/*
* name:Global && Pc StyleSheet
* version:v3.4.2
* update:添加百度地图容器样式；默认隐藏百度分享的触控弹层
* date:2017-08-11
*/
.row{width:101%;transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:''}.row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}.row>.span-1{width:7.33333333%}.row>.span-2{width:15.66666667%}.row>.span-3{width:24%}.row>.span-4{width:32.33333333%}.row>.span-5{width:40.66666667%}.row>.span-6{width:49%}.row>.span-7{width:57.33333333%}.row>.span-8{width:65.66666667%}.row>.span-9{width:74%}.row>.span-10{width:82.33333333%}.row>.span-11{width:90.66666667%}.row>.span-12{width:99%}.full-row{width:100%;transition:.2s width ease;*zoom:1}.full-row:before,.full-row:after{display:table;clear:both;content:''}.full-row>[class*='span']{float:left}.full-row>.span-1{width:8.33333333%;*width:8.22333333%}.full-row>.span-2{width:16.66666667%;*width:16.55666667%}.full-row>.span-3{width:25%;*width:24.89%}.full-row>.span-4{width:33.33333333%;*width:33.22333333%}.full-row>.span-5{width:41.66666667%;*width:41.55666667%}.full-row>.span-6{width:50%;*width:49.89%}.full-row>.span-7{width:58.33333333%;*width:58.22333333%}.full-row>.span-8{width:66.66666667%;*width:66.55666667%}.full-row>.span-9{width:75%;*width:74.89%}.full-row>.span-10{width:83.33333333%;*width:83.22333333%}.full-row>.span-11{width:91.66666667%;*width:91.55666667%}.full-row>.span-12{width:100%;*width:99.89%}.row>.pull-right,.full-row>.pull-right{float:right}.row>.center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.pull-left-1{position:relative;left:-8.33333333%}.pull-left-2{position:relative;left:-16.66666667%}.pull-left-3{position:relative;left:-25%}.pull-left-4{position:relative;left:-33.33333333%}.pull-left-5{position:relative;left:-41.66666667%}.pull-left-6{position:relative;left:-50%}.pull-left-7{position:relative;left:-58.33333333%}.pull-left-8{position:relative;left:-66.66666667%}.pull-left-9{position:relative;left:-75%}.pull-left-10{position:relative;left:-83.33333333%}.pull-left-11{position:relative;left:-91.66666667%}.pull-left-12{position:relative;left:-100%}.pull-right-1{position:relative;left:8.33333333%}.pull-right-2{position:relative;left:16.66666667%}.pull-right-3{position:relative;left:25%}.pull-right-4{position:relative;left:33.33333333%}.pull-right-5{position:relative;left:41.66666667%}.pull-right-6{position:relative;left:50%}.pull-right-7{position:relative;left:58.33333333%}.pull-right-8{position:relative;left:66.66666667%}.pull-right-9{position:relative;left:75%}.pull-right-10{position:relative;left:83.33333333%}.pull-right-11{position:relative;left:91.66666667%}.pull-right-12{position:relative;left:100%}
@media only screen and (max-width:1024px){.row>.midd-1{width:7.33333333%}.row>.midd-2{width:15.66666667%}.row>.midd-3{width:24%}.row>.midd-4{width:32.33333333%}.row>.midd-5{width:40.66666667%}.row>.midd-6{width:49%}.row>.midd-7{width:57.33333333%}.row>.midd-8{width:65.66666667%}.row>.midd-9{width:74%}.row>.midd-10{width:82.33333333%}.row>.midd-11{width:90.66666667%}.row>.midd-12{width:99%}.midd-hide{display:none}.midd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.midd-1{width:8.33333333%}.full-row>.midd-2{width:16.66666667%}.full-row>.midd-3{width:25%}.full-row>.midd-4{width:33.33333333%}.full-row>.midd-5{width:41.66666667%}.full-row>.midd-6{width:50%}.full-row>.midd-7{width:58.33333333%}.full-row>.midd-8{width:66.66666667%}.full-row>.midd-9{width:75%}.full-row>.midd-10{width:83.33333333%}.full-row>.midd-11{width:91.66666667%}.full-row>.midd-12{width:100%}}@media only screen and (max-width:992px){.row>.smidd-1{width:7.33333333%}.row>.smidd-2{width:15.66666667%}.row>.smidd-3{width:24%}.row>.smidd-4{width:32.33333333%}.row>.smidd-5{width:40.66666667%}.row>.smidd-6{width:49%}.row>.smidd-7{width:57.33333333%}.row>.smidd-8{width:65.66666667%}.row>.smidd-9{width:74%}.row>.smidd-10{width:82.33333333%}.row>.smidd-11{width:90.66666667%}.row>.smidd-12{width:99%}.smidd-hide{display:none}.smidd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.smidd-1{width:8.33333333%}.full-row>.smidd-2{width:16.66666667%}.full-row>.smidd-3{width:25%}.full-row>.smidd-4{width:33.33333333%}.full-row>.smidd-5{width:41.66666667%}.full-row>.smidd-6{width:50%}.full-row>.smidd-7{width:58.33333333%}.full-row>.smidd-8{width:66.66666667%}.full-row>.smidd-9{width:75%}.full-row>.smidd-10{width:83.33333333%}.full-row>.smidd-11{width:91.66666667%}.full-row>.smidd-12{width:100%}}@media only screen and (max-width:760px){.row>.smal-1{width:7.33333333%}.row>.smal-2{width:15.66666667%}.row>.smal-3{width:24%}.row>.smal-4{width:32.33333333%}.row>.smal-5{width:40.66666667%}.row>.smal-6{width:49%}.row>.smal-7{width:57.33333333%}.row>.smal-8{width:65.66666667%}.row>.smal-9{width:74%}.row>.smal-10{width:82.33333333%}.row>.smal-11{width:90.66666667%}.row>.smal-12{width:99%}.smal-hide{display:none}.smal-show{display:block}.smal-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}[class*='pull-left-'],[class*='pull-right-']{right:auto;left:auto}.full-row>.smal-1{width:8.33333333%}.full-row>.smal-2{width:16.66666667%}.full-row>.smal-3{width:25%}.full-row>.smal-4{width:33.33333333%}.full-row>.smal-5{width:41.66666667%}.full-row>.smal-6{width:50%}.full-row>.smal-7{width:58.33333333%}.full-row>.smal-8{width:66.66666667%}.full-row>.smal-9{width:75%}.full-row>.smal-10{width:83.33333333%}.full-row>.smal-11{width:91.66666667%}.full-row>.smal-12{width:100%}}

/*挂件分页样式*/
.util-page{ font-size:0; color: #000; text-align: center;}
.util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count { color: #000;display: inline-block;border: 1px solid #ededed;margin:10px 0;padding:5px 10px;vertical-align: middle;margin: 0 0 10px -1px;background: #fff; font-size:16px ;font-weight:normal; }
.util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#f8561c;}
.util-page span.gobutton,.util-page span.gobutton:hover { color:#000; background-color:#eee; }
.util-page .gobutton .ion{ font-size: .8em;}
.util-page .count { margin-left:10px; color:#000; background:none; border:none; }
.util-page span.jump{ background: none; color: #000;display: inline-block; margin: 0 7px; vertical-align: top;  }
.util-page span.jumpto,.util-page span.jumpto_text,.util-page span.jumpto_text{ background: none; border: none;color: #000; font-size: 14px; }
.util-page .jumpto_inp{ width: 40px; text-align: center; height: 37px; line-height: 37px; vertical-align: top; }

/*百度地图容器-默认高度45%，BdMapArea是防止在同屏版心下地图太大*/
.BdMapArea { margin:0 auto 55px; max-width:1200px; }
.BdMapWrapper { position:relative; width:100%; height:0; padding-bottom:45%; overflow:hidden; }
.BdMapWrapper .BdMapCon { position:absolute; top:0; left:0; width:100%; height:100%; }
@media only screen and (max-width:760px) {
	.BdMapArea { display:none; }
}

/*默认隐藏百度分享触控弹层*/
.bdshare_popup_box { display:none!important;}

/* 常量设置 */
html{font-size:100px;}

.wrap {width:17.3rem; margin-right:auto; margin-left:auto;}
.mwrap {width:18rem; margin-right:auto; margin-left:auto;}
/*对ie8设置最小宽度，防止页面错乱*/
/*for ie8*/
body{min-width:1240px\9; overflow-x:auto;}
/*for ie9+*/
@media all and (min-width:0){
	body{min-width:0; overflow-x:hidden;}
}
body{font-size:.16rem; line-height:1.6; color:#555; background:#fff;}
a{color:inherit;}
a:hover { color:#f8561c;}
::-moz-selection {color:#fff; background:#f8561c; }
::selection {color:#fff; background:#f8561c; }
::-webkit-input-placeholder { color:#aaa; } 
.placeholder { color:#aaa;}
/*css组件设置*/
.form-control, .input-group-addon, .btn{border-radius:2px; }
.form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

/* 网站样式 */
body #aff-im-root{display:none!important;}

/* 头尾框架 */
.header{background:rgba(255,255,255,.9); position:fixed; left:0; top:0; width:100%; z-index:20; box-shadow:0 0 15px rgba(0,0,0,.2);}
.header .h_logo{padding:14px 0 15px;}
.header .h_logo a{display:block;}
.header .h_logo a img{height:31px;}
.header .menu{float:right; margin-left:.2rem; height:31px; padding:14px 0 15px; cursor:pointer; display:none;}
.header .menu .icon{display:inline-block; width:31px; height:31px; background:url(../image/menu_orange.svg) no-repeat center; background-size:cover;}
.header .menu span{display:none;}
.header .h_tools{float:right; padding:11px 0; margin-left:1rem;}
.header .h_tools .h_search {margin-left:10px; width:36px; height:36px; border-radius:5px; line-height:36px; border:1px solid #000; color:#000; text-align:center;}
.header .h_tools .h_search i{vertical-align:top; margin:0;}
.header .h_tools .price{float:right; padding:0 .25rem; line-height:36px; font-size:13px; color:#fff; background:#000000; border-radius:5px; border:1px solid #000; margin-left:10px; transition:.3s ease;}
.header .h_tools .price:hover{background:#f8561c; border-color:#f8561c;}
.header .h_tools .phone{float:right; padding:0 .25rem; line-height:36px; font-size:13px; color:#000;  border-radius:5px; border:1px solid #000; margin-left:10px;}
.header .h_tools a:hover{background:#f8561c; color:#fff; border-color:#f8561c;}
.header .inav_wrapper{font-size:0;}
.header .inav_wrapper .nav_li{display:inline-block; padding:0 .33rem; color:#000}
.header .inav_wrapper .nav_li>a{display:block; line-height:31px; padding:14px 0 15px; font-size:15px;}
.header .inav_wrapper .nav_li .xl_down{position:absolute; left:0; top:100%; width:100%; background:rgba(255,255,255,.7); backdrop-filter:blur(30px); display:none; color:#000;}
.header .inav_wrapper .nav_li .xl_down ul{padding:15px 10%; display:flex; justify-content:center; align-items:center; line-height:35px;}
.header .inav_wrapper .nav_li .xl_down ul li{padding:0 .25rem;}
.header .inav_wrapper .nav_li .xl_down ul li a{display:block; padding:0 5px; color:#000; position:relative; font-size:14px;}
.header .inav_wrapper .nav_li .xl_down ul li a:before{content:''; width:100%; height:1px; background:#000; position:absolute; left:0; bottom:0; transform-origin:top right; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:transform; transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.5s; --tw-scale-x:0;}
.header .inav_wrapper .nav_li .xl_down ul li a:hover:before{--tw-scale-x:1; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform-origin:top left}
.header .inav_wrapper .nav_li .xl_down ul li{--tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1;}
.header .m_nav{display:none}

.channel_content{min-height:40vh; padding:.7rem 0;}

/* 底部 */
.pageFooter{background:#000; position:relative; z-index:5;}
.footer .footer_top{padding:.65rem 0 .45rem;text-align:center; border-bottom:1px solid rgba(0,0,0,.2);}
.footer .footer_top .list{display:inline-block; position:relative;}
.footer .footer_top .list ul{display:inline-block; margin-bottom:.55rem;}
.footer .footer_top .list li{display:inline-block; font-size:18px; margin:0 15px; line-height:30px; color:#fff;}
.footer .footer_top .list .f_pic{position:absolute; left:100%; top:0; width:1.62rem; margin-left:1rem;}
.footer .footer_top .f_share .iconfont{display:inline-block; width:.46rem; height:.46rem; border-radius:50%; color:#fff; border:2px solid #fff; font-size:.28rem; text-align:center; padding:0; margin:0; margin-right:.2rem; background:none; line-height:.46rem; float:none;}
.footer .footer_top .f_share .iconfont:hover{color:#f8561c; border-color:#f8561c;}
.footer .footer_top .f_share>*:last-child{margin-right:0;}
.footer .footer_top .bott{font-size:14px; line-height:.25rem; color:#fff;}
.footer .footer_bott{border-top:1px solid rgba(255,255,255,.2); padding:10px 0; line-height:.35rem; text-align:center; color:rgba(255,255,255,.4);}
.footer .footer_bott .left{display:inline-block;}
.footer .footer_bott .left a{display:inline-block; margin:0 5px;}
.footer .footer_bott .left a img{vertical-align:middle; display:inline-block; margin-right:3px;}
.footer .footer_bott .right{display:inline-block; margin-left:.1rem;}

/* 右侧导航 */
.right_nav{position:fixed; /*right:16px;*/ right:0; bottom:.32rem; width:44px; z-index:19;}
.right_nav .service{width:44px; border:0; color:#fff; border-radius:4px; background-image:-webkit-gradient(linear, left top, left bottom, from(#000), to(#000)); background-image:-o-linear-gradient(#000, #000); background-image:linear-gradient(#000, #000); font-size:14px; padding:4px 5px 10px; -webkit-box-shadow:0 4px 8px rgba(0, 91, 172, 0.24); box-shadow:0 4px 8px rgba(0, 91, 172, 0.24); cursor:pointer;}
.right_nav .service i{display:block; color:currentColor; font-size:20px; margin-bottom:2px; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.right_nav .service span{ display:block; line-height:1.3; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.right_nav .service:hover i{-webkit-transform:translateY(-4px); -ms-transform:translateY(-4px); transform:translateY(-4px); opacity:0;}
.right_nav .service:hover span{-webkit-transform:translateY(-14px); -ms-transform:translateY(-14px); transform:translateY(-14px);}
.right_nav .item{margin-top:8px; width:44px; background-color:#fff; border-radius:4px; -webkit-box-shadow:0 4px 8px rgba(0, 0, 0, 0.1); box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);}
.right_nav .item .nav_btn{box-sizing:border-box; display:block; text-align:center; padding:0 5px; text-decoration:none; width:100%; height:44px; font-size:12px; color:#080808; border:0; background-color:transparent; border-radius:4px; overflow:hidden; cursor:pointer;}
.right_nav .item .nav_btn i{display:block; font-size:20px; height:44px; line-height:40px; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.right_nav .item .nav_btn span{display:block; font-size:12px; height:44px; line-height:1.3; padding-top:.06rem; -webkit-transform:translate(0, -0.38rem); -ms-transform:translate(0, -0.38rem); transform:translate(0, -0.38rem); opacity:0; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.right_nav .item .nav_btn:hover i{-webkit-transform:translate(0, -5px); -ms-transform:translate(0, -5px); transform:translate(0, -5px); opacity:0;}
.right_nav .item .nav_btn:hover span{-webkit-transform:translate(0, -0.45rem); -ms-transform:translate(0, -0.45rem); transform:translate(0, -0.45rem); opacity:1;}
.right_nav .item_more{visibility:hidden; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -webkit-transform:translate(0, 6px); -ms-transform:translate(0, 6px); transform:translate(0, 6px); opacity:0;}
.right_nav .item_more.hasGo{-webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); opacity:1; visibility:visible;}
.right_nav .item_more.hasGo{-webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); opacity:1; visibility:visible;}
.right_nav .popup{display:none; position:absolute; bottom:0; right:44px; padding-right:8px}
.right_nav .popup.hasGo{display:block;}
.right_nav .popup .box{display:block; width:192px; min-height:200px; background-color:#fff; border-radius:4px; padding:.24rem; -webkit-box-shadow:0 4px 16px rgba(0, 0, 0, 0.16); box-shadow:0 4px 16px rgba(0, 0, 0, 0.16)}
.right_nav .popup.kefu_pup .box{width:330px; padding:0;}
.right_nav .popup .area{padding-bottom:.24rem; border-bottom:1px solid #f0f0f0; margin-bottom:.24rem;}
.right_nav .popup .title{font-size:14px; line-height:20px; margin-bottom:14px;}
.right_nav .popup .title i{margin-right:5px; font-size:20px;}
.right_nav .popup .tips{font-size:12px; text-align:center; margin:-6px 0;}
.right_nav .popup .box .cont{display:-ms-flexbox; display:flex; width:100%; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center;}
.right_nav .popup .box .cont .img_box{width:100%; text-align:center;}
.right_nav .popup .box .cont .img_box img{display:block; width:100%; height:auto;}
.right_nav .popup .box .cont .img_box .title{display:block; font-size:12px; margin-bottom:0;}
.right_nav .popup .box .con{text-align:center;}
.right_nav .popup .box .con a{display:block; width:100%; height:33px; background-color:#000; font-size:14px; color:#fff!important; border-radius:4px; line-height:33px; text-decoration:none; cursor:pointer;}
.right_nav .popup .box .con a:hover{background:#f8561c; color:#000!important;}
.right_nav .popup .more_btn{font-size:12px; text-align:center; color:#fff; background-color:#000; line-height:31px; height:33px; width:100%; border-radius:.06rem; border:1px solid transparent; margin-bottom:8px; cursor:pointer;}
.right_nav .popup .more_btn a{color:#fff; display:block;}
.right_nav .popup .more_btn:hover{background:#f8561c; color:#000;}
.right_nav .popup .more_btn a:hover{color:#fff;}
.right_nav .popup .more_btn:last-child{margin-bottom:0;}
.right_nav .popup .more_btn.btn02{border:1px solid #080808; color:#080808; background-color:transparent;}
/* 右侧导航 end */


/* 公共字号 */
.tit84{font-size:.84rem; line-height:1.3; font-weight:bold;}
.tit64{font-size:.64rem; line-height:1.3; font-weight:bold;}
.tit42{font-size:.42rem; line-height:1.3;}
.tit36{font-size:.36rem; line-height:1.3;}
.tit20{font-size:.2rem; line-height:.3rem;}
.con16{font-size:.16rem; line-height:.3rem;}

/* 下层banner */
.xc_banner{position:relative; height:5.6rem; overflow:hidden;}
/* .xc_banner:after{content:''; width:100%; height:100%; background:rgba(0,0,0,.6); position:absolute; left:0; top:0;} */
.xc_banner>img{position:absolute; left:50%; top:0; height:100%; margin-left:-9.6rem; width:19.2rem; max-width:none;}
.xc_banner>video{position:absolute; width:100%; height:100%; object-fit:cover; left:0;top:0; max-width:none;}
.xc_banner.has_video>img{display:none; position:static; left:0; margin-left:0; width:100%; height:100%; object-fit:cover;}
.xc_banner .intro{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); z-index:2;}
.xc_banner .intro .tit{color:#fff; font-weight:normal; text-align:center;}
.xc_banner .crumbs{position:absolute; bottom:.2rem; left:0; width:100%; color:#fff; font-weight:normal; text-align:right; z-index:2;}
.xc_banner .crumbs .box{display:inline-block; text-align:left; font-size:0; }
.xc_banner .crumbs .box>*{display:inline-block; vertical-align:middle; font-size:.16rem; line-height:.3rem; font-weight:normal;}
.xc_banner .crumbs .box .home{width:.16rem; height:.16rem; line-height:normal;}
.xc_banner .crumbs .box .home img{height:100%;}
.xc_banner .crumbs .box .iconfont{margin:0; font-size:.24rem; line-height:1;}


/* 标题 | 标题 */
.common_infor{position:relative;}
.common_infor .tit{font-weight:bold; color:#f8561c;;}
.common_infor .tit span{color:#fff; display:inline-block; position:relative; margin-right:.17rem; padding-right:.17rem;}
.common_infor .tit span:after{content:''; width:1px; height:.4rem; background:#C8C8C8; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.common_infor.black .tit span{color:#000;}
.common_infor .con{color:#888; margin-top:9px;}


/* 公共圆圈 */
.commonRight{position:relative; cursor:pointer; }
.commonRight .layer-btn .iconfont{font-size:.2rem; line-height:1; margin:0; font-weight:bold; display:block; color:#f8561c;}
.commonRight .layer-btn>svg{animation:jump_dot 1s cubic-bezier(.56,.01,.46,1) infinite alternate}
@keyframes jump {
    0% { transform: translateY(4px); }
    to { transform: translateY(-4px); }
}
@keyframes jump_dot {
    0% { transform: translateY(1px); }
    to { transform: translateY(-3px); }
}
@keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    to { -webkit-transform: rotate(1turn); transform: rotate(1turn); }
}
@keyframes circleRotateReverse {
    0% { -webkit-transform: rotate(1turn); transform: rotate(1turn);}
    to { -webkit-transform: rotate(0); transform: rotate(0); }
}
@keyframes circleRotate {
    0% { -webkit-transform: rotate(0); transform: rotate(0); }
    to { -webkit-transform: rotate(1turn); transform: rotate(1turn); }
}

.commonRight .layer-btn{width:.8rem; height:.8rem; border-radius:50%; position:relative; cursor:pointer; pointer-events:auto; display:flex; flex-direction:column; align-items:center; justify-content:center}
.commonRight .layer-btn .mask>svg{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
.commonRight .layer-btn .mask{position:absolute; left:-.3rem; top:-.3rem; width:calc(100% + .6rem); pointer-events:none; height:calc(100% + .6rem); background-size:cover}
.commonRight .layer-btn .mask>.lazy{position:absolute; display:block; top:0; left:0; bottom:0; right:0; margin: uto; width:100%; height:100%; background-size:cover; -webkit-animation-name:spin; animation-name:spin; -webkit-animation-duration:4s; animation-duration:4s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-timing-function:linear; animation-timing-function:linear}
.commonRight .layer-btn .mask>svg{width:calc(100% - .55rem); height:calc(100% - .55rem)}
.commonRight .layer-btn .mask>svg path{transform-origin:50% 50%}
.commonRight .layer-btn .mask>svg .p1{animation:circleRotate 4s linear infinite}
.commonRight .layer-btn .mask>svg .p2{animation:circleRotateReverse 4s linear infinite}
.commonRight .layer-btn .mask>svg.cm{opacity:1; transition:opacity .5s}
.commonRight .layer-btn .mask>svg.cr{opacity:0; transition:opacity .5s}
.commonRight .layer-btn .mask.noArrow:after{opacity:0}
.commonRight .layer-btn i{color:#fff}
.commonRight .layer-btn>svg{width:8px; display:block; margin-top:5px}
.commonRight .layer-btn:hover .mask>svg.cm{opacity:0}
.commonRight .layer-btn:hover .mask>svg.cr{opacity:1}

/* 公共按钮 */
.commonBtn_box{font-size:0;}
.commonBtn_box a{display:inline-block; padding:0 .54rem; height:.36rem; line-height:.36rem; font-size:15px; font-weight:normal; border-radius:4px; text-align:center;background:#f8561c; color:#fff;}
.commonBtn_box a:hover{background:rgba(248, 86, 28,.9);}
.commonBtn_box a.white{background:#fff; color:#000;}
.commonBtn_box a.white:hover{background:rgba(255,255,255,.9);}
.commonBtn_box a.black{background:#000; color:#fff;}
.commonBtn_box a.black:hover{background:rgba(0,0,0,.8);}
/* 公共按钮 end*/



/* xc_nav */
.xc_nav{border-bottom:1px solid #E3E3E3;}
.xc_nav ul{display:flex; justify-content:center;}
.xc_nav li{padding:0 .3rem; position:relative}
.xc_nav li a{display:block; padding:15px 0; line-height:38px; font-size:15px; position:relative;}
.xc_nav li:after{content:''; width:1px; height:16px; background:#e3e3e3; position:absolute; right:0; top:50%; margin-top:-8px;}
.xc_nav li:last-child:after{display:none;}
.xc_nav li.cur a{color:#f8561c;}
.xc_nav li.cur a:before{content:''; width:100%; height:1px; background:#f8561c; position:absolute; left:0; bottom:-1px;}

/* 快捷链接方式 */
.quick_link{padding:35px 0; background:url(../image/quick_link_bg.jpg) no-repeat center/cover;}
.quick_link .content{display:flex; align-items:center; justify-content:space-between;}
.quick_link .right{width:170px; text-align:center; color:#fff; flex-shrink:0;}
.quick_link .right .t{margin-top:8px;}
.quick_link .left{color:#fff;}
.quick_link .left .title{margin-bottom:35px; font-size:23px;}
.quick_link .left li{display:inline-block; vertical-align:text-top; margin-right:85px; font-size:0; white-space:nowrap;}
.quick_link .left li .item{margin-bottom:5px;}
.quick_link .left li .iconfont{font-size:20px; line-height:1; margin-right:10px;}
.quick_link .left li .line{display:inline-block; vertical-align:middle;}
.quick_link .left li .line a:hover{color:#fff;}


/* 解决方案 */
/* 动画 */
.solu_banner.xc_banner .info .tit,
.solu_banner.xc_banner .info .con,
.solu_banner.xc_banner .info .commonBtn_box,
.solu_banner.xc_banner .img_ .img1,
.solution .common_infor,
.solution01 .content li,
.solution03 .content li{animation-name:fadeInUp; animation-delay:.3s;}
/* 动画 end*/
.solu_banner.xc_banner{height:9.2rem;}
.solu_banner.xc_banner:after{display:none;}
.solu_banner.xc_banner .intro .wrap{display:flex; align-items:center; justify-content:space-between;}
.solu_banner.xc_banner .info{width:37%; float:left;}
.solu_banner.xc_banner .info .tit{font-weight:bold; text-align:left;}
.solu_banner.xc_banner .info .tit span{display:block}
.solu_banner.xc_banner .info .con{font-size:.18rem; line-height:.28rem; color:#fff; margin-top:.2rem;}
.solu_banner.xc_banner .info .commonBtn_box{margin-top:.9rem;}
.solu_banner.xc_banner .img_{float:right; width:50%; position:relative;}
.solu_banner.xc_banner .img_ .img2{position:absolute; right:0; bottom:0; animation-name:fadeInRight; animation-delay:.5s;}
.solution.channel_content{padding:0;}

.solution01{background:url(../image/solu01_1.jpg) no-repeat  50% 0 fixed; background-size:cover; padding:1rem 0; box-sizing:border-box; height:9.5rem;}
.solution01 .infor .scroll_icon{width:.98rem; height:.98rem; display:flex; display:-moz-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:-moz-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; -webkit-box-align:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; -webkit-align-items:center; align-items:center; -webkit-box-pack:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; -webkit-justify-content:center; justify-content:center; position:absolute; right:0; top:0;}
.solution01 .infor .scroll_icon::before{content:''; width:100%; height:100%; border:1px dashed #fff; border-radius:50%; position:absolute; top:0; left:0; animation:rotate 8s linear infinite;}
@keyframes rotate{
        0%{-webkit-transform:rotate(0deg);}
        25%{-webkit-transform:rotate(90deg);}
        50%{-webkit-transform:rotate(180deg);}
        75%{-webkit-transform:rotate(270deg);}
        100%{-webkit-transform:rotate(360deg);}
}
.solution01 .content {margin-top:0;}
.solution01 .content li{width:26.5%; margin-right:5.2%; float:left; padding-top:1rem;}
.solution01 .content li:nth-child(3n){margin-right:0;}
.solution01 .content li .logo{padding-bottom:.3rem; border-bottom:1px solid rgba(255,255,255,.4);}
.solution01 .content li .logo img{height:39px;}
.solution01 .content li .text{font-size:15px; line-height:20px; padding-top:.22rem; color:#fff;}
.solution02{padding:90px 0;}
.solution02 .content li{height:500px; position:sticky; top:calc(50vh - 290px); border-radius:15px; margin-bottom:.2rem; background:linear-gradient(149deg, #CDF 0%, #F3F9FF 59.55%, #E0E7FA 97.73%);}
.solution02 .content li .box{display:flex; align-items:center; justify-content:space-between; padding:.5rem 1rem;}
.solution02 .content li .img{width:42.2%; flex-shrink:0; mix-blend-mode:darken;}
.solution02 .content li .words_box{width:46.3%;}
.solution02 .content li .words_box .intro{margin-bottom:.25rem; color:#000;}
.solution02 .content li .words_box .t{margin-bottom:.2rem; font-weight:normal;}
.solution02 .content li .words_box .c{text-align:justify; line-height:.24rem;}
.solution02 .content li .words_box .key_words a{display:inline-block; vertical-align:text-top; margin-right:5px; color:#f8561c; line-height:32px; border:1px solid #f8561c; padding:0 .2rem; border-radius:5px; margin-bottom:7px;}
.solution02 .content li .words_box .key_words a:hover{background:#f8561c; color:#fff;}
.solution02 .content li .words_box .more_btns{margin-top:.2rem; display:inline-block; line-height:36px; color:#fff; font-weight:normal; background:#000; padding:0 40px; border-radius:5px;}
.solution02 .content li .words_box .more_btns:hover{background:#f8561c;}
.solution02 .content li:nth-child(odd){background:linear-gradient(149deg, #D4E5FF 0%, #F3F9FF 59.55%, #E9FBFF 97.73%);}
.solution02 .content li:nth-child(even){background:linear-gradient(149deg, #E0F5FA 0%, #F3F9FF 59.55%, #CDF 97.73%);}
.solution03{background:#F6F6F6; padding:.9rem 0;}
.solution03 .content{margin-top:.7rem;}
.solution03 .content ul{overflow:hidden;}
.solution03 .content li{width:23.8%; margin-right:1.6%; margin-bottom:45px; border-bottom:1px solid #dedede; float:left;}
.solution03 .content li:nth-child(4n){margin-right:0;}
.solution03 .content li .img{border-radius:10px; overflow:hidden;}
.solution03 .content li .rect-6241{padding-bottom:56.25%;}
.solution03 .content li .words{padding:.24rem 0; display:flex; align-items:center; justify-content:space-between;}
.solution03 .content li .words .jt{width:37px; height:37px; flex-shrink:0; background:url(../image/solution03_jt.png) no-repeat center/cover; mix-blend-mode:darken;}
.solution03 .content li .words .name{width:calc(100% - 40px); font-size:.22rem; line-height:25px; color:#000; transition:.5s ease}
.solution03 .content li:hover .words .name{color:#f8561c;}
.solution03 .content .commonBtn_box{text-align:center; margin-top:20px;}

/* 新闻列表 */
.news_list01 .hd{font-size:0; margin-bottom:40px;}
.news_list01 .hd .item{font-size:30px; font-weight:normal; line-height:40px; color:#888; display:inline-block; padding:0 35px; position:relative;}
.news_list01 .hd .item:before{content:''; width:1px; height:32px; background:#E5E5E5; position:absolute; left:0px; top:50%; margin-top:-16px;}
.news_list01 .hd .item:first-child{padding-left:0;}
.news_list01 .hd .item:first-child:before{display:none;}
.news_list01 .hd .item.cur{color:#000;}
.news_list01 .bd{width:48%; margin:0 auto; background:#f6f6f6;}
.news_list01 .bd form{width:100%; position:relative;}
.news_list01 .bd .top_sel{width:16%; float:left; color:#222; font-size:14px; line-height:26px; position:relative; box-sizing:border-box; padding:15px 0;}
.news_list01 .bd .top_sel:after{content:''; width:1px; height:25px; background-color:#ccc; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.news_list01 .bd .inp_box{width:68%; float:left; position:relative}
.news_list01 .bd .top_inp{border:none; background:transparent; padding:0; text-indent:15px; font-size:14px; color:#000; height:26px; line-height:26px; padding:15px 0; width:calc(100% - 80px);}
.news_list01 .bd .top_inp::-webkit-input-placeholder{font-size:14px; color:#777; text-indent:15px;}
.news_list01 .bd .top_inp::-moz-placeholder{font-size:14px; color:#777; text-indent:15px;}
.news_list01 .bd .top_inp:-moz-placeholder{font-size:14px; color:#777; text-indent:15px;}
.news_list01 .bd .top_inp:-ms-input-placeholder{font-size:14px; color:#777; text-indent:15px;}
.news_list01 .bd .top_btn{width:56px; height:100%; border-radius:5px; border:1px solid #777; background:transparent; position:absolute; right:0; top:0; cursor:pointer; box-sizing:border-box;}
.news_list01 .bd .top_btn::after{content:''; width:20px; height:20px; background:url(404.png) no-repeat center; background-size:cover; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.news_list01 .bd .top_sel>span{position:relative; display:block; cursor:pointer; box-sizing:border-box; padding:0 30px;}
.news_list01 .bd .top_sel>span::after{content:''; width:8px; height:8px; background:url(404.png) no-repeat center; background-size:cover; position:absolute; right:0.2rem; top:50%; transform:translate(0,-50%);}
.news_list01 .bd .top_sel .sel_down{width:100%; padding:0 30px; box-sizing:border-box; position:absolute; left:0; top:100%; background:#fff; z-index:2;; box-shadow:0px 7px 15px 0px rgb(0 0 0 / 10%); max-height:210px; overflow:auto;  border-radius:5px; display:none;}
.news_list01 .bd .top_sel .sel_down ul{padding:5px 0;}
.news_list01 .bd .top_sel .sel_down li{cursor:pointer; line-height:30px; color:#000; transition:.5s ease;}
.news_list01 .bd .top_sel .sel_down li:hover{color:#f8561c;}
.news_list01 .bd .top_sel .sel_down::-webkit-scrollbar{width:2px; height:4px;}
.news_list01 .bd .top_sel .sel_down::-webkit-scrollbar-thumb{background:#f8561c;}
.news_list01 .bd .top_sel .sel_down::-webkit-scrollbar-track{background:#f6f5f5;}
.news_list02{margin-top:55px;}
.news_list02 .rect-5434{padding-bottom:54.34%;}
.news_list02 li{float:left; width:23.5%; margin-right:2%; margin-bottom:39px; border:1px solid #eaeaea; border-radius:10px; box-sizing:border-box;overflow:hidden; position:relative; font-weight:normal;}
.news_list02 li:nth-child(4n){margin-right:0;}
.news_list02 li .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); min-width:100%; min-height:100%; /*max-width:none*/; transition:all .5s ease;}
.news_list02 li .words{padding:25px 5% 50px;}
.news_list02 li .words .infor .d{font-size:14px; line-height:1; color:#888888; margin-bottom:12px;}
.news_list02 li .words .infor .tit{font-size:.2rem; line-height:30px; height:64px; color:#000000; margin-bottom:.3rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_list02 li .words .more_btn{position:absolute; font-size:13px; width:130px; height:35px; line-height:35px; transition:all 0.8s; background:#000; border-radius:5px; color:#fff; text-align:center; margin-top:50px;}
.news_list02 li .words .infor .con{font-size:16px; line-height:26px; color:#888888; height:52px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding-top:.3rem; border-top:1px solid #cdcdcd; background:transparent; transition:all 0.8s; transform:translateY(50%); opacity:0;}
.news_list02 li:hover .img img{transform:translate(-50%,-50%) scale(1.02);}
.news_list02 li:hover .words .infor .con{transform:translateY(0); opacity:1;}
.news_list02 li:hover .words .more_btn{opacity:0; transform:rotateX(-90deg); z-index:-1;}
.news_list02 li:hover .words .infor .tit{color:#f8561c;}
.news_list02 li a{display:block; position:relative;}
.news_list02 li a:after{content:''; width:130px; height:130px; background:url(../image/news_list02_1.png) no-repeat center; background-size:cover; position:absolute; left:50%; margin-left:-65px; bottom:35px; transition:.5s ease; opacity:0; visibility:hidden; transform:translateY(20px);}
.news_list02 li a:hover:after{opacity:1; visibility:visible; transform:translateY(5px)}
/* page-1 start*/
.page{font-size:12px; color:#777777; text-align:center; margin-top:.4rem;}
.page a,.page span {color:#000; display:inline-block; height:50px; line-height:50px; border:1px solid #ededed; font-size:.16rem; font-weight:bold; padding:0 16px; vertical-align:middle;margin:0 0 10px -1px;background:#f8f8f8;}
.page .count {margin-left:10px;}
.page a:hover,.page span{color:#fff; background:#f8561c;}
.page span.goprev,.page span.gonext {color:#777777; background:none}
.page span.count {border:0;background:0;color:#777777;}
.page a .iconfont{color:#f8561c;font-size:20px; line-height:20px;}
.page a:hover .iconfont{color:#fff;}
@media only screen and (max-width:760px){
  .page{padding:0 4%;}
  .page a, .page span{font-size:14px; line-height:40px; height:40px;}
  .page a .iconfont{margin:0;}
}

/* 新闻详细 */
.news_detail{background:#f2f2f2;}
.news_detail01 .left{width:73%; float:left; background:#fff;}
.news_detail01 .left .box{background:#fff; padding:.6rem;}
.news_detail01 .left .box .news_tit{font-size:26px; line-height:35px; color:#000; margin-bottom:.3rem; text-align:center;}
.news_detail01 .left .box .news_tools{color:#c4c4c4; font-size:.16rem; margin-bottom:.3rem;}
.news_detail01 .left .box .news_tools span{margin-right:20px;}
.news_detail01 .left .box .news_tools .switcher{display:inline-block;}
.news_detail01 .left .myart{line-height:2; min-height:200px; font-size:14px; color:#343434;}
.news_detail01 .left .myart img{display:inline-block; margin-right:.2rem;}
.news_detail01 .right{width:23%; float:right; padding-top:.1rem;}
.news_detail01 .right .go_back{display:block; font-size:.2rem; font-weight:normal; font-weight:bold; 
  color:#676767; height:26px; line-height:26px; padding:.2rem .4rem .2rem 0; text-align:left;}
.news_detail01 .right .go_back .iconfont{font-weight:normal; vertical-align:0;}
.news_detail01 .right .news_change {background:#fff; padding:.35rem;}
.news_detail01 .right .news_change ul{overflow:hidden;}
.news_detail01 .right .news_change li{margin-bottom:.3rem;}
.news_detail01 .right .news_change li:last-child{margin-bottom:0;}
.news_detail01 .right .news_change ._t{color:#000; font-size:.22rem; position:relative; margin-bottom:15px;}
.news_detail01 .right .news_change ._t:after{content:''; position:absolute; height:1px; width:100%; background:#f2f2f2; top:.2rem; right:-90px;}
.news_detail01 .right .news_change ._time{color:#c0c0c0; font-size:13px; margin-bottom:.15rem;}
.news_detail01 .right .news_change ._tit{font-size:.17rem;  color:#5a5a5a; font-weight:normal; transition:.5s ease;}
.news_detail01 .right .news_change ._tit:hover{color:#f8561c;}

/* 案例 */
.case01 .infor .sign{font-size:.2rem; line-height:26px; color:#f8561c; margin-bottom:.07rem;}
.case01 .infor .sign span{font-size:20px; text-transform:capitalize; color:#888; font-family:Arial; margin-left:.1rem; display:inline-block;}
.case01 .infor .info .tit{float:left; color:#000; width:41%; border-right:1px solid #DFDFDF; padding-right:6.3%;}
.case01 .infor .info .con{width:45%; padding-top:5px; float:right; margin-right:5%; font-size:.2rem; line-height:30px; color:#000;}
.case01 .infor .info .con .con_link{margin-top:.2rem;}
.case01 .infor .info .con .con_link a{color:#f8561c;}
.case01 .infor .info .con .con_link a i{display:inline-block; margin-right:.1rem;}
.case01 .content{margin-top:.7rem;}
.case01 .content .hd {font-size:0; margin-bottom:60px; display:flex;}
.case01 .content .hd .item{display:inline-block; width:177px; height:48px; line-height:48px; border:1px solid #DFDFDF; border-radius:.5rem; text-align:center; font-size:.16rem; color:#888; transition:0.5s ease; cursor:pointer; margin-right:.1rem;}
.case01 .content .hd .item.cur{border-color:#f8561c; background:#f8561c; color:#fff;}
.case01 .content .hd .item.cur a:hover{color:#fff;}
.case01 .content .bd .li_{width:23.5%; float:left; margin-right:2%; position:relative; margin-bottom:30px; border-bottom:1px solid #E3E3E3;}
.case01 .content .bd .li_four{margin-right:0;}
.case01 .content .bd .li_ .words{padding:.2rem 0;}
.case01 .content .bd .li_ .words .intro .t{font-size:.22rem; line-height:25px;; color:#000; margin-bottom:.1rem; position:relative}
.case01 .content .bd .li_ .words .intro .t span{display:block}
.case01 .content .bd .li_ .words .intro .c{font-size:.16rem; line-height:26px; height:52px; color:#888; margin-bottom:.15rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.case01 .content .bd .li_ .words .intro .sign{height:74px;}
.case01 .content .bd .li_ .words .intro .sign span{display:inline-block; font-size:14px; color:#f8561c; padding:0 20px; line-height:30px; background:#F1F1F1; border-radius:20px; margin-top:7px;}
.case01 .content .bd .li_::after{content:''; width:0; height:1px; background:#f8561c; position:absolute; left:0; bottom:-1px; transition:0.5s ease;}
.case01 .content .bd .li_:hover::after{width:100%;}



/* 首页 */
.ibanner{position:relative; height:100vh; overflow:hidden; cursor:none!important;}
.ibanner .swiper-container{height:100%;}
.ibanner .swiper-slide .img_box{height:100%;}

.ibanner .swiper-slide .img_box video, 
.ibanner .swiper-slide .img_box img{width:100%; height:100%; object-fit:cover; position:relative;}

.ibanner .swiper-slide .words_box{position:absolute; top:48%; left:0; width:100%; transform:translateY(-50%); color:#fff; z-index:5;}
.ibanner .swiper-slide .words_box .logo_box>div{display:inline-block; vertical-align:middle;}
.ibanner .swiper-slide .words_box .logo_box .my{position:relative; padding-right:.25rem; margin-right:.2rem; border-right:1px solid rgba(255,255,255,.4);}
.ibanner .swiper-slide .words_box .logo_box img{max-height:.35rem; display:block; height:auto;}
.ibanner .swiper-slide .words_box .infor{/*width:40.5%;*/ width:auto; display:inline-block; margin-top:.65rem; cursor:context-menu!important;;}
.ibanner .swiper-slide .words_box .infor .con{font-weight:bold; margin-top:.1rem;}
.ibanner .swiper-container .swiper-pagination{bottom:0; font-size:0; padding:.1rem 0 .35rem; cursor:pointer!important;}
.ibanner .swiper-container .swiper-pagination .swiper-pagination-bullet{width:.12rem; height:.12rem; background:#fff; opacity:1; margin:0 5px;}
.ibanner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f8561c;}

/* 按钮 */
.ibanner .cursor{pointer-events:none; border-radius:50%; position:fixed; top:0; left:0;}
.ibanner .cursor--inner{width:.86rem; height:.86rem; z-index:1100; opacity:0; background-color:#fff; -ms-flex-pack:center; justify-content:center; -ms-flex-align:center; align-items:center; display:-ms-flexbox; display:flex; transform-origin: 18% 18%;}
.ibanner .cursor--inner>.arrow{width:.38rem; opacity:0; height:.38rem; transition:opacity .5s ease-in-out,transform .5s cubic-bezier(.53,.52,.25,.99); transform:scale(.5) rotate(90deg)}
.ibanner .cursor--inner>.arrow i{color:#000; font-size:.38rem; line-height:1;}
.ibanner .cursor--inner.left{z-index:1201}
.ibanner .cursor--inner.left>.arrow{opacity:1; transform:scale(1) rotate(0)}
.ibanner .cursor--inner.right{z-index:1201}
.ibanner .cursor--inner.right>.arrow{opacity:1; transform:rotate(180deg) scale(1)}

/* 小手 */
.ibanner .group{position:absolute; bottom:.35rem; right:4.9%; z-index:5; color:#fff; text-align:right; cursor:auto!important;}
.ibanner .group .box{display:inline-block; margin-top:.1rem;}
.ibanner .group .btns{height:.45rem; white-space:nowrap; -ms-flex-pack:start; justify-content:flex-start; -ms-flex-align:center; align-items:center; display:-ms-flexbox; display:flex; position:relative; cursor:pointer; background-color:rgba(255,255,255,.8); border-radius:.3rem; padding:0 .25rem; transition:transform .3s ease-in-out,background-color .3s ease-in-out; color:#000; width:auto;}
.ibanner .group .btns .hand{height:.28rem; transform-origin:70% 80%; margin-left:.15rem; animation:.6s ease-in-out infinite alternate handMove}
@keyframes handMove {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-20deg)
    }
}

.ipart01{margin-top:1.05rem; overflow:hidden;}
.ipart01 .top{position:relative;}
.ipart01 .top .infor{max-width:calc(100% - 2rem);}
.ipart01 .top .commonRight{position:absolute; top:0.3rem; right:.3rem;}
.ipart01 .bott{margin-top:.35rem; font-size:0;}
.ipart01 .bott .name_box .item{font-size:.18rem; line-height:.2rem; padding-bottom:.15rem; position:relative; display:inline-block; vertical-align:text-top; margin-right:.7rem; cursor:pointer; color:#595959; transition:all .3s ease;}
.ipart01 .bott .name_box .item:last-child{margin-right:0;}
.ipart01 .bott .name_box .item::after{content:''; position:absolute; bottom:0; left:0; height:1px; width:100%; background:#f8561c; transition:transform .55s cubic-bezier(0.165,0.84,0.44,1); transform-origin:right; transform:scaleX(0);}
.ipart01 .bott .name_box .item.cur{font-weight:bold; color:#000000;}
.ipart01 .bott .name_box .item.cur::after{transform-origin:left; transform:scaleX(1);}
.ipart01 .bott .cont{width:67.7%; margin:0.55rem auto 0; position:relative;}
.ipart01 .bott .cont .swiper-container{overflow:visible;}
.ipart01 .bott .cont .swiper-slide{border-radius:.1rem; overflow:hidden; opacity:.6;}
.ipart01 .bott .cont .rect-4782{padding-bottom:47.82%;}
.ipart01 .bott .cont .cover{position:absolute; bottom:10%; left:5%; width:90%; color:#fff; opacity:0; visibility:hidden; transition:all .3s ease;}
.ipart01 .bott .cont .cover .tit{font-weight:bold; margin-bottom:5px;}
.ipart01 .bott .cont .cover .btns_box{margin-top:.3rem;}
.ipart01 .bott .cont .cover .btns_box a{background:none; border:2px solid #fff; width:auto; min-width:1.5rem; text-align:center; padding:0 .2rem;  margin-right:.15rem; margin-bottom:.1rem;}
.ipart01 .bott .cont .cover .btns_box a:last-child{margin-right:0;}
.ipart01 .bott .cont .cover .btns_box a:first-child{background:#f8561c; border-color:#f8561c;}
.ipart01 .bott .cont .cover .btns_box a:hover{background:#f8561c; border-color:#f8561c;}

.ipart01 .bott .cont .swiper-slide.swiper-slide-active{opacity:1;}
.ipart01 .bott .cont .swiper-slide-active .cover{opacity:1; visibility:visible;}

.ipart01 .bott .cont .swiper-button-next,
.ipart01 .bott .cont .swiper-button-prev{position:absolute; width:.65rem; height:.65rem; background:#fff; border-radius:50%; margin:0; outline:none; right:0; left:auto; transform:translateX(200%) translateY(-50%); color:#000; transition:all .3s ease;}
.ipart01 .bott .cont .swiper-button-prev{left:0; right:auto; transform:translateX(-200%) rotate(180deg) translateY(50%);}
.ipart01 .bott .cont .swiper-button-next::after,
.ipart01 .bott .cont .swiper-button-prev::after{content:'\e65f'; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:.2rem; line-height:1; font-weight:bold; margin:0; font-family:'iconfont'!important;}
.ipart01 .bott .cont .swiper-button-next:hover,
.ipart01 .bott .cont .swiper-button-prev:hover{color:#fff; background:#f8561c;}



.ipart02{margin-top:1.05rem; overflow:hidden;}
.ipart02 .swiper-container{overflow:visible;}
/* 改变其动画效果为匀速形式，不加此样式的话会造成滚动卡顿，看起来效果不平滑,样式做了各种浏览器的兼容 */
.ipart02 .swiper-wrapper{transition-timing-function:linear !important; -webkit-transition-timing-function:linear !important; -moz-transition-timing-function:linear !important; -ms-transition-timing-function:linear !important; -o-transition-timing-function:linear !important; transition-timing-function: linear !important;}

.ipart02 .swiper-slide{height:1.2rem; width:7.8rem!important;}
/* .ipart02 .content .logo{display:flex; align-items:center; justify-content:center; height:100%;}
.ipart02 .content .logo img{max-height:100%;} */

.ipart03{position:relative; margin-top:.4rem; overflow:hidden; }
.ipart03 .bg{position:relative;}
.ipart03 .bg::after{content:''; position:absolute; bottom:0; left:0; width:100%; background:url(../image/ipart03_bg_cover.png) no-repeat bottom; height:3rem; background-size:100% auto;}
.ipart03 .bg video{width:100%; height:6rem; object-fit:cover;}
.ipart03 .bg img{display:none;}
.ipart03 .cover{position:absolute; left:0; width:100%; bottom:7.5%; color:#fff; z-index:3;}
.ipart03 .cover .content{display:flex; align-items:flex-end; justify-content:space-between;}
.ipart03 .cover .left{width:63.6%;}
.ipart03 .cover .left .infor .tit{color:#f8561c;}
.ipart03 .cover .left .infor .con{font-weight:bold; margin-bottom:.05rem;}
.ipart03 .cover .left .link_box{display:flex; align-items:flex-start; margin-top:.3rem; justify-content:flex-start; flex-wrap:wrap; font-size:.18rem; line-height:.3rem}
.ipart03 .cover .left .link_box a{margin-left:.7rem; margin-bottom:.1rem; color:#fff;}
.ipart03 .cover .left .link_box .tips a{margin-left:0;}
.ipart03 .cover .left .link_box a:hover{font-weight:bold;}
.ipart03 .cover .right{width:1.68rem; height:1.68rem; position:relative; display:flex; align-items:center; justify-content:center; animation:jump 1s cubic-bezier(.56,.01,.46,1) infinite alternate;}
.ipart03 .cover .right::after{content:''; position:absolute; left:0; top:0; height:100%; width:100%; background:url(../image/ipart03_cir.png) no-repeat center/cover; animation:spin 8s infinite linear;}
@keyframes jump {
    0% {
        transform: translateY(4px);
    }

    to {
        transform: translateY(-4px);
    }
}

.ipart04{padding-bottom:.75rem;}
.ipart04.solution03 .content{margin-top:0;}

.ipart05{position:relative; overflow:hidden; padding:1.55rem 0 1rem; background:url(../image/ipart05_bg.jpg) no-repeat center/cover fixed;}
.ipart05 .cover .letter{display:block; position:relative; --go:0; color:rgba(255,255,255,.54);}
.ipart05 .cover .letter::after{content:attr(data-note); width:100%; color:#fff; font-size:inherit; font-weight:inherit; animation-name:clip; position:absolute; top:0; left:0; will-change:transform,opacity; animation-duration:4s; animation-iteration-count:infinite; animation-direction:alternate; animation-play-state:paused; animation-delay:calc(var(--go)*-1s); animation-timing-function:linear;}
.ipart05 .cover .con{font-weight:bold; color:#fff; opacity:.54; margin-top:.45rem;}
.ipart05 .cover .logo_box{margin-top:.9rem; border-top:1px solid rgba(255,255,255,.54); padding-top:.55rem; display:flex; align-items:flex-start; justify-content:space-between;}
.ipart05 .cover .logo_box .img img{max-height:.4rem;}


@keyframes clip {
    0% {
        -webkit-clip-path: polygon(0% 0%,0% 0%,0% 100%,0% 100%);
        clip-path: polygon(0% 0%,0% 0%,0% 100%,0% 100%)
    }

    5% {
        -webkit-clip-path: polygon(0% 0%,0% 0%,0% 100%,0% 100%);
        clip-path: polygon(0% 0%,0% 0%,0% 100%,0% 100%)
    }

    30% {
        -webkit-clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%)
    }

    to {
        -webkit-clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
        clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%)
    }
}

.ipart06{margin:.9rem 0;}
.ipart06 .top{position:relative;}
.ipart06 .top .infor{max-width:calc(100% - 2rem);}
.ipart06 .top .commonRight{position:absolute; top:0; right:.3rem;}
.ipart06 .bott{margin-top:.7rem; font-size:0;}

.ipart06 .rect-5472{padding-bottom:54.72%;}
.ipart06 .bott li{float:left; width:31.4%; margin-right:2.3%; border:1px solid #eaeaea; border-radius:.1rem; box-sizing:border-box;overflow:hidden; position:relative;}
.ipart06 .bott li:nth-child(3n){margin-right:0;}
.ipart06 .bott li .img img{object-fit:cover; transition:all .5s ease;}
.ipart06 .bott li .words{padding:.25rem 5% .35rem; background:#fff;}
.ipart06 .bott li .words .intro .t{line-height:1; color:#888888; margin-bottom:.12rem;}
.ipart06 .bott li .words .intro .tit{font-size:.22rem; line-height:.32rem; height:.64rem; color:#000000; margin-bottom:.15rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ipart06 .bott li .words .more_btn{position:absolute; font-size:0; transition:all 0.8s; transform-origin:top center; margin-top:.07rem;}
.ipart06 .bott li .words .more_btn span{display:inline-block; vertical-align:middle; font-size:16px; color:#f8561c; }
.ipart06 .bott li .words .more_btn .icon{margin-left:.15rem; padding:.08rem; background:#f8561c; border-radius:50%;}
.ipart06 .bott li .words .more_btn .icon img{width:.1rem; height:.1rem; display:block; line-height:auto;}
.ipart06 .bott li .words .intro .con{color:#888888; height:.6rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding-top:.1rem; border-top:1px solid #cdcdcd; background:#fff; transition:all 0.8s; transform:translateY(50%); opacity:0;}
.ipart06 .bott li:hover .words .intro .con{transform:translateY(0); opacity:1;}
.ipart06 .bott li:hover .words .more_btn{opacity:0; transform:rotateX(-90deg); z-index:-1;}



/* 产品与服务 */
.pro_service .item{overflow:hidden;}
.pro_service .item .common_box{display:block;}
.pro_service .item .type{font-size:.18rem; line-height:20px;  font-family:Arial; position:relative; padding-top:.25rem; color:#fff; animation-name:fadeInUp; animation-delay:.3s}
.pro_service .item .type::before{content:''; width:1.6rem; height:1px; background:#fff; position:absolute; left:0; top:0}
.pro_service .item .infor{color:#fff; position:relative; animation-name:fadeInUp; animation-delay:.3s;}
.pro_service .item .infor .big_tit{font-size:.8rem; line-height:1; font-family:Arial; text-transform:uppercase; padding-top:.45rem; transition:.5s ease; margin-bottom:.2rem; }
.pro_service .item .infor .tit{font-size:.44rem; line-height:1; margin-bottom:1.5rem;transition:.5s ease;}
.pro_service .item .infor .con{font-size:15px; line-height:30px;  transition:.5s ease; position:absolute; left:0; width:100%; top:210px}
.pro_service .item .infor .icon{height:0; opacity:0; transition:.5s ease;}
.pro_service .item .infor .icon img{height:100px;}
.pro_service .item .list li{float:left; font-size:.18rem; line-height:25px; margin-right:.35rem; border-bottom:1px solid #fff; transition:.5s ease;}
.pro_service .item .list li:hover{color:#f8561c; font-weight:bold; border-color:#f8561c;}
.pro_service .item .ser_arrow {animation-name:fadeInUp; animation-delay:.3s}
.pro_service .item .ser_arrow .iconfont{color:#fff;}
.pro_service .item:hover .infor .big_tit{font-size:.3rem; margin-bottom:.1rem;;}
.pro_service .item:hover .infor .tit{font-size:.3rem; margin-bottom:.4rem;;}
.pro_service .item:hover .infor .icon{opacity:1; height:100px; margin-bottom:.4rem;}
.pro_service .item:hover .infor .con{opacity:0;}
.pro_service .item:hover .iconfont {-webkit-animation-name:shake;  animation-name:shake;}
.pro_service_ban .intro .tit span{font-weight:bold; display:block;}
.pro_service01 .content{background:#a0a4ad; position:relative; height:6rem; box-sizing:border-box; padding:.7rem .7rem .43rem; z-index:3;}
.pro_service01 .content:after{content:''; width:100%; height:1.5rem; background:#00134d; position:absolute; left:0; bottom:0;;}
.pro_service01 .content .left{width:39.5%; float:left; position:relative; z-index:4;}
.pro_service .pro_service01 .infor .tit{margin-bottom:2rem;}
.pro_service .pro_service01 .list {position:absolute; left:0.75rem; bottom:.6rem; z-index:3; color:#fff;}
.pro_service01 .content .right{width:55.5%; float:right; position:relative; margin-top:.1rem; min-height:.5rem; z-index:3;animation-name:fadeInRight;}
.pro_service01 .content .right img{position:absolute; right:0; top:0; max-width:none;}
.pro_service02 .content .common_box{display:block; padding:1rem 0.75rem .2rem; box-sizing:border-box;}
.pro_service02 .content .left{width:50%; float:left; background:#563ecf;}
.pro_service02 .content .left .rect-927{padding-bottom:92.7%;}
.pro_service02 .content .left .l_top{height:510px; position:relative;}
.pro_service02 .content .left .l_top .ser_arrow {position:absolute; bottom:70px; right:.6rem;}
.pro_service02 .content .left .l_bott{height:800px;}
.pro_service02 .content .left .l_bott .common_box{padding:0; height:100%;}
.pro_service02 .content .left .l_bott img{width:100%; height:100%; object-fit:cover;}
.pro_service02 .content .right{width:50%; float:left;}
.pro_service02 .content .right .item .common_box{height:655px; position:relative;}
.pro_service02 .content .right .r_top{background:#ffb83b;}
.pro_service02 .content .right .r_bott{background:#ff265d;}
.pro_service02 .content .right .ser_arrow {text-align:right; position:absolute; bottom:70px; right:.6rem;}
.pro_service03 .content{background:url(../image/pro_service03_2.jpg) no-repeat center; background-size:cover; height:6rem; box-sizing:border-box; position:relative; padding:.7rem .7rem .43rem; position:relative;}
.pro_service03 .content .left{width:39.5%; float:left; position:relative; z-index:3; height:100%;}
.pro_service03 .content .ser_arrow {position:absolute; bottom:70px; right:0.6rem;}


/* 产品与服务详细 */
.pro_service_detail.channel_content{padding:0;}
.pro_service_detail01 .item{display:flex; align-items:center; justify-content:space-between; padding:.8rem 0; border-bottom:1px solid #D5D5D5; }
.pro_service_detail01 .item:last-child{border:none;}
.pro_service_detail01 .item .rect-587{padding-bottom:58.7%; border-radius:5px;}
.pro_service_detail01 .item .img_{width:44.5%; padding-right:.5%; animation-name:fadeInRight; animation-delay:.3s}
.pro_service_detail01 .item .info_{padding:0 0.2rem; width:43.5%; color:#000;}
.pro_service_detail01 .item .info_ .tit{font-weight:bold; margin-bottom:.3rem; animation-name:fadeInUp; animation-delay:.3s}
.pro_service_detail01 .item .info_ .tit span{display:inline-block; line-height:1; vertical-align:-18px; color:#f8561c; font-family:Impact; font-weight:normal; margin-right:.25rem;}
.pro_service_detail01 .item .info_ .con{animation-name:fadeInUp; animation-delay:.3s}
.pro_service_detail01 .item .info_ .con span{font-weight:bold; display:block;}
.pro_service_detail01 .item .info_ .pic{margin-top:.5rem;animation-name:fadeInUp; animation-delay:.3s}
.pro_service_detail01 .item .info_ .pic img{transform:none;}
.pro_service_detail01 .item.even{flex-direction: row-reverse;}
.pro_service_detail01 .item.even .img_{animation-name:fadeInLeft; animation-delay:.3s}

/* 联系我们 */
.contact_us01 .content{position:relative; height:auto; overflow:hidden; z-index:2;}
.contact_us01 .content {*zoom:1; *clear:both;}
.contact_us01 .content:before, 
.contact_us01 .content:after {display:table; clear:both; content:'';}
.contact_us01 .content .map_box{position:absolute; top:0; left:0; width:60%; min-height:100%; height:100%; overflow:hidden;}
.contact_us01 .content .map_box img{max-width:none; width:100%; height:100%; object-fit:cover;;}
.contact_us01 .content .right{float:right; width:40%; height:100%; background:#f39700;}
.contact_us01 .content .right .box{padding:11%; color:#fff;}
.contact_us01 .content .right .box a{color:#fff;}
.contact_us01 .content .right .box .title {font-weight:bold; padding-bottom:.3rem; border-bottom:1px solid rgba(255,255,255,.3); margin-bottom:.3rem;}
.contact_us01 .content .right .box dl{border-bottom:1px solid rgba(255,255,255,.3);}
.contact_us01 .content .right .box dd{font-size:0; color:#fff; padding-bottom:.4rem;}
.contact_us01 .content .right .box dd .icon{width:52px; height:52px; display:inline-block; margin-right:20px; vertical-align:middle;}
.contact_us01 .content .right .box dd .text{width:calc(100% - 72px); font-size:.18rem; line-height:.3rem; display:inline-block; vertical-align:middle;}
.contact_us01 .content .right .box dd .text span{display:block; font-size:.16rem; color:rgba(255,255,255,.8);}
.contact_us01 .content .right .box .zixun{display:flex; align-items:center; justify-content:space-between; color:#fff; margin-top:.3rem;}
.contact_us01 .content .right .box .zixun .zixun_l .tit{font-size:.16rem; line-height:.2rem; color:rgba(255,255,255,.5);}
.contact_us01 .content .right .box .zixun .zixun_l .con{font-size:.3rem; line-height:1; margin:.1rem 0;}
.contact_us01 .content .right .box .zixun .zixun_l .txt{font-size:.16rem;}

/* 公司介绍 */
.about_us_ban{margin-top:60px; background:#000; position:relative; height:calc(100vh - 60px);}
.about_us_ban>img{display:none;}
.about_us_ban .video_box{position:absolute; right:0; top:0; width:80%; height:90%;}
.about_us_ban .video_box:after{content:''; width:100%; height:100%; background:url(../image/video_bg.png) no-repeat center; position:absolute; left:0; top:0;}
.about_us_ban .video_box video{width:100%; height:100%; object-fit:cover;;}
.about_us_ban .intro{position:absolute; left:0; width:100%; bottom:1.5rem; color:#fff; z-index:3;}
.about_us_ban .intro .con{font-weight:lighter; padding-bottom:.45rem; border-bottom:1px solid rgba(255,255,255,.28); margin-bottom:.5rem; margin-top:.4rem;  padding-right:40%;}
.about_us_ban .intro .list{display:flex; justify-content:space-between;}
.about_us_ban .intro .list li{color:#B3B3B4; font-size:.16rem; line-height:1.3;}
.about_us_ban .play_box{width:130px; height:130px; position:absolute; right:.64rem; bottom:2.8rem;; z-index:4; cursor:pointer; background:transparent; border-radius:50%; overflow:hidden; z-index:3;}
.about_us_ban .play_box .play{display:block; width:130px; height:130px; background:url(../image/about_us_ban02.png) no-repeat center; float:right; position:relative; border-radius:50%;}
.about_us_ban .play_box .play .icon{width:130px; height:130px; background:url(../image/about_us_ban01.png) no-repeat center; position:absolute; left:0; bottom:0;  z-index:2; border-radius:50%; animation:zhuan 5s infinite linear;}
@-webkit-keyframes zhuan{
    0%{transform:rotate(0)}
    100%{transform:rotate(360deg)}
}
@-moz-keyframes zhuan{
    0%{transform:rotate(0)}
    100%{transform:rotate(360deg)}
}
@-o-keyframes zhuan{
    0%{transform:rotate(0)}
    100%{transform:rotate(360deg)}
}
@keyframes zhuan{
    0%{transform:rotate(0)}
    100%{transform:rotate(360deg)}
}

.about_us.channel_content{padding:0;}
.about_us01{padding:1.3rem 0 0;}
.about_us01 .content{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; padding-bottom:1rem; border-bottom:1px solid #DDDDDD;}
.about_us01 .content .left {width:34.72222222%; position:sticky; position:-webkit-sticky; top:1.2rem;}
.about_us01 .content .left .tit{font-weight:bold; color:#000;}
.about_us01 .content .left .tit span{color:#f8561c;}
.about_us01 .content .left .con{color:#888888; margin-top:.18rem;}
.about_us01 .content .right{width:62.5%;}
.about_us01 .content .right ul{display:flex; flex-wrap:wrap;}
.about_us01 .content .right li{width:16.6%; margin:0 -1px -1px 0; position:relative;}
.about_us01 .content .right li::before {content:''; width:100%; padding-top:100%; display:block;}
.about_us01 .content .right li a{display:block; border:1px solid #EAEAEA; position:absolute; left:0; top:0; display:flex; justify-content:center; align-items:center; overflow:hidden; padding:.2rem; width:100%; height:100%; box-sizing:border-box}
.about_us01 .content .right li a img{transition:.6s ease; width:85%; height:85%; object-fit:contain;}
.about_us01 .content .right li a:hover img {transform:scale(1.05);}
.about_us02{padding:1.2rem 0 0;}
.about_us02 .content{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; padding-bottom:1rem; border-bottom:1px solid #DDDDDD;}
.about_us02 .content .left {width:34.72222222%; position:sticky; position:-webkit-sticky; top:1.2rem;}
.about_us02 .content .left .tit{font-weight:bold; color:#000;}
.about_us02 .content .left .tit span{color:#f8561c; display:block;}
.about_us02 .content .left .con{color:#bcbcbd; margin-top:1.2rem;}
.about_us02 .content .left .txt{color:#333; margin-top:.5rem;}
.about_us02 .content .left .txt span{color:#f8561c; font-weight:bold;}
.about_us02 .content .right{width:62.5%;}
.about_us03{padding:1.2rem 0 0;}
.about_us03 .content{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; padding-bottom:1rem; }
.about_us03 .content .left {width:34.72222222%; position:sticky; position:-webkit-sticky; top:1.2rem;}
.about_us03 .content .left .tit{font-weight:bold; color:#000;}
.about_us03 .content .left .tit span{color:#f8561c; display:block;}
.about_us03 .content .left .con{color:#bcbcbd; margin-top:0.2rem;}
.about_us03 .content .right{width:62.5%;}
.about_us03 .content .right li {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; border:1px solid #eaeaea; border-radius:.15rem; background:#fff; padding:.6rem 0.6rem .4rem .5rem;; margin-bottom:30px; position:sticky; position:-webkit-sticky; transform-origin:top center; box-sizing:border-box;}
/* .about_us03 .content .right li .box{padding:.6rem 0.6rem .4rem .5rem;} */
.about_us03 .content .right li .info_{display:flex; justify-content:space-between; margin-top:.2rem;}
.about_us03 .content .right li .info_ .tit{color:#888; width:7.8rem; padding:0 .3rem;}
.about_us03 .content .right li::after {content:''; width:21px; height:19px; background:url(../image/about_us03_3.jpg) center center no-repeat; background-size:contain; position:absolute; right:2rem; bottom:-10px;}
.about_us03 .content .right li:nth-child(1){top:1.3rem}
.about_us03 .content .right li:nth-child(2){top:1.6rem}
.about_us03 .content .right li:nth-child(3){top:1.9rem}
.about_us03 .content .right li:nth-child(4){top:2.2rem}
.about_us03 .content .right li:nth-child(5){top:2.5rem}
/* .about_us03 .content .right li:nth-child(6){top:1.5rem} */
.about_us03 .content .right li:last-child {margin-bottom:0}
.about_us04{padding-bottom:1rem;}
.about_us04 .content{position:relative;}
.about_us04 .content:before{content:''; width:100%; height:100%; border-radius:.15rem; position:absolute; left:0; top:0; pointer-events:none; background-image:linear-gradient(to right, rgba(0,0,0,.2), transparent);}
.about_us04 .content .img {width:100%; border-radius:.15rem; overflow:hidden;}
.about_us04 .content .img img{width:100%;/* transform:translateY(-2rem);*/}
.about_us04 .content .info{position:absolute; left:50%; top:50%; text-align:center; transform:translate(-50%,-50%); width:70%; color:#fff;}
.about_us04 .content .info .tit{font-weight:bold; margin-top:.15rem;}


/* 品牌出海 */
.solu_banner.xc_banner.brand_banner .info{width:100%;}
.channel_content.brand{padding-bottom:0;}
.brand .tit62{font-size:.62rem; line-height:1; font-weight:bold;}
.brand01 .infor{text-align:center;}
.brand01 .common_infor .tit span:after{display:none;}
.brand01 .bott{margin-top:.6rem; position:relative; padding-bottom:.8rem;}
.brand01 .bott .words_box{padding-top:.2rem; display:flex; align-items:flex-start; justify-content:space-between; position:relative; z-index:2;}
.brand01 .bott .words_box>div{width:21%;}
.brand01 .bott .words_box .item{position:relative;}
.brand01 .bott .words_box .item .top{display:flex; align-items:center; justify-content:space-between;}
.brand01 .bott .words_box .item .top .icon{display:none;}
.brand01 .bott .words_box .item .top .icon img{height:.9rem; opacity:.3; transition:opacity .3s ease;}
.brand01 .bott .words_box .item .top .t{font-size:.32rem; line-height:.4rem; font-weight:bold; color:#000000; border-bottom:1px solid #eeeeee; padding:.25rem 0;}
.brand01 .bott .words_box .item .con{margin-top:.2rem; color:#000000;}
.brand01 .bott .words_box .left .item:first-child{/*transform:translateX(40%); */margin-bottom:.6rem;}
.brand01 .bott .words_box .right .item .con{text-align:right;}
/* .brand01 .bott .words_box .right{margin-right:5.5%;} */
.brand01 .bott .words_box .right .item:first-child{margin-bottom:.7rem;}
.brand01 .bott .words_box .right .top{flex-direction:row-reverse;}
.brand01 .bott .words_box .item:hover .icon img{opacity:1;}
.brand01 .bott .cen_img{position:absolute; top:0; left:50%; transform:translateX(-50%); width:50%;}

.brand02{margin-top:.9rem; overflow:hidden;}
.brand02 .swiper-container{overflow:visible;}
/* 改变其动画效果为匀速形式，不加此样式的话会造成滚动卡顿，看起来效果不平滑,样式做了各种浏览器的兼容 */
.brand02 .swiper-wrapper{transition-timing-function:linear !important; -webkit-transition-timing-function:linear !important; -moz-transition-timing-function:linear !important; -ms-transition-timing-function:linear !important; -o-transition-timing-function:linear !important; transition-timing-function: linear !important;}

.brand02 .swiper-slide{height:1.1rem; width:6rem!important;}
.brand02 .swiper-slide .logo{display:flex; align-items:center; justify-content:center; height:100%;}
.brand02 .swiper-slide .logo img{max-height:100%;}

.brand03{height:calc(100vh - 60px); margin-top:.6rem; position:relative; background:#fff;}
.brand03 .bg{position:absolute; right:0; top:0; width:100%; height:100%; z-index:10; overflow:hidden; background:url(../image/brand03_01.jpg) no-repeat center/cover;}
.brand03 .bg .infor{text-align:center; margin-top:16vh; color:#fff;}
.brand03 .bg .infor .con{margin-top:.25rem;}
.brand03 .bg .scroll{position:absolute; bottom:8vh; left:50%; margin-left:-.5rem; width:1rem; height:1rem; border:1px dashed #979899; border-radius:50%; animation:jump 1s cubic-bezier(.56,.01,.46,1) infinite alternate;}
.brand03 .bg .scroll::after{content:'\e65b'; position:absolute; left:50%; transform:translate(-50%,-50%); top:50%; font-family:'iconfont'!important; margin:0; font-size:.3rem; line-height:1; color:#979899;}

.brand03 .content{width:100%; height:100%; background-color:#fff; position:relative; padding:3vh 0; box-sizing:border-box;}
.brand03 .content ul{width:100%; height:100%; position:relative; display:flex; align-content:space-between; flex-wrap:wrap;}
.brand03 .content li{width:100%; height:28%; border-radius:.1rem; overflow:hidden; display:flex;}
.brand03 .content li .top, 
.brand03 .content li .bott{width:200%; height:100%; position:relative; display:flex;}
.brand03 .content li .item{width:19vw; height:100%; margin-right:1.25vw; border-radius:.1rem; overflow:hidden;}
.brand03 .content li .item img{width:100%; height:100%; object-fit:cover;}
.brand03 .content li:nth-child(2){height:35%;}
.brand03 .content .center{width:100%;}
.brand03 .content .center .cont{display:flex; align-items:flex-start; text-align:center; width:91.3%; margin:0 auto;}
.brand03 .content .center .cont .box{padding:0 .1rem; box-sizing:border-box; flex:1;}
.brand03 .content .center .cont .jt{flex:0.5}
.brand03 .content .center .cont .jt:last-child{display:none;}
.brand03 .content .center .cont .box .icon{width:.96rem; height:.96rem; margin:0 auto .2rem; border:3px solid #171717; border-radius:.15rem; display:flex; align-items:center; justify-content:center;}
.brand03 .content .center .cont .box .icon img{max-width:80%; max-height:80%;}
.brand03 .content .center .cont .box .intro{color:#000000;}
.brand03 .content .center .cont .box .intro .t{margin-bottom:.1rem; font-size:.28rem; font-weight:bold; color:#000000; line-height:1.2;}
.brand03 .content .center .cont .box .intro .c{max-height:.9rem; overflow-y:auto; padding-right:5px;}
.brand03 .content .center .cont .box .intro .c::-webkit-scrollbar {width:3px; height:4px;}
.brand03 .content .center .cont .box .intro .c::-webkit-scrollbar-thumb {border-radius:5px; background:#f8561c; }
.brand03 .content .center .cont .box .intro .c::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;}
.brand03 .content .center .cont .jt{position:relative; margin:1.4rem .3rem 0;}
.brand03 .content .center .cont .jt::after{content:''; display:block; width:.08rem; height:.08rem; border:2px solid #f19b2e; border-radius:50%; position:relative; background:#fff;}
.brand03 .content .center .cont .jt::before{content:''; position:absolute; left:0; top:50%; height:13px; transform:translateY(-50%); width:100%; background:url(../image/brand03_jt.jpg) no-repeat right; background-size:100% auto;}

.brand04{margin-top:.75rem;}
.brand04 .content{margin-top:.55rem;}
.brand04 .content li{height:5rem; position:sticky; top:1.2rem; border-radius:.15rem; background:linear-gradient(149deg, #CDF 0%, #F3F9FF 59.55%, #E0E7FA 97.73%); margin-bottom:.1rem;}
.brand04 .content li .box{display:flex; align-items:center; justify-content:space-between; padding:.5rem .8rem .2rem 1.1rem; box-sizing:border-box;}
.brand04 .content li .img{width:41.6%; flex-shrink:0;}
.brand04 .content li .img img{max-height:100%;}
.brand04 .content li .words_box{width:48.4%;}
.brand04 .content li .words_box .intro{color:#000;}
.brand04 .content li .words_box .t{margin-bottom:.2rem; font-weight:normal;}
.brand04 .content li .words_box .c{text-align:justify; line-height:.24rem; color:#151515;}
.brand04 .content li .words_box .c p{position:relative; padding-left:.3rem; margin-bottom:.08rem;}
.brand04 .content li .words_box .c p::after{content:''; position:absolute; left:0; top:.07rem; width:.1rem; height:.1rem; border:2px solid #000000; box-sizing:border-box; border-radius:50%; }
.brand04 .content li:nth-child(odd){background:linear-gradient(149deg, #D4E5FF 0%, #F3F9FF 59.55%, #E9FBFF 97.73%);}
.brand04 .content li:nth-child(even){background:linear-gradient(149deg, #E0F5FA 0%, #F3F9FF 59.55%, #CDF 97.73%);}

.brand05{margin-top:.9rem; position:relative; overflow:hidden;}
.brand05 .bg img{width:100%;}
.brand05 .cover{position:absolute; left:0; width:100%; top:19.3%; color:#000;}
.brand05 .cover .infor{width:50%;}
.brand05 .cover .infor .con{margin-top:.25rem;}


/* 案例详细 */
.case_detail.channel_content{margin-top:60px; padding-bottom:0;}
.case_detail01 .sign{display:inline-block; padding:0 .36rem; line-height:.4rem; border:1px solid #666666; border-radius:50px; margin-bottom:.4rem;}
.case_detail01 .infor{padding-bottom:.5rem; border-bottom:1px solid #E3E3E5; margin-bottom:.4rem; display:flex; justify-content:space-between; align-items:center;}
.case_detail01 .infor .title {color:#000;}
.case_detail01 .infor .title>span{font-weight:bold; display:inline-block; vertical-align:middle;}
.case_detail01 .infor .title .link {display:inline-block; vertical-align:middle; overflow:hidden; border:1px solid #f8561c; width:0.6rem; height:0.6rem; border-radius:50%; margin-left:0.3rem; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; white-space:nowrap; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s; color:transparent;}
.case_detail01 .infor .title .link span {width:0.6rem; height:0.6rem; display:-webkit-inline-box; display:-webkit-inline-flex; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; border-radius:50%; -webkit-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8); -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s; vertical-align:middle;}
.case_detail01 .infor .title .link span svg {display:block; margin:auto;}
.case_detail01 .infor .title .link span svg path {fill:#f8561c; transition:0.4s;}
.case_detail01 .infor .title .link p {display:-webkit-inline-box; display:-webkit-inline-flex; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; white-space:nowrap; padding-right:0.2rem; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.case_detail01 .infor .title .link:hover {width:1.6rem; border-radius:0.3rem; background:#f8561c; border-color:transparent;}
.case_detail01 .infor .title .link:hover p{color:#fff;}
.case_detail01 .infor .title .link:hover span svg path{fill:#fff}
.case_detail01 .infor .back_list a{display:block; padding:0 20px; line-height:40px; border:1px solid #f8561c; border-radius:50px; font-size:14px; color:#f8561c;}
.case_detail01 .infor .back_list a .icon{display:inline-block; vertical-align:-2px; width:17px; height:14px; background:url(../image/back.png) no-repeat center; margin-left:10px; transition:.5s ease;}
.case_detail01 .infor .back_list a:hover{color:#fff; background:#f8561c;}
.case_detail01 .infor .back_list a:hover .icon{background:url(../image/back2.png) no-repeat center;}
.case_detail01 .content .hd {display:flex; justify-content:space-between; margin-bottom:.4rem;}
.case_detail01 .content .hd span{font-weight:bold; color:#000;}
.case_detail01 .content .bd{border-radius:10px; overflow:hidden;}
.case_detail01 .content .bd .bg{padding:1.6rem 0.4rem .6rem; text-align:center;}
.case_detail02{padding:.6rem 0;}
.case_detail02 .infor{display:flex; justify-content:space-between; color:#000; align-items:center; padding-bottom:.4rem; border-bottom:1px solid #E3E3E5;}
.case_detail02 .infor .tit{width:30%; margin-right:6%; font-weight:bold;}
.case_detail02 .content{margin-top:.6rem; display:flex; justify-content:space-between; align-items:center;}
.case_detail02 .content a{display:block; width:46px; height:46px; border-radius:50%; background-repeat:no-repeat; background-size:cover; background-position:center; background-color:#d9d9d9;}
.case_detail02 .content a.case_prev{background-image:url(../image/case_detail02_1.png);}
.case_detail02 .content a.case_next{background-image:url(../image/case_detail02_2.png);}
.case_detail02 .content a.case_back{background-image:url(../image/case_detail02_3.png);}
.case_detail02 .content a:hover{background-color:#f8561c;}


/* 20240927 */
.header .h_web{border-left:1px solid #ddd; padding-left:15px; height:31px; line-height:31px; margin:14px 0 15px 15px;}
.header .h_web h1{display:inline-block; font-size:18px; color:#000; margin-right:3px;}

.ibanner .group{display:none;}
.right_nav{display:none;}
.ibanner .kjjqr{position:absolute; right:10px; bottom:10px; cursor:pointer; z-index:19; width:185px; display:flex; justify-content:center; flex-wrap:wrap; background:url(../image/ibanner_shu_bg.png) no-repeat center;}
.ibanner .kjjqrgif img{width:100%;}
.ibanner .kjjqr .audio_play{width:.4rem; height:.4rem; position:absolute; right:.06rem; top:60%; cursor:pointer;}
.ibanner .kjjqr .audiojs{padding:0; font-size:0; width:.4rem; height:.4rem; overflow:hidden; position:relative; background:none; box-shadow:none;}
.ibanner .kjjqr .audiojs .play-pause{padding:0; border:0; width:.4rem; height:.4rem;}
.ibanner .kjjqr .audiojs .pause{width:.4rem; height:.4rem; background:url(../image/sy-open.svg) no-repeat center; background-size:20px auto;}
.ibanner .kjjqr .audiojs .scrubber,.ibanner .kjjqr .audiojs .error-message,.ibanner .kjjqr .audiojs .time,.ibanner .kjjqr .audiojs .loading{display:none;}
.ibanner .kjjqr .audiojs .play{width:.4rem; height:.4rem; background:url(../image/sy-close.svg) no-repeat center; background-size:20px auto;}