@charset "utf-8";



/* CSS Document */



/* 全局样式

-------------------------------------------------------------- */

html,

body,

a,

p,

span,

ul,

img{margin:0;padding:0;border:none;color:#666;list-style:none;font-size:14px;font-family:"Microsoft Yahei","Arial";line-height:25px;}

p{line-height:25px;}

img{border:none;vertical-align:middle;}

td{font-size:14px;}

body{overflow-x:hidden;}



/* 链接样式 */

a{outline:none;text-decoration:none;}

a:visited{outline:none;text-decoration:none;}

a:hover{outline:none;text-decoration:none;}

*{word-break:break-all;box-sizing:border-box;}



/* 常用元素 */

img{max-width:100%;}

h1,

h2,

h3,

h4,

h5{margin:0;line-height:0;}

.clear:after{content:'';display:block;clear:both;height:0;}



/* 层浮动 */

.left{float:left;}

.right{float:right;}

.center{margin:0 auto;}



/* 文字对齐 */

.tleft{text-align:left;}

.tright{text-align:right;}

.tcenter{text-align:center;}

.page{width:100%;overflow:hidden;}

.pd_tec{padding:0 12%;}

@media(max-width:1200px){

	.pd_tec{padding:0 40px;}

}

@media(max-width:768px){

	.pd_tec{padding:0 20px;}

}

@media(max-width:767px){

	.mobile-show{display:block;}

	.mobile-hide{display:none;}

}

.vh100{height:100vh;min-height:800px;}

.tech_cont__ .p1>.bg {

    height: 100%;

    background-size: cover;

    background-position: center;

}



.tech_cont__ .p1 {

    position: relative;

}



.tech_cont__ .p1 .text {

    position: absolute;

    top: 20%;

    left: 0;

    right: 0;

}



.tech_cont__ .p1 .text .t1 {

    font-size: 56px;

    font-weight: 400;

    color: #FFFFFF;

    line-height: 93px;

}



.tech_cont__ .p1 .text .t2 {

    font-size: 73px;

    font-weight: bold;

    color: #FFFFFF;

    line-height: 93px;

}



.tech_cont__ .p1 .text .t3 {

    font-size: 18px;

    font-weight: 400;

    color: #FFFFFF;

    line-height: 30px;

    margin-top: 40px;

    max-width: 470px;

}



.tech_cont__ .p1 .text .t4:after {

    content: '';

    display: block;

    clear: both;

}



.tech_cont__ .p1 .text .t4 {

    padding-top: 40px;

}



.tech_cont__ .p1 .text .t4 a {

    float: left;

    height: 56px;

    border-radius: 28px 28px 28px 28px;

    opacity: 1;

    border: 2px solid #FFFFFF;

    padding: 0 40px;

    line-height: 56px;

    font-size: 18px;

    font-weight: 400;

    color: #FFFFFF;

    transition: all .4s;

}

.tech_cont__ .p1 .text .t4 a:nth-child(1):hover{

    background-color: #ffffff;

    color: #0071FF;

}





.tech_cont__ .p1 .text .t4 a:nth-child(2) {

    border: none;

    margin-left: 12px;

    border-color: transparent;

    background-image: linear-gradient(135deg, #393DEA 0%, #4071F7 100%);

}

.tech_cont__ .p1 .text .t4 a:nth-child(2):hover{

    background-image: linear-gradient(135deg, #393DEA 0%, #393DEA 100%);



}



.tech_cont__ .p1 .text .t5 {

    padding-top: 110px;

}



.tech_cont__ .p1 .text .t5 .list_:after {

    content: '';

    display: block;

    clear: both;

}



.tech_cont__ .p1 .text .t5 .list_ .i {

    float: left;

    width: 290px;

    padding-top: 30px;

    padding-bottom: 27px;

    padding-left: 64px;

    border-radius: 8px;

    border: 1px solid #ffffff;

    background-repeat: no-repeat;

    background-size: 31px;

    background-position: 19px 27px;

    transition: all .5s;

    cursor: default;

}

.tech_cont__ .p1 .text .t5 .list_ .i:hover{

	background-color: #ffffff;

}



.tech_cont__ .p1 .text .t5 .list_ .i:not(:first-child) {

    margin-left: 16px;

}



.tech_cont__ .p1 .text .t5 .list_ .i p {

    font-size: 18px;

    font-weight: bold;

    color: #FFFFFF;

    line-height: 21px;

}

.tech_cont__ .p1 .text .t5 .list_ .i:hover p{

	color: #666;

}

.tech_cont__ .p1 .text .t5 .list_ .i span {

    display: block;

    font-size: 16px;

    font-weight: 400;

    color: #FFFFFF;

    line-height: 19px;

    margin-top: 8px;

}

.tech_cont__ .p1 .text .t5 .list_ .i:hover span{

	color: #999999;

} 

@media(max-width: 1200px){

	.tech_cont__ .p1 .text .t1{

		font-size: 36px;

		line-height: 60px;

	}

	.tech_cont__ .p1 .text .t2{

		font-size: 52px;

		line-height: 60px;

	}

}



@media(max-width: 992px){

	.tech_cont__ .p1 .text{

		top: 100px;

	}

	.tech_cont__ .p1 .text .t1{

		font-size: 24px;

		line-height: 40px;

	}

	.tech_cont__ .p1 .text .t2{

		font-size: 32px;

		line-height: 42px;

	}

	.tech_cont__ .p1 .text .t3{

		font-size: 16px;

		line-height: 24px;

		margin-top: 20px;

	}

	.tech_cont__ .p1 .text .t4 a{

		font-size: 14px;

		height: 42px;

		line-height: 42px;

		padding: 0 30px;

		border-width: 1px;

	}

	.tech_cont__ .p1 .text .t5 .list_ .i{

		width: 100%;

		padding-top: 25px;

		padding-bottom: 25px;

	}

	.tech_cont__ .p1 .text .t5 .list_ .i:not(:first-child){

		margin-left: 0;

		margin-top: 15px;

	}

	.tech_cont__ .p1 .text .t5{

		padding-top: 60px;

	}

}







.tech_cont__ .p2{background-color:#14181A;padding-top:100px;padding-bottom:60px;}

.title__{text-align:center;transition: all .5s;}

.title__ p{font-size:48px;font-weight:400;color:#FFFFFF;line-height:56px;}

.title__ span{display:block;margin-top:15px;font-size:18px;font-weight:400;color:#999999;line-height:21px;}

.tech_cont__ .p2 {

    position: relative;

    z-index: 10;

}



.tech_cont__ .p2 .list_ {

    display: flex;

    flex-flow: row wrap;

    align-items: stretch;

    margin: -30px -20px;

    padding-top: 45px;

}



.tech_cont__ .p2 .list_:after {

    content: '';

    display: block;

    clear: both;

}



.tech_cont__ .p2 .list_ .i {

    float: left;

    width: 33.33%;

    padding: 30px 20px;

}



.tech_cont__ .p2 .list_ .i_ {

    cursor: default;

    transition: all .3s;

}



.tech_cont__ .p2 .list_ .i_ .img {

    width: 45px;

    height: 45px;

}



.tech_cont__ .p2 .list_ .i_ .img img {

    width: 100%;

    height: 100%;

}



.tech_cont__ .p2 .list_ .i_ .t {

    position: relative;

    padding-bottom: 24px;

    border-bottom: 1px solid #999999;

    margin-top: 18px;

}



.tech_cont__ .p2 .list_ .i_ .t span {

    display: block;

    font-size: 24px;

    font-weight: bold;

    color: #FFFFFF;

    line-height: 28px;

}



.tech_cont__ .p2 .list_ .i_ .t p {

    position: absolute;

    right: 0;

    bottom: -13px;

    font-size: 70px;

    font-family: Roboto-Bold, Roboto;

    font-weight: bold;

    color: rgba(0, 0, 0, 0);

    line-height: 82px;

    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3000);

    text-stroke: 1px rgba(255, 255, 255, 0.3000);

}

.tech_cont__ .p2 .list_ .active .i_ .t p{

	color: #fff;

}



.tech_cont__ .p2 .list_ .i_ .c:after {

    content: '';

    display: block;

    clear: both;

}



.tech_cont__ .p2 .list_ .i_ .c .span{

    float: left;

    margin-top: 10px;

    font-size: 14px;

    color: #ffffff;

    opacity: 0.8;

}

.tech_cont__ .p2 .list_ .i_ .c .span a {

    color: #ffffff;



}
.tech_cont__ .p2 .list_ .i_ .c .span:hover {
    opacity: 1;
}
.tech_cont__ .p2 .list_ .i_ .c .span a:hover {

    /* background-image: linear-gradient(135deg, #FE9445 0%, #FE9445 100%); */

   color: #FE9445;

   /* -webkit-background-clip:text; 

    -webkit-text-fill-color:transparent; */



}

.tech_cont__ .p2 .list_ .i_ .c .span:nth-child(2n-1) {

    width: 220px;

}



.tech_cont__ .p2 .list_ .i_ .c .span:nth-child(2n) {

    width: calc(100% - 220px);

}



@media(max-width: 1800px){

	.tech_cont__ .p2 .list_ .i{

		width: 50%;

	}

}

@media(max-width: 992px){

	.tech_cont__ .p2 {

	    padding-top: 40px;

	    padding-bottom: 60px;

	}

	.title__ p{

		font-size: 32px;

		line-height: 42px;

	}

	.title__ span{

		font-size: 16px;

	}

	.tech_cont__ .p2 .list_ .i{

		width: 100%;

	}

	.tech_cont__ .p2 .list_ .i_ .t span{

		font-size: 20px;

	}

	.tech_cont__ .p2 .list_ .i_ .t p{

		font-size: 50px;

	}

	.tech_cont__ .p2 .list_ .i_ .c .span:nth-child(2n),

	.tech_cont__ .p2 .list_ .i_ .c .span:nth-child(2n-1){

		width: 100%;

	}

	.tech_cont__ .p2 .list_ .i_ .c .span{

		margin-top: 10px;

	}

}







.tech_cont__ .p3 {

	z-index: 9;

	position: relative;

}

.tech_cont__ .p3 .text {

    position: absolute;

    left: 0;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

}



.tech_cont__ .p3 .text .ww {

    max-width: 600px;

    float: right;

    transition: all .5s;

}



.tech_cont__ .p3 .text .t1 {

    font-size: 60px;

    font-weight: bold;

    color: #FFFFFF;

    line-height: 70px;

    transition: all .5s;

}



.tech_cont__ .p3 .text .t2 {

    font-size: 18px;

    font-weight: 400;

    color: #FFFFFF;

    line-height: 30px;

    margin-top: 30px;

    transition: all .5s;

}



.tech_cont__ .p3 .text .t3 {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-top: 60px;

    transition: all .5s;

}



.tech_cont__ .p3 .text .t3 .i {

    text-align: center;

    transition: all .5s;

}



.tech_cont__ .p3 .text .t3 .img {

    width: 50px;

    height: 50px;

    border: 1px solid #ffffff;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto;

}



.tech_cont__ .p3 .text .t3 .img img {

    width: 26px;

}



.tech_cont__ .p3 .text .t3 span {

    display: block;

    margin-top: 15px;

    font-size: 16px;

    font-weight: 400;

    color: #FFFFFF;

    line-height: 30px;

}



.tech_cont__ .p3 .text .t4 {

    padding-top: 90px;

    transition: all .5s;

}



.tech_cont__ .p3 .text .t4 a {

    float: left;

    height: 56px;

    border-radius: 28px 28px 28px 28px;

    opacity: 1;

    border: 2px solid #FFFFFF;

    padding: 0 40px;

    line-height: 56px;

    font-size: 18px;

    font-weight: 400;

    color: #FFFFFF;

}



.tech_cont__ .p3 .text .t4 a:nth-child(2) {

    border: none;

    margin-left: 12px;

    border-color: transparent;

    background: linear-gradient(135deg, #393DEA 0%, #4071F7 100%);

}





@media(max-width: 992px){

	.tech_cont__ .p3 .text .t1{

		font-size: 24px;

	}

	.tech_cont__ .p3 .text .t2{

		font-size: 16px;

	}

	.tech_cont__ .p3 .text .t3 .img{

		width: 40px;

		height: 40px;

	}

	.tech_cont__ .p3 .text .t3 .img img{

		width: 20px;

		height: 20px;

	}

	.tech_cont__ .p3 .text .t3 span{

		font-size: 14px;

		margin-top: 5px;

	}

	.tech_cont__ .p3 .text .t4 a{

		padding: 0 30px;

		height: 42px;

		line-height: 42px;

		font-size: 14px;

		border-width: 1px;

	}

}





.tech_cont__ .p4{}

.tech_cont__ .p4 .bg__{

	width: calc(100% + 100px);

	height: calc(100% + 100px);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	position: relative;

	z-index: 1;

	transition: all 1.4s;

}

/*.tech_cont__ .p4{background-image:url(../images/tech_p4_bg.jpg);background-size:cover;background-position:center;position:relative;}*/

.tech_cont__ .p4 .text {

    position: absolute;

    left: 0;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    z-index: 2;

}



.tech_cont__ .p4 .text .ww {

    max-width: 460px;

    transition: all .5s;

}



.tech_cont__ .p4 .text .t1 {

    font-size: 60px;

    font-weight: bold;

    color: #FFFFFF;

    line-height: 70px;

    transition: all .9s;

}



.tech_cont__ .p4 .text .t2 {

    font-size: 18px;

    font-weight: 400;

    color: #FFFFFF;

    line-height: 30px;

    margin-top: 30px;

    transition: all .9s;

}



.tech_cont__ .p4 .text .t4 {

    padding-top: 90px;

    transition: all .9s;

}

.tech_cont__ .p4 .text .t4 a {

    float: left;

    height: 56px;

    border-radius: 28px 28px 28px 28px;

    opacity: 1;

    border: 2px solid #FFFFFF;

    padding: 0 40px;

    line-height: 56px;

    font-size: 18px;

    font-weight: 400;

    color: #FFFFFF;

}



.tech_cont__ .p4 .text .t4 a:nth-child(2) {

    border: none;

    margin-left: 12px;

    border-color: transparent;

    background: #ffffff;

    color: #333333;

}

@media(max-width: 992px){

	.tech_cont__ .p4 .text .t1{

		font-size: 24px;

	}

	.tech_cont__ .p4 .text .t2{

		font-size: 16px;

	}

	.tech_cont__ .p4 .text .t4 a{

		padding: 0 30px;

	    height: 42px;

	    line-height: 42px;

	    font-size: 14px;

	    border-width: 1px;

	}

}

.tech_cont__ .p5 {

    padding: 80px 0 110px;

    background-color: #ECECEC;

}



.tech_cont__ .p5 .title__ {

    text-align: center;

}



.tech_cont__ .p5 .title__ p {

    font-size: 48px;

    font-weight: 400;

    color: #333333;

    line-height: 56px;

}



.tech_cont__ .p5 .title__ span {

    font-size: 16px;

    font-weight: 400;

    color: #666666;

    line-height: 30px;

    margin-top: 15px;

}



.tech_cont__ .p5 .cont {

    padding: 40px 120px 0;

    position: relative;

}



.tech_cont__ .p5 .swp01 {

    padding: 20px 0;

    position: relative;

}

.tech_cont__ .p5 .swp01:after{

    content: '';

    width: 45%;

    height: 40px;

    border-radius: 12px 0 0 12px;

    position: absolute;

    bottom: 0;

    left: 5%;

    background-color: #ffffff;

    opacity: 0.5;



}

.tech_cont__ .p5 .swp01:before{

    content: '';

    width: 45%;

    height: 40px;

    border-radius: 0  12px 12px 0;

    position: absolute;

    bottom: 0;

    right: 5%;

    background-color: #D9D9D9;

    opacity: 0.5;

}

.tech_cont__ .p5 .swp01 .swiper-slide{

    transform-origin: right center;

}

.tech_cont__ .p5 .swp01 .slide-item {

    display: flex;

    flex-flow: row wrap;

    align-items: stretch;

    border-radius: 12px;

    overflow: hidden;

}



.tech_cont__ .p5 .swp01 .slide-item .l {

    width: 50%;

    max-width: 50%;

    background: #FFFFFF;

    border-radius: 12px 0px 0px 12px;

    opacity: 1;

    padding: 40px;

}

.tech_cont__ .p5 .swp01 .slide-item .l>div{

    transform: translateX(-100px);

    opacity: 0;



}

.tech_cont__ .p5 .swp01 .swiper-slide-active .slide-item .l>div{

    transform: translateX(0);

    opacity: 1;

    transition: all .65s;

}

.tech_cont__ .p5 .swp01 .slide-item .r {

    background-size: cover;

    background-position: center;

    border-radius: 1px solid green;

    width: 50%;

    max-width: 50%;

}



.tech_cont__ .p5 .swp01 .slide-item .l .t1 {

    font-size: 38px;

    font-weight: 400;

    color: #0071FF;

    line-height: 45px;

}



.tech_cont__ .p5 .swp01 .slide-item .l .t2 {

    font-size: 38px;

    font-weight: 400;

    color: #333333;

    line-height: 45px;

}



.tech_cont__ .p5 .swp01 .slide-item .l .t3 {

    font-size: 16px;

    font-weight: 400;

    color: #666666;

    line-height: 30px;

    height: 120px;

    overflow-y: auto;

    margin-top: 30px;

}



.tech_cont__ .p5 .swp01 .slide-item .l .t4 {

    padding-top: 60px;

}



.tech_cont__ .p5 .swp01 .slide-item .l .t4:after {

    content: '';

    display: block;

    clear: both;

}



.tech_cont__ .p5 .swp01 .slide-item .l .t4 a {

    float: left;

    height: 56px;

    border-radius: 28px 28px 28px 28px;

    opacity: 1;

    border: 2px solid #999999;

    font-size: 18px;

    font-weight: 400;

    color: #999999;

    line-height: 56px;

    text-align: center;

    padding: 0 36px;

}



.tech_cont__ .p5 .swp01 .slide-item .l .t4 a:nth-child(2) {

    border: none;

    background: linear-gradient(135deg, #393DEA 0%, #4071F7 100%);

    color: #ffffff;

    margin-left: 16px;

}



.tech_cont__ .p5 .cont .btn_ {

    user-select: none;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    position: absolute;

    background-size: 24px;

    background-repeat: no-repeat;

    background-position: center;

    cursor: pointer;

    background-color: #D9D9D9;

    /*background-image: url(../images/prev.jpg);*/

    background-image: url(../images/next.jpg);

}

.tech_cont__ .p5 .cont .btn_:focus{

    border: none;

    box-shadow: none;

    outline: 0;

}

.tech_cont__ .p5 .cont .btn_:hover{

    background-color: #0071FF;

    background-image: url(../images/prev.jpg);

}



.tech_cont__ .p5 .cont .btn_prev {

    left: 0;

    top: 50%;

    transform: translateY(-50%) rotate(180deg);

    

}

.tech_cont__ .p5 .cont .btn_prev.swiper-button-disabled:hover{

    transform: translateY(-50%) rotate(180deg);

    background-color: #D9D9D9;

    background-image: url(../images/next.jpg);

}

.tech_cont__ .p5 .cont .btn_prev:hover{

    transform: translateY(-50%) rotate(0deg);

}



.tech_cont__ .p5 .cont .btn_next {

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    /*background-image: url(../images/next.jpg);*/

}

.tech_cont__ .p5 .cont .btn_next:hover{

    transform: translateY(-50%) rotate(180deg);

}



.tech_cont__ .p5 .cont .btn_.swiper-button-disabled {

    opacity: 0.2;

}





.tech_cont__ .p5 .cont2 {

    padding: 20px 120px 0;

}



.tech_cont__ .p5 .swp02 {

    border-bottom: 1px solid #D9D9D9;

}



.tech_cont__ .p5 .swp02 .swiper-slide {

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    height: 70px;

}

.tech_cont__ .p5 .swp02 .swiper-slide .border-b {

    padding: 20px 0;

    width: auto;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    height: 70px;

    position: relative;

}



.tech_cont__ .p5 .swp02 .swiper-slide .border-b:after {

    content: '';

    height: 2px;

    width: 0;

    background-color: #0071FF;

    position: absolute;

    left: 0;

    bottom: 0;

}



.tech_cont__ .p5 .swp02 .swiper-slide.active .border-b:after {

    width: 100%;

    transition: all 1s linear;

}



.tech_cont__ .p5 .swp02 .swiper-slide p {

    font-size: 18px;

    font-weight: 400;

    color: #666666;

    padding-left: 10px;

}



.tech_cont__ .p5 .swp02 .swiper-slide .img img {

    width: 24px;

    height: 24px;

    overflow: hidden;

}



.tech_cont__ .p5 .swp02 .swiper-slide .img img:nth-child(2) {

    display: none;

}



.tech_cont__ .p5 .swp02 .swiper-slide.active .img img:nth-child(2) {

    display: block;

}



.tech_cont__ .p5 .swp02 .swiper-slide.active .img img:nth-child(1) {

    display: none;

}

.tech_cont__ .p5 .swp01 .swiper-pagination{

	display: none;

}

@media(max-width: 1449px){

	.tech_cont__ .p5 .cont,.tech_cont__ .p5 .cont2 {

	    padding: 40px 60px 0;

	}

}

@media(max-width: 992px){

	.tech_cont__ .p5{

		padding-top: 40px;

		padding-bottom: 20px;

	}

	.tech_cont__ .p5 .title__ p{

		font-size: 32px;

		line-height: 42px;

	}

	.tech_cont__ .p5 .swp01 .slide-item{

		flex-direction: column-reverse;

	}

	.tech_cont__ .p5 .swp01 .slide-item .l,.tech_cont__ .p5 .swp01 .slide-item .r{

		width: 100%;

		max-width: 100%;

	}

	.tech_cont__ .p5 .swp01 .slide-item .r{

		height: 400px;

	}

	.tech_cont__ .p5 .cont .btn_{

		display: none;

	}

	.tech_cont__ .p5 .cont,.tech_cont__ .p5 .cont2{

		padding: 30px 0 0;

	}

	.tech_cont__ .p5 .swp01 .slide-item .l{

		border-radius: 0 0 12px 12px;

	}

	.tech_cont__ .p5 .swp01 .slide-item .l .t4 a{

		padding: 0 30px;

	    height: 42px;

	    line-height: 42px;

	    font-size: 14px;

	    border-width: 1px;

	}

	.tech_cont__ .p5 .cont2{

		display: none;

	}

	.tech_cont__ .p5 .swp01 .swiper-pagination{

		display: block;

	}

	.tech_cont__ .p5 .swp01{

        padding-top: 0;

		padding-bottom: 50px;

	}

    .tech_cont__ .p5 .swp01:after,.tech_cont__ .p5 .swp01:before{

        display: none;

    }

}

@media(max-width: 768px){

	.tech_cont__ .p5 .swp01 .slide-item .r{

		height: 300px;

	}

	.tech_cont__ .p5 .swp01 .slide-item .l{

		padding: 20px;

	}

	.tech_cont__ .p5 .swp01 .slide-item .l .t1,.tech_cont__ .p5 .swp01 .slide-item .l .t2{

		font-size: 20px;

		line-height: 32px;

	}

	.tech_cont__ .p5 .swp01 .slide-item .l .t3{

		margin-top: 20px;

		padding-right: 5px;

	}

	.tech_cont__ .p5 .swp01 .slide-item .l .t3::-webkit-scrollbar {

	    width: 2px;

	    height: 2px;

	}

	.tech_cont__ .p5 .swp01 .slide-item .l .t3::-webkit-scrollbar-button:vertical {

	    display: none

	}

	.tech_cont__ .p5 .swp01 .slide-item .l .t3::-webkit-scrollbar-corner,

	.tech_cont__ .p5 .swp01 .slide-item .l .t3::-webkit-scrollbar-track {

	    background-color: #ccc;

	}

	.tech_cont__ .p5 .swp01 .slide-item .l .t3::-webkit-scrollbar-thumb {

	    border-radius: 0;

	    background-color: #2879FB;

	}

	.tech_cont__ .p5 .swp01 .slide-item .l .t3::-webkit-scrollbar-thumb:vertical:hover {

	    background-color: #2879FB;

	}

	.tech_cont__ .p5 .swp01 .slide-item .l .t3::-webkit-scrollbar-thumb:vertical:active {

	    background-color: #2879FB;

	}

	.tech_cont__ .p5 .swp01 .slide-item .l .t4{

		padding-top: 30px;

	}

}

@media(max-width: 420px){

	.tech_cont__ .p5 .swp01 .slide-item .r{

		height: 230px;

	}

}







.d_pub_img{overflow:hidden;position:relative;border-radius:3px;}

.d_pub_img img{position:relative;z-index:1;width:100%;}

.d_pub_img i{position:absolute;z-index:2;left:0;right:0;top:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;}

.tech_cont__ .p6{padding:40px 0 80px;}

.tech_cont__ .p6 .title__{text-align:center;}

.tech_cont__ .p6 .title__ p{font-size:48px;font-weight:400;color:#333333;line-height:56px;}

.tech_cont__ .p6 .title__ span{font-size:16px;font-weight:400;color:#666666;line-height:30px;margin-top:15px;}

.tech_cont__ .p6 .cont{position:relative;}

.tech_cont__ .p6 .cont .tab{display:flex;align-items:center;justify-content:center;padding-top:26px;}

.tech_cont__ .p6 .cont .tab i{font-style:normal;white-space:nowrap;font-size:16px;font-weight:400;color:#999999;height:42px;border-radius:30px;opacity:1;border:1px solid #999999;line-height:42px;padding:0 20px;margin:0 8px;cursor:pointer;}

.tech_cont__ .p6 .cont .tab i.active{background-color:#0071FF;border-color:#0071FF;color:#ffffff;}

.tech_cont__ .p6 .cont .con .list:after{content:'';display:block;clear:both;}

.tech_cont__ .p6 .cont .con .list{margin:-20px -12px;padding-top:45px;}

.tech_cont__ .p6 .cont .con .list .i{float:left;width:33.33%;padding:20px 12px;}

.tech_cont__ .p6 .cont .con .list .i p{font-size:20px;font-weight:400;color:#333333;line-height:23px;margin-top:20px;}

.tech_cont__ .p6 .cont .con .list .i i{transition:all .3s;}

.tech_cont__ .p6 .cont .con .list .i_{display:block;}

.tech_cont__ .p6 .cont .con .list .i_:hover i{transform:scale(1.06);}

.tech_cont__ .p6 .cont .con .item{display:none;}

.tech_cont__ .p6 .cont .con .item:first-child{display:block;}

.tech_cont__ .p6 .d_more{text-align:center;padding-top:70px;}

.tech_cont__ .p6 .d_more a{transition: all .3s;display:inline-block;height:56px;border-radius:28px;border:2px solid #666666;padding:0 21px;font-size:18px;font-weight:400;color:#666666;line-height:56px;}

.tech_cont__ .p6 .d_more a:hover{

    background-color: #0071FF;

    border-color: #0071FF;

    color: #ffffff;

}

.tech_cont__ .p6 .erweima{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all .6s;

}

.tech_cont__ .p6 .erweima img{

    width: 40%;

    opacity: 0;

    transition: all .6s;

    transform: translateY(20px);

}

.tech_cont__ .p6 .erweima.hidden{

    display: none;

}

.tech_cont__ .p6 .cont .con .list .i_ .img:hover .erweima{

    z-index: 10;

    background: rgba(227, 34, 34, 0.9);

}

.tech_cont__ .p6 .cont .con .list .i_ .img:hover .erweima img{

    opacity: 1;

    transform: translateY(0);



}

.tech_cont__ .p6 .cont .con .list .i_ .img .bg__t{

    position: absolute;

    background: rgba(227, 34, 34, 0.9);

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: -1;

    padding: 40px 40px 0;

    transition: all .4s;

}

.tech_cont__ .p6 .cont .con .list .i_ .img .bg__t.hidden{

    display: none;

}

.tech_cont__ .p6 .cont .con .list .i_:hover .img .bg__t{

    opacity: 1;

    z-index: 10;

}

.tech_cont__ .p6 .cont .con .list .i_ .img .bg__t .t1_{

    font-size: 20px;

    color: #ffffff;

    transition: all 0.4s ease-in-out;

    -webkit-transition-delay: 0.2s;

    transition-delay: 0.2s;

    transform: translateX(-100%);

}

.tech_cont__ .p6 .cont .con .list .i_ .img .bg__t .t2_{

    margin-top: 15px;

    font-size: 16px;

    color: #ffffff;

    transition: all 0.4s ease-in-out;

    -webkit-transition-delay: 0.2s;

    transition-delay: 0.2s;

    transform: translateX(-100%);

}

.tech_cont__ .p6 .cont .con .list .i_:hover .img .bg__t .t1_,.tech_cont__ .p6 .cont .con .list .i_:hover .img .bg__t .t2_{

    transform: translateY(0);

}

.tech_cont__ .p6 .cont .con .list .i_ .img .bg__t .t_b{

    width: 100%;

    height: 100%;

    overflow: hidden;

    position: relative;

}

.tech_cont__ .p6 .cont .con .list .i_ .img .bg__t .t_b .h_{

    position: absolute;

    left: 100%;

    bottom: 30px;

    height: 1px;

    width: 30px;

    background-color: #ffffff;

    transition: all 0.4s ease-in-out;

    -webkit-transition-delay: 0.2s;

    transition-delay: 0.2s;

}

.tech_cont__ .p6 .cont .con .list .i_:hover .img .bg__t .t_b .h_{

    left: 0;

}

@media(max-width: 992px){

	.tech_cont__ .p6 .title__ p{

		font-size: 32px;

		line-height: 42px;

	}

	.tech_cont__ .p6 .cont .con .list .i{

		width: 50%;

	}

}

@media(max-width: 768px){

	.tech_cont__ .p6 .cont .tab{

		justify-content: flex-start;

		flex-flow: row wrap;

	}

	.tech_cont__ .p6 .cont .tab i{

		margin: 4px 2px 0;

	}

	.tech_cont__ .p6 .cont .con .list .i{

		width: 100%;

	}

	.tech_cont__ .p6 .cont .con .list{

		padding-top: 25px;

	}

	.tech_cont__ .p6 .d_more{

		padding-top: 40px;

	}

    .tech_cont__ .p6 .cont .con .list .i_ .img .bg__t{

        padding: 20px 20px 0;

    }



}



#magic-cursor{position:absolute;display:none;width:10px;height:10px;pointer-events:none;z-index:99999;opacity:0;}

body.tt-magic-cursor #magic-cursor{display:block;}

#ball{position:fixed;display:flex;justify-content:center;align-items:center;color:#FFF;pointer-events:none;border-style:solid;border-color:#FFF;border-radius:50%;}

.tt-wrap{max-width:1282px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;}

.tt-page-nav,.tt-section{clear:both;}

.tt-wrap .tt-wrap{max-width:100%;padding-left:0;padding-right:0;}

.tt-section{position:relative;padding:80px 0;}

.tt-section-inner{position:relative;width:100%;margin-left:auto;margin-right:auto;z-index:2;}

.tt-page-nav{position:relative;max-width:800px;margin-left:auto;margin-right:auto;text-align:center;}

@media screen and (max-width:1900px) and (min-width:1024px){

	.tt-page-nav{max-width:40vw;}

}

.tt-pn-link{position:relative;display:flex;align-items:center;text-decoration:none;overflow:hidden;}

.tt-pn-title{position:relative;display:block;left:50%;font-size:0.96rem;font-weight:bold;color:#DE3232;line-height:1.6;opacity:.4;white-space:nowrap;transform:translate3d(-50%,0,0);transition:transform .6s cubic-bezier(0.51,0.57,0.17,1);	/* Ellipsis */overflow:hidden;text-overflow:ellipsis;}

.tt-pn-hover-title{position:absolute;left:50%;font-size:0.96rem;font-weight:bold;color:#DE3232;line-height:1.6;white-space:nowrap;transform:translate3d(-50%,100%,0);transition:transform .6s cubic-bezier(0.51,0.57,0.17,1);}

@media (max-width:1580px){

	.m_case_menu .m_case_menud ul li{width:14.28%}

}

@media (max-width:1440px){

	.m_case_menu .m_case_menud ul li{width:16.66%}

}

@media (max-width:1280px){

	.m_case_menu .left{width:170px;}

	.m_case_menu .m_case_menud{width:-webkit-calc(100% - 170px);width:-moz-calc(100% - 170px);width:calc(100% - 170px);}

	.m_case_menu .m_case_menud ul li{width:20%;}

}

@media (max-width:991px){

	.m_case_menu .m_case_menud ul li{width:33.33%;padding-bottom:20px;}

}

@media (max-width:767px){

	.m_case_menu .left{width:100%;padding-bottom:30px;}

	.m_case_menu .m_case_menud{width:100%;}

	.m_case_menu .m_case_menud ul li{width:50%;padding-right:5px;padding-bottom:15px;}

	.m_case_menu .m_case_menud ul li a{line-height:20px;}

}

@media (max-width:350px){

	.m_case_menu .m_case_menud ul li a{font-size:12px;}

}

@media (max-width:1024px){

	.tt-pn-title:hover{opacity:1;}

	.tt-pn-hover-title{display:none;}

}

@media (min-width:1025px){

	.tt-pn-link:hover .tt-pn-title{transform:translate3d(-50%,-100%,0);transition-delay:0.1s;}

	.tt-pn-link:hover .tt-pn-hover-title{transform:translate3d(-50%,0,0);transition-delay:0.1s;}

	.tt-page-nav .tt-pn-hover-title span{display:inline-flex;align-items:center;padding-right:5vw;font-size:inherit;color:inherit;animation:marquee 3s linear infinite;animation-play-state:paused;}

	.tt-page-nav .tt-pn-link:hover .tt-pn-hover-title span{animation:marquee 3s linear infinite;animation-play-state:running;}

	@-webkit-keyframes marquee{

		from{transform:translateX(0);}

		to{transform:translateX(-100%);}

	}

	@keyframes marquee{

		from{transform:translateX(0);}

		to{transform:translateX(-100%);}

	}

}



/*文字中间圆点 */

.tt-pn-hover-title span::after{position:absolute;display:block;content:"";right:1.9vw;top:56%;width:.8vw;height:.8vw;background-color:#DE3232;border-radius:100px;transform:translate3d(0,-50%,0);}

.tt-pn-subtitle{margin-bottom:20px;font-size:calc(16px + 0.1vw);color:#999999;}

.tt-page-nav .tt-pn-image{display:none;}

.tt-pn-image{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;}

.tt-pn-image::before{position:absolute;display:block;content:"";top:0px;left:0px;bottom:0px;right:0px;background-color:#040404;opacity:.1;}

.tt-pn-image img{width:100%;height:100%;object-fit:cover;}

#magic-cursor.tt-pn-hover-on{z-index:-1;}

#magic-cursor.tt-pn-hover-on #ball{overflow:hidden;border:none!important;}

.padding-bottom-xlg-150{padding-bottom:150px!important;}

@media (max-width:1024px){

	.m_case_ban{height:700px;}

}

@media (max-width:991px){

	.m_case_ban{height:600px;}

}

@media (max-width:767px){

	.m_case_ban{height:auto;min-height:100vw;}

	.case_num{width:33.33%;margin-left:0;padding:0 5px;}

	.m_case_mask .right{margin-left:-5px;margin-right:-5px;width:calc(100% + 10px);}

	.m_case_ban>.m_container{position:absolute;}

	.m_case_ban .m_case_mask{height:40%;padding-bottom:30px;}

	.m_case_ban h2 img{width:50px;height:50px;right:0;top:20px;}

}



/*按钮样式*/

.d_public_more01 a{

    transition: all .3s;

}

.d_public_more01 a:nth-child(1):hover{

    background-color: #ffffff;

    color: #0071FF!important;

}

.d_public_more01 a:nth-child(2):hover{

    background-image: linear-gradient(135deg, #393DEA 0%, #393DEA 100%)!important;

    color: #ffffff!important;



}

.tech_cont__ .p5 .swp01 .slide-item .l .t4 a:nth-child(1):hover{

    color: #ffffff!important;

    background-color: #393DEA;

    border-color: #393DEA;

}



.all_screen01{

    height: 100vh;transform: translateY(-100%);background-image: url(../images/tech_p3_bg.jpg);background-repeat: no-repeat;background-size: cover;position: absolute;left: 0;right: 0;

}

.all_screen02{

    height: 100vh;transform: translateY(-100%);background-repeat: no-repeat;background-size: cover;position: absolute;left: 0;right: 0;overflow: hidden;

}

@media screen and (max-width:767px){

    .visible-xs{display:block!important;}

   

}