@charset "UTF-8";/*清除默认样式 */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { font-family:"微软雅黑"; margin: 0;padding: 0;}
body,h1,div,li,a,button,input,select,textarea { color: #333;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,audio,video {display: block;margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
ul,ol {list-style: none;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;}
p,span {color: inherit;}
table {border-collapse: collapse;}
input,textarea {outline: none;border: none;}
input {border: none;appearance: none;-moz-appearance: none;outline: none;-webkit-appearance: none;}
:-moz-placeholder,::-moz-placeholder,input:-ms-input-placeholder,input::-webkit-input-placeholder {color: inherit;opacity: 0.55;font-size: 16px;}
textarea {resize: none;overflow: auto;}
input:-webkit-autofill {box-shadow: 0 0 0px 1000px white inset;}
button,input,select,textarea {font-size: 100%;}
* {margin: 0;padding: 0;box-sizing: border-box;}
input,textarea,select {outline: none;}

button,
input,
select,
textarea {font-size: 15px;line-height: 1;margin: 0; border: 0;outline: none;background: none;}
form {width: 100%;}
input,
textarea {-webkit-appearance: none;}
input {line-height: normal;text-overflow: ellipsis;}
input:focus::-webkit-input-placeholder {/* WebKit browsers */color: transparent;}
input:focus:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: transparent;}
input:focus::-moz-placeholder {/* Mozilla Firefox 19+ */color: transparent;}
input:focus:-ms-input-placeholder {/* Internet Explorer 10+ */color: transparent;}
input,
[tabindex="0"] {outline: 0 !important;}
textarea {resize: none;}
label {font-weight: normal;margin-bottom: 0;}
select::-ms-expand {display: none;}
a:active,
button::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner,
select::-moz-focus-inner,
input[type='file']>input[type='button']::-moz-focus-inner {border: 0;outline: 0;}
a,
button {cursor: pointer;}
a,a:hover {text-decoration: none;outline: none;}
ul li {list-style-type: none;}img {border: none;}
.lf{float:left}
.lr{float:right}
.fl {float:left;}
.fr {float:right;}
.lf{float: left}
.rt{float: right}
.pr{ position:relative}
.pa{ position:absolute}
.section {width: 100%;overflow: hidden;}
/*通用样式*/
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear,.main{display:inline-block;}
.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.text-c{text-align: center}
.text-l{text-align: left}
.text-r{text-align: right}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.clearfix {zoom: 1;}
.clearfix:after {content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.fixed {position: fixed;}
.flex {display: flex;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
.flex-wrap {flex-flow: wrap;}
.flex-between {-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.inline-block {display: inline-block;}
.block {display: block;}
.hide {display: none;}
.bold {font-weight: 700;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.txt-right {text-align: right;}
.tc{ text-align: center;}
.before {opacity: 0;visibility: hidden;}
.after {opacity: 1;visibility: visible;}
.font {font-family: Arial;}
.txts {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.upper {text-transform: uppercase;}
.middle {vertical-align: middle;}
.background {background-size: contain;background-repeat: no-repeat;background-position: center center;}
button {outline: none;}
.page_section{padding: 80px 0;}
.page_section1{margin: 80px 0 0;}
.zw{ padding-top: 80px; margin-top: -80px;}
.pagetit .tit{ font-size: 48px; font-weight: bold; color: #333333; padding-bottom: 20px; margin-bottom: 20px; position: relative;}
.pagetit .tit::after{ position: absolute; left: 0px; bottom: 0px; content: ""; width: 80px; height: 4px;background: #cc0000;}
.pagetit .desc{ font-size: 16px; color: #666; }
.pc{ display: block;}
.mob{ display: none;}
.ban_ph {display: none;}
.pagetitle .tit{ font-size: 40px; font-weight: bold; color: #333333; margin-bottom: 20px; }
.pagetitle .desc{ font-size: 18px; color: #666; line-height: 34px;}
@media (max-width:1440px) {
.page_section{padding: 60px 0;}
.page_section1{margin: 60px 0 0;}
.pagetit .tit{ font-size: 42px;}
.pagetitle .tit{ font-size: 34px;}}
@media (max-width:1366px) {
.pagetit .tit{ font-size: 36px;}
.pagetit .tit::after{ width: 70px; }
.pagetitle .tit{ font-size: 30px;}}
@media (max-width:1280px) {
.page_section{padding: 50px 0;}
.page_section1{margin: 50px 0 0;}
.pagetit .tit{ font-size: 30px; padding-bottom: 15px; margin-bottom: 15px; }
.pagetit .tit::after{ width: 55px; }
.pagetitle .tit{ font-size: 26px;}}
@media (max-width:1024px) {
.pagetit .tit{ font-size: 26px; padding-bottom: 10px; margin-bottom: 10px;}
.pagetit .tit::after{ width: 50px; }
.pagetitle .tit{ font-size: 22px;}
.pagetitle .desc{ font-size: 16px;  line-height: 30px;}

.pc{ display: none;}
.mob{ display: block;}}
@media (max-width:767px) {
.page_section{padding: 40px 0;}
.page_section1{margin:40px 0 0;}
.pagetit .tit{ font-size: 22px;}
.pagetit .tit::after{ width: 45px; }
.pagetitle .tit{ font-size: 20px;}
.ban_pc{display: none;}
.ban_ph{display: block;}}

/*通用page*/
.page{font-size: 12px; color: #777777; text-align: center; margin-top: 40px;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed; background:#e5e5e5;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page .goprev{margin-right: 10px;}
.page .gonext,.page .count {margin-left: 10px;}
.page i{color: #777777;display: inline-block;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page a:hover,.page span{color:#fff; background: #cc0000;}
.page span.count { border: 0;background: 0;color: #777777;}

.zoom-img {overflow: hidden;}
.zoom-img .img {overflow: hidden;}
.zoom-img img {transition: all .5s;}
.zoom-img:hover img {transform: scale(1.04);-ms-transform: scale(1.04);-webkit-transform: scale(1.04);-o-transform: scale(1.04);-moz-transform: scale(1.04);}
.imgHover {overflow:hidden; }
.imgHover img{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.mb50{ margin-bottom:50px;}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.f-cb {zoom: 1;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.flexBetween {display: -webkit-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-8{padding-bottom: 8%;}
.rect-10{padding-bottom: 10%;}
.rect-32{padding-bottom: 32%;}
.rect-35{padding-bottom: 35.5%;}
.rect-36{padding-bottom: 36%;}
.rect-40{padding-bottom: 40%;}
.rect-45{padding-bottom: 45%;}
.rect-49{padding-bottom: 49%;}
.rect-50{padding-bottom: 50%;}
.rect-52{padding-bottom: 52%;}
.rect-53{padding-bottom: 53%;}
.rect-54{padding-bottom: 54%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-58{padding-bottom: 58%;}
.rect-595{padding-bottom: 59.5%;}
.rect-60{padding-bottom: 60%;}
/*.rect-61{padding-bottom: 61%;}*/
.rect-618{padding-bottom: 61.8%;}
.rect-62{padding-bottom: 62%;}
.rect-63{padding-bottom: 63%;}
.rect-64{padding-bottom: 64%;}
.rect-65{padding-bottom: 65%;}
.rect-652{padding-bottom: 65.2%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-668{padding-bottom: 66.8%;}
.rect-671{padding-bottom: 67.1%;}
.rect-70{padding-bottom: 70%;}
.rect-725{padding-bottom: 72.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-78{padding-bottom: 78%;}
.rect-80{padding-bottom: 80%;}
.rect-83{padding-bottom: 83%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-97{padding-bottom: 97%;}
.rect-100{padding-bottom: 100%;}
.rect-105{padding-bottom: 105%;}
.rect-109{padding-bottom: 109%;}
.rect-110{padding-bottom: 110%;}
.rect-120{padding-bottom: 120%;}
.rect-124{padding-bottom: 124%;}
.rect-125{padding-bottom: 125%;}
.rect-150{padding-bottom: 150%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}

.hidden-xs {display: block;}
.hidden-pc {display: none;}
.box-container {width: 1400px;margin: 0 auto;}
.box-container-fluid {width: 100%;margin: 0 auto;}
.medium-box-container {width: 80%;margin: 0 auto;}

.more_link .a {font-size: 18px; width: 170px; line-height: 44px; height: 44px; position: relative;border-radius:44px; cursor: pointer;}
.more_link .a::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;border:0px solid #fff; border-radius:44px; transition: 0.4s;box-sizing: border-box;}
.more_link .a .l {flex: 1;font-size: 18px;color: #fff;position: relative;z-index: 1;transition: 0.4s;}
.more_link .a .r {width:44px; height:44px;border-radius:44px;line-height: 44PX; text-align: center;position: relative;z-index: 1;}
.more_link .a .r img {margin: auto;}
.more_link .a::after {content: '';position: absolute;right: 0;top: 0;width:44px; height:44px;border-radius:44px;line-height: 44PX; background: #fe8b1e;transition: 0.4s;box-sizing: border-box;}
.more_link .a:hover::after {width: 100%;}
.more_link .a:hover .l {color: #ac0000;}
.more_link.bgc .a { background: linear-gradient(135deg, #cc0000, #cc0000);}
.more_link.bgc .a::before {border: 0;}

.more_link1 .a {font-size: 18px; width: 170px; line-height: 44px; height: 44px; position: relative;border-radius:44px; cursor: pointer;}
.more_link1 .a::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%; border-radius:44px; transition: 0.4s;box-sizing: border-box;}
.more_link1 .a .l {flex: 1;font-size: 18px;color: #cc0000;position: relative;z-index: 1;transition: 0.4s;}
.more_link1 .a .r {width:44px; height:44px;border-radius:44px; line-height: 44PX; text-align: center;position: relative;z-index: 1; }
.more_link1 .a .r img {margin: auto;}
.more_link1 .a:after {content: '';position: absolute;right: 0;top: 0;width:44px; height:44px;border-radius:44px; border: 1px solid #cc0000; background: url(../images/arr1.png) no-repeat center; transition: 0.4s;box-sizing: border-box;}
.more_link1 .a:hover .l {color: #ac0000;}
.more_link1 .a:hover:after { border: 1px solid #ac0000; background:#ac0000 url(../images/arr2.png) no-repeat center; }
.more_link1.bgc .a .l {color: #fff;}
.more_link1.bgc .a:after { border: 1px solid #fff; background: url(../images/arr2.png) no-repeat center;}
.more_link1.bgc .a:hover:after { border: 1px solid #ac0000;background:#ac0000 url(../images/arr2.png) no-repeat center; }

@media (max-width:768px) {
.more_link1 .a { width: 180px; line-height: 42px; height: 42px; border-radius:48px;  }
.more_link1 .a::before { border-radius:48px; }
.more_link1 .a .r {width:42px; height:42px;border-radius:42px; line-height: 42px;}
.more_link1 .a::after { width:42px; height:42px;border-radius:42px; }}
@media (max-width:568px) {
.more_link .a {font-size: 16px; width: 140px; line-height: 38px; height: 38px; border-radius:38px; }
.more_link .a::before {border-radius:38px;}
.more_link .a .l {font-size: 16px; }
.more_link .a .r {width:38px; height:38px;border-radius:38px;line-height: 42px; }
.more_link .a::after { width:38px; height:38px;border-radius:38px;line-height: 38px; }
.more_link1 .a {font-size: 16px; width: 140px; line-height: 38px; height: 38px; border-radius:38px; }
.more_link1 .a::before {border-radius:38px;}
.more_link1 .a .l {font-size: 16px; }
.more_link1 .a .r {width:38px; height:38px;border-radius:38px;line-height: 42px; }
.more_link1 .a::after { width:38px; height:38px;border-radius:38px;line-height: 38px; }}
header{ display:block}
.rl {writing-mode: tb-rl;writing-mode: vertical-lr;}
@font-face {font-family: "cn_light";src: url('../fonts/ALIBABA-PUHUITI-LIGHT.OTF');font-weight: normal;font-style: normal;}
@font-face {font-family: "bold";src: url('../fonts/HARMONYOS_SANS_BOLD.TTF');font-weight: normal;font-style: normal;}
.light {font-family: "cn_light";}
.pic {font-size: 0;overflow: hidden;display: block;width: 100%;}
.pic img {display: block;width: 100%;transition: transform 0.8s ease;-webkit-transition: transform 0.8s ease;-moz-transition: transform 0.8s ease;-ms-transition: transform 0.8s ease;-o-transition: transform 0.8s ease;}


.phone-nav {display: none;}
.header-wrapper {display: none;/* position: fixed; top: 0px; left: 0px; width: 100%; background: #fff; */z-index: 9999; box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);transition: background 0.3s ease;-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-ms-transition: background 0.3s ease;-o-transition: background 0.3s ease;}
.header-wrapper .box-container {display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display: -moz-box;/* Firefox 17- */display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display: -moz-flex;/* Firefox 18+ */display: -ms-flexbox;/* IE 10 */-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between; align-items: center;}
.header-wrapper .logo-box {width: 15%;}
.header-wrapper .logo-box a {display: block;}
.header-wrapper .logo-box a img {display: block;}
.header-wrapper .other-box {display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display: -moz-box;/* Firefox 17- */display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display: -moz-flex;/* Firefox 18+ */display: -ms-flexbox;/* IE 10 */align-items: center;}

header{position: fixed;height: 90px;width: 100%;top:0px;left:0;z-index: 999; transition: background 0.2s linear;}
header.on-header{position: fixed;height: 90px;width: 100%;top:0px;left:0;z-index: 99; background: #fff;box-shadow: 0 5px 8px rgba(0,0,0,.2);  }
header .header{position:relative;}
header .header .logo{position:absolute;top:15px;left:0; display: block;z-index:10;}
header .header .logo img{width:100%;}
header .header .logo img.logoimg1{display:none;}
header .header .header-ul{ float: left;font-size: 0;text-align: left;margin-left: 30%; width: 62%; transition: 0.3s;}
header .header .header-ul li{font-size:18px;display:inline-block;height:100px;line-height: 100px; margin-left: 4.6%; color: #333;position:relative;}
header .header .header-ul li .fa{ width:30px; margin: 0; opacity:0.8;height: 90px;line-height: 90px; font-size:22px;}
header .header  .other-box { float: right;}
header .header  .language{height: 90px;}
header .header  .language {position: relative;font-size: 0; }
header .header  .language:hover .list {opacity: 1;visibility: visible;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);}
header .header  .language .caption {display: flex;align-items:center;justify-content: space-between;line-height: 90px; font-size: 18px;color: #fff;cursor: pointer;/*background: url(../images/lang.png) no-repeat center left;*/padding-left: 8px;}
header .header  .language .caption img{ margin-right: 8px;}
header .header  .language .caption .fa{ margin-left: 8px;}
header .header  .language a:hover {color: #2d83c2;}
header .header  .language .list {position: absolute;top: 100%;width: 140px;left: 50%;margin-left: -70px;z-index: 10;background-color: #fff;box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);opacity: 0;visibility: hidden;transform: translateY(15px);-webkit-transform: translateY(15px);-moz-transform: translateY(15px);-ms-transform: translateY(15px);-o-transform: translateY(15px);transition: transform 0.3s ease;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;-o-transition: transform 0.3s ease;}
header .header  .language .list:before {content: "";border: 8px solid transparent;border-bottom-color: #fff;position: absolute;left: 50%;margin-left: -8px;top: -16px;z-index: 10;}
header .header  .language .list a {display: block;font-size: 16px;text-align: center;line-height: 48px;transition: color 0.3s ease;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-ms-transition: color 0.3s ease;-o-transition: color 0.3s ease;border-bottom: 1px solid #f7f8f9;}
header .header  .language .list a:hover {color: #2d83c2;}
header .header  .language .list a:last-child {border-bottom: none;}

header.on-header,header:hover,header.active.on-header ,header.on-header.active{height:90px; background: #fff;z-index: 999999;}
header.on-header .header .header-ul li .fa,header.active.on-header .header .header-ul li .fa{ color:#333; }
header.on-header .header .header-ul li .header-xia{top:90px;}
header .header .header-ul li:hover>a:hover{ color:#cc0000;}
header .header .header-ul li>a{display: inline-block; color:#fff;}
header .header .header-ul li .header-xia{position:fixed;top:90px; background-color:#f4f4f4;min-width:992px;z-index:5;left:0%; display: none;width:100%;border-top:1px solid #eee;box-sizing:border-box;}
header .header .header-ul li .header-xia .center-div{width:100%;}
header .header .header-ul li .header-xia .center-div.pro_center-div{width:100%;margin-left: 20%;}
header .header .header-ul li .header-xia .left{float:left;width:38%; height: 400px; padding: 25px 3% 0px 13%; background: #f4f4f4; border-right: 1px solid #f0f0f0; }
header .header .header-ul li .header-xia .left .left-tit{font-size: 24px;color: #333;font-weight: 700; line-height: 70px;}
header .header .header-ul li .header-xia .left .top-nav{ width: 100%; min-height: 280px;}
header .header .header-ul li .header-xia .left .title-div {border-bottom:1px solid #e3e3e3; height: 54px; overflow:hidden; position:relative;  }
header .header .header-ul li .header-xia .left .title-div a{padding-left:0px; display:block; color:#333;line-height:40px; font-size: 16px; position:relative; padding:6px 0 6px 10px;z-index:1;}
header .header .header-ul li .header-xia .left .title-div a .fa{float:right; font-size: 28px; width: 30px;line-height: 40px;color:#cc0000;}
header .header .header-ul li .header-xia .left .title-div:after{content:''; width:0; transition:.3s ease; height:100%; position:absolute; left:0; top:0; background:#cc0000;  }
header .header .header-ul li .header-xia .left .title-div:hover{border-bottom:1px solid #cc0000;}
header .header .header-ul li .header-xia .left .title-div:hover:after {opacity:1; width:100%;}
header .header .header-ul li .header-xia .left .title-div:hover a{color:#fff;}
header .header .header-ul li .header-xia .left .title-div:hover .fa{float:right;color:#fff;opacity:1;}
header .header .header-ul li .header-xia .mid {float:left;width:27%; height:360px; padding: 55px 2% 40px 0;background: #f4f4f4;}
header .header .header-ul li .header-xia .mid img { width: 100%;}
header .header .header-ul li .header-xia .right{float:left; width:32%; height: 360px; padding: 55px 9% 0px 1%;}
header .header .header-ul li .header-xia .right h3{ font-size: 24px;color: #333; margin-bottom: 25px;}
header .header .header-ul li .header-xia .right .title{ color: #666; font-size: 16PX; line-height: 32px;}
header .header .header-ul li .header-xia .right .more{border: 1px solid #cc0000; background: #cc0000; }
header .header .header-ul li .header-xia .right .more a{ color: #fff; }
header .header .header-ul li .header-xia .right .more a:after{ background: url(../images/arrow_r.png) no-repeat; }
header .header-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:24px;display:none;}
header .header-btn .line{width: 100%;height: 2px;position: absolute;left: 0;background-color: #666;transition: all .2s;transform-origin: center;}
header .header-btn .line1{top: 0;}
header .header-btn .line2{top: 50%;margin-top: -1px;}
header .header-btn .line3{bottom: 0;}
header .header .header-ul li,header.active .header .header-ul li{height:90px;line-height:87px;   position: relative;font-size: 18px;}
header .header .header-ul li>a,header.active .header .header-ul li>a {color:#fff; font-size: 18px;  }
header .header .header-ul li:hover:after {content: "";width: 0;height: 2px;background-color: #cc0000;position: absolute;bottom: 0;left: 0;transition: 0.5s;}
header:hover .header .header-ul li:hover:after { width: 100%;}

header .header .header-right,header.active .header .header-right{top:90px;transition:all 0.3s;}
header .header .logo img.logoimg,header.active .header .logo img.logoimg{display:block;}
header .header .logo img.logoimg1,header.active .header .logo img.logoimg1{display: none;}
header.on-header .header .header-ul li,header:hover .header .header-ul li{height:90px;line-height:90px; }
header.on-header .header .header-ul li>a,header:hover .header .header-ul li>a{color: #222; font-size: 18px;  }
header.on-header .header .header-ul li .fa,header:hover .header .header-ul li .fa{color:#222; }
header.on-header .header .header-right,header:hover .header .header-right{top:90px;transition:all 0.3s;}
header.on-header .header .logo img.logoimg,header:hover .header .logo img.logoimg{display:none;}
header.on-header .header .logo img.logoimg1,header:hover .header .logo img.logoimg1{display: block;}
header.on-header .header .header-ul li>a,header.on-header.active .header .header-ul li>a {color:#333; line-height: 87px;}
header.on-header .header .header-ul li>a:hover,header.on-header.active .header .header-ul li>a:hover {color:#cc0000; border-bottom: 3px solid #cc0000;  }
header.on-header .header .language .caption { color: #333; }
header .header .language .caption .language_img,header.active .header .language .caption .language_img{ float: left; background: url(../images/lang.png) no-repeat; width: 20px; height: 20px; margin-right: 8px;}
header.on-header .header .language .caption .language_img,header:hover .header .language .caption .language_img{background: url(../images/lang_h.png) no-repeat; }
header.on-header .header .language .caption ,header:hover .header .language .caption {color:#333; }
header.on-header .header .language .list a,header.active .header .language .list a,header:hover .header .language .list a{ color:#333;}
@media (max-width: 1880px){
header .header .header-ul li .header-xia .left{ padding: 25px 3% 0px 12%; }
}
@media (max-width: 1830px){
header .header .header-ul li .header-xia .left{ padding: 25px 3% 0px 11%; }
header .header .header-ul li .header-xia .right{float:left; width:33%; }
}
@media (max-width: 1780px){
header .header .header-ul li .header-xia .left{ padding: 25px 3% 0px 10%; }
header .header .header-ul li .header-xia .right{ padding: 55px 5% 0px 1%; width: 30%;}
}
@media (max-width: 1740px){
header .header .header-ul li .header-xia .left{ padding: 25px 3% 0px 9%;}
}
@media (max-width: 1700px){
header .header .header-ul li .header-xia .left{ padding: 25px 3% 0px 8%;}
header .header .header-ul li .header-xia .right{ width: 32%; }
}
@media (max-width: 1680px){
header .header .header-ul li .header-xia .left{ padding: 25px 3% 0px 7%;}
}
@media (max-width: 1640px){
header .header .header-ul li{ margin-left: 4.3%; }

}
@media (max-width: 1620px){
header .header .header-ul li .header-xia .left{ padding: 25px 3% 0px 6%;}

}
@media (max-width: 1600px){
header .header .header-ul li{ margin-left:4.2%; }
header .header .header-ul li .header-xia .left{ padding: 25px 3% 0px 6%;}
header .header .header-ul li .header-xia .right{ padding: 55px 3% 50px 1%; }
}
@media (max-width: 1580px){
header .header .header-ul li .header-xia .left{width:34%; padding: 25px 3% 0px 5%;}
header .header .header-ul li .header-xia .mid {float:left;width:31%;}
}
@media (max-width: 1540px){
header .header .header-ul li .header-xia .left{ padding: 25px 3% 0px 4%;}

header .header .header-ul li .header-xia .right{ padding: 55px 5% 50px 1%; width: 34%; }}
@media (max-width: 1500px){
header .header .header-ul li .header-xia .left{ padding: 25px 3% 0px 3%;}
header .header .header-ul li .header-xia .right{ padding: 55px 4% 50px 1%; }
}
@media (max-width: 1480px){
header .header .header-ul{ margin-left: 28%; width: 63%; }
header .header .header-ul li{ margin-left: 3.7%; }
header .header .header-ul li .header-xia .left{ padding: 25px 3% 0px 6%;}
header .header .header-ul li .header-xia .right{ padding: 55px 5% 50px 1%; }
}
@media (max-width: 1440px){
header .header .header-ul li .header-xia .left{ padding: 25px 3% 0px 5%;}
header .header .header-ul li .header-xia .right h3{ font-size: 22px; margin-bottom: 20px;}
}
@media (max-width: 1420px){
header .header .header-ul li .header-xia .left{ padding: 25px 3% 0px 4%;}
}
@media (max-width: 1400px){
header .header .header-ul li .header-xia .left{ padding: 25px 3% 0px 3%;}
header .header .header-ul li .header-xia .right{ padding: 55px 3% 50px 1%; }
}
@media (max-width: 1360px){
header .header .header-ul li .header-xia .left{ padding: 25px 3% 0px 5%;}
header .header .header-ul li .header-xia .right{ padding: 55px 4% 50px 1%; }
}
@media (max-width: 1366px){
header .header .header-ul{ margin-left: 26%; width: 64%; }
header .header .header-ul li{ margin-left: 3.5%; }
header .header .header-ul li .header-xia .left .title-div .tit{font-size:16px;}
header .header .header-ul li .header-xia .mid {  padding: 50px 20px; }
 }
@media (max-width: 1340px){
header .header .header-ul li .header-xia .left{ padding: 25px 3% 0px 4%;}
}
@media (max-width: 1300px){
header .header .header-ul li{ margin-left: 3.1%; }}  
@media (max-width: 1280px){
header .header .header-ul li .header-xia .left{ padding: 25px 3% 0px 5%;}
}
@media (max-width: 1240px){
header .header .header-ul{ margin-left: 24%; width: 66%; }
header .header .header-ul li .header-xia .left{ padding: 25px 3% 0px 4%;}
header .header .header-ul li .header-xia .left .title-div .tit{font-size:15px;}
header .header .header-ul li .header-xia .right h3{ font-size: 20px; }
 }
@media (max-width: 1200px){
.header_top { display:none;}
.index_top{ display: none;}
.container {width: 96%;}
header {height: 0px; display:none; }
header .header{height:0px;}
header.on-header,header:hover,header.active {height: 60px;border-bottom:1px solid #e5e5e5; background: #fff;display:none; }
header .header .header-right{right: 1rem;top: 0.3rem;}
header .header .header-right>a{display:none;}
header .header .header-ul{display:none;}
header .header .logo { width: 25%;}
header .header .logo img.logoimg,header.active .header .logo img.logoimg{display:none;}
header .header .logo img.logoimg1,header.active .header .logo img.logoimg1{display:block;}
header .header-btn{display:block;right:0;}
header .header .logo{top:50%;transform:translateY(-50%);}
header{border-bottom:1px solid #e5e5e5;box-sizing:border-box; background-color: #fff; display:none;}
header .header .header-right .en-tab{top: 0.5rem;right: 1.2rem;}
 }
@media (max-width: 768px){
header .header-btn{width:30px;height:20px;}}
@media (max-width: 667px){
header .header .logo { width: 36%;}}
@media (max-width: 600px){
header {height: 50px;}
header .header{height:50px;}
header.on-header,header:hover,header.active  {height: 50px;border-bottom:1px solid #e5e5e5; background: #fff;}}
@media (max-width: 425px){
header .header .logo { width: 48%;}}
@media (max-width: 400px){
header .header .logo { width: 50%;}}

.footer{background:#333333; }
.mod_footer_primary {display: flex;flex-wrap: wrap;padding-top: 80px !important;padding-bottom: 40px !important;}
.mod_footer_left {width: 30%; z-index: 9;}
.mod_footer_right {width: 70%;}
.mod_footer_logo {display: block;width: 244px;margin-bottom: 32px;}
  
.mod_footer_link {display: flex;margin-bottom: 24px;}
.mod_footer_link_wx,.mod_footer_link_dy {width: 48px;position: relative;display: block;cursor: pointer;}
.mod_footer_link_wx img,.mod_footer_link_dy img {width: 100%;}
.mod_footer_link_wx {margin-right: 30px;}
.mflw_qr {position: absolute;padding: 16px 32px;background-color: #fff;left: 48px;top: 50%;transform: translateY(-50%);z-index: 1;box-shadow: 0px 2px 8px rgba(0, 77, 140, 0.1), 0px 2px 16px rgba(0, 77, 140, 0.05);transition: all 0.36s;opacity: 0;pointer-events: none;display: block;}
.mflw_qr::after {content: "";position: absolute;right: 100%;top: 50%;transform: translateY(-50%);border-left: 0;border-right: 9px solid #fff;border-top: 9px solid transparent;border-bottom: 9px solid transparent;}
.mflw_qr::before {content: "";position: absolute;height: 100%;width: 20px;right: 100%;top: 0;background-color: transparent;}
.mflw_qr_item {width: 120px;}
.mflw_qr_item img {width: 120px;margin-bottom: 5px;}
.mflw_qr_item_text {font-size: 16px;line-height: 160%;color: #000000;text-align: center;}
.mflw_qr {white-space: nowrap;}
.mflw_qr_item {display: inline-block;margin-right: 40px;}
.mflw_qr_item:last-child {margin-right: 0;}
.mod_footer_right_list {display: flex;margin: 0 0 0 -40px;}
.mod_footer_right_item:not(:last-child) {flex: 1;padding: 0 30px;}
.mod_footer_right_item:last-child {width: 90px !important;margin-left: 40px;margin-right: 0px;}
.mfrc_tit {font-weight: bold;color: #fff;margin-bottom: 26px;display: block;}
.mfrc_item {margin-bottom: 16px; }
.mfrc_item:last-child {margin-bottom: 0;}
.mfrc_list {margin-bottom: 32px;}
.mod_footer_bot {background-color: #333333; border-top: 1px solid #7d7d7d;}
.mod_footer_bot_cen {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;height: 100%;min-height: 83px;}
.mfbc_left p {color: #FFFFFF;opacity: 0.7;font-size: 16px;line-height: 180%;}
.mfbc_left span {line-height: 1.8;}
.mfbc_left a {color: #FFFFFF;line-height: 1.8;}
.mfbc_right_list {display: flex;color: #FFFFFF;line-height: 180%;opacity: 0.7;}
.mfbc_right_item {margin-left: 10px;}
.mfbc_right_item:first-child {margin-left: 0px;margin-right: 10px;}
.mfbc_right_item:last-child {margin-right: 0px;}
.mfbc_right_item a {font-size: 16px;line-height: 180%;color: #FFFFFF;opacity: 0.7;transition: all 0.36s;}
 
.foot-qrcode p  {margin-top: 12px; font-size: 16px; line-height: 40px;color: #FFFFFF;opacity: 0.6;}
.img-fluid {max-width: 100%;height: auto;margin: auto;}

.std_text1, .std_text1 p {font-size: 20px;line-height:2;}
.std_text2, .std_text2 p {font-size: 16px;line-height: 2;color: #FFFFFF;opacity: 0.6;}

.footer .bot {margin-top:100px; width: 100%; z-index: 1;}
.footer .bot ul li{ float: left; width: 25%;}
.footer .bot ul li .name {font-size: 16px; color: #fff; opacity: 0.6;line-height: 32px;padding-bottom:10px; }
.footer .bot ul li span {font-size: 16px; color: #fff; opacity: 0.6;line-height: 32px;}
.footer .bot ul li strong{font-size: 24px; color: #cc0000; font-weight: bold; opacity:1;}

.footer .links {width: 280px; height: 50px; margin-top: 30px;  border: 1px solid rgba(255, 255, 255, 0.5);position: relative; z-index: 999;}
.footer .links .text-show {width: 100%;height: 100%;cursor: pointer;}
.footer .links .text-show .text {font-size: 16px; color: #fff; opacity: 0.6;line-height: 50px; float: left;padding-left: 18px;}
.footer .links .text-show .img {width: 8px;float: right;padding-right: 28px;margin-top:12px;}
/*
.footer .links .text-show .img img {width: 100%;display: block;}
*/
.footer .links .link {width: 100%;background-color: #282828; border: 1px solid #282828; z-index: 999; position: absolute;left: 0;top: 50px;display: none;}
.footer .links .link ul {width: 100%; z-index: 999;}
.footer .links .link ul li {width: 100%;}
.footer .links .link ul li a {display: block; padding-left: 18px; padding-top: 8px; padding-bottom: 8px; font-size: 16px;line-height:35px; color: #fff; opacity: 0.86;}
.footer .links .link ul li:hover a {background-color: #cc0000;color: white;}
@media screen and (max-width:1440px) {
.footer .links {width: 260px;}
.mod_footer_right_list {display: flex;margin: 0 0 0 -25px;}
.mod_footer_right_item:not(:last-child) {flex: 1;padding: 0 25px;}
.mod_footer_right_item:last-child { margin-left: 25px;margin-right: 25px;}}
@media screen and (max-width:1280px) {
.footer .links {width: 240px;}
.mod_footer_right_list {display: flex;margin: 0 0 0 -15px;}
.mod_footer_right_item:not(:last-child) {flex: 1;padding: 0 15px;}
.mod_footer_right_item:last-child { margin-left: 15px;margin-right: 15px;}}
@media screen and (max-width:1200px) {
.mod_footer_right_list {display: flex;margin: 0 0 0 -10px;}
.mod_footer_right_item:not(:last-child) {flex: 1;padding: 0 10px;}
.mod_footer_right_item:last-child { margin-left: 10px;margin-right: 10px;}
.std_text1, .std_text1 p {font-size:18px;line-height:2;}
.mfrc_item {margin-bottom: 10px; }
.footer .bot ul li strong{font-size: 22px; }
.mfbc_right_item {margin-left: 40px;}}
@media screen and (max-width:1100px) {
.footer .links {width: 220px;}
.mod_footer_right_list {display: flex;margin: 0 0 0 -8px;}
.mod_footer_right_item:not(:last-child) {flex: 1;padding: 0 8px;}
.mod_footer_right_item:last-child { margin-left: 8px;margin-right: 8px;}
.footer .bot ul li strong{font-size: 20px; }
.mfbc_right_item {margin-left: 30px;}}

@media screen and (max-width:992px) {
.mod_footer_left {width: 100%; margin: 0 auto;}
.mod_footer_logo { margin-left: auto; margin-right: auto; }
.foot-qrcode {display: none;  margin-left: auto; margin-right: auto; text-align: center;}
.footer .links { display: none; margin-left: auto; margin-right: auto; text-align: center;}
.mod_footer_right {width: 0; display: none;}
.footer .bot {margin-top:10px; width: 100%;}
.footer .bot ul li{ float: left; width: 50%; margin-bottom: 20px;}
.mod_footer_primary { padding-top: 20px !important;padding-bottom: 10px !important;}}
@media screen and (max-width:568px) {
.mfbc_right{ display: none;}
.mod_footer_bot_cen { min-height:90px;}
.mfbc_left p { line-height: 30px;}
.footer .bot{ text-align: center;}
.footer .bot ul li{ width: 100%; margin-bottom: 20px;}}
@media screen and (max-width:468px) {

.footer .bot ul li .name { padding-bottom:0px; }}