*{margin:0;padding:0;list-style: none;}
body{color: #272727; }
a{color: #272727}

.header{min-height: 70px;max-width:100%; margin: 0 auto;}

.header .navbar-nav{ margin-top: 16px;}
.header .navbar-nav a{font-size: 16px;}
.header .nav>li>a:hover, .header .nav>li>a:focus{ background: none}


.breadcrumb{margin-bottom:0;background: #333333; color: #fff;}
/*
.footer{ width: 100%; overflow: hidden; background: #333333; color: #fff;}
.footer a{color: #fff}
.footer dl{float: left; margin: 0 62px 0 0; }
.footer dl dd{line-height: 24px;}
*/

.navbar-brand{width: 136px;height: 49px;background: url(../image/logo.png) no-repeat;text-indent: -9999px;}

.banner img{width: 100%;display: block;}
.container_navbar{width: 100%;height: 80px;background: #F1F1F1; margin-top: -80px;}
.container_navbar_box{height: 80px;}
.container_navbar ul{width:840px;margin:0 auto;}
.container_navbar li{float:left;line-height: 80px;font-size: 16px;color: #000;text-align:center;}
.container_navbar li a{padding: 30px 34px;color:#666;}
.container_navbar li a:hover{padding: 30px 34px;background:#1B82E2;color:#FFF;text-decoration: none}
.container_navbar li.active a{padding: 30px 34px;background:#1B82E2;color: #fff;}
.companyIntroductionx{width: 100%;background-color: #fff;}
.companyIntroductionx .banner {background: url(../image/companyIntroductionx.png) right center no-repeat; background: url(../image/companyIntroductionx.png) center no-repeat \0; background-size: cover; overflow: hidden;min-height: 520px; *_height:520px;}
.companyIntroductionx .banner .txt{ margin: 90px 0 0 15%; color:#fff;}
.companyIntroductionx .banner .txt h2{font-size: 36px; margin-top: 60px;}
.companyIntroductionx .banner .txt p{font-size: 30px;}
.conter_companyIntroductionx .conter_text{width: 65%;line-height: 24px;margin: 0 auto;margin-top:5%;margin-bottom:5%;color:#666666;}
.conter_companyIntroductionx .conter_img{width: 100%;display: block;}

.companyIntroductionx ul.conter_developmentHistory li{width: 100%;margin-bottom:2%;}
.companyIntroductionx ul.conter_developmentHistory li img.{width: 100%;}
.companyIntroductionx ul.conter_developmentHistory li img.ZI{margin:0 auto;display:block;/* width: 100%; *//* max-width: 1200px; */}
.companyIntroductionx ul.conter_developmentHistory li img.TU{margin:0 auto;display:block;width: 100%; max-width: 1200px;}
.companyIntroductionx ul.conter_developmentHistory li div{width: 100%;margin-top:90px;text-align: center;color: #333333;margin-bottom: 60px;}
.companyIntroductionx ul.conter_developmentHistory li div b{font-size: 28px;}
.companyIntroductionx ul.conter_developmentHistory li div p{margin-top: 10px;}
.companyIntroductionx ul.conter_developmentHistory li div line{width: 100px;height:1px;background-color: #3494ff;display: inline-block;}


.companyIntroductionx ul.conter_corporateCulture li{width: 100%;margin-bottom:1%;}
.companyIntroductionx ul.conter_corporateCulture li img{width: 100%;}
.companyIntroductionx ul.conter_corporateCulture li div{width: 100%;margin-top:90px;text-align: center;color: #333333;margin-bottom: 60px;}
.companyIntroductionx ul.conter_corporateCulture li div b{font-size: 28px;}
.companyIntroductionx ul.conter_corporateCulture li div p{margin-top: 10px;}
.companyIntroductionx ul.conter_corporateCulture li div line{width: 100px;height:1px;background-color: #3494ff;display: inline-block;}
.companyIntroductionx ul.conter_corporateCulture li span{width: 88%;display: block;margin:0 auto 92px auto;color: #666666;line-height: 23px;text-align: center;}

.companyIntroductionx ul.conter_enterpriseStrength li{width: 100%;margin-bottom:1%;}
.companyIntroductionx ul.conter_enterpriseStrength li img{width: 100%;}
.companyIntroductionx ul.conter_enterpriseStrength li div{width: 100%;margin-top:90px;text-align: center;color: #333333;margin-bottom: 60px;}
.companyIntroductionx ul.conter_enterpriseStrength li div b{font-size: 28px;}
.companyIntroductionx ul.conter_enterpriseStrength li div p{margin-top: 10px;}
.companyIntroductionx ul.conter_enterpriseStrength li div line{width: 100px;height:1px;background-color: #3494ff;display: inline-block;}
.companyIntroductionx ul.conter_enterpriseStrength li span{width: 83%;display: block;margin:0 auto 92px auto;color: #666666;line-height: 23px;text-align: center;}
.conter_joinUs{width: 80%;margin:3% auto;}
.categorynav{width: 100%;display: block;height:72px;}
#category{width: 1080px;margin: 0 auto;}
#category dd{float:left;width: 120px;cursor:pointer;line-height: 72px;text-align: center;font-size: 16px;color: #333;}
#category dd:hover{color: #1B82E2;}
#category dd.active{color: #1B82E2; }
#join_jobName{width: 100%;height: 72px;display: block;background: #F0F0F0;}
#join_jobName li{float:left;	line-height: 72px;	font-size: 18px;color: #333;width: 20%;text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.join_jobNameList{width:100%;height:auto;float:left;margin-bottom:3%;}
.join_jobNameList div{border-bottom:1px solid #F0F0F0;}
.join_jobNameList ul{height:50px;line-height:50px;font-size:15px;color:#666;cursor:pointer;}
.join_jobNameList ul li img.img1,
.join_jobNameList ul li img.img2{
    display:none;
    position: absolute;
    top: 22px;
    right: 0;
}
.join_jobNameList ul li{
    position: relative;
    box-sizing: border-box;
    padding: 0 10px;
    float:left;
    text-align:center;
    width: 20%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.join_jobNameList div.join_jobDescription{line-height:24px;border:none;padding:0 10px 0 40px;margin:20px 0;display:none;}
.join_jobNameList div.join_jobDescription p{margin-left:0.0000pt;text-indent:0.0000pt;background:#FFFFFF;word-break:break-all; }
.join_jobNameList div.join_jobDescription p.hh{font-weight:bold;}
.join_jobNameList div.join_jobDescription p span{font-family:'Microsoft YaHei';color:#666666;font-size:14px;}
.join_jobNameList div.join_sendUl{width: 100%;text-align: center;border:none;margin-bottom:5%;display:none;}
.join_send{width:200px;height:52px;display: inline-block;border-radius:50px;background: #1B82E2;color: #fff;font-size: 16px;text-align: center;line-height:52px;}
.join_jobNameList ul:hover{color: #1B82E2;}
.join_jobNameList ul:hover li{float:left;text-align:center;width: 20%;}
.join_jobNameList ul:hover li img.img1{display:inline-block;margin-left:11px;}
.join_jobNameList ul:hover li img.img2{display:none;margin-left:11px;}
.join_jobNameList div.active{border:1px solid #1B82E2;border-top: none;}
.join_jobNameList div.active ul{background-color:#1B82E2;color: #fff;}
.join_jobNameList div.active ul li img.img1{display:none;margin-left:11px;}
.join_jobNameList div.active ul li img.img2{display:inline-block;margin-left:11px;}
.join_jobNameList div.active div.join_jobDescription{line-height:24px;border:none;padding:0 10px 0 40px;margin:20px 0;display:block;}
.join_jobNameList div.active div.join_sendUl{width: 100%;text-align: center;border:none;margin-bottom:1%;display:block;}
.contactUs{width: 100%;background-color: #fff;}
.conter_contacts .contactsT{width: 100%;margin:40px 0;text-align: center;color: #333333;}
.conter_contacts .contactsT line{width: 100px;height:1px;background-color: #3494ff;display: inline-block;}
.conter_contacts .mode{width:1220px;margin: 0 auto;margin-bottom: 40px;text-align:center;}

.conter_contacts .leftcon{display:inline-block;text-align:left;padding-left: 70px;margin-right:10px;}
.conter_contacts .rightcon{display:inline-block;margin-left:10px;padding-left:15px;}
.conter_contacts .leftcon img{height:53.95px;display:block;float: left;}
.conter_contacts .rightcon img{height:53.95px;display:block;float: left;}
.conter_contacts .leftcon p{float:left;font-size: 16px;padding:8px 10px 0;}
.conter_contacts .rightcon p{float:left;font-size: 16px;padding:7px 10px 0;}
.conter_contacts .leftcon p span{color:#1B82E2;}
.conter_contacts .rightcon p span{color:#1B82E2;}
.conter_contacts .dlcon{width:1220px; height: 430px;margin: 0 auto;display:block;}
.conter_contacts .dlcon dl{width:21%;height:400px;float:left; border:1px solid #ccc;margin: 0 2%;}
.conter_contacts .dlcon dl dt {text-align: center;}
.conter_contacts .dlcon dl dt img{width: 100%; max-width: 320px;}
.conter_contacts .dlcon dl dd p{width: 80%;display: block;margin: 0 auto; font-weight: bold; padding: 10px 0;text-align: center;}
.conter_contacts .dlcon dl dd span{width: 80%;display: block;margin: 0 auto;padding-bottom: 10px; text-align: left;}
.conter_contacts ol.city{width:100%;text-align: center;margin-bottom:20px;}
.conter_contacts ol.city li{display: inline-block;font-size: 16px;padding: 0 20px; cursor:pointer;}
.mapD{width:1220px;position:relative;display: block;margin: 0 auto;}
.mapD img.gsbg{width:100%;}
.mapD img.contactsbj{position:absolute;top:11%;left:65%;display:none;}
.mapD img.contactssh{position:absolute;top:48%;left:70.5%;display:none;}
.mapD img.contactsgz{position:absolute;top:76%;left:61.6%;display:none;}
.mapD img.contactssz{position:absolute;top:76.5%;left:62.5%;display:none;}
.mapD img.contactscq{position:absolute;top:54%;left:54.4%;display:none;}
.mapD img.contactscs{position:absolute;top:58%;left:61.3%;display:none;}
.mapD img.contactswh{position:absolute;top:50%;left:62.75%;display:none;}
.mapD img.contactsxa{position:absolute;top:36%;left:56.95%;display:none;}
.mapD img.contactshz{position:absolute;top:51.5%;left:69.1%;display:none;}
.mapD img.contactscd{position:absolute;top:50.5%;left:51.65%;display:none;}
.city .active{color:#2989E3;}
.city li img{margin-top: -3px;display:none;}
.city li{width:100px;text-align: center;}
.city li.active img{margin-top: -3px;display:inline-block;}
.conter_contacts  b{font-size: 28px;}
.conter_contacts  p{margin-top: 10px;padding: 0 5px;color: #666;}
.conter_contacts line.separate{width:60%;height:1px;background-color: #E0E0E1;display: block;margin: 0 auto;}
#allmap{width:90%; margin:0 auto 50px;height:550px;}




.conter_contacts .leftcon a{
	
}
.conter_contacts .rightcon a{
	
}




.history{
    position: relative;
    text-align: center;
    overflow: hidden;
    z-index: 0;
    zoom:1;
    font-size: 16px;
}
.history:after{
    content: '';
    display: inline-block;
    position: absolute;
    top: 50px;
    height: 100%;
    width: 1px;
    /*border: 1px solid green;*/
    background: #ddd;
    overflow: hidden;
    z-index: -1
}
.point{
    position: relative;
}
.point:after{
    content: '';
    display: inline-block;
    position: absolute;
    top: 5px;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    overflow: hidden; 
    background: #000;
    z-index: 2;
}
.year{
    font-size: 60px;
    text-align: right;
}
.year:after{
    width: 15px;
    height: 15px;
    top: 40px;
    right: -8px;
}
.p1{
    margin-top: 1%;
    padding-right: 30px;
    text-align: right;
    float: left;
}
.p2{
    margin-top: 4%;
    padding-left: 30px;
    text-align: left;
    float: right;

}
.p1:after{
    right: -4px;
}
.p2:after{
    right: auto;
    left: -3px;
}
.row_img{
    z-index: 2;
    margin-top: 3%;
    margin-bottom: 3%;
}
.row_img:after{
    z-index: 22
}
.row_img:last-child{
    margin-bottom: 0%;
}
.row_img img{
    width: 100%;
}
.box_left:first-child{
    padding-top: 0;
}
.box_right, .box_left{
    padding-top: 3%;
    overflow: hidden;
}
.box_right .year{
    text-align: left;
}
.box_right .year:after{
    left: -8px;
}
.box_right .container .row:nth-child(2) .p2{
    margin-top: 1%;
}
.thumbnail{
    padding: 0;
    border-radius: 0;
    min-height: 380px;
    height: 380px;
    overflow: hidden;
}
.thumbnail img {
     width: 100%;
}
.thumbnail .caption h4{
    font-weight: 600;
}
@media screen and (min-width: 1200px) and (max-width: 2500px){
.container_navbar {
 	z-index: 111;
   	width: 100%; /*overflow: hidden; overflow-x: auto;
    margin-top: -50px;*/ border-bottom: solid 1px #ccc;
    background: #fff;
}
.conter_contacts .mode {
    width: 100%;
    margin-bottom: 40px;
}
.conter_contacts .mode div{
	width: initial;
}

.conter_contacts .rightcon {
	margin: 0;
 	padding-left: 5%;
}
.conter_contacts .leftcon {
	margin: 0;
	margin-left: 0.5%;
 	padding: 0;
}
.conter_contacts .dlcon { 
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 50px;
}
.conter_contacts #tel_box{
    width: 100%;
}

}
@media screen and (min-width: 767px) and (max-width: 1024px){
html,body{
	overflow-x:hidden;
}
.conter_contacts #tel_box{
    width: 100%;
}
.conter_contacts ol.city {
    width: 80%;
    margin: 0 auto 20px;
}
.conter_contacts ol.city li {
    padding: 0;
    width:9%;
}
.mapD{
	width:100%;
}
.citybox{
	width:100%;
	
}
.conter_contacts .mode {
  	width:100%;
	
}
.conter_contacts .rightcon {
	margin-left: 10%;
   
}
.conter_contacts .dlcon {
	display: flex;
	flex-direction: row;
	width: 100%;
}
.container_navbar {
 	z-index: 111;
   	width: 100%; /*overflow: hidden; overflow-x: auto;
    margin-top: -50px;*/ border-bottom: solid 1px #ccc;
    background: #fff;
}



}

@media screen and (min-width: 320px) and (max-width: 768px){
.container_navbar_box {
    height: 50px; width: 100%; 
}
.companyIntroductionx .banner {
	background: url(../image/companyIntroductionx.png) -650px center no-repeat; 
	background-size: inherit;
	overflow: hidden;
}
.join_jobNameList div.active div.join_jobDescription{padding:0 10px;}
.companyIntroductionx .banner .txt {
    margin: 135px 3% 0 3%;
    color: #fff;
    text-align: center;
}
.companyIntroductionx .banner .txt h2 {
    font-size:3rem;
    margin-top: 30px;
    font-weight: 700;
    margin-bottom: 30px;
}
.companyIntroductionx .banner .txt p {
    font-size:1.6rem;

}
.companyIntroductionx .banner {
  
    min-height: 520px;
}
.container_navbar {
 	z-index: 111;
    height: 50px;
   	width: 100%; overflow: hidden; overflow-x: auto;
    margin-top: -50px; border-bottom: solid 1px #ccc;
    background: #fff;
}
.container_navbar li {
   
    line-height: 50px;
  
}
.container_navbar li.active{ border-bottom:solid 1px #2089ff; height: 49px;}
.container_navbar li.active a {
    padding: 10px 14px;
    background: none;
    color: #5f5f5f;
   

}
.container_navbar li a {
    padding: 10px 14px;
    color: #666;
}
.container_navbar li a:hover {
    padding: 10px 14px;
    background: none;
    color: #666;
  
}
.conter_companyIntroductionx .conter_text {
    width:90%;

}

.categorynav {
    width: 100%;
   	overflow-x:auto; height: 50px;
}
#category dd {
    width: 80px; line-height: 50px;
  
}
.conter_joinUs {
    width: 100%;
    margin: 	 auto;
}
#join_jobName{height: 50px;}
#join_jobName li:last-child ,.join_jobNameList ul li:last-child{ display: none}
#join_jobName li:first-child ,.join_jobNameList ul li:first-child{ width: 35%}
#join_jobName li ,.join_jobNameList ul li{font-size: 12px; height: 50px; line-height: 50px;}


.companyIntroductionx ul.conter_enterpriseStrength li div ,.companyIntroductionx ul.conter_corporateCulture li div ,.companyIntroductionx ul.conter_developmentHistory li div{
    
    margin-top: 30px;
    margin-bottom: 20px;
}

.conter_contacts .contactsT {

    margin: 15px 0;

}

.conter_contacts .mode {
    width: 100%; margin-bottom: 20px;

}
.conter_contacts .mode div {
    width: 100%; 

}
.conter_contacts .mode line{
    width: 100%; height: 1px;
    background-color: #D9D9D9;
    display: block;
    margin: 0 auto;
}
.conter_contacts #tel_box{
    width: 90%;height: auto;
    margin: 0 auto;
	border: 1px solid #D9D9D9;
	border-radius: 10px;
	text-align: left;
}
.conter_contacts .leftcon {
  	padding-left: 5%;
  	padding-bottom: 20px;
  	padding-top: 20px;

}
.conter_contacts .rightcon {
	margin: 0;
 	padding-left: 5%;
 	padding-bottom: 20px;
  	padding-top: 20px;
}
.conter_contacts .dlcon {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.conter_contacts .dlcon dl {
    width: 46%;
    min-height: 350px; height: auto;
    float: left;
	border: none;
    margin: 0 0% 20px 3%;
}

.citybox{ width: 100%; overflow-x: auto; }
.conter_contacts ol.city {
    width: 780px; text-align: left;
   
}
.city li {
    width: 70px;
    text-align: center;
}
.conter_contacts ol.city li {

    padding: 0 5px;

}
.mapD {
    width: 100%;
    position: relative;
    display: block;
    margin: 0 auto;
}

#allmap{width:100%; margin:0 auto 50px;height:350px;}
.conter_companyIntroductionx li {position: relative;}
.conter_companyIntroductionx li.mimg,.companyIntroductionx ul.conter_corporateCulture li.mimg {min-height: 220px; width: 100%; overflow: hidden;}
.conter_companyIntroductionx li.mimg img ,.companyIntroductionx ul.conter_corporateCulture li.mimg img{ position: relative; width: 180%; left: -48%;}

.companyIntroductionx ul.conter_corporateCulture li div b{ font-size: 20px;}
.companyIntroductionx ul.conter_corporateCulture li div p{ font-size: 12px;}




}



@media screen  and (min-width: 768px) and (max-width: 1024px){
	/*ipad lizi*/

.year,
.box_right .year{
    text-align: center;
    margin-bottom: 5%;
}
.year:after,
.box_right .year:after{
    left: 50%;
    margin-left: -7px;
    top: 80px;
}
.history:after{
    top: 80px;
    height: 100%;
    margin-left: -2px;
    border: 1px solid #bbb;

}
.p1{
    /*padding-right: 15px;*/
    padding-left: 0;
}
.p2{
    margin-top: 10%;
    padding-left: 15px;
}
.box_left .container .row,
.box_right .container .row{
    margin-right: 0;
}
.thumbnail{
    padding: 0;
    border-radius: 0;
    min-height: 430px;
    height: 430px;
    overflow: hidden;
}
/*end ipad lizi*/
}






@media screen and (max-width: 767px){
/**/
.contact .row .col-xs-6{
    padding-left: 10px;
    padding-right: 10px;
}
.thumbnail{
    padding: 0;
    border-radius: 0;
    min-height: 280px;
    height: 280px;
    overflow: hidden; 
}
.thumbnail .caption{
    padding: 0;
}
.thumbnail .caption p{
    font-size: 12px;
}
.history{
    font-size: 14px;
}
.history:after{
    top: 80px;
    height: 100%;
}
.year{
    margin-bottom: 60px;
    font-size: 35px;
    text-align: center;
}
.year:after{
    left: 50%;
    margin-left: -7px;
    top: 70px;
}
.p1{
    padding-right: 15px;
    padding-left: 0;
}
.p2{
    margin-top: 10%;
    padding-left: 15px;
    padding-right: 0;
}
.box_right .year{
    text-align: center;
}
.box_right .year:after{
    margin-left: 50%;
    top: 70px;
}
/**/
}