@charset "utf-8";
/* CSS Document */
html, body {
    height: 100%;
}
body {
    margin: 0;
	font-family:'微软雅黑','宋体';
	width:100%;
	overflow:scroll;
	overflow-x:hidden;

}
ul,li,h1,p,h2{ padding-inline-start:0px; margin-block-start:0em; list-style-type:none; margin-block-end: 0em; }
.clear{ clear:both; width:100%; }
a{ text-decoration:none; }
/* banner */
.c-banner{
	width: 100%;
	position: relative;
	z-index:1;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-inline-start: 0px;
	margin-block-start:0em; 
	margin-block-end: 0em;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius:0px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 60px;
	height: 5px;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
.products{ width:100%; padding:50px 0px 0px;  }
.productsfl { width:100%; margin:0 auto; background:#fff; padding-top:20px; }
.productsfl img{ width:100%; }
.productsfl a{ color:#fff; }
.productsfll{ width:50%; float:left; }
.productsflr{ width:50%; float:right; }
.productsflleft{ width:100%; float:left; position:relative; overflow:hidden; max-height:406px; }
.productsflleft span{ display:block; width:100%; height:100vh; background:rgba(0,105,183,0.75); position:absolute; top:0px; left:0px; z-index:1; }
.productsflleft h1{ width:100%; position:absolute; top:50%; left:0px; z-index:2; text-align:center; height:40px; line-height:40px; margin-top:-20px; }
.productsflleft p{ width:100%; position:absolute; top:55%; left:0px; z-index:2; text-align:center; color:#fff; height:40px; line-height:40px; margin-top:0px; }
.productsflright{ width:100%; float:right; position:relative; overflow:hidden; max-height:406px; }
.productsflright span{ display:block; width:100%; height:100vh; background:rgba(240,129,0,0.75); position:absolute; top:0px; left:0px; z-index:1; }
.productsflright h1{ width:100%; position:absolute; top:50%; left:0px; z-index:2; text-align:center; height:40px; line-height:40px; margin-top:-20px; }
.productsflright p{ width:100%; position:absolute; top:55%; left:0px; z-index:2; text-align:center; color:#fff; height:40px; line-height:40px; margin-top:0px; }
.productsfl01{ width:100%; text-align:center; }
.productsfl01 h1{ font-size:24px; padding:30px 0px 10px; font-weight:normal; }
.productsfl01 a{ color:#fff; text-decoration:none; line-height:35px; }
.productsbtn{ width:50%; border:1px solid #fff; border-radius:5px; line-height:50px; display:block; margin:20px auto 30px; }
.productsbtn:hover{ background:#fff; color:#000; }
.productsfl01left{ width:100%; float:left; background:#1079c8; text-align:center; }
.productsfl01right{ width:100%; float:right; }
.productsfl01list01{ width:33.33%; float:left; background:#015491; min-height:350px; }
.productsfl01list02{ width:33.33%; float:left; background:#0069b7; min-height:350px; }
.productsfl01list03{ width:33.33%; float:left; background:#1079c8; min-height:350px; }
.productsfl01list05{ width:50%; float:left; background:#dd6e0f; min-height:350px; }
.productsfl01list06{ width:50%; float:left; background:#f08300; min-height:350px; }
.productsfl img {
 width: 100%;

 transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.productsfl a:hover img {
 transform: scale(1.2, 1.2) 
}


.index_tite{ width:100%; font-size:24px; text-align:center; line-height:40px; }
.index_tite h1 { font-size:40px; color:#000; }
.index_tite p{ width:100%; font-size:16px; color:#666; }

.about{ width:100%; background:#f0f0f6; padding:50px 0px; }
.about_inro{ width:100%; max-width:1800px; margin:20px auto 0px; background:#fff; position:relative; }
.about_inro_left{ width:50%; float:left; overflow:hidden; }
.about_inro_left img{ width:100%; }
.about_inro_right{ width:50%; float:right; background:#fff; position:absolute; top:15px; right:0px; z-index:3; padding:30px 30px 40px;  }
.about_inro_right p{ font-size:16px; line-height:30px; width:100%; height:auto; padding-bottom:10px; isplay: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden; max-height:145px; }
.about_inro_text{ width:100%; }
.about_inro_text h1{ font-size:40px; font-weight:400;}
.about_inro_text h2{ font-size:24px; color:#f08300; font-weight:400; padding:10px 0px; }
.about_fl{ width:100%; padding-top:30px; }
.about_fl div { width:30%; margin-right:2%; float:left; position:relative; overflow:hidden; max-height:148px; }
.about_fl div h1{ font-size:24px; font-weight:400; }
.about_fl div a{ color:#fff; }
.about_fl div p{ font-size:14px; }
.about_fl01 span{ display:block; width:100%; height:100vh; background:rgba(0,105,183,0.8); position:absolute; top:0px; left:0px; z-index:1; }
.about_fl01 h1{ width:100%; position:absolute; top:50%; left:0px; z-index:2; text-align:center; height:40px; line-height:40px; margin-top:-20px; }
.about_fl01 p{ width:100%; position:absolute; top:55%; left:0px; z-index:2; text-align:center; color:#fff; height:40px; line-height:40px; margin-top:0px; }
.about_fl02 span{ display:block; width:100%; height:100vh; background:rgba(240,131,0,0.75); position:absolute; top:0px; left:0px; z-index:1; }
.about_fl02 h1{ width:100%; position:absolute; top:50%; left:0px; z-index:2; text-align:center; height:40px; line-height:40px; margin-top:-20px; }
.about_fl02 p{ width:100%; position:absolute; top:55%; left:0px; z-index:2; text-align:center; color:#fff; height:40px; line-height:40px; margin-top:0px; }
.about_fl03 span{ display:block; width:100%; height:100vh; background:rgba(255,108,0,0.75); position:absolute; top:0px; left:0px; z-index:1; }
.about_fl03 h1{ width:100%; position:absolute; top:50%; left:0px; z-index:2; text-align:center; height:40px; line-height:40px; margin-top:-20px; }
.about_fl03 p{ width:100%; position:absolute; top:55%; left:0px; z-index:2; text-align:center; color:#fff; height:40px; line-height:40px; margin-top:0px; }
.about_fl img {
 width: 100%;

 transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.about_fl a:hover img {
 transform: scale(1.2, 1.2) 
}


.news{ width:100%; position:relative; height:auto; background:url(../images/newsbg.jpg) center top no-repeat; padding-top:50px; }
#tab{position:relative; width:100%; max-width:1800px; margin:0 auto; }
#tab .tabList ul { width:100%; text-align:center; margin:10px 0px 20px; }
#tab .tabList ul li{
	background:#0069b7;
	padding:20px 0;
	width:200px;
	text-align:center;
	margin-left:-1px;
	position:relative;
	cursor:pointer;
	display:inline-block;
	color:#fff;
}
#tab .tabList ul li a{ color:#fff; text-decoration:none; }
#tab .tabCon{
	width:100%;
	min-height:500px;
	position:relative;
}
#tab .tabCon div{
	padding:10px;
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
}
#tab .tabCon ul li { width:calc(25% - 25px); margin-right:25px; background:#fff; float:left; overflow:hidden; padding-bottom:10px; }
#tab .tabCon ul li a{ color:#000; text-decoration:none; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden; }
#tab .tabCon ul li h1 a:hover{ color:#f08300; }
#tab .tabCon ul li h1{ padding:10px 15px; font-size:18px; font-weight:normal; }
#tab .tabCon ul li img{ width:100%; max-height:260px; }
#tab .tabCon ul li p{ font-size:14px; color:#666; line-height:25px;     margin-block-end:0em; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;  }
#tab .tabCon ul li .date{ color:#f08300; padding-top:5px; }
#tab .tabList li.cur{
	border-bottom:none;
	background:#f08300;
}
#tab .tabCon div.cur{
	opacity:1;
	filter:alpha(opacity=100);
}
.navsj{ display:none; }
.more{ width:100%; text-align:center; padding:20px 0px 70px; }
.more a{ padding:15px 50px; color:#fff; background:#ddd; text-decoration:none; font-size:18px; border-radius:5px; }
.more a:hover{ background:#f08300; }
.bottom{ width:100%; background:#22272c; padding:0px; }
.bottom_tw { width:100%; max-width:1600px; margin:0 auto; color:#596470; padding:30px 0px; }
.bottom_twleft{ width:30%; line-height:30px; padding-top:20px; float:left; }
.bottom_twleft p{ color:#606c78!important; line-height:30px!important; font-size:14px!important; }
.bottom_twleft span { color:#606c78!important; line-height:30px!important; font-size:14px!important; }
.bottom_twlcenter{ width:50%; float:left; padding-top:40px; padding-left:5%; }
.bottom_twlcenter ul.bottmlist01{ width:100%; float:left; display:block; }
.bottmlist h1{ width:25%; float:left; display:block; font-size:18px; color:#fff;  }
.bottom_twlcenter ul.bottmlist h1:nth-child(1){ display:none; }
.bottom_twlcenter ul.bottmlist li{ width:100%; }
.bottom_twlcenter ul.bottmlist h1 ul li a{ color:#606c78; text-decoration:none; line-height:35px; font-size:14px; }
.bottom_twlcenter ul.bottmlist h1 a{ font-size:18px; color:#606c78; text-decoration:none; padding-bottom:20px; }
.bottom_twlcenter ul.bottmlist h1 ul li a:hover{ color:#f08300; }
.bottom_twright{ width:15%; float:right; text-align:right; padding-top:40px; }
.bottom_twright img{ max-width:150px; }
.bottom_twleft h1{ font-size:24px; line-height:40px;   margin-block-start:0em; }
.bottom_b{ width:100%; background:#1e2227; line-height:40px; padding:15px 0px; }
.bottom_b p{ width:100%; max-width:1600px; margin:0 auto; color:#596470; }
.bottom_b p span{ float:right; }
.bottom_b p a{ color:#596470; text-decoration:none; }
.bottom_b p a:hover{ color:#f08300; }
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
#tab .tabCon ul li { width:100%; margin-right:0px; background:#fff; float:left; overflow:hidden; padding-bottom:10px; }
#tab .tabCon ul li img{ width:100%; }
.productsfll {
    width: 100%;
    float: left;
}
.productsflr {
    width: 100%;
    float: left;
}
.productsfl01list05{ width:50%; float:left; background:#dd6e0f; }
.productsfl01list06{ width:50%; float:left; background:#f08300; }

.about_inro_left {
    width: 100%;
    float: none;
    overflow: hidden;
}
.about_inro_right {
    width: 92%;
    float: none;
    background: #fff;
    position:relative;
    top: 15px;
    right: 0px;
    z-index: 3;
    padding: 30px 4% 40px;
}
.about_inro {
    width: 100%;
	padding-bottom:50px;
    height: 100%;
}
#tab .tabCon {
    width: 100%;
    min-height:1650px;
    position: relative;
}
.bottom_twlcenter {
    width: 0%;
    float: left;
    padding-top: 40px;
    padding-left: 5%;
	display:none;
}
.bottom_twleft {
    width: 45%;
    line-height: 30px;
    padding-top: 20px;
    float: left;
	padding-left:5%;
}
.bottom_twright {
    width: 40%;
    float: right;
    text-align: center;
    padding-top: 40px;
}
.rm-hover{
	width:100%;
	height:100vh;
	position:fixed;
	z-index:999;
	background:rgba(255,255,255,1);
	
}
.brand {
    float: left;
    height: 80px;
    padding-left: 4%;
	position:relative;
	z-index:1099;
}
nav{ padding-bottom:20px; font-size:24px; }
.navsj{ width:100%; height:120px; clear:both; display:block; }
.menu-item{ width:90%; padding-left:5%; background:url(../images/navbg.png) right center no-repeat; padding-top:5px; padding-bottom:5px; border-bottom: dashed 1px #ccc; }
.banner_dw {
    position: relative;
    width: 100%;
    max-width: 1400px;
    height: 100%;
    min-height:350px !important;
    margin: 0 auto;
}
.ny_banner{ min-height:350px !important; }
}