@charset "utf-8";
/*科e互联特效基本框架CSS*/
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none}
h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:normal}
body>div{margin:0 auto}
div {text-align:left}
a img {border:0}
body { color: #fff; text-align: center; font: 12px "Arial","微软雅黑"; }
ul, ol, li {list-style-type:none;vertical-align:0}
a {outline-style:none;text-decoration:none; display: block;}
a:hover { text-decoration: none}
.clear{height:0; overflow:hidden; clear:both}


body{ font-family: "Arial","微软雅黑";}
html{ font-size: 62.5%; background: #f5f5f5;  }
body{font-size: 1.4rem; color: #666;}
.wrap100{width: 100%; padding: 0 10px;overflow: hidden;}
img{width: 100%; height: auto; }


.inner_pro{ position: relative; padding-bottom:140px; }
.root{ max-width: 738px; height: auto; margin: 0 auto;overflow: hidden; position: relative;z-index: 0;}
.inner_pro a.btn{position: absolute; top:0px;right: 10px;  border-radius: 3px;font-size: 12px;
color: rgba(2,110,208,0.8); color:#fff; display:block;}
.info-wrap{width: 100%; height: 30px; background: #000;}
.info-wrap span{height: 30px; line-height: 30px; font-size: 12px; color: #fff; display: block;float: left;width: 40%;}
.info-wrap span a{font-size: 12px; color: #fff; display: inline;}
.info-wrap .email{margin-left: 8px;}
.info-wrap img{ width: auto; height: 30px; float: left;}
.info-wrap p{width: 100%; padding-left: 25px; color: #fff;}
.head-wrap{width: 100%; height: 56px; background: #fff; text-align: center; line-height: 56px; position: relative; z-index: 9999; }


.head-wrap .logo img{display:block; position:absolute; top:0; left: 0px;width: auto;height:56px;}
.head-wrap .button img{ldisplay:block; position:absolute; top:0; right: 0px;width: auto;height:56px;}


.searchbox{
	position:relative;
	background:#fff url(../images/gra-linear-with-dot.png) repeat-x bottom;
	border-bottom:1px solid #C1D6E6;
	padding:14px;
	display:none;}
.searchbox form{}
.searchbox .txtbox{
	font:bold 14px Arial, Helvetica, sans-serif;
	width:85%;
	background:#fff url(../images/search-blue.png) no-repeat left;
	padding-left:30px;}
.searchbox .button{
	position:absolute;
	border:0;
	padding:0;
	position:absolute;
	background:red;
	background-image:none;
	top:10px;
	right:14px;}
label{ margin-right:7px;}

input, select, textarea{
	border:1px solid #D1D3D3;
	border-top:1px solid #A5A6A6;
	color:#A5A5A5;
	font:12px Arial, Helvetica, sans-serif;
	background:#fff url(../images/input-bg.png) repeat-x top;
	border-radius:3px;
	padding:10px;
	margin-right:7px;
	}
.form-line{
	padding-bottom:19px;}
.st-label{
	display:block;
	font-weight:bold;
	padding-bottom:6px;}
.submit-button{
	font:14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border:1px solid #17486C;
	font-weight:bold;
	text-shadow: 0px -1px #1C5580;
	padding:8px;
	border-radius:3px;
	background:#246597 url(../img/blue-button.png) repeat-x top;}
.submit-button:hover{
	border:1px solid #113753;}
.submit-button:active{
	box-shadow: inset 0 0 0.5em #17486C;}
.reset-button{
	font:14px Arial, Helvetica, sans-serif;
	color:#17476C;
	border:1px solid #A3BDD3;
	font-weight:bold;
	text-shadow: 0px -1px #fff;
	padding:8px;
	border-radius:3px;
	background:#fff url(../images/reset-button.png) repeat-x bottom;}
.reset-button:hover{
	border:1px solid #88AAC6;}
.reset-button:active{
	box-shadow: inset 0 0 0.5em #A3BDD3;}
	

.lnav { width:100%; height:50px; /*background:#272727;*/background:#026ED0;}
.lnav ul li { 
	width:20%; height:50px; line-height:50px; font-size:14px;  float:left; text-align:center;   
	border-right: 1px solid rgba(0, 51, 204,.6);
;;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all; 
}
.lnav ul li a { color:#fdfdfa; text-decoration:none; display:block;}	
.lnav ul li a o{ display:none;}
	
.inner_menu { width:100%; height:auto; margin:10px 0; overflow:hidden; font-size:12px;}
.inner_menu li {width:47%; height:36px; float:left; padding-left:2%;margin-bottom: 5px; text-align:center;}
.inner_menu li a { line-height: 36px;display: block; background:#eee;overflow: hidden;word-wrap: break-word;word-break: break-all;padding: 0 5px;border: 1px solid rgba(0,0,0,0.2);}


	
.pro-nav{ width: 100%; left: 0px; top: 0px; background: #0271A9;  overflow: hidden; }
.inner_pro .pro-nav  ul,.inner_pro ul.pro-nav{padding: 0px !important;}
.pro-nav li{width: 100%;  border-bottom: 1px solid #237DCF;}
.pro-nav li a{line-height:40px !important; height: 40px !important; }
.pro-nav  .sub_nav a{color: #62676a;}
.pro-nav  .sub_nav li {border-bottom: none;}
.pro-nav  .sub_nav li:nth-child(2n+1){background:#F2F6F7;}
.pro-nav  .sub_nav li:nth-child(2n){background:#fff;}
.head-wrap .nav-down li a, .pro-nav li a{ font-size:16px; font-size: 1.6rem; color: #fff; font-family: Verdana; width: 100%; height:60px; line-height: 60px; text-align: center;}
#ban-wrap{width: 100%; height: auto;}

#usimg-wrap .swiper-slide{width: 40%;}
.swiper-pagination-bullet-active {background: #fff;}
.ban-cap{width: 100%; text-align: center; background: #F5F5F5; padding: 15px 0; font-size: 1.2rem; color: #666; line-height: 1.2em;}
.ban-cap b{font-weight: normal; font-size: 1.4rem; color: #0271a9; display: block; margin-bottom: 15px; line-height: 1.2em; }
.us-wrap{width: 100%; background: url(../images/ab_bg.jpg); padding-bottom: 15px;}
.root .index_pro h4,.root .index_about h4,.root .index_news h4{
	width:100%; 
	height: 40px; 
	text-indent:20px; color:#0e4e94; font-weight:bold; 
	line-height: 40px; 
	margin-bottom: 10px; 
	background:#e3e3e3; font-size:16px;
}

.root .inner h5,.line,.root .inner_pro h5{
	width: 90%; margin: 0 auto; position: relative; padding: 0px 0 15px 0; 
	border-bottom: 1px solid #ccc; font-size: 2.6rem;color: #026ED0;; text-align: center;
}
.root .inner h5,.root .inner_pro h5{ margin-bottom:20px; }
.root .inner h5 .line,.root .inner_pro h5 .line{
    position: absolute;
    width: 60px;
    height: 4px;
    background: #E67817;
    left: 50%;
    margin-left: -30px;
    bottom: -2px;
    padding: 0px;
}
ol.breadcrumb li a{ display: inline-block;}
.index_about { width:100%; padding-bottom:15px;}
.index_about_main { width:100%; margin-top: 10px; padding:0 20px; line-height:20px;}
.index_about_main img { width:45%; height:auto; float:left; margin-right:17px;border-radius:5px;}
.index_about_main p { text-indent:16px; font-size:12px;}

.index_pro { width:100%; overflow:hidden;}
.index_pro ul { padding: 0 10px;}


.index_pro .pro-list p{padding: 5px 0; width: 100%; text-align: center; color: #fff; background:#1b6cb4; font-size:12px;}
.index_pro .pro-list ul{overflow: hidden;}
.index_pro .pro-list li{float: left; height: auto; margin-right: 2%;  overflow: hidden; margin-bottom: 8px; border-radius:5px;border:1px solid #ccc;}
.index_pro .pro-list  li:nth-child(2n){margin-right: 0px;}
.index_pro .pro-list  li a{ width: 100%; height: auto;}
.index_pro .pro-list  li img{ }



@media only screen and (min-width :300px) and (max-width :599px) {

	
	.index_pro .pro-list li{ width: 49%;margin-right: 2%; }
    .index_pro .pro-list  li:nth-child(2n){margin-right: 0px;}
}

@media only screen and (min-width :600px) {

	.index_pro .pro-list li{float: left; width:32%;margin-right:2%;  }
	.index_pro .pro-list  li:nth-child(2n){margin-right: 2%;}
    .index_pro .pro-list  li:nth-child(3n){margin-right: 0px;}
}



.productsList .pro-list p{width: 58%;color: #fff;background:#1b6cb4;font-size: 14px; float:right;line-height: 24px;height: 24px;}
.productsList .pro-list ul{overflow: hidden;}
.productsList .pro-list li{float: left; height: auto; margin-right: 2%;  overflow: hidden; margin-bottom: 8px;}

.productsList .pro-list  li a{ width: 100%; height: auto;}
.productsList .pro-list  li img{border:1px solid #ccc; border-radius:5px; float: left; width: 40%;margin-right: 5px;}




@media only screen and (min-width :300px) and (max-width :599px) {
   .productsList .pro-list li{width:100%; }
}

@media only screen and (min-width :600px) {
	.productsList .pro-list li{width:32%; margin-right:2%; }
	.productsList .pro-list  li:nth-child(2n){margin-right: 0px;}
}





.productsList .pro-list  li p a{color:#fff;}
.productsList .pro-list  li em{ line-height: 20px; height: 80px; overflow:hidden; 
	display: block; font-style: normal; float:right; width: 58%; margin-top:4px;font-size: 12px; }
.index_news { width:100%; overflow:hidden;}
.index_news_tit { width:100%; height:53px; color:#fff; margin-bottom:18px;}
.index_news_tit li { width:50%; line-height:53px; background:#1876bb; float:left; text-align:center; display:block;}
.index_news_tit li a { display:block; color:#fff;}
.index_news_tit li a:hover { color:#fff; background:#cd0e0e;}
.index_news_tit .active {background:#cd0e0e; color:#fff;}
.index_news_tit .active a { color:#fff;}
.f_inews { padding:10px; padding-top:0; padding-bottom:130px;}
.f_inews li {padding: 10px 0; border-bottom: 1px solid #f0f0f0; width: 100%; overflow: hidden;}
.f_inews li img {float:left; width: 35%;border:1px solid #ccc; border-radius:5px; }
.f_inewscon { width: 63%; overflow:hidden; float:right;}
.f_inewscon strong {overflow: hidden;font-size: 14px; font-weight:bold;line-height: 25px;height: 25px;display: block;}
.f_inewscon strong a { color:#0d448d;  }
.f_inewscon span { display:block; color:#000; line-height:20px; font-size:12px;}
.f_inewscon p  {position: relative; font-size: 12px;color: #7b7b7b;line-height: 20px;
    height: 80px; }

.inner { width:100%; overflow:hidden;zoom:1;padding-bottom: 120px;}
.about { padding:10px; padding-top:0; font-size:12px; line-height:25px; min-height: 280px;}
.about .pageNav{ margin-top:8px; }
.about .pageNav a.btn{ position: static; color:rgba(0,0,0,.8); margin-bottom:20px; padding:5px 3px;}
.news {  padding:10px; padding-top:0; font-size:12px; overflow:hidden; }

.news li { border-bottom: 1px dotted #888A89; height: 50px; line-height: 50px; overflow: hidden;font-size: 14px;}
.news li a { color: #414141; text-decoration: none; }
.news li span { color: #414141; float: right;}
.shownews { padding:10px; padding-top:0; font-size:12px; overflow:hidden;}

.shownews a:hover { text-decoration: underline;}
.shownews .title { border-bottom: 1px solid #DDD;text-align:center; }
.shownews .title h1 { color:#b90b0a; line-height:32px;font-size:18px; display:block; font-style: normal; font-weight: bold;}
.shownews .title span { line-height:20px;}
.shownews DIV.text { padding-top:15px; line-height: 25px;}
.shownews DIV.text p{font-size:14px;}
@media (min-width: 500px) {
.shownews  .editor img  {
    width: 85%;
  }
}
@media (min-width: 768px) {
.shownews  .editor img  {
    width: 75%;
  }
}
@media (min-width: 992px) {
  .shownews  .editor img  {
    width: 60%;
  }
}


/*手机端图片表格过宽*/
.shownews p{ margin-right:0px !important; }
.inner_table{ overflow:scroll; }
.inner_table .tableHtml{overflow-x: scroll; width:150%;}
.inner_table .tableHtml table{ border-collapse:collapse; border:#ccc solid 1px;}
.inner_table .tableHtml table td{border:#ccc solid 1px; line-height:21px; padding:0px 2px;}


@media (min-width: 500px) {
    
     .inner_table{ overflow:visible ; }
    .inner_table .tableHtml{ width:100%;}
    
}

.next_page {
	width: 99%;
	margin: 12px auto 0px auto;
	height: 42px;
	background: #f7f7f7;
	overflow: hidden;
	border: 1px solid #e7e7e7;
	font: 12px Verdana, Geneva, sans-serif;
	color: #666;
	padding: 5px;
	padding-left: 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
}
.next_page p {
	margin: 0;
	padding: 0;
	line-height:25px;
	font-size: 12px;
	color: #666;
}
.next_page  a {
	color: #666;
	font-size: 12px;
	display:inline-block;
}
.next_page  a:hover {
	text-decoration: underline;
	color: black;
	display:inline-block;
}
.next_page span {
	display: inline;
}

.pages nav{ width: 94%; margin: 0px auto; }
nav ul.pagination{ padding: 0px; }
nav ul.pagination li{}
nav ul.pagination li.total{ }
 nav ul.pagination li.page_link_first a,nav ul.pagination li.page_link_last a
,nav ul.pagination li.page_link_pre a,nav ul.pagination li.page_link_next a{padding: 2px 4px;}
nav ul.pagination li a{padding: 2px 8px;}    

/*=====pro页面====*/
.pro-tit{position: relative; margin: 0 auto; margin-bottom: 15px; overflow: hidden; width: 100%;}
.pro-tit1{width: 80%;}
.pro-tit2{width: 98%;}
.pro-tit1 span{width: 32%; margin-right: 2%}
.pro-tit2 span{width: 24%; margin-right: 1%}
.pro-tit1 span:nth-child(3n){margin-right: 0px;}
.pro-tit4 span:nth-child(4n){margin-right: 0px;}
.pro-tit span{text-align: center; display: block;float: left; background: #0271A9; padding: 5px 2px; border-radius: 5px;  color: #fff; font-size: 1.2rem; margin-bottom: 1%;}
.in_pro{padding-top: 30px;}


/*========================footer=============================*/
.footer-wrap{  background:  #333; text-align: center; padding:20px 0; }
 .beian{width: 100%; text-align: center; line-height: 1.5em; font-size: 12px; font-size: 1.2rem; color: #fff; font-family: "微软雅黑";}
 .beian a{display: inline;font-size: 12px; font-size: 1.2rem; color: #fff; font-family: "微软雅黑";}
.swiper-pagination{/*display: none;*/}

/* Holly Hack for IE \*/

.coop_con{padding: 0 10px; padding-bottom: 50px;background: #fff;}
.coop_con .coop{width: 100%;height: auto; margin-bottom: 20px;}

#banders{position: fixed; z-index:9999;}
div .keleyi-menubar{width:100%;visibility:visible;padding:0px;}
ul .keleyi-menu{list-style-type:none;padding:0px; }
ul .keleyi-menu  a{text-decoration:none;height:40px; line-height:40px; text-decoration:none; font-size:16px; color:#FFF;}


ul .keleyi-menu  a:hover{text-decoration:none; color:#F90; font-weight:bold;} 
ul .keleyi-menu>li li{padding:0px;}
.newsShow .content table{text-align:left;}
.content tr,.content td{ border:1px solid #CCC;} 
.keleyi-menu a{color: #fff;!important}

.foot { width:100%; clear:both; background:rgba(255,255,255,1);/*background:#1f1f1f;*/ line-height:21px; padding:8px 0; text-align:center; color:#9f9f9f; font-size:12px;
	position: fixed;bottom: 50px; z-index: 10;}
.foot a { display:inline !important; color:#9f9f9f !important;}
#keleyi-menu ul.ej{ min-width: 180px; }