﻿*{margin: 0px;padding: 0px;}

body{min-width:1200px;background:#ffffff;background-image:url();background-repeat:repeat-x;background-position:0px 0px;margin:0px;padding:0px;text-decoration:none;font-size: 12px;font-variant:normal;font-family: "微软雅黑";}/*为部分带全站背景图准备可以将背景图或背景色部分删除掉*/

a:link,a:visited,a:hover,a:active{text-decoration:none;}

a{text-decoration: none;}

li{list-style-type:none;}

img{border:0px;display: block;}

ul,ol{list-style-type: none;list-style-image: none;}

/*清除浮动*/

.clear{clear:both;}



.main{

	width: 1140px;

	margin: 0 auto;

}

.head{

	width: 100%;

	height:127px;

}

.head .name{

	margin-top:40px;

	float: left;

}

.head .tel{

	float: right;

	margin-top:20px;

}

.nav{

	width: 100%;

	height:50px;

	background:#035aaa;

}

.nav ul{

	width: 1120px;

	height: 50px;

	margin: 0 auto;

}

.nav ul li{

	float: left;

	height: 50px;

	line-height:50px;

	width: 160px;

	text-align: center;

}

.nav ul li a{

	color:#fff;

	font-size: 16px;

	display: block;

}

.nav ul li:hover{

	background:#004482;

}

.slideBox{ 

	width:100%;

	margin:0 auto; 

	overflow:hidden; 

	position:relative; 

 

}



.slideBox .hd{

 height:15px; 

 overflow:hidden; 

 position:absolute; 

 left:45%; 

 bottom:10px; 

 z-index:1; 

}

.slideBox .hd ul{

 overflow:hidden; 

 zoom:1; 

 float:left; 



}

.slideBox .hd ul li{

 float:left; 

 margin-right:25px;  

 width:50px; 

 height:12px; 

 line-height:14px; 

 text-align:center; 

 cursor:pointer;

 border: 1px solid #333;

 

}

.slideBox .hd ul li.on{

 background:#10b4f1; 

 border: 1px solid #10b4f1;

}

.slideBox .bd{

 position:relative; 

 height:100%;

  z-index:0; 

  width: 100%; 

}

.slideBox .bd li{

 zoom:1; 

 vertical-align:middle; 

}

.slideBox .bd img{

	width:100%; 

	display:block; 

}

.slideBox .prev,

.slideBox .next{

 position:absolute; 

 left:3%; 

 top:50%;

 margin-top:-3%;

 display:block; 

 width:32px;

 height:40px;  

 filter:alpha(opacity=50);opacity:0.5;   

}

.slideBox .next{

 left:auto; right:3%; 

 background-position:8px 5px; 

}

.slideBox .next {

	font-size: 

	58px;color:#fff;

}

.slideBox .prev{

	font-size: 

	58px;color:#fff;

}

.slideBox .prev:hover,

.slideBox .next:hover{

	filter:alpha(opacity=100);opacity:1;  

}

.slideBox .prevStop{ 

	display:none;  

}

.slideBox .nextStop{ display:none;  

}

.keywords{

	width: 100%;

	height: 60px;

	background: #e5e5e5;

	overflow: hidden;

}

.keywords h3{

	float: left;

	line-height:60px;

	font-size: #333333;

	font-size: 16px;

}

.keywords ul{

	float: left;

	margin-left: 20px;

}

.keywords ul li{

	float: left;

	line-height: 60px;

	padding-right: 10px;

	padding-left: 10px;

	font-size: 14px;

	color:#333;

	position: relative;

}

.keywords ul li:after{

	position: absolute;

	content: "";

	right: 0;

	width: 1px;

	height: 13px;

	background: #333;

	top: 24px;

}

.keywords ul li:last-child:after{

	width: 0;

	height: 0;

}

.product{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.product .left{

	float: left;

}

.product .left .title{

	width: 240px;

	height:80px;

	background: #035aaa url(../images/title01.png)0px 50% no-repeat;

}

.product .left .title div{

	margin:0 auto;

	width:100%;

	margin-top: 10px;

	float: left;

}

.product .left .title h4 {

	font-size: 26px;

	color:#ffffff;

	text-align: center;

 	



}

.product .left .title p{

	font-size: 14px;

	color:#b8c8df;

	text-align: center;

	margin-left: 5px;

	font-size: 20px;

	font-weight: bold;

}

.product .left ul li{

	width: 240px;

	height: 50px;

	background: #e5e5e5;

	margin-top: 10px;

	line-height: 50px;

	box-shadow: 10px 0px 0px #c6c6c6 inset;

	transition: 0.5s;

}

.product .left ul li a{

	font-size: 15px;

	color:#333;

	position: relative;

	margin-left: 50px;

	display: block;

}

.product .left ul li a:before{

	content: "■";

	position: absolute;

	left:-20px;

	top:-4px;

	width: 0;

	height: 0;

	font-size: 20px;

	color:#035aaa;

}

.product .left ul li:hover{

	box-shadow: 11px 0px 0px #035aaa inset;

}

.product .left .more{

	width: 240px;

	height: 50px;

	background: #035aaa;

	display: block;

	font-size: 16px;

	color:#ffffff;

	font-weight: bold;

	text-align: center;

	line-height: 50px;

	margin-top: 10px;

}

.product .left .tel{

	width: 240px;

	height: 273px;

	overflow: hidden;

	background:url(../images/tel02.png)no-repeat;

	b

}

.product .left .tel .info{

	width: 198px;

	margin:0 auto;

	height: auto;

	overflow: hidden;

	margin-top:20px;

}

.product .left .tel span{

	display: block;

	text-align: center;

	font-size: 16px;

	color:#fff;

}

.product .left .tel span:last-child{

	margin-top: 30px;

	font-size: 15px;

}

.product .left .tel p{

	color:#fff;

	font-size: 18px;

	font-weight: bold;

	margin-top: 13px;

	line-height: 24px;

}

.product .right{

	float: right;

	width: 885px;

	height: auto;

	overflow: hidden;

}

.product .right .title{

	width: 100%;

	height: 50px;

	background:#e5e5e5;

}

.product .right .title div{

	width: 180px;

	height: 50px;

	background: #035aaa url(../images/title01.png)0px 50% no-repeat;

	float: left;

}

.product .right .title div h4{

	font-size: 16px;

	color:#fff;

	float: left;

	line-height: 50px;

	font-weight: normal;

	margin-left: 20px;

}

.product .right .title div p{

	float: left;

	font-size: 14px;

	color:#fff;

	float: left;

	margin-left: 5px;

	margin-top:17px;

}

.product .right .title a{

	float: right;

	line-height: 50px;

	margin-right: 5px;

	color:#000000;

	font-size: 14px;

	margin-right: 10px;

}

.product .right ul{

	margin-left: -20px;

}

.product .right ul li{

	width: 280px;

	height:264px;

	float: left;

	margin-left: 20px;

	margin-top: 12px;

	position: relative;

	background: #eeeeee;

	margin-top: 17px;

	

}

.product .right ul li img{

	width: 260px;

	height: 204px;

	margin:10px;

 

}

.product .right ul li p{

	width: 280px;

	height:30px;

	text-align: center;

	line-height:30px;

	font-size: 14px;

	background: rgba(25,25,25,0.5);

	color:#fff;

}

 

.cases{

	width: 100%;

	height: 600px;

	background: #035aaa;

	margin-top: 40px;

	float: left;

}

.cases .title{

	width: 500px;

	height: auto;

	margin:0 auto;

	margin-top: 40px;

}

.cases .title p{

	font-size: 36px;

	color:#fff;

	font-weight: bold;

	text-align: center;

}

.cases .title span{

	display: block;

	text-align: center;

	color:#fff;

	font-size: 18px;

	margin-top:5px;

}

.cases .title  a{

	display: block;

	width: 80px;

	height: 22px;

	background: #fff;

	margin:0 auto;

	margin-top:5px;

	text-align: center;

	color:#000000;

	font-size: 14px;

	line-height: 22px;

	border-radius: 15px;



}

.cases  .focus{

	width: 1035px;

	margin:0 auto;

	height: auto;

	overflow:hidden;

	margin-top:45px;

	background: url(../images/bg.png)50% bottom no-repeat;

	position: relative;

}

.cases  .focus ul{

	width: 820px;

	height: 390px;

	margin:0 auto;

	position: relative;

	padding-top: 5px;



}

.cases  .focus span{

	position: absolute;

	display: block;

	width: 54px;

	height: 143px;

	top: 125px;

}

.cases  .focus .next{

	left: 0;

}

.cases  .focus .prev{

	right: 0;

}

.cases  .focus ul li{

	width: 600px;

	height: 352px;

	position: absolute;

	top: 0;

	left:0px;

	z-index: 0;

	box-shadow: 0px 0px 10px 0px #75a4d1;



}

.cases  .focus ul li p{

	width: 90%;

	height: 30px;

	background: rgba(25,25,25,0.5);

	color:#fff;

	position: absolute;

	bottom: 0;

	text-align: center;

	line-height: 30px;

	font-size: 20px;

	left: 50%;

	margin-left: -45%;
	overflow: hidden;

}

.cases  .focus ul li img{

	width: 100%;

	height: 100%;

}

.about{

	width: 100%;

	height: auto;

	overflow: hidden;

	float: left;

	margin-top: 30px;

}

.about .title{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.about .title span{

	font-size: 36px;

	color:#035aaa;

	display: block;

	width: 200px;

	margin:0 auto;

	font-weight: bold;

}

.about .title b{

	color:#3d3d3d;

}

.about .title p{

	width: 1081px;

	height: 60px;

	margin:0 auto;

	background: url(../images/title03.png)no-repeat;

	font-size: 37px;

	color:#000000;

	text-align: center;

	line-height: 60px;

	font-weight: bold;

	margin-top:5px;

}

.about  .pic{

	float: left;

	width: 259px;

	height: 280px;

	margin-left:50px;

	margin-top:30px;

}

.about .info{

	width: 780px;

	height: auto;

	overflow: hidden;

	float: right;

	margin-right: 10px;

	margin-top: 40px;

}

.about .info p{

	font-size: 18px;

	color:#3d3d3d;

	text-indent: 2em;

}

.news{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top:60px;

	float: left;

}

.news .title{

	width: 100%;

	height: 50px;

	overflow: hidden;

	background: #e5e5e5;

}

.news .title div{

	width: 317px;

	height: 50px;

	background:#035aaa url(../images/title01.png)0 45% no-repeat;

	float: left;

}

.news .title div p{

	font-size: 25px;

	color:#fff;

	line-height:50px;

	margin-left: 15px;

}

.news .title a{

	display: block;

	float: right;

	color:#000000;

	line-height: 50px;

	margin-right: 10px;

	font-size: 14px;

}

.news ul {

	-moz-column-count:2;

	-webkit-column-count:2;

	column-count:2;

	width:1120px;

	height:auto;

	overflow: hidden;

	margin: 0 auto;

	margin-top:25px;

	float: left;

	

}

.news ul li{

	 width: 528px;

	 height:80px;

	 background: #eeeeee;

	 float: left;

	 margin-bottom:20px;

	 -webkit-column-break-inside:avoid;

	 margin-left: 15px;



}

.news ul li .left{

	width: 72px;

	height: 95px;

	float: left;



}

.news ul li .left p{

	font-size: 30px;

	color:#333333;

	font-weight: bold;

	text-align: center;

	border-right: 1px solid #b5b5b5;

	height: 60px;

	line-height: 60px;

	margin-top:13px;



}

.news ul li .right{

	float: right;

	width: 435px;

}

.news ul li .right h4{

	margin-top:15px;

	font-size: 16px;

	color:#333333;

}

.news ul li .right h4 a{

	color:#333333;

}

.news ul li .right h4:hover a{

	color:#035aaa;

	text-decoration: underline;

}

.news ul li .right span{

	color:#555555;

}

.news ul li .right p{

	font-size: 13px;

	color:#555555;

	width: 428px;

	height: 35px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.links{

	width: 100%;

	height: 50px;

	background: #1a87eb;

	float: left;

	margin-top: 20px;

}

.links .title{

	width: 167px;

	height: 50px;

	background: #0d70cc;

	float: left;

}

.links .title p{

	float: left;

	font-size: 18px;

	margin-left:20px;

	font-weight: bold;

	color:#fff;

	line-height: 50px;

}

.links .title span{

	display: block;

	float: left;

	margin-left: 10px;

	color:#fff;

	font-size: 16px;

	margin-top: 15px;

}

.links .title span b{

	width: 15px;

	height: 20px;

	background: #fff;

	color:#035aaa;

	display: block;

	float: left;

	text-align: center;

	font-size: 16px;

	margin-right: 2px;

}

.links  ul{

	float: left;

	width: 940px;

	height: 50px;

	overflow: hidden;

}

.links  ul li{

	float: left;

	padding-left: 15px;

	padding-right: 15px;

	line-height: 50px;

}

.links  ul li a{

	color:#fff;

	font-size: 14px;

}

.footer{

	width: 100%;

	height: 320px;

	background: #035aaa;

	float: left;

}

.footer .left{

	float: left;

	width: 405px;

	height:250px;

	overflow: hidden;

	border-right: 1px solid #006fd5;

	margin-top:35px;

}

.footer .name {

 	margin-top: 15px;

}

.footer .name p{

	font-size: 26px;

	color:#fff;

	font-weight: bold;

}

.footer .name span{

	color:#fff;

	font-size: 12px;

}

.footer  .tel{

	margin-top:20px;

}

.footer  .tel img{

	float: left;

	margin-top:10px;

}

.footer  .tel div{

	float: left;

	margin-left: 10px;

}

.footer  .tel span{

	display: block;

	font-size: 14px;

	color:#ffffff;

}

.footer  .tel  p{

	font-size: 24px;

	color:#ffffff;

	line-height: 28px;

	font-weight: bold;

	margin-top: 3px;



}

.footer .list{

	width: 267px;

	float: left;

	border-right: 1px solid #006fd5;

	height: 250px;

	margin-top:35px;

}

.footer .list ul{

	width: 183px;

	height:100px;

	overflow: hidden;

	margin:0 auto;

	margin-top: 10px;

	margin-top: 20px;

	overflow: hidden;

}

.footer .list p{

	font-size: 18px;

	color:#ffffff;

	margin-left: 43px;

	margin-top: 30px;

}

.footer .list  ul li{

	width: 85px;

	height: 25px;

	float: left;

	width: 90px;

	line-height: 25px;

}

.footer .list  ul li a{

	color:#fff;

	font-size: 15px;

}

.footer .right{

	float:left;

	margin-left:35px;

	margin-top: 60px;

}

.footer .right p{

	color:#fff;

	font-size: 15px;

	line-height: 22px;

}

.footer .right a{

	color:#fff;

}

.container{ width:1140px; margin:0px auto;}

.con_left{ width:240px; float:left; margin-right:20px;margin-bottom:10px;}

.con_right{ width:880px; float:left; margin-top:30px;}

.in_contact{ width:100%; float:left; margin-top:10px; }

.in_contact .tit{ width:230px;font-size:15px; font-weight:bold; line-height:40px; color:#FFF; padding-left:10px; background: #035aaa; position:relative;}

.in_contactmid{ padding-left:10px;}

.in_contactmid h3{ font-size:16px; line-height:32px;}

.in_contactmid img{ margin-top:10px;}

.in_contactmid p{ line-height:20px;}

.in_contact .tit .position a{ color:#FFF;}

.current{background:url(../images/hover.png)no-repeat;}

.in_casetit{ width:98%; padding-left:2%;font-weight:bold; background:#e5e5e5;height:50px; line-height:50px;font-size:18px; color:#333; text-align:left; position:relative;}

.position{ position:absolute; right:5px; top:0px; font-size:14px; font-weight:100;}

.position a:link{ color:#000; font-size:12px;}

.position a:visited{ color:#000;font-size:12px;}

.position a:hover{ color:#f00;font-size:12px;}

.ul_news{ width:243px; margin:0px auto; float:left;}

.ul_news li{ width:96%; padding-left:4%; font-size:13px; height:32px; line-height:32px; list-style:inside; color:#1d1d1d; border-bottom:#999 1px dotted;}

.index_aboutcont p{ text-indent:2em; font-size:13px; color:#3e3e3e; font-weight:bold;}

.main_right_product,.main_right_case { width:100%; margin:0px auto;}

.main_right_product ul,.main_right_case ul{ margin:0px; padding:0px; width:110%;}

.main_right_product ul li{ list-style:none; width:275px; height:240px; float:left; margin-top:10px; margin-right:27px;}

.main_right_case ul li{ list-style:none; width:275px; height:250px; float:left; margin-top:10px; margin-right:27px;}

.p_name{ text-align:center; line-height:30px; font-size:14px;}

.main_right_product ul li img{ width:265px; height:200px; padding:5px; border:#ccc 1px solid;}

.main_right_case ul li img{ width:265px; height:210px; padding:5px; border:#ccc 1px solid;}

.main_right_product ul li a:link,.main_right_case ul li a:link{ color:#444; text-decoration:none;}

.main_right_product ul li a:visited,.main_right_case ul li a:visited{ color:#444; text-decoration:none;}

.main_right_product ul li a:hover,.main_right_case ul li a:hover{ color:#ca010b; text-decoration:none;}

.index_newscont h3,.main_right_product h3{text-align:center; line-height:40px; font-size:18px;}
.index_newscont a{color:#000;}
.index_newscont img{margin: 0 auto;}
.productimg{ text-align:center; margin:0px auto;}

.productimg img,.product_con img{ max-width:100%; margin:0px auto;}

.index_newscont{ width:100%; margin:0px auto;}

.index_newscont ul li{ height:32px; line-height:32px; border-bottom:#CCC 1px dashed; font-size:13px;  background:url(../images/jiao_31.jpg) no-repeat 5px; padding-left:20px; position:relative;}

.news_time{ position:absolute; right:0px; top:0px;}

.index_newscont ul li a:link,.ul_news li a:link{ color:#3e3e3e;;}

.index_newscont ul li a:visited,.ul_news li a:visited{ color:#3e3e3e;}

.index_newscont ul li a:hover,.ul_news li a:hover{ color:#035aaa;}



.xlr_pages,.fy{width:100%; height:24px; line-height:24px; font-size:12px;text-align:center; float:left; margin-top:10px; margin-bottom:10px;}

.xlr_pages ul{ width:100%; margin:0px auto; height:24px;text-align:center;}

.pagelist li{  text-decoration:none; margin-right:1px;display:inline-block; border:#CCC 1px solid; padding:0px 8px;}

.thisclass{ background:#1e8add; color:#FFF;}

.pagelist li select{ margin:3px;}

.pagelist li a:link,.fy a:link{ color:#000; text-decoration:none;}

.pagelist li a:visited,.fy a:visited{ color:#000; text-decoration:none;}

.pagelist li a:hover,.fy a:hover{ color:#f00; text-decoration:none;}

/*留言*/

td{ font-size:14px;}

.coolbg{ width:60px; height:30px; line-height:30px; color:#FFF; background:#282828; border:none;}

.intxt{ height:28px; margin-top:10px;}