@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 20px;overflow: hidden;}
/*img{width: 100%; height: auto; }*/



.root{ max-width: 640px; height: auto; margin: 0 auto;overflow: hidden; position: relative;z-index: 0;}
.root a.btn{position: absolute; top:361px; right: 10px;  border-radius: 3px;font-size: 12px;
color: rgba(255,255,255,0.8);}
ul.list-group { margin-top:30px; }
.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;}




.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:95%;
	background:#fff url(../images/search-blue.png) no-repeat left;
	padding-left:30px;}


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;

	padding:10px;
	margin-right:7px;
	}
.form-line{
	padding-bottom:19px;}
.st-label{
	display:block;
	font-weight:bold;
	padding-bottom:6px;}
.searchbox input[type=submit]{width:38px; height:38px; background:url(../images/search_d.jpg) no-repeat center top; text-indent:-300px; position:absolute; right:0;border-radius:0; border-left:0;}
.searchbox input[type=submit]:active{ background-position:center bottom;}	

.lnav { width:100%; height:50px; background:#272727;}
.lnav ul li { width:25%; height:50px; line-height:50px; font-size:16px;  float:left; text-align:center;     border-right: 1px solid #353535;

    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all; }
.lnav ul li a { color:#fdfdfa; text-decoration:none; display:block;}	
	
.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  .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; min-height: 206px;}
#ban-wrap img{ width:100%;}
#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 span,.root .index_about span,.root .index_news span { width:100%; display:block; height:53px; text-indent:20px; color:#0e4e94; font-weight:bold; line-height:53px; margin-bottom:18px; background:#e3e3e3; font-size:16px;}

.index_about { width:100%; padding-bottom:15px;}
.index_about_main { width:100%; margin-top:26px; padding:0 20px; line-height:20px;}
.index_about_main img { width:45%; height:auto; float:left; margin-right:17px;}
.index_about_main p { text-indent:16px; font-size:12px;}

.index_pro { width:100%; overflow:hidden;}
.index_pro ul { padding:10px;}
.index_pro span em,.index_pro span em,.index_about span em,.index_news span em{ font-style:normal;  float:right; font-weight: normal; margin-right:8px; font-size:12px; line-height:53px; }
.index_pro span em a,.index_about span em a,.index_news span em a{color:#1b6cb4;}

.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; width: 49%; height: auto; margin-right: 2%;  overflow: hidden; margin-bottom: 8px;}
.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{border:1px solid #ccc; width:100%;}



.productsList .pro-list p{
	width: 58%;color: #fff;/*background:#1b6cb4;*/font-size: 14px; float:right;line-height: 24px;height: 24px;
	text-indent: 6px;
    /*border-radius: 3px;*/

	background:url(../images/tit_bg.jpg) #0185da left center no-repeat; 
}
.productsList .pro-list ul{overflow: hidden;}
.productsList .pro-list li{float: left; width:100%; height: auto; margin-right: 2%;  overflow: hidden; margin-bottom: 8px;}
.productsList .pro-list  li:nth-child(2n){margin-right: 0px;}
.productsList .pro-list  li a{ width: 100%; height: auto;}
.productsList .pro-list  li img{border:1px solid #ccc; float: left; width: 40%;margin-right: 5px; border-radius:5px;
box-shadow:1px 1px 1px rgba(0,0,0,.3);}

.productsList .pro-list  li p a{color:#fff;}
.productsList .pro-list  li em{ line-height:18px; height: 80px; overflow:hidden; 
	display: block; font-style: normal; float:right; width: 58%; margin-top:8px;font-size: 12px;padding-left: 4px; }



.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;}
.f_inews li {padding: 8px 0 8px; border-bottom: 1px solid #f0f0f0; width: 100%; overflow: hidden;}
.f_inews li img {float:left;  width: 39%; margin-right: 5px; padding:2px; border:1px solid #ccc;}
.f_inewscon { max-height:80px; margin-left:90px; overflow:hidden;}
.f_inewscon h4 {font-weight: normal;font-size:12px; font-weight:bold; color:#cd0e0e; line-height: 21px;}
.f_inewscon h4 a { color:#0d448d; text-decoration:underline;}
.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; }

.inner { width:100%; overflow:hidden;}
.about { padding:10px; padding-top:0; font-size:12px; line-height:25px; min-height: 200px;}
.about img{ width:100% !important; height:auto !important;}
.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;}
.show_news{ overflow:visible;}
.shownews  img{ width:100%;}
.shownews a:hover { text-decoration: underline;}
.shownews .title { background:#e7e7e7; height:65px;  text-align: center; }
.shownews .title h1 { color:#b90b0a; line-height:40px; display:block; font-size:16px;}
.shownews .title span { line-height:18px;}
.shownews DIV.text { padding-top:25px; }
.show_products p img,.show_products img{ width:100%;}

.show_products p img{ padding-right:4px;}
.show_products img.pro_img{ width:98%;}
.inner_table{ overflow:scroll; }
.tableHtml{overflow-x: scroll; width:190%;}
p.table_title{position:relative; line-height:22px; height:22px; font-weight:bold; font-size:12px; display:block; }
.inner_table .tableHtml table tr{ line-height:22px;}
p.table_title strong{ position:absolute; left:6px; top:0px;}
p.table_title i{ position:absolute; top:0px; font-size:16px; line-height:22px; color:#666;}
p.table_title i.fa-angle-double-right{   right:8px;}
p.table_title i.fa-angle-double-left{  right:20px;}
/*.inner_table i{  text-align:right; position:absolute; top:6px;}
.inner_table i.fa-angle-double-right{   right:8px;}
.inner_table i.fa-angle-double-left{  right:16px;}*/
.show_products .editor .product_inner{     
/*width: 190%;*/
margin-bottom:10px;

padding-bottom:10px;
}
.show_products .editor .product_inner p img{ width:100% !important; height:100% !important;}
.show_products .editor .product_inner p  span img,.show_products .editor .product_inner p  em img{width:auto !important; height:auto !important;}
/*.show_news .editor .news_inner p img{     width: 55%; }*/

.show_products .editor .product_inner p img{    /* width: 55%;*/ }
.show_products .editor .product_inner p[style='text-align:center']{text-align:left !important;}
.show_products .editor .product_inner p:nth-child(2){text-align:left !important; }
.show_products .editor .product_inner table{ border-collapse:collapse;}
.show_products .editor .product_inner table tr td{ font-size:12px; border:#fff solid 1px;padding:0px 4px;}
.show_products .editor .product_inner table tr:nth-child(1) td{ color:#fff ;}
.show_products .editor .product_inner table tr:nth-child(1) td:nth-child(1){text-align: center;}
.show_products .editor .product_inner table tr td:nth-child(1),
.show_products .editor .product_inner table tr td:nth-child(2){ text-align:left; padding:0px 4px;}
.show_products .editor .product_inner table tr:nth-child(2) td:nth-child(1),
.show_products .editor .product_inner table tr:nth-child(2) td:nth-child(2){ text-align:center; }
.show_products .editor .product_inner table tr {  line-height:25px;}

@media (min-width: 660px) {
    .show_products .editor .product_inner{     width: 100%;overflow: hidden;
	}
	
		.inner_table{  }
		.tableHtml{ width:100%;}
		.show_news .editor img,.show_products .editor img{ width:80%; margin:0px auto;}




	.show_products .editor .product_inner p[style='text-align:center']{text-align: center !important ;}
	.show_products .editor .product_inner p:nth-child(2){text-align:center !important; }

}

.ProductInfo{ margin-bottom:16px; border-collapse:collapse; border:none; width:100%; padding:10px 0px; margin-left:0px; margin-right:0px;background:#dcdcdc; display:block;}
table.ProductInfo tr td{ /*background:rgba(0,0,0,.4);*/color:#000; border-bottom: none !important; padding:2px 4px;border:none;}
/*.shownews .editor{ overflow: scroll;}*/
/*=====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;}

.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;}    
/*========================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;}
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:50px; line-height:50px; 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 4px !important;}
/*.newsShow .content table{text-align:left;}
.content tr,.content td{ border:1px solid #CCC;} */
ul#keleyi-menu a{color: #fff !important;}
/*#footerNav ul>li{ width: 25%; float: left; }
#footerNav ul>li a{padding: 10px 3px;}*/
div .keleyi-menubar ul#keleyi-menu>li.yj ul.ej{ position: absolute; top:50px; } 
.keleyi-menubar ul#keleyi-menu>li.yj{ background-color: transparent !important; background:none; }
.keleyi-menubar ul#keleyi-menu>li.yj>a.frist{ line-height:48px !important; }
.keleyi-menubar ul#keleyi-menu li.yj  ul li{ height:30px;}
.keleyi-menubar ul#keleyi-menu>li.yj ul.ej li a{ font-size:16px !important; /*font-weight: bold;*/}
.keleyi-menubar ul#keleyi-menu>li.yj ul.ej li a.subfolderstyle{ font-size:14px !important;  color:rgba(255,255,255,.8) !important; }
.foot { width:100%; clear:both; background:#1f1f1f; line-height:22px; padding:10px 0; text-align:center; color:#9f9f9f; font-size:0.8em; padding-bottom:50px;}
.foot a { display:inline !important; color:#9f9f9f !important;}
.keleyi-menubar ul#keleyi-menu>li.yj:nth-child(2){ position: relative;}

.keleyi-menubar ul#keleyi-menu>li.yj:nth-child(2) ul{ position:absolute; left:-19px !important;}
ul.list-group li.list-group-item{ line-height:19px;}
ul.list-group li.list-group-item-info{ text-indent:10px;}
ul.list-group li.list-group-item-info a{text-indent:1px;}
ul.list-group li.list-group-item o{ float:left; margin-right:6px;    line-height: 19px;}
ul.list-group li.list-group-item i.fa-angle-down{ padding-left:3px;}
.show_products span.center{ text-align:center; line-height:18px; display:block;}