@charset "utf-8";
@media all and (min-width:640px) {body { width:640px; margin:0 auto;}}
body{ background:#fff; font-family:"Microsoft Yahei"; font-size:14px; line-height:180%;}
*{ margin:0px; padding:0px;}
li{ list-style-type:none;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
p{ text-indent:2em;}
h2{ line-height:35px; text-align:center;}
h3{ color:#d01b19; line-height:30px;}
a{ color:#000; text-decoration:none;}
a.black{ color:#555; font-size:12px; text-decoration:none;}
a.white{ color:#fff; font-size:12px; text-decoration:none;}
a:hover{ color:#cc0000; text-decoration:underline;}
.header{ width:100%; padding:5px 0;}
.header img{ width:100%;}
#footer{ padding:10px 0 88px 0;; text-align:center;}
.nav{ width:100%; height:105px; clear:both;}
.nav li{ width:25%; float:left; line-height:50px; text-align:center;}
.nav li a{ width:100%; float:left; box-shadow:1px 1px 0px #a30907 inset; background:#d11b1a; border:#a30907 1px solid; color:#fff;}
.big-pic{ width:100%; position:relative;}
.big-pic img{ width:100%; height:auto; float:left; display:block;}
.big-pic-in{ width:100%; height:auto; position:relative; overflow:hidden;}
.pic-list{ height:auto; -webkit-transform:translate3d(0,0,0); position:relative; z-index:0;}
.slide-dot{ width:95%; height:26px; overflow:hidden; position:absolute; left:0; bottom:0; padding:0 5% 0 0; text-align:right;}
.slide-dot span{ width:6px; height:6px; display:inline-block; border-radius:8px; vertical-align:top; background:#b5b5b5; margin:8px 3px 0 2px; z-index:10;}
.slide-dot .slide-dot-cur{ width:7px; height:7px; margin-top:7px; border-radius:10px; vertical-align:top; background:#c80002; z-index:10;}
.transition{ -moz-transition:-moz-transform 0.3s ease-out; -webkit-transition:-webkit-transform 0.3s ease-out; -o-transition:-o-transform 0.3s ease-out; transition:transform 0.3s ease-out;}
.title{ width:100%; height:55px; background:url(img/tbg1.jpg) no-repeat center; font-size:18px; line-height:55px;}
.title span{ width:100%; display:block; color:#d01b19; text-align:center;}
.title1{ width:100%; height:30px; background:#d11b1a; line-height:30px;}
.title1 span{ margin-left:2%; padding:0 3%; background:#a30907; color:#fff;}
.title1 p{ float:right; padding-right:2%;}
.cp{ width:100%; padding-top:12px; clear:both;}
.cp dl{ width:48%; height:180px; float:left; margin:5px 1% 10px 1%; overflow:hidden;}
.cp dt{ width:98%; height:150px; padding:1%; background:#fff; border:#ccc 1px solid; box-sizing:border-box; box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden;}
.cp dt img{ width:100%;}
.cp dd{ width:98%; height:25px; margin-top:2px; color:#3f4d5a; line-height:25px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pc{ width:100%; margin-top:10px; clear:both;}
.pc .nav-p{ width:100%; padding-top:4px; clear:both;}
.pc .nav-p li{ width:31.5%; float:left; line-height:36px; text-align:center;}
.pc .nav-p a{ width:95%; height:36px; float:left; margin:10px 0 0 10px; display:block; background:url(img/ico.jpg) no-repeat 0 center;}
.about{ width:100%; padding:12px 0; clear:both;}
.ac{ width:100%;}
.about .text{ width:98%; float:left; padding:10px 1% 1px 1%;}
.ys{ width:100%; margin-top:15px; clear:both; overflow:hidden;}
.ys .tit{ width:100%; float:left;}
.ys .tit img{ width:100%; min-width:200px;}
.ys dl{ width:100%; float:left; margin-bottom:10px; padding-bottom:20px; background:url(img/dlbg.jpg) no-repeat center bottom; background-size:100% auto;}
.ys dt{ width:100%; height:55px; float:left; background:url(img/ico.png) no-repeat 10px 5px; line-height:55px;}
.ys dt span{ width:32px; float:left; padding-left:20px; color:#fff; font-size:1.3em; line-height:50px; font-weight:700;}
.ys dt b{ float:left; color:#d01b19; font-size:1.3em;}
.ys dd{ width:100%; clear:both;}
.ys dd p{ padding-left:50px; padding-right:10px; text-indent:0px;}
.ys dd span{ color:#05a502;}
.al{ width:100%; clear:both;}
.alc{ width:100%; float:left;}
.but{ width:98%; margin:0 auto; padding:20px 2px 0px 0px; position:relative; overflow:hidden;}
.but-left{ width:15%; height:58px; position:absolute; left:15px; top:35%; cursor:pointer; background:url(img/nav-left.jpg) no-repeat; z-index:80;}
.but-right{ width:10%; height:58px; position:absolute; right:10px; top:35%; cursor:pointer; background:url(img/nav-right.jpg) no-repeat; z-index:80;}
.albox{ width:70%; height:200px; margin:0 auto; overflow:hidden;}
.albox li{ width:200px; height:0px; float:left; padding-top:2px; text-align:center;}
.albox li img{ width:200px; height:110px; margin-bottom:2px; max-height:170px;}
.albox li p{ padding-top:0px; color:#333; line-height:22px; text-indent:0px;}
.news{ width:100%; margin-top:10px; clear:both;}
.news-c{ width:98%; margin-left:1%; padding:5px 0px 10px 0px; clear:both; overflow:hidden;}
.news-c ul{ width:100%; float:left;}
.news-c li{ height:30px; padding:0px 0px 0px 13px; border-bottom:#dfdfdf 1px dashed; background:url(img/ico1.png) no-repeat 1px center; line-height:30px; text-align:left; overflow:hidden;}
.foot{ width:100%; display:block; left:0; bottom:0; position:fixed; background:#d11b1a; text-align:center; z-index:100;}
.footc{ width:100%; height:62px; border-top:#e9f0f4 1px solid; background:#d11b1a; background-image:-moz-linear-gradient(center top, #d11b1a, #d11b1a); background-image:-moz-linear-gradient(top, #edf4f7, #fcfdfe); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#d11b1a), to(#d11b1a)); background-image:-webkit-linear-gradient(top, #d11b1a, #d11b1a); background-image:-o-linear-gradient(top, #d11b1a, #d11b1a); background-image:linear-gradient(top, #d11b1a, #d11b1a);}
.footc li{ width:48%; height:100%; float:left;}
.footc a{ width:100%; height:32px; margin-top:30px; display:block; color:#fff; text-align:center;}
.footc a span{ width:100%; height:100%; display:block; line-height:32px; cursor:pointer;}
.ftel{ border-left:#e2ecf1 1px solid; border-right:#fff 1px solid; background:url(img/tel.png) no-repeat center 6px;}
.sms{ border-left:#e2ecf1 1px solid; background:url(img/sms.png) no-repeat center 6px;}
.in-title{ width:100%; height:32px; margin-top:15px; background:#d11b1a; line-height:32px;}
.in-title i{ width:10%; height:32px; float:left; display:block;}
.in-title i img{ margin-left:15px; margin-top:2px; border:0px;}
.in-title p{ width:75%; float:left; color:#fff; text-align:center;}
.cp-nav{ width:15%; float:left; background:url(img/ico3.png) no-repeat 70% center; cursor:pointer;}
.cp-nav span{ padding-left:20px; color:#555; cursor:pointer;}
.cp-view{ width:96%; display:none; float:left; padding:2% 2%; border-top:#fff 1px solid; background:#a30907;}
.cp-view ul{ padding:10px 0px 10px 0px;}
.cp-view ul a{ float:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin:0 1% 10px 1%; padding:0.5% 1%; border:#ddd 1px solid; border-radius:5px; background:#fff;}
.about-c{ width:98%; min-height:100px; padding:10px 0px 0px 0px; line-height:24px; clear:both; overflow:hidden;}
.about-t{ padding:10px; clear:both;}
.page{ clear:both; padding:5px; text-align:center;}
.navbtn{ width:61px; height:39px; line-height:39px; position:fixed; right:1%; top:10px; z-index:1000; cursor:pointer; text-align:center; background:#1b6eb2; border:#dedede 1px solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#ddd; font-size:18px; filter:alpha(opacity=80); opacity:0.8;}
.navbg{ width:207px; border:0px solid #0f60a2; background:#1a6db1; position:fixed; right:1%; top:51px; display:none; z-index:999;}
.navbg li{ width:100%; height:36px; border-bottom:#095da2 1px solid;}
.navbg li a{ width:100%; height:35px; display:block; line-height:35px; border-bottom:#247ac1 1px solid; font-size:16px; color:#fff; text-indent:23px; background:url(img/navico.jpg) no-repeat 155px center;}
.prolist{ width:100%; float:left; clear:both; overflow:hidden;}
.prolist ul{ width:94%; padding:3% 3% 0 3%;}
.prolist li{ width:48%; height:180px; float:left; margin:5px 1% 10px 1%;}
.prolist li div{ width:100%; float:left;}
.prolist li img{ width:100%; float:left; display:block;}
.prolist .proimg{ width:99%; height:150px; float:left; border:#ccc 1px solid; background:#fff; -webkit-box-sizing: border-box; overflow:hidden;}
.prolist .protxt{ width:98%; height:25px; float:left; line-height:25px; border:#ccc 1px solid; background:#f2f2f2; text-align:center; color:#3f4d5a; font-size:12px; margin-top:2px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}
.cen{ width:100%; text-align:center; text-indent:0px;}
.cen img{ max-width:98%; height:auto !important;}
#xh{ margin:8px auto; margin-bottom:15px; background:#a6caea; line-height:30px;}
#xh th{ background:#f4f4f4; color:#222222;}
#xh td{ background:#f4f4f4; color:#002f76; text-align:center;}
#xh td a{ color:#002f76;}