@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: #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: #122c53;}


/*清除浮动*/
.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;}
.dot4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

.bgPic{background-repeat: no-repeat;background-size: cover;background-position: center center;}

.w1600{max-width:1600px;margin: 0 auto;}
.w1280{max-width:1280px;margin: 0 auto;}

/*top*/
.top{position: fixed;width: 100%;top: 0;left: 0;transition:.3s;z-index: 99;}
.top .logo{float: left;line-height:1.45rem;position: relative;width: 2.75rem;}
.top .logo .afLogo{position: absolute;top: 52%;left: 0;width: 100%;transform: translateY(-50%);opacity: 1;transition:.3s;}
.top .rightBox{float: right;}
.top .rightBox .nav{position: fixed;width: 5rem;top: 0;right: -100%;transition:.5s;background: url(../images/menuBG.jpg) no-repeat;background-size: cover;background-position:center center;box-shadow: 0 0 .15rem rgba(0, 0, 0, .2);padding:.5rem;height: 100%;}
.top .rightBox .nav.show{right: 0;}
.top .rightBox .nav .navLogo{text-align: center;margin-bottom: .3rem;position: relative;}
.top .rightBox .nav .navLogo .colBtn{width: .21rem;height: .21rem;background:url(../images/col.png) no-repeat;background-size: contain;position: absolute;top: -.25rem;right: -.25rem;cursor: pointer;transition:.3s;}
.top .rightBox .nav .navLogo .colBtn:hover{transform: rotate(180deg);}
.top .rightBox .nav li a{display: block;line-height:.85rem;font-size:.2rem;color:#555555;border-bottom: 1px solid #eeeeee;position: relative;}
.top .rightBox .nav li a:before{width: .08rem;height: .15rem;content: '';background:url(../images/i5.png) no-repeat;background-size: contain;position: absolute;top: 50%;margin-top:-.075rem;right: -.15rem;opacity: 0;transition:.3s;}
.top .rightBox .nav li a:hover{color:#122c53;}
.top .rightBox .nav li a:hover:before{right: 0;opacity: 1;}

.top .rightBox .search{float: left;position: relative;margin-top: .6rem;margin-right: .3rem;}
.top .rightBox .search .searBtn{width: .22rem;height: .24rem;background: url(../images/sear_c.png) no-repeat;background-size: contain;display: block;cursor: pointer;}
.top .rightBox .search .slideSear{position: absolute;top: 100%;right: 0;padding:.05rem;background: #fff;display: none;}
.top .rightBox .search .slideSear input{padding:0 .05rem;border:1px solid #333;line-height:.3rem;}
.top .rightBox .search .slideSear .searBtn{position: absolute;top: 50%;transform: translateY(-50%);right: .2rem;}
.top .rightBox .nav_btn{width: .28rem;height: .24rem;background:url(../images/menu_c.png) no-repeat;background-size: contain;float: right;margin-top:.6rem;cursor: pointer;position: relative;top: 0;transition:.3s;}

.HomeWarp .top:not(.oncolor) .rightBox .search >.searBtn{background: url(../images/sear.png) no-repeat;background-size: contain;}

.top.oncolor{z-index: 999;position: fixed;top: 0px;left: 0px;width: 100%;transition: All .4s ease;-webkit-transition: All .4s ease;-moz-transition: All .4s ease;-o-transition: All .4s ease;-webkit-animation: headerFix 1s ease 1;animation: headerFix 1s ease 1;box-shadow: 0 0 5px rgba(0, 0, 0, .2);-ms-transition: All .4s ease;background:rgba(255,255,255,.9);}

@-webkit-keyframes headerFix {
  from {
    -webkit-transform: translateY(-100%);
  }

  to {
    -webkit-transform: translateY(0);
  }
}

@keyframes headerFix {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}
.top .logo .beLogo{opacity: 0;}
.HomeWarp .top .logo .beLogo{opacity: 1;}
.top.oncolor .logo .afLogo{opacity: 1;}
.top.oncolor .rightBox .nav_btn{background: url(../images/menu_c.png) no-repeat;background-size: contain;}
.HomeWarp .top .rightBox .nav_btn{background:url(../images/menu.png) no-repeat;background-size: contain;}
.HomeWarp .top .rightBox .search .searBtn{background: url(../images/sear.png) no-repeat;background-size: contain;}
.HomeWarp .top .rightBox .search .slideSear .searBtn{background: url(../images/sear_c.png) no-repeat;background-size: contain;}
.HomeWarp .top .logo .afLogo{opacity: 0;}
.HomeWarp .top.oncolor .logo .afLogo{opacity: 1;}
.HomeWarp .top.oncolor .logo .beLogo{opacity: 0;}
.HomeWarp .top.oncolor .rightBox .nav_btn{background: url(../images/menu_c.png) no-repeat;background-size: contain;}
.HomeWarp .top.oncolor .rightBox .search .searBtn{background: url(../images/sear_c.png) no-repeat;background-size: contain;}

.top .rightBox .nav_btn:hover{top: -5px;}

@media(min-width: 1025px){
  .top.oncolor .logo{width: 1.8rem;line-height:.85rem;}
  .top.oncolor .rightBox .search{margin-top:.3rem;}
  .top.oncolor .rightBox .nav_btn{margin-top:.3rem;}
}

/*banner*/
.banner{position: relative;}
.banner li{overflow: hidden;}
.banner li figure{padding-bottom: 100vh;transition:10s linear;}
.banner li.ani-show figure{transform:scale(1.12); -webkit-transform:scale(1.12);}
.banner .slick-dots{position: absolute;left: 50%;width: 100%;max-width:1600px;transform: translateX(-50%);bottom: .7rem;}
.banner .slick-dots li{display: inline-block;vertical-align: middle;margin-right:.15rem;position: relative;transition:.3s;}
.banner .slick-dots li button{font-size:.16rem;color:#fff;opacity: .6;background:none;border:none;transition:.3s;}
.banner .slick-dots li.slick-active{padding-right: .75rem;}
.banner .slick-dots li.slick-active:before{width: .6rem;height: 1px;background:#fff;content: '';position: absolute;right: 0;top: 50%;}
.banner .slick-dots li.slick-active button{font-size:.2rem;opacity: 1;}
.banner .mouse{width: .23rem;height: .53rem;background:url(../images/mouse.png) no-repeat;background-size: contain;position: absolute;left: 50%;margin-left: -.12rem;bottom: .5rem;}

.Hometit{margin-bottom:.5rem;text-align: center;font-size:.36rem;padding-bottom:.2rem;position: relative;}
.Hometit:before{width: .4rem;height: .03rem;content: '';background:url(../images/i1.png) no-repeat;background-size: contain;position: absolute;left: 50%;bottom: 0;margin-left:-.2rem;}
.Homemore{display: block;width: 1.8rem;line-height:.6rem;padding:0 .45rem;position: relative;font-size:.16rem;color:#555555;border-radius:.6rem;border:1px solid #333333;transition:.3s;}
.Homemore:before{width: .06rem;height: .11rem;content: '';background:url(../images/i2.png) no-repeat;background-size: contain;position: absolute;right: .5rem;top: 50%;margin-top:-.055rem;transition:.3s;}
.Homemore:hover{color:#fff;border-color: rgba(0,0,0,0);background-image: linear-gradient(to right,#1f437a,#122c53);box-shadow: 0 0 5px rgba(0, 0, 0, .2);}
.Homemore:hover:before{background:url(../images/i2_a.png) no-repeat;background-size: contain;}

/*Foor1*/
.Foor1{padding:5% 0;background:url(../images/HF1BG.jpg) no-repeat;background-size: cover;background-position:center center;}
.Foor1 .w1280{position: relative;}
.Foor1 .Hometit{text-align: left;}
.Foor1 .Hometit:before{left: 0;margin-left:0;}
.Foor1 .slider{position: relative;}
.Foor1 .slider li .contBox{max-width:71%;padding-bottom:.6rem;border-bottom:1px solid #e1e1e1;position: relative;}
.Foor1 .slider li .contBox:before{width: 12.5%;height: 1px;content: '';background:#122c53;position: absolute;left: 0;bottom: 0;}
.Foor1 .slider li .contBox time{display: block;font-size:.2rem;color:#122c53;}
.Foor1 .slider li .contBox h5{font-size:.32rem;margin: .15rem 0 .25rem;font-weight:normal;}
.Foor1 .slider li .contBox p{font-size:.16rem;color:#555555;line-height:.34rem;}
.Foor1 .slider li .contBox .Homemore{margin-top:.6rem;}
.Foor1 .slider .slick-arrow{width: .6rem;height: .6rem;background-size: contain;background-repeat:no-repeat;background-position:center center;background-image:url(../images/ar1.png);font-size:0;border:none;position: absolute;bottom: 0;transition:.3s;background-color: rgba(255,255,255,0);z-index: 9;cursor: pointer;}
.Foor1 .slider .slick-arrow:hover{background-image:url(../images/ar1_a.png);}
.Foor1 .slider .slick-arrow.slick-prev{right: .8rem;}
.Foor1 .slider .slick-arrow.slick-next{right: 0;transform: rotate(180deg);}
.Foor1 .slider .slick-arrow:hover.slick-prev{transform: rotate(-180deg);}
.Foor1 .slider .slick-arrow:hover.slick-next{transform: rotate(0);}
.Foor1 .slick-pages{position: absolute;right: 0;font-size:.16rem;color:#555555;opacity: .1;top: 25%;}
.Foor1 .slick-pages #cur{font-size:.2rem;color:#333;}

/*Foor2*/
.Foor2{padding:5% 0;position: relative;}
.Foor2 li.slick-slide{ position:relative;transform:scale(0.8); transition:0.5s 0.3s;border-radius:.2rem;overflow: hidden;}
.Foor2 li.slick-slide:before{ position:absolute; content:''; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.2;transition:0.5s 0.3s; z-index: 10;}
.Foor2 li.slick-current{ transform:scale(1);}
.Foor2 li.slick-current::before{opacity: 0;z-index: 1;}
.Foor2 li a{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}
.Foor2 li.slick-current a{z-index: 5;}
.Foor2 li .imgBox figure{padding-bottom:4.5rem;}
.Foor2 li .txtBox{width: 100%;bottom: 0;left: 0;padding:0 .7rem .35rem .9rem;position: absolute;}
.Foor2 li .txtBox .num{width: .36rem;line-height:.36rem;text-align: center;background:#122c53;color:#fff;border-radius:.05rem;display: block;position: absolute;left: .4rem;top: 0;font-size:.18rem;}
.Foor2 li .txtBox h5{font-size:.24rem;font-weight: normal;color:#fff;margin-bottom:.15rem;position: relative;padding-right:.4rem;}
.Foor2 li .txtBox h5:before{width: .3rem;height: .18rem;content: '';background:url(../images/i3.png) no-repeat;background-size: contain;position: absolute;right: 0;top: 50%;margin-top:-.09rem;opacity: 0;}
.Foor2 li.slick-current .txtBox h5:before{opacity: 1;}
.Foor2 li .txtBox p{color:#fff;font-size:.16rem;line-height:.3rem;}
.Foor2 .slider .slick-arrow{width: .6rem;height: .6rem;background-size: contain;background-repeat:no-repeat;background-position:center center;background-image:url(../images/ar2.png);font-size:0;border:none;position: absolute;top: 50%;transition:.3s;background-color: rgba(255,255,255,0);z-index: 9;cursor: pointer;margin-top:-.3rem;}
.Foor2 .slider .slick-arrow:hover{background-image:url(../images/ar1_a.png);}
.Foor2 .slider .slick-arrow.slick-prev{left: 15%;}
.Foor2 .slider .slick-arrow.slick-next{right: 15%;transform: rotate(180deg);}
.Foor2 .slider .slick-arrow:hover.slick-prev{transform: rotate(-180deg);}
.Foor2 .slider .slick-arrow:hover.slick-next{transform: rotate(0);}

/*Foor3*/
.Foor3{padding:5% 0;background:#f8f8f8;overflow: hidden;}
.Foor3 .w1280{position: relative;}
.Foor3 .Hometit{text-align: left;}
.Foor3 .Hometit:before{left: 0;margin-left:0;}
.Foor3 .slider{width: 125%;overflow: hidden;}
.Foor3 .slider ul{padding-right: 19.591%;padding-bottom:1rem;}
.Foor3 .slider .slick-list{overflow: inherit;}
.Foor3 .slider li a{display: block;margin-right: .3rem;padding-bottom: 1px;position: relative;background:#fff;border-radius:.15rem;overflow: hidden;padding:.6rem .4rem .9rem;}
.Foor3 .slider li .BefBox{}
.Foor3 .slider li .BefBox time{display: block;font-size:.16rem;color:#122c53;margin-bottom:.15rem;}
.Foor3 .slider li .BefBox h5{font-size:.24rem;font-weight:normal;padding-bottom:.5rem;position: relative;}
.Foor3 .slider li .BefBox h5:before{width: 1px;height: .25rem;content: '';background:#122c53;position: absolute;left: 0;bottom: 0;}
.Foor3 .slider li .BefBox p{font-size:.16rem;line-height:.34rem;color:#555555;min-height: 1.36rem;margin-top:.2rem;}
.Foor3 .slider li .HovBox{position: absolute;top: -100%;left: 0;width: 100%;height: 100%;transition:.3s;}
.Foor3 .slider li .HovBox .imgBox{position: relative;height: 100%;}
.Foor3 .slider li .HovBox .imgBox:before{width: 100%;height: 100%;content: '';background:rgba(0,0,0,.3);position: absolute;top: 0;left: 0;z-index: 2;}
.Foor3 .slider li .HovBox .imgBox figure{position: absolute;width: 100%;height: 100%;z-index: 1;}
.Foor3 .slider li .HovBox .txtBox{position: absolute;left: 0;width: 100%;top: 50%;transform: translateY(-50%);text-align: center;z-index: 5;color:#fff;}
.Foor3 .slider li .HovBox .txtBox time{display: block;font-size:.16rem;}
.Foor3 .slider li .HovBox .txtBox h5{font-size:.22rem;margin: .2rem 0 .35rem;}
.Foor3 .slider li .HovBox .txtBox .more{width: 1.6rem;display: block;line-height:.5rem;border-radius:.5rem;margin: 0 auto;padding: 0 .4rem;background:#fff;position: relative;font-size:.16rem;color:#122c53;text-align: left;}
.Foor3 .slider li .HovBox .txtBox .more:before{width: .06rem;height: .11rem;content: '';background:url(../images/i2.png) no-repeat;background-size: contain;position: absolute;right: .4rem;top: 50%;margin-top:-.055rem;}
.Foor3 .slider li:hover .HovBox{top: 0;}
.Foor3 .slider .slick-arrow{width: .6rem;height: .6rem;background-size: contain;background-repeat:no-repeat;background-position:center center;background-image:url(../images/ar1.png);font-size:0;border:none;position: absolute;bottom: 0;transition:.3s;background-color: rgba(255,255,255,0);z-index: 9;cursor: pointer;}
.Foor3 .slider .slick-arrow:hover{background-image:url(../images/ar1_a.png);}
.Foor3 .slider .slick-arrow.slick-prev{right: calc(.8rem + 19.591%);}
.Foor3 .slider .slick-arrow.slick-next{right: 19.591%;transform: rotate(180deg);}
.Foor3 .slider .slick-arrow:hover.slick-prev{transform: rotate(-180deg);}
.Foor3 .slider .slick-arrow:hover.slick-next{transform: rotate(0);}
.Foor3 .slider:before{width:71%;height: 1px;content: '';background:#e1e1e1;position: absolute;left: 0;bottom: .3rem;}
.Foor3 .slider:after{width: 12.5%;height: 1px;content: '';background:#122c53;position: absolute;left: 0;bottom: .3rem;}

/*Foor4*/
.Foor4{padding:5% 0;background:url(../images/HF4BG.jpg) no-repeat;background-size: cover;background-position:center center;text-align: center;}
.Foor4 h5{font-size:.24rem;}
.Foor4 .Homemore{margin: .7rem auto 0;text-align: left;}
/*Foor4*/

/*bottom*/
.bottom{background:#202020;}
.bottom .bomTop{border-bottom:1px solid rgba(255,255,255,.2);padding:.35rem 0;}
.bottom .bomTop .bomLogo{float: left;line-height: .85rem;width: 2.75rem;}
.bottom .bomTop .bomNav{float: right;width: 53%;}
.bottom .bomTop .bomNav li{float: left;line-height:.85rem;margin-left:7.2%;}
.bottom .bomTop .bomNav li a{display: block;font-size:.16rem;color:#fff;}
.bottom .bomBom{color: rgba(255,255,255,.6);padding: .25rem 0;font-size:.16rem;}
.bottom .bomBom .copy{float: left;line-height:.24rem;}
.bottom .bomBom .copy a{color: rgba(243,246,250,.5);}
.bottom .bomBom .copy a:hover{color: #fff;}
.bottom .bomBom ul{float: right;}
.bottom .bomBom li{float: left;line-height:.24rem;padding: 0 .1rem;position: relative;}
.bottom .bomBom li:before{width: .02rem;height: .02rem;content: '';background:rgba(255,255,255,.6);border-radius:50%;position: absolute;top: 50%;margin-top:-.01rem;left: 0;}
.bottom .bomBom li:first-child:before{display: none;}
.bottom .bomBom li a{float: left;color: rgba(255,255,255,.6);}
.bottom .bomBom li a:hover{color: #fff;}
.bottom .bomBom li:last-child{padding-right:0;}
/*bottom*/

/*innerBan*/
.innerBan{}
.innerBan .bgPic{padding-bottom:4rem;}
/*innerBan*/

/*menuLocat*/
.menuLocat{line-height:.8rem;margin-bottom:4%;}
.menuLocat .w1280{border-bottom:1px solid #eeeeee;}
.menuLocat .menu{float: left;width: 50%;}
.menuLocat .menu li{float: left;margin-right:.6rem;}
.menuLocat .menu li a{display: block;font-size:.18rem;position: relative;}
.menuLocat .menu li.on a,
.menuLocat .menu li a:hover{color:#122c53;}
.menuLocat .menu li.on a:before,
.menuLocat .menu li a:hover:before{width: 100%;height: 2px;content: '';background:#122c53;position: absolute;left: 0;bottom: -1px;}
.menuLocat .locatBox{float: right;font-size:.16rem;color:#999999;}
.menuLocat .locatBox a{font-size:.16rem;color:#999999;}
.menuLocat .locatBox a:hover{color:#122c53;}
/*menuLocat*/

/*关于和迈*/
.aboutF1{padding-bottom:5%;}
.aboutF1 .titBox{float: left;position: relative;}
.aboutF1 .titBox h5{display: inline-block;font-size:.36rem;padding-bottom:.25rem;border-bottom:1px solid #eeeeee;}
.aboutF1 .titBox p{font-size:.24rem;color:#122c53;margin-top:.25rem;}
.aboutF1 .titBox .logo2{position: absolute;top: .5rem;left: .6rem;opacity: .08;}
.aboutF1 .txtBox{float: right;width: 65%;font-size:.18rem;line-height:.32rem;text-indent: 2em;}

.aboutF2{position: relative;}
.aboutF2 .imgBox{padding-bottom:5.5rem;}
.aboutF2 .vidBox .play{position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%);transition:.3s;}
.aboutF2 .vidBox .play .playBtn{width:1.1rem;height: 1.1rem;background:url(../images/play.png) no-repeat;background-size: contain;display: block;margin: 0 auto .1rem;}
.aboutF2 .vidBox .play:hover{top: 48%;}
.aboutF2 .vidBox .videoBox{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: none;}
.aboutF2 .vidBox .videoBox .closBtn{width: .21rem;height: .21rem;display: block;position: absolute;top: 25px;right:25px;background:url(../images/col2.png) no-repeat;background-size: contain;z-index: 99;transition:.3s;}
.aboutF2 .vidBox .videoBox .closBtn:hover{transform: rotate(90deg);}
.aboutF2 .vidBox .videoBox video{width: 100%;height: 100%;background-color:rgba(0,0,0,.9);}

.aboutF3{padding:4% 0 5%;}
.aboutF3 .txtBox{padding:.2rem 7%;position: relative;font-size:.18rem;line-height:.32rem;text-indent:2em;margin-bottom: .5rem;}
.aboutF3 .txtBox:before,
.aboutF3 .txtBox:after{width: .48rem;height: .36rem;content: '';background:url(../images/i4.png) no-repeat;background-size: contain;position: absolute;}
.aboutF3 .txtBox:before{top: 0;left: 0;}
.aboutF3 .txtBox:after{bottom: 0;right: 0;transform: rotate(180deg);}
.aboutF3 .sloBox{position: relative;}
.aboutF3 .sloBox figure{padding-bottom:4rem;}
.aboutF3 .sloBox .text{text-align: center;color:#fff;width: 100%;left: 0;top: 50%;transform: translateY(-50%);position: absolute;padding:0 4%;}
.aboutF3 .sloBox .text h5{font-size:.36rem;margin-bottom:.2rem;}
.aboutF3 .sloBox .text p{font-size:.18rem;}
/*关于和迈*/

.bgF6F6F6{background:#f6f6f6;}

/*业务领域*/
.busAreaList{padding-bottom:.4rem;}
.busAreaList li{float: left;width: 22.5%;background:#fff;margin-right:3.33%;margin-bottom:3.33%;border-radius:.15rem;overflow: hidden;position: relative;transition:.3s;}
.busAreaList li:nth-child(4n){margin-right:0;}
.busAreaList li .imgBox{opacity: 0;transition:.3s;}
.busAreaList li .imgBox figure{padding-bottom:2.2rem;}
.busAreaList li .txtBox{position: absolute;width: 100%;height: 100%;top: 0;left: 0;padding:.4rem;}
.busAreaList li .txtBox .icon{width: .55rem;margin-bottom:.3rem;}
.busAreaList li .txtBox .icon img{transition:.3s;}
.busAreaList li .txtBox h5{font-size:.2rem;line-height:.3rem;font-weight:normal;position: relative;padding-top: .1rem;}
.busAreaList li .txtBox h5:before{width: .02rem;height: .02rem;content: '';background:#fff;position: absolute;left: 0;top: 0;z-index: 9;}
.busAreaList li .txtBox h5:after{width: calc(100% - .04rem);height: .02rem;content: '';background:#fff;position: absolute;right: 0;top: 0;z-index: 9;}
.busAreaList li:hover{box-shadow: 0 0 5px rgba(0, 0, 0, .2);}
.busAreaList li:hover .txtBox .icon img{filter: brightness(100);}
.busAreaList li:hover .txtBox h5{color:#fff;}
.busAreaList li:hover .imgBox{opacity: 1;}
/*详情*/
.innerDes{background:url(../images/innerDes.jpg) no-repeat;background-size: cover;background-position:center center;padding:1.4rem 0;}
.innerDes .location{text-align: right;line-height:.7rem;font-size:.16rem;color:#999999;}
.innerDes .location a{font-size:.16rem;color:#999999;}
.innerDes .location a:hover{color:#122c53;}
.innerDes h1{font-size:.4rem;font-weight:normal;padding-bottom:.2rem;position: relative;margin-bottom:.4rem;}
.innerDes h1:before{width: .02rem;height: .02rem;content: '';background:#122c53;position: absolute;left: 0;bottom: 0;z-index: 9;}
.innerDes h1:after{width: calc(100% - .04rem);height: .02rem;content: '';background:#122c53;position: absolute;right: 0;bottom: 0;z-index: 9;}
.innerDes .desBox{}
.innerDes .desBox h5{font-size:.28rem;color:#122c53;font-weight:normal;float: left;}
.innerDes .desBox .text{width: 86%;float: right;font-size:.16rem;line-height:.3rem;color:#555555;text-indent:2em;}
.desTit{margin-bottom:.3rem;margin-top:6%;}
.desTit h5{font-size:.28rem;color:#122c53;font-weight:normal;position: relative;padding-bottom:.15rem;}
.desTit h5:before{width: .23rem;height: .02rem;content: '';background:#122c53;position: absolute;left: 0;bottom: 0;}
.desTit h5:after{width: .02rem;height: .02rem;content: '';background:#122c53;position: absolute;left: .27rem;bottom: 0;}
.busAreaInfo{padding-bottom:.7rem;}
.busAreaInfo .servList{}
.busAreaInfo .servList li{float: left;width: 17.5%;margin-right:3.125%;background:#f6f6f6;border-radius:.15rem;overflow: hidden;position: relative;transition:.3s;}
.busAreaInfo .servList li:nth-child(5n){margin-right:0;}
.busAreaInfo .servList li .imgBox{opacity: 0;transition:.3s;}
.busAreaInfo .servList li .imgBox figure{padding-bottom:3.4rem;}
.busAreaInfo .servList li .txtBox{position: absolute;width: 100%;height: 100%;top: 0;left: 0;padding:.4rem .3rem;}
.busAreaInfo .servList li .txtBox em{display: block;font-size:.24rem;color:#122c53;font-weight:bold;padding-bottom:.2rem;position: relative;}
.busAreaInfo .servList li .txtBox em:before{width: .02rem;height: .02rem;content: '';background:#122c53;position: absolute;left: 0;bottom: 0;z-index: 9;}
.busAreaInfo .servList li .txtBox em:after{width: calc(100% - .04rem);height: .02rem;content: '';background:#122c53;position: absolute;right: 0;bottom: 0;z-index: 9;}
.busAreaInfo .servList li .txtBox p{font-size:.16rem;line-height:.3rem;margin-top:.2rem;}
.busAreaInfo .servList li:hover{cursor: pointer;box-shadow: 0 0 5px rgba(0, 0, 0, .2);}
.busAreaInfo .servList li:hover .txtBox em:before,
.busAreaInfo .servList li:hover .txtBox em:after{background:#fff;}
.busAreaInfo .servList li:hover .txtBox em,
.busAreaInfo .servList li:hover .txtBox p{color:#fff;}
.busAreaInfo .servList li:hover .imgBox{opacity: 1;}
.busAreaInfo .caseList{}
.busAreaInfo .caseList li{line-height:1rem;border-bottom:1px solid #f0f0f0;position: relative;}
.busAreaInfo .caseList li .imgBox{opacity: 0;transition:.3s;}
.busAreaInfo .caseList li .imgBox figure{padding-bottom:1rem;}
.busAreaInfo .caseList li .txtBox{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.busAreaInfo .caseList li .txtBox .timeB{float: left;width: 12.5%;}
.busAreaInfo .caseList li .txtBox .timeB time{display: block;font-size:.16rem;color:#122c53;position: relative;left: 0;transition:.3s;}
.busAreaInfo .caseList li .txtBox .textB{float: left;width: 87.5%;}
.busAreaInfo .caseList li .txtBox .textB h5{font-size:.18rem;font-weight:normal;transition:.3s;}
.busAreaInfo .caseList li:hover .imgBox{opacity: 1;}
.busAreaInfo .caseList li:hover .txtBox .timeB time{left: .25rem;color:#fff;}
.busAreaInfo .caseList li:hover .txtBox .textB h5{color:#fff;}
.pn-page{padding:.7rem 0;background:#f6f6f6;}
.pn-page aside{padding: .1rem 0;}
.pn-page aside span{color:#122c53;}
.pn-page aside a{color: #333;font-size:.16rem;}
.pn-page aside a:hover{color:#122c53;}
.pn-page .operating a{width: 2rem;line-height:.6rem;border-radius:.6rem;padding-left: .65rem;position: relative;font-size:.16rem;color:#555555;border:1px solid #333;}
.pn-page .operating a:before{width: .06rem;height: .11rem;content: '';background:url(../images/i2.png) no-repeat;background-size: contain;position: absolute;top: 50%;margin-top:-.055rem;left: .45rem;transform: rotate(-180deg);}
.pn-page .operating a:hover{border-color:#122c53;color:#122c53;}
@media(min-width:1025px){
.pn-page{min-height: .24rem;}
.pn-page .w1280{position: relative;padding-right: 2rem;}
.pn-page .operating{position: absolute;right: 0; top: 50%; transform: translateY(-50%);}
.pn-page .operating a{float: left;}
}
/*业务领域*/

/*专业成员*/
.prfMembers{}
.prfMembers .screenBox{}
.prfMembers .screenBox .condition{margin-bottom:.4rem;}
.prfMembers .screenBox .condition .item{float: left;width: 26.5%;margin-right:1.5%;}
.prfMembers .screenBox .condition .item input{width: 100%;line-height:.6rem;height: .6rem;padding:0 .4rem;font-size:.18rem;border-radius:.6rem;border:1px solid #555555;}
.prfMembers .screenBox .condition .item select{width: 100%;line-height:.6rem;height: .6rem;padding:0 .4rem;font-size:.18rem;border-radius:.6rem;border:1px solid #555555;}
.prfMembers .screenBox .condition .item .drop-down{position: relative;}
.prfMembers .screenBox .condition .item .drop-down .name{line-height: .6rem;display: block;width: 100%;padding: 0 .4rem;font-size: 0.18rem; font-family:arial, sans-serif;appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url(../images/arrow_down.png) no-repeat scroll 92% center;border-radius:.6rem;border:1px solid #555555; /*background-size: 2.5%;*/}
.prfMembers .screenBox .condition .item .drop-down .name::selection {background:#122c53;}
.prfMembers .screenBox .condition .item .drop-down .list {z-index: 33;display: none;position: absolute;left: 0;width: 100%;top: .6rem;box-sizing: border-box;padding: 0.26rem 0;border-radius: 0.30rem;background:#122c53}
.prfMembers .screenBox .condition .item .drop-down ul{list-style-type: none;}
.prfMembers .screenBox .condition .item .drop-down ul li{font-size: 0.16rem;line-height: .3rem;color: #fff;padding: 0 0.26rem;cursor: pointer;}
.prfMembers .screenBox .condition .item .drop-down ul li:hover{background: #314666;}

.prfMembers .screenBox .condition .item .drop-down ul{ max-height: 3.82rem;overflow-y: auto;}
.prfMembers .screenBox .condition .item .drop-down ul::-webkit-scrollbar {width: 0.06rem;}
.prfMembers .screenBox .condition .item .drop-down ul::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
.prfMembers .screenBox .condition .item .drop-down ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}

.prfMembers .screenBox .condition .btnBox{float: right;width: 14%;}
.prfMembers .screenBox .condition .btnBox .goSear{display: block;width: 100%;text-align: center;line-height:.6rem;border-radius:.6rem;font-size:.18rem;color:#fff;background:#122c53;}
.prfMembers .screenBox .letter{display: flex;justify-content: space-between;align-items: center;margin-bottom:.4rem;}
.prfMembers .screenBox .letter a{display: block;width: .35rem;line-height:.35rem;border-radius:50%;text-align: center;font-size:.16rem;}
.prfMembers .screenBox .letter a.all{width: .65rem;border:1px solid #122c53;border-radius:.35rem;color:#122c53;}
.prfMembers .screenBox .letter a:hover,
.prfMembers .screenBox .letter a.on{background:#122c53;color:#fff;}
.prfMembers .screenBox .clearScr{padding-bottom:.15rem;position: relative;margin-bottom:.3rem;}
.prfMembers .screenBox .clearScr:before{width: .02rem;height: .02rem;content: '';background:#122c53;position: absolute;left: 0;bottom: 0;z-index: 9;}
.prfMembers .screenBox .clearScr:after{width: calc(100% - .04rem);height: .02rem;content: '';background:#122c53;position: absolute;right: 0;bottom: 0;z-index: 9;}
.prfMembers .screenBox .clearScr a{display: block;font-size:.18rem;color:#122c53;}
.prfMembers .memberList{}
.prfMembers .memberList li{border-bottom:1px solid #f0f0f0;position: relative;margin-bottom: .3rem;}
.prfMembers .memberList li:before{width: .4rem;height: 1px;content: '';background:#fff;position: absolute;left: 11.5%;bottom: -1px;}
.prfMembers .memberList li .imgBox{display: inline-block;vertical-align: middle;width: 11.5%;overflow: hidden;}
.prfMembers .memberList li .imgBox figure{padding-bottom:1.92rem;transition:.3s;}
.prfMembers .memberList li .txtBox{display: inline-block;vertical-align: middle;width: 88%;padding-left:7%;}
.prfMembers .memberList li .txtBox .nameBox{float: left;width: 19.5%;}
.prfMembers .memberList li .txtBox .nameBox h5{font-size: .24rem;font-weight:normal;margin-bottom:.15rem;}
.prfMembers .memberList li .txtBox .nameBox p{font-size:.16rem;color:#122c53;}
.prfMembers .memberList li .txtBox .add{padding-left:.25rem;position: relative;font-size:.16rem;float: left;width: 19.5%;margin-top:.5rem;}
.prfMembers .memberList li .txtBox .add:before{width: .13rem;height: .16rem;content: '';background:url(../images/add.png) no-repeat;background-size: contain;position: absolute;left: 0;top: 50%;margin-top:-.08rem;}
.prfMembers .memberList li .txtBox .busArea{float: left;width: 61%;margin-top:.2rem;padding-right:2%;}
.prfMembers .memberList li .txtBox .busArea span{display: block;font-size:.16rem;color:#122c53;margin-bottom:.1rem;}
.prfMembers .memberList li .txtBox .busArea p{font-size:.16rem;color:#555555;}
.prfMembers .memberList li:hover .imgBox figure{transform: scale(1.1, 1.1);}
/*详情*/
.busmemInfo{padding-bottom:1px;}
.busmemInfo .memDes{background:url(../images/memBG.jpg) no-repeat;background-size: cover;background-position:center center;}
.busmemInfo .memDes .imgBox{overflow: hidden;display: inline-block;vertical-align: middle;width: 24%;}
.busmemInfo .memDes .imgBox figure{padding-bottom:4.06rem;}
.busmemInfo .memDes .txtBox{display: inline-block;vertical-align: middle;width: 75%;padding-left:6%;}
.busmemInfo .memDes .txtBox .topBox{margin-bottom:.4rem;}
.busmemInfo .memDes .txtBox .topBox h1{display: inline-block;vertical-align: middle;font-size:.48rem;color:#122c53;font-weight:normal;}
.busmemInfo .memDes .txtBox .topBox .addpos{display: inline-block;vertical-align: middle;margin-left: .25rem;}
.busmemInfo .memDes .txtBox .topBox .addpos p{font-size:.16rem;color:#555555;}
.busmemInfo .memDes .txtBox .topBox .addpos .add{position: relative;padding-left:.25rem;color:#999999;margin-bottom:.1rem;}
.busmemInfo .memDes .txtBox .topBox .addpos .add:before{width: .13rem;height: .16rem;content: '';background:url(../images/add.png) no-repeat;background-size: contain;position: absolute;left: 0;top: 50%;margin-top:-.08rem;}
.busmemInfo .memDes .txtBox .bomBox{}
.busmemInfo .memDes .txtBox .bomBox .item{padding-left:.35rem;margin-bottom:.2rem;position: relative;font-size:.18rem;}
.busmemInfo .memDes .txtBox .bomBox .item:before{width: .18rem;height: .18rem;content: '';position: absolute;left: 0;top: .05rem;background-repeat:no-repeat;background-size: contain;background-position:center center;}
.busmemInfo .memDes .txtBox .bomBox .item span{display: inline-block;vertical-align: middle;color:#999999;margin-right:.1rem;}
.busmemInfo .memDes .txtBox .bomBox .item p{display: inline-block;vertical-align: middle;color:#555555;}
.busmemInfo .memDes .txtBox .bomBox .item.pho:before{background-image:url(../images/pho.png);}
.busmemInfo .memDes .txtBox .bomBox .item.mal:before{background-image:url(../images/mal.png);}
.busmemInfo .memDes .txtBox .bomBox .item.lag:before{background-image:url(../images/lag.png);}
.busmemInfo .memDes .txtBox .bomBox .item.are:before{background-image:url(../images/are.png);}
.busmemInfo .memProfile{background:#fff;padding:.6rem;}
.busmemInfo .memProfile .memTit{font-size:.28rem;color:#122c53;margin-bottom:.3rem;}
.busmemInfo .memProfile .txtBox{font-size:.18rem;line-height:.34rem;color:#555555;text-indent:2em;}
.busmemInfo .retBtn{width: 2rem;line-height:.6rem;border-radius:.6rem;padding-left: .65rem;position: relative;font-size:.16rem;color:#555555;border:1px solid #333;margin: 5% auto 7%;display: block;}
.busmemInfo .retBtn:before{width: .06rem;height: .11rem;content: '';background:url(../images/i2.png) no-repeat;background-size: contain;position: absolute;top: 50%;margin-top:-.055rem;left: .45rem;transform: rotate(-180deg);}
.busmemInfo .retBtn:hover{border-color:#122c53;color:#122c53;}
/*详情*/
/*专业成员*/

/*页码*/
.PageBox{padding:.2rem 0;}
.PageBox .Pages{text-align:center;}
.PageBox .Pages a{color:#666666;font-size:.14rem;margin:0 .05rem;transition:all .5s;width: .3rem;line-height:.3rem;border-radius:50%;display:inline-block;vertical-align: middle;cursor: pointer;}
.PageBox .Pages a:hover,
.PageBox .Pages a.a_cur{background:#122c53;color:#fff;}
.PageBox .Pages .num{font-style:normal;}
.PageBox .Pages .num a{display:none;}
.PageBox .Pages a.a_prev,
.PageBox .Pages a.a_next{ font-family:'宋体'; font-weight:600; position: relative;color:#666666;text-align: center;background:none;}
.PageBox .Pages a.a_prev:hover{color:#122c53;}
.PageBox .Pages a.a_next:hover{color:#122c53;}
@media screen and (min-width:768px){
  .PageBox{padding: .5rem 0 1rem;}
  .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;}
}
/*页码*/

/*代表案例*/
.prfMembers.busAreaInfo{padding-bottom: 0;}
/*代表案例*/

/*新闻资讯*/
.newsWarp{}
.newsWarp .newsTop{background:url(../images/newBG.jpg) no-repeat;background-size: cover;background-position:center center;padding:.6rem;}
.newsWarp .newsTop .slider{padding-right:21.5%;}
.newsWarp .newsTop .slider li{}
.newsWarp .newsTop .slider li time{display: block;font-size:.16rem;margin-bottom:.2rem;}
.newsWarp .newsTop .slider li h5{font-size:.32rem;font-weight:normal;margin-bottom:.3rem;}
.newsWarp .newsTop .slider li p{font-size:.16rem;line-height:.34rem;color:#555555;margin-bottom:.6rem;}
.newsWarp .newsTop .slider .slick-dots{position: absolute;bottom: 0;right: 0;text-align: right;}
.newsWarp .newsTop .slider .slick-dots li button{display: none;}
.newsWarp .newsTop .slider .slick-dots li{width: .28rem;height: .28rem;background:url(../images/dot.png) no-repeat;background-size: contain;display: inline-block;margin: 0 .05rem;transition:.3s;transform: rotate(-360deg);}
.newsWarp .newsTop .slider .slick-dots li.slick-active{background:url(../images/dot_a.png) no-repeat;background-size: contain;transform: rotate(0deg);}
.newsWarp .newsList{margin-top:.5rem;}
.newsWarp .newsList li{float: left;width: 47.65%;padding:.4rem 0;border-bottom:1px solid #e1e1e1;color:#555555;}
.newsWarp .newsList li:nth-child(2n){float: right;}
.newsWarp .newsList li time{font-size:.16rem;display: block;margin-bottom:.1rem;}
.newsWarp .newsList li h5{font-size:.2rem;font-weight:normal;margin-bottom:.2rem;}
.newsWarp .newsList li p{font-size:.16rem;line-height:.34rem;}
.newsWarp .newsList li:hover{border-color: #122c53;color:#122c53;}
/*详情*/
.newsInfo{}
.newsInfo .newTit{text-align: center;margin-bottom: .5rem;}
.newsInfo .newTit h1{font-size:.4rem;font-weight:normal;margin-bottom:.15rem;}
.newsInfo .newTit .labBox{font-size:.16rem;color:#999999;}
.newsInfo .newTit .labBox time{display: inline-block;vertical-align: middle;padding-left:.25rem;position: relative;margin-right:.2rem;}
.newsInfo .newTit .labBox time:before{width: .16rem;height: .16rem;content: '';background:url(../images/time.png) no-repeat;background-size: contain;position: absolute;left: 0;top: 50%;margin-top:-.08rem;}
.newsInfo .newTit .labBox span{display: inline-block;vertical-align: middle;padding-left:.25rem;position: relative;}
.newsInfo .newTit .labBox span:before{width: .17rem;height: .12rem;content: '';background:url(../images/view.png) no-repeat;background-size: contain;position: absolute;left: 0;top: 50%;margin-top:-.06rem;}
.newsInfo .conBox{font-size:.18rem;line-height:.34rem;color: #555555;text-indent:2em;padding-bottom:.5rem;border-bottom:1px solid #e1e1e1;min-height: 16vh;}
.newsInfo .pn-page{background:#fff;position: relative;}
/*新闻资讯*/

/*审判指导与参考*/
.prfMembers .ruleList{}
.prfMembers .ruleList li{float: left;width: 22.5%;background:#fff;margin-right:3.33%;margin-bottom:3.33%;border-radius:.15rem;overflow: hidden;position: relative;transition:.3s;}
.prfMembers .ruleList li:nth-child(4n){margin-right:0;}
.prfMembers .ruleList li .imgBox{opacity: 0;transition:.3s;}
.prfMembers .ruleList li .imgBox figure{padding-bottom:2.2rem;}
.prfMembers .ruleList li .txtBox{position: absolute;width: 100%;height: 100%;top: 0;left: 0;padding:.4rem;}
.prfMembers .ruleList li .txtBox h5{font-size:.18rem;line-height:.3rem;font-weight:normal;position: relative;min-height: .6rem;margin-bottom:.5rem;}
.prfMembers .ruleList li .txtBox time{display: block;font-size:.16rem;color:#122c53;margin-top:.2rem;position: relative;padding-top:.1rem;}
.prfMembers .ruleList li .txtBox time:before{width: .02rem;height: .02rem;content: '';background:#ebebeb;position: absolute;left: 0;top: 0;z-index: 9;}
.prfMembers .ruleList li .txtBox time:after{width: calc(100% - .04rem);height: .02rem;content: '';background:#ebebeb;position: absolute;right: 0;top: 0;z-index: 9;}
.prfMembers .ruleList li:hover{box-shadow: 0 0 5px rgba(0, 0, 0, .2);}
.prfMembers .ruleList li:hover .txtBox h5,
.prfMembers .ruleList li:hover .txtBox time{color:#fff;}
.prfMembers .ruleList li:hover .imgBox{opacity: 1;}
/*详情*/
.newsInfo .conBox h5{font-size:.24rem;font-weight:normal;text-indent:0;margin-bottom:.2rem;}
/*审判指导与参考*/

/*联系我们*/
.contactWarp{padding-bottom:5%;}
.contactWarp .leftBox{float: left;width: 53.25%;}
.contactWarp .leftBox h1{font-size:.3rem;font-weight:normal;margin-bottom:.3rem;}
.contactWarp .leftBox .catPho{margin-bottom:.2rem;color:#122c53}
.contactWarp .leftBox .catPho span{display: block;font-size:.18rem;}
.contactWarp .leftBox .catPho p{font-size:.3rem;}
.contactWarp .leftBox .maladd{font-size:.18rem;color:#555555;line-height:.36rem;margin-bottom: .2rem;}
.contactWarp .leftBox .link{margin-bottom:.5rem;}
.contactWarp .leftBox .link a{display: inline-block;vertical-align: middle;background-repeat:no-repeat;background-size: contain;background-position:center center;margin-right:.15rem;transition:.3s;position: relative;}
.contactWarp .leftBox .link a figure{position: absolute;top: 120%;left: 50%;transform: translateX(-50%);width: 1rem;padding:.05rem;background:#fff;border-radius:.1rem;display: none;}
.contactWarp .leftBox .link a:hover figure{display: block;}
.contactWarp .leftBox .link a.wx{width: .22rem;height: .18rem;background-image: url(../images/wx.png);}
.contactWarp .leftBox .link a.dy{width: .15rem;height: .18rem;background-image: url(../images/dy.png);}
.contactWarp .leftBox .link a.xhs{width: .36rem;height: .12rem;background-image: url(../images/xhs.png);}
.contactWarp .formBox{float: right;width: 40.65%;}
.contactWarp .formBox h5{font-size: .3rem;font-weight:normal;margin-bottom:.3rem;}
.contactWarp .formBox .item{position: relative;margin-bottom:.2rem;}
.contactWarp .formBox .item:before{width: .16rem;height: .16rem;content: '';background-repeat: no-repeat;background-size: contain;background-position:center center;position: absolute;left: .2rem;top: 50%;margin-top:-.08rem;}
.contactWarp .formBox .item input{width: 100%;display: block;padding:0 .45rem;background: #fff;border:1px solid #e3e7e8;border-radius:8px;line-height:.65rem;height: .65rem;font-size:.16rem;}
.contactWarp .formBox .item textarea{width: 100%;display: block;padding:.2rem .45rem;background: #fff;border:1px solid #e3e7e8;border-radius:8px;font-size:.16rem;height: 2.4rem;}
.contactWarp .formBox .item.name:before{background-image: url(../images/name.png);}
.contactWarp .formBox .item.phoe:before{background-image: url(../images/phoe.png);}
.contactWarp .formBox .item.mail:before{background-image: url(../images/mail.png);}
.contactWarp .formBox .item.need:before{background-image: url(../images/need.png);top: .22rem;margin-top:0;}
.contactWarp .formBox .item.need .num{position: absolute;font-size:.14rem;color: #999999;right: .2rem;bottom: .2rem;}
.contactWarp .formBox .subBtn{display: block;width: 1.8rem;line-height:.6rem;border-radius:.6rem;color:#fff;text-align: center;font-size:.16rem;background:#122c53;}
/*联系我们*/


/*响应式*/
@media(max-width:1680px){
    .w1600{padding:0 4%;}
    .banner .slick-dots{padding:0 4%;}
}

@media(max-width:1366px){
    .w1280{padding:0 4%;}
    .Foor3 .slider:before{left: 4%;}
    .Foor3 .slider:after{left: 4%;}
}

@media(max-width:1024px){
    .top .logo{width: 25%;line-height:.8rem}
    .top .rightBox .search{margin-top:.3rem;}
    .top .rightBox .nav_btn{margin-top:.3rem;}
    .Hometit{font-size:.22rem;padding-bottom:.1rem;margin-bottom:.2rem;}
    .Hometit:before{width: .25rem;}
    .Foor1 .slider li .contBox time{font-size:.16rem;}
    .Foor1 .slider li .contBox h5{font-size:.2rem;margin: .05rem 0 .15rem;}
    .Foor1 .slider li .contBox p{font-size:.14rem;line-height:.24rem;}
    .Homemore{width: 1.3rem;line-height:.4rem;padding:0 .25rem;font-size:.14rem;}
    .Homemore:before{right: .3rem;}
    .Foor1 .slick-pages{right: 4%;}
    .Foor1 .slider li .contBox{max-width:80%;padding-bottom:.4rem;}
    .Foor1 .slider .slick-arrow{width: .4rem;height: .4rem;}
    .Foor1 .slider .slick-arrow.slick-prev{right: .5rem;}
    .Foor2 li .imgBox figure{padding-bottom:3rem;}
    .Foor2 .slider .slick-arrow{width: .4rem;height: .4rem;}
    .Foor2 li .txtBox{padding:0 .3rem .2rem .4rem}
    .Foor2 li .txtBox .num{font-size:.12rem;width: .2rem;line-height:.2rem;left: .1rem;}
    .Foor2 li .txtBox h5:before{width: .15rem;height: .1rem;margin-top:-.05rem;}
    .Foor2 li .txtBox h5{font-size:.18rem;margin-bottom:.08rem;}
    .Foor2 li .txtBox p{font-size:.14rem;line-height:.24rem;}
    .Foor3 .slider li a{padding:.3rem .3rem .4rem}
    .Foor3 .slider li .BefBox time{font-size:.14rem;margin-bottom:.08rem;}
    .Foor3 .slider li .BefBox h5{font-size:.18rem;padding-bottom:.3rem;}
    .Foor3 .slider li .BefBox h5:before{height: .15rem;}
    .Foor3 .slider li .BefBox p{font-size:.14rem;line-height:.24rem;min-height: .96rem;}
    .Foor3 .slider li .HovBox .txtBox .more{width: 1.2rem;padding:0 .2rem;line-height:.4rem;font-size:.14rem;border-radius:.4rem;}
    .Foor3 .slider li .HovBox .txtBox time{font-size:.14rem;}
    .Foor3 .slider li .HovBox .txtBox h5{font-size:.18rem;margin: .1rem 0 .2rem;}
    .Foor3 .slider li .HovBox .txtBox .more:before{right: .2rem;}
    .Foor3 .slider .slick-arrow{width: .4rem;height: .4rem;}
    .Foor3 .slider .slick-arrow.slick-prev{right: calc(.5rem + 19.591%);}
    .Foor3 .slider ul{padding-bottom:.8rem;}
    .Foor4 h5{font-size:.18rem;}
    .Foor4 .Homemore{margin-top:.4rem;}
    .bottom .bomTop{padding:.2rem 0;}
    .bottom .bomTop .bomLogo{width: 25%;}
    .bottom .bomTop .bomNav{width: 60%;}
    .bottom .bomTop .bomNav li a{font-size:.14rem;}
    .bottom .bomTop .bomNav li{margin-left:4.2%;}
    .bottom .bomBom{font-size:.14rem;}
    .top .rightBox .nav{padding:.3rem;width: 50%;}
    .top .rightBox .nav .navLogo{max-width:50%;margin: 0 auto .15rem;}
    .top .rightBox .nav .navLogo .colBtn{right: -50%;top: -.2rem;}
    .top .rightBox .nav li a{font-size:.16rem;line-height:.5rem;}
    .innerBan .bgPic{padding-bottom:3rem;background-position: right center;}
    .aboutF1 .titBox .logo2{width: 60%;}
    .aboutF1 .titBox h5{font-size:.24rem;padding-bottom:.1rem;}
    .aboutF1 .titBox p{font-size:.16rem;margin-top:.15rem;}
    .aboutF1 .txtBox{font-size:.14rem;line-height:.24rem;}
    .aboutF2 .imgBox{padding-bottom:3.2rem;}
    .aboutF2 .vidBox .play .playBtn{width: .6rem;height: .6rem;}
    .aboutF3 .txtBox:before, .aboutF3 .txtBox:after{width: .25rem;height: .18rem;}
    .aboutF3 .txtBox{padding:.2rem 5%;font-size:.14rem;line-height:.24rem;margin-bottom:.3rem;}
    .aboutF3 .sloBox figure{padding-bottom:3rem;}
    .aboutF3 .sloBox .text h5{font-size:.24rem;margin-bottom:.1rem;}
    .aboutF3 .sloBox .text p{font-size:.14rem;}
    .busAreaList li .imgBox figure{padding-bottom:1.6rem;}
    .busAreaList li .txtBox{padding:.2rem;}
    .busAreaList li .txtBox .icon{width: .3rem;margin-bottom:.15rem;}
    .busAreaList li .txtBox h5{font-size:.16rem;line-height:.28rem;}
    .innerDes{padding:.8rem 0 .4rem;}
    .innerDes .location{line-height:.4rem;font-size:.15rem;}
    .innerDes h1{font-size:.28rem;padding-bottom:.1rem;margin-bottom:.2rem;}
    .innerDes .desBox h5{font-size:.18rem;}
    .innerDes .desBox .text{font-size:.14rem;line-height:.24rem;}
    .busAreaInfo .servList li{width: 32%;margin-right:2%;margin-bottom: 2%;}
    .busAreaInfo .servList li:nth-child(5n){margin-right:2%;}
    .busAreaInfo .servList li:nth-child(3n){margin-right: 0;}
    .busAreaInfo .servList li .txtBox{padding:.3rem .2rem}
    .busAreaInfo .servList li .txtBox em{font-size:.2rem;padding-bottom:.1rem;}
    .busAreaInfo .servList li .txtBox p{font-size:.15rem;line-height:.26rem;}
    .busAreaInfo .servList li .imgBox figure{padding-bottom:3rem;}
    .busAreaInfo .caseList li{line-height:.6rem;}
    .busAreaInfo .caseList li .imgBox figure{padding-bottom:.6rem;}
    .busAreaInfo .caseList li .txtBox .timeB{width: 18%;}
    .busAreaInfo .caseList li .txtBox .textB{width: 82%;}
    .busAreaInfo .caseList li .txtBox .timeB time{font-size:.14rem;}
    .busAreaInfo .caseList li .txtBox .textB h5{font-size:.16rem;}
    .pn-page{padding:.4rem 0;}
    .pn-page .operating a{width: 1.5rem;display: block;padding-left:.4rem;line-height:.4rem;border-radius:.4rem;font-size:.14rem;}
    .pn-page .operating a:before{left: .2rem;}
    .menuLocat{line-height:.6rem;}
    .menuLocat .menu li{margin-right:.3rem;}
    .menuLocat .menu li a{font-size:.16rem;}
    .prfMembers .screenBox .condition .item input{font-size:.16rem;line-height:.4rem;border-radius:.4rem;height: .4rem;padding:0 .25rem;}
    .prfMembers .screenBox .condition .item select{font-size:.16rem;line-height:.4rem;border-radius:.4rem;height: .4rem;padding:0 .25rem;}
    .prfMembers .screenBox .condition .item .drop-down .name{font-size:.16rem;line-height:.4rem;border-radius:.4rem;height: .4rem;padding:0 .25rem;}
    .prfMembers .screenBox .condition .item .drop-down .list{top: .4rem;}
    .prfMembers .screenBox .condition .item .drop-down ul li{font-size:.14rem;}
    .prfMembers .screenBox .condition .btnBox .goSear{line-height:.4rem;border-radius:.4rem;font-size: .16rem;}
    .prfMembers .memberList li .txtBox{width: 86%;}
    .busmemInfo .memDes .txtBox .topBox h1{font-size: .36rem;}
    .busmemInfo .memDes .txtBox .topBox .addpos{margin-left: .15rem;}
    .newsWarp .newsTop{padding:.3rem;}
    .newsWarp .newsTop .slider li time{font-size:.14rem;margin-bottom:.1rem;}
    .newsWarp .newsTop .slider li h5{font-size:.26rem;margin-bottom:.15rem;}
    .newsWarp .newsTop .slider li p{font-size:.14rem;line-height:.24rem;margin-bottom:.3rem;}
    .newsWarp .newsTop .slider{padding-right:16%;}
    .newsWarp .newsTop .slider .slick-dots li{width: .18rem;height: .18rem;}
    .newsWarp .newsList li{padding:.2rem 0;}
    .newsInfo .newTit h1{font-size:.28rem;}
    .prfMembers .ruleList li .txtBox{padding:.2rem;}
    .prfMembers .ruleList li .txtBox h5{font-size:.16rem;line-height:.28rem;min-height: .56rem;}
    .prfMembers .ruleList li .imgBox figure{padding-bottom:1.8rem;}
    .prfMembers .ruleList li .txtBox time{font-size:.14rem;}
    .contactWarp .formBox .item input{line-height:.45rem;height: .45rem;font-size:.14rem;padding: 0 .25rem;}
    .contactWarp .formBox .item:before{left: .08rem;width: .1rem;height: .1rem;margin-top:-.05rem;}
    .contactWarp .formBox .item textarea{font-size:.14rem;padding:.15rem .25rem;height: 1.8rem;}
    .contactWarp .formBox .subBtn{line-height:.4rem;width: 1.5rem;}
}

@media(max-width:768px){
    .banner li figure{padding-bottom:45%;}
    .banner .slick-dots{bottom: .2em;}
    .banner .mouse{display: none;}
    .Foor2 li .imgBox figure{padding-bottom:2rem;}
    .Foor2 .slider{padding:0 4%;}
    .Foor2 li .txtBox .num{width: auto;}
    .Foor2 .slider .slick-arrow.slick-prev{left: 6%;}
    .Foor2 .slider .slick-arrow.slick-next{right: 6%;}
    .bottom .bomTop .bomLogo{float: none;width: 50%;text-align: center;margin: 0 auto;}
    .bottom .bomTop .bomNav{float: none;width: 100%;}
    .bottom .bomTop .bomNav li{margin-left:2%;}
    .bottom .bomTop .bomNav li:first-child{margin-left: 0;}
    .bottom .bomBom ul{float: none;width: 2.8rem;margin: 0 auto;}
    .bottom .bomBom .copy{float: none;margin-top:.08rem;}
    .top .logo{width: 40%;}
    .top .rightBox .nav .navLogo{max-width:70%;}
    .top .rightBox .nav .navLogo .colBtn{right: -30%;}
    .aboutF1 .titBox{float: none;}
    .aboutF1 .txtBox{float: none;width: 100%;margin-top:.2rem;}
    .busAreaList li{width: 48%;margin-right: 4%;margin-bottom:4%;}
    .busAreaList li:nth-child(2n){margin-right:0;}
    .innerDes .desBox h5{float: none;margin-bottom:.1rem;}
    .innerDes .desBox .text{float: none;width: 100%;}
    .busAreaInfo .servList li{width: 48%;margin-right: 4%!important;margin-bottom:4%;}
    .busAreaInfo .servList li:nth-child(2n){margin-right:0!important;}
    .busAreaInfo .caseList li .txtBox .timeB{width: 28%;}
    .busAreaInfo .caseList li .txtBox .textB{width: 72%;}
    .pn-page .operating a{width: 1.8rem;}
    .prfMembers .screenBox .letter{display: none;}
    .prfMembers .screenBox .condition .item{width: 48%;margin-bottom:4%;}
    .prfMembers .screenBox .condition .btnBox{width: 48%;margin-right:1.5%;float: left;}
    .PageBox .Pages a{width: auto;}
    .prfMembers .memberList li .imgBox{width: 25%;}
    .prfMembers .memberList li .txtBox{width: 72%;padding-left:4%;}
    .prfMembers .memberList li .txtBox .nameBox{width: 80%;}
    .prfMembers .memberList li .txtBox .add{float: left;width: 20%;margin-top:0;}
    .prfMembers .memberList li .txtBox .busArea{float: left;width: 100%;margin-top:.1rem;}
    .prfMembers .memberList li .txtBox .nameBox h5{margin-bottom:.08rem;font-size:.2rem;}
    .prfMembers .memberList li .txtBox .nameBox p{font-size:.14rem;}
    .prfMembers .memberList li .txtBox .busArea p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    .busmemInfo .memDes .imgBox{width: 50%;}
    .busmemInfo .memDes .imgBox figure{padding-bottom:3rem;}
    .busmemInfo .memDes .txtBox{display: block;width: 100%;padding-left:0;margin-top:.15rem;}
    .busmemInfo .memDes{padding-bottom:.2rem;}
    .busmemInfo .memProfile{padding:.2rem .3rem;}
    .busmemInfo .memProfile .memTit{margin-bottom:.2rem;}
    .prfMembers .ruleList li{width: 48%;margin-right: 4%!important;margin-bottom:4%;}
    .prfMembers .ruleList li:nth-child(2n){margin-right:0!important;}
    .menuLocat .menu{float: none;width: 100%;}
    .contactWarp .leftBox{float: none;width: 100%;}
    .contactWarp .formBox{float: none;width: 100%;margin-top:.2rem;}
    .contactWarp .formBox h5{margin-bottom:.15rem;}
    .Foor2 ul{padding-bottom:.6rem;}
    .Foor2 .slider .slick-arrow{background-image: url(../images/ar1.png);bottom: 0;top: auto;margin-top:0;}
    .Foor2 .slider .slick-arrow.slick-next{right: 0;}
    .Foor2 .slider .slick-arrow.slick-prev{left: auto;right: .5rem;}
    .bottom .bomTop .bomNav{text-align: center;}
    .bottom .bomTop .bomNav li{float: none;display: inline-block;vertical-align: middle;}
}
