/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
/* js特效：js.AdminBuy.Cn */
/* 在线工具 Tool.Adminbuy.Cn */
/* QQ：9490489 */
@charset "utf-8";
html,body{margin:0;padding:0;font-family:"微软雅黑";font-size:10px;min-width: 1200px;position: relative;height:100%;}
textarea{font-family:"微软雅黑";}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;font-size: 16px;}
img{border:0; vertical-align:bottom;}
ul,li{list-style:none;}
a{text-decoration:none;color: #fff;}
input::-webkit-input-placeholder {color:#838383;font-size:16px;}

/*公用*/
.public{width: 1200px;margin:0 auto;}
.cl{clear: both;display: block;}
.center{text-align: center;}
.right{float: right;display: inline-block;font-size: 14px;vertical-align: middle;line-height: 30px}
.container{background: url(../images/bg1.png) no-repeat;background-size: 100%;background-position: left 10px ;margin-top: -340px;z-index: 3;position: relative;}
@media screen and (max-width: 1920px) {
    .container {
        margin-top: -340px;
    }
}
@media screen and (max-width: 1700px) {
    .container {
        margin-top: -320px;
    }
}
@media screen and (max-width: 1600px) {
    .container {
        margin-top: -300px;
    }
}
@media screen and (max-width: 1500px) {
    .container {
        margin-top: -280px;
    }
}
@media screen and (max-width: 1400px) {
    .container {
        margin-top: -260px;
    }
}
@media screen and (max-width: 1300px) {
    .container {
        margin-top: -240px;
    }
}
@media screen and (max-width: 1200px) {
    .container {
        margin-top: -220px;
    }
}
/*返回顶部*/
.to-top{display: none;width:103px;height:103px;border-radius:2px;font-size:15px;}
/*头部*/
#banner{width: 100%;overflow:hidden; position:relative;padding: 0;margin: 0}
#banner .bannerlist{ position:relative; height:100%; z-index:0;}
#banner .bannerlist  ul li{zoom:1; vertical-align:middle;}
#banner .bannerlist li img{width:100%;display:block; }
.logo{width: 1200px;position: absolute;left: calc( ( 100% - 1200px ) / 2 );top: 0;z-index: 1;padding: 50px 0}
.luntanbox{width: 180px;height: 50px;background-color: ;margin-bottom: 35px;border-radius: 20px;box-sizing:border-box;padding: 4px}
.luntanbox a{display: block;width: 100%;height:100%;border:1px solid rgba(255,255,255,.44);border-radius: 17px;box-sizing:border-box;font-size: 22px;color: #fff;text-align: center;line-height: 38px;}
/*搜索框*/
.search{width: 450px;height: 65px;padding: 10px;background-color: rgba(255,255,255,.5);box-sizing:border-box;margin-left: 750px}
#form{width: 430px;height: 45px;box-shadow: 0 0 4px #e5e5e5;font-size: 0;background-color: #fff;position: relative;}
#form .ss_bd{width: 375px;border: none;height: 45px;vertical-align: middle;background-color: transparent;box-sizing:border-box;padding: 0 15px;outline: none;}
#form .ss_btn{width: 55px;border: none;height: 45px;vertical-align: middle;background-color: transparent;box-sizing:border-box;outline: none;background: url(../images/icon1.png) no-repeat;background-position: center;position: relative;}
#form:before{content: "";position: absolute;right: 55px;top: 11px;width: 1px;height: 23px;background-color: #d2d4d4}
.lanmuBox{margin: 25px 0}
.lanmuline{height: 9px;width: 100%;background: url(../images/bg2.png) no-repeat;background-size: 100%;}
.lanmuList{background-color: #086f35;padding: 10px 5px;font-size: 0}
.lanmuL,.lanmuR{display: inline-block;vertical-align: middle;font-size: 16px}
.lanmuL{width: 77px;text-align: center;border-right: 1px dashed #00be53}
.lanmuR{width: 1112px;}
.lanmuR li{float: left;width: 82px;height: 26px;border-radius: 26px;text-align: center;margin-left: 16px;font-size: 16px;}
.lanmuR li:nth-child(-n+11){margin-bottom: 5px}
.citychose{height: 40px;background-color: #fff;padding: 0 25px;font-size: 14px;color: #2e2e2e;line-height: 30px}
.citychose a{color: #2e2e2e}
/*底部*/
.footer{width: 100%;padding-top: 15px}
.footer .footdiv{background-color: #086f35;}
.foorterT{border-bottom: 1px solid #00853a;height: 76px}
.foorterT .public{position: relative;}
.foorterTUL,.footerBq{text-align: center;margin-left: 178px;width: 1022px}
.foorterTUL li{display: inline-block;height: 75px;width: 108px;line-height: 75px;text-align: center;font-size: 18px;position: relative;}
.foorterTUL li:before{content: "";position: absolute;left: -1px;width: 2px;height: 20px;top: 27.5px;background-color: #fff}
.foorterTUL li:first-child:before{width: 0}
.foorterB{height: 75px;padding-top: 20px}
.footerBq{color: #fff;font-size: 16px}
.footcode{width: 165px;height: 183px;padding-right: 13px;background: url(../images/foot-pic1.png) no-repeat;background-size: 100% 100%;position: absolute;top: -12px;left: 0;display: flex;justify-content: center;align-items: center;flex-direction:column}
.footcode img{max-width: 120px}
.footcode p{font-size: 16px;color: #fff;margin-top: 10px}
/*首页*/
.part1{background-color: #f9f9f9;padding: 25px 195px}
.part1 .part1Title{text-align: center;font-weight: bold;font-size: 37px;color: #086f35;margin-bottom: 20px;}
.part1 .part1Con{font-size: 14px;color: #737373;line-height: 20px}
.part2{margin: 30px 0;font-size: 0}
.part2L,.part2R{display:inline-block;vertical-align: middle;font-size: 14px;box-sizing:border-box;}
.part2L{width: 810px;border:1px solid #efefef;height: 448px;position: relative;}
.part2L .hd{position: absolute;right: 10px;bottom: 0;height: 45px;}
.part2L .hd li{width: 10px;height: 10px;border-radius: 10px;background-color: #fff;float: left;margin: 17.5px 5px}
.part2L .hd li.on{background-color: #086f35}
.part2L .bd li{position: relative;}
.part2L .bd li img{width: 100%;height: 100%}
.part2L .bd .part2Ltitle{position: absolute;width: 100%;height: 45px;box-sizing:border-box;padding: 0 20px;background-color: rgba(0,0,0,.5);left: 0;bottom: 0;font-size: 16px;color: #fff;line-height: 45px;}
.part2L .prev{position: absolute;width: 33px;height: 64px;background-color: rgba(0,0,0,.5);left: 0;top: calc( ( 100% - 64px ) / 2);border-top-right-radius: 5px;border-bottom-right-radius: 5px;text-align: center;line-height: 64px;font-size: 30px;}
.part2L .next{position: absolute;width: 33px;height: 64px;background-color: rgba(0,0,0,.5);right: 0;top: calc( ( 100% - 64px ) / 2);border-top-left-radius: 5px;border-bottom-left-radius: 5px;text-align: center;line-height: 64px;font-size: 30px;}
.part2R{width: 390px;border:1px solid #efefef;border-left: none;height: 448px;position: relative;overflow: hidden;}
.part2R .tj{position: absolute;left: -18px;top: -14px}
.part2R li{font-size: 16px;margin-top: 18px;padding: 0 25px 0 50px;position: relative;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.part2R li a{color: #3d3d3d}
.part2R li:before{content: "";position: absolute;width: 5px;height: 5px;border-radius: 5px;background-color: #086f35;left: 25px;top: calc((100% - 5px ) / 2)}
.part2R li.part2ROne{padding-top: 25px;padding-left:25px;padding-bottom: 20px;position: relative;}
.part2R li.part2ROne p{font-size: 22px;color: #252525;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.part2R li.part2ROne .part2ROneJj{font-size: 14px;color: #939393;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space: normal;margin-top: 10px;line-height: 25px}
.part2R li.part2ROne:before{width: 0;height: 0}
.part2R li.part2ROne:after{content: "";position: absolute;width: 390px;height: 1px;border-bottom: 1px dashed #e4e4e4;left: 0;bottom: 0}
.part2R li:hover a{color: #086f35}
.indexbox{font-size: 0}
.indexboxL,.indexboxR{display: inline-block;vertical-align: top;font-size: 14px;}
.indexboxL{width: 810px}
.indexboxR{width: 368px;margin-left: 22px;}
.part3{font-size: 0;margin-bottom: 22px}
.gg{margin-bottom: 22px;width: 810px;height: 145px}
.gg img{width: 100%;height: 100%}
.indexCon{display: inline-block;vertical-align: top;box-sizing:border-box;border:1px solid #e9e9e9;width: 393px;height: 367px;}
.indexCon.indexConR{margin-left: 24px}
.indexConTitle{display: flex; justify-content:space-between;align-items:center;height: 43px;border-bottom: 1px solid #227e4a;background-color: #f9f9f9}
.indexConTitle .indexConTitleL{width: 130px;height: 43px;line-height: 43px;background-color: #086f35;font-size: 20px;color: #fff;text-align: center;}
.indexConTitle .indexConTitleMore{width: 60px;height: 20px;border-radius: 20px;background-color: #086f35;font-size: 12px;color: #fff;line-height: 20px;text-align: center;margin-right: 18px}
.indexConList{padding: 15px 18px 0;border-top:1px solid #e7e7e7;}
.indexConList li{height: 35px;border-bottom: 1px dashed #d7d7d7;line-height: 35px;padding-left: 20px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;font-size: 14px;position: relative;}
.indexConList li a{color: #535353}
.indexConList li:before{content: "•";position: absolute;width: 9px;height: 9px;border-radius: 9px;border:1px solid #b8b8b8;left: 0;top: calc((100% - 9px) / 2);text-align: center;line-height:8.5px;color: #9a9494}
.indexConList li:hover a{color: #086f35}
.indexConList li:hover:before{color: #086f35;border:1px solid #086f35;}
.indexCon1{width: 368px;margin-left: 0;margin-bottom: 20px;background-color: #f9f9f9}
.indexCon1 .indexConTitleL{background-color: transparent;border-bottom: 2px solid #086f35;color: #086f35;position: relative;}
.indexCon1 .indexConTitleL:after{content: "â–¼";position: absolute;bottom: -12px;left: calc((100% - 18px) / 2);color: #086f35;width: 18px;height: 8px;line-height: 0;font-size: 14px}
.indexCon1 .indexConList li{padding-left: 30px}
.indexCon1 .indexConList li:before{content: "";width: 0;height: 0;border: none;}
.indexCon1 .indexConList li label{display: block;position: absolute;width: 15px;height: 15px;left: 0;top: calc((100% - 15px) / 2);background-color: #c2c2c2;font-size: 12px;color: #fff;text-align: center;line-height: 15px}
.indexCon1 .indexConList li:first-child label{background-color: #086f35}
.indexCon1 .indexConList li:nth-child(2) label{background-color: #009c44}
.indexCon1 .indexConList li:nth-child(3) label{background-color: #2bba69}
.part4{box-sizing:border-box;border:1px solid #e9e9e9;width: 810px;height: 430px;margin-bottom: 22px}
.part4Box{padding: 20px 20px 0;height: 364px;overflow: hidden;}
.part4Box li{width: 184.5px;background-color: #fff;margin-left: 10px;float: left;margin-bottom: 20px;box-sizing:border-box;height:162px;border:1px solid #f5f5f5;border-radius: 5px;overflow: hidden;}
.part4Box li:nth-child(4n+1){margin-left: 0}
.part4pic{width:100%;height: 122px;overflow: hidden;}
.part4pic img{width: 100%;height: 100%;transition:0.5s linear; -webkit-transition:0.5s linear;}
.part4Box li:hover .part4pic img{transform:scale(1.15,1.15); -webkit-transform:scale(1.15,1.15);}
.part4Box li .part4name{height: 40px;text-align: center;line-height: 40px;font-size: 16px;color: #494949}
.indexConVideo{height: 335px}
.indexConVideoTj{padding: 15px 18px 0}
.indexConVideoTj li{float: left;width: 155px;}
.indexConVideoTj li:first-child{margin-right: 20px;}
.indexConVideoTj li .indexConVideoTjPic{width: 100%;}
.indexConVideoTj li .indexConVideoTjPic img{width: 100%}
.indexConVideoTj li p{text-align: center;font-size: 14px;color: #323232;height: 30px;line-height: 30px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.indexConVideo .indexConList{border-top: none;}
/*二级*/
.nono{padding: 20px;font-size: 16px;color: #999;min-height: 500px}
.secondbox{border: 1px solid #e7e7e7;font-size: 0;background-color: #fff;margin-bottom: 35px}
.secondboxL,.secondboxR{display: inline-block;vertical-align: top;font-size: 14px;}
.secondboxL{width: 808px;margin-right: 20px;}
.secondboxR{width: 370px}
.secondboxR .indexCon1{width: 100%}
.secondboxR .indexConVideo{margin-bottom: 0}
.secondNav{height: 45px;background-color: #f9f9f9;border-bottom: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;padding-left: 20px;line-height: 45px;}
.secondNav a,.secondNav span,.secondNav img{vertical-align: middle;font-size: 14px;color: #6c6c6c}
.newsList{padding: 15px 20px 0;}
.newsList li{padding: 15px 0;border-bottom: 1px dashed #d7d7d7;box-sizing:border-box;height: 135px}
.newsList li .newsListTitle{font-size: 20px;color: #2a2a2a;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newsList li .newsListJJ{font-size: 14px;color: #939393;line-height: 25px;margin-top: 7px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 3px}
.newsList li .newsListDate{font-size: 14px;color: #086f35}
.newsList li:hover .newsListTitle{color: #086f35}
.newsShow{padding:0 5px 0 20px}
.newsShowTitle{padding: 35px 0 18px;border-bottom: 1px solid #ededed}
.newsShowTitle p{font-size: 20px;color: #222;text-align: center;}
.newsShowDate{text-align: center;font-size: 12px;color: #959595;padding: 10px 0 0}
.newsShowCon{padding: 20px 0;line-height: 30px; color: #4a4a4a;}
.newsShowCon img{display: block;max-width: 100%;margin: auto}
.newshowshare{padding: 15px 5px 15px 20px}
.newshowshare label{font-size: 14px;color: #2e2e2e}
.bdsharebuttonbox{display: inline-block;vertical-align: middle;}
.goback{margin-left: 15px;font-size: 14px;color: #2e2e2e; display:block; margin-top:15px}
.productCon{padding: 0 20px}
.productsList{font-size: 0}
.productsList li{display: inline-block;width: 277.5px;margin-left: 16px;box-sizing:border-box;border: 1px solid #f4f4f4;border-radius: 8px;overflow: hidden;margin-top: 25px}
.productsList li:nth-child(4n+1){margin-left: 0}
.productsList li .proListpic{width: 100%;overflow: hidden;}
.productsList li .proListpic img{width: 100%;transition:0.5s linear; -webkit-transition:0.5s linear;}
.productsList li:hover .proListpic img{transform:scale(1.15,1.15); -webkit-transform:scale(1.15,1.15);}
.productsList li .proListname{height: 55px;text-align: center;line-height: 55px;color: #494949;font-size: 18px}
.proShowTitle{height: 80px;line-height: 80px;color: #494949;font-size: 18px;text-align: center;}
.proShowPic{width: 975px;margin: 0 auto}
.gallery-top{width: 100%;margin-bottom: 30px}
.gallery-top img{width: 100%}
.swiper-button-white{display: none;}
.gallery-top:hover .swiper-button-white{display: block;}
.proShowPicPage{background-color: #eaeaea;font-size: 0}
.gallery-thumbs{width: 645px;display: inline-block;vertical-align: middle;}
.gallery-thumbs .swiper-slide{width: 150px;box-sizing:border-box;border:4px solid #eaeaea;}
.gallery-thumbs .swiper-slide img{width: 100%}
.gallery-thumbs .swiper-slide-thumb-active{border:4px solid #086f35;}
.propages{width: 150px;display: inline-block;vertical-align: middle;box-sizing:border-box;border:4px solid #eaeaea;position: relative;}
.prepage{margin-right: 15px; float:left}
.nextpage{margin-left: 15px; float:right}
.propages img{width: 100%}
.preview .swiper-container{ float:left}
.preview{ overflow:hidden}
.propages span{font-size: 18px;color: rgba(255,255,255,.8);}
.propages img,.propages span{vertical-align: middle;}
.propages .pageCon{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);top: 0;left: 0;text-align: center;display:flex; justify-content:center ;align-items:center;}
.propages .pageCon img{width: 36px}
.protage{margin-top: 15px;height: 45px;line-height: 45px;border-bottom: 2px solid #e2e2e2}
.protage span{display: inline-block;padding-left: 8px;border-bottom: 2px solid #086f35;font-size: 18px;color: #086f35}
.procon{padding:30px 20px}
.procon img{max-width: 100%;margin: auto}
.provideo{width: 975px;margin: 0 auto;padding-bottom: 50px}
.provideo iframe{width: 100%;height: 600px}
.dyType{padding: 25px}
.dyType li{height: 40px;line-height: 40px;text-align: center;border-bottom: 3px solid #dedede;margin-bottom: 10px;background-color: #f1f1f1}
.dyType li a{display: block;width: 100%;height: 100%;color: #727272;font-size: 18px}
.dycon{padding: 30px 20px 100px}
.dycon img{max-width: 100%;margin: auto}
.personSeach{padding: 115px 20px 100px 70px}
.personSeachbox{margin-bottom: 25px}
.personSeachbox span{font-size: 15px;color: #6c6c6c;vertical-align: middle}
.personSeachbox input{width: 365px;height: 50px;border:1px solid #e9e9e9;border-radius:5px;background-color: #f9f9f9;overflow: hidden;outline: none;box-sizing:border-box;padding: 0 15px;font-size: 15px;color: #6c6c6c}
.personSeachbox span label{display: inline-block;margin-left: 10px;color: #e30000;margin-right: 3px}
.personSeachbut{margin-top: 65px}
.personSeachbut a{display: block;width: 225px;height: 55px;background-color: #086f35;border-radius: 55px;color: #fff;text-align: center;line-height: 55px; font-size: 20px;border:none;margin-left: 115px;outline: none;}
.personSeachshow{width: 788px;background-color: #f9f9f9;margin:50px 0 200px 20px;font-size: 0}
.personSeachshowL{display: inline-block;width: 500px;font-size: 14px;box-sizing:border-box;vertical-align: top;}
.pershowbox{box-sizing:border-box;height: 70px;border:1px solid #e6e6e6;border-right: none;margin-top: 25px}
.pershowbox:first-child{margin-top: 0}
.pershowbox span{display: inline-block;font-size: 20px;color: #484848;line-height: 70px;height: 70px;vertical-align: middle;}
.pershowbox span:first-child{width: 150px;background-color: #ededed;color: #086f35;text-align: center;}
.pershowbox span:nth-child(2){padding-left: 35px}
.personSeachshowR{width: 288px;display: inline-block;font-size: 14px;box-sizing:border-box;vertical-align: top;border:1px solid #e6e6e6;}
.personSeachshowR p{background-color: #ededed;color: #086f35;text-align: center;height: 70px;line-height: 70px}
.personSeachshowR .pershowpic{height: 285px;box-sizing:border-box;padding: 15px;text-align: center;}
.personSeachshowR .pershowpic img{max-height: 100%}
/*二级上下页*/
.secondPage{padding: 40px 5px 0 20px}
.secondPage>div{margin-top: 10px}
.secondPage span{font-size: 14px;color: #2e2e2e}
.secondPage a{color: #6a6a6a;font-size: 14px}

.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}
#maximg img{ max-width:100%; height:auto !important}
.shipinbox{}