@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:1300px; margin:0 auto;}
.wap{display: none;}
.xianshi{display: block!important;}
@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");
}


header .headTop{width: 100%; height: 95px; background: url(../images/headTop.jpg) no-repeat center; 
    background-size: cover;}
header .headTop .logo{height: 55px; margin-top: 20px;}
header .headTop .search{padding-top: 31px;}
header .headTop .search>input{float: left; width: 160px; height: 32px; background: #fff; text-indent: 5px;}
header .headTop .search .btn{width: 32px; height: 32px; background: #578fb8; transition: .3s;}
header .headTop .search .btn:hover{background: #000;}
header .headTop .search .btn>img{width: 22px; margin: 5px 0 0 5px;}
header .headBot{width: 100%; height: 110px; background: #04629a;}
header .headBot .nav{width: 920px; margin-top: 23px;}
header .headBot .nav>li{float: left; margin-bottom: 16px; margin-right: 50px;}
header .headBot .nav>li>a{color: #fff; font-size: 16px;}
/*文字下划线*/
.line-hover{
    background-image: linear-gradient(rgba(140,200,65,.8) 0%, rgba(140,200,65,.7) 100%);
    background-repeat: no-repeat;
    background-size: 0px 10px;
    background-position: 0px 95%;
    transition: background-size 0.4s;
    padding: 0.1% 0px;
    cursor: pointer;
}
header .headBot .nav>li:hover .line-hover{
    background-size: 100% 10px;
    transition: background-size 0.4s;
}
.active{background-size: 100% 10px!important;}
header .headBot .register{width: 120px; height: 43px; border-radius: 20px; background-color: #8cc841;
    margin-top: 33px; font-size: 16px; color: #fff; text-transform: uppercase; line-height: 43px; text-align: center;
    transition: .3s; margin-left: 40px;}
header .headBot .register:hover{background-color: #000;}
header .headBot .login{width: 120px; height: 43px; border-radius: 20px; background-color: #8cc841;
    margin-top: 33px; font-size: 16px; color: #fff; text-transform: uppercase; line-height: 43px; text-align: center;
    transition: .3s;}
header .headBot .login:hover{background-color: #000;}
footer .footTop{padding: 60px 0 20px; background: #0b71b0;}
footer .footTop .top_left{width: 80%;}
footer .footTop .top_left .mc{font-size: 22px; color: #fff; font-weight: bold; margin-bottom: 30px;}
footer .footTop .top_left .footNav>a{font-size: 16px; color: #fff; margin-right: 50px; margin-bottom: 15px;
    display: inline-block;}
footer .footTop .top_left .footNav>a:hover{text-decoration: underline;}
footer .footTop .iconbox img{float: right; margin-left: 10px;}
footer .footBot{background: #00387a; padding: 20px 0;}
footer .footBot p{font-size: 12px; color: #7697bf;}

@media screen and (max-width: 1440px){
    .box{width: 1200px;}
}




@media screen and (max-width: 1200px){
    .box{width: 900px;}
    .wap{display: block!important;}
    .pc{display: none;}

    .head_wap{width:100%; height: 65px; background-color: #fff; position: fixed; top:0; left: 0; z-index: 12;
      box-shadow: 4px 4px 4px -4px #ccc;}
    .head_wap .logo_wap{height: 45px; margin-top: 10px;}
    /*汉堡菜单*/
    .three{margin-top:20px;}
    /* ALL */
    .hamburger .line{
      width: 25px;
      height: 3px;
      background-color: #0b71b0;
      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);
    }
    .nav_wap{width: 100%; height: 100%; background-color: rgba(0,0,0,.9); position: fixed; top: 0; 
        left: 0; z-index: 11; display: none; overflow-y: auto; padding-top: 65px; box-sizing: border-box;}
    .nav_wap .ul_wap{background-color: #0b71b0;}
    .nav_wap .ul_wap>li>p{height: 40px; line-height: 40px; 
        border-bottom: 1px solid rgba(255,255,255,.4); padding: 0 20px; font-size: 16px; color: #fff;}
    .nav_wap .ul_wap>li>p>a{color: #fff; display: block; width: 100%; height: 100%;}
    .nav_wap .ul_wap>li>p>img{float: right; margin-top:15px;}
    .nav_wap .ul_wap>li:last-child p{border-bottom: none;}
    .nav_wap .ul_wap>li .sNav{background-color: #fff; display: none;}
    .nav_wap .ul_wap>li .sNav li{line-height: 40px;}
    .nav_wap .ul_wap>li .sNav li a{display: block; padding: 0 20px; color: #666;}
    .nav_wap .ul_wap>li .sNav li a img{padding-right: 10px;}
}
@media screen and (max-width: 900px){
    .box{padding: 0 20px; width: auto;}
    .head_wap{height: 50px;}
    .head_wap  .logo_wap{height: 34px; margin-top: 8px;}
    .three{margin-top: 12px;}
    .nav_wap{padding-top: 50px;}
    footer .footTop{padding: 30px 0 20px;}
    footer .footTop .top_left .mc{font-size: 18px; margin-bottom: 20px;}
    footer .footTop .top_left{width: 100%;}
    footer .footTop .top_left .footNav>a{margin-right: 15px;}
    footer .footBot{padding: 10px 0;}
    footer .footTop .iconbox{float: left;}
    footer .footTop .iconbox img{margin: 0 10px 0 0;}
}