@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:Arial; font-size:14px; line-height:1.7; color:#333; background-color:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#333; -webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none; color:#333; font-family:inherit;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
select,input[type=text]{
  -webkit-appearance:none; /* 清除iOS默认样式 */
  -moz-appearance:none;    /* 清除Firefox默认样式 */
  appearance:none;         /* 标准语法 */
  background-color:transparent; /* 透明背景 */
}

/*header*/
.header{ width:100%; height:110px; position:fixed; left:0; top:0; z-index:98; background-color:#fff; box-shadow:0 0.260vw 1.041vw 0 rgba(0, 0, 0, 0.08);}
.header .head{ width:83.34%; height:110px; margin:auto; display:flex; position:relative; z-index:3;}
.header .head .logo{ height:110px;}
.header .head .logo img{ display:block; height:85px;}
.header .head .ser{ height:100%; display:flex; align-items:center; position:relative; z-index:9;}
.header .head .ser dt{ padding:45px 0; height:20px; display:block; position:relative; z-index:1;}
.header .head .ser dt span{ height:20px; display:block; position:relative; cursor:pointer;}
.header .head .ser dt span b{ display:block; width:20px; height:20px; float:left; margin-right:0.52vw; background-image:url(../images/yu01.png); background-position:center; background-repeat:no-repeat;}
.header .head .ser dt span a{ font-size:18px; color:#333; line-height:20px; height:20px; display:block; overflow:hidden; text-transform:uppercase;}
.header .head .ser dt p{ width:100px; position:absolute; left:50%; margin-left:-50px; top:100%; background-color:#fff; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; text-align:center; box-sizing:border-box; box-shadow:0 0.260vw 1.041vw 0 rgba(0, 0, 0, 0.08);}
.header .head .ser dt p a{ display:block; font-size:16px; line-height:36px; height:36px; overflow:hidden; color:#333; border-radius:5px;}
.header .head .ser dt p a:hover{ color:#006401; background-color:#f7f7f7;}
.header .head .ser dt:hover p{ top:100%; opacity:1; height:auto; padding:10px 5px;}

.header .head .ser dd{ width:20px; height:20px; display:block; position:relative; margin-left:1.5625vw; z-index:3;}
.header .head .ser dd img{ width:100%; display:block; cursor:pointer;}

.search-popup{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:99; background-color:#000; background-color:rgba(0, 0, 0, 0.8); transition:all 600ms ease-in-out; -webkit-transition:all 600ms ease-in-out; -moz-transition:all 600ms ease-in-out; -ms-transition:all 600ms ease-in-out; -o-transition:all 600ms ease-in-out; opacity:0; filter:alpha(opacity=0); -webkit-filter:alpha(opacity=0); visibility:hidden;}
.search-popup.show{ opacity:1; visibility:visible;}
.search-popup .close{ width:30px; position:absolute; right:8.33%; top:40px; cursor:pointer;}
.search-popup .close img{ width:100%; display:block;}
.search-popup .form-block{ padding-top:7.8125vw; margin-right:8.33%; width:50%; max-width:800px; float:right;}
.search-popup .form-block .title{ font-size:14px; color:#fff; color:rgba(255, 255, 255, 0.5); line-height:24px; margin-bottom:6px; letter-spacing:6px;}
.search-popup .form-block .searchform{ padding-bottom:5px; position:relative; border:none; border-bottom:2px solid #f8f9fd; background:none; color:inherit;}
.search-popup .form-block .searchform .input{ font-size:30px; line-height:50px; height:50px; color:#fff; font-style:normal; text-transform:uppercase; width:100%; padding:0 50px 0 0; box-sizing:border-box;}
.search-popup .form-block .searchform .input::-webkit-input-placeholder{ color:#fff;}
.search-popup .form-block .searchform .input:-moz-placeholder{ color:#fff;}
.search-popup .form-block .searchform .input::-moz-placeholder{ color:#fff;}
.search-popup .form-block .searchform .input:-ms-input-placeholder{ color:#fff;}
.search-popup .form-block .searchform .searchsubmit{ width:20px; height:20px; background:url(../images/ico_search.png) no-repeat; position:absolute; right:0; top:15px;}
.pls-nav-search-result{ padding:1.5625vw; background:#fff; transition:opacity 0.3s ease-in-out; margin-top:40px;}
.pls-nav-search-result-title{ font-size:16px; color:#485948; line-height:26px; font-weight:500;}
.pls-nav-search-links{ margin-top:.26vw; margin-left:-1.04vw; overflow:hidden;}
.pls-nav-search-links .pls-nav-search-link{ display:block; position:relative; overflow:hidden; margin-left:1.04vw; float:left;}
.pls-nav-search-links .pls-nav-search-link a{ display:block; width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:24px; line-height:24px; font-size:14px; color:#333;}
.pls-nav-search-links .pls-nav-search-link:hover a{ color:#006401;}

.header .head .nav{ display:flex; justify-content:center; flex:1; height:110px; position:relative; z-index:1;}
.header .head .nav li{ margin:0 1.5625vw; position:relative; z-index:1;}
.header .head .nav li>a{ display:block; font-size:18px; line-height:110px; height:110px; color:#333;}
.header .head .nav li.on>a,.header .head .nav li:hover>a{ color:#006401;}
.header .head .nav li.on b,.header .head .nav li:hover b{ width:100%; height:2px; display:block; background-color:#006401; position:absolute; left:0; bottom:30px;}
.header .head .nav li p{ width:160px; position:absolute; left:50%; transform:translateX(-50%); top:100%; background-color:#fff; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; opacity:0; height:0; overflow:hidden; text-align:center; box-sizing:border-box; box-shadow:0 0.260vw 1.041vw 0 rgba(0, 0, 0, 0.08);}
.header .head .nav li p a{ display:block; font-size:16px; line-height:40px; height:40px; overflow:hidden; color:#333; border-radius:5px;}
.header .head .nav li p a:hover{ color:#006401; background-color:#f7f7f7;}
.header .head .nav li:hover p{ top:100%; opacity:1; height:auto; padding:10px 5px;}
.hbg{ width:100%; height:110px;}

@media only screen and (max-width:1600px){
.header .head .ser dt p a{ font-size:15px; line-height:33px; height:33px;}

.header .head .nav li>a{ font-size:17px;}
.header .head .nav li p a{ font-size:15px; line-height:37px; height:37px;}
}
@media only screen and (max-width:1440px){
.header .head .ser dt span{ height:18px;}
.header .head .ser dt span b{ width:18px; height:18px; background-size:100% auto;}
.header .head .ser dt span a{ font-size:16px; line-height:18px; height:18px; }
.header .head .ser dt p a{ font-size:14px; line-height:30px; height:30px;}

.header .head .ser dd{ width:18px; height:18px;}

.header .head .nav li>a{ font-size:16px;}
.header .head .nav li p a{ font-size:14px; line-height:34px; height:34px;}
}

/*banner*/
.banner{ width:100%; height:calc(100% - 110px); max-height:54.6875vw; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; height:100%; object-fit:cover; display:block;}
.banner .swiper-slide .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background-color:rgba(0,0,0,.7);}
.banner .swiper-slide .wen{ width:50%; max-width:740px; position:absolute; left:8.33%; z-index:3; top:50%; transform:translateY(-50%);}
.banner .swiper-slide .wen .w01{ width:100%; font-size:54px; line-height:74px; color:#fff; font-weight:bold; letter-spacing:8px;}
.banner .swiper-slide .wen .w02{ width:10px; height:10px; border:5px solid #006401; border-radius:100%; margin-top:1.5625vw;}
.banner .swiper-slide .wen .w03{ width:100%; font-size:18px; line-height:30px; color:#fff; margin-top:1.3vw;}
.banner .swiper-slide .wen .more{ width:100%; margin-top:3.39vw;}

@media only screen and (max-width:1600px){
.banner .swiper-slide .wen .w01{ font-size:50px; line-height:70px; letter-spacing:6px;}
.banner .swiper-slide .wen .w03{ font-size:17px; line-height:29px;}
}
@media only screen and (max-width:1440px){
.banner .swiper-slide .wen .w01{ font-size:46px; line-height:66px; letter-spacing:4px;}
.banner .swiper-slide .wen .w03{ font-size:16px; line-height:28px;}
}

.banner .swi{ position:absolute; bottom:2.6vw; right:8.33%; z-index:9;}
.banner .swiper-button-white{ width:38px; height:38px; float:left; cursor:pointer; border:1px solid #fff; border-radius:100%; margin-left:20px;}
.banner .swiper-button-white:hover{ border:1px solid #006401; background-color:#006401;}
.banner .swiper-button-white img{ display:block; height:14px; margin:12px auto;}
.banner .swiper-pagination{ position:absolute; bottom:2.6vw; height:30px; left:8.33%; z-index:9;}
.banner .swiper-pagination span{ width:10px; height:30px; display:block; float:left; cursor:pointer; background-image:url(../images/bn.png); background-position:center; background-repeat:no-repeat; margin-right:20px;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:30px; background-image:url(../images/bn01.png);}

.banner .down{ position:absolute; left:50%; bottom:2.34375vw; text-align:center; transform:translateX(-50%); z-index:3; cursor:pointer; transition:all 0.5s;}
.banner .down img{ display:block; margin:4px auto;}
.banner .down p{ display:block; color:#fff; font-size:14px; line-height:24px; opacity:.5;}
.banner .down:hover{ bottom:2vw;}
.banner .down:hover p{ opacity:1;}

/*通用*/
.title{ width:100%; text-align:center; position:relative; z-index:3; margin-top:-5px;}
.title .t01{ font-size:36px; line-height:46px; font-weight:bold; color:#006401;}
.title .t02{ font-size:16px; line-height:26px; margin-top:0.677vw;}

@media only screen and (max-width:1600px){
.title .t01{ font-size:34px; line-height:44px;}
}
@media only screen and (max-width:1440px){
.title .t01{ font-size:32px; line-height:42px;}
.title .t02{ font-size:15px; line-height:25px;}
}

.more a{ float:left; padding:0 1.927vw; height:44px; display:block; line-height:44px; font-size:14px; color:#fff; border-radius:40px; background-color:#006401; cursor:pointer; overflow:hidden;}
.more a b{ margin-left:1.04vw; width:30px; height:100%; background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat; display:block; float:right;}
.more a b img{ display:block; height:10px; margin:17px auto;}
.more a:hover{ background-color:#007901;}

@media only screen and (max-width:1600px){
.more a{ height:42px; line-height:42px;}
}
@media only screen and (max-width:1440px){
.more a{ height:40px; line-height:40px;}
}

/*公司介绍*/
.index{ width:100%; position:relative; z-index:1; top:-110px; left:0;}
.abox{ width:100%; position:relative; z-index:1; background-color:#fff; display:flex; background-position:left bottom; background-size:auto 100%; background-repeat:no-repeat;}
.abox .left{ flex:1; padding:4.9479vw 8.33%; padding-right:0; display:flex; justify-content:center; flex-direction:column;}
.abox .left .w01{ font-size:24px; line-height:34px; font-weight:bold; color:#006401;}
.abox .left .w02{ font-size:36px; line-height:46px; font-weight:bold; color:#333; margin-top:0.52vw;}
.abox .left .w03{ width:60px; height:2px; background-color:#006401; margin-top:0.78125vw;}
.abox .left .w04{ width:100%; margin-top:1.5625vw; font-size:16px; line-height:36px; max-height:360px;}
.abox .left .more{ margin-top:3.125vw; padding-bottom:5px;}
.abox .mil{ width:18.75%; display:flex; justify-content:center; align-items:center;}
.abox .mil ul{ box-sizing:border-box; display:block; padding:3.4899vw 3vw;}
.abox .mil ul li{ display:block; padding:1.458vw 0;}
.abox .mil ul li .w01{ display:flex; align-items:flex-end; height:54px;}
.abox .mil ul li .w01 b{ display:block; font-size:54px; line-height:54px; height:54px;}
.abox .mil ul li .w01 p{ display:block; font-size:16px; line-height:26px; height:26px; margin-left:8px;}
.abox .mil ul li .w02{ font-size:16px; line-height:26px; margin-top:0.26vw;}
.abox .right{ width:37.5%; position:relative; display:block;}
.abox .right dt{ width:100%; height:50%; display:block; overflow:hidden; position:relative;}
.abox .right dd{ width:100%; height:50%; display:block; overflow:hidden; position:relative;}
.abox .right .tu{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.abox .right .tu img{ width:100%; height:100%; display:block; object-fit:cover;}
.abox .right dt .click{ width:100%; height:100%; position:relative; z-index:3; display:block; overflow:hidden; cursor:pointer;}
.abox .right dt .click img{ width:80px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.abox .right dt:hover .click{ opacity:0;}
.abox .right dd a{ width:100%; height:100%; position:relative; z-index:3; background-color:rgba(0,0,0,.7); display:flex; justify-content:center; align-items:center; flex-direction:column; overflow:hidden;}
.abox .right dd a img{ display:block; height:50px; margin:5px auto;}
.abox .right dd a span{ display:block; font-size:24px; line-height:34px; padding-top:0.78125vw; color:#fff;}
.abox .right dd:hover a{ opacity:0;}

.shipin{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; top:0; left:0; z-index:999999; display:none;}
.shipin .box{ padding:10px; padding-bottom:0; background-color:#fff; border-radius:5px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); width:94%; max-width:870px; box-sizing:border-box;}
.shipin .video{ width:100%;}
.shipin .video video{ width:100%; display:block; overflow:hidden;}
.shipin .wen{ margin:15px auto;}
.shipin .wen b{ font-size:16px; line-height:20px; display:block; float:left; margin:0 10px; width:calc(100% - 80px); overflow:hidden;}
.shipin .wen a{ cursor:pointer; display:block; float:right; height:20px; margin:0 10px;}
.shipin .wen a img{ display:block; height:20px; -webkit-transition:1s linear; transition:1s ease-in;}
.shipin .wen a img:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}

@media only screen and (max-width:1600px){
.abox .left .w01{ font-size:22px; line-height:32px;}
.abox .left .w02{ font-size:34px; line-height:44px;}
.abox .left .w04{ font-size:15px; line-height:31px; max-height:310px;}
.abox .mil ul li .w01 b{ font-size:50px; line-height:50px; height:50px;}
.abox .mil ul li .w01 p{ font-size:15px; line-height:25px; height:25px; margin-left:6px;}
.abox .mil ul li .w02{ font-size:15px; line-height:25px;}
.abox .right dd a span{ font-size:22px; line-height:32px;}
}
@media only screen and (max-width:1440px){
.abox .left .w01{ font-size:20px; line-height:30px;}
.abox .left .w02{ font-size:32px; line-height:42px;}
.abox .left .w04{ font-size:14px; line-height:26px; max-height:260px;}
.abox .mil ul li .w01 b{ font-size:46px; line-height:46px; height:46px;}
.abox .mil ul li .w01 p{ font-size:14px; line-height:24px; height:24px; margin-left:4px;}
.abox .mil ul li .w02{ font-size:14px; line-height:24px;}
.abox .right dd a span{ font-size:20px; line-height:30px;}
}

/*大型果蔬加工企业*/
.pbox{ width:83.34%; padding:4.9479vw 8.33%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#f5f5f5;}
.pbox .box{ width:100%; position:relative; z-index:3;}
.pbox .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.pbox .box .list li{ display:block; width:23.125%; margin-left:2.5%; margin-top:1.82vw; border-radius:10px; background-color:#fff; overflow:hidden;}
.pbox .box .list li:nth-child(4n+1){ margin-left:0;}
.pbox .box .list li .tu{ width:100%; position:relative; border-radius:10px;}
.pbox .box .list li .tu:before{ width:100%; padding-top:64.86%; content:''; display:block;}
.pbox .box .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pbox .box .list li .wen{ text-align:center; padding:1.82vw 1.5625vw; padding-bottom:1.71875vw;}
.pbox .box .list li .wen .w01{ font-size:24px; line-height:34px;}
.pbox .box .list li .wen .w02{ width:40px; height:2px; background-color:#006401; margin:auto; margin-top:0.52vw;}
.pbox .box .list li .wen .w03{ width:100%; margin-top:0.677vw; font-size:16px; line-height:30px;}
.pbox .box .list li:hover .wen .w01{ color:#006401;}

.pbox .box .more{ width:100%; display:flex; justify-content:center; margin-top:2.08vw;}
.pbox .box .more a:last-child{ padding:0 1.82vw; margin-left:1.04vw; border:2px solid #dddddd; height:40px; line-height:40px; background-color:transparent; color:#666;}
.pbox .box .more a:last-child b{ background-image:url(../images/more01.png);}
.pbox .box .more a:last-child:hover{ border:2px solid #007901; background-color:#007901; color:#fff;}
.pbox .box .more a:last-child:hover b{ background-image:url(../images/more.png);}

@media only screen and (max-width:1600px){
.pbox .box .list li .wen .w01{ font-size:22px; line-height:32px;}
.pbox .box .list li .wen .w03{ font-size:15px; line-height:28px;}
.pbox .box .more a:last-child{ height:38px; line-height:38px;}
}
@media only screen and (max-width:1440px){
.pbox .box .list li .wen .w01{ font-size:20px; line-height:30px;}
.pbox .box .list li .wen .w03{ font-size:14px; line-height:26px;}
.pbox .box .more a:last-child{ height:36px; line-height:36px;}
}

/*全球展会*/
.qbox{ width:83.34%; padding:4.9479vw 8.33%; position:relative; z-index:1; background-color:#fff;}
.qbox .box{ width:100%; position:relative; z-index:3; margin-top:1.82vw;}
.qbox .box .gallery-top{ width:100%; overflow:hidden;}
.qbox .box .gallery-top .swiper-slide{ width:45%;}
.qbox .box .gallery-top .swiper-slide a{ width:100%; display:block; border-radius:10px; padding-top:62.5%; overflow:hidden; position:relative; transform:scale(0.86, 0.86); -ms-transform:scale(0.86, 0.86); -moz-transform:scale(0.86, 0.86); -webkit-transform:scale(0.86, 0.86); -o-transform:scale(0.86, 0.86); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.qbox .box .gallery-top .swiper-slide a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.qbox .box .gallery-top .swiper-slide.swiper-slide-active a{ transform:scale(1, 1); -ms-transform:scale(1, 1); -moz-transform:scale(1, 1); -webkit-transform:scale(1, 1); -o-transform:scale(1, 1);}
.qbox .box .gallery-top .swiper-button-white{ width:3.125vw; height:3.125vw; position:absolute; top:50%; margin-top:-1.5625vw; z-index:3; background-color:#fff; border-radius:100%; cursor:pointer; background-position:center; background-repeat:no-repeat; box-shadow:0 0 1.04vw rgba(0,0,0,.1);}
.qbox .box .gallery-top .swiper-button-white:hover{ background-color:#006401;}
.qbox .box .gallery-top .swiper-button-prev{ left:21.875%; background-image:url(../images/prev01.png);}
.qbox .box .gallery-top .swiper-button-next{ right:21.875%; background-image:url(../images/next01.png);}
.qbox .box .gallery-top .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.qbox .box .gallery-top .swiper-button-next:hover{ background-image:url(../images/next.png);}
.qbox .box .gallery-thumbs{ width:100%; overflow:hidden; position:relative; margin-top:2.08vw;}
.qbox .box .gallery-thumbs .line{ width:100%; height:2px; background-color:#eee; position:absolute; left:0; top:7px; z-index:1;}
.qbox .box .gallery-thumbs .swiper-wrapper{ width:100; position:relative; z-index:3;}
.qbox .box .gallery-thumbs .swiper-wrapper .swiper-slide{ width:20%; display:block; text-align:center; cursor:pointer;}
.qbox .box .gallery-thumbs .swiper-wrapper .swiper-slide b{ display:block; border-radius:100%; width:10px; height:10px; margin:auto; overflow:hidden; background-color:#ddd; border:3px solid #fff;}
.qbox .box .gallery-thumbs .swiper-wrapper .swiper-slide p{ display:block; padding-top:0.677vw; font-size:18px; line-height:30px; height:30px; overflow:hidden;}
.qbox .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active b{ width:8px; height:8px; background-color:#fff; border:4px solid #006401;}
.qbox .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active p{ font-size:20px; font-weight:bold; color:#006401;}

@media only screen and (max-width:1600px){
.qbox .box .gallery-thumbs .swiper-wrapper .swiper-slide p{ font-size:17px; line-height:29px; height:29px;}
.qbox .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active p{ font-size:19px;}
}
@media only screen and (max-width:1440px){
.qbox .box .gallery-thumbs .swiper-wrapper .swiper-slide p{ font-size:16px; line-height:28px; height:28px;}
.qbox .box .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active p{ font-size:18px;}
}

/*合作商介绍*/
.hbox{ width:83.34%; padding:4.9479vw 8.33%; padding-bottom:5.2vw; position:relative; z-index:1; background-position:center; background-repeat:no-repeat;}
.hbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.7);}
.hbox .title .t01,.hbox .title .t02{ color:#fff;}
.hbox .box{ width:100%; position:relative; z-index:3; margin-top:1.3vw;}
.hbox .box .line{ width:80px; margin:auto;}
.hbox .box .line b{ width:60px; height:4px; border-radius:4px; background-color:#fff; float:left; overflow:hidden;}
.hbox .box .line a{ width:10px; height:4px; border-radius:4px; background-color:#006401; float:right; overflow:hidden;}
.hbox .box .wen{ width:79.375%; margin:auto; margin-top:1.5625vw; font-size:16px; line-height:36px; text-align:center; color:#fff;}
.hbox .box .more{ width:100%; display:flex; justify-content:center; margin-top:1.5625vw;}
.hbox .box .list{ width:78.75%; margin:auto; display:flex; flex-wrap:wrap; justify-content:center; padding-top:2.6vw;}
.hbox .box .list li{ width:13.49%; display:block; margin:0 1.585%; margin-top:-0.52vw; position:relative; overflow:hidden;}
.hbox .box .list li>img{ width:100%; display:block;}
.hbox .box .list li a{ display:block; width:70.59%; height:50%; display:flex; align-items:center; overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.hbox .box .list li a img{ max-width:100%; max-height:100%; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.hbox .box .list li:hover a img{ -webkit-transform:rotateY(-360deg);}

@media only screen and (max-width:1600px){
.hbox .box .wen{ font-size:15px; line-height:31px;}
}
@media only screen and (max-width:1440px){
.hbox .box .wen{ font-size:14px; line-height:26px;}
}

/*footer*/
.footer{ width:100%; padding-top:3.3854vw; padding-bottom:3.3854vw; position:relative; z-index:1; background-color:#1b191a;}
.footer .foot{ width:83.34%; margin:auto; position:relative;}
.footer .foot .left{ width:76.875%; float:left;}
.footer .foot .f01{ width:34.96%; float:left; margin-right:8.13%;}
.footer .foot .f01 .w01{ width:100%; margin-top:-15px;}
.footer .foot .f01 .w01 img{ display:block; height:85px;}
.footer .foot .f01 .w02{ width:100%; margin-top:1.67vw; font-size:14px; line-height:30px; color:#999;}
.footer .foot .f01 .w03{ margin-left:-15px; padding-top:1.1458vw; padding-bottom:5px;}
.footer .foot .f01 .w03 a{ display:flex; align-items:center; float:left; margin-left:15px; margin-top:10px; width:36px; height:36px; border-radius:100%; background-color:rgba(255,255,255,.7);}
.footer .foot .f01 .w03 a img{ display:block; max-height:18px; max-height:18px; margin:auto;}
.footer .foot .f01 .w03 a:hover{ background-color:#006401;}
.footer .foot .f02{ max-width:32.77%; width:calc(45.78% - 160px); float:left; margin-right:3%;}
.footer .foot .f02 .w01{ font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.footer .foot .f02 .w02{ padding-top:.26vw;}
.footer .foot .f02 .w02 dt{ display:block; margin-top:0.78125vw; font-size:14px; line-height:24px; color:#999;}
.footer .foot .f02 .w02 dd{ display:block; font-size:16px; line-height:24px; color:#fff;}
.footer .foot .f02 .w02 dd b{ display:block; font-size:18px;}
.footer .foot .f02 .w02 dd:last-child{ font-size:14px;}
.footer .foot .f03{ width:160px; float:left;}
.footer .foot .f03 .w01{ font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.footer .foot .f03 .w02{ margin-top:1.3vw; width:160px;}
.footer .foot .f03 .w02 dt{ display:block; width:130px; height:130px; padding:15px; background-image:url(../images/ma_17.png); background-size:100% 100%;}
.footer .foot .f03 .w02 dt a{ width:100%; height:100%; display:block; overflow:hidden;}
.footer .foot .f03 .w02 dt a img{ width:100%; display:block;}
.footer .foot .f03 .w02 dd{ text-align:center; display:block; color:#fff; font-size:14px; line-height:24px; margin-top:.52vw;}
.footer .foot .bq{ margin-top:1.5625vw; float:left; width:100%}
.footer .foot .bq p{ display:block; font-size:14px; line-height:24px; margin-right:35px; color:#999; float:left;}
.footer .foot .bq p a{ color:#999;}
.footer .foot .right{ width:23.125%; float:right;}
.footer .foot .right .w01{ font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.footer .foot .right .w02{ display:block; padding-top:0.26vw;}
.footer .foot .right .w02 dt{ margin-top:1.04vw; width:100%; border:1px solid #333; display:block; box-sizing:border-box; overflow:hidden;}
.footer .foot .right .w02 dt input{ width:100%; padding:0 9px; display:block; box-sizing:border-box; background-color:transparent; font-size:14px; color:#fff; height:38px; line-height:38px; overflow:hidden;}
.footer .foot .right .w02 dt textarea{ width:100%; padding:7px 9px; display:block; box-sizing:border-box; background-color:transparent; font-size:14px; color:#fff; height:88px; line-height:24px; overflow:hidden; font-family:inherit;}
.footer .foot .right .w02 dd{ width:100%; margin-top:20px; display:block; height:45px;}
.footer .foot .right .w02 dd input{ width:120px; height:40px; line-height:40px; text-align:center; display:block; cursor:pointer; background-color:#605e5f; color:#fff; overflow:hidden;}
.footer .foot .right .w02 dd input:hover{ background-color:#006401;}

@media only screen and (max-width:1600px){
.footer .foot .f01 .w02{ line-height:28px;}
}
@media only screen and (max-width:1440px){
.footer .foot .f01 .w02{ line-height:26px;}
}

/*右侧浮动*/
.side{ position:fixed; right:0; top:250px; z-index:99;}
.side li{ width:50px; height:50px; position:relative; margin-bottom:2px; display:block;}
.side li .sidebox{ width:50px; height:50px; background-color:#006401; cursor:pointer; overflow:hidden;}
.side li .sidebox img{ display:block; height:30px; margin:10px auto;}
.side li .sidebox_content{ padding:5px 15px; background-color:#fff; border:1px solid #ccc; border-radius:4px; position:absolute; right:38px; bottom:1px; transform:translateX(130%); transition:all .6s; z-index:-1; white-space:nowrap; font-size:18px; line-height:36px;}
.side li .sidebox_content:after{ content:""; display:block; width:10px; height:10px; border:1px solid #ccc; border-color:transparent #ccc #ccc transparent; transform:rotate(-45deg); position:absolute; right:-6px; bottom:19px; background-color:#fff;}
.side li .sidebox_content img{ width:130px; display:block; margin:5px auto;}
.side li:hover .sidebox_content{ display:block; transform:translateX(-40px);}

/*内页*/
.ban{ width:100%; height:28.125vw; position:relative;}
.ban .box{ width:100%; height:100%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .box .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.5);}
.ban .box .title{ width:83.34%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3;}
.ban .box .title .t01{ color:#fff;}
.ban .box .title .t02{ width:79.375%; margin:auto; margin-top:1.04vw; color:#fff;}

.sav{ width:83.34%; padding:0 8.33%; position:relative; background-color:#fff; border-bottom:1px solid #eee; display:flex; flex-wrap:wrap;}
.sav .left{ flex:1; padding:.52vw 0;}
.sav .left a{ display:block; float:left; font-size:16px; line-height:40px; padding-right:1.5625vw; margin-right:1.5625vw; position:relative;}
.sav .left a:hover,.sav .left a.on{ color:#006401;}
.sav .left a:before{ content:''; width:1px; height:14px; display:block; background-color:#aaa; overflow:hidden; position:absolute; right:0; top:50%; margin-top:-7px;}
.sav .left a:last-child:before{ display:none;}
.sav .right{ font-size:14px; line-height:40px; padding:.52vw 0; color:#666;}
.sav .right a{ display:block; float:left; color:#666;}
.sav .right a:last-child{ color:#333;}
.sav .right span{ display:block; float:left; margin:0 0.677vw;}

.ab01{ width:83.34%; padding:4.9479vw 8.33%; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:100%; position:relative; z-index:3; margin-top:1.82vw;}
.ab01 .left{ width:100%; float:left;}
.ab01 .left .w01{ font-size:30px; line-height:40px; font-weight:bold; color:#333;}
.ab01 .left .w02{ font-size:22px; line-height:32px; color:#006401; margin-top:.52vw;}
.ab01 .left .w03{ width:100%; margin-top:0.78125vw; font-size:16px; line-height:36px;}
.ab01 .right{ width:50%; float:right; margin-top:2.08vw; position:relative;}
.ab01 .right img{ width:100%; display:block;}
.ab01 .right .click{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; display:block; overflow:hidden; cursor:pointer; opacity:0;}
.ab01 .right .click img{ width:80px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ab01 .right:hover .click{ opacity:1;}
.ab01 .list{ width:45%; float:left; display:block; margin-top:1.04vw;}
.ab01 .list li{ width:47.5%; float:left; display:block; padding-top:1.04vw; margin-left:5%;}
.ab01 .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ab01 .list li .w01{ display:flex; align-items:flex-end; height:54px;}
.ab01 .list li .w01 b{ display:block; font-size:54px; line-height:54px; height:54px;}
.ab01 .list li .w01 p{ display:block; font-size:16px; line-height:26px; height:26px; margin-left:8px;}
.ab01 .list li .w02{ font-size:16px; line-height:26px; margin-top:0.26vw;}

@media only screen and (max-width:1600px){
.ab01 .left .w01{ font-size:28px; line-height:36px;}
.ab01 .left .w02{ font-size:20px; line-height:30px;}
.ab01 .left .w03{ font-size:15px; line-height:31px;}
.ab01 .list li .w01 b{ font-size:50px; line-height:50px; height:50px;}
.ab01 .list li .w01 p{ font-size:15px; line-height:25px; height:25px; margin-left:6px;}
.ab01 .list li .w03{ font-size:15px; line-height:25px;}
}
@media only screen and (max-width:1440px){
.ab01 .left .w01{ font-size:26px; line-height:36px;}
.ab01 .left .w02{ font-size:18px; line-height:28px;}
.ab01 .left .w03{ font-size:14px; line-height:26px;}
.ab01 .list li .w01 b{ font-size:46px; line-height:46px; height:46px;}
.ab01 .list li .w01 p{ font-size:14px; line-height:24px; height:24px; margin-left:4px;}
.ab01 .list li .w03{ font-size:14px; line-height:24px;}
}

.ab02{ width:83.34%; padding:4.9479vw 8.33%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#f5f5f5;}
.ab02 .box{ width:100%; position:relative; z-index:3; margin-top:1.82vw;}
.ab02 .an{ position:absolute; left:0; bottom:5px; z-index:2;}
.ab02 .an .swiper-button-white{ width:50px; height:50px; border-radius:100%; background-color:#333; overflow:hidden; display:block; float:left; margin-right:20px; background-position:center; background-repeat:no-repeat;}
.ab02 .an .swiper-button-white:hover{ background-color:#006401;}
.ab02 .an .swiper-button-prev{ background-image:url(../images/prev.png);}
.ab02 .an .swiper-button-next{ background-image:url(../images/next.png);}
.ab02 .gallery-top{ width:100%; height:auto;}
.ab02 .gallery-top .swiper-slide{ width:100%; height:auto;}
.ab02 .gallery-top .swiper-slide .left{ width:45%; float:left; position:relative;}
.ab02 .gallery-top .swiper-slide .left:before{ width:100%; padding-top:58.33%; display:block; content:'';}
.ab02 .gallery-top .swiper-slide .left img{ width:100%; display:block; position:absolute; left:0; top:0;}
.ab02 .gallery-top .swiper-slide .right{ width:50%; float:right;}
.ab02 .gallery-top .swiper-slide .right .bt{ font-size:24px; line-height:34px; font-weight:bold; margin-top:1.3vw;}
.ab02 .gallery-top .swiper-slide .right .wen{ font-size:16px; line-height:36px; color:#666; margin-top:0.78125vw;}
.ab02 .shu{ position:absolute; left:0; bottom:100px; z-index:9;}
.ab02 .shu p{ display:block; font-size:36px; height:40px; line-height:40px; color:#006401; overflow:hidden; font-weight:bold;}
.ab02 .gallery-thumbs{ width:83.66%; float:right; margin-top:2.6vw; position:relative; z-index:9;}
.ab02 .gallery-thumbs .swiper-slide{ width:18.75%; margin-right:1.5625%;}
.ab02 .gallery-thumbs .swiper-slide p{ width:80px; height:80px; border-radius:100%; background-color:#eee; margin:auto; overflow:hidden; padding:5px;}
.ab02 .gallery-thumbs .swiper-slide p a{ width:80px; height:80px; background-color:#fff; font-size:24px; line-height:80px; text-align:center; display:block; border-radius:100%; overflow:hidden;}
.ab02 .gallery-thumbs .swiper-slide span{ width:100%; margin-top:15px; display:block; text-align:center; overflow:hidden; font-size:16px; line-height:26px; height:26px;}
.ab02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ background-color:#006401;}
.ab02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p a{ background-color:#007901; color:#fff;}
.ab02 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ color:#006401;}
.ab02 .line{ width:100%; height:2px; background-color:#eee; position:absolute; left:0; bottom:85px; z-index:1;}

@media only screen and (max-width:1600px){
.ab02 .gallery-top .swiper-slide .right .bt{ font-size:22px; line-height:32px;}
.ab02 .gallery-top .swiper-slide .right .wen{ font-size:15px; line-height:31px;}
}
@media only screen and (max-width:1440px){
.ab02 .gallery-top .swiper-slide .right .bt{ font-size:20px; line-height:30px;}
.ab02 .gallery-top .swiper-slide .right .wen{ font-size:14px; line-height:26px;}
}

.ab03{ width:83.34%; padding:4.9479vw 8.33%; padding-bottom:5.2vw; position:relative; z-index:1; background-position:center; background-repeat:no-repeat;}
.ab03 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,0,0,.7);}
.ab03 .title .t01,.ab03 .title .t02{ color:#fff;}
.ab03 .box{ width:100%; position:relative; z-index:3;}
.ab03 .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.ab03 .box .list li{ display:block; width:23.125%; margin-left:2.5%; margin-top:1.82vw; border-radius:10px; background-color:#fff; overflow:hidden;}
.ab03 .box .list li:nth-child(4n+1){ margin-left:0;}
.ab03 .box .list li .tu{ width:100%; position:relative; border-radius:10px;}
.ab03 .box .list li .tu:before{ width:100%; padding-top:64.86%; content:''; display:block;}
.ab03 .box .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.ab03 .box .list li .wen{ text-align:center; padding:1.82vw 1.5625vw; padding-bottom:1.71875vw;}
.ab03 .box .list li .wen .w01{ font-size:24px; line-height:34px;}
.ab03 .box .list li .wen .w02{ width:40px; height:2px; background-color:#006401; margin:auto; margin-top:0.52vw;}
.ab03 .box .list li .wen .w03{ width:100%; margin-top:0.677vw; font-size:16px; line-height:30px;}
.ab03 .box .list li:hover .wen .w01{ color:#006401;}

@media only screen and (max-width:1600px){
.ab03 .box .list li .wen .w01{ font-size:22px; line-height:32px;}
.ab03 .box .list li .wen .w03{ font-size:15px; line-height:28px;}
}
@media only screen and (max-width:1440px){
.ab03 .box .list li .wen .w01{ font-size:20px; line-height:30px;}
.ab03 .box .list li .wen .w03{ font-size:14px; line-height:26px;}
}

.ab04{ width:83.34%; padding:4.9479vw 8.33%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.ab04 .box{ width:100%; margin-top:1.82vw; position:relative; z-index:3;}
.ab04 .box .swiper-container{ width:100%; z-index:9;}
.ab04 .box .swiper-slide{ position:relative; display:block; overflow:hidden;}
.ab04 .box .swiper-slide:before{ width:100%; display:block; padding-top:143.24%; content:''; overflow:hidden;}
.ab04 .box .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab04 .swiper-pagination{ width:100%; margin-top:2.08vw; display:flex; flex-wrap:wrap; justify-content:center;}
.ab04 .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#999;}
.ab04 .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#006401;}

/*产品介绍*/
.main{ width:83.34%; padding:4.9479vw 8.33%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.main .box{ width:100%; position:relative; z-index:3;}
.main .box .pro{ width:100%; display:block;}
.main .box .pro li{ width:23.125%; display:block; float:left; margin-left:2.5%; margin-top:1.82vw; overflow:hidden;}
.main .box .pro li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .box .pro li a{ display:block; overflow:hidden; padding:.52vw; padding-bottom:0; border:1px solid #eee; position:relative; background-color:#fff; border-radius:10px;}
.main .box .pro li .tu{ width:100%; background-color:#f7f7f7; position:relative; border-radius:10px;}
.main .box .pro li .tu:before{ width:100%; padding-top:75%; display:block; content:'';}
.main .box .pro li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .box .pro li .wen{ padding:.78125vw .52vw;}
.main .box .pro li .wen span{ width:100%; display:block; font-size:20px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .box .pro li .wen p{ display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.main .box .pro a:hover{ border:1px solid #006401; background-color:#006401;}
.main .box .pro a:hover .wen p,.main .box .pro a:hover .wen span{ color:#fff;}
@media only screen and (max-width:1600px){
.main .box .pro li .wen span{ font-size:18px; height:28px; line-height:28px;}
.main .box .pro li .wen p{ font-size:15px; height:25px; line-height:25px;}
}
@media only screen and (max-width:1440px){
.main .box .pro li .wen span{ font-size:16px; height:26px; line-height:26px;}
.main .box .pro li .wen p{ font-size:14px; height:24px; line-height:24px;}
}

.fanye{ width:100%; margin-top:2.04vw; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block; font-size:18px;}
.fanye li a{ width:40px; height:40px; line-height:40px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li span{ width:40px; height:40px; line-height:40px; background-color:#f7f7f7; border-radius:100%; display:block;}
.fanye li.active span{ color:#fff; background-color:#006401;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#006401;}

/*产品介绍内页*/
.pro02{ width:100%; margin:auto; padding-bottom:5px;}
.pro02 .lbar{ width:52%; float:left; display:flex; align-items:center; justify-content:space-between;}
.pro02 .lbar .thumbs{ width:5.73vw;}
.pro02 .lbar .thumbs .swiper-button-white{ width:24px; height:13px; margin:auto; cursor:pointer;}
.pro02 .lbar .thumbs .swiper-button-prev{ background-image:url(../images/top.png);}
.pro02 .lbar .thumbs .swiper-button-next{ background-image:url(../images/bot.png);}
.pro02 .lbar .thumbs .gallery-thumbs{ width:100%; height:calc(17.19vw + 45px); overflow:hidden; margin:1.04vw 0;}
.pro02 .lbar .thumbs .gallery-thumbs .swiper-slide{ width:5.73vw; height:4.2975vw; border-radius:10px; position:relative; display:flex; align-items:center; overflow:hidden; cursor:pointer;}
.pro02 .lbar .thumbs .gallery-thumbs .swiper-slide img{ max-width:100%; max-height:100%; display:block; margin:auto;}
.pro02 .lbar .thumbs .gallery-thumbs .swiper-slide b{ width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; display:block; position:absolute; left:0; top:0; border-radius:10px;}
.pro02 .lbar .thumbs .gallery-thumbs .swiper-slide.swiper-slide-thumb-active b{ border:2px solid #006401;}
.pro02 .lbar .gallery-top{ width:84.44%; border:1px solid #ddd; border-radius:20px; box-sizing:border-box;}
.pro02 .lbar .gallery-top .swiper-slide{ width:100%; border-radius:20px; position:relative; display:flex; align-items:center; overflow:hidden;}
.pro02 .lbar .gallery-top .swiper-slide:before{ width:100%; padding-top:75%; content:''; display:block;}
.pro02 .lbar .gallery-top .swiper-slide img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.pro02 .rbar{ width:43%; float:right;}
.pro02 .rbar .w01{ font-size:24px; line-height:34px; font-weight:bold; padding-top:1.3vw;}
.pro02 .rbar .w02{ font-size:16px; line-height:26px; color:#999; padding-top:.52vw; padding-bottom:1.04vw; border-bottom:1px solid #ddd;}
.pro02 .rbar .w03{ padding-top:1.3vw; display:block; font-size:18px; line-height:28px; color:#006401; font-weight:bold;}
.pro02 .rbar .w04{ display:block; font-size:16px; line-height:26px;}
.pro02 .rbar .w04 p{ display:block; margin-top:.52vw;}
.pro02 .rbar .w04 b{ color:#006401;}

@media only screen and (max-width:1600px){
.pro02 .rbar .w01{ font-size:22px; line-height:32px;}
.pro02 .rbar .w02{ font-size:15px; line-height:25px;}
.pro02 .rbar .w03{ font-size:16px; line-height:26px;}
.pro02 .rbar .w04{ font-size:15px; line-height:25px;}
}
@media only screen and (max-width:1440px){
.pro02 .rbar .w01{ font-size:20px; line-height:30px;}
.pro02 .rbar .w02{ font-size:14px; line-height:24px;}
.pro02 .rbar .w03{ font-size:15px; line-height:25px;}
.pro02 .rbar .w04{ font-size:14px; line-height:24px;}
}

.pro03{ width:100%; margin:auto; margin-top:2.08vw;}
.pro03 .bt{ font-size:24px; line-height:34px; color:#006401; font-weight:bold; padding-bottom:0.52vw; border-bottom:1px solid #ddd;}
.pro03 .wen{ margin-top:1.3vw; font-size:16px; line-height:36px;}
.pro03 .wen img{ max-width:100%; height:auto;}
table{ border-collapse:collapse;}
table,th, td{ border:1px solid black;}

.pro03 .list li{ width:23.125%; display:block; float:left; margin-left:2.5%; margin-top:1.82vw; overflow:hidden;}
.pro03 .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro03 .list li a{ display:block; overflow:hidden; padding:.52vw; padding-bottom:0; border:1px solid #eee; position:relative; background-color:#fff; border-radius:10px;}
.pro03 .list li .tu{ width:100%; background-color:#f7f7f7; position:relative; border-radius:10px;}
.pro03 .list li .tu:before{ width:100%; padding-top:75%; display:block; content:'';}
.pro03 .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pro03 .list li .wen{ padding:.78125vw .52vw;}
.pro03 .list li .wen span{ width:100%; display:block; font-size:20px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro03 .list li .wen p{ display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.pro03 .list a:hover{ border:1px solid #006401; background-color:#006401;}
.pro03 .list a:hover .wen p,.pro03 .list a:hover .wen span{ color:#fff;}
@media only screen and (max-width:1600px){
.pro03 .wen{ font-size:15px; line-height:31px;}

.pro03 .list li .wen span{ font-size:18px; height:28px; line-height:28px;}
.pro03 .list li .wen p{ font-size:15px; height:25px; line-height:25px;}
}
@media only screen and (max-width:1440px){
.pro03 .wen{ font-size:14px; line-height:26px;}

.pro03 .list li .wen span{ font-size:16px; height:26px; line-height:26px;}
.pro03 .list li .wen p{ font-size:14px; height:24px; line-height:24px;}
}

/*合作商介绍*/
.main .box .hzl{ width:80px; margin:auto; margin-top:1.3vw;}
.main .box .hzl b{ width:60px; height:4px; border-radius:4px; background-color:#006401; float:left; overflow:hidden;}
.main .box .hzl a{ width:10px; height:4px; border-radius:4px; background-color:#333; float:right; overflow:hidden;}
.main .box .hzw{ width:100%; margin:auto; margin-top:1.5625vw; font-size:16px; line-height:36px; text-align:center;}
.main .box .hz{ width:100%; margin:auto; padding-top:.52vw;}
.main .box .hz li{ width:15%; border:1px solid #eee; box-sizing:border-box; display:block; margin-left:2%; margin-top:1.3vw; float:left; position:relative; overflow:hidden;}
.main .box .hz li:nth-child(6n+1){ clear:left; float:left; margin-left:0;}
.main .box .hz li a{ display:block; width:100%; padding-top:50%; display:flex; align-items:center; overflow:hidden;}
.main .box .hz li a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.main .box .hz li:hover{ border:1px solid #006401;}

@media only screen and (max-width:1600px){
.main .box .hzw{ font-size:15px; line-height:31px;}
}
@media only screen and (max-width:1440px){
.main .box .hzw{ font-size:14px; line-height:26px;}
}

/*全球展会*/
.nbox{ width:83.34%; padding:4.9479vw 8.33%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#f5f5f5;}
.nbox .box{ width:100%; margin-top:1.82vw; position:relative; z-index:3;}
.nbox .box .swiper-container{ width:100%; z-index:9;}
.nbox .box .swiper-container{ width:100%;}
.nbox .box .swiper-slide{ display:block; overflow:hidden;}
.nbox .box .swiper-slide .w01{ width:100%; position:relative;}
.nbox .box .swiper-slide .w01:before{ width:100%; padding-top:68.18%; display:block; content:''; overflow:hidden;}
.nbox .box .swiper-slide .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.nbox .box .swiper-slide .w02{ width:100%; margin-top:0.78125vw; font-size:16px; line-height:24px; height:24px; color:#666;}
.nbox .box .swiper-slide .w03{ width:100%; margin-top:5px; font-size:20px; line-height:30px; height:30px; text-overflow:ellipsis; white-space:nowrap; font-weight:bold;}
.nbox .box .swiper-slide .w03:hover{ color:#006401;}
.nbox .box .swiper-slide .w04{ width:50px; margin-top:.52vw; height:2px; background-color:#333;}
.nbox .box .swiper-slide .w05{ width:100%; margin-top:0.78125vw; font-size:16px; line-height:30px; height:90px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.nbox .box .swiper-slide .w06{ font-size:16px; height:26px; line-height:26px; color:#999; margin-top:.26vw;}
.nbox .box .swiper-slide .w06:hover{ color:#006401;}

.nbox .swiper-pagination{ width:100%; margin-top:2.08vw; display:flex; flex-wrap:wrap; justify-content:center;}
.nbox .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#999;}
.nbox .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#006401;}
@media only screen and (max-width:1600px){
.nbox .box .swiper-slide .w02{ font-size:15px; line-height:23px; height:24px;}
.nbox .box .swiper-slide .w03{ font-size:19px; line-height:29px; height:29px;}
.nbox .box .swiper-slide .w05{ font-size:15px; line-height:28px; height:84px;}
.nbox .box .swiper-slide .w06{ font-size:15px; height:25px; line-height:25px;}
}
@media only screen and (max-width:1440px){
.nbox .box .swiper-slide .w02{ font-size:14px; line-height:22px; height:24px;}
.nbox .box .swiper-slide .w03{ font-size:18px; line-height:28px; height:28px;}
.nbox .box .swiper-slide .w05{ font-size:14px; line-height:26px; height:78px;}
.nbox .box .swiper-slide .w06{ font-size:14px; height:24px; line-height:25px;}
}

/*文章页*/
.ny{ width:83.34%; margin:3.3854vw auto; position:relative; z-index:1;}
.ny .bt{ width:100%;}
.ny .bt b{ display:block; font-size:24px; line-height:34px; color:#333;}
.ny .bt span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:10px;}
.ny .bt p{ display:block; margin-top:10px; width:100px; height:2px; background-color:#333;}
.ny .wen{ margin-top:25px; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto; margin-top:5px; margin-bottom:5px;}
#portfolio-nav{ width:100%; height:40px; padding:30px 0; margin:auto; margin-top:25px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i { width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#333; color:#333; box-shadow:-0.6em 0 #333, -0.6em 0.6em #333, 0.6em 0 #333, 0.6em -0.6em #333, 0 -0.6em #333, -0.6em -0.6em #333, 0 0.6em #333, 0.6em 0.6em #333;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line { width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-left:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line { width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
#portfolio-nav .next:hover .line{ width:30px;}

/*联系我们*/
.main .lx01{ width:100%; margin:auto; display:flex; padding-top:1.82vw;}
.main .lx01 .left{ width:47.5%;}
.main .lx01 .left #map{ width:100%; height:100%;}
.main .lx01 .left img{ width:100%; height:100%; object-fit:cover;}
.main .lx01 .right{ width:47.5%; margin-left:5%;}
.main .lx01 .right dl{ display:block; overflow:hidden; margin-top:-1.5625vw;}
.main .lx01 .right dl dt{ margin-top:1.5625vw; overflow:hidden; display:flex; align-items:center;}
.main .lx01 .right dl dt strong{ width:60px;}
.main .lx01 .right dl dt strong img{ width:60px; display:block;}
.main .lx01 .right dl dt p{ width:calc(100% - 60px); display:block; margin-left:10px;}
.main .lx01 .right dl dt p span{ display:block; font-size:14px; line-height:24px; color:#999;}
.main .lx01 .right dl dt p a{ display:block; font-size:16px; line-height:26px; color:#333;}
.main .lx01 .right dl dd{ margin-top:1.3vw; overflow:hidden; display:block;}
.main .lx01 .right dl dd span{ width:100%; font-size:16px; line-height:26px;}
.main .lx01 .right dl dd p{ display:flex; align-items:center; margin-top:.52vw;}
.main .lx01 .right dl dd strong{ width:120px; max-width:120px; display:block; overflow:hidden; border:1px solid #ddd;}
.main .lx01 .right dl dd strong img{ width:100%; display:block;}
.main .lx01 .right dl dd a{ display:block; font-size:14px; line-height:24px; margin-left:20px;}