@charset "utf-8";
/* 
 * Project Name:华莱
 * Author:cyh
 * Date：2018-8-11
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font:14px "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","Arial","Helvetica","SimHei","黑体","STXihei",sans-serif; margin: 0 auto; color: #989898; background-color: #fff; _background-attachment: fixed; _background-image: url(about:blank); }
::selection { background:#3399ff; color: #fff; } ::-moz-selection { background:#3399ff;color: #fff; } ::-webkit-selection { background:#3399ff; color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding: 0; }
img { border: 0; max-width:100%; vertical-align:middle;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; background: none; outline: none; padding: 0; margin: 0; border: none; }
a { text-decoration: none; outline:none;}
a:link, a:visited { text-decoration: none;outline:none; }
a:active, a:hover { text-decoration: none; outline:none;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear{ clear:both; height:0px; visibility:hidden;}
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 1230px; margin: 0px auto; }
#carousel-generic{ padding:0;}
.sectitle{ font-size:30px; color:#263044; margin:50px 0 30px; line-height:32px;}
.sectitle a{ font-size:13px; color:#a7aeba; float:right;line-height:32px;}
.sectitle a:hover{ color:#0274c7;}
.service{ width:100%; height:300px; position:relative; cursor:pointer; }
.s1{ background: url(../images/tu01.jpg) no-repeat center center;background-size:cover; }
.s2{ background: url(../images/tu02.jpg) no-repeat center center;background-size:cover; }
.s3{ background: url(../images/tu03.jpg) no-repeat center center;background-size:cover; }
.s4{ background: url(../images/tu04.jpg) no-repeat center center;background-size:cover; }
.service h3{ position: absolute;bottom: 25px; left: 23px; color: #fff; font-size: 26px;}
.txt-six{ position:absolute; top:0; left:0px; width:100%; height:100%; padding:155px 23px 0; text-align:left; color:#fff; background:rgba(2,116,199,0.7);transition: background-color 0.5s, width 0.5s;  box-sizing:border-box; display:none; visibility:hidden;}
.txt-six a{ display:block;}
.txt-six h2{ color: #fff; font-size: 26px; font-weight:bold; margin-bottom:15px;}
.txt-six p{ color: #fff; font-size:14px; line-height:24px; height:48px; overflow:hidden;}
.txt-six span{ display:block; color: #fff; font-size:14px; margin-top:10px;}
.service:hover h3{ display:none; visibility:hidden;}
.service:hover .txt-six{ display:block; visibility: visible;}
.index_new .item a{ display:block; width:100%; box-sizing:border-box; position:relative;}
.kai span{ font-size: 13px;color: #c1c1c1;padding-bottom: 8px;display:block;}
.kai h2{ font-size: 15px; color: #26395a; line-height:30px; height:30px; width:100%; overflow:hidden; white-space: nowrap; margin-bottom:10px; text-overflow:ellipsis;}
.kai p{line-height: 25px;padding-bottom:21px; text-align: left; font-size:14px; height:75px; overflow:hidden; color:#4f6387;}
.kai i{ display:block; font-style:normal; width:110px; height:36px;border:1px solid #c5cad2; text-align:center; line-height:36px; color:#c5cad2; font-size:13px; margin-top:20px;}
.pode{ position:absolute; left:0px; top:0px; width:100%; text-align:center; display:none; visibility:hidden; transform:all 0.5s;}
.pode img{ width:100%; z-index:2;}
.pode .new_top{ position:absolute; top:0px; left:0px; text-align:center; box-sizing:border-box; padding:15% 50px;}
.new_top span{ font-size:13px; color:#bbb;} 
.new_top p{ font-size:14px; color:#fff;  line-height:25px; height:50px; overflow:hidden; margin-top:4px;} 
.index_new .item a:hover .pode{ display:block; visibility:visible;}
.index_new .owl-nav{ display:none;}
.index_new .owl-dots{ margin-top:50px;}
.partner .item{ border:1px solid #eee; box-sizing:border-box; padding:30px 20px; margin-bottom:30px;  }
.partner .owl-nav , .partner .owl-dots{ display:none;}
.partner{ margin-bottom:20px;}

@media only screen and (max-width:1200px) {
.kai h2{ line-height:20px; height:20px; margin-bottom:4px;  }
.kai p{ height:50px; }
}
@media only screen and (max-width:992px) {
.service{ height:200px; }
.txt-six{  padding:40px 23px 0;  }
}
@media only screen and (max-width:768px) {
.service{ margin-bottom:20px;}
.sectitle{ font-size:20px; margin:20px 0 15px;}
}

 
/*底部*/
.wy_footer{background-color:#f4f4f4;padding:0px;}
.wy_links{margin:0px auto 17px;}
.wy_links > ul{margin-bottom:0px;float:left;margin-top:60px;width:85%;margin-bottom:30px;}
.wy_links > ul > li{float:left;width:11%;margin-right:3%; max-height:190px;/* overflow:hidden;*/ overflow-y:auto;}
.wy_links > ul > li::-webkit-scrollbar{width:3px;height:4px;border-radius:6px;}
.wy_links > ul > li::-webkit-scrollbar-track{background-color:#EEEEEE;border-radius:6px;}
.wy_links > ul > li::-webkit-scrollbar-thumb{background-color:#CCCCCC;border-radius:6px;}
.wy_links > ul > li h3{font-size:17px;color:#26395a; min-height:28px;position:relative;z-index:1; margin-bottom:3px;}
.wy_links > ul > li a{display:block;font-size:14px;color:#8791a2;line-height:34px;margin-top:5px;}
.wy_links > ul > li a:hover{color:#0274c7;}
.wy_qrcode{float:left; text-align:right;margin-top:55px; width:15%; text-align:center;}
.wy_qrcode p{height:40px;line-height:40px;text-align: center; color:#4c5668;}
.wy_qrcode p span{font-size:16px;color:#fff;float:left;}
.wy_qrcode p a{float:left;margin-left:15px;}
.wy_qrcode p a i{font-size:20px;color:#fff;}
.wy_qrcode p a:hover i{font-size:22px;}
.wy_copyright{ background-color:#fff; padding:15px 0;}
.wy_copyright p{font-size:13px;color:#4c5668;margin:0px auto;line-height:30px;}
.wy_copyright p a{ font-size:13px;color:#4c5668; }
.wy_copyright p a:hover{  color:#0274c7; }
.bdsharebuttonbox { margin-top:10px; overflow:hidden; float:right;}
#fenxiang1{
  background:url(../images/fx1.png) no-repeat;
  margin-left:6px;
  margin-right:6px;
}
#fenxiang2{
  background: url(../images/fx2.png) no-repeat;
  margin-right:8px;
}
#fenxiang3{
  background: url(../images/fx3.png) no-repeat;
  margin-right:6px;
}
#fenxiang4{
  background: url(../images/fx4.png) no-repeat 0 30%;
  margin-right:1px;
}
@media only screen and (max-width:1200px) {
.kai h2{ line-height:20px; height:20px; margin-bottom:4px;  }
.kai p{ height:50px; }
}
@media only screen and (max-width:1100px) {
.wy_links > ul > li{float:left;width:14%;margin-right:0; max-height:200px; overflow-y:auto;}
#fenxiang1{
  margin-left:0px;
}
#fenxiang2{
  margin-right:0px;
}
#fenxiang3{
  margin-right:0px;
}
#fenxiang4{
  margin-right:0px;
}
}
@media only screen and (max-width:992px) {
.service{ height:200px; }
.txt-six{  padding:40px 23px 0;  }
}
@media only screen and (max-width:768px) {
.service{ margin-bottom:20px;}
.sectitle{ font-size:20px; margin:20px 0 15px;}
.wy_qrcode{float:none;width:100%; margin-top:30px; text-align:center;}
.bdsharebuttonbox { float:none; margin:0 auto; width:135px;}
.wy_links { margin: 0px auto 0px;}
.partner .item{ padding:20px 15px;}
.partner .item img{ max-width:98%;}
.wy_copyright .fwidth .pull-right{ float:left !important;}

}
/*关于我们*/

.secbanner h2{ font-size:30px; color:#fff; font-weight:bold; line-height:40px; }
.secbanner p{ font-size:16px; color:#fff; line-height:30px; margin-top:10px;}
.bread{ border-bottom:1px solid #d6d8de;}
.bread_nav p ,.bread_nav a{font-size:15px; color:#26395a; line-height:30px; padding-top:20px; padding-bottom:20px;}
.bread_nav a{ padding:0 14px 0 4px; background:url(../images/aright.png) no-repeat right 7px;}
.bread_nav a:last-child{ padding:0 0 0 6px; background:none;}
.bread_nav a:hover{ color:#0274c7;}
.sec_nav{ text-align:right;}
.sec_nav a{ display: inline-block;font-size: 16px; color: #333; line-height: 67px; margin:0 12px; text-align:center;}
.sec_nav a:first-child{ padding-right:0;}
.sec_nav a.active{ color:#0274c7; line-height:67px; border-bottom:3px solid #0274c7; }
.sec_nav a:hover{ color:#0274c7;}
.discript p{ font-size:16px; color:#666; line-height:36px; }
.discript{ margin:50px 0 40px;}
.data h2{font-size:18px; color:#333; line-height:26px; font-weight:bold; margin-bottom:30px;}

.data .nav-tabs{ border-bottom:0px;}
.data .nav-tabs > li{ width:20%;}
.data .nav-tabs > li> a{ display:block; font-size:18px; color:#333; font-weight:bold; text-align:center; padding:0;  background-color:#eeeeee; border:none;  border-radius:0px; margin-right:0px; box-sizing:border-box; border-right:#cccccc 1px solid;}
.data .nav-tabs > li.active > a , .data .nav-tabs > li.active > a:hover, .data .nav-tabs > li.active > a:focus { color: #fff; padding:0; cursor: default; background-color:#0274c7; border-radius:0px; border:none;line-height:85px;}
.data .nav-tabs > li> a span{ display:inline-block; padding-left:50px;line-height:85px;}
.data .nav-tabs > li:nth-child(1)> a span{ background:url(../images/d1.png) no-repeat 0 center;}
.data .nav-tabs > li:nth-child(2)> a span{ background:url(../images/d2.png) no-repeat 0 center;}
.data .nav-tabs > li:nth-child(3)> a span{ background:url(../images/d3.png) no-repeat 0 center;}
.data .nav-tabs > li:nth-child(4)> a span{ background:url(../images/d4.png) no-repeat 0 center;}
.data .nav-tabs > li:nth-child(5)> a span{ background:url(../images/d5.png) no-repeat 0 center;}
.data .nav-tabs > li:nth-child(5)> a{ border:none;}
.data .nav-tabs > li.active:nth-child(1)> a span{ background:url(../images/c1.png) no-repeat 0 center;}
.data .nav-tabs > li.active:nth-child(2)> a span{ background:url(../images/c2.png) no-repeat 0 center;}
.data .nav-tabs > li.active:nth-child(3)> a span{ background:url(../images/c3.png) no-repeat 0 center;}
.data .nav-tabs > li.active:nth-child(4)> a span{ background:url(../images/c4.png) no-repeat 0 center;}
.data .nav-tabs > li.active:nth-child(5)> a span{ background:url(../images/c5.png) no-repeat 0 center;}
.data .tab-content{ background-color:#f7f8fa; padding:20px; }
.data .tab-content h3{font-size:18px; color:#333; line-height:30px; font-weight:bold; margin:20px 30px 0px; padding-bottom:10px; position:relative;}
.data .tab-content h3:after{ content:''; position:absolute; left:0; bottom:0px; width:20px; height:2px; background-color:#0274c7;}
.data .tab-content p{font-size:16px; color:#666; line-height:30px; margin:10px 30px 0px;  }
.datas h2{font-size:18px; color:#333; line-height:26px; font-weight:bold; margin-bottom:30px;}
.datas .nav-tabs{ border-bottom:0px;}
.datas .nav-tabs > li{ width:25%; background-color:#e8e8e8; box-sizing:border-box; padding:6px 9px; border:none; border-right:#fff 1px solid;}
.datas .nav-tabs > li> a{ display:block; font-size:18px; color:#666; font-weight:bold; padding:0 20px; line-height:70px; border-radius:0px; margin-right:0px; box-sizing:border-box; border:#e8e8e8 1px solid;}
.datas .nav-tabs > li> a i{ float:right; line-height:70px;}
.datas .nav-tabs > li.active > a , .datas .nav-tabs > li.active > a:hover, .datas .nav-tabs > li.active > a:focus { color: #fff;  padding:0 20px; cursor: default; background-color: transparent; border-radius:0px; line-height:70px;border:rgba(255,255,255,0.3) 1px solid;}
.datas .nav-tabs > li.active { background-color:#0274c7;}
.datas .tab-content{ background-color:#f6f6f6; padding:50px 40px; }
.datas .tab-content p{font-size:16px; color:#666; line-height:30px; }
.vision{ background:url(../images/avb.jpg) no-repeat center center; background-size:cover; margin-top:50px; padding:70px 0;}
.company{ background-color:rgba(0,0,0,0.5); width:100%; max-width:530px; box-sizing:border-box; padding:25px;}
.inside{ border:1px solid rgba(255,255,255,0.5); padding:70px;}
.inside h2{font-size:18px; color:#fff; line-height:30px; padding-bottom:15px; position:relative;}
.inside h2:after{ content:''; position:absolute; left:0; bottom:0px; width:20px; height:2px; background-color:#fff;}
.inside h4{font-size:30px; color:#fff; line-height:40px; font-weight:bold; margin-top:20px;}
.vision h3{font-size:30px; color:#fff; line-height:30px; padding-bottom:20px; position:relative; font-weight:bold; margin-bottom:40px; margin-top:70px;}
.vision h3:after{ content:''; position:absolute; left:0; bottom:0px; width:20px; height:2px; background-color:#fff;}
.vision p{font-size:16px; color:#fff; line-height:30px; }
@media only screen and (max-width:992px) {
.data .nav-tabs > li> a{ font-size:15px; color:#333; padding:0; line-height:50px;}
.data .nav-tabs > li> a > span{ padding:0; background:none !important; line-height:50px;}
.data .nav-tabs > li.active > a , .data .nav-tabs > li.active > a:hover, .data .nav-tabs > li.active > a:focus { line-height:50px;}
.data .tab-content h3{font-size:16px; margin:0px;}
.data .tab-content p{font-size:14px;  margin:10px 0px 0px; line-height:24px; margin-bottom:20px;}
.datas .nav-tabs > li{ padding:4px; }
.datas .nav-tabs > li> a{font-size:16px; line-height:60px; }
.datas .nav-tabs > li> a i{ float:right; line-height:60px;}
.datas .nav-tabs > li.active > a , .datas .nav-tabs > li.active > a:hover, .datas .nav-tabs > li.active > a:focus {padding:0 10px;  line-height:60px;}
.inside{ padding:30px;}
.vision h3{ margin:10px 0;}
}
@media only screen and (max-width:768px) {
.discript p{ font-size:14px; line-height:26px; }
.discript{ margin:20px 0;}
.bread_nav p ,.bread_nav a{font-size:15px; color:#26395a; line-height:40px; padding-top:0; padding-bottom:0;}
.sec_nav a{ font-size:14px; line-height:40px; margin:0 6px;}
.sec_nav a.active{ line-height:40px;}
.data .nav-tabs > li{ width:33%; border-bottom:1px solid #ddd; margin-bottom:0px;}
.datas .nav-tabs > li{ width:50%; border-bottom:1px solid #fff; margin-bottom:0px; height:70px;}
.datas .nav-tabs > li> a{font-size:14px; line-height:60px;padding:0 4px;}
.datas .nav-tabs > li.active > a , .datas .nav-tabs > li.active > a:hover, .datas .nav-tabs > li.active > a:focus {padding:0 4px;  line-height:60px;}
.datas .tab-content{ padding:20px; }
.vision{ margin-top:40px; padding:40px 0;}
.company{ padding:15px;}
.inside{ border:1px solid rgba(255,255,255,0.5); padding:20px;}
.inside h4{font-size:20px; line-height:30px; }
.vision h3{font-size:20px; margin-top:20px;}
}
/*荣誉资质*/
.graff{ margin-top:50px;}
#zoom {
	z-index: 99990;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background:url(../images/meibg.png) repeat;
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; z-index:99999;
}
#zoom .content {
	z-index: 99991;
	position: absolute;
	top: 50%;
	left: 50%;
	width:1000px;
	background: #ffffff no-repeat 50% 50%;
	padding: 0;
	margin: -100px 0 0 -100px;
	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}
#zoom .content.loading {
	background-image: url('../images/loading.gif');
}
#zoom img {
	display: block;
	max-width: none;
	background: #ececec;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	border-radius: 4px;
}
#zoom .close {
	z-index: 99993;
	position: absolute;
	top: 0;
	right: 0;
	width: 49px;
	height: 49px;
	cursor: pointer;
	background: transparent url('../images/close.png') no-repeat 50% 50%;
	opacity: 1;
	filter: alpha(opacity=100);
	border-radius: 0 0 0 4px;
}
#zoom .previous,
#zoom .next {
	z-index: 99992;
	position: absolute;
	top: 50%;
	overflow: hidden;
	display: block;
	width: 51px;
	height: 50px;
	margin-top: -25px;
}
#zoom .previous {
	left: 0;
	background: url('../images/zuoshou.png') no-repeat;
	
}
#zoom .next {
	right: 0;
	background: url('../images/youshou01.png') no-repeat;
	
}
#zoom .previous:hover{background: url(../images/zuoshou01.png) no-repeat 0 0;}
#zoom .next:hover{background: url(../images/youshou.png) no-repeat 0 0;}
.zoomed > .container01{-webkit-filter:blur(3px);filter:blur(3px);}
.gallery{list-style-type:none;margin:0;}
.gallery li span{ display:block; font-size:16px; color:#3c3c3c; line-height:50px; padding-bottom:5px;  transition:all 0.4s ease; background:url(../images/line.png) no-repeat 0 bottom; margin-bottom:17px;}
.gallery li a{ width:100%; height:100%; display:block; position:relative; margin-bottom:30px;}
.gallery li b{width:100%; height:100%; display:block; background:rgba(0,0,0,0.65) url(../images/fang.png) no-repeat center; position:absolute; top:0; left:0; display:none;-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;}
.gallery li:hover b{ display:block;}
/*翻页*/
.pages{padding-top:20px; margin:0 auto 50px; height:60px; text-align: center; box-sizing:border-box;}
.pages:after{ clear:both; content:''; width:0px; display:block; height:0px; visibility:hidden;}
.pages a{border: 1px solid #DDD; display:inline-block; line-height:38px;
    color: #333;
    margin: 0 2px;
    width:42px; height:40px;
    text-decoration: none;
    font-size:14px;
    }
.pages a:hover{border:1px solid #478ffc; text-decoration: none; color:#fff;width:42px; height:40px; line-height:38px; background-color:#0274c7; font-size:14px;}
.pages span { display:inline-block; border: 1px solid #478ffc;  background-color:#0274c7;color: #fff; line-height:38px; width:42px; height:40px; font-size:14px; margin:0 2px;}
.pages a:first-child , .pages a:last-child{ border:none;}
@media only screen and (max-width:768px) {
.pages a{ line-height:30px; width:34px; height:34px;}
.pages a:hover{ width:34px; height:34px; line-height:30px; }
.pages span {line-height:30px; width:34px; height:34px; }
.graff{ margin-top:10px;}
}
/*联系我们*/
.section { padding-left:45px; margin:18px 0;}
.section p{ font-size:16px; color:#333; line-height:30px; }
.p1{ background:url(../images/phone.png) no-repeat 0 center;}
.p2{ background:url(../images/email.png) no-repeat 0 center;}
.p3{ background:url(../images/location.png) no-repeat 0 center;}
.p4{ background:url(../images/fax.png) no-repeat 0 center;}
.p5{ background:url(../images/link.png) no-repeat 0 center;}
.contact h2{ color:#0274c7; font-size:22px; line-height:40px;}
.contact h4{ color:#a2a2a2; font-size:13px; line-height:20px; background:url(../images/gline.png) no-repeat 0 bottom; padding-bottom:25px;}
.contact { padding-top:70px;}
.patr{ padding-top:7px;}
.weimg{ text-align:right; margin-top:30px;}
.link { position:relative;}
.link a{ display:inline-block; width:40px; height:40px; border-radius:50%; border:1px solid #0274c7; font-size:18px; text-align:center; line-height:36px; margin-top:30px; margin-left:15px; transition:all 0.3s;}
.weimg p{ font-size:14px; color:#666; line-height:20px; margin-top:10px;}
.hideimg{ transition:all 0.3s; position:absolute; right:50px; display:none; top:0px;}
.link a:hover{ background-color:#0274c7; color:#fff;}
.map{ width:100%; margin-top:42px; margin-bottom:30px;}
@media only screen and (max-width:768px) {
.contact { padding-top:20px;}
.section p{ font-size:15px; line-height:26px; }
.patr{ padding-top:0px;}
}
/*解决方案*/
.solve{ margin-bottom:50px;}
.solve li{ float:left; width:33.33%;border-bottom:1px solid #ccc; text-align:center;}
.solve li a{ display:block;  padding:70px 50px 65px;}
.solve li a h2{font-size:16px; color:#333; line-height:44px; font-weight:bold; padding-bottom:10px; position:relative; margin-bottom:20px;}
.solve li a h2:after{ content:''; position:absolute; left:50%; bottom:0px; width:24px; height:2px; background-color:#ccc; margin-left:-12px;}
.solve li a p{font-size:14px; color:#666; line-height:28px; height:84px; overflow:hidden;}
.solve li a:hover h2{ color:#2b92d4; }
.solve li a:hover h2:after{ background-color:#2b92d4; }
.solve li a img{ display:block; margin:0 auto; height:55px;}
.solve li a .jhide{ display:none;}
.solve li.imgshows a .jhide{ display:block;}
.solve li.imgshows a .jshow{ display:none;}

/*.solve li:nth-child(1) a{ background:url(../images/j1.png) no-repeat center 65px;}
.solve li:nth-child(2) a{ background:url(../images/j2.png) no-repeat center 65px;}
.solve li:nth-child(3) a{ background:url(../images/j3.png) no-repeat center 65px;}
.solve li:nth-child(4) a{ background:url(../images/j4.png) no-repeat center 65px;}
.solve li:nth-child(5) a{ background:url(../images/j5.png) no-repeat center 65px;}
.solve li:nth-child(6) a{ background:url(../images/j6.png) no-repeat center 65px;}
.solve li:nth-child(7) a{ background:url(../images/j7.png) no-repeat center 65px;}
.solve li:nth-child(8) a{ background:url(../images/j8.png) no-repeat center 65px;}
.solve li:nth-child(9) a{ background:url(../images/j9.png) no-repeat center 65px;}
.solve li:nth-child(10) a{ background:url(../images/j10.png) no-repeat center 65px;}
.solve li:nth-child(1) a:hover{ background:url(../images/k1.png) no-repeat center 65px;}
.solve li:nth-child(2) a:hover{ background:url(../images/k2.png) no-repeat center 65px;}
.solve li:nth-child(3) a:hover{ background:url(../images/k3.png) no-repeat center 65px;}
.solve li:nth-child(4) a:hover{ background:url(../images/k4.png) no-repeat center 65px;}
.solve li:nth-child(5) a:hover{ background:url(../images/k5.png) no-repeat center 65px;}
.solve li:nth-child(6) a:hover{ background:url(../images/k6.png) no-repeat center 65px;}
.solve li:nth-child(7) a:hover{ background:url(../images/k7.png) no-repeat center 65px;}
.solve li:nth-child(8) a:hover{ background:url(../images/k8.png) no-repeat center 65px;}
.solve li:nth-child(9) a:hover{ background:url(../images/k9.png) no-repeat center 65px;}
.solve li:nth-child(10) a:hover{ background:url(../images/k10.png) no-repeat center 65px;}*/
@media only screen and (max-width:1100px) {
.solve li a{ display:block;  padding:122px 10px 65px;}
}
@media only screen and (max-width:768px) {
.solve li{  width:100%; float:none }
.solve li a{  padding:30px 10px 30px;}
}
/*服务*/
.field{ margin-top:50px;}
.servise img{ width:100%; transition:all 0.3s;}
.servise h2{font-size:24px; color:#333; line-height:90px; }
.servise p{font-size:14px; color:#666; line-height:24px; height:72px; overflow:hidden;}
.servise a{ display:inline-block; transition:all 0.5s; }
.friday{ display:inline-block; width:130px; height:35px; line-height:32px; text-align:center;font-size:13px; color:#666; border:1px solid #ccc; border-radius:1px; margin:30px 15px 40px 0; transition:all 0.5s; }
.friday:hover{ background-color:#0274c7; color:#fff;}
.bottlink ul li{ width:50%; float:left; background-color:#0274c7; color:#fff; height:230px; box-sizing:border-box; padding:0 100px; margin-top:30px;transition:all 0.5s;}
.bottlink ul li a{ display:inline-block;font-size:24px; color:#fff; margin-top:70px; }
.bottlink ul li:first-child{ border-right:1px solid rgba(255,255,255,0.3); text-align:right;}
.bottlink ul li:first-child a{ background: url(../images/arrowleft.png) no-repeat 55px bottom; padding-bottom:34px; transition:all 0.5s;}
.bottlink ul li:first-child a:hover{ background: url(../images/arrowleft.png) no-repeat 0 bottom;}
.bottlink ul li a span{ display:inline-block; width:109px; height:42px; line-height:40px;font-size:16px; text-align:center; border:1px solid rgba(255,255,255,0.3); margin-top:16px; background-color:#0274c7;}
.bottlink ul li:hover{ background-color:#002050;}
@media only screen and (max-width:992px) {
.bottlink ul li{ height:160px; padding:0 30px; }
.bottlink ul li a{ font-size:16px; margin-top:45px; }
}
@media only screen and (max-width:768px) {
.bottlink ul li{ height:160px; padding:0 20px; margin-top:0;}
.bottlink ul li a{ font-size:14px; }
.bottlink ul li a span{  height:32px; line-height:30px;font-size:14px; margin-top:10px; }
}
/*新闻*/
.new{ margin-top:50px;}
.charbour{ display:block; margin-bottom:20px; position:relative; overflow:hidden;}
.charbour .new_img{ position:relative;}
.charbour .new_img img{ width:100%;}
.charbour .new_img p{ position:absolute; top:0; left:0; width:100%; height:100%; margin:0; background-color:rgba(0,0,0,0.5); opacity:0; transition:all 0.3s; }
.charbour .new_img  span{position:absolute; top:0; left:0; right:0px; bottom:0px; display:block;}
.charbour .new_img  span img{ width:67px; height:67px; margin:0 auto; display:block; margin-top:-67px; transition:all 0.2s linear;}
.new_infor{ padding:25px 0;}
.new_infor h3{font-size:18px; line-height:30px; color:#0274c7; margin:10px 0; font-weight:bold; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.new_infor p{font-size:14px; line-height:30px; color:#666; margin-top:10px; text-decoration:none; height:90px; overflow:hidden;}
.new_infor span{ font-size:13px; color:#a2a2a2; display:block; margin-bottom:10px;}
.charbour:hover .new_img p{ opacity:1;}
.charbour:hover div span img{ margin-top:17%; }
.hided{ display:none;}
.more_button{ width:100%; text-align:center; line-height:60px; background-color:#edf1f7;font-size:16px; color:#333; margin:20px auto 60px; cursor:pointer;}

/*文章详情*/
.details{ margin-top:50px;}
.article{ margin-bottom:60px;}
.article p{ font-size:14px; color:#666; line-height:28px; margin-bottom:25px;}
.article img{ display:block; margin:20px auto; max-width:100% !important; height:auto !important;}
.details .bdsharebuttonbox{ margin-top:3px;}
.details .bdsharebuttonbox span { float:left; line-height:32px; color:#a2a2a2; font-size:13px; line-height:40px;}
.details .bdsharebuttonbox a{ display:inline-block; height:36px;}
.details #fenxiang1{background:url(../images/qq.png) no-repeat; }
.details #fenxiang2{ background: url(../images/wei.jpg) no-repeat;}
.details #fenxiang3{ background: url(../images/weibo.jpg) no-repeat; }
.article_title{font-size:30px; color:#0274c7; line-height:40px; }
.article_time{font-size:13px; color:#aeb6c4; line-height:50px; padding-right:10px; border-right:1px solid #aeb6c4; margin-right:10px;}

.recommend{  padding:0px; margin:55px 0;}
.recommend h2{font-size:18px; color:#fff; line-height:50px; background-color:#0274c7; padding-left:12px;}
.recommend ul li a{ display:block; border-bottom:1px solid #d7d7d7; padding:20px 14px 20px 0;}
.recommend ul li a h3{font-size:16px; color:#26395a; line-height:30px; height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/dot.png) no-repeat 0 center; padding-left:20px;}
.recommend ul li a span{font-size:13px; color:#aeb6c4; line-height:20px; padding-left:20px; }
.recommend ul li a p{font-size:14px; color:#666; line-height:24px; height:48px; overflow:hidden;}
.recommend ul li a:hover h3{ color:#0097d7;}
.grey{ background-color:#edf1f7; padding:0 15px; margin:20px 0 30px;}
.grey a i{ font-size:18px; color:#aeb6c4; line-height:50px;}
.bottom_link{ border-top:1px solid #ccc; padding-top:30px;}
.last p{ font-size:15px; line-height:36px; color:#666;}
.last p a{ font-size:15px; line-height:36px; color:#666;}
.last p a:hover{ color:#0274c7;}
.last{ margin-bottom:50px;}
.return{ display:inline-block; border-radius:0px; transition:0.3s; width:112px;  height:37px; line-height:35px; padding:0; font-size:14px; float:right;  text-align:center; color:#26395a; border:1px solid #3e4d68; margin-top:8px;}
.return:hover{ background-color:#3e4d68; color:#fff;}
@media only screen and (max-width:768px) {
.article_title{font-size:20px; line-height:30px; margin-top:0px;}
.article , .bottom_link{ margin-bottom:30px;}
.last{ margin-bottom:0px;}
.recommend{margin:35px 0;}
.details .bdsharebuttonbox{ margin:0; width:auto;}
.details #fenxiang2{ margin-right:6px;}
.details{ margin-top:25px;}
}

.charbours{ display:block; margin-bottom:20px; position:relative; overflow:hidden;}
.charbours .new_img{ position:relative;}
.charbours .new_img img{ width:100%; transition:all 0.3s;}
.charbours:hover .new_img img{ transform:scale(1.05);}
.charbours .new_infor{ padding:15px 0;}
.charbours .new_infor h3{font-size:18px; line-height:30px; color:#333; margin:10px 0; font-weight:bold; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.charbours .new_infor p{font-size:14px; line-height:30px; color:#666; margin-top:10px; text-decoration:none; height:60px; overflow:hidden;}
.charbours .new_infor span{ font-size:13px; color:#a2a2a2; display:block; margin-bottom:10px;}
.charbours:hover .new_infor h3{ color:#0274c7; }
.partners{ padding-top:55px; margin-bottom:50px;}
.partners h2{ font-size:22px; line-height:36px; color:#333; margin-bottom:10px;}
.partners h4{ font-size:14px; line-height:30px; color:#666; margin-bottom:40px;}
.partners ul li{ width:20%; float:left; text-align:center;}
.partimg{ width:100%; height:160px; position: relative;}
.partimg img{ position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.partners ul li p{font-size:16px; line-height:30px; color:#333;}
.partners ul{ margin-bottom:80px;}
.add h3{ font-size:22px; line-height:36px; color:#333; margin-top:20px;}
.add p{ font-size:14px; line-height:36px; color:#666;}
.add a{ display:inline-block; border-radius:4px; transition:0.3s; width:150px;  height:47px; line-height:47px; padding:0; font-size:16px; float:right;  text-align:center; color:#fff; background-color:#0873c2;  margin-top:30px; transition:all 0.5s;}
.add a:hover{ border-radius:0px;}
@media (max-width:768px) {
.partners ul li{ width:33.33%; }
.partimg{ height:110px; }
.partners ul{ margin-bottom:40px;}
.partners h4{ margin-bottom:10px;}
.partners{ padding-top:30px; margin-bottom:30px;}
.add h3{ margin-top:10px;}
.add a{  margin-top:10px; transition:all 0.5s;}
}
.client{ border-top:1px solid #ececec; margin-bottom:20px;}
.client h2{font-size:24px; line-height:36px; color:#333; text-align:center; margin:45px auto;}
.client .media-left{ width:25%;box-sizing:border-box; padding-left:20px;}
.client .media-left img{ display:block; margin:0 auto;}
.client .media{ border:1px solid #ececec; padding:30px 0; box-sizing:border-box; margin-bottom:30px;}
.client .media-body{ width:75%;box-sizing:border-box; padding-right:25px;}
.client .media-body h4{ font-size:16px; line-height:36px; color:#333; }
.client .media-body p{ font-size:14px; line-height:24px; color:#666; height:96px; overflow:hidden;}
.cooperate{ background-color:#f7f8fa; padding:45px 0; overflow:hidden;}
.cooperate h2{font-size:24px; line-height:36px; color:#333; text-align:center; margin-bottom:56px;}
.cooperate ul li{ float:left; background-color:#fff; width:21%; margin:0 2% 30px; border:1px solid #e5e5e5;}
.cooperate ul li .cooperimg{ padding:30px 20px 0; height:100px; box-sizing:border-box;}
.cooperate ul li .cooperimg img{ display:block; margin:0 auto;}
.cooperate ul li p{ font-size:16px; text-align:center; color:#444; line-height:30px; margin-bottom:25px; width:100%; height:30px; overflow:hidden;}
@media (max-width:992px) {
.client .media{ padding:20px 0;}
.client .media-left{ width:35%;}
.client .media-body{ width:65%;}
.cooperate ul li{ width:46%;}
.cooperate ul li p{ font-size:14px; margin-bottom:15px;}
.cooperate ul li .cooperimg{ padding:20px 20px 0; height:80px;}
.cooperate{ padding:45px 0 20px;}
}
/*新闻*/
.newlist{ margin-top:50px;}
.newlist li{ border:1px solid #e5e5e5; box-sizing:border-box; padding:6px; margin-bottom:30px;}
.newlist li a{ display:block;}
.listimg{ width:16%; float:left; box-sizing:border-box; }
.list_content{ width:60%; float:left; padding:15px 20px;}
.listmore{ width:10%; float:left; box-sizing:border-box; }
.listtime{ width:14%; float:left; box-sizing:border-box; padding-right:2%; text-align:right;}
.list_content h3{font-size:18px; line-height:26px; color:#333; margin-top:0px; margin-bottom:10px; height:26px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list_content p{font-size:14px; line-height:24px; color:#666; height:48px; overflow:hidden;}
.listmore span{font-size:14px; line-height:26px; color:#0274c7; margin-top:74px; display:block; text-align:right;}
.listtime h4{font-size:36px; line-height:40px; color:#d7dadc; margin-top:20px;}
.listtime p{font-size:18px; line-height:30px; color:#d7dadc;}
.newlist li a:hover .list_content h3{ color:#0274c7;}
.newlist li:hover{ box-shadow:0 0 10px #bacccf;}
@media (max-width:1100px) {
.listimg{ width:20%;}
.listmore{ display:none;}
.listtime{ width:20%;}
}
@media (max-width:768px) {
.listimg{ display:none;}
.listmore{ display:none;}
.listtime{ display:none;}
.list_content{ width:100%; padding:10px;}
.list_content span{font-size:13px; line-height:24px; color:#999;}
.newlist{ margin-top:30px;}
.pages { padding-top:0px; margin: 0 auto 20px; }
}
/*职位*/
.jobsearch{ margin-top:50px; border:1px solid #eeeeee; padding:35px 35px 25px;}
.jobsearch table tr td{font-size:16px; line-height:34px; color:#333; vertical-align:text-top;}
.jobsearch table tr td a{ display:inline-block; font-size:16px; line-height:34px; color:#333; padding:0 25px; margin-right:20px; margin-bottom:15px;}
.jobsearch table tr td a.actives{ color:#fefefe; background-color:#0274c7;}
.jobsearch table tr td a:hover{ color:#fefefe; background-color:#0274c7;}
.join{ margin:30px 0; border:1px solid #eeeeee; }
.join li{ border-bottom:1px solid #eeeeee; padding:20px; }
.join li h3{font-size:18px; line-height:30px; color:#333; }
.join li p span{font-size:14px; line-height:26px; color:#666; margin-right:14px;}
.join li a{ float:right; display:block; width:84px; height:34px; line-height:32px;font-size:14px; color:#0274c7; border:1px solid #0274c7; text-align:center; margin-top:10px; transition:all 0.3s;}
.join li a:hover{ background-color:#0274c7; color:#fff;} 
.join li:hover{  box-shadow:0 0 10px #bacccf;}
@media (max-width:1100px) {
.jobsearch{ margin-top:30px; padding:15px;}
.join li{padding:10px 0px 15px; }
}

@media (max-width:768px) {
.jobsearch{ margin-top:30px; padding:15px 10px 5px;}
.jobsearch table tr td a{font-size:15px; padding:0 10px; margin-right:4px; margin-bottom:10px;}
}
/*招聘详情*/
.job{ margin-top:50px;}
.talented h2{ font-size:22px; color:#0274c7; font-weight:bold; line-height:36px; margin-bottom:20px;}
.talented ul li{ font-size:15px; color:#666;  line-height:30px; width:33.33%; float:left;}
.talented h3{ font-size:15px; color:#0274c7; line-height:36px; font-weight:bold; margin-top:10px;}
.talented p{ font-size:14px; color:#666; line-height:28px; }
.btn_apply a{ display:inline-block; padding:0 16px; border-radius:2px; line-height:40px; font-size:15px; color:#0274c7; background-color:#efefef; margin:30px 10px 50px 0; transition:all 0.3s; box-sizing:border-box;  border-bottom:3px solid #efefef; }
.btn_apply a:first-child{ background-color:#0274c7; color:#fff;  border-bottom:3px solid #0563a8;}
.btn_apply a:hover{ background-color:#0274c7; color:#fff; border-bottom:3px solid #0563a8;}
.hot{ background-color:#f6f7f5; padding:30px 20px; margin-bottom:30px;}
.hot h2{ font-size:20px; color:#333; font-weight:bold; line-height:26px; }
.hot ul li a{ display:inline-block;font-size:15px; color:#666; line-height:34px; transition:all 0.3s;}
.hot ul li a:hover{ color:#0097d7;}
.hot h2 i{color:#0097d7;}
@media (max-width:768px) {
.talented h2{ font-size:18px; line-height:20px; margin-bottom:10px;}
.talented ul li{ width:100%; float:none;}
.contents{ padding-top:30px;}
.btn_apply a{ padding:0 12px; line-height:34px; font-size:14px; margin:20px 10px 30px 0; }
.job{ margin-top:30px;}
}


.cloud .nav-tabs{ border-bottom:0px;}
.cloud .nav-tabs li{ width:20%; padding-top:40px; cursor:pointer;}
.cloud .nav-tabs > li > a{ display:block; font-size:16px; color:#333; text-align:center; padding:0;  border:none;  border-radius:0px; margin-right:0px; box-sizing:border-box; line-height:30px; padding-bottom:23px;}
.cloud .nav-tabs > li.active > a , .cloud .nav-tabs > li.active > a:hover, .cloud .nav-tabs > li.active > a:focus { display:block; color:#2b92d4;  border-radius:0px; border:none; line-height:30px;}
.cloud .nav-tabs > li a p {line-height:20px;min-height: 40px;}

.cloud .tab-content .tab-pane{ background-color:#f7f8fa; padding:20px 0;}
.cloud .tab-content h2{ font-size:16px; line-height:30px; color:#333; font-weight:bold; margin:30px 0 10px;}
.cloud .tab-content p{ font-size:16px; line-height:24px; color:#666; }
.cloud .tab-content a{ display:block;}
.cloud .tab-content a:hover h2{ color:#0274c7;}
/*.cloud1 li:nth-child(1) a{ background:url(../images/j1.png) no-repeat center 0;}
.cloud1 li:nth-child(2) a{ background:url(../images/j2.png) no-repeat center 0;}
.cloud1 li:nth-child(3) a{ background:url(../images/j3.png) no-repeat center 0;}
.cloud1 li:nth-child(4) a{ background:url(../images/j4.png) no-repeat center 0;}
.cloud1 li:nth-child(5) a{ background:url(../images/j5.png) no-repeat center 0;}
.cloud2 li:nth-child(1) a{ background:url(../images/j6.png) no-repeat center 0;}
.cloud2 li:nth-child(2) a{ background:url(../images/j7.png) no-repeat center 0;}
.cloud2 li:nth-child(3) a{ background:url(../images/j8.png) no-repeat center 0;}
.cloud2 li:nth-child(4) a{ background:url(../images/j9.png) no-repeat center 0;}
.cloud2 li:nth-child(5) a{ background:url(../images/j10.png) no-repeat center 0;}
.cloud3 li:nth-child(1) a{ background:url(../images/j11.png) no-repeat center 0;}
.cloud1 li.active:nth-child(1) a{ background:url(../images/k1.png) no-repeat center 0;}
.cloud1 li.active:nth-child(2) a{ background:url(../images/k2.png) no-repeat center 0;}
.cloud1 li.active:nth-child(3) a{ background:url(../images/k3.png) no-repeat center 0;}
.cloud1 li.active:nth-child(4) a{ background:url(../images/k4.png) no-repeat center 0;}
.cloud1 li.active:nth-child(5) a{ background:url(../images/k5.png) no-repeat center 0;}
.cloud2 li.active:nth-child(1) a{ background:url(../images/k6.png) no-repeat center 0;}
.cloud2 li.active:nth-child(2) a{ background:url(../images/k7.png) no-repeat center 0;}
.cloud2 li.active:nth-child(3) a{ background:url(../images/k8.png) no-repeat center 0;}
.cloud2 li.active:nth-child(4) a{ background:url(../images/k9.png) no-repeat center 0;}
.cloud2 li.active:nth-child(5) a{ background:url(../images/k10.png) no-repeat center 0;}
.cloud3 li.active:nth-child(1) a{ background:url(../images/k11.png) no-repeat center 0;}*/

.cloud .nav-tabs > li > a > img.clhide{ display:block; margin:0 auto 10px;}
.cloud .nav-tabs > li > a > img.clhide{ display:none;}
.cloud .nav-tabs > li > a > img.clshow{ display:block; margin:0 auto 10px;}
.cloud .nav-tabs > li.active > a img.clshow, .cloud .nav-tabs > li.active > a:hover img.clshow, .cloud .nav-tabs > li.active > a:focus img.clshow { display:none;}
.cloud .nav-tabs > li.active > a img.clhide, .cloud .nav-tabs > li.active > a:hover img.clhide, .cloud .nav-tabs > li.active > a:focus img.clhide { display:block;}


.hidetab{ display:none;}
.clickmore { display:block; width:130px; height:40px; line-height:38px; text-align:center;font-size:14px; color:#666; border:1px solid #ccc; border-radius:1px; margin:30px 15px 40px 0; transition:all 0.5s;  margin:20px auto 0px; }
.clickmore:hover{ background-color:#0274c7; color:#fff; border-color:#0274c7; }
@media (max-width:1240px) {
.cloud .tab-content h2{ margin:10px 0 10px;}
}

@media (max-width:768px) {
.smallimg li{ float:left; width:33.33%; text-align:center; padding:30px 0 0;}
.smallimg li p{font-size:14px; color:#666;padding-top: 5px; }
.smallheight{ height:50px;}
.smallheight img{ height:46px; width:auto; display:block; margin:2px auto;}
}