@import url("right-div-01.css");
a{cursor: pointer;}
*{	
	font-family: 'Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei','Microsoft Yahei',sans-serif;
	
}
i{
	font-weight: normal;
}
body{
	padding-top:0px;
}
ul,li{
	list-style: none;
	padding: 0px;
}
.navbar-default{
	background-color: rgba(60,60,60,.0);
	border-bottom: solid 0px;
	z-index: 999;
	
	}
.navbar-default.bgw{
	background-color: rgba(255,255,255,1);
	
box-shadow: 0 3px 6px 0 rgba(40,51,67,0.06);
	
	}
	
	
.logo{
	background-image: url(../img/logo.png);
	background-position: left center;
	background-repeat: no-repeat;
	display: inline-block;
	width: 220px;
	}

.navbar-default.bgw .logo{
	background-image: url(../img/logo2.png);
	
}


.navbar-default .navbar-nav > li > a {
  color: #fff;
  outline: none;
  font-size: 15px;
}




.navbar-default.bgw .navbar-nav > li > a {
  color: #333;
  outline: none;
  font-size: 15px;
}
.navbar-default.bgw .navbar-nav > li > a:hover{color: #03a9f4!important;}
.navbar-default.bgw .navbar-nav .checked{color: #ff150e;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #3aa5ef;
  background-color: transparent;
  
}

.navbar-default.bgw .navbar-nav > li > a:hover, .navbar-default.bgw .navbar-nav > li > a:focus {
  color: rgba(51,51,51,1);
  background-color: transparent;
  
}




.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #3aa5ef;
  background-color: transparent;

}

.navbar-default.bgw .navbar-nav > .active > a, .navbar-default.bgw .navbar-nav > .active > a:hover, .navbar-default.bgw .navbar-nav > .active > a:focus {
  color: rgba(51,51,51,1);
  background-color: transparent;

}




.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-nav > li > a {padding-bottom: 5px;padding-left: 0px;padding-right: 0px;margin: 0px 20px;}



@media only screen and (min-width: 760px) and (max-width: 2000px) {
	.navbar-right{width: 400px;}
	.navbar-right li{display: inline-block;}
	
}

.navbar-rt {}
.navbar-rt label{font-size: 12px;color: #666;font-weight: normal;}
.navbar-rt{float: right;}
.navbar-rt dl{display: block;margin-bottom: 0px;}
.navbar-rt dt label{color: #FFFFFF;}
.navbar-rt dt{width:200px;background-image: url(../img/tel1.png);background-repeat:no-repeat;background-position:center center;display: block;margin-right: 98px;color: #fff;font-size: 18px;font-weight: normal;font-family: 'arial' !important;line-height: 70px;}
.navbar-rt dd{display: block;float: right;}
.navbar-rt dd a{text-decoration:none;display: block;width: 85px;background-color:transparent;background-color:#3aa5ef;line-height: 30px;text-align: center;color: #fff;font-size: 15px;border-radius: 18px;margin-top: 20px;}
.navbar-rt dd a:hover{background-color: #2a7fba;}

.bgw .navbar-rt dt label{color:#FF6600; font-weight:bold}
.bgw .navbar-rt dt{color: #708090;background-image: url(../img/tel2.png);}
.bgw .navbar-rt dd{display: block;float: right;}
.bgw .navbar-rt dd a{text-decoration:none;display: block;color:#fff;width: 80px;background-color: transparent;background-color:#3aa5ef;line-height: 30px;text-align: center;font-size: 15px;}


@media only screen and (min-width: 100px) and (max-width: 640px) {
	.navbar-rt{display: none;}
}
@media only screen and (min-width: 640px) and (max-width: 1000px) {
	.navbar-right{margin-right: 160px;}
	.navbar-rt{width: 160px;}
	.navbar-rt dt{display: none;}
}



.banner{	
	background-position: top center;
	background-repeat: no-repeat;	
	min-height: 350px;
	overflow: hidden;
	position: relative;
}
.banner-full{
	background-size: cover;
	background-position: center center;
}

.index-banner-text-bd{margin-top: 180px;}
.index-banner-text-bd-h1{font-size: 40px;color: #fff;letter-spacing: 4px;font-weight: bold;}
.index-banner-text-bd-h1 span{color: #fd7448;}
.index-banner-text-bd-h2{font-size: 18px;color: #fff;letter-spacing: 3px;margin-top: 10px;}
.index-banner-text-bd-h3{margin-top: 30px;}
.index-banner-text-bd-h3 a{border-radius:18px;text-decoration:none;display: inline-block;width: 90px;height: 40px;text-align: center;line-height: 40px;text-align: center;color: #fff;margin-right: 10px;}
.index-banner-text-bd-h3 a:nth-child(1){background-color:#fd7448; }
.index-banner-text-bd-h3 a:nth-child(2){border:solid 1px #fff;box-sizing: border-box;}
.index-banner-text-bd-h3 a:nth-child(1):hover{background-color: #dc5a30;}
.index-banner-text-bd-h3 a:nth-child(2):hover{font-size: 12px;}




.bg-grey{
	background-color: #fafafa;
}
.rad-index-L2{}
.rad-index-L2 li{display: block;margin-bottom: 40px;}
.rad-index-L2 li dl{}
.rad-index-L2 li dl dt{text-align: center;}
.rad-index-L2 li dl dt em{position:relative;display:inline-block;width: 90px;height: 90px;box-sizing: border-box;background-position: center center;background-repeat: no-repeat;}
.rad-index-L2 li dl dt em i{position:absolute;width: 80px;height: 80px;border-radius: 50%;display: inline-block;top:3px;left:3px;background-color: #726ff0;font-size: 40px;line-height:80px;color: #fff;text-align: center;font-weight: normal;}
.rad-index-L2 li dl dd{overflow: hidden;}
.rad-index-L2 li dl dd b{font-size: 20px;display: block;text-align: left;margin-top: 10px;text-align: center;color: #666;font-weight: normal;}
.rad-index-L2 li dl dd span{font-size: 14px;color: #808080;display: block;margin-top: 10px;text-align: center;line-height:28px;}








.partner-list{}
.partner-list li{width: 160px;height: 80px;display: inline-block;position: relative;margin: 10px;cursor: pointer;}
.partner-list li a{display: block;position: absolute;z-index: 1;top:0px;bottom: 0px;left:0px;right: 0px;border:solid 1px #eee;}
.partner-list li a img{display: block;width: 100%;height: 100%;}
.partner-list li span{z-index: 10px;position: absolute;top:0px;bottom: 0px;left:0px;right: 0px;z-index: 10;background-color:#5398de;color: #fff;display: none;padding-top: 28px;line-height: 20px;}
.partner-list li:hover span{display: block;}

.index-h1{}
.index-h1 span{font-size:48px;color:#444;border-bottom: solid 2px #5398de;padding-bottom: 20px;}
.index-h2{margin-top: 50px;overflow: hidden;}
.index-h2 span{font-size:16px;color:#909090;}
#guestbookForm .form-control{height: 36px;font-size: 13px;}

.footer{background-color: #c1c1c1;min-height: 50px;color: #fff;text-align: center;line-height: 24px;padding:14px 0;}
.footer a{color: #fff;}
.foottools{padding: 50px 0px; color: #a7a7a7;background-color: #181b22;background-image: url(../img/footbg.jpg);background-repeat: no-repeat;}
.foottools li{text-align: left;color:#808080;font-size:13px;line-height: 25px;}
.foottools li:first-child{font-weight: bold;font-size: 16px;}
.foottools li a{text-align: left;color: #808080;font-size: 13px}

.banner-list-btn{border-right: solid 1px #a0a0a0;padding-right: 20px;}

.banner-list-btn dl{}
.banner-list-btn dl dt{width: 48px;float: left;}
.banner-list-btn dl dt i{margin-top:10px;background-color: #26b84f;display: inline-block;width: 48px;height: 48px;line-height:48px;text-align:center;border-radius: 50%;color: #fff;font-size: 24px;font-weight: normal;}
.banner-list-btn dl dd{margin-left: 65px;}
.banner-list-btn dl dd b{display: block;margin-bottom: 10px;font-size: 16px;}
.banner-list-btn dl dd span{display: block;font-size: 12px;color: #707070;}
.banner-btns{padding-top:30px;padding-bottom:10px;background-color: #fafafa;border:solid 1px #c9c9c9;}
.img-box{}
.img-box img{width: 100%;}

.banner-box{
	width: 600px;
	margin: 0px auto;
	min-height:150px;
	position: relative;	
}
.banner-box span{position: absolute;font-weight:bold;color: #3083ca;font-size: 16px;}
.banner-box span i{margin-right: 10px;}
.index-banner-h1{text-align: center;color: #3083ca;}
.banner-div{text-align: center;}
.banner-but{display:inline-block;width: 100px;height: 30px;line-height:30px;color:#fff;background-color: #3083ca;border-radius: 10px;text-align: center;}
.banner-but:hover{color: #fff;text-decoration: none;background-color: #266eab;}
.text-h2{color: #fff;font-size: 16px;line-height: 26px;padding: 10px;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background-color: #fff !important;}
.dropdown-menu > li > a:hover{color: #4185de;}
.sol-nav{background-color: #fafafa;border:solid 1px #c9c9c9}
.sol-nav ul{list-style: none;padding: 0px;margin: 0px;display: block;width: 100%;}
.sol-nav ul li{cursor:pointer;text-align: center;display: block;width: 16.66%;float: left;}

.sol-nav ul li a{display: block;height: 80px;line-height: 80px;border-left: solid 1px #c9c9c9;color: #303030;font-size: 16px;text-align: center;text-decoration: none;}
.sol-nav ul li a:hover{background-color: #3498db;color: #fff;}
.sol-nav ul li.active a{background-color: #3498db;color: #fff;}
.sol-nav ul li:last-child a{border-right: solid 1px #c9c9c9;}
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.sol-nav ul li{width: 33.33%;}
	.sol-nav ul li:nth-child(1) a{border-bottom:solid 1px #c9c9c9;}
	.sol-nav ul li:nth-child(2) a{border-bottom:solid 1px #c9c9c9;}
	.sol-nav ul li:nth-child(3) a{border-bottom:solid 1px #c9c9c9;}
	.sol-nav ul li:nth-child(3){border-right:solid 1px #c9c9c9;} 
}

.sol-t-01{font-size: 24px;color: #3498db;text-align: left;}
.sol-b-01{font-size: 18px;color: #222;text-align: left;line-height: 30px;}
.sol-l-01{}
.sol-l-01 li{font-size: 16px;color: #222;display: block;overflow: hidden;}
.sol-l-01 li i{font-size: 20px;color:#3498db;margin-right: 10px;}


.sol-t-02x{font-size: 24px;color: #3498db;text-align: left;}
.sol-b-02x{font-size: 18px;color: #222;text-align: left;line-height: 30px;}
.sol-l-02x{}
.sol-l-02x li{font-size: 16px;color: #222;display: block;overflow: hidden;margin-bottom: 10px;}
.sol-l-02x li i{font-size: 20px;color:#3498db;display:block;float: left;}
.sol-l-02x li b{font-weight: normal;margin-left: 28px;display: block;}


.mgl-50px{margin-left: 50px;}
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.mgl-50px{margin-left: 0px;}
}
.sol-l-02{}
.sol-l-02 ul{list-style: none;padding: 0px;margin: 0px;}
.sol-l-02 ul li{display:block;padding:5px;text-align: center;float: left;box-sizing: border-box;width: 20%;}
.sol-l-02 ul li a{line-height: 70px;display: block;background-color: #5398de;border-radius: 5px;font-size: 16px;color: #fff;text-decoration: none;}
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.sol-l-02 ul li{width: 50%;}
}


.sol-l-03 ul{list-style: none;padding: 0px;margin: 0px;}
.sol-l-03 ul li{color:#fff;display:block;padding:10px;text-align: center;float: left;box-sizing: border-box;width: 33.33%;}
.sol-l-03 ul li dl{display: block;overflow: hidden;border-radius:5px;padding: 40px;}
.sol-l-03 ul li:nth-child(1) dl{background-color: #28bd59;}
.sol-l-03 ul li:nth-child(2) dl{background-color: #f39c12;}
.sol-l-03 ul li:nth-child(3) dl{background-color: #278ed2;}
.sol-l-03 ul li:nth-child(4) dl{background-color: #e67e22;}
.sol-l-03 ul li:nth-child(5) dl{background-color: #41b4ab;}
.sol-l-03 ul li:nth-child(6) dl{background-color: #e74c3c;}
.sol-l-03 ul li:nth-child(7) dl{background-color: #28bd59;}
.sol-l-03 ul li:nth-child(8) dl{background-color: #f39c12;}
.sol-l-03 ul li:nth-child(9) dl{background-color: #278ed2;}


.sol-l-03 ul li a{color:#fff;text-decoration: none;display: block;text-align: center;font-size: 18px;font-weight: bold;}
.sol-l-03 ul li p{color: #fff;font-weight: normal;line-height: 24px;text-align: left;font-size: 16px;margin-top: 20px;}
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.sol-l-03 ul li{width: 100%;}
}
.fun-list-01{max-width: 760px;margin: 0px auto;}
.fun-list-01 ul{margin-top: 40px;}
.fun-list-01 li{width: 33.33%;float: left;}
.fun-list-01 li i{text-align: center;display: block;position: relative;font-size: 130px;}
.fun-list-01 li:nth-child(1) i{color:#61b3ff ;}
.fun-list-01 li:nth-child(2) i{color:#52d2a3 ;}
.fun-list-01 li:nth-child(3) i{color:#fc9359 ;}
.fun-list-01 li i s{position: absolute;top:0px;bottom: 0px;left: 0px;right: 0px;text-decoration:none;font-style: normal;color: #fff;font-size: 40px;text-align: center;line-height: 180px;font-weight: normal;}
.fun-list-01 li b{text-align: center;display: block;color: #222222;font-weight: normal;font-size: 16px;margin-top: -10px;}

@media only screen and (min-width: 100px) and (max-width: 640px) {
	.fun-list-01 li{width: 100%;}
}


.fun-list-02{}
.fun-list-02 ul{margin-top: 40px;}
.fun-list-02 li{width: 33.33%;float: left;}
.fun-list-02 li dl{min-height:270px;border:solid 2px #3498db;margin: 10px;padding: 10px;}
.fun-list-02 li i{text-align: center;display: block;color: #3498db;font-style: normal;font-size: 20px;}
.fun-list-02 li b{text-align: left;display: block;color: #222222;font-weight: normal;font-size: 16px;margin-top: 20px;line-height: 30px;}
.fun-list-50 li{width: 50%;}
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.fun-list-02 li{width: 100%;}
	.fun-list-50 li{width: 100%;}
}

.oa-list-01{}
.oa-list-01 dl{border-radius:5px;position: relative;border:solid 2px #3498db;padding: 20px;margin-top: 60px;padding-top: 70px;padding-bottom: 40px;}
.oa-list-01 dl i{color:#3498db;font-size: 18px;font-weight: normal;text-decoration: none;font-style: normal;display: block;text-align: center;margin-bottom: 20px;}
.oa-list-01 dl b{font-size: 15px;font-weight: normal;font-style: normal;text-align: left;line-height: 24px;}
.oa-list-01 dl s{position:absolute;display: block;width: 100px;height: 100px;box-sizing: border-box;border:solid 2px #3498db;border-radius: 50%;line-height: 90px;text-align: center;font-style: normal;text-decoration: none;font-size: 40px;color: #3498db;top:-50px;left:38%;background-color: #fff;}
.oa-list-01 .col-md-6 s{left:40%}
.oa-list-01 .col-md-4 s{left:38%}
.oa-list-01 .col-md-3 s{left:32%}

@media only screen and (min-width: 100px) and (max-width: 640px) {
	.oa-list-01 .col-md-6 s{left:40%}
	.oa-list-01 .col-md-4 s{left:40%}
	.oa-list-01 .col-md-3 s{left:40%}
}
.about-01-list1{}
.about-01-list1 ul{list-style: none;}
.about-01-list1 li{}
.about-01-list1 li h1{color: #808080;font-size: 18px;}
.about-01-list1 li h1 i{margin-right: 10px;font-size: 24px;color: #5398de;}
.about-01-list1 li h2{color: #808080;font-size: 14px;line-height: 24px;}

.about-list-02{}
.about-list-02 dl,.about-list-02 dt,.about-list-02 dd{display: block;text-align: center;}
.about-list-02 dd{font-size: 15px;line-height: 30px;padding-top: 30px;}

.about-times{position:relative;min-height: 900px;display: block;}
.about-times-line{z-index:1;width: 1px;background-color: #3498db;position:absolute;top:0px;bottom: 0px;left:50%;}
.about-times li{position: relative;z-index: 100;}
.about-times li h1{color: #3498db;font-size: 30px;vertical-align: middle;text-align: right;width: 50%;}
.about-times li h1 em{margin-right: -15px;font-style: normal;background-color: #f2f8ff;z-index: 100;}
.about-times li h1 i{vertical-align: middle;font-size: 30px;}

.about-times li dl{display: block;width: 50%;}
.about-times li dt{display: block;width: 120px;float: right;}
.about-times li dd{display: block;margin-right: 140px;text-align: right;line-height: 30px;}


.about-times li:nth-child(2n){}
.about-times li:nth-child(2n) h1{color: #3498db;font-size: 30px;vertical-align: middle;text-align: left;padding-left: 50%;width: 100%;margin-left: -15px;}
.about-times li:nth-child(2n) h1 em{margin-right: -15px;font-style: normal;background-color: #f2f8ff;z-index: 100;}
.about-times li:nth-child(2n) h1 i{vertical-align: middle;font-size: 30px;margin-right: 10px;}

.about-times li:nth-child(2n) dl{display: block;width: 100%;padding-left: 50%;}
.about-times li:nth-child(2n) dt{display: block;width: 120px;float: left;padding-left: 10px;}
.about-times li:nth-child(2n) dd{display: block;margin-left: 140px;text-align: left;line-height: 30px;}

@media only screen and (min-width: 100px) and (max-width: 640px) {


.about-times-line{display: none;}
.about-times li h1{color: #3498db;font-size: 30px;vertical-align: middle;text-align: left;width: 100%;}

.about-times li dl{display: block;width: 100%;}
.about-times li dt{display: block;width: 120px;float: none;}
.about-times li dd{display: block;margin-left: 0px;text-align: left;line-height: 30px;margin-right: 0px;}


.about-times li:nth-child(2n){}
.about-times li:nth-child(2n) h1{color: #3498db;font-size: 30px;vertical-align: middle;text-align: left;padding-left: 0%;width: 100%;}
.about-times li:nth-child(2n) h1 em{margin-left: 15px;font-style: normal;background-color: #f2f8ff;z-index: 100;}
.about-times li:nth-child(2n) h1 i{vertical-align: middle;font-size: 30px;margin-right: 10px;}

.about-times li:nth-child(2n) dl{display: block;width: 100%;padding-left: 0%;}
.about-times li:nth-child(2n) dt{display: block;width: 120px;float: none;padding-left: 10px;}
.about-times li:nth-child(2n) dd{display: block;margin-left: 0px;text-align: none;line-height: 30px;margin-right: 0px;}

}

.about-list{list-style: none;}
.about-list li{color:#949494;list-style: none;text-align: left;font-size: 14px;line-height: 28px;}
.about-list li i{margin-right: 10px;color: #949494;}

.cus-t-01{position:relative;min-height: 56px;text-align: center;}

.cus-t-01 b{letter-spacing:3px;display: inline-block;background-color: transparent;padding: 5px 20px;color: #555;font-size: 28px;z-index:10 ;font-weight: normal;}


.customer-list-s-1{}
.customer-list-s-1 {display: block;}
.customer-list-s-1  i{display: block;color: #cf0202;font-size: 60px;text-align: center;line-height: 80px;font-family: "arial black";font-weight: 600;}
.customer-list-s-1  b{display: block;padding: 10px;font-size: 16px;color: #fff;background-color: #3498db;font-weight: normal;font-style: normal;line-height: 28px;border-radius: 5px;text-align: center;min-height: 76px;}
.customer-list-s-2{color: #cf0202;font-size: 30px;line-height: 50px;padding-top:40px;border-top: dashed 1px #888;text-align: center;margin-top: 30px;}


.cust-b-01{background-color:#ededed;position: relative;padding: 20px;min-height: 140px;}
.cust-b-01 i{color:#ededed;font-size: 40px;position: absolute;left: 50%;}
.cust-b-01 b{color: #3498db;display: block;font-size: 18px;text-align: center;}
.cust-b-01 span{display:block;font-size: 16px;color: #222;margin-top: 8px;}

.cus-list-s-2{display: block;}
.cus-list-s-2 li{display: block;width: 33.33%;float: left;}
.cus-list-s-2 li dl{display: block;margin: 20px;border:solid 1px #25be22;background-color: #fff;min-height: 170px;}
.cus-list-s-2 li dl b{background-color: #25be22;color: #fff;display: block;margin: 0px 20px;font-size: 20px;text-align: center;line-height: 35px;}
.cus-list-s-2 li dl span{display: block;padding: 20px;font-size: 16px;color:#222;}

.cus-list-s-2 li:nth-child(1) dl{border-color:#25be22 ;}
.cus-list-s-2 li:nth-child(1) dl b{background-color:#25be22;}
.cus-list-s-2 li:nth-child(2) dl{border-color:#f89406 ;}
.cus-list-s-2 li:nth-child(2) dl b{background-color:#f89406;}
.cus-list-s-2 li:nth-child(3) dl{border-color:#1fbeb1 ;}
.cus-list-s-2 li:nth-child(3) dl b{background-color:#1fbeb1;}
.cus-list-s-2 li:nth-child(4) dl{border-color:#9b59b6 ;}
.cus-list-s-2 li:nth-child(4) dl b{background-color:#9b59b6;}
.cus-list-s-2 li:nth-child(5) dl{border-color:#467dec ;}
.cus-list-s-2 li:nth-child(5) dl b{background-color:#467dec;}
.cus-list-s-2 li:nth-child(6) dl{border-color:#e74c3c ;}
.cus-list-s-2 li:nth-child(6) dl b{background-color:#e74c3c;}
.cus-t-01-a{}
.cus-t-01-a em{z-index: 1;}
.cus-t-01-a b{text-align: center;}

@media only screen and (min-width: 100px) and (max-width: 640px) {
	.cus-list-s-2 li{width: 100%;}
	.cus-t-01-a em{z-index: -1;}
	.cus-t-01-a b{background-color: transparent;z-index:10;position: static;}
	
	
}

.recruit-a-1{}
.recruit-a-1 h1{font-size: 18px;color: #ff7b01;}
.recruit-a-1 ul li i{color: #3e9ddd;font-size: 18px;}

.recruit-list-01{}
.recruit-list-01 dl{display: block;padding-bottom: 10px;min-height: 150px;}
.recruit-list-01 dl dt{display: block;width: 90px;float: left;}
.recruit-list-01 dl dt img{border-radius: 50%;}
.recruit-list-01 dl dd{position:relative;display: block;margin-left: 110px;background-color: #fff;min-height: 100px;padding: 10px;border-radius: 3px;}
.recruit-list-01 dl dd b{display: block;}
.recruit-list-01 dl dd span{display: block;}
.recruit-list-01 dl dd i{display:inline-block;position: absolute;top:10px;left: -20px;z-index:20;color: #fff;font-size: 30px;}

.recruit-list-02{}
.recruit-list-02 h1{color: #222;font-size: 20px;line-height: 30px;}
.recruit-list-02 em{color: #555;font-size: 16px;font-style: normal;line-height: 30px;}
.jiantou i{position: relative;left:200px;top:-60px;font-size: 40px;color: #fff;}
.recruit-list-03-t{color: #fff;font-size: 40px;padding-left: 50px;}
.recruit-list-03-t i{font-size: 30px;margin-left: -50px;margin-right: 20px;}
.recruit-list-03-b{line-height:28px;color:#fff;font-size:16px;border-bottom: solid 1px #fff;padding: 30px 10px;}
.recruit-list-03-b b{font-size: 18px;}

.isotope-item {
	z-index: 2
}
.isotope-hidden.isotope-item {
	z-index: 1
}
.isotope, .isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope-item {
	margin-right: -1px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.isotope {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}
.portfolio-item {
	margin-bottom: 30px;
}
.portfolio-item .hover-bg {
	height: 260px;
	overflow: hidden;
	position: relative;
}
.hover-bg .hover-text {
	position: absolute;
	text-align: center;
	margin: 0 auto;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.66);
	padding: 25% 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: all 0.5s;
}
.hover-bg .hover-text>h4 {
	opacity: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition: all 0.3s;
}
.hover-bg:hover .hover-text>h4 {
	opacity: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.hover-bg .hover-text>i {
	opacity: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	transition: all 0.3s;
}
.hover-bg:hover .hover-text>i {
	opacity: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
.hover-bg:hover .hover-text {
	opacity: 1;
}
.index-news-list{}
.index-news-list ul{}
.index-news-list ul li{display: block;text-align: left;line-height: 30px;}
.index-news-list ul li b{color: #666666;font-weight: normal;font-size: 16px;}
.index-news-list ul li i{color: #999999;font-weight: normal;font-size: 14px;float: right;font-style: normal;}

.index-news-list-t{min-height: 40px;text-align: left;margin-bottom: 20px;}
.index-news-list-t a{cursor:pointer;text-decoration:none;width: 100px;display: inline-block;line-height: 40px;color: #222;border-radius: 15px;font-size: 16px;margin-right: 20px;text-align: center;}
.index-news-list-t a:hover{background-color: #256ecf;color: #fff;}
.index-news-list-t a.active{background-color: #256ecf;color: #fff;}

.details-bd{background-color: #fff;padding: 30px;}
.details-t{font-size: 35px;text-align: center;}
.details-s{color:#999;text-align: center;padding-bottom: 20px;border-bottom: solid 1px #eee;margin-bottom: 30px;}
.details-b{min-height: 400px;}


.baidu-nav-1{height: 44px;border-bottom: solid 2px #ececec;text-align: left;}
.baidu-nav-1 li{line-height: 44px;cursor: pointer;width: 13.8%;display: inline-block;text-align: center;}
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.baidu-nav-1{height: 140px;}
	.baidu-nav-1 li{line-height: 44px;cursor: pointer;width: 100%;float:none;}
}
.baidu-nav-1 li a{color:#9f9f9f;font-size: 16px;text-decoration: none;}
.baidu-nav-1 li:hover{line-height: 42px;border-bottom: solid 2px #5398de;}
.baidu-nav-1 li:hover a{color: #333333;}

.baidu-nav-1 li.active{line-height: 42px;border-bottom: solid 2px #5398de;}
.baidu-nav-1 li.active a{color: #333333;}
.img-auto{position: relative;}
.img-auto img{width: 100%;}
.img-auto i{display:none;position: absolute;right: 10px;bottom: 10px;width: 40px;height: 40px;background-size: 40px 40px;z-index: 99;background-image: url(../img/zoom.svg);}
.img-auto:hover i{display: block;}

.imgbox {position: relative;}
.imgbox  img{width: 100%;}
.imgbox  i{display:none;position: absolute;right: 10px;bottom: 10px;width: 40px;height: 40px;background-size: 40px 40px;z-index: 99;background-image: url(../img/zoom.svg);}
.imgbox:hover i{display: block;}

.baidu-list-01{}
.baidu-list-01 h1{font-size: 18px;color: #333333;text-align: left;margin-top: 50px;}
.baidu-list-01 h2{font-size: 14px;color: #909090;text-align: left;line-height: 40px;margin-top: 6px;margin-left: 18px;}
.baidu-list-01 h3{font-size: 14px;color: #909090;text-align: left;line-height: 40px;letter-spacing: 1px;}
.baidu-list-01 h3 .icon-point{color: #DDDDDD;font-size: 7px;margin-right: 3px;}
.baidu-list-01 h4{font-size: 15px;color: #378ed5;text-align: left;}
.baidu-list-bd{display: none;}
.baidu-list-bd.active{display: block;}
.baidu-nav-bd2{}
.baidu-nav-bd2 li{color: #4a4a4a;font-size: 16px;}
.baidu-nav-bd2 li i{color: #cbcbcb;font-size: 20px;}


@media only screen and (min-width: 950px) and (max-width: 2000px) {
	.w950px{width: 950px;margin: 0px auto;}
}
.w950px{width: 950px;margin: 0px auto;}
.baidu-nav-link2{border-top: solid 2px #c8dcf2;margin-top: 40px;}
.baidu-nav-link2 li{cursor: pointer;opacity:0.3 ;}
.baidu-nav-link2 li.active{border-top:solid 2px #5398de;margin-top: -2px;opacity: 1;}
.baidu-nav-link2 li dl{display: block;margin-top: 30px;}
.baidu-nav-link2 li dt{display: block;width: 60px;float: left;}
.baidu-nav-link2 li dt img{width: 60px;height: 60px;border-radius: 50%;}
.baidu-nav-link2 li dd{display: block;margin-left: 70px;overflow: hidden;}
.baidu-nav-link2 li dd b{display: block;font-weight: bold;margin-top: 10px;font-size: 16px;color: #333333;}
.baidu-nav-link2 li dd span{display: block;font-weight: normal;color: #999999;}

.baidu-nav-bd2 li{display: none;}
.baidu-nav-bd2 li.active{display: block;}

.shipin{position: relative}
.shipin img{width: 100%;}

.shipin2{position: absolute;top:30px;left:30px;text-align: left;}
@media only screen and (min-width: 100px) and (max-width: 970px) {
	.shipin2{display: none;}
}


.from-demand div{}
.baidu-banner{background-repeat: no-repeat;background-position: center center;background-size: cover;overflow: hidden;}
.pading-top70{padding-top: 70px;}


.baidu-about-L1{}
.baidu-about-L1 h3{font-size: 16px;color: #333333;line-height: 35px;text-align: left;}


.about-team-img{}
.about-team-img img{width: 100px;height: 100px;border-radius: 50%;}
.about-team-bd{}
.about-team-bd h3{font-size: 16px;}
.about-team-bd p:nth-child(3){text-align: left;}

.about-lx-img{}
.about-lx-img img{width: 100%;}
.about-lx-text{}
.about-lx-text h3{font-size: 16px;font-weight: bold;border-left: solid 4px #555;padding-left: 6px;}

.top-t{position: static;}
.baidu-banner-2{overflow:hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.baidu-banner-2 h1{color: #03a9f4;font-size: 36px;text-align: center;margin-top: 90px;}
.baidu-banner-2 h2{color: #414141;font-size: 24px;text-align: center;}


.baidu-nav-link3{height: 60px;background-color: #f4f4f4;left:0px;right: 0px;z-index: 999;}
.baidu-nav-link3 ul{display: block;text-align: center;}
.baidu-nav-link3 ul li{display: inline-block;padding: 20px 0px;}
.baidu-nav-link3 ul li a{color:#404040 ;font-size: 16px;text-decoration: none;padding: 0px 18px;border-right: solid 1px #CCCCCC;}
.baidu-nav-link3 ul li:last-child a{border-right: none;}

@media only screen and (min-width: 100px) and (max-width: 640px) {
	.baidu-nav-link3 ul li{padding: 20px 0px;}
	.baidu-nav-link3 ul li a{padding: 0px 5px;font-size: 14px;}
}

.baidu-nav-link3 ul li:hover a{color: #03a9f4;}
.baidu-nav-link3 ul li.active a{color: #03a9f4;}


.imgbox{}
.imgbox img{width: 100%;}
.text-box{}
.text-box h1{color: #4d4d4d;font-size: 18px;letter-spacing: 2px;}
.text-box h2{color: #999;font-size: 16px;line-height: 23px;margin-top: 10px;}
.text-box h3{color: #333;font-size: 14px;line-height: 32px;}
.text-box h3 .icon-point{color: #999;font-size: 6px;margin-right: 3px;;}
.index-banner{min-height: 610px;}
.index-banner-text{margin-top:220px;margin-left:128px}
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.w950px{padding: 0px 20px;width: 100%;}
	.about-mbody .w950px{padding: 0px 0px;}
	 header .w950px{padding: 0px 0px;}
	.index-banner{min-height: 250px;}
	.index-banner-text{margin-top:80px;margin-left:10px;width: 200px;}
	.baidu-banner-2 h1{font-size: 24px;}
	.baidu-banner-2 h2{font-size: 14px;}
}
.gbbd{width: 450px;margin: 0px auto;}
.gbdiv{border-bottom: solid 1px #eee;overflow: hidden;}
.gbdiv span{float:left;text-align:left;display: block;width: 60px;color: #939ba8 !important;line-height: 42px;}
.gbdiv input{display: block;margin-left: 60px;background-color:transparent;width:370px;box-shadow: none;border:none;outline: none;margin: 0px;padding:10px 0px;}

.redsea-pop{display:none;overflow:hidden;z-index:99999;background-color:#fff;width: 380px;height: 230px;border:solid 1px #eee;position: fixed;top:200px;left:calc(50% - 190px);box-shadow:2px 2px 5px #333333;}
.redsea-pop s{position: absolute;right: 0px;top:0px;width: 26px;height: 26px;background-image: url(../img/popicon3.svg);background-size:26px 26px;background-repeat: no-repeat;cursor: pointer;}
.redsea-pop-icon{text-align: center;margin-top: 30px;overflow: hidden;}
.redsea-pop-icon i{display: inline-block;width: 80px;height: 80px;background-size:80px 80px;background-image: url(../img/popicon1.svg);background-position: center center;}
.redsea-pop-text{font-size: 20px;color: #555;text-align: center;}
.redsea-pop-text-2{text-align: center;font-size: 14px;color: #999;margin-top: 15px;}



.redsea-pop-sp{display:none;z-index:1001;background-color:#fff;width: 900px;height: 500px;border:solid 1px #eee;position: fixed;top:50px;left:calc(50% - 450px);box-shadow:2px 2px 5px #333333;}
.redsea-pop-sp s{position: absolute;right: -50px;top:-1px;width: 50px;height: 50px;background-image: url(../img/popicon3.svg);background-size:50px 50px;background-repeat: no-repeat;cursor: pointer;background-color: #fff;}
.redsea-pop-sp s:hover{background-color: #eee;}


.footer{background-color: #181b22;}
.foottools li{position: relative;min-height: 10px;}
.foottools li s{position:absolute;bottom:6px;display:block;width: 44px;border-bottom: 2px solid #ababab;}
.about-text{border-radius:10px;background-image: url(../img/about-text-bg.png);background-size: cover;background-repeat: no-repeat;background-position: right top;top:400px;left:calc(50% - 475px);position: absolute;}
.bgw #nav .active a{color: #3aa5ef;}
.regbut{width: 90px;display: none;}
.regbut a{;color:#03a9f4 !important;border: solid 1px #03a9f4 !important;color: #03a9f4;padding:2px 5px !important;border-radius: 5px;width: 80px;font-size: 15px !important;margin: 0px 5px;}
.show-reg-but .regbut{display: inline-block;}

.scene-d-L1-t{color: #333;font-size: 32px;text-align: center;padding: 20px 0px;letter-spacing: 2px;}
.scene-bd{border-top: solid 1px #eee;padding: 50px 0px;overflow: hidden;}
.scene-list-01{list-style: none;padding: 0px;margin: 0px;}
.scene-list-01 li{display: block;overflow: hidden;}
.scene-list-01 li dl{display: block;}
.scene-list-01 li dt{display: block;width: 50px;float: left;font-size: 18px;font-weight: normal;}
.scene-list-01 li dd{display: block;margin-left: 60px;}

.scene-T-01{font-size: 18px;line-height: 30px;}
.scene-B-01{font-size: 14px;line-height: 24px;color: #707070;}

.scene-list-03{list-style: none;}
.scene-list-03 li{line-height: 24px; color: #707070;}
.scene-t-2{font-size: 18px;color: #222;line-height: 30px;vertical-align: middle;margin-bottom: 10px;}
.scene-t-2 i{font-size: 30px;margin-right: 5px;color: #5398de;vertical-align: middle;}


.scene-s-t1{text-align: center;font-size: 24px;}
.scene-s-t2{text-align: center;font-size: 18px; color: #999999;margin-bottom: 50px;}

.hrsoft-t{font-size: 16px;color: #696969;text-align: left;padding-left: 20px;}
.hrsoft-t-s{height: 40px;border-bottom: solid 1px #e0e0e0;text-align: left;position: relative;}
.hrsoft-t-s span{cursor:pointer;height: 40px;display: inline-block;width: 100px;line-height: 40px;text-align: center;}
.hrsoft-t-s span:hover{border-bottom: 2px solid #3ba5ef;}
.hrsoft-t-s span.active{border-bottom: 2px solid #3ba5ef;}
.hrsoft-t-s a{position: absolute;right: 5px;top:10px;color:#888 ;}
.hrsoft-t-s a:hover{text-decoration: none;color: #555;}
.hrsoft-b-s{}
.hrsoft-b-s ul{padding: 20px 0px;}
.hrsoft-b-s li{text-align: left;font-size: 15px;line-height: 20px;margin-bottom:10px;}
.hrsoft-b-s li span{color: #9a9a9a;width: 58px;display: inline-block;border-right: solid 1px #eee;}
.hrsoft-b-s li a{color: #666666;padding-left: 20px;}
.footer .row{color: #808080;}
.spbg{display:none;position: fixed;top:0px;bottom: 0px;left:0px;right: 0px;z-index: 1000;background-color: rgba(0,0,0,.5);}
h1.index-t-a1{margin:10px auto 20px auto;font-size:36px;text-align: center;width: 550px;}
.jcfx1{color: #b2b2b2;font-size: 14px;width: 560px;margin: 0px auto;}

.jcfx1 em{color:#555;font-style: normal;margin-right: 10px;}
h3.index-t-a2{line-height:26px ;margin:0px 100px 10px 100px;color: #606060;text-indent: 2em;}
h3.index-t-a2 em{text-decoration: none;font-style: normal;}
h3.index-t-a2 a{color: #3684eb;border-bottom: solid 1px #3684eb;padding-bottom:2px;}
h3.index-t-a2 a:hover{text-decoration: none;}
@media only screen and (min-width: 640px) and (max-width: 769px) {
	.w950px{width: 768px !important;}
	#nav{position: absolute;left: 230px;}
	.navbar-rt{float: none;position: absolute;right: 10px;}
	.row{margin-right: 0px;margin-left: 0px;p}

}
@media only screen and (min-width: 640px) and (max-width: 1024px) {

	#sp02 img{width: 100% !important;}
}