body{font-size:16px; font-family:Calibri,verdana,Helvetica;color:#000;margin:0;padding:0; }
ul,li,img,p,h1,h2,h3,h4,h5,h6,input{margin:0;padding:0}
img,input{border:0}
ul,li{list-style-type:none}
a{color:#000;text-decoration:none}
a:hover{color:#79a904;text-decoration:none}
li{list-style:none}
.clear{clear:both}
.zt{width:1400px;margin:0 auto}
.fl{float:left}
.fr{float:right}
.ov{overflow:hidden}
.pre{position:relative}
.abs{ position: absolute;}
.video_content{width:60%; margin: 0 auto;}
.video_index{ width: 100%; /*height: 342px;*/}
.table{width:96%;margin:0 auto; overflow:auto;}
#newtab1,#newtab2,#newtab3,#newtab4{overflow:auto;}
table{width:100%;}
.table p{line-height:26px}
table td{padding:3px 10px}
.sxy{margin:30px 0;border-top:1px #ccc dashed;padding-top:20px}
.sxya{color:#333;line-height:24px}
.sxya a{padding:0 6px}
.fenye{text-align:center;margin-top:30px; }
.fenye span{margin-bottom:10px;display:inline-block}
.fenye_a{padding:5px 10px;color:#898989;border:1px solid #c9caca;margin:0 3px}
.fenye a{padding:5PX 10px;color:#898989;border:1px solid #c9caca;margin:0 3px}
.fenye a.active,.fenye a:hover{color:#fff;background:#577c03;border:0;border:1px solid #577c03}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.linshi-textarea { -webkit-appearance: none;}
.backtop{ display: none; position: fixed; bottom: 20%; right: 3%; z-index: 9999; width: 60px; height: 60px; cursor: pointer; background: url(../images/top.png) no-repeat; text-align: center;}
.backtop a{ color: #fff; font-size: 17px;}
.backtop span{ display: block; text-align: center;}
.md-close.guanbi{ padding: 8px 12px; background: #2d4001; position: absolute; top: -12px; right: 15px;}
.top40{ margin-top: 40px;}

header{ position: relative;}
.top{ background: rgba(255,255,255,.9); position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; box-shadow: 0px 1px 5px #888888}
.logo{ width: 10%; padding: 15px 0;}
.logo img{ width: 100%;}
.logo a{ display: block; font-size: 0;}

.souqu{ margin-top: 30px;}
.shequ{ margin-left: 10px;}
.shequ a{ display: inline-block; width: 28px; height: 28px; line-height: 28px; font-size: 18px; text-align: center; color: #fff; border-radius:5px ; background: #ce9b01;}
.shequ a:nth-child(1){ background: #4d6e01;}
.shequ a:nth-child(2){ background: #2d4001;}
.shequ a:nth-child(3){ background: #7ea32a;}
.shequ a:nth-child(4){ background: #4a6901;}
.shequ a:nth-child(5),.shequ a:nth-child(6),.shequ a:nth-child(7){ background: none; float: right; margin:4px 2px; }
.shequ a img{ width: 100%;}

.language-box{ margin-left: 10px; position: relative;}
.lan{ border: 2px solid #7ea32a; border-radius:6px ; padding:3px 25px 3px 10px; position: relative;}
.lan::after{ content: "\f0d7"; font-family: FontAwesome; display: block; position: absolute; top: 6px; right: 5px; z-index: 100; }
.language-box ul {top: 100%;width: 100%;display: none; position: absolute;
	background-color: #4d6e01;
}
.language-box ul li {margin: 10px 0;}
.shequ>.language-box ul li a { background: none; width: 100%; text-align: center;font-size: 16px;line-height: 24px;	position: relative;	display: block;	color: #fff;}



nav{ float: right; width: 67%;  position: relative;line-height:80px;   }
.caidan{ display: none;font-size:22px; text-align:right; color: #000;}
nav ul li{ float: left; position: relative;}
nav ul li a{ font-size: 18px;   margin: 0 10px; padding: 0 10px; border-top:5px solid transparent ;   display: block; text-transform: uppercase; color: #000; position: relative; }
nav ul li i{ display: none;  position: absolute; top: 40%;right: 10px; z-index: 999; color: #f3f3f3;}
nav ul li:hover a ,nav ul li.active A{ color: #577c03;border-top:5px solid #577c03 ;}

nav ul li:hover i{ color: #f3f3f3;}
.xla{ position: absolute; z-index: 9999; display: none; width: 170px;  background:rgba(87,124,3,0.8); }
.xla>a{ display: block; font-weight: normal; padding:13px 10px; margin: 0;  text-transform: none; line-height: 20px; font-size: 15px;  color: #fff;}
.xla a:last-child{ border-bottom: none;}
nav ul li:hover .xla a:hover{background: #fed900; color: #333; }
nav ul li:hover .xla{ display: block;}
nav ul li:hover .xla a{ color: #fff; border-bottom: 1px dashed #86a441; border-top:none ;} 
nav ul li:hover .xla a:last-child{ border-bottom: none;}

.youshi{ background: #577c03; z-index: 1999;}
.youshi ul{  display: flex; flex-wrap:wrap;justify-content: center;}
.youshi ul li{ overflow: hidden; height: 215px; color: #fff; width:16.65%; text-align: center; background: url(../images/biaobj.jpg) repeat-y;
-ms-transition:0.5s all; -moz-transition:0.5s all;-webkit-transition:0.5s all;}
.youshi ul li:first-child{ background: #577c03;}
.biao{ height: 170px;margin-top: 20px; overflow: hidden;}
.bimg{ width: 72px; height: 54px; padding-top: 18px; margin: 0 auto; text-align: center; border: 1px solid #fff; border-radius:50% ;
-ms-transition:0.5s all; -moz-transition:0.5s all;-webkit-transition:0.5s all;}
.bimg img{ width: 38px;}
.biao h2{ letter-spacing: 2px; text-transform: uppercase; font-family: impact; font-size: 28px; margin-top: 15px; font-weight: normal;
-ms-transition:0.5s all; -moz-transition:0.5s all;-webkit-transition:0.5s all;}

.youcon{ width: 86%; height: 0px; overflow: hidden; margin: 0 auto; /*margin-top: 16px;*/ }
/*.youshi ul li:hover .bimg,.youshi ul li:hover .biao h2{ float: left;}
.youshi ul li:hover .bimg{ border: none;}
.youshi ul li:hover .biao{ margin-top: 0;}*/
.youshi ul li:hover .youcon{ height:55px; padding-top: 10px; font-size: 14px; border-top:1px solid #87b323 ;}
.youshi ul li:hover{ height: 260px;  margin-top: -46px; cursor: pointer; }
.youshi ul li:first-child:hover,.youshi ul li:nth-child(6):hover{ margin-top: 0; height: 215px;}


.zhizaolc{ padding: 60px 0; overflow: hidden;}
.zhitit{ width: 480px; margin: 0 auto; position: relative; text-transform: uppercase; font-size: 30px;}
.zhitit a{ display: block; color: #333;}
.zhitit a:after{ content:"+" ; display: block; position: absolute; top: 6px; right: 0; border: 1px solid #444; width: 26px; height: 26px; line-height: 26px; text-align: center;}



.zhizao{ width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center;}
.zhizao li{ width: 22%; margin: 2% 1%;}
.zhizao li .thumbnail{ position: relative;}
.zhizao li a{ display: block; color: #fff; font-size: 18px;}
.zhiimg img{ width: 100%;-ms-transition:0.5s all; -moz-transition:0.5s all;-webkit-transition:0.5s all;}
.hh{ text-align: center; height: 35px; width:79%; padding:3% ; background: #79a904; color: #fff; position: absolute; left: 8%; bottom: -22px;z-index: 100;  font-size: 20px;}
.zhizao li:hover .zhiimg img{ transform: scale(1.03);}
.zhizao li:hover .hh{background-image: -webkit-linear-gradient(75deg,#699c12,#476504);
    background-image: linear-gradient(75deg,#699c12,#476504);}
.absbj{ position: absolute; z-index: -1; top: 0; left: 0;}

.case{ padding: 60px 0;}
.casetit{ text-align: center; font-size: 30px; text-transform: uppercase; position: relative;}
.casetit:after,.casetit:before{ content: ''; display: block; position: absolute; top: 45%; z-index: 100; width: 42%; border-bottom: 1px solid #333;}
.casetit:after{ right: 0;}
.casetit:before{ left: 0;}
.case ul{ width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 30px;}
.case ul li{ width: 23%; margin: 1%;position: relative;}
.case ul li a{ display: block; font-size: 0; }

.caseimg img{ width: 100%;}

.casehh{ background: #222222; color: #fff; width: calc(100% - 30px); padding: 15px; overflow: hidden;margin-top: 5px;}
.casehh span{ float: left; width: 88%; line-height: 24px; font-size: 16px; height: 70px; }
.casehh img{ width: 12%; float: right;}

.case ul li:nth-child(2n) .caseimg{position: absolute; bottom: 0; left: 0; }
.case ul li:nth-child(2n) .casehh{ position: absolute; top: 0; left: 0; margin-top: 0; margin-bottom: 5px;}
.case ul li:hover .casehh{background: #689811}

.casemore{ width: 88%; margin: 0 auto; text-align: right; margin-top: 20px;}
.product{ padding: 0px 0 60px 0;}
.product ul{display: flex; flex-wrap: wrap; justify-content: center; margin-top: 30px;}
.product ul li{ width: 47%; margin: 0.5%;}
.product ul li a{ display: block; font-size: 0;}
.proimg{ width: 85.5%; overflow: hidden;}
.proimg img,.proapp img{ width: 100%;-ms-transition:0.5s all ease-in; -moz-transition:0.5s all ease-in;-webkit-transition:0.5s all ease-in;}
.protit{ position: absolute; z-index: 1000; top: 10%; right: 5%;}
.protit h2{ font-size: 36px; font-weight: normal; font-family: impact; text-transform: uppercase;}
.protit span{ font-size: 16px;}
.proapp{ width: 14.5%; font-size: 0;}
.product ul li:hover .proimg img{ transform: scale(1.03);}

.about{ background: url(../images/abbj.jpg) right top no-repeat;}
.shipin{ width: 55.5%; font-size: 0; cursor: pointer;}
.shipin img{ width: 100%;}
.shipin video{ width: 1056px; height: 697px;}
.absnew{ background: #fff; padding:50px 60px; position: absolute; top: 80px;  left:47%;  width: 35%;}
.absnew h2{ text-transform: uppercase; font-size: 30px; position: relative; padding-left: 15px;}
.absnew h2:before{ content: ''; display: block; position: absolute; left: 0; top:10px; border:1px solid #333 ; height: 20px; }
.abbt{ width: 72%;}
.abtu{ width: 27%;}
.abcong{ line-height: 24px; margin-top: 20px;}
.abtu img,.newimg img{ width: 100%;}
.newsc{ margin-top: 40px;}
.newimg{ width: 40%; font-size: 0;   box-shadow: 7px 7px 0px 0px #c0c0c0;}
.newul{ width: 57%;}
.newul ul{ margin-top: 15px;}
.newul ul li{ padding: 8px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newul ul li a{ font-size: 18px;}

footer{ background: #222222; padding-top: 60px; overflow: hidden; color: #aaaaaa;}
footer h2{ font-size: 30px; text-transform: uppercase; position: relative; padding-left: 10px; margin-bottom: 30px;}
footer h2:before{content: ''; display: block; position: absolute; left: 0; top:8px; border:1px solid #557903 ; height: 20px;}
.dibucont{ width: 45%;}
.dimess{ width: 50%;}
.dibucont ul{ margin-top: 50px;}
.dibucont ul li{ padding-left: 35px; margin-bottom: 34px;}
.dibucont ul li a{ margin-right: 15px;}
.dibucont a{ color: #fff;}
.dibucont ul li span{ width: 68%; font-size: 18px; color: #fff;}
.dibucont ul li i{ text-transform: uppercase; font-style: inherit; color: #aaa; margin-top: 10px;}
.dibucont ul li:nth-child(1){ background: url(../images/dtel1.jpg) 0 50% no-repeat;}
.dibucont ul li:nth-child(2){ background: url(../images/dtel2.jpg) 0 50% no-repeat;}
.dibucont ul li:nth-child(3){ background: url(../images/dtel3.jpg) 0 50% no-repeat;}
.dibucont ul li:nth-child(4){ background: url(../images/dtel4.jpg) 0 50% no-repeat;}


.ditext{color: #fff; background: #393939; border: none; height: 36px; line-height: 36px; padding-left: 10px; width: calc(31% - 10px); margin-right: 2%;}
.londitext{ color: #fff;border: none; background: #393939; height: 100px; width: calc(97% - 12px); padding-left: 10px; font-family: calibri; font-size: 16px; margin-top: 2%;}
.dibtn{ display: block; height: 36px; line-height: 36px; width:97%; background: #5a7f04; color: #fff; cursor: pointer; text-align: center; font-size: 18px; margin-top: 10px;}
.banqu{ background: #0d0d0d; padding: 15px 0; margin-top: 60px;}
.banqu a{ color: #aaa; text-transform: uppercase; padding: 0 15px; line-height: 30px;}
.banqu a:hover{ color: #8dc902;}
.dishe a{ display: inline-block; width: 30px; height: 30px; padding: 0; border-radius:50% ; margin: 0 15px; line-height: 30px; text-align: center; background: #666666; color: #0d0d0d;}


.lishi{ margin-top: 60px; position: relative; padding: 60px 0 0 0; overflow: hidden;}
.lishi:after{ content: ''; display: block; position: absolute; left: 50%; top: 0; border-left: 1px solid #5a7f04; height: 100%; border-radius:1px;}
.lishi li{ width: 44%; float: right; font-size: 18px;  padding-right: 4%; margin-bottom: 3%; position: relative; }
.lishi li:nth-child(2n+1){ text-align: left; margin-top: -10px; }
.lishi li:nth-child(2n+1):before{ content: ''; width: 16px; height: 16px; background: #5a7f04; border-radius:50% ; display: block; position: absolute; left:-36px; top: 0;}
.lishi li:nth-child(2n){ text-align: right;margin-top: 60px;}
.lishi li:nth-child(2n):before{ content: ''; width: 16px; height: 16px; background: #5a7f04; border-radius:50% ; display: block; position: absolute; right:20px; top: 0;}
.lishi li i{ font-style: inherit; color: #5a7f04; font-weight: bold;}

.neirb{ margin-top: 40px; margin-bottom: 60px;}
.neirb h1{ font-size: 30px; text-align: center; }
.abcon{ margin-top: 25px; line-height: 24px;}
.abcon p{ margin-bottom: 10px;}
.mbx{ background: #f5f5f5;}
.mbxtit{ line-height: 60px; text-transform: uppercase; color: #fff; background: #5a7f04; padding:0 50px; font-size: 25px; font-family: impact;}
.mbxlj{ line-height: 30px; padding: 15px 0 15px 23px; background: url(http://es.julite.com/Public/home/images/mbxbj.jpg) 0 50% no-repeat;}

/*.newslist{ display: flex; flex-wrap: wrap;}
.newslist li{ width: 27%; margin: 1.5%; border:1px solid #333; padding: 2%;}
.newslist li:nth-child(3n){ margin-right: 0;}
.newslist li:nth-child(3n+1){ margin-left: 0;}
.newslist li h2{ font-size: 18px;}
.newslist li span{ color: #666; font-size: 16px; display: block; margin-top: 10px;}
.nriqi{ overflow: hidden; margin-bottom: 15px; font-size: 30px;}*/
.newslist{ margin-top: 30px; display: flex; flex-wrap: wrap;}
.newslist li{ overflow: hidden;  width: 48%; margin: 1%;}
.newslist a{ display: block;}
.newimg2{ width: 32%; font-size:0px;}
.newimg2 img{ width: 100%;}
.newconl{ width: 60%; padding-right: 2%; margin-left: 3%; position: relative;}
.newconl:after{ content: ''; position: absolute; right: 0; top: 0; height: 200px; }
.newconl h2{ font-size: 20px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 10px; margin-bottom: 10px;}
.newconl span{ display: block; line-height: 22px;}
.newdate{ padding-right: 2%; padding-top: 15px; color: #aaa; font-size: 15px;}
.newdate span{ margin-bottom: 10px;}
.morenew{ font-size: 14px; background: #0095d7; padding: 10px; margin-top: 10px; color: #fff; line-height: 18px;}
.newslist li{ background: #f4f4f4;}
.newslist{ margin-bottom: 80px;}

.contd{ width: 29%; background: #f5f5f5; padding: 2% 3%;}
.contd ul li{ padding: 15px 0; border-bottom: 1px solid #ccc; color: #444;}
.contd ul li i{ color: #f60; margin-right: 10px;}
.contd ul li:nth-child(1) i{ font-size: 24px;}
.map{ width: 64%;}
.map img{ width: 100%;}
.contmess{ margin-top: 50px;}
.contmess h2{ text-align: center; font-family: impact; font-weight: normal; margin-bottom: 30px;}
.contmess form{ width: 100%;}
.context{ width: calc(30% - 15px); margin-bottom: 15px; margin-right: 2%; border: 1px solid #999; height: 36px; line-height: 36px; padding-left: 15px;}
.conlong{ display: block; width: 95%; height: 100px; font-family: calibri; font-size: 16px; padding-left: 15px;}
.conbtn{ display: block; width: 60%; background: #5a7f04; color: #fff; font-size: 18px; cursor: pointer; margin: 0 auto; margin-top: 20px; line-height: 40px; height: 40px;}

.zt2{ width: 1200px; margin: 0 auto;}
.copyr{ text-align: center; background: #222; padding: 25px 0; color: #ccc;}
.copyr i{ color: #b91111;}
.toppp{ margin-top: 0;}



.caseull{ /*top: 10%; right:10%; margin-right: -20px; z-index: 9999;*/ width: 49px; text-align: center; margin-top: 20px; }
.caseull ul li{ width: 49px; height: 49px; margin: 0 auto; margin-bottom: 8px; }
.caseull ul li a{ display: block;width: 49px; height: 49px; text-indent: -9999px;}
.caseull ul li:nth-child(1){ background: url(../images/g1.png) no-repeat;}
.caseull ul li:nth-child(2){ background: url(../images/g2.png) no-repeat;}
.caseull ul li:nth-child(3){ background: url(../images/g3.png) no-repeat;}
.caseull ul li:nth-child(4){ background: url(../images/g4.png) no-repeat;}
.caseull ul li:nth-child(5){ background: url(../images/g5.png) no-repeat;}
.caseull ul li:nth-child(6){ background: url(../images/g6.png) no-repeat;}
.caseull ul li:nth-child(7){ background: url(../images/g7.png) no-repeat;}
.caseull ul li:nth-child(8){ background: url(../images/g8.png) no-repeat;}
.caseull ul li:nth-child(9){ background: url(../images/g9.png) no-repeat;}
.caseull ul li:nth-child(10){ background: url(../images/g10.png) no-repeat;}
.caseull ul li:nth-child(11){ background: url(../images/g11.png) no-repeat;}
.caseull ul li:nth-child(12){ background: url(../images/g12.png) no-repeat;}

#sidebar.sticky { max-width: 264px; position: fixed; top: 20px; z-index: 6; right: auto; }

.huisebj{ background: #f4faff; padding-top: 40px;}
.casecent{  width: 90%; margin-bottom: 60px;}
.casecent ul{ /*display: flex; flex-wrap: wrap; justify-content: center; */margin-top: 30px;}
.casecent ul li{overflow: hidden; margin: 2% 0;position: relative;padding: 1%;border: 1px solid #888; background: #fff; border-radius:15px ;}
.casecent ul li a{ display: block;  }

.caseliimg{ width: 27%;}
.caseliimg img{ width: 100%; border-radius:15px ;}
.caselih{ width: 70%; float: left; padding-left: 3%;}
.caselih h2{ font-size: 26px; font-weight: normal; margin-top: 20px;}
.caselih h3{ font-size: 19px; margin-top: 10px; color: #94b644;}
.caselih span{ display: block; font-size: 18px; line-height: 30px; color: #666; margin-top: 20px;}

.casecent ul li .caseliimg{ float: left;}


.jq22-container{ margin-top: 30px;}
.elem, .elem * {box-sizing: border-box;	margin: 0 !important;}
.neirb .content{ display: flex; flex-wrap: wrap; }
.elem {display: inline-block;font-size: 0;	width: 25%;	border-bottom: none;background: #fff;	padding: 1%;	height: auto;	background-clip: padding-box;}
.elem > span {display: block;	cursor: pointer;	height: 0;	padding-bottom: 70%;	background-size: cover;	background-position: center center;}

.abtt,.abtt2 { margin-top: 40px; }
.abtt .fenlei{ margin-top: 0;}
.abtt h1,.abtt3 h4{ font-size: 32px; /*font-family: 'Aerolinea';*/  background: url(http://es.julite.com/Public/home/images/abtitbj.jpg) 50% 0 no-repeat; text-align: center; padding-bottom: 15px;}
.abcond{ margin-top: 10px; line-height: 26px;}
.abcond p{ margin-bottom: 10px;}
.retur{ text-align: center; margin: 50px 0;}
.retur a{ display: inline-block; background: #00b5e7; padding: 10px 40px; color: #fff; text-transform: uppercase; border-radius:25px ;}
.retur a:hover{ background: #ffcc00; color: #000;}
.hotpro{ border-top:1px solid #eee ; padding: 40px 0;}
.hotpro h2{ text-align: center; font-size: 26px;font-family: 'Aerolinea';  margin-bottom: 20px;}
.fenlei li:nth-child(4n){ margin-right: 0;}
.fenlei li:nth-child(4n+1){ margin-left: 0;}

.fenlei{ display: flex; flex-wrap: wrap;}
.fenlei li{margin: 0.1%; width: 24.8%; text-align: center;}
.fenlei li a{ background: #e5e5e5; color: #333; font-size: 16px; display: block; padding: 10px 0; line-height: 22px;}
.fenlei li a:hover,.fenlei li a.cpativ{ background: #5a7f04; color: #fff;}

.cptut{ width: 51%; margin-top: 30px;}
.cpjidsf{width: 40%; margin-top: 30px;}
.cpjidsf h1{ text-align: left; font-family: arial; font-size: 20px; text-transform: inherit; margin-top: 10px; margin-bottom: 10px; border-bottom: #ccc solid 1px; }
.aboutner{ /*margin-top: 15px; */padding: 0 10px;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle; width:100%}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden; display: flex; flex-wrap: wrap;justify-content: center;}
.tb-thumb li{margin:0 3px;overflow:hidden;padding:1px; border: 1px solid #ccc; font-size: 0;}
.tb-s310, .tb-s310 img,.tb-s40 img{width:100%;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{width:58px;height:53px;}
.tb-booth{border:1px solid #ccc;position:relative;z-index:1;}
.tb-thumb .tb-selected{ border: 1px solid #5a7f04;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
div.zoomDiv{z-index:999; font-size:0;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(http://es.julite.com/Public/home/images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.lineh{ line-height:64px; margin-right:18px}
.tb-pic a:nth-child(2),.tb-pic a:nth-child(3),.tb-pic a:nth-child(4),.tb-pic a:nth-child(5),.tb-pic a:nth-child(6){ display: none;}

.cpxiang{/* width: 70%; */line-height: 28px; margin-top: 35px;}
.topp3{ margin-top: 30px;}
.cpxiang p{ margin-bottom: 5px;}
.miadf{ padding: 0 10px 0 0 ; /*margin-top: 20px; */ line-height: 28px;}
.cpanniu{ margin-top: 20px;}
.cpanniu a{ display: inline-block; padding: 9px 40px; color: #fff; background: #3c3c3c; font-size: 16px; margin-right: 15px; border-radius:6px ;}
.cpanniu a:nth-child(1){ background: #5a7f04;}

.proh2{ font-family:Aerolinea ; font-size: 24px; border-bottom: 1px solid #ccc; margin-top: 30px; margin-bottom: 20px;}
.proh2:after{ content: ''; display: block; width: 170px; height: 3px; background: #5a7f04; margin-top: 16px;}
.cpxiang h2{ color: #5a7f04; margin-bottom: 15px; }
.cpxiang img{ /*width: 100%;*/ }
.cpxiang h2:before{ content: ""; display: inline-block; margin-right: 10px; width: 15px; height: 15px; border-radius:50% ; background: #5a7f04;}
.cptextfel{ width: 22%; background: #f2f2f2; padding: 2%; margin-top: 60px;}
.cptextfel h2{ font-size: 30px; text-align: center;}


.cplist{ width: 75%; margin-bottom: 70px;}
.proli{ width: 22%; margin-top: 10px;}
/*.proli ul li{ border-left:3px solid #eee ; margin-bottom: 10px;}*/
.proli ul li a{ display: block;}
.proli ul li:hover,.proli ul li.active{ border-left:3px solid #5a7f04 ;}

.menu_list{background: #fff; overflow: hidden;}
.menu_head{display:block;padding:12px 0 12px 10px; background:#eee;text-decoration:none;color:#000;border-left:3px solid #eee;  position: relative; margin-bottom: 5px; }
.menu_head a{ display: block; line-height: 20px;}
.menu_head em{position: absolute; top: 38%; right: 10px; color: #000;}
.menu_list .menu_body{display:none;color:#666;}
.menu_body li{background:#e9eef6; margin-bottom: 5px; }
.menu_body li a{ display: block; padding:10px 10px 10px 15px;color:#555;}
.menu_body li:hover a{ color: #5a7f04;}
.menu_head.current,.menu_head:hover{ border-left:3px solid #5a7f04 ;}
.menu_head.current a,.menu_head:hover a,.menu_head.current em,.menu_head:hover em{ color: #5a7f04;}
.shouqi{ background: #6e911b url(../images/shouqi.jpg) no-repeat; color: #fff; line-height: 50px; font-size: 18px; cursor: pointer; text-align: center;margin-bottom: 50px;}
.shouqi span{ position: relative; padding: 0 20px;}
.shouqi span:after{ content: "\f103"; font-family: FontAwesome; color: #fff; display: block; position: absolute; right: 0; top: -12px; z-index: 100;}
.shouqi.hide span:after{ content: "\f102";}
.cptuli{ display: flex; flex-wrap: wrap;}
.cptuli li{ position: relative; width: 48%; margin: 1%;}
.cptuli li a{ font-size: 0;}
.cptuli li img{display: block; width: 100%; -webkit-transition: all 0.5s;-ms-transition: all 0.5s;-moz-transition: all 0.5s;}
.cplink{font-size: 14px; text-align: center; line-height: 22px; margin-top: 10px;}
.cptuli li:nth-child(2n){ margin-right: 0;}
.cptuli li:nth-child(2n+1){ margin-left: 0;}
.cptuli li:hover img{transform: scale(1.03);}
.cptuli li .tuda{ font-size: 0;border: 1px solid #eee; }

.proli h2{ font-size: 25px; text-transform: uppercase; line-height: 60px; border-top:2px solid #5a7f04 ;}
/*.applic{ margin-top:30px;}*/
.cate_h2{ margin-top:30px;}
.applic a{ display: block; font-size: 0px; padding:  0;  margin-bottom: 10px; color: #fff; position: relative; z-index: 2;}
.applic span{ position: absolute; font-size: 18px; top: 0; left: 0; height: 50px; line-height: 50px; padding-left: 15px; z-index: 1000; display: block;}

.applic a span:after{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 138px; z-index: -1; background: rgba(90,127,4,0.85); -webkit-transition: all 0.5s;-ms-transition: all 0.5s;-moz-transition: all 0.5s;}
.applic a:hover span:after,.applic a.active span:after{ width: 160px;}
.shaixuan{ margin-top: 40px; margin-bottom: 30px;}
.applic a img{ width: 100%;}

.youappli{ margin-bottom: 25px;}
.youappli h2{ text-transform: uppercase; font-size: 25px; position: relative; padding-top: 15px; margin-top: 10px; margin-bottom: 8px;}
.youappli h2:before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 280px; border: 1px solid #5a7f04; }
.youappli ul{ display: flex; flex-wrap: wrap; justify-content: center;}
.youappli ul li{ width: 48%; margin: 1%;}
.youappli ul li img{ width: 100%;}
.youappli ul li:first-child{ width: 98%;}
.secontul{ display: none;}

.contuser{ display: flex; flex-wrap: wrap; /*justify-content: center;*/}
.contuser li{width: calc(45% - 2px); margin:0 0.5% 2% 0.5%; padding: 2%; border: 1px solid #ccc; border-radius:8px ;}
.contuser li span{ display: block; line-height: 26px; color: #555;}
.contuser li span a{ color: #555;}
.contuser li span a:hover{ color: #5eb048;}
.contuser li span i{ margin-right: 5px; color: #5eb048;}

.kefutou{width: 130px; height: 130px; margin: 0 auto; border-radius:50% ; border: 1px solid #ccc;}
.contuser li img{ width: 100%; border-radius:50% ;}
.contuser li h2{ text-align: center; margin-bottom: 15px;}

.team ul,.timehistory ul{ display: flex; flex-wrap: wrap;}
.team ul li{ width: calc(96% - 2px);  padding: 1%; margin: 1%;}
.teamer{ width: 20%; border-radius:50% ; border: 2px solid #ccc;}
.teaminfo{ width: 76%; margin-top: 20px;}
.teaminfo span{ margin-top: 10px; display: block;}
.timehistory{ background: url(../images/timebj.jpg) 5px 50%  no-repeat;}
.timehistory ul{ justify-content: center;}
.timehistory ul li span{ display: block;}
.timehistory ul li{ width:20%; padding:1% 3% 3% 3%; margin:3%; background: url(../images/timelibj.jpg) 50% 0 no-repeat; line-height: 22px; font-size: 14px;}
.timehistory ul li:nth-child(4),.timehistory ul li:nth-child(5){background: url(../images/timeli02.jpg) 50% 0 no-repeat;padding:1.5% 3% 1% 3%; margin:2% 3% 3% 3%; }

.howdo{ margin-top: 50px;}
.howzuo{ font-size: 28px; font-weight: bold; }
.howzuo a{text-decoration: underline;}
.howzuo a span{ color: #666; font-size: 20px;}
.howyou{ color: #808080; margin-top: 10px;}
.howyou a{color: #f10; font-size: 18px;}
.howyou i{ color: #f10; margin-right: 5px;}

.agent{ display: flex; flex-wrap: wrap; justify-content: center; margin-top: 30px;}
.agent li{ width: calc(50% - 2px); border: 1px solid #ccc;}
.guojia{ width: calc(20% - 1px); border-right:1px solid #ccc ; text-align: center; background: #f0f0f0; padding-top: 80px; height: 180px;}
.guojia img{ border-radius:5px ;}
.guojia span{ display: block; font-size: 26px; text-transform: uppercase; margin-top: 10px;}
.guojiainfo{ width: 76%; padding: 20px 0 20px 4%; font-size: 18px; line-height: 30px;}
.guojiainfo p span{ }
.guojiainfo p span:nth-child(1){ font-weight: bold; text-transform: uppercase;}

.messtexlok{ width: 50%; margin: 0 auto;margin-bottom: 15px; border-radius:5px ; text-align: left; border: 1px solid #fff;  padding-left: 10px;}
.messtexlo{ width: 80%; outline: none; background: none; display: inline-block;height: 36px; line-height: 36px;}
.messtexlok:before{ content: "\f2c0"; font-family: FontAwesome; display: inline-block; color: #fff; }

.passw:before{ content: "\f084";}
.messtel:before{ content: "\f095";}
.messemail:before{ content:"\f0e0"}
.messcoun:before{ content:"\f024"}
.gogolo{ background: #fff; padding: 7px 26px; border-radius: 10px;}

.messtexlo{ padding-left: 10px;}
.messtexlo::-webkit-input-placeholder,.messcont textarea::-webkit-input-placeholder{ color: #fff;}
.messlognf{ background: none; border: none; height: 80px; width: 89%; margin-top: 10px;padding-left: 10px;font-family: calibri;    font-size: 16px;}
.messcont:before{content:"\f07c"; float: left; margin-top: 10px;}

.shipinflex{ display: flex; flex-wrap: wrap; justify-content: center;}
.shipin_video{ width: 29%; margin: 2%; background: #000;}
.shipin_video video{ width: 100%;}

.abneitop{ margin-top: 60px;}
.zuoabt{ width: 15%;}
.youabt{ margin-top: 30px; margin-bottom: 60px;}
.youabt h2{ margin-top: 20px; border-top: #aaa solid 1px; padding-top: 20px; font-family: georgia; font-weight: normal; font-size: 28px; color: #3f5903; text-transform: uppercase; margin-bottom: 18px;}
#section-1{ border: none;}


.honn{ display: flex; flex-wrap: wrap; justify-content: center;}
.honn li{ width: 18%; margin: 2% 3%;}
.shipinflex img{ width: 100%;}

.guanyu ul{ display: flex; flex-wrap: wrap; justify-content: center; margin-top: 65px;}
.guanyu ul li{border: 1px solid #d9d9d9;}
.affix-top.nav-tabs{ border-bottom: none;}
.guanyu ul li a{background: #f0f0f0;  display: block; padding: 10px 52px; font-size: 18px; }
.guanyu ul li:hover a,.guanyu ul li.active a{ background: #6e911b; color: #fff;}

.fazhanul{ background: url(../images/abbj-1.jpg) 50% 0 no-repeat; margin-top: 50px; overflow: hidden; }
.fazhanul ul li{ clear: both;}
.imgimg{ overflow: hidden;}
.widimg{ width: 530px; text-align: right; position: relative;}
.fazhanul ul li:nth-child(2n) .fazhanimg .widimg{ float: right;}
.widimg img{ width: 100%; -webkit-transition: all .6s; -ms-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s;}
.fazhanul ul li:nth-child(5) img{ width: 250px;}
.fazhanul ul li:nth-child(2n+1) .fazhanimg{ float: left; width: 50%; }
.fazhanul ul li:nth-child(2n+1) .fazhancon{ float: right; width: 46%;}
.fazhanul ul li:nth-child(2n) .fazhanimg{ float: right;  width: 50%;}
.fazhanul ul li:nth-child(2n) .fazhancon{width: 46%; float: left; text-align: right;}
.fazhancon{ margin-top: 8%;}
.fazhancon h3{ color: #6e911b; font-size: 35px; font-weight: bold;}

.imgbor{font-size: 0; border: 1px solid #aaaaaa;}
.widimg:after{ content: ''; display: block; position: absolute; z-index: -1; top: 115px; left: 100%; width: 180px; border-bottom: 1px solid #6e911b;}
.fazhanimg { position: relative;}
.fazhanimg:after{ content: ''; display: block; position: absolute; z-index: 320; top: 108px; right: -10px; width: 18px; height: 18px; border-radius:50% ; border: 1px solid #6e911b; background: #f0f0f0;}
.fazhanimg:before{ content: ''; display: block; position: absolute; z-index: 330; top: 112px; right: -6px; width: 10px; height: 10px; border-radius:50% ; 
background: #6e911b; -webkit-transition: all .6s; -ms-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; transform: scale(0);}

.fazhanul ul li:hover .widimg img{ transform: scale(1.03);}
.fazhanul ul li:nth-child(2n) .widimg:after{ left: auto; right: 100%;  }
.fazhanul ul li:nth-child(2n) .fazhanimg:after{ left: -10px; right: auto;}
.fazhanul ul li:nth-child(2n) .fazhanimg:before{ right: auto; left: -6px;}
.fazhanul ul li:hover .fazhanimg:before{ transform: scale(1);}

.fazhancon span{ display: block; line-height: 28px; font-size: 18px; margin-top: 15px;}

.fazhansq{ width: 180px; height: 40px; padding: 10px 0; margin: 0 auto; margin-top: 40px; margin-bottom: 60px; cursor: pointer;  text-align: center; font-size: 18px;}
.fazhansq span:after{ content: "\f103" ; display: block; text-align: center; font-family: FontAwesome; }
.fazhansq.hide{ display: none;}
.fazhansq.hide span:after{content: "\f102" ;}

.honn img{ width: 100%;}
.chanxian ul{ display: flex; flex-wrap: wrap; }
.chanxian ul li{ width: 33%; margin: 0.15%; position: relative;}
.xianimg{ overflow: hidden; font-size: 0;}
.xianimg img{ width: 100%; -webkit-transition: all .6s;-ms-transition: all .6s;-moz-transition: all .6s;-o-transition: all .6s;}
.xiancon{ position: absolute;height: 45px; padding-top: 15px; background: rgba(0,0,0,0.6); color: #fff; bottom: 0; left: 0; right: 0; z-index: 100; text-align: center; font-size: 20px;}
.chanxian ul li:hover .xianimg img{ transform: scale(1.03);}

.affix{ z-index: 900; top: 0;}

.topfixed .logo{ width: 6%; padding: 8px 0;}
.topfixed .souqu{ margin-top:10px;}
.topfixed nav{ line-height: 40px;}

.zhshipin{ display: flex; flex-wrap: wrap;}
.zhshipin_video{ width: 31%; margin: 1%; background: #000; float: left;}
.zhshipin_video iframe{ width: 100%; height: 300px;}


@media only screen and (max-width:1680px ) and (min-width:1441px ) {
	.absnew { top: 56px;left: 43%;width: 41%;}
	.topfixed nav ul li a{ padding: 0 10px;}
	.casehh span{ font-size: 15px;}
	.casehh{ width: calc(100% - 20px); padding: 10px;}
	.shipin{ width: 63%;}
	.newul ul li a{ font-size: 16px;}
}
@media only screen and (max-width:1440px ) and (min-width:1367px ) {
	.zt{ width: 1200px;}
	.guanyu ul li a{ padding: 10px 38px;}
	.biao h2{ font-size: 24px;}
	.biao{ padding:15px; height: 145px;}
	.shipin{ width: 65%;}
	.dibucont{ margin-left: 2%;}
	.widimg:after{ width: 80px;}
	.casehh span{ line-height: inherit;}
	.topfixed nav ul li a{ padding: 0 0px;}
	.abcong{ height: 120px; overflow: hidden;}
	.newul ul li a{ font-size: 16px;}
	.newul ul{ margin-top: 5px;}
	.newul ul li{ padding: 3px 0;}
	nav ul li a{ padding: 0px;}
}
@media only screen and (max-width:1366px ) and (min-width:1300px) {
	.zt{ width: 1200px;}
	.shipin{ width: 67%;}
	nav ul li a{ padding: 0px;}
	
	.casehh span{ height:74px; font-size: 14px; line-height: 20px;}
	.casetit:after, .casetit:before{ width: 40%;}
	.abcong{ height: 120px; overflow: hidden; margin-top: 15px;}
	.newul ul li a{ font-size: 16px;}
	.newul ul{ margin-top: 5px;}
	.newul ul li{ padding: 3px 0;}
}
@media only screen and (max-width:1280px ) and (min-width:1201px) {
	.zt{ width: 1200px;}
	.shipin{ width: 67%;}
	nav ul li a{ padding: 0 6px;}
	.casehh span{  height: 62px; font-size: 12px; line-height: 20px;}
	.abcong{ height: 120px; overflow: hidden; margin-top: 15px;}
	.absnew { padding: 30px;}
	.newul ul li a{ font-size: 16px;}
	.newul ul{ margin-top: 5px;}
	.newul ul li{ padding: 3px 0;}
	.casehh{ width: calc(100% - 20px); padding: 10px;}
	.casetit:after, .casetit:before{ width: 40%;}
	.zhizao li a{ font-size: 16px;}
}



@media only screen and (max-width:768px ) {
	.zt,.zt2{ width: 100%;}
	.guanyu ul{ margin-top: 20px;}
	.youshi ul li:first-child,.youshi ul li:nth-child(6){ display: none;}
	nav{ width: 68%;}
	nav ul li a{ margin: 0; padding: 0 10px;}
	.youshi ul li{ width: 25%;}
	.biao h2{ font-size: 22px;}
	.bimg{ width: 68px; height: 48px;}
	.zhizao li{ width: 23%; margin: 1%;}
	.hh{ font-size: 16px; height: 60px;}
	.casetit:after, .casetit:before{ width: 30%;}
    .absnew{ position: relative; top: 0; left: 0; width: calc(100% - 120px);}
    .shipin{ width: 100%; float: none;}
    .dibucont ul li{ width: 100%;}
    .dibucont ul li img,.dibucont ul li:last-child img{ width: 20%;}
    .dibucont ul li span{ width: 78%;}
    .dibucont ul li:last-child span{ width: 78%; font-size: 18px;}
    .daodi{ float: none; width: 100%; text-align: center;}
    .dishe{ float: none; text-align: center; margin-top: 20px;}
    .neirb{ padding:0 10px;}
    div.zoomDiv{display:none;}
div.zoomMask{display: none;}
.contuser li{ width: 42%; margin: 1.5%; padding: 2%;}
.timehistory,.timehistory ul li,.timehistory ul li:nth-child(4),.timehistory ul li:nth-child(5){ background: none;}
.timehistory ul{ justify-content: inherit;}
.timehistory ul li span{ float: left;}
.timehistory ul li{counter-increment: testname; width: 29%; margin: 1%; padding: 1%;}
.timehistory ul li span:nth-child(1):before{ content: counter(testname); display: inline-block; float: left; margin-right: 15px;width: 40px;line-height: 30px; color: #1792d2; font-family: georgia;  font-size: 50px; text-align: center;}
.timehistory ul li span:nth-child(1){ width: 20%;}
.timehistory ul li span:nth-child(2){ width: 80%;}
.timehistory ul li:nth-child(4),.timehistory ul li:nth-child(5){ width: 29%; margin: 1%; padding: 1%;}
.guojia{ width: 25%;}
.guojia span{ font-size: 20px;}
.guojiainfo { width: calc(70% - 1px); padding: 20px 2.5%;}
.messtexlok{ width: 80%; }

.biao{ height: 130px;}
.newslist li{ width: 96%;}
.shipin video{ width: 100%; height: auto;}
.youabt{ padding: 0 10px;}
.guanyu ul li{ width: 20%; margin: 1%; }
.guanyu ul li a{ padding: 10px 0; text-align: center;}
.widimg{ width: 300px;}
.casehh span{ height: auto;}
.applic span{ height: 58px; line-height: 58px;}

}

@media only screen and (max-width:480px ) {
	img{ width: 100%;}
	.top{ position: relative; padding-top:90px ;}
	.logo{float: none; width: 30%; position: absolute; top: 0; left: 0; z-index: 9999;}
	.souqu{ float: none; position: absolute; right: 0; top: 0; z-index: 9999;}
	nav{ float: none; width: 100%;  line-height: 50px; background: #3b5500;}
	.caidan{ display: block; color: #fff; margin-right: 15px;}
	nav ul{ display: none;}
	nav ul li{ float: none; width: 100%; text-align: center;}
	nav ul li a{ padding: 0 6px; margin: 0 10px; color: #fff; border-top:none ;}
	nav ul li:hover a ,nav ul li.active A{ color: #fff; border-top:none ;}
	nav ul li i{ color: #fff; top: 10px;}
	.xla{ position: relative; width: 100%;}
	nav ul li:hover .xla{ display: none;}
	.youshi{ background: none; display: none;}
	.youshi ul{ display: flex; flex-wrap: wrap;}
	.youshi ul li{ width: 50%; margin-bottom: 5px;}
.bimg{ width: 58px; height: 38px;}
.bimg img{ width: 30px;}
.biao{ height: 100px; margin-top: 0;}
.biao h2{ font-size: 18px;}
.youshi ul li{ height: auto; padding-bottom: 15px;}
.youshi ul li .youcon{ display: block; height: auto; font-size: 12px; line-height: 20px;}
.youshi ul li{ margin-top: 0px; cursor: pointer; }
.youshi ul li:hover{ height: auto; margin-top: 0;}
.youshi ul li:hover .youcon{ height: auto; padding-top: 0;}
.zhizaolc{ padding: 30px 0;}
.zhitit{ width: 100%; text-align: center; font-size: 24px; line-height: 40px;}
.zhitit:after{ display: none;}
.zhitit a:after{ right: 5px; display: none;}
.zhizao{ width: 100%;}
.zhizao li{ width: 48%; margin-bottom: 30px;}
.hh{ height: 72px; bottom: -20px;}
.case{ padding: 30px 0;}
.casetit:after, .casetit:before{ width: 20%;}
.case ul li{ width: 98%;}
.case ul li:nth-child(2n) .caseimg{ position: relative;}
.case ul li:nth-child(2n) .casehh{ position: relative;}
.casehh{ margin-top: 0;}
.product ul li{ width: 98%;}
.protit h2{ font-size: 26px;}
.absnew{ padding: 20px;    width: calc(100% - 40px);}
.abtu,.newimg{ display: none;}
.abbt{ width: 100%;}
.newul{ width: 100%;}
.dibucont{ float: none; width: 98%;}
.dibucont ul li span{ font-size: 18px;}
.dibucont ul li i{ margin-top: 10px; margin-bottom: 5px;}
.dibucont ul li:last-child i{ font-size: 18px;}
.dimess{ float: none; width: 96%; margin-left: 2%;}
.mbxtit{ display: none;}

.contd,.map{ float: none; width: 100%;}
	.contd{ width: 94%;}
	.context{ width: calc(100% - 17px); margin-right: 0;}
	.conlong{ width: calc(100% - 17px);}
	.elem{ width: 50%;}
	
.fenlei li,.fenlei.anlifen li{ width: 48%; margin: 1%;}
.fenlei li a{ text-align: center;}
.fenlei li:nth-child(4n){ margin-right: 1%;}
.fenlei li:nth-child(4n+1){ margin-left: 1%;}
.cptut{ float:none; width: 100%; margin: 0 auto; margin-bottom: 15px; margin-top: 20px;}
.cpjidsf{ float:none; width: 100%; margin: 0 auto;}
.miadf{ margin-top: 0;}
.cptextfel{ float: none; width: calc(100% - 40px); padding: 20px; margin-top: 20px;}
.cpxiang{ float: none; width: 100%;  margin-top: 20px;}
.cplist,.proli{ float: none; width: 96%; margin: 0 auto}
.cplist{ margin-bottom: 0px; margin-top: 20px;}
.proli{ margin-top: 20px;}
.cptuli li{ width: 48%; margin: 1%;}
.cptuli li:nth-child(2n){ margin-right: 1%;}
.cptuli li:nth-child(2n+1){ margin-left: 1%;}
.caseliimg,.caselih{ float: none; width: 100%;}

.contuser li{ width: 90%; text-align: center;}
.team ul li{ width: calc(96% - 2px);}
.timehistory ul li span:nth-child(1){ width: 15%;}
.timehistory ul li span:nth-child(2){ width: 85%;}
.timehistory ul li,.timehistory ul li:nth-child(4),.timehistory ul li:nth-child(5){ width: 96%;}
.agent li{ width: calc(98% - 2px); overflow: hidden;}
.guojia{ float: none; width: 100%; padding: 10px 0;}
.guojia span{ display: inline-block;}
.guojiainfo{ width: 96%; border: none;}
.howzuo,.howyou{ float: none; width: 100%;}
.howzuo{ text-align: center;}
.shipin_video{ width: 96%;}
.shipin_video video{ width: 100%;}
.zuoabt,.youabt{ width: 96%; margin: 0 auto; float: none; margin-top: 30px; margin-bottom: 30px;}
.zuoabt{ display: none;}
.casemore img{ width: 50px;}
.newimg2{ float: none; width: 100%;}
.newconl{ margin-left: 0; padding: 0 2% 2% 2%;float: none; width: 96%;}

.chanxian ul li{ width: 49%; margin: 0.15%; }
.xiancon{ font-size: 14px; height: 30px;}
.honn li{ width: 48%; margin: 1%; }
.guanyu ul li{ width: 47%; margin: 1%; }
.guanyu ul li a{ padding: 10px 0; text-align: center;}

.fazhanul{ background: none;}
.widimg{ width: calc(100% - 2px);}
.fazhanul ul li:nth-child(2n+1) .fazhanimg,.fazhanul ul li:nth-child(2n) .fazhanimg{ float: none; width: 98%; margin: 0 auto;}
.fazhanul ul li:nth-child(2n+1) .fazhancon,.fazhanul ul li:nth-child(2n) .fazhancon{ float: none; width: 98%; margin: 0 auto; margin-bottom: 20px;}
.fazhanimg:before,.fazhanimg:after,.widimg:after{ display: none;}
.fazhanul ul li:nth-child(2n) .fazhancon{ text-align: left;}
.zhshipin_video{ width: 48%;}

	}
@media only screen and (max-width:1024px ) and (min-width:769px){
	.zt,.zt2{ width: 100%;}
	nav{ width: 68%;}
	nav ul li a{ margin: 0 10px; padding: 0 10px;}
	.youshi ul li:first-child,.youshi ul li:nth-child(6){ display: none;}
	.youshi ul li{ width: 25%;}
	.hh{ font-size: 16px; height: 60px;}
	.absnew{ width: 40%; top: 40px; padding: 30px 60px;}
	.abcong{ height: 76px; overflow: hidden;}
	.newul ul li{ padding: 6px 0;}
	.dibucont{ width: 46%;}
	.dibucont ul li{ width: 100%;}
    .dibucont ul li img,.dibucont ul li:last-child img{ width: 20%;}
    .dibucont ul li span{ width: 78%;}
    .dibucont ul li:last-child span{ width: 78%; font-size: 18px;}
    .neirb{ padding:0 10px;}
.timehistory,.timehistory ul li,.timehistory ul li:nth-child(4),.timehistory ul li:nth-child(5){ background: none;}
.timehistory ul{ justify-content: inherit;}
.timehistory ul li span{ float: left;}
.timehistory ul li{counter-increment: testname; width: 29%; margin: 1%; padding: 1%;}
.timehistory ul li span:nth-child(1):before{ content: counter(testname); display: inline-block; float: left; margin-right: 15px;width: 40px;line-height: 30px; color: #1792d2; font-family: georgia;  font-size: 50px; text-align: center;}
.timehistory ul li span:nth-child(1){ width: 20%;}
.timehistory ul li span:nth-child(2){ width: 80%;}
.timehistory ul li:nth-child(4),.timehistory ul li:nth-child(5){ width: 29%; margin: 1%; padding: 1%;}
.youshi ul li:hover .youcon{ height: 80px;}
.youshi ul li:hover{ height: 350px; margin-top: -80px;}
.shipin video{ width: 100%; height: 520px;}
.youabt{ padding: 0 10px;}
.guanyu ul li{ width: 22%; margin: 1%; }
.guanyu ul li a{ padding: 10px 0; text-align: center;}
.widimg{ width: 440px;}
.guanyu ul{ margin-top: 20px;}
}