@charset "utf-8";
html {border:0px;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,Passlogin,table,td,img,div,p,dl,dt,dd{margin:0;padding:0;}
body{margin:0; color:#313232; font-family: "微软雅黑",Lucida Grande, Verdana, Lucida, Arial, Helvetica, sans-serif;font-size:14px; text-align: left;line-height:24px;background-clip:border-box;background-origin:border-box;border:0px;}
h1,h2,h3,h4,h5,h6{ font-size:14px;margin:0px;padding:0px;font-weight: 900;}
ul,li,dl,ul,ol{list-style:none;}
select{font-size:14px; color:#313232;}
input{font-size:14px; color:#313232;}
select,input{vertical-align:middle; padding:0; margin:0; font-family:"微软雅黑"}
cite,em{font-style:normal;}
a{text-decoration:none;}
a:link,a:visited  {color:#313232;} 
a:hover,a:active{color: #090;text-decoration:none;} 
img{border:0px;}
 
.fillet {-webkit-border-radius:4px; border-radius:4px; -moz-border-radius:4px;}
/*-------------------------------------------------*/

.clearfix{clear:both;}
.container{padding:0 10px;}

body{max-width:768px;margin: auto;padding-bottom: 50px;}

nav{text-align: center;position:fixed;top: 0;left: 0;width: 100%;z-index:99999;height: 50px;background:rgba(0,0,0,0.5);}
nav img{height: 50px;}
.logo{height: 30px;margin-top: 10px;}
.btn_home{float: left;}
.btn_menu{float: right;}

.menu{height: 40px;background: #000;position:fixed;bottom: 0;left: 0px;width: 100%;z-index:99999;}
.menu_btn{width: 25%;float: left;text-align: center;line-height: 38px;font-size:14px;box-sizing:border-box;border-left:1px solid #333;border-right:0px solid #333;}
.menu_btn a{color:#fff;}
.btn_left{border-left: 0;}
.btn_right{border-right: 0;}

.menu_down{width: 100%;background:rgba(0,0,0,0.8);position:fixed;top: 50px;left: 0;z-index:999999;text-align: center;display: none;}
.menu_down li{border-bottom:solid 1px #4d4d4d;}
.menu_down a{color:#fff;line-height: 44px;font-weight: 300;display: block;}
.menu_down .button{background: #000;height: 50px;margin-top: -1px;text-align: center;}
.menu_down .button img{width: 25px;margin-top: 16px;}

.banner{height: 0;padding-bottom: 67%;}
.banner{border-bottom: 1px solid #000;}
.banner img{width: 100%;display: block;}
.banner video{width: 100%;display: block;}
.btn_l1{z-index:999999;right: 0 !important;}
.btn_r1{z-index:999999;left: 0 !important;}
.banner_btn{width: 50px !important;height: 50px !important;margin-top: -25px !important;background:none !important;text-align: center;}
.banner_btn img{width: 12px;height: 20px;margin-top: 16px;}


.main_1{padding-top: 14px;border-bottom:2px solid #e1e1e1;}
.title{text-align: center;}
.title h2{font-size:22px;line-height: 30px;font-weight: 500;}
.title h3{font-size:10px;line-height: 14px;font-weight: 300;}
.scroll_box{padding-top: 14px;}
.m1_box{width: 40%;}
.m1_box img{width: 100%;}
.m1_box h4{font-size:12px;font-weight: 700;line-height: 10px;margin-bottom: 20px;}
.m1_box span{font-size:10px;font-weight: 400;line-height: 12px;}

.swiper-scrollbar{height: 3px !important;background:none !important;bottom: 0 !important;}
.swiper-scrollbar-drag{background: #f29700 !important;height: 3px !important;border-radius:0px !important;}

.main_2{padding-top: 10px;border-bottom: 1px solid #000;padding-bottom: 30px;}
.main_2 .title{position:absolute;width: 100%;top: 20%;}
.main_2 .title h2{color:#000;}
.main_2 .title h3{color:#000;}
.m2_top{height: 0px;padding-bottom: 42.5%;margin-top: 20px;background-size:100% 100%;position:relative;background: #fff !important;}
.m2_bottom{height: 0px;padding-bottom: 31%;background-size:100% 100%;position:relative;background: #fff !important;}
.m2_top.active{background:url(../images/m2_bgt.png) no-repeat center top;background-size:100% 100%;}
.m2_bottom.active{background:url(../images/m2_bgb.png) no-repeat center top;background-size:100% 100%;}
.m2_bCont{position:absolute;text-align: center;width: 100%;left: 0;top: 30%;}
.m2_bottom img{width: 13%;filter: brightness(0);}
.m2_topBott{text-align: center;position:absolute;width: 100%;top: 62%;height: 24%;}
.m2_topBott_btn{display:inline-block;background: #818181;color:#fff;width: 22%;margin: 2%;padding: 2%;}
.m2_topBott_btn.active{background: #f39800;}

.m2_center_box{position:relative;margin-top: 12px;padding: 1px 0;}
.icon_sj{filter: brightness(0); width: 30px;position:absolute;left: 13.4%;top: -4px;z-index:-1;}
.icon_sj2{filter: brightness(0); width: 30px;position:absolute;left: 46%;top: -4px;z-index:-1;}
.icon_sj3{filter: brightness(0); width: 30px;position:absolute;right: 13.4%;top: -4px;z-index:-1;}
.m2_cBox{margin:5px 0;text-align: center;}
.m2_cbTop{background: #fff;border:1px solid #000;height: 100px;padding-top: 15px;border-radius:5px;}
/* .m2_cbTop{background: #d5d5d5;height: 100px;padding-top: 15px;border-radius:5px;} */
.m2_cBox .button{width: 100%;}
.m2_cBox .button img{width: 14px;filter: brightness(0);}
.img_box{display:inline-block;text-align: center;width: 64px;height: 64px;position:relative;cursor:pointer;}
/* border:1px solid #f39800; */
/* .img_box{display:inline-block;text-align: center;width: 64px;height: 64px;position:relative;cursor:pointer;} */
.img_box img{width: 100%;height: 100%;}
.img_box .img_t{width: 64px;height: 64px;background:url(../images/2-t-2.png) no-repeat;color:#fff;line-height: 63px;position:absolute;top: 0;left: 0;display: none;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
/* .img_box .img_t{width: 64px;height: 64px;background:url(../images/2-t.png) no-repeat;color:#fff;line-height: 63px;position:absolute;top: 0;left: 0;display: none;} */
.img_box.active .img_t{display: block;}

.m2_cbBott{position:relative;padding-top: 14px;padding-bottom: 6px;display: none;}
.tb_box{position:absolute;width: 100%;text-align: center;display: none;left: 0;top: 17px;}
.tab_cBox{display:inline-block;width: 15%;}
.tb_box.active{display: block;}
.tab_cBox img{width: 100%;}
.tab_cBox h2{color:#666;font-size:13px;font-weight: 300;line-height: 14px;}
.tab_cBox1{width: 15%;visibility:hidden;}
.tab_cBox1 img{width: 100%;}

.m2_center_box{display: none;}

.main_3 .container{position:relative;}
.main_3 video{position:absolute;top: 0;left:0;width: 100%;height: 100%;}
.main_3{padding-top: 20px;}
.m3_bg{margin-top: 20px;}
.m3_bg img{width: 100%;}

.main_4{padding-top: 20px;}
.main_4 .container .title{text-align: center;}
.main_4 .container .title h2{font-size:22px;line-height: 30px;font-weight: 500;}
.main_4 .container .title h3{font-size:10px;line-height: 14px;font-weight: 300;}

.m4_bottom{margin-top: 20px;}
.m4_bottom img{width: 100%;}

.news_box img{border:2px solid #a0a0a0;box-sizing:border-box;}
.news_box{margin-bottom: 30px;}
.news_left{float: left;width: 52px;height: 52px;background: #f39800;}
.news_left h2{text-align: center;font-size:20px;color:#fff;line-height: 20px;margin-top: 7px;}
.news_left h3{font-size:10px;color:#fff;font-weight: 400;line-height: 16px;margin-top: 2px;text-align: center;}
.news_right{float: left;width: 77%;margin-left: 10px;}
.news_right h2{color:#f29700;font-weight: 500;line-height: 16px;}
.news_right p{font-size:12px;line-height: 16px;}
.news_right a{font-size:12px;float: right;}

.bott_banner img{width: 100%;display: block;}
.btn_l2{width: 20px !important;height: 60px !important;margin-top: -30px !important;}
.btn_r2{width: 20px !important;height: 60px !important;margin-top: -30px !important;}
.btn_l2 img{height: 40px;margin-top: 10px;}
.btn_r2 img{height: 40px;margin-top: 10px;}




.type{border-bottom: 1px solid #000;padding-top: 50px;}
.type .title{margin-bottom: 30px;}
.type ul{text-align: center;}
.type ul li{overflow: hidden;width: 46%;height: auto;display: inline-block;position: relative;}
.type ul li .mask{position: absolute;width: 100%;height: 100%;padding-top: 20%;font-size: 18px;text-align: center;color: #fff;background: rgba(0, 0, 0, 0.4);z-index: 1;}
.type ul li img{display: block;width: 100%;height: 100%;transition: all 0.5s;}
.type ul li:hover img{transform: scale(1.2);}
.type > a{display: block;margin: 30px auto;width: 160px;height: 32px;line-height: 32px;font-size: 16px;border:1px solid #000;margin-bottom: 50px;background: url('../images/more.png') no-repeat 170px 20px;-webkit-background-size: 30px auto;background-size: 30px auto;transition: all 0.5s;text-align: center;}
.type > a:hover{border-color: #f29700;color: #f29700;}

.news{padding-top: 50px;padding-bottom: 50px;border-bottom: 1px solid #000;}
.news .title{margin-bottom: 40px;}
.news ul{margin: auto 10px;border-top: 1px solid #cdcece;}
.news ul li{border-bottom: 1px solid #cdcece;padding:28px 10px;}
.news ul li i{float: right;margin-top: 20px;}
.news ul li i img{height: 14px;}
.news ul li h2{font-size: 18px;color: #000;line-height: 26px;font-weight: normal;width: 80%;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;transition: all 0.5s;}
.news ul li h2 span{display: inline-block;line-height: 20px;font-size: 14px;color: #fff;background: #f39800;padding: 2px 5px;font-family: cursive;margin-left: 10px;}
.news ul li p{font-size: 16px;line-height: 20px;color: #9fa0a0;margin-top: 10px;}
.news ul li a:hover h2{color: #f29700;}


.code{padding-bottom: 50px;padding-top: 50px;}
.code .container{}
.code img{width: 150px;display: block;margin: auto;}
.code .right{text-align: center;margin-top: 40px;}
.code .right h2{width: 220px;margin: auto;line-height: 20px;font-size: 16px;color: #fff;font-weight: normal;background: #f39800;padding: 7px 20px;}
.code .right p{font-size: 16px;line-height: 30px;color: #000;margin-top: 20px;}

.tab_cBox1{display: none !important;}
.tb_box{position: static;}