.container{}
.header{width:100%;margin: 0 auto;height:70px;display: flex;justify-content: space-between; align-items: center;
	padding: 0 5px;box-sizing: border-box;position: relative;z-index: 99;}
.header .menu{flex: 1;display: flex;justify-content: left;align-items: center;}
.header .menu .item{padding: 10px 20px;font-size: 16px;cursor: pointer;position: relative;}
.header .menu .item .tabs{position: absolute;top:45px;left:-5px;right: -5px; background-color: #fff;
	border-radius: 4px;box-shadow: 0 1px 5px #888;display: none;}
.header .menu .item .tabs .tabsinner{position: relative;padding: 10px 0;}
.header .menu .item .tabsinner>*{display: block;text-align: center;padding: 8px 0;font-size: 14px;}
.header .menu .item .tabsinner>a:hover{background-color: #E4E4E4;}
.header .menu .item .arrow{position: absolute;display: block;width: 0;height: 0;top: -9px;left: 50%;
	border-color: transparent;border-style: solid;border-width: 9px;
	margin-left: -9px;border-top-width: 0;border-bottom-color: rgba(0,0,0,.25);
}
.header .menu .item .arrow:after{position: absolute;display: block; content: ""; width: 0; height: 0;
	    border-color: transparent; border-style: solid; border-width: 8px;
		top: 1px;margin-left: -8px;
		border-top-width: 0;border-bottom-color: #fff;
}
.header .service{display: flex;align-items: center;font-size: 18px;padding-right: 15px;}
.header .service .img{width: 28px;height:28px;overflow: hidden;margin-right: 5px;}
.header .service span{/*font-weight: bold;*/}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
.main{ 
	background-image: url(../images/banner_bg.jpg);background-position: center center;background-repeat: no-repeat;
	background-size: auto 100% ;
	width: 100%;position: relative;z-index: 2;
}
.main .login{width: 100%; right:150px; margin: 0 auto;position: relative;z-index: 9;display: flex;justify-content: space-between;
	align-items: center;
}
.main .login .left{color: #fff;width: 40%;font-size: 16px;}
.main .login .left .top{display: flex;align-items: center;line-height: 1;letter-spacing: 1px;}
.main .login .left .title{font-size: 44px;padding-right: 5px;}
.main .login .left .subtitle{font-size: 42px;padding-bottom: 8px;}
.main .login .left .describe{line-height: 28px;}
.main .login .right{
width: 380px;padding:25px 35px 40px;
box-sizing: border-box;
background-color: #b2d8cb;
border-radius: 2px;
margin: 60px 0; height: 360px;
}
.main .login .right .tabs{display: flex;align-items: center;}
.main .login .right .tabs>li{width: 50%;border-bottom: 1px solid #ddd;text-align: center;padding: 8px 0;
	cursor: pointer;font-size: 15px;}
.main .login .right .tabs>li.active{border-color:#2E9FFF;color:#2E9FFF;border-width: 2px;
	font-weight: bold;transition: all linear 0.5;}

.main .login .right .apply{font-size: 24px;padding-bottom: 5px;}
.main .login .right .loginbox,.main .login .right .applybox{margin-top: 30px;}
.main .login .right .loginbox .form-group,.main .login .right .applybox .form-group{position: relative;}
.main .loginbox .form-control,.main .applybox .form-control{padding-left: 30px;}
.main .loginbox .form-group .icon,.main .applybox .form-group .icon{position: absolute;width: 20px;height: 20px;left: 5px;top:50%;
	margin-top: -10px;
}
.main .loginbox .verifychange {margin-left: 15px;}
.main .loginbox .loginprivacy{padding-bottom: 15px;display: flex;align-items: center;font-size: 13px;}

.main .loginbox .loginprivacy input.checkbox{ position: relative; -webkit-appearance: none; width:18px;height: 18px;outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; margin: 0;
	 border-radius: 4px;border: 1px solid #ddd;background-color: #fff;cursor: pointer;
}
.main .loginbox .loginprivacy input.checkbox:focus{outline: none;}
.main .loginbox .loginprivacy .checkbox:before{ position: absolute; left: 0;   content: '';width:18px;height: 18px;line-height: 18px;}
.main .loginbox .loginprivacy .checkbox:checked{ background-color: #007AFF;border-color:#007AFF ; }
.main .loginbox .loginprivacy .checkbox:checked:before{content: '✔';  transition: all 0.1s linear;color: #fff;text-align: center; }

.main .qrcodebox{  padding-top: 15px;}
.main .qrcodebox .img{width: 200px;height: 200px; margin: 0 auto;}
.main  .applybox .btn-control{padding-top: 20px;}

.product{width: 1000px;margin: 0 auto;padding: 30px 0;box-sizing: border-box;}
.product>.title{font-size: 32px;text-align: center;padding-bottom: 5px;}
.product .tabs{display: flex;font-size: 22px;padding-top: 15px;}
.product .tabs>li{width: 33.333%;text-align: center;padding: 15px;border-bottom: 2px solid #e2e2e2;cursor: pointer;}
.product .tabs>li.active{color: #0086F1;border-bottom-color: #0086F1;transition: all 0.5;}
.product .productmain .boxes{display: flex; justify-content: space-between; padding:40px 15px;}
.product .productmain .left{width: 50%;box-sizing: border-box;}
.product .productmain .right{flex: 1;padding-left: 80px;letter-spacing: 1px;}
.product .productmain .right .title{font-size: 20px;padding-bottom: 10px;}
.product .productmain .right .describe{line-height:26px; font-size: 14px;padding-bottom: 15px;}
.product .productmain .right .btn{font-size: 15px;border-radius: 4px;width: 130px;text-align: center;
	    padding: 7px 12px;box-shadow: 0 1px 5px #38a4f5;}
.product .productmain .right .btn-next{color: #fff;background-color: #E78C77;border-color: #E78C77;
	box-shadow: 0 1px 5px #f57b5f;margin-right: 20px;}
.section{background-color: #f2f2f2;padding: 30px 0 50px;    box-sizing: border-box;}	
.section>.title{font-size: 32px;text-align: center;padding-bottom: 5px;padding-top: 25px;}
.section .sectionbox{width: 1000px;margin:30px auto 0;background-color: #fff;padding: 40px 20px;
	display: flex;border-radius: 2px;box-shadow: 0 1px 5px #ddd;box-sizing: border-box;}
.sectionbox .img{width: 49%;}
.sectionbox .content{flex: 1;line-height: 26px;padding: 0 30px;}
.sectionbox .content .tip{font-size: 24px;padding-bottom: 8px;}
.sectionbox .content .b{font-size: 16px;padding-bottom: 20px;}
.resultbox{padding: 0px 0;}
.resultbox>.title{font-size: 32px;text-align: center;padding-bottom: 5px;}
.resultbox .result{display: flex;width: 1000px;margin: 0 auto;flex-wrap: wrap;justify-content: center;padding-top: 20px;}
.resultbox .result>li{width: 235px;margin-right: 20px;border:1px solid #ddd;padding: 40px 12px;margin-top: 30px;color: #666;
	border-radius: 2px;box-sizing: border-box;text-align: center;line-height: 21px;font-size: 14px;align-items: stretch;}
.resultbox .result>li:nth-child(4n){margin-right: 0;}
.resultbox .result>li .img{width: 96px;height: 96px;overflow: hidden;margin: 0 auto;}
.resultbox .result>li .title{font-size: 17px;padding: 20px 0 12px;color: #333;}
.contactbox{background-color: #1A588F;color: #fff;padding: 50px 0;
	background-image: url(../images/contact.png); background-repeat: no-repeat;background-position: bottom center;
	background-size: 458px auto;
}
.contact{width: 1000px;margin: 0 auto;}
.contact .title{font-size: 32px;text-align: center;padding-bottom: 20px;}
.contact .subtitle{font-size: 16x;text-align: center;padding-bottom: 40px;}
.contact .condition{display: flex;align-items: center;font-size: 15px;}
.contact .condition .form-group{align-items: center;background-color: #fff;margin-right: 10px;margin-bottom: 0;}
.contact .condition .form-group .icon{   padding: 0 5px;}
.contact .condition .form-group .icon img{display: block;}
.contact .condition .form-group .form-control{border: 0;}
.contact .condition .form-group .form-control:focus{box-shadow: none;}
.contact .condition .code{background-color: #fff;color: #333;border-radius: 1px;margin-right: 10px;}
.contact .condition .apply{background-color: #EE7036;color: #fff;border-radius: 1px;flex: 1;}


/***尾部***/
#footer{background: #3F444C;font-size: 14px}
.footer{width: 900px;margin: 0 auto; padding: 25px 0;line-height: 26px;color: #fff;
	border-bottom: 1px solid #494e54;display: flex;justify-content: space-between;}
.footer .left{width: 200px;}
.footer .center{flex: 1;padding-right: 50px;}
.footer .right .imgbox{display: flex;}
.footer .right .imgbox .img{width: 100px;overflow: hidden;}
.footer .right .imgbox .img:first-child{margin-right: 20px;}
.footer p>a{color: #fff;}
.footer .tip{padding-bottom: 5px;color: #999;}
#footer .copyright{ color: #fff;line-height: 24px;padding:20px 0;font-size: 13px;}

/* 
返回顶部
 */
.backtop{position: fixed;z-index: 9999; right: 20px; bottom: 30px;width: 36px;height: 36px;display: none; }
.backtop .item{position: relative;display: block; width: 100%;height: 100%;border-radius: 50%;background-color: #fff;
	box-shadow: 0px 1px 5px #8c8c8c;
}
.backtop .item::before{content: '';position: absolute;display: block;width: 0;height: 0;left: 50%;top:50%;
	margin-left: -7px;margin-top: -5px;border-left: 8px solid transparent;border-right:8px solid transparent;
	border-bottom: 10px solid rgba(0, 134, 241, 0.75);
}

/* 
关于我们
 */
.aboutbox{padding: 20px 0;line-height: 24px;width: 1080px;margin: 0 auto;overflow: hidden;}
.about{padding: 20px 0;line-height: 24px;}
.about .nav-tabs{border:0;width: 100%;top:5px;}
.about .nav-tabs li{border-top:0;margin-bottom:0;font-size: 16px;height: 52px;}
.about .nav-tabs li a{padding: 10px 0px;border:0;}
.about .nav-tabs li .state{width: 17px;height: 17px;display: inline-block;border: 1px solid #e5e5e5;box-sizing: border-box;
	float: left;position: relative;border-radius: 50%;}
.about .nav-tabs li .state:after{content:'';clear:both;position:absolute;width: 1px;height: 38px;top:15px;left: 7px; background:#ccc; }
.about .nav-tabs li:last-child .state:after{content:'';clear:both;height: 0px;}
.about  .nav-tabs li a p{padding-left: 50px;}
.about .nav-tabs > li > a:hover, .about .nav-tabs > li > a:focus{border:0;background-color: transparent;color: #333;margin-right: 0;}
.about .nav-tabs li.active a, .about .nav-tabs li.active a:hover{color: #333;  background: transparent;  border: 0;}

.about .nav-tabs li.active a .state {background: #2E9FFF;  border-color: #95c7f3;border-width: 2px;}
.about .nav-tabs li.active a p{color: #2E9FFF;}
.about .title{font-size: 24px;color: #333;position: relative;z-index: 1;padding: 20px 0;}
.about .title:after{content:'';clear:both;position:absolute;height: 1px;width:100%;left:0;top:34px;z-index:1;background-color: #e5e5e5;}
.about .title span{position: relative;z-index: 2;display: inline-block;padding: 0 26px 0 10px;border-left: 1px solid#2E9FFF;background-color: #fff;}
.about-slide{padding: 20px 4%;margin-bottom:20px;background:url(../images/about/about_bg.png) no-repeat;
color:#fff;height: 620px; }
.about-slide .carousel-inner > .item{height: 580px;}
.about-box {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.about-box>div{display: inline-block;width: 30%;position: relative;padding: 20px 20px 0 15px;}
.about-box>div:before{content:'';clear:both;position:absolute;height: 100%;width:1px;left:5px;top:0px;z-index:1;background-color:#2E9FFF;}
.about-box>div:after{content:'';clear:both;position:absolute;height: 10px;width:10px;left:0;top:0px;z-index:1;background-color: #2E9FFF;
border-radius: 50%;}
.about-box>div h6{color: #2E9FFF;font-size: 18px;padding-top: 10px;}
.about-slide .carousel-control.left{ background-image:url(../images/about/pre.png);width: 40px;height: 68px;top:50%;transform: translateY(-50%);
    background-color: rgba(0,0,0,0.26);background-repeat: no-repeat;background-position: center center;}
.about-slide .carousel-control.right{background-image:url(../images/about/next.png);width: 40px;height: 68px;top:50%;transform: translateY(-50%);
    background-color: rgba(0,0,0,0.26);background-repeat: no-repeat;background-position: center center;}
.about .thumbnail {
    padding: 0;
    border: 0;
}
.about .caption p {
    text-align: center;
    font-size: 16px;
    padding-top: 8px;
}
.culture-title span {
    display: block;
    margin: 0 auto;
    width: 150px;
    font-size: 24px;
    padding-bottom: 10px;
    border-bottom: 1px solid #2E9FFF;
}

.culture .caption {
    border: 1px solid #e5e5e5;
    border-top: 0;
    padding: 10px;
    height: 190px;
}
.culture .top{box-sizing: border-box;color: #fff;font-size: 30px;    line-height: 1.4;
	text-align: center;padding: 60px 0;
}
.culture .top img{width: 90px;margin: 0 auto;display: block;}
.about .culture .caption p {
    font-size: 14px;
    text-align: left;
	line-height: 22px;
}
.about .aptitude .caption p {
    font-size: 12px;
}
.aptitude .caption{padding: 0;}
.bg1{background: #46d2cc url(../images/about/about_10.png) no-repeat bottom center;}
.bg2{background: #4080d0 url(../images/about/about_11.png) no-repeat bottom center;}
.bg3{background: #46d267 url(../images/about/about_12.png) no-repeat bottom center;}


/* 首页 */
.home_list{width: 1000px;margin: 0 auto;display: flex;flex-wrap: wrap;padding: 30px 0;}
.home_list>.items{width: 32%;margin-right: 2%;border-radius: 6px;margin-bottom: 20px;background-color: #f1f1f1;}
.home_list>.items:nth-child(3n){margin-right: 0;}
.home_list>.items .img{width: 100%;overflow: hidden;cursor: pointer;}
.home_list>.items .img img{display: block;}
.home_list>.items p{text-align: center;padding: 15px 0;font-size: 15px;}
.home_list>.items:hover{color: #2E9FFF;}
.home_list>.items .img img:hover{transform:scale(1.03); transition: all ease-out .5s;-webkit-transition: all ease-out .5s;}


/**************首页登录******************/
.boxModal{position: fixed;left: 0;top:0;right: 0;bottom: 0;background: rgba(0,0,0,0.25); z-index: 9999; display: none;}
.modalBody{width: 500px;height:360px;position: fixed;left: 50%;top:50%; margin-left: -250px; margin-top: -180px;
	box-shadow: 0px 1px 5px #6f6f6f; border-radius: 4px;background: #fff;font-size: 14px;
}	
.modalBody .boxHeader .boxImg{position: absolute;top:-50px;left: 50%;margin-left: -40px;}
.modalBody .boxHeader{position: relative;height: 40px;}
.modalBody .footer-btn{padding: 12px;  border-top: 1px solid #ddd;}
.modalBody .login-select{position: relative;height:200px;}
.ent{width: 50%;overflow: auto; padding-bottom: 5px;height: 200px;position: relative; float: left;}
.job{height: 200px; overflow: auto;width: 49%;padding-left: 40px;box-sizing: border-box;}
.ent>li,.job>li{padding: 6px 0;cursor: pointer;}
.modalBody .btn.btn-default:hover,.modalBody .btn.btn-default:focus{color: #333;border: 0;outline: 0;}

.modalBody .login-select:before{position: absolute;content: '';display: block;top:10px;bottom: 0px;left:50%;width: 1px;background-color: #ddd;}

