@charset "utf-8";
/* CSS Document */
#content{ width:100%;margin:auto;}
#content .content{ width:1200px; margin:auto; padding:25px 0; }
#body{ width:1200px; margin:auto; }
.blue{ color:#234584;}
.red{ color:#fe4444;}
.clear{clear:both; width:100%; height:1px;}
.hide{ display:none;}

/*面包式导航*/
#position{width:100%;float: left;background: #0975bd;margin-bottom: 30px;height: 60px;}
.position{width: 1200px;height:35px;line-height:35px;margin:0 auto;}
.position .cur_position{ width:auto; color:#666666; float:left; font-size:14px;   }
.position .crumbs{height: 60px;line-height: 60px;font-size: 12px;color: #fff;float: left;margin-right:10px;background: url(../images/h.png) no-repeat 5px;text-indent: 30px;}
.position .crumbs a{color: #fff;padding:5px;}
.position .crumbs span{display:inline-block;color: #fff;text-indent:10px;}

/*左栏*/

#content .left{width: 265px;height:auto;padding-bottom:10px;float:left;background: #fff;}
#content .left h2{width:100%;height: 58px;line-height: 58px;color: #333;background: url(../images/c1.jpg) no-repeat 20px 20px #fff;text-align:center;font-size: 18px;font-weight:bolder;text-align: left;text-indent: 45px;}
#content .left ul{width: 265px;height:auto;border-top:0;}
#content .left ul li{width: 265px;margin:auto;height: 50px;line-height: 50px;background: url(../images/c3.png) no-repeat 230px #ffff;text-indent:15px;font-size: 16px;border-bottom: 1px solid #eee;}
#content .left ul li a{display:block;}
#content .left ul li.active{background: url(../images/c1.png) no-repeat 230px #f4f7f9;}
#content .left ul li.active a{color: #004a85;font-weight: bold;}


/*#content .left .contact{ width:263px; padding-bottom:20px; margin-top:20px; color:#666666;background:url(../images/contact_bg.jpg) no-repeat; }
#content .left .contact .brief{width:90%; margin:auto; padding:20px 0px 30px; line-height:26px; font-size:14px; font-weight:500;color:#666666;  }	
#content .left .contact .brief span{width:188px; float:right; }*/	

#content .left .nav_child{display:block;width: 265px;margin:auto;height: 38px;line-height: 38px;font-size: 14px;font-weight:500;color:#666666;text-indent: 30px;overflow:hidden;}
#content .left  .cur, #content .left .nav_child:hover{color: #fff;background: #004a85;}

#content .left .h{
    height: 20px;
    background: #f4f4f4;
}
#content .left .contact{
    /* padding: 20px 0 20px 40px; */
}
#content .left .contact .tel{
    background: url(../images/tel2.png) no-repeat  42px 22px;
    text-indent: 55px;
    float: left;
    font-size: 16px;
    height: 58px;
    width: 280px;
    border-bottom: 1px solid #ddd;
    margin: 10px 0 0 0;
    padding: 10px 0 10px 40px;
}
#content .left .contact .tel .h1{
    font-size: 28.5px;
    color: #004c99;
    font-weight: bold;
    font-family: Impact;
}
#content .left .contact .tel .h2{
    font-size: 14px;
    color: #333;
    width: 100%;
    float: left;
    line-height: 8px;
    margin-top: 15px;
}
#content .left .brief{
    float: left;
    font-size: 14px;
    color: #000;
    margin: 20px 0 20px 40px;
    line-height: 25px;
}

#content .left2{ width:225px;float:left; margin-bottom:30px;}	
#content .left2 .hot{ clear:both; width:100%; height:auto; background:#fff;   }
#content .left2 .hot .title{ width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; background:#e60012; color:#fff; }
#content .left2 .hot ul{ border-right:1px solid #dddddd; border-left:1px solid #dddddd;}	
#content .left2 .hot ul li{ width:100%; height:226px; margin:auto; font-size:14px; line-height:25px; padding-bottom:5px; border-bottom:1px solid #dddddd; }
#content .left2 .hot ul li .img{ width:225px; height:155px; display:table-cell; vertical-align:middle; text-align:center; }
#content .left2 .hot ul li .img img{ max-width:220px; max-height:150px; vertical-align:middle;}
#content .left2 .hot ul li .name{ width:157px; float:right; font-size:12px; overflow:hidden; }
#content .left2 .hot ul li .name span{ color:#e60012; padding-left:10px; }



/*单页	*/
#content .danye{
	 width:900px;
	 background:#fff;
	 float:right;

	}
	
#content .danye .name {
    font-size: 18px;
    color: #fff;
    background: #0070bb;
    width: 870px;
    float: left;
    height: 60px;
    line-height: 60px;
    padding-left: 30px;margin: 0 0 20px 0;
}
#content .danye .title{    float: left;
    width: 100%;
    font-size: 14px;
    color: #004a85;
    padding-left: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin: 0 0 10px 0;
    position: relative;}
	
#content .danye .title:after {
    content: "";
    height: 20px;
    width: 2px;
    background: #004a85;
    position: absolute;
    left: 0;
}	
	
#content .danye img{
	 max-width:100%;

	}
	
#content .danye .kuang{
	border:1px solid #dfdfdf;
	margin-bottom:20px;

	}	
#content .danye .kuang .name{
	width:100%;
	height:55px;
	border-bottom:1px solid #dfdfdf;
	}
#content .danye .kuang .name span{
	display:block;
	width:255px;
	height:55px;
	line-height:55px;
	background:#f6f8ff;
	color:#436f9f;
	text-align:center;
	font-weight:bolder;
	font-size:16px;
	
	border-right:1px solid #dfdfdf;
	}
	
#content .danye .kuang ul li{
  width:253px;
  height:auto;
  float:left;
  margin-top:20px;
  padding-bottom:20px;
  margin-left:24px;
	}	
#content .danye .kuang ul li img{
  width:100%;
  height:247px;
  margin-bottom:10px;
	}
#content .danye .kuang ul li .titl{
  width:100%;
  height:auto;
  line-height:20px;
  text-align:center;
	}				
			
/*产品列表	*/	
#content #product_right{
	 width: 900px;
	 float:right;
	 background: #fff;
	}
#content #product_right .catep{} 
#content #product_right  .name{
    font-size: 18px;
    color: #fff;
    background: #0070bb;
    width: 870px;
    float: left;
    height: 60px;
    line-height: 60px;
    padding-left: 30px;
}
#content #product_right .catep .desc{
    font-size: 14px;
    color: #333;
    background: #fff;
    width: 870px;
    float: left;
    height: 60px;
    line-height: 60px;
    padding-left: 30px;
}  
#content #product_right .catep ul{
    float: left;
    width: 100%;
}
#content #product_right .catep ul li{}
#content #product_right .catep ul li .h1{
    font-size: 14px;
    color: #333;
    height: 50px;
    line-height: 50px;
    float: left;
    width: 870px;
    background: #f4f7f9;
    padding-left: 30px;
}

#content #product_right .catep ul li a span {
    width: 14px;
    height: 14px;
    background: #0075be;
    float: left;
    margin: 17px 5px 0 0;
}

#content #product_right .catep ul li .h2{
    font-size: 14px;
    color: #333;
    height: 50px;
    line-height: 50px;
    float: left;
    width: 870px;
    background: #fff;
    padding-left: 30px;
}

#content #product_right .catep ul li .h3{
    font-size: 14px;
     color:#0070bb
    height: 50px;
    line-height: 50px;
    float: left;
    width: 870px;
    background: #fff;
    padding-left: 30px;
}

#content #product_right .catep ul li a{ color:#333}
#content #product_right .catep ul li a:hover{}


#content #product_right .catep ul li .second{
    float: left;
    background: #fff;
    width: 100%;
}
#content #product_right .catep ul li .second a{
    background: #fff;
}

#content #product_right .catep ul li .seconds{
    float: left;
    background: #fff;
    width: 100%;
}
#content #product_right .catep ul li .seconds a{
    background: #fff; color:#0070bb
}
#content #product_right .catep .searchn{ font-size:12px; color:#0070bb; border:1px solid #0070bb;    padding: 2px 20px;
    margin-left: 10px; }

#content #product_right .buy{ font-size:12px; color:#3c707f; background:#b2dff0;padding: 1px 3px;}
#content #product_right .product_right{    width: 820px;
    margin: 40px;
    float: left;}
#content #product_right #example_wrapper{}

#content .product_right .product_list{ width:100%; padding-bottom:20px;}
#content .product_right .product_list li{width: 266px;height: 262px;margin-right: 20px;float:left;margin-bottom: 20px;background: #fff;}
#content .product_right .product_list li.four{ margin-right:0px;}
#content .product_right .product_list li .img{width: 266px;height:210px;display:table-cell;text-align:center;vertical-align:middle; }
#content .product_right .product_list li .img img{width: 100%;max-width: 1;max-height:210px;vertical-align:middle;}
#content .product_right .product_list li .name{width:100%;height: 55px;line-height: 45px;text-align:center;text-align:center;overflow:hidden;color: #555;font-size: 14px;}
#content .product_right .product_list li:hover .name{color: #004c99;}


#content .product_detail{
	 width:865px;
	background:#fff;
	float:right;
	}



/*产品详情*/
.game163{width: 392px;margin: 0 0 0 20px;position: relative;overflow: hidden;float:left;}	
.game163 .bigImg{width:336px;height: 303px !important;position: relative;}	
.game163 .bigImg li{text-align:center;position: absolute;width: 392px;left: 0px;top: 0px;display: none;}
.game163 .bigImg li a{display:table-cell;width: 392px;height: 303px;text-align:center;vertical-align:middle;}
.game163 .bigImg li img{width: 392px;height: 303px;}	


.game163 .smallScroll{ height: 87px; margin-bottom: 6px; margin-top:10px;}	
.game163 .sPrev,.game163 .sNext{ float: left; display: block; width: 21px; height: 68px; background: url(../images/pleft.jpg) no-repeat center; }	
.game163 .sNext{background: url(../images/pright.jpg) no-repeat center; }

.game163 .smallImg{ float:left;  margin: 0px 6px; display:inline; width: 282px; overflow: hidden;}	
.game163 .smallImg .tempWrap{ overflow:hidden; position:relative; width:336px !important;}	
.game163 .smallImg ul{ height:68px;  width: 9999px; overflow: hidden; }	
.game163 .smallImg li{ float: left; margin-right:5px;  width:68px; height:68px; cursor:pointer;  display: inline;  }	
.game163 .smallImg li.on{}
.game163 .smallImg img{width:68px; height:68px; }	



#content .content .brief2 {
	
	 width:900px;
	background:#fff;
	float:right;
	 padding-bottom:30px;
	 }

#content .content .brief2 .title{width: 410px;height:auto;float:right;padding-right: 20px;color: #555;}
#content .content .brief2  h2{    font-size: 18px;
    color: #fff;
    background: #0070bb;
    width: 870px;
    float: left;
    height: 60px;
    line-height: 60px;
    padding-left: 30px;}
#content .content .brief2 .pbox{
    width: 820px;
    margin: 20px 40px;
    float: left;
}
#content .content .brief2 .pbox .ggs{
    border: 1px solid #999;
    color: #333;
    height: 28px;
    line-height: 28px;
}
#content .content .brief2 .pbox .ggs span{
    background: #e2e4ff;
    width: 100px;
    text-align: center;
    float: left;
    border-right: 1px solid #999;
}
#content .content .brief2 .pbox .ggs a{}
#content .content .brief2 .pbox .ggs a img{
    border: 1px solid #ccc;
    margin: 2px;
}
#content .content .brief2 .pbox .cont{
    float: left;
}
#content .content .brief2 .pbox .cont .title{
    float: left;
    width: 100%;
    font-size: 14px;
    color: #004a85;
    padding-left: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin: 0 0 10px 0; position:relative
}
#content .content .brief2 .pbox .cont .title:after{content:"";height: 20px;width: 2px;background: #004a85;position: absolute;left: 0;}
#content .content .brief2 .pbox .cont .conts .img{}
#content .content .brief2 .pbox .cont .conts .img img{
    width: 150px;
    height: 150px;
    border: 1px solid #ccc;
    margin: 10px 0 0;
}
#content .content .brief2 .pbox .cont .conts{
    margin: 0 0 20px 0;
    line-height: 22px;
    color: #666 !important;
}


#content .content .brief2 .more{
    float: left;
    font-size: 18px;
    background: #004c99;
    color: #fff;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
#content .content .brief2 .tel{
    background: url(../images/tel3.png) no-repeat  12px 6px;
    text-indent: 55px;
    float: left;
    font-size: 16px;
    height: 40px;
    width: 180px;
    margin-left: 20px;
}
#content .content .brief2 .tel .h1{
    font-size: 20px;
    color: #004c99;
    font-weight: bold;
    font-family: Impact;
}
#content .content .brief2 .tel .h2{
    font-size: 14px;
    color: #333;
    width: 100%;
    float: left;
    line-height: 18px;
}



#content .content2{
	 width: 865px;
	 float:right;
	 background:#fff;
	 margin: 20px 0 0 0;
	 }
#content .content2 .nav_menu{width:100%;margin:auto;height:50px;border-bottom: 2px solid #f4f4f4;}
#content .content2 .nav_menu ul li{width:auto;height:50px;line-height:50px;font-size:14px;padding:0px 20px;cursor:pointer;float:left;color: #000;font-weight: bold;}
/*#content .content2 .nav_menu ul li:first-child{ border-right:0px;}*/
#content .content2 .nav_menu ul .cur{}
#content .content2 .nei{clear:both;width: 825px;margin:auto;border-top:0px;padding:10px 20px;line-height: 25px;} 

	
/*文章样式*/
#content .news_right{
	  width:900px;
	 background:#fff;
	 float:right;
	 margin-bottom:30px;
	}
#content .news_right .news_list{width: 830px;margin:auto;padding: 15px;}	
#content .news_right .news_list .ul{ width:100%;}
#content .news_right .news_list .ul .title{ color:#e50112; font-size:22px; height:40px;}
#content .news_right .news_list .ul li{ height:148px; width:100%; margin-bottom:20px; border-bottom:1px solid #dfdfdf;}
#content .news_right .news_list .ul li .img{ height:120px; width:205px; float:right;}
#content .news_right .news_list .ul li .img img{ height:120px; width:205px; }
#content .news_right .news_list .ul li .brief{ height:120px; width:560px; float:left;}
#content .news_right .news_list .ul li .brief .date{ height:59px; width:100%; color:#999999;}




/*contact*/
#content .contact_right{
	 width:865px;
	 padding-bottom:20px;
	 float:right;
	}
#content .contact_right .contact_list{ width:100%;  }	
#content .contact_right .contact_list .ul li{ width:100%; height:95px; border-bottom:1px dashed #cccccc; margin-bottom:20px; }
#content .contact_right .contact_list .ul li .brief{ width:100%; height:90px; }
#content .contact_right .contact_list .ul li h3{ height:30px; line-height:30px; }
#content .contact_right .contact_list .ul li .date{ height:30px; line-height:30px;}


/*activity*/
#content .activity_right{
	 width:865px;
	 padding-bottom:20px;
	 float:right;
	}
#content .activity_right .ul li{ margin-top:21px; height:auto; clear:both; font-size:14px; border-bottom:1px solid #ccc;}
#content .activity_right .ul li .qu{ height:25px; width:100%; line-height:25px; overflow:hidden; margin-bottom:7px;}
#content .activity_right .ul li .qu .q{ width:25px; height:25px; line-height:25px; text-align:center; color:#fff; background:#0074d9; float:left;}
#content .activity_right .ul li .qu .u{ width:840px; height:auto;  float:right; color:#303030; font-weight:500;}
#content .activity_right .ul li .an{ height:auto; width:100%; line-height:25px; }
#content .activity_right .ul li .an .a{ width:25px; height:25px; line-height:25px; text-align:center; color:#fff; background:#666666; float:left;}
#content .activity_right .ul li .an .n{ width:840px; height:auto; line-height:22px;  float:right;color:#666666;}

/*down*/
#content .down_right{
	  width:865px;
	 padding-bottom:20px;
	 float:right;
	}
#content .down_right li{
	 width:100%;
	 height:30px;
	 line-height:30px;
	 margin-bottom:10px;
	 border-bottom:1px dashed #ccc;
	}	
	
/*证书列表	*/

#content .video_right{
	 width:865px;
	float:right;

	}
#content .video_right .video_list li{
	width:267px;
	height:238px;
	text-align:center;
	margin-right:32px;
	margin-bottom:15px;
	float:left;
	position:relative;
	overflow:hidden;
}


#content .video_right .video_list li:nth-child(3n){
	margin-right:0px;
	
}
#content .video_right .video_list li .img{
	width:267px;
	height:238px;
	text-align:center;
	display: table-cell;
    vertical-align:middle;

}
#content .video_right .video_list li a img{
	width:267px;
	height:238px;
}


		
	
		
/*案例列表	*/

#content .picture_right{
	  width:865px;
	 padding-bottom:20px;
	 float:right;

	}
	
#content .picture_right .picture_list li{ width:190px; height:170px; float:left; margin-right:28px; margin-bottom:10px;}
#content .picture_right .picture_list li.four{ margin-right:0px;}
#content .picture_right .picture_list li .img{ width:190px; height:130px;  display:table-cell; text-align:center; vertical-align:middle; }
#content .picture_right .picture_list li:hover .img{  border:1px solid #e50112;}
#content .picture_right .picture_list li .img img{ max-width:185px; max-height:125px;vertical-align:middle;}
#content .picture_right .picture_list li .name{height:30px; line-height:30px; text-align:center;}




	
	
/*分页*/
 
 .pages{
	clear:both;
	width: 100%;
	height: 35px;
	margin: 40px auto;
	position: relative;
}
.pages ul{
    height: 35px;
    margin-top: 0;
    width: 60%;
    position: absolute;
    left: 40%;
    margin-left: -117.5px;
}

.pages ul li{
    border:1px solid #e9e9e9 !important;
}
.pages ul li.item{
	float: left;
	text-align: center;
	cursor: pointer;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border:1px solid #f5f5f5;
	margin-left: 20px;
}
.pages ul li.prev{
	width:42px;
	height:30px;
	margin-left: 0;
	border:0px;
}
.pages ul li.next{
	width:42px;
	height:30px;
	border:0px;
}
.pages ul li.item a{
	color: #999999;
}
.pages ul li.on{
	background-color: #004c99;
}
.pages ul li.on a{
	color: #fff;
}
.total{
	display:none;
	}	


	/*招聘复制样式*/
.cdzhaop{ width:100%; margin:0px auto;}
.cdzhaop_tit{ height:46px; line-height:46px; overflow:hidden; background-color:#F1F1F1;padding-left:20px; padding-right:44px;}
.cdzhaop_tit h1{ width:33%; float:left; font-size:17px; color:#333;}
.cdzhaop_tit h2{ width:33%; float:left; font-size:17px; color:#333;}
.cdzhaop_tit h3{ width:17%; float:left; font-size:17px; color:#333;}
.cdzhaop_tit h4{ width:17%; float:left; font-size:17px; color:#333; text-align:right;}
.cdzhaop ul{}
.cdzhaop ul li{ border-bottom:1px dashed #999; overflow:hidden; line-height:38px; padding-bottom:10px; padding-top:10px; padding-left:20px; padding-right:44px;}
.cdzhaop ul li h1{ width:33%; float:left; font-size:17px; height:38px;}
.cdzhaop ul li h1 a{ color:#008cd7;}
.cdzhaop ul li h1 a:hover{ text-decoration:underline;}
.cdzhaop ul li h2{ width:33%; float:left; font-size:17px; color:#333; height:38px;}
.cdzhaop ul li h3{ width:17%; float:left; font-size:17px; color:#333; height:38px;}
.cdzhaop ul li h4{ width:17%; float:left; font-size:17px; color:#333; text-align:right; height:38px;}
.pager3{ line-height:32px; font-size:16px; padding-top:20px; padding-bottom:30px; text-align:center; color:#333;}
.pager3 a{ color:#333;}
.pager3 a:hover{ color:#026CB8;}
.pager3 font{ color:#999; margin-left:10px; margin-right:10px; position:relative; top:-1px;}
.pager3 span a{ margin-left:10px;}
.pager3 input{ width:40px; height:24px; line-height:24px; border:1px solid #CCC; margin-left:6px; margin-right:6px;}
.pager3 a.paer_curr{ color:#026CB8; font-weight:bold;}				

#message{}
#message .message{
    padding: 20px;
}
#message .message li{
    margin: 0 0 15px 0;
}
#message .message li span{}
#message .message li input{}
.maps{
    float: left;
    width: 100%;
    font-size: 14px;
}
.maps li a{
    float: left;
    width: 100%;
    background: #06c;
    color: #fff;
    text-indent: 20px;
    margin: 0 0 20px 0;
}
.maps li{
    line-height: 40px;
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
}
.maps li .map{
    width: 200px;
    float: left;
}
.maps li .map li{
    border: 0;
    line-height: 25px;
}
.maps li .map li a{
    background: none;
    color: #000;
}