@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", serif;}
html{ font-size: 62.5%; background: #fff;  }
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; }
.productsList{position:relative;}
.root a.btn{position: absolute; top: -11px; right: 14px;  border-radius: 3px;font-size: 12px;
color: rgba(2,110,208,0.8); line-height:15px; color:rgba(255,255,255,.9);}
.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 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;}
.head-wrap .lang{display:block; position:absolute; top:0; right: 0px;width: auto;height:56px; line-height:56px; background:#e5e5e5; padding:0 10px;}
.head-wrap a { color:#494848 !important;}
.bans{width:100%; height:auto;}

.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:100px; background:#a80304;}
.lnav ul li { width:25%; height:50px; line-height:50px; font-size:16px;  float:left; text-align:center;   
  border-right: 1px solid #880102;
    border-bottom: 1px solid #880102;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all; }
.lnav ul li a { color:#fdfdfa; text-decoration:none; display:block;}
.lnav ul li:hover{  background:#910000; }
	
	

.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 h1 { width:100%;text-indent:20px; color:#fff; line-height:53px; margin-bottom:18px;}


.search {height:44px;position: relative;}
.search .searchForm{margin:0 auto;height: 44px;position: relative;background:#a80304;}

.navbar-search{height: 100%; top:0; position: absolute; width: auto !important;}
.left-search{padding-right: 0;left:5px;right: 55px;}
.right-search{padding-right: 0;right:5px;left: 55px;}
.left-search .form-control{background:#fff url(../images/search.jpg) no-repeat 5px center; background-size: 25px;padding-left: 30px;margin-top:5px;}
.right-search .form-control{background:#fff url(../images/search.jpg) no-repeat right center; background-size: 25px; margin-top:5px;}
.nav-left,.nav-right{width:42px; height:34px; position:absolute; top:5px; display:block; overflow:hidden; text-indent:-999px;border-radius: 5px;}
.nav-left{left:5px;}
.nav-right{right:5px;text-align: center;}
.nav-left, .nav-right {
  width: 42px;
  height: 34px;
  position: absolute;
  top: 5px;
  display: block;
  overflow: hidden;
  text-indent: -999px;
  border-radius: 5px;
}


.subject{}
.subject .tit{text-align: center; font-size: 3rem; color:#000; line-height: 40px; font-weight: bold; margin-top:10px;margin-bottom:3px; 
	font-family: "微软雅黑"," 楷体"," 隶书","黑体"; }
.subject o{ margin:0px auto; font-size: .8rem; display: block; min-width:310px; width: 60%; line-height: 16px; text-align: center;  }
@media(min-width:500px){
	.subject .tit{margin-bottom:7px;}
	.subject o{width: 80%; line-height: 22px;}
}
.index_about { width:100%; background:url(../images/index_about_bg.jpg) no-repeat top center; clear:both; overflow:hidden;}
.index_about ul.index_pageNavs { padding-top:38px;zoom:1; overflow: hidden;}
.index_about ul.index_pageNavs li {  width:96%; height:auto; margin:0 2%; overflow:hidden; margin-bottom:4px; 
	background: #a80304; height:112px;    border-radius: 5px;
}
.index_about ul.index_pageNavs li:hover{ background: #F15808; }
.index_about ul.index_pageNavs li a{ color:#fff;}
.index_about ul.index_pageNavs li p{ display: flex; flex-direction: row;}
.index_about ul.index_pageNavs li p i{ width:34%; color:#fff;  font-weight: bold; 
	font-size: 8rem;  text-align: center; vertical-align: middle;
	line-height: 114px;
	margin-right: 2%;
}


.index_about ul.index_pageNavs li p em{width:64%; font-style: normal;font-size: 0.8rem;}
.index_about ul.index_pageNavs li p em span{ display:block; font-size: 2rem; font-weight: bold;   line-height: 30px; font-family: "微软雅黑"," 楷体"," 隶书","黑体";
width: 100%; margin-top: 7px; line-height: 30px; margin-bottom: 16px; text-indent: 10px;}
.index_about ul.index_pageNavs li p em o{ line-height:20px; width:96%; margin: 0px 3%; display: block;font-family: "微软雅黑"," 楷体"," 隶书","黑体";}

@media (min-width: 320px) {
	.index_about ul.index_pageNavs li p i{ font-size: 7.6rem;width:30%;}
	.index_about ul.index_pageNavs li p em{width:68%;}
}

@media (min-width: 360px) {
	.index_about ul.index_pageNavs li p i{ font-size: 8rem;width:34%; }
	.index_about ul.index_pageNavs li p em{width:64%;}
}

@media(min-width:500px){
	.index_about ul.index_pageNavs{ width: 98%;  margin: 0px auto;justify-content: center; }
	.index_about ul.index_pageNavs li{ width:49.5%; float:left;margin: 0% 1% 6px 0px;}
	.index_about ul.index_pageNavs li:nth-child(2n){ margin-right: 0px;}
	.index_about ul.index_pageNavs li p i {
		font-size: 6rem;
		width: 28%;
		text-align: center;
	}
	
	.index_about ul.index_pageNavs li p em {
		width: 70%;
	}
}


@media(min-width:660px){
	.index_about ul.index_pageNavs{ ; }
	.index_about ul.index_pageNavs li{ }
	.index_about ul.index_pageNavs li p i {
		font-size: 7rem;
		width: 32%;
	}
	
	.index_about ul.index_pageNavs li p em {
		width: 66%;
	}
}

.index_pro { width:100%; background:url(../images/index_pro_bg.jpg) no-repeat top center; overflow:hidden;}
.index_pro ul { padding-top:38px; width: 98%; margin: 0px 1%;}
.index_pro ul li {float:left; width:30%; height:auto;border: 1px solid #ddd;overflow:hidden; margin-bottom:28px; border-radius:3px;}
.index_pro ul li img {width: 100%;height:auto;}
.index_pro ul li span {font-size:12px;line-height:22px; text-align:center; }
.index_pro ul li span a {color:rgb(102, 102, 102);}

@media(min-width:300px){
	.index_pro ul li{ width:49%; margin-right: 2%;}
	.index_pro ul li:nth-child(2n){margin-right:0px;}
}

@media(min-width:500px){
	.index_pro ul li{ width:32%; margin-right: 2%;}
	.index_pro ul li:nth-child(2n){margin-right:2%;}
	.index_pro ul li:nth-child(3n){ margin-right:0px;}
}

.index_news { width:100%; background:url(../images/index_news_bg.jpg) no-repeat top center #f5f5f5; overflow:hidden;
	
}
.index_news ul { padding-top:38px;}
.index_news ul li {float:left; width:46%; height:auto; margin:0 2%; overflow:hidden; margin-bottom:19px; border-radius: 5px;}
.index_news ul li img {width: 100%;height:auto; display:block;}
.index_news ul li span { display:block; border: 1px solid #ddd; padding:10px; line-height:18px; font-size:12px;}
.index_news ul li span a{ display:block; color:#000; text-decoration:underline;}

/*标题新闻*/
.news { padding:4px 1%; 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;display: inline; }
.news li span { color: #656565; float: right; margin-right: 2px; }




.shownews {padding:5px 4px; width:99%; min-height:230px;}
.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; }
.shownews .title h1 { padding:0px; margin-bottom:0px !important; color:#b90b0a; 
font-size:2rem !important; line-height:24px; font-weight:bold;}
.shownews .title span { line-height:20px; display:block;font-size:1.1rem !important;}
.shownews DIV.text { line-height:22px; min-height:300px;  }
.shownews .text .product_description{overflow-y: scroll;}
.shownews DIV.text p{font-size:1.1rem;}
.shownews .text h1 span,.shownews .text h1{  background:none;}
.pageNav{ padding-top:10px;}
.root .shownews  .pageNav a.btn{ position:static;}
.pageNav a.btn{ color:#222;}


.index_gbk { width:100%; height:482px; background:url(../images/index_gbk_bg.jpg) no-repeat center;    padding-top: 3px;}
.index_gbk_con { padding-top:38px;}
.touch { width:100%; height:auto; position:relative;}
div.index_gbk_con input[type='text'],div.index_gbk_con input[type='submit']{ border:none; position:absolute; outline:none; border:1px solid #dbdbdb; text-indent:10px; }
div.index_gbk_con input[type='checkbox']{width:12px;height:12px}
input.gbk_1 { width:42%; height:38px; top:0; left:4%; }
input.gbk_2 { width:42%; height:38px; top:0; right:4%;}
input.gbk_3 { width:42%; height:38px; top:48px; left:4%;}
input.gbk_4 { width:42%; height:38px; top:48px; right:4%;}

.index_gbk_con textarea{ width:91%; height:134px; position:absolute;top:100px;left:4%;  outline:none;border:1px solid #dbdbdb; overflow:hidden}
.index_gbk_con textarea, .touch input{color:#252424;}
.index_gbk_con textarea {padding:10px; }
input.contact_sub{ width:91% !important; height:39px !important; color:#fff; top:260px; left:4%; cursor:pointer; background:#a80304; line-height:18px; text-align:center;
 font-size:14px; border-radius:5px;} 
input.contact_sub a { display:block; color:#fff;}



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


.index-con{width: 100%;overflow: hidden;}
.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; width: 49%; height: auto; margin-right: 2%;  overflow: hidden; margin-bottom: 8px;}
.pro-list  li:nth-child(2n){margin-right: 0px;}
.pro-list  li a{ width: 100%; height: auto;}
.pro-list  li img{border:1px solid #ccc; border-radius:5px; box-shadow:2px 2px 2px rgba(0,0,0,.4);}

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


.show_pro{overflow:scroll;}
.productInfo{ width:100%; background:url(../images/logo1.png) no-repeat 72px 30px; background-size:22%;height:auto;  position:relative;/*width:600px;overflow-x: scroll;*/
    /*transform: scale(0.4);*/ }
.Info_logo{background:url(../images/logo2.png) no-repeat 72px 50px;}
.productInfo .item{ height:420px;}
.productInfo .item .proIMG{ width:280px; zoom:1; overflow:hidden; position:absolute;
left:50%;top: 63px; margin-left:-140px;  }
.productInfo .proIMG img{ width:100% !important;}

.productInfo .item span{ position:absolute; left: 638px;text-indent: 10px;top: 232px; line-height:40px; font-size:14px;}
.productInfo .item  .infoFun{ position:absolute; top:327px; width:100%; height:auto;overflow:scroll;}
.productInfo .item  .infoFun .cat_description{ width:600px;overflow-x: scroll;}
.productInfo .item  .infoFun img{ width:100% !important;   }
.productInfo .infoLine{ margin-top:20px; background:url(../images/text_bg.jpg); width:100%; height:59px; line-height:59px; color:#000; font-weight:bold; font-size:22px; text-align:center;}
.productInfo .description{min-height:300px;}
.productInfo .description img{ height:auto !important;}

/*.productInfo .description p:not(:first-child) { font-size:18px;}*/
.productInfo .description p:first-child span { font-size:15px !important;}
.productInfo .description p span { font-size:13px !important;}


/*========================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: "微软雅黑";}


/* 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;}
.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:0.5em; }
.img-responsive{text-align:center; color:#fff;background:#7b0708;border-radius: 5px;border:none;height:34px;vertical-align:middle;clear:both;padding:0px;width:42px;}

ol.breadcrumb li a { color:#222;}
ul.list-group{ margin-top:40px;}