/* reset */
html { height: 100% ;}
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
/* blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none } */
q { quotes: none }
q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px; font-family: 思源黑体, pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,sans-serif!important}
a { text-decoration: none;-webkit-tap-highlight-color:transparent }
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer; }
a{color: #000; transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;}

::-webkit-scrollbar{width:5px;height:5px;border-radius: 4px;}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{background-color:black;}
::-webkit-scrollbar-track-piece{background-color:#F5F5F5;}
::-webkit-scrollbar-thumb:vertical{margin-right:10px; background-color:#888;}
::-webkit-scrollbar-thumb:vertical:hover{background-color: #FF5600;}
::-webkit-scrollbar-corner:vertical{background-color:#535353;}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00;}


:focus { outline: none }
.edit_con_original{ line-height:2; padding:0 0; color:#333;}
.edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;}
.edit_con_original ul li { list-style:inside disc; margin:auto; }
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style:inside decimal; margin:auto; }
.edit_con_original h1 { font-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}
.edit_con_original video{max-width: 100%;}

/*所有后台编辑器区域都要引用 edit_con_original 类名*/

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }


.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }
   

.err_position{ width:100%; height:auto; background:url(../images/errors.png) center no-repeat;}


/*隐藏视频下载按钮*/
video::-internal-media-controls-download-button {
display:none;
}

video::-webkit-media-controls-enclosure {
overflow:hidden;
}

video::-webkit-media-controls-panel {
width: calc(100% + 30px); 
}

/*图片经过*/
.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{-webkit-transition: opacity .4s,-webkit-transform .6s;transition: opacity .4s,transform .6s;}
.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}



/*两端对齐*/
.justify { text-align:justify; text-justify:distribute-all-lines;}
/*上下居中*/
.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%); position:absolute; left:0; top:50%;}

/*左右居中*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0); position:absolute; left:50%; top:0;}

/*绝对居中*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}

.animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); }
.animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_normal{ transition: 0.5s all linear;}
*{
  -webkit-tap-highlight-color: transparent; 
}
/* 移动端cursor pointer 蓝色阴影 */
/*font-size*/

@font-face { 
  font-family: light;
  src: url('../font/light.ttf'),url('../font/light.eot');
} 

.fnt_16 { font-size: 16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size: 20px;}
.fnt_22 { font-size:22px;}
.fnt_24 { font-size:24px;}
.fnt_26 { font-size:26px;}
.fnt_28 { font-size:28px;}
.fnt_32 { font-size:32px; line-height:34px; }
.fnt_30 { font-size:30px;}
.fnt_36 { font-size:36px;}
.fnt_40 { font-size: 40px;}
.fnt_48 { font-size: 48px;}
.fnt_50 { font-size: 50px;}
.fnt_60 {font-size: 60px;}
.fnt_66 {font-size: 66px;}
.fnt_72 {font-size: 56px;}
.fnt_120 { font-size: 120px;}
@media only screen and (max-width:1600px){
  .fnt_72 {font-size: 60px;}
  .fnt_60 {font-size: 50px;}
}
@media only screen and (max-width:1366px) {
.fnt_40 { font-size:30px;}
.fnt_72 {font-size: 50px;}
.fnt_60 {font-size: 40px;}
}
@media only screen and (max-width: 1280px) {
.fnt_26 { font-size:20px;}
.fnt_50 { font-size: 36px;}
.fnt_40{font-size:30px;}
.fnt_30{font-size:24px;}
.fnt_72 {font-size: 46px;}
}
@media only screen and (max-width: 1150px){
.fnt_72 {font-size: 40px;}
.fnt_60 {font-size: 30px;}
}
@media only screen and (max-width: 990px){
  .fnt_72 {font-size: 36px;}
  .fnt_60 {font-size: 26px;}
}
@media only screen and (max-width: 768px) {
.fnt_18{font-size:16px;}
.fnt_20{font-size: 16px;}
.fnt_24{font-size: 18px;}
.fnt_30{font-size:20px;}
.fnt_40{font-size:24px;}
.fnt_50{font-size:24px;}
.fnt_72 {font-size: 30px;}
.fnt_60 {font-size: 24px;}
}
@media only screen and (max-width: 640px) {
.fnt_40 { font-size: 20px;}
.fnt_72 {font-size: 24px;}
.fnt_60 {font-size: 20px;}
}
@media only screen and (max-width: 520px) {
  .fnt_72 {font-size: 20px;}
  .fnt_60 {font-size: 18px;}
}
@media only screen and (max-width: 450px) {
  .fnt_72 {font-size: 18px;}
  /* .fnt_24{font-size: 14px;} */
}

.ratio-img,.ratio-img img{width: 100%}
.wrap{width: 1200px; max-width: 96%; margin: auto;}
a:hover{color: #d6000f;}
.nav_phone_btn,.nav_phone{display: none;}
.nav_box{background: rgba(136,136,136,0.9);position: absolute;width: 100%;top: 109px;left: 0;z-index: 999;text-align: center;visibility: hidden;opacity: 0; transition: all .3s;-webkit-transition: all .3s;transform: translateY(40px);-webkit-transform: translateY(40px);}
.nav_box a{color: #fff;}
.header{position: fixed;width: 100%;z-index: 999999;}
.header.on .header_bottom h1{  margin-top: 12px;transition: all .3s;-webkit-transition: all .3s;}
.header.on .header_bottom .nav ul li .item{padding-top: 22px;transition: all .3s;-webkit-transition: all .3s;padding-bottom: 20px;}
.header.on .header_bottom .center_box{ margin-top: 16px;transition: all .3s;-webkit-transition: all .3s;}
.header.on .header_bottom .right_box { margin-top: 22px;transition: all .3s;-webkit-transition: all .3s;}
.header.on .nav_box{top: 78px;}

.header_bottom .nav ul li:hover .nav_box{visibility: visible;transform: translateY(0);-webkit-transform: translateY(0); opacity: 1;}
.header_bottom .nav_box li{display: inline-block;float: none!important;text-align: left;margin-right: 11.14%;}
/* .header_bottom .nav_box .nav_box1{border-bottom:1px solid #a6a7a7;} */
.header_bottom .nav_box .nav_box1 {position: relative;padding-bottom: 20px;}
.header_bottom .nav_box .nav_box1 li:last-child{margin-right: 0;}
.header_bottom .nav_box .nav_box1 li dt{line-height: 62px;margin-bottom: 15px;display: initial;}
.header_bottom .nav_box .nav_box1 li dt a{font-size: 16px;display: inline-block;line-height: 62px;display: inline;}
.header_bottom .nav_box .nav_box1 li a:hover{color: #d6000f;}
.header_bottom .nav_box .nav_box1 li a:hover i{opacity: 1;}
.header_bottom .nav_box .nav_box1 li dd{line-height: 34px;height: 34px;}
.header_bottom .nav_box .nav_box1 li dd:nth-of-type(1){margin-top: 10px;}
.header_bottom .nav_box .nav_box1 li dd:first-child{margin-top: 15px}
.header_bottom .nav_box .nav_box1 li dd a{display: inline-block;line-height: 34px;display: inline;}
.header_bottom .nav_box .nav_box1 li dt i{margin-top: 27px;}
.header_bottom .nav_box .nav_box1 li dd i{margin-top: 12px;}
.header_bottom .nav_box .nav_box1 li i{float:left;width: 3px;height: 6px;margin-right: 9px;background: url('../images/nav_box.png') no-repeat; background-size: cover;opacity: 0;}
.header_bottom .nav_box .nav_box1 p{position: absolute;width: 100%;border-bottom: 1px solid #a6a6a6;top: 61px;left: 0;}
.header_bottom .nav{width: 52.14%;}
/* .header_bottom .nav ul{margin: 0 -4.11%;} */
.header_bottom .nav ul .list{width: 16%;text-align: center;}
.header_bottom .nav ul li .item{position:relative;padding-top:42px; padding-bottom: 30px;transition: all .3s;-webkit-transition: all .3s;    line-height: 37px;}
.header_bottom .logo{width:10.14%;margin-right: 10%;}
.header_bottom .logo a{display: inline-block;}
.header_bottom .logo img{width:100%;}
.header_bottom .center_box{float:left;width:12%;;margin-top:35px;position: relative;transition: all .3s;-webkit-transition: all .3s;color:#d6000f;font-family:sitka Display;}
.header_bottom .right_box{float: right;width:15.16%;margin-top: 42px;position: relative;transition: all .3s;-webkit-transition: all .3s;}
.header_bottom .right_box a{width: 34.8%;height: 35px;float: left;border: 1px solid #d6000f;color: #d6000f;text-align: center;line-height: 35px;border-radius: 5px;margin-right: 5px;}
.header_bottom .right_box i{float: right;width: 21px;height: 21px;background: url('../images/index_2.png') no-repeat;margin-top: 7px;background-size: cover;cursor: pointer;}
.header_bottom .right_box a:hover,.header_bottom .right_box a.on{background: #d6000f;color: #fff;}
.header_bottom .right_box .search_box{position: absolute;width: 100%;height: 100%;transform: translateX(100%);-webkit-transform: translateX(100%);opacity: 0;}
.header_bottom .right_box .search_box input{width: calc(100% - 47px);height: 100%;border: 1px solid #8f8f8f;padding-left: 15px;padding-right:30px;height: 35px;line-height: 35px;border-radius: 5px;}
.header_bottom .right_box .search_box i{position: absolute;display: inline-block;width: 20px;height: 20px;right: 5px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);margin-top: 0;}
.text_shadow{text-shadow: 0px 1px 10px rgba(0,0,0,0.5);-webkit-text-shadow:0px 1px 10px rgba(0,0,0,0.5);}
.header_bottom  .phone_right_box{width: calc(100% - 20px);margin-top: 20px;padding: 0 10px;}
.header_bottom  .phone_right_box a{padding: 0;}
.header_bottom .phone_right_box .search_box{width:calc(100% - 20px);}
.phone{font-size: 17px;display:inline-block;margin-left: 4px;}
/* footer */
.footer {background-size:cover!important;padding-top: 38px;padding-bottom: 45px;}
.footer .left {float: left;width: 57%;margin-bottom: 55px;}
.footer .left a{color: #fff;}
.footer .left ul{height: 160px;}
.footer .left ul li{float: left;border-left: 1px solid #969696;height: 100%;width: 17%;text-align: center;}
.footer .left ul li:last-child{width: 30%;}
.footer .left ul li:last-child dd{color: #fff;}
.footer .left ul li:last-child dd:nth-of-type(1) a,.footer .left ul li:last-child dd:nth-of-type(2) a{color: #fff;cursor: default;}
.footer .left ul dl{display: inline-block;text-align: left;}
.footer .left ul li dt{color: #fff;margin-bottom: 30px;}
.footer .left ul li dd{margin-bottom: 8px;}
.footer .left ul li dd a:hover{color: #ff0012;}
.footer .left ul li dd:last-child{margin-bottom: 0px;}
.footer .right{float: right;width: 42.14%;margin-bottom: 40px;}
.footer .right ol li{padding-left: 8.81%;padding-right:8.3%;float: right;color: #fff;border-left: 1px solid #959595;padding-bottom: 35px;}
.footer .right ol li:first-child{padding-right:0;}
.footer .right ol li:first-child a{cursor: pointer;}
.footer .right ol li:first-child a:hover{color: #d6000f;}
.footer .right ol li dd a{color: #fff;cursor: default;}
/* .footer .right ol li dd a:hover{color: #d6000f;} */

.footer_logo{float: right;width: 100%;margin-top: 55px;}
.footer_logo div{float: left;}
.footer_logo div img{max-width: 100%;}
.footer_logo .footer_logo1{width: 31.02%;margin-right: 8.47%;margin-left: 14.46%;}
.footer_logo .footer_logo2{margin-right: 3.9%;}
.footer_logo .footer_logo2,.footer_logo .footer_logo3{width: 16.27%;text-align: center;color: #fff;font-size: 14px;}
.footer_logo .footer_logo2 img,.footer_logo .footer_logo3 img{margin-bottom: 10px;}
.footer_logo .footer_logo2 span,.footer_logo .footer_logo3 span{display: inline-block;width: 100%;}
.footer .bottom{clear: both;color: #fff;}
.footer .bottom a{color: #fff;}
.footer .bottom a:hover{color: #ff0012;}
.footer .bottom ul{margin-bottom: 8px;}
.footer .bottom ul li{float: left;padding-right:14px;margin-right: 14px;border-right: 1px solid #fff;}
.footer .bottom ul li:last-child{border-right: none;}
.footer .bottom p{margin-bottom:10px;}
.footer .bottom ol li{float: left;margin-right: 9px;}
/* page */
.pub_page {text-align: center;padding-top:50px;}
.pub_page .page{display: inline-block;}
.pub_page .page a{float: left;width: 60px;height: 60px;text-align: center;line-height: 60px;border-right: 1px solid #fff;background: #f8f8f5;color: #bfbfbf;}
.pub_page .page a:hover{background: #cc010f;color: #fff;}
.pub_page .page a.on{background: #cc010f;color: #fff;}
.pub_page .page a.prev,.pub_page .page a.next{display: block;}
.pub_page .page i{display: inline-block; width: 10px;height: 18px;margin-top: 21px;}
.pub_page .page .prev i{background: url('../images/pla_off.png') no-repeat;background-size: cover;}
.pub_page .page .next i{background: url('../images/pra_off.png') no-repeat;background-size: cover;}
.pub_page .page .prev:hover i{background-image:url('../images/pla_on.png');}
.pub_page .page .next:hover i{background-image:url('../images/pra_on.png');}
.pub_page .page .prev,.pub_page .page .next{line-height: 0;}

/* pub_banner */
.product_banner{position: relative;width: 100%;color: #fff;}
.product_banner img{width: 100%;}
.product_banner .banner_btn h1{font-weight: bold;line-height: 1.083;margin-bottom: 20px;letter-spacing: 3px;}
.product_banner .banner_btn p{line-height: 24px;margin-bottom: 50px;}
.banner_btn{position: absolute;width: 100%;left: 0;bottom: 40px;z-index: 9;}
.banner_btn a{width: 9.07%;margin-right: 10px;float: left;height: 37px;text-align: center;line-height: 37px;color: #fff;border-radius: 6px;border: 1px solid #fff;}
.banner_btn a:hover{background: #d6000f;border-color:#d6000f; }
.banner_btn a:nth-of-type(1){background: #d6000f;border-color:#d6000f;}

/* pub_site */
.pub_site{background: url('../images/product_site.jpg') no-repeat;    background-size: 100% 100%;}
.pub_site .site{color: #fff;float: left;margin-top: 15px;}
.pub_site .site .home i{float:left;width: 17px;height: 15px;background: url('../images/home_icon.png') no-repeat;background-size: cover;margin-top: 2px;}
.pub_site .site a{color: #fff;margin:0 10px;display: inline-block;}
.pub_site .site i{max-width: 408px;display: inline-block;overflow: hidden;vertical-align: middle;height: 21px;line-height: 18px;}
.pub_site .site span{margin-left:10px;}
.pub_site .site_nav{float: right;width: 55%;text-align: right;}
.pub_site .site_nav ul {display: inline-block; float: right;}
.pub_site .site_nav ul li{float: left;margin-left: 45px;}
.pub_site .site_nav ul li.on em{width: 100%;left: 0;}
.pub_site .site_nav ul li.on a{color: #d6000f;}
/* .pub_site .site_nav ul li:nth-child(5n){margin-right: 0;} */
.pub_site .site_nav ul li a{color: #fff;position: relative;display: inline-block;line-height: 50px;}
.pub_site .site_nav ul li a em{width: 0; height: 3px; background: #cd0335;display: block; position: absolute; left: 50%; bottom:0;}
.pub_site .site_nav ul li a:hover{color: #d6000f;}
.pub_site .site_nav ul li a:hover em{width: 100%; left: 0; transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;}

/* pub_tab_nav */
.pro_main_nav{padding-top: 40px;padding-bottom: 25px;text-align: center;background: #fff;}
.pro_main_nav ul{display: inline-block;}
.pro_main_nav ul li{width:105px;height:105px;float: left;margin: 0 25px; cursor: pointer;position: relative;color: #777777;text-align: center;line-height: 105px;overflow: hidden;}
.pro_main_nav ul li:last-child{margin-right: 0px;}
.pro_main_nav ul li i{position: absolute;width: calc(100% - 8px);height: calc(100% - 8px);border: 4px solid #d6000f;border-radius: 50%;top: 0;left: 0;transform: scale(0);-webkit-transform: scale(0);}
.pro_main_nav ul li:hover{color: #d6000f;}
.pro_main_nav ul li:hover i{transform: scale(1);-webkit-transform: scale(1);}
.pro_main_nav ul li.on{color: #d6000f;}
.pro_main_nav ul li.on i{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); }
.pro_main_nav ul li a{display: inline-block;vertical-align: middle;line-height: 22px;}
/* pub_transition */

.pub_site .site_nav ul li a:hover em,.pub_site .site_nav ul li a em,.pro_main_nav ul li:hover,.pro_main_nav ul li:hover i,.pro_main_nav ul li,.pro_main_nav ul li i,.pro_main_nav .x_tabs a.on i,.pro_main_nav .x_tabs a i,.header_bottom .right_box .search_box,.header_bottom .nav_box .nav_box1 li a:hover i,.header_bottom .nav_box .nav_box1 li a i{transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.pub-banner-swiper{overflow: hidden;}
.pub-banner-swiper .swiper-pagination-bullet{width: 9px;height: 9px;background: #fff;opacity: 1;margin: 4px 10px!important;}
.pub-banner-swiper .swiper-pagination-bullet-active{background: rgba(0,0,0,0);border: 4px solid #d6000f;margin:0px 10px!important;}
.pub-banner-swiper img{max-width: 100%;}

/* list */
.customer_lists{padding-top: 30px;padding-bottom:30px;background: #fff;background: url('../images/customer_bg.png') no-repeat;background-size:contain;overflow: hidden;}
.customer_lists ul{margin: 0 0px;}
.customer_lists ul .item{width: 385px;float: left;margin-bottom:40px; margin-right:22px}
.customer_lists ul .item:nth-child(3n){margin-right:0px;}
.customer_lists ul .item .item_box{box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);background: #fff; }
.customer .customer_lists ul .item .item_box{margin-bottom: 40px;}
.customer_lists .item_box img{width: 100%;}
/* .customer_lists .item_box .content{padding:24px;height: calc(100% - 60px); padding-bottom:15px;    }
.customer_lists .item_box .content ol li{float: left;padding-right:18px;margin-right: 18px;border-right: 1px solid #d1d1d1;}
.customer_lists .item_box .content ol li:first-child{color: #cc010f;}
.customer_lists .item_box .content ol li:last-child{border-right: none;color: #777777; margin: 0; padding: 0;}
.customer_lists .item_box .content h4{clear: both;margin-top: 22px;margin-bottom: 12px;color: #000;height: 36px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.customer_lists .item_box .content p{color: #777;line-height: 20px;padding-bottom: 22px;border-bottom: 1px solid #d6000f;margin-bottom: 20px;height: 60px;overflow: hidden; font-size:14px; text-align:justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.customer_lists .item_box .content .content_span{margin-bottom: 0px;}
.customer_lists .item_box .content .content_span span{margin-right: 25px;color: #777;} */
.customer_lists .item_box .content{padding:24px;width: calc(100% - 60px);height: calc(100% - 60px);    }
.customer_lists .item_box .content ol li{float: left;padding-right:6px;margin-right: 18px;border-right: 1px solid #d1d1d1;color: #777777;}
/* .customer_lists .item_box .content ol li:first-child{color: #cc010f;} */
.customer_lists .item_box .content .on{color: #cc010f!important;}
.customer_lists .item_box .content ol li:last-child{border-right: none; margin: 0; padding: 0;}
.customer_lists .item_box .content h4{clear: both;margin-top: 0px;margin-bottom: 12px;color: #000;height: 36px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.customer_lists .item_box .content p{color: #777;line-height: 20px;padding-bottom: 22px;border-bottom: 1px solid #d6000f;margin-bottom: 20px;height: 60px;overflow: hidden;text-align:justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.customer_lists .item_box .content .content_span{margin-bottom: 0px;overflow: hidden;}
.customer_lists .item_box .content .content_span span{margin-right: 25px;color: #777;float: left;}
.customer_lists .item_box .content .content_span span:last-child{margin-right: 0px;float: right;}
.customer .customer_lists .item_box .content h4{margin-top: 22px;height: 36px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size:}
.customer .customer_lists .item_box .content .content_span span{float: none;}
.customer .customer_lists .item_box .content .content_span span:last-child{margin-right: 25px;float: none;}

.sidebar{position: fixed;bottom: 50px;right: 22px;z-index: 999999;opacity:1;display: none;}
/* .sidebar.on{opacity:1;display:block;transition:all 0.5s; -webkit-transition:all 0.5s;} */
.sidebar ul li{width: 64px;height: 64px;margin-bottom: 5px;position: relative;text-align: center;padding-left: 15px;}
.sidebar ul li .item_box{position: absolute;padding: 12px;background: #fff;transform: translate(-100%,-50%); -webkit-transform: translate(-100%,-50%); z-index: 2;top: 50%;border-radius: 5px;display: none;left: 0px;    box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);display: none;}
.sidebar ul li:hover .box{background: #fff;box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);}
.sidebar ul li:hover .item_box{display: block;}
.sidebar ul li:hover .item_box a{width: 100px;line-height: 30px;font-size: 16px;color: #000;box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}
.sidebar ul li:hover .item_box a:hover{color: #d6000f;}
.sidebar ul li:hover .item_box p{height: 30px;width: 100px;line-height: 30px;}
.sidebar ul li .item_box b{display: inline-block;width: 6px;height: 12px;background: url('../images/index_34.png') no-repeat;position: absolute;right: -6px;top: 50%;margin-top: -6px;}
.sidebar ul .item5 .box{background: #6b6c6c;}
/* .sidebar ul li:hover {background: #fff!important;} */
.sidebar ul li .box{width: 100%;height: 100%;display: block;line-height: 64px;color: #000;background: #d6000f;border-radius: 5px;}
.sidebar ul li .box p{margin-top: -6px;}
.sidebar ul li i{display: inline-block;width: 64px;height: 64px;}
.sidebar ul li.item1 a{width: 100%;height: 100%;display: block;}
.sidebar ul li.item1 i{background: url('../images/index-bt-1-1.png') no-repeat;background-size: contain;}
.sidebar ul li.item2 i{background: url('../images/index-bt-2-1.png') no-repeat;background-size: contain;}
.sidebar ul li.item3 i{background: url('../images/index_31.png') no-repeat;background-size: contain;}
.sidebar ul li.item4 i{background: url('../images/index-bt-3-1.png') no-repeat;background-size: contain;}
.sidebar ul li.item5 i{background: url('../images/index-bt-4-1.png') no-repeat;background-size: contain;}
.sidebar ul li.item1:hover i{background-image:url('../images/index-bt-1-2.png');}
.sidebar ul li.item2:hover i{background-image:url('../images/index-bt-2-2.png');}
.sidebar ul li.item3:hover i{background-image:url('../images/index_31_on.png');}
.sidebar ul li.item4:hover i{background-image:url('../images/index-bt-3-2.png');}
.sidebar ul li.item5:hover i{background-image:url('../images/index-bt-4-2.png');}
.sidebar ul li:hover,.sidebar ul li{transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}

.sidebar .item_box .input{width:250px;padding:8px}
.sidebar .item_box .input .h3{font-size:18px;color:#fff;height:30px;line-height:30px}
.sidebar .item_box .input form{display:block;position:relative;padding-right:75px;margin-top:10px;height:36px;line-height:36px}
.sidebar .item_box .input form input{width:100%;height:34px;border:1px solid #fff;border-right:0;padding-left:5px;font-size:14px;color:#fff;background:#d6000f}
.sidebar .item_box .input form input::-webkit-input-placeholder{color:#fff}
.sidebar .item_box .input form input::-moz-placeholder{color:#fff}
.sidebar .item_box .input form input:-moz-placeholder{color:#fff}
.sidebar .item_box .input form input:-ms-input-placeholder{color:#fff}
.sidebar .item_box .input form #callBtn{padding-left:0;position:absolute;top:0;right:0;width:75px;height:36px;background:#fff;font-size:14px;color:#d6000f;cursor:pointer}
.sidebar .item_box .input form button{position:absolute;display:none;top:0;right:0;width:75px;height:36px;background:#fff;font-size:14px;color:#f4910f;cursor:pointer}

@media only screen and (max-width: 990px){
.header_bottom .nav{display: none;}
.nav_phone_btn,.nav_phone_tit{display: block;}
.nav_phone_con>ul li a{color: #333}
/*手机导航按钮开始*/
.nav_phone_btn{float:right; margin-right: 10px;}

.nav_phone_btn{display: block;position: relative;cursor: pointer;margin-top:5px;}
.body_nav_phone .nav_phone_btn{position: fixed; top: 15px;right: 310px;z-index: 9999;}
.nav_phone_btn span {position: relative;font-size: 0;width: 26px;height: 3px;background-color: #d6000f;display: inline-block;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.nav_phone_btn span:before,.nav_phone_btn span:after {content: "";position: absolute;width: 100%;height: 3px;background-color: #d6000f;left:0px;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.nav_phone_btn span:before{top:-7px;}
.nav_phone_btn span:after{top:7px;}
.visible_nav.nav_phone_btn span{background-color: transparent;}
.visible_nav.nav_phone_btn span:before{left:5px;top:0px;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);}
.visible_nav.nav_phone_btn span:after{top:0px;left: 5px;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);}
/*手机按钮结束*/

/*手机导航内容*/
body>*{
position: relative;transition:left 250ms ease-out;-webkit-transition:left 250ms ease-out;}
body.body_nav_phone>*{left:-260px;}
.nav_phone{display:block;position: fixed;top:0px;bottom: 0px;right:-260px;height: 100%;width:260px;left:auto;transition:left 0ms ease-out;-webkit-transition:left 0ms ease-out;transition:right 250ms ease-out;-webkit-transition:right 250ms ease-out;overflow: hidden;}
body.body_nav_phone .nav_phone{right:0;left:auto;cursor:pointer;}

.nav_phone_tit{box-sizing:border-box;height: 50px;width: 100%;border-left:5px solid #d6000f;background: #d6000f;line-height: 50px;color: #fff;text-indent: 20px;}
.nav_phone_tit span{float: left;display: inline-block;}
.nav_phone_tit .button{float: right;display: inline-block;margin-right: 10px; cursor: pointer; display:none;}
.nav_phone_tit .button:before{
content: "";display: inline-block;width: 17px;height: 3px;background: #fff;transform: rotate(45deg);border-radius: 8px;
transform: rotate(45deg); -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.nav_phone_tit .button:after{content: "";display: inline-block;width: 3px;height: 17px;background: #fff;margin-left: -10px;margin-bottom: -7px;transform: rotate(45deg);border-radius: 8px;transform: rotate(45deg); -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.nav_phone_con{position: absolute;top:50px;bottom: 0px;width: 100%;background: #f1f1f1;overflow: hidden;}
.nav_phone_con>ul{overflow-y: auto;overflow-x: hidden;position: absolute;bottom: 0px;top: 0px;width:100%;}
.nav_phone_con>ul>li{line-height: 50px;}
.nav_phone_con>ul>li span{display: inline-block; padding: 0 30px; width: 100%; box-sizing: border-box; border-bottom: 1px solid #e6e6e6; color: #000;cursor:pointer;}
.nav_phone_con>ul>li .noson{display:block;padding:0;}
.nav_phone_con>ul>li:last-child{border: none;height: auto;line-height: normal;}
.nav_phone_con>ul>li.on a{display: block;opacity:1!important;}
.nav_phone_con>ul>li a{display:none;padding:0 30px;box-sizing: border-box;width: 100%;position: relative;-ms-transition: all 250ms ease-out;transition: all 250ms ease-out;padding-left: 60px}
.nav_phone_con>ul>li a.application,.nav_phone_con>ul>li a.login{display: block!important;}
.nav_phone_con>ul>li>a em{display: inline-block;width:6px;height:6px;border-right: 2px solid #d6000f;border-bottom: 2px solid #d6000f;transform: rotate(-45deg);position: absolute;top:50%;left:33px;margin-top: -5px;transform: rotate(-45deg); -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.nav_phone_con>ul>li ul{overflow-y: auto;overflow-x: hidden;position: absolute;top:0;bottom: 0px;width: 100%;background: #f1f1f1;opacity: 0;visibility: hidden;right:-100%;-ms-transition: all 250ms ease-out;transition: all 250ms ease-out;z-index: 3;}
.nav_phone_con>ul>li ul li{line-height:1.5em; padding: 14px 0; border-bottom: 1px solid #e6e6e6;}
.nav_phone_con>ul>li ul li:first-child{background: #898989;}
.nav_phone_con>ul>li ul li:first-child a{color: #fff;}
.nav_phone_con>ul>li.on>a{opacity: 0;}
.nav_phone_con>ul>li.on ul{opacity: 1;visibility: visible;right:0;}
}
.header_bottom{ background: #fff;}
.header_bottom .wrap{overflow: hidden;}
.header_bottom h1{float: left; width:200px;margin-top:27px;transition: all .3s;-webkit-transition: all .3s;}
.header_bottom h1 img{width:100%;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;}
.header_bottom .nav{float: left;}
.header_bottom .nav li{float: left; vertical-align: text-top;}
.header_bottom .nav>ul>li>a{position: relative; display: block; height: 62px;padding: 0 14px;    margin: 0 20px; }
.header_bottom .nav ul li.on a em{width: 100%; height: 6px; background: #cd0335;display: block; position: absolute; left: 0; top:0;}
.header_bottom .nav ul li a em{width:0; height: 6px; background: #cd0335;display: block; position: absolute; left: 50%; top:0;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;}
.header_bottom .nav ul .list:hover{cursor: pointer;}
.header_bottom .nav ul .list:hover .item a{color: #d6000f;}
.header_bottom .nav ul .list:hover em{width: 100%;left: 0;;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;}

/* .scrollHeader .header_bottom h1 img{transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8);-moz-:scale(0.8,0.8);-o-transform:scale(0.8,0.8);-ms-transform:scale(0.8,0.8);}
.scrollHeader .header_bottom{height:64px;}
.scrollHeader .header_bottom .nav>ul>li>a{ height:60px;}
.scrollHeader .header_bottom .wrap{padding-top: 4px;} */

/*导航下拉*/
.header_bottom{position: relative;}

/*切换效果*/
.pro_main_nav .x_tabs{display: inline-block;}
.pro_main_nav .x_tabs a{ display: inline-block; width:105px;height:105px;margin-right: 50px;cursor: pointer;position: relative;color: #777777;text-align: center;line-height: 105px;}
/* .pro_main_nav .x_tabs a:last-child{margin-right: 0px;} */
.pro_main_nav .x_tabs a i{position: absolute;width: calc(100% - 8px);height: calc(100% - 8px);border: 4px solid #d6000f;border-radius: 50%;top: 0;left: 0;transform: scale(0);}
.pro_main_nav .x_tabs a:hover{color: #d6000f;}
.pro_main_nav .x_tabs a:hover i{transform: scale(1);}
.pro_main_nav .x_tabs a.on{color: #d6000f;}
.pro_main_nav .x_tabs a.on i{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); }
.tabs_icon{position: absolute;left: 50%;margin-left: -6px;bottom: -31px;display: none;    z-index: 3;}
.pro_main_nav .x_tabs a.on .tabs_icon{display: block;}

#case_ajaxlist li{margin: 0 3px;}
#case_ajaxlist li.item{margin: 0;margin-right:22px}
#case_ajaxlist li.item:nth-child(3n){margin-right: 0;}
@media only screen and (min-width: 1024px) {
  a.menu_white:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;background-color:rgba(255,255,255,1);-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;-webkit-transform:scale(0.5,1);transform:scale(0.5,1);}
  a.menu_white:hover {color:#cd0234!important;box-shadow:0px 0px 6px rgba(0,0,0,0.4);}
  a.menu_white:hover:before {opacity:1;-webkit-transform:scale(1,2);transform:scale(1,2);}
  .header_bottom .nav>ul>li:hover>a em{width: 100%; left: 0;}
  .index_product li:hover h3{-webkit-transform: translateX(-10px); -moz-transform: translateX(-10px);-o-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px);}

}
  @media only screen and (max-width: 1577px) {
    /* .footer .right{    margin-right: 6%;} */
  }
  @media only screen and (max-width: 1366px) {
    .footer_logo .footer_logo1{ margin-left: 40px;}
  }

  @media only screen and (max-width: 1365px) {
    .product_banner .fnt_48{font-size: 30px;}
    .product_banner .banner_btn p{margin-bottom: 30px;}
  }
  
  @media only screen and (max-width: 1280px) {
  .header_bottom .nav>ul>li>a{margin: 0 10px;}
  .footer_logo .footer_logo1 { margin-left: 20px;}
  }
  @media only screen and (max-width: 1200px){
    .footer .right ol li{padding-left: 7%;padding-right: 7%;}
  }
  @media only screen and (max-width: 1150px) {
  .header_bottom .nav>ul>li>a{padding:0 16px;}
  .header_bottom .nav>ul>li>a{margin: 0 4px; padding: 0 12px;}
  .product_banner .banner_btn p {margin-bottom: 10px;}
  }
  @media only screen and (max-width:1045px) {
	    .header_bottom .center_box{display: none;}
    .footer .right ol li{padding-left: 6%;padding-right: 6%;}
  }
  @media only screen and (max-width:1024px) {
    .footer .left{width: 100%;}
    .footer .right{width: 100%;float: left;}
    .footer_logo .footer_logo1{margin-left: 0px;width: 19%;margin-right: 3.9%;}
    .footer_logo .footer_logo2, .footer_logo .footer_logo3{ width: 10.27%;margin-right: 3.9%;}
    .footer_logo{margin-top: 0px;}
  }  
  @media only screen and (max-width:1023px) {
  .header_bottom h1,.footer_bottom h1{width:160px;}
  .pro_main_nav ul{font-size: 14px;}
  }
  
  
  @media only screen and (max-width:990px) {
	
  .scrollHeader .header_bottom h1 img{transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);} */
  .header_bottom{ height:54px;}
  .header_bottom .wrap{padding-top:14px; }
  .header_bottom h1{margin-top:4px;}
  .scrollHeader .header_bottom{height:60px;}
  .header_bottom .right_box{display: none;}
  .header_bottom .phone_right_box {display: block;margin-bottom: 50px;}
  /* .footer .right{    width: 55%;margin-right: 0%;} */
  /* .footer_logo .footer_logo1 {margin-left: 80px;} */
  .main{ padding-top: 60px;}
  }
  
  @media only screen and (max-width: 990px) {
  .scrollHeader .header_bottom .wrap{padding-top:14px; }
  .pro_main_nav .x_tabs a{width: 90px;height: 90px;margin-right: 20px;line-height: 90px;}
  .pro_main_nav ul li{  width: 80px; height: 80px;    line-height: 80px;    margin: 0px 15px;}
  .sidebar{display: none!important;}
  .header_bottom{padding-bottom: 30px;}
  .header_bottom .logo{ width: 120px;}
  .header_bottom{ padding-bottom: 20px;}
  /* .footer .left{ width: 44.14%;} */
  }
  
  @media only screen and (max-width: 989px) {
    .product_banner .fnt_48 {font-size: 24px;}
    .product_banner .banner_btn h1{margin-bottom: 10px;}
    .pub_site .site_nav{display: none;}
    .pub_site .site{margin-bottom: 15px;}
  }
  
  @media only screen and (max-width: 900px) {
    .banner_btn{bottom: 20px;}
  }
  
  @media only screen and (max-width: 768px){
    .footer .right{margin-bottom: 100px;}
    .footer .left ul li dt{ margin-bottom: 30px;}
    .footer .left{width: 100%;}
    .footer .right{float: left;margin-top: 50px;width: 100%;margin-bottom: 50px;}
    .footer .right ol li{width: 24%;padding: 0;float: left;text-align: center;}
    .footer .right ol li dl{display: inline-block;text-align: left;}
    .footer_logo div{float: left;}
    .footer .bottom{padding-left: 0;}
    .footer_logo3{margin-right: 3.9%;}
    .pub_site .site_nav{float: left;width: 100%;}
    .pub_site .site_nav ul{display: block;float:left;}
    .pub_site .site_nav ul li{    margin-left: 0px;margin-right: 58px;}
    .banner_btn a{    width: 66px;    height: 30px;line-height: 30px;}
    .customer_lists ul .item{width: 50%;}
    .customer_lists{ padding-top: 60px;}
    .footer_logo .footer_logo1{margin-left: 0px;margin-right: 10px;}
    .footer .left ul li{width: 32%; margin-bottom: 40px;}
    .footer .right ol li{ width: 32%; margin-bottom: 30px;}
    .footer .right{margin-top: 10px;}
    .footer_logo{    margin-top: 20px;}
    .footer_logo div{    float: left;width: 30%!important;text-align: center;}
    .footer .left ul li:last-child{    width: 45%;}
    .footer .left{margin-bottom: 10px;}
    .footer .right{    margin-top: 0px;}
    .footer .left{    margin-bottom: 0px;}
    .pro_main_nav .x_tabs{width: 78%;text-align: left;}
    .service_main .pro_main_nav .x_tabs{width: auto;}
  }
  /* @media only screen and (max-width: 768px){
    .footer .left ul li{    width: 49%;    margin-bottom: 30px;}
    .footer .right ol li{    width: 49%;margin-bottom: 30px;}
  } */
  
  @media only screen and (max-width: 730px){
    .product_banner .fnt_48{font-size: 20px;}
    .product_banner .banner_btn p{font-size: 12px;line-height:normal;}
  }
  
  @media only screen and (max-width: 640px){
    .product_banner .fnt_48{font-size: 18px;}
    .product_banner .banner_btn p{font-size: 12px;line-height:normal;margin-bottom: 5px;}
    .product_banner .banner_btn h1{margin-bottom: 5px;}

   
    .product_banner .swiper-container-horizontal>.swiper-pagination-bullets{    bottom: 0px;}
    
    .pub-banner-swiper .swiper-pagination-bullet{margin: 4px 5px!important;width: 6px;height: 6px;}
    .pub-banner-swiper .swiper-pagination-bullet-active{margin: 0px 5px!important;}
    .pro_main_nav .x_tabs a{ width: 90px; height: 90px; line-height: 90px;}
    .pro_main_nav{ padding-top: 20px;padding-bottom: 15px;}
    .tabs_icon{bottom: -21px;}
    .customer_main .pro_main_nav .x_tabs a { margin-right: 10px; }
    .customer_lists .item_box .content h4{ margin-top: 15px;margin-bottom: 0px;}
    .customer_lists ul{    margin: 0 -12px;}
    .customer_lists ul .item .item_box{ margin: 0 12px;}
    .customer .customer_lists ul .item .item_box{ margin-bottom: 40px;}

    .footer_logo .footer_logo2{margin-right: 0px;}
  }

  @media only screen and (max-width: 639px){  
    .pro_main_nav .x_tabs a{margin-right: 10px;text-align: center;}
    .pro_main_nav .x_tabs{text-align: left;width: 80%;}
    
}
  
  @media only screen and (max-width: 580px){
    .pub-banner-swiper .swiper-pagination-bullet{    width: 6px;height: 6px;}
    .banner_btn{bottom:10px;}
    .product_banner .fnt_48{font-size: 16px;}
    .pub_site .site{ margin: 10px 0;}
    .banner_btn a{font-size: 12px;height: 24px; line-height: 24px;}
    .footer .left ul li{width: 49%;}
    .footer .left ul li:last-child{    width: 66%;}

  }
  
  @media only screen and (max-width: 500px){
    .pub-banner-swiper{height: 130px;}
    .pub-banner-swiper img{height: 100%;}
    .product_banner .banner_btn p{height: 32px;overflow: hidden;}
    .banner_btn{ bottom: 23px;}
    .pro_main_nav .x_tabs{text-align: left;width: 86%;}
  }

  @media only screen and (max-width: 460px){
    .footer .left ul li:last-child{width: 71%;}
    .footer_logo .footer_logo1{width: 50%!important;text-align: left;margin-bottom: 30px;float: none;}
    .footer_logo .footer_logo2{margin-right: 8.9%; }

  }

  @media only screen and (max-width: 430px){
    .customer_lists ul .item{width: 100%;}
    .num{display: none;}
    .pub_page .page{width: 80%;}
    .pub_page .page a{width: 40px; height: 40px;line-height: 40px;display: none;}
    .pub_page .page a.prev{float: left;}
    .pub_page .page a.next{float: right;}
    .pub_page .page i{ margin-top: 11px;}
    .customer_main .pub_page{padding-top: 0px;}
    /* .pad_main .pub_page{margin-top: 0px!important;} */
  }
  @media only screen and (max-width: 413px){
    .pro_main_nav .x_tabs{    width: 86%;}
  }

  @media only screen and (max-width:375px){
    .footer .left ul li:last-child{    width: 74%;}
  }

  @media only screen and (max-width:374px){
    .pro_main_nav .x_tabs{width: 100%;}
    .pro_main_nav ul li{margin: 0px 10px;}
  }
  /* @media only screen and (max-width: 400px){
    .pro_main_nav .x_tabs a{    margin-right: 20px;}
  } */


/* 20180704 gzc 修改 */
.tong_footer .right ol li a:hover{color: #d6000f!important;cursor: pointer;}
.tong_footer .right ol li:first-child a:hover,.tong_footer .right ol li:last-child a:hover{color: #fff!important}

/* 20180727 gzc */
@media only screen and (max-width: 460px){
  .footer .right{
    padding-left: 15%;
    width: calc(100% - 15%);
  }
}



#newBridge .nb-icon-skin-0 .nb-icon-inner-wrap .nb-icon-bridge-base,#newBridge .nb-icon-skin-0 .nb-icon-inner-wrap{background: none !important}


@media only screen and (max-width: 767px){
  .pub_site .site i{width: auto;}
}


@media only screen and (max-width: 1420px) {
  .header_bottom .center_box{font-size: 15px!important}
  .phone{font-size: 15px!important}
}




.popup-notice, .popup-notice div {
 margin: 0;
 padding: 0;
 list-style: none;
 text-decoration: none
}

/* 弹窗css样式  -------------- start --------------- */
.popup-notice {
 position: fixed;
 z-index: 999;
 left: 50%;
 top: 50%;
 transform: translate(-50%,-50%);
 padding: 10px;
 background: #fff;
 border-radius: 6px;
}

.popup-notice .popup-notice-main {
 position: relative;
 border: 1px solid #C22F42;
 border-radius: 6px;
 padding: 20px;
}

.popup-notice .popup-notice-main-contnet {
 margin: 20px 0;
}

.popup-notice .popup-notice-main-contnet, .popup-notice .popup-notice-main-contnet p {
 line-height: 26px;
 text-align: justify;
 font-size: 14px;
 text-indent: 2em;
}

.popup-notice .popup-close {
 position: absolute;
 right: 5px;
 top: 5px;
 width: 28px;
 height: 28px;
 /* background-color: #BCBCBC; */
 text-align: center;
 line-height: 22px;
 color: #C22F42;
 font-size: 28px;
 border-radius: 50%;
 cursor: pointer;
}
@media (max-width: 600px) {
 .popup-notice {
  height: 78%;
  top: 52% !important;
  overflow-y: scroll;
 }
}
/* 弹窗css样式  -------------- end --------------- */