@charset "utf-8";
/* CSS Document */
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body { font-size:14px;background:#FFF; color:#333; font-family:"Poppins Regular","微软雅黑";}body{ max-width: 1920px; margin: 0 auto;}* {margin:0;padding:0}ul,li { list-style: none; }img { border:0;display: block; }input:focus,textarea:focus{ outline:none; }input,select{font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}a {text-decoration: none;outline:none;color: #333;transition: 0.5s;}a:hover {text-decoration: none;color: #479693; transition: 0.5s;}.clearfix { clear: both; zoom: 1; }.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; transition:0.5s ease-in-out; text-transform:uppercase; }.fl,.left { float: left; }.fr,.right { float: right; }.text-left { text-align: left; }.text-center { text-align: center; }.text-right{ text-align:right; }.red{ color:#da251c; }.orange{ color:#fb8c00; }.blue { color: #479693; }.block{ display:block; }.inline-block{ display:inline-block; }.white {color:#fff; }.gray { color:#999; }.clear { clear: both; }.phonepic { width:100%;}.relative { position:relative; }.absolute { position:absolute; }.trans { transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }.bj{background-image: linear-gradient(to right,#7d2bf4, #1048c4);color: #fff; }.pc { display: block; }.phone{ display: none; }

@font-face{font-family:Poppins Light;src: url('../font/Poppins-Light_0.ttf') }
@font-face{font-family:Poppins Medium;src: url('../font/Poppins-Medium.ttf') }
@font-face{font-family:Poppins Regular;src: url('../font/Poppins-Regular_0.ttf') }

/*header头部的CSS布局*/
.header{ height: 118px; position: fixed;top:0;left: 0;width: 100%;border-bottom:1px solid rgba(255,255,255,0.15);z-index: 999;}
.header.on { background: rgba(73,152,147,.96);height: 88px; }
.main_box{ max-width: 1520px;width: 97%;min-height: 300px; margin: 0 auto; padding: 0;}
.main_box.top { width: 1268px; }

.header .logo{ width: 322px; padding:39px 0 0 2%; display: block; float: left;}
.header .logo img{ width: 100%;}
.header .h_nav{ float: right; max-width:1350px;width: 78%; line-height: 60px; height: 60px; margin-top:28px;text-align: center;}
.header .h_nav>ul{ margin: 0; padding: 0; transition: 0.5s;}
.header .h_nav>ul:after{display: block;content: '';clear: both; }
.header .h_nav>ul>li{width:12%;float:left;position: relative;z-index: 9;}
.header .h_nav>ul>li.m1{width:4%; }
.header .h_nav>ul>li.m1 a { font-size: 20px;font-weight: normal; }
.header .h_nav>ul>li.m2{width:4%;margin-top:3px;}
.header .h_nav>ul>li.m3{width:4%;margin-top:3px;}
.header .h_nav>ul>li.m { opacity: .6; }
.header .h_nav>ul>li.m:hover { opacity: 1; }
.header .h_nav>ul>li a{display: inline-block;color: #fff; font-size:16px;font-weight:normal;font-family:"Poppins Medium";}
.header .h_nav>ul>li:hover a { color: #eee; }
.header .h_nav>ul>li ul{ transition: 0.5s; opacity: 0; visibility: hidden;}
.header .h_nav>ul>li ul{width: 180px;padding:10px 10px;height: auto;position:absolute;top: 80px;left:-25px; z-index: 6;background:rgba(255,255,255, 94%);box-shadow: #4c9693 0 0 15px;border-radius:10px;}
.header .h_nav>ul>li:hover>a+ul{transition: 0.5s; opacity: 1; visibility: visible; top: 68px;}
.header .h_nav>ul>li>ul>li,.header .h_nav>ul>li>ul>li>ul>li{display: block;width: 100%;margin:0;padding:0;float: left; line-height:45px; text-align: left;border-bottom: 1px solid rgba(0,0,0,0.05);text-align: center;}
.header .h_nav>ul>li>ul>li a{font-size: 14px; padding: 4px 0;line-height: 20px;transition:0.3s; color: #666;display: inline-block;}
.header .h_nav>ul>li:hover>ul>li a { color: #666; }
.header .h_nav>ul>li>ul>li>a:hover,.header .h_nav>ul>li>ul>li>ul>li>a:hover{ color: #479692; }
.header .h_nav>ul>li>ul>li:hover ul{ opacity: 1; visibility: visible; color: #333; transition: 0.5s; }
.header .h_nav>ul>li>ul>li>ul{position: relative;top:0;left: 0;margin-left:-12px;border-radius:0;box-shadow: none; transition: 0.5s;}
.header .h_nav>ul>li>ul>li>ul li {  }
.header .h_nav>ul>li>ul>li>ul li a{ display:inline-block;padding-left: 0;}
.header .h_nav>ul>li>ul:hover{ transition: 0.5s; opacity: 1; visibility: visible;}
.header .h_nav>ul>li.cpfl ul { width: 380px;left:-115px;padding:0; overflow: hidden; }
.header .h_nav>ul>li.cpfl>ul>li { width: 49.5%;float: left; }
.header .h_nav>ul>li.cpfl>ul>li:nth-child(1) { border-right: #ccc 1px solid; }
.header .h_nav>ul>li.cpfl:hover>ul>li ul { opacity: 1; visibility: visible; color: #333; transition: 0.5s; }
.header .h_nav>ul>li.cpfl>ul>li ul { width: 190px;left:12px; }
.header .h_nav>ul>li.cpfl>ul>li>ul li { width: 99.5%;border-right: #bbb 1px solid; }
.header .h_nav>ul>li.cpfl>ul>li>ul li a { color: #569e9a; }
@media (max-width:1560px){
	.header .logo{ max-width: 250px; }
	.header .h_nav{ width: 72%; line-height: 60px; height: 60px; margin-top:28px;text-align: center;}
}
@media (max-width:1024px){
	.header .logo{ width: 182px; }
	.main_box{width:96%; margin:0 auto; padding:0 2%;}
	.main_box.top { width: 96%; }
	.header .morenav{ float:right; display:block; background:#3c5947 url(../images/app_nav.png) no-repeat center;width:32px; height:32px; margin-top: 12px; border-radius: 100%;}
	.header .navon{height:52px;}
	.mm-pagedim-black #mm-blocker { opacity: 0; }
	.mm-pagedim-black.mm-opening #mm-blocker { background: #000; opacity: .3; transition: opacity .4s ease .4s; }
	.mm-listview li span{width:6px;height:2px; background:#606060; margin-right:10px;display:block; margin:10px 18px 0 0;float:left;}
}
@media (max-width:787px){
	.header{ position: relative;height: 58px;background: rgba(73,152,147,1); }
	.header .logo{ width:180px; padding-top:14px; display: block;}
	.header .h_nav,.h_search{ display: none;}
}

.mainleft { width:20%;float: left; }
.mainleft .cata_tit { background:#459592;color:#fff;font-size:16px;padding:5px 0; }
.cata_des li { border-bottom: #eee 1px solid; }
.cata_des li.dj1 a { font-size: 16px;padding:10px 0 10px 9%;font-weight: bold; }
.cata_des li.dj2 a { background: #fafafa;padding: 8px 0 8px 11%;    line-height: 35px; }
.cata_des li.dj2 a:hover {background: #479693;color:#fff; }
.mainright { width: 76%;float: right; }
@media (max-width:787px){
	.mainleft { display: none; }
	.mainright { width: 100%; }
}

.flash.swiper-container { width: 100%;}
.flash.swiper-slide { width: 100%;}
.flash.swiper-container .swiper-pagination { bottom: 4%; }
.flash.swiper-container .swiper-pagination-bullet{opacity:1;width:10px;height:10px;font-size:20px;color:#ddd;background: #fff;opacity: .6;filter:alpha(opacity=60);}
.flash.swiper-container .swiper-pagination-bullet-active{font-size:26px;opacity: 1;filter:alpha(opacity=100); }
.flash.swiper-container .swiper-button-prev { background:url(../images/arrprew.png) no-repeat center;background-size:100% auto;width:4.16%;height:80px;left:1%;margin-top:-30px;opacity: 0;filter:alpha(opacity=0); }
.flash.swiper-container .swiper-button-next { background:url(../images/arrnext.png) no-repeat center;background-size:100% auto;width:4.16%;height:80px;right:1%;margin-top:-30px;opacity: 0;filter:alpha(opacity=0); }
.flash.swiper-container:hover .swiper-button-prev { opacity: .8;filter:alpha(opacity=80);left:2%; }
.flash.swiper-container:hover .swiper-button-next { opacity: .8;filter:alpha(opacity=80);right:2%; }

.about_box{ height: auto; overflow: hidden; padding: 35px 0 40px; background: #e7e7e7; box-shadow: 0 5px 15px rgba(0,0,0,0.3); color: #2e533d;}
.about_box .a_t{ line-height: 50px; font-size: 30px; text-transform: uppercase; text-align: center; font-family:"Poppins Medium";}
.about_box font{ line-height: 25px; text-align: center; display: block;}

@media (max-width:1024px){
	.about_box{ padding:30px 0;}
	.about_box .a_t{ line-height: 30px; padding-bottom: 5px; font-size: 24px;}
	.about_box font{ line-height: 22px;}
}

@media (max-width:450px){
	.about_box{ padding:20px 0;}
}
.products_box{ height: auto; overflow: hidden; margin: 20px auto;}
.index .title { padding:3% 0; }
.index .a_t1 { color: #aaa;font-size: 12px;text-transform:uppercase }
.index .a_t { font-size: 30px;padding:0 0 18px;margin-top:-3px;background:url(../images/arrdown.png) no-repeat bottom center; }
.products_box li{ width: 25%;float: left;margin-top:-16px;overflow: hidden;}
.products_box li a {display: block;color: #fff; }
.products_box li .bg { width: 100%; height: 18%;background: rgba(0,0,0,0.5);bottom: 8px; left: 0; z-index: 1; }
.products_box li:hover .bg { height: 100%; }
.products_box li .tit{ width: 100%; font-family:"Poppins Medium";  position: absolute; bottom: 15%; left: 0; z-index: 99; }
.products_box li:hover .tit{ bottom:40%;}
.products_box li .des{ width: 60%; position: absolute; bottom: 5%; left: 20%; z-index: 99; transition: 0.5s; opacity: 0; }
.products_box li:hover .des{ bottom:20%;opacity: 1;}

@media (max-width:1024px){
    .products_box{ margin: 30px auto 20px;}
	.products_box .swiper-slide .li{ /*width: 32.5%;*/margin: 0; border-radius: 0px;}
	.products_box .swiper-slide .li a .p_img{width: 100%; height: auto;}
	.products_box .swiper-slide .li a .p_font{ width: 100%; height: 20%; top: 0;font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
}
@media (max-width:610px){
	.products_box .swiper-slide .li a .p_font{ width: 100%; height: 30%; top: 0;font-size: 14px; line-height: 22px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	
}
@media (max-width:550px){
	.products_box .swiper-slide{ width: 96%; margin: 0 2%;}
}
@media (max-width:420px){	
	.products_box .swiper-slide .li a .p_font{ width: 100%; height: 50%; line-height: 20px;} 
}

@media (max-width:375px){
	/*.products_box .swiper-slide .li{ width: 48.5%;}*/
	.products_box .swiper-slide .li a .p_font{ width: 100%; height: 30%; line-height: 20px;} 
}
@media (max-width:320px){
	/*.products_box .swiper-slide .li{ width: 95%;}*/
	.products_box .swiper-slide .li a .p_font{ width: 100%; height: 20%;}
}

.font_box{  padding: 4% 0; overflow: hidden;  }
.font_box .a_font{ width:100%;width: 100%; float: left; line-height: 26px;color:#999; }
.font_box .a_font p { margin:8px 0; }
.font_box .a_more{ width: 164px; height: 42px; line-height: 42px;border:#dadada 1px solid; text-align: center; margin-top: 10%; transition: 0.5s;}
.font_box .a_more a{ padding-right:18%;text-transform: uppercase; display: block;background:url(../images/arr.png) no-repeat right 18% center;}
.font_box .a_more:hover a{ background-position: right 14% center;padding-right: 24%; }
.font_box .a_img{ width: 100%; height: auto; overflow: hidden; float: right;}
.font_box .a_img img{ max-width: 100%;}
.font_box .left { width: 24%; }
.font_box .right { width: 70%; }
.index_project .des { color: #888;line-height: 30px; }

@media (max-width:1024px){
	.font_box{ padding: 6% 0;background-size: 70% auto;}
	.font_box .a_t{ height: 40px; line-height: 40px; font-size: 30px; text-align: center;}
	.font_box .a_font{ width: 100%;line-height: 26px; float: none; text-align: center;}
	.font_box .a_img{ display: none;}
	.font_box .a_more{ margin: 15px auto 0; height: 38px; line-height: 40px;}
}
@media (max-width:787px){
	.font_box .left { width: 100%; }
	.font_box .right { width: 100%; }
}


.p_img_box{ height: auto; overflow: hidden; padding: 0 0 20px;}
.project_tit { font-size: 32px;font-weight: bold;margin:0 0 2%;color:#888; }
.project_tit span { color: #2e897d; }
.index2 { display: flex;width: 100%;padding: 0;box-sizing: border-box;height: 50vh;}
.box { flex: 1;overflow: hidden;transition: .5s;line-height: 0; position:relative;margin:0 8px;}
.box > img { width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;transition: .5s;}
.box > .bg1 { left:0;width:100%;top:0;height:100%;z-index:2;background:rgba(0,0,0,0.7); opacity:.7; filter:alpha(opaity=80);transition: .5s; }
.box > .bg2 { left:0;width:100%;top:0;height:100%;z-index:3;background:#2e897d; opacity:0; filter:alpha(opaity=0); }
.box > .content { left:36px;width:100%;bottom:15%;z-index:6;color:#fff; }
.box > .content .pic { margin: 0 0 22px;opacity:.6; filter:alpha(opaity=60); }
.box > .content .tit { font-size: 18px;padding:0 0 20px;opacity:.6; filter:alpha(opaity=60); }
.box:hover { flex: 1 1 20%;}
.box:hover > img {	width: 100%;height: 100%;}
.box:hover > .bg1 {	 opacity:0; filter:alpha(opaity=0);}
.box:hover > .bg2 {	opacity:.84; filter:alpha(opaity=84);}
.box:hover > .content .pic { opacity:1; filter:alpha(opaity=100); }
.box:hover > .content .tit { opacity:1; filter:alpha(opaity=100); }
.box:hover > .content .des { height: auto;margin:0 0 50px;opacity:1; filter:alpha(opaity=100); }
.box:hover > .content .more { height: 40px;opacity:1; filter:alpha(opaity=100); }

.index_tit1 { color:#e2e2e2;font-size: 20px;font-weight: bold; }
.index_tit2 { font-size: 26px;font-weight: bold;padding:0 0 30px;color: #2d897c; }
@media (max-width:787px){
	.box { margin:0 2px;}
	.index_tit1 { font-size: 16px; }
	.index_tit2 { font-size: 18px;padding:0 0 10px; }
	.project_tit { font-size: 18px; }
}
.p_parter_box { padding:3% 0 1%; }
.parter_img{  position:relative;text-align: center; }
.parter_img .hd{ width: 100%; overflow:hidden;  position: absolute; top: 40px; z-index: 999;}
.parter_img .hd .prev,.parter_img .hd .next{ display:block; width:30px; height:36px; overflow:hidden;cursor:pointer;}
.parter_img .hd .next{ background:url(../images/coop_arrow_rt.png) no-repeat; right:0; float: right;}
.parter_img .hd .prev{ background:url(../images/coop_arrow_lt.png) no-repeat; left:0; float: left;}
.parter_img .bd{overflow:hidden; height: auto;}
.parter_img .bd ul{ overflow:hidden; zoom:1; width:20%; float:left; _display:inline; }
.parter_img .bd ul li{width:100%;}
.parter_img .bd ul li .pic{ max-width:249px;width:80%; border:#eee 1px solid; transition: 0.5s;margin:0 auto; }
.parter_img .bd ul li .pic img{ max-width:249px;width:90%;padding:12px 0;transition: 0.5s;}
.parter_img .bd ul li:hover .pic img{ transform: scale(1.1); transition: 0.5s;}

.app_pro {height: auto;overflow: hidden; }
.app_pro .swiper-container {width: 100%;height: 100%;padding: 0 0 35px;}
.app_pro .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;}
.app_pro .swiper-slide img {border:#eee 1px solid;width: 98%;transition: 0.5s;display: block;}
.app_pro .swiper-slide font{ display: block; padding: 20px 0 16px; font-size: 20px; text-align: center; line-height: 22px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.app_pro .swiper-container-horizontal>.swiper-pagination-bullets,.app_pro .swiper-pagination-custom,.app_pro .swiper-pagination-fraction{bottom: 0;left: 0;width: 100%}
.app_pro .swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #2e533d;opacity: 1}
.app_pro .swiper-pagination-bullet-active {background: #ee9b32;}
.app_pro .swiper-slide .pic_img:hover img {opacity: 0.6;}


@media (max-width:1024px){
	.p_img_box{ padding: 30px 0;}
	.pro_img{ display: none;}
	.p_img_box .p_t{ height: 40px; line-height: 40px; font-size: 30px;}
	.app_pro{ display: block;}
	.app_pro .swiper-slide font{ font-size: 14px; line-height: 20px; padding: 10px 0;}
}

.news_box { background: #f3f3f3;padding:3% 0; overflow: hidden; }
.home5b{ padding: 0 0 50px; }
.home5b .left { width: 48%;min-height:350px; }
.home5b .left .pic { width:100%;overflow: hidden; }
.home5b .left .pic img{ transform: scale(1, 1);}
.home5b .left:hover .pic img {transform: scale(1.2, 1.2);}
.home5b .left .text { padding:10% 5% 6%; }
.home5b .left .fenlei { font-size: 16px; }
.home56 .left .date { color: #999; }
.home5b .left .biaoti { font-size: 18px;padding:2% 0 1%;  }
.home5b .left .des { padding:0 45px 2% 50px;color: #999;text-indent: 30px; }
.home5b .right { width: 48%;min-height:350px; }
.home5b .right li { border-top:#eee 1px solid;padding:3% 0 4%;margin-top: 3%;width: 100%;float: left; }
.home5b .right li:hover { background-color:#fff;-moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.1); box-shadow:0 0 15px  rgba(0, 0, 0, 0.1); }
.home5b .right li:nth-child(1) { border-top:0;margin:0; }
.home5b .right li .date { width:15%;font-size:17px;padding-top:10px;float: left;overflow: hidden;text-align: center; }
.home5b .right li .content { width: 72%;float: right;margin-right: 4%;border-left:#ddd 1px solid;padding-left:6%; }
.home5b .right li .bt { font-size: 18px;padding:0 0 1.4%;margin:0 0 2%;border-bottom:#ddd 1px solid;transition: all 0.3s ease;overflow: hidden; white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }
.home5b .right li .ds { color:#999;transition: all 0.3s ease; }
.home5b .right li .gd img { width: auto; }
@media (max-width:787px){
	.home5b .left { width: 100%;min-height:150px; }
	.home5b .right { width: 100%;min-height:150px;border-top:#ddd 1px solid; }
	.home5b .right li .date { width:100%;font-size:16px;padding-top:10px;text-align: left; }
	.home5b .right li .content { width: 100%;float: right;margin-right: 0;border-left:0;padding-left:0; }
	.pc { display: none; }.phone{ display: block; }
}


.footer{ height: auto; overflow: hidden;color:#ddd; background: #242727;padding: 3% 0;}
.footer .f_lt{ width: 50%; float: left;}
.footer .f_lt .erweima{ padding: 15px;border:#595a5c 1px solid; }
.footer a { color: #eee; }
.footer a:hover{color: #209084; }
.footer .f_nav{ max-width:555px;width: 48%; float: right; text-align: right;}
.footer .f_nav li { width:25%;float: left; }
.footer .f_nav .tel { margin-top:10%; }
.foot2 { border-top: #303133 1px solid;padding-top: 1.4%;margin-top: 1%; }

@media (max-width:1024px){
	.footer{padding: 20px 0 55px;}
	.footer .f_lt{ display: none;}
	.footer .f_nav{ width: 22%; float: left; margin: 0 1.5%;}
	.footer .f_contact{ width: 47%; float: right; margin: 0 1.5%;}
	.footer .f_n_t{ font-size: 18px;line-height: 30px; }
	
}

@media (max-width:540px){
	.footer{padding: 20px 0 60px;}
	.footer .f_nav{ display: none;}
	.footer .f_contact{ width: 97%;}
	.footer .f_contact ul li{ line-height: 30px; background-image: none!important;}
	.footer .f_contact ul li a{ text-align: center; padding-left: 0;}
}


.fixed{width:40px;height:auto;position:fixed;right:20px;bottom:20px;z-index:999; display: block;opacity:.6;}
.fixed a{display:block; color:#888; margin-bottom:1px;}

.fixed .silder{width:50px;height:50px; background-repeat: no-repeat; background-position: center; position:relative;}
.fixed .silder .silder_box{width:auto;position:absolute;right:80px;top:0;opacity:0;transition:.6s;visibility: hidden; background:#e70a0f; padding: 0 10px; height: 50px; line-height: 50px; color:#fff; border-radius: 4px;}
.fixed .silder:hover .silder_box{right:52px;opacity:1;z-index:999;visibility:visible;}
.fixed .scroll{ width:50px; height:50px; cursor:pointer; transition: 0.5s;position:fixed;}
.fixed .scroll:hover{ opacity: 0.2;}


.app_botm{ overflow:hidden; background:rgba(243,243,243,.95); position:fixed; bottom:5px; left:0; right:0; height:44px; z-index:999999; display: none; box-shadow:0 5px 10px rgba(0,0,0,.1); border-radius: 80px; width: 90%; margin: 0 auto;}
.app_botm ul{ margin:0; padding:0; text-align:center;}
.app_botm ul li{ width:32%; display:inline-block; border-left: 1px solid rgba(255,255,255,1)}
.app_botm ul li a{ display: block;}
.app_botm ul li a img{ width: 36px; height: 36px; padding: 4px 0;}
.app_botm ul li:first-child{border-left:none;}

@media (max-width:1024px){
	.fixed{ display: none;}
	.app_botm{ display: block;}	
}

.com_ban{ width: 100%; padding-top:118px;height: 300px;background-color: #75b9b5; overflow: hidden; background-repeat: repeat;background-size: auto 100%; background-position: center center; font-size: 36px; color: #FFF;display: flex;justify-content: center; align-items: center;font-family:"Poppins Medium";transition: all 2.4s ease;-moz-transition: all 2.4s ease;-webkit-transition: all 2.4s ease; -o-transition: all 2.4s ease;}
.com_ban:hover { background-size:auto 110%;  }

.common{ height: auto; overflow: hidden; margin:20px auto 50px;}
.common .com_font{ line-height: 30px; padding-bottom: 10px;}
.common .com_font font{ display: block; line-height: 44px; font-size: 34px; color: #072b43; padding-bottom: 15px;}

.c_link{ height: auto; overflow: hidden; margin-bottom: 15px;}
.c_link ul{ margin: 0; padding: 0;}
.c_link ul li{ float: left; padding:0 2px; height: 24px; line-height: 24px;}
.c_link ul li a{ color:#2e533d; text-transform: uppercase;}
.c_link ul li a i{color:#2e533d; padding-left: 4px;}
.c_link ul li:hover a{ text-decoration: underline;}
.c_link ul li:first-child{ background: url(../images/h_icon.png) no-repeat left center; padding-left: 30px;}

.com_news{ height: auto; overflow: hidden;}
.com_news ul{ margin: 0; padding: 0;}
.com_news ul li{  margin-bottom: 20px; overflow: hidden; background:#f7f7f7;transition: 0.5s;}
.com_news ul li a{color: #00a29a}
.com_news ul li a .c_img{ width: 30%; height: 100%; overflow: hidden; float: left;}
.com_news ul li a .c_img img{ max-width: 100%;transform: scale(1); transition: 0.5s;}
.com_news ul li a .c_font{ width:62%; float:right; padding: 3% 2%;transition: 0.5s;}
.com_news ul li a .c_font font{ display: block; font-size: 24px; line-height: 26px;}
.com_news ul li a .c_font span{ display: block; line-height: 24px;color: #666;}
.com_news ul li a .c_font i{ display: block;  margin:10px 0 8px; font-size: 12px;}
.com_news ul li a .c_font .more{ background:#2551ac;width:120px;padding:5px 0;text-align:center;border-radius:20px;color: #fff; font-style: italic; margin-top: 5px;}
.com_news ul li:hover a .c_img img{ transform: scale(1.1);transition: 0.5s;}
.com_news ul li:hover a .c_font font{color: #ed6d32;transition: 0.5s;}
.com_news ul li:hover a .c_font{ padding: 3% 0 3% 4%;transition: 0.5s;}

@media (max-width:1024px){
	.com_ban{ height: 150px; font-size: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.common{ margin:10px auto 30px;}
	.c_link{ height: auto; overflow: hidden; margin:5px 0 10px;}
	.com_news ul li a .c_font font{ display: block; font-size: 20px; line-height: 24px;}
}

@media (max-width:414px){
	.com_news ul li a .c_font font{ display: block; font-size: 16px; line-height: 22px;}
}
@media (max-width:340px){
	
}

.com_solution{ height: auto; overflow: hidden;}
.com_solution ul{ margin: 0; padding: 0;}
.com_solution ul li{  margin-bottom: 20px; overflow: hidden; background:#f7f7f7;transition: 0.5s;}
.com_solution ul li a{color: #00a29a}
.com_solution ul li a .c_img{ width: 38%; height: 100%; overflow: hidden; float: left;}
.com_solution ul li:nth-child(2n) a .c_img { float: right; }
.com_solution ul li a .c_img img{ max-width: 100%;transform: scale(1); transition: 0.5s;}
.com_solution ul li a .c_font{ width:56%; float:right; padding: 3% 2%;transition: 0.5s;}
.com_solution ul li:nth-child(2n) a .c_font{ float:left; }
.com_solution ul li a .c_font font{ display: block; font-size: 24px; line-height: 26px;}
.com_solution ul li a .c_font span{ display: block; line-height: 24px;color: #666;}
.com_solution ul li a .c_font .more{ background:#2551ac;width:120px;padding:5px 0;text-align:center;border-radius:20px;color: #fff; font-style: italic; margin-top: 5px;}
.com_solution ul li:hover a .c_img img{ transform: scale(1.1);transition: 0.5s;}
.com_solution ul li:hover a .c_font font{color: #ed6d32;transition: 0.5s;}
.com_solution ul li:hover a .c_font{ padding: 3% 0 3% 3%;transition: 0.5s;}

@media (max-width:1024px){
	.com_solution ul li a .c_font font{ display: block; font-size: 20px; line-height: 24px;}
}
@media (max-width:414px){
	.com_solution ul li a .c_font font{ display: block; font-size: 16px; line-height: 22px;}
}

.com_decking{ height: auto; overflow: hidden;}
.com_decking ul{ margin: 0; padding: 0; text-align: center;}

.com_decking ul li{ width: 1030px; margin:0 auto 20px;}
.com_decking ul li a{ color: #2e533d;}
.com_decking ul li a .d_img{width: 1030px; height: 316px; overflow: hidden;}
.com_decking ul li a .d_img img{ max-width: 100%; transition: 0.5s;}
.com_decking ul li a .d_font{ padding: 20px 0 0;}
.com_decking ul li a .d_font font{ display: block; font-size: 30px; line-height: 30px; color: #2e533d;font-family:"Poppins Medium";}
.com_decking ul li a .d_font span{ display: block; width: 80%; margin: 0 auto; line-height: 24px;color: #666; padding: 5px 0 6px;}

.com_decking ul li a .c_more{ width: 140px; height: 42px; line-height: 42px; text-align: center; margin: 15px auto 0; border-radius: 20px; background: #ed6d32; transition: 0.5s; color: #FFF;}

.com_decking ul li a .c_more:hover{ background: #ee9b32; transition: 0.5s;}
.com_decking ul li:hover a .d_img img{ transform: scale(1.1);transition: 0.5s;}



@media (max-width:1024px){
	.com_decking ul li{ width: 100%; margin:0 auto 20px;}
	.com_decking ul li a .d_img{width: 100%; height: auto; }
	.com_decking ul li a .d_font{ padding: 10px 0 0;}
	.com_decking ul li a .d_font font{font-size: 18px; line-height: 20px;}
	.com_decking ul li a .d_font span{width: 100%; line-height: 22px;}
	.com_decking ul li a .c_more{ width: 50%; height: 38px; line-height: 40px; margin: 10px auto 0; }	
}
@media (max-width:320px){
	.com_decking ul li a .c_more{ width: 100%; }
}

.com_resource{ height: auto; overflow: hidden;}
.com_resource ul{ margin: 0; padding: 0;}

.com_resource ul li{ width: 41%; margin: 0 2% 30px 0; float: left; padding: 3%; border: 1px solid rgba(0,0,0,0.18); transition: 0.5s;}
.com_resource ul li a{ color: #2e533d;}
.com_resource ul li a font{ display: block; font-size: 28px; line-height: 34px;}
.com_resource ul li a .dw_img{ margin: 10px 0 0;}
.com_resource ul li:hover{ border: 1px solid rgba(0,0,0,0.2); background: #f4f4f4; transition: 0.5s;}


@media (max-width:768px){
	.com_resource ul li{width: 43.6%; margin: 0 1% 10px 0; padding: 2%;}
	.com_resource ul li a font{ font-size: 24px;}
	.foot2 .left,.foot2 .right { width: 100%;text-align: center; }
}
@media (max-width:425px){
	.com_resource ul li{ width: 91%; margin: 0 1% 10px 0; padding: 3%;}
}

.com_contact{ height: auto; overflow: hidden;}
.com_contact .c_t{ text-align: center; font-size: 36px; margin-bottom: 20px; line-height: 40px; color: #484a49;font-family:"Poppins Medium"; text-transform: uppercase;}

.com_contact .c_ttt{ text-align: center; font-size: 18px; margin-bottom: 20px; line-height: 40px; color: #333333;font-family:"Poppins Medium"; text-transform: uppercase;padding: 3%;}


.com_contact .c_b{ height: auto; overflow: hidden; margin: 50px 0;}
.com_contact .c_b ul{ margin: 0; padding: 0; text-align: center;}
.com_contact .c_b ul li{ width: 23%; height: auto; overflow:hidden; margin: 0 0 0 0; float: left;  line-height: 50px;  font-size: 18px;
    color: #333333;}
.com_contact .c_b ul li .img{float: left;display: flex;justify-content: center;align-items: center;width: 349px;}
.com_contact .c_b ul li a{ color: #666; font-size: 18px;}
.com_contact .c_b ul li a .img{ width: 80px; height: 80px; border-radius: 100%; border: 2px solid #ed6d32; margin: 0 auto; transition: 0.5s;float: left;}
.com_contact .c_b ul li a .img img{ padding-top: 20px;}
.com_contact .c_b ul li a span{ display: block; font-size: 16px; color: #888; padding: 16px 0 6px;}
.com_contact .c_b ul li a font{ display: block;}
.com_contact .c_b ul li:hover a .img{ transform:rotateY(180deg); transition: 0.5s;}




.common .c_form{ height: auto; overflow: hidden;background: #f4f4f4; padding: 50px 0; margin: 20px auto 0;}


.common .form-container {width: auto;max-width: 800px; margin: 0 auto;}
.common .form-control {display: block;width: 100%;padding: 6px 15px;font-size: 12px;line-height:30px;color: #888;background-color: #fff;background-clip: padding-box;border: 1px solid #7f7f7f;transition:0.5s;}

.common .form-group {margin-bottom:10px;}

.common label {display: inline-block;margin-bottom: 5px;font-size:16px; color: #2e533d;}
.common label span {color: red;}

.common .text-center {text-align: center !important;}
.common .btn {display: inline-block;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;user-select: none;border: 1px solid transparent;padding: 6px 60px;font-size: 18px;line-height: 30px; margin-top: 5px; transition:0.5s;}

.common textarea, .common input, .common button {font-family:"Poppins Regular"; font-size: 14px; outline: 0;}
.common button { cursor: pointer; }
.common button:hover {background-image: linear-gradient(to left,#7d2bf4, #1048c4);}
.common .con_ewm{ width: 60px; height: 30px; margin-top: 5px;}




@media (max-width:1024px){
	.com_contact .c_b{ height: auto; overflow: hidden; margin: 20px 0;}
	.com_contact .c_t{ font-size: 30px; margin:15px 0 10px; line-height: 30px;}
	.com_contact .c_b ul li{ width: 46%; margin:0 2% 15px;}
	.com_contact .c_b ul li a span{ padding: 10px 0 5px;}
	.com_contact .c_b ul li a font{ line-height: 24px;}
	
	.common .c_form{padding: 20px 0; margin: 10px auto 0;}
	.common .form-container {max-width: 90%;}
	.common .form-control {display: block;width: 88%; padding: 6px 5%;}
	
}
@media (max-width:580px){
	.com_contact .c_b ul li a{font-size: 18px;}
	.com_contact .c_b ul li a span{ padding: 10px 0 5px;}
	.com_contact .c_b ul li a font{ line-height: 20px;}
	.common .btn {display: inline-block;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;user-select: none;border: 1px solid transparent;padding: 6px 0; width: 100%;}
}




.com_pro_det{ height: auto; overflow: hidden;}
.p_t{ text-align: center; font-size: 36px; margin-bottom: 20px; line-height: 40px; color: #2e533d;font-family:"Poppins Medium"; text-transform: uppercase;}
.com_pro_det .com_pro_features{ line-height: 30px;}
.com_pro_det .com_pro_features font{ display: block; font-size: 30px; margin-bottom: 10px;}





.sc-product-detail{overflow:hidden; margin-bottom: 50px;}
.sc-product-detail-pic {float:left;width:54%;}
.sc-product-detail-pic-big {width:550px;height:550px; padding: 20px; border:1px solid rgba(0,0,0,0.2);overflow:hidden;text-align:center;display:inline-block;}
.sc-product-detail-pic-big img { max-width:100%;margin:0 auto;display:block;max-height:100%}
.sc-product-detail-pic-list {padding-top:14px; width:100%;}
.sc-product-detail-pic-list ul {margin:0;padding:0;list-style:none;overflow:hidden;}
.sc-product-detail-pic-list ul li {float:left;margin:0 9px 6px 0;}
.sc-product-detail-pic-list ul li a {display:block; border:1px solid rgba(0,0,0,0.2);}
.sc-product-detail-pic-list ul li a.on{border:1px solid #ed6d32}
.sc-product-detail-pic-big.on {border:1px solid #ed6d32}
.sc-product-detail-pic-list ul li a img {display:block;width:60px; height: 60px; border:0; padding:4px;}


.sc-product-detail-information {float:right;width:550px;}
.sc-product-detail-information-title {font-size:36px;line-height:34px; padding-bottom:20px;color:#2e533d;border-bottom:1px dashed rgba(0,0,0,0.2);margin-bottom:10px;}
.sc-product-detail-information-description{padding:10px 0;color:#666;line-height:28px;}
.sc-product-detail-information-params {}
.sc-product-detail-information-params p {padding:5px 0;line-height:1em;width:100%;overflow:hidden;}
.sc-product-detail-information-params p label {float:left;width:120px;}
.sc-product-detail-information-params p span {display:block;margin-left:130px;}
.sc-product-detail-main {clear:both;padding-top:30px;}
.sc-product-detail-main-tabs {margin:0;padding:0;list-style:none;overflow:hidden;background:#f7f7f7}
.sc-product-detail-main-tabs li {float:left;margin-right:1px;}
.sc-product-detail-main-tabs li a {display:block;line-height:36px;padding:8px 30px; font-size:20px;font-family:"Poppins Medium"; color:#fff;background-color:#f4f4f4;}
.sc-product-detail-main-tabs li a:hover {background-color:#666;}
.sc-product-detail-main-tabs li a.selected {background-color:#ed6d32;color: #fff;}
.sc-product-detail-main-item {display:none;padding:15px 0;font-size:16px;line-height:30px;}
div.zoomDiv {z-index:9999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}

.sc-product-detail-main-item table{ border-collapse:collapse; border-width:thin; border-style:solid; border-color:#e4e3e3; margin-bottom:10px; }
.sc-product-detail-main-item table td{line-height:30px; padding:6px 10px !important; border: 1px solid #e4e3e3;}
.sc-product-detail-main-item table td img{ max-width:100%;}
.sc-product-detail-main-item table th{border: 1px solid #e4e3e3;}

div.zoomDiv img {display:block;}
div.zoomMask {position:absolute;background:url(../images/sc-product-detail-mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.inproinfo .wrapper{overflow:hidden}
.incon .inpro_content{float:right;font-size:13px;line-height:26px;color:#666;width:70%;padding-top:60px;}

.app_pro_det {height: auto;overflow: hidden; display:none; margin-bottom: 30px; padding-bottom: 20px; border-bottom:1px solid rgba(0,0,0,0.1);}
.app_pro_det .swiper-container {width: 96%;height: 100%;padding: 0 1% 35px;}
.app_pro_det .swiper-slide {width: 32%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;}
.app_pro_det .swiper-slide img {max-width: 100%;transition: 0.5s;display: block;}
.app_pro_det .swiper-container-horizontal>.swiper-pagination-bullets,.app_pro .swiper-pagination-custom,.app_pro .swiper-pagination-fraction{bottom: 0;left: 0;width: 100%}
.app_pro_det .swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #2e533d;opacity: 1}
.app_pro_det .swiper-pagination-bullet-active {background: #ee9b32;}
.app_pro_det .swiper-slide .pic_img:hover img {opacity: 0.6;}

@media (max-width:1024px){
	.sc-product-detail-pic{ display: none;}
	.sc-product-detail-main {padding-top:10px;}
	.sc-product-detail-information {float:none;width:100%;}
	.sc-product-detail-information-title {font-size:30px;line-height:30px; padding-bottom:10px;}
	.sc-product-detail-information-description{padding:5px 0;color:#666;line-height:30px; font-size: 18px;}
	.sc-product-detail-main-tabs li a {line-height:30px;padding:6px 30px;}
	.sc-product-detail-main-item {line-height:26px;}
	.sc-product-detail-main-item img {width:100%;}
	.sc-product-detail{ margin-bottom: 20px;}
	
	.app_pro_det{ display: block;}
	.p_t{ margin: 10px 0 5px;}	
	
}

.com_product{ height: auto; overflow: hidden;margin:2% 0;}
.com_product ul{ margin: 0; padding: 0; text-align: center;}
.com_product ul li{ width:23.5%; margin: 0 2% 35px 0; float: left;}
.com_product ul li:nth-child(4n) { margin-right: 0; }
.com_product ul li a{ color:#2e533d;}
.com_product ul li a .p_img{ border: 1px solid #D3D3D3;height: 220px; overflow: hidden; position: relative;}
.com_product ul li a .p_img img{ width: 100%;height: 100%; transition: 0.5s;}
.com_product ul li:hover .p_img img {transform: scale(1.2, 1.2);}
.com_product ul li a .p_img i{ display: block; padding: 6px 0;background-color: #509493;color: #fff; width: 120px; font-size: 16px; margin:0 auto; text-align: center;  position: absolute; left: 0; right:0; bottom:20%; font-style: normal;visibility: hidden; opacity: 0; transition: 0.3s;z-index: 9;}
.com_product ul li a:hover .p_img i{ bottom:45%; opacity: 1; visibility: visible; transition: 0.3s;}
.com_product ul li a .p_img .bg { width: 100%;height: 100%;left: 0;top: 0;opacity: 0;visibility: hidden;background: #000;z-index: 1;transition: 0.3s;  }
.com_product ul li a:hover .p_img .bg{ opacity: .2; visibility: visible;transition: 0.3s;}
.com_product ul li a font{ display: block; line-height:28px; font-size:16px; font-family:"Poppins Medium";background: #ddd; padding: 10px 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.com_product ul li a span{ display: block;line-height:24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.com_product ul li a:hover font{ background: rgba(73,152,147,.96);color:#fff;text-decoration: underline; transition: 0.5s;} 
@media (max-width:1560px){
	.com_product ul li a .p_img{ height: 200px; }
}
@media (max-width:1324px){
	.com_product ul li{ width:30%; margin: 0 3% 20px 0; float: left;}
	.com_product ul li:nth-child(4n) { margin-right: 3%; }
	.com_product ul li:nth-child(3n) { margin-right: 0; }
	.com_product ul li a .p_img{ width: 100%; height: auto;}
}

@media (max-width:787px){
	.com_product ul li{ width:47%;}
	.com_product ul li:nth-child(3n) { margin-right: 3%; }
	.com_product ul li:nth-child(2n) { margin-right: 0; }
	.com_product ul li a font{padding: 15px 0 0;}
	.com_product ul li a span{line-height:20px;}
}

.pro .swiper-slide img { height:305px;margin:50px 0 40px; }
.pro .swiper-slide .text { left: 0;bottom: 0;width:100%;height: 40px;line-height: 40px;z-index: 8;font-size: 16px;background: #ddd; }
.pro .swiper-slide:hover .text { background: rgba(73,152,147,.96);color: #fff; }
.pro .swiper-button-next { right: 10px;top:8px;height: 50px;padding:0;margin:0; }
.pro .swiper-button-prev { left: auto;right:46px;top:8px;height: 50px;padding:0;margin:0; }
.pro .swiper-button-next img,.pro .swiper-button-prev img { width:30px;height: 24px; }
@media (max-width:1400px){
	.pro .swiper-slide img { height:230px; }
}
@media (max-width:787px){
	.pro .swiper-slide img { height:180px; }
}
@media (max-width:390px){
	.pro .swiper-slide img { height:190px; }
}

#cms1 *{ max-width:100%;}
#cms1 h1.h1{ text-align:center;color: #666;}
#cms1 .info{
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}
#cms1 .content { padding:3% 0; }
#cms1 .nextpage{ clear:both; padding-top:10px; padding-bottom:10px;}

#cms1 .back{ text-align:right; clear:both; line-height:2;}

#cms1 .back a{ display:inline-block; padding-left:20px; padding-right:20px; background-color:#666666; color:#FFFFFF;border-radius:20px; cursor:pointer;}





.pagination{ clear:both; text-align:center}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden;
}

.pagination li+li{
	border-left-style: none;
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#ed6d32; color:#FFFFFF}

.pagination li a{ color:#333333}