@charset "utf-8";
@media only screen and (min-width:1921px)
.navbar-default{ display: flex;flex-flow: wrap;justify-content: space-between;}
}
@media only screen and (min-width:1201px) and (max-width:1401px){
	.menu .nav ul li a.o_lm{line-height: 40px;display:block;text-decoration: none;font-size: 20px;color: #636363;padding: 21px 50px;}
	.header .menu li .navcon{ right: 0;}
}	
@media only screen and (min-width:993px) and (max-width:1201px){
	.menu .nav ul li a.o_lm{line-height: 40px;display:block;text-decoration: none;font-size: 18px;color: #636363;padding: 21px 40px;}
	
	.ssl p{line-height: 50px;font-size: 18px;color: #c2c2c2;font-weight: bold;}
	
	.header .menu li .navcon{ right: 0;}
}
@media only screen and (max-width:993px){
a.ck_gd{background: url(bjt.png) no-repeat  105px #000000;width: 150px;height:40px;border:1px solid #ddd;padding-left: 10px;text-transform:uppercase;font-size: 13px;color: #fff;line-height:40px;display:block;position:relative;}
a.ck_gd i{padding-left:10px;}

.header{ margin-bottom:0px;}
.navbar-brand>img{max-height: 32px;}
.header .an{display:block;}
.menu{width: 100%;padding:15px 5%;background-color: #fff;height:100%;position:fixed;top: 60px;left: -100%;z-index:9999;margin-left: 0;overflow:auto;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.menu.on{left:0;}
.menu.on .xia:before{ transform: rotate(90deg);}
.menu .nav{width:100%;}
.menu .nav i{display:block;font-size: 16px;}
.menu .nav ul li{width:100%;height:auto;font-size:15px;text-align:left;border-bottom: 1px solid #F3F3F3;float:none;margin-right:0;}
.header .menu li .navcon{ position: static;}
.header .menu li .navcon{display: none;max-width: 1350px;width: 100%;position: static;top: 82px;right: 285px;z-index: 100;max-height: calc(100vh - 82px);overflow-y: auto;box-shadow: 0 0 #fff; margin-left: 0px;}
.header .menu li .navcon .box{width: 100%;height: auto;background: none;padding-top: 15px;}
.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: block;flex-wrap: wrap;}
.header .menu li .navcon .item{float: left;width: 48%;margin-bottom: 15px;text-align: center;}
.header .menu li .navcon .item:nth-of-type(even){ float: right;}
.header .menu li .navcon .item .img{height: 126px;display: -webkit-box;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
.header .menu li .navcon .item .img img{ max-width: 100%;}
.header .menu li .navcon .item h3{font-size: 14px;text-align: center;margin: 0 auto;width: auto;border: 1px solid #d4d4d4;border-radius: 32px;line-height: 20px;padding: 5px 15px;color: #000000;margin-top: 15px;}
.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: 100%;margin: auto;}
.header .menu li:last-child .navcon .item{float: left;width: 48%;}
.header .menu li:last-child .navcon .item:nth-of-type(even){ float: right;}
.header .menu li:hover .navcon { z-index: 102}
.header .menu li .navcon .item:hover h3{ border: 1px solid #e9440a; background: #e9440a; color: #fff;}
.menu .nav ul li a.o_lm{color: #000;font-size: 16px;line-height: 40px;padding: 5px 0;}
.menu .nav ul li:hover a.o_lm{background:none;}
.menu .nav ul li.on a.o_lm{background:none;}
.menu .nav .e_j{background:none; position:relative; display:none; padding-bottom:10px;}
.menu .nav .e_j a{border-top:0; font-size:12px; color:#aaa; line-height:32px;}
.menu .nav .e_j a:hover{background:none;}
.menu .nav ul li:hover .e_j{display:none;}

.navbar-brand{/* width:70%; */}
.navbar-header{ float: left;}

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

.c_n{float: right;border: 2px solid #e8360d;width: 130px;line-height: 40px;height: 40px;margin-right: 70px;margin-top: 10px;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: 30px;text-align: center;}
.c_n0 a{display: block;width: 60px;height: 30px;line-height: 30px;border: 1px solid #ccc;font-size: 14px;color: #030000;}
.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{ width: 100%; min-height: 40vh; object-fit: cover;}
.ban .swiper-pagination{bottom: 10px;}
.ban .swiper-pagination-bullet{background: #a1a1a1;width: 6px;height: 6px;margin: 0 3px;opacity: 1;}
.ban .swiper-pagination-bullet-active{ background: #f08519;}
.ban .swiper-button-next, .ban .swiper-button-prev{width: 15px;height: 34px;margin-top: -17px;}
.ban .swiper-button-prev{background: url(../images/left.png) no-repeat left center;left: 2.9%;background-size: 15px;}
.ban .swiper-button-next{background: url(../images/right.png) no-repeat left center;right: 2.9%;background-size: 15px;}

.xpss{padding-top: 20px;padding-bottom: 30px;}
.sy_xp0 a{ display: block; text-align: center;}
.sy_xp0 h3{line-height: 25px;font-size: 15px;color: #000000;border: 1px solid #fff;}
.sy_xp0 p{background: #e9440a;width: 88px;margin: auto;margin-top: 10px;line-height: 25px;font-size: 14px;color: #fff;border-radius: 30px;}
.sy_xp0 div{height: 130px;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;margin: auto;border: 1px solid #cfcfcf;border-radius: 30px;}
.xpss .swiper-button-prev{background: url(../images/left.png) no-repeat left center;left: 0;background-size: 15px;width: 15px;}
.xpss .swiper-button-next{background: url(../images/right.png) no-repeat left center;right: 0;background-size: 15px;width: 15px;}

.sy_ab{background: #222222;padding: 30px 15px;overflow: hidden;}
.sy_abl{width: 100%;position: static;height: 100%;float: none;}
.sy_abl img{ max-width: 100%;}
.sy_abl2{position: static;bottom: 0;right: 0;margin-top: 10px;}
.sy_abr{width: 100%;margin-top: 15px;float: none;}
.sy_abr h2{line-height: 36px;font-size: 16px;color: #5ab636;font-weight: bold;}
.sy_abr h4{margin-bottom: 15px;line-height: 28px;font-size: 14px;color: #d0d0d0;}
.sy_abr p{line-height: 28px;font-size: 13px;color: #999999;}
.more{display: block;width: 110px;margin-top: 30px;line-height: 40px;color:#fff;font-size: 13px;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;}
.f1{ padding: 0 15px; padding-top: 30px;padding-bottom: 30px;}
.f11{width: 100%;overflow: hidden;float: none;}
.f11 ul li{ width: 25%; float: left;}
.f11 h3{margin-bottom: 10px;line-height: 35px;}
.f11 h3 a{font-size: 15px;color: #fff;}
.f11 p{margin-bottom: 6px;line-height: 30px;}
.f11 p a{font-size: 14px;color: #9c9c9c;}
.f12{width: 215px;margin: auto;margin-top: 10px;text-align: left;float: none;}
.f121{background: url(../images/tel.png) no-repeat left center;line-height: 30px;font-size: 16px;color: #e8e8e8;max-width: 200px;margin-left: auto;background-size: 20px;padding-left: 25px;}
.f122 a{display: block;line-height: 30px;font-size: 16px;color: #cdcdcd;padding-left: 25px;}
.f123{line-height: 30px;font-size: 15px;color: #cdcdcd;padding-left: 25px;}
.f3{padding-top: 30px;padding-bottom: 15px;text-align: center;}
.f3 img{height: 90px;}
.f31{margin-top: 15px;}
.f31 p{line-height: 25px;font-size: 14px;color: #999999;}
.f2{padding: 15px 0;line-height: 25px;}
.f21{width: 100%;font-size: 13px;color: #fff;opacity: 0.5;float: none;}
.f21 a{ font-size: 13px; color: #fff; opacity: 0.5;}
.f22{width: 100%;position: relative;float: none;margin-top: 8px;}
.f22 a{display: inline-block;margin-left: 8px;}
.wx0{ position:relative;}
.wx0:hover .n_r{ display: block;}

/* 产品中心 */
.list_pro{background: #151515;padding-bottom: 30px;}
.list_pro #gallery .swiper-slide{transform: scale(1);margin-top: 0px;}
.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); z-index: 999; margin-top: 0px; margin-left: 0;} 
.list_pro #gallery .swiper-button-prev{background: url(../images/left.png) no-repeat;width: 20px;height: 86px;left: 21%;margin-top: -43px; background-size: 100%;}
.list_pro #gallery .swiper-button-next{background: url(../images/right.png) no-repeat;width: 20px;height: 86px;right: 21%;margin-top: -43px; background-size: 100%;}
/* .list_pro #thumbs{ display: none;} */
.list_pro #thumbs{max-width: 1200px;margin-top: 10px;z-index: 9999;}

/* 产品中心详情页 */
.proheader{width:100%;height: 50px;display:flex;opacity:0;align-items:center;justify-content:space-between;padding: 0 30px;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,0.9);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: 16px;}
.proheader.fixed .headr{
    width: 70%;
}
.proheader.fixed .headr .pronav a{color: #000;font-size: 14px;margin-right: 0px;width: 50%;display: inline-block;}

.show_pro{margin-top: 60px;padding-top: 30px;}
.cp_js{ padding: 0 15px;}
.cp_js1{ display: flex;flex-flow: wrap;justify-content: space-between;}
.cp_js11{width: 100%;border: 2px solid #d6d6d6;float: none;}
.cp_js12{width: 100%;float: none;display: flex;justify-content: space-between;flex-flow: column;margin-top: 15px;}
.cp_js12 p{border: 2px solid #d6d6d6;max-height: 100%;margin-bottom: 15px;}
.cp_js2{width: 100%;border: 2px solid #d6d6d6;margin-top: 15px;}
.cp_js img{ margin-bottom: 15px;}
.xx_cs{display: none; padding: 0 15px; padding-top: 0px;margin-bottom: 0px;border-bottom: 2px solid #dfe0e0;}
.xx_cs1{height: 180px;padding-bottom: 15px;border-bottom: 2px 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;margin-top: 16px;margin-bottom: 10px;padding-bottom: 30px;}
.xx_cs21{width: 100%;float: none;}
.xx_cs21 h3{line-height: 40px;margin-bottom: 5px;font-size: 15px;color: #000000;font-weight: bold;}
.xx_cs21 p{line-height: 30px;font-size: 14px;color: #000000;display: inline-block;width: 50%;padding-right: 6px;float: left;word-wrap: break-word;}
.xx_cs21 p:nth-of-type(even){}
.xx_cs22{width: 100%;float: none;margin-top: 30px;text-align: center;}
.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%;display: none;}
.x_x{  padding: 30px 0;}
.x_x a{ width: auto; margin: auto; line-height: 40px; border-radius: 52px; text-align: center; border: 2px solid #ff4e00; font-size: 15px; color: #fe5a00; font-weight: bold;}

/*文件下载*/
.ss0{background: #111111;padding-top: 30px;padding-bottom: 30px;}
.ssl{width: 100%;float: none;}
.ssl p{line-height: 40px;font-size: 15px;color: #c2c2c2;font-weight: bold;}
.ssr{width: 100%;float: none;max-width: 380px;}
.ss{display:block;}
.ss{width: 100%;}
.ss form {}
.ss form .txt {float:left;width: 82%;height: 40px;font-size: 14px;color: #999999;padding-left: 15px;box-sizing:border-box;font-family: 微软雅黑;border: none;}
.ss form .input-button {width: 18%;box-sizing:border-box;overflow:hidden;/* background: url(../images/ss.png) no-repeat center; */float: left;}
.ss form .input-button > input {width: 100%;height: 40px;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: 30px;padding-bottom: 15px;}
.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: 100%;float: none;}
.down1 img{ width: 100%;height: 100%;object-fit: cover;}
.down2{width: 100%;float: none;padding: 10px;padding-right: 0;border-bottom: 1px solid #454545;display: flex;flex-flow: wrap;justify-content: space-between;}
.down21{width: 88.7%;padding-top: 0;padding-bottom: 0;}
.down21 h3{line-height: 23px;}
.down21 h3 a{font-size: 15px;color: #999999;}
.down21 p{line-height: 22px;font-size: 13px;color: #777777;}
.down22{ width: 11.3%; text-align: center; display: -webkit-box;  display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center;}
.down22 img{ max-height:25px;}
.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: 50px auto;}
.lianxi{margin:30px 0;overflow: hidden;}
.lianxi h4{font-size:14px; line-height:24px;}
.lianxi p{font-size:14px; line-height:32px;}
.lianxi input.w_z{width:100%; height:36px; line-height:36px;}
.lianxi input.a_n{width:100%; height:36px; line-height:36px;}
.lianxi textarea{width:100%;}
.map{height:300px; margin-bottom: 50px;}

.about{ margin-top: 60px;}

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

.danye{ margin:30px 0;}
.danye h4{ line-height:28px; font-size:15px;}
.danye p{ line-height:28px;}
}
@media (min-width:993px){
.menu .nav{/* width:970px; */}

.menu .nav .e_j{width:100%;/* background: rgba(16,136,204,0.6); */position:absolute;z-index:9999;opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0,10px,0);-moz-transform: translate3d(0,10px,0);-webkit-transform: translate3d(0,10px,0);padding-top: 39px;}
.menu .nav ul li:hover .e_j{ opacity: 1; visibility: visible; transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0);}
}
@media (min-width:1200px){
.menu .nav{/* width:1200px; */}
}
@media (max-width:374px){
.c_n{float: right;border: none;width: 110px;line-height: 40px;height: 40px;margin-right: 45px;margin-top: 10px;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: 30px;text-align: center;}
.c_n0 a{display: block;width: 52px;height: 30px;line-height: 30px;border: 1px solid #ccc;font-size: 12px;color: #030000;}
.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;}
}