@ charset "utf-8";
/* CSS Document */

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}

.cl {
	clear: both;
}

ul,li {
	padding:0;
	margin: 0;
	list-style: none;
}

input,button {
	border:0;
	outline:none;
}

h1,h2,h3 {
	font-family: "宋体";
}



header {
	width: 100%;
	padding: 5px 100px 0 100px;
	position: absolute;
	background: #fff;
	border-bottom: 1px solid #d5d5d5;
	z-index: 99;
}

.nav li {
	float: left;
	height: 95px;
	line-height: 88px;
}

.nav li input {
	height: 35px;
	border-radius: 10px;
	border: 1px solid #000;
	padding: 0 10px;
}

input::-webkit-input-placeholder { /* WebKit browsers */ 

color: #a9a9a9; 

} 

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 

color: #a9a9a9; 

} 

input::-moz-placeholder { /* Mozilla Firefox 19+ */ 

color: #a9a9a9; 

} 

input:-ms-input-placeholder { /* Internet Explorer 10+ */ 

color: #a9a9a9; 

} 

.nav li button {
	background: none;
	border: none;
	position: relative;
	right: 45px;
}

.nav li a {
	font-size: 18px;
	color: #222;
	padding: 5px 18px;
	border: 1px solid #fff;
	margin-right: 15px;
}

.nav li a:hover {
	border: 1px solid #222;
	color: #df161c !important;
	border-radius: 10px;
}

.adj {
	border: 1px solid #222 !important;
	color: #df161c !important;
	border-radius: 10px;
}


.section1 {
	background: url(../images/banner.jpg) center center no-repeat;
	background-size: cover;
}

.top h1 {
	font-size: 80px;
	color: #fff;
	font-weight: 700;
}

.top h3 {
	font-size: 45px;
	color: #fff;
	margin-bottom: 30px;
	margin-top: 30px;
}

.top h3 span {
	color: #df161c;
}

.top p {
	font-size: 24px;
	color: #fff;
	background: #df161c;
	padding: 8px 30px;
	border-radius: 50px;
	width: 280px;
	margin: 0 auto;
	margin-bottom: 150px;
}

.top {
animation:myfirst 2s;
-moz-animation:myfirst 2s; /* Firefox */
-webkit-animation:myfirst 2s; /* Safari and Chrome */
-o-animation:myfirst 2s; /* Opera */
}

@keyframes myfirst
{
	0%{opacity:0; -webkit-transform:scale(0.3);}
	100%{opacity:1;-webkit-transform:scale(1);}
}



.section2 {
	background: url(../images/banner1.jpg) center center no-repeat;
	background-size: cover;
}


.about {
	padding-left: 100px;
}

.about h1,.product h1,.scheme h1,.case h1,.news h1,.coop h1,.contact h1 {
	font-size: 40px;
	margin-bottom: 0;
}
.about h3,.product h3,.scheme h3,.case h3,.news h3,.coop h3,.contact h3 {
	font-size: 25px;
	color: #949494;
	margin-top: 0;
	margin-bottom: 40px;
}

.about .text {
	padding: 0;
	font-size: 18px;
	color: #464646;
	margin-bottom: 40px;
	line-height: 35px;
}


.about li {
	float: left;
	width: 290px;
	height: 200px;
	background: rgba(255,255,255,0.9);
	text-align: center;
	border-right: 1px solid #d5d5d5;
	color: #5d5d5d;
}

.about li h2 {
	margin-top: 65px;
	font-size: 45px;
	margin-bottom: 0;
}
.about li p {
	font-size: 18px;
}

.about li h2 small {
	color: #5d5d5d;
}

.about .first {
	background: rgba(223,22,28,0.9);
	color: #fff;
}

.first h2 small {
	color: #fff !important;
}

.more {
	background: rgba(223,22,28,0.9);
	display: inline-block;
	padding: 10px 40px;
	color: #fff;
	border-radius: 40px;
	margin-top: 40px;
	margin-left: 10px;
}

.more:hover {
	background: #a01313;
	color: #fff;
}

.section3 {
	background: url(../images/banner2.jpg) center center no-repeat;
	background-size: cover;
}
.product h1 {
	margin-top: 125px;
}

.product h1,.product h3,.scheme h1,.scheme h3,.case h1,.case h3 {
	padding-left: 100px;
}

.three{position:relative; float: left; overflow: hidden; height: 370px; width:33.33333%; }

figcaption{position: absolute; top: 0; left: 0; color: #fff; font-family: "微软雅黑";  }

figure figcaption,figure figcaption p,figure img{transition:all 0.35s;}

figure figcaption{transition:all 0.35s;}

figure figcaption p,figure figcaption h2{transition:all 0.35s;}

.three:hover .ai{transform:translate(-150px,0);}


.three .a1 {
	width: 100%; 
	height: 100%; 
	padding-top: 20%;
}
h2 {
	font-family: "宋体";
}

.three .a1 h2 {
	margin-bottom: 30px;
	font-size: 35px;
}

.three .a2 h2 {
	font-size: 35px;
}


.three .a2 {
	width: 100%; 
	height: 100%; 
	transform:skew(80deg,0); 
	opacity: 0;
	text-align: center;
	padding-top: 15%;
}

.three .a2 .eng {
	font-size: 35px;
	font-family: "宋体";
}

.three:hover .a1 {
	opacity: 0;
}

.three:hover .a2{
	transform:skew(0,0); 
	background: rgba(223,28,22,0.5); 
	opacity: 1;
}

.scheme{
	position:relative;
}

.scheme_n {
	height: 650px;
	position:relative;
	display: none;
}
.scheme_n:first-child {
	display: block;
}
.scheme_p {
	width: 100%;
	text-align: center;
	padding-top: 8%;
}

#firs {
	position: absolute;
	bottom: 50px;
	left: 150px;
	background: rgba(255,255,255,0.9);
	width: 85%;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

#firs li {
	float: left;
	width: 20%;
	padding: 20px 0;
}
#firs li a {
	color: #727272;
}

#firs li p {
	padding: 0;
	margin: 0;
	text-align: center;
	font-family: "宋体";
	font-size: 16px;
	font-weight: 600;
}

#firs li .biao {
	font-size: 30px;
	font-family: "微软雅黑";
	font-weight: 400;
}

#firs .first {
	background: #d41d24;
	border-top-left-radius: 30px;
}
#firs .first a {
	color: #fff;
}

.case h1 {
	position: absolute;
    top: 13%;
}

.case h3 {
	position: absolute;
    top: 19.5%;
}


.section4 {
	background: url(../images/banner3.jpg) center center no-repeat;
	background-size: cover;
}


.news .ti li {
	display: inline-block;
	font-size: 24px;
	padding: 5px 30px;
	margin-right: 40px;
	color: #a4a4a4;
	border: 1px solid;
	border-radius: 10px;
	border-color: rgba(255,255,255,0);
}
.news .ti li:last-child {
	margin-right: 0;
}
.news .ti .one,
.news .ti li:first-child {
	background: rgba(255,255,255,0.1);
	border: 1px solid #ccc;
	border-radius: 10px;
	-webkit-box-shadow:0 0 10px rgba(141,141,141,0.5);  
    -moz-box-shadow:0 0 10px rgba(141,141,141,0.5);  
    box-shadow:0 0 10px rgba(141,141,141,0.5);  
	color: #222;
	cursor:pointer;
}


.news_s {
	margin-top: 40px;
	margin-left: 100px;
	margin-right: 100px;
	display: none;
}

.news_s:first-child {
	display: block;
}

.news_s li {
	width: 48%;
	float: left;
	margin-right: 50px;
	border: 1px solid;
	border-color: rgba(255,255,255,0);
	padding: 20px;
	margin-bottom: 15px;
}
.news_s li:nth-child(2n) {
	margin-right: 0;
}
.news_s a {
	color: #222;
}

.news_s .nav {
	width: 60.5%;
	margin-right: 25px;
}

.news_s .nav .news_b {
	font-size: 18px;
}

.news_s .nav .news_t {
	font-size: 12px;
}

.news_s .nav .news_x {
	width: 45px;
	height: 1px;
	background: #000;
	margin-bottom: 30px;
	margin-top: 30px;
}

.news_s li:hover {
	background: rgba(255,255,255,0.1);
	border: 1px solid #ccc;
	-webkit-box-shadow:0 0 10px rgba(141,141,141,0.5);  
    -moz-box-shadow:0 0 10px rgba(141,141,141,0.5);  
    box-shadow:0 0 10px rgba(141,141,141,0.5);  
}

.news_s li:hover .ac {
	color: #df161c;
}

.news_s li:hover .news_x {
	background: #df161c;
}

.news_s img {
	width: 280px;
	height: 170px;
}


.section5 {
	background: url(../images/banner4.jpg) center center no-repeat;
	background-size: cover;
}
.coop h1 {
	margin-top: 100px;
}

.coop h1,.coop h3 {
	color: #fff;
}


.coop ul {
	padding: 0 190px;
}

.coop ul li {
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}
.coop ul li:hover {
	-webkit-box-shadow:0 0 20px #373737;  
    -moz-box-shadow:0 0 20px #373737;
    box-shadow:0 0 20px #373737;
}

.coop ul li:nth-child(5n) {
	margin-right: 0;
}

.coop p a {
	color: #FFF;
	font-size: 20px;
}

.contact {
	background: url(../images/contact.jpg);
	padding-left: 150px;
	padding-top: 200px;
	padding-bottom: 150px;
}

.contact .logo {
	font-size: 28px;
	color: #df161c;
	margin-bottom: 30px;
	margin-top: 100px;
}

.contact .ming {
	font-size: 22px;
	margin-bottom: 30px;
}

.contact li {
	font-size: 18px;
	color: #656565;
	margin-top: 10px;
}

.contact li span,.contact .logo span {
	padding-right: 10px;
}

.contact .er {
	margin-top: 30px;
}


.map_b {
	position: absolute;
    bottom: 0px;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
	color: #fff;
	opacity: 0;
}

.map_b .map_mm {
	position: absolute;
	top: 40%;
	left: 28%;
}

.map_b .map_mm h1 {
	font-family:"微软雅黑";
	font-size: 25px;
}

.map:hover .map_b {
	opacity: 1;
	transition: all 2s;
}

.map .map_immg {
	height: 100vh;
}

.footer {
	height: 60px;
    background: #3c3c3c;
    line-height: 60px;
    padding: 0 150px;
    position: absolute;
    bottom: 0;
    width: 100%;
	color: #FFF;
}
.footer a {
	color: #fff;
}


@media (max-width:1440px) {
	.about h1 {
		margin-top:  90px;
	}
	.about li {
		height: 150px;
	}
	.about li h2 {
		margin-top: 35px;
	}
	.three {
		height: 280px;
	}
	.three .a1 {
		padding-top: 15%;
	}
	.scheme_n {
		height: 440px;
	}
	#firs {
		bottom: 0;
		left: 120px;
	}
	.case h3 {
		top: 20.5%;
	}
	.flash4 {
	    height: 550px !important;
	    position: absolute !important;
	    bottom: 0;
	}
	.flash4 ul li {
		height: 550px !important;
	}
	.flash4 ul li .imgCen {
		bottom: 0 !important;
	}
	.news_s .nav {
		width: 44.5%;
	}
	.news_s li {
		margin-right: 45px;
	}
	.news_s li:nth-child(3) {
		display: none;
	}
	.news_s li:nth-child(4) {
		display: none;
	}
	.coop ul li img {
		width: 195px;
    	height: 110px;
	}
	.contact {
		padding-top: 130px;
		padding-bottom: 0;
	}
	.contact .logo {
		margin-top: 55px;
	}
}


@media (max-width:1366px) {
	.nav li a {
		margin-right: 5px;
	}
	.top h1 {
	    margin-top: 20%;
	}
	.three {
	    height: 215px;
	}
	.three .a1 {
	    padding-top: 10%;
	}
	.three .a2 {
		padding-top: 5%;
	}
	.scheme_n {
	    height: 335px;
	}
	.scheme_p {
	    padding-top: 5%;
	}
	#firs {
	    bottom: -55px;
	}
	.case h3 {
	    top: 22.5%;
	}
	.flash4,.flash4 ul li {
	    height: 435px !important;
	}
	.news h1 {
		margin-top: 10%;
	}
	.news_s .nav {
	    width: 40.5%;
	}
	.news_s .nav .news_t {
	    height: 100px;
	    overflow: hidden;
	}
	.coop ul li img {
	    width: 180px;
	    height: 90px;
	}
	.contact h3 {
		margin-bottom: 0;
	}
	.contact .logo {
	    margin: 5px 0;
	}
	.contact .ming {
		margin-bottom: 5px;
	}
	.contact .er {
	    margin-top: 15px;
	}
}





@media (max-width:640px) {
header{padding: 5px 0;background: rgba(255, 255, 255, 0.5);}
header>.fl{float: none;text-align: center;}
header>.fl img{height: 70px;}
header .nav {display: none;float: none;text-align: center;}
header .nav li{float: none;height: auto;line-height: 30px;}
header .nav li a{display: block;margin-right: 0;background-color: #f9f9f9;font-size: 16px;padding: 0px 18px;}
#search_news{padding-top: 5px;}

.top h1{font-size: 40px;}
.top h3{font-size: 34px;}

.about h3, .product h3, .scheme h3, .case h3, .news h3, .coop h3, .contact h3{margin-bottom: 10px;}
.about{padding: 0 3%;text-align: center;}
.section2{background: none;}
.about .text{font-size: 14px;margin-bottom: 10px;line-height: 20px;text-align: left;}
.about ul.fl{float: none;}
.about li{width: 200px;height: 60px;border: 1px solid #d5d5d5;float: none;margin: auto;}
.about li h2{margin-top: 0;font-size: 30px;}
.about li p{font-size: 16px;}
.more{margin-top: 10px;margin-left: 0;}

.product h1,
.product h3,
.scheme h1,
.scheme h3,
.case h1,
.case h3{padding: 0;text-align: center;}
.product h1,.case h1{margin-top: 0;}
.three{height: 170px;}
.three .a1 h2,
.three .a2 h2{margin-bottom: 15px;font-size: 20px;}
.three .a2 .eng{font-size: 12px;}

.scheme_p{padding-top: 4%;}
.scheme_p img{height: 80px;}
.scheme_n{height: 360px;}
#firs{bottom: 0;left: 3%;width: 94%;}
#firs li{width: 100%;padding: 2px 0;}
#firs li .biao{font-size: 20px;}
#firs li p{font-size: 14px;}

.flash4{height: auto!important;margin-top: 5px!important;}
.flash4 ul li{width: 48%!important;height: auto!important;margin-left: 1.3%;margin-top: 1%;}
.flash4 ul li .imgTop img{width: 100%;height: 130px;}
.flash4 ul li .imgCen{width: 100%!important;height: auto!important;font-size: 16px!important;line-height: 20px!important;position: relative!important;left: 0!important;bottom: 0!important;text-indent: 2px!important;}
.flash4 ul li .imgBot{width: 100%!important;height: auto!important;}
.flash4 ul li .imgBot p.bt_2{width: 100%!important;float: none!important;font-size: 14px!important;padding: 2px 5px 2px 5px!important;margin: 0;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.flash4 ul li.fast, .flash4 ul li:last-child{position: relative!important;}

.news .ti li{font-size: 18px;padding: 4px 15px;margin-right: 5px;}
.news_s{margin-top: 6px;margin-left: 0;margin-right: 0;overflow: hidden;}
.news_s li{width: 100%;float: none;overflow: hidden;margin-right: 0;padding: 5px;margin-bottom: 5px;}
.news_s li:last-child{display: none;}
.news_s .nav{display: block;width: 54%;margin-right: 0px;}
.news_s li .fl:last-child{width: 46%;}
.news_s li img{width: 100%;height: 100px;}
.news_s .nav .news_b{font-size: 14px;margin-bottom: 5px;line-height: 16px;}
.news_s .nav .news_t{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 5px;}
.news_s .nav .news_x{margin-bottom: 3px;margin-top: 3px;}
.news_s .nav span{font-size: 12px;margin-right: 5%;}

.coop ul{padding: 0 3%;}
.coop ul li{margin-right: 1%;margin-bottom: 2%;width: 48%;}
.coop ul li img{width: 100%;height: 75px;}
.coop ul li:nth-child(5n){margin-right: 1%;}
.coop ul li:nth-child(n+7){display: none;}

.contact{padding-left: 3%;padding-top: 0;padding-bottom: 0;}
.contact .logo{font-size: 20px;margin-bottom: 5px;margin-top: 0;}
.contact .ming{font-size: 18px;margin-bottom: 0px;}
.contact li{font-size: 15px;}
.contact .er{margin-top: 10px;}
.contact .er img{height: 100px;}
.map{display: none;}
.footer{position: relative;bottom: 0;height: auto;line-height: 20px;padding: 0 3%;overflow: hidden;}
}

@media (max-width:375px) {
	.nav {
		display: none;
	}
}

@media (max-width:420px) {
	.nav {
		display: none;
	}
}