﻿@charset "utf-8";
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:"思源黑体","微软雅黑";}
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: #333333;}
a:hover {text-decoration: none;color: #CC0000;}

.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; }

img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}

div,span{text-overflow: ellipsis;}
.clear{ clear:both}
/*垂直居中*/
.center{ display: flex;
    justify-content:center;
    align-items:Center;}
/*图片放大*/
.fd img{    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.fd:hover img{    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);}


/*header头部的CSS布局*/

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

.h_top{ height: 42px; line-height: 42px; overflow: hidden; background: #8fc320;}
.h_top .fl{ background:url(../images/h_t_icon1.png) no-repeat left center; color: #FFF;}
.h_top .fl span{ padding-left: 25px;}


.h_top .fr{ background: url(../images/h_t_icon2.png) no-repeat left center;}
.h_top .fr ul{ margin: 0 0 0 35px; padding: 0;}
.h_top .fr ul li{ width: 34px; float: left;}
.h_top .fr ul li a{color: rgba(255,255,255,0.5); transition: 0.5s;}
.h_top .fr ul li:first-child a{color: rgba(255,255,255,1);}
.h_top .fr ul li:hover a{color: rgba(255,255,255,1); transition: 0.5s;}




.header{ height: auto; overflow: hidden; padding: 10px 0 4px;}

.header .logo{ width: 302px; float: left;}
.header .logo img{ max-width: 100%;}
.header .app_logo{ width:200px; height: auto;overflow: hidden; float: left; display: none;}
.header .app_logo img{ max-width: 100%; ma}
.header .app_en{ width: 30px; float: right; display: none; height: 30px; background: #8fc320; margin: 10px 8px 0 0; border-radius: 100%;}
.header .app_en a{ display: block; color: #fff; font-size: 14px; line-height: 30px; text-align: center;}




.header .h_rt{ width: 620px; float: right; margin-top:15px;}
.header .h_rt .rt_tel,.header .rt_mail{ width: 180px; float: left; padding-left: 50px;}
.header .h_rt .rt_tel{ background: url(../images/h_tel.png) no-repeat left center;}
.header .h_rt .rt_mail{ background: url(../images/h_mail.png) no-repeat left center;}
.header .h_rt .rt_tel i,.header .rt_mail i{ font-style: normal;  font-size: 12px; color: #999999; display: block;}
.header .h_rt .rt_tel font,.header .rt_mail font{ font-size: 18px; color: #666666; display: block;}

.header .h_rt .rt_contact{ width: 145px; height: 38px; line-height: 38px; float:right; background: url(../images/h_contact.png) no-repeat center;}

.header .h_rt .rt_contact font{ font-size: 16px; color: #fff; padding-left: 53px;}
.header .h_rt .rt_contact font a{  color: #ffffff; }

.nav_box{ height: 55px; background: #505050;}
.nav_box .nav1{ width: 855px; float: left;}
.nav_box .nav1 ul{ margin: 0; padding: 0;}
.nav_box .nav1 ul li{ width: 122px; line-height: 54px; float: left; position: relative;}
.nav_box .nav1 ul li a{ color: #e9e9e9; font-size: 16px;}
.nav_box .nav1 ul li:nth-child(2),.nav_box .nav1 ul li:nth-child(3),.nav_box .nav1 ul li:nth-child(4),.nav_box .nav1 ul li:nth-child(7){ background: url(../images/nav_li.png) 72px 25px no-repeat;}


.nav_box .nav1 ul li a:hover{ width:100%; color: #FFF;}

.nav_box .nav1 ul li ul{position:absolute;z-index:99999;width:130px;top:65px;left:-20px;background-color:rgba(255,255,255,0.95);text-align:left;opacity:0;padding:5px 20px 20px; visibility:hidden;transition:0.3s; border-top: 4px solid #01807a;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.nav_box .nav1 ul li ul li{width:130px;height:auto;display:block;line-height:40px;float:none;margin:0;border-bottom:1px dashed rgba(0,0,0,0.15); background: none; position: relative; }
.nav_box .nav1 ul li ul li a{display:block; font-size:14px; color: #666;}
.nav_box .nav1 ul li:hover ul li a{ color: #666;}
.nav_box .nav1 ul li:hover >ul{opacity:1;visibility:visible;top:55px;}
.nav_box .nav1 ul li ul li a:hover{background-color:transparent;color: #01807a;}

.nav_box .nav1 ul li ul li:hover >ul{opacity:1;visibility:visible;top:0px;left:140px;}

.nav_box .search{ width: 230px; height: 55px; overflow: hidden; float: right; padding: 0 0 0 15px; background: #3e3f43;}
.nav_box .search .s_lt{ width:18px; float: left; padding-top: 20px;}
.nav_box .search .s_rt{ width:205px; height: 55px; line-height: 55px; float: right;}
.nav_box .search .s_rt input{ padding:0 10px 0 5px; width:190px;line-height: 55px; color: #999; font-size: 12px;}



@media (max-width:720px){
	.main_box{width:96%;margin:0 auto;padding:0 2%;}
	
	
	.header{ height: auto; overflow: hidden; padding: 10px 0 4px;}
	.h_top,.header .logo,.header .h_rt,.nav_box{ display: none;}
	.header .app_logo,.header .app_en{ display:block;}
	
	.header .morenav{ float:right; display:block; background:#1b853b url(../images/app_nav_line.png) no-repeat center;width:30px; height:30px; margin-top: 10px; 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: 616px;overflow: hidden;position: relative;}
.banner .hd {height: 18px;overflow: hidden;position: absolute;right: 0;left: 0;width: 155px;margin: 0 auto;bottom: 30px;z-index: 1;}
.banner .hd ul {overflow: hidden;zoom: 1;float: left;}
.banner .hd ul li {float: left;margin: 0 6px;width: 10px;height: 10px;text-align: center;background: #FFF;cursor: pointer;border-radius: 100%;}
.banner .hd ul li.on {background: #8fc320;}
.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: 6px;width: 100%;height: 10px;}
.app_banner_box .hd ul {width: 100%;text-align: center;}
.app_banner_box .hd ul li {width: 4px;height: 4px;border-radius: 100%;margin: 0 4px;border: 1px solid rgba(255,255,255,0.8);display: inline-block;text-indent: 9999px;cursor: pointer;}
.app_banner_box .hd ul li.on {background: rgba(255,255,255,1);opacity: 1;border: 1px solid rgba(255,255,255,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:720px){
	.banner{ display: none;}
	.app_banner_box{ display: block;}
}


.adv_box{ height: auto; overflow: hidden; background: url(../images/adv_bg.jpg) no-repeat center top; padding:35px 0 45px;}

.adv_box ul{ margin: 0; padding: 0;}
.adv_box ul li{ width: 360px; float: left; margin-right: 20px; transition: 0.5s;}
.adv_box ul li a{ color: #666666;}
.adv_box ul li a .adv_icon{ width: 54px; height: 54px; float: left;}
.adv_box ul li a .adv_icon img{ max-width: 100%; transition: 0.5s;}
.adv_box ul li:hover a .adv_icon img{ transform: rotateY(180deg); transition: 0.5s;}
.adv_box ul li a .adv_font{ width: 286px; float: right;}
.adv_box ul li a .adv_font font{ display: block; font-size: 20px; line-height: 36px; font-weight: 500;}
.adv_box ul li a .adv_font span{ display: block; color: #888888; font-size: 14px;}
.adv_box ul li:hover a .adv_font font{ text-decoration: underline;}
.adv_box ul li:hover{ margin-top: -5px; transition: 0.5s;}
.adv_box ul li:last-child{ margin-right: 0;}

@media (max-width:720px){
	
    .adv_box{ background:none; padding:25px 0 0;}
	.adv_box ul li{ width: 30%; margin:0 1.6%;}
	.adv_box ul li a .adv_icon{ width: 42px; height: 42px; float:none; margin: 0 auto;}
	.adv_box ul li a .adv_icon img{ max-width: 100%; transition: 0.5s;}
	.adv_box ul li a .adv_font{ width: 100%; float: none; text-align: center;}
	.adv_box ul li a .adv_font font{ padding: 8px 0 0; font-size:16px;}
	.adv_box ul li a .adv_font span{ font-size: 12px; line-height: 22px;}
	
}

.i_title{ height: 68px; line-height: 46px; overflow: hidden; background: url(../images/title_bg.png) no-repeat center bottom; text-align: center;}
.i_title font{ font-size: 36px; color: #333;}

.i_more{ width: 160px; height: 45px; line-height: 45px; margin: 35px 0 0; border-radius: 4px; background: #8fc320 url(../images/i_more_li.png) 115px center no-repeat; transition: 0.5s;}
.i_more font{ padding-left: 40px; color: #FFF; font-size: 16px;transition: 0.5s;}
.i_more:hover font{ padding-left: 30px;transition: 0.5s; }
.i_more:hover{ background: #1b853b url(../images/i_more_li.png) 125px center no-repeat; transition: 0.5s;}
.i_more a{ display: block;}
.i_more_center{ margin: 35px auto 0;}



.application_box{ height: auto; overflow: hidden; padding: 60px 0 30px;}

.appli_box{height: auto; overflow: hidden;}
.appli_box ul{ margin: 30px 0 0; padding: 0; text-align: center;}
.appli_box ul li{ width: 256px; float:left; margin-left: 38px; position: relative;}
.appli_box ul li a{ display: block; color: #FFF; font-size: 20px; line-height: 30px;}
.appli_box ul li:first-child{ margin-left: 0;}
.appli_box ul li a .app_img{width: 256px; height: 256px; overflow: hidden;}
.appli_box ul li a .app_img img{ max-width: 100%; border-radius: 100%;}
.appli_box ul li a font{ display: block; position: absolute; left: 0; right: 0; bottom: 15px; letter-spacing: 2px; z-index: 99; text-align: center; transition: 0.5s;}
.appli_box ul li a span{ display: block; background: #1b853b;width: 120px; height:38px;line-height: 38px; z-index: 99; position: absolute; left: 0; right: 0; bottom:0;  color: #FFF; text-align: center; margin: 10px auto 0; transition: 0.8s; font-size: 13px; opacity: 0; letter-spacing: 2px;}
.appli_box ul li a:hover .app_img img{ opacity: 0.5;}
.appli_box ul li a:hover font{ bottom:138px; transition: 0.5s; font-size: 30px;text-shadow:0 0 15px rgba(0,0,0,0.8);}
.appli_box ul li a:hover span{ bottom: 75px; transition: 0.8s; opacity: 1;}

@media (max-width:720px){
	
	.i_title{ height: 56px; line-height: 40px;}
	.i_title font{ font-size: 24px;}
	.i_more{ width: 160px; height: 42px; line-height: 42px; margin: 20px auto 0;}
	.i_more_center{ margin: 20px auto 0;}
	
	
	.application_box{padding: 30px 0;}
	.appli_box ul{ margin: 15px 0 0; text-align: center;}
	.appli_box ul li{ width: 210px; float:none; display: inline-block; margin:0 10px 5px;}
	.appli_box ul li a .app_img{width: 210px; height: 210px;}
	.appli_box ul li a span{ display: none;}
	.appli_box ul li a:hover font{ bottom:15px; font-size: 20px;}
	
	
}

@media (max-width:500px){
		.appli_box ul li{ width: 200px;}
		.appli_box ul li a .app_img{width: 200px; height: 200px;}
}


@media (max-width:460px){
	
		.appli_box ul li{ width: 165px;}
		.appli_box ul li a .app_img{width: 165px; height: 165px;}
	
}

@media (max-width:380px){
	
		.appli_box ul li{ width: 125px;}
		.appli_box ul li a .app_img{width: 125px; height: 125px;}
	
}
.about_box{ height: auto; overflow: hidden; padding: 30px 0; background: url(../images/about_bg.png) no-repeat center top;}
.about_box .a_font{ width: 615px; line-height: 30px; padding:55px 0 45px 165px;}
.about_box .a_font p{ padding-top: 20px;}


@media (max-width:720px){
	.about_box{padding: 20px 0; background:none; background-color: #f3f3f3;}
	.about_box .a_font{ width: 100%; line-height: 30px; padding:5px 0;}
	.about_box .a_font p{ padding-top: 5px;}
	
}

.news_box{ height: auto; overflow: hidden; padding: 60px 0;}

.n_box{height: auto; overflow: hidden; margin-top: 20px;}
.n_box ul{ margin: 0; padding: 0;}
.n_box ul li{ width: 545px; height: auto; overflow: hidden;float: left; margin:30px 50px 20px 0;}
.n_box ul li a{ color: #666; line-height: 24px;}

.n_box ul li a .n_img{ width: 240px; height: 185px; overflow: hidden; float: left;}
.n_box ul li a .n_img img{ max-width: 100%; transition: 0.5s;}
.n_box ul li a:hover .n_img img{ transform: scale(1.2); transition: 0.5s;}
.n_box ul li a .n_font{ width: 272px; float: right;}
.n_box ul li a .n_font font{ font-size: 16px;  display: block;}
.n_box ul li a .n_font span{ display: block; color: #888; padding:16px 0;}
.n_box ul li a .n_font i{ display: block; font-size: 12px; color: #999;}

.n_box ul li a:hover .n_font font{ text-decoration: underline;}
.n_box ul li:nth-child(2n){ margin-right: 0;}


@media (max-width:720px){
	
	.news_box{padding: 30px 0 20px;}
	
	.n_box{ margin-top: 10px;}
	.n_box ul li{ width: 45%;float: left; margin:10px 2.5% 0;}
	.n_box ul li a .n_img{ width: 100%; height: auto; float: none;}
	.n_box ul li a:hover .n_img img{ transform: scale(1);}
	.n_box ul li a .n_font{ width: 100%; float: none;}
	.n_box ul li a .n_font font,.n_box ul li a .n_font span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .n_box ul li a .n_font span{ padding:0;}
}


.contact_box{ height: auto; overflow: hidden; padding: 70px 0; background: url(../images/contact_bg.jpg) no-repeat center; background-attachment: fixed; color: #fff; text-align: center;}
.con_title{ height: 68px; line-height: 46px; overflow: hidden; background: url(../images/contact_title_bg.png) no-repeat center bottom; text-align: center;}
.con_title font{ font-size: 36px; color: #fff;}
.contact_box .con_desc{padding: 15px 0;}
.contact_box .con_tel{ background: url(../images/contact_tel.png) no-repeat left center; font-size: 30px; width: 330px; margin: 0 auto;}

@media (max-width:720px){
	
	.contact_box{ padding: 40px 0; margin-top: 20px;background: url(../images/contact_bg.jpg) no-repeat center;}
	.con_title{ height: 56px; line-height: 40px; }
	.con_title font{ font-size: 24px;}
	.contact_box .con_desc{padding: 10px 0 8px;}
	.contact_box .con_tel{ background:none; font-size: 30px; width: 100%;}
	
}


.footer_box{ height: auto; overflow: hidden; padding: 45px 0 35px; background: linear-gradient(#1b853b, #1b9e42);}

.footer_box .f_lt_box{ width: 280px; float: left;}
.footer_box .f_lt_box .f_logo{ height: 130px; overflow: hidden;}
.footer_box .f_lt_box font{ font-size: 13px; line-height: 24px; padding: 20px 0 0; display: block;  color: rgba(255,255,255,0.7);}


.footer_box .f_nav{ width: 160px; float: left; margin:10px 0 0 55px;}
.footer_box .f_nav font{ display: block; font-size: 22px; color: #FFF; height: 50px; line-height: 24px; background: url(../images/f_nav_line.png) left bottom no-repeat; font-weight: 500;}
.footer_box .f_nav ul{ margin:10px 0 0; padding: 0;}
.footer_box .f_nav ul li{ line-height: 28px;}
.footer_box .f_nav ul li a{ color: rgba(255,255,255,0.7); font-size: 13px; transition: 0.5s;}
.footer_box .f_nav ul li:hover a{ color: rgba(255,255,255,1); transition: 0.5s; text-decoration: underline; }



@media (max-width:720px){
	.footer_box{ padding: 20px 0; margin-bottom: 54px;}
	.footer_box .f_lt_box{ width: 100%; float: none;}
	.footer_box .f_lt_box .f_logo{ display: none;}
	.footer_box .f_nav{ display: none;}
	.footer_box .f_lt_box font{ font-size: 14px; text-align: center; padding: 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 .silder1{width:50px;height:50px; background-repeat: no-repeat; background-position: center; position:relative;}
.fixed .silder1 .silder1_box{width:auto;position:absolute;right:80px;top:0;opacity:0;transition:.6s;visibility: hidden; background: linear-gradient(#1b853b, #3a9d35); padding: 0 10px; height: 50px; line-height: 50px; color:#fff; border-radius: 4px;}
.fixed .silder1:hover .silder1_box{right:52px;opacity:1;z-index:999;visibility:visible;}

.fixed .silder2{width:50px;height:50px;background:url(../images/slide_icon3.jpg) no-repeat;position:relative;}
.fixed .silder2 .silder2_box{position:absolute;right:100px;top:-10px;opacity:0;transition:.6s;visibility: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.1); box-shadow:1px 1px 20px rgba(0,0,0,0.05); border:4px solid #FFF;}

.fixed .silder2 .silder2_box img{display:block;width:75px;}
.fixed .silder2:hover .silder2_box{right:60px;opacity:1;z-index:999;visibility:visible; }

.fixed .scroll{ width:50px; height:50px; cursor:pointer; transition: 0.5s;}
.fixed .scroll:hover{ opacity: 0.2;}


.app_botm{ overflow:hidden; background:#8fc320; position:fixed; bottom:0; left:0; right:0; height:58px; z-index:999999; display: none; box-shadow: 0 0 25px rgba(0,0,0,0.4);}
.app_botm ul{ margin:0; padding:8px 0 0; text-align:center;}
.app_botm ul li{ width:30%; display:inline-block;}
.app_botm ul li .pic{}
.app_botm ul li a{ color:#FFF;}
.app_botm ul li a font{ display: block; font-size: 12px;}


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


.com_ban{ width: 100%; height: 320px; overflow: hidden; background-repeat: no-repeat; background-position: center top;}

.common{ height: auto; overflow: hidden; margin:50px auto;}


.com_left{ width:220px; float:left;}
.com_left .c_lt_title{ height:40px; line-height:40px; background: linear-gradient(#1b853b, #1b9e42); color:#FFF; font-size:30px; padding:20px 0 20px 25px;}

/*.com_list{ overflow:hidden; height:auto;}
.com_list ul{ padding:5px 0 0; margin:0;border:1px solid #d7d7d7; border-top:none;}
.com_list ul li{ height:auto; line-height: 24px; overflow: hidden; border-bottom: 1px dashed #dedede; margin:5px 22px; transition: 0.3s; background: url(../images/li.png) 8px 14px no-repeat; padding:5px 0 8px 35px; }
.com_list ul li a{ color: #333; line-height: 24px; font-size: 16px;}
.com_list ul li:hover a{ color: #8fc320; text-decoration: underline;}
.com_list ul li:hover{background: url(../images/li.png) 6px 14px no-repeat;}
.com_list ul li:last-child{ border-bottom:none;}
*/

.com_list{ height: auto; overflow: hidden; border:1px solid #e3e3e3; padding:2px 5px; }
.com_list h3{ height:44px; line-height:44px; padding-left:20px; cursor:pointer; border-top:1px dashed #e3e3e3; font-weight: 500;}
.com_list h3 em{ float:right; display:block; width:40px; height:44px; background:url(../images/li.png) 8px 20px no-repeat; cursor:pointer; color: #333; transition: 0.3s;}
.com_list h3.on{ background:#f8f8f8; color: #1b853b;}
.com_list h3:hover em{ background:url(../images/li.png) 16px 20px no-repeat;transition: 0.3s;}
.com_list ul{ padding:10px 20px; color:#999; display:none; }
.com_list ul li{ line-height: 28px;}
.com_list ul li a{ color: #999; transition: 0.5s;}
.com_list ul li:hover a{ color: #8fc320; transition: 0.5s;}
.com_list h3:first-child{ border-top:none;}
.com_list h3:last-child{ border-bottom:none;}


.com_sc{ overflow:hidden; height:auto; margin:15px 0 0;}
.com_sc a{ display: block; font-size: 18px;background:#8fc320 url(../images/sc.png) no-repeat 147px 10px; padding:8px 0 8px 25px; height: 50px; line-height: 50px; transition: 0.5s; color: #FFF;}
.com_sc:hover a{background:#8fc320 url(../images/sc.png) no-repeat 130px 10px;padding:8px 0 8px 34px;}


.com_job{ overflow:hidden; height:auto; margin:5px 0 0;}
.com_job a{ display: block; font-size: 18px;background:#8fc320 url(../images/zp.png) no-repeat 155px 17px; padding:8px 0 8px 25px; height: 50px; line-height: 50px; transition: 0.5s; color: #FFF;}
.com_job:hover a{background:#8fc320 url(../images/zp.png) no-repeat 138px 17px; padding:8px 0 8px 34px;}




.com_right{ width:878px; float:right;}

.com_nav{ overflow:hidden; padding:0 0 10px; border-bottom:1px solid #d4d4d4; margin-bottom:20px;}
.com_nav ul{ padding:0; margin:0; text-align:center;}
.com_nav ul li{ float:left; height:auto; line-height:24px;}
.com_nav ul li a{ padding:0 2px; color:#999; font-size:14px;}
.com_nav ul li:first-child{ background:url(../images/h_icon.png) no-repeat; padding-left:30px;}
.com_nav ul li:last-child a{ color:#666; font-size:16px;}

.com_desc{ height: auto; overflow: hidden; line-height: 30px;}
.com_desc img{ max-width: 100%;}
.com_desc font{ display: block; font-size: 24px; line-height: 40px; color: #1b853b;}



@media (max-width:720px){
	
.com_ban{ height: 120px; background-size: cover; display: none;}
.common{ margin:0 auto 20px;}
.com_nav{border-bottom:none; padding:14px 10px; background: #f2f2f2;}
.com_nav ul li a{ padding:0 2px; color:#999; font-size:12px;}
.com_left{ display: none;}
.com_right{ width: 100%; line-height: 26px;}	
.com_desc{ height: auto; overflow: hidden; line-height: 26px;}
	
}

.com_news{height: auto; overflow: hidden;}
.com_news ul{ margin: 0; padding: 0;}
.com_news ul li{  height: auto; overflow: hidden; margin:5px 0 20px 0;}
.com_news ul li a{ color: #666; line-height: 24px;}
.com_news ul li a .n_img{ width: 160px; height: auto; overflow: hidden; float: left;}
.com_news ul li a .n_img img{ max-width: 100%; transition: 0.5s;}
.com_news ul li a:hover .n_img img{ transform: scale(1.2); transition: 0.5s;}
.com_news ul li a .n_font{ width: 690px; float: right; padding: 5px 0;}
.com_news ul li a .n_font font{ font-size: 18px; display: block;}
.com_news ul li a .n_font span{ display: block; color: #888; padding:8px 0;}
.com_news ul li a .n_font i{ display: block; font-size: 12px; color: #999;}

.com_news ul li a:hover .n_font font{ text-decoration: underline;}

.com_photo{height: auto; overflow: hidden;}
.com_photo ul{ margin: 0; padding: 0;}
.com_photo ul li{
	height: auto;
	overflow: hidden;
	float:left;
	width: 23%;
	margin-top: 5px;
	margin-right: 1%;
	margin-bottom: 20px;
	margin-left: 1%; text-align:center
}
.com_photo ul li .img{
	overflow:hidden;
	border: 1px solid #dddddd;
	padding: 2px;
}
.com_photo ul li .img img{ max-height:155px;}
.com_photo ul li .title{ clear:both; line-height:32px;}

.com_photo ul li:nth-child(4n+1){ clear:both}


@media (max-width:720px){
.com_photo ul li{ width:48%;}
	.com_photo ul li:nth-child(2n+1){ clear:both}
	
	.com_news ul li{ width: 45%;float: left; margin:5px 2.5% 5px;}
	.com_news ul li a .n_img{ width: 100%; height: auto; float: none;}
	.com_news ul li a:hover .n_img img{ transform: scale(1);}
	.com_news ul li a .n_font{ width: 100%; float: none;}
	.com_news ul li a .n_font font{ font-size: 14px;}
	.com_news ul li a .n_font font,.com_news ul li a .n_font span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 24px;}
    .com_news ul li a .n_font span{ padding:0;}
}


.table-box{overflow-x:auto;}
.table-box table{width:100%;cellpadding:0;cellspacing:0;border-collapse:collapse; border: 1px solid #e3e3e3;}
.table-box table th{ background: #1b853b; font-size: 16px; text-align: center; color: #FFF; padding: 15px;}
.table-box table td{ padding: 15px;font-size: 14px;}
.table-box table td a{ color: #777; display: block;}


@media (max-width:720px){
	.table-box table th{ padding: 6px;}
	.table-box table td{ padding: 6px; font-size: 13px;}

}

.com_sortli{}
.com_sortli ul{}
.com_sortli ul li{
	border: 1px solid #dddddd;
	background-color: #1b853b;
	float: left;
	text-align:center;
	width: 20%;
	margin-top: 5px;
	margin-right: 2.2%;
	margin-bottom: 5px;
	margin-left: 2.2%; height:50px;
}

.com_sortli ul li a{ color:#FFFFFF; display:block;  height:100%; width:100%; display: flex;
    justify-content:center;
    align-items:Center; line-height:50px;}
.com_sortli ul li:hover{ background-color:#8fc320}

@media (max-width:720px){
	.com_sortli ul li{ width:45%;}
}


h1.h1{ text-align:center}
.info{ text-align:center; font-size:12px; color:#999999; line-height:3;}

.pagination{ clear:both; text-align:center; padding-top:15px; }
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:10px;
	padding-right:10px;
	margin: 0px; overflow:hidden; margin-left:2px; margin-right:2px;
}
.pagination li,.pagination a{ line-height:32px;}
/*.pagination li+li{
	border-left-style: none;
}*/
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:3px;}
.pagination li.disabled{}
.pagination li.active{border-radius:3px; background-color:#666666; color:#FFFFFF}

.pagination li a{ color:#333333; display:block;}
.com_desc *{ max-width:100%;}
.message2{ margin:auto; max-width:600px;}
.message2 .econtent{
	padding: 10px;
	/*border: 1px solid #ddd; float:left; width:100%;*/
}
.message2  .item{
	width:48%;
	float:left;
	margin-right: 1%;
	margin-left: 1%;
	padding-top: 10px;
	padding-bottom: 10px;
}
@media (max-width:720px){
.message2  .item{ width:98%;}
}

.message2  .item span,.message2  .item2 span{
	display:block;
	line-height:2;
	color:#333333;
	font-weight: bold;
}

.message2 input{
	border-radius:3px;
	height: 35px;
	width:98%;
	padding-left:1%;
	padding-right:1%;
	border: 1px solid #ddd;	font-family: "微软雅黑", "宋体", "Arial Unicode MS";
}
.message2 .item2,.message2  .tijiao{ width:98%; float:left;	margin-right: 1%;
	margin-left: 1%; }
.message2 textarea{
	border: 1px solid #ddd;
	border-radius:3px;
	width:99%;
	height:120px;
	padding-left:0.5%;
	padding-right:0.5%;
	padding-bottom:5px;
	padding-top:5px;
	font-family: "微软雅黑", "宋体", "Arial Unicode MS";
}
.message2  .tijiao{ padding-top:15px;}
.message2  .tijiao button{border-radius:3px;	border:0px solid #ddd;
	background-color:#64a912;
	font-size: 16px;
	color: #FFFFFF;
	height: 45px;
	width: 100%;
}

.null{
	color: #666666;
	text-align: center; line-height:50px;
}
.nextpage{ padding-top:10px; padding-bottom:10px;}
@media (max-height:815px){
	.com_right{ min-height:620px;}
}
@media (max-height:767px){
	.com_right{ min-height:500px;}
}
@media (max-height:667px){
	.com_right{ min-height:450px;}
}
@media (max-height:667px){
	.com_right{ min-height:450px;}
}
@media (max-height:420px){
	.com_right{ min-height:220px;}
}
