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


/*=====ban样式结束====*/
.root{ max-width: 640px; height: auto;background: #F5F5F5; margin: 0 auto;overflow: hidden; position: relative;z-index: 0;}
.productList{ position:relative;}
.productList a.slide{position: absolute; top:52px; 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 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;}
.head-wrap .nav-down li a{ text-align: left;}
.head-wrap .nav-down li o{ padding-left:16px;}

#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 h1 { width:100%; height:53px; text-indent:20px; color:#fff; line-height:53px; margin-bottom:18px; background:#1757a1;}
.index_about_main { width:100%; height:285px; margin-top:26px; padding:0 20px; line-height:19px; overflow:hidden;}
.index_about_main img { width:70%;  float:left; margin-right:12px;}
.mb{margin-bottom:120px; }

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

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




@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{float: left; 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;}

/*========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: 68px; 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; }


.shownews {padding:5px 2px; width:100%; line-height:22px;}
.shownews img{ width:98% !important;}
.shownews a {  display: inline-block; line-height:20px;}
.shownews a:hover {  display: inline-block; text-decoration: underline;}
.shownews .title { background:#e7e7e7;  text-align: center; margin-bottom:10px;}
.shownews .title h1 { padding:0px; margin-bottom:0px !important; color:#b90b0a; font-size:1.2rem !important; line-height:30px; font-weight:bold; background:none;  height:auto;}
.shownews .title span { line-height:22px; display:block;font-size:1.1rem !important; }
.shownews DIV.text { line-height:18px;}
.shownews DIV.text p{font-size:1.1rem;}

/*=====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;}
div .keleyi-menubar{width:100%;visibility:visible;padding:0px;}
.keleyi-menubar ul#keleyi-menu li ul li a{ font-size:12px !important; line-height:30px  !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}

.foot { width:100%; clear:both; background:#1f1f1f; line-height:30px; padding:10px 0; text-align:center; color:#9f9f9f; font-size:10px !important;}
.backToTop,.top_btn{ position:fixed;  bottom:54px; right:12px; /*display:block !important;*/}
.news_wrap{ margin-bottom:150px;}
ul.list-group .list-group-item a{ display:inline-block;}