html { font-size: 16px;}

body { font-family: "microsoft yahei"; 
		min-width: 1200px; 
		max-width: 1980px;
		margin: auto; 
		padding: 0;}

h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd { margin: 0; padding: 0;}

a { text-decoration: none; color: #000;}

img { border: 0;}

.clear { clear: both;overflow: hidden;}

.freambox { 
	max-width: 1200px;
	width: 80%; 
	height: auto; 
	margin: auto; 
}

.top {
	width: auto;
	margin: auto;
	height: 6rem;
	overflow: hidden;
}

		.main-top-logo {
			float: left;
			height: 4rem;
			margin-top: 1rem;
		}
		
		.main-top-tel {
		    display: inline-block;
		    float: right;
		    background-image: url(../images/1526961253493574.png);
		    background-repeat: no-repeat;
		    background-size: auto 100%;
		}
		
		.main-top-tel p {
			display: inline-block;
			padding-left: 2rem;
		    margin-top: 0.5rem;
		    font-size: 0.9rem;    
		}
		
		.main-top-tel p b {
			color: #007AFF;
			font-size: 1.5rem;
		    line-height: 1.7rem;
		}

.menu {
	height: 3rem;
	margin: 0;
	background: #0070b7;
}

.menu ul {
	list-style: none;
}

		.menu ul li {
		    display: inline-block;
		    width: 13.9%;
		    line-height: 3rem;
		    text-align: center;
		    position: relative;
		}
		
		.menu ul li:after {
			content: "-";
			position: absolute;
			top: 0;
			right: 0rem;
			color: #fff;
			z-index: 10;
		}
		
		.menu ul li:last-child:after {
			content: "";
		}
		
		.menu ul li a {	color: #fff;}
		
		.menu ul li:hover {
			background-color: #fca204;
		}
		
		.menu ul li:hover:after {
			content: "";
		}

.main-position {
	margin: auto;
	height: 2rem;
	line-height: 2rem;
}

		.main-position p {
			font-size: 90%;
			color: #828383;
		}
		
		.main-position p a {
			color: #828383;
			margin-right: 8px;
		}
		
.main {
	margin: auto;
	padding: 0;
}

.main-title {
	width: 50%;
	text-align: center;
	height: auto;
	margin: auto;
	margin-top: 1rem;
	margin-bottom: 2rem;
}

		.main-title h2 {
			font-size: 226%;
			text-align: center;
			line-height: 3rem;
			position: relative;
		}
		
		.main-title h2 em {
			font-style: normal;
			color: #F27F18;
		}
		
		.main-title h2:before {
			content: "";
			position: absolute;
			width: 3rem;
		    height: 1px;
		    top: 1.8rem;
		    left: 0;
			background-color: #000;
		}
		
		.main-title h2:after {
			content: "";
			position: absolute;
			right: 0;
			width: 3rem;
		    height: 1px;
		    top: 1.8rem;
			background-color: #000;
		}
		
		.main-title span {
			font-family: arial;
			font-size: 108%;
			color: #828383;
		}

.foot {
	background-image: url(../images/ffs.png);
	background-repeat: no-repeat;
	background-size: 112rem auto;
	background-position: center top;
	margin: auto;
	height: 15rem;
	overflow: hidden;
	margin-top: 1.5rem;
}

.ft-left {
	float: left;
	width: 65%;
	height: 100%;
	overflow: hidden;
}

.ft-nav {
	width: 100%;
	height: auto;
	margin-top: 2rem;
}

		.ft-nav ul {
			list-style: none;
			display: flex;
			justify-content: space-between;
			flex-flow: row nowrap;
			-webkit-flex-flow: row  nowrap;
		}
		
		.ft-nav ul li {
			display: inline-block;
			padding: 0 1rem;
		}
		
		.ft-nav ul li a,.foot a { color: #fff;}

.ft-info {
	margin: auto;
	margin-top: 1.5rem;
}

		.ft-info dt {
			float: left;
			width: 26%;
			margin-right: 1%;
			text-align: center;
		}
		
		.ft-info dd {
			display: block;
			float: left;
			width: 70%;
		}
		
		.ft-info dd p {
			margin-left: 2rem;
			font-size: 92%;
			color: #fff;
			line-height: 1.5rem;
		}

.ft-right {
	float: right;
	width: 34%;
	height: 100%;
}

		.ft-right p {
			font-size: 80%;
			line-height: 2rem;
			color: #fff;
			margin-left: 5%;
			padding-left: 1.5rem;
		}
		
		.tel {
			background-image: url(../images/tel.png);
			background-position: left center;
			background-repeat: no-repeat;
			margin-top: 5rem;
		}
		
		.mail {
			background-image: url(../images/mail.png);
			background-position: left center;
			background-repeat: no-repeat;
		}
		
		.add {
			background-image: url(../images/add.png);
			background-position: left center;
			background-repeat: no-repeat;
		}

.menu2,.prolist{
	display: none;
	width: 100%;
	background: #0070b7;
}
.freambox2{
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
	list-style: none;
	position: relative;
	z-index: 99;
}
.freambox2 li{
	width: 33%;
	float: left;
	text-align: center;
}
.freambox2 li a{
	color: #FFFFFF;	
	display: inline-block;
	padding: 0.6rem 4rem;
	margin: 0.5rem 0;
	border: 1px solid #FFF;
}
.menubtn{
	display: none;
    float: right;
    width: 3rem;
    margin-right: 2rem;
    margin-top: 2rem;
    cursor: pointer;
}
.menubtn span{
	display: block;
	width: 100%;
	height: 5px;
	margin: 10px auto;
	background-color: #000000;
}
.menubg{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 98;
	width: 100%;
	height: 100%;
}
.m-prilist{
	display: none;
}
.m-logo{
	display: none;
}
@media screen and (max-width: 1025px) {
	
	body{
		min-width:100%;
	}
	
	.main-position{
		display: none;
	}
	
	.menu,.ft-nav{
		display: none;
	}
	
	.m-prolist{
		display: block;
	}
	
	.pc-prolist{
		display: none;
	}
	
	.freambox2 li a {
    	padding: 0.6rem 5rem;
    }
    .protitlelist{
		width: 34%;
    }
	.main-top-tel{
		display: none;
	}
	.freambox2{
		width: 100%;
	}
	
	.freambox2 li {
    	width: 25%;
    }
    
	.menubtn{
		display: block;
	}
	
	.freambox{
		width: 100%;
	}
	
	.top .freambox{
		width: 85%;
	}
	
	.main-title h2 {
    	font-size: 190%;
    }
    
    .main-ab-content {
	    height: 22rem;
    }
    .foot{
    	height: 10rem;
  		background-size: 100rem auto;
    }
    .tel{
    	margin-top: 2rem;
    }
    .ft-info {
   		margin-top: 1.2rem;
    }
    .main-pro-left dt h3 {
	    font-size: 120%;
	    padding-top: 1.6rem;
	}
	.main-prolist {
	    width: 86%;
	    float: none;
	    margin: 0 auto;
    	overflow: hidden;
	}
}
@media screen and (max-width: 835px) {
	.top .freambox {
	    width: 97%;
	}
	.freambox2 li a {
    	padding: 0.6rem 4rem;
    }
    .main-ab-content {
	    height: 23rem;
    }
    .ft-right p {
    	line-height: 1.5rem;
    }
    .tel{
    	margin-top: 1rem;
    }
    .ft-info dd p {
	    margin-left: 0;
	    font-size: 68%;
	}
	.ft-info {
   		margin-top: 1rem;
    }
    .foot {
	    height: 8rem;
  		background-size: 80rem auto;
	}
	.main-prolist {
	    width: 71%;
	}
}
@media screen and (max-width: 769px) {
	.top .freambox {
	    width: 100%;
	}
	.main-top-tel{
		display: none;
	}
	.menubtn{
		display: block;
	}
	.freambox2 li a {
    	padding: 0.6rem 3rem;
    }
    .protitlelist{
		width: 46%;
    }
    .main-youshi{
    	font-size: 0.8rem;
    }
    .main-youshi {
    	height: 27rem;
    }
    .main-ab-content {
	    height: 24rem;
    }
    .new-top{
    	font-size: 0.8rem;
    }
    .da{
    	font-size: 70%;
    }
    .ft-info {
   		margin-top: .8rem;
    }
    .ft-info dd p {
	    margin-left: 0;
	    font-size: 62%;
	}
    .foot {
	    height: 7rem;
	    background-size: 70rem auto;
	}
	.main-prolist {
	    width: 77%;
	}
	.prolist ul li {
	    margin: 0.1rem;
	}
}
.left1{
	display: none;
}
@media screen and (max-width: 415px) {
	.top{
		background-color: #f7f8f8;
	}
	.prolist ul li {
    	width: 48%;
    }
	.pc-logo{
		display: none;
	}
	.m-logo{
		display: block;
	}
	.protitlelist li {
	    width: 33%;
	}
	.protitlelist li a{
		width:70%;
	}
	.main-pro-center{
    	width: 100%;
    }
    .main-youshi{
    	font-size: 0.8rem;
    }
    .main-youshi {
    	height: 56rem;
    }
    .main-pro-right ul li {
	    width: 100%;
	    height: auto;
	    margin: 0;
	}
	.main-pro-right ul li img {
	    width: 99%;
	    height: auto;
	    padding: 0;
	    margin: 0;
    }
    .main-ys-left,.main-ys-right{
    	width: 98%;
    	padding: 1%;
    }
    .main-ab-content {
	    height: auto;
    }
    .main-youshi{
    	background-position: -360px 0;
    }
    .left{
    	display: none;
    }
    .left1{
    	display: block;
    }
    .main-left {
	    width: 98%;
	    padding: 1%;
	}
	.sub-nav {
	    overflow: hidden;
	    background-color: #f7f8f8;
	}
    .sub-nav li {
	    width: 33%;
	    float: left;
	    padding:0;
	    text-align: center;
	    font-size: 1rem;
	    border-bottom: 0;
	    background-image: none;
    }
    .main-right {
	    width: 98%;
	    padding: 1%;
	    min-height: 450px;
	}
    .new-top{
    	font-size: 0.8rem;
    }
    .da{
    	font-size: 70%;
    }
    .ft-info {
   		margin-top: .8rem;
    }
    .ft-info dd p {
	    margin-left: 0;
	    font-size: 62%;
	}
    .foot {
	    height: 7rem;
	}
	.freambox {
	    width: 100% !important;
	}
	.main-ab-content dd,.main-ab-content dt {
		width: 100%;
	}
	.main-ab-content dd{
		padding-left: 11%;
	}
	.main-top-logo {
		width: 68%;
	    height: 8rem;
	}
	.freambox2 {
    	width: 100%;
    }
	.freambox2 li a {
		width: 80%;
	    padding: 0.5rem;
	}
	.main-title{
		width: 55%;
		margin: 0.6rem auto;
    	font-size: 0.6rem;
	}
    .main-title h2::before {
	    width: 2rem;
	    left: -2rem;
	}
    .main-title h2::after{
    	right: -2rem;
		width: 2rem;
    }
    .warmp{
    	display: none !important;
    }
    .main-hx-flex{
    	height: 20rem;
    }
   	.main-hx-flex dl {
    	width: 24%;
    }
    .main-hx-flex .hx-pic1 img{
    	width: 100%;
    }
    .main-hx-flex dl:hover .hx-pic1 { visibility: inherit;}
    .main-hx-flex dl:hover .hx-pic2 {display: none; }
    .main-prolist {
	    width: 98%;
	}
	.main-hx-flex dt{
		top: 1.5rem;
	}
	.main-hx-flex dd{
		top: 9rem;
	}
	.main-news-list{
		display: block;
	}
	.news-list-1{
		width: 98%;
    	padding: 0 1%;
		margin: 1rem 0;
	}
	.new-top {
    	height: 1rem;
    }
    .foot {
	    height: 15rem;
    	background-size: 135rem auto;
	    text-align: center;
	}
	.ft-left,.ft-right{
		width: 100%;
	}
	.ft-info dt,.ft-info dd {
		float: none;
		margin: 0 auto;
	}
	.ft-right p{
		width: 68%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 321px) {
	.menubtn{
		margin-right: 1rem;
	}
	.freambox2 li a {
	    padding: 0.4rem;
	}
	.main-prolist {
    	width: 100%;
    }
    .main-pro-center {
	    width: 90%;
	}
	.main-hx-flex {
	    height: 21rem;
	}
	.main-title {
	    font-size: 0.5rem;
	}
}