﻿.wrapper{
	width: 1920px;margin: 0 auto;height: auto;overflow: hidden;
}
.pt30{
	padding-top: 30px;
}
.pt40{
	padding-top: 40px;
}
.pt50{
	padding-top: 50px;
}
.h75{
	height: 75px;
}
.h85{
	height: 85px;
}
.h95{
	height: 95px;
}
.bc-fef1f1{
	background-color: #fef1f1;
}
.bc-fff4ee{
	background-color: #fff4ee;
}
.bc-f3fef1{
	background-color: #f3fef1;
}
.bc-eef9ff{
	background-color: #eef9ff;
}
.bc-ff0eeff{
	background-color: #f0eeff;
}
.fz-ca23939{
	color:#a23939 ;
}
.fz-cae7474{
	color:#ae7474 ;
}
.fz-ca27939{
	color:#a27939 ;
}
.fz-cc08c66{
	color:#c08c66 ;
}

.fz-c39a24a{
	color:#39a24a ;
}
.fz-c749a6d{
	color:#749a6d ;
}
.fz-c3985a2{
	color:#3985a2 ;
}
.fz-c6c8491{
	color:#6c8491 ;
}
.fz-c8b84c3{
	color: #8b84c3;
}
.fz-c918cba{
	color: #918cba;
}
.bc-f6f6f6{
	background-color: #f6f6f6;
}
/*.sidebar{
	width: 195px;height: auto;overflow: hidden;
	padding:0 20px;position: relative;
}
.sidebar .logo {
	margin: 15px 0 150px;
}
.sidebar .logo img{
	width: 188px;height: 100px;
}
.sidebar .nav{
	padding-left: 20px;width: 175px;
}
.sidebar .nav li{
	margin-bottom: 10px;
}
.sidebar .nav li a{
	font-size: 16px;color:#333 ;
	height: 40px;line-height: 0px;
	display: block;
}
.sidebar .nav li.selected a,
.sidebar .nav li a:hover{
	color: #e60012;
}
.contact-us{
	padding-top: 140px;
}
.contact-us li{
	display: inline-block;margin-right: 10px;
}
.contact-us li img{
	width: 35px;height: 35px;display: block;
}
.contact-us .copyright{
	margin-top: 15px;
}
.contact-us .copyright p{
	font-size: 12px;color:#7a7a7a;line-height: 20px;
}

.header{
	height: 65px;width: 1654px;position: absolute;
	padding: 25px 30px 0 0;top:0;right: 0;
}

.in-touch{
	float: right;
}
.in-touch li{
	height: 35px;text-align: center;
	display: inline-block;margin-left: 45px;padding-left:35px ;
}
.in-touch li.ser{
	background: url(../images/ico3.png) no-repeat 0 center;
}
.in-touch li.store{
	background: url(../images/ico4.png) no-repeat 0 center;
}
.in-touch li a{
	font-size:12px;color: #999;line-height:35px;display: block;
}
.in-touch li a:hover{
	color: #e18c90;
}
.srch{
	float: right;margin-right: 55px;
}
.srch input{
	border: 0;background: url(../images/ico2.png) no-repeat 160px center;
	position: relative;top: -5px;
}
.srch .txt{
	width: 200px;height: 35px;border-bottom: 1px solid #ccc;
	font-size: 12px;color: #999;
}*/
.layout{
    /*width: 1624px;
    background-color: #f3f3f3;
    padding: 10px 30px 45px;
    position: absolute;
    top: 100px;
    left: 236px;*/
   
    /*margin-top: 100px;
    margin-left: 236px;
    width: 1620px;
    background-color: #f3f3f3;
    padding: 30px 32px 45px;*/
   
    margin-top:10vh;
    margin-left: 11%;
    width: 85%;
    background-color: #f3f3f3;
   padding: 30px 2% 50px;
}
.layout .bg{
	bottom: 0;margin-top: -105px;
}
.layout .ui-tab-tb{
	position: relative;
}
.layout .ui-tab-tb .img{
	position: relative;/*margin-top: 20px;*/
}
.layout .ui-tab-tb .tit h4{
    margin-top: 22px;
    font-size: 20px;
    color: #df331b;
}
.layout .ui-tab-tb .dou{
	position: absolute;bottom:0;left: 10%;margin-bottom: -36px;margin-left: 25px;
}
.layout .ui-tab-tb .dou img{
	width: 62px;height: 50px;display: block;
}
.introduction{
	/*padding:80px 185px 165px;*/    padding: 80px 12% 165px;height: auto;overflow: hidden;
	background:url(../images/zys_img101.png) no-repeat bottom center #fff;
}

.introduction .article{
	border-bottom: 1px dashed #dcdcdc;padding-bottom: 35px;
	position: relative;
}
.introduction .article .hd{
	height: 100px;text-align: center;
	background: url(../images/ico5.png) no-repeat center;
}
.introduction .article .hd h2{
	font-size: 34px;color: #333;line-height: 100px;
}
.introduction .article .bd{
	margin-top: 35px;
}
.introduction .article .bd p{
	text-indent: 2em;font-size: 14px;color: #333;
	line-height: 24px;margin-bottom: 40px;
}
.int-tab{
	padding-top: 50px;
}

.int-tab .int-tah{
	text-align: center;
}
.int-tab .int-tah ul{
	overflow: hidden;
}
.int-tab .int-tah li{
	display: inline;
	margin: 0 5px;/*position: relative;*/
}
.int-tab .int-tah li a{
	color: #fff;background-color: #969696;display: inline-block;
	/*width:200px;*/height: 57px;text-align: center;font-size: 18px;line-height: 57px;text-decoration: none;    width: 22%;
}
.int-tab .int-tah li.on a,
.int-tab .int-tah li a:hover{
	background-color: none ;height: 65px;
	background: url(../images/ico6.png) no-repeat;    background-size: 100% 100%;
}
.int-tabb {
	/*height: auto;overflow: hidden;*/
}
.intr-one{
	margin-top: 55px;position: relative;
}
.intr-one ul{
	overflow: hidden;
	height: auto;
}
.intr-one li{
	/*width: 535px;*/    width: 40%;/*height: 155px;*/float: left;padding: 40px 5% 10px;z-index: 9;    height: 235px;
}
.intr-one li h4{
	font-size: 20px;
}
.int-tabb li i{
	width: 22px;height:22px;border-radius: 100%;display: inline-block;
	border: 1px solid;text-align: center;margin-right: 15px;position: relative;top:2px;line-height: 22px;
}
.intr-one li p{
	font-size: 13px;;line-height: 22px;margin-top: 35px;    max-height: 132px;
    overflow: hidden;   /* height: 65px;*/
}
.intr-two{
	margin-top: 50px;text-align: center;position: relative;
}
.intr-two li{
	height: 110px;padding: 40px 0 5px 0 ;z-index: 9;
}
.intr-two li h4{
	font-size:20px;color: #e60012;
}
.intr-two li p{
	font-size: 13px;color: #666;margin-top: 25px;
}

.intr-three{
	margin-top:55px ;position: relative;
	overflow: hidden;
	height: auto;
}
.intr-three ul{
}
.intr-three li{
	/*width: 235px;*/    width: 15%;/*height:195px ;*/    min-height: 315px;float: left;padding: 35px 5% 0;z-index: 9;
}
.intr-three h4{
	font-size:16px;text-align: left;padding-left: 40px;
}
.intr-three li i{
	margin-left: -40px;
}
.intr-three p{
	font-size:13px;line-height: 18px;margin-top:30px ;
}

.intr-four{
	margin-top:50px;position: relative;
}
.intr-four ul{
	overflow: hidden;
	height: auto;
}
.intr-four li{
	/*width:533px;*/    width: 40%;padding:0 5%;
	text-align: center;float: left;z-index: 9;
	height: 150px;
}
.intr-four li i{
	margin-right: 10px;
}
.intr-four li p{
	font-size: 14px;line-height: 30px;text-align: left;
}
.ui-tab-th{
	height: auto;overflow: hidden;
}

.ui-tab-th02{
	background-color: #fff;
}
.ui-tab-th02 li{
	position: relative;
	float: left;
    width: 50%;
	text-align: center;
}
.ui-tab-th02 li a{
	font-size: 22px;/*width: 810px;*/    width: 100%;height: 94px;
	color: #666;display: block;line-height: 94px;text-decoration: none;
}
.ui-tab-th02 li.selected a,
.ui-tab-th02 li a:hover{
	color: #e60012;/*border-bottom: 4px solid #e60012;*/
}
.ui-tab-th02 li.selected em,
.ui-tab-th02 li:hover em{
	position: absolute;
	bottom: 0;
	left: 0;
	/*width: 810px;*/
	width: 100%;
	height: 4px;
	background-color: #e60012;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.contact-way{
	margin-top: 20px;height: auto;overflow: hidden;
	/*background-color: #fff;*/padding:30px 30px 0;position: relative;
}
.contact-way .map img{
}
.contact-way .contact_map{
	/*width: 45%;*/
}
.contact-way .contact_map #allmap{
	/*width: 942px; height: 541px;*/
	width: 100%;
	width: 100%;
    height: 540px;
}
.contact-way .left{
	width: 44%;
}
.contact-way .right{
	width: 520px;margin-right: 25px;
	position: relative;
}
.contact-way .right .txts{
	padding:0 0 55px 45px;
	border-bottom: 1px dashed #dcdcdc;
}
.contact-way .right .txts h2{
	 font-size: 24px;color: #e60012;height: 98px;line-height: 98px;
	 background: url(../images/ico8.png) no-repeat 0 center;
	 margin: -2px 0 40px -15px;
	 margin-bottom: 25px;padding-left: 15px;
}
.contact-way .right .txts p{
	font-size: 14px;color:#666 ;line-height: 20px;
}
.contact-way .right .txts span{
	color: #999;
}
.contact-way .right  .eye-on{
	margin-left: 40px;
}
.contact-way .right  .eye-on h2{
	font-size: 20px;color: #e60012;
	line-height: 98px;margin-top: 7px;
}
.contact-way .right .eye-on ul{
	overflow: hidden;
}
.contact-way .right .eye-on li{
	float: left;
	margin-top: 10px;
 	width: 110px;height: 156px;border: 1px solid #e8e2ae;
 	margin-right:40px;
}
.contact-way .right .eye-on li .img{
	margin: 5px;
}
.contact-way .right .eye-on li img{
	width:101px ;height:101px ;
}
.contact-way .right .eye-on li p{
 	text-align: center;font-size: 14px;line-height: 17px;margin-top: 5px;margin-bottom: 8px;
}
.ui-tab-tb .recruitment img{
	width: 1621px;height: 355px;display: block;
}
.talents-wrap{
	/*background-color: #fff;*/
	/*padding: 60px 185px 0;*/    padding: 60px 10% 0;height: auto;overflow: hidden;
}
.talents-wrap .aside{
	float: left;
}
/*.talents-wrap .aside .hd{
	background: url(../images/img4.jpg) no-repeat center;
	width: 250px;height: 60px;padding: 30px 0 0;
}
.talents-wrap .aside .hd h3{
	font-size: 20px;color:#fff;margin-left:20px;
}*/
.talents-wrap .aside{
	margin-top: 15px;;
}
.talents-wrap .aside li a{
	width: 218px;height: 57px;
	margin-bottom: 5px; padding-left:20px ;
	background-color: #f2f2f2;line-height: 57px;
	display: block;font-size: 16px;color: #666;text-decoration: none;
}
.talents-wrap .aside li:hover a,
.talents-wrap .aside li.selected a{
	position: relative;
    height: 90px;
    line-height: 90px;
    color: #fff;
    font-size: 20px;
    background: url(../images/zys_img64.jpg) no-repeat bottom right #e60012;
}
.talents-wrap .aside li:hover a:after,
.talents-wrap .aside li.selected a:after{
    content: "";
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 24px;
    top: 50%;
    right: -12px;
    margin-top: -12px;
    background: url(../images/zys_img100.png) no-repeat center;
}

.talents-wrap .aside li a:hover{
	color: #fff;
	background-color: #e60012;
}
.talents-wrap .main{
	float: right;/*width: 965px;*/    width: 68%;position: relative;
}
.talents-wrap .main .join-us{
	padding: 25px 6% 0;background-color: #f8f8f8;z-index: 9;    width: 88%;
}
.talents-wrap .main .join-us h2{
	font-size: 26px;color: #e60012;
	padding-bottom: 20px;
	border-bottom: 1px dashed #eee;
	
}
.talents-wrap .main .join-us ul{
	height: 60px;border-bottom: 1px dashed #eee;
}
.talents-wrap .main .join-us li{
	display: inline-block;/*margin-right: 50px;*/margin-right: 2%;
	font-size: 14px;color: #666;line-height: 60px;
}
.talents-wrap .main .join-us li span{
	color: #999;
}
.join-us .txt{
	margin: 25px 0 45px;
}
.join-us .txt h4{
	font-size:14px;font-weight:bold;
}
.join-us .txt p{
	font-size: 14px;margin: 30px 0  35px;color: #555;
}
.join-us .e-mail{
	padding-top:30px;border-top: 1px dashed #eee;
}
.join-us .e-mail h4{
	font-size:14px;color: #999;
}
.join-us .e-mail p{
	font-size:22px;color: #ff9900;padding-bottom: 45px;
}
.ui-tabb{
	padding-bottom: 220px;
	background: url(../images/zys_img101.png) no-repeat bottom center #fff;
}
/*.recruitment{
	padding-bottom: 105px;
	background: url(../images/zys_img101.png) no-repeat bottom center #fff;
}*/
.recruitment .img img{
	width: 100%;
}

