.clear{ clear:both; height:0; line-height:0; font-size:0;}
/* .clearfix:before,.clearfix:after,.container:before,.container:after,.container-middle:before,.container-middle:after{content:" ";display:table} */
.clearfix:after,.container:after,.container-middle:after{clear:both}
.clearfix {zoom: 1;}
.pr { position: relative;}
.fl { float:left;}
.fr { float:right;}
.mainbanner {
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    position: relative;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.slideshow {
    height: auto !important;
    object-fit: cover;
}
/* .banner_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
} */
.text-left-middle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); /* 仅垂直居中 */
    color: #fff;
    text-align: left;
    background: rgba(0,0,0,0.6);
    padding: 15px 30px;
    border-radius:2px ;
  }
.mainbanner img {
    width: 100%;
    height: auto;
    display: block;
}
.index_tite{ width:100;padding: 40px 0;}
.index_tite .intitle { height:50px; line-height:50px; font-size: 30px;    color: #364054;      font-weight: 800;    text-align: center;}
.index_tite .intitle span {   color: #006770; font-weight:800;}
.index_tite .intext { display:block;font-size: 18px;    text-align: center;    color: #364054; height:40px; line-height:40px;  font-family: "Open Sans Light"; font-weight: 300;}
.index_tite .intitle4 { height:60px; line-height:60px; font-size: 28px;    color: #006770;      font-weight: 300;    text-align: center;}


.about_company_bg{ background:url(../images/about_bg.jpg) center bottom no-repeat #ffffff;}
/* .about_company_bg{ background: #FFF;} */
.about_company{font-size:14px;line-height:30px;color:#333;text-align:left;position:relative;padding-bottom:35px; margin:20px 0px;min-height: 500px;}
.about2_img{width:460px;min-height:448px; float:left;border:solid 1px #ddd;position:relative;box-sizing:border-box}
.about2_img .img{padding: 25px;}
.about2_img .img img{width:100%;height:100%;display:block;}
.about_txt{width:calc(100% - 530px);float:right;}
.about_txt h3{font-size:25px;margin-bottom:20px}
.about_txt p{line-height:28px;text-align:justify;margin-top:15px;color:#555}

.product-number-info{width:100%;float:right;position:relative;background:rgba(255,255,255,0.66);height:100px; margin-top:50px;}
.product-number-info ul{padding:0px 0}
.q{zoom:1}
.product-number-info li{float:left;width:calc(25% - 20px);padding-left:80px;height:80px; margin-right:20px;border-right:0px solid #ddd;box-sizing:border-box}
.product-number-info li.li-1{background:url(../images/youshi01.png) no-repeat 0px center}
.product-number-info li.li-2{background:url(../images/youshi02.png) no-repeat 0px center}
.product-number-info li.li-3{background:url(../images/youshi03.png) no-repeat 0px center}
.product-number-info li.li-4{background:url(../images/youshi04.png) no-repeat 0px center}
.product-number-info li:last-child{border:none}
.product-number-info li b{font-weight:300;font-size:36px;line-height:1;display:inline-block;position:relative;margin:10px 0 5px}
.product-number-info li p{font-size:14px;color:#666}
.product-number-info li b i{font-style:normal;font-family:Impact;color:#039aa8}
.product-number-info li b sup{position:absolute;font-size:20px;right:-20px;top:-3px;color:#039aa8}
.product-number-info li b span{position:absolute;font-weight:normal;color:#0dbfc8;font-size:14px;right:-30px;top:18px}

.plan{height:150px;background:url(../images/contact_bg.jpg) no-repeat center center; background-size:100% 100%;text-align:center; border-radius:3px;}
.plan-title-wrap{padding:37px 0 16px}
.plan-title{font-size:30px;color:#fff;margin:0 12px; font-weight:300; }
.plan-des{font-size:16px;color:#cce0fe; text-align:center}


.abt5-con{margin-top:0px}
.abt5-swiper{position:relative}
.abt5-slide{display:block;border-radius: 3px;  margin: 10px 0; box-shadow: 0 0 10px 2px rgba(5, 36, 113, 0.1);border: 1px solid #fff;}
.abt5-slide:hover{ border:1px solid #039aa8; box-shadow: 0 0 10px 2px rgba(16, 104, 116, 0.1);}
.abt5-img{transition:ease .5s; border:0px solid #ddd; border-radius: 3px; text-align: center; margin-bottom: 15px;}
.abt5-img img{display:inline-block;width:90%; margin: 0 auto;transition: 0.4s ease all;}
.abt5-slide .inprotxt{ padding: 15px 20px;}
.abt5-slide .inprotxt .inprotit { display: flex;  align-items: center; border-bottom: 1px dotted #eee;}
.abt5-slide .inprotxt .inprotit h4{ font-size: 18px; margin: 0;}
.abt5-slide .inprotxt .inprotit p{ font-size: 14px; margin-top: 0;}
.abt5-slide .inprotxt .inprotit p img{margin-top: -2px; width: 6px; margin-left: 15px;}
.abt5-slide .inprotxt .subtit{
    margin-top: 10px;
    min-height: 50px;
    display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.2;

}
.abt5-slide:hover 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);}


.abt5-slide p{margin-top:12px;text-align:center;font-size:20px;line-height:32px;color:#333;transition:ease .5s}
.abt5-slide:hover h4{color:#039aa8}
.abt5-slide:hover .subtit{color:#000}
.abt5-swiper .swiper-pagination{width:100%;display:none}
.abt5-swiper .swiper-pagination-bullet{margin:0 5px}
.abt5-swiper .swiper-pagination-bullet-active{background:#00a1e1}
.abt5-swiper .swiper-button-next,.abt5-swiper .swiper-button-prev{margin-top:-40px;width:55px;height:55px;border-radius:50%;line-height:55px;background:#fff;color:#333;box-shadow:0 0 13px rgba(0,0,0,.1);text-align:center;opacity:1;cursor:pointer;transition:ease .5s;font-weight:bold}
.abt5-swiper .swiper-button-next{right:-75px}
.abt5-swiper .swiper-button-prev{left:-75px}
.abt5-swiper .swiper-button-next:hover,.abt5-swiper .swiper-button-prev:hover{background:#00a1e1;color:#fff;box-shadow:none}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { font-size: 14px;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { font-size: 14px;}


.form_tite{ width:100%;padding: 40px 0; display: flex;justify-content: space-between;}
.form_tite .intitle { height:75px; line-height:45px; font-size: 32px;    color: #364054;      font-weight: 600;    text-align: left;}
.form_tite .intitle span {   color: #006770; font-weight:600;}
.form_tite  .intitle .intext { display:block;font-size: 18px;    color: #364054; height:30px; line-height:30px;  font-family: "Open Sans Light"; font-weight: 300;}
.form_tite .intitle4 { height:60px; line-height:60px; font-size: 18px;    color: #006770;      font-weight: 300;  }
.form_tite a.more{margin-top:15px;width:228px;height:42px;line-height:40px;border:1px solid #5a5a5a;display:flex;justify-content:center;align-items:center;font-size:14px;color:#666;transition:all .5s}
.form_tite a.more i{margin-left:10px}.form_tite a.more:hover{background-color:#ef3e4a;border-color:#ef3e4a;color:#fff}


.hmform{padding:20px 0 50px;background:url(../images/in_price_bg.png) repeat}

.hmform .input{position: relative;float: left; background:#f8f8f8;}
.hmform .input:nth-child(1){ width:40%;}
.hmform .input:nth-child(2){ width:23%;}
.hmform .input:nth-child(3){ width:23%;}
.hmform .input:nth-child(4){ width:14%;}
.hmform .input i{width: 1px;height: 20px;background: #ccc;position: absolute;right: 0px;top: 22px;}
.hmform input{display: block;height: 60px; width:100%;padding-left: 50px;border: 2px solid #039aa8;border-right: none;box-sizing: border-box;outline: none;}
.hmform .input_msg{ background: url(../images/dljz-icon-company.png) 15px 50% no-repeat;}
.hmform .input_name{background: url(../images/dljz-icon-name.png) 15px 50% no-repeat;border-left: none;}
.hmform .input_phone{background: url(../images/dljz-icon-phone.png) 15px 50% no-repeat;border-left: none;}
.hmform .input_submit{/*width: 180px;*/background: #039aa8;font-size: 16px;border-color: #039aa8;height: 60px;color: #fff;cursor: pointer;padding-left: 0px;transition:all .5s}
.hmform .input_submit:active{opacity: 0.8;}
.hmform .input_submit:hover{background: #006770;border-color: #006770;}

.hmform p{ margin:20px 0;}

.bottomgs{ margin-top:0px; background:url(../images/bottom_bg.jpg) top center #272727;}
.bottomcent {margin:0 auto;margin-top:0px; padding-top:50px;}
.bottom_left {height:180px;border-right:1px dashed #333; padding-right: 80px;}
.bottom_left .blogo{ margin-bottom:30px;}
.bottom_left .blogo span{display:block; margin-top:10px;}
.bottom_left .blogo span img{ max-width:100%; max-height: 150px; display:block;}
.bottom_left .blogo p{ font-size:14px; font-weight:400; width:308px; display:block; margin-top:20px; border:1px solid #df6577; color:#df6577; height:35px; line-height:35px; text-align:center; border-radius:20px;}
/*.bottom_left .blogo p i{ width:16px; height:16px; display:inline-block;background:url(../images/foot_tel.png) center 0px no-repeat; margin-right:10px; }*/
.bottom_left .tel { width:100%; display:block; float:left; height:32px; line-height:32px;}
.bottom_left .tel p{ float:left;}
.bottom_left .tel span{ float:left; color:#FFF; font-size:18px; font-weight:normal;}
.botext { text-align:center;color:#ddd;} 
.botext a{ color:#ddd; }
.botext a:hover{ color:#fff; }

.bottom_md {line-height:35px;color:#fff;font-size:14px;margin-left:50px;margin-right:50px;height:180px; }
.bottom_md p{ height:33px; line-height:33px; font-size:14px;}
.bottom_md p span{display: inline-block;  vertical-align: top; color:#ccc; }
.bottom_md p.company i{ width:20px; height:27px; display:inline-block;background:url(../images/foot_company.png) center bottom no-repeat; margin-right:10px; }
.bottom_md p.address i{ width:16px; height:25px; display:inline-block;background:url(../images/foot_address.png) center bottom no-repeat; margin-right:10px; }
.bottom_md p.tel i{ width:16px; height:25px; display:inline-block;background:url(../images/foot_tel.png) center bottom no-repeat; margin-right:10px; }
.bottom_md p.mobile i{ width:16px; height:25px; display:inline-block;background:url(../images/foot_mobile.png) center bottom no-repeat; margin-right:10px; }
.bottom_md p.emial i{ width:16px; height:25px; display:inline-block;background:url(../images/foot_email.png) center 8px no-repeat; margin-right:10px; }
.bottom_md p b{display: inline-block;  vertical-align: top; font-size:20px; font-weight:600;}
.bottom_right { float:right;margin-left:50px;margin-top:10px;color:#999;font-size:14px;text-align:center;}

.bottom_right img {margin-bottom:15px;width:100px;}
/*links*/
.links{padding-top:10px; margin-top:20px; margin-bottom:20px; overflow:hidden; text-align:left; border-top:1px solid #333;color:#999;}
.links span{text-transform:uppercase; font-weight:normal; color:#999;  }
.links a:hover{ text-decoration:none; color:#fff;}
.links a{ display:inline-block; font-size:13px; color:#999; line-height:26px; padding-right:10px; text-align:left;}
.bottomtxt,.bottomtxt a {color:#999; display:inline-block; padding:0; margin-right:10px;}


/* contact */
.contact{ border:1px solid #ddd; position:relative; height:600px; display:block; padding:50px 80px; background:#fff; margin:50px auto;}
.contact_map{ width:40%; height:500px; background:#f8f8f8; float:right; padding: 30px;}
.contact_lx{ width:50%; float:left;}
.contact_lx p{ height:50px; line-height:50px; color:#666;border-bottom:1px solid #ddd;font-size:16px; display:block; }
.contact_lx p.title{ font-size:24px; font-weight:bold;  display:inline-block; margin-bottom:30px; color:#000; }
.contact_lx p.address{ background:url(../images/con_ico01.png) left center no-repeat; padding-left:30px; background-size:20px 20px;    }
.contact_lx p.tel{ background:url(../images/con_ico02.png) left center no-repeat; padding-left:30px; background-size:20px 20px;    }
.contact_lx p.mb{ background:url(../images/con_ico03.png) left center no-repeat; padding-left:30px; background-size:20px 20px;    }
.contact_lx p.mobile{ background:url(../images/con_ico05.png) left center no-repeat; padding-left:30px; background-size:20px 20px;    }
.contact_lx p.email{ background:url(../images/con_ico04.png) left center no-repeat; padding-left:30px; background-size:20px 20px;    }
.contact_lx .cewm{ margin-top:50px}
.contact_lx .cewm li{ width:130px; display:inline-block; margin-right:30px;}
.contact_lx .cewm li img{ width:100%; display:block;}
.contact_lx .cewm li p{ display:block; text-align:center; color:#666; border:0; font-size:14px; height:30px; line-height:30px;}

.contact_form_tite{background:url(../images/con_ico03.png) left 12px no-repeat; background-size:24px 24px;  
     width:100%; display: flex;justify-content: space-between;}
.contact_form_tite .intitle {  height:75px; line-height:45px; font-size: 24px;    color: #364054;      font-weight: 600;    text-align: left;}
.contact_form_tite .intitle span { padding-left:30px;   color: #364054; font-weight:600;}
.contact_form_tite  .intitle .intext { display:block;font-size: 16px;    color: #364054; height:30px; line-height:30px;  font-family: "Open Sans Light"; font-weight: 300;}

/* about */
.typenav{ width:100%;text-align: left;padding:0px 0;font-size: 0;background:#f9f9f9; border-top:0px solid #da2337;}
.typenav ul{   margin:0 auto; }
.typenav a{display: inline-block; padding: 12px 35px;border-radius:0px; border-radius:0px;  cursor: pointer; font-size: 14px; color: rgba(0, 0, 0, 0.6); margin: 0px; transition:all .3s

}
.typenav a:hover{background: linear-gradient(to right, #039aa8, #0dbfc8);transition:all .3s;position: relative;color: #fff;}
.typenav a.on{background: linear-gradient(to right, #039aa8, #0dbfc8); color:#fff;transition: all 0.4sease;}
.typenav a:first-child{ border-left:0px;}

/* news */

.news_list{width:100%;display:block}
.news_list dl{display:block;overflow:hidden;border-bottom:1px solid #ddd;padding:20px;margin-bottom:15px;background:#fff}
.news_list dl dt{width:320px;height:240px;float:left;display:inline-block}
.news_list dl dt img{display:block;max-width:100%;max-height:100%;border:0;margin:0 auto}
.news_list dl dd{width:calc(100% - 400px);height:240px;display:inline-block;float:right;margin-right:20px}
.news_list dl dd p.title{font-size:24px;height:50px;line-height:50px;color:#000;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news_list dl dd p.time{font-size:14px;height:40px;line-height:30px;color:#666}
.news_list dl dd p.des{font-size:15px;color:#666;line-height:24px;display:block;height:100px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.news_btn{display:inline-block;padding:10px 50px;background:#039aa8;color:#fff;border-radius:2px;float:right;margin-top:10px}
.news_btn:hover{background:#0dbfc8}
.news_list dl:hover{border-bottom:1px solid #039aa8}
.news_list dl:hover  p.title{color:#039aa8;}

.news_detail_page{width:100%;overflow:hidden}
.news_detail_page a{font-size:14px;display:block;width:100%;height:50px;line-height:50px;color:#666;padding-left:35px;background:url(../images/icon-dd7.png) no-repeat 5px center;border-bottom:1px dashed #ddd;border-top:1px solid #ddd}
.news_detail_page a:last-child{background:url(../images/icon-dd8.png) no-repeat 5px center;border-top:0 solid #e5e5e5}
.news_detail_page a:hover{color:#52451f}

.job-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background: linear-gradient(to right, #039aa8, #0dbfc8);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    color: #fff;
}
.btn-job {
    color: #fff;
    background-color: #039aa8;
    border-color: #039aa8;
}
.btn-job:hover{background:#0dbfc8;border-color: #0dbfc8;}

/* service */
.service{ margin: 50px auto;}
.service .box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.service .leftsidebar{width:25%;padding:2.8125% 2.8125% 5%;box-shadow:0 0 13px rgba(0,0,0,.1);box-sizing:border-box}
.service .leftsidebar>ul>li>.title,.service .leftsidebar>ul>li>a{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;font-size:16px;color:rgba(0,0,0,.6);padding-right:7.7%;box-sizing:border-box;-webkit-transition:all .4s ease;transition:all .4s ease}
.service .leftsidebar>ul>li.on>.title,.service .leftsidebar>ul>li.on>a,.service .leftsidebar>ul>li>.title:hover,.service .leftsidebar>ul>li>a:hover{color:#fff;padding-left:9%}
.service .leftsidebar>ul>li>.title:before,.service .leftsidebar>ul>li>a:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#f0f0f0}
.service .leftsidebar>ul>li.on a:before,.service .leftsidebar>ul>li.on>.title:before,.service .leftsidebar>ul>li>.title:hover:before,.service .leftsidebar>ul>li>a:hover:before{opacity:0}
.service .leftsidebar>ul>li>ul>li:last-child .title:before{display:none}
.service .leftsidebar>ul>li>.title:after,.service .leftsidebar>ul>li>a:after{content:'';position:absolute;left:0;bottom:0;z-index:-1;width:0;height:100%;opacity:0;background:-webkit-linear-gradient(to right,#039aa8,#0dbfc8);background:linear-gradient(to right,#039aa8,#0dbfc8);-webkit-transition:all .4s ease;transition:all .4s ease}
.service .leftsidebar>ul>li.on a:after,.service .leftsidebar>ul>li.on>.title:after,.service .leftsidebar>ul>li>.title:hover:after,.service .leftsidebar>ul>li>a:hover:after{width:100%;opacity:1}
.service .leftsidebar>ul>li>.title i,.service .leftsidebar>ul>li>a i{display:inline-block;width:10px;height:14px;background:url(../images/icon22.png) center no-repeat;background-size:100% auto;opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px);-webkit-transition:all .4s ease;transition:all .4s ease}
.service .leftsidebar>ul>li.on a i,.service .leftsidebar>ul>li.on>.title i,.service .leftsidebar>ul>li>.title:hover i,.service .leftsidebar>ul>li>a:hover i{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
.service .leftsidebar ul li ul li .title{display:flex;align-items:center;color:rgba(0,0,0,.6);font-size:14px;min-height:40px}
.service .leftsidebar ul li ul li.on>.title{color:#039aa8}
.service .leftsidebar ul li ul{padding-top:15px;padding-bottom:10px;padding-left:15px;padding-right:15px}
.service .leftsidebar>ul>li>ul{border-bottom:#f0f0f0 solid 1px}
.service .leftsidebar ul li ul li ul{padding-top:0;padding-bottom:10px}
.service .leftsidebar ul li ul li a{display:flex;align-items:center;min-height:36px;font-size:14px;color:rgba(0,0,0,.6);-webkit-transition:all .4s ease;transition:all .4s ease}
.service .leftsidebar ul li ul li.on>a,.service .leftsidebar ul li ul li:hover>a{color:#039aa8}
.service .rightbox{width:70.3125%}
.service-edit{color:rgba(0,0,0,.6);line-height:1.8}
.service-edit .title{border-bottom:#f0f0f0 solid 1px}
.service-edit .title h3{position:relative;display:inline-block;font-family:HONORSansCN-DemiBold;font-size:30px;color:#000;padding-bottom:12px}
.service-edit .title h3:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:4px;background:-webkit-linear-gradient(to right,#039aa8,#0dbfc8);background:linear-gradient(to right,#039aa8,#0dbfc8)}
.service-edit .text{padding-top:36px;font-size:18px}
.service-edit .text ul li{list-style:inherit}

.job{ padding-top: 0.6rem; }
.job .list{ padding-bottom: 30px; }
.job .list li{ margin-bottom: 20px; cursor: pointer;}
.job .list li .topDiv{ padding: 31px 54px 0; height: 117px; box-sizing: border-box; background: #f5f7fa; position: relative; overflow: hidden;}
.job .list li .name{ font-size: 21px; line-height: 33px; color: #000; font-weight: bold; }
.job .list li .msgList{ overflow: hidden; }
.job .list li .msgList dd{ float: left; padding-right: 20px; line-height: 30px; font-size: 15px; color: #555; }
.job .list li .hideBox{ display: none; padding: 9px 54px 45px; position: relative; background: #f5f7fa;}
.job .list li .ico{ position: absolute; right: 40px; top: 40px; z-index: 1; width: 21px; height: 12px; box-sizing: border-box; background: url(../images/ico5.png) center no-repeat; border-radius: 50%;}
.job .list li .txt{ font-size: 18px; color: #333; line-height: 18px; padding-bottom: 12px; }
.job .list li .msg{ font-size: 15px; line-height: 28px; color: #555; padding-bottom: 0.35rem; }
.job .list li .tips{ font-size: 15px; line-height: 28px; color: #555;}
.job .list li .tips em{ color: #aa041b; }
/*.job .list li .liNow{ background: #383f49 url(../images/nimg1058Bg.png) right bottom no-repeat; background-size: 10.58rem;}*/
.job .list li .liNow .name{ color: #aa041b; }
.job .list li .liNow .ico{  transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.pro_otherbg{ background:#f6f8fa; padding:30px 0;}
.pro_card{border:1px solid #f5f8fa;border-radius:5px;box-shadow:0px 0px 0px 0px rgba(222.00091525807102,219.00077969107474,219.00077969107474,0.59);background-color:#FFFFFF;overflow: hidden;}
.pro_card:hover{ border:1px solid #039aa8}
.pro_card_tit {color:#111111;font-size:19px;font-weight:700;line-height:1.7em; text-align:center;}
.pro_card_text{color:#3e3e3e;line-height:2em; text-align:center;}
.pro_card img{transition: 0.4s ease all;}
.pro_card:hover 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);}

@keyframes rotate{0%{transform:rotateZ(0deg)}
100%{transform:rotateZ(360deg)}
}
.m_t50{ margin-top: 50px !important;}
@media screen and (max-width:767px){


    .service .box{
		flex-wrap: wrap;
	}

    .about2_img {
        width: 94%;
        min-height: 350px;
        height: auto;
        margin: 0 auto;
        margin-left: 3%;
        /* height: 448px; */
    }
    .about2_img .img {
        display: block;
        position:relative;
        left: 0px;
        top: 0px;
    }
    .about2_img .img img {
        max-width: 100%;
        max-height: 100%;
        display: block;
    }
    .about_txt {
        width: 94%;
        margin: 0 auto;
        margin-left: 3%;
        float: left;
    }
    .product-number-info {
        width: 96%;
        margin: 0 auto;
        /* float: right; */
        position: relative;
        background: rgba(255, 255, 255, 0.66);
        height: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .product-number-info li{float:left;width:calc(50% - 20px);padding-left:40px;height:80px; margin-right:20px;border-right:0px solid #ddd;box-sizing:border-box}
    .product-number-info li.li-1{ background-size:30px ;}
    .product-number-info li.li-2{background-size:30px ;}
    .product-number-info li.li-3{background-size:30px ;}
    .product-number-info li.li-4{background-size:30px ;}
    
    .product-number-info li b {
        font-weight: 300;
        font-size: 30px;
    }
    
    .product-number-info li p {
        font-size: 12px;
        color: #666;
    }
    .plan-title-wrap {
        padding: 27px 0 16px;
    }
    .plan-title {
        font-size: 18px;
        color: #fff;
        margin: 0 12px;
        font-weight: 400;
    }
    .plan-des {
        max-width: 90%;
        margin: 0 auto;
        font-size: 14px;
        color: #cce0fe;
        text-align: center;
    }
    .index_tite .intitle {
        height: auto;
        line-height: 30px;
        font-size: 26px;
        color: #364054;
        font-weight: 800;
        text-align: center;
        max-width: 80%;
        margin: 0 auto;
    }
    .index_tite .intext {
        display: block;
        font-size: 18px;
        text-align: center;
        color: #364054;
        height: auto;
        line-height: 40px;
        font-family: "Open Sans Light";
        font-weight: 400;
    }

    .contact {
        border: 1px solid #ddd;
        position: relative;
        height: auto !important;
        padding: 10px 20px;
    }
    .contact_lx {
        width: 100%;
        float:none;
    }
    .contact_map {
        width: 100%;
        height: auto;
        background: #f8f8f8;
        float: none;
        padding: 10px 30px;
    }
    .contact_lx p {
        height: auto !important;
        line-height: 30px;
        padding: 10px 0;
    }
    .bottom_md {
        line-height: 35px;
        color: #fff;
        font-size: 14px;
        margin-left: 10px;
        margin-right: 10px;
        height: auto !important;
    }
    .bottom_right {
        float: left !important;
    }
    .bottom_md p span , .bottom_md p b {
         display:inline;
    }
    .bottom_md p {
        height: auto !important;
        /* line-height: 23px;
        padding: 5px 0; */
    }


    .mainbanner {
        width: 100%;
        min-width: auto;
    }

    .form_tite {
        padding: 30px 0;
    }
    .form_tite .intitle {
        font-size: 24px;
    }

    .form_tite .intitle .intext {
      
        font-size: 14px;
        line-height: 1.5;
        font-weight: 400;
    }

    .service .leftsidebar {
        width: 100%;
        padding: 2rem;
    }
    .service .leftsidebar ul li ul {
        display: none;
    }
    .service .rightbox {
        width: 100%;
        margin-top: 7%;
    }

    .index_tite {
        padding: 20px 0;
    }
.abt5-slide p {
    font-size: 14px;
}
}