@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;}

html,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;}

.wap{display: none;}

@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: "BebasNeue Bold";

  src: url("fonts/BebasNeue Bold.woff2") format("woff2"),

       url("fonts/BebasNeue Bold.woff") format("woff"),

       url("fonts/BebasNeue Bold.ttf") format("truetype"),

       url("fonts/BebasNeue Bold.eot") format("embedded-opentype"),

       url("fonts/BebasNeue Bold.svg") format("svg"),

       url("fonts/BebasNeue Bold.otf") format("opentype");

}

@font-face {

    font-family: "lg";

    src:url("fonts/lg.woff") format("woff"),

        url("fonts/lg.ttf") format("truetype"),

        url("fonts/lg.eot") format("embedded-opentype"),

        url("fonts/lg.svg") format("svg");

}



header{width: 100%; height: 472px;}

header .header{width: 100%; height: 100px; background-color: rgba(0,0,0,.2);}

header .header .logo{margin-top: 25px;}

header .header ul li{float: left; font-size: 18px; line-height: 100px; width: 120px; text-align: center;}

header .header ul li a{color: #fff; transition: .4s;}

header .header ul li a:hover{color: #cbaa72;}

.nav_color{color: #cbaa72!important;}

footer{background-color: #424242; padding: 25px 0;}

footer .foot_top{text-align: center; padding-bottom: 10px;}

footer .foot_top>a{font-size: 16px; color: #999; padding: 0 15px; transition: .5s;}

footer .foot_top>a:hover{color: #cbaa72;}

footer .foot_bot{font-size: 16px; color: #999; text-align: center;}



@media screen and (max-width: 1240px){

    .box{width: 900px;}

    header .header{height: 90px;}

    header .header .logo{height: 40px;}

    header .header ul li{width: 100px; line-height: 90px;}

}

@media screen and (max-width: 900px){

    .box{width: auto; padding: 0 15px;}

    .pc{display: none;}

    .wap{display: block!important;}



    .head_wap{width:100%; height: 50px; position: fixed; top: 0; left: 0; z-index: 99; background-color: #fff;}

    .head_wap .logo_wap{height: 28px; margin-top: 11px;}

    /*汉堡菜单*/

    .three{margin-top: 12px;}

    /* ALL */

    .hamburger .line{

      width: 25px;

      height: 3px;

      background-color: #cba972;

      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: 100%; background-color: rgba(0,0,0,.9); position: fixed; top:50px; 

        left: 0; z-index: 9; display: none;}

    .head_wap .nav_wap .ul_wap{background-color: #cba972;}

    .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;}

    footer .foot_bot{font-size: 14px; line-height: 22px;}

}