@charset "UTF-8";
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}
body,html{
	overflow-x: hidden;
}
body{
	font-size: 14px;  font-family: "PingFang SC",Arial,sans-serif; background: #030014; color: #fff;
	font-weight: 400;
}
a{
	color: inherit;text-decoration: none;
}
a:hover{
	 color: #ffffff;text-decoration: none;
}
img{
	max-width: 100%;
}
/* header */
.header{
	padding: 40px 5.5%; display: flex; display: -webkit-flex; align-items: center;-webkit-align-items: center; position: fixed; z-index: 99; left: 0; right: 0; top: 0;
	 /*background: linear-gradient(rgb(16, 16, 16) 50%, rgba(16, 16, 16, 0));*/
    background: linear-gradient(rgba(16, 16, 16,0.8) 20%, rgba(16, 16, 16, 0));
}
.header .logo{
	position: relative; z-index: 9;
}
.header .logo img{
	height: 43px;
}
.header-r{
	margin-left: auto;display: flex; display: -webkit-flex; align-items: center;-webkit-align-items: center;
}
.header .nav{
	display: flex; display: -webkit-flex; font-size: 16px;font-weight: 300; margin-right: 1.7vw;
}
.header .nav>li{
	margin: 0 1.85vw; position: relative;
}
.header .nav>li>a{
	padding: 16px 0;display: block;
}
.header .nav>li:hover>a{
	font-weight: 500;
}
.header .nav>li>ul{
	position: absolute;left: 50%; margin-left: -80px; top: 100%; background: #fff; border-radius: 16px; color: #333333; font-weight: normal;text-align: center;  width: 160px; font-size: 14px; box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3); padding: 16px 0;  margin-top: 8px; display: none;
}
.header .nav>li:hover>ul{
	display: block;
}
.header .nav>li>ul::before{
	content: ""; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff;
	position: absolute; left: 50%; margin-left: -8px; top: 0; margin-top: -16px; z-index: 1;
}
.header .nav>li>ul>li>a{
	color: #333333; font-weight: normal; display: block; padding: 8px ;
}
.header .nav>li>ul>li>a:hover{
	color: #000;
}
.header .search{
	position: relative; padding-left: 2.4vw;
}
.header .search::before{
	content: ""; width: 1px; height: 15px; background: #fff; display: block;position: absolute; left: 0; top: 50%; margin-top: -7.5px;
}
.header .search-btn{
	height: 40px; width: 40px; background: url(../images/search.png) no-repeat center; cursor: pointer; border: 0;
 }
 .header .search.search.open-search .search-btn{
	 background-image: url(../images/close.png) ;
 }
.header .search-info {
	 position: absolute;
	   top: calc(100% + 23px);
	   right: -15px;
	   width: 44px;
	   -webkit-clip-path: circle(0% at 100% 0%);
	           clip-path: circle(0% at 100% 0%);
	   -webkit-transition: all 0.5s;
	   transition: all 0.5s;
 }
 .header .search-inputtext{
	  background-color: #030014;
	   border-color: transparent;
	   padding: 17px 21px;
	   border-radius: 0;
	   color: #fff;
	   height: 55px;
	   width: 100%;
	   box-shadow: 0 0 5px 2px rgba(255, 255, 255, 0.3); border-radius: 8px; font-size: 14px;
 }
  .header .search-inputtext:focus{
	   -webkit-box-shadow: 0 0 5px 2px rgba(255, 255, 255, 0.6);
	           box-shadow: 0 0 5px 2px rgba(255, 255, 255, 0.6);
	   border-color: transparent;
	   color: #fff;
 }
 .header .search.open-search .search-info {
   width: 450px;
   -webkit-clip-path: circle(100% at 50% 100%);
           clip-path: circle(100% at 50% 100%);
 }

 .searchpage{
	 position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; display: none;
 }
.searchpage-mask{
  position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8);
}
.searchpage-main{
	background: #fff; position: relative; z-index: 1;  padding: 30px 0 70px;
}
.searchpage-close{
	position: absolute; right: 5.4%; top: 30px; width: 40px; height: 40px; background: url(../images/close01.png) no-repeat center/28px 28px; cursor: pointer;
}
.searchpage-logo{
	text-align: center;
}
.searchpage-logo img{
	height: 67px;
}
.searchpage .form{
	 width: 710px; margin: 120px auto 0 auto;
}
.searchpage .form form{
	display: flex; display: -webkit-flex; width: 100%; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between;
}
.searchpage .form-input{
	width: 650px; background: #fff; border: 0; border-bottom: 1px solid #D9D9D9; height: 51px;font-size: 24px;color: #333;
}
.searchpage .form-input::placeholder{
	color: #CCCCCC;
}
.searchpage .form-input::-ms-placeholder{
	color: #CCCCCC;
}
.searchpage .form-input::-webkit-input-placeholder{
	color: #CCCCCC;
}
.searchpage button{
	height: 51px;width: 51px;border-radius: 50%;background: #BE2421 url(../images/icon02.png) no-repeat center;border: 0; cursor: pointer;
}
 .headermedium{
 	padding-left: 5.5%; padding-right: 5.5%;
 }
 .headerwhite{
	position: static;height: 131px;
 }
 .headerwhite .header-box{
	 width: 100%; display: flex; display: -webkit-flex;align-items: center;-webkit-align-items: center; height: 131px; position: fixed; left: 0; right: 0; top: 0; z-index: 999; padding-left: 5.5%; padding-right: 5.5%; background: #fff; border-bottom: 1px solid #E8E8E8;color: #333;
 }
 .header.headerwhite .nav{
	 font-weight: 400;
 }
.header.headerwhite .nav>li>a:hover{
  color: #BE2421;
}
.header.headerwhite .search-btn{
	background-image: url(../images/searchgray.png);
}
.header.headerwhite .search::before{
	background-color: #333;
}

 /* footer */
 .footer{
	 padding: 50px 5.5% 80px 5.5%; display: flex; display: -webkit-flex; align-items: center;-webkit-align-items: center; position: relative;
 }
 .footer-l img{
	 height: 75px;
 }
.footer-c{
  position: absolute !important; left: 50%; top: 50%;  margin-left: -77px; margin-top: -101px;
}
.gbtn{
	width: 168px; height: 168px;  display: flex; display: -webkit-flex; justify-content: center;-webkit-justify-content: center; align-items: center; -webkit-align-items: center; cursor: pointer; position: relative;
}
 @keyframes rotate360 {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
.gbtn::before{
position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: "";background: url(../images/quan.png) no-repeat center/cover; /* animation: rotate360 0.8s   infinite  ; */
}

.gbtn:hover::before {
		animation: rotate360 0.5s  ease ;
	}
.footer-r{
  margin-left: auto;
}
.footer-info{
	text-align: right;
}
.footer-nav{
	display: inline-block;vertical-align: middle;  font-weight: 300;font-size: 16px;
}
.footer-nav li{
	display: inline-block; padding:  0 20px; position: relative;
}
.footer-nav li::after{
	position: absolute; right: 0; top: 50%; margin-top: -8px; height: 16px; width: 1px; content: ""; background: #fff; display: block;
}
.footer-nav li:last-child{
	padding-right: 10px;
}
.footer-nav li:last-child::after{
	display: none;
}
.footer-info .wx{
	margin-left: 22px;display: inline-block; vertical-align: middle; position: relative; cursor: pointer; padding-top: 5px;
}
.footer-info .wx>img{
	width: 22px;
}
.footer-info .wx .qr{
	position: absolute; left: 50%; bottom: 100%; background: #fff; padding: 8px;   width: 106px;height: 106px;    border-radius: 8px;
    margin-left: -53px; display: none;
}
.footer-info .wx .qr>img{
	width: 90px;
}
.footer-info .wx:hover .qr{
	display: block;
}
.footer .copyright{
	font-size: 12px; color: rgba(255, 255, 255, 0.6);font-weight: 100; margin-top: 20px;
}
.footermedium{
	 padding:60px 5.5% 60px 5.5%;
}
.footermedium .footer-c{
	margin-top: -77px; overflow: hidden;
}
  #swiper {
        width: 100%;
        height: 100vh;
        overflow: hidden;


    }

    #swiper > .swiper-wrapper > .swiper-slide {
        overflow: hidden;
        /* Center slide text vertically */
        /*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;*/


    }

    /*自定义名称 以免冲突*/
    #swiper_pages{
    	width:150px;
    }
   #swiper_pages .swiper-pagination-bullet{
   	width: 32px;
   	height: 1px;
   	position: relative;
   	margin-bottom: 12px;
	background:rgba(255, 255, 255, 0.3); opacity: 1;

   }
    #swiper_pages .swiper-pagination-bullet::after{
		position: absolute; left: 0; top: 0; content: ""; background:rgba(255, 255, 255, 1);  height: 1px; width:0;
		transition: all 0.3s ease-in;
	}
   #swiper_pages .swiper-pagination-bullet >label{
   	position: absolute; right: 50px;top: -8px; display: none;
   }

   #swiper_pages .swiper-pagination-bullet-active{
   /* 	width: 150px; */  position: relative;
   }
    #swiper_pages .swiper-pagination-bullet-active::after{
		width: 150px;
	}
   #swiper_pages .swiper-pagination-bullet-active::before{
	   content: ""; width: 2px; height: 1px; box-shadow: 0 0 2px 1px rgba(255, 255, 255, 1); position: absolute; left: 0; top: 0;
   }
   #swiper_pages .swiper-pagination-bullet-active>label{
   	 right: 50px; display: block;font-size: 12px;font-weight: 300;
   }

    /*通用分页样式*/
   .common_pages:before{
   	content: "01";
   }
   .common_pages:after{
   	content: "03";
   }
    .common_pages .swiper-pagination-bullet{
    	width: 50px;
    	height: 2px;
    	margin: 0 !important;
    }
    .common_pages .swiper-pagination-bullet-active{
    	width: 80px;
    }

.page{
	min-height: 100vh;/* height: 1080px; */
}
.pagemain{
	/* height: 100%; */ display: flex; display: -webkit-flex; flex-direction: column;-webkit-flex-direction: column; padding-left: 5.5%; padding-right: 5.5%;

}
.page1{
	position: relative;
}
 #page1_swiper{
	width: 100%;
	height: 100vh;
}
#page1_swiper .swiper-slide{
	height:100vh; padding-top: 24vh;
}

.page1_main{
	text-align: center; background: url(../images/page1.jpg) no-repeat center ; background-size: cover; position: relative;
}
.page1_bg{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;
}
 @keyframes testAnimation {
    	0%{
    		transform: scale(0.99); opacity: 0.8;
          }
        50%{
           transform: scale(1);opacity: 1;
          }
         100%{
           transform: scale(0.99);opacity: 0.8;
          }
}
.page1_bg1,
.page1_bg2{
	position: absolute; left: 0; top: 0; display: block;
}
.page1_bg1{
	width: 100%; height: 100%;background: url(../images/line.png) no-repeat center /cover;animation: testAnimation 3s ease-in-out infinite;
}
.page1_bg2{
	width: 100%; height: 100%;background: url(../images/line1.png) no-repeat center /cover; position: relative;animation: testAnimation 1.8s ease-in-out infinite;
}
.page1_bg1 img,
.page1_bg2 img{
	width: 100%;
}

.page1-title{
	font-size: 60px; margin-bottom: 50px;
}
.page1-txt{
	font-size: 20px; line-height: 2.05em; width: 905px; margin: 0 auto;
}
.page1-btn{
	width: 200px;height: 52px;border-radius: 26px;border: 1px solid #FFFFFF;font-size: 16px;color: #FFFFFF;opacity: 0.5; display: block; margin: 50px auto  0 auto; line-height: 50px;/* font-weight: 100; */ position: relative;z-index: 1;
transition: all 0.3s;

}

.page1-btn:hover{
	opacity: 1; background: rgba(255, 255, 255, 0.15);

}
.page1 .gbtn{
	position: absolute; right: 75px; bottom: 53px;  flex-direction: column;  -webkit-flex-direction: column; z-index: 99;
}
.page1 .gbtn .img1{
	margin-bottom: 8px;
}
@keyframes moveUpDown {
		0% {
			transform: translateY(0);
		}
		50% {
			transform: translateY(-10px);
		}
		100% {
			transform: translateY(0);
		}
	}
.page1 .gbtn img{
	 animation: moveUpDown 1.3s infinite ease-in;
}

.swiper-pagination-bullets.swiper-pagination-horizontal{
	width: auto; left: 120px; bottom: 65px;
}
.common_pages .swiper-pagination-bullet{
	width: 169px; background: rgba(255, 255, 255, 0.3); height: 1px; position: relative; opacity: 1;
}
.common_pages .swiper-pagination-bullet::before{
	position: absolute; width: 0; height: 1px;background: rgba(255, 255, 255, 1);content: ""; left: 0;
	transition: width 0.4s;
}
.common_pages .swiper-pagination-bullet::after{
	position: absolute; right: 0; top: 0; content: ""; width: 1px; height: 1px; box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.4); display: block;
}
.common_pages .swiper-pagination-bullet:last-child::after{
	display: none;
}
.common_pages .swiper-pagination-bullet-active::before{
	width: 100%;
}
.common_pages .swiper-pagination-bullet-active{
/* 	background: rgba(255, 255, 255, 1); */
}
.common_pages::before{
	line-height: 1; margin-top: 3px;position: absolute; left: -45px;
}
.common_pages:after{
	line-height: 1; margin-top: 3px; position: absolute; right: -45px; color: rgba(255, 255, 255, 0.4);font-size: 16px;
}

#swiper_pages.swiper-pagination-clickable{
	-webkit-animation: fadeInRight 1s 1s both;
    animation: fadeInRight 1s 1s both;
    -ms-animation: fadeInRight 1s 1s both;
}

#page1 .swiper-slide{

		padding-top: 0;
		display: flex;
		align-items: center;

	}
	#page1 .page1_inner{
		display: block !important;
		width: 100%;
		position: relative; top: -10%; z-index: 1;
	}
	#page1.swiper-slide-active .swiper-pagination{
		-webkit-animation: fadeInUp 1s 1s both;
    animation: fadeInUp 1s 1s both;
    -ms-animation: fadeInUp 1s 1s both;
	}
	#page1.swiper-slide-active .gbtn {
    -webkit-animation: fadeIn 1s 2s both;
    animation: fadeIn 1s 2s both;
    -ms-animation: fadeIn 1s 2s both;
}


	#page1 .swiper-slide.swiper-slide-active .page1-title {
    -webkit-animation: fadeInUp 1s .2s both;
    animation: fadeInUp 1s .2s both;
    -ms-animation: fadeInUp 1s .2s both;
}
	#page1 .swiper-slide.swiper-slide-active .page1-txt {
    -webkit-animation: fadeInUp 1s .3s both;
    animation: fadeInUp 1s .3s both;
    -ms-animation: fadeInUp 1s .3s both;
}
#page1 .swiper-slide.swiper-slide-active .page1-btn {
    -webkit-animation: fadeInUp 1s .5s both;
    animation: fadeInUp 1s .5s both;
    -ms-animation: fadeInUp 1s .5s both;
}




.page2{
	    -webkit-box-pack: start !important;
	    -ms-flex-pack: start !important;
	    -webkit-justify-content: start !important;
	    justify-content: start  !important;
	    display: flex;
    align-items: center;
}
.page2-bg{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	background: url(../images/page2.jpg) no-repeat center /cover;
	animation: testAnimation 2.8s ease-in-out infinite;
}
.page-titleen{
	font-weight: 600;font-size: 67px; opacity: 0;
}
.page-title{
	font-size: 48px; margin-top: 10px; opacity: 0;
}
.page-txt{
	margin-top: 60px;font-size: 27px;font-weight: 100; width: 790px; line-height: 1.8;  opacity: 0;
}
.page-txt strong{
	font-weight: 600;
}

#page2.swiper-slide-active .page-titleen{
    -webkit-animation: fadeInUp 1s .2s both;
    animation: fadeInUp 1s .2s both;
    -ms-animation: fadeInUp 1s .2s both;
}
#page2.swiper-slide-active .page-title{
    -webkit-animation: fadeInUp 1s .4s both;
    animation: fadeInUp 1s .4s both;
    -ms-animation: fadeInUp 1s .4s both;
}
#page2.swiper-slide-active .page-txt{
    -webkit-animation: fadeInUp 1s .6s both;
    animation: fadeInUp 1s .6s both;
    -ms-animation: fadeInUp 1s .6s both;
}
#page2.swiper-slide-active .gbtn{
	-webkit-animation: fadeInUp 1s .8s both;
	animation: fadeInUp 1s .8s both;
	-ms-animation: fadeInUp 1s .8s both;
}
.page2 .gbtn,
.page3 .gbtn{
	margin-top: 65px; opacity: 0;
}
/* @keyframes moveRight {
		0% {
			transform: translateX(0);
		}
		50% {
			transform: translateX(-10px);
		}
		100% {
			transform: translateX(0);
		}
	}
.page2 .gbtn img{
	 animation: moveRight 1.3s infinite ease-in;
} */

/* .page3{
	background: url(../images/page3.jpg) no-repeat center /cover;
	-webkit-box-pack: start !important;
	-ms-flex-pack: start !important;
	-webkit-justify-content: start !important;
	justify-content: start  !important;
} */
#page3.swiper-slide-active .swiper-pagination{
		-webkit-animation: fadeIn 1s 0.6s both;
    animation: fadeIn 1s 0.6s  both;
    -ms-animation: fadeIn 1s 0.6s  both;
	}


.page3 .swiper-slide{
	display: block !important;
}
.page3  .pagemain{
	justify-content: center; -webkit-justify-content: center; height: 100%;
}
.page3 .page-txt{
	width: 817px;
}

#page3 .swiper-slide.swiper-slide-active .page-titleen{
    -webkit-animation: fadeInUp 1s .2s both;
    animation: fadeInUp 1s .2s both;
    -ms-animation: fadeInUp 1s .2s both;
}

#page3 .swiper-slide.swiper-slide-active .page-title{
    -webkit-animation: fadeInUp 1s .4s both;
    animation: fadeInUp 1s .4s both;
    -ms-animation: fadeInUp 1s .4s both;
}

#page3 .swiper-slide.swiper-slide-active  .page-txt{
    -webkit-animation: fadeInUp 1s .6s both;
    animation: fadeInUp 1s .6s both;
    -ms-animation: fadeInUp 1s .6s both;
}

#page3 .swiper-slide.swiper-slide-active .gbtn{
	-webkit-animation: fadeInUp 1s .8s both;
	animation: fadeInUp 1s .8s both;
	-ms-animation: fadeInUp 1s .8s both;
}


.page3-sub{
	position: absolute; top: 50%; right: 50%; margin-right: -34vw; margin-top: -11vw;
}
.page3-subtit{
	display: inline-block;font-size: 24px; padding: 0 65px; line-height: 66px;border-radius: 33px;background: rgba(0,0,0,0.3); box-shadow: 0 0 5px 5px rgba(255, 255, 255, 0.5);
}
.page3-subline{
	width: 1px; height: 33px; background: #fff; margin: 10px auto;
}
.page3-subdot{
	width: 12px; height: 12px;background: rgba(255, 255, 255, 0.8);border-radius: 50%; margin: 0 auto; box-shadow: 0 0 6px 3px rgba(255, 255, 255, 0.8);
}
.page4{
	background: url(../images/page4.jpg) no-repeat center /cover;
	/* -webkit-box-pack: start !important;
	-ms-flex-pack: start !important;
	-webkit-justify-content: start !important;
	justify-content: start  !important; */
	/* display: block !important; */
	display: block !important;
}
.page4 .swiper-slide{
	margin-right: 20px;
}
.page4.swiper-slide-active .pagemain-info,
.page5.swiper-slide-active .pagemain-info{
	-webkit-animation: fadeInRight 1.5s .3s both;
	animation: fadeInRight 1.5s .3s both;
	-ms-animation: fadeInRight 1.5s .3s both;
}



.page4  .pagemain{
	justify-content: center; -webkit-justify-content: center; height: 100%; padding-top: 5vw;
}
.page4 .page-titleen{
	color: #32398F;
}
.page4 .page-title{
	color: #333333;
}
#page4.swiper-slide-active .page-titleen{
    -webkit-animation: fadeInUp 1s .2s both;
    animation: fadeInUp 1s .2s both;
    -ms-animation: fadeInUp 1s .2s both;
}

#page4.swiper-slide-active .page-title{
    -webkit-animation: fadeInUp 1s .4s both;
    animation: fadeInUp 1s .4s both;
    -ms-animation: fadeInUp 1s .4s both;
}
#page4.swiper-slide-active #page4_swiper{
    -webkit-animation: fadeIn 1s .4s both;
    animation: fadeIn 1s .4s both;
    -ms-animation: fadeIn 1s .4s both;
}

.page-products{
	margin-top: 95px; display: flex; display: -webkit-flex; margin-right: -27px;
	margin-bottom: 8vw;
}
.page-products li{
	margin-right: 27px;
}
.page-products .imgbox{
	width: 519px; height: 519px;background: #F6F6F6;border-radius: 30px; position: relative; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;
	transition: all 0.3s ease-in;

}
.page-products .imgbg{
	width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; opacity: 0; transition: all 0.15s;    border-radius: 30px;
}
.page-products .num{
	position: absolute; left: 43px; top: 45px; font-size: 24px; color: #333333;font-weight: 600;
}
.page-products li .img{
	transition: all 0.2s ease-in-out;
}
.page-products .tilte{
	color: #333333;font-weight: 400;  position: absolute; left: 0; right: 0; bottom: 55px; text-align: center;font-size: 20px; padding: 0 5px;
}
.page-products .tilte strong{
	font-weight: 600;
}
.page-products .info{
	margin-top: 5px; padding: 0 30px; font-size: 16px;color: #333333; line-height: 1.8;text-align: center; opacity: 0; overflow: hidden; height: 3.6em; overflow: hidden;
	 display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2; /* 限制文本为2行 */
	    overflow: hidden;
	    text-overflow: ellipsis;
}
.page-products li:hover .tilte,
.page-products li:hover .num{
	color: #fff;
}
.page-products li:hover .imgbg{
	opacity: 1;
}
.page-products li:hover .img{
	/*transform: translateY(-118%);*/
	transform: translateY(-108%);
}
.page-products li:hover .imgbox{
	box-shadow: rgba(0, 0, 0, 0.3) 0 20px 40px 5px; transform: translateY(-25px);
}
.page-products li:hover .info{
	opacity: 1;overflow: visible;height: 3.6em; overflow: hidden;
}
.page5{
	background: url(../images/page5.jpg) no-repeat center /cover;
	-webkit-box-pack: start !important;
	-ms-flex-pack: start !important;
	-webkit-justify-content: start !important;
	justify-content: start  !important;
	flex-direction: column;
}

.page-news{
	margin-top: 65px;/* display: flex; display: -webkit-flex; */
}
.page-news li{
	margin-right: 54px; width: 671px;
}
.page-news .img img{
	height: 417px;width: 671px;border-radius: 30px;
}
.page-news .info{
	margin-top: 40px;
}
.page-news .time{
	font-weight: 100;font-size: 16px; margin-bottom: 8px;
}
.page-news .title{
	font-size: 24px; line-height: 1.8; height: 3.6em; overflow: hidden;
	 display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2; /* 限制文本为2行 */
	    overflow: hidden;
	    text-overflow: ellipsis;
}

 .page5  .pagemain{
 	justify-content: center; -webkit-justify-content: center; height: 100%;
 }
  .page5 .swiper-slide{
  	width: auto;
  	margin-right: 20px;
  }
   #page5.swiper-slide-active .page-titleen{
    -webkit-animation: fadeInUp 1s .2s both;
    animation: fadeInUp 1s .2s both;
    -ms-animation: fadeInUp 1s .2s both;
}

#page5.swiper-slide-active .page-title{
    -webkit-animation: fadeInUp 1s .4s both;
    animation: fadeInUp 1s .4s both;
    -ms-animation: fadeInUp 1s .4s both;
}
#page5.swiper-slide-active #page5_swiper{
    -webkit-animation: fadeIn 1s .4s both;
    animation: fadeIn 1s .4s both;
    -ms-animation: fadeIn 1s .4s both;
}

	#page3_swiper{
		width: 100%;
        height: 100vh;
	}
	#page3_swiper .swiper-slide{
		height:100vh; background-size: cover; background-repeat: no-repeat; background-position: center;

	    display: flex;
    align-items: center;
	}

	#page4_swiper{
		width: 100%;
        /* height: 100vh; */
       overflow: hidden;
	}
	#page4_swiper .swiper-slide{

		width: 519px;
		/* height:100vh; */

    height: 519px;
	}

	#page5_swiper{
		width: 100%;
        /* height: 100vh; */
	}
	#page5_swiper .swiper-slide >a{
		display: block;
		width:671px;
		/* height:100vh; */
	}

	#footer{
		height: 200px; background: #000; overflow: visible !important;
	}


  @media screen and (max-width:1601px) {
	  #swiper_pages{
		  width: 120px;
	  }
	  .header{
		  padding-top: 24px; padding-bottom: 24px;
	  }
	  .header .logo img{
		  height: 36px;
	  }
	  .header .nav>li>a{
		  padding: 12px 0;
	  }
	  #page1 .swiper-slide{
		  padding-top: 10vh;
	  }
	  .page1-title{
		  font-size: 50px; margin-bottom: 40px;
	  }
	  .page1-txt{
		  font-size: 18px; width: 810px;
	  }
	  .page1-btn{
		  width: 180px; line-height: 46px; font-size: 14px; margin-top: 40px;
	  }
	  .common_pages .swiper-pagination-bullet{
		  width: 120px;
	  }
	  .page-titleen{
		  font-size: 40px;
	  }
	  .page-title{
		  font-size: 32px; margin-top: 5px;
	  }
	  .page-txt{
		  font-size: 24px; margin-top:40px; width: 680px;
	  }
	  .page2{
		  padding-top: 5vh;
	  }
	  .page2 .gbtn, .page3 .gbtn{
		  margin-top: 40px;
	  }
	  .page-products{
		  margin-top: 40px;
	  }
	  #page4_swiper .swiper-slide{
		  width: 410px; height: 360px; margin-right: 25px;
	  }
	  .page-products .imgbox{
		  width: 410px; height: 360px;
	  }
	  .page-products li:hover .imgbox{
		  transform: translateY(-15px);
	  }
	  .page-products .tilte{
	  		  bottom: 40px; font-size: 18px;
	  }
	  .page-products .num{
		  left: 35px; top: 38px;
	  }
	  .page-products li .img{
		  height: 120px;
	  }
	  .page-products .info{
		  font-size: 14px; padding: 0 25px;
	  }
	  .page-products li:hover .img{
	  	transform: translateY(-125%);
	  }
	  .page4 .pagemain{
		  padding-top: 9vw;
	  }
	 #page5_swiper .swiper-slide >a{
		 width: 475px;
	 }
	  .page-news .img img{
		  width: 475px; height: 295px; border-radius: 16px;
	  }
	  .page-news .info{
		  margin-top: 24px;
	  }
	  .page-news .time{
		  font-size: 14px; margin-bottom: 3px;
	  }
	  .page-news .title{
		  font-size: 20px;
	  }
	  .page-news{
		  margin-top: 40px;
	  }
	  .page5 .pagemain{
		  padding-top: 4vw;
	  }
	  .footer-l img{
		  height: 50px;
	  }
	  .gbtn{
		  width: 130px; height: 130px;
	  }
	  .page1 .gbtn .img1{
		  height: 20px;
	  }
	  .footer-c{
		  margin-left: -65px; margin-top: -65px;
	  }
  }
@media screen and (max-width:1350px) {
	#swiper_pages{
		width: 80px;
	}
	#page1 .swiper-slide{
		padding-top: 5vh;
	}
	  .page1-title{
		  font-size: 42px; margin-bottom: 35px;
	  }
	  .page1-txt{
		  font-size: 16px; width: 720px;
	  }

	  .page-titleen{
		  font-size: 48px;
	  }
	  .page-title{
		  font-size: 36px;
	  }
	  .page-txt{
		  font-size: 22px; margin-top: 30px;width: 643px;
	  }
	  .page2 .gbtn, .page3 .gbtn{
		  margin-top: 35px;
	  }

	  .page3 .page-txt{
		  width: 685px;
	  }
	  .gbtn{
		  width: 110px; height: 110px;
	  }
	  .common_pages .swiper-pagination-bullet{
		  width: 100px;
	  }
	  .page-titleen{
		  font-size: 40px;
	  }
	  .page-title{
		  font-size: 32px;
	  }
	  .page-products{
		  margin-top: 50px;
	  }
	  #page4_swiper .swiper-slide{
		   width: 380px; height: 380px; margin-right: 15px;
	  }
	  .page-products .imgbox{
		  width: 380px; height: 380px;
	  }
	  .page-products .tilte{
		  font-size: 16px;
	  }
	  .page-products li:hover .img{
		  transform: translateY(-120%);
	  }
	  .page-products li:hover .imgbox{
		  transform: translateY(-15px);
	  }
	  .page-products .imgbg,
	  .page-products .imgbox{
		  border-radius: 24px;
	  }
	  .page-news{
		  margin-top: 30px;
	  }
	  #page5_swiper .swiper-slide >a{
		  width: 475px;
	  }
	  .page-news .img img{
		  width: 475px; height: 295px;  border-radius:20px;
	  }
	  .page-news .info{
		  margin-top: 25px;
	  }
	  .page-news .time{
		  font-size: 14px; margin-bottom: 5px;
	  }
	  .page-news .title{
		  font-size: 18px;
	  }
	  .page4 .pagemain{
		  padding-top: 8vw;
	  }
	  #footer{
		  height: 180px;
	  }
	  .footer .copyright{
		  margin-top: 15px;
	  }
	  .header{
		  padding-top: 25px; padding-bottom: 25px;
	  }
	  .header .nav{
		  font-size: 14px;
	  }
	  .header .nav>li{
		  margin: 0 1.3vw;
	  }
  }
  @media screen and (max-width:1026px) {
	  .header .logo img{
		  height: 35px;
	  }
	  .header .nav{
		  font-size: 14px; margin-right: 1.7vw;
	  }
	  .header .nav>li{
		      margin: 0 1.35vw;
	  }
	  .header .search{
		  padding-left: 1.3vw;
	  }
	  .pagemain{
		  padding-left: 5.5%; padding-right: 5.5%;
	  }
	  .header{
		  padding-left: 6%; padding-right: 6%;
	  }
	  .footer{
		  padding: 30px 6% 60px 6%;
	  }
	  .footer-l img{
		  height: 50px;
	  }
	  .common_pages .swiper-pagination-bullet{
		  width: 80px;
	  }
  }
  @media screen and (max-width:1001px) {
	  #swiper_pages{
		  display: none;
	  }
	  .page1_inner{
		  padding-left: 5.5%; padding-right: 5.5%;
	  }
	  .page1-title{
		  font-size: 30px;
	  }
	  .page1-txt{
		  width: auto;/* padding-left: 5.5%; padding-right: 5.5%; */ font-size: 15px;
	  }
	  .swiper-pagination-bullets.swiper-pagination-horizontal{
		  left: 45px; bottom: 15px;
	  }
	  .common_pages .swiper-pagination-bullet{
		  width:50px;
	  }
	  .common_pages:after{
		  font-size: 12px; margin-top: 5px;right: -25px;font-size: 12px;
	  }
	  .common_pages::before{
	  		  font-size: 12px; margin-top: 5px;left: -25px;font-size: 12px;
	  }
	  .page1 .gbtn{
		  right: 0; bottom: 0;
	  }
	  .page-txt{
		  width: auto; font-size: 16px; margin-top: 25px;
	  }
	  .page-titleen{
		  font-size: 32px;
	  }
	  .page-title{
		  font-size: 24px;
	  }
	  .page2 .gbtn, .page3 .gbtn{
		  margin-top: 25px;
	  }
	  .gbtn{
		  width: 90px; height: 90px;
	  }
	  .gbtn img{
		  height: 12px;
	  }
	  .page1 .gbtn .img1{
		  height: 16px;  margin-bottom: 4px;
	  }
	  .page1 .gbtn .img2{
		  height: 6px;
	  }
	  .page3 .page-txt{
		  width: auto;
	  }
	  #page4_swiper .swiper-slide{
		  width: 230px; height: 230px; margin-right: 10px;
	  }
	  .page-products .imgbox{
		  width: 230px; height: 230px;
	  }
	  .page-products li .img{
		  height: 75px;
	  }
	  .page-products .num{
		  left: 20px; top: 20px; font-size: 16px;
	  }
	  .page-products .tilte{
		  bottom: 30px; font-size: 14px;
	  }
	  .page-products li:hover .imgbox{
		  box-shadow: rgba(0, 0, 0, 0.3) 0 10px 20px 0px;
	  }
	  #page5_swiper .swiper-slide >a{
		  width: 260px;
	  }
	  .page-news .img img{
		   width: 260px; height: 161px;  border-radius: 10px;
	  }
	  .page-news .title{
		  font-size: 16px;
	  }
	  .page-news .info{
		  margin-top: 15px;
	  }
	  .footer{
		  text-align: center; padding-top: 20px ; padding-bottom: 20px; height: auto; flex-wrap: wrap;
	  }
	  .footer-l img{
		  height: 30px;
	  }
	  #footer{
		  height: auto;
	  }
	  .footer-c{
		  position: static !important; margin-left: 0; margin-top: 0; left: auto; top: auto;   position: relative !important; margin-left: auto;
		  width: 60px; height: 60px; margin-bottom: 10px;
	  }
	  .footer-info{
		  text-align: center;
	  }
	   .footer-r{
		   width: 100%;
	   }
	  .footer-nav{
		  font-size: 14px;
	  }
	  .footer-nav li{
		  padding: 0 15px;
	  }
	  .footer-info .wx{
		  margin-left: 15px;
	  }
	  .header .nav{
		  position: fixed; left: 0; right: 0; top: 0;
		  display: block; background: #030014; width: 100%; height: 0;
		  text-align: center; padding-top: 80px; font-size: 16px; overflow: hidden; opacity: 0;
		  transition: all 0.3s;
	  }
	   .header .nav.selected{
		   overflow: visible; height: 100%; opacity: 1;
	   }
	  .header .nav>li{
		  display: block; margin: 5px 0;
	  }
	  .header .nav>li>a{
		  padding: 8px 0; display: block;
	  }
	  .header .nav>li>ul{
		  position: static; margin-left: 0; margin-top: 0; left: 0; border-radius: 0; width: 100%; padding: 8px 0; background: rgba(255,255,255,0.85); display: block;
	  }
	  .header .nav>li>ul::before{
		  display: none;
	  }
	  .header .nav>li>ul>li{
		  display: inline-block;
	  }
	  .header .nav>li>ul>li>a{
		  padding: 3px;
	  }
	  .header .search::before{
		  display: none;
	  }

	  	.header{
			padding-top: 15px; padding-bottom: 15px;
		}
	  .gh {
	  	position:fixed; right: 5%; top: 0; z-index: 999;
	  	height:25px;
	  	width:22px;
	  	margin-right:0;
	  	margin-top:25px;

	  	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	  	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	  	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	  	cursor:pointer;
	  }
	  .gh.selected {
	  	transform: rotate(90deg);
	  }
	  .gh a {
	  	background-color: #ffffff;
	  	display: block;
	  	height: 2px;
	  	margin-top: -2px;
	  	position: relative;
	  	top: 50%;
	  	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	  	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	  	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	  	width: 100%;
	  }

	  .gh a:after, .gh a:before {
	  	background-color: #ffffff;
	  	content: "";
	  	display: block;
	  	height: 2px;
	  	left: 0;
	  	position: absolute;
	  	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	  	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	  	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	  	width:100%;
	  }
	  .gh a:after {
	  	top:8px;
	  }
	  .gh a:before {
	  	top:-8px;
	  }
	  .gh.selected a:after, .gh.selected a:before {
	  	top: 0;
	  }
	  .gh.selected a:before {
	  	transform: translateY(0px) rotate(-45deg);
	  	-webkit-transform: translateY(0px) rotate(-45deg);
	  	-ms-transform: translateY(0px) rotate(-45deg);
	  }
	  .gh.selected a:after {
	  	transform: translateY(0px) rotate(45deg);
	  	-webkit-transform: translateY(0px) rotate(45deg);
	  	-ms-transform: translateY(0px) rotate(45deg);
	  }
	  .gh.selected a {
	  	background-color: transparent !important;
	  }
	  .header .search{
		  margin-right: 30px;
	  }
	.header .search.open-search .search-info{
		width: 240px;
	}
	.header .search-inputtext{
		padding: 10px 16px; height: 45px;
	}
  }

/* 内页 */
.wrapper{
	width: 1610px; margin: 0 auto;
}
.banner{
	height: 650px; background-color: #060114; background-size: cover; background-position: center; background-repeat: no-repeat;
	display: flex; display: -webkit-flex; align-items: center;-webkit-align-items: center; color: #fff; padding-top: 40px;
}
.banner-title{
	font-size: 48px;font-weight: 600;
}
.banner-desc{
	font-size: 30px; margin-top: 32px; line-height: 2; width: 870px; letter-spacing: 2px;
}
.main{
	background-color: #fff; color: #333333;
}
.main a:hover{
	color: #333333;
}
/* about */
.tabnav{
	border-bottom: 1px solid #EDEDED;font-size: 20px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center;
}
.tabnav-item{
	margin: 0 48px; height: 80px; text-align: center; cursor: pointer; position: relative;display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center;-webkit-align-items: center;
}
.tabnav-item::after{
	position: absolute; left: 0; bottom: -2px; width: 100%; height: 3px; background: #BE2421; content: ""; display: block;
	transition: transform 0.2s ease-in;
	-webkit-transition: transform 0.2s ease-in;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
}
.tabnav-item a{
	color: #333333;  display: block;display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center;-webkit-align-items: center; height: 100%;
}
.tabnav-item a:hover,
.tabnav-item.active a{
	color: #BE2421 !important;font-weight: bold;
}
.tabnav-item.active::after,
.tabnav-item:hover::after{
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
}
.about{
	padding: 98px 0 125px 0;
}
.about .wrapper{
	 display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;
}
.about-txt{
	width: 664px; padding-top: 20px;
}
.about-txt .title{
	font-size: 30px;font-weight: bold; padding: 24px 0; position: relative; margin-bottom: 26px;
}
.about-txt .title::after{
	position: absolute; left: 0; bottom: 0;
	width: 627px;
	background: linear-gradient(90deg, #BE2421 0%, rgba(190,36,33,0) 100%); content: ""; height: 2px; display: block;
}
.about-txt .subtitle{
	font-size: 20px; margin-bottom: 40px;
}
.about-txt .subtitle strong{
	color: #BE2421; font-weight: bold;
}
.about-txt .text{
	font-size: 18px; margin-bottom: 40px; line-height: 2;
}
.about-txt .list{
	 display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; text-align: center;
	font-size: 18px; margin-bottom: 40px;
}
.about-txt .list .icon{
	font-size: 0; margin-bottom: 24px;
}
.about-txt .list .icon img{
		display: inline-block; height: 56px;
}
.about-txt .list h3{
	font-size: 18px; font-weight: 600; margin-bottom: 16px;
}
.about-txt .list p{
	font-size: 14px; line-height: 1.8;
}
.about-video{
	width: 843px;border-radius: 20px; overflow: hidden; position: relative;
}
.about-video video{
	width: 100%; height:578px ; object-fit: cover;
}
.about-video .play{
	position: absolute; left: 50%; margin-left: -88.5px; top: 50%; margin-top: -27.5px;
	width: 179px; height: 55px; border: 1px solid #fff; border-radius: 55px; background-color: rgba(0, 0, 0, 0.4); cursor: pointer;
	 display: flex; display: -webkit-flex;  align-items: center; -webkit-align-items: center; color: #fff;font-size: 18px; padding-left: 4px;
}
.about-video .play-icon{
	width: 44px; height: 44px;border-radius: 50%;border: 1px solid #FFFFFF;display: block; margin-right: 18px; background: url(../images/play.png) no-repeat center;
}
.idea{
	background:#7699ab url(../images/ideabg.jpg) no-repeat center/cover; padding-top: 80px; height: 745px; color: #fff; overflow: hidden;
}
.head{
	text-align: center;
}
.head-title{
	font-weight: 500;font-size: 48px; line-height: 1; position: relative;
}
.head-title::after{
	width: 81px;height: 2px;
	background:#BE2421; content: ""; display: block; margin: 24px auto 0 auto;
}
.head-subtitle{
	font-size: 20px; margin-top: 24px; line-height: 1.4;
}
.head.head-white{
	color: #fff;
}
.idea-list{
	height: 539px;  display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center;text-align: center;
}
.idea-list li{
	width: 33.33%; padding-top: 210px;transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}
.idea-list .icon{
	font-size: 0; margin-bottom: 64px;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
}
.idea-list .icon img{
	height: 51px;
}
.idea-list h3{
	font-size: 30px;font-weight: 600; margin-bottom: 32px;
}
.idea-list .txt{
	font-size: 18px; display: inline-block; padding: 16px 53px; line-height: 1.4;font-size: 18px;background: rgba(0,0,0,0.3); box-shadow: 0 0 8px 1px rgba(255, 255, 255, 0.5); border-radius: 29px;
}
.idea-list li:hover{
	background: linear-gradient(0deg, #132235 0%, rgba(19,34,53,0) 100%);
}
.idea-list li:hover .icon{
	margin-bottom: 33px;
}
.history{
	padding: 93px 0 119px 0;
}
.history-list{
	margin-top: 70px; position: relative;
}
.history-list ul{

}
.history-list li{
	width: 514px;
}
.history-list .time{
	font-weight: 600;font-size: 36px; margin-bottom: 32px;
}
.history-list .line{
	height: 1px; background: #DCDCDC; position: relative; margin-bottom: 43px; margin-right: -125px;
}
.history-list .line::before{
	position: absolute;left: 0; top: 50%;content: ""; margin-top: -5px;
	height: 10px;width: 10px;border-radius: 50%; display: block; background: #BE2421;box-shadow: 0 0 0 4px rgba(190, 36, 33, 0.5); background: #666666;box-shadow: 0 0 0 4px rgba(102, 102, 102, 0.5);
}
.history-list li:last-child .line{
	margin-right: 0;
}
.history-list h3{
	font-size: 18px; margin-bottom: 43px;
}
.history-list img{
	border-radius: 10px;height: 320px;
}
.history .morebox{
	margin-top: 67px;text-align: center;
}
.history .more{
	width: 248px;height: 58px;background: #BE2421;border-radius: 29px;font-size: 18px;color: #FFFFFF; display: inline-block; line-height: 58px;
}
.history .more:hover{
	color: #fff;
}
.history .more i{
	display: inline-block; background: url(../images/more.png) no-repeat center/cover; width: 19px; height: 11px; margin-left: 13px;
}
.certificate{
	background: #f2f2f2 url(../images/certificatebg.jpg) no-repeat center/cover; padding: 80px 0;
}
.certificate .subnav{
	margin-top: 80px; margin-bottom: 50px;
}
.subnav{
	 display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center;text-align: center;color: #666666;font-size: 20px;
}
.subnav-item{
	padding: 16px 0; margin:0 42px; position: relative; cursor: pointer;
}
.subnav-item::after{
	position: absolute;left: 0; bottom: 0;content: ""; background: #BE2421;height: 2px; display: block; width: 100%;
	transition: transform 0.2s ease-in;
		-webkit-transition: transform 0.2s ease-in;
		transform: scaleX(0);
		-webkit-transform: scaleX(0);
}
.subnav-item.active{
	font-weight: bold; color: #BE2421;
}
.subnav-item.active::after{
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
}
.certificate-list{
	 display: flex; display: -webkit-flex; column-gap: 99px;text-align: center;
}
.certificate-list .img{
	 border-radius: 10px;border: 11px solid #FFFFFF;
}
.certificate-list .img img{
	display: block;width: 100%;
}
.certificate-list  p{
	padding: 30px 0;font-size: 20px;font-weight: 500; line-height: 1.5;
}
/* about end*/

/* contact */
.contact{
	border-bottom: 1px solid #EDEDED;font-size: 20px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; padding: 4rem 0;
}
.contact h3 {
    /* color: #0610c6; */
    margin-bottom: 2rem;
}
.contact .line {
    margin-bottom: 2rem;
}
.contact .align-center {
    align-items: center;
}
.contact .flex {
    display: flex
}
.contact .align-center {
    align-items: center;
}
.contact .line .img {
    padding: 1rem;
    border-radius: 50%;
    background: #eee;
    margin-right: .6rem;
}
.contact .line .label {
    color: #666;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.contact .line .img img {
    width: 1rem;
}
.contact .line p {
    /* font-size: .75rem; */
}
.contact .line .imgs {
    width: 10rem;
    padding: .5rem;
    background: #fff;
    box-shadow: 0 1rem .5rem rgba(0, 0, 0, .1);
    margin-right: 3rem;
}
.contact .right {
    width: 50%;
    border-left: 1px solid #e2e2e2;
    padding-left: 7rem;
    box-sizing: border-box;
}
.contact .form input, .form textarea {
    width: 100%;
        padding: 1rem 1rem;
        box-sizing: border-box;
        border: 1px solid #e7e7e7;
        outline: none;
        box-shadow: none;
        margin-bottom: .8rem;
		font-size: 1rem;
}
.contact .line .imgs p {
    text-align: center;
}
.contact .right p {
    /* font-size: .8rem; */
    margin-bottom: 2rem;
}
.contact .more {
    width: 248px;
    height: 58px;
    background: #BE2421;
    border-radius: 29px;
    font-size: 18px;
    color: #FFFFFF;
    display: inline-block;
    line-height: 58px;
	border: 0;
}
/* contact end*/

/* histories */
.histories{
	padding: 80px 0 136px 0;
}
.histories-list{
	margin-top: 90px;
}
.histories-list li{
	width: 50%; padding-right: 104px; padding-left: 68px; position: relative; margin-right: 50%; padding-bottom: 48px;
}
.histories-list li::after{
	position: absolute;right: 0;top: 15px; bottom: -15px;content: ""; display: block;width: 3px;background: #EDEDED;
}
.histories-list .dot{
	position: absolute;right: -3px; top: 20px;margin-top: -5px;z-index: 1;
	height: 10px;width: 10px;border-radius: 50%; display: block; background: #BE2421;box-shadow: 0 0 0 4px rgba(190, 36, 33, 0.3);
}
.histories-list .txt{
	margin-bottom: 40px; display: flex; display: -webkit-flex;  align-items: center;-webkit-align-items: center;
}
.histories-list .time{
	font-size: 36px;font-weight: 600;color: #333333; margin-right: 138px;
}
.histories-list h3{
	font-size: 18px;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.histories-list li:hover h3,
.histories-list li:hover .time{
	color: #BE2421;
}
.histories-list .img img{
	display: block; width: 631px; font-size: 18px;border-radius: 10px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.histories-list li:hover .img img{
	box-shadow: 0 3px 15px 3px rgba(0, 0, 0, 0.6);
}
.histories-list li:nth-child(2n){
	margin-left: 50%; margin-right: 0; padding-left: 104px; padding-right: 68px;
}
.histories-list li:nth-child(2n)::after{
	left: -3px;
}
.histories-list li:nth-child(2n) .dot{
	left: -6px;
}
.histories-list li:last-child{
	padding-bottom: 0;
}
.histories-list li:last-child::after{
	bottom: 0;
}
.histories-ft{
	text-align: center; margin-top: 64px;
}
.histories-ft .more{
	font-size: 18px;color: #BE2421;
}
.histories-ft .more:hover{
	color: #BE2421; text-decoration: underline;
}
/* histories end */

/* job */
.job{
	padding: 100px 0 173px; background: #dbe4ed url(../images/jobbg.jpg) no-repeat center/cover;
}
.job-list{
	display: flex; display: -webkit-flex;  justify-content: space-between; -webkit-justify-content: space-between;
}
.job-list li{
	width: 679px;
}
.job-list h3{
	font-weight: 500;color: #333333;font-size: 36px; margin-bottom: 60px;
}
.job-list  img{
	width: 678px; border-radius: 20px; display: block;
}
#team{
	background: #fff; padding: 90px 0 100px 0;
}
.team-list{
	margin-top: 60px; position: relative;
}
.team-list li{
	background: #121540;border-radius: 20px; width: 1336px; height: 659px; display: flex; display: -webkit-flex;  overflow: hidden;
}
.team-listl{
	width: 422px; padding: 147px 40px 0 40px; color: #fff; flex-shrink: 0;
}
.team-listl .icon{
	text-align: center; margin-bottom: 70px;
}
.team-listl .icon img{
	display: inline-block; height: 51px;
}
.team-listl h3{
	font-size: 24px;font-weight: 500; line-height: 1.8; margin-bottom: 40px;
}
.team-listl .text{
	font-size: 16px;line-height: 1.8;
}
.team-listr{
	width: 914px;
}
.team-listr img{
	display: block; width: 100%; height: 659px; object-fit: cover;
}
.team-list .swiper-pagination{
	position: static; margin-top: 72px;
}
.team-list .swiper-pagination .swiper-pagination-bullet{
	width: 37px;height: 4px;background: #D2D2D2;border-radius: 0; opacity: 1; margin: 0 7.5px;
	transition: all 0.3s ease-in;
}
.team-list .swiper-pagination .swiper-pagination-bullet-active{
	width: 103px;height: 4px;background: #BE2421;
}
#company{
	background: #F4F6FB; padding: 80px 0 137px 0;
}
.company-list{
	margin-top: 54px;
}
.company-list ul{
	display: flex;
}
.company-list li{
	margin-right: 0;width: 541px;
}
.company-list img{
	width: 100%; border-radius: 10px;
}
/* job end */

/* jobdetail */
.jobdetail{
	background: #f4f6fb; padding: 70px 0;
}
.jobdetail .wrapper{
	display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;  align-items: start;-webkit-align-items: start;
}
.jobdetail-l{
	width: 1094px;
}
.jobdetail-list li{
	background: #FFFFFF;border-radius: 10px; margin-bottom: 14px;
}
.jobdetail-r{
	width: 482px;border-radius: 10px;background: #FFFFFF;
}
.jobdetail-new-hd{
	padding:24px 33px;
}
.jobdetail-new-hd h2{
	font-weight: 600; font-size: 24px;
}
.jobdetail-new-list{
	padding: 0 33px 10px 33px;font-size: 16px;
}
.jobdetail-new-list li{
	margin-bottom: 20px;
}
.jobdetail-new-list li h3{
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.jobdetail-list li{
	padding: 10px 0;
}
.jobdetail-list-hd{
	padding:23px 33px; position: relative; cursor: pointer;
}
.jobdetail-list-hd::after{
	content: ""; position: absolute; right: 52px; top: 50%; width: 15px; height: 9px; background: url(../images/icon01.png) no-repeat center/cover; margin-top: -4.5px; display: block;
	transition: transform 0.3s;
	-webkit-transition: transform 0.3s;
}
.jobdetail-list-hd h3{
	font-weight: 600;font-size: 18px;color: #333333;
}
.jobdetail-list-bd{
	padding: 0 33px 33px 33px; display: none;
}
.jobdetail-list-bd .info{
	font-size: 14px;color: #333333; line-height: 2;
}
.jobdetail-list-bd .btn{
	height: 46px; line-height: 46px;background: #BE2421;border-radius: 23px; padding: 0 32px;font-size: 16px;color: #FFFFFF; display: inline-block; margin-top: 32px;
}
.jobdetail-list-bd .btn:hover{
	color: #fff;
}
.jobdetail-list li.active .jobdetail-list-bd{
	display: block;
}
.jobdetail-list li.active .jobdetail-list-hd::after{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.jobdetail-new-list a{
	color: #333333; padding: 10px 0; display: block;
}
.jobdetail-new-list a:hover{
	color: #BE2421;
}
/* jobdetail end */

/* news */
.news{
	padding: 74px 0 80px 0;
}
.news-list{
	display: flex; display: -webkit-flex; flex-wrap: wrap;-webkit-flex-wrap: wrap; column-gap: 34px;
}
.news-list li{
	margin-bottom: 58px; width: 514px;  position: relative;
}
.news-list li::after{
	position: absolute;left: 0; bottom: 0;content: ""; display: block; width: 0; height: 4px;background: #BE2421;
	transition: all 0.3s;
}
.news-list li:hover::after{
	width: 100%;
}
.news-list .img{
	border-radius: 20px; overflow: hidden;
}
.news-list .img img{
	width: 100%; display: block;
}
.news-list .txt{
	padding-top: 26px; height: 140px;
}
.news-list .time{
	color: #BE2421;font-size: 14px;margin-bottom: 15px;
}
.news-list h3{
	font-size: 18px;color: #333333; line-height: 1.45;
	 display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
.pagination{
	text-align: center;font-weight: 600;font-size: 18px;
}
.pagination a{
	color: #333;line-height: 31px; display: inline-block; padding: 0 8px; margin: 0 10px;
}
.pagination a:hover,
.pagination a.active{
	color: #BE2421;
}
/* news end */

/* newsdetail */
.newsdetail{
	background-color: #fff; padding: 76px 0; color: #333;
}
.newsdetail a:hover{
	color: #333;
}
.newsdetail-info{
	display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;
}
.newsdetail-infol{
	width: 833px;
}
.newsdetail-infol img{
	width: 100%; display: block;
}
.newsdetail-infor{
	width: 100%;text-align: center;
}
.newsdetail-infor h1{
	color: #000000;font-size: 54px;font-weight: 600;
}
.newsdetail-infor .tags{
	color: #333333; font-size: 20px; margin-top: 35px; letter-spacing: 2px; border-bottom: 1px solid #E8E8E8; padding-bottom: 20px;
}
.newsdetail-infor .text{
	margin-top: 78px; font-size: 16px; line-height: 2; border-bottom: 1px solid #E8E8E8; padding-bottom: 40px; text-align: left;
}
.newsdetail-tab{
	margin-top: 48px;
}
.detail-tabbd{
	padding: 48px 349px;font-size: 16px; line-height: 1.5;
}
.detail-tabbd .list li{
	margin-bottom: 32px; padding-left: 16px; position: relative;
}
.detail-tabbd .list li:last-child{
	margin-bottom: 0;
}
.detail-tabbd .list li::before{
	width: 5px; height: 5px;background: #BE2421; border-radius: 50%; content: "";
	position: absolute; left: 0; top:10px;
}
.newsdetail-valuehd{
	text-align: center;color: #BE2421;font-size: 20px; padding: 24px 0;font-weight: 600;
}
.table{
	border-top: 1px solid #EDEDED; width: 100%; border-collapse: 0; border-spacing: 0;
}
.table thead th{
	padding: 24px 0;font-size: 18px;color: #333333;border-bottom: 1px solid #EDEDED;font-weight: 600;
}
.table tbody td{
	padding: 16px 0;font-size: 18px; line-height: 1.5;
}
.table tbody tr:nth-child(2n) td{
	background: #F1F1F1;
}
.table thead th:first-child,
.table tbody td:first-child{
	padding-left: 349px;
}
.table thead th:last-child,
.table tbody td:last-child{
	padding-right: 349px;
}
.detailpage{
display: flex; display: -webkit-flex;  margin-top: 60px; line-height: 1.8;
}
.detailpage a{
	font-size: 18px;color: #333333; display: block; max-width: 450px;
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.detailpage a:hover{
	color: #BE2421;
}
.detailpage .prev{
	background: url(../images/pageprev.png) no-repeat left center; padding-left: 34px;
}
.detailpage .prev:hover{
	background-image: url(../images/pageprev-on.png);
}
.detailpage .next{
	margin-left: auto;background: url(../images/pagenext.png) no-repeat right center; padding-right: 34px;
}
.detailpage .next:hover{
	background-image: url(../images/pagenext-on.png);
}
/* newsdetail end */

/* product */
.product{
	padding: 74px 0 80px 0;
}
.product-list{
	display: flex; display: -webkit-flex; flex-wrap: wrap;-webkit-flex-wrap: wrap; column-gap: 34px;
}
.product-list li{
	margin-bottom: 58px; width: 514px;  position: relative;
}
.product-list li::after{
	position: absolute;left: 0; bottom: 0;content: ""; display: block; width: 0; height: 4px;background: #BE2421;
	transition: all 0.3s;
}
.product-list li:hover::after{
	width: 100%;
}
.product-list .img{
	border-radius: 20px; overflow: hidden;
}
.product-list .img img{
	width: 100%; display: block;
}
.product-list .txt{
	padding-top: 26px; height: 140px;
}
.product-list .time{
	font-size: 16px;margin-bottom: 15px;text-align: center;
}
.product-list h3{
	font-size: 24px;color: #333333; line-height: 1.9;
	 display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
	 text-align: center;
}
.pagination{
	text-align: center;font-weight: 600;font-size: 18px;
}
.pagination a{
	color: #333;line-height: 31px; display: inline-block; padding: 0 8px; margin: 0 10px;
}
.pagination a:hover,
.pagination a.active{
	color: #BE2421;
}
/* product end */

/* activity */
.activity{
	padding: 85px 0;
}
.activity-list{
	padding-bottom: 30px;
}
.activity-list li{
	background: #F4F6FB; display: flex; display: -webkit-flex; margin-bottom: 54px;
	transition: all 0.3s;
}
.activity-list li:hover{
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.35);
}
.activity-list li>a{
	width: 100%; display: flex; display: -webkit-flex;
}
.activity-list .img{
	width:50%; height: 396px; overflow: hidden;
}
.activity-list .img img{
	width: 100%; height: 396px;display: block; object-fit: cover;

}

.activity-list .txt{
	 width: 50%; padding: 90px 65px 0 65px;
}
.activity-list h3{
	font-size: 20px;color: #333333;font-weight: 600;  margin-bottom: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.activity-list li:hover h3{
	color: #BE2421;
}
.activity-list .time{
	color: #666666;font-size: 16px; margin-bottom: 52px;
}
.activity-list .btn{
	display: inline-block;height: 46px;border-radius: 23px;background: #BE2421;line-height: 46px;font-size: 16px;color: #FFFFFF; padding: 0 32px;
}
/* activity end */
/* apply */
.apply-row{
	height: 710px;background-color: #030014; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 0 150px; display: flex; display: -webkit-flex; align-items: center;-webkit-align-items: center;  overflow: hidden;
}
.apply-row:nth-child(2n){
	justify-content: flex-end;
}
.apply-row1{
	background-image: url(../images/yypage1.jpg);
}
.apply-row2{
	background-image: url(../images/yypage2.jpg);
}
.apply-row3{
	background-image: url(../images/yypage3.jpg);
}
.apply-row4{
	background-image: url(../images/yypage4.jpg);
}
.apply-row5{
	background-image: url(../images/yypage5.jpg);
}
.apply-row6{
	background-image: url(../images/yypage6.jpg);
}

.apply-row:hover .apply-info{
	box-shadow: 0 0 24px 5px rgba(255,255,255,0.5);background: rgba(0,0,0,0.8);
}
.apply-info{
	width: 721px;background: rgba(0,0,0,0.4);border-radius: 30px; box-shadow: 0 0 12px 3px rgba(255,255,255,0.5); padding: 45px 49px; color: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.apply-info .icon{
	text-align: center;
}
.apply-info .icon{
	margin-bottom: 10px;
}
.apply-info .icon img{
	height: 53px; display: inline-block;
}
.apply-info .title{
	font-size: 24px;text-align: center; margin-bottom: 35px;
}
.apply-info .subtitle{
	font-size: 16px;text-align: center; margin-bottom: 35px;font-weight: 500;
}
.apply-info .text{
	color: rgba(254, 254, 254, 0.6);font-size: 14px; line-height: 1.8;
}
/* apply end */

/* productdetail */
/*.productdetail{
	background-color: #fff; padding: 76px 0; color: #333;
}
.productdetail a:hover{
	color: #333;
}
.productdetail-info{
	display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;
}
.productdetail-infol{
	width: 833px;
}
.productdetail-infol img{
	width: 100%; display: block;
}
.productdetail-infor{
	width: 700px; padding-top: 35px;
}
.productdetail-infor h1{
	color: #000000;font-size: 54px;font-weight: 600;
}
.productdetail-infor .tags{
	color: #333333;font-size: 20px; margin-top: 35px; letter-spacing: 2px;
}
.productdetail-infor .text{
	margin-top: 78px;font-size: 16px; line-height: 1.5;
}
.productdetail-tab{
	margin-top: 48px;
}
.detail-tabbd{
	padding: 48px 349px;font-size: 16px; line-height: 1.5;
}
.detail-tabbd .list li{
	margin-bottom: 32px; padding-left: 16px; position: relative;
}
.detail-tabbd .list li:last-child{
	margin-bottom: 0;
}
.detail-tabbd .list li::before{
	width: 5px; height: 5px;background: #BE2421; border-radius: 50%; content: "";
	position: absolute; left: 0; top:10px;
}
.productdetail-valuehd{
	text-align: center;color: #BE2421;font-size: 20px; padding: 24px 0;font-weight: 600;
}
.table{
	border-top: 1px solid #EDEDED; width: 100%; border-collapse: 0; border-spacing: 0;
}
.table thead th{
	padding: 24px 0;font-size: 18px;color: #333333;border-bottom: 1px solid #EDEDED;font-weight: 600;
}
.table tbody td{
	padding: 16px 0;font-size: 18px; line-height: 1.5;
}
.table tbody tr:nth-child(2n) td{
	background: #F1F1F1;
}
.table thead th:first-child,
.table tbody td:first-child{
	padding-left: 349px;
}
.table thead th:last-child,
.table tbody td:last-child{
	padding-right: 349px;
}
.detailpage{
display: flex; display: -webkit-flex;  margin-top: 60px; line-height: 1.8;
}
.detailpage a{
	font-size: 18px;color: #333333; display: block; max-width: 450px;
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.detailpage a:hover{
	color: #BE2421;
}
.detailpage .prev{
	background: url(../images/pageprev.png) no-repeat left center; padding-left: 34px;
}
.detailpage .prev:hover{
	background-image: url(../images/pageprev-on.png);
}
.detailpage .next{
	margin-left: auto;background: url(../images/pagenext.png) no-repeat right center; padding-right: 34px;
}
.detailpage .next:hover{
	background-image: url(../images/pagenext-on.png);
}*/
/* productdetail end */

@media screen and (max-width:1650px) {
	.wrapper{
		width: 1400px;
	}
	.footermedium .footer-c{
		margin-top: -55px;
	}
	.banner{
		height: 600px;
	}
	.banner-title{
		font-size: 40px;
	}
	.banner-desc{
		font-size: 22px; margin-top: 24px;    width: 669px;
	}
	.tabnav{
		font-size: 18px;
	}
	.tabnav-item{
		height: 70px;
	}
	.tabnav-item::after{
		height: 2px;bottom: -1px;
	}
	.about,.history,.certificate{
		padding: 85px 0;
	}
	.about-txt .title{
		font-size: 26px; padding: 20px 0; margin-bottom: 20px;
	}
	.about-txt .subtitle{
		margin-bottom: 30px; font-size: 18px;
	}
	.about-txt .text{
		font-size: 16px; margin-bottom: 30px;
	}
	.about-txt{
		width: 590px;
	}
	.about-txt .title::after{
		width: 85%;
	}
	.about-txt .list .icon {
		margin-bottom: 20px;
	}
	.about-txt .list .icon img{
		height: 50px;
	}
	.about-txt .list h3{
		font-size: 16px; margin-bottom: 10px;
	}
	.about-txt .list p{
		font-size: 12px;
	}
	.about-video{
		width: 730px; height: 500px;
	}
	.about-video .play{
		font-size: 16px;
	}
	.head-title{
		font-size: 40px;
	}
	.head-title::after{
		width: 70px;
	}
	.head-subtitle{
		font-size: 18px;
	}
	.idea{
		height: 725px;
	}
	.idea-list .icon{
		margin-bottom: 56px;
	}
	.idea-list .icon img{
		height: 46px;
	}
	.idea-list h3{
		font-size: 26px; margin-bottom: 24px;
	}
	.idea-list .txt{
		font-size: 16px; padding: 12px 42px;
	}
	.idea-list li{
		padding-top: 180px;
	}
	.idea-list{
		height: 530px;
	}
	.history-list,.certificate .subnav{
		margin-top: 60px;
	}
	.history-list .time{
		font-size: 32px;
	}
	.history .morebox{
		margin-top: 58px;
	}
	.certificate-list p{
		font-size: 18px; padding: 24px 0;
	}
	.activity{
		padding: 75px 0;
	}
	.activity-list li{
		margin-bottom: 48px;
	}
	.activity-list .img,
	.activity-list .img img{
		height: 345px;
	}
	.activity-list .txt{
		padding-left: 55px; padding-right: 55px;
	}
	.activity-list h3{
		font-size: 18px; margin-bottom: 30px;
	}
	.activity-list .time{
		margin-bottom: 42px;
	}
	.activity-list .btn{
		line-height: 40px; padding: 0 24px; height: 40px; font-size: 14px;
	}
	.pagination{
		font-size: 16px;
	}
	.apply-row{
		height: 650px; padding: 0 100px;
	}
	.apply-info{
		padding: 40px 45px;width: 680px;
	}
	.apply-info .icon img{
		height: 45px;
	}
	.apply-info .title{
		font-size: 22px; margin-bottom: 24px;
	}
	.apply-info .subtitle{
		margin-bottom: 24px;
	}
	.histories-list{
		margin-top: 80px;
	}
	.histories-list li{
		padding-left: 84px; padding-right: 58px;
	}
	.histories-list li:nth-child(2n){
		padding-left: 58px; padding-right: 84px;
	}
	.histories-list .txt{
		margin-bottom: 30px;
	}
	.histories-list .time{
		font-size: 32px; margin-right: 100px;
	}
	.histories{
		padding: 70px 0 100px ;
	}
	.job{
		padding: 90px 0 160px;
	}
	.job-list h3{
		font-size: 32px; margin-bottom: 50px;
	}
	.job-list li{
		width:45%;
	}
	.team{
		padding: 80px 0 90px;
	}
	.team-list{
		margin-top: 50px;
	}
	.team-listl{
		padding-top: 120px;
	}
	.team-listl .icon img{
		height: 45px;
	}
	.team-listl .icon{
		margin-bottom: 50px;
	}
	.team-listl h3{
		font-size: 20px; margin-bottom: 30px;
	}
	.team-listl .text{
		font-size: 14px;
	}
	.team-list li{
		width: 1100px; height: 550px;
	}
	.team-listr img{
		height: 550px;
	}
	.team-list .swiper-pagination{
		margin-top: 56px;
	}
	.team-list .swiper-pagination .swiper-pagination-bullet{
		height: 3px;
	}
	.company-list li{
		width: 510px;
	}
	.company{
		padding-bottom: 110px;
	}
	.jobdetail-l{
		width: 905px;
	}
	.jobdetail-r{
		 width: 472px;
	}
	.jobdetail-new-hd h2{
		font-size: 22px;
	}
	.jobdetail-new-list li{
		margin-bottom: 10px;
	}
	.news{
		padding: 60px 0 70px;
	}
	.news-list li{
		width: 444px; margin-bottom: 45px;
	}
	.news-list li::after{
		height: 3px;
	}
	.news-list h3{
		font-size: 16px;
	}
	.news-list .img{
		border-radius: 16px;
	}
	.productdetail{
		padding: 60px 0;
	}
	.productdetail-infol{
		width: 733px;
	}
	.productdetail-infor{
		width: 600px;
	}
	.productdetail-infor h1{
		font-size: 42px;
	}
	.productdetail-infor .tags{
		font-size: 18px; margin-top: 24px;
	}
	.productdetail-infor .text{
		 margin-top: 60px;
	}
	.detail-tabbd{
		padding-left: 280px; padding-right: 280px;
	}
	.table thead th:first-child, .table tbody td:first-child{
		padding-left: 280px;
	}
	.table thead th:last-child, .table tbody td:last-child{
		padding-right: 280px;
	}
	.table tbody td,
	.table thead th{
		font-size: 16px;
	}
	.detailpage{
		margin-top: 50px;
	}
	.detailpage a{
		font-size: 16px;
	}
	.headerwhite,
	.headerwhite .header-box{
		height: 90px;
	}
	.searchpage-logo img{
		height: 55px;
	}
}
@media screen and (max-width:1430px) {
	.wrapper{
		width: 1200px;
	}
	.banner{
		height: 530px;
	}
	.banner-title{
		font-size: 30px;
	}
	.banner-desc{
		font-size: 18px; margin-top: 16px; width: 566px;
	}
	.tabnav{
		font-size: 16px;
	}
	.tabnav-item{
		height: 60px; margin: 0 30px;
	}
	.about, .history, .certificate{
		padding: 65px 0;
	}
	.about-txt .title{
		font-size: 22px; padding: 16px 0; margin-bottom: 16px;
	}
	.about-txt .subtitle{
		margin-bottom: 20px; font-size: 16px;
	}
	.about-txt .text{
		font-size: 14px; margin-bottom: 26px;
	}
	.about-txt{
		width: 520px;
	}
	.about-txt .title::after{
		width: 85%;
	}
	.about-txt .list .icon {
		margin-bottom: 16px;
	}
	.about-txt .list .icon img{
		height: 42px;
	}
	.about-txt .list h3{
		font-size: 15px; margin-bottom: 8px;
	}

	.about-video{
		width: 630px; height: 430px;border-radius: 10px;
	}
	.about-video video{
		 height: 430px;
	}

	.about-video .play{
		font-size: 14px;width: 156px; height: 46px; margin-left: -78px; margin-top: -23px;
	}
	.about-video .play-icon{
		width: 36px; height: 36px; background-size: 12px auto;
	}
	.head-title{
		font-size: 30px;
	}
	.head-title::after{
		width: 60px;  margin-top: 16px;
	}
	.head-subtitle{
		font-size: 16px; margin-top: 16px; line-height: 1.8;
	}
	.idea{
		height: 568px;
	}
	.idea-list .icon{
		margin-bottom: 42px;
	}
	.idea-list .icon img{
		height: 40px;
	}
	.idea-list h3{
		font-size: 20px; margin-bottom: 16px;
	}
	.idea-list .txt{
		font-size: 14px; padding: 10px 36px;
	}
	.idea-list li{
		padding-top: 120px;
	}
	.idea-list{
		height: 400px;
	}
	.history-list,.certificate .subnav{
		margin-top: 40px;
	}
	.history-list .time{
		font-size: 24px;    margin-bottom: 24px;
	}
	.history .morebox{
		margin-top: 46px;
	}
	.history-list .line{
		margin-bottom: 30px;
	}
	.history-list h3{
		font-size: 16px; margin-bottom: 30px;
	}
	.certificate-list p{
		font-size: 16px; padding: 18px 0;
	}
	.history-list .line::before{
		width: 6px; height: 6px; margin-top: -3px;
	}
	.history-list img{
		border-radius: 6px; height: 300px;
	}
	.history .morebox{
		margin-top: 32px;
	}
	.history .more{
		width: auto;padding: 0 40px; height: auto; line-height: 45px; font-size: 14px;
	}
	.history .more i{
		width: 15px; height: 10px; margin-left: 8px; background-size: 100% auto;
	}
	.history-list li{
		width: 450px;
	}
	.history-list img{
		height: 280px;
	}
	.certificate-list{
		column-gap: 50px;
	}
	.subnav{
		font-size: 16px;
	}
	.subnav-item{
		padding: 12px 0; margin: 0 30px;
	}
	.history-list, .certificate .subnav{
		margin-top: 30px;
	}
	.certificate .subnav{
		margin-bottom: 24px;
	}
	.certificate-list p{
		padding: 12px 0;
	}
	.certificate-list .img{
		border-width: 6px;
	}
	.histories{
		padding: 60px 0 70px ;
	}
	.histories-list{
		margin-top: 50px;
	}
	.histories-list li{
		padding-left: 50px; padding-right: 50px; padding-bottom: 30px;
	}
	.histories-list li:nth-child(2n){
		padding-left: 50px; padding-right: 50px;
	}
	.histories-list .txt{
		margin-bottom: 20px;
	}
	.histories-list .time{
		font-size: 22px; margin-right: 50px;
	}
	.histories-list h3{
		font-size: 16px;
	}
	.histories-list .img img{
		border-radius: 6px;
	}
	.histories-list .dot{
		width: 6px; height: 6px;
	}
	.histories-list li::after{
		width: 1px;
	}
	.histories-list .dot{
		right: -2px;
	}
	.histories-list li:nth-child(2n)::after{
		left: -1px;
	}
	.histories-list li:nth-child(2n) .dot{
		left: -4px;
	}
	.histories-ft{
		margin-top: 30px;
	}
	.histories-ft .more{
		font-size: 16px;
	}
	.job{
		padding: 60px 0 70px;
	}
	.job-list h3{
		font-size: 22px; margin-bottom: 32px;
	}
	.job-list li{
		width:45%;
	}
	.job-list img{
		border-radius: 10px;
	}
	.team,
	.company{
		padding: 60px 0;
	}
	.team-list,
	.company-list{
		margin-top: 40px;
	}
	.team-listl{
		padding-top: 100px; width: 360px;
	}
	.team-listl .icon img{
		height: 36px;
	}
	.team-listl .icon{
		margin-bottom: 30px;
	}
	.team-listl h3{
		font-size: 18px; margin-bottom: 20px;
	}

	.team-list li{
		width: 900px; height: 430px;   border-radius: 12px;
	}
	.team-listr{
		width: 540px;
	}
	.team-listr img{
		height: 430px;
	}
	.team-list .swiper-pagination{
		margin-top: 30px;
	}
	.team-list .swiper-pagination .swiper-pagination-bullet{
		height: 2px;
	}
	.team-list .swiper-pagination .swiper-pagination-bullet{
		width: 26px; margin: 0 4px;
	}
	.team-list .swiper-pagination .swiper-pagination-bullet-active{
		width: 60px;
	}
	.company-list li{
		width:460px;
	}
	.company-list img{
		border-radius: 6px;
	}
	.jobdetail{
		padding: 50px 0;
	}
	.jobdetail-l{
		width: 785px;
	}
	.jobdetail-r{
		width: 395px;
	}
	.jobdetail-new-hd{
		padding: 20px 23px;
	}
	.jobdetail-new-hd h2{
		font-size: 20px;
	}
	.jobdetail-new-list{
		padding: 0 23px 8px 23px; font-size: 14px;
	}
	.jobdetail-new-list a{
		padding: 8px 0;
	}
	.jobdetail-list li{
		margin-bottom: 8px;
	}
	.jobdetail-list-hd{
		padding: 13px 23px;
	}
	.jobdetail-list-hd h3{
		font-size: 16px;
	}
	.jobdetail-list-hd::after{
		right: 36px;  width: 12px;height: 6px; margin-top: -3px;
	}
	.jobdetail-list-bd{
		padding: 0 23px 23px 23px;
	}
	.jobdetail-list-bd .btn{
		margin-top: 24px;font-size: 14px; line-height: 40px; height: 40px; padding: 0 24px;
	}
	.news{
		padding: 45px 0 ;
	}
	.news-list{
		column-gap: 26px;
	}
	.news-list li{
		width: 382px; margin-bottom: 32px;
	}
	.news-list li::after{
		height: 2px;
	}

	.news-list .img{
		border-radius: 10px;
	}
	.news-list .txt{
		padding-top: 20px;height: 120px;
	}
	.news-list .time{
		margin-bottom: 12px;
	}
	.activity{
		padding: 55px 0;
	}
	.activity-list{
		padding-bottom: 10px;
	}
	.activity-list li{
		margin-bottom: 30px;
	}
	.activity-list .img,
	.activity-list .img img{
	 height: 295px;
	}
	.activity-list .txt{
		padding-left: 45px; padding-right: 45px; padding-top: 80px;
	}
	.activity-list h3{
		font-size: 16px; margin-bottom: 20px;
	}
	.activity-list .time{
		margin-bottom: 30px;font-size: 14px;
	}
	.activity-list .btn{
		line-height: 40px; padding: 0 24px; height: 40px; font-size: 14px;
	}
	.apply-row{
		height: 520px; padding: 0 60px;
	}
	.apply-info{
		padding: 24px 30px;width: 480px;border-radius: 20px;
	}
	.apply-info .icon img{
		height: 32px;
	}
	.apply-info .title{
		font-size: 20px; margin-bottom: 16px;
	}
	.apply-info .subtitle{
		margin-bottom: 16px; font-size: 15px;
	}
	.apply-info .text{
		font-size: 13px;
	}
	.productdetail{
		padding: 50px 0;
	}
	.productdetail-infol{
		width: 630px;
	}
	.productdetail-infor{
		width: 530px;padding-top: 24px;
	}
	.productdetail-infor h1{
		font-size: 30px;
	}
	.productdetail-infor .tags{
		font-size: 16px; margin-top: 16px;
	}
	.productdetail-infor .text{
		 margin-top: 40px; font-size: 15px;
	}
	.productdetail-tab{
		margin-top: 24px;
	}
	.detail-tabbd{
		padding-left: 180px; padding-right: 180px;
	}
	.table thead th:first-child, .table tbody td:first-child{
		padding-left: 180px;
	}
	.table thead th:last-child, .table tbody td:last-child{
		padding-right: 180px;
	}
	.table tbody td,
	.table thead th{
		font-size: 14px;
	}
	.table thead th{
		padding: 20px 0;
	}
	.table tbody td{
		padding: 10px 0;
	}
	.detailpage{
		margin-top: 30px;
	}
	.detailpage a{
		font-size: 14px;max-width: 320px;
	}
	.searchpage .form{
		width: 610px ; margin-top: 80px;
	}
	.searchpage .form-input{
		font-size: 18px; width: 550px;
	}
}
@media screen and (max-width:1210px) {
	.wrapper{
		width: 980px;
	}
	.about-txt{
		width: 440px; padding-top: 0;
	}
	.about-video{
		width: 510px;height: 350px;
	}
	.about-video video{
		height: 350px;
	}
	.about-txt .title{
		font-size: 20px;
	}
	.about-txt .list .icon img{
		height: 32px;
	}
	.about-txt .text{
		font-size: 13px;
	}
	.jobdetail-l{
		width: 635px;
	}
	.jobdetail-r{
		width: 330px;
	}
	.news-list{
		 column-gap: 20px;
	}
	.news-list li{
		width: 313px;
	}
	.news-list h3{
		font-size: 14px;
	}
	.news-list .txt{
		height: 105px;
	}
	.activity-list .img, .activity-list .img img{
		height: 241px;
	}
	.activity-list .txt{
		padding-top: 60px; padding-left: 35px; padding-right: 35px;
	}
	.activity-list .btn{
		height: auto; line-height: 35px;
	}
	.productdetail-infol{
		width: 450px;
	}
	.productdetail-infor{
		width: 500px; padding-top: 16px;
	}
}
@media screen and (max-width:1000px) {
	.wrapper{
		width: 90%;
	}
	.banner{
		height: 400px;
	}
	.banner-desc{
		width: auto;
	}
	.tabnav-item{
		margin: 0 10px;
	}
	.about, .history, .certificate{
		padding: 50px 0;
	}
	.about .wrapper{
		display: block;
	}
	.about-txt{
		width: 100%;
	}
	.about-video{
		width: 100%; height: auto;
	}
	.about-video video{
		height: auto;
	}
	.about-txt .list h3{
		font-size: 13px;
	}
	.about-txt .list p{
		font-size: 11px;
	}
	.idea{
		height: auto; padding-left: 5%; padding-right: 5%;
	}
	.idea-list{
		height: auto; display: block; padding-top: 30px;
	}
	.idea-list li{
		padding: 30px; height: auto; width: 100%;
	}
	.history-list li{
		width: 290px;
	}
	.history-list img{
		height: auto;
	}
	.certificate-list{
		column-gap: 0; display: block;
	}
	.certificate-list li{
		margin-bottom: 10px;
	}
	.histories-list li{
		width: 100%; margin-right: 0; padding-left: 25px; padding-right: 0;
	}
	.histories-list li:nth-child(2n){
		margin-left: 0;padding-left: 25px; padding-right: 0;
	}
	.histories-list li::after,
	.histories-list li:nth-child(2n)::after{
		left: 0; right: auto;
	}
	.histories-list .dot,
	.histories-list li:nth-child(2n) .dot{
		left: -3px; right: auto;
	}
	.histories-list .txt{
		display: block;
	}
	.histories-list h3{
		margin-top: 16px;
	}
	.head-title{
		font-size: 24px;
	}
	.job,
	.team, .company{
		padding: 45px 0;
	}
	.job-list h3{
		font-size: 18px; margin-bottom: 16px;
	}
	.team-list li{
		width: 100%; height: auto; display: block;
	}
	.team-listl{
		padding: 30px 24px; height: auto; width: 100%;
	}
	.team-listr{
		width: 100%; height: auto;
	}
	.team-listr img{
		height: auto;
	}
	.team-listl h3{
		font-size: 16px;
	}
	.team-listl .icon{
		margin-bottom: 24px;
	}
	.team-listl .icon img{
		height: 32px;
	}
	.team-list .swiper-pagination{
		margin-top: 20px;
	}
	.company-list li{
		width: 200px;
	}
	.team-list, .company-list{
		margin-top: 30px;
	}
	.jobdetail .wrapper{
		display: block;
	}
	.jobdetail-l,
	.jobdetail-r{
		width: 100%;
	}
	.news-list{
		column-gap: 0; justify-content: space-between;
	}
	.news-list li{
		width: 100%; margin-bottom: 24px;
	}
	.news-list .time{
		font-size: 12px; margin-bottom: 8px;
	}
	.news-list .txt{
		height: auto;padding-top: 10px;
	}
	.news-list li::after{
		display: none;
	}
	.pagination{
		font-size: 14px;
	}
	.pagination a{
		margin: 0 3px;
	}
	.activity{
		padding: 40px 0;
	}
	.activity-list li{
		height: auto; display: block; margin-bottom: 16px;
	}
	.activity-list li>a{
		display: block;
	}
	.activity-list .img, .activity-list .img img{
		height: auto;
	}
	.activity-list .img{
		width: 100%;
	}
	.activity-list .txt{
		width: 100%; padding: 24px 16px;
	}
	.activity-list .time{
		font-size: 12px; margin-bottom: 16px;
	}
	.apply-row{
		height: auto; padding: 24px 5%;
	}
	.apply-info{
		background: rgba(0, 0, 0, 0.7);
	}
	.productdetail{
		padding: 40px 0;
	}
	.productdetail-info{
		display: block;
	}
	.productdetail-infol{
		width: 100%;
	}
	.productdetail-infor{
		width: 100%; padding-top: 24px;
	}
	.productdetail-infor .tags{
		font-size: 14px;
	}
	.productdetail-infor h1{
		font-size: 26px;
	}
	.productdetail-infor .text{
		margin-top: 24px;
	}
	.detail-tabbd{
		padding: 24px 0; font-size: 14px;
	}
	.detail-tabbd .list li{
		margin-bottom: 16px;
	}
	.productdetail-valuehd{
		font-size: 18px; padding: 16px 0;
	}
	.table thead th:first-child, .table tbody td:first-child{
		padding-left: 20px;
	}
	.table thead th:last-child, .table tbody td:last-child{
		padding-right: 20px;
	}
	.detailpage a{
		max-width: 45%;
	}
	.detailpage .prev{
		padding-left: 16px ; background-size: 12px auto;
	}
	.detailpage .next{
		padding-right: 16px ; background-size: 12px auto;
	}
	.banner-title{
		font-size: 26px;
	}
	.banner-desc{
		font-size: 16px; margin-top: 12px;
	}
	.footermedium .footer-c{
		position: static; margin-top: 0;
	}
	.headerwhite, .headerwhite .header-box{
		height: 80px;
	}
	.headerwhite .gh a:after,.headerwhite .gh a:before,.headerwhite .gh a{
		background-color: #333333;
	}
	.header.headerwhite .nav>li>a{
		color: #333333;
	}
	.header.headerwhite .nav{
		background: #ffffff;
	}
	.header.headerwhite .nav>li>ul{
		background-color: rgba(0,0,0,0.02);    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
	}
	.searchpage-logo img{
		height: 35px;
	}
	.searchpage-close{
		right: 5%; top: 30px; background-size: 20px 20px;
	}
	.searchpage .form{
		width: 90%; margin-top: 60px;
	}
	.searchpage .form-input{
		width: calc(100% - 55px); height: 45px; font-size: 16px;
	}
	.searchpage button{
		width: 45px; height: 45px; background-size: 18px auto;
	}
	.contact .right {
	        width: 100%;
	        padding-left: 0;
	        border-left: none;
	        padding-top: 2rem;
	        border-top: 1px solid #eee;
	        margin-top: 5rem;
	    }

}