/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#666; font-family:'SourceHanSans-Regular';}
a{color:#666;}
a:hover{ color:#f60; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}

@font-face {
  font-family: "RopaMixPro-Regular";
  src: url("../fonts/RopaMixPro-Regular.woff2") format("woff2"),
       url("../fonts/RopaMixPro-Regular.woff") format("woff"),
       url("../fonts/RopaMixPro-Regular.ttf") format("truetype"),
       url("../fonts/RopaMixPro-Regular.eot") format("embedded-opentype"),
       url("../fonts/RopaMixPro-Regular.svg") format("svg");
}
@font-face {
  font-family: 'SourceHanSans-Regular';
  src: url('../fonts/SourceHanSans-Regular.eot?v=4.7.0');
  src: url('../fonts/SourceHanSans-Regular.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
       url('../fonts/SourceHanSans-Regular.woff2?v=4.7.0') format('woff2'), 
	   url('../fonts/SourceHanSans-Regular.woff?v=4.7.0') format('woff'), 
	   url('../fonts/SourceHanSans-Regular.ttf?v=4.7.0') format('truetype'), 
	   url('../fonts/SourceHanSans-Regular.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceHanSans-Light';
  src: url('../fonts/SourceHanSans-Light.eot?v=4.7.0');
  src: url('../fonts/SourceHanSans-Light.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
       url('../fonts/SourceHanSans-Light.woff2?v=4.7.0') format('woff2'), 
	   url('../fonts/SourceHanSans-Light.woff?v=4.7.0') format('woff'), 
	   url('../fonts/SourceHanSans-Light.ttf?v=4.7.0') format('truetype'), 
	   url('../fonts/SourceHanSans-Light.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.banner{ position:relative; width:100%}
.banner video{ width:100%; object-fit: cover; vertical-align:bottom;} 

.banner01{position:absolute;bottom:30%;left: 4%;width: 34%;color: #ffff;}
.banner01 .img{ height:75px}
.banner01 .img img{ height:100%;}
.banner01 h2{ font-size:38px; line-height:1;margin-top:20px;}
.banner01 h2 p{ padding:0; color:#ffffdb; display:inline-block;line-height:1;}
.banner01 span{ font-size:16px; display:block; margin-top:4%; line-height:1.5;}


.herader-bg{ position:absolute; width:100%; top:0%; z-index:999; background:#000000}
.header{height:60px;display: flex;justify-content: space-between;align-items: center;padding: 0px 2%;}
/*menu*/
.menu{height:30px;line-height:30px;}
.menu ul li{float:left;position:relative;/* border-right:#666 solid 1px; */}
.menu ul li dl{background:#252525;position:absolute;left:0px;top:35px;box-shadow:2px 2px 10px 0px rgba(0,0,0,0.5);/* padding:10px 0; */display:none;width: auto;min-width: 120px;}
.menu ul li dl dd{line-height: 40px;/* border-bottom:#ddd dotted 1px; *//* margin: 0 0 0 20px; */}
.menu ul li dl dd a{font-size:15px;color: #fff;font-weight:normal;display:inline;padding:0;text-align:left;margin: 0;display: block;padding: 0 10px 0 20px;white-space: nowrap;}
.menu ul li dl dd a:hover{ color:#252525; background:#ffffff}
.menu a{font-size:20px;color:#fff;text-decoration:none;font-weight:normal;display:block;text-align:center;padding: 0 5px 5px;margin: 0 10px;}
a.menu_hover{ border-bottom:2px solid #fff;}
/*.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}*/



.zne{ margin-left:4vw;}
.zne a{ font-size:19px; color:#fff; margin-left:2vw;}

.paixu{margin-bottom:2%;}
.paxi{ margin-bottom:2%;}


.cent01{    padding-top: 0;
    padding-left: 1svw;
    padding-right: 1svw; /*padding-bottom:1svw;*/ }
.cent01 ul li{ float:left; display:block; width:calc((100% - 2svw)/3); margin-right:1svw; margin-top:1svw; position:relative} 
.cent01 ul li:nth-child(3n) { margin-right: 0% ;}
.cent01 ul li .img{ width:100%;}
.cent01 ul li .img img{ width:100%; vertical-align:bottom;}
.bae{ background:#fff;position: absolute; left: 50%;  transform: translate(-50%, 0); bottom:2%; text-align:center; padding:10px 32px}
.bae h2{ color:#414141; font-size:14px;}
.bae span{ font-size:14px; color:#5a5a5a}
.cent01 .bae{ display:none}
.cent01 ul li:hover .bae{ display:block}

.cent05{
    padding-top: 0;
    padding-left: 1svw;
    padding-right: 1svw;
    /* padding-bottom:1svw; */
    margin-bottom: 0%;
    }
.cent05 ul li{ float:left; display:block; width:calc((100% - 1svw)/2); margin-right:1svw; margin-top:1svw; position:relative} 
.cent05 ul li:nth-child(2n) { margin-right: 0% ;}
.cent05 ul li .img{ width:100%;}
.cent05 ul li .img img{width:100%;vertical-align:bottom;height: 50vh;object-fit: cover;}
.cent05 .bae{ display:none}
.cent05 ul li:hover .bae{ display:block}


.cent07{
    padding-top: 0;
    padding-left: 1svw;
    padding-right: 1svw;
    /* padding-bottom:1svw; */
    /* margin-bottom:2%; */
    }
.cent07 ul li{ float:left; display:block; width:100%; margin-top:1svw; position:relative} 
.cent07 ul li .img{ width:100%;}
.cent07 ul li .img img{width:100%;vertical-align:bottom;height: 50vh;object-fit: cover;}
.cent07 .bae{ display:none}
.cent07 ul li:hover .bae{ display:block}


.footer{ text-align:center; min-height:15vh;}
.footer h2{ font-size:15px; color:#4f4f4f; display:block; margin-bottom:1.5%}
.footer span{ font-size:12px;display: flex; justify-content: center;  align-items: center; line-height:2;}
.footer a{ color:#333;}


.sp_header{ display:none}
.sjj_nav{ display:none}

.top{ display:none; height:60px;}

.cent02{position:relative;}
.cent02-l{ width:18%; float:right;padding:30px 30px 30px 30px; box-sizing:border-box; color:#000; }
.diene{ position:absolute; bottom:5%; left:30px; width:18%;} 
.cent02-l h2{ font-size:16px; font-weight:normal;margin-bottom:4%; display:block;}
.cent02-l span{ font-size:14px; display:block; line-height:1.5; margin-bottom:4%;}
.cent02-l em{ display:block; font-style:normal; font-size:16px; color:#a4a4a4;}
.cent02-l em a{color:#a4a4a4;}
.cent02-l>a{ color:#a4a4a4; font-size:14px;}
.cent02-l>a>img{ margin-right:10px}
.cent02-l i{ font-size:14px; display:block; line-height:1.5; margin-bottom:4%;}

.cent02-r{ float:left; width:calc(100% - 30%); position:relative; padding-bottom:1.5%;padding-left:12%;}
.cent02-r img{ width:100% ; vertical-align:bottom;height: 960px;
    object-fit: contain;}
.cent02-r .swiper-pagination01{ bottom:0 !important}
.cent02-r  .swiper-pagination-bullet-active{ background:#000 !important;}
.cent02-r .swiper-button-next, .cent02-r .swiper-button-prev{ color:#000 !important;}
.footer01{ display: flex; justify-content: end;  align-items: center; margin-bottom:2%;}
.footer01 a{ width:20px; height:20px; margin:0 10px}
.footer01 a img{ width:100%; height:100%;filter: brightness(0%) contrast(200%) invert(50%) opacity(100%);  }

.footer01 a:hover{    animation-name: elementor-animation-push;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: 1;}
.footer01 a:hover img{filter:none;}


@keyframes elementor-animation-push {
    50% {
        transform: scale(0.8)
    }

    100% {
        transform: scale(1)
    }
}



.HBoxbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:88; background:#00000070; display:none;}
.HBox {
	width: 75%;
	height:auto;
	margin: 0 auto;
 position:absolute;
	    top: 50%;
    left: 50%;transform: translate(-50%, -50%);
	z-index: 100000;
}
.HBox video{ width:100%; object-fit: cover; height:100%}

.tab_valli{ display:none}
.title{ display: flex; justify-content: center;  align-items: center;flex-wrap: wrap; margin-top:1svw}
.title li{ font-size:15px; color:#a4a4a4; padding:0 8px; margin:0 5px}
.tabs .cur{ color:#121212}

.cent03{    padding-top: 0;
    padding-left: 1svw;
    padding-right: 1svw; /*padding-bottom:1svw;*/}
.cent03 ul li{ float:left; display:block; width:calc((100% - 2svw)/3); margin-right:1svw; margin-top:1svw; position:relative; border-radius:10px; overflow:hidden;} 
.cent03 ul li:nth-child(3n) { margin-right: 0% ;}
.cent03 ul li .img{ width:100%;}
.cent03 ul li .img img{ width:100%; vertical-align:bottom;height: 50vh;object-fit: contain;}
.bae01{ position:absolute; top:0; left:0; width:100%; height:100%; display: flex; justify-content: center;  align-items: center; background:#00000070; opacity:0}
.bae01 span{ font-size:14px; color:#fff;}
.cent03 ul li:hover .bae01{ opacity:1}


.cent04-l{ display:block; width:100%; height:100vh; position:relative;}
.cent04-l img{ width:100%; vertical-align:bottom; height:100%; object-fit: cover;}
.cent04-r{ display:block; width:35%; padding:30px; box-sizing:border-box; color:#000; background:#fff;}
.cent04-r>h2{ font-size:20px; margin-bottom:3%}
.cent04-r>span{ display:block; font-size:13px; line-height:2;  margin-bottom:2%;}
.cent04-r>i{display:block; font-size:13px; line-height:1.5;  margin-bottom:2%;}
.cent04-r ul{ margin-top:3%}
.cent04-r ul li a{ display: flex;   align-items: center; font-size:16px; color:#252525}
.cent04-r ul li a img{ width:20px; margin-right:10px;filter: brightness(0%) contrast(200%) invert(50%) opacity(100%);} 
.cent04-r ul li a:hover{ color:#6a6a6a}
.cent04-r ul li a:hover img{filter:none;}

.youshang{ position:absolute; top:2%; right:3%;}
.youshang01{ position:absolute; bottom:2%; right:3%}


.sline{ display: flex;  justify-content:leftr; align-items: center; margin-bottom:2%; margin-top:5%;}
.sline a{ width:20px; height:20px; margin:0 10px 0 0;}
.sline a img{ width:100%; height:100%;/*filter: brightness(0%) contrast(200%) invert(50%) opacity(100%);*/  }
.sline a:hover{    animation-name: elementor-animation-push;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: 1;}
.sline a:hover img{filter:none;}

.inside_con{ padding:10px 0; min-height:300px;}

.cent06{ width:100%}
.cent06 img{ width:100%; vertical-align:bottom;}

.header03{display:block;position:fixed;top:2%;left: 3%;background:#fff;box-sizing:border-box;padding: 1%;min-height:200px;width: 6%;text-align:center;z-index: 999;}
.header03 .logo{ height:auto; width:100%}
.header03 .logo a{ display:block; width:100%}
.header03 .logo a img{ width:100%; height:auto;}
.nav01{
    margin-top: 12%;
}
.nav01 ul li{line-height: 29px;}
.nav01 ul li a{ font-size:16px; color:#666; display:inline-block;}
.nav01 ul li .de{ margin:0 4px;}


.cent08{
    padding-top: 0;
    padding-left: 1svw;
    padding-right: 1svw;
    /* padding-bottom:1svw; */
    /* margin-bottom:2%; */
    }
.cent08 ul li{ float:left; display:block; width:100%; margin-top:1svw;     position: relative;
    border-radius: 10px;
    overflow: hidden;} 
.cent08 ul li .img{ width:100%;}
.cent08 ul li .img img{width:100%;vertical-align:bottom;height: 50vh;object-fit: cover;}
.cent08 ul li:hover .bae01{ opacity:1}

.cent09{
    padding-top: 0;
    padding-left: 1svw;
    padding-right: 1svw;
    /* padding-bottom:1svw; */
    margin-bottom: 0%;
    }
.cent09 ul li{ float:left; display:block; width:calc((100% - 1svw)/2); margin-right:1svw; margin-top:1svw;     position: relative;
    border-radius: 10px;
    overflow: hidden;} 
.cent09 ul li:nth-child(2n) { margin-right: 0% ;}
.cent09 ul li .img{ width:100%;}
.cent09 ul li .img img{width:100%;vertical-align:bottom;height: 50vh;object-fit: contain;}
.cent09 ul li:hover .bae01{ opacity:1}

@media only screen and (max-width: 980px) {
	
	.header03{ display:none}
	.herader-bg{ display:none}
	.cent01{ padding:0 5% 5% 5%;}
	.cent01 ul li{ float:none; margin-right:0; width:100%; margin-top:5%;}
	.bae{ padding:10px}
	.banner01{width: 90%;bottom: 14%;}
	.banner01 .img{ height:30px;}
	.banner01 h2{ font-size:24px;}
	.banner01 span{ font-size:12px; line-height:1;}
	
	.top{ display:block !important; height:50px !important;}
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#000;position: fixed;z-index:10;width:100%;display:block}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background: #fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position: fixed;z-index:9;background: #252525;width:100%;height: auto;font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display:block}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color: #fff;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size: 18px;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color: #fff;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill: #fff;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

.cent02-l{ float:none; display:block; width:100%;}
.cent02-r{ float:none; display:block; width:100%;}	

.tabs{ margin-top:5%;}
.cent03{ padding:0 5% 5% 5%;}
.cent03 ul li{ float:none; margin-right:0; width:100%; margin-top:5%;}

.cent04{ height:auto;}
.cent04-l{ float:none; display:block; width:100%;height:auto;}
.cent04-l img{height:auto;}
.cent04-r{ float:none; display:block; width:100%; position:inherit !important;}

.cent05{ padding:0 5% 5% 5%}
.cent05 ul li{        float: none;
        margin-right: 0;
        width: 100%;
        margin-top: 5%;}
.cent05 ul li .img img{ height:auto;}	


.cent07{ padding:0 5% 5% 5%}
.cent07 ul li{        float: none;
        margin-right: 0;
        width: 100%;
        margin-top: 5%;}
.cent07 ul li .img img{ height:auto;}	
	
.cent08{ padding:0 5% 5% 5%}
.cent08 ul li{        float: none;
        margin-right: 0;
        width: 100%;
        margin-top: 5%;}
.cent08 ul li .img img{ height:auto;}	

.cent09{ padding:0 5% 5% 5%}
.cent09 ul li{        float: none;
        margin-right: 0;
        width: 100%;
        margin-top: 5%;}
.cent09 ul li .img img{ height:auto;}	
		
	
	}