@charset "utf-8";
/* CSS Document */
.banner {background: #dce4ed/*background: url(../images/video.jpg) no-repeat center / cover;*/}
.banner .swiper-slide {overflow: hidden; text-align: center;}
.banner .swiper-slide video {width: 100%;}
.banner .swiper-slide .anniu {width: 100%; position: absolute; bottom: 19%; z-index: 3; -webkit-transition: all .5s;transition: all .5s;opacity: 0; -webkit-transition-delay: 2s; transition-delay: 2s;}
.banner .swiper-slide-active .anniu {opacity: 100;}
.banner .swiper-pagination .swiper-pagination-bullet {width: 12px; height: 12px;transition:all .3s}
.banner .swiper-pagination .swiper-pagination-bullet-active {width: 34px;border-radius: 12px;}
.banner .swiper-button-prev,.banner .swiper-button-next {background: none;top: 50%;width: 86px;height: 86px;margin-top: -43px; color: #F9F9F9}
.banner .swiper-button-prev::before,.banner .swiper-button-next::before {font-family: "iconfont" !important;font-size: 86px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.banner .swiper-button-prev::before {content: "\e656";}
.banner .swiper-button-next::before {content: "\e657";}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { color: #007aff}

.indextitle { position: relative}
.indextitle h2 {font-size: 40px; font-family: "AlbbPHT-3-SB";}
.indextitle p {color: #4e5969; font-size: 16px; line-height: 50px;}
.indextitle img {position: absolute; right: 0; top:12px}
.indextitle h2.fsize {font-size: 48px;}
.indextitle p.fsize {font-size: 24px;}

/*solution*/
.solution { background: #fafafa url("../images/solution.png") no-repeat center bottom; background-size: 100%;}
.tabt{border-bottom: 1px solid #dfe3ec; margin-top: 50px;}
.tabt ul li{ width: 120px; float: left; height: 65px; line-height: 24px; text-align: left; margin-right: 6%; font-size: 16px; color: #959fa8; position: relative; cursor: pointer;}
.tabt ul li:last-child {margin-right: 0;}
.tabt ul li::after{content: ''; width:90%; height: 6px; position: absolute; bottom:-1px;background-image: linear-gradient(to right,#023eff,#b422ff); display: block;-webkit-transform: skewX(-30deg);transform: skewX(-30deg);-webkit-transition: all .5s;transition: all .5s;opacity: 0;}
.tabt ul li.action{color: #000000 }
.tabt ul li.action::after{opacity: 100;}
.boxc{width: 100%;}
.boxc .item{ display: none; padding: 50px 0; }
.boxc .item:first-child{display: block;}
.boxc .item .itemleft {width: 40%; text-align: center;}
.boxc .item .itemright {width: 40%;}
.boxc .item .itemright p {font-size: 18px;margin-top: 14%;}
.boxc .item .itemright h3 {font-size: 32px; font-weight: bold; margin: 8% 0 2% 0; color: #575757; font-family:"AlbbPHT-3-EB";}
.boxc .item .itemright h2 {/*font-size: 80px;*/ font-size: 5vw; font-family:"AlbbPHT-3-EB";}
.boxc .item .itemright img {margin: 10% 0 0 0;}
.solution .animated.delay-1s {-webkit-animation-delay:.2s;animation-delay:.2s;}

/*bigad*/
.bigad {overflow: hidden;}
.bigad .swiper-slide {position: relative}
.bigad .swiper-slide video {width: 100%;}
.bigad .swiper-pagination .swiper-pagination-bullet {width: 22px; height: 6px; background: #ffffff; transition:all .3s; border-radius: 3px;opacity: 1;}
.bigad .swiper-pagination .swiper-pagination-bullet-active {background: #165dff;}
.bigad .swiper-button-prev,.bigad .swiper-button-next {background: none;top: 50%;width: 86px;height: 86px;margin-top: -43px; color: #F9F9F9}
.bigad .swiper-button-prev::before,.bigad .swiper-button-next::before {font-family: "iconfont" !important;font-size: 86px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.bigad .swiper-button-prev::before {content: "\e656";}
.bigad .swiper-button-next::before {content: "\e657";}
.bigad .swiper-button-prev:hover,.bigad .swiper-button-next:hover { color: #007aff}
.bigad .bigcon {width: 100%; height: 100%; position: absolute; top: 0; left: 0; vertical-align: middle; text-align: center; background: rgba(0,0,0,.2)}
.bigad .bigcon h2 {width: 60vw; font-size: 5vw; color: #FFFFFF; font-weight: bold; margin: 15vw auto 0 auto; text-align: center;}
.bigad .bigcon .adtxt { width: 991px; color: #FFFFFF; font-size: 18px; line-height: 30px; padding: 5vw 0; margin: 0 auto;}

/*company*/
.company { background: url("../images/aboutbg.jpg") no-repeat center bottom; background-size: cover;}
.company .c_left {width: 55%;}
.company .c_right {width: 40%; padding-top: 2%}
.company .c_right h2 {font-size: 2.5vw; font-weight: bold}
.company .c_right .c_rinfo {line-height: 28px; font-size: 16px; padding: 4% 0 8% 0;}
.company .c_right .c_rinfo p {padding:20px 0 }
.company .c_right .c_ran img {margin: 0}
.company .c_data {padding-top: 5%}
.company .c_data li {width: 25%;border-right: 1px solid #cfd2d9; float: left;padding-left: 1%;
	-moz-box-sizing: border-box;  /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box; /*Opera9.6*/
	-ms-box-sizing: border-box; /*IE8*/
	box-sizing: border-box;}
.company .c_data li:nth-child(2),.company .c_data li:nth-child(3) {padding-left: 9.5%}
.company .c_data li:last-child {padding-left: 15%;border: none}
.company .c_data li h2 {font-size: 2.5vw; height: 4vw; color: #001ea0; font-family:"Barlow-Regular", Helvetica, Arial, "sans-serif"; font-weight: 600; position: relative}
.company .c_data li h2 sup {font-size: 1.2vw}
.company .c_data li h2::after {content: ''; width: 40px; height: 5px; background: #001ea0; display: block; position: absolute;left: 2px; bottom: 0;}
.company .c_data li h3 {font-size: 16px; margin-top: 1.5vw; font-weight: bold;}

/*research*/
.research {background: url("../images/research.png") no-repeat center bottom;}
.research .relist {padding-bottom: 50px}
.research .relist .swiper-slide {height: 472px; background: #ffffff; border-radius: 12px; padding: 3% 2.5%; position:relative; z-index: -2; margin-top: 4%; overflow: hidden}
.research .relist .swiper-slide img {width: 100%; height: 100%; display: block;position: absolute; top: 0; left: 0; z-index:-1; opacity: 0;-webkit-transition: all .5s;transition: all .5s; border-radius: 12px;}
.research .relist .swiper-slide i {font-size: 55px; color: #636190;-webkit-transition: all .5s;transition: all .5s;}
.research .relist .swiper-slide h2 {font-size: 26px; line-height: 50px; margin-top: 90px; -webkit-transition: all .5s;transition: all .5s;}
.research .relist .swiper-slide p {min-height: 100px; font-size: 14px; color: rgba(98,98,98,1.00); line-height: 28px;-webkit-transition: all .5s;transition: all .5s;}
.research .relist .swiper-slide:hover img {opacity: 100}
.research .relist .swiper-slide:hover i,.research .relist .swiper-slide:hover h2,.research .relist .swiper-slide:hover p {color:#FFFFFF}
.research .relist .swiper-pagination-bullet-active {background: #616290}

/*honor*/
.honor {background: #fafafa}
.honor .h_list {padding:40px 0 80px 0;}
.honor .h_list .swiper-slide {height: 305px;padding: 10px;}
.honor .h_list .h_txt { height: 100%; background: #fff; border-radius: 10px; box-shadow: 0px 0px 6px 6px #f0f2f5; position: relative;-webkit-transition: all .5s;transition: all .5s;}
.honor .h_list .h_txt::before,.honor .h_list .active::before {content: '';width: 20px; height: 6px; background: linear-gradient(to right,#2867ff,#836bff); position: absolute; left: 27px; top: 49px; border-radius: 6px;}
.honor .h_list .h_txt:hover,.honor .h_list .active {background:url("/template/pc/skin/images/hbg3.jpg") no-repeat center; background-size: cover}
.honor .h_list .h_txt:hover::before,.honor .h_list .active::before {background: #FFFFFF}
.honor .h_list .h_txt:hover p,.honor .h_list .active p {color: rgba(255,255,255,1.00)}
.honor .h_list .swiper-slide p {padding: 85px 27px 0 27px; line-height: 30px; font-size: 16px;}
.honor .h_list>.swiper-scrollbar {width: 30%; height: 12px;}
.honor .h_list>.swiper-scrollbar .swiper-scrollbar-drag {background-image: linear-gradient(to right, #3675ff, #7a60ff)}

/*homenews*/
.homenews {background: #fafafa}
.homenews .newsbg {background: #FFFFFF; padding: 50px 0;}
.homenews .newstit {margin: 0 3%;}
.homenews .newstit h2 {font-size: 36px; font-family: "AlbbPHT-3-SB";}
.homenews .newstit a {float: right; color: #165dff;line-height: 26px}
.homenews .newstit a:hover {color: #7a60ff}
.homenews .newscon {margin: 0 3%; padding: 30px 0}
.newscon .newsimg {width: 52%;}
.newscon .newsimg img {width: 100%; border-radius: 15px}
.newscon dl {margin-top: 20px;}
.newscon dl dt { float: left; text-align: center; font-family: Arial, "sans-serif";}
.newscon dl dt i {font-size: 60px; font-weight: bold; display: block}
.newscon dl dt span {font-size: 15px; color:#86909c }
.newscon dl dd {width: 88%; float: right; padding-top: 15px;}
.newscon dl dd h2 {font-size: 22px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newscon dl dd p {height: 24px; line-height: 24px; overflow: hidden; color:#86909c; margin-top: 20px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap;}
.newscon .newslist {width: 43%;}
.newscon .newslist dl {margin: 0;}
.newscon .newslist dl dt i {font-size: 40px; color: #4e5969}
.newscon .newslist dl dd { padding-top: 6px;}
.newscon .newslist dl dd h2 {color: #4e5969}
.newscon .newslist dl dd p {margin-top: 10px;}
.newscon .newslist dl:nth-child(2) {margin: 31% 0;}