@charset "utf-8";
*{margin:0; padding:0;}
html {  box-sizing: border-box;}
*, *:before, *:after {  box-sizing: inherit;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
img { border:none;border-style:none; vertical-align:middle; max-width:100%;}
ol,ul,li { list-style:none; }
table { border-collapse:collapse; }
html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
html, body {margin:0;color:#333;font:14px/1.8  "Helvetica Neue", "Hiragino Sans GB", Helvetica, "Microsoft YaHei", "宋体", Arial, sans-serif; width:100%;height:100%;padding:0;margin:0; background-color: #f1f1f1; min-width:1400px;}
a{ color:#333;text-decoration:none;outline:none;}
a:hover{ color:#008a45; text-decoration:none; transition: color .3s ease,opacity .3s ease,background-color .3s ease;
-webkit-transition: color .3s ease,opacity .3s ease,background-color .3s ease;
-moz-transition: color .3s ease,opacity .3s ease,background-color .3s ease;
-o-transition: color .3s ease,opacity .3s ease,background-color .3s ease;}


/* ** ** Common Addative Classes ** ** */
.fl{float:left}
.fr{float:right}
.clearfix:after {content:".";display:block;height:0;clear:both;font-size:0; line-height: 0; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.clearfix { *zoom:1; }
.clear{ clear:both}
.center{ text-align: center;}
.wrap{ width:1400px; margin:0 auto; clear:both;}
@media screen and (min-width: 1200px) and (max-width:1600px){
	html, body {min-width:1200px;}
	.wrap{ width:1200px;}
	}
@media screen and (max-width: 1200px){
	html, body {min-width:100%;}
	.wrap{ width:100%;}
	}


/*header*/
.header{ position: fixed;top: 0;width:100%;height:80px; padding: 0 30px; background-color: rgba(255, 255, 255, .85);  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); z-index: 90;}
.head{width:100%; position:relative;}
/*head-logo*/
.header .logo{ width:240px; height:80px; float:left; position:relative;}
.header .logo a{ display:block; height:100%; width:100%; padding:15px 0;}
.header .logo a:after{ content:""; height:100%;vertical-align: middle; display:inline-block;}
.header .logo img{ max-width:100%; max-height:100%;display: inline-block; vertical-align: middle;}
/*head-top*/
.head-top{float: right; height: 30px;line-height: 30px; margin-top: 25px;}
.head-top a{display: inline-block; font-size: 16px; padding-left:30px; background:url(../images/lan1.png) no-repeat 0 center; background-size:24px 24px;}
.head-top a:hover{ color: #008a45;background:url(../images/lan.png) no-repeat 0 center; background-size:24px 24px;}
@media screen and (min-width: 1200px) and (max-width:1600px){
	.header{padding: 0 20px;}
	.header .logo{ width:200px;}
    .header .logo a{ display:block; height:100%; width:100%; padding:15px 0;}
	.header .logo a:after{ content:""; height:100%;vertical-align: middle; display:inline-block;}
	.header .logo img{ max-width:100%; max-height:100%;display: inline-block; vertical-align: middle;}
}
@media screen and (min-width: 992px) and (max-width:1200px){
	.header{padding: 0; height:auto;background-color: rgba(255, 255, 255, 1); position: relative;}
	.header .logo{ margin-left:20px;}
	.head-top{ margin-right:20px;}
}
@media screen and (max-width: 992px){
	.header { height:60px; padding: 0;background-color: rgba(255, 255, 255, 1);}
	.head{width:100%; height:60px; background:none;}
	.header .logo {height: 60px; padding:0 10px;}
	.header .logo a{ padding:10px 0;}
	.head-top{ display:none;}
}


/*PC-导航栏*/
.pcnav{ float:right; margin-right: 100px;}
.pcnav li {float: left;margin-right: 5px;position: relative;}
.pcnav li a {display:block;font-size: 16px;width:100%;line-height:80px;padding:0 30px;transition:all .5s;}
.pcnav li:hover a, .pcnav li.active a {color:#008a45;}
.pcnav li .nav-second{ position:absolute; top:80px; left:50%; min-width:140px; transform:translateX(-50%);}
.pcnav li .nav-second li{float:none; margin-right:0; text-align:center;height:0; overflow:hidden;transition:all .5s;}
.pcnav li:hover .nav-second li{ height:50px;}
.pcnav li .nav-second li a{line-height:50px;padding:0 10px; color:#eee; background:#03ac57; white-space:nowrap;}
.pcnav li .nav-second li a:hover{ background:#008a45;}
.iphone_screen{ display:none;}
@media screen and (min-width: 1200px) and (max-width:1600px){
	.pcnav{  margin-right: 20px;}
	.pcnav li a {font-size: 15px;padding:0 20px;}
}
@media screen and (min-width: 992px) and (max-width:1200px){
	.pcnav{ float:none; clear:both;  margin-right: 0; border-top:1px solid #eee;}
	.pcnav li a {font-size: 14px;padding:0 25px; line-height:60px;}
	.pcnav li .nav-second { top: 60px;}
}
@media screen and (max-width: 992px){
	.pcnav{ display:none;}
	.iphone_screen { display:block;}
	.nav {position: fixed;z-index:100;opacity:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:300ms;transition-duration:300ms;}
	.nav-active .nav {opacity:1;background-color:#242c39;}
	.nav_list {margin:0;padding:50px 30px;}
	.nav_item {text-align: center;margin-bottom:10px;}
	.nav_item a{ color:#fff; font-size:24px;display:inline-block;}
	.nav_item a:hover{ text-decoration:underline; color:#008a45;}
	.nav_trigger {display:block;position: fixed;width:30px;height:25px;right:10px;top:15px;z-index:200;}
	.nav-active .nav_trigger {opacity:0.5;}
	.nav_icon {display:inline-block;position:relative;width:30px;height:4px; border-radius:2px;background-color:#008a45;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-property:background-color,transform,-webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;}
	.nav_icon:before,.nav_icon:after {content:'';display:block;width:30px;height:4px; border-radius:2px;position:absolute;background:#008a45;-webkit-transition-property:margin,-webkit-transform;transition-property:margin,-webkit-transform;transition-property:margin,transform;transition-property:margin,transform,-webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;}
	.nav_icon:before {margin-top:-10px;}
	.nav_icon:after {margin-top:10px;}
	.nav { width: 100%; height: 100%; -webkit-transform: translateY(-100%);transform: translateY(-100%);}
    .nav-active .nav {-webkit-transform: translateY(0);transform: translateY(0);}
	.nav-active .nav_icon {background:rgba(0,0,0,0);}
	.nav-active .nav_icon:before {margin-top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
	.nav-active .nav_icon:after {margin-top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
}

/*banner*/
.banner{width:100%;}
.s-banner{ display:none;}
@media screen and (max-width: 768px){
	.banner{ display:none;}
	.s-banner{ display: block; padding-top:60px;}	
	}

/*首页标题*/
.common{ padding-top:80px;padding-bottom:100px; background:#fff;}
.inbox-bg{ background-color:#eef6f2;}
.in-title {width:100%;  position:relative; text-align:center; margin-bottom:40px;line-height:1.4;}
.in-title .tc-ebg {display:block;font-size:60px;color:#008a45; text-transform: uppercase; font-weight:700;font-family: 'Times New Roman','宋体',SimSun,'新宋体',NSimSun,'华文细黑',STSong,STSongti-SC,serif; white-space:nowrap; overflow:hidden;}
.in-title .tc{ font-size:40px;}
.in-title .tc span{display:inline-block;}
.in-title .tc-c{ font-size:15px; color:#999; padding:20px;}
.in-more{margin-top:50px; text-align:center;}
.wel-more { display: inline-block; width: 160px; height: 45px; line-height: 45px; font-size: 14px; border: 1px solid #999999; color: #666; text-align: center; transition:all .5s; background: url(../images/j2.png) no-repeat 120px center;}
.wel-more:hover { color: #fff; background-color: #008a45; background-image:url(../images/j1.png);}
@media screen and (max-width: 992px){
	.common{ padding-top:40px;padding-bottom:40px;}
	.in-title {margin-bottom:20px;}
	.in-title .tc-ebg {font-size: 40px;}
	.in-title .tc{font-size:30px;}
	.in-more{margin-top:20px;}
	}

/*首页pro*/
.inpro{position:relative;}


/*首页about*/
.inabo-bg{position:relative;}
.inabo-bg:before{content: "BOSHITE";position: absolute;left: 0;bottom:-50px;width: 100%;color: rgba(0,138,69,.05);z-index: 1;text-align: center;font: bolder 300px Verdana, Geneva, sans-serif; z-index:-1;}
.inabo{width:1400px; margin:0 auto;}
.ina-left{ float:left;width:660px;}
.inabo .text{ font-size:16px; line-height:36px;}
.inabo .ina-ry{ margin-top:50px;}
.ina-right{ float:right;width:660px;}
.inabo .ina-img{width:100%;}
.inabo .ina-list{ margin-top:50px;}
.inabo .ina-list li{width:220px; float:left; text-align:center; background-color:#008a45; transition:all .5s;}
.inabo .ina-list li:nth-child(2){background-color:#03ac57;}
.inabo .ina-list li:nth-child(3){background-color:#02c965;}
.inabo .ina-list li:hover{ border-radius:50px 0 50px 0;}
.inabo .ina-list li a{ display:block; padding:40px 0;}
.inabo .ina-list li i{ display:block;}
.inabo .ina-list li span{ display:block; font-size:16px; color:#fff;}
@media screen and (min-width: 1200px) and (max-width:1600px){
	.inabo-bg:before{ font-size:240px;}
	.inabo{width:1200px;}
	.ina-left{ width:600px;}
	.inabo .text{ line-height:28px;}
	.inabo .ina-ry{ margin-top:30px;}
	.ina-right{ width:540px;}
	.inabo .ina-img{width:100%;}
	.inabo .ina-list li{width:180px;}
	.inabo .ina-list li a{ display:block; padding:30px 0;}
}
@media screen and (min-width: 992px) and (max-width:1200px){
	.inabo-bg:before{ font-size:200px;}
	.inabo{width:100%; padding:0 12px;}
	.ina-left{ width:48%;}
	.inabo .text{ line-height:28px;}
	.inabo .ina-ry{ margin-top:30px;}
	.ina-right{ width:48%;}
	.inabo .ina-img{width:100%;}
	.inabo .ina-list li{width:33.33%;}
	.inabo .ina-list li a{ display:block; padding:30px 0;}
	}
@media screen and (max-width: 992px){
	.inabo-bg:before{ display:none;}
	.inabo{width:100%; padding:0 15px; box-sizing:border-box;}
	.ina-left{ float:none;width:100%;}
	.inabo .text{line-height:24px;}
	.inabo .ina-ry{ margin-top:30px;}
	.ina-right{ float:none;width:100%;}
	.inabo .ina-img{ display:none;}
	.inabo .ina-list{ margin-top:30px;}
	.inabo .ina-list li{width:33.33%;}
	.inabo .ina-list li a{padding:20px 0;}
	}

/*首页news*/
.innews{width:1400px; margin:0 auto;}
.innews ul li{ float:left; width:31.33%; margin:0 1%;-webkit-transition:all .5s;transition:all .5s;}
.innews ul li a{ display:block;position:relative;}
.innews ul li .img{width: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.innews ul li .img img{ width: 100%; transition: all .8s;}
.innews ul li:hover img{ transform: scale(1.1,1.1);}
.innews .info{ padding: 40px 20px; background: #fff; box-sizing: border-box;}
.innews .info .tit{ font-size: 18px; line-height: 30px; height: 60px; transition: all .8s; overflow:hidden;}
.innews .info .desc{ line-height: 30px; height: 60px; margin: 15px 0; color:#555; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.innews .time{ display: block; background: url(../images/rl1.png) no-repeat center left; padding-left: 30px; transition: all .8s;}
.innews ul li:hover .time{ background: url(../images/rl2.png) no-repeat left center; color: #008a45;}
@media screen and (min-width: 1260px) and (max-width:1600px){
	.innews{width:1200px;}
	}
@media screen and (min-width: 992px) and (max-width:1200px){
	.innews{width:100%;}
	}
@media screen and (max-width: 992px){
	.innews{width:100%; padding:0 12px; box-sizing:border-box;}
	.innews ul li{ float:none; width:100%; margin:0 0 10px; background:#fff; padding:10px;}
	.innews ul li a{ padding-left:120px;}
	.innews ul li .img{width: 100%; position:absolute; left:0; top:0;width:108px; height:72px;}
	.innews .info{ padding:0;}
	.innews .info .tit{ font-size: 16px; line-height:25px; height: 50px;}
	.innews .info .desc{ display:none;}
}
	
/*首页解决方案*/
.incase{ margin:0 auto; width:1400px;}
.incase li{ float:left;width:335px; margin-right:30px;}
.incase li a{ display:block;width:100%; height:100%; position:relative;}
.incase li .img{width: 100%; height:100%; display: block;overflow: hidden;}
.incase li .img img{ width: 100%; height:100%; transition: all .8s;}
.incase li:hover .img img{transform: scale(1.1,1.1);}
.incase li .span{  position: absolute; bottom: 0; left: 0;font-size:24px; color: #fff; width: 100%; padding:20px;}
.incase li.c1{width:335px; height:502px;}
.incase li.c1 .img img{ width:670px; max-width:none; margin-left:-335px;}
.incase li.c2{width:670px; height:502px;}
.incase li.c3{width:335px; height:236px; margin-right:0; margin-bottom:30px;}
.incase li.c4{width:335px; height:236px;margin-right:0;}
@media screen and (min-width: 1200px) and (max-width:1600px){
	.incase{width:1200px;}
	.incase li{ width:290px; margin-right:20px;}
	.incase li.c1{width:290px; height:435px;}
	.incase li.c1 .img img{ width:580px;margin-left:-290px;}
	.incase li.c2{width:580px; height:435px;}
	.incase li.c3{width:290px; height:207px;margin-bottom:20px;}
	.incase li.c4{width:290px; height:207px;}
	}
@media screen and (max-width: 1200px){
	.incase{ width:100%; padding:12px;}
	.incase li{ width:48%; margin-right:2%; margin-bottom:15px;}
	.incase li .span{ padding:10px; font-size:16px; text-align:center;}
	.incase li.c1{width:48%; height:auto;}
	.incase li.c1 .img img{ width:100%;margin-left:0;}
	.incase li.c2{width:48%; height:auto;margin-right:0; margin-left:2%;}
	.incase li.c3{width:48%; height:auto; margin-right:2%;margin-left:0; margin-bottom:15px;}
	.incase li.c4{width:48%; height:auto;margin-right:0; margin-left:2%;}
	}


/*首页合作伙伴*/
.in-partner{width:1400px; margin:0 auto;}
@media screen and (min-width: 1200px) and (max-width:1600px){
	.in-partner{width:1200px;}
	}
@media screen and (max-width: 1200px){
	.in-partner{width:100%; padding:0 12px;}
	}



/*footer*/
.footer{width:100%;background:#242c39;color:#8b939d; padding-top:50px;}
.footer a{ color:#8b939d;}
.footer a:hover{ color:#fff;}
.flogo{ float:left;width:30%; margin-right:5%; padding-bottom:50px;}
.fewm{ float:left;width:30%; text-align:center; padding-bottom:50px;}
.fewm .fewn-item{ display:inline-block; margin:0 15px;}
.fewm .fewn-item img{width:125px; height:125px; border-radius:5px;}
.fewm .fewn-item span{ display:block; font-size:14px;}
.fcom{ float:right;width:30%; margin-left:5%;padding-bottom:50px;}
.fcom h1{ font-size:24px;}
.fcom-down{width:100%; border-top:1px solid #394457; clear:both; padding:25px 0;}
.fcom-down .link{ float:right;}
@media screen and (min-width: 768px) and (max-width:1200px){
	.footer{ padding:40px 12px 0;}
	.flogo{ display: none;}
	.fewm{ width:45%;}
	.fewm .fewn-item img{width:100px; height:100px;}
	.fcom{width:50%;}
	.fcom-down .link{ float:none;}
	}
@media screen and (max-width: 768px){
	.footer{ padding:40px 12px 0;}
	.flogo{ display:none;}
	.fewm{ float:none;width:100%;padding-bottom:30px;}
	.fcom{ float:none;width:100%; margin-left:0%;padding-bottom:30px;}
	.fcom h1{ font-size:22px;}
	.fcom-down .link{ float:none;}
	}

/*在线qq*/
.floating_ck{position:fixed;right:0;bottom:25%; z-index:100;}
.floating_ck li{position:relative;cursor:pointer; margin-bottom:5px; }
.floating_ck li span{display:block;width:60px;height:60px; background-repeat:no-repeat; background-position: center center; background-size:auto 36px; font-size:0;background-color:rgba(0,0,0,.5);border-radius:30px;-webkit-transition:all .5s;transition:all .5s; opacity:.8;}
.floating_ck li .floating_left{position:absolute;right:0;top:0px; padding-right:60px; z-index:-1;border-radius:30px; -webkit-transition:all .5s;transition:all .5s;}
.floating_left a{ display:block; line-height:60px; padding:0 20px 0 30px; white-space:nowrap; font-size:15px; color:#fff;}
.floating_left b{ display:block; padding:10px;width:150px; height:150px;}
.floating_left b img{ max-height:100%; max-width:100%;}

.floating_ck li.tel span{background-color:#008a45; background-image:url(../images/ftel.png);}
.floating_ck li.tel .floating_left{right:-290px;background-color:#008a45;}
.floating_ck li.tel:hover .floating_left{right:0;}
.floating_ck li.qq span{background-color:#008a45; background-image:url(../images/fqq.png);}
.floating_ck li.qq .floating_left{right:-164px;background-color:#008a45;}
.floating_ck li.qq:hover .floating_left{right:0;}
.floating_ck li.wechat span{background-color:#008a45; background-image:url(../images/fweichar.png);}
.floating_ck li.wechat .floating_left{right:-160px;background-color:#008a45;padding-right:0; border-radius:5px;}
.floating_ck li.wechat .floating_left:after{ content:""; position:absolute; right:-10px; top:25px; border-bottom:10px solid transparent;border-top:10px solid transparent;border-left:10px solid #008a45;}
.floating_ck li.wechat:hover .floating_left{right:70px;}
.floating_ck li.web span{background-color:#008a45; background-image:url(../images/fweb.png);}
.floating_ck li.web .floating_left{right:-160px;background-color:#008a45;padding-right:0; border-radius:5px;}
.floating_ck li.web .floating_left:after{ content:""; position:absolute; right:-10px; top:25px; border-bottom:10px solid transparent;border-top:10px solid transparent;border-left:10px solid #008a45;}
.floating_ck li.web:hover .floating_left{right:70px;}
.floating_ck li.gotop span{background-color:#525252; background-image:url(../images/fgotop.png);}
.floating_ck li:hover span{ background-color:#242c39; opacity:1;}
@media screen and (max-width: 1260px){
	.floating_ck{bottom:15%;}
	.floating_ck li.tel,.floating_ck li.qq,.floating_ck li.wechat,.floating_ck li.web{ display:none;}
}

/*内页banner*/
.lbanner{width:100%; position:relative; overflow:hidden;}
.lbanner .lb-tit{ position: absolute;left: 50%;top: 60%;transform: translate(-50%,-50%); background:rgba(0,138,69,.8); padding:30px;}
.lbanner .lb-tit h1{ display:block; font-size:70px;text-transform: uppercase;font-weight: 700;font-family: 'Times New Roman','宋体',SimSun,'新宋体',NSimSun,'华文细黑',STSong,STSongti-SC,serif; color:#fff; position:relative; line-height:80px;text-align:center;}
.lbanner .lb-tit h2{ display:block; font-size:40px;color:#eee; text-align:center;}
@media screen and (min-width: 992px) and (max-width:1600px){
	.lbanner .lb-tit{width:100%;left: 60%;}
	}
@media screen and (max-width:992px){
	.lbanner{ padding-top:60px;}
	.lbanner img {min-height: 200px;}
	.lbanner .lb-tit{ width:90%;}
	.lbanner .lb-tit h1{font-size:30px;line-height:50px;}
	.lbanner .lb-tit h2{font-size:30px;}
	}

/*内页内容区*/
.content{ width:1400px; margin:0 auto; padding-bottom:50px;}
.loc{ margin:30px 0; background:url(../images/address.png) no-repeat 0 center; padding-left:30px; color:#666;}
.dl-column{ display:none;}
.box-left{ float:left;width:300px;}
.box-left .lc{ background-color:#fff;}
.box-left .lc .img img{width:100%;}
.box-left .lc .lc-c{ padding:20px;}
.box-left .lc .lc-c span{ font-size:18px; padding-left:32px; background:url(../images/dh.png) no-repeat 0 center;}
.box-left .lc .lc-c strong{ display:block; font-size:36px; color:#008a45;}
.box-right{ float:right;width:1060px; background-color:#fff; padding:30px;}
.ly-tit{ font-size:30px; border-bottom:1px solid #eee; margin-bottom:20px; padding-bottom:10px; color:#008a45;}
.con{ width:100%;}
.conshow p{ padding-bottom:20px; font-size:16px;line-height: 30px;}
@media screen and (min-width: 1200px) and (max-width:1600px){
	.content{ width:1200px;padding:0 12px 50px;}
	.box-left{ width:270px;}
	.box-right{ width:880px;}
	.box-left .lc .lc-c strong{ font-size:30px;}
	}
@media screen and (min-width: 992px) and (max-width:1200px){
	.content{ width:100%;padding:0 12px 40px;}
	.box-left{ width:25%;}
	.box-right{ width:72%;}
	.box-left .lc .lc-c strong{ font-size:30px;}
	}
@media screen and (max-width: 992px){
	.content{ width:auto; padding:0;}
	.loc{ margin:15px 0;}
	.dl-column{ display: block; margin-bottom:20px;padding: 0 15px;}
	.box-left{ display:none;}
	.box-left .lc{ display:none;}
	.box-right{ float:none; width:100%;padding:15px;}
	.ly-tit{ font-size:20px;}
}


/*pc二级导航*/
.lh-nav{margin-bottom:30px;background-color:#fff;}
.lh-tit{ background-color:#008a45; color:#fff; padding:30px 30px;}
.lh-tit span{ display:block; font-size:36px; line-height:50px;}
.lh-tit b{display:block; font-size:24px;text-transform: uppercase; color:#7fd235;line-height: 36px;}
.lh-list{ padding:20px 0;}
.lh-list li{ background:url(../images/fx.png) no-repeat 95% center; background-size:14px 14px; transition:all .5s;}
.lh-list li a{display: block; line-height:24px; font-size:16px; padding:20px 30px;position:relative;}
.lh-list li.active a{color:#008a45;}
.lh-list li:hover{ background-position:97% center;}
@media screen and (min-width: 992px) and (max-width:1600px){
	.lh-list li a{padding:15px 20px;font-size:15px;}
	}

/*分页*/
.pages{ text-align:center; overflow:hidden; margin:30px 0;}
.pages a{width:40px; height: 40px; line-height:40px; margin:0 5px; font-size:16px; display:inline-block;text-align: center; background-color: #ddd; color: #666; position: relative;}
.pages .current,.pages a:hover{ color:#fff; background-color: rgba(0,138,69,.8);}
.pages .prev{ position: relative; top:10px; left:3px; display:inline-block;width:10px; height: 10px;; border: solid #666; border-width:0 0 2px 2px;transform: rotate(45deg); font-size: 0;}
.pages .next{ position: relative; top:10px; right:3px; display:inline-block;width:10px; height: 10px;; border: solid #666; border-width:2px 2px 0 0;transform: rotate(45deg); font-size: 0;}
.pages a:hover .prev,.pages a:hover .next{ border-color: #fff;}



/*新闻列表*/
.news{ padding-top:10px;}
.news li{ float:left; width:46%; margin:0 2% 30px;-webkit-transition:all .5s;transition:all .5s;box-shadow:0 0 5px rgba(0,0,0,.2);}
.news li a{ display:block;position:relative;}
.news li .img{width: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.news li .img img{ width: 100%; transition: all .8s;}
.news li:hover{ box-shadow:0 0 10px rgba(0,0,0,.4);}
.news li:hover img{ transform: scale(1.1,1.1);}
.news .info{ padding: 20px 20px; box-sizing: border-box;}
.news .info .tit{ font-size: 18px; line-height: 30px; height: 60px; transition: all .8s; overflow:hidden;}
.news .info .desc{ line-height: 30px; height: 60px; margin: 15px 0; color:#555; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.news .time{ display: block; background: url(../images/rl1.png) no-repeat center left; padding-left: 30px; transition: all .8s;}
.news li:hover .time{ background: url(../images/rl2.png) no-repeat left center; color: #008a45;}
@media screen and (max-width: 992px){
	.news{width:100%; box-sizing:border-box;}
	.news li{ float:none; width:100%; margin:0 0 10px; padding:10px;}
	.news li a{ padding-left:120px;}
	.news li .img{width: 100%; position:absolute; left:0; top:0;width:108px; height:72px;}
	.news .info{ padding:0;}
	.news .info .tit{ font-size: 16px; line-height:25px; height: 50px;}
	.news .info .desc{ display:none;}
}
	
/*新闻详情*/
.contit{ text-align:center; padding-bottom:20px;margin-bottom:30px;border-bottom: 1px solid #EEE;}
.contit h1{ color:#333; font-size:30px; font-weight:bold; padding:0 40px;}
.contit h2{margin-top: 20px;}
.contit h2 span{ color:#787878; margin:0 20px;}
.video-c {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.video-c iframe,.video-c object,.video-c embed,.video-c video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media screen and (max-width: 768px){
	.contit h1{ font-size:18px; padding:0;}
	}


/*产品列表*/
.product{ padding-top:10px; font-size:0;}
.product li{ display:inline-block; width:31.33%; margin:0 1% 30px;}
.product li a{ display:block;   background-color:#f5f5f5;}
.product li .img{width:100%; height:100%; text-align:center;overflow:hidden; position:relative; background-color:#fff;}
.product li .img img{width:100%; height:100%; -webkit-transition:all .5s;transition:all .5s;}
.product li .img:after{content:""; position:absolute;top:0;left:0;width:100%; height:100%; background-color:rgba(0,0,0,.2); opacity:0;-webkit-transition:all .5s;transition:all .5s;}
.product li .text{padding:15px; text-align:center;}
.product li .text h2{ font-size:18px; line-height:30px; color:#555; white-space:nowrap; overflow:hidden; }
.product li .text h2 span{ color:#008a45; margin-left:5px;}
.product li a:hover .img img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.product li a:hover .img:after{ opacity:1;}
@media screen and (min-width: 992px) and (max-width:1600px){
	.product li .text h2{ font-size:16px; line-height:24px;}
	}
@media screen and (max-width: 992px){
	.product li{width:48%;margin:0 1% 20px;}
	.product li .text{padding:10px;}
	.product li .text h2{ font-size:14px;}
	}

/*产品详情简介*/
.pro-detail-top{ text-align:center;}
.pro-detail-top h1{ font-size:30px; color:#333; padding:10px 0 20px;}
.pro-detail-top h1 span{ color:#008a45; margin-left:10px;}
.tab1{width:100%;margin-top:20px;}
.menu{width:100%; clear:both;background:#eaeaea;}
.menu li{ display:inline-block;text-align:center; padding:15px 30px; font-size:16px;cursor:pointer;}
.menu li.off{background:#008a45;color:#fff;}
.menudiv{width:100%;padding:30px 0;overflow: hidden;position: relative; min-height:400px;}
@media screen and (min-width: 992px) and (max-width:1600px){
	.pro-detail-top h1{ font-size:24px;}
	}
@media screen and (max-width: 992px){
	.pro-detail-top h1{ font-size:20px;}
	.pro-detail-top img{ max-width:96%; max-height:96%;}	
	.menu{ font-size:0; white-space:nowrap; overflow-x:auto;}
	.menu li{ padding:0 12px; font-size:14px; line-height:45px;}
	.menudiv{padding:20px 0;}
}

/*证书*/
.lce{ font-size:0;}
.lce li{ display: inline-block;width:23%; margin:0 1% 10px; text-align:center;}
.lce li a{ display:block;}
.lce li img{ box-shadow:0 5px 5px rgba(0,0,0,.15)}
.lce li span{ display:block; padding-top:5px; font-size:14px; line-height:20px; height:45px;}
.lce li a:hover img{ box-shadow:0 5px 5px rgba(0,0,0,.3)}
@media screen and (max-width: 640px){
	.lce li{ width:46%; margin:0 2% 20px;}
}