﻿*{margin: 0px;padding: 0px;}
body{min-width:1100px;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: 1100px;
	margin:0 auto;
}
.head{
	width: 100%;
	height:130px;
	overflow: hidden;
}

.top{
	width: 100%;
	height: 30px;
	background: #f4f4f4;
	overflow: hidden;
 
}
.top p{
	font-size: 13px;
	color:#000000;
	line-height: 30px;
	float: left;
}
.top ul{
	float: right;
}
.top ul li{
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 30px;
	position: relative;
}
.top ul li a{
	font-size: 13px;
	color:#333333;
}
.top ul li:after{
	content: "";
	width: 1px;
	height: 13px;
	position: absolute;
	top:9px;
	right: 0;
	background: #333333;
}
.top ul li:last-child:after{
	width: 0;
}
.head .main{
	display: flex;
	align-items:center;
	height: 130px;
	justify-content: space-between;
}
.head img{
	display: block;
}
.head .tel p{
	float: left;
	font-size: 30px;
	color:#0389de;
	margin-left: 5px;
}
.head .tel{
	display: flex;
	justify-content: space-between;
	align-items: center;

}
.nav{
	width: 100%;
	height: 50px;
	background: #0389de;
}
.nav ul{
	width: 1100px;
	margin:0 auto;
	height: 50px;
	overflow: hidden;
}
.nav ul li{
	float: left;
	width: 157px;
	height: 50px;
	overflow: hidden;
	text-align: center;
	line-height: 50px;
}
.nav ul li a{
	color:#fff;
	font-size: 16px;
}
.nav ul li:hover,.nav ul li.current{
	background: #ff9702 ;
}
.banner{ 
	width:100%;
	margin:0 auto; 
	overflow:hidden; 
	position:relative; 
 
}
.banner .hd{
 height:auto;
 overflow:hidden; 
 position:absolute; 
 width: 100%;
 bottom:10px; 
 z-index:1; 
 width: 100%;
}
.banner .hd ul{
 overflow:hidden; 
 zoom:1; 
 
 display: flex;
 justify-content: center;
 width: 100%;

}
.banner .hd ul li{
 float:left; 
 margin-right: 10px;
 width:15px; 
 height:15px; 
 line-height:14px; 
 text-align:center; 
 cursor:pointer;
 border-radius: 50%;
 background: #fff;
 
}
.banner .hd ul li.on{
 background:#1868ca; 
 
}
.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;  
}
.about{
	width: 100%;
	height: 600px;
	overflow:hidden;
	background: url(../images/bg01.png)no-repeat center bottom;
}
.title{
	width: 590px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 50px;
}
.title h4{
	font-size: 23px;
	text-align: center;
	color:#0389de;
	font-weight: normal;
}
.title div{
	width: 100%;
	height: auto;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 5PX;
	position: relative;
}
.title div:after{
	content: "";
	width: 584px;
	height: 20px;
	border: 1px solid #c7c8c8;
	position: absolute;
	left: 0;
	top: 30px;
	margin-top: -10px;
	border-radius: 5px;
}
.title div p{
	color:#1d1511;
	font-size: 19px;
	text-align: center;
	font-family: '黑体';
	background: #fff;
	padding: 0 6px;
	position: relative;
	z-index: 100;
	line-height: 25px;
	margin-top: 5px;
}
.title div span{
	display: block;
	color:#1d1511;
	font-size: 16px;
	position: relative;
	z-index: 100;
	padding: 0 5px;
	background: #fff;
	text-align: center;
}
.about .pic{
	float: left;
	width: 555px;
	height: auto;
	margin-top: 30px;
	overflow: hidden;
}
.about .pic img{
	display: block;
	width: 555px;
	height: 415px;
}
.about .intro{
	width: 490px;
	height: 415px;
	position: relative;
	overflow: hidden;
	float: right;
	margin-top:30px;

}
.about .intro .info{
	width: 100%;
	height: auto;
	overflow: hidden;
 	
}
.about .intro .info p{
	color:#333333;
	font-size: 14px;
	line-height: 26px;
}
.about .intro a{
	display: block;
	width: 105px;
	height: 33px;
	background: #0389de;
	text-align: center;
	color:#fff;
	font-size: 14px;
	right: 0;
	line-height: 33px;
	bottom:30px;
	position: absolute;
}
.gg{
	width: 100%;
	height: 127px;
	background: url(../images/gg.png)no-repeat center;
	margin-top: 70px;
}
.gg .tel{
	float: right;
}
.gg .tel  {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	height: 127px;
}
.gg .tel p{
	color:#ffffff;
	font-size: 24px;
	text-align: right;
}
.gg .tel span{
	display: block;
	color:#fff;
	font-size: 36px;
	letter-spacing: 2px;
}
.gg .tel img{
	display: block;
	margin-left: 10px;
}
.adv{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}
.adv ul{
	width: 950px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}
.adv ul li{
	width: 100%;
	height: auto;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 50px;
}
.adv ul li .intro img{
	display: block;
	float: left;
}
.adv ul li .intro .info{
	width: 420px;
	height: auto;
	overflow: hidden;
	float: left;
}
.adv ul li .intro .info .tit{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top:10px;
}
.adv ul li .intro .info .tit p{
	font-size: 13px;
	color:#959595;
}
.adv ul li .intro .info .tit span{
	display: block;
	color:#1aa2f8;
	font-size: 26px;
}
.adv ul li .intro .info  .text{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 10px;
}
.adv ul li .intro .info .text p{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color:#313131;
	padding-left: 15px;
}
.adv ul li .intro .info .text p:after{
	content: "";
	width: 10px;
	height: 10px;
	background: url(../images/icon08.png)no-repeat center;
	position: absolute;
	left: 0;
	top: 10px;

}
.product{
	width: 1100px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}
.product .list{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 40px;
}
.product .list ul{
	display: flex;
	justify-content: center;
	align-items: center;
}
.product .list ul li{
	float: left;
	width: 255px;
	height: 45px;
	border: 1px solid #a0a0a0;
	text-align: center;
	line-height: 45px;
	margin-left: 5px;
	margin-right: 4px;
}
.product .list ul li a{
	color:#1a1a1a;
	font-size: 16px;
}
.product .list ul li:hover{
	background: #0389de;
	border: 1px solid #0389de;
}
.product .list ul li:hover a{
	color:#fff;
}
.product .pic{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}
.product .pic ul {
	margin-left: -9px;
}
.product .pic ul li{
	float:left;
	width: 268px;
	height: auto;
	margin-left: 9px;
	margin-bottom: 10px;
	overflow: hidden;
}
.product .pic ul li img{
	display: block;
	width: 266px;
	height: 236px;
	border: 1px solid #e5e5e5;
}
.product .pic ul li p{
	text-align: center;
	color:#1a1a1a;
	font-size: 16px;
	line-height: 30px;
}
.cases{
	width: 1100px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}
.cases .tit{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 5px;
	border-bottom: 1px solid #dcdcdc;
}
.cases .tit p{
	color:#0389de;
	font-size: 23px;
	border-bottom: 1px solid #dcdcdc;
	float: left;
	height: 30px;
}
.cases .tit  a{
	float: right;
	font-size: 14px;
	color:#1a1a1a;
	margin-top: 10px;
}
.cases .show{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}
.cases .pic{
	float: left;
}
.cases .pic ul li{
	float: left;
	width: 357px;
	height: auto;
	overflow: hidden;
	margin-left: 10px;
}
.cases .pic ul li img{
	display: block;
	width: 355px;
	height: 266px;
	border: 1px solid #e5e5e5;
}
.cases .pic ul li p{
	text-align: center;
	color:#000000;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
}
.cases .box{
	width: 400%;
}
.section{
	width: 100%;
	height: 859px;
	background: url(../images/bg02.png)no-repeat center bottom;
	margin-top: 50px;
}
.news{
	width: 548px;
	height: auto;
	overflow: hidden;
	float: left;
	margin-top: 90px;
}
.news .tit{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 5px;
	border-bottom: 1px solid #dcdcdc;
}
.news .tit p{
	color:#0389de;
	font-size: 23px;
	border-bottom: 1px solid #dcdcdc;
	float: left;
	height: 30px;
}
.news .tit  a{
	float: right;
	font-size: 14px;
	color:#1a1a1a;
	margin-top: 10px;
}
.news  ul {
	margin-top: 60px;
}
.news  ul li{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 14px;
	background:#eeeeee url(../images/icon02.png)no-repeat right bottom;
}
.news  ul li .time{
	width: 115px;
	height: 95px;
	background: #dcdcdc;
	float: left;
}
.news  ul li .time  p{
	color:#666666;
	font-size: 55px;
	text-align: center;
}
.news  ul li  .time span{
	display: block;
	width: 78px;
	height: 22px;
	border: 1px solid #666666;
	text-align: center;
	line-height: 22px;
	margin: 0 auto;
	margin-top: -6px;
	color:#666666;
}
.news  ul li .info{
	width: 384px;
	height: auto;
	overflow: hidden;
	margin-left: 20px;
	margin-top: 20px;
	float: left;
}
.news  ul li .info p{
	font-size: 17px;
	color:#1a1a1a;
	 white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news  ul li .info span{
	display: block;
	color:#666666;
	margin-top: 7px;
	font-size: 14px;
	 white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news  ul li:hover .time{
	background: #0389de;
}
.news  ul li:hover .time p{
	color:#fff;
}
.news  ul li:hover .time span{
	color:#fff;
	border: 1px solid #fff;
}
.news  ul li:hover .info p{
	color:#0389de;
}
.news  ul li:hover .info span{
	color:#0389de;
}
.news  ul li:hover{
	background: #eee url(../images/icon03.png)no-repeat right bottom;
}
.contact{
	width: 540px;
	height: auto;
	overflow: hidden;
	float: right;
	margin-top: 90px;
}
.contact .tit{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 5px;
	border-bottom: 1px solid #dcdcdc;
}
.contact .tit p{
	color:#0389de;
	font-size: 23px;
	border-bottom: 1px solid #dcdcdc;
	float: left;
	height: 30px;
}
.contact .tit  a{
	float: right;
	font-size: 14px;
	color:#1a1a1a;
	margin-top: 10px;
}
.contact .box{
	width: 100%;
	height: 530px;
	background: #eeeeee;
	margin-top: 60px;
	overflow: hidden;
}
.contact .box h4{
	color:#222222;
	font-size: 18px;
	margin-left: 30px;
	height: 35px;
	margin-top: 20px;
	font-weight: normal;
	position: relative;
}
.contact .box h4:after{
	content: "";
	width: 90px;
	height: 3px;
	background: #0389de;
	position: absolute;
	left: 0;
	bottom: 0px;
}
.contact .box .info{
	width: 400px;
	height: auto;
	overflow: hidden;
	margin-top: 50px;
	margin-left: 30px;
}
.contact .box .info p{
	color:#222222;
	font-size: 15px;
	display: flex;
	align-items: center;
	margin-top: 10px;
	justify-content: flex-start;
}
.contact .box .info img{
	display: block;
	margin-right: 5px;
}
.contact .box .ewm{
	width: 148px;
	height: 148px;
	border: 5px solid #fff;
	margin-left: 30px;
	margin-top: 60px;
}
.contact .box .ewm img{
	display: block;
	width: 148px;
	height: 148px;
}
.footer{
	width: 100%;
	height: 485px;
	position: relative;
	margin-top: -100px;
}
.footer .bg{
	width: 100%;
	height: 382px;
	background:rgba(28,149,225,0.9);
	position: absolute;
	bottom: 45px;
}
.footer  .fn{
	width: 324px;
	height: 440px;
	float: left;
	background: #ff8901;

}
.footer  .fn .tit{
	width: 100%;
	height: 76px;
	background: url(../images/tit03.png)no-repeat center bottom;
	position: relative;
	z-index: 100;
}
.footer  .fn .tit p{
	color:#fff;
	font-size: 18px;
	text-align: center;
	line-height: 60px;
}
.footer  .fn ul{
	width: 90%;
	margin: 0 auto;
	height:165px;
	overflow: hidden;
	margin-top: 30px;
	position: relative;
	z-index: 100;
}
.footer  .fn ul li{
	width:49%;
	float: left;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}
.footer  .fn ul li:nth-child(2n){
	float: right;
}
.footer  .fn ul li a{
	color:#fff;
	font-size: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.footer  .fn .tel {
	width: 348px;
	height: 67px;
	background: url(../images/bg02.png)no-repeat center;
	position: relative;
	z-index: 100;
	margin-left: 25px;
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.footer  .fn .tel p{
	color:#545454;
	font-size: 13px;
	margin-left: 8px;
}
.footer  .fn .tel span{
	display: block;
	color:#0389de;
	font-size: 30px;
	font-weight: bold;
	font-family: "Arial";
}
.footer  .links{
	float: left;
	width: 755px;
	height: 58px;
	background: #eee;
}
.footer  .links p{
	float: left;
	line-height: 58px;
	color:#191919;
	margin-left: 10px;
}
.footer  .links ul{
	float: left;
	width: 650px;
	height: 50px;
	overflow: hidden;
}
.footer  .links ul li{
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 20px;
	overflow: hidden;
}
.footer  .links ul li a{
	color:#191919;
	font-size: 12px;
}
.footer .intro{
	width: 630px;
	float: right;
	position: relative;
	z-index: 1000;
}
.footer .intro .info{
	margin-top: 50px;
	width: 400px;
	height: auto;
	float: left;
	overflow: hidden;
}
.footer .intro .info p{
	color:#fff;
	font-size: 13px;
	margin-top: 50px;
	line-height: 24px;

}
.footer .intro .icon{
	float: right;
	margin-top: 20px;
	margin-right: 60px;
}
.footer .intro .icon a{
	display: block;
}
.footer .intro .icon div{
	margin-top: 45px;
	position: relative;
	width: 98px;
	height: 98px;
}
.footer .intro .icon div:first-child img:last-child{
	width: 120px;
	height: 120px;
	border: 1px solid #ccc;
	position: absolute;
	right: 110px;
	display: none;
	top:-10px;
}
.footer .intro .icon div:first-child:hover img{
	display: block;
}
.footer .cr{
	width: 100%;
	height: 45px;
	position: absolute;
	bottom: 0;
	background: #0e0e0e;
	text-align: center;
	line-height: 45px;
}
.footer .cr p{
	color:#fff;
	font-size: 14px;
}
.footer  a{
	color:#000;
}

.inside-banner{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.inside-banner img{
	display: block;
	width: 100%;
}
.inside-content{
	width: 100%;
	margin: 0 auto;
	height: auto;
	min-height: 500px;
	overflow: hidden;
 
}
.inside-content .inside-tit{
	width: 1100px;
	margin: 0 auto;
	height: 40px;
	background: #0389de;
	margin-top: 60px;
}
.inside-content .inside-tit h4{
	color:#ffffff;
	font-size: 24px;
	float: left;
	font-weight: normal;
	line-height: 40px;
	margin-left: 40px;
}
.inside-content .inside-tit span{
	display: block;
	color:#fff;
	font-size: 16px;
	float: left;
	margin-left: 5px;
	margin-top: 10px;
}
.inside-content .inside-tit div{
	float: right;
	height: 40px;
	display: flex;
	align-items: center;
	margin-right: 10px;
	justify-content: center;
}
.inside-content .inside-tit div img{
	display: block;
}
.inside-content .inside-tit div  p{
	color:#fff;
	margin-left: 10px;
	font-size: 12px;
}
.inside-content .inside-tit div a{
	color:#fff;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}

.inside-content .list-img{
	width: 1100px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	min-height: 600px;
}
.inside-content .list-img ul{
	margin-left: -12px;
}
.inside-content .list-img ul li{
	width: 266px;
	height: auto;
	float: left;
	overflow: hidden;
	margin-left:12px;
	margin-top: 10px;
}
.inside-content .list-img ul li img{
	display: block;
	width: 258px;
 	height: 231px;
 	padding: 3px;
	border: 1px solid #eee;
 
}
.inside-content .list-img ul li p{
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	text-align: center;
	color:#1a1a1a;
}
.paging{
	width: 1100px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top:30px;
	display: flex;
	padding-top: 20px;
 	background: url(../images/bg03.png)repeat-x left top;
	justify-content: center;
}
.paging li{
	display: block;
	padding: 5px 10px;
	color:#1a1a1a;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 14px;
	border: 1px solid #666666;
}
.paging a{color:#1a1a1a;}
.paging  .on,.paging  .thisclass{
	background: #0389de;
	color:#fff;
	border: 1px solid #0389de;
}
.pro-list{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}
.pro-list ul{
	display: flex;
	justify-content: center;
	align-items: center;
}
.pro-list ul li{
	float: left;
	width: 255px;
	height: 45px;
	border: 1px solid #a0a0a0;
	text-align: center;
	line-height: 45px;
	margin-left: 5px;
	margin-right: 4px;
}
.pro-list ul li a{
	color:#1a1a1a;
	font-size: 16px;
}
.pro-list ul li:hover{
	background: #0389de;
	border: 1px solid #0389de;
}
.pro-list ul li:hover a{
	color:#fff;
}
.pro-img{
	width: 1100px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}
.pro-img ul {
	margin-left: -9px;
}
.pro-img ul li{
	float:left;
	width: 268px;
	height: auto;
	margin-left: 9px;
	margin-bottom: 10px;
	overflow: hidden;
}
.pro-img ul li img{
	display: block;
	width: 266px;
	height: 236px;
	border: 1px solid #e5e5e5;
}
.pro-img ul li p{
	text-align: center;
	color:#1a1a1a;
	font-size: 16px;
	line-height: 30px;
}

.article-cont {
	width: 1100px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	min-height: 600px;
	margin-top: 20px;
}
.crumbs{
	width: 1100px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #292929;
	height: 40px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 50px;

}
.crumbs p{
	color:#666666;
	font-size: 12px;
	margin-left: 10px;
}
.crumbs a{
 	color:#666;
 	position: relative;
	padding-right: 10px;
	padding-left: 10px;

}

.inside-contact{
	width: 1100px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}
.inside-contact .messg{
	width: 620px;
	height:440px;
	overflow: hidden;
	float: left;
	background: #f7f7f7;
	margin-top: 20px;
}
.inside-contact .messg .tit{
	margin-top: 30px;

}
.inside-contact .messg .tit p{
	color:#1a1a1a;
	font-size: 24px;
	text-align: center;
	position: relative;
	height: 40px;
}
.inside-contact .messg .tit span{
	display: block;
	color:#4c4c4c;
	font-size: 17px;
	margin-top: 10px;
	text-align: center;
}
.inside-contact .messg .tit p:after{
	content: "";
	width: 100px;
	height: 1px;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left:-50px;
	background: #0389de;
}
.inside-contact .messg form{
	width: 600px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}

.inside-contact .messg form input{
	width: 100%;
	height: 50px;
	color:#4c4c4c;
	font-size: 16px;
	background: #f7f7f7;
	margin-top: 5px;
	border: none;
	font-family: '微软雅黑';
	outline: none;
	border-bottom: 1px solid #999999;
}
.inside-contact .messg form  textarea{
	width: 100%;
	height: 75px;
	color:#4c4c4c;
	font-size: 16px;
	font-family: '微软雅黑';
	border: none;
	background: #f7f7f7;
	margin-top:10px;
	outline: none;
	border-bottom: 1px solid #999999;
}
.inside-contact .messg form .btn{
	width: 200px;
	height: 40px;
	background: #0389de;
	text-align: center;
	line-height: 40px;
	color:#fff;
	margin-top: 20px;
}
.inside-contact .cont{
	width: 460px;
	height: 440px;
	float: right;
	margin-top: 20px;
}
.inside-contact .cont h4{
	color:#222222;
	font-size: 18px;
	margin-left: 30px;
	height: 35px;
	margin-top: 10px;
	font-weight: normal;
	position: relative;
}
.inside-contact .cont h4:after{
	content: "";
	width: 90px;
	height: 3px;
	background: #0389de;
	position: absolute;
	left: 0;
	bottom: 0px;
}
.inside-contact .cont .info{
	width: 400px;
	height: auto;
	overflow: hidden;
	margin-top:40px;
	margin-left: 30px;
}
.inside-contact .cont .info p{
	color:#222222;
	font-size: 15px;
	display: flex;
	align-items: center;
	margin-top: 10px;
	justify-content: flex-start;
}
.inside-contact .cont .info img{
	display: block;
	margin-right: 5px;
}
.inside-contact .cont .ewm{
	width: 380px;
	height: 148px;
	border: 5px solid #fff;
	margin-left: 30px;
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.inside-contact .cont .ewm div{
	float: left;
	width: 175px;
}
.inside-contact .cont .ewm img{
	display: block;
	width: 148px;
	height: 148px;
	float: left;
}
.inside-contact .cont .ewm p{
	float: right;
	width: 20px;
	background: #0389de;
	color:#fff;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	height: 128px;
 	padding-top:20px;
}
.inside-content .map{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 50px;
 
}
.service-cont{
	width: 1050px;
	padding: 25px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	background: #eee;
	min-height: 500px;
}
.inside-news{
	width: 1100px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
 
}
.inside-news  ul {
	margin-top: 20px;
	height: auto;
	overflow: hidden;
}
.inside-news  ul li{
	width: 545px;
	float: left;
	height: auto;
	overflow: hidden;
	margin-top: 14px;
	background:#eeeeee url(../images/icon02.png)no-repeat right bottom;
}
.inside-news  ul li:nth-child(2n){
	float: right;
}
.inside-news  ul li .time{
	width: 115px;
	height: 95px;
	background: #dcdcdc;
	float: left;
}
.inside-news  ul li .time  p{
	color:#666666;
	font-size: 55px;
	text-align: center;
}
.inside-news  ul li  .time span{
	display: block;
	width: 78px;
	height: 22px;
	border: 1px solid #666666;
	text-align: center;
	line-height: 22px;
	margin: 0 auto;
	margin-top: -6px;
	color:#666666;
}
.inside-news  ul li .info{
	width: 384px;
	height: auto;
	overflow: hidden;
	margin-left: 20px;
	margin-top: 20px;
	float: left;
}
.inside-news  ul li .info p{
	font-size: 17px;
	color:#1a1a1a;
	 white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.inside-news  ul li .info span{
	display: block;
	color:#666666;
	margin-top: 7px;
	font-size: 14px;
	 white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.inside-news  ul li:hover .time{
	background: #0389de;
}
.inside-news  ul li:hover .time p{
	color:#fff;
}
.inside-news  ul li:hover .time span{
	color:#fff;
	border: 1px solid #fff;
}
.inside-news  ul li:hover .info p{
	color:#0389de;
}
.inside-news  ul li:hover .info span{
	color:#0389de;
}
.inside-news  ul li:hover{
	background: #eee url(../images/icon03.png)no-repeat right bottom;
}
.inside-news .more{
	display: block;
	width: 118px;
	height: 38px;
	border: 2px solid #666666;
	line-height: 38px;
	margin: 0 auto;
	margin-top: 30px;
	text-align: center;
	color:#666666;
	border-radius: 5px;
}	
.tj{
	width: 1100px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: ;
}
.news-cont{
	background: url(../images/bg04.png)no-repeat center top;
}
.tj ul {
	margin-left: -10px;
	margin-top: 20px;
}
.tj ul li{
	float: left;
 	widows: 360px;
	height: auto;
	overflow: hidden;
	margin-left: 10px;
}
.tj ul li img{
	display: block;
	width: 348px;
	height: 240px;
	border: 1px solid #eeeeee;
	padding: 5px;
}
.tj ul li:hover img{
	border: 1px solid #0389de;
}
.tj ul li p{
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	color:#1a1a1a;
}
.in-footer{
	margin-top: 60px;
}
 
.pro-intro{
	width: 1100px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}
.preview{
	width:628px;

	height: auto;
	overflow: hidden;
	height:auto;
	float: left;
}
.smallImg{
	position:relative; 
	height:90px; 
	margin-top:1px; 
	width:100%;
	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/next.png) no-repeat;
	height: 90px;
}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{
	background:url(../images/prev.png) 
	no-repeat; 
	float:right;
	height: 90px;
}

#imageMenu {
	height:90px;
	width:555px;
 
	margin-left: 20px;
	overflow:hidden; 
 
	float:left;
	 
}
#imageMenu li {
	width:130px; 
	height:90px;
	overflow:hidden; 
	float:left; 
	text-align:center;
	margin-left:4px;
	margin-right: 4px;
}
#imageMenu li img{
	width:130px; 
	height:90px;
	cursor:pointer;
}
 
.bigImg{
	position:relative; 
	float:left; 
	width:626px;
	border: 1px solid #dcdcdc;
	height:auto;
	overflow:hidden;

 
}
.bigImg .box{
	width: 600px;
 	margin: 14px;
	height:auto;

}
.bigImg #midimg{
	width: 600px;
	height: 368px;
 
 
}
.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;
}
.pro-intro .intro{
	width: 410px;
	height:307px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	float: right;
}
.pro-intro .intro .data{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.pro-intro .intro .data p{
	color:#333333;
	font-size: 16px;
	margin-top: 20px;
}
.pro-intro .intro .btn{
	width: 100%;
	height: auto;
 	margin-left: 20px;
	margin-top: 40px;
}
.pro-intro .intro .btn input{
	width: 165px;
	height: 53px;
	background: #0389de;
	color:#fff;
	font-size: 20px;
	border: none;
	border-radius: 5px;
	margin-right: 30px;
	font-family: "微软雅黑";
	box-shadow: -2px 3px 4px 1px #79b9e0
}
.pro-intro .info{
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
	min-height: 300px;
	margin-top: 30px;
}
.pro-intro .info .tit{
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #cdcdcd;
}
.pro-intro .info .tit p{
	color:#0389de;
	font-size: 20px;
	text-align: center;
	line-height: 40px;
}
.pro-intro .info  .text{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 10px;
}
.pro-intro .info  .text p{
	color:#1a1a1a;
	font-size: 15px;
	line-height: 26px;
	text-indent: 2em;
}

/**/
.fy{ width:1200px; text-align:center; margin:20px auto;}
.fy a:link{ color:#666;}
.fy a:visited{ color:#666;}
.fy a:hover{ color:#0389de;}
.text h5{ text-align:center; line-height:40px; font-size:16px;}
/*留言*/
.message{width:100%; height:800px; /*background:#eee;*/ margin-left:50px; float:left;}
.message  span{ width:100%; height:60px; line-height:60px;float:left; color:#000; text-align:center; font-size:30px;}
.message p{font-size:15px; color:#999; text-align:center;}
   
 .message_left{float:left;width:40%;height:34px;line-height:34px;font-size:14px;color:#777777;text-align:left;border-color:#333333;border-style:none;clear:both; margin-top:8px; }
.message_right{float:left;width:90%;height:24px;line-height:24px;background-color:#eee;font-size:14px;color:#777777;text-align:left;padding:4px;border:1px;border-color:#aaa;border-style:dashed;}
   
   .area_message{float:left;width:90%;height:122px;line-height:24px;background-color:#eeeeee;background-image:none;font-size:14px;color:#777777;text-align:left;padding:4px;font-family:Microsoft YaHei;border:1px;border-color:#aaa;border-style:dashed;}
   
.sub_message{float:left; width:92%;height:40px;line-height:40px;background-color:#0389de; border-radius:5px;color:#FFFFFF;text-align:center;border:1px;border-color:transparent;margin-top:20px;}
