@charset "utf-8";

/* CSS Document */
.float{ width:100%; height:100%; box-sizing:border-box; background-color:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:900; display:none;}
.float > .float-hd{ width:100%; box-sizing:border-box; height:60px; line-height:60px; text-align:left; background-color:#000;  padding-left:3%; padding-right:3%; font-size:20px; color:#FFF;}
.float > .float-hd > span{ float:right; cursor:pointer;}
.float > .float-hd > span i{ font-size:20px;}
.float > .menu{ width:100%; box-sizing:border-box; padding:3%; }
.float > .menu > ul > li{ width:100%; padding-top:10px; padding-bottom:10px; font-size:16px; cursor:pointer; }
.float > .menu > ul > li a,.float > .menu > ul > li a:hover{ color:#FFF !important;}

.site{ border-bottom:1px solid #e9e9e9; }
.site > .site-hd{ font-size:14px; padding-top:1%; padding-bottom:1%; text-align:right; }
.float > .menu > ul > li + li{ border-top:1px solid rgba(255,255,255,0.5); }
.header{ position:relative;}
.header > .logo{ width:450px; height:auto; display:block;padding:6px 0; box-sizing:border-box; float:left; }
.header > .logo img{ width:100%;}
.header > .btn-language{ float:right; height:32px; line-height:32px; float:right; margin-top:50px; text-transform:capitalize; margin-left:10px; }
.header > .btn-search{ width:32px; height:32px; line-height:32px; text-align:center; float:right; margin-top:52px; position:relative; }
.header > .btn-search > i{ font-size:24px; color:#062c53;}
.header > .btn-search > .search-form{ width:160px; height:32px; position:absolute; right:0; top:32px; background-color:#FFF; border:1px solid #DDD; box-sizing:border-box; z-index:920; display:none;}
.header > .btn-search > .search-form p:nth-of-type(1){ width:132px; height:30px; float:left; overflow:hidden; background-color:#DDD; position:
relative;}
.header > .btn-search > .search-form p:nth-of-type(1) input{ width:100%; height:30px; line-height:30px; border:0; position:absolute; left:0; top:0; box-sizing:border-box; padding:0 10px; }
.header > .btn-search > .search-form p:nth-of-type(2){ width:26px; height:30px; float:right; overflow:hidden; box-sizing:border-box; border-left:1px solid #DDD;}
.header > .btn-search > .search-form p:nth-of-type(2) input{ width:26px; height:30px; border:0; background-color:transparent; font-family:"iconfont" !important;  font-size:16px;}
.header > .btn-nav{ width:30px; height:24px; line-height:24px; float:right; text-align:center; margin-top:40px;color:#062c53; display:none;}
.header > .nav{ float:right; height:50px; margin-top:42px; margin-right:10px; position:relative;}
.header > .nav > ul > li{ float:left; height:50px; line-height:50px; padding:0 12px; border-bottom:0px solid #FFF; box-sizing:border-box; font-size:14px; cursor:pointer; position:relative; }
.header > .nav > ul > li.on,.header > .nav > ul > li.curr{ border-bottom:4px solid #25569b;}
.header > .nav > ul > li > p{ width:100%; position:absolute; left:0; top:50px; background-color:#eb5f01; z-index:920; display:none; box-sizing:border-box; border:1px solid #EEE; background-color:#FFF; border-radius:0 0 3px 3px; }
.header > .nav > ul > li > p > a{ width:100%; height:30px; line-height:30px; display:block; text-align:center; overflow:hidden; color:#666 !important;}
/*.header > .nav > ul > li > p{width:100%; height:60px; text-align:center; box-sizing:border-box; font-size:20px; position:absolute; left:0; top:50px; z-index:820; display:none;}
.header > .nav > ul > li > p > a{ display:inline-block; height:60px; line-height:60px; font-size:16px; color:#FFF; padding:0 30px;}*/
.header > .nav > ul > li > a:hover{ color:#378074 !important;}


.swiper1{ }
.swiper1 .swiper-pagination {width: 100%;}
.swiper1 .swiper-pagination-bullet{opacity:1; background:#FFF; margin:0 5px!important;width:12px; height:12px; border-radius:50%;}
.swiper1 .swiper-pagination-bullet-active{background:#25569b; }
.swiper1 .swiper-container,.flash {width: 100%;}
.swiper1 .swiper-slide img,.flash img{ width:100%;}
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ background-image:url(none);/* display:none;*/}
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ width:48px; height:108px; line-height:108px; text-align:center; border-radius:2px; background-color:rgba(255,255,255,0.1); top:50%; margin-top:-54px; box-sizing:border-box;}
.swiper1 .swiper-button-next{ right:10px; padding-left:4px;}
.swiper1 .swiper-button-prev{ left:10px; padding-right:4px;}
.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:36px; color:#FFF;}
.swiper1 .swiper-button-next:hover,.swiper1 .swiper-button-prev:hover{  background-color:rgba(255,255,255,0.8);} 
.swiper1 .swiper-button-next:hover i,.swiper1 .swiper-button-prev:hover i{ color:#378074 !important;}

.main{}

.about{ width:100%; background-image:url(../images/about.png); background-repeat:no-repeat; background-position:center top; padding-top:50px; padding-bottom:3%;}
.about > .about-hd > h3{ width:360px; height:36px; line-height:36px; box-sizing:border-box;border:1px solid #8b99a4;  border-bottom:0; text-align:center; margin:0 auto; margin-bottom:30px; position:relative; }
.about > .about-hd > h3::after{ content:' '; width:40px; height:1px; background-color:#8b99a4; position:absolute; left:0; bottom:0;}
.about > .about-hd > h3::before{ content:' '; width:40px; height:1px; background-color:#8b99a4; position:absolute; right:0; bottom:0;}
.about > .about-hd > h3 > p{ display:inline-block; height:64px; line-height:64px; padding:0 4%; position:relative; z-index:10; font-weight:normal; font-size:26px; width:auto;}
.about > .about-hd > p{ width:100%; text-align:center; font-size:14px; line-height:1.6em; }
.about > .about-cen{margin-top:100px; position:relative;}
.about > .about-cen > .ac-about{ width:50%; max-height:354px; overflow:hidden; float:left; position:absolute; left:0; top:0;/* margin-top:-172px; */}
.about > .about-cen > .ac-about > h3{ width:100%; font-weight:normal; font-size:18px; height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.about > .about-cen > .ac-about > p{ width:100%; box-sizing:border-box; padding-right:2%; line-height:25px; height:200px; overflow:hidden; font-size:14px; margin-top:6%; margin-bottom:6%;}
.about > .about-cen > .ac-about > .ac-about-btn{ width:140px; height:36px; line-height:32px; font-size:14px; text-align:center; display:block; box-sizing:border-box; border:2px solid #25569b; color:#378074; transition:all linear 0.3s; -webkit-transition:all linear 0.3s;}
.about > .about-cen > .ac-about:hover > .ac-about-btn{ background-color:#eb5f01; color:#FFF !important; border:2px solid #eb5f01;}
.about > .about-cen > .ac-img{ width:50%; float:right; }
.about > .about-cen > .ac-img img{ width:100%;}

.fuwu{ width:100%; position:relative; /*background-image:url(../images/service.png);*/ background-position:center top; background-repeat:no-repeat; background-size:cover;/* padding-top:3%; padding-bottom:3%; box-sizing:border-box;*/}
.fuwu > img{ width:100%; }
.fuwu > .fuwu-cen{ padding-top:3%; padding-bottom:3%; }
.fuwu > .fuwu-cen > .fwc-hd{ width:100%; color:#FFF;}
.fuwu > .fuwu-cen > .fwc-hd h3{ font-size:30px; font-weight:normal;}
.fuwu > .fuwu-cen > .fwc-hd p{ font-size:14px; text-transform:uppercase;}
.fuwu > .fuwu-cen > .fwc-hd h4{ width:30px; height:3px; background-color:#FFF; margin-top:20px;}
.fuwu > .fuwu-cen > .fwc-about{ width:100%; font-size:14px; line-height:2em; color:#FFF; margin-top:6%; margin-bottom:6%;}
.fuwu > .fuwu-cen > .fwc-btn{ width:48px; height:48px; display:block; background-image:url(../images/fuwu-more.png); background-repeat:no-repeat; background-position:left top; background-size:100%;}
.fuwu > .fuwu-cen > .fwc-list{ width:100%; box-sizing:border-box; padding:3%; background-color:#FFF; margin-top:3%;}
.fuwu > .fuwu-cen > .fwc-list > ul > li{ width:20%; float:left;}
.fuwu > .fuwu-cen > .fwc-list > ul > li p{width:80px; margin:0 auto; }
.fuwu > .fuwu-cen > .fwc-list > ul > li p img{width:100%;opacity: 0.5;}
.fuwu > .fuwu-cen > .fwc-list > ul > li:hover p img{opacity: 1;}
.fuwu > .fuwu-cen > .fwc-list > ul > li h3{ width:100%; font-size:14px; line-height:2em; text-align:center; font-weight:normal;}
.fuwu > .fuwu-cen > .fwc-list > ul > li:hover h3{ color:#378074 !important;}
.box5 {width:100%; box-sizing:border-box; padding:2%; background-color:#efefef; margin-top:3%; position:relative;}
.box5 .swiper-button-next,.box5 .swiper-button-prev{ color:#FFF; background-color:#4576c2; border-radius:0; line-height:59px; height:59px; width:23px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-30px;  }
.box5 .swiper-button-next{ right:0;}
.box5 .swiper-button-prev{ left:0;}
.box5 .swiper-button-next i,.box5 .swiper-button-prev i{ font-size:20px; text-align:center; color:#FFF; line-height:40px;} 
.swiper5 .swiper-slide{ width:100%; display:block; box-sizing:border-box; transition:all linear 0.3s; -webkit-transition:all linear 0.3s; cursor:pointer;}
.swiper5 .swiper-slide p{ width:100%; overflow:hidden;}
.swiper5 .swiper-slide p img{ width:100%;margin:0 1.5px; }
.swiper5 .swiper-slide:hover{ width:100%; padding:2px; background-color:#eb750c; box-sizing:border-box;}
.swiper5 .swiper-pagination{ display:none;}

.box6{ width:100%; height:auto; margin:0 auto; margin-top:3%; position:relative; box-sizing:border-box; display:none; cursor:pointer; }
.box6 .swiper-button-next,.box6 .swiper-button-prev{ color:#FFF; background-color:rgba(0,0,0,0.2); border-radius:0; line-height:40px; height:40px; width:24px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-32px;  }
.box6 .swiper-button-next{ right:0;}
.box6 .swiper-button-prev{ left:0;}
.box6 .swiper-button-next i,.box6 .swiper-button-prev i{ font-size:20px; text-align:center; color:#FFF; line-height:40px;} 
.swiper6 .swiper-slide p{ width:100%; box-sizing:border-box; background-color:#FFF;}
.swiper6 .swiper-slide p img{ width:100%;}
.swiper6 .swiper-slide h3{width:100%; font-size:16px; padding:10px 0; font-weight:normal; text-align:center; box-sizing:border-box;}
.swiper6 .swiper-pagination{ display:none;}





.products,.news{ padding-top:3%; padding-bottom:3%; }
.mcol-hd{ width:100%; text-align:center;}
.mcol-hd > h3,.mcol-hd > p{ width:100%; font-weight:normal; font-size:30px; color:#333; display:inline-block; }
.mcol-hd > p{ font-size:14px; text-transform:uppercase; color:#999;}

.swiper3,.swiper4{ padding-top:3%; padding-bottom:30px;}
.swiper4{ display:none; }
.swiper3 .swiper-slide,.swiper4 .swiper-slide{ box-sizing:border-box; overflow:hidden; cursor:pointer;}
.swiper3 .swiper-slide img,.swiper4 .swiper-slide img{ width:100%;/*transition:all 0.3s linear; -webkit-transition:all 0.3s linear;*/}
.swiper3 .swiper-slide h3,.swiper4 .swiper-slide h3{ width:100%; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal; height:40px; line-height:40px; }
.swiper3 .swiper-pagination {width: 100%; position:absolute; bottom:0;}
.swiper3 .swiper-pagination-bullet,.swiper4 .swiper-pagination-bullet{opacity:1; background:#d9d8dd; margin:0 5px!important;width:30px; height:3px; border-radius:0;}
.swiper3 .swiper-pagination-bullet-active,.swiper4 .swiper-pagination-bullet-active{background:#378074; }

.news{ }
.news > .news-cen{ width:100%; box-sizing:border-box; padding-left:556px; height:372px; position:relative; margin-top:3%;}
.news > .news-cen > .news-flash{ width:556px; height:auto; position:absolute; left:0; top:0;}
.swiper2{ display:block;}
.swiper2 .swiper-pagination {width: 100%; text-align:left; padding-left:10px; box-sizing:border-box; bottom:40px;}
.swiper2 .swiper-pagination-bullet{opacity:1; background:rgba(255,255,255,1); margin:0 3px!important;width:10px; height:10px; border-radius:50%;}
.swiper2 .swiper-pagination-bullet-active{background:#25569b;}
.swiper2 .swiper-container {width: 100%;}
.swiper2 .swiper-slide{ padding-bottom:30px; position:relative;}
.swiper2 .swiper-slide img{ width:100%;}
.swiper2 .swiper-slide h3{ width:auto; font-size:48px; color:#25569b; position:absolute; font-weight:normal; right:10px; bottom:-10px; letter-spacing:2px;}
.swiper2 .swiper-slide h3 span{ font-size:24px;}
.swiper2 .swiper-button-next,.swiper2 .swiper-button-prev{ background-image:url(none); display:none;}
.swiper2 .swiper-button-next,.swiper2 .swiper-button-prev{ width:24px; height:36px; line-height:38px; text-align:center; background-color:rgba(0,0,0,0.8); top:50%; margin-top:-18px;}
.swiper2 .swiper-button-next{ right:0; border-radius:3px 0 0 3px;}
.swiper2 .swiper-button-prev{ left:0; border-radius:0 3px 3px 0;}
.swiper2 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:18px; color:rgba(255,255,255,0.6)}
.swiper2 .swiper-button-next:hover,.swiper1 .swiper-button-prev:hover{  background-color:rgba(0,0,0,0.5); color:#FFF;} 



.news > .news-cen > .news-list{ width:100%; height:372px; box-sizing:border-box; padding-left:20px; padding-right:20px; }
.news > .news-cen > .news-list > ul > li{width:100%; height:39px; line-height:39px; font-size:14px; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news > .news-cen > .news-list > ul > li span{ display:inline-block; padding:3px; height:20px; line-height:14px; margin-right:10px; box-sizing:border-box; background-color:#25569b; color:#FFF; font-size:12px; }
.news > .news-cen > .news-list > .nl-btn{width:140px; height:36px; line-height:32px; font-size:14px; text-align:center; display:block; box-sizing:border-box; border:2px solid #25569b; color:#25569b; transition:all linear 0.3s; -webkit-transition:all linear 0.3s; margin-top:3%;}
.news > .news-cen > .news-list > .nl-btn:hover{background-color:#eb5f01; color:#FFF !important; border:2px solid #eb5f01;}

.youshi{ width:100%; padding-top:3%; background-color:#fff3f3; }
.youshi > .ys-list{ background-color:#FFF; height:auto; padding-left:0; padding-right:0; padding-bottom:3%; }
.youshi > .ys-list > ul > li{ width:25%; height:auto; float:left; box-sizing:border-box; padding:10px;}
.youshi > .ys-list > ul > li > p:nth-of-type(1),.youshi > .ys-list > ul > li > p:nth-of-type(1) img{ width:100%;}
.youshi > .ys-list > ul > li > h3{ width:100%; height:36px; line-height:36px; overflow:hidden; white-space:nowrap; white-space:nowrap; text-overflow:ellipsis; font-weight:normal; font-size:18px; margin-top:10px; }
.youshi > .ys-list > ul > li > h4{ width:100%; box-sizing:border-box; font-size:14px; font-weight:normal; line-height:25px; overflow:hidden; height:50px; margin-bottom:20px;}
.youshi > .ys-list > ul > li > .ysl-btn{ width:140px; height:36px; line-height:32px; font-size:14px; text-align:center; display:block; box-sizing:border-box; border:2px solid #378074; color:#378074; transition:all linear 0.3s; -webkit-transition:all linear 0.3s;}
.youshi > .ys-list > ul > li:hover > .ysl-btn{ background-color:#eb5f01; color:#FFF !important; border:2px solid #eb5f01;}

.location{ border-bottom:2px solid #e2e2e2; margin-top:2%;}
.location > .locat-con{ font-size:14px; padding-bottom:20px; padding-top:12px; height:auto; line-height:12px; text-align:right;}
.location > .locat-con > p{ display:inline-block; float:left; font-size:24px; color:#378074; }
.cmain{ /*background-color:rgba(0,0,0,0.2); */padding-top:3%; padding-bottom:3%;}
.col-hd{ width:100%; font-size:18px; color:#378074; text-align:left; padding-top:2%; padding-bottom:2%;}
.col-hd > span{ font-size:12px; text-transform:uppercase;}
.profile{width:100%; box-sizing:border-box;}
.profile h2{ font-size:20px; text-align:left;color:#000;}
.profile h3{ font-size:16px; text-align:left;color:#000; font-weight:normal;margin-bottom:4%;}
.profile p{ text-align:left; text-indent:2em; line-height:30px;}
.cserv,.history{ width:100%; box-sizing:border-box;}
.cserv > .cserv-hd,.history > .hist-hd{ width:100%; box-sizing:border-box;}
.cserv > .cserv-hd > ul > li{ width:20%; float:left; position:relative; padding-bottom:20px; padding-top:10px; cursor:pointer;}
.cserv > .cserv-hd > ul > li p{width:80px; margin:0 auto; }
.cserv > .cserv-hd > ul > li p img{width:100%;}
.cserv > .cserv-hd > ul > li h3{ width:100%; font-size:14px; line-height:36px; height:36px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; font-weight:normal;}
.cserv > .cserv-hd > ul > li.on a,.cserv > .cserv-hd > ul > li.on a:hover{ color:#378074 !important;}
.cserv > .cserv-hd > ul > li.on::after{ content:' ';width: 0; height: 0;border-left:8px solid transparent;border-right:8px solid transparent; 
border-bottom: 10px solid #378074; position:absolute; left:50%; bottom:0; margin-left:-5px;}
.cserv > .cserv-hd > ul > li p img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.cserv > .cserv-hd > ul > li.on p img{-webkit-filter: inherit;-moz-filter: inherit;-ms-filter: inherit;-o-filter: inherit;filter: inherit;filter: inherit;}


.cserv > .cserv-cen,.history > .hist-cen{ width:100%; padding:20px; box-sizing:border-box; background-color:#378074;}
.cserv > .cserv-cen > .cserv-list{ width:100%; display:none;}
.cserv > .cserv-cen > .cserv-list:nth-of-type(1),.history > .hist-cen > .hist-line:nth-of-type(1){ display:block;}
.cserv > .cserv-cen > .cserv-list > ul > li{ width:18%; height:36px; line-height:36px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; padding-left:24px; background-image:url(../images/col-service-list-icon.png); background-repeat:no-repeat; background-position:left center; float:left; font-size:14px; margin-left:2%;}
.cserv > .cserv-cen > .cserv-list > ul > li a{ color:#FFF;}
.cserv > .cserv-cen > .cserv-list > ul > li a:hover{ color:#FFF !important; text-decoration:underline;}
.cserv-list p{color:#fff;line-height:30px;}


.history > .hist-hd{ position:relative;}
.history > .hist-hd > h5{ width:100%; height:2px; background-color:#e0e0e0; position:absolute; left:0; top:64px;}
.history > .hist-hd >  ul{ position:relative; z-index:10; }
.history > .hist-hd >  ul > li{ width:13%; height:96px;/* background-color:#EEE;*/ float:left; cursor:pointer; }
.history > .hist-hd >  ul > li + li{ margin-left:1.5%;}
.history > .hist-hd >  ul > li > h3,.history > .hist-hd >  ul > li > h4{ width:100%; height:50px; line-height:50px; font-weight:normal; font-size:24px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.history > .hist-hd >  ul > li > h4{ height:16px; line-height:16px; font-size:14px; }
.history > .hist-hd >  ul > li > p{ margin:0 auto; border-radius:50%; background-color:#FFF; border:2px solid #e0e0e0; width:18px; height:18px; box-sizing:border-box; margin-top:6px; margin-bottom:6px; }
.history > .hist-hd >  ul > li.on > h3{ color:#fa0303}
.history > .hist-hd >  ul > li.on > p{ border:2px solid #fa0303}
.history > .hist-cen{ margin-top:2%;}
.history > .hist-cen > .hist-line{ width:100%; font-size:14px; line-height:2em; color:#FFF; display:none;}
.mhistory{ width:100%; display:none;}
.mhistory > ul > li{ width:100%; height:auto; padding-left:24px; box-sizing:border-box; position:relative;}
.mhistory > ul > li + li{ border-top:1px solid #e0e0e0;}
.mhistory > ul > li::after{ content:' '; width:14px; height:14px; background-color:#FFF; border:2px solid #e0e0e0; position:absolute; left:0; top:17px; border-radius:50%; box-sizing:border-box;}
.mhistory > ul > li > h3,.mhistory > ul > li > p{ width:100%; height:48px; line-height:48px; font-weight:normal; font-size:16px; text-align:left;}
.mhistory > ul > li > p{ width:100%; height:auto; line-height:24px; font-size:12px; display:none; padding-bottom:10px;}

.mhistory > ul > li.on::after{border:2px solid #378074;}
.mhistory > ul > li.on > h3{ color:#378074;}
.mhistory > ul > li.on > p{ display:block; color:#378074;}


.wh-jzg{ width:100%; box-sizing:border-box; padding-left:476px; position:relative; height:216px;}
.wh-jzg > .wh-jzg-img{ width:476px; height:216px; position:absolute; left:0; top:0;}
.wh-jzg > .wh-jzg-img img{ width:100%;}
.wh-jzg > .wh-jzg-about{ width:100%; padding-left:3%; box-sizing:border-box; height:100%;}
.wh-jzg > .wh-jzg-about > h3,.wh-jzg > .wh-jzg-about p,.wh-yjsm > .wh-sm > h3,.wh-yjsm > .wh-sm > p,.wh-yjsm > .wh-yj > h3,.wh-yjsm > .wh-yj > p,.wh-js > .wh-js-about > h3{ width:100%; font-size:14px; line-height:34px; height:34px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.wh-jzg > .wh-jzg-about > h3,.wh-yjsm > .wh-sm > h3,.wh-yjsm > .wh-yj > h3,.wh-js > .wh-js-img > h3,.wh-js > .wh-js-about > h3{ height:auto; font-size:18px; height:44px; line-height:44px; color:#333; }
.wh-yj{ width:476px; height:auto; float:left;}
.wh-yjsm{ width:100%; box-sizing:border-box; padding-left:476px; position:relative; height:auto; margin-top:2%; margin-bottom:2%;}
.wh-yjsm > .wh-yj{ width:476px; height:auto; position:absolute; left:0; top:0;}
.wh-yjsm > .wh-sm{ width:100%; padding-left:3%; box-sizing:border-box; height:100%; }
.wh-yjsm > .wh-sm > h3,.wh-yjsm > .wh-sm > p,.wh-yjsm > .wh-yj > h3,.wh-yjsm > .wh-yj > p{ text-align:left;}
.wh-js{ width:100%; height:auto; box-sizing:border-box; padding-left:476px; position:relative;}
.wh-js > .wh-js-about{ width:476px; height:auto;  position:absolute; left:0; top:0;}
.wh-js > .wh-js-img{ width:100%; box-sizing:border-box; padding-left:3%; }
.wh-js > .wh-js-img img{ width:100%;}
.wh-js > .wh-js-about > p{ height:auto; width:100%; font-size:14px; line-height:34px;height:auto; }



.forms{ width:100%; position:relative;}
.forms > img{ width:100%; }
.forms > .forms-form{ width:640px; height:54px; box-sizing:border-box; position:absolute; left:50%; top:50%; margin-top:-27px; margin-left:-320px; border:2px solid #25569b; border-radius:2px; padding-right:160px; }
.forms > .forms-form > p:nth-of-type(1){ width:100%; height:50px; position:relative;}
.forms > .forms-form > p:nth-of-type(1) input{ width:100%; height:50px; line-height:50px; border:0; background-color:transparent; font-size:18px; box-sizing:border-box; padding-left:20px; padding-right:20px; color:#dedede;}
.forms > .forms-form > p:nth-of-type(2){ width:160px; height:50px; background-color:#F60; position:absolute; right:0px; top:0px;}
.forms > .forms-form > p:nth-of-type(2) input{ width:100%; height:100%; font-size:18px; color:#FFF; cursor:pointer; border:0; background-color:#25569b;}

.online{ padding-top:3%; padding-bottom:3%; font-size:0;/* background-color:#EEE;*/ box-sizing:border-box; border-bottom:2px solid #ffeded;}
.online > .online-list > ul > li{ width:35%; float:left; position:relative;/* background-color:#F60;*/ box-sizing:border-box; }
.online > .online-list > ul > li:nth-of-type(2){ width:30%;}
.online > .online-list > ul > li + li{ padding-left:5%; /*background-color:#F00;*/}
.online > .online-list > ul > li + li::after{ content:' '; width:1px; height:30px; position:absolute; left:0; top:50%; margin-top:-15px; background-color:#c7c7c7;}
.online > .online-list > ul > li h3,.online > .online-list > ul > li p{ width:100%; font-weight:bold; font-size:16px; height:36px; line-height:36px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.online > .online-list > ul > li h3{ color:#000;}
.online > .online-list > ul > li p{ height:24px; line-height:24px; font-weight:normal; font-size:14px; }

.service{ padding-top:3%; padding-bottom:3%; font-size:0; text-align:left;}
.service > ul > li{ width:13%; float:left; margin-right:1.5%;}
.service > ul > li h3,.service > ul > li p{ width:100%; height:40px; line-height:40px; font-weight:bold; font-size:16px; overflow:hidden; text-align:left; color:#000; white-space:nowrap; text-overflow:ellipsis; }
.service > ul > li h3 a,.service > ul > li h3 a:hover{ color:#000 !important;}
.service > ul > li p{ height:26px; line-height:26px; font-size:14px; font-weight:normal;}
.service > ul > li:nth-of-type(7n){ margin-right:0;}

.footer{ padding-top:16px; padding-bottom:16px; background-color:#e4e4e4;}
.footer > .footer-ft > .copyright{ width:100%; height:auto; line-height:24px; font-size:14px; box-sizing:border-box; padding-right:160px; position:relative; color:#171717; }
.footer > .footer-ft > .copyright a{ color:#171717;}
.footer > .footer-ft > .copyright > .zhichi{ width:140px; height:auto; line-height:24px; position:absolute; right:0; top:0; text-align:right;}
#map{width:800px;height:500px;}