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

body{min-width:1260px;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: 1400px;

	margin:0 auto;

}

.head{

	width: 100%;

	height:140px;

	overflow: hidden;

 

}

 

.head .main{

	display: flex;

	align-items:center;

	height: 140px;

	justify-content: space-between;

}

.nav{

	width: 100%;

	height: 60px;

	overflow: hidden;

	background: #006CD8;

 

}

.nav ul{

	width: 1400px;

	margin:0 auto;

	 

}

.nav ul li{

	float: left;

	width: 175px;

	height:60px;

	text-align: center;

	line-height:60px;

	position: relative;

 

}

.nav ul li:first-child{

	margin-left: 0;

}

.nav ul li:after{

	content: "";

	width: 2px;

	height: 17px;

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

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -8px;

}

.nav ul li:last-child:after{

	width: 0;

	height: 0;

	overflow: hidden;

}

.nav ul li ul li {

	height: 50px;

	border-bottom: 1px solid #BABBB5;

	line-height: 50px;



}

.nav ul li:last-child{

	border: none;

}

.nav ul li a{

	color:#fff;

	font-size: 16px;

	display: block;

}

.nav ul li:hover{

	background:#044C93;

}

 

.nav ul li:hover ul li a{

	color:#fff;

}



.nav ul li:hover ul {

	display: block;

}

 

.banner{ 

	width:100%;

	margin:0 auto; 

	overflow:hidden; 

	position:relative; 

 

}

.banner .hd{

 height:auto;

 overflow:hidden; 

 position:absolute; 

 width: 100%;

 bottom:40px; 

 z-index:1; 

}

.banner .hd ul{

 overflow:hidden; 

 zoom:1; 

 float:left; 

 display: flex;

 justify-content: center;

 width: 100%;



}

.banner .hd ul li{

 float:left; 

 margin: 0 10px;

 width:20px; 

 height:20px; 

 line-height:14px; 

 text-align:center; 

 cursor:pointer;

 border-radius: 50%;

 background: #484C4C;

 

 

}

.banner .hd ul li.on{

 background:#006CD8;

 

}

.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; 

}

 



.keywords{

	width: 100%;

	height: 66px;

	background: #F1F1F1;

	overflow: hidden;

	box-shadow: 0 0 5px 2px #DADADA;

}

.keywords p{

	float: left;

	line-height: 66px;

	color:#3a3a3a;

	font-size: 16px;

	font-weight: bold;

}

.keywords ul{

	float: right;

	width: 1320px;

}

.keywords ul li{

	float: left;

	padding: 0 10px;

	line-height: 66px;

	position: relative;

}

 

.keywords ul li a{

	color:#3a3a3a;

	font-size: 16px;

}

.title{

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

	padding-bottom: 20px;

}

.title:after{

	content: "";

	width: 80px;

	height: 7px;

	background: #006CD8;

	position: absolute;

	left: 50%;

	margin-left: -40px;

	bottom: 0;

}

.title h4{

	color:#000000;

	font-size: 36px;

	text-align: center;

	font-weight: normal;

}

.title span{

	color:#b3b3b3;

	font-size: 12px;

	display: block;

	text-align: center;

	text-transform: uppercase;

	margin-top: 8px;

}

.title  p{

	color:#006CD8;

	font-size: 18px;

	text-align: center;

	margin-top: 10px;

}





.adv{

	width: 100%;

	height:616px;

	margin-top: 70px;

}





.adv ul{

 

	margin-top: 45px;

}



.adv ul li:first-child{

	margin-left: 0;

}

.adv ul li{

	float: left;

	width: 326px;

	height: 446px;

	overflow: hidden;

	transition: .5s;

	background: #F1F1F1;

	margin-left: 32px;

}



.adv ul li b{

	display: block;

	width: 90px;

	height: 90px;

	border-radius: 50%;

	transition: .5s;

	background: #fff;

	text-align: center;

	color:#393939;

	font-size: 42px;

	font-weight: normal;

	text-align: center;

	line-height: 90px;

	margin: 0 auto;

	margin-top: -45px;

	z-index: 1;

	position: relative;

	box-shadow: 0 2px 5px 1px #D7D7D7;

}



.adv ul li div {

	overflow: hidden;

	width: 100%;

	height: auto;

	overflow: hidden;

}

.adv ul li div img{

	display: block;

	transition: .5s;



}

.adv ul li:hover{

	box-shadow: 0 0 5px 1px #DADADA;

}

.adv ul li:hover img{



	transform: translateY(10px);

	transform:scale(1.05);

}

.adv ul li:hover b{

	transform: translateY(-20px);

}

.adv ul li   h4{

	color:#006CD8;

	font-size: 24px;

	text-align: center;

	margin-top: 10px;

}



.adv ul li .info{

	color:#353535;

	width:83%;

	margin: 0 auto;

	font-size: 16px;

	line-height: 28px;

	margin-top: 20px;

	display: -webkit-box;

	-webkit-line-clamp:4;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

 

.adv ul li img{

	display: block;

	width: 100%;

	height: 204px;

}



.img-box{

	overflow: hidden;

}

.img-box img{

	display: block;

	transition: .5s;

}

.img-box:hover img{

	transform: scale(1.05);

}





.gg{

	width: 100%;

	height: 211px;

	background: url(../images/gg.jpg)  no-repeat center;

	margin-top: 70px;

}



.gg a{

	display: block;

	width: 100%;

	height: 100%;

}



.product{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 70px;

}



.tab{

	display: table;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

}



.tab ul li{

	float: left;

	width: 170px;

	height: 45px;

 	background: #F1F1F1;

	box-sizing: border-box;

	line-height: 45px;

	text-align: center;

	border-radius: 5px;

	margin: 0 10px;

	margin-bottom: 10px;

}

.tab ul li a{

	display: block;

	color:#000;

	font-size: 16px;

	text-align: center;

}





.tab ul li:hover {

	background: #006CD8;

}



.tab ul li:hover a{

	color:#fff;

}





.product .list{

	float: left;

	width: 300px;

	height:1135px;

	overflow: hidden;

	background: #F2F2F2;

	margin-top: 30px;

	float: left;

}



.product .list .tit{

	width: 100%;

	height: 100px;

	overflow: hidden;

	background: #006CD8;

}



.product .list .tit p{

	color:#fff;

	font-size: 30px;

	margin-top: 15px;

	font-weight: bold;

	text-align: center;

}



.product .list .bd{

	width: 100%;

	height: auto;

	overflow: hidden;

}



.product .list .bd ul{

	width: 270px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.product .list .bd ul li{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 15px;

}

.product .list .bd h4{

	width: 100%;

	height: 40px;

	background: #006CD8 url(../images/icon02.png) no-repeat 250px center;

	text-indent: 85px;

	line-height: 40px;

	border-radius: 5px;

}



.product .list .bd h4 a{

	color:#fff;

	font-size: 18px;

}



.product .list .bd dl{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.product .list .bd dl dd{

	width: 100%;

	text-align: center;

	line-height: 45px;

	border-bottom: 1px solid #E0E0E0;

}

.product .list .bd dl dd a{

	color:#000000;

	font-size: 16px;

}

.product .list .tit span{

	display: block;

	text-align: center;

	color:#fff;

	font-size: 14px;

	text-transform: uppercase;

	margin-top: 5px;

}

 

.product .pic{

	width: 1070px;

	float: right;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.product .pic ul li{

	float: left;

	width: 344px;

	border: 1px solid #F1F1F1;

	box-sizing: border-box;

	margin-left: 16px;

	margin-bottom: 24px;

	background: #F1F1F1;

}

.product .pic ul li:nth-child(3n-2){

	margin-left: 0;

}

.product .pic ul li img{

	display: block;

	width: 344px;

	height: 284px;

	 

}



.product .pic ul li p{

	width: 100%;

	height: 77px;

	line-height: 77px;

	text-align: center;

	font-size: 18px;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	color:#555555;

}

.product .pic ul li:hover img{

	transform: scale(1.05);

}



.product .pic ul li:hover p{

	color:#fff;

}



.product .pic ul li:hover {

	border: 1px solid #006CD8;

	background: #006CD8;

}



.cases{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

}



.cases .show{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 15px;

}

.cases .box{

	width: 800%;

}

.cases .pic{

	float: left;

}

.cases .pic ul li{

	width: 332px;

	height: auto;

	overflow: hidden;

	background: #F1F1F1;

	border: 1px solid #F1F1F1;

	box-sizing: border-box;

	margin-left: 25px;

	float: left;

}

.cases .pic ul li img{

	display: block;

	width: 332px;

	height: 275px;

}

.cases .pic ul li p{

	width: 100%;

	height: 

}





.cases .pic  ul li p{

	width: 100%;

	height: 74px;

	line-height: 74px;

	text-align: center;

	font-size: 18px;

	color:#555555;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.cases .pic  ul li:hover p{

	color:#fff;

}



.cases .pic  ul li:hover {

	border: 1px solid #006CD8;

	background: #006CD8;

}



.cases .pic  ul li:hover img{

	transform: scale(1.05);

}



.about{

	width: 100%;

	height: 820px;

	background: url(../images/bg01.jpg) no-repeat center;

	margin-top: 70px;

	overflow: hidden;

}

.about .title{

	margin-top: 65px;

}

.about .title p{

	color:#fff;

}



.about .title h4{

	color:#fff;

}

.about .title span{

	color:#fff;

}

.about .title:after{

	background: #fff;

}



.about .bd{

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 15px;

 

	background: #fff;

	margin-top: 45px;

}



.about .pic{

	width: 49.56%;

	float: left;

}

.about .pic img{

	display: block;

	width: 100%;

}

.about .bd .tit{

	width: 100%;

	height: 50px;

	font-size: 30px;

	color:#2c2c2c;

 

	overflow: hidden;

	border-bottom: 1px solid #CCCCCC;

}



 

.about .intro{

	width: 44.89%;

	height: auto;

	float: left;

	margin-left: 40px;

	overflow: hidden;

	margin-top: 40px;



}



.about .intro .info{

	color:#767676;

	height: auto;

	overflow: hidden;

	line-height: 32px;

	margin-top: 25px;

	font-size: 16px;

 



}



.about .intro a{

	display: block;

	width: 160px;

	height: 40px;

	color:#fff;

	background: #006CD8;

	font-size: 18px;

	text-align: center;

	line-height: 40px;

	margin-top: 50px;

	border-radius: 5px;

	font-size: 18px;

}





.honor{

	width: 1400px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 70px;

}

.honor .show{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 45px;

}

.honor .box{

	width: 800%;

}

.honor .pic{

	float: left;

}

.honor ul li{

	float: left;

	width: 334px;

	height: auto;

	background: #F1F1F1;

	overflow: hidden;

	margin-left: 24px;

}

.honor ul li img{

	display: block;

	width: 100%;

	height: 249px;

}

.honor ul li div{

	width: 332px;

	margin:1px;

}

.honor ul li p{

	width: 100%;

	height:60px;

	line-height:60px;

	color:#565656;

	font-size: 18px;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    text-align: center;



}

.honor ul li:hover{

	background: #006CD8;

}





.honor ul li:hover p{

	color:#fff;

}

.news{

	width: 100%;

	background: #F2F2F2;

	height: 710px;

	overflow: hidden;

	margin-top: 50px;

}



.news .title{

	margin-top: 70px;

}

.news ul {

	height: auto;

 

	margin-top: 50px;

}

.news ul li{

	float: left;

	width: 690px;

	height: 123px;

	background: #fff;

	box-sizing: border-box;

	margin-bottom: 20px;

	padding: 10px;

	transition: .5s;

}



.news ul li:nth-child(2n){

	float: right;

}



.news ul li .time{

	width: 95px;

	height: 95px;

	background:#006CD8;

	float: left;

	overflow: hidden;

}



.news ul li .info{

	width: 525px;

	height: auto;

	overflow: hidden;

	float: left;

	margin-left: 25px;

	margin-top:8px;

}

.news ul li:hover{

	transform: translateY(-10px);

}



.news ul li .info h4{

	color:#1a1a1a;

	font-size: 16px;

	width: 100%;

	 white-space: nowrap;

	 transition: .5s;

    text-overflow: ellipsis;

    overflow: hidden;

}

.news ul li .info h4:hover {

	

	transform: translateX(10px);

}



.news ul li .info p{

	color:#8f8e8e;

	font-size: 14px;

	line-height: 28px;

	display: -webkit-box;

	-webkit-line-clamp:2;

	margin-top: 10px;

	-webkit-box-orient: vertical;

	overflow: hidden;



}

.news ul li .time b{

	color:#ffffff;

	font-size: 32px;

	font-weight: bold;

	display: block;

	margin-top: 12px;

	text-align: center;

}



.news ul li .time p{

	color:#fff;

	font-size: 16px;

	text-align: center;

}



.section{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 60px;

 

}



.message{

	width: 50%;

	height: 620px;

	background: #006CD8;

	float: left;

	margin-top: 25px;

}



.message .tit{

	width: 245px;

	height: 100px;

	background: #F2F2F2;

	float: left;

	margin-left: 7%;

	margin-top: -20px;

	position: relative;

}

.message .tit:after{

	content: "";

	width: 20px;

	height: 20px;

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

	position: absolute;

	right: -20px;

	top: 0;

}



.message .tit p{

	color:#006cd8;

	margin-left: 25px;

	font-size: 24px;

	font-weight: bold;

	margin-top: 20px;

}

.message .tit  span{

	display: block;

	color:#878787;

	font-size: 20px;

	margin-left: 25px;

	margin-top: 5px;

}



.message form{

	width: 85.71%;

	height: auto;

	overflow: hidden;

	margin: 0 auto;

	margin-top: 34px;

	float: left;

	margin-left: 7%;

}



.message form ul li{

	width: 100%;

	height: auto;

	margin-bottom: 10px;

	overflow: hidden;

}

.message form ul li p{

	color:#fff;

	font-size: 18px;

	line-height: 50px;

	float: left;

}



.message form ul li input{

	width:85%;

	float: right;

	height: 50px;

	text-indent: 10px;

	border-radius: 5px;

	outline: none;

	font-size: 18px;

	border: none;

}



.message form ul li textarea{

	width:85%;

	float: right;

	height: 50px;

	text-indent: 10px;

	border-radius: 5px;

	outline: none;

	font-size: 18px;

	border: none;

	height: 110px;

	padding-top: 10px;

	font-family: '微软雅黑';

}



.message form .btn{

	width: 100%;

	height: 60px;

	background:#28B8FF;

	color:#fff;

	font-size: 18px;

	border: none;

	margin-top: 10px;

	border-radius: 5px;

}



.contact{

	float: right;

	width: 50%;

	height:620px;

	background: #F2F2F2;

	margin-top: 25px;

}



.contact .tit{

	width: 245px;

	height: 100px;

	background:#006CD8;

	margin-left:45px;

	float: left;

	position: relative;

	margin-left: 40px;

	margin-top: -20px;

}



.contact .tit:after{

	content: "";

	width: 20px;

	height: 20px;

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

	position: absolute;

	right: -20px;

	top: 0;

}

.contact .tit p{

	color:#fff;

	margin-left: 25px;

	font-size: 24px;

	font-weight: bold;

	margin-top: 20px;

}

.contact .tit  span{

	display: block;

	color:#fff;

	font-size: 20px;

	margin-left: 25px;

	margin-top: 5px;

}



.contact .bd{

	width: 610px;

	margin: 0 auto;

	height: auto;

	margin-left: 40px;

	overflow: hidden;

	float: left;

	margin-top: 30px;

}

.contact .bd .info h4{

	color:#383838;

	font-size: 20px;

}



.contact .bd .info{

	width: 100%;

	height:276px;

	overflow: hidden;

	margin-top: 40px;

	color:#666666;

	font-size: 16px;

	line-height: 30px;

}



.contact .bd .info p{

	margin-top: 10px;

}





.links{

	width: 100%;

	height: auto;

	overflow: hidden;

	border-top: 1px solid #D6D6D6;

	height: 85px;

	margin-top: 60px;

}



.links .tit{

	width: 146px;

	height: 20px;

	margin-top: 30px;

	float: left;

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

}



.links .tit p{

	color:#006cd8;

	font-size: 18px;

	line-height: 20px;

	margin-left: 28px;

}



.links  ul{

	float: left;

 

	width: 87%;

}



.links  ul li{

	height: 85px;

	padding: 0 20px;

	line-height: 85px;

	float: left;

}



.links  ul li a{

	color:#5d5d5d;

	font-size: 14px;

	display: block;

}



.footer{

	width: 100%;

	min-height:323px;

	padding-top: 70px;

	box-sizing: border-box;

	height: auto;

	overflow: hidden;

	padding-bottom: 20px;

	background: #006CD8;

	 

}

.footer a{

	color:#fff;

}

 

.footer .name{

	float: left;

}

.footer .name img{

	display: block;

}

.footer .intro{

	float: left;

	color:#fff;

	font-size: 16px;

	line-height: 30px;

	margin-left: 95px;

}

.footer .ewm{

	float: right;

}

.footer .ewm img{

	display: block;

	width: 139px;

	height: 139px;

}

.footer .ewm p{
	text-align: center;
	line-height: 40px;
	color:#fff;
	font-size: 14px;
}

.in-content{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

	margin-bottom: 50px;

}



.left-cont{

	width: 300px;

	height: auto;

	overflow: hidden;

	float: left;

}





.left-cont .list{

	width: 300px;

	height:1124px;

	overflow: hidden;

	background: #F2F2F2;

	float: left;

}



.left-cont .list .tit{

	width: 100%;

	height: 100px;

	overflow: hidden;

	background: #006CD8;

}



.left-cont .list .tit p{

	color:#fff;

	font-size: 30px;

	margin-top: 15px;

	font-weight: bold;

	text-align: center;

}



.left-cont .list .bd{

	width: 100%;

	height: auto;

	overflow: hidden;

}



.left-cont .list .bd ul{

	width: 270px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.left-cont .list .bd ul li{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 15px;

}

.left-cont .list .bd h4{

	width: 100%;

	height: 40px;

	background: #006CD8 url(../images/icon02.png) no-repeat 250px center;

	text-indent: 85px;

	line-height: 40px;

	border-radius: 5px;

}



.left-cont .list .bd h4 a{

	color:#fff;

	font-size: 18px;

}



.left-cont .list .bd dl{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.left-cont .list .bd dl dd{

	width: 100%;

	text-align: center;

	line-height: 45px;

	border-bottom: 1px solid #E0E0E0;

}

.left-cont .list .bd dl dd a{

	color:#000000;

	font-size: 16px;

}

.left-cont .list .tit span{

	display: block;

	text-align: center;

	color:#fff;

	font-size: 14px;

	text-transform: uppercase;

	margin-top: 5px;

}





.right-cont{

	float: right;

	width: 1080px;

}

.tit-bar{

	width: 100%;

	height: 60px;

	background: #F1F1F1;

	border-bottom: 3px solid #666666;

}



.tit-bar h4{

	color:#666666;

	font-size: 18px;

	float: left;

	margin-left: 15px;

	line-height: 60px;

}



.crumbs {

	float: right;

	line-height: 60px;

}

.crumbs p{

	float: left;

	color:#333;

	font-size: 16px;

}

.crumbs a{

	color:#666;

	font-size: 14px;

	padding: 0 10px;

	position: relative;

}

.crumbs a:after{

	content: ">";

	font-family: '宋体';

	right: -5px;

	position: absolute;

}

.crumbs a:last-child:after{

	width: 0;

	height: 0;

	overflow: hidden;

}





.bread{

	width: 100%;

	height: 60px;

	border-bottom: 1px solid #eaeaea;

}

.bread  .home{

	display: block;

	width: 60px;

	height: 60px;

	border-left: 1px solid #eaeaea;

	border-right: 1px solid #eaeaea;

	float: left;

	display: flex;

	justify-content: center;

	align-items: center;

}

 

.bread img{

	display: block;

}

.bread .crumbs{

	float: left;

	margin-left: 15px;

}

.pic-list{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.pic-list ul li{

	float: left;

	width: 32.3%;

	margin-bottom: 20px;

	border: 1px solid #f1f1f1;

	box-sizing: border-box;

	margin-left:1.5%;

}

.pic-list ul li:nth-child(3n-2){

	margin-left: 0;

}

.pic-list ul li img{

	display:block;

	width: 100%;

}

.pic-list ul li p{

	width: 100%;

	height: 45px;

	line-height: 45px;

	color:#333;

	font-size: 16px;

	text-align: center;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    background: #F1F1F1;

}

.pic-list ul li:hover p{

	color:#666666;

}

.page{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.page  ul{

	display: table;

	margin: 0 auto;

}



.page  ul li{

	border: 1px solid #ccc;

	padding: 0 10px;

	height: 30px;

	line-height: 30px;

	border-radius: 3px;

	color:#333;

	float: left;

	margin: 0 3px;

}

.page  ul li a{

	color:#333;

	

}

.page ul  .thisclass{

	background: #666666;

	color:#fff;

	border: 1px solid #666666;

}

 

.page  select{

	border: none;

	background: none;

	outline: none;

}



.news-quick{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin:  60px auto;

}



.news-quick .tit{

	width: 100%;

	height: 60px;

	line-height: 60px;

	border-bottom: 3px solid #006CD8;

	overflow: hidden;

	

	background: #f1f1f1;

}

.news-quick .tit p{

	color:#006CD8;

	font-weight: bold;

	font-size: 18px;

	margin-left: 15px;

	float: left;

}

.news-quick .tit span{

	display: block;

	color:#006CD8;

	font-size: 14px;

	float: left;

	margin-left: 5px;

	text-transform: uppercase;

	margin-top:2px;

}

.news-quick .tit a{

	color:#333;

	font-size: 14px;

	float: right;

	margin-right: 15px;

}





.news-quick ul {

	height: auto;

 

	margin-top:20px;

}

.news-quick ul li{

	float: left;

	width: 690px;

	height: 123px;

	background: #fff;

	box-sizing: border-box;

	margin-bottom: 20px;

	padding: 10px;

	background: #F1F1F1;

	transition: .5s;

}



.news-quick ul li:nth-child(2n){

	float: right;

}



.news-quick ul li .time{

	width: 95px;

	height: 95px;

	background:#006CD8;

	float: left;

	overflow: hidden;

}



.news-quick ul li .info{

	width: 525px;

	height: auto;

	overflow: hidden;

	float: left;

	margin-left: 25px;

	margin-top:8px;

}

.news-quick ul li:hover{

	transform: translateY(-10px);

}



.news-quick ul li .info h4{

	color:#1a1a1a;

	font-size: 16px;

	width: 100%;

	 white-space: nowrap;

	 transition: .5s;

    text-overflow: ellipsis;

    overflow: hidden;

}

.news-quick ul li .info h4:hover {

	color:#666666;

	transform: translateX(10px);

}



.news-quick ul li .info p{

	color:#8f8e8e;

	font-size: 14px;

	line-height: 28px;

	display: -webkit-box;

	-webkit-line-clamp:2;

	margin-top: 10px;

	-webkit-box-orient: vertical;

	overflow: hidden;



}

.news-quick ul li .time b{

	color:#ffffff;

	font-size: 32px;

	font-weight: bold;

	display: block;

	margin-top: 12px;

	text-align: center;

}



.news-quick ul li .time p{

	color:#fff;

	font-size: 16px;

	text-align: center;

}



.cases-list{

	width: 100%;

	height: auto;

	overflow: hidden;

}





.cases-list{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.cases-list ul li{

	float: left;

	width: 24%;

	margin-left: 1.3%;

	margin-bottom: 20px;

}

.cases-list ul li:nth-child(4n-3){

	margin-left: 0;

}

.cases-list ul li img{

	display:block;

	width: 100%;

}

.cases-list ul li div{

	border: 1px solid #ccc;

	box-sizing: border-box;

}

.cases-list ul li p{

	width: 100%;

	height: 40px;

	line-height: 40px;

	color:#333;

	font-size: 16px;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    text-align: center;

}





.article{

	width: 100%;

	height: auto;

	overflow: hidden;

	min-height: 300px;

}

.article .tit{

	height: auto;

	overflow: hidden;

	width: 100%;

}

.article .tit h4{

	color:#333;

	font-size: 28px;

	font-weight: normal;

	text-align: center;

}



.article .tit span{

	display: block;

	text-align: center;

	background: #F1F1F1;

	margin-top: 20px;

	height: 45px;

	line-height: 45px;

	color:#666;

	font-size: 14px;

	border-bottom: 1px solid #e7e7e7;

}

.article .tit span a{
	color:#666;
}



.article .info{

	width: 100%;

	height: auto;

	overflow: hidden;

	color:#333;

	font-size: 16px;

	line-height: 30px;

	margin-top: 30px;

}



.article .info img{

	display: block;

	margin: 0 auto;

	max-width: 100%;

}



.detailed{

	width: 100%;

	margin-top: 30px;

}

.fy{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin: 50px auto;





}



.fy p{

	color:#333;

	font-size: 16px;

	height: 50px;

	line-height: 50px;

	float: left;

	border: 1px solid #ccc;

	padding: 0 10px;

	box-sizing: border-box;

	width: 40%;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	text-align: center;

	border-right: none;



}

 

.fy  a{

	color:#333;



}





.fy .return{

	width: 200px;

	text-align: center;

	line-height: 50px;

	height: 50px;

	display: block;

	float: left;

	box-sizing: border-box;

	border: 1px solid #ccc;

}



.company{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

	color:#333;

	font-size: 16px;

	line-height: 30px;

}



.map{

	width: 100%;

	height: 400px;

	margin-top: 20px;

}



.mssg-intro{

	width:100%;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

	background: #eeeeee;

}



.mssg-intro img{

	display: block;

	float: left;

}



.mssg-intro form{

	width: 660px;

	float: left;

	margin-left: 30px;

	margin-top: 30px;

}



.mssg-intro form ul li{

	width: 100%;

	height:auto;

	overflow: hidden;

	border: 1px solid #d2d2d2;

	margin-bottom: 15px;

	background: #fff;

	border-radius: 5px;

}

.mssg-intro form ul li input{

	height: 50px;

	border: none;

	width: 100%;

	outline: none;

	text-indent: 10px;

	color:#999999;

	font-size: 16px;

	background: none;

	font-family: '微软雅黑' ;

}



.mssg-intro form ul li textarea{

	width: 500px;

	height: 100px;

	border: none;

	outline: none;

	font-family: '微软雅黑' ;

	resize: none;

	background: none;

 	text-indent: 10px;

	padding-top: 10px;

	color:#999;

	font-size: 16px;

}



.mssg-intro form .btn input{

	width: 300px;

	display: block;

	height: 60px;

	float: left;

	margin-top: 20px;

	background:#666666;

	outline: none;

	border: none;

	font-size: 18px;

	color:#fff;

	border-radius: 5px;

}

.mssg-intro form .btn input:last-child{

	float: right;

	background: #999;

}





.news-list{

	width: 100%;

	height: auto;

 

	margin-top: 20px;

}

.news-list ul li{

	border: 1px dotted #ccc;

	box-sizing: border-box;

	padding: 20px;

	height: auto;

	overflow: hidden;

	margin-bottom: 20px;

 	transition: .5s;

}



.news-list ul li h4{

	float: left;

	font-size: 18px;

	color:#666;

	position: relative;

	line-height: 30px;

	padding-left: 20px;

	transition: .5s;

	font-weight:normal;

	white-space: nowrap;

	 text-overflow: ellipsis;

	 overflow: hidden;

	 width: 700px;

	box-sizing:border-box;

}



.news-list ul li a{

	display: block;

}

.news-list ul li span{

	float: right;

	color:#919191;

	font-size: 14px;

	line-height: 30px;

}

.news-list ul li h4:after{

	content: "";

	width: 4px;

	height: 4px;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -2px;

	border-right: 50%;

	background: #494949;

}



.news-list ul li:hover h4{

	color:#063F9C;

	transform: translateX(10px);

}

.news-list ul li p{

	float: left;

	width: 100%;

	padding-left: 20px;

	height: 50px;

	box-sizing: border-box;

	font-size: 16px;

	line-height: 24px;

	display: -webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient: vertical;

	overflow: hidden;

	margin-top: 20px;

	color:#7f7f7f;

}

.news-list ul li:hover{

	box-shadow: 0 0 5px 1px #eee;

	transform: translateY(-10px);

}





@media (max-width: 1420px){

	.main{

	 	width: 1260px;

	}

	.nav ul{

	 	width: 1260px;

	}

	.nav ul li{

		width: 140px;

		margin: 0;

	}

	.keywords ul{

		width: 1180px;

	}

	.adv ul li{

		width:296px;

		margin-left: 25px;

	}

	.adv ul li div img{

		height: 185px;

	}

	.adv ul li .info{

		 

	}



	.gg{

		background-size:130% auto;

		height: 190px;

	}

	.product .pic ul li{

		margin-left: 15px;

		width: 303px;

	}

	.product .pic ul li img{

		width: 301px;

		height: 249px;

	}

	.news ul li{

		width: 615px;

	}

	.news ul li .info{

		width: 475px;

	}

	.message form ul li input{

		width: 442px;

	}

	.message form ul li textarea{

		width: 442px;

	}

	.honor {

		width: 100%;

	}



	.contact .bd {

		width: 540px;

	}

	.contact .bd  img{

		width: 100%;

	}



	.news-quick ul li{

		width: 615px;

	}

	.news-quick ul li .info{

		width: 475px;

	}

	.right-cont{

		width: 930px;

	}

	.left-cont .list{

		min-height: 1005px;

	}



	.right-cont .fy p{

		width: 39%;

	}



	.mssg-intro form{

		width: 520px;

	}

	.mssg-intro form .btn input{

		width: 250px;

	}

	.product .list {

		height: 682px;

	}



	.product .pic{

		width: 940px;

 

	}

}