@charset "utf-8";
/* CSS Document */
/*****index*******/

element.style {
}
.menubar_root .right_part .menubar_icon .svg-icon {
    display: block;
    width: 1em;
    height: 1em;
}
.svg-icon[data-v-8b911042] {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
.logo-w{margin: 0px;height: 45px;}

.mainW {width:100%;background-color: #fff;}
.mainT {min-width:100%; position: fixed;background-color: #fff;}

.swiperBan {width: 100%;    margin-top: 65px;}
.swiperBanA {width: 100%;}
.swB img {display: block;width: 100%;}
.paginationBan {bottom: 4px;}
.paginationBan span {width: 9px;height: 9px;margin: 0 5px;background: #eee;}
.paginationBan span.swiper-active-switch {background:#d90c18 ;}
.search{position: relative;margin: 10px 0; width:100%; height: 35px;}
.search_input{border:1px solid #d90c18;border-radius:10px 0 0 10px;height: 35px;line-height: 35px;font-size: 14px;width:calc(100% - 82px);text-indent: 10px;border-right:0;}
.search_submit{border-radius:0 10px 10px 0; height: 35px;color: #fff;font-size: 14px;border: none;width: auto;padding: 0 15px 0 35px;font-weight: 500;
background-image: -moz-linear-gradient( 0deg, rgb(0,249,229) 0%, rgb(0,155,118) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(216,12,24) 100%, rgb(155,0,0) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(216,12,24) 100%, rgb(0,155,118) 100%);}
.search_icon{width: 22px;position: absolute;right: 15%;top:25px;}
.search_icon1{width: 30px;}
.content{margin:0 4% 20% 4%;}
.contTop,.contMid,.contMidus,.contBot a{margin:20px 0 0;overflow: hidden;width: 100%;}
.contTop a{float: left;width: calc(50% - 7px);height: 100px;border-radius: 6px;padding: 15px;
background-image: -moz-linear-gradient( 0deg, rgb(0,249,229) 0%, rgb(0,155,118) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(216,12,24) 0%, rgb(216,12,24) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(0,249,229) 0%, rgb(216,12,24) 100%);}
.contTop a+a{margin-left: 14px;}
.contTop a.contTopA1{background: url(../images/contTopAbj1.png) no-repeat center right /cover}
.contTop a.contTopA2{background: url(../images/contTopAbj2.png) no-repeat center right /cover}
.contTop a h3{color: #fff;font-size: 20px;margin-bottom: 8px;}
.contTop a p{font-size: 12px;color: #666;}
.contMid{margin-top: 14px;}
.contMid a{float: left;width: calc(50% - 7px); text-align: center; padding: 30px 0;border-radius: 6px;
background:rgb(127,127,127,0.08);}
.contMid a+a{margin-left: 14px;}
.contMid a img{width: 20%;display: inline-block}
.contMid a p{font-size: 14px;color:rgb(216 12 24);line-height: 30px;font-weight: 600;margin: 0;}

.contMidus{margin-top: 14px;}
.contMidus a{float: left;width: calc(50% - 7px); text-align: center; padding: 30px 0;border-radius: 6px;
background:rgb(127,127,127,0.08);}
.contMidus a+a{margin-left: 14px;}
.contMidus a img{width: 20%;display: inline-block}
.contMidus a p{font-size: 16px;color:rgb(216 12 24);line-height: 30px;font-weight: 600;margin: 0;}

.contBot{overflow: hidden;}
.contBot a{background: #f9f9f9;display: block; margin: 0 0 14px;}
.contBot img{float: left;width: 40%;}
.contBot_txt{float: left;width: calc(60% - 14px);margin-left: 14px;}
.contBot_txt h6{font-size:16px; margin:10px 3px 5px;}
.contBot_txt p{margin: 0}
.contBot_txt p span{font-size: 12px;color: #009b76;border-radius: 3px;border:1px solid #009b76;
width: 64px; display: inline-block;text-align: center;margin: 3px;}
.contBot_txt p span.zhyy{color: #ec8914;border-color: #ec8914}
.footer {position: fixed;left: 0;bottom: 0;width: 100%;background: #f5f5f5;border-top: 1px solid #f9f9f9;padding: 10px 12px;z-index: 9;text-align: center;}
.footer ul li {display: block;width: calc(100%/2);float: left;}
.footer ul li img {width: 20px;}
.footer ul li svg {width: 16px;}
.footer ul li span {display: block;font-size: 12px;line-height: 24px;color: #333;}
.footer ul li.footLI span {color: rgb(216 12 24);}
.footer ul li.footLI svg {fill: rgb(216 12 24);}

#footer_cart a {position: relative;}
.qyrz {width: 100%;padding: 50px 10px 100px;text-align: center;margin-top: 20px;}
.qyrz ul li {display: block;width: calc(100%/2);float: left;}
.qyrz ul li img {height: 50px;;}
.qyrz ul li span {display: block;font-size: 12px;line-height: 24px;color: #333;}

.yyfw,.yyxz{display: inline-block;font-size: 14px;border-radius: 3px;border: 1px solid rgb(216 12 24);line-height: 46px;width: 40%; margin: 0 3%;}
.yyfw {background: rgb(216 12 24);color: #fff;}

.footerzc {position: fixed;left: 0;bottom: 0;width: 100%;background: #f5f5f5;border-top: 1px solid #f9f9f9;z-index: 9;text-align: center;}
/*****index*******/
.mban{margin-top: 12px;}
.mban img{width: 100%;border-radius: 10px;}
.titleH3{font-size: 20px;line-height: 30px; margin: 20px 0;font-weight: 400}
.treatCon H3{font-size: 16px; margin: 10px 0;font-weight: 600;  text-align: center;}
.treatCon{margin: 0 5%;}
.treatCon_item{box-shadow: 1px 1px 8px 0px #9c9292;border-radius: 6px;margin-top: 20px;}

.treatCon_item a{display: block;padding:10px 30px 10px 30px;overflow: hidden;}
.treatCon_item h4{font-size: 18px;color: #000; margin-bottom: 10px;line-height: 24px;}
.treatCon_item p{font-size: 16px; color: #666;text-align: center;}
.treatCon_item b{font-size: 18px;color: #e78568}
.treatCon_item span{color: #e78568;margin-left: 3px;}
.treatdot_item{margin-top: 10px; background: none;}

.treatCon_itemgs{box-shadow:1px 1px 8px 0px #9c9292;border-radius: 6px;margin-top: 20px;}
.treatCon_itemgs.high {margin-bottom:20px;}
.treatCon_itemgs a{display: block;padding:5px 30px 0px 30px;overflow: hidden;font-size: 16px;color: #666;}
.treatCon_itemgs h4{font-size: 16px;color: #000; line-height: 24px;padding-top: 10px; font-weight:600}
.treatCon_itemgs p{font-size: 16px; color: #666; /*text-align: justify;*/margin: 0;}

.tabs .tabsCon{display: none;clear: both}
.tabs .horizontal {margin: 0;padding: 0;width: 100%;display: block;height: 42px;border-bottom: 1px solid #eee}
.tabs .horizontal li {float: left;list-style: none;line-height: 42px;background-color: #eee;width: auto;text-align: center;cursor: pointer;padding: 0 12px;font-size:14px;border-radius: 5px 5px 0 0}
.tabs .horizontal li:not(:first-child) {margin-left: 5px}
.tabs .horizontal li.selectActive {background-color: #32c084;color: #fff;}
.tabsCon_Ul ul{margin-top: 20px;}
.tabsCon_Ul ul li {margin: 12px 0;overflow: hidden;}
.tabsCon_Ul ul li img {width: 26px;float: left;margin-top: 2px;}
.tabsCon_Ul ul li .tabsCon_Txt {float: left;margin-left: 12px;width: calc(100% - 40px);}
.tabsCon_Txt h5 { margin: 0;font-size: 16px;line-height: 30px;color: #333;}
.tabsCon_Txt p {margin: 0;font-size: 14px;color: #666;}
.tabsCon_style h4{ margin-top: 30px;text-align: center;color: #009b76}
.tabsCon_style h5{ margin-top: 20px;}
.tabsCon_style p,.tabsCon_p p{margin: 10px 0;}
.tabsCon_p{margin-top: 20px}  
.Tips{margin-bottom: 80px; border: 1px solid #00a279; border-radius: 12px; padding: 15px;background:rgb(0 201 135 / 12%)}
.treatfillTop{background: #009b76;overflow: hidden; padding: 0 12px;}
.purchase_flow{overflow: hidden;width: 100%;margin: 20px 0}
.purchase_flow li{width:25%;position: relative;float: left;text-align: center;}
.purchase_flow li a svg{width: 24px;height: 28px;display: inline-block;fill:#eee;}
.purchase_flow li a p{font-size: 14px;color: #eee}
.purchase_flow li a:after{content: "";width:50%;border-top:5px dotted #eee;position: absolute;left:75%;top: 12px;}
.purchase_flow li:last-child a:after{content: none;}
.purchase_flow li.purchase_curli a p{color: #f1bf73;}
.purchase_flow li.purchase_curli a svg{fill: #f1bf73;}
.purchase_flow li.purchase_curli a:after{border-top:5px dotted #f1bf73;}
.upload_cell.weui-cell{overflow: hidden;background: #fff;padding: 10px 0;}
.upload_cell.weui-cell+.upload_cell.weui-cell{border-top:1px solid #d8d8d8;}
.upload_cell.weui-cell:before{border:none}
.upload_cell .weui-label{width: 100px;font-size: 14px;color: #666;line-height: 35px;margin: 0;font-weight: 500;}
.upload_cell .weui-cell__bd select,.upload_cell .weui-cell__bd input,.upload_cell .weui-cell__bd textarea{width: 100%;border-radius: 3px;color: #656565;border:none;font-size: 14px;padding: 0;}
.upload_cell .weui-cell__bd .weui-select,#country,#start,#date,#years-monthes,#Department,#name,#nexus,#career{line-height: 28px;height: 28px;background:#fff url(../images/dkwx.svg) no-repeat 100% center/15px;}
.upload_cell .weui-cell__bd .weui-input,#start{line-height: 28px;height: 28px;}
.upload_cell .weui-cell__bd textarea{height: 40px;line-height: 22px;}
.upload_cell.weui-cell:last-child{padding: 0;border: none !important;}
.weui-check__label{width:30%;}
.weui-check__label p{display: inline-block;width: auto;margin: 0;font-size: 14px;color: #333;font-weight:normal;line-height: 20px;}
.weui-cells_checkbox .weui-icon-checked:before{font-size: 20px}

.footer .weui-agree{padding: 0;font-size: 14px;font-weight: 400;}
.footer a.fl{color: #009b76;margin-top: 1px;}
.downloadBX{width: 100%;margin: 0;}
.treatinfo_txt{margin: 20px 0;}
.treatinfo_txt span{color: #666;font-size: 14px;float: left;width: 110px;text-align: left;}
.weui-cell__bd>p{font-size: 14px;color: #333;float: right;text-align: right;margin: 0;}
.weui-cell_primary>p{text-align: left;float: left;}
.treatinfo_foot{position: fixed;left: 0;bottom: 0;z-index: 99;width: 100%;text-align: right;
border-top: 1px solid #f9f9f9;font-size: 14px;background: #fff;}
.treatinfo_foot > span {color: #333;float: left;line-height: 44px;margin-left: 12px;}
.treatinfo_foot span i {font-style: normal;color: #009b76;font-size: 16px;}
.treatinfo_foot a {width: 140px;height: 43px;line-height: 43px;background: #009b76;color: #fff;display: inline-block;text-align: center;}
.Success_txt{ margin: 120px 0;}
.Success_txt img{width: 120px;}
.Success_txt h4{color: rgb(216 12 24); font-weight:400;margin: 30px 0;}
.Success_txt p{font-size: 14px;color: #666;margin-bottom: 50px; padding: 0 35px;}
.Success_txt h6{font-size:18px;color: #666;font-weight:400;margin-top: 50px;}
.Success_txt h6 a{color:rgb(216 12 24);}
.Success_txt h6 a:hover{color: #00f9e5}
.addressUl li { padding: 20px 12px 0 12px; overflow: hidden; }
.addressUl li+li{border-top: 5px solid #f9f9f9; }
.addUL_img {width: 30px;float: left;margin-top:-2px;}
.addUL_img img {width: 100%; }  
.addUL_txt {width: calc(100% - 40px);float: right;}
.addUL_txt h3 {font-size: 14px;color: #333;line-height: 24px;margin: 0 0 5px;}
.addUL_txt h3 span {float: right;letter-spacing: 0;}
.addUL_txt p{font-size: 14px;color: #999;margin-bottom: 10px;}
.addUL_txt h5 {font-size: 12px;line-height: 18px;color: #52576B;margin: 0 0 8px -5px;display: none;font-weight: normal;}
.cur h5{display: block;}
.addUL1_img {padding: 5px 0 8px;border-top: 1px solid #f9f9f9;overflow: hidden;clear: both;}
.addUL1_img span {float: right;margin-top: 3px;}
.addUL1_img span a {display: inline-block;margin-left: 20px;font-size: 14px;color: #009b76;}
.head_AO {position: fixed;left: 0;top: 0;width: 100%;display: block;padding: 12px 0;z-index: 99;border-bottom: 1px solid #ddd;background: #fff;}
.head_AO a {display: block;width: 16.5%;float: left;text-align: center;line-height: 24px;position: relative;color: #333;}
.head_AO a:after {content: "";width: 42px;height: 2px;position: absolute;left: 50%;margin-left: -21px;bottom: -10px;}
.head_AO a.head_AOa {color: #009b76;}
.head_AO a.head_AOa:after {background: #009b76;}
.allorder {margin: 50px 0 0;}
.allord_UL li {overflow: hidden;border-bottom: 5px solid #f9f9f9;}
.allord_UL_t {overflow: hidden;padding: 12px 0 3px;}
.allord_UL_t span {display:block;font-size: 14px;float: left;line-height: 36px;color: #999;letter-spacing: 0;}
.allord_UL_t > h6 {margin: 0;font-size: 14px;float: right;line-height: 36px;color: #009b76;}
.allord_UL_con {background: #F9F9F9;padding: 10px;overflow: hidden;border-radius: 3px;}
.allord_ULc_txt {width:100%;}
.allord_ULc_txt h4 {font-size: 18px;color: #333;line-height: 32px;letter-spacing: 0;margin:8px 0 0;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.allord_ULc_txt p {font-size: 14px;margin: 5px 0;color: #999;line-height: 24px;}
.allodr_ULA {overflow: hidden;border-top: 1px solid #f9f9f9;padding: 12px 0 16px;text-align: right;}
.allodr_ULA a {display: inline-block;padding: 3px 12px;border: 1px solid #eee;border-radius: 3px;
margin-left: 10px;border: 1px solid #009b76;color: #009b76;}
.allodr_ULA a.allodr_ULAq {background: #009b76;color: #fff;}
.order_zf_p{ margin:20px 12px ;font-size: 14px; color: #999;}
.order_zf_h6{font-size: 14px;color: #333;font-weight: normal;margin:30px 12px 20px;}
.order_zf_img{height: 24px;margin:5px 10px 10px 0;}
.PersonalHead{position: relative;overflow: hidden;}
.PersonalHead:after{content: "";position: absolute;left: 0;top:0;height: 68%;width: 100%;z-index: 1;background: #BFC0C2;}
.personalBack{font-size: 14px;color:#52576B;position: absolute;right: 20px;top: 12px;z-index: 999;}
.Personal_login,.Personal_infor{background: #fff;padding:30px 20px;border-radius: 3px;position: relative;z-index: 2;margin: 40px 20px 20px;text-align: center;box-shadow: 0px 0px 12px #999;}
.Personal_login h6{font-size: 12px;color: #6f9e92;font-weight: normal;line-height: 1.5;}
.Personal_infor .Personal_pic img{width: 30%;position: absolute;top:-20px;left: 35%;background: #fff;}
.Personal_name{ display: inline-block;border: 1px solid #e6e6e6;padding: 2px 15px;border-radius: 3px;font-size: 14px;color: #52576c;margin-top: 10px;}
.Personal_wx{display: block;background: #009b76;border-radius: 3px;margin: 10px 26px;}
.Personal_wx img{position: relative;top:-1px;width: 20px;margin-right: 8px;}
.Personal_wx span{font-size: 14px;color: #fff;line-height: 42px;}
.Personal_qt{font-size: 12px;color: #c0c1c3;display: inline-block;position: relative;}
.Personal_qt:after,.Personal_qt:before{content: "";width: 20%;height: 1px;background: #E4E4E4;position: absolute;top: 9px;}
.Personal_qt:after{left: -30%;}
.Personal_qt:before{right: -30%;}
.Personalcon_list{background: #fff;padding: 20px 0;overflow: hidden;margin-bottom: 10px;}
.Personalcon_list a{float: left;width: 50%;text-align: center;}
.Personalcon_list a+a{border-left: 1px solid #f1f1f1;}
.Personalcon_list a svg{width: 28px;fill:rgb(216 12 24);}
.Personalcon_list a h6{font-size: 14px;color: #333;font-weight: normal; line-height:18px;}
.Personalcells.weui-cells{margin-top:20px;background: none;}
.Personalcells.weui-cells:after,.Personalcells.weui-cells:before,.Personalcells .weui-cell:before{display: none;}
.Personalcells.weui-cells a{background: #fff;} 
.Personalcells .weui-cell__bd>p{border-left: 3px solid rgb(216 12 24);padding: 0 10px;font-size: 14px;color: #333;height: 14px;line-height: 14px;text-align: left;float: left;}
.sqpzy{margin: 20px 0; display:block;position: relative;}
.sqpzy img{width: 100%;}
.sqpzy_txt{position: absolute;right: 0;top: 50%; margin-top: -30px; width: 150px;height: 60px;}
.sqpzy_txt h5{font-size: 16px;margin-bottom: 12px;}
.sqpzy_txt a{line-height: 28px;width:64%;}
.set_tc {position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 9;display: none;}
.set_tcbj {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);z-index: 2;} 
.set_tca {position: absolute;left: 20%;top: 50%;width: 60%;height: 160px;padding: 10px;background: #fff;z-index: 3;margin: -60px 0 0 0;text-align: center;border-radius: 3px;}
.set_tca h3 {font-size:16px;line-height:30px;margin:0;}
.set_tcaB {display:block;}
.set_tcaB a {display: inline-block;font-size: 12px;line-height: 25px;padding: 0 15px;margin: 0 8px;border-radius: 3px;}
a.set_tcaB1 {background:rgb(216 12 24);color:#fff;}
a.set_tcaB2 {background: #999;color: #fff;}
.register_row{position: relative; overflow: hidden;margin-bottom: 20px;}
.register_row select,.register_row input{border-radius: 3px;height: 46px;line-height: 46px;font-size: 14px;width:100%;border: 1px solid #ccc;}
.registerA{font-size:14px;color:line-height: 16px;display: block}
.registerA:hover{color: rgb(216,12,24)}
.registerA.fr{margin-top: 15px;}
.register_row span input{width: auto;height:17px;}
.register_row label{font-size: 16px;margin-right: -5px;}
.register_row .regidter_But{border-radius: 3px;width: 100%;height: 46px;border:none;font-size:16px;font-weight: 600;color: #fff; outline: none;
background-image: -moz-linear-gradient( 0deg, rgb(216,12,24) 0%, rgb(216,12,24) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(216,12,24) 0%, rgb(216,12,24) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(216,12,24) 0%, rgb(216,12,24) 100%);}
.register_row .regidter_But:hover{background:rgb(216,12,24);}
.obtain {width: 120px !important;background: rgb(216,12,24);display: inline-block;position: absolute;right: 0;line-height: 30px;height: 30px;padding: 0;text-align: center;border-radius:0 3px 3px 0;color: #fff;}
.obtain.obtainS{background: #ec979f;color: #fff;}
.loginPage{width: 100%;height: 100vh;position: relative;overflow: hidden;}
.loginPage_img{margin-top:8%;}
.loginPage_img img{width: 30%;}
.loginPage_txt h4{margin: 0 4%;}
.formPublic{margin:10px 0 0}
.Ei_check .weui-agree{padding: 0;font-weight:normal;font-size: 14px}
.Ei_check a.fl {color: rgb(216,12,24);}
.login_row .regidter_But{width: 100%;}
.loginLink{padding: 15px;}
.loginLink a{font-size: 14px;line-height: 24px;color: #999;}
.lineHR {width: 1px;height: 10px;background: #bbb;display: inline-block;margin: 0 20px;}
.loginLink a:hover{color: rgb(216,12,24);}
.apply_img{ margin: 30px 0 30px;}
.apply_Txt{ margin: 0 0 30px;}
.upload{overflow: hidden;width: 100%;height: 130px;}
.thspImg{position: relative;display: block;float: left;width:calc(50% - 15px);height: 100%;}
.thspImg+.thspImg{margin-left: 30px;}
.thspImg img{height:auto;border-radius: 3px;margin-top: 3px;width: 100%;}
.thspImg i{position: absolute;right: 0;top: 0;color: #000000;width: 16px;height: 16px;line-height: 16px;cursor: pointer;background: #ffffff url(../images/shangchu.svg) no-repeat center / cover;border-radius: 50%;}
.thspImg i:hover{color: #8a1f11;}
.thspImg input{opacity: 0;width: 100%;height: 100%;position: absolute;left: 0;top: 0;cursor: pointer;}
.thspImg span.spanImg{display: block;}
.weui_h5,.weui_ts{color: #666;}
.weui_ts{margin-bottom: 20px; line-height: 24px;}
.proR_head {position: fixed;left: 0;top: 0;width: 100%;background: #d5d5d5;padding: 6px 12px;z-index: 99;}
.proR_d {width: 33.33%}
.proR_d h3 {font-weight: 400;line-height: 30px;font-size: 14px;color: #333;margin: 0;}
.proR_d h3 img {height: 11px;margin-left: 3px;}
.proR_dcon {position: fixed;width: 100%;height: 100%;left: 0;top: 40px;z-index: 99;display: none;}
.proR_dconBj, .proR_sconBj {width: 100%;height: 100%;background: rgba(0,0,0,0.6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);}
.proR_zUl {position: absolute;left: 0;top: 0;width: 100%;background: #fff;}
.proR_zUl li {display: block;text-align: left;padding: 5px 30px;line-height: 24px;border-bottom: 1px solid #f9f9f9;color: #333;}
.proR_zUl li i {display: block;width: 18px;height: 18px;float: right;margin-top: 0px;background-position: center center;background-repeat: no-repeat;}
.proR_zUl li.proR_zli {color: #009b76;}
.proR_zUl li.proR_zli i {background-image: url(../images/T.png);}
.proR_scon {position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 99;display: none;}
.proR_sc_m {position: absolute;right: -100%;top: 0;width: 84%;height: 100vh;overflow: hidden;background: #fff;}
.proR_sc_m h3 {background: #ecfcf9;height: 32px;line-height: 32px;font-size: 14px;color: #009b76;margin: 0;padding: 0 20px;font-weight: 600;}
.proR_sc_mul {width: 100%;display: block;overflow-y: auto;height: calc(100vh - 90px);}
.proR_sc_mul li {padding: 10px 20px;border-top: 1px solid #eee;overflow: hidden;}
.proRH5 {font-size: 12px;font-weight: 600;margin: 0;}
.proRH5 i {height: 6px;width: 10px;display: block;float: right;
margin-top: 3px;}
.proRH5 .proRH5_i {background: url(../images/b.png) no-repeat center center;}
.proRH5 .proRH5_iS {background: url(../images/b1.png) no-repeat center center;}
.proR_sc_li {text-align: center;display: none;margin-left: -2%;margin-top: 10px;}
.proR_sc_li a {width: 48%;display: block;float: left;line-height: 36px;margin-left: 2%;margin-bottom: 5px;letter-spacing: 0;height: 36px;text-align: center;background: #f5f5f5;border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;}
.proR_sc_li a.proR_sc_a{background: #009b76;color: #fff;}
.proR_sc_mbot {text-align: center;padding-top: 12px;border-top: 1px solid #eee;}
.proR_sc_mbot a {height: 32px;line-height: 32px;display: inline-block;font-size: 14px;padding: 0 36px;margin: 0 10px;color: #fff;border-radius: 3px;}
.proRBc {background: #E59837;}
.proRBq {background-image: -webkit-linear-gradient( 0deg, rgb(0,249,229) 0%, rgb(0,155,118) 100%);}
.proR_con {overflow: hidden;margin: 90px 0 70px;}
.proR_con > dl {padding: 20px 10px;}
.proR_con > dl > dt {line-height: 30px;}
.proR_con > dl > dd {line-height: 24px;}
.proR_con ul {margin-left: 2%;}
.proR_con ul li {border: 1px solid #eee;float: left;width: 48%;margin-right: 2%;margin-bottom: 5px;}
.proR_con ul li a {display: block;padding: 5px;}
.proR_con ul li img {width: 100%;}
.proR_con ul li h3 {margin: 0;font-size: 14px;font-weight: 600;color: #333;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 24px;}
.proR_con ul li h6 {margin: 5px 0 0;}
.proR_con ul li h6 p {display: inline-block;font-size: 16px;color: #f00;letter-spacing: 0;}
.proR_con ul li h6 p i {font-style: normal;font-size: 12px;}
.proR_con ul li h6 span {float: right;font-size: 12px;color: #999;margin-top: 3px;letter-spacing: 0;}
.hall .allord_UL li{border-top: 5px solid #9cdecc;border-bottom: none; margin-bottom: 20px;background: #fbfffe;}
.hall .allord_UL li .allord_UL_con{background: none;}
.hall .allodr_ULA{ padding-right: 20px;}
.hall .allord_ULc_txt p{color: #333;}

.cp {text-align: center;padding-top: 70px;}

/*公司介绍*/
 .toptitle {
    text-align: center;
    margin-top: 20px;
  }

  .toptitle h3 {
    font-size: 20px;
	font-weight:600;
  }
 .toptitle span {
    display: block;
    height: 1px;
    border: 0.5px solid rgb(216,12,24);
    width: 60px;
    margin: 15px auto;
    background: rgb(216,12,24);
}

.contAdv { margin:5%;}

/*产品中心*/
.i_container{width:100%; z-index: 2;    padding:14% 4% 8% 4%;}
.i_pro_sort .wp{background-color: #fff;}
.i_pro_sort ul li{width: 100%;background: #fff;box-shadow: 0 1.5px 5px rgb(93 87 87); margin-bottom: 10px;}
.i_pro_sort ul li .ytitle{width: 100%;padding: 20px 0 0 20px;    margin-top: 14px;}
.i_pro_sort .ytitle span{color: #333;font-size: 18px;/*overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*/}
.i_pro_sort .ytitle p{color: #999;font-size: 12px;margin-top: 10px;}
.i_pro_sort ul li .ypic{width: 100%;}
.i_pro_sort .ypic img{width: 100%;  padding: 5% 0 0;}


/*产品列表*/

.i_product .wp {position: relative;}

.sort_lb{padding: 4% 4% 0;}
.sort_lb ul li{display: inline-block;    padding-bottom: 10px;width:24.3%;}
.sort_lb ul li a{border: 1px solid rgba(170, 170, 170, 0.2);color: #828282; line-height: 30px;border-radius: 4px;font-size: 13px;text-align: center;}
.sort_lb ul li a.on{    border-color: rgb(216 12 24);background-color: rgb(216 12 24);    color: #fff;}

.sort_lbs {padding: 4% 4% 0;}
.sort_lbs ul li{display: inline-block; padding-bottom: 10px; width:49.4%;}
.sort_lbs ul li a{border: 1px solid rgba(170, 170, 170, 0.2);color: #828282;  line-height: 30px;border-radius: 4px;font-size: 13px;text-align: center;}
.sort_lbs ul li a.on{    border-color: rgb(216 12 24);background-color: rgb(216 12 24);    color: #fff;}

.indpro {margin-top: 0;}
.indpro .tab-nav {
    height: 45px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    display: block;
    justify-content: space-between;
    align-items: center;
	margin: 4% 4% 0;
}
/*.indpro .tab-nav a.current:before {
    content: " ";
    position: absolute;
    bottom: 0;
    width: 100%;
    left: auto;
    display: block;
    background: #D61518;
    height: 1px;
    border-radius: 5px;
    border: 1px solid #D61518;
}*/
.indpro .tab-nav a.current { color: rgb(216 12 24); border-bottom:1px solid #D61518;}
.indpro .tab-nav a:hover { color: rgb(216 12 24);}
.indpro .tab-nav a {
    line-height: 45px;
    font-size: 16px;
    width: calc(100% / 3);
    text-align: center;
    float: left;
    color: #000;
    display: block;
   /* position: relative;*/
}

.pro-line {
  width: 100%; /* 横线占满容器宽度 */
  height: 1px; /* 设置为1像素的线 */
  background-color: #000; /* 设置线的颜色 */
  margin-top: 10px; /* 在模块下方设置间隔 */
}

.addpro { height: 45px; background: #f9f9f9; width:92%; float:left; display:block; margin: 0 4% 4% 4%;}
.pro-zl { float: left;width: 50%;    font-size: 16px;    text-align: center; line-height: 45px;color: rgb(216 12 24);}
.pro-sp { float: left;width: 50%;    font-size: 16px;    text-align: center; line-height: 45px;}





/*产品内页*/
.add{width: 100%;height: 50px;background: #f9f9f9;}
.add_b{width: 100%;display: flex;justify-content: space-between;align-items: center;    height: 50px;}
.add_b img {width: 25px;}
.add_b p{line-height: 50px;color: #333;}
.add_b p:first-of-type{width: 50px;}
.add_b p a{font-size: 14px;color: #333;}
.add_b p:last-of-type{display: flex;justify-content: flex-end;align-items: center; /*width: calc(100% - 50px);*/overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.add_b p:last-of-type a{margin: 0 5px;}
.add_b p:last-of-type span{margin-left: 5px;display: block;}
.add_b p a:hover{color: rgb(216 12 24);}

.i_pro_l{width: 100%;    padding-bottom: 20px;}
.i_pro_ll{width: 100%;    padding-bottom: 120px;}
.wp_l { margin: 4%;}
.wp_ll { margin: 0;}
.product {padding-bottom: 10px;}
.product_l {width: 49%;background: #fff; box-shadow: 1px 1px 4px 0.5px rgb(73 73 73 / 30%);}
.product_l.left {float:left;}
.product_l .img img {width: 100%;}
.product_r.right {float: right;width: 49%;background: #fff;box-shadow: 1px 1px 4px 0.5px rgb(73 73 73 / 30%);}
.product_r .img img {width: 100%;}
.product .txt{background-color:#f5f5f5;padding: 2px 10px;}
.product .txt h3{font-size: 14px;line-height: 30px;color: rgb(216 12 24);transition: all 0.36s ease;
overflow: hidden;text-overflow: ellipsis;white-space:pre-wrap;}

.product .txt span{transition: all 0.36s ease;color: #777;font-size: 14px;line-height: 22px;}
/*.product .txt h3::before{width: 0px;height: 5px;background: rgb(216 12 24);content: ''; */
position: absolute;left: 0;top: 46px;opacity: 0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}


.product a:hover .img img{transform: scale(1.08) translate3d(0, 0, 0);transition: all 0.36s ease;}
.product a:hover .txt h3{color:rgb(216 12 24);}
.product a:hover .txt h3::before{width: 25px;opacity: 1;}


/*产品详情*/

.product_xq { width: 100%;border: 1px solid #f3f6f8;}
.product_xq .img img {width: 100%;}
.product_xq .txt{background-color: #f6f7f7;padding: 10px 10px;position: relative;}
.product_xq .txt h3{font-size: 16px;line-height: 36px;color: #333;transition: all 0.36s ease;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


/*产品详情底部*/
.contfooter{position: fixed; bottom: 0;overflow: hidden;width: 100%; z-index: 10;}
.contfooter li {display: flex; max-width: 768px;}
.contfooter a{float: left;width:calc(100%/3); text-align: center; padding: 10px 0;
background:rgb(127,127,127,0.08);}
.contfooter a+a{margin-left: 14px;}
.contfooter a img{width: 22%;display: inline-block}
.contfooter a p{font-size: 14px;color:rgb(81 81 81);line-height: 30px;font-weight: 600;margin: 0;}

/*产品视频*/
.product_sp {width:100%;background: #fff; margin-top: 20px;}
.product_sp video {width:100%;}
.product_sp .txt{background-color:#fff;padding: 5px 10px; box-shadow: 1px 1px 0px 0.5px rgb(73 73 73 / 30%);/*position: relative;*/}
.product_sp .txt h3{font-size: 16px;line-height: 30px;color: rgb(216 12 24);transition: all 0.36s ease;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.pro-zlx { float: left;width: 50%; font-size: 16px; text-align: center; line-height: 45px;}
.pro-spx { float: left;width: 50%; font-size: 16px; text-align: center; line-height: 45px;color: rgb(216 12 24);}

/* 悬浮框*/

.side{position:fixed;right:0;bottom:90px;z-index:100;}
.side ul li{height:85px;float:left;position:relative;border-bottom:1px solid #fff;}
.side ul li .sidebox{position:absolute;height:85px;top:0;right:0;background:rgb(216 12 24);
color:#fff;    
border-top-left-radius: 5px;
border-top-right-radius: 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 0;}
.side ul li .sidetop{width:35px;height:75px;display:inline-block;background:#00307c;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li img{float:left;height: 100%;width: auto;}
.sidewx{width: 55px;height: 55px;float: left;position: relative;border-bottom: 1px solid #444;}
.sidewx .sidewximg{position: absolute;bottom: 0;left:-250px;width: 250px;height: 270px;border-radius: 10px;border: 1px solid #00307c;
padding:30px 30px 10px 30px;background: #fff;display: none;}
.sidewx:hover .sidewximg{display: block;}
.sidewx .sidewximg img{width:100%;height: auto;margin-bottom: 15px;}
.sidewx .sidewximg p{text-align: center;font-size: 14px;}




@media(max-width:780px) {
body {
max-width: 768px;
margin: 0 auto;
}
.mainT {width:100%;}
}

@media(max-width:320px) {

}