@charset "utf-8";
/*Reset www.toprand.net*/
/*index*/
.fullSlide{position:relative; width:100%; float:left;}
.fullSlide{ position:relative; background:#000; margin:0 auto; }
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li img{width:100%; vertical-align:top;  } 
.fullSlide .hd{ position:absolute; left:0; bottom:25px; height:30px; line-height:30px;  text-align:center; width:100%;}
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:5px; overflow:hidden; font-size:0; background:#878787; -webkit-border-radius:50%;border-radius:50%;}
.fullSlide .hd ul .on{ background:#3689c4;}

.m1{ background:#ebf6f8; float:left; width:100%; height:120px;}
.m1 .pic{ float:left; margin:36px 0 0 54px;}
.m1 .sch{ float:right; width:447px; margin:28px 4px 0 0;}
.m1 .sch p{ color:#333; font-size:14px; line-height:44px;}
.m1 .sch p a{ color:#616161; margin:0 0 0 12px;}
.m1 .sch p a:hover{ color:#3689c4;}
.schtxt1{ float:left; width:354px; border:1px solid #dce2e3; height:38px; padding-left:10px; background:none; color:#afafaf; font-size:14px;}
.schbtn1{ background:url(../images/schbtn1.jpg) no-repeat; width:80px; height:40px; border:none; cursor:pointer; float:right;}
.flinks{ background:#eefcff; height:158px; float:left; width:100%; text-align:center;}
.flinks h2{ color:#282828; font-size:18px; padding:30px 0 0 0; line-height:32px; padding-bottom:10px;}
.flinks p{ width:1100px; margin:0 auto; line-height:24px; color:#ccd7d9;}
.flinks p a{ color:#747474; margin:0 5px; display:inline-block;}
.flinks p a:hover{ color:#3689c4;}
.m2{ float:left; width:100%; height:800px; position:relative;}
/* .bghua1{ position:absolute; left:0; bottom:128px; z-index:0;} */
.title{ text-align:center; margin:50px 0 0 0; float:left; width:100%; color:#5d5d5d; font-size:16px; line-height:30px;}
.title h2{ background:url(../images/bgtit1.png) center center no-repeat; color:#3689c4; font-size:30px; line-height:45px;}
.title2{ color:#fff;}
.title2 h2{ color:#fff; background:url(../images/bgtit2.png) center center no-repeat;}
.m2list{ display:block; overflow:hidden; clear:both; margin:0 -1px; padding-top:70px; overflow:hidden;}
.m2list li{ float:left; width:599px; position:relative;position:relative;border:1px solid #fff;-webkit-transition: all 0.3s ease-in-out; 
-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; height:250px; cursor:pointer;}
.m2list li .txt{ height:52px; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.6); width:100%;-webkit-transition: all 0.3s ease-in-out; 
-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.m2list li .txt h2{ line-height:52px; text-align:center; color:#fff; font-size:18px;}
.m2list li .txt .txtlinks{ width:499px;border-top:1px solid #fff; margin:15px 0 0 50px; float:left; padding:15px 0 0 0;}
.m2list li:hover .txt{ height:100%;}
.m2list li:hover .txt h2{ margin:20px 0 0 0;}
.m2list li .txt .txtlinks a{ float:left; font-size:14px; color:#fff; width:155px; line-height:30px; background:url(../images/dian3.png) left center no-repeat; padding-left:12px; margin-left:10px;}
.m2list li .txt .txtlinks a.spa{ width:120px;}
.m2list li .txt .txtlinks a:hover { font-size:16px;-webkit-transition: all 0.3s ; -moz-transition: all 0.3s ;-o-transition: all 0.3s;-mz-transition: all 0.3s;transition: all 0.3s; }


.m3{ float:left; width:100%; height:300px;}
.m3 a{ width:100%; height:100%; display:block;}
.m4{ float:left; width:100%; height:805px;}
.m4list{ float:left; width:100%; background:#eefcff; height:539px; overflow:hidden; margin:50px 0 0 0;}
.m4list li{ float:left; border-bottom:1px solid #e1edf0; border-right:1px solid #e1edf0; width:357px; height:269px; text-align:center; padding:0 18px 0 24px;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-ms-transition:all 0.8s ease;transition:all 0.8s ease;}
.m4list li a{ color:#515151; line-height:22px; display:block; width:100%; height:100%;-webkit-transition:all 0.3s ease;}
.m4list li.last{ width:358px; border-right:none;}
.m4list li span{ display:inline-block; width:98px; height:98px; background:url(../images/icon5.png) no-repeat; margin:31px 0 0 0;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}
.m4list li:hover span{background:url(../images/icon6.png) no-repeat;
-webkit-transform:rotatey(360deg);
-moz-transform:rotatey(360deg);-ms-transform:rotatey(360deg);transform:rotatey(360deg);}
.m4list li span.icon1{ background-position:0 0;}
.m4list li span.icon2{ background-position:-99px 0;}
.m4list li span.icon3{ background-position:-198px 0;}
.m4list li span.icon4{ background-position:-296px 0; width:99px;}
.m4list li span.icon5{ background-position:-396px 0;}
.m4list li span.icon6{ background-position:-495px 0;}
.m4list li a h2{ font-size:20px; color:#000000; line-height:36px; margin:16px 0 0 0;}
.m4list li:hover{ background:#3689c4;}
.m4list li:hover a{ color:#fff;}
.m4list li:hover a h2{ color:#fff;}
.m5{ float:left; width:100%; background:#fff8ee; height:690px;}
.m5list{ float:left; width:100%; margin:50px 0 0 0;}
.m5list li{ float:left; width:240px; position:relative;}
.m5list li a{ display:block; width:100%; height:100%;}
.m5list li a span{ position:absolute; left:0; top:0; width:100%; height:100%; font-size:24px; color:#fff;text-align:center; line-height:129px; background:rgba(0,0,0,0.5);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.m5list li a:hover span{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.m6{ float:left; width:100%; position:relative;}
/* .bghua2{ position:absolute; right:0; top:-42px; z-index:0} */
/* .bghua3{ position:absolute; left:0; top:50%; margin-top:-176px;z-index:0} */
/*.bghua4{ position:absolute; left:auto;right:0; top:auto; bottom:-24px;z-index:0; display:block;}*/
.m6con{height:2804px; background:url(../images/bgline2.jpg) 85px top no-repeat; float:left; width:100%;}
.m6_item{ float:left; width:100%; margin:50px 0 100px 0;}
.m6_item_title{ float:left; width:100%;}
.m6_item_title span{ float:left; width:114px; height:113px; background:url(../images/icon7.png) no-repeat; margin-left:36px; position:relative;}
.m6_item_title span.icon2{ background-position:0 -114px;}
.m6_item_title span.icon3{ background-position:0 -228px;}
.m6_item_title span.icon4{ background-position:0 -342px;}
.m6_item_title span b.num{ position:absolute; right:-8px; top:0; width:28px; height:36px; border-radius:50%; background:#3a7406; line-height:36px; text-align:left; padding-left:8px; border:2px solid #fff; font-size:24px; color:#fff; font-weight:normal; font-style:italic;}
.m6_item_title h2{ float:left; margin:41px 0 0 18px; line-height:30px; color:#000; font-size:30px; width:280px;}
.m6_item_title h2 a{ float:right; font-size:12px; color:#7a7a7a;}
.m6_item_title h2 a:hover{ color:#3689c4;}
.m6_txt1{ float:left; width:370px; height:332px; position:relative; margin:0 0 0 170px; color:#4e4e4e; font-size:14px; line-height:30px;}
.m6_txt1 .pic{ position:absolute; right:0; bottom:0; z-index:-1;}
.m6_pic1{ float:right; margin:-18px 5px 0 0}
.slideBox{ width:602px; height:304px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:10px; height:10px; line-height:14px; text-align:center; background:rgba(255,255,255,0.6); cursor:pointer;-webkit-border-radius:50%; -moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%; }
.slideBox .hd ul li.on{ background:#fff; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:602px; height:304px; display:block;}
.yuyuebtn{ width:152px; line-height:36px; border:1px solid #3689c4; margin:30px 0 0 0; float:left; position:relative; background:url(../images/jiao3.jpg) right center no-repeat; color:#3689c4; font-size:14px;}
.yuyuebtn b{ float:left; width:106px; text-align:center; font-weight:normal; text-align:center;}
.yuyuebtn:hover{ color:#fff; background:#3689c4 url(../images/jiao3.jpg) right center no-repeat;}
.yuyuebtn:hover b{ border-right:1px solid #589dce;}
.m6_txt2{ float:left; width:275px; margin:0 0 0 103px;}
.m6_txt2 .txt{ padding-left:50px; line-height:30px; font-size:13px; padding-bottom:8px;}
.m6_txt2 .pic{ margin-left:10px;}
.m6_pic2{ float:right; margin:-42px 48px 0 0; width:736px;}
.m6_pic2 a.more{ float:right; margin-top:-38px; color:#3689c4; border:1px solid #3689c4; line-height:22px; font-size:14px; padding:0 10px;}
.m6_pic2 a.more:hover{ background:#3689c4; color:#fff;}
.m6_pic2 .yuyuebtn{ margin-top:20px;}
.m6_pic2list{ float:left; width:100%; position:relative;}
.m6_pic2list li{ float:right; width:324px; height:189px; position:relative; overflow:hidden;}
.m6_pic2list li span{ position:absolute; left:-100%; bottom:0; width:100%; background-color:rgba(0,0,0,0.5); color:#fff; line-height:16px; padding:8px 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.m6_pic2list li span p,.m6_pic2list li span h2{ padding:0 16px;}
.m6_pic2list li span h2{ font-size:16px; line-height:24px;}
.m6_pic2list li span p{ padding-top:8px;}
.m6_pic2list li.list1{ float:left; width:412px; position:relative; height:378px; overflow:hidden;}
.m6_pic2list li:hover span{left:0}
.m6_txt3{ float:left; width:362px; margin:0 0 0 164px; height:342px; position:relative;line-height:30px; font-size:14px; position:relative;}
.m6_txt3 .yuyuebtn{ float:right; }
.m6_txt3 .pic{ position:absolute; right:0; bottom:0; z-index:-1;}
.m6_pic3{ float:right; width:628px; margin:-62px 5px 0 0;}
.m6_pic3list li{ float:left; width:312px; background:#3c4657; height:134px; overflow:hidden;}
.m6_pic3list li span.pic{ float:left;}
.m6_pic3list li span.txt{ text-align:center; width:150px; float:left; padding:24px 0 0 0; font-size:14px; color:#fff; line-height:32px;}
.m6_pic3list li:hover{ background:#3689c4;}
.m6_pic3list li.spa span.pic{ float:right;}
.m6_txt4{ float:left; width:454px; height:450px; position:relative; margin:0 0 0 93px;}
.m6_txt4 .pic{ position:absolute; left:20px; bottom:15px; z-index:0;}
.m6_txt4 p{ font-size:14px; line-height:30px; color:#4e4e4e; padding-left:80px;}
.m6_news{ float:right; width:690px; margin:-10px 46px 0 -85px;}
.m6_news .yuyuebtn{ margin-left:115px;}
.inews_tit{ float:left; width:100%;  line-height:42px;}
.inews_tit h2{ background:url(../images/bgred.png) left center no-repeat; margin:0 0 0 14px; width:133px; text-align:center;height:49px;  font-size:24px; color:#fff;}
.inews_tit a.more{ float:right; border:1px solid #3689c4; font-size:14px; color:#3689c4; padding:0 10px; line-height:22px; margin:15px 0 0 0;}
.inews_tit a.more:hover{ color:#fff; background:#3689c4;}
.inewsbox{ float:left; width:686px; border:2px solid #3689c4; background:#fff; margin:5px 0 0 0; height:318px; position:relative; z-index:0;}  
.inewslist{ float:left; width:645px; margin:20px 0 0 20px; }
.inewslist li{line-height:44px; border-bottom:1px solid #efefef; font-size:14px;}
.inewslist li a{ display:block;}
.inewslist li a span{ float:right;}
.inewslist li.last{ border-bottom:none;}
.m7{ float:left; width:100%; height:710px; background:#3689c4;}
.icommentlist li{ float:left; width:292px; background:#fff; height:390px; margin:50px 10px 0 0;}
.icommentlist li:hover{ background:rgba(255,255,255,0.8);}
.icommentlist li.nor{ margin-right:0;}
.icommentlist li a{ color:#555555;}
.icommentlist li a img{ display:block;}
.icommentlist li a .txt{ display:block; padding:20px 12px 0 15px;}
.icommentlist li a .txt span{ font-size:14px; margin:15px 0 0 0; float:left;}
.m7 .more{ text-align:center; float:left; width:100%; margin:50px 0 0 0;}
.m7 .more a{ border:1px solid #85bce3; width:117px; text-align:center; font-size:14px; color:#fff; line-height:32px;color:#fff; display:inline-block;}
.m7 .more a:hover{ background:#2977af;}
.m8{ float:left; width:100%; height:800px;}
.m8left{ float:left; width:634px; margin:95px 0 0 0;}
.m8right{ float:right; width:536px; margin:95px 0 0 0;}
.title3{ float:left; width:100%; border-top:2px solid #3689c4; line-height:60px;}
.title3 h2{ font-size:20px; padding-left:18px; color:#000;}
.title3 a.more{ float:right; color:#3689c4; line-height:18px; padding:0 10px; border:1px solid #3689c4; margin:20px 18px 0 0; font-size:14px;}
.title3 a.more:hover{ background:#3689c4; color:#fff;}
.m8pic{ float:left; width:100%; position:relative;}
.m8pic img{ display:block;}
.m8pic span{ position:absolute; left:0; bottom:0; width:100%; background-color:rgba(54,137,196,0.7); height:44px; line-height:22px; padding:12px 0; color:#fff8ee;}
.m8pic span p{ padding:0 18px;}
.inewslist2{ display:block; overflow:hidden; clear:both; border:1px solid #efefef; height:212px; padding:20px 0 0 20px;}
.inewslist2 li{ float:left; width:594px;  border-bottom:1px solid #efefef; line-height:44px;}
.inewslist2 li a{ color:#323232;}
.inewslist2 li a span{ float:right;}
.inewslist2 li a:hover{ color:#3689c4;}
.inewslist2 li.last{ border-bottom:none;}
.m8rbot{ float:left; width:100%; margin:30px 0 0 0;}
/*about*/
.banner{ height:450px;}
.main{ display:block; overflow:hidden; clear:both; padding:20px 0 80px; background:#fff;}
.curr{ display:block; overflow:hidden; clear:both; line-height:24px;font-family:"\5B8B\4F53"; font-size:14px;}
.curr b{ font-weight:normal;font-family:"\5FAE\8F6F\96C5\9ED1";}
.curr span,.curr a{font-family:"\5FAE\8F6F\96C5\9ED1";}
.mcon{ float:left; width:100%; margin:38px 0 0 0;}
.mcon2{ margin:18px 0 0 0;}
.mleft{ float:left; width:858px;}
.mright{ float:right; width:325px;}
.subnav{ display:block; overflow:hidden; clear:both;}
.subnav li{ float:left; width:170px; margin-right:2px; line-height:50px; text-align:center; font-size:16px; padding-bottom:5px;}
.subnav li a{ color:#8c8c8c; display:block; background:#f4f4f4; border-bottom:2px solid #dddddd;}
.subnav li a:hover,.subnav li.hover a{ border-bottom:2px solid #3689c4; color:#3689c4;}
.subnav li.hover,.subnav li:hover{ background:url(../images/bgsub1.jpg) center bottom no-repeat;}
.subnav li.last{ margin-right:0;}
.about{ display:block; overflow:hidden; clear:both; margin:30px 0 0 0; font-size:14px; color:#7c7c7c; line-height:24px;}
.wenhua{ display:block; overflow:hidden; clear:both; margin:40px 0 0 0; border-top:1px solid #f0f0f0; padding-top:28px;}
.wenhua h2{ color:#1a1a1a; line-height:20px; font-size:20px; border-left:3px solid #3689c4; padding-left:10px;}
.wenhualist li{ float:left; width:100%; margin:20px 0 0 0; line-height:35px;}
.wenhualist li span{ float:left; width:60px; text-align:right; color:#3689c4; padding-right:20px;}
.wenhualist li .txt{ float:left; width:500px;}
.free{ float:left; width:100%; background:#ebf6f8; height:390px;}
.addressbox{ float:left; width:296px; background:#282828; height:220px; color:#a4a4a4; padding:30px 0 0 28px; line-height:24px;}
.addressbox .phone{ background:url(../images/icon4.png) left top no-repeat; height:68px; display:block; padding-left:60px; font-size:15px;}
.addressbox .phone b{ font-weight:normal; line-height:35px; font-size:26px; color:#fff; display:block;}
.addressbox p.spa{ font-size:14px; color:#fff;}
.addressbox p.spa2{ padding-top:20px;}
.freetable{ float:left; width:100%; margin:30px 0 0 0;}
.freetable th,.freetable td{ line-height:30px; padding-bottom:20px; vertical-align:top;}
.freetable th{ text-align:right; color:#222; font-weight:normal; padding-right:5px; font-size:14px;}
.freetxt1{ border:1px solid #e4e8e9; height:28px; width:236px; padding-left:6px; color:#666;}
.freetxt2{ width:50px;}
.freetxt3{ height:66px;border:1px solid #e4e8e9; width:236px; padding-left:6px; color:#666; resize:none;}
.freebtn1{ background:url(../images/bgbtn1.jpg) no-repeat; width:155px; height:38px; border:none; cursor:pointer; font-size:14px; color:#fff;font-family:"\5FAE\8F6F\96C5\9ED1"; margin-left:24px;}

.navinput{width:175px;height:30px; float:left;background:#ffF; margin-right:10px;}
.navinput p{display:block;line-height:28px;border:1px solid #e4e8e9;font-size:12px;font-family:"\5FAE\8F6F\96C5\9ED1"; cursor:pointer; text-align:left; padding-left:6px;}
.navinput .set{ background:url(../images/jiao1.jpg) 152px center no-repeat;}
.navinput .select{ background:url(../images/jiao2.jpg) 152px center no-repeat;}
.navinput .new{width:173px;position:absolute;border:1px solid #e4e8e9; border-top:none;display:none; background:#fff;z-index:999}
.navinput ul li{line-height:28px;padding-left:6px; cursor:pointer; font-size:12px;}
.navinput ul li:hover{background:#222;color:#FFF;}
.cskouhao{ float:left; width:100%; background:#ebf6f8; height:120px; line-height:120px;}
.cskouhao h2{ text-align:center; font-size:30px; color:#000000;}

.pages{text-align: center; float:left; width:100%; margin:38px 0 0 0;}
.pages a{display: inline-block;width: 38px;height: 38px;border-radius: 38px;border:1px solid #d3d3d3;font: normal 14px/38px "微软雅黑";color: #848484;margin: 0px 5px;}
.pages a:hover,.pages a.hover{color: #FFFFFF;background: #3689c4; border:1px solid #3689c4;}
.pages a.prev,.pages a.next{color: #FFFFFF;background:#aaaaaa;font-size: 18px;border:1px solid #d3d3d3}
.pages a.prevStop,.pages a.nextStop{background: #e5e5e5;}

/*quality*/
.csprocesslist li{ float:left; width:300px; text-align:center; margin:45px 0 0 0;}
.csprocesslist li a{ display:block; width:298px; margin-right:2px; height:132px; background:#3c4657; font-size:20px; color:#fff; line-height:50px;}
.csprocesslist li img{ margin:15px 0 0 0;}
.csprocesslist li.last a{ width:100%; margin-right:0;}
.csprocesslist li a:hover{ background:#3689c4;}
.quam1{ float:left; width:100%; padding:25px 0 38px;}
.quam2{ background:#eefcff; float:left; width:100%; height:550px;}
.needlist li{ float:left; width:294px; margin:45px 3px 0; position:relative; height:294px; cursor:pointer; overflow:hidden;}
.needlist li .hei{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/bgtm1.png) no-repeat; text-align:center; color:#fff; font-size:24px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.needlist li .hei b{ display:block; text-align:center; line-height:152px; font-weight:bold; font-size:120px; font-family:"\5B8B\4F53"; margin:40px 0 0 0;}
.needlist li .hong{ padding-top:40%;position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; background:url(../images/bgtm2.png) no-repeat; color:#fff; line-height:24px; font-size:14px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.needlist li:hover .hei{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.needlist li .hong p{ margin:130px 0 0 0;}
.needlist li:hover .hong{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.quam3{ float:left; width:100%; height:760px;}
.quam3list{ float:left; width:100%; margin:70px 0 0 0;}
.quam3list li{ float:left; width:600px; height:250px; position:relative; cursor:pointer; overflow:hidden;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.quam3list li span.white{ position:absolute; left:50%; top:50%; background-color:rgba(255,255,255,0.9); width:140px; height:140px; margin:-70px 0 0 -70px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%; border-radius:50%; color:#3689c4; line-height:45px; font-size:24px; text-align:center;-webkit-transition: all 0.3s;-moz-transition: all 0.3s ;-mz-transition: all 0.3s;transition: all 0.3s;}
.quam3list li span.white p{ display:none; font-size:14px; line-height:26px;}
.quam3list li span.white b{ display:block; padding-top:20px; font-size:40px; font-weight:normal;}
.quam3list li:hover span.white{ position:absolute;left:0; top:0; width:100%; height:100%; margin:0; background:rgba(54,137,196,0.5);color:#3689c4;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0; border-radius:0; color:#fff; padding-top:68px; }
.quam3list li:hover span.white b{ display:none;}
.quam3list li:hover span.white p{ display:block;}

.quam4{ float:left; width:100%; height:489px; background:#3689c4; position:relative;}
.quam4 span.jiao{ position:absolute; left:50%; bottom:0; background:url(../images/jiao5.png) no-repeat; width:55px; height:27px; margin:0 0 0 -28px;}
.quam4list li{ float:left; width:270px; height:183px; padding-right:20px; background:url(../images/jiao4.jpg) right center no-repeat; line-height:24px; text-align:center; margin:68px 0 0 0; color:#abc8e2;}
.quam4list li h2{ color:#fff; line-height:20px; font-size:20px; padding:60px 0 0 0; padding-bottom:22px;}
.quam4list li.last{ background:none; padding-right:0;}
.quam5{ float:left; width:100%; height:454px; padding-top:70px;}
.quam5_item{ float:left; width:325px; margin:0 73px 0 17px;}
.quam5_item2{ margin-right:0;}
.quam5_item .quam5_tit{ line-height:40px; text-align:center; color:#3689c4; font-size:18px; float:left; width:100%; padding-bottom:25px;}
.quam5list li{ float:left; width:100%; background:url(../images/dian.png) left 8px no-repeat; color:#5d5d5d; padding-bottom:14px;}
.quam5list li p{ padding-left:17px;}
.quam6{ float:left; width:100%; background:#eefcff; height:414px;}
.quam6list{ float:left; width:100%; background:url(../images/bgline3.png) left 79px no-repeat; margin:42px 0 0 0;}
.quam6list li{ float:left; width:300px; text-align:center; line-height:40px; font-size:20px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.quam6list li span{ display:inline-block; width:151px; height:151px; background:url(../images/yuan1.png) center top no-repeat;}
.quam6list li span b{ display:block; width:100%; height:100%; background:url(../images/icon8.png) no-repeat;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.quam6list li span b.icon1{ background-position: -456px 0;}
.quam6list li span b.icon2{ background-position: 0 0;}
.quam6list li span b.icon3{ background-position: -304px 0;}
.quam6list li span b.icon4{ background-position: -152px 0;}
.quam6list li p{ padding-top:15px;}
.quam6list li:hover b{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);}
.quam7{ float:left; width:100%; background:url(../images/jiao6.jpg) center top no-repeat; height:497px;}
.quam7list{ width:1136px; margin:0 auto; padding:78px 0 0 0;}
.quam7list li{ float:left; width:550px; height:59px; line-height:59px; text-align:center; color:#373737; font-size:14px; margin-bottom:26px; position:relative; }
.quam7list li p{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.quam7list li.spa{ float:right; margin:26px 0 0 0;}
.quam7list li a{ color:#373737; display:block; position:relative; z-index:2;background:#eefcff;}
.quam7list li span{ background:url(../images/yuan3.jpg) no-repeat; width:14px; height:14px; position:absolute; right:-25px; top:50%; margin:-7px 0 0 0; z-index:99;}
.quam7list li.spa span{ right:auto;left:-25px;}
.quam7list li:hover p{ width:100%; height:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;background:#3689c4;}
.quam7list li:hover a{ color:#fff;background:none;}
.quam8{ float:left; width:100%; padding-bottom:96px; position:relative;}
.quam8 .pic{ margin:275px 0 0 442px; float:left;}
.book{ float:left; width:100%; margin:160px 0 0 0; overflow-x:auto;}
.book2{ margin:50px 0 0 0;}
.booklist{ width:10000px;height:240px;}
.booklist li{ float:left; width:280px; height:226px; border:1px solid #f3f3f3; text-align:center; margin-right:24px; font-size:14px; line-height:30px;}
.booklist li img{ margin:20px 0 0 0;}
/*case*/
.hotnews{ float:left; width:1198px; border:1px solid #ddd; line-height:38px;}
.hotnews h2{ float:left; background:url(../images/icon10.png) 20px center no-repeat; padding-left:59px; color:#3689c4; font-size:14px;}
.hotnews span.phone{ float:right; color:#848484; font-size:14px; padding-right:18px; background:url(../images/telicon1.png) left center no-repeat; padding-left:32px;}
.hotnews span.phone b{ font-weight:normal;}
#topBar{ float:left;}
#topBar a{ color:#3689c4; font-size:14px;}
.casecsprocesslist li{ float:left; width:400px; margin:55px 0 0 0; text-align:center; color:#1a1a1a; font-size:18px; line-height:40px; cursor:pointer;}
.casecsprocesslist li span{ background:url(../images/icon9.png) no-repeat; width:116px; height:116px; display:inline-block; margin-bottom:10px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.casecsprocesslist li span:hover{-webkit-transform:rotatey(180deg);-moz-transform:rotatey(180deg);-ms-transform:rotatey(180deg);transform:rotatey(180deg);}
.casecsprocesslist li span.icon1{ background-position:0 0;}
.casecsprocesslist li span.icon2{ background-position:-117px 0;}
.casecsprocesslist li span.icon3{ background-position:-234px 0;}
.filter{ border:1px solid #f0f0f0; display:block; overflow:hidden; clear:both; margin:35px 0 0 0; float:left; width:1198px; background:#f4f4f4; padding-bottom:20px;}
.filterlist li{ float:left; width:1158px; padding:20px 20px 0; font-size:14px;}
.filterlist li span.tit{ float:left; width:115px; line-height:38px; background:#dcdcdc; color:#1a1a1a; font-size:16px; text-align:center;}
.filterlist li p{ float:right; width:1024px;}
.filterlist li p a{ float:left; padding:0 14px; line-height:28px; margin:5px 6px 0 0;}
.filterlist li p a:hover,.filterlist li p a.hover{ color:#fff; background:#3689c4;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px; border-radius:5px;}

.mfree{width:100%; background:#ebf6f8; height:300px;}
.mfree .freetable{margin:38px 0 0 0;width: 700px; float:left;}
.mfree .freetable .freetxt3{width: 592px;}
.mfree .freetable .freebtn1{margin-left: 206px;}
.mfree .freetable .freetxt1{ width:246px;}
.mfree .freetable .freetxt2{ width:57px;}
.subnav2 li{width:598px;}
.subnav2 li.last{width:600px;}
.subnav3 li{width:299px;}
.subnav3 li.last{width:297px;}

.areaperson li{padding:30px 0px;border-bottom:1px solid #eeeeee; float:left; width:50%; height:289px; overflow:hidden;}
.areaperson li .perintro{ float:left; width:534px; height:289px;color: #414141; background:#f4f4f4;}
.areaperson li .perintro .pic,.teamdt .pic{ float:left; border-right:2px solid #3689c4;}
.areaperson li .perintro .pic img{ width:252px; height:289px;}
.areaperson li .perintro .txt,.teamdt .txt{ float:right; width:250px; margin:0 8px 0 0; font-size:14px;}
.areaperson li .perintro .txt h2,.teamdt .txt h2{ margin:20px 0 0 0; line-height:22px; font-size:18px;}
.areaperson li .perintro .txt h2 span,.teamdt .txt h2 span{ display:block; font-size:24px; line-height:32px;}
.areaperson li .perintro .txt .num,.teamdt .txt .num{margin: 22px 0px 22px; float:left; width:100%; line-height:24px;}
.areaperson li .perintro .txt .num span,.teamdt .txt .num span{ float:left;width:63px;margin-right: 20px; text-align:center; font-size:14px; line-height:28px;}
.areaperson li .perintro .txt .num span b,.teamdt .txt .num span b{ height:61px;border:1px solid #3689c4;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%; border-radius:50%; display:block; text-align:center; line-height:61px; font-size:24px; color:#3689c4; font-weight:normal;}
.areaperson li .item{ float:right; width:657px;}
.areaperson li .item span{ float:left; width:272px; height:142px; margin-bottom:5px; position:relative;}
.areaperson li .item span.spa1{ float:left; width:379px; height:289px; margin-right:5px;}
.areaperson li .item span .wz{ position:absolute; left:0; bottom:0; width:100%; background-color:rgba(0,0,0,0.6); color:#fff; padding:5px 0;}
.areaperson li .item span .wz p{ padding:0 12px;}
.code{float: right;margin-top: 38px;}
.code span{width: 160px;height: 160px; float:left; margin-left:5px; font-size:18px; line-height:65px; color:#1a1a1a;text-align:center;}
.teamdt{ float:left; width:100%; height:370px; background:#f4f4f4;}
.teamdt .txt{ width:438px; margin-right:40px; color:#414141;}
.teamdt .txt h2{ line-height:32px; margin:30px 0 10px;}
.teamdt .txt .tips{ color:#3689c4; border-bottom:1px solid #d0d0d0; line-height:26px; padding:34px 0 22px;}
.team{margin:30px 0px 0;overflow: hidden; float:left; width:100%;}
.perintro-2{float:left; width:843px;margin-top: 5px;color: #414141;overflow: hidden;background: url(../images/team/bg.png) no-repeat;background-position:640px 40px;background-color: #f4f4f4;font-size: 14px; line-height:27px; height:auto; padding:14px 0 0 15px; overflow:hidden;}
.personcase{ float:left; width:100%; margin:63px 0 0 0;color: #414141;}
.per_tit{height:24px;line-height:20px;color:#1A1A1A;font-size:24px;border-left:4px solid #3689c4; text-indent:20px; margin-bottom:8px;}
.per_tit a.more{ float:right; line-height:20px; border:1px solid #3689c4; font-size:14px;text-indent:0; color:#3689c4; padding:0 10px; margin:2px 0 0 0;}
.per_tit2{ margin-bottom:0;}
.worklist li{float: left;width: 282px;overflow: hidden;margin: 24px 24px 0px 0px; background:#f4f4f4; height:250px;}
.worklist li a{ color:#1a1a1a;}
.worklist li.nor{ margin-right:0;}
.worklist li .pic{ display:block; overflow:hidden; clear:both; position:relative; height:200px;}
.worklist li .pic .hidetxt{ position:absolute; left:0; top:0; padding:26px 15px 0; width:252px; height:174px; background-color:rgba(0,0,0,0.6); line-height:28px; color:#fff;
-webkit-transform:scale(0); -moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.worklist li h2{ line-height:50px; padding:0 15px; font-size:14px;}
.worklist li h2 b{ float:right; border:1px solid #dfdfdf;width:74px; line-height:23px; text-align:center; font-weight:normal; margin:13px 0 0 0; -webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;border-radius:8px; height:25px; color:#636363;-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.worklist li:hover h2 b{ background:#3689c4;color:#fff; border:1px solid #3689c4;}
.worklist li:hover .pic .hidetxt{-webkit-transform:scale(1); -moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

.newslist{overflow: hidden;margin-top: 33px;clear: both;}
.newslist li{width: 100%;padding: 28px 0px 28px;border-bottom: 1px solid #EEEEEE;overflow: hidden; float:left;}
.newslist li .date{ float:left; width:160px; height:258px; background:#EBF6F8; color:#3c4657; font-size:16px; text-indent:30px; line-height:40px; padding-top:8px; overflow:hidden;}
.newslist li .date span.year{ float:left; width:100%; height:120px;}
.newslist li .date span.year b{ display:block; text-align:center; font-size:48px; line-height:48px; text-indent:0; font-weight:normal;}
.newslist li .date span.day{ float:left; width:100%; height:160px; margin:-12px 0 0 0; background: url(../images/bgdate.png) no-repeat; line-height:120px; text-align:center; font-size:60px; text-indent:0;}
.newslist li .pic{ float:left; margin-left:10px;}
.newslist li .txt{ float:right; width:597px; color:#7c7c7c; font-size:14px; line-height:24px;}
.newslist li .txt h2{ font-size:16px; line-height:40px; padding-bottom:10px;}
.newslist li .txt p{ height:72px; overflow:hidden;}
.newslist li .txt .keyword{ float:left; width:100%; margin:24px 0 0 0; color:#a3a2a2; font-size:12px;}
.newslist li .fx{ float:left; width:100%; margin:50px 0 0 0;}
.newslist li .fx .share{display: block;float: right;}
.newslist li .fx .share a{display: inline-block;width:25px;height:25px;margin: 0px 5px;	background: url(../images/icon14.png) no-repeat;}
.newslist li .fx .share a:hover{background: url(../images/icon15.png) no-repeat;}
.newslist li .fx .share a.icon-01{background-position:0px 0px;}
.newslist li .fx .share a.icon-02{background-position:-35px 0px;}
.newslist li .fx .share a.icon-03{background-position:-70px 0px;}
.newslist li .fx .share a.icon-04{background-position:-105px 0px;}
.newslist li .fx .share a.icon-05{background-position:-140px 0px;}
.newslist li .dt{float:left;width: 74px;height: 25px;line-height: 25px;text-align: center;font-size: 12px;border-radius: 7px;color: #717171;border: 1px solid #d2d2d2;}
.newslist li .dt:hover{background: #3689c4;color: #FFFFFF; border:1px solid #3689c4;}
.newslist3 li .txt{ width:760px;}
.newslist3 li .pic{ margin-left:0;}
.contractlist{ margin:-28px 0 0 0;}
.contractlist li .date{ float:left; width:110px; height:181px; font-size:14px; text-indent:18px; line-height:28px; overflow:hidden;}
.contractlist li .date span.year{ height:85px;}
.contractlist li .date span.year b{ font-size:33px;}
.contractlist li .date span.day{ float:left; margin-top:-8px;background: url(../images/bgdate2.png) no-repeat; line-height:90px; font-size:42px; height:112px;}
.contractlist li .pic{ margin-left:5px;}
.contractlist li .txt{ width:500px;}

.newsdt_con{ display:block; overflow:hidden; clear:both; line-height:40px; color:#7c7c7c; font-size:14px;}
.topage{ float:left; width:100%;text-align: right;height: 32px;line-height: 32px;border-top: 1px solid #EEEEEE; margin:50px 0 0 0;}
.topage a{font-size: 12px;color: #7C7C7C; margin:0 10px;}
.topage a:hover{color: #1A1A1A;}
.news_tit{border-bottom:1px solid #282828; float:left; width:100%;margin:12px 0 15px 0;}
.news_tit h2{font-size: 20px;height: 54px;line-height: 54px;color: #1A1A1A; }
.news_tit span{color: #8c8c8c; float:right;overflow: hidden;font-size: 14px;margin-left: 30px; font-size:14px; line-height:54px;}
.news_tit span b{ font-weight:normal;}

.questionlist{ float:left; width:100%; margin:32px 0 0 0;}
.questionlist li{ float:left; width:1160px; border-bottom:1px solid #eee; margin:28px 0 0 0; padding-bottom:22px;font-size: 14px;line-height: 24px;padding-left: 40px;background: url(../images/wen.png) left top no-repeat;}
.questionlist li h2{height: 30px;line-height: 30px;font-size: 20px;color: #1A1A1A;margin-bottom: 12px;}
.queother{background: #EEEEEE;margin-top: 42px; float:left; width:100%;}
.quetable{margin: 0 auto;color: #1A1A1A;}
.quetable caption{font-size: 24px;line-height: 80px;height: 80px;}
.quetable th,.quetable td{ line-height:30px; padding-bottom:20px; vertical-align:top;}
.quetable th{font-weight:normal; padding-right:24px; font-size:14px;}
.quetxt1,.quetxt3{border:1px solid #d2d2d2;padding-left:6px;color:#1A1A1A;}
.quetxt1{height:28px; width:592px;}
.quetxt3{ height:60px; width:592px;resize:none;padding-top: 6px;}
.quebtn1{margin-top: 25px;}
.quetable td.quebtn{text-align: center;}
.mtop2{ margin-top:-10px;}
.clientlist{ float:left; width:100%; margin:30px 0 0 0;}
.clientlist li{ float:left; width:300px; height:198px; position:relative;}
.clientlist li a{ border:1px solid #e0e0e0; position:absolute; left:0; top:0; width:299px; height:197px;}
.clientlist li a:hover{ border:1px solid #666; z-index:99;}
.client{ float:left; width:100%;}
.client .piclg{ float:left; width:370px; background:#f4f4f4; height:388px;}
.client .cltxt{ float:right; border:1px solid #dfdfdf; width:818px; height:386px;}
.client .cltxt .txt{ display:block; overflow:hidden; clear:both; padding:40px 50px 0; color:#7c7c7c; line-height:20px; font-size:14px;}
.client .cltxt .txt .per_tit{ margin-bottom:22px;}
.client .cltxt .txt p.spa{ line-height:26px; color:#333; padding-bottom:5px;}
.client .bigpic{ float:left; width:100%; margin:30px 0 0 0;}
.activitylist{ margin-top:0;}
.activitylist li .pic{ margin-left:0; width:100%;}
.activitylist li .txt{ width:100%;}
.activitylist li .txt .dt{ float:right;}
.activitylist li .txt p{ height:48px;}
.activitylist li .txt .keyword{ float:left; width:auto; margin:0;}
.activitylist li .txt .fx{ margin:20px 0 0 0;}
.actdetail{ float:left; width:100%; margin:20px 0 0 0; line-height:34px; font-size:14px;}
.casenav{ float:left; width:100%; border-top:1px solid #eee; padding:34px 0 0 0;}
.casenavlist{ float:left; width:100%; background:url(../images/bgcase1.jpg) center 23px no-repeat;}
.casenavlist li{ float:left; background:url(../images/caicon2.png) no-repeat; margin:0 71px 0 10px; width:71px; text-align:center; font-size:14px; line-height:40px;}
.casenavlist li.nor{ margin-right:0;}
.casenavlist li a span{ display:block; width:71px; height:71px; background:url(../images/caicon2.png) no-repeat;}
.casenavlist li a:hover,.casenavlist li.hover a{ color:#3689c4;}
.casenavlist li a:hover span,.casenavlist li.hover a span{background:url(../images/caicon1.png) no-repeat;}
.casenavlist li a span.icon1{ background-position:0 0;}
.casenavlist li a span.icon2{ background-position:-72px 0;}
.casenavlist li a span.icon3{ background-position:-144px 0;}
.casenavlist li a span.icon4{ background-position:-216px 0;}
.casenavlist li a span.icon5{ background-position:-288px 0;}
.casenavlist li a span.icon6{ background-position:-360px 0;}
.casenavlist2 li{ margin:0 47px 0 10px;}
.casenavlist2 li a span.icon1{ background-position:0 0;}
.casenavlist2 li a span.icon2{ background-position:-72px 0;}
.casenavlist2 li a span.icon3{ background-position:-144px 0;}
.casenavlist2 li a span.icon4{ background-position:-432px 0;}
.casenavlist2 li a span.icon5{ background-position:-216px 0;}
.casenavlist2 li a span.icon6{ background-position:-288px 0;}
.casenavlist2 li a span.icon7{ background-position:-360px 0;}



.syFocusThumb #prev1,.syFocusThumb #next1{POSITION: absolute; TOP:618px; CURSOR: pointer; left: 10px; z-index:2; background:url(../images/lrbtn2.png) no-repeat;width:62px; height:62px;}
.syFocusThumb #next1 { left:auto; right:10px; background-position:-63px 0;}
.sliderwrapper{ width:856px; height:720px; overflow:hidden;}
.syFocusThumb {POSITION: relative; WIDTH:856px; HEIGHT:720px; OVERFLOW: hidden; margin:30px 0 0 0; float:left;}
.syFocusThumb .pic-container{  float:left; width:100%; height:409px;}
.syFocusThumb .contentdiv {	width:856px; height:571px;float:left;}
.syFocusThumb .picture{ float:left; width:856px; height:571px; position:relative;}
.syFocusThumb .pagination {	POSITION: absolute; TEXT-ALIGN: left; WIDTH: 100%; HEIGHT:30px; COLOR: #1968; CLEAR: both; TOP:0px; LEFT: 0px}
.syFocusThumb .thumbWrap {	POSITION: absolute;OVERFLOW: hidden; TOP: 581px; left:-2px; width:856px;}
.syFocusThumb .thumbWrap IMG {	-MS-INTERPOLATION-MODE: bicubic}
.syFocusThumb .holder {	WIDTH: 4000000000px}
.syFocusThumb .holder I {CURSOR: pointer; margin:0 2px; width:211px;}
.syFocusThumb .pagination I.selected {}

#play{width:856px;text-align:center;position:relative;overflow:hidden;margin:20px 0 0 0; float:left;}
#play .change_a{background:url(../images/lrbtn2.png) no-repeat;width:62px; height:62px;position:absolute;display:block;top:50%;margin-top:-32px;cursor:pointer;z-index:10}
#play .prev_a{left:5px;}
#play .next_a{right:5px;background-position:-63px 0;}
#play .change_a span{width:24px;height:43px;display:block;position:absolute;top:50%;margin-top:-21px;display:none}
#play .prev_a span{left:0;}
#play .next_a span{right:0;}


#play .img_ul{position:relative;z-index:1;background:#000;}
#play .img_ul li{ width:856px; height:571px;background:#000; position:relative;}
#play .img_ul li .txt{ color:#fff; line-height:24px; width:100%; font-size:14px; line-height:22px; background-color:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; padding:8px 0; text-align:left;}
#play .img_ul li .txt p,#play .img_ul li .txt h2{ padding:0 20px;}
#play .img_ul li .txt h2{ line-height:28px; font-size:18px;}

.img_hd {width:857px;overflow:hidden;height:144px;margin-top:10px;position:relative; float:left;}
.img_hd ul{position:absolute;z-index:1}
.img_hd ul li{float:left;width:213px;height:144px;cursor:pointer;margin:0 2px 0 0;overflow:hidden;*display:inline;text-align:center; background:#000;}
.img_hd ul li.on{ background:#3689c4;}
.img_hd .bottom_a{background:url(../images/lrbtn2.png) no-repeat;width:62px; height:62px;position:absolute;display:block;top:50%;margin-top:-32px;cursor:pointer;z-index:10}

.img_hd .prev_a{background-position:0 -0px;left:5px;}
.img_hd .next_a{background-position:-63px 0;right:5px;}
.showprev{ position:absolute; left:5px; top:50%; width:62px; height:62px; line-height:62px; -webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%; z-index:99; text-align:center; color:#fff; margin-top:-31px; font-size:13px; display:none;}
.shownext{position:absolute; right:5px; top:50%; width:62px; height:62px; line-height:62px; -webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%; z-index:99; text-align:center; color:#fff; margin-top:-31px; font-size:13px; display:none;}
.shownext a,.showprev a{ color:#fff; display:block; cursor:pointer; width:100%; height:100%;}






.lookup{ position:absolute; right:0; top:0px; z-index:9; background:rgba(0,0,0,0.5); -webkit-border-radius:50%;border-radius:50%; display:block;}
.bglayout{ position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:99; display:none;}
.mydiv{ position:fixed; left:50%; top:50%; width:1000px; height:708px; z-index:100; margin:-354px 0 0 -9999px;}
.mydiv .casenav{ background:none; border-top:none; padding:0; margin-left:80px;}
.mydiv .casenav .casenavlist{ background:none;}
.mydiv .close{ position:absolute; right:0; top:110px; width:38px; height:38px; z-index:1000; cursor:pointer;}
.bigpicshowlist{ width:1000px; height:572px;}

/*
.bigpicshowlist li{ float:left; width:100%; position:relative;}
.bigpicshowlist li img{ display:block;width:1000px; height:572px;}
.bigpicshowlist li .txt{ color:#fff; line-height:24px; width:100%; font-size:14px; line-height:22px; background-color:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; padding:8px 0;}
.bigpicshowlist li .txt p,.bigpicshowlist li .txt h2{ padding:0 20px;}
.bigpicshowlist li .txt h2{ line-height:28px; font-size:18px;}
.bigpicshow{ display:block; overflow:hidden; clear:both; position:relative;}
.bigpicshow span.prev,.bigpicshow span.next{ width:50%; height:100%; top:0; left:0; position:absolute; cursor:pointer; z-index:99;}
.bigpicshow span.next{ position:absolute; left:auto;right:0;}
.bigpicshow span.prev b,.bigpicshow span.next b{ background:url(../images/lrbtn2.png) no-repeat; width:62px; height:62px; position:absolute; left:10px; top:50%; margin-top:-31px; display:none;}
.bigpicshow span.next b{ background-position:-63px 0; left:auto; right:10px; display:none;}
.bigpicshow span.prev:hover b,.bigpicshow span.next:hover b{ display:block;}
.bigpicshow .showprev2,.bigpicshow .shownext2{width:62px; height:62px; position:absolute; left:10px; top:50%; margin-top:-31px; display:none; z-index:999;background:url(../images/lrbtn2.png) no-repeat;}
.bigpicshow .shownext2{ left:auto; right:10px;background-position:-63px 0;}
.bigpicshow .showprev2 a,.bigpicshow .shownext2 a{ display:block; width:100%; height:100%;}
*/
.bigpicshowlist li{ float:left; width:100%; position:relative; text-align:center;width:1000px; height:572px; background:#000;}
.bigpicshowlist li img{}
.bigpicshowlist li .txt{ color:#fff; line-height:24px; width:100%; font-size:14px; line-height:22px; background-color:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; padding:8px 0;}
.bigpicshowlist li .txt p,.bigpicshowlist li .txt h2{ padding:0 20px;}
.bigpicshowlist li .txt h2{ line-height:28px; font-size:18px;}
.bigpicshow{ display:block; overflow:hidden; clear:both; position:relative;}
.bigpicshow span.prev,.bigpicshow span.next{ width:50%; height:100%; top:0; left:0; position:absolute; cursor:pointer; z-index:99;}
.bigpicshow span.next{ position:absolute; left:auto;right:0;}
.bigpicshow span.prev b,.bigpicshow span.next b{ background:url(../images/lrbtn2.png) no-repeat; width:62px; height:62px; position:absolute; left:10px; top:50%; margin-top:-31px; display:none;}
.bigpicshow span.next b{ background-position:-63px 0; left:auto; right:10px; display:none;}
.bigpicshow span.prev:hover b,.bigpicshow span.next:hover b{ display:block;}
.bigpicshow .showprev2,.bigpicshow .shownext2{width:62px; height:62px; position:absolute; left:10px; top:50%; margin-top:-31px; display:none; z-index:999;background:url(../images/lrbtn2.png) no-repeat;}
.bigpicshow .shownext2{ left:auto; right:10px;background-position:-63px 0;}
.bigpicshow .showprev2 a,.bigpicshow .shownext2 a{ display:block; width:100%; height:100%;}






.nextgroup{ position:absolute; right:0; top:260px; width:90px; height:60px; background-color:rgba(0,0,0,0.5); z-index:8; line-height:60px; text-align:center; display:none;}
.nextgroup a{ color:#fff; font-size:18px; text-align:center;}
.case_intro{ float:left; width:100%; margin:60px 0 0 0; line-height:22px; font-size:14px;}
.case_intro p{ padding-top:10px}
.mrbox1{ float:left; width:100%; background:#f4f4f4;}
.designlist li{ float:left; width:100%;}
.designlist li .pic{ float:left; width:100%; border-bottom:2px solid #3689c4;}
.designlist li .txt{ height:auto; float:left; width:100%; text-align:center; line-height:28px; font-size:14px;}
.designlist li .txt h2{ padding:20px 0; font-size:18px;}
.designlist li .txt h2 span{ display:block; font-size:24px; line-height:34px;}
.moredg{ float:left; width:100%;background:#dcdcdc; margin:10px 0 0 0; line-height:40px; font-size:14px; text-align:center;}
.ewmbox{ display:block; overflow:hidden; clear:both; border:1px solid #eee; margin:12px 0 0 0; padding-bottom:15px; text-align:center; float:left; width:322px;}
.ewmbox span{ float:left; font-size:16px; color:#222;}
.comment{ float:left; width:100%; border-top:1px solid #eee; margin:32px 0 0 0; padding:32px 0 0 0;}
.commentbox{ float:left; width:100%; margin:15px 0 0 0; line-height:28px; font-size:14px; color:#7c7c7c;}
.adspic{ float:left; width:100%; margin:60px 0 0 0; height:260px;}
.book3{ margin:68px 0 0 0;}

.mtop{overflow: hidden;margin-top:30px;clear: both;}
.mainarea{margin-top:30px;overflow: hidden;}
.newsdt{margin-top:50px;overflow: hidden;}
.bgwhite{ background:#ffffff}


.newslist1{margin-top: 0px;}
.newslist1 li .pic{margin-left: 0px;}
.newslist1 li .txt{width: 500px;}
.newslist1 li .txt h2{font-size: 18px;}
.newslist1 li .fx{margin: 30px 0 0 0;}
.newslist1 li .fx span.rq{font-size: 12px; float:right; padding-right:8px; line-height:27px;}

.mcust{float: left;width: 100%;margin-top: 30px;}
.mcust .mcu_title{display: block;height: 50px;line-height: 50px;padding: 0 20px;font-size: 18px;background: #3689c4;color: #FFFFFF;}
.mcust .mcu_title .mcumore{float:right;width: 25px;height:50px;line-height:50px;background: url(../images/addicon.png) center center no-repeat;}
.mcust .mcustxt{border: 1px solid #eeeeee;padding: 20px;}
.mcust .mcustxt p{line-height: 24px;font-size: 14px;margin: 15px 0 10px;color: #656565;}
.mcust .mcubt{display: block;height: 50px;line-height: 50px;font-size: 14px;text-align: center;background:#EEEEEE;color: #6f6f6f;}

.cateitem{padding: 0px 120px;overflow: hidden;clear: both;}
.cateitem li{float: left;width: 105px;height: 105px;margin: 24px 50px;border-radius:50%;background:#F4F4F4;color: #8C8C8C;line-height: 105px;font-size: 18px;text-align: center;cursor: pointer;}
.cateitem li.on,.sitenav li.on{background: #3689c4;color: #FFFFFF;}
.cateitem li:hover{background: #3689c4;color: #FFFFFF;}
.cate{margin-bottom: 20px;}
.catelist{clear: both;overflow: hidden;}
.catelist li{float:left;width:214px;border: 1px solid #dcdcdc;padding: 20px 33px 0px;margin:0 5px 5px 0;}
.catelist li.nor{margin-right: 0px;}
.catelist li p{font-size: 18px;text-align: center;line-height: 50px;color:#1A1A1A;}
.tab{ display:none;}

.jobtable{width: 100%;margin: 10px 0 0 0;}
.jobtable th{text-align: left;line-height: 44px;font-size: 16px;color:#282828;border-bottom: 1px solid #282828; font-weight:normal;}
.jobtable td{font-size: 14px;line-height:72px;border-bottom: 1px solid #EEEEEE;text-align: left;color:#7c7c7c;}
.jobtable td a{font-size: 14px;line-height:72px; color:#7c7c7c;}
.jobtable td a:hover{color:#3689c4;}
.jobtable th.spa,.jobtable td.spa{ padding-left:43px;}

.joblist{overflow: hidden;margin-top: 45px;clear: both;font-size: 14px;color:#7C7C7C;}
.joblist .jobtip1{height: 44px;font-size: 16px ;color: #3689c4;line-height: 44px;border-bottom: 1px solid #282828;}
.joblist li{width: 100%;padding: 30px 0px ;border-bottom: 1px solid #EEEEEE;overflow: hidden;}
.joblist li table th{color: #282828;font-weight:normal;}
.joblist li table th, .joblist li table td{text-align: left;height: 40px;line-height: 40px;letter-spacing: 1px;}
.joblist li p{line-height: 40px;}
.bk{color: #282828;}

.mculist{border:1px solid #e5e5e5;border-top:none;border-bottom: none;}
.mculist li img{display: block;margin: 0 auto;border-bottom: 1px solid #E5E5E5;}
li.bdno img{border-bottom:none;}

.site{ display:block; overflow:hidden; clear:both; margin:30px 0 60px 0; font-size:14px; color:#7c7c7c;}
.sitenav{float: left;width: 113px;overflow: hidden;}
.sitenav li{height:37px;line-height:37px;font-size:18px;margin: 20px 0 0 0;text-align: center;cursor: pointer; background:#f4f4f4; color:#393939;}
.sitebox{width: 640px;float: right;font-size: 14px;color: #7C7C7C;}
.sitebox li{padding: 20px 0px;}
.site_title{display:block;font-size: 18px;height: 40px;line-height: 40px;color: #383838;cursor: pointer;}
.site_title:hover{color: #3689c4;}
.sitebox li p{line-height: 30px;}
.sitebox li p span{display: inline-block;width: 30px;}
.actbox{ border:1px solid #f4f4f4; display:block; overflow:hidden; clear:both; padding-bottom:20px;}
.actlist li{ float:left; width:282px; margin:15px 0 0 20px; font-size:14px;}
.actlist li a{ color:#656565;}
.actlist li img{ display:block; margin-bottom:6px;}
.commentdetail{ display:block; overflow:hidden; clear:both; line-height:26px; font-size:14px; color:#7c7c7c;}
.goodcase{ float:left; width:100%; margin:50px 0 0 0; border-top:1px solid #f0f0f0; padding:30px 0 0 0;}
.caseshow{ display:block; overflow:hidden; clear:both; margin:10px 0 0 0; padding:0 24px; position:relative;}
.caseshow .worklist li{ margin-left:5px; margin-right:0;}
.caseshow span.prev,.caseshow span.next{ background:url(../images/lrbtn3.png) no-repeat; width:16px; height:28px; position:absolute; left:0; top:50%; margin-top:-14px; display:block; z-index:99; cursor:pointer;}
.caseshow span.next{ background-position:-16px 0; left:auto; right:0;}
.caseshow span.prevStop,.caseshow span.nextStop{ opacity:0.2;}

.mydiv2{ position:fixed; left:50%; top:50%;width:1200px; height:580px; text-align:center;z-index:100; margin:-290px 0 0 -600px; display:none;}
.mydiv2 span.close{ position:absolute; right:210px; top:0; cursor:pointer;}