@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:280px; 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 #378074;}
.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:#378074; }
.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.html);/* 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.html); 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:20px; 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:150px; overflow:hidden; font-size:14px; margin-top:10%; margin-bottom:10%;}
.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 #378074; 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{ background-color:rgba(0,0,0,0.2);/* position:absolute; left:50%; top:0; height:100%; margin-left:-600px;*/ 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.html); 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%;}
.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;}


.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:2%; padding-bottom:50px;}
.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;z-index: 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:rgba(55,128,116,1);}
.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:#378074; 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.html); 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:#378074; 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 #378074; color:#378074; 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;}