.w1400{

	max-width: 1400px;

	margin: 0 auto;

	padding: 0 30px;

}

.wow{

	visibility: hidden;

}

.ispc{

	display: block !important;

}

.ismob{

	display: none !important;

}

a:hover{

	color: #fccb01;

}

.forie{

    width: 100%;

    height: 100%;

    background:#eaeaea url(tishi.png) center no-repeat;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 500;

}

/*.jqzoom{

float:left;

position:relative;

padding:0px;

cursor:crosshair;

}

.jqzoom{

float:left;

}





div.zoomdiv {

z-index: 100;

position: absolute;

top:0px;

left:0px;

width: 450px;

height: 450px;

background: #ffffff;

border:1px solid #CCCCCC;

display:none;

text-align: center;

overflow: hidden;



}



div.jqZoomPup {

z-index: 10;

visibility: hidden;

position: absolute;

top:0px;

left:0px;



border: 1px solid #aaa;

background: #ffffff;

opacity: 0.3;

-moz-opacity: 0.3;

-khtml-opacity: 0.3;

filter: alpha(Opacity=30);

}*/



/* 工具类 */

.visible-xs,

.visible-sm,

.visible-md,

.visible-lg {

    display: none !important;

}

@media (max-width: 991px) and (min-width: 768px){

	.visible-sm {

	    display: block !important;

	}

	.hidden-sm {

	    display: none !important;

	}

}

@media (max-width: 767px){

	.visible-xs {

	    display: block !important;

	}

	.hidden-xs {

	    display: none !important;

	}

}

@media (max-width: 1199px) and (min-width: 992px){

	.visible-md{

    	display: inline-block !important;

	}

	.hidden-md{

    	display: none !important;

	}

}

@media (min-width: 1200px){

	.visible-lg{

    	display: inline-block !important;

	}

	.hidden-lg{

		display: none !important;

	}

}





body{

	padding-top: 120px;

	background: #343e48;

	overflow: hidden;

}

header{

	position: fixed;

	top: 0;

    left: 0;

	width: 100%;

	height: 120px;

	background-image: url(bg3.jpg);

	background-repeat: repeat-x;

	box-shadow: 0 0 5px 2px rgba(0,0,0,.1);

	z-index: 11;

}

header .head{

	max-width: 1400px;

	margin: 0 auto;

	padding: 0 30px;

}

header .h-top{

	height: 40px;

}

header .ser{

	margin-top: 7px;

	width: 130px;

	height: 26px;

	background: #343e48;

	border-radius: 13px;

}

header .ser input[type="text"]{

	float: left;

	background: none;

	padding: 5px 10px;

	width: 80px; 

	color: #fff;

	font-size: 12px;

	border: none;

}

header .ser input[type="submit"]{

	float: right;

	width: 26px;

	height: 26px;

	background: url(img7.png) no-repeat center;

	border: none;

}

header .h-top p{

	margin-top: 7px;

	line-height: 26px;

	color: #3c434b;

}

header .h-top p a{

	display: inline-block;

	padding: 0 13px;

	color: #fff;

	font-size: 12px;

}

header .h-top p .a4{

	padding: 0 13px 0 43px;

	color: #fff;

	background: url(ico4.png) no-repeat 13px center;

	text-transform: uppercase;

}

header .h-top p a:hover{

	opacity: 0.8;

	filter: alpha(opacity=80);

}

header .nav{

	float: right;

	line-height: 80px;

	font-size: 18px;

}

header .nav li{

	float: left;

	position: relative;

	margin-left: 55px;

	min-width: 150px;

}
header .nav li:last-of-type{margin-right: 250px;}

header .nav a{

	color: #fff;	

}

header .nav li:hover .tit{



}

header .nav li .nav-con{

	display: none;

	position: absolute;

	top: 100%;

	left: -30px;

	width: 100px;

	min-height: 100px;

	padding: 10px 30px;

	font-size: 14px;

}

header .nav li .nav-con a{

	display: block;

	line-height: 30px;

}

header .nav li .nav-con a:hover{



}

header .nav li .nav-con:before {

    content: "";

    position: absolute;

    top: -14px;

    left: 30px;

    right: 20px;

    max-width: 80px;

    height: 14px;

    background-image: linear-gradient(to bottom right,transparent 48%,#262e36 52%),linear-gradient(to bottom left,transparent 48%,#262e36 52%);

    background-size: 51% 100%;

    background-repeat: no-repeat;

    background-position: 0 0,100% 0;

}

header .logo{

	left: 0;

	top: 0;

	height: 100%;

}

header .logo img{

	height: 100%;

}

footer{

	

}

footer .foot{

}

footer .foot .left{

	width: 65%;

	padding: 60px 0 0;

	height: 340px;

	

}

footer .foot .left li{

	width: 20%;

	float: left;

}



footer .foot .left li a{

	display: block;

	font-size: 14px;

	color: #343e48;

	line-height: 28px;

	text-transform: uppercase;

}

footer .foot .left li a.tit,footer .foot .right h2{

	font-size: 16px;

	font-weight: bold;

	color: #262e36;

	margin-bottom: 15px;

}

footer .foot .right{

	padding: 60px 0 0 4%;

	width: 28%;	

}

footer .foot .right h2{

	font-size: 16px;

	font-weight: bold;

	color: #262e36;

	margin-bottom: 15px;

}

footer .foot .right p{

	font-size: 14px;

	color: #343e48;

	line-height: 28px;

}

.share a{

	margin-right: 20px;

	cursor: pointer;

}

.foot-bot,.foot-bot a{

	font-size: 14px;

	line-height: 54px;

	color: rgba(255,255,255,.2);

}

.foot-bot a:hover{

	color: rgba(255,255,255,1);

}







/*首页*/

.banner img{

	width: 100%;

}

.banner.swiper-container-horizontal>.swiper-pagination{

	left: 13.5%;

	bottom: 18%;

	text-align: left;

	width: auto;

}

.banner .swiper-pagination-bullet {

    display: inline-block;

    width: 25px;

    height: 25px;

    background: url(img2.png) no-repeat center/100% 100%;

    margin-right: 19px;

    border-radius: 0;

    opacity: 1;

}

.banner .swiper-pagination-bullet-active{

	background: url(img3.png) no-repeat center/100% 100%;

}

.iabout{

	z-index: 2;

}

.iabout .pc{

	width: 62.5%;

}

.iabout .txt{

	position: absolute;

	

	width: 50%;

	height: 100%;

	padding-top: 70px;

	top: -70px;

	right: 0;

}

.iabout .txt .arrow-left {

	position: absolute;

	left: -17%;

	bottom: 0;

	width: 17%;

	height: 100%;

	background: url(bg3.png) no-repeat center/100% 100%;

}

.iabout .txt .txt-main{

	position: absolute;

	padding: 0 30px 0 10.5%;

	max-width: 600px;

	top: 50%;

	left: 0;

	margin-top: -206px;

}

.iabout .txt .txt-main h2{

	font-family: 'Helvetica';

	line-height: 60px;

	font-size: 54px;

	color: #262e36;

	text-transform: uppercase;

	font-weight: bolder;

	font-style: italic

}

.iabout .txt .txt-main h3{

	margin-bottom: 20px;

	font-size: 36px;

	color: #262e36;

	font-weight: bold;

	line-height: 50px;

}

.iabout .txt .txt-main p{

	font-size: 16px;

	line-height: 32px;

	color: #262e36;

	opacity: 0.8;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

	margin-bottom: 35px;

}

.iabout .txt .txt-main .ico a{

	display: inline-block;

	line-height: 52px;

	font-size: 18px;

	padding-left: 62px;

	color: #343e48;



}

.iabout .txt .txt-main .ico .a1{

	margin-right: 100px;

	background: url(ico5.png) no-repeat left center/auto 100%;

}

.iabout .txt .txt-main .ico .a2{

	background: url(ico6.png) no-repeat left center/auto 100%;

}

.more{

	display: block;	

	width: 168px;

	height: 50px;

	box-sizing:border-box;

	overflow: hidden;

}

.more span{

	position: relative;

    display: block;

    padding-left: 17px;

    height: 46px;

    line-height: 46px;

    font-size: 13px;

    text-transform: uppercase;

    border: 2px solid #262e36;

    color: #262e36;

    font-weight: bold;

    font-family: arial;

    background: url(bg4.png) no-repeat 128px center;

    /*box-sizing:border-box;*/

}

.more span:after {

	content: "";

	display:inline-block;

	border-bottom-width:2px;

	border-style: solid;

	-webkit-transform: rotate(135deg);

	-moz-transform: rotate(135deg);

	-ms-transform: rotate(135deg);

	-o-transform: rotate(135deg);

	transform: rotate(135deg);

	-webkit-transform-origin: 100% 100%;

	-moz-transform-origin: 100% 100%;

	-ms-transform-origin: 100% 100%;

	-o-transform-origin: 100% 100%;

	transform-origin: 100% 100%;

	position:absolute;

	top:-100%;

	bottom:-5px;

	left:0;

	right:25px;

	-webkit-transition: all 0.5s;

          transition: all 0.5s;

}

.more:hover span{

	background:#262e36 url(bg5.png) no-repeat 128px center;

	color: #fcce01;

}



.iabout .txt .txt-main .more{

	margin-top: 50px;

}

.iabout .txt .txt-main .more span{

    border: 2px solid #262e36;

    color: #262e36;

    background: url(bg4.png) no-repeat 128px center;

}

.iabout .txt .txt-main .more span:after {

	border-color: #262e36;

	

}

.iabout .txt .txt-main .more:hover span{

	background:#262e36 url(bg5.png) no-repeat 128px center;

	color: #fcce01;

}

.iproduct{

	z-index: 3;

}

.iproduct .pc{

	width: 62.5%;

}

.iproduct .txt{

	position: absolute;

	width: 50%;

	height: 100%;

	padding-top: 65px;

	top:0;

	left: 0;

}

.iproduct .txt .arrow-right{

	position: absolute;

	right: -17%;

	top: 0;

	width: 17%;

	height: 100%;

	background: url(bg6.png) no-repeat center/100% 100%;

}

.iproduct .txt .txt-main{

	position: absolute;

	padding: 0 10.5% 0 30px;

	max-width: 600px;

	top: 50%;

	right: 0;

	margin-top: -220px;

}

.iproduct .txt .txt-main h2{

	font-family: 'Helvetica';

	line-height: 60px;

	font-size: 54px;

	text-transform: uppercase;

	font-weight: bolder;

	font-style: italic

}

.iproduct .txt .txt-main h3{

	margin-bottom: 45px;

	font-size: 36px;

	color: #fff;

	font-weight: bold;

	line-height: 50px;

}

.iproduct .txt .txt-main .list{

	font-size: 0;

}

.iproduct .txt .txt-main .list a{

	display: inline-block;

	width: 50%;

	font-size: 16px;

	color: #fff;

	padding-left: 40px;

	line-height: 36px;

	background: url(bg1.png) no-repeat left center;

	text-transform: uppercase;

	box-sizing:border-box;

	white-space:nowrap;

}

.iproduct .txt .txt-main .list a:hover{

	font-weight: bold;

	background: url(bg2.png) no-repeat left center;

	color: #fccb01;

}

.iproduct .txt .txt-main .more{

	margin-top: 34px;

}

.iproduct .txt .txt-main .more span{

	

    color: #262e36;

   

}

.iproduct .txt .txt-main .more span:after {



}



.iproduct .txt .txt-main .more:hover span{

	background:#262e36 url(bg7.png) no-repeat 128px center;

	color: #fff;

	border: 2px solid #fff;

}

.iproduct .txt .txt-main .more:hover span:after{

	border-color: #fff;

}

.inews{

	padding:  170px 30px 120px;

}

.inews h2{

	text-align: center;

	font-family: 'Helvetica';

	line-height: 60px;

	font-size: 54px;

	text-transform: uppercase;

	font-weight: bolder;

	font-style: italic

}

.inews h3{

	margin-bottom: 50px;

	font-size: 36px;

	color: #fff;

	font-weight: bold;

	line-height: 50px;

	text-align: center;

}

.inews-content{

	margin: 0 auto;

	max-width: 1600px;

}

.inews-content h4{

	margin-top: 12px;

	margin-bottom: 5px;

	font-size: 16px;

	line-height: 34px;

	color: #fff;

	font-weight: bold;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

}

.inews-content p{

	font-size: 14px;

	height: 48px;

	line-height: 24px;

	color: rgba(255,255,255,.7);

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

}

.inews-content .more{

	margin-top:20px;

}

.inews-content .more span{

    border: 2px solid #fff;

    color: #fff;

}

.inews-content .more span:after {

    border-color: #fff;

}

.inews-content .more:hover span{

    color: #262e36;

}

.inews-content .more:hover span:after{



}



/*频道页*/

.in-ban{

	width: 100%;

	overflow: hidden;

}

.in-ban img{

	width: 100%;

}

.in-ban .txt{

	position: absolute;

	left: 13.5%;

	top: 24%;

}

.in-ban .txt h2,.in-ban .txt h3{

	font-size: 48px;

	line-height: 60px;

	font-weight: bold;

	color: #fff;

}

.channel{

	padding:65px 50px 105px;

}

.channel li{

	margin-bottom: 10px;

	padding: 0 5px;

	box-sizing:border-box;

}

.channel li img{

	width: 100%;

}

.channel li .bg{

	width: calc(100% - 10px);

	height: 30%;

	left: 5px;

	bottom: 0;

	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));

}

.channel li .tit{

	left: 35px;

	bottom: 5.5%;

	padding-right: 45px;

	font-size: 32px;

	font-weight: bold;

	line-height: 50px;

	color: #fff;

	background: url(bg8.png) no-repeat right center;

}



.channel .load-more{

	margin: 18px 5px 0;

	display: block;

	height: 64px;

	line-height: 64px;

	text-align: center;

	color: #fbcf0d;

	font-size: 18px;

	background: #262e37;

	cursor: pointer;

}



/*产品列表*/

.mbx-pro{

	/*margin-left: 13.5%;*/

	padding: 30px 0;

	line-height: 40px;

	font-size: 16px;

	color: #fff;

}

.mbx-pro a,

.mbx-pro span{

	color: #fff;

}

.mbx-pro span{

	margin: 0 10px;

	font-family: "宋体";

	font-size: 14px;

}

.product{

	padding: 0 45px 90px;

}

.product .select-box{

	padding: 0 5px;

	box-sizing:border-box;

	margin-bottom: 15px;

}

.product .select-box select{

	width: 100%;

}

.select-box .ui-selectbox{

	border: none;

	height: 64px;

    line-height: 64px;

    

}

.select-box .ui-selectbox-inner{

	font-size: 24px;

    font-weight: bold;

    margin-right: 25px;

    padding-left: 40px;

}

.select-box .ui-selectbox .ui-selectbox-icon{

	right: 25px;

    top: 50%;

    margin-top: -5px;

    border-top: 10px solid #66737f;

    border-left: 10px dashed transparent;

    border-right: 10px dashed transparent;

}

.select-box .ui-selectbox-open .ui-selectbox-icon{

	border-top: 0 none;

}

.select-box .ui-selectbox-open .ui-selectbox-icon{

	border-bottom: 10px solid #66737f;

}

#pro .ui-selectbox-dropdown{

	border: none !important;

	background: #262e37 !important;

	font-size: 16px !important;

}

#pro .ui-selectbox-optgroup, #pro .ui-selectbox-option{

	padding: 10px 40px !important;

	color: #fcce01 !important;

}

#pro .ui-selectbox-dropdown .ui-selectbox-selected, 

#pro .ui-selectbox-dropdown .ui-selectbox-selected:hover{

	background: #fcce01 !important;

    color: #262e37 !important;

}

#pro .ui-selectbox-option:hover {

    background: #343e48 !important;

}

.product .list .li{

	padding: 0 5px;

	box-sizing:border-box;

	margin-bottom: 10px;	

}

.product .list .li .box{

	padding: 10px;

	text-align: center;

	box-sizing:border-box;

}



.product .list .li .box h2{

	font-size: 22px;

	font-weight: bold;

	line-height: 52px;

	overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;



}

.product .list .li .box .pro-more{

	margin: 10px auto 0;

	display: block;

}



.product .list .li .box h3{

	font-size: 15px;

	color: #fff;

	line-height: 36px;

}

.product .list .li .box p{

	font-size: 15px;

	color: #d4d7da;

	line-height: 40px;

	opacity: 0.8;

	filter: alpha(opacity=80);

	overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.product .list .li:hover{

	z-index: 2;

}

.product .list .li:hover .box{

	transform: scaleX(1.1) scaleY(1.1);

	-webkit-transform: scaleX(1.1) scaleY(1.1);

	box-shadow: 0 0 10px rgba(0,0,0,.3);

}

.page{

	padding: 20px 0 30px;

	text-align: center;

	color: #70777e;

	font-weight: bold;

	font-family: arial;

	font-size: 0;

}

.page a{

	display: inline-block;

	width: 46px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	font-size: 22px;

	color: #70777e;

}

.page a.on{

	font-weight: bold;

	font-size: 20px;

}

.page a.active,

.page a:hover{

	color: #fcce01;

}



/*产品详情*/

#productinfo{

	padding-top: 0;

}

#productinfo header{

	position: relative;

}

.fixbox{

	height: 60px;

	border-top: 1px solid #465462;

}



.mbx-proinfo{

	background: #343e48;

	padding: 10px 0;

	height: 40px;

}

.mbx-proinfo .left a,

.mbx-proinfo .left span{

	color: #fff;

	line-height: 36px;

	font-size: 16px;

	color: #fff;

}

.mbx-proinfo .left span{

	margin: 0 10px;

	font-family: "宋体";

	font-size: 14px;

}

.mbx-proinfo .right{

	line-height: 36px;

}

.mbx-proinfo .right a{

	font-size: 14px;

	color: #c0c2c5;

	cursor: pointer;

}

.mbx-proinfo .right a.on,

.mbx-proinfo .right a:hover{

	

}

.mbx-proinfo .right span{

	font-size: 12px;

	color: #465462;

	margin: 0 25px;

}

.mbx-proinfo .right .buy{

	margin-left: 25px;

}

.mbx-proinfo .right .buy img{

	vertical-align: top;

}

#productinfo .fixbox .mbx-proinfo.on {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

}

.proinfo-a{

	padding: 28px 0;

}

.proinfo-a .right,

.proinfo-a .left{

	width: 50%;

}

.proinfo-a .simg{

	width: 105px;

	height: 450px;

	overflow: hidden;

}

.proinfo-a .gallery-thumbs {

	width: 105px;

	height: 345px;

	/*padding: 52px 0;*/

	margin-top: 52px;

	box-sizing: border-box;

	overflow: hidden;

}



.proinfo-a .gallery-thumbs .swiper-slide {

	width: 105px;

	height: 105px;

	background-size: cover;

	background-position: center;

	border: 1px solid #343e48;

	box-sizing:border-box;

}

.proinfo-a .gallery-thumbs .swiper-slide.active {

    border: 1px solid #fcce01;

}

.proinfo-a .simg .swiper-button-prev,

.proinfo-a .simg .swiper-button-next{

	left: 0;

	top: auto;

	width: 105px;

	height: 36px;

	z-index: 10;

	margin-top: 0;

	cursor: pointer;

}

.proinfo-a .simg .swiper-button-prev{

	top: 0;

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

}

.proinfo-a .simg .swiper-button-next{

	bottom: 0;

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

}

.proinfo-a .simg .swiper-button-prev:hover{

	background: url(prev1.png) no-repeat center/cover;

}

.proinfo-a .simg .swiper-button-next:hover{

	background: url(next1.png) no-repeat center/cover;

}

.proinfo-a .bimg{

	margin-left: 8.5%;

	width: 450px;

	height: 450px;

}

.proinfo-a .gallery-top {

	width: 450px;

	height: 450px;

	overflow: hidden;

}

.proinfo-a .gallery-top .swiper-slide{

	background: #262e37;

}



.proinfo-a .right{

	padding-top: 60px;

}

.proinfo-a .right h2{

	line-height: 60px;

	font-size: 24px;

	color: #c7d6e7;

}

.proinfo-a .right h2 span{

}

.proinfo-a .right .txt{

	height: 100px;

	font-size: 14px;

	line-height: 26px;

	color: #c7d6e7;

	margin-bottom: 10px;

	margin-top: 20px;

}

.proinfo-a .right  .btn a{

	display: inline-block;

	width: 224px;

	height: 48px;

	line-height: 48px;

	font-size: 16px;

	text-align: center;

}

.proinfo-a .right  .btn a.a1{

	margin-right: 13px;

	background: #343e48;

}

.proinfo-a .right  .btn a.a2{



	color: #262e37;

}



.proinfo-a .right  .btn a:hover{

	transform: scaleX(1.05) scaleY(1.05);

	-webkit-transform: scaleX(1.05) scaleY(1.05);

	box-shadow: 0 0 10px rgba(0,0,0,.5)

}

.proinfo-b{



}

.proinfo-b-top{

	height: 65px;

	line-height: 65px;

	font-size: 22px;

	color: #262e37;

}

.proinfo-b-img{

	padding: 40px 0 50px;

}

.proinfo-b-img .img{

	padding-right: 20px;

	padding-left: 0;

	margin-bottom: 40px;

	box-sizing:border-box;

}

.proinfo-b-img .img:nth-child(2n){

	padding-left: 20px;

	padding-right: 0;

}

.proinfo-c img{

	width: 100%;

}

.proinfo-d{

	padding: 80px 0;

	background: #262e37;

}

.proinfo-d .parameter{

	width: 50%;

	padding-top: 40px;

}

.proinfo-d .parameter h2{

	font-size: 30px;

	color: #fcce01;

	line-height: 60px;

	margin-bottom: 50px;

}

.proinfo-d .parameter .row{

	border-top: 1px solid #93979b;

}

.proinfo-d .parameter .row .li{

	font-size: 24px;

	line-height: 68px;

	padding: 0 12px;

	color: #fff;

	/*overflow: hidden;*/

    /*text-overflow: ellipsis;*/

    white-space: nowrap;

	border-bottom: 1px solid #93979b;

	box-sizing:border-box;

}

.proinfo-d .parameter .txt{

	width: 80%;

	margin-top: 25px;

	padding: 0 12px;

	font-size: 22px;

	line-height: 46px;

	color: #dbddde;

}

.proinfo-d img{

	width: 45.7%;

}

/*新闻资讯*/

.news{

	width: 100%;

	padding: 60px 0 90px;

	overflow: hidden;

}

.news .bg{

	left: 0;

	top: 15%;

	width: 200%;

	height: 50%;

	background: #343e48;

	transform:skew(0,-12deg);

}

.news-tit{

	text-align: center;

	font-size: 48px;

    line-height: 130px;

    color: #fff;

    font-weight: bold;

}

.news .line{

	width: 40px;

	height: 3px;

	margin: 0 auto 90px;

}

.news .list {

	max-width: 1425px;

}

.news .list .li{

	margin-bottom: 50px;

	padding: 0 12.5px;

	box-sizing:border-box;

}

.news .list .li .box{

	background-image: url(bg9.jpg);

	background-position: left bottom;

	background-repeat: repeat-x;

}

.news .list .li .box .txt{

	padding: 30px;

	color: #fff;

}

.news .list .li .box .txt h2{

	margin-bottom: 10px;

	font-size: 25px;

	line-height: 38px;

	font-weight: bold;

	display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.news .list .li .box .txt p{

	margin-bottom: 28px;

	font-size: 15px;

	color: #7f8892;

	height: 52px;

	line-height: 26px;

	display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.news .list .li .box .txt .date{

	font-size: 16px;

	line-height: 70px;

}

.news .list .li .box .txt .date span{

	padding-right: 25px;

	font-weight: bold;

	background: url(bg8.png) no-repeat right center/auto 15px;

}

.news .list .li:hover .box{

	transform:skew(5deg,5deg);

	box-shadow: 0 0 10px rgba(0,0,0,.3);

	-webkit-animation: animate-line 20s linearinfinite;

    -moz-animation: animate-line 20s linear infinite;

    -ms-animation: animate-line 20s linear infinite;

    -o-animation: animate-line 20s linear infinite;

    animation: animate-line 20s linear infinite;

}



@-webkit-keyframes animate-line {

  from {

    background-position: 600px 100%;

  }

  to {

    background-position: 0 100%;

  }

}

@-moz-keyframes animate-line {

  from {

    background-position: 600px 100%;

  }

  to {

    background-position: 0 100%;

  }

}

@-ms-keyframes animate-line {

  from {

    background-position: 600px 100%;

  }

  to {

    background-position: 0 100%;

  }

}

@-o-keyframes animate-line {

  from {

    background-position: 600px 100%;

  }

  to {

    background-position: 0 100%;

  }

}



/*品牌与使命*/

.about{

	padding: 100px 0 200px;

}

.about-a{

	margin-bottom: 90px;

	padding-left: 96px;

	padding-bottom: 13px;

}

.about-a h2{

	margin-bottom: 30px;

	font-size: 36px;

	line-height: 1;

	color: #fff;

	font-weight: bold;

}

.about-a p{

	font-size: 16px;

	color: #c0c7ce;

}

.about-a .list{

	margin-top: 30px;

	font-size: 0;

}

.about-a .list span{

	margin-bottom: 10px;

	margin-right: 23px;

	display: inline-block;

	font-size: 18px;

	color: #262e37;

	height: 60px;

	line-height: 60px;

	padding: 0 32px;

	font-weight: bold;

}

.about-b video{

	width: 100%;

}

.about-b .tit{

	left: 25px;

	bottom: 20px;

	font-size: 22px;

	line-height: 50px;

	font-weight: bold;

	color: #2f3e45;

}

.about-b .tit .btn{

	vertical-align: middle;

	margin-right: 25px;

	display: inline-block;

	width: 50px;

	height: 50px;

	cursor: pointer;

	background: url(bg10.png) no-repeat center/cover;

}

.about-b .tit .btn:hover{

	/*transform:scale(1.1,1.1);*/

	transform:rotate(360deg) scale(1.1,1.1);

}



.videobox{

	position: fixed;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background:#343e48;

	display: none;

	z-index: 99;

}

.videobox video{

	background-color: #000;

}

.videobox video{

    position: fixed;

    max-width: 67.3%;

    width: 67.3%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

}

.videobox .closevid{

    width: 30px;

    height: 30px;

    background: url(43.png) no-repeat center/cover;

    position: absolute;

    top: 40px;

    right: 40px;

    cursor: pointer;

    z-index: 9;

}



/*概述*/

.summary{

	padding: 100px 0 120px;

}

.summary-a{

	padding-left: 96px;

	padding-bottom: 13px;

}

.summary-a h2{

	margin-bottom: 30px;

	font-size: 36px;

	line-height: 1;

	color: #fff;

	font-weight: bold;

}

.summary-a h3{

	font-size: 20px;

	color: #fff;

	line-height: 1.8;

}

.summary-a h3 span{

	color: #fbcf0d;

}

.summary-a li{

	margin-top: 30px;

	color: #d9e0e7;

	font-size: 16px;

}

.summary-a li .left{

	width: 220px;

}

.summary-a li .right{

	width: calc(100% - 220px)

}

.summary-a li .right p{

	font-size: 16px;

	color: #b8c0c7;

	line-height: 2;

}

.summary-a li .year{

	font-size: 48px;

	color: #fff;

	height: 60px;

	line-height: 60px;

}

.summary-a li .year span{

	font-size: 14px;

	color: #c0c7ce;

}

.summary-a li .left p{

	font-size: 14px;

	color: #c0c7ce;

	line-height: 1.6;

}

.summary-b .pc{

	width: 62.5%;

}

.summary-b .txt{

	position: absolute;

	left: 0;

	top: 0;

	width: 43.2%;

	height: 100%;

	padding-top: 30px;

}

.summary-b .txt .arrow-right{

	position: absolute;

    right: -30%;

    top: 0;

    width: 30%;

    height: 100%;

    background: url(bg12.png) no-repeat center/100% 100%;

}

.summary-b .txt .txt-main{

	position: absolute;

	padding: 0 30px;

    max-width: 550px;

    top: 50%;

    right: 0;

    margin-top: -200px;

}

.summary-b .txt .txt-main h2{

	font-size: 110px;

	color: #e6bd08;

	text-transform: uppercase;

	font-weight: bold;

	line-height: 1;

}

.summary-b .txt .txt-main h3{

	position: relative;

	margin-top: -40px;

	padding-right: 20px;

	font-size: 22px;

	line-height: 36px;

	color: #262e37;

	max-width: 370px;

	margin-left: 105px;

	background: #fbcf0d;

	font-weight: bold;

	z-index: 2;

}

.summary-b .txt .txt-main h3:after{

	content:"";	

	display: inline-block;

	width: 160px;

	height: 1px;

	background: url(bg13.png) no-repeat right center;

	vertical-align: middle;

}



.summary-b .txt .txt-main p{

	margin-top: 20px;

	max-width: 420px;

	margin-left: 105px;

	font-size: 16px;

	line-height: 1.8;

}

.summary-b .txt .txt-main .summary-more{

	display: block;

	margin-left: 105px;

	margin-top: 20%;

	width: 58px;

	height: 59px;

	background: url(ico10.png) no-repeat center/100% 100%;

}

.summary-c {

	padding: 100px 0 180px;

}

.summary-c h2{

	font-size: 36px;

	color: #fff;

	text-align: center;

	font-weight: bold;

	line-height: 100px;

}

.summary-c .txt{

	margin: 0 auto;

	max-width: 1100px;

	font-size: 16px;

	line-height: 1.8;

	color: #c0c7ce;

	text-align: center;

}

.summary-c ul{

	margin-top: 80px;

}

.summary-c ul li{

	width: 25%;

	float: left;

}

.summary-c ul li .box{

	width: 300px;

	margin: 0 auto;

	text-align: center;

}

.summary-c ul li .ico{

	margin: 0 auto 13px;

	padding-top: 40px;

	width: 190px;

	height: 190px;

	border-radius: 50%;

	text-align: center;

	color: #fff;

	box-sizing:border-box;

}

.summary-c ul li .ico img{

	margin-bottom: 10px;

}

.summary-c ul li .ico p{

	font-size: 20px;

	font-weight: bold;

	line-height: 28px;

}

.summary-c ul li .box span{

	display: block;

	font-size: 16px;

	line-height: 1.8;

	color: #c0c7ce;

}

.summary-c ul li .box .ico:hover{

	background: none;

}



/*售后服务*/

.service-a{

	padding: 80px 0 110px;

}

.service-a .tit{

	font-size: 30px;

	color: #fcce01;

	line-height: 50px;

	margin-bottom: 50px;

}

.service-a ul{

	margin-left: -23px;

	margin-right: -23px;

}

.service-a li{

	width: 25%;

	float: left;

}

.service-a li .box{

	margin: 0 23px;

	padding: 40px;

	min-height: 410px;

	background: #262e37 url(bg14-1.png) no-repeat right bottom;

	border: 1px solid #fcce01;

	box-sizing:border-box;

	box-shadow: 0 0 10px rgba(0,0,0,.3);

}

.service-a li .box h2{

	font-size: 36px;

	font-weight: bold;

	line-height: 2;

	color: #ffffff;

}

.service-a li .box .line{

	margin-bottom: 40px;

	width: 17px;

	height: 4px;

	background: #fcce01;

}

.service-a li .box p{

	color: #c6d2df;

	font-size: 16px;

	line-height: 1.8;

}

.service-b{

	padding: 80px 0 100px;

	color: #f0f5fb;

}

.service-b .tit{

	font-size: 30px;

	line-height: 50px;

	margin-bottom: 30px;

}

.service-b ul{

	margin-bottom: 25px;

	padding:15px 38px;

	border: 1px solid #fcce01;

	background: url(bg14-1.png) no-repeat right bottom;

	box-sizing:border-box;

}

.service-b ul li{

	font-size: 16px;

	padding: 15px 0;

	line-height: 30px;

	border-top: 1px dashed #343e48;

}

.service-b ul li.first{

	border: none;

}

.service-b ul li.last{

	border-top: 1px solid #343e48;

	font-size: 14px;

	color: rgba(255,255,255,.5);

}

.service-b ul li.last p{

	max-width: 720px;

	line-height: 36px;

}

.service-b-bot{

	padding-left: 40px;

}

.service-b-bot h2{

	font-size: 16px;

	color: #fbcf0d;

	line-height: 36px;

}

.service-b-bot p{

	font-size: 14px;

	line-height: 28px;

	color: #fff;

}

.service-b-bot span{

	margin-top: 15px;

	font-size: 14px;

	color: #fbcf0d;

}

.service-c{

	padding: 125px 0 135px;

}

.service-c .tab-box{

	padding: 30px 90px 90px;

}

.service-c .tab-box h2{

	padding: 0 10px;

	font-size: 30px;

	margin-bottom: 30px;

}

.service-c .tab-box td{

	padding: 15px 10px;

	font-size: 16px;

	color: #fcce01;

}

.service-c .tab-box .td1{

	width: 80px;

}

.service-c .tab-box td .option-radio{

    display: none;

}

.service-c .tab-box td .option-radio+span{

	margin-right: 50px;

    display: inline-block;

    height: 20px;

    line-height: 20px;

    text-indent: 40px;

    color: #fff;

    background: url(bg15.png) no-repeat left center;

    cursor: pointer;

}

.service-c .tab-box td .option-radio:checked+span{

	color: #fcce01;

    background: url(bg16.png) no-repeat left center;

    

}

.service-c .tab-box td .inp1,

.service-c .tab-box td .inp2{

	width: 100%;

	border: none;

	padding: 10px 15px;

	color: #fff;

	box-sizing:border-box;

}

.service-c .tab-box td .star{

	vertical-align: top;

	color: #fc0101;

	margin-left: 5px;

} 

.tab-box .sel{

	width: 22%;

	margin-right: 2%;

	float: left;

}

.tab-box select{

	width: 100%;

}

.tab-box .ui-selectbox{

	background: #2d3640;

	border: none;

	height: 41px;

    line-height: 41px;

    

}

.tab-box .ui-selectbox-inner{

	font-size: 16px;

    color: #fff;

    padding-left: 15px;

}

.tab-box .ui-selectbox .ui-selectbox-icon{

	right: 10px;

    top: 50%;

    margin-top: -3px;

    border-top: 6px solid #fff;

    border-left: 6px dashed transparent;

    border-right: 6px dashed transparent;

}

.tab-box .ui-selectbox-open .ui-selectbox-icon{

	border-top: 0 none;

}

.tab-box .ui-selectbox-open .ui-selectbox-icon{

	border-bottom: 6px solid #fff;

}

#ser .ui-selectbox-dropdown{

	border: none !important;

	background: #262e37 !important;

	font-size: 14px !important;

}

#ser .ui-selectbox-optgroup, #ser .ui-selectbox-option{

	padding: 5px 15px !important;

	color: #fcce01 !important;

}

#ser .ui-selectbox-dropdown .ui-selectbox-selected, 

#ser .ui-selectbox-dropdown .ui-selectbox-selected:hover{

	background: #fcce01 !important;

    color: #262e37 !important;

}

#ser .ui-selectbox-option:hover {

    background: #343e48 !important;

}

.service-c .tab-box td .inp3{

	float: left;

	width: 52%;

	background: #2d3640;

	border: none;

	padding: 10px 15px;

	color: #fff;

	box-sizing:border-box;

	vertical-align: middle;

}

.service-c .tab-box td textarea{

	width: 100%;

	height: 295px;

	border: none;

	padding: 10px 15px;

	color: #fff;

	box-sizing:border-box;

}

.service-c .tab-box td .inp4{

	width: 100%;

	height: 60px;

	line-height: 60px;

	color: #262e37;

	font-size: 20px;

	border: none;

	box-sizing:border-box;

}

/*常见问答*/

.answer{

	padding: 80px 0 60px;

}

.answer-top{

	margin-bottom: 80px;

}

.answer-top .left h2{

	margin-bottom: 20px;

	font-size: 36px;

	line-height: 1;

	color: #fff;

	font-weight: bold;

}

.answer-top .left p{

	font-size: 20px;

	color: #aaaeb3;

	line-height: 1;

}

.answer-top .right{

	width: 330px;

	margin-top: 15px;

}

.answer-top .right select{

	width: 100%;

}

.answer-top .right .ui-selectbox{

	background: #2d3640;

	border: none;

	height: 60px;

    line-height: 60px;

    border: 1px solid #fcce01;

    box-sizing:border-box;

    

}

.answer-top .right .ui-selectbox-inner{

	font-size: 20px;

    color: #93979b;

    padding-left:35px;

}

.answer-top .right .ui-selectbox .ui-selectbox-icon{

	right: 25px;

    top: 50%;

    margin-top: -3px;

    border-top: 6px solid #93979b;

    border-left: 6px dashed transparent;

    border-right: 6px dashed transparent;

}

.answer-top .right .ui-selectbox-open .ui-selectbox-icon{

	border-top: 0 none;

}

.answer-top .right .ui-selectbox-open .ui-selectbox-icon{

	border-bottom: 6px solid #93979b;

}

#ans .ui-selectbox-dropdown{

	border: 1px solid #fcce01 !important;

	background: #262e37 !important;

	font-size: 14px !important;

}

#ans .ui-selectbox-optgroup, #ans .ui-selectbox-option{

	padding: 10px 35px !important;

	color: #fcce01 !important;

}

#ans .ui-selectbox-dropdown .ui-selectbox-selected, 

#ans .ui-selectbox-dropdown .ui-selectbox-selected:hover{

	background: #fcce01 !important;

    color: #262e37 !important;

}

#ans .ui-selectbox-option:hover {

    background: #343e48 !important;

}

.answer ul{

	margin-left: -15px;

	margin-right: -15px;

}

.answer ul li{

	margin-bottom: 30px;

}

.answer ul li .box{

	margin: 0 15px;

	padding:45px 30px 30px;

	height: 283px;

	font-size: 15px;

	color: #bec5cc;

	background:#262e37 url(bg17.jpg) no-repeat center top/100% 100%;

	box-sizing:border-box;

	cursor: pointer;

}

.answer ul li .box .bg{

	width: 100%;

	height: 3px;

	left: 0;

	top: 0;

	background: url(bg18.jpg) no-repeat center top/100% 100%;

}

.answer ul li .box h2{

	font-size: 20px;

	color: #fcce01;

	line-height: 50px;

}

.answer ul li .box p{

	line-height: 28px;

	display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.answer ul li .box .answer-more{

	margin-top: 25px;

	width: 50px;

	height: 51px;

	background: url(ico15.png) no-repeat center/100% 100%;

}

.answer ul li .box:hover .bg{

	height: 100%;

}

.answer ul li .box:hover h2{

	color: #262e37;

}

.answer ul li .box:hover p{

	color: #262e37;

}

.answer ul li .box:hover .answer-more{

	background: url(ico16.png) no-repeat center/100% 100%;

}

.body-bg{

	position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #343e48;

    display: none;

    z-index: 99;

}

.answer-box{

	position: fixed;

    max-width: 67.3%;

    width: 67.3%;

    height: 60%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    text-align: justify;

    background: #262e37 url(bg17.jpg) no-repeat right bottom;

    border-top: 3px solid #fcce01;

    padding: 45px 50px 30px;

    overflow-y: auto;

    color: #bec5cc;

    box-sizing:border-box;

}

.answer-box h2 {

    font-size: 20px;

    color: #fcce01;

    line-height: 50px;

}

.answer-box p{

	font-size: 15px;

    color: #bec5cc;

}

.body-bg .closevid{

    width: 30px;

    height: 30px;

    background: url(43.png) no-repeat center/cover;

    position: absolute;

    top: 40px;

    right: 40px;

    cursor: pointer;

    z-index: 9;

}



/*人才招聘*/

.recruit{

	width: 100%;

	padding: 90px 0 60px;

	overflow: hidden;

}

.recruit .bg{

    left: -50%;

    top: -20%;

    width: 200%;

    height: 1100px;

    transform: skew(0,-45deg);

}

.rec-top{

	margin-bottom: 50px;

}

.rec-top h2{

	font-size: 36px;

	font-weight: bold;

	line-height: 2.2;

}

.rec-top p{

	font-size: 16px;

	color: #f9fcff;

	opacity: 0.8;

	filter: alpha(opacity=80);

	line-height: 2.2;

}

.rec-top p span{

	margin-left: 60px;

}

.rec-top p em{

	color: #fcce01;

	font-style: normal;

}

.recruit-search-box .ser,

.recruit-search-box .inp1{

	float: left;

	width: 28.5%;

	margin-right: 0.9%;

}

.recruit-search-box .inp1{

	padding: 0 50px;

	background: #3a444e;

	border: none;

	height: 70px;

    line-height: 70px;

    color: #fcce01;

    font-size: 16px;

    box-sizing:border-box;

    box-shadow: 0 0 10px rgba(0,0,0,.2);

}

.recruit-search-box .inp1::-webkit-input-placeholder{

    color:#fcce01;

}

.recruit-search-box .inp1::-moz-placeholder{

    color:#fcce01;

}

.recruit-search-box .inp1:-moz-placeholder{

    color:#fcce01;

}

.recruit-search-box .inp1:-ms-input-placeholder{

    color:#fcce01;

}

.recruit-search-box .ser select{

	width: 100%;

}





.recruit-search-box .ui-selectbox{

	background: #3a444e;

	border: none;

	height: 70px;

    line-height: 70px;

    box-sizing:border-box;

    box-shadow: 0 0 10px rgba(0,0,0,.2);

    

}

.recruit-search-box .ui-selectbox-inner{

	font-size: 16px;

    color: #fcce01;

    padding-left:50px;

}

.recruit-search-box .ui-selectbox .ui-selectbox-icon{

	right: 25px;

    top: 50%;

    margin-top: -3px;

    border-top: 6px solid #93979b;

    border-left: 6px dashed transparent;

    border-right: 6px dashed transparent;

}

.recruit-search-box .ui-selectbox-open .ui-selectbox-icon{

	border-top: 0 none;

}

.recruit-search-box .ui-selectbox-open .ui-selectbox-icon{

	border-bottom: 6px solid #93979b;

}

#rec .ui-selectbox-dropdown{

	border: none !important;

	background: #262e37 !important;

	font-size: 14px !important;

}

#rec .ui-selectbox-optgroup, #rec .ui-selectbox-option{

	padding: 10px 50px !important;

	color: #fcce01 !important;

}

#rec .ui-selectbox-dropdown .ui-selectbox-selected, 

#rec .ui-selectbox-dropdown .ui-selectbox-selected:hover{

	background: #fcce01 !important;

    color: #262e37 !important;

}

#rec .ui-selectbox-option:hover {

    background: #343e48 !important;

}

.recruit-search-box .rec-search{

	width: 11.8%;

	height: 70px;

	background:#fcce01 url(search.png) no-repeat center;

	border: none;

	box-sizing:border-box;

    box-shadow: 0 0 10px rgba(0,0,0,.2);

}



.recruit-list{

	font-size: 0;

	margin-top: 30px;

	margin-bottom: 30px;

	padding-bottom: 80px;

}

.recruit-list li{

	position: relative;

}

.recruit-list li:after{

	content: '';

	display: block;

	position: absolute;

    width: 93.4%;

	height: 1px;

	background-color: #505860;

	left: 0;

	right: 0;

	bottom: 0;

	margin: 0 auto;

}

.recruit-list .list-tit{

	padding: 0 10%;

	line-height: 66px;

}

.recruit-list span{

	display: inline-block;

	vertical-align: middle;

	font-size: 16px;

	color: #262e37;

	width: calc(25% - 16px);

	line-height: 1.5;

}

.recruit-list .list-tit span:last-child,

.recruit-list .li-tit span:last-child{

	width: auto;

}

.recruit-list li .li-tit span{

	font-size: 16px;

	color: #fff;

}

/*.recruit-list li .li-tit span:last-child{

	color: #159c52;

}*/

.li-tit{

	line-height: 70px;

	padding: 0 10%;

}

.li-con{

	padding: 0 4.2666666666666665%;

	margin: 0 auto;

	width: 93.4%;

	padding-bottom: 45px;

	display: none;

	box-sizing:border-box;

}

.li-con-top{

	padding: 34px 15px;

	border-bottom: 1px solid #4c545c;

}

.li-con-top span{

	display: inline-block;

	font-size: 14px;

	color: rgba(255,255,255,.6);

	padding: .75em 0;

	width: 25%;

}

.li-con-top span em{

	display: inline-block;

	font-style: normal;

	color: rgba(255,255,255,1);

}

.li-con-fot{

	padding: 22px 15px 44px;

	border-bottom: 1px solid #4c545c;

}

.li-con-fot .li-con-tit{

	font-size: 16px;

}

.li-con-fot .li-con-desc{

	font-size: 14px;

	color: rgba(255,255,255,.6);

	line-height: 2;

	padding-top: 1em;

}

.rec-more{

	font-size: 14px;

	width: 140px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	background-color: #fcce01;

	color: #262e37;

	margin: 30px 0 0 15px;

}



/*人才理念*/

.talent-a{

	padding-top: 80px;

}

.talent-a h2{

	margin-bottom: 20px;

	font-size: 48px;

	color: #fff;

	font-weight: bold;

}

.talent-a .txt{

	width: 60%;

	padding-left: 17%;

	font-size: 16px;

	color: #dfe8f0;

	line-height: 1.8;

	text-align: justify;

}

.talent-a .txt p span{

	color: #fbcf0d;

}

.talent-a .txt p.p1{

	margin-top: 15px;

	opacity: 0.8;

	filter: alpha(opacity=80);

}

.talent-a .txt:before{

	content: "";

	position: absolute;

	width: 20%;

	height: 3px;

	background: #fbcf0d;

	left: 0;

	top: 15px;

}

.talent-b{

	margin-top: -10%;

	width: 100%;

	overflow: hidden;

}

.talent-b img{

	position: relative;

	width: 100%;

}

.talent-c{

	padding: 155px 0 120px;

}

.talent-c-a .txt{

	width: 57%;

	font-size: 15px;

	line-height: 1.8;

}

.talent-c-a .txt h2{

	margin-bottom: 10px;

	font-size: 30px;

	color: #fff;

	font-weight: bold;

	line-height: 3;

}

.talent-c-a .txt .line{

	margin-bottom: 36px;

	width: 50px;

	height: 3px;

	background: #fcce01;

}

.talent-c-a .txt p{

	margin-bottom: 15px;

	color: #dfe8f0;

	text-align: justify;

	opacity: 0.8;

	filter: alpha(opacity=80);

}

.talent-c-a .img{

	position: absolute;

	top: 0;

	right: 0;

	width: 36.8%;

}

.talent-c-b{

	margin-top: 77px;

	padding: 50px 20px;

	width: 84%;

	background: #fcce01 url(bg19.jpg) no-repeat right bottom;

	box-sizing:border-box;

	box-shadow: 0 0 10px rgba(0,0,0,.2);

}

.talent-c-b li{

	float: left;

	width: 20%;

	height: 120px;

	text-align: center;

	border-right: 1px solid #e3bf20;

	box-sizing:border-box;

}

.talent-c-b li:last-child{

	border: none;

}

.talent-c-b li .box{

	margin: 0 auto;

	max-width: 150px;

}

.talent-c-b li .box h2{

	margin-bottom: 20px;

	font-size: 48px;

	color: #262e37;

	line-height: 1;

}

.talent-c-b li .box p{

	font-size: 15px;

	color: #262e37;

	line-height: 1.8;

}

.talent-c-c{

	margin-top: 60px;

	font-size: 16px;

	font-weight: bold;

	color: #fff;

	line-height: 2;

}

.talent-c-c span{

	color: #fcce01;

}

.history{

	padding: 90px 0 160px;

}

.history-tit{

	width: 84.58333333333333vw;

	font-size: 48px;

	color: #ffffff;

	font-weight: bold;

	line-height: 1;

	margin: 0 auto;

}

.history-box{

	width: 84.58333333333333vw;

	margin: 4.1vw auto 0;

	text-align: center;

	position: relative;

}

.history-box .imgs .img1{

	width: 17.1875vw;

	position: absolute;

	top: 50%;

	left: 0;

	transform: translate(0,-50%);

} 

.history-box .imgs .img2{

	width: 36.45833333333333vw;

	float: center;

}

.history-box .text{

	position: absolute;

	width: 28vw;

	right: 0;

	top: 50%;

	transform: translate(0, -50%);

	text-align: left;

	font-size: 16px;

	color: #fff;

	box-sizing: border-box;

}

.history-box .year{

    font-size: 38vw;

    line-height: 39vw;

	font-family:HelveticaNeueLTCYR-Bd,Arial,sans-serif;

	font-weight: bold;

	text-align: center;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}

.history-box .imgs{

	width: 46.66666666666667vw;

	position: absolute;

	top: 50%;

	left: 0;

	transform: translate(0,-50%);

}

.yearbox .year{

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

}

.yearbox .swiper-slide{

	position: relative;

    height: 34vw;

    overflow: hidden;

}

.history-box .control{

	max-width: 100%;

	margin-top: 54px;

}

.history-box .swiper-pagination{

	margin-top: 50px;

	position: static;

	max-width: 100%;

}

.history-box .swiper-pagination-bullet{

	width: auto;

	color: rgba(255,255,255,.3);

	font-size: 13px;

	height: auto;

	line-height: 2;

	padding: 0 11px 15px;

	position: relative;

	cursor: pointer;

	background: transparent;

	top: 0;

	margin: 0;

	opacity: 1;

	filter: alpha(opacity=100);

	outline: none;

}

.history-box .swiper-pagination-bullet:after{

	content: '';

	display: block;

	position: absolute;

	width: calc(100% - 4px);

	height: 2px;

	bottom: 0;

	left: 50%;

	transform: translate(-50%,0);

	background: transparent;

}

.history-box .swiper-pagination-bullet-active{

	color: #fff;

}

.history-box .swiper-pagination-bullet-active:after{



}

.history-box .swiper-button-prev,

.history-box .swiper-button-next{

	width: 0.4rem;

	height: 0.6rem;

	background-size: 100% 100%;

}

.history-box .swiper-button-prev{

	left: -0.3rem;

}

.history-box .swiper-button-next{

	right: -0.3rem;

}

/*新闻详情*/

.newsinfo{

	color: #fff;

	padding: 50px 50px;

}

.newsinfo .tit{

	text-align: center;

	font-size: 34px;

	line-height: 1.5;

}

.newsinfo .time{

	text-align: center;

    margin-top: 14px;

    font-size: 18px;

}

.newsinfo .con {

    margin-top: 30px;

    font-size: 16px;

    color: rgba(255,255,255,.8);

    padding-bottom: 82px;

    border-bottom: 1px solid #505860;

}

.newsinfo .con p{

 	color: rgba(255,255,255,.8) !important;

}

.newsinfo .con img{

	max-width: 100%;

}

.newsinfo .pagin {

    padding: 20px 0;

}

.newsinfo .pagin .left {

    width: 70%;

    float: left;

}

.newsinfo .pagin .left a{

    display: block;

    font-size: 18px;

    color: rgba(255,255,255,.6);

    background: no-repeat left center;

    transition: all .5s ease-in;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}

.newsinfo .pagin .left a:hover{

	color: rgba(255,255,255,1);

}

.newsinfo .pagin .return {

    vertical-align: middle;

    float: right;

    display: inline-block;

    font-size: 18px;

    color: #262e37;

    background-color: #fcce01;

    width: 169px;

    height: 51px;

    text-align: center;

    line-height: 51px;

    border-radius: 10px;

}



/*应聘表单*/

.recruitdtl {

    width: 100%;

    padding: 90px 0 100px;

    background: #262e37;

    overflow: hidden;

}

.recruitdtl-box{

    max-width: 1400px;

    margin: 0 auto;

    /*background: #262e37;*/

}

.applay-tb{

    width: 960px;

    margin: 0 auto;

    color: #fcce01;

}

.applay-tb .spred {

    font-size: 18px;

    font-family: Arial;

    color:#F00;

    margin-left: 12px;

}

.applay-tb {

    border:0;

    border-width: 0 0 1px 1px;}

.applay-tb  td {

    padding: 8px 6px;

    border:0;

    border-width:1px 1px 0 0;

    font-size: 14px;

}

.applay-tb  td {

    line-height: 1.8;

}

.applay-tb .applay-input{

    width: 200px;

    height:34px;

    padding: 8px 10px;

    line-height: 18px;

    color: #fff;

    border: 1px solid #2d3640;

    box-shadow: 2px 2px 2px #2d3640 inset;

    background: #2d3640;

    font-size: 14px;

    box-sizing:border-box;

}

.applay-tb select.applay-input{

    height: 34px;

    width: 200px;

    -webkit-appearance: none;

}

.applay-tb textarea.applay-input{

    width: 840px;

    height: 100px;

    box-sizing:border-box;

}

.applay-tb .applay-input.code{

    width: 90px;

    margin-right: 8px;

}

.applay-tb .submit{

    width: 150px;

    height: 35px;

    background: #fcce01;

    font-size: 16px;

    color: #262e37;

    cursor: pointer;

    border: none;

}

/*.applay-tb .error {

    border-color: #fcce01;

}*/

.code-bg{

	position: fixed;

	width: 100%;

	height: 100%;

	left: 0;

    top: 0;

    background: rgba(0,0,0,.3);

    display: none;

    z-index: 99;

}

.code-bg img{

	display: block;

	margin: auto;

	top: 0;

    left: 0;

    right: 0;

    bottom: 0;

	width: 200px;

}

.zanwu{

	color: #FFF;

}