/* BEGIN top,banner,footer */
 
 .top-nav {
     position: relative;
 }
 
 .header-box {
     position: absolute;
     width: 100%;
     top: 0;
   
     padding: 15px 0;

     z-index: 9999;
     transition: .5s;
     -moz-transition: .5s;
     -webkit-transition: .5s;
     -o-transition: .5s;
 }
 .bg_white{ background:#fff}
 
 .fix_height {
     height: 66px;
     background: #fff;
 }
 
 .logo {
     margin-top: 0px;
     width: 180px;
 }
 
 .w1640 {
     margin-right: auto;
     margin-left: auto;
     width: 1640px;
 }
 
 .w1440 {
     margin-right: auto;
     margin-left: auto;
     width: 1440px;
 }
 
  .logo-titr-link img {
     display: inline-block;
     vertical-align: middle;
 }
 
 .logo-titr-link-l {
     margin-left: 10px; color:#FFFFFF; font-size:18px; font-weight:normal; line-height:32px; font-family:Graphik Web,sans-serif
 }
  .nav {
     margin-left: 80px;
     margin-top: 15px; position: static;
 }
 
 .nav .nli {
     text-align: center;
     display: inline-block;
     position: static;
     margin-right: 30px;
 }
 
 .nav .nli>a {
     font-size: 16px;
     color: #fff;
     padding: 0 15px;
     padding-bottom: 20px;
     position: relative;
     display: block;
     height: 100%;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
 }
 
 .nav li:after {
     content: "";
     height: 2px;
     position: absolute;
     bottom: -3px;
     right: 50%;
     left: 50%;
     background: #ff6600;
 }
 
 .nav li.active:after {
     right: 15px;
     left: 15px;
 }
 
 
 .nav .nli:hover>a,
 .nav .nli.active>a {
     color: #ff6600;
 }
 
 .nav ul#topNav {
     display: inline-block;
 }
 .nav .nli:hover{  border-bottom:2px solid #ff6600}
 /*二级菜单*/ 

.nav .nli:hover .sub-mask{ display: block;} 

.sub_nav{ position:absolute; left:0px; top:44px; background:#FFFFFF; z-index:999; width:220px;}
.sub_nav li{ width:100%; list-style:none; float:left; height:30px; line-height:30px; color:#393939; text-align:left}
.sub_nav li a{color:#393939;}
.sub_nav li a:hover{ color:#ff6600; text-decoration:underline }
.nav .sub-mask{ height:250px;;background:#fff;width:100%;position:absolute;left:0px;top:72px; z-index:99; display:none;opacity: 0.3;filter: alpha(opacity=30)//0}
 
  /*二级菜单结束*/ 
 
 
 .fl {
     float: left;
 }
 
 .fr {
     float: right;
 }
 
 
 
/*首页banner*/

 .index-banner {
     position: relative;
 }
 
 .index-banner img {
     width: 100%;
     height: auto;
 }
 .index-banner-tit {
     position: absolute;
     width: 100%;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
 }
 
 .index-banner-tit p {
     font-size: 32px;
     color: #fff;
     margin-bottom: 20px;
 }
 
 .index-banner-tit span {
     font-size: 50px;
     color: #fff;
     display: block;
 }
  
 
 /*底部*/
 
  .footer {
     width: 100%;
 }
 
 .footer-t {
     padding-top: 40px;
     padding-bottom: 20px;
     overflow: hidden;
     background: #1d2736;
 }
 
 .footer-b {
     width: 100%;
     /* height: 50px;
     line-height: 50px; */
     overflow: hidden;
     background: #182231;
     padding-top: 15px;
     padding-bottom: 15px;
 }
 
 .footer-t-a-b {
     margin-top: 25px;
 }
 
 .footer-b-l {
     margin-bottom: 15px;
 }
 
 .footer-t-a-b i {
     background: url(../images/bott-tel.png) no-repeat 0 0;
     width: 54px;
     height: 38px;
     margin-right: 10px;
     display: inline-block;
     vertical-align: middle;
 }
 
 .footer-t-a-b p {
     font-size: 36px;
     color: #a9c240;
     font-weight: bold;
     display: inline-block;
     vertical-align: middle;
 }
 
 .footer-t-b ul {
     margin-right: 100px;
     display: inline-block;
     vertical-align: text-top;
 }
 
 .footer-t-b ul:last-of-type {
     margin-right: 0px;
 }
 
 .footer-t-b ul li {
    line-height:24px;
     transition: .5s;
     -moz-transition: .5s;
     -webkit-transition: .5s;
     -o-transition: .5s;
 }
 
 .footer-t-b ul li span {
     font-size: 18px;
     color: #d9dee4;
     font-weight:400;
     min-height: 26px;
 }
 
 .footer-t-b ul li p {
     font-size: 14px;
     color: #768498;
 }
 
 .footer-t-c {
     text-align: center; width:20%
 }
 
 .footer-t-c-r {
     display: inline-block;
     vertical-align: middle;
     text-align: center;
 }
 
 .footer-t-c-r p {
     font-size: 14px;
     color: #768498;
     margin-top: 15px;
 }
 
 .footer-t-c-rb {
     display: inline-block;
     vertical-align: middle;
     margin-left: 30px;
 }
 
 .footer-t-c-rb p {
     font-size: 14px;
     color: #768498;
 }
 
 .jianju-p {
     margin-top: 20px;
 }
 
 .footer-t-c-rb span {
     font-size: 28px;
     color: #d9dee4;
     display: block;
 }
 
 .footer-t-c-rb {
     text-align: left;
 }
 
 .footer-t-c-l {
     display: inline-block;
     vertical-align: middle;
     text-align: right;
 }
 
 .footer-t-c-l p {
     font-size: 14px;
     color: #666666;
 }
 
 .footer-t-c-l span {
     font-size: 36px;
     color: #ff0000;
     display: block;
     font-weight: bold;
 }
 
 .footer-t-c .logo-titr-link {
     margin-top: 30px;
     margin-left: 0px;
 }
 
 .footer-t-c .logo-titr-link a {
     background-color: #333333;
 }
 
 .footer-t-c .logo-titr-link a:hover {
     background-color: #e4000a;
 }
 
 .footer-b a {
     margin-right: 10px;
     transition: .5s;
     -moz-transition: .5s;
     -webkit-transition: .5s;
     -o-transition: .5s;
 }
 
 .footer-b {
     overflow: hidden;
 }
 
 .footer-b a:last-of-type {
     margin-right: 0px;
 }
 
 .footer-b a p {
     font-size: 16px;
     color: #666666;
 }
 
 .footer-t-b ul li:hover {
     transform: translateX(5px);
 }
 
 .footer-b a:hover {
     transform: translateX(5px);
 }
 /* .fwzc-ul {
  margin-left: 100px;
  margin-right: 100px;
} */
 
 .footer-b-l a {
     font-size: 14px;
     color: #515c6b;
 }
 
 .footer-b-r {
     font-size: 14px; color:#768498

 }
 
 /*页面容器-- 灰底*/
  .maxin_box {
     padding-top: 80px;
     padding-bottom: 80px; width:100%
    
 }
 .gray_bg{ background: #f5f5f5;}

 
.block_box{width:1400px; margin:0px auto; }
.block_box .title{width:100%; font-size:55px; line-height:80px; color:#393939; padding-bottom:20px; }
.block_box .text{width:100%; font-size:18px; line-height:30px; color:#555454}
 /*数据统计*/
.index_data{ width:100%; margin:0px auto; padding-top:40px; padding-bottom:40px; clear:both}
.index_data li{ width:25%; list-style:none; float:left; text-align:center}
.index_data li span{ font-size:50px; font-weight:bold; color:#393939; display:block; width:100%; line-height:80px;}
.index_data li p{ font-size:18px; color:#393939; display:block; width:100%; }
/*留言*/
.form-group{
	width: 50%;
	float: left;
	margin-bottom: 30px;
}
.form-group input{
	width:90%; box-sizing:border-box;	
	height: 40px;
	background: #fff;
	font-size: 14px;
	line-height: 30px;
	padding:4px 20px;
	border:1px solid #dedede;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.form-group textarea{
	width: 90%;
	height: 100px;
	background: #fff;
	font-size: 14px;
	line-height: 30px;
	padding:4px 20px;
	border:1px solid #dedede;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.form-btn{
	width: 95%; float:left;
	height: 48px; line-height:48px;
	border:1px solid #dedede;
	background:#fff;
	font-size: 16px;
	text-align: center;

	cursor: pointer;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s; 
}
.form-group input:focus,
.form-group textarea:focus,
.btn-submit:hover{
	border-color: #ff6600;
}
.form-btn:hover{
 background:#ff6600; color:#FFFFFF
}
 .spinner{position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);text-align:center;font-size:10px;width:60px;height:80px; line-height:30px; display:none; z-index:10005; color:#FFFFFF; text-align:center}.spinner>div{background-color:#ff5722;height:60px;width:6px;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out;margin:0 2px}.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}

@-webkit-keyframes stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes stretchdelay{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}
 .pop_mask{background-color:#666;left:0;top:0;width:100%;height:100%;position:fixed;_position:absolute;z-index:10000;opacity:0.3;filter:alpha(opacity=30)\/\/0;_top:0;_left:0;display:none;}

  /*合作客户*/
  /*首页-合作客户*/
.sec-cooperation{background:#f6f6f6;padding-bottom: 20px;position: relative;z-index: 2;}
.cooperation-box{position: relative;margin-top: 46px;}
.cooperation-box .coop-list ul{margin-left: -20px;}
.cooperation-box .coop-list li{
	float: left;
	width: 264px;
	
	margin-left: 20px;
	margin-bottom: 10px;
}
.cooperation-box .coop-list li a{
	display: block;
	width: 100%;
	height: 100%;
	border:1px solid #e2e2e2;
	background:#fff;
	overflow: hidden;
}
.cooperation-box .coop-list li img{
	width: 100%;
	height: 100%;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.cooperation-box .coop-list li:hover img{
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}
.cooperation-box .coop-hd{
	width:100%;
	margin-top: 70px;
	font-size: 0;
}
.slide-page{
	text-align: center;
}
.slide-page li{
	display: inline-block;
	width:54px;
	height:6px;
	border-radius:3px;
	background:rgba(51,51,51,.3);
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	margin:0 10px;
	text-indent: -9999px;
	cursor: pointer;
}
.slide-page li.on{background:#ff6600;}
@media (max-width: 1430px){
	.cooperation-box .coop-list li{
		width: 224px;
		height: 126px;
	}
}

@charset "UTF-8";
    /*合作客户 end*/
    /*首页 应用案例 图片列表*/
	
.item_list{ width:100%; float:left; margin-top:30px;}
.item_list li{ list-style:none; float:left; width:22.4%; margin-right:2.1%; margin-bottom:40px; height:230px; overflow:hidden}
.item_list li:last-of-type { margin-right: 0;}
.item_list li .pic{ width:100%; height:180px;   box-sizing:border-box; overflow:hidden}
.item_list li .pic img{ width:100%; }
.item_list li .title{ margin:0px auto; height:40px;  font-size:18px; line-height:40px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color: #555454; width:100%; text-align:center}


.item_list li img{

	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.item_list li:hover img{
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}


  /*合作客户 end*/
	
	.brand_list{ width:1440px; margin:0px auto; margin-top:20px;;}
.brand_list li{ margin:10px;  width:264px;  max-height:160px;  border:1px solid #dedede; float:left; list-style:none;overflow:hidden; border-radius:4px; background:#fff}
.brand_list li img{ width:100%; 	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;border-radius:4px;
}
.brand_list li:hover img{
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}

/*企业文化*/

 .wh-cona-box {
     margin-top: 90px;
 }
 
 .wh-cona-box ul {
     overflow: hidden;
 }
 
 .wh-cona-box li {
     width: 23%;
     margin-right: 2.6%;
     height: 360px;
     float: left;
     text-align: center;
     box-sizing: border-box;
     padding-left: 50px;
     padding-right: 50px;
     padding-top: 65px;
     border: 1px solid #dddddd;
     border-radius: 8px;
     background: #fafafa;
     transition: .3s;
 }
 
 .wh-cona-box li:last-of-type {
     margin-right: 0;
 }
 
 .wh-cona-box li p {
     font-size: 24px;
     color: #1d2736;
     margin-top: 35px;
     font-weight: bold;
 }
 
 .wh-cona-box li i {
     display: block;
     background: #0b74f1;
     height: 2px;
     width: 40px;
     margin-top: 25px;
     margin-bottom: 25px;
     margin-left: auto;
     margin-right: auto;
 }
 
 .wh-cona-box li h3 {
     font-size: 16px;
     color: #1d2736;
 }
 
 .culture1 {
     width: 93px;
     height: 88px;
     background: url(/img/culture1.png) no-repeat center;
     transition: .3s;
 }
 
 .culture2 {
     width: 89px;
     height: 86px;
     background: url(/img/culture2.png) no-repeat center;
     transition: .3s;
 }
 
 .culture3 {
     width: 95px;
     height: 88px;
     background: url(/img/culture3.png) no-repeat center;
     transition: .3s;
 }
 
 .culture4 {
     width: 85px;
     height: 87px;
     background: url(/img/culture4.png) no-repeat center;
     transition: .3s;
 }
 
 .wh-cona-box li:hover {
     background: #0b74f1;
 }
 
 .wh-cona-box li:hover h3,
 .wh-cona-box li:hover p {
     color: #fff;
 }
 
 .wh-cona-box li:hover i {
     background: #fff;
 }
 
 .wh-cona-box li:hover .culture1 {
     background: url(/img/culture10.png) no-repeat center;
 }
 
 .wh-cona-box li:hover .culture2 {
     background: url(/img/culture20.png) no-repeat center;
 }
 
 .wh-cona-box li:hover .culture3 {
     background: url(/img/culture30.png) no-repeat center;
 }
 
 .wh-cona-box li:hover .culture4 {
     background: url(/img/culture40.png) no-repeat center;
 }
 
 .wh-conb {
     padding-top: 85px;
     padding-bottom: 145px;
     background: #f5f5f5;
 }
 
 .wh-conb-box li {
     overflow: hidden;
 }
 
 .wh-conb-box-l {
     width: 50%;
 }
 
 .wh-conb-box-r {
     width: 50%;
 }
 
 .wh-conb-box-r img {
     display: inline-block;
     width: 355px;
     height: 245px;
 }
 
 .wh-conb-box-r img:first-child {
     margin-bottom: 10px;
 }
 
 .wh-conb-box-r img:nth-of-type(2) {
     margin-bottom: 10px;
 }
 
 .wh-conb-box {
     margin-top: 90px !important;
 }
 
 .qywh-qh-bth-box {
     top: 58%;
 }
/*企业文化END*/