/* reset */
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
html { height: 100% ;-webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-tap-highlight-color: transparent;}
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, blockquote, 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, blockquote, 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 }
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: "微软雅黑";   }

body { line-height: 1.5 }
a { text-decoration: none;-webkit-tap-highlight-color:transparent }
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
: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-type:disc; margin:auto; }
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type: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%;display: block;margin:auto;}
 
 
/*所有后台编辑器区域都要引用 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); 
}

/* 阿里图标 */
[class*='icon']{
    font-family: 'iconfont';
}



/*图片经过*/
.tran_scale,.tran_scale02{ overflow:hidden; display:block;}
/*img{transition: All 0.7s ease-in-out;}*/
.tran_scale img,.tran_scale02 img{transition:0.5s all; -webkit-transition:0.5s all;}


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

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

/*绝对居中*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-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;}


button,input,textarea{background: none;outline: none;border: none;}
body,a{color: #434343;}

.wrap{width: 1400px;max-width: 90%;margin: auto;}

.line24{line-height: 24px;
 display: -webkit-box;
  overflow: hidden;
  
  -webkit-box-orient: vertical;
}
.line26{line-height: 26px;
 display: -webkit-box;
  overflow: hidden;
  
  -webkit-box-orient: vertical;
}
.line30{line-height: 30px;
 display: -webkit-box;
  overflow: hidden;
  
  -webkit-box-orient: vertical;
}
.line32{line-height: 32px;
 display: -webkit-box;
  overflow: hidden;
  
  -webkit-box-orient: vertical;
}

.line36{line-height: 36px;
 display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.ellipsis_p{
   display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ratio-img,.ratio-img img{width: 100%;}
.bold{font-weight: bold;}
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
@media only screen and (max-width:1024px) {
.wrap{max-width: 94%;}
.line26,.line30,.line32,.line36{line-height: 24px;}

}

 /*font-size*/
.fnt_16 { font-size: 16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size:20px;}
.fnt_24 { font-size:24px;}
.fnt_28 { font-size:28px;}
.fnt_30 { font-size:30px;}
.fnt_36 { font-size:36px;}
.fnt_48 { font-size:48px;}
.fnt_72 { font-size:72px;}
@media only screen and (max-width:1599px) {
  .fnt_20 { font-size:18px;}
}
@media only screen and (max-width:1440px) {
.fnt_18 { font-size:16px;}
.fnt_20 { font-size:16px;}
.fnt_24 { font-size:20px;}
.fnt_28 { font-size:26px;}
.fnt_30 { font-size:24px;}
.fnt_36 { font-size:30px;}
.fnt_48 { font-size:40px;}
.fnt_72 { font-size:60px;}
}
@media only screen and (max-width:1366px) {
.fnt_16 { font-size:14px;}
.fnt_28 { font-size:24px;}
.fnt_30 { font-size:22px;}
.fnt_36 { font-size:24px;}
.fnt_48 { font-size:36px;}
.fnt_72 { font-size:36px;}
}
@media only screen and (max-width:1260px) {
	.fnt_18 { font-size:14px;}
}
@media only screen and (max-width:1024px) {
.fnt_18 { font-size:16px;}
.fnt_24 { font-size:18px;}
.fnt_28,.fnt_30 { font-size:20px;}
.fnt_36 { font-size:22px;}
.fnt_48 { font-size:28px;}
.fnt_72 { font-size:30px;}
}
@media only screen and (max-width:767px) {
.fnt_18 { font-size:14px;}
.fnt_20 { font-size:14px;}
.fnt_24 { font-size:16px;}
.fnt_28,.fnt_30 { font-size:18px;}
.fnt_36 { font-size:18px;}
.fnt_48 { font-size:20px;}
.fnt_72 { font-size:24px;}
}

.scrollHeader .header{box-shadow: 0px 0px 18px -9px rgba(0,0,0,0.5);}
.header,.height_height,.menu{height: 76px;line-height: 76px;}
.header{position: fixed;top:0;left: 0;width: 100%;background: #fff;z-index: 999;}
.header_in{padding-left: 30px;position: relative; z-index: 9999;background: #fff; height: 100%;}
.header h1{float: left;padding-top: 12px;}
.header h1 a{width: 128px;float: left;}
.header h1 img{width: 100%;}
.header h1 span{color: #151e5f;float: left;padding-left: 20px;margin-left: 20px;border-left: 1px solid #d1d1d1;line-height: 36px;margin-top: 7px;}
.nav{padding-left: 120px;float: left;}
.nav span{display: none;}
.nav li{float: left;}
.nav li.li_home{/*width:132px; text-align:center;*/}
.nav li>a{display: block;padding:0 30px;font-size: 18px;}
.nav li.on>a,.nav li:hover>a{color:#fff!important; background: #D8000B;}

.header_re {float: right;}
.header_login a{float: left;}
.header_login i{float: left;margin: 0 5px}
.login_div01 a:last-child{color: #C7103C;}
.login_div02 .person_name{max-width: 100px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.language{margin: 0 40px;visibility:hidden !important;}
.menu{float: right;width: 75px;background: #c7103c;color: #fff;}
/*手机导航按钮开始*/
.body_nav_phone .nav_phone_btn,.nav_phone_btn span,.nav_phone_btn span:before,.nav_phone_btn span:after{background: #fff;}
.nav_phone_btn{cursor: pointer;width:100%; height:100%;position: relative;text-align: center;}
.body_nav_phone .nav_phone_btn{text-align: left; }
.nav_phone_btn span {position: relative;font-size: 0;width:40px;height: 3px;display: inline-block;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;  top:28px;}
.nav_phone_btn span:before,.nav_phone_btn span:after {content: "";position: absolute;width: 100%;height: 3px;left:0px;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.nav_phone_btn span:before{top:-8px;width: 30px;}
.nav_phone_btn span:after{top:8px;width: 32px;}
.visible_nav.nav_phone_btn span{background-color: transparent !important;}
.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);}

.nav_phone_btn.visible_nav{width:100%}

.nav_phone_btn.visible_nav span{width: 20px;right:12px;}
.nav_phone_btn.visible_nav span:before, .nav_phone_btn.visible_nav span:after{background: #fff;}





/*手机按钮结束*/
@media only screen and (max-width:1800px) {
.nav{padding-left: 80px;}
.nav li>a{padding: 0 25px;}
}
@media only screen and (max-width:1680px) {
.language{margin: 0 30px;}
.nav li>a{padding: 0 20px;}
/*.nav li.li_home{width:104px;}*/
}
@media only screen and (max-width:1550px) {
.nav{padding-left: 50px;}
.nav li>a{padding: 0 14px;}
/*.nav li.li_home{width:100px;}*/
.language{margin: 0 20px;}
.menu{width: 65px;}
.nav_phone_btn span,.nav_phone_btn span:before, .nav_phone_btn span:after{height: 2px;}
.nav_phone_btn span{top:32px;}

}
@media only screen and (max-width:1440px) {
.nav li>a{font-size: 16px;}
}
@media only screen and (max-width:1366px) {
.nav li>a{padding: 0 12px;}
/*.nav li.li_home{width:96px;}*/
.language{margin: 0 16px;}
}
@media only screen and (max-width:1365px) {
	.nav li>a{padding: 0 10px;}
	/*.nav li.li_home{width:92px;}*/
}
@media only screen and (max-width:1300px) {
.nav{padding-left: 25px;}
}
@media only screen and (max-width:1180px) {
.header h1 span{margin-left: 10px;padding-left: 10px;}
.header h1 a{width: 100px;}
.header h1 span{line-height: 26px;}
.header h1{padding-top: 16px;}
.menu{width: 50px;}
}
@media only screen and (max-width:1024px) {
.header_in{padding-left: 3%;}
.nav{display: none;}
.header, .height_height, .menu{height: 50px;line-height: 50px;}
.header h1{padding-top: 6px;}
.nav_phone_btn span{top:18px;width: 32px;}
.nav_phone_btn span:before{width: 26px;}
.nav_phone_btn span:after{width: 28px;}
.nav li.li_home{width:100%;}
}
@media only screen and (max-width:767px) {
.header_login{display: none;}
}
@media only screen and (max-width:360px) {
.language{    padding: 0 14px;margin: 0;}
.header h1 span{padding-left: 6px;margin-left: 6px;font-size: 12px;line-height: 24px;}
.header h1 a{width: 90px;}
}


.footer{background: #000;padding: 60px 0 40px 0;}
.footer,.footer a{color: #8b8b8b;}
.footer_t{overflow: hidden;margin-bottom: 30px;}
.footer_t .f_le{float: left; width:calc(100% - 320px);}
.footer_t .f_le ul{overflow: hidden;}
.footer_t .f_le li{float: left; width: 25%;}
.footer_t .f_le li dl{padding-right:20px;}
.footer_t .f_le dt a{color: #e1e1e1;}
.footer_t .f_le dt{line-height: 24px;margin-bottom: 10px;}
.footer_t .f_le dd{line-height: 30px;}
.footer_t .f_le dd p{ height: 30px; overflow: hidden;}
.footer_t .f_re{color: #a0a0a0;float: right;}
.footer_t .f_re ul{overflow: hidden;}
.footer_t .f_re li{float: left;margin-left:20px;text-align: center; width: 130px;}
.footer_t .f_re li:first-child{margin-left: 0px;}
.footer_t .f_re li dt img{width: 120px;}
.footer_t .f_re li dt{margin-bottom: 10px;}
.footer_t .f_re li dd{ /*height:3em;*/}

.footer_c{line-height: 30px;text-align: right; margin-top: 3%; padding-right: 10px;}
.footer_c span{font-family: SourceHanSansCN-Medium;}
.footer_c i{font-family: "Arial";font-style: italic;}
.footer_c,.footer_c a{color: #fff;}

.footer_link{line-height: 30px;border-top: 1px solid #c5c6c6;border-bottom: 1px solid #c5c6c6;margin-bottom: 30px; padding:20px 0;}
.footer_link dt{ float: left; width: 85px;color: #fff;}
.footer_link dd{ float: right; width: calc(100% - 85px);}
.footer_link dd a{ float: left;width: 130px; margin-right: 15px;}
.footer_link dd a:last-child{ margin-right: 0;}

.footer_b{overflow: hidden;line-height: 24px;}
.footer_b .f_le{float: left;}
.footer_b .f_le a{float: left;color: #fff;padding-right: 15px;margin-right: 15px;background: url(../images/footer_line.jpg) no-repeat center right;}
.footer_b .f_le a:last-child{border: 0;margin-right: 0;padding-right: 0;background: none;}
.footer_b .f_re{float: right;}
.bah_01{margin-left: 10px;}
@media only screen and (max-width:1599px) {
  .footer_t .f_re{margin-right: 60px;}
  .footer_t .f_le{ width: calc(100% - 380px);}
}
@media only screen and (max-width:1440px) {
.footer{padding: 50px 0 30px 0;}
.footer_t .f_le dd{line-height: 30px;}
}
@media only screen and (max-width:1260px) {
.footer_t .f_le dd{line-height: 24px;}
.footer_t .f_le dd p{ height: 24px;}
}
@media only screen and (max-width:1023px) {
.footer_t .f_re{width: 100%; text-align: center;margin-bottom:10px; margin-right: 0;}
.footer_t .f_re ul{margin-bottom:10px;}
.footer_t .f_re li{/*margin: 0;float: none;display: inline-block;*/}
.footer_t .f_re li dl{padding: 0 10px;}
.footer_t .f_le{width: 100%;}

.footer_t .f_le dd{overflow: hidden;}
.footer_t .f_le dd p{margin-right: 20px;float: left;display: inherit;}
.footer_t .f_le dt{margin-bottom: 5px;}
.footer_b .f_le,.footer_b .f_re{float: none;width: 100%;overflow: hidden;}
.footer_b .f_le{margin-bottom: 10px;}
.footer_c{ text-align: center; margin-top: 0;}
}
@media only screen and (max-width:767px) {
.footer{padding: 20px 0;}
.footer_c{line-height: 24px;}
.footer_t .f_le li{ width: 100%; margin-bottom: 2%;}
.footer_link dt{ width: 70px;}
.footer_link dd{ width: calc(100% - 70px);}
.footer_link dd a{ margin-right: 10px;}
.bah_01,.bah_02{display: block;margin: 0;}
.footer_link{ line-height: 24px; margin-bottom: 15px;}
.footer_b .f_re{text-align: center;}
.footer_b .f_le{text-align: center;margin-bottom: 5px;}
.footer_b .f_le a{float: none;display: inline-block;}
}



/*list*/
.nav_list{
  transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;
  position: absolute;top:76px;left: 0;width: 100%;background: #fff;border-top: 3px solid #ca254d;line-height: 44px;height: 100vh;z-index: 999;
  -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px);-o-transform: translateY(-200px);-ms-transform: translateY(-200px);transform: translateY(-200px);
  opacity: 0;visibility: hidden;

}
.wrap_in{position: relative;z-index: 2;margin-top: 20px;}
.nav_bg01{position: absolute;top:0;left: 0;width: 525px;height: 100%;background: #eaeaea;}
.nav_bg02{position: absolute;top:0;left: 525px;width: 360px;height: 100%;background: #f5f5f5;}
.nav_list .li_01{width: 525px;padding-left: 195px;padding-right: 50px; box-sizing:border-box;}
.nav_list .li_01>.nav_block{position: absolute;left: 525px;top:0;width: 360px;display: none;}
.nav_list .li_02>.nav_block{position: absolute;left: 360px;top:0;width:400px; height: 100vh; overflow-y: auto; padding-bottom: 100px; display: none;padding-left: 70px;box-sizing: border-box;}
.nav_list .li_02:first-child>.nav_block{display: block;}
.nav_list .li_02{padding: 0 50px;}
.nav_list .li_02>.nav_block .img,.nav_list .li_02>.nav_block .img img{width:100%;}
.nav_list h3{position: relative;}
.nav_list h3 a{display: block;}
.nav_list h3 span{position: absolute;top:0;right: 0;height: 100%;    width: 30px;}
.nav_p {line-height: 36px;}
.nav_p a{color: #9c9c9c;}
.nav_p a sup{position:relative;/*top: -12px*/}
.nav_block h4 {color: #000;font-weight: bold;margin-bottom: 4px;}
.nav_block h4 a i{margin-left: 20px;}
.nav_list .li_01.on>h3 a{color: #ca254d;}
.nav_list .li_01.on .nav_block li.on h3:first-child a{color: #ca254d;}
.nav_list .li_01.on>.nav_block{display: block;}

.navbody .nav_list{visibility: visible;opacity: 1;
  -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);
}

.return_a{display: none;cursor: pointer;border-bottom: 1px solid #eee;margin-bottom: 10px;padding: 0 20px;}
.return_a a{display: inline-block;color: #9c9c9c;}
.li_01>.nav_block>.return_a{margin-bottom: 0;}
.nav_list .header_login{display: none;}
@media only screen and (max-width:1440px) {
.nav_list .li_01{padding-left: 100px;}
.nav_list .li_01,.nav_bg01{width:400px}
.nav_bg02{left: 400px}
.nav_list .li_01>.nav_block{left: 400px;}
.nav_list .li_02>.nav_block{padding-left: 50px;}
}
@media only screen and (max-width:1366px) {
.nav_list .li_01{padding-left: 50px;padding-right: 30px;}
.nav_list .li_01,.nav_bg01{width:350px}
.nav_bg02{left: 350px;width: 340px;}
.nav_list .li_01>.nav_block{left: 350px;width: 340px;}
.nav_list .li_02>.nav_block{left: 340px; padding-left: 30px;}
.nav_list .li_02{padding: 0 30px;}
.nav_p{font-size: 14px;line-height: 30px;}
.nav_block h4{margin-bottom: 7px;}
}
@media only screen and (max-width:1024px) {
.wrap_in{margin-top: 10px;}
.nav_list{top:50px;}
.nav_bg01,.nav_bg02{display: none;}
.nav_list .li_01{width: 100%;}
.nav_list .li_01>.nav_block{left: auto;right: -100%; width: 100%;height: 100%; background: #fff;position: fixed;display: block;    z-index: 9;}
.nav_list .li_02>.nav_block{left: auto;right: -100%;width: 100%;height: 100%; background: #fff;position: fixed;    z-index: 91;}
.nav_list .li_01>.nav_block,.nav_list .li_02>.nav_block{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;padding: 0; padding-top: 10px;box-sizing:border-box;}

.nav_list .li_02>.nav_block{padding-top: 10px;}
.nav_list .li_02>.nav_block h4,.nav_list .li_02>.nav_block .nav_p{padding: 0 20px;}

.nav_list .li_01,.nav_list .li_02{padding: 0 20px;    padding-right: 10px;}
.nav_list .li_01.on>.nav_block{right:0;}
.nav_list .li_02.on>.nav_block{right:0;}

.nav_block h4{line-height: 30px;margin-bottom: 0;}
.return_a{display: block;}
.nav_list li{    border-bottom: 1px solid #eee;}
.nav_list .li_02>.nav_block{display: block;}

.nav_list .header_login{display: block;overflow: hidden;padding: 0 20px;border-bottom: 1px solid #eee;}
.login_div02 .person_name{max-width: calc(100% - 60px)}

}


.site_nav{position: fixed;right: 0;bottom: 50px;width:60px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;z-index: 99;}
.site_nav li{width: 100%;height: 60px;line-height: 60px;position: relative;background: #5d5d5c;border-bottom: 1px solid #7f7f7f;}
.site_icon{text-align: center;vertical-align: middle;position: relative;width: 100%;height: 100%;}
.site_icon img{transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;width: 32px;} 
.site_nav li:last-child{border:0;background: #303133;}

.site_p{position: absolute;top:0;right: -100%;opacity: 0;visibility:hidden;  height: 100%;background: #c7103c;width: 180px;color: #fff;overflow: hidden;padding-left: 20px;color: #fff;
transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.site_p span{float: left;margin-right: 25px;}
.site_p span img{width: 32px;margin-top: 12px}
.site_p em{float: left;}
.site_p a{color: #fff;}

.site_btn i{cursor: pointer; position: absolute;top:-25px;right:0px; background: #c7103c;color: #fff;width: 24px;height: 24px;line-height: 24px;text-align: center; display: block;border-radius: 50%;}
.site_btn span{display: block; background: #c7103c;color: #fff;width: 30px;height: 30px;line-height: 30px;text-align: center;position: absolute;top:50%;left: -30px;border-radius: 5px 0 0 5px;visibility: hidden;opacity: 0;cursor: pointer;}

.site_nav.cur{right: -60px;}
.site_nav.cur .site_btn span{visibility: visible;opacity: 1;}

@media only screen and (max-width:1440px) {
.site_icon img,.site_p span img{width: 28px;}
.site_p span{margin-right: 15px;}
.site_p{width: 145px;}
.site_nav{width: 50px;}
.site_nav li{height: 50px;line-height: 50px}
.site_p span img{margin-top: 10px;}
.site_p em{font-size: 16px;}
.site_nav.cur{right: -50px;}

}

@media only screen and (max-width:1024px) {
.site_nav{right: -50px;}
.site_btn span{visibility: visible;opacity: 1;}
.site_nav.cur02{right: 0;}
.site_nav.cur02 .site_btn span{visibility:hidden;opacity: 0;}

}


@media only screen and (min-width:1025px) {
a,.search_box button{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
a:hover{color: #e8390d !important;}
.search_box button:hover{color: #e8390d ;}
.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}
.tran_scale02:hover img{transform:scale(0.9,0.9); -webkit-transform:scale(0.9,0.9);-moz-transform:scale(0.9,0.9);-o-transform:scale(0.9,0.9);-ms-transform:scale(0.9,0.9);}
.footer_c a:hover{color: #fff !important;cursor:default;}

.site_nav li:hover .site_p{right: 0;visibility: visible;opacity: 1;}
.site_p a:hover{color: #fff !important;opacity: 0.8;}
}







/*page*/
.pageout{text-align: center;padding-bottom: 5px;    clear: both;}
.page{display:inline-block;*display:inline;*zoom:1;}
.page {vertical-align:middle;text-align:center;margin: 0 auto;padding-top: 50px; color:#7a8087; /*height:28px;*/ line-height:28px; }
.page span{color:#7a8087; float: left;font-weight: bold; }
.page span em{color: #c60937;margin-left: 5px;}
.page .span01{margin-right: 5px;}
.page .span02{margin-left: 5px;}
.page i{ float: left; margin: 0 20px;}
.page a{float: left; width:28px;font-weight: bold; background: #ffffff; margin: 0 3px;}
.page a.on{background:#c60937;color:#fff;}
.page a.prev {background:url(../images/page_prev_on.png) center center no-repeat; text-indent:-10000px; margin-right: 5px;}
.page a.next {background:url(../images/page_next_on.png) center center no-repeat; text-indent:-10000px;}
.page a.first,.page a.first.last{color:#7a8087;}


.page a.next{margin:0 6px;}
.page .go{ width: 33px; background: #c60937; color: #fff; text-align: center;cursor: pointer; height: 28px; line-height: 28px;}
.page .go:hover{color: #fff !important;}
.page a.on:hover{color: #fff !important;}
.page .txtnum{margin:0  10px;}
.page .txtnum input{color:#333; width:62px;height:28px; line-height:28px; padding: 0 5px; text-align:left;background:none;border: 2px solid #7a8087;box-sizing:border-box; }

@media only screen and (max-width:1365px) {

.page a{margin: 0 0px;}
}
@media only screen and (max-width:1024px) {
.page{padding-top: 20px;}

}
@media only screen and (max-width:767px) {
.page a{display:none; font-weight: normal;}
.page a.prev,.page a.next{display:block; display:inline-block;    border: 1px solid #7a8087;}
.page i{margin:0 4px;}
.page .span01{display: none;}
.page .txtnum{margin: 0 8px;}
.page .txtnum input{width: 50px;border-width: 1px;}
}
/*page*/


/*20210623修改导航下拉样式*/
/*.nav_list h3 span{width:40px;}
.nav_list .li_01{padding-right: 0;}
.nav_list .li_02{padding-left:40px; padding-right: 0;}
.nav_list .li_01>h3 a{padding-left: 95px;color:#fff; border-bottom:3px solid transparent;}
.nav_list .li_01.on>h3 a{border-bottom:3px solid #C10024;}
.nav_list .li_01:nth-child(1)>h3{ background: url(../images/nav_ico01.png) 35px center no-repeat;}
.nav_list .li_01:nth-child(1).on>h3{background: url(../images/nav_ico01_on.png) 35px center no-repeat rgba(255,255,255,0.5);}
.nav_list .li_01:nth-child(2)>h3{ background: url(../images/nav_ico02.png) 35px center no-repeat;}
.nav_list .li_01:nth-child(2).on>h3{background: url(../images/nav_ico02_on.png) 35px center no-repeat rgba(255,255,255,0.5);}
.nav_list .li_01:nth-child(3)>h3{ background: url(../images/nav_ico03.png) 35px center no-repeat;}
.nav_list .li_01:nth-child(3).on>h3{background: url(../images/nav_ico03_on.png) 35px center no-repeat rgba(255,255,255,0.5);}
.nav_list .li_01:nth-child(4)>h3{ background: url(../images/nav_ico04.png) 35px center no-repeat;}
.nav_list .li_01:nth-child(4).on>h3{background: url(../images/nav_ico04_on.png) 35px center no-repeat rgba(255,255,255,0.5);}
.nav_list .li_01:nth-child(5)>h3{ background: url(../images/nav_ico05.png) 35px center no-repeat;}
.nav_list .li_01:nth-child(5).on>h3{background: url(../images/nav_ico05_on.png) 35px center no-repeat rgba(255,255,255,0.5);}
.nav_list .li_01:nth-child(6)>h3{ background: url(../images/nav_ico06.png) 35px center no-repeat;}
.nav_list .li_01:nth-child(6).on>h3{background: url(../images/nav_ico06_on.png) 35px center no-repeat rgba(255,255,255,0.5);}
.nav_list .li_01:nth-child(7)>h3{ background: url(../images/nav_ico07.png) 35px center no-repeat;}
.nav_list .li_01:nth-child(7).on>h3{background: url(../images/nav_ico07_on.png) 35px center no-repeat rgba(255,255,255,0.5);}
.nav_list .li_01:nth-child(8)>h3{ background: url(../images/nav_ico08.png) 35px center no-repeat;}
.nav_list .li_01:nth-child(8).on>h3{background: url(../images/nav_ico08_on.png) 35px center no-repeat rgba(255,255,255,0.5);}
.nav_list .li_02>h3{padding-left: 55px; border-bottom:3px solid transparent;}
.nav_list .li_02.on>h3{border-bottom:3px solid #C10024;background: rgba(255,255,255,0.5);}
.nav_list .li_02.on>h3 a{color:#B30D39;}
@media only screen and (max-width:1440px) {
  .nav_bg03{left: 760px;width:calc(100% - 760px);}
  .nav_list{height: 85vh;}
  .nav_list .li_02>.nav_block{height: 78vh;}
}
@media only screen and (max-width:1366px) {
  .nav_bg03{left: 690px;width:calc(100% - 690px);}
  .nav_list{height: 100vh;}
  .nav_list .li_02>.nav_block{height: 100vh;}
}
@media only screen and (max-width:1024px) {
.nav_bg03{ display: none;}
.nav_bg01{ display: block; width:100%;}
.nav_list .li_01>h3{ background-position: 10px center!important;}
.nav_list .li_01>h3 a{padding-left: 50px;}
.nav_list .li_02{padding-left: 20px;}
.nav_list .li_02>h3{padding-left: 0;}
}*/
/*20210623修改导航下拉样式end*/


 /*20210709修改右侧图标*/
.site_icon i{font-size:26px; color:#CCCCCC;}
.site_p span i{font-size:26px; color:#fff;}
/*20210709修改右侧图标end*/

/*20210916修改首页搜索框*/
.nav_list .search_box{ display: none;}
.head_search{margin-left:20px; cursor: pointer;}
.head_search i{font-size: 20px;}
a.sqsy{background:#C7103C; color:#fff!important;padding:5px;}
@media only screen and (max-width:767px) {
  .head_search,a.sqsy{ display: none;}
  .nav_list .search_box{ display: block;}
}
/*20210916修改首页搜索框*/



/*20210918修改公共导航效果*/
.header_re>div.menu{ display: none;}
.navlist{display:none;border-top: 3px solid #ca254d;height:80vh; z-index: 999;top:76px;background: #fff; box-shadow: 0 8px 8px 5px rgba(0,0,0,0.15);}
/*其他栏目下拉*/
.comm_li{ position: relative;}
.comm_navlist{line-height:36px;width:160px; position: absolute; left:50%; margin-left:-80px; top:76px; height: auto;}
.comm_menu{text-align: center; padding:10px 0; }
.comm_menu dd{font-size: 16px;}

/*合作伙伴下拉样式*/
.parn_menu{line-height: 30px; height: 100%;position: relative;}
.parn_menu .ll{width:calc(85% - 150px); height: 100%; overflow: hidden; overflow-y: auto; padding: 0 2% 0 5%;}
.parn_menu .ll ul{margin:0 -1.5% 40px; display: flex;flex-wrap:wrap;}
.parn_menu .ll li{ float: left; width:30.33%; margin:20px 1.5% 0;}
.parn_menu .ll li .ptt{ height: 40px; line-height: 40px;}
.parn_menu .ll li .ptt .pico{ float: left;width:60px; margin-right: 20px; position: relative; height: 40px; line-height: 40px;border-top:1px solid #DEDEDE; border-bottom:3px solid #DC1D27;}
.parn_menu .ll li .ptt .pico img{max-width: 100%;}
.parn_menu .ll li .ptt .ptit{ float: right; font-size: 18px; width:calc(100% - 80px);height: 40px; line-height: 40px;border-top:1px solid #DEDEDE; border-bottom:3px solid #DC1D27;}
.parn_menu .ll li .pmm .links{ height: 9em; overflow-y: auto; margin:10px 0;margin-left:80px;}
.parn_menu .ll li .pmm .links p{ width:100%;line-height: 1.8;}
.parn_menu .ll li .pbb{ display: none; cursor: pointer; height:24px; line-height: 24px; text-align: center; background: #D7D8DC;}
.parn_menu .ll li .pbb i{color:#D80713; font-size: 16px;}

.parn_menu .rr{ position: absolute; right:5%; top:246px; width:150px; text-align: center; /*top:50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%);*/}
.parn_menu .rr dd{text-align: center;}
.parn_menu .rr dd:first-child{margin-bottom: 10%;}
.parn_menu .rr dd em{ display: block;width:74px; height: 74px; margin:0 auto 20px; overflow:hidden;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.parn_menu .rr dd a{ display: block; margin: 0 auto; width:150px; height: 40px; line-height: 40px;margin-bottom: 20px; font-size: 18px; color:#D8000B; border:1px solid #E7696F; background: #fff;}
.parn_menu .rr dd a:hover{color:#fff!important; background: #D8000B;}
.parn_menu .rr dd:hover em{ background:url(../images/parn_menu_r01_on.png) no-repeat; opacity:0.6;}
.parn_menu .rr dd:hover em img{ display:none;}
.parn_menu .rr dd+dd:hover em{ background:url(../images/parn_menu_r02_on.png) no-repeat;opacity:0.6;}
.parn_menu .rr dd+dd:hover em img{ display:none;}



@media only screen and (max-width:1024px) {
  .header_re>div.menu,.nav span{ display: block;}
  
  .nav{display:block; background: #fff;border-top:2px solid #900; position: fixed; z-index: 1000; margin-top:0; top:50px;bottom: 0px;padding:0; right:-100%;height:calc(100vh - 50px);width:100%;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; /*overflow-y: auto;*/}
  .navbody .nav{right:0; left:auto;}
  .nav ul{width: 100%; height: 100%;}
  .nav ul>li{line-height: 40px; width: 100%;float: none;border-bottom: 1px solid#efefef;overflow: hidden;}
  .nav ul>li>a{ float: left; height: 40px; line-height: 40px;padding:0 15px; text-align: left; width: calc(100% - 70px); overflow: hidden;}
  .nav ul>li>span{ float: right;width: 40px; height: 40px; text-align: center; font-size: 30px;}

  .navlist{display:block; max-width: 100%; width:100%!important; box-shadow: none; border-top:none; top:0; height: 100%; left:100%; transform: translate(0,0); -webkit-transform: translate(0,0);-ms-transform: translate(0,0);-moz-transform: translate(0,0);-o-transform: translate(0,0);transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
  .comm_navlist{margin-left:0; line-height: 40px;}
  .nav ul>li.on .navlist{left:0;}
  
/*产品栏目下拉*/
.pro_ser_menu{line-height: 40px;height:100%;}
.pro_ser_menu .ll{width:100%;height:100%;overflow-y:auto;}
.pro_ser_menu .ll .pitemlist{width:100%; height: 100%;}
.pro_ser_menu .ll .pli_01{ width:100%;}
.pro_ser_menu .ll .pli_01 h3{width:100%; height: 40px; line-height: 40px; position: relative;}
.pro_ser_menu .ll .pli_01 h3 a{ display: block; font-size: 14px;color:#262D3D;padding:0 60px 0 20px;}
.pro_ser_menu .ll .pli_01 h3 a em{ float: left;  width:30px; height: 25px; margin-top:7px; max-height: 30px; margin-right: 10px;}
.pro_ser_menu .ll .pli_01:first-child h3 a em{margin-top:8px;}
.pro_ser_menu .ll .pli_01:nth-of-type(8) h3 a em{margin-top:4px;}
.pro_ser_menu .ll .pli_01 h3 a em>img{max-width: 100%;filter: grayscale(0);filter: gray;opacity:1;}
.pro_ser_menu .ll .pli_01 h3 span{ position: absolute; right:0; top:0; font-size:18px; width:40px; text-align: center; height: 40px; line-height: 40px;}

.pro_ser_menu .ll .pli_01.on{ height: 100vh; overflow-y:auto;}
.pro_ser_menu .ll .pli_01>.pitem_block{ display: block; position: absolute; z-index: 10; right:-100%; top:0;width:100%; height: 100%; overflow-y: auto; background: #fff; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.pro_ser_menu .ll .pli_01.on>.pitem_block{right:0;}

.pro_ser_menu .ll .pli_02{width:100%;border-bottom: none; margin-bottom: 20px;}
.pro_ser_menu .ll .pli_02 h4{border-bottom:1px solid #E6E6E6; width:100%;line-height: 40px; height: 40px;position: relative;}
.pro_ser_menu .ll .pli_02 h4 a{ display:block;padding:0 60px 0 20px;font-size: 14px;color:#262D3D!important;}
.pro_ser_menu .ll .pli_02 h4 span{ display: none; position: absolute;right:0; width:40px; height: 40px; text-align: center; top:0; font-size: 18px;color:#262D3D;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}

.pro_ser_menu .ll .pli_02>.pitem_block{ padding:0 20px; /*display: block; position: absolute;left:auto; right:-100%; width:100%; height: 100%; background: #fff; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;*/}
.pro_ser_menu .ll .pli_02.on>.pitem_block{right:0;}

.pro_ser_menu .ll .pli_03{ float: left; width:50%;margin:0; padding:0 0 10px;}
.pro_ser_menu .ll .pli_03 h5{padding-left: 15px; position: relative;}
.pro_ser_menu .ll .pli_03 h5 a{display:block;padding:0 60px 0 5px;font-size: 14px;color:#262D3D;}
.pro_ser_menu .ll .pli_03 h5::after{content: ""; position: absolute; left:0; top:15px; width:8px; height: 8px; border-radius: 100%; background: #000;}
.pro_ser_menu .ll .pli_03 h5 span{ display: block; position:absolute;top:0;right:0; width:40px; height: 40px; text-align: center; font-size: 18px;}
.pro_ser_menu .ll .pli_03 p{padding:0 20px;line-height: 1.2;color:#9A9DA7;}

.pro_ser_menu .ll .pli_03>.pitem_block{ display: block; position: absolute; z-index: 40; top:0; left:auto; right:-100%; width:100%; height: 100%; background: #fff; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.pro_ser_menu .ll .pli_03.on>.pitem_block{right:0;}
.pro_ser_menu .ll .pli_03.on h5 a{color:#262D3D!important;}
.pro_ser_menu .ll .pli_03 li h6{ padding:0 20px;}
.pro_ser_menu .ll .pli_03 li p{ line-height: 20px; margin-bottom: 10px; background: url(../images/promenu_dot.png) 20px 8px no-repeat;}
.pro_ser_menu .ll .pli_03 li p a{ display: block; padding-left:10px;color:#262D3D;}
.pro_ser_menu .ll .pitem_block_an .pli_03{padding-bottom: 10px;}

.comm_li{position: static;}
.comm_menu{padding:0; text-align: left;}  
.comm_menu dl{padding:0;}
.comm_menu dd{font-size: 14px;padding:0 20px; border-bottom:1px solid #efefef;}

.parn_menu{line-height: 40px;}
.parn_menu .ll{width:100%; padding:0;}
.parn_menu .rr{ width:100%; position: static; left:0; top:0; right:auto;transform: translate(0,0); -webkit-transform: translate(0,0);-ms-transform: translate(0,0);-moz-transform: translate(0,0);-o-transform: translate(0,0);}
.parn_menu .ll ul{margin:0;}
.parn_menu .ll li{width:calc(100% - 40px); margin:0 0 10px; padding:0 20px 10px;}
.parn_menu .ll li .ptt .pico{width:40px; margin-right: 5px;}
.parn_menu .ll li .ptt .ptit{width:calc(100% - 50px); font-size:14px;}
.parn_menu .ll li .pmm .links{margin-left:50px;}
}

@media only screen and (max-width:767px) {
.pro_ser_menu .ll .pli_03{width:100%;}
}
/*20210918修改公共导航效果end*/


/*解决mac导航滚动条隐藏*/
::-webkit-scrollbar{ widtH:10px; height: 10px;}
::-webkit-scrollbar-thumb{border-radius: 1em; background: rgba(50,50,50,0.1);}
::-webkit-scrollbar-track{border-radius: 1em;background: rgba(50,50,50,0.1);}

.back_top{ display: none;position:fixed; z-index:10000; right:20px; bottom:20px; width:40px; height:36px; padding-top:4px; text-align:center; background:#000;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}


/*20220110公共部分变更*/
.header_in{padding: 0 30px; height:auto;}
.header_tt{ display: none; height: 38px; line-height: 38px; padding:0 30px; background: #F3F3F3;}
.header_tt .l{ float: left; width:50%;}
.header_tt .l span{margin-left:10px;}
.header_tt .r{ float: right;width:50%; text-align: right;}
.header_share,.header_login{ float: right; margin:0 15px;}
.header_share a{ float: left; color:#8B8B8B; font-size:24px; margin-left:5px;}
.header_share a span{ display: none; position: absolute; right:0; top:38px; widtH:110px; height: 110px; overflow: hidden;}
.header_share a:hover span{ display: block; z-index: 10000;}
.header_share span img{width:100%;}
.head_search{float: right;}
.head_search i{font-size: 22px;}
.header_re p{color:#C7103C;}
.header_re p a{color:#C7103C;}

@media only screen and (max-width:1279px) {
.nav li>a{padding:0 3px;}
}
@media only screen and (max-width:1024px) {
  .header_in,.header_re{ height: 50px;}
  .header_in{padding-right: 0;}
  .menu{ height:50px; float: right!important;}
  .header_re p{ float: right; margin-right: 10px;}
}
@media only screen and (max-width:767px) {
.header_tt{padding:0 10px;}
.header_tt .l{widtH:auto;}
.header_tt .r{ widtH:auto;}
.header_in{padding-left:10px;}
.header_re p{ display:none;}
.menu{position: absolute; right:0; top:0;}
}
/*20220110公共部分变更*/

/*20220111首页新增*/
.vbtn{color:#fff; widtH:80px; height: 80px; line-height: 80px;}
.vbtn i{ display: block;font-size: 80px; vertical-align: middle;}
.vbtn::before{opacity: 0; content: ""; position: absolute; lefT:-18px; top:-18px; animation: wave 2s ease-out infinite;background: rgba(255,255,255,0.5); border-radius: 100%;}
.vbtn:hover::before{ opacity: 1;}
@keyframes wave {
	50%, 75% {
	width:calc(100% + 36px); height:calc(100% + 36px);
    }
	90%, 100% {
	opacity: 0;
    }
}
.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox iframe{width:100%; height: 100%;}
.video_appbox video{object-fit: cover; width: 100%;}
.video_appbox .video_t{ z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%;
 transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;visibility: hidden;opacity: 0;}
.video_appbox.show .video_t{visibility: visible;opacity:1;top:50%;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:calc(20% - 30px); right:calc(50% - 517px); cursor:pointer; z-index: 99999;}
.vide0_close i{color: #fff;font-size:20px;font-weight: bold;}
/*20220110*/


.index-part01{ padding:5% 0 0; background: #fff;position: relative; z-index: 10;}
.index-part01 .ll{ float: left; widtH:48%;position: relative; z-index: 1;}
.index-part01 .rr{ float: right; width:48%;}
.index-part01 .ll h2,.index-part01 .rr h2{ position: relative; line-height: 48px; margin-bottom: 5%; overflow: hidden;}
.index-part01 .ll h2 span,.index-part01 .rr h2 span{ float: left;}
.index-part01 .ll h2 a,.index-part01 .rr h2 a{ float: right; position: relative;}
.index-part01 .ll h2 a::after,.index-part01 .rr h2 a::after{content: ""; position: absolute; left:0; bottom:5px; widtH:100%; height: 1px; background: #8C8C8C;}
.index-part01 .ll li{margin-bottom: 5%;}
.index-part01 .ll li dt{ float: left; widtH:40%; position:relative;}
.index-part01 .ll li dt .vbtn{width:40px; height: 40px; line-height: 40px; z-index:10;}
.index-part01 .ll li dt .vbtn i{ font-size: 40px;}
.index-part01 .ll li dd{ float: right; width:55%;}
.index-part01 .ll li dd h3+span{ display: block; color:#C6083A; font-family: Arial, Helvetica, sans-serif; margin:2% 0;}
.index-part01 .ll li dd h3+span+p{height: 4.5em; color:#434343; overflow: hidden; margin-bottom: 3%;}
.itemlist{ text-align: right; }
.item{ display: inline-block; cursor: pointer; margin-left: 15px; height: 30px; line-height: 30px; position: relative;}
.item::before{content: ""; position: absolute; lefT:-10px; top:50%;margin-top:-8px; widtH:1px; height:16px; background: #C2C2C2;}
.item:first-child::before{ display: none;}
.item span{ display: block;color:#959595;}
.item .item_c{ display: none; z-index: 100000; position: relative; padding:10px 10px; position: absolute; lefT:0; top:100%; widtH:260px; height: auto; background: #fff; box-shadow: 0 0 5px 5px #EEEEEE;}
.item .item_c::before{content: ""; position: absolute; lefT:15px; top:-7px; widtH:0; height:0; border-right:7px solid transparent; border-left:7px solid transparent; border-bottom:7px solid #fff}
.item.on .item_c{ display: block;}
.item .item_c p{ height: auto; line-height: 1.5; margin:5px 0; text-align: left; padding-left: 10px; color:#666666; position: relative;}
.item .item_c p::before{content: ""; position: absolute; lefT:0; top:10px; width: 4px; height: 4px; border-radius: 4px; background: #666666;}
.index-part01 .ll .item:last-child .item_c{left:auto; right:0;}
.index-part01 .ll .item:last-child .item_c::before{left:auto; right:15px;}

.hjs{margin-bottom: 5%;}
.hjs .item .item_c{top:auto; lefT:auto; right:5px; bottom:30px;}
.hjs .item .item_c::before{left:auto; right:15px; top:auto; bottom:-7px; border-bottom:none; border-top:7px solid #fff}
.hjs dt{position: relative;}
.hjs dt .vbtn{width:64px; height: 64px; line-height: 64px;}
.hjs dt .vbtn i{ font-size: 64px;}
.hjs dd h3{margin:2.5% 0;}
.hjs dd h3+p{ height: 3em;color:#434343; overflow: hidden;margin-bottom: 3%;}
.hjs .swiper-pagination{ z-index: 1; bottom:auto!important; text-align: left; padding-left: 20px; top:62%;}
.hjs .swiper-pagination span{ background: #fff; opacity: 1;}
.hjs .swiper-pagination span.swiper-pagination-bullet-active{ background: #C60937;}
.hjs .swiper-button-prev,.hjs .swiper-button-next{display:none;font-size: 40px;height: 40px;width: 40px; line-height: 40px; top:35%; margin-top: -20px;text-align: center;color: #fff;background: none !important;}
.hjs .swiper-button-prev{left: 0px;}
.hjs .swiper-button-next{right: 0px;}
.hjs .swiper-button-prev.swiper-button-disabled,.hjs .swiper-button-next.swiper-button-disabled{pointer-events:inherit!important;}
.hjs:hover .swiper-button-prev,.hjs:hover .swiper-button-next{display:block;}

.jsyj .itemlist{margin-top:10px;}
.jsyj li{padding:12px 0; border-bottom:1px solid #D4D4D4;}
.jsyj li:first-child{padding-top: 0;}
.jsyj li.on h3 a{color:#434343;}
.jsyj li .itemlist{ display: none;}
.jsyj li.on .itemlist{display: block;}
.jsyj li .item .item_c{left:auto; right:0;}
.jsyj li .item .item_c::before{left:auto; right:15px;}


.index-part02,.index-part03,.index-part05{padding:5% 0; background: #F3F5F5;}
.index-part02 h2,.index-part02 h3,.index-part03 h2,.index-part03 h3,.index-part05 h2,.index-part05 h3{ text-align: center;}
.index-part03 h3,.index-part05 h3{margin:1% 0 5%; color:#666666;}
.index-part02 h3{margin:5px 0 2.5%; color:#666666;}
.indp02-tit{ text-align:center; width:100%; margin:0 0 1%;}
.indp02-tit li{display:inline-block; cursor:pointer; margin:0 28px; padding-bottom:15px; position:relative; color:#434343;}
.indp02-tit li::before{ opacity:0; content:""; position:absolute; left:0; bottom:0;widtH:100%; height:3px; background:#CC0033;}
.indp02-tit li::after{content:""; position:absolute; right:-32px; top:10px; width:2px; height:30px; background:#434343;/*transform:rotate(15deg);-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);*/}
.indp02-tit li:last-child::after{opacity:0;}
.indp02-tit li.on{font-weight:bold;}
.indp02-tit li.on::before{ opacity:1}
.indp02-con .con_tab{ display:none; /*height:0;visibility: hidden; overflow:hidden;*/}
.indp02-con .con_tab.on{ height:auto;visibility: visible;}


.indp02-sbox{ position: relative;}
.indp02-sbox ul{margin:0 -1%;}
.indp02-sbox li{ float:left; width:31.33%; margin:0 1% 2%;}
.indp02-sbox li:nth-child(n+7){ display:none;}
.indp02-sbox li .img{margin-bottom: 20px;}
.indp02-sbox li .img img{ widtH:100%;}
.indp02-sbox .swiper-button-prev,.indp02-sbox .swiper-button-next{z-index:10;opacity: 1!important; width:60px; height: 60px; margin-top:-30px; line-height: 60px; text-align: center; background: #Fff; box-shadow: 0 0 8px 8px rgba(0,0,0,0.05);}
.indp02-sbox .swiper-button-prev i,.indp02-sbox .swiper-button-next i{ font-size: 26px; color:#C70F3F; font-weight: bold; }
.indp02-sbox .swiper-button-prev{ lefT:0px; }
.indp02-sbox .swiper-button-next{ right:0px;}
.indp02-sbox .swiper-button-prev.swiper-button-disabled,.indp02-sbox .swiper-button-next.swiper-button-disabled{cursor:default;}
.indp02-sbox .swiper-button-prev.swiper-button-disabled i,.indp02-sbox .swiper-button-next.swiper-button-disabled i{ color:#7C7C7C;}
.indp02-sbox h4{margin-bottom: 15px;}
.indp02-sbox p{ margin-bottom: 10px;color:#434343; max-height: 6em; overflow: hidden;}
.indp02-sbox span{ display: block; color:#9B9B9B;}
.indp02-sbox a:hover p{color:#434343;}
.indp02-sbox a:hover span{color:#e8390d;}

.index-part03,.index-part05{ background: #fff;}
.index-part03{padding-bottom: 0;}
.index-part03 h3{margin-bottom: 4%;}
.index-part03 ul{margin: 0 -1%; overflow:hidden;}
.index-part03 ul.on{ height:auto!important;}
.index-part03 li{ float: left; width:31.33%; margin:0 1% 2.5%;}
.index-part03 li .tt{ background: #F6F6F6;}
.index-part03 li .tt .img{ padding:10px; width:calc(100% - 20px);}
.index-part03 li .tt .img span{color:#fff;}
.index-part03 li .tt .img a{ display: block; position: relative;}
.index-part03 li .tt .img a::before{ content: ""; position: absolute; lefT:0; top:0; width:100%; height:100%; background: rgba(0,0,0,0.2);}
.index-part03 li .tt .txt{padding:20px 30px 15px; height:5.5em; position: relative;}
.index-part03 li .tt .txt p,.index-part03 li .bb .txt p{ margin:0 0 10px; padding-left: 15px; color:#434343; position: relative;}
.index-part03 li .tt .txt p::before,.index-part03 li .bb .txt p::before{content: ""; position: absolute; lefT:0; top:50%; margin-top:-2px; width: 4px; height: 4px; border-radius: 4px; background: #434343;}
.index-part03 li .tt .txt p a{ color:#434343;}
.index-part03 li .tt .txt em,.index-part03 li .bb .txt em{ display: block; text-align: center; font-size: 22px; color:#929292;}
.index-part03 li .tt .txt .txtlist{ opacity: 0;visibility:hidden; position: absolute; z-index: 10; left:0; top:0; widtH:calc(100% - 60px); height: auto; padding:20px 30px 15px;background: #fff;}
/*.index-part03 li .tt:hover .txt .txtlist,.index-part03 li .bb:hover .txt .txtlist{opacity: 1;}*/
.index-part03 li .bb{padding:20px 0px 5px; border-bottom: 3px solid #CC0033;}
.index-part03 li .bb h4{color:#434343; font-weight:bold; margin-bottom: 15px;}
.index-part03 li .bb .txt{padding:0 20px; position: relative;}
.index-part03 li .bb .txt .txtlist{ opacity: 0; visibility:hidden; position: absolute; z-index: 10; left:0; top:0; widtH:calc(100% - 40px); border-bottom:3px solid #CC0033;  padding:0 20px; height: auto;background: #fff;}
.index-part03 li .tt .txt .txtlist.on,.index-part03 li .bb .txt .txtlist.on{opacity: 1; visibility:visible; z-index:100;}

.indp02-con a.more,.index-part03 .more{position: relative; display:block; width:32px; height:30px; margin:0 auto;}
.indp02-con a.more::after,.index-part03 .more::after{content: ""; position: absolute; left:0; bottom:0px; widtH:100%; height: 1px; background: #8C8C8C;}


.index_link dl{padding:0; margin:20px 0;}
.index_link dt{margin-bottom: 0;}
.index_link dd{ opacity: 0; position: absolute; lefT:0; top:0; right:5px; widtH:100%; height: 100%; color:#fff; background: rgba(200,17,60,0.9);}
.index_link dd h3{color:#fff; height: auto;-webkit-line-clamp:unset; text-align: center; padding:0 5%; widtH:90%;}


.bg-cover{background-size: cover; background-repeat: no-repeat; background-position: center center;}
.about-part04{ padding:6% 0 0;}
.about-part04 h2{ text-align: center; color:#fff; margin-bottom: 2%;}
.about-part04 .his-box{position: relative;}
.about-part04 .his-box .line{ position: absolute; lefT:0; top:100px; width:100%; height: 1px; background: url(../images/abo_dot01.png) center top no-repeat;}
.about-part04 .his-box .swiper-container{ widtH:calc(100% - 300px);}
.about-part04 .his-box li{ text-align: center;}
.about-part04 .his-box li .year{ height:110px;position: relative; color:#fff; line-height: 100px;}
.about-part04 .his-box li .year em{ position: absolute; left:50%; margin-left:-5px; top:95px; width:11px; height: 11px; border-radius: 11px; background: #fff;}
.about-part04 .his-box li .year em::before{content: ""; position: absolute; left:3px; top:3px; width:5px; height: 5px;border-radius:5px; background: #C6083A;}
.about-part04 .his-box li .year::after{ opacity: 0; content: ""; position: absolute; lefT:0; bottom:6px; width:100%; height: 6px; background: #C6083A;}
.about-part04 .his-box li.on .year em{ width:16px; height: 16px; top:93px; margin-left:-8px; background: #C6083A;}
.about-part04 .his-box li.on .year em:before{background: #fff; left:5px; top:5px; width:6px; height: 6px;border-radius:5px;}
.about-part04 .his-box li.on .year span{ font-size: 60px;}
.about-part04 .his-box li.on .year::after{ opacity: 1; z-index: -1;}
.about-part04 .his-box .swiper-button-prev,.about-part04 .his-box .swiper-button-next{opacity: 1!important; width:60px; height: 60px; margin-top:-30px; line-height: 60px; text-align: center; background: #Fff; box-shadow: 0 0 8px 8px rgba(0,0,0,0.05);}
.about-part04 .his-box .swiper-button-prev i,.about-part04 .his-box .swiper-button-next i{ font-size: 26px; color:#C70F3F; font-weight: bold; }
.about-part04 .his-box .swiper-button-prev{ lefT:20px;margin-top:0; top:70px;}
.about-part04 .his-box .swiper-button-next{ right:20px; margin-top:0; top:70px;}
.about-part04 .his-box .swiper-button-prev.swiper-button-disabled,.about-part04 .his-box .swiper-button-next.swiper-button-disabled{pointer-events:inherit!important; cursor: pointer; opacity: 1;}
.about-part04 .his-box .swiper-button-prev.disabled{ cursor: default; opacity: 0.35;}
.about-part04 .his-box .swiper-button-next.disabled{ cursor: default;opacity: 0.35;}
.about-part04 .his-box .swiper-button-prev.disabled i,.about-part04 .his-box .swiper-button-next.disabled i{color:#7C7C7C;}
.about-part04 .his-cons{padding:3% 0 10%; height:20em; width:calc(100% - 300px); margin:0 auto; margin-top:-10px; border-left:1px solid rgba(255,255,255,0.25);}
.about-part04 .his-cons dl{padding:3%; height:14em;}
.about-part04 .his-cons dd{ color:#fff; margin-bottom: 10px;}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:7px!important; background: #9DB0C1!important;}
.mCSB_scrollTools .mCSB_draggerRail{width:9px!important; background: #fff!important;}

@media only screen and (max-width:1440px) {
.indp02-tit li::after{height:20px;}
}
@media only screen and (max-width:1399px) {
.indp02-tit li::after{top:7px;}
}

@media only screen and (max-width:1365px) {
  .about-part04 .his-box li.on .year span{ font-size: 40px;}
  .item{margin-left:15px;}
  .item::before{left:-9px;}
}
@media only screen and (max-width:1279px) {
  /*.indp02-sbox .swiper-button-prev{left:0;}
  .indp02-sbox .swiper-button-next{right:0;}*/
  .about-part04 .his-box li.on .year span{ font-size: 36px;}
}
@media only screen and (max-width:1024px) {
.index-part03 li .tt .txt .txtlist{ background: #F6F6F6;}
}

@media only screen and (max-width:1023px) {
	.index-part01 .ll,.index-part01 .rr{widtH:100%;}
  .about-part04 .his-box li.on .year span{ font-size: 24px;}
  .about-part04 .his-box .swiper-container,.about-part04 .his-cons{width:calc(100% - 200px);}
  .indp02-sbox li{width:48%;}
  
.item .item_c{left:auto; right:0;}
.item .item_c::before{left:auto; right:15px;}
.indp02-tit li{padding-bottom:7px;}
}
@media only screen and (max-width:767px) {
	/*.itemlist,.jsyj li.on .itemlist{display: none;}*/
	.item .item_c{width:150px;}
	.vbtn,.hjs dt .vbtn{widtH:40px; height:40px; line-height: 40px;}
	.vbtn i,.hjs dt .vbtn i{font-size: 40px;}
	.index-part01 .ll li dt{widtH:26%}
  .index-part01 .ll li dd{width:70%;}
  .index-part01 .ll li dd h3+span+p{height: 3em;}
	.hjs .swiper-pagination{top:55%;}
	.indp02-sbox .swiper-button-prev,.indp02-sbox .swiper-button-next{width:40px; height: 40px; line-height: 40px; margin-top:-20px;}
	.index-part03 ul{margin:0;}
	.index-part03 li{widtH:100%; margin:0 0 5%;}
	.index-part03 li .tt .txt em, .index-part03 li .bb .txt em{font-size: 16px;}
	.index-part03 li .tt .txt{ height: auto;}
    .about-part04 .his-box .swiper-container{width:calc(100% - 100px);}
	.about-part04 .his-cons{width:100%; border:none; margin-top:5%;}
	.about-part04 .his-cons dl{padding:5%;}
	.about-part04 .his-box .swiper-button-prev,.about-part04 .his-box .swiper-button-next{ left:0; width:40px; height:40px; line-height: 40px; top:80px;}
	.about-part04 .his-box .swiper-button-next{left:auto; right:0;}
	.indp02-tit li::after{top:4px;}
	.index-part02 h3{margin-bottom:4%;}
	.indp02-sbox ul{margin:0;}
	.indp02-sbox li{width:100%; margin:0 0 2%;}
}

.index-part01 .ll li dt img,.hjs dl dt img{transition:0.5s all; -webkit-transition:0.5s all;}

@media only screen and (min-width:1025px) {
  .index_link dd,.index-part03 li .tt .img img,.index-part03 li .tt .txt .txtlist,.index-part03 li .bb .txt .txtlist{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
  .ccc{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;}
  .index_link dd:hover{ opacity: 1;}
  
  .index-part01 .ll li:hover dt img,.hjs dl:hover dt img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}
  .index-part01 .ll li:hover dd h3 a,.hjs dl:hover dd h3 a,.jsyj li:hover h3 a{color:#e8390d !important;}
  .index-part01 .ll li dd h3+span+p a:hover,.hjs dd h3+p a:hover{color:#434343!important;}
  
  
  
  .index-part03 li .tt:hover .txt .txtlist{/*box-shadow: 0 0 15px 15px rgba(0,0,0,0.05);*/
	box-shadow:-10px 0 15px -1px rgba(0,0,0,0.1), /*左边阴影*/
	0px 10px 15px -1px transparent, /*顶部阴影*/
	0 10px 15px -1px  rgba(0,0,0,0.1), /*底部阴影*/
	10px 0 15px -1px rgba(0,0,0,0.1); /*右边阴影*/
}
}
/*20220111首页新增*/

/*20220328首页banner弹出视频固定尺寸*/
.ind_banner_appbox .video_t{widtH:800px; height: 450px;}
.ind_banner_appbox .vide0_close{ top:calc(50% - 255px); right:calc(50% - 400px); cursor:pointer; z-index: 99999;}
@media only screen and (max-width:767px) {
  .ind_banner_appbox .video_t{ widtH:368px; height: 276px;}
}
.indp02-con a.app_tc{}




/*20220919新增右侧公共*/
.commrr_box{left:auto;right:8px; top:auto; bottom:0; position: fixed; z-index: 100;}
.commrr_box h2{position: absolute; top:-62px; width:100%; cursor: pointer;}
.commrr_box h2 img{width:100%;}
.itembox{width:80px; padding: 0px 0px 35px;}
.itembox .zxgt{ position: absolute; top:-50px; right:100px; width:200px; background: #fff;border-radius: 5px;box-shadow: 0 0 3px 3px rgba(0,0,0,0.05);}
.itembox .zxgt p{color:#000; font-size: 16px; padding:15px 20px;}
.itembox .zxgt a.close_zxgt{ position: absolute; right:10px; top:5px;color:#959595; font-size: 16px;}
.itembox .itemb{width:100%; cursor: pointer; height: 70px; margin-bottom: 7px; background: #FFFFFF; border-radius: 6px;position: relative; box-shadow: 0 0 3px 3px rgba(176,205,241,0.3);}
.itembox .itemb span{ display: block; margin: 0 auto; padding: 8px 0 3px; width:30px; height: 30px; text-align: center; overflow: hidden;}
.itembox .itemb span img{widtH:100%;}
.itembox .itemb span img+img{ display: none;}
.itembox .itemb em{ display: block; text-align: center;color:#4283DB;}
.itembox .itemb.zixun{ height: 30px; padding-top: 6px;}
.itembox .itemb.on{ background: linear-gradient(to right,#1DBEFD ,#2771E6);}
.itembox .itemb.on em{color:#fff;}
.itembox .itemb-after{ height: 0; opacity: 0; visibility: hidden; text-align: center;}
.itembox .itemb-after.show{height: 70px; opacity: 1; visibility: visible; background: #fff; position: relative; top:-6px;border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.itembox .itemb-after.show p{ height: 34px;line-height: 34px;}
.itembox .itemb-after.show p a{color:#4283DB;}
.itembox .itemb-after.show i.dashed{ display: block; margin: 0 15px; widtH:calc(100% - 30px); height:1px; border-bottom: 1px dashed #4283DB;}
.itembox .itemb .c{ display: none; position: absolute; top:0; bottom:0; right:100px; box-shadow: 0 0 3px 3px rgba(0,0,0,0.05);}
.itembox .itemb .c::before{content: ""; position: absolute;right:-6px; top:50%; margin-top: -6px; bottom:0; width:12px; height: 12px; transform: rotate(45deg); background: #fff;}
.itembox .itemb .c.phone-number{widtH:250px; height: 70px; background: #fff;border-radius: 5px;}
.itembox .itemb .c.phone-number p{ text-align: center;color: #000; line-height: 70px; font-size: 16px;}
.itembox .itemb .c.phone-number p a{color: #4283DB!important;}
.itembox .itemb .c.qrcode{widtH:150px; height:150px; top:-40px;}
.itembox .itemb .c.qrcode img{widtH:100%;}
.back_top{bottom:15px; position: absolute; left:50%; margin-left: -9px; widtH:18px; height: 18px; background: none;}
.show-after .itemb.zixun{background: linear-gradient(to right,#1DBEFD ,#2771E6);}
.show-after .itemb.zixun em{color:#fff;}
.itembox,.itembox .itemb,.itembox .itemb span,.itembox .itemb em,.itembox .itemb-after{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.itembox .itemb:hover,.itembox .itemb.on{background: linear-gradient(to right,#1DBEFD ,#2771E6);}
.itembox .itemb:hover span img,.itembox .itemb.on span img{ display: none;}
.itembox .itemb:hover span img+img,.itembox .itemb.on span img+img{ display: block;}
.itembox .itemb:hover em,.itembox .itemb.on em{color:#fff;}
.itembox .itemb:hover .c,.itembox .itemb.on .c{ display: block;}
.itembox .itemb .c.trial{widtH:250px; height: 70px; background: #fff;border-radius: 5px;}
.itembox .itemb .c.trial p{color: #000; font-size: 16px;line-height: 24px; padding: 10px;}
.itembox .itemb.wxzx{ height: 30px; padding-top: 6px;}
@media only screen and (max-width:767px) {
  .commrr_box{right:0;}
  .itembox{widtH:35px; padding: 10px 5px;}
  .itembox .itemb-after.show p a,.itembox .itemb em,.itembox .itemb .c.phone-number p{font-size: 12px;}
  .itembox .itemb{margin-bottom: 5px; height: auto;}
  .itembox .itemb span{width:24px; height: 24px; padding: 5px 0 0px;}
  .itembox .itemb-after.show{ height: 61px;}
  .itembox .itemb-after.show p{height: 30px; line-height: 30px;}
  .itembox .itemb .c.phone-number{width:180px; height:40px;}
  .itembox .itemb .c.phone-number p{line-height: 40px;}
  .itembox .itemb .c,.itembox .zxgt{right:50px;}
  .itembox .itemb .c.qrcode{top:-45px;}
  .commrr_box h2{top:-25px; left:5%; widtH:90%;}  
  .itembox .zxgt{top:-20px;}
  .itembox .zxgt p{font-size: 12px;padding: 10px;}
  .itembox .zxgt a.close_zxgt{top:0; right:5px;}
  .back_top{bottom:6px;}
  .itembox .itemb .c.trial{width: 200px; height: 56px;}
  .itembox .itemb .c.trial p{font-size: 12px; line-height: 1.5;}
  .itembox .itemb em{line-height: 1.2; padding: 5px 0;}
  .itembox .itemb.wxzx,.itembox .itemb.zixun{height: auto; padding:0;}
}
/*20220919新增右侧公共end*/
#udesk_container #udesk_btn{ display: none!important;}


/*20221013pc端新导航*/
.pc_nav{ display: block;}
.phone_nav{ display: none;}

.pronav_menu{position: relative; height: 100%; line-height: 1.5;}
.pro_ll{ float: left; position: absolute; lefT:0; top:0; width:22.85%; overflow-x: hidden; overflow-y: auto; height: 100%; border-right:1px solid #D2D2D2;}
.pro_rr{ float: right; width:77%; height: 100%;}

.pro_ll li{width:100%;border-bottom:1px solid #D2D2D2; margin: 0 3px; height: 60px; line-height: 60px;position: relative;}
.pro_ll li a{ display: block; font-size: 16px;color:#262D3D; padding-left: 15%;}
.pro_ll li a em{ float: left; margin-top:10px; width:48px; height: 40px; max-height: 48px; margin-right:4%;}
.pro_ll li:first-child a em{margin-top:12px;}
.pro_ll li:nth-of-type(8) a em{margin-top:6px;}
.pro_ll li a em>img{max-width: 100%;filter: grayscale(100%);filter: gray;opacity:0.7;}
.pro_ll li:hover a em>img,.pro_ll li.on a em>img{filter: grayscale(0);filter: gray;opacity:1;}
.pro_ll li::after{opacity: 0; content: ""; position: absolute; left:12%; right:5%; bottom:-2px; width:83%; height:3px; background: #B3121F;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.pro_ll li:hover::after,.pro_ll li.on::after{ opacity: 1;}
.pro_ll li:hover a,.pro_ll li.on a{color:#D5000F!important; background: none;}

.pro_rr .pro_rr_item{ display: none; height: 100%; position: relative;}
.pro_rr .pro_rr_item.on{ display: block;}
.pro_rr_l{ float: left; position: absolute; lefT:0; top:0; widtH:calc(67% - 1px); height: 100%; padding:0 1.5%; overflow-x: hidden; overflow-y: auto; border-right:1px solid #D2D2D2;}

.pro_rr_l h2{border-bottom:1px solid #E6E6E6; font-size: 16px; height: 60px; line-height: 60px; position: relative;}
.pro_rr_l h2 a{color:#262D3D!important;}
.pro_rr_l dl{ margin: 10px 0;}
.pro_rr_l dl dd{ float: left; widtH:48%; margin: 10px 0 0;}
.pro_rr_l dl dd:nth-child(2n){ float: right;}
.pro_rr_l dl dd:nth-child(2n+1){clear:both;}
.pro_rr_l dl dd a{font-size: 16px;color:#262D3D;padding-left: 15px; position: relative;}
.pro_rr_l dl dd a:hover{color:#D5000F!important;}
.pro_rr_l dl dd a::after{content: ""; position: absolute; left:0; top:8px; width:8px; height: 8px; border-radius: 100%; background: #000;}
.pro_rr_l dl dd p{ padding-left: 15px;margin-top: 5px; line-height: 1.2; height: 2.4em; color:#9A9DA7;}

.pro_rr_r{ float: right; widtH:24%; margin: 0 3%;}
.pro_rr_r dl{ width:100%; padding-top: 15px; font-size: 16px;}
.pro_rr_r dl dt{margin-bottom:15px;}
.pro_rr_r dl dd .swiper-container{padding-bottom:30px; position: relative;}
.pro_rr_r dl dd img{width:100%;}
.pro_rr_r dl dd p{margin-top:30px; line-height: 1.3;color:#A7AAB3; font-size: 14px;}
.pro_rr_r dl dd .swiper-pagination{bottom:0px;}
.pro_rr_r dl dd .swiper-pagination span{ display: inline-block; background: #000;}

@media only screen and (max-width:1600px) {
  .pro_ll li,.pro_rr_l h2{ height: 48px; line-height: 48px;}
  .pro_ll li a em{width:36px; height: 30px; max-height: 36px; margin-top: 9px;}
  .pro_ll li:first-child a em{margin-top: 9px;}
}
@media only screen and (max-width:1440px) {
  .pro_ll li a,.pro_rr_l dl dd a,.pro_rr_l h2{font-size: 14px;}
}
@media only screen and (max-width:1279px) {
.pro_ll li a{padding-left: 3%;}
.pro_rr_l dl dd{widtH:100%;}
.pro_rr_l dl dd p{ height: auto;}
}

@media only screen and (max-width:1024px) {
  .pc_nav{ display: none;}
  .phone_nav{ display: block;}
}
/*20221013pc端新导航end*/
a.sqsy{height:32px;line-height:32px;padding:0 14px; border-radius:6px;display:inline-block;}
.login_div01 a:last-child{color: #C7103C; border:1px solid #bdd0d3;padding:0 12px;height:30px;line-height:30px;border-radius:6px;margin-top:22px}
.login_div01 a:first-child{display:none}
.login_div01 i{display:none}
@media only screen and (max-width:1024px) {
.login_div01 a:last-child{margin-top:8px}
}
@media only screen and (max-width:767px) {
a.sqsy{display:none}
}