*{
    margin: 0;
    padding:0;
    list-style: none;
    font-size: 0.26rem;
    box-sizing: border-box;
    /*font-family: pingfang;*/
}
a{
    text-decoration: none;
    color: #666;
}
img{
    max-width: 100%;
    vertical-align: middle;
}
body{background-color: white;position: relative;}
input,select,textarea{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance:none;
    outline: none;
}
.clear{clear: both;}
em{font-style: normal;}
@font-face{
    font-family: pingfang;
    src:url("PINGFANG MEDIUM.TTF");
}

/*头部*/
.top{min-height: 0.94rem;position: fixed;z-index: 7777;background-color: #fff;left: 0;right: 0;top:0;}
.top a.logo{display: block;width: 3.88rem;height: 0.94rem;padding-left: 0.2rem;float: left;line-height: 0.94rem;}
.top a.logo img{max-height: 100%;max-width: 100%;}
.top a.rightSide{margin-right: 0.25rem;float: right;margin-top: 0.3rem;display: block;width: 0.43rem;height: 0.43rem;}
.top a.rightSide img{max-height: 100%;max-width: 100%;}

/*右侧菜单*/
.menu_list_bor {position: fixed;height: 100%;width: 100%;right: -100%;top: 0;z-index: 9999;}
.colse_menu {position: absolute;left: 0;top: 0;width: 40%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 999;}
.menu_right {width: 60%;position: absolute;height: 100%;right: 0;top: 0;background: #fff;z-index: 9999;overflow-x: hidden;}
.menu_top {width: 100%;height: 1.05rem;border-bottom: 1px solid #bbbbbb;}
.clo {line-height: 1rem;color: #333;font-size: 0.3rem;width: 1.8rem;margin-left: 0.3rem;height: 1rem;background-size: auto 0.25rem;padding-left: 0.35rem;}
.menu_list {width: 100%;}
.clo b{float: left;height: 100%;width: 20px;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform:  rotate(180deg);background: url('fl.png') no-repeat right center;background-size: 40%;}
.clo span {display: inline-block;line-height: 0.8rem; margin-left: 0.1rem;}
.menu_list >ul>li,.menu_list>ul>li div>ul>li{line-height: 1rem;*height: 1rem;position: relative;border-bottom: 1px solid #e9e9e9;}
.menu_list>ul>li div>ul{display: none;}
.menu_list >ul >li >a,.menu_list>ul>li div>ul>li>a {line-height: 1rem;*height: 1rem;color: #333;font-size: 0.28rem;display: inline-block;padding-left: 0.65rem;/*width: 100%;*/display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.menu_list>ul>li div>ul>li{border:0;border-top: 1px solid #e9e9e9;padding-left: 0.3rem;}
.menu_list >ul >li div>ul>li>a{color: #575757;}
.menu_list >ul >li>b, .menu_list >ul >li div>ul>li b{position: absolute;display: block;width: 100%;height: 1rem;right: 0;top: 0;background: url('fl.png') no-repeat 90% center;background-size: 3.5%;}
.menu_list>ul>li div>ul>li li{border-top:1px solid #e9e9e9;}
.menu_list>ul>li div>ul>li li a{padding-left:1.5rem;color:#333;font-size: 0.28rem;}
.menu_list>ul>li>b.nex ,.menu_list >ul >li div>ul>li b.nex{background: url('fd.png') no-repeat 90% center;background-size: 6%;}
.menu_list>ul>li{line-height: 0.8rem;}

/*banner*/
.banner{width: 100%;overflow:hidden;position: relative;top: 0.94rem;height: 4.33rem;margin-bottom: 0.94rem;}
.banner .banner_dot{bottom: 15px !important;text-align: center !important;padding-right: 0.25rem;z-index: 1;position: absolute;}
.banner .banner_dot .swiper-pagination-bullet{background:#fff !important;opacity: 1 !important;width: 7px !important;height: 7px !important;margin:0 2px !important;}
.banner .banner_dot .swiper-pagination-bullet-active{opacity: 1 !important;background:#4cc5b8 !important;width: 20px !important;border-radius: 7px !important;}
.banner .swiper-wrapper{ height:100%;}
.banner .swiper-wrapper .swiper-slide{vertical-align:middle; }
.banner .swiper-wrapper img{width: 100%;}

.title{padding:0.8rem 0.25rem 0.5rem;}
.title h3{font-size: 0.36rem;color: #333;text-align: center;}
.title em{display: block;background-color: #2470AA;margin: 0.3rem auto 0;width: 0.5rem;height: 0.02rem;}

.about{}
.about .about_con{display: block;width: 100%;height: 1.98rem;padding:0 0.25rem;}
.about .about_con dt{width: 38%;float: left;height: 100%;}
.about .about_con dt img{width: 100%;height: 100%;}
.about .about_con dd{float: left;margin-left: 0.2rem;width:59%;}
.about .about_con dd h1{font-size: 0.32rem;font-weight: bold;color: #4b4b4b;}
.about .about_con dd h3{font-size: 0.18rem;color: #666;margin:0.1rem 0;}
.about .about_con dd p{font-size:0.28rem;color: #595959;line-height: 0.35rem;}
.about .about_con:hover dd h1{color: #236FA9;}

.about .about_list{width: 100%;height: 1.98rem;margin-top: 0.32rem;padding:0 0.25rem;}
.about .about_list dl{float: left;margin: 0rem 0.04rem 0.2rem;}
.about .about_list dl a{display: block;width: 3.3rem;height: 0.87rem;border:1px solid #e5e5e5;background-color: #F6F6F6;box-sizing: border-box;padding:0.1rem 0.6rem;}
.about .about_list dl a dt{float: left;line-height: 0.6rem;height: 0.6rem;width: 0.5rem;text-align: center;}
.about .about_list dl a dt img{max-height: 70%;}
.about .about_list dl a dd{float: left;margin-left: 0.15rem;}
.about .about_list dl a dd h3{font-size: 0.32rem;color: #333;}
.about .about_list dl a dd p{font-size: 0.2rem;color: #ccc;text-transform: uppercase;transition: all 0.3s;}

.news{width: 100%;padding:0 0.25rem;}
.news dl{}
.news dl a{display: block;height: 1.98rem;width: 7rem;}
.news dl a dt{float: left;width: 2.42rem;height: 100%;position: relative;overflow: hidden;}
.news dl a dt img{width: 100%;height: 100%;transition: all 0.3s;}
.news dl a dd{float: left;margin-left: 0.2rem;width: 4.35rem;}
.news dl a dd h3{font-size: 0.28rem;font-weight: bold;color: #4b4b4b;margin-bottom: 0.2rem;line-height: 0.45rem;}
.news dl a dd p{font-size: 0.28rem;color: #666;line-height: 0.45rem;}

.news ul{margin-top: 0.3rem;}
.news ul a{display: block;line-height: 0.6rem;}
.news ul a p{font-size: 0.28rem;color: #595959;float: left;position: relative;padding-left: 0.25rem;transition: all 0.3s;}
.news ul a p:before{content: "";width: 0.12rem;height: 1px;background-color: #379cea;position: absolute;left: 0;top: 50%;}
.news ul a span{font-size: 0.28rem;color: #999;display: block;float: right;}

.product-server{padding:0 0.25rem;}
.product-server .box{}
.product-server .box li{margin-bottom: 0.2rem;}
.product-server .box li a{display: block;width: 7rem;height: 2.95rem;position: relative;}
.product-server .box li a dt{width: 100%;height: 100%;}
.product-server .box li a dt ul{width: 100%;height: 100%;}
.product-server .box li a dt ul li{width: 100%;height: 100%;}
.product-server .box li a dt img{width: 100%;height: 100%;}
.product-server .box li a dd{position: absolute;height: 100%;box-sizing: border-box;padding:1rem 0;left: 0.2rem;top: 0;}
.product-server .box li a dd h3{font-size: 0.28rem;color: white;margin-bottom: 0.2rem;}
.product-server .box li a dd p{font-size: 0.26rem;color: rgba(255,255,255,.7);transition: all 0.3s;}
.product-server .box li a .side{position: absolute;width: 2rem;height: 100%;background-color: #236FA9;right: 0;top: 0;box-sizing: border-box;padding:1.1rem 0;transition: all 0.3s;}
.product-server .box li a .side h3{font-size: 0.32rem;color: white;text-align: center;margin-bottom: 0.25rem;}
.product-server .box li a .side em{width: 0.5rem;height: 1px;background-color: white;display: block;margin:0 auto;transition: all 0.3s;}

.case{overflow: hidden;}
.case .case_list{position: relative;height: 4.8rem;margin:0 0.25rem;}
.case .case_list .hd{width: 7rem;height: 0.75rem;border:1px solid #dcdcdc;box-sizing: border-box;padding:0 0.8rem;}
.case .case_list .hd .next{float: left;width: 1.5rem;height: 0.75rem;background:url(right.png) no-repeat center center;}
.case .case_list .hd .more{/*font-size: 0.28rem;color: #666;*/float: left;margin:0 0.4rem;height: 0.75rem;width: 1.5rem;line-height: 0.75rem;text-align: center;}
.case .case_list .hd .prev{float: left;width: 1.5rem;height: 0.75rem;background:url(left.png) no-repeat center center;}
.case .case_list .hd .prev.swiper-button-disabled{ background:url(left_dis.png) no-repeat center center; }
.case .case_list .hd .next.swiper-button-disabled{ background:url(right_dis.png) no-repeat center center; }

.case .case_list .swiper-wrapper{height: 4.07rem;}
.case .case_list .swiper-wrapper .swiper-slide{float: left;}
.case .case_list .swiper-wrapper .swiper-slide a{display: block;}
.case .case_list .swiper-wrapper .swiper-slide a dt{width: 2.17rem;height: 2.99rem;transition: all 0.3s;}
.case .case_list .swiper-wrapper .swiper-slide a dt img{width: 100%;height: 100%;}
.case .case_list .swiper-wrapper .swiper-slide a dd{font-size: 0.28rem;color: #666;text-align: center;margin-top: 0.25rem;transition: all 0.3s;}

.news-list{background-color: #FBF9F5;padding-bottom: 0.5rem;}
.news-list ul{}
.news-list ul li{padding:0.3rem 0.25rem;border-bottom: 1px solid #eee;}
.news-list ul li:nth-child(4){border-bottom:none;}
.news-list ul li a{display: block;}
.news-list ul li a h3{font-size: 0.3rem;color: #666;margin:0.1rem 0;}
.news-list ul li a span{color: #bdbdbd;font-size: 0.3rem;display: block;}
.news-list ul li a p{font-size: 0.26rem;color: #999;line-height: 0.4rem;margin-top: 0.1rem;}

.foot{background-color: #F0F0F0;margin-top: 0.6rem;padding:0.3rem 0.25rem 0.25rem;}
.foot ul{text-align: center;}
.foot ul li{display: inline-block;border-right: 1px solid #999;margin-bottom: 0.3rem;}
.foot ul li a{font-size: 0.28rem;color: #565656;display: block;line-height: 0.4rem;padding:0 0.1rem;}
.foot ul li:last-child{border-right: none;}
.foot p{font-size:0.28rem; color: #565656;line-height: 0.5rem;}

.copyright{font-size: 0.28rem;color: #999;background-color: #FFFFFF;line-height: 0.45rem;box-sizing: border-box;padding:0.25rem 0.8rem;}
.copyright a{font-size: 0.28rem;color: #999;}

.fixed_top{height: 0.98rem;}
.fixed{width: 100%;height: 0.98rem;margin-top: 0.98rem;position: fixed;left: 0;right: 0;bottom:0;z-index: 10;display: flex;}
.fixed dl{float: left;flex: 1;}
.fixed dl:nth-child(2) a{background-color: #4CC5B8;}
.fixed dl a{background-color: #2470AA;display: block;height: 0.98rem;box-sizing: border-box;padding:0.2rem 0rem;text-align: center;}
.fixed dl a dt{line-height: 0.56rem;height: 0.56rem;width: 0.5rem;text-align: center;display: inline-block;vertical-align: top;margin-top: 0.1rem;}
.fixed dl a dt img{max-height: 70%;}
.fixed dl a dd{display: inline-block;text-align: left;}
.fixed dl a dd h3{font-size: 0.28rem;color: #fff;}
.fixed dl a dd p{font-size: 0.2rem;color: #fff;}

.inbanner{height: 3.75rem;position: relative;margin-top: 0.98rem;}
.inbanner img{width: 100%;height: 100%;}
.inbanner .blue{position: absolute;width: 100%;height: 100%;background-color: rgba(72,129,171,.5);color: white;text-align: center;line-height: 3.75rem;font-size: 0.4rem;top: 0;}

.inTitle{border: 1px solid #eee;height: 0.8rem;}
.inTitle ul{display: flex;align-items: center;justify-content: space-around;-webkit-display:flex;-webkit-align-items:center;-webkit-justify-content:space-around;}
.inTitle ul li{}
.inTitle ul li a{display: block;font-size: 0.32rem;line-height: 0.7rem;}
.inTitle ul li a.on{color: #2470aa;border-bottom: 3px solid #2470aa;}

.inProduct{margin:0.5rem 0.25rem;}
.inProduct dl{margin:0 0.1rem 0.3rem;float: left;}
.inProduct dl a{display: block;width: 3.3rem;height: 3rem;}
.inProduct dl a dt{width: 100%;height: 2.5rem;border:1px solid #eee;text-align: center;line-height: 2.5rem;overflow: hidden;}
.inProduct dl a dt img{}
.inProduct dl a dd{font-size: 0.28rem;line-height: 0.6rem;text-align: center;}

.inNews{}
.inNews ul{}
.inNews ul li{border-bottom: 1px solid #eee;padding:0.4rem 0.25rem;}
.inNews ul li a{display: block;}
.inNews ul li a h3{font-size: 0.32rem;color: #666;line-height:0.45rem;}
.inNews ul li a p{font-size: 0.28rem;line-height: 0.4rem;color: #999;margin: 0.1rem 0;}
.inNews ul li a span{font-size: 0.28rem;color: #ccc;display: block;line-height: 0.3rem;margin-bottom: 0.1rem;}
.inNews ul li a span img{width: 0.3rem;height: 0.3rem;margin-right: 0.1rem;}
.inNews ul li:first-child a span{text-align: right;}

.inCase{margin:0.5rem 0.25rem;}
.inCase dl{margin:0 0.1rem  0.3rem;float: left;}
.inCase dl a{display: block;width: 3.3rem;height: 5.1rem;}
.inCase dl a dt{width: 100%;height: 4.54rem;text-align: center;line-height: 4.54rem;}
.inCase dl a dt img{}
.inCase dl a dd{font-size: 0.28rem;line-height: 0.6rem;text-align: center;}

.danye-title{padding:0.25rem 0;margin-top: 1.5rem;}
.danye-title h3{font-size: 0.36rem;color: #333;text-align: center;}
.danye-title p{font-size: 0.28rem;color: #999;text-align: center;}


.detail{padding:0 0.25rem;}
.detail>h3{font-size: 0.3rem;color: #444;line-height: 0.5rem;margin:0.5rem 0 0.1rem;text-align: center;}
.detail>span{display: block;color: #999;font-size: 0.28rem;text-align: center;}
.detail .pic{margin:0.25rem 0;text-align: center;}
.detail .detail_con{padding:0.25rem 0;min-height: 8rem;}
.updown{width: 100%;padding:0.2rem 0.25rem;box-sizing: border-box;border-top: 2px solid #f0f0f0;}
.updown p{font-size: 0.28rem;color: #444;line-height: 0.6rem;}

.layui-laypage{margin:0.4rem 0rem;width: 100%;text-align: center;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #2470AA;}
.layui-laypage-prev.layui-disabled{display: none;}
.layui-laypage a{margin:0 5px;background-color: #2470AA;color: white;}
.layui-laypage .layui-laypage-count{padding:0px 15px;margin-right:5px;color: white;background-color: #2470AA;}
.layui-laypage .layui-laypage-curr{margin:0 5px;}
.layui-laypage span{margin-bottom: 0px;}

.lazyload p{font-size: 0.28rem;line-height: 0.45rem;color: #333;}
.lazyload p img{max-width: 100%;}

.danye{padding:0.25rem;min-height: 4rem;}
.danye ul{}
.danye ul li{width: 3.3rem;height: 2.1rem;margin:0 0.04rem 0.2rem;overflow: hidden;float: left;}
.danye ul li img{max-width: 100%;max-height: 100%;}

/*  */
/* 客户留言 */
/*  */
.layui-form{margin: 0.5rem 0.24rem;}
.layui-form .tableft{display: none;}
.layui-form .tabright span{display: none;}
.layui-form .tabright input{margin: 0.2rem 0;width: 6.5rem;font-size: 0.3rem;height: 0.76rem;}
.layui-form .tabright textarea{resize: none;font-size: 0.3rem;margin: 0.2rem 0;height: 3rem;}
.layui-form .tabright input.code{width: 4rem;}
.layui-form .validateCode{vertical-align: top;margin-top: 0.2rem;height: 0.76rem;margin-left: 0.1rem;}
.layui-form tr:last-child td:first-child{display: none;}
.layui-form .layui-btn{width: 100%;background: #2470AA;margin: 0.2rem 0;font-size: 0.32rem;}