.topbanner img{
	width: 100%;
}

.content01 .content01_nr span {	

	font-size: 25px;
	font-weight: 300;
	text-transform: uppercase;
    position: absolute;
    top: 180px;
left: 0;
padding-left: 50px;
}

.content01 .content01_nr p {
	
	font-size: 22px;
	margin-top: 15px;
    position: absolute;
top: 210px;
left: 15%;
padding-left: 70px;
}

.content01 .content01_nr div img {
	margin: auto;
    transition: 0.55s ease-in;
    position: absolute;
}

.content01 .xm3 div{
    padding-left: 80px;

}
.content01 .xm3:hover div{
	
}
.content01 a:hover img.hide1 {
 
opacity: 1;
visibility: visible; 
}
.content01 a:hover img {
opacity: 0;
visibility: hidden; 
}

.content02 {
	background: url(../image/07.png) no-repeat;
	background-size: cover;
	color: #fff;
}

.content02 {
	background: url(../image/07.png) no-repeat;
	background-size: cover;
	color: #fff;
	background-position: center center; 
	height: 500px;
}

.content02 .c02nr span {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 100;
}

.content02 .c02nr h2 {
	text-transform: uppercase;
	font-size: 28px;
	margin-bottom: 40px;
}
.content02 .c02nr p {
	
	line-height: 28px;

}
.content02 .c02nr .more {
	margin: 40px 0 0 0;
}

/*.content03 {
	background: url(../image/bg01.jpg) no-repeat;	
	background-position: center;
	background-attachment: fixed;
	height: 500px;
}
*/
.content04 p {
    font-size: 18px;
    padding: 10px 0 0 0;
    color: #6c6c6c;
}


.content04 .case_box {
	position: relative;
	overflow: hidden;
	margin: 0px 10px 10px 10px;
			width: -moz-fit-content;
width: fit-content;
width: -webkit-fit-content;
	cursor: pointer;
    border-bottom: 2px #008ee3 solid;
}
.content04 .case_box:hover  p{
	opacity: 0;
	
}
    .content04 .case_box .imgbox {
        height:180px;
        overflow:hidden;
    }

.content04 .case_box:hover .imgbox img {
	opacity: 0.5;
	transition: 0.8s ease-in-out;
}

.content04 .case_box .imgbox img {
	opacity: 1;
}



.content04 .case_box p {
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 0;
    padding: 15px 0;
    overflow: hidden;
}


.content04 .case_box .mask p {
	opacity: 0;
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 0;
	padding: 15px 0;
	position: absolute;
	bottom: 200%;
}
.content04 .case_box:hover .mask p {
	position: relative;
	padding: 0;
	opacity: 1;
	bottom: 0;
	display: inline;
	text-align: center;
	width: 100%;
	transition: 0.5s ease-in-out;
}
.content04 .case_box .mask {
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    bottom: calc(-100% + 2px);
	    background: #fff;
	    opacity:1;
        transition: 0.8s ease-in-out;
        display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;


	}
.content04 .case_box:hover .mask {
	    bottom: 0%;
	    background: #ffe463;
	    opacity: 1;
	   
}
.content05 {
    margin-bottom:100px;
}
.content05 img{
	margin: auto;
}

.content05 .nrtitle{
	padding: 0 0 100px 0;
    margin-bottom:0px;
}
.content05 .nrtitle1{
	padding: 0 0 10px 0;
    margin-bottom:0px;
}
.content05 .c05iconbox{
	background: #008ee3;
	color: white;
}

.content05 .c05iconbox .x3 span{
	padding-top: 40px;
	font-size: 20px;
	display: block;
	margin: auto;
	font-weight: 100;
	padding-bottom: 10px;
}
.content05 .c05iconbox .x3 h2{
	margin-bottom: 40px;
	font-size: 20px;
}



#productlb{
      height: 100%;
      margin-left: auto;
      margin-right: auto;
}

#productlb img{
	 width: 100%;
	 padding: 10px 0;
}
#productlb .swiper-slide {
	overflow: hidden;
      text-align: center;
      font-size: 18px;
      background: #fff;
      height: calc((100% - 30px) / 2);

      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    
.button-next,
.button-prev{
	color: #b4b4b4;
	font-family: swiper-icons;
  	position: absolute;
    top: 50%;
    /*width: calc(var(--swiper-navigation-size)/ 44 * 27);*/
    /*height: var(--swiper-navigation-size);*/
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.button-next span,
.button-prev span{
	    font-size: 49px;
  	display: block;
  	border: 1px solid #b4b4b4;
  	border-radius: 50%;
  	width: 60px;
  	height: 60px;
  	text-align: center;
}

.button-next{
	right: -70px;
}
.button-prev {
    left: -70px;
}
.button-next:hover span,
.button-prev:hover span{
	border:1px solid #FFE659;
	color: #FFE659;
}



.button-next:focus span,
.button-prev:focus span{
	color: #FFE463;
	border: 1px solid #FFE463;
}

.content05 .more{
	font-size: 18px;
    width: 150px;
    margin-top: 50px;
}
.content05 .more span{
	font-size: 14px;
}

.content05 .c05iconbox img{
	cursor: pointer;
}
.content05 .c05iconbox .picbox{
	position: relative;
	   		width: -moz-fit-content;
width: fit-content;
width: -webkit-fit-content;
	height:153px;
	margin: auto;
	overflow: hidden;
}
.content05 .c05iconbox .check-img,
.content05 .c05iconbox .normal-img {
	/* position: absolute; */
	top: 0;
}
.content05 .c05iconbox .check-img{
	top:100%;
}

.content05 .c05iconbox .check-img {
	transform: rotateY(-90deg);
	transition: all 0.65s ease;
}
.content05 .c05iconbox .x3:hover .normal-img {
	transform: rotateY(-90deg);
	opacity: 0;
	display: none;
	cursor: pointer;
}
.content05 .c05iconbox .x3:hover .check-img {
	transform: rotateY(180deg);
	transition: all 0.55s ease;
}

.content05 .case_box .imgbox{
	overflow: hidden;
	width: 100%;
    height:180px;
	position: relative;
	cursor: pointer;
}
.content05 .case_box .imgbox img{
	width: 100%;
}
.content05 .case_box{
	position: relative;
		margin: 0 10px;
    transition: 0.8s ease-in-out;
}
    .content05 .case_box > p {
        border-top: 2px solid #008ee3;
    }
.content05 .case_box:hover{
		border-bottom: 2px solid #ffe463;
	}
.content05 .case_box .mask{
		width: 100%;
		height: 0;
		position: absolute;
		bottom: 0;
	    left: 0;
        overflow:hidden;
		transition: 0.5s all;
		
	}
.content05 .x4{
		height: 400px;
	}
.content05  .case_box:hover .mask{
	
	height: 100%;
	background: #ffe463;
	cursor:pointer;

} 
.content05  .case_box .mask p{
	text-align: center;
	font-size: 16px;
    transition: 0.5s ease-in;
} 
.content05  .case_box:hover .mask p{
	margin-top: 30%;
	
}









.img_0{
/*	background: url(../image/bg03.jpg) no-repeat;
	
	background-position: left top;
	
	height: 600px;
    width: 100%;
    margin-bottom: 100px;*/
	}
.img_box {
    padding: 150px 0px 0px 150px;
}
    .img_box p {
color:#fff;

    }
.img_box p:nth-child(1) {
font-size:36px;
line-height:36px;
    }
.img_box p:nth-child(2) {
font-size:36px;
    }
.img_box p:nth-child(3) {
font-size:42px;
margin: 50px auto;
    }
.img_box p:nth-child(4) {
font-size:20px;
}
.img_box p:nth-child(5) {
font-size:20px;
}
.img_box p:nth-child(6) {
font-size:20px;
}
.hebox {
padding-top: 100px;
margin-left: 50%;
color:white;
text-shadow: 0 0 1rem rgba(0,0,0,0.5);
}
.hebox P{

font-size:20px;
}
.hebox P:nth-child(1) {
    font-size:30px;
    }
.hebox P:nth-child(2) {
     font-size:36px;
     margin:40px auto;
    }
    .hebox a {
        display:block;
        background: #ffe463;
        padding:5px 10px;
        width:80px;
        text-align:center;
        margin-top:30px;
    }
    .hebox ul {
padding-left: 0px;
margin-top: 40px;
    }
    .hebox ul li {
        float:left;
        list-style:none;
        margin:0px 10px;
    }
.img_1{
	background: url(../image/bg02.jpg) no-repeat;
	/* background-size: cover; */
	background-position: center center;
	background-attachment: fixed;
	height: 500px;
	}
.img_1 img{
	
}
.content06 .box{
	width: fit-content;
	overflow: hidden;
	margin: 0 10px;
}
.content06 .box img{
	transform: scale(1.0);
	transition: 1s ease-in-out;
}
.content06 .box:hover img{
	/*transform: scale(1.08);*/
}
.content06 img{
	margin: auto;
}
.content06 .x3{
	overflow: hidden;
}
.content07 .nrtitle,
.content06 .nrtitle{
	margin-bottom: 40px;
}
.content07 .newsbox p{
	margin: 15px;
	font-size: 16px;
}
.content07 .newsbox a.more{
	display: inline;
	float: right;
    margin:0 auto;
	padding: 0 25px;
}

.content07 .picbox{
	   		width: -moz-fit-content;
width: fit-content;
width: -webkit-fit-content;
	overflow: hidden;
	margin: 0 10px;
}
.content07 .picbox p{
	display: inline-block;
}
.content07 .newsbox p a.more {
    display: inline;
    float: right;
    margin-right: 10px;margin-top: 0px;
}
.content07 .picbox img{
	transform: scale(1.0);
	transition: 1s ease;
}
.content07 .picbox:hover img{
	transform: scale(1.08);
}

.content08 .c08nr img{
	margin: 20px auto;
	transition: 0.55s ease-in-out;
}
.content08 .c08nr img:hover{
	/*margin: 0px auto 40px auto;*/
}
.content08 .c08nr p{
	display: block;
	margin: auto;
	text-align: center;
	font-size: 18px;
	margin: 15px;
}


 @media (max-width: 1440px) {
	 .nav_top .tophone strong {
	     font-size: 28px;
	 }
 }

/* @media (min-width: 1366px) {
	.content04 .case_box {
	    margin: 10px;
	}
	.content04 .case_box p {
	    font-size: 23px;
	}
	.content04 p {
	    padding: 20px 0 0 0;
	}
	.button-prev {
	    left: 30px;
	}
	.button-next {
	    right: 30px;
	}
	.content06 .box {
	    margin: 10px;
	}
	.content07 .picbox {
	    height: 230px;
	    margin: 0 10px;
	}
} */

/* banner */
.c-banner{
	width: 100%;
	position: relative;
}
.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 .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	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: 20px;
	height: 20px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
    cursor:pointer;
}
.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;
	}
}