@charset "utf-8";

body,html{width:100%; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; overflow-x:hidden;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:14px; line-height:24px; color:#666; min-width:320px; zoom:1; background:#fff; font-family:frutigernext,"pingfang","Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体";}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:12px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0); transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover,li:hover{ text-decoration:none; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{text-align: center;}
.hidetxt{ display:none;}
.clear{ clear:both;} 
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder{color:#b2b2b2;}
::-moz-placeholder{color:#b2b2b2;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#b2b2b2;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #b2b2b2;}
.w1400{max-width:1400px; min-width:320px; margin:0px auto;}
.w1200{max-width:1200px; min-width:320px; margin:0px auto;}
.auto{margin: 0 8.333%;}
.relative{position: relative;}
.wow{visibility: hidden;}
.owl-carousel .owl-nav{height: 0;}
input,.empty{outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.f_red{color:#e60122;}

@media ( max-width:1600px){
    .auto{margin: 0 15px;}
}

@media ( max-width:1440px){
    .w1400{margin: 0 15px;}
}

@media ( max-width:1250px){
    .w1200{margin: 0 15px;}
}

/*公用样式*/
.icon .i1{transition: 400ms;}
.icon .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
li:hover .icon .i2,.liactive li .icon .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
li:hover .icon .i1,.liactive li .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}

.effect-img{text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img,.effect-img span{-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s; display: block; width: 100%;}
.effect-img:hover img,li:hover .effect-img img,dd:hover .effect-img img,.effect-img:hover span,li:hover .effect-img span,dd:hover .effect-img span,.item:hover .effect-img span{-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}
.effect-img span{height: 100%;}
.boxbg,.effect-img span{background-repeat: no-repeat; background-size: cover; background-position: center center;}

.ptb3{padding: 3% 0;}
.pt3{padding-top: 3%;}
.pb3{padding-bottom: 3%;}
.mb3{margin-bottom: 3%;}
.mb5{margin-bottom: 5%;}
.pl16{padding-left: 160px;}
.pr16{padding-right: 160px;}
.title{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.info{overflow: hidden;word-break:normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}

.Ban{height: 400px;}

.Menu{border-bottom: 1px solid #e6e6e6; margin-top: -40px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); position: relative; z-index: 5;}
.Menu .title{display: none; padding: 0px 20px; background: #abcd05; line-height: 40px;}
.Menu .title span{display: block; font-size: 18px; color: #fff; background: url(../images/down.png) no-repeat right center;}
.Menu ul{text-align: center;}
.Menu li{display: inline-block; position: relative; margin: 0 1%;}
.Menu li a{display: block; font-size: 18px; width: 117px; padding: 0 10px; line-height: 86px; color: #808080; border-bottom: 3px solid #fff;}
.Menu li:hover a,.Menu li.on a{border-bottom: 3px solid #abcd05; color: #000;}

.Container{min-height: 300px; height: auto !important; height: 300px;}

/*pages*/
.Pages{width:100%; text-align:center;}
.Pages a{display:inline-block; background: #f5f5f5; color:#000; margin: 2px; width: 100px; line-height: 50px; font-size: 16px;}
.Pages a img{display: inline-block; vertical-align: middle;}
.Pages .num{margin: 0 1.5%;}
.Pages .num a{padding: 0; width: 50px; font-size: 18px; font-family: Arial;}
.Pages a:hover,.Pages a.a_cur{background:#1fa93c; color: #fff;}
/*pages end*/

@media ( max-width:1600px){
    .pl16{padding-left: 15px;}
    .pr16{padding-right: 15px;}
}

@media ( max-width:768px){
    .Ban{height: 240px;}
    .Menu{margin: 15px 15px 0; border-bottom: none;}
    .Menu .title{display: block;}
    .Menu ul{display: none; line-height: 32px; padding: 10px 0px; border: 1px solid #abcd05; text-align: left;}
    .Menu li{display: block; margin: 0;}
    .Menu li a{padding: 0px 20px; width: auto; line-height: 32px; font-size: 16px;}
    .Menu li:hover a,.Menu li.on a{border-bottom: none; color: #abcd05;}

    .Pages a{width: 50px; line-height: 30px;}
    .Pages .num a{width: 30px; font-size: 16px;}
}

@media ( max-width:640px){
    .ptb3{padding: 5% 0;}
    .mb3{margin-bottom: 5%;}
    .mb5{margin-bottom: 7%;}
    .pt3{padding-top: 5%;}
    .pb3{padding-bottom: 5%;}
}

/*Top*/
.Header{position: relative; z-index: 99;}
.Top{position: relative;}
.header_menu{display: none;}
.Logo{width: 11%; position: absolute; top: 0; left: 7.5%; z-index: 3;}
.Logo img{display: block; width: 100%;}
.Search{background:#f0f5f1; width:18.75%; float: right;}
.Search form{padding: 0 70px 0 15px; position: relative;}
.Search .input{width: 100%; height:100px; font-size:16px;}
.Search .input::placeholder{color:#999;}
.Search .btn{height:24px; width:24px; position:absolute; top:50%; right:30px; margin-top: -12px; background-image: url(../images/btn.png); background-size: cover;}
.sbtn{display: none; position: absolute; width: 30px; height: 30px; top: 50%; margin-top: -15px; background-size: 50% 50%; border-radius: 50%; right: 60px; background-color: #22a73f; background-repeat: no-repeat; background-image: url(../images/btn2.png); background-position: center center;}

.Showbox{width: 55%; float: right;}
.Nav li{float:left; width: 14.285%; text-align: center; position: relative;}
.Nav li .am{display: block; font-size:16px; line-height:97px; color:#808080; border-bottom: 2px solid rgba(255,255,255,0); transition: 500ms;}
.Nav li i{position: absolute; display: none; width: 60px; height: 60px; right: 0px; top: 0px; background-position: center center; background-repeat: no-repeat; background-image: url(../images/jia.png); overflow: hidden;}
.Nav li:hover .am,.Nav li.active .am{color:#000; border-bottom: 3px solid #a8cb06;}
.Nav li .SubNav{position:absolute; left: 50%; top: 100%; z-index: 999; width: 150px; margin-left: -75px; display:none; text-align: center; background: rgba(0,0,0,0.5); border-radius: 0px 0px 8px 8px;}
.Nav li .SubNav a{display:block; line-height:32px; font-size:14px; color: rgba(255,255,255,0.7);}
.Nav li .SubNav a:hover{background-color: #22a73f;}

.Banner .slides li .img{display:block; width:100%;}
.Banner .flex-control-nav{bottom: 40px; z-index: 2;}
.Banner .flex-control-nav li a{width: 100px; height: 34px; border-bottom: 3px solid #fff; border-radius: 0;}
.Banner .flex-control-nav li .flex-active{border-bottom: 3px solid #22a73f; background: url(../images/dot.png) no-repeat center top;}

@media ( max-width:1600px){
    .Logo{left: 15px;}
    .Showbox{width: 65%;}
}

@media ( max-width:1024px){
    .Top{height: 70px;}
    .sbtn{display: block;}
    .Search{width: 220px; position: absolute; top: 100%; right: 15px; float: none; display: none;}
    .Search form{padding: 0 40px 0 10px;}
    .Search .input{height: 40px;}
    .Search .btn{width: 18px; height: 18px; right: 12px; margin-top: -9px;}
    .Logo{width: 140px;}
    .header_menu{display:block; background-image:url(../images/navicon.png); position:absolute; top:50%; right:15px; margin-top:-12px; width:20px; height:24px;background-size:100%;background-position:center; background-repeat:no-repeat; z-index:9;}
    .Showbox{width:50%; height:100%; float: none; background:rgba(0,0,0,.85); overflow:auto;overflow-x:none; position:fixed;z-index:9990;top:0; right:-100%;}
    .Showbox .close_bar{height:70px;line-height:70px;overflow:hidden;position:absolute;top:0;left:0; width:100%;background:rgba(0,0,0,.85); border-bottom:1px solid #e8e8e8;text-align:right;}
    .Showbox .close_bar a{background:url(../images/menu_close_btn.png) no-repeat;width:25px;height:25px; background-size:cover;display:inline-block;vertical-align:middle;margin-right:20px;transition:transform ease-in 0.3s;}
    .Showbox .close_bar a:hover{transform:rotate(180deg);}
    .Nav{background:none; margin-top:72px; width:100%;}
    .Nav li{float:none; width:100%; text-align:left; padding: 0; background: none; position: relative; border-bottom: 1px solid rgba(255,255,255,0.4);}
    .Nav li .am{display: block; color:#fff; line-height:50px; font-size:18px; padding-left:40px;}
    .Nav li:hover .am, .Nav li.active .am{border-bottom: none; color: #22a73f;}
    .Nav li i{display: block;}
    .Nav li .SubNav{position:static; background:none; padding:0px; width: 100%; margin-left: 0; padding-bottom: 10px;}
    .Nav li .SubNav a{padding-left:60px; text-align: left; display: block; font-size: 16px;}
    .Nav li.on i{background-image: url(../images/jian.png);}
    .Nav li.on .SubNav{display: block;}

    .Banner .flex-control-nav{bottom: 20px;}
    .Banner .flex-control-nav li a{width: 50px;}
}

@media ( max-width:480px){
    .Top{height: 60px;}
    .Showbox{width: 80%;}
    .Logo{width: 100px;}
}
 
/*bottom*/
.Footer{border-top: 1px solid #e6e6e6;}
.Footer .box{border-bottom: 1px solid #e6e6e6;}
.Companyinfo{width: 28.39%; float: left;}
.Companyinfo .blogo{display: block;}
.Companyinfo ul li{margin-top: 18px;}
.Companyinfo ul li .num{font-size: 40px; line-height: 48px; color: #a6ca06; font-family: "din";}
.Companyinfo ul li .info{line-height: 33px; font-size: 18px; color: #333;}
.Companyinfo ul li .name{display: block; font-size: 16px; color: #666;}
.Sitepath{float: left; width: 57.5%; margin-left: 3%;}
.Sitepath dl{width: 16.6666%; float: left;}
.Sitepath dl dt{font-size: 18px; color: #323232; line-height: 30px; margin-bottom: 24px;}
.Sitepath dl dd a{display: block; line-height: 35px; color: #808080;}
.weixin{float: right; width: 140px;}
.weixin img{display: block; width: 100%;}

.Bottom{padding: 18px 0;}
.Bottom a{color: #666;}
.gotop{position: absolute; bottom: 61px; width: 60px; right: 0; z-index: 9;}

@media ( max-width:1360px){
    .Footer .box{display: none;}
    .gotop{width: 40px; position: fixed;}
}

@media ( max-width:768px){
    .Bottom{text-align: center;}
    .Bottom span{display: block; float: none;}
}

/*index*/
.HomeTit span{display: block; line-height: 64px; font-size: 64px; color: #abcd05; font-family: "din";}
.HomeTit p{font-size: 34px; color: #000; line-height: 73px;}
.HomeTit i{display: block; width: 40px; height: 2px; background: #abcd05;}
.HomeTit .more{float: right; margin-top: 2.5%;}
.HomeTit.white span,.HomeTit.white p{color: #fff;}
.HomeTit.white i{background: #fff;}
.HomeTit.tc i{margin: 0 auto;}
.Columninfo{margin: 32px 0 72px; color: #666; line-height: 30px; -webkit-line-clamp: 3;}

.HomeAbout .con{width: 63%; float: left;}
.HomeAbout .con .title{border-bottom: 1px solid #e6e6e6;}
.HomeAbout .pic{width: 34.5%; float: right; text-align: center;}
.DataList{padding: 5% 2%;}
.DataList li{width: 25%; float: left; text-align: center; background: url(../images/line.png) no-repeat right center;}
.DataList li:last-child{background: none;}
.DataList li .box{display: inline-block; text-align: left; color: #fff;}
.DataList li .box .num{display: inline-block; position: relative; padding-right: 36px; margin-bottom: 20px;}
.DataList li .box .num span{display: block; font-size: 80px; line-height: 60px; font-family: "pfd";}
.DataList li .box .num i{position: absolute; right: 0; top: 0; font-size: 18px; line-height: 18px;}
.DataList li .box p{font-size: 16px; line-height: 16px;}
.HomeProduct{box-shadow: 0 0 20px rgba(23,122,45,0.2);}
.HomeProduct .box{width: 38%; float: left; height: 928px; display: flex; align-items: center;}
.HomeProduct .box .con{padding: 0 14% 0 21.91%;}
.HomeProduct .box .con .info{color: #fff; font-size: 18px; -webkit-line-clamp: 2;}
.ProSlider{width: 62%; float: right; }
.ProSlider .hd{padding: 0 22% 0 4%; position: relative; box-shadow: 0 3px 20px rgba(23,122,45,0.2);}
.ProSlider .hd li{width: 16.666666%; float: left; text-align: center;}
.ProSlider .hd li a{display: block; line-height: 117px; border-bottom: 3px solid #fff; font-size: 20px; color: #b2b2b2;}
.ProSlider .hd li.on a{border-bottom: 3px solid #a8cb06; color: #000;}
.ProSlider .hd .sign{position: absolute; right: 0; top: 0; width: 20%; border-left: 1px solid #e6e6e6; height: 100%; background: url(../images/sign.png) no-repeat center center;}
.SlideCon dd{width: 50%; float: left;}
.SlideCon dd a{display: block; padding: 42px 48px; border-right: 1px solid #e8ede9; border-bottom: 1px solid #e8ede9;}
.SlideCon dd:nth-child(2n) a{border-right: none;}
.SlideCon dd .title{font-size: 20px; line-height: 30px; color: #333; margin-bottom: 10px;}
.SlideCon dd .title i{color: #a8cb06; margin-left: 20px; font-family: "宋体";}
.SlideCon dd .pic{text-align: center;}
.SlideCon dd .pic img{display: inline-block; height: 279px;}

.HomeBusiness .pic{text-align: center;}
.HomeBusiness .con{position: absolute; width: 500px; left: 8.333%; top: 0; height: 100%; display: flex; flex-direction: column; justify-content: center;}

.HomeNews{background-image: url(../images/boxbg1.jpg);}
.HomeNews .HomeTit p{color: #fff;}
.NewsSlider li a{display: block; margin: 0 15px; position: relative; padding: 8% 5%;}
.NewsSlider li .mask{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255,255,255,0.9);}
.NewsSlider li .date{position: absolute; left: 0; top: 0; width: 126px; height: 100%; border-right: 1px solid #a6ca06; font-size: 60px; line-height: 45px; color: #22a73f; font-family: "din";}
.NewsSlider li .con{padding-left: 168px;}
.NewsSlider li .con .info{font-size: 28px; font-weight: bold; color: #000; line-height: 44px; -webkit-line-clamp: 2;}
.NewsSlider li .con .more{display: block; font-size: 20px; line-height: 14px; color: #22a73f; font-family: "din"; margin-top: 167px;}
.NewsSlider .owl-nav .owl-prev span,.NewsSlider .owl-nav .owl-next span{width: 57px; height: 57px; border: 2px solid rgba(255,255,255,0.2); overflow: hidden; line-height: 1000px; background-repeat: no-repeat; background-position: center center; position: absolute; top: -122px; z-index: 5;}
.NewsSlider .owl-nav .owl-prev span{left: 28.22%; background-image: url(../images/left.png);}
.NewsSlider .owl-nav .owl-next span{left: 32%; background-image: url(../images/right.png);}

@media ( max-width:1600px){
    .HomeTit span{font-size: 45px; line-height: 45px;}
    .HomeTit p{font-size: 24px; line-height: 50px;}
    .DataList li .box .num span{font-size: 50px; line-height: 40px;}
    .ProSlider .hd{padding: 0 80px 0 15px;}
    .ProSlider .hd li a{font-size: 18px;}
    .ProSlider .hd .sign{background-size: 50px 50px; width: 80px;}
    .HomeBusiness .con{left: 15px;}
    .NewsSlider li .date{font-size: 45px;}
    .NewsSlider li .con .info{font-size: 20px; line-height: 30px;}
    .NewsSlider li .con .more{margin-top: 100px;}
    .NewsSlider .owl-nav .owl-prev span{left: 288px;}
    .NewsSlider .owl-nav .owl-next span{left: 356px;}
}

@media ( max-width:1024px){
    .ProSlider .hd{padding: 0 15px;}
    .ProSlider .hd li a{font-size: 16px;}
    .ProSlider .hd .sign{display: none;}
    .NewsSlider .owl-nav .owl-prev span, .NewsSlider .owl-nav .owl-next span{width: 44px; height: 44px; top: -100px;}
    .HomeMore img{display: inline-block; width: 100px;}
    .Columninfo{margin: 15px 0 30px;}
    .HomeProduct .box .con .info{font-size: 14px;}
}

@media ( max-width:768px){
    .HomeTit span{font-size: 30px; line-height: 30px;}
    .HomeTit p{font-size: 20px; line-height: 40px;}
    .DataList li .box .num{margin-bottom: 10px; padding-right: 20px;}
    .DataList li .box .num span{font-size: 32px; line-height: 28px;}
    .DataList li .box .num i{font-size: 14px;}
    .DataList li .box p{font-size: 14px;}
    .HomeProduct .box,.ProSlider{width: auto; float: none;}
    .HomeProduct .box{height: auto; padding: 30px 15px;}
    .HomeProduct .box .con{padding: 0;}
    .ProSlider .hd li a{line-height: 70px;}
    .SlideCon dd .title{font-size: 16px;}
    .SlideCon dd .title i{margin-left: 10px;}
    .SlideCon dd a{padding: 20px;}
    .HomeBusiness{margin: 0 15px;}
    .HomeBusiness .con{position: static; margin-bottom: 10px;}
    .NewsSlider{padding-bottom: 60px;}
    .NewsSlider li .con{padding-left: 0;}
    .NewsSlider li .date{position: static; width: auto; font-size: 26px; line-height: 30px; border-right: none;}
    .NewsSlider .owl-nav{position: absolute; height: 44px; bottom: -60px; text-align: center; width: 100%; left: 0;}
    .NewsSlider .owl-nav .owl-prev span, .NewsSlider .owl-nav .owl-next span{display: inline-block; position: static; margin: 0 10px;}
}

@media ( max-width:480px){
    .HomeAbout .con,.HomeAbout .pic{width: auto; float: none;}
    .DataList li{width: 50%; padding: 15px 0;}
    .DataList li:nth-child(2n){background: none;}
    .ProSlider .hd li{width: 33.33333%;}
    .ProSlider .hd li a{line-height: 50px;}
    .SlideCon dd .pic img{height: 150px;}
}

/* 公司简介 */
.AboutBox .pic{width: 42.85%; float: left;}
.AboutBox .pic img{display: block; width: 100%;}
.AboutBox .con{width: 51.285%; float: right; padding-top: 2%; text-align: justify;}
.AboutBox .con .info{line-height: 30px;}
.AboutBox .con .info p{text-indent: 2em;}

@media ( max-width:1024px){
    .AboutBox .con,.AboutBox .pic{width: auto; float: none;}
    .AboutBox .con{padding-top: 0; margin-bottom: 3%;}
}

/* 荣誉资质 */
.HonnorBox li{width: 22%; margin: 0 4% 2% 0; float: left;}
.HonnorBox li:nth-child(4n){margin-right: 0;}
.HonnorBox li .effect-img img{height: 220px;}
.HonnorBox li .title{font-size: 16px; color: #000; margin-top: 24px; height: 24px; text-align: center;}
.HonnorBox li:hover .title{color: #22a73f;}

@media ( max-width:1024px){
    .HonnorBox li .title{margin-top: 10px;}
    .HonnorBox li .effect-img img{height: 156px;}
}

@media ( max-width:768px){
    .HonnorBox li .title{font-size: 14px;}
    .HonnorBox li .effect-img img{height: 116px;}
}

@media ( max-width:640px){
    .HonnorBox li{width: 48%; margin-right: 0;}
    .HonnorBox li:nth-child(2n){float: right;}
    .HonnorBox li .effect-img img{height: 209px;}
}

@media ( max-width:480px){
    .HonnorBox li .effect-img img{height: 118px;}
}

/* 发展历程 */
.HistoryBox{background: url(../images/line2.jpg) repeat-y center top;}
.HistoryBox li .date{display: block; font-size: 40px; line-height: 38px; color: #22a73f; font-family: "din"; margin-bottom: 15px;}
.HistoryBox li{margin-top: -52px;}
.HistoryBox li:first-child{margin-top: 0;}
.HistoryBox li .box{background: url(../images/arr3.png) no-repeat center center;}
.HistoryBox li .con{width: 47.5%; border: 1px solid #e6e6e6; background: #fff; padding: 20px; position: relative; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.HistoryBox li .con .effect-img,.HistoryBox li .con .info{height: 150px;}
.HistoryBox li .con .effect-img{width: 33.5%; float: left;}
.HistoryBox li .con .info{width: 62%; float: right; display: flex; justify-content: center; flex-direction: column; line-height: 28px;}
.HistoryBox li .con .arrow{position: absolute; width: 11px; height: 20px; top: 50%; margin-top: -10px; }
.HistoryBox li.even .con{float: left;}
.HistoryBox li.odd .con{float: right;}
.HistoryBox li.odd .date{text-align: right;}
.HistoryBox li.even .con .arrow{right: -11px; background-image: url(../images/arr1.png);}
.HistoryBox li.odd .con .arrow{left: -11px; background-image: url(../images/arr2.png);}

@media ( max-width:1024px){
    .HistoryBox li{margin-top: -36px;}
    .HistoryBox li .date{font-size: 25px; line-height: 30px; margin-bottom: 5px;}
    .HistoryBox li .con{padding: 15px;}
}

@media ( max-width:768px){
    .HistoryBox li .con{width: 45%;}
    .HistoryBox li .con .effect-img,.HistoryBox li .con .info{width: auto; float: none;}
    .HistoryBox li .con .info{height: auto; line-height: 24px; margin-top: 10px;}
}

@media ( max-width:480px){
    .HistoryBox li .con{padding: 10px; width: 43%;}
    .HistoryBox li .con .effect-img{height: 100px;}
}

/* 企业文化 */
.CultureTit{font-size: 40px; line-height: 60px; color: #000;}
.CultureTit.white{color: #fff;}
.CultureBox .ins{line-height: 30px;}
.CultureBox .box{width: 50%; float: left; height: 480px; padding-top: 50px;}
.CultureBox .even{padding-right: 4%;}
.CultureBox .odd{padding-left: 4%;}
.CultureBox .box .con .txtimg{display: block; padding-top: 278px;}
.CultureBox .box .con dl{padding: 21px 0;}
.CultureBox .box .con dl dt{font-size: 20px; color: #1fa93c; margin-bottom: 4px;}
.CultureBox .box.last .con,.CultureBox .box.last .con dl dt{color: #fff;}

.CultureSpecial{background-image: url(../images/boxbg6.jpg);}
.hdCon li{position: relative; padding-bottom: 45px;}
.hdCon li i{position: absolute; width: 24px; height: 15px; background: url(../images/arr4.png); left: 50%; margin-left: -12px; bottom: 0; display: none;}
.hdCon li a{display: block; position: relative;}
.hdCon li .icon{position: relative; width: 185px; height: 185px; margin: 0 auto;}
.hdCon li .icon img{position: absolute; width: 100%; left: 0; top: 0;}
.hdCon li .name{position: absolute; z-index: 3; height: 100%; left: 0; right: 0; top: 0; padding: 0 20px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 24px; color: #000; line-height: 30px;}
.hdCon .liactive li .name,.hdCon li:hover .name{color: #fff;}
.hdCon .liactive li i{display: block;}
.bdCon li .con{background: rgba(12,11,10,0.25); border-radius: 10px; height: 196px; padding: 15px 3%; font-size: 16px; line-height: 36px; color: #fff; display: flex; text-align: center; align-items: center; justify-content: center; flex-direction: column;}

.AchievementBox{background: #f0f5f1;}
.AchievementBox li{width: 21%; margin: 0 2%; float: left;}
.AchievementBox li .name{font-size: 20px; line-height: 40px; color: #22a73f; padding-bottom: 6px; border-bottom: 1px solid #a6ca06;}
.AchievementBox li .name .num{font-size: 50px; font-family: "din"; margin-right: 20px;}
.AchievementBox li .info{margin-top: 40px; line-height: 28px;}

@media ( max-width:1600px){
    .CultureTit{font-size: 30px; line-height: 40px;}
    .AchievementBox li{margin: 0 1.5%; width: 22%;}
    .AchievementBox li .name .num{font-size: 38px; margin-right: 5px;}
    .AchievementBox li .name{font-size: 16px;}
}

@media ( max-width:1360px){
    .CultureTit{font-size: 20px; line-height: 30px;}
    .CultureBox .box{padding-top: 35px;}
    .AchievementBox li{width: auto; float: none;}
    .AchievementBox li .info{margin: 15px 0 20px;}
    .hdCon li{padding-bottom: 25px;}
    .hdCon li .icon{width: 160px; height: 160px;}
    .hdCon li .name{font-size: 18px; line-height: 24px;}
}

@media ( max-width:900px){
    .CultureBox .box{width: auto; float: none; border-bottom: 1px solid #e5e5e5; height: auto; padding: 20px;}
    .CultureBox .box .con dl{padding: 10px 0;}
    .CultureBox .box .con dl dt{font-size: 18px;}
    .hdCon li .icon{width: 120px; height: 120px;}
    .hdCon li .name{font-size: 16px;}
    .bdCon li .con{font-size: 14px; line-height: 26px; padding: 15px;}
    .AchievementBox{padding: 20px 15px;}
}

@media ( max-width:480px){
    .CultureTit{font-size: 18px; line-height: 24px;}
    .AchievementBox li .name{line-height: 30px;}
    .AchievementBox li .name .num{font-size: 28px;}
}

/* 关联企业 */
.CompanyList li{padding-bottom: 3%; margin-bottom: 3%; border-bottom: 1px solid #e6e6e6;}
.CompanyList li .pic{height: 238px; width: 25.57%; float: left; border: 1px solid #e6e6e6; text-align: center; display: flex; align-items: center; justify-content: center;}
.CompanyList li .pic img{display: inline-block; height: auto;}
.CompanyList li .con{width: 70%; float: right; padding: 86px 0;}
.CompanyList li .con .title{font-size: 24px; color: #000; line-height: 28px; height: 28px; margin-bottom: 15px;}
.CompanyList li .con .link{padding-left: 34px; background-image: url(../images/link.png); background-repeat: no-repeat; font-size: 18px; color: #1fa93c;}
.CompanyList li .con .link span{display: inline-block; text-decoration: underline;}

@media ( max-width:1024px){
    .CompanyList li .pic{height: 150px;}
    .CompanyList li .con{padding: 42px 0;}
    .CompanyList li .con .title{font-size: 18px; margin-bottom: 10px;}
}

@media ( max-width:768px){
    .CompanyList li .pic{height: 100px;}
    .CompanyList li .con{padding: 20px 0;}
    .CompanyList li .con .title{font-size: 16px; margin-bottom: 0;}
}

@media ( max-width:480px){
    .CompanyList li{margin-bottom: 15px; padding-bottom: 15px;}
    .CompanyList li .pic,.CompanyList li .con{width: auto; float: none;}
    .CompanyList li .con{padding: 10px 0 5px;}
}

/* 产品中心 */
.ProductList ul{border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6;}
.ProductList li{width: 25%; float: left; text-align: center;}
.ProductList li a{display: block; padding: 25px; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.ProductList li .effect-img img{display: inline-block; height: 310px; width: auto;}
.ProductList li .title{margin-top: 12px; font-size: 18px; color: #333; height: 24px;}
.ProductList li:hover .title{color: #1fa93c;}

@media ( max-width:1366px){
    .ProductList li .effect-img img{height: 280px;}
}

@media ( max-width:1024px){
    .ProductList li{width: 50%;}
}

@media ( max-width:480px){
    .ProductList li a{padding: 15px;}
    .ProductList li .effect-img img{height: 180px;}
    .ProductList li .title{font-size: 14px;}
}

/* 产品详情 */
.ProductBox .pic{width: 49.83333%; float: left; text-align: center;}
.ProductBox .pic img{display: inline-block; width: 68%;}
.ProductBox .con{width: 45%; float: right; padding-top: 3%;}
.ProductBox .con .name{font-size: 34px; line-height: 40px; color: #000; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6; margin-bottom: 28px;}
.ProductBox .con dl dd{font-size: 16px; color: #000; line-height: 25px; min-height: 25px; position: relative; padding-left: 185px; margin-bottom: 15px;}
.ProductBox .con dl dd:last-child{margin-bottom: 0;}
.ProductBox .con dl dd .tit{color: #808080; position: absolute; left: 0; top: 0; width: 170px;}

.ProDetail .title{padding-bottom: 15px; border-bottom: 1px solid #e6e6e6; font-size: 20px; color: #000; font-weight: bold;}
.ProDetail .con{font-size: 16px; line-height: 36px;}
.ProDetail .back{display: block; width: 200px; line-height: 60px; margin: 5% auto 0; background: #1fa93c; font-size: 20px; color: #fff; border-radius: 35px; text-align: center;}
.ProDetail .back img{display: inline-block; vertical-align: middle; margin-left: 20px;}

@media ( max-width:1024px){
    .ProductBox .con .name{font-size: 20px; line-height: 30px; padding-bottom: 10px; margin-bottom: 15px;}
    .ProductBox .con dl dd{margin-bottom: 10px;}
    .ProDetail .back{width: 140px; line-height: 42px;}
}

@media ( max-width:768px){
    .ProductBox .pic,.ProductBox .con{width: auto; float: none;}
}

@media ( max-width:480px){
    .ProductBox .con dl dd{padding-left: 100px;}
    .ProductBox .con dl dd .tit{width: 85px;}
    .ProDetail .con{font-size: 14px; line-height: 30px;}
}

/* 新闻资讯 */
.NewsList li{padding-bottom: 3%; margin-bottom: 3%; border-bottom: 1px solid #e6e6e6;}
.NewsList li a{display: block; padding-left: 150px; position: relative;}
.NewsList li .effect-img{width: 28.8%; float: left; height: 240px;}
.NewsList li .con{width: 68%; float: right; padding-top: 35px;}
.NewsList li .con .title{font-size: 26px; color: #000; height: 30px; line-height: 30px;}
.NewsList li .con .info{margin: 20px 0 36px; line-height: 30px; color: #808080; -webkit-line-clamp: 2;}
.NewsList li .con .more{display: block; font-size: 20px; font-family: "din"; text-transform: uppercase; color: #22a73f;}
.NewsList li .date{position: absolute; left: 0; top: 0; width: 70px; font-family: "din"; color: #22a73f; font-size: 20px; line-height: 34px; text-align: center;}
.NewsList li .date span{display: block; font-size: 80px; line-height: 57px; border-bottom: 1px solid #d9d9d9; padding-bottom: 10px;}
.NewsList li .date p i{display: none;}
.NewsList li:hover .con .title{color: #22a73f;}

@media ( max-width:1600px){
    .NewsList li .date span{font-size: 50px; line-height: 35px;}
    .NewsList li .con .title{font-size: 20px;}
}

@media ( max-width:1024px){
    .NewsList li a{padding: 0;}
    .NewsList li .date{position: static; width: auto; text-align: left; line-height: 24px; font-size: 18px;}
    .NewsList li .date span{display: none;}
    .NewsList li .date p i{display: inline-block;}
    .NewsList li .effect-img{height: 200px;}
    .NewsList li .con{padding-top: 25px;}
    .NewsList li .con .title{font-size: 16px;}
    .NewsList li .con .info{margin: 5px 0 15px; line-height: 24px;}
}

@media ( max-width:480px){
    .NewsList li .effect-img,.NewsList li .con{width: auto; float: none;}
    .NewsList li .con{padding-top: 10px;}
    .NewsList li .con .info{margin: 0 0 10px;}
}

/*详情页*/
.ActiveContent .Atit{text-align:center; line-height:28px; position:relative;}
.ActiveContent .Atit h2{font-size:20px; color:#333333;}
.ActiveContent .Atit em{display:block; font-size:14px; color:#666666; padding:9px 0px 21px; border-bottom:1px dashed #e8e8e8;}
.ActiveContent .Atit em i{padding:0px 12px;}
.ContentAbout{padding:3% 0; border-bottom:1px solid #e7e7e7; line-height:28px; font-size:14px; color:#333333;}
.PrevNextBox{padding:24px 0px 0px;}
.PrevNextBox dl{font-size:14px; line-height:33px;}
.PrevNextBox dl b{color:#000; font-weight:normal;}
.PrevNextBox dl a{color:#666666;}

@media ( max-width:480px){
    .ActiveContent .Atit h2{font-size:18px;}
    .ActiveContent .Atit em i{padding: 0px 5px;}
}

/* 人才理念 */
.mt50{margin-top: -50px; position: relative; z-index: 1;}
.ideaBox{padding: 150px 0 120px;}
.ideaBox .pic{width: 50%; float: left;}
.ideaBox .pic img{display: block; width: 100%;}
.ideaBox .con{width: 42.85%; float: right; padding-top: 4%;}
.ideaBox .con .info{line-height: 30px;}

@media ( max-width:1600px){
    .ideaBox{padding: 100px 0 50px;}
}

@media ( max-width:768px){
    .mt50{margin-top: 0px;}
    .ideaBox{padding: 25px 0;}
}

@media ( max-width:640px){
    .ideaBox .pic,.ideaBox .con{width: auto; float: none;}
}

/* 招聘列表 */
.JobList li{border-bottom: 1px solid #e6e6e6;}
.JobList li.First{border-bottom:none;}
.JobList li.First .Titname{color:#fff; height: 70px; line-height: 70px; background:#22a73f; font-size: 18px;}
.JobList li .Titname{display:block; float:left; width:20%; background: #fff; text-align:center; color:#333; font-size:14px; overflow:hidden; line-height:68px; height:68px;}
.JobList li .Titname:first-child{text-align: left; text-indent: 2em;}
.JobList li .Titname .detail{ background-repeat: no-repeat; background-position: center center; width: 21px; height: 21px; display: inline-block; vertical-align: middle; background-image: url(../images/jia.jpg);}
.JobList li.lion .Titname .detail{background-image: url(../images/jian.jpg);}
.JobList li .Con{padding:2.5% 5%; position:relative; border-top: 1px solid #e6e6e6; display: none;}
.JobList li .Con .list{display: none; font-size: 16px; color: #494949; line-height: 30px; margin-bottom: 3%;}
.JobList li .Con .list p{width: 48%; float: left;}
.JobList li .Con .list p:nth-child(2n){float: right;}
.JobList li .Con dl{line-height:30px; font-size: 14px; color:#4c4c4c; padding-bottom: 3%; border-bottom: 1px solid #e6e6e6; margin-bottom: 3%;}
.JobList li .Con dl dt{font-size:16px; color:#000;}
.JobList li .Con dl:nth-child(3){border-bottom: none; padding-bottom: 0;}
.JobList li .Con .apply{float: right; width:190px; line-height: 60px; background:#22a73f; color:#fff; text-align:center; font-size:20px;}

@media ( max-width:1024px){
    .JobList li.First .Titname,.JobList li .Titname{height: 50px; line-height: 50px; font-size: 16px;}
    .JobList li .Titname:nth-child(2),.JobList li .Titname:nth-child(3),.JobList li .Titname:nth-child(4){display:none;}
    .JobList li .Titname:nth-child(1){width: 80%;}
    .JobList li .Titname:nth-child(5){width: 20%;}
    .JobList li .Titname:first-child{text-align: left; text-indent: 2em;}
    .JobList li .Con .list{display: block;}
    .JobList li .Con .apply{width: 120px; line-height: 40px; font-size: 16px;}
}

@media ( max-width:640px){
    .JobList li .Titname{height: 50px; line-height: 50px;}
    .JobList li .Con dl dt{font-size: 18px;}
    .JobList li .Con .list{font-size: 14px; line-height: 24px;}
    .JobList li .Con .list p,.JobList li .Con .list p:nth-child(2n){width: auto; float: none;}
}

@media ( max-width:480px){
    .JobList li .Titname:nth-child(1){width: 70%;}
    .JobList li .Titname:nth-child(5){width: 30%;}
    .JobList li .Titname:first-child{text-indent: 1em;}
}

/*应聘表单*/
.recruitform{margin:0 auto; width:580px;}
.recruitform dl{margin-bottom:15px; position: relative; padding-left: 66px;}
.recruitform dl dt{position: absolute; left: 0px; top: 0px; text-align: right; line-height:40px; width: 50px; color:#4d4d4d; font-size:16px;}
.recruitform dl dd{border:1px solid #e6e6e6; padding: 0px 10px; line-height: 38px; background: #fff;}
.recruitform dl.noborder dd{border: none; padding: 0; background: none;}
.recruitform dl dd .input{height:38px; line-height:38px; font-size:14px; width:100%;}
.recruitform dl dd label{ float:left; line-height:40px; margin-right:20px; font-size:16px; color:#4d4d4d;}
.recruitform dl dd label input.radio{ margin-right:8px; }
.recruitform dl dd textarea{height:148px; font-size:14px; width:100%;}
.recruitform dl.btn{ text-align:center; width:100%; float:none; clear:both; margin-bottom:0; padding: 0;}
.recruitform dl.btn input{ width:120px; color:#fff; height:36px; line-height:36px; font-size:16px; cursor:pointer; border-radius:18px; -webkit-border-radius:18px;  -moz-border-radius:18px; margin:0 8px;}
.recruitform dl.btn input.submit{background: #22a73f;}
.recruitform dl.btn input.reset{background:#ccc;}

@media ( max-width:480px){
    .recruitform{width:auto;}
}

/* 工作环境 */
.Environment li{width: 31.3333%; float: left; margin: 0 3% 3% 0;}
.Environment li:nth-child(3n){margin-right: 0;}
.Environment li .effect-img{height: 300px;}
.Environment li .title{font-size: 18px; height: 24px; margin-top: 16px; color: #000; text-align: center;}

@media ( max-width:1024px){
    .Environment li .effect-img{height: 200px;}
    .Environment li .title{font-size: 14px;}
}

@media ( max-width:640px){
    .Environment li .effect-img{height: 150px;}
}

@media ( max-width:480px){
    .Environment li{width: 48.5%; margin-right: 0;}
    .Environment li:nth-child(2n){float: right;}
    .Environment li .title{margin-top: 5px;}
}

/* 学术文章 */
.ArticleList li{padding: 3% 4%; border-bottom: 1px solid #e6e6e6;}
.ArticleList li a{display: block; padding-right: 236px; position: relative;}
.ArticleList li span{display: block; font-family: "din";}
.ArticleList li .title{font-size: 22px; color: #000; line-height: 40px; height: 40px;}
.ArticleList li .date{font-size: 18px; color: #ccc;}
.ArticleList li .info{line-height: 30px; margin-top: 16px; -webkit-line-clamp: 2;}
.ArticleList li .more{position: absolute; right: 0; top: 50%; margin-top: -12px; font-size: 20px; color: #22a73f;}
.ArticleList li:hover .title{color: #22a73f;}

@media ( max-width:1024px){
    .ArticleList li a{padding-right: 100px;}
    .ArticleList li .title{font-size: 16px; height: 30px; line-height: 30px;}
    .ArticleList li .info{line-height: 24px; margin-top: 5px;}
    .ArticleList li .date{font-size: 14px;}
    .ArticleList li .more{font-size: 18px;}
}

@media ( max-width:480px){
    .ArticleList li a{padding-right: 0px;}
    .ArticleList li .more{position: static; margin: 10px 0 0;}
}

/* 联系我们 */
.MessageBox{background-image: url(../images/boxbg8.jpg);}
.ContactBox .pic{width: 37%; float: left;}
.ContactBox .pic img{display: block; width: 100%;}
.ContactBox .con{width: 63%; float: left; padding-top: 4%;}
.ContactBox .con dd{width: 55%; padding: 0 10%; float: left;}
.ContactBox .con dd:nth-child(2n){width: 45%; border-left: 1px solid #e6e6e6;}
.ContactBox .con dd .icon{display: block; width: 56px; margin-bottom: 36px;}
.ContactBox .con dd .name span{display: block; font-size: 18px; color: #000;}
.ContactBox .con dd .name i{display: block; width: 20px; height: 1px; margin-top: 12px; background: #d9d9d9;}
.ContactBox .con dd .info{margin-top: 10px; color: #808080;}
.Map{border: 1px solid #e6e6e6; height: 500px;}

.MessageBox .box dl{width:31.3333%; margin-right:3%; float:left; margin-bottom:2%; position: relative;}
.MessageBox .box dl.m3{margin-right:0;}
.MessageBox .box dl.m4{width:100%; float:none;}
.MessageBox .box dl dt{position: absolute; left: 30px; top: 0;  font-size: 18px; color: #000;}
.MessageBox .box dl dt i{color: #ff0e00; margin-left: 8px;}
.MessageBox .box dl dd{padding:0 30px; background: #fff;}
.MessageBox .box dl dd .input{font-size:14px; color:#333; width:100%;}
.MessageBox .box dl dd textarea{ color:#333; font-size:14px; height:240px; width: 100%;}
.MessageBox .box dl dt,.MessageBox .box dl dd .input,.MessageBox .box dl dd textarea{line-height:75px;}
.MessageBox .box .btn{width:460px; line-height:80px; display:block; font-size:24px; color:#fff; margin:1% auto 0; text-align:center; background:#1fa93c; border-radius:5px;}

@media ( max-width:1024px){
    .ContactBox .con dd{padding: 0 5%;}
    .ContactBox .con dd .icon{width: 30px; margin-bottom: 15px;}
    .MessageBox .box dl dt,.MessageBox .box dl dd .input,.MessageBox .box dl dd textarea{line-height:45px;}
    .MessageBox .box dl dt{left: 15px;}
    .MessageBox .box dl dd{padding: 0 15px;}
    .MessageBox .box .btn{width: 160px; line-height: 40px; font-size: 18px;}
}

@media ( max-width:640px){
    .ContactBox .box{margin-bottom: 0;}
    .ContactBox .pic,.ContactBox .con{width: auto; float: none;}
    .ContactBox .con dd{width: auto; float: none; padding: 20px; text-align: center;}
    .ContactBox .con dd:nth-child(2n){width: auto; border-left: none; border-top: 1px solid #e6e6e6;}
    .ContactBox .con dd .icon{margin: 0 auto 10px;}
    .ContactBox .con dd .name i{margin: 12px auto 0;}
}

@media ( max-width:480px){
    .MessageBox .box dl{width: auto; float: none; margin-right: 0;}
    .MessageBox .box dl dd textarea{height: 120px;}
}