@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 "微软雅黑", '宋体'; }
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: "微软雅黑", serif;}
html{ font-size: 62.5%; background: #F5F5F5;  }
body{font-size: 1.4rem; color: #666;}
.wrap100{width: 100%; padding: 0 4px;overflow: hidden;}
img{width: 100%; height: auto; }
/*=====ban样式======*/


/*=====ban样式结束====*/
.root{ max-width: 738px; height: auto;background: #F5F5F5; margin: 0 auto;overflow: hidden; position: relative;z-index: 0;}
.productInner{ position:relative; margin-bottom:30px;}
.productInner .btn{position: absolute; top: 14px; right: 10px;  border-radius: 3px;font-size: 12px;
color: rgba(2,110,208,0.8);}
.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: #fafafa; text-align: center; line-height: 56px; position: relative; z-index: 9999; }
.head-wrap .logo, .head-wrap .nav, .head-wrap .nav-down{position: absolute;}
.head-wrap .logo {left: 0px; width: auto;height:56px; top: 0px;}
.head-wrap img{ width: auto;height:56px; position: absolute; top: 0px; }
.head-wrap .logo img{left: 0px;}
.head-wrap .nav img{right: 0px;}
.head-wrap .nav {right: 0px; width: auto; height: 56px; top: 0px;}
.head-wrap .nav-down { width: 100%; left: 0px; top: 56px; background: #026ED0;height:auto; overflow: hidden;  }
.pro-nav{ width: 100%; left: 0px; top: 0px; background: #0271A9;  overflow: hidden; }
.head-wrap .nav-down li,.pro-nav li{width: 100%;  border-bottom: 1px solid #237DCF; }
.head-wrap .nav-down li{height: 60px;}
.pro-nav  .sub_nav{ display:none;}
.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;}
.head-wrap  ul.nav-down li a{ text-align: left;}
.head-wrap  ul.nav-down li o{ padding-left:22px; padding-right:6px;}
#ban-wrap{width: 100%; height: auto;}
#usimg-wrap{width: 100%; height: auto;}
@media only screen and (min-width :300px) {
		#usimg-wrap .swiper-slide{width: 50%;}
}

@media only screen and (min-width :600px) {
	#usimg-wrap .swiper-slide{width: 33.33%;}
}

.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 h1{width: 80%; margin: 0 auto; position: relative; padding: 15px 0; border-bottom: 1px solid #ccc; font-size: 3.2rem;color: #026ED0;; text-align: center;}
.root h1 .line{position: absolute; width: 60px; height: 4px; background: #E67817; left: 50%; margin-left: -30px; bottom: -2px;}
.us-wrap p{padding: 15px; text-indent: 2em;/*font-size: 1.4em; color: #666;*/ color: #2F2F2F;}


.index-con{width: 100%;overflow: hidden; margin-bottom:30px;}
.index-con h1{ margin-bottom: 15px;}
.pro-list p{padding: 5px 0; width: 100%; text-align: center; color: #4b4945; font-size: 1.2rem; line-height:22px; overflow:hidden; height:22px; text-overflow:ellipsis;}
.pro-list ul{overflow: hidden;}
.pro-list li{float: left; height: auto;  overflow: hidden; margin-bottom: 8px;}

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



@media only screen and (min-width :300px) and (max-width :599px) {
   .pro-list li{ width: 49%;margin-right: 2%; }
   .pro-list  li:nth-child(2n){margin-right: 0px;}
}

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




.index-con ul{padding: 10px;}
.new-list li{width: 100%; height: 39px; border-bottom: 1px dashed #ccc; background: url(../images/icon.jpg) no-repeat 0 center;  }
.new-list li a{height: 39px; line-height: 35px; overflow: hidden; }
.new-list li p{height: 39px; line-height: 35px; float: left; color: #666; }
.new-list .new-con{width:65%; margin-left: 5%; text-align: left; }
.new-list .date {width: 30%; text-align: right;}



/*=====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;/* z-index:9999; position:relative;*/}


/*========================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{}

/* Holly Hack for IE \*/

.coop_con{padding: 0 10px; padding-bottom: 50px;background: #fff;}
.coop_con .coop{width: 100%;height: auto; margin-bottom: 20px;}
.coop_con .row{ margin:0px;}
.coop_con .row div { padding-left:5px; padding-right:5px; margin-bottom:12px; }
.coop_con .row div a {border:#ccc solid 1px; border-radius:3px; padding:20px 5px; display:block;  width:100%; background:#fafafa;}
.coop_con .row div o{ font-size:2.4rem; line-height:45px; display: block;text-align:center; font-weight:bold;}
.coop_con .row div span{ display:block; line-height:22px; text-align:center; font-size:.9rem; }
@media only screen and (min-width :375px) {
	.coop_con .row div o{ font-size:3.2rem;}
	.coop_con .row div span{ font-size:1rem;  }
}

#banders{position: fixed;}
div .keleyi-menubar{width:100%;visibility:visible;padding:0px;}
div .keleyi-menubar li.yj>a{ line-height:50px !important;}
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;}
.newsShow .content table{text-align:left;}
.content tr,.content td{ border:1px solid #CCC;} 
.keleyi-menu a{color: #fff !important;}

/*========news页面=======*/
.news_list_wrap{ overflow: hidden; margin: 30px 0;}
.news_list_wrap p{width: auto;}
.news_list_wrap img{ float: left; width: 49%; height: auto;  margin-right: 2%; }
.news_list_wrap .tit{ font-size: 1.4rem; font-size: 1.4rem; color: #fff;  height: 38px;}
.news_list_wrap .cap{ font-size: 1.2rem;color: #b3c7b8; line-height: 1.2em; height: 71px; margin-top: 10px; overflow: hidden;}
.news_list_wrap{width: 100%; background: #E8E8E8; padding: 5% 0; }
.news_list_wrap li:nth-child(2n+1){background: #026ED0;}
.news_list_wrap li:nth-child(2n){background: #ACAAAA;}
.news_list_wrap li{padding: 2%;margin-bottom:2%;overflow: hidden; }
.news_list_wrap li:nth-child(2n) .cap{color: #fff;}
.news_list_wrap .tit b{font-weight: normal; float: right; font-size: .8rem;margin-top: 5px;
margin-right: 5px; }

.news { padding:25px 0; overflow:hidden; width:100%; }
.news ul { list-style-image: none; list-style-type: none; margin-top: 6px; }
.news li { border-bottom: 1px dotted #888A89; height: 30px; line-height:30px; overflow: hidden;}
.news li a { color: #656565; text-decoration: none; }
.news li span { color: #656565; float: right; margin-right: 2px; }


.shownews {padding:5px 0; width:100%;    margin-bottom: 30px;}
.shownews img{ }
.shownews a {  display: inline-block; line-height:20px;}
.shownews a:hover {  display: inline-block; text-decoration: underline;}
.shownews .title { background:#e7e7e7; height:60px;  text-align: center; }
.shownews .title h1 { padding:0px; margin-bottom:0px !important; color:#b90b0a; font-size:1.2rem !important; line-height:30px; font-weight:bold;}
.shownews .title span { line-height:18px; display:block;font-size:1.1rem !important;}
.shownews DIV.text { line-height:22px;}
.shownews  .product_info table{ border-collapse:collapse; border:#ccc solid 1px; }
.shownews  .product_info table td{ border:#ccc solid 1px; line-height:22px; padding:2px;}


.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%;}
    
}




.shownews DIV.text p{font-size:1.1rem;line-height:22px;}
/*分页样式*/
.pager{ margin:0px 2px; border-top:#ccc 1px solid; background:#fff; padding:5px 0; clear:both;}
.page_link{ height:22px; padding:0 20px; font-size:1.2rem; color:#777; text-align:center;}
.pager span{ float:left; line-height:20px; /*background:#F0F0F0;*/ margin:0px 2px; padding:0 0.4em;}
.pager span a{ display:block;}
.page_link_total{color:#777;}

.page_link_now{ font-weight:bold; color:#d2211f;}
.page_link_next{display:none;}
.page_link_first{ display:none;}
.page_link_last{display: none;}
.page_link_pre{display: none;}



/*文章上一页 下一页*/
.article_page_link {
	clear: both;
	margin-top: 20px;
}
span.article_page { /*float: left;*/
	display: inline-block;
	width: 20px;
	line-height: 20px;
	height: 20px;
	border: #ccc solid 1px;
	margin: 0px 4px;
	text-align: center;
}
span.this_page {
	background-color: red;
}
span.this_page a {
	color: #fff;
}
span.total_no {
	float: left;
	display: inline-block;
	width: 40px;
	line-height: 20px;
	height: 20px;
}
span.current a {
	color: red;
}
/*上一页 下一页*/
.next_page {
	width: 100%;
	margin: 12px auto 0px auto;
	height: 60px;
	background: #f7f7f7;
	overflow: hidden;
	border: 1px solid #e7e7e7;
	font: 12px Verdana, Geneva, sans-serif;
	color: #939393;
	padding: 5px;
	padding-left: 15px;
}
.next_page p {
	margin: 0;
	padding: 0;
	line-height:25px;
	font-size: 12px;
	color: #666;
}
.next_page p a {
	color: #666;
	font-size: 12px;
	display:inline-block;
}
.next_page p a:hover {
	text-decoration: underline;
	color: black;
	display:inline-block;
}
.next_page span {
	display: inline;
}



/*单页管理*/
.pageTxt { padding:2px 0;  overflow:hidden; line-height:25px; width:100%; }
.pageTxt p{font-size:1.1rem; line-height:1.3em;}
ul.CatList{ margin-top:12px; margin-left:0px; width:100%;zoom:1; overflow:hidden;}
ul.CatList li{ float:left; width:32%; overflow: hidden;margin-right:2%;}
ul.CatList li:nth-child(3n+1){margin-right:0;}
ul.CatList li:nth-child(3n){}
ul.CatList li img{ width:100%;}
ul.CatList li p{ text-align:center; line-height:22px;}
#member_form .bottomRow{ margin-bottom:22px !important;}