@charset "utf-8";
/* CSS Document */
.roll { width:300%; }
.roll span{ display:block; width:30px; height:60px;background: url("../images/bg_more.png") repeat-y scroll right top / 100% auto; content: ""; position:absolute; top:10px; right:0;}
.roll a{ display:inline-block; height:20px; margin-right:18px; line-height:20px; margin-top:30px; margin-bottom:20px; color:#707070; font-size:13px;}
.innerpag{ background:#fff; overflow:hidden; width:auto; padding:0 12px;position:relative;}
.roll a.now{ font-size:18px; color:#0079cd;}
.innerpag h2{ font-size:18px; color:#474747; padding-top:17px; padding-bottom:5px;}
.innerpag p{ font-size:14px; color:#707070; margin:5px auto;line-height: 22px;}
.hr{ background:url(../images/hr.png) no-repeat left center; height:3px; width:100%; margin:30px auto;}
.innerpag h2.now:hover{color:#fa5708;}
.dowmore{ text-align:center;margin-top:-10px; margin-bottom:25px;}
.dowmore a{font-size:15px; text-align:center; display:block; width:40%; height:px; color:#fc5707; margin:0 auto; height:40px; line-height:40px; border:1px solid #cccccc; }
.more{ text-align:center;margin-top:-10px; margin-bottom:25px;}
.more a{font-size:15px; text-align:center; display:block; width:40%; color:#fc5707; margin:0 auto; line-height:60px;  }
.hidden{display: none;}
.now{display: block;}

.solid{ width:100%; height:2px; border-bottom:1px solid #d9d9d9; margin:25px auto;}
.innerpag h2.title{ text-align:center;}
.innerpag .span{ width:100%; display:block; text-align:center; font-size:14px;}
.interaction img{ margin:20px auto;}

.datenum{ width:20%; height:54px; float:left; padding-top:20px;}
.datenum .num{ font-size:45px; color:#0079cd; line-height:35px; text-align:center; font-family:arial; width:52; height:35px; font-weight:bold;}
.datenum .date{ text-align:center; font-size:12px; height:22px; margin-top:7px;} 
.listitr{ float:right; padding-left:25px; width:80%;} 
.innerpag .listitr h2.litit{ padding-bottom:0px; font-size:15px;}
.innerpag .listitr p{ line-height:20px; font-size:12px;}
.innerpag.news{ background:url(../images/hr.png) no-repeat center bottom;   padding-bottom: 15px;}

.dowmore.nows{ margin:15px auto; clear:both;}
.head .add{ background:url(../images/add.png) no-repeat center / auto 50%; right:10px; top:0;  height: 45px;right: 0;position: absolute;top: 0; width: 46px;}
.head a.add.d{background:url(../images/add2.png) no-repeat center / auto 50%;}
.addlist{ position:absolute; top:0; left:0; width:100%; display:none; z-index:1;}
.addlist ul li{ height:37px; text-indent:40px; position:relative;}
.addlist ul{ background:#0D77B6; width:100%;}
.addlist ul li a{ display:block; width:auto; height:37px; line-height:36px; font-size:15px;  color:#fff; border-top:1px solid #fff;}
.addlist ul li span{background:url(../images/addlistr.png) no-repeat center / 100% auto; display:block; width:10px; float:right; height:37px; position:absolute; top:0; right:10px;}
.addlist .li1{ background:url(../images/addlist1.png) no-repeat 12px center / 18px auto; }
.addlist .li2{ background:url(../images/addlist2.png) no-repeat 12px center / 18px auto; }
.addlist .li3{ background:url(../images/addlist3.png) no-repeat 12px center / 18px auto; }
.addlist .li4{ background:url(../images/addlist4.png) no-repeat 12px center / 18px auto; }
.addlist .li5{ background:url(../images/addlist5.png) no-repeat 12px center / 18px auto; }
.addlist .li6{ background:url(../images/addlist6.png) no-repeat 12px center / 18px auto; }

.activetit { margin-top:23px;}
.activetit h2{ width:207px; margin:0 auto; padding:0;  color:#474747; text-align:center; font-size:18px; height:auto; text-transform:uppercase; line-height:25px;}
.activetit h2.plat{ font-size:20px; font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#0079cd;}
.activetit p{ color:#707070; font-size:12px; margin-top:10px; line-height:18px;}

.from table{ width:100%;}
.from table input{ width:100%; height:35px; text-indent:10px; line-height:35px; color:#dcdcdc; border:1px solid #cccccc; border-radius:3px;}
.from table textarea{ width:100%; height:107px;   padding: 0 9px;line-height:35px; font-size:14px; color:#ccc; border:1px solid #cccccc; border-radius:3px;}
.from table tr input{ margin-bottom:15px; font-size:14px; color:#ccc;}
.activetit .from .but a{ width:100%; height:35px; display:block; font-size:18px; color:#fff; background:#5f6061;  text-align:center; line-height:35px; margin-bottom:33px;}
.activetit .from .but a.submit{background:#0079cd; margin:6px auto;}

.activetit p.no{ margin-top:0;}
.bck { background:url(../images/comon1.jpg) no-repeat center / 100% auto ; width:auto; height:240px; }
.bck h2{ font-size:18px; color:#fff; text-align:center;}
.bck h2.plat{ font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;padding-top:35px;}
.bck .but{ width:83px; height:78px; background:url(../images/but2.png) no-repeat top center / 59%; margin-left:70%; margin-top:0px; padding-top:55px;}
.bck .but p{ font-size:10px; color:#744C29; text-align:center;}
.bck .but span{ font-size:7px; color:#fc5707; text-align:center; display:inline-block; width:100%; text-align:center;}
.newslist h2.news{ font-size:20px; color:#0079cd; font-weight:bold;text-align:center; text-transform:uppercase;}
.newslist h2{ font-size:18px; color:#474747; text-align:center;}
.innerpag.news.font{ background: url(../images/hr.png) no-repeat scroll center top; padding-bottom:; }
.innerpag.news.font .num{ color:#707070;}
.newslist{ padding:33px 0 15px 0;}
.successbul{ width:auto; background:url(../images/conimg.jpg) no-repeat center /100% ; height:220px;}
.successbul h2{ font-size:18px; color:#fff; text-align:center;}
.successbul h2.arial{ font-size:20px; color:#fff; font-weight:bold; padding-top:25px; padding-bottom:5px;} 
.successbul p{ font-size:12px;line-height: 22px; color:#fff; margin-top:15px; width:auto; padding:0 20px;}
.successbul a{ width:128px; height:30px; color:#fff; background:#0079cd; line-height:30px; font-family:Arial, Helvetica, sans-serif; text-align:center; margin:0 auto; display:block; margin-top:22px;}
.callus{ width:303px; margin:0 auto; overflow:hidden; margin-bottom:20px;}
.callus p{ color:#474747; font-size:15px; padding-left:40px; height:30px; line-height:30px;}
.callus .p1{ background:url(../images/callus1.png) no-repeat left center / 22px auto;}
.callus .p2{ background:url(../images/callus2.png) no-repeat left center / 22px auto;}
.callus .p3{ background:url(../images/callus3.png) no-repeat left center / 22px auto;}
.callus h2{ font-size:15px; color:#909090; text-align:center; font-weight:bold; margin:20px auto;}
.callus p span{ font-family:Arial, Helvetica, sans-serif; display:inline-block;}


.banner2{ background:url(../images/arcimg3.jpg) no-repeat center center / 100% auto; position:relative;  height:166px;}
.banner2 h2{ font-size:15px; font-weight:bold; color:#fff; text-align:center; padding-top:42px; padding-bottom:15px;}
.banner2 p{ font-size:12px; text-align:center; color:#fff; margin-top:7px; width:90%; margin:0 auto;}
.activetit.fsat h2.plat{ width:100%;}
.bagef{ background:#fff;}
.bagef .innerpag{ background:none;}
.activetit.fsat p.center{ text-align:center;}
.focus{position:relative;}
.focus .frame{height:100%;overflow:hidden;}
.focus .frame .child{height:100%;width:100%;float:left;text-align:center;}
.focus .frame .child img{width:100%;height:auto;}
.focus .nav{position:absolute;left:0;width:100%;bottom:20px;text-align:center;}
.focus .nav span{display:inline-block;width:12px; height:12px;border-radius:3.5px;background:#fff;margin:0 3px;background:url(../images/flashd.png) no-repeat center / 50% auto;}
.focus .nav span.now{background:url(../images/flash.png) no-repeat center / 100% auto; border-radius:0; }
.focus .prev{ position:absolute; left:0; top:50%; margin-top:-75px; height:40px; width:40px; background:url(../images/prev.png) no-repeat top center / 50% auto; cursor:pointer;}
.focus .next{ position:absolute; right:0; top:50%; margin-top:-75px; height:40px; width:40px;background:url(../images/next.png) no-repeat top center / 50% auto; cursor:pointer;}
.focus .prev:hover{ background-position: center -40px;}
.focus .next:hover{background-position: center -40px;}
.flash .prev:hover{ background-position: center -40px;}
.flash .next:hover{background-position: center -40px;}
.focus .frame .child a{ display:block;} 
.focus .frame .child h2{ width:100%; text-align:left; float:left; margin-top:15px; font-size:15px;}
.focus .frame .child h2 span{ font-size:12px; margin-left:10px; color:#707070;}
.focus .frame .child p{ float:left;  text-align:left; margin-top:5px; margin-bottom:45px; height:38px;}
.activetit h2.plat.wid{ width:207px;}
.activetit.whit{ background:#fff; margin:0; padding-top:25px; overflow:hidden; padding-bottom:27px;}
.activetit .ul{ width:100%; }
.activetit .ul li { width:50%; float:left; border-left:1px solid #eeeeee; border-top:1px solid #eeeeee; padding:15px 0; }
.activetit .ul li:hover{ background:url(../images/lihover.png) repeat center / 100% auto;}
.activetit .ul li:hover h2,.activetit .ul li:hover span,.activetit .ul li:hover p{ color:#fff;}
.activetit .ul li span{ display:block; width:100%; text-align:center; color:#707070; text-transform:uppercase; font-size:12px;}
.activetit .ul li p{ text-align:center; font-size:14px; color:#474747; margin-top:9px;}
.activetit .ul li h2{ width:100%; font-size:15px; color:#909090; font-weight:bold;}
.activetit .ul li.b{ border-right:1px solid #eeeeee;}
.activetit .ul li.c{ border-bottom:1px solid #eeeeee;}
.activetit.prod{ margin:0 ; padding-top:20px;}
.activetit.prod h2{ font-weight:100; width:215px;}
.activetit.prod .conimg h2{ width:100%; text-align:left; margin-top:15px; }
.activetit.prod .conimg p{ margin-top:0px;}
.activetit.prod .conimg{ margin-top:15px;}
.bagef .hr{ margin-top:23px; margin-bottom:20px;}
.activetit.prod.bot{ margin:0; padding:0;}
.activetit.prod.bot .conimg{ margin:0;}
.innerpag .warp .con{ width:75%; float:right;}
.innerpag .warp .img{ float:left; width:20%; height:50px; text-align:center;}
.innerpag .warp .img1{ float:left; width:20%; height:50px; background:url(../images/icoimg1.png) no-repeat center / auto 100%;}
.innerpag .warp .img2{ float:left; width:20%; height:50px; background:url(../images/hoimg1.png) no-repeat center / auto 100%;}
.innerpag .warp .img3{ float:left; width:20%; height:50px; background:url(../images/hoimg2.png) no-repeat center / auto 100%;}
.innerpag .warp .img4{ float:left; width:20%; height:50px; background:url(../images/hoimg3.png) no-repeat center / auto 100%;}
.innerpag .warp .img5{ float:left; width:20%; height:50px; background:url(../images/hoimg6.png) no-repeat center / auto 100%;}

.innerpag:hover .con .h21{ color:#ff5705;}
.innerpag:hover .con .h22{ color:#ff5705;}
.innerpag:hover .con .h23{ color:#ff5705;}
.innerpag:hover .con .h24{ color:#ff5705;}

.innerpag:hover .con .span1{ color:#ff5705;}
.innerpag:hover .con .span2{ color:#ff5705;}
.innerpag:hover .con .span3{ color:#ff5705;}
.innerpag:hover .con .span4{ color:#ff5705;}

.innerpag .warp .con h2{ width:100%; text-align:left; font-size:15px; color:#474747; height:25px;}
.innerpag .warp .con span{ font-size:12px; color:#474747; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.innerpag .warp .con p{ margin:0; margin-top:5px; line-height:15px;}
.bagef.pad{ padding:20px 0;}
.bagef.pad .activetit.fsat{ margin:0;}
.flash { position:relative; width:100%; overflow:hidden;}
.flash ul{ width:width:2000%;}
.flash ul li{ width:auto; overflow:hidden; float:left;}
.flash ul li h2{ color: #474747; float: left; font-size: 15px;  margin-top: 15px; text-align: left;  width: 100%;}
.flash ul li h2 span{  font-size: 12px; margin-left: 10px; }
.flash ul li p{ color: #707070;float: left;height: 38px;margin-bottom: 45px;margin-top: 5px;text-align: left;}
.flash .but{ position:absolute; bottom:10px; left:0; text-align:center; height:20px; width:100%;}
.flash .but span{ display:inline-block;background:url(../images/hd.png) no-repeat center /50%;  width:12px; height:12px;}
.flash .but span.now{ background:url(../images/hdh.png) no-repeat center /100%;}
.flash .prev{ position:absolute; left:0; top:50%; margin-top:-85px; height:40px; width:40px; background:url(../images/prev.png) no-repeat top center / 50% auto; cursor:pointer;}
.flash .next{ position:absolute; right:0; top:50%; margin-top:-85px; height:40px; width:40px;background:url(../images/next.png) no-repeat top center / 50% auto; cursor:pointer;}
.hr.re{margin-top:26px; margin-bottom:30px;}
.activetit.pl .plat { width:100%;}
.activetit.pl p.no{ margin-bottom:10px;}
.activetit.fsat p.bon{ margin-bottom:20px;}
.activetit.whit .reh2{ margin-bottom:20px;}
.bagef.b{ padding-bottom:20px;}
.innerpag.interaction p{ line-height:22px;}
.innerpag:hover{}

a {color: #707070;outline: medium none;text-decoration: none;}
.tabs1{ margin-top:30px; margin-bottom:20px;}
.tabs1::after {background: rgba(0, 0, 0, 0) url("../images/bg_more.png") repeat-y scroll right top / 100% auto; content: "";height: 100%;pointer-events: none;position: absolute; right: 0;top: 0;width:55px;}
.tabs1 .inner {display: -moz-box;height: 40px;line-height: 40px;overflow: scroll;text-align: left;}
.inner.cur .scroll{ height: 40px; line-height: 40px;}
.tabs1 a.now {color:#0079cd;font-size: 17px;}
.tabs1 a {color: #707070; -moz-box-flex: 1;display: block;float: left;font-size: 13px;margin: 0 10px;}
.info{display: none;}
.nav_left{-moz-box-shadow:20px -10px 32px #474747;            
-webkit-box-shadow:20px -10px 32px #474747;         
box-shadow:20px -10px 32px #474747; }
.way { margin-top:20px;}
.way .warp{ margin-bottom:5px;}
.way .warp h2{ font-size:13px; color:#fff; background:url(../images/way.png) no-repeat 30px 7px ;text-indent: 59px;height:25px; line-height:25px; background-size:18px;}
.way .warp p{ color:#fff; font-size:12px;   text-indent: 59px; font-family:Arial, Helvetica, sans-serif;}
.way .warp.b1 h2{ background-position:30px -39px; }
.way .warp.b2 h2{ background-position:30px -83px; }