@charset "utf-8";
/*CSS Document*/
*{box-sizing: border-box;}
html{overflow-y: scroll;}
:root{overflow-y: auto;overflow-x: hidden;}
@media screen and (min-width:320px){
    html{font-size: 55px;}
}
@media screen and (min-width:800px){
    html{font-size: 100px;}
}
body{color: #333;font-family: "微软雅黑",Arial,Georgia,"Times New Roman",Times,serif;font-size: 14px;line-height: 26px;position: relative;width: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin: 0;padding: 0;list-style: none;list-style-type: none;font-weight: normal;}
table{border-collapse: collapse;border-spacing: 0;}
table th,table td{padding: 4px 12px;}
fieldset,img{border: 0;}
address,caption,cite,code,dfn,em,i,th,var{font-style: normal;font-weight: normal;}
ception,th{text-align: left;}
q:before,q:after{content: '';}
abbr,acronym{border: 0;}
p{word-spacing: -1.5px;}
input,button,textarea,select,optgroup,option{font-family: inherit;font-size: inherit;outline: none;font-style: inherit;font-weight: inherit;border: none;}
input,button,textarea,select{*font-size: 100%;background: none;border: none;}
input,select{vertical-align: middle;}
table{font-size: 14px;border-collapse: collapse;}
a{color: #000;text-decoration: none;} 
a:focus{outline: none;}
a:hover{text-decoration: none;cursor: pointer;}

/*定位*/
.fl{float: left;}
.fr{float: right;}
.zoom{zoom: 1}
.clear{clear: both;height: 0;line-height: 0;font-size: 0;}
.clearfix{zoom: 1;}
.clearfix:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.section{position: relative;overflow: hidden;width: 100%;height: 100vh;}
.w1440{position: relative;left: 2.4rem;z-index: 2;width: calc(100% - 4.8rem);pointer-events: auto;}
@media screen and (max-width: 1500px) {
	.w1440{left: .8rem;width: calc(100% - 1.6rem);}
}
@media screen and (max-width: 1024px) {
	.w1440{left: .4rem;width: calc(100% - .8rem);}
}

/*头部*/
.head{width: 100%;min-width: 480px;height: 100px;position: fixed;z-index: 40;top:0;background-color: transparent;}
.head>div{height: 100%;position: relative;padding: 0 .6rem;}
.head .headin{position: relative;z-index: 7;height: 100%;}
.head a.logo{position: absolute;left: 0;top:0;z-index: 1;height: 100%;opacity: 1;margin-top: 0.15rem;}
.head a.logo img{max-height: 100%;}
.head .logo2{position: absolute;left: 0;top:0;z-index: 1;height: 100%;opacity: 0;margin-top: 0.15rem;}
.head .logo2 img{max-height: 100%;}
.special.head .logo,.special2.head .logo,.nvact.head .logo{opacity: 0;}
.special.head .logo2,.special2.head .logo2,.nvact.head .logo2{opacity: 1;}
.head .nav{position: absolute;right: 0rem;top: .3rem;z-index: 5;height: 40px;}
.head .nav>li{float: left;height: 100%;position: relative;z-index: 1;}
.head .nav>li>a{display: block;padding: 0 .32rem 0 0.38rem;height: 100%;position: relative;font-size: 16px;color: #fff;line-height:40px;text-align: center;}
.head .nav>li:before{content: "";width: 0.17rem;height: 0.17rem;background: url(../images/a2.png) no-repeat;position: absolute;left: .1rem;top: .1rem;opacity: 0;transition:all .6s;}
.head .nav>li.on:before,.head .nav>li:hover:before{opacity: 1;}
.head .nav>li:hover:before{transform: rotateZ(180deg);}
.head .nav li.headico{margin-top: 0.05rem;}
.head .nav li.headico:before{content: none}
.head .nav li.headico a{padding: 0 0.1rem;}
.head .nav.active li{transform: translateY(-170%);}
.head .nav li:nth-child(1){transition: all 0.5s ease-out 0.1s;}
.head .nav li:nth-child(2){transition: all 0.5s ease-out 0.15s;}
.head .nav li:nth-child(3){transition: all 0.5s ease-out 0.2s;}
.head .nav li:nth-child(4){transition: all 0.5s ease-out 0.25s;}
.head .nav li:nth-child(5){transition: all 0.5s ease-out 0.3s;}
.head .nav li:nth-child(6){transition: all 0.5s ease-out 0.35s;}
.head .nav li:nth-child(7){transition: all 0.5s ease-out 0.4s;}
.head .nav li:nth-child(8){transition: all 0.5s ease-out 0.45s;}
.head .nav li:nth-child(9){transition: all 0.5s ease-out 0.5s;}
.head .nav li:nth-child(10){transition: all 0.5s ease-out 0.55s;}
.head .nav li dl.navtwo{width: 160px;display: none;position: absolute;top: 110%;left: 50%;z-index: 1;padding-top: 15px;margin-left: -80px;transition: top 0.3s;}
.head .nav li dl.navtwo:after{content: "";position: absolute;left: 50%;top: 0;margin-left: -11px;width: 23px;background: url('../images/navon.png') center no-repeat;height: 15px;z-index: 1;opacity: 1;}
.head .nav li dl.navtwo.on{top: 90%;}
.head .nav li dl.navtwo .inner{width: 100%;background-color: rgba(255, 255, 255, 1);padding: 13px 0;border-radius:4px;box-shadow: 0 0 7px 2px rgba(0,0,0,0.2);}
.head .nav li dl.navtwo dd{height: 36px;line-height: 36px;text-align: center;}
.head .nav li dl.navtwo dd>a{display: block;height: 100%;color: #666;overflow: hidden;}
.head .nav li dl.navtwo dd:hover>a{color: #007ddd;letter-spacing: 2px;background-color: #e1e1e1;}
.special.head .nav>li:before{background: url(../images/a2-2.png) no-repeat;}
.special.head .nav>li>a,.special2.head .nav>li>a,.nvact.head .nav>li>a{color: #333;}
.special.head .nav>li.on>a,.special.head .nav>li:hover>a,.special2.head .nav>li.on>a,.special2.head .nav>li:hover>a,.nvact.head .nav>li.on>a,.nvact.head .nav>li:hover>a{color: #007ddd;}
.special.head .nav li.headico,.special2.head .nav li.headico,.nvact.head .nav li.headico{display: none;}
.head .navmenu{position: absolute;right: .5rem;top: .3rem;z-index: 20;}
.head .navmenu .navbtn{width: .4rem;height: .4rem;opacity: 0;position: absolute;left: -0.5rem;pointer-events: none;transition: 0.4s 0.5s;}
.head .navmenu .navbtn.active{opacity: 1;pointer-events: auto;}
.head .navmenu .navbtn s{position: absolute;right: 0;display: block;width: .22rem;height: 0.02rem;background-color: #fff;transition: 0.3s;}
.head .navmenu .navbtn>s:nth-child(1){top: .12rem;}
.head .navmenu .navbtn>s:nth-child(2){top: .2rem;right: -0.04rem;transform: rotate(0deg) scale(1,1);}
.head .navmenu .navbtn>s:nth-child(3){top: .28rem;}
.head .navmenu .navbtn.on s:nth-child(1){top: 48%;transform: rotate(-225deg);}
.head .navmenu .navbtn.on s:nth-child(2){transform: rotate(-180deg) scale(0,1);}
.head .navmenu .navbtn.on s:nth-child(3){top:48%;transform: rotate(225deg);}
.special.head .navmenu .navbtn s,.special2.head .navmenu .navbtn s,.nvact.head .navmenu .navbtn s{background-color: #007ddc;}
.head .navmenu .navbtn2{width: 40px;height: 40px;opacity: 0;position: absolute;left: -50px;display: none;transition: 0.4s 0.5s;}
.head .navmenu .navbtn2 s{position: absolute;right: 0;display: block;width: 22px;height: 2px;background-color: #fff;transition: 0.3s;}
.head .navmenu .navbtn2>s:nth-child(1){top: 12px;}
.head .navmenu .navbtn2>s:nth-child(2){top: 20px;right: -4px;transform: rotate(0deg) scale(1,1);}
.head .navmenu .navbtn2>s:nth-child(3){top: 28px;}
.head .navmenu .navbtn2.on s:nth-child(1){top: 48%;transform: rotate(-225deg);}
.head .navmenu .navbtn2.on s:nth-child(2){transform: rotate(-180deg) scale(0,1);}
.head .navmenu .navbtn2.on s:nth-child(3){top: 48%;transform: rotate(225deg);}
.special.head .navmenu .navbtn2 s{background-color: #007ddc;}
.head .navmenu .search{display: block;height: 100%;position: relative;font-size: 16px;color: #fff;line-height: 40px;text-align: center;float: left;}
.head .navmenu .search img{position: absolute;top: 10px;left: 10px;transition: 0.3s;}
.head .navmenu .search img:nth-child(2){opacity: 0;}
.special.head .navmenu .search img:nth-child(1){opacity: 0;}
.special.head .navmenu .search img:nth-child(2){opacity: 1;}
.head .navmenu .search2{width: 300px;height: 100px;position: absolute;right: -350px;top: -30px;transition: 0.5s;background: #fff;}
.head .navmenu .search2>div:nth-child(1){width: 240px;height: 100%;}
.head .navmenu .search2>div:nth-child(1)>input{width: 100%;height: 100%;font-size: 16px;padding-left: 15px;}
.head .navmenu .search2>div:nth-child(2){width: 21px;height: 21px;position: absolute;right: 30px;top: calc(50% - 21px/2);}
.head .navmenu .search2>div:nth-child(2)>img{position: relative;top: auto;left: auto;display: block !important;}
.special.head .navmenu .search2>div:nth-child(2)>img{opacity: 1;}
.head .navmenu .search2>div:nth-child(2)>button{width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;}
.head .navmenu .search:hover .search2{right: -50px;transition: 0.5s;}
.navsjout{width: 100%;opacity: 0;overflow: auto;position: fixed;top: 60px;bottom: 0;left: -100%;z-index: 20;transition: 0.4s;background-color: #000;}
.navsjout.on{opacity: 1;left:0;}
.navsjout ul{width: 100%;-webkit-overflow-scrolling: touch;background-color: #000;position: absolute;top: 0;left: 0;transition: 0.3s;}
.navsjout ul>li{position: relative;}
.navsjout ul>li>a{display: block;height: 60px;text-align: center;line-height: 60px;font-size: .28rem;color: #fff;position: relative;}
.navsjout ul>li>a:after{content: '';position: absolute;left: 30px;right: 30px;bottom: 0;z-index: 0;height: 1px;background-color: #666;}
@media screen and (min-width:1024px){
	.navsjout{ display: none;}
}
@media only screen and (max-width: 1479px) and (min-width: 1024px){
	.head .nav>li>a{padding: 0 0.05rem 0 0.38rem;}
}
@media only screen and (max-width: 1200px){
	.head .nav>li>a{padding: 0 0 0 20px;}
}
@media only screen and (max-width: 1023px){
	.navsjout{display: block;}
	.head{min-width: 100%;height: 60px;padding: 0rem 0.36rem;}
	.head>div{padding-left: 0;}
    .head .logo2 img,.head a.logo img{height: 44px;}
	.head .nav{display: none;}
	.head .navmenu{top: .2rem;}
	.head .navmenu .navbtn{display: none!important;}
	.head .navmenu .navbtn s{background-color: #000;}
    .head .navmenu .navbtn2{display: block;opacity: 1;}
    .head .navmenu .search2{width: 4rem;height: 60px;right: -5rem;top: -0.2rem;}
    .head .navmenu .search2>div:nth-child(1){width: 2.4rem;}
    .head .navmenu .search2>div:nth-child(1)>input{font-size: 0.24rem;padding-left: 0.15rem;}
    .head .navmenu .search2>div:nth-child(2){width: 0.3rem;height: 0.3rem;right: 0.8rem;top: calc(50% - 0.3rem/2);}
    .head .navmenu .search2.on{right: -0.9rem;transition: 0.5s;}
}