@charset "utf-8";
/* CSS Document */
html{ }
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:#666; font-family:"Poppins Regular","微软雅黑";}
body{ max-width: 1920px; margin: 0 auto;}
ul,li { list-style: none; }
img { border:0; }
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: #666; 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 { float: left; }
.fr { float: right; }


@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: 105px;}

.main_box{ width: 1200px; margin: 0 auto; padding: 0;}

.header .logo{ width: 130px; padding:10px 0 0; display: block; float: left;}
.header .logo img{ max-width: 100%;}


.header .hen{ float: right; width: 100px; line-height: 18px; height: 16px; margin-top:10px;font-size: 16px;color: #ccc;}
.header .h_nav{ float: right; width: 1000px; line-height: 40px; height: 40px; margin-top:20px;}
.header .hen a{color: #047f7d;}
/*.header .h_nav{ float: right; width: 1000px; line-height: 40px; height: 40px; margin-top:35px;}*/
/*.header .h_nav ul{ margin: 0; padding: 0; text-align: center;}
.header .h_nav ul li{ padding: 0 10px; float: left; margin: 0 28px; position: relative;}
.header .h_nav ul li a{ color: #2e533d; font-size:18px; text-transform: uppercase;font-family:"Poppins Medium";}


.header .h_nav ul li:hover a{ color:#ed6d32;}
.header .h_nav ul li ul{position:absolute;z-index:99999;width:180px;top:60px;left:-12px;background-color:rgba(255,255,255,0.98);text-align:left;opacity:0;padding:5px 15px 20px; visibility:hidden;transition:0.3s; border-bottom: 4px solid #2e533d;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.header .h_nav ul li ul li{width:160px;height:auto;display:block;line-height:46px;float:none;margin:0;border-bottom:1px dashed rgba(0,0,0,0.15); background: none;}
.header .h_nav ul li ul li a{display:block; font-size:16px; color: #666; transition: 0.5s;font-family:"Poppins Regular";}
.header .h_nav ul li:hover ul li a{ color: #666;}
.header .h_nav ul li:hover ul{opacity:1;visibility:visible;top:55px; transition: 0.5s;}
.header .h_nav ul li ul li a:hover{background-color:transparent;color: #ed6d32; transition: 0.5s;}
*/


.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{padding: 0 10px; float: left; margin: 0 36px;position: relative;}
.header .h_nav>ul>li a{display: inline-block;color: #2e533d; font-size:18px; text-transform: uppercase;font-family:"Microsoft YaHei";}
.header .h_nav>ul>li ul{ transition: 0.5s; opacity: 0; visibility: hidden;}

.header .h_nav>ul>li>ul{width: 200px;height: auto;position:absolute;top: 80px;left:-25px; z-index: 99999;background-color:rgba(255,255,255,0.95);transition:0.5s; border-bottom:3px solid #2e533d;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.header .h_nav>ul>li:hover>a+ul{transition: 0.5s; opacity: 1; visibility: visible; top: 70px;}
.header .h_nav>ul>li>ul>li,.header .h_nav>ul>li>ul>li>ul>li{display: block;width: 100%; line-height:55px; height: 55px; text-align: left;border-bottom: 1px dashed rgba(0,0,0,0.1);}
.header .h_nav>ul>li>ul>li a{font-size: 14px; padding-left: 38px; color: #868686;}
.header .h_nav>ul>li>ul>li:last-child,.header .h_nav>ul>li>ul>li>ul>li:last-child{border: 0px;}
.header .h_nav>ul>li>ul>li:hover a,.header .h_nav>ul>li>ul>li>ul>li:hover a{ color: #666;transition:0.5s; }
.header .h_nav>ul>li>ul>li:hover ul{ opacity: 1; visibility: visible; color: #ec6c00; transition: 0.5s; }
.header .h_nav>ul>li>ul>li>ul{width: 180px;height: auto;background-color:rgba(255,255,255,0.95);position: relative;top:-55px;left: 100%;border-bottom:3px solid #ec6b00;box-shadow: 0 0 15px rgba(0,0,0,0.1); transition: 0.5s;}
.header .h_nav>ul>li>ul>li>ul li a{padding-left: 28px;}
.header .h_nav>ul>li>ul:hover{ transition: 0.5s; opacity: 1; visibility: visible;}




.h_search{ width: 100%; height: 40px; background:rgba(0,0,0,0.2); position: relative; top: 105px; z-index: 999;}

.h_search .s_box{ position: absolute; left: 0; top: 0; right:0; margin: 0 auto; width: 1200px; height: 40px;line-height: 40px; background:rgba(255,255,255,0.5);transition: 0.5s;/* border-radius:4px;*/}

.h_search .s_box .s_b_lt{ width: 1170px; float: left;}
.h_search .s_box .s_b_lt input{ width: 1140px; line-height: 40px; height: 40px;padding: 0 15px; color:#FFF;}
.h_search .s_box .s_b_rt{ width: 30px; float: right; margin-top: 3px;}


@media (max-width:1024px){
	
	.main_box{width:96%; margin:0 auto; padding:0 2%;}
	
	.header{ height:58px; overflow: hidden; padding: 5px 0 0;}
	.header .logo{ width:80px; padding:0; display: block;}
	.header .h_nav,.h_search{ display: none;}
	
	.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;}
}



/*PC-Banner*/
.banner {width: 100%;height: 640px;overflow: hidden;position: relative; top: 0;}
.banner .hd {height: 18px;overflow: hidden;position: absolute;right: 0;left: 0;margin: 0 auto;bottom: 30px;z-index: 1;}
.banner .hd ul {overflow: hidden; zoom: 1; text-align: center;}
.banner .hd ul li { display: inline-block; margin: 0 6px;width: 10px;height: 10px;text-align: center;background: #FFF;cursor: pointer;border-radius: 100%;}
.banner .hd ul li.on {background:#ee9b32;}
.banner .bd {position: relative;height: 100%;z-index: 0;}
.banner .bd li {zoom: 1;vertical-align: middle;}
.banner .bd li a {}
.banner .bd li a .img {width: 100%;height: 700px;background-position: center top;background-repeat: no-repeat;}
.banner .bd li a .img img {max-width: 100%;}
.banner .prev, .banner .next {position: absolute;top: 46%;display: block;width: 60px;height: 60px;opacity: 0.6;transition: 0.5s;}
.banner .next {left: auto;right: 2%;background: url(../images/slider_arrow_rt.png)0 0 no-repeat;}
.banner .prev {left: 2%;right: auto;background: url(../images/slider_arrow_lt.png)0 0 no-repeat;}
.banner .prev:hover, .banner .next:hover {opacity: 1;}


/*APP-Banner*/
.app_banner_box {position: relative;margin: 0 auto;width: 100%;overflow: hidden;display: none;}
.app_banner_box .hd {position: absolute;bottom: 8px;width: 100%;height: 10px;}
.app_banner_box .hd ul {width: 100%;text-align: center;}
.app_banner_box .hd ul li {width: 6px;height: 6px; border-radius:100%;margin:0 5px; background: #FFF;display: inline-block; text-indent: 9999px; cursor: pointer;}
.app_banner_box .hd ul li.on {background:#ee9b32;opacity: 1;}
.app_banner_box .bd {position: relative;z-index: 0;}
.app_banner_box .bd li {position: relative;text-align: center;}
.app_banner_box .bd li img {vertical-align: top;width: 100%;}
.app_banner_box .bd li a {-webkit-tap-highlight-color: rgba(0,0,0,0);}

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


.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: 34px; text-align: center; display: block;font-size: 16px;}

@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: 60px auto;}
/*.products_box ul{ margin: 0; padding: 0; text-align: center;}*/
.products_box .swiper-slide .li{ /*width: 30%;margin: 0 1.5%;*/  height: auto; overflow: hidden; display: inline-block; position: relative; border-radius: 20px;}
.products_box .swiper-slide .li a{ color: #FFF;}
.products_box .swiper-slide .li a .p_img{width: 360px; height: 348px; overflow: hidden;}
.products_box .swiper-slide .li a .p_img img{ max-width: 100%;}

.products_box .swiper-slide .li a .p_font{ width: 100%; height: 18%; font-family:"Poppins Medium"; background: rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0; z-index: 99; font-size: 20px; display: flex;justify-content: center; align-items: center; transition: 0.5s;}

.products_box .swiper-slide .li a:hover .p_font{ height: 100%; transition: 0.5s;}

@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{ height: auto; overflow: hidden; padding: 60px 0; background: #f4f4f4;}
.font_box .a_t{ height: 50px; line-height: 50px; font-size: 30px; text-transform: uppercase; color: #2e533d;font-family:"Microsoft YaHei";}
.font_box .a_font{ width: 580px; float: left; line-height: 26px;}
.font_box .a_more{ width: 140px; height: 42px; line-height: 42px; text-align: center; margin-top: 15px; border-radius: 20px; background: #ed6d32; transition: 0.5s;}
.font_box .a_more a{ color: #FFF; text-transform: uppercase; display: block;}
.font_box .a_more:hover{ background: #ee9b32; transition: 0.5s;}
.font_box .a_img{ width: 581px; height: auto; overflow: hidden; float: right;}
.font_box .a_img img{ max-width: 100%;}


@media (max-width:1024px){
	.font_box{ padding: 25px 0;}
	.font_box .a_t{ height: 40px; line-height: 40px; font-size: 30px; text-align: center;}
	.font_box .a_font{ width: 100%;ine-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:720px){
	.font_box .a_more{ width: 100%;}
}

.p_img_box{ height: auto; overflow: hidden; padding: 50px 0 70px;}

.p_img_box .p_t{ height: 50px; line-height: 50px; font-size: 30px; margin-bottom: 10px;  text-align: center; text-transform: uppercase; color: #2e533d;font-family:"Poppins Medium";}


.pro_img{ overflow:hidden; position:relative;}
.pro_img .hd{ width: 100%; overflow:hidden; position: absolute; top: 90px; z-index: 999;}

.pro_img .hd .prev,.pro_img .hd .next{ display:block; width:30px; height:36px; overflow:hidden;cursor:pointer;}
.pro_img .hd .next{ background:url(../images/coop_arrow_rt.png) no-repeat; right:0; float: right;}
.pro_img .hd .prev{ background:url(../images/coop_arrow_lt.png) no-repeat; left:0; float: left;}

.pro_img .bd{overflow:hidden; height: auto;}
.pro_img .bd ul{ overflow:hidden; zoom:1; width:310px; float:left; _display:inline; }
.pro_img .bd ul li{float:left; display:inline; overflow:hidden; text-align:center; position: relative;}
.pro_img .bd ul li a{ color: #FFF; text-transform: capitalize; font-size: 18px;}
.pro_img .bd ul li .pic{ width:300px; height:225px;transition: 0.5s; overflow: hidden;}
.pro_img .bd ul li .pic img{ max-width: 100%; transition: 0.5s;}


.pro_img .bd ul li .p_font{ position: absolute; opacity: 0; left: 0; right: 0; text-align: center; bottom: -45px; line-height: 45px; height: 45px; background:rgba(0,0,0,0.5); transition: 0.5s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.pro_img .bd ul li:hover .pic img{ transform: scale(1.1); transition: 0.5s;}
.pro_img .bd ul li:hover .p_font{ bottom: 0; transition: 0.5s; opacity: 1; }

.app_pro {height: auto;overflow: hidden; display:none;}
.app_pro .swiper-container {width: 96%;height: 100%;padding: 0 1% 35px;}
.app_pro .swiper-slide {width: 32%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;}
.app_pro .swiper-slide img {max-width: 100%;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;}
}


.service_box{ height: auto; overflow: hidden; padding: 45px 0 50px; background: #e3e3e3;}
.service_box .s_t{ line-height: 50px; font-size: 30px; margin-bottom: 10px; text-transform: uppercase; color: #2e533d; text-align: center;font-family:"Poppins Medium";}
.service_box ul{ margin: 0; padding: 0; text-align: center;}

.service_box ul li{ width: 30%; margin: 0 1.5%; float: left;}
.service_box ul li a{ color:#2e533d;}

.service_box ul li a .s_img{ width: 380px; height: 210px; overflow: hidden;}
.service_box ul li a .s_img img{ max-width: 100%; transition: 0.5s;}

.service_box ul li a font{ display: block; line-height:28px; font-size:18px; font-family:"Poppins Medium";color:#2e533d; padding: 10px 0 5px;}
.service_box ul li a span{ display: block;line-height:24px;}

.service_box .s_more{ width: 150px; height: 42px; line-height: 42px; text-align: center; margin:20px auto 0; border-radius: 20px; background: #ed6d32; transition: 0.5s;}
.service_box .s_more a{ color:#FFF; text-transform: uppercase; display: block;}
.service_box .s_more:hover{ background: #ee9b32; transition: 0.5s;}


.service_box ul li a:hover .s_img img{ transform: scale(1.1); transition: 0.5s;} 
.service_box ul li a:hover font{ text-decoration: underline; transition: 0.5s;} 

@media (max-width:1024px){
	.service_box{ padding: 30px 0;}
	.service_box .s_t{ line-height: 40px; font-size: 30px; margin-bottom: 10px;}
	.service_box ul li a .s_img{ width: 100%; height: auto; overflow: hidden;}
	.service_box ul li a font{ line-height:20px; font-size:18px;}
	.service_box .s_more{ height: 38px; line-height: 40px;}
	.service_box ul li a span{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
}
@media (max-width:720px){
	.service_box .s_more{ width: 100%;}
	
	
}

@media (max-width:360px){
	.service_box ul li{ width: 96%; margin: 0 2% 10px; float: left; height: auto; overflow: hidden;}
	.service_box .s_more{ margin:10px auto 0; }
	
	
}
.footer{ height: auto; overflow: hidden; background: #0c1811; padding: 40px 0;}

.footer .f_lt{ width: 240px; float: left;}
.footer .f_lt .f_logo{ margin-bottom: 10px;}
.footer .f_lt .f_icon{}
.footer .f_lt .f_icon ul{ margin: 10px 0 0 5px; padding: 0;}
.footer .f_lt .f_icon ul li{ width: 38px; height: 38px; float: left; background: rgba(255,255,255,0.1); transition: 0.5s; margin-right: 12px; border-radius: 100%;}
.footer .f_lt .f_icon ul li:hover{background: rgba(255,255,255,0.5);transition: 0.5s;}
.footer .f_n_t{ font-size: 22px;font-family:"Poppins Medium"; text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255,0.3);line-height: 40px; }

.footer .f_nav{ width: 250px; float: left; margin-left: 60px; color: #FFF; text-align: center;}

.footer .f_nav ul{ margin: 0; padding: 6px 0 0;}
.footer .f_nav ul li{ line-height: 24px;}
.footer .f_nav ul li a{ color: rgba(255,255,255,1); transition: 0.5s;}
.footer .f_nav ul li:hover a{color: rgba(255,255,255,0.6); transition: 0.5s;}

.footer .f_contact{ width: 300px; float: right; color: #FFF; text-align: center;}
.footer .f_contact ul{ margin: 0; padding: 6px 0 0;}
.footer .f_contact ul li{ line-height: 30px; background-repeat: no-repeat; background-position: 5px center;}
.footer .f_contact ul li a{ color: rgba(255,255,255,1); transition: 0.5s; text-align: left; display: block; padding-left: 40px;}
.footer .f_contact ul li:hover a{color: rgba(255,255,255,0.6); transition: 0.5s;}



@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:60px;z-index:999; display: block;}
.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%; height: 300px; overflow: hidden; background-repeat: no-repeat; background-position: center top; font-size: 46px; color: #FFF;display: flex;justify-content: center; align-items: center;font-family:"Poppins Medium";}


.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_case{ height: auto; overflow: hidden;}
.com_case ul{ margin: 0; padding: 0;}
.com_case ul li{ height: 233px; margin-bottom: 20px; overflow: hidden; background:#f7f7f7;transition: 0.5s;}
.com_case ul li a{color: #2e533d;}
.com_case ul li a .c_img{ width: 350px; height: 233px; overflow: hidden; float: right;}
.com_case ul li a .c_img img{ max-width: 100%; transition: 0.5s;}
.com_case ul li a .c_font{ width:750px; float:left; padding: 40px 0 30px 45px;transition: 0.5s;}
.com_case ul li a .c_font font{ display: block; font-size: 24px; line-height: 26px;}
.com_case ul li a .c_font span{ display: block; line-height: 24px;color: #666;}
.com_case ul li a .c_font i{ display: block;  margin:10px 0 8px; font-size: 12px;}

.com_case ul li a .c_font .more{ color: #ed6d32; font-style: italic;text-decoration: underline; margin-top: 5px;}


.com_case ul li:hover a .c_img img{ transform: scale(1.1);transition: 0.5s;}
.com_case ul li:hover a .c_font font{color: #ed6d32;transition: 0.5s;}
.com_case ul li:hover a .c_font{ padding: 40px 0 30px 60px;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_case ul li{ height: auto; width: 46%; margin: 0 2% 20px; float: left; background: #FFF; border-top: 1px solid rgba(0,0,0,0.2);}
	.com_case ul li a .c_img{ width: 100%; height: auto; float: none;}
	.com_case ul li a .c_font{ width:100%; float:none; padding: 20px 0 10px;}
	.com_case ul li a .c_font font{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.com_case ul li a .c_font i{margin:6px 0;}
	.com_case ul li a .c_font span{ font-size: 18px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.com_case ul li:hover a .c_font{ padding:0;}
}

@media (max-width:414px){
	.com_case ul li a .c_font font{ font-size: 18px; line-height: 18px; }
}
@media (max-width:340px){
	.com_case ul li{ width: 96%;}
}

.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;}	
}
@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: #2e533d;font-family:"Poppins Medium"; text-transform: uppercase;}


.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: 22%; height: auto; overflow:hidden; margin: 0 3% 0 0; float: left;}
.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;}
.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-orange {background: #F15A24;color: #ffffff;}
.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; border-radius:50px;transition:0.5s;}

.common textarea, .common input, .common button {font-family:"Poppins Regular"; font-size: 14px; color: #333;outline: 0;}
.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:360px; 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;}
.com_product ul{ margin: 0; padding: 0; text-align: center;}
.com_product ul li{ width:22%; margin: 0 3% 30px 0; float: left;}
.com_product ul li a{ color:#2e533d;}
.com_product ul li a .p_img{ width: 280px; height: 187px; overflow: hidden;border: 1px solid #D3D3D3; position: relative;}
.com_product ul li a .p_img img{ max-width: 100%; transition: 0.5s;}
.com_product ul li a .p_img i{ display: block; padding: 6px 0; width: 120px; color: #FFF; font-size: 16px; margin:0 auto; text-align: center; background:rgba(237,109,50,0.9); position: absolute; left: 0; right:0; bottom:0; font-style: normal;visibility: hidden; opacity: 0; transition: 0.3s;}
.com_product ul li a:hover .p_img i{ bottom:45%; opacity: 1; visibility: visible; transition: 0.3s;}
.com_product ul li a font{ display: block; line-height:28px; font-size:18px; font-family:"Poppins Medium";color:#2e533d; padding: 15px 0 2px; 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 .p_img img{ transform: scale(1.1); transition: 0.5s;} 
.com_product ul li a:hover font{ text-decoration: underline; transition: 0.5s;} 


@media (max-width:1024px){
	.com_product ul li{ width:30%; margin: 0 3% 20px 0; float: left;}
	.com_product ul li a .p_img{ width: 100%; height: auto;}
}


@media (max-width:600px){
	.com_product ul li a font{padding: 15px 0 0;}
	.com_product ul li a span{line-height:20px;}
}
@media (max-width:450px){
	.com_product ul li{ width:47%;}
}




#cms1 *{ max-width:100%;}
#cms1 h1.h1{ text-align:center;font-family: "Microsoft YaHei";}
#cms1 .info{
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}
#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}