@charset "utf-8";
/* CSS Document */
*{margin:0; padding: 0; list-style: none;}
body{font-family: 微软雅黑;}
a,img{border:0;text-decoration:none;}
/*公共部分*/
ul li {list-style:none;}
.w100{ width: 100%; margin:0; }
.w1200{ width: 1200px; margin:0 auto;}
#head{width: 100%; height:135px; margin: 0;}
.fl{float: left;}
.fr{float: right;}
h5{ font-size:27px; color:#6481b4; float: left; }
.ico{  margin-right: 20px; margin-left: 20px;} 
.more{ font-size:14px; color:#252526; float: right;} 
.more a{ color: #656565;}
.more a:hover{ color: #ff0000;}
.mainbg{ background:url(../images/mainbg.jpg); background-repeat: repeat-x;}
#logo{ float: left; height: 135px;  width: 328px; margin: 0;  line-height: 135px; }
/*搜索框*/
.search{float: right; width: 490px; height: 130px; }
} 
form { 
margin: 0; 
} 
#search_box { 
margin-top: 40px; margin-left: 100px;
width: 300px; 
height: 38px; 
background: url(../images/bg_search_box.gif); 
} 
#search_box #q { 
float: left; 
padding: 0; 
margin: 6px 0 0 6px; 
border: 0; 
width: 249px; 
height: 25px;
background: none; 
font-size: .8em; 
} 
#search_box #go { 
float: right; 
margin: 3px 14px 0 0; 
} 
/*搜素结束*/


.location{float: left; height: 30px; color: #464646; font-size: 14px; clear: both; width: 100%;}
.bannertitle{ width: 493px; height: 169px; background: #0380bb; float:right; margin-top: 100px; margin-right: 80px; opacity:0.9; }
.bannertitle h3{ font-size:48px; color:#FFFFFF; line-height: 169px; margin-left: 60px;}
.content{ line-height: 20px; color: #646464; font-size: 13px; }
.content p{text-indent: 2em; padding-right:20px;}

/*左侧栏目导航*/

.navclom {float: left; width: 248px;  margin-right: 30px; }

.navclom  .active{ width: 248px; height: 30px;  clear: both;   background:#0282bb; color: #FFFFFF }
.navclom  .active a{ color:#FFFFFF }
.navclom ul{float: left; width: 248px; height: auto; }
.navclom ul li img{  margin-right: 10px;}
.navclom ul li{height:30px; line-height: 30px; font-size: 14px; color: #000000; border-bottom: 1px dotted #ABA8A8; text-indent: 2em;}
.navclom ul li a{color: #000000; height:30px; line-height: 30px;  }
.navclom ul li:hover{ background:#0282bb; height:30px; line-height: 30px;  cursor:pointer; color:#FFFFFF; border-bottom: 1px dotted #ABA8A8;}
.navclom ul li:hover a{ color:#FFFFFF; }
/*栏目公共部分*/
.banner_about{ width: 100%; background: url(../images/banner_about.jpg); background-position: center; height: 376px; position:relative; }
.banner_support{ width: 100%; background: url(../images/banner_support.jpg); background-position: center; height: 376px; position:relative;}
.banner_contact{ width: 100%; background: url(../images/banner_contact.jpg); background-position: center; height: 376px; position:relative;}
.banner_down{ width: 100%; background: url(../images/banner_down.jpg); background-position: center; height: 376px; position:relative;}
.banner_pro{ width: 100%; background: url(../images/01.jpg); background-position: center; height: 376px; position:relative;}


/*公共部分结束*/
.navbg{ height: 40px; background: #0093dd; line-height: 40px;}
.h30{height:30px; clear: both;}
.h10{height:10px; clear: both;}
#nav{ line-height: 40px; height: 40px;}
#nav .selc{ display: block; height:40px;text-align:center; line-height:40px; width:145px; background:#036ca4; cursor:pointer; }
#nav ul{}
#nav ul li{ float: left; width: 145px; height: 40px; border-right:1px solid #ffffff; text-align: center; color: #FFFFFF; }
#nav ul li a{ color: #FFFFFF; }
#nav ul li:hover {display: block; height:40px;text-align:center; line-height:40px; width:145px; background:#036ca4; cursor:pointer; }
#banner{ background: #cccccc; height: 375x;}

/* mainbanner */
.mainbanner{height:375px;overflow:hidden; position:relative;}
.mainbanner_window{left:50%;width:2000px;height:375px;overflow:hidden;margin-left:-1000px;position:absolute;}
.mainbanner_window ul{width:999999px;height:375px;position:relative;}
.mainbanner_window li{background:rgb(204, 204, 204);width:2000px;height:375px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{left:50%;top:300px;width:500px;height:30px;margin-left:-75px;position:absolute;}
.mainbanner_list li{width:30px;height:30px;overflow:hidden;float:left;display:inline;}
.mainbanner_list a{background:url("../images/50c15ece07fd0f3407000083.png") no-repeat;width:25px;height:25px;line-height:25px;overflow:hidden;text-align:center;color:rgb(255, 255, 255);font-size:12px;font-weight:700;float:left;display:inline-block;}
.mainbanner_list li.active a{background-position:0 -30px;text-decoration:none;}
.mainbanner_list li a:hover{background-position:0 -30px;text-decoration:none;}
/*banner滚动*/

/*首页产品目录*/
.pro_catlog {height: 390px;}
.pro_catlog .title{ width:100%; height: 42px;} 
.pro_catlog .title .more{ font-size:14px; color:#252526; float: right;} 
.pro_catlog .catlog{border:1px solid #dfdfdf; height: 320px; margin-top: 10px; background: #FFFFFF; }
.pro_catlog .catlog .class{  width: 1200px;  margin-left: 40px; margin-right:40px; margin-top: 10px; }
.pro_scatlog .catlog .class ul{   width: 1100px; height: auto;}
.pro_catlog .catlog .class ul li{ width: 360px; height: 90px; float: left;  margin-right: 10px; margin-bottom: 5px; }
.pro_catlog .catlog .class ul li .classimg{float: left; width: 89px;  line-height: 100px; background:#FFFFFF;   height: 80px;  margin-left: 15px; margin-top: 15px; margin-right: 15px; }
.pro_catlog .catlog .class ul li .classimg img{ width: 89px; height: 80px;

	 cursor: pointer;  
   transition: all 0.6s; 
	

}
.pro_catlog .catlog .class ul li .classimg img:hover{ 

 transform: scale(1.3);  


}
.pro_catlog .catlog .class ul li a{font-size:14px; color:#8d8d8d;}
.pro_catlog .catlog .class ul li a:hover{font-size:14px; color:#ff0000;}
.pro_catlog .catlog .class ul li .classname{float:left; width: 240px; background: #FFFFFF; margin-top: 15px; overflow: hidden;}
.pro_catlog .catlog .class ul li .classname h6{ clear: both; font-size:14px; color: #0093dd;  margin-bottom: 5px;}
.pro_catlog .catlog .class ul li .classname span{font-size:10px; float: left; margin-right: 5px; margin-left: 5px; padding-right: 10px;}
/*产品信息首页目录*/
.productcatlog{}
.productcatlog ul{} 
.productcatlog ul li{ width: 400px; height: 260px; float: left; margin-bottom: 10px;   } 
.productcatlog ul li .boxpro{ width: 90px; height: 80px;   border-top-left-radius: 10px;
 border-top-right-radius: 10px;
 border-bottom-right-radius: 10px;
 border-bottom-left-radius: 10px;  border-top-left-radius: 10px;
 border-top-right-radius: 10px;
 border-bottom-right-radius: 10px;
 border-bottom-left-radius: 10px;border: 3px solid #0390de;background:#9bcb17;  } 
.productcatlog ul li .boxpro .pic {text-align: center;  } 
.productcatlog ul li .boxpro .pic img{line-height: 80px; } 
.productcatlog ul li .boxpro .pic p { color: #000000; font-size: 14px; } 

/*首页推荐产品--技术资讯公共部分*/
.about_news{width:1200px; margin: 0 atuto;}
.about_news .titlebg{ width: 100%;height: 42px;}
.about_news .about_t{ float: right; width: 700px;}
.about_news .news_t{ float: left; width: 500px;}
.about_news .about{ float: right; border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; width: 700px; height: 310px;}
.about_news .about span{ margin-left: 43px; margin-top: 43px; margin-bottom: 53px;  display: block;  color: #8d8d8d;  text-indent: 2em; line-height: 35px; }
.about_news .about span img{ float: left; margin-right: 10px;}


/*推荐产品滚动*/
.proScroll-left{
	margin-top: 30px;
	width: 700px;
	height: auto;
	overflow: hidden;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.proScroll-left .hd .prev{isplay:block;  float:left; margin-left:15px; margin-top:105px;  overflow:hidden; cursor:pointer; }
.proScroll-left .hd .next{ display:block;  float:right; margin-right:15px; margin-top:105px;  overflow:hidden; cursor:pointer; }	 
.proScroll-left .bd{ padding-top:20px;margin-left:25px}
.proScroll-left .bd ul{ overflow:hidden;}
.proScroll-left .bd ul li{ margin:0 8px;width:186px;float:left;display:inline; overflow:hidden; text-align:center;  }
.proScroll-left .bd ul li .pic{text-align:center;}
.proScroll-left .bd ul li .pic img{ display:block; width: 180px; height: 180px; border: 1px solid #DDDBDB;}
.proScroll-left .bd ul li .title{ line-height:20px; font-size: 12px; color: #535252; margin-top: 10px;}
/*推荐产品滚动结束*/




#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333}



.about_news .news{ float: right; border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf;   border-right: 1px solid #dfdfdf;  width: 497px; height: 310px;}
.about_news .news ul{ margin-left: 43px; margin-top: 43px; margin-bottom: 53px;}
.about_news .news ul li{ clear: both; height: 30px; color: #8d8d8d; list-style: circle;}
.about_news .news ul li a{ color: #8d8d8d; }
.about_news .news ul li a:hover{ color: #ff0000; }

/*合作伙伴*/
.panter{}
.panter .title{width: 100%; height: 42px;}
.panter .title .more{font-size:14px; color:#252526; float: right;}
.panter .pantercompanty{ border:1px solid #dfdfdf; height: 100px; margin-top: 10px; background: #FFFFFF; }

/*合作伙伴滚动*/
.picScroll-left{
	width: 1200px;
	height: auto;
	overflow: hidden;
	position: relative;
	margin-left: auto;
	margin-right: auto;

}
.picScroll-left .hd .prev{isplay:block;  float:left; margin-left:15px; margin-top:25px;  overflow:hidden; cursor:pointer; }
.picScroll-left .hd .next{ display:block;  float:right; margin-right:15px; margin-top:25px;  overflow:hidden;
			 cursor:pointer; }	 
.picScroll-left .bd{ padding-top:20px;margin-left:25px}
.picScroll-left .bd ul{ overflow:hidden;}
.picScroll-left .bd ul li{ margin:0 5px;width:148px;float:left;display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{text-align:center;}
.picScroll-left .bd ul li .pic img{ display:block; width: 150px; height: 60px; }
.picScroll-left .bd ul li .title{ line-height:50px;}
/*合作伙伴滚动结束*/

/*底部*/
#footer{ width: 100%; height: 300px; background: #656565;}
#footer a{color: #ffffff; font-size: 14px;}
#footer .bottom_nav{ width: 200px; height: 200px; margin-right: 20px; float: left; }
#footer .code{ width: 270px; height: 200px; float: left;  border-left:1px solid #8a8a8a; padding-left: 30px;}
#footer .code img{ border:0;  }
#footer .code span{color: #FFFFFF; font-size:14px; display: block; text-align: center;  width: 158px; margin-top: 5px;}
#footer .bottom_nav h4{ font-size:20px; color: #FFFFFF;}
#footer .bottom_nav .list{ margin-top: 20px;}
#footer .bottom_nav .list ul{}
#footer .bottom_nav .list ul li{ color: #FFF9F9; font-size: 14px;}
/*版权所有*/
#footer .copyright{border-top:1px solid #EBE1E1; height: 40px; line-height: 40px; clear: both; font-size: 14px; color: #F9F9F9;}
#footer .copyright span{ float: right;}

/*关于我们四个小框*/
.about_btn{clear: both;}
.about_btn ul{}
.about_btn ul li{width: 300px;height: 250px;  float: left; }
.about_btn ul li .box{ background:#9dcd17; width:250px; height: 250px; }
.about_btn ul li .box:hover{ background:#0093dd; width:250px; height: 250px; cursor:pointer; }
.about_btn ul li .box .btn{text-align: center; padding-top: 30px;}
.about_btn ul li .box .about_t{ font-size: 29px; color: #FFFFFF; text-align: center; margin-top: 30px;}
/*新闻部分*/
.newslist{width: 1200px;}

/*新闻列表部分*/
.newslist .listnews{ float: left; width: 900px;  height: 500px }
.newslist .list ul li{ border-bottom: 1px dotted #cccccc; font-size: 14px; color: #333333; height: 40px; line-height: 40px}
.newslist .list ul li a{ font-size: 14px; color: #333333; }
.newslist .list ul li a:hover{ font-size: 14px; color: #ff0000; }
.newslist .list ul li img{margin-right: 10px;}

/*产品列表*/
.productlist{width: 1200px;}
.productlist .left{ float: left;}
.productlist .right{ float: left;}
.productlist .right .titlebg{ height: 45px; background:#0093dd; width: 900px; color: #FFFDFD;font-size: 14px;text-align: center;  line-height: 45px;  }
.productlist .right .titlebg .no{ float: left;  width: 140px; height: 45px; border-right:1px solid #FFFFFF;}
.productlist .right .titlebg .name{ float: left; width: 340px; height: 45px; border-right:1px solid #FFFFFF;}
.productlist .right .titlebg .cas{ float: left; width: 230px; height: 45px; border-right:1px solid #FFFFFF;}
.productlist .right .titlebg .guige{ float: left; width: 130px; height: 45px; border-right:1px solid #FFFFFF;}
.productlist .right .titlebg .kuc{ float: left; width: 55px; height: 45px; }
.productlist .right .prolist { width: 900px; font-size: 12px;text-align: center; line-height: 40px; }
.productlist .right .prolist a{color: #000000; font-size:12px;}
.productlist .right .prolist ul {background: url(../images/prolist_bg.jpg);}
.productlist .right .prolist ul li {   height: 40px;}
.productlist .right .prolist ul li:hover{ height: 40px; background: #0093dd; color: #FFFFFF; cursor:pointer;}
.productlist .right .prolist ul li .no{ float: left;  width: 140px; height: 40px;}
.productlist .right .prolist ul li .name{ float: left;  width: 340px; height: 40px;}
.productlist .right .prolist ul li .cas{ float: left; width: 230px; height: 40px; }
.productlist .right .prolist ul li .guige{ float: left; width: 130px; height: 40px; }
.productlist .right .prolist ul li .kuc{ float: left;  width: 60px; height: 40px; }

/*产品详细页面*/
.detailproduct{width: 1200px; height: auto;}
.detailproduct .proimg{ float: left; width: 411px; height: 382px; margin-right: 20px;}
.detailproduct .procon{ float: left; width: 768px; height: 382px;  }
.detailproduct .procon h5{ border-bottom: 1px solid #e8e8e8; text-indent: 2em; line-height: 40px; height: 40px; float: left; width: 100%; font-size:18px; color: #626262;}
.detailproduct .procon p{ text-indent: 2em; color: #626262; font-size: 14px; height: 30px;}
.detailproduct .procon p img{ border: 0; margin-right: 5px; margin-top: 50px; width: 193px; height: 66px;}
.detailproduct .prodetail{ clear: both;  width: 100%;  }

/*产品详细table选项*/
.table_card a {
	color:#111111;
	text-decoration:none;
	-webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear
}
.table_card a:focus , a:link, a:active { outline:none}
.table_card a:hover { color:#F30}
.table_card { width:1200px; margin:0 auto;margin-top: 20px}
.table_card .tab { height:37px; font-size:14px; border-bottom:1px #e1e1e1 solid}
.table_card .tab li { float:left; height:36px; line-height:36px; padding:0 25px; margin-right:5px; background:#ffffff; border-top:1px #e1e1e1 solid; border-left:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid;}
.table_card .tab li:hover { height:37px; background:#4671ad; color:#fff; cursor:pointer}
.table_card .activ { height:37px !important; background:#4671ad !important; color:#fff}
.table_card .tabCon { background:#fff; padding:15px; border-bottom:1px #e1e1e1 solid; border-left:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid;}
.table_card .tabCon div { display:none}
.table_card .tabCon .on { display:block}
.table_card .tabCon p { text-indent: 2em; color: #7C7A7A; font-size: 12px; line-height: 30px; overflow: hidden;}

.newslist01 { font-size:14px; }
.newslist01 li { line-height:36px;}
.newslist01 li .ding { color:#F30; margin-left:5px}
.newslist01 li .time { float:right; font-size:12px; color:#888}

.pages{width: 100%;}
.pages .a1{; font-size:14px; color: #4B4B4B}
.pages a{ font-size:14px;}
/*
.detailproduct .prodetail .pronav{ border-bottom: 1px solid #e8e8e8;  line-height: 40px; height: 40px; float: left; width: 100%;}
.detailproduct .prodetail .pronav span{display: block; width: 100px; height: 40x; float: left; color:#626262; text-align: center;}
.detailproduct .prodetail .pronav span:hover{display: block; width: 100px; height: 40x; color:#ffffff; float: left; background:#4671ad;}
.detailproduct .prodetail .content{ line-height: 30px; font-size:14px; text-indent: 2em;}*/