.forie {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  background: url(../images/tishi.png) center no-repeat;

  z-index: 1000;

}





@keyframes smovex {

  from {

    transform: translateX(0px);

    opacity: 0;

  }

  to {

    transform: translateX(10px);

    opacity: 1;

  }

}

@keyframes smovey {

  from {

    transform: translateY(10px);

    opacity: 0;

  }

  to {

    transform: translateY(0px);

    opacity: 1;

  }

}

@font-face {

  font-family: 'CENTURYGOTHIC-BOLD';

  src: url("../other/CENTURYGOTHIC-BOLD.OTF");

}

@font-face {

  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';

  src: url("../other/FLAMASEMICONDENSEDULTRALIGHT.eot");

  src: url("../other/FLAMASEMICONDENSEDULTRALIGHT.eot") format("embedded-opentype"), url("../other/FLAMASEMICONDENSEDULTRALIGHT.woff2") format("woff2"), url("../other/FLAMASEMICONDENSEDULTRALIGHT.woff") format("woff"), url("../other/FLAMASEMICONDENSEDULTRALIGHT.ttf") format("truetype"), url("../other/FLAMASEMICONDENSEDULTRALIGHT.svg#FLAMASEMICONDENSEDULTRALIGHT") format("svg");

}

video {

  background-color: #000;

  display: block;

}



.sybg {

  background-color: #f5f5f5;

}



.pgbtn {

  display: inline-block;

  *zoom: 1;

  width: 23px;

  height: 23px;

}

.pgbtn.pgprev {

  background: url(../images/flex-prev.png) no-repeat center;

  background-size: 10px 23px;

}

.pgbtn.pgnext {

  background: url(../images/flex-next.png) no-repeat center;

  background-size: 10px 23px;

}



.close:hover {

  transform: rotateZ(90deg);

  transition: transform 0.3s ease 0s;

}



.lastli {

  padding-right: 0;

}



.loadingBg {

  position: fixed;

  width: 100%;

  height: 200%;

  background-color: #fff;

  top: 0;

  left: 0;

  z-index: 0;

}

.loadingBg::after {

  content: "";

  display: block;

  width: 100%;

  height: 50%;

  position: absolute;

  bottom: 0;

  left: 0;

  background-color: #f5f5f5;

}



.loadingBg .loadinglg {

  width: 107px;

  height: 18px;

  background-color: transparent;

  overflow: hidden;

  position: absolute;

  top: 25%;

  left: 50%;

  margin-top: -9px;

  margin-left: -53px;

}



.loadingBg .loadinglg .ldbg {

  width: 107px;

  height: 18px;

  position: relative;

  background: url(../images/lgldgray.png) left no-repeat;

  background-size: 107px 18px;

  z-index: 2;

}



.loadingBg .loadinglg .ldlogo {

  width: 107px;

  height: 18px;

  position: absolute;

  left: 0;

  bottom: 0;

  background: url(../images/lgldred.png) left no-repeat;

  background-size: 107px 18px;

  z-index: 3;

  animation: wave 3s infinite linear;

}



@-webkit-keyframes wave {

  0% {

    width: 0;

  }

  100% {

    width: 107px;

  }

}

.waiter {

  display: none;

  text-align: center;

  width: 100%;

  height: 48px;

  background: url(../images/waiter.gif) center no-repeat;

}



.hdpd {

  position: relative;

  height: 140px;

  background-color: #f9f9f9;

  transition: height 0.5s ease-out 0s;

  z-index: -1;

}

.hdpd.on {

  height: 70px;

  transition: height 0.5s ease-out 0s;

}



.hide {

  display: none;

}



.layermask {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.85);

  z-index: 97;

}



.noshow {

  display: none;

}



.show {

  display: block;

}



html, body {

  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;

}



header {

  background-color: #fff;

  width: 100%;

  position: fixed;

  top: -70px;

  left: 0;

  z-index: 99;

  box-shadow: 0 1px 20px rgba(0,0,0,0.15);

}

header.on {

  top: 0;

  transition: all 0.5s ease-out 0s;

}



header .wrap {

  height: 70px;

  padding-left: 5%;

  background-color: #fff;

}

footer{

  position: relative;

  z-index: 100;

}

.logo {

  width: 220px;

  height: 70px;

  display: block;

  position: relative;

  z-index: 100;

}

.logo img {

  padding-top: 2px;

  display: block;

  width: 220px;

  /*height: 44px;*/

}



.allcarbtn {

  width: 16px;

  height: 14px;

  margin-top: 8px;

  margin-right: 10px;

  position: relative;

  background: url(../images/langarr.png) no-repeat center;

  background-size: 9px 6px;

  transform:rotateZ(-180deg);

  transition:all 0.5s ease 0s;

}



.navbtn {

  width: 16px;

  height: 14px;

  margin-top: 8px;

  position: relative;

}

.navbtn .line {

  position: absolute;

  top: 0;

  left: 0;

  width: 16px;

  height: 2px;

  background-color: #004b93;

}

.navbtn .line:nth-child(1) {

  top: 0;

  transition: all 0.5s;

}

.navbtn .line:nth-child(2) {

  top: 5px;

  opacity: 1;

  transition: all 0.5s;

}

.navbtn .line:nth-child(3) {

  top: 10px;

  transition: all 0.5s;

}



.allpro.cur {

  background-color: #f5f5f5;

}

.allpro.cur .allcarbtn{

    transform:rotateZ(0deg);

    transition:all 0.5s ease 0s;

  }

.mune {

  float: left;

  border-left: 1px #ededed solid;

  border-right: 1px #ededed solid;

  margin-left: 72px;

  margin-right: 16px;

  padding: 21px 22px;

  cursor: pointer;

}

.mune span {

  font-size: 14px;

  color: #c3072c;

}

.mune.cur .navbtn .line {

  width: 14px;

}

.mune.cur .navbtn .line:nth-child(1) {

  transform-origin: left center;

  transform: rotateZ(45deg);

  transition: all 0.5s;

}

.mune.cur .navbtn .line:nth-child(2) {

  opacity: 0;

  transition: all 0.5s;

}

.mune.cur .navbtn .line:nth-child(3) {

  transform-origin: left center;

  transform: rotateZ(-45deg);

  transition: all 0.5s;

}



.lgr li {

  font-size: 14px;

}

.lgr li a {

  display: block;

  color: #333;

  padding: 21px 21px;

}

.lgr li:hover a, .lgr li.cur a {

  color: #c3072c;

}



.topnav .topnavbtn {

  margin: 0;

  border-right: none;

  display: none;

}



nav {

  float: left;

}

nav ul li {

  float: left;

  background: url(../images/topnavline.jpg) no-repeat right center;

  background-size: 1px 11px;

  position: relative;

}

nav ul li dl {

  display: none;

  position: absolute;

  top: 70px;

  margin-left: -76px;

  left: 50%;

  background-color: #fff;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);

}

nav ul li dl dd {

  width: 153px;

}

nav ul li dl dd a {

  display: block;

  padding-left: 22px;

  border-bottom: 1px #e0e0e0 solid;

  line-height: 47px;

  color: #999;

  font-size: 14px;

  position: relative;

}

nav ul li dl dd a:hover {

  color: #fff;

  background-color: #004b93;

  border-color: transparent;

}

nav ul li dl dd a:hover::after {

  content: "";

  display: block;

  width: 5px;

  height: 8px;

  position: absolute;

  top: 50%;

  right: 22px;

  margin-top: -4px;

  background: url(../images/pcnavarr.png) no-repeat center;

}

nav ul li a {

  font-size: 15px;

  color: #444;

  transition: all 0.3s;

}

nav ul li .pcnavh {

  display: block;

  line-height: 70px;

  padding: 0 20px;

  position: relative;

}

nav ul li:last-child {

  background-image: none;

}

nav ul li:hover .pcnavh {

  color: #004b93;

}

nav ul li.cur .pcnavh {

  color: #d93831;

}



.lang {

  width: 135px;

  border-left: 1px #ededed solid;

  background: url(../images/langarr.png) no-repeat 114px center;

  background-size: 9px 6px;

}

.lang a {

  padding-left: 23px;

  line-height: 70px;

  display: none;

  font-size: 18px;

  color: #004b93;

}

.lang a.cur {

  display: block;

}



.topsearch {

  position: relative;

}

.topsearch .topsearch-active {

  cursor: pointer;

  width: 70px;

  height: 70px;

  background: url(../images/searchbtn.png) no-repeat center;

  background-size: 20px 20px;

  background-color: #004b93;

}



.search-alert {

  position: fixed;

  z-index: 1006;

  background-color: #222222;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  display: none;

}

.search-alert .close {

  display: block;

  width: 18px;

  height: 18px;

  background: url(../images/yy-ico_37.png) no-repeat center;

  position: absolute;

  top: 38px;

  right: 2.6%;

  cursor: pointer;

  transition: transform 0.3s ease 0s;

}

.search-alert .topsearch-form {

  position: absolute;

  width: 94.8%;

  left: 2.6%;

  top: 50%;

  height: 124px;

  margin-top: -63px;

  border-bottom: 1px solid #515151;

}

.search-alert .topsearch-form .topsearchbtn {

  cursor: pointer;

  width: 124px;

  height: 124px;

  border: none;

  background: url(../images/searchbtn.png) no-repeat center;

  background-color: #bb0327;

  background-size: 20px 20px;

  position: absolute;

  right: 0;

  bottom: 0;

  z-index: 1001;

  outline: none;

}

.search-alert .topsearch-form .topsearchtx {

  border: none;

  font-size: 52px;

  height: 124px;

  line-height: 124px;

  text-align: center;

  width: 100%;

  box-sizing: border-box;

  color: #555;

  background: none;

  padding-left: 88px;

  padding-right: 80px;

  background: url(../images/ico_36.png) no-repeat 35px 53px;

  outline: none;

}

.sybd{

  position: relative;

  overflow:hidden;

}

.sybd .loader{

  top:30%;

}

.sybd>img{

  width: 100%;

}

.banner.flexslider{

  overflow:hidden;

  z-index: 2;

}

.banner ul {

  height: 100%;

}

.banner ul li {

  width:100%;

  /*height: 100%;*/

  min-height: 446px;

  position: relative;

  overflow: hidden;

}

.banner ul li img{

  opacity: 0;

}

.banner ul li .banloader{

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: #fff;

}

.banner ul li .loader{

  width: 50px;

  height: 50px;

  position: absolute;

  top: 50%;

  left: 50%;

  margin: -25px 0 0 -25px;

  font-size: 10px;

  border-top: 1px solid rgba(0, 0, 0, 0.08);

  border-right: 1px solid rgba(0, 0, 0, 0.08);

  border-bottom: 1px solid rgba(0, 0, 0, 0.08);

  border-left: 1px solid rgba(0, 0, 0, 0.5);

  border-radius: 50%;

  -webkit-animation: spinner 700ms infinite linear;

  -webkit-animation: spinner 700ms infinite linear;

}

.banner ul li video {

  position: absolute;

  top: 0;

  left: 0;

}

.mbanner{

  display: none;

  overflow: hidden;

}

.mbanner ul {

  height: 100%;

}

.mbanner ul li {

  height: 100%;

  position: relative;

  overflow: hidden;

}

.mbanner ul li a{

  display: block;

  width: 100%;

  height: 100%;

  position: relative;

}

.mbanner ul li a span{

  display: block;

  z-index: -1;

}

.mbanner ul li img{

  opacity: 0;

  filter: alpha(opacity=0);

}

.mbanner ul li video {

  position: absolute;

  top: 0;

  left: 0;

  background-color: #000;

}

.mbanner .flex-control-nav{

  bottom:10px;

}

.flex-control-nav li {

  width: 14px;

  height: 14px;

  border: 1px #fff solid;

  border-radius: 50%;

  overflow: hidden;

}

.flex-control-nav li .flex-active::before {

  content: "";

  display: block;

  width: 8px;

  height: 8px;

  background-color: #fff;

  border-radius: 50%;

  margin-left: 3px;

  margin-top: 3px;

}



.flex-control-paging li a {

  width: 14px !important;

  height: 14px !important;

}



.synewpro .tit {

  padding: 25px 0;

  background-color: #f9f9f9;

}

.synewpro .tit h2 {

  display: inline-block;

  *display: inline;

  font-size: 32px;

  line-height: 1;

  color: #333;

  margin-left: 5%;

  padding-right: 18px;

  vertical-align: top;

}

.synewpro .tit .tx {

  display: inline-block;

  *display: inline;

  vertical-align: text-top;

  font-size: 18px;

  line-height: 24px;

  color: #333;

}



.pdlt .tit {

  padding: 28px 0 22px;

}

.pdlt .tit h2 {

  font-size: 28px;

}



.synewproli {

  position: relative;

  top: 120px;

  opacity: 0;

}

.mobsynewproli{

  display: none;

}



.synewprotit {

  display: none;

  width: 50%;

  height: 285px;

  padding: 0 5%;

  box-sizing: border-box;

  text-align: center;

  box-shadow: inset 1px 0 0 #f9f9f9;

  background-color: #f9f9f9;

}

.synewprotit h2 {

  font-size: 28px;

  color: #333;

  padding: 40px 0;

  line-height: 1;

  font-weight: bolder;

  position: relative;

  top: 50%;

  margin-top: -54px;

}



.morebtn {

  display: block;

  width: 44px;

  height: 44px;

  margin-top: 10%;

  border-radius: 50%;

  background: url(../images/more.png) no-repeat center;

  background-size: cover;

  transition: all 0.5s ease 0s;

}

.morebtn:hover {

  background: url(../images/morecur.png) no-repeat center;

  background-size: cover;

  transition: all 0.5s ease 0s;

}



.nybtn {

  border-radius: 50%;

  border: solid 1px rgba(255, 255, 255, 0.4);

  background: none;

  position: relative;

}

.nybtn::before {

  content: "";

  display: block;

  width: 44px;

  height: 44px;

  position: absolute;

  top: 0;

  left: 0;

  background: url(../images/darr.png) no-repeat center;

  background-size: cover;

  animation: ud 1.2s infinite linear;

  -webkit-animation: ud 1.2s infinite linear;

}

.nybtn:hover {

  background: none;

}



@-webkit-keyframes ud {

  0% {

    transform: translateY(-25px);

    opacity: 0;

  }

  40% {

    opacity: 1;

    transform: translateY(0px);

  }

  60% {

    opacity: 1;

    transform: translateY(0px);

  }

  100% {

    transform: translateY(25px);

    opacity: 0;

  }

}

@keyframes ud {

  0% {

    transform: translateY(-25px);

    opacity: 0;

  }

  40% {

    opacity: 1;

    transform: translateY(0px);

  }

  60% {

    opacity: 1;

    transform: translateY(0px);

  }

  100% {

    transform: translateY(25px);

    opacity: 0;

  }

}

.pro {

  float: left;

  width: 33.333%;

  height: 416px;

  padding-top: 56px;

  padding-left: 5%;

  box-sizing: border-box;

  box-shadow: inset 1px 0 0 #f9f9f9;

  border-bottom: 1px solid #f9f9f9;

  position: relative;

  background-color: #fff;

  overflow: hidden;

}

.pro:hover .proimg {

  right: 0;

  transition: all 0.5s;

}

.pro:hover .protit {

  left: 15px;

  transition: all 0.5s;

}

.pro .protit {

  position: relative;

  z-index: 3;

  left: 0;

  transition: all 0.5s ease 0s;

}

.pro .protit h2 {

  font-size: 28px;

  color: #333;

  line-height: 1;

  margin-bottom: 10px;

}

.pro .protit p {

  font-size: 18px;

  color: #666;

  line-height: 24px;

}

.pro .proimg {

  display: block;

  position: absolute;

  right: 30px;

  bottom: 40px;

  transition: all 0.5s;

  width: 66%;

  z-index: 2;

}

.pro .proimg img {

  width: 100%;

  height: auto;

}


.f5{
	background: #f5f5f5;
	padding-bottom:50px;
}

.w1819{
	max-width: 1819px;
	width: 100%;
	margin: 0 auto;
}
.wel-two-nav{
	background: #fff;
	position: relative;
}
.wel-tn-left{
	float: left;
}
.wel-tn-left{
	float: left;
	font-size: 28px;
	line-height: 90px;
	color: #333
}
.wel-tn-left span{
	padding-left:25px ;
	font-size: 20px;
	color: #666
}
.wel-tn-right{
	float: right;
	line-height: 90px;
	font-size: 15px;
	color: #999;
	padding-right: 16px;
	background: url(../images/img_3.png) no-repeat center right;
	transition:all 0.3s;
}
#swiper2 .swiper-slide{
	padding: 50px 0px 34px 0px;
	background: #fff;
	cursor: pointer;
	position: relative;
	top: 50px;
}
#swiper2{
	margin-top:50px;	
}
#swiper2 a{
	display: block;
	width: 100%;
	height: 100%;
}
#swiper2 .swiper-button-prev{
	background: url(../images/img_145.png) no-repeat center center;
	margin-top: 10px;
}
#swiper2 .swiper-button-next{
	background: url(../images/img_144.png) no-repeat center center;
	margin-top: 10px;
}

 
.wel-two-work h2{
	font-size: 20px;
	color: #333;
	line-height: 30px;
	/*height: 45px;*/
	overflow: break-all;
	padding-left:50px;
	/*text-overflow:ellipsis;*/
	/*white-space: nowrap;*/
}
.wel-two-work p{
	font-size: 14px;
	color: #666;
	/*line-height: 30px;*/
	/*height: 30px;*/
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	padding-left:50px;
	/*margin-bottom: 14px;*/
}
.wel-two-work ul{
	display: none;
	transition:all 0.3s;
}
.wel-two-work li{
	float: left;
	border-radius: 100%;
	width: 12px;
	height: 12px;
	margin: 0 1px;
}
.wel-two-work h3{
	font-size: 12px;
	color: #333;
	line-height: 14px;
	height: 14px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	transition:all 0.3s;
}
.wel-two-work-right{
	float: right;
	max-width: 340px;
	text-align: center;
	width: 68% ;
	position: relative;
}
.wel-two-work-right .blck{
	display: block;
	width: 100%;
	max-width: 340px;
	margin: 0 auto;
	transition:all 0.5s;

}
.wel-two-work-right .none{
	display: block;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	width: 100%;
	margin: 0 auto;
	max-width: 340px;
	transition:all 0.5s;
}
.wel-two-work-left{
	float: left;
	width: 32%;
	overflow: hidden;
}
.wel-two-work {
	position: relative;
}
.wel-two-workbt h6{
	width: 130px;
	display: block;
	height: 38px;
	background: #004b93;
	border:1px solid #004b93;
	border-radius: 50px;
	font-size: 12px;
	color: #fff;
	line-height: 38px;
	text-align: center;
	float: right;
	margin-top: 10px;
}
.wel-two-workbt h5{
	float: left;
}
.wel-two-workbt h5 img{
	width: 100%;
}
.wel-two-workbt{
	/*display: none;*/
	opacity: 0;
	filter: alpha(opacity=0);
	width: 100%;
	position: absolute;
	left: 0;
	bottom:0;
	z-index: 5;
	/*min-height: 59px;*/
	transition:all 0.3s;
}
#swiper2 .swiper-paginatione{
	position: relative;
	bottom:0;
	padding: 43px 0
}

@media (min-width: 1025px){
#swiper2 .swiper-slide:hover ul{
		display: block;
	}
	#swiper2 .swiper-slide:hover .wel-two-work h3{
		display: none;
		transition:all 0.3s;
	}
	#swiper2 .swiper-slide:hover .wel-two-work h2{
		/*display: none;*/
		color: #004b93;
		transition:all 0.3s;
	}
	#swiper2 .swiper-slide:hover .wel-two-work-right .blck{
		display: block;
		opacity: 0;
		filter: alpha(opacity=0);
		transition:all 0.5s;
	}
	#swiper2 .swiper-slide:hover .wel-two-work-right .none{
		display: block;
		opacity: 1;
		filter: alpha(opacity=100);
		transition:all 0.5s;
	}
	#swiper2 .swiper-slide:hover .wel-two-workbt{
		opacity: 1;
		filter: alpha(opacity=100);
		transition:all 0.3s;
	}
}
@media (max-width: 1830px){
	.w1819{
		width: 92%;
	}
}
@media (max-width: 1430px){
.wel-tn-left,.wel-tn-right{
		line-height: 100px;
	}
	.wel-tn-left{
		font-size: 24px;
	}
	.wel-tn-left span{
		font-size: 18px;
		padding-left: 15px;
	}
}
@media (max-width: 1024px){
.wel-tn-left, .wel-tn-right{
		line-height: 80px;
	}
	.wel-tn-left span{
		font-size: 14px;
	}
	.wel-tn-left{
		font-size: 18px;
	}
}
@media (max-width:580px){
.wel-tn-left, .wel-tn-right{
		line-height: 50px
	}
}
@media (max-width:480px){
	.wel-tn-left span{
		font-size: 12px;
		padding-left: 5px;
		display: none;
	}
}
@media (max-width: 1400px){
.wel-two-work{
		padding-bottom: 30px;
	}
	.wel-two-work-left{
		width: 40%
	}
	.wel-two-work-right{
		width: 60%
	}
}


.syv {

  background-color: #004b93;

  border-bottom: 10px #fff solid;

  position: relative;

}

.syv .syvideo {

  width: 60%;

  position: relative;

  overflow: hidden;

}

.syv .syvideo-mob{

	display: none;

}

.syv .syvideo img {


}

.syv .syvideo b {

  display: block;

  width: 81px;

  height: 81px;

  background: url(../images/syvi.png) no-repeat center;

  background-size: 81px 81px;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -40px;

  margin-left: -40px;

}

.syv .syvtx {

  width: 40%;

  box-sizing: border-box;

  padding-left: 4%;

  padding-right: 4%;

  padding-top: 5%;

}

.syv .syvtx i {

  display: block;

  width: 48px;

  height: 3px;

  background-color: #fff;

  margin: 24px 0 40px;

}

.syv .syvtx .ht {

  font-size: 26px;

  color: #fff;

  line-height: 48px;

}

.syv .syvtx .ht span {

  display: block;

}

.syv .syvtx .ct {

  font-size: 18px;

  color: #fff;

}

.syv .syvtx .bt {

  font-size: 12px;

  line-height: 18px;

  color: #fff;

  max-width: 400px;

}



.learnmore {

  display: block;

  width: 198px;

  height: 50px;

  line-height: 50px;

  margin-top: 30px;

  border: 2px #fff solid;

  position: relative;

  transition: all 0.5s ease 0s;

}

.learnmore .btntx {

  position: absolute;

  top: 0;

  left: 0;

  padding-left: 18px;

  box-sizing: border-box;

  display: block;

  font-size: 14px;

  color: #fff;

  width: 100%;

  height: 100%;

  background: transparent url(../images/learnarr.png) no-repeat 160px center;

  background-size: 8px 14px;

  z-index: 2;

  transition: all 0.5s ease 0s;

}

.learnmore .btnbg {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 0;

  height: 100%;

  background-color: #f5f5f5;

  transition: width 0.5s ease 0s;

  z-index: 1;

}

.learnmore:hover {

  border-color: #f5f5f5;

  transition: all 0.5s ease 0s;

}

.learnmore:hover .btntx {

  color: #333;

  background: rgba(245, 245, 245, 0.25) url(../images/learnarrcur02.png) no-repeat 160px center;

  background-size: 8px 14px;

  transition: all 0.5s ease 0s;

}

.learnmore:hover .btnbg {

  width: 100%;

  transition: width 0.5s ease 0s;

}

.learnmore_1 {

  display: block;

  width: 198px;

  height: 50px;

  line-height: 50px;

  margin-top: 30px;

  border: 2px #cecece solid;

  position: relative;

  transition: all 0.5s ease 0s;

}

.learnmore_1 .btntx {

  position: absolute;

  top: 0;

  left: 0;

  padding-left: 18px;

  box-sizing: border-box;

  display: block;

  font-size: 14px;

  color: #666;

  width: 100%;

  height: 100%;

  background: transparent url(../images/learnarrcur03.png) no-repeat 160px center;

  background-size: 8px 14px;

  z-index: 2;

  transition: all 0.5s ease 0s;

}

.learnmore_1 .btnbg {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 0;

  height: 100%;

  background-color: #004b93;

  transition: width 0.5s ease 0s;

  z-index: 1;

}

.learnmore_1:hover {

  border-color: #004b93;

  transition: all 0.5s ease 0s;

}

.learnmore_1:hover .btntx {

  color: #fff;

  background: rgba(0, 75, 147, 0.25) url(../images/learnarr.png) no-repeat 160px center;

  background-size: 8px 14px;

  transition: all 0.5s ease 0s;

}

.learnmore_1:hover .btnbg {

  width: 100%;

  transition: width 0.5s ease 0s;

}

.synews {

  background-color: #f5f5f5;

  position: relative;

}



.synewstit {

  width: 33.333%;

  height: 100%;

  box-sizing: border-box;

  padding-top: 6%;

  padding-left: 5%;

  padding-right: 5%;

  position: absolute;

  top: 0;

  left: 0;

}

.synewstit h2 {

  text-transform: uppercase;

  font-size: 94px;

  color: #333;

  line-height: 1;

  margin-left: -5px;

  font-family:'Anton';

}

.synewstit h3 {

  font-size: 42px;

  color: #4d4d4f;

  line-height: 1;

  margin-top: 20px;

  margin-bottom: 10px;

}

.synewstit .newsp {

  font-size: 18px;

  color: #888;

  line-height: 26px;

  min-height: 25%;

}



.newsli {

  width: 66.666%;

}



.news {

  width: 50%;

  box-shadow: inset 1px 0 0 #ecedf1;

  background-color: #fff;

}

.news .synewsimg {

  display: block;

  width: 100%;

  overflow: hidden;

  /*background-color: #000;*/

  position: relative;

}

.news .synewsimg::after{

	content:"";

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	top:0;

	left:0;

	z-index: 2;

	background-color: rgba(0,0,0,0.25);

	opacity: 0;

	filter: alpha(opacity=0);

	transition:all 0.5s ease 0s;

}

.news .synewsimg img {

  width: 100%;

  display: block;

  transform: scale(1.01);

  vertical-align: top;

  transition: all 0.5s ease 0s;

}

.news .synewsimg:hover img {

  /*opacity: 0.7;*/

  transform: scale(1.07);

  transition: all 0.5s ease 0s;

}

.news .synewsimg:hover::after{

	opacity: 1;

	filter: alpha(opacity=100);

	transition:all 0.5s ease 0s;

}

.news .newsbrief {

  padding: 42px 40px;

  position: relative;

  z-index: 3;

}

.news .newsbrief h2 {

  line-height: 1.2;

  font-size: 24px;

  color: #2b2b2f;

  margin-bottom: 10px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  width: 100%;

}

.news .newsbrief p {

  font-size: 14px;

  color: #888;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  width: 100%;

}

.news .newsbrief .morebtn {

  margin-top: 10%;

}



.synews .newsli .news {

  background-color: #fff;

}



.syjoin {

  overflow: hidden;

}



.querystore {

  vertical-align: top;

  width: 33.333%;

  box-shadow: inset -1px 0 0 #ecedf1;

}



.join {

  vertical-align: top;

  width: 66.666%;

  height: 100%;

  position: relative;

}

.join .jointx {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 50%;

  background-color: #fff;

  padding:42px 38px;

  box-sizing: border-box;

}

.join .synewsimg {

  height: 100%;

  width: 100%;

  /*background-color: #000;*/

}

.join .synewsimg img {

  width: 100%;

  height: 100%;

  transform: scale(1.01);

  transition: all 0.5s ease 0s;

}

.join .synewsimg:hover img {

  opacity: 0.7;

  transform: scale(1.01);

  transition: all 0.5s ease 0s;

}


.section_autologo1{ height: 90px; width: 100%; margin: 0 auto;bottom: 15px;}
.autologo_btn_left,.autologo_btn_left1{height: 120px; float: left; margin:25px 0 0 3%; background: url('../images/icon.png') no-repeat -19px 0;width: 18px;height: 41px;position: relative; z-index: 10;}
.autologo_btn_left:hover,.autologo_btn_left1:hover{background: url('../images/icon.png') no-repeat 0 -44px;width: 18px;height: 41px; cursor: pointer;}
.autologo_btn_right,.autologo_btn_right1{height: 120px; float: right; margin:25px 3% 0 0;background: url('../images/icon.png') no-repeat 0px 0;width: 18px;height: 41px; position: relative; z-index: 10}
.autologo_btn_right:hover,.autologo_btn_right1:hover{background: url('../images/icon.png') no-repeat -20px -44px;width: 18px;height: 41px; cursor: pointer;}
#autologo_img,#autologo_img1{width: 84%; height: 92px; margin: 5px auto 30px; position: relative; overflow: hidden;}
#autologo_img img,#autologo_img1 img{height: 80px; width: auto; position: absolute;}	


.fthead {

  padding-left: 3%;

  padding-right: 3%;

  padding-top: 50px;

  padding-bottom: 22px;

  background-color: #292b33;
  
  border-bottom:1px #3f4148 solid;

}

.fthead p{

  font-size:20px;
  
  color:#ffffff;
  
  padding-top:10px;

}

@media(max-width:481px){
.fthead {

  padding-left: 3%;

  padding-right: 3%;

  padding-top: 20px;

  padding-bottom: 22px;

  background-color: #292b33;
  
  border-bottom:1px #3f4148 solid;

}

.fthead p{

  font-size:16px;
  
  color:#ffffff;
  
  padding-top:10px;

}

}

.fttop {

  padding-left: 3%;

  padding-right: 3%;

  padding-top: 50px;

  padding-bottom: 112px;

  background-color: #292b33;

}



.botlink {

  width: 80%;

}

.botlink .col {

  width: 20%;

}

.botlink .col dt {

  color: #fff;

  font-size: 22px;

  margin-bottom: 20px;

}

.botlink .col dd {

  line-height: 32px;

}

.botlink .col dd a {

  color: #adadaf;

  font-size: 16px;

}

.botlink .col dd a:hover {

  color: #fff;

  transition: all 0.5s;

}



.ftbot {

  background-color: #292b33;
  
  border-top:1px #3f4148 solid;

}

.ftbot .wrap {

  padding: 16px 0;

}

.ftbot p {

  font-size: 15px;

  color: #adadaf;

}

.ftbot p a {

  color: #adadaf;

}

.ftbot p a:hover {

  color: #fff;

  transition: all 0.5s;

}



.copyright {

  margin-left: 35px;

}

.copyright a {

  padding: 0 5px;

}



.ftlink {

  margin-right: 15px;

}

.ftlink a {

  padding: 0 20px;

  background: url(../images/ftlinkline.jpg) no-repeat right center;

  background-size: 1px 10px;

}

.ftlink a:last-child {

  background: none;

}



.focus {

  width: 20%;

}

.focus h2 {

  font-size: 22px;

  color: #fff;

  margin-bottom: 20px;

}



.share {

  padding-bottom: 20px;

  border-bottom: 1px #3c3c42 solid;

}

.share .bdsharebuttonbox a {

  display: inline-block;

  *zoom: 1;

  width: 40px;

  height: 40px;

  padding: 0;

  margin-right: 20px;

}

.share .bdsharebuttonbox a.bds_weixin {

  background: url(../images/wx.png) center no-repeat;

  background-size: cover;

}

.share .bdsharebuttonbox a.bds_tsina {

  background: url(../images/xl.png) center no-repeat;

  background-size: cover;

}



.code {

}

.code p {

  font-size: 15px;

  color: #adadaf;

  line-height: 20px;
  
  text-align:center;
  
  padding-top:10px;

}

.code p.telnum {

  color: #fff;

  font-size: 24px;

  padding-top: 14px;

}



.leadin {
  
  padding-top:2%;
  
  padding-bottom:2%;

  background-color: #f9f9f9;

}

.leadin h2{

  font-size:24px;

  color:#333;
  
  text-align:center;

}

.blue_icon{display: block;width: 42px;height: 3px;background: #004b93;margin: 10px auto 30px auto;}


.nybd {

  width: 100%;

  overflow: hidden;

  position: relative;

}

.nybd a{

  display: block;

}

.nybd>a{

  height:100%;

}

.nybd img {

  width: 100%;

}



.bdtx {

  position: absolute;

  left: 5%;

  top: 30%;

  height: 80px;

}

.newsbdtx{

  left:12%;

}

.bdtx h2 {

  font-size: 44px;

  color: #fff;

  text-shadow: 0 0 8px #333;

  line-height: 1;

  font-family: "CENTURYGOTHIC-BOLD",黑体;

}

.bdtx i {

  display: block;

  width: 40px;

  height: 2px;

  background-color: #fff;

  margin-top: 30px;

}

.bdtx h3 {

  font-size: 24px;

  color: #fff;

  line-height: 1.35em;

  margin-top: 4%;

  text-shadow: 0 0 8px #333;

  max-width: 520px;

}

.flashbdtx .entx{

  font-size:16px;

  color: #fff;

  line-height:22px;

}

.flashbdtx h2{

  font-size: 16px;

  color: #fff;

  line-height: 1.3;

}

.flashbdtx h3{

  font-size: 48px;

  color: #fff;

  margin-top:8%;

}

.nybuybtn {

  width:180px;

  padding:20px;

  background-color: #bb0327;

  position: relative;

  margin-top:8%;

  line-height:1;

}

.nybuybtn span{

  color: #fff;

}

.nybuybtn i{

  display: block;

  width: 8px;

  height: 14px;

  background:url(../images/nybuybtn.png) no-repeat center;

  background-size:cover;

  position: absolute;

  right:24px;

  top:50%;

  margin-top:-7px;

}

.nybuybtn:hover i{

  animation: anileft infinite linear 1.5s normal;

  -webkit-animation: anileft infinite linear 1.5s normal;

}

@-webkit-keyframes anileft {

  0% {

    transform: translateX(-10px);

  }

  50%{

    transform: translateX(0);

  }

  100% {

    transform: translateX(10px);

  }

}

@keyframes anileft {

  0% {

    transform: translateX(-10px);

  }

  50%{

    transform: translateX(0);

  }

  100% {

    transform: translateX(10px);

  }

}

.loadbtn {

  padding: 60px 0 60px;

}

.loadbtn a {

  display: block;

  margin: 0 auto;

  width: 250px;

  height: 65px;

  text-align: center;

  line-height: 65px;

  font-size: 16px;

  /*box-shadow: 0 0 30px rgba(0,0,0,0.15);*/

  background-color: #fff;

  color: #333;

  transition:all 0.5s ease 0s;

}

.loadbtn a:hover {

  background-color: #bb0327;

  color: #fff;

  transition:all 0.5s ease 0s;

}



.pdlt{

  padding-bottom:60px;

}

.pdlt .loadbtn{

  padding-bottom:0;

}

.pdlt .loadbtn a{

  box-shadow: 0 0 30px rgba(0,0,0,0.15);

}



.allcars {

  position: fixed;

  width: 100%;

  top: 70px;

  z-index: 999;

  overflow-x: hidden;

  background-color: #fff;

}

.allcars ul li {

  position: relative;

  left: 20px;

  top: 0;

  opacity: 0;

  width: 25%;

  float: left;

  box-shadow: inset 1px 0 1px #f9f9f9;

  box-shadow: inset 0 1px 1px #f9f9f9;

}

.allcars ul li:hover .carimg {

  background-color: #000;

}

.allcars ul li:hover .carimg img {

  width: 100%;

  opacity: 0.8;

  transition: all 0.5s ease 0s;

}

.allcars ul li:hover .carbrief .carmore {

  padding-left: 30px;

  background: url(../images/cararr.png) no-repeat left center;

  background-size: 8px 13px;

  transition: all 0.5s ease 0s;

}

.allcars ul li .carimg {

  display: block;

  width: 100%;

}

.allcars ul li .carimg img {

  width: 100%;

  transition: all 0.5s ease 0s;

}

.allcars ul li .carbrief {

  text-align: center;

}

.allcars ul li .carbrief .brief {

  padding: 6%;

  border-bottom: 1px #f9f9f9 solid;

}

.allcars ul li .carbrief .brief h2 {

  font-size: 22px;

  color: #333;

}

.allcars ul li .carbrief .brief .des {

  font-size: 14px;

  color: #666;

  line-height: 16px;

  height:32px;

  overflow: hidden;

}

.allcars ul li .carbrief .carmore {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  font-size: 14px;

  color: #b90022;

  padding: 9px 0;

  padding-left: 40px;

  background: url(../images/cararr.png) no-repeat left center;

  background-size: 8px 13px;

  transition: all 0.5s ease 0s;

}



.intro {

  padding-left: 5%;

  padding-right: 15%;

  padding-top: 2.0%;

  padding-bottom: 2.5%;

}

.intro h2 {

  font-size: 30px;

  color: #333;

  margin-bottom: 1%;

}

.intro .tx {

  font-size: 16px;

  color: #666;

  line-height: 28px;

  text-align: left;

}



.data {

  margin-top: 4%;

}

.data .member, .data .work {

  width: 216px;

  margin-right: 80px;

  background: url(../images/dataline.jpg) no-repeat right center;

}

.data .num {

  font-size: 48px;

  color: #bb0327;

  line-height: 1;

}

.data .num i {

  font-style: normal;

  font-family: 'CENTURYGOTHIC-BOLD',黑体;

}

.data .num span {

  font-size: 18px;

  margin-left: 5px;

}

.data .sm {

  padding-left: 25px;

}



.theone {

  padding-left: 5%;

  background-color: #f9f9f9;

}

.theone .oneimg {

  width: 66.666%;

  overflow: hidden;

  background-color: #000;

}

.theone .oneimg img {

  width: 100%;

  opacity: 1;

  transition: all 0.5s ease 0s;

}

.theone .oneimg:hover img {

  transform: scale(1);

  opacity: 0.7;

  transition: all 0.5s ease 0s;

}

.theone .onetx {

  width: 33.333%;

  padding-top: 8%;

  padding-right: 5%;

  box-sizing: border-box;

}

.theone .onetx .dev {

  font-size: 16px;

  color: #999;

  line-height: 22px;

  margin-bottom: 5%;

}

.theone .onetx h2 {

  font-size: 24px;

  color: #333;

  line-height: 28px;

}

.theone .onetx i {

  display: block;

  width: 46px;

  height: 3px;

  background-color: #858585;

  margin: 6% 0 12%;

}

.theone .onetx h3 {

  font-size: 16px;

  color: #333;

  line-height: 28px;

}

.theone .onetx .des {

  font-size: 14px;

  color: #666;

  line-height: 28px;

  margin-top: 10%;

}



.history {

  padding:1.0% 5%;

}

.history .tit h2 {

  font-size: 36px;

  color: #333;

}

.history .tit i {

  display: block;

  width: 50px;

  height: 2px;

  background-color: #8a8b8b;

}

.history .years {

  padding: 1.5% 0 0;

}

.history .years li {

  float: left;

  box-sizing: border-box;

  position: relative;

}

.history .years li::after {

  content: "";

  display: block;

  width: 1px;

  height: 90%;

  position: absolute;

  right: -30px;

  top: 5%;

  background-color: #e5e5e5;

}

.history .years li .year {

  font-size: 48px;

  color: #333;

  font-weight: bolder;

  line-height: 1;

  margin-bottom: 5%;

  font-family: "CENTURYGOTHIC-BOLD";

}

.history .years li .year span {

  font-size: 14px;

  color: #666;

}

.history .years li .yeartx {

  font-size: 14px;

  line-height: 24px;

  color: #666;

}

.history .years .flex-control-nav {

  position: static;

  height: 40px;

  margin-top: 20px;

}

.history .years .flex-control-nav li {

  display: none;

}

.history .years .flex-direction-nav {

  z-index: 2;

  height: 40px;

  margin-top: -40px;

  position: relative;

}

.history .years .flex-direction-nav a {

  width: 40px;

  height: 40px;

  opacity: 1;

  margin: 0;

}

.history .years .flex-direction-nav .flex-prev {

  left: 0;

  background: url(../images/flex-prev.png) no-repeat center;

  background-size: 13px 23px;

}

.history .years .flex-direction-nav .flex-next {

  right: auto;

  left: 120px;

  background: url(../images/flex-next.png) no-repeat center;

  background-size: 13px 23px;

}

.history .years .page {

  margin-top: -44px;

  margin-left: 50px;

  font-size: 24px;

  color: #333;

}

.history .years .page .curpage {

  margin-right: 5px;

}

.history .years .page .total {

  margin-left: 5px;

}

.history .pager {

  font-size: 18px;

}

.history .pager a {

  vertical-align: text-bottom;

  color: #666;

}

.history .pager a:hover {

  color: #333;

}

.history .pager .curr {

  margin-left: 20px;

  margin-right: 10px;

}

.history .pager .total {

  margin-right: 20px;

  margin-left: 10px;

}



.stores {

  padding-bottom: 0;

}

.stores .storeli{

  padding-top:2.0%;

}

.stores .storeli ul li::after {

  width: 0;

  height: 0;

}

.stores .storeli ul li .store {

  display: block;

  width: 100%;

  overflow: hidden;

  position: relative;

}

.stores .storeli ul li .store::after{

	content: "";

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	top:0;

	left:0;

	background-color: rgba(0,0,0,0.25);

	z-index: 2;

	opacity: 0;

}

.stores .storeli ul li .store img {

  width: 100%;

  transition: all 0.5s ease 0s;

}

/*.stores .storeli ul li:hover .store{

  background-color: #000;

}*/

.stores .storeli ul li:hover .store::after {

  opacity: 1;

}

.stores .storeli ul li:hover .store img {

  transform: scale(1.07);

  /*opacity: 0.7;*/

  transition: all 0.5s ease 0s;

}



.storetx {

  padding-top: 6%;

}

.storetx h2 {

  font-size: 18px;

  color: #333;

  line-height: 28px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  width: 100%;

  margin-bottom: 10px;

}

.storetx .tx {

  font-size: 14px;

  line-height: 24px;

  color: #666;

  margin-bottom: 5%;

  height:48px;

  overflow: hidden;

}

.storetx .dtlbtn {

  font-size: 14px;

  color: #999;

  line-height: 18px;

}

.storetx .dtlbtn:hover {

  color: #c3072c;

  transition: all 0.5s;

}



.lmore {

  padding-bottom: 2.0%;

  padding-right: 0;

  padding-top:2%;

}

.lmore .lmoreli{

  padding-top:2.0%;

}

.lmore .lmoreli ul li {

  width: 25%;

  padding: 0;

  padding-right: 3%;

  box-shadow: none;

  position: relative;

  left: 10%;

  opacity: 0;

}

.lmore .lmoreli ul li::after {

  width: 0;

  height: 0;

}

.lmore .lmoreli ul li .lmoreimg {

  display: block;

  width: 100%;

  overflow: hidden;

  position: relative;

}

.lmore .lmoreli ul li .lmoreimg img {

  width: 100%;

  opacity: 1;

  transition: all 0.5s ease 0s;

}

/*.lmore .lmoreli ul li:hover .lmoreimg {

  background-color: #000;

}*/

.lmore .lmoreli ul li .lmoreimg::after{

	content: "";

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	top:0;

	left:0;

	background-color: rgba(0,0,0,0.25);

	z-index: 2;

	opacity: 0;

}

.lmore .lmoreli ul li:hover .lmoreimg::after{

	opacity: 1;

	transition:all 0.5s ease 0s;

}

.lmore .lmoreli ul li:hover .lmoreimg img {

  transform: scale(1.07);

  /*opacity: 0.7;*/

  transition: all 0.5s ease 0s;

}



.culture {

  padding-bottom: 0;

  padding-right: 0;

}

.culture .culli ul li {

  width: 25%;

  padding: 0;

  padding-right: 3%;

  box-shadow: none;

}

.culture .culli ul li::after {

  width: 0;

  height: 0;

}

.culture .culli ul li .culimg {

  display: block;

  width: 100%;

  overflow: hidden;

}

.culture .culli ul li .culimg img {

  width: 100%;

  opacity: 1;

  transition: all 0.5s ease 0s;

}

.culture .culli ul li:hover .culimg {

  background-color: #000;

}

.culture .culli ul li:hover .culimg img {

  transform: scale(1.07);

  opacity: 0.7;

  transition: all 0.5s ease 0s;

}



.speech {

  background-color: #f9f9f9;

  padding-left: 5%;

}

.speech .ceotx {

  width: 55%;

  box-sizing: border-box;

  padding-top: 6%;

  padding-right: 5%;

}

.speech .ceotx h2 {

  font-size: 30px;

  color: #333;

  line-height: 1;

}

.speech .ceotx i {

  display: block;

  width: 40px;

  height: 3px;

  background-color: #c2c2c2;

  margin: 5% 0 6%;

}

.speech .ceotx h3 {

  font-size: 24px;

  color: #333;

  line-height: 28px;

  margin-bottom: 5%;

}

.speech .ceotx .descn {

  font-size: 14px;

  color: #333;

  line-height: 24px;

  margin-bottom: 2%;

}

.speech .ceotx .descn p {

  margin-bottom: 5px;

}

.speech .ceotx .desen {

  font-size: 12px;

  color: #666;

  line-height: 22px;

}

.speech .ceoimg {

  width: 45%;

  position: relative;

}

.speech .ceoimg em {

  display: block;

  width: 100%;

  overflow: hidden;

  background-color: #000;

}

.speech .ceoimg em img {

  width: 100%;

  transition: all 0.5s ease 0s;

  opacity: 1;

}

.speech .ceoimg:hover em img {

  transform: scale(1.05);

  transition: all 0.5s ease 0s;

  opacity: 0.9;

}

.speech .ceoimg .ceoname {

  background-color: #bb0327;

  box-sizing: border-box;

  width: 100%;

  padding: 5% 5%;

  position: absolute;

  bottom: 0;

  right: 0;

}

.speech .ceoimg .ceoname h2 {

  font-size: 56px;

  color: #fff;

  font-weight: bolder;

  line-height: 1;

  font-family: "CENTURYGOTHIC-BOLD";

}

.speech .ceoimg .ceoname p {

  font-size: 22px;

  color: #fff;

}



.culture .years ul {

  padding-bottom: 0;

}

.culture .years ul li {

  margin-bottom: 20px;

}



.title {

  font-size: 36px;

  color: #333;

  line-height: 1;

  padding-top: 4%;

  padding-bottom: 4%;

}



.revd {

  padding-left: 5%;

  padding-right: 5%;
  
  padding-bottom:5%;

}



.dtlbox .bimg {

  width: 50%;

  border: solid 1px #f5f5f5;

  box-sizing: border-box;

  background: url(../images/loadings.gif) no-repeat center;

}



.dtlbox .bimg img {

  width: 100%;

  height: auto;

}



.dtlbox .simg {

  width: 25%;

  position: relative;

  padding: 0 1px 0;

}



.dtlbox .simg .simgmove {

  overflow: hidden;

}



.dtlbox .simg ul {

  display: block;

}



.dtlbox .simg ul li {
display:none;

  width: 100%;

  cursor: pointer;

  border-bottom: 10px solid #fff;

  position: relative;

  box-sizing: border-box;

}

.dtlbox .simg ul li p {

  position: absolute;

  width: 100%;

  bottom: 4%;

  color: #100000;

  font-size: 16px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  width: 100%;

  text-align: center;

  z-index: 3;

}

.dtlbox .simg ul li .mask {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 4;

  background: url(../images/mask.png) repeat;

}

.dtlbox .simg ul li b {

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -30px;

  margin-left: -30px;

  width: 60px;

  height: 60px;

  background: url(../images/syvi.png) no-repeat center;

  background-size: cover;

  z-index: 5;

}



.dtlbox .simg ul .cur .mask {

  background: none;

}



.dtlbox .simg ul li img {

  display: block;

  width: 100%;

  height: auto;

}



.dtlbox .upBtn {

  display: block;

  width: 30px;

  height: 17px;

  background: url(../images/prevarr.png) no-repeat top center;

  position: absolute;

  top: 10px;

  margin-left: -15px;

  left: 50%;

  z-index: 6;

}

.dtlbox .upBtn:hover {

  background: url(../images/prevarrcur.png) no-repeat bottom center;

}



.dtlbox .downBtn {

  display: block;

  width: 30px;

  height: 17px;

  background: url(../images/nextarr.png) no-repeat bottom center;

  position: absolute;

  bottom: 10px;

  margin-left: -15px;

  left: 50%;

  z-index: 6;

}

.dtlbox .downBtn:hover {

  background: url(../images/nextarrcur.png) no-repeat bottom center;

}



.dtltx {

  padding: 50px 0 0;

}



.dtltx h2 {

  font-size: 24px;

  color: #333;

  padding-bottom: 14px;

  border-bottom: solid 1px #e9e9e9;

  margin-bottom: 16px;

}



.dtltx p {

  line-height: 30px;

  color: #999;

}



.dtltx p strong {

  color: #333;

}



.vclist {

  padding-top:3.5%;

  padding-bottom: 5%;

  padding-right: 5%;

}

.vclist .tit h2 {

  font-size: 36px;

  line-height: 1;

}

.vclist .years .slides {

  /*padding-bottom: 3%;*/

}

.vclist .years .slides li {

  /*width: 33.333%;*/

  /*padding-right: 5%;*/

}

.vclist .years .slides li .storetx h2 {

  font-size: 18px;

  color: #333;

  margin-bottom: 0;

}

.vclist .years .slides li .storetx .tx {

  font-size: 12px;

  color: #999;

}

.vclist .years .slides li a {

  display: block;

  position: relative;

}

.vclist .years .slides li a .mask {

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 4;

  background: url(../images/mask.png) repeat;

}

.vclist .years .slides li a b {

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -30px;

  margin-left: -30px;

  width: 60px;

  height: 60px;

  background: url(../images/syvi.png) no-repeat center;

  background-size: cover;

  z-index: 5;

}



.yvli .slides .yv:hover .mask {

  opacity: 0.5;

  transition: all 0.5s ease 0s;

}

.yvli .slides .yv video{

  width: 100%;

}

.myvli{

	display: none;

}

.newsyears {

  box-sizing: border-box;

  padding: 5% 12% 2%;

}



.newsyear {

  max-width: 750px;

  overflow-y: hidden;

}

.newsyear ul li {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  font-size: 30px;

  color: #999;

  line-height: 1;

  vertical-align: text-bottom;

  padding-right: 20px;

  cursor: pointer;

  font-family: 'CENTURYGOTHIC-BOLD';

}

.newsyear ul li.cur {

  font-size: 48px;

  color: #333;

  font-weight: bolder;

  vertical-align: text-bottom;

}



.newssrarch input {

  padding: 0;

  margin: 0;

  outline: none;

}

.newssrarch .newsschtx {

  width: 200px;

  height: 34px;

  border: 1px #e4e4e4 solid;

  background-color: #fff;

  color: #999;

  font-size: 12px;

  padding: 0 10px;

  line-height: 34px;

}

.newssrarch .newsschbtn {

  width: 36px;

  height: 36px;

  border: 1px #8f8f8f solid;

  background: #8f8f8f url(../images/newsschbtn.png) center no-repeat;

}



.newslist {

  padding: 2% 5%;

}

.newslist .loadbtn a{

  box-shadow: 0 0 30px rgba(0,0,0,0.15);

}

.newslistli {

  overflow: hidden;

  padding-top: 3%;

  padding-bottom: 4%;

  border-bottom: 1px #f9f9f9 solid;

}

.newslistli .newsliimg{

  position: relative;

}

.newslistli .newsliimg::after{

  content:"";

  display: block;

  width: 100%;

  height: 100%;

  background-color:rgba(0,0,0,0.25);

  opacity: 0;

  filter: alpha(opacity=0);

  position: absolute;

  top:0;

  left:0;

  transition:all 0.5s ease 0s;

}

.newslistli:hover .newsliimg::after{

  opacity: 1;

  filter: alpha(opacity=100);

  transition:all 0.5s ease 0s;

}

.newslistli:hover .newsliimg img {

  /*opacity: 0.8;*/

  transform: scale(1.07);

  transition: all 0.5s ease 0s;

}



.newsliimg {

  display: block;

  width: 25%;

  overflow: hidden;

}

.newsliimg img {

  width: 100%;

  transition: all 0.5s ease 0s;

}



.newslitx {

  width: 75%;

  box-sizing: border-box;

  padding-left: 5%;

}

.newslitx h2 {

  font-size: 18px;

  color: #333;

  line-height: 22px;

  margin-bottom: 2%;

}

.newslitx .newslip {

  font-size: 15px;

  color: #666;

  line-height: 26px;

}



.newsdate {

  font-size: 14px;

  color: #999;

  line-height: 22px;

  margin-top: 2%;

  padding-left: 20px;

  background: url(../images/clock.png) no-repeat left center;

  background-size: 16px 16px;

}



.graybg {

  background-color: #f9f9f9;

}



.activities {

  padding-left: 12%;

  padding-right: 12%;

  padding-top: 2%;

}





.activities ul li {

  float: left;

  width: 31.5%;

  box-sizing: border-box;

  margin-right: 2.75%;

  margin-bottom: 3%;

}

.activities ul li:nth-child(3n) {

  margin-right: 0;

}

.activities ul li .actimg {

  display: block;

  width: 100%;

  overflow: hidden;

}

.activities ul li .actimg img {

  width: 100%;

  transition: all 0.5s ease 0s;

}

/*.activities ul li:hover .actimg {

  background-color: #000;

}*/

.activities ul li .actimg{

  position: relative;

}

.activities ul li .actimg::after{

  content: "";

  display: block;

  width: 100%;

  height: 100%;

  background-color:rgba(0,0,0,0.25);

  opacity: 0;

  filter: alpha(opacity=0);

  transition:all 0.5s ease 0s;

  position: absolute;

  top:0;

  left:0;

}

.activities ul li:hover .actimg::after{

  opacity: 1;

  filter: alpha(opacity=100);

  transition:all 0.5s ease 0s;

}

.activities ul li:hover .actimg img {

  /*opacity: 0.7;*/

  transform: scale(1.07);

  transition: all 0.5s ease 0s;

}

.activities ul li .acttx {

  padding: 5%;

  background-color: #fff;

}

.activities ul li .acttx h2 {

  font-size: 18px;

  color: #333;

  line-height: 24px;

  margin-bottom: 5px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  width: 100;

}

.activities ul li .acttx p {

  font-size: 14px;

  color: #666;

  line-height: 22px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  width: 100;

  margin-bottom: 10px;

}



.info {

  padding: 2% 5%;

}



.infotit {

  border-bottom: 1px #e5e5e5 solid;

  padding-bottom: 20px;

  margin-bottom: 30px;

}

.infotit .infot {

  width: 80%;

}

.infotit .infot h2 {

  font-size: 26px;

  color: #333;

  line-height: 30px;

}

.infotit .infot p {

  font-size: 14px;

  color: #999;

  line-height: 20px;

  margin-top: 10px;

}

.infotit .share {

  border-bottom: none;

}



.infotx p {

  font-size: 14px;

  color: #666;

  line-height: 24px;

  /*margin-bottom: 30px;*/

}

.infotx img {

  margin: 10px 0;

  max-width: 100%;

}



.infofun{

  padding:3% 0;

}



.infoctrl p {

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  width: 70%;

  font-size: 14px;

  line-height: 24px;

  color: #666;

}

.infoctrl p a {

  color: #666;

}

.infoctrl p a:hover {

  color: #d93831;

}





.loginbg {

  position: relative;

  box-sizing: border-box;

}



.loginbox {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 366px;

  height: 414px;

  margin-top: -207px;

  margin-left: -183px;

  background-color: #fff;

  padding: 40px 50px;

  box-sizing: border-box;

}

.loginbox table {

  width: 100%;

}

.loginbox table td {

  width: 100%;

  padding: 10px 0;

}

.loginbox h2 {

  font-size: 22px;

  color: #333;

  line-height: 1;

  padding-bottom: 20px;

  border-bottom: 1px #e5e5e5 solid;

  text-align: left;

  margin-bottom: 10px;

}

.loginbox .account, .loginbox .password {

  border: 1px #e5e5e5 solid;

  height: 40px;

  line-height: 40px;

  border-radius: 3px;

  font-size: 12px;

  color: #666;

  outline: none;

  padding: 0;

  padding: 0 10px;

  margin: 0;

  box-sizing: border-box;

  width: 100%;

}

.loginbox label {

  font-size: 14px;

  color: #666;

}

.loginbox label input {

  margin-right: 10px;

}

.loginbox .lgbtn {

  width: 140px;

  height: 38px;

  background-color: #bb0327;

  color: #fff;

  border: none;

  outline: none;

  font-size: 14px;

}



.contact {

  width: 100%;

  background: url(../images/mask.png) repeat;

  padding: 5% 0;

  box-sizing: border-box;

  position: absolute;

  bottom: 0;

  left: 0;

}

.contact .wrap {

  width: 72%;

  margin: 0 auto;

  box-sizing: border-box;

  padding: 0 5%;

}



.pi {

  width: 57%;

  box-sizing: border-box;

}

.pi p {

  float: left;

  width: 50%;

  color: #fff;

  font-size: 14px;

  line-height: 35px;

  margin-bottom: 20px;

}

.pi p i {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width: 35px;

  height: 35px;

  vertical-align: middle;

  margin-right: 10px;

}



.ckefu i {

  background: url(../images/ckefu.png) no-repeat center;

  background-size: 35px 35px;

}

.ckefu:hover i {

  background: url(../images/ckefu02.png) no-repeat center;

  background-size: 35px 35px;

}



.caddr i {

  background: url(../images/caddr.png) no-repeat center;

  background-size: 35px 35px;

}

.caddr:hover i {

  background: url(../images/caddr02.png) no-repeat center;

  background-size: 35px 35px;

}



.ctel i {

  background: url(../images/ctel.png) no-repeat center;

  background-size: 35px 35px;

}

.ctel:hover i {

  background: url(../images/ctel02.png) no-repeat center;

  background-size: 35px 35px;

}



.cmail i {

  background: url(../images/cmail.png) no-repeat center;

  background-size: 35px 35px;

}

.cmail:hover i {

  background: url(../images/cmail02.png) no-repeat center;

  background-size: 35px 35px;

}



.ewm {

  margin-left: 5%;

  width: 38%;

  box-sizing: border-box;

  text-align: center;

  border-left: 1px #86756f solid;

}



.ewmbox {

  text-align: center;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  margin: 0 5%;

}

.ewmbox img {

  width: 115px;

  height: 115px;

  margin-bottom: 5px;

}

.ewmbox p {

  font-size: 14px;

  color: #fff;

}



.stit h2 {

  font-size: 30px;

  color: #333;

}

.stit i {

  display: block;

  width: 50px;

  height: 2px;

  background-color: #8a8b8b;

  margin-top: 1%;

}



.phil {

  padding: 5%;

}



.philli ul li {

  float: left;

  width: 25%;

  text-align: center;

  box-sizing: border-box;

  padding-right: 5%;

  padding-top: 3%;

}

.philli ul li:last-child {

  padding-right: 0;

}

.philli ul li em {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width: 95px;

  height: 95px;

  overflow: hidden;

  margin-bottom: 5%;

}

.philli ul li.si0 em{

  background: url(../images/sia.png) no-repeat center 0;

  background-size: 100% auto;

}

.philli ul li.si0 em:hover{

  background: url(../images/sia.png) no-repeat center -95px;

  background-size: 100% auto;

  transition:all 0.5s ease 0s;

}

.philli ul li.si1 em{

  background: url(../images/sib.png) no-repeat center 0;

  background-size: 100% auto;

}

.philli ul li.si1 em:hover{

  background: url(../images/sib.png) no-repeat center -95px;

  background-size: 100% auto;

  transition:all 0.5s ease 0s;

}

.philli ul li.si2 em{

  background: url(../images/sic.png) no-repeat center 0;

  background-size: 100% auto;

}

.philli ul li.si2 em:hover{

  background: url(../images/sic.png) no-repeat center -95px;

  background-size: 100% auto;

  transition:all 0.5s ease 0s;

}

.philli ul li.si3 em{

  background: url(../images/sid.png) no-repeat center 0;

  background-size: 100% auto;

}

.philli ul li.si3 em:hover{

  background: url(../images/sid.png) no-repeat center -95px;

  background-size: 100% auto;

  transition:all 0.5s ease 0s;

}

/*.philli ul li em img {

  width: 100%;

}

.philli ul li:hover em img {

  margin-top: -95px;

  transition: all 0.5s;

}*/

.philli ul li h2 {

  font-size: 18px;

  color: #333;

  line-height: 22px;

  margin-bottom: 5%;

}

.philli ul li p {

  font-size: 14px;

  color: #666;

  line-height: 24px;

}



.fdbk {

  background-color: #f9f9f9;

}



.fdimg {

  width: 40%;

  box-sizing: border-box;

  overflow: hidden;

  background-color: #000;

}

.fdimg > img {

  width: 100%;

  opacity: 1;

  transition: all 0.5s ease 0s;

  height:100%;

}

.fdimg:hover > img {

  transform: scale(1);

  opacity: 0.7;

  transition: all 0.5s ease 0s;

}



.fdimgtx {

  position: absolute;

  padding: 20% 13% 0;

  top: 0;

  left: 0;

}

.fdimgtx h2 {

  font-size: 24px;

  color: #333;

  line-height: 26px;

}

.fdimgtx .fdtx {

  font-size: 14px;

  line-height: 24px;

  color: #666;

  margin: 5% 0;

}

.fdimgtx .fdtxtel {

  font-size: 16px;

  color: #333;

  line-height: 40px;

}

.fdimgtx .fdtxtel span {

  font-size: 24px;

  color: #c60329;

  display: inline-block;

}



.msg {

  width: 60%;

  box-sizing: border-box;

  padding: 5% 0;

}

.msg table {

  width: 550px;

  margin: 0 auto;

}

.msg table tr > td {

  padding: 12px 0;

}

.msg table h2 {

  font-size: 24px;

  color: #333;

  line-height: 26px;

  text-align: left;

}

.msg table label {

  font-size: 14px;

  color: #666;

  margin-right: 12px;

}

.msg table label input[type="checkbox"] {

  vertical-align: baseline;

  outline: none;

  margin-right: 8px;

}

.msg table .intx {

  box-sizing: border-box;

  padding: 0 10px;

  margin: 0;

  border: 1px #dbdbdb solid;

  font-size: 14px;

  line-height: 56px;

  height: 56px;

  color: #666;

  width: 100%;

  outline: none;

  background-color: transparent;

}

.msg table textarea {

  width: 100%;

  box-sizing: border-box;

  padding: 10px;

  border: 1px #dbdbdb solid;

  color: #666;

  line-height: 24px;

  font-size: 14px;

  background-color: transparent;

  outline: none;

}

.msg table .msgbtn {

  border: none;

  margin: 0;

  padding: 0;

  color: #fff;

  width: 130px;

  height: 44px;

  background-color: #858585;

  outline: none;

}



.thrb {

  background-color: #f9f9f9;

}



.thrbtx {

  width: 40%;

  box-sizing: border-box;

  padding-left: 5%;

  padding-right: 5%;

  padding-top: 5%;

}



.thrbt h2 {

  font-size: 24px;

  color: #333;

  line-height: 28px;

}

.thrbt i {

  display: block;

  width: 46px;

  height: 3px;

  background-color: #8a8b8b;

  margin: 5% 0 10%;

}



.thrbimg {

  width: 60%;

  overflow: hidden;

  background-color: #000;

}

.thrbimg img {

  width: 100%;

  opacity: 1;

  transition: all 0.5s ease 0s;

}

.thrbimg:hover img {

  transform: scale(1);

  opacity: 0.7;

  transition: all 0.5s ease 0s;

}



.thbsl ul li {

  margin-bottom: 20px;

}

.thbsl ul li .th {

  font-size: 14px;

  color: #666;

  line-height: 40px;

  background-color: transparent;

  padding-left: 10px;

  padding-right: 30px;

  position: relative;

  border: 2px #dfe0e0 solid;

}

.thbsl ul li .th i {

  display: block;

  position: absolute;

  top: 50%;

  right: 10px;

  margin-top: -7px;

  width: 14px;

  height: 14px;

  background: url(../images/sljia.png) no-repeat center;

}

.thbsl ul li .tp {

  display: none;

  padding-top: 20px;

}

.thbsl ul li .tp p {

  font-size: 14px;

  color: #666;

  line-height: 26px;

}

.thbsl ul li.cur .th {

  background-color: #c60329;

  border-color: #c60329;

  color: #fff;

}

.thbsl ul li.cur .th i {

  background: url(../images/sljian.png) no-repeat center;

}



.afsl {

  padding: 5%;

}

.afsl .tit h2 {

  font-size: 30px;

  color: #333;

  line-height: 1;

}

.afsl .tit i {

  display: block;

  width: 46px;

  height: 3px;

  background-color: #ccc;

  margin-top: 2%;

  margin-bottom: 2%;

}



.afone {

  padding-bottom: 3%;

  border-bottom: 1px #e5e5e5 solid;

}



.onel {

  width: 55%;

  box-sizing: border-box;

  padding-right: 5%;

}



.oner {

  width: 45%;

}



.numtx h2 {

  font-size: 18px;

  color: #333;

  line-height: 28px;

  margin-bottom: 10px;

  font-weight: bolder;

}

.numtx p {

  font-size: 14px;

  color: #666;

  line-height: 28px;

}



.numtit {

  line-height: 1;

  margin-bottom: 3%;

}

.numtit .wc {

  font-size: 64px;

  color: #c60329;

  font-family: "Arial";

}

.numtit i {

  font-style: normal;

  font-size: 32px;

  color: #c60329;

  margin-right: 8px;

}

.numtit .wh {

  font-size: 24px;

  color: #666;

}



.afcare {

  padding: 0 0 5% 5%;

}



.careli ul li {

  float: left;

  width: 25%;

  box-sizing: border-box;

  padding-right: 5%;

  position: relative;

  left: 5%;

  opacity: 0;

}

.careli ul li em {

  display: block;

  width: 100%;

  margin-bottom: 6%;

  overflow: hidden;

}

.careli ul li em img {

  width: 100%;

  opacity: 1;

  transition: all 0.5s ease 0s;

}

.careli ul li h2 {

  font-size: 18px;

  color: #333;

  line-height: 24px;

  margin-bottom: 5%;

}

.careli ul li .caretx {

  font-size: 14px;

  color: #666;

  line-height: 24px;

  height:50px;

  overflow: hidden;

}

.careli ul li .dtlbtn{

  color: #999;

  font-size: 14px;

  line-height: 18px;

  transition:all 0.5s ease 0s;

}

.careli ul li .dtlbtn:hover{

  color: #c3072c;

  transition:all 0.5s ease 0s;

}

.careli ul li:hover em {

  background-color: #000;

}

.careli ul li:hover em img {

  transform: scale(1.07);

  opacity: 0.7;

  transition: all 0.5s ease 0s;

}



.advant {

  padding: 5% 0;

  background-color: #f3f3f5;

}



.advanttit {

  padding: 0 5%;

  text-align: center;

}

.advanttit h2 {

  font-size: 36px;

  color: #333;

  line-height: 1;

  margin-bottom: 1.5%;

}

.advanttit p {

  font-size: 16px;

  line-height: 26px;

  color: #666;

}

.advanttit i {

  display: block;

  margin: 2% auto 0%;

  width: 46px;

  height: 3px;

  background-color: #e71f19;

}



.advantli {

  padding-left: 5%;

  padding-top: 3%;

}

.advantli ul li {

  float: left;

  width: 28.333%;

  box-sizing: border-box;

  margin-right: 5%;

  background-color: #fff;

  box-shadow: 0 0 18px #ccc;

  padding: 3%;

  position: relative;

  left: 5%;

  opacity: 0;

  filter: alpha(opacity=0);

}

.advantli ul li em {

  display: block;

  margin-bottom: 3%;

  width: 107px;

  height: 107px;

}

.advantli ul li em img {

  width: 100%;

}

.advantli ul li h2 {

  font-size: 30px;

  color: #bb0327;

  line-height: 46px;

  margin-bottom: 3%;

}

.advantli ul li h3 {

  font-size: 16px;

  color: #333;

  line-height: 24px;

  margin-bottom: 5%;

}

.advantli ul li .advanttx {

  font-size: 14px;

  line-height: 24px;

  color: #666;

  height:214px;

}



.supt {

  background-color: transparent;

}



.suptli {

  padding: 3% 5% 0;

  position: relative;

  overflow: hidden;

}

.suptli .slides li {

  float: left;

  width: 30%;

}

.suptli .slides li em {

  display: block;

  width: 100%;

  margin-bottom: 5%;

  overflow: hidden;

  position: relative;

}

.suptli .slides li em img {

  width: 100%;

  transition: all 0.5s ease 0s;

}

.suptli .slides li h2 {

  font-size: 18px;

  color: #333;

  line-height: 24px;

  margin-bottom: 5%;

}

.suptli .slides li .supttx {

  font-size: 14px;

  color: #666;

  line-height: 24px;

}

.suptli .slides li:hover em {

  /*background-color: #000;*/

}

.suptli .slides li em::after {

	content: "";

	display: block;

	width: 100%;

	height: 100%;

	background-color:rgba(0,0,0,0.25);

	position: absolute;

	top:0;

	left:0;

	z-index: 2;

	opacity: 0;

}

.suptli .slides li:hover em::after{

	opacity: 1;

	transition:all 0.5s ease 0s;

}

.suptli .slides li:hover em img {

  opacity: 0.7;

  transform: scale(1.07);

  transition: all 0.5s ease 0s;

}

.suptli .flex-control-nav {

  position: static;

  height: 60px;

}

.suptli .flex-control-nav li {

  display: none;

}

.suptli .flex-direction-nav {

  z-index: 2;

  height: 40px;

  margin-top: -40px;

  position: relative;

}

.suptli .flex-direction-nav a {

  width: 40px;

  height: 40px;

  opacity: 1;

}

.suptli .flex-direction-nav .flex-prev {

  left: 0;

  background: url(../images/flex-prev.png) no-repeat center;

  background-size: 13px 23px;

}

.suptli .flex-direction-nav .flex-next {

  right: auto;

  left: 120px;

  background: url(../images/flex-next.png) no-repeat center;

  background-size: 13px 23px;

}

.suptli .page {

  margin-top: -44px;

  margin-left: 50px;

  font-size: 24px;

  color: #333;

}

.suptli .page .curpage {

  margin-right: 5px;

}

.suptli .page .total {

  margin-left: 5px;

}



.req {

  padding-bottom: 0;

}



.reqli {

  padding-top: 3%;

  cursor: url(../other/cursor-drag.ico),auto !important;

  padding-bottom:8%;

}

.reqli .swiper-scrollbar {

  opacity: 1 !important;

  height: 60px !important;

  bottom: 8% !important;

  background: url(../images/reqline.jpg) repeat-x center;

}

.reqli .swiper-scrollbar-drag {

  background: url(../images/drager.png) no-repeat center;

  background-size: 60px 60px;

}



.reqcont {

  width: 100%;

}



.reqcont .swiper-slide .unit{

  width: 825px;

  overflow: hidden;

  float: left;

  margin-left:30px;

  background-color: #fff;

  box-shadow: 0 0 18px #ccc;

}

.reqcont .swiper-slide em {

  float: left;

  display: block;

  width: 375px;

  height: 307px;

  overflow: hidden;

}

.reqcont .swiper-slide em img {

  width: 100%;

  height: 100%;

  transition: all 0.5s ease 0s;

}

.reqcont .swiper-slide .reqtx {

  width: 448px;

  box-sizing: border-box;

  float: left;

  padding: 80px 40px 0;

}

.reqcont .swiper-slide .reqtx .reqnum {

  font-size: 60px;

  color: #bb0327;

  line-height: 1;

  margin-bottom: 30px;

  font-family: "CENTURYGOTHIC-BOLD";

}

.reqcont .swiper-slide .reqtx .reqp {

  font-size: 14px;

  color: #666;

  line-height: 26px;

}

.reqcont .swiper-slide .unit:hover em {

  background-color: #000;

}

.reqcont .swiper-slide .unit:hover em img {

  opacity: 0.7;

  transform: scale(1.07);

  transition: all 0.5s ease 0s;

}



.step {

  padding-bottom: 2%;

}



.stepli {

  padding: 4% 5% 0;

}

.stepli .loadbtn {

  padding: 0 0 3%;

}

.stepli .loadbtn a{

	box-shadow:0 0 30px rgba(0,0,0,0.15);

}

.stepli ul li {

  float: left;

  width: 30%;

  margin-right: 5%;

  margin-bottom: 5%;

  background-color: #fff;

  box-shadow: 0 0 18px #ccc;

  box-sizing: border-box;

  padding: 3%;

  position: relative;

  z-index: 1;

}

.stepli ul li:nth-child(3n) {

  margin-right: 0;

}

.stepli ul li em {

  display: block;

  width: 140px;

  height: 140px;

  position: absolute;

  right: 4%;

  top: 6%;

  z-index: -1;

}

.stepli ul li em img {

  width: 100%;

  height: 100%;

}

.stepli ul li h2 {

  font-size: 30px;

  color: #bb0327;

  line-height: 1;

  margin-bottom: 2%;

}

.stepli ul li h2 b {

  font-size: 72px;

  line-height: 1;

  color: #bb0327;

  vertical-align: sub;

  font-family: "CENTURYGOTHIC-BOLD";

  margin-right: 5%;

}

.stepli ul li{

  height:210px;

  overflow: hidden;

}

.stepli ul li p {

  font-size: 14px;

  color: #666;

  line-height: 26px;

}



.talent {

  padding: 5%;

}

.talent .talbox {

  width: 50%;

  box-sizing: border-box;

  padding: 0 6%;

}

.talent .talbox.strategy {

  position: relative;

}

.talent .talbox.strategy::before {

  content: "";

  display: block;

  width: 1px;

  height: 100px;

  position: absolute;

  right: 0;

  top: 50%;

  margin-top: -50px;

  background-color: #e5e5e5;

}

.talent .taltit {

  margin-bottom: 2%;

}

.talent .taltit em {

  display: block;

  width: 52px;

  height: 52px;

  margin-right: 10px;

}

.talent .taltit em img {

  width: 100%;

  height: 100%;

}

.talent .taltit .tittx {

  padding-top: 8px;

}

.talent .taltit .tittx h2 {

  font-size: 20px;

  color: #333;

  line-height: 1;

  margin-bottom: 3px;

}

.talent .taltit .tittx h3 {

  font-size: 12px;

  color: #999;

  line-height: 1;

}

.talent .talp {

  font-size: 13px;

  color: #666;

  line-height: 24px;

}



.recruitbg {

  padding: 5% 10%;

  background-color: #f5f5f5;

}

.recruitbg .job {

  width: 74%;

  margin-right: 3%;

}

.recruitbg .hotrec {

  width: 23%;

}



.jobsearch {

  padding-bottom: 40px;

}

.jobsearch .optin {

  float: left;

  width: 20%;

  margin-right: 2.5%;

  height: 44px;

  padding-left: 1.5%;

  line-height: 44px;

  border: none;

  background-color: #fff;

  color: #666;

  font-size: 12px;

  box-sizing: border-box;

  outline: none;

  display: block;

}

.jobsearch .tbsearchbtn {

  float: left;

  width: 10%;

  font-size: 16px;

  background-color: #c60329;

  padding: 0;

  margin: 0;

  border: none;

  outline: none;

  height: 44px;

  font-size: 12px;

  color: #fff;

}



.tbh {

  padding: 0 30px;

  background-color: #8a8a8a;

}

.tbh li {

  width: 18%;

  float: left;

  height: 54px;

  line-height: 54px;

  color: #fff;

  font-size: 14px;

}

.tbh li.pos {

  width: 36%;

}

.tbh li.tbanchor {

  width: 10%;

}



.jobh .tbh {

  padding: 0;

  margin: 0 30px;

  background-color: #fff;

  border-bottom: 1px solid #e5e5e5;

}

.jobh .tbh li {

  color: #666;

  cursor: pointer;

}

.jobh .tbh li a {

  color: #c60329;

}

.jobh .tbh li a:hover {

  opacity: 0.8;

  transition: opacity 0.5s;

}



.jobp {

  display: none;

  background-color: #fff;

  padding: 0 20px;

}

.jobp .pbg {

  background-color: #f5f5f5;

  padding: 20px;

  position: relative;

}

.jobp .pbg::before {

  content: "";

  display: block;

  width: 0;

  height: 0;

  border-width: 8px;

  border-style: dashed;

  border-color: transparent transparent #f5f5f5 transparent;

  position: absolute;

  top: -16px;

  left: 30px;

}

.jobp .pli {

  border-bottom: 1px #e5e5e5 solid;

  padding: 10px 0;

}

.jobp .pli li {

  float: left;

  box-sizing: border-box;

  width: 25%;

  padding-right: 1%;

  font-size: 14px;

  line-height: 20px;

  height: 48px;

  color: #666;

}

.jobp .preq {

  padding: 34px 0;

  border-bottom: 1px #e5e5e5 solid;

  position: relative;

}

.jobp .preq i {

  display: block;

  width: 1px;

  height: 60%;

  position: absolute;

  left: 45%;

  top: 20%;

  background-color: #e5e5e5;

}

.jobp .preq dl {

  float: left;

  padding: 10px 3% 15px;

  box-sizing: border-box;

}

.jobp .preq dl.dlone {

  width: 45%;

}

.jobp .preq dl.dltwo {

  width: 55%;

  padding-left: 8%;

}

.jobp .preq dl .dltit {

  font-size: 18px;

  line-height: 20px;

  color: #333;

  margin-bottom: 15px;

}

.jobp .preq dl .dlp {

  font-size: 12px;

  color: #666;

  line-height: 26px;

}



.applybtn {

  padding: 20px 0 10px;

}

.applybtn a {

  display: block;

  width: 150px;

  height: 40px;

  background-color: #c60329;

  color: #fff;

  text-align: center;

  line-height: 40px;

  font-size: 16px;

}

.applybtn a:hover {

  opacity: 0.8;

  transition: opacity 0.5s;

}

.jobdtl{

  background-color: #f5f5f5;

}

.jobdtl .jobp {

  display: block;

  padding: 0;

}

.jobdtl .jobp .pbg::before {

  display: none;

}



.jobdtlt {

  padding: 0 20px 10px;

  border-bottom: 1px #e5e5e5 solid;

}

.jobdtlt h2 {

  font-size: 18px;

  color: #333;

}



.joblist {

  background-color: #fff;

}



.jobli li.open .jobh .tbh {

  border-color: transparent;

}

.joblist .poslist{

  padding-bottom:50px;

}

.seemore {

  padding: 50px 0 0;

  text-align: center;

}

.seemore a {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width: 174px;

  height: 50px;

  color: #fff;

  line-height: 50px;

  padding-left: 40px;

  box-sizing: border-box;

  background: #939393 url(../images/seemorebtn.png) 26px center no-repeat;

}



.hotrec dl {

  padding: 20px;

  background-color: #fff;

}

.hotrec dl dt {

  font-size: 18px;

  color: #c60329;

  line-height: 22px;

  margin-bottom: 20px;

}

.hotrec dl dd {

  border-top: 1px solid #e5e5e5;

}

.hotrec dl dd a {

  display: block;

  width: 100%;

  line-height: 46px;

  color: #666;

  height: 46px;

  font-size: 14px;

}

.hotrec dl dd span {

  display: block;

  line-height: 46px;

  height: 46px;

  color: #999;

  font-size: 14px;

}



.findstore {

  position: absolute;

  width: 40%;

  top: 28%;

  left: 50%;

  margin-left: -20%;

  text-align: center;

}

.findstore h2 {

  font-size: 48px;

  color: #fff;

  line-height: 1;

  margin-bottom: 7%;

}

.findstore .find {

  width: 100%;

  border-radius: 5px;

  overflow: hidden;

}

.findstore .find input {

  border: none;

  padding: 0;

  margin: 0;

  outline: none;

  height: 65px;

  line-height: 65px;

  box-sizing: border-box;

}

.findstore .find .findtx {

  width: 75%;

  padding: 0 5%;

}

.findstore .find .findbtn {

  width: 25%;

  background-color: #bb031d;

  color: #fff;

}



.places {

  padding: 2% 0;

  border-bottom: 1px #ededed solid;

}

.places p {

  height: 48px;

  line-height: 48px;

  font-size: 14px;

  color: #666;

  text-align: center;

}

.places p select {

  width: 154px;

  height: 48px;

  line-height: 48px;

  margin: 0 20px;

  padding: 0 10px;

  border-radius: 5px;

  overflow: hidden;

  outline: none;

  box-sizing: border-box;

}



.storelist {

  padding: 4% 18%;

}



.hmany {

  font-size: 16px;

  color: #fff;

  line-height: 1;

}



.yhmany {

  font-size: 24px;

  color: #333;

}



.resultstores {

  margin-top: 5%;

}

.resultstores ul li {

  overflow: hidden;

  padding: 24px;

  background-color: #f6f6f6;

  position: relative;

  top: 20px;

  opacity: 0;

}

.resultstores ul li:nth-child(2n) {

  background-color: #fff;

}

.resultstores ul li .listnum {

  float: left;

  width: 5%;

  height: 45px;

  background: url(../images/storedot.png) no-repeat center;

  background-size: 35px 45px;

  text-align: center;

  margin-right: 2%;

}

.resultstores ul li .listnum span {

  line-height: 30px;

  color: #fff;

  font-size: 16px;

  font-family: "Arial";

}

.resultstores ul li .storename {

  float: left;

  width: 23%;

  line-height: 45px;

  font-size: 16px;

  color: #333;

}

.resultstores ul li .storecity {

  float: left;

  width: 10%;

  line-height: 45px;

  border-right: 1px #ededed solid;

  border-left: 1px #ededed solid;

  font-size: 14px;

  color: #666;

  text-align: center;

  box-sizing: border-box;

}

.resultstores ul li .storeaddr {

  width: 60%;

  float: left;

  font-size: 14px;

  color: #666;

  line-height: 45px;

  box-sizing: border-box;

  padding-left: 10%;

}



.linpt {

  height: 44px;

  padding-left: 1.5%;

  line-height: 44px;

  border: 1px solid #e5e5e5;

  background-color: #fff;

  color: #666;

  font-size: 12px;

  box-sizing: border-box;

}



.storexx {

  padding: 3% 0;

}

.storexx .wrap {

  background-color: #f9f9f9;

}



.xxtx {

  width: 53%;

  box-sizing: border-box;

  padding: 5% 5.5%;

}

.xxtx h2 {

  font-size: 24px;

  color: #333;

  line-height: 1;

  margin-bottom: 4%;

}

.xxtx .xxaddr {

  font-size: 16px;

  color: #666;

  line-height: 22px;

}

.xxtx .xxewm {

  margin-top: 10%;

}

.xxtx .xxewmbox {

  text-align: center;

  margin-right: 10%;

}

.xxtx .xxewmbox em {

  display: block;

  width: 115px;

  height: 115px;

}

.xxtx .xxewmbox em img {

  width: 100%;

  height: 100%;

}

.xxtx .xxewmbox p {

  font-size: 14px;

  color: #666;

}



.xxmap {

  width: 47%;

  height: 382px;

}

.xxmap .anchorBL {

  display: none !important;

}



.body-wrap {

  width: 100%;

  position: relative;

  z-index: 1;

  transition: transform 0.8s ease-out 0s;margin-bottom: 140px;



}



.body-wrap.on {

  transition: all 0.5s ease 0s;

  opacity: 1;

  filter: alpha(opacity=100);

}



.m-sub-menu {

  position: fixed;

  right: -100%;

  width: 66%;

  top: 0;

  z-index: 100;

  height: 100%;

  background-color: #fff;

  transition: all 0.74s ease 0s;

  z-index: 1005;

}

.m-sub-menu .top-box {

  height: 70px;

  line-height: 70px;

  padding: 0 8%;

  background: url(../images/navline.png) repeat-x center bottom;

  background-size: 1px 1px;

}

.m-sub-menu .top-box .stt {

  display: inline-block;

  font-size: 18px;

  color: #999;

  width: 80%;

}

.m-sub-menu .top-box .close {

  display: inline-block;

  width: 17px;

  height: 17px;

  background: url(../images/ico_37.png) no-repeat center;

  margin-top: 27px;

  cursor: pointer;

  transition: transform 0.3s ease 0s;

}



.sp ul li {

  background: url(../images/navline.png) repeat-x center bottom;

  background-size: 1px 1px;

  line-height: 70px;

  padding: 0 8%;

}

.sp ul li a {

  display: block;

  font-size: 18px;

  color: #333;

  position: relative;

}

.sp ul li a::before {

  content: "";

  display: block;

  width: 13px;

  height: 23px;

  background: url(../images/flex-next.png) no-repeat center;

  background-size: 13px 23px;

  position: absolute;

  right: 0;

  top: 50%;

  margin-top: -12px;

}



.navlist ul li {

  background: url(../images/navline.png) repeat-x center bottom;

  background-size: 1px 1px;

  line-height: 70px;

}

.navlist ul li a {

  padding: 0 8%;

  font-size: 18px;

  color: #333;

  display: block;

}

.navlist ul li .navh {

  display: block;

  position: relative;

}

.navlist ul li .navh::before {

  content: "";

  display: block;

  width: 23px;

  height: 23px;

  background: url(../images/subnavjia.png) no-repeat;

  background-size: 23px 23px;

  position: absolute;

  right: 7.5%;

  top: 50%;

  margin-top: -12px;

}

.navlist ul li dl {

  display: none;

  background-color: #eee;

}

.navlist ul li dl dd {

  background: none;

}



.sublang {

  padding: 0 8%;

  background: url(../images/navline.png) repeat-x center bottom;

  background-size: 1px 1px;

}

.sublang a {

  display: none;

  height: 70px;

  line-height: 70px;

  color: #333;

  font-size: 18px;

}

.sublang a.cur {

  display: block;

}



.subbot ul li {

  padding: 0 8%;

  background: #f3f3f5 url(../images/navline.png) repeat-x center bottom;

  background-size: 1px 1px;

  line-height: 70px;

  height: 70px;

}

.subbot ul li a {

  color: #2b2b2f;

}

.subbot ul li a i {

  display: inline-block;

  width: 40px;

  height: 40px;

  margin-right: 10px;

}

.subbot ul li a i img {

  width: 100%;

  height: 100%;

}



.m-sub-menu.left {

  right: 0;

  transition: all 0.84s ease 0s;

}



.body-wrap.left, header.left {

  transform: translateX(-66%);

  transition: all 0.8s ease-out 0s;

}



.float-right-box {

  width: 250px;

  position: fixed;

  right: 0;

  top: 50%;

  margin-top: -154px;

  background-color: #191919;

  z-index: 999;

  transition: width 0.3s ease 0s;

}

.float-right-box.on {

  width: 50px;

}

.float-right-box .top-list {

  width: 100%;

}

.float-right-box .top-list a {

  display: block;

  width: 100%;

}

.float-right-box .top-list .stt {

  display: inline-block;

  font-size: 14px;

  line-height: 50px;

  color: #fff;

  transition: color 0.3s ease 0s;

  position: absolute;

  left: 28px;

  top: 0;

  z-index: 1;

  width: 222px;

}

.float-right-box .top-list li {

  width: 100%;

  position: relative;

  border-bottom: 1px solid #3b3b3b;

  background-color: #191919;

  transition: background 0.3s ease 0s;

  height: 50px;

}

.float-right-box .top-list li .ico {

  display: inline-block;

  width: 50px;

  height: 50px;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 2;

  transition: background 0.3s ease 0s;

}

.float-right-box .top-list li .ico.ico1 {

  background: #191919 url(../images/yyaddr.png) no-repeat center;

}

.float-right-box .top-list li .ico.ico2 {

  background: #191919 url(../images/yywx.png) no-repeat center;

}

.float-right-box .top-list li .ico.ico3 {

  background: #191919 url(../images/yytel.png) no-repeat center;

}

.float-right-box .top-list li .ico.ico4 {

  background: #191919 url(../images/yytop.png) no-repeat center;

}

.float-right-box .top-list li:hover {

  background-color: #fff;

  transition: background 0.3s ease 0s;

}

.float-right-box .top-list li:hover .stt {

  color: #333;

}

.float-right-box .top-list li:hover .ico1 {

  background: #fff url(../images/yyaddrh.png) no-repeat center;

}

.float-right-box .top-list li:hover .ico2 {

  background: #fff url(../images/yywxh.png) no-repeat center;

}

.float-right-box .top-list li:hover .ico3 {

  background: #fff url(../images/yytelh.png) no-repeat center;

}

.float-right-box .top-list li:hover .ico4 {

  background: #fff url(../images/yytoph.png) no-repeat center;

}

.float-right-box .bot-share {

  position: relative;

  height: 50px;

}

.float-right-box .bot-share .share {

  width: 200px;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 1;

  padding-bottom: 0;

  border-bottom: none;

}

.float-right-box .bot-share a {

  display: inline-block;

  width: 50px;

  height: 50px;

  float: left;

  transition: background 0.3s ease 0s;

  margin: 0;

  padding: 0;

}

.float-right-box .bot-share .sina {

  background: url(../images/yyxl.png) no-repeat center;

}

.float-right-box .bot-share .wx {

  background: url(../images/yywx.png) no-repeat center;

}

.float-right-box .bot-share .tx {

  background: url(../images/yytx.png) no-repeat center;

}

.float-right-box .bot-share .more {

  background: url(../images/ico_66.png) no-repeat center;

}

.float-right-box .bot-share .share-ico {

  background: url(../images/yyshare.png) no-repeat center #191919;

  width: 50px;

  height: 50px;

  display: inline-block;

  cursor: pointer;

  z-index: 2;

  position: relative;

}



#video {

  position: fixed;

  background-color: #000000;

  height: 500px;

  width: 1000px;

  left: 50%;

  top: 50%;

  margin-left: -500px;

  margin-top: -250px;

  z-index: 102;

}



#close-video {

  position: relative;

  width: 40px;

  height: 40px;

  float: right;

  margin-top: -55px;

  margin-right: -55px;

  cursor: pointer;

  z-index: 102;

  background: url(../images/ico_37.png) no-repeat center;

  background-size: 28px 28px;

  transition:all 0.5s ease 0s;

}

#close-video:hover{

  transform:rotateZ(90deg);

  transition:all 0.5s ease 0s;

}

#videobox {

  width: 1000px;

  height: 500px;

  background-color: #000;

}



.vlayer {

  display: block;

  z-index: 101;

  top: 0px;

  left: 0px;

  position: fixed;

  height: 100%;

  width: 100%;

  opacity: 1;

  filter: alpha(opacity=100);

  background-color: #fff;

}



.yywxbox {

  display: none;

  background-color: transparent;

}



.wx-wrap {

  box-sizing: border-box;

  width: 300px;

  height: 300px;

  padding: 50px 30px;

  background-color: #fff;

  border: 1px #ccc solid;

  box-shadow: 0px 3.5px 2.5px -1px rgba(0, 0, 0, 0.2);

  margin: -150px auto 0;

  position: relative;

  top: 50%;

}

.wx-wrap .wxclose {

  position: absolute;

  width: 40px;

  height: 40px;

  top: 13px;

  right: 16px;

  border: 0;

  outline: none;

  background: url(../images/ico_37.png) no-repeat center;

  background-size: 24px 24px;

  transition: transform 0.5s ease 0s;

}

.wx-wrap .wxclose:hover {

  transform: rotateZ(90deg);

  transition: transform 0.5s ease 0s;

}

.wx-wrap .wximg {

  width: 100%;

  margin: 0 auto;

  text-align: center;

}

.wx-wrap .wximg img {

  margin-bottom: 20px;

}

.wx-wrap .wximg p {

  font-size: 18px;

  color: #333;

}



.profeat {

  background-color: #f9f9f9;

  padding: 0 5%;

  position: relative;

  z-index:10;

}

.profeat h2 {

  display: inline-block;

  font-size: 28px;

  line-height: 1;

  padding: 28px 0;

  color: #333;

  font-weight: bolder;

  box-sizing: border-box;

  border-bottom: 4px #bb0327 solid;

}



.feali {

  padding: 4% 5%;

}

.feali ul li .feaimg {

  display: block;

  width: 100%;

  overflow: hidden;

}

.feali ul li .feaimg img {

  width: 100%;

  transition: all 0.5s ease 0s;

}

.feali ul li:hover .feaimg {

  background-color: #000;

}

.feali ul li:hover .feaimg img {

  transform: scale(1.07);

  opacity: 0.7;

  transition: all 0.5s ease 0s;

}

.feali .flex-direction-nav {

  position: absolute;

  width: 100%;

  height: 40px;

  margin-top: -20px;

  top: 40%;

  left: 0;

  padding: 0 5%;

  box-sizing: border-box;

}

.feali .flex-direction-nav li {

  width: 42px;

  height: 42px;

  border-radius: 50%;

}

.feali .flex-direction-nav li.flex-nav-prev {

  float: left;

}

.feali .flex-direction-nav li.flex-nav-next {

  float: right;

}

.feali .flex-direction-nav a {

  display: block;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  z-index: 2;

  position: static;

  border: 1px #eaeaea solid;

  cursor:pointer;

}

.feali .flex-direction-nav a.flex-prev {

  opacity: 0;

  float: left;

  margin-left: 80px;

  background: #fff url(../images/flex-prev.png) no-repeat center;

  background-size: 8px 13px;

}

.feali .flex-direction-nav a.flex-next {

  opacity: 0;

  float: right;

  margin-right: 80px;

  background: #fff url(../images/flex-next.png) no-repeat center;

  background-size: 8px 13px;

}



.feali:hover .flex-direction-nav a.flex-prev {

  opacity: 1;

  margin-left: 0;

  transition: all 0.5s ease 0s;

}

.feali:hover .flex-direction-nav a.flex-next {

  opacity: 1;

  margin-right: 0;

  transition: all 0.5s ease 0s;

}



.prodatali {

  padding: 3% 5%;

}

.prodatali ul li {

  width: 25%;

  float: left;

  line-height: 24px;

  padding: 1.6% 0;

}

.prodatali ul li span {

  font-size: 14px;

  color: #666;

}

.prodatali ul li span b {

  font-size: 16px;

  color: #333;

}

.prodatali ul li:nth-child(4n) {

  position: relative;

}

.prodatali ul li:nth-child(4n)::after {

  content: "";

  display: block;

  width: 400%;

  height: 1px;

  background-color: #e5e5e5;

  position: absolute;

  right: 0;

  bottom: 0;

}



.buy {

  float: right;

  width: 185px;

  height: 50px;

  background-color: #bb0327;

  text-align: center;

}

.buy a {

  display: block;

  color: #fff;

  line-height: 50px;

  color: #fff;

  font-size: 16px;

}

.buy a i {

  display: inline-block;

  *zoom: 1;

  width: 34px;

  height: 17px;

  background: url(../images/tm.png) no-repeat center;

  background-size: 34px 17px;

  vertical-align: middle;

  margin-right: 8px;

}

.buy:hover {

  opacity: 0.8;

  transition: opacity 0.3s linear 0s;

}



.prodatat {

  border-bottom: 1px #ccc solid;

  padding: 1% 5%;

}



.protit .mc {

  font-size: 30px;

  color: #333;

  line-height: 1;

  margin-bottom: 10px;

}

.protit .xh {

  font-size: 16px;

  color: #666;

  line-height: 1;

}



.proslide {

  padding-bottom: 30px;

  background-color: #f9f9f9;

}



.procl {

  text-align: center;

}

.procl ul {

  display: inline-block;

  *display: inline;

  *zoom: 1;

}

.procl ul li {

  float: left;

  border: 1px transparent solid;

  border-radius: 3px;

  box-sizing: border-box;

  overflow: hidden;

  margin: 0 4px;

  cursor: pointer;

  width: 28px;

  height: 28px;

}

.procl ul li img {

  display: block;

  width: 100%;

  height: 100%;

}

.procl ul li.cur {

  border: 1px #d8d8d8 solid;

  box-shadow: 0 0 10px #ccc;

}



.procolor {

  text-align: center;

}



.clbtn {

  display: block;

  width: 40px;

  height: 40px;

  position: absolute;

  top: 50%;

  margin-top: -20px;

  opacity: 0.8;

  transition: all 0.3s linear 0s;

  z-index: 2;

}

.clbtn:hover {

  opacity: 1;

  transition: all 0.3s linear 0s;

}

.clbtn.prevbtn {

  left: 25%;

  background: url(../images/flex-prev.png) no-repeat center;

  background-size: 13px 23px;

}

.clbtn.nextbtn {

  right: 25%;

  background: url(../images/flex-next.png) no-repeat center;

  background-size: 13px 23px;

}



.probimgbox {

  padding: 0 5%;

}

.probimgbox .probimg {

  margin: 0 auto;

}



.probimg {

  width: 60%;

  padding: 20px 0;

}

.probimg img {

  width: 100%;

  height: auto;

  display: block;

}



.prodesc {

  height: 234px;

  position: absolute;

  right: 10%;

  top: 50%;

  margin-top: -117px;

}

.prodesc ul li {

  margin-bottom: 10px;

}

.prodesc ul li .bt {

  font-size: 18px;

  color: #333;

}

.prodesc ul li .bp {

  font-size: 16px;

  color: #666;

}



.prosimg {

  height: 276px;

  position: absolute;

  left: 5%;

  top: 50%;

  margin-top: -138px;

  overflow: hidden;

}

.prosimg .proclli ul li {

  width: 80px;

  height: 80px;

  border: 2px #e5e5e5 solid;

  margin-bottom: 12px;

  cursor: pointer;

  box-sizing:border-box;

  padding-top:15px;

}

.prosimg .proclli ul li img {

  width: 100%;

  height: auto;

  display: block;

}

.prosimg .proclli ul li.cur {

  border: 2px #bb0327 solid;

}



.itimer {

  display: block;

  height: 2px;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.3);

}

.itimer i {

  display: block;

  width: 0;

  height: 100%;

  background-color: #fff;

}



.infolayer {

  position: fixed;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.5);

  top: 0;

  left: 0;

  z-index: 998;

}



.groupinfo {

  position: fixed;

  top: 50%;

  left: 50%;

  width: 52%;

  margin-left: -26%;

  margin-top: -266px;

  padding: 50px;

  box-sizing: border-box;

  background-color: #fff;

  z-index: 999;

}

.groupinfo .infotit {

  border-bottom: 1px #e5e5e5 solid;

  padding-bottom: 34px;

}

.groupinfo .infotit h2 {

  font-size: 24px;

  color: #333;

}

.groupinfo .infotx {

  height: 320px;

  overflow: hidden;

}

.groupinfo .infotx img {

  max-width: 100%;

}

.groupinfo .infotx p {

  font-size: 14px;

  color: #666;

  line-height: 24px;

  margin-bottom: 20px;

}



.infoclose {

  display: block;

  width: 40px;

  height: 40px;

  background: url(../images/ico_37.png) no-repeat center;

  background-size: 20px 20px;

  transition: transform 0.5s ease 0s;

  position: absolute;

  right: 10px;

  top: 10px;

}

.infoclose:hover {

  transform: rotateZ(90deg);

  transition: transform 0.5s ease 0s;

}



.xgtjbtn {

  display: inline-block;

  *zoom: 1;

  width: 28px;

  height: 28px;

  background: url(../images/xgtjbtn.png) no-repeat center;

  background-size: 17px 17px;

  position: absolute;

  left: -60px;

  top: 0px;

  transition: all 0.5s ease 0s;

}

.xgtjbtn:hover {

  transform: rotateZ(90deg);

  transition: all 0.5s ease 0s;

}



.verify {

  width: 100%;

  height: 40px;

  position: relative;

}

.verify input.msgbtn {

  border: none;

  margin: 0;

  padding: 0;

  background-color: #858585;

  color: #fff;

  width: 137px;

  height: 40px;

  position: absolute;

  right: 0;

  bottom: 0;

  font-size: 16px;

  line-height: 40px;

  display: none;

}

.verify input.msgbtn.submit {

  background-color: #d90915;

}

.verify .fakebtn {

  display: inline-block;

  position: relative;

  z-index: 2;

  width: 137px;

  height: 40px;

  background: #848484;

  font-size: 16px;

  line-height: 40px;

  color: #fff;

  text-align: center;

}

/*.verify .touch {

  position: relative;

  width: 60%;

  box-sizing: border-box;

  height: 42px;

  border: 1px solid #dbdbdb;

  background: #f2f2f2;

  font-size: 16px;

  line-height: 42px;

  color: #888;

}

.verify .touch p {

  padding-left: 65px;

}

.verify .touch .btn {

  position: absolute;

  left: -1px;

  top: -1px;

  width: 50px;

  height: 42px;

  background: #d90915 url(../images/bg_btn01.png) no-repeat right center;

  cursor: pointer;

  z-index: 2;

}

.verify .touch .touch-in {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 3;

}*/

.verify #slider i {

  display: inline-block;

  position: absolute;

  right: -62px;

  top: 0;

  width: 62px;

  height: 40px;

  background: url(../images/bg_btn02.png) no-repeat center top;

  -webkit-transition: all 0.8s;

  transition: all 0.8s;

}

.verify #slider i.done {

  background: url(../images/bg_btn02.png) no-repeat center bottom;

  -webkit-transition: all 0.8s;

  transition: all 0.8s;

}



.nyprorec img{

    width: 100%;

}

/*=========产品技术参数=========*/

.proselect {

  margin-top: 25px;

  width: 198px;

  height: 34px;

  border: 1px #e4e4e4 solid;

  background: #fff url(../images/proselect.png) no-repeat 162px center;

  line-height: 34px;

  color: #666;

  font-size: 14px;

  position: relative;

  z-index: 10;

  cursor: pointer;

}

.proselect .chosed {

  padding-left: 20px;

}

.proselect ul {

  display: none;

  position: absolute;

  top: 35px;

  left: -1px;

  width: 100%;

  border-left: 1px #e4e4e4 solid;

  border-right: 1px #e4e4e4 solid;

}

.proselect ul li {

  background-color: #fff;

  padding-left: 20px;

  line-height: 34px;

  border-bottom: 1px #e4e4e4 solid;

  transition: background-color 0.5s ease 0s;

}

.proselect ul li:hover {

  color: #fff;

  background-color: #bb0327;

  transition: background-color 0.5s ease 0s;

}







/*===================技术研发=====================*/

.coretit {

  padding: 3.5% 0;

}

.coretit h2 {

  font-size: 36px;

  color: #2c2e32;

  line-height: 1;

}

.coretit i {

  display: block;

  width: 43px;

  height: 3px;

  background-color: #cecece;

  margin: 1.6% 0 1.8%;

}



.coretxt {

  width: 100%;

  font-size: 16px;

  color: #666;

  line-height: 28px;
  
  text-align:justify;

}



.coreli ul li {

  overflow: hidden;

  background-color: #f5f5f5;

}

.coreli ul li em {

  width: 50%;

  float: left;

  overflow: hidden;

  position: relative;

}

.coreli ul li em::after{

  content:"";

  display: block;

  width: 100%;

  height: 100%;

  background-color:rgba(0,0,0,0.25);

  opacity: 0;

  position: absolute;

  top:0;

  left:0;

  z-index: 2;

  transition:opacity 0.5s ease 0s;

}

.coreli ul li em img {

  width: 100%;

}

.coreli ul li em:hover::after {

  opacity: 1;

  transition:opacity 0.5s ease 0s;

}

.coreli ul li .coretx {

  width: 50%;

  float: right;

  box-sizing: border-box;

  padding-left: 5%;

  padding-right: 5%;

}

.coreli ul li .coretx h2 {

  font-size: 30px;

  color: #2c2e32;

  line-height: 1;

}

.coreli ul li .coretx h2 b {

  font-size: 36px;

  color: #bb0327;

}

.coreli ul li .coretx i {

  display: block;

  display: block;

  width: 43px;

  height: 3px;

  background-color: #cecece;

  margin: 5% 0 5%;

}

.coreli ul li .coretx .corep p {

  font-size: 16px;

  margin-bottom: 1.8%;

}

.coreli ul li .coretx .corep p b {

  color: #333;

}

.coreli ul li.oddli em {

  float: right;

}



/*===============result=================*/

.result-wrap .newslist{

  padding:2% 12% 0;

}

.result-wrap .storelist{

  padding:0 12% 5%;

}

.findtit{

  background-color: #f9f9f9;

  padding:28px 5% 22px;

}

.findtit h2{

  font-size: 28px;

  color: #333;

  line-height: 1;

}



/*============返回按钮=============*/

.backlistbtn a{

  display: inline-block;

  *display: inline;

  *zoom:1;

  width: 120px;

  height: 36px;

  text-align: center;

  line-height: 36px;

  border:1px #999 solid;

  border-radius:18px;

  font-size: 14px;

  color: #999;

  transition:all 0.5s ease 0s;

}

.backlistbtn a:hover{

  color: #c3072c;

  border-color:#c3072c;

  transition:all 0.5s ease 0s;

}



/*=============人才招聘申请==============*/

.applybtn .hrxx{

  display: none;

  font-size: 14px;

  color: #c60329;

  line-height: 24px;

}

img#code {

    height: 100%;

    vertical-align: top;

}

/*===============移动端视频中心=================*/

.mvideo{

  display: none;

}

.mvideo ul li{

  width: 100%;

}

.mvideo ul li .mvimg{

  display: block;

  width: 100%;

  position: relative;

}

.mvideo ul li video{

  width: 100%;

}

.mvideo ul li .mvimg img{

  width: 100%;

  height:100%;

}

.mvideo ul li .mvimg .mvmask{

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 4;

  background: url(../images/mask.png) repeat;

}

.mvideo ul li .mvimg b{

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -30px;

  margin-left: -30px;

  width: 60px;

  height: 60px;

  background: url(../images/syvi.png) no-repeat center;

  background-size: cover;

  z-index: 5;

}

.mvideo ul li .mvtx{

  padding-top:5%;

}

.mvideo ul li .mvtx h2{

  font-size: 18px;

  color: #333;

  line-height: 28px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  width: 100%;

}

.mvideo ul li .mvtx .tx{

  font-size: 12px;

  line-height: 24px;

  color: #666;

  margin-bottom: 5%;

}





/*====================闪电产品页====================*/

.flash {

  overflow: hidden;

}



.carintro {

  background: #f4f4f4 url(../images/floor.jpg) center bottom no-repeat;

  background-size: cover;

  position: relative;

  padding: 4% 0 0;

}



.carintro .wrap {

  max-width: 1308px;

  margin: 0 auto;

}



.flxtit {

  text-align: center;

}

.flxtit h2 {

  font-size: 48px;

  color: #333;

  line-height: 1;

  margin-bottom: 10px;

}

.flxtit h2 span {

  margin: 0 10px;

}

.flxtit h2 i {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width: 38px;

  height: 46px;

  background: transparent url(../images/flashlight.png) center no-repeat;

  background-size: 100% 100%;

  vertical-align: text-bottom;

}

.flxtit h3 {

  font-size: 16px;

  color: #666;

  line-height: 1;

}



.flxintro {

  position: relative;

}



.introtx {

  position: absolute;

  /*width: 66%;*/

  width: 84%;

  margin-left: -42%;

  bottom: 105px;

  left: 50%;

  z-index: 1;

}



.speed {

  font-size: 30px;

  color: #d30830;

  font-family: 'CENTURYGOTHIC-BOLD';

  position: absolute;

  right: 40px;

  top: -7px;

}



.letters {

  font-size: 400px;

  color: #d30830;

  line-height: 300px;

  text-align: center;

  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT',arial;

  letter-spacing: -0.095em;

  margin: 0 auto;

}

.letters span {

  display: inline-block;

  *display: inline;

  *zoom: 1;

}



.flxcar {

  width: 50%;

  margin: 10px auto 0;

  position: relative;

  z-index: 4;

}

.flxcar img {

  width: 100%;

}



.anchorspd {

  height: 48px;

  margin-top: 30px;

  position: relative;

  z-index: 10;

}



.anchors {

  width: 70%;

  margin: 0 auto;

  position: relative;

  z-index: 3;

  padding: 0 15%;

  z-index: 10;

  box-shadow: 0 8px 12px rgba(0,0,0,0.15);

}

.anchors.fixed {

  position: fixed;

  top: 0;

  left: 0;

  background-color: #fff;

}

.anchors.fixed ul li {

  box-shadow: none;

  border-right: 1px #f4f4f4 solid;

}

.anchors{

  background-color: #fff;

}

.anchors ul {

  text-align: center;

  font-size:0;

}

.anchors ul li {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  vertical-align: middle;

  width: 20%;

  box-sizing: border-box;

  font-size: 18px;

  color: #666;

  background-color: #fff;

  position: relative;

  text-align: center;

  cursor: pointer;

  box-shadow: none;

  border-right:1px #f4f4f4 solid;

}

.anchors ul li:last-child {

  margin-right: 0;

  border-right: none;

}

.anchors ul li i {

  font-size: 24px;

  color: #d30830;

  margin-right: 5px;

  font-style: normal;

  vertical-align: middle;

}

.anchors ul li span {

  margin-left: 5px;

  vertical-align: middle;

}

.anchors ul li.cur b {

  display: block;

  width: 100%;

  height: 3px;

  background-color: #bb0327;

  position: absolute;

  bottom: 0;

  left: 0;

}



.flxdots {

  position: absolute;

  width: 80%;

  margin-right: -40%;

  right: 50%;

  bottom: 15%;

  z-index: 2;

}

.flxdots img {

  width: 100%;

}



.speedline {

  background-color: #303136;

}

.speedline .wrap {

  max-width: 1308px;

  margin: 0 auto;

  padding: 3% 0 4%;

}



.linebg {

  float: left;

  width: 610px;

  height: 261px;

  background: url(../images/linebg.jpg) center no-repeat;

  background-size: 100% 100%;

  position: relative;

}

.linebg .redline {

  position: absolute;

  top: 0;

  left: 0;

  width: 0;

  height: 100%;

  background: url(../images/redline.png) left center no-repeat;

  overflow: hidden;

}

.linebg .grayline {

  position: absolute;

  top: 0;

  left: 0;

  width: 0;

  height: 100%;

  background: url(../images/grayline.png) left center no-repeat;

  overflow: hidden;

}

.linebg .sm {

  font-size: 24px;

  color: #d30830;

  position: absolute;

  right: 0;

  top: 105px;

}

.linebg .tm {

  font-size: 24px;

  color: #d30830;

  position: absolute;

  right: 0;

  top: 50px;

}

.linebg .linecenter {

  font-size: 36px;

  color: #fff;

  position: absolute;

  top: 86px;

  left: 300px;

}

.linebg .linecenter i {

  font-style: normal;

}



.mdots b {

  display: block;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background-color: rgba(255, 255, 255, 0.6);

  position: absolute;

}

.mdots b::after {

  content: "";

  display: block;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background-color: rgba(255, 255, 255, 0.6);

  position: absolute;

  margin-top: -4px;

  margin-left: -4px;

  left: 50%;

  top: 50%;

  animation: bannerbuIn infinite linear 1.5s normal;

  -webkit-animation: bannerbuIn infinite linear 1.5s normal;

}

.mdots b.b01 {

  top: 146px;

  left: 129px;

}

.mdots b.b02 {

  top: 165px;

  left: 202px;

}

.mdots b.b03 {

  top: 121px;

  left: 372px;

}

.mdots b.b04 {

  top: 103px;

  left: 474px;

}



.redb {

  display: block;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  position: relative;

  background-color: rgba(151, 24, 52, 0.6);

  position: absolute;

  top: 147px;

  left: 336px;

}

.redb::after {

  content: "";

  display: block;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  position: absolute;

  margin-top: -4px;

  margin-left: -4px;

  left: 50%;

  top: 50%;

  background-color: rgba(151, 24, 52, 0.6);

  animation: bannerbuIn infinite linear 1.5s normal;

  -webkit-animation: bannerbuIn infinite linear 1.5s normal;

}

.redb::before {

  content: "";

  display: block;

  width: 14px;

  height: 14px;

  border-radius: 50%;

  background-color: rgba(151, 24, 52, 0.6);

  position: absolute;

  margin-top: -7px;

  margin-left: -7px;

  left: 50%;

  top: 50%;

  animation: bannerbuIn infinite linear 1.5s normal;

  -webkit-animation: bannerbuIn infinite linear 1.5s normal;

}



@keyframes bannerbuIn {

  0% {

    opacity: 1;

    filter: alpha(opacity=100);

    transform: scale(1);

  }

  100% {

    opacity: 0;

    filter: alpha(opacity=0);

    transform: scale(3);

  }

}

.linetx {

  float: right;

  margin-top: 7%;

}

.linetx h2 {

  color: #fff;

  font-size: 40px;

  line-height: 1;

  margin-bottom: 20px;

}

.linetx .linetxp {

  width: 520px;

  color: #c1c2c3;

  font-size: 14px;

  line-height: 24px;

}



.engine {

  background-color: #e5e5e5;

}

.engine>img{

	display: none;

}

.engine .wrap {

  max-width: 1308px;

  margin: 0 auto;

  padding: 8% 0 11%;

}

.engine .wrap .tx h2 {

  font-size: 40px;

  color: #fff;

  line-height: 1;

  margin-bottom: 20px;

}

.engine .wrap .tx .txp {

  font-size: 14px;

  color: #c1c2c3;

  line-height: 24px;

  height: 72px;

}



.power {

  margin-top: 24px;

}

.power .acc {

  float: left;

  padding-right: 50px;

  position: relative;

  margin-right: 45px;

}

.power .acc::after {

  content: "";

  display: block;

  position: absolute;

  right: 0;

  top: 10%;

  width: 1px;

  height: 80%;

  background-color: #393939;

}

.power .acc .num {

  font-size: 24px;

  color: #d30830;

  line-height: 1;

}

.power .acc .num i {

  font-size: 80px;

  color: #d30830;

  font-style: normal;

}

.power .acc p {

  font-size: 14px;

  color: #666;

  line-height: 24px;

}

.power .deg {

  float: left;

}

.power .deg .num {

  font-size: 80px;

  color: #d30830;

  line-height: 1;

}

.power .deg .num i {

  font-style: normal;

}

.power .deg p {

  font-size: 14px;

  color: #666;

  line-height: 24px;

}



.ability > img {

  width: 120%;

  display: none;

}

.ability .wrap {

  /*max-width: 1308px;

  margin: 0 auto;*/

  padding: 8% 0 17%;

}

.ability .wrap .tx {

  width: 46%;

  max-width: 670px;

  padding-right:10%;

}

.ability .wrap .tx h2 {

  font-size: 40px;

  color: #333;

}

.ability .wrap .tx .txp {

  color: #666;

}



.power .abacc::after {

  background-color: #bababa;

}

.power .abacc:last-child::after {

  display: none;

}

.double>img{

	display: none;

}

.double .wrap {

  max-width: 1308px;

  margin: 0 auto;

  padding-top: 8%;

  padding-bottom: 11%;

}

.double .wrap .tx h2 {

  font-size: 40px;

  color: #fff;

  line-height: 1;

  margin-bottom: 20px;

}

.double .wrap .tx .txp {

  width: 680px;

  font-size: 14px;

  color: #c1c2c3;

  line-height: 24px;

  height: 72px;

}



.cws {

  margin-top: 30px;

}

.cws .cw {

  float: left;

  width: 136px;

  height: 136px;

  text-align: center;

  position: relative;

  box-sizing: border-box;

  padding-top: 36px;

  margin-right: 32px;

}

.cws .cw b {

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

}

.cws .cw b.in {

  transform: rotateZ(90deg);

  transition: transform 2s ease 0s;

}

.cws .cw.cw01 b {

  background: url(../images/kd01.png) center no-repeat;

  background-size: cover;

}

.cws .cw.cw02 b {

  background: url(../images/kd02.png) center no-repeat;

  background-size: cover;

}

.cws .cw.cw03 b {

  background: url(../images/kd03.png) center no-repeat;

  background-size: cover;

}

.cws .cw .precent {

  font-size: 16px;

  color: #ff2e3b;

  line-height: 1;

}

.cws .cw .precent i {

  font-size: 36px;

  font-style: normal;

}

.cws .cw .cwj {

  color: #fff;

}

.cws .cw .cwj .wn {

  color: #fff;

  font-size: 12px;

}

.cws .cw .cwj .wn i {

  font-size: 14px;

  font-style: normal;

}

.cws .cw .cwj .rn {

  color: #ff2e3b;

  font-size: 12px;

}

.cws .cw .cwj .rn i {

  font-size: 14px;

  font-style: normal;

}



.alldeg {

  padding-top: 3.5%;

  padding-bottom: 3%;

  background-color: #fff;

}

.alldeg .wrap {

  max-width: 1308px;

  margin: 0 auto;

}



.alldegtit {

  text-align: center;

}

.alldegtit h2 {

  font-size: 40px;

  color: #333;

  line-height: 1;

  margin-bottom: 14px;

}

.alldegtit .subh {

  font-size: 16px;

  color: #666;

  line-height: 24px;

  padding: 0 5%;

}

.alldegtit .desc {

  margin-top: 36px;

}

.alldegtit .desc ul {

  display: inline-block;

  *display: inline;

  *zoom: 1;

}

.alldegtit .desc ul li {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  margin: 0 18px;

}

.alldegtit .desc ul li em {

  display: inline-block;

  *zoom: 1;

  width: 79px;

  height: 79px;

  margin-bottom: 10px;

  vertical-align: top;

  box-sizing:border-box;

  border:1px #d30830 solid;

  border-radius:50%;

  /*overflow: hidden;*/

  position: relative;

  transition:all 0.5s ease 0s;

}

.alldegtit .desc ul li em b{

  display: inline-block;

  *display: inline;

  *zoom:1;

  width: 50px;

  height: 50px;

  position: absolute;

  top:50%;

  left:50%;

  margin-left:-25px;

  margin-top:-25px;

}

.alldegtit .desc ul li em.ideg01 b{

  background: url(../images/ideg01.png) no-repeat center;

  background-size: 100% 100%;

}

.alldegtit .desc ul li em.ideg02 b{

  background: url(../images/ideg02.png) no-repeat center;

  background-size: 100% 100%;

}

.alldegtit .desc ul li em.ideg03 b{

  background: url(../images/ideg03.png) no-repeat center;

  background-size: 100% 100%;

}

.alldegtit .desc ul li:hover em{

  background-color: #d30830;

  transition:all 0.5s ease 0s;

}

.alldegtit .desc ul li:hover em.ideg01 b{

  background: url(../images/ideg001.png) no-repeat center;

  background-size: 100% 100%;

}

.alldegtit .desc ul li:hover em.ideg02 b{

  background: url(../images/ideg002.png) no-repeat center;

  background-size: 100% 100%;

}

.alldegtit .desc ul li:hover em.ideg03 b{

  background: url(../images/ideg003.png) no-repeat center;

  background-size: 100% 100%;

}

/*.alldegtit .desc ul li em:hover b{

  -webkit-animation:boom 0.3s linear;

  animation:boom 0.3s linear;

}

@-webkit-keyframes boom{

    0% {

      margin-top:-25px;

    }

    50%{

      margin-top:-100px;

    }

    51%{

      margin-top:80px;

    }

    100% {

      margin-top:-25px;

    }

}



@keyframes boom

{

    0% {

      margin-top:-25px;

    }

    50%{

      margin-top:-100px;

    }

    51%{

      margin-top:80px;

    }

    100% {

      margin-top:-25px;

    }

}*/

.alldegtit .desc ul li p {

  font-size: 14px;

  color: #333;

}



.alldegslide {

  position: relative;

}



.allc {

  display: none;

  width: 100%;

  position: absolute;

  top: 0;

  left: 50%;

  margin-left: -50%;

  text-align: center;

}

.allc span {

  font-size: 440px;

  color: #d30830;

  line-height: 1;

  position: relative;

  letter-spacing: 0.07em;

}

.allc span i {

  font-size: 160px;

  position: absolute;

  top: 88px;

  right: -40px;

  font-style: normal;

}



.alldegslide .bimg {

  position: relative;

}

.alldegslide .bimg > img {

  max-width: 80%;

}

.alldegslide .bimg .slidebtn {

  display: block;

  width: 30px;

  height: 68px;

  position: absolute;

  top: 50%;

  margin-top: -34px;

}

.alldegslide .bimg .slidebtn.previmg {

  left: 5px;

  background: url(../images/all-l.png) no-repeat center;

  background-size: 100% 100%;

  transition: all 0.5s ease 0s;

}

.alldegslide .bimg .slidebtn.previmg:hover {

  left:0;

  background: url(../images/all-l02.png) no-repeat center;

  background-size: 100% 100%;

}

.alldegslide .bimg .slidebtn.nextimg {

  right: 5px;

  background: url(../images/all-r.png) no-repeat center;

  background-size: 100% 100%;

  transition: all 0.5s ease 0s;

}

.alldegslide .bimg .slidebtn.nextimg:hover {

  right:0;

  background: url(../images/all-r02.png) no-repeat center;

  background-size: 100% 100%;

}



.bbimg {

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

}



.allimg {

  display: none;

  width: 80%;

  height: 100%;

  margin: 0 auto;

  position: relative;

}

.allimg ul {

  width: 100%;

}

.allimg ul li {

  display: none;

  width: 100%;

  position: absolute;

  top: 0;

  text-align: center;

}

.allimg ul li img {

  max-width: 100%;

}

.allimg ul li.cur {

  display: block;

}



.allcolor {

  text-align: center;

  padding-top: 20px;

  position: relative;

  z-index: 2;

}

.allcolor ul {

  display: inline-block;

  *display: inline;

  *zoom: 1;

}

.allcolor ul li {

  float: left;

  border: 1px transparent solid;

  border-radius: 3px;

  box-sizing: border-box;

  overflow: hidden;

  margin: 0 4px;

  cursor: pointer;

  width: 28px;

  height: 28px;

}

.allcolor ul li img {

  vertical-align: top;

  width: 100%;

  height: 100%;

}

.allcolor ul li.cur {

  border: 1px transparent solid;

  box-shadow: 0 0 10px #ccc;

}



.model {

  position: relative;

  overflow: hidden;

}

.model>img{

	display: none;

}

.model .modelbg{

  width: 100%;

  height: 100%;

  position: absolute;

  top:0;

  z-index: 2;

}

.model #wave {

  position: absolute;

  z-index: 1;

  bottom: -212px;

  width: 100%;

  height: 745px;

}

.model > img {

  display: none;

  width: 100%;

}

.model .wrap {

  max-width: 1308px;

  margin: 0 auto;

  padding: 8% 0 11%;

  position: relative;

  z-index: 3;

}

.model .wrap .tx h2 {

  font-size: 40px;

  color: #fff;

}

.model .wrap .tx .txp {

  font-size: 14px;

  color: #c1c2c3;

  line-height: 24px;

  height: 72px;

  width: 450px;

}

.model .wrap .tx .itx {

  margin-top: 56px;

}

.model .wrap .tx .itx ul li {

  text-align: center;

  float: left;

  margin-right: 40px;

}

.model .wrap .tx .itx ul li em {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  margin-bottom: 10px;

  vertical-align: top;

  width: 79px;

  height: 79px;

  border-radius: 50%;

  box-sizing:border-box;

  border:1px #d30830 solid;

  position: relative;

  /*overflow: hidden;*/

  transition:all 0.5s ease 0s;

}

.model .wrap .tx .itx ul li em b{

  display: inline-block;

  *display: inline;

  *zoom:1;

  width: 50px;

  height: 50px;

  position: absolute;

  top:50%;

  margin-top:-25px;

  margin-left: -25px;

  left:50%;

}

.model .wrap .tx .itx ul li em.itx01 b{

  background: url(../images/itx01.png) no-repeat center;

  background-size: 100% 100%;

}

.model .wrap .tx .itx ul li em.itx02 b{

  background: url(../images/itx02.png) no-repeat center;

  background-size: 100% 100%;

}

.model .wrap .tx .itx ul li:hover em{

  background-color: #d30830;

  transition:all 0.5s ease 0s;

}

.model .wrap .tx .itx ul li:hover em.itx01 b{

  background: url(../images/itx001.png) no-repeat center;

  background-size: 100% 100%;

}

.model .wrap .tx .itx ul li:hover em.itx02 b{

  background: url(../images/itx002.png) no-repeat center;

  background-size: 100% 100%;

}

/*.model .wrap .tx .itx ul li em:hover b{

  -webkit-animation:boom 0.3s linear;

  animation:boom 0.3s linear;

}*/

.model .wrap .tx .itx ul li p {

  font-size: 14px;

  color: #d30830;

}

.lock>img{

	display: none;

}

.lock .wrap {

  padding: 8% 0;

}

.lock .wrap .tx .txp {

  width: 450px;

}

.lock .wrap .tx .itx {

  margin-top: 56px;

}

.lock .wrap .tx .itx ul li em{

  position: relative;

  /*overflow: hidden;*/

}

.lock .wrap .tx .itx ul li em b{

  display: inline-block;

  *display: inline;

  *zoom:1;

  width: 50px;

  height: 50px;

  position: absolute;

  top:50%;

  margin-top:-25px;

  margin-left: -25px;

  left:50%;

}

.lock .wrap .tx .itx ul li em.itx01 b{

  background: url(../images/pint.png) no-repeat center;

  background-size: 100% 100%;

}

.lock .wrap .tx .itx ul li em.itx02 b{

  background: url(../images/chart.png) no-repeat center;

  background-size: 100% 100%;

}

.lock .wrap .tx .itx ul li:hover em{

  background-color: #d30830;

  transition:all 0.5s ease 0s;

}

.lock .wrap .tx .itx ul li:hover em.itx01 b{

  background: url(../images/pint01.png) no-repeat center;

  background-size: 100% 100%;

}

.lock .wrap .tx .itx ul li:hover em.itx02 b{

  background: url(../images/chart01.png) no-repeat center;

  background-size: 100% 100%;

}

/*.lock .wrap .tx .itx ul li em:hover b{

  -webkit-animation:boom 0.3s linear;

  animation:boom 0.3s linear;

}*/

.light {

  position: relative;

}

.light .tx {

  width: 100%;

  text-align: center;

  position: absolute;

  top: 8.5%;

  z-index: 3;

}

.light .tx h2 {

  font-size: 40px;

  color: #fff;

  line-height: 1;

  margin-bottom: 20px;

}

.light .tx .txp {

  padding: 0 5%;

  font-size: 14px;

  color: #c1c2c3;

  line-height: 24px;

  height: auto;

}



.lightq {

  position: relative;

}

.lightq .bd {

  position: relative;

}

.lightq .bd > img {

  width: 100%;

  height: auto;

}

.lightq .bd ul {

  width: 100%;

  height: 100%;

}

.lightq .bd ul li {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  overflow: hidden;

}

.lightq .bd ul li em {

  width: 100%;

  display: none;

  position: absolute;

  top: 0;

  left: 0;

/*  opacity: 1;

  filter: alpha(opacity=100);*/

  /*transition: opacity 0.5s ease 0s;*/

}

.lightq .bd ul li em img {

  width: 100%;

  height: 100%;

}

.lightq .bd ul li em.show {

  /*opacity: 1;

  filter: alpha(opacity=100);

  transition: opacity 0.5s ease 0s;*/

  display: block;

}

.lightq .bd ul li em::after{

  content: "";

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: 2;

  -webkit-animation: gradient 3s linear;

  animation: gradient 3s linear;

  background: -moz-radial-gradient(40%, ellipse cover, #000 50%, #131313 100%); /* FF3.6-15 */

  background: -webkit-radial-gradient(40%, ellipse cover, #000 50%,#131313 100%); /* Chrome10-25,Safari5.1-6 */

  background: radial-gradient(ellipse at 40%, #000 50%,#131313 100%);

  opacity: 0;

}

/*.lightq .bd ul li em.show::after{

  box-shadow: inset 0 0 600px rgba(0,0,0,0.6);

  transition:all 5s ease 0s;

}*/

/*@-webkit-keyframes gradient {

  0% {

    box-shadow: inset 0 900px 600px rgba(0,0,0,0.8);

  }

  100% {

    box-shadow: inset 0 0px 600px rgba(0,0,0,0.8);

  }

}

@keyframes gradient {

  0% {

    box-shadow: inset 0 900px 600px rgba(0,0,0,0.8);

  }

  100% {

    box-shadow: inset 0 0px 600px rgba(0,0,0,0.8);

  }

}*/

@keyframes gradient{

  0%{

    opacity: 0.8;

  }

  100%{

    opacity:0;

  }

}

.lightq .hd {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 652px;

  margin-left: -326px;

  z-index: 3;

}

.lightq .hd ul li {

  text-align: center;

  cursor: pointer;

}

.lightq .hd ul li em {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width: 79px;

  height: 79px;

  /*opacity: 1;

  filter: alpha(opacity=100);

  transition: all 0.5s ease 0s;*/

  vertical-align: top;

  margin-bottom: 10px;

  border-radius: 50%;

  box-sizing:border-box;

  border:1px #d30830 solid;

  position: relative;

}

.lightq .hd ul li:hover em{

  background-color: #d30830;

  /*opacity: 0.7;

  filter: alpha(opacity=70);*/

  transition: all 0.5s ease 0s;

}

.lightq .hd ul li em b{

  display: inline-block;

  *display: inline;

  *zoom:1;

  width: 50px;

  height: 50px;

  position: absolute;

  top:50%;

  margin-top:-25px;

  margin-left: -25px;

  left:50%;

}

.lightq .hd ul li.font em b{

  background: url(../images/front.png) no-repeat center;

  background-size: 100% 100%;

  transition:all 0.5s ease 0s;

}

.lightq .hd ul li.end em b{

  background: url(../images/end.png) no-repeat center;

  background-size: 100% 100%;

  transition:all 0.5s ease 0s;

}

.lightq .hd ul li.font:hover em b{

  background: url(../images/front02.png) no-repeat center;

  background-size: 100% 100%;

  transition:all 0.5s ease 0s;

}

.lightq .hd ul li.end:hover em b{

  background: url(../images/end02.png) no-repeat center;

  background-size: 100% 100%;

  transition:all 0.5s ease 0s;

}

.lightq .hd ul li p {

  font-size: 14px;

  color: #d30830;

}



.design .tit {

  max-width: 1308px;

  margin: 0 auto;

  padding: 3.5% 5%;

  text-align: center;

}

.design .tit h2 {

  font-size: 40px;

  color: #333;

  line-height: 1;

}

.design .tit .subh {

  font-size: 16px;

  color: #333;

  line-height: 24px;

  margin-top: 20px;

  min-height: 48px;

}



.designul ul li {

  float: left;

  box-sizing: border-box;

  width: 50%;

  position: relative;

}

.designul ul li em {

  width: 100%;

  display: block;

  position: relative;

  overflow: hidden;

}

.designul ul li em img {

  width: 100%;

  height: auto;

  vertical-align: top;

  transform: scale(1.01);

  transition: transform 0.5s ease 0s;

}

.designul ul li em:hover img {

  transform: scale(1.05);

  transition: transform 0.5s ease 0s;

}

.designul ul li .tx {

  position: absolute;

  top: 15%;

  width: 415px;

}

.designul ul li .tx h2 {

  font-size: 24px;

  color: #fff;

  line-height: 1;

  margin-bottom: 20px;

}

.designul ul li .tx .txp {

  font-size: 14px;

  color: #fff;

  line-height: 24px;

}

.designul ul li:nth-child(2n+1) .tx {

  right: 230px;

}

.designul ul li:nth-child(2n) .tx {

  left: 50px;

}



.secure > img {

  display: none;

}

.secure .wrap {

  max-width: 1308px;

  margin: 0 auto;

  padding-top: 8%;

  padding-bottom: 15%;

}

.secure .wrap .tx h2 {

  font-size: 40px;

  color: #333;

  line-height: 1;

  margin-bottom: 24px;

}

.secure .wrap .tx .txp {

  width: 520px;

  font-size: 14px;

  color: #666;

  line-height: 24px;

}

.secure .wrap .tx .destance {

  margin-top: 40px;

}

.secure .wrap .tx .destance .num {

  font-size: 30px;

  color: #d30830;

  font-family: 'CENTURYGOTHIC-BOLD';

  line-height: 1;

}

.secure .wrap .tx .destance .num i {

  font-style: normal;

  font-size: 80px;

  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';

  font-weight: bolder;

}

.secure .wrap .tx .destance .destp {

  font-size: 14px;

  color: #666;

}



.material .wrap {

  max-width: 1308px;

  margin: 0 auto;

  padding-top: 4%;

  padding-bottom: 1%;

}

.material .wheel {

  float: left;

  width: 53%;

}

.material .wheel img {

  width: 100%;

}

.material .materialtx {

  float: left;

  margin-left: 6%;

  margin-top: 6%;

}

.material .materialtx h2 {

  font-size: 20px;

  color: #666;

  line-height: 1;

}

.material .materialtx .numpre {

  display: inline-block;

  color: #c00a2f;

  font-size: 126px;

  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';

  position: relative;

  line-height: 1;

}

.material .materialtx .numpre em {

  font-style: normal;

}

.material .materialtx .numpre i {

  display: block;

  width: 100%;

  height: 3px;

  background-color: #c00a2f;

  position: absolute;

  bottom: 0;

  left: 0;

}

.material .materialtx .materialtxp {

  margin-top: 36px;

  font-size: 32px;

  color: #333;

  line-height: 40px;

}

.carwin>img{

	display: none;

}

.carwin .wrap {

  max-width: 1308px;

  margin: 0 auto;

  padding-top: 15%;

  padding-bottom: 15%;

}

.carwin .wrap .tx h2 {

  font-size: 48px;

  color: #fff;

  line-height: 1;

  margin-bottom: 20px;

}

.carwin .wrap .tx .txp {

  font-size: 14px;

  color: #c1c2c3;

  line-height: 24px;

}



.antiwater {

  position: relative;

  background-color: #f4f4f4;

}

.antiwater .wrap {

  max-width: 1308px;

  margin: 0 auto;

  padding-top: 11%;

  padding-bottom: 12%;

  position: relative;

}

.antiwater .wrap .tx{

  position: relative;

  z-index: 2;

}

.antiwater .wrap .tx h2 {

  font-size: 40px;

  line-height: 1;

  color: #333;

}

.antiwater .wrap .tx .txp {

  font-size: 14px;

  color: #666;

  line-height: 24px;

  max-width: 420px;

  margin-top: 26px;

}

.antiwater .wrap .tx .deep {

  width: 88px;

  height: 88px;

  border-radius: 50%;

  background-color: #1fb7f6;

  color: #fff;

  text-align: center;

  box-sizing: border-box;

  padding-top: 5px;

  margin-top: 64px;

  -webkit-animation: float 3s infinite ease-in-out;

  animation: float 3s infinite ease-in-out;

  position: relative;

}

.antiwater .wrap .tx .deep p {

  font-size: 20px;

  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';

}

.antiwater .wrap .tx .deep p i {

  font-style: normal;

  font-size: 32px;

}



@-webkit-keyframes float {

  0% {

    top: 0px;

  }

  50% {

    top: 40px;

  }

  100% {

    top: 0px;

  }

}

@keyframes float {

  0% {

    top: 0px;

  }

  50% {

    top: 40px;

  }

  100% {

    top: 0px;

  }

}

.bigcar {

  position: absolute;

  right: -5%;

  bottom: 0;

  width: 70%;

}

.bigcar img {

  width: 100%;

}



.water {

  width: 100%;

  overflow: hidden;

  position: absolute;

  bottom: 0;

  left: 50%;

  margin-left: -50%;

}

.water img {

  width: 100%;

}

.emanager>img{

	display: none;

}

.emanager .wrap {

  max-width: 1308px;

  margin: 0 auto;

  padding: 14% 0 14%;

}

.emanager .wrap .tx h2 {

  font-size: 48px;

  color: #fff;

  line-height: 1;

  margin-bottom: 10px;

}

.emanager .wrap .tx .subh {

  font-size: 20px;

  color: #fff;

  line-height: 24px;

}

.emanager .wrap .tx .txp {

  font-size: 14px;

  line-height: 24px;

  color: #fff;

  margin-top: 50px;

  width: 532px;

  height: 72px;

}



.parameter .wrap {

  max-width: 1308px;

  margin: 0 auto;

  padding-bottom: 40px;

}



.paramimg {

  width: 50%;

  margin: 0 auto;

  padding: 30px 0;

}

.paramimg img {

  width: 100%;

}



.params {

  border-top: 1px solid #e5e5e5;

  border-bottom: 1px solid #e5e5e5;

  padding: 3.5% 8% 3.5%;

  text-align: center;

}

.params .seeparam {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  margin-right: 68px;

  color: #ce001d;

  vertical-align: top;

  line-height: 72px;

  cursor: pointer;

}

.params ul {

  display: inline-block;

  *display: inline;

  *zoom: 1;

}

.params ul li {

  margin-right: 130px;

  float: left;

}

.params ul li p {

  font-size: 14px;

  color: #666;

  line-height: 1;

}

.params ul li p span {

  font-size: 36px;

  color: #ce001d;

  line-height: 1;

  vertical-align: sub;

}

.params ul li p span i {

  font-size: 72px;

  color: #ce001d;

  font-style: normal;

}



.wanted {

  text-align: center;

  padding: 46px 0;

}

.wanted a {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width: 160px;

  height: 45px;

  background-color: #ce001d;

  text-align: center;

  color: #fff;

  line-height: 45px;

  font-size: 14px;

  border-radius: 3px;

  opacity: 1;

  filter: alpha(opacity=100);

  transition: all 0.5s ease 0s;

}

.wanted a:hover {

  opacity: 0.75;

  filter: alpha(opacity=75);

  transition: all 0.5s ease 0s;

}



header.nofixed {

  top: -80px;

  transition: all 0.5s ease-out 0s;

}



.hdpd.nofixed {

  height: 0;

  transition: height 0.5s ease-out 0s;

}

.paramstb{

  width: 100%;

}

.paramstb .tbtx{

  float: left;

  width: 30%;

  margin-right:5%;

  margin-bottom:16px;

}

.paramstb .tbtx:nth-child(3n){

  margin-right:0;

}

.paramstb .lasttbtx{

  width: 100%;

}

.paramstb .tbtx strong{

  float:left;

  font-size: 18px;

  color: #2b2b2f;

  height:100%;

  margin-right:10px;

}

.paramstb .tbtx .txp{

  float: left;

  font-size: 14px;

  color: #666;

  line-height: 22px;

  padding-top:7px;

}

.main-big{width:100%;height:900px;position:relative;}
.main-big .big-img{width:100%;height:100%; }
.main-big .big-con{width:100%;position:absolute;top:0;left:0;padding-top:425px;}
.main-big .big-con h3{font-size:60px;color:#fff;font-weight:500;text-align:center;line-height:70px;}

.big-ban{width:100%;height:560px; position:relative;}
.big-ban .big-ban-img{width:100%;height:100%;background-size:100% 100%;}
.big-ban .big-ban-con{width:100%;position:absolute;top:30%;left:0;}
.big-ban .big-ban-con h3{font-size:46px; letter-spacing:2px;color:#fff;font-weight:500;text-align:center;line-height:100px;}
.big-ban .big-ban-con p{font-size:20px; letter-spacing:2px;color:#fff;text-align:center;text-shadow: 0 0 8px #333;}
.big-ban .big-ban-con p span{ font-size:44px; color:#FFFFFF;text-shadow: 0 0 8px #333;}


.main-big2{width:100%;height:500px;position:relative;}
.big2-img{width:100%;height:100%;background-size:100% 100%;}
.big2{width:100%;position:absolute;top:0px;left:0px;}

.bgy-h2{padding:20px 30px 50px 30px;}
.bgy-h2 h2{font-size:32px;color:#161616; font-weight:600; padding-bottom:30px; padding-left:50px; border-bottom:2px #333333 solid;}


/*about*/
.about_1{width:100%;}
.about_1-con{padding:0px 46px 30px 46px;}
.about_1-con-1{padding:0px 46px 0px 46px;}
.about_1-con p{font-size:16px;color:#555555;line-height:32px;padding-bottom:25px; text-align:justify;}
.about_1-con .text{text-align:center; font-size:32px; color:#161616; line-height:45px; padding:60px 0px 30px 0px;}
.about_1-img{width:100%;height:360px;padding:20px 0px 50px 0px;}
.about_1-right{width:410px;height:265px;padding:95px 0px 0px 40px; position:relative;float:right;}
.about_1-right em{width:340px;height:2px;display:block;position:absolute;left:-40px;top:60px;background:#333333}
.about_1-right h3{font-size:18px;color:#004b93;font-weight:500;line-height:36px; padding:40px 0px 0px 0px;}

.about_1-bot{width:1200px;height:460px;margin:120px 0px 150px 0px;background:url("../images/about_1-bot.jpg") no-repeat center center;}

.about_1-bot li{width:300px;height:240px;float:left;padding-top:215px;text-align:center;}
.about_1-bot li h3{font-size:24px;color:#333333;font-weight:500;padding-bottom:42px;margin-bottom:18px;background:url("../images/about_1-bot2.jpg") no-repeat center bottom;}
.about_1-bot li p{font-size: 14px;color:#888888;line-height:24px;}

/*about_3*/
.about_3{width:100%;padding:20px 0px 90px 0px;}
.about_3-con h2{font-size:36px;color:#333333;font-weight:500;padding:55px 0px 35px 0px;border-bottom:2px #333333 solid;}
.about_3-con h3{font-size:24px;color:#333333; padding:0px 0px 15px 120px;margin-top:35px; background:url("../images/about_3.png") no-repeat 90px 5px;}
.about_3-con p{font-size:14px;color:#666666;padding-bottom:8px; padding-left:120px;}
.about_3-em{width:1080px;;height:2px;background:#cccccc;margin:35px 0px 0px 120px;display:block;}

.w1200{width:1356px;margin:0 auto;}

@media(max-width:1400px){
.w1200{width:100%;margin:0 auto;}
.about_1-img{width:95%;height:360px;padding:20px 0px 50px 0px;}
.about_1-right{width:350px;height:265px;padding:95px 0px 0px 40px; position:relative;float:right;}
}

@media(max-width:1200px){
.w1200{width:100%;margin:0 auto;}
.about_1-right{width:350px;height:165px;padding:95px 0px 0px 40px; position:relative;float:right;}
.about_1-img{width:100%;height:260px;padding:20px 0px 50px 0px;}
.about_1-img img{ width:58%;}
}


@media only screen and (max-width: 767px){
.w1200{width:96%;margin:0 auto;}

.big-ban{width:100%;height:220px; position:relative;}
.big-ban .big-ban-img{width:100%;height:100%;background-size:100% 100%;}
.big-ban .big-ban-con{width:100%;position:absolute;top:15%;left:0;}
.big-ban .big-ban-con h3{font-size:25px; letter-spacing:2px;color:#fff;font-weight:500;text-align:center;line-height:100px;}
.big-ban .big-ban-con p{font-size:16px; letter-spacing:2px;color:#fff;text-align:center; padding:0px 10px;text-shadow: 0 0 8px #333;}
.big-ban .big-ban-con p span{ font-size:25px; color:#FFFFFF;text-shadow: 0 0 8px #333;}

.about-us{ width:96%; margin:0 auto;}
.bgy-h2{width:100%;padding:0px 0px 25px 0px;}
.bgy-h2 h2{font-size:20px;color:#161616; font-weight:normal; padding-top:30px; padding-bottom:10px; padding-left:12px; border-bottom:2px #333333 solid;}

.about_1{width:100%;}
.about_1-con{padding:0px 10px 10px 10px;}
.about_1-con-1{padding:0px 46px 0px 46px;}
.about_1-con p{font-size:15px;color:#555555;line-height:30px; text-align:justify; padding-bottom:25px;}
.about_1-con .text{text-align:center; font-size:22px; color:#161616; line-height:32px; padding:60px 0px 30px 0px;}
.about_1-img{width:100%; height:360px;padding:10px 0px 30px 0px; position:relative;}
.about_1-img img{ width:100%;}
.about_1-right{width:100%;padding:95px 0px 0px 40px; height:90px; position: relative;float:right;}
.about_1-right em{width:90%;height:2px;display:block;position:absolute;left:40px;top:60px;background:#000}
.about_1-right h3{font-size:16px;color:#004b93;font-weight:500;line-height:32px; padding:0px 0px 0px 20px;}

.about_1-bot{width:1200px;height:460px;margin:120px 0px 150px 0px;background:url("../images/about_1-bot.jpg") no-repeat center center;}

.about_1-bot li{width:300px;height:240px;float:left;padding-top:215px;text-align:center;}
.about_1-bot li h3{font-size:24px;color:#333333;font-weight:500;padding-bottom:42px;margin-bottom:18px;background:url("../images/about_1-bot2.jpg") no-repeat center bottom;}
.about_1-bot li p{font-size: 14px;color:#888888;line-height:24px;}

}


.product-list-b {
        width: 100%;
        padding-top: 35px;
		padding-bottom:30px;
}

.product-list-b ul {
        width: 100%
}

.product-list-b li {
        width: 30.75%;
		margin-left:1.2%;
        margin-right: 1.2%;
        background: #fff;
        border: 1px solid #eee;
        float: left;
        margin-bottom: 35px
}

.product-list-b li.on {
        margin-right: 0
}

.product-list-b li .pic {
        width: 100%;
        position: relative;
        overflow: hidden;
        border-bottom: 1px solid #eee
}

.product-list-b li img {
        max-width: 100%;
        transition: all .3s
}
.product-list-b li .con {
        padding: 21px 2.2% 23px;
        display: block
}

.product-list-b li h3 {
        font-size: 16px;
        color: #999;
        line-height: 36px;
        height: 36px;
        overflow: hidden
}

.product-list-b li .font {
        font-size: 16px;
        color: #333;
        line-height: 27px;
        height: 54px;
        overflow: hidden
}

.product-list-b li .more {
        width: 127px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        border: 1px solid #e4e4e4;
        background: #f9f9f9;
        font-size: 15px;
        color: #333;
        border-radius: 2px;
        transition: background .3s, color .3s, border .3s;
        margin-top: 5px
}
.product-list-b li:hover img {
        transform: scale(1.1)
}
.product-list-b li:hover .more {
        background: #f08519;
        border-color: #f08519;
        color: #fff;
}
.product-list-b li:hover .more a{color: #fff;}

@media(max-width:481px){
.product-list-b li {
        width: 47.0%;
		margin-left:1.2%;
        margin-right: 1.2%;
        background: #fff;
        border: 1px solid #eee;
        float: left;
        margin-bottom: 35px
}
}



.product-list-b01 {
  width: 100%;
  padding-top: 35px;
padding-bottom:30px;overflow: hidden;
}

.product-list-b01 ul {
  width: 100%
}

.product-list-b01 li {
  width: 22%;
margin-left:1%;
  margin-right: 1%;
  background: #fff;
  border: 1px solid #eee;
  float: left;
  margin-bottom: 35px
}

.product-list-b01 li.on {
  margin-right: 0
}

.product-list-b01 li .pic {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #eee
}

.product-list-b01 li img {
  max-width: 100%;
  transition: all .3s
}
.product-list-b01 li .con {
  padding: 21px 2.2% 23px;
  display: block
}

.product-list-b01 li h3 {
  font-size: 16px;
  color: #999;
  line-height: 36px;
  height: 36px;
  overflow: hidden
}

.product-list-b01 li .font {
  font-size: 16px;
  color: #333;
  line-height: 27px;
  height: 54px;
  overflow: hidden
}

.product-list-b01 li .more {
  width: 127px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border: 1px solid #e4e4e4;
  background: #f9f9f9;
  font-size: 15px;
  color: #333;
  border-radius: 2px;
  transition: background .3s, color .3s, border .3s;
  margin-top: 5px
}
.product-list-b01 li:hover img {
  transform: scale(1.1)
}
.product-list-b01 li:hover .more {
  background: #f08519;
  border-color: #f08519;
  color: #fff;
}
.product-list-b01 li:hover .more a{color: #fff;}

@media(max-width:481px){
.product-list-b01 li {
  width: 47.0%;
margin-left:1.2%;
  margin-right: 1.2%;
  background: #fff;
  border: 1px solid #eee;
  float: left;
  margin-bottom: 35px
}
}

.cont-info{ margin-bottom:60px;}
.col-md-8{ float:left; width:60%; height:536px;}
.col-md-4{ float:left; width:39%;}
.cont-info .right {
  border: 1px solid #e5e5e5;
  min-height: 534px;
}
.cont-info .cap {
  width: 74%;
  margin: 0 auto;
  padding-top: 7%;
  padding-bottom: 3%;
  border-bottom: 1px solid #dbdbdb;
  font-size: 20px;
}
.cont-info .cap .fl{ font-size:24px; font-weight:600; color:#333;}
.cont-info .cap .ico {
  margin-right: 3%;
  margin-top:1%;
}
.cont-info .text {
  width: 74%;
  margin: 0 auto;
  font-size: 16px;
  color: #444;
  line-height: 30px;
  padding: 30px 0;
  height:282px;
}
@media(max-width:481px){
.col-md-8{ width:100%; height:350px;}
.col-md-4{ width:100%;}
.cont-info .cap {
  width: 90%;
  margin: 0 auto;
  padding-top: 7%;
  padding-bottom: 3%;
  border-bottom: 1px solid #dbdbdb;
  font-size: 20px;
}
.cont-info .text {
  width: 90%;
  margin: 0 auto;
  font-size: 16px;
  color: #444;
  line-height: 30px;
  padding: 30px 0;
  height:282px;
}
}

.feedback{ font-size:16px; margin:0px 0px 50px 20px;}
.feedback .tit h2 {

  font-size: 36px;

  color: #333;

}

.feedback .tit i {

  display: block;

  width: 50px;

  height: 2px;

  background-color: #8a8b8b;
  
  margin-bottom:6px;

}
@media(max-width:481px){
.feedback{ margin:0px 0px 30px 0px;}
.feedback .tit h2 {

  font-size: 20px;

  color: #333;

}

}


.competition {
	background: #f7f7f7;
	}
.wish-wrap {
		padding: 98px 0 96px;
		background: #fff;
}
.inner-titles {
			top: 100px;
	}
.inner-title-h4 {
		font-size: 30px;
		line-height: 30px;
		color: #222;
	}
.inner-title-h5 {
		font-size: 18px;
		line-height: 30px;
		margin: 9px 10px 40px 10px;
		color: #222;
	}
.inner-title-h5 em{
		display: inline-block;
		width:54px;
		height:4px;
		text-align:center;
		background:#f28d01;
		margin-top:40px;
		}
.inner-title-h6 {
		font-size: 16px;
		line-height: 30px;
		color: #777;
		padding:0 8px;
	}
.core-wrap .co-titles {
		background:#004b93;
		color:#fff;
		height:380px;
	}
.competition .co-titles{
     padding:80px 0 50px 0px;
}
.core-items {
		width: 30%;
		margin: 0 1.5%;
	}
.core-items3 {
		margin-right: 0;
	}
.co-titles {
    font-size:30px;
    line-height:30px;
		}
.co-titles .co-en-span {
		display: inline-block;
		margin-right: 10px;
	}
.core-txts {
		padding: 34px 40px 48px;
		box-sizing: border-box;
		background: #fff;
	}
.core-title {
		font-size: 24px;
		line-height: 24px;
		padding-bottom: 22px;
		color: #333;
		content: "";
		bottom: 0;
		}
.core-wrap .core-title:after{
		position:absolute;
		content:"";
		left:50%;
		bottom:0px;
		display:inline-block;
		width:32px;
		margin-left:-16px;
		height:2px;
		background:#bfbfbf;
}
.core-wrap .core-detail{
		font-size:14px;
		line-height:28px;
		color:#777;
		margin-top:30px;
		height:90px;
		overflow:hidden;
}
.w1280 {
      width:90%;
      margin:0 auto;
		}
.core-items-wrap{ 
margin-top:-280px;
z-index:999;}

.talents-img {
		width: 120px;
		margin: 0 auto 30px;
	}
.talents-ul-wrap {
		height:100%;
		overflow:hidden;
		padding-bottom: 100px;
	}
	.talents-li  {
		width: 27% !important;
		margin: 0 1.5% !important;
		min-height:326px;
		background: #fff;
		padding: 44px 1.5% 0 1.5%;
		box-shadow: 0 0 36px rgba(0,0,0,.1);
		list-style:none;
	}
	.talents-details {
		font-size: 15px;
		line-height: 30px;
		color: #666;
		max-height: 150px;
		overflow: hidden;
		margin-right:8px;
		text-align:justify;
	}
	.talents-h5 {
		font-size: 16px;
		line-height: 24px;
		color: #666;
		padding:0 20px 56px 20px;
	}
	.color-span {
		width: 100%;
		height: 4px;
		left: 0;
		bottom: 0;
	}
.co-titles em{
		display: inline-block;
		width:54px;
		height:4px;
		text-align:center;
		background:#f28d01;
		margin-top:40px;}
.dbl{ display:block;}
.poa{ position:absolute;}
.tec{
	text-align: center;
}
.por{
	position: relative;
}

@media(max-width:481px){
.core-items {
		width: 100%;
		margin: 0 0;
	}
.talents-li  {
		width: 100% !important;
		margin: 0 0 30px 0 !important;
		min-height:326px;
		background: #fff;
		padding: 44px 1.5% 0 1.5%;
		box-shadow: 0 0 36px rgba(0,0,0,.1);
		list-style:none;
	}
}

.lh-video i{ font-size:60px; color:#fff; line-height:40px; display:inline-block; transition:ease .65s;}
.lh-video h2{ color:#fff; margin-top:10px; transition:ease .65s;}
.lh-video{cursor:pointer; display:inline-block;}
.lh-video:hover i{transform:rotate(360deg);}
.lh-video:hover h2{color:#fff;}
.lh-video-layer{width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; display:none; background:#000;}
.lh-video-layer video{max-width:100%; max-height:100%; padding-top:40px;}
.lh-video-close{position:absolute; right:10px; top:10px; color:#fff;}
.lh-video-close i{font-size:24px;}
.lh-video-close:hover{color:#F9B10A;}


.ry_bg,.wechat_bg{position: fixed;width: 100%;height: 100%;left: 0px;top: 0px;background:rgba(0,0,0,.8);opacity: 0;display: none;z-index: 100005;}
.ry_imgpic_box,.wechat_box{text-align: center;filter: alpha(opacity=0);opacity: 0;position: fixed;left: 0px;top: 0;z-index: 100006;display: none;width:100%;}
.ry_img{display: inline-block;margin: 0px auto;padding: 30px;max-width: 50%;max-height: 90%;position: relative;*display: inline;*zoom: 1; }
.ry_img img{width:100%;}
.wechat_box .ry_img img{max-width: 100%;}
.ry_gb{width: 50px;height: 50px;background: url('../images/ry_close.png') no-repeat center center;cursor: pointer;right: 0px;top: 0px;position: absolute; }


/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
  overflow:hidden;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("../images/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}
.owl-theme .owl-controls .owl-buttons div {
   
    display: inline-block;
    font-size: 12px;
    margin: 5px;
    padding: 0;
	text-align:center;
	}
.owl-theme .owl-controls .owl-buttons .owl-prev,
.owl-theme .owl-controls .owl-buttons .owl-next {
   
      background: #fff none repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    height: 4px;
    margin: 0 5px;
    width: 35px;
	margin-top:30px;
	}
.owl-theme .owl-controls .owl-buttons{
	text-align:center;
}	
/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 35px;
	height: 5px;
	
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity:1;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	margin-right:7px;
	background: #fff;
	margin-top:30px;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}



/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel-1 {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
  overflow:hidden;
}
.owl-carousel-1 .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel-1 .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel-1 .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel-1 .owl-controls .owl-nav .owl-prev,
.owl-carousel-1 .owl-controls .owl-nav .owl-next,
.owl-carousel-1 .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel-1.owl-loaded {
  display: block;
}
.owl-carousel-1.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel-1.owl-hidden {
  opacity: 0;
}
.owl-carousel-1 .owl-refresh .owl-item {
  display: none;
}
.owl-carousel-1 .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel-1 .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel-1.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel-1 .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel-1.owl-rtl {
  direction: rtl;
}
.owl-carousel-1.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel-1 {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel-1 .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel-1 .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel-1 .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel-1 .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("../images/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel-1 .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel-1 .owl-video-playing .owl-video-tn,
.owl-carousel-1 .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel-1 .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel-1 .owl-video-frame {
  position: relative;
  z-index: 1;
}


@font-face{font-family:'Anton';src:url('../fonts/Anton.eot?v=4.7.0');src:url('../fonts/Anton.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/Anton.woff2?v=4.7.0') format('woff2'),url('../fonts/Anton.woff?v=4.7.0') format('woff'),url('../fonts/Anton.ttf?v=4.7.0') format('truetype'),url('../fonts/Anton.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}


/*# sourceMappingURL=style.css.map */

.ind_jydx{padding: 50px 0px; background: #eee;}
.injiaoyu{margin-top: 40px; width: 92%; margin: 0 auto;}
.injiaoyu .injiaoyuimg:nth-child(3n){float: right;}
.injiaoyuimg{width:32%; float: left; border:1px #e0e0e0 solid;}
.injiaoyuimg h4{font-size: 20px; font-weight: normal; height: 50px; line-height: 50px;padding:0px 16px 0 18px; color: #fff;}
.injiaoyuimg .h22{ background:#004B93;}
.injiaoyuimg h4 a{font-size: 14px; color: #fff; float: right;}
.injiaoyuimg ul{padding: 10px; background: #fff;}
.injiaoyuimg ul li{padding:13.5px 0px; border-bottom: 1px #ccc dotted; height: 80px;}
.injiaoyuimg ul div{float:right; margin-left: 10px; width: 75%;}
.injiaoyuimg ul h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; font-weight: normal; font-size: 16px;}
.injiaoyuimg ul div span{  color: #999; display: block; font-size: 14px;}
.injiaoyuimg img{width:20%; height:90px;float: left;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}
.injiaoyuimg img:hover{transform: scale(1.2);
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -o-transform: scale(1.2);
            -ms-transform: scale(1.2);}

            .pro_cc{margin-left: 2%;}