@charset "utf-8";
/* CSS Document */
a:hover{color:#bd1a2d}
.header{position: relative;z-index: 880;background: #bd1a2d;}
.logo{padding:37px 30px 37px 0;}
.topRight{padding:38px 0 0;width: 300px; }
.topRight a{color: #fff;vertical-align: top;margin: 0 0 18px 20px;transition: all 0.3s ease-in-out;}
.topRight a:hover{opacity: 0.8;}
.topRight > div{margin-left: 84px;}
.logo2 {vertical-align: top;padding-right: 30px;border-right: 1px solid #aa1728;}
/*4.搜索按钮全屏展开*/
.gp-search{width:440px;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;transition: all 0.35s ease-in-out;padding-top: 36px;}
.gp-ser{width:100%; height:53px; z-index:9994; margin:0 auto;position: relative;border:1px solid #ccc;background-color: #fffeee;border-radius: 5px;}
.gp-search input,.gp-search button{position:absolute; height: 53px;line-height:53px; border:none; background:none; top:0px;overflow: hidden; }
.gp-search input.notxt{color:#929179; width:100%;left: 0;padding-left: 90px;box-sizing: border-box;}
.gp-search .notxt1 {position: absolute;width: 15%;right:0;cursor:pointer;color:#b1b09b;font-size: 23px;}
.searchSelect{width: 75px;position: absolute;left: 5px;top: 12px;background: none;border:none;text-align: right;height: 30px;line-height: 30px;color: #929179;}
.searchSelect cite{height: 30px;display: block;position:relative;z-index: 2;line-height: 30px;padding:0 10px 0 0;cursor: pointer;overflow: hidden;border:1px solid #e1e1e1;text-align: center;color:#004f99;font-style: normal;border:none;color: #929179;text-align: right;}
.searchSelect cite:before{content: '';width: 0;height: 0;border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 6px solid #929179;position: absolute;right: 0;top: 12px;}
.ssList{position: absolute;left: 8px;top: 30px;z-index: 5000;background-color: #fff;width: 100%;max-height:500px;overflow-y: auto;display: none;box-shadow: 1px -1px 10px rgba(0,0,0,0.35);}
.ssList li{padding:8px 15px;font-size: 14px;text-align: center;line-height: 1.2;cursor: pointer;}
.ssList li:hover{background-color: #f1f1f1;}
.nav{border-top: 1px solid #aa1728;text-align: center;}
.nav > ul > li{height: 58px;line-height: 58px;position: relative;}
.nav > ul > li > a{color:#fff;font-size: 24px;}
.nav > ul > li > a:before,.nav > ul > li:first-child > a:before{content: '';width: 1px;height: 18px;background: #aa1728;position: absolute;right: 0;top: 50%;margin-top: -9px;}
.nav > ul > li:first-child > a:before{right: auto;left: 0;}
.nav > ul > li.on .gp-subNav{top: 58px;background: #fff;display: block;transform: translateY(0);box-shadow: 0 6px 8px rgba(0,0,0,0.3);}
.nav > ul > li:before{content: '';width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #fff;opacity: 0;filter:alpha(opacity=0);transform: translateY(20px);transition: all 0.3s ease-in-out;position: absolute;left: 50%;margin-left: -6px;top: 50px;}
.nav > ul > li.on:before{opacity: 1;filter: alpha(opacity=100);transform: translateY(0);}
.gp-subNav{position: absolute;left: 0;}
.gp-subNav dd > a{transition: all 0.35s ease-in-out;}
.gp-subNav dd > a:hover{background: #bd1a2d;color:#fff;}
.nav_arrow{width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 7px solid #fff;vertical-align: middle;margin-left: 10px;display: inline-block;cursor: pointer;transition: all 0.35s ease-in-out;}
.fadeInUpSmall  {  -webkit-animation-name: fadeInUpSmall ;  animation-name: fadeInUpSmall ;  animation-duration: 0.6s;   -webkit-animation-duration: 0.6s;  animation-timing-function: ease-in-out;   -webkit-animation-timing-function: ease-in-out;     visibility: visible !important;   display: block;}
@-webkit-keyframes fadeInUpSmall {
  0% {   opacity: 0;    -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);  }
  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }
}
@keyframes fadeInUpSmall {  
  0% {    opacity: 0;    -webkit-transform: translate3d(0, 20px, 0);    -ms-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);  }
  100% {    opacity: 1;    -webkit-transform: none;    -ms-transform: none;    transform: none;  }
}

@-webkit-keyframes passing {
	0% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		opacity: 0
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0
	}
}

@keyframes passing {
	0% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		opacity: 0
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0
	}
}

@-webkit-keyframes wrench {
	0% {-webkit-transform: rotate(-12deg);transform: rotate(-12deg)}
	8% {		-webkit-transform: rotate(12deg);		transform: rotate(12deg)	}
	10% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	18% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	20% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	28% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	30% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	38% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	40% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	48% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	50% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	58% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	60% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	68% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	100%,75% {		-webkit-transform: rotate(0);		transform: rotate(0)	}
}
@keyframes wrench {
	0% {		-webkit-transform: rotate(-12deg);		transform: rotate(-12deg)	}
	8% {		-webkit-transform: rotate(12deg);		transform: rotate(12deg)	}
	10% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	18% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	20% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	28% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	30% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	38% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	40% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	48% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	50% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	58% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	60% {		-webkit-transform: rotate(-24deg);		transform: rotate(-24deg)	}
	68% {		-webkit-transform: rotate(24deg);		transform: rotate(24deg)	}
	100%,75% {		-webkit-transform: rotate(0);		transform: rotate(0)	}
}
.wrap_footer{background: #bd1a2d;}
.footer{padding:42px 0}
.footer *,.footer a{color:#fff;}
.f1{width: 8.83%;}
.f2{width: 15.2%;}
.f3{width: 23.5%;}
.footerLinks{background: #a91728;padding:43px 0 0 48px;overflow: hidden;min-height: 101px;}
.footerLinks li,.f4 span{height: 20px;line-height: 20px;overflow: hidden;margin-bottom: 15px;display: block;transition: all 0.3s ease-in-out;}
.f4{width: 21.16%;margin-left: 9px;}
.links2{background: #a91728;padding:23px 0 0 50px;min-height: 121px;}
.f5{padding:22px 0;width: 30%;background: #a91728;;}
.codelist{text-align: center;}
.codelist li {margin:0 5px}
.codelist li span{display: block;width: 76px;height: 76px;overflow: hidden;}
.codelist li strong{font-weight: normal;padding:5px 0 0;display: block;}
.copyRight{background-color: #dabb85;padding:15px 0;text-align: center;line-height: 1.5;}
.copyRight span{color:#000;margin:0 8px;display: inline-block;*display: inline;*zoom:1}
.phoneLine{display: none;}
@media screen and (min-width:1020px) {
.footerLinks li:hover, .f4 span:hover{transform: translateX(-10px);opacity: 0.8;}
}
@media screen and (max-width:1260px) {
  .f1{width: 6%;}
  .footerLinks{padding-left: 35px;}
  .links2{padding-left: 25px;}
  .f4{width: 23.5%;}
}
@media screen and (max-width:998px) {
  .footer{text-align: center;}
  .footer > div{float: none;display: inline-block;vertical-align: top;text-align: left;}
  .f5{clear:both;float: none;width: 100%;max-width: 650px;margin:15px auto}
  .f1{width: 50px;margin-right: 10px;}
  .f2{width: 138px;}
  .f3,.f4{width: 40%;clear: both;margin:10px auto}
  .phoneLine{display: block;}
  
}
@media screen and (min-width:768px) {
  .nav > ul > li{width: 16.6%;}
}
@media screen and (max-width:1260px) {
 .logo{width: 290px;}
 .gp-search{width: 100%;padding:20px 0;border-top: 1px solid #aa1728;}
 .gp-f24,.nav > ul > li > a{font-size: 22px;}
 .gp-ser{max-width: 440px;width: 80%;}
 .nav{border-top: none;}
 
}
@media screen and (max-width:998px) {
  .nav{margin:0 10%}
.nav > ul > li{-webkit-animation-fill-mode:none; animation-fill-mode:none; }
.nav > ul > li > a:before, .nav > ul > li:first-child > a:before{display: none;}
.nav > ul > li.on:before{display: none;}
.nav > ul > li.on {background: #fff;border-radius: 5px 5px 0 0;}
.nav > ul > li.on > a{color: #bd1a2d;}
.nav > ul > li.on .nav_arrow{border-top: 7px solid #bd1a2d;transform: rotate(180deg);transform-origin: 5px 2px;}
.nav > ul > li.on{position: static;}
.nav{position: relative;}
.nav > ul > li.on .gp-subNav{top: auto;width: 100%;left: 0%;border-radius: 8px;transform: translateY(-2px);}
.gp-f24{font-size: 20px;}
}
@media screen and (max-width:767px) {
  .nav > ul{margin:0}
  .nav > ul > li > a{font-size: 18px;}
  .nav > ul > li{height: 40px;line-height: 40px;}
  .header > div{margin:0}
  .topRight{float: none;padding:0;height: 40px;line-height: 40px;background: #aa1728;width: 100%;}
  .topRight a{margin:0 0 0 15px;}
  .logo2{border-right: none;height: 40px;padding:0}
  .logo2 img{width: 30px;padding:5px 0 0}
  .topRight > div{margin:0 15px 0 0;float: right;}
  .logo{width: 80%;padding:25px 0;text-align: center;margin:0 auto;float: none;}
  .gp-subNav {padding:20px 0}
  .gp-subNav dd{width: 33.3%;text-align: center;float: left;}
  .f3,.f4{width: 48%;}
}
@media screen and (max-width:640px) {
  .gp-search input, .gp-search button,.gp-ser{height: 45px;line-height: 45px;}
  .searchSelect{top: 7px;width: 60px;}
  .gp-search input.notxt{padding-left: 70px;}
  .ssList{left: 0;width: 110%;}
  .ssList li{padding:8px 10px;font-size: 12px;}
  
}
@media screen and (max-width:420px) {
  .topRight a{margin-left: 10px;}
  .nav > ul > li > a{font-size: 16px;}
  .nav{margin:0 5%}
  .footerLinks,.links2{padding-left: 15px;}
  .f3, .f4,.f5{width: 100%;margin:5px auto}
}