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

.s_wap{display: none!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");

}

@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");

}

@font-face {

    font-family: "MStiffHeiPRC-UltraBold";

    src: url("fonts/MStiffHeiPRC-UltraBold.woff2") format("woff2"),

        url("fonts/MStiffHeiPRC-UltraBold.woff") format("woff"),

        url("fonts/MStiffHeiPRC-UltraBold.ttf") format("truetype"),

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

        url("fonts/MStiffHeiPRC-UltraBold.svg") format("svg"),

        url("fonts/MStiffHeiPRC-UltraBold.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: 136px; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 2;

    box-shadow: 2px 2px 5px #ccc;}

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

.nav>li{float:left; position:relative; height: 136px; line-height: 136px; text-align: center;

    font-size: 17px; }

.nav>li>a{display: inline-block; width: 100%; height: 100%; color: #333; transition: .5s; box-sizing: border-box;

  padding: 0 13px;}

.nav>li:last-child>a{padding-right: 0;}

.nav>li>.ul{position:absolute; z-index: 9; display:none; width: 100%; background-color: #ffffff; padding: 10px 0;}

.nav>li>.ul>li{float:none; width: 100%; font-size: 16px; height: auto; line-height: 32px;}

.nav>li>.ul>li>a{color: #333; display: inline-block; width: 100%; height: 100%; transition: .5s;}

.nav>li>.ul>li>a:hover{color: #029e3d;}

.navbor{border-bottom: 7px solid #029e3d;}



.banner{margin-top: 136px;}



.contact{width: 100%; height: 308px; background: url(../images/index9.jpg) no-repeat center;}

.tact .cn{font-size: 60px; color: #fff; font-family: "MStiffHeiPRC-UltraBold"; padding-top: 100px;}

.tact .en{width: 240px; display: block;}

.contact .tel{font-size: 60px; color: #fff; font-family: "MStiffHeiPRC-UltraBold"; line-height: 308px;

  margin-left: 100px;}

.contact .ewm1{padding-top: 106px; text-align: center; margin-left: 20px;}

.contact .ewm1>img{display: block;}

.contact .ewm1>p{font-size: 14px; color: #fff; padding-top: 6px;}

footer{background-color: #313131;}

.footTop{border-bottom: 1px solid rgba(255,255,255,.2)}

.footTop .logo2{margin-top: 24px; margin-left: 260px;}

.footTop .dizhi{line-height: 94px;  font-size: 14px; color: rgba(255,255,255,.6); margin-left: 60px;}

.footbot{font-size: 14px; color: #666666; text-align: center; padding: 12px 0;}



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

    header{height: 100px;}

    header .logo{height: 80px; margin-top: 10px;}

    .nav>li{line-height: 100px; height: 100px;}

    .banner{margin-top: 100px;}

}

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

    .box{width: 900px;}

    header{height: 80px;}

    header .logo{height: 50px; margin-top: 15px;}

    .nav>li{font-size: 16px; line-height: 80px; height: 80px;}

    .nav>li>a{padding: 0 9px;}

    .banner{margin-top: 80px;}

    .nav>li>.ul>li{font-size: 15px;}

    

    .tact .cn{font-size: 40px; padding-top: 75px; padding-bottom: 5px;}

    .tact .en{width: 160px;}

    .contact .tel{font-size: 40px; line-height: 220px; margin-left: 95px;}

    .contact .ewm1>img{width: 100px;}

    .contact{height: 220px;}

    .contact .ewm1{padding-top: 55px;}

    .footTop .logo2{display: none;}

    .footTop .dizhi{margin-left: 0; text-align: center; width: 100%; line-height: 60px;}

}

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

    .s_pc{display: none!important;}

    .s_wap{display: block!important;}

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

    .banner{margin-top: 50px;}

    .banner>.box{display: none;}



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

    .head_wap .logo_wap{height: 34px; margin-top: 8px;}

    /*汉堡菜单*/

    .three{margin-top: 12px;}

    /* ALL */

    .hamburger .line{

      width: 25px;

      height: 3px;

      background-color: #029e3d;

      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: 99; display: none;}

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

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

    



    .tact{width: 100%; text-align: center;}

    .tact .cn{font-size: 24px; padding-top: 25px;}

    .tact .en{width: 96px; margin:0 auto;}

    .contact{height: auto; padding-bottom: 20px;}

    .contact .tel{margin-left: 0; line-height: 1; font-size: 30px; text-align: center; width: 100%;

        padding-top: 30px;}

    .contact .ewm1{width: 25%; padding-top: 20px; margin: 0;}

    .contact .ewm1>img{width: 100%;}

    .contact .ewm{width: 100%;}

    .contact .ewm .ewm1:nth-child(1){margin-right: 20%; margin-left: 10%;}

    .footTop .dizhi{line-height: 24px; padding: 10px 0;}

    .footbot{font-size: 12px; padding: 10px 0;}

}