@font-face {
	font-family: 'Conv_DINCondensedC';
	src: url('../fonts/DINCondensedC.eot');
	src: local('☺'), url('../font/DINCondensedC.woff') format('woff'), url('../font/DINCondensedC.ttf') format('truetype'), url('../font/DINCondensedC.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'suhei';
	src: url('../font/suhei.woff') format('woff'), url('../font/suhei.woff2') format('woff');

}
.suhei{font-family:'suhei';}

input[type="text"] {-webkit-appearance:none;}
textarea {-webkit-appearance:none;}
::-webkit-selection {color:#fff;background:#ff9600;}
::-moz-selection {color:#fff;background:#ff9600;}
::selection {color:#fff;background:#ff9600;}
.text-lowercase {text-transform:lowercase;}
.text-uppercase,.initialism {text-transform:uppercase;}
.text-capitalize {text-transform:capitalize;}
a,.btn,.text-input,.media-img img,p,.flex li,.flex dd,button,.flex > div,.talent4 .flex div,.info,li:before,li:after,a:after,a:before,.more3{-webkit-transition:500ms;transition:500ms;}
a {color:#333333;text-decoration:none}
a:focus,a:hover {color:#222a9d;}
a.text-gray:hover{color:#6E6E6E}

p{margin:0}
dl,dd,ul,li {margin:0;padding:0;list-style:none}
img{max-width:100%}
.fixed {z-index:9999;}
.bg-gray{background:#F7F7F7}
.bg-sub{background:#ccc}
.bg-white{background-color: #fff;z-index:55;position: relative;}
/* 标签 */
.tag{display:inline-block;transition:.5s}
.tag.padding{padding:5px 12px}
.tags{color: #ff9600!important; border: 1px solid #ff9600!important; background-color: unset;}
/* 英文字体begin */
.Conv_DINCondensedC{ font-family: "Conv_DINCondensedC";}
/* 英文字体end */

.mb5{margin-bottom: 5px;}
/* 行距 begin*/
.blank{height:10px;line-height:10px;clear:both;font-size:0}
.blank-small{height:20px;line-height:20px;clear:both;font-size:0}
.blank-middle{height:30px;line-height:30px;clear:both;font-size:0}
.blank-big{height:50px;line-height:50px;clear:both;font-size:0}
.blank-large{height:80px;line-height:80px;clear:both;font-size:0}
/* 行距 end*/

.sidebar-l {margin-right:30px}
.sidebar-r {margin-left:0px;}
.container-layout{max-width:1500px;}
.line-large {margin-left:-15px;margin-right:-15px}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12 {position:relative;min-height:1px;padding-right:15px;padding-left:15px}

/* owl-carousel轮播插件 */
.owl-carousel .owl-dots{position:absolute;top:50%;padding:0;text-align:left;width:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.owl-carousel .owl-dots .owl-dot{display:inline-block;position:relative;vertical-align:middle}
.owl-carousel .owl-dots .owl-dot span{width:8px;height:8px;margin:0 5px;border-radius:50%;background:#d3d3d3;display:inline-block;text-align:center;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}
.owl-carousel .owl-dots .owl-dot.active span{width:16px;height:8px;background:#000;border-radius:20px}
.owl-carousel .owl-nav i{font-size:23px;color:#fff}
.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{background:#000;width:42px;height:42px;line-height:48px;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;position:absolute;text-align:center;border-radius:50%;opacity:0}
.owl-carousel .owl-nav .owl-prev{background:#000;left:20px;right:auto}
.owl-carousel .owl-nav .owl-next{right:20px}
/* owl-carousel轮播插件 */

/* 首页轮播 */
.idbanner{height:100vh;}

.idbanner.pro-top{height:72vh}
.idbanner img{width: 100%;height:100%;object-fit: cover;}
.idbanner .swiper-slide{position: relative;}
.idbanner .swiper-slide .container{position: absolute;left:0;right:0;top:50%;color:#fff;
transform: translateY(-50%);z-index:1;
}

.idbanner .swiper-slide.swiper-slide-active .container h1,
.idbanner .swiper-slide.swiper-slide-active .container p,.idbanner .innerinfo h1,.idbanner .innerinfo p{
	animation:UpTxt 1s .5s cubic-bezier(0.61, 1, 0.88, 1) both
}
.idbanner .adtxt{text-align:center}
.idbanner .adtxt h1{font-size:350%;line-height: 1em;letter-spacing: .1em}
.idbanner .adtxt p{font-size:160%;}
.idbanner .swiper-slide.swiper-slide-active .container p,.idbanner .innerinfo p{
	animation-delay:1.2s;
}
.idbanner .swiper-slide.swiper-slide-active img,.idbanner.channel-banner img{
	animation:scaleb 11s 0s both
}
.idbanner.channel-banner{overflow:hidden;}
.idbanner video{object-fit: cover;width:100%;height:100%;opacity: .8}
.idbanner .vid{background-color: #000;width:100%;height:100%}
.topf{position: fixed;width:100%;height:100vh}
.bnhold{height:100vh;}


.scrollbtn {
    position: absolute;
    z-index: 1;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color:#fff;
}

.scrollbtn .iconfont{font-size:140%;}
.scrollbtn>li:nth-child(1) {
  	border:1px solid #fff;
    border-radius: 5em;
    width:1.4em;height:2.8em;
    margin-bottom: 0rem;
    position: relative;
}
.scrollbtn>li:nth-child(1):before{
	content:'';height:10px;background-color: #fff;width:3px;
	position: absolute;left:50%;top:20%;transform: translateX(-50%);border-radius: 5em;
	animation: arrow2 1s 0s linear infinite;
}
.scrollbtn>li:nth-child(2) {
    animation: arrow 2s 0.6s linear infinite;
}

.scrollbtn>li:nth-child(3) {
	margin-top:-1.5em;
    animation: arrow 2s 1.8s linear infinite;
}

.scrollbtn>li:nth-child(4) {
	margin-top:-1.5em;
    animation: arrow 2s 1.8s linear infinite;
}

@keyframes arrow {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes arrow2 {
    from {
        opacity: 1;
        top:20%;

    }
    to {
        opacity: 0;
        top:40%;
    }
}

/* 首页轮播 */

/* 常用TAB */
.tab-normal .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;width:100%;}
.tab-normal .tab .tab-nav li {display:inline-block;width:auto;text-align:center}
.tab-normal .tab .tab-nav li a {background:#fff;color:#6e6e6e;border-radius:30px;padding:0px 20px;height:42px;line-height:42px;margin:0 10px;display:block;border:0;font-size:16px;}
.tab-normal .tab .tab-nav .active a {background:linear-gradient(-45deg,#FFD100,#ff9600);cursor:default;color:#fff;border-bottom:0px solid #FD3C6B;}
.tab-normal .tab .tab-nav .active{background:none}
.tab-normal .tab .tab-nav .active a:hover {color:#FFF}
.tab-normal .tab .tab-nav li a:focus {outline:none;}
.tab-normal .tab .tab-nav li a:hover {background:linear-gradient(-45deg,#FFD100,#ff9600);color:#fff}
.tab-normal .tab .tab-body {padding:0;border-radius:0;border-top:0px solid #ff0000}
/* 常用TAB */





/* 路径 */
.nav-bread{padding:0;height:70px;line-height:70px;font-size:0}
.nav-bread h2{font-size:24px;font-weight:600}
.nav-bread i{color:#888888;}
.nav-bread a{color:#888888;font-size:14px;display:inline-block;}
.nav-bread a:hover{color:#ff9600}
.nav-bread a:after {content:"";padding:0 10px;background:url(../images/nav-bread.png) no-repeat center 50%;}
.nav-bread a:last-child:after {content:"";background:none;}
/* 路径 */

/* 上下篇  */
.prenext-pro a.button{height:70px;line-height:70px;padding:0 25px}
.prenext-pro a.button:hover{background:#ff9600;color:#fff}
.prenext-pro a.border{border:1px solid #eee}

/*分页 begin*/
.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;}
/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */
.pagination li.active a,.pagination li a:hover {background:#ff9600;color:#fff;border:1px solid #ff9600;}
/*分页 end*/

/* 标题样式-居中 */
.title-c{position:relative;}
.title-c h3{position:relative;font-size:30px;text-transform:uppercase;margin:0 auto 50px auto;font-weight:600}
.title-c h3:before {background:#FFD100;content:'';display:block;position:absolute;width:30px;height:3px;bottom:-15px;left:50%;margin-left:-15px;}

/* 标题样式-左 */
.title-l h2{line-height:28px;height:28px;color:#333;position:relative;font-size:18px;letter-spacing:0;padding-left:20px;margin-bottom:10px;}
.title-l h2:before {content:'';display:block;position:absolute;width:5px;height:20px;top:4px;background:#ff9600;left:0}

/* 下拉分类 */
.nav-tree {font-size:0;height:70px;line-height:70px}/*font-size:0去掉 display:inline-block间隔 */
.nav-tree li {position:relative;display:inline-block;}
.nav-tree li a{color:#6E6E6E;display:block;padding:0 30px;font-size:16px;background:#fff;}
.nav-tree li a.active,.nav-tree li a.cur{background:linear-gradient(-45deg,#FFD100,#ff9600);color:#fff}
.nav-tree li.focusa a{background:linear-gradient(-45deg,#FFD100,#ff9600);color:#fff;border-bottom-left-radius:0px;border-bottom-right-radius:0;}
.nav-tree li ul:after {position:absolute;top:-8px;left:50%;margin-left:-8px;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;content:'';}
.nav-tree li ul {top:70px;left:0;background:#fff;padding:10px 0;z-index:99;position:absolute;width:100%;display:none;border-radius:0px;box-shadow:0 5px 10px 0 rgba(0,0,0,0.03);}
.nav-tree li ul li{display:block;width:100%;text-align:left;}
.nav-tree li ul li.children a{font-size:14px;background:#fff;border-radius:0;box-shadow:none;display:block;color:#6e6e6e;line-height:34px;height:34px}
.nav-tree li ul li.children a.active,.nav-tree li ul li.children a:hover{color:#ff9600}
/*
.nav-tree li ul li.children:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}
.nav-tree li ul li.children:last-child a{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
*/
/* 下拉分类 */

/* 属性 */
.filter-box .padding-big{padding:15px 25px}
.filter-box dl{margin:15px 0;display: flex;}
.filter-box dl dt{width:8%;display:block;flex: none;line-height:24px;font-weight:normal}
.filter-box dl dd{display:block;float:left;position:relative;}
.filter-nav ul li {margin:0;display:block;float:left;width:auto;line-height:24px;}
.filter-nav ul li a{margin:0 10px 0 0;padding:2px 10px;cursor:pointer;display:block;color:#6E6E6E;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.filter-nav ul li a:hover{color:#ff9600;}
.filter-nav ul li a.active{color:#fff;background:#ff9600}
.filter-nav ul li b{font-weight:normal;}

/* 横向不带ICO导航 */
.nav-x {background:#fff;width:100%;position:relative;}
.nav-x .menu-toggle h3 {display:none}
.nav-x ul {font-size:0;-webkit-text-size-adjust:none;text-align:center}
.nav-x li {display:inline-block}
.nav-x li i {margin:0px auto 5px auto;font-size:24px;display:block;}
.nav-x li a {font-size:16px;padding:0;height:70px;line-height:70px;color:#6e6e6e;text-align:center;display:block;}
.nav-x li a:hover{color:#ff9600}
.nav-x li a.active {background:linear-gradient(-45deg,#FFD100,#ff9600);color:#fff}
.col-2 {width:10%}
/* 横向不带ICO导航 */

/* 新闻列表 */
.list-news {display: flex;align-items: center;justify-content: center;margin-bottom:30px}
.list-news .time{margin-right:-20px;padding:15px 0 10px 0;border-right:1px solid #eee;}
.list-news .time .text-large{font-size:270%;line-height:1;}
.list-news .news {margin-left:50px;margin-right:30px}
.list-news .news h5{margin-top:0;margin-bottom:.5rem}
.list-news .button{width:70px;line-height:1;border:1px solid #eee;}
.list-news .button i{font-size:200%}
.list-news:hover .button{background:#222a9d;color:#fff;border:1px solid #222a9d}
.list-news:hover h5 a{color:#222a9d}
.top-news {}
.top-news .t-r{padding-left:5%;}
.top-news .t-r hr{margin:2em 0;}
.top-news .t-r h3{line-height: 1.5em;}
.top-news .t-r .more3{display:inline-block;margin-top:2em;padding:.5em 2em}

.arttop{color:#fff;padding:8vh 0 4vh}
.arttop h2{margin-bottom:3rem}
.arttop a{color:#fff;}
.arttop a:hover{color:#ff9900}
.arttop .position{font-size:80%}
.artcon{display: flex;}
.artcon .x9{padding:12vh 0;padding-right:5%;}
.artcon .x9 img{width:70%;display:block;margin:auto;}
.artcon .x9 p + *{margin-top:1rem}
.artcon .x9 p + .more2{margin-top:3em}
.artcon .x3{padding:12vh 0;padding-left:5%;border-left:1px solid #eee;}
.artcon .x3 h4{margin-top:0}
.artcon .x3 ul li{line-height: 1.5;border-bottom:1px solid #eee;padding:1rem }
p + .more2{margin-top:2em}
.top-art{position: relative;display: block;margin-bottom:2rem}
.paging{border-top:1px solid #eee;margin-bottom:12vh}
.paging a,.paging .text-gray{display: block;padding:2rem 1rem;}
.paging .iconfont{margin:0 1rem}
.paging a:hover{background-color: #222a9d;color:#fff;}
.paging a:hover .iconfont{color:#fff}

/* 新闻列表 */

/* 纯文字列表  begin*/
.list-post-text li {padding:5px 0;}
.list-post-text li a{display:block;}
.list-post-text li.dot a{padding-left:15px;position:relative;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list-post-text li.dot:hover a:before {background:#ff9600;}
.list-post-text li.dot a:before {content:'';position:absolute;left:-2px;background:#ccc;width:6px;height:6px;top:9px;border-radius:50%}
/* 纯文字列表  end*/

/* 下载列表 */
.normal-list li{position:relative;display:block;background:#FFF;margin-bottom:20px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li a{display:block;font-size:16px;line-height:24px;padding:25px 30px 25px 50px;color:#333;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li span{color:#888888;position:absolute;right:30px;top:28px}
.normal-list li:hover{background:#ff9600;color:#FFF;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li:hover a,.normal-list li:hover span{color:#FFF}
.normal-list li.dot:hover a:before {background:#fff;}
.normal-list li.dot a{position:relative}
.normal-list li.dot a:before {content:'';position:absolute;left:30px;background:#ececec;width:7px;height:7px;top:35px;border-radius:50%}

/* 下载详细页begin */
.download-detail{position:relative;z-index:3}
.download-detail .button-big{padding:15px 25px}
/* 下载详细页end */

/* ===视频教程 beign*/
	/* ====视频教程列表 begin*/
.video-list .media{-webkit-transition:.5s;transition:.5s;}
.video-list .media:hover{box-shadow:0 30px 50px rgba(229,229,229,.8)}
.video-list .media-img{position:relative;overflow:hidden}
.video-list .media-body .padding-big{padding:20px}
.video-list .media-body h2{margin:0 0 20px 0;overflow:hidden}
.video-list .media a.play{opacity:.6;position:absolute;top:50%;left:50%;margin-left:-24px;margin-top:-24px;width:48px;height:48px;line-height:48px;background:rgba(0,0,0,.6);z-index:2;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.video-list .media a.play i{font-size: 24px;}
.video-list .media .playtime{position:absolute;bottom:10px;right:10px;padding:0 8px;height:20px;line-height:18px;background:rgba(0,0,0,.5);z-index:2;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.video-list .media:hover a.collect,.video-list .media:hover a.play{opacity:1;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.video-list .excerpt-info ul li.v2-1{width:50%}
.video-list .excerpt-info ul li.v2-2{width:50%;}
	/* 视频教程列表 end*/

	/* =====视频内容页 */
.video-detail .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;padding-left:25px;border-bottom:1px solid #EFEFEF}
.video-detail .tab .tab-nav li {display:inline-block;width:13%;margin:0}
/* .video-detail .tab .tab-nav li:last-child {margin-right:0px} */
.video-detail .tab .tab-nav li a {color:#616770;padding:18px 0;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;display:block;line-height:20px;font-weight:500;border-radius:0;font-size:16px;text-align:center;}
.video-detail .tab .tab-nav .active {border-radius:0px;}
.video-detail .tab .tab-nav .active a {margin-bottom:-1px;cursor:default;background:#FFF;border-bottom:2px solid #ff9600;font-weight:600}
.video-detail .tab .tab-nav li a,.video-detail .tab .tab-nav .active a:focus {outline:none;}
.video-detail .tab .tab-body {border-radius:0;border-top:solid 0px #ebebeb;padding:25px}
			/* ======播放器 */
.jw-video{text-align: center;height: 510px; border-right: 1px solid #433D3D;}
.jw-video video{width: auto;max-width: 100%;height: 100%;}
.jw-video-expense{position:absolute;left:0;top:0;width:100%;height:100%;background:#616770;z-index:1;display:none}
.jw-video-expense .apply{position:absolute;left:50%;margin-left:-176px;top:50%;margin-top:-50px}
.jw-video-expense .button{cursor:pointer}
.video-period .price{font-size:32px;margin-top:5px}
.video-buy-now{cursor:pointer;width:130px;float:right}
.video-free-now{width:130px;padding:10px 0;float:right}
.video-title h1{font-size:24px;display:block;}
.video-period-title{padding:15px 10px 15px 20px}
.video-period-list{overflow:hidden;height:410px;overflow-y:auto}
.video-period-list li{height:69px;width:100%;border-bottom:1px #433D3D solid;position:relative;text-align:left}
.video-period-list li a{display:block;padding:8px 10px 8px 50px}
.video-period-list li a.cur{background:#2D2D2D;display:block;}
.video-period-list li:hover{background:#2D2D2D;}
.video-period-list li p{font-size:14px;color:#888888;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.video-period-list li:before{content:"";position:absolute;width:20px;height:13px;left:18px;top:15px;background:url(../images/video-ico.png) no-repeat;z-index:4}
.video-period-list li .video-info{padding-top:8px;position:relative;color:#616770}
.video-period-list li .video-info span{position:absolute;right:0;width:62px;text-align:right}
.video-period-list li:last-child{border-bottom:none}
.video-content-tit{padding:5px 30px 0;line-height:50px;border-bottom:1px solid #ECEFF5}
.video-content-tit h2{font-size:18px;color:#434C5A;border-bottom:1px solid #434C5A;display:block;width:72px;margin-bottom:-1px}
		/* 播放器 end*/
	/* 视频内容页end */
/* 视频教程 end*/

/* 横向左图右字列表 begin*/
.list-post-x .media{margin-bottom:20px}
.list-post-x .media.border{border:0;border-bottom:1px solid #ECEFF5;padding-bottom:20px}
.list-post-x .media img{transition:all .3s ease-out}
.list-post-x .media .thumb-md{position:relative;max-width:100px;overflow:hidden}
.list-post-x .media .thumb-md .playtime{position:absolute;bottom:5px;right:5px;padding:0 5px;height:20px;line-height:18px;background:rgba(0,0,0,.6);z-index:3;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.list-post-x .media .thumb-md .playicon{position:absolute;bottom:5px;left:5px;width:20px;height:20px;line-height:18px}
.list-post-x .media:hover img{transition:all .3s ease-out;transform:scale(1.1)}
.list-post-x .media.media-x .float-left{margin-right:15px}
.list-post-x .media.media-x .float-right{margin-left:15px}
.list-post-x .media.media-x .media-body{text-align:left;padding:0}
.list-post-x .media a:hover{color:#434C5A}
.list-post-x .media-body p{color:#888888;line-height:22px}
.list-post-x .media:last-child{margin-bottom:0}
/* 横向上图下字列表 end *

/* 内容 begin */
.article{overflow:hidden}
.article .padding-large{padding:30px 50px}
.article .post h1{font-size:28px;font-weight:600;}
.article .post h2{font-size:24px;font-weight:600;margin:10px 0}
.article .post h3{font-size:20px;font-weight:600;margin:10px 0}
.article .post hr{margin:10px 0;height:1px}
.article .post strong{font-size:16px;margin:10px 0}
.article .post table{margin:20px 0}
.article .post table th{background:#daf0fd;color:#fff;border:1px solid #fff}
.article .post table tr.ue-table-interlace-color-single{background:#daf0fd}
.article .post p{font-size:16px;line-height:28px;margin-bottom:10px}
.article .post img{max-width:100%;height: auto !important;}
.article .post a{text-decoration:none;}
.article .post a:hover{color:#ff9600;border-bottom:0 solid #ff9600}
.article .post .text-right{text-align:right}
.article .post ul li{padding:0 0 5px 20px;position:relative;font-size:16px}
.article .post ul li p{line-height:24px}
.article .post ul li:before{content:'';position:absolute;top:8px;left:0;background:#888888;width:7px;height:7px;border-radius:50%}
.article .post ol{padding:10px 0 0 0}
.article .post ol.list-paddingleft-2{position:relative}
.article .post ol li{padding:0;position:relative}
.article .post ol li p{line-height:26px;font-size:16px;color:#888888}
/* 内容 end */

/* 产品列表*/



/*产品列表*/

/* 产品详细页begin */

.pro-top{background: #000}
.pro-top img{opacity: .8}
.pro-content{padding-left:5%}
.pro-content h2{line-height: 1em;}
.pro-content h2 + p{opacity: .5;text-transform: uppercase;}
.pro-content hr{opacity: .2;margin:2em 0;}
.pro-content .swiper-but2{background: unset;margin:0;border:1px solid rgba(255,255,255,.2)}
.pro-content ul.flex{margin-top:2em}
.pro-content .swiper-but2:first-child{margin-right:1em;}
.mores div:nth-child(1){margin-right:.5em;}
.mores .more2 .iconfont{font-size:150%;line-height:50px}
.mores .more2 .iconfont.icon-tell{font-size:100%}

.propdf img{opacity: .5}
.propdf .x7,.propdf{padding-left:5%}
.propdf .iconfont{font-size:120%;vertical-align: middle}
.sence .swiper-slide{position:relative;background:#222a9d}
.sence .swiper-slide .info{position:absolute;width:100%;padding:3em;bottom:0;left:0;opacity:0;z-index:1;color:#fff;
    background-image:linear-gradient(360deg, rgba(0,0,0,.7), rgba(0,0,0,0) 100%)
    
    
}
.sence .swiper-slide:hover .info{opacity:1;}
.sence .swiper-slide:hover .media-img{opacity:.8;}


/* 产品详细页end */


 /* 弹出层*/



.dialog {border-radius:0;border:0 solid #ebebeb;margin:0 auto;box-shadow:0 10px 25px rgba(0,0,0,0.3);}
.dialog .dialog-head {font-size:18px;border-bottom:0;background:#FFF;color:#383838;}
.dialog .dialog-head .close {float:right;line-height:24px}
.dialog .dialog-body{padding:10px 40px 40px 40px;}
.dialog-body .form-group {padding-bottom:20px}
.dialog-body .text-input,.dialog-body .textarea{border:1px solid #eee;}
.dialog-body .label {padding-bottom:10px;display:block;line-height:24px;}
.dialog-body .label label {font-weight:400;}
.dialog-body select {padding:0 30px 0 8px;color:#ADADAD;border-radius:0px;width: 100%; height:48px;line-height:48px;border:solid 1px #ebebeb;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/select-down.png) no-repeat right 50%;}
.dialog-body .form-tips .dialog-body .input-help ul {border:solid 0px #ebebeb;background:#fff;padding:5px 10px;box-shadow:0 0 0 #fff;border-radius:0 0 4px 4px;width:150px;min-width:150px;width:auto;_width:150px;color:#EE3333;font-size:12px}
.dialog-body .input::-webkit-input-placeholder, .dialog-body .textarea::-webkit-input-placeholder {color: #6E6E6E;}
.dialog-body .input:-moz-placeholder, .dialog-body .textarea:-moz-placeholder {color: #6E6E6E;}
.dialog-body .input::-moz-placeholder, .dialog-body .textarea::-moz-placeholder {color: #6E6E6E;}
.dialog-body .input:-ms-input-placeholder, .dialog-body .textarea:-ms-input-placeholder {color: #6E6E6E;} 
.dialog-body .input-group .addon {background-color:#fff;border:0px solid #EBEBEB;border-radius:0px;line-height:1;padding:0;text-align:center}
.dialog-body .input-group .addon img{max-height:50px}
 /* 弹出层 end*/

/*  联系我们begin  */
.contact{padding-right:5%}
.contact .c-l{width:80px;text-align: center;border:1px solid #eee;color:#222a9d;border-radius: 5em;margin-right:1em;line-height: 80px;height:80px}
.contact .flex{align-items: center;padding:1em 0;}
.contact .c-l .iconfont{font-size:200%;}
.contact .c-l .iconfont.icon-tell{font-size:140%;}
.contact .text-middle{color:#999}
.contact .listitem{margin-top:1em}
.text-input,.textarea{color:#999;padding:1em 1em;border:none;border-radius:5px;background-color: #fff;
border:1px solid #fff;width:100%;
}
.text-input:focus,.textarea:focus{border:1px solid #222a9d;}
.guestbook .flex{margin:0 -.5em}
.guestbook .flex .field{width:33.33333%;padding:0 .5em 1em}
.mapimg .embed-responsive img{object-fit: contain}


 /*guestbook*/






/* 联系我们end */


.channel-banner{position: relative;color:#fff;}

.innerinfo{position:absolute;top:50%;transform: translateY(-50%);
left:0;right:0;z-index:1;
}
.innerinfo p{font-size:85%;opacity: .8;margin-left:-1rem}
.innerinfo .reads{margin-top:2em}
.innerinfo .reads li{padding-right:2em}
.innerinfo .reads .iconfont{margin-right:1rem}
.channel-banner h1{margin:0}
.channel-banner a{color:#fff;margin:0 1rem }
.channel-banner a:hover{text-decoration: underline; }

.channel-banner img{width:100%}

/* 底部地图版权 begin*/
footer{padding:70px 0 30px 0;color: #fff;font-size:85%}
footer img{max-width:10vw}
footer hr{opacity: .2;margin:40px 0}
footer h6,footer h5{font-weight:700;margin:0}
footer ul {margin:1rem 0;}
footer ul.flex li:nth-child(3) ul{
max-height:20vh;overflow-y:auto;padding-right:2em}


footer ul.flex li:nth-child(3) ul::-webkit-scrollbar-track {
    background: #3940a7;
    border-radius: 10px;
}
footer ul.flex li:nth-child(3) ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #4652db;
}




footer ul li a{display: block;line-height: 2.5;color:#fff;}
footer ul li img{margin-bottom:1rem}
footer ul li a:hover{color:#ff9900;}
footer .iconfont,header .iconfont{margin-right:.5rem;}

.hotline{  }
.hotline .iconfont{font-size:320%;display: inline-block;margin-right:1rem;vertical-align: middle;line-height: 1.2em}

.copyright{padding:20px 0;color:#888;font-size:75%;text-align: right;}
.copyright a{margin-left:5px;color:#888;}




/* 底部地图版权 end*/
@media screen and (max-width:1440px){
.container-layout{max-width:98%;}
}




.header,.flex,.advlist,.advantage{display: flex;transition: 600ms;}




.header{position: fixed;left:0;top:0;z-index:1000;width:100%;padding:0 3vw;color:#fff;backdrop-filter: blur(0);}
.header .logo{width:calc(9vw)}
.header .logo img:nth-child(2){display: none;}
.header.active,.header.inside{background-color: rgba(255,255,255,.8);backdrop-filter: blur(15px);}
.header.inside.active{position: fixed;}
.header .icon-language{font-size:130%;line-height:1em;}

.header.active .logo img:nth-child(2),.header.inside .logo img:nth-child(2){display: unset}
.header.active .logo img:nth-child(1),.header.inside .logo img:nth-child(1){display: none;}
.lang{position:relative}


.lang .down{display:none;
    position: absolute;right:0;background: #fff;padding:.5em 1em;
    top:100%;width:7vw;
}



.lang .down a{display:flex;align-items:center;padding:.8em 0;font-size:80%}
.lang .down a img{width:30%;margin-right:8px}


.flex-wrap{flex-wrap:wrap;}
.align-items-center{align-items: center;}
.justify-space-between{justify-content: space-between}
.text-center{text-align: center;}
.blue{color:#222a9d}

.menu > li > a{padding:.5em; display: block;color:#fff;overflow:hidden;position: relative;}


@media(min-width:1200px){
	.menu > li > a{padding:1.5em 1em;}
}
@media(min-width:1400px){
	.menu > li > a{padding:1.5em 2em;}
}
@media(min-width:1600px){
	.menu > li > a{padding:1.5em 2em;}
}

@media(min-width:2000px){
	.menu > li > a{padding:1.5em 2em;}
}

.header.active,.header.inside,.header.inside .menu > li > a,.header.active .menu  > li > a{color:#2a2a2a;}

.headerNav .menuul{display: none;width:100%;position: absolute;background: #fff;left:0;}
.menuul .m1{width:60%;position: relative;}
.menuul .m2{padding:2% 4%;font-size:110%;background-color: #fff;width:40%;}
.menuul.t3 .m2 ul{display: flex;flex-wrap: wrap;max-height:60vh;overflow-y:auto;}
.menuul.t3 .m2 ul li{width:50%}

.menuul .m2 ul a{display: block;line-height:1.4;padding:2rem 1.5rem;position: relative;}
.menuul .m2 ul li{position: relative;}

.menuul .m2 ul li:before,.menuul .m2 ul li:after{content:'';position: absolute;bottom:0;left:0;width:100%;height:1px;background-color: #eee;}

.menuul .m2 ul li:after{height:35%;width:0;background: #222a9d;}


.menuul .m2 ul li:hover:after{width:5px;bottom:50%;transform: translateY(50%);}
.menuul .m2 ul a:hover{color:#222a9d;padding-left:2em}

.mennul .m1{position: relative;}
.menuul .m1 .ta{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index:1;white-space: nowrap;text-align: center;color: #fff}
.menuul .m1 .ta h1{margin:0;}

.header.inside .menu > li > a.nav_hover,.header.active .menu  > li > a.nav_hover,.nav_hover
{color:#ff9900;}
.menu > li > a:after{width:0;content:'';background-color: #ff9900;height:3px;position: absolute;left:0;bottom:0;}
.menu > li > a.nav_hover:after{width:100%;}

.idxpros,.indexp{height:90vh}
.idxpros img{width:100%;height:100%;object-fit: cover; }
.idxpros .swiper-slide{background-color: #000}
.idxpros .swiper-slide .media-img{opacity: .7;height:100%}
.idxpros .swiper-slide,.idxcase .swiper-slide{position: relative;color:#fff;}
.idxpros .txtcon{position: absolute;left:5%;top:50%;transform: translateY(-50%);width:35%;z-index:5}
.idxpros2 .txtcon{left:50%;transform: translate(-50%,-50%);text-align: center;width:50%}
.indexp2{position:absolute;z-index:5;bottom:0;left:0;width:100%;padding-right:15vw;background: rgba(0,0,0,.5);color:#fff;}
.idxprosnav .swiper-slide{text-align: center;cursor: pointer;padding:1.8rem 0}
.idxprosnav .swiper-slide-thumb-active{background-color: rgba(255,255,255,.9);color:#222a9d;}

.idxcase.swiper{overflow:visible}
.idxcase .txtcon{opacity: 0;color:#fff;position: absolute;bottom:0;left:0;padding:2rem;}
.tit{padding:8vh 0}
.pro-layout .tit{padding-top:0}
.tit h2{margin:0;}
.tit h2+p{color:#999;text-transform: uppercase;}

.swiper-scrollbar{height:5px;width:100%;margin:4rem 0;background-color: #e0e1e9;overflow: hidden;}
.swiper-scrollbar-drag {
  background-color: #222a9d !important;
  position: relative;
  height:100%;

}



.swiper-scrollbar-drag:before {
  content: '';
  background-color: #222a9d !important;
  position: relative;
  left: -99vw;
  top: 0;
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100vw;
  z-index: 999;
}

.swiper-but,.swiper-but2{
	position: absolute;
	top:50%;transform: translateY(-50%);
	width:2.8em;height:2.8em;text-align: center;
	line-height: 2.8em;
	z-index:55;
	cursor: pointer;
	font-size:150%;
}

.swiper-but-next{right:2%}
.swiper-but-prev{left:2%}
.swiper-but2{font-size:110%;position: unset;top:unset;transform:unset;
background-color: #fff;border-radius: 5em;background-color: #fff;margin:0 1rem;
}


.cers .swiper-but2{position:absolute;top:50%;transform: translateY(-50%);color:#222a9d}
.cers .swiper-but-next{right:18%}
.cers .swiper-but-prev{left:18%}
.indexp .swiper-but{top:unset;bottom:0;transform: translateY(-10%);}

.indexp .swiper-but-next{right:2%}
.indexp .swiper-but-prev{left:auto;right:7%}

.swiper-but.swiper-button-disabled,.swiper-but2.swiper-button-disabled{opacity: .5}



.alist{width:33.33333%;height:90vh;transition: 600ms;-webkit-transition:600ms;text-align: center;position: relative;overflow:hidden;}
.alist .txta{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);color:#fff;line-height: 1;z-index: 50}
.alist .txta .iconfont{font-size:120px}
.alist .txta p{margin-bottom:2em}
.alist.hiden{width:25%}
.alist.show{width:50%;background-color: #222a9d;}
.alist .more{opacity:0}
.alist img{object-fit: cover;width:100%;height:100%;transition:1200ms; -webkit-transition:1200ms;}
.alist.show img{opacity: .2;transform: scale(1.12);}
.alist.show .more{animation:moveUp 1s 0s cubic-bezier(0.61, 1, 0.88, 1) both}
.earthbg,.earthbg2{background-image: url(../../images/bg.jpg);background-size: cover;min-height:45vh;padding:5vh 0 10vh}
.earthbg2{background-image: url(../../images/abougbg.jpg);padding:5vh 0 20vh;color:#fff;}

.advantage{max-width:1600px;margin:4rem auto;}
.nums{font-size:350%;display: flex;line-height: 1;color:#222a9d;margin-bottom:1rem;}
.earthbg2 .nums{color:#fff;}

.nums p{font-size:50%;}
.nums p small{font-size:70%;}
.idxvid{position: relative;overflow:hidden; height:85vh;background: #000}
.idxvid a{display: inline-block;color:#222a9d;background-color: #fff;width:2em;height:2em;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);line-height: 2em;font-size:220%;text-align:center;border-radius: 15em;z-index:55;}
.idxvid a:hover{background-color: #222a9d;color:#fff;}
.idxvid img{width:100%}

.idxvid video{object-fit: cover;width:100%;height:100%}
.in-news{display:flex;justify-content: space-between;padding-bottom:10vh}
.in-news > div{width:32%;}
.in-news > div.headimg a{position: relative;display: block;height:100%;}
.in-news > div .media-img{height:100%;}
.in-news > div .media-img img{object-fit: cover;width:100%;height:100%;}

.media-img{overflow: hidden;}
.media-img:hover img,a:hover .media-img img,li:hover .media-img img,.swiper-slide:hover .media-img img{transform: scale(1.09);}
.in-news a:hover img{opacity: .5}
.in-news a:hover{background: #222a9d}
.gray_bg{background-color: #fafafa;}
.gray_bg a:hover,.gray_bg a:hover h5,.gray_bg a:hover .datetxt .iconfont{color:#fff;}
.post-title{color:#fff;padding:2.3rem;position: absolute;bottom:0;left:0;width:100%;z-index:55;
background-image: linear-gradient(360deg, rgba(0,0,0,.7), rgba(0,0,0,0) 100%);
}
.por{position: relative;}
.in-news a h6,.in-news a h4{margin:0;line-height: 1.5;}
.datetxt{font-size:90%;opacity: .6;margin-top:1rem}
.datetxt .iconfont{margin-right:.5rem}


.in-news .gray_bg a{display: block;border-bottom:1px solid #fff;padding:3rem;}

.in-news .gray_bg a:last-child{border-bottom:none;}



.more a{border:1px solid #eee;display: inline-block;color:#222a9d;padding:.5rem 1em .5rem 0;transition: 600ms;-webkit-transition:600ms;font-weight:800; vertical-align: middle}
.more a .iconfont{color:#222a9d;font-size:110%;margin:0 1rem;display: inline-block;vertical-align: middle}
.more a:hover{color:#fff;background: #222a9d;border-color:#222a9d;transform: translateY(-10px);}
.more a:hover .iconfont{color:#fff;}

.more2 a{display: inline-block;background-color:#222a9d;color:#fff;padding:1rem 3rem 1rem 2rem;vertical-align:middle}
.more2 a .iconfont{margin:0 1rem;font-size:150%;vertical-align:middle}
.more2 a:hover{background-color: #ff9900;}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video,
.embed-responsive img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}

.embed-responsive img{object-fit: cover}

.embed-responsive-16by6 {
    padding-bottom: 40%;
}


.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.embed-responsive-1by1 {
    padding-bottom: 100%;
}

.embed-responsive-3by4 {
    padding-bottom: 125%;
}

.embed-responsive-9by16 {
    padding-bottom: 11%;
}

footer .more a,.alist .more a{color:#fff;border-color:rgba(255,255,255,.2);padding-right:2rem;padding-left:1rem;line-height: 3em}
footer .more a .iconfont,.alist .more a .iconfont{font-size:150%;font-weight:400;color:#fff;}
footer .more a:hover,.alist .more a:hover{color:#222a9d;background: #fff;}
footer .more a:hover .iconfont,.alist .more a:hover .iconfont{color:#222a9d;}

/*简介*/
.aboutvd{transform: translateY(-15vh);max-width:1600px;margin-bottom:-10vh}
.aboutvd .idxvid{height:auto}
.aboutbg{background-image: url(../../images/aboutbg2.jpg) ;background-size: 100%;background-position: bottom center;padding-bottom:15vh;background-repeat: no-repeat;}
.abcon > div{width:50%;}
.abcon > div:nth-child(2){padding-left:5%}
.abcon {padding:10vh 0;justify-content: space-between;}
.abcon > div img{width:100%}
.abcon > div h3{margin-top:0}
.abcon .des{border-left:5px solid #2229ad;padding-left:2rem;margin-top:3rem;color:#2229ad;font-weight:800}
.abcon .des .iconfont{color:#ddd;float:right;font-size:240%;font-weight:100;line-height: 1.3}

.cframe{position: relative;padding:0;overflow:hidden;padding-bottom:142%;display: block;background: url(../../images/frame.jpg);background-repeat: no-repeat;height:0;width:100%;background-size: contain}

.cframe img{width:100%;height:100%;object-fit: contain;position: absolute;top:0;left:0;padding:2rem}



/*产品*/
.pro-layout{padding:8vh 0}
.hotform{padding-bottom:5vh;line-height: 3}
.hotform h3{margin:0}
.hotform button{background-color: #222a9d;color:#fff;border:none;padding:0 2rem;}
.hotform button:hover{background-color: #ff9900}
.hotform input{border:none;width:25vw;color:#aaa;padding:0 2rem}
.hotform form{padding:1rem 0;}
.hwords a{display: inline-block;margin:0 .5rem;color:#222a9d;}
.hwords a:hover{text-decoration: underline;}
.cates{flex-wrap:wrap;margin-left:-.5rem;margin-right:-.5rem}
.cates li span{font-size:320%;line-height: 1;font-weight:800;color:#fff;opacity: .8}
.cates li{width:25%;padding:.5rem;position: relative;}


.cates li a{display: block;background-color: rgba(34,52,157,0);height:calc(100% - 1rem);width:calc(100% - 1rem);padding:3rem;position: absolute;top:0.5rem;left:0.5rem;z-index:5}
.cates li a h6{margin:1rem 0;color:#fff}

.cates li .media-img{opacity: 1;}
.cates li:hover .media-img{opacity: 1}
.cates li a{background-color: rgba(34,52,157,.5);}
.cates li a:hover{background-color: rgba(34,52,157,.8);}
.cates li a:hover h6{color:#fff;}
.cates li a:hover span{}
.cases{padding-bottom:10vh}
.cases .left{width:50%}

.cases .left .casepics{height:100%;}
.cases .left .casepics img{object-fit: cover;width:100%;height:100%;}


.cases .right{width:50%;height:65vh;overflow:auto;padding:0 5%}
.swiper-img,.img-father{width:100%;height:100%}
.img-father{overflow:hidden;background-color: #000}
.casetxts li h5{margin:0;font-weight:400}
.casetxts .mActive h5{color:#222a9d;font-weight:800}
.casetxts li .iconfont{display: inline-block;line-height: 2em;height:2em;width:2em;font-size:130%;background-color: #eee;border-radius: 5em;text-align: center;transition: 600ms;-webkit-transition:600ms;

}
.casetxts .mActive .iconfont{color:#fff;background-color: #222a9d;}
.casetxts li .intxt{color:#999;font-size:80%;margin-top:1rem;clear:both;}
.casetxts li {border-bottom:1px solid #eee;padding:2rem }
.casetxts li > div:first-child{width:80%;}
.casetxts li > div:last-child{width:20%;text-align: center;}

@keyframes scals {
	0% {
		opacity: 1;
		transform: scale(1);
		transform-origin: center;
	}

	50% {
		opacity: 0.6;
		transform: scale(0.8);
		transform-origin: center;
	}

	100% {
		opacity: 1;
		transform: scale(1);
		transform-origin: center;
	}
}

.map{padding:10vh 0}
.ab2map {
	position: relative;padding:0
}

.ab2map .txtcon{position: absolute;left:0;right:0;bottom:20%}
.ab2map .txtcon > p{max-width:28vw;color:#555}
.ab2map .txtcon h2{margin:0}
.ab2map .txtcon .nums{margin-top:5rem}
.ab2map .txtcon .nums + .bd{border-bottom:3px solid #222a9d;display: inline-block;padding:0 4rem 1rem .5rem}
.am2bg {
	width: 75%;
	margin-left: 22%;
}

.am2bg img {
	display: block;
	width: 100%;
}

.ab2cv {
	position: absolute;
	left: 140px;
	bottom: 130px;
}

.ac2bt {
	color: #000000;
	font-size: 36px;
}

.ac2ms {
	display: block;
	color: #333333;
	font-size: 18px;
	margin-top: 10px;
}

.ac2sz {
	position: relative;
	color: #333333;
	font-size: 18px;
	margin-top: 60px;
	line-height: 1;
	padding-bottom: 30px;
}

.ac2sz strong {
	display: inline-block;
	vertical-align: sub;
	font-family: "DINPro-Regular";
	color: #333333;
	font-size: 116px;
	font-weight: normal;
}

.ac2sz:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 403px;
	height: 3px;
	background: #c9151e;
}

.am2dd {
	position: absolute;
	width: 58%;
	bottom: 11%;
	left: 32%;
	/*animation: scals 4s linear infinite;*/
}

.am2dd img {
	/*display: block;*/
	width: 100%;
	transition: 0.45s;
}

.am2dw {
	position: absolute;
	border-radius: 50%;
	background: rgba(34, 42, 157, .5);
	animation: scals 4s linear infinite;
}



.ad1 {
	width: 145px;
	height: 145px;
	top: 24%;
	left: 31%;
}

.ad2 {
	width: 86px;
	height: 86px;
	left: 37%;
	top: 53%;
}

.ad3 {
	width: 141px;
	height: 141px;
	left: 58%;
	top: 20%;
}

.ad4 {
	width: 141px;
	height: 141px;
	left: 57%;
	top: 41%;
}

.ad5 {
	width: 83px;
	height: 83px;
	left: 69%;
	top: 30%;
}

.ad6 {
	width: 86px;
	height: 86px;
	right: 22%;
	bottom: 39%;
}

.ad7 {
	width: 86px;
	height: 86px;
	right: 12%;
	bottom: 37%;
	background: rgba(34,42,157, .8);
}

.ad8 {
	width: 52px;
	height: 52px;
	right: 12%;
	bottom: 17%;
	background: rgba(34,42,157, .8);
}

.ad9 {
	width: 50px;
	height: 50px;
	right: 10%;
	bottom: 55%;
	background: rgba(34,42,157, .5);
}


/* 滚动条样式 */
	
::-webkit-scrollbar {
    width: 3px;
}
::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #222a9d;
}




/*人才*/
.talent2 > div{padding:10rem;}
.talent2 .bg-green{background-color: rgba(0,0,0,.6)}
.talent2 .bg-main{background-color: rgba(34,42,157,.8)}
.talent2{background-image: url(../../images/handshake.webp);background-size: cover;}
.talent2 .iconfont{font-size: 400%}
.talent3,.talent4{padding-bottom:10vh}
.talent4 .iconfont{font-size:300%;color:#222a9d;line-height: 140px;width:35%;margin-right:10%;border-right:1px solid rgba(0,0,0,.1);text-align:center;}
.talent4 .iconfont.icon-xiezilou,.talent4 .iconfont.icon-shehuijiuzhu{font-size:340%}
.talent4 .flex{justify-content: space-between;flex-wrap:wrap;margin:0 -.5rem}
.talent4 .flex > div{background: #fff;padding:2rem 1rem;padding-left:0;text-align: center;width:calc(33.33333333% - 1rem);margin:0 .5rem 1rem;display: flex;align-items: center;}
.talent4 .flex > div:hover .iconfont{color:#fff;border-right-color:rgba(255,255,255,.2)}
.talent4 .flex > div:hover {background-color:#222a9d;color:#fff;transform: translateY(-10px);}


/*服务*/
.service{background-image: url(../../images/jobbg.webp);background-size: cover;}

.service > div{width:20%;color:#fff;background-color: rgba(0,0,0,.5);border-right:1px solid rgba(255,255,255,.2)}
.service .iconfont{font-size:420%;line-height: 140px}
.service > div{padding:20vh 1rem;text-align: center;}
.service > div h5{margin-bottom:0}
.service > div h5+small{color:rgba(255,255,255,.6)}
.service.ppro{background-image: unset}
.service.ppro > div{color:unset;padding:5vh 1rem;background-color: unset;border-right:1px solid rgba(0,0,0,.1)}
.service.ppro > div h5+small{color:rgba(0,0,0,.3)}

.service2 img{width:52%;height:85vh;object-fit:cover;max-width:unset}
.service2 .itema img{float:right}
.service2 .item{position: relative;}
.service2 .item .container{position: absolute;left:0;right:0;top:50%;transform: translateY(-50%);


}

.service2 .item .container .con{width:40%}
.service2 .itemb .con{float:right}
.service2 p{margin-bottom:1rem}

/*产品列表*/
.product-list > div{width:calc(33.3333% - 2rem);margin:1rem;overflow:hidden;
background-color: #fff;
}
.product-list a .info,.repros a .info{padding:2rem;color:#999}
.product-list a .info h6,.repros a .info h6{margin:0 0 .5rem;color:#333}
.product-list > div:hover{transform: translateY(-10px);box-shadow: 0 15px 25px rgba(0,0,0,.2);
	background-color: #222a9d;}

.product-list > div:hover a .info,.product-list > div:hover a h6{color:#fff}

.repros  a:hover .info h6,.repros a:hover .info{color:#222a9d}


/*工程案例*/
.solution.flex,.joblist.flex,.product-list.flex{flex-wrap:wrap;}
.solution > div,.joblist > dl{width:calc(33.33333% - 2rem);margin:1rem;overflow:hidden;position: relative;}
.idxcase .swiper-slide{overflow:hidden;}
.solution .mask,.idxcase .mask{opacity: 0;position: absolute;color:#fff;left:0;top:50%;width:100%;height:100%;padding:2rem;transition: 600ms;-webkit-transition:600ms;}
.solution >div:hover .mask,.idxcase .swiper-slide:hover .mask{opacity: 1;background-color: rgba(0,0,0,.5);top:0}
.projects img{width:100%;height:100vh;object-fit: cover;}

/*人才*/
.joblist > dl{background-color: #fff;transition: 600ms;-webkit-transition:600ms}
.joblist > dl a{display: block;height:100%;}
.joblist a dt h5{color:#222a9d;margin:0;vertical-align: middle}
.joblist a dt h5 .iconfont{margin-right:1rem;font-weight:400;color:#999;font-size:140%;vertical-align: middle;}
.downs dt .iconfont{font-size:300%;margin-right:.5em;display:inline-block;opacity: .5}

.joblist a dt small{color:#999}
.joblist a dt,.joblist a dd{padding:2rem;font-weight:400;}
.joblist a .info {color:#999;border-top:1px solid rgba(0,0,0,.1);}

a .more3,.btn{background-color: #222a9d;color:#fff;padding:1rem 2rem;}

a:hover .more3,.btn:hover{background-color: #ff9900;}

.btn{border:none;border-radius:5px;padding:1em 3em}

.joblist a:hover dt h5,.downs a:hover dt .iconfont{color:#fff;}
.joblist a:hover .info{color:#fff;border-top-color:rgba(255,255,255,.1)}
.joblist dl:hover{transform: translateY(-10px);box-shadow: 0 15px 20px rgba(0,0,0,.1);background-color:#222a9d;}