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

body{background:#ffffff;

	margin:0px;

	padding:0px;

	text-decoration:none;

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

input[type="button"],input[type="submit"], input[type="text"] {-webkit-appearance: none;}

textarea {-webkit-appearance: none;}

select {-webkit-appearance: none;}

html{

	font-size: 12px;

}

a:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.head .name { float: left;}
@media screen and (max-width: 1199px){

	html {

	    font-size: 100px;

	}

	body{

		max-width: 750px;

		margin:0 auto;

	}

	.head .name img {width: 150px;}

}



@media (max-width: 767px){

	html {

	

	font-size: 13.333333333333vw;

	}

	body{

	  max-width:initial;

	}

}



.main{

	width: 1400px;

	margin: 0 auto;

}



.head{

	width: 100%;

	height: 120px;

}





.head  .tel{

	float: right;

	margin-top: 35px;

}



.head .name{

	float: left;

	margin-top: 27px;

}

.head .btn{

	display: none;

}

 



@media (min-width: 1200px){



	.head .main{

		width: 1830px;

		height: 120px;

		position: relative;

		resize: 

	}



	.nav{

		float: left;

 

		margin-left:50px;

	}

	.nav ul li{

		float: left;

		text-align: center;

		height: 120px;

		width: 100px;

		line-height: 120px;

		position: relative;

		overflow: hidden;

	 

	}

	.nav ul li a{

		color:#333333;

		display:block;

		font-size: 16px;

		text-transform: uppercase;

	}

	.nav ul li:hover {

		background: #0084CE;

	}

	.nav ul li:hover a{

		color:#fff;

	}

	.nav ul li:hover  dl dd a{

		color:#3d3d3d;

	}

	.nav ul li div{

		position: absolute;

		left: 0;

		top: 140px;

		background: #F5F5F5;

		display: flex;

		justify-content:space-between;

		align-items: center;

		flex-wrap: nowrap;

		z-index: 100;

		width: 585px;

 		transition: .8s;

		padding: 40px 50px;

		opacity: 0;

		visibility:hidden;

	}



	.nav ul li  .on{

		opacity: 1;

		top: 120px;

		visibility:initial;

	}

	.nav ul  li:after{

		content: "";

		width: 34px;

		height: 13px;

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

		position: absolute;

		bottom: -13px;

		left: 35px;

		opacity: 0;

		transition: .5s;

	}

	.nav ul .current{

		overflow: initial;

	}

	.nav ul .current:after{

		opacity: 1;

		bottom: 0;

	}

	.nav ul li div dl{

		width: 175px;

		height: auto;

		overflow: hidden;

	}

	.nav ul li div dl dd{

		width: 100%;

		line-height: 50px;

		border-bottom: 1px solid #D4D4D4;

	}

	.nav ul li div dl dd:hover a{

		color:#0084ce;

	}

 

} 



 

 

@media (min-width: 1600px) and (max-width: 1830px) { 

	 

	.head .main {

		width: 1600px;

		margin: 0 auto;

	}

 	 

}





@media (min-width: 1440px) and (max-width: 1600px) { 


	.head .main {

		width: 1400px;

		margin: 0 auto;

	}



 

	.nav {

		margin: 0;
		margin-left: 100px;

		 

	}



	.nav ul li{

		width: 96px;

	}

 	.head .tel{
 		float: right;
 	}

}


@media (min-width: 1200px) and (max-width: 1440px){
	

 	.head .main {

 		width: 1200px;

 		margin: 0 auto;

 	}

	.nav{
		margin-left: 20px;
	}
	.nav ul li{
		width: 80px;
	}


}







.banner{

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

}

.banner  .swiper-wrapper  img{

	display: block;

	width: 100%;

}



.banner  .swiper-wrapper img:last-child{

	display: none;

}



.banner .swiper-pagination{

	position: absolute;

	width: 100%;

	left: 0;

	bottom: 34px;

	display: flex;

	justify-content: center;

	align-items: center;

	z-index: 1;

}

.banner .swiper-pagination span{

	width: 80px;

	height: 10px;

	background: #fff;

	display: block;

	margin: 0 5px;

}



.banner .swiper-pagination .swiper-pagination-bullet-active{

	background: #138ECF;

}



.m-banner{

	display: none;

}

.p-insideb-banner{

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

}

.p-insideb-banner img{

	display: block;

	width: 100%;

}

.p-insideb-banner .menu{

	width: 1400px;

	height: 200px;

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

	position: absolute;

	left: 50%;

	top: 50%;

	margin-top: -100px;

	z-index: 10;

	margin-left: -700px;

	padding-left: 56px;

	box-sizing: border-box;

}



.p-insideb-banner .menu .tit{

	margin-top: 38px;

	height: auto;

	overflow: hidden;

}

.p-insideb-banner .menu .tit p{

	float: left;

	font-size: 40px;

	color:#fff;

	font-weight: bold;

}

.p-insideb-banner .menu .tit img{

	display: block;

	float: left;

	margin-left: 15px;

	width: auto;

	margin-top: 11px;

}

.p-insideb-banner .menu  span{

	color:#fff;

	font-size: 15px;

	margin-top: 25px;

	display: block;

}

.p-insideb-banner .menu ul{

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}



.p-insideb-banner .menu ul li{

	float: left;

	text-align: center;

	line-height: 30px;

	width: 100px;

	transition: .5s;

	height: 30px;

	border: 1px solid transparent;

}

.p-insideb-banner .menu ul li:hover{

	border-color: #fff;

}



.p-insideb-banner .menu ul li a{

	color:#fff;

	font-size: 15px;

	text-transform: uppercase;
}






.product{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 60px;
}




.product .class{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}

.product .class ul li{
	float: left;
	width: 690px;
	height: auto;
	position: relative;
	overflow: hidden;
}


.product .class ul li .img img{
	display: block;
	transition: .5s;
}

.product .class ul li .info{
	width: 100%;
	height: 141px;
	background: url(../images/bg12.png) no-repeat center;
	position: absolute;
	left: 0;
	box-sizing: 0;
	z-index:1;
	bottom: 0;
	padding: 30px 33px;
	box-sizing: border-box;
}

.product .class ul li .info .tit{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.product .class ul li .info .tit img{
	display: block;
	float: left;
	height: 28px;
	margin-top: 4px;
}

.product .class ul li .info .tit h4{
	color:#fff;
	font-size: 26px;
	font-weight: normal;
	margin-left: 10px;
	float: left;
}

.product .class ul li .info  p{
	color:#ffffff;
	font-size: 15px;
	line-height: 24px;
	margin-top: 10px;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;

}
.product .class ul li:nth-child(2n){
	float: right;
}








.title p{

	color:#333333;

	font-size: 20px;

	text-align: center;

	font-weight: bold;



}

.title b{

	font-size: 36px;

}

.title span{

	display: block;

	color:#999999;

	font-size: 16px;

	text-align: center;

	margin-top: 5px;

}







.qa{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.qa .tit{

	height: auto;

	overflow: hidden;

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

}

.qa .tit p{

	color:#000000;

	font-size: 16px;

	font-weight: bold;

	float: left;

	margin-left: 25px;

}



.qa .tit  span{

	text-transform: uppercase;

	display: block;

	float: left;

	color:#999999;

	margin-left: 8px;

	font-size: 16px;

}



.qa a{

	color:#666666;

	font-size: 14px;

	line-height: 20px;

	float: right;

}



.qa .swiper-container{

	width: 100%;

 	height: 150px;

	overflow: hidden;

	margin-top: 14px;

}

 

.qa .swiper-container .swiper-slide{

	width: 100%;

	height:150px;

	box-sizing: border-box;

	float: left;

 	width: 458px;

	padding:30px 20px;

	background: #ECEFF4;

	margin-bottom: 13px;

}



 

.qa .swiper-container .swiper-slide .q{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 5px;

}

.qa .swiper-container .swiper-slide .q span{

	display: block;

	width: 23px;

	height: 23px;

	border-radius: 50%;

	background: #333333;

	text-align: center;

	line-height: 23px;

	color:#fff;

	font-size: 14px;

	float: left;

}



.qa .swiper-container .swiper-slide .q p{

	color:#333333;

	font-size: 15px;

	width: 385px;

 	float: right;

 	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;
    margin-left: 10px;

}



.qa .swiper-container .swiper-slide .a{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.qa .swiper-container .swiper-slide .a span{

	display: block;

	width: 23px;

	height: 23px;

	border-radius: 50%;

	background: #1E80DB;

	text-align: center;

	line-height: 23px;

	color:#fff;

	font-size: 14px;

	float: left;

}

.qa .swiper-container .swiper-slide .a {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.qa .swiper-container .swiper-slide .a p{

	width: 385px;

	float: right;

	height: auto;

	overflow: hidden;

	display: -webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient: vertical;

	overflow: hidden;

	font-size: 14px;

	line-height: 24px;

	color:#555555;

}



.cases {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 50px;

}



.cases .swiper-container{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}



.cases .swiper-slide{

	border: 1px solid #E6E6E6;

	box-sizing: border-box;

	padding-bottom: 15px;

}

.cases .swiper-slide .img-box img{

	display: block;

	width: 458px;

	height: 350px;

	

}



.cases .swiper-slide .info{

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 0 23px;

	box-sizing: border-box;

	margin-top: 20px;

	

}


.cases .swiper-slide .info img{
	display: block;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	float: left;
}
.cases .swiper-slide .info div{
	float: right;
	width: 330px;
}




.cases .swiper-slide .info p{

	font-size: 18px;

	width: 100%;

	color:#333333;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}





.cases .swiper-slide .info span{

	display: block;

	color:#666666;

	font-size: 15px;

	line-height: 24px;

	margin-top: 5px;
	height: 50px;

	display: -webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.cases .swiper-slide .time{

	width:413px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

 	border-top: 1px dotted #CFCFCF;

 	padding-top: 15px;

 	box-sizing: border-box;

	box-sizing: border-box;

	margin-top: 15px;

}



.cases .swiper-slide .time p{

	float: left;

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

	text-indent: 30px;

	color:#999999;

	font-size: 13px;

}

.cases .swiper-slide .time span{

	display: block;

	float: right;

	color:#999999;

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

	font-size: 15px;

	padding-right: 25px;

	box-sizing: border-box;

}

.cases .btn{

	width: 214px;

	height: auto;

	overflow: hidden;

	margin: 0 auto;

	margin-top: 35px;

	position: relative;

}
.cases .btn a{
	width: 90px;
	height: 50px;
	border: 1px solid #DEDEDE;
	background: url(../images/icon08.png) no-repeat center;
	box-sizing: border-box;
	display: block;
	float: left;
	margin-left: 12px;
}
 

/*.cases .btn .swiper-button-next{

	width: 50px;

	display: block;

	height: 50px;

	float: left;

	margin: 0;

	border: 1px solid #DEDEDE;

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

	position: relative;

	box-sizing: border-box;

}

.cases .btn .swiper-button-prev{

	width: 50px;

	display: block;

	height: 50px;

	margin: 0;

	float: right;

	position: relative;

	border: 1px solid #DEDEDE;

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

	box-sizing: border-box;

}
*/


.cases .btn .swiper-button-next{

	width: 50px;

	display: block;

	height: 50px;

	margin: 0;

	float: right;

	position: relative;

	border: 1px solid #DEDEDE;

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

	box-sizing: border-box;

}

.cases .btn .swiper-button-prev{

	width: 50px;

	display: block;

	height: 50px;

	float: left;

	margin: 0;

	border: 1px solid #DEDEDE;

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

	position: relative;

	box-sizing: border-box;
	

}


.cases .btn .swiper-button-next:hover{

	border: 1px solid #0F8CCE;

	background:#0F8CCE  url(../images/h-prev.png) no-repeat center;

}

.cases .btn .swiper-button-prev:hover{

	

	border: 1px solid #0F8CCE;

	background:#0F8CCE  url(../images/h-next.png) no-repeat center;

}



.gg{

	width: 100%;

	height: 254px;

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

	margin-top: 50px;

}



.gg02{

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

}



.adv{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 10px;

}

.adv ul {

	margin-top: 40px;

}

.adv ul li{

	float: left;

	width: 335px;

	height: 360px;

	border: 1px solid #E6E6E6;

	box-sizing: border-box;

	transition: .5s;

	margin-left: 20px;

	

}

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

	margin-left: 0;

}

.adv ul li i{

	display: block;

	width: 60px;

	height: 58px;

	margin: 0 auto;

	margin-top: 60px;

	background: url(../images/icon09.png) no-repeat left top;

}



.adv ul li:nth-child(2) i{

	background: url(../images/icon09.png) no-repeat -64px top;

}



.adv ul li:nth-child(3) i{

	background: url(../images/icon09.png) no-repeat -128px top;

}

.adv ul li:nth-child(4) i{

	background: url(../images/icon09.png) no-repeat right top;

}

.adv ul li h4{

	color:#0f8cce;

	font-weight: bold;

	font-size: 30px;

	text-align: center;

	position: relative;

	margin-top: 35px;

	padding-bottom: 25px;

}

.adv ul li h4:after{

	content: "";

	width: 30px;

	height: 3px;

	position: absolute;

	left: 50%;

	margin-left: -15px;

	background: #0F8CCE;

	bottom: 0;

}

.adv ul li  span{

	display: block;

	width: 85%;

	margin: 0 auto;

	margin-top: 30px;

	color:#555555;

	font-size: 16px !important;

	line-height: 26px;

	text-align: center;

}



.about{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 50px;

}

.about .intro{

	float: left;

	width: 700px;

	height: 510px;

	margin-top: 30px;

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

}

.about .intro .name{

	margin-left: 50px;

	margin-top: 57px;

}

.about .intro .name img{

	display: block;

}



.about .intro .info{

	margin-left: 50px;

	width: 615px;

	color:#ffffff;

	height: 168px;

	font-size: 15px;

	line-height: 28px;

	overflow: hidden;

	margin-top: 40px;

}



.about .intro  a{

	display: block;

	width: 170px;

	height: 40px;

	border: 1px solid #fff;

	box-sizing: border-box;

	margin-left: 50px;

	line-height: 40px;

	color:#fff;

	background: url(../images/more.png) no-repeat 133px center;

	font-size: 16px;

	margin-top: 40px;

	text-indent: 28px;

}

.about .menu{

	width: 700px;

	height: 510px;

	float: right;

	margin-top: 30px;

 

 

}

.about .menu ul li{

	float: left;

	box-sizing: border-box;

	width: 348px;

	overflow: hidden;

	border: 1px solid #DEDEDE;

	box-sizing: border-box;

	transition: .5s;

	height: 255px;

}

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

	border-left:1px solid transparent;

}

.about .menu ul li:nth-child(n+3){

	border-top: 1px solid transparent;

}



.about .menu ul li a{

	display: block;

	width: 100%;

	height: 100%;

	overflow: hidden;

}



.about .menu ul li i{

	width: 59px;

	height: 59px;

	display: block;

	margin: 0 auto;

	margin-top: 69px;

	

	box-sizing: border-box;

	background:url(../images/icon10.png) no-repeat left top;

}



.about .menu ul li:nth-child(2) i{

	background:url(../images/icon10.png) no-repeat -72px top;

}



.about .menu ul li:nth-child(3) i{

	width: 52px;

	background:url(../images/icon10.png) no-repeat -145px top;

}



.about .menu ul li:nth-child(4) i{

	background:url(../images/icon10.png) no-repeat right top;

}

.about .menu ul li p{

	color:#333333;

	font-size: 18px;

	text-align: center;

	margin-top: 35px;

	position: relative;

}

.about .menu ul li p:after{

	content: "";

	width: 20px;

	height: 1px;

	position: absolute;

	left: 50%;

	margin-left: -10px;

	top: -15px;

	background: #0084CE;

}

.about .menu ul li span{

	display: block;

	text-transform: uppercase;

	color:#999999;

	font-size: 14px;

	margin-top: 5px;

	text-align: center;

}



.news{

	width: 100%;

	height: auto;

	overflow: hidden;

}



.news .menu{

	display: table;

	margin: 0 auto;

	margin-top: 40px;

}

.news .menu ul li{

	float: left;

	width: 160px;

	height: 44px;

	border: 1px solid #D4D4D4;

	box-sizing: border-box;

	text-align: center;

	margin: 0 18px;

	line-height: 44px;

}

.news .menu ul li a{

	color:#666666;

	display: block;

	font-size: 16px;

}



.news .menu ul li:hover{

	background: #0084CE;

	border: 1px solid #0084CE;

}



.news .menu ul li:hover a{

	color:#fff;

}



.news .left{

	float: left;

	width: 450px;

	height: 590px;

	padding: 0 27px;

	margin-top: 40px;

	box-sizing: border-box;

	background: #F2F2F2;

}



.news .left .info {

	margin-top: 25px;

}

.news .left .info p{

	color:#333333;

	font-size: 20px;

	line-height: 30px;

	display: -webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient: vertical;

	overflow: hidden;



}



.news .left .info  span{

	display: block;

	color:#333333;

	font-size: 18px;

	font-weight: bold;

	margin-top: 15px;

}



.news .left  img{

	display: block;

	width: 396px;

	margin: 0 auto;

	margin-top: 20px;

}

.news .left:hover p{

	color:#0084ce;

}

.news .left:hover span{

	color:#0084CE;

}

.news  .an{

	width: 450px;

	height: auto;

	overflow: hidden;

	float: left;

	margin-left: 12px;

	margin-top: 40px;

}

.news  .an ul li{

	width: 100%;

	height: 285px;

	background: #F2F2F2;

	margin-bottom: 20px;

	overflow: hidden;

}

.news  .an ul li .time{

	width: 378px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	padding-bottom: 25px;

	margin-top: 15px;

	border-bottom: 1px solid #D2D2D2;

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

}



.news  .an ul li .time b{

	color:#999999;

	font-size: 50px;

}



.news  .an ul li .time p{

	display: block;

	color:#999999;

	font-size: 16px;

 

}



.news  .an ul li .info{

	width: 378px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}



.news  .an ul li .info p{

	color:#333333;

	width: 100%;

	font-size: 20px;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.news  .an ul li .info p:hover{

	color:#0084ce;

}



.news  .an ul li:hover .time b{

	color:#0084ce;

}

.news  .an ul li:hover .time p{

	color:#0084ce;

}

.news  .an ul li .info span{

	display: block;

	color:#999999;

	font-size: 15px;

	line-height: 24px;

	margin-top: 15px;

	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;

}



.news  .right{

	float: right;

	width: 476px;

	background: #F2F2F2;

	height:590px;

	overflow: hidden;

	margin-top: 40px;

}

.news  .right ul{

	width: 410px;

	height: auto;

	overflow: hidden;

	margin: 0 auto;

	margin-top: 34px;

 

}

.news  .right ul li{

	width: 100%;

	height:105px;

	overflow: hidden;

	margin-bottom: 30px;

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

	border-bottom: 1px solid  #D2D2D2;

}



.news  .right ul li .time{

	float: left;

	width: 66px;

}



.news  .right ul li .time b{

	color:#999999;

	font-size: 50px;

}



.news  .right ul li .time p{

	display: block;

	color:#999999;

	font-size: 16px;

	margin-top: -5px;

 

}



.news  .right ul li .info{

	float: left;

	width: 260px;

	margin-left: 30px;

	margin-top: 20px;

}

.news  .right ul li .info p{

	color:#333333;

	display: -webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient: vertical;

	overflow: hidden;

	font-size: 20px;

}

.news  .right ul li .info span{

	display: none;

}

.news  .right ul li:hover .info p{

	color:#0084ce;

}



.news  .right ul li:hover .time p{

	color:#0084ce;

}

.news  .right ul li:hover .time b{

	color:#0084ce;

}



.news  .right ul li:last-child{

	display: none;

}



.news .more{

	display: none;

}



.links{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}



.links .tit{

	float: left;

}

.links ul{

	width: 1210px;

	height: 50px;

	overflow: hidden;

	float: right;

	margin-top: 15px;

}



.links ul li{

	float: left;

	padding: 0 10px;

	line-height: 25px;

	position: relative;

}



.links ul li:after{

	content: "";

	width: 1px;

	height: 14px;

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -7px;

	background: #9D9C9C;

}



.links ul li a{

	color:#6f6d6d;

	font-size: 14px;

}



.footer{

	width: 100%;

	height: auto;

	min-height: 348px;

	padding-bottom: 30px;

	background: #DCE1E8;

	margin-top: 25px;

	overflow: hidden;

}





.footer .left{

	float: left;

	width: 434px;

	margin-top: 60px;

}

.footer .left img{

	display: block;

}



.footer  .left .tel{

	margin-top: 30px;

	padding-left: 45px;

	background: url(../images/icon11.png) no-repeat left  15px;

}



.footer  .left .tel p{

	color:#333333;

	font-size: 14px;

}



.footer  .left .tel  b{

	color:#006cb3;

	font-size: 36px;

	font-weight: bold;

	width: 240px;

	display: block;

	font-family: 'Arial';

}



.footer  .left .info{

	width: 100%;

	height: auto;

	overflow: hidden;

	color:#333333;

	font-size: 14px;

	line-height: 24px;

	margin-top: 10px;

}



.footer  .menu{

	float: left;

	height: auto;

	overflow: hidden;

	margin-top: 60px;

	margin-left: 100px;

}

.footer  .menu ul li{

	float: left;

	height: 235px;

	border-left: 1px solid #D1D8E0;

	 

	padding-left: 30px;

	padding-right: 30px;

}

.footer  .menu ul li:last-child{

	border-right: 1px solid  #D1D8E0;

}

.footer  .menu ul li a{

	color:#006bb3;

	font-size: 16px;

}

.footer  .menu ul li dl {

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 10px;

}

.footer  .menu ul li dl dd{

	width: 100%;

	line-height: 25px;

}

.footer  .menu ul li dl dd a{

	color:#333333;

	font-size: 14px;

	width: 100%;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    text-transform: uppercase;

}

.footer  .menu ul li dl dd:hover a{

	color:#0084CE;

}



.footer .ewm{

	float: right;

	margin-top: 70px;

	margin-right: 70px;

}



.footer .ewm img{

	display: block;

	width: 150px;

	height: 150px;

	border: 10px solid #fff;

	box-sizing: border-box;

}



.footer .ewm  p{

	text-align: center;

	color:#666666;

	font-size: 14px;

	line-height: 30px;

}



.mfooter{

	display: none;

}





.pc-float{

	position: fixed;

	right:-160px;

 	z-index: 100;

	bottom: 200px;

 

}

.pc-float ul li {

	height: 80px;

	margin-bottom: 1px;

	position: relative;

	background: #0084CE;

	transition: .5s;

	position: relative;

	border-radius: 5px 0 0 5px;

	box-shadow: 0 0 2px 2px #D3DDE3;

	left:0px;



}



.pc-float ul li a{

	float: left;

	width: 80px;

	height: 80px;

	display: flex;

	justify-content: center;

	align-items: center;

	flex-direction: column;

	flex-wrap:wrap;

}





.pc-float ul li i{

	width: 40px;

	box-sizing: border-box;

	height: 40px;

	box-sizing: border-box;

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

}

.pc-float ul li:nth-child(1):hover{

	left: -160px;

}

.pc-float ul li:nth-child(1) i{

	height: 36px;

} 

.pc-float ul li:nth-child(2) i{

	height: 36px;

	background: url(../images/icon12.png) no-repeat center -85px;

}

.pc-float ul li:nth-child(3) i{

	background: url(../images/icon12.png) no-repeat center -160px;

}

.pc-float ul li:nth-child(4) i{

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

}

.pc-float ul li p{

	color:#fff;

	font-size: 14px;

	width: 100%;

	text-align: center;

	margin-top: 5px;



}





.pc-float ul li div{

	position: absolute;

	left: -140px;

	opacity: 0;

	transition: .5s;

	visibility: hidden;

}

.pc-float ul li:hover div{

	opacity: 1;

	visibility: initial;

}

.pc-float ul li b{

	font-size: 18px;

	display: flex;

	justify-content: center;

	align-items: center;

	height: 80px;

	color:#fff;

	width: 160px;

}



.pc-float ul li div img{

	display: block;

	width: 130px;

	height: 130px;

	border: 3px solid #fff;

}



.pc-float ul li:last-child{

	display: none;

}



.float{

	display: none;

}





.crumb{

	width: 100%;

	height: auto;

	overflow: hidden;

	border-bottom: 1px solid #E8E8E8;

}

.crumb i{

	display: block;

	width: 65px;

	float: left;

	height: 60px;

	border-left: 1px solid #E8E8E8;

	border-right: 1px solid #E8E8E8;

	background: url(../images/icon15.png) no-repeat 28px center;

}



.crumb p{

	color:#666666;

	font-size: 16px;

	float: left;

	line-height: 60px;

	margin-left: 15px;

}

.crumb a{

	float: left;

	line-height: 60px;

	padding-left: 25px;

	color:#666666;
	font-size: 16px;
	position: relative;

}


.crumb a:after{

	content: "";

	width: 6px;

	height: 10px;

	position: absolute;

	right: -15px;

	top: 50%;


	margin-top: -5px;

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

}
.crumb a:last-child:after{
	width: 0;
	height: 0;
	overflow: hidden;
}




.pro-list{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 55px;

}

.in-title p{

	color:#0084ce;

	font-size:  42px;

	font-weight: bold;

	text-align: center;

}



.pro-list ul{

	height: auto;

	overflow: hidden;

	margin-top: 40px;

}

.pro-list ul li{

	float: left;

	width: 454px;

	height: auto;

	overflow: hidden;

	position: relative;

	margin-left: 15px;

	margin-bottom: 20px;

}

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

	margin-left: 0;

}

.pro-list ul li img{

	display: block;

	width: 454px;

	 

}

.pro-list ul li p{

	width: 100%;

	height: 70px;

	line-height: 70px;

	background: #AAAAAA;

	text-align: center;

	color:#fff;

	font-size: 16px;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.pro-list ul li a{

	width: 100%;

	height: 100%;

	position: absolute;

	transition: .5s;

	left: 0;

	top: 0;

	opacity: 0;

	background: rgba(24,102,147,.5) url(../images/icon16.png) no-repeat center 42%;

}





.page{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

	margin-bottom: 50px;

}

.page ul{

	display: table;

	margin: 0 auto;

}



.page ul li{

	float: left;

	border: 1px solid #DDDEE0;

	border-radius: 5px;

	font-size: 16px;

	color:#666666;

	height: 40px;

	line-height: 40px;

	padding: 0 15px;

	margin: 0 4px;

}

.page ul li a{

	color:#666;

	display: block;

}



.page .active{

	background: #0084CE;

	color:#fff;

	border: 1px solid #0084CE;

}





.dynamic{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 70px;

	margin-bottom: 70px;

}

.dynamic .left{

	float: left;

	width: 509px;

	height: 430px;

	background: #F1F1F1;

	margin-top: 40px;

	padding: 0 43px;

	box-sizing: border-box;

}

.dynamic .left .tit{

	height: auto;

	overflow: hidden;

	margin-top: 40px;

}

.dynamic .left .tit h4{

	color:#4c4c4c;

	line-height: 30px;

	font-size: 24px;

	display: -webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.dynamic .left  .info{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 35px;

	border-left: 1px solid #D8D8D8;

	padding-left: 10px;

	color:#777777;

	display: -webkit-box;

	-webkit-line-clamp:3;

	-webkit-box-orient: vertical;

	overflow: hidden;

	font-size: 14px;

	box-sizing: border-box;

	line-height: 24px;

}



.dynamic .left img{

	display: block;

	width: 420px;

	height: 221px;

	margin-top: 25px;

}



.dynamic ul{

	float: right;

	width: 860px;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

}



.dynamic ul li{

	height: auto;

	overflow: hidden;

	background: url(../images/icon17.png) no-repeat right 50px;

	border-top: 1px solid #E0DDE8;

	padding-top: 20px;

	margin-bottom: 20px;

}



.dynamic ul li h4{

	font-size: 18px;

	color:#333333;

	font-weight: normal;

	float: left;

	padding-left: 15px;

	width: 700px;

	position: relative;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.dynamic ul li h4:after{

	content: "";

	width: 6px;

	height: 6px;

	position: absolute;

	left: 0;

	top: 8px;

	border-radius: 50%;

	background: #666666;

}



.dynamic ul li  span{

	display: block;

	float: right;

	color: #8e8e8e;

	font-size: 14px;

}



.dynamic ul li p{

	float: left;

	width:790px;

	display: -webkit-box;

	-webkit-line-clamp:1;

	-webkit-box-orient: vertical;

	overflow: hidden;

	color:#8e8e8e;

	font-size: 14px;

	margin-left: 15px;

	margin-top: 10px;

	line-height: 30px;

}



.dynamic ul li:hover h4{

	color:#0084CE;

}



.dynamic ul li:hover h4:after{

	background:#0084CE;

}





.case-list{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 55px;

}

.case-list ul{

	height: auto;

	padding: 3px;

	box-sizing: border-box;

	margin-top: 50px;

}



.case-list ul li{

	float: left;

	width: 451px;

	height: 477px;

	background: #EFEFEF;

	padding: 20px 25px;

	margin-bottom: 20px;

	box-sizing: border-box;

	margin-left: 20px;



	transition: .5s;

}



.case-list ul li span{

	display: block;

	color:#999999;

	font-size: 13px;

	height: 19px;

	line-height: 20px;

	padding-left: 30px;

	background: url(../images/icon18.png) no-repeat left top;

}

.case-list ul li h4{

	color:#000000;

	font-size: 18px;

	font-weight: normal;

	width: 100%;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    margin-top: 10px;

}

.case-list ul li .img img{

	display: block;

	width: 100%;

	margin-top: 10px;

}



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

	margin-left: 0;

}

.case-list ul li .intro{
	width: 100%;
	height: 64px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	overflow: hidden;
	margin-top: 15px;
}
.case-list ul li .intro div{
	float: left;
	 
}
.case-list ul li .intro img{
	display: block;
	width: 60px;
	height: 60px;
	margin: 2px;
	border-radius: 50%;
}
.case-list ul li .intro .info{
	width: 320px;
	margin-left: 15px;
}
.case-list ul li p{
 	
 	width: 100%;
	color:#666666;
	font-size: 15px;
 	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.case-list ul li .intro  b{
	font-size: 15px;
	line-height: 20px;
	display: -webkit-box;
	max-height: 45px;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	font-weight: normal;
	overflow: hidden;
	color:#666;
	margin-top: 6px;
}



.case-list ul li:hover {

	background: #0084CE;

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

}

.case-list ul li:hover span{

	background-position-y:bottom;

	color: #fff;

}



.case-list ul li:hover h4{

	color:#fff;

}



.case-list ul li:hover p{

	color:#fff;

}

.case-list ul li:hover .intro b{
	color:#fff;
}

.about-intro{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 55px;

}

.about-intro .bd{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 55px;

}

.about-intro .intro{

	float: left;

	width: 680px;

	height: auto;

	overflow: hidden;

}

.about-intro .intro .tit b{

	color:#e5e5e5;

	font-size: 48px;

	font-family: 'Impact';

	text-transform: uppercase;

}



.about-intro .intro .tit p{

	color:#0084ce;

	font-size: 30px;

}



.about-intro .intro  .info{

	width: 100%;

	height: auto;

	overflow: hidden;

	color:#666666;

	font-size: 16px;

	margin-top: 40px;

	line-height: 36px;

}



.about-intro   .pic{

	float: right;

}

.about-intro .intro  img{

	display: block;

	width: 100%;

}



.about-intro ul{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

}

.about-intro ul li{

	float: left;

	width: 335px;

	height: 202px;

	margin-left: 20px;

	overflow: hidden;

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

}

.about-intro ul li:nth-child(2){

	background-position-y:-202px;

}

.about-intro ul li:nth-child(3){

	background-position-y:-404px;

}

.about-intro ul li:nth-child(4){

	background-position-y:-606px;

}

.about-intro ul li:first-child{

	margin-left: 0;

}

.about-intro ul li .t{

	width: 294px;

	margin: 0 auto;

	height:60px;

	overflow: hidden;

	margin-top: 30px;

	border-bottom: 1px solid #DEDEDE;

}

.about-intro ul li .t img{

	display: block;

	float: left;

}

.about-intro ul li .t b{

	color:#333333;

	font-size: 26px;

	font-weight: normal;

	margin-left: 10px;

	line-height: 38px;

}



.about-intro ul li .info{

	width: 294px;

	margin: 0 auto;

	margin-top: 20px;

	color:#666666;

	font-size: 14px;

	line-height: 30px;

	display: -webkit-box;

	-webkit-line-clamp:3;

	-webkit-box-orient: vertical;

	overflow: hidden;



}


.detail{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 80px 0;
}

.detail .img{
	width: 600px;
	height: 448px;
	border: 1px solid #E6E6E6;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

.detail .img img{
	display: block;
	width: 550px;
	height: auto;
}

.detail .intro{
	width: 728px;
	height: auto;
	overflow: hidden;
	float: right;
	margin-top: 20px;
}

.detail .intro .tit{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: 1px solid #EEEEEE;
}
.detail .intro .tit h4{
	color:#0084ce;
	font-size: 36px;
}

.detail .intro .tit span{
	display: block;
	float: left;
	color:#999999;
	font-size: 14px;
	margin-top: 30px;
	margin-right: 55px;
}
.detail .intro .tit img{
	display: block;
	float: left;
	margin-right: 8px;
}
.detail .intro  .info{
	width: 100%;
	height:auto;
	min-height: 219px;
	overflow: hidden;
	margin-top: 30px;
	color:#333333;
	font-size: 16px;
	line-height: 36px;
} 
.honor-list ul li{

	width: 338px;

	margin-left: 15px !important;

}

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

 	

	margin-left: 0 !important;

}

.honor-list ul li img{

	width: 100%;

}

.cont-intro{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 55px;

	margin-bottom: 100px;

}

.cont-intro .bd{

	width: 466px;

	height: 655px;

	background: #F3F4F8;

	float: left;

	padding: 40px 35px;

	box-sizing: border-box;

	margin-top: 40px;

}

.cont-intro .bd .tit b{

	color:#0084ce;

	font-size: 24px;

}



.cont-intro .intro{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.cont-intro .intro  .info{

	margin-top: 20px;

	border-top: 1px solid  #DCDDE1;

	height: auto;

	overflow: hidden;

}



.cont-intro .intro  .info ul li{

	width: 100%;

	height: 64px;

	display: flex;

	justify-content: flex-start;

	align-items: center;

	position: relative;

	border-bottom: 1px solid #DCDDE1;

}

.cont-intro .intro  .info ul li:after{

	content: "";

	width: 17px;

	height: 64px;

	position: absolute;

	left: 5px;

	top: 0;

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

}

.cont-intro .intro  .info ul li:nth-child(2):after{

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

}

.cont-intro .intro p{

	font-size: 15px;

	color:#666666;

	margin-left: 35px;

	display: -webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient: vertical;

	overflow: hidden;



}

.cont-intro .intro p:nth-child(2){

	background-position-y:-45px;

}



.cont-intro .mssg{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

}



.cont-intro .mssg form{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.cont-intro .mssg form ul{

	height: auto;

	overflow: hidden;

}

.cont-intro .mssg form ul li{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 10px;

	box-sizing: border-box;

	border: 1px solid #DCDDE1;

	position: relative;

	background:#fff url(../images/icon19.png) no-repeat 5px -190px;

}

.cont-intro .mssg form ul li:after{

	content: "";

	width: 26px;

	height: 26px;

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

	position: absolute;

	left:15px;

	top: 10px;

}

.cont-intro .mssg form ul li:nth-child(2):after{

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

}



.cont-intro .mssg form ul li:nth-child(3):after{

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

}

.cont-intro .mssg form ul li input{

	width: 340px;

	height: auto;

	color: #999999;

	overflow: hidden;

	border: none;

	outline: none;

	height: 50px;

	font-family: '微软雅黑';

	background: none;

	float: right;

}



.cont-intro .mssg form ul li textarea{

	width: 340px;

	height: 80px;

	overflow: hidden;

	border: none;

	outline: none;

	color:#999999;

	font-family: '微软雅黑';

	background: none;

	float: right;

	margin-top:18px;

	margin-bottom: 10px;

	resize: none;

}

 

.cont-intro .mssg form .btn{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.cont-intro .mssg form .btn input{

	width: 190px;

	height: 50px;

	background: #0084CE;

	text-align: center;

	color:#fff;

	font-size: 16px;

	border: none;

	float: left;

}

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

	float: right;

	color:#333333;

	background: #DEDEDE;

}



.cont-intro .map{

	width: 914px;

	height: 655px;

	float: right;

	margin-top: 40px;

}



.join-intro{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 55px;

	margin-bottom: 120px;

}

.join-intro .list{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

}

.join-intro .list .hd{

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #0084CE;

}

.join-intro .list .hd dl{

	width: 1120px;

	margin-left: 70px;

 

	flex-wrap: nowrap;

}

.join-intro .list .hd dl dd{

	color:#ffffff;

	font-size: 18px;

	text-align: center;

	line-height: 55px;

	float: left;

	width: 120px;

	margin-right: 20px;

 	

}

.join-intro .list .hd dl dd:first-child{

  	 width: 450px;

  	 text-align: left;

 

}

.join-intro .list .hd dl dd:last-child{

	float: right;

	margin: 0;

}

.join-intro .list ul{

	width: 100%;

	height: auto;

	overflow: hidden;

	border-top: 1px solid #CCCCCC;

}

.join-intro .list ul li{

	width: 100%;

	height: 51px;

	overflow: hidden;

	transition: .6s;

	animation-timing-function:ease;

	border-bottom: 1px solid transparent;

}

.join-intro .list ul li .data{

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

	cursor:pointer;

	border-bottom: 1px solid #ccc;

}

.join-intro .list ul .selected .data:after{

	background-position-y:bottom;

	height: 10px;

}



.join-intro .list ul .selected {

	 

}

.join-intro .list ul li .data:after{

	content: "";

	width: 17px;

	height: 17px;

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

	position: absolute;

	right: 23px;

	top: 50%;

	margin-top: -8px;

}

.join-intro .list ul li .data div{

	width: 1120px;

	margin-left: 70px;

	 

	height: 50px;

	color: #666666;

	font-size: 16px;

}

.join-intro .list ul li .data div p{

	float: left;

	line-height: 50px;

	width: 120px;

	margin-right: 20px;

	text-align: center;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.join-intro .list ul li .data div p:first-child{

  	 width: 450px;

  	 text-align: left;

  	 

}

.join-intro .list ul li .data div p:last-child{

	float: right;

	margin: 0;

}



.join-intro .list ul li .data div p{

 

}

.join-intro .list ul li .intro{

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #F9F9F9;

	height: auto;

	overflow: hidden;

	box-sizing: border-box;

	padding: 40px 0;

	font-size: 15px;

	border-bottom: 1px solid #ccc;

	line-height: 26px;

}

.join-intro .list ul li .intro .info{

	width: 1120px;

	margin-left: 70px;

}

.join-intro .list ul li .intro .info p{

	color:#666666;

	font-size: 15px;

}

.join-intro .list ul li .intro .info b{

	font-size: 16px;

	color: #333333;

	font-weight: normal;

}



.ad{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 60px;

	position: relative;

}

.ad .main{

	position: relative;

}



.ad img{

	display: block;

	width: 100%;

}

.ad .intro{

	width: 100%;

	padding-left: 50px;

	box-sizing: border-box;

	height: 400px;

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

	position: absolute;

	left: 0;

	top: 0;

}

.ad .intro .tit {

	height: auto;

	overflow: hidden;

	position: relative;

	padding-bottom: 25px;

	margin-top: 70px;

}

.ad .intro .tit:after{

	content: "";

	width: 50px;

	height: 4px;

	position: absolute;

	left: 0;

	bottom: 0;

	background: #fff;

}

.ad .intro .tit p{

	color:#fff;

	font-size: 30px;

}

.ad .intro .info{

	width: 610px;

	height: auto;

	overflow: hidden;

	color:#fff;

	font-size: 17px;

	line-height: 36px;

	margin-top: 25px;

}





.process{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 80px;

}

.process .main{
	width: 1500px;
	position: relative;
}
.process .swiper-container{
	width: 1400px;
	margin: 0 auto;
	position: initial;
}

.process .swiper-slide{

	background: #DBECF9;

	padding:20px;
	height: 565px;

	box-sizing: border-box;

}

.process .swiper-slide .pic{

	width: 100%;

}

.process .swiper-slide .pic img{

	display: block;

	width: 100%;

}



.process .swiper-slide .info{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 25px;

	margin-bottom: 10px;

}

.process .swiper-slide .info h4{

	color:#333333;

	font-size: 21px;

	display: -webkit-box;

	-webkit-line-clamp:1;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.process .swiper-slide .info  span{
	display: block;
 
	font-size: 16px;
	color:#333;
	height: auto;
	margin-top: 8px;
	text-indent: 2em;
}



.process .swiper-slide .info h4 b{

	color:#0084ce;

}



.process .swiper-slide .info  p{

	color:#333333;

	font-size: 15px;

	line-height: 24px;

	height: 120px;

	margin-top: 10px;

	display: -webkit-box;

	-webkit-line-clamp:5;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.process .swiper-slide .info  p b{

	color:#0084ce;

}

.process .swiper-pagination{

	display: table;

	margin: 0 auto;

	margin-top: 35px;

}

.process .swiper-pagination span{

	display: block;

	width: 20px;

	height: 20px;

	border-radius: 50%;

	background: #DCDCDC;

	margin: 0 10px;

	float: left;

}



.process .swiper-pagination .swiper-pagination-bullet-active{

	background: #0084CE;

}



.process  .part .tit{

	width: 100%;

	height: 166px;

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

}

.process ul{

	width: 1070px;

	height:711px;

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

	background-size: 100% auto;

	margin: 0 auto;

	margin-top: 70px;

	margin-bottom: 30px;

	position: relative;

	box-sizing: border-box;

}



.process ul li{

	width: 205px;

	height: 137px;

	box-sizing: border-box;

 	line-height: 36px;

	text-align: center;

	position: absolute;

	border-radius: 50%;

	cursor:pointer;

	box-sizing: border-box;

	left: 0;

	top: 227px;

	color:#fff;

	text-align: center;

 	transition: .5s;

	display: flex;

	justify-content: center;

	align-items: center;

	font-size: 27px;

	font-weight: bold;

}

.process ul li span{
	font-size: 15px;
   	margin-top: -5px;
    position: relative;
    transition:.5s;
    display: block;
}

.process ul li:after{

	content: "";

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	transition: .5s;

	opacity: 0;

	border-radius: 50%;

	

}

.process ul li:hover:after{

	opacity: 1;

	transform: scale(1.25);

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

	background-size: 100% 100%;

}

.process ul li b{

	position: relative;

	z-index: 10;
	text-transform: uppercase;

}

.process ul li:hover{

	font-size: 32px;

	line-height: 36px;

}

.process ul li:hover span{
	font-size: 18px;

}



.process img{

	display: none;

}

/*.process ul li:hover{

 	transform: scale(1.2);

	font-size: 36px;

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

	background-size: 100% 100%;

}

*/

.process ul li b{

	display: block;

}

.process ul li:nth-child(2){

	left: 108px;

	top: 81px;

}



.process ul li:nth-child(3){

	left: 312px;

	top:0;

}



.process ul li:nth-child(4){

	left:534px;

	top:0;

}



.process ul li:nth-child(5){

	left:736px;

	top:82px;

}



.process ul li:nth-child(6){

	left: 864px;

	top:227px;

}



.process ul li:nth-child(7){

	left: 837px;

	top: 394px;

}







.process ul li:nth-child(8){

	left: 667px;

    top: 527px;

}





.process ul li:nth-child(9){

	left: 420px;

    top: 574px;

}



.process ul li:nth-child(10){

	 left: 188px;

	 top: 527px;

}



.process ul li:nth-child(11){

	left: 24px;

	top: 393px;

}



.process .swiper-button-next{

	width: 33px;

	height: 70px;

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

	background-size: 100% auto;

	position: absolute;

	right: 0;

	top: 300px;

}



.process .swiper-button-prev{


	width: 33px;

	height: 70px;

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

	background-size: 100% auto;

	position: absolute;

	left: 0;

	top: 300px;

}


.process .swiper-button-disabled{

	opacity: .2;

}




.effect{

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

	margin-top: 80px;

	margin-bottom: 70px;

}



.effect .main{

	width: 1500px;

	position: relative;

}



.effect .swiper-container{

	width: 1400px;

	margin: 0 auto;

	margin-top: 50px;

	position: initial;

}



.effect .swiper-slide img{

	display: block;

	width: 100%;

}



.effect .swiper-slide p{

	width: 100%;

	height: 68px;

	line-height: 68px;

	background: #0084CE;

	text-align: center;

	color:#ffffff;

	font-size: 16px;

}


/*
.effect .swiper-button-next{

	width: 33px;

	height: 70px;

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

	background-size: 100% auto;

	position: absolute;

	left: 0;

	top: 300px;

}



.effect .swiper-button-prev{

	width: 33px;

	height: 70px;

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

	background-size: 100% auto;

	position: absolute;

	right: 0;

	top: 300px;

}
*/


.effect .swiper-button-next{

	width: 33px;

	height: 70px;

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

	background-size: 100% auto;

	position: absolute;

	right: 0;

	top: 300px;

}



.effect .swiper-button-prev{


	width: 33px;

	height: 70px;

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

	background-size: 100% auto;

	position: absolute;

	left: 0;

	top: 300px;

}


.effect .swiper-button-disabled{

	opacity: .2;

}



.item-intro{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 55px;

	margin-bottom: 80px;

}

.item-intro .map{

	width: 100%;

	max-width: 1200px;

	margin: 0 auto;

	margin-top: 30px;

}

.item-intro .map img{

	width: 60%;

	display: block;

                margin:0 auto;

}

.item-intro .table .tit{

	margin-top: 60px;

}



.catalogue{

	width: 100%;

	height:820px;

	overflow: hidden;

	margin-top: 55px;

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

}



.catalogue .swiper-container {

	width: 1400px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 55px;

}



.catalogue .swiper-slide{

	width: 322px;

 	height:660px;

 	box-sizing: border-box;

 	position: relative;

 	transition: .5s;

}



.catalogue .swiper-slide .bd{

	position: relative;

	height: auto;

 	overflow: hidden;

 	padding-bottom: 5px;

	margin-top: 25px;

	transition: .5s;

	position: relative;

	z-index: 10;



 

}





.catalogue .swiper-slide .bd:after{

	content: "";

	width: 300px;

	height: 437px;

	background: #0084CE;

	position: absolute;

	left: 0;

	top: 0;

	box-shadow: 0 0 2px 2px #E8E8E8;

}

.catalogue .swiper-slide .time{

	color:#fff;

	font-size: 36px;

	font-weight: bold;

	display: block;

	position: relative;

	z-index: 1;

	margin-top: 10px;

	margin-left: 28px;

}

.catalogue .swiper-slide .intro{

	background: #fff;

	width: 314px;

	height: 414px;

	overflow: hidden;

	background: #fff;

	margin-top: 10px;

	margin-left: 10px;

	padding: 0 18px;

	box-sizing: border-box;

	position: relative;

	z-index: 1;

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

}



.catalogue .swiper-slide .intro h4{

	font-size: 20px;

	margin-top: 30px;

	color:#0084ce;

	margin-top: 25px;

}

.catalogue .swiper-slide .intro  img{

	display: block;

	width: 100%;

	margin-top: 20px;

}



.catalogue .swiper-slide .intro .info{

	width: 100%;

	height: auto;

	margin-top: 15px;

	color:#333333;

	display: -webkit-box;

	-webkit-line-clamp:5;

	-webkit-box-orient: vertical;

	overflow: hidden;

	font-size: 14px;

	line-height: 26px;

}



.catalogue .swiper-slide .year{

	width: 118px;

	height: 118px;

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

	text-align: center;

	line-height: 118px;

	font-size: 34px;

	font-weight: bold;

	color:#0084ce;

	margin: 0 auto;

	position: relative;

	margin-top: 20px;

}

.catalogue .swiper-slide .year:after{

	content: "";

	width: 2px;

	height: 50px;

	position: absolute;

	left: 50%;

	top: -50px;

	background: #0084CE;

}



.catalogue{

	position: relative;

}

.catalogue:after{

	content: "";

	width: 100%;

	height: 29px;

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

	position: absolute;

	left: 0;

	bottom: 105px;

}

.catalogue .main{

	width: 1500px;

	position: relative;

}



.catalogue .swiper-container{

	position: initial;

}

.catalogue  .swiper-button-next{

	width: 33px;

	height: 70px;

	position: absolute;

	right: 50%;

	top: 350px;

	margin-right: -750px;

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

}



.catalogue  .swiper-button-prev{

	width: 33px;

	height: 70px;

	left:50%;

	top: 350px;

	margin-left: -750px;

	z-index: 10;

	position: absolute;

	transition: .5s;

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

	

}



.catalogue .swiper-button-disabled{

	opacity: 0.2 !important;

}





.structure{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 55px;

	background: url(../images/bg11.png) no-repeat center 95px;

	margin-bottom: 120px;

}





.structure .bd{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 55px;

}



.structure .bd img{

	display: block;

	margin: 0 auto;

}





.news-intro{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 55px;

}



.news-intro  .main{

	position: relative;

	width: 1500px;

}

.news-intro .swiper-container{

	width: 1400px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 50px;

	position: initial;

}



.news-intro .swiper-container .swiper-slide img{

	display: block;

	width: 100%;

 

}

.news-intro .swiper-container .swiper-slide .intro{

	width: 100%;

	height: auto;

	overflow: hidden;

	padding:30px;

	box-sizing: border-box;

	transition: .5s;

	background: #F8F8F8;

}



.news-intro .swiper-container .swiper-slide{

	background: #F8F8F8;

	height: 490px;

}



.news-intro .swiper-container .swiper-slide .intro h4{

	color:#333333;

	font-size: 20px;

	width: 100%;

	white-space: nowrap;

    text-overflow: ellipsis;

    font-weight: normal;

    overflow: hidden;

}



.news-intro .swiper-container .swiper-slide .intro span{

	display: block;

	color:#333333;

	font-size: 12px;

	margin: 15px 0;

}



.news-intro .swiper-container .swiper-slide .intro p{

	color:#666666;

	height: 52px;

	font-size: 15px;

	display: -webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient: vertical;

	overflow: hidden;

	line-height: 26px;

	margin-top: 5px;

}



.news-intro .swiper-container .swiper-slide .intro i{

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

	padding-right: 20px;

	font-style: initial;

	color:#fff;

	font-size: 15px;

	display:table;

	margin-top: 30px;

	 

}





.news-intro .swiper-container  .swiper-button-next{

	width: 33px;

	height: 70px;

	position: absolute;

	left: 0;

	top: 350px;

	 

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

}



.news-intro .swiper-container  .swiper-button-prev{

	width: 33px;

	height: 70px;

	right: 0;

	top: 350px;

	 

	z-index: 10;

	position: absolute;

	transition: .5s;

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

}

.news-intro  .bd{
	width: 1400px;
	margin: 0 auto;
}

.news-intro ul{
	width: 1400px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;

	margin-top: 30px;
}
.news-intro ul li{

	width: 690px;

	height: 180px;

	padding: 35px 25px;

	border: 1px solid #CCCCCC;

	margin-bottom: 20px;

	transition: .5s;

	float: left;

	box-sizing: border-box;

}



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

	float: right;

}



.news-intro ul li .time{

	width: 115px;

	height: 94px;

	border-right: 1px solid #CCCCCC;

	box-sizing: border-box;

	float: left;

}



.news-intro ul li .time p{

	color:#999999;

	font-size: 50px;

	text-align: center;

}

.news-intro ul li .time  span{

	display: block;

	text-align: center;

	color:#999999;

	font-size: 14px;



}

.news-intro ul li .intro{

	width: 490px;

	height: auto;

	overflow: hidden;

	float: right;

}



.news-intro ul li .intro h4{

	color:#000000;

	font-size: 18px;

	width: 100%;

	font-weight: normal;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.news-intro ul li .intro p{

	color:#666666;

	font-size: 15px;

	line-height: 30px;

	margin-top: 20px;

	display: -webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient: vertical;

	overflow: hidden;



}

.question-list{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 55px;
}

/*
.question-list ul{
	height: auto;
	overflow: hidden;
	margin-top: 50px;
	width: 689px;
	float: left;
 
}
.question-list ul:last-child{
	float: right;
}*/

.question-list ul {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 50px;
}
.question-list ul li{
	float: left;
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
	padding: 40px 30px;
	-webkit-column-break-inside: avoid;
	margin-bottom: 20px;
}
 

.question-list ul li b{
	float: left;
	font-size: 50px;
	color:#0084ce;
	display: block;
	font-weight: normal;
	line-height: 90px;
	border-right: 1px solid #CCCCCC;
	padding-right:25px;
	padding-left: 5px;
	margin-top: 5px;
}
.question-list ul li .intro{
	float: right;
	width: 1220px;
	height: auto;
	overflow: hidden;
	margin-left: 25px;
}

.question-list ul li .intro .q{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.question-list ul li .intro .q span{
	display: block;
	width: 23px;
	height: 23px;
	background: #333333;
	color:#fff;
	font-size: 14px;
	float: left;
	border-radius: 50%;
	text-align: center;
	line-height: 23px;
}
.question-list ul li .intro .q  p{
	float: left;
	width: 1187px;
	height: 45px;
	line-height: 23px;
	color:#333333;
	font-size: 24px;
	margin-left: 10px;
 
}

.question-list ul li .intro .a{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 15px;
}
.question-list ul li .intro .a span{
	display: block;
	width: 23px;
	height: 23px;
	background: #1E80DB;
	color:#fff;
	font-size: 14px;
	float: left;
	text-align: center;
	border-radius: 50%;
	line-height: 23px;
}

.question-list ul li .intro .a  p{
	float: left;
	width: 1187px;
	color:#333333;
	font-size: 18px;
	height: auto;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:3;
    margin-left: 10px;
   /** -webkit-box-orient: vertical;**/
 
}
 
.news-detailed{

	width: 1400px;

	margin: 65px auto;

	margin-bottom: 100px;

	height: auto;

	overflow: hidden;

	position: relative;

}



.news-detailed .tit{

	float: left;

	width: 428px;

	height: auto;

	overflow: hidden;

	

}



.news-detailed .tit .time{

	width: 100%;

	height: auto;

	line-height: 30px;

	overflow: hidden;

}



.news-detailed .tit .time b{

	color:#333333;

	font-size: 32px;

	float: left;



}



.news-detailed .tit .time p{

	float: right;

	color:#333333;



	font-size: 14px;

}



.news-detailed .tit h4{

	color:#333333;

	font-size: 22px;

	font-weight: normal;

	margin-top: 20px;

	line-height: 30px;

	display: -webkit-box;

	-webkit-line-clamp:2;

	height: 60px;

	-webkit-box-orient: vertical;

	overflow: hidden;



}

.news-detailed .tit a{

	display: block;

	color:#666666;

	font-size: 14px;

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

	height: 34px;

	padding-left: 44px;

	line-height: 34px;

	margin-top: 50px;

}



.news-detailed .intro{

	float: right;

	width: 900px;

	height: auto;

	overflow: hidden;

	color:#333333;

	font-size: 16px;

	line-height: 30px;

}

.news-detailed .intro img{

	display: block;

	margin: 0 auto;

	max-width: 100%;

}





.news-detailed  .fy{

	position: absolute;

	left: 0;

	top: 240px;

	padding-top: 40px;

	width: 428px;

	border: 8px solid #F3F3F3;

}



.news-detailed  .fy div{

	width: 353px;

	margin: 0 auto;

	height: 90px;

	margin-bottom: 30px;

	overflow: hidden;

	border-bottom: 1px solid #ECECEC;

}



.news-detailed  .fy div:last-child{

	border: none;

}

.news-detailed  .fy div p{

	color:#666666;

	font-weight: bold;

	font-size: 16px;

}





.news-detailed  .fy div a{

	display: block;

	color:#666666;

	font-size: 16px;

	display: block;

	width: 100%;

	white-space: nowrap;

    text-overflow: ellipsis;

    margin-top: 15px;

    overflow: hidden;

}



.pro-detailed{

	width: 1400px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 55px;

}

.pro-detailed .tit h4{

	color:#333;

	font-size:22px;

	text-align:center;

}



.pro-detailed .tit span{

	display: block;

	width: 100%;

	height: 40px;

	background: #eee;

	text-align: center;

	line-height: 40px;

	font-size: 14px;

	color:#333;

	margin-top: 20px;

}



.pro-detailed .intro{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

	color:#333;

	font-size: 16px;

	line-height: 30px;

}

.pro-detailed .intro img{

	display: block;

	max-width: 100%;

	margin: 0 auto;

}



.turn{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

	border: 1px solid #d2d2d2;

	box-sizing: border-box;

}





.turn p{

	width: 33%;

	height: 50px;

	padding: 0 10px;

	float: left;

	line-height: 50px;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	text-align: center;
	box-sizing: border-box;

	border-left: 1px solid #d2d2d2;



}

.turn p:first-child{

 	border: none;

 }



.turn a{

 	color:#333333;

 	display: block;
 	font-size: 14px;

 }



 .turn .return{

  	float: right;

  	line-height: 50px;

  	width: 33%;
  	box-sizing: border-box;

  	border-left: 1px solid #d2d2d2;

  	text-align: center;

  }


.news-turn{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 50px;
	border: 1px solid #d2d2d2;
	box-sizing: border-box;
}


.news-turn p{
	width:540px;
	height: 50px;
	padding: 0 10px;
	float: left;
	line-height: 50px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	text-align: center;
	border-left: 1px solid #d2d2d2;

}
.news-turn p:first-child{
 	border: none;
 }

.news-turn a{
 	color:#333333;
 	font-size: 14px;
 }

 .news-turn .return{
  	float: right;
  	line-height: 50px;
  	width: 140px;
  	border-left: 1px solid #d2d2d2;
  	text-align: center;
  }


@media (min-width: 1200px){


	.img-box{

		overflow: hidden;

	}

	.img-box img{

		display: block;

		transition: .5s;

	}

	.img-box:hover img{

		transform: scale(1.05);

	}

 	
	.product .tab{
		width: 100%;
		height:880px;
		overflow: hidden;
		margin-top: 40px;
		position: relative;
	}
 
	.product .tab  dl{
		border: 1px solid #E6E6E6;
		box-sizing: border-box;
		height: 80px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: nowrap;
	}
	.product .tab  dl dd{
	 	width: 100%;
		height: 80px;
	 
	}
 	.product .tab  h4{
 	  line-height: 80px;
 	  width: 100%;
 	  border-right: 1px solid #E6E6E6;
 	  text-align: center;
 	  text-transform: uppercase;
 	  font-size: 18px;
 	}
 	.product .tab  dl dd:last-child h4{
 		border: none;
 	}

 	.product .tab  .selected h4{
 		background: #0084CE;

 	}
 	.product .tab  .selected h4{
 		color: #fff;
 	}

 
 	.product .tab ul {
 	 	width:100%;
 	 	position: absolute;
 		margin-top: 15px;
 		left: 0;
 		opacity: 0;
 		transition: .5s;
 		visibility: hidden;
 	}

 	.product .tab  .selected ul{
 		opacity: 1;
 		visibility: initial;
 		z-index: 10;
 	}
 	.product   .tab ul li{
 		float: left;
 		width: 458px;
 		height: auto;
 		overflow: hidden;
 		margin-left: 13px;
 		margin-bottom: 14px;
 	}
 	.product   .tab ul li:nth-child(3n-2){
 		margin-left: 0;
 	}
 	.product   .tab ul li img{
 		display: block;
 		width: 458px;
 		height: 330px;
 	}
 	.product   .tab ul li .info{
 		width: 100%;
 		height: auto;
 		overflow: hidden;
		margin-top:4px;
 	}
 	.product   .tab ul li .info a{
 		display: block;
 		width: 227px;
 		height: 50px;
 		font-size: 16px;
 		color:#333333;
 		background: #DEDEDE;
 		float: left;
 		text-align: center;
 		line-height: 50px;
 	}
 	.product   .tab ul li .info a:last-child{
 		background: #0F8CCE;
 		float: right;
 		color:#fff;
 	}


 	.product .more{

 		display: none;

 	}



	.qa .swiper-container .swiper-slide .q p:hover {

		color:#0F8CCE;

		text-decoration: underline;

	}



	.cases .swiper-slide .info p:hover{

		color:#0F8CCE;

		text-decoration: underline;

	}



	.adv ul li:hover{

		background: #0F8CCE;

		border: 1px  solid #0F8CCE;

		box-shadow: 0 0 10px 3px #B7CBE3;

	}

	.adv ul li:hover h4{

		color:#fff;

	}

	.adv ul li:hover h4:after{

		background: #fff;

	}

	.adv ul li:hover span{

		color:#fff;

	}

 	.adv ul li:hover i{

 		background-position-y:bottom;

 	}



 	.about .menu ul li:hover{

 		background: #0084CE;

 		border: 1px solid  #0084CE;

 	}



 	.about .menu ul li:hover p{

 		color:#fff;

 	}

 	.about .menu ul li:hover span{

 		color:#fff;

 	}

 	.about .menu ul li:hover p:after{

 		background: #fff;

 	}



 	.about .menu ul li:hover i{

 		background-position-y:bottom;

 	}

 	.pro-list ul li:hover a{

 		opacity: 1;

 	}

 	.pro-list ul li:hover img{

 		transform: scale(1.05);

 	}



 	.process  .part{

 		width: 100%;

 		max-height: 166px;

 		transition: .8s;

 		animation-timing-function: ease;

 		overflow: hidden;

 		margin-top: 50px;

 		overflow: hidden;

 		margin-bottom: 20px;

 	}

 	.process  .part:hover{

 		max-height: 1100px;

 	}



 	.item-intro .table{

 		width: 100%;

 		height: auto;

 		overflow: hidden;

 	}

 	.item-intro .table .tit p{

 		color:#0084ce;

 		font-size: 30px;

 		font-weight: bold;

 	}

 	.item-intro .table table{

 		width: 100%;

 		height: auto;

 		overflow: hidden;

 	 	background: #CCCCCC;

 		margin-top: 20px;

 	 	

 	}



 	.item-intro .table table th{

 		background: #0084CE;

 		color:#fff;

 		font-size: 18px;

 		margin: 1px;

 		font-weight: normal;

 		line-height: 40px;

 	}

 	.item-intro .table table th:nth-child(1){

 		width: 80px;

 	}

 	.item-intro .table table th:nth-child(2){

 		width: 280px;

 	}

 	.item-intro .table table th:nth-child(3){

 		width: 280px;

 	}

 	.item-intro .table table th:nth-child(6){

 		width: 170px;

 	} 

 	.item-intro .table table  td{

 		text-align: center;

 		font-size: 16px;

 		line-height: 40px;

 		background: #fff;

 	}

 	.item-intro .table table tr:nth-child(2n+1) td{

 		background: #EFEFEF;

 	}



 	.catalogue  .swiper-slide-active .bd{

 		transform: translateY(-25px);

 	}

 	.catalogue .swiper-slide-next + div .bd{

 		transform: translateY(-25px);

 	}



 	.news-intro .swiper-container .swiper-slide:hover img{

 		transform: scale(1.05);

 	}



 	 

 	.news-intro .swiper-container .swiper-slide:hover .intro{

 		transform: translateY(-43px);

 		background: #0084CE;

 		

 	}



 	.news-intro .swiper-container .swiper-slide:hover h4{

 		color:#fff;

 	}

 	.news-intro .swiper-container .swiper-slide:hover span{

 		color:#fff;

 	}

 	.news-intro .swiper-container .swiper-slide:hover p{

 		color:#fff;

 	}



 	.news-intro ul li:hover{

 		background: #F8F8F8;

 		border: 1px solid #F8F8F8;

 	}



 	.news-intro ul li:hover .time p{

 		color:#0084ce;

 	}

 	.news-intro ul li:hover .time span{

 		color:#0084ce;

 	}



 	.news-intro ul li:hover  .intro h4{

 		color:#0084ce;

 	}



 	.news-intro ul li:hover  .intro p{

 		color:#0084ce;

 	}



}



@media (max-width: 1440px){

	.main{

		width: 1200px;

	}

	.product{
		height: auto;
	}
	.product .tab {
		height:780px;
	}
	.product .tab ul li{
		width: 391px;
	}
	.product .tab ul li img{
		width: 100%;
		height: 281px;
	}
	.product .tab ul li .info a{
		width: 193px;
	}
	.product .class ul li{
		width: 590px;
	}
	.product .class ul li .img img{
		width: 100%;
		height: auto;
	}

	.qa .swiper-container .swiper-slide{

		width: 391px;

	}

	.qa .swiper-container .swiper-slide .q p{

		width: 315px;

	}

	.qa .swiper-container .swiper-slide .a p{

		width: 315px;

	}

	.cases .swiper-slide .img-box img{

		width: 390px;

		height: 298px;

	}

	.cases .swiper-slide .time{

		width: 340px;

	}

	.cases .swiper-slide .info div{
		width: 275px;
	}

	.gg{

		background-size: 130%;

		height: 220px;

		box-sizing: border-box;

	}

	.gg02{

		background-size: 130%;

		height: 220px;

		box-sizing: border-box;

	}

	.adv ul li{

		width: 285px;

	}

	.adv ul li i{

		margin-top: 45px;

	}

	.about .intro{

		width: 600px;

	}

	.about .menu{

		width: 600px;

	}

	.about .intro .name{

		margin-left: 20px;

	}

	.about .intro .info{

		margin-left: 20px;

		width: 565px;

	}

	.about .menu ul li{

		width: 300px;

	}

	.detail .img{
		width: 500px;
		height: 378px;
	}
	.detail .img img{
		width: 450px;
	}
	.detail .intro{
		width: 670px;
		margin-top: 0;
	}
	.detail .intro .info{
		min-height: 205px;
		margin-top: 10px;
	}
 
	.detail .intro .tit span{
		margin-top: 15px;
	}

	.news .an{

		width: 390px;

	}

	.news .left{

		width: 390px;

		height: 560px;

		padding: 0 15px;

	}

	.news .right{

		width: 395px;

		height: 560px;

	}

	.news .left img{

		width: 100%;

	}

	.news .an ul li{

		height: 270px;

	}

	.news .an ul li .time{

		width: 360px;

	}

	.news .an ul li .info{

		width: 360px;

	}

	.news .right ul li .info{

		width: 220px;

	}

	.news .right ul{

		width: 365px;

	}

	.news .right ul li{

		margin-bottom: 20px;

	}
	.question-list ul{
		width: 100%;
	}
	.question-list ul li{
		width: 100%;
	}
	.question-list ul li .intro{
		width: 1022px
	}
	.question-list ul li .intro .q p{
		width: 988px;
	}
	.question-list ul li .intro .a p{
		 width: 988px;
	}
	.links ul{

		width: 990px;

	}

	.footer  .menu{

		margin-left: 60px;

	}

	.footer  .ewm{

		margin-right: 0;

	}

	.p-insideb-banner .menu{

		width: 1200px;

		margin-left: -600px;

	}

	.pro-list ul li{

		width: 390px;

	}

	.pro-list ul li img{

		width: 100%;

		height: 327px;

	}



	.dynamic .left{

		width: 470px;

		padding: 0 20px;

	}



	.dynamic ul{

		width: 705px;

	}

	.dynamic ul li{

		background-position-y:80px;

	}

	.dynamic ul li h4{

		width: 550px;

	}

	.dynamic ul li p{

		width: 600px;

	}



	.case-list ul li{

		width: 384px;

		height: 425px;

	}



	.about-intro .pic{

		width: 600px;

	}

	.about-intro .intro{

		width: 580px;

	}

	.about-intro ul li .t{

		width: 250px;

	}

	.about-intro ul li .info{

		width: 250px;

		line-height: 24px;

	}



	.about-intro ul li{

		width: 285px;

		background-position-x:right;

	}

	.honor-list ul li{

		width: 288px;

	}

	.cont-intro .map{

		width: 710px;

	}

	.join-intro .list .hd dl{

		width: 1050px;

	}

	.join-intro .list ul li .data div{

		width: 1050px;

	}

	.join-intro .list ul li .intro .info{

		width: 1040px;

	}


	.process .main{
		width: 1200px;
	}
	.process .swiper-container{
		width: 1100px;
	}
	.process .swiper-slide .info h4{

		-webkit-line-clamp:2;

		 

	}

	.process .swiper-slide .info p{
		height: auto;
		-webkit-line-clamp:9;
	}

	.process ul{

		width: 1200px;

		height: 798px;

		background-size: 100% auto;

		box-sizing: border-box;

	}



	.process ul li{

		width: 230px;

		height: 153px;

		box-sizing: border-box;

		top: 252px;

	}



	.process ul li:nth-child(2){

		left: 122px;

		top: 90px;

	}



	.process ul li:nth-child(3){

		left: 348px;

		top:0;

	}



	.process ul li:nth-child(4){

		left: 599px;

		top:0;

	}



	.process ul li:nth-child(5){

		left: 824px;

		top:89px;

	}



	.process ul li:nth-child(6){

		left: 969px;

		top:252px;

	}



	.process ul li:nth-child(7){

		left:937px;

		top: 440px;

	}







	.process ul li:nth-child(8){

		left: 754px;

		top: 591px;

	}





	.process ul li:nth-child(9){

		left:469px;

		top: 643px;

	}



	.process ul li:nth-child(10){

		left:211px;

		top: 590px;

	}



	.process ul li:nth-child(11){

		left: 27px;

		top: 439px;

	}

	.process ul li:hover{

		font-size: 36px;

		line-height: 44px;

	}



	.effect .main{

		width: 1200px;

	}

	.effect .swiper-container{

		width: 1110px;

	}

	.effect .swiper-button-next{

		top: 260px;

	}

	.effect .swiper-button-prev{

		top: 260px;

	}

	.catalogue{
		height: 780px;
	}

	.catalogue .swiper-container{

		width: 1100px;

	}

	.catalogue:after{
		background-size: 130% auto;
	}

	.catalogue .swiper-slide .bd:after{

		width: 230px;
		height: 410px;

	}

	.catalogue .swiper-slide .intro{

		width: 239px;
		height: 375px;

	}

	.catalogue .swiper-button-next{

		margin-right: -600px;

	}

	.catalogue .swiper-button-prev{

		margin-left: -600px;

	}



	.structure .bd img{

		width: 100%;

	}

	.news-intro  .main{

		width: 1200px;

	}

	.news-intro .swiper-container{

		width: 1100px;

		margin: 0 auto;

		margin-top: 40px;

	}



	.news-intro .swiper-container .swiper-slide{

		height: 420px;

	}



	.news-intro .bd{

		width: 1200px;

	}
	.news-intro ul{
		width: 590px;
	}
	.news-intro ul li{

		width: 590px;

		padding: 35px 10px;

	}

	.news-intro ul li .intro{

		width: 430px;

	}



	.news-detailed{

		width: 1200px;

	}

	.news-detailed .intro{

		width: 720px;

	}



	.pro-detailed{

		width: 1200px;

	}

}

@media (max-width: 1199px){

	.main{

		width: 7.1rem;

	}

 	

 	.head{

 		height: auto;

 	 	

 	}

 	.head .main{

 		height: 1rem;

 		display: flex;

 		justify-content: space-between;

 		align-items: center;

 	}

 	.head .tel{

 		display: none;

 	}

 	.head .btn{

 		display: block;

 		float: right;

 	}

 	.head .btn img{

 		display: block;

 		width: .55rem;

 	}

 	.head .name{

 		margin-top: 0;

 	}


.head .name h1{ font-size: 15px; }
 	

 	.nav{

 		display: block;

 		position: fixed;

 		left: 100%;

 		width: 7.5rem;

 		top: 1rem;

 		height: 100%;

 		background: #F7F7F9;

 		animation-timing-function: ease;

 		transition: .5s;

 		margin-left: 0;

 		z-index: 100;

 	}



 	.open{

 		left: 50%;

 		margin-left: -3.75rem;

 	}



 	.nav ul li{

 		float: left;

 		width: 100%;

 		height: .8rem;

 		padding: 0 .2rem;

 		box-sizing: border-box;

 		overflow: hidden;

 		transition: .5s;

 		animation-timing-function: ease;

 		position: relative;

 		line-height: .8rem;

 		border-bottom: 0.02rem solid #e0e0e0;

 	}

 	.nav ul li:after{

 		content: "";

 		width: 100%;

 		height: .02rem;

 		position: absolute;

 		background: #e0e0e0;

 		top: .8rem;

 		left: 0;

 	}



 	.nav ul li a{

 		color:#555;

 		width: 50%;

 		display: block;

 		font-size: .32rem;

 		text-transform: uppercase;

 	}

 	.nav ul li img{

 		display: none;

 	}

 	.nav ul li div{

 		height: auto;

 		overflow: hidden;

 		margin-top: .1rem;

 	}

 	.nav ul li dd{

 		width: 100%;

 		height: .6rem;

 		padding-left: .1rem;

 		box-sizing: border-box;

 		line-height: .6rem;

 	}



 	.nav ul li dd a{

 		font-size: .28rem;

 		display: block;

 		width: 100%;

 	}



 	.nav ul li i{

 		float: right;

 		display: block;

 		width: 1rem;

 		height: .8rem;

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

 		background-size: .24rem auto;

 	}

 	.nav ul .current i{

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

 		background-size: .24rem auto;

 	}



 	.banner  .swiper-wrapper  img{

 		display: none;

 	}

 	.banner  .swiper-wrapper img:last-child{

 		display: block;

 	}



 	.banner .swiper-pagination{

 		bottom: .2rem;

 	}

 	.banner .swiper-pagination span{

 		width: .6rem;

 		height: .04rem;

 		margin: 0 .05rem;

 	}



 	.m-banner img{

 		width: 100%;

 		display: block;

 	}

 	 

 	.title p{

 		font-size: .28rem;

 	}

 	.title b{

 		font-size: .42rem;

 	}

 	.title span{

 		font-size: .24rem;

 		line-height: .36rem;

 	}

 	.product{
 		width: 100%;
 		height: auto;
 		overflow: hidden;
 	}
 	.product .tab{
 		margin-top: 100%;
 		height: auto;
 		overflow: hidden;
 		margin-top: .4rem;
 	}

 

 	.product .tab h4{
 		width: 100%;
 		height: .8rem;
 		background: #0084CE;
 		color: #fff;
 		display: flex;
 		justify-content: center;
 		align-items: center;
 		font-size: .32rem;
 		text-transform: uppercase;
 		position: relative;
 		border: 0.02rem solid #E6E6E6;
 	}
 	.product .tab h4:after{
 		content: "";
 		position: absolute;
 		width: .8rem;
 		height: .8rem;
 		font-size: .46rem;
 		top: 0;
 		line-height: .8rem;
 		font-weight: normal;
 		background: url(../images/icon13.png) no-repeat right center;
 		background-size: .18rem auto;
 		right: .2rem;
 	}
 	.product .tab dl dd{
 		height:.8rem;
 		overflow: hidden;
 		transition: .5s;
 		overflow: hidden;
 		margin-bottom: .1rem;
 	}
 	.product .tab .tit i{
 		width: .18rem;
 		height: .16rem;
 		display: block;
 		background: url(../images/icon05.png) no-repeat center center;
 		background-size: 100% auto;
 		margin-right: .1rem;
 	}
 
 

 	.product  .tab ul li{
 		float: left;
 		width: 3.5rem;
 		height: auto;
 		overflow: hidden;
 		margin-bottom: .2rem;
 	}


 	.product  .tab ul li img{
 		display: block;
 		width: 100%;
 		height: auto;
 	}
 	.product  .tab ul li:nth-child(2n){
 		float: right;
 	}
 	.product  .tab ul li .info  a{
 		display: block;
 		width: 100%;
 		height: .7rem;
 		line-height: .7rem;
 		background: #DEDEDE;
 		text-align: center;
 		font-size: .28rem;
 		color:#333333;
 		white-space: nowrap;
	    text-overflow: ellipsis;
	    margin-top: .06rem;
	    overflow: hidden;
 	}
 	.product  .tab ul {
 		height: auto;
 		overflow: hidden;
 		margin-top: .2rem;
 	}
 	.product  .tab ul li .info a:last-child{
 		display: none;
 	}
 	.product  .tab ul li:nth-child(n+5){
 		display: none;
 	}
 	.product .tab dl .selected{
 		height: auto;
 	}
 	.product .tab .selected h4:after{
 		background: url(../images/icon14.png) no-repeat right center;
 		background-size: .18rem auto;
 	}
 
 	.product .class{
 		margin-top: .3rem;
 	}
 	.product .class ul li{
 		width: 100%;
 		margin-bottom: .2rem;
 	}
 	.product .class ul li .info{
 		padding: .3rem;
 	}
 	.product .class ul li .info .tit img{
 		height: .4rem;
 		margin-top: .1rem;
 	}
 	.product .class ul li .info .tit h4{
 		font-size: .42rem;
 	}
 	.product .class ul li .info{
 		height:auto;
 		background-size: 100% 100%;
 	}
 	.product .class ul li .info p{
 		font-size: .28rem;
 		line-height: .42rem;
 	}
 	 

 	.product .more{

 		width: 100%;

 		height: .8rem;

 		line-height: .8rem;

 		display: block;

 		font-size: .28rem;

 		text-align: center;

 		color:#333333;

 		background: #FAFAFA;
 		box-sizing: border-box;

 		border: 0.02rem solid #E6E6E6;

 	}

 	.qa{

 		margin-top: .6rem;

 	}

 	.qa .tit {

 		background-size: auto .25rem;
 
 	}

 	.qa .tit p{

 		font-size: .32rem;

 		margin-left: .4rem;

 	}



 	.qa .tit span{

 		font-size: .32rem;

 	}

 	.qa .swiper-container{

 		height: auto;

 	}

 	.qa .swiper-container .swiper-slide{

 		padding: .3rem .2rem;

 		margin: 0;

 		height: auto;

 	}

 	.qa .swiper-container .swiper-slide .q{

 		margin-top: .1rem;

 	}

 	.qa .swiper-container .swiper-slide .q span{

 		font-size: .28rem;

 		width: .46rem;

 		line-height: .46rem;

 		height: .46rem;

 	}

 	.qa .swiper-container .swiper-slide .q p{

 		width: 6rem;

 		font-size: .28rem;

 	}



 	.qa .swiper-container .swiper-slide .a span{

 		font-size: .28rem;

 		width: .46rem;

 		line-height: .46rem;

 		height: .46rem;

 	}

 	.qa .swiper-container .swiper-slide .a {

 		margin-top: .2rem;

 	}

 	.qa .swiper-container .swiper-slide .a p{

 		width: 6rem;

 		font-size: .28rem;

 		line-height: .42rem;

 	}



 	.qa .swiper-pagination{

 		width: 100%;

 		height: auto;

 		overflow: hidden;

 		display: flex;

 		justify-content: center;

 		margin-top: .2rem;

 	}

 	.qa .swiper-pagination span{

 		display: block;

 		width: .2rem;

 		height: .2rem;

 		margin: 0.05rem;

 		border-radius: 50%;

 		background: #DEDEDE;

 		float: left;

 	}



 	.qa .swiper-pagination .swiper-pagination-bullet-active{

 		background: #0084CE;

 	}

 	.cases .swiper-slide .img-box img{

 		width: 100%;

 		height: auto;

 	}

 	.cases .swiper-slide .info{

 		margin-top: .3rem;

 		padding: 0 .2rem;

 	}

 	.cases .swiper-slide .info p{

 		font-size: .28rem;

 	}

 	.cases .swiper-slide .info span{

 		font-size: .26rem;

 		line-height: .36rem;

 		margin-top: .1rem;

 		height: auto;
 		-webkit-line-clamp:3;

 	}

 	.cases .swiper-slide .time{

 		display: none;

 	}

 	.cases .btn{

 		width: 2.5rem;

 		margin-top: .4rem;

 	}

 	.cases .btn .swiper-button-next{

 		width: .6rem;

 		height: .6rem;

 		background-size: auto .2rem;

 	}

 	.cases .btn .swiper-button-prev{

 		width: .6rem;

 		height: .6rem;

 		background-size: auto .2rem;

 	}


 	.cases .swiper-slide .info img{
 		width: .6rem;
 		height: .6rem;
 	}

 	.cases .swiper-slide .info div{
 		width: 2.3rem;
 		float: right;
 	}
 

 	.cases .btn a{

 		width: 1rem;

 		height: .6rem;

 		margin-left: .15rem;

 		background-size: .1rem auto;

 	}
 	.question-list{
 		margin-top: .6rem;
 	}

 	.question-list ul{
 		width: 100%;
 		float: initial;
 		margin-top: .4rem;
 	}
 

 	.question-list ul li{
 		width: 100%;
 		height: auto;
 		padding: .3rem .2rem;
 		margin-bottom: .3rem;
 		border: 0.02rem solid #ccc;
 	}
 	.question-list ul li b {
 		font-size: .5rem;
 		padding: 0;
 		padding-right: .3rem;
 		margin-top: .1rem;
 		border-right: .02rem solid #ccc;
 	}
 	.question-list ul li .intro{
 		width: 5.5rem;
 		margin-left: .3rem;
 	}
 	.question-list ul li .intro .q span{
 		font-size: .24rem;
 		width: .38rem;
 		height: .38rem;
 		margin-top: .08rem;
 		line-height: .4rem;
 	}
 	.question-list ul li .intro .q p{
 		width:4.8rem;
 		height: auto;
 		line-height: .42rem;
 		font-size: .3rem;
 	}
 	.question-list ul li .intro .a{
 		margin-top: .25rem;
 	}
 	.question-list ul li .intro .a span{
 		font-size: .24rem;
 		width: .38rem;
 		height: .38rem;
 		margin-top: .08rem;
 		line-height: .4rem;
 	}
 
 	.question-list ul li .intro .a p{
 		font-size: .28rem;
 		height: 1.3rem;
 		width:4.8rem;
 		height: auto;
 		display: block;
 		line-height: .42rem;
 		-webkit-line-clamp:3;
 	}
 	.gg{

 		width: 100%;

 		height: 2.84rem;

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

 		background-size: 100% auto;

 		margin-top: .6rem;

 	}



 	.gg02{

 		 

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

 		background-size: 100% auto;

 		 

 	}

 	.adv ul li{

 		width: 3.45rem;

 		margin: 0;

 		height: 5rem;

 		margin-bottom: .2rem;

 	}

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

 		float: right;

 	}

 	.adv ul li i{

 		background-size: .6rem;

 		height: .6rem;

 		width: .6rem;

 		margin-top: .5rem;

 		background-size: auto 1.2rem !important;

 	}



 	.adv ul li h4{

 		font-size: .38rem;

 		padding-bottom: .4rem;

 		margin-top: .3rem;

 	}

 	.adv ul li h4:after{

 		height: .06rem;

 	}

 	.adv ul li span{

 		width: 3rem;

 		font-size: .28rem !important;

 		line-height: .42rem;

 		margin-top: .2rem;

 		display: -webkit-box;

 		-webkit-line-clamp:5;

 		-webkit-box-orient: vertical;

 		overflow: hidden;



 	}

 	.adv ul li:nth-child(2) i{

 		background: url(../images/icon09.png) no-repeat -.64rem top;

 	}



 	.adv ul li:nth-child(3) i{

 		background: url(../images/icon09.png) no-repeat -1.28rem top;

 	}

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

 		background: #0F8CCE;

 	}

 	.adv ul li:nth-child(3n-2) h4{

 		color:#fff;

 	}

 	.adv ul li:nth-child(3n-2) h4:after{

 		background: #fff;

 	}

 	.adv ul li:nth-child(3n-2) span{

 		color:#fff;

 	}

 	.adv ul li:nth-child(3n-2) i{

 		background-position-y:bottom;

 	}





 	.about .intro{

 		width: 100%;

 		height:auto;

 		overflow: hidden;

 		background-size: auto 5.17rem;

 		background-size: auto 100%;

 		padding-bottom: .4rem;

 		margin-top: .3rem;

 		float: initial;

 		border: 0.02rem solid #fff;

 	}

 	.about .intro .name img{

 		width: 2.25rem;

 	}

 	.about .intro .name{

 		margin-top: .5rem;

 		margin-left: .5rem;

 	}

 	.about .intro .info{

 		width: 6.3rem;

 		margin: 0 auto;

 		height: auto;

 		display: -webkit-box;

 		-webkit-line-clamp:6;

 		-webkit-box-orient: vertical;

 		overflow: hidden;

 		margin-top: .5rem;

 		font-size: .28rem;

 		line-height: .46rem;

 	}



 	.about .intro  a{

 		width: 6.3rem;

 		margin: 0 auto;

 		margin-top: .3rem;

 		height: .7rem;

 		line-height: .7rem;

 		font-size: .28rem;

 		text-align: center;

 		text-indent: -.2rem;

 		background-position-x: 3.79rem;

 		background-size:  auto .2rem;

 	}

 	.about .menu{

 		width: 100%;

 		height: auto;

 		margin-top: 0;

 		overflow: hidden;

 		float: initial;

 	}



 	.about .menu ul li{

 		width: 3.55rem;

 		height: 2.59rem;

 		border: 0.02rem solid #DEgDEDE;

 	}

 	.about .menu ul li i{

 		width: .6rem;

 		height: .6rem;



 		background-size: auto 1.29rem !important;

 		margin-top: .5rem;

 	}

 	.about .menu ul li p{

 		margin-top: .4rem;

 		font-size: .32rem;

 	}

 	.about .menu ul li p:after{

 		top: -.2rem;

 	}

 	.about .menu ul li span{

 		font-size: .24rem;

 		margin-top: .1rem;

 	}

 	.about .menu ul li:nth-child(2) i{

 		background: url(../images/icon10.png) no-repeat -.72rem top

 	}

 	.about .menu ul li:nth-child(3) i{

 		width: .52rem;

 		height: .6rem;

 		background: url(../images/icon10.png) no-repeat -1.45rem top

 	}



 	.news .menu{

 		margin-top: .6rem;

 		width: 100%;

 	}

 	.news .menu ul li{

 		width: 3.45rem;

 		height: .8rem;

 		height: auto;

 		border: 0.02rem solid #D4D4D4;

 		margin: 0;

 	}

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

 		float: right;

 	}





 	.news .left{

 		display: none;

 	}

 	.news .an{

 		display: none;

 	}

 	.news  .right {

 		height: auto;

 		float: initial;

 	}

 	.news  .right ul li {

 		display: block !important;

 	}

 	.news .right{

 		margin-top: .4rem;

 		width: 100%;

 		float: inherit;

 		background: #FAFAFA;

 	}

 	.news .right ul{

 		margin-top: .3rem;

 		padding: 0 .3rem;

 		box-sizing: border-box;

 		width: 100%;

 	}

 	.news .right ul li{

 		background-size: auto .25rem;

 		height: auto;

 		border-bottom: .02rem solid #D2D2D2;

 		padding-bottom: .25rem;

 	}

 	.news .right ul li .time{

 		width: 1rem;

 		height:1rem;

 	}

 	.news .right ul li .time b{

 		font-size: .5rem;

 		text-align: center;

 		display: block;

 		color:#0084ce;

 	}

 	.news .right ul li .time p{

 		font-size: .24rem;

 		text-align: center;

 		margin-top: .04rem;

 		color:#0084ce;

 	}

 	.news .right ul li .info{

 		margin-left: .3rem;

 		margin-top: 0;

 		width:4.5rem;

 		margin-top: .1rem;

 	}

 	.news .right ul li .info p{

 		font-size: .28rem;

 	 	line-height: .46rem;

 	 	color:#0084ce;

 	 	width: 100%;

 	 	-webkit-line-clamp:1;

 	}

 	.news  .right ul li .info span{

 		display: block;

 		font-size: .28rem;

 		white-space: nowrap;

	   text-overflow: ellipsis;

	   overflow: hidden;

		color:#666666;

		font-size: .26rem;

		margin-top: .05rem;

 	}



 	.news .more{

 		width: 100%;

 		display: block;

 		height: .7rem;

 		background: #FAFAFA;

 		text-align: center;

 		font-size: .28rem;

 		color:#333333;

 		line-height: .7rem;

 		margin-top: .2rem;

 		border: 0.02rem solid #E6E6E6;

 	}

 	.links{

 		display: none;

 	}



 	.footer{

 		display: none;

 	}



 	.mfooter{

 		display: block;

 		width: 100%;

 		height: auto;

 		overflow: hidden;

 		background: #FAFAFA;

 		margin-top: .8rem;

 		padding-bottom: 1.5rem;

 	}



 	.mfooter .info{

 		width: 98%;

 		margin:  0 auto;

 		height: auto;

 		overflow: hidden;

 		margin-top: .6rem;

 	}

 	.mfooter .info h4{

 		color:#0084ce;

 		font-size: .32rem;

 		text-align: center;

 	}



 	.mfooter .info p{

 		color:#333333;

 		font-size: .24rem;

 		line-height: .42rem;

 		margin-top: .2rem;

 		text-align: center;

 	}

 	.float{

 		width: 100%;

 		height: auto;


 		position: fixed;

 		left: 0;

 		bottom: 0;

 		display: block;

 		z-index: 1000;

 	}

 	

 	.float ul li{

 		float: left;

 		width: 25%;

 		background: #0084CE;

 		position: relative;

 		padding-top: .2rem;

 		position: relative;

 		padding-bottom: .15rem;

 	}

 	.float ul li img{

 		display: block;

 		height: .41rem;

 		margin: 0 auto;

 	}

 	.float ul li  p{

 		color:#fff;

 		font-size: .28rem;

 		text-align: center;

 		margin-top: .06rem;

 	}

 	.float ul li:after{

 		content: "";

 		width: 0.02rem;

 		height: 100%;

 		position: absolute;

 		right: 0;

 		top: 0;

 		background: #fff;

 	}

 	.float ul li:last-child:after{

 		width: 0;

 		height: 0;

 		overflow: hidden;

 	}

 	.float dl{
 		position: absolute;
 		bottom: 0;
 		height: auto;
 		overflow: hidden;
 		background: #0084CE;
 		bottom: 100%;
 		width: 100%;
 		display: none;
 	}


 	.float dd{
 		width: 100%;
 		height: .8rem;
 		line-height: .8rem;
 		text-align: center;
 		border-bottom: 0.02rem solid #45b9fb;
 	}

 	.float dd a{
 		color:#fff;
 		font-size: .28rem;
 		display: block;
 		white-space: nowrap;
 		text-overflow: ellipsis;
 		overflow: hidden;
 	}	

 	.gotop{

 		position: fixed;

 		right: 0;

 		bottom: 4.3rem;

 		width: .8rem;

 		height: .8rem;

 		background:#0084CE url(../images/gotop.png) no-repeat center;

 		background-size: auto .25rem;

 		z-index: 100;

 		margin-right: .2rem;

 		display: none;

 		border-radius: .1rem;

 	}

 	.pc-float{

 		display: none;

 	}



 	.crumb i{

 		width: .75rem;

 		height: .7rem;

 		line-height: .7rem;

 		background-position: .28rem;

 		background: url(../images/icon15.png) no-repeat 0.25rem center;
 		background-size: auto .2rem;

 		 

 	}

 	.crumb p{

 		font-size: .28rem;

 		line-height: .7rem;

 	}
 	.crumb a:nth-child(2){
 		font-size: .28rem;

 		line-height: .7rem;
 	}

 	.crumb  a{

 		font-size: .28rem;

 		line-height: .7rem;

 		white-space: nowrap;

	    text-overflow: ellipsis;

 		

	    display: block;

	    max-width: 1.8rem;
	    padding-left:.3rem;

 	}
	.crumb a:after{
		right: -.18rem;
	}


 	.banner .menu{

 		display: none;

 	}



 	.p-insideb-banner{

 		display: none;

 	}

 	.m-banner{

 		display: block;

 	}



 	.pro-list{

 		margin-top: .5rem;

 	}

 	.in-title p{

 		font-size: .42rem;

 	}

 	.pro-list ul{

 		margin-top: .4rem;

 	}

 	.pro-list ul li{

 		width: 49%;

 		height: auto;

 		overflow: hidden;

 		margin: 0;

 		margin-bottom: .2rem;

 	}

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

 		float: right;

 	}

 	.pro-list ul li img{

 		width: 100%;

 		height: auto;

 	}



 	.pro-list ul li p{

 		width: 100%;

 		height: .6rem;

 		line-height: .6rem;

 		font-size: .28rem;

 	}

 	.page{

 		margin-top: .5rem;

 	}

 	.page ul li{

 		font-size: .24rem;

 		height: auto;

 		line-height: .5rem;

 		padding: 0 .2rem;

 		margin: 0 .05rem;

 		border-radius: .05rem;

 	}



 	.dynamic{

 		margin-top: .6rem;

 		margin-bottom: .6rem;

 	}

 	.dynamic .left{

 		display: none;

 	}

 	.dynamic ul{

 		width: 100%;

 		margin-top: .4rem;

 	}

 	.dynamic ul li{

 		border-top: 0.02rem solid #E0DDE8;

 		background: none;

 		padding-top: .2rem;

 		margin-bottom: .2rem;

 	}



 	.dynamic ul li h4{

 		font-size: .3rem;

 		width: 6rem;

 		line-height: .5rem;

 		padding-left: .2rem;

 	}

 	.dynamic ul li h4:after{

 		width: .08rem;

 		height: .08rem;

 		top: .2rem;

 		border-radius: 50%;

 	}

 	.dynamic ul li span{

 		font-size: .24rem;

 		line-height: .5rem;

 	}

 	.dynamic ul li p{

 		width: 100%;

 		font-size: .28rem;
		margin: 0;
 		padding-left: .2rem;
 		box-sizing: border-box;

 		line-height: .44rem;

 		margin-top: .2rem;

 	}



 	.case-list{

 		width: 100%;

 		height: auto;

 		overflow: hidden;

 		margin-top: .5rem;

 	}

 	.case-list ul{

 		margin-top: .5rem;

 	}

 	.case-list ul li{

 		width: 49%;

 		height: auto;

 		overflow: hidden;

 		margin: 0;

 		padding:.3rem .2rem;

 		margin-bottom: .2rem;

 	}

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

 		float: right;

 	}

 	.case-list ul li span{

 		font-size: .24rem;

 		box-sizing: border-box;

 		height: .32rem;

 		line-height: .32rem;

 		padding-left: .5rem;

 		background: url(../images/icon18.png) no-repeat left top;

 		background-size: auto .6rem;



 	}



 	.case-list ul li h4{

 		font-size: .3rem;

 	}
 	.case-list ul li .intro{
 		height:auto;
 		overflow: hidden;
 		margin-top: .15rem;
 	}

/* 	.case-list ul li .intro div{
 		width: .65rem;
 		height: .65rem;
 	}*/
 	.case-list ul li .intro div img{
 		height: .55rem;
 		width: .55rem;
 		margin: .05rem;
 	}

 	.case-list ul li .intro .info{
 		width: 2.5rem;
 		margin-left: .1rem;
 	}

 	.case-list ul li .intro p{

 		font-size: .24rem;
 		line-height: .32rem;
 		width: 2.2rem;


 	}

 	.case-list ul li .intro  b{
 		font-size: .2rem;
 		line-height: .3rem;
 		max-height: .6rem;
 		margin-top: .05rem;
 		height: .6rem;
 	}


 	.about-intro{

 		margin-top: .5rem;

 	}

 	.about-intro  .bd{

 		display: flex;

 		flex-wrap: wrap;

 		margin-top: .4rem;

 		flex-direction: column-reverse;

 	}

 	.about-intro .intro{

 		width: 100%;

 	}

 	.about-intro .pic{

 		width: 100%;

 	}

 	.about-intro .pic img{

 		width: 100%;

 	}



 	.about-intro .intro .tit b{

 		font-size: .7rem;

 	}

 	.about-intro .intro .tit p{

 		font-size: .4rem;

 	}

 	.about-intro .intro .info{

 		margin-top: .4rem;

 		font-size: .28rem;

 		line-height: .46rem;

 	}

 	.about-intro ul{

 		margin-top: .4rem;

 	}

 	.about-intro ul li{

 		width: 49%;

 		margin: 0;

 		height: 2.6rem;

 		overflow: hidden;

 		margin-bottom: .2rem;

 		background: url(../images/bg04.jpg) no-repeat right  top;

 		background-size: auto 10.4rem;

 	}



 	.about-intro ul li:nth-child(2){

 		background-position-y:-2.6rem;

 		background-size: auto 10.4rem;

 	}

 	.about-intro ul li:nth-child(3){

 		background-position-y:-5.2rem;

 		background-size: auto 10.4rem;

 	}



 	.about-intro ul li:nth-child(4){

 		background-position-y:bottom;

 		background-size: auto 10.4rem;

 	}

 	 

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

 		float: right;

 	}





 	.about-intro ul li .t{

 		width: 92%;

 		margin-top: .4rem;

 	}

 	.about-intro ul li .t{

 		height: auto;

 		border-bottom: 0.02rem solid #DEDEDE;

 		padding-bottom: .2rem;

 	}

 	.about-intro ul li .t img{

 		display: block;

 		height: .4rem;

 	}

 	.about-intro ul li .t b{

 		font-size: .32rem;

 		display: block;

 		line-height: .4rem;

 		float: left;

 		margin-left: .2rem;

 	}



 	.about-intro ul li .info{

 		width: 92%;

 		font-size: .24rem;

 		margin-top: .2rem;

 		line-height: .4rem;

 	}

 	.honor-list ul li{

 		margin: 0 !important;

 		margin-bottom: .2rem !important;

 	}

 	.cont-intro{

 		margin-top: .5rem;

 	}

 	.cont-intro .bd{

 		width: 100%;

 		height: auto;

 		margin-top: .4rem;

 		padding: .4rem .2rem;

 	}

 	.cont-intro .bd .tit b{

 		font-size: .36rem;

 		display: block;

 	}

 	.cont-intro .intro .info{

 		margin-top: .2rem;

 	}



 	.cont-intro .intro  ul li{

 		border-bottom: 0.02rem solid #DCDDE1;

 	}

 	.cont-intro .intro .info ul li{

 		height: 1rem;

 	}

 	.cont-intro .intro .info ul li:after{

 		background-size: auto .35rem;

 		width: .3rem;

 		height: 1rem;

 	}

 	.cont-intro .intro .info ul li:nth-child(2):after{

 		background-size: auto .35rem;

 	}

 	.cont-intro .intro p{

 		font-size: .26rem;

 	}

 	.cont-intro .mssg{

 		margin-top: .4rem;

 	}

 	.cont-intro .mssg form{

 		margin-top: .3rem;

 	}

 	.cont-intro .mssg form ul li{

 		border: .02rem solid #DCDDE1;

 	}

 	.cont-intro .mssg form ul li:after{

 		height: .6rem;

 		left: .2rem;

 		height: .9rem;

 		top: 0;

 		background-size: auto .4rem !important;

 	}

 	.cont-intro .mssg form ul li input{

 		height: .9rem;

 		width: 5.8rem;

 		font-size: .26rem;

 	}

 	.cont-intro .mssg form ul li textarea{

 		height: 1.5rem;

 		width: 5.8rem;

 		font-size: .26rem;

 		margin-top: .3rem;

 		margin-bottom: .2rem;

 	}

 	.cont-intro .mssg form .btn input{

 		width: 3.2rem;

 		height: .9rem;

 		font-size: .3rem;

 	}

 	.cont-intro .map{

 		margin-top: .4rem;

 		width: 100%;

 		height: 6rem;

 	}



 	.join-intro{

 		margin-top: .5rem;

 	}

 	.join-intro .list{

 		margin-top: .4rem;

 	}

 	.join-intro .list .hd dl{

 		width: 90%;

 		margin: 0;

 		margin-left: 3%;

 	}

 	.join-intro .list .hd dl dd{

 		font-size: .3rem;

 

 		line-height: .9rem;

 	}

 	.join-intro .list ul li{

 		height: .8rem;

 		border-bottom: .02rem  solid transparent;

 	}

 	.join-intro .list ul li .data div{

 		width: 90%;

 		font-size: .28rem;

 		height: .8rem;

 		margin: 0 auto;

 		margin-left: 3%;

 	}

 	.join-intro .list ul{

 		border-top: none;

 		border-bottom: 0.02rem solid #ccc;

 	}

 	.join-intro .list ul li .data:after{

 		width: .2rem;

 		height: .2rem;

 		background-size: auto .3rem;

 		right: .1rem;

 		margin-top: -.1rem;

 	}



 	.join-intro .list ul .selected .data:after{

 		height: .1rem;

 	}

 	.join-intro .list .hd dl dd:first-child{

 		width: 2.6rem;

 		margin-right: .2rem;

 	}

 	.join-intro .list .hd dl dd{

 		width: 1.5rem;

 		margin-right: .2rem;

 	}

 	.join-intro .list ul li .data{

 		border-top: 0.02rem solid #ccc;

 	}

 	.join-intro .list ul li .data div p:first-child{

 		width: 2.6rem;

 		margin-right: .2rem;

 	}

 	.join-intro .list ul li .data div p{

 		width: 1.5rem;

 		margin-right: .2rem;

 		font-size: .26rem;

 		line-height: .8rem;

 	}

 	.join-intro .list ul li .data div p:last-child{

 		font-size: .24rem;

 	}

 	.join-intro .list ul li .intro{

 		border-bottom: none;

 	}

 	.join-intro .list ul li .intro .info{

 		margin: 0 auto;

 		width: 94%;

 	}

 	.join-intro .list ul li .intro .info p{

 		font-size: .26rem;

 		line-height: .42rem;

 	}

 	.join-intro .list ul li .intro .info b{

 		font-size: .28rem;

 	}

 	.join-intro .list ul li .intro{

 		padding: .4rem 0;

 	}



 	.ad{

 		margin-top: .6rem;

 		height: 4rem;

 		background-size:  auto 100%;

 	}

 	.ad .main{

 		overflow: hidden;

 		height: 4rem;

 		position: relative;

 	}

 	.ad .intro{

 		padding-left: .2rem;

 		height:4rem;

 		width: 100%;

 		box-sizing: border-box;

 		background-size: auto 100%;

 	}

 	.ad .intro .tit{

 		margin-top: .3rem;

 		padding-bottom: .2rem;

 	}

 	.ad .intro .tit:after{

 		content: "";

 		height: .04rem;

 		width: .8rem;

 	}

 	.ad .intro .tit p{

 		font-size: .36rem;

 	}

 	.ad .intro .info{

 		width: 6.8rem;

 		margin-top: .2rem;

 		font-size: .24rem;

 		display: -webkit-box;

 		-webkit-line-clamp:6;

 		-webkit-box-orient: vertical;

 		overflow: hidden;

 		line-height: .42rem;

 	}

 	.ad img{

 		position: absolute;

 	 	height:4rem;

 	 	width: auto;

 	 	left: 0;

 	 	top: 0;

 	}



 	.process{

 		margin-top: .6rem;

 	}
 	.process .swiper-container{
 		width: 6.2rem;
 	}

 	.process .main{
 		width: 100%;
 	}


 	.process .swiper-slide{

 		padding:.2rem .2rem;
 		height: 9.5rem;

 	}



 	.process .swiper-slide .info h4{

 		font-size: .34rem;

 		line-height: .42rem;

 		height: .45rem;

 		-webkit-line-clamp:2;

 	}

 	.process .swiper-slide .info{

 		margin-top: .2rem;

 		margin-bottom: .1rem;

 		text-align: justify;

 	}

 	.process .swiper-slide .info span{
 		font-size: .3rem;
 		margin-top: .1rem;
 	}
 	.process .swiper-slide .info p{

 		font-size: .28rem;

 		line-height: .42rem;

 		height:auto;
 		-webkit-line-clamp:8;

 	}

 	.process .swiper-pagination{

 		margin-top: .4rem;

 	}

 	.process .swiper-pagination span{

 		width: .2rem;

 		height: .2rem;

 		margin: 0 .1rem;

 	}

 	.process .part{

 		margin-top: .6rem;

 	}

 	.process .part .tit{

 		height: 1.2rem;

 		background-size: auto 100%;

 	}

 	.process .part ul{

 		display: none;

 	}

 	.process .part img{

 		display: block;

 		width: 100%;

 		margin-top: .5rem;

 	}

 	.process .swiper-button-next{

 		width: .33rem;

 		outline: none;

 		height: .7rem;

 		top:4rem;

 		right: .1rem;

 		margin-top:0;

 		background-size: auto 100%;

 	}



 	.process .swiper-button-prev{

 		width: .33rem;

 		height: .7rem;

 		top:4rem;

 		left: .1rem;

 		outline: none;

 		margin-top: 0rem;

 		background-size: auto 100%;

 	}

 	.effect{

 		margin-top: .5rem;

 		margin-bottom: .5rem;

 	}

 	.effect .main{

 		width: 100%;

 	}

 	.effect .swiper-container{

 		width:6.2rem;

 		margin-top: .4rem;

 	}



 	.effect .swiper-button-next{

 		width: .33rem;

 		height: .7rem;

 		background-size: auto 100%;

 	}

/* 	.effect .swiper-button-next{

 		width: .33rem;

 		height: .7rem;

 		top: 50%;

 		left: .1rem;

 		outline: none;

 		margin-top: 0rem;

 		background-size: auto 100%;

 	}



 	.effect .swiper-button-prev{

 		width: .33rem;

 		outline: none;

 		height: .7rem;

 		top: 50%;

 		right: .1rem;

 		margin-top:0;

 		background-size: auto 100%;

 	}*/

 	.effect .swiper-button-next{

 		width: .33rem;

 		outline: none;

 		height: .7rem;

 		top: 50%;

 		right: .1rem;

 		margin-top:0;

 		background-size: auto 100%;

 	}



 	.effect .swiper-button-prev{

 		width: .33rem;

 		height: .7rem;

 		top: 50%;

 		left: .1rem;

 		outline: none;

 		margin-top: 0rem;

 		background-size: auto 100%;

 	}

 	.effect .swiper-slide p{

 		font-size: .28rem;

 		height: .8rem;

 		line-height: .8rem;

 	}



 	.item-intro{

 		margin-top: .6rem;

 	}



 	.item-intro .map{

 		margin-top: .4rem;

 	}

 	.item-intro .table .tit p{

 		font-size: .38rem;

 	}

 	.item-intro .table .swiper-container{

 		width: 10rem;

 	}

 	.item-intro .table table{

 		width: 100%;

 	}

 	.item-intro .main{

 		overflow: hidden;

 	}



 	.item-intro .table .swiper-scrollbar{

 		width: 100%;

 		height: .1rem;

 		background: #ccc;

 		margin-top: .2rem;

 		border-radius: .1rem;

 	}

 	.swiper-scrollbar-drag{

 		height: .1rem;

 		background: #0084CE;

 		border-radius: .1rem;

 	}



 	.table table{

 		background: #CCCCCC;

 		margin-top: .3rem;

 	}

 	.table table th{

 		font-size: .32rem;

 		background: #0084CE;

 		font-weight: normal;

 		line-height: .7rem;

 		color:#fff;

 	}



 	.table table th:nth-child(2){

 		width:4rem;

 	}

 	.table table th:nth-child(3){

 		width:4rem;

 	}

 	.table table th:nth-child(6){

 		width:3rem;

 	}

 	.table table td{

 		font-size: .28rem;

 		text-align: center;

 		line-height: .6rem;

 		background: #fff;

 	}

 	.table table tr:nth-child(2n-1) td{

 		background: #EFEFEF;

 	}

 	.table .swiper-container {

 		width: 20rem;

 		padding-right:10rem;

 	}

 	.item-intro .table .swiper-slide{

 		width: 25rem;

 		margin-right: .2rem;

 		transform: translateY(20);

 	}

 	.item-intro .table .swiper-slide table{

 		width: 22.3rem;

 	}



 	.catalogue{

 		margin-top: .6rem;

 		height: auto;

 		background-size:  auto 100%;

 	}

 	.catalogue .swiper-container{

 		width: 7.1rem;

 		margin-top: .6rem;

 	}



 	.catalogue .swiper-slide .bd{

 		margin-top: 0;

 	}



 	.catalogue .swiper-slide{

 		width: 4rem;

 		height: auto;

 		margin-right: .2rem;

 	}

 	.catalogue .swiper-slide .time{

 		font-size: .4rem;

 	}

 	.catalogue .swiper-slide .intro h4{

 		font-size: .34rem;

 		margin-top: .3rem;

 	}

 	.catalogue .swiper-slide .bd:after{

 		width: 3.6rem;

 		height: 6rem;

 	}

 	.catalogue .swiper-slide .intro{

 		width: 3.6rem;

 		margin-left: .3rem;

 	}

 	.catalogue .swiper-slide .time{

 		margin-top: .2rem;

 		margin-left: .5rem;

 	}

 	.catalogue .swiper-slide .intro{

 		padding: 0 .2rem;

 		height: 5.8rem;

 	 	

 	}

 	.catalogue .swiper-slide .intro img{

 		margin-top: .2rem;

 	}

 	.catalogue .swiper-slide .intro .info{

 		margin-top: .2rem;

 		font-size: .26rem;

 		line-height: .42rem;

 	}

 	.catalogue .swiper-slide .year{

 		width: 1.5rem;

 		height: 1.5rem;

 		line-height: 1.5rem;

 		background-size: auto 100%;

 		font-size: .38rem;

 	}

 	.catalogue .swiper-slide .year:after{

 		width: .04rem;

 		margin-left: -.02rem;

 	}

 	.catalogue:after{

 		height: .3rem;

 		background-size:  auto 100%;

 		bottom: .6rem;

 	}



 	.structure{

 		margin-top: .6rem;

 		height: auto;

 		margin-bottom: .5rem;

 		background-size:  100% auto;

 		background-position-y:.8rem;

 	}

 	.structure .bd{

 		margin-top: .6rem;

 	}

 	.news-intro{

 		margin-top: .6rem;

 	}

 	.news-intro .main{

 		width: 7.1rem;

 	}

 	.news-intro .swiper-container{

 		width: 5.8rem;

 		margin-top: .4rem;

 	}

 	.news-intro .swiper-container .swiper-slide{

 		height: auto;

 	}

 	.news-intro .swiper-container .swiper-slide .intro{

 		padding: .3rem;

 	}



 	.news-intro .swiper-container .swiper-slide .intro h4{

 		font-size: .36rem;

 	}

 	.news-intro .swiper-container .swiper-slide .intro span{

 		font-size: .24rem;

 		margin: .2rem 0;

 	}

 	.news-intro .swiper-container .swiper-slide .intro p{

 		font-size: .28rem;

 		line-height: .42rem;

 		height: .8rem;

 	}

 	.news-intro .swiper-container .swiper-button-next{

 		width: .4rem;

 		height: .7rem;

 		left: 0;

 		top: 4rem;

 		margin-top:0rem;

 		background-size: auto 100%;

 	}

 	.news-intro .swiper-container .swiper-button-prev{

 		width: .4rem;

 		height: .7rem;

 		right: 0;

 		top: 4rem;

 		margin: 0;

 		background-size: auto 100%;

 	}

 	.news-intro .swiper-container .swiper-slide .intro i{

 		display: none;

 	}

 	.news-intro .bd{
 		width: 100%;
 	}
 	.news-intro ul{
 		float: initial;
 	}
 	.news-intro ul:last-child{
 		margin-top: 0;
 	}
 	.news-intro ul li{

 		width: 100%;

 		height: auto;

 		overflow: hidden;

 		padding: .4rem .2rem;

 		margin-bottom: .2rem;

 	}

 	.news-intro ul{

 		width: 100%;

 	}

 	.news-intro ul li .time{

 		width: 1.3rem;

 		height: 1.3rem;

 		border-right: 0.02rem solid #ccc;

 	}

 	.news-intro ul li .time p{

 		font-size: .5rem;

 		margin-top: .15rem;

 	}

 	.news-intro ul li .time span{

 		font-size: .26rem;

 	}

 	.news-intro ul li .intro{

 		width: 5.1rem;

 	}

 	.news-intro ul li .intro h4{

 		font-size: .3rem;

 	}

 	.news-intro ul li .intro p{

 		font-size: .26rem;

 		line-height: .42rem;

 		margin-top: .1rem;

 	}



 	.news-detailed{

 		width: 7.1rem;

 		height: auto;

 		overflow: hidden;

 		margin-top: .5rem;

 		margin-bottom: 0;

 	}

 	.news-detailed .tit{

 		width: 100%;

 	}

 	.news-detailed .tit .time b{

 		font-size: .46rem;

 	}

 	.news-detailed .tit .time p{

 		font-size: .26rem;

 	}

 	.news-detailed .tit h4{

 		font-size: .4rem;

 		line-height: .52rem;

 		height: 1.1rem;

 		margin-top: .3rem;

 	}

 	.news-detailed .tit a{

 		margin-top: .5rem;

 		font-size: .26rem;

 		height: .5rem;

 		line-height: .5rem;

 		background-size:  auto .5rem;

 	}

 	.news-detailed .intro{

 		width: 100%;

 		margin-top: .5rem;

 		font-size: .28rem;

 		line-height: .46rem;

 	}

 	.news-detailed .fy{

 		position: initial;

 		top: inherit;

 		overflow: hidden;

 		margin-top: .4rem;

 		width: 100%;

 		box-sizing: border-box;

 		float: left;

 		padding-top: .4rem;

 	}

 	.news-detailed .fy div{

 		height: 1.4rem;

 		margin-bottom: .3rem;

 		border-bottom: 0.02rem solid #ECECEC;

 	}

 	.news-detailed .fy div p{

 		font-size: .28rem;

 	}

 	.news-detailed .fy div a{

 		font-size: .26rem;

 	}



 	.pro-detailed{

 		width: 7.1rem;

 		height: auto;

 		overflow: hidden;

 		margin-top: .5rem;

 	}

 	.pro-detailed .tit h4{

 		font-size: .4rem;

 	}

 	.pro-detailed .tit span{

 		font-size: .24rem;

 		line-height: .6rem;

 		height: auto;

 	}

 	.pro-detailed .intro{

 		margin-top: .4rem;

 		font-size: .28rem;

 		line-height: .42rem;

 	}



 	.turn{

 		width: 100%;

 	}

 	.turn p{

 		width: 49%;

 		font-size: .26rem;

 		text-align: left;

 		text-align: center;
 	 

 		box-sizing: border-box;

 		line-height: .7rem;

 		height: .7rem;

 	  

 	}

 	.turn .return{

 		width: 100%;

 		float: initial;

 		margin: 0;

 		display: block;

 		line-height: .7rem;

 		border: none;

 	 	border-top: 0.02rem solid  #d2d2d2;

 	 	float: left;

 	}


 	.news-turn{
 		width: 100%;
 	}
 	.news-turn p{
 		width: 49%;
 		font-size: .26rem;
 		text-align: left;
 	 
 		box-sizing: border-box;
 		line-height: .7rem;
 		height: .7rem;
 	  
 	}
 	.news-turn .return{
 		width: 100%;
 		float: initial;
 		margin: 0;
 		display: block;
 		line-height: .7rem;
 		border: none;
 	 	border-top: 0.02rem solid  #d2d2d2;
 	 	float: left;
 	}
 	.detail{
 		width: 100%;
 		height: auto;
 		overflow: hidden;
 		margin-top: .6rem;
 		margin-bottom: .5rem;
 	}

 	.detail .img{
 		width: 100%;
 		height: auto;
 		overflow: hidden;
 		float: initial;
 	}
 	.detail .img img{
 		width: 90%;
 		margin: 5%;
 	}
 	.detail .intro{
 		width: 100%;
 		margin-top: .3rem;
 		float: initial;
 	}
 	.detail .intro .tit{
 		border-bottom: .02rem solid #eee;
 		padding-bottom: .2rem;
 	}
 	.detail .intro .tit h4{
 		font-size: .42rem;
 	}
 	.detail .intro .tit img{
 		height: .26rem;
 	}
 	.detail .intro .tit span{
 		font-size: .26rem;
 		line-height: .26rem;
 	}
 	.detail .intro .info{
 		width: 100%;
 		height: auto;
 		overflow: hidden;
 		margin-top: .3rem;
 		font-size: .28rem;
 		line-height: .46rem;
 	}
} 

@media (max-width: 767px){
	.head .name img {width: 150px;}
	}