.wrap{
	width: 100%;
	min-width: 1200px;
}
.w1200{
	width: 1300px;
	margin: 0 auto; 
}
img{
	vertical-align: middle;
}
.top{
	line-height:120px;
	height: 120px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background: white;
	box-sizing: border-box;
	overflow: hidden;
}
.top_total li{
	display: inline-block;
}
.top_total_one{
	font-size: 28px;
	font-weight: bold;
	color: #464646;
}
.top_total_two{
	font-size: 18px;
	font-weight: 300;
}
.top_total_two ul{
	text-align: center;
}
.top_total_two ul li{
	width: 73px;
	margin: 0 15px;
	line-height: 50px;
}
.top_total_two ul li.on{
	border-bottom: solid 4px #f4a000; 
}
.top_total_two ul li a{
	position: relative;
	z-index: 5;
}
.mynav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
}

.mynav a {
  display: block;  color: black;
  text-decoration: none;
}

.target {
  position: absolute;
  border-bottom: 4px solid transparent;
  z-index: -1;
  -webkit-transform: translateX(-60px);
          transform: translateX(-60px);
}

.mynav a,
.target {
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}
.top_total_three{
	font-size: 27px;
	font-family: 'Arial';
	font-weight: bold;
	color: #666666;
	margin-right: -69px;
	position: relative;
}
.top_total_three div{
	position: absolute;
	top: -5px;
	left: -39px;
}
/*banner*/
.Yl-container{
	width:100%;
	height:899px; 
	/*overflow:hidden;*/ 
	position:relative;
}
.Yl-container .Yl-wrapper{ 
	width: 100%; 
	height: 100%; 
	box-sizing: border-box;
	overflow: hidden;
	position:relative;
}
.Yl-container .Yl-wrapper i{list-style:none; font-style:normal;}
.Yl-container .Yl-wrapper .Yl-slide{ width: 100%; height: 100%; overflow: hidden; position:absolute; display: none;}
.Yl-container .Yl-wrapper .Yl-slide.active{ display: block;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img0{
	width: 100%; 
	height: 100%; 
	background:url(../images/layer1.jpg) top center no-repeat; position:absolute;
	 z-index:0;
}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img1{
	width: 100%;
	height: 100%; 
	background:url(../images/layer2.jpg) top center no-repeat;
	position:absolute;
	z-index:0;
}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img2{
	width: 100%;
	height: 100%; 
	background:url(../images/layer3.jpg) top center no-repeat;
	position:absolute; 
	z-index:0;
}
.Yl-container .Yl-wrapper .Yl-slide .Yl-font0,.Yl-container .Yl-wrapper .Yl-slide .Yl-font1,.Yl-container .Yl-wrapper .Yl-slide .Yl-font2{ width: 1200px; height:auto; text-align: center; margin: 0 auto;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font0{
 font-size:48px; 
 color:#e6efef; 
 font-weight: 700; 
 margin-top: 364px;
}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font1{
	font-size:18px;
	color:#e6efef;
	font-weight: 700; 
	margin-top: 30px;
}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font2{
	font-size:36px; 
	color: #e6efef; 
	font-weight: 700;
	 margin-top: 30px;
	 display: none;
	}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font0{
 font-size:48px; 
 color: #e6efef;
 font-weight: 700; 
 margin-top: 364px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font1{
	font-size:18px; color: #fff; font-weight: 700; margin-top: 30px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font2{
	font-size:36px; color: #fff; font-weight: 700; margin-top: 30px;
	display: none;
}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font0{ 
	font-size:48px; 
	color: #3f3f3f; 
	font-weight: 700; 
	margin-top: 364px;
}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font1{
	font-size:18px; 
	color: #3f3f3f; 
	font-weight: 700; 
	margin-top: 30px;
}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font2{
	font-size:36px; 
	color: #3f3f3f; 
	font-weight: 700; 
	margin-top: 30px;
	display: none;
}
.Yl-container .Yl-pagination{ 
	width:50%;
	height: 199px; 
	position: 
	absolute; 
	bottom: -98px;
	right: 0;
	z-index: 3; 
	text-align: right;
}
.Yl-container .Yl-pagination span{
	display:inline-block;
	width:31.5%;
	height:100%;
	/*border:2px solid #fff;*/
	margin:0 5px;
	cursor:pointer;
	line-height:6px;
	vertical-align:middle;
	background: url(../images/banner1.jpg) center center no-repeat;
	/*transition:all 0.3s linear 0s;
	-webkit-transition:all 0.3s linear 0s;*/
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}
.Yl-container .Yl-pagination span:nth-last-child(1){
	background: url(../images/banner3.jpg) center center no-repeat;
}
.Yl-container .Yl-pagination span:nth-last-child(2){
	background: url(../images/banner2.jpg) center center no-repeat;
}
.Yl-container .Yl-pagination span:after{
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.4);
	transition: transform 1s;
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	z-index: 10;
}
.Yl-container .Yl-pagination span:hover:after{
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
.Yl-container .Yl-wrapper .Yl-slide .fadeInUp i{
	opacity:0;display:inline-block;
	vertical-align:text-bottom;
	transform:translateY(120px);-webkit-transform:translateY(120px);
	transition:all 1s ease-in-out 0s;
	-webkit-transition:all 1s ease-in-out 0s;
}
.Yl-container .Yl-wrapper .Yl-slide .fadeInUp.act i{
	transform:translateY(0);-webkit-transform:translateY(0);opacity:1;
}
.Yl-container .Yl-wrapper .Yl-slide .Yl-font1.fadeInUp.act i{
	transition-delay:0.9s!important;
	-webkit-transition-delay:0.9s!important;
}
.Yl-container .Yl-pagination span.Yl-pagination-bullet-active{
	position: relative;
}
.Yl-container .Yl-pagination span.Yl-pagination-bullet-active:after{
	content: '';
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
.Yl-container .Yl-pagination span.Yl-pagination-bullet-active:hover:after{
	content: '';
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

.Yl-container .Yl-Button{ 
	position: relative; 
	z-index: 2; 
	width: 1200px; 
	height:60px; 
	margin: 0 auto;
	/*border-top: 1px rgba(255, 255, 255, 0.19) solid;*/
	text-align:center; 
	margin-top: 32px;
}
.Yl-container .Yl-Button a{ 
	display:block; 
	width:46px; 
	height:46px; 
	margin:0 auto; 
	background:#fff; 
	margin-top:20px; 
	text-decoration:none;
	border-radius: 50%;
	line-height: 46px;
}
.Yl-container .Yl-Button a img{
	margin-top: -2px;
	transition: 1s;
}
.Yl-container .Yl-Button a:hover img{
	transform: rotate(360deg);
}

.Yl-container .Yl-wrapper .Yl-slide .slideInLeft{ position:relative; z-index: 1;}
.Yl-container .Yl-wrapper .Yl-slide .slideInLeft i{display:inline-block;text-align:left;}
.Yl-container .Yl-wrapper .Yl-slide .slideInLeft i b{opacity:0;display:inline-block;white-space:nowrap;overflow:hidden;transition:all 0.6s ease-out 0s;-webkit-transition:all 0.6s ease-out 0s; width:10%;}
.Yl-container .Yl-wrapper .Yl-slide .slideInLeft.act i b{width:100%;opacity:1;}

/*大图片动画*/
/*.Yl-container .Yl-wrapper .Yl-slide .Yl-img0.act,.Yl-container .Yl-wrapper .Yl-slide .Yl-img1.act,.Yl-container .Yl-wrapper .Yl-slide .Yl-img2.act{
	animation:Yl-img_an 6s infinite;
}*/
@keyframes Yl-img_an
{
	0%{transform:scale(1,1);}
	100%{transform:scale(1.5,1.5);}
}
/*contact*/
.contact{
	background: #3f3f3f;
	padding-bottom: 170px;
	box-sizing: border-box;
	overflow: hidden;
}
.l_contact{
	width: 604px;
}
.l_contact_title{
	width: 354px;
	line-height: 96px;
	background: #f4a000;
	text-align: center;
	font-size: 24px;
	color: #3f3f3f;
	text-indent: 35px;
	position: relative;
}
.l_contact_title:before{
	content: '';
	width: 26px;
	height: 26px;
	background: url(../images/contact.png) center center no-repeat;
	position: absolute;
	top: 36px;
	left: 113px;
	transition: 1s;
}
.l_contact_title:hover:before{
	content: '';
	transform: rotate(360deg);
}
.l_contact_totla{
	text-align: right;
	padding-top: 112px;
}
.l_contact_totla_one{
	font-family: 'Arial';
	font-size: 42px;
	color: #f4a000;
	font-weight: bold;
}
.l_contact_totla_two{
	font-size: 37px;
	font-weight: bold;
	color: white;
	padding-top: 5px;
}
.l_contact_totla_three{
	font-size: 37px;
	font-weight: bold;
	color: white;
	font-family: 'Arial';
	padding-top: 14px;
}
.l_contact_totla_four{
	font-size: 20px;
	color: #f4a000;
	padding-top: 16px;
}
.l_contact_totla_four div{
	display: inline-block;
}
.l_contact_totla_four .on{
	font-size: 32px;
	font-family: 'Arial';
	font-weight: bold;
}
.l_contact_totla_four span{
	display: inline-block;
	width: 1px;
	height: 26px;
	background: #f4a000;
	margin: 0 11px;
}
.l_contact_totla_five{
	width: 56px;
	height: 3px;
	background: white;
	margin-top: 21px;
	float: right;
}
.r_contact{
	width: 522px;
	margin-right: 76px;
	padding-top: 207px;
}
.r_contact_one{
	font-size: 18px;
	line-height: 28px;
	color: #fcfcfc;
	opacity: 0.8;
	font-weight: 300;
}
.xian{
	display: block;
	width: 141px;
	height: 1px;
	background: #f4a000;
	margin-top: 19px;
}
.r_contact_two{
	font-family: 'Arial';
	color: #f4a000;
	font-size: 17px;
	margin-top: 78px;
	position: relative;
	transition: 1s;
}
.r_contact_two:after{
	content: '';
	width: 10px;
	height: 10px;
	background: url(../images/r_contact.png) center center no-repeat;
	position: absolute;
	top: 4px;
	right: 73%;
	transition: 1s;
}
.r_contact_two:hover{
	transform: translateX(50px);
}
.r_contact_two:hover:after{
	content: '';
	transform: rotateX(360deg);
}
/*product*/
.porduct{

}
.porduct .w1200{
	position: relative;
}
.porduct .foucebox{
	margin: 0 auto;
}
.porduct .hd{
	position: absolute;
	/*top: 241px;*/
	right: 0;
	box-sizing: border-box;
	overflow: hidden;
	padding-top: 241px;
	top: 0;
}
.porduct_total{
	width: 762px;
	background: #f4a000;
	text-align: center;
	font-size: 0;
	padding-top: 39px;
	padding-bottom: 40px;
}
.porduct_total li{
	width: 152px;
	display: inline-block;
	font-size: 20px;
	color: #fcfcfc;
	vertical-align: top;
	position: relative;
	transition: 1s;
}
.porduct_total li.on div{
	font-weight: bold;
}
.porduct_total li:after{
	content: '';
	width: 1px;
	height: 90px;
	background: #fcfcfc;
	position: absolute;
	top: 0;
	right: -0.5px;
}
.porduct_total li:last-child:after{
	content: '';
	display: none;
}
.porduct_total li span{
	display: block;
	font-size: 30px;
	font-family: 'Arial';
}
.porduct_total li div{
	padding-top: 5px;
	line-height: 26px;
}
.porduct_total li.vip div{
	padding-top: 16px;
}
.porduct_dian li{
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	border: solid 2px #3f3f3f;
}
.porduct_fate{
	position: absolute;
	top:36px;
	left: 207px;
	z-index: 5;
}
.porduct_fate span{
	vertical-align: top;
}
.porduct_fate .pageState{
	color:#3f3f3f ;
	font-size: 29px;
	font-family: 'Arial';
	margin-top: 5px;
	display: inline-block;
	margin-top: 3px;
}
.porduct_fate .pageState span{
	color: #f4a000;
	margin-top: -8px;
	display: inline-block;
}
.fate_one{
	display: inline-block;
	width: 52px;
	height: 1px;
	background: #3f3f3f;
	margin: 0 20px;
	margin-top: 15px;
}
.fate_two{
	font-size: 30px;
	color: #3f3f3f;
}
.l_porduct{
	width: 629px;
	margin-top: -150px;
	height: 728px;
	background: url(../images/product.jpg) center center no-repeat;
	line-height: 728px;
}
.l_porduct{
	text-align: center;
}
.l_porduct img{
	/*width: 100%;*/
}
.r_porduct{
	width: 557px;
	position: relative;
	padding-top: 186px;
	box-sizing: border-box;
	overflow: hidden;
}
.r_porduct h2{
	font-size: 37px;
	color: #f4a000;
	position: relative;
	width: 100%;
}
.r_porduct h2 span{
	font-size: 25px;
	font-family: 'Arial';
	color: #3f3f3f;
	float: right;
	padding-top: 8px;
}
.r_porduct h2 div{
	font-size: 18px;
	color: #3f3f3f;
	opacity: 0.8;
	font-weight: 300;
	padding-top: 28px;
}
.r_porduct p{
	position:relative;
	width: 100%;
	margin-top: 220px;
}
.r_porduct p span{
	display: inline-block;
}
.r_porduct p span.one{
	width: 149px;
	line-height: 53px;
	border: solid 1px #3f3f3f;
	text-align: center;
	color: #3f3f3f;
	font-size: 22px;
	position: relative;
	z-index: 1;
	transition: 5s;
}
.r_porduct p span.one:after{
	content: '';
	width: 59px;
	height: 1px;
	background: #f0b652;
	position: absolute;
	top: 25px;
	right: -43px;
	transition: 1s;
}
.r_porduct p span.one:before{
	content: '';
	width: 0;
	height: 100%;
	background: #f4a000;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	transition: 2s;
}
.r_porduct p span.one:hover{
	color: white;
}
.r_porduct p span.one:hover:after{
	content: '';
	transform: translateX(-180px);
}
.r_porduct p span.one:hover:before{
	content: '';
	width: 100%;
}
.r_porduct p span.two{
	font-family: 'Arial';
	font-size: 18px;
	color: #3f3f3f;
	float: right;
	line-height: 26px;
	padding-top: 11px;
}
.search{
	padding-top: 56px;
	padding-bottom: 43px;
}
.search_total{
	text-align: center;
	font-size: 35px;
	font-weight: bold;
	color: #3f3f3f;
}
.search_total div{
	display: inline-block;
	vertical-align: top;
}
.search_total div.one{
	color: #f4a000;
}
.search_total div.one span{
	text-transform: uppercase;
	font-size: 42px;
	font-family: 'Arial';
	display: inline-block;
}
.search_total div span{
	color: #f4a000;
}
.search_from{
	text-align: center;
	padding-top: 24px;
}
.search_from input{
	margin: 0;
	padding: 0;
	border: none;
}
.search_from input.text{
	width: 547px;
	height: 73px;
	border: solid 1px #3f3f3f;
	font-size: 40px;
	text-indent: 15px;
	display: inline-block;
}
.search_from span{
	background: #f4a000;
	width: 193px;
	height: 75px;
	display: inline-block;
	position: relative;
}
.search_from span:before{
	content: '';
	width: 23px;
	height: 23px;
	background: url(../images/submit.png) center center no-repeat;
	position: absolute;
	top: 26px;
	left: 42px;
}
.search_from span.lead:after{
	content: '';
	background: #3f3f3f;
}
.search_from input.submit{
	width: 193px;
	height: 75px;
	background: none;
	font-size: 22px;
	color: #fcfcfc;
	text-indent: 40px;
}
.advantage{
	padding-bottom: 60px;
	position: relative;
	z-index: 1;
}
.advantage .w1200{
	position: relative;
}
.zheng{
	position: absolute;
	width: 131px;
	height: 209px;
	background: #f4a000;
	top: -31px;
	left: -32px;
	z-index: -1;
}
.advantage .focusBox{
	position: relative;
	margin:0 auto;
	box-sizing: border-box;
	overflow: hidden;
}
.advantage .focusBox .hd{
	width: 43px;
	height: 20px;
	position: absolute;
	top: 16px;
	right: 18px;
}
.advantage .focusBox .hd a{
	vertical-align: middle;
	line-height: 20px;
	display: inline-block;
	margin-top: -14px;
}
.advantage .focusBox .hd span{
	width: 1px;
	height: 20px;
	background: #979390;
	display: inline-block;
}
.advantage .focusBox li.effect-moses .reset_one{
	padding: 2.5em;
}
.advantage .focusBox li.effect-moses h2{
	width: 25%;
	height: 15%;
	margin-right: 5px;
}
.advantage .focusBox li.effect-moses p{
	width: 25%;
	height: 15%;
	margin-top: 187px;
}
.advantage_total{
	width: 396px;
	position: absolute;
	bottom:35px;
	left: 56px;
}
.advantage_total_one{
	line-height: 51px;
	background: rgba(13,13,13,0.75);
	font-size: 18px;
	font-weight: bold;
	color: #fcfcfc;
	padding-left: 20px;
}
.advantage_total_one div{
	display: inline-block;
	vertical-align: top;
}
.advantage_total_one span{
	display: block;
	font-family: 'Arial';
	color: #f4a000;
	font-size: 21px;
	text-transform: uppercase;
	padding-right: 4px;
}
.advantage_total .txt{
	width: 100%;
	height: 141px;
	background: rgba(13,13,13,0.9);
	padding-top: 44px;
	box-sizing: border-box;
	overflow: hidden;
}
.advantage_total .txt ul{
	box-sizing: border-box;
	overflow: hidden;
	height: 70px;
}
.advantage_total .txt li{
	width: 345px;
	margin: 0 auto;
	color: #fcfcfc;
	font-weight: 300;
	font-family: 'Arial';
	position: absolute;
	bottom:39px;
	left: 29px;
}
.advantage_total_two{
	font-size: 18px;
}
.advantage_total_three{
	font-size: 12px;
	padding-top: 5px;
}
.advantage_total_four{
	font-size: 14px;
	color: #f4a000;
	font-weight: 500;
	padding-top: 21px;
}
.advantage_total_four span{
	display: inline-block;
	vertical-align: top;
}
.advantage_total_four .one{
	width: 53px;
	height: 1px;
	background: #f4a000;
	margin-top:6px;
}
.advantage_total_four .two{
	float: right;
}
.bottom_a{
	width: 100%;
	background: #3f3f3f;
	height: 418px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.rolling{
	box-sizing: border-box;
	overflow: hidden;
	padding-top: 34px;
	padding-bottom: 48px;
}
.rolling .picList li{
	width: 420px;
	margin: 0 8px;
}
.rolling .picList li img{
	height: 100%;
}
.rolling .hd li{
	width: 72px;
	height: 3px;
	background: #f0b652;
}
/*news*/
.news{
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	overflow: hidden;
	padding-bottom: 22px;
}
.bei div{
	position: absolute;
	top: 0;
	width: 50%;
	z-index: -1;
}
.bei div img{
	height: 100%;
	transition: 1s;
}
.bei div.one{
	left: 0;
	box-sizing: border-box;
	overflow: hidden;
}
.bei div.one:hover img{
	transform: scale(1.2);
}
.bei div.two{
	right: 0;
}
.bei div.three{
	width: 238px;
	height: 464px;
	background: #f4a000;
	text-align: center;
	box-sizing: border-box;
	overflow: hidden;
	right: 0;
	top: 92px;
	padding-top: 12px;
	z-index: 2;
}
@keyframes top{

	0%{transform: translateY(-452px);}

	90%{transform: translateY(464px);}

	100%{transform: translateY(464px);}

}
.bei div.three img{
	width: 49%;
	animation: top 5s infinite linear;
}
.l_news{
	padding-top: 152px;
}
.l_news_title{
	font-size: 35px;
	font-weight: bold;
	color: #3f3f3f;
	padding-left: 54px;
}
.l_news_title div{
	display: inline-block;
	vertical-align: top;
}
.l_news_title .one{
	font-family: 'Arial';
	font-size: 42px;
	color: #f4a000;
	text-transform: uppercase;
}
.r_news{
	width: 559px;
}
.r_news_total{
	padding-top: 52px;
}
.r_news_total li{
	color: #878888;
	transition: 1s;
	position: relative;
}
.r_news_total_one{
	font-size: 25px;
	padding-top: 56px;
}
.r_news_total_two{
	font-size: 20px;
	font-family: 'Arial';
	padding-top: 20px;
}
.r_news_total_three{
	font-size: 18px;
	font-weight: 300;
	padding-top: 12px;
}
.r_news_total_four{
	width: 100%;
	height: 1px;
	background: #505152;
	margin-top: 40px;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}
.r_news_total_four:after{
	content: '';
	width: 20%;
	height: 100%;
	background: #f4a000;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateX(-120px);
	transition: 1s;
}
.r_news_total li div.one{
	padding-left: 20px;
}
.r_news_total li:after{
	content: '';
	width: 9px;
	height: 9px;
	background: #f4a000;
	position: absolute;
	top: 66px;
	left: 0;
	border-radius: 50px;
	transform: translateY(60px);
	transition: 1s;
	opacity: 0;
}
.r_news_total li:hover{
	color: #cfcfd0;
}
.r_news_total li:hover:after{
	content: '';
	transform: translateY(0px);
	opacity: 1;
}
.r_news_total li:hover .r_news_total_four:after{
	content: '';
    transform: translateX(679px);
}
/*junwei*/
.junwei{
	margin-top: 51px;
	text-align: center;
	padding-bottom: 56px;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	overflow: hidden;
}
.junwei_img{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	overflow: hidden;
	z-index: -1;
}
.junwei_img img{
	height: 100%;
}
.junwei_nav{
	text-align: center;
	padding-top: 23px;
}
.junwei_nav li{
	display: inline-block;
	font-size: 18px;
	color: #464646;
	opacity: 0.8;
	font-weight: 300;
	margin:  0 21px;
}
@keyframes top_v{

	0%{transform: translateY(-20px);}

	90%{transform: translateY(149px);background: red;}

	100%{transform: translateY(149px);}

}
.junwei_xian{
	width: 1px;
	height: 101px;
	background: #616161;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}
.junwei_xian:after{
	content: '';
	width: 1px;
	height: 29px;
	background: #f4a000;
	position: absolute;
	top: 0;
	left: 0;
	animation: top_v 2s infinite linear;
}
.junwei_tital{
	padding-top: 51px;
}
.junwei_tital div{
	display: inline-block;
	vertical-align: top;
	font-size: 35px;
	color: #3f3f3f;
	font-weight: bold;
}
.junwei_tital div span{
	font-family: 'Arial';
	color: #f4a000;
	font-size: 42px;
}
.junwei_images{
	padding-top: 56px;
	padding-bottom: 41px;
}
.junwei_likh{
	width: 173px;
	line-height:56px;
	border: solid 2px #f0b652;
	margin: 0 auto;
	font-family: 'Impact';
	font-size: 27px;
	color: #4a4a4a;
	border-radius: 50px;
	box-sizing: border-box;
	overflow: hidden;
	transition: 1s;
}
.junwei_likh:hover{
	color: white;
}
.junwei_likh.lead:hover:after{
	content: '';
	background: #f0b652;
}
.footer{
	line-height: 78px;
	border-bottom: solid 1px #565656; 
	text-align: center;
	background: #3f3f3f;
	color: #a3a3a3;
	font-size: 18px;
	font-weight: 300;
}
.link{
	line-height: 28px;
	background: #3f3f3f;
	color: #a3a3a3;
	font-size: 18px;
	font-weight: 300;
	text-indent: 21px;
}
/*内页*/
.banner_inner{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	height: 0px;
	padding-bottom: 469px;
	background-attachment: fixed;
	/*background-image: url(../images/about_banner.jpg);*/
    background-image: url(../images/1.gif);
	color: #3f3f3f;
	box-sizing: border-box;
	overflow: hidden;
	text-align: right;
}
.banner_inner_one{
	font-size: 42px;
	font-family: 'Arial';
	font-weight: bold;
	color: #f4a000;
	padding-top: 234px;
	margin-right: 161px;
	text-transform: uppercase;
}
.banner_inner_two{
	font-size: 37px;
	font-weight: bold;
	margin-right: 166px;
}
.banner_inner_three{
	width: 56px;
	height: 3px;
	background: #f4a000;
	float: right;
	margin-top: 14px;
	margin-right: 172px;
}
.position{
	line-height: 82px;
	background: #f2f2f2;
	color: #464646;
	font-size: 18px;
	font-weight: 300;
	text-indent: 32px;
}
.position div{
	position: relative;
}
.position div:after{
	content: '';
	width: 8px;
	height: 8px;
	background: #f4a000;
	position: absolute;
	top: 37px;
	left: 17px;
}
/*inner_about*/
.inner_about{
	padding-top: 80px;
	padding-bottom: 56px;
}
.inner_about_one{
	text-align: center;
	font-size: 28px;
	color: #3f3f3f;
}
.inner_about_two{
	font-size: 21px;
	font-weight: 300;
	line-height: 36px;
	padding: 0 15px;
	padding-top: 24px;
}
/*inner_news*/
.banner_inner.banner_news{
	background-image: url(../images/news_banner.jpg);
}
.inner_news{
	position: relative;
	z-index: 1;
}
.inner_news_di{
	width: 50%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	height: 109%;
}
.inner_news_di img{
	height: 100%;
}
.inner_news_one{
	width: 1197px;
	padding-bottom: 78px;
    box-shadow: 5px 12px 35px #888888;
    padding-top: 14px;
    background: white;
}
.inner_news_left{
	position: absolute;
	top: 299px;
	right: 0;
	width:40%;
	box-sizing: border-box;
	overflow: hidden;
}
.inner_news_left:hover img{
	transform: scale(1.2);
}
.inner_news_left img{
	width: 100%;
	transition: 1s;
}
.inner_news_one .r_news_total{
	width: 716px;
	margin-left: 55px;
}
.inner_news_one .r_news_total .r_news_total_one{
	padding-top: 20px;
}
.inner_news_one .r_news_total .r_news_total_two{
	padding-top: 36px;
	font-size: 30px;
}
.inner_news_two{
	width: 121px;
	height: 2px;
	background: #7e7e7e;
	margin-left: 20px;
	margin-top: 13px;
	position: relative;
}
.inner_news_one .r_news_total .r_news_total_three{
	line-height: 28px;
}
.inner_news_one .r_news_total li:hover{
	color: #878888;
}
.inner_news_two:after{
	content: '';
	width: 50%;
	height: 100%;
	background: #f4a000;
	position: absolute;
	top: 0;
	left: 0;
}
.inner_news_one .r_news_total li:hover:after{
	content: '';
	transform: translateY(-20px);
}
/*inner_product*/
.banner_inner.banner_product{
	background-image: url(../images/product_banner.jpg);
}
.inner_product{
	padding-top: 56px;
}
.inner_product_nav li{
	display: inline-block;
	width: 251px;
	line-height: 66px;
	background: #3f3f3f;
	font-size: 24px;
	color: white;
	text-align: center;
	position: relative;
	z-index: 1;
}
.inner_product_nav li:before{
	content: '';
	background: url(../images/inner_product_nav.png) center center no-repeat;
	width:33px;
	height:13px;  
	position: absolute;
	left: 109px;
	bottom: -10px;
	opacity: 0;
	transform: translateY(-20px);
	transition:1.5s;
}
.inner_product_nav li:after{
	content: '';
	width:0;
	height: 100%;
	background: #f4a000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: 1s;
}
.inner_product_nav li:hover:after{
	content: '';
	width: 100%;
}
.inner_product_nav li:hover:before{
	content: '';
	opacity: 1;
	transform: translateY(0);
}
.inner_product_nav li.on:after{
	content: '';
	width: 100%;
}
.inner_product_nav li.on:before{
	content: '';
	opacity: 1;
	transform: translateY(0);
}
.inner_product_total{
	box-sizing: border-box;
	overflow: hidden;
	padding-top: 30px;
}
.inner_product_total .hd{
	text-align: center;
	padding-top: 43px;
}
.inner_product_total .hd ul{
	position: relative;
}
.inner_product_total .hd ul:after{
	content: '';
	width: 100%;
	height: 1px;
	background: #c3c3c3;
	position: absolute;
	top: 15px;
	left:0;
}
.inner_product_total .hd li{
	width: 72px;
	height: 3px;
	background: #c3c3c3;
	display: inline-block;
	font-size: 0;
	transition: 1s;
	position: relative;
	z-index: 5;
	margin: 0 5px;
	cursor:pointer;
}
.inner_product_total .hd li.on{
	background: #f0b652;
}
.inner_product_total .bd li{
	width: 420px;
	margin: 0 10px;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}
.inner_product_total .bd li img{
	width: 100%;
	transition: 1s;
}
.inner_product_total .bd li .title{
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	text-align: center;
	line-height: 66px;
	width: 100%;
	font-size: 22px;
	font-weight: 300;
	color: #fcfcfc;
	z-index: 1;
}
.inner_product_total .bd li .title:after{
	content: '';
	width:0;
	height: 100%;
	background: #f4a000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: 1s;
}
.inner_product_total .bd li:hover img{
	transform: scale(1.2);
}
.inner_product_total .bd li:hover .title:after{
	content: '';
	width: 100%;
}
.body{
	background-color: rgba(0, 0, 0, 1);
	background-image: url(../images/banner_n2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: fixed;
}
.body_title{
	padding-top: 286px;
	text-align: center;
	text-shadow: 0 0 10px #529DFF;
	color: white;
	box-sizing: border-box;
	overflow: hidden;
}
.body_title_one div{
	font-size: 52px;
	font-weight: bold;
	text-transform: uppercase;
}
.body_title_one span{
	font-size: 28px;
	font-weight: bold;
	padding-top: 10px;
	display: block;
}
.body_title_one p{
	width: 56px;
	height: 3px;
	background:white;
	margin: 0 auto;
	margin-top: 20px;
	box-shadow: 0 0 10px #529DFF;
}
.body_body{
	padding-top: 160px;
}
.body_body .w1200{
	background-color: rgba(255,255,255,0.5);
	padding-bottom: 50px;
}
.__contact{
  padding-top: 8px;
  font-size: 14px !important;
  font-family: '微软雅黑';
  padding-left: 25px;
}
.__contact .top{
    padding-bottom: 25px;
    /*border-bottom: 1px dotted black;*/
}
.__contact .top li{
    list-style-position: inside;
}
.__contact .top ul{
    float: left;
    overflow: hidden;
    padding: 0px 20px;
    margin-top: 20px;
    padding-right: 50px;
}
.__contact .search button{
   
}
.__contact ul li{
    padding-left: 28px;
}
.__contact .map_contact{
    width: 678px;
    height: 309px;
}
.__contact .form input{
    display: inline-block;
    width: 318px;
    margin-right: 18px;
    /*height: 48px;*/
    border:1px solid #dadbdc;
    padding:15px;
    color: #999;
    background: rgba(255,255,255,0.5);
}
.__contact .form textarea{
    display: inline-block;
    width: 1089px;
    height: 243px;
    margin-top: 20px;
     background: rgba(255,255,255,0.5);
    border:1px solid #dadbdc;
    font-size: 14px;
    resize: none;
}
.__contact .img-l,.img-r{
    display: block;
}
.__contact .img-l{
    margin-left: 45px;
    margin-bottom: 15px;
}
.__contact .img-r{
    float: right;
    margin-right: 62px;
}
.__contact{
    /*padding-top: 68px;*/
    overflow: hidden;
    padding-bottom: 25px;
    margin-bottom: 10px;
    width: 1100px;
    margin:auto;
}
.__contact p,.__contact li{
    font-size: 16px;
    line-height: 30px;
    font-weight: lighter;
}
::-webkit-input-placeholder{
    font-family: "微软雅黑";
};
::input-placeholder{
    font-family: "微软雅黑";
}
.body_foot{
	text-align: center;
	padding-top:60px;
	padding-bottom: 30px;
}
.body_foot_one{
	font-size: 41px;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	opacity: 0.5;
	text-shadow: 0 0 10px #529DFF;
	font-family:'Arial';
	font-size: 0;
}
.body_foot_two{
	padding-top: 20px;
	font-size: 16px;
	color: white;
	opacity: 0.8;
}

.__list{
	width: 100%;
	padding-top:120px;
}
.__list h2{
	font-size: 30px;
	width: 80%;
	margin: auto;
	text-align: center;
}
.__list .b_time{
	font-size: 12px;
    width: 100%;
    margin: auto;
    text-align: center;
    padding: 10px 0;
    /*border-bottom: 1px solid #ccc;*/
    margin-bottom: 20px;
}
.__list .thumb{
	width: 40%;
    display: block;
    margin: auto;
}
.b_main{
	padding-top: 20px;
}
.__list .b_des{
	border: 1px solid #ccc;
    padding: 30px;
}
.jiathis_style{
	float: right;
}
.b_foot{
	padding-top: 10px;
	line-height: 24px;
	font-size: 14px;
	opacity: 0.8;
}
.trait_body{
	margin-top: 25px;
}
.__inner_tt{
	border-bottom: 1px solid #ccc;
}
.__inner_tt h2{
	font-weight: bold;
	padding:5px 25px;
	color:white;
	background: #ccc;
	display: inline-block;
}
.__inner_list{
	font-size: 0px;
	padding-top: 15px;
	padding-bottom: 25px;
}
.__inner_list li{
	display: inline-block;
	width: 20%;
	box-sizing: border-box;
	padding:5px;
}
.__inner_list li img{
	width: 100%;
}
.__inner_list li h2{
	font-weight: normal;
	font-size: 16px;
	text-align: center;
	line-height: 35px;
	border-bottom: 1px solid #ccc;
}
._inner_news_list{

}
._inner_news_list li{
	display: inline-block;
	width: 33%;
	overflow: hidden;
	box-sizing: border-box;
	padding:10px;
	vertical-align: top;
}
._inner_news_list li a{
	font-size: 14px;
	display: block;
	line-height: 24px;
	position: relative;
	padding-left: 15px;
}
._inner_news_list li a:hover{
	text-decoration: underline;
}
._inner_news_list li a:before{
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	background: #ccc;
	left:0px;
	top:50%;
	transform: translateY(-50%);
}
.body_one{
	padding-top: 20px;
}
.pages{
	text-align: center;
	padding-top: 40px;
}
.pages li{
	display: inline-block;
	padding: 5px 10px;
	border: solid 1px #3f3f3f;
	margin: 0 5px;
	color: #878888;
	position: relative;
	z-index: 1;
	transition: 1s;
}
.pages li.c{
	background: #f4a000;
	color: white;
}
.pages li:after{
	content: '';
	width:0;
	height: 100%;
	background: #f4a000;
	transition: 1s;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.pages li:hover:after{
	content:'';
	width: 100%;
}
.pages li:hover{
	color: white;
}
.__inner_tt h3 {
    font-weight: bold;
    padding: 5px 25px;
    color: white;
    background: #ccc;
    display: inline-block;
}
.__inner_tt_one{
	width: 100%;
	padding-bottom: 40px;
	padding-top: 20px;
}
.__inner_tt_one img{
	width: 34%;
}