.brnone{border:none!important;}
.top-box{margin: 0 auto;width: 1200px;}
.head_top_flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.htf_left_logo a {
    display: flex;
    align-items: center;
}
.htf_right {
    display: flex;
    align-items: center;
}
.a_logo img {
    width: 70px;
    height: 70px;
    margin-right: 10px;
}
.htf_right_wenzi p:nth-child(1) {
    font-weight: 800;
}
.htf_right_wenzi p:nth-child(2) {
    font-weight: 800;
    font-size: 18px;
    color: #f04531;
}
.htf_right_wenzi p:nth-child(3) {
    font-weight: 800;
    font-size: 18px;
    color: #f04531;
}
.s-titlebox img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.8s ease;
}
.htf_right_tel img {
    height: 70px;
    width: 70px;
    margin-right: 10px;
}
.a_slogo p:first-child span {
    font-size: 24px;
    color: #000000;
    padding-right: 5px;
}
.a_slogo p:last-child {
    font-weight: 600;
    font-size: 16px;
}
.head_top {
    margin: 10px 0 0;
    border-bottom: 1px solid rgb(195 227 248 / 52%);
    padding-bottom: 10px;
}
.lst-nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 60px;
    align-items: center;
}
li.lst-item.active a {
    color: #01a6ea;
    border-bottom: 2px solid #01a6ea;
}
li.sort-item:hover .s-titlebox img {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
}
.top-box .QRcode{ margin: 5px 0 0 12px; }
.top-box .QRcode img{ height: 80px;}
.nav-box{position:relative;}
.lst-nav .lst-item{position:relative;}
.lst-nav .lst-item a{display:block;overflow:hidden;}
.lst-nav .lst-item > a{padding: 0 12px;line-height:35px;height:35px;overflow:hidden;font-size:16px;color:#333;line-height:40px;text-align:center;font-weight:normal;}
.lst-nav .lst-item:hover > a{color:#01a6ea;border-bottom:2px solid #019b6e;}
.lst-nav .lst-item.active,a,.lst-nav a:hover{color:#2ec150;}
.lst-nav > .j-li:hover .sec-box{display:block;}
.sec-box{position:absolute;z-index:10;display:none;width:150%; margin-left: -25%; font-size:12px;transition:all 0.4s ease;}
.sec-box ul{ padding: 6px 0;background:#fff; box-shadow: 0 0 4px rgba(0,0,0,.1)}
.sec-box li a{ padding: 6px; font-size:14px;color:#333;line-height:18px;text-align:center;font-weight:normal;}

/*焦点图轮播*/
.banner-box{position:relative;z-index:0;border-top:3px solid #c3e3f8;}
.m-slide{position:relative;width:100%;}
.m-slide .scroll-box{overflow:hidden;height:630px;width:100%;}
.m-slide .scroll-box li{width:100%;height:630px;}
.m-slide .scroll-box li a{display:block;height:630px;}
.m-slide .scroll-box li img{visibility:hidden;}
.m-slide.m-blur{height:260px;}
.m-slide.m-blur .scroll-box{height:260px;}
.slider{position:absolute;width:100%;bottom:10px;text-align:center;}
.slider li{display:inline-block;background:#fff;height:4px;width:40px;padding-top:4px;overflow:hidden;margin:0 5px;transition:all 0.4s ease;}
.slider li.active{background:#01a6ea;}
.icon{background-image:url("../images/icon.png");background-repeat:no-repeat;background-position:center,center;display:inline-block;}

/*main*/

.m-notice{ position:relative; background: #ed740b; }
.m-notice .title{ float: left; display: inline; margin-right: 20px; width: 120px; font-size: 16px; text-align: right; background: url(../images/notice.png) 0 center / 30px no-repeat; height: 50px; line-height: 50px; overflow: hidden; color: #fff; }
.m-notice .list{ width: 1060px; height: 50px; overflow:hidden; }
.m-notice .list li{ float:left; display: inline; width: 530px;}
.m-notice .list li a{ color: #fff; }
.m-notice .list li a:hover{ text-decoration: underline; }
.m-notice .list .u-box{ padding: 0 20px; zoom:1; height:50px; line-height:50px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; color: #fff; }
.m-notice .list .u-box:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}

.m-notice .list .date{ float: right; margin-left: 20px; color:#fff; color: rgba(255,255,255,.75); }






.sort-content{margin:30px 0 20px;}
.sort-content .sort-item{float:left;width:200px;height:287px;overflow:hidden;}
.sort-content .sort-item a{font-size:14px;color:#7e7e7e;line-height:28px;text-align:center;font-weight:normal;display:block;margin:25px 15px;height:238px;width:210px;overflow:hidden;}
.sort-content .sort-item a .s-box{text-align:center;border:1px solid #dcdcdc;display:inline-block;width:122px;height:122px;transition:all 0.4s ease;position:relative;box-sizing:border-box;}
.sort-content .sort-item a .s-box:before,.sort-content .sort-item a .s-box:after{content:'';position:absolute;width:122px;height:122px;left:0;top:0;transition:all .4s;box-sizing:border-box;}
.sort-content .sort-item a .s-box:before{border-top:1px solid #01a6ea;border-bottom:1px solid #01a6ea;transform:scale(0,1);}
.sort-content .sort-item a .s-box:after{border-left:1px solid #01a6ea;border-right:1px solid #01a6ea;transform:scale(1,0);}
.sort-content .sort-item a:hover .s-box:before,.sort-content .sort-item a:hover .s-box:after{transform:scale(1);}
.sort-content .sort-item a .s-box .icon{width:65px;height:62px;margin-top:30px;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s;}
.sort-content .sort-item a h4{font-size:18px;color:#333;line-height:40px;text-align:center;font-weight:normal;margin-top:10px;}
.sort-content .sort-item a h4 .line{display:block;height:3px;width:35px;background:#293751;margin:2px auto 9px;transition:all .4s;}
.sort-content .sort-item a p{text-align:left;}
.sort-content .sort-item a:hover .s-box{border-color:transparent;}
.sort-content .sort-item a:hover .s-box .icon{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);}
.sort-content .sort-item a:hover h4 .line{background-color:#01a6ea;}

.i-icon1{background-position:0 0;}
.i-icon2{background-position:-65px 0px;}
.i-icon3{background-position:-130px 0px;}
.i-icon4{background-position:-210px 0px;}
.i-icon5{background-position:-290px 0px;}
.i-btn{background-position:0 -78px;width:18px;height:18px;}
.i-user{background-position:-18px -75px;}
.i-phone{background-position:-45px -75px;}
.i-email{background-position:-79px -75px;}
.i-notebook{background-position:-110px -75px;}
.i-rphone{background-position:-1px -113px;}
.i-remail{background-position:-32px -113px;}
.i-rlist{background-position:-63px -113px;}
.home{background-position:-141px -76px;height:20px;width:20px;}

/*公司简介*/
.m-title{display:inline-block;font-size:30px;color:#333;line-height:40px;text-align:center;font-weight:normal;}
.m-title .lg-title{font-size:26px;color:#333;line-height:40px;text-align:center;font-weight:normal;}
.m-company{background: #f5f9fe;background-repeat:no-repeat;background-position:center,center;font-size:14px;color:#333;line-height:30px;text-align:left;font-weight:normal;}
.m-company .area{padding:90px 0 80px 0;width:1200px;text-align:center;}
.m-company .area h2{margin-bottom:40px;display:inline-block;font-size:30px;color:#333;line-height:40px;text-align:center;font-weight:normal;}
.m-company .area h2 .lg-title{font-size:26px;color:#333;line-height:40px;text-align:center;font-weight:normal;}
.m-company .area p{margin:17px 0;display:block;text-align:center;}
.m-company .area a{display:block;height:44px;width:140px;margin-left:auto;margin-right:auto;font-size:16px;color:#333;line-height:44px;text-align:center;font-weight:normal;border:1px solid #333;margin-top:60px;transition:all .4s;}
.m-company .area a:hover{border-color: #01a6ea;color: #01a6ea;}
.m-company .area a:hover i{transform:translateX(10px);}
.m-company .area a i{display:inline-block;margin-left:8px;transition:all .4s;transform:translateX(0);}

.m-company .imgBox{ margin: 17px 30px 17px 0; }
.m-company .conBox{ overflow: hidden; }
.m-company .conBox p{ text-align: left; }

/*公司案例*/
.m-comcase,.m-area{padding:30px 0;text-align:center;}
.m-comcase .m-title,.m-area .m-title{margin:13px 0;display:inline-block;font-size:30px;color:#333;line-height:40px;text-align:center;font-weight:normal;}
.m-comcase .m-title .lg-title,.m-area .m-title .lg-title{font-size:26px;color:#666;line-height:40px;text-align:center;font-weight:normal;}
.m-comcase .comc-content,.m-area .comc-content{position:relative;margin-top:20px;}
.m-comcase .comc-content .comc-item,.m-area .comc-content .comc-item{width:380px;height:400px;overflow:hidden;cursor:default;float:left;margin-right:30px;box-shadow:0px 2px 3px 0px #d4d4d4;background:#fff;}
.comc-item:last-child {
    margin-right: 0 !important;
}
.m-comcase .comc-content .comc-item .img,.m-area .comc-content .comc-item .img{height:200px;width:380px;overflow:hidden;}
.m-comcase .comc-content .comc-item .img img,.m-area .comc-content .comc-item .img img{width:100%;height:100%;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;object-fit: cover;}
.m-comcase .comc-content .comc-item:hover,.m-area .comc-content .comc-item:hover{box-shadow:0px 2px 3px 0px rgba(1,166,234,.2);}
.m-comcase .comc-content .comc-item:hover .img img,.m-area .comc-content .comc-item:hover .img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.m-comcase .comc-content .comc-item:hover .comc-info h4,.m-area .comc-content .comc-item:hover .comc-info h4{color:#01a6ea;}
.m-comcase .comc-content .comc-item .comc-info,.m-area .comc-content .comc-item .comc-info{padding:0 10px;}
.m-comcase .comc-content .comc-item .comc-info h4,.m-area .comc-content .comc-item .comc-info h4{font-size:20px;color:#293751;height: 30px;line-height:30px;overflow: hidden;text-overflow:ellipsis; white-space:nowrap;text-align:left;font-weight:bold;margin:18px 0 13px;}
.m-comcase .comc-content .comc-item .comc-info p,.m-area .comc-content .comc-item .comc-info p{font-size:14px;color:#666;line-height:30px;text-align:left;font-weight:normal;height:90px;overflow:hidden;}
.m-comcase .comc-content .comc-item .comc-info a,.m-area .comc-content .comc-item .comc-info a{font-size:12px;color:#999999;line-height:normal;text-align:center;font-weight:normal;margin-top:10px;float:left;}
.m-comcase .comc-content .comc-item .comc-info a .i-btn,.m-area .comc-content .comc-item .comc-info a .i-btn{float:left;margin-right:3px;}
.m-comcase .comc-content .comc-item .comc-info a:hover,.m-area .comc-content .comc-item .comc-info a:hover{color:#01a6ea;}
.m-comcase .more,.m-area .more{display:block;height:44px;width:140px;margin-left:auto;margin-right:auto;font-size:16px;color:#333;line-height:44px;text-align:center;font-weight:normal;border:1px solid #333;margin-top:30px;transition:all .4s;}
.m-comcase .more:hover,.m-area .more:hover{border-color:#01a6ea;color:#01a6ea;}
.m-comcase .more i,.m-area .more i{display:inline-block;margin-left:8px;transform:translateX(0);transition:all .4s;}
.m-area .more:hover i,.m-comcase .more:hover i{transform:translateX(10px);}

/*在线留言+案例*/
.m-area{background:#f5f9fe;text-align:left;}
.m-area .m-title{display:inline-block;font-size:30px;color:#293751;line-height:40px;text-align:center;font-weight:normal;text-align:left;}
.m-area .m-title .lg-title{font-size:26px;color:#919aaa;line-height:40px;text-align:center;font-weight:normal;}
.m-area .m-case .comc-content{margin-top:10px;width:822px;}
.m-area .m-case .comc-content .comc-item{height:325px;width:261px;margin-right:19px;}
.m-area .m-case .comc-content .comc-item .img{height:146px;width:261px;}
.m-area .m-case .comc-content .comc-item .comc-info{padding:0 8px;}
.m-area .m-case .comc-content .comc-item .comc-info h4{height: 60px;overflow:hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;margin:10px 0 5px;}
.m-area .m-case .comc-content .comc-item .comc-info p{font-size:12px;color:#666;line-height:22px;text-align:left;font-weight:normal;height:66px;overflow:hidden; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.i-notebook{top:11px!important;}
.m-message{width:370px;}
.m-message .form .d-group{display:inline-block;height:40px;width:360px;position:relative;margin:10px 0;}
.m-message .form .d-group .icon{position:absolute;width:24px;height:23px;top:7px;left:7px;}
.m-message .form .d-group input,.m-message .form .d-group textarea{width:313px;outline:none;border:none;padding-left:35px;padding-right:10px;background:#fff;font-size:16px;color:#333;line-height:0;text-align:left;font-weight:normal;font-family:'微软雅黑';}
.m-message .form .d-group input{line-height:38px;height:38px;}
.m-message .form .d-group textarea{height:75px;padding-top:10px;padding-bottom:10px;line-height:23px;}
.m-message .form .d-group .submit{width:360px;height:44px;font-size:24px;color:#fff;line-height:44px;text-align:center;font-weight:normal;background:#01a6ea;cursor:pointer;font-family:"微软雅黑";}
.m-message .form .code input{width:80px;float:left;padding-left:10px;}
.m-message .form .code img{width:80px;height:38px;margin-left:10px;}

/*底部*/
.footer{background:#333333;position:relative;font-size:12px;color:#fff;line-height:40px;text-align:left;font-weight:normal;}
.footer .linkgroup a{display:inline-block;position:relative;float:left;margin-left:5px;line-height:normal;}
.footer .linkgroup a .icon{width:31px;height:31px;margin-top:5px;}
.footer .linkgroup a .tip,.footer .linkgroup a .code{position:absolute;background:#fff;display:none;box-shadow:0px 1px 1px 1px #ddd;z-index:9;}
.footer .linkgroup a .tip:after,.footer .linkgroup a .code:after{content:'';width:0;height:0;position:absolute;bottom:-14px;left:80px;border:6px solid transparent;border-top:6px solid #fff;}
.footer .linkgroup a .tip{font-size:14px;color:#333;line-height:35px;text-align:center;font-weight:bold;left:-70px;width:170px;top:-39px;transition:all 0.4s ease;}
.footer .linkgroup a .code{width:120px;height:120px;padding:2px;top:-120px;top:-128px;left:-45px;}
.footer .linkgroup a .code:after{left:54px;}
.footer .linkgroup a:hover .tip,.footer .linkgroup a:hover .code{display:block;}


.m-links{ padding: 17px 0; }
.m-links .title,
.m-links .conBox{ display: inline; }
.m-links .conBox a{ margin-right: 1em; color: #666; }
.m-links .conBox a:hover{ color: #01a6ea; }
p.code img {
    width: 120px;
    height: 120px;
}
.scroll-box img {
    width: 100%;
}
.text_lx {
    font-size: 16px;
    margin: 20px 0;
    padding-left: 15px;
}
/*内页*/
.m-spage{margin-top:10px;}
.m-spage .u-menubox{width:258px;}
.m-spage .u-menubox .u-title-box{background:#333333;height:90px;}
.m-spage .u-menubox .u-title-box h2{font-size:30px;color:#fff;line-height:90px;text-align:left;font-weight:normal;margin-left:20px;}
.m-spage .u-menubox a{overflow:hidden;}
.m-spage .u-menubox .u-menulist{background:#f3f4f4;}
.m-spage .u-menubox .u-menulist h4{position:relative;z-index:2;}
.m-spage .u-menubox .u-menulist h4 a{height:52px;font-size:18px;color:#333;line-height:52px;text-align:left;font-weight:normal;padding:0 30px;display:block;}
.m-spage .u-menubox .u-menulist h4:before{content:'';display:block;width:93%;margin:0 auto;top:-1px;height:1px;background:#ccc;}
.m-spage .u-menubox .u-menulist h4:hover a{background:#01a6ea;color:#fff;}
.m-spage .u-menubox .u-menulist .active,.m-spage .u-menubox .u-menulist .hover{border-bottom:none;}
.m-spage .u-menubox .u-menulist .active:before,.m-spage .u-menubox .u-menulist .hover:before{display:none;}
.m-spage .u-menubox .u-menulist .active a,.m-spage .u-menubox .u-menulist .hover a{background:#01a6ea;color:#fff;}
.m-spage .u-menubox .u-menulist .active > .sm-menu,.m-spage .u-menubox .u-menulist .hover .sm-menu{display:block;}
.m-spage .u-menubox .u-menulist .sm-menu{display:none;background:#f3f4f4;padding:5px 0;padding-bottom:15px;}
.m-spage .u-menubox .u-menulist .sm-menu a{display:block;padding-left:45px;height:30px;font-size:14px;color:#fff;line-height:30px;text-align:left;font-weight:normal;background:#f3f4f4;color:#333;}
.m-spage .u-menubox .u-menulist .sm-menu a:hover{color:#01a6ea;}
.m-spage .u-menubox .u-foot{margin:10px 0;}
.m-spage .u-menubox .u-foot .img{width:258px;height:374px;overflow:hidden;}
.u-page{margin-left:275px;}
.u-page .up-title{border-bottom:1px solid #01a6ea;height:35px;overflow:hidden;}
.u-page .up-title h4{font-size:20px;color:#01a6ea;line-height:30px;text-align:left;font-weight:bold;float:left;}
.u-page .up-title .pro-nav li{float:left;margin-left:2px;line-height:40px;}
.u-page .up-title .pro-nav li a{font-size:14px;color:#333;line-height:40px;text-align:center;font-weight:normal;}
.u-page .up-title .pro-nav li a:hover{color:#01a6ea;}
.u-page .up-title .pro-nav li .home{float:left;margin-top:9px;}
.u-page .news-content{margin-top:0!important;}
.u-page .u-content{margin-top:20px;}
.u-page .u-content .d-group{margin:10px 0;height:175px;overflow:hidden;}
.u-page .u-content .uc-item{width:455px;height:173px;border:1px solid #ccc;overflow:hidden;}
.u-page .u-content .uc-item a{font-size:14px;color:#333;line-height:28px;text-align:left;font-weight:normal;}
.u-page .u-content .uc-item a .uc-info{width:227px;padding:22px 10px;}
.u-page .u-content .uc-item a .uc-info h4{font-size:20px;color:#333;line-height:30px;text-align:left;font-weight:normal;}
.u-page .u-content .uc-item a .uc-info .line{height:2px;width:28px;background:#ccc;display:block;margin:12px 0;}
.u-page .u-content .uc-item a .img{width:208px;height:174px;overflow:hidden;}
.u-page .u-content .uc-item a .img>img{ width: 100%; height: 100%; }
.u-page .u-content .uc-item a:hover h4{color:#01a6ea;}
.u-page .u-content .uc-item a:hover .line{background:#01a6ea;}
.u-page .u-content .news-item{width:895px;height:120px;float:right;border-bottom:1px dashed #ccc;}
.u-page .u-content .news-item a{font-size:14px;color:#666;line-height:30px;text-align:left;font-weight:normal;display:block;padding-top:30px;height:168px;overflow:hidden;}
.u-page .u-content .news-item a h4{font-size:20px;color:#333;line-height:30px;text-align:left;font-weight:normal;}
.u-page .u-content .news-item a h4 .date{font-size:12px;color:#666;line-height:30px;text-align:right;font-weight:normal;float:right;}
.u-page .u-content .news-item a p{margin:16px 0 0;}
.u-page .u-content .news-item a:hover h4{color:#01a6ea;}
.u-page .u-content .lg-img{width:100%;height:284px;overflow:hidden;margin-bottom:10px;text-align:center;}
.u-page .u-content .com-title{font-size:24px;color:#333;line-height:30px;text-align:center;font-weight:normal;margin:28px 0 0;}
.u-page .u-content .content{margin-top:20px;}
.u-page .u-content .content p{margin-bottom:30px;font-size:14px;color:#333;line-height:30px;text-align:left;font-weight:normal;}
.u-page .u-content .s-detailbox{font-size:12px;color:#666;line-height:40px;text-align:center;font-weight:normal;}
.u-page .u-content .detail-img{text-align:center;margin-top:10px;}
.u-page .sg-nav{border-top:1px dashed #ccc;padding:28px 0;}
.u-page .sg-nav a{font-size:12px;color:#666;line-height:normal;text-align:center;font-weight:normal;}
.u-page .sg-nav a:hover{color:#01a6ea;}

/*在线留言*/
.sub-message{padding:50px 30px;background:#FFF;color:#333;font-family:"microsoft yahei";}
.sub-message .m-textimg{font-size:14px;margin-bottom:20px;line-height:24px;}
.sub-message .m-textimg img{float:left;margin-right:15px;}
.sub-message i{font-style:normal;display:inline-block;*display:inline;*zoom:1;padding-right:5px;color:#F00;}
.sub-message .m-tage{padding:5px 0;}
.sub-message .m-form{padding:10px;margin-bottom:10px;}
.sub-message table{width:100%;}
.sub-message .m-form table td{padding:7px 0;}
.sub-message label{display:inline-block;width:95px;height:30px;line-height:30px;text-align:right;position:relative;top:-1px;}
.sub-message .m-form table input{width:60%;height:28px;line-height:28px;padding-left:5px;vertical-align:middle;}
.sub-message .m-form .td-textarea{vertical-align:middle;width:60%;}
.sub-message .m-form .td-textarea label{float:left;}
.sub-message .m-form .td-textarea textarea{width:70%;height:168px;padding:5px;}
.sub-message .m-submit{text-align:right;vertical-align:top;}
.sub-message .m-submit img{margin-left:5px;vertical-align:top;}
.sub-message .m-submit .btn{width:80px;height:28px;line-height:24px;margin:0;margin-left:5px;border:none;font-family:"microsoft yahei";cursor:pointer;font-size:14px;}
.sub-message .m-submit .btn:hover{filter:alpha(opacity=90);opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;}
.sub-message .m-submit input{vertical-align:top;height:24px;line-height:24px;margin:0;width:80px;cursor:auto;padding-left:5px;}
.sub-message .m-submit input,.sub-message .m-form table input,.sub-message .m-form .td-textarea textarea{border:1px solid #E1E1E1;background:#FFF;}
.sub-message .m-form{border:1px solid #e0e0e0;background:#f5f3f3;}
.sub-message .m-submit .btn{color:#fff;background:#01a6ea;}

.left-QRcode{ margin-bottom: 10px; text-align: center; }
.left-QRcode img{ max-width: 100%; }