@charset "gbk";

/* CSS Document */



body{ margin:0; padding:0; font-size:14px; font-family:"Microsoft Yahei";}

div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{ margin:0; padding:0; border:0;}

ul,li{ list-style-type:none;}

img{ vertical-align:middle; border:0; margin:0; padding:0;}

button{ vertical-align:middle; cursor:pointer;}

input txt,button{ vertical-align:middle; border:none;}

a,a:link{ color:#333333; text-decoration:none;}

a:hover{ color:#333333; text-decoration:underline;}

.clear{ clear:both; overflow:hidden; height:0px;}

.clearfix{ overflow:hidden; zoom:1;}

.lft{ float:left;}

.rgt{ float:right;}



.header .top{ background:#F7F9FA; height:46px}

.header .top a{ text-decoration:none; color:#445a65}

.header .top a:hover{ font-weight:bold}

.header .top-l{ float:left; font-size:14px; color:#445a65; padding-top:12px}

.header .top-r{ float:right}

.header .top-r ul{ float:left}

.header .top-r li{ float:left; line-height:20px; font-size:14px; color:#445a65; padding:13px 0 13px 26px; position:relative}

.header .top-r li:last-child{ padding:14px 0; margin-left:10px; border:solid 1px #F7F9FA; border-top:none; border-bottom:none; cursor:pointer}

.header .top-r li:before{ content:"/"; width:26px; line-height:18px; text-align:center; font-size:14px; color:#e4e4e4; position:absolute; top:14px; left:0}

.header .top-r li:first-child:before{ display:none}

.header .top-r li:last-child:before{ display:none}

.header .top-r li.more-cont{ position:relative}

.header .top-r li.more-cont span{ display:block; padding:0 20px 0 10px; position:relative}

.header .top-r li.more-cont span:before{ content:""; width:6px; height:6px; border:solid 1px #ABABAB; border-top:0; border-right:0; position:absolute; top:4px; right:7px; transform:rotate(-45deg)}

.header .top-r li.more-cur{ background:#FFF; border:solid 1px #EEEEEE; border-top:0; border-bottom:0}

.header .top-r li.more-cur span:before{ transform:rotate(135deg); top:8px}

.header .top-r li.more-cont .more-box{width:258px; padding:10px 15px; background:#FFF; border:solid 1px #eee; border-top:none; position:absolute; top:46px; right:0; display:none}

.header .top-r li.more-cont .nav-more-li{display: -webkit-flex; /* Safari */ display: flex;flex-wrap:wrap; justify-content:space-between}

.header .top-r li.more-cont .nav-more-li:first-child{margin-bottom: 5px; border-bottom: 1px dashed #eee; padding-bottom: 5px;}

.header .top-r li.more-cont .nav-more-li a{ float:left;font-size: 14px; color: #445A65; line-height: 20px;}

.header .top-r .top-move{ float:left; position:relative}

.header .top-r .top-move a{ display:block; height:34px; padding:12px 12px 0 29px; border:solid 1px #F7F9FA; border-top:none; border-bottom:none; text-decoration:none; position:relative}

.header .top-r .top-move a:before{ content:""; background:url(../images/lcon.png) no-repeat; width:12px; height:23px; position:absolute; top:12px; left:12px}

.header .top-r .top-move img{ width:150px; height:150px; position:absolute; top:46px; left:50%; margin-left:-75px; display:none}

.header .top-r .top-move:hover a{ background:#FFF; font-weight:normal}

.header .top-r .top-move:hover img{ display:block}

.header .lpd{ height:80px}

.header .lpd .logo{ float:left; margin-top:28px}

.header .lpd .phone{ float:left; font-size:24px; color:#333333; line-height:30px; padding-left:38px; margin:26px 0 0 282px; position:relative}

.header .lpd .phone:before{ content:""; width:30px; height:30px; background:url(../images/lcon.png) no-repeat; background-position:-14px 0; position:absolute; top:0; left:0}

.header .lpd .pdtit{float:left; font-size:10px; color:#333333; line-height:30px; padding-left:18px;margin:28px 0 0 18px;border-left:1px solid #f5f5f5;color:#E4393C;}

.header .lpd dl{ float:right; overflow:hidden; margin-top:15px}

.header .lpd dd{ float:left; text-align:center; width:54px}

.header .lpd dd a{ text-decoration:none}

.header .lpd dd i{ display:block; width:34px; height:34px; margin:0 auto; background:url(../images/lcon.png) no-repeat; background-position:-46px 0}

.header .lpd dd span{ display:block; font-size:14px; color:#808080; line-height:17px; margin-top:5px}

.header .lpd dd:nth-child(2) i{ background-position:-80px 0}

.header .lpd dd:nth-child(3) i{ background-position:-114px 0}

.header .nav{ background:#E4393C}

.header .nav .nav-cont{ overflow:hidden; display: -webkit-flex; /* Safari */ display: flex; flex-wrap:wrap; justify-content:space-between}

.header .nav .nav-box{ float:left; overflow:hidden}

.header .nav .nav-box span{ float:left; width:56px; height:42px; background:#DE2326; padding:14px 0; font-size:18px; color:#ffffff; line-height:21px; text-align:center}

.header .nav .nav-box dl{ float:left; overflow:hidden}

.header .nav .nav-box dd{ float:left; width:318px; padding:9px 0; overflow:hidden}

.header .nav .nav-box dd a{ float:left; font-size:14px; color:#ffffff; line-height:26px; padding:0 6px; margin:0 2px; text-decoration:none}

.header .nav .nav-box dd a:hover{ background:#DE2225; color:#ffff00}

.header .nav .nav-box:nth-child(3) dd{ width:158px}

.header .nav .nav-box:nth-child(4) dd{ width:180px}

/* footer */

.footer{text-align: center;font-size:12px;padding:30px 0 40px;color:#445a65;}

.footer ul{ display:inline-block;overflow: hidden}

.footer ul li{float:left;}

.footer ul li a:hover{color:#f15c67;}

.footer ul li span{display: inline-block;padding:0 5px;}

.footer p{padding-top:8px;}