@media (min-width:500px) {
	/**************通用式样******************/
	*{
		margin:0px;
		padding:0px;
	}
/**************网页变灰样式  开始******************/
/*	html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
_filter:none;
}*/
/**************网页变灰样式  结束******************/
	body{
		font: 14px/1.5 "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
	}
	ul li{
		list-style:none;
	}
	a{
		text-decoration: none;
	}
	a:hover{
		text-decoration: none;
	}
	.clear:after{
		 clear: both;
	     content: "";
	     display: block;
	     width: 0;
	     height: 0;
	}
	.fl{
		float: left;
	}
	.fr{
		float: right;
	}
	/******/
		.body {
			position: relative;
		}
	
		/***************************/
		.scroll {
			position: relative;
			z-index: 2;
		}
		.scroll-con > .carousel>.carousel-control{
			background-image:none;
		}
		.scroll-con > .carousel>.left>.glyphicon-chevron-left{
			height: 60px;
			width: 60px;
			background: url(/template/1/xhz/_files/img/left1.png)  no-repeat;
			background-size: 60px 60px;
		}
		.scroll-con > .carousel>.left>.active{
			height: 60px;
			width: 60px;
			background: url(/template/1/xhz/_files/img/left2.png)  no-repeat;
			background-size: 60px 60px;
		}
		.scroll-con > .carousel>.left>.glyphicon-chevron-left:before{
			content:"";
		}
		.scroll-con > .carousel>.right>.glyphicon-chevron-right:before{
			content:"";
		}
		.scroll-con > .carousel>.right>.glyphicon-chevron-right{
			height: 60px;
			width: 60px;
			background-image: url(/template/1/xhz/_files/img/right1.png) ;
			background-repeat: no-repeat;
			background-size: 60px 60px;
		}
		.scroll-con > .carousel>.right>.active{
			height: 60px;
			width: 60px;
			background-image: url(/template/1/xhz/_files/img/right2.png) ;
			background-repeat: no-repeat;
			background-size: 60px 60px;
		}
		.scroll-con > .carousel > .carousel-inner > .item {
			text-align: center;
		}
	
		.scroll-con > .carousel > .carousel-inner > .item  img {
			display: block;
			width: 100%;
		}
	
		.scroll-con > .carousel > .carousel-indicators {
			padding: 6px 0px;
			border-radius: 50px;
			background: url("/template/1/xhz/_files/img/3.png") no-repeat;
			background-size: 100% 100%;
			box-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
			position: absolute;
			left: 0px;
			right: 0px;
			width: 120px;
			margin: 0px auto;
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1) inset;
			bottom: 100px;
		}
	
		.scroll-con > .carousel > .carousel-indicators > li {
			width: 14px;
			height: 14px;
			margin-left: 4px;
			background-color: #f5f5f5;
			cursor: pointer;
			position: relative;
			top: 2px;
			border: none;
			box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	
		}
	
		.scroll-con > .carousel > .carousel-indicators > li.active {
			background: url("/template/1/xhz/_files/img/8.png") no-repeat;
			background-size: 100% 100%;
			top: 1px;
		}
	
		.notice {
			background-color: rgba(0, 52, 102, 0.9);
			width: 100%;
			height: 80px;
			position: absolute;
			bottom: 0px;
		}
	
		.notice > .notice-con {
			width: 1200px;
			margin: 0px auto;
			height: 100%;
		}
	
		.notice > .notice-con > .title {
			color: #ffffff;
			line-height: 80px;
			width: 60px;
			text-align: center;
			font-size: 18px;
			font-weight: bold;
		}
	
		.notice > .notice-con > .block {
			height: 80px;
			width: 1124px;
			position: relative;
			overflow: hidden;
		}
		.notice > .notice-con > .block>ul{
			position: absolute;
			top:0px;
			width: 100%;
			left: 0px;
		}
		.notice > .notice-con > .block>ul>li{
			float: left;
			height: 80px;
			width: 100%;
		}
		.notice > .notice-con > .block>.border{
			position: absolute;
			height: 12px;
			border-left: 1px solid #2c83d6;
			border-right: 1px solid #05111d;
			z-index: 10;
			top: 34px;
			left:calc(50% - 1px);
		}
		.notice > .notice-con > .block>ul>li>div{
			padding: 0px 30px 0px 30px;
			line-height: 80px;
			width:50%;
		}
		.notice > .notice-con > .block>ul>li>div>span.s1>a{
			font-size: 14px;
			color:#f5f5f5;
		}
	    .notice > .notice-con > .block>ul>li>div>span.s1:hover{
	        cursor:pointer;
			
	    }
		.notice > .notice-con > .block>ul>li>div>span.s1>a:hover{
			color:#d70c19;
		}
		.notice > .notice-con > .block>ul>li>div>span.s2{
			font-size: 12px;
			color:#bfbfbf;
		}
		.notice>.notice-con>.scroll-btn{
			width: 16px;
			height: 80px;
		}
		.notice>.notice-con>.scroll-btn>div:hover{
			cursor: pointer;
		}
		.notice>.notice-con>.scroll-btn>.up1-btn{
			height: 40px;
			width: 100%;
			background: url(/template/1/xhz/_files/img/14.png) no-repeat center 28px;
		}
		.notice>.notice-con>.scroll-btn>.down-btn{
			height: 40px;
			width: 100%;
			background: url(/template/1/xhz/_files/img/15.png) no-repeat center 1px;
		}
		/***************/
		.serve{
			width:100%;
			position:relative;
		}
		.serve-bg{
			height: 395px;
			position: absolute;
			top:0px;
			width: 100%;
			background-color: #f9f9f9;
			z-index:0;
			border-bottom: 1px solid #dfdfdf;
		}
		.serve-con{
			width: 1200px;
			margin: 0px auto;
			position: relative;
		}
		.serve-left{
			position: absolute;
			/*left:90px;*/
			top:0px;
			width: 240px;
			/* height: 571px; */
			height: 444px;
			background-color: #ffffff;
			margin-top: 140px;
			z-index: 40;
			box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
			border-radius: 4px;
		}
	.serve-left>.title-show{
		position: absolute;
		top:6px;
		height: 40px;
		width: 200px;
		left:0px;
		right:0px;
		margin: 0px auto;
		border-radius: 25%;
		box-shadow: 0px 1px 18px #001428;
		z-index: -1;
	}
		.serve-left>.title{
			width: 100%;
			background:#083766;
			border-radius: 4px;
			height: 46px;
			line-height: 46px;
			font-size: 16px;
			color: #FFFFFF;
			text-align: center;
		}
		.serve-left>.title>.hide-img{
			margin-left:10px;
		}
		.serve-left>.title>.hide-img:hover{
			cursor:pointer;
		}
		.serve-left>ul{
			width: 100%;
			margin-top: 10px;
		}
		.serve-left>ul>li{
			height: 122px;
			width: 220px;
			margin: 0px auto;
			margin-top: 5px;
		}
		.serve-left>ul>li>a{
			display: inline-block;
			height: 100%;
			width: 100%;
		}
		.serve-left>ul>li>a>img{
			height: 100%;
			width: 100%;
		}
	    .serve-left>ul>li>a>img:hover{
	        cursor: pointer;
	    }
		.serve-right{
			position: absolute;
			/*right:90px;*/
			top:0px;
			z-index: 40;
			width: 240px;
			height: 380px;
			margin-top: 140px;
			box-sizing: border-box;
			background-color: #ffffff;
			box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
			border-radius: 4px;
		}
	.serve-right>.title-show{
		position: absolute;
		z-index: -1;
		top:6px;
		height: 40px;
		width: 200px;
		left:0px;
		right:0px;
		margin: 0px auto;
		border-radius: 25%;
		box-shadow: 0px 1px 18px #001428;
	}
		.serve-right>.title{
			width: 100%;
			background:#083766;
			border-radius: 4px;
			border-radius: 4px;
			height: 46px;
			line-height: 46px;
			font-size: 16px;
			color: #FFFFFF;
			text-align: center;
		}
		.serve-right>.title:hover{
			cursor: pointer;
		}
		.serve-right>.title>.hide-img{
			transform:rotate(180deg);
			margin-left:10px;
		}
		.serve-right>.title>a{
			color:#ffffff;
		}
		.serve-right>form{
			padding: 0px 10px;
		}
		.serve-right>form>.text{
			height: 45px;
			line-height: 45px;
			font-size: 14px;
			flood-color: #666666;
		}
		.serve-right>form>ul{
			margin-top: 10px;
		}
		.serve-right>form>ul>li{
			margin-top: 10px;
		}
		.serve-right>form>ul>li:nth-child(1){
			margin-top: -10px;
		}
		.serve-right>form>ul>li>.form-input{
			height: 70px;
		}
		.serve-right>form>ul>li>.form-input>textarea{
			padding: 10px;
			width: 100%;
			height: 100%;
			resize:none;
			background-color: #f5f5f5;
			border-radius: 3px;
			font-size: 12px;
			text-indent: 24px;
			border:0;
			outline: none;
			box-sizing: border-box;
			color:#cccccc;
		}
		.serve-right>form>ul>li>.input{
			border:0;
			outline: none;
			height: 30px;
			line-height: 30px;
			font-size: 12px;
			padding-left: 30px;
			background-color: #f5f5f5;
			color:#cccccc;
			text-indent: 12px;
			box-sizing: border-box;
			width: 100%;
			border-radius: 3px;
			color: #cccccc;
		}
		.serve-right>form>ul>li>.name{
			background-image: url(/template/1/xhz/_files/img/yonghu.png);
			background-repeat: no-repeat;
			background-size: 16px 16px;
			background-position: 10px 7px;
		}
		.serve-right>form>ul>li>.tel{
			background-image: url(/template/1/xhz/_files/img/dianhua.png);
			background-repeat: no-repeat;
			background-size:16px 16px;
			background-position: 10px 7px;
		}
		.serve-right>form>ul>li>.email{
			background-image: url(/template/1/xhz/_files/img/youxiang.png);
			background-repeat: no-repeat;
			background-size:18px 18px;
			background-position: 10px 7px;
		}
		.serve-right>form>ul>li>.address{
			background-image: url(/template/1/xhz/_files/img/dizhi.png);
			background-repeat: no-repeat;
			background-size:16px 16px;
			background-position: 10px 7px;
		}
		.serve-right>form>ul>li>.btn{
			height: 35px;
			background-color: #0e528c;
			color:#f2f2f2;
			width: 100%;
			font-size: 12px;
			    border: none;
	    border-radius: 4px;
		}
		.serve-right>form>ul>li>.btn:hover{
			background-color: #083766;
		}
		.serve-right>form>ul>li>.btn>.img{
			height: 16px;
			width: 14px;
			margin-left: 10px;
		}
		/***************/
		.serve-center{
			width: 1200px;
			position: relative;
			z-index: 1;
		}
		.serve-center-floor1>.title{
			font-size: 24px;
			text-align: center;
			color: #333333;
			padding-top: 60px;
			padding-bottom:40px ;
			line-height: 40px;
		}
		.serve-center-floor1>ul>li{
			float: left;
			margin-left: calc(100px / 6);
			/* margin-bottom: 10px; */
		}
		.serve-center-floor1>ul>li>.picture{
			height: 200px;
			width: 220px;
		}
		.serve-center-floor1>ul>li>.picture>a{
			display:block;
		height: 100%;
			width:100%;
		}
		.serve-center-floor1>ul>li>.picture>a>img{
			height: 100%;
			width:100%;
		}
		.serve-center-floor1>ul>li>.picture>a>img:hover{
			opacity:0.9;
		}
		.serve-coenter-floor2{
			margin-top: 55px;
		}
		.serve-coenter-floor2>.title{
			text-align: center;
			color:#333333;
			font-size: 24px;
			padding-top: 60px;
			line-height: 40px;
		}
		.serve-coenter-floor2>.introduce{
			margin-top: 30px;
		}
		.serve-coenter-floor2>.introduce>p{
			font-size: 14px;
			color:#999999;
			text-align: center;
			margin: 0px 0px 2px;
		}
		.serve-coenter-floor2>.introduce>p.p3{
			font-size: 14px;
			color:#2f69a1;
			text-align: center;
		}
		.serve-coenter-floor2>.list>ul{
			padding: 10px;
		}
		.serve-coenter-floor2>.list>ul>li{
			float: left;
			width: calc((100% - 80px) / 4);
			height: 200px;
			margin: 10px;
		}
		.serve-coenter-floor2>.list>ul>li>.picture{
			text-align: center;
		}
		.serve-coenter-floor2>.list>ul>li>.picture>img{
			height: 107px;
			width: 107px;
		}
		.serve-coenter-floor2>.list>ul>li>.title{
			text-align: center;
			color: #333333;
			font-weight: bold;
			font-size: 16px;
			padding: 10px;
		}
		.serve-coenter-floor2>.list>ul>li>.num{
			text-align: center;
			color: #666666;
			font-size: 16px;
		}
		.serve-coenter-floor2>.list>ul>li>.num>span{
			font-size: 44px;
			color:#2f69a1;
			position: relative;
			bottom: 1px;
		}
		.serve-coenter-floor2>.list>ul>li>.num>.s1{
			margin-left: 5px;
		}
		.serve-coenter-floor2>.list>ul>li>.num>span.s2{
			font-size: 28px;
			position: relative;
			bottom:15px;
		}
		/******************/
		.serve-coneter-floor3{
			width: 1200px;
			height: 206px;
		}
		.serve-coneter-floor3>.serve-coneter-floor3-scroll{
			height: 100%;
			width: 100%;
		}
		.serve-coneter-floor3>.serve-coneter-floor3-scroll>.carousel{
			height: 100%;
			width: 100%;
		}
		.serve-coneter-floor3>.serve-coneter-floor3-scroll>.carousel>.carousel-indicators{
			bottom:8px;
		}
		.serve-coneter-floor3>.serve-coneter-floor3-scroll>.carousel>.carousel-indicators>li{
			border:1px solid #0c4376;
			margin: 3px 0px;
			margin-left: 13px;
			height: 12px;
			width: 12px;
			border-radius: 50%;
		}
		.serve-coneter-floor3>.serve-coneter-floor3-scroll>.carousel>.carousel-indicators>li.active{
			background-color: #0c4376;
		}
		.serve-coneter-floor3>.serve-coneter-floor3-scroll>.carousel>.carousel-inner>.item>ul>li{
			float: left;
			text-align:center;
			width:200px;
		}
		.serve-coneter-floor3>.serve-coneter-floor3-scroll>.carousel>.carousel-inner>.item>ul>li>img{
			max-width:186px;
			width: auto;
			max-height:116px;
			height: auto;
			margin: 7px 7px 0px 7px;
		}
		.serve-coneter-floor3>.serve-coneter-floor3-scroll>.carousel>.carousel-inner>.item>ul>li>.title{
			text-align: center;
			color: #666666;
			font-size: 14px;
			line-height: 25px;
		}
	.serve-coneter-floor3>.serve-coneter-floor3-scroll>.carousel>.carousel-inner>.item>ul>li>.title:hover{
		color:#d70c19;
	}
		/*****************/
		.Customer{
			height: 450px;
			width: 100%;
			background-color: #f2f2f2;
		}
		.Customer>.Customer-scorll{
			height: 100%;
			width: 1200px;
			margin:0px auto;
		}
		.Customer>.Customer-scorll>.title{
			padding: 60px 0px 40px 0px;
			line-height: 40px;
			font-size: 24px;
			text-align: center;
			color: #333333;
		}
		.Customer>.Customer-scorll>.carousel{
				height: calc(100% - 140px);
				width: 100%;
		}
		.Customer>.Customer-scorll>.carousel>.carousel-indicators{
			bottom:4px;
		}
		.Customer>.Customer-scorll>.carousel>.carousel-inner{
			height: 100%;
			width: 100%;
		}
		.Customer>.Customer-scorll>.carousel>.carousel-inner>.item{
			height: 100%;
			width: 100%;
		}
		.Customer>.Customer-scorll>.carousel>.carousel-inner>.item>.title{
			font-size: 24px;
			text-align: center;
			color:#333333;
			padding: 60px 0px 25px 0px;
			line-height: 40px;
		}
		.Customer>.Customer-scorll>.carousel>.carousel-indicators>li{
			border:1px solid #0c4376;
			background-color: #ffffff;
			margin: 3px 0px;
			margin-left: 13px;
	        height: 12px;
	        width: 12px;
			border-radius: 50%;
		}
		.Customer>.Customer-scorll>.carousel>.carousel-indicators>li.active{
			background-color: #0c4376;
		}
		.Customer-pictuer{
			width: 1200px;
			margin: 0px auto;
			height: 270px;
		}
		.Customer-pictuer>ul>li{
			float: left;
			width: 200px;
			height: 70px;
			margin-top: 15px;
			border: 1px solid #E6E6E6;
			border-left: none;
		}
		.Customer-pictuer>ul>li:first-child{
			border-left: 1px solid #e6e6e6;
		}
		.Customer-pictuer>ul>li:nth-child(7){
			border-left: 1px solid #e6e6e6;
		}
		.Customer-pictuer>ul>li:nth-child(13){
			border-left: 1px solid #e6e6e6;
		}
		.Customer-pictuer>ul>li>.pictuer{
			height: 100%;
			width: 100%;
		}
		.Customer-pictuer>ul>li>.pictuer>img{
			height: 100%;
			width: 100%;
		}
		
		/**************************/
		.case{
			width: 100%;
			margin: 0px auto;
		}
		.case_con{
			width: 1200px;
			margin: 0px auto;
		}
		.case_con>.title{
			padding: 60px 0px 40px 0px;
			line-height: 40px;
			font-size: 24px;
			text-align: center;
			color: #333333;
		}
		.case_con>ul>li{
			float: left;
			margin: calc(5px / 2);
		}
		.case_con>ul>li>.picture{
			width: 395px;
			height: 226px;
			
		}
		.case_con>ul>li>.picture>a{
			display: inline-block;
			height: 100%;
			width: 100%;
		}
		.case_con>ul>li>.picture>a>img{
			width: 100%;
			height: 100%;
			border:1px solid #CCCCCC;
			box-sizing: border-box;
		}
		.case_con>ul>li>.picture>a>img:hover{
			cursor: pointer;
		}
		.case_con>ul>li>.txt{
			margin-bottom: 10px;
		}
		.case_con>ul>li>.txt>.title{
			width: 280px;
		}
		.case_con>ul>li>.txt>.title>.p2{
			word-break:break-all;
		}
		.case_con>ul>li>.txt>.title>.p1{
			font-size: 16px;
			color:#333333;
			font-weight: bold;
			padding-top: 20px;
		}
		.case_con>ul>li>.txt>.title>.p1>a{
			color:#333333;
		}
		.case_con>ul>li>.txt>.title>.p1>a:hover{
			color:#d70c19;
		}
		.case_con>ul>li>.txt>.title>.active{
			color:#d70c19;
		}
		.case_con>ul>li>.txt>.title>.p2{
			font-size: 12px;
			color:#666666;
		}
		.case_con>ul>li>.txt>.title>.active{
			color:#d70c19;
		}
		.case-btn{
			text-align: center;
			margin: 30px 0px 40px 0px;
		}
		.case-btn>a{
			display: inline-block;
			height: 40px;
			width: 150px;
			text-align: center;
			line-height: 38px;
			font-size: 14px;
			color:#0e528C;
			background-color:#0e528C;
			border-radius: 22px;
			color:#F5F5F5;
			
		}
		.case-btn>a:hover{
			opacity:0.9;
		}
		.Inbtn>span{
			display: inline-block;
			height: 28px;
			width: 80px;
			text-align: center;
			line-height: 24px;
			font-weight: bold;
			font-size: 12px;
			color:#0e528C;
			border:2px solid #0e528C;
			margin-top: 14px;
			border-radius: 14px;
			box-sizing: border-box;
			margin-right: 20px;
			margin-top: 20px;
		}
		.Inbtn>span:hover{
			color:#333;
			background:#0e528C;
		}
		/**************/
		.news{
			width: 100%;
			background-color: #f1f1f1;
			border-top:1px solid #CCCCCC;
		}
		.news-title{
			font-size: 24px;
			color: #333333;
			text-align: center;
			padding: 60px 0px 20px 0px;
			line-height: 40px;
		}
		.news-btn{
			text-align: center;
			padding-bottom: 40px;
		}
		.news-btn>a{
			display: inline-block;
			height: 40px;
			width: 130px;
			text-align: center;
			line-height: 40px;
			font-size: 14px;
			border-radius: 2px;
		}
		.news-btn>a:hover{
			cursor:pointer;
		}
		.news-btn>.a1{
			color: #0e528C;
			background-color: #e6e6e6;
			margin:0px 5px;
		}
		.news-btn>.active{
			color: #f5f5f5;
			background-color: #0e528C;
		}
		.news-con{
			width: 1200px;
			height: 520px;
			margin: 0px auto;
		}
	
		.news-con>.list-block{
			width: 100%;
			height: 520px;
			display: none;
		}
		.news-con>.list-block>.news-con-block{
			width: 100%;
			height: 440px;
		}
		.news-con>.active{
			display: block;
		}
		.news-con-left{
			width: 582px;
		}
		.news-con-left>ul>li{
			border:1px solid #e4e4e4;
			margin-top: 18px;
		}
		.news-con-left>ul>li:nth-child(1){
			margin-top: 0px;
		}
		.news-con-left>ul>li>.block{
			background-color: #ffffff;
			height: 100%;
			width: 100%;
		}
		.news-con-left>ul>li>.block>.picture{
			height: 120px;
			width: 210px;
		}
		.news-con-left>ul>li>.block>.picture>img{
			height: calc(100% + 2px);
			width: 100%;
			position: relative;
			top:-1px;
			right: 1px;
			z-index: 10;
		}
		.news-con-left>ul>li>.block>.text{
			width: 370px;
			position: relative;
			padding: 10px 20px;
			box-sizing: border-box;
			height: 120px;
		}
		.news-con-left>ul>li>.block>.text>.p1{
			font-size: 12px;
			color:#666666;
		}
		.news-con-left>ul>li>.block>.text>.p2{
			font-size: 18px;
			color:#333333;
			font-weight: bold;
			width: 330px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.news-con-left>ul>li>.block>.text>.p2:hover{
			cursor:pointer;
			color:#d70c19;
		}
		.news-con-left>ul>li>.block>.text>.a1{
			position: absolute;
			bottom: 10px;
			right: 20px;
			font-size: 12px;
			display: inline-block;
			height: 28px;
			line-height: 26px;
			width: 90px;
			text-align: center;
			border: 1px solid #0e528C;
			color: #0e528C;
			border-radius: 17px;
		}
		.news-con-left>ul>li>.block>.text>.a1:hover{
			color:#f5f5f5;
			background-color: #0e528c;
		}
		.news-con-right{
			width:618px;
		}
		.news-con-right>ul{
			margin-left: 40px;
		}
		.news-con-right>ul>li{
			height: 40px;
			border-bottom: 1px dashed #CCCCCC;
			position: relative;
			width: 578px;
			padding-left: 10px;
			box-sizing: border-box;
		}
		.news-con-right>ul>li>.s1{
			display: inline-block;
			height: 5px;
			width: 5px;
			line-height: 38px;
			background-color: #a9a9a9;
			margin-right: 10px;
		}
		.news-con-right>ul>li>a{
			line-height: 38px;
			color:#666666;
			font-size: 14px;
			display: inline-block;
			width: 455px;
		}
		.news-con-right>ul>li>a:hover{
			cursor:pointer;
			color:#d70c19;
		}
		.news-con-right>ul>li>.s2{
			line-height: 38px;
			color:#adadad;
			font-size: 12px;
			position: absolute;
			right:10px;
		}
		.news-more-btn{
			text-align: center;
			padding-bottom: 38px;
		}
		.news-more-btn>a{
			display: inline-block;
			width: 400px;
			height: 40px;
			text-align: center;
			background-color: #FFFFFF;
			line-height: 40px;
			color: #666666;
		}
		.news-more-btn>a:hover{
			
			opacity:0.9;
		}
		/*************/
		.serve-left1{
			position:fixed;
			top:500px;
			left:0px;
			width:40px;
			height:180px;
			z-index:100;
			
		}
		.serve-left1:hover{
			cursor:pointer;
		}
		.serve-right1:hover{
			cursor:pointer;
		}
		.serve-left1>.title {
	    width: 100%;
	    background: #083766;
	    border-radius: 4px;
	    height: 100%;
	    font-size: 16px;
	    color: #FFFFFF;
	    text-align: center;
		border-top-left-radius:0px;
		border-bottom-left-radius:0px;
		line-height:18px;
		padding-top:10px;
			box-sizing:border-box;
	}
	.serve-left1>.title>span{
		display:inline-block;
		width:18px;
		margin-top:10px;
	}
	.serve-left1>.title>img{
		width:90%;
	}
	.serve-right1>.title>img{
		width:90%;
	}
	.serve-right1>.title>span{
		display:inline-block;
		width:18px;
		margin-top:10px;
	}
		.serve-right1{
			position:fixed;
			top:500px;
			right:0px;
			width:40px;
			height:180px;
			z-index:100;
		}
			.serve-right1>.title {
	    width: 100%;
	    background: #083766;
	    border-radius: 4px;
	    height: 100%;
	    font-size: 16px;
	    color: #FFFFFF;
	    text-align: center;
		border-top-right-radius:0px;
		border-bottom-right-radius:0px;
		line-height:18px;
		padding-top:10px;
			box-sizing:border-box;
	}
}
@media (max-width:500px) {
	/**************通用式样******************/
	*{
		margin:0px;
		padding:0px;
	}
/**************网页变灰样式  开始******************/
/*	html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
_filter:none;
}*/
/**************网页变灰样式  结束******************/
	body{
		font: 14px/1.5 "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
	}
	ul li{
		list-style:none;
	}
	a{
		text-decoration: none;
	}
	a:hover{
		text-decoration: none;
	}
	.clear:after{
		 clear: both;
	     content: "";
	     display: block;
	     width: 0;
	     height: 0;
	}
	.fl{
		float: left;
	}
	.fr{
		float: right;
	}
	/******/
		.body {
			position: relative;
		}
	
		/***************************/
		.scroll {
			position: relative;
			z-index: 2;
			width: 375px;
			margin: 0px auto;
		}
		.scroll-con > .carousel>.carousel-control{
			background-image:none;
		}
		.scroll-con > .carousel>.left>.glyphicon-chevron-left{
			height: 30px;
			width: 30px;
			background: url(/template/1/xhz/_files/img/left1.png)  no-repeat;
			background-size: 30px 30px;
		}
		.scroll-con > .carousel>.left>.active{
			height: 30px;
			width: 30px;
			background: url(/template/1/xhz/_files/img/left2.png)  no-repeat;
			background-size: 30px 30px;
		}
		.scroll-con > .carousel>.left>.glyphicon-chevron-left:before{
			content:"";
		}
		.scroll-con > .carousel>.right>.glyphicon-chevron-right:before{
			content:"";
		}
		.scroll-con > .carousel>.right>.glyphicon-chevron-right{
			height: 30px;
			width: 30px;
			background-image: url(/template/1/xhz/_files/img/right1.png) ;
			background-repeat: no-repeat;
			background-size: 30px 30px;
		}
		.scroll-con > .carousel>.right>.active{
			height: 30px;
			width: 30px;
			background-image: url(/template/1/xhz/_files/img/right2.png) ;
			background-repeat: no-repeat;
			background-size: 30px 30px;
		}
		.scroll-con > .carousel > .carousel-inner > .item {
			text-align: center;
		}
	
		.scroll-con > .carousel > .carousel-inner > .item > img {
			display: block;
		}
	
		.scroll-con > .carousel > .carousel-indicators {
			padding: 6px 0px;
			border-radius: 50px;
			background: url("/template/1/xhz/_files/img/3.png") no-repeat;
			background-size: 100% 100%;
			box-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
			position: absolute;
			left: 0px;
			right: 0px;
			width: 120px;
			margin: 0px auto;
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1) inset;
			bottom: 10px;
		}
	
		.scroll-con > .carousel > .carousel-indicators > li {
			width: 14px;
			height: 14px;
			margin-left: 4px;
			background-color: #f5f5f5;
			cursor: pointer;
			position: relative;
			top: 2px;
			border: none;
			box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	
		}
	
		.scroll-con > .carousel > .carousel-indicators > li.active {
			background: url("/template/1/xhz/_files/img/8.png") no-repeat;
			background-size: 100% 100%;
			top: 1px;
		}
	
		.notice {
			background-color: rgba(0, 52, 102, 0.9);
			width: 100%;
			height: 80px;
			position: absolute;
			bottom: 0px;
			display: none;
		}
	
		.notice > .notice-con {
			width: 1200px;
			margin: 0px auto;
			height: 100%;
		}
	
		.notice > .notice-con > .title {
			color: #ffffff;
			line-height: 80px;
			width: 60px;
			text-align: center;
			font-size: 18px;
			font-weight: bold;
		}
	
		.notice > .notice-con > .block {
			height: 80px;
			width: 1124px;
			position: relative;
			overflow: hidden;
		}
		.notice > .notice-con > .block>ul{
			position: absolute;
			top:0px;
			width: 100%;
			left: 0px;
		}
		.notice > .notice-con > .block>ul>li{
			float: left;
			height: 80px;
			width: 100%;
		}
		.notice > .notice-con > .block>.border{
			position: absolute;
			height: 12px;
			border-left: 1px solid #2c83d6;
			border-right: 1px solid #05111d;
			z-index: 10;
			top: 34px;
			left:calc(50% - 1px);
		}
		.notice > .notice-con > .block>ul>li>div{
			padding: 0px 30px 0px 30px;
			line-height: 80px;
			width:50%;
		}
		.notice > .notice-con > .block>ul>li>div>span.s1>a{
			font-size: 14px;
			color:#f5f5f5;
		}
	    .notice > .notice-con > .block>ul>li>div>span.s1:hover{
	        cursor:pointer;
			
	    }
		.notice > .notice-con > .block>ul>li>div>span.s1>a:hover{
			color:#d70c19;
		}
		.notice > .notice-con > .block>ul>li>div>span.s2{
			font-size: 12px;
			color:#bfbfbf;
		}
		.notice>.notice-con>.scroll-btn{
			width: 16px;
			height: 80px;
		}
		.notice>.notice-con>.scroll-btn>div:hover{
			cursor: pointer;
		}
		.notice>.notice-con>.scroll-btn>.up1-btn{
			height: 40px;
			width: 100%;
			background: url(/template/1/xhz/_files/img/14.png) no-repeat center 28px;
		}
		.notice>.notice-con>.scroll-btn>.down-btn{
			height: 40px;
			width: 100%;
			background: url(/template/1/xhz/_files/img/15.png) no-repeat center 1px;
		}
		/***************/
		.serve{
			width:100%;
			position:relative;
		}
		.serve-bg{
			position: absolute;
			top:0px;
			width: 100%;
			background-color: #f9f9f9;
			z-index:0;
			border-bottom: 1px solid #dfdfdf;
		}
		.serve-con{
			width: 100%;
			margin: 0px auto;
			position: relative;
		}
		.serve-left{
			display: none !important;
			position: absolute;
			/*left:90px;*/
			top:0px;
			width: 240px;
			height: 571px;
			background-color: #ffffff;
			margin-top: 140px;
			z-index: 40;
			box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
			border-radius: 4px;
		}
	.serve-left>.title-show{
		position: absolute;
		top:6px;
		height: 40px;
		width: 200px;
		left:0px;
		right:0px;
		margin: 0px auto;
		border-radius: 25%;
		box-shadow: 0px 1px 18px #001428;
		z-index: -1;
	}
		.serve-left>.title{
			width: 100%;
			background:#083766;
			border-radius: 4px;
			height: 46px;
			line-height: 46px;
			font-size: 16px;
			color: #FFFFFF;
			text-align: center;
		}
		.serve-left>.title>.hide-img{
			margin-left:10px;
		}
		.serve-left>.title>.hide-img:hover{
			cursor:pointer;
		}
		.serve-left>ul{
			width: 100%;
			margin-top: 10px;
		}
		.serve-left>ul>li{
			height: 122px;
			width: 220px;
			margin: 0px auto;
			margin-top: 5px;
		}
		.serve-left>ul>li>a{
			display: inline-block;
			height: 100%;
			width: 100%;
		}
		.serve-left>ul>li>a>img{
			height: 100%;
			width: 100%;
		}
	    .serve-left>ul>li>a>img:hover{
	        cursor: pointer;
	    }
		.serve-right{
			display: none !important;
			position: absolute;
			/*right:90px;*/
			top:0px;
			z-index: 40;
			width: 240px;
			height: 380px;
			margin-top: 140px;
			box-sizing: border-box;
			background-color: #ffffff;
			box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
			border-radius: 4px;
		}
	.serve-right>.title-show{
		position: absolute;
		z-index: -1;
		top:6px;
		height: 40px;
		width: 200px;
		left:0px;
		right:0px;
		margin: 0px auto;
		border-radius: 25%;
		box-shadow: 0px 1px 18px #001428;
	}
		.serve-right>.title{
			width: 100%;
			background:#083766;
			border-radius: 4px;
			border-radius: 4px;
			height: 46px;
			line-height: 46px;
			font-size: 16px;
			color: #FFFFFF;
			text-align: center;
		}
		.serve-right>.title:hover{
			cursor: pointer;
		}
		.serve-right>.title>.hide-img{
			transform:rotate(180deg);
			margin-left:10px;
		}
		.serve-right>.title>a{
			color:#ffffff;
		}
		.serve-right>form{
			padding: 0px 10px;
		}
		.serve-right>form>.text{
			height: 45px;
			line-height: 45px;
			font-size: 14px;
			flood-color: #666666;
		}
		.serve-right>form>ul{
			margin-top: 10px;
		}
		.serve-right>form>ul>li{
			margin-top: 10px;
		}
		.serve-right>form>ul>li:nth-child(1){
			margin-top: -10px;
		}
		.serve-right>form>ul>li>.form-input{
			height: 70px;
		}
		.serve-right>form>ul>li>.form-input>textarea{
			padding: 10px;
			width: 100%;
			height: 100%;
			resize:none;
			background-color: #f5f5f5;
			border-radius: 3px;
			font-size: 12px;
			text-indent: 24px;
			border:0;
			outline: none;
			box-sizing: border-box;
			color:#cccccc;
		}
		.serve-right>form>ul>li>.input{
			border:0;
			outline: none;
			height: 30px;
			line-height: 30px;
			font-size: 12px;
			padding-left: 30px;
			background-color: #f5f5f5;
			color:#cccccc;
			text-indent: 12px;
			box-sizing: border-box;
			width: 100%;
			border-radius: 3px;
			color: #cccccc;
		}
		.serve-right>form>ul>li>.name{
			background-image: url(/template/1/xhz/_files/img/yonghu.png);
			background-repeat: no-repeat;
			background-size: 16px 16px;
			background-position: 10px 7px;
		}
		.serve-right>form>ul>li>.tel{
			background-image: url(/template/1/xhz/_files/img/dianhua.png);
			background-repeat: no-repeat;
			background-size:16px 16px;
			background-position: 10px 7px;
		}
		.serve-right>form>ul>li>.email{
			background-image: url(/template/1/xhz/_files/img/youxiang.png);
			background-repeat: no-repeat;
			background-size:18px 18px;
			background-position: 10px 7px;
		}
		.serve-right>form>ul>li>.address{
			background-image: url(/template/1/xhz/_files/img/dizhi.png);
			background-repeat: no-repeat;
			background-size:16px 16px;
			background-position: 10px 7px;
		}
		.serve-right>form>ul>li>.btn{
			height: 35px;
			background-color: #0e528c;
			color:#f2f2f2;
			width: 100%;
			font-size: 12px;
			    border: none;
	    border-radius: 4px;
		}
		.serve-right>form>ul>li>.btn:hover{
			background-color: #083766;
		}
		.serve-right>form>ul>li>.btn>.img{
			height: 16px;
			width: 14px;
			margin-left: 10px;
		}
		/***************/
		.serve-center{
			width: 350px;
			position: relative;
			z-index: 1;
			margin: 0px auto;
		}
		.serve-center-floor1>.title{
			font-size: 24px;
			text-align: center;
			color: #333333;
			padding-top: 20px;
			padding-bottom:20px ;
			line-height: 40px;
		}
		.serve-center-floor1>ul>li{
			float: left;
			margin-left: 10px;
			margin-bottom: 10px;
			/* margin-bottom: 10px; */
		}
		.serve-center-floor1>ul>li:nth-child(odd){
			margin-left: 0px;
		}
		.serve-center-floor1>ul>li>.picture{
			height: 170px;
			width: 170px;
		}
		.serve-center-floor1>ul>li>.picture>a{
			display:block;
		height: 100%;
			width:100%;
		}
		.serve-center-floor1>ul>li>.picture>a>img{
			height: 100%;
			width:100%;
		}
		.serve-center-floor1>ul>li>.picture>a>img:hover{
			opacity:0.9;
		}
		.serve-coenter-floor2{
			margin-top: 55px;
		}
		.serve-coenter-floor2>.title{
			text-align: center;
			color:#333333;
			font-size: 24px;
			padding-top: 20px;
			line-height: 40px;
		}
		.serve-coenter-floor2>.introduce{
			margin-top: 30px;
		}
		.serve-coenter-floor2>.introduce>p{
			font-size: 14px;
			color:#999999;
			text-align: center;
			margin: 0px 0px 2px;
		}
		.serve-coenter-floor2>.introduce>p.p3{
			font-size: 14px;
			color:#2f69a1;
			text-align: center;
		}
		.serve-coenter-floor2>.list>ul{
			padding: 0px;
		}
		.serve-coenter-floor2>.list>ul>li{
			float: left;
			width: 170px;
			height: 200px;
			margin-left: 10px;
		}
		.serve-coenter-floor2>.list>ul>li:nth-child(odd){
			margin-left: 0px;
		}
		.serve-coenter-floor2>.list>ul>li>.picture{
			text-align: center;
		}
		.serve-coenter-floor2>.list>ul>li>.picture>img{
			height: 107px;
			width: 107px;
		}
		.serve-coenter-floor2>.list>ul>li>.title{
			text-align: center;
			color: #333333;
			font-weight: bold;
			font-size: 16px;
			padding: 10px;
		}
		.serve-coenter-floor2>.list>ul>li>.num{
			text-align: center;
			color: #666666;
			font-size: 14px;
		}
		.serve-coenter-floor2>.list>ul>li>.num>span{
			font-size: 20px;
			color:#2f69a1;
			position: relative;
			bottom: 1px;
		}
		.serve-coenter-floor2>.list>ul>li>.num>.s1{
			margin-left: 5px;
		}
		.serve-coenter-floor2>.list>ul>li>.num>span.s2{
			font-size: 14px;
			position: relative;
			bottom:15px;
		}
		/******************/
		.serve-coneter-floor3{
			display: none;
			width: 375px;
			height: 206px;
		}
		.serve-coneter-floor3>.serve-coneter-floor3-scroll{
			height: 100%;
			width: 100%;
		}
		.serve-coneter-floor3>.serve-coneter-floor3-scroll>.carousel{
			height: 100%;
			width: 100%;
		}
		.serve-coneter-floor3>.serve-coneter-floor3-scroll>.carousel>.carousel-indicators{
			bottom:8px;
		}
		.serve-coneter-floor3>.serve-coneter-floor3-scroll>.carousel>.carousel-indicators>li{
			border:1px solid #0c4376;
			margin: 3px 0px;
			margin-left: 13px;
			height: 12px;
			width: 12px;
			border-radius: 50%;
		}
		.serve-coneter-floor3>.serve-coneter-floor3-scroll>.carousel>.carousel-indicators>li.active{
			background-color: #0c4376;
		}
		.serve-coneter-floor3>.serve-coneter-floor3-scroll>.carousel>.carousel-inner>.item>ul>li{
			float: left;
			text-align:center;
			width:180px;
			margin-left: 5px;
		}
		.serve-coneter-floor3>.serve-coneter-floor3-scroll>.carousel>.carousel-inner>.item>ul>li:nth-child(odd){
			margin-left: 0px;
		}
		.serve-coneter-floor3>.serve-coneter-floor3-scroll>.carousel>.carousel-inner>.item>ul>li>img{
			max-width:180px;
			width: auto;
			max-height:116px;
			height: auto;
			margin: 7px 7px 0px 7px;
		}
		.serve-coneter-floor3>.serve-coneter-floor3-scroll>.carousel>.carousel-inner>.item>ul>li>.title{
			text-align: center;
			color: #666666;
			font-size: 14px;
			line-height: 25px;
		}
	.serve-coneter-floor3>.serve-coneter-floor3-scroll>.carousel>.carousel-inner>.item>ul>li>.title:hover{
		color:#d70c19;
	}
		/*****************/
		.Customer{
			height: 450px;
			width: 100%;
			background-color: #f2f2f2;
		}
		.Customer>.Customer-scorll{
			height: 100%;
			width: 365px;
			margin:0px auto;
		}
		.Customer>.Customer-scorll>.title{
			padding: 20px 0px 10px 0px;
			line-height: 40px;
			font-size: 24px;
			text-align: center;
			color: #333333;
		}
		.Customer>.Customer-scorll>.carousel{
				height: calc(100% - 140px);
				width: 100%;
		}
		.Customer>.Customer-scorll>.carousel>.carousel-indicators{
			bottom:4px;
		}
		.Customer>.Customer-scorll>.carousel>.carousel-inner{
			height: 100%;
			width: 100%;
		}
		.Customer>.Customer-scorll>.carousel>.carousel-inner>.item{
			height: 100%;
			width: 100%;
		}
		.Customer>.Customer-scorll>.carousel>.carousel-inner>.item>.title{
			font-size: 24px;
			text-align: center;
			color:#333333;
			padding: 60px 0px 25px 0px;
			line-height: 40px;
		}
		.Customer>.Customer-scorll>.carousel>.carousel-indicators>li{
			border:1px solid #0c4376;
			background-color: #ffffff;
			margin: 3px 0px;
			margin-left: 13px;
	        height: 12px;
	        width: 12px;
			border-radius: 50%;
		}
		.Customer>.Customer-scorll>.carousel>.carousel-indicators>li.active{
			background-color: #0c4376;
		}
		.Customer-pictuer{
			width: 375px;
			margin: 0px auto;
			height: 270px;
		}
		.Customer-pictuer>ul>li{
			float: left;
			width: 180px;
			height: 70px;
			margin-top: 15px;
			border: 1px solid #E6E6E6;
		}
		.Customer-pictuer>ul>li:nth-child(n+7){
			display: none;
		}
		.Customer-pictuer>ul>li:first-child{
			border-left: 1px solid #e6e6e6;
		}
		.Customer-pictuer>ul>li:nth-child(7){
			border-left: 1px solid #e6e6e6;
		}
		.Customer-pictuer>ul>li:nth-child(13){
			border-left: 1px solid #e6e6e6;
		}
		.Customer-pictuer>ul>li>.pictuer{
			height: 100%;
			width: 100%;
		}
		.Customer-pictuer>ul>li>.pictuer>img{
			height: 100%;
			width: 100%;
		}
		
		/**************************/
		.case{
			width: 100%;
			margin: 0px auto;
		}
		.case_con{
			width: 350px;
			margin: 0px auto;
		}
		.case_con>.title{
			padding: 20px 0px 10px 0px;
			line-height: 40px;
			font-size: 24px;
			text-align: center;
			color: #333333;
		}
		.case_con>ul>li{
			float: left;
			width: 350px;
		}
		.case_con>ul>li>.picture{
			width: 350px;
			height: 226px;
			
		}
		.case_con>ul>li>.picture>a{
			display: inline-block;
			height: 100%;
			width: 100%;
		}
		.case_con>ul>li>.picture>a>img{
			width: 100%;
			height: 100%;
			border:1px solid #CCCCCC;
			box-sizing: border-box;
		}
		.case_con>ul>li>.picture>a>img:hover{
			cursor: pointer;
		}
		.case_con>ul>li>.txt{
			margin-bottom: 10px;
		}
		.case_con>ul>li>.txt>.title{
			width: 250px;
		}
		.case_con>ul>li>.txt>.title>.p2{
			word-break:break-all;
		}
		.case_con>ul>li>.txt>.title>.p1{
			font-size: 16px;
			color:#333333;
			font-weight: bold;
			padding-top: 20px;
		}
		.case_con>ul>li>.txt>.title>.p1>a{
			color:#333333;
		}
		.case_con>ul>li>.txt>.title>.p1>a:hover{
			color:#d70c19;
		}
		.case_con>ul>li>.txt>.title>.active{
			color:#d70c19;
		}
		.case_con>ul>li>.txt>.title>.p2{
			font-size: 12px;
			color:#666666;
		}
		.case_con>ul>li>.txt>.title>.active{
			color:#d70c19;
		}
		.case-btn{
			text-align: center;
			margin: 30px 0px 40px 0px;
		}
		.case-btn>a{
			display: inline-block;
			height: 40px;
			width: 150px;
			text-align: center;
			line-height: 38px;
			font-size: 14px;
			color:#0e528C;
			background-color:#0e528C;
			border-radius: 22px;
			color:#F5F5F5;
			
		}
		.case-btn>a:hover{
			opacity:0.9;
		}
		.Inbtn>span{
			display: inline-block;
			height: 28px;
			width: 80px;
			text-align: center;
			line-height: 24px;
			font-weight: bold;
			font-size: 12px;
			color:#0e528C;
			border:2px solid #0e528C;
			margin-top: 14px;
			border-radius: 14px;
			box-sizing: border-box;
			margin-right: 20px;
			margin-top: 20px;
		}
		.Inbtn>span:hover{
			color:#333;
			background:#0e528C;
		}
		/**************/
		.news{
			width: 100%;
			background-color: #f1f1f1;
			border-top:1px solid #CCCCCC;
		}
		.news-title{
			font-size: 24px;
			color: #333333;
			text-align: center;
			padding: 60px 0px 20px 0px;
			line-height: 40px;
		}
		.news-btn{
			text-align: center;
			padding-bottom: 40px;
		}
		.news-btn>a{
			display: inline-block;
			height: 40px;
			width: 130px;
			text-align: center;
			line-height: 40px;
			font-size: 14px;
			border-radius: 2px;
		}
		.news-btn>a:hover{
			cursor:pointer;
		}
		.news-btn>.a1{
			color: #0e528C;
			background-color: #e6e6e6;
			margin:0px 5px;
		}
		.news-btn>.active{
			color: #f5f5f5;
			background-color: #0e528C;
		}
		.news-con{
			width: 365px;
			margin: 0px auto;
		}
	
		.news-con>.list-block{
			width: 100%;
			display: none;
		}
		.news-con>.list-block>.news-con-block{
			width: 100%;
		}
		.news-con>.active{
			display: block;
		}
		.news-con-left{
			width: 360px;
			padding: 0px 5px;
			box-sizing: border-box;
		}
		.news-con-left>ul>li{
			border:1px solid #e4e4e4;
			margin-top: 18px;
		}
		.news-con-left>ul>li:nth-child(1){
			margin-top: 0px;
		}
		.news-con-left>ul>li>.block{
			background-color: #ffffff;
			height: 100%;
			width: 100%;
		}
		.news-con-left>ul>li>.block>.picture{
			height: 120px;
			width: 145px;
		}
		.news-con-left>ul>li>.block>.picture>img{
			height: calc(100% + 2px);
			width: 100%;
			position: relative;
			top:-1px;
			right: 1px;
			z-index: 10;
		}
		.news-con-left>ul>li>.block>.text{
			width: 200px;
			position: relative;
			padding: 10px 10px;
			box-sizing: border-box;
			height: 120px;
		}
		.news-con-left>ul>li>.block>.text>.p1{
			font-size: 12px;
			color:#666666;
		}
		.news-con-left>ul>li>.block>.text>.p2{
			font-size: 18px;
			color:#333333;
			font-weight: bold;
			width: 180px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.news-con-left>ul>li>.block>.text>.p2:hover{
			cursor:pointer;
			color:#d70c19;
		}
		.news-con-left>ul>li>.block>.text>.a1{
			position: absolute;
			bottom: 10px;
			right: 20px;
			font-size: 12px;
			display: inline-block;
			height: 28px;
			line-height: 26px;
			width: 90px;
			text-align: center;
			border: 1px solid #0e528C;
			color: #0e528C;
			border-radius: 17px;
		}
		.news-con-left>ul>li>.block>.text>.a1:hover{
			color:#f5f5f5;
			background-color: #0e528c;
		}
		.news-con-right{
			width:360px;
			padding: 0px 5px;
			box-sizing: border-box;
		}
		.news-con-right>ul{
			margin-left: 0px;
		}
		.news-con-right>ul>li{
			height: 40px;
			border-bottom: 1px dashed #CCCCCC;
			position: relative;
			width: 350px;
			padding-left: 0px;
			box-sizing: border-box;
		}
		.news-con-right>ul>li>.s1{
			display: inline-block;
			height: 5px;
			width: 5px;
			line-height: 38px;
			background-color: #a9a9a9;
			margin-right: 10px;
			    position: relative;
			    bottom: 16px;
		}
		.news-con-right>ul>li>a{
			line-height: 38px;
			color:#666666;
			font-size: 14px;
			display: inline-block;
			width: 260px;
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
		}
		.news-con-right>ul>li>a:hover{
			cursor:pointer;
			color:#d70c19;
		}
		.news-con-right>ul>li>.s2{
			line-height: 38px;
			color:#adadad;
			font-size: 12px;
			position: absolute;
			right:10px;
		}
		.news-more-btn{
			text-align: center;
			padding-bottom: 38px;
		}
		.news-more-btn>a{
			display: inline-block;
			width: 365px;
			height: 40px;
			text-align: center;
			background-color: #FFFFFF;
			line-height: 40px;
			color: #666666;
		}
		.news-more-btn>a:hover{
			
			opacity:0.9;
		}
		/*************/
		.serve-left1{
			position:fixed;
			top:500px;
			left:0px;
			width:40px;
			height:180px;
			z-index:100;
			display: none !important;
			
		}
		.serve-left1:hover{
			cursor:pointer;
		}
		.serve-right1:hover{
			cursor:pointer;
		}
		.serve-left1>.title {
	    width: 100%;
	    background: #083766;
	    border-radius: 4px;
	    height: 100%;
	    font-size: 16px;
	    color: #FFFFFF;
	    text-align: center;
		border-top-left-radius:0px;
		border-bottom-left-radius:0px;
		line-height:18px;
		padding-top:10px;
			box-sizing:border-box;
	}
	.serve-left1>.title>span{
		display:inline-block;
		width:18px;
		margin-top:10px;
	}
	.serve-left1>.title>img{
		width:90%;
	}
	.serve-right1>.title>img{
		width:90%;
	}
	.serve-right1>.title>span{
		display:inline-block;
		width:18px;
		margin-top:10px;
	}
		.serve-right1{
			position:fixed;
			top:500px;
			right:0px;
			width:40px;
			height:180px;
			z-index:100;
			display: none !important;
		}
			.serve-right1>.title {
	    width: 100%;
	    background: #083766;
	    border-radius: 4px;
	    height: 100%;
	    font-size: 16px;
	    color: #FFFFFF;
	    text-align: center;
		border-top-right-radius:0px;
		border-bottom-right-radius:0px;
		line-height:18px;
		padding-top:10px;
			box-sizing:border-box;
	}
}<!--0.00022006034851074-->