@charset "utf-8";

@font-face{
    font-family: 'HarmonyOS_Sans_SC_Regular';
    src:url(../fonts/HarmonyOS_Sans_SC_Regular.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: #000000; 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: #e60012;}


/*清除浮动*/
.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;}

.ytable {
  display: table;
  width: 100%;
}
.ytable-fixed {
  table-layout: fixed;
}
.ytable-cell {
  display: table-cell;
  vertical-align: middle;
}

/* 单行隐藏 */
.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;}

.w1400{max-width:1400px;margin: 0 auto;}

/*top*/
.top{background:#fff;position: fixed;top: 0;left: 0;width: 100%;transition:.3s;z-index: 99;}
.top.onFixed{box-shadow: 0 0 5px rgba(0, 0, 0, .2);}
.top .logo{float: left;line-height:1rem;}
.top .otherBox{float: right;width: 65%;}
.top .otherBox .nav{float: left;}
.top .otherBox .nav li{float: left;margin-right: .32rem;position: relative;}
.top .otherBox .nav li >a{line-height:1rem;font-size:.18rem;position: relative;display: block;}
.top .otherBox .nav li >a:before{width: .08rem;height: .08rem;background: #fff;content: '';position: absolute;left: 50%;margin-left: -.04rem;bottom: 0;transform:skew(-30deg);}
.top .otherBox .nav li:hover >a:before,
.top .otherBox .nav li.on >a:before{background: #e60012;}
.top .otherBox .nav li:hover >a,
.top .otherBox .nav li.on >a{color:#e60012;}
.top .otherBox .nav li .nav_sub{position: absolute;width: 1.2rem;top: 100%;left: 50%;transform: translateX(-50%);background:#fff;display: none;}
.top .otherBox .nav li .nav_sub dd{margin: 0;}
.top .otherBox .nav li .nav_sub a{display: block;line-height:.3rem;text-align: center;font-size:.15rem;}
.top .otherBox .nav li .nav_sub a:hover{background: #fff6f7;color: #e60012;}
@media(min-width: 1024px){
  .top .otherBox .nav li .nav_sub dd:first-child{padding-top:.1rem;}
  .top .otherBox .nav li .nav_sub dd:last-child{padding-bottom:.1rem;}
}

.top .otherBox .lsBox{float: right;}
.top .otherBox .lang{float: left;margin-top:.42rem;position: relative;}
.top .otherBox .lang .openLang{display: block;width: .16rem;height: .16rem;cursor: pointer;background:url(../images/lang.jpg) no-repeat;background-size: contain;transition:1s;}
.top .otherBox .lang .openLang:hover{transform: rotate(360deg);}
.top .otherBox .lang .langList{position: absolute;top: 100%;right: 0;padding:.05rem;background: #fff;display: none;}
.top .otherBox .lang .langList a{line-height:.3rem;display: block;}


.top .otherBox .sear{float: left;position: relative;margin-top: .42rem;margin-left: .2rem;padding-left: .2rem;border-left: 1px solid #cccccc;}
.top .otherBox .sear .searBtn{width: .16rem;height: .16rem;background: url(../images/sear.jpg) no-repeat;background-size: contain;display: block;cursor: pointer;}
.top .otherBox .sear .slideSear{position: absolute;top: 100%;right: 0;padding:.05rem;background: #fff;display: none;}
.top .otherBox .sear .slideSear input{padding:0 .05rem;border:1px solid #333;line-height:.3rem;}
.top .otherBox .sear .slideSear .searBtn{position: absolute;top: 50%;transform: translateY(-50%);right: .2rem;}

/*banner*/
.banner{position: relative;}
.banner li{position: relative;}
.banner figure{padding-bottom: 9rem;background-repeat: no-repeat;background-size: cover;background-position:center center;}
.banner .slick-dots{position: absolute;text-align: center;width: 100%;bottom: .4rem;}
.banner .slick-dots li{display: inline-block;vertical-align: middle;width: .06rem;height: .06rem;background: #fff;border-radius:50%;transition:.3s;margin: 0 .15rem;}
.banner .slick-dots li.slick-active{background:none;width: .12rem;height: .12rem;border:.02rem solid #fff;}
.banner .slick-dots li button{display: none;}
@media(min-width: 750px){
  .banner li .moBan{display: none;}
}
@media(max-width:750px){
  .banner li .moBan{display: block;}
  .banner figure{display: none;}
}

/*video-box*/
.video-box{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:300; background:rgba(0,0,0,0.85);}
.video-box .close{ cursor:pointer; width:.4rem; height:.4rem; position:fixed; z-index:4; right:.3rem; top:.3rem;}
.video-box .close::before,
.video-box .close::after{ position:absolute; content:''; width:80%; left:10%; height:.03rem; top:50%; margin-top:-.015px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.video-box .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.video-box .ytable{height: 100%;}
.video-box .ytable-cell{ text-align:center;}
.video-box video{ width:90%; max-width:9rem;}

.homeTit{margin-bottom: .4rem;}
.homeTit h5{font-size:.44rem;font-weight: normal;margin-bottom:.25rem;}
.homeTit .des{line-height:.32rem;font-size:.18rem;}
.homeMore{display: block;width: 1.8rem;line-height:.5rem;position: relative;font-size:.16rem;padding-left: .45rem;z-index: 9;}
.homeMore:before{width: 100%;height: 100%;content:'';background:#ececec;position: absolute;top: 0;left: 0;transform:skew(-30deg);z-index: -1;}
.homeMore:after{width: .23rem;height: .1rem;content:'';background:url(../images/more.png) no-repeat;background-size: contain;position: absolute;top: 50%;margin-top:-.05rem;right: .4rem;transition:.3s;}
.homeMore:hover:after{right: .35rem;}

/*HomeAbout*/
.HomeAbout{padding:1.1rem 0 1.3rem;}
.HomeAbout .txtBox{width: 44.5%;float: left;}
.HomeAbout .txtBox .vidBox{margin-top:.5rem;max-width:5rem;position: relative;}
.HomeAbout .txtBox .vidBox figure{padding-bottom: 2.3rem;background-repeat:no-repeat;background-size: cover;background-position:center center;}
.HomeAbout .txtBox .vidBox .play{display: block;width: .48rem;height: .48rem;border-radius:50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 9;background:url(../images/play.png) no-repeat;background-size: contain;transition:.3s;}
.HomeAbout .txtBox .vidBox .play:hover{top: 48%;}
.HomeAbout .imgBox{float: right;width: 50%;padding-top: .5rem;}

/*HomePro*/
.HomePro{padding:1.2rem 0;background:#fbfbfb;}
.HomePro .topBox .homeTit{float: left;width: 37%;}
.HomePro .topBox .navSlide{float: right;width: 50%;}
.HomePro .topBox .navSlide ul{float: left;width: 74.5%;}
.HomePro .topBox .navSlide .homeMore{float: right;width: 25.5%;}
.HomePro .topBox .navSlide li{position: relative;padding-top:.2rem;}
.HomePro .topBox .navSlide li:before{width: .08rem;height: .15rem;background: #dddddd;content: '';position: absolute;left: .05rem;top: .13rem;transform:skew(-30deg);}
.HomePro .topBox .navSlide li .num{position: absolute;left: 0;bottom:.1rem;font-size:.8rem;line-height:.9;font-family:Myriad;z-index: -1;opacity: 0;transition:.3s;}
.HomePro .topBox .navSlide li p{padding-top:.3rem;border-top: 1px solid #eeeeee;font-size:.18rem;color:#666666;}
.HomePro .topBox .navSlide li.slick-current p{color:#000;}
.HomePro .topBox .navSlide li.slick-current .num{opacity: .06;}
.HomePro .topBox .navSlide li.slick-current:before{background:#000;}
.HomePro .bomBox{padding-top: .2rem;}
.HomePro .bomBox .itemBox ul .slick-list{padding:.1rem 0;}
.HomePro .bomBox .itemBox li{margin: 0 .15rem;background:#fff;box-shadow: 0 0 .15rem rgba(0, 0, 0, .1);padding-top:.7rem;}
.HomePro .bomBox .itemBox li .imgBox{overflow: hidden;}
.HomePro .bomBox .itemBox li .imgBox figure{background:no-repeat;background-size: contain;background-position: center center;padding-bottom:2.3rem;transition:.3s;}
.HomePro .bomBox .itemBox li .txtBox{padding:.4rem .2rem;text-align: center;}
.HomePro .bomBox .itemBox li .txtBox h5{font-size:.2rem;margin-bottom:.1rem;font-weight:normal;}
.HomePro .bomBox .itemBox li .txtBox p{font-size:.16rem;color:#999999;}
.HomePro .bomBox .itemBox li:hover .imgBox figure{transform: scale(1.1, 1.1);}
.HomePro .bomBox .itemBox .slick-arrow{width: .66rem;height: .66rem;font-size:0;border:none;background: url(../images/ar.png) no-repeat;background-size: contain;position: absolute;top: 50%;margin-top:-.33rem;z-index: 9;left: 0;transition:.3s;cursor: pointer;}
.HomePro .bomBox .itemBox .slick-arrow.slick-next{left: auto;right: 0;transform: rotate(180deg);}
.HomePro .bomBox .itemBox .slick-arrow:hover{transform: rotate(-180deg);background: url(../images/ar_a.png) no-repeat;background-size: contain;}
.HomePro .bomBox .itemBox .slick-arrow.slick-next:hover{transform: rotate(0deg);}

/*HomeRD*/
.HomeRD{background:url(../images/HomeRDBG.jpg) no-repeat top left #fbfbfb;padding:1.2rem 0;color:#fff;position: relative;}
.HomeRD .leftBox{width: 28%;}
.HomeRD .leftBox .txtBox{margin-bottom:.7rem;margin-top:.2rem;}
.HomeRD .leftBox .txtBox .titCN{font-size: .3rem;font-weight:normal;}
.HomeRD .leftBox .txtBox .titEN{font-size:.18rem;opacity: .4;}
.HomeRD .leftBox .txtBox .des{font-size:.16rem;line-height:.3rem;margin-top:.3rem;}
.HomeRD .leftBox .homeMore{margin-left:.15rem;}
.HomeRD .leftBox .homeMore:before{background:rgba(255,255,255,.5);}

.HomeRD .rightBox{position: absolute;width: 63%;right: 0;bottom:0;}
.HomeRD .rightBox .slideBox figure{padding-bottom:6rem;background-repeat:no-repeat;background-position:center center;background-size: cover;}
.HomeRD .rightBox .navsld{position: absolute;width: 100%;left: 0;bottom:0;border-top:1px solid rgba(255,255,255,.1);}
.HomeRD .rightBox .navsld li {border-right: 1px solid rgba(255,255,255,.1);padding:.35rem 0 .35rem .35rem;transition:.3s;}
.HomeRD .rightBox .navsld li .icon{display: inline-block;vertical-align: middle;width: .44rem;margin-right:.25rem;}
.HomeRD .rightBox .navsld li .text{display: inline-block;vertical-align: middle;width: calc(100% - .75rem);padding-left:.2rem;position: relative;}
.HomeRD .rightBox .navsld li .text:before{width: 1px;height: .3rem;content:'';background:rgba(255,255,255,.1);position: absolute;left: 0;top: 50%;margin-top:-.15rem;}
.HomeRD .rightBox .navsld li .text h5{font-size:.22rem;font-weight:normal;}
.HomeRD .rightBox .navsld li .text p{text-transform:capitalize}
.HomeRD .rightBox .navsld li.slick-current{background:#000;}
/*HomeRD*/

/*HomeNews*/
.HomeNews{padding:1.2rem 0;}
.HomeNews .topBox .homeTit{float: left;width: 50%;}
.HomeNews .topBox .navsld{float: right;width: 50%;padding-top:.3rem;}
.HomeNews .topBox .navsld li{position: relative;padding-top:.2rem;}
.HomeNews .topBox .navsld li:before{width: .08rem;height: .15rem;background: #dddddd;content: '';position: absolute;left: .05rem;top: .13rem;transform:skew(-30deg);z-index: 9;}
.HomeNews .topBox .navsld li em{display: block;position: absolute;top: 0.2rem;left: 0;content: '';width: 100%;height: 1px;background-color: #eee;z-index: 3;}
.HomeNews .topBox .navsld li em:before{display: block;content: '';position: absolute;left: 0;top: 0;width: 0;height: 100%;background:red;z-index: 3;transition: all 3s ease-in-out}
.HomeNews .topBox .navsld li p{padding-top:.3rem;border-top: 1px solid #eeeeee;font-size:.18rem;color:#666666;}
.HomeNews .topBox .navsld li.slick-current p{color:#000;}
.HomeNews .topBox .navsld li.slick-current:before{background:#000;}
.HomeNews .topBox .navsld li.slick-current em:before{width: 100%}
.HomeNews .bomBox .leftBox{float: left;width: 44.25%;}
.HomeNews .bomBox .leftBox .imgBox{overflow: hidden;position: relative;}
.HomeNews .bomBox .leftBox .imgBox figure{padding-bottom:3.95rem;background-repeat:no-repeat;background-size: cover;background-position:center center;transition:.3s;}
.HomeNews .bomBox .leftBox .imgBox time{display: block;padding:0 .15rem;line-height:.3rem;background:#e8e8e8;font-size:.16rem;position: absolute;right: 0;bottom:0;}
.HomeNews .bomBox .leftBox .txtBox{margin-top:.4rem;padding-bottom:.28rem;border-bottom: 1px dashed rgba(102,102,102,.2);}
.HomeNews .bomBox .leftBox .txtBox h5{font-size:.2rem;font-weight:normal;margin-bottom:.15rem;}
.HomeNews .bomBox .leftBox .txtBox p{font-size:.18rem;line-height:.28rem;color:#666666;}
.HomeNews .bomBox .leftBox:hover .imgBox figure{transform: scale(1.1, 1.1);}
.HomeNews .bomBox .rightBox{float: right;width: 50%;}
.HomeNews .bomBox .rightBox .topNews{margin-bottom:.45rem;}
.HomeNews .bomBox .rightBox .topNews .item{width: 48.5%;float: left;}
.HomeNews .bomBox .rightBox .topNews .item:nth-child(2n){float: right;}
.HomeNews .bomBox .rightBox .topNews .item .imgBox{overflow: hidden;position: relative;}
.HomeNews .bomBox .rightBox .topNews .item .imgBox figure{padding-bottom:1.9rem;background-repeat:no-repeat;background-size: cover;background-position:center center;transition:.3s;}
.HomeNews .bomBox .rightBox .topNews .item .imgBox time{display: block;padding:0 .15rem;line-height:.3rem;background:#e8e8e8;font-size:.16rem;position: absolute;right: 0;bottom:0;}
.HomeNews .bomBox .rightBox .topNews .item h5{font-size:.2rem;line-height:.3rem;font-weight:normal;margin-top:.2rem;}

.HomeNews .bomBox .rightBox .topNews .item:hover .imgBox figure{transform: scale(1.1, 1.1);}
.HomeNews .bomBox .rightBox .bomNews{border-top:1px dashed rgba(102,102,102,.2);}
.HomeNews .bomBox .rightBox .bomNews li{padding:.28rem 0;border-bottom: 1px dashed rgba(102,102,102,.2);position: relative;padding-right: .9rem;}
.HomeNews .bomBox .rightBox .bomNews li time{font-size:.18rem;color:#999999;right: 0;top: 50%;transform: translateY(-50%);position: absolute;}
.HomeNews .bomBox .rightBox .bomNews li h5{font-size:.18rem;font-weight:normal;}
/*HomeNews*/

/*bottom*/
.bottom{background:url(../images/bomBG.jpg) no-repeat;background-size: cover;background-position:center center;color:#fff;}
.bottom .bomTop{padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.1);}
.bottom .bomTop .leftBox{float: left;width: 25%;}
.bottom .bomTop .leftBox .bomLogo{margin-bottom:.4rem;}
.bottom .bomTop .leftBox .hotline h5{font-size:.18rem;font-weight:normal;}
.bottom .bomTop .leftBox .hotline p{font-size:.3rem;margin-top:.1rem;font-family:Myriad;}
.bottom .bomTop .leftBox .hotline p span{font-size:.16rem;opacity: .8;}
.bottom .bomTop .bomNav{float: right;width: 60%;}
.bottom .bomTop .bomNav dl{float: left;margin-right:.5rem;}
.bottom .bomTop .bomNav dl:last-child{margin-right:0;}
.bottom .bomTop .bomNav dl dt{font-size:.18rem;margin-bottom:.25rem;}
.bottom .bomTop .bomNav dl dd a{display: block;font-size:.16rem;line-height:.36rem;color:#fff;opacity: .5;}
.bottom .bomTop .bomNav dl dd a:hover{opacity: 1;}
.bottom .bomBom{color: rgba(243,246,250,.5);padding: .25rem 0;}
.bottom .bomBom .copy{float: left;line-height:.24rem;}
.bottom .bomBom ul{float: right;}
.bottom .bomBom li{float: left;line-height:.24rem;padding: 0 .1rem;position: relative;}
.bottom .bomBom li:before{width: 1px;height: .1rem;content: '';background:#fff;position: absolute;top: 50%;margin-top:-.05rem;left: 0;opacity: .5;}
.bottom .bomBom li:first-child:before{display: none;}
.bottom .bomBom li a{float: left;color: rgba(243,246,250,.5);}
.bottom .bomBom li a:hover{color: #fff;}
/*bottom*/

/*innerBan*/
.innerBan{position: relative;}
.innerBan .Banbox{padding-bottom:6rem;background-repeat:no-repeat;background-size: cover;background-position:center center;}
.innerBan .txtBox{position: absolute;bottom: 35%;color:#fff;width: 100%;left: 0;}
.innerBan .txtBox h5{font-size:.36rem;margin-bottom: .2rem;font-weight:normal;}
.innerBan .txtBox p{font-size:.18rem;}
/*innerBan*/

/*menu*/
.menu{line-height:1rem;text-align: center;border-bottom:1px solid #eeeeee;margin-bottom:1rem;}
.menu li{display: inline-block;vertical-align: middle;padding:0 .5rem;position: relative;}
.menu li:before{width: 1px;height: .14rem;content: '';background:#eee;position: absolute;top: 50%;margin-top:-.07rem;left: 0;}
.menu li:first-child:before{display: none;}
.menu li a{display: block;font-size:.18rem;color:#666666;transition:.3s;border-bottom: 1px solid transparent;}
.menu li a:hover,
.menu li.on a{color:#000;}
.menu li.on a{border-color: #000;}
/*menu*/

/*企业介绍*/
.AboutWarp{padding-bottom: 1rem;}
.AboutWarp .aboutTop{margin-bottom:.65rem;}
.AboutWarp .aboutTop .titBox{width: 50%;float: left;}
.AboutWarp .aboutTop .titBox h1{font-size:.44rem;font-weight:normal;margin-bottom: .3rem;}
.AboutWarp .aboutTop .titBox p{font-size:.18rem;line-height:.32rem;}
.AboutWarp .aboutTop .logoBox{float: right;margin-right:.8rem;width: 30%;padding-top:.5rem;}
.AboutWarp .aboutTxt .vidBox{margin-bottom:.5rem;position: relative;}
.AboutWarp .aboutTxt .vidBox figure{padding-bottom: 4.2rem;background-repeat:no-repeat;background-size: cover;background-position:center center;}
.AboutWarp .aboutTxt .vidBox .play{display: block;width: .48rem;height: .48rem;border-radius:50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 9;background:url(../images/play.png) no-repeat;background-size: contain;transition:.3s;}
.AboutWarp .aboutTxt .vidBox .play:hover{top: 48%;}
.AboutWarp .aboutTxt .textBox{font-size:.18rem;line-height:.32rem;}

/*企业介绍*/

/*发展历程*/
.history{padding-bottom: 1rem;}
.history .historyList{margin-left:.15rem;border-left:1px solid #f6f6f6;padding:.15rem 0;position: relative;}
.history .historyList .item{padding-left:.5rem;font-size:.18rem;margin: .3rem 0;position: relative;}
.history .historyList .item:before{width: .2rem;height: .08rem;content:'';background:#dddddd;position: absolute;left: 0;top: 50%;margin-top:-.04rem;transform:skew(-30deg);}
.history .historyList .item time{display: inline-block;vertical-align: middle;color:#666666;width: 1.2rem;}
.history .historyList .item p{display: inline-block;vertical-align: middle;width: calc(100% - 1.8rem);padding-left: .4rem;position: relative;}
.history .historyList .item p:before{width: 1px;height: .14rem;content: '';background:#dfdfdf;position: absolute;top: 50%;margin-top:-.07rem;left: 0;}
.history .historyList .slick-arrow{width: .3rem;height: .3rem;font-size:0;border-radius: 50%;border:none;background:url(../images/ar2.png) no-repeat;background-size: contain;position: absolute;left: -.15rem;top: 0;cursor: pointer;}
.history .historyList .slick-arrow.slick-next{transform: rotate(180deg);top: auto;bottom:0;}
/*发展历程*/

/*企业文化*/
.cultureTop{padding-bottom:1rem;}
.cultureTop .txtBox span{text-transform:capitalize;font-size:.16rem;color:#999999;}
.cultureTop .txtBox h5{font-size:.2rem;font-weight:normal;margin: .05rem 0 .2rem;}
.cultureTop .txtBox .des{font-size:.16rem;line-height:.3rem;}
.cultureTop .TopBox{margin-bottom:1rem;}
.cultureTop .TopBox .imgBox{width: 65%;display: inline-block;vertical-align: middle;}
.cultureTop .TopBox .txtBox{display: inline-block;vertical-align: middle;width: 34.5%;padding-left:.9rem;}
.cultureTop .BomList .item{float: left;width: 30%;margin-right:5%;}
.cultureTop .BomList .item:nth-child(3n){margin-right:0;}
.cultureTop .BomList .item .imgBox{margin-bottom:.25rem;}
.cultureTop .BomList .item .imgBox figure{padding-bottom:3.15rem;background-repeat:no-repeat;background-size: cover;background-position:center center;}
.cultureBom{padding:1rem 0;background:#fbfbfb;}
.cultureBom .item{float: left;background:#fff;width: 24.25%;margin-right:1%;margin-bottom:1%;padding:.7rem .4rem .4rem;}
.cultureBom .item:nth-child(4n){margin-right:0;}
.cultureBom .item .icon{max-width:.65rem;margin-bottom:.7rem;transition:1s;}
.cultureBom .item .text span{text-transform:capitalize;font-size:.16rem;color:#999999;}
.cultureBom .item .text h5{font-size:.2rem;font-weight:normal;margin: .05rem 0 .2rem;}
.cultureBom .item .text p{font-size:.16rem;line-height:.28rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;min-height: 1.12rem;}
.cultureBom .item:hover .icon{transform: rotateY(360deg);}
/*企业文化*/

/*荣誉资质*/
.honerList{overflow: hidden;padding-bottom:1rem;}
.honerList .list{padding: 0 3.4375vw;}
.honerList .list ul{margin: 0 -2vw;}
.honerList li{float: left; text-align: center;position: relative;background: url("../images/taibg.png") repeat-x top 70% left;}
.honerList li a{display: block;position: relative; z-index: 3;}
.honerList li .pic{padding-bottom: 1.98vw;}
.honerList li .Ispic{padding-bottom: 55%;background-size: contain;background-repeat:no-repeat;background-position:center center;}
.honerList li .tit{margin-top: 1.303vw; margin-bottom: 2.08vw; padding: 0 5%;}
.honerList li .tit aside{font-size: 16px; line-height: 1.25em;height: 2.5em;}
@media(min-width:769px){
.honerList li{width:25%;}
.honerList li:first-child:before,
.honerList li:nth-child(4n+1):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/taibg_l.png") no-repeat left top 70% #fff; width:7.4375vw;left: -2vw;}
.honerList li:last-child:before,
.honerList li:nth-child(4n):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/taibg_r.png") no-repeat right top 70% #fff; width:7.4375vw;right: -2vw;}
}
@media(max-width:768px){
.honerList .list{padding: 0 6vw;}
.honerList li{width:50%;}
.honerList li .pic{padding-bottom: 7vw;}
.honerList li:first-child:before,
.honerList li:nth-child(2n+1):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/taibg_l.png") no-repeat left top 70% #fff; width:7.4375vw;left: -3vw;}
.honerList li:last-child:before,
.honerList li:nth-child(2n):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/taibg_r.png") no-repeat right top 70% #fff; width:7.4375vw;right: -3vw;}
.honerList li .tit aside{font-size: 3vw;}
}
/*荣誉资质*/

/*页码*/
.PageBox{padding:.2rem 0;}
.PageBox .Pages{text-align:center;}
.PageBox .Pages a{color:#000;font-size:.2rem;margin:0 .05rem;transition:all .5s;width: .3rem;line-height:.3rem;border-radius:50%;display:inline-block;vertical-align: middle;}
.PageBox .Pages a:hover,
.PageBox .Pages a.a_cur{background:#000;color:#fff;}
.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/ar.png) no-repeat;background-size: contain;}
.PageBox .Pages a.a_prev:hover{background:url(../images/ar_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/ar.png) no-repeat;background-size: contain;}
.PageBox .Pages a.a_next:hover{background:url(../images/ar_a.png) no-repeat;transform: rotate(0);background-size: contain;}
@media screen and (min-width:768px){
  .PageBox{padding: .7rem 0 .2rem;}
  .PageBox .Pages a{margin: 0 .1rem;width: .5rem;text-align: center;line-height:.5rem;}
  .PageBox .Pages .num a{display:inline-block;width: .5rem;text-align: center;line-height:.5rem;}
}
/*页码*/

/*产品中心*/
.proList{padding-bottom:1rem;}
.proList li{padding-top:.7rem;transition:.3s;float: left;width: 23.5%;margin-right:2%;margin-bottom:2%;position: relative;}
.proList li:before{width: 100%;height: 100%;content:'';background:rgba(255,255,255,.8);position: absolute;top: 0;left: 0;transition:.3s;z-index: 2;opacity: 0}
.proList li:nth-child(4n){margin-right:0;}
.proList li .imgBox{overflow: hidden;}
.proList li .imgBox figure{background:no-repeat;background-size: contain;background-position: center center;padding-bottom:2.3rem;transition:.3s;}
.proList li .txtBox{padding:.4rem .2rem;text-align: center;}
.proList li .txtBox h5{font-size:.2rem;margin-bottom:.1rem;font-weight:normal;}
.proList li .txtBox p{font-size:.16rem;color:#999999;}
.proList li:hover .imgBox figure{transform: scale(1.1, 1.1);}
.proList li:hover{box-shadow: 0 0 .15rem rgba(0, 0, 0, .1);}
.proList li .homeMore{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color:#fff;opacity: 0;transition:.3s;}
.proList li .homeMore:before{background:#000;}
.proList li .homeMore:after{background:url(../images/more_w.png) no-repeat;background-size: contain;}
.proList li:hover .homeMore{opacity: 1;}
.proList li:hover:before{opacity: 1;}
/*详情*/
.proInfoTop{padding-bottom:1rem;}
.proInfoTop .proIMG{float: left;width: 45%;}
.proInfoTop .proIMG .Bigimg{margin-bottom:.3rem;padding:0 .85rem;}
.proInfoTop .proIMG .Bigimg figure{padding-bottom:4.6rem;background-repeat:no-repeat;background-size: contain;background-position:center center;}
.proInfoTop .proIMG .Smaimg ul{padding:0 .85rem;margin: 0 -.1rem;}
.proInfoTop .proIMG .Smaimg li{margin: 0 .1rem;border:1px solid #eeeeee;}
.proInfoTop .proIMG .Smaimg li.slick-current{border-color:#000;}
.proInfoTop .proIMG .Smaimg li figure{padding-bottom:1rem;background-repeat:no-repeat;background-size: contain;background-position:center center;}
.proInfoTop .proIMG .Smaimg .slick-arrow{width: .5rem;height: .5rem;font-size:0;border:none;background: url(../images/ar3.png) no-repeat rgba(0,0,0,.2);background-size: contain;position: absolute;top: 50%;margin-top:-.25rem;z-index: 9;left: 0;transition:.3s;cursor: pointer;border-radius:50%;}
.proInfoTop .proIMG .Smaimg .slick-arrow.slick-next{left: auto;right: 0;transform: rotate(180deg);}
.proInfoTop .proIMG .Smaimg .slick-arrow:hover{transform: rotate(-180deg);background: url(../images/ar3_a.png) no-repeat #000;background-size: contain;}
.proInfoTop .proIMG .Smaimg .slick-arrow.slick-next:hover{transform: rotate(0deg);}
.proInfoTop .proTXT{float: right;width: 42%;padding-top: 1.5rem;}
.proInfoTop .proTXT .titBox{border-bottom:1px solid #e5e5e5;padding-bottom:.3rem;margin-bottom:.3rem;}
.proInfoTop .proTXT .titBox h1{font-size:.44rem;font-weight:normal;margin-bottom:.15rem;}
.proInfoTop .proTXT .titBox p{font-size:.18rem;line-height:.3rem;color:#666666;}
.proInfoTop .proTXT .explain h5{font-size:.18rem;font-weight:normal;margin-bottom:.15rem;}
.proInfoTop .proTXT .explain li{float: left;width: 40%;line-height:.32rem;color:#666666;}

.ostPro{padding:1rem 0;background:#fbfbfb;}
.ostPro .tit{font-size:.44rem;margin-bottom:.5rem;color:#333;}
.ostPro ul .slick-list{padding:.1rem 0;}
.ostPro li{margin: 0 .15rem;background:#fff;box-shadow: 0 0 .15rem rgba(0, 0, 0, .1);padding-top:.7rem;}
.ostPro li .imgBox{overflow: hidden;}
.ostPro li .imgBox figure{background:no-repeat;background-size: contain;background-position: center center;padding-bottom:2.3rem;transition:.3s;}
.ostPro li .txtBox{padding:.4rem .2rem;text-align: center;}
.ostPro li .txtBox h5{font-size:.2rem;margin-bottom:.1rem;font-weight:normal;}
.ostPro li .txtBox p{font-size:.16rem;color:#999999;}
.ostPro li:hover .imgBox figure{transform: scale(1.1, 1.1);}
.ostPro .slick-arrow{width: .66rem;height: .66rem;font-size:0;border:none;background: url(../images/ar.png) no-repeat;background-size: contain;position: absolute;top: 50%;margin-top:-.33rem;z-index: 9;left: 0;transition:.3s;cursor: pointer;}
.ostPro .slick-arrow.slick-next{left: auto;right: 0;transform: rotate(180deg);}
.ostPro .slick-arrow:hover{transform: rotate(-180deg);background: url(../images/ar_a.png) no-repeat;background-size: contain;}
.ostPro .slick-arrow.slick-next:hover{transform: rotate(0deg);}
/*产品中心*/

/*研发实力*/
.RDtit{font-size:.44rem;color:#333;margin-bottom:.3rem;}
.RDTop{padding:.5rem 0;overflow: hidden;background-color: #fbfbfb}
.RDTop .text{font-size:.18rem;line-height:.32rem;/* margin-bottom:.4rem; */}
/*.RDTop .imgSlide{width: 119%;overflow: hidden;}
.RDTop .imgSlide ul{padding-right: 22%;}
.RDTop .imgSlide ul .slick-list{overflow: inherit;}*/
.RDTop .imgSlide li{margin-right:.2rem;}
.RDMid{padding:1rem 0;background:#fbfbfb;}
.RDMid ul{margin-top:.5rem;}
.RDMid li{padding:.4rem .2rem .3rem;float: left;width: 23.5%;margin-right:2%;margin-bottom:2%;position: relative;box-shadow: 0 0 .15rem rgba(0, 0, 0, .1);background:#fff;}
.RDMid li:nth-child(4n){margin-right:0;}
.RDMid li .imgBox{overflow: hidden;text-align: center;margin-bottom:.3rem;}
.RDMid li .imgBox img{transition:.3s;}
.RDMid li p{font-size:.2rem;line-height:.32rem;text-align: center;min-height: .32rem;}
.RDMid li:hover .imgBox img{transform: scale(1.1, 1.1);}
.RDMid .homeMore{margin: .5rem auto 0;}
.RDBom{padding:1rem 0;}
.RDBom ul{margin-top:1.8rem;}
.RDBom li{float: left;width: 23.5%;margin-right:2%;background:#fbfbfb;padding:0 .3rem .6rem;text-align: center;}
.RDBom li:nth-child(4n){margin-right:0;}
.RDBom li:nth-child(odd){margin-top:.7rem;}
.RDBom li .imgBox{margin-top:-35%;margin-bottom:.3rem;}
.RDBom li h5{font-size:.2rem;font-weight:normal;margin-bottom:.15rem;}
.RDBom li p{font-size:.16rem;line-height:.32rem;color:#999999;}
/*研发实力*/

/*新闻中心*/
.newsList{padding-bottom: 1rem;}
.newsList li{padding:.6rem 0;border-bottom:1px solid #eeeeee;}
.newsList li time{display: inline-block;width: 13.5%;vertical-align: top;font-size:.2rem;}
.newsList li .txtBox{display: inline-block;width: 56%;vertical-align: top;}
.newsList li .txtBox h5{font-size:.2rem;font-weight:normal;margin-bottom:.15rem;}
.newsList li .txtBox p{font-size:.16rem;line-height:.3rem;color:#666666;}
.newsList li .imgBox{width: 29.5%;display: inline-block;vertical-align: top;text-align: right;}
.newsList li .imgBox figure{padding-bottom:1.95rem;background-repeat:no-repeat;background-size: cover;background-position:center center;max-width:2.6rem;display: inline-block;width: 100%;}
/*详情*/
.newsInfo{padding-bottom:1rem;}
.newsInfo .titBox{background:#fbfbfb;text-align: center;padding:.3rem 0;margin-bottom:.5rem;}
.newsInfo .titBox h1{font-size:.2rem;font-weight: normal;margin-bottom:.15rem;}
.newsInfo .titBox time{display: block;font-size:.16rem;}
.newsInfo .textBox{max-width:1115px;margin: 0 auto;font-size:.16rem;line-height:.3rem;color:#666666;}
.newsInfo .textBox .imgBox{text-align: center;}
.newsInfo .pn-page{padding-top:.4rem;margin-top:1rem;border-top:1px solid #eeeeee;}
.newsInfo .pn-page aside{padding: .05rem 0;}
.newsInfo .pn-page aside a{color: #666;font-size:.16rem;}
.newsInfo .pn-page aside a:hover{color:#000;}
@media(min-width:1025px){
.newsInfo .pn-page{min-height: .24rem; position: relative;padding-right: 2rem;}
.newsInfo .pn-page .operating{position: absolute;right: 0; top: 50%; transform: translateY(-50%);}
.newsInfo  .operating a{float: left;}
}
/*新闻中心*/

/*用人标准*/
.Employ{padding-bottom:.7rem;}
.Employ .tit{text-align: center;margin-bottom:.7rem;}
.Employ .tit h5{font-size:.44rem;font-weight:normal;}
.Employ .tit p{font-size:.16rem;color:#666;}
.Employ .list .item{position: relative;margin-bottom:.5rem;}
.Employ .list .item .txtBox{position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 47.85%;}
.Employ .list .item .txtBox span{text-transform:capitalize;font-size:.16rem;color:#999999;}
.Employ .list .item .txtBox h5{font-size:.2rem;font-weight:normal;margin: .05rem 0 .3rem;}
.Employ .list .item .txtBox p{font-size:.16rem;line-height:.28rem;}
.Employ .list .item .txtBox h5{}
.Employ .list .item .txtBox p{}
.Employ .list .item:nth-child(odd) .txtBox{left: auto;right: 0;}
.Employ .list .item .imgBox{float: right;width: 47.85%;}
.Employ .list .item:nth-child(odd) .imgBox{float: left;}
/*用人标准*/

/*招聘岗位*/
.jobList{padding-bottom:1rem;}
.jobList .list{background:#fbfbfb;padding:0 .45rem;margin-bottom:.3rem;}
.jobList .list .topBox{padding:.45rem 0 .4rem;position: relative;cursor: pointer;}
.jobList .list .topBox:before{width: .44rem;height: .44rem;content:'';border-radius:50%;background:url(../images/ar4.png) no-repeat;background-size: contain;position: absolute;top: 50%;margin-top:-.22rem;right: .2rem;transition:.3s;}
.jobList .list .topBox.on:before{background:url(../images/ar4_a.png) no-repeat;background-size: contain;}
.jobList .list .topBox h5{font-size:.24rem;font-weight:normal;margin-bottom:.12rem;}
.jobList .list .topBox:hover h5{color:#e60012;}
.jobList .list .topBox .des p{float: left;font-size:.16rem;margin-right:10.75%;}
.jobList .list .conBox{display: none;font-size:.16rem;line-height:.33rem;color:#666666;padding-bottom:.45rem;}
.jobList .list .conBox span{font-size:.18rem;color:#333333;}
.jobList .list .conBox .sendBtn{display: block;width: 1.8rem;line-height:.5rem;position: relative;font-size:.16rem;padding-left: .7rem;z-index: 9;color: #fff;margin-top:.4rem;}
.jobList .list .conBox .sendBtn:before{width: 100%;height: 100%;content:'';background:#000;position: absolute;top: 0;left: 0;transform:skew(-30deg);z-index: -1;}
.jobList .list .conBox .sendBtn:after{width: .25rem;height: .19rem;content:'';background:url(../images/i1.png) no-repeat;background-size: contain;position: absolute;top: 50%;margin-top:-.09rem;left: .4rem;transition:.3s;}
.jobList .list .conBox .sendBtn:hover:after{top: 48%;}
/*招聘岗位*/

/*员工风采*/
.staffList{padding-bottom:1rem;}
.staffList .bigList{margin-bottom:.25rem;}
.staffList .bigList figure{padding-bottom:6.5rem;background-repeat:no-repeat;background-size: cover;background-position:center center;}
.staffList .smaList{margin: 0 -.1rem;}
.staffList .smaList .item{margin: 0 .1rem;position: relative;background:#333;}
.staffList .smaList .item figure{padding-bottom:1.6rem;background-repeat:no-repeat;background-size: cover;background-position:center center;opacity: .5;transition:.3s;}
.staffList .smaList .item.slick-current figure{opacity: 1;}

.staffList .smaList .slick-arrow{width: .66rem;height: .66rem;font-size:0;border:none;background: url(../images/ar.png) no-repeat;background-size: contain;position: absolute;top: 50%;margin-top:-.33rem;z-index: 9;left: -1rem;transition:.3s;cursor: pointer;}
.staffList .smaList .slick-arrow.slick-next{left: auto;right: -1rem;transform: rotate(180deg);}
.staffList .smaList .slick-arrow:hover{transform: rotate(-180deg);background: url(../images/ar_a.png) no-repeat;background-size: contain;}
.staffList .smaList .slick-arrow.slick-next:hover{transform: rotate(0deg);}
/*员工风采*/

/*联系我们*/
.contactUs{padding:1rem 0;}
.contactUs .leftBox{float: left;width: 28%;}
.contactUs .leftBox .item{margin-bottom:.4rem;}
.contactUs .leftBox .item h5{font-size:.2rem;font-weight:normal;margin-bottom:.15rem;position: relative;padding-left:.25rem;}
.contactUs .leftBox .item h5:before{width: .19rem;height: .19rem;content:'';position: absolute;left: 0;top: 50%;transform: translateY(-50%);background-repeat:no-repeat;background-size: contain;background-position:center center;}
.contactUs .leftBox .item h5.pho:before{background-image:url(../images/pho.png);}
.contactUs .leftBox .item h5.fax:before{background-image:url(../images/fax.png);}
.contactUs .leftBox .item h5.add:before{background-image:url(../images/add.png);}
.contactUs .leftBox .item p{font-size:.16rem;line-height:.32rem;color:#666666;}
.contactUs .leftBox .item li{padding-top:.25rem;}
.contactUs .leftBox .item li span.type{display: block;width: .92rem;text-align: center;line-height:.3rem;background:#ececec;color:#666666;font-size:.16rem;margin-bottom:.15rem;}
.contactUs .leftBox .item li span.name{display: block;font-size:.16rem;line-height:.32rem;}
.contactUs .imgBox{float: right;width: 64.5%;}
/*联系我们*/


/***/
/*响应式*/
.nav_btn {float:right; width:.3rem; height:.27rem; margin:.16rem 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:#000; 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;background-color:#e60012;}
.nav_btn.open span:after {transform:rotate(-45deg); bottom:-.02rem;background-color:#e60012;}

@media(max-width:1480px){
    .w1400{padding:0 4%;}
    .top .logo{width: 17%;}
    .homeMore:after{right: .3rem;}
    .homeMore:hover:after{right: .25rem;}
    .cultureBom .item{padding:.7rem .2rem .4rem}
    .staffList .smaList .slick-arrow{left: 0;}
    .staffList .smaList .slick-arrow.slick-next{right: 0;}
    .HomeRD .rightBox .navsld li{padding:.18rem 0 .18rem .18rem;}
    .HomeRD .rightBox .navsld li .icon{max-width:.32rem;margin-right:.1rem;}
    .HomeRD .rightBox .navsld li .text{width: calc(100% - .65rem);padding-left:.1rem;}
    .HomeRD .rightBox .navsld li .text h5{font-size:.18rem;}
    .HomeRD .rightBox .navsld li .text p{font-size:.12rem;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
}

@media(max-width:1024px){
    .nav_btn{display: block;}
    .top .otherBox .nav{position: absolute;width: 100%;top: 100%;background: #fff;right: 0;box-shadow: 0 0 5px rgba(0, 0, 0, .2);padding:.2rem 2%;display: none;}
    .top .logo{line-height:.6rem;width: 20%;}
    .top .otherBox .lang{margin-top:.23rem;}
    .top .otherBox .sear{margin-top:.23rem;padding-left: .1rem;margin-left:.1rem;}
    .top .otherBox .nav li{float: none;margin-right:0;}
    .top .otherBox .nav li >a{line-height:.5rem;font-size:.16rem;}
    .top .otherBox .nav li >a:before{left: auto;margin-left:0;right: 0;bottom:50%;margin-bottom:-.04rem;}
    .top .otherBox .nav li .nav_sub{position: static;transform: translateX(0);padding:.1rem;width: 100%;background:#fbfbfb;}
    .top .otherBox .nav li .nav_sub a{font-size:.14rem;line-height:.28rem;text-align: left;}
    .banner figure{padding-bottom:4.5rem;}
    .banner .slick-dots{bottom:.2rem;}
    .HomeAbout{padding:.6rem 0 .65rem}
    .homeTit{margin-bottom:.25rem;}
    .homeTit h5{font-size:.3rem;margin-bottom:.15rem;}
    .homeTit .des{font-size:.15rem;line-height:.26rem}
    .homeMore{width: 1.2rem;line-height:.38rem;padding-left:.2rem;font-size:.14rem;}
    .homeMore:after{right: .15rem;width: .15rem;height: .08rem;margin-top:-.04rem;}
    .HomeAbout .txtBox .vidBox figure{padding-bottom:1.6rem;}
    .HomeAbout .txtBox .vidBox .play{width: .32rem;height: .32rem;}
    .HomePro .topBox .navSlide{width: 60%;}
    .HomePro .topBox .navSlide li .num{font-size:.5rem;}
    .HomePro .topBox .navSlide li p{font-size:.16rem;padding-top:.2rem;}
    .HomePro .bomBox .itemBox .slick-arrow{width: .32rem;height: .32rem;margin-top:-.16rem;}
    .HomePro .bomBox .itemBox li .imgBox figure{padding-bottom:1.6rem;}
    .HomePro .bomBox .itemBox li{padding-top: .3rem;}
    .HomePro .bomBox .itemBox li .txtBox{padding:.2rem .1rem;}
    .HomePro .bomBox .itemBox li .txtBox h5{font-size:.16rem;margin-bottom:.05rem;}
    .HomePro .bomBox .itemBox li .txtBox p{font-size:.14rem;}
    .HomeRD .rightBox .slideBox{margin-bottom: .1rem;}
    .HomeRD .rightBox .slideBox figure{padding-bottom: 2.8rem;}
    .HomeRD .leftBox{width: 100%;}
    .HomeRD .rightBox{position: static;width: 100%;margin-top:.3rem;}
    .HomeRD .rightBox .navsld{position: static;}
    .HomeRD .leftBox .txtBox{margin-top:0;margin-bottom:.3rem;}
    .HomeRD .leftBox .txtBox .titCN{font-size:.22rem;}
    .HomeRD .leftBox .txtBox .titEN{font-size:.16rem;}
    .HomeRD .leftBox .txtBox .des{font-size:.14rem;line-height:.24rem;margin-top:.1rem;}
    .HomeRD .rightBox .navsld li .icon{display: block;margin-right:0;margin-bottom:.1rem;}
    .HomeRD .rightBox .navsld li .text{padding-left:0;width: 100%;display: block;}
    .HomeNews .topBox .navsld li p{padding-top:.15rem;font-size:.16rem;}
    .HomeNews .bomBox .leftBox .imgBox figure{padding-bottom:2.2rem;}
    .HomeNews .bomBox .leftBox .txtBox{margin-top:.2rem;padding-bottom:.15rem;}
    .HomeNews .bomBox .leftBox .txtBox h5{font-size:.16rem;margin-bottom:.08rem;}
    .HomeNews .bomBox .leftBox .txtBox p{font-size:.14rem;line-height:.24rem;}
    .HomeNews .bomBox .rightBox .topNews .item .imgBox figure{padding-bottom:1rem;}
    .HomeNews .bomBox .leftBox .imgBox time,
    .HomeNews .bomBox .rightBox .topNews .item .imgBox time{font-size:.12rem;line-height:.26rem;padding:0 .08rem;}
    .HomeNews .bomBox .rightBox .topNews .item h5{font-size:.16rem;margin-top:.1rem;line-height:.26rem;}
    .HomeNews .bomBox .rightBox .topNews{margin-bottom:.2rem;}
    .HomeNews .bomBox .rightBox .bomNews li{padding:.15rem 0;padding-right:.65rem;}
    .HomeNews .bomBox .rightBox .bomNews li h5{font-size:.14rem;}
    .HomeNews .bomBox .rightBox .bomNews li time{font-size:.12rem;}
    .bottom .bomTop{padding:.3rem 0;}
    .bottom .bomTop .bomNav{display: none;}
    .bottom .bomTop .leftBox{float: none;width: 100%;}
    .bottom .bomTop .leftBox .bomLogo{max-width:35%;margin: 0 auto .2rem;}
    .bottom .bomTop .leftBox .hotline h5{font-size:.14rem;}
    .bottom .bomTop .leftBox .hotline p{font-size:.2rem;margin-top:.05rem;}
    .bottom .bomTop .leftBox .hotline p span{font-size:.12rem;}
    .bottom .bomBom{padding: .15rem 0;}
    .innerBan .Banbox{padding-bottom:4.2rem;}
    .innerBan .txtBox h5{font-size:.28rem;margin-bottom:.1rem;}
    .innerBan .txtBox p{font-size:.16rem;}
    .menu{line-height:.5rem;margin-bottom:.5rem;}
    .menu li{padding:0 .25rem;}
    .menu li a{font-size:.16rem;}
    .AboutWarp .aboutTop .titBox h1{font-size:.3rem;margin-bottom:.15rem;}
    .AboutWarp .aboutTop .titBox p{font-size:.15rem;line-height:.26rem}
    .AboutWarp .aboutTxt .vidBox figure{padding-bottom:3.2rem;}
    .AboutWarp .aboutTop,.AboutWarp .aboutTxt .vidBox{margin-bottom:.3rem;}
    .AboutWarp .aboutTxt .textBox{font-size:.16rem;line-height:.26rem;}

    .HomePro,.HomeRD,.HomeNews,.cultureBom,.ostPro,.RDMid,.RDBom,.contactUs{padding:.6rem 0;}
    .HomeRD{padding-bottom:0;background-size: cover;}

    .history,.cultureTop,.proList,.proInfoTop,.RDTop,.newsList,.jobList,.staffList{padding-bottom:.6rem;}

    .history .historyList .item{font-size:.16rem;margin:.15rem 0;font-size:.14rem;}
    .history .historyList .item time{width: 1rem;}
    .history .historyList .item p{min-height: .4rem;width: calc(100% - 1.1rem);}
    .cultureTop .TopBox{margin-bottom:.4rem;}
    .cultureTop .TopBox .imgBox{display: block;width: 100%;text-align: center;margin-bottom:.2rem;}
    .cultureTop .TopBox .txtBox{display: block;width: 100%;padding-left:0;}
    .cultureTop .txtBox span{font-size:.14rem;}
    .cultureTop .txtBox h5{font-size:.18rem;margin: .05rem 0 .1rem;}
    .cultureTop .txtBox .des{font-size:.14rem;line-height:.26rem;}
    .cultureTop .BomList .item .imgBox figure{padding-bottom:2.1rem;}
    .cultureBom .item{padding:.3rem .15rem .2rem}
    .cultureBom .item .icon{max-width:.45rem;margin-bottom:.2rem;}
    .cultureBom .item .text span{font-size:.12rem;}
    .cultureBom .item .text h5{font-size:.16rem;margin-bottom:.1rem;}
    .cultureBom .item .text p{font-size:.14rem;line-height:.24rem;min-height: .96rem;}
    .proList li{padding-top:.3rem;}
    .proList li .imgBox figure{padding-bottom:1.5rem;}
    .proList li .txtBox{padding:.2rem .1rem;}
    .proList li .txtBox h5{font-size:.16rem;margin-bottom:.05rem;}
    .proList li .txtBox p{font-size:.14rem;}
    .proInfoTop .proIMG .Bigimg{padding:0 .3rem;}
    .proInfoTop .proIMG .Bigimg figure{padding-bottom:2.5rem;}
    .proInfoTop .proIMG .Smaimg ul{padding:0 .3rem;}
    .proInfoTop .proIMG .Smaimg .slick-arrow{width: .26rem;height: .26rem;margin-top:-.13rem;}
    .proInfoTop .proIMG .Smaimg li figure{padding-bottom:.5rem;}
    .proInfoTop .proTXT{padding-top:.2rem;}
    .proInfoTop .proTXT .titBox{padding-bottom:.15rem;margin-bottom:.15rem;}
    .proInfoTop .proTXT .titBox h1{font-size:.3rem;margin-bottom:.08rem;}
    .proInfoTop .proTXT .titBox p{font-size:.14rem;line-height:.24rem;}
    .proInfoTop .proTXT .explain h5{font-size:.16rem;margin-bottom:.08rem;}
    .proInfoTop .proTXT .explain li{line-height:.26rem;width: auto;margin-right:6%;}
    .ostPro .tit{font-size:.3rem;margin-bottom:.2rem;}
    .ostPro .slick-arrow{width: .32rem;height: .32rem;margin-top:-.16rem;}
    .ostPro li .imgBox figure{padding-bottom:1.6rem;}
    .ostPro li{padding-top: .3rem;}
    .ostPro li .txtBox{padding:.2rem .1rem;}
    .ostPro li .txtBox h5{font-size:.16rem;margin-bottom:.05rem;}
    .ostPro li .txtBox p{font-size:.14rem;}
    .RDtit{font-size:.3rem;margin-bottom:.15rem;}
    .RDTop .text{font-size:.14rem;line-height:.24rem;margin-bottom:.2rem;}
    .RDMid li{padding:.3rem .1rem;}
    .RDMid li .imgBox{margin-bottom:.15rem;}
    .RDMid li p{font-size:.14rem;line-height:.24rem;min-height: .24rem;}
    .RDMid .homeMore{margin: .2rem auto 0;}
    .RDBom ul{margin-top:1rem;}
    .RDBom li{padding:0 .15rem .3rem;}
    .RDBom li .imgBox{margin-bottom:.15rem;}
    .RDBom li h5{font-size:.16rem;margin-bottom:.08rem;}
    .RDBom li p{font-size:.14rem;line-height:.24rem;}
    .newsList li .txtBox{padding-right:2%;}
    .newsList li .imgBox{width: 29%;}
    .newsList li time{font-size:.16rem;}
    .newsList li{padding:.3rem 0;}
    .newsInfo .titBox{margin-bottom:.25rem;}
    .Employ{padding-bottom:.3rem;}
    .Employ .tit{margin-bottom:.3rem;}
    .Employ .tit h5{font-size:.3rem;}
    .Employ .tit p{font-size:.14rem;}
    .Employ .list .item{margin-bottom:.3rem;}
    .Employ .list .item .txtBox span{font-size:.14rem;}
    .Employ .list .item .txtBox h5{font-size:.18rem;margin:0 0 .1rem;}
    .Employ .list .item .txtBox p{font-size:.14rem;line-height:.24rem;}
    .jobList .list{padding:0 .25rem;}
    .jobList .list .topBox .des p{margin-right:5%;font-size:.14rem;}
    .jobList .list .topBox{padding:.2rem 0;}
    .jobList .list .topBox h5{font-size:.2rem;margin-bottom:.08rem;}
    .jobList .list .conBox{font-size:.14rem;line-height:.26rem;}
    .jobList .list .conBox span{font-size:.16rem;}
    .jobList .list .conBox .sendBtn{margin-top:.2rem;width: 1.4rem;font-size:.14rem;padding-left:.5rem;line-height:.38rem;}
    .jobList .list .conBox .sendBtn:after{width: .18rem;left: .25rem;height: .15rem;margin-top:-.07rem;}
    .jobList .list .topBox:before{width: .28rem;height: .28rem;}
    .staffList .smaList .slick-arrow{width: .32rem;height: .32rem;margin-top:-.16rem;}
    .staffList .bigList figure{padding-bottom:3.8rem;}
    .staffList .smaList .item figure{padding-bottom:.8rem;}
    .contactUs .leftBox{float: none;width: 100%;}
    .contactUs .leftBox .item{width: 50%;float: left;margin-bottom: .2rem;}
    .contactUs .leftBox .item:last-child{width: 100%;}
    .contactUs .imgBox{float: none;width: 100%;text-align: center;}


}

@media(max-width:768px){
    .banner figure{padding-bottom:4rem;}
    .HomeAbout .txtBox{float: none;width: 100%;}
    .homeMore{width: 1.3rem;}
    .HomeAbout .imgBox{float: none;width: 100%;text-align: center;padding-top:.3rem;}
    .HomePro .topBox .homeTit{float: none;width: 100%;}
    .HomePro .topBox .navSlide{float: none;width: 100%;}
    .HomeNews .topBox .navsld{width: 47.5%;}
    .HomeNews .bomBox .leftBox{float: none;width: 100%;margin-bottom:.2rem;}
    .HomeNews .bomBox .rightBox{float: none;width: 100%;}
    .bottom .bomBom ul{float: none;width: 83%;margin: 0 auto;}
    .bottom .bomBom .copy{float: none;width: 100%;text-align: center;margin-top:.05rem;}
    .menu li{padding:0 .12rem;}
    .AboutWarp .aboutTop .logoBox{margin-right: 0;text-align: center;width: 40%;}
    .cultureTop .BomList .item{float: none;width: 100%;margin-right: 0;margin-bottom: .2rem;}
    .cultureBom .item{width: 49%;margin-right:2%;padding:.3rem .07rem .2rem;margin-bottom:2%;}
    .cultureBom .item:nth-child(2n){margin-right:0;}
    .proList li{width: 49%;}
    .proList li:nth-child(2n){margin-right:0;}
    .proInfoTop .proIMG{float: none;width: 100%;}
    .proInfoTop .proTXT{float: none;width: 100%;}
    .RDMid li{width: 49%;}
    .RDMid li:nth-child(2n){margin-right:0;}
    .RDBom li{float: none;width: 100%;margin-bottom:.2rem;padding-top:.2rem;}
    .RDBom li:nth-child(odd){margin-top:0;}
    .RDBom li .imgBox{max-width:1rem;margin: 0 auto .15rem;}
    .RDBom ul{margin-top:0;}
    .newsList li .txtBox{width: 85%;padding-right:0;}
    .newsList li .imgBox{display: block;width: 100%;margin-top:.2rem;}
    .newsList li .imgBox figure{max-width:100%;padding-bottom:1.6rem;}
    .newsList li .txtBox h5{margin-bottom:.08rem;}
    .Employ .list .item .imgBox{float: none!important;width: 100%;text-align: center;}
    .Employ .list .item .txtBox{position: static;transform: translateY(0);width: 100%;margin-bottom:.2rem;}
    .jobList .list .topBox:before{top: 32%;}
    .contactUs .leftBox .item:first-child{width: 60%;}
    .contactUs .leftBox .item:nth-child(2){width: 40%;}
    .contactUs .leftBox .item li:first-child{padding-top:.1rem;}
}


/*TextList002957 */
.TextList002957{margin: 2.08vw 0;}
.TextList002957 li{ position:relative;border-bottom: 1px dotted #d9d9d9; line-height: 50px;padding-left: 20px;}
.TextList002957 ul li:after{position: absolute;content: '';display: block;left: 4px;top: 50%;-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 6px;height: 6px;background:#e60012;margin-top: -3px;}
.TextList002957 li time{float: right;color: #b2b2b2; margin-left: 20px;}
.TextList002957 li a{font-size: 14px;}
@media(max-width:480px){
    .TextList002957 li{font-size: 3vw;line-height: 10vw;}
    .TextList002957 li a{font-size: 3.5vw;}
}


/*股票行情*/
.stock{padding-bottom: .8rem;}
.stock .content{background: #f7f7f7;padding: 40px;}
.stock .content p{font-size: 16px;color: #888888;}
.stock .dl{display: table;width: 100%;}
.stock .dl dd{display: table-cell;vertical-align: top;}
.stock .dl dd{text-align: right;}
.stock .dl dd:nth-child(1){text-align: left;}
.stock .dl dd .h3{color: #002b75;font-size: 16px;color: #333;}
.stock .dl dd .mun1{font-size: 30px;color: #888888;padding-top: 20px;}
.stock .dl dd .mun .span{font-size: 24px;color: #ff0000;padding-left: 24px;background: url(../images/ctop.png) no-repeat left center;}
.stock .dl dd .mun .b{font-size: 60px;color: #ff0000;}
.stock .dl dd .mun.green .span,
.stock .dl dd .mun.green .b{color: #00774a;}
.stock .dl dd .mun.green .span{background: url(../images/ctop2.png) no-repeat left center;}
.stock .h1{font-size: 18px;color: #002b75;font-weight: bold;border-bottom: 1px solid #eaeff3;padding: 10px;margin-top: 20px;}

@media (max-width: 1024px) {
.stock .dl dd {display: block;text-align: left;}
.stock .dl dd:nth-child(2) {margin-top: 30px;}
.stock .dl dd .mun1 {font-size: 20px;}
.stock .dl dd .mun .b{font-size: 40px;color: #ff0000;}
}


/* 公司介绍 */
.Company-box{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;}
.Company-box .text{ width:39%; font-size:.16rem;}
.Company-box .text .logo img{ max-width:1.66rem;}
.Company-box .text .txt{ margin-bottom:.4rem; line-height:2;}
.Company-box .text .txt p{ margin:.1rem 0;}
.Company-box .tit{ margin:.25rem 0 .15rem; font-size:.26rem;}
.Company-box .tit .red{ color:#ff0000;}
.Company-box .pic{ width:55.715%;}
.Company-box .Aniu{ display:flex; align-items:center;}
.Company-box .Aniu a{ display:block; padding:0 .25rem; margin-right:.2rem;}
.Company-box .Aniu a:last-child{ margin-right:0;}
.Company-box .Aniu a.homeMore{ display:block;}
.Company-box .Aniu a.homeMore:after{ right:.25rem;}
.Company-box .Aniu a.homeMore:before{ background:#ececec; transition: all .5s;}
.Company-box .Aniu a.homeMore:hover{ color:#fff;}
.Company-box .Aniu a.homeMore:hover:after{ right:.2rem;}
.Company-box .Aniu a.homeMore:hover:before{ background:#f30000;}
.Company-box .Aniu a.homeMore:hover:after{background:url(../images/more_w.png) no-repeat;background-size: contain;}
@media (max-width:1024px) {
.Company-box .text{ width:100%;}
.Company-box .pic{ width:100%;}
.Company-box .Aniu a.homeMore{ width:1.6rem;}
}
@media (max-width:640px) {
.Company-box .text{ width:100%; margin-bottom:.3rem;}
}