.main-pro-center {
	margin: auto;
	height: auto;
}

.main-pro-left {
	float: left;
	width: 21%;
	height: auto;
	background-image: url(../images/cp.png);
	background-repeat: no-repeat;
	background-size: 100% auto;	
}

		.main-pro-left dl {
			width: 100%;
			height: auto;
			margin: auto;
		}
		
		.main-pro-left dt {
			width: 100%;
			height: 9rem;
			text-align: center;	
		}
		
		.main-pro-left dt h3 {
			font-size: 206%;
		    padding-top: 2.6rem;
		    margin-left: 15%;
		    line-height: 1.4rem;
		    color: #fff;
		    font-weight: 100;
		}
		
		.main-pro-left dt span {
			font-style: normal;
			font-size: 45%;
		}
		
		.main-pro-left dd {
			display: block;
			margin: 0;
			padding: 0;
			margin-top: 0.6rem;
		    margin-bottom: 1.1rem;
		    text-align: left;
		    padding-left: 3rem;
			background-image: url(../images/p.png);
			background-repeat: no-repeat;
			background-size: 82% 100%; 
			background-position: center center;
			height: 2.5rem;
			line-height: 2.5rem;
			position: relative;
		}
		
		.main-pro-left dd a { color: #fff; }
		
		.main-pro-left dd:before {
			content: "";
			position: absolute;
			top: 0.7rem;
		    left: 0.3rem;
		    width: 2rem;
		    height: 1rem;
			background-color: #FCA204;
			visibility: hidden;
		}
		
		.main-pro-left dd:hover:before {
			content: "";
			visibility: visible;
		}
		
		.main-contact {
			background-image: url(../images/1527123304318779.png);
			background-repeat: no-repeat;
		    background-size: 95% auto;
		    background-position: center top;
		    height: auto;
		    padding-top: 6.3rem;
		}
		
		.main-contact a {
			display: block;
		    width: 48%;
		    margin: auto;
		    height: 2.3rem;
		    line-height: 2.3rem;
		    font-size: 95%;
		    color: #fff;
		    text-align: center;
		    outline-offset: -6px;
		    outline: 1px #fff solid;
		    background-color: #0070B7;
		}
		
.main-pro-right {
	width: 78%;
	float: right;
}

		.main-pro-right ul {
			list-style: none;
			padding: 0;
			margin: 0;
			overflow: hidden;
			height: auto;
		}
		
		.main-pro-right ul li {
			width: 16.5rem;
			height: 14.5rem;
			margin: 0.4rem;
			float: left;
			position: relative;
			text-align: center;	
			border: 1px solid;
			overflow: hidden;
		}
		
		.main-pro-right ul li img {
			height: 100%;
			margin:0 auto;
			position: relative;
			text-align: center;
			line-height: 1.5rem;
		}
		
		.main-pro-right ul li p {
			text-align: center;
			font-size: 110%;
			line-height: 2.5rem;
		}
		
		.warmp {
			position: absolute;
			width: 100%;
		    height: 100%;
			text-align: center;
			display: none;
			top: 0;
			left: 0;
			right: 0;
			background-color: rgba(30,128,255,0.6);
		}
		
		.warmp a { color: #fff;}
		
		.main-pro-right ul li:hover .warmp {
			display: block;
		}
		
		.warmp p {
			position: absolute;
			top: 3rem;
			width: 80%;
			left: 10%;
			line-height: 1.7rem !important;
		    font-size: 1.5rem;
			text-align: center;
		}
		
		.btnbox {
			position: absolute;
			bottom: 3rem;
			width: 90%;
			left: 5%;
			display: flex;
			text-align: center;
			justify-content: space-between;
		}
		
		.btnbox a {
			display: block;
			width: 45%;
			text-align: center;
			line-height: 2rem;
			border: 1px #fff solid;
		}

.main-youshi {
	margin: auto;
	background-image: url(../images/box2.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 21rem;
	padding: 3rem 0;
	
}

.main-ys-left,.main-ys-right {
	float: left;
	width: 50%;
	height: 21rem;
	margin-top: 1rem;
    overflow: hidden;
}

.main-ys-left dl {
	margin: auto;
	color: #fff;
	
}

		.main-ys-left dt {
			background-image: url(../images/sz1.png);
			background-repeat: no-repeat;
			padding-left: 3rem;
		}
		
		.main-ys-left dt h2 ,
		.main-ys-right dt h2,
		.main-ys-right dd h2 {
			font-size: 143%;
    		line-height: 1.5rem;    
			margin-bottom: 1rem;
			font-weight: 200;
		}
		
		.main-ys-left dt h2 small  {
			font-weight: 100;
			font-size: 65%;
		}
		
		.main-ys-left dt p {
			background-image: url(../images/pp.png);
			background-repeat: no-repeat;
		    padding-left: 1.3rem;
		    line-height: 1.5rem;
		    background-size: 0.9rem;
		    background-position: left 0.4rem;
		    font-size: 110%;
		}
		
		.call-line {
			border: 1px #fff solid;
			height: 2rem;
			line-height: 2rem;
			width: 70%;
			margin-top: 2rem;
		}
		
		.call-line em {
			font-style: normal;
			display: block;
			font-size: 97%;
			text-align: center;
			width: 30%;
			height: 100%;
			float: left;
			text-align: center;
			background: #FFFFFF;
			color: #0070B7;
		}
		
		.call-line b {
			display: inline-block;
			width: 70%;
			background: none;
			color: #fff;
			text-align: center;	
		}
		
		.main-ys-left hr {
			border-style: none;
			background: none;
			width: 5rem;
			height: 1px;
			background-color: #fff;
			margin: 2rem 0;
		}
		
		.main-ys-left dd {
			display: block;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}

.main-ys-right {background-color: #eee;}

.main-ys-right dl {	
	height: 29rem;
	overflow: hidden;
}

		.main-ys-right dt {
			background-image: url(../images/sz2.png);
			background-repeat: no-repeat;
			padding-left: 3rem;
		}
		
		.main-ys-right dt h2 small,
		.main-ys-right dd h2 small {
			font-weight: 100;
			font-size: 65%;
			color: #828383;
		}
		
		.main-ys-right dt p ,
		.main-ys-right dd p {
			background-image: url(../images/px.png);
			background-repeat: no-repeat;
		    padding-left: 1.3rem;
		    line-height: 1.5rem;
		    background-size: 0.9rem;
		    background-position: left 0.4rem;
		    font-size: 110%;
		}
		
		.pic {
			margin-top: 2rem;
			margin-bottom: 2rem;
		}
		
		.main-ys-right dd {
			background-image: url(../images/sz3.png);
			background-repeat: no-repeat;
			padding-left: 3rem;
			display: block;
			margin: 0;
			margin-top: 1rem;
		}

.main-hexin {
	padding: 1rem 0;
	margin: auto;
}

		.main-hx-flex {
			margin: auto;
			display: flex;
			justify-content: space-between;
			flex-flow: row;
			flex-wrap: nowrap;
			-webkit-flex-flow: row;
			-webkit-flex-wrap: nowrap;
		}
		
		.main-hx-flex dl {
			width: 22%;
		    height: 19rem;
			float: left;
			position: relative;
		}
		
		.main-hx-flex dt {
			position: absolute;
			top: 1.5rem;
			left: 0;
			right: 0;
			height: 9rem;
			text-align: center;
			line-height: 0;
		}
		
		.hx-pic2 {
			display: none;
		}
		
		.main-hx-flex dl:hover .hx-pic1 { visibility: hidden;}
		
		.main-hx-flex dl:hover .hx-pic2 {display: block; }
		
		.main-hx-flex dd {
			position: absolute;
			display: block;
			top: 11rem;
			width: 100%;
			text-align: center;
		}
		
		.main-hx-flex dd h3 {
			font-size: 1.1rem;
			color: #333;
		}
		
		.main-hx-flex dd p {
			width: 80%;
			text-align: center;
			margin: auto;
			margin-top: 1rem;
		    font-size: 1rem;
		    color:#666666;
		}
		
.main-show {
	background-image: url(../images/c4.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 128% auto;
	height: 21rem;
}
		
		.box {
			height: 21rem;
			width: 100%;
			overflow: hidden;
		}
		.freambox{
			overflow: hidden;
		}
		#demo {
			width: 2450px;
			height: 21rem;		
		}
		
		
		#demo ul {
			list-style: none;
			max-width: 1400px;
		}
		
		#demo ul li {
                        overflow: hidden;
			text-align: center;
			width: 14.7rem;
    		height: 10.4rem;
    		float: left;
    		margin: 0.3rem;
    		margin-top: 0;
    		position: relative;
		}
		
		#demo ul li img {
			height: 100%;
		}
		
		#demo ul li p {
			background-color: rgba(0,0,0,0.5);
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			line-height: 2rem;
			text-align: center;
		}
		
		#demo ul li a { color: #fff;}
		
		#demo1,#demo2 {
			float: left;
			width:1225px;
		}

.main-ab {
	margin: auto;
	height: auto;
}

		.main-ab-content {
			width: 100%;
			height: 20rem;
			box-shadow: 11px 3px 30px rgba(226,226,226,0.7);
		}

		.main-ab-content dl {
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
		
		.main-ab-content dt {
			float: left;
			width: 45%;
			height: 100%;
		}
		
		.main-ab-content dd {
			width: 48%;
			height: 100%;
			display: block;
			margin: 0;
			padding: 0;
			padding-left: 7%;
			float: left;
			background-image: url(../images/ab.png)  ;
			background-repeat: no-repeat;
			background-size: 102% 105%;
		    background-position: left center;
		}
		
		.main-ab-content dd h2 {
			font-weight: 200;
			margin-top: 2rem;
		}
		
		.main-ab-content dd h2 small {
			font-size: 70%;
			color: #828383;
			font-style: normal;
			font-weight: 100;	
			font-family: arial;
		}
		
		.main-ab-content dd p {
			color: #828383;
			font-size: 94%;
		    line-height: 1.5rem;	
		    margin-top: 1rem;
		    width: 87%;
		}
		
		.btn-more {
			width: 10rem;
			height: 2rem;
			background-color: #f27f18;
			text-align: center;
			line-height: 2rem;
			float: right;
			margin-right: 12%;
		    margin-top: 0.5rem;
		}
		
		.btn-more a {
			color: #fff;
			font-size: 90%;
		}

.main-news {
    margin: auto;
	margin-top: 1rem;
	padding: 0;
}

.main-news-list {
	display: flex;
	flex-flow: row ;
	flex-wrap: nowrap;
	justify-content: space-between;
	
	-webkit-flex-flow: row ;
	-webkit-flex-wrap: nowrap;
}

.news-list-1 {
	width: 31%;
	height: auto;
	float: left;
}

.new-top {
	height: 2rem;
	width: 100%;
	line-height: 2rem;
	margin-bottom: 1rem;
	font-family: "microsoft yahei";
}

		.new-top p {
			display: block;
			height: 2rem;			
			border-bottom: 1px #0070B7 solid;	
		}
		
		.new-top b {
			display: block;
			float: left;
			width: 23%;
			margin-left: 5px;
		    height: 2rem;
			line-height: 2.2rem;
			font-size: 100%;
			position: relative;
			text-align: center;
		}
		
		.new-top b:before {
			content: "";
			width: 100%;	
			height: 4px;
			background-color: #0070B7;
			position: absolute;
			top: 1.9rem;
			left: 0;
			right: 0;
		}
		
		.new-top span {
			display: block;
			float: right;	
			width: 73%;
			font-size: 80%;
			line-height: 2.5rem;
			color: #828383;
		}
		
		.new-top span em {
			font-style: normal;
		    float: right;
		    margin-right: 7px;
		}
		
		.new-top span a { color: #333333;}


.news-list-1 dl {
	margin: auto;
	width: 100%;
	margin-top: 2rem;
}

.news-list-1 dt ,.icon-img {
	width: 100%;
    height: 7.5rem;
    overflow: hidden;
}

.news-list-1 dd {
	display: block;
	margin: 0;
	height: 2.3rem;
    line-height: 2.3rem;
    font-size: 80%;
	background-image: url(../images/li.png);
	background-repeat: no-repeat;
	background-position: left center;
    padding-left: 0.7rem;
	border-bottom: 1px #828383 dashed;
}

#wen-da {
	border: none;
	height: auto;
	border-bottom: 0;	
	height: 11.5rem;
	overflow: hidden;
	background-image: none;
	margin-top: 0.5rem;
}

.kj {
	margin: 0;
	padding: 0;
}

.list-wen {
	height: auto;
	width: 95%;
	margin: auto;
	font-size: 1.1rem;
	
	border-bottom:1px #828383 dashed;
	clear: both;
}

.wen {
	background-image: url(../images/wen.png);
	background-repeat: no-repeat;
	background-position: left 0.5rem;
	padding-left: 1.9rem;
	font-size: 90%; 
	line-height: 2.1rem;
}

.da {
	background-image: url(../images/da.png);
	background-repeat: no-repeat;
	background-position: left 0.5rem;
	padding-left: 1.9rem;
	font-size: 90%;
	line-height: 2rem;
	color: #828383;
}