@charset "utf-8";
/* Copyright best-color.cn/m */
@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:#009900; 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%;}
.header img{ width:100%;}
.footer{ margin-bottom:62px; padding:25px 0; background:url(../img/fbg.jpg) no-repeat center top; color:#fff; font-size:14px; line-height:36px; text-align:center;}
.footer a{ color:#fff;}
.foot{ width:100%; display:block; left:0; bottom:0; position:fixed; background:#33d0b3; text-align:center; z-index:100;}
.footc{ width:100%; height:62px; border-top:#e9f0f4 1px solid; background:#f7fafc; background-image:-moz-linear-gradient(center top, #edf4f7, #fcfdfe); background-image:-moz-linear-gradient(top, #edf4f7, #fcfdfe); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#edf4f7), to(#fcfdfe)); background-image:-webkit-linear-gradient(top, #edf4f7, #fcfdfe); background-image:-o-linear-gradient(top, #edf4f7, #fcfdfe); background-image:linear-gradient(top, #edf4f7, #fcfdfe);}
.footc li{ width:48%; height:100%; float:left;}
.footc a{ width:100%; height:32px; margin-top:30px; display:block; color:#7fa6c6; 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; border-right:#fff 1px solid; background:url(img/sms.png) no-repeat center 6px;}
.nav{ width:100%; height:104px; clear:both; background:url(img/nbg.jpg) repeat-y;}
.nav li{ width:33.3%; float:left; line-height:52px; background:url(../img/nava.jpg) no-repeat right; text-align:center;}
.nav li a{ width:100%; float:left; 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%;}
.title img{ width:100%;}
.c-nav{ width:100%; position:relative; overflow:hidden;}
.c-nav ul{ margin:0px; padding:0px;}
.c-nav li{ width:29%; height:70px; margin:2%; float:left; overflow:hidden;}
.c-nav li a{ width:96%; height:53px; display:inline-block; overflow:hidden; padding-top:15px; background:#f2f2f2; border:#e6e6e6 1px solid; color:#555; font-size:18px; line-height:24px; text-align:center; font-weight:bold;}
.c-nav li i{ display:block; font:12px/20px Arial; color:#d6d6d6; text-transform:uppercase;}
.c-nav li a:hover, .c-nav li.cur a{ background:#fd9500; border:#fd9500 1px solid; color:#fff; text-decoration:none;}
.c-nav li a:hover i, .c-nav .cur a i{ color:#fdb05e;}
.cp{ width:100%; padding-top:12px; clear:both;}
.cp dl{ width:48%; height:230px; float:left; margin:5px 1% 10px 1%; overflow:hidden;}
.cp dt{ width:98%; height:200px; 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;}
.ys{ width:100%; overflow:hidden;}
.ys dl{ width:95%; margin:0 auto; overflow:hidden;}
.ys dt{ height:80px; padding:20px 0 0 70px; color:#333; font-size:20px; line-height:28px; letter-spacing:3px;}
.ys dt b{ display:block; color:#007bd0; font-size:24px; letter-spacing:0;}
.ys dd{ margin-top:15px; margin-bottom:15px; padding-left:18px; background:url(img/ddbg.jpg) no-repeat 0 12px; font-size:14px; line-height:24px;}
.ys .dl1{ background:url(../img/1.jpg) no-repeat;}
.ys .dl2{ background:url(../img/2.jpg) no-repeat;}
.ys .dl3{ background:url(../img/3.jpg) no-repeat;}
.ys .dl4{ background:url(../img/4.jpg) no-repeat;}
.ys .tel{ width:90%; height:57px; margin:0 auto; margin-bottom:15px; background:#fd9500; color:#fff; font-size:18px; line-height:57px; text-align:center;}
.ys .tel span{ font:26px Impact;}
.ys .tel a{ color:#fff;}
#lcbg{ margin-bottom:15px; padding-top:10px; overflow:hidden; background:url(../img/cbg.jpg) repeat-y center top;}
.lc{ width:95%; margin:0 auto; overflow:hidden;}
.lc ul{ margin:0px; padding:0px;}
.lc li{ width:29%; margin:2%; float:left; overflow:hidden;}
.lc li a{ width:154px; display:inline-block; background:url(../img/lclibg.jpg) no-repeat; color:#666;}
.lc li img{ width:113px; height:113px; overflow:hidden; border:0;}
.lc li span{ width:113px; padding-top:10px; overflow:hidden; display:block; font-size:16px; line-height:30px; text-align:center;}
.lc li a:hover{ background:url(../img/lclihover.jpg) no-repeat; text-decoration:none;}
.lc .none{ width:113px; margin-right:0; overflow:hidden;}
.lc .none a{ width:113px;}
.al{ width:100%; clear:both;}
.alc{ width:100%; float:left;}
.but{ width:98%; margin:0 auto; padding:20px 2px 10px 0px; position:relative; overflow:hidden;}
.but-left{ width:15%; height:58px; position:absolute; left:15px; top:40%; cursor:pointer; background:url(img/nav-left.jpg) no-repeat; z-index:80;}
.but-right{ width:10%; height:58px; position:absolute; right:10px; top:40%; 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:160px; margin-bottom:2px; max-height:170px;}
.albox li p{ padding-top:0px; color:#333; line-height:22px; text-indent:0px;}
.about{ width:100%; margin-bottom:15px; overflow:hidden;}
.about dl{ margin:0px;}
.about dd{ width:96%; margin:0 auto; overflow:hidden;}
.about dd h3{ height:75px; padding:30px 0 0 30px; background:url(../img/about-t1.jpg) no-repeat; font-size:18px; line-height:30px;}
.about dd h3 i{ display:block; color:#ccc; font:12px/20px Arial; text-transform:uppercase;}
.about dd p{ padding-top:15px; overflow:hidden; color:#555; font-size:14px; line-height:24px; word-spacing:-1.5px;}
.about dd p a{ color:#007bd0;}
.in-title{ width:100%; height:32px; margin-top:15px; background:#007bd0; 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;}
.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;}
.about-t img{ width:100%;}
.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;}
.cen img{ max-width:98%; height:auto !important;}
.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:#024cab;}
.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;}