@charset "utf-8";

/* CSS Document */



*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  

-moz-tap-highlight-color:rgba(0, 0, 0, 0);  

-ms-tap-highlight-color:rgba(0, 0, 0, 0);  

-o-tap-highlight-color:rgba(0, 0, 0, 0);  

tap-highlight-color:rgba(0, 0, 0, 0);}



body{ font-family:"Microsoft Yahei", "Source Han Sans CN", Arial, Helvetica, sans-serif; font-size:14px;overflow-x:hidden; color:#666;}

body.en{ font-family:Arial, Helvetica, sans-serif}

a{ text-decoration:none;outline:none;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;color:#666}

a:hover{color:#006835}

img{ border:none;}

table{ border-collapse:collapse}

ul,ol,li{ list-style:none}

.clearfix{zoom:1; clear:both}

.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}

.fl{ float:left}

.fr{ float:right}

botton,input,textarea,select{ outline:none; font-family:Arial}

h1,h2,h3,h4,h5{ font-weight:normal}

.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}

.col01{ color:#006835}

.col02{ color:#008abd}

.col03{ color:#ec6a17}

.red{ color:#f00}

.ovh{ overflow:hidden}

.f20{ font-size:20px;}

.f18{ font-size:18px;}

.f16{ font-size:16px;}





.wrap{width:100%;margin:0 auto; width:1500px;}

.header{position: fixed; width:100%;left:0;right:0;top:0; height:90px; background:#fff;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease; box-shadow: 0 0 15px rgba(0,0,0,.15); z-index:99;}

.header-scroll{ box-shadow:0 0 15px rgba(0,0,0,.15)}

.header .wrap{ position:relative}

.logo{ display:flex; display:-webkit-flex; align-items:center; height:90px;position:relative;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}

.logo img{ display:block;}

.lang a{ display:block; line-height:85px; background: url(../images/lang.png) no-repeat left center; color:#333; font-size:14px; font-weight:bold; padding-left:30px}

.lang a:hover{color:#005bac}

.menu{ position:absolute; left:54%;top:0;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%); }

.menu>ul{display:flex; display:-webkit-flex}

.menu>ul>li{ float:left; font-size:16px; margin:0 30px;position:relative;white-space: nowrap;}

.menu>ul>li>a{ display:block; color:#333;line-height:90px; font-weight:bold;position:relative}

.menu>ul>li:hover>a, .menu>ul>li.cur>a{color:#006835}

.menu .sub{ position:absolute;left: 50%;top: 100%; min-width: 100%;text-align: center;box-shadow: 0 0 10px rgba(0,0,0,0.1);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%); display:none}

.menu .sub a{ display:block; background:#fff; border-bottom:1px solid #ddd;font-size: 15px;color:#333; line-height: 20px; padding: 12px 20px; word-break: keep-all; white-space: nowrap;}

.menu .sub a:hover{background:#006835; color:#fff}





.search{ position:relative; height:90px;}

.search-btn{ display:block;width:35px;height:35px;background:url(../images/search-btn.png) no-repeat center;cursor:pointer; margin-left:10px;margin-top: 27.5px; border-radius:50px;}



.search-alert{width:300px; padding:30px;position: absolute;right:0;top:90px;z-index: 50;background: #006835;display: none;}

.search-alert form {position: relative; width:100%; border:1px solid #ddd;line-height:46px; height:48px;}

.search-alert input[type=text]{border:0;height:100%; width:100%;color: #555;background:#fff;padding-left:10px; display:block}

.search-alert input[type=submit]{border: none;position: absolute;right: 0;top: 0;width:40px; height:100%;cursor:pointer; background:url(../images/search-btn.png) no-repeat center; background-size:15px;}

.search-alert .search-close{ width:15px; height:15px; position:absolute; right:30px;top:45px;}

.search-alert .search-close:before{ content:""; width:20px; height:1px; background:#0a2d5a; position:absolute; top:0; left:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); transform-origin:left top}

.search-alert .search-close:after{ content:""; width:20px; height:1px; background:#0a2d5a; position:absolute; bottom:0; left:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); transform-origin:left bottom}



/*banner*/



.banner{ position:relative; height:100vh}

.banner .ban-img{position:relative;height:100%;}

.banner .ban-img img{ display:block;width:100%; height:100%; object-fit:cover;-moz-transition:1s linear 2s;-webkit-transition:1s linear 2s;transition:1s linear 2s;}

.banner .ban-txt{ position:absolute; width:100%; bottom:15%; color:#fff; text-align:center;opacity: 0; -webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9);-moz-transition:1s;-webkit-transition:1s;transition:1s;}

.banner .ban-txt h3{ font-size:55px; font-weight:300}

.banner .ban-txt ul{ margin-top:60px; display:flex; display:-webkit-flex; justify-content:center; align-items:flex-start}

.banner .ban-txt li{ padding:0 60px; font-weight:300;position:relative}

.banner .ban-txt li:after{ content:""; width:1px; height:90%; background:rgba(255,255,255,.2); position:absolute; right:0;top:5%}

.banner .ban-txt li:last-child::after{ display:none}

.banner .ban-txt .ico{ margin-bottom:5px;}

.banner .swiper-slide-active .ban-txt{-moz-transform: scale(1);-webkit-transform: scale(1);transform: scale(1); opacity:1;-moz-transition:1s .4s;-webkit-transition:1s .4s;transition:1s .4s;}

.banner .swiper-slide-active .ban-img img, .banner .swiper-slide-duplicate-active .ban-img img{

	transition:16s linear;

	-moz-transform:scale(1.2,1.2);

	-webkit-transform:scale(1.2,1.2);

	transform:scale(1.2,1.2);

}



/*分页器*/

.banner .swiper-pagination{bottom:5%}

.banner .swiper-pagination-bullet{ width:12px; height:12px;background:none;border-radius:50%; border:1px solid #fff; opacity:1;position:relative;}

.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;}

.banner .swiper-pagination-bullet-active{ opacity:1; background:#fff}



.m-banner{position: relative;z-index: 1;overflow: hidden;width: 100%; display:none;border:1px solid #fff;}

.m-banner a{ display:block; background:#131313}

.m-banner img{ display:block; width:100%; height:auto}

.m-banner .swiper-pagination-bullet{ background:none; border:1px solid #fff; opacity:1}

.m-banner .swiper-pagination-bullet-active{ background:#fff}







@font-face{

font-family:'bebas';

src:url("../fonts/bebas.eot");

src:url("../fonts/bebas.eot") format("embedded-opentype"),

url("../fonts/bebas.woff2") format("woff2"),

url("../fonts/bebas.woff") format("woff"),

url("../fonts/bebas.ttf") format("truetype"),

url("../fonts/bebas.svg#BEBAS") format("svg");

}



.space{ padding:90px 0 90px}

.title{ color:#333; font-size:40px; line-height:40px; text-align:center; margin-bottom:35px; background:url(../images/tit-ico.png) no-repeat center bottom; padding-bottom:30px; position:relative}

.note{ font-size:16px; text-align:center; color:#666; margin-top:-15px}



.i-aboutList{ margin-top:35px}

.i-aboutList ul{ display:flex; display:-webkit-flex;}

.i-aboutList li{ width:25%; position:relative; overflow:hidden}

.i-aboutList li .pic{ position:relative; overflow:hidden}

.i-aboutList li .pic img{ display:block; width:100%;-moz-transition:ease .8s;-webkit-transition:ease .8s; transition:ease .8s}

.i-aboutList li .pic:after{ content:""; width:100%; height:100%; background:rgba(0,0,0,.4); position:absolute; left:0;top:0; z-index:1;-moz-transition:ease .5s;-webkit-transition:ease .5s; transition:ease .5s}

.i-aboutList li .txt{ position:absolute; left:0;top:0; width:100%; height:100%; z-index:2; color:#fff; padding:10% 12%}

.i-aboutList li .txt:after{ content:""; width:1px; height:0; background:#fff; opacity:.25; position:absolute; left:30%;top:0;-webkit-transition:.8s;-moz-transition:.8s; transition:.8s}

.i-aboutList h3{ font-size:24px;background:url(../images/dot.png) no-repeat center top; padding-top:30px;letter-spacing:10px;display:inline-block; width:31px;line-height: 31px;position: relative;writing-mode: tb-rl;word-break: break-all; height: 240px;}

.i-aboutList h4{ font-size:14px; opacity:.6;text-transform:uppercase;writing-mode: tb-rl;position: absolute;bottom:10%;left:14%}

.i-aboutList .arrow{ display:block; width:60px; height:60px; border:1px solid #fff; border-radius:50%; position:absolute; right:-100%;bottom:10%; -webkit-transition:.6s;-moz-transition:.6s;transition:.6s}

.i-aboutList .arrow:after{ content:""; width:15px; height:15px; border-top:2px solid #fff; border-right:2px solid #fff;display: block; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); position:absolute;top:20px;left:18px;}

.i-aboutList li:hover .pic img{ -moz-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03)}

.i-aboutList li:hover .pic:after{background:rgba(0,104,53,.6);}

.i-aboutList li:hover .txt:after{ height:100%}

.i-aboutList li:hover .arrow{ right:20%}





/*business*/

.i-business .wrap{ width:100%}

.i-businessList{ position:relative}

.i-businessList .pic{ position:relative; overflow:hidden}

.i-businessList .pic img{ display:block; width:100%;-moz-transition:.8s;-webkit-transition:.8s; transition:.8s}

.i-businessList .txt{ position:absolute; left:0;bottom:0; width:100%; padding-bottom:6%; padding-left:3%; padding-right:3%; color:#fff; text-align:center}

.i-businessList .txt h3{ font-size:26px;}

.i-businessList .txt h4{ font-size:40px; line-height:60px; margin:40px 0 50px}

.i-businessList .numCount{ display:flex; display:-webkit-flex; justify-content:center; align-items:flex-start}

.i-businessList .numCount li{ margin:0 50px; font-size:16px}

.i-businessList .numCount .tit1 .fh{ font-size:20px; padding-left:10px}

.i-businessList .numCount .tit1 .counter{ font-size:48px; font-family:bebas;}



.i-businessList02 li{ float:left; width:50%; position:relative; overflow:hidden}

.i-businessList02 .pic{ overflow:hidden; position:relative}

.i-businessList02 .pic img{ display:block; width:100%; height:auto;-moz-transition:.8s;-webkit-transition:.8s; transition:.8s}

.i-businessList02 .txt{position:absolute; left:0;top:0; width:100%;height:100%;display:flex; display:-webkit-flex; flex-wrap:wrap;justify-content:center;align-content:center; align-items:center; text-align:center; color:#fff}

.i-businessList02 .txt .tit{ font-size:40px; margin-bottom:20px;width:100%}

.i-businessList02 .txt .more{ display:inline-block; position:relative; background:url(../images/arrow.png) no-repeat right center; padding-right:15px;}

.i-businessList02 li:hover .pic img{-moz-transform:scale(1.02);-webkit-transform:scale(1.02); transform:scale(1.02)}



.i-caselist{ position:relative}

.i-caselist .pic{ position:relative; overflow:hidden}

.i-caselist .pic:before{ content:""; width:100%; height:30%; position:absolute; left:0;bottom:0;background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.45));

  background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.45));

  background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.45));

  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.45)); z-index:1}

.i-caselist .pic .img1{ display:block; width:100%}

.i-caselist .pic .img2{position:absolute;left:0;top:0; width:100%; height:100%; object-fit:cover; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s}

.i-caselist .txt{ position:absolute;bottom: -100%;left: 0;width: 100%;padding:20px 30px;-moz-transition:0.5s;-webkit-transition:0.5s;transition:0.5s; z-index: 2;}

.i-caselist .txt h3 {color: #fff;font-size: 20px;width: 70%;display: inline-block;vertical-align: middle;text-align: left;position: relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.i-caselist .txt span {display: inline-block;position: absolute;right: 0;bottom: 0; width:50px; height:50px; background:url(../images/arrow.png) no-repeat center; border-top-left-radius:20px;}

.i-caselist .swiper-slide{width: 54%;}

.i-caselist .swiper-slide-active .txt{bottom:0;}

.i-caselist .swiper-button-prev,.i-caselist .swiper-button-next{width: 45px;height: 100px;position: absolute;top: 50%; margin-top:0;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);transition: .5s;font-size: 0;background: transparent;z-index: 10;cursor: pointer;}

.i-caselist .swiper-button-prev{left:0;background:url(../images/arrow-prev.png) no-repeat center;background-size: contain;}

.i-caselist .swiper-button-next{right: 0;background:url(../images/arrow-next.png) no-repeat center;background-size: contain;}

.i-caselist .swiper-button-prev:hover{background: url(../images/arrow-prev-h.png) no-repeat center;background-size: contain;}

.i-caselist .swiper-button-next:hover{background: url(../images/arrow-next-h.png) no-repeat center;background-size: contain;}



.i-news{background:#fff;}

.i-newslist{ position:relative; padding-bottom:40px}

.i-newslist .swiper-container{border-left:1px solid #e8e8e8;}

.i-newslist .swiper-slide{border:1px solid #e8e8e8; border-left:0}

.i-newslist a{ display:block;position:relative; overflow:hidden;}

.i-newslist .pic{ position: absolute; left:0;top:0; width:100%; height:100%; overflow:hidden; z-index:1; opacity:0;}

.i-newslist .pic:after{ content:""; width:100%; height:100%; background:rgba(0,0,0,.6); position:absolute; left:0;top:0;}

.i-newslist .pic .img{ position:absolute;left:0;top:0; width:100%; height:100%; object-fit:cover; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s}

.i-newslist .txt{ padding:75px 55px; position:relative; z-index:2}

.i-newslist h3{ color:#333; font-size:20px; line-height:28px; min-height:56px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; font-weight:bold; margin:20px 0;}

.i-newslist .time{font-size:13px;color:#999;}

.i-newslist .intro{ font-size:13px; color:#999; line-height:24px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical; overflow:hidden; min-height:120px}

.i-newslist .pic, .i-newslist h3, .i-newslist .intro, .i-newslist .time{-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}

.i-newslist .swiper-slide:hover h3{ color:#fff}

.i-newslist .swiper-slide:hover .pic{ opacity:1}

.i-newslist .swiper-slide:hover .time{color:rgba(255,255,255,.6)}

.i-newslist .swiper-slide:hover .intro{color:rgba(255,255,255,.6)}

.i-newslist .swiper-pagination{ width:100%;bottom:0; display:none}

.i-newslist .swiper-pagination-bullet{ background:#ccc; width:8px; height:8px; margin:0 3px; opacity:1}

.i-newslist .swiper-pagination-bullet-active{ background:#006835}

.i-newslist .swiper-scrollbar{ opacity:1 !important; background:#e8e8e8; height:1px;position: absolute;bottom:0; left:0; width:100%}

.i-newslist .swiper-scrollbar-drag{ background:#006835; height:10px; border-radius:15px;top:-5px}

.i-contact{ background:url(../images/bg.jpg) no-repeat center; background-size:cover; color:#fff}

.i-contact .title, .i-contact .note{ color:#fff}

.i-contact .title{background: url(../images/tit-ico2.png) no-repeat center bottom;}

.i-contact .list{ margin-top:45px}

.i-contact .list ul{ display:flex; display:-webkit-flex; align-items:flex-start; justify-content:center;}

.i-contact .list li{ text-align:center; padding:0 5%; width:33.33%}

.i-contact .list h3{ font-size:16px; margin-top:12px}

.i-contact .list h3 span{ font-size:16px; font-weight:normal}

.i-contact .list .tel h3, .i-contact .list .mail h3{ font-size:20px; font-weight:bold}

.i-contact .list .ico{display:block; width:85px; height:85px; border-radius:50%; margin:0 auto 40px; position:relative}

.i-contact .list .ico:after{ content:""; width:140%; height:140%; border-radius:50%; border:1px solid #006835; position:absolute; left:-20%;top:-20%; z-index:1;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}

.i-contact .list .ico:before{content: '';position: absolute;border: #006835 solid 2px; border-radius:50%;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s; animation-duration: 1s;}



@-webkit-keyframes animate01{

  100% {

    top: -10px;

    right: -10px;

    bottom: -10px;

    left: -10px;

    opacity: 0;

  }

}



@keyframes animate01{

  100% {

    top: -10px;

    right: -10px;

    bottom: -10px;

    left: -10px;

    opacity: 0;

  }

}



.i-contact .list .tel .ico{background:#006835 url(../images/ico-tel.png) no-repeat center}

.i-contact .list .mail .ico{background:#006835 url(../images/ico-mail.png) no-repeat center}

.i-contact .list .add .ico{background:#006835 url(../images/ico-add.png) no-repeat center}

.i-contact .list li:hover .ico:after{border:1px solid rgba(255,255,255,.15)}

.i-contact .list li:hover .ico:before{-webkit-animation-name: animate01;animation-name: animate01;}

/*============================================================*/

.headHeight{ height:90px; position:relative}

.nbanner{ position:relative;overflow:hidden; height:550px}

.nbanner:before{ content:""; width:100%; height:100%; position:absolute; left:0;top:0; background:rgba(0,0,0,0); z-index:1}

/*.nbanner:after{ content:""; width:100%; height:30%; position:absolute; left:0;right:0;bottom:0;background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));

  background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));

  background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));

  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3)); z-index:1}

*/

.nbanner img{ display:block; width:100%; height:100%; object-fit:cover}

.nbanner .wrap{ height:100%; position: relative;top:-100%; z-index:2}

.nbanner .nbantit{position: absolute;width:100%;left:0;bottom:30%;color:#fff; font-size:32px;z-index:2; text-align:center}

.nbanner .nbantit h3{ position:relative}

.nbanner .nbantit h3:after{ content:""; width:35px; height:1px; background:#fff; display:block; margin:15px auto}

.nbanner .nbantit h3{animation-name: fadeInDown;animation-duration:1s; animation-delay:.1s;animation-fill-mode: both;}

.nbanner .nbantit h4{animation-name: fadeInUp;animation-duration:1s; animation-delay:.1s;animation-fill-mode: both; font-size:18px; text-transform:uppercase}

.nbanner h5{position: absolute; width:100%; text-align:center;bottom:20%;color:#fff;font-size:18px;}
.nbanner h5 span{animation-name: fadeInUp;animation-duration:1s; animation-delay:.1s;animation-fill-mode: both; display:block}

.navBox{background:#ebebeb}

.inner-nav{position:relative;}

.inner-nav ul{ display:flex; display:-webkit-flex; justify-content:center;}

.inner-nav li{}

.inner-nav li a{font-size:16px;color: #333;display: flex; display:-webkit-flex; justify-content:center; align-items:center; height:80px;padding: 0px 30px;position:relative}

.inner-nav li a:before{content:"";position: absolute;left: 50%;bottom: 0px; width: 0%;height: 3px;background-color: none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}

.inner-nav li a:after{content:"";position: absolute;width: 1px;height: 15px;display: block;background: #ccc;top: 50%;margin-top: -7px;right: 0px;}

.inner-nav li.cur a, .inner-nav li:hover a{position:relative;color:#006835;}

.inner-nav li.cur a:before, .inner-nav li:hover a:before{ background:#006835; width:90%; left:5%}

.lacat{ line-height:80px; background:url(../images/location_fill.png) no-repeat left center; padding-left:30px; color:#666;}



.main{ padding:80px 0; position:relative;}

.main02{ background:#f7f7f7}



.main .content{ line-height:30px; font-size:16px;}

.main .content img{ max-width:100%;}

.anchor{display: block;top: -85px;visibility: hidden; position:absolute;}



.main .content-about{}

.main .content-about .title{ text-align:left;background:none; padding-bottom:0}

.main .content-about .txt{ width:45%; padding-top:2%}

.main .content-about .txt p{ margin-bottom:15px;}

.main .content-about .pic{ width:50%; position:relative}

.main .content-about img{ display:block; position:relative;width:100%; height:100%;object-fit:cover;z-index:2}

.main .content-about .pic:after{ content:""; width:90%; height:90%; position:absolute; right:-10px;bottom:-10px; background:#006835; opacity:.15}

.content-about-intro{height:360px;overflow: hidden;overflow-y: auto;padding-right:30px;}

.content-about-intro::-webkit-scrollbar {width: 2px;}

.content-about-intro::-webkit-scrollbar-thumb {background:#006835; border-radius:3px;}

.content-about-intro::-webkit-scrollbar-track {background:#e7e7e7;}



.main-culture, .main-development, .main-product{ border-top:2px solid #f3f3f3}

.cullist ul{ display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:space-between}

.cullist li{ width:24%;color:#fff; text-align:center; position:relative}

.cullist .pic{ position:relative; overflow:hidden}

.cullist .pic img{ display:block; width:100%;-moz-transition: 0.6s;-webkit-transition: 0.6s;transition: 0.6s;}

.cullist .pic:after{ content:""; width:100%; height:100%; position:absolute; left:0;top:0; background:rgba(0,0,0,.4);-moz-transition: 0.6s;-webkit-transition: 0.6s;transition: 0.6s;}

.cullist .txt{position: absolute;left: 0;top: 0;z-index:2;width: 100%;height: 100%;}

.cullist .txtcon{position: absolute;left: 0;top: 50%;margin-top: -59px;width: 100%;text-align: center;transition: 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);}

.cullist .ico{ width:60px; height:60px; border-radius:50%; border:1px solid #fff; margin:0 auto; display:flex; display:-webkit-flex; align-items:center; justify-content:center;}

.cullist .tit{ margin:15px 0; font-size:20px;}

.cullist .intro{ opacity:0; font-size:14px; line-height:24px}

.cullist li:hover .txtcon{top:20%; margin-top:0}

.cullist li:hover .intro{ opacity:1}

.cullist li:hover .pic:after{background:rgba(0,0,0,.2);}

.cullist li:hover .pic img{-moz-transform:scale(1.02);-webkit-transform:scale(1.02); transform:scale(1.02)}



.historyList{ position:relative;padding:120px 10% 20px}

.historyList .line {position: absolute;top: 0;left: 50%;bottom: 0; width: 1px;border-left: 1px solid #e8e8e8; z-index:1}

.historyList .topDot, .historyList .botDot{position: absolute;left: 50%;width: 12px;height: 12px;margin-left: -6px;z-index:2;border-radius: 50%;}

.historyList .topDot{top:0; width:80px; height:80px; background:url(../images/ico-dev.png) no-repeat center #006835; left:50%; margin-left:-40px; background-size:auto 35px}

.historyList .botDot{bottom:0; background:#006835;}

.historyList ul{ position:relative; z-index:2}

.historyList li{margin-bottom:2%;position: relative;}

.historyList li::before{content: '';top:8px;background:#fff; border:2px solid #ccc; width:8px; height:8px; border-radius:50%; position:absolute; left:50%; margin-left:-6px; z-index:2}

.historyList li .txt {padding:0 60px;text-align: right; width:50%;position:relative}

.historyList li .txt:after{content: ''; width:40px; height:1px; border-bottom:1px dotted #ccc; position:absolute; right:0;top:13px; z-index:1}

.historyList li .txt{ width:50%;font-size:18px;}

.historyList li .txt .time {font-size: 26px;color:#333;font-weight: bold; position: relative;margin-bottom:10px;}

.historyList li .txt p{}

.historyList li:nth-child(2n) .txt{ float:right;text-align:left}

.historyList li:nth-child(2n) .txt:after{ right:auto; left:0}



.my-gallery{ margin-right:-2%}

.my-gallery li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%; padding:15px; background:#f3f3f3; text-align:center}

.my-gallery li:hover .tit{color:#006835}

.my-gallery .pic{ position:relative; background:#fff}

.my-gallery .pic .img1{ display:block; width:100%;}

.my-gallery .pic .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; max-height:100%}

.my-gallery .tit{ padding-top:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}



.newslist ul{ margin-top:-80px}

.newslist li{border-bottom:1px solid #e8e8e8;padding-top:4%; padding-bottom:4%;position:relative}

.newslist li:before{ content:""; width:0; height:100%; background:#f7f7f7; position:absolute; left:50%; top:0;-moz-transition:.8s;-webkit-transition:.8s; transition:.8s; z-index:1}

.newslist li a{ display:block; position:relative; z-index:2}

.newslist .pic{ position:relative; overflow:hidden; width:30%;}

.newslist .pic img{ display:block; width:100%; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s}

.newslist .txt{ width:65%}

.newslist .txt .time{line-height:20px;display: block;color: #666;padding: 25px 0 15px;font-size: 14px;}

.newslist .txt h3{font-size:20px;line-height: 30px;color: #333; margin-bottom:20px}

.newslist .txt .intro{font-size:14px; color:#999; line-height:24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;text-overflow: ellipsis; min-height:96px}

.newslist .more{ display:block; width:50px; height:50px; border:1px solid #e8e8e8; border-radius:50%; -webkit-transition:.6s;-moz-transition:.6s;transition:.6s; position:relative}

.newslist .more:after{ content:""; width:10px; height:10px; border-top:2px solid #ddd; border-right:2px solid #ddd;display: block; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); position:absolute;top:18px;left:16px;}

.newslist li:hover .pic img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}

.newslist li:hover h3{ color:#006835}

.newslist li:hover::before{ width:300%; left:-150%}

.newslist li:hover .more{ background:#006835; border:1px solid #006835}

.newslist li:hover .more:after{border-top:2px solid #fff; border-right:2px solid #fff;}



.main_news{ background:#f7f7f7}

.newscon{ max-width:1200px; margin:0 auto}

.newstit{font-size:26px;color: #333;line-height:35px;text-align:center;position:relative; margin-bottom:10px;}

.newstit02{border-bottom: 1px solid #e5e5e5;padding-bottom:10px; margin-bottom:20px;}

.newstm{ font-size:13px; color:#999;text-align:center;margin-bottom:20px;}

.newstm span{ margin:0 10px}

.news-article{background:#fff; padding:5% 10%}

.news-article p{margin-bottom:15px}

.page_2{ margin-top:50px;}

.page_2 P{ font-size:14px; margin-bottom:0}



.business li{ margin-bottom:6%}

.business li:last-child{ margin-bottom:0}

.business a{ display:block; display:flex; display:-webkit-flex; align-items:center}

.business .pic{ width:60%; overflow:hidden}

.business .pic img{ display:block; width:100%; height:auto;-webkit-transition:.8s ease;-moz-transition:.8s ease; transition:.8s ease}

.business .txt{ width:40%;padding:3% 3% 4% 5%; border-bottom: 1px solid #d8d8d8; position:relative}

.business .txt h3{line-height:40px;color: #333;font-size:40px;margin-bottom:8%;}

.business .txt .intro{color: #666;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom:10%}

.business .txt .more{display: inline-block;position: relative;background: url(../images/arrow2.png) no-repeat right center;padding-right: 15px; color:#006835; font-size:14px}

.business .txt:before {content: "";width: 0;height: 1px;background: #006835;position: absolute;right: 0;bottom:-1px;-moz-transition:.6s;-webkit-transition:.6s;transition:.6s;}

.business li:nth-child(2n) a{flex-direction: row-reverse;-webkit-flex-direction: row-reverse;}

.business li:nth-child(2n) .txt{padding:3% 5% 4% 3%;}

.business li:hover .pic img{-moz-transform:scale(1.05);-webkit-transform:scale(1.05); transform:scale(1.05)}

.business li:hover .txt:before{ width:100%;right: auto;left: 0;}



/*business*/

.nbanner2{ height:100vh; position:relative}

.nbanner2>img{ display:block; width:100%; height:100%; object-fit:cover}

.nbanner2 .txt{ background:rgba(0,104,53,.75); color:#fff; position:absolute; bottom:5%; width:1500px; left:50%; margin-left:-750px; padding:60px; font-size:18px; line-height:30px}

.nbanner2 .txt h1{ font-size:40px; line-height:40px; margin-bottom:20px}

.nbanner2 .txt .con{}

.nbanner2 .txt .con p{ margin-bottom:10px}

.businessNum{ margin-top:80px; margin-bottom:60px}

.businessNum .numCount{ display:flex; display:-webkit-flex; justify-content:center; align-items:flex-start}

.businessNum .numCount li{ padding:0 50px; font-size:16px; width:20%; color:#333; text-align:center}

.businessNum .numCount .tit1 .fh{ font-size:20px; padding-left:5px}

.businessNum .numCount .tit1 .counter{ font-size:48px; font-family:bebas;}

.businessList li{ background:#f3f3f3; position:relative}

.businessList .pic{ width:50%; float:left; overflow:hidden}

.businessList .pic img{ display:block; width:100%;-moz-transition:.8s ease;-webkit-transition:.8s ease; transition:.8s ease;}

.businessList .txt{ width:50%; position:absolute; height:100%; right:0;top:0;bottom:0; padding:2% 5%; display:flex; display:-webkit-flex; align-items:center; font-size:18px; color:#333; letter-spacing:1px}

.businessList .txt h3{ font-size:26px;line-height:35px; margin-bottom:15px;color:#006835; font-weight:bold; position:relative}

.businessList .txt h4{ font-size:20px;color:#006835;margin-bottom:15px;font-weight:bold; margin-top:-15px; }

.businessList li:nth-child(2n) .pic{ float:right}

.businessList li:nth-child(2n) .txt{ right:auto; left:0}

.businessList li:hover .pic img{-moz-transform:scale(1.05);-webkit-transform:scale(1.05); transform:scale(1.05)}

.businessIntro{ font-size:20px; margin-bottom:30px}

.bus-tit{ text-align:center; font-size:26px; color:#006835; margin-bottom:35px; position:relative}
.bus-tit02{ margin-top:40px}

.bus-tit:before{ content:""; width:100%; height:1px; background:#006835; position:absolute; top:50%; left:0}

.bus-tit span{ display:inline-block; background:#fff; padding:0 35px; position:relative; z-index:2}

.businessList02{ margin-bottom:30px}.businessList03{ margin-bottom:0}

.businessList02 ul{ margin-right:-2%}

.businessList02 li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%; position:relative}

.businessList02 .pic{ position:relative; overflow:hidden}

.businessList02 .img1{ display:block; width:100%}

.businessList02 .img2{ position:absolute; left:0;top:0;right:0;bottom:0; width:100%; height:100%;-moz-transition:.8s;-webkit-transition:.8s; transition:.8s}

.businessList02 .tit{ position:absolute; left:0;bottom:0; right:0; background:rgba(0,0,0,.3); color:#fff; text-align:center; padding:10px;-moz-transition:.5s;-webkit-transition:.5s; transition:.5s}

.businessList02 li:hover .tit{ background:rgba(0,104,53,.6);}

.businessList02 li:hover .img2{ -moz-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03)}

.businessList03{ margin-top:60px;}
.businessList03 .pic{position:relative; overflow:hidden}
.businessList03 .img1{ display:block; width:100%}
.businessList03 .img2{ position:absolute; left:0;top:0;right:0;bottom:0; width:100%; height:100%; object-fit:cover}
.businessList03 .tit{font-size:18px;position:absolute; width:100%;left:0;bottom:0; padding:50px 30px 20px; color:#fff;background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));
  background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));
  background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8)); display:none}
.businessList03 .swiper-slide-active .tit{ display:block}

.businessList03 .swiper-pagination{ display:none}
.businessList03 .swiper-pagination-bullet{ width:10px; height:10px;background:#ccc;border-radius:50%;opacity:1;position:relative;}
.businessList03.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}
.businessList03 .swiper-pagination-bullet-active{ opacity:1; background:#006835}
.businessList03 .swiper-button-prev, .businessList03 .swiper-button-next{display:block; width:60px; height:60px; background:rgba(0,0,0,.6); border-radius:50%; position:absolute; left:5%; margin-top:-30px;; -webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.businessList03 .swiper-button-next{ left:auto; right:5%}
.businessList03 .swiper-button-prev:after, .businessList03 .swiper-button-next:after{ content:""; width:15px; height:15px; display: block; }
.businessList03 .swiper-button-prev:after{border-top:2px solid #fff; border-left:2px solid #fff;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg); position:absolute;top:22px;right:18px;}
.businessList03 .swiper-button-next:after{border-top:2px solid #fff; border-right:2px solid #fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); position:absolute;top:22px;left:18px}
.businessList03 .swiper-button-prev:hover, .businessList03 .swiper-button-next:hover{background:rgba(0,104,53,.8);}

.nav-pro{ display:flex; display:-webkit-flex; justify-content:center; margin-bottom:40px}

.nav-pro li a{ display:block; font-size:18px; border:1px solid #d8d8d8;margin:0 10px; border-radius:25px; width:145px; padding:8px 0; text-align:center;}

.nav-pro li.active a{ background:#006835; color:#fff}

.prolist{ margin-right:-2%; display:flex; display:-webkit-flex; flex-wrap:wrap;}

.prolist .item{width:31.33%; margin-right:2%; margin-bottom:2%; border:1px solid #e8e8e8; position:relative}

.prolist .pic{position:relative; overflow:hidden}

.prolist .img1{ display:block; width:100%}

.prolist .img2{ position:absolute; left:0;top:0;right:0;bottom:0; width:100%; height:100%;-moz-transition:.8s;-webkit-transition:.8s; transition:.8s}

.prolist .tit{position:absolute; left:0;bottom:0; right:0; background:rgba(0,0,0,.3); color:#fff; text-align:center; padding:10px;-moz-transition:.5s;-webkit-transition:.5s; transition:.5s}

.prolist .item:hover .tit{background:rgba(0,104,53,.8);}

.prolist .item:hover .img2{ -moz-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03)}

.content-product .tabs_con{ display:none}

.content-product .tabs_con.active{display: block;}

.content-product02 p{ margin-bottom:15px}

.huyang{ position:relative; padding-bottom:35px; margin-top:30px}

.huyang .pic{ position:relative; overflow:hidden}

.huyang .img1{ display:block; width:100%}

.huyang .img2{ position:absolute; left:0;top:0;right:0;bottom:0; width:100%; height:100%;-moz-transition:.8s;-webkit-transition:.8s; transition:.8s}

.huyang li:hover .img2{ -moz-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03)}

.huyang .swiper-pagination{bottom:0}

.huyang .swiper-pagination-bullet{ width:10px; height:10px;background:#ccc;border-radius:50%;opacity:1;position:relative;}

.huyang.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}

.huyang .swiper-pagination-bullet-active{ opacity:1; background:#006835}

.yjf-prolist li{ margin-bottom:60px}

.yjf-prolist li:last-child{ margin-bottom:0}

.yjf-prolist .pic{ width:35%; background:#6c7755; color:#fff; padding:3%; text-align:center;}

.yjf-prolist .pic .img{ width:55%; margin:0 auto; display:block}

.yjf-prolist .pic .wz{font-weight:300; margin-top:15px}

.yjf-prolist .txt{ width:60%}

.yjf-prolist .txt h3{ font-size:24px;color: #006835; margin:15px 0; font-weight:bold}

.yjf-prolist .txt h5{ display:inline-block; border-bottom:1px solid #333; color:#333; font-size:17px; margin:15px 0 10px; line-height:20px}

.main-product-food{ padding-top:150px}

.qbfood{ padding-bottom:50px}

.qbfood img{ display:block; width:100%}

.qbfood .swiper-pagination{bottom:0}

.qbfood .swiper-pagination-bullet{ width:10px; height:10px;background:#ccc;border-radius:50%;opacity:1;position:relative;}

.qbfood.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}

.qbfood .swiper-pagination-bullet-active{ opacity:1; background:#006835}

.back{ text-align:center; margin-top:40px}

.back a{ background:#006835; color:#fff; display:inline-block; padding:0 45px; border-radius:25px; line-height:45px;}

/*===========================contact================================*/

.main .content-contact{ font-size:16px; line-height:26px;}

.content-contact .title{ font-size:32px; margin-bottom:60px}

.contact-list{margin-bottom:40px;}

.contact-list ul{ display:flex; display:-webkit-flex;}

.contact-list li{ width:33.33%; padding:0 3%; text-align:center}

.contact-list .icon{ display:block; margin:0 auto 30px; background:#006835; width:100px;height:100px; border-radius:50%; box-shadow:0 0 0 15px rgba(0,104,53,.15)}

.contact-list .tel .icon{background:#006835 url(../images/ico-tel.png) no-repeat center;}

.contact-list .mail .icon{background:#006835 url(../images/ico-mail.png) no-repeat center;}

.contact-list .add .icon{background:#006835 url(../images/ico-add.png) no-repeat center;}

.contact-list h4{ font-weight:bold; color:#333; margin:10px 0}



.message .ts{ text-align:center; margin-top:-30px; margin-bottom:30px}

.message .item{ margin-bottom:1%; float:left; width:49.5%; position:relative}

.message .item:nth-child(even){ float:right}

.message label{ display:block;line-height:58px; color:#999;position:absolute; left:15px;top:0;bottom:0;}

.message label span{ margin-right:5px;}

.message input[type=text], .message textarea {display: block;width: 100%;border: 0;background:#fff; padding: 0 10px; padding-left:90px; line-height:60px;color: #333;font-size: 16px;}

.message .item:nth-child(4) input[type=text]{ padding-left:100px}





.message .item2{ width:100%}

.message .item2 label{ bottom:auto;top:0}

.message textarea{ height:61px}

.message .item3{ float:left !important; width:100%}

.message .yzm[type=text]{ padding-left:85px; width:30%; float:left}

.message .submit{ width:120px; height:45px; line-height:45px; border:0; color:#fff; font-size:16px;border-radius:5px; text-transform:uppercase; cursor:pointer; transition:.5s; display:block; margin:0 auto;background: -webkit-linear-gradient(120deg, #22bcf0, #013e96);

    background: -o-linear-gradient(120deg, #22bcf0, #013e96);

    background: -moz-linear-gradient(120deg, #22bcf0, #013e96);

    background: linear-gradient(120deg, #22bcf0, #013e96);}

.message .submit:hover{border-radius:25px}

.message02 .item:nth-child(8) input[type=text]{ padding-left:100px}





#allmap{width:100%;height:500px;line-height:22px; font-size:14px; border:1px solid #e2e2e2; margin-top:20px}

.BMap_bubble_title{ white-space:normal !important;color: #151515; font-size:16px;padding:10px 0;}

.BMap_bubble_content{color: #888; font-size:13px}

.iwTitle {

    color: #CC5522;

    font-size: 14px;

    font-weight: bold;

	line-height:22px;

	display:block;

	padding-bottom:8px;

}



/*============================================================*/



.footer{ background:#fff;color:#666; padding:25px 0;position:relative}

.f-contact .tit{ font-size:18px; margin-bottom:20px; background:url(../images/line.png) no-repeat left center; padding-left:12px}

.f-contact .tit a{ color:#fff}

.f-contact .sub{ padding-left:10px;}

.f-contact p{display:block;color:rgba(255,255,255,.5); line-height:20px; padding-left:30px; margin-bottom:10px;position:relative;}

.f-contact .tel{ background:url(../images/f-icon01.png) no-repeat left 0}

.f-contact .fax{ background:url(../images/f-icon02.png) no-repeat left 0}

.f-contact .mail{ background:url(../images/f-icon03.png) no-repeat left 0}

.f-contact .add{ background:url(../images/f-icon04.png) no-repeat left 0}



.f-ewm{ position:relative}

.f-ewm .tit{ display:flex; display:-webkit-flex; align-items:center;}

.f-ewm .tit img{ margin-right:5px}

.f-ewm .hd{ position:absolute; left:20px;bottom:28px;display:none}

.f-ewm .hd .con{ margin-bottom:15px;border:1px solid #e8e8e8; position:relative}

.f-ewm .hd .con:after{ content:""; width:0; height:0; border-left:8px solid transparent;border-right:8px solid transparent; border-top:8px solid #e8e8e8; display:block; position:absolute; left:50%;bottom:-8px; margin-left:-8px}

.f-ewm .hd img{ display:block; width:126px}

.f-ewm:hover .hd{ display:block}



.float_kf{ position:fixed;right:10px; bottom:20%; background:#fff; z-index:99}

.float_kf li{ width:70px; text-align:center;border:1px solid #e8e8e8; border-bottom:none; padding:12px 0;color:#535353; position:relative; font-size:14px}

.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}

.float_kf li:hover{ background:#0a2d5a;border:1px solid #0a2d5a;border-bottom:none; color:#fff; cursor:pointer;}.float_kf li:hover a{ color:#fff}

.float_kf .mes i{ width:24px; height:25px; background:url(../images/right_pic3.png) no-repeat; margin:0 auto 6px; display:block}

.float_kf .mes:hover i{background:url(../images/right_pic3_h.png) no-repeat;}



.float_kf .fwh i{ width:29px; height:25px; background:url(../images/right_pic2.png) no-repeat; margin:0 auto 6px; display:block}

.float_kf .fwh:hover i{background:url(../images/right_pic2_h.png) no-repeat;}

.float_kf .fwh .hd img{ width:150px; display:block;}

.float_kf .app i{ width:29px; height:25px; background:url(../images/right_pic4.png) no-repeat; margin:0 auto 6px; display:block}

.float_kf .app:hover i{background:url(../images/right_pic4_h.png) no-repeat;}

.float_kf .app .hd img{ width:150px; display:block;}

.float_kf .service i{ width:29px; height:25px; background:url(../images/right_pic1.png) no-repeat; margin:0 auto 6px; display:block}

.float_kf .service:hover i{background:url(../images/right_pic1_h.png) no-repeat;}

.float_kf .service .hd{ position:absolute; right:69px;bottom:-72px;border:1px solid #e8e8e8;opacity:0; filter:alpha(opacity=0); visibility:hidden;-moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}

.float_kf .service .hd h3{background: #fddd5f;color:#0a2d5a; white-space:nowrap; line-height:40px; font-weight:bold; padding:0 20px}

.float_kf .service .sub{ background:#fff; padding:15px;}

.float_kf .service .sub a{ display:block; white-space:nowrap; background:#eef0f3; margin-top:5px; line-height:32px; padding:0 15px;color:#0a2d5a}

.float_kf .service .sub a:first-child{ margin-top:0}

.float_kf .service .sub a:hover{background:#0a2d5a; color:#fff}

.float_kf .service:hover .hd{opacity:1; filter:alpha(opacity=100);visibility:visible;-moz-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);}

.float_kf .fwh .hd, .float_kf .app .hd{ position:absolute; right:69px;top:0; margin-top:-50px; background:#fff;border:1px solid #e8e8e8; padding:20px;color:#535353; opacity:0; filter:alpha(opacity=0); visibility:hidden; -moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}

.float_kf .fwh .hd{ margin-top:-84px}

.float_kf .fwh .hd, .float_kf .app .hd,.float_kf .tel .hd,.float_kf .service .hd{ -moz-transition:.5s;;-webkit-transition:.5s;transition:.5s;}

.float_kf .fwh:hover .hd, .float_kf .app:hover .hd, .float_kf .tel:hover .hd{opacity:1; filter:alpha(opacity=100); -moz-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0); visibility:visible}





.float_kf .tel i{ width:29px; height:25px; background:url(../images/right_pic5.png) no-repeat; margin:0 auto 6px; display:block}

.float_kf .tel:hover i{background:url(../images/right_pic5_h.png) no-repeat;}

.float_kf .tel .hd{ background:#0a2d5a; color:#fff; font-size:20px; font-weight:bold; position:absolute;right:69px;top:0;text-align:left; text-align:center;line-height:74px; width:200px; height:100%;opacity:0; filter:alpha(opacity=0); visibility:hidden; -moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}

.float_kf .backtop{background:#fddd5f;border:1px solid #fddd5f; border-bottom:none}

.float_kf .backtop i{ width:24px; height:25px; background:url(../images/right_pic6_h.png) no-repeat; margin:0 auto 3px; display:block}

.float_kf .backtop a{ color:#0a2d5a}

.float_kf .backtop:hover{ background:#0a2d5a}

.float_kf .backtop:hover i{background:url(../images/right_pic6.png) no-repeat;}



.pages{ margin-top:40px}

.pagination{ height:auto !important; padding:0 !important}