@charset "UTF-8";
/* CSS Document */

body{background-color: #f5f5f5;}
.banner { width: 100%; overflow: hidden; position: relative; background-color: #000}
.swiper-pagination { bottom: 5%; width: 100%; text-align: center;}
.swiper-pagination-bullet { width: 5%; height: 2px; background: rgba(255,255,255,.6); margin: 0 5px; border-radius:0;}
.swiper-pagination-bullet-active{background: #44a8f2;}
.swiper-slide img{width: 100%;}
.swiper-slide-active{z-index: 2;}
.swiper-button-prev, .swiper-button-next{ background:transparent; background-image: url('../images/icon_all.png'); width: 30px; height: 74px; display: block; top: 50%; position: absolute; z-index: 9;
 -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} 
.banner .swiper-button-prev{background-position: 0 -80px; left: 15%;}
.banner .swiper-button-next{background-position: -60px -80px; right: 15%;}

.swiper-button-l, .swiper-button-r{ height: 100%; width: 15%; position: absolute; top: 0; opacity: 0; z-index: 9;}
.swiper-button-l:hover, .swiper-button-r:hover{ opacity: 1;}
.swiper-button-l{left: 0;}
.swiper-button-r{right: 0;}




.section11{padding: 10px; background-color: #1a1a1a; overflow: hidden;}
.section11 li{width: calc(50% - 20px); float: left; position: relative; height:0; padding-bottom:27%; overflow: hidden; margin: 10px;}
.section11 li .images{-webkit-transition: 0.5s all ease; 
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	transition: 0.5s all ease;}
.section11 li img{width: 100%; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; position: absolute; left: 0;}
.section11 li .title { position:absolute; left:50%; top:50%; color: #fff; text-align: center; width: 100%; margin-top: 26px;  pointer-events: none;
    -webkit-transform:translate(-50%, -50%); /* webkit内核浏览器（Chrome/谷歌 和 Safari/苹果）*/
    -ms-transform:translate(-50%, -50%); /* ie（edge）内核浏览器 */ 
    -moz-transform:translate(-50%, -50%); /* firefox（火狐）内核浏览器 */ 
    -o-transform:translate(-50%, -50%); /* Opera 内核浏览器 */ 
    transform:translate(-50%, -50%); /* W3C标准浏览器 */ 
}
.section11 li .title p{font-size: 46px; line-height: 49px; position: absolute; width: 100%; bottom: 0;-webkit-transition: 0.5s all ease; 
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	transition: 0.5s all ease;}
.section11 li .title p span{font-size: 16px; display: block; font-weight: 100; color: #e5e5e5; line-height: 18px; }

.section11 li .title .btn_2{position: absolute; top: 0; width: 100%;-webkit-transition: 0.5s all ease; 
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	transition: 0.5s all ease;}
.btn_2 .main { display: block; border:solid 1px #ccc; margin:0 auto; position: relative; font-size: 13px; text-align: center; z-index: 2; color: #e5e5e5; width: 115px; height: 24px; line-height: 23px; margin-top: 19px;
	}
.btn_2 a:before{ content: ""; width:0; height: 100%; background: #ccc; position: absolute; top: 0; left:0; z-index:-1; 
	-webkit-transition: all 400ms cubic-bezier(1, 0, 0, 1);
	-moz-transition: all 400ms cubic-bezier(1, 0, 0, 1);
	-o-transition: all 400ms cubic-bezier(1, 0, 0, 1);
	transition: all 400ms cubic-bezier(1, 0, 0, 1);
	}

.btn_2 .arrow{ width: 23px; height: 28px; display: block; position: absolute; right: -13px; top: -5px; transition: 0.3s all ease; }
.btn_2 .arrow polygon{stroke:rgb(255,255,255); stroke-width: 2; }

.section11 li video{position: absolute; opacity: 0; top: 0; width: 100%; -webkit-transition: 0.5s all ease; 
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	transition: 0.5s all ease;}



.section11 li.show .title p{ bottom: 400px; opacity: 0; }
.section11 li.show .title .btn_2{ top: 400px; opacity: 0; }
.section11 li.show .images{ opacity: 0;}
.section11 li.show video{ opacity: 1;}



/*--------------------------- Counter ---------------------*/
.section12 {background: url(../images/v2s2-bg.jpg) no-repeat center;background-size: cover;background-attachment: fixed; background-color: #121212;
  overflow: hidden; color: #fff; padding-top: 50px; padding-bottom: 100px;}
.section12 dl, .section12 ul{width: 1200px; margin: 0 auto; text-align: center;}
.section12 dl dt{font-size: 40px; line-height: 3.7em;}
.section12 dl dd{color: #e5e5e5; line-height: 2em; font-weight: 100;}
.section12 ul{padding-top: 83px;}
.section12 ul li{width: 25%; float: left;}
.section12 .single-box { width: 200px; height: 200px; border: 1px solid #1f1f1f; margin: 0 auto; display: table; border-radius: 50%;}
.section12 .single-box .table-cell{display: table-cell; vertical-align: middle; text-align: center; height: 100%; width: 100%;}
.section12 .single-box .number{color: #666666; font-weight: 100; font-size: 18px; font-family: "Arial"}
.section12 .single-box .number span { font-weight: 400; color: #1a99f3; font-size: 60px; display: inline-block; margin: 0 5px 0 22px;}
.section12 .single-box hr{ width: 30px; height: 2px; margin: 7px auto 18px auto; background-color: #333; border: 0; }
.section12 .single-box p { font-size: 18px; color: #e5e5e5; font-weight: 100; padding-bottom: 3px}
.section12 .single-box .number.font22{font-size: 32px; font-family: "Microsoft YaHei"}


.section13{background: #f6f6f6; background-size: cover; padding-top: 55px; padding-bottom: 110px; max-height: 350px; overflow: hidden;}
.section13 dt, .section13 dd{width: 1200px; margin: 0 auto; text-align: center; }
.section13 dt{color: #121212; font-size: 39px; line-height: 4em;}
.section13 dd{color: #333333;}


.section1-r_con{text-align: center; position: relative;
    background: -moz-linear-gradient(top, #f3f4f4 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f4f4), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #f3f4f4 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #f3f4f4 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #f3f4f4 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #f3f4f4 0%,#ffffff 100%);
}
.section1-r_con .swiper-slide{padding: 0 10px;}
.section1-r_con .swiper-slide a{position: relative; display: block;}
.section1-r_con .swiper-slide a::after{content: " "; width: 100%; height: 100%; background-color: rgba(255,255,255,.3); position: absolute; top: 0; left: 0; }
.section1-r_con .swiper-slide-active a::after{display: none;}
.section1-r_con .swiper-button-prev, .section1-r_con .swiper-button-next{ width: 25px; height: 50px; background-color: rgba(0,0,0,.2); opacity: 0; top: 50%; z-index: 9;}
.section1-r_con .swiper-button-disabled{background-color: rgba(0,0,0,.1);}
.section1-r_con:hover .swiper-button-prev, .section1-r_con:hover .swiper-button-next{ opacity: 1;}
.section1-r_con .swiper-button-prev{background-position: -115px -90px; left: 2%;}
.section1-r_con .swiper-button-next{background-position: -145px -90px; right: 2%;}



.section2{background-color: #fff;}
.section2 h2 {text-align: center; font-family: "Oswald", sans-serif; font-size: 2.1875em; position: relative; padding: 6px 0 21px 0; line-height: 2.172em;}
.section2 h2 {font-size: 2.32em;}
.section2 h2::after{ content: " "; width: 50px; height: 3px; background: #44a8f2; bottom: 21px; position: absolute; left: 50%;
	-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}

.section2 h2{padding: 0; line-height: 2.172em; text-transform: uppercase; color: #000;}
.section2 h2::after{width: 60px; bottom: 0;}
.section2 .cont3{position: relative;  padding-bottom: 3.3%; overflow: hidden;}
.section2 .swiper-container{overflow: visible;}

.cont3 .swiper-slide .pic{position: relative;}
.cont3 .swiper-slide .pic::after{content: " "; width:100%; height:100%; background-color:rgba(0,0,0,.5); position:absolute; left:0; top:0; 
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.cont3 .swiper-slide-active .pic::after{opacity: 0;}

.cont3 .swiper-slide .text1, .cont3 .swiper-slide .text2{ position:absolute; bottom: -11%; left: 6.6%; width: 70%; background-color: #fff; padding: 3%; opacity: 0; visibility: hidden;
	-webkit-box-shadow: rgba(0,0,0,.1) 0 0 10px; -moz-box-shadow: rgba(0,0,0,.1) 0 0 10px; box-shadow: rgba(0,0,0,.1) 0 0 10px;
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;
	-webkit-transition-delay: .5s; -moz-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s;}
.cont3 .swiper-slide h3{ font-size: 1.5em; color: #333; }
.cont3 .swiper-slide-active .text1{opacity: 1; visibility:visible; background-color: rgba(255,255,255,.9);}
.cont3 .swiper-slide .text1 h3{ overflow: hidden; white-space: nowrap; text-overflow:ellipsis;  height: 1.5em;}

.cont3 .swiper-container .pagination, .cont3 .swiper-container .swiper-button{position: absolute; bottom: 0; left: 0; width: 100%; bottom:-8%;}
.cont3 .swiper-container .swiper-pagination{width: 52.55%; margin: 0 auto; position: relative; text-align: right;}
.cont3 .swiper-container .pagination .swiper-pagination-bullet{width: 15px; height: 15px; background-color: rgba(0,0,0,1); margin: 0 0 0 1.5%;}
.cont3 .swiper-container .pagination .swiper-pagination-bullet-active{background-color: #44a8f2; }
.cont3 .swiper-container .swiper-button{height: 100%; bottom: 0; }
.cont3 .swiper-container .swiper-button-con{width: 52.55%; margin: 0 auto; position: relative; height: 100%;}
.cont3 .swiper-button-prev, .cont3 .swiper-button-next{ width: 60px; height: 36px; background-color: rgba(0,0,0,.2); opacity: 0;
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.cont3 .swiper-button-prev{background-position: -240px -77px; left: -30px;}
.cont3 .swiper-button-next{background-position: -320px -77px; right: -30px;}
.cont3 .swiper-container:hover .swiper-button-prev, .cont3 .swiper-container:hover .swiper-button-next{ opacity: 1;}

.cont3 .swiper-slide-active:hover .text2, .cont3 .swiper-slide-active:hover .text1{
	-webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
.cont3 .swiper-slide-active:hover .text2{opacity: 1; visibility:visible; bottom: -15%;}
.cont3 .swiper-slide-active:hover .text1{opacity: 0; bottom: -21%; visibility: hidden;}
.cont3 .swiper-container:hover .swiper-pagination{z-index: auto;}

.cont3 .swiper-slide .text2{ background-color: rgba(255,255,255,1); width: 380px; height: 97%; bottom: -25%;}
.cont3 .swiper-slide .text2 h3{margin: 8% 0; line-height: 1.5em; max-height: 3em; overflow: hidden; display: -webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.cont3 .swiper-slide .text2 p{color: #555; font-size: 0.875em; line-height: 2em;  max-height: 10em; overflow: hidden; display: -webkit-box; text-overflow:ellipsis; -webkit-line-clamp:6; -webkit-box-orient: vertical;}
.cont3 .swiper-slide .text2 a{position: absolute; bottom: 5%; color: #44a8f2; padding-right: 18px; }
.cont3 .swiper-slide .text2 a::after{content: " "; position: absolute; height: 100%; width: 10px; right: 0; top: 0; background:url('../images/icon_all.png') -400px -76px no-repeat ;}


.search-wap{display: none;}














@media screen and (min-width: 993px){
	nav.navbar.bootsnav.no-background{background-color: rgba(255,255,255,0); border-bottom: 0;}
	nav.navbar.bootsnav.no-background.active2 {background-color: rgba(255,255,255,1);}
	nav.navbar.bootsnav:hover, nav.navbar.bootsnav{background-color: rgba(255,255,255,1);-webkit-box-shadow: none; box-shadow: none;  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
	.no-background .nav > li > a{color: #fff;}
	nav.navbar.bootsnav:hover .nav > li > a{color: #666;}
	nav.navbar.bootsnav:hover .navbar-nav.on > li > a {color: #666;}
	nav.navbar.bootsnav .navbar-nav.on > li.on > a, nav.navbar.bootsnav .navbar-nav.on > li > a:hover {color: #000;}
	.no-background .search-wrapper .input-holder .search-icon span {background-image: url(../images/icon5-2.png);}
	nav.navbar.bootsnav:hover .search-wrapper .input-holder .search-icon span, .search-wrapper .input-holder .search-icon span {background-image: url(../images/icon5.png);}
	.search-wrapper.active .input-holder .search-icon span {background-image: url(../images/icon5.png);}
	.int_70{height: 0; display: none;}
	.no-background .navbar-brand {fill: #ffffff;}
	nav.navbar.bootsnav:hover .navbar-brand, nav.navbar.bootsnav.active2 .navbar-brand{fill: #040000;}
	.search-wrapper .input-holder{background-color: rgba(255,255,255,0);}
	.attr-nav ul li.gw a {line-height: 27px; margin-top: 21px; padding: 0 10px;}
	.no-background .attr-nav ul li.gw a {background-color: #44a8f2;}
	nav.navbar.bootsnav:hover .attr-nav ul li.gw a {background-color: #000;}
	nav.navbar.bootsnav .attr-nav ul li.gw a:hover{background-color: #44a8f2;}
    
    .attr-nav ul li.lan-en a {line-height: 27px; margin-top: 21px; padding: 0 5px;}
	.no-background .attr-nav ul li.lan-en a {background-color: #44a8f2; color: #fff;}
	nav.navbar.bootsnav:hover .attr-nav ul li.lan-en a {background-color: #000;}
	nav.navbar.bootsnav .attr-nav ul li.lan-en a:hover{background-color: #44a8f2;}
}

/*.banner .swiper-slide img{width: auto; margin-left: 0; height: 100vh;}*/

@media screen and (max-width: 1440px) {
	.banner .swiper-slide img{width: 116%; margin-left: 0;}
	.section1-r .c2{padding: 4% 0;}
	.cont3 .swiper-container .swiper-pagination, .cont3 .swiper-container .swiper-button-con{ width: 65.3%;}
}
@media screen and (max-width: 1200px) {
	.banner .swiper-slide img{width: 156%; margin-left: 0;}
	.section1-r .c2{padding: 5% 0;}
	.cont3 .swiper-slide .text1 h3,.cont3 .swiper-slide .text2 h3{font-size: 1.5em;}
	.cont3 .swiper-slide .text2 h3 {margin: 4% 0;}
	.cont3 .swiper-slide .text1, .cont3 .swiper-slide .text2{bottom: -9.5%; padding: 2% 3%;}
    
    .section12 dl, .section12 ul,.section13 dt, .section13 dd{width: 100%; padding-left:5%; padding-right: 5%;}
      
}
@media screen and (max-width: 1024px) {
	.section1-l, .section1-r{width: 100%; }
	.section1-r h2{background-color: #ddd;}
	.section1-r.no1{visibility: hidden; display: none;}
	.section1-r.no2{visibility: visible; display: block;}
	.section1-r_con .swiper-button-prev, .section1-r_con .swiper-button-next{opacity: 1;}
	.section1-r .c2{padding: 4% 0;}
	.cont3 .swiper-slide .text1 h3,.cont3 .swiper-slide .text2 h3{font-size: 1.25em;}
	.cont3 .swiper-container .swiper-pagination, .cont3 .swiper-container .swiper-button-con{ width: 82.65%;}
}
@media screen and (max-width: 992px) {
	.int_70{height: 55px; line-height: 55px;}
	.search-wap{display:block; padding: 20px 10px;}
	.search-wap .input-holder {position: relative; border-radius: 2px; border: 1px solid #cccccc;}
	.search-wap .input-holder .search-input {width: 100%; height: 36px; padding: 0px 50px 0 10px; border: none; outline: none; color: #000;}
	.search-wap .input-holder .search-icon {width: 36px; height: 36px; display: inline-block; background: url(../images/icon5.png) no-repeat center #fff; border: 0; position: absolute; right: 0; top: 0;}

}
@media screen and (max-width: 768px) {
	.swiper-button-l, .swiper-button-r{visibility: hidden;}
	.section1-r_con .swiper-slide::after{display: none;}
	.section1-r .c2{padding: 5% 0;}
	.section2 .cont3{padding-bottom: 8%;}
	.cont3 .swiper-container .swiper-button{display: none;}
	.cont3 .swiper-container .swiper-pagination, .cont3 .swiper-container .swiper-button-con{ width: 92%;}
	.cont3 .swiper-slide-active:hover .text2{opacity: 0; visibility:hidden;}
	.cont3 .swiper-slide-active:hover .text1{opacity: 1; bottom: -9.5%; visibility: visible;}
	.cont3 .swiper-slide .text1 h3, .cont3 .swiper-slide .text2 h3{font-size: 0.875em;}
	.cont3 .swiper-container .pagination{bottom: -30px;}
    
    .section11{padding: 5px;}
	.section11 li{width: calc(100% - 10px); padding-bottom: 54.7%; margin: 5px;}
    .section11 li .title p{font-size: clamp(30px, 6vw, 60px);; line-height: 40px; }
	.section11 li .title{margin-top: 0;}
    .btn_2 a{margin-top: 14px; font-size: 13px;}
    
    .section12{padding-top: 20px;  padding-bottom: 30px;}
    .section12 ul li{width: 50%; padding-bottom: 20px;}
    
    .section13{padding-top: 20px; padding-bottom: 50px;}
    .section13 dt{font-size: 19px;}
    .section13 dd{font-size: 12px;}
}
@media screen and (max-width: 480px) {
	.section1-r .c2{padding: 7% 0;}
	.cont3 .swiper-container .pagination{bottom: -24px;}
	.cont3 .swiper-container .pagination .swiper-pagination-bullet{width: 10px; height: 10px;}
    .section11 {padding: 5px;}

    .btn_2 a{margin-top: 8px; font-size: 12px;}
    
    .section12 dl dt{font-size: 30px;}
    .section12 dl dd{font-size: 12px;}
    .section12 ul{padding-top: 50px;}
    .section12 .single-box{width: 170px; height: 170px;}
    .section12 .single-box .number span{font-size: 50px;}
    .section12 .single-box p{font-size: 13px;}
}