@charset "utf-8";
/* CSS Document */
html{color:#333; font-size:14px;background:#f8f8f8;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
body{ background:#f9f8f6}
ol,ul,li {list-style:none;}
.fl,.fr {_display:inline;}
.fl{float:left;}
.fr {float:right;}
a{ color:#333; text-decoration:none;}
a:hover { color:#d14f00; text-decoration:none;}
h1,h2{ font-weight:bold}
h3,h4,h5 {font-weight:normal;}
img{ border:none;}
.cl { clear:both;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{ position:relative}


.w1200{ width:1200px; margin:0 auto}
.w1180{ width:1180px; margin:0 auto}
.pd60{ padding:60px 0}
.mt40{ margin-top:40px;}
.mt20{ margin-top:20px}

.bg_black{ background:url(img/bg_black.jpg) repeat}

.topbox{ width:100%; height:640px; background:url(img/topbg.jpg) no-repeat center top;}
.zsylg{ position:absolute; top:-177px; right:10px; background:url(img/zsylg.png) no-repeat; width:180px; height:177px;}
.zt{ width:984px; height:640px; position:absolute; top:-640px; left:108px}
.topbox .zsylg,.topbox .zt{ opacity:0; filter:alpha(opacity=0)}
.back{ width:80px; height:20px; line-height:20px; background:#fff; text-align:center; margin:105px 50px 0 50px}
.back ul{ position:absolute; top:20px; left:0; background:#fff; width:100%; display:none}
.back ul li{ width:100%; height:22px; line-height:22px;}

.dy dl{ width:100%; float:left; overflow:hidden}
.dy dl dt{ width:146px; height:114px; position:absolute; left:0; top:20px}
.dy dl dd{ width:980px; padding:40px 40px 40px 102px; float:right; border:1px solid #fff;}
.dy dl dd p{ color:#fff; text-indent:2em; line-height:24px;}

.title{ width:100%; background:url(img/tit.png) no-repeat; height:122px;}
.tit02{ background-position:0 -122px}
.tit03{ background-position:0 -244px}
.stit{ width:100%; text-align:center; font-size:24px; font-family:'宋体'; font-weight:bold; margin:30px 0}
.t_white{ color:#fff}

.per ul li{ width:200px; padding:0 19px; min-height:380px;float:left;}
.per ul li.first{ border-left:none}
.per ul li.last{ border-right:none}
.per ul li i{ display:block; width:150px; height:145px; background:url(img/per01.png) no-repeat; margin:0 auto}
.per ul li i.i02{ background-position:0 -145px;}
.per ul li i.i03{ background-position:0 -290px}
.per ul li i.i04{ background-position:0 -435px}
.per ul li i.i05{ background-position:0 -585px}
.per ul li b{ display:block; width:100%; line-height:30px; text-align:center; font-weight:normal; color:#b5925c}
.per ul li p{ text-align:justify; text-indent:2em; line-height:24px;}

.per02 ul li{ width:260px;}
.per02 ul li i{ display:block; width:150px; height:145px; background:url(img/per01b.png) no-repeat; margin:0 auto}
.per02 ul li i.i02{ background-position:0 -145px;}
.per02 ul li i.i03{ background-position:0 -290px}
.per02 ul li i.i04{ background-position:0 -435px}
.per02 ul li i.i05{ background-position:0 -580px}
.per02 ul li i.i06{ background-position:0 -725px}
.per02 ul li i.i07{ background-position:0 -870px}
.per02 ul li i.i08{ background-position:0 -1015px}
.bd01 ul li{border-right:1px solid #dfdfdf; border-left:1px solid #fff}
.bd02 ul li{border-right:1px solid #393939; border-left:1px solid #0d0d0d}
.p_white p{ color:#fff}
.slideBox .bd ul li{ width:460px; padding:0 65px 40px 65px; margin:40px 20px 0 0; background:#fff; text-align:center;}
.slideBox .bd ul li img.lg{ margin-top:-40px;}
.slideBox .bd ul li b{ display:block; text-align:center; font-size:24px; font-family:'宋体'; font-weight:bold; line-height:40px;}
.slideBox .bd ul li p{ width:100%; height:200px; text-align:justify; text-indent:2em; line-height:24px;}
.slideBox .hd{ width:100%; text-align:center; padding:20px 0}
.slideBox .hd ul li{ display:inline-block; *display:inline; *zoom:1; width:8px; height:8px; border:1px solid #b5925c; margin:0 2px; font-size:0}
.slideBox .hd ul li.on{ background:#b5925c}
.slideBox a{ display:block; width:63px; height:121px; position:absolute; top:50%; margin-top:-60px; background:url(img/jt01.png) no-repeat}
.slideBox a.prev{ left:-73px;}
.slideBox a.next{ right:-73px; background-position:-63px 0}
.txt{ text-align:justify; text-indent:2em; line-height:24px;}

.brand ul{ width:1205px; margin-top:20px}
.brand ul li{ width:236px; height:84px; float:left; text-align:center; background:#fff; margin:0 5px 5px 0}

.editer{ width:300px; border-left:1px solid #ccc; padding-left:49px}
.editer p{ font-size:14px; line-height:26px}
.mz{ width:490px;}
.mz b{ font-size:18px;}
.mz p{ font-size:14px; text-indent:2em; line-height:30px; padding-left:10px; text-align:justify}
.mid{ width:360px; text-align:center}
.mid dl{ display:inline-block; *display:inline; *zoom:1text-align:center}

.nav_r{ position:fixed; top:200px; right:50px; background:url(img/nav_r.png) no-repeat; width:184px; padding-top:60px; height:340px;}
.nav_r a{ display:block; width:100%; height:80px; margin-bottom:20px;}
.nav_r a:hover{ background:url(img/nav_ra.png) no-repeat;}
.nav_r a.a1:hover{ background-position:0 -60px;}
.nav_r a.a2:hover{ background-position:0 -160px;}
.nav_r a.a3:hover{ background-position:0 -260px;}