@charset "utf-8";

/* CSS Document */

*{margin: 0px; padding: 0px;}

img{border: none;}

a{text-decoration: none; font-family: "微软雅黑";}

ul,li{list-style:none;}

input{outline: none; font-family:"微软雅黑"; box-sizing: border-box; border:none;}

i,em{font-style: normal;}

body{font-family:"微软雅黑"; 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;}

/*头部*/

header{width: 100%; height: 99px; background-color: #fff; position: fixed; top:0; left: 0; z-index: 9;}

header .logo{height: 45px; margin-top:30px;}

header .nav li{float: left; margin-left: 40px; font-size: 16px; height: 99px; line-height: 99px;

	border-bottom: 9px solid transparent; box-sizing: border-box;}

header .nav li a{color: #666; display: inline-block; width: 100%; height: 100%;}

.border{border-bottom: 9px solid #c12e35!important;}

.banner{margin-top:99px;}

/*公共底部*/

footer{height: 19px; line-height: 19px; background-color: #dcdcdc; padding: 33px 0;}

footer a img{float: left; margin-right: 18px;}

footer a:nth-child(3) img{margin-right: 0;}

footer .tel{font-size: 16px; color: #4d4d4d; margin-left: 10px;}

footer .copyright{font-size: 12px; color: #4d4d4d;}



@media (max-width: 1440px){

	header{height: 76px;}

	header .logo{margin-top:18px;}

	header .nav li{height: 76px; line-height: 76px;}

	.banner{margin-top:76px;}

}

@media (max-width: 1200px){

	.box{width: 90%; margin:0 auto;}

	header .nav li{margin-left: 17px;}

}

@media (max-width: 980px){

	.s_pc{display: none;}

	.s_wap{display: block;}



	.banner{margin-top: 50px;}

	.head_wap{width:100%; height: 50px; background-color: #fff; position: fixed; top:0; left: 0; z-index: 9;}

    .head_wap .logo_wap{height: 32px; margin-top:11px;}

    /*汉堡菜单*/

	.three{margin-top:13px;}

    /* ALL */

	.hamburger .line{

	  width: 25px;

	  height: 3px;

	  background-color: #0077bb;

	  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: #0077bb;}

    .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: inline-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{height: auto; padding: 10px 0;}

	footer a img{display: none;}

	footer .tel{display: none;}

	footer .copyright{text-align: center;}

}