html { background: #ffffff; font-size: 14px; color: #333; font-family: "Arial", "微软雅黑", "Helvetica", "sans-serif"; }
body { min-width: 1220px; }

.g_cw { width: 1220px; padding: 0 10px; margin: 0 auto;}
.g_cw::before,
.g_cw::after { content: ''; display: block; clear: both; }

@media (max-width: 1024px) {
	body { min-width: 0; }
    .g_cw{ width:100%;}
}

.g_mt { margin-top: 60px; }
.g_mt::before,
.g_mt::after { content: ''; display: block; clear: both; }

.g_mb { margin-bottom: 60px; }
.g_mb::before,
.g_mb::after { content: ''; display: block; clear: both; }

.g_mt_a { margin-top: 65px; }
.g_mt_a::before,
.g_mt_a::after { content: ''; display: block; clear: both; }

.g_mb_b { margin-bottom: 100px; }
.g_mb_b::before,
.g_mb_b::after { content: ''; display: block; clear: both; }


.play::before{content: ""; position:absolute; left:5px; right:5px; top:5px; bottom:5px; background:rgba(0,0,0,0.5);}
.play::after{content: ""; position:absolute; left:0; right:0; top:0; bottom:0;}


.g_title{ text-align:center;}
.g_title .p1{font-size:34px; color:#fff; font-weight:500;}
.g_title .p2{font-size:24px; color:#fff; }

.g_title_a{ text-align:center;}
.g_title_a .p1{font-size:50px; color:#00a53e; font-weight:600; display:inline-block;}
.g_title_a .p2{ margin-bottom:20px; text-align:left;font-size:20px; color:#656565; font-weight:600; display:inline-block; }
.g_title_a .p2 span{ display:block;}
.g_title_a .p3{ font-size:16px; color:#656565;}
.g_title_a .p1 .ico1{ vertical-align:top; font-size:20px; display:inline-block;}
.g_title_a .p1 .ico2{ vertical-align: bottom; font-size:20px; display:inline-block;}


.g_title_c{ text-align:center;}
.g_title_c .p1{font-size:26px; color:#2e2e2e;}
.g_title_c .fg{ border-bottom:solid #ff2b2b 2px; display:inline-block; width:62px;}


.tel{ overflow:hidden; float:right;}
.tel .dh{ display:inline-block; float:left;}
.tel .dh .ico{ margin-right:15px; vertical-align:middle; line-height:100px; float:left;}
.tel .dh .ico img{ vertical-align:middle;}
.tel .p1{ margin-top:24px; font-size:14px; color:#00a53e;}
.tel .p1 span{ font-size:25px; display:inline-block; font-weight:bold;}


.nv_lt{ text-align:center;}
.nv_lt .nav_a{ display:inline-block;}
.nv_lt .nav_a li{ float:left;}
.nv_lt .nav_a li .box{ margin:0 16px; padding:13px 32px; display:block;}
.nv_lt .nav_a li:hover .box{ background:#00a53e; color:#fff;}
.nv_lt .nav_a li .on{ background:#00a53e; color:#fff;}
	
@media (max-width: 1024px) {	
.nv_lt .nav_a{ margin-left:-10px; display:block; overflow:hidden;}
.nv_lt .nav_a li{ margin-bottom:10px; padding-left:10px; width:50%;}
.nv_lt .nav_a li .box{ margin:0 auto;}
}
	
	

.g_page { margin-top:30px;clear: both; text-align:center; font-size: 12px; color: #626262; overflow:hidden; clear:both; float:right;}
.g_page > ul { display: inline-block; }
.g_page > ul > li { float: left; line-height: 34px; margin-left:5px; }
.g_page > ul > li a { display: block; background: #fff; width: 34px; height: 34px; text-align: center; border: 1px solid #bfbfbf; }
.g_page > ul > li:hover a{ background:#00a53e; color:#fff;}
.g_page > ul > li .on{ background:#00a53e; color:#fff;}


.g_page > ul > li a.prev{ width:60px;}
.g_page > ul > li a.next{ width:60px;}





@media (max-width: 1024px) {
	body { padding-top: 60px; }
 
	
}


.banners-pc{ clear:both; font-size:0;}
.banners-pc { clear: both; height:560px;}
.banners-pc .frame {  }

.banners-mb{ clear:both; font-size:0;}
.banners-mb { display: none; clear: both; height: 560px; }
.banners-mb div { height: 100%; }
.banners-mb .frame { height: 100%; background: no-repeat center center; background-size: cover; }

.banners-mb { display: none; height: 560px;}
.banners-mb div { height: 100%; }
.banners-mb .frame { height: 100%; background: no-repeat center center; background-size: cover;}


@media (max-width: 1024px) {
	.banners-pc { display: none; }
	.banners-mb { display: block; }
}


/*about*/
.about{ position:relative; z-index:3; margin-bottom:-200px;}
.about .bg{ padding:60px 0; background:url(../img/ab_bj.png) no-repeat center center; height:709px;}
.about .bg .g_title{ margin-bottom:35px;}
.about .bg .mode{}
.about .bg .mode .pic{ margin-left:60px; float:right; text-align:right;} 
.about .bg .mode .p1{ padding:70px 20px 0 20px;text-indent:2em; font-size:14px; color:#fff; line-height:24px;}


@media (max-width: 1024px) {
.about{ margin-bottom:0;}
.about .bg { background:none; height:auto;}
.about .bg .mode .pic{ margin-left:0; text-align:start; float:none; text-align:center;}
.about .bg .g_title .p1{ color:#2e2e2e;}
.about .bg .g_title .p2{ color:#727272;}
.about .bg .mode .p1{ padding:10px; color:#727272;}
}

@media (max-width: 667px) {
.about .bg .mode .p1{ clear:both;}
}

/*about_home*/
.about_home{}
.about_home .buc{ padding:45px 0;}
.about_home .buc .g_title_c{ margin-bottom:45px;}
.about_home .buc .mode .p1{ font-size:14px; color:#5f5f5f;text-indent:2em; line-height:24px;}

.about_home .buc_list{ padding:109px 0; background: url(../img/ab_bg.jpg) no-repeat center center; width:100%; display:inline-block; overflow:hidden;}
.about_home .buc_list .list{}
.about_home .buc_list .list li{ float:left; width:33.33%;}
.about_home .buc_list .list li .box{ text-align:center; display:block;}
.about_home .buc_list .list li .box .ico{ margin-bottom:40px; height:120px; line-height:120px;}
.about_home .buc_list .list li .box .ico img{ vertical-align:middle;}
.about_home .buc_list .list li .box .p1{ margin-bottom:15px; font-size:20px; color:#fff;}
.about_home .buc_list .list li .box .fg{ border-bottom:solid #fff 1px; width:30px; display: inline-block;}

.about_home{}
.about_home .cte{ padding:45px 0;}
.about_home .cte .g_title_c{ margin-bottom:45px;}
.about_home .cte .lt{ margin-left:-20px;}
.about_home .cte .lt .list{}
.about_home .cte .lt .list li{ padding-left:20px; width:25%; float:left;}
.about_home .cte .lt .list li .box{}
.about_home .cte .lt .list li .box .p1{ margin-top:20px; font-size:12px; color:#888888; line-height:20px; height:5em; line-height:1.8em; overflow:hidden;} 
.about_home .cte .lt .list li .box .frame{height: 300px; background: no-repeat center center;  background-size: cover;}

.about_home .cte .lt .list li:nth-child(2n+2) .p1{ margin-bottom:20px; margin-top:0;}


/*product*/
.product{ position:relative; z-index:2; margin-bottom:-20px;}
.product .bg{ padding:180px 0; background:url(../img/pro_bj.png) no-repeat center center; width:100%; height:907px;}
.product .bg .g_title_a{ margin-bottom:60px;}
.product .bg .mode{}
.product .bg .mode .lt{}
.product .bg .mode .lt .list{}
.product .bg .mode .lt .list li{ float:left; width:25%; text-align:center;}
.product .bg .mode .lt .list li .box{}
.product .bg .mode .lt .list li .box .bk{ margin-bottom:25px; padding-top:40px; width:120px; height:120px;  border-radius:200px; background:#00a53e; display:inline-block;}
.product .bg .mode .lt .list li .box .bk .p1{ font-size:16px; color:#fff;}
.product .bg .mode .lt .list li .box .bk .p1 span{ margin-top:5px; display:block; font-size:20px; color:#fff;}

.product .bg .mode .fx_fy{ padding:25px; display:inline-block; width:100%; background:#fff; line-height:30px;}
.product .bg .mode .fx_fy .list1{ box-sizing:border-box; float:left;}
.product .bg .mode .fx_fy .list1 li{ float:left; box-sizing:border-box;}
.product .bg .mode .fx_fy .list1 li .box{ margin-right:10px;}
.product .bg .mode .fx_fy .list1 li .box .ico{ vertical-align:middle;}
.product .bg .mode .fx_fy .list1 li .num{ padding:0 5px; border:solid #c2c2c2 1px; vertical-align: middle;}
.product .bg .mode .fx_fy .list1 li .fx{ margin-left:10px; padding-left:10px; border-left:solid #454444 1px; vertical-align: middle; }
.product .bg .mode .fx_fy .list1 li .fx .p1{font-size:13px; color:#454444; display:inline-block;}

.product .bg .one{}
.product .bg .two{ display:none;}

@media (max-width: 1024px) {
.product { margin-top:0;}
.product .bg{ padding:45px 0; height:auto; background-size:cover; overflow:hidden;}
.product .bg .one{ display:none;}
.product .bg .two{ display: block;}

.product .bg .mode .lt{ margin-left:-10px;}
.product .bg .mode .lt .list li{ margin-bottom:20px; padding-left:10px; width:33.33%;}
}

@media (max-width: 800px) {
.product .bg .mode .lt .list li{width:50%;}
}

@media (max-width: 500px) {
.product .bg .mode .lt .list li{width:100%;}
}


/*product_home*/
.product_home{}
.product_home .details .g_title_c{ margin-bottom:30px;}
.product_home .details{ padding:45px 0;}

.product_home .details .nv_lt{ margin-bottom:70px; border-bottom:dashed #d1d1d1 1px;}
.product_home .details .nv_lt .nav_a{ padding-bottom:27px;}




.product_home .details .lt{ margin-left:-20px;}
.product_home .details .lt .list{}
.product_home .details .lt .list li{ margin-bottom:30px; padding-left:20px; width:25%; float:left;}
.product_home .details .lt .list li .box{}
.product_home .details .lt .list li .box .frame{ margin-bottom:10px;height: 215px; width:100%;  background: no-repeat center center;  background-size: cover;}
.product_home .details .lt .list li .box .p1{ margin-bottom:5px; font-size:16px; color:#646363; height:1.5em; overflow:hidden;}
.product_home .details .lt .list li .box .p2{ font-size:12px; color:#9a9a9a; height:3em; line-height:1.5em; overflow:hidden;}


@media (max-width: 1024px) {
.product_home .details .lt .list li{ width:33.33%;}
}

@media (max-width: 800px) {
.product_home .details .lt .list li{ width:50%;}
}

@media (max-width: 500px) {
.product_home .details .lt .list li{ width:100%; float:none;}
}


/*product_details*/
.product_details{}
.product_details .top{ margin-bottom:55px; padding:30px 0 20px; border-bottom: dashed #d1d1d1 1px;}
.product_details .top .box{ font-size:14px; color:#686868;}
.product_details .top .box:hover{ color:#00a53e;}
.product_details .top .on{ color:#00a53e;}
.product_details .details{}

.product_details .details .g_content .pic{ text-align:center;}

.product_details .details .pre_nex{ padding:20px; background:#f7f9f8; overflow:hidden;}
.product_details .details .pre_nex .pre{ float:left; color:#686868;}
.product_details .details .pre_nex .nex{ float:right; color:#686868;	}

.product_details .details .pre_nex .pre:hover{ color:#00a53e;}
.product_details .details .pre_nex .nex:hover{ color:#00a53e;}
.product_details .details .pre_nex .on{ color:#00a53e;}


@media (max-width: 667px) {
.product_details .details .pre_nex .pre{ padding-bottom:5px; float:none; display:block;}
.product_details .details .pre_nex .nex{ float:none; display:block;}

}



/*team*/
.team{}
.team .bg{ padding:60px 0; background:#f7e9cc; width:100%;overflow:hidden;} 
.team .bg .g_title_a{ margin-bottom:60px}

.team .bg .lt{ margin-left:-30px;}
.team .bg .lt .list{}
.team .bg .lt .list li{ padding-left:30px; width:25%; float:left; box-sizing:border-box;}
.team .bg .lt .list li .box{ background:#fff; display:block; text-align:center;}
.team .bg .lt .list li .box .pic{ font-size:0; overflow:hidden; height:346px;}
.team .bg .lt .list li .box .pic img{ width:100%;}
.team .bg .lt .list li .box .buc{ padding:20px 50px;}
.team .bg .lt .list li .box .buc .p1{ margin-bottom:10px; font-size:16px; color:#333333;}
.team .bg .lt .list li .box .buc .p2{ font-size:13px; color:#7e7e7e;}

@media (max-width: 1024px) {
.team .bg{ background-size:cover; height:auto;}
.team .bg .lt .list li{ margin-bottom:30px; width:33.33%;}
.team .bg .lt .list li:nth-child(3n+1){ clear:both;}
}

@media (max-width: 800px) {
.team .bg .lt .list li{ width:50%;}
.team .bg .lt .list li:nth-child(2n+1){ clear:both;}
.team .bg .lt .list li:nth-child(3n+1){ clear: none;}
}

@media (max-width: 500px) {
.team .bg .lt .list li{ width:100%;}
}



/*team_home*/

.team_home{}
.team_home .details .g_title_c{ margin-bottom:30px;}
.team_home .details{ padding:45px 0 0 0;}
.team_home .details .team .lt { margin-left:-30px;}
.team_home .details .team .lt .list li{ padding-left:30px; width:25%; float:left; box-sizing:border-box;}
.team_home .details .team .lt .list li .box{ background:#fff; text-align:center;}
.team_home .details .team .lt .list li .box .pic{ font-size:0;}
.team_home .details .team .lt .list li .box .pic img{ width:100%;}
.team_home .details .team .lt .list li .box .buc{ padding:20px 50px; background:#f8faf9;}
.team_home .details .team .lt .list li .box .buc .p1{ margin-bottom:10px; font-size:16px; color:#333333;}
.team_home .details .team .lt .list li .box .buc .p2{ font-size:13px; color:#7e7e7e;}

@media (max-width: 1024px) {
.team_home .details .team .lt .list li{ margin-bottom:30px; width:33.33%;}
}

@media (max-width: 800px) {
.team_home .details .team .lt { margin-left:-10px;}
.team_home .details .team .lt .list li{ padding-left:10px; width:50%;}
}

@media (max-width: 500px) {
.team_home .details .team .lt .list li{ width:100%;}
}

/*fot*/
.fot{ padding-top:40px; overflow:hidden; background:#4e5154;}
.fot .tl{ margin-bottom:10px; line-height:30px; height:30px;}
.fot .tl .p1{ font-size:16px; color:#fff;}
.fot .tl .p1 img{ margin-right:10px; vertical-align:middle;}
.fot .tl .p1 span{ vertical-align: middle;}
.fot .left{ margin-bottom:40px; width:50%; display:inline-block; border-right:solid #535a60 1px; float:left;}
.fot .left .list{ margin-right:12px; display:inline-block; float:left;}
.fot .left .list li{ margin-bottom:12px; color:#fff;}
.fot .left .list li:nth-child(3){ margin-bottom:0;}
.fot .left .list li .input1{ padding:10px; background:#3f4245; border:none; color:#fff;}

.fot .left .tex{ margin-right:12px; display:inline-block; float:left;}
.fot .left .tex textarea{ padding:10px 20px; height:132px; background:#3f4245; border:none; color:#fff;}
.fot .left .bt{ display:inline-block; line-height:132px;}
.fot .left .bt .btn{ padding:0 25px;transition: all 0.5s; height:132px; background-color:#44b81d; border:none; color:#fff; cursor:pointer;}
.fot .left .bt .btn:hover{ background-color:#e1d4b6; color:#fff}

.fot .right{ width:50%; float:right;}
.fot .right .rt{ padding:15px 0; float:right;}

.fot .right .rt .pic{ margin-left:130px; width:95px; height:95px; float:right;}
.fot .right .rt .pic img{ width:100%;}

.fot .right .rt .list{ display:inline-block; float:left;}
.fot .right .rt .list li{ margin-bottom:25px;}
.fot .right .rt .list li:nth-child(3n){ margin-bottom:0;}
.fot .right .rt .list li .box{ font-size:12px; color:#737373;}
.fot .right .rt .list li .box span{ font-size:18px; color:#04960d;}

.fot .bto{ padding:20px 0; border-top:solid #535a60 1px;}
.fot .bto .p1{ font-size:12px; color:#6c6c6c;}
.fot .bto .p1 a{ float:right;}

@media (max-width: 1024px) {
.fot .left { width:auto; border-right:none;}
.fot .right { width:auto;}
.fot .right .rt .pic{ margin-left:20px;}
.fot .left .bt{ display:block; line-height: normal;}
.fot .left .bt .btn{ margin-top:12px; padding:10px 25px; height:auto;}
}

@media (max-width: 840px) {
.fot .left { width:100%; float:none;}
.fot .left .list{ margin-bottom:12px; float:none; width:100%;}
.fot .left .list li{ width:100%; overflow:hidden;}
.fot .left .list li .input1{ width:100%;}
.fot .left .tex{ float:none; width:100%;}
.fot .left .tex textarea{ width:100%;}

.fot .right{ width:100%; float:none;}
.fot .right .rt{ float:none;}
.fot .bto{ margin-top:10px;}

}

@media (max-width: 500px) {
.fot .left{ margin-bottom:0px;}
.fot .right .rt{ overflow:hidden;}
.fot .right .rt .pic{ margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:20px; float:none;}
.fot .right .rt .list{ float:left;}

.fot .bto .p1{ text-align:center;}
.fot .bto .p1 a{ margin-top:5px; float:none; clear:both; display:inline-block;}
}


/*news_home*/
.news_list{}
.news_list .details .g_title_c{ margin-bottom:30px;}
.news_list .details{ padding:45px 0;}

.news_list .details .nv_lt{ margin-bottom:70px; border-bottom:dashed #d1d1d1 1px;}
.news_list .details .nv_lt .nav_a{ padding-bottom:27px;}


.news_list .details .lt{}
.news_list .details .lt .list{}
.news_list .details .lt .list li{ margin-bottom:25px; padding-bottom:20px; overflow:hidden; border-bottom: solid #f3f3f3 1px;}
.news_list .details .lt .list li .frame{ margin-right:35px; display:inline-block; float:left; height:160px; width:270px;  background: no-repeat center center;  background-size: cover;}
.news_list .details .lt .list li .p1{ margin-bottom:25px; font-size:18px; color:#595959; height:1.5em; overflow:hidden;}
.news_list .details .lt .list li .p2{ margin-bottom:25px; font-size:14px; color:#939393; height:3em; line-height:1.5em; overflow:hidden;}
.news_list .details .lt .list li .btn{ padding:10px 30px; border:solid #00a53e 1px; border-radius:7px; font-size:15px; color:#787878; display: inline-block;}
.news_list .details .lt .list li .btn:hover{ background:#00a53e; color:#fff;}

@media (max-width: 800px) {
.news_list .details .lt .list li .btn{ margin-top:25px; float:left; clear:both;}
.news_list .details .lt .list li .p2{ height:5.5em;}
}

@media (max-width: 667px) {
.news_list .details .lt .list li .frame{margin:0 auto; margin-bottom:30px; display:block; float:none; width:100%; height:400px;}
.news_list .details .lt .list li .p2{ height: auto;}
.news_list .details .lt .list li .btn{ margin-top:0;}
}


/*news_details*/
.news_details{}
.news_details .top{ margin-bottom:55px; padding:30px 0 20px; border-bottom: dashed #d1d1d1 1px;}
.news_details .top .box{ font-size:14px; color:#686868;}
.news_details .top .box:hover{ color:#00a53e;}
.news_details .top .on{ color:#00a53e;}
.news_details .details{}

.news_details .details .title{ margin-bottom:45px; text-align:center;}
.news_details .details .title .p1{ margin-bottom:20px; font-size:24px; color:#686868;}
.news_details .details .title .p2{ font-size:12px; color:#909090;}

.news_details .details .buc{ margin-bottom:40px; padding:15px 25px; background:#f8faf9; font-size:12px; color:#a7a7a7; border: solid #eeeeee 1px;}

.news_details .details .pre_nex{ padding:20px; background:#f7f9f8; overflow:hidden;}
.news_details .details .pre_nex .pre{ float:left; color:#686868;}
.news_details .details .pre_nex .nex{ float:right; color:#686868;	}

.news_details .details .pre_nex .pre:hover{ color:#00a53e;}
.news_details .details .pre_nex .nex:hover{ color:#00a53e;}
.news_details .details .pre_nex .on{ color:#00a53e;}

@media (max-width: 667px) {
.news_details .details .pre_nex .pre{ padding-bottom:5px; float:none; display:block;}
.news_details .details .pre_nex .nex{ float:none; display:block;}

}


/*contact_home*/
.contact_home{}
.contact_home .details .g_title_c{ margin-bottom:30px;}
.contact_home .details{ padding:45px 0;}


.contact_home .details .left{ width:40%; display:inline-block;}

.contact_home .details .left .p1{ margin-bottom:25px; font-size:20px; color:#727272;}
.contact_home .details .left .p2{ margin-bottom:10px; font-size:14px; color:#727272;}
.contact_home .details .left .p2 span{ font-size:16px; color:#e9353a; font-weight:bold;}

.contact_home .details .left .lt{ margin-left:-15px;}
.contact_home .details .left .lt .list{ display:inline-block; width:100%;}
.contact_home .details .left .lt .list li{ margin-bottom:12px; padding-left:15px; float:left; width:50%;}
.contact_home .details .left .lt .list li .input2{ padding:10px; border: solid #dcdcdc 1px; width:100%;}

.contact_home .details .left .tex{ display:inline-block; float:left; width:100%;}
.contact_home .details .left .tex textarea{ margin-bottom:12px; padding:10px; height:132px; border:none; width:100%; border: solid #dcdcdc 1px;}
.contact_home .details .left .bt{ display: block;}
.contact_home .details .left .bt .btn{ padding:15px 70px;transition: all 0.5s; border:none; color:#fff; cursor:pointer; border-radius:5px;}
.contact_home .details .left .bt .btn:hover{ background:#00a53e; color:#fff}

.contact_home .details .right{ float:right;}
.contact_home .details .right .pic2{ display:none;}

.contact_home .details .one{}
.contact_home .details .two{ display:none;}

@media (max-width: 1024px) {
.contact_home .details .left{ width:100%; margin-bottom:45px;}	
.contact_home .details .one{ display:none;}
.contact_home .details .two{ display: block;}
.contact_home .details .two .rt .pic1{ display:none;}
.contact_home .details .two .rt .pic2{ display:block;}
}