﻿@charset "utf-8";

@font-face{
    font-family: 'HarmonyOS_Sans_SC_Regular';
    src:url(../fonts/HarmonyOS_Sans_SC_Regular.ttf);
    font-display:swap;
}
@font-face{
    font-family: 'Poppins_Bold';
    src:url(../fonts/Poppins-Bold.ttf);
    font-display:swap;
}

/*全局初始化样式*/

html{-webkit-text-size-adjust:100%;font-size:100px}
@media (min-width:1025px) and (max-width:1600px) {
html{font-size:6.25vw}
}
@media (max-width:640px) {
html{font-size:20vw}
}


*{box-sizing: border-box; margin:0; padding:0;}
body{position: relative; padding:0; margin:0 auto; font-size: 0.14rem; line-height:1.42857143; font-family:"HarmonyOS_Sans_SC_Regular"; color: #333; min-width: 320px; width: 100%; zoom:1;background: #fff;
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
/*
-webkit-user-select: none;
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
*/

/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
*{-moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; /*word-break: break-all;*/word-wrap: break-word;}


/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.ul li{ list-style:none; margin: 0; padding: 0;}
.dl,.dl dd{ list-style:none; margin: 0; padding: 0;}
p,h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;}
ul,ul li{ list-style:none; margin: 0; padding: 0;}
dl,dl dd{ list-style:none; margin: 0; padding: 0;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#333;}
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:middle;}

/*初始化a的样式和字体样式*/
a{ color:#333; text-decoration:none!important; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{color: #015ac0;}


/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after{ content:"."; display: block; height: 0; visibility: hidden; clear: both;font-size: 0px;}
.clearfix { zoom: 1;}
.fl{float: left;}
.fr{float: right;}

/* 单行隐藏 */
.dot {white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
/* 多行隐藏 */
.dot2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
/* 多行隐藏 */
.dot3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.w1800{max-width:1800px;margin: 0 auto;}
.w1600{max-width:1600px;margin: 0 auto;}


/*top*/
.top{position: fixed;top: 0;left: 0;width: 100%;z-index: 99;padding:.25rem 0;border-bottom: 1px solid rgba(255,255,255,.2);transition:.3s;}
.top .w1800{display: flex;align-items: center;justify-content: space-between;}
.top .left{}
.top .nav{display: flex;align-items: center;}
.top .nav li{margin-right: .3rem;}
.top .nav li a{color: #fff;font-size:.14rem;position: relative;text-transform: capitalize;  }
.top .nav li a:before{width: 0;height: .02rem;content: '';background: #fff;position: absolute;left: 0;bottom: -.15rem;opacity: 0;transition:.3s;}
.top .nav li:hover a:before,
.top .nav li.on a:before{width: 100%;opacity: 1;}
.top .left .nav li:last-child{margin-right:0;}
.top .logoMid{position: relative;width: 2.2rem;}
.top .logoMid .wLogo{}
.top .logoMid .cLogo{position: absolute;width: 100%;position: absolute;top: 0;left: 0;opacity: 0;transition:.3s;}
.top .right{display: flex;align-items: center;justify-content:space-between;}
.top .selaBox{display: flex;align-items: center;}
.top .searBox{position: relative;}
.top .searBox .searBtn{width: .19rem;height: .19rem;display: block;background:url(../images/sear_w.png) no-repeat;background-size: contain;transition:.3s;}
.top .searBox .iptBox{position: absolute;top: 100%;right: 0;padding:.05rem;background:#fff;display: none;box-shadow: 0 0 .05rem rgba(0,0,0,.2);}
.top .searBox .iptBox .searBtn{background:url(../images/sear_c.png) no-repeat;background-size: contain;position: absolute;top: 50%;right: .15rem;transform: translateY(-50%);}
.top .searBox .iptBox input{padding:0 .15rem;}
.top .langBox{position: relative;margin-left: .3rem;}
.top .langBox .Tearth{display: block;width: .2rem;height: .2rem;background:url(../images/lang_w.png) no-repeat;background-size: contain;transition:.3s;}
.top .langBox dl{position: absolute;padding:.05rem;background:#fff;width: .4rem;top: 100%;right: 50%;margin-right:-.2rem;display: none;box-shadow: 0 0 .05rem rgba(0,0,0,.2);}
.top .langBox dd{text-align: center;line-height:.32rem;}

.top.onColor{background: #fff;border-bottom:1px solid #ebebeb;}
.top.onColor .logoMid .cLogo{opacity: 1;}
.top.onColor .nav li a{color: #333;}
.top.onColor .nav li a:before{background: #015ac0;}
.top.onColor .nav li:hover a,
.top.onColor .nav li.on a{color: #015ac0;}
.top.onColor .searBox .searBtn{background: url(../images/sear_c.png) no-repeat;background-size: contain;}
.top.onColor .langBox .Tearth{background: url(../images/lang_c.png) no-repeat;background-size: contain;}

/*idxBanner*/
.idxBanner{position: relative;}
.idxBanner .bigSlider{}
.idxBanner .bigSlider li{position: relative;}
.idxBanner .bigSlider figure{padding-bottom: 100vh;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.idxBanner .bigSlider .textBox{position: absolute;top: 50%;transform: translateY(-50%);left: 0;z-index: 8;width: 100%;}
.idxBanner .bigSlider .textBox .txtCent{text-align: center;}
.idxBanner .bigSlider .textBox .txtCent h5{font-size:.55rem;color: #fff;}
.idxBanner .bigSlider .textBox .txtCent p{font-size:.18rem;line-height:.3rem;text-transform: uppercase; color: #fff;}
.idxBanner .bigSlider .textBox .txtImg{max-width: 50%;}
.idxBanner .bigSlider .textBox .txtLeft{color: #fff;max-width: 50%;}
.idxBanner .bigSlider .textBox .txtLeft span{display: block;font-size:.36rem;}
.idxBanner .bigSlider .textBox .txtLeft h5{font-size:.55rem;line-height:1;margin: .2rem 0;}
.idxBanner .bigSlider .textBox .txtLeft p{font-size:.18rem;line-height:.3rem;text-transform: uppercase;}
.idxBanner .smaSlider{position: absolute;top: 50%;transform: translateY(-50%);right: 8%;width: 2rem;}
.idxBanner .smaSlider li{margin: .09rem 0;border:1px solid transparent;transition:.3s;}
.idxBanner .smaSlider li figure{padding-bottom:1rem;background-repeat:no-repeat;background-size: cover;background-position:center center;}
.idxBanner .smaSlider li.slick-current{border-color: #fff;}


.copyFix{position: fixed;width: 100%;bottom: 0;left: 0;padding:.3rem 0;}
.copyFix ul{float: right;}
.copyFix li{display: inline-block;vertical-align: middle;margin-left:.15rem;}
.copyFix li a{display: block;width: .32rem;height: .32rem;border-radius:50%;background-repeat:no-repeat;background-size: contain;background-position:center;transition:.3s;background-color:#fff;}
.copyFix li a:hover{transform: rotateY(360deg);}
.copyFix li.wx a{background-image:url(../images/bwx.png);}
.copyFix li.wb a{background-image:url(../images/bwb.png);}
.copyFix li.yt a{background-image:url(../images/byt.png);}
.copyFix li.dy a{background-image:url(../images/bdy.png);}
.copyFix p{float: left;color: rgba(255,255,255,.5);line-height:.32rem;}
.copyFix p a{color: rgba(255,255,255,.5);}
.copyFix p a:hover{color: rgba(255,255,255,1);}
.copyFix.hasColor p{color: #666666;}
.copyFix.hasColor p a{color: #666;}
.copyFix.hasColor p a:hover{color: #333;}


/*Foor1*/
.HomeSlider{position: relative;}

#myMenu{position: absolute;top: 50%;right: 4%;transform: translateY(-50%);text-align: right;width: 2.2rem;}
#myMenu li{margin: .08rem 0;}
#myMenu li a{color: #fff;opacity: .7;font-size:.16rem;display: block;}
#myMenu li a:hover{opacity: 1;}
#myMenu li.slick-current a{color: #015ac0;opacity: 1;}

.HomeSlider .BigSlider{}
.HomeSlider .BigSlider .item{}
.HomeSlider .BigSlider .item .FoorCont{height: 100vh;width: 100%;display: table;table-layout: fixed;background-repeat:no-repeat;background-size: cover;background-position:center center;}
.HomeSlider .BigSlider .item .FoorCont .autoInner{display: table-cell;vertical-align: middle;width: 100%;}
.HomeSlider .BigSlider .item .textBox{color: #fff;max-width:44%;}
.HomeSlider .BigSlider .item .textBox .lab{display: block;font-size:.26rem;}
.HomeSlider .BigSlider .item .textBox h5{font-size:.32rem;line-height:1.2;margin: .15rem 0;}
.HomeSlider .BigSlider .item .textBox .des{font-size:.16rem;line-height:.3rem;}
.HomeSlider .BigSlider .item .textBox .more{display: block;font-size:.16rem;color: #fff;margin: .4rem 0;transition:.3s;position: relative;right: 0;}
.HomeSlider .BigSlider .item .textBox .more:hover{right: -.05rem;}
.HomeSlider .BigSlider .item .textBox .numBox{display: flex;}
.HomeSlider .BigSlider .item .textBox .numBox1 .item{width:calc((100% - 15%) / 4);}
.HomeSlider .BigSlider .item .textBox .numBox1 .item:not(:last-child){margin-right:5%;}
.HomeSlider .BigSlider .item .textBox .numBox .item .num .count{font-size:.34rem;display: inline-block;margin-right:.05rem;}
.HomeSlider .BigSlider .item .textBox .numBox .item .num p{font-size:.16rem;line-height:.26rem;}
.HomeSlider .BigSlider .item .greenCont .textBox{float: left;padding-top:5%;}
.HomeSlider .BigSlider .item .greenCont .textBox .numBox{justify-content:left;}
.HomeSlider .BigSlider .item .greenCont .textBox .numBox .item{max-width:2.5rem;margin-right:.8rem;}
.HomeSlider .BigSlider .item .greenCont .listBox{width: 55%;float: right;padding-top: 5%;}
.HomeSlider .BigSlider .item .greenCont .listBox li{margin-bottom: 8.5%;}
.HomeSlider .BigSlider .item .greenCont .listBox li a{display: flex;align-items: center;}
.HomeSlider .BigSlider .item .greenCont .listBox li span{font-size:.16rem;color: #fff;transition:.3s;line-height:.52rem;display: block;}
.HomeSlider .BigSlider .item .greenCont .listBox li .icon{width: .52rem;height: .52rem;border-radius:50%;position: relative;}
.HomeSlider .BigSlider .item .greenCont .listBox li .icon:before{width: .12rem;height: .12rem;content: '';border-radius:50%;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.HomeSlider .BigSlider .item .greenCont .listBox li .icon img{max-width: 100%;opacity: 0;transition:.3s;}
.HomeSlider .BigSlider .item .greenCont .listBox li.on span{/*font-size:.22rem;*/margin-right:.2rem;}
.HomeSlider .BigSlider .item .greenCont .listBox li.on .icon{margin-left: -.1rem;}
.HomeSlider .BigSlider .item .greenCont .listBox li.on .icon img{opacity: 1;}
.HomeSlider .BigSlider .item .greenCont .listBox li.on .icon:before{opacity: 0;}
.HomeSlider .BigSlider .item .greenCont .listBox li:first-child{padding-left: 4.44rem;}
.HomeSlider .BigSlider .item .greenCont .listBox li:nth-child(2){padding-left: 2.37rem;}
.HomeSlider .BigSlider .item .greenCont .listBox li:nth-child(3){padding-left:1.9rem;}
.HomeSlider .BigSlider .item .greenCont .listBox li:nth-child(4){padding-left:0.52rem;}
/*.HomeSlider .BigSlider .item .greenCont .listBox li.on:first-child{padding-left: 4rem;}
.HomeSlider .BigSlider .item .greenCont .listBox li.on:nth-child(2){padding-left: 2.2rem;}
.HomeSlider .BigSlider .item .greenCont .listBox li.on:nth-child(3){padding-left: 0;}
.HomeSlider .BigSlider .item .greenCont .listBox li.on:nth-child(4){padding-left: 17%;}*/

.HomeSlider .BigSlider .item .cultCont .textBox{max-width:50%;}
.HomeSlider .BigSlider .item .culList{display: flex;margin-top: .4rem;}
.HomeSlider .BigSlider .item .culList .li{width: 2rem;position: relative;margin-right:.2rem;}
.HomeSlider .BigSlider .item .culList .li .imgBox{position: relative;overflow: hidden;}
.HomeSlider .BigSlider .item .culList .li .imgBox:before{width: 100%;height: 100%;content: '';background: rgba(0,0,0,.5);position: absolute;top: 0;left: 0;transition:.3s;}
.HomeSlider .BigSlider .item .culList .li .imgBox figure{padding-bottom:1rem;background-repeat:no-repeat;background-size: cover;background-position:center;transition:.3s;}
.HomeSlider .BigSlider .item .culList .li:hover .imgBox figure{transform: scale(1.1, 1.1);}
.HomeSlider .BigSlider .item .culList .li p{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;left: 0;text-align: center;font-size:.2rem;color: #fff;}


.nones{ position:absolute; visibility:hidden; opacity:0; top:0;width: 100%;z-index: -10;left: 0;}

.HomeNews .topBox{display: flex;justify-content:space-between;align-items: center;margin-bottom: .6rem;}

.HomeNews .topBox .table-nav li{float: left;padding:0 .25rem;line-height:.4rem;font-size:.16rem;border-radius:.4rem;transition:.3s;color: #4c4948;cursor: pointer;}
.HomeNews .topBox .table-nav li:hover,
.HomeNews .topBox .table-nav li.on{background: #005ac0;color: #fff;}
.HomeNews .topBox .more{font-size:.16rem;color: #005ac0;transition:.3s;position: relative;top: 0;}
.HomeNews .topBox .more:hover{top: -.05rem;}

.HomeNews .slick-track{margin: 0px;}
.HomeNews .table-box .slider{margin: 0 -0.15rem;}
.HomeNews .table-box .item{/*float: left;width: 31%;float: left;margin-right:3.5%;*/padding: 0 0.15rem;min-height: 4.79rem;}
.HomeNews .table-box .item .txtBox{padding:.3rem .4rem;border-top: 1px solid #f6f6f6;transition:.3s;}
.HomeNews .table-box .item .txtBox h5{font-size:.24rem;font-weight: normal;margin-bottom:.4rem;position: relative;height: 2.8em;}
.HomeNews .table-box .item.news .txtBox h5:after{width: .5rem;height: .2rem;content: ' ';background: url(../images/news.png) no-repeat;background-size: contain;display: inline-block;margin-left:.05rem;}
.HomeNews .table-box .item .txtBox .desBox{display: flex;justify-content:space-between;align-items: center;}
.HomeNews .table-box .item .txtBox .desBox time{font-size:.16rem;color: #666666;opacity: .5;}
.HomeNews .table-box .item .txtBox .desBox .type{display: block;padding:0 .15rem;line-height:.3rem;border-radius:.3rem;border:1px solid #666666;opacity: .5;transition:.3s;}
.HomeNews .table-box .item .imgBox{overflow: hidden;}
.HomeNews .table-box .item .imgBox figure{padding-bottom:56%;background-repeat:no-repeat;background-size: cover;background-position:center;transition:.3s;}
.HomeNews .table-box .item:hover .txtBox{background: #f6f6f6;}
.HomeNews .table-box .item:hover .txtBox .desBox .type{border-color:#005ac0;color: #005ac0;opacity: 1;}
.HomeNews .table-box .item:hover .imgBox figure{transform: scale(1.1, 1.1);}

.HomeNews .slick-arrow{ font-size:0; z-index:100;position: absolute; top:50%; transform: translate(0,-50%); width:45px; height:45px;border-radius:50%; cursor: pointer; padding: 0;transition: all ease 0.3s;background-position: center center;background-repeat: no-repeat;background-color: #024d99;border: 0;}
.HomeNews .slick-arrow:hover{background-color: #024d99;}
.HomeNews .slick-disabled,.HomeNews .slick-disabled:hover{cursor: default;background-color: rgba(231,231,231,0.5) !important;}
.HomeNews .slick-prev{left: -22.5px;background-image: url(../images/arrleft02.png);}
.HomeNews .slick-next{right: -22.5px;background-image: url(../images/arrright02.png);}

.bottom{background: url(../images/bomBG.jpg) no-repeat;background-size: cover;background-position:center;}
.bottom .bomTop{padding:.9rem 0 .4rem;}
.bottom .bomTop .bomNav{float: left;width: 82%;}
.bottom .bomTop .bomNav dl{float: left;margin-right:.25rem;max-width: 1.3rem;}
.bottom .bomTop .bomNav dl:last-of-type{margin-right: 0;}
.bottom .bomTop .bomNav dl dt a{display: block;font-size:.16rem;color: #4c4948;margin-bottom:.15rem;height: .46rem;text-transform: capitalize;}
.bottom .bomTop .bomNav dl dd a{display: block;margin-bottom: .14rem;font-size:.14rem;line-height:1.3;color: #4c4948;text-transform: capitalize;opacity: .5;}
.bottom .bomTop .bomNav dl dt a:hover{color: #005ac0;}
.bottom .bomTop .bomNav dl dd a:hover{opacity: 1;color: #005ac0;}
.bottom .bomTop .bomCona{float: right;}
.bottom .bomTop .bomCona .code{display: flex;align-items: flex-end;flex-direction: column;}
.bottom .bomTop .bomCona .code .txt{text-align: right;font-size:.16rem;color: #4c4948;line-height:.24rem;}
.bottom .bomTop .bomCona .code .txt p{}
.bottom .bomTop .bomCona .code .txt span{display: block;opacity: .5;}
.bottom .bomTop .bomCona .code .img{max-width:1.03rem;}
.bottom .bomTop .bomCona .mailList{text-align: right;margin-top:.2rem;}
.bottom .bomTop .bomCona .mailList .item{margin-top:.1rem;font-size:.16rem;color: #4c4948;line-height:.24rem;}
.bottom .bomTop .bomCona .mailList .item span{opacity: .5;display: block;}
.bottom .bomTop .bomCona .mailList .item p{font-size:.18rem;}

.bottom .bomBom{border-top:1px solid #ecedef;padding:.5rem 0;}
.bottom .bomBom .flinks{float: right;position: relative;}
.bottom .bomBom .flinks span{display: block;padding:0 .7rem 0 .15rem;border-radius:.4rem;line-height:.4rem;background: #f7f7f7;position: relative;color: #828080;cursor: pointer;border:1px solid #eeeef0;}
.bottom .bomBom .flinks span:before{width: .12rem;height: .06rem;content: '';background: url(../images/i1.png) no-repeat;background-size: contain;position: absolute;top: 50%;right: .15rem;margin-top:-.03rem;transition:.3s;}
.bottom .bomBom .flinks .lista{position: absolute;bottom: 110%;width: 100%;left: 0;text-align: center;background: #fff;padding:.1rem 0;display: none;}
.bottom .bomBom .flinks .lista a{display: block;line-height:.24rem;}
.bottom .bomBom .flinks span.on:before{transform: rotate(180deg);}
.bottom .bomBom .shcopy{display: flex;align-content: center;padding:.08rem 0;}
.bottom .bomBom .shcopy .share{margin-right:.1rem;}
.bottom .bomBom .shcopy .share li{display: inline-block;vertical-align: middle;margin-right:.12rem;}
.bottom .bomBom .shcopy .share li a{display: block;width: .32rem;height: .32rem;border-radius:50%;background-color: rgba(255,255,255,.08);background-repeat:no-repeat;background-size: contain;background-position:center;transition:.3s;}
.bottom .bomBom .shcopy .share li.wx a{background-image:url(../images/bwx.png);}
.bottom .bomBom .shcopy .share li.wb a{background-image:url(../images/bwb.png);}
.bottom .bomBom .shcopy .share li.yt a{background-image:url(../images/byt.png);}
.bottom .bomBom .shcopy .share li.dy a{background-image:url(../images/bdy.png);}
.bottom .bomBom .shcopy .share li a:hover{background-color: #fff;}
.bottom .bomBom .shcopy .copy{line-height:.32rem;color: #4c4948;opacity: .5;}


.column-banner{position: relative;margin-top:1rem;}
.column-banner img{width: 100%}
.column-banner .pc{display: block;}
.column-banner .move{display: none;}
.column-banner .box{position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);z-index: 3;}
.column-banner .box .title{font-size: .5rem;color: #ffffff;text-transform: capitalize;}
.column-banner .box .text{max-width: 7.7rem;margin-top: .4rem;font-size: .16rem;color: #ffffff;line-height:     1.7;}
.column-menu{position: relative;margin-top: -.6rem;z-index: 3;}
.column-menu .flex{display: flex;justify-content: space-between;align-items: flex-start;}
.column-menu .flex .menu ul{display: flex;align-items: center}
.column-menu .flex .menu ul li{margin-right: .2rem;}
.column-menu .flex .menu ul li a{display: flex;align-items: center;justify-content: center;width: 2rem;height: 1rem;font-size: .16rem;color: #333333;background-color: #fff;border-radius: 4px;box-shadow: 0 .1rem .2rem rgba(169, 176, 185, .32);transition:.3s;position: relative;top: 0;text-align: center;text-transform: capitalize;}
.column-menu .flex .menu ul li a:hover{box-shadow: 0 .2rem .4rem rgba(169, 176, 185, .6);top: -.05rem;}
.column-menu .flex .menu ul li.on a{background-color: #3e7ddc;color: #fff;}
.column-menu .flex .location{margin-top: .15rem;display: flex;align-items: center;font-size: .16rem;color: #fff;}
.column-menu .flex .location a{margin: 0 .2rem;color: #fff;}
.column-menu .flex .location:before{display: block;content: '';width: .16rem;height: .16rem;background-image: url('../images/location.png');background-size: 100%;}
.column-menu .flex .location span{margin-left: .2rem;text-transform: capitalize;}
/*山鹰包装*/
.public-title{margin-bottom: .6rem;height: 1.3rem;font-size: .4rem;color: #333;background-position: left top;background-repeat: no-repeat;background-size: contain;text-transform: capitalize;}
.public-title:after{display: block;margin-top: .2rem;content: '';width: .4rem;height: 3px;background-color: #005ac0}
.Package .product{padding-top: 1.2rem;}
.Package .product .public-title{background-image: url('../images/Package-product.png')}
.Package .product .list ul{display: flex;flex-wrap: wrap;margin: -2%;}
.Package .product .list ul li{width: 29.33%;margin: 1.5%;}
.Package .product .list ul li .img{overflow: hidden;}
.Package .product .list ul li .img img{width: 100%;transition: 0.8s ease;}
.Package .product .list ul li:hover .img img{transform: scale(1.2);}
.Package .product .list ul li .title{margin-top: .25rem;text-align: center;}
.Package .product .list ul li .title a{font-size: .2rem;color: #333333;}
.Package .product .list ul li:hover .title a{color: #005ac0}
.Package .formula{padding: 1.1rem 0;}
.Package .formula .public-title{background-image: url('../images/Package-formula.png')}
.Package .formula .list ul{display: flex;flex-wrap: wrap;margin: -2%;}
.Package .formula .list ul li{width: 29.33%;margin: 1.5%;padding-bottom: .25rem;border-bottom: 1px solid #e9e9e9;}
.Package .formula .list ul li .img{overflow: hidden;}
.Package .formula .list ul li .img img{width: 100%;transition: 0.8s ease;}
.Package .formula .list ul li:hover .img img{transform: scale(1.2);}
.Package .formula .list ul li .title{margin-top: .25rem;}
.Package .formula .list ul li .title a{font-size: .2rem;color: #333333;}
.Package .formula .list ul li:hover .title a{color: #005ac0}
.Package .formula .list ul li .text{margin-top: .25rem;font-size: .16rem;color: #666666;line-height: 1.7;}
.Package .brand{padding: 1.1rem 0;background-color: #f7f9fa}
.Package .brand .public-title{background-image: url('../images/Package-brand.png')}
.Package .brand .list .flex{display: flex;flex-wrap: wrap;align-items: center}
.Package .brand .list ul{width: calc(100% / 6)}
.Package .brand .list ul li{padding: .1rem;}
.Package .brand .list ul li img{width: 100%;box-shadow: 0 0 .21rem rgba(0, 0, 0, .04)}
.Package .brand .swiper-pagination{position: initial;margin-top: .7rem;}
.Package .brand .swiper-pagination .swiper-pagination-bullet{width: .12rem;height: .12rem;margin: 0  .09rem;}
.Package .detection{padding: 1.1rem 0}
.Package .detection .public-title{background-image: url('../images/Package-detection.png')}
.Package .detection .textarea{font-size: .16rem;color: #4c4948;line-height: 1.7;}
.Package .detection .list{margin-top: .7rem;}
.Package .detection .list .img img{width: 100%;}
.Package .detection .list .title{margin-top: .2rem;font-size: .18rem;color: #333333;text-align: center;}
.Package .detection .bottom-box{margin-top: .5rem;display: flex;justify-content: space-between;}
.Package .detection .bottom-box .btn{display: flex;align-items: center;margin-left: .5rem;}
.Package .detection .bottom-box .swiper-pagination-progressbar{position: initial;height: 3px;}
.Package .detection .bottom-box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{--swiper-theme-color: #005ac0;}
.Package .detection .bottom-box .swiper-button-prev{position: initial;--swiper-navigation-size: .27rem;--swiper-theme-color: #005ac0;}
.Package .detection .bottom-box .swiper-button-next{position: initial;--swiper-navigation-size: .27rem;margin-left: .45rem;--swiper-theme-color: #005ac0;}
.Package .detection .bottom-box .swiper-button-prev.swiper-button-disabled{--swiper-theme-color: #999999;opacity: 1;}
.Package .detection .bottom-box .swiper-button-next.swiper-button-disabled{--swiper-theme-color: #999999;opacity: 1;}
.Package .detection .flair{margin-top: 1.1rem;}
.Package .detection .flair .main-title{font-size: .36rem;color: #3e7ddc;}
.Package .detection .flair .box{margin-top: .4rem;}
.Package .detection .flair ul{display: flex;flex-wrap: wrap;margin: -2%;}
.Package .detection .flair ul li{width: 29.33%;margin: 2%;}
.Package .detection .flair ul li .img img{width: 100%}
.Package .detection .flair ul li .title{margin-top: .2rem;font-size: .18rem;color: #4c4948;text-align: center;}
/*长岛生活*/
.Life{padding: 1.2rem 0}
.Life .top-box .head-box{display: flex;justify-content: space-between;}
.Life .top-box .head-box .logo img{max-width: 3.73rem;}
.Life .top-box .head-box .name{font-size: .18rem;color: #333333;text-align: right;}
.Life .top-box .head-box .name:after{display: block;margin-top: .2rem;content: '';width: 10.17rem;height: .7rem;background-image: url('../images/Life-title.png');background-size: 100%;}
.Life .top-box .box{margin-top: .6rem;display: flex;justify-content: space-between;}
.Life .top-box .box .left-box{width: 47.5%;}
.Life .top-box .box .left-box .title{margin-bottom: .35rem;}
.Life .top-box .box .left-box .title .cn{font-size: .3rem;color: #333333;}
.Life .top-box .box .left-box .title .name{margin-top: .3rem;font-size: .18rem;color: #333333;}
.Life .top-box .box .left-box .title:after{display: block;margin-top: .4rem;content: '';width: .4rem;height: 3px;background-color: #005ac0}
.Life .top-box .box .left-box .text{font-size: .16rem;color: #666666;line-height: 1.7;}
.Life .top-box .box .left-box .ewm{margin-top: .95rem;}
.Life .top-box .box .left-box .ewm ul{display: flex;}
.Life .top-box .box .left-box .ewm ul li{margin-right: .8rem;text-align: center;}
.Life .top-box .box .left-box .ewm ul li:last-child{margin-right: 0;}
.Life .top-box .box .left-box .ewm ul li img{max-width: 1.46rem;}
.Life .top-box .box .left-box .ewm ul li .name{margin-top: .2rem;font-size: .16rem;color: #4c4948;}
.Life .top-box .box .right-box{width: 40.6%;margin-top: -.7rem;z-index: 3;}
.Life .bottom-box{margin-top: 1.2rem;overflow: hidden;}
.Life .bottom-box .swiper{max-width: 11rem;margin: 0 auto;overflow: inherit;}
.Life .bottom-box .swiper-slide{padding: .6rem .3rem;background-image: url('../images/Life-bg.jpg');background-size: cover;box-sizing: border-box;}
.Life .bottom-box .flex{display: flex;justify-content: space-between;align-items: center}
.Life .bottom-box .flex .left-box{width: 89%;display: flex;align-items: center;}
.Life .bottom-box .flex .left-box .img{width: 42.5%}
.Life .bottom-box .flex .left-box .img img{width: 100%;}
.Life .bottom-box .flex .left-box .box{margin-left: 3%;width: calc(97% - 42.5%)}
.Life .bottom-box .flex .left-box .box .title{font-size: .24rem;color: #333333;}
.Life .bottom-box .flex .left-box .box .tips{margin-top: .4rem;}
.Life .bottom-box .flex .left-box .box .tips ul{display: flex;}
.Life .bottom-box .flex .left-box .box .tips ul li{display: flex;align-items: center;justify-content: center;margin-right: .2rem;min-width: 1rem;height: .4rem;font-size: .14rem;color: #ffffff;background-color: #005ac0;border-radius: 4px; padding: 0 .1rem;}
.Life .bottom-box .flex .left-box .box .tips ul li:last-child{margin-right: 0;}
.Life .bottom-box .flex .left-box .box .text{margin-top: .6rem;font-size: .16rem;color: #333333;line-height: .36rem;}
.Life .bottom-box .flex .right-box img{max-width: 100%}
.Life .bottom-box .button-box{margin-top: .5rem;display: flex;justify-content: space-between;}
.Life .bottom-box .button-box .btn{display: flex;align-items: center;margin-left: .5rem;}
.Life .bottom-box .button-box .swiper-pagination-progressbar{position: initial;height: 3px;}
.Life .bottom-box .button-box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{--swiper-theme-color: #005ac0;}
.Life .bottom-box .button-box .swiper-button-prev{position: initial;--swiper-navigation-size: .27rem;--swiper-theme-color: #005ac0;}
.Life .bottom-box .button-box .swiper-button-next{position: initial;--swiper-navigation-size: .27rem;margin-left: .45rem;--swiper-theme-color: #005ac0;}
.Life .bottom-box .button-box .swiper-button-prev.swiper-button-disabled{--swiper-theme-color: #999999;opacity: 1;}
.Life .bottom-box .button-box .swiper-button-next.swiper-button-disabled{--swiper-theme-color: #999999;opacity: 1;}
/*山鹰造纸*/
.Base{padding: 1.2rem 0;}
.Base .table-nav ul{display: flex;justify-content: center;align-items: center;}
.Base .table-nav ul li{margin-right: .4rem;display: flex;align-items: center;justify-content: center;width: 2.4rem;min-height: .4rem;font-size: .16rem;color: #999999;border: 1px solid #d1dce2;border-radius: .4rem;box-sizing: border-box;cursor: pointer;text-transform: capitalize;}
.Base .table-nav ul li a{ color: #999;}
.Base .table-nav ul li:last-child{margin-right: 0;}
.Base .table-nav ul li.on{background-color: #005ac0;color: #fff;border: 1px solid #005ac0;}
.Base .table-nav ul li.on a{color: #fff;}
.Base .table-box{margin-top: .7rem;}
.Base .table-box .item{display: none;}
.Base .table-box .item.on{display: block;}
.Base .table-box1 .item{display: block;}
.Base .table-box1 .item+.item{margin-top: 1.2rem;}
.Base .table-box .item:nth-of-type(1) .public-title{background-image: url('../images/Base-title1.png')}
.Base .table-box .item:nth-of-type(2) .public-title{background-image: url('../images/Base-title2.png')}
.Base .list ul li{padding: .8rem 0}
.Base .table-box1 .list ul li:last-child{padding-bottom:0}
.Base .list ul li:nth-of-type(odd){background-color: #f4f7f8}
.Base .list ul li .flex{display: flex;justify-content: space-between;}
.Base .list ul li:nth-of-type(odd) .flex{flex-flow: row-reverse;}
.Base .list ul li .img{width: 47.5%;}
.Base .list ul li .img img{width: 100%;}
.Base .list ul li .box{padding: .4rem 0 .5rem 0;width: 44.6%;background-position: bottom left;background-size: auto;background-repeat: no-repeat}
.Base .list ul li .box .title{font-size: .3rem;color: #333333}
.Base .list ul li .box .text{margin-top: .35rem;min-height: 1.35rem;font-size: .16rem;color: #4c4948;line-height: 1.7;word-break: break-all;word-wrap: break-word;}
.Base .list ul li .box .time{margin-top: .3rem;}
.Base .list ul li .box .time dl{display: flex;}
.Base .list ul li .box .time dl dd{margin-right: 1rem;}
.Base .list ul li .box .time dl dd:last-child{margin-right: 0;}
.Base .list ul li .box .time dl dd .num{font-size: .5rem;color: #333333}
.Base .list ul li .box .time dl dd .name{font-size: .16rem;color: #666666}
.Product{padding: 1.2rem 0}
.Product .table-nav ul{display: flex;justify-content: center;align-items: center;}
.Product .table-nav ul li{margin-right: .4rem;display: flex;align-items: center;justify-content: center;width: 1.4rem;height: .4rem;font-size: .16rem;color: #999999;border: 1px solid #d1dce2;border-radius: .4rem;box-sizing: border-box;cursor: pointer}
.Product .table-nav ul li a{color: #999; display: block;}
.Product .table-nav ul li:last-child{margin-right: 0;}
.Product .table-nav ul li.on{background-color: #005ac0;color: #fff;border: 1px solid #005ac0;}
.Product .table-nav ul li.on a{color: #fff;}
.Product .table-box{margin-top: .7rem;}
.Product .table-box .item{display: none;}
.Product .table-box .item.on{display: block;}
.Product .table-box .item:nth-of-type(1) .public-title{background-image: url('../images/Base-title1.png')}
.Product .table-box .item:nth-of-type(2) .public-title{background-image: url('../images/Base-title2.png')}
.Product .table-box1 .item{display: block;}
.Product .table-box1 .item+.item{margin-top: 1.2rem;}
.Product .text{font-size: .16rem;color: #4c4948;line-height:.3rem;}
.Product .list{margin-top: .55rem;}
.Product .list ul{display: flex;flex-wrap: wrap;margin: -1.5%;}
.Product .list ul li{width: 30%;margin: 1.5%;}
.Product .list ul li .img img{width: 100%}
.Product .list ul li .title{margin-top: .2rem;font-size: .16rem;color: #333333;text-align: center;}






/*山鹰资源回收*/
.Overseas{padding: 1.2rem 0}
.Overseas .public-title{background-image: url('../images/Base-title2.png')}
.Overseas .list ul li{position: relative;margin-bottom: .5rem;display: flex;}
.Overseas .list ul li .img{position: relative;width: 56.7%;z-index: 3;}
.Overseas .list ul li .img img{width: 100%;}
.Overseas .list ul li .box{margin-top: .5rem;width: 50%;height: 5.17rem;padding-top: 1.4rem;background-color: #f8f8f8;box-sizing: border-box;}
.Overseas .list ul li .box .title{font-size: .36rem;color: #005ac0}
.Overseas .list ul li .box .text{margin-top: .4rem;font-size: .16rem;color: #333333;line-height: 1.7;}
.Overseas .list ul li:nth-of-type(odd) .img{margin-right: -6%;}
.Overseas .list ul li:nth-of-type(odd) .box{padding-left: 11%;padding-right: 5%;}
.Overseas .list ul li:nth-of-type(even){flex-flow: row-reverse;}
.Overseas .list ul li:nth-of-type(even) .img{margin-left: -6%;}
.Overseas .list ul li:nth-of-type(even) .box{padding-left: 5%;padding-right: 11%;}
.Domestic{padding: 1.2rem 0}
.Domestic .public-title{background-image: url('../images/Base-title1.png')}
.Domestic .more-nav{margin-bottom: .6rem;}
.Domestic .more-nav ul{display: flex;justify-content: center;align-items: center;}
.Domestic .more-nav ul li{margin-right: .4rem;}
.Domestic .more-nav ul li a{display: flex;align-items: center;justify-content: center;padding: 0 .14rem;height: .4rem;font-size: .16rem;color: #999999;border: 1px solid #d1dce2;border-radius: .4rem;box-sizing: border-box;cursor: pointer}
.Domestic .more-nav ul li:last-child{margin-right: 0;}
.Domestic .more-nav ul li:hover a,
.Domestic .more-nav ul li.on a{background-color: #005ac0;color: #fff;border: 1px solid #005ac0;}
.Domestic .orient{display: flex;}
.Domestic .orient .img{width: 47.5%}
.Domestic .orient .img img{width: 100%}
.Domestic .orient .box{width: 52.5%;padding: 7.2% 7.5% 0 9.3%;background-color:#f7f8fa;box-sizing: border-box;}
.Domestic .main-title{margin-bottom: .4rem;font-size: .36rem;color: #3e7ddc}
.Domestic .main-title-ent{text-align: center;}
.Domestic .main-text{font-size: .16rem;color: #4c4948;line-height:.3rem; text-align: justify;}
.Domestic .capacity{margin-top: 1rem;}
.Domestic .capacity .list ul li{display: flex;align-items: center;justify-content: space-between;margin-bottom: .35rem;padding: .9rem 1.2rem;background-color: #f7f8f9}
.Domestic .capacity .list ul li:nth-of-type(even){flex-flow: row-reverse;}
.Domestic .capacity .list ul li:last-child{margin-bottom: 0;}
.Domestic .capacity .list ul li .img{width: 47%;overflow: hidden;}
.Domestic .capacity .list ul li .img img{width: 100%}
.Domestic .capacity .list ul li .box{width:42%}
.Domestic .capacity .list ul li .box .title{position: relative;margin-bottom: .35rem;}
.Domestic .capacity .list ul li .box .title span{position: relative;font-size: .3rem;color: #333333;z-index: 2;}
.Domestic .capacity .list ul li .box .title .num{position: absolute;left: 0;top: 50%;font-size: 1.2rem;color: rgba(0, 90, 192, .10);z-index: 1;transform: translateY(-50%); font-weight: bold;}
.Domestic .plate{margin-top: 1rem;}
.Domestic .plate .table-nav ul{display: flex;justify-content: space-between}
.Domestic .plate .table-nav ul li{position: relative;width: 46.5%;background-color: #f7f9fa;cursor: pointer}
.Domestic .plate .table-nav ul li .img img{width: 100%}
.Domestic .plate .table-nav ul li .img img:nth-of-type(2){display: none;}
.Domestic .plate .table-nav ul li.on{background-image: url('../images/Domestic-bg.jpg');background-size: 100%;}
.Domestic .plate .table-nav ul li.on:after{display: block;content: '';position: absolute;left: 0;right: 0;bottom: -.23rem;width: 0;height: 0;margin: 0 auto;border-top: .23rem solid #005ac0;border-left: .19rem solid transparent;border-right: .19rem solid transparent;z-index: 3;}
.Domestic .plate .table-nav ul li.on .img img:nth-of-type(1){display: none;}
.Domestic .plate .table-nav ul li.on .img img:nth-of-type(2){display: block;}
.Domestic .plate .table-box{margin-top: .55rem;}
.Domestic .plate .table-box .item{display: none;}
.Domestic .plate .table-box .item.on{display: block;}
.Domestic .plate .table-box .item .box{padding: .9rem .7rem .35rem .7rem;background-color: #fff;box-shadow: 0 .06rem .29rem rgba(0, 0, 0, .06);}
.Domestic .plate .table-box .item .box .title{font-size: .3rem;color: #333333;}
.Domestic .plate .table-box .item .box .text{margin-top: .25rem;font-size: .16rem;color: #4c4948;line-height: 1.7;}
.Domestic .honor{margin-top: 1rem;}
.Domestic .honor .list ul{display: flex;margin: -2%;}
.Domestic .honor .list ul li{width: 29.333%;margin: 2%;}
.Domestic .honor .list ul li .img img{width: 100%;box-shadow: 0 0 .09rem rgba(0, 0, 0, .2);}
.Domestic .honor .list ul li .title{margin-top: .3rem;font-size: .2rem;color: #333333;text-align: center;}
/*投资者关系*/
.Invest{margin-top: -.4rem;height: 8.4rem;display: flex;align-items: center;background-size: cover;}
.Invest .w1600{width: 100%}
.Invest .public-title{display: flex;font-size: .3rem;align-items: end;background-image: url('../images/Invest-title.png')}
.Invest .public-title:after{display: none;}
.Invest .public-title .en {position: absolute;top: 0;line-height: 0.8;font-size: 1.8rem;font-family: arial;font-weight: bold;color: transparent;background-image: linear-gradient(180deg, rgb(173 173 173 / 40%), transparent);-webkit-background-clip: text;background-clip: text;opacity: 0; }
.Invest .text{font-size: .18rem;color: #333333;}
/*人才发展*/
.Meet{padding: 1.2rem 0}
.Meet .public-title{height:auto;font-size: .3rem; background-image: url('../images/Meet-title.png')}
.Meet .public-title span{display: block;margin-top: .2rem;font-size: .18rem;color: #333333;}
.Meet .public-title .public-title:after{margin-top: .5rem;}
.Meet .top-box{background-image: url('../images/Meet-bg.jpg');background-position: right center;background-size: auto 100%;background-repeat: no-repeat}
.Meet .top-box .flex{display: flex;align-items: center}
.Meet .top-box .img{width: 66.25%}
.Meet .top-box .img img{width: 100%;}
.Meet .top-box .box{width: 33.75%;padding-left: .6rem;box-sizing: border-box;}
.Meet .top-box .box .title{font-size: .3rem;color: #333333;}
.Meet .top-box .box .text{margin-top: .25rem;font-size: .16rem;color: #666666;line-height: 1.7;}
.Meet .list{margin-top: .5rem;}
.Meet .list ul{display: flex;flex-wrap: wrap;justify-content: center;margin: -2% -1%;}
.Meet .list ul li{width: 31.33%;margin: 2% 1%;}
.Meet .list ul li .img img{width: 100%;}
.Meet .list ul li .title{margin-top: .25rem;font-size: .24rem;color: #4c4948;}
.Meet .list ul li .text{margin-top: .2rem;font-size: .16rem;color: #4c4948;line-height: 1.7;}
.Meet .list ul li .more{margin-top: .5rem;line-height: 1;}
.Meet .list ul li .more a{display: flex;align-items: center;font-size: .16rem;color: #005ac0;}
.Meet .list ul li .more a:after{display: block;content: '';margin-left: .1rem;width: .07rem;height: .08rem;border-top: 1px solid #005ac0;border-right: 1px solid #005ac0;    transform: rotate(45deg);box-sizing: border-box;}
.Develop{padding: 1.2rem 0}
.Develop .table-nav ul{display: flex;justify-content: center;align-items: center;}
.Develop .table-nav ul li{margin-right: .4rem;display: flex;align-items: center;justify-content: center;width: 1.4rem;height: .4rem;font-size: .16rem;color: #999999;border: 1px solid #d1dce2;border-radius: .4rem;box-sizing: border-box;cursor: pointer;text-transform: capitalize;}
.Develop .table-nav ul li:last-child{margin-right: 0;}
.Develop .table-nav ul li.on{background-color: #005ac0;color: #fff;border: 1px solid #005ac0;}
.Develop .table-box{margin-top: .7rem;}
.Develop .table-box .item{display: none;}
.Develop .table-box .item.on{display: block;}
.Develop .train .platform .public-title{background-image: url('../images/train-platform-title.png')}
.Develop .train .platform .text{font-size: .16rem;color: #666666;line-height: 1.6;}
.Develop .train .platform .list{margin-top: .45rem;}
.Develop .train .platform .list ul{display: flex;flex-wrap:wrap;margin: -0.5%;}
.Develop .train .platform .list ul li{position: relative;width: 24%;margin: 0 .5%;}
.Develop .train .platform .list ul li .img img{width: 100%;}
.Develop .train .platform .list ul li .box{position: absolute;left: 0;top: 0;padding: 40% .2rem .2rem .2rem;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);z-index: 3;box-sizing: border-box;}
.Develop .train .platform .list ul li .box .title{font-size: .3rem;color: #ffffff;}
.Develop .train .platform .list ul li .box .text{margin-top: .35rem;font-size: .16rem;color: #ffffff;line-height: 1.6}
.Develop .train .camp{margin-top: 1.2rem;}
.Develop .train .camp .public-title{background-image: url('../images/train-camp-title.png')}
.Develop .train .camp .text{font-size: .16rem;color: #666666;line-height: 2;}
.Develop .train .camp .text b{color: #000;}
.Develop .train .camp .title{margin-top: .55rem;text-align: center;font-size: .24rem;color: #000;}
.Develop .train .camp .img{margin-top: .55rem;text-align: center;}
.Develop .train .camp .img img{max-width: 100%}
.Develop .train .lead{margin-top: 1rem;}
.Develop .train .lead .title{font-size: .36rem;color: #005ac0;}
.Develop .train .lead .list{margin-top: .5rem;}
.Develop .train .lead .list ul{display: flex;margin: -1%;}
.Develop .train .lead .list ul li{width: 23%;margin: 1%;}
.Develop .train .lead .list ul li img{width: 100%;}
.Develop .exit .public-title{background-image: url('../images/exit-title.png')}
.Develop .exit .text{font-size: .16rem;color: #666666;line-height: 1.7;}
.Develop .exit .img{margin-top: .8rem;text-align: center;}
.Develop .exit .img img{max-width: 100%}
/*联系方式*/
.Way{padding: 1.2rem 0;overflow: hidden;}
.Way .top-box{display: flex;align-items: center;justify-content: space-between}
.Way .top-box .title{font-size: .26rem;color: #333333;line-height: 1.5;}
.Way .top-box .competition{display: flex;align-items: center;justify-content: flex-end;}
.Way .top-box .competition .selection{display: flex;margin-left: 0.35rem;}
.Way .top-box .competition .selection .item{position: relative;margin-right: .15rem;width: 100%;}
.Way .top-box .competition .selection .item .name{display: flex;align-items: center;justify-content: space-between;width: 2.3rem;height: .55rem;padding: 0 .15rem;font-size: .16rem;color: #999999;border: 1px solid #d1dce2;box-sizing: border-box;border-radius: .55rem;cursor: pointer}
.Way .top-box .competition .selection .item .name:after{display: block;content: '';width: .08rem;height: .08rem;border-bottom: 1px solid #999;border-right: 1px solid #999;    transform: rotate(45deg);box-sizing: border-box;}
.Way .top-box .competition .selection .item ul{display: none;position: absolute;left: 0;top: .55rem;width: 100%;max-height: 3rem;background-color: #fff;overflow-x: hidden;z-index: 33;box-shadow: 0 0 .05rem rgba(0, 0, 0, .1)}
.Way .top-box .competition .selection .item ul li{padding: 0 .15rem;font-size: .16rem;color: #333;line-height: .35rem;cursor: pointer}
.Way .top-box .competition .selection .item ul li:hover{background-color: #005ac0;color: #fff}
.Way .top-box .competition .selection .item:hover ul{display: block;}
.Way .top-box .competition .btn{display: flex;align-items: center;justify-content: center;width: 1.2rem;height: .55rem;font-size: .16rem;color: #ffffff;background-color: #005ac0;border-radius: .55rem;cursor: pointer}
.Way .top-box .competition .btn:before{display: block;content: '';width: .17rem;height: .17rem;margin-right: .1rem;background-image: url('../images/Way-search.png');background-size: 100%;}
.Way .list{margin-top: .7rem;}
.Way .list .bg{position: relative;height: 6rem;background-size: cover; background-color:#f8f9fb;}
.Way .list .bg .box{position: absolute;right: .4rem;bottom: .4rem;max-width: 4.7rem;width: 100%;padding: .4rem;background-color: #fff;z-index: 3;}
.Way .list .bg .box .title{font-size: .2rem;color: #333333;}
.Way .list .bg .box .title span{color: #005ac0;}
.Way .list .bg .box .text{margin-top: .7rem;font-size: .16rem;color: #666666;line-height: 1.8;}
.Way .list .mySwiper{max-width: 10.7rem;margin: 0 auto;overflow: inherit;}
.Way .list .bottom-box{margin-top: .5rem;display: flex;justify-content: space-between;}
.Way .list .bottom-box .btn{display: flex;align-items: center;margin-left: .5rem;}
.Way .list .bottom-box .swiper-pagination-progressbar{position: initial;height: 3px;}
.Way .list .bottom-box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{--swiper-theme-color: #005ac0;}
.Way .list .bottom-box .swiper-button-prev{position: initial;--swiper-navigation-size: .27rem;--swiper-theme-color: #005ac0;}
.Way .list .bottom-box .swiper-button-next{position: initial;--swiper-navigation-size: .27rem;margin-left: .45rem;--swiper-theme-color: #005ac0;}
.Way .list .bottom-box .swiper-button-prev.swiper-button-disabled{--swiper-theme-color: #999999;opacity: 1;}
.Way .list .bottom-box .swiper-button-next.swiper-button-disabled{--swiper-theme-color: #999999;opacity: 1;}
.Seek{margin: 1.2rem 0;background-image: url('../images/Seek-bg.png');background-size: 6.74rem 3.72rem;background-repeat: no-repeat;background-position: top right;}
.Seek .public-title{font-size: .26rem; background-image: url('../images/Seek-title.png')}
.Seek .public-title a{color: #005ac0;text-transform: none;}
.Seek .flex{display: flex;justify-content: space-between}
.Seek .flex .box{width: 46.25%;}
.Seek .flex .box ul li{margin-bottom: .2rem;}
.Seek .flex .box ul li:last-child{margin-bottom: 0;}
.Seek .flex .box .text{display: block;width: 100%;height: .6rem;padding: 0 .2rem;font-size: .16rem;background-color: #f7f9fa;box-sizing: border-box;}
.Seek .flex .box .textarea{display: block;width: 100%;height: 1.3rem;padding: .2rem;font-size: .16rem;background-color: #f7f9fa;box-sizing: border-box;font-family: "arial"}
.Seek .flex .box .btn{margin-top: .75rem;width: 100%;height: .6rem;text-align: center;font-size: .24rem;color: #ffffff;background-color: #005ac0;cursor: pointer}
.Seek .flex .img{width: 47.5%;}
.Seek .flex .img img{width: 100%}


/*山鹰介绍*/
.subTit{text-align: center;margin-bottom:.7rem;}
.subTit h3{font-size:.3rem;}
.Introduce{}
.Introduce .listBox{position: relative;}
.Introduce .listBox:before{width: 9.75rem;height: 4.56rem;content: '';background: url(../images/intBEG.png) no-repeat;background-size: contain;position: absolute;top: -2rem;right: -.9rem;opacity: .15;z-index: -1;}
.Introduce .listBox .item{padding:1.2rem 0;}
.Introduce .listBox .item .flex{display: flex;justify-content:space-between;align-items: center;}
.Introduce .listBox .item .txtBox{width: 50%;padding-left: .8rem;}
.Introduce .listBox .item .txtBox h5{font-size:.3rem;padding-bottom:.25rem;margin-bottom:.3rem;position: relative;}
.Introduce .listBox .item .txtBox h5:before{width: .4rem;height: .03rem;content: '';background: #005ac0;position: absolute;left: 0;bottom: 0;}
.Introduce .listBox .item .txtBox .des{font-size:.16rem;line-height:.3rem;color: #666666;}
.Introduce .listBox .item .imgBox{width: 50%;}
.Introduce .listBox .item .numBox{margin-top:.8rem;display: flex;justify-content:space-between;align-items: center;}
.Introduce .listBox .item .numBox .li{display: flex;align-items: center;}
.Introduce .listBox .item .numBox .li .count{display: block;font-size:.5rem;line-height:1;color: #005ac0;}
.Introduce .listBox .item .numBox .li p{font-size:.14rem;line-height:.24rem;padding-left: .1rem;text-transform: capitalize;}
.Introduce .listBox .item:nth-child(odd) .flex{flex-flow: row-reverse;}
.Introduce .listBox .item:nth-child(even){background: #f8f9fa;}
.Introduce .listBox .item:nth-child(even) .txtBox{padding-left:0;padding-right:.8rem;}
.Introduce .vidList{padding:1.2rem 0;}
.Introduce .vidList .list{}
.Introduce .vidList .list .imgBox{overflow: hidden;position: relative;}
.Introduce .vidList .list .imgBox:before{width: 100%;height: 100%;content: '';background: #000;position: absolute;top: 0;left: 0;transition:.3s;opacity: .2;z-index: 2;}
.Introduce .vidList .list .imgBox:after{width: .7rem;height: .7rem;content: '';background: url(../images/play.png) no-repeat;background-size: contain;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 3;transition:.3s;}
.Introduce .vidList .list .imgBox figure{padding-bottom:4rem;background-repeat:no-repeat;background-size: cover;background-position:center;transition:.3s;}
.Introduce .vidList .list .imgBox:hover:before{opacity: 0;}
.Introduce .vidList .list .imgBox:hover:after{top: 48%;}
.Introduce .vidList .list .imgBox:hover figure{transform: scale(1.1, 1.1);}
.Introduce .vidList .list .swiper-pagination{position: static;margin-top:.7rem;border-radius:.1rem;overflow: hidden;}

/*品牌荣誉*/
.Honer{position: relative;}
.Honer:before{width: 9.75rem;height: 4.56rem;content: '';background: url(../images/intBEG.png) no-repeat;background-size: contain;position: absolute;bottom: 1.2rem;left: -.4rem;opacity: .15;z-index: -1;transform: rotateY(180deg);}
.Honer .brandSl{padding:1.2rem 0;}
.Honer .brandSl .left-box{float: left;width: 40%;}
.Honer .brandSl .left-box .public-title{background-image:url(../images/Brand-title.png);}
.Honer .brandSl .left-box .brandSwiNav{height: 350px;}
.Honer .brandSl .left-box .brandSwiNav .swiper-slide{height: 50px!important;position: relative;}
.Honer .brandSl .left-box .brandSwiNav .swiper-slide:before,
.Honer .brandSl .left-box .brandSwiNav .swiper-slide:after{width: .2rem;height: .02rem;content: '';background: #ebebeb;position: absolute;left: .02rem;}
.Honer .brandSl .left-box .brandSwiNav .swiper-slide:before{top: .08rem;}
.Honer .brandSl .left-box .brandSwiNav .swiper-slide:after{bottom: .08rem;}
.Honer .brandSl .left-box .brandSwiNav .swiper-slide p{line-height:50px;padding-left:.6rem;position: relative;font-size:.16rem;color: #999999;transition:.3s;opacity: .6;display: block;
  white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.Honer .brandSl .left-box .brandSwiNav .swiper-slide p:before{width: .2rem;height: .02rem;content: '';background: #ebebeb;position: absolute;left: .02rem;top: 50%;transform: translateY(-50%);transition:.3s;}
.Honer .brandSl .left-box .brandSwiNav .swiper-slide.swiper-slide-thumb-active p{font-size:.18rem;color: #005ac0;opacity: 1;}
.Honer .brandSl .left-box .brandSwiNav .swiper-slide.swiper-slide-thumb-active p:before{width: .35rem;height: .03rem;background: #3e7ddc;}
.Honer .brandSl .right-box{float: left;width: 60%;padding-top:1rem;}
.Honer .brandSl .right-box .brandSwiBig{}
.Honer .brandSl .right-box .brandSwiBig .swiper-slide{background: #fff;}
.Honer .brandSl .right-box .brandSwiBig .swiper-slide img{box-shadow: 0 8px 30px #ddd;}
.Honer .brandSl .right-box .brandSwiBig .swiper-slide p{text-align: center;padding:.4rem 0 .15rem;font-size:.18rem;color: #666666;opacity: 0;}
.Honer .brandSl .right-box .brandSwiBig .swiper-slide.swiper-slide-active p{opacity: 1;}
.Honer .honorSl{padding:.6rem 0 1.2rem;}
.Honer .honorSl .left-box{float: left;width: 40%;}
.Honer .honorSl .left-box .public-title{background-image:url(../images/Honor-title.png);}
.Honer .honorSl .left-box .honorSwiNav{height: 280px;}
.Honer .honorSl .left-box .honorSwiNav .swiper-slide{height: 40px!important;}
.Honer .honorSl .left-box .honorSwiNav .swiper-slide p{line-height:40px;padding-left:.15rem;font-size:.14rem;color: #666666;transition:.3s;position: relative;  display: block;
white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.Honer .honorSl .left-box .honorSwiNav .swiper-slide.swiper-slide-thumb-active p{color: #005ac0;}
.Honer .honorSl .left-box .honorSwiNav .swiper-slide.swiper-slide-thumb-active p:before{width: .02rem;height: .2rem;content: '';background: #005ac0;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.Honer .honorSl .right-box{float: left;width: 60%;padding-top:1rem;}
.Honer .honorSl .right-box .honorSwiBig{}
.Honer .honorSl .right-box .honorSwiBig .swiper-slide{background: #fff;}
.Honer .honorSl .right-box .honorSwiBig .swiper-slide img{box-shadow: 0 8px 30px #ddd;}
.Honer .honorSl .right-box .honorSwiBig .swiper-slide p{text-align: center;padding:.4rem 0 .15rem;font-size:.18rem;color: #666666;opacity: 0;}
.Honer .honorSl .right-box .honorSwiBig .swiper-slide.swiper-slide-active p{opacity: 1;}
.Honer .valueSl{padding:.6rem 0 1.2rem;}
.Honer .valueSl .left-box{float: left;width: 40%;}
.Honer .valueSl .left-box .public-title{background-image:url(../images/Value-title.png);}
.Honer .valueSl .left-box .valueSwiNav{height: 280px;}
.Honer .valueSl .left-box .valueSwiNav .swiper-slide{height: 40px!important;}
.Honer .valueSl .left-box .valueSwiNav .swiper-slide p{line-height:40px;padding-left:.15rem;font-size:.16rem;color: #666666;transition:.3s;position: relative;}
.Honer .valueSl .left-box .valueSwiNav .swiper-slide.swiper-slide-thumb-active p{color: #005ac0;}
.Honer .valueSl .left-box .valueSwiNav .swiper-slide.swiper-slide-thumb-active p:before{width: .02rem;height: .2rem;content: '';background: #005ac0;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.Honer .valueSl .right-box{float: left;width: 60%;padding-top:1rem;}
.Honer .valueSl .right-box .valSwiper .swiper-slide{background: #f8f9fa;padding:.4rem 5%;text-align: center;}
.Honer .valueSl .right-box .valSwiper .swiper-slide .imgBox{max-width:100%;height: 4rem;overflow: hidden;}
.Honer .valueSl .right-box .valSwiper .swiper-slide p{font-size: .16rem;color: #666666;padding-top:.3rem;}

/*绿色山鹰*/
.greenSY{background-image: linear-gradient(#ffffff, #f0f0f0);padding:1rem 0 .4rem;}
.greenSY .item{margin-bottom:.9rem;}
.greenSY .item .txtBox{float: left;width: 50%;}
.greenSY .item .txtBox h5{font-size:.36rem;color: #005ac0;font-weight:normal;margin-bottom:.25rem;}
.greenSY .item .txtBox .des{font-size:.2rem;line-height:.34rem;}
.greenSY .item .txtBox .des p{position: relative;padding-left: .2rem;}
.greenSY .item .txtBox .des p:before{width: .06rem;height: .06rem;content: '';background: #3e7ddc;position: absolute;left: 0;top: .14rem;}
.greenSY .item .txtBox .des .img{margin-top:.3rem;}
.greenSY .item .txtBox .des .img span{display: block;font-size:.16rem;line-height:.3rem;color: #666666;margin-top:.2rem;}
.greenSY .item .imgBox{float: left;width: 50%;text-align: right;}
.Carbon{}
.Carbon .bonTit{padding: .9rem 0 .5rem;}
.Carbon .bonTit h3{font-size:.36rem;color: #005ac0;font-weight:normal;}
.Carbon .sourceList{}
.Carbon .sourceList ul{display: flex;justify-content:space-between;}
.Carbon .sourceList li{width: 31%;background: #f8f9fa;}
.Carbon .sourceList li .imgBox{overflow: hidden;}
.Carbon .sourceList li .imgBox figure{padding-bottom:3rem;background-repeat:no-repeat;background-size: cover;background-position:center;}
.Carbon .sourceList li .txtBox{padding: .3rem .35rem;}
.Carbon .sourceList li .txtBox h5{font-size:.2rem;line-height:.3rem;font-weight:normal;margin-bottom:.1rem;}
.Carbon .sourceList li .txtBox p{font-size:.16rem;line-height:.28rem;color: #666666;}
.Carbon .manufacture{}
.Carbon .manufacture .flex{display: flex;align-items: center;justify-content:space-between;background: #f8f9fa;}
.Carbon .manufacture .flex .imgBox{width: 50%;}
.Carbon .manufacture .flex .txtBox{width: 50%;padding:0 6%;}
.Carbon .manufacture .flex .txtBox h5{font-size:.2rem;line-height:.34rem;font-weight:normal;}
.Carbon .manufacture .flex .txtBox p{font-size:.16rem;line-height:.4rem;color: #666666;position: relative;padding-left: 15px;}
.Carbon .manufacture .flex .txtBox p:after{width: 5px;height: 5px;border-radius: 50%;content: "";left: 0;background: #005ac0;position: absolute;top: 0.17rem;}
.Carbon .manufacture.neutrali .flex{flex-flow: row-reverse;}
.Carbon .manufacture.neutrali .flex .txtBox{text-align: left;}

.welfareBox{}
.welfareBox .itemBox{}
.welfareBox .itemBox .welTit{padding:1rem 0 .6rem;}
.welfareBox .itemBox .welTit h3{font-size:.36rem;color: #005ac0;font-weight:normal;margin-bottom: .1rem;}
.welfareBox .itemBox .welTit p{font-size:.16rem;line-height:.3rem;color: #4c4948;max-width:75%}
.welfareBox .itemBox .welTit p span{color: #000;font-weight:bold;}
.welfareBox .itemBox .welTit .labItem{max-width:75%;display: flex;align-items: center;justify-content:space-between;}
.welfareBox .itemBox .welTit .labItem .des{width: 49%;padding-left:.15rem;border-left:3px solid #005ac0;}
.welfareBox .itemBox .welTit .labItem .des p{max-width: 100%;}
.welfareBox .itemBox .commuDes{padding:.6rem;background: #f7f7f7;display: flex;justify-content:space-between;margin-bottom: .5rem;}
.welfareBox .itemBox .commuDes .item{width: 30%;padding-left:.15rem;border-left:3px solid #005ac0;}
.welfareBox .itemBox .commuDes .item p{font-size:.16rem;line-height:.3rem;color: #4c4948;}
.welfareBox .itemBox .commuDes .item p span{color: #000;font-weight:bold;}
.welfareBox .itemBox .swiper{}
.welfareBox .itemBox .swiper .swiper-slide{}
.welfareBox .itemBox .swiper .swiper-slide .imgBox{overflow: hidden;}
.welfareBox .itemBox .swiper .swiper-slide .imgBox figure{padding-bottom:2.08rem;background-repeat:no-repeat;background-size: cover;background-position:center;}
.welfareBox .itemBox .swiper .swiper-slide h5{font-size:.2rem;line-height:.3rem;font-weight:normal;min-height: .6rem;margin-top:.2rem;}
.welfareBox .itemBox .button-box{margin-top: .5rem;display: flex;justify-content: space-between;}
.welfareBox .itemBox .button-box .btn{display: flex;align-items: center;margin-left: .5rem;}
.welfareBox .itemBox .button-box .swiper-pagination-progressbar{position: initial;height: 3px;}
.welfareBox .itemBox .button-box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{--swiper-theme-color: #005ac0;}
.welfareBox .itemBox .button-box .swiper-button-prev{position: initial;--swiper-navigation-size: .27rem;--swiper-theme-color: #005ac0;}
.welfareBox .itemBox .button-box .swiper-button-next{position: initial;--swiper-navigation-size: .27rem;margin-left: .45rem;--swiper-theme-color: #005ac0;}
.welfareBox .itemBox .button-box .swiper-button-prev.swiper-button-disabled{--swiper-theme-color: #999999;opacity: 1;}
.welfareBox .itemBox .button-box .swiper-button-next.swiper-button-disabled{--swiper-theme-color: #999999;opacity: 1;}

.develop{padding-top:1.2rem;}
.develop .tubTit{font-size:.36rem;color: #005ac0;font-weight:normal;}
.develop ul{display: flex;flex-wrap:wrap;justify-content:space-between;}
.develop li{width: 47%;display: flex;justify-content:space-between;margin-top:.5rem;padding-bottom:.3rem;}
.develop li .imgBox{width: 1.32rem;}
.develop li .txtBox{width: calc(100% - 1.32rem);padding-left:.3rem;}
.develop li .txtBox h5{font-size:.24rem;margin-bottom:.2rem;}
.develop li .txtBox p{padding-left: .15rem;font-size:.16rem;line-height:.26rem;position: relative;}
.develop li .txtBox p:before{width: .05rem;height: .05rem;content: '';position: absolute;left: 0;top: .1rem;background: #e5001e;}
.develop li:nth-child(2) .txtBox p:before{background: #00973b;}
.develop li:nth-child(3) .txtBox p:before{background: #c60f28;}
.develop li:nth-child(4) .txtBox p:before{background: #e83819;}
.develop li:nth-child(5) .txtBox p:before{background: #00a6d9;}
.develop li:nth-child(6) .txtBox p:before{background: #fabd00;}
.develop li:nth-child(7) .txtBox p:before{background: #970b31;}
.develop li:nth-child(8) .txtBox p:before{background: #ed6a02;}
.develop li:nth-child(9) .txtBox p:before{background: #d39200;}
.develop li:nth-child(10) .txtBox p:before{background: #427935;}
.develop li:nth-child(11) .txtBox p:before{background: #004c88;}

/*社会责任报告*/
.susTit{display: flex;justify-content:space-between;align-items: center;padding:.8rem 0;}
.susTit h5{font-size:.36rem;font-weight:normal;}
.susTit .btn{display: flex;align-items: center;}
.susTit .btn .swiper-button-prev{position: initial;--swiper-navigation-size: .27rem;--swiper-theme-color: #005ac0;}
.susTit .btn .swiper-button-next{position: initial;--swiper-navigation-size: .27rem;margin-left: .45rem;--swiper-theme-color: #005ac0;}
.susTit .btn .swiper-button-prev.swiper-button-disabled{--swiper-theme-color: #999999;opacity: 1;}
.susTit .btn .swiper-button-next.swiper-button-disabled{--swiper-theme-color: #999999;opacity: 1;}

.susSwiper{}
.susSwiper .swiper-slide{padding:.25rem;background: #f8f8f8;}
.susSwiper .swiper-slide .imgBox{overflow: hidden;margin-bottom: .15rem;}
.susSwiper .swiper-slide .imgBox figure{padding-bottom:3rem;background-repeat:no-repeat;background-size: cover;background-position:center;transition:.3s;}
.susSwiper .swiper-slide:hover .imgBox figure{transform: scale(1.1, 1.1);}
.susSwiper .swiper-slide h5{font-size:.18rem;font-weight:normal;margin-bottom: .1rem;}
.susSwiper .swiper-slide .btnBox{}
.susSwiper .swiper-slide .btnBox a{display: inline-block;vertical-align: middle;padding-left:.28rem;margin-right:.15rem;position: relative;font-size:.16rem;color: #999999;}
.susSwiper .swiper-slide .btnBox a:before{width: .22rem;height: .22rem;content: '';background-repeat:no-repeat;background-size: contain;background-position:center;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition:.3s;}
.susSwiper .swiper-slide .btnBox a.view:before{background-image:url(../images/view.png);}
.susSwiper .swiper-slide .btnBox a.down:before{background-image:url(../images/down.png);}
.susSwiper .swiper-slide .btnBox a:hover{color: #005ac0;}
.susSwiper .swiper-slide .btnBox a.view:hover:before{background-image:url(../images/view_c.png);}
.susSwiper .swiper-slide .btnBox a.down:hover:before{background-image:url(../images/down_c.png);}

.Cboninven{padding-bottom:1rem;background: url(../images/cbonBG.jpg) no-repeat;background-size: cover;background-position:center bottom;}
.Cboninven .susTit h5{color: #fff;}
.Cboninven .susTit .btn .swiper-button-prev,
.Cboninven .susTit .btn .swiper-button-next{color: #fff;}
.cbonSwiper{}
.cbonSwiper .swiper-slide .imgBox{overflow: hidden;}
.cbonSwiper .swiper-slide .btnBox{text-align: center;padding:.35rem 0 .2rem;background: url(../images/cbonsliBG.png) no-repeat;background-size: cover;background-position:center right;}
.cbonSwiper .swiper-slide .btnBox a{display: inline-block;vertical-align: middle;padding-left:.28rem;margin:0 .1rem;position: relative;font-size:.16rem;color: #005ac0;top: 0;transition:.3s;}
.cbonSwiper .swiper-slide .btnBox a:before{width: .22rem;height: .22rem;content: '';background-repeat:no-repeat;background-size: contain;background-position:center;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition:.3s;}
.cbonSwiper .swiper-slide .btnBox a.view:before{background-image:url(../images/view_c.png);}
.cbonSwiper .swiper-slide .btnBox a.down:before{background-image:url(../images/down_c.png);}
.cbonSwiper .swiper-slide .btnBox a:hover{top: -.02rem;}

.imgVideo .publication{padding-top:1.2rem;}
.imgVideo .publication .public-title{background-image: url(../images/Publ-title.png);}
.imgVideo .publication ul{ padding:0 50px;position: relative;}
.imgVideo .publication ul:before,
.imgVideo .publication ul:after{ position:absolute; content:''; top:294px; height:90px; width:50px;}
.imgVideo .publication ul:before{ left:0; background:url(../images/publ_ul_l.png) no-repeat 0 0;}
.imgVideo .publication ul:after{right:0; background:url(../images/publ_ul_r.png) no-repeat 0 0;}
.imgVideo .publication li{ float:left; position:relative;text-align:center;width: 25%;}
.imgVideo .publication li .txtBox{ padding-top:35px;background:url(../images/publ_libg.png) repeat-x left top;}
.imgVideo .publication li .txtBox h5{font-size: .24rem;font-weight:normal;text-align: center;padding: 0 .2rem;}
.imgVideo .publication li .txtBox .btnBox{text-align: center;margin-top:.15rem;}
.imgVideo .publication li .txtBox .btnBox a{display: inline-block;vertical-align: middle;padding-left:.28rem;margin:0 .1rem;position: relative;font-size:.16rem;color: #999;top: 0;transition:.3s;}
.imgVideo .publication li .txtBox .btnBox a:before{width: .22rem;height: .22rem;content: '';background-repeat:no-repeat;background-size: contain;background-position:center;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition:.3s;}
.imgVideo .publication li .txtBox .btnBox a.view:before{background-image:url(../images/view.png);}
.imgVideo .publication li .txtBox .btnBox a.down:before{background-image:url(../images/down.png);}
.imgVideo .publication li .txtBox .btnBox a:hover{color: #005ac0;}
.imgVideo .publication li .txtBox .btnBox a.view:hover:before{background-image:url(../images/view_c.png);}
.imgVideo .publication li .txtBox .btnBox a.down:hover:before{background-image:url(../images/down_c.png);}
.imgVideo .publication li .imgBox{ position:relative; display:inline-block;max-width: 80%;height:294px;display: flex;align-items: end;justify-content: right;}
.imgVideo .publication li .imgBox:after{ position:absolute; right:-24px; background:url(../images/publ_ying.png) no-repeat left bottom; width:24px; height:100%; background-size:contain; content:'';top: 0;}
.imgVideo .publication .slick-arrow{position: absolute;width: .15rem;height: .28rem;font-size:0;border:none;background: url(../images/ar.png) no-repeat;background-size: contain;top: 50%;margin-top:-.14rem;left: 0;transition:.3s;cursor: pointer;}
.imgVideo .publication .slick-arrow.slick-next{left: auto;right: 0;transform: rotate(180deg);}
.imgVideo .publication .slick-arrow:hover{background: url(../images/ar_a.png) no-repeat;background-size: contain;transform: rotate(-180deg);}
.imgVideo .publication .slick-arrow.slick-next:hover{transform: rotate(0deg);}

.imgVideo .videoSY{padding:1.2rem 0;}
.imgVideo .videoSY .public-title{background-image: url(../images/Video-title.png);}
.imgVideo .videoSY .list{}
.imgVideo .videoSY li{float: left;width: 48%;margin-right:4%;border-radius:.2rem;overflow: hidden;position: relative;margin-bottom:4%;}
.imgVideo .videoSY li:nth-child(2n){margin-right:0;}
.imgVideo .videoSY li .imgBox{overflow: hidden;position: relative;}
.imgVideo .videoSY li .imgBox:before{width: 100%;height: 100%;content: '';background: rgba(0,0,0,0.2);position: absolute;top: 0;left: 0;transition:.3s;z-index: 2;}
.imgVideo .videoSY li .imgBox figure{padding-bottom:4.32rem;background-repeat:no-repeat;background-size: cover;background-position:center;transition:.3s;}
.imgVideo .videoSY li h5{position: absolute;bottom: .3rem;left: .3rem;padding:0 .3rem 0 .6rem;width: calc(100% - .4rem);font-size:.24rem;color: #ffffff;font-weight:normal;z-index: 3;line-height: .4rem;}
.imgVideo .videoSY li h5:before{width: .38rem;height: .39rem;content: '';background: url(../images/play2.png) no-repeat;background-size: contain;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.imgVideo .videoSY li:hover .imgBox:before{opacity: 0;}
.imgVideo .videoSY li:hover .imgBox figure{transform: scale(1.1, 1.1);}
.imgVideo .videoSY .loadBox{text-align: center;padding-top:.4rem;}
.imgVideo .videoSY .loadMore{padding-left:.35rem;position: relative;display: inline-block;font-size:.18rem;position: relative;}
.imgVideo .videoSY .loadMore:before{width: .19rem;height: .22rem;content: '';background: url(../images/load.png) no-repeat;background-size: contain;position: absolute;left: 0;margin-top:-.11rem;transition:.3s;top: 50%;}
.imgVideo .videoSY .loadMore:hover:before{transform: rotate(360deg);}

/*新闻*/
.News{padding:1.2rem 0;}
.News .newsTop{margin-bottom: .7rem;}
.News .newsTop li{background: #f6f6f6;}
.News .newsTop li a{display: flex;align-items: center;}
.News .newsTop li .imgBox{width: 67%;overflow: hidden;}
.News .newsTop li .imgBox figure{padding-bottom:56%;background-repeat:no-repeat;background-size: cover;background-position:center center;transition:.3s;}
.News .newsTop li:hover .imgBox figure{transform: scale(1.1, 1.1);}
.News .newsTop li .txtBox{width: 33%;padding:0 .35rem 0 .5rem;}
.News .newsTop li .txtBox time{font-size:.16rem;color: #666;display: block;margin-bottom:.2rem;}
.News .newsTop li .txtBox h5{font-size:.36rem;line-height:.42rem;font-weight:normal;margin-bottom:1rem;}
.News .newsTop li .txtBox p{font-size:.16rem;color: #666666;line-height:.3rem;}
.News .newsTop li .txtBox .more{font-size:.16rem;color: #005ac0;display: block;margin-top:.4rem;}
.News .newsTop .slick-dots{text-align: center;margin-top:.6rem;}
.News .newsTop .slick-dots li{display: inline-block;vertical-align: middle;width: .08rem;height: .08rem;border-radius: 50%;border:1px solid #bebebe;margin: 0 .25rem;background: none;}
.News .newsTop .slick-dots li button{display: none;}
.News .newsTop .slick-dots li.slick-active{background: #005ac0;border-color:#005ac0;}
.News .newsList{}
.News .newsList li{float: left;width: 31%;float: left;margin-right:3.5%;margin-bottom: .6rem;}
.News .newsList li:nth-child(3n){margin-right:0;}
.News .newsList li .txtBox{padding:.3rem .4rem;border-top: 1px solid #f6f6f6;transition:.3s;}
.News .newsList li .txtBox h5{font-size:.24rem;font-weight: normal;margin-bottom:.4rem;position: relative; line-height: 1.75; min-height: calc(1.75em * 2); }
/*.News .newsList li:first-child .txtBox h5:after{width: .5rem;height: .2rem;content: ' ';background: url(../images/news.png) no-repeat;background-size: contain;display: inline-block;margin-left:.05rem;}*/
.News .newsList li .txtBox .desBox{}
.News .newsList li .txtBox .desBox time{font-size:.16rem;color: #666666;opacity: .5;display: block;}
.News .newsList li .imgBox{overflow: hidden;}
.News .newsList li .imgBox figure{padding-bottom:56%;background-repeat:no-repeat;background-size: cover;background-position:center;transition:.3s;}
.News .newsList li:hover .txtBox{background: #f6f6f6;}
.News .newsList li:hover .imgBox figure{transform: scale(1.1, 1.1);}

.NewsDetail{padding:1.2rem 0;}
.NewsDetail .contBox{float: left;width: 67%;}
.NewsDetail .contBox .titBox{margin-bottom:.4rem;}
.NewsDetail .contBox .titBox h1{font-size:.36rem;color: #4c4948;font-weight:normal;line-height:.5rem;}
.NewsDetail .contBox .titBox .stv{margin-top:.1rem;}
.NewsDetail .contBox .titBox .stv span{display: inline-block;vertical-align: middle;margin-right:.3rem;font-size:.16rem;color: #999999;}
.NewsDetail .contBox .intro{background: #f8f8f8;padding:.35rem .5rem;font-size:.16rem;color: #4c4948;line-height:.3rem;position: relative;margin-bottom: .6rem;}
.NewsDetail .contBox .intro:before{width: .7rem;height: .7rem;content: '';background: url(../images/i2.png) no-repeat;background-size: contain;position: absolute;top: 0;left: 0;}
.NewsDetail .contBox .textBox{padding-bottom:.5rem;border-bottom:1px solid #efefef;font-size:.16rem;line-height:.3rem;color: #666666;}
/* .NewsDetail .contBox .textBox p{text-indent: 2em;} */
.NewsDetail .contBox .textBox .imgBox{text-align: center;}
.NewsDetail .relaNews{float: right;width: 25%;}
.NewsDetail .relaNews h3{font-size:.24rem;color: #4c4948;font-weight:normal;margin-bottom:.3rem;}
.NewsDetail .relaNews li{margin-bottom:.3rem;}
.NewsDetail .relaNews li a{display: flex;align-items: center;justify-content:space-between;}
.NewsDetail .relaNews li .imgBox{overflow: hidden;position: relative;width: 36%;}
.NewsDetail .relaNews li .imgBox figure{padding-bottom:.8rem;background-repeat:no-repeat;background-size: cover;background-position:center center;transition:.3s;}
.NewsDetail .relaNews li .imgBox .num{position: absolute;width: .25rem;text-align: center;line-height:.25rem;border-bottom-right-radius: .1rem;background: #f7f7f7;color: #999999;top: 0;left: 0;z-index: 2;}
.NewsDetail .relaNews li:nth-child(1) .imgBox .num,
.NewsDetail .relaNews li:nth-child(2) .imgBox .num,
.NewsDetail .relaNews li:nth-child(3) .imgBox .num{background: #005ac0;color: #fff;}
.NewsDetail .relaNews li h5{width: 64%;padding-left:.25rem;font-size:.16rem;font-weight:normal;color: #666666;}
.NewsDetail .relaNews li:hover .imgBox figure{transform: scale(1.1, 1.1);}
.NewsDetail .relaNews li:hover h5{color: #005ac0;}
.NewsDetail .relaNews .more{display: block;font-size:.16rem;color: #005ac0;margin-top: .1rem;}

.NewsDetail .pn-page{margin:.5rem 0 0;}
.NewsDetail .pn-page aside{padding: .05rem 0;}
.NewsDetail .pn-page aside span{color: #999999;margin-right:.05rem;}
.NewsDetail .pn-page aside a{color: #666;font-size:.18rem;}
.NewsDetail .pn-page aside a:hover{color:#00489d;}
.NewsDetail .pn-page .operating a{font-size:.16rem;color: #005ac0;}
@media(min-width:1025px){
.NewsDetail .pn-page{min-height: .24rem; position: relative;padding-right: 2rem;}
.NewsDetail .pn-page .operating{position: absolute;right: 0; top: 50%; transform: translateY(-50%);}
}

/*页码*/
.PageBox{padding-top:.4rem;}
.PageBox .Pages{text-align:center;}
.PageBox .Pages a{color:#666666;font-size:.16rem;margin:0 .05rem;transition:all .5s;width: .3rem;line-height:.3rem;display:inline-block;vertical-align: middle;background: #f3f6fa;}
.PageBox .Pages a:hover,
.PageBox .Pages a.a_cur{color:#005ac0;}
.PageBox .Pages .num{font-style:normal;}
.PageBox .Pages .num a{display:none;}
.PageBox .Pages a.a_prev{position: relative;font-size: 0;background:url(../images/arrow2.png) no-repeat;background-size: contain;}
.PageBox .Pages a.a_prev:hover{background:url(../images/arrow2_a.png) no-repeat;transform: rotate(180deg);background-size: contain;}
.PageBox .Pages a.a_next{position: relative;font-size: 0;transform: rotate(180deg);background:url(../images/arrow2.png) no-repeat;background-size: contain;}
.PageBox .Pages a.a_next:hover{background:url(../images/arrow2_a.png) no-repeat;transform: rotate(0);background-size: contain;}
@media screen and (min-width:768px){
  .PageBox .Pages a{margin: 0 .1rem;width: .55rem;text-align: center;line-height:.55rem;}
  .PageBox .Pages .num a{display:inline-block;text-align: center;line-height:.55rem;padding:0 .1rem;width: auto;background: none;}
}
/*页码*/

/*响应式*/

.navBox{display: none;}

.nav_btn {float:right; width:.3rem; height:.27rem; margin:0 0 0 .15rem; position:relative; cursor:pointer; display:none;  transition:margin 0.3s ease 0s;z-index: 999;}
.nav_btn span,.nav_btn span:before,.nav_btn span:after {content:''; display:block; width:100%; height:.02rem; background-color:#005ac0; position:absolute; left:0;border-radius:3px;}
.nav_btn span {top:50%; margin-top:-1px;}
.nav_btn span:before {top:-.1rem; transition:all 0.3s ease 0s;}
.nav_btn span:after {bottom:-.1rem; transition:all 0.3s ease 0s;}
.nav_btn.open span {height:0;}
.nav_btn.open span:before {transform:rotate(45deg); top:0;}
.nav_btn.open span:after {transform:rotate(-45deg); bottom:-.02rem;}





@media (max-width:1440px) {
    html{font-size: calc((100 / 1600) * 100 * 1vw);}
}
@media (min-width:769px) and (max-width:1024px) {
    html{font-size: calc((100 / 1100) * 100 * 1vw);}
}
@media (max-width:768px) {
    html{font-size: calc((100 / 750) * 100 * 1vw);}
}
@media (max-width:640px) {
    html{font-size: calc((100 / 600) * 100 * 1vw);}
}
@media screen and (max-width: 1640px){
    .w1600{max-width: 92%}
    .bottom .bomTop .bomNav dl{margin-right:.4rem;}
}
@media screen and (max-width: 1840px){
    .w1800{max-width: 92%}
}
@media screen and (max-width: 1600px){
    .top .w1800 {max-width: 98%;}
    .Develop .train .platform .list ul li .box{padding: 15% 0.2rem 0.2rem 0.2rem;}
    .top .nav li{margin-right:.3rem;}
    .bottom .bomTop .bomNav dl {margin-right: .2rem;}
}
@media screen and (max-width: 1200px){
    .column-banner .box .title{font-size: .3rem;}
    .column-banner .box .text{margin-top: .3rem;}
    .column-menu{margin-top: .2rem;}
    .column-menu .flex{justify-content: center;}
    .column-menu .flex .location{display: none;}
    .column-menu .flex .menu ul li a{width: 1.5rem;height: .6rem}
    .Way .top-box{display: block;}
    .Way .top-box .competition{margin-top: .2rem;}
    .Invest{margin-top: -.8rem;}
}

@media screen and (max-width: 1024px){
    .top{background: #fff;border-bottom:1px solid #ebebeb;padding:.15rem 0;}
    .top .logoMid{line-height:.45rem;}
    .top .logoMid .cLogo{opacity: 1;}
    .top .nav li a{color: #333;}
    .top .nav li a:before{background: #015ac0;}
    .top .nav li:hover a,
    .top .nav li.on a{color: #015ac0;}
    .top .searBox .searBtn{background: url(../images/sear_c.png) no-repeat;background-size: contain;}
    .top .langBox .Tearth{background: url(../images/lang_c.png) no-repeat;background-size: contain;}
    .nav_btn{display: block;}
    .top .left{display: none;}
    .top .right .nav{display: none;}
    .top .nav{position: absolute;width: 50%;top: 100%;background: #fff;right: 0;box-shadow: 0 0 5px rgba(0, 0, 0, .2);padding:.2rem 2%;display: block;}
    .top .nav li{margin-right:0;line-height:.3rem;}
    .navBox {position: absolute;right: 0;top: 100%;width: 64%;padding:.2rem;background-color: #fff;}
    .navBox li {padding: .06rem 0;border-bottom: 1px solid rgba(0, 90, 192, 0.58);}
    .navBox li a {display:block;font-size: .22rem;line-height: 2;}
    .idxBanner{margin-top:.75rem;margin-bottom: .4rem;}
    .copyFix{display: none!important;}
    .idxBanner .bigSlider figure{padding-bottom:5rem;}
    .idxBanner .bigSlider .textBox .txtCent h5{font-size:.4rem;}
    .idxBanner .bigSlider .textBox .txtLeft span{font-size:.22rem;}
    .idxBanner .bigSlider .textBox .txtLeft h5{font-size:.36rem;line-height:.42rem;}
    .idxBanner .bigSlider .textBox .txtLeft p{font-size:.14rem;line-height:.22rem;}
    /*.idxBanner .bigSlider .textBox .txtLeft p{max-width:40%;}*/
    .idxBanner .smaSlider{display: none;}
    .idxBanner .bigSlider .textBox .txtLeft{max-width:70%;}
    #myMenu li a{font-size:.18rem;}
    .HomeSlider .BigSlider .item .textBox,
    .HomeSlider .BigSlider .item .cultCont .textBox{max-width: 80%;}
    .HomeSlider .BigSlider .item .textBox .lab{font-size:.2rem;}
    .HomeSlider .BigSlider .item .textBox h5{font-size:.36rem;line-height:.42rem;}
    .HomeSlider .BigSlider .item .textBox .des{font-size:.2rem;line-height:1.5;}
    .HomeSlider .BigSlider .item .textBox .more{font-size:.18rem;margin: .2rem 0;}
    .HomeSlider .BigSlider .item .textBox .numBox .item .num .count{font-size:.36rem;}
    .HomeSlider .BigSlider .item .greenCont .textBox{padding-top:0;float: none;}
    .HomeSlider .BigSlider .item .greenCont .listBox{width: 100%;}
    .HomeSlider .BigSlider .item .greenCont .listBox li{width: 100%;margin-bottom:0;float: left;padding-left:0!important;margin-right:.2rem;}
    .HomeSlider .BigSlider .item .greenCont .listBox li .icon{width: .3rem;height: .3rem;}
    .HomeSlider .BigSlider .item .greenCont .listBox li span{font-size:.2rem;}
    .HomeSlider .BigSlider .item .greenCont .listBox li.on span{font-size:.18rem;margin-right:.1rem;}
    .HomeSlider .BigSlider .item .greenCont .listBox li .icon:before{width: .06rem;height: .06rem;}
    .HomeSlider .BigSlider .item .culList .li p{font-size:.16rem;}
    .HomeSlider .BigSlider .item .culList .li .imgBox figure{padding-bottom:.65rem;}
    .HomeSlider{margin-bottom:.4rem;}
    .HomeNews .topBox{margin-bottom:.3rem;}
    .HomeNews .table-box .item .txtBox{padding:.15rem .2rem;}
    .HomeNews .table-box .item .txtBox h5{font-size:.18rem;margin-bottom:.2rem;}
    .HomeNews .table-box .item .txtBox .desBox time{font-size:.14rem;}
    .HomeNews{padding-bottom:.6rem;}
    .bottom .bomTop .bomNav{display: none;}
    .bottom .bomTop .bomCona{float: none;}
    .bottom .bomTop .bomCona .mailList{text-align: center;}
    .bottom .bomTop .bomCona .code{justify-content: center;}
    .bottom .bomTop{padding:.3rem 0;}
    .bottom .bomBom{padding:.15rem 0;}
    .bottom .bomBom .flinks{float: none;}
    .bottom .bomBom .shcopy{display: block;}
    .bottom .bomBom .shcopy .share{}
    .column-banner{margin-top:.75rem;}
    .column-banner .pc{min-height: 3rem;object-fit: cover;}
    .Introduce .listBox .item,
    .Introduce .vidList,
    .Honer .brandSl,
    .imgVideo .videoSY,
    .News,
    .NewsDetail{padding:.6rem 0;}
    .Honer .honorSl,
    .Honer .valueSl{padding-bottom:.6rem;}
    .Introduce .listBox .item .txtBox .des {font-size: .2rem;line-height: 1.5;}
    .Introduce .listBox .item .numBox{flex-wrap:wrap;margin-top:.4rem;}
    .Introduce .listBox .item .numBox .li .count {font-size: .3rem;width: 30%;text-align: right;flex-shrink: 0;}
    .Introduce .listBox .item .numBox .li p {font-size: .16rem;}
    .Honer .brandSl .left-box,
    .Honer .honorSl .left-box,
    .Honer .valueSl .left-box{width: 100%;float: none;}
    .Honer .brandSl .left-box .brandSwiNav,
    .Honer .honorSl .left-box .honorSwiNav{display: none;}
    .Honer .brandSl .right-box,
    .Honer .honorSl .right-box,
    .Honer .valueSl .right-box{padding-top:.3rem;float: none;width: 100%;}
    .Honer .valueSl .left-box .valueSwiNav{height: inherit;}
    .greenSY{padding:.6rem 0;}
    .greenSY .item{margin-bottom:.3rem;}
    .greenSY .item .txtBox{float: none;width: 100%;}
    .greenSY .item .txtBox h5{font-size:.26rem;margin-bottom:.15rem;}
    .greenSY .item .txtBox .des{font-size:.2rem;line-height:1.5;}
    .greenSY .item .txtBox .des .img span {font-size:.2rem;line-height:1.5;}
    .greenSY .item .imgBox{width: 100%;float: none;text-align: center;padding-top: 4%;}
    .Carbon .bonTit{padding:.4rem 0 .25rem;}
    .Carbon .bonTit h3{font-size:.24rem;}
    .Carbon .sourceList ul {flex-wrap: wrap;}
    .Carbon .sourceList li {width: 100%;}
    .Carbon .manufacture .flex .txtBox p:after{top: 0.11rem;}
    .Carbon .manufacture .flex .txtBox h5,
    .Carbon .sourceList li .txtBox h5{font-size:.2rem;line-height:1.5;}
    .Carbon .manufacture .flex .txtBox p,
    .Carbon .sourceList li .txtBox p{font-size:.2rem;line-height:1.5;}
    .Carbon .sourceList li .txtBox{padding:.15rem;}
    .Carbon .sourceList li .imgBox figure{padding-bottom:2rem;}
    .welfareBox .itemBox .welTit{padding:.6rem 0 .3rem;}
    .welfareBox .itemBox .welTit p{max-width:100%;}
    .welfareBox .itemBox .welTit h3{font-size:.26rem;}
    .welfareBox .itemBox .welTit p,
    .welfareBox .itemBox .commuDes .item p{font-size:.2rem;line-height: 1.5;}
    .welfareBox .itemBox .swiper .swiper-slide h5{font-size:.18rem;line-height:.28rem;min-height: .56rem;}
    .welfareBox .itemBox .welTit .labItem{max-width:100%;}
    .welfareBox .itemBox .commuDes{padding:.3rem;}
    .welfareBox .itemBox .welTit .labItem,
    .welfareBox .itemBox .commuDes{display: block;}
    .welfareBox .itemBox .welTit .labItem .des,
    .welfareBox .itemBox .commuDes .item{width: 100%;border-left:none;border-bottom:1px solid #005ac0;padding-bottom:.2rem;margin-bottom: .2rem;}
    .develop{padding-top:.6rem;}
    .develop .tubTit{font-size:.24rem;}
    .develop li{width: 100%;margin-top:.3rem;}
    .develop li .txtBox h5{font-size:.18rem;margin-bottom:.1rem;}
    .develop li .txtBox p{font-size:.14rem;line-height:.24rem;}
    .susTit{padding:.4rem 0;}
    .susTit h5{font-size:.24rem;}
    .susSwiper .swiper-slide{padding:.15rem;}
    .susSwiper .swiper-slide .imgBox figure{padding-bottom:2rem;}
    .susSwiper .swiper-slide h5{font-size:.2rem;}
    .susSwiper .swiper-slide .btnBox a{font-size:.18rem;}
    .cbonSwiper .swiper-slide .btnBox a {font-size: .2rem;}
    .Cboninven{padding-bottom:.6rem;}
    .imgVideo .publication{padding-top:.6rem;}
    .imgVideo .publication li .txtBox h5{font-size:.18rem;}
    .imgVideo .videoSY li .imgBox figure{padding-bottom:3rem;}
    .imgVideo .videoSY li h5{font-size:.18rem;padding-left: .45rem;}
    .imgVideo .publication .public-title{margin-bottom:0;}
    .News .newsTop li a{display: block;padding-bottom:.3rem}
    .News .newsTop li .imgBox{width: 100%;margin-bottom: .2rem;}
    .News .newsTop li .txtBox{width: 100%;padding:.15rem;}
    .News .newsTop li .txtBox time{font-size:.14rem;margin-bottom:.1rem;}
    .News .newsTop li .txtBox h5{font-size:.24rem;margin-bottom:.2rem;}
    .News .newsTop li .txtBox p{font-size:.14rem;line-height:.24rem;}
    .News .newsTop li .txtBox .more{font-size:.14rem;margin-top:.2rem;}
    .News .newsTop .slick-dots{margin-top:.3rem;}
    .News .newsTop .slick-dots li{margin: 0 .1rem;}
    .News .newsList li{width: 49%;margin-right:2%;margin-bottom: .35rem;}
    .News .newsList li:nth-child(3n){margin-right:2%;}
    .News .newsList li:nth-child(2n){margin-right:0;}
    .News .newsList li .txtBox{padding:.15rem .2rem;}
    .News .newsList li .txtBox h5{font-size:.18rem;margin-bottom:.2rem;}
    .News .newsList li .txtBox .desBox time{font-size:.14rem;}
    .PageBox{padding-top:.2rem;}
    .NewsDetail .contBox{float: none;width: 100%;margin-bottom:.3rem;}
    .NewsDetail .relaNews{float: none;width: 100%;}
    .NewsDetail .contBox .titBox h1{font-size:.24rem;line-height:.42rem;}
    .NewsDetail .contBox .titBox .stv span{font-size:.14rem;}
    .NewsDetail .contBox .intro{padding:.15rem .25rem;font-size: .14rem;line-height:.24rem;margin-bottom: .3rem;}
    .NewsDetail .contBox .intro:before{width: .35rem;height: .35rem;}
    .NewsDetail .contBox .textBox{font-size: .14rem;line-height:.24rem;}
    .NewsDetail .pn-page{margin-top:.25rem;}
    .NewsDetail .pn-page aside a{font-size:.16rem;}
    .NewsDetail .relaNews li .imgBox figure{padding-bottom:1.2rem;}
    .NewsDetail .relaNews h3{font-size:.2rem;margin-bottom:.2rem;}
}

@media screen and (max-width: 768px){
    .Package .product{padding-top: .6rem;}
    .Package .formula{padding: .6rem 0;}
    .Package .brand{padding: .6rem 0;}
    .Package .detection{padding: .6rem 0;}
    .Package .detection .list{margin-top: .6rem;}
    .Package .detection .flair{margin-top: .6rem;}
    .Product{padding: .6rem 0;}
    .Develop{padding: .6rem 0;}
    .Develop .train .camp{margin-top: .6rem;}
    .Develop .train .lead{margin-top: .6rem;}
    .Base{padding: .6rem 0;}
    .Way{padding: .6rem 0;}
    .Seek{margin: .6rem 0;background-image: none}
    .Develop .exit .img{margin-top: .6rem;}
    .Meet{padding: .6rem 0;}
    .Domestic{padding: .6rem 0;}
    .Domestic .more-nav ul{flex-wrap: wrap;margin: -.1rem;}
    .Domestic .more-nav ul li{width: calc(50% - .2rem);margin: .1rem;}
    .Domestic .more-nav ul li:last-of-type{margin-right: .1rem;}
    .Domestic .more-nav ul li a {width: 100%;}
    .Domestic .capacity{margin-top: .6rem;}
    .Domestic .main-text {font-size: .2rem;}
    .Overseas{padding: .6rem 0;}
    .Life{padding: .6rem 0;}
    .Life .top-box .box .left-box .ewm{margin-top: .6rem;}
    .HomeSlider .BigSlider .item .FoorCont{height: 100vh;padding:.4rem 0;}
    #myMenu{width: 1.3rem;}
    .HomeSlider .BigSlider .item .culList{display: block;}
    .HomeSlider .BigSlider .item .culList .li{margin-bottom:.1rem;margin-right:0;}
    .HomeSlider .BigSlider .item .textBox .numBox{width: 132%;}
    .HomeSlider .BigSlider .item .greenCont .listBox li span{line-height: 0.42rem;}
    .HomeSlider .BigSlider .item .textBox .numBox .item{margin-right:.1rem;}
    .HomeSlider .BigSlider .item .textBox .numBox .item .uni,
    .HomeSlider .BigSlider .item .textBox .numBox .item p {font-size: .18rem;}
    .HomeSlider .BigSlider .item .greenCont .textBox .numBox .item{max-width:2rem;margin-right:.3rem;}
    .HomeNews .topBox{display: block;}
    .HomeNews .topBox .table-nav li{padding:0 .2rem;}
    .HomeNews .topBox .more{margin-top:.2rem;display: block;}
    .HomeNews .table-box .item .txtBox .desBox .type{display: none;}
    .HomeNews .table-box .item .txtBox{padding:.15rem 0;}
    .column-banner .box .text{line-height:1.5;font-size: .16rem;}
    .Introduce .listBox .item .flex{display: block;}
    .Introduce .listBox .item .txtBox{width: 100%;padding-left:0;margin-bottom:.3rem;}
    .Introduce .listBox .item .imgBox{width: 100%;text-align: center;}
    .Introduce .listBox .item:nth-child(even) .txtBox{padding-right:0;}
    .Introduce .listBox .item .numBox .li{flex-shrink:0;width: 50%;}
    .subTit{margin-bottom:.35rem;}
    .Introduce .listBox .item .numBox .li .count{font-size:.3rem;width: 26%;text-align: right;flex-shrink: 0;}
    .Introduce .vidList .list .imgBox figure{padding-bottom:2.8rem;}
    .Base .table-nav ul {flex-wrap: wrap;}
    .Base .table-nav ul li{width: calc(50% - .2rem);margin: .1rem;font-size: .18rem;}
    .Base .table-nav ul li:last-child {margin-right: .1rem;}
    .Base .table-nav ul li a {text-transform: capitalize;}
    .Carbon .manufacture .flex{display: block;}
    .Carbon .manufacture .flex .txtBox{width: 100%;padding:.2rem .3rem;}
    .Carbon .manufacture .flex .imgBox{width: 100%;text-align: center;margin-top:.2rem;}
    .imgVideo .videoSY li{float: none;width: 100%;margin-right:0;}
    .NewsDetail .relaNews li .imgBox .num{width: .3rem;}
    .NewsDetail .contBox .titBox h1{font-size:.36rem;}
}
@media screen and (max-width: 640px){
    .public-title{height: auto;font-size: .26rem;}
    .public-title:after{margin-top: .3rem;}
    .Way .top-box .competition{display: block}
    .Way .top-box .competition .btn{margin: .2rem auto 0 auto;}
    .Seek .flex{display: block;}
    .Seek .flex .box{width: 100%;}
    .Seek .flex .img{width: 100%;margin-top: .2rem;}
    .Seek .flex .box .btn{margin-top: .3rem;}
    .Develop .train .platform .list ul{display: block;margin: 0;}
    .Develop .train .platform .list ul li{width: 100%;margin: 0;margin-bottom: .2rem;}
    .Develop .train .lead .title{font-size: .28rem;}
    .Develop .train .lead .list ul{display: block;margin: 0;}
    .Develop .train .lead .list ul li{margin: 0;margin-bottom: .2rem;width: 100%;}
    .Meet .top-box .flex{display: block;}
    .Meet .top-box .flex .img{width: 100%;}
    .Meet .top-box .flex .box{width: 100%;padding: .2rem;}
    .Meet .list ul{justify-content: inherit}
    .Meet .list ul li{width: 48%;}
    .Meet .list ul li .more{margin-top: .2rem;}
    .column-menu .flex .menu {width: 100%;}
    .column-menu .flex .menu ul{flex-wrap: wrap;margin: -.1rem;}
    .column-menu .flex .menu ul li{width: calc(50% - .2rem);margin: .1rem;}
    .column-menu .flex .menu ul li a {width: 100%;font-size: .18rem;}
    .Package .product .list ul li{width: 47%;}
    .Package .formula .list ul li{width: 47%;}
    .Package .detection .flair ul{display: block;margin: 0;}
    .Package .detection .flair ul li{width: 100%;margin: 0;margin-bottom: .2rem;}
    .Product .list ul li{width: 47%;}
    .Base .list ul li .flex{display: block;}
    .Base .list ul li .flex .box{width: 100%;}
    .Base .list ul li .flex .img{margin-top: .2rem;width: 100%;}
    .Base .list ul li .box .time dl dd .num{font-size: .3rem;}
    .Domestic .orient{display: block;}
    .Domestic .orient .img{width: 100%;margin-bottom: .2rem;}
    .Domestic .orient .box{width: 100%;padding: .2rem;}
    .Domestic .capacity .list ul li{display: block;padding: .3rem .2rem;}
    .Domestic .capacity .list ul li .img{width: 100%;margin-top: 3%;}
    .Domestic .capacity .list ul li .box{width: 100%;margin-top: .2rem;}
    .Domestic .capacity .list ul li .box .title .num{font-size: .6rem;}
    .Domestic .plate .table-box .item .box{padding: .2rem;}
    .Domestic .plate .table-box .item .box .text {font-size: .2rem;}
    .Domestic .honor .list ul{display: block;margin: 0;}
    .Domestic .honor .list ul li{width: 100%;margin: 0;margin-bottom: .2rem;}
    .Overseas .list ul li{display: block;}
    .Overseas .list ul li .img{width: 100%;}
    .Overseas .list ul li .box{width: 100%;padding: .2rem !important;margin-top: 0;height: auto}
    .Overseas .list ul li:nth-of-type(odd) .img{margin-right: 0;}
    .Overseas .list ul li:nth-of-type(even) .img{margin-left: 0;}
    .Overseas .list ul li .box .title{font-size: .28rem;}
    .Overseas .list ul li .box .text{margin-top: .3rem;font-size: .2rem;}
    .Invest .public-title{font-size: .3rem;}
    .Life .top-box .head-box{display: block;}
    .Life .top-box .head-box .logo img{max-width: 100%}
    .Life .top-box .head-box .name{margin-top: .2rem;}
    .Life .top-box .box{display: block;}
    .Life .top-box .head-box .name:after{width: 100%;height: .36rem}
    .Life .top-box .box .left-box{width: 100%;}
    .Life .top-box .box .right-box{width: 100%;margin-top: .2rem;}
    .Life .top-box .box .left-box .ewm{margin-top: .3rem;}
    .Life .top-box .box .left-box .ewm ul{justify-content: center}
    .Life .bottom-box .flex .left-box{display: block;}
    .Life .bottom-box .flex .left-box .img{width: 100%;margin-bottom: .2rem;}
    .Life .bottom-box .flex .left-box .box{margin-left: 0;width: 100%;}
    .Life .bottom-box .flex .left-box .box .text{margin-top: .2rem;}
    .Life .bottom-box .flex .left-box .box .tips{margin-top: .2rem;}
    .Life .bottom-box .swiper-slide{padding: .3rem .2rem;}

    .HomeNews .slick-arrow{width: 34px;height: 34px;}
    .HomeNews .slick-prev{left: -11.5px;}
    .HomeNews .slick-next{right: -11.5px;}
}



.proinfo{padding: 1.2rem 0}
.proinfo .tit{margin-bottom: .6rem;font-size: .3rem;color: #333; text-align: center;}
.proinfo .tit:after{display: block;margin: .2rem auto 0;content: '';width: .4rem;height: 3px;background-color: #005ac0}
.proinfo .infos{line-height: 2; font-size: .16rem;}
.proinfo .imgs{display: flex; flex-wrap: wrap; margin:.4rem 0;}
.proinfo .more{text-align: center; margin-top: .2rem;}
.proinfo .more a{display: inline-block; width:1.8rem; line-height: .4rem; border: 1px solid #005ac0; font-size:.16rem; text-align: center; color: #005ac0; border-radius: .2rem;}
.proinfo .more a:hover{ color: #fff; background: #005ac0;}
@media (min-width: 1025px) {
.proinfo .fl{margin-right: 2%; margin-bottom: 2%;}
.proinfo .fr{margin-left: 2%; margin-bottom: 2%;}
.proinfo .imgs li{margin-right: 2%; margin-bottom: 2%;}
.proinfo .w4 li{width:23.5%;}
.proinfo .w4 li:nth-child(4n){margin-right: 0;}
.proinfo .w3 li{width: 32%;}
.proinfo .w3 li:nth-child(3n){margin-right: 0;}
.proinfo .w2 li{width: 49%;}
.proinfo .w2 li:nth-child(2n){margin-right: 0;}
}




/*Integration*/
/*.Integration {padding: 1.2rem 0}*/
.Integration_title {text-align: center;}
.Integration_title h4 {font-size: .36rem;}
.Integration_title aside {margin-top: .3rem;font-size: .16rem;color: #4c4948;}
.Integration-box1 { padding: 1.2rem 0 .5rem;}
.Integration-box1 .list {display: flex;justify-content:space-between;align-items: center;margin: 0 -.35rem;padding-top: .3rem;}
.Integration-box1 .list .item {position:relative;flex-shrink: 0;background-repeat: no-repeat;background-position: center;background-size: contain;}
.Integration-box1 .list .item.left {background-image: url("../images/Integration_cir_L.png")}
.Integration-box1 .list .item.mid {border:1px solid rgba(1, 90, 192, 0.15);border-radius: 50%;}
.Integration-box1 .list .item.right {background-image: url("../images/Integration_cir_R.png")}
.Integration-box1 .list .item.mid:before {content:'';position: absolute;width: 83%;top:50%;left:50%;transform:translate(-50%,-50%);padding-bottom: 83%;border-radius: 50%;border:2px solid rgba(1, 90, 192, 0.3);}
.Integration-box1 .list .item .text {position: absolute;width: 100%;display: inline-flex;flex-direction: column;justify-content:center;flex-wrap:wrap;align-items: center;max-width: 3.26rem;top:50%;left:50%;transform: translate(-50%,-50%);text-align: center;}
.Integration-box1 .list .item h3 {text-align: center;font-size: .26rem;line-height: 1.54;}
.Integration-box1 .list .item.left h3 {color: #039bcd;}
.Integration-box1 .list .item.right h3 {color: #16ab4e;}
.Integration-box1 .list .item p {margin-top: .2rem;line-height: 1.875;font-size: .16rem;}
.Integration-box1 .list .item.mid h3 {display:flex;justify-content:center;align-items:center;width: 1.66rem;height: 1.66rem;color:#fff;border-radius: 50%;text-align:center;background-color: #015ac0}
.Integration-box1 .list .icon {width: .5rem;height: .41rem;background-repeat: no-repeat;background-position: center;background-size: contain;}
.Integration-box1 .list .icon.icon1 {background-image: url("../images/Integration_icon1.png")}
.Integration-box1 .list .icon.icon2 {background-image: url("../images/Integration_icon2.png")}
.Integration-box2 {position:relative;padding: 1.2rem 0;background: #f8f9fa;overflow: hidden;}
.Integration-box2:after {content:'';position:absolute;width: 17rem;height: 1.17rem;bottom:1.2rem;left:50%;margin-left: -8.5rem;background: url("../images/Integration_line.png") no-repeat center/contain;}
.Integration-box2 .list {display:flex;justify-content:space-between;padding-top: .9rem;padding-bottom: .7rem;}
.Integration-box2 .list .item h3 {height: .7rem;line-height: .7rem;color: #fff;text-align: center;font-size: .22rem;}
.Integration-box2 .list .item.item1 h3 {background-color: #2f77bc}
.Integration-box2 .list .item.item2 h3 {background-color: #11b7db}
.Integration-box2 .list .item.item3 h3 {background-color: #41b4be}
.Integration-box2 .list .item .info {height: calc(100% - .7rem);padding: .3rem .4rem .6rem;color: #4c4948;font-size: .16rem;}
.Integration-box2 .list .item .info aside {font-size: .2rem;font-weight: bold;}
.Integration-box2 .list .item.item2 .info aside {color: #11b7db;}
.Integration-box2 .list .item.item3 .info aside {color: #41b4be;}
.Integration-box2 .list .item .info p {margin:.15rem 0;font-weight: lighter;}
.Integration-box2 .list .item .info .p {position:relative;padding-left: .15rem;}
.Integration-box2 .list .item .info .p:before {position:absolute;content:'';width: 3px;height: 3px;top:.1rem;left:0;margin-right:.1rem;background-color: #11b7db;}
.Integration-box2 .list .item.item1 .info {background-image: linear-gradient(to bottom,#e8f3ff,transparent)}
.Integration-box2 .list .item.item2 .info {background-image: linear-gradient(to bottom,#e5faff,transparent)}
.Integration-box2 .list .item.item3 .info {background-image: linear-gradient(to bottom,#d9fcff,transparent)}
.Integration-box2 .list .icon {width: .18rem;height: .21rem;align-self:center;background-repeat: no-repeat;background-position: center;background-size: contain;}
.Integration-box2 .list .icon.icon1 {background-image: url("../images/Integration_icon3.png")}
.Integration-box2 .list .icon.icon2 {background-image: url("../images/Integration_icon4.png")}
.Integration-box3 {padding: 1.2rem 0;}
.Integration-box3 .list {padding-top: .7rem;}
.Integration-box3 .item {display: flex;background: #f8f9fa;}
.Integration-box3 .item:not(:last-child) {margin-bottom: .8rem;}
.Integration-box3 .item .text {position:relative;display: flex;flex-direction: column;justify-content: center;font-size: .16rem;line-height: 1.875;text-align: justify;overflow: hidden;}
.Integration-box3 .item:nth-child(2n-1) .text {padding: 0 1.2rem;}
.Integration-box3 .item:nth-child(2n) .text {padding: 0 1.44rem 0 .94rem;}
.Integration-box3 .item .text .num {position:absolute;bottom:-.7rem;line-height:1;font-size: 2rem;font-weight:bold;opacity: .04;}
.Integration-box3 .item:nth-child(2n-1) .text .num {right:.3rem;}
.Integration-box3 .item:nth-child(2n) .text .num {left:.3rem;}
.Integration-box3 .item .pic dl {display: flex;justify-content: space-between;padding: 1rem .4rem .8rem 0;}
.Integration-box3 .item .pic dl dd {position:relative;padding: .4rem .2rem;border-radius: .15rem;background-color: #eef7fa}
.Integration-box3 .item .pic dl dd:before {content: "";position: absolute;inset: 0;background:linear-gradient(to bottom,#98d5ea,transparent);-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-clip:content-box,border-box;-webkit-mask-composite: xor;mask-composite: exclude;padding: 1px;border-radius: .15rem;}
.Integration-box3 .item .pic dl dd:after {content: "";position: absolute;width: 39%;height: .06rem;top:-.03rem;left:50%;transform:translateX(-50%);border-radius:.03rem;background-color: #039bcd;}
.Integration-box3 .item .pic dl dd aside {margin-bottom: .14rem;text-align: center;font-size: .22rem;font-weight: bold;color: #039bcd;}
.Integration-box3 .item .pic dl dd p {text-align:justify;font-size: .16rem;line-height: 1.875;font-weight: lighter;}

@media (min-width: 1025px) {
    .Integration-box1 .list .item {width: 32%;padding-bottom: 32%;}
    .Integration-box1 .list .item.mid {width: 22.75%;padding-bottom: 22.75%;}
    .Integration-box2 .list .item {width: 30%;}
    .Integration-box3 .item:nth-child(2n) {flex-direction: row-reverse;}
    .Integration-box3 .item > * {width: 50%;}
    .Integration-box3 .item .pic dl dd {width: 30%;}
}
@media (max-width: 1024px) {
    .Integration_title aside {font-size: 3.5vw;}
    .Integration-box1,
    .Integration-box2,
    .Integration-box3 {padding: 8vw 0;}
    .Integration-box1 .list {flex-wrap: wrap;margin: 0 4%;}
    .Integration-box1 .list .item {width: 100%;padding-bottom: 100%;margin-bottom: 8%;}
    .Integration-box1 .list .item.mid {width: 90%;padding-bottom: 90%;margin-left: auto;margin-right: auto;}
    .Integration-box1 .list .item p {font-size: 3.5vw;}
    .Integration-box1 .list .icon {display: none;}
    .Integration-box2 .list {flex-wrap: wrap;padding-top: 6vw;}
    .Integration-box2 .list .item h3 {font-size: 4vw;}
    .Integration-box2 .list .item .info {font-size: 3.5vw;}
    .Integration-box2 .list .icon {display: none;}
    .Integration-box3 .item {flex-wrap: wrap;}
    .Integration-box3 .item:not(:last-child) {margin-bottom: 4%;}
    .Integration-box3 .item:nth-child(2n-1) .text {padding: 6%;padding-bottom: 20%;font-size: 3.5vw;}
    .Integration-box3 .item:nth-child(2n) .text {padding: 6%;padding-bottom: 20%;font-size: 3.5vw;}
    .Integration-box3 .item .pic dl {padding: 6%;}
    .Integration-box3 .item .pic dl dd {width: 32%;}
}

/*cultureSlide*/
.cultureSlide{position: relative;}
.cultureSlide .cultureTitle {position: relative;}
.cultureSlide .cultureTitle .cn {position:absolute;bottom:30%;left:0;font-size: .3rem;color:#fff;font-weight: bold;}
.cultureSlide .cultureTitle .en {line-height:1;font-size: 1.8rem;font-family: 'Poppins_Bold';text-transform: uppercase;color: transparent;background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15),transparent);-webkit-background-clip: text;background-clip: text;}
.cultureSlide .bigSlider{}
.cultureSlide .bigSlider li{position: relative;}
.cultureSlide .bigSlider figure{padding-bottom: 8.5rem;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.cultureSlide .bigSlider .textBox{position: absolute;top: 50%;transform: translateY(-50%);left: 0;z-index: 8;width: 100%;}
.cultureSlide .bigSlider .textBox .txtLeft{color: #fff;max-width: 50%;}
.cultureSlide .bigSlider .textBox .txtLeft span{display: block;font-size:.36rem;}
.cultureSlide .bigSlider .textBox .txtLeft h5{font-size:.5rem;line-height:.6rem;margin: 0 0 .2rem 0;}
.cultureSlide .bigSlider .textBox .txtLeft p{font-size:.2rem;line-height:.35rem;opacity: .5;}
.cultureSlide .smaSlider{position: absolute;top: 50%;transform: translateY(-50%);right: 8%;width: 2rem;}
.cultureSlide .smaSlider li{position:relative;margin: .09rem 0;border:1px solid transparent;transition:.3s;}
.cultureSlide .smaSlider li figure{padding-bottom:1rem;background-repeat:no-repeat;background-size: cover;background-position:center center;}
.cultureSlide .smaSlider li .text {position: absolute;display:flex;justify-content:space-between;align-items:center;width: 100%;height: 100%;top:50%;left: 50%;transform: translate(-50%,-50%);text-align: center;background-color: rgba(0,0,0,0.4);transition: .3s;}
.cultureSlide .smaSlider li .text aside {width: 100%;font-size: .2rem;color:#fff;}
.cultureSlide .smaSlider li.slick-current{border-color: #fff;}
.cultureSlide .smaSlider li.slick-current .text  {background-color: rgba(0,0,0,0);}
.Ispic {background-repeat: no-repeat;background-position: center;background-size: cover;}
.curtuleTitle2 {font-size: .36rem;color: #005ac0;font-weight: bold;text-align: center;margin-bottom: .6rem;}
.Promise {padding-top: 1.2rem;}
.Promise ul {display: flex;justify-content: space-between;}
.Promise li {width: 47.875%;padding:.5rem .4rem .3rem .38rem;background-color: #f7f9fa;}
.Promise li a {display: flex;}
.Promise li .pic {flex-shrink:0;width: 22.82%;margin-right:.4rem;overflow: hidden;}
.Promise li .pic figure {padding-bottom: 135.66%;transition: .3s;}
.Promise li:hover .pic figure {transform: scale(1.08);}
.Promise li .text aside {margin-bottom: .1rem; font-weight: bold;font-size: .24rem;}
.Promise li .text p {margin-bottom: .4rem;font-size: .16rem;color: #4c4948;line-height: 1.875;}
.Promise .btn {display: inline-block;vertical-align: middle;padding-left:.28rem;margin:0 .1rem;position: relative;font-size:.16rem;color: #005ac0;top: 0;transition:.3s;}
.Promise .btn:before{width: .22rem;height: .22rem;content: '';background-image:url(../images/down_c.png);background-repeat:no-repeat;background-size: contain;background-position:center;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition:.3s;}

@media (max-width: 1024px) {
    .Promise ul {flex-wrap: wrap;}
    .Promise li {width: 100%;margin-bottom: 4%;}
}

.Culture {padding-bottom: 1.2rem;}
.Culture .public-title {position:relative;height:auto;padding-left: .2rem;}
.Culture .public-title:before {content:'';position: absolute;width: 3px;height: .36rem;top:50%;left:0;transform:translateY(-50%);background-color: #005ac0;}
.Culture .public-title:after {display: none}
.Culture .publication{padding-top:1rem;}
.Culture .publication ul{ padding:0 50px;position: relative;}
.Culture .publication ul:before,
.Culture .publication ul:after{ position:absolute; content:''; top:294px; height:90px; width:50px;}
.Culture .publication ul:before{ left:0; background:url(../images/publ_ul_l.png) no-repeat 0 0;}
.Culture .publication ul:after{right:0; background:url(../images/publ_ul_r.png) no-repeat 0 0;}
.Culture .publication li{ float:left; position:relative;text-align:center;width: 25%;}
.Culture .publication li .txtBox{ padding-top:35px;background:url(../images/publ_libg.png) repeat-x left top;}
.Culture .publication li .txtBox h5{font-size: .24rem;font-weight:normal;text-align: center;padding: 0 .2rem;}
.Culture .publication li .txtBox .btnBox{text-align: center;margin-top:.15rem;}
.Culture .publication li .txtBox .btnBox a{display: inline-block;vertical-align: middle;padding-left:.28rem;margin:0 .1rem;position: relative;font-size:.16rem;color: #999;top: 0;transition:.3s;}
.Culture .publication li .txtBox .btnBox a:before{width: .22rem;height: .22rem;content: '';background-repeat:no-repeat;background-size: contain;background-position:center;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition:.3s;}
.Culture .publication li .txtBox .btnBox a.view:before{background-image:url(../images/view.png);}
.Culture .publication li .txtBox .btnBox a.down:before{background-image:url(../images/down.png);}
.Culture .publication li .txtBox .btnBox a:hover{color: #005ac0;}
.Culture .publication li .txtBox .btnBox a.view:hover:before{background-image:url(../images/view_c.png);}
.Culture .publication li .txtBox .btnBox a.down:hover:before{background-image:url(../images/down_c.png);}
.Culture .publication li .imgBox{ position:relative; display:inline-block;max-width: 80%;height:294px;display: flex;align-items: end;justify-content: right;}
.Culture .publication li .imgBox:after{ position:absolute; right:-24px; background:url(../images/publ_ying.png) no-repeat left bottom; width:24px; height:100%; background-size:contain; content:'';top: 0;}
.Culture .publication .slick-arrow{position: absolute;width: .15rem;height: .28rem;font-size:0;border:none;background: url(../images/ar.png) no-repeat;background-size: contain;top: 50%;margin-top:-.14rem;left: 0;transition:.3s;cursor: pointer;}
.Culture .publication .slick-arrow.slick-next{left: auto;right: 0;transform: rotate(180deg);}
.Culture .publication .slick-arrow:hover{background: url(../images/ar_a.png) no-repeat;background-size: contain;transform: rotate(-180deg);}
.Culture .publication .slick-arrow.slick-next:hover{transform: rotate(0deg);}

.Culture .videoSY{padding:1.2rem 0;}
.Culture .videoSY .list{}
.Culture .videoSY li{float: left;width: 48%;margin-right:4%;border-radius:.2rem;overflow: hidden;position: relative;margin-bottom:4%;}
.Culture .videoSY li:nth-child(2n){margin-right:0;}
.Culture .videoSY li .imgBox{overflow: hidden;position: relative;}
.Culture .videoSY li .imgBox:before{width: 100%;height: 100%;content: '';background: rgba(0,0,0,0.2);position: absolute;top: 0;left: 0;transition:.3s;z-index: 2;}
.Culture .videoSY li .imgBox figure{padding-bottom:4.32rem;background-repeat:no-repeat;background-size: cover;background-position:center;transition:.3s;}
.Culture .videoSY li h5{position: absolute;bottom: .3rem;left: .3rem;padding:0 .3rem 0 .6rem;width: calc(100% - .4rem);font-size:.24rem;color: #ffffff;font-weight:normal;z-index: 3;line-height: .4rem;}
.Culture .videoSY li h5:before{width: .38rem;height: .39rem;content: '';background: url(../images/play2.png) no-repeat;background-size: contain;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.Culture .videoSY li:hover .imgBox:before{opacity: 0;}
.Culture .videoSY li:hover .imgBox figure{transform: scale(1.1, 1.1);}
.Culture .videoSY .loadBox{text-align: center;padding-top:.4rem;}
.Culture .videoSY .loadMore{padding-left:.35rem;position: relative;display: inline-block;font-size:.18rem;position: relative;}
.Culture .videoSY .loadMore:before{width: .19rem;height: .22rem;content: '';background: url(../images/load.png) no-repeat;background-size: contain;position: absolute;left: 0;margin-top:-.11rem;transition:.3s;top: 50%;}
.Culture .videoSY .loadMore:hover:before{transform: rotate(360deg);}

.Culture .function .title,
.Culture .team .title {margin-top: .2rem;font-size: .24rem;}
.Culture .team {margin-top: 1rem;}
.Culture .bottom-box{margin-top: .5rem;display: flex;justify-content: space-between;}
.Culture .bottom-box .btn{display: flex;align-items: center;margin-left: .5rem;}
.Culture .bottom-box .swiper-pagination-progressbar{position: initial;height: 3px;}
.Culture .bottom-box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{--swiper-theme-color: #005ac0;}
.Culture .bottom-box .swiper-button-prev{position: initial;--swiper-navigation-size: .27rem;--swiper-theme-color: #005ac0;}
.Culture .bottom-box .swiper-button-next{position: initial;--swiper-navigation-size: .27rem;margin-left: .45rem;--swiper-theme-color: #005ac0;}
.Culture .bottom-box .swiper-button-prev.swiper-button-disabled{--swiper-theme-color: #999999;opacity: 1;}
.Culture .bottom-box .swiper-button-next.swiper-button-disabled{--swiper-theme-color: #999999;opacity: 1;}

.digital-box1 {padding: 1.2rem 0;}
.digital-box1 .title {font-size: .36rem;margin-bottom: .8rem;}
.digital-box1 .title span {display:block;color: #005ac0;}
.digital-box1 .list ul {display:flex;flex-wrap: wrap;}
.digital-box1 .list ul li {position:relative;padding:.4rem 1.1rem .4rem .24rem;}
.digital-box1 .list ul li:nth-child(1) {background-color: #f5f9fd; }
.digital-box1 .list ul li:nth-child(2) {background-color: #f1fafb; }
.digital-box1 .list ul li:nth-child(3) {background-color: #f4fbff; }
.digital-box1 .list ul li .icon {position: absolute;top:0;right:.25rem;padding-top: .33rem;}
.digital-box1 .list ul li .icon:before {content:'';position: absolute;top:0;left:50%;width:1px;height:.33rem;}
.digital-box1 .list ul li:nth-child(1) .icon:before {background-color: #005ac0;}
.digital-box1 .list ul li:nth-child(2) .icon:before {background-color: #26a5bc;}
.digital-box1 .list ul li:nth-child(3) .icon:before {background-color: #74d2fb;}
.digital-box1 .list ul li h4 {margin-bottom: .3rem;font-size: .24rem; }
.digital-box1 .list ul li:nth-child(1) h4 {color: #005ac0; }
.digital-box1 .list ul li:nth-child(2) h4 {color: #26a5bc; }
.digital-box1 .list ul li:nth-child(3) h4 {color: #74d2fb; }
.digital-box1 .list ul li p {margin-bottom: .1rem; line-height: 1.875; color: #4c4948;font-size: .16rem;}
.digital-box1 .list ul li p.p {position:relative;padding-left: 0.12rem;}
.digital-box1 .list ul li p.p:before {content:'';position:absolute;width: .04rem;height: .04rem;border-radius: 50%;top:.14rem;left:0;}
.digital-box1 .list ul li:nth-child(1) p.p:before {background-color: #005ac0;}
.digital-box1 .list ul li:nth-child(2) p.p:before {background-color: #26a5bc;}
.digital-box1 .list ul li:nth-child(3) p.p:before {background-color: #74d2fb;}

.digital-box2 {padding: 1rem 0;}
.digital-box2 .w1600 {padding: 0 1.64rem;}
.digital-box2 .title {margin-bottom: .5rem; font-size: .36rem;color:#fff;text-align: center;}
.digital-box2 .item{ display:flex;margin-bottom:.2rem; width:100%;}
.digital-box2 .item:last-child{ margin-bottom:0;}
.digital-box2 .item .oi{display:flex;align-items: center; margin-right:.1rem; color:#fff; font-size:.18rem; width:.85rem; padding:0 .34rem;}
.digital-box2 .item .oi.back_color1{ background-color:#74d2fb;}
.digital-box2 .item .oi.back_color2{ background-color:#438ffa;}
.digital-box2 .item .oi.back_color3{ background-color:#005ac0;}
.digital-box2 .item .text{  text-align: center; width:calc(100% - .95rem); font-size:.36rem; padding:.6rem;background: url("../images/digital-box2_img1.jpg") no-repeat center/cover;}
.digital-box2 .item .text .color1{font-size: .24rem;color:#005ac0;}
.digital-box2 .item .text .color2{ font-size: .36rem;color:#333333;}
.digital-box2 .item .list{ display:flex;flex-wrap:wrap;width:calc(100% - .95rem);}
.digital-box2 .item .list dl{ display:flex;align-items: center;width:100%; background:#ffffff; border:solid 1px #438ffa;}
.digital-box2 .item .list dl:not(:last-child){margin-bottom: .1rem;}
.digital-box2 .item .list dl dt{flex-shrink:0;width: 21.7%;font-size:.18rem; background:#438ffa; color:#fff; padding:.22rem 0;margin-right: .38rem; text-align:center;}
.digital-box2 .item .list dl dd{ min-width:1.7rem;line-height:.4rem; color:#666666; position:relative; padding:0 .25rem; padding-right:.15rem;margin-right: .18rem; font-size: .16rem;text-align:center;background-color: #ebf4fe;}
.digital-box2 .item .list dl dd i{ color:#438ffa; font-style:normal; position: absolute; margin-left:-0.8em;}
.digital-box2 .list-sd{ background:#fff; width:100%; width:calc(100% - .7rem);}
.digital-box2 .list-sd .ul{ display:flex;flex-wrap:wrap;padding:.5rem; width:100%;}
.digital-box2 .list-sd li{ position:relative;display:flex;align-items:center;justify-content: center;width:25%; text-align:center; }
.digital-box2 .list-sd li:after {content:''; position:absolute;width: 1px;height: .2rem;top:50%;right:0;margin-top:-.1rem;background-color: #eff0f1;}
.digital-box2 .list-sd li:last-child:after {display: none;}
.digital-box2 .list-sd .txt{margin-left: .24rem;font-size:.18rem; }

.digital-box3 {padding: 1.2rem 0;}
.digital-box3 .w1600 {display: flex;justify-content: space-between; position: relative;}
.digital-box3 .text_box{ width:6.8rem;}
.digital-box3 .text_box .title{ margin-bottom:.4rem; font-size:.36rem; color:#005ac0;}
.digital-box3 .pic-box{ position:relative;width:51.53%;}
.digital-box3 .pic-box1{ display: none;}
.digital-box3 .Tab-tit{display: flex;justify-content: space-between;align-items: center; }
.digital-box3 .Tab-tit .item{display: flex; cursor:pointer; margin-bottom:-2px; border-bottom:solid 2px transparent; line-height:1.5; color:#666666; position: relative;}
.digital-box3 .Tab-tit .item:after {content:''; position:absolute;width:0;height:2px;bottom: -10px;left:0; background: #005ac0; transition: .5s;}
.digital-box3 .Tab-tit .item.on:after{width: 100%;}
.digital-box3 .Tab-tit .line {content:'';height:.4rem;width: 1px;background-color: #e4e5e6;}
.digital-box3 .Tab-tit .line:last-child{display: none;}
.digital-box3 .Tab-tit .item:last-child{ margin-right:0;}
.digital-box3 .Tab-tit .item .icon{ padding-top:.05rem; margin-right:.1rem;}
.digital-box3 .Tab-tit .item .wzt {font-size: .16rem;}

.digital-box3 .tab-list{ padding-top:.78rem;}
.digital-box3 .tab-list .tab-con{ display:none;}
.digital-box3 .tab-list .tab-con.on{ display:block;}
.digital-box3 .tab-list .tab-con .tit{ margin-bottom:.4rem; line-height:1.5; font-size:.3rem;}
.digital-box3 .tab-list .tab-con .tit .t1{ color:#333333;}
.digital-box3 .tab-list .tab-con .tit .t2{ color:#005ac0;}
.digital-box3 .tab-list .tab-con .tit .t3{ font-size: .18rem; margin-top:.2rem;}
.digital-box3 .tab-list .tab-con .con-wui{ font-size:.18rem; color:#666666;}
.digital-box3 .tab-list .tab-con .con-wui li{ margin:.1rem 0; padding-left:.3rem;line-height: 2; position: relative;}
.digital-box3 .tab-list .tab-con .con-wui i{ line-height:.36rem; display:block; font-size:.6rem; color:#005ac0; font-style: normal; position: absolute; top:0; left:0;}
.digital-box3 .Aniu {position:absolute;bottom: .24rem;right: .24rem; display: flex;justify-content: flex-end;}
.digital-box3 .Aniu .swiper-button-prev,
.digital-box3 .Aniu .swiper-button-next  {position:relative;left: 0;top: 0;margin-top: 0;width:.54rem;height:.54rem;border-radius:50%;}
.digital-box3 .Aniu .swiper-button-prev:after,
.digital-box3 .Aniu .swiper-button-next:after {font-size: .2rem;}
.digital-box3 .Aniu .swiper-button-prev {margin-right: .15rem;background-color: #005ac0;}
.digital-box3 .Aniu .swiper-button-prev:after {color:#fff;}
.digital-box3 .Aniu .swiper-button-next {background-color: #fff;}

.digital-box4{ padding:1.3rem 1.5rem 1rem; padding-right:0; background-size:cover; background-repeat:no-repeat; background-position:center;}
.digital-box4 .title{ margin-bottom:1.5rem; font-size:.3rem; color:#005ac0;}
.digital-box4 .list{ width:100%;}
.digital-box4 .list .swiper-slide{ border:solid 2px transparent; position:relative; height:auto; padding:.5rem .35rem; background:#fff;}
.digital-box4 .list .swiper-slide::after{ position:absolute; top:-2px; right:-2px; display:block; content:''; width:.51rem; height:.51rem; background-image:url(../images/innovation-icon11.png); background-size:cover;}
.digital-box4 .list .swiper-slide-active{ border-color:#005ac0;}
.digital-box4 .list .item{ font-size:.2rem;}
.digital-box4 .paging_swiper{ display: flex;justify-content:space-between;align-items: center;margin-top:.7rem; width:calc(100% - 1.5rem);}
.digital-box4 .Aniu{ height:.5rem;display: flex;align-items: center;}
.digital-box4 .Aniu .swiper-button-prev,
.digital-box4 .Aniu .swiper-button-next{ margin:0; top:auto; bottom:auto; left:auto; right:auto; position:relative;}
.digital-box4 .Aniu .swiper-button-prev{ margin-right:.5rem;}
.digital-box4 .Aniu .swiper-button-next:after,
.digital-box4 .Aniu .swiper-button-prev:after{ font-size:.24rem;}
.digital-box4 .swiper-pagination-progressbar{ background:rgba(255,255,255,.5); width:calc(100% - 2rem); position:relative;}

@media (min-width: 1025px) {
    .digital-box1 .list ul li {width: 31.5%;}
    .digital-box1 .list ul li:not(:nth-child(3n)) {margin-right: 2.75%;}
    .digital-box2 .item .list dl dd{width: 50%;}
}
@media (max-width: 1024px) {
    .digital-box1 .list ul li {margin-bottom: 4%;}
    .digital-box2 .w1600 {padding: 0;}
    .digital-box2 .item {flex-wrap: wrap;}
    .digital-box2 .item .oi {width: 100%;line-height: 0.7rem;margin-right: 0;font-size: 0.25rem;justify-content: center;}
    .digital-box2 .item .text {width: 100%;}
    .digital-box2 .item .list {width: 100%;}
    .digital-box2 .item .list dl {padding: 4%; flex-wrap:wrap;}
    .digital-box2 .item .list dl dt {margin-bottom: 4%;margin-right:0; width: 100%;}
    .digital-box2 .item .list dl dd {margin-bottom: 2%;min-width: auto;}
    .digital-box2 .list-sd {width: 100%;}
    .digital-box2 .list-sd .ul {padding: 6% 4%;}
    .digital-box2 .list-sd .ul li {width: 50%;margin-bottom:4%;}
    .digital-box2 .list-sd .ul li:after {display:none;}
    .digital-box2 .list-sd .ul li .icon {width: 20%;}
    .digital-box3 .w1600 {flex-wrap: wrap;}
    .digital-box3 .pic-box {width: 100%;margin-top: 6%;}
    .digital-box4 {width: 100%;padding: 8% 4%;margin: 0 auto;}
    .digital-box4 .title {margin-bottom: 6%;}
}