﻿@charset "utf-8";


/*全局初始化样式*/

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.16rem; line-height:1.42857143; font-family:"Microsoft YaHei"; 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: #00489d;}


/*清除浮动*/
.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;}

.w1440{max-width:1440px;margin: 0 auto;}
.w1240{max-width:1240px;margin: 0 auto;}


.top{ position: absolute; left: 0; top: 0; width: 100%; z-index: 100; transition:background 0.3s; border-bottom: 1px solid rgba(255,255,255,.1);}
.top .logo{float: left;line-height:1rem;position: relative;}
.top .logo .after{position: absolute;left:0;top: 50%;transform: translateY(-50%);width: 100%;opacity: 0;transition:.3s;}
.top .otherBox{float: right;width: max-content;}
.top .otherBox .nav{float: left;}
.top .otherBox .nav>ul>li{float: left;margin-right: .35rem;position: static;}
.top .otherBox .nav>ul>li >a{line-height:1rem;font-size:.16rem;font-weight: bold;position: relative;display: block;}
.top .otherBox .nav>ul>li >a:before{width: 0;height: .04rem;background: #e60013;content: '';position: absolute;left: 0;bottom: 0;transition:.3s;}
.top .otherBox .nav>ul>li:hover >a,
.top .otherBox .nav>ul>li.on >a{color:#e60013!important;}
.top .otherBox .nav>ul>li:hover >a:before,
.top .otherBox .nav>ul>li.on >a:before{width: 100%;}
/* .top .otherBox .nav li .nav_sub{position: absolute;width: 1.2rem;top: 100%;left: 50%;transform: translateX(-50%);background:#fff;padding: .1rem 0;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;}
.top .otherBox .nav li .nav_sub a:hover{background: #eef4fc;color: #00489d;} */
/* // .top .otherBox .nav li#nav2{position: static;}
// .top .otherBox .nav li#nav2 .pro_sub{position: absolute;top: 1rem;width: 100%;left: 0;background: url(../images/navBG.jpg) no-repeat;background-position: right bottom;background-size: cover;display: none;}
// .top .otherBox .nav li#nav2 .pro_sub .w1440{position: relative;}
// .top .otherBox .nav li#nav2 .pro_sub .one-cate{width: 16.7%;float: left;border-right: 1px solid rgba(255,255,255,.2);padding:.4rem 0 .8rem;}
// .top .otherBox .nav li#nav2 .pro_sub .one-cate .item >a{line-height:.8rem;font-size:.16rem;position: relative;}
// .top .otherBox .nav li#nav2 .pro_sub .one-cate .item.on >a{font-weight:bold;}
// .top .otherBox .nav li#nav2 .pro_sub .one-cate .item.on >a:before{width: 100%;height: .04rem;content: '';background: #fff;position: absolute;left: 0;bottom:-.2rem;}
// .top .otherBox .nav li#nav2 .pro_sub .two-cate{position: absolute;width: 83.3%;right: 0;top: 50%;transform: translateY(-50%);display: none;}
// .top .otherBox .nav li#nav2 .pro_sub .two-cate dl{float: left;margin-left:1.15rem;padding-right: .3rem;}
// .top .otherBox .nav li#nav2 .pro_sub .two-cate dt{font-size:.16rem;font-weight:bold;color:#fff;line-height:.6rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom: .15rem;}
// .top .otherBox .nav li#nav2 .pro_sub .two-cate dd a{line-height:.4rem;display: block;position: relative;}
// .top .otherBox .nav li#nav2 .pro_sub .two-cate dd a:hover:before{width: 100%;height: 1px;content: '';background: #fff;position: absolute;left: 0;bottom:0;}
// .top .otherBox .nav li#nav2 .pro_sub .one-cate .item.on .two-cate{display: block;}
// .top .otherBox .nav li#nav2 .pro_sub a{color:#fff;}

.top .otherBox .nav li#nav2 .pro_sub{position: absolute;top: 1rem;width: 100%;left: 0;background: url(../images/navBG.jpg) no-repeat;background-position: right bottom;background-size: cover;display: none;}
.top .otherBox .nav li#nav3 .pro_sub{position: absolute;top: 1rem;width: 100%;left: 0;background: url(../images/navBG.jpg) no-repeat;background-position: right bottom;background-size: cover;display: none;}
.top .otherBox .nav li#nav4 .pro_sub{position: absolute;top: 1rem;width: 100%;left: 0;background: url(../images/navBG.jpg) no-repeat;background-position: right bottom;background-size: cover;display: none;}
.top .otherBox .nav li#nav5 .pro_sub{position: absolute;top: 1rem;width: 100%;left: 0;background: url(../images/navBG.jpg) no-repeat;background-position: right bottom;background-size: cover;display: none;}
.top .otherBox .nav li#nav6 .pro_sub{position: absolute;top: 1rem;width: 100%;left: 0;background: url(../images/navBG.jpg) no-repeat;background-position: right bottom;background-size: cover;display: none;} */
.top .otherBox .nav li .pro_sub {position: absolute;top: 1rem;width: 100%;left: 0;display: none;height: 350px !important;overflow: hidden;}
/* .top .otherBox .nav li .pro_sub .nav_sub dd{display: inline-block;margin-right: 0.65rem;}
.top .otherBox .nav li .pro_sub .nav_sub dd:last-child{margin-right: 0;}
.top .otherBox .nav li .pro_sub .nav_sub dd a{font-size: .16rem;color: #fff;} */
.top .otherBox .nav li .pro_sub .nav_sub{font-size: 0;display: table;width: 100%;}
.top .otherBox .nav li .pro_sub .nav_sub .table-nav{display: table-cell;width: 30.5%;padding: .4rem;min-height: 3rem;background-color: #fff;box-sizing: border-box;vertical-align: top;}
.top .otherBox .nav li .pro_sub .nav_sub .table-nav ul{font-size: 0;max-width: 2.3rem;margin-left: auto;}
.top .otherBox .nav li .pro_sub .nav_sub .table-nav ul li{float: none;margin-right: 0;position: relative;padding-bottom: .1rem;border-bottom: 2px solid transparent;margin-bottom: .2rem;cursor:pointer;}
.top .otherBox .nav li .pro_sub .nav_sub .table-nav ul li:last-child{margin-bottom: 0;}
.top .otherBox .nav li .pro_sub .nav_sub .table-nav ul li{font-size: .16rem;color: #000000;}
.top .otherBox .nav li .pro_sub .nav_sub .table-nav ul li:before{display: block;position: absolute;content: '>';right: 0;top: 0;font-size: .16rem;color: #000;z-index: 3;font-family: '宋体';font-weight: bold;}
.top .otherBox .nav li .pro_sub .nav_sub .table-nav ul li.on{color: #e60013;border-bottom: 2px solid #e60013;}
.top .otherBox .nav li .pro_sub .nav_sub .table-nav ul li.on:before{color: #e60013;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box{display: table-cell;width: 69.5%;padding: .4rem .7rem;min-height: 3rem;background-color: rgba(255,255,255,.9);box-sizing: border-box;vertical-align: top;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item{display: none;max-width: 11rem;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item.on{display: block;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item ul{font-size: 0;text-align: left;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item ul p{font-size:.15rem;color: #333333;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item ul li{float: none;position: relative;display: inline-block;margin-right: 1rem;margin-bottom: .33rem;box-sizing: border-box;}
/* .top .otherBox .nav li .pro_sub .nav_sub .table-box .item ul li:nth-of-type(2n){margin-right: 0;} */
/* .top .otherBox .nav li .pro_sub .nav_sub .table-box .item ul li:before{display: block;position: absolute;content: '>';left: 0;top: 0;font-size: 12px;color: #e60013;z-index: 3;font-family: '宋体';font-weight: bold;} */
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item ul li a{display: block;line-height: 1;font-size: .15rem;color: #333333;font-weight: normal;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item ul dl{position: relative;padding-left: .9rem;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item ul dl dt{position: absolute;left: 0;top: 0;font-size:.15rem;color: #333333;z-index: 3;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item ul dl dd{display: inline-block;padding-right: .1rem;margin-bottom: .2rem;width: 20%;box-sizing: border-box;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item ul dl dd a{font-size: .15rem;color: #333333;font-weight: normal;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item .son-nav .items{display: inline-block;margin-right: .7rem;padding-bottom: 10px;font-size: .15rem;color: #333333;border-bottom: 2px solid transparent;cursor:pointer;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item .son-nav .items.on{color: #e60012;border-bottom: 2px solid #e60012;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item .son-nav .items:last-child{margin-right: 0;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item .son-box{margin-top: .4rem;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item .son-box .items{display: none;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item .son-box .items.on{display: block;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item .son-box .items ul{font-size: 0;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item .son-box .items ul li{position: relative;padding-left: 10px;display: inline-block;width: 49%;margin-right: 2%;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item .son-box .items ul li:nth-of-type(2n){margin-right: 0;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item .son-box .items ul li:before{display: block;content: '';position: absolute;top:  0;left: 0;bottom: 0;margin: auto 0;width: 3px;height: 3px;background-color: #999999;z-index: 3;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item .textarea .img{display: inline-block;width: 4rem;vertical-align: middle;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item .textarea .img img{width: 100%;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item .textarea .box{display: inline-block;width: calc(100% - 4.4rem);margin-left: .4rem;vertical-align: middle;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item .textarea .box .title{font-size: 16px;color: #333333;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item .textarea .box .text{margin-top: .25rem;font-size: .14rem;color: #666666;line-height: 2;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item .textarea .box .more{margin-top: .3rem;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item .textarea .box .more a{font-size: .14rem;color: #00489d;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item .textarea .box .more a:after{display: inline-block;content: '';margin-left: 10px;width: 12px;height: 8px;background-image: url(../images/i1.png);vertical-align: middle;}
.top .otherBox .nav li .pro_sub .nav_sub .table-box .item a:hover{color: #e60013;}
/* .top .otherBox .nav li#nav2 .pro_sub .nav_sub{padding-left: 2rem;}
.top .otherBox .nav li#nav3 .pro_sub .nav_sub{padding-left: 2rem;}
.top .otherBox .nav li#nav4 .pro_sub .nav_sub{padding-left: 5rem;}
.top .otherBox .nav li#nav5 .pro_sub .nav_sub{padding-left: 7.8rem;}
.top .otherBox .nav li#nav6 .pro_sub .nav_sub{text-align: right;}
.top .otherBox .nav li#nav2 .pro_sub .nav_sub .table-box .item ul li{width: 23%;margin-right: 2.66%;}
.top .otherBox .nav li#nav2 .pro_sub .nav_sub .table-box .item ul li:nth-of-type(4n){margin-right: 0;}
.top .otherBox .nav li#nav3 .pro_sub .nav_sub .table-box .item ul li{width: 32%;margin-right: 2%;}
.top .otherBox .nav li#nav3 .pro_sub .nav_sub .table-box .item ul li:nth-of-type(3n){margin-right: 0;} */
@media(min-width: 1024px){
    .top .otherBox .nav li#nav2 .pro_sub,
    .top .otherBox .nav li#nav3 .pro_sub{min-height: 3.5rem;}
    .top .otherBox .nav li .pro_sub .nav_sub dd a:hover{color: #e60013;}
}

.top .otherBox .search{float: left;position: relative;margin-top: .4rem;margin-left: .3rem;margin-right: .3rem;}
.top .otherBox .search .searBtn{width: .2rem;height: .2rem;background: url(../images/sear_c.png) no-repeat;background-size: contain;display: block;cursor: pointer;}
.top .otherBox .search .slideSear{position: absolute;top: .6rem;right: -.2rem;padding:.15rem .2rem;background: #fff;display: none;}
.top .otherBox .search .slideSear input{padding:0 .05rem;width: 2.4rem;line-height:.2rem;}
.top .otherBox .search .slideSear .searBtn{position: absolute;top: 50%;transform: translateY(-50%);right: .2rem;}
.top .otherBox .search .slideSear:before{display: block;content: '';position: absolute;right: 8%;top: -6px;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #fff;z-index: 3;}
.top .otherBox .lang{float: right;margin-top:.4rem;position: relative;}
.top .otherBox .lang .country{display: block;width: .24rem;height: .24rem;cursor: pointer;}
.top .otherBox .lang .country.cn{background: url(../images/cn.png) no-repeat;background-size: contain;}
.top .otherBox .lang .drop-down{position: absolute;left: 50%;padding-top: .35rem;display: none;transform: translateX(-50%);z-index: 3;}
.top .otherBox .lang:hover .drop-down{display: block;}
.top .otherBox .lang dl{position: relative;padding:0 .1rem;background: #fff;}
.top .otherBox .lang dl a{line-height:.5rem;display: block;font-size: .14rem;color: #999999;}
.top .otherBox .lang dl dd{width: .5rem;text-align: center;border-bottom: 1px dashed #dedede;}
.top .otherBox .lang dl dd:last-child{border: 0;}
.top .otherBox .lang dl dd.on a{color: #00489d;}
.top .otherBox .lang .drop-down dl:before{display: block;content: '';position: absolute;right: 0;left: 0;margin: 0 auto;top: -6px;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #fff;z-index: 3;}
.top.oncolor .otherBox .search .slideSear{border: 1px solid #00489d;}
.top.oncolor .otherBox .lang dl{border: 1px solid #00489d;}
.top.oncolor .otherBox .search .slideSear:before{border-right: 6px solid transparent;border-bottom: 6px solid #00489d;}
.top.oncolor .otherBox .lang .drop-down dl:before{border-right: 6px solid transparent;border-bottom: 6px solid #00489d;}
.top:not(.oncolor) .otherBox .search >.searBtn{background: url(../images/sear.png) no-repeat;background-size: contain;}
.top:not(.oncolor) .otherBox .nav li >a{color:#fff;}
.top .otherBox .primary{float: right;margin-top: .4rem;margin-left: .3rem;}
.top .otherBox .primary a{font-size: .16rem;color: #fff;}
.top .otherBox .primary a:hover{color:#e60013;}
.top.oncolor .otherBox .primary a{color: #333;}
.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:#fff;}

@-webkit-keyframes headerFix {
  from {
    -webkit-transform: translateY(-100%);
  }

  to {
    -webkit-transform: translateY(0);
  }
}

@keyframes headerFix {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}
.top.oncolor .logo .after{opacity: 1;}

/*banner*/
.banner{position: relative;}
.banner li{position: relative;}
.banner figure{padding-bottom: 7.6rem;background-repeat: no-repeat;background-size: cover;background-position:center center;}
.banner video{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color:rgba(0,0,0,.5);object-fit: cover;}
.banner .txtBox{color:#fff;position: absolute;left: 50%;transform: translateX(-50%);bottom:30%;text-align: center;}
.banner .txtBox.video{bottom: 35%;}
.banner .txtBox h5{font-size:.48rem;margin-bottom:.15rem;letter-spacing: .03rem;}
.banner .txtBox p{text-transform: uppercase;}
.banner .txtBox .more{width: 2rem;line-height:.5rem;display: block;margin: .4rem auto 0;color:#fff;background: #e60013;font-size:.18rem;position: relative;top: 0;transition:.3s;}
.banner .txtBox .more:hover{top:-.05rem;}
.banner .slick-dots{position: absolute;text-align: center;width: 100%;bottom: .4rem;}
.banner .slick-dots li{display: inline-block;width: .16rem;height: .04rem;background: #fff;border-radius:.04rem;transition:.3s;margin: 0 .075rem;}
.banner .slick-dots li.slick-active{background:#e60013;width: .3rem;}
.banner .slick-dots li button{display: none;}

.idxtitMore{position: relative;}
.idxtit{}
.idxtit h5{font-size:.42rem;font-weight:normal;}
.idxtit p{ line-height:2.5; font-size:.18rem;font-weight:bold;}
.idxmore{display: block;width: 1.8rem;line-height:.5rem;padding-left: .3rem;font-size:.16rem;color:#fff!important;background: #00489d;position: relative;}
.idxmore:before{width: .12rem;height: .08rem;content: '';background: url(../images/i1_w.png) no-repeat;background-size: contain;position: absolute;right: .3rem;top: 50%;margin-top:-.04rem;transition:.3s;}
.idxmore:hover:before{transform: rotate(360deg);}
.idxtitMore .idxmore{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

.Foor1{padding:1rem 0;background: url(../images/F1bg.png) no-repeat;background-position:left top;}
.Foor1 .idxtit{float: left;max-width:48%}
.Foor1 .navSlide{float: right;width: 50%;}
.Foor1 .navSlide .slick-list{padding-bottom:.08rem;}
.Foor1 .navSlide .slick-track{border-bottom:1px solid #f5f5f5;}
.Foor1 .navSlide li{text-align: center;padding-bottom:.15rem;position: relative;}
.Foor1 .navSlide li .iconB img{margin: 0 auto;opacity: .6;transition:.3s;}
.Foor1 .navSlide li p{font-size:.14rem;color:#7790ad;margin-top:.12rem;}
.Foor1 .navSlide li.slick-current .iconB img{opacity: 1;}
.Foor1 .navSlide li.slick-current p{font-weight:bold;color:#00489d;}
.Foor1 .navSlide li.slick-current:before{width: .05rem;height: .05rem;border:.03rem solid #00489d;content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom:-.05rem;border-radius:50%;}
.Foor1 .bomBox{margin-top: .4rem;}
.Foor1 .bomBox .itemBox{overflow: hidden;}
.Foor1 .bomBox ul{/* margin: 0 -.2rem; */position: relative;}
.Foor1 .bomBox ul li{margin: 0 .2rem;background: url(../images/F1libg.jpg) no-repeat;background-position:center center;padding:0 .35rem;background-size: cover;}
.Foor1 .bomBox ul li .tit{line-height:.72rem;font-size:.22rem;color:#00489d;font-weight:bold;position: relative;border-bottom:1px solid rgba(187,187,187,.3);}
.Foor1 .bomBox ul li .tit:before{width: .12rem;height: .08rem;content: '';background: url(../images/i1.png) no-repeat;background-size: contain;position: absolute;right: 0;top: 50%;margin-top:-.04rem;transition:.3s;}
.Foor1 .bomBox ul li:hover .tit:before{transform: rotate(360deg);}
.Foor1 .bomBox ul li .con{padding:.2rem 0;position: relative;}
.Foor1 .bomBox ul li .con .des{position: absolute;top: .2rem;left: 0;font-size:.18rem;line-height:.32rem;color:#555;}
.Foor1 .bomBox ul li .con .img{float: right;margin-top:.2rem;position: relative;top: 0;transition:.3s;width: 76.5%;min-height: 2.68rem;line-height:2.68rem;}
.Foor1 .bomBox ul li .con .img img{width: 100%;display: inline-block;}
@media(min-width: 641px){
  .Foor1 .bomBox ul li .con .img{min-height: 3.25rem;line-height:3.25rem;}
}
.Foor1 .bomBox ul li:hover .con .img{top: -.05rem;}
.Foor1 .bomBox .slick-arrow{width: .12rem;height: .2rem;font-size:0;border:none;background: url(../images/ar.png) no-repeat;background-size: contain;position: absolute;top: 50%;margin-top:-.1rem;z-index: 9;left: .3rem;transition:.3s;cursor: pointer;}
.Foor1 .bomBox .slick-arrow.slick-next{left: auto;right: .3rem;transform: rotate(180deg);}
.Foor1 .bomBox .slick-arrow:hover{transform: rotate(360deg);}
.Foor1 .bomBox .slick-arrow.slick-next:hover{transform: rotate(540deg);}

/*Foor2*/
.Foor2{background-repeat:no-repeat;background-size: cover;background-position:center center;padding:.7rem 0 .9rem;color:#fff;text-align: center;}
.Foor2 .txtBox{max-width:8rem;margin: 0 auto;}
.Foor2 .txtBox h3{font-size:.42rem;font-weight:normal;}
.Foor2 .txtBox h5{font-size:.18rem;margin: .1rem 0 .25rem;}
.Foor2 .txtBox p{font-size:.18rem;line-height:.32rem;}
.Foor2 .txtBox .more{display: block;width: 2.4rem;line-height:.5rem;text-align: left;padding-left: .3rem;font-size:.16rem;color:#00489d;position: relative;margin: .5rem auto 0;background: #fff;}
.Foor2 .txtBox .more:before{width: .12rem;height: .08rem;content: '';background: url(../images/i1.png) no-repeat;background-size: contain;position: absolute;right: .3rem;top: 50%;margin-top:-.04rem;transition:.3s;}
.Foor2 .txtBox .more:hover:before{transform: rotate(360deg);}

/*Foor3*/
.Foor3{padding:.9rem 0 1rem;background: url(../images/F1bg.png) no-repeat;background-position:left top; background-size:8.25rem;}
.Foor3 .contBox{margin-top:.5rem;}
.Foor3 .contBox .listBox{float: left;width: 30.56%;}
.Foor3 .contBox .listBox .item{padding-left:.4rem;border-bottom: 1px solid #f5f5f5;}
.Foor3 .contBox .listBox .item h5{line-height:.7rem;font-size:.22rem;position: relative;font-weight:normal;cursor: pointer;transition:.3s;}
.Foor3 .contBox .listBox .item h5:before{width: .28rem;height: .28rem;content: '';background: url(../images/i2.png) no-repeat;background-size: contain;position: absolute;left: -.4rem;top: 50%;margin-top:-.14rem;transition:.3s;}
.Foor3 .contBox .listBox .item p{font-size:.16rem;line-height:2em;padding-bottom:.2rem;display: none;}
.Foor3 .contBox .listBox .item.show p{display: block;}
.Foor3 .contBox .listBox .item.show h5{color:#00489d;}
.Foor3 .contBox .listBox .item.show h5:before{background-image: url(../images/i2_a.png);}
.Foor3 .contBox .imgBox{float: right;width: 65.278%;}
.Foor3 .contBox .imgBox li{display: none;}
.Foor3 .contBox .imgBox li.on{display: block;}

/*Foor4*/
.Foor4{padding:1rem 0;background-repeat: no-repeat;background-size: cover;background-position: center center;color:#fff;}
.Foor4 .topBox{margin-bottom:1rem;}
.Foor4 .idxtit{float: left;width: 38%;}
.Foor4 .navsld{float: right;width: 60%;}
.Foor4 .navsld .slick-list{padding-bottom:.15rem;}
.Foor4 .navsld li{font-size:.16rem;line-height:.3rem;/*height: .8rem;*/transition:.3s;border-radius:.08rem;margin: 0 .14rem;position: relative;}
.Foor4 .navsld li span{ display: block; padding:.1rem .05rem;text-align: center;}
.Foor4 .navsld li:before{width: 0;height: .03rem;content: '';background: #00489d;position: absolute;bottom: -.12rem;left: 50%;transform: translateX(-50%);transition:.3s;}
.Foor4 .navsld li.slick-current{background: #00489d;}
.Foor4 .navsld li.slick-current:before{width: 80%;}
.Foor4 .slideBox{}
.Foor4 .slideBox h5{font-size:.4rem;margin: .2rem 0;}
.Foor4 .slideBox p{font-size:.16rem;line-height:2em;padding-left:.25rem;position: relative;}
.Foor4 .slideBox p:before{width: .08rem;height: .08rem;content: '';background: #00489d;border-radius:50%;border:.03rem solid #fff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.Foor4 .slideBox .idxmore{margin-top:.5rem;}




/*Foor5*/
.Foor5 .newslide{margin-top:.5rem;position: relative;}
.Foor5 .newslide ul{margin: 0 -.15rem;}
.Foor5 .newslide li{margin: 0 .15rem;}
.Foor5 .newslide li .imgBox{overflow: hidden;}
.Foor5 .newslide li .imgBox figure{padding-bottom:3.06rem;background-repeat:no-repeat;background-size: cover;background-position:center center;transition:.3s;}
.Foor5 .newslide li .txtBox{padding:.2rem .25rem .3rem;background: #f3f6fa;}
.Foor5 .newslide li .txtBox time{font-size:.16rem;font-weight:bold;color:#00489d;display: block;margin-bottom:.1rem;}
.Foor5 .newslide li .txtBox h5{font-size:.22rem;line-height:.32rem;min-height: .64rem;font-weight:normal;}
.Foor5 .newslide li:hover .imgBox figure{transform: scale(1.1, 1.1);}
.Foor5 .newslide .slick-arrow{width: .12rem;height: .2rem;font-size:0;border:none;background: url(../images/ar.png) no-repeat;position: absolute;top: 50%;margin-top:-.1rem;z-index: 9;left: -.3rem;transition:.3s;cursor: pointer;background-size: contain;}
.Foor5 .newslide .slick-arrow.slick-next{left: auto;right: -.3rem;transform: rotate(180deg);}
.Foor5 .newslide .slick-arrow:hover{transform: rotate(360deg);}
.Foor5 .newslide .slick-arrow.slick-next:hover{transform: rotate(540deg);}

/*bomContact*/
.bomContact{background: url(../images/bcBG.jpg) no-repeat;background-size: cover;background-position:center center;padding:.6rem 0;color:#fff;}
.bomContact .txtBox{max-width:5.4rem;margin: 0 auto;text-align: center;}
.bomContact .txtBox h3{font-size:.42rem;font-weight:normal;}
.bomContact .txtBox h5{font-size:.18rem;}
.bomContact .txtBox .more{display: block;width: 2.7rem;line-height:.5rem;text-align: left;padding-left: .3rem;font-size:.16rem;color:#00489d;position: relative;margin: .25rem auto 0;background: #fff;}
.bomContact .txtBox .more:before{width: .12rem;height: .08rem;content: '';background: url(../images/i1.png) no-repeat;background-size: contain;position: absolute;right: .3rem;top: 50%;margin-top:-.04rem;transition:.3s;}
.bomContact .txtBox .more:hover:before{transform: rotate(360deg);}

/*bottom*/
.bottom{background: #111;}
.bottom .bomTop{padding:.6rem 0 .3rem;border-bottom: 1px solid rgba(255,255,255,.08);}
.bottom .bomTop .leftDes{float: left;width: 33.5%;}
.bottom .bomTop .leftDes .desBox{margin-bottom:.2rem;}
.bottom .bomTop .leftDes .desBox h5{font-size:.18rem;color:#fff;margin-bottom:.2rem;}
.bottom .bomTop .leftDes .desBox p{font-size:.15rem;line-height:.36rem;color:#ccc;opacity: .5;position: relative;padding-left:.3rem;}
.bottom .bomTop .leftDes .desBox p:before{width: .18rem;height: .18rem;content: '';position: absolute;left: 0;top: 50%;margin-top:-.09rem;}
.bottom .bomTop .leftDes .desBox p.mal:before{background: url(../images/mal.png) no-repeat;background-size: contain;}
.bottom .bomTop .leftDes .desBox p.pho:before{background: url(../images/pho.png) no-repeat;background-size: contain;}
.bottom .bomTop .leftDes .desBox p.add:before{background: url(../images/add.png) no-repeat;background-size: contain;}
.bottom .bomTop .leftDes .focusBox h5{font-size:.18rem;font-weight:normal;margin-bottom:.15rem;color:#fff;}
.bottom .bomTop .leftDes .focusBox li{float: left;margin-right:.15rem;position: relative;}
.bottom .bomTop .leftDes .focusBox li .code{padding:.02rem;border-radius:.05rem;background: #fff;position: absolute;top: -.5rem;left: 50%;transform: translateX(-50%);width: 1rem;opacity: 0;transition:.3s;}
.bottom .bomTop .leftDes .focusBox li a{ opacity:.8; display: block;width: .3rem;height: .3rem;transition:.3s;}
.bottom .bomTop .leftDes .focusBox li a:hover{ opacity:1;}
.bottom .bomTop .leftDes .focusBox li.wx:hover .code{ top: -1.1rem; opacity: 1;}
.bottom .bomTop .leftDes .focusBox li.wx a{background: url(../images/wx.png) no-repeat;background-size: contain;}
.bottom .bomTop .leftDes .focusBox li.wb a{background: url(../images/wb.png) no-repeat;background-size: contain;}
.bottom .bomTop .leftDes .focusBox li.dy a{background: url(../images/dy.png) no-repeat;background-size: contain;}
.bottom .bomTop .leftDes .focusBox li.fb a{background: url(../images/fb.png) no-repeat;background-size: contain;}
.bottom .bomTop .leftDes .focusBox li.tw a{background: url(../images/tw.png) no-repeat;background-size: contain;}
.bottom .bomTop .leftDes .focusBox li.yt a{background: url(../images/yt.png) no-repeat;background-size: contain;}
.bottom .bomTop .leftDes .focusBox li.in a{background: url(../images/in.png) no-repeat;background-size: contain;}
.bottom .bomTop .bomNav{float: right;width: 66.5%;}
.bottom .bomTop .bomNav dl{float: left;margin-left:.35rem;}
.bottom .bomTop .bomNav dl dt{margin-bottom:.25rem;}
.bottom .bomTop .bomNav dl dt a{font-size:.16rem;color:#f3f6fa;}
.bottom .bomTop .bomNav dl a{display: block;line-height:.36rem;font-size:.13rem;color:#ccc;opacity: .5;}
.bottom .bomTop .bomNav dl a:hover{color:#fff;opacity: 1;}
.bottom .Bombom{color: rgba(243,246,250,.5);padding: .25rem 0;}
.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:#fff;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(243,246,250,.5);}
.bottom .Bombom li a:hover{color: #fff;}


/*innerBan*/
.innerBan{position: relative;}
.innerBan .Banbox{padding-bottom:4.5rem;background-repeat:no-repeat;background-size: cover;background-position:center center;}
.innerBan .txtBox{position: absolute;bottom: 30%;color:#fff;width: 100%;left: 0;}
.innerBan .txtBox .w1440{max-width:1200px;text-align: right;}
.innerBan .txtBox h5{font-size:.48rem;margin-bottom: .1rem;}
.innerBan .txtBox p{text-transform: uppercase;}

/*menuLocat*/
.menuLocat{line-height:.8rem;background: #f3f6fa;margin-bottom:.8rem;}
.menuLocat .menu{float: left;}
.menuLocat .menu li{float: left;margin-right:.4rem;}
.menuLocat .menu li a{font-size:.18rem;color:#7790ad;transition:.3s;display: block;}
.menuLocat .menu li a:hover,
.menuLocat .menu li.on a{font-weight:bold;color:#00489d;}
.menuLocat .locatBox{float: right;}
.menuLocat .locatBox p{position: relative;padding-left:.15rem;color:#7790ad;}
.menuLocat .locatBox p:before{width: .09rem;height: .09rem;content: '';background: url(../images/home.png) no-repeat;background-size: contain;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.menuLocat .locatBox p a{color:#7790ad;}
.menuLocat.promenu{background: none;margin-bottom:0;}
.Menu{margin-bottom: .8rem;}
.Menu dl{font-size: 0;text-align: center;margin: auto;}
.Menu dl dd{display: inline-block;margin-right: 10px;line-height: .45rem;}
.Menu dl dd a{display: block;width: 1.8rem;height: .45rem;font-size: .16rem;color: #00489d;background-color: #f3f6fa;}
.Menu dl dd:last-child{margin-right: 0;}
.Menu dl dd.on a{background-color: #00489d;color: #fff;}
@media screen and (max-width:768px){
  .Menu dl dd{width: 32%;margin-right: 2%;margin-bottom: 2%;}
  .Menu dl dd:nth-of-type(3n){margin-right: 0;}
  .Menu dl dd a{width: 100%;}
}
/*产品*/
.proWarp{padding-bottom:.9rem;}
.proWarp .leftNav{float: left;width: 16%;}
.proWarp .leftNav h5{font-size:.24rem;color:#00489d;padding-bottom:.15rem;border-bottom:.04rem solid #f3f6fa;}
.proWarp .leftNav .Lnav{padding:0 .1rem .2rem;border-bottom:.04rem solid #f3f6fa;margin-bottom:.45rem;}
.proWarp .leftNav .Lnav li a{display: block;line-height:.58rem;position: relative;color:#00489d;opacity: .8;font-size:.18rem;transition:.3s;}
.proWarp .leftNav .Lnav li a:before{width: .06rem;height: .1rem;background: url(../images/i3.png) no-repeat;background-size: contain;right: 0;top: 50%;transform: translateY(-50%);opacity: .8;content: '';position: absolute;}
.proWarp .leftNav .Lnav li a:hover{opacity: 1;}
.proWarp .leftNav .Lnav li.on a{font-weight:bold;opacity: 1;}
.proWarp .leftNav .Lnav li.on a:before{opacity: 1;}
.proWarp .leftNav .Lsel #selscale{margin-top:.2rem;border-bottom:.04rem solid #f3f6fa;padding-bottom:.2rem;}
.proWarp .leftNav .Lsel #selscale .item{font-size:.16rem;color:#00489d;line-height:.4rem;}
.proWarp .leftNav .Lsel #selscale .item label{margin-left:.1rem;}
.proWarp .proList{float: right;width: 80%;}
.proWarp .proList .item{margin-bottom:.35rem;}
.proWarp .proList .tit{font-size:.24rem;font-weight:bold;color:#00489d;padding-bottom:.1rem;border-bottom:.04rem solid #f3f6fa;}
.proWarp .proList li{margin-top:.2rem;float: left;width: 32%;margin-right:2%;}
.proWarp .proList li:nth-child(3n){margin-right:0;}
.proWarp .proList li .imgBox{background: #e9eef4;padding:0 2%;}
.proWarp .proList li .imgBox figure{padding-bottom:2.4rem;background-repeat:no-repeat;background-size: contain;background-position:center center;transition:.3s;}
.proWarp .proList li .txtBox{padding:.3rem .2rem .4rem;background: #f9fbfd;}
.proWarp .proList li .txtBox h5{font-size:.18rem;color:#00489d;margin-bottom:.1rem;position: relative;}
.proWarp .proList li .txtBox h5:before{width: .12rem;height: .08rem;content: '';background: url(../images/i1.png) no-repeat;background-size: contain;position: absolute;right: 0;top: 50%;margin-top:-.04rem;transition:.3s;}
.proWarp .proList li .txtBox .des{font-size:.16rem;line-height:.28rem;color:#555555;height: .84rem;overflow: hidden;}

.proWarp .proList li:hover .txtBox h5:before{transform: rotate(360deg);}
.proWarp .proList li:hover .imgBox figure{transform: scale(1.1, 1.1);}

/*产品详情*/
.proinF1{}
.proinF1 .proDes{padding:0 1rem .7rem;background: #f3f6fa;margin-bottom:.45rem;}
.proinF1 .proDes h1{line-height:.94rem;margin-bottom:.15rem;font-size:.3rem;color:#1651a4;border-bottom:1px solid #dedede;padding-top: .25rem;}
.proinF1 .proDes p{font-size: .16rem;line-height:.36rem;color:#666;margin-bottom:.3rem;}
.proinF1 .desTab{margin-bottom:1rem;}
.proinF1 .desTab .hd{border-bottom:.04rem solid #f3f6fa;padding-bottom:.1rem;margin-bottom:.5rem;}
.proinF1 .desTab .hd ul{padding:0 1rem;}
.proinF1 .desTab .hd li{float: left;margin-right:.9rem;cursor: pointer;}
.proinF1 .desTab .hd li a{font-size:.24rem;font-weight:bold;color:#7790ad;transition:.3s;}
.proinF1 .desTab .hd li:hover a,
.proinF1 .desTab .hd li.on a{color:#1651a4;}
.proinF1 .desTab .bd{padding:0 1rem;}
.proinF1 .desTab .bd .imgBox{display: inline-block;vertical-align: middle;width: 49%;}
.proinF1 .desTab .bd .slider-for{  width:90%; border:solid 1px #dcdfe6;}
.proinF1 .desTab .bd .slider-nav{ margin-top:.2rem; width:90%;}
.proinF1 .desTab .bd .slider-nav .slick-arrow{font-size:0;border-radius:50%;border:none; width:.4rem; height: .4rem;position: absolute;top: 50%;margin-top:-.2rem;z-index: 9;cursor: pointer;transition:.3s;}
.proinF1 .desTab .bd .slider-nav .slick-prev{background:url(../images/arrow2.png) no-repeat;background-size: contain; left:-.5rem;}
.proinF1 .desTab .bd .slider-nav .slick-prev:hover{background:url(../images/arrow2_a.png) no-repeat;transform: rotate(180deg);background-size: contain;}
.proinF1 .desTab .bd .slider-nav .slick-next{transform: rotate(180deg);background:url(../images/arrow2.png) no-repeat;background-size: contain;right:-.5rem;}
.proinF1 .desTab .bd .slider-nav .slick-next:hover{background:url(../images/arrow2_a.png) no-repeat;transform: rotate(0);background-size: contain;}
.proinF1 .desTab .bd .txtBox .oaBox{max-height: 3.1rem;overflow-y: auto;padding-right:.6rem;}
.proinF1 .desTab .bd .txtBox .oaBox::-webkit-scrollbar {width: .03rem;height: 1px;}
.proinF1 .desTab .bd .txtBox .oaBox::-webkit-scrollbar-thumb {border-radius: .03rem;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #00489d;}
.proinF1 .desTab .bd .txtBox .oaBox::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: .03rem;background: #f3f6fa;}
.proinF1 .desTab .bd .slider-nav .slick-track{ margin-left:0;}
.proinF1 .desTab .bd .slider-for .item figure{ width:4.8rem; padding-bottom:4.8rem; background-repeat:no-repeat; background-position:center center;background-size: contain; margin:0 auto;}
.proinF1 .desTab .bd .slider-nav .item{ padding:.05rem;}
.proinF1 .desTab .bd .slider-nav .item figure{border:solid 1px #dcdfe6; padding-bottom:100%; background-repeat:no-repeat; background-size:contain; background-position:center center; margin:0 auto;}
.proinF1 .desTab .bd .slider-nav .item.slick-current figure{ border-color:#00489d;}
.proinF1 .desTab .bd .txtBox{display: inline-block;vertical-align: top;width: 50%;}
.infotit{font-size:.28rem;color:#1651a4;font-weight:normal;line-height:1;border-left: .05rem solid #e60012;padding-left:.1rem;margin-bottom:.3rem;}
.proinF1 .desTab .bd .txtBox .oaBox{max-height: 5.5rem;overflow-y: auto;padding-right:.6rem;}
.proinF1 .desTab .bd .txtBox .oaBox::-webkit-scrollbar {width: .03rem;height: 1px;}
.proinF1 .desTab .bd .txtBox .oaBox::-webkit-scrollbar-thumb {border-radius: .03rem;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #00489d;}
.proinF1 .desTab .bd .txtBox .oaBox::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: .03rem;background: #f3f6fa;}
.proinF1 .desTab .bd .txtBox .item{margin-bottom:.25rem;}
.proinF1 .desTab .bd .txtBox .item h5{font-size:.2rem;color:#1651a4;}
.proinF1 .desTab .bd .txtBox .item p{line-height:.34rem;font-size:.16rem;color:#666;}
.proinF2{background: #f3f6fa;padding:.5rem 0 .8rem;}
.proinF2 .contBox{padding:0 1rem;}
.proinF2 li{float: left;width: 32.5%;margin-right:1.25%;margin-bottom:.1rem;background: #fff;height: 1.2rem;position: relative;font-size:.16rem;color:#00489d;font-weight:bold;line-height:.24rem;}
.proinF2 li p{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;padding:0 .55rem;}
.proinF2 li p:before{width: .05rem;height: .07rem;content: '';background: url(../images/i5.png) no-repeat;background-size: contain;position: absolute;left: .3rem;top: 50%;transform: translateY(-50%);}
.proinF2 li:nth-child(3n){margin-right:0;}
// .proinF2 li:last-child{margin-right:0;width: 66.25%;}
.features{ padding:.5rem 0 .7rem;}
.features li{background: #f3f6fa;float: left;width: 33.33%;border-right:2px solid #fff;text-align: center;padding:.6rem 0 .45rem;border-bottom:2px solid #fff;}
.features li p,
.features li p a{font-size:.18rem;font-weight:bold;color:#00489d;}
.features .Btnbox{margin-top:.1rem;}
.features .btn{width: 49.5%;float: left;line-height:.8rem;display: block;background: #00489d;color:#fff;text-align: center;}
.features .btn span{padding-left:.45rem;font-size:.18rem;font-weight:bold;position: relative;}
.features .btn.exp span:before{width: .24rem;height: .24rem;content: '';background: url(../images/exp.png) no-repeat;background-size: contain;position: absolute;left: 0;top: 50%;margin-top:-.12rem;transition:1s;}
.features .btn.buy{float: right;}
.features .btn.buy span:before{width: .25rem;height: .24rem;content: '';background: url(../images/buy.png) no-repeat;background-size: contain;position: absolute;left: 0;top: 50%;margin-top:-.12rem;transition:1s;}
.features .btn:hover span:before{transform: rotate(360deg);}
.comparison{ padding-top:.5rem; margin-bottom:1rem;}
.comparison .tabBox{}
.comparison .tabBox table{border-collapse: collapse;line-height:.8rem;width: 100%;}
.comparison .tabBox table th{background: #00489d;color:#fff;font-size:.18rem;font-weight:bold;border:.02rem solid #fff;}
/*.comparison .tabBox table th:nth-of-type(1){width: 120px;}*/
.comparison .tabBox table tr{background: #f9fbfd;}
.comparison .tabBox table tr:nth-child(2n){background: #f3f6fa;}
.comparison .tabBox table td{text-align: center;font-size:.18rem;color:#00489d;border:.02rem solid #fff;}
.comparison .tabBox table td:first-child{text-align: left;padding-left:.2rem;}
.css-2 table th:nth-child(1),
.css-2 table td:nth-child(1){ width: 1.4rem;color:#fff;background:#00489d;}
.css-2 table tr:nth-child(2) td:nth-child(1),
.css-2 table tr:nth-child(3) td:nth-child(1){ color:#00489d;background:#f3f6fa;}
.css-2 table tr:nth-child(3) td:nth-child(1){ background:#f9fbfd;}
.css-2.tabBox table td {text-align: center;font-size:.16rem;}


.proinF4{background: #f3f6fa;padding:.8rem 0 1.2rem;}
.proinF4 h3{text-align: center;font-size:.32rem;font-weight:normal;color:#1651a4;}
.Foor5.proinF4 .newslide li .txtBox{background: #fff;}
@media screen and (max-width:768px){
.comparison .tabBox{overflow-y: hidden;}
.comparison .tabBox table{width: 1220px;}
}
/*解决方案*/
.soluList{}
.soluList li{float: left;width: 32%;margin-right:2%;margin-bottom:2%;}
.soluList li:nth-child(3n){margin-right:0;}
.soluList li .imgBox{overflow: hidden;}
.soluList li .imgBox figure{padding-bottom:3.06rem;background-repeat:no-repeat;background-size: cover;background-position:center center;transition:.3s;}
.soluList li .txtBox{padding:.3rem;background: #f3f6fa;}
.soluList li .txtBox h5{font-size:.2rem;line-height:.3rem;min-height: .6rem;margin-bottom:.1rem;}
.soluList li .txtBox p{font-size:.16rem;line-height:.28rem;min-height: 1.12rem;color:#666;}
.soluList li .txtBox span{display: inline-block;padding-right:.3rem;position: relative;font-size:.16rem;color:#00489d;margin-top:.3rem;}
.soluList li .txtBox span:before{width: .12rem;height: .08rem;content: '';background: url(../images/i1.png) no-repeat;background-size: contain;position: absolute;right: 0;top: 50%;margin-top:-.04rem;transition:.3s;}
.soluList li:hover .imgBox figure{transform: scale(1.1, 1.1);}
.soluList li:hover .txtBox span:before{transform: rotate(360deg);}

/*详情*/
.solutit{text-align: center;padding-bottom:.12rem;position: relative;font-size:.28rem;color:#1651a4;margin-bottom:.4rem;}
.solutit:before{width: .25rem;height: .05rem;content: '';background: #e60012;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.soluValue{padding-top:.3rem;margin-bottom:.8rem;}
.soluValue li{float: left;width: 23.5%;margin-right:2%;background: #f3f6fa;padding:.6rem .4rem .45rem .45rem;}
.soluValue li:nth-child(4n){margin-right:0;}
.soluValue li .iconB{max-width:.55rem;margin-bottom:.1rem;transition:.3s;}
.soluValue li h5{font-size:.2rem;color:#1651a4;margin-bottom:.3rem;height: 0.7rem;}
.soluValue li .des{height: 2.7rem;font-size:.16rem;color:#666666;line-height:.3rem;overflow: hidden;}
.soluValue li:hover .iconB{transform: rotateY(180deg);}
.soluAdvan{background: #f3f6fa;padding:.55rem 0 .8rem;}
.soluAdvan li{float: left;width: 32%;margin-right:2%;background: #fff;padding:.5rem .4rem .4rem .5rem;}
.soluAdvan li:nth-child(3n){margin-right: 0;}
.soluAdvan li .iconB{max-width:.55rem;margin: 0 auto;transition:.5s;}
.soluAdvan li h5{text-align: center;font-size:.18rem;color:#00489d;margin: .1rem 0 .2rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: .52rem;line-height:.26rem;white-space: unset;}
.soluAdvan li .des{height: 3.3rem;font-size:.16rem;color:#666666;line-height:.3rem;overflow: hidden;}
.soluAdvan li:hover .iconB{transform: rotate(360deg);}
.soluFrame{background: #bccce1;padding:.55rem 0 .8rem;text-align: center;}
.soluFrame .imgBox img{height: auto;}
.succRecom{padding:.6rem 0 1rem;}
.succRecom li{float: left;width: 32%;margin-right:2%;margin-bottom:2%;}
.succRecom li:nth-child(3n){margin-right:0;}
.succRecom li .imgBox{overflow: hidden;}
.succRecom li .imgBox figure{padding-bottom:3.06rem;background-repeat:no-repeat;background-size: cover;background-position:center center;transition:.3s;}
.succRecom li h5{padding:.3rem;background: #f3f6fa;font-size:.22rem;font-weight:normal;}
.succRecom li:hover .imgBox figure{transform: scale(1.1, 1.1);}
.succInfo{}
.succInfo .titBox{text-align: center;padding-bottom:.3rem;border-bottom:1px solid #eee;margin-bottom:.6rem;}
.succInfo .titBox h1{font-size:.36rem;font-weight:normal;margin-bottom:.15rem;}
.succInfo .titBox time{font-size:.16rem;color:#999999;}
.succInfo .desBox{font-size:.16rem;color:#666;line-height:.36rem;padding-bottom:.6rem;border-bottom:1px solid #eee;}
.succInfo .desBox .imgBox{text-align: center;margin:.5rem 0;}
.succInfo .desBox h5{font-size:.24rem;font-weight:normal;margin-bottom:.2rem;color:#333;}
.succInfo .desBox img{/*width:auto !important;*/max-width:100% !important;height:auto !important;}

/*页码*/
.PageBox{padding:.2rem 0;}
.PageBox .Pages{text-align:center;}
.PageBox .Pages a{color:#999;font-size:.16rem;margin:0 .05rem;transition:all .5s;width: .3rem;line-height:.3rem;border-radius:50%;display:inline-block;vertical-align: middle;background: #f3f6fa;}
.PageBox .Pages a:hover,
.PageBox .Pages a.a_cur{background:#00489d;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/arrow2.png) no-repeat;background-size: contain;}
.PageBox .Pages a.a_prev:hover{background:url(../images/arrow2_a.png) no-repeat;transform: rotate(180deg);background-size: contain;}
.PageBox .Pages a.a_next{position: relative;font-size: 0;transform: rotate(180deg);background:url(../images/arrow2.png) no-repeat;background-size: contain;}
.PageBox .Pages a.a_next:hover{background:url(../images/arrow2_a.png) no-repeat;transform: rotate(0);background-size: contain;}
@media screen and (min-width:768px){
  .PageBox{padding: .7rem 0;}
  .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;}
}
/*页码*/


/*文档中心*/
.archiveList{padding-bottom: .8rem;}
.archiveList .itemBox{margin-bottom:.4rem;}
.archiveList .itemBox .titBox{padding-bottom:.1rem;border-bottom:.04rem solid #f3f6fa;position: relative;margin-bottom:.25rem;}
.archiveList .itemBox ul{max-height: 480px;overflow-x: hidden;}
.archiveList .itemBox .titBox h3{font-size:.24rem;color:#00489d;}
.archiveList .itemBox .titBox .more{ display: none; cursor: pointer; position: absolute;padding-right:.18rem;font-size:.16rem;color:#00489d;right: 0;top: .05rem;}
.archiveList .itemBox .titBox .more:before{width: .12rem;height: .08rem;content: '';background: url(../images/i1.png) no-repeat;background-size: contain;position: absolute;right: 0;top: 50%;margin-top:-.04rem;transition:.3s;}
.archiveList .itemBox .titBox .more:hover:before{transform: rotate(360deg);}
.archiveList .itemBox .titBox .more .open-up{ display:block;}
.archiveList .itemBox .titBox .more .take-back{ display:none;}
.archiveList .itemBox .titBox .more.active .take-back{ display: block;}
.archiveList .itemBox .titBox .more.active .open-up{ display: none;}
.archiveList .itemBox .titBox .more.active,
.archiveList .itemBox.hide .titBox .more{display: block;}

.archiveList .itemBox.hide ul li{ display: none;}
.archiveList .itemBox ul li,
.archiveList .itemBox.hide ul li:nth-child(1),
.archiveList .itemBox.hide ul li:nth-child(2),
.archiveList .itemBox.hide ul li:nth-child(3),
.archiveList .itemBox.hide ul li:nth-child(4),
.archiveList .itemBox.hide ul li:nth-child(5),
.archiveList .itemBox.hide ul li:nth-child(6),
.archiveList .itemBox.hide ul li:nth-child(7),
.archiveList .itemBox.hide ul li:nth-child(8){ display:inline;}
.archiveList .itemBox li{float: left;width: 24%;margin-right:1.33%;margin-bottom:1.33%;background: #f3f6fa;padding:.2rem 1.2rem .3rem .45rem;position: relative;}
.archiveList .itemBox li:nth-child(4n){margin-right:0;}
.archiveList .itemBox li p{font-size:.16rem;line-height:.28rem;min-height: .56rem;}
.archiveList .itemBox li:before{width: .05rem;height: .07rem;content: '';background: url(../images/i5.png) no-repeat;background-size: contain;position: absolute;left: .3rem;top: .3rem;}
.archiveList .itemBox li:after{width: .34rem;height: .4rem;content: '';background: url(../images/i6.png) no-repeat;background-size: contain;position: absolute;right: .3rem;top: .25rem;opacity: .3;transition:.3s;}
.archiveList .itemBox li:hover:after{ opacity: 1; transform: rotateY(180deg);}

/*软件下载*/
.downTab{}
.downTab table{width: 100%;border-collapse: collapse;}
.downTab table tr{border-bottom: .02rem solid #fff;background: #f3f6fa;line-height:.8rem;}
.downTab table th{background: #00489d;color:#fff!important;font-size:.2rem;font-weight:bold;}
.downTab table td{text-align: center;font-size:.18rem;color:#888888;}
.downTab table td .downBtn{width: .22rem;height: .22rem;display: inline-block;background: url(../images/down.png) no-repeat;background-size: contain;transition:.3s;}
.downTab table td .downBtn:hover{transform: rotateY(180deg);}
.downTab table th:first-child,
.downTab table td:first-child{text-align: left;padding-left:.3rem;color:#333;}
.downTab table td:first-child a{float: right;}

/*服务介绍*/
.proinF1 .proDes li{float: left;width: 32%;margin-right:2%;background: #e0e6ee;padding:.3rem .4rem;}
.proinF1 .proDes li:nth-child(3n){margin-right:0;}
.proinF1 .proDes li .iconB{max-width:.4rem;display: inline-block;vertical-align: middle;transition:.5s;}
.proinF1 .proDes li .textB{display: inline-block;vertical-align: middle;width: calc(100% - .45rem);padding-left: .35rem;}
.proinF1 .proDes li .textB .num{font-weight:bold;font-size:.24rem;color:#00489d;}
.proinF1 .proDes li .textB .num span{font-size:.36rem;}
.proinF1 .proDes li .textB p{margin-bottom:0;font-size:.16rem;color:#00489d;line-height:1;}
.proinF1 .proDes li:hover .iconB{transform: rotateY(360deg);}
.serviceF2{padding:.5rem 0 .8rem;background: #f3f6fa;}
.serviceF2 .des{text-align: center;font-size:.18rem;color:#888;}
.serviceF2 .imgBox{text-align: center;margin-top:.3rem;}
.serviceF3{padding:.6rem 0 .8rem;}
.serviceF3 .slider{}
.serviceF3 .slider ul >div{width: 100%;}
.serviceF3 .slider li{}
.serviceF3 .slider li a{display: block;overflow: hidden;background: #f3f6fa;border-right:.05rem solid #fff;}
.serviceF3 .slider li figure{padding-bottom:1rem;background-repeat:no-repeat;background-size: contain;background-position:center center;transition:.3s;}
.serviceF3 .slider li a:hover figure{transform: scale(1.1, 1.1);}
.serviceF3 .slick-dots{text-align: center;width: 100%;margin-top:.45rem;}
.serviceF3 .slick-dots li{display: inline-block;width: .16rem;height: .04rem;background: #e0e6ee;border-radius:.04rem;transition:.3s;margin: 0 .075rem;}
.serviceF3 .slick-dots li.slick-active{background:#e60013;width: .3rem;}
.serviceF3 .slick-dots li button{display: none;}
.serviceF2 table{border-collapse: collapse;line-height:.8rem;width: 100%;}
.serviceF2 table th{background: #00489d;color:#fff;font-size:.18rem;font-weight:bold;border:.02rem solid #fff;}
.serviceF2 table tr{background: #f9fbfd;}
.serviceF2 table tr:nth-child(2n){background: #f3f6fa;}
.serviceF2 table td{text-align: center;font-size:.18rem;color:#00489d;border:.02rem solid #fff;}
.serviceF2 table td:first-child{text-align: left;padding-left:.2rem;}
/*常见问题*/
.questionList{}
.questionList .list{margin-bottom:.1rem;}
.questionList .list .Q{line-height:.8rem;padding:0 .7rem 0 .3rem;font-size:.2rem;background: #f3f6fa;position: relative;transition:.3s;cursor: pointer;}
.questionList .list .Q:before{width: .12rem;height: .2rem;content: '';background: url(../images/ar.png) no-repeat;background-size: contain!important;position: absolute;right: .3rem;top: 50%;margin-top:-.1rem;transition:.3s;transform: rotate(90deg);}
.questionList .list .A{padding:.4rem .3rem;background: #fff;font-size:.16rem;line-height:.36rem;color:#666;display: none;}
.questionList .list .Q:hover,
.questionList .list.show .Q{background: #00489d;color:#fff;}
.questionList .list .Q:hover:before,
.questionList .list.show .Q:before{background: url(../images/ar2.png) no-repeat;transform: rotate(270deg);}
.questionList .list.show{box-shadow:0 0 .15rem rgba(19,87,145,.15);}

/*新闻中心*/
.newsList{}
.newsList li{padding:.4rem 0;border-bottom:1px solid #eee;position: relative;}
.newsList li:first-child{padding-top:0;}
.newsList li .imgBox{display: inline-block;width: 3.2rem;vertical-align: middle;overflow: hidden;transition:.3s;}
.newsList li .imgBox figure{padding-bottom:2.14rem;background-repeat:no-repeat;background-size: cover;background-position:center center;transition:.3s;}
.newsList li .txtBox{display: inline-block;vertical-align: middle;width: 9.7rem;padding: .2rem .95rem;border-right:1px solid #eee;}
.newsList li .txtBox h5{font-size:.2rem;margin-bottom:.2rem;}
.newsList li .txtBox p{font-size:.16rem;line-height:.36rem;color:#666;}
.newsList li .timeB{position: absolute;top: 50%;transform: translateY(-50%);right: 0;text-align: right;}
.newsList li .timeB span{font-size:.56rem;font-weight:bold;color:#666;}
.newsList li .timeB p{font-size:.16rem;color:#999;margin-top:.1rem;}
.newsList li:hover .imgBox{box-shadow:0 0 .2rem rgba(19,87,145,.15);}
.newsList li:hover .imgBox figure{transform: scale(1.1, 1.1);}

/*详情*/
.succInfo .pn-page{margin:.5rem 0 .9rem;}
.succInfo .pn-page aside{padding: .05rem 0;}
.succInfo .pn-page aside a{color: #666;font-size:.16rem;}
.succInfo .pn-page aside a:hover{color:#00489d;}
@media(min-width:1025px){
.succInfo .pn-page{min-height: .24rem; position: relative;padding-right: 2rem;}
.succInfo .pn-page .operating{position: absolute;right: 0; top: 50%; transform: translateY(-50%);}
.succInfo  .operating a{float: left;}
}

/*公司简介*/
.pftit{text-align:center;}
.pftit h5{font-size:.36rem;color:#00489d;margin-bottom:.1rem;}
.pftit p{font-size:.18rem;color:#555;text-transform: uppercase;}
.comProfile{background: url(../images/hisBG.jpg) no-repeat;background-size: cover;background-position:bottom center;}
.profileF1 .pftit{text-align: left;}
.profileF1 .contBox{margin-top:.4rem;}
.profileF1 .contBox .leftBox{font-size:.16rem;line-height:.28rem;float: left;width: 60%;}
.profileF1 .contBox .rightBox{float: right;width: 28%;}
.profileF1 .contBox .rightBox .item{margin-bottom:.15rem;font-size:.16rem;line-height:.32rem;}
.profileF1 .contBox .rightBox .item h5{font-size:.22rem;color:#00489d;}
.profileVideo{position: relative;margin: 1rem 0;}
.profileVideo .imgBox{background-repeat:no-repeat;background-size: cover;background-position:center center;padding-bottom:5rem;}
.profileVideo .vidBox .play{position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%);transition:.3s;font-size:.2rem;font-weight:bold;color:#fff;}
.profileVideo .vidBox .play .playBtn{width:.5rem;height: .5rem;background:url(../images/play.png) no-repeat;background-size: contain;display: block;margin: 0 auto .1rem;}
.profileVideo .vidBox .play:hover{top: 48%;}
.profileVideo .vidBox .videoBox{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: none;}
.profileVideo .vidBox .videoBox .closBtn{width: .21rem;height: .21rem;display: block;position: absolute;top: 25px;right:25px;background:url(../images/col.png) no-repeat;background-size: contain;z-index: 99;transition:.3s;}
.profileVideo .vidBox .videoBox .closBtn:hover{transform: rotate(90deg);}
.profileVideo .vidBox .videoBox video{width: 100%;height: 100%;background-color:rgba(0,0,0,.9);}

.Hisdevelop{padding-bottom: 1.3rem;}
.development{ position: relative;margin-top:.5rem;padding:0 1rem;}
.development:before{ content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #00489d; z-index: 0;}
.development .slick-list{ padding-left: 10px;}
.development .list{ height: 3.335rem; padding-top: 1.7rem; transition: all 0.2s;}

.development .list:nth-child(2n){ padding-bottom: 1.7rem; padding-top: 0;}
.development .inner{ position: relative; width: 180%; z-index: 10;}
.development .list .ytable{ height: 1.6rem; position: relative;}
.development .list .ytable-cell{ vertical-align: bottom; width: 100%;}
.development .list:nth-child(2n-1) .ytable-cell{ vertical-align: top; }
.development .list li{ padding: 5px 0;height: .6rem;overflow: hidden;font-size:.14rem;}
.development .list li .txt{line-height: .24rem; color: #333333;}
.development .list time{ position: absolute; left: .4rem; bottom: 0; font-size: .46rem; color: #778e9d; font-family: 'Roboto-Medium'; opacity: .2; transition:all .5s;}
.development .list:nth-child(2n) time{ top: 0; bottom:auto;}
.development .list .ul .slick-list{ height: auto!important;}
.development .li_con{ padding: .2rem .3rem .8rem; position: relative; border-left: 1px solid #7ea2cd;}
.development .list:nth-child(2n) .li_con{margin-top:0;margin-bottom:.4rem;padding: 1rem .3rem .2rem;}
.development .line{ position: absolute; left: -.1rem; top: -.1rem; width: .2rem; height: .2rem;  background: #fff; border-radius: 100%; z-index: 10;}
.development .line:before{width:.05rem;height: .05rem;content:'';border-radius:50%;background:#778e9d;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.development .list:nth-child(2n) .line{ bottom: -.1rem; top: auto;}
/*.development .slick-cloned{ overflow: hidden;}*/
.development .list{ overflow: hidden;}
.development .slick-active{ overflow: initial; }
.development .slick-slide .inner{ padding-right: .4rem; }
.development .list.slick-active .inner{ padding-right: 0; }
.development .list:hover time,
.development .list.slick-current time{color:#00489d;opacity: 1;}
.development .list:hover .line,
.development .list.slick-current .line{border: 1px solid #00489d;}
.development .list:hover .line:before,
.development .list.slick-current .line:before{background:#00489d;}
.development .list:hover .li_con,
.development .list.slick-current .li_con{border-left: 1px solid #00489d;}
.development .slick-arrow{font-size: 0;border-radius:50%;border:none;width: .4rem;height: .4rem;position: absolute;top: 50%;margin-top:-.2rem;z-index: 9;cursor: pointer;transition:.3s;}
.development .slick-prev{background:url(../images/arrow2.png) no-repeat;background-size: contain;left: 0;}
.development .slick-prev:hover{background:url(../images/arrow2_a.png) no-repeat;transform: rotate(180deg);background-size: contain;}
.development .slick-next{transform: rotate(180deg);background:url(../images/arrow2.png) no-repeat;background-size: contain;right: 0;}
.development .slick-next:hover{background:url(../images/arrow2_a.png) no-repeat;transform: rotate(0);background-size: contain;}

@media(max-width:1200px){
    .development_memu li{ padding:.1rem .1rem; }
    .development .list time{ font-size: .6rem;top: 0;bottom: auto;}
    .development .li_con{ padding-top: 1rem;}
    /*.development .list:nth-child(2n) .li_con{ padding-bottom: 1rem;}*/
}
@media(max-width:640px){
.development{ padding:0 .5rem;}
}

/*荣誉资质*/
.honerList{overflow: hidden;}
.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%;}
.PicList002925 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;}
}

/*联系我们*/
.contactWarp{padding-bottom:.8rem;}
.contactWarp .headquarters{background-repeat:no-repeat;background-size: cover;background-position:left center;padding:1.8rem 1rem 1.5rem;color:#fff;}
.contactWarp .headquarters h5{font-size:.3rem;margin-bottom:.2rem;}
.contactWarp .headquarters p{font-size:.16rem;line-height:.3rem;}
.contactWarp .mapList{margin-top:.8rem;}
.contactWarp .mapList li{float: left;width: 45%;padding-bottom:.35rem;border-bottom:.03rem solid rgba(0,72,157,.15);margin-bottom:.8rem;position: relative;padding-right:1rem;}
.contactWarp .mapList li:nth-child(2n){float: right;}
.contactWarp .mapList li h5{font-size:.26rem;color:#00489d;font-weight:normal;line-height:.5rem;}
.contactWarp .mapList li .des{min-height: .52rem;line-height:.26rem;font-size:.16rem;}
.contactWarp .mapList li .openMap{width: .8rem;height: .8rem;background: url(../images/i8.png) no-repeat;background-size: contain;position: absolute;right: 0;top: 50%;margin-top:-.4rem;transition:.5s;}
.contactWarp .mapList li .openMap:hover{transform: rotateY(360deg);}
.contactWarp .mapList li:last-child .openMap{display: none;}

/*加入我们*/
.joinWarp{}
.joinWarp .selesear{margin-bottom:.5rem;}
.joinWarp .selesear .seleBox{width: 50%;float: left;}
.joinWarp .selesear .seleBox .item{width: 3rem;line-height:.6rem;border:.02rem solid #eee;margin-right:.2rem;float: left;padding:0 .2rem;font-size:.16rem;}
.joinWarp .selesear .seleBox .item select{font-size:.16rem;width: calc(100% - .9rem);display: inline-block;}
.joinWarp .selesear .searBox{float: right;line-height:.6rem;font-size:.16rem;}
.joinWarp .selesear .searBox input{width: 4.6rem;border:.02rem solid #eee;padding:0 .2rem;display: inline-block;height: .6rem;font-size:.16rem;}
.joinWarp .selesear .searBox .goSear{width: 2.3rem;text-align: center;color:#fff;background: #00489d;display: inline-block;margin-left:.2rem;}
.joinWarp .tip{font-size:.16rem;color:#999;padding:0 0 .15rem .4rem;}
.joinWarp .tip span{color:#00489d;}
.jobList .type{display:table; width:100%;}
.jobList ol.type{font-size:.16rem;font-weight:bold;border-top:.02rem solid #333;border-bottom:1px solid #e5e5e5; }
.jobList .type li{ display:table-cell; vertical-align:middle;text-align:center; padding-top:.1rem; padding-bottom:.1rem; line-height:.6rem;}
.jobList ul.type li{cursor:pointer;font-size:.16rem;}
.jobList ul.type.On{background:#00489d;color:#fff;}
.jobList .type li:nth-child(1),
.jobList .type li:nth-child(2),
.jobList .type li:nth-child(3),
.jobList .type li:nth-child(4){width:18.75%;}
.jobList .type li:nth-child(5){ width:25%;}
.jobList .type li:nth-child(1),
.jobList .type li:nth-child(5){ padding-left:.4rem; text-align:left !important;}
.jobList ul.type li:nth-child(5){background:url(../images/icon_close.png) no-repeat 90% center;}
.jobList ul.type.On li:nth-child(5){ background-image:url(../images/icon_open.png);}
.jobList .list{border-bottom:1px solid #e5e5e5;}
.jobList .list .con{ display:none;border-top:1px solid #e5e5e5; overflow:hidden; font-size:.16rem;line-height:.3rem;color:#666666; padding:.3rem .4rem;background:url(../images/jcBG.jpg) no-repeat;background-position:right center;background-size: cover;}
.jobList .list .con .conitem{margin-bottom:.3rem;}
.jobList .list .con strong{font-size:.16rem;color:#00529b;display: inline-block;padding-left:.3rem;position: relative;margin-bottom:.1rem;}
.jobList .list .con strong.duty:before{width: .22rem;height: .2rem;content: '';background: url(../images/i9.png) no-repeat;position: absolute;left: 0;top: 50%;margin-top:-.1rem;background-size: contain;}
.jobList .list .con strong.requ:before{width: .18rem;height: .22rem;content: '';background: url(../images/i10.png) no-repeat;position: absolute;left: 0;top: 50%;margin-top:-.11rem;background-size: contain;}
.jobList .moreBtn{ padding:.6rem 0;font-size:.16rem;}
.jobList .moreBtn span{ color:#0c4faf;}
@media(max-width:1000px){
.jobList .type li:nth-child(3),
.jobList .type li:nth-child(4){ display:none;}
.jobList .type li{ width:33.33% !important;}
}
@media(max-width:768px){
.jobList .type li{ width:24% !important;}
.jobList .type li:nth-child(5){ width:28% !important;}
}
@media(max-width:480px){
.jobList .type li:nth-child(3){ display:none;}
.jobList .type li{ width:30% !important;}
.jobList .type li:nth-child(5){ width:40% !important;}
.jobList ol.type{font-size:15px;}
.jobList ul.type li:nth-child(5){ background-size:16px auto;}
.jobList .list .con{font-size:.14rem;line-height:.22rem;}
}



/***/
/*响应式*/
.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:#00489d; position:absolute; left:0;border-radius:3px;}
.nav_btn span {top:50%; margin-top:-1px;}
.nav_btn span:before {top:-.1rem; transition:all 0.3s ease 0s;}
.nav_btn span:after {bottom:-.1rem; transition:all 0.3s ease 0s;}
.nav_btn.open span {height:0;}
.nav_btn.open span:before {transform:rotate(45deg); top:0;}
.nav_btn.open span:after {transform:rotate(-45deg); bottom:-.02rem;}


@media(max-width:1480px){
    .w1440,.proinF3{padding:0 4%;}
    .bottom .bomTop .bomNav dl{margin-left:.35rem;}
    .bottom .bomTop .bomNav dl:nth-child(4){display: none;}
}


@media(max-width:1024px){
    .top .logo{line-height:.6rem;}
    .nav_btn{display: block;}
    .top .otherBox .nav{position: absolute;width: 50%;top: 100%;background: #fff;right: 0;box-shadow: 0 0 5px rgba(0, 0, 0, .2);padding:.2rem 2%;display: none;}
    .top{background: #fff;}
    .top .logo .after{opacity: 1;}
    .top .otherBox .search{float: right;margin-top:.2rem}
    .top .otherBox .lang{margin-top:.18rem;margin-left:.15rem;}
    .top:not(.oncolor) .otherBox .search >.searBtn{background: url(../images/sear_c.png) no-repeat;background-size: contain;}
    .top:not(.oncolor) .otherBox .nav li >a{color: #333;}
    .top .otherBox .nav>ul>li{float: none;margin-right:0;}
    .top .otherBox .nav>ul>li>a{line-height:.4rem;}
    .top .otherBox .nav>ul>li>a:before{height: .02rem;}
    .top .otherBox .nav li .nav_sub{position: static;transform: translateX(0);padding:.1rem;width: 100%;}
    .top .otherBox .nav li .nav_sub a{font-size:.14rem;line-height:.22rem;text-align: left;}
    .banner{padding-top: .83rem;}
    .banner.index figure{padding-bottom:4.5rem;}
    .banner figure{padding-bottom:3rem;}
    .banner .txtBox h5{font-size:.24rem;}
    .banner .txtBox p{font-size:.14rem;}
    .banner .txtBox .more{font-size:.16rem;width: 1.4rem;line-height:.4rem;}
    .Foor1,.Foor3,.Foor4{padding:.5rem 0; background-size:5rem;}
    .Foor4{background-size: cover;}
    .Foor1 .idxtit{float: none;max-width:inherit;}
    .Foor1 .idxtit p{line-height:1.8;}
    .Foor1 .navSlide{float: none;width: 100%;margin-top:.2rem;}
    .Foor1 .navSlide li p{font-size:.14rem;margin-top:.08rem;}
    .Foor1 .bomBox ul li{padding:0 .2rem;}
    .Foor1 .bomBox ul li .con .des{position: static;font-size:.14rem;line-height:.22rem;}
    .Foor1 .bomBox ul li .tit{line-height:.45rem;font-size:.18rem;}
    .idxtit{max-width:80%;}
    .idxtit h5,.Foor2 .txtBox h3,.bomContact .txtBox h3,.innerBan .txtBox h5{font-size:.28rem;}
    .idxtit p,.Foor2 .txtBox p,.bomContact .txtBox h5,.innerBan .txtBox p{font-size:.14rem;}
    .Foor2 .txtBox h5{font-size:.16rem;margin: .1rem 0 .15rem;}
    .Foor2 .txtBox p{line-height:.22rem;}
    .Foor2 .txtBox .more,.bomContact .txtBox .more{margin-top:.25rem;width: 2.3rem;line-height:.4rem;font-size:.14rem;padding-left: .15rem;}
    .Foor2 .txtBox .more:before,.bomContact .txtBox .more:before{right: .1rem;}
    .idxmore{width: 1.6rem;line-height:.45rem;padding-left:.2rem;font-size:.14rem;}
    .idxmore:before{right: .1rem;}
    .Foor3 .contBox .listBox{width: 100%;float: none;margin-bottom:.2rem;}
    .Foor3 .contBox .imgBox{float: none;text-align: center;width: 100%;}
    .Foor3 .contBox .listBox .item{padding-left:.2rem;}
    .Foor3 .contBox .listBox .item h5:before{width: .14rem;height: .14rem;background-size: contain!important;left: -.2rem;margin-top: -.07rem;}
    .Foor3 .contBox .listBox .item h5{line-height: .4rem;font-size:.18rem;}
    .Foor3 .contBox .listBox .item p{font-size:.14rem;line-height:.22rem;}
    .Foor3 .contBox{margin-top:.3rem;}
    .Foor4 .topBox{margin-bottom:.5rem;}
    .Foor4 .idxtit{float: none;margin-bottom: .2rem;width: 100%;}
    .Foor4 .navsld{float: none;width: 100%;}
    .Foor4 .navsld li{font-size:.16rem;}
    .Foor4 .slideBox h5{font-size:.22rem;margin: .1rem 0;}
    .Foor4 .slideBox p{font-size:.14rem;line-height:.22rem;}
    .Foor5 .newslide li .imgBox figure,.soluList li .imgBox figure,.succRecom li .imgBox figure{padding-bottom:2.3rem;}
    .Foor5 .newslide li .txtBox,.soluList li .txtBox{padding:.1rem;}
    .Foor5 .newslide li .txtBox time{font-size:.14rem;}
    .Foor5 .newslide li .txtBox h5,.soluList li .txtBox h5{font-size:.18rem;line-height:.26rem;min-height: .52rem;}
    .bottom .bomTop .bomNav{display: none;}
    .bottom .bomTop .leftDes{float: none;width: 100%;}
    .bottom .Bombom ul{max-width:4rem;margin: 0 auto;float: none;}
    .bottom .Bombom li a{font-size:.14rem;}
    .bottom .Bombom .copy{float: none;text-align: center;font-size:.14rem;}
    .bottom .bomTop{padding:.3rem 0 .15rem;}
    .bottom .bomTop .leftDes .desBox h5{font-size:.16rem;margin-bottom:.1rem;}
    .bottom .bomTop .leftDes .desBox p{font-size:.14rem;line-height:.26rem;}
    .bottom .bomTop .leftDes .focusBox h5{font-size:.16rem;margin-bottom:.08rem;}
    .bottom .bomTop .leftDes .focusBox li a{width: .2rem;height: .2rem;background-size: contain!important;}
    .bottom .Bombom{padding:.15rem 0;}
    .Foor4 .navsld .slick-arrow{width: .3rem;height: .3rem;font-size:0;border:none;background: url(../images/ar.png) no-repeat center #fff;position: absolute;top:-35px;margin-top:-.1rem;z-index: 9;right:0.5rem;transition:.3s;cursor: pointer;background-size: 10px;border-radius: 3px;}
    .Foor4 .navsld .slick-arrow.slick-next{left: auto;right:0;transform: rotate(180deg)}

    .Foor5 .newslide .slick-arrow{left: 0;}
    .Foor5 .newslide .slick-arrow.slick-next{right: 0;}
    .innerBan .Banbox{padding-bottom:3.6rem;}
    .menuLocat{line-height:.5rem;}
    .menuLocat .locatBox p{font-size:.14rem;}
    .proWarp .leftNav{float: none;width: 100%;margin-bottom:.3rem;}
    .proWarp .leftNav .Lnav{padding:0;border-bottom:.02rem solid #f3f6fa;margin-bottom:.25rem;}
    .proWarp .leftNav h5,.proWarp .proList .tit{font-size:.18rem;padding-bottom:.08rem;border-bottom:.02rem solid #f3f6fa;}
    .proWarp .leftNav .Lnav li a{line-height:.36rem;font-size:.15rem;}
    .proWarp .leftNav .Lsel #selscale .item{font-size:.14rem;line-height:.28rem;}
    .proWarp .proList{float: none;width: 100%;}
    .proWarp .proList li{width: 49%;}
    .proWarp .proList li:nth-child(3n){margin-right:2%;}
    .proWarp .proList li:nth-child(2n){margin-right:0;}
    .proWarp .proList li .txtBox{padding:.15rem .2rem .2rem;}
    .proWarp .proList li .txtBox .des{font-size:.14rem;height: .66rem;line-height:.22rem;}
    .proWarp{padding-bottom:.5rem;}
    .proinF1 .proDes{padding:0 .2rem .3rem;}
    .proinF1 .proDes h1{line-height:.45rem;font-size:.26rem;padding-top:.15rem;margin-bottom:.08rem;}
    .proinF1 .proDes p{font-size:.14rem;line-height:.24rem;margin-bottom:.15rem;}
    .proinF1 .desTab .hd ul{padding:0 .2rem;}
    .proinF1 .desTab .hd li{margin-right:.3rem;}
    .proinF1 .desTab .hd li a{font-size:.18rem;}
    .proinF1 .desTab .bd{padding:0 .2rem;}
    .infotit{font-size:.22rem;margin-bottom:.15rem;border-left:.02rem solid #e60012}
    .proinF1 .desTab .bd .imgBox{width: 100%;margin-bottom:.2rem;text-align: center;}
    .proinF1 .desTab .bd .txtBox{width: 100%;}
    .proinF1 .desTab .bd .txtBox .oaBox{padding-right:.3rem;}
    .proinF1 .desTab .bd .txtBox .item{margin-bottom:.1rem;}
    .proinF1 .desTab .bd .txtBox .item h5{font-size:.16rem;}
    .proinF1 .desTab .bd .txtBox .item p{font-size:.14rem;line-height:.22rem;}
    .proinF2 .contBox{padding:0;}
    .proinF2 li{font-size:.14rem;line-height:.22rem;}
    .proinF2 li p{padding:0 .2rem;}
    .proinF2 li p:before{left: .1rem;}
    .proinF4{padding:.4rem 0 .8rem;}
    .features li{padding:.3rem 0 .2rem;}
    .features li p{font-size:.14rem;}
    .features .btn{line-height:.5rem;}
    .features .btn span{font-size:.16rem;}
    .comparison .tabBox table{line-height:.22rem;}
    .comparison .tabBox table th,.comparison .tabBox table td{font-size:.14rem;padding:.1rem 0;}
    .proinF4 h3{font-size:.22rem;}
    .menuLocat .menu{float: none;}
    .menuLocat .menu li{margin-right:.3rem;}
    .menuLocat .menu li a{font-size:.16rem;}
    .menuLocat{margin-bottom:.4rem;}
    .soluList li .txtBox p{font-size:.14rem;line-height:.22rem;min-height: .88rem;}
    .soluList li .txtBox span{font-size:.14rem;margin-top:.15rem;padding-right:.2rem;}
    .succRecom li h5{padding:.15rem;font-size:.18rem;}
    .soluValue li,.soluAdvan li{padding:.3rem .15rem .2rem;}
    .soluValue li h5,.soluAdvan li h5{margin-bottom:.1rem;font-size:.18rem;}
    .soluValue li .des,.soluAdvan li .des{font-size:.14rem;line-height:.22rem;}
    .solutit{font-size:.2rem;margin-bottom:.2rem;}
    .soluValue li{margin-bottom:2%;}
    .soluValue li .des{height: 2.64rem;overflow: hidden;}
    .soluAdvan li .des{height: 2.4rem;overflow: hidden;}
    .succInfo .titBox h1{font-size:.24rem;margin-bottom:.08rem;}
    .succInfo .titBox time{font-size:.14rem;}
    .succInfo .titBox{margin-bottom:.3rem;padding-bottom:.15rem;}
    .succInfo .desBox{font-size:.14rem;line-height:.24rem;}
    .succInfo .desBox h5{font-size:.18rem;margin-bottom:.1rem;}
    .succRecom{padding:.3rem 0 .5rem;}
    .archiveList .itemBox li{width: 49%;margin-right:2%;}
    .archiveList .itemBox li:nth-child(2n){margin-right:0;}
    .archiveList .itemBox .titBox h3{font-size:.2rem;}
    .archiveList .itemBox li{padding:.2rem .8rem .2rem .25rem;}
    .archiveList .itemBox li:before{left: .15rem;}
    .archiveList .itemBox li p{font-size:.14rem;line-height: .22rem;min-height: .44rem;}
    .downTab table tr{line-height:.5rem;}
    .downTab table th{font-size:.18rem;}
    .downTab table td,.serviceF2 .des{font-size:.14rem;}
    .proinF1 .proDes li{width: 100%;margin-right:0;margin-bottom:.1rem;padding:.15rem .2rem;}
    .proinF1 .proDes li .textB .num{font-size:.2rem;}
    .proinF1 .proDes li .textB .num span{font-size:.26rem;}
    .proinF1 .proDes li .textB p{font-size:.14rem;}
    .proinF1 .proDes li .textB{width: calc(100% - .5rem);}
    .questionList .list .Q{line-height:.5rem;font-size:.17rem;}
    .questionList .list .A{font-size:.14rem;line-height:.22rem;padding:.2rem .15rem;}
    .newsList li{padding:.2rem 0;}
    .newsList li .txtBox{display: block;width: 100%;padding:.2rem 0;border-right:none;}
    .newsList li .timeB{transform: translateY(0);top: 1rem;}
    .newsList li .timeB span{font-size:.32rem;}
    .newsList li .timeB p{font-size:.14rem;margin-top:0;}
    .newsList li .txtBox h5{font-size:.18rem;margin-bottom:.1rem;}
    .newsList li .txtBox p{font-size:.14rem;line-height:.24rem;}
    .development .list time{font-size:.32rem;}
    .development .li_con{padding-top:.5rem;}
    .development .list:nth-child(2n) .li_con{padding:.5rem .3rem .7rem}
    .development .list li{overflow: hidden;}
    .pftit h5{font-size:.24rem;margin-bottom:.08rem;}
    .pftit p{font-size:.16rem;}
    .profileF1 .contBox{margin-top:.2rem;}
    .profileF1 .contBox .leftBox{font-size:.14rem;line-height:.22rem;width: 65%;}
    .profileF1 .contBox .rightBox .item{margin-bottom:.1rem;font-size:.1rem;line-height:.22rem;}
    .profileF1 .contBox .rightBox .item h5{font-size:.18rem;}
    .profileVideo .vidBox .play{font-size:.16rem;}
    .profileVideo .vidBox .play .playBtn{width: .3rem;height: .3rem;}
    .profileVideo{margin: .6rem 0;}
    .Hisdevelop{padding-bottom: .5rem;}
    .profileVideo .imgBox{padding-bottom:3.6rem;}
    .contactWarp .mapList li{width: 100%;float: none!important;margin-bottom:.3rem;}
    .contactWarp .headquarters{padding:.8rem .3rem;}
    .contactWarp .headquarters h5{font-size:.22rem;margin-bottom:.1rem;}
    .contactWarp .headquarters p{font-size:.14rem;line-height:.22rem;}
    .contactWarp .mapList li h5{font-size:.2rem;line-height:.36rem;}
    .contactWarp .mapList li .des{font-size:.14rem;}
    .contactWarp .mapList li .openMap{width: .5rem;height: .5rem;}
    .joinWarp .selesear .seleBox{width: 100%;margin-bottom:2%;}
    .joinWarp .selesear .seleBox .item{width: 49%;margin-right:2%;line-height:.4rem;font-size: .14rem;}
    .joinWarp .selesear .seleBox .item:nth-child(2){margin-right:0;}
    .joinWarp .selesear .seleBox .item select{font-size:.14rem;}
    .joinWarp .selesear .searBox{float: none;font-size:.14rem;line-height:.4rem;}
    .joinWarp .selesear .searBox input{width: calc(100% - 1.5rem - 2%);line-height:.4rem;height: .4rem;font-size:.14rem;float: left;}
    .joinWarp .selesear .searBox .goSear{width: 1.5rem;line-height:.4rem;font-size:.14rem;margin-left:0;float: right;}
    .joinWarp .tip{padding-left:0;font-size:.14rem;}
    .jobList .type li{line-height:.4rem;font-size:.14rem;}
    .jobList ul.type li{font-size:.14rem;}
    .jobList .list .con{font-size:.14rem;line-height:.24rem;padding:.2rem;}
    .jobList .moreBtn{padding: .3rem 0;font-size:.14rem;}
    .jobList .type li:nth-child(1), .jobList .type li:nth-child(5){padding-left:.2rem;}
    .proinF1 .desTab .bd .slider-for{width: 100%;}
    .proinF1 .desTab .bd .slider-for .item figure{width: 100%;padding-bottom:3.6rem;}
    .features li{width: 50%;}
    .proinF2 li,.soluList li,.soluValue li{width: 49%;margin-right:2%!important;}
    .proinF2 li:nth-child(2n),.soluList li:nth-child(2n),.soluValue li:nth-child(2n){margin-right:0!important;}
}


@media(max-width:640px){
    .top .logo{width: 34%;}
    .Foor4 .navsld li{height: auto;}
    .banner .txtBox{width: 80%;}
    .idxtitMore .idxmore{position: static;float: right;transform: translateY(0);margin-top:.15rem;}
    .proinF2 li,.soluList li,.soluValue li{width: 100%;margin-right:0%!important;}
    .proinF2 li{height: auto;padding:.3rem 0;}
    .proinF2 li p{position: static;transform: translateY(0);}
    .features li{width: 100%;}
    /*.proinF2 li:last-child{width: 49%;margin-right:0!important;}*/
    .soluValue li{margin-bottom:2%;}
    .soluAdvan li{width: 100%;margin-right: 0;margin-bottom:2%;}
    .soluAdvan li .des{min-height:auto;height: inherit;}

    .development .list{ height:3rem; padding-top:1.5rem;}
    .development .list time{ top:.1rem;}
    .development .li_con{ padding:.6rem .3rem .52rem;}
    .development .list:nth-child(2n) .li_con{padding:.5rem .3rem .52rem}
    .profileF1 .contBox .leftBox{width: 100%;float: none;}
    .profileF1 .contBox .rightBox{float: none;width: 100%;margin-top: .2rem;}
    .soluValue li .des{height: inherit;}
    .soluValue li h5,
    .soluAdvan li h5{height: inherit;}
    img{height: auto;}

}

/* 20220507 */
@media(max-width:768px){
  .menuLocat{background: none;}
  .menuLocat .menu{width:100%;border-bottom:.02rem solid #f3f6fa;}
  .menuLocat .menu li{margin-right:0;width:100%;line-height: 0.36rem;opacity: 0.8;}
  .menuLocat .menu li a{color:#00489d;position: relative;display: block;font-size: 0.15rem;}
  .menuLocat .menu li a:before {width: 0.06rem;height: 0.1rem;background: url(../images/i3.png) no-repeat;background-size: contain;right: 0;top: 50%;transform: translateY(-50%);opacity: .8;content: '';position: absolute;}
  .menuLocat .menu li.on{opacity: 1;}
}


/*在线留言*/
.Message{padding-bottom: 0.8rem;}
.Message .box{max-width: 650px;margin: auto;}
.Message .box .title{font-size: .36rem;color: #00489d;text-align: center;font-weight: bold;}
.Message .box .tips{margin-top: .2rem;text-align: center;font-size: .18rem;color: #555555;}
.Message .box .list{margin-top: .7rem;}
.Message .box .list ul li{margin-bottom: .2rem;font-size: 0;}
.Message .box .list ul li:last-child{margin-bottom: 0;}
.Message .box .list ul li .name{display: inline-block;width: 1.3rem;font-size: .16rem;color: #333333;line-height: .6rem;vertical-align: top;}
.Message .box .list ul li .name span{color: #ff2525;}
.Message .box .list ul li .casket{display: inline-block;width: calc(100% - 1.3rem);vertical-align: top;}
.Message .box .list ul li .text{display: block;padding: 0 10px;width: 100%;height: .6rem;font-size: .16rem;background-color: #f3f6fa;border-radius: 4px;box-sizing: border-box;}
.Message .box .list ul li .textarea{display: block;width: 100%;height: 1.8rem;padding: 10px;font-size: .16rem;background-color: #f3f6fa;border-radius: 4px;box-sizing: border-box;}
.Message .box .list ul li select {height: 0.6rem;width: 100%;padding: 0 10px; font-size: 0.16rem;background: #f3f6fa;}
.Message .box .list ul li.area select { width: 48%;}
.Message .box .list ul li.area select:nth-of-type(1) { margin-right: 4%;}
.Message .box .list ul li.area select:nth-of-type(2) { display: inline-block !important;}
.Message .box .list ul li .button{display: block;width: 100%;height: .6rem;text-align: center;font-size: .16rem;color: #fff;background-color: #00489d;border-radius: 4px;}
.Message .box .tips2{margin-top: .4rem;text-align: center;font-size: .14rem;color: #999999;}
@media(max-width:768px){
  .Message .box .list ul li .name{display: block;width: 100%;}
  .Message .box .list ul li .casket{display: block;width: 100%;}
}

/*悬浮*/
.Suspension{display: none;position: fixed;top: 50%;right: 1%;transform: translateY(-50%);z-index: 33;}
.Suspension ul li{position: relative;margin-bottom: 10px;}
.Suspension ul li:last-child{margin-bottom: 0;}
.Suspension ul li .img{width: .56rem;height: .56rem;background-size: cover;}
.Suspension ul li:nth-of-type(1) .img{background-image: url(../images/suspension1.png);}
.Suspension ul li:nth-of-type(2) .img{background-image: url(../images/suspension2.png);}
.Suspension ul li:nth-of-type(3) .img{background-image: url(../images/suspension3.png);}
.Suspension ul li:nth-of-type(4) .img{background-image: url(../images/suspension4.png);}
.Suspension ul li:nth-of-type(5) .img{background-image: url(../images/suspension5.png);}
.Suspension ul li:hover:nth-of-type(1) .img{background-image: url(../images/suspension1-on.png);}
.Suspension ul li:hover:nth-of-type(2) .img{background-image: url(../images/suspension2-on.png);}
.Suspension ul li:hover:nth-of-type(3) .img{background-image: url(../images/suspension3-on.png);}
.Suspension ul li:hover:nth-of-type(4) .img{background-image: url(../images/suspension4-on.png);}
.Suspension ul li:hover:nth-of-type(5) .img{background-image: url(../images/suspension5-on.png);}
.Suspension ul li .box{display: none;
    position: absolute;
    right: 100%;
    top: 50%;
    width: max-content;
    transform: translateY(-50%);
    z-index: 3;
    padding: 10px
   ;}
.Suspension ul li .box .text{position: relative;padding: .1rem .3rem;line-height: 1.6;font-size: .14rem;color: #ffffff;background-color: #00489d;}
.Suspension ul li .box .text:before{position: absolute;content: '';top: 0;right: -5px;bottom: 0;margin: auto 0;display: block;width: 0;height: 0;border-top: 5px solid transparent;border-left: 5px solid #00489d;border-bottom: 5px solid transparent;}
.Suspension ul li:hover .box{display: block;}

@media(min-width: 1480px){
    .Suspension{right: 2%;}
}
@media(max-width:1480px){
    .Foor5 .newslide .slick-arrow{left:.3rem;}
    .Foor5 .newslide .slick-arrow.slick-next{right: .3rem;}
}


.LogRes{margin-top: -.7rem;position: relative;z-index: 2;margin-bottom:1rem;}
.LogRes .LogResFrom{max-width:900px;margin: 0 auto;box-shadow:0 -.15rem .15rem rgba(19,87,145,.15);background:#fff;}
.LogRes .LogResFrom .formMenu{font-size:0;text-align: center;}
.LogRes .LogResFrom .formMenu a{display: inline-block;vertical-align: middle;width: 100%;text-align: center;line-height:.7rem;font-size:.24rem;color: #666666;background:#f3f6fa;position: relative;text-transform: uppercase;}
.LogRes .LogResFrom .formMenu a.on{background:#fff;color: #00489d;font-weight:bold;}
.LogRes .LogResFrom .formMenu a.on:before{width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #00489d;content:'';position: absolute;left: 50%;transform: translateX(-50%);bottom:0;}
.LogRes .LogResFrom .formBox{padding:1rem 1.8rem;}
.LogRes .LogResFrom .formBox .item{position: relative;border:.02rem solid #eeeeee;margin-bottom:.3rem;}
.LogRes .LogResFrom .formBox .item input{width: 100%;line-height:.55rem;padding:0 .3rem;height: .55rem;font-size:.16rem;}
.LogRes .LogResFrom .formBox .item input::-webkit-input-placeholder{font-size:.16rem;}
.LogRes .LogResFrom .formBox .item input::-moz-placeholder{font-size:.16rem;}
.LogRes .LogResFrom .formBox .item input:-moz-placeholder{font-size:.16rem;}
.LogRes .LogResFrom .formBox .item input:-ms-input-placeholder{font-size:.16rem;}
.LogRes .LogResFrom .formBox .item.on{border-color:#00489d;}
.LogRes .LogResFrom .formBox .item.on input{color: #00489d;}
.LogRes .LogResFrom .formBox .item .sendBtn{position: absolute;display: block;width: 1.2rem;height: .45rem;line-height:.45rem;text-align: center;background:#f3f6fa;color: #666666;font-size:.16rem;right: .05rem;top: .05rem;}
.LogRes .LogResFrom .formBox .item .code{width: 1rem;height: .45rem;position: absolute;right: .05rem;top: .05rem;line-height:.45rem;}
.LogRes .LogResFrom .formBox .check{margin-bottom:.4rem;font-size:.16rem;color: #666666;}
.LogRes .LogResFrom .formBox .check span{margin-left:.05rem;}
.LogRes .LogResFrom .formBox .check a{color: #00489d;}
.LogRes .LogResFrom .formBox .btn a{display: block;float: left;width: 48%;line-height:.6rem;text-align: center;font-size:.19rem;color: #fff;background:#ccdaeb;text-transform: uppercase;}
.LogRes .LogResFrom .formBox .btn a.hasC{background:#00489d;}
.LogRes .LogResFrom .formBox .btn a:nth-child(2){float: right;}
.LogRes .LogResFrom .formBox .fogpaw{display: block;font-size:.16rem;color: #666666;margin-top: .3rem;}
.LogRes .LogResFrom .formBox .fogpaw:hover{color: #00489d;}
.LogRes .LogResFrom .formBox .tip{font-size:.16rem;color: #999999;margin-bottom:.4rem;}
.LogRes .LogResFrom.hasTit .formBox{padding:.7rem 1.8rem;}
.LogRes .LogResFrom.hasTit .formBox .item{margin-bottom:.2rem;}
.LogRes .LogResFrom .lrtit{padding:.9rem 1.8rem 0;background:#fff;}
.LogRes .LogResFrom .lrtit span{font-size:.24rem;font-weight:bold;color: #00489d;display: inline-block;padding-bottom:.1rem;position: relative;text-transform: uppercase;}
.LogRes .LogResFrom .lrtit span:before{width: 100%;height: 1px;content:'';background:#00478d;position: absolute;left: 0;bottom:0;}
.memCenter{background:#fff;padding:1rem 0;box-shadow:0 -.15rem .15rem rgba(19,87,145,.15);}
.memCenter .memNav{width: 22.5%;float: left;padding:.1rem 0 .3rem .95rem;}
.memCenter .memNav .item{padding-left:.22rem;position: relative;}
.memCenter .memNav .item a{font-size:.18rem;display: block;line-height:.8rem;color: #666;}
.memCenter .memNav .item:before{width: .13rem;height: .13rem;content:'';background-repeat: no-repeat;background-size: contain;background-position:center center;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.memCenter .memNav .item.on a{font-weight:bold;color: #00489d;}
.memCenter .memNav .item.on:after{width: .04rem;height: .33rem;content:'';background:#00489d;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.memCenter .memNav .item:nth-child(1):before{background-image:url(../images/mem1.png);}
.memCenter .memNav .item.on:nth-child(1):before{background-image:url(../images/mem1_a.png);}
.memCenter .memNav .item:nth-child(2):before{background-image:url(../images/mem2.png);}
.memCenter .memNav .item.on:nth-child(2):before{background-image:url(../images/mem2_a.png);}
.memCenter .memBox{float: left;width: 77.5%;border-left:1px solid #eeeeee;padding:0 2rem .3rem;}
.memCenter .memBox .tit{margin-bottom:.7rem;}
.memCenter .memBox .tit span{font-size:.24rem;color: #00489d;font-weight:bold;padding-bottom:.1rem;position: relative;}
.memCenter .memBox .tit span:before{width: 50%;height: 1px;content:'';background:#00478d;position: absolute;left: 0;bottom:0;}
.memCenter .memBox .item{position: relative;border:.02rem solid #eeeeee;margin-bottom:.2rem;}
.memCenter .memBox .item label{position: absolute;font-size:.16rem;right: .3rem;line-height:.55rem;top: 0;color: #999999;}
.memCenter .memBox .item input{width: 100%;line-height:.55rem;padding:0 .3rem;height: .55rem;font-size:.16rem;}
.memCenter .memBox .item.on{border-color:#00489d;}
.memCenter .memBox .modBtn{display: block;width: 2.5rem;line-height:.6rem;text-align: center;font-size:.19rem;color: #fff;background:#00489d;margin-top: .4rem;text-transform: uppercase;}

@media(max-width:1024px){
    .LogRes .LogResFrom .formBox,
    .LogRes .LogResFrom.hasTit .formBox{padding:.6rem;}
    .LogRes .LogResFrom .lrtit{padding:.7rem .6rem 0;}
    .memCenter .memNav{padding-left: .2rem;}
    .memCenter .memBox{padding:0 .6rem .3rem}
}

@media(max-width:768px){
    .LogRes .LogResFrom .formBox,
    .LogRes .LogResFrom.hasTit .formBox{padding:.6rem 2%;}
    .LogRes .LogResFrom .lrtit{padding:.7rem 2% 0;}
    .memCenter .memNav{width: 100%;float: none;padding:0 2%;}
    .memCenter .memNav .item{width: 50%;float: left;}
    .memCenter .memNav .item a{line-height:.5rem;}
    .memCenter .memNav .item.on:after{display: none;}
    .memCenter .memBox{float: none;width: 100%;border-left:none;border-top:1px solid #eeeeee;padding:.3rem 2%;}
}

.top .TopLogin{position: absolute;width:100%;top:0;left:0;text-align: right;color:#fff;font-size: 0.14rem;line-height: 0.3rem;}
.top .TopLogin a{color:#fff;}
.top .TopLogin .inside,
.top .TopLogin .outside{display: inline-block;padding:0 10px;background: #00489d;}

@media(max-width:1024px){
  .top .otherBox .primary a{color:#333;}
  .top{padding-top:0.3rem;}
  .top .otherBox .primary{margin-top:0.18rem;}
  .top .otherBox .search{margin-left:0.15rem;margin-right:0.15rem;}
  .top .otherBox{width:auto;}
}


.problem-from{padding: .5rem;background-color: #fff;box-shadow: 0 2px .1rem rgba(19, 87, 145, .15);}
.problem-from .tips{position: relative;padding-left: .4rem;}
.problem-from .tips:before{position: absolute;left: 0;top: .05rem;display: block;content: '';width: .27rem;height: .24rem;background-image: url('../images/problem-from.png');background-size: 100%;}
.problem-from .tips .title{font-size: .23rem;color: #333333;font-weight: bold;}
.problem-from .tips .name{margin-top: .1rem;font-size: .18rem;color: #666666;line-height: 1.6;}
.problem-from .text{margin-top: .25rem;}
.problem-from .text textarea{display: block;width: 100%;height: 2rem;padding: .25rem;background-color: #f3f6fa;box-sizing: border-box;}
.problem-from .btn{margin-top: .25rem;display: flex;align-items: center; }
.problem-from .btn input{display: block;width: 2rem;height: .55rem;text-align: center;font-size: .18rem;color: #fff;background: #00489d;cursor: pointer;}
.problem-from .btn p{margin-left: .2rem;font-size: .18rem;color: #666666;line-height: 1.6;}
@media(max-width:640px){
.problem-from{padding: .3rem;}
.problem-from .btn{display: block;}
.problem-from .btn input{margin: auto;}
.problem-from .btn p{margin-top: .2rem;text-align: center;}
}
