@charset "UTF-8";
body {
	margin: 0px;
	padding: 0px;
	line-height: 24px;
	font-size: 12px;
	font-family: "微软雅黑", Arial;
}
html { overflow-y: scroll; }
h1,h2{ font-size:16px; font-weight:bold;margin-bottom:10px;color: #ddd;}
div,form,img,p,span{ margin: 0px; padding: 0px; border: 0px;}
ul,li{list-style-type: none;margin: 0px;padding: 0px;}
/*html,body{height:100%;}*/

a {font-family: "微软雅黑", Arial;font-size: 12px;text-decoration: none;}
a:hover {text-decoration: none;color: #51b12b;font-family: "微软雅黑", "微软雅黑", Arial;font-size: 12px;}

img {padding:0px; margin:0px;border-style:none;border-width:0px;vertical-align:top;width:100%;}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
#container {
    max-width: 1200px;
    text-align: left;
    margin-top: 2.8%;
    margin-right: auto;
    margin-left: auto;
    color: #FFF;
    line-height: 30px;
    font-size: 14px;
}

.header{ width: 100%; background:#212121;margin: 0 auto;   top: 0px;    z-index: 990;}
.toper {max-width:1200px;margin: 0 auto;padding:2.5% 5% 40px 3%;color: #FFF;}
.toper .cn {float: right;color: #ddd;font-size: 16px;margin-top:5px;}
.toper .cn  a{color: #ddd;font-size: 12px;}
.toper .cn  a:hover{color: #288bd0;}
.toper .logo{float: left;}

.zi {margin: auto;max-width: 1200px;color: #FFF;padding:6% 0 0 0;}
.zi h1{font-size: 42px;line-height: 60px;letter-spacing:2px;color: #1f8bca;}
.zi p{font-size: 20px;line-height: 30px;letter-spacing:1px;color: #ddd;}
.clear {clear: both;}

@media screen and (max-width:720px) {
.zi {margin: auto;color: #FFF;padding:8% 0 0% 0;}
.zi h1{font-size: 32px;line-height: 60px;letter-spacing:2px;}
.zi p{font-size: 16px;line-height: 30px;letter-spacing:1px;color: #ccc;}
.clear {clear: both;}
}  



.nav{ float: left; display: block; position: relative;width:60%; margin-left:2%;}
.nav li{ float: left; display: block; position: relative; padding:0 1.5%;text-align:center;background:url(../Images/dian.png) right no-repeat;}
.nav li a{width:100%;  font-size: 13px;height: 40px; line-height: 40px; display: block; position: relative; z-index: 2; color:#a5a3a4;font-family:Arial;text-transform: uppercase;}
.nav li a:hover{color:#288bd0;}
.nav li a.hov{ background-color: #fdd000; color: #fff;}
.nav li .icon{background:url(../Images/icon-2.png) no-repeat; width:26px; height:9px; margin:0px auto; display:block; position:absolute; z-index:3; left:50%; bottom:20px; margin-left:-13px;}
.nav li .navlogo img{margin-top:7px;}
.nav li:nth-child(3){ background:none;}

@media screen and (max-width:720px) {
.nav{  display: block; position: relative;width:100%;background:#000;margin-left:0;}
.nav li{ float: left; display: block; position: relative; padding:0 2%;text-align:center;background:url(../Images/dian.png) right no-repeat;}
.nav li a{width:100%;  font-size: 15px;height: 35px; line-height: 35px; display: block; position: relative; z-index: 2; color:#a5a3a4;font-family:Arial;text-transform: uppercase;}
.nav li a:hover{color:#288bd0;}
.nav li a.hov{ background-color: #fdd000; color: #fff;}
.nav li .icon{background:url(../Images/icon-2.png) no-repeat; width:26px; height:9px; margin:0px auto; display:block; position:absolute; z-index:3; left:50%; bottom:20px; margin-left:-13px;}
.nav li .navlogo img{margin-top:7px;}
.nav li:nth-child(3){ background:none;}
}  



/*.copy{ margin: auto;color:#aaa; position: relative;max-width:1200px;text-align:left;margin-top:2%;font-size: 14px;}
.copy a{  color:#ddd;font-size: 15px;}*/

/*联系我们sk*/

#contact {
    max-width: 60%;
    margin:10.8% auto;
    color: #FFF;margin-left:21%;
    font-size: 14px;
}
#contact .contact_left img { width: 90%;margin-bottom: 10px;}
.contact_left{ width: 84%;float:left;margin:8%;text-align:left; font-size: 14px;line-height: 24px;/*background: url(../images/xx.jpg) right top no-repeat;*/}
.contact_right{ width: 53%; float:right;font-size: 12px;color: #aaa;font-weight:100;}
.pop-foot{ height:50px;  line-height:50px;  width:99%;  text-align: right;  }
.pop-cancel, .pop-ok { padding:6px 18px;  margin:15px 5px;  border: none; border-radius: 3px;font-family: 微软雅黑; background-color: #337AB7; color: #fff; cursor:pointer;  }
.contact_right h3{  font-size: 14px;color: #eee;}

.lujing {height: 28px;line-height: 28px;background: url(../images/wu.jpg) left 2px no-repeat;padding-left: 25px;margin-bottom: 10px;border-bottom: 0px solid #e0e0e0; padding-bottom: 5px;}
.ip {height: 28px;width: 95%;border: 0px solid #8d8d8d;margin-bottom: 10px;background:rgba(106,106,106,0.4);padding-left: 10px;color: #8d8d8d; font-family: 微软雅黑;}
.te {height: 150px;width: 94.5%;color: #8d8d8d;border: 0px solid #8d8d8d;padding-left: 10px;background:rgba(106,106,106,0.4);padding-top: 10px;font-family: 微软雅黑;}

@media screen and (max-width:720px) {
contact_right{ float: left;}
}    





.footer {
    max-width: 1200px;position: relative;
    /*margin-top: 6.5%; */
    /* margin-right: auto; */
    /* margin-left: auto; */  
    bottom: 3%;
    margin: 0 auto; 
    /* margin-left: 960px; */
    /* left: -960px; */
    /* left: 50%; */
    /* margin-left: -600px; */
}

#slcd{ width:100%; height:60px;  bottom:0px;z-index:999;margin-left: 5%;}
#slcd ul,#slcd ul li{ height:60px;}
#slcd ul li{ width:18%; float:left; list-style-type:none; line-height:40px; text-align:center; overflow:hidden;color: #fff;line-height: 40px;font-size: 16px;}
#slcd ul li a{ color: #FFF;line-height: 40px;font-size: 16px;}
#slcd ul li:hover{  overflow:visible;}

#zcd ul,#zcd ul li{ width:100%; height:40px;  background-color: rgba(255, 255, 255, 0.3);  }
#zcd ul,#zcd ul li a{ color: #000;line-height: 40px;font-size: 16px; }
.zcd1{ margin-top:-120px; width:100%;}/*每个子菜单的上边距需要手动调整*/
#n1 { color: #fff;border-bottom-width: 3px;border-bottom-style: solid; border-bottom-color: #1f8bca;}

.col-md-3 {
   width: 25%;float:left;text-align: center;
}

.home-join {padding: 0px 0; height: 320px;}
.home-join img{	max-height: 100%;}
.home-join img:hover{	max-height: 100%;}
.home-join li a{	
	display: block;
	padding: 10px 20px; 
	}
.home-join li span{	
	font-size: 18px; 
	display: block; padding: 0 5%;
	margin-top: 20px;				
	}
.home-join li p{	
	font-size: 14px; padding: 0 5%;
	display: block; 
	line-height: 25px;margin-top: 10px;					
	}

.home-join li a:first-child {border-left: 0px solid #e2e2e2;}
.home-join  #first{border-left:none;}	
.home-join li:hover img {	
	-webkit-animation:pulse 0.5s 0s ease both;
	-moz-animation:pulse 0.5s  0s ease both;}
	@-webkit-keyframes pulse{
		0%{-webkit-transform:scale(1)}
		100%{-webkit-transform:scale(1.1)}
		}
		@-moz-keyframes pulse{
			0%{-moz-transform:scale(1)}
			100%{-moz-transform:scale(1.1)}
	}

/*关于sk*/

.main{ width:100%; height:auto;}	
.triangleall{
width: 900px;
margin: auto;
}
	
.trian_texta{
width: 100%;
color: #47a106;
font-weight: bold;padding-top:10px;padding-left:35px;
font-size: 15px;line-height:30px;
}
.trian_textb{
width: 100%;
color: #d50202;padding-left:15px;
font-weight: bold;padding-top:5px;
font-size: 15px;line-height:30px;
}
.triangleal p{
color: #aaa;line-height:20px;
font-size: 14px;
}
.triangle1,.triangle2,.triangle3,.triangle4,.triangle5, a{
color: #aaa;    line-height: 20px;font-size: 12px;

}
.triangle1,.triangle2,.triangle3,.triangle4,.triangle5, a:hover{
color: #288bd0;font-size: 12px;
transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.triangle1{
width: 177px; height: 182px;
float: left;background:url(../Images/T_bg.png) no-repeat;
display:none;
margin-top: -100px;padding-left:55px;
}

.triangle2{
width: 177px; height: 182px;
float: left;background:url(../Images/T_bg2.png) no-repeat;
display:none;
margin-top: -90px;
margin-left: 85px;padding-left:80px;

}
.triangle3{
width: 157px; height: 182px;
float: left;background:url(../Images/T_bg3.png) no-repeat;
display:none;
margin-left: 180px;padding-left:70px;margin-top: -20px;
}
.triangle4{
width: 162px; height: 182px;
float: left;background:url(../Images/T_bg4.png) no-repeat;
display:none;
margin-top: -380px;
margin-left: 630px;padding-left:70px;
}
.triangle5{
width: 151px; height: 182px;
float: left;background:url(../Images/T_bg5.png) no-repeat;
display:none;
margin-top:-220px;
margin-left: 570px;padding-left:90px;    margin-bottom: 70px;
}

.fl01_contentall{
width: 100%;margin-top: 250px;
/*background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2) ), url(../Images/main-banner.jpg) no-repeat center 0;*/
}
	
.fl01_bottom{
max-width:970px;
background:#222;height:100px;clear:both;
margin:auto;border-bottom:3px solid #288bd0;
}
.fl01_bottom a{
color: #aaa;
}
.fl01_bottom_left{
float:left;padding:1.3% 3%;width:40%;
margin:auto;
}
.fl01_bottom_right{
float:right;padding:1%;width:43%;
margin:auto;
}
.fl01_bottom_left h1{
font-size: 15px;
font-weight: 200;letter-spacing:4.8px;
color: #aaa;
padding-bottom: 20px;

}
.fl01_bottom_left p{
font-size: 15px;font-family:Arial;
color: #aaa;line-height: 18px;

}
.fl01_bottom_right p{
font-size: 12px;float:left;
color: #aaa;

}
.fl01_bottom_right h2{
font-size: 16px;
font-weight: 200;    margin: 0;
color: #aaa;
}

.job-title{width:20%;float:left;text-align:center;height:50px;font:100 18px/50px "微软雅黑";}
.job-title1{width:20%;float:left;text-align:left;height:50px;font:100 18px/50px "微软雅黑";text-indent:10px;}
	
.job-list{margin-top:20px;}
.job-list ul {list-style: none;padding: 5px;   }
.job-list ul li {border-bottom: 1px dotted #333;line-height: 30px;text-align: left; clear: both;}
.job-list ul li a {float: left;color: #1f8bca;width:20%;font:100 15px/30px "微软雅黑";text-indent:10px;}
.job-list ul li .jobsort{width:20%;float:left;font:100 15px/30px "微软雅黑";text-align:center;}



.about {
	/*background-image: url(../images/bg_a.png);*/
	height: auto;
	width: 1100px;
	margin-top: 6.4%;
	margin-right: auto;
	margin-left: auto;
	padding:74px;
	color: #FFF;
	font-family: "微软雅黑";
	font-size: 16px;
	line-height: 50px;
}
.bd2{
    height: auto;
	max-width: 65%;
	margin-top: 10.4%;margin-bottom: 50px;
	margin-right: auto;
	margin-left: 20%;min-height:450px;
	padding:15px;
	color: #ccc;
	font-family: "微软雅黑";
	font-size: 14px;
	line-height: 33px;
}
.ronngyu img{border:10px solid #0d0d0d;
}


.top{width:90%;overflow:hidden;float:left;padding:0 5px 5px 5px;    height: 325px;}

.scroll{width:5px;margin-left:10px;height:378px;float:right;background:url(../Images/scroll02.png);position:relative;}
.scroll p{width:5px;height:50px;background:url(../Images/scroll01.png);cursor:auto;left:0;top:1px;position:absolute;}

@media screen and (max-width:720px) {
.top{width:100%;overflow:hidden;float:left;padding:0 5px 5px 5px;}
.scroll{width:5px;margin-left:10px;height:378px;float:left;background:url(../Images/scroll02.png);position:relative;display:none;}
.scroll p{width:5px;height:50px;background:url(../Images/scroll01.png);cursor:auto;left:0;top:1px;position:absolute;display:none;}
}  



/*banner开始*/
  .lubo{ width: 100%; min-width:970px;clear: both; position: relative; height:659px; background:url(banner.jpg)}
  .lubo_box{ position: relative; width: 100%; height:659px; }
  .lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:600px; opacity: 0;filter:alpha(opacity=0);}
  .lubo_box li a{ display: block;width: 100%;  height: 100%;}

  .lubo_box li img{ width: 100%; height: 659px;}

  /*圆点*/
  .cir_box{ overflow: hidden; position: absolute; z-index: 100;}
  .cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
  .cir_on{ background: #000 !important;}

  /*按钮*/
  .lubo_btn{ position: absolute; width: 100%; top: 240px;}
  /*.left_btn, .right_btn{ width: 30px; height: 80px; background: #000;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
  .left_btn{ float: left;}
  .right_btn{ float: right;}*/
#container span #tx {
	width: 100px;
	display: block;
	background-color: #525252;
	text-align: center;
	font-size: 14px;
	font-family: "微软雅黑";
	height: 35px;
	line-height: 35px;
	border-radius:20px;
	border:1px #aaa solid;
}

  
  /*banner结束*/
  
  
  
#page{ clear:both; height:40px; margin:0 auto; text-align:center; display: table; }
#page li{ float:left; padding:5px 14px; border:1px solid #CCCCCC; margin-right:6px; color:#666; font-size:12px; list-style:none;}
#page li:hover{border:1px solid #0060ad;}
#page li:hover a{color:#0060ad}
#page li a{ color:#666}
#page li.active{border:1px solid #0060ad; background-color:#0060ad; color:#FFFFFF}
#page li.active a{ color:#fff}