*{margin: 0px;padding: 0px;}
body{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;}
ul,ol{list-style-type: none;list-style-image: none;}
/*清除浮动*/
 

.main{
	width: 1140px;
	margin:0 auto;
}
.head{
	width: 100%;
	height:160px;
	overflow: hidden;
}
.head .top{
	width: 100%;
	height: 40px;
	overflow: hidden;
	line-height: 40px;
	background:#919191;
 
}
.head .top p{
	font-size: 13px;
	color:#fff;
	float: left;
}
.head ul{
	float: right;
}
.head ul li{
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 35px;
	position: relative;
}
.head ul li a{
	font-size: 13px;
	color:#fff;
}
.head ul li:after{
	content: "";
	width: 1px;
	height: 13px;
	position: absolute;
	top: 12px;
	right: 0;
	background: #fff;
}
.head ul li:last-child:after{
	width: 0;
}
.head .name{
	float: left;
	margin-top:12px;
}
.head .tel{
	float: right;
	margin-top: 25px;
	 
}
.head .tel span{
	font-size: 14px;
	color:#555555;
	margin-left:43px;
}
.head .tel p{
	font-size: 30px;
	color:#d7261c;
	font-family: "arial";
	margin-left: 43px;
 
}
.head .tel a{
	display:block;
	width: 242px;
	height: 30px;
	background: #e32825;
	text-align: center;
	line-height: 30px;
	border-radius: 5px;
	color:#fff;
	font-size: 18px;
	margin-left: 3px;
}
.nav{
	width: 100%;
	height: 50px;
	background: #0186d1;
}
.nav ul li{
	float: left;
	height: 50px;
	line-height: 50px;
	width: 140px;
	text-align: center;
	position: relative;
}
.nav ul li a{
	font-size: 16px;
	color:#ffffff;
	font-weight: bold;
	display:block;
}
.nav ul li:hover{
	background: #1ba3ef;
}
.nav ul li:hover div{
	display: block;
}
.nav ul li div{
	position: absolute;
 	display: none;
	height: auto;
	overflow: hidden;
	top:50px;
	z-index: 100;
}
.nav ul li div li{
	margin-top:2px;
	background: #1ba3ef;
}
.banner{ 
	width:100%;
	margin:0 auto; 
	overflow:hidden; 
	position:relative; 
 
}

.banner .hd{
 height:15px; 
 overflow:hidden; 
 position:absolute; 
 left:45%; 
 bottom:10px; 
 z-index:1; 
}
.banner .hd ul{
 overflow:hidden; 
 zoom:1; 
 float:left; 

}
.banner .hd ul li{
 float:left; 
 margin-right:5px;  
 width:60px; 
 height:6px; 
 line-height:14px; 
 text-align:center; 
 cursor:pointer;
 border: 1px solid #666;
 
}
.banner .hd ul li.on{
 background:#0186d1; 
 border: 1px solid #0186d1;
}
.banner .bd{
 position:relative; 
 height:100%;
  z-index:0; 
  width: 100%; 
}
.banner .bd li{
 zoom:1; 
 vertical-align:middle; 
}
.banner .bd img{
	width:100%; 
	display:block; 
}
.banner .prev,
.banner .next{
 position:absolute; 
 left:3%; 
 top:50%;
 margin-top:-3%;
 display:block; 
 width:32px;
 height:40px;  
 filter:alpha(opacity=50);opacity:0.5;   
}
.banner .next{
 left:auto; right:3%; 
 background-position:8px 5px; 
}
.banner .next {
	font-size: 
	58px;color:#fff;
}
.banner .prev{
	font-size: 
	58px;color:#fff;
}
.banner .prev:hover,
.banner .next:hover{
	filter:alpha(opacity=100);opacity:1;  
}
.banner .prevStop{ 
	display:none;  
}
.banner .nextStop{ display:none;  
}
.section{
	width: 100%;
	height: 60px;
	background: #f5f5f5;
}
.section .search{
	width: 310px;
	height: 125px;
	background: #0186d1;
	margin-top:-55px;
	position: relative;
	float: left;
	z-index: 100;
}
.section .search div{
	width: 260px;
	margin-top: 62px;
	margin-left: 20px;
	float: left;
}
.section .search div input:first-child{
	width: 206px;
	height: 34px;
	border:none;
	border:1px solid #898989;
	border-right:none;
	float: left;
	outline: none;
}
.section .search div input:last-child{
	width: 50px;
	height: 36px;
	float: left;
	border: none;
	background: #333333;
	color:#fff;
	font-family: "微软雅黑";
	outline: none;
	 
}
.section .keywords{
	width: 1140px;
	height: 60px;
	/*float: right;*/
}
.section .keywords p{
	font-size: 15px;
	color:#555555;
	line-height: 60px;
	float: left;
}
.section .keywords ul{
	float: right;
	width: 1060px;

}
.section .keywords ul li{
	float: left;
	line-height: 60px;
	padding-right: 10px;
	padding-left: 10px;
	color:#555;
	font-size: 14px;
}

.section .keywords ul li a{color:#555;}

.product{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 50px;
}
.product .title{
	width: 180px;
	margin:0 auto;
}
.product .title p{
	font-size: 30px;
	color:#333333;
	height: 50px;
	text-align: center;
	font-weight: bold;
 
}
.product .title hr{
	width: 105px;
	height: 5px;
	background: #0186d1;
 	border: none;
 	margin:0 auto;
 
	 
}
.product .title span{
	display: block;
	text-align: center;
	font-size: 14px;
	color:#d0d0d0;
	margin-top: 5px;

}
.product .tab{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}
.product .tab ul{
	margin-left: -5px;
}
.product .tab ul li{
	float: left;
	width: 220px;
	height: 46px;
	border: 2px solid #d2d2d2;
	text-align: center;
	line-height: 46px;
	margin-left:5px;
}
.product .tab ul li a{
	color:#333333;
	font-size: 16px;
	display: block;
}
.product .tab ul li:hover{
	background: #0186d1;
}
.product .tab ul li:hover a{
	color:#fff;
}
.product .pic{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}
.product .pic ul{
	margin-left: -30px;
}
.product .pic ul li{
	float: left;
	margin-left: 30px;
	width: 360px;
	height: 280px;
	position:relative;
	margin-bottom: 20px;
	overflow: hidden;
}
.product .pic ul li img{
	width: 360px;
	height: 280px;
}
.product .pic ul li div{
	position: absolute;
	bottom:-30px;
	background:rgba(25,25,25,0.7);
	width: 360px;
	height: 70px;
	transition: .1s;
}
.product .pic ul li div p{
	color:#fff;
	font-size: 15px;
	color:#fff;
	text-align:center;
	width: 100%;
	line-height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.product .pic ul li:hover div{
	bottom: 0;
}
.product .pic ul li:hover  p{
	display: none;
}
.product .pic ul li a{
	display: block;
	width: 108px;
	height: 28px;
	border: 1px solid #fff;
	border-radius: 15px;
	float: left;
	text-align: center;
	line-height: 30px;
	color:#fff;
	font-size: 14px;
	margin-left: 60px;
	margin-top: 20px;
}
.product .pic ul li a:last-child{
	margin-left: 30px;
}
.gg{
	width: 100%;
	height:280px;
	background: url(../images/bg01.jpg)no-repeat center;
	background-size: 100% 100%;
	margin-top:60px;
}
@media only screen and (min-width: 1170px) {
   .gg{
    background-attachment: fixed;
 }
}
.gg .main{
	height: auto;
	overflow: hidden;
}
.gg h4{
	font-size: 52px;
	color:#fff;
	margin-top: 35px;
	text-align: center;
}
.gg p{
	font-size: 20px;
	color:#fff;
	text-align: center;
	margin-top: 5px;
}
.gg .main div{
	width: 350px;
	margin:0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 10px;

}
.gg .main div img{
	float: left;
	margin-top: 7px;
}
.gg .main div p{
	font-size: 14px;
	color:#ffffff;
	margin-left: 6px;
	float: left;
	line-height: 35px;
}
.gg .main div  span{
	display: block;
	font-size: 30px;
	color:#1ba3ef;
}
.gg .main  a{
	display: block;
	width: 238px;
	border: 1px solid #fff;
	height: 33px;
	line-height: 33px;
	text-align: center;
	font-size: 18px;
	border-radius: 15px;
	color:#fff;
	margin:0 auto;
	margin-top: 15px;
}
.gg .main  img{
	display: block;
	margin:0 auto;
	margin-top: 15px;
}
.adv{
	width: 100%;
	height: auto;
	overflow: hidden;
 	padding-bottom: 50px;
	background: #f4f4f4;
 
}
.adv .title{
	width: 100%;
	height: 100%;
	margin-top: 80px;

}
.adv .title p{
	font-size: 48px;
	color:#0186d1;
	text-align: center;
	font-weight: bold;
}
.adv .title span{
	display: block;
	text-align: center;
	color:#333333;
	font-size: 18px;
	margin-top: 3px;
}
.adv ul {
	margin-top: 40px;
}
.adv ul li{
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.adv ul li .box{
	float: left;
	width: 538px;
	height: auto;
	overflow: hidden;
	margin-top:20px;
}
.adv ul li .box img{
	float:left;
}
.adv ul li .info{
	float: left;
	margin-left: 10px;
	width: 445px;
	height: auto;
	overflow: hidden;
}
.adv ul li .info span{
	display: block;
	font-size: 28px;
	color:#0186d1;
	font-weight: bold;
	margin-bottom:5px;
}
.adv ul li .info p{
	font-size: 16px;
	color:#000000;
	line-height: 24px;
	 
}
.adv ul li .info b{
	color:#0186d1;
	font-weight: bold;
}
.adv ul li a{
	display: block;
	width: 180px;
	height: 35px;
	background: url(../images/bg05.png)no-repeat;
	float: left;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
	color:#f4f4f4;
	position: absolute;
	bottom: 20px;
}
.adv ul li .pic{
	float: right;
}
.adv ul li .pic img{
	display: block;
}
.adv ul li:nth-child(2n) .box{
	float: right;
}
.adv ul li:nth-child(2n) .pic{
	float: left;
}
.cases{
	width: 100%;
	height: 650px;
	overflow: hidden;
	margin-top: 30px;
}
.cases .title{
	width: 180px;
	margin:0 auto;
}
.cases .title p{
	font-size: 30px;
	color:#333333;
	height: 50px;
	text-align: center;
	font-weight: bold;
 
}
.cases .title hr{
	width: 105px;
	height: 5px;
	background: #0186d1;
 	border: none;
 	margin:0 auto;
 
	 
}
.cases .title span{
	display: block;
	text-align: center;
	font-size: 14px;
	color:#d0d0d0;
	margin-top: 5px;

}
.cases .tab{
	width: 690px;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	margin-top: 30px;
}
.cases  .tab ul li{
	float: left;
	width: 220px;
	height: 46px;
	border: 2px solid #d2d2d2;
	text-align: center;
	line-height: 46px;
	margin-left:6px;
}
.cases  .tab ul li a{
	color:#333333;
	font-size: 16px;
	display: block;
}
.cases  .tab ul .on{
	background: #0186d1;
}
.cases  .tab ul .on a{
	color:#fff;
}
.cases .picTab{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.cases .picBox{
	margin-top: 30px;
	position: relative;
}
.cases .pic{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.cases .pic .btn{
	width: 240px;
	margin:0 auto;
	margin-top: 20px;
}
.cases .pic .btn a{
	display: block;
	width: 104px;
	height: 30px;
	float: left;
}
.cases .pic .btn a:first-child{
	background: url(../images/icon09.png)no-repeat;
}
.cases .pic .btn a:last-child{
	float: right;
	display: block;
	background: url(../images/icon10.png)no-repeat;
}
.cases .pic .btn .prevStop{
	opacity: 0.3
}
.cases .pic .btn .nextStop{
	opacity: 0.3
}
.cases .pic ul li{
	float: left;
	width:19.9%;
	height:auto;
	position: relative;
	margin-left:2px;
	margin-right: 2px;
	overflow: hidden;
 
}
.cases .pic ul li img{
	width: 100%;
	height: auto;
	display: block;
}
.cases .pic ul li div{
	position: absolute;
	bottom:-50px;
	width:100%;
	height: 100px;
	transition: 0.5s;
	background: rgba(25,25,25,0.5);
}
.cases .pic ul li div p{
	font-size: 15px;
	color:#ffffff;
	text-align: center;
	margin-top:20px;
	transition: 0.5s;
}
.cases .pic ul li div img{
	margin:0 auto;
	display: block;
	margin-top: 10px;
	width: 27px;
	height: 27px;
}
.cases .pic ul li:hover div{
	bottom: 0;
}
.cases .pic ul li:hover div p{
	margin-top: 25px;

}
.news{
	width: 100%;
	height: 580px;
	overflow: hidden;
	background: #f4f4f4;
}
.news .title{
	width: 180px;
	margin:0 auto;
	margin-top: 40px;
}
.news .title p{
	font-size: 30px;
	color:#333333;
	height: 50px;
	text-align: center;
	font-weight: bold;
 
}
.news .title hr{
	width: 105px;
	height: 5px;
	background: #0186d1;
 	border: none;
 	margin:0 auto;
}
.news .title span{
	display: block;
	text-align: center;
	font-size: 14px;
	color:#d0d0d0;
	margin-top: 5px;

}
.news .left{
	float: left;
	width: 331px;
	height: 430px;
	overflow: hidden;
	background: #f5f5f5;
	background: #fff;
}
.news .left .tit{
	width: 331px;
	height: 100px;
	background: #0186d1;
}
.news .left .tit h4{
	font-size:16px;
	color:#fff;
	margin-top: 25px;
	float: left;
	margin-left: 20px;
}
.news .left .tit p{
	font-size: 12px;
	color:#fff;
	float: left;
	width: 100%;
	margin-left: 20px;
	margin-top: 5px;
}
.news .left img{
	width: 331px;
	height: 162px;
}
.news .left .info{
	width: 310px;
	margin:0 auto;
	margin-top: 10px;
}
.news .left .info p{
	font-size: 13px;
	color:#333333;
	height: 85px;
	display: -webkit-box;
	-webkit-line-clamp:4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 24px;
}
.news .left a{
	display: block;
	width: 100px;
	height: 28px;
	border:2px solid #0186d1;
	text-align: center;
	line-height: 28px;
	margin-top: 10px;
	margin-left: 10px;
	color:#0186d1;
	font-size: 14px;
}
.news .list{
	float: right;
	width: 786px;
	height: auto;

}
.news .list ul li{
	width: 786px;
	height: 78px;
	background: #ffffff;
	box-shadow: 5px 0 0 0 #0186d1 inset;
	margin-bottom: 10px;
}
.news .list ul li .info{
	float: left;
	width: 620px;
	height: 55px;
	margin-top: 10px;
	margin-left: 25px;
}
.news .list ul li .info h4{
	font-size: 16px;
	color:#15222a;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news .list ul li .info p{
	font-size: 13px;
	color:#666666;
	margin-top: 3px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news .list ul li .info a{
	margin-top: 3px;
	display: block;
	color:#15222a;
	font-size: 12px;
}
.news .list ul li .time{
	float: right;
	width: 90px;
	height: 78px;
	background: #0186d1;
	font-family: "arial";
}
.news .list ul li .time p{
	font-size: 30px;
	color:#ffffff;
	font-weight: bold;
	text-align: center;
	margin-top: 12px;
}
.news .list ul li .time  span{
	display: block;
	text-align: center;
	color:#fff;
	font-size: 16px;
}
.news .list ul li:hover h4{
	color:#0186d1;
}
.about{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #f4f4f4;
}
.about .bg{
	width: 100%;
	height: 680px;
	background: url(../images/bg02.jpg)no-repeat center;
	background-size: 100% 100%;
	margin:0 auto;
	margin-top: 40px;
}
.about  .left{
	float: left;
	width: 472px;
	height: auto;
	overflow: hidden;
	margin-top: 40px;
}
.about  .left .title{
	width: 100%;
}
.about  .left .title p{
	font-size: 30px;
	color:#fff;
	font-weight:bold;
	text-align: center;
}
.about  .left .title hr{
	display: block;
	width: 104px;
	height: 5px;
	background: #fff;
	display: block;
	border: none;
	margin:0 auto;
}
.about  .left .pic{
	width: 472px;
	height: 238px;
	background:rgba(255,255,255,0.5);
	margin-top: 20px;
}
.about  .left .pic img{
	width: 452px;
	height: 218px;
	margin:10px;
}
.about  .left .info{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 25px;
}
.about  .left .info p{
	font-size: 15px;
	color:#fff;
	line-height: 24px;
}
.about  .left a{
	display: block;
	width: 198px;
	height: 38px;
	border: 1px solid #fff;
	margin:0 auto;
	margin-top: 20px;
	text-align: center;
	line-height: 38px;
	border-radius: 25px;
	color:#fff;
	font-size: 15px;

}
.about .right{
	float: right;
	width: 590px;
	height: 680px;
	background: rgba(255,255,255,0.5);
}
.about .right .title{
	margin-top:40px;
}
.about .right .title img{
	display:block;
	margin:0 auto;
}
.about .right form{
	display: block;
	width: 472px;
	margin:0 auto;
}
.about .right ul li{
	width: 472px;
	height: auto;
	margin-top: 10px;
	overflow: hidden;
}
.about .right ul li p{
	width: 126px;
	height: 50px;
	background: url(../images/bg03.png)no-repeat;
	float: left;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color:#fff;
}
.about .right ul li input{
	width: 336px;
	float: right;
	height: 50px;
	border: none;
	background: #f5f5f5;
	border-radius: 0 5px 5px 0px;
	padding-left: 10px;
	font-size: 15px;
	color:#999;
	font-family: "微软雅黑";
}
.about .right ul li textarea{
	width: 470px;
	height: 164px;
	border-radius: 5px;
	background: #f5f5f5;
	resize: none;
	font-size: 15px;
	overflow: hidden;
	font-family: "微软雅黑";
	color:#555555;
	border: 1px solid #ccc;

}
.about .right .btn{
	width: 473px;
	height: 50px;
	background: #1ba3ef;
	color:#fff;
	text-align: center;
	font-size: 18px;
	border: none;
	border-radius: 5px;
	margin-top: 20px;
	font-family: "微软雅黑";
}
.links{
	width: 1140px;
	margin:0 auto;
	height: 107px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.links .title{
	width: 220px;
	height: 107px;
	float: left;
	background: url(../images/img05.png)no-repeat;
}
.links .title p{
	font-size: 18px;
	color:#0186d1;
	font-weight: bold;
	margin-top: 15px;
	margin-left:20px;
}
.links  ul{
	float: right;
	width: 916px;
	height:73px;
	margin-top: 20px;
	overflow: hidden;
}
.links  ul li{
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	height: 25px;
	line-height: 25px;
	position: relative;
}
.links  ul li a{
	color:#333333;
	font-size: 15px;
}
.links  ul li:after{
	content: "";
	width: 1px;
	height: 15px;
	position: absolute;
	right: 0;
	top: 6px;
	background: #848484;
}
.links  ul li:last-child:after{
	width: 0;
	height: 0;
}
.footer{
	width: 100%;
	height: 360px;
	overflow: hidden;
	background: #969696;
	position: relative;
}
.footer .part{
	float: left;
	width: 240px;
	margin-top: 40px;
 
}
.footer .part .tit{
	width: 285px;
	height: 40px;
	border-radius: 20px;
	line-height: 40px;
	color:#fff;
	font-size: 20px;
}
.footer .part span{
	display: block;
	color:#fff;
	font-size: 14px;
	margin-top: 10px;
	line-height: 22px;
}

.footer .part span a{color:#fff;}

.footer .ca{
	width:400px;
	margin-left:40px;
	margin-top: 45px;

}
.footer .ewm{
	width:400px;
	float: right;
	margin-top: 45px;
}
.footer .ewm ul li{
	float: left;
	margin-right: 15px;
	margin-top: 15px;
}
.footer .ewm ul li img{
	width: 118px;
	height: 118px;
}
.footer .ewm ul li p{
	width: 118px;
	text-align: center;
	height: 25px;
	line-height:25px;
	color:#fff;
	font-size: 13px;
	color:#fff;
}
.footer .cy{
	width: 100%;
	height: 40px;
	background: #757575;
	position: absolute;
	bottom: 0;
}
.footer .cy p{
	text-align: center;
	line-height:40px;
	font-size: 13px;
	color: #cccccc;
}
.footer .cy a{
	text-align: center;
	line-height:40px;
	font-size: 13px;
	color: #cccccc;
}
.inContent{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #f4f4f4;
	padding-bottom: 40px;
}

.crumbs{
	width: 100%;
	height: 50px;
	background: #eee;
}
.crumbs .tit{
	float: left;
}
.crumbs .tit img{
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	display: block;
}
.crumbs .tit p{
	font-size: 15px;
	color:#333333;
	float: left;
	margin-left: 5px;
	line-height: 50px;
}
.crumbs ul{
	float: left;
	height: 50px;
	overflow: hidden;
	line-height:50px;
}
.crumbs ul a{color:#666; font-size:14px;}

.inSection{
	width: 100%;
	height: auto;
	margin-top: 30px;
}
.inAbout {
	width: 100%;
	height: auto;
	overflow: hidden;
	min-height: 500px;
 
}


.inAbout .title p{
	font-size: 30px;
	color:#333333;
	height: 47px;
	text-align: center;
	font-weight: bold;
 
}
.inAbout .title hr{
	width: 105px;
	height: 5px;
	background: #0186d1;
 	border: none;
 	margin:0 auto;
 
	 
}
.inAbout .title span{
	display: block;
	text-align: center;
	font-size: 14px;
	color:#d0d0d0;
	margin-top: 5px;

}
.inAbout .info{
	width: 100%;
	height: auto;
	overflow:hidden;
	background: #fff;
	min-height:600px;
	margin-top:20px;
}
.inAbout  .pic{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.inAbout  .pic img{
	display: block;
	margin:auto;
}
.inAbout .text{
	width: 1035px;
	margin:0 auto;
	margin-top: 20px;
}
.inAbout .text p{
	
	font-size: 20px;
    color: #555;
    line-height: 36px;
    text-indent: 2em;
    text-align: justify;
}
.inHot{
	width: 100%;
	height:360px;
	background: #fff;
	margin-top: 20px;
	overflow: hidden;
}
.inHot .title{
	width: 1100px;
	margin: auto;
	height: 38px;
	border-bottom: 2px solid #0186d1;
	margin-top: 5px;
}
.inHot .title p{
	font-size: 18px;
	color:#0186d1;
	font-weight: bold;
	float: left;
	line-height: 20px;
	margin-left: 5px;
	padding-left: 5px;
	border-left: 10px solid #0186d1;
	margin-top: 10px;
}
.inHot .title span{
	display: block;
	color:#555555;
	font-size: 12px;
	margin-top: 15px;
	float: left;
	margin-left: 5px;
}
.inHot .title a{
	float: right;
	display: block;
	width: 60px;
	height: 20px;
	background: #0186d1;
	text-align: center;
	line-height: 20px;
	margin-top: 12px;
	color:#fff;
	margin-right: 3px;
}
.inHot .pic{
	width: 1100px;
	margin:0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}
.inHot .pic ul{
	margin-left: -10px;
}
.inHot .pic ul li{
	float: left;
	width: 360px;
	height: 280px;
	position: relative;
	margin-left:10px;
}
.inHot .pic ul li img{
	width: 360px;
	height: 280px;

}
.inHot .pic ul li p{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	bottom: 0;
	color:#fff;
	font-size: 15px;
	background: rgba(25,25,25,0.5);
}
.newsList{
	width: 100%;
	margin:0 auto;
	height: 360px;
	overflow: hidden;
	margin-top: 30px;
	background: #fff;
}
.newsList .title{
	width: 1100px;
	margin: auto;
	height: 38px;
	border-bottom: 2px solid #0186d1;
	margin-top: 5px;
}
.newsList .title p{
	font-size: 18px;
	color:#0186d1;
	font-weight: bold;
	float: left;
	line-height: 20px;
	margin-left: 5px;
	padding-left: 5px;
	border-left: 10px solid #0186d1;
	margin-top: 10px;
}
.newsList .title span{
	display: block;
	color:#555555;
	font-size: 12px;
	margin-top: 15px;
	float: left;
	margin-left: 5px;
}
.newsList .title a{
	float: right;
	display: block;
	width: 60px;
	height: 20px;
	background: #0186d1;
	text-align: center;
	line-height: 20px;
	margin-top: 12px;
	color:#fff;
	margin-right: 3px;
}
.newsList  ul{
	width: 1100px;
	margin:0 auto;
	margin-top: 10px;
}
.newsList  ul li{
	float: left;
	position: relative;
	height: 30px;
	width: 510px;
	line-height: 30px;
	border-bottom: 1px dashed #bfbfbf;
	margin-top: 5px;
}
.newsList  ul li:nth-child(2n){
	float: right;
}
.newsList  ul li:after{
	content: "※";
	font-size: 15px;
	color:#333;
	position: absolute;
	left: 5px;
	top: 0;
}
.newsList  ul li a{
	color:#333;
	font-size: 15px;
	float: left;
	display: block;
	margin-left: 25px;
	width: 360px;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.newsList  ul li span{
	float: right;
	color:#666;
}
.newsList  ul li:hover a{
	color:#0186d1;
}
.newsList  ul li:hover span{
	color:#0186d1;
}


.inProducts{
	width: 100%;
	min-height:900px;
	overflow: hidden;
	padding-bottom: 30px;
}
.inProducts .title{
	width: 180px;
	margin:0 auto;
}
.inProducts .title p{
	font-size: 30px;
	color:#333333;
	height: 50px;
	text-align: center;
	font-weight: bold;
 
}
.inProducts .title hr{
	width: 105px;
	height: 5px;
	background: #0186d1;
 	border: none;
 	margin:0 auto;
 
	 
}
.inProducts .title span{
	display: block;
	text-align: center;
	font-size: 14px;
	color:#d0d0d0;
	margin-top: 5px;

}
.inProducts .tab{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}
.inProducts .tab ul{
	margin-left: -5px;
}
.inProducts .tab ul li{
	float: left;
	width: 220px;
	height: 46px;
	border: 2px solid #d2d2d2;
	text-align: center;
	line-height: 46px;
	margin-left:5px;
}
.inProducts .tab ul li a{
	color:#333333;
	font-size: 16px;
	display: block;
}
.inProducts .tab ul li:hover{
	background: #0186d1;
}
.inProducts .tab ul li:hover a{
	color:#fff;
}
.inProducts .pic{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}
.inProducts .pic ul{
	margin-left: -30px;
}
.inProducts .pic ul li{
	float: left;
	margin-left: 30px;
	width: 360px;
	height: 280px;
	position:relative;
	margin-top: 20px;
	overflow: hidden;
}
.inProducts .pic ul li img{
	width: 360px;
	height: 280px;

}
.inProducts .pic ul li div{
	position: absolute;
	bottom:-30px;
	background:rgba(25,25,25,0.7);
	width: 360px;
	height: 70px;
	transition: .1s;
}
.inProducts .pic ul li div p{
	color:#fff;
	font-size: 15px;
	color:#fff;
	text-align:center;
	width: 100%;
	line-height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.inProducts .pic ul li:hover div{
	bottom: 0;
}
.inProducts .pic ul li:hover  p{
	display: none;
}
.inProducts .pic ul li a{
	display: block;
	width: 108px;
	height: 28px;
	border: 1px solid #fff;
	border-radius: 15px;
	float: left;
	text-align: center;
	line-height: 30px;
	color:#fff;
	font-size: 14px;
	margin-left: 60px;
	margin-top: 20px;
}
.inProducts .pic ul li a:last-child{
	margin-left: 30px;
}
.inCases{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 30px;
}
.inCases .title{
	width: 180px;
	margin:0 auto;
}
.inCases .title p{
	font-size: 30px;
	color:#333333;
	height: 50px;
	text-align: center;
	font-weight: bold;
 
}
.inCases .title hr{
	width: 105px;
	height: 5px;
	background: #0186d1;
 	border: none;
 	margin:0 auto; 
}
.inCases .title span{
	display: block;
	text-align: center;
	font-size: 14px;
	color:#d0d0d0;
	margin-top: 5px;

}
.inCases .tab{
	width: 460px;
	height: auto;
	margin:0 auto;
	overflow: hidden;
	margin-top: 30px;
}
.inCases  .tab ul li{
	float: left;
	width: 220px;
	height: 46px;
	border: 2px solid #d2d2d2;
	text-align: center;
	line-height: 46px;
 
}
.inCases  .tab ul li:last-child{
	float: right;
}
.inCases  .tab ul li a{
	color:#333333;
	font-size: 16px;
	display: block;
}
.inCases  .tab ul .on{
	background: #0186d1;
}
.inCases  .tab ul .on a{
	color:#fff;
}
.inCases .pic{
	width: 100%;
	height: auto;
	overflow: hidden;
 
	margin-top: 30px;
}
.inCases .pic ul {
	margin-left: -17px;
}
.inCases .pic ul li{
	float: left;
	width:270px;
	height:auto;
	position: relative;
	margin-left:17px;
	margin-right: 2px;
	margin-top: 15px;
	overflow: hidden;
 
}
.inCases .pic ul li img{
	width: 270px;
	height: 284px;
	display: block;
}
.inCases .pic ul li div{
	position: absolute;
	bottom:-50px;
	width:100%;
	height: 100px;
	transition: 0.5s;
	background: rgba(25,25,25,0.5);
}
.inCases .pic ul li div p{
	font-size: 15px;
	color:#ffffff;
	text-align: center;
	margin-top:20px;
	transition: 0.5s;
}
.inCases .pic ul li div img{
	margin:0 auto;
	display: block;
	margin-top: 10px;
	width: 27px;
	height: 27px;
}
.inCases .pic ul li:hover div{
	bottom: 0;
}
.inCases .pic ul li:hover div p{
	margin-top: 25px;

}
.inCases .mod{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}
.inCases .mod ul{
	margin-left: -17px;
}
.inCases .mod ul li{
	float: left;
	width:270px;
	height:auto;
	position: relative;
	margin-left:17px;
	margin-right: 2px;
	margin-top: 15px;
	overflow: hidden;
 
}
.inCases .mod ul li img{
	width: 270px;
	height: 284px;
	display: block;
}
.inCases .mod .bg {
	position: absolute;
	bottom:-50px;
	width:100%;
	height: 100px;
	transition: 0.5s;
	background: rgba(25,25,25,0.5);
}
.inCases .mod .bg p{
	font-size: 15px;
	color:#ffffff;
	text-align: center;
	margin-top:20px;
	transition: 0.5s;
}
.inCases .mod .bg  img{
	margin:0 auto;
	display: block;
	margin-top: 10px;
	width: 27px;
	height: 27px;
}
.inCases .mod ul li:hover .bg {
	bottom: 0;
}
.inCases .mod ul li:hover .bg p{
	margin-top: 25px;

}


.inCases .inVideo{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}
.inCases .inVideo ul{
	margin-left: 0px;
}
.inCases .inVideo ul li{
	float: left;
	width:550px;
	height:auto;
	position: relative;
	margin-left:10px;
	margin-right: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}

.inCases .inVideo ul li p{
	font-size: 16px;
	color:#333;
	text-align: center;
	line-height: 40px;
}



#mbOverlay {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    cursor: pointer;
}
#mbCenter {
    height: 557px;
    position: absolute;
    z-index: 9999;
    left: 50%;
    background-color: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.70);
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.70);
}
#mbPrevLink {
    width: 30px;
    height: 30px;
    background: transparent url(../images/prev02.png) no-repeat center;
    position: absolute;
    bottom: 12px;
    left: 15px;
    background-size: 100%;
}
#mbNextLink {
    width: 30px;
    height: 30px;
    background: transparent url(../images/next02.png) no-repeat center;
    position: absolute;
    bottom: 12px;
    left: 50px;
    background-size: 100%;
}
#mbImage {
    left: 0;
    top: 0;
    font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: left;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px;
}
#mbBottom {
    min-height: 20px;
    font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
    line-height: 20px;
    font-size: 12px;
    color: #999;
    text-align: left;
    padding: 0 30px 30px;
    position: relative;
}
.inNews{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.inNews .title{
	width: 180px;
	margin:0 auto;
}
.inNews .title p{
	font-size: 30px;
	color:#333333;
	height: 50px;
	text-align: center;
	font-weight: bold;
 
}
.inNews .title hr{
	width: 105px;
	height: 5px;
	background: #0186d1;
 	border: none;
 	margin:0 auto;
}
.inNews .title span{
	display: block;
	text-align: center;
	font-size: 14px;
	color:#d0d0d0;
	margin-top: 5px;

}
.inNews  ul{
	margin-top: 30px;
}
.inNews > ul li{
	width:100%;
	height: 78px;
	background: #f5f5f5;
	box-shadow: 5px 0 0 0 #0186d1 inset;
	margin-bottom: 10px;
	background: #fff;
}
.inNews  ul li .info{
	float: left;
	width: 900px;
	height: 55px;
	margin-top: 10px;
	margin-left: 25px;
}
.inNews  ul li .info h4{
	font-size: 16px;
	color:#15222a;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.inNews  ul li .info p{
	font-size: 13px;
	color:#666666;
	margin-top: 3px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.inNews  ul li .info a{
	margin-top: 3px;
	display: block;
	color:#15222a;
	font-size: 12px;
}
.inNews  ul li .time{
	float: right;
	width: 90px;
	height: 78px;
	background: #0186d1;
}
.inNews  ul li .time p{
	font-size: 30px;
	color:#ffffff;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}
.inNews  ul li .time  span{
	display: block;
	text-align: center;
	color:#fff;
	font-size: 16px;
}
.inNews  ul li:hover h4{
	color:#0186d1;
}
.inProducts .view{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
	position: relative;
	width: 1080px;
	margin:0 auto;
	margin-top: 25px;
}
.inProducts .bg{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #fff;
	margin-top: 25px;
}
.preview{
	width:490px; 
	height:auto;
	float: left;
}
.smallImg{
	position:relative; 
	height:76px; 
	margin-top:1px; 
	width:490px; 
	overflow:hidden;
	float:left;
	margin-top:15px;
}
.scrollbutton{
	width:14px; 
	height:50px; 
	overflow:hidden; 
	position:relative; 
	float:left; 
	cursor:pointer; 
}
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{
	background:url(../images/next01.png) no-repeat;
	height: 75px;
}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{
	background:url(../images/prev01.png) 
	no-repeat; 
	float:right;
	height: 75px;
}

#imageMenu {
	height:75px; 
	width:450px; 
	overflow:hidden; 
	margin-left:7px; 
	float:left;
	 
}
#imageMenu li {
	width:82px; 
	height:79px;
	overflow:hidden; 
	float:left; 
	text-align:center;
	margin-left:4px;
	margin-right: 4px;
}
#imageMenu li img{
	width:82px; 
	height:79px;
	cursor:pointer;
}
 
.bigImg{
	position:relative; 
	float:left; 
	width:490px; 
	height:auto;
	overflow:hidden;
 
}
.bigImg .box{
	width: 490px;
	height:auto;

}
.bigImg #midimg{
	width:490px; 
	height:380px;
}
.bigImg img{
	display: block;
	width: 490px;
	height: 380px;
}
.bigImg #winSelector{
	width:235px; 
	height:210px;
}
#winSelector{
	position:absolute; 
	cursor:crosshair; 
	filter:alpha(opacity=15); 
	-moz-opacity:0.15; 
	opacity:0.15; 
	background-color:#000; 
	border:1px solid #fff;
}
 
#bigView{
	position:absolute;
	border: 1px solid #959595; 
	overflow: hidden; z-index:9999;
}
#bigView img{
	position:absolute;
	width: 800px;
	height: 662px;
}
#close {
    width: 30px;
    height: 30px;
    background: url(../images/icon12.png)no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 12px;
    z-index: 1000000;
    right: 10px;
}
.picture .list {
	width: 430px;
	height: 75px;
	height:auto;
	position: relative;
	float: left;
	margin-top:10px;
}
.sInfo{
	width: 560px;
	height:auto;
	overflow: hidden;
	float: right;
	padding-left:5px;
	margin-top: 20px;
}
.sInfo .tit{
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #c9c9c9;
}
.sInfo .tit p{
	font-size: 20px;
	color:#333333;
	text-align: center;
	font-weight: bold;
	line-height: 40px;
}
.sInfo ul{
	margin-top: 25px;
	height: auto;
	overflow: hidden;
}
.sInfo ul li{
	width: 550px;
	height: 30px;
	line-height: 30px;
}
.sInfo ul li p{
	font-size: 15px;
	color:#555555;
	float: left;
}
.sInfo ul li span{
	font-size: 14px;
	color:#333;
	display: block;
	float: left;
	width: 430px;
}
.sInfo .tel{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}
.sInfo .tel p{
	font-size: 16px;
	margin-top: 10px;
	color:#555555;
}
.sInfo .tel i{
	font-size: 34px;
	color:#0186d1;
	font-family: "Arial";
}
.sInfo .btn{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
	margin-top: 
}
.sInfo .btn input{
	width:325px;
	height: 52px;
	background:url(../images/btn.png)no-repeat;
	border: none;
	border-radius: 5px;
	margin-right: 15px;
 	font-weight: bold;
	
	font-size: 18px;
	color:#fff;
	font-family: "微软雅黑";
}
.inProducts .detailed{
	width: 1080px;
	margin:0 auto;
	margin-top: 40px;
}
.inProducts .detailed .tit{
	width: 100%;
	height: 42px;
	background: #f4f4f4;
}
.inProducts .detailed .tit p{
	width: 180px;
	height: 42px;
	background: #0186d1;
	text-align: center;
	line-height: 42px;
	color:#fff;
	font-size:16px;
	font-weight: bold;
}
.inProducts .detailed .info{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 50px;
}
.inProducts .detailed .info p{
	font-size: 16px;
	color:#0186d1;
	font-weight: bold;
}
.inProducts .detailed .info span{
	color:#333333;
	font-size: 15px;
	line-height: 22px;
}
.index_newscont h3{ text-align:center; line-height:40px; font-size:20px;}
.index_newscont .xxly{width:100%; line-height:42px; color:#999; background:#e5e5e5; text-align:center; font-size:13px; margin:20px 0;}
.index_newscont .xxly a{color:#999;}
.index_newscont .xxly a:hover{color:#ff0000;}
.index_newscont p{font-size:16px; line-height:30px; color:#555; text-align:justify;}
.index_newscont p a{color:#555;}

.xlr_pages,.fy{width:100%; height:24px; line-height:24px; font-size:12px;text-align:center; float:left; margin-top:20px; margin-bottom:20px;}
.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;}



.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:10000;border:1px solid #ccc;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li a{color:#333}
.side ul li:hover{background:#0186d1;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/ios01.png)}
.side ul li i.bgs2{background-image:url(../images/ios02.png)}
.side ul li i.bgs3{background-image:url(../images/ios03.png)}
.side ul li i.bgs6{background-image:url(../images/ios03.png)}
.side ul li:hover i.bgs1{background-image:url(../images/icon111.png)}
.side ul li:hover i.bgs2{background-image:url(../images/icon22.png)}
.side ul li:hover i.bgs6{background-image:url(../images/icon33.png)}
.side ul li.sideetel:hover .telBox{display:block}
.side ul li.sideewm:hover .ewBox{display:block}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sideewm .ewBox{width:130px;display:none;color:#363636;text-align:center;padding:10px;position:absolute;left:-152px;top:-75px;background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0;background:#0186d1}
.side ul li.sideetel .telBox{width:240px;height:78px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#0186d1}
.side ul li.sideetel .telBox dd{display:block;height:100px;overflow:hidden;padding-left:82px;line-height:20px;font-size:18px;padding-top:14px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:11px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#0a8ada}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/icon111.png) 28px 19px no-repeat;background-size:15%}
.side ul li.sideewm .ewBox img{width:100%}