@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, caption, tbody, tfoot, thead, 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, caption, 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%; overflow-x: hidden;}
/* always display scrollbars */
body { font:14px/30px "Microsoft Yahei","微软雅黑","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color:#000;  width: 100%; height: 100%; overflow: hidden;}
body{overflow-x:hidden !important}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select,button{ vertical-align: middle; outline: none; padding:0; }
ol, ul,li{ list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
i,em{ font-style:normal; font-weight:normal; }
img { border:0;}
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;}
::-moz-selection { background: #ebb112; color: #fff; text-shadow: none; }
::selection { background: #ebb112; color: #fff; text-shadow: none; }
a{ text-decoration:none; blr: expression(this.onFocus=this.blur()); cursor: pointer; color:#000; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }

.clear { clear: both; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fl{ float:left;}
.fr{ float:right;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
h1,h2,h3,h4,h5{ font-weight:normal; display:block;}
input,button,table,tr,td,textarea{ font-family:Microsoft yahei,Arial;}
.bgffffff{background: #ffffff;}
.bgf7f7f7{background: #f7f7f7;}
.bgf5f5f5{background: #f5f5f5;}
.w1200{ width:1200px; margin:0px auto;}
.w1260{ width:1260px; margin:0px auto;}
.w1440{ width:1440px; margin:0px auto;}
.ft26{font-size: 26px;}
.ft20{font-size: 20px;}
.bg0{background: none !important;}
.ml10{ margin-left: 10px;}
.ml20{ margin-left: 20px;}
.ml30{ margin-left: 30px;}
.ml40{ margin-left: 40px;}
.ml50{ margin-left: 50px;}
.h150{height: 150px;}
.mt40{margin-top: 40px !important;}


input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none; -moz-box-shadow: none;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #333;} 

input:-moz-placeholder, textarea:-moz-placeholder{color: #333;} 

input::-moz-placeholder, textarea::-moz-placeholder{color: #333;} 

input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #333;} 


.white{color: #fff !important;}

.red{color: #a21f24 !important;}

.gray333{color: #333 !important;}

.gray999{color: #999 !important;}



.f12{font-size: 12px;}

.f14{font-size: 14px !important;}

.f16{font-size: 16px;}

.f18{font-size: 18px;}

.f20{font-size: 20px;}

.f22{font-size: 22px;}

.f24{font-size: 24px;}

.f26{font-size: 26px;}

.f28{font-size: 28px;}

.f30{font-size: 30px;}

.f36{font-size: 36px;}

.f38{font-size: 38px !important;}

.f40{font-size: 40px;}

.fw{font-weight: bold;}


.container2{margin: 0 8%; box-sizing: border-box;}

.mt5{margin-top: 5px;}

.mt10{margin-top: 10px;}

.mt20{margin-top: 20px;}



/* css3 style */

.trans-3{-webkit-transition: all 0.35s linear; transition: all 0.35s linear;}

.trans-8{-webkit-transition: all 0.8s; transition: all 0.8s;}



	/*header{border-bottom: 1px solid #ffffff; border-color: rgba(255,255,255,.3);}*/


header.on{box-shadow: 0px 5px 20px 1px rgba(0,0,0,.15);}

header .container{position: relative;height: 90px; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center;}

header .logo1{ width: 300px; margin-left: 40px;}

header .logo1 img{height: 45px; margin-top: 10px;}

header ul{ width:70%;display: -webkit-flex; display: -ms-flexbox; display: flex;  flex: 1; justify-content: flex-end; padding-right: 4%;}



header ul li>a{font-size: 16px;color: #333333; line-height: 90px;padding: 0 10px; display: block; position: relative;}

header ul li>a:hover{color: #026dfe;}

header ul li:hover{background: url(../images/line.jpg) no-repeat center bottom; background-position-y: 75px;}

header .text{color: #ffffff; font-weight: bold; font-family: arial; font-size: 18px; border-left: 1px solid #ffffff; border-color: rgba(255,255,255,.3);}


.menubox.solid{ position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: #ffffff;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;}
.menubox.solid ul li > a{color: #141418}
.menubox.solid .text{ border-left: 1px solid #d8d8d8;}
.menubox.solid .logo1{display: none;}
.menubox.solid .logo2{display: block;}
.menubox.solid .search-btn{ background: url(../images/search2.png) no-repeat center center;  border-left: 1px solid #d8d8d8; }
.la-close{font-family: sans-serif; font-size: 35px;}
.search_sec {position: fixed;top: 0;width: 100%;height: 100%;background-color: rgba(26,32,49,0.95);z-index: 999999999999;opacity: 0;visibility: hidden;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}
.search_sec.active {	opacity: 1;	visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.search_sec.active .search_field {	margin: 0;}
.search_field {	position: absolute;	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	margin-top: -50px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.search_field .container {	max-width: 800px;	margin: 0 auto;}
.search_field form {position: relative;}
.search_field form input {width: 100%;	height: 66px;	background-color: #e5e5e5;	color: #262626;	font-size: 17px;	padding: 0 30px;	border:0;	box-sizing: border-box;	border-radius:5px;}
.search_field form button {position: absolute;	top: 19px;	right: 24px;	background-color: inherit;	border:0;}
.close-search {	position: absolute;	top: 60px;	right: 70px;	color: #c6c7ca;	font-size: 40px;}
.close-search:hover {color: #c6c7ca;}


.top{ position: fixed; left: 0; top: 0; width: 100%; background:#fff; z-index: 1000;}


header .right {  height: 100%; width: 200px; display: flex; display: -webkit-flex; align-items: center; justify-content: center;}
header .right a{ margin: 0 20PX; display: inline-block; text-align: center; color: #ffffff; opacity: 0.5; transition: all 0.5s;}
header .right a img{margin: 0 auto 2px; height: 20px;}
header .search-btn{ }
header .right a.a3{position: relative;}
header .right a:hover{opacity: 1;}
.index-erweima{display: none; position: absolute; top: 90px; right: 70px; z-index: 999; }
.index-erweima img{width: 110px; height: 110px;}

.page-main .container2{max-width: 1500px; margin: 0 auto; padding: 0 4%; box-sizing: border-box;}




.w1400{
	max-width: 1540px;
	padding: 0 70px;
	margin: 0 auto;
}

.transition {
	-webkit-transition: all ease .4s;
	   -moz-transition: all ease .4s;
	    -ms-transition: all ease .4s;
	     -o-transition: all ease .4s;
	        transition: all ease .4s;
}
.nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; text-align: center;}

.nav li a .bkg {top:100%; z-index:1; background-color:#eb3c00; -webkit-transition:top 200ms; transition:top 200ms;}

.nav li.on a{ color: #026dfe; }

.nav li.on a .bkg,.nav li a:hover .bkg {top:0; color:#026dfe;}

.nav a:hover{ color:#026dfe; }
/*.nav li.on::after{background: url(../images/nav-line.png) no-repeat center bottom; position: absolute; content: ""; width: 26px; height: 15px; margin-left: -13px; left: 50%; bottom: 10px;}*/
/*.nav li:hover::after{background: url(../images/nav-line.png) no-repeat center bottom; position: absolute; content: ""; width: 26px; height: 15px; margin-left: -13px; left: 50%; bottom: 10px;}*/
.nav .aNow{ color:#026dfe;}

.nav li.on a:after{content: ''; display: none; width: 100%; height: 3px; background: #026dfe; position: absolute; left: 0; top: 61px;}

.nav li.on a{ color: #026dfe; }

.nav{ float: right; padding-right:32px;}
.nav li{ margin-left: 35px; float: left;}
.nav li>a{ display: block; line-height:104px; padding-right: 20px; position: relative; font-size: 16px; color: #141418; letter-spacing: 3px;}
.nav li a span:before{ position: absolute; top:50%; margin-top: -4px; right:0; content: ""; width: 12px; height: 8px; background:url(../images/nav_jt.png);}
.nav li:hover>a span:before,
.nav li.current>a span:before{ background:url(../images/nav_jth.png);}
.navsub.show{  height: 60px;}
.navsub{ height:0; overflow: hidden; z-index: 9999; position: absolute; top:90px; left:0; width:100%; background:#fff; text-align:center;}
.navsub .con{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.navsub .link{ /*max-width: 660px;*/ text-align: center; display: inline-block;}
.navsub a{ margin: 0 30px; display:inline-block; line-height:60px; text-align: center; }
.nav li.on .navsub a{color:#000;}
.nav li.on .navsub a:hover{color:#026dfe;}
.nav li:nth-child(5) .navsub .w1400{ padding-right:360px; text-align: right;}
.nav li:nth-child(6) .navsub .w1400{ padding-right:150px; text-align: right;}
@media screen and (max-width: 1800px) {

  .index-sec3-div2 .top .text{padding-top: 10px;}
   
}
@media screen and (max-width: 1660px) {

  .index-sec3-div2 .top .text{padding-top: 0;}
   
}

@media screen and (max-width: 1600px) {

   .nav li{margin-left: 2%;}	
  .index-sec1-list .item .info{min-height: 170px;}
   
}

@media screen and (max-width: 1500px) {
	.nav li{margin-left: 1%;}
	.w1440{ width: 100%; padding: 0 4%; box-sizing: border-box;}
	.index-sec1-tab ul li{margin: 0 2%;}
	.index-sec1-list .item .info{min-height: auto;}
	.more-but{margin-top: 40px;}
	.index-title h3{font-size: 28px;}
   .index-sec2-list li .text h2{font-size: 24px;}
   .index-sec4-list li .img{height: 100px; width: 100px;}
   .index-sec4-list::after{top: 70px;}
   .ab-sec2{background-size: 100%; padding-bottom: 60px; height: auto;}
   .ab-sec2-list .item .text h3{font-size: 22px;}
   .ab-sec2-list .item{padding-bottom: 60px; padding-top: 60px; width: 31%; margin-left: 3%;}
   .case-box-list li .text h3{font-size: 16px;}
   .display-box .main-title{ width: 94%;}
   .service-fywu-sec2 .left {width:60%;justify-content: flex-end;display:flex;align-items: center;height:560px;overflow: hidden;}
   .service-fywu-sec2 .left img{height:560px;}
}

@media screen and (max-width: 1400px) {
	.nav li{margin-left: 0;}
	header .logo1 img{height: 40px;}
   
}
@media screen and (max-width: 1360px) {
	.nav li>a{letter-spacing: 0;}
	.ab-sec2-list .item{width:32%;margin-left: 1%;}
	.ab-sec2-list .item .text{    margin-left: 10px;}
}

@media screen and (max-width: 1300px) {
   header .logo1{width: 200px;}
   .w1440{ max-width: 1200px; width: 1200px; padding: 0 1%; box-sizing: border-box;}

}