@charset "utf-8";
/* banner */
.c-banner{
	width: 80%;
    position: relative;
    margin: 2% auto;	
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.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 .jumpBtn{
	width: 100%;
	position: absolute !important;
	bottom: 15px;
	text-align: center;
	
	bottom: 2%;
	
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
	
}
.whitebg{
	
	position: absolute;
	background: white;
	bottom: 0;
	width: 90%;
	height: 14%;
	left: 5%;
}
.c-banner .jumpBtn ul li{
	/*border: 15px solid white;*/
	width: 11% !important;
	height: 100%;
	display: inline-block;
	background-color:  initial !important;
	opacity: 1;
	margin:0px -10px;
	margin-right: 0px;
	margin: 0px 5px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
/*@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;
	}
}*/

.d-banner .nexImg:hover,.d-banner .preImg:hover{
	opacity: 0.8;
}
.d-banner .nexImg{
	right: 0px;
}

.d-banner{
	width: 80%;

   position: relative;
    margin: 5% auto;	
}
.d-banner img{
	width: 100%;
}
.d-banner .dd-banner{
	    float: left;
    width: 85%;
    overflow: hidden;
    }
.d-banner .dd-banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.d-banner .dd-banner ul li{
	/*position: absolute;
	display: none;*/
	position:relative;
	opacity: 0;
	width: 100%;
	height: 100%;
}
.d-banner .dd-banner ul li .jdal{
	width:56%;
	position:absolute;
	right:5%;
	bottom:0;
	background:rgba(255,255,255,0.6);
	padding:2rem 0;
}
.dd-banner ul li p.jdal-p1{
	color:#101010;
	font-size:2.8rem;
	height:5.6rem;
	line-height:5.6rem;
	display:block;
	text-align:center;
}
.dd-banner ul li p.jdal-p2{
	color:#101010;
	font-size:1.3rem;
	display:block;
	text-align:center;
}
.dd-banner ul li p.jdal-p3{
	color:#101010;
	font-size:1.3rem;
	height:2.6rem;
	line-height:2.6rem;
	display:block;
	text-align:center;
}
.d-banner .dd-banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.d-banner .dd-banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
	height: 100%;
}
.d-banner .dd-banner ul li:first-child img{
	position: relative;
	width: 100%;
}

.d-banner .d-jumpBtn{
	width: 13.2%;
	display: inline-block;
	bottom: 15px;
	text-align: center;
	margin-left: 1.8%;

}
.d-banner .d-jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.d-banner .d-jumpBtn ul li{
	width:100%;
	/*height: 100%;*/	
	/*background-color: white;*/
	opacity: 1;
	margin-bottom: 30%;
	
}
.d-banner .d-jumpBtn ul li:first-child{
	margin-left: 0px;
	cursor:pointer;
}
.d-banner .d-jumpBtn ul li:hover img{
	transform:scale(1.1);
	 transition: all 0.3s linear;
}
.d-banner .d-jumpBtn ul li a{
	width:100%;
	height:100%;
	display:block;
		position:relative;
}
.d-banner .d-jumpBtn ul li .small-word{
	 position:absolute;
	 text-align:center;
	 background:rgba(255,255,255,0.6);
	 width:100%;
	font-size:2rem;	
	 top:0;
	 left:0;
	 height:100%;
	 line-height:100%;
	 display:none;
	 z-index:9999;
	     padding-top: 40%;
}
.d-banner .d-jumpBtn ul li:hover .small-word{
	display:block;
}
/*@media screen and (max-width:768px) {
	.d-banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.d-banner .dd-banner ul li img{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}*/
.footer{
	background: #373d4b;
	margin-top: 5%;
}
.footer_f{
	width: 85%;
	color: white;
	margin: 0 auto;
    border-bottom: 2px solid #515765;
    padding-top: 4%;
        padding-bottom: 1%;
}
.footer_left{
	display: inline-block;
	width: 20%;
}
@media screen and  (min-width:750px) and (max-width:1100px)  {


.footer_left{
	overflow: hidden;
	width:15%;
}

} 
.footer_xian{
	width: 1%;
	height: 170px;
	border-left: 2px solid white;
	display: inline-block;
	vertical-align: top;
	margin-left: 6%;
}
.footer_left p:nth-of-type(1){
	margin-top: 15%;

}
.footer_left p{
	 margin-left: 15%;
	  font-family: "Noto Sans SC";
font-weight: 100;
}
.footer_center{
	display: inline-block;
	width: 60%;
vertical-align: top;
padding-left: 3%;
}

.footer_right{
vertical-align: top;
	display: inline-block;
}
.pinpai{
	display: inline-block;
	margin-left: 7%;
	text-align: center;
	vertical-align: top;
}

.chanpin{
	display: inline-block;
	margin-left: 7%;
	text-align: center;
	vertical-align: top;
}
.shili{
	display: inline-block;
	margin-left: 7%;
	text-align: center;
	vertical-align: top;
}
.lianmeng{
	display: inline-block;
	margin-left: 7%;
	text-align: center;
	vertical-align: top;
}
.zixun{
	display: inline-block;
	margin-left: 7%;
	text-align: center;
	vertical-align: top;
}
.us{
	display: inline-block;
	margin-left: 7%;
	text-align: center;
	vertical-align: top;
}
.pinpai p{
	font-size: 14px;
	 font-family: "Noto Sans SC";
font-weight: 100;
}
.chanpin p{
	font-size: 14px;
	 font-family: "Noto Sans SC";
font-weight: 100;
}
.shili p{
	font-size: 14px;
	 font-family: "Noto Sans SC";
font-weight: 100;
}
.lianmeng p{
	font-size: 14px;
	 font-family: "Noto Sans SC";
font-weight: 100;
}
.zixun p{
	font-size: 14px;
	 font-family: "Noto Sans SC";
font-weight: 100;
}
.us p{
	font-size: 14px;
	font-family: "Noto Sans SC";
font-weight: 100;
}
.pinpai p:nth-of-type(1){
	font-size: 16px;
}
.chanpin p:nth-of-type(1){
font-size: 16px;
}
.shili p:nth-of-type(1){	
	font-size: 16px;
}
.lianmeng p:nth-of-type(1){
	font-size: 16px;
}
.zixun p:nth-of-type(1){
	font-size: 16px;
}
.us p:nth-of-type(1){
	font-size: 16px;
}
.shangbiao{
	color: white;
	text-align: center;
	font-size: 14px;
	padding: 0.5% 0;
}
.footer_right{
	width: 10%;
    margin-left: 2%;
}
.footer_right img{
	width: 100%;
}
.footer_m{
	display: none;
}
.shangbiao_m{
	display: none;
}
@media screen and (max-width: 750px) {
	.c-banner .jumpBtn{
	
	position: relative !important;
	width:90%;
	margin:0;
	padding:1rem 0;
	
}
	.whitebg{
	display:none;

	height: 38%;
	
}
.c-banner .jumpBtn ul li{
	
	width: 30% !important;
	
}
.d-banner .dd-banner ul li .jdal {
    width: 90%;
    right: 5%;
    padding: 1rem 0;
}
.dd-banner ul li p.jdal-p1 {
    font-size:2rem;
    height:4rem;
    line-height:4rem;
}
.d-banner .d-jumpBtn ul {
   width:100%;
}
.d-banner .d-jumpBtn ul li{
	width:32%;
	float:left;
	margin:1rem 0.5%; 
}
.d-banner .d-jumpBtn {
    width: 100%;
    display: inline-block;
    bottom: 0;
    text-align: center;
    margin-left: 0;
}
.footer_f{
	display: none;
}
	.footer_m{
	display: block;
    padding-top: 5%;
    width: 90%;
    margin: 0 auto;
}
.shangbiao{
	display: none;
}
.shangbiao_m{
	display: block;
}
	.c-banner{
	width: 95%;
	margin: 10% auto;
}
.d-banner{
	width: 95%;
}
.c-banner .jumpBtn ul li{
	/*margin: 0px -25px;*/
}
.d-banner .dd-banner{
	width: 100%;
}
.d-banner .d-jumpBtn ul li{
	display: inline-block;
}
.d-banner .d-jumpBtn{
	margin-left: 0;
}

.footer_m_left{
	    width: 60%;
    margin: 0 auto;
}
.footer_m_left img{
	width: 100%;
	height: 100%;
	display:none;
}
.footer_m_right{
	margin-top: 5%;
	margin-bottom: 5%;
}
.footer_m_right_left{
	display: inline-block;
	color: white;
	vertical-align: middle;
	margin-right:2%;
	width:53%;
	margin-left: 1%;
	    font-weight: 100;
    font-size: 1.2rem;
}
.footer_m_right_right{
	display: inline-block;
	width: 40%;
	text-align:right;
}
.footer_m_right_right img{
	width:50%;

}
.shangbiao_m{
	    color: white;
    text-align: center;
    font-size: 1.2rem;
    padding: 0.5% 0;
    font-weight: 100;
    padding-bottom: 2rem;
}
.imgp img{
	width:80%;
}
}