@charset "UTF-8";
html {
    
    font-family:"Microsoft YaHei";
  }
@font-face {
  font-family: "DINCond-Bold";
  src: url("../fonts/dincond-bold.woff2") format("woff2"),
       url("../fonts/dincond-bold.woff") format("woff"),
       url("../fonts/dincond-bold.ttf") format("truetype"),
       url("../fonts/dincond-bold.eot") format("embedded-opentype"),
       url("../fonts/dincond-bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DIN-Medium";
  src: url("../fonts/din-medium.woff2") format("woff2"),
       url("../fonts/din-medium.woff") format("woff"),
       url("../fonts/din-medium.ttf") format("truetype"),
       url("../fonts/din-medium.eot") format("embedded-opentype"),
       url("../fonts/din-medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NotoSansHans-Medium";
  src: url("../fonts/notosanshans-medium.woff2") format("woff2"),
       url("../fonts/notosanshans-medium.woff") format("woff"),
       url("../fonts/notosanshans-medium.ttf") format("truetype"),
       url("../fonts/notosanshans-medium.eot") format("embedded-opentype"),
       url("../fonts/notosanshans-medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    height: 2.35rem;
    z-index: 90;
}
.header-view{
	padding: 0 1.5%;
}
header .logo{
	position: absolute;
    left: 1.5%;
    height: 100%;
    display: flex;
    align-items: center;
}
header .logo img{
	height: 50%;
	display: block;
}
.pc-nav {
    font-size: 0;
    text-align: center;
}
.pc-nav li {
    display: inline-block;
    zoom: 1;
    padding: 0 1.25rem;
    position: relative;
}
.pc-nav li dl.itrm{
    position: absolute;
    width: 120%;
    background: #fff;
    left: 0;
    display: none;
    padding-left: 1.2rem;

}

.pc-nav li:hover dl.itrm{
display:block;
}
.pc-nav li dl.itrm dd{
    text-align: left;
    height: 1rem;
    line-height: 1rem;
    margin-bottom: 0.2rem;
}
.pc-nav li dl.itrm dd .tit{
    font-size: 0.4rem;
    line-height: 1rem;
}
.pc-nav li .tit {
    display: block;
    line-height: 2.35rem;
    font-size: .4rem;
    color: #333;
    position: relative;
    transition: all .2s;
    font-weight: bold;
    font-family: "NotoSansHans-Medium";
}

.pc-nav li.cur .tit {
    color: #0084d2;
}
.pc-nav li.cur dd .tit{
    color: #333;
}
.header-btns {
    position: absolute;
    right:1.5%;
    top: 50%;
    transform:translateY(-50%);
    font-size: 0;
    padding-right:1.3rem;
}
.m-nav {
    display: none;
}
.m-nav ul{
    padding-bottom: 0.6rem;
}
.m-nav li:nth-last-child(1){
    border-bottom: 0;
}
.m-nav li dt{
    position: relative;
}
.m-nav li span{
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
    background-image: url("../images/smleft.png");
    width: 13px;
    height: 15px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0.2rem;
    transform: translateY(-50%);
    margin-right: 0.2rem;
    transition:all 0.3s;
}
.m-nav li.cur span{
    transform:rotate(90deg);
    top: 30%; 
}
.m-nav li.cur dd span{
    transform:rotate(0);
}
.m-nav li dd{
    display: none;
    position:relative;
}
.m-nav li dd:nth-last-child(1){
    margin-bottom: 0.2rem;
}
header .header-btns .search-btn, header .header-btns .en,header .header-btns .nav-btn {
    display: inline-block;
    zoom: 1;
    width: .5rem;
    height: .5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0;
    margin: 0;
    margin-left: 1rem;
    transition: all .2s;
}
header .header-btns .membername{
    display: inline-block;
    zoom: 1;
    font-size: 0.5rem;
    line-height:100%;
}
header .header-btns .member-btn{
    display: inline-block;
    zoom: 1;
    width: 1rem;
    height: .5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0;
    margin: 0;
    margin-left: 1rem;
    transition: all .2s;
}
@media (max-width: 767px){
    header .header-btns .member-btn{
        width: 40px;
        height: 20px;
    }
    header .header-btns .membername{
        font-size: 0.35rem;
    }
}
header .header-btns .member-btn.loginbtn{
    background-image: url(../images/login.png);
}
header .header-btns .member-btn.loginbtn-en{
    background-image: url(../images/login-en.png);
}

.m-nav li dd.pho-dd span.cur{
   transform:rotate(90deg); 
}
.m-nav li dd.pho-dd a.tit{
display:inline-block;
width:80%;
}
.m-nav li .pho-san{
border-top:1px solid #dedede;
border-bottom:1px solid #dedede;
padding:0.2rem 0;
display:none;
}
.m-nav li .pho-san .san-a{
    font-size:0.24rem;
    padding:.1rem 0 0.1rem 0.6rem
}
.m-nav li .pho-san .san-a a{
    color:#333;
}
header .header-btns .search-btn {
    background-image: url("../images/select.png");
}
header .header-btns .en{
    font-size: 0.5rem;
    color: #222222;
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    right:0;
    font-family: "DINCond-Bold";
    line-height:0.5rem;
}

header .header-btns .nav-btn {
    display: none;
}
footer{
    background-color: #fff;
}
.w1420{
    width: 73.9%;
    margin: 0 auto;
}
.footer{
    padding: 2.5rem 0 2rem;
    border-bottom:1px solid #e7e7e7;
}
.footer ul{
    width: 87.3%;
    float: left;
}
.footer ul li{
    float: left;
    /*width: 16.6%;*/
    /*margin-right: 2rem;*/
    width: 14%;
    margin-right: 2%;
}
.footer ul li:nth-last-child(1){
    margin-right: 0
}
.footer ul li dt{
    margin-bottom: 0.5rem;
}
.footer ul li dt .tit{
    font-size: 0.5rem;
    color: #222222;
    font-family: "NotoSansHans-Medium";
    font-weight: bold;
}
.footer ul li dd{
    margin-bottom: 0.4rem;
}
.footer ul li dd .tit{
     font-size: 0.4rem;
    color: #333333;
    font-family: "NotoSansHans-Medium";
}
.footer .er-wei{
    width: 9.3%;
    float: right;
    text-align: center;
}
.footer .er-wei .er{
    border:2px solid #f1f1f1;
    border-radius: 2px;
}
.footer .er-wei .er img{
    width: 100%
}
.footer .er-wei .item{
    font-size: 0.4rem;
    margin-top: 0.1rem;
    font-family: "NotoSansHans-Medium";
    color: #999;
}
.footer-bottom .fo-left{
    font-size: 0.35rem;
    color: #999;
    float: left;
    height: 2.375rem;
    line-height: 2.375rem;
}
.footer-bottom .fo-right{
    font-size: 0.35rem;
    color: #999;
    float: right;
    height: 2.375rem;
    line-height: 2.375rem;
}
.footer-bottom .fo-right a{
    color: #999;
}
.footer-bottom .fo-right a:hover{
    color: #0084d2;
}
.pc-nav li .tit:hover{
    color: #0084d2;
}
.footer ul li dd .tit:hover{
    color: #0084d2;
}
.footer ul li dt .tit:hover{
    color: #0084d2;
}
.pho-footer{
    display: none;
}
.search-dialog-box{
        display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}
.search-dialog-box .black {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
}
.search-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    box-sizing: border-box;
    width: 90%;
    padding: .2rem;
    transform: translate(-50%,-50%);
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.33);
    border-radius: .4rem;
}
.search-dialog input[type=text] {
    float: left;
    width: 86%;
    border: none;
    padding: 0;
    font-size: .24rem;
    line-height: .4rem;
    height: .4rem;
    color: #999;
    background-color: #fff;
    border-radius: 0;
}
.search-dialog input[type=submit] {
    float: right;
    width: 15px;
    height: .4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border: none;
    padding: 0;
    background-image: url("../images/dialog-search-btn.png");
    background-color: transparent;
}
.search-dialog input[type=text] {
    font-size: 0.45rem;
}
.header-fixeds{
    position:fixed;
    top:2.35rem;
    left:0;
    width:100%;
    min-height:222px;
    z-index:90;
    background-color:#fff;
    border-top:1px solid #dedede;
    display:none;
    // transform:translateY(-100%);
    // transition:all 0.5s;
     // visibility: hidden;
     // opacity: 0;
    // transition: opacity .25s ease-in-out;
    box-shadow:-3px 14px 15px -10px #666666;
}
.header-fixeds ul.headerul{
    width:72.9%;
    margin:0 auto;
    padding-top: 1rem;
}
.header-fixeds ul.headerul li{
   float:left;
   width:18%;
   margin-right:2%;
   /*margin-bottom:0.5rem;*/
   text-align:left;
   padding: 0 ;
}
.header-fixeds ul.headerul li dl{
   height: 3.85rem;
   overflow:auto;
}
.header-fixeds ul.headerul li:nth-child(5n){
    margin-right:0;
}
.header-fixeds ul.headerul li dt{
    height:1rem;
    line-height:1rem;
    border-bottom:1px solid #dedede;
    
}
.header-fixeds ul.headerul li dt a.tit{
    font-size:0.4rem;
    color:#000;
}
.header-fixeds ul.headerul li dt a.tit:hover{
    color:#0084d2;
}
.header-fixeds ul.headerul li dd a.tit{
    font-size:0.35rem;
    line-height: 0.35rem;
    color:#666;
    font-weight:normal;
    // transition:all .25s ease-in-out;

}
.header-fixeds ul.headerul li .tit{
line-height:1rem;
color:#666;
}
.header-fixeds ul.headerul li dd{
     height:0.5rem;
    line-height:0.5rem;
    padding:0.1rem 0;
    font-weight:normal;
}
// .pc-nav li:hover .header-fixeds ul.headerul li dd a.tit{
//     font-size:0.35rem;
//      font-weight:normal;
// }
// .pc-nav li:hover .header-fixeds{
//     visibility: visible;
//     opacity: 1;
// }

@media (min-width: 1025px){
.search-dialog {
    font-size: 18px;
    width: 680px;
    padding: 20px 30px;
    border-radius: 34px;
}
}
@media (min-width: 768px){
.search-dialog {
        width: 500px;
    padding: 15px 25px;
    border-radius: 30px;
}
.search-dialog input[type=text] {
    font-size: 14px;
    line-height: 28px;
    height: 28px;
    width: 90%;
}
.search-dialog input[type=submit] {
    width: 28px;
    height: 28px;
}
}
@media (max-width: 1366px){
	.footer ul{
        width: 90%;
    }
}
@media (max-width: 1024px){
    .header-btns{
        padding-right:0
    }
    header .header-btns .search-btn, header .header-btns .qrcode-box, header .header-btns .bds_more, header .header-btns .nav-btn {
    width: 20px;
    height: 20px;
}
header .header-btns .en{
    font-size: 20px;
    right:1.8rem;
}
	header .header-btns .nav-btn {
    display: inline-block;
    position: relative;
    width: 28px;
    margin-left: 2rem;
    }
    header .header-btns .nav-btn .line {
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    background-color: #666;
    transition: all .2s;
    transform-origin: center;
    }
    header .header-btns .nav-btn .line1 {
    top: 0;
    }
    header .header-btns .nav-btn .line2 {
    top: 50%;
    margin-top: -1px;
    }
    header .header-btns .nav-btn .line3 {
    bottom: 0;
    }
    .pc-nav{
        display: none;
    }
    .m-nav {
    position: fixed;
    top: 2.35rem;
    width: 100%;
    z-index: 50;
    box-sizing: border-box;
    padding: 0 1.5%;
    background-color: rgba(255,255,255,.95);
    height:100%;
    overflow:auto;
    padding-bottom:0.6rem;
    z-index:101
}
.m-nav::-webkit-scrollbar {
        width: 4px;
        height:4px;
    }

    .m-nav::-webkit-scrollbar-track {
        background: rgba(0,0,0,0.4);
    }

    .m-nav::-webkit-scrollbar-thumb {
        background: #0084d2;
        /*border-radius: 4px;*/
    }

    .m-nav::-webkit-scrollbar-thumb:window-inactive {
        background: #0084d2;
    }

    .m-nav::-webkit-scrollbar-thumb:vertical:hover {
        background: #0084d2;
    }
.m-nav li {
    border-bottom: 1px solid #dcdcdc;
}
.m-nav li .tit {
    display: block;
    font-size: .4rem;
    padding: .3rem 0 .3rem .3rem;
    color: #333;
    position: relative;
}
header .header-btns .nav-btn.cur .line {
    top: 50%;
    bottom: auto;
    margin-top: -1px;
    background-color: #0084d2;
}
header .header-btns .nav-btn.cur .line1 {
    transform: rotate(45deg);
}
header .header-btns .nav-btn.cur .line2 {
    opacity: 0;
    filter: alpha(opacity=0);
}
header .header-btns .nav-btn.cur .line3 {
    transform: rotate(-45deg);
}
}

@media (max-width: 992px){
	footer .w1420{
        width: 97%;
    }
}

@media (min-width: 1025px){
	


}
@media (max-width: 767px){
header .header-btns .search-btn, header .header-btns .en{
    margin-left: 0.4rem;
    color:#5a5959;
}
header .header-btns .nav-btn{
    margin-left: 0.8rem;
}
.footer-bottom .fo-left{
    font-size: 0.24rem;
    height: 1rem;
    line-height: 1rem;
}
.footer-bottom .fo-right{
    font-size: 0.24rem;
    height: 0.6rem;
    line-height: 0.1rem;
    float:left;
}
footer .footer{
    display: none;
}
.pho-footer{
    display: block;
}
.pho-footer ul li dt{
    height: 0.8rem;
    line-height: 0.8rem;
}
.pho-footer ul li{
    border-bottom:1px solid #e7e7e7;
    padding:0 15px;
}
.pho-footer ul li dt a{
    font-size:0.3rem;
    color: #5a5959;
    font-family:"NotoSansHans-Medium";
    font-weight: bold; 
}
.m-nav li span{
     width: 8px;
    height: 12px;
}
.pho-footer ul li dt span{
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
    background-image: url("../images/smleft.png");
    width: 8px;
    height: 12px;
    display: inline-block;
    float: right;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 0.2rem;
    transition:all 0.3s;
}
.pho-footer ul li dd{
    height: 0.6rem;
    line-height: 0.6rem;
    display: none;
}
.pho-footer ul li dd a{
    font-size:0.24rem;
    color: #333;
    font-family:"NotoSansHans-Medium";
}
.pho-footer ul li dd:nth-child(1){
    border-top: 1px solid #e7e7e7;
}
.pho-footer ul li dd:nth-last-child(1){
    margin-bottom: 0.2rem;
}
.pho-footer ul li.cur dt span{
    transform: rotate(90deg);
    top: 30%;
}
header{
    height: 1rem;
    line-height: 1rem;
    border-bottom: 1px solid #dfdfdf9e;
}
header .logo{
    width: 2.6rem;
    /*top: 0.25rem;*/
}
.header-btns{
    top:0.15rem;
     transform: translateY(0%);
}
header .header-btns .en{
    line-height:20px;
    right:0.6rem;
    top:13%;
     transform: translateY(0%);
}
.right-fixed{
    display:none;
}
.m-nav{
    top: 1rem;
}
.m-nav li .tit{
    font-size: 0.3rem;
}
.m-nav li dd .tit{
    font-size: 0.24rem;
    padding:.1rem 0 0.1rem 0.3rem;
}
.m-nav ul{
    padding-top:0.3rem;
}
}