/* CSS Document */


/*-- okl-index --*/
.okl-top-ad{ width:100%; height:76px;}
.okl-top-ad a{ width:100%; height:100%;}
.okl-top-ad a img{ width:100%; height:100%;}
.okl-head{ width:100%; height:auto;}
.okl-head .top{ width:100%; height:36px; background-color:#f3f3f3; line-height:36px; color:#666; font-size:12px;}
.okl-head .top .top-link a{ color:#666; margin:0 8px;}
.okl-head .top .top-link a:last-child{ margin-right:0;}
.okl-head .top .top-link a:hover{ color:#2451a2;}
.okl-head .logo-tel{ width:100%; height:72px; padding:30px 0;}
.okl-head .logo-tel .logo a img{}
.okl-head .logo-tel .tel span{ display:block; overflow:hidden; text-align:right;}
.okl-head .logo-tel .tel .chk-lang a{ height:20px; line-height:20px; font-size:14px; color:#666;}
.okl-head .logo-tel .tel .chk-lang a img{ height:20px; margin-right:4px; float:left;}
.okl-head .logo-tel .tel .chk-lang a:first-child{ margin-right:12px;}
.okl-head .logo-tel .tel .tel-con b:last-child{ padding:4px 0; margin-left:10px; float:right}
.okl-head .logo-tel .tel .tel-con b em{ font-size:18px; color:#2451a2; line-height:22px; display:block;}
.okl-head .logo-tel .tel .tel-con b em i{ font-weight:bold;}
.okl-nav{ width:100%; height:50px; background-color:#2451a2;}
.okl-nav .mid{ overflow:visible;}
.okl-nav ul{ height:50px;}
.okl-nav ul li{ height:50px; width:109px; float:left; text-align:center; position:relative;}
@media (max-width: 980px){
	.okl-nav ul li{
		width:85px;
	}
}
.okl-nav ul li .navlink{ width:100%; height:100%; line-height:50px; font-size:16px; color:#fff; font-weight: 700;}
.okl-nav ul li .navlink:hover,.okl-nav ul li.navact .navlink{ background-color:#63b966;}
.okl-nav ul li .nav-drop{ width:100%; height:auto; position:absolute; top:50px; left:0; z-index:99;background-color: rgba(255,255,255,0.6); display: none;}
.okl-nav ul li .nav-drop .ghost{width:100%; height:auto;background-color: rgba(255,255,255,0.6);}
.okl-nav ul li .nav-drop .ghost .ghost_o{display: none;}
.ghost_g{display: none;}
.okl-nav ul li:nth-child(3) .nav-drop,.okl-nav ul li:nth-child(5) .nav-drop{
	width:160%;
	padding-left: 26%;
	text-align: left;
}


.okl-nav ul li .nav-drop a{ width:100%; padding: 12px 0px; font-size:14px; color:#333; float:left;}
.okl-nav ul li .nav-drop a:hover{ color:#63b966;}
.okl-banner{ width:100%; height:560px; position:relative; overflow:hidden;}
.banimg-con{ width:9600px; height:100%; overflow:hidden;position:relative;left:0;top:0}
.banimg-con img{ width:1920px; height:100%; float:left;}
.bandot-con{ width:100%; height:auto; position:absolute; left:0; bottom:20px; z-index:2; text-align:center;}
.bandot-con span{ width:14px; height:14px; border-radius:100%; background-color:#8e98a3; margin:0 6px; cursor:pointer;}
.bandot-con .actdot{ background-color:#fff;}
.banarw-con{ width:100%; height:60px; position:absolute; left:0; top:250px;}
.banarw-con span{ width:40px; height:60px; cursor:pointer;}
.banarw-con .arowleft{ background:url(../image/banarow-le.png) center center no-repeat; margin-left:10%; float:left;}
.banarw-con .arowright{ background:url(../image/banarow-ri.png) center center no-repeat; margin-right:10%; float:right;}

.okl-fourmods{ width:100%; height:auto; padding-top:0.8%;}
.okl-fourmods ul{ overflow:hidden;}
.okl-fourmods ul li{ width:24%; float:left; position:relative; margin-left:0.8%;}
.okl-fourmods ul li span{ width:100%;}
.okl-fourmods ul li span img{width:100%;  }
.okl-fourmods ul li em{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); text-align:center; color:#fff; line-height:30px;}
.okl-fourmods ul li em b{ font-size:18px; font-weight:bold; display:block; margin-top:18%;}
.okl-fourmods ul li em b a{ color: #fff; font-weight: bold;}
.okl-fourmods ul li em i{ font-size:16px;}
.okl-codwat-mashine{ width:100%; height:816px; background:url(../image/mashtype-bj.png) center center no-repeat;}
.okl-codwat-mashine h3{ font-size:36px; color:#333; font-weight:bold; text-align:center; margin-top:60px;}
.codwat-mashine-type{ width:100%; margin:50px 0 30px; text-align:center;}
.codwat-mashine-type a{ 
/*	width:118px;*/
	padding: 0px 10px;
	
	height:40px; background-color:#7f7f7f; font-size:16px; color:#fff; line-height:40px; margin-left:12px; border-radius:2px;}
.codwat-mashine-type a:hover,.codwat-mashine-type a.codwat-mshtitact{ background-color:#63b966;}
.codwat-mashine-cont{ width:100%;}
.codwat-mashine-cont ul{ overflow:hidden;}
.codwat-mashine-cont ul li{ display:none; position:relative;}
.codwat-mashine-cont ul li:first-child{ display:block;}
.mash-type1-titimg{ width:100%; text-align:center; margin-top:20px;}
.mash-type1-con{ width:100%; margin-top:60px; overflow:hidden;}
.mash-type1-con .fl img{ width:100%; margin-top:20px;}

.mash-type1-con .fr b{ font-size:36px; display:block; font-weight:bold; color:#2451a2; position:relative;}
.mash-type1-con .fr b em{ color:#63b966; font-weight:bold;}
.mash-type1-con .fr b:after{ content:""; position:absolute; left:0; bottom:-18px; width:80px; height:3px; background-color:#63b966;}







.mash-type1-con .fr p{ font-size:14px; color:#666; line-height:24px; margin-top:40px;}
.mash-type1-con .fr .performa{ overflow:hidden; margin-top:24px;}
.mash-type1-con .fr .performa span{ width:70px; float:left; margin-right:14px; text-align:center;}
.mash-type1-con .fr .performa span img{ width:100%; max-height:70px;}
.mash-type1-con .fr .performa span em{ font-size:14px; color:#666; display:block; margin-top:10px;}
.mash-type2-img{ width:100%; text-align:center;}
.mash-type2-img img{ margin-left:-100px;}
.mash-type2-txt{ position:absolute; max-width:270px;}
.mash-type2-txt span{ display:block; margin-bottom:16px; font-size:24px; color:#333;}
.mash-type2-txt span b{ width:44px; height:44px; font-weight:bold; font-size:30px; color:#fff; background-color:#63b966; text-align:center;}
.mash-type2-txt span em{ font-size:30px; color:#63b966; padding:0 6px;}
.mash-type2-txt p{ font-size:14px; color:#666; line-height:24px;}
.codwat-mashine-cont ul li .txt1{ right:140px; top:120px;}
.codwat-mashine-cont ul li .txt2{ right:50px; bottom:10px;}
.codwat-mashine-cont ul li .txt3{ left:110px; bottom:185px;}

.okl-honor{ width:100%; height:auto;}
.honor-up{ width:100%; height:126px; background-color:#2451a2; position:relative;}
.honor-up-label{ width:148px; height:136px; border:3px solid #63b966; position:absolute; top:-54px; z-index:5;}
.honor-up-label b{ font-size:24px; color:#333; font-weight:bold; display:block; position:relative; text-align:center; margin:20px 0 30px;}
.honor-up-label b:after{ content:""; position:absolute; width:40px; height:4px; left:14px; bottom:-16px; background-color:#63b966;}
.honor-up-label span{ font-size:14px; color:#fff; line-height:20px; padding-left:14px;}
.honor-up-cont{ float:right; margin-top:37px;}
.honor-up-cont ul{ overflow:hidden;}
.honor-up-cont ul li{ float:left; margin-left:132px; color:#fff;}
@media (max-width: 980px){
	.honor-up-cont ul li{
		margin-left: 90px;
	}
}
.honor-up-cont ul li span{ display:block; font-size:16px; line-height:26px; padding-left:26px; background:url(../image/xing.png) left center no-repeat;}
.honor-up-cont ul li em{ height:52px; margin-left:12px; vertical-align:top;}
.honor-up-cont ul li em img{ width:100%; height:100%;}
.honor-up-cont ul li em i{ font-size:18px; line-height:24px;}
.honor-up-cont ul li em b{ font-size:24px; font-weight:bold; display:block; line-height:28px;}

.honor-down{ width:100%; height:260px; position:relative;}
.honor-down ul{ overflow:hidden; margin-top:50px; height:160px; width:1400px;}
.honor-down ul li{ width:200px; height:160px; float:left; text-align:center;}
.honor-down ul li img{ max-height:130px;}
.honor-down ul li em{ font-size:14px; color:#666; display:block; line-height:20px; margin-top:10px;}
.honor-down span{ display:block; position:absolute; top:62px; cursor:pointer;}
.honor-down span.honor-prev{ left:14%;}
.honor-down span.honor-next{ right:14%;}

@media (max-width: 980px){
.honor-down span.honor-prev{ left:2%;}
.honor-down span.honor-next{ right:2%;}
}

.okl-brand-intro{ width:100%; height:auto; background:url(../image/dynamic-bj.png); padding-bottom:70px;}
.okl-brand-intro h3{ font-size:36px; color:#333; font-weight:bold; text-align:center; margin-top:60px;}
.brand-intro-up{ width:100%; margin-top:50px; overflow:hidden;}
.brand-intro-up .txt{ width:60%;}
.brand-intro-up .txt span{ font-size:24px; color:#333; line-height:30px;}
.brand-intro-up .txt p{ font-size:16px; color:#666; margin-top:20px; line-height:30px;}
.brand-intro-up .video-cont{ width:36%;}
.brand-intro-up .video-cont .more{ width:34%; height:180px; border:10px solid #e3e3e3; border-right:none;}
.brand-intro-up .video-cont .more span{ width:100%; height:88px; background:url(../image/dynamic-bj.png); margin:46px 0 0 -10px;}
.brand-intro-up .video-cont .more span a{ width:86%; height:40px; border:1px solid #cfcfcf; margin-top:24px; font-size:14px; color:#63b966; line-height:40px; text-align:center;}
.brand-intro-up .video-cont .vid{ width:62%;}
.brand-intro-up .video-cont .vid video{ width:100%; height:200px; object-fit: fill;}
.brand-intro-down{ width:100%; margin-top:50px; overflow:hidden;}
.brand-intro-down .imgcont{ width:27%; height:220px; position:relative;}
.brand-intro-down .imgcont span{ width:100%; height:100%;}
.brand-intro-down .imgcont span img{ width:100%; height:100%; display:none;}
.brand-intro-down .imgcont span img:first-child{ display:block;}
.brand-intro-down .imgcont em{ position:absolute; right:0; bottom:0;}
.brand-intro-down .imgcont em i{ 
/*	width:40px;*/
	padding:0px 8px;
	height:20px; background-color:rgba(0,0,0,0.5); font-size:12px; color:#fff; text-align:center; line-height:20px; cursor:pointer;}
.brand-intro-down .imgcont em i.fiact{ background-color:#2451a2;}
.brand-intro-down .brand-type-cont{ width:73%;}
.brand-intro-down .brand-type-cont ul{ overflow:hidden;}
.brand-intro-down .brand-type-cont ul li{ width:132px; height:220px; float:left; margin-left:14px;}
.brand-intro-down .brand-type-cont ul li a{ width:100%; height:100%; background:#fff url(../image/brand-type-icon.png) no-repeat; transition:ease-in-out 0.3s;}
.brand-intro-down .brand-type-cont ul li a span{ font-size:18px; display:block; text-align:center; line-height:22px; margin-top:154px;}
.brand-intro-down .brand-type-cont ul li a:hover{ background:#63b966 url(../image/brand-type-icon-hover.png) no-repeat;}
.brand-intro-down .brand-type-cont ul li a:hover span{ color:#fff; transition:ease-in-out 0.3s;}
.brand-intro-down .brand-type-cont ul li:first-child a{ background-position:0 40px;}
.brand-intro-down .brand-type-cont ul li:nth-child(2) a{ background-position:-132px 40px;}
.brand-intro-down .brand-type-cont ul li:nth-child(3) a{ background-position:-264px 40px;}
.brand-intro-down .brand-type-cont ul li:nth-child(4) a{ background-position:-396px 40px;}
.brand-intro-down .brand-type-cont ul li:nth-child(5) a{ background-position:-528px 40px;}
.brand-intro-down .brand-type-cont ul li:last-child a{ background-position:-660px 40px;}

.okl-brand-ad{ width:100%; height:218px; background:url(../image/brand-ad-bj.png) center center no-repeat; color:#fff;}
.brand-ad-left{ margin-top:52px;}
.brand-ad-left span{ font-size:24px; font-weight:bold; line-height:30px; display:block; margin-bottom:30px;}
.brand-ad-left img{ width:100%; height:100%;}
.brand-ad-right{ margin-top:70px; text-align:right;}
.brand-ad-right span{ font-size:16px; font-weight:bold; margin-bottom:24px; display:block; line-height:20px;}
.brand-ad-right img{ width:100%; height:100%; max-width:500px;}
.okl-pro-charact{ width:100%; height:340px; background:url(../image/pro-charact-bj.png) center center no-repeat;}
.okl-pro-charact ul{ overflow:hidden; margin-top:93px;}
.okl-pro-charact ul li{ width:20%; height:auto; float:left; text-align:center;}
.okl-pro-charact ul li img{ width:100%; height:auto; max-width:96px;}
.okl-pro-charact ul li span{ font-size:30px; color:#2451a2; display:block; line-height:36px; margin-top:30px;}

.okl-pro-intro{ width:100%; height:auto; background:url(../image/pro-intro-bj.png) center bottom no-repeat;}
.okl-pro-intro h3{ font-size:36px; color:#333; margin:60px 0 20px; text-align:center; font-weight:bold;}
.ind-pro-type{ width:100%;}
.ind-pro-type ul{ overflow:hidden;}
.ind-pro-type ul li{ 
	min-width:178px;
	
	height:48px; float:left; line-height:48px; font-size:16px; color:#666; border:1px solid #bebebe; margin-left:24px; text-align:center; margin-top:24px; border-radius:2px; cursor:pointer;}

@media (max-width: 980px){
	.ind-pro-type ul li{ 
		width: 18%;
		margin-left: 0px;
		margin-right: 1%;
	}
	.ind-pro-type ul{
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;

	}
}

.ind-pro-type ul li:nth-child(6n-5){ margin-left:0;}
.ind-pro-type ul li:hover,.ind-pro-type ul li.protype-act{line-height:50px; background-color:#63b966; color:#fff; border:none;}
.pro-intro-listcon{ width:100%; margin-top:50px;}
.pro-intro-listcon ul{ overflow:hidden;}
.pro-intro-listcon ul li{ width:100%; height:auto; min-height:500px; display:none;}
.pro-intro-listcon ul li.intro-actpro{ display:block;}
.pro-intro-listcon ul li .intro-txt{ width:48%; font-size:14px; color:#666;}
.pro-intro-listcon ul li .intro-txt b{ font-size:24px; color:#333; display:block; margin-bottom:20px;}
.pro-intro-listcon ul li .intro-txt.f1>p{ line-height:30px; height: 270px; }
.iptjjs{ line-height:30px; height: 270px; overflow: hidden; margin-bottom: 30px;}
.pro-intro-listcon ul li .intro-txt span{ display:block; border:1px solid #dcdcdc; padding:8px 0 8px 12px; margin:30px 0;}
.pro-intro-listcon ul li .intro-txt span i{ font-weight:bold; margin-right:80px;}
.pro-intro-listcon ul li .intro-txt a{ width:90px; height:32px; background-color:#63b966; color:#fff; line-height:32px; text-align:center; font-weight:bold;}
.intro-pro-pic{ padding:60px 0;}
.intro-pro-pic img{ width:100%; height:100%;}
.okl-coopera-custom{ width:100%; height:230px; background-color:#2451a2; position:relative;}
@media (max-width: 980px){
.okl-coopera-custom{  height:330px;}
}

.copcus-label{ width:148px; height:148px; border:3px solid #63b966; position:absolute; top:-54px; z-index:6;}
.copcus-label b{ font-size:24px; color:#333; font-weight:bold; display:block; position:relative; padding-left:20px; margin-top:20px;}
.copcus-label b:after{ content:""; position:absolute; width:40px; height:4px; left:20px; bottom:-16px; background-color:#63b966;}
.copcus-label span{ display:block; text-align:right; margin-top:48px;}
.copcus-label span em{ width:36px; height:30px; background-color:#2d3036; margin-right:8px; text-align:center;}
.copcus-label span em img{ width:10px; height:18px; margin-top:6px;}
.copcus-label span em:hover{ background-color:#63b966; cursor:pointer;}
.custom-con{ width:84%; float:right;}
.custom-con ul{ overflow:hidden;}
.custom-con ul li{ width:180px; height:76px; float:left; margin-left:20px; margin-top:26px; position:relative;}
.custom-con ul li img{ width:100%; height:100%;}
.custom-con ul li span{ position:absolute; width:100%; height:100%; background-color:rgba(99,185,102,0); color:#fff; text-align:center; font-size:16px; left:0; top:0; z-index:4; display:table; transition:ease-in-out 0.3s;}
.custom-con ul li span i{ display:table-cell; vertical-align:middle; padding:0 12px; line-height:20px; opacity:0;}
.custom-con ul li span:hover{ background-color:rgba(99,185,102,0.9);}
.custom-con ul li span:hover i{ opacity:1; transition:ease-in-out 0.3s;}
.okl-benchmark{ width:100%; height:778px; background:url(../image/benchmark-bj.png) center center no-repeat;}
.okl-benchmark h3{ font-size:36px; color:#fff; margin-top:60px; text-align:center;}
.okl-benchmark ul{ overflow:hidden;}
.okl-benchmark ul li{ width:26%; height:auto; min-height:270px; float:left; text-align:center; margin-top:50px;}
.okl-benchmark ul li:nth-child(3n-2){ width:26%!important}
.okl-benchmark ul li:nth-child(3n-1){ width:28%!important; padding:0 10%;}
.okl-benchmark ul li img{ width:92px; height:80px;}
.okl-benchmark ul li span{ display:block; font-size:24px; color:#fff; line-height:30px; margin:28px 0 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.okl-benchmark ul li em{ font-size:14px; color:#999; line-height:24px; height: 120px; overflow: hidden;}
.okl-mid-ad{ width:100%; height:218px;}
.okl-mid-ad img{ width:100%; height:100%;}
@media (max-width: 980px){
.okl-mid-ad img{  height:auto;}
	.okl-mid-ad{  height:auto;}
}
.okl-fact-show{ width:100%; height:auto; padding-bottom:80px; background-color:#edf8fe;}
.okl-fact-show h3{ font-size:36px; color:#333; margin:60px 0 50px 0; font-weight:bold; text-align:center;}
.okl-fact-show .fact-cont{ overflow:hidden;}
.fact-con-le{ width:690px;}
.fct-bigimg-con{ width:100%; height:326px; overflow:hidden;}
.fct-bigimg-con ul{ overflow:hidden;}
.fct-bigimg-con ul li{ display:none;}
.fct-bigimg-con ul li.bigimg-active{ display:block;}
.fct-smimg-con{ width:100%; height:70px; margin-top:18px;}
.fct-smimg-con span{ display:block; width:20px; height:70px; background-color:#2d3036; text-align:center; cursor:pointer;}
.fct-smimg-con span img{ width:10px; height:18px; margin-top:26px;}
.fct-smimg-con span:hover{ background-color:#63b966;}
.fct-smimg-con ul{ width:650px; height:70px; float:left; overflow:hidden;}
.fct-smimg-con ul li{ width:150px; height:100%; float:left; margin-left:10px; cursor:pointer;}
.fct-smimg-con ul li img{ width:100%; height:100%;}
.fact-con-ri{ width:464px; color:#333;}
.fact-con-ri h5{ font-size:24px; line-height:30px; margin-bottom:20px;}
.fact-con-ri p{ font-size:14px; line-height:30px; text-align:justify;}
.fact-con-ri p b{ font-weight:bold; color:#2451a2;}
.fact-con-ri p.font16{ font-size:16px;}
.fact-con-ri p em{ color:#2451a2;}
.fact-con-ri h6{ font-size:18px; font-weight:bold; margin-bottom:18px;}
.okl-advan-show{ width:100%; height:350px; background:url(../image/advan-show-bj.png) center center no-repeat;}
@media (max-width: 980px){
	.okl-advan-show > div > ul > li > a{
		width:250px;
	}
}
.okl-advan-show ul{ overflow:hidden;}
.okl-advan-show ul li{ width:33.33%; float:left; height:120px; margin-top:115px; text-align:center;}
.okl-advan-show ul li img{ width:52px; height:46px; vertical-align:top; margin-top:37px;}
.okl-advan-show ul li span{ margin-left:18px; color:#fff; text-align:left; margin-top:37px;display: block;}
.okl-advan-show ul li span b{ font-size:16px; font-weight:bold; display:block; line-height:24px;}
.okl-advan-show ul li span em{ font-size:14px; line-height:22px; width: 280px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.okl-index-news{ width:100%; height:auto; background:url(../image/dynamic-bj.png);}
.okl-index-news h3{ font-size:36px; color:#333; font-weight:bold; text-align:center; margin-top:60px;}
.okl-index-news .ind-news-tit{ margin-top:40px; text-align:center;}
.ind-news-tit a{ width:120px; height:40px; background-color:#7f7f7f; border-radius:2px; color:#fff; font-size:16px; line-height:40px; margin-right:10px;}
.ind-news-tit .news-tactive{ background-color:#63b966;}



.okl-index-news .ind-news-cont{ margin-top:40px;}
.ind-news-cont ul{ overflow:hidden;}
.ind-news-cont ul li{ display:none;}
.ind-news-cont ul li:first-child{ display:block;}
.ind-news-cont ul li .newslists-cont{ width:100%; overflow:hidden;}
.newslists-cont .newslists{ float:left; height:220px; margin-right:1%; margin-bottom:1%;}
.newslists-cont .newslists:nth-child(even){ margin-right:0;}
.newslists-cont .newslists span{ width:48%; height:100%; background: #fff; text-align: center;}
.newslists-cont .newslists span img{ max-width:100%; max-height:100%;  vertical-align: middle;}
.newslists-cont .newslists a{ width:46%; height:100%; padding:0 3%; background-color:#fff;}
.newslists-cont .newslists a i{ font-size:16px; color:#999; line-height:20px; margin-top:30px;}
.newslists-cont .newslists a b{ display:block; font-size:18px; color:#333; font-weight:bold; line-height:30px; margin:12px 0;}
.newslists-cont .newslists a em{ font-size:14px; color:#666; line-height:20px; height:80px; }
.newslists-cont .newslists:hover .newstxt-con{ background-color:#e6e6e6!important;}
.newslists-cont .newslists:hover .newstxt-con b{ color:#63b966;}

.ind-news-morebtn{ width:100%; margin:20px 0 60px 0; text-align:center;}
.ind-news-morebtn a{ width:48px; height:48px; border-radius:100%; background:url(../image/btn-icon-more.png) center center no-repeat; margin-top: 50px;}
.okl-foot{ width:100%; height:auto; background-color:#122a54; font-size:14px; color:#cddefc;}
.foot-cont{ padding:50px 0; overflow:hidden;}
.foot-cont .fl h5{ font-size:18px; color:#fff; margin-bottom:16px;}
.foot-cont .fl p{ font-size:14px; line-height:32px;}
.foot-cont .fl p a{ color:#cddefc;}
.foot-cont .fl p a:hover{ text-decoration:underline;}
.foot-cont .fl .brand-show{ margin:12px 0; overflow:hidden;}
.foot-cont .fl .brand-show a{ float:left; margin-right:10px;}
.foot-cont .fl .brand-show a img{ width:100%; height:100%;}
.foot-cont .fl .friend-link{ overflow:hidden; margin-top:30px; line-height:20px;}
.foot-cont .fl .friend-link a{ color:#cddefc; margin-right:10px;}
.foot-cont .fl .friend-link a:hover{ color:#fff;}
.foot-cont .fr{ text-align:right;}
.foot-cont .fr .footlogo{ margin-bottom:36px;}
.foot-cont .fr .foot-code{ overflow:hidden;}
.foot-cont .fr .foot-code span{ width:156px; height:auto; text-align:center; float:right;}
.foot-cont .fr .foot-code span:first-child{ margin-left:50px;}
.foot-cont .fr .foot-code span img{ width:100%; height:100%; display:block;}
.foot-cont .fr .foot-code span i{ margin-top:8px; color:#fff; line-height:20px;}
.foot-copright{ width:100%; height:auto; padding:24px 0; border-top:1px solid #717f98; text-align:center;}


/*-- okl-aboutus --*/
.vice-banner{ width:100%;}
.vice-banner img{ width:100%; height:520px;}
.abt-container{ width:100%; height:auto;}
.abt-con-tit{ margin-top:20px; width:100%; overflow:hidden;}
.abt-con-tit ul{ float:left;}
.abt-con-tit ul li{ float:left; padding-bottom:24px; margin-left:18px;}
.abt-con-tit ul li a{ width:128px; height:48px; border:1px solid #dbdbdb; border-radius:2px; position:relative; font-size:16px; color:#63b966; text-align:center; line-height:48px;}
.abt-con-tit ul li:first-child{ margin-left:0;}
.abt-con-tit ul li a:hover,.abt-con-tit ul li.abt-typeact a{ width:128px; height:50px; line-height:50px; background-color:#63b966; color:#fff; border:none;}
.abt-con-tit ul li.abt-typeact a:after{ content:""; position:absolute; left:47%; bottom:-5px; width:10px; height:10px; transform:rotate(45deg); background-color:#63b966;}
.abt-con-txt{ margin-top:60px;}
.abt-con-txt ul{ overflow:hidden;}
.abt-con-txt ul li{ width:100%; height:auto; 
/*	min-height:800px; */
}
.abt-con-txt ul li.abt-txtactive{ display:block;}
.smh6-tit{ font-size:24px; text-align:center; line-height:30px; position:relative; padding-bottom:20px; font-weight:400;}
.smh6-tit:after{ content:""; position:absolute; left:50%; margin-left:-30px; bottom:6px; width:60px; height:3px; background-color:#63b966;}
/*.abt-con-txt ul li p{ font-size:14px; color:#666; line-height:30px; text-indent:28px; text-align:justify; margin-top:30px;}*/
.abt-con-txt ul li p img{ margin:0 auto!important; display:block!important;}
.abt-prt-abilit{ width:100%; margin-top:50px;}
.abt-prt-abilit .title{ width:100%; height:60px; border-bottom:1px solid #dbdbdb;}
.abt-prt-abilit .title b{ font-size:24px; line-height:58px; color:#2451a2; border-bottom:3px solid #2451a2; float:left;}
.abt-prt-abilit .title a{ float:right; color:#fff; background-color:#63b966; padding:0 10px; line-height:30px; margin-top:15px; font-size:14px;}
.abt-prt-abilit .imgcot{ width:100%; margin-top:20px;}
.abt-prt-abilit .imgcot ul{ height:198px; overflow:hidden;}
.abt-prt-abilit .imgcot ul li{ width:288px; height:198px; float:left; margin-left:16px; text-align:center;}
.shilidiv{ width:288px; height:198px; float:left; margin-left:16px; text-align:center;}
.shilidiv img{
	max-width: 100%;
}




@media (max-width: 980px){
	.abt-prt-abilit .imgcot ul li{
		width:23%;
	}
	.shilidiv{
/*		width:23%;*/
	}
	
}
.abt-prt-abilit .imgcot ul li:first-child{ margin-left:0;}
.abt-prt-abilit .imgcot ul li img{ width:100%; max-height:168px;}
@media (max-width: 980px){

}
.abt-prt-abilit .imgcot ul li span{ font-size:16px; color:#666; margin-top:10px; line-height:20px;}
.abt-refrigerat-knodge{ width:100%; margin-top:50px; padding-bottom:50px; background:url(../image/dynamic-bj.png);}
.abt-refrigerat-knodge h6{ font-size:24px; text-align:center; color:#333; padding:36px 0;}
.abt-refrigerat-knodge ul{ overflow:hidden;}
.abt-refrigerat-knodge ul li{ width:346px; height:auto; min-height:160px; padding:30px 20px; margin-left:18px; float:left; border:1px solid #dbdbdb; background-color:#fff;}
@media (max-width: 980px){
	.abt-refrigerat-knodge ul li{
		width:27%;
	}
}
.abt-refrigerat-knodge ul li:first-child{ margin-left:0;}
.abt-refrigerat-knodge ul li b,.abt-refrigerat-knodge ul li strong{ font-size:20px; color:#333; line-height:30px; display:block; margin-bottom:10px;}
.abt-refrigerat-knodge ul li a{ font-size:14px; color:#666; line-height:30px; padding-right:12px;}
.abt-refrigerat-knodge ul li a:hover{ color:#2451a2; text-decoration:underline;}



/*--  global-invest  --*/
.glvinvst-contain{ padding-top:30px; width:100%;}
.glvnst-img{ width:100%; height:auto; margin-top:40px;}
.glvnst-img img{ width:100%; height:100%;}
.glvnst-txt{ padding:40px; border:2px solid #63b966; margin-top:80px; position:relative;}
.glvnst-txt h6{ width:200px; height:60px; font-size:30px; color:#63b966; text-align:center; line-height:60px; position:absolute; left:50%; margin-left:-100px; top:-36px; background-color:#fff;}
.glvnst-txt p{ font-size:14px; color:#666; line-height:36px;}
.glvnst-txt p span{ font-size:18px; line-height:36px;}
.glvnst-txt p b{ font-size:18px; font-weight:bold; color:#2451a2;}


/* newsinfo */
.vice-newsinfo-cont{ width:100%; margin-top:60px;}
.vice-newsinfo-cont .newslists-cont{ margin-top:40px; overflow:hidden;}
.vice-newsinfo-cont ul li:first-child{ display:block;}

/* pagelist*/
.pages,.page{ width:100%; height:32px; padding:20px 0; text-align:center;  font-size: 14px;}
.pages a,.page a,.page span{ width:30px; height:30px; border:1px solid #ccc; border-radius:100%; color:#999; margin-left:14px; font-size:14px; line-height:30px;}
.pages a:hover,.pages a.cur-pages,.page a:hover,.page span.current{ width:32px; height:32px; line-height:32px; border:none; background-color:#2451a2; color:#fff;}




/* contantus*/
.mapbox{ width:100%; height:450px; margin-top:30px;}
#okl-map{ width:100%; height:100%; font-size:14px; line-height:20px;}
.contantus-txt{ width:98%; margin-top:50px; color:#333; padding-left:2%;}
.contantus-txt h6{ font-size:24px;}
.contantus-txt p{ font-size:14px; margin-top:30px; line-height:30px;}

/* solve-plan*/
.solveplan-container{ width:100%; height:auto; background-color:#edf8fe; padding:50px 0;}
.sovplan-cont{ width:100%; height:auto; margin-top:20px;}
.sovplan-cont ul{ overflow:hidden;}
.sovplan-cont ul li{ width:288px; height:auto; float:left; margin-left:16px; margin-top:16px;}
.sovplan-cont ul li:nth-child(4n-3){ margin-left:0;}
.sovplan-cont ul li a{  text-align:center;}
.sovplan-cont ul li a img{ width:100%; max-height:206px;}
.sovplan-cont ul li a span{ width:100%; height:60px; line-height:60px; background-color:#2451a2; font-size:20px; color:#edf8fe; display:block;}
.sovplan-cont ul li a:hover span{ background-color:#63b966; transition:ease-in-out 0.3s;}

/* service-network*/
.service-network-cont{ width:100%; margin-top:30px;}
.service-network-cont table{ width:100%; height:auto; font-size:14px; color:#333; text-align:center; margin-bottom:20px;}
.service-network-cont table tr{ height:48px;}
.service-network-cont table tr th{ background-color:#2751a3; color:#fff;}
.service-network-cont table tr:nth-child(odd) td{ background-color:#f1f1f1;}
.service-network-cont table tr td a{ width:70px; height:30px; border:1px solid #dedede; line-height:30px; border-radius:4px; background-color:#fff; color: #333;}
.service-network-cont table tr td a:hover{ width:72px; height:32px; border:none; background-color:#63b966; line-height:32px; color:#fff;}


/* user-case */
.usercase-tit ul li:nth-child(7n-6){ margin-left:0!important;}
.usercase-cont{ width:100%;}
.usercase-cont ul{ overflow:hidden;}
.usercase-cont ul li{ width:100%; height:auto; overflow:hidden; }
.usercase-cont ul li.act-usercase{ display:block;}
.usercase-cont ul li .usercase-list{ width:286px; height:420px; border:1px solid #dbdbdb; margin-left:16px; float:left; margin-bottom:16px; text-align:center;}
@media (max-width: 980px){
	.usercase-cont ul li .usercase-list{
		width:222px;
	}
}
.usercase-cont ul li .usercase-list:nth-child(4n-3){ margin-left:0;}
.usercase-cont ul li .usercase-list span{ display:block; width:100%; height:220px;}
.usercase-cont ul li .usercase-list span img{ max-height:180px; margin-top:20px;}
.usercase-cont ul li .usercase-list b{ font-size:16px; color:#333; display:block; padding:0 14px; line-height:30px; margin-bottom:10px;}
.usercase-cont ul li .usercase-list em{ font-size:14px; color:#7f7f7f; line-height:20px; height:60px; padding:0 16px;}
.usercase-cont ul li .usercase-list a{ font-size:14px; color:#7f7f7f; width:118px; height:38px; border:1px solid #d6d6d6; border-radius:20px; line-height:38px; margin-top:30px;}
.usercase-cont ul li .usercase-list a:hover{ width:120px; height:40px; border:none; background-color:#63b966; color:#fff; line-height:40px;}


/* procenter*/
.procenter-contain{ width:100%; margin-top:20px;}
.centerleft{ /*width:24%;*/}
.proname-cont{ margin-top:16px;}
.proname-cont .title{ width:100%; height:100px; background-color:#2451a2; text-align:center;}
.proname-cont .title b{ font-size:24px; font-weight:bold; color:#fff; line-height:30px; margin-top:20px;}
.proname-cont .title em{ font-size:16px; line-height:30px; display:block; color:#92a8d1;}
.proname-cont .container{ border:1px solid #dbdbdb; border-top:none;}
.proname-cont .container dl{ border-bottom:1px solid #ededed; padding:12px;width:300px;}
.proname-cont .container dl dt{ margin-bottom:8px;    background-color: #2451a2;}
.proname-cont .container dl dt i{ width:20px; height:20px; border-radius:100%; background-color:#bfbfbf; color:#fff; line-height:20px; text-align:center; font-size:14px;}
.proname-cont .container dl dt a{ font-size:16px; color:#fff; line-height:20px; margin-left:10px;}
.proname-cont .container dl a:hover,.proname-cont .container dl a.activepro{ color:#63b966; text-decoration:underline;}
.proname-cont .container dl dd a{ line-height:30px; font-size:14px; color:#7f7f7f; margin-right:12px;}
.proname-cont .container dl:last-child{ border:none;}
.procontant-cont{border:1px solid #dbdbdb; border-bottom:none; margin-top:30px;}
.procontant-cont .contantlist{ /*border-bottom:1px solid #dbdbdb;*/ height:70px;}
.procontant-cont .contantlist span{ height:100%; color:#2451a2; vertical-align:top;}
.procontant-cont .contantlist span:first-child{ margin-left:30px; margin-right:10px;}
.procontant-cont .contantlist span img{ margin-top:10px;}
.procontant-cont .contantlist span b{ font-size:16px; font-weight:bold; display:block; margin-top:10px; line-height:24px;}
.procontant-cont .contantlist span i{ font-size:18px; line-height:24px;}
.centerright{ width:74.7%;}
.centerright-tit{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #dfdfdf; margin-bottom:20px; color:#fff; background-color: #0d73bd;}
.centerright-tit b{ font-size:22px; margin-left:10px;}
.centerright-tit span{ float:right; padding-left:16px; font-size:14px; background:url(../image/icon-home.png) center left no-repeat; margin-right:10px}
.centerright-tit span em{ margin-right:4px;}
.centerright-tit span i{ color:#aaa;}
.centerright-tit a{color: #fff;}
.procenter-cont ul li .usercase-list:nth-child(3n-2){ margin-left:0!important;}
.procenter-cont ul li .usercase-list:nth-child(4n-3){ margin-left:16px;}
.centerright .mid{ width:100%;}


/* prodetails*/
.prodetail-cont{ width:100%;}
.product-imgshow{ width:100%; overflow:hidden;}
.product-imgshow .fl{ width:516px;}
@media (max-width: 980px){
.product-imgshow .fl{ width:60%;}
	.product-imgshow .fl *{
		max-width: 100%;
	}
}
.product-imgshow .fl .pro-mainimg{ border:1px solid #dbdbdb; width:514px; height:380px;}
.product-imgshow .fl .pro-mainimg img{ width:100%; height:100%;}
.product-imgshow .fl .pro-detailimg{ width:100%; height:auto; margin-top:12px;}
.product-imgshow .fl .pro-detailimg span{ width:118px; border:1px solid #dbdbdb; margin-left:12px; cursor:pointer;}
.product-imgshow .fl .pro-detailimg span img{ width:100%;}
.product-imgshow .fl .pro-detailimg span:first-child{ margin:0;}
.product-imgshow .fr{ width:38%; color:#333;}
.product-imgshow .fr h6{ font-size:24px; line-height:30px;}
.product-imgshow .fr b{ font-size:16px; padding-bottom:12px; line-height:20px; border-bottom:1px solid #dfdfdf; display:block; margin-top:20px;}
/*.product-imgshow .fr p{ font-size:14px; color:#666; line-height:30px; margin-top:20px; text-align:justify;}*/
.pro-parameter{ width:100%; margin-top:30px;}
.pro-parameter .title{ width:100%; height:40px; background-color:#f6f6f6; border-bottom:1px solid #2451a2;}
.pro-parameter .title a{ font-size:14px; line-height:40px; width:108px; text-align:center; color: #333;}
.pro-parameter .title a:hover,.pro-parameter .title a.curtit{ background-color:#2451a2; color:#fff;}
.pro-parameter .contain{ margin-top:20px; font-size:14px; color:#666; padding-left:2%;}
.pro-parameter .contain ul{ overflow:hidden;}
.pro-parameter .contain ul li{ display:none;}
.pro-parameter .contain ul li.actcontain{ display:block;}
.pro-parameter .contain ul li .containlist1 span{ display:block; line-height:30px;}
.pro-parameter .contain ul li .containlist1 p{ line-height:30px; position:relative; text-indent:14px;}
/*.pro-parameter .contain ul li .containlist1 p:before{ content:""; position:absolute; left:0; top:12px; width:5px; height:5px; background-color:#666; transform:rotate(45deg);}*/


.usercase-contain .abt-con-txt{ margin-top:0;}

.navlink.nowa{background-color: #63b966;}




strong.ipname{ font-size:36px!important; display:block; font-weight:bold; color:#2451a2; position:relative;}
.codwat-mashine-cont ul li div.mash-type1-con div.fr strong.ipname em{ color:#63b966; font-weight:bold; font-size: 36px;}
.honor-up-cont ul li em b{    position: relative;
    top: -23px;}





.okl-pro-charact ul.iyoushi li span{ font-size:16px;}
.fact-cont .fact-con-ri.fr{ height:420px; overflow: hidden;}

.newslists-cont .newslists a.ijoba{width: 94%;}











.scbdiv.d1200 .face.guest{
	width:500px; margin:auto; margin-top:50px; margin-bottom:50px;}
.scbdiv.d1200 .face.guest form>div{
	line-height:70px;
		}
		
.scbdiv.d1200 .face form div span{
	width:80px;
	display:inline-block;
	font-size:16px;
	color:#666;
	}		
.scbdiv.d1200 .face form div input[type="text"],.scbdiv.d1200 .face form div input[type="tel"],.scbdiv.d1200 .face form div input[type="email"]{
	width:400px;
	line-height:35px;
	background-color:#f8f8f8;
	border:1px solid #ccc;
	outline:none;
	}
.scbdiv.d1200 .face form div.msg{
	width:700px;
	display:flex;
	display:-webkit-flex;
	line-height:normal;
	margin-top:15px;
	
	}	
.scbdiv.d1200 .face form div textarea{
	width:500px;
	line-height:35px;
	background-color:#f8f8f8;
	border:1px solid #ccc;
	}
.scbdiv.d1200 .face form div input[type="text"].yzm{
	width:200px;
	vertical-align:middle;
	}	
.scbdiv.d1200 .face form div input[type="submit"]{
	width:400px;
	margin-left:85px;
	background-color:#2451a2;
	line-height:50px;
	color:#fff;
	border:none;
	font-size:26px;
	}	
.verifyimg{
	vertical-align:middle; 
	}	


.ind-pro-type.enipsort ul li{
	font-size: 14px;
	width: auto;
	padding: 0px 10px;
}

.ind-pro-type.enipsort ul li:nth-child(6n-5){
	margin-left: 24px;
}


.ind-news-tit.ennewssort a{
	width: auto;
	padding: 0px 10px;
}


#ensort li a{
	width:auto;
	padding: 0px 10px;
	font-size: 14px;
}
.okl-nav#enwmenu ul li{
	width: auto;
	min-width: 90px;
	margin: 0px 5px;
}

.service-network-cont table tr td a#downa{
	width: auto;
	padding: 0px 8px;
}
.pro-parameter .contain img{
	max-width: 100%;
}
.abt-container img{
	max-width: 100%;
}
div[class*="contain"] img{
	max-width: 100%;
}
.foot-cont .ppp a>img{
	width: 123px;
	margin-right: 5px;
}

.okl-foot .foot-cont .mid .fl{
	width: 60%;
}
.okl-foot .foot-cont .mid .fr{
	width: 38%;
}