@charset "utf-8";
@media (min-width: 320px){html{font-size: 42.6667px;} }
@media (min-width: 360px){html{font-size: 48px;} }
@media (min-width: 375px){html{font-size: 50px;} }
@media (min-width: 384px){html{font-size: 51.2px;} }
@media (min-width: 414px){html{font-size: 55.2px;} }
@media (min-width: 448px){html{font-size: 59.7333px;} }
@media (min-width: 480px){html{font-size: 48px;} }
@media (min-width: 512px){html{font-size: 68.2667px;} }
@media (min-width: 544px){html{font-size: 72.5333px;} }
@media (min-width: 576px){html{font-size: 76.8px;} }
@media (min-width: 608px){html{font-size: 81.0667px;} }
@media (min-width: 640px){html{font-size: 85.3333px;} }
@media (min-width: 750px){html{font-size: 100px;} }
*{ margin:0; padding:0; border:0;}
a{ text-decoration:none; color:#9f9f9f;}
a:hover{ text-decoration:none;}
body{ font-family:"微软雅黑"; font-size:14px; color:#9f9f9f; background-color: #111111;}
ul,li{ list-style:none;}
img{ font-size:0; display: block;}
input,select,textarea,video{outline:none;}
.clear{margin:0px; padding:0px; width:0px; height:0px; line-height:0px; font-size:0px; clear:both;}
.f-left{ float: left!important;}
.f-right{ float: right!important;}
/*最大宽度*/
.max-w1000{ max-width: 1000px; margin: 0 auto;}
.max-w1120{ max-width: 1120px; margin: 0 auto;}
.max-w1200{ max-width: 1200px; margin: 0 auto;}
.max-w1480{ max-width: 1480px; margin: 0 auto;}
/*边距*/
.mt100{ margin-top: 100px!important;}
.mt90{ margin-top: 90px!important;}
.mt80{ margin-top: 80px!important;}
.mt60{ margin-top: 60px!important;}
.mt50{ margin-top: 50px!important;}
.mt40{ margin-top: 40px!important;}
.mt35{ margin-top: 35px!important;}
.mt30{ margin-top: 30px!important;}
.mt25{ margin-top: 25px!important;}
.mt20{ margin-top: 20px!important;}
.mt15{ margin-top: 10px!important;}
.mt10{ margin-top: 10px!important;}
.mt5{ margin-top: 5px!important;}
.mt0{ margin-top: 0!important;}
.mr0{ margin-right: 0!important;}
.mb0{ margin-bottom: 0!important;}
.pt60{ padding-top: 60px!important;}
.pt0{ padding-top: 0!important;}
.pb60{ padding-bottom: 60px!important;}
.pb0{ padding-bottom: 0!important;}
.pad-tb60{ padding-top: 60px; padding-bottom: 60px;}
.main-body,.banner,.ad1{ width: 100%; float: left; position: relative;}
.fixed{ position: fixed; z-index: 999; top: 0; left: 0;}
.left{ float: left;}
.right{ float: right;}
.pos_bottom{ position: fixed!important; bottom: 0; z-index: 998;}


/*头部*/
header{ width: 100%; height: auto; float: left;}
header a{ color: #FFFFFF;}
.header1{ width: 100%; height: 110px; float: left; background-color: #000000; display: flex; justify-content: space-between; align-items: center; padding: 0 4%; box-sizing: border-box;}
.header1 .nav{ width: 100%; height: 100%; flex: 1; display: flex; align-items: center; background: url(../images/xian1.jpg) no-repeat left; margin-left: 4%; padding: 0 2%; box-sizing: border-box;}
.header1 .nav .li{ float: left; margin: 0 2.5%; font-size: 16px; padding-top: 40px;}
.header1 .nav .li > a{ position: relative; padding-bottom: 23px; white-space: nowrap;}
.header1 .nav .current > a::after{ content: ""; display: block; width: 100%; height: 2px; background-color: #f58220; position: absolute; left: 0; bottom: 0; z-index: 9;}
.header1 .db{ display: flex; align-items: center; padding-top: 40px;}
.header1 .db .p1{ width: 16px; height: 16px; float: left; margin-right: 35px; background: url(../images/ico01.png)left no-repeat;}
.header1 .db .p1.current{ background: url(../images/ico01-1.png)left no-repeat;}
.header1 .db .p2{ flex: 1;  background: url(../images/ico02.png)left no-repeat; padding-left: 26px; color: #FFFFFF;}
.header2{ width: 100%; height: 70px; float: left; background-color: rgba(31,31,31,0.9); align-items: center; justify-content: center; position: absolute; left: 0; top: 109px; z-index: 2; display: none;}
.header2 a{ margin: 0 60px;}
.header2 .sou{width: 850px; height: 50px; border-bottom: 1px solid #434343; display: flex; align-items: center;}
.header2 .sou .input{ flex: 1; height: 50px; border: 0; background-color: transparent; color: #9f9f9f; font-size: 16px;}
.header2 .sou .button{ width: 16px; height: 16px; background: url(../images/ico01.png)left no-repeat;}
.header1 .nav .current .header2{ display: flex; }
.header1 .nav .hover .header2{ display: flex; } 
.header1 .nav .hover > a::after{ content: ""; display: block; width: 100%; height: 2px; background-color: #f58220; position: absolute; left: 0; bottom: 0; z-index: 9;}
.header1 .db .current .header2{ display: flex; }

/*底部*/
footer{ width: 100%; height: 110px; float: left; background-color: #000000; padding: 0 4%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; color: #999999;}
footer a{ color: #999999;}
footer .left .p1 a{ margin: 0 30px;}
footer .left .p1 a:first-child{ margin-left: 0;}
footer .left .p2{ margin-top: 15px;}
footer .right{ width: 260px; display: flex; flex-wrap: wrap; justify-content: space-between;}
footer .right .gf{ width: 100px; float: left; display: flex; align-items: center; margin: 10px 0; position: relative;}
footer .right .gf > img{ width: 20px; margin-right: 10px;}
footer .right .gf .ewm{ display: none; width: 160px; height: 160px; padding: 10px; box-sizing: border-box; background-color: #353535; position: absolute; left: -30px; top: -175px;}
footer .right .gf .ewm::after{ content: ""; display: block; width:0px; height:0px; border-left:12px solid transparent; border-right:12px solid transparent; border-top:12px solid #353535; position: absolute; left: 68px; bottom: -12px;}
footer .right .gf .ewm p{ display: none;}
footer .right .gf:hover .ewm{ display: block;}

.load{ width: 100%; height: 48px; float: left; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #9f9f9f; margin-top: 40px; background-color: #292929;}
/*分页*/
.pages{ width: 100%; float: left; font-size: 16px; display: flex; justify-content: center;margin-top: 60px;}
.pages span{ float:left; padding: 6px 12px; margin: 0 5px; background-color: #292929; color: #FFFFFF;} 
.pages a{ float: left; padding: 6px 10px; margin: 0 5px; background-color: #ebebeb;}

/*漂浮弹窗*/
.piaofu{position: fixed; right: 15px;bottom: 10px; z-index: 999;}
.piaofu .tubiao{ width: 50px; height: 50px; float: right; color: #fff; background-color: #05050b; border-radius: 5px;display: flex;flex-direction: column;align-items: center;justify-content: center; font-size: 14px;cursor: pointer;}
.piaofu .message{ width: 330px; height: auto; padding: 20px 20px 40px 20px; float: left; background-color: rgba(19,19,19,0.9);border-radius: 10px;box-sizing: border-box;color: #FFFFFF;display: none;}
.piaofu .message .title{ width: 100%; float: left;font-size: 16px;margin-bottom: 10px;display: flex;justify-content: space-between;}
.piaofu .message .title .close{ cursor: pointer;}
.piaofu .message p{width: 100%; float: left;margin-top: 10px;}
.piaofu .message .inp{width: 100%; float: left;position: relative; margin-top: 10px;display: flex;align-items: center;}
.piaofu .message .inp img{ position: absolute;left: 20px;}
.piaofu .message .text{ width: 100%; height: 140px; float: left;border: 1px solid #FFFFFF;box-sizing: border-box;border-radius: 10px;margin-top: 20px; padding: 15px;line-height: 24px;background-color: rgba(255, 255, 255, 0.3); color: #a7a6a6;}
.piaofu .message .input{ width: 100%; height: 40px; float: left;border: 1px solid #FFFFFF;box-sizing: border-box;border-radius: 10px; background-color: rgba(255, 255, 255, 0.3); color: #a7a6a6; padding: 0 15px 0 55px;}
.piaofu .message .button{ width: 100%; height: 40px; float: left;border: 1px solid #FFFFFF;box-sizing: border-box;border-radius: 10px;margin-top: 10px; background-color: transparent; color: #a7a6a6;cursor: pointer;}
.piaofu .message .input::-webkit-input-placeholder,.piaofu .message .text::-webkit-input-placeholder{ /* WebKit, Blink, Edge */
  color : #a7a6a6;
}
.piaofu .message .input:-moz-placeholder,.piaofu .message .text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color : #a7a6a6;
}
.piaofu .message .input::-moz-placeholder,.piaofu .message .text::-moz-placeholder { /* Mozilla Firefox 19+ */
  color : #a7a6a6;
}

/*隐藏*/
.m_navopen{ display: none; width: 28px; height: 28px; float: left;background: url(../images/m_ico1.png) no-repeat;background-size: cover;}
.m_nav{ display: none; width: 100%; height: 100%; float: left;position: fixed;left: 0;top: 0; z-index: 999;background-color: #fff;}
.m_nav .box{ width: 100%; height: 100%; float: left;display: flex;}
.m_nav .left{ width: 240px; height: 100%; float: left;background-color: #000000;font-size: 26px;}
.m_nav .left ul{ width: 100%; float: left;padding-top: 200px;}
.m_nav .left ul li{ width: 100%; height: 105px; float: left;text-align: center;display: flex;align-items: center;justify-content: center;color: #fff;}
.m_nav .left ul li a{ color: #fff;}
.m_nav .left ul li.current{ background-color: #fff; color: #000;}
.m_nav .right{ flex: 1; height: 100%; float: left;font-size: 26px;}
.m_nav .right .div1{ width: 100%; height: 30px; float: left; padding: 50px 0 20px 0;}
.m_nav .right .div1 img{ width: 100%;}
.m_nav .right .div1 .s{ width: 27px; height: 26px; float: left;margin-left: 40px;}
.m_nav .right .div1 .close{ width: 28px; height: 28px; float: right;margin-right: 20px;}
.m_nav .right .sou{ width: 100%; height: 100px; float: left;background-color: #f9f9f9;}
.m_nav .right .sou .input{ width: 100%; height: 100px;background-color: #f9f9f9; color: #999; padding: 0 40px;box-sizing: border-box;font-size: 22px;}
.m_nav .right ul{ width: 100%; float: left; display: none;}
.m_nav .right ul li{ width: 100%; height: 105px; float: left;display: flex;align-items: center;padding-left: 40px;box-sizing: border-box;}
.m_piaof{ display: none; width: 100%; height: 98px; float: left; border-top: 1px solid #999999; background-color: #000;position: fixed;left: 0; bottom: 0; z-index: 998; align-items: center; justify-content: center;}
.m_piaof .button{ width: 100%; height: 100%; float: left;display: flex;justify-content: center;align-items: center;font-size: 22px;cursor: pointer;}
.m_piaof .button a{ width: 100%; height: 100%; display: flex;justify-content: center;align-items: center;}
.m_piaof .button img{ width: 34px; margin-right: 20px;}
.m_piaof .button:first-child{ border-right: 1px solid #999999;}


@media (max-width: 1700px) {
	.header1 .nav .li{ margin: 0 2%;}
}
@media (max-width: 1550px) {
	.header1 .nav .li{ margin: 0 1.5%;}
}
@media (max-width: 1420px) {
	.header1{ padding: 0 30px;}
	.header1 .nav .li{ margin: 0 10px;}
}
@media (max-width: 1340px) {
	.header1{ padding: 0 15px;}
	.header1 .nav .li{ margin: 0 8px;}
}
@media (max-width: 1275px) {
	.header1{ padding: 0 8px;}
	.header1 .nav .li{ margin: 0 5px;}
}
@media (max-width: 1200px) {
	.header1{ padding: 0 20px;}
	.header1 .nav{ display: none;}
	.header1 .db{ display: none;}
	.m_none{ display: none!important;}
	.m_block{ display: block!important;}
	.m_flex{ display: flex!important;}
	
	/*底部*/
	.m_footer {height:auto; padding: 0 40px 100px 40px; position: relative;}
	.m_footer .left{ width: 100%; float: left;margin-top: 110px;font-size: 22px; border-top: 1px solid #fff;}
	.m_footer .left .p1{ padding: 40px 0 10px 0;}
	.m_footer .left .p2{ padding-bottom: 40px;line-height: 50px;}
	.m_footer .right{ width: 100%; height: 110px; float: left; color: #999999;font-size: 22px;display: flex;position: absolute;left: 0;top: 0;}
	.m_footer .right .gf{ width: 33%;justify-content: center;}
	.m_footer .right .gf > img{ width: 34px;margin-right: 20px;}
	.m_footer .right .gf .ewm{ display: none; width: 160px; height: 160px; padding: 10px; position: absolute; left: 50%; top: -160px;margin-left: -80px; z-index: 998;}
	
	/*漂浮弹窗*/
	.piaofu{right: 0; bottom: 100px; }
	.piaofu .tubiao{ display: none;}
	.piaofu .message{ width: 100%; padding: 40px;}
	.piaofu .message .title{ font-size: 26px;margin-bottom: 10px;}
	.piaofu .message p{ margin-top: 10px;font-size: 22px;}
	.piaofu .message .inp{margin-top: 10px;}
	.piaofu .message .inp img{ left: 20px;}
	.piaofu .message .text{ height: 140px; margin-top: 20px; padding: 15px;line-height: 24px;font-size: 20px;}
	.piaofu .message .input{height: 60px; padding: 0 15px 0 55px;font-size: 20px;}
	.piaofu .message .button{  height: 60px;margin-top: 10px;font-size: 20px;}
	
}

@media (max-width: 750px) {
	.load{ height: 0.48rem;font-size: 0.2rem; margin-top: 0.4rem;}
	.pages{ font-size: 0.2rem; margin-top: 0.6rem;}
	.pages span{ padding: 6px 12px;} 
	.pages a{ padding: 6px 10px;}
	/*顶部*/
	.header1{ height: 1.1rem;}
	.header1 .logo{ width: 1.03rem;}
	.header1 .logo img{ width: 100%;}
	/*导航*/
	.m_navopen{  width: 0.28rem; height: 0.28rem;}
	.m_nav .left{ width: 2.4rem; font-size: 0.26rem;}
	.m_nav .left ul{ padding-top: 2rem;}
	.m_nav .left ul li{ height: 1.05rem;}
	.m_nav .right{ width: 5.1rem; font-size: 0.26rem;}
	.m_nav .right .div1{ height: 0.3rem; padding: 0.5rem 0 0.2rem 0;}
	.m_nav .right .div1 .s{ width: 0.27rem; height: 0.26rem; margin-left: 0.4rem;}
	.m_nav .right .div1 .close{ width: 0.28rem; height: 0.28rem; margin-right: 0.2rem;}
	.m_nav .right .sou{ height: 1rem; }
	.m_nav .right .sou .input{ height: 1rem; padding: 0 0.4rem; font-size: 0.22rem;}
	.m_nav .right ul li{ height: 1.05rem; padding-left: 0.4rem;}
	/*底部*/
	.m_footer { padding: 0 0.4rem 1rem 0.4rem;}
	.m_footer .left{ margin-top: 1.1rem;font-size: 0.22rem;}
	.m_footer .left .p1 a{ margin: 0 0.3rem;}
	.m_footer .left .p1{ padding: 0.4rem 0 0.1rem 0;}
	.m_footer .left .p2{ padding-bottom: 0.4rem; line-height: 0.5rem;}
	.m_footer .right{ height: 1.1rem; font-size: 0.22rem;}
	.m_footer .right .gf{ width: 33%;justify-content: center;}
	.m_footer .right .gf > img{ width: 0.34rem; margin-right: 0.2rem;}
	.m_footer .right .gf .ewm{ width: 3.6rem; height: 3.9rem; padding: 0.3rem 0.3rem 0 0.3rem; z-index: 998;left: 50%;top: -4.2rem;margin-left: -1.8rem;}
	.m_footer .right .gf .ewm p{ display: block;font-size: 0.2rem;line-height: 0.6rem;color: #fff;text-align: center;}
	.m_footer .right .gf .ewm::after{ content: ""; display: none; width:0px; height:0px; border-left:0.12rem solid transparent; border-right:0.12rem solid transparent; border-top:0.12rem solid #353535; position: absolute; left: 0.68rem; bottom: -0.12rem;}
	.m_footer .right .gf:hover .ewm{ display: none;}
	/*二维码*/
	/*弹窗*/
	.m_piaof{ height: 0.98rem;}
	.m_piaof .button{font-size: 0.22rem;}
	.m_piaof .button img{ width: 0.34rem; margin-right: 0.2rem;}
	.piaofu{bottom: 1rem; }
	.piaofu .message{padding: 0.4rem;}
	.piaofu .message .title{ font-size: 0.26rem;margin-bottom: 0.1rem;}
	.piaofu .message p{ margin-top: 0.1rem;font-size: 0.22rem;}
	.piaofu .message .inp{margin-top: 0.2rem;}
	.piaofu .message .inp img{ left: 0.2rem;}
	.piaofu .message .text{ height: 1.8rem; margin-top: 0.2rem; padding: 0.15rem;line-height: 0.3rem;font-size: 0.2rem;}
	.piaofu .message .input{ height: 0.6rem; padding: 0 0.15rem 0 0.55rem;font-size: 0.2rem;}
	.piaofu .message .button{ height: 0.6rem;margin-top: 0.1rem;font-size: 0.2rem;}
}