@charset "utf-8";
body{ margin:0px; font-size:14px; color:#3d2f1b;font-family:"微软雅黑";}
*{padding:0px;margin:0px; box-sizing: border-box; outline: none;}
body{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 { list-style:none;}
button {overflow:visible}
img{border:none;}
a{color:#3d2f1b;text-decoration:none;}
a:hover{color:#5ab536;text-decoration:none;}
li{	list-style:none;}
.clear{overflow:hidden;clear:both; height:0px;}
.lf{ float:left;}
.rt{ float:right;}
.m{ width:1200px; margin:0 auto;}

.t_p { overflow: hidden; position: relative;}
.t_p img{ width:100%; transition: all 3s; -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s;}
.t_p img:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}

.header{padding: 0 0.9%;position: fixed;top: 0;left: 0;width: 100%;z-index: 9;}
.header.fixed { box-shadow: 0 10px 10px rgba(0,0,0,.05); background-color: rgba(255,255,255,.85); position: fixed; top: 0; left: 0; z-index: 110;}
.header:hover{ box-shadow: 0 10px 10px rgba(0,0,0,.05); background-color: rgba(255,255,255,.85); position: fixed; top: 0; left: 0; z-index: 110;}
.navbar-brand{ padding: 10px 0;}
.navbar-brand>img{ max-height: 62px;}
.header .an{position:absolute;top: 23px;right:15px;height:18px;width:30px;display:none;}
.header .an span{width:30px;height:2px;background-color: #000;display:block;position:absolute;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px; transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px; transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg); -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg);}
.menu{float: left;margin-left: 9vw;margin-right: 6vw;}
.menu .nav{/* width:1200px; */margin:0 auto;}
.menu .nav i{font-size:14px; line-height:50px; text-align:right; position:absolute; width:50%; height:50px; right:15px; top:50%; display:none; transform:translate(0,-50%);
-webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%);}
.menu .nav ul li{text-align:center;float:left;position:relative;}
.menu .nav ul li a.o_lm{line-height: 40px;display:block;text-decoration: none;font-size: 25px;color: #636363;padding: 21px 70px;}
.menu .nav ul li:hover a.o_lm{ color: #e9440a;}
.menu .nav ul li.on a.o_lm{color: #e9440a;}
.menu .nav .y_j{position:relative;}
.menu .nav .e_j a{display:block; font-size: 15px;color:#fff;line-height:36px;text-decoration: none;background: rgba(90,181,54,0.6);}
.menu .nav .e_j a:hover{background: rgba(90,181,54,1);}
.header .menu li .navcon{display: none;max-width: 1350px;width: 100%;position: fixed;top: 82px;left: 50%;margin-left: -675px;z-index: 100;max-height: calc(100vh - 82px);overflow-y: auto;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);}
.header .menu li .navcon .box{width: 100%;height: auto;background-color: #fff;padding-top: 50px;}
.header .menu li .navcon .mainbox{overflow: hidden;}
.header .menu li .navcon.cx .mainbox{ position: relative;}
.header .menu li .navcon .itembox{ width: 100%;  overflow: hidden;  display: flex;  flex-wrap: wrap;}
.header .menu li .navcon .item{float: left;width: 33.3%;margin-bottom: 50px;}
.header .menu li .navcon .item .img{height: 176px;display: -webkit-box;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
.header .menu li .navcon .item .img img{ max-height: 100%;}
.header .menu li .navcon .item h3{font-size: 20px;display: inline-block;text-align: center;margin: 0 auto;width: auto;padding: 0 15px;border: 1px solid #d4d4d4;border-radius: 32px;line-height: 32px;color: #000000;margin-top: 30px;}
.header .menu li .navcon .item>p{ font-size: 14px;  margin-top: 5px;  line-height: 20px;  text-align: center;  height: 20px;  color: #888;  opacity: 0;  transition: opacity 0.3s;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  text-overflow: ellipsis;  overflow: hidden;}
.header .menu li .navcon .item:nth-child(3n){ margin-right: 0;}
.header .menu li:last-child .navcon .itembox{width: 80%;margin: auto;}
.header .menu li:last-child .navcon .item{float: left;width: 50%;}
.header .menu li:hover .navcon { z-index: 102}
.header .menu li .navcon .item:hover h3{ border: 1px solid #e9440a; background: #e9440a; color: #fff;}

.tel{background: url(../images/tel.png) no-repeat left 15px center #5ab536;width: 150px;padding-left: 35px;line-height: 32px;margin-top: 16px;font-family: DINPro-Light;font-size: 16px;color: #fff;font-weight: bold;}

.c_n{border: 2px solid #e8360d;width: 150px;line-height: 46px;height: 46px;margin-top: 16px;border-radius: 60px;display: -webkit-box;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
.c_n0{ display: flex;flex-flow: wrap;justify-content: space-between; height: 40px; text-align: center;}
.c_n0 a{display: block;width: 70px;height: 40px;line-height: 40px;/* border: 1px solid #ccc; */font-size: 16px;color: #030000;font-weight: bold;}
.c_n0 a.cur{ background: #e8360d; border: 1px solid #e8360d; color: #fff;}
.c_n0 a:nth-of-type(1){ border-top-left-radius: 50px; border-bottom-left-radius: 50px;}
.c_n0 a:nth-of-type(2){ border-top-right-radius: 50px; border-bottom-right-radius: 50px;}

.ban img{ max-width: 100%;}
.ban .swiper-pagination{ bottom: 20px;}
.ban .swiper-pagination-bullet{ background: #a1a1a1; width: 10px; height: 10px; margin: 0 7px; opacity: 1;}
.ban .swiper-pagination-bullet-active{ background: #f08519;}
.ban .swiper-button-next, .ban .swiper-button-prev{ width: 20px; height: 34px; margin-top: -17px;}
.ban .swiper-button-prev{ background: url(../images/left.png) no-repeat left center; left: 2.9%;}
.ban .swiper-button-next{ background: url(../images/right.png) no-repeat left center; right: 2.9%;}

.xpss{ padding-top: 60px; padding-bottom: 30px;}
.sy_xp0 a{ display: block; text-align: center;}
.sy_xp0 h3{line-height: 30px;font-size: 18px;color: #000000; border: 1px solid #fff;}
.sy_xp0 p{background: #e9440a;width: 108px;margin: auto;margin-top: 10px;line-height: 30px;font-size: 15px;color: #fff;border-radius: 30px;text-transform: uppercase;}
.sy_xp0 div{height: 180px;display: -webkit-box;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;margin-bottom: 10px;}
.sy_xp0 div img{ max-height: 100%; transition: all 3s; -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s;}
.sy_xp0:hover div img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
.sy_xp0:hover h3{width: auto;padding: 0 15px;display: inline-block;margin: auto;border: 1px solid #cfcfcf;border-radius: 30px;}
.xpss .swiper-button-prev{ background: url(../images/left.png) no-repeat left center; left: 0;}
.xpss .swiper-button-next{ background: url(../images/right.png) no-repeat left center; right: 0;}

.b_s{ color: #fff;}

.sy_ab{ background: #222222; padding: 150px 8.3% 310px 7.6%; overflow: hidden;}
.sy_abl{ width: 49.7%; position: relative; height: 100%;}
.sy_abl img{ max-width: 100%;}
.sy_abl2{ position: absolute; bottom: -145px; right: 0;}
.sy_abr{ width: 45.7%; margin-top: 60px;}
.sy_abr h2{ line-height: 106px; font-size: 38px; color: #5ab636; font-weight: bold;}
.sy_abr h4{ margin-bottom: 20px; line-height: 32px; font-size: 17px; color: #d0d0d0;}
.sy_abr p{ line-height: 30px; font-size: 16px; color: #999999;}
.more{ display: block; width: 152px; margin-top:100px; line-height: 50px;color:#fff;font-size:15px;text-align: center; border-radius:6px; text-transform: uppercase; background:#5ab636;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.more:hover{ color: #fff; box-shadow:inset 152px 0 0 0 #999999; -webkit-box-shadow:inset 152px 0 0 0 #999999; -moz-box-shadow:inset 152px 0 0 0 #999999; -ms-box-shadow:inset 152px 0 0 0 #999999;-o-box-shadow:inset 152px 0 0 0 #999999;}

.footer{ background: #000000; overflow: hidden;}
.f1{ padding: 0 8.6%; padding-top: 146px; padding-bottom: 280px;}
.f11{ width: 62%; overflow: hidden;}
.f11 ul li{ width: 25%; float: left;}
.f11 h3{ margin-bottom: 10px; line-height: 50px;}
.f11 h3 a{ font-size: 20px; color: #fff;}
.f11 p{ margin-bottom: 10px; line-height: 40px;}
.f11 p a{ font-size: 18px; color: #9c9c9c;}
.f12{ width: 260px; margin-top: 10px; text-align: right;}
.f121{background: url(../images/tel.png) no-repeat left center;line-height: 40px;font-size: 20px;color: #e8e8e8;max-width: 200px;margin-left: auto;background-size: 26px;text-transform: uppercase;}
.f122 a{ display: block; line-height: 35px; font-size: 18px; color: #cdcdcd;}
.f123{ line-height: 35px; font-size: 20px; color: #cdcdcd;}
.f3{ padding-top: 56px; padding-bottom: 50px; text-align: center;}
.f3 img{ height: 160px;}
.f31{ margin-top: 25px;}
.f31 p{ line-height: 30px; font-size: 16px; color: #999999;}
.f2{ padding: 25px 0; line-height: 30px;}
.f21{ width: 68%; font-size: 16px; color: #fff; opacity: 0.5;}
.f21 a{ font-size: 16px; color: #fff; opacity: 0.5;}
.f22{ width: 180px; position: relative;}
.f22 a{ display: inline-block; margin-left: 13px;}
.wx0{ position:relative;}
.n_r{display: none;position: absolute;top: -150px;}
.wx0:hover .n_r{ display: block;}

/* 产品中心 */
.list_pro{background: #151515;padding-bottom: 98px;}
.list_pro #gallery .swiper-slide{transform: scale(1);margin-top: 200px;}
.list_pro #gallery .swiper-slide-prev{}
.list_pro #gallery .swiper-slide-next{}
.list_pro #gallery .swiper-slide-active, .list_pro #gallery .swiper-slide-duplicate-active{ transform: scale(1.262); z-index: 999; margin-top: 65px; margin-left: 0;} 
.list_pro #gallery .swiper-button-prev{background: url(../images/left.png) no-repeat;width: 44px;height: 86px;left: 21%;margin-top: -43px;}
.list_pro #gallery .swiper-button-next{background: url(../images/right.png) no-repeat;width: 44px;height: 86px;right: 21%;margin-top: -43px;}
.list_pro #thumbs{max-width: 1200px;margin-top: -72px;z-index: 9999;}
.list_pro #thumbs .swiper-slide { opacity: 1;}
.list_pro #thumbs .swiper-slide-thumb-active{ opacity: 1; margin-top: 0;}
.list_pro img{ max-width: 100%;}


/* 产品中心详情页 */
.proheader{width:100%;height:82px;display:flex;opacity:0;align-items:center;justify-content:space-between;padding: 0 80px;position:fixed;top:80px;left:0;z-index:100;transition:all 0.3s;background-color:#fff;}
.proheader.headl{max-width:30%;}
.proheader.transparent{ background-color: transparent;  color: #fff}
.proheader.transparent .headl p{ color: #fff;}
.proheader.transparent .headl p span{ color: #fff;}
.proheader.transparent .headl p em{ color: #fff;}
.proheader.transparent .headr .pronav a{ color: #fff}
.proheader.transparent .headr .pronav a.active{ color: #FF7E00}
.proheader.black{ border-bottom: 1px solid rgba(0, 0, 0, 0.1)}
.proheader.black .headl p{ color: #000000; font-size: 22px;}
.proheader.black .headr .pronav a{ color: #333}
.wap-show.fixed{ box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);  border-color: transparent !important;}
.proheader.fixed{box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);background: rgba(233,233,233,1);opacity: 1;top: 0;border-color: transparent !important;}
.proheader.fixed .mainbox{ border-color: transparent !important;  color: #999}
.proheader.fixed .headl p{color: #000000;font-size: 25px;}
.proheader.fixed .headr .pronav a{color: #000;font-size: 25px;margin-right: 60px;}

.show_pro{ margin-top: 100px; padding-top: 56px;}
.cp_js{ padding: 0 40px; text-align: center;}
.cp_js img{ max-width: 100%; max-height: 100%; object-fit: cover; margin-bottom: 76px;}
.cp_js1{ display: flex;flex-flow: wrap;justify-content: space-between;}
.cp_js11{ width: 61%; border: 3px solid #d6d6d6;}
.cp_js12{width: 37%;display: flex;justify-content: space-between;flex-flow: column;}
.cp_js12 p{border: 3px solid #d6d6d6;max-height: 48%;}
.cp_js2{ width: 100%; border: 3px solid #d6d6d6; margin-top: 76px;}
.xx_cs{display: none;margin-top: 8px;margin-bottom: 0px;border-bottom: 3px solid #dfe0e0;}
.xx_cs1{height: 303px;margin-bottom: 8px;border-bottom: 3px solid #dfe0e0;display: -webkit-box;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
.xx_cs1 img{ max-height: 100%;}
.xx_cs2{ position: relative; margin: 0 5.7%; margin-top: 16px; margin-bottom: 10px; padding-bottom: 0px;}
.xx_cs21{ width: 50%;}
.xx_cs21 h3{line-height: 50px;margin-bottom: 10px;font-size: 18px;color: #000000;font-weight: bold;}
.xx_cs21 p{line-height: 40px;font-size: 16px;color: #000000;display: inline-block;width: 50%;float: left;}
.xx_cs21 p:nth-of-type(even){}
.xx_cs22{ width: 34.375%; margin-top: 130px;}
.xx_cs22 img{ max-width: 100%; height: auto;}
.s_x{position: absolute;background: #dfe0e0;width: 5px;height: 96.5%;top: 3.5%;left: 55.7%;}
.x_x{background: #363636;padding: 85px 0;text-align: center;}
.x_x a{display: inline-block;width: auto;padding: 0 15px;margin: auto;line-height: 52px;border-radius: 52px;text-align: center;border: 5px solid #ff4e00;font-size: 20px;color: #fe5a00;font-weight: bold;}

/*文件下载*/
.ss0{ background: #111111; padding-top: 75px; padding-bottom: 35px;}
.ssl{ width: 12%;}
.ssl p{ line-height: 50px; font-size: 20px; color: #c2c2c2; font-weight: bold;}
.ssr{ width: 88%;}
.ss{display:block;}
.ss{width: 100%;}
.ss form {}
.ss form .txt {float:left;width: 93%;height: 50px;font-size: 14px;color: #999999;padding-left: 15px;box-sizing:border-box;font-family: 微软雅黑;border: none;}
.ss form .input-button {width: 7%;box-sizing:border-box;overflow:hidden;/* background: url(../images/ss.png) no-repeat center; */float: left;}
.ss form .input-button > input {width: 100%;height: 50px;font-size: 14px;background: url(../images/ss.png) no-repeat center #fff;border: none;color: #fff;line-height: 30px;text-indent: -999px;}

.down{ background: #222222; padding-top: 56px; padding-bottom: 33px;}
.down ul li{ display: flex;flex-flow: wrap;justify-content: space-between; margin-bottom: 10px; -webkit-transition: all .2s linear; transition: all .2s linear;}
.down1{width: 21.5%;}
.down1 img{ width: 100%;height: 100%;object-fit: cover;}
.down2{width: 77.5%;padding: 22px;padding-right: 0;border-bottom: 1px solid #454545;display: flex;flex-flow: wrap;justify-content: space-between;}
.down21{width: 88.7%;padding-top: 10px;padding-bottom: 15px;}
.down21 h3{line-height: 28px;}
.down21 h3 a{ font-size: 20px; color: #999999;}
.down21 p{line-height: 24px;font-size: 15px;color: #777777;}
.down22{ width: 11.3%; text-align: center; display: -webkit-box;  display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center;}
.down22 .d2{ display: none;}
.down ul li:hover .t_p img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
.down ul li:hover .down2{ background: #5ab536; border-bottom: 1px solid #5ab536;}
.down ul li:hover .down21 h3 a{ color: #fff;}
.down ul li:hover .down21 p{ color: #fff;}
.down ul li:hover .down22{ border-left: 1px solid #54a634;}
.down ul li:hover .down22 .d1{ display: none;}
.down ul li:hover .down22 .d2{ display: block;}

/*联系我们*/
.neiye{ margin: 120px auto;}
.lianxi{margin:50px 0;overflow: hidden;}
.lianxi h4{font-size:16px; line-height:26px; color:#888;}
.lianxi h3{ line-height: 40px;}
.lianxi em{width:30px;height:1px;background-color: #5ab536;display:block;margin-bottom:15px;}
.lianxi strong{font-family:Arial, Helvetica, sans-serif;color: #5ab536;padding-left:5px;font-size:20px !important;}
.lianxi p{font-size: 15px;line-height:40px;}
.lianxi p i{padding-right:10px; color:#aaa;}
.lianxi input.w_z{width:32%; height:40px; font-size:14px; line-height:40px; margin-right:.3%; margin-bottom:10px; border:1px solid #e7e7e7; padding:0 5px;}
.lianxi input.a_n{width:120px;height:40px;background-color: #5ab536;font-size:14px;color:#fff;line-height:40px;border: none;}
.lianxi textarea{width:98%; height:66px; padding:5px; border:1px solid #e7e7e7; outline:none; resize:none; font-size:14px; line-height:28px; margin-bottom:10px;}
.map{height:500px; margin-bottom: 50px;}
.map #dituContent{ height: 100%;}
.map .center{ box-sizing: content-box;}
.map .bottom{ box-sizing: content-box;}

.about{ margin-top: 82px;}

.tit strong{ font-size:18px;}

.danye{ margin:50px 0;}
.danye p{ line-height:30px;}
.danye img{ max-width:100% !important; height:auto !important;}