html{width: 100%;}
body{font-size: 16px; background: #fff; font-family: futura,"Microsoft Yahei","Arial",Verdana,Arial,sans-serif; line-height: 28px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html,body{max-width: 780px;margin: 0 auto;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .3s ease; cursor: pointer;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
strong{font-weight: 800;}
img{border: 0; height: auto; vertical-align: middle;/*display: block;*/}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
button:focus{outline: 0;}
textarea{resize: none;}
video{outline: none;display: block;}
*{margin: 0;padding: 0;box-sizing: border-box;}
.clearfix:after{content: ""; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;overflow: hidden;}
.relative{position: relative;}
.fl{float: left;}
.fr{float: right;}
.container{position: relative;width: 100%;margin: 0 auto;padding: 0 15px;}
.flex {display: flex;height: 100%;}
.content_box {box-sizing: border-box;width: 100%;margin: auto;padding-top: 60px;}
.pd50{padding: 0 50px;}

@font-face {
	font-family: din;
	src: url(../fonts/DIN-BOLD.OTF);
} 





.fp-right{ position: fixed; left: 15px; top: 50%; margin-top: -130px;z-index: 99999;}
.fp-right a{ display: block; width: 6px; height: 6px; border-radius: 50%; -webkit-border-radius: 50%;-moz-border-radius: 50%; background: #e4e4e4;opacity: .7; margin: 0;position: relative;}
.fp-right li { width: 17px;padding-bottom: 15px;position: relative;margin-bottom: 4px; }
.fp-right li span{display: none;}
.fp-right a::after{content: "";display: block;width: 12px;height: 12px;border: 1px solid #e4e4e4;border-radius: 50%;border-radius: 100%;position: absolute;left: -4px;top: -4px;opacity: 0;transition: .3s;}
.fp-right li a.active::after{opacity: 1;}


.section{overflow: hidden;}

/*********************** header start ********************************/
.wap_header{width: 100%; height: 60px; padding: 0 12px 0 5px; display: flex; justify-content: space-between; align-items: center; background: #fff; position: fixed; left: 50%; top: 0; transform: translateX(-50%); z-index: 999999;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.wap_header .toggle{display: block; width: 25px; height: 24px; position: relative; z-index: 6;}
.wap_header .toggle i{display: block; width: 25px; height: 2px; background: #000; position: absolute; left: 0; transition: all ease .35s;}
.wap_header .toggle i:nth-of-type(1){top: 0;}
.wap_header .toggle i:nth-of-type(2){top: 8px;}
.wap_header .toggle i:nth-of-type(3){top: 16px;}
.wap_header .toggle.on i{background: #000;}
.wap_header .toggle.on i:nth-of-type(1){top: 8px; transform: rotate(45deg);}
.wap_header .toggle.on i:nth-of-type(2){width: 0;}
.wap_header .toggle.on i:nth-of-type(3){top: 8px; transform: rotate(-45deg);}
.wap_header #h60{height: 60px;}
.wap_header .maskbg{width: 100%; height: 100vh; background: rgba(0,0,0,.5); display: none; position: fixed; left: 0; top: 0; z-index: 3;}
.wap_header .maskbg.on{display: block;}
.wap_header .nav{width: 240px; background: #fff; height: 100vh; padding: 56px 0 20px 0; position: fixed; right: 0; top: 0; z-index: 5; transform: translateX(100%); opacity: 0; transition: transform .4s,opacity .4s;}
.wap_header .nav.open{transform: translateX(0); opacity: 1;}
.wap_header .nav > ul{height: calc(100vh - 70px); margin: 0 auto; position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.wap_header .nav ul li{border-top: 1px solid #ddd; margin: 0 20px; line-height: 40px; font-size: 14px; position: relative;}
.wap_header .nav > ul > li:first-child{border-top: 0 none;}
.wap_header .nav ul li a{height: 60px; line-height: 60px; display: block; padding-right: 30px; font-size: 14px; color: #333;}
.wap_header .nav ul li a:active  {color: #FDB700 !important;}
.wap_header .nav ul li ul{display: none;}
.wap_header .nav ul li i{width: 30px; height: 60px; font-size: 16px; color: #9c9c9c; position: absolute; right: 0; top: 0; transition: transform .5s;}
.wap_header .nav ul li i.down{color: #2040BB; transform: rotate(90deg);}
.wap_header .nav ul li .icon{background: url(../images/yjt.png)no-repeat;background-size: 20px !important;background-position: center !important;}
.wap_header .nav ul li ul li{margin-right: 0;}
.wap_header .nav ul li ul li a{color: #666; height: 40px; line-height: 40px; font-size: 14px;}
.wap_header .nav ul li ul li i{top: -10px;}
.wap_header .logo{float: left;position: relative;height: 50px;}
.wap_header .logo img{height: 100%;}
.wap_header .toggle{float: right;margin-top: 5px;}
.wap_header .dropdown{float: right;margin-top: 18px;margin-right: 20px;position: relative;}
.wap_header #dLabel{border: 1px solid #9C9C9C;background: none;color: #9C9C9C;padding: 2px 5px;font-size: 12px;position: relative;}
.wap_header .dropdown-menu{background: #222;min-width: auto !important;text-align: center;}
.wap_header .dropdown-menu li a{color: #9C9C9C !important;transition: .3s;font-size: 14px !important;}
.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);box-shadow: 0 6px 12px rgb(0 0 0 / 18%);width: 100%;}
.open>.dropdown-menu {display: block;}
.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px dashed;border-right: 4px solid transparent;border-left: 4px solid transparent;}




/*********************** header end ********************************/



/*********************** banner start ********************************/
.banner .swiper {width: 100%;height: 100%;position: relative;overflow: hidden;}
.banner .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner_item{height: 100%;width: 100%;background-position: center !important;background-size: cover !important;padding-top: 100px;}
.banner_item a{display: block;height: 100%;}
.banner_item .container{display: flex;height: 100%;align-items: center;}
.banner_item img{width: 100%;}
.banner .swiper-pagination-bullet{background: url(../images/dian.png);height: 30px;width: 24px;opacity: .7;margin: 0 10px!important;zoom: .8;}
.banner .swiper-pagination-bullet-active{opacity: 1;}

/*********************** banner end ********************************/



.ind_tit{text-align: center;padding-bottom: 20px;}
.ind_tit p{font-size: 24px;font-weight: bold;color: #000000;padding-bottom: 15px;}
.ind_tit span{font-size: 14px;color: #333333;line-height: 20px;display: block;max-width: 865px;margin: 0 auto;}
.ind_tit.white p{color: #FFFFFF;}
.ind_tit.white span{color: #FFFFFF;}


/*********************** sec1 start ********************************/
.sec1{background: url(../images/sec1_bg.jpg) center/cover;}

.sec1_item{width: calc(50% - 5px);float: left;margin-right: 10px;margin-bottom: 10px;}
.sec1_item:nth-of-type(2n){margin-right: 0;}
.sec1_item .img{overflow: hidden;}
.sec1_item .img img{width: 100%;transition: .5s;}
.sec1_item p{display: block;background: #FFFFFF;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #000000;transition: .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sec1_item:hover img{transform: scale(1.1);}
.sec1_item:hover p{background: #FDB700;color: #FFFFFF;}

.more_jjfa a{display: block;margin: 10px auto 0;width: 120px;height: 45px;line-height: 45px;background: #2040BB;border-radius: 5px;text-align: center;font-size: 14px;color: #FFFFFF;}
.more_jjfa a .more{display: inline-block;background: url(../images/right.png);height: 16px;width: 16px;position: relative;top: 2px;margin-left: 5px;}

/*********************** sec1 end ********************************/


/*********************** sec2 start ********************************/
.pro_sel_list{text-align: center;margin-bottom: 15px;}
.pro_sel_item{display: inline-block;padding: 0 8px;text-align: center;height: 45px;line-height: 45px;background: #F8F8F8;border-radius: 5px;margin: 0 1px 6px;transition: .3s;}
.pro_sel_item a{display: block;font-size: 14px;color: #333333;}
.pro_sel_item.active{background: #2040BB;}
.pro_sel_item.active a{color: #fff;}


.pro_list{position: relative;display: none;}
.pro_list.active{display: block;}
.pro_list .swiper {width: 100%;height: 100%;position: relative;overflow: hidden;}
.pro_list .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.pro_item{border: 1px solid #CCCCCC;border-radius: 10px;background: url(../images/pro_bg.jpg) center/cover;text-align: center;width: 100%;}
.pro_item a{display: block;padding: 10px 15px 15px;}
.pro_item .img{overflow: hidden;}
.pro_item .img img{transition: .6s;width: 100%;max-width: 100px;}
.pro_item .desc{}
.pro_item .desc p{font-size: 16px;font-weight: bold;color: #000000;line-height: 30px;height: 30px;margin-bottom: 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro_item .desc span{font-size: 14px;font-weight: 400;color: #666666;line-height: 24px;height: 48px;display: block;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.pro_item .desc i{display: block;border: 1px solid #CCCCCC;border-radius: 5px;background: #FFFFFF;height: 34px;line-height: 32px;width: 100px;text-align: center;font-size: 14px;color: #666666;margin: 0 auto;transition: .3s;}
.pro_item:hover .desc i{border-color: #FDB700;background: #FDB700;color: #fff;}

.pro_list .btns{display: flex;justify-content: center;padding: 20px 0 0px;}
.pro_list .swiper-button-next:after,.pro_list .swiper-button-prev:after{display: none;}
.pro_list .swiper-button-next,.pro_list .swiper-button-prev{position: relative;top: auto;left: auto;right: auto;bottom: auto;display: block;height: 51px;width: 51px;background: url(../images/btn1.png) no-repeat;transition: .3s;margin: 0;zoom: .9;}
.pro_list .swiper-button-next:hover,.pro_list .swiper-button-prev:hover{background: url(../images/btn2.png) no-repeat;}
.pro_list .swiper-button-next{background-position: -70px 0px !important;}
.pro_list .swiper-button-prev{background-position: 0px 0px !important;}
.pro_list .swiper-pagination{position: relative;display: flex;align-items: center;margin: 0 15px;}
.pro_list .swiper-pagination-bullet{height: 8px;width: 8px;opacity: 1;margin: 0 3px!important;background: #CCCCCC;}
.pro_list .swiper-pagination-bullet-active{background: #2040BB;}


/*********************** sec2 end ********************************/


/*********************** sec3 start ********************************/
.sec3{background: url(../images/sec3_bg.jpg) center/cover;}
.sec3_box{position: relative;}
.sec3 .sec3_sel_list{}
.sec3 .sec3_sel_item{width: calc(50% - 5px);float: left;margin: 0px 10px 10px 0px;height: 45px;line-height: 45px;background: #3753C2;border-radius: 10px;font-size: 14px;color: #FFFFFF;text-align: center;transition: .3s;padding: 0 10px;}
.sec3 .sec3_sel_item:nth-of-type(2n){margin-right: 0px;}
.sec3 .sec3_sel_item span{width: calc(100% - 40px);float: right;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sec3 .sec3_sel_item .icon{display: block;float: left;height: 31px;width: 31px;background: url(../images/sec3_icon1.png) no-repeat;position: relative;top: 8px;margin-right: 8px;transition: .3s;}
.sec3 .sec3_sel_item .icon1{background-position: 0px 0px !important;}
.sec3 .sec3_sel_item .icon2{background-position: 0px -103px !important;}
.sec3 .sec3_sel_item .icon3{background-position: 0px -206px !important;}
.sec3 .sec3_sel_item .icon4{background-position: 0px -311px !important;}
.sec3 .sec3_sel_item.active{background: #FDB700;color: #222222;}
.sec3 .sec3_sel_item.active .icon{background: url(../images/sec3_icon2.png) no-repeat;}


.sec3 .img_box{width: 100%;border-radius: 10px;height: calc(100vh - 450px);}
.sec3 .img{display: none;height: 100%;position: relative;background-position: center !important;background-size: cover !important;}
.sec3 .img.active{display: block;}
.sec3 .img .desc{position: absolute;bottom: 0;left: 0;width: 100%;font-size: 12px;color: #FFFFFF;line-height: 20px;padding: 15px 10px;background: rgba(0,0,0,.5);}



/*********************** sec3 end ********************************/


/*********************** sec4 start ********************************/
.sec4{background: url(../images/sec4_bg.jpg) center/cover;}
.about_box{}
.about_box .ab_box{width: 100%;}
.about_box .ab_box p{font-size: 22px;line-height: 40px;font-weight: bold;color: #000000;}
.about_box .ab_box .x{display: block;width: 50px;height: 4px;background: #2040BB;margin: 10px 0 15px;}
.about_box .ab_box span{font-size: 14px;color: #333333;line-height: 24px;display: block;max-height: 180px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;}
.about_box .ab_box a{display: block;margin-top: 20px;width: 120px;height: 45px;line-height: 45px;background: #2040BB;border-radius: 5px;text-align: center;font-size: 16px;color: #FFFFFF;}
.about_box .ab_box a .more{display: inline-block;background: url(../images/right.png);height: 16px;width: 16px;position: relative;top: 2px;margin-left: 12px;}


.about_box .out_box{width: 100%;margin-top: 15px;}
.about_box .out_box .img{position: relative;}
.about_box .out_box .img img{width: 100%;}
.about_box .out_box .img .video-open{display: block;background: url(../images/video-open.png);height: 95px;width: 95px;cursor: pointer;position: absolute;top: 50%;left: 57%;transform: translate(-50%,-50%);zoom: .8;}
.layui-layer-video{max-width: 1000px;}
.layui-layer-video video{display: block;width: 100%;}

.number_box{margin-top: 80px;display: none;}
.number_item{width: 20%;float: left;background: #FDB700;text-align: center;padding: 40px 0;}
.number_item+.number_item{border-left: 2px solid #F8F8F8;}
.number_item p{font-family: DIN;font-size: 60px;font-weight: bold;color: #222222;line-height: 60px;}
.number_item p i{font-size: 30px;font-family: Arial;color: #222222;line-height: 30px;position: relative;top: -25px;margin-left: 5px;font-weight: normal;}
.number_item b{font-size: 16px;color: #333333;line-height: 30px;font-weight: normal;display: block;padding-top: 10px;}


/*********************** sec4 end ********************************/


/*********************** sec5 start ********************************/
.ind_tit2{margin-bottom: 20px;}
.ind_tit2 b{font-size: 24px;font-weight: bold;color: #000000;position: relative;line-height: 40px;display: block;margin-bottom: 5px;}
.ind_tit2 .sel_list{}
.ind_tit2 .sel_list a{display: block;float: left;height: 40px;line-height: 40px;padding: 0 10px;background: #f5f5f5;font-size: 14px;}
.ind_tit2 .sel_list a+a{margin-left: 5px;}
.ind_tit2 .sel_list a:hover,.ind_tit2 .sel_list a.active{background: #2040BB;color: #fff;}


.xw_box{background: #f5f5f5;display: none;}
.xw_box.active{display: block;}
/* .xw_box .x_box{width: 50%;float: left;} */
/* .xw_box .w_box{width: 50%;float: left;} */
.xw_item{box-sizing: border-box;padding: 20px 10px;transition: .3s;border-left: 1px solid rgba(238, 238, 238, .5);}
.xw_item+.xw_item{border-top: 1px solid rgba(255, 255, 255, .5);}
.xw_item p{display: block;font-size: 18px;font-weight: 400;color: #222222;line-height: 24px;height: 24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition: .3s;}
.xw_item span{display: block;font-size: 14px;font-weight: 400;color: #999999;line-height: 24px;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition: .3s;margin-bottom: 5px;}
.xw_item b{display: inline-block;font-weight: normal;height: 30px;line-height: 30px;background: #2040BB;border-radius: 4px;color: #fff;font-size: 14px;box-sizing: border-box;padding: 0 10px;transition: .3s;}
.xw_item i{display:inline-block;padding-left: 30px;background: url(../images/time1.png) no-repeat;background-position: left center!important;font-size: 16px;color: #CCCCCC;line-height: 30px;margin-left: 15px;transition: .3s;}

.xw_item2{position: relative;}
.xw_item2 .img{height: 250px;width: 100%;overflow: hidden;}
.xw_item2 .img .bg{display: block;width: 100%;height: 100%;background-position: center !important;background-size: cover !important;transition: .6s;}
.xw_item2 .desc{position: absolute;bottom: 0;left: 0;width: 100%;background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);box-sizing: border-box;padding: 20px 10px;}
.xw_item2 p{display: block;font-size: 18px;font-weight: 400;color: #fff;line-height: 24px;height: 24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.xw_item2 span{display: block;font-size: 14px;font-weight: 400;color: #fff;opacity:0.5;line-height: 24px;height: 24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 5px;}
.xw_item2 b{display: inline-block;font-weight: normal;height: 30px;line-height: 30px;background: #2040BB;border-radius: 4px;color: #fff;font-size: 14px;box-sizing: border-box;padding: 0 10px;}
.xw_item2 i{display:inline-block;padding-left: 30px;background: url(../images/time2.png) no-repeat;background-position: left center!important;font-size: 14px;color: #CCCCCC;line-height: 30px;margin-left: 15px;}

.x_box .xw_item:nth-of-type(2), .x_box .xw_item:nth-of-type(3), .x_box .xw_item:nth-of-type(4) {display: none;}

/* .xw_item:hover{background: #2040BB;} */
/* .xw_item:hover p,.xw_item:hover span{color: #fff;} */
.xw_item:hover b{background: #FDB700;}
/* .xw_item:hover i{background: url(../images/time2.png) no-repeat;color: #fff;} */
.xw_item2:hover .bg{transform: scale(1.1);}


/*********************** sec5 end ********************************/


/*********************** sec6 start ********************************/
.sec6{background: url(../images/sec6_bg.jpg) center/cover;}
.hk_box .swiper {width: 100%;height: auto;position: relative;overflow: hidden;}
.hk_box .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.hk_box .kh_item{overflow: hidden;width: calc(50% - 5px);float: left;margin-right: 10px;margin-bottom: 10px;}
.hk_box .kh_item:nth-of-type(2n){margin-right: 0;}
.hk_box .kh_item img{width: 100%;transition: .5s;}
.hk_box .kh_item:hover img{transform: scale(1.1);}


/*********************** sec6 end ********************************/


/*********************** footer start ********************************/
.footer,.footer .fp-tableCell{height: auto !important;}
.foot1{background: url(../images/footer_bg.jpg) center/cover;padding: 50px 0 30px;}
.f_nav{}
.f_nav dl{width: 100%;text-align: center;}
.f_nav dl dt{font-size: 18px;font-weight: bold;color: #FFFFFF;line-height: 24px;position: relative;}
.f_nav dl dt::after{content: "";display: block;width: 34px;height: 2px;background: #FDB700;margin: 17px auto 11px;}
.f_nav dl dd{font-size: 14px;font-weight: 400;color: #9E9E9E;line-height: 30px;}
.f_nav dl dd a{font-size: 14px;font-weight: 400;color: #9E9E9E;line-height: 30px;}

.foot2{background: #1C1C1C;padding: 20px 0;text-align: center;}
.foot2 a,.foot2 span{line-height: 24px;font-size: 12px;font-weight: 400;color: #9E9E9E;}

.yqlj_box{position: relative;}
.yqlj span{display: block;float: right;height: 50px;line-height: 48px;color: rgba(255,255,255,.3);border: 1px solid rgba(255,255,255,.15);box-sizing: border-box;padding: 0 18px 0 50px;background: url(../images/yqlj.png) no-repeat;background-position: 15px 14px;font-size: 16px;}
.yqlj i.jt{height: 50px;width: 50px;margin: 0;background: url(../images/jt.png) no-repeat #444;background-position: center !important;cursor: pointer;transition: .3s;overflow: hidden;display: block;float: right;}
.yqlj_list{display: none;position: absolute;width: 100%;bottom: 50px;left: 0;background: #333;text-align: center;}
.yqlj_list a{display: block;color: rgba(255,255,255,.3);height: 50px;line-height: 50px;}
.yqlj_list a:hover{color: #fff;}

.footer a:hover{color: #FFFFFF !important;}



/*********************** footer end ********************************/

.product_details_pic .swiper-button-next:after, .product_details_pic .swiper-button-prev:after{display: none;}




.jieshao .wen{width: 100%;float: none;}
.jieshao .pic{width: 100%;float: none;}