@charset "utf-8";

@font-face
{font-family: PoppinsRegular;
src: url('Poppins-Regular.ttf')}

@font-face
{font-family: PoppinsExtraBold;
src: url('Poppins-ExtraBold.otf')}


body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,span,em,i,button,a{margin:0;padding:0;color:inherit;line-height: inherit;font-family:'PoppinsRegular',"PingFang SC","PingFangSC-Regular","microsoft yahei";line-height: 1.6;}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a{ text-decoration:none; color:inherit;font-size:inherit;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
p,span,li{font-size:inherit;color:inherit;}
h3,h4,h5,h6{font-weight: normal;}
em,i,span,a,p{font-style:normal;font-size:inherit;}
*{box-sizing:border-box;color: #000;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}
.bold{font-weight: bold;}
.center{text-align: center;}
.img{width: 100%;display: block;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';position:absolute;display: block;}
.ipt{display: block;width: 100%;border:none;background: transparent;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);}

body{background: #fff;overflow-x: hidden;}
.item{}
.item .imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}
.item:hover .imgbox .img{transform: scale(1.1,1.1);}

.zoomimg{position:relative;overflow: hidden;height: 0;display: block;}
.zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;}

.flipx .icon{transition: all .3s;}
.flipx:hover .icon{transform:scaleX(-1);}
.scale .icon{transition: all .3s;}
.scale:hover .icon{transform: scale(1.1,1.1);}


.img_full{width: 100%;height: 100%;display: block;object-fit: cover;}
.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}
.flex-pack-end{justify-content: flex-end;}
.flex-v { -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;display: flex; }
.flex-w{flex-wrap:wrap;}
.flex-1{flex:1;overflow: hidden;}
.flex-11{flex:1;}


.auto{width: 1120px;margin:0 auto;}
.auto1440{max-width: 1440px;margin:0 auto;width: 90%;}
.auto1200{max-width: 1200px;margin:0 auto;width: 90%;}

/* 公共部分 */
.head{height: 100px;position: fixed;width: 100%;left: 0;top: 0;z-index:100;}
.head.scroll{background-color: rgba(255,255,255,.9);backdrop-filter: blur(5px);}
.head.scroll .hd-lang .font{color:#000;}
.head.scroll .hd-lang .font:before{background-image:url(../images/icon_04-1.png);}
.head.scroll .hd-lang .font::after{background-image:url(../images/icon_05-1.png);}

.head.scroll2{background-color: rgba(255,255,255,.9);backdrop-filter: blur(5px);}
.head.scroll2 .hd-lang .font{color:#000;}
.head.scroll2 .hd-lang .font:before{background-image:url(../images/icon_04-1.png);}
.head.scroll2 .hd-lang .font::after{background-image:url(../images/icon_05-1.png);}


.head+div{margin-top: 100px;}
.head .wrap{padding:0 6%;display: flex;align-items: center;justify-content: space-between;height: 100%;}
.head .r{display: flex;align-items: center;}

.hd-logo{}
.hd-logo .img{height: 52px;width: auto;}

.hd-lx{font-size: 16px;color:#fff;width: 177px;height: 40px;line-height: 40px;border-radius:24px;background: linear-gradient(to right, #205BCD, #EE6F5B);text-align: center;}
.hd-lx:hover{background: linear-gradient(to right, #EE6F5B, #205BCD);}

.hd-nav{border-radius:26px;background-color: rgba(255,255,255,.3);padding:0 20px;border:1px solid rgba(0,0,0,.2);}
.hd-nav li{display: inline-block;vertical-align: middle;margin:0 15px;position: relative;}
.hd-nav li>a{display: block;font-size: 16px;color:#000;line-height: 52px;opacity: 0.4;}
.hd-nav li.has>a::after{content:'';display: inline-block;vertical-align: middle;width: 20px;height: 20px;background:url(../images/icon_01.png) no-repeat center;background-size:contain;margin-left: 3px;}
.hd-nav li.cur>a,.hd-nav li:hover>a{font-weight: bold;opacity: 1;}
.hd-nav li.cur>a::after,.hd-nav li:hover>a::after{opacity: 1;}
.hd-nav li:hover .drop{display: block;}
.hd-nav li:hover .subdrop{display: block;}

.hd-nav .drop{width: 689px;position: absolute;left: 0;padding-top: 10px;display: none;}
.hd-nav .drop .dropbox{border-radius:20px;background-color: rgba(255,255,255,.9);padding:0 20px;backdrop-filter: blur(5px);}
.hd-nav .drop .row{display: flex;align-items: center;padding:20px 0;border-bottom:1px solid rgba(0,0,0,0.04);}
.hd-nav .drop .imgbox{width: 160px;height: 160px;display: flex;align-items: center;justify-content: center;margin-right: 20px;}
.hd-nav .drop .img{max-width: 96%;max-height: 96%;width: 100%;height: 100%;object-fit: contain;}
.hd-nav .drop .info{flex:1;overflow: hidden;}
.hd-nav .drop .tag{font-size: 10px;color:#fff;display: inline-block;vertical-align: middle;border-radius:4px;background:url(../images/cp_07.png) no-repeat center;background-size:cover;padding:0 10px;line-height: 22px;}
.hd-nav .drop .title{font-size: 24px;font-weight: bold;line-height: 1.2;display: block;margin-top: 13px;}
.hd-nav .drop .more{font-size: 12px;line-height: 25px;display: inline-block;vertical-align: middle;margin-top: 25px;font-weight: bold;}
.hd-nav .drop .more::after{content:'';display: inline-block;vertical-align: middle;width: 20px;height: 20px;background:url(../images/icon_02.png) no-repeat center;background-size:contain;margin-left: 5px;}
.hd-nav .drop .title:hover{color:#1f5bcd;}
.hd-nav .drop .more:hover{text-decoration: underline;}


.hd-nav .subdrop{width: 120px;position: absolute;left: 50%;padding-top: 10px;margin-left:-60px;display: none;}
.hd-nav .subdrop .dropbox{border-radius:20px;background-color: rgba(255,255,255,.9);padding:5px 0;backdrop-filter: blur(5px);}
.hd-nav .subdrop .link{display: block;font-size: 16px;color:#000;line-height: 40px;text-align: center;border-bottom:1px solid rgba(0,0,0,0.04);}
.hd-nav .subdrop .link:last-child{border:0;}


.hd-lang{position: relative;margin-left: 70px;}
.hd-lang .font{display: flex;align-items: center;cursor: pointer;font-size: 16px;color:#fff;}
.hd-lang .font:before{content:'';width: 26px;height: 26px;background:url(../images/icon_04.png) no-repeat center;background-size:contain;margin-right: 5px;}
.hd-lang .font::after{content:'';width: 11px;height: 11px;background:url(../images/icon_05.png) no-repeat center;background-size:contain;margin-left: 8px;}

.hd-lang .drop{position: absolute;width: 80px;left: 50%;transform: translate(-50%,0);padding-top: 15px;display: none;}
.hd-lang .dropbox{background-color: #fff;padding:18px 0 8px 15px;position: relative;box-shadow:rgba(0, 0, 0, 0.25) 0 0 10px;}
.hd-lang .lk{font-size: 15px;margin-bottom: 12px;display: flex;align-items: center;}
.hd-lang .ic{width:20px;margin-right: 10px;}
.hd-lang .lk:hover{font-weight: bold;}
.hd-lang:hover .drop{display: block;}


.foot{padding:100px 0;}
.foot .wrap{display: flex;align-items: flex-start;justify-content: space-between;}
.foot .info{flex:1;overflow: hidden;}
.foot .smlogo{height: 24px;width: auto;}
.foot .txt{font-size: 16px;line-height: 1.4;margin-top: 14px;}
.foot .social{display: flex;margin-top: 20px;}
.foot .social .icon{width: 32px;height: 32px;margin-right: 15px;}
.foot .social .ico{width: 100%;height: 100%;display: block;border-radius:50%;}

.foot .menu{display: flex;}
.foot .menu .col{margin-left: 55px;}
.foot .menu .tit{font-size: 16px;color:#181818;font-weight: bold;line-height: 26px;}
.foot .menu .lks{}
.foot .menu .lk{display: block;font-size: 14px;line-height: 26px;margin-top: 10px;}
.foot .menu .lk:hover{color:#1f5bcd;}

/* newsroom */
.pub-tt{margin-bottom: 70px;font-size: 0;}
.pub-tt .ico{height: 21px;width: auto;display: inline-block;vertical-align: middle;}
.pub-tt .bt{font-size: 48px;margin-top: 15px;line-height: 1.4;}
.pub-tt .smwz{font-size: 16px;margin-top: 10px;}
.pub-tt.mb30{margin-bottom: 30px;}
.pub-tt.white .bt{color:#fff;}
.pub-tt.white .smwz{color:#fff;}


.xw-ban{}
.xw-ban .img{width: 100%;display: block;}


.xw-arc{padding:80px 0 150px;}
.xw-arc .list{}
.xw-arc .list .item{margin-bottom: 40px;display: flex;align-items: flex-start;background-color: #F3F3F3;border-radius:20px;padding:50px 45px;}
.xw-arc .list .item:last-child{margin-bottom: 0;}
.xw-arc .list .imgbox{width:480px;border-radius:20px;margin-left: 50px;overflow: hidden;}
.xw-arc .list .info{flex:1;overflow: hidden;}
.xw-arc .list .title{font-size: 36px;line-height: 1.4;}
.xw-arc .list .txt{font-size: 16px;margin-top: 25px;}
.xw-arc .list .txt p:not(:last-child){margin-bottom: 15px;}

/* .xw-blog{padding:0 0 100px;}
.xw-blog .list{}
.xw-blog .list .lbox{display: flex;justify-content: space-between;flex-wrap: wrap;}
.xw-blog .list .lbox,.xw-blog .list .rbox{width: 540px;}
.xw-blog .list .item{display: flex;background-color: #F3F3F3;border-radius:20px;padding:40px 50px 40px 40px;margin:0 0 40px;width: 100%;align-items: flex-start;}
.xw-blog .list .circle{width: 26px;height: 26px;background:url(../images/xw_04.png) no-repeat center;background-size:contain;display: block;margin-bottom: 40px;margin-right: 35px;}
.xw-blog .info{flex:1;overflow: hidden;}
.xw-blog .list .txt{font-size: 16px;}
.xw-blog .list .imgbox{height: 315px;border-radius:10px;overflow: hidden;margin-top: 20px;}
.xw-blog .list .lbox .item:nth-child(2),.xw-blog .list .lbox .item:nth-child(3){width: 250px;display: block;padding:40px 35px;}
.xw-blog .list .lbox .item:nth-child(2) .circle,.xw-blog .list .lbox .item:nth-child(3) .circle{margin-bottom: 30px;} */


.xw-blog{padding:80px 0 80px;}
.xw-blog .list{}
.xw-blog .list .item{background-color: #F3F3F3;border-radius:20px;padding:40px;margin:0 0 20px;}
.xw-blog .list .icon{width: 26px;height: 26px;background:url(../images/xw_04.png) no-repeat center;background-size:contain;display: block;}
.xw-blog .list .title{font-size: 16px;color:#000000;margin-top: 35px;}
.xw-blog .list .pic{width: 100%;display: block;border-radius:10px;margin-top: 25px;}


.xw-story{padding:0 0 120px;}
.xw-story .list{}
.xw-story .list .item{padding:60px 0;display: flex;justify-content: space-between;position: relative;}
.xw-story .list .item::after{content:'';height: 1px;background-image: linear-gradient(to right, rgba(238, 111, 91, 0.2) , rgba(32, 91, 205, 0.2));position: absolute;width: 100%;left: 0;top: 0;}
.xw-story .list .grp{width: 360px;/* padding:0 0.25rem; */margin-left: 15px;}
.xw-story .list .name{font-size: 16px;font-weight: bold;display: flex;align-items: center;line-height: 20px;}
.xw-story .list .name::before{content:'';width: 20px;height: 20px;background:url(../images/xw_06.png) no-repeat center;background-size:contain;margin-right: 6px;margin-top:-4px;}
.xw-story .list .txt{font-size: 16px;color:#404148;margin-top: 8px;max-width: 312px;}








/* about */
.us-top{background:url(../images/us_0.jpg) no-repeat center;background-size:cover;overflow: hidden;}

.us-intro{padding:180px 0 250px;position: relative;}
.us-intro .detail{display: flex;align-items: center;position: relative;z-index:2;}
.us-intro .titbox{width: 485px;}
.us-intro .tit{height: 46px;width: auto;display: block;}
.us-intro .smtit{margin-top: 8px;font-size: 32px;display: inline-block;vertical-align: middle;background: -webkit-linear-gradient(45deg, #205BCD, #EE6F5B);background: linear-gradient(45deg, #205BCD, #EE6F5B);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;text-align: center;line-height: 50px;}
.us-intro .info{flex:1;overflow: hidden;}
.us-intro .txt{font-size: 16px;}
.us-intro .txt p{margin-bottom: 20px;}
.us-intro .bot{position: absolute;left: 50%;bottom: 0;transform: translate(-50%,0);}
.us-intro .pic{width: 100%;position: absolute;left: 0;bottom: 0;}


.us-ky{margin-bottom: 120px;}
.us-ky .list .item{display: flex;align-items: center;}
.us-ky .list .imgbox{width: 50%;height: 400px;}
.us-ky .list .box{width: 50%;padding:30px 11.5%;}
.us-ky .list .title{font-size:24px;line-height: 40px;}
.us-ky .list .txt{margin-top: 25px;font-size: 16px;max-width: 440px;}
.us-ky .list .txt span{display: inline-block;vertical-align: middle;background: -webkit-linear-gradient(45deg, #205BCD, #EE6F5B);background: linear-gradient(45deg, #205BCD, #EE6F5B);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;font-size: 24px;}
.us-ky .list .item:nth-child(even){flex-direction: row-reverse;}

.us-arc{margin-bottom: 120px;}
.us-arc .detail{background-color: #F3F3F3;padding:20px 0;max-width: 1440px;margin:0 auto;}
.us-arc .list .item{padding:40px 0;display: flex;align-items: flex-start;border-bottom:1px solid rgba(0,0,0,.04);}
.us-arc .list .title{font-size: 24px;min-width: 43%;line-height: 40px;padding-right: 30px;}
.us-arc .list .info{flex:1;overflow: hidden;}
.us-arc .list .txt{font-size: 16px;}
.us-arc .list .item:last-child{border:0;}

.us-cul{margin-bottom: 120px;}
.us-cul .list{display: flex;}
.us-cul .list .item{flex:1;overflow: hidden;position: relative;}
.us-cul .list .img{width: 100%;display: block;}
.us-cul .list .box{padding:0 14%;position: absolute;width: 100%;left: 0;bottom: 40px;}
.us-cul .list .title{font-size: 24px;line-height: 34px;min-height: 68px;color:#fff;}
.us-cul .list .txt{margin-top: 35px;font-size: 16px;color:#fff;line-height: 24px;min-height: 192px;}
.us-cul .list .item:nth-child(2) .title,.us-cul .list .item:nth-child(2) .txt{color:#000;}


.us-core{padding-bottom: 80px;}
.us-core .list{}
.us-core .list .item{display: flex;align-items: center;margin-bottom: 40px;}
.us-core .list .info{flex:1;overflow: hidden;}
.us-core .list .title{font-size: 48px;}
.us-core .list .txt{font-size: 16px;margin-top: 30px;}
.us-core .list .imgbox{width: 520px;height: 300px;border-radius:20px;margin-left: 95px;overflow: hidden;}



.us-lc{}
.us-lc .item{background-color: #f5f5f7;display: flex;align-items: center;}
.us-lc .item .imgbox{width: 480px;position: relative;overflow: hidden;}
.us-lc .item .year{font-size: 200px;line-height: 1;position: absolute;left: 0;top: -18px;font-family: 'PoppinsExtraBold';color:rgba(255,255,255,.8);width: 100%;text-align: center;}
.us-lc .item .info{flex:1;overflow: hidden;padding:30px 11%;display: flex;align-items: center;}
.us-lc .item .txt{font-size: 16px;}
.us-lc .item1 .imgbox{height: 368px;}
.us-lc .item2 .imgbox{height: 224px;}
.us-lc .item3 .imgbox{height: 176px;}

/* contact */
/* .lx-con{height: 100vh;background:url(../images/lx_01.jpg) no-repeat center top;background-size:100% auto;} */

.pop{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.5);z-index:110;display: none;}
.pop .wrapbox{width: 580px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #fff;}

.pop .close{width: 24px;height: 24px;background:url(../images/x.png) no-repeat center;background-size:contain;position: fixed;right: 30px;top: 20px;cursor: pointer;}


.pop-tc .wrapbox{padding:45px 30px 20px;border-radius:20px;}
.pop-tc .bt{font-size: 36px;margin-bottom: 10px;}
.pop-tc .desc{font-size: 16px;line-height: 1.4;}


.pop-tc .form{margin-top: 35px;}
.pop-tc .form .row{border-radius:8px;position: relative;margin-bottom: 20px;overflow: hidden;background-color: #fff;border-radius:8px;border:1px solid #E0E0E0;display: flex;align-items: center;padding:0 20px;}
.pop-tc .form .tit{font-size: 14px;color:#828282;line-height: 50px;background-color: #fff;z-index:0;margin-right: 20px;}
.pop-tc .form .tit i{color:#EB5757;}
.pop-tc .form .ipt{line-height: 50px;height: 50px;font-size: 14px;flex:1;overflow: hidden;}
.pop-tc .form .select{appearance: none;-webkit-appearance: none;background:url(../images/lx_04.png) no-repeat 95% center;background-size:12px 6px;}
.pop-tc .form .submit{font-size: 16px;color:#fff;width: 121px;border-radius:24px;line-height: 40px;height: 40px;background: linear-gradient(to right, #205BCD , #EE6F5B);border:0;cursor: pointer;opacity: 0.4;}
.pop-tc .form .submit.this{opacity: 1;}
.pop-tc .form .ipt-txtarea {
	display: block;
	width: 100%;
	border: none;
	background: transparent;
	line-height: 50px;
	height: 120px;
	font-size: 14px;
	flex: 1;
	overflow: hidden;
	resize: none;
}

.pop-tc .form .bot{display: flex;margin-top: 35px;}
.pop-tc .form .bot .grp:not(:last-child){margin-right: 25px;}
.pop-tc .form .bot .fz{font-size: 12px;display: flex;align-items: center;}
.pop-tc .form .bot .ico{width: 16px;height: 20px;margin-right: 6px;}
.pop-tc .form .bot .wz{font-size: 12px;color:#EF705C;margin-top: 8px;}




/* product-CellMorphology */
.cp-top{display: flex;align-items: center;padding:0 30px;max-width: 1440px;margin:30px auto 100px;justify-content: space-between;}


.cp-sec{background:url(../images/cp_00.jpg) no-repeat center top;background-size:1440px auto;}
.multi-sec{background:url(../images/multi_00.png) no-repeat center top;background-size:1440px auto;}
.inte-sec{background:url(../images/inte_00.png) no-repeat center top;background-size:1440px auto;}

.cp-top .slide{width: 54.5%;}

.cp-top .swiper1{background-repeat:no-repeat;background-position:center;background-size:cover;}
.cp-top .swiper1 .item{height: 750px;display: flex;align-items: center;justify-content: center;}
.cp-top .swiper1 .img{width: 90%;height: 90%;object-fit: contain;}

.cp-top .swiper2{margin:40px 0 0;}
.cp-top .swiper2 .item{height: 100px;padding: 1px;border-radius:20px;}
.cp-top .swiper2 .smimg{width: 100%;height: 100%;object-fit: cover;display: block;border-radius:20px;}

.cp-top .swiper2 .swiper-slide-thumb-active .item{background:url(../images/cp_06.png) no-repeat center;background-size:100% 100%;}

.cp-top .info{width: 42%;}
.cp-top .title{font-size: 40px;line-height: 1.4;}
.cp-top .xh{font-size: 16px;color:#E8E9ED;font-weight: bold;line-height: 33px;border-radius:8px;padding:0 12px;display: inline-block;vertical-align: middle;background:url(../images/cp_07.png) no-repeat center;background-size:cover;margin-top: 20px;}
.cp-top .txt{font-size: 16px;line-height: 1.4;margin-top: 25px;}
.cp-top .button{font-size: 16px;color:#fff;line-height: 40px;height: 40px;border-radius:24px;background: linear-gradient(to right, #205BCD , #EE6F5B);width: 213px;display: block;margin-top: 50px;text-align: center;}
.cp-top .button:hover{background: linear-gradient(to right, #EE6F5B , #205BCD);}




.cp-tit{font-size: 36px;}

.cp-xx{margin-bottom: 110px;}
.cp-xx .txt{font-size: 16px;margin-top: 40px;}

.cp-operat{padding:40px 0;background-color: #f5f5f7;margin-bottom: 115px;}
.cp-operat .wrap{display: flex;justify-content: space-between;}
.cp-operat .titbox{width: 283px;}
.cp-operat .txt{margin-top: 35px;font-size: 16px;}

.cp-operat .list{display: flex;}
.cp-operat .list li{width: 120px;margin-left: 20px;}
.cp-operat .list .imgbox{width: 120px;height: 120px;border-radius:20px;overflow: hidden;}
.cp-operat .list .fz{font-size: 12px;margin-top: 8px;text-align: center;}

.cp-s{margin-bottom: 160px;}
.cp-s .wrap{display: flex;}
.cp-s .line{margin:0 60px;background-color: rgba(216,216,216,.4);width: 1px;}
.cp-s .txt{font-size: 16px;margin-top: 35px;}
.cp-s .pic{width: 100%;display: block;margin-top: 35px;border-radius:20px;}

.cp-kits,.cp-scene{flex:1;overflow: hidden;}


.cp-spec{margin-bottom: 120px;}
.cp-spec .detail{display: flex;justify-content: space-between;margin-top: 60px;}
.cp-spec .list{width: 528px;border-radius:20px;background-color: #F5F5F7;padding:30px 24px;}
.cp-spec .row{border-bottom:1px solid rgba(216,216,216,.2);padding:15px 0;display: flex;align-items: flex-start;line-height: 24px;}
.cp-spec .tit{font-size: 12px;font-weight: bold;min-width: 190px;}
.cp-spec .txt{font-size: 12px;font-weight: 100;text-align: right;flex:1;overflow: hidden;}



.cp-rela{padding:75px 0;background-color: #f5f5f7;}
.cp-rela .pub-tt{margin-bottom: 30px;}
.cp-rela .pub-tt .bt{margin-top: 40px;}
.cp-rela .detail{display: flex;margin-left: -2%;flex-wrap: wrap;}
.cp-rela .item{border-radius:20px;background-color: #fff;padding: 18px 18px 25px;display: block;width: 31.3%;margin-left: 2%;margin-top: 20px;}
.cp-rela .item .imgbox{border-radius:20px;height: 260px;}
.cp-rela .item .img{width: 100%;display: block;height: 100%;}
.cp-rela .item .title{font-size: 20px;margin-top: 25px;line-height: 24px;-webkit-line-clamp: 2;height: 48px;text-align: center;font-weight: bold;}
.cp-rela .item .more{font-size: 12px;color:#fff;width:157px;line-height: 33px;height: 33px;text-align: center;border-radius:24px;background: linear-gradient(to right, #205BCD , #EE6F5B);margin: 20px auto 0;display: block;}
.cp-rela .item .more:hover{background: linear-gradient(to right, #EE6F5B , #205BCD);}

/* product-Multi */
.cp-flow{padding:50px 0 40px;background-color: #f5f5f7;margin-bottom: 110px;}
.cp-flow .pic{width: 100%;display: block;margin-top: 40px;}


.cp-xx .list{display: flex;margin-top: 35px;}
.cp-xx .list li{flex:1;overflow: hidden;}
.cp-xx .list .font{font-size: 16px;}
.cp-xx .list .line{width: 1px;background-color: rgba(216,216,216,.4);margin:0 65px;}


/* product-Integrated */
.cp-wzi{margin-bottom: 140px;}
.cp-wzi .list{display: flex;}
.cp-wzi .list .item{flex:1;overflow: hidden;}
.cp-wzi .list .line{width: 1px;margin:0 60px;}
.cp-wzi .list .title{font-size: 36px;}
.cp-wzi .list .txt{margin-top: 40px;font-size: 16px;max-width: 420px;}
.cp-wzi .list .item:first-child p:before{content:'';display: inline-block;vertical-align: middle;width: 4px;height: 4px;border-radius:50%;margin-right: 12px;background-color: #000;}


/* index */
.idx-sec{background:url(../images/idx_01.jpg) no-repeat center top;background-size:100% auto;/* overflow: hidden; */}
.idx-sec.hidden{overflow: hidden;height: 100vh;}

.loading{width: 100%;height: 100vh;object-fit: cover;position: fixed;left: 0;top: 0;z-index:1;margin-top: 0!important;}




.idx-ban{margin:55px 0 120px;position: relative;z-index:0;}
.idx-ban .item{display: flex;align-items: flex-start;justify-content: flex-end;}
.idx-ban .info{width: 520px;margin-right: 35px;margin-top: 330px;transition: all 0.3s;position: sticky;top: 180px;opacity: 0;}

.idx-ban .title p{font-size: 48px;line-height: 1.15;font-weight: bold;background: -webkit-linear-gradient(45deg, #805754 0%, #000000 50%);background: linear-gradient(45deg, #805754 0%, #000000 50%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
.idx-ban .txt{font-size: 16px;line-height: 20px;margin-top: 15px;}
.idx-ban .request{font-size: 16px;color:#000;border-radius:24px;display: block;width: 213px;line-height: 40px;border:1px solid rgba(0,0,0,.49);text-align: center;cursor: pointer; margin-top: 40px;}
.idx-ban .request:hover{background: #205BCD;color:#fff;border-color:#205BCD;}

.idx-ban .imgbox{max-width: 720px;flex:1;overflow: hidden;opacity: 0;}




.idx-card .pub-tt{margin-bottom: 100px;}
.idx-card .swiper-slide{/* width: 1200px; */ width: 700px;}
.idx-card .item{border-radius:40px;overflow: hidden;}
.idx-card .swiper-pagination{position: static;margin-top: 70px;font-size: 0;height: auto;}
.idx-card .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #D4D4D4;opacity: 1;margin:0 12px!important;}
.idx-card .swiper-pagination-bullet-active{width: 73px;border-radius:42px;}



.idx-scene{padding:100px 0 20px;}
.idx-scene .pub-tt{margin-bottom: 60px;}
.idx-scene .pub-tt .smwz{width: 560px;margin:0 auto;}

.idx-scene .list{display: flex;flex-wrap: wrap;margin-left:-48px;}
.idx-scene .list .item{border-radius:20px;width: 341px;background: linear-gradient(#E9E9E9, #fff);padding: 15px;margin-left: 48px;}
.idx-scene .list .imgbox{height: 200px;border-radius:12px;}
.idx-scene .list .title{font-size: 24px;font-weight: bold;margin-top: 20px;}
.idx-scene .list .txt{font-size: 16px;line-height: 1.6;margin-top: 10px;}



.idx-cp{margin-bottom: 100px;position: relative;}
.idx-cp .detail{max-width: 1440px;margin:0 auto;position: relative;background-color: #000000;/* padding:250px 0 80px; */ padding:320px 0 80px;}
.idx-cp .top-tp{width: 100%;position: absolute;left: 0;top:0;z-index:20;}


.idx-cp .videobox{margin-bottom: 70px;}


.idx-cp .pub-tt .smwz{width: 560px;margin:0 auto;}
.idx-cp .list{display: flex;flex-wrap: wrap;justify-content: center;}
.idx-cp .list li{width: 200px;margin:0 40px 50px;}
.idx-cp .list .imgbox{width: 200px;height: 200px;overflow: hidden;border-radius:20px;}
.idx-cp .list .title{font-size: 12px;color:#fff;margin-top: 10px;text-align: center;}

.idx-cp .request{font-size: 12px;color:#fff;border-radius:24px;display: block;width: 168px;line-height: 35px;border:1px solid #828282;text-align: center;cursor: pointer; background: linear-gradient(to right, rgba(255,255,255,.08) , rgba(153,153,153,.08));margin: 0 auto;}
.idx-cp .request:hover{background: #205BCD;color:#fff;border-color:#205BCD;}



.idx-lc{padding-top: 60px;}
.idx-lc .pub-tt{margin-bottom: 60px;}
.idx-lc .detail{background-color: #F5F5F7;}

.idx-story{padding:70px 0 80px;}
.idx-story .pub-tt{margin-bottom: 35px;}
.idx-story .request{font-size: 16px;color:#000;border-radius:24px;display: block;width: 213px;line-height: 40px;border:1px solid rgba(0,0,0,.49);text-align: center;cursor: pointer; background-image: linear-gradient(to right, #f8f8f8 , #f7f7f7);margin-bottom: 40px;}
.idx-story .request:hover{background: #205BCD;color:#fff;border-color:#205BCD;}

.idx-xw{}
.idx-xw .pub-tt{margin-bottom: 40px;}
.idx-xw .wrapbox{background-color: #F5F5F7;padding:40px 0 110px;}
.idx-xw .detail{position: relative;}
.idx-xw .detail::after{content:'';position: absolute;right: 0;top: 0;bottom: 0;background:url(../images/idx_38.png) no-repeat center;background-size:cover;z-index:50;width: 154px;}
.idx-xw .item{background-color: #fff;border-radius:20px;padding: 15px 15px 22px;width: 500px;}
.idx-xw .item .imgbox{height: 250px;border-radius:12px;}
.idx-xw .item .title{font-size: 24px;font-weight: bold;margin-top: 20px;}
.idx-xw .item .txt{font-size: 16px;color:#404148;-webkit-line-clamp: 4;line-height: 24px;margin-top: 7px;height: 96px;}
.idx-xw .item .more{margin-top: 22px;font-size: 16px;display: inline-block;vertical-align: middle;background: -webkit-linear-gradient(45deg, #205BCD, #EE6F5B);background: linear-gradient(45deg, #205BCD, #EE6F5B);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;text-align: center;line-height: 30px;}

.idx-xw .swiper-slide{width: 500px;}
.idx-xw .swiper-button{width: 40px;height: 40px;background:url(../images/idx_39.png) no-repeat center;background-size:contain;z-index:52;position: absolute;top: 50%;cursor: pointer;}
.idx-xw .swiper-button.prev{transform: rotate(180deg);left: 30px;}
.idx-xw .swiper-button.next{right: 30px;}


.idx-lx{position: relative;background:url(../images/idx_40.jpg) no-repeat center;background-size:cover;padding:90px 0;}
.idx-lx .pub-tt{margin-bottom: 20px;}
.idx-lx .request{font-size: 12px;color:#fff;border-radius:24px;background-color: rgba(255,255,255,.08);display: block;width: 180px;line-height: 34px;border:1px solid rgba(255,255,255,.8);text-align: center;cursor: pointer;}
.idx-lx .request:hover{background-color: #fff;color:#205BCD;}
.idx-lx .detail{margin-top: 35px;position: relative;}
.idx-lx .pic{width: 100%;display: block;}
.idx-lx .tb{width: 24px;height: 24px;background:url(../images/icon_03.png) no-repeat center;background-size:contain;position: absolute;}

.idx-lx .tb1{left: 180px;top: 50px;}
.idx-lx .tb2{left: 230px;top: 175px;}
.idx-lx .tb3{left: 520px;top: 30px;}
.idx-lx .tb4{left: 460px;top: 115px;}
.idx-lx .tb5{right: 370px;top: 75px;}

.idx-lx .line{position: absolute;}
.idx-lx .line1{left: 195px;top: 15px;}
.idx-lx .line2{left: 195px;top: 65px;}
.idx-lx .line3{left: 240px;top: 105px;}
.idx-lx .line4{left: 535px;top: 20px;}
.idx-lx .line5{right: 390px;top: 65px;}


.idx-lx .tb,.idx-lx .line{display: none;}

.idx-lx .detail:hover .tb,.idx-lx .detail:hover .line{display: block;}

/* newsDetail */
.xw-det{padding:50px 0 100px;}
.xw-det .pic{width: 100%;display: block;margin-bottom: 40px;}
.xw-det .title{font-size: 30px;font-weight: bold;line-height: 1.4;}
.xw-det .edit{font-size: 18px;line-height: 1.6;margin-top: 25px;}
.xw-det .edit p{word-break: break-word;}










@media (max-height: 800px) {
	.hd-nav .drop{max-height: 500px;overflow-y: scroll;}

}