@charset "utf-8";
html{
	font-size: 100px;
	overflow-x: hidden;
	height: 100%;

}
body{
	width: 100%;
    overflow: hidden;
}
.my-map { margin: 0 auto; width: 12rem; height: 4.6rem; }
		.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
		.my-map .icon-cir { height: 31px; width: 28px; }
		.my-map .icon-cir-red { background-position: -11px -5px; }
		.amap-container{height: 100%;}
.xiahua{
		 border-bottom: 2px solid #0065aa;
	}
.yy
{
    display:none;
	    position:absolute;
	    top:42px;
	    right:10px;
	    font-size:0.14rem;
	    color:#969696;
	    line-height:0.3rem;
	    text-align:center;
	    
	    
	     z-index:9999;
	    
	    }
	    .yy>ul>li
	    { 
	        border:1px solid #ececec;
	        background-color:#ffffff;
	        width:55px;
	        
	    }
.map>img
{
    padding:5%;}
    
.daohang>a>p:last-child
{
    color:#8f8f8f;
    
}
.daohang2
{
    width:12rem;
    margin-left:auto;
    margin-right:auto;
}
.daohang2>p:last-child
{
    color:#8f8f8f;
}
.pp
{
    margin-top:2.5%;
    margin-bottom:2.5%;
}
.cpm3>ul>li>a{
	display: block;
	width: 5.69rem;
	height: 2.13rem;
}
.copnews>ul
{
    display:none;
}
.lanmu>h4{
	font-size: 0.24rem;
	line-height: 0.4rem;
	margin-top: 0.3rem;
	font-weight: 600;
}
.daohang2>p
{
    line-height:0.63rem;
    font-size:0.16rem;
}
.lanmu>p
{
	font-size: 0.16rem;
	line-height: 0.35rem;
}
#p {
	font-size: 0.24rem;
	line-height: 0.6rem;
	color: #2b2b2b;
	font-weight: 600;
}
.header {
	width: 100%;
	height: 42px;
	border-bottom: 1px solid #ececec;
	border-top: 1px solid #ececec;
	background-color: #FFFFFF;
}


.headerbox  {
	max-width: 12rem;
	height: 100%;
	margin: 0px auto;
	padding-left: 10px;
	padding-right: 10px;
	position:relative;
}

.footer>ul>li {
	width: 1.49rem;
	height: 0.48rem;
	border-bottom: 1px double #505050;
	color: #FFFFFF;
	line-height: 0.48rem;
	float: left;
	margin-left: 1rem;
}
.se {
	background-color: #4FB5FF!important;
}
.prodoctxqy-left {
	width: 4.55rem;
	height: 6.76rem;
	line-height:6.76rem;
	text-align: center;
	border: 1px solid #def0f6;
	clear: none;
	float: left;
	overflow-y:hidden;
}
.productxqy-right {
	float: right;
	width: 6rem;

}
.cp {
	max-width: 12rem;
	margin-left: auto;
	margin-right: auto;
	overflow-y: auto;
}
.cp>ul>li 
{
    padding-top:0.1rem;
	width: 22%;
	height: 1.16rem;
	background-color: #d9d9d9;
	float: left;
	line-height: 0.58rem;
	text-align: center;
	font-size: 0.20rem;
	margin-left: 2%;
	overflow-y: hidden;
}
.qw {
	background-color: #0065aa!important;
	color: #FFFFFF;

}

.cp>ul>li:first-child {
	margin-left: 3%;
}




.productxqy {
	max-width: 12rem;
	margin-left: auto;
	margin-right: auto;
	overflow-y: auto;
}



.footer>ul {
	padding-top: 60px;
	width: 4.98rem;
	margin-left: 0px;
	float: left;

}

.footer>ul>li>a {
	width: 100%;
	height: 100%;
	display: block;
	line-height: 0.48rem;
}
.footer>ul>li>a>img {
	float: right;
	margin-top: 10%;
}



.headerbox>p {
	font-size: 0.13rem;
	line-height: 42px;
	color: #969696;
	float: left;
}
.headerbox>ul {
	float: right;
	font-size: 0.14rem;
	line-height: 42px;
	color: #969696;
}
.headerbox>ul>li {
	float: left;
	margin-right: 0px;
}
.headerbox>ul>li:first-child {
	margin-right: 0.3rem;
}
.nav {
	max-width: 12rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.1rem;
	padding-right: 0.1rem;
	padding-bottom: 1%;
	overflow-y: auto;
	background-color: #FFFFFF;
}
.nav-tubiao {
	width: 0.4rem;
	
	float: right;
	
	
	display: none;
	margin-top: 2%;
}


.nav>ul {
	float: right;
}
.nav>ul>li {
	float: left;
	font-size: 0.16rem;
	color: #595959;
	line-height: 1.04rem;
	margin-left: 0.3rem;
	margin-right: 0.3rem;
}
.nav>ul>li:last-child {
	margin-right: 0px;
}
#tw {
	width: 15%;
	margin-top: 15px;
}

.footerbox {
	width: 100%;
	height: 3.33rem;
	background-color: #2e2e2e;
	background-position: center 0%;
}
.yougoo  {
	background-color: #1c1c1c;
	width: 100%;
	height: 0.39rem;
}
.footerm{
	display: none;
}
.yougoo>p {
	font-size: 0.10rem;
	line-height: 0.39rem;
	max-width: 12rem;
	margin-left: auto;
	margin-right: auto;
	color: #8a8a8a;
	text-align: left;
}



.bannerbox {
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 1200px;
}
.footer {
	height: 3.33rem;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}

.banner {
	width: 100%;
	height: 675px;
	background-image: url(../images/dcwq_02.jpg);
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#ke {
	float: right;
	margin-top: 100px;
	position: absolute;

	opacity: 0;
	animation: ke 1s ease 1 forwards;
}
@keyframes ke
{
	from{
		right:-50px;
		opacity: 0;
	}
	to{
		right:0px;
		opacity: 1;
	}
}

.footer>ol {
	color: #FFFFFF;
	float: left;
	padding-top: 60px;
}
.footer>ol>li>p {
	color: #8a8a8a;
	font-size: 0.12rem;
	margin-top: 10px;
}
.erweima {
	float: right;
	text-align: center;
	padding-top: 60px;
}
.hezuo {
	height: 5.24rem;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
h1 {
	color: #2b2b2b;
	font-size: 0.3rem;
}
.hezuo>p {
	color: #71757b;
	font-size: 0.16rem;
}
.hezuo>ul>li {
	float: left;
	border: 1px solid #d8d8d9;
	margin-top: 0.23rem;
	margin-left: 1.5%!important;
	height: 0.98rem;
	width: 23%!important;
}
#w {
	width: 100%;
}


.qiye>ul>li {
	float: left;
	margin-left: 1%;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 24%;
	
}
.qiye>ul>li:first-child {
	margin-left: 0px;
}
.qiye>ul>li:last-child {
}



.hezuo>ul {
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;

}




.hezuobox {
	width: 100%;
	height: 5.24rem;
	background-color: #f4f4f4;
}


.erweima>p {
	color: #555555;
	font-size: 0.14rem;
	line-height: 0.3rem;
}
.qiye {
	text-align: center;
	width: 100%;
	background-image: url(../images/asdd_02.jpg);
	padding-bottom: 5%;
	background-repeat: no-repeat;
}
.qiye>ul {
	margin-left: auto;
	margin-right: auto;
	overflow-y: auto;
	max-width: 70%;
}
.ys {
	text-align: center;
	height: 8.27rem;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.gsjj {
	height: 500px;
	max-width: 12rem;
	margin-left: auto;
	margin-right: auto;
}
.gsjj-left {
	width: 65%;
	float: left;
}
.gsjj-left> a {
	width: 1.3rem;
	height: 0.36rem;
	border: 1px solid #a8a8a8;
	display: block;
	float: left;
	text-align: center;
	line-height: 0.36rem;
	font-size: 0.2rem;
	margin-top: 2%;
}
.product {
	max-width: 12rem;
	height: 8.3rem;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.product>ol {
	display: none;
}
#ol1 {

}
.remove {
	display: none;
	opacity: 0;
}
.move {
	display: block;
}




	.product>ul {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 76%;

}
.product>ol>li {
	float: left;
	margin-top: 20px;
	margin-left: 3%;
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 30%;
	
	
	
	
	
}
.product>ol>li:hover p  {
top:0%;
}
.product> ol>li>p {
	width: 100%;
	position: absolute;
	top: -100%;
	height: 100%;
	
	background-image: url(../images/wfra.png);
	transition:top 1s;
}
c {
	font-size: 0.24rem;
	color: #FFFFFF;
	margin-top: 0.6rem;
	display: block;
}
.pagelist{width:100%; padding-top:15px; padding-bottom:20px; text-align:center;clear:both;}
.pagelist a{ padding:0 7px; height:32px;display:inline-block; background-color:#f1f1f1; border-radius: 1px; border:#c1c1c1 solid 1px;  text-align:center;line-height:32px;margin-left:14px;font-size:14px;color:#3e3e3e; cursor:pointer;}
.pagelist a:hover ,.pagelist a.fengyepage-now{ background-color:#108bc5; color:#fff; border:#108bc5 solid 1px; padding:0 7px; cursor:pointer;}
.pagelist span{height:32px;display:inline-block;margin-left:14px;line-height:32px;text-align:center;font-size:14px;color:#999999;}
.pagelist input.txt_page{width:42px;height:32px;text-align:center;line-height:32px;border:none;background:url(../images/bg_003.png) no-repeat 0 0}
.pagelist input.btn_go{width:37px;height:32px;border:none;background:url(../images/bg_002.png) no-repeat 0 0;linbe-height:37px;text-align:center;margin-left:5px;font-size:14px;color:#7f7f7f;}



.product>ul>li {
	float: left;
	width: 1.39rem;
	height: 0.43rem;
	border: 1px solid #e3e3e3;
	margin-left: 0.09rem;
	line-height: 0.43rem;
	position: relative;
	
}
#qgb{
	display: none;
}
.product>ul>li:hover p{
	width: 100%;
}
.product>ul>li>a{
	transition: color 1s;
}
.product>ul>li:hover a{
	color:#ffffff;
}

.product>ul>li>p {
	width: 0%;
	height: 100%;
	background-color: #277bb5;
	position: absolute;
	top: 0px;
	z-index: 1;
	transition: width 0.5s;
}
.product>ul>li>a {
	z-index: 66;
	position: relative;
}





.gsjj-right {
	width: 35%;
	float: right;
}
.gsjj-right>ul>li>a>p {
	font-size: 0.14rem;
	line-height: 0.2rem;
	margin-top: 10px;
	display: none;
}
.gsjj-right>ul>li {
	margin-top: 20px;
}
.gsjj-right>ul>li>a {
	display: block;
}

.gsjj-right>ul>li:first-child {
	margin-top: 0px;
}


.gsjj-right>ul>li:first-child a>p {
	display: block;

}


.images {
	width: 4.11rem;
	height: 2.78rem;
	float: left;
	margin-right: 10px;
}





.qiye>p {
	color: #ffffff;
}
z {
	font-size: 0.16rem;
	line-height: 0.3rem;
	color: #292929;
}
d {
	font-size: 0.12rem;
	color: #bababa;
	float: right;
	line-height: 0.3rem;
}
.nav-right{
	display: none;
}
.q {
	color: #FFFFFF;
	position: absolute;
	text-align: center;
	bottom: 15px;
}
.cpm2>ul>li {
	margin-left: 0.05rem;
	float: left;
	margin-top: 0.5rem;
	display: none;
}
.cpm2 ul li img{ max-width:275px; margin-right:20px;}
ul li p {
}

.cpm2 {
	max-width: 12rem;
	margin-left: auto;
	margin-right: auto;
	overflow-y: hidden;
	text-align: center;
	
}



.q>ol {
	overflow-y: auto;
	text-align: center;
	display: inline-block;
}

.q>ol>li {
	width: 10px;
	border-radius: 5px;
	height: 10px;
	background-color: #FFFFFF;
	float: left;
	margin-left: 5px;
}

#fs1 {
	color: #FFFFFF;
}
#fs2 {
	width: 100%;
}
#qe {
	float: left;
	
	animation: qe 1s ease 1 forwards;
	opacity: 0;
	position: absolute;
	left: 0px;
	
}
.ys>ul {
	display: none;
}
.daohang {
	height: 0.63rem;
	border-bottom: 1px solid #d7d7d7;
	width: 95%;
	padding-left: 2.5%;
	padding-right: 2.5%;
}
.daohang>a {
	max-width: 12rem;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	display: block;
	font-size: 0.16rem;
	line-height: 0.63rem;
}
.map {
	
	max-width: 12rem;
	margin-left: auto;
	margin-right: auto;
}
.news>ul>li {
	float: left;
	margin-left: 1%;
	width: 3.85rem;
	height: 3.44rem;
	position: relative;
	overflow-y: hidden;
}
.news>ul>li>a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #6f6f6f;
	position: absolute;
	top: 70%;
	transition: top 1s,background-color 1s,opacity 1s,text-align 1s,padding-top 1s;
}
.news>ul>li:hover a{
	top:0%;
	background-color: #146698;
	opacity: 0.9;
	text-align:center;
    padding-top: 30%;
}
.news>ul>li>img {
	width: 100%;
	height: 100%;
}

.ysq>ul>li>p {
	width: 2.39rem;
	padding-left: 0.1rem;
	padding-right: 0.1rem;
	height: 1.55rem;
	background-color: #02548c;
	display: block;
	font-size: 0.16rem;
	color: #FFFFFF;
	line-height: 0.5rem;
	float: left;
}
.ysq>ul>li{
	margin-top: 0.25rem;
	overflow-y: auto;
}
.ysq{
	overflow-y: auto;
}
.ysq>ul{
	overflow-y: auto;
}
.ysq>ul>li>textarea{
	width: 9.41rem;
	height: 1.55rem;
	float: right;
	padding-top: 0px;
}
.news>ul>li>a>p {
	color: #FFFFFF;
	font-size: 0.12rem;
	line-height: 0.2rem;
	margin-left: 0.2rem;
	margin-right: 0.2rem;
}
.news>ul>li>a>p:first-child {
	font-size: 0.16rem;
	line-height: 0.3rem;
}





.news {
	overflow-y: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1px;
	max-width: 12rem;
}
.tup {
	float: left;
	width: 17%;
	padding-left: 3%;
}
.tup>p {
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
}
#time {
	display: none;
}


.zi {
	float: left;
	width: 70%;

}
.time {
	float: left;
	border-left: 1px solid #e5e5e5;
	margin-top: 10px;

}
h3 
{
    font-weight:400;
	font-size: 18px;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 15px;
}
.time>a {
	color: #5c5c5c;
	font-size: 0.48rem;
}
.time>p {
	font-size: 0.14rem;
	color: #a7a7a7;
	padding-left: 0.3rem;
}


.zi>p {
	font-size: 14px;
	color: #707070;
	line-height: 20px;
	margin-right: 20px;
}


.copnews {
	max-width: 12rem;
	padding-top: 43px;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	overflow-y: hidden;
}
.copnews>ul>li {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px dashed #8C8C8C;
}
.copnews>ul>li:hover h3 {
	color:#003b9f;
}
.copnews>ul>li:hover .time a {
	color:#003b9f;
}

.bp {
	max-width: 12rem;
	margin-left: auto;
	margin-right: auto;
	overflow-y: auto;
	margin-top: 0.85rem;
}
.bp-right>form>a {
	display: block;
	width: 5.35rem;
	height: 0.42rem;
	margin-top: 10px;
	background-color: #FFFFFF;
	margin-left: 0.3rem;
	border: 1px solid #e8edf1;
}
.bp-right>form>p {
	margin-left: 0.3rem;
	color: #28292a;
	font-size: 20px;
	margin-top: 25px;
}
.bp-right>form>a>p {
	float: left;
	width: 20%;
	height: 100%;
	font-size: 0.16rem;
	color:#8f8f8f;
	text-align: center;
	line-height: 0.42rem;
}
.bp-right>form>a>input {
	height: 100%;
	width: 80%;
	float: right;
}
textarea {
	width: 100%;
	height: 99%;
	text-indent: 3.5%;
	padding-top: 1%;
	
}





.bp-left {
	float: left;
}

.bp-right {
	height: 4.3rem;
	width: 6rem;
	background-color: #f2f9ff;
	float: right;
}
.bp-left>ul>li {
	margin-top: 20px;
	font-size: 0.16rem;
	color: #555555;
}
input {
	text-indent: 20px;

}

.bp-left>ul>li>img {
	margin-right: 10px;
}
.bp-right>form>button {
	width: 1.9rem;
	height: 0.44rem;
	background-color: #0e58bc;
	color: #FFFFFF;
	font-size: 0.16rem;
	margin-left: 0.3rem;
	margin-top: 0.1rem;
}
.jiamengsq {
	width: 100%;
	height: 12.2rem;
	background-image: url(../images/sdaqw_05.jpg);
	background-position: center 0%;
	overflow-y: hidden;
}
.sq {
	max-width: 12rem;
	margin-left: auto;
	margin-right: auto;
}
.sq>p {
	text-align: center;
	margin-top: 1rem;
	display: block;
	color: #FFFFFF;
	font-size: 0.24rem;
	line-height: normal;
	margin-bottom: 0.5rem;
}



.jiameng {
	text-align: center;
	width: 12rem;
	margin-top: 1px;
	margin-left: auto;
	margin-right: auto;
}
.sq>ul>li {
	float: left;
	margin-top: 20px;
}

.sq>ul>li>p {
	height: 0.4rem;
	width: 0.8rem;
	background-color: #02548c;
	text-align: center;
	font-size: 0.14rem;
	line-height: 0.4rem;
	float: left;
	color: #FFFFFF;
}
.sq>ul>li>input {
	width: 4.89rem;
	height: 0.4rem;
	float: right;
}
.sq>ul>li {
	width: 5.69rem;
	height: 0.4rem;
}
.sq>a {
	display: block;
}
.sq>a>span {
	height: 0.4rem;
	width: 0.8rem;
	background-color: #02548c;
	color: #FFFFFF;
	display: block;
	text-align: center;
	float: left;
	line-height: 0.4rem;
}
.sq>a>button {
	width: 2rem;
	height: 0.4rem;
	background-color: #ff6600;
	float: left;
	margin-left: 0.4rem;
	color: #FFFFFF;
}
.sq>a>p {
	color: #FFFFFF;
	margin-left: 1rem;
	float: left;
	font-size: 0.2rem;
	line-height: 0.4rem;
}


.sq>a>input {
	width: 2rem;
	height: 0.4rem;
	float: left;
}
.cpbanner {
	position: relative;
	bottom: 0px;
	overflow-y: auto;

}
.cpbanner>ul {
	width: 100%;
	overflow-y: hidden;
	
}
.cpbanner>ul>li {
	width: 100%;
	float: left;
	top: 0px;
	position: absolute;
}
.bottom {
	max-width: 11rem;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	line-height:25px;
}
.bottom>ul>li {
	display: none;
}
.bottom>ul>li:first-child {
	display: block;
}
.cpzx-left>ul>li {
	width: 90%;
	height: 0.6rem;
	background-color: #0065aa;
	margin-top: 2px;
	font-size: 0.16rem;
	color: #FFFFFF;
	line-height: 0.6rem;
	padding-left: 10%;
}
.cpzx-left>ul>li>img {
	position: absolute;
	padding-right: 0px;
	right: 0px;
	top: 28%;
	left: 80%;

}
.cpzx-left>ul>li {
	position: relative;
}


.cpzx>ul>li>a {
	display: block;
	width: 100%;
	height: 100%;
}


.cpzx {
	max-width: 12rem;
	margin-left: auto;
	margin-right: auto;
	overflow-y: hidden;
}
.cpzx-right {
	float: left;
	width: 75%;
	padding-left: 0px;
	margin-left: 2.5%;
}
g {
	width: 1.58rem;
	height: 0.43rem;
	background-color: #0065aa;
	text-align: center;
	color: #FFFFFF;
	line-height: 0.43rem;
	display: block;
}
.lanmu {
	float: left;
}



.cpzx-right>ul>li 
{
    padding-bottom:10px;
	
	border-top-color: #b1b1b1;
	
	border-top-style: solid;
	
	border-top-width: 1px;
	overflow-y: hidden;
}
.cpzx-right>ul>li:first-child
{
   border-top:none;
}
.cpzx-right>ul>li:last-child {
	border-bottom: 1px solid #b1b1b1;
	
	margin-bottom: 20px;
}
.cozx-left>ul>li>a>img {
}




.cpzx-left {
	float: left;
	width: 20%;
}

.cpm1 {
	width: 95%;
	margin-right: 2.5%;
	margin-left: 2.5%;
	max-width: 12rem;
	margin-left: auto;
	margin-right: auto;
	display: none;
}


h6 {
	text-align: center;
	color: #1069a6;
	font-size: 0.25rem;
}
.cpm1>p {
	font-size: 0.14rem;
	color: #303030;
	line-height: 0.3rem;
}
.sq {
	color: #FFFFFF;
}
.cpm2>ul>li>p {
	text-align: center;
	font-size: 0.16rem;
	line-height: 0.3rem;
}
.cpm2>ul {
	overflow-y: auto;
}
.lk {
	display: inline-block;
}
.cpm3>ul>li {
        margin-top:0.2rem;
	float: left;
	width: 5.69rem;
	margin-left: 0.1rem;
}

.cpm3 {
	margin-left: auto;
	margin-right: auto;
	overflow-y: auto;
	max-width: 12rem;

}
h7 {
	font-size: 0.2rem;
	line-height: 0.4rem;
}
.cpm3>ul>li>p {
	line-height: 0.2rem;
	font-size: 0.14rem;
}


.cpm3>ul {
	overflow-y: hidden;
}
.daohang>a>p {
}
.no {
	display: block!important;
}
.newleft {
	width: 70%;
	float: left;
}
.newleft>v {
	color: #000000;
	font-size: 0.3rem;
	font-weight: 600;
}
.newleft>p {
	color: #707070;
	text-indent: 20px;
	font-size: 0.16rem;
	line-height: 0.3rem;
}
.newright {
	width: 25%;
	float: right;
	border: 1px solid #e3e3e3;
	margin-left: 4%;
}
.newright>ul>li>a>k {
	font-size: 0.25rem;
	line-height: 0.4rem;
	color: #000000;
	font-weight: 600;
	
	margin-right: 5%;
}
.newright>ul>li {
	border-top: 1px solid #dfdfdf;
	padding-left:10px;
}

.newright>ul>li>a:last-child {
	font-size: 0.16rem;
	line-height: 0.3rem;
	color: #0a6b9d;
	
	margin-right: 5%;
}





.newleft>a {
	display: block;
	color: #aeadad;
	font-size: 0.14rem;
	line-height: 0.5rem;
	border-bottom: 1px solid #e5e5e5;
}


.new {
	width: 12rem;
	margin-left: auto;
	margin-right: auto;
	overflow-y: hidden;
}
.cpzx-right>ul>li>a {
	display: block;
}
.img {
	width: 351px;
	height: 100%;
	float: left;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right:20px;
	margin-left:20px;
	overflow-x: hidden;
	overflow-y: hidden;
}
.pp>p {
	font-size: 0.2rem;
	margin-top: 0.1rem;
	display: block;
}
.sq>ul {
	overflow-y: hidden;
}
.pp>ul>li {
	float: left;
	margin-left: 0.25rem;
	margin-top: 0.2rem;
}
.pp>ul>li:first-child {
	margin-left: 0px;
}

.pp>ul>li>input {
	float: left;
}
.pp>ul>li>p {
	float: left;
}
h5 {
	font-weight: 600;
	font-size: 0.3rem;
	color: #000000;
	margin-top: 0.5rem;
	margin-bottom: 0.2rem;
}
.productxqy-right>p {
	font-size: 0.16rem;
	line-height: 0.3rem;
}











































































@keyframes qe
{
	from{
		left:-50px;
		opacity: 0;
	}
	to{
		right:0px;
		opacity: 1;
	}
}

@media screen and (max-width:1200px){
	html{
	font-size: 80px;
	}
.q>ol {
}

	.nav>ul>li{
		margin-left: 0.15rem;
		margin-right: 0.15rem;
		line-height: 88px;
	}
	.hezuo{
		max-width: 959px;
}
.product>ol>li {
	width: 30%;
}
.product>ol>li>img {
	width: 100%;
}
.map {
}
.tup{
	margin-right: 20px;
	}



}
@media screen and (max-width:750px)
{
    .bottom>ul>li>div>img
    {
        width:100%;
    }
    .bottom>ul>li>div>a
    {
        width:100%;
        font-size:14px;
    }
     .bottom>ul>li>div>p
    {
        width:100%;
         font-size:14px;
    }
     .yy
    {
        top:90px!important;
       
    }
    }
@media screen and (max-width:750px){
	.sq>a>span{
		width: 10%;
	}
	.hezuo>ul>li {
	float: left;
	border: 1px solid #d8d8d9;
	margin-top: 0.23rem;
	margin-left: 5%!important;
	height: 0.98rem;
	width: 40%!important;
}
	.sq>a>input{
	
	width: 20%;}
	.pp{
		width: 95%;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
	.sq>a>p{
		margin-left: 0%;
	}
	.sq>a>button{
		width: 15%;
	}
	.cpbanner{
		margin-top: 94px;
	}
	.cpm2>ul>li{
		width: 50%;
		margin-left: 0px;
	}
	.product>ul>li{
		margin-left:0px;
		
	}
	
	
	.hs10{
	height: 20%;
	}
	.ys> ul {
	width: 100%;
	height: 100%;
	position: absolute;
	padding-top: 0px;
	top: 0px;
	display: block;
}


	.nav>ul{
	display: none;
	width: auto;
	}
.nav {
	position: fixed;
	top: 42px;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	z-index: 999;
	height: 50px;
	padding-bottom: 0px;
}
	.news>ul>li{
		width: 95%!important;
		height: auto!important;
		margin-top: 5%;
		margin-left: 2.5%;
	}
	.news>ul{
		padding-top: 0px!important;
	}
	.news>ul>li>a>p:first-child{
		font-size: 0.35rem;
		line-height: 0.5rem;
	}
	.news>ul>li>a>p{
		line-height: 0.25rem;
		font-size: 0.2rem;
	}
#tw {
	padding-left: 0.1rem;
}


	#ka{
		overflow-x: hidden;
		overflow-y: auto;
	}
	#qgb{
	display: block;
}
	.product>ul>li {
	width: 80%!important;
		margin-top: 1%;
		margin-left:10%;
}
	.hezuo>ul>li{
	width: 95%;
		
	margin-left: 2.5%;
}
	#qe {
	float: left;
	margin-top: 200px!important;
	animation: qe 1s ease 1 forwards;
	opacity: 0;
	position: absolute;
	left: 0px;
	height: 20%
}
.product>ul {
	
}
.product>ol>li {

}
	#eq{
		display: none;
	}
	#qz{
		right: 5%!important;
	}

	.nav-tubiao{
	display: block;
	padding-right: 0.1rem;
	}
	.product>ol {
	overflow-y: auto;
	
}

.nav-tubiao>ul>li {
	width: 80%;
	height: 1px;
	border-bottom: 2px solid #7FD1F4;
	margin-top: 20%;
	margin-left: 10%;
	margin-right: 10%;
}
.nav-tubiao>ul>li:last-child {
	margin-bottom: 20%;
}
	#tw {
	width: 86px;
	height: 31px;
	margin-top: 11px;
}

#ke {
	margin-right: 1%;
	margin-top: 170px;
	height: 40%;
}
	#qk{
		margin-left: 2.5%;


	}
.banner {
	height: 375px;
	margin-top: 92px;
}
.gsjj-left {
	width: 100%;
}
	
.gsjj-right {
	width: 100%;
}
.images {
	width: 95%;
	margin-left: 2.5%;
}
	#p{
		margin-left: 2.5%;
	}
	#zi{
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
.product {
	padding-bottom: 2%;
	height: auto;
}
#ka {

}
.ys>ul>li {
	width: 80%;
	height: 10%;
	margin-top: 5%;
	background-color: #086aad;
	padding: 0.1rem;
	margin-left: 8%;
}


#qz {
	display: none;
}
h4 {
	float: none;
	text-align: left;
	color: #FFFFFF;
	font-size: 20px;
}
.ys>ul>li>p {
	color: #FFFFFF;
	text-align: left;
	font-size: 10px;
	margin-top: 1%;
	line-height: 3.5vw;
}
.footerbox {
	display: none;
}
.footerm {
	width: 100%;
	height: 200px;
	background-color: #2e2e2e;
	position: relative;
	display: block;
}
.yougoom {
	position: absolute;
	bottom: 0px;
	height: 50px;
	background-color: #1c1c1c;
	color: #FFFFFF;
	width: 100%;
}
.yougoom>p {
	line-height: 50px;
	font-size: 2vw;
	text-align: center;
}
.h2 {
	height: 10%;
	width: 100%;
}
.footerm>p {
	margin-left: 2%;
	color: #FFFFFF;
	font-size: 2.5vw;
	line-height: 3.5vw;
}
.h100 {
	width: auto;
	height: 30px;
}
.product>ol>li>p {
	display: none;
}
.dh {
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: #000000;
	opacity: 0.5;
}
.header {
	position: fixed;
	top: 0px;
	z-index: 999;
}
.nav-right {
	width: 50%;
	position: fixed;
	top: 92px;
	float: none;
	z-index: 999;
	background-color: #FFFFFF;
	left: 100%;
	display: block;
}
.nav-right>ul {
	width: 100%;
	height: 100%;
}
.nav-right>ul>li {
	height: 5%;
	width: 100%;
	text-indent: 20px;
	line-height: 30px;
	border-bottom: 1px solid #9F9F9F;
	border-right: 1px solid #9F9F9F;
	border-left: 1px solid #9F9F9F;
}
.nav-right>ul>li>a {
	display: block;
	width: 100%;
	height: 100%;
}
.nav-right>ul>li:first-child {
	border-top: 1px solid #9F9F9F;
}
.banner1 {
	margin-top: 92px;
}
.time   {
	display: none;
}
.daohang>a>p:last-child {
	display: none;
}
.cpm3>ul>li {
	margin-top: 10px;
	margin-left: 2.5%;
	margin-right: 2.5%;
	width: 95%;
}

.cpm3>ul>li>a {
	
	width: 100%;
}
}
.qaz{
	transform:rotate(45deg);
	
}

.qza{
	animation:qva 0.5s forwards;
}

@keyframes qva{
	form{
		transform:rotate(45deg);
	}
	to{
				transform:rotate(90deg);
	}
	
}
#qk{
	box-shadow: 5px 5px 5px #222222;
}

.gsjj-right>ul>li{
	width: 95%;
	margin-right: 2.5%;
	margin-left:2.5%;
}

.hezuobox{
	height: auto;
	
}

.hezuo{
	height: auto;
	padding-bottom: 3%;
}
.hezuo>ul{
	overflow-y: auto;
}
	#zi {
	font-size: 0.14erem;
	line-height: 0.25rem;
	color: #555555;
	float: none;
}
@media screen and (max-width:970px){
	.map>img{
padding:5%;
width:90%;
}
	h3{
	margin-bottom: 5px;
		margin-top: 0px;
	}
	.time
	{
	    display:none;
	}
	#time{
		display: block;
	}
	.zi{
		width: 65%;
	}
	.tup{
		margin-right: 4%;
	}
	.tup{
		width: 28%;
	}
	.product>ul>li {
	width: 15%;
}
.product>ul {
	width: 100%;
}
	.news>ul>li{
		width: 2.84rem;
		height: 2.44rem;
		
			
	}
	.news{
		max-width: 9rem;
	}
	.newright{
		display: none;
	}
	.new{
		width: 100%;
	}
	.newleft{
		width: 95%;
	     padding-left: 2.5%;
		padding-right: 2.5%;
	}

	
	
}
@media screen and (max-width:908px){
	.cpm2{
		max-width: 7.5rem;
	}
	.productxqy{
		width: 100%;
	}
	.sq>a{
		overflow-y: hidden;
		width: 95%;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
	.prodoctxqy-left{
		width: 95%;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
	.productxqy-right{
		width: 95%;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
	.bottom{
	width: 95%;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
	.bottom>ul>li>img
	{
		width: 100%;
	}
}
@media screen and (max-width:850px){
	.jiameng{
		width: 100%!important;
		
	}
	.jiameng>img{
		width: 100%;
	}
	.bp-right>form>a
	{
		width: 80%;
	}
	.bp-right>form>a>p{
		font-size: 0.16rem;
	}
	.bp-right{
		margin-top: 0.2rem;
		width: 100%;
	}
	.my-map
	{
		width: 95%!important;
		padding-left: 2.5%!important;
	padding-right: 2.5%!important;
		
	}
	.img{
		width: 100%!important;
		margin-left:0px!important;
		margin-right:0px!important;
		
	}
	.lanmu{
		width: 100%;
		text-align: center;
		
	}
	g{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}
	.cpzx-left>ul>li>img {
	display: none;

}
	.bp{
		width: 95%!important;
	    padding-left: 2.5%;
		padding-right: 2.5%;
	}.
}
@media screen and (max-width:980px){
	.sq>ul{
		width: 100%;
	}
	.sq>ul>li{
		margin-left: 2.5%!important;
		margin-right: 2.5%;
		width: 45%;
	}
	.sq>ul>li>p{
		width: 30%;
	}
	.sq>ul>li>input{
		width: 70%;
	}
	.ysq{
		width: 100%;
		
	}
	.ysq>ul>li{
		width: 100%;
	}
	.ysq>ul>li>p{
		width: 27.5%;
		margin-left: 0.5%;
		padding-left: 1%;
		padding-right:1%; 
		
	}
	.ysq>ul>li>textarea{
		width: 67.5%;
		margin-right:2.5%;
	}
	
}