@charset "utf-8";
/* CSS Document */
*{margin: 0px; padding: 0px;}
img{border: none;}
a{text-decoration: none; font-family: "Alibaba-PuHuiTi-Regular";}
ul,li{list-style:none; font-family: "Alibaba-PuHuiTi-Regular";}
input{outline: none; font-family: "Alibaba-PuHuiTi-Regular"; box-sizing: border-box; border:none;}
i,em{font-style: normal;}
body{font-family: "Alibaba-PuHuiTi-Regular"; box-sizing: border-box; overflow-x: hidden;}
.left{ display:inline; float:left;}
.right{ display:inline; float:right;}
.clear:after{ content:''; display:block; clear:both;}
.clear{zoom:1;}
.box{width:1200px; margin:0 auto;}
.s_wap{display: none;}

.pagination{position: relative; right: 50%;}

@font-face {
    font-family: "Alibaba-PuHuiTi-Regular";
    src: url("fonts/Alibaba-PuHuiTi-Regular.woff2") format("woff2"),
        url("fonts/Alibaba-PuHuiTi-Regular.woff") format("woff"),
        url("fonts/Alibaba-PuHuiTi-Regular.ttf") format("truetype"),
        url("fonts/Alibaba-PuHuiTi-Regular.eot") format("embedded-opentype"),
        url("fonts/Alibaba-PuHuiTi-Regular.svg") format("svg"),
        url("fonts/Alibaba-PuHuiTi-Regular.otf") format("opentype");
}
@font-face {
    font-family: "Alibaba-PuHuiTi-Light";
    src: url("fonts/Alibaba-PuHuiTi-Light.woff2") format("woff2"),
        url("fonts/Alibaba-PuHuiTi-Light.woff") format("woff"),
        url("fonts/Alibaba-PuHuiTi-Light.ttf") format("truetype"),
        url("fonts/Alibaba-PuHuiTi-Light.eot") format("embedded-opentype"),
        url("fonts/Alibaba-PuHuiTi-Light.svg") format("svg"),
        url("fonts/Alibaba-PuHuiTi-Light.otf") format("opentype");
}
header{height: 119px; position: fixed; top: 0; left: 0; z-index: 999; background-color: #fff; width: 100%;
    box-shadow: 5px 5px 10px #ccc;}
header .logo{margin-top: 28px;}
header .nav li{float: left; height:119px; font-size: 18px; padding: 0 18px;}
header .nav li:last-child{padding-right: 0;}
header .nav li>a{color:#666666; display: block; width: 100%; height: 100%; line-height: 119px; transition: .5s;}
header .nav li:hover>a{color: #0080ff;}
header .nav li .ul{display: none; width:100%; background-color: rgba(255,255,255,.8); padding: 20px 0;
  position: absolute; left:0; top:119px; text-align: center; z-index: 999;}
header .nav li .ul a{font-size: 16px; color:#666; padding:0 10px; transition: .5s;}
header .nav li .ul a:hover{color:#0080ff;}
.navcolor{color: #0080ff!important; font-weight: bold;}
.banner{margin-top: 119px;}

footer{background-color: #313131; padding: 18px 0;}
footer .dizhi{font-size: 14px; color: #666666; text-align: center; line-height: 24px;}
footer .beian{font-size: 14px; color: #666666; text-align: center; line-height: 24px;}

@media screen and (max-width: 1440px){
    header{height: 90px;}
    header .logo{height: 60px; margin-top: 15px;}
    header .nav li{height: 90px;}
    header .nav li>a{line-height: 90px;}
    header .nav li .ul{top:90px;}
    .banner{margin-top: 90px;}
}
@media screen and (max-width: 1200px){
    .box{width: 900px;}
    .banner{margin-top: 60px;}
    header{display: none;}
    .wap_header{display: block;}
    .head_wap{width:100%; height: 60px; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 9999;}
    .head_wap .logo_wap{height: 40px; margin-top: 12px;}
    /*汉堡菜单*/
    .three{margin-top: 18px;}
    /* ALL */
    .hamburger .line{
      width: 25px;
      height: 3px;
      background-color: #0080ff;
      display: block;
      margin: 4px auto;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    /* SIX */
    #hamburger-6.is-active{
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      -webkit-transition-delay: 0.6s;
      -o-transition-delay: 0.6s;
      transition-delay: 0.6s;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    #hamburger-6.is-active .line:nth-child(2){
      width: 0px;
    }
    #hamburger-6.is-active .line:nth-child(1),
    #hamburger-6.is-active .line:nth-child(3){
      -webkit-transition-delay: 0.3s;
      -o-transition-delay: 0.3s;
      transition-delay: 0.3s;
    }
    #hamburger-6.is-active .line:nth-child(1){
      -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
      -o-transform: translateY(5px);
      transform: translateY(5px);
    }
    #hamburger-6.is-active .line:nth-child(3){
      -webkit-transform: translateY(-9px) rotate(90deg);
      -ms-transform: translateY(-9px) rotate(90deg);
      -o-transform: translateY(-9px) rotate(90deg);
      transform: translateY(-9px) rotate(90deg);
    }
    .head_wap .nav_wap{width: 100%; height: 93%; background-color: rgba(0,0,0,.9); position: fixed; top:60px; 
        left: 0; z-index: 9; display: none; overflow: auto;}
    .head_wap .nav_wap .ul_wap{background-color: #0080ff;}
    .head_wap .nav_wap .ul_wap>li>p{height: 35px; line-height: 35px; border-bottom: 1px solid rgba(255,255,255,.4);
        padding: 0 20px; font-size: 16px; color: #fff;}
    .head_wap .nav_wap .ul_wap>li>p>a{color: #fff; display: block; width: 100%; height: 100%;}
    .head_wap .nav_wap .ul_wap>li>p>img{float: right; margin-top:15px;}
    .head_wap .nav_wap .ul_wap>li:last-child p{border-bottom: none;}
    .head_wap .nav_wap .ul_wap>li .sNav{background-color: #fff; display: none;}
    .head_wap .nav_wap .ul_wap>li .sNav li{line-height: 35px;}
    .head_wap .nav_wap .ul_wap>li .sNav li a{display: block; padding: 0 20px;}
    .head_wap .nav_wap .ul_wap>li .sNav li a img{padding-right: 10px;}

    footer{padding: 10px 0;}
}
@media screen and (max-width: 1000px){
    .box{width: auto; padding: 0 15px;}
    .s_pc{display: none;}
    .s_wap{display: block;}
    .banner{margin-top: 50px;}
    .head_wap{height: 50px;}
    .head_wap .nav_wap{top:50px;}
    .head_wap .logo_wap{height: 32px; margin-top: 9px;}
    .three{margin-top: 15px;}

    footer .dizhi{font-size: 12px; line-height: 20px;}
    footer .beian{font-size: 12px; line-height: 20px;}
}