@import url("iconfont.css");





/* CSS Document */

/*common*/

.mb10 { margin-bottom:10px;}

.ml10 { margin-left:10px;}

.bg { background:#FFF;}

em,i{ font-style:normal; }



body{min-width: 1200px; width: 100%;overflow-x: hidden;}

/*头部*/

.top_bg{ height:9.7rem;z-index: 10; width:100%;background:#fff;position:relative;overflow:hidden;}

.top_bg:before{content: "";width: 100%;height: 1px;position: absolute;bottom: 2px;left: 0;background: rgba(255,255,255,1);}

.top_line{width: 84.375%;margin: 0px auto;height: 9.7rem;position: relative;}

.h_top {
    height: 5rem;
    line-height: 5rem;
	position: absolute;
    right: 0;
}

.h_tel{padding-right: 1.2rem;}

.h_tel em{width: 1.5rem;height: 1.5rem;display: block;float: left;line-height: 0;padding: 1.8rem 0.5rem 0 0;}

.h_tel em img{width: 1.5rem;height: 1.5rem;}

.h_tel b{font-size: 1.1rem;color: #666;}

.search{width:1.1rem;height:1.1rem;cursor:pointer;position: relative;padding: 0 1.3rem;margin-top: 1.9rem;}

.search:before{content: "";width: 1px;height: 0.8rem;position: absolute;top: 2px;left: 0;background: rgba(255,255,255,1);}

.sea_icon i{display:block;width:1.1rem;height:1.1rem;float: left;line-height: 0;}

.sea_icon i img{width: 1.1rem;height: 1.1rem;}

.sea_icon:hover i{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}

.sea_box{position: absolute;width: 345px;right: 1rem;top:30px;z-index: 100;display: none;}

.sea_box input {float: left;border: 2px solid #a55315;font-size: 14px;color: #999;}

.sea_box input.txt {width: 250px;padding: 0 10px;line-height: 34px;height: 34px;margin-top: 15px;}

.sea_box input.btn {width: 70px;background-color: #a55315;color: #fff;cursor: pointer;height: 38px;margin-top: 15px;}

input::-webkit-input-placeholder {color: #999;}

.h_code{margin-top: 2rem;cursor: pointer;position: relative;}

.h_code em{width: 1rem;height: 1rem;display: block;line-height: 0;}

.h_code em img{width: 1rem;height: 1rem;}

.h_code p{width: 4.5rem;height: 4.5rem;position: absolute;top: -10rem;right: -5rem;-webkit-transition:all .5s;transition:all .5s;}

.h_code p img{width: 4.5rem;height: 4.5rem;}

.h_code:hover p{top: -1.5rem;}

.logo{ padding: 1.9rem 1rem 0 0;}

.logo img {
    width: 8rem;
}

.h_dw{
	font-size: 1.6rem;
    color: #333333;
    line-height: 2.2rem;
    float: left;
    padding: 2.5rem 0 0 0;
}
.h_dw b{color: #f8c301;}

.h_dw i{display: block;font-size:0.9rem;}

.h_nav{
	height: 4rem;
    overflow: hidden;
    padding-top: 2.5rem;
	padding-left: 5rem;
	}

.h_nav li{ float:left;  
  height: 4rem;
    line-height: 4rem;
	overflow: hidden;
	padding: 0 12px;
	}	
	

.h_nav li a{ font-size:16px; color:#333333;display:block; float:left;position: relative;vertical-align: middle;text-align: center;    height: 4rem;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;}
  
  
  
  
  @media screen and (max-width: 1550px){	

	.h_nav li{  padding: 0 8px;}
	.h_nav li a{ font-size:16px;}
	
	
}  
  
    
@media screen and (max-width: 1340px){	

	.h_nav li{  padding: 0 8px;}
	.h_nav li a{ font-size:14px;}
	
	.top_line{width: 100%; padding:0 10px;}
	
	
}  
  

.h_nav li a:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 0;

  right: 100%;

  bottom: 0;

  background: #f8c303;

  height: 0.15rem;

  -webkit-transition-property: right;

  transition-property: right;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.h_nav li a:hover:before, .h_nav li a:focus:before, .h_nav li a:active:before,.h_nav li.cur a:before {

  right: 0;

}

.h_ico{width: 1.9rem;height: 1.1rem; line-height: 0;padding: 1.6rem 0 0;}

.h_ico img{width: 1.9rem;height: 1.1rem;}

em,i{ font-style:normal;}



@-webkit-keyframes hvr-buzz-out {

  10% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  20% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  30% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  40% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  50% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  60% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  70% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  80% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  90% {

    -webkit-transform: translateX(1px) rotate(0);

    transform: translateX(1px) rotate(0);

  }

  100% {

    -webkit-transform: translateX(-1px) rotate(0);

    transform: translateX(-1px) rotate(0);

  }

}

@keyframes hvr-buzz-out {

  10% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  20% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  30% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  40% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  50% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  60% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  70% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  80% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  90% {

    -webkit-transform: translateX(1px) rotate(0);

    transform: translateX(1px) rotate(0);

  }

  100% {

    -webkit-transform: translateX(-1px) rotate(0);

    transform: translateX(-1px) rotate(0);

  }

}











/* 底部 */


		.footWrap{ background:url(../image/footer_bg.jpg) no-repeat center top;height:550px;overflow:hidden;width: 100%;}

		.footWrap .footer{ width:1200px; margin:0 auto; position:relative;}

		.footWrap h2{ width:128px; height:70px; margin:90px auto 70px;}

		.footWrap h2 img{ display:block; width:128px; height:92px;}

		.fanv{ height:60px;overflow:hidden; font:16px "Microsoft Yahei"; line-height:60px; color:#fff; text-align:center; margin-bottom:27px;}

		.fanv a{ display:inline-block; color:#666666; padding:0 35px; height:60px;  position:relative;}

		.fanv a:last-child{ padding-right:0; background:none;}

		.fanv a:hover,.foot a:hover{ font-weight:bold; text-decoration:underline;}

		

		.footWrap ul{ height:100px;overflow:hidden;}

		.footWrap li{ font:20px Arial, Helvetica, sans-serif; color:#666666; float:left; margin-right:130px;}

		.footWrap li em{ display:block; width:30px; height:30px; margin:0 auto 18px;}

		.footWrap li em img{display:block; width:35px; height:35px;}

		.footWrap li:nth-child(3){ margin-right:0;}

		.footWrap li:nth-child(4){ float:right; font:16px "Microsoft YaHei UI"; margin-right:0;}

		.code{ width:180px; overflow:hidden; margin-top:52px;}

		.code h3{ text-align:center; font:15px "Microsoft Yahei"; height:36px; line-height:36px; overflow:hidden; color:#fff;}

		.code p em img{ display:block; width:67px; height:67px; border:5px solid #fff;}

		.foot{ font:12px "Microsoft Yahei"; color:#666666; line-height:24px; text-align:center;margin-top: 48px;}

		.foot a{color:#333333;}

		.foot em{ padding:0 6px;}