@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:0; font-family:arial; font-size:14px;}
ul{ padding:0; margin:0;}
li{ list-style:none;}
a:link{ text-decoration:none; color:#666;}
a:visited{ text-decoration:none;  color:#666;}
a:hover{ text-decoration:none;  color:#666;}
a:active{ text-decoration:none;  color:#666;}
.clear{ clear:both;}
.w1200{ width:1200px; margin: 0 auto; }
.imgcenter img{ display:block; margin:0 auto;}

.dingbu{ background:#eee; height:40px; line-height:40px;  }
.dingbu_left{ float:left; color:#666;  }
.dingbu_right{ float:right; }
.logo_contact{ width:1200px; margin:0 auto;}
.logo{ float:left;}
.lang_tel{ float:right;}


.dingbu_right .search{ float:left; padding-right:20px; margin-top:5px; }
#keyword{ background:none; border:1px solid #ccc; height:26px;  line-height:26px;  width:140px; padding-left:5px; }
#search_btn{  height:28px;  line-height:28px; padding:0 10px; background:#838383; color:#fff;   }
.nav{ background:#005ab9;  width:100%;}
.nav_nei{ width:1200px; margin:0 auto; overflow:hidden; height:54px; }
.nav li{ float:left; list-style:none; height:54px; line-height:54px;  }
.nav li a{ display:block; padding:0 35px;}
.nav li a:link{  font-size:14px; color:#fff; }
.nav li a:visited{  font-size:14px; color:#fff; }
.nav li a:hover{ font-size:14px; color:#fff;  background:#10baff; }
.nav li a:active{  font-size:14px; color:#fff; background:#10baff; }

.myname{ height:150px; display: table; }
.myname .logo{ float:left; padding-top:38px; } 
.myname .topline{ float:right;  padding-top:50px; } 


.iabout .bt img{ padding:50px 0 20px 0;  }
.iabout .img { float:left;  }
.iabout .anniu { margin-top:20px; }
.iabout .anniu a{ width:157px; height:46px; display:block; background:#10baff; line-height:46px;  color:#fff; text-align:center; margin:0 auto; }
.iabout .content{ float:right; width:820px;color:#666; line-height:30px; font-size:16px;    }

.ipro {background:#f4f4f4;  padding:80px 0; margin:90px 0; }
.ipro .bt{padding-bottom:20px;}
.ipro h5{font-weight:normal; padding-top:20px; }


.itech{ background:url(../images/itec_bg.jpg) repeat-y center top; padding:10px 0; }
.itech .itech_left{ float:left;  width:440px; }
.itech .itech_right{ float:right; padding-top:18px;  }
.itech .itech_right img{ padding-left:40px; }
.itech .itech_left p{ line-height:30px; color:#666666; padding-top:30px; }


.bt_img img{ display:block; margin:0 auto; }
.iclient{ background:url(../images/iclient_bg.jpg) repeat-y center top; padding:10px 0; padding:60px 0; margin-top:60px;  }
.iclient .bt_img{ padding-bottom:30px;}
.iclient ul li{ float:left; padding:5px;  } 
.iclient ul li img{ border-radius:10px; }

.inews{ margin-top:60px; }
.inews .bt_img{ margin-bottom:40px; }
.inews li{ float:left; width:368px; background:#f5f5f5; padding:11px; padding-bottom:30px; margin:0 5px; }
.inews h3{ color:#333; font-size:16px; padding-top:30px; }
.inews p{ color:#666; font-size:14px; line-height:24px; padding-top:10px;  }
.inews span{padding-top:15px; display:block; margin-bottom:10px; font-size:12px; }
.inews b{padding:5px 10px; background:#10baff; width:200px; height:30px; line-height:30px; color:#fff; border-radius:5px; font-weight:normal; }


.ihezuo{ background:#efefef; padding:10px 0; padding:60px 0; margin-top:60px;  }
.ihezuo .bt_img{ padding-bottom:30px;}
.ihezuo ul li{ float:left; padding:5px;  } 
.ihezuo ul li img{ border-radius:10px; }



.footer{  background:#005cb1; color:#fff; }
.footer a{ color:#fff; }
.footer1{ border-bottom:1px solid rgba(255,255,255,0.2); padding-top:15px; text-align:center; }
.footer1 h2{ font-size:32px; font-weight:normal; margin-bottom:15px;  }
.footer1 h3{ font-size:18px; font-weight:normal; padding-bottom:15px; }
.footer_main{ padding:40px 0; }
.footer_main .footer_nav{ float:left;  }

.footer_main .footer_right{ float:right; }
.footer_main li{ float: left; padding:0 58px  0 0;   text-align: left;}
.footer_main li h2 a{ font-size:16px; font-weight:normal;  }
.footer_main li dt { padding-top:10px;}
.footer_main li dt dl { padding-top:10px;}
.footer_main li dt dl a{ color:rgba(255,255,255,0.7)}
.footer2{ background:#004687; line-height:24px; height:70px;  text-align:center; padding-top:20px;   }
.footer_right{ border-left:1px solid rgba(255,255,255,0.2); padding-left:60px; }


.footer_right p{ padding-bottom:10px;  }
.footer_right .footer_contact{ padding-top:20px; line-height:26px;}



.footer_right .footer_search{ float:left; padding-right:20px; margin-top:5px; }
#keyword2{ background:#80aed8; border:1px solid #004687; height:26px;  line-height:26px;  width:140px; padding-left:5px; color:rgba(255,255,255,0.4);  }
#search_btn2{  height:28px;  line-height:28px; padding:0 10px; text-indent:15px;  background:url(../images/search_icon.png) #004687 no-repeat 5px center ; color:#fff;    }




.about p{ text-indent:2em; font-size:14px; }
.about strong{ font-size:18px; color:#005ab9;  }
 
/*大标题和位置*/
.weizhi{ width:100%; border-bottom:1px solid #e4e4e4; background:#fff;}
.weizhi_nei{ width:1200px; margin:0 auto; padding:15px 0;}
.weizhi h3{ color:#333; padding:0; margin:0; font-size:20px; float:left; font-weight:normal; text-transform: uppercase}
.position{ color:#777; padding-top:10px; float:right;}

.fenlei{	width:1200px; padding-top: 20px;	margin-bottom: 15px;   margin:0 auto;}
.fenlei li{	float: left; margin-bottom:5px;}
.fenlei li a{	display: inline-block;		height: 40px;	float: left;	margin-right: 5px;	line-height: 40px;	color: #333;	text-align: center;	background: #e7e7e7; font-size:16px;}
.fenlei li a:hover{	background: #10baff;	color: #fff;  }
.fenlei2 li a{width:595px;}
.fenlei3 li a{width:395px;}
.fenlei4 li a{ width:295px;}
.fenlei5 li a{ width:235px;}
.fenlei6 li a{ width:195px;}
.fenlei7 li a{ width:166px;}
.fenlei8 li a{ width:145px;}
.fenlei9 li a{ width:128px; font-size:13px;}
.a_active{	background: #10baff !important;	color: #fff !important;  }

.mainsame {line-height:30px; padding-top:30px; color:#666; padding-bottom:30px;  background:url(../images/about1.jpg) center bottom no-repeat;  background-size:1200px; padding-bottom:50px;   }
.mainsame h3{font-size:20px; font-weight:normal; color:#10baff; padding-bottom:10px; }

.news_detail { padding-bottom:30px;}
.pro_detail { padding-bottom:30px;}


/*新闻列表页*/
.news_list{ padding: 0 20px; line-height:25px;   border-top:0; padding-bottom:30px;}
.news_list ul{height: auto; margin:0; padding:0;}
.news_list ul li{ margin-top:10px; padding:10px 0; float:left;  border-bottom:1px dotted #bbb; }
.news_list h4{ font-size:18px; font-weight:normal; color:#333; width: 770px;
 float: left;}
.news_list ul li a span{ width:100px;  float:right;  font-size: 14px; display:block; text-align:right; }
.news_list p{ color:#888; padding-top:5px;  }
.news_list b{ background:#fff;  color:#10baff; font-weight:normal; padding:3px 15px; border-radius:30px; float:right; border:1px solid #10baff  }
.news_list b:hover{ background:#10baff; color:#fff; } 


.service_list li{ width:1200px; }



.pro_list{ padding-top:40px;}
.pro_list li{ float:left; width:250px; margin:0 25px 30px 25px; }
.pro_list li img{ width:250px; height:187px; border:1px solid #e5e5e5;}
.pro_list li:hover img{ border:1px solid #10baff;}
.pro_list li a h4{ font-size:16px; font-weight:normal; padding-top:10px;  padding-bottom:10px;  line-height:22px; text-align:center;   width:252px;}
.pro_list li a:hover h4{ color:#fff;  background:#10baff; }


.apply_list li{ width:390px; margin:0 5px 30px 5px; }
.apply_list li img{ width:390px; height:293px; border:0;  }
.apply_list li:hover img{ border:0;}
.apply_list li  h4{ text-align:center; width:390px; font-size:18px; padding-top:15px;  }

.picarr .preview li a img{ width:100%; }
.picarr .preview{ margin:0 auto; margin-top:20px;}
.OneOfTwo{ padding-top:30px;}




.search .content{ padding:20px 0; border:1px solid #e5e5e5; }
.search .pro_list li{ margin:0 22px 30px; }
.search .OneOfTwo{ padding:0 20px;} 
   
   
   
   
   
/*分页样式*/
.page_info {	text-align: center;	margin-top: 10px;	color: #333; margin-bottom:20px; }
.page_info span {	padding: 0 2px;	font-weight: bold;}
.page_list {	height: 24px;	line-height: 24px;	text-align: center;	letter-spacing: 0;	font-family: "Arial Black";	font-size: 12px;	margin-top: 20px; padding-bottom:5px;}
.page_list a {	display: inline-block;	color: #898989;	border: 1px solid #e8e8e8;	background: #f8f8f8;	padding: 0 8px;	margin: 0 1px; }
.page_list a:hover {	color: #fff;	border: 1px solid #898989;	background: #898989;}
.page_list a.on {	color: #333;	border: 1px solid #ccc;	background: #E5EDF2;}





.main{ padding:30px 0 30px 0;}
.left{ width:205px; float:left;  }
.right{ width:985px; float:right;  }
.left h3{ font-size:16px; background:#198dcf; color:#fff; font-weight:normal; text-indent:1em; height:40px; line-height:40px; }
.left .cate li{ border:1px solid #f0f0f0; border-top:0;  height:40px; line-height:40px; text-indent:0.8em; }
.left .cate{ border-bottom:3px solid #f0f0f0; }
.left .cate li a{ display:block; }

.right_bt{ background:#e5e5e5; height:40px; line-height:40px; }
.right_bt span{ background:#198dcf; color:#fff;  font-size:16px; padding:11px 20px 13px 20px;}
.right .content{ padding:20px; border:1px solid #f0f0f0; }

#textarea img{ max-width:100%;}



.fenlei_apply{ padding-bottom:30px;}
.apply01{ background:#fff; width:320px; float:left;  margin-right:20px; padding:30px; margin-top:20px;}
.apply01 h4{ border-bottom:1px solid #ccc; width:320px; font-size:16px; color:#333; font-weight:normal;  padding-bottom:15px; margin-bottom:30px;  }
.apply01 img{ width:320px;}
.apply01 p{ color:#888; line-height:24px;  padding-bottom:20px; }
.apply01:hover{ background:rgba(233, 244, 251); }




/* 产品左侧分类样式 */
.menu{  width: 203px; height: 100%;  margin: 0 auto; background: #fff; border:1px solid #eee; border-top:0;}
.menu ul li{  line-height: 56px; border-bottom: 1px solid #eee; font-size: 15px;  }
.menu ul li span{ display: block; height: 100%; width: 100%; position: relative; padding: 0; text-indent: 1em; }
.menu ul li span i{ display: block; height: 20px; width: 20px; background: url(../images/arr.png) no-repeat center center; background-size:50% 50%; position: absolute; right: 20px; top: 50%; margin-top: -10px;  transition: all 0.3s ease-out; transform: rotate(0deg);}
.menu ul li span i.action{ transition: all 0.3s ease-out;transform: rotate(180deg);}
.menu ul li>dl{ display: none; padding-left: 30px; background: #f5f5f5;  }
.menu ul li dl dt{height:40px; line-height:40px;}
.menu ul li>dl a{ display: block;  width: 100%; font-size: 14px; color: #222; text-decoration: none; }
.menu ul li>dl a:hover{ color:#10baff; }



.picarr .picture .lightbox img{ width:80%; }