body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td,span,p { padding: 0; margin: 0; outline:none}
fieldset, img {border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol,ul{ list-style-type:none}
address, caption, cite, code, dfn, em, th, var {font-weight: normal;font-style: normal;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
p:before, q:after {content: '';}
abbr, acronym { border: 0;}
a{text-decoration:none;}
.clr {HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; FONT-SIZE: 0px; OVERFLOW: hidden}
BODY {FONT-SIZE: 12px; font-family:'微软雅黑'}
samp{font-family:'微软雅黑'}
img{ vertical-align:bottom}
input[type="text"],input[type="hidden"],input[type="password"],input[type="radio"],input[type="button"],input[type="submit"],button,textarea,select{outline: none; border: none; -webkit-appearance: none;-moz-appearance:none; appearance: none; border-radius: 0; font-family: 'Microsoft YaHei',"Arial",'SimSun', Serif;}

/*加载字体*/
@font-face{font-family:'EuclidCircularA'; src: url('../fonts/EuclidCircularA-Light.otf');}
@font-face{font-family:'EuclidCircularb';  src: url('../fonts/EuclidCircularA-Bold.otf');}
/*font*/
@font-face{font-family:'EuclidCircularA'; src: url('../fonts/EuclidCircularA-Light.otf');}
@font-face{font-family:'EuclidCircularb';  src: url('../fonts/EuclidCircularA-Bold.otf');}
@font-face {
  font-family: "iconfont";
  src: url('../fonts/iconfont.ttf');
  src: url('../fonts/iconfont.woff'),url('../fonts/iconfont.woff2'),url('../fonts/iconfont.svg');
}
.weixin-prop{ width:300px; height:380px;border:1px #ddd solid; background:#fff; position:fixed;left:50%;top:50%;margin:-190px 0px 0px -150px; z-index:2345667}
.weixin-close{width:25px;height:25px; position:absolute;right:10px;top:10px; line-height:30px; text-align:center; font-size:20px; color:#333; cursor:pointer}
.weixin-img{ float:left; width:250px; margin:60px 0px 0px 25px}
.weixin-img canvas{width:250px;height:250px}
.weixin-prop p{ float:left; width:100%; overflow:hidden; font-size:14px; text-align:center; color:#222}

/*header*/
.header{ width:100%; overflow:hidden; position:fixed; height:100vh}
.video{ width:100%; height:100%; overflow:hidden; position:relative; z-index:10}
.video video{ min-width:100%;min-height:100%}
.video span{ width:100%; height:100%; display:block; position:absolute;left:0px;top:0px; z-index:11;rgba(0,0,0,0.15)}
.video-js .vjs-tech{ z-index:2}
.video-js .vjs-big-play-button{ z-index:22}
.logo{ width:87.5%; position: absolute;left:6.25%;top:40px; z-index:11}
.header-wz{ width:100%; height:100%;position:absolute;left:0px;top:0px; z-index:11; text-align:center; }
.header-wz:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.header-wz img{ display:inline-block; vertical-align:middle}
.menu1,.menu2{ display:none}
@keyframes navshow1{
0%{opacity:1;top:82vh;}
100%{opacity:0;top:82vh;}
}
@keyframes navshow2{
0%{opacity:0}
100%{opacity:1}
}
.nav{ width:87.5%; position:fixed;left:6.25%;top:91vh; z-index:42345;}
.nav ul{ width:100%;}
.nav ul li{ float:left; width:20%; box-sizing:border-box;  position:relative; cursor:pointer; padding-right:2px}
.nav ul li:last-child{ padding-right:0px}
.nav ul li span{ float:left; width:100%; height:60px; overflow:hidden;}
.nav ul li span a{ font-size:16px; color:#fff}
.nav ul li .nav1{ width:100%; height:60px; overflow:hidden; background:url(../images/icon-2021-25.png) no-repeat top left; background-size:cover;}
.nav ul li .nav1 a{ width:100%; display:block; line-height:60px; background: url(../images/icon-2021-2.svg) no-repeat 9% center; text-align:center;transition:all 0.5s ease}
.nav ul li .nav2{ width:100%; background-image:-webkit-linear-gradient(left,#aa7bc9,#40b4e5); background-image:-moz-linear-gradient(left,#aa7bc9,#40b4e5); background-image:-ms-linear-gradient(left,#aa7bc9,#40b4e5); background-image:-o-linear-gradient(left,#aa7bc9,#40b4e5); background-image:linear-gradient(left,#aa7bc9,#40b4e5)}
.nav ul li .nav2 a{ width:100%; display:block; line-height:60px; background: url(../images/icon-2021-3.svg) no-repeat 9% center; text-align:center}
.nav ul li .nav3{ width:100%; background-image:-webkit-linear-gradient(left,#40b4e5,#22d3c5); background-image:-moz-linear-gradient(left,#40b4e5,#22d3c5); background-image:-ms-linear-gradient(left,#40b4e5,#22d3c5); background-image:-o-linear-gradient(left,#40b4e5,#22d3c5); background-image:linear-gradient(left,#40b4e5,#22d3c5)}
.nav ul li .nav3 a{ width:100%; display:block; line-height:60px; background: url(../images/icon-2021-4.svg) no-repeat 9% center; text-align:center}
.nav ul li .nav4{ width:100%; background-image:-webkit-linear-gradient(left,#22d3c5,#cedb01); background-image:-mos-linear-gradient(left,#22d3c5,#cedb01); background-image:-ms-linear-gradient(left,#22d3c5,#cedb01); background-image:-o-linear-gradient(left,#22d3c5,#cedb01); background-image:linear-gradient(left,#22d3c5,#cedb01)}
.nav ul li .nav4 a{ width:100%; display:block; line-height:60px; background: url(../images/icon-2021-5.svg) no-repeat 9% center; text-align:center}
.nav ul li .nav5{ width:100%; background-image:-webkit-linear-gradient(left,#cedb01,#ffb819); background-image:-moz-linear-gradient(left,#cedb01,#ffb819); background-image:-ms-linear-gradient(left,#cedb01,#ffb819); background-image:-o-linear-gradient(left,#cedb01,#ffb819); background-image:linear-gradient(left,#cedb01,#ffb819)}
.nav ul li .nav5 a{ width:100%; display:block; line-height:60px; background: url(../images/icon-2021-6.svg) no-repeat 9% center; text-align:center}
.menu1{ display:none}
@keyframes menu1{
0%{ overflow:hidden; height:0px}
99%{overflow:hidden; height:482px}
100%{ overflow:inherit;height:482px}
}
@keyframes menu2{
0%{ overflow:hidden; height:482px}
99%{overflow:hidden; height:0px}
100%{ overflow:hidden;}
}
.sub1{ width:100%; position:absolute;left:0px;bottom:60px; z-index:20;box-sizing:border-box;overflow:hidden; padding-right:2px }
.sub1-content{ width:100%; background:#fff; height:0px; overflow:hidden;}
.sub1 .def{animation:menu2 0.5s ease;animation-fill-mode:forwards;}
.sub1-item{ width:100%; height:48px; font-size:16px;transition:all 0.5s ease; overflow:hidden;}
.sub1-item h3 a{ color:#333;transition:all 0.5s ease}
.sub1 .item1{ margin-top:48px}
.sub1 .item1 h3{ background:url(../images/icon-2021-7.svg) no-repeat 30px center}
.sub1 .item2 h3{ background:url(../images/icon-2021-8.svg) no-repeat 30px center}
.sub1 .item3 h3{ background:url(../images/icon-2021-9.svg) no-repeat 30px center}
.sub1 .item4 h3{ background:url(../images/icon-2021-10.svg) no-repeat 30px center}
.sub1 .item5 h3{ background:url(../images/icon-2021-11.svg) no-repeat 30px center}
.sub1 .item6 h3{ background:url(../images/icon-2021-12.svg) no-repeat 30px center}
.sub1 .item7 h3{ background:url(../images/icon-2021-13.svg) no-repeat 30px center; background-size:24px}
.sub1 .sub1-item h3 a{ width:100%; line-height:48px; display:block; padding-left:87px; box-sizing:border-box; background: url(../images/icon-2021-14.svg) no-repeat 92% center}
.sub1 .item1.open h3{background-image:url(../images/icon-2021-7-1.svg)}
.sub1 .item2.open h3{background-image:url(../images/icon-2021-8-1.svg)}
.sub1 .item3.open h3{background-image:url(../images/icon-2021-9-1.svg)}
.sub1 .item4.open h3{background-image:url(../images/icon-2021-10-1.svg)}
.sub1 .item5.open h3{background-image:url(../images/icon-2021-11-1.svg)}
.sub1 .item6.open h3{background-image:url(../images/icon-2021-12-1.svg)}
.sub1 .item7.open h3{background-image:url(../images/icon-2021-13-1.svg);background-size:24px}
.sub1 .sub1-item.open{ background:#f3f2ef}
.sub1 .sub1-item.open h3 a{ color:#b70031;background-image: url(../images/icon-2021-14-1.svg)}
.nav ul .li1.active .sub1-content{animation:menu1 0.5s ease;animation-fill-mode:forwards;}
.nav ul .li1.active .nav1{ background:#b70031}
.header-active,.nav-active{ display:none}



.sub2{ width:100%; position:absolute;left:100%; bottom:0px; z-index:12;overflow:hidden; margin-left:-2px}
.sub2-content{ width:100%;height:432px; padding-top:50px; background:#f3f2ef; overflow:hidden;transform:translateX(-100%);transition:all 0.5s ease}
.sub2-item{ width:100%; overflow:hidden; line-height:32px; font-size:14px; padding:5px 20px;box-sizing:border-box}
.sub2-item a{ color:#333; width:100%; display:block; transition:all 0.4s ease;box-sizing:border-box;padding:0px 7px}
.sub2-item a:hover{ color:#b70031; background:#fafafa}
.sub1 .sub1-item.open .sub2{ z-index:13}
.sub1 .sub1-item.open .sub2-content{transform:translateX(0%)}

.sub3{ width:100%; position:absolute;left:0px;bottom:60px; z-index:20;box-sizing:border-box; padding-right:2px; overflow:hidden }
.sub3-content{ width:100%; background:#fff; display:none; overflow:hidden; padding-bottom:10px; height:70vh;}
.sub3-content .mCSB_scrollTools .mCSB_draggerRail{ background:none}
.sub3-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#a31f34;border-radius:4px}
.sub3-item{ width:100%; height:48px; font-size:16px;transition:all 0.5s ease; overflow:hidden}
.sub3-item:nth-child(1){ margin-top:48px;background:url(../images/icon-2021-15.svg) no-repeat 30px center}
.sub3-item:nth-child(2){background:url(../images/icon-2021-16.svg) no-repeat 30px center}
.sub3-item:nth-child(3){background:url(../images/icon-2021-17.svg) no-repeat 30px center}
.sub3-item:nth-child(4){background:url(../images/icon-2021-18.svg) no-repeat 30px center}
.sub3-item:nth-child(5){background:url(../images/icon-2021-19.svg) no-repeat 30px center}
.sub3-item:nth-child(6){background:url(../images/icon-2021-20.svg) no-repeat 30px center}
.sub3-item:nth-child(7){background:url(../images/icon-2021-21.svg) no-repeat 30px center}
.sub3-item:nth-child(8){background:url(../images/icon-2021-22.svg) no-repeat 30px center}
.sub3-item:nth-child(9){background:url(../images/icon-2021-23.svg) no-repeat 30px center}
.sub3-item:nth-child(10){background:url(../images/icon-2021-24.svg) no-repeat 30px center}
.sub3-item:nth-child(11){background:url(../images/icon-2021-25.svg) no-repeat 30px center}
.sub3-item:nth-child(12){background:url(../images/icon-2021-26.svg) no-repeat 30px center}
.sub3-item:nth-child(13){background:url(../images/icon-2021-27.svg) no-repeat 30px center}
.sub3-item:nth-child(14){background:url(../images/icon-2021-28.svg) no-repeat 30px center}
.sub3-item:nth-child(15){background:url(../images/icon-2021-29.svg) no-repeat 30px center}
.sub3-item:nth-child(16){background:url(../images/icon-2021-30.svg) no-repeat 30px center}
.sub3-item a{ width:100%; line-height:48px; display:block; padding-left:64px; box-sizing:border-box; color:#333;transition:all 0.4s ease; color:#333}
.sub3 .sub3-item.open{ background-color:#f3f2ef}
.sub3 .sub3-item.open a{ color:#b70031}
.sub3 .sub3-item:nth-child(1).open{background-image:url(../images/icon-2021-15-1.svg);}
.sub3 .sub3-item:nth-child(2).open{background-image:url(../images/icon-2021-16-1.svg)}
.sub3 .sub3-item:nth-child(3).open{background-image:url(../images/icon-2021-17-1.svg)}
.sub3 .sub3-item:nth-child(4).open{background-image:url(../images/icon-2021-18-1.svg)}
.sub3 .sub3-item:nth-child(5).open{background-image:url(../images/icon-2021-19-1.svg)}
.sub3 .sub3-item:nth-child(6).open{background-image:url(../images/icon-2021-20-1.svg)}
.sub3 .sub3-item:nth-child(7).open{background-image:url(../images/icon-2021-21-1.svg)}
.sub3 .sub3-item:nth-child(8).open{background-image:url(../images/icon-2021-22-1.svg)}
.sub3 .sub3-item:nth-child(9).open{background-image:url(../images/icon-2021-23-1.svg)}
.sub3 .sub3-item:nth-child(10).open{background-image:url(../images/icon-2021-24-1.svg)}
.sub3 .sub3-item:nth-child(11).open{background-image:url(../images/icon-2021-25-1.svg)}
.sub3 .sub3-item:nth-child(12).open{background-image:url(../images/icon-2021-26-1.svg)}
.sub3 .sub3-item:nth-child(13).open{background-image:url(../images/icon-2021-27-1.svg)}
.sub3 .sub3-item:nth-child(14).open{background-image:url(../images/icon-2021-28-1.svg)}
.sub3 .sub3-item:nth-child(15).open{background-image:url(../images/icon-2021-29-1.svg)}
.sub3 .sub3-item:nth-child(16).open{background-image:url(../images/icon-2021-30-1.svg)}
.nav ul .li2.active .nav2{background:#b70031}

.sub4{ width:100%; position:absolute;left:0px;bottom:60px; z-index:20;box-sizing:border-box; padding-right:2px; overflow:hidden }
.sub4-content{ width:100%; background:#fff; display:none; overflow:hidden; padding-bottom:20px}
.sub4-item{ width:100%; height:48px; font-size:16px;transition:all 0.5s ease; overflow:hidden}
.sub4-item:nth-child(1){ margin-top:48px;background:url(../images/icon-2021-31.svg) no-repeat 30px center; background-size:18px}
.sub4-item:nth-child(2){background:url(../images/icon-2021-32.svg) no-repeat 30px center}
.sub4-item:nth-child(3){background:url(../images/icon-2021-33.svg) no-repeat 30px center}
.sub4-item:nth-child(4){background:url(../images/icon-2021-34.svg) no-repeat 30px center}
.sub4-item:nth-child(5){background:url(../images/icon-2021-35.svg) no-repeat 30px center}
.sub4-item:nth-child(6){background:url(../images/icon-2021-36.svg) no-repeat 30px center}
.sub4-item a{ width:100%; line-height:48px; display:block; padding-left:87px; box-sizing:border-box; color:#333;transition:all 0.4s ease; color:#333}
.sub4 .sub4-item.open{ background-color:#f3f2ef}
.sub4 .sub4-item.open a{ color:#b70031}
.sub4 .sub4-item:nth-child(1).open{background-image:url(../images/icon-2021-31-1.svg)}
.sub4 .sub4-item:nth-child(2).open{background-image:url(../images/icon-2021-32-1.svg)}
.sub4 .sub4-item:nth-child(3).open{background-image:url(../images/icon-2021-33-1.svg)}
.sub4 .sub4-item:nth-child(4).open{background-image:url(../images/icon-2021-34-1.svg)}
.sub4 .sub4-item:nth-child(5).open{background-image:url(../images/icon-2021-35-1.svg)}
.sub4 .sub4-item:nth-child(6).open{background-image:url(../images/icon-2021-36-1.svg)}
.nav ul .li4.active .nav4{background:#b70031}

.nav-hide{animation:navshow1 1.5s ease;animation-fill-mode:forwards;}
.nav-top{ animation:navshow2 1s ease;animation-fill-mode:forwards; position:fixed;top:0px;left:0px; width:100%}
.nav-top ul li .nav1,.nav-top ul li .nav2,.nav-top ul li .nav3,.nav-top ul li .nav4,.nav-top ul li .nav5{ margin-top:0px}
.nav-top ul li .nav1{height:60px; line-height:60px;background-image:-webkit-linear-gradient(left,#ff637d,#ab7bc9);background-image:-moz-linear-gradient(left,#ff637d,#ab7bc9);background-image:-ms-linear-gradient(left,#ff637d,#ab7bc9);background-image:-o-linear-gradient(left,#ff637d,#ab7bc9);background-image:linear-gradient(left,#ff637d,#ab7bc9)}
.nav-top ul li .nav1 a{line-height:60px;}
.nav-top ul .li1.active .nav1 a{ line-height:60px}
.nav-top .sub1{bottom:auto;top:60px}
.nav-top .sub3{bottom:auto;top:60px}
.nav-top .sub4{bottom:auto;top:60px}
.sub3-item:nth-child(1) i{ font-style:normal; color:#333; margin-left:64px}
.mCSB_inside > .mCSB_container{ margin-right:0px}

/*内页导航*/
.headn{ width:100%;transition:all 1s ease;}
.headn-top{ width:100%;  height:36px; background:#a31f34;}
.headn-center{ width:87.5%;margin:0px auto}
.headn-center span{ float:right; width:auto; line-height:36px; font-size:14px; color:#b54c5d}
.headn-center span a{ color:rgba(255,255,255,0.5); margin:0px 15px;transition:all 0.4s ease}
.headn-center span a:hover{ color:#fff}
.headn .lang{ float:right; width:auto; background:url(../images/icon-2021-68.svg) no-repeat left center; padding-left:25px; height:36px; cursor:pointer; position:relative}
.headn .lang span{ float:left; width:auto; line-height:36px; background:url(../images/icon-2021-69.svg) no-repeat right center; padding-right:15px; font-size:14px; color:rgba(255,255,255,0.5)}
.headn .lang p{ width:60px;  line-height:30px; text-align:center; position:absolute;left:16px;top:41px; font-size:14px; color:rgba(255,255,255,0.5); display:none; background:#a31f34;z-index:12}
.headn .lang p:before{ width:auto; height:auto; content:""; position:absolute;left:25px;top:-5px;border-bottom:5px #a31f34 solid;border-left:5px transparent solid;border-right:5px transparent solid}
.headn .lang p a{ width:100%; display:block; color:#fff}
.headn .lang p a:hover{ color:#fff}

.headn-nav{ width:100%;  height:100px; background:#fff;transition:all 0.4s ease}
.headn-logo{ float:left; width:auto; margin-left:6.25%; margin-top:27px}
.headn-logo img{ width:260px; height:auto; display:none}
.headn-logo img:last-child{ display:block}
.headn-right{ float:right; width:auto; margin-right:6.25% }
.headn-right ul{ float:left;width:auto; }
.headn-right ul li{ float:left; width:auto; margin-left:42px; position:relative}
.headn-right ul li span{ float:left; width:auto; line-height:100px; font-size:18px;text-indent:0;font-family: "微软雅黑";}
.headn-right ul li span a{ color:#333;transition:all 0.4s ease}
.headn-right ul li span a:hover{ color:#b70031!important}
.headn-search{ float:right; width:20px; height:100px; background:url(../images/icon-2021-70.svg) no-repeat center; margin-left:20px; cursor:pointer}
.headn-fixed,.navfixed { position:fixed;left:0px;top:0px; z-index:23456}
.headn-show .headn-nav,.headn-act{ background:#fff !important; }
.headn-show .headn-right ul li span a,.headn-act .headn-right ul li span a{ color:#333 !important}
.headn-show .headn-search,.headn-act .headn-search{ background:url(../images/icon-2021-70.svg) no-repeat center !important; }
.headn-show .headn-logo img,.headn-act .headn-logo img{ display:none!important}
.headn-show .headn-logo img:last-child,.headn-act .headn-logo img:last-child{ display:block!important}
.headn-fixed .headn-right ul li span a:hover{ color:#b70031 !important}

.headn-menu{ width:160px; position:absolute;left:50%;transform:translateX(-50%);top:80px; z-index:2345; display:none}
.headn-right ul li:last-child .headn-menu{width:220px}
.headn-content{ width:100%; background:#fff; overflow:hidden; margin-top:2px;box-shadow:0px 2px 7px 4px rgba(0,0,0,0.1); padding:15px 0px}
.headn-content p{ float:left; width:100%; overflow:hidden; line-height:30px; height:30px; text-align:center}
.headn-content p a{ width:100%; height:30px; padding:0px 30px;box-sizing:border-box; display:block; font-size:14px; color:#444;transition:all 0.4s ease}
.headn-content p a:hover{ background:#f2f2f2; color:#a31f34}
.headn-hide{ background:rgba(255,255,255,0)}
.headn-hide .headn-right ul li span a{ color:#fff}
.headn-hide .headn-search{ background:url(../images/icon-2021-70-1.svg) no-repeat center; }
.headn-hide .headn-logo img{ display:block}
.headn-hide .headn-logo img:last-child{ display:none}
.kong{ width:100%; height:97px}
.nav-margin{ width:100%; height:136px}
.nav-bg{ display:none}
.headn-sj{ display:none}
/*search*/
.search-drop{ width:100%; height:100%; position:fixed;left:0px;top:0px; z-index:45678; background:#b70031;opacity:0; visibility:hidden;text-align:center;transition:all 0.5s ease}
.search-drop:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.search-close{ width:60px; height:60px;border-radius:50%; position:absolute;right:60px;top:60px; z-index:234; overflow:hidden; background:rgba(0,0,0,0.1) url(../images/close.svg) no-repeat center; cursor:pointer;transition:all 0.4s ease; }
.search-close:hover{transform:rotate(180deg)}
.search-content{ width:96%; display:inline-block; vertical-align:middle}
.search-content h3{ width:100%; font-size:60px; font-weight:bold; color:#fff; letter-spacing:10px}
.search-content form{ width:60%; overflow:hidden; display:block; margin:100px auto 0px; border-bottom:4px #fff solid; }
.search-txt{ float:left; width:80%; line-height:60px; height:60px; color:#fff; font-size:26px; background:none; border:none; padding:0px}
.search-txt::placeholder {color: #fff !important;opacity:1}
.search-txt::-webkit-input-placeholder {color: #fff !important;opacity:1}
.search-txt::-ms-input-placeholder { color: #fff !important;opacity:1}
.search-txt  ::-moz-placeholder {color: #fff !important;opacity:1}
.search-button{ float:right; width:80px; height:60px; border:none; background:url(../images/search.svg) no-repeat center; padding:0px; cursor:pointer}
.search-content h4{ width:60%; margin:56px auto 0px; overflow:hidden; font-size:24px; color:#fff; text-align:left}
.search-content p{ width:60%; overflow:hidden; margin:0px auto}
.search-content p a{ float:left; width:auto; line-height:36px; height:36px; overflow:hidden; padding:0px 16px; background:rgba(0,0,0,0.1); margin-right:10px; font-size:16px; color:#fff; margin-top:16px;transition:all 0.4s ease;text-indent:0;}

.search-active{opacity:1; visibility: visible;}

/*footer*/
.footer{ width:100%; background:#383838; position:relative; z-index:2215;margin-top:-1px;}
.footer-1{ width:87.5%; margin:0px auto;  border-bottom:1px #474747 solid}
.footer-left{ float:left; width:68.45%; overflow:hidden; box-sizing:border-box;border-right:1px #474747 solid; padding-bottom:90px}
.footer-logo{ float:left; width:100%; overflow:hidden; padding:120px 0px 60px;border-bottom:1px #474747 solid}
.footer-left ul{ float:left; width:100%; overflow:hidden; margin-top:60px}
.footer-left ul li{ float:left; overflow:hidden;}
.footer-left ul li:nth-child(1){ width:12.28%}
.footer-left ul li:nth-child(2){ width:14.28%}
.footer-left ul li:nth-child(3){ width:12.28%}
.footer-left ul li:nth-child(4){ width:13.28%}
.footer-left ul li:nth-child(5){ width:13.28%}
.footer-left ul li:nth-child(6){ width:14.28%}
.footer-left ul li:nth-child(7){ width:20.28%}
.footer-left ul li span{ float:left; width:100%; overflow:hidden; font-size:16px; color:#888; position:relative; padding-bottom:20px}
.footer-left ul li span:before{ width:12px; height:2px; content:""; position:absolute;left:0px;bottom:0px; z-index:2; background:#b70031}
.footer-left ul li p{ float:left; width:100%; overflow:hidden; margin-top:13px}
.footer-left ul li p a{ width:100%; display:block; line-height:26px; font-size:14px; color:#666;transition:all 0.4s ease; position:relative}
.footer-left ul li p a:before{ width:0px; content:""; position:absolute;left:0px;bottom:0px; height:1px; background:#b70031; z-index:1;transition:all 0.4s ease}
.footer-left ul li p a:hover{ color:#b70031}
.footer-left ul li p a:hover:before{ width:60px}
.footer-right{ float:right; width:420px; margin-top:110px}
.footer-right ul{ float:right; width:auto}
.footer-right ul li{ float:left; width:60px; height:60px; background:#474747;border-radius:8px; margin:10px 0px 0px 10px; position:relative; background-position:center; background-repeat:no-repeat; cursor: pointer}
/*.footer-right ul li a{ width:100%; height:100%; display:block}*/
.footer-right ul li a{ width:100%; height:100%; display:block;position: relative;z-index: 12;}
.footer-right ul .r5 span,.footer-right ul .r15 span{ width:100%; display:block; position:absolute;left:0px;bottom:0px; z-index:12; line-height:18px; text-align:center; font-size:10px; color:#888; font-family:Arial}
.footer-right ul .r1{background-image:url(../images/icon-2021-41.svg)}
.footer-right ul .r2{background-image:url(../images/icon-2021-4.png)}
.footer-right ul .r3{background-image:url(../images/icon-120-1.png)}
.footer-right ul .r4{background-image:url(../images/icon-2021-66.svg)}
.footer-right ul .r5{ background-image:url(../images/icon-2021-5.png)}
.footer-right ul .r6{ background-image:url(../images/icon-2021-1.png)}
.footer-right ul .r7{background-position:center bottom;background-size:39px;background-image:url(../images/icon-2021-2.png)}
.footer-right ul .r8{ background-size:25px;background-image:url(../images/icon-2021-45.svg)}
.footer-right ul .r9{background-image:url(../images/icon-2021-46.svg)}
.footer-right ul .r10{background-image:url(../images/icon-2021-47.svg)}
.footer-right ul .r11{background-image:url(../images/icon-2021-48.svg)}
.footer-right ul .r12{background-image:url(../images/icon-2021-67-1.svg)}
.footer-right ul .r13{background-image:url(../images/icon-2021-3.png)}
.footer-right ul .r14{background-image:url(../images/icon-2021-44.svg); background-size:38px}
.footer-right ul .r15{background-image:url(../images/icon-2021-5.png)}
.footer-right ul .r16{background-image:url(../images/icon-2021-49.svg)}
.footer-right ul .r17{background-image:url(../images/icon-2021-52.svg)}
.footer-right ul .r18{background-image:url(../images/icon-2021-53.svg)}
.footer-right ul .r19{background-image:url(../images/icon-2021-51.svg)}
.footer-right ul .r20{background-image:url(../images/icon-2021-50.svg)}
.footer-right .ul-drop{ width:120px; position:absolute;left:-30px;bottom:85px; z-index:23; opacity:0; visibility:hidden;transition:all 0.5s ease}
.footer-right .ul-drop:before{ width:0px; height:0px; content:"";border-left:8px transparent solid;border-right:8px transparent solid; border-top:8px #fff solid; position:absolute;left:50%;margin-left:-8px;bottom:-8px; z-index:12}
.footer-right .ul-drop img{ width:100%; height:120px; overflow:hidden}
.footer-right .active .ul-drop{opacity:1; visibility: visible; bottom:75px}
.footer-right .r1.active{ background:#a31f34 url(../images/icon-2021-41-1.svg) no-repeat center}
.footer-right .r2.active{ background:#fff url(../images/icon-2021-4-1.svg) no-repeat center; background-size:32px}
.footer-right .r3.active{ background:#a31f34 url(../images/icon-120-2.png) no-repeat center}
.footer-right .r4.active{ background:#fabf00 url(../images/icon-2021-66-1.svg) no-repeat center}
.footer-right .r5.active{ background:#3abc00 url(../images/icon-2021-5-1.png) no-repeat center}
.footer-right .r6.active{ background:#ca0000 url(../images/icon-2021-1-1.png) no-repeat center;}
.footer-right .r7.active{ background:#2a79c1 url(../images/icon-2021-2-1.png) no-repeat center;}
.footer-right .r8.active{ background:#e80000 url(../images/icon-2021-45-1.svg) no-repeat center;background-size:25px;}
.footer-right .r9.active{ background:#dc7092 url(../images/icon-2021-46-1.svg) no-repeat center}
.footer-right .r10.active{ background:#1b0b1b url(../images/icon-2021-47-1.svg) no-repeat center}
.footer-right .r11.active{ background:#f54600 url(../images/icon-2021-48-1.svg) no-repeat center}
.footer-right .r12.active{ background:#e9490b url(../images/icon-2021-67.svg) no-repeat center}
.footer-right .r13.active{ background:#ce0000 url(../images/icon-2021-3-1.png) no-repeat center}
.footer-right .r14.active{ background:#df1108 url(../images/icon-2021-44-1.svg) no-repeat center; background-size:38px}
.footer-right .r15.active{ background:#3abc00 url(../images/icon-2021-5-1.png) no-repeat center}
.footer-right .r5.active span{ color:#fff}
.footer-right .r16.active{ background:#405a9b url(../images/icon-2021-49-1.svg) no-repeat center}
.footer-right .r17.active{ background:#41a2f8 url(../images/icon-2021-52-1.svg) no-repeat center}
.footer-right .r18.active{ background:#ff0039 url(../images/icon-2021-53-1.svg) no-repeat center}
.footer-right .r19.active{ background:#297cb8 url(../images/icon-2021-51-1.svg) no-repeat center}
.footer-right .r20.active{ background:#c12d26 url(../images/icon-2021-50-1.svg) no-repeat center}

.footer-right .r15.active span{ color:#fff}
.footer-my{ float:right; width:410px; overflow:hidden; margin-top:36px; position:relative}
.footer-my img{ float:left; width:100%; height:auto;transition:all 0.4s ease}
.footer-jz{ width:100%; position:absolute;left:0px;top:0px; height:100%; overflow:hidden; z-index:1; background:rgba(0,0,0,0.3)}
.footer-jz:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.footer-jz p{ width:98%; display:inline-block; vertical-align:middle; text-align:center}
.footer-jz p samp{ width:100%; overflow:hidden; display:block; height:80px; position:relative}
.footer-jz p samp:before{width:100%; height:100%; text-align:center; position:absolute;left:0px;top:0px; font-family:"iconfont"; color:#fff;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content:"\e64b";font-size:80px; }

.footer-jz p span{ width:100%; display:block; overflow:hidden; font-size:24px; color:#fff; margin-top:15px}
.footer-my a:hover img{transform:scale(1.1)}
.footer-my a:hover .footer-jz p samp img{transform:scale(1)}
.footer-2{ width:87.5%; margin:0px auto; padding:60px 0px}
.footer-2 ul{ float:left; width:100%; overflow:hidden;}
.footer-2 ul li{ float:left; width:auto; overflow:hidden; line-height:60px; font-size:16px; color:#666; margin-right:50px; padding-left:37px; background:url(../images/icon-2021-37.svg) no-repeat left center}
.footer-2 ul li:nth-child(3){background:url(../images/icon-2021-38.svg) no-repeat left center; padding-left:40px}
.footer-2 span{float:right;width:auto;margin-top:20px;font-size:14px}
.footer-2 span a{color:#666}
.footer-2 span a:hover{color:#b70031}

.footer-link{ float:right; width:408px; height:58px; border:1px #616161 solid;border-radius:5px; background:#404040; cursor:pointer; position:relative}
.footer-link span{ float:left; width:auto; line-height:58px; background:url(../images/icon-2021-39.svg) no-repeat left center; padding-left:27px; margin-left:29px; font-size:16px; color:#888}
.footer-link samp{ width:60px; height:58px; background:url(../images/icon-2021-40.svg) no-repeat center; position:absolute;right:0px;top:0px; z-index:12;transition:all 0.4s ease}
.footer-link .active{transform:rotate(180deg)}
.footer-drop{ width:100%; overflow:hidden; border:1px #616161 solid; position:absolute;left:-1px;bottom:53px; z-index:2; background:#404040;border-radius:1px; padding:5px 0px; display:none}
.footer-drop p{ width:100%; overflow:hidden}
.footer-drop p a{ width:100%; display:block; line-height:30px; overflow:hidden; font-size:14px; color:#888; padding:0px 55px;box-sizing:border-box;transition:all 0.4s ease}
.footer-drop p a:hover{ color:#fff; background:#888}

.footer-3{ width:87.5%; overflow:hidden;border-top:1px #474747 solid; margin:0px auto; line-height:98px}
.footer-3 span{ float:left; width:auto; font-size:16px; color:#666}
.footer-3 span a{ color:#666; margin:20px;transition:all 0.4s ease;}
.footer-3 span a:hover,.footer-3 p a:hover{ color:#b70031}
.footer-3 p{ float:right; width:auto; font-size:16px; color:#888}
.footer-3 p a{ color:#888; margin:0px 30px;transition:all 0.4s ease}
.footer-3 p a:last-child{ margin-right:0px}

@media screen and (max-width:1660px){
/*header*/
.logo img{ width:310px; height:auto}	
.header-wz img{ width:430px; height:auto}

	
/*footer*/
.footer-left{ float:left; width:68.45%; padding-bottom:80px}
.footer-logo{ padding:100px 0px 50px;}
.footer-left ul{ margin-top:50px}
.footer-right{width:350px; margin-top:80px}
.footer-my{ width:340px; margin-top:32px;}
.footer-jz p samp img{ width:60px;}
.footer-jz p span{ font-size:20px;  margin-top:12px}
.footer-2{ padding:50px 0px}
.footer-link{  width:28%;}
.footer-3{ line-height:90px}
.footer-3 span{ font-size:14px;}
.footer-3 span a{ margin:0px 20px;}
.footer-3 p{ font-size:14px;}
}

@media screen and (max-width:1500px){
/*内页导航*/
.headn-right ul li{ margin-left:32px; }



}

@media screen and (max-width:1440px){
.nav-margin{ width:100%; height:116px}	
/*header*/
@keyframes menu1{
0%{ overflow:hidden; height:0px}
99%{overflow:hidden; height:442px}
100%{ overflow:inherit;height:442px}
}
@keyframes menu2{
0%{ overflow:hidden; height:442px}
99%{overflow:hidden; height:0px}
100%{ overflow:hidden;}
}
.sub1 .item1{ margin-top:36px; }
.sub1 .item1 h3,.sub1 .item2 h3,.sub1 .item3 h3,.sub1 .item4 h3,.sub1 .item5 h3,.sub1 .item6 h3,.sub1 .item7 h3{background-position:25px center}
.sub1 .sub1-item h3 a{padding-left:70px;}
.sub2-content{height:412px; padding-top:30px; }
.sub3{bottom:50px; }
.sub3-item:nth-child(1){ margin-top:36px;background-position:15px center}
.sub3-item:nth-child(2),.sub3-item:nth-child(3),.sub3-item:nth-child(4),.sub3-item:nth-child(5),.sub3-item:nth-child(6),.sub3-item:nth-child(7),.sub3-item:nth-child(8),.sub3-item:nth-child(9),.sub3-item:nth-child(10),.sub3-item:nth-child(11),.sub3-item:nth-child(12),.sub3-item:nth-child(13),.sub3-item:nth-child(14),.sub3-item:nth-child(15),.sub3-item:nth-child(16){background-position:15px center}
.sub3-item a{padding-left:50px; }
.sub4-item:nth-child(1){ margin-top:30px;}
.logo img{ width:280px; height:auto}
.header-wz img{ width:390px; height:auto}
.sub3-item:nth-child(1) i{ margin-left:50px}
/*内页导航*/
.headn-nav{ height:80px; }
.headn-logo{  margin-top:16px}
.headn-logo img{ width:260px; height:auto}
.headn-right ul li{ margin-left:26px; }
.headn-right ul li span{  line-height:80px; font-size:16px;}
.headn-search{ height:80px; margin-left:17px;}
.headn-menu{ top:68px;}
}


@media screen and (max-width:1379px){
/*header*/	
.logo{top:85px}
.logo img{ width:345px}	
.header-wz{ padding-top:60px; box-sizing:border-box}
.header-wz img{ width:27%}
.headn-logo { margin-top: 19px;}
.headn-logo img{ width:232px}
.headn-right ul li span {font-size: 14px;}
.nav{top:85vh}
/*footer*/
.footer-left{ padding-bottom:60px}
.footer-logo{ padding:60px 0px 50px;}
.footer-logo img{ width:34%; height:auto}
.footer-left ul{ margin-top:40px}
.footer-right{width:290px; margin-top:60px}
.footer-right ul li{ width:50px; height:50px;border-radius:7px; margin:8px 0px 0px 8px;}
.footer-my{ width:280px; margin-top:30px;}
.footer-jz p samp img{ width:40px;}
.footer-jz p span{ font-size:18px;  margin-top:12px}
.footer-2{ padding:40px 0px}
.footer-2 ul li{line-height:50px; font-size:14px; margin-right:40px; padding-left:34px; }
.footer-link{ height:50px; }
.footer-link span{line-height:50px;  font-size:14px; }
.footer-link samp{ height:50px; }
.footer-drop{ bottom:50px;}

.footer-3{ line-height:80px}
.footer-3 span{ font-size:12px;}
.footer-3 span a{ margin:0px 15px;}
.footer-3 p{ font-size:12px;}
.footer-3 p a{ margin:0px 20px;}


/*search*/
.search-close{ width:50px; height:50px;right:50px;top:50px;}
.search-content h3{ font-size:50px;letter-spacing:8px}
.search-content form{ margin:80px auto 0px; border-bottom:3px #fff solid;}
.search-txt{ line-height:50px; height:50px; font-size:22px;}
.search-content h4{ font-size:22px;}

}







@media screen and (max-width:1280px){
/*header*/
.logo{top:30px}
.logo img{ width:22%}
.header-wz{padding-bottom: 22vh;}
.header-wz img{ width:23%}
.sub3-content{ padding-bottom:10px}
.nav{top:90vh}
.nav ul li span{ height:42px}
.nav ul li span a{ font-size:14px;}
.nav ul li .nav1{height:42px; }
.nav ul li .nav1 a,.nav ul li .nav2 a,.nav ul li .nav3 a,.nav ul li .nav4 a,.nav ul li .nav5 a{line-height:42px;}
.nav ul li .nav1 a{ line-height:42px}
.nav-top{top:0px}
@keyframes menu1{
0%{ overflow:hidden; height:0px}
99%{overflow:hidden; height:370px}
100%{ overflow:inherit;height:370px}
}
@keyframes menu2{
0%{ overflow:hidden; height:370px}
99%{overflow:hidden; height:0px}
100%{ overflow:hidden;}
}
.sub1{bottom:42px; }
.sub1-item{ height:36px; font-size:14px;}
.sub1 .item1{ margin-top:30px}
.sub1 .sub1-item h3 a{line-height:36px;}
.sub2-content{height:340px; padding-top:30px;}
.sub2-item{line-height:24px; font-size:14px;}

.sub3{bottom:42px; }

.sub3-item{height:32px; font-size:12px;}
.sub3-item:nth-child(1){ margin-top:20px;}
.sub3-item a{ line-height:36px; padding-left:45px;}

.sub4{bottom:42px;  }
.sub4-item{ height:36px; font-size:14px;}
.sub4-item a{line-height:36px;padding-left:60px; }
.nav-top ul li .nav1 a{line-height:50px;}
.nav-top ul .li1.active .nav1 a{ line-height:50px}
.nav-top .sub1{top:42px}
.nav-top .sub3{top:42px}
.nav-top .sub4{top:42px}
.nav-top ul li .nav1{margin-top:0px; height:42px}
.nav-top ul li .nav1 a{ line-height:42px}
/*内页导航*/
.headn-logo{  margin-top:20px}
.headn-logo img{ width:240px;}
.headn-right ul li{ margin-left:17px; }
.headn-right ul li span{ font-size:14px;}

.footer-left ul li span{ font-size:15px}
.footer-left ul li p a{ font-size:12px}

}

@media screen and (max-width:1100px){
/*footer*/
.footer-left{ padding-bottom:50px}
.footer-logo{ padding:40px 0px}
.footer-left ul{ margin-top:30px}
.footer-right{width:240px; margin-top:50px}
.footer-right ul li{ width:40px; height:40px; background-size:25px}
.footer-right ul .r3{ background-size:20px}
.footer-right ul .r4{ background-size:20px}
.footer-right ul .r5{ background-size:20px}
.footer-right ul .r7{ background-size:30px}
.footer-right ul .r10{ background-size:20px}
.footer-right ul .r11{ background-size:20px}
.footer-right ul .r14{ background-size:26px}
.footer-right ul .r15{ background-size:20px}
.footer-right ul .r16{ background-size:12px}
.footer-right ul .r18{ background-size:20px}
.footer-right ul .r19{ background-size:18px}
.footer-right ul .r20{ background-size:22px}

.footer-right .r3.active{background-size:20px}
.footer-right  .r4.active{ background-size:20px}
.footer-right  .r5.active{ background-size:20px}
.footer-right  .r7.active{ background-size:30px}
.footer-right  .r10.active{ background-size:20px}
.footer-right  .r11.active{ background-size:20px}
.footer-right  .r14.active{ background-size:26px}
.footer-right  .r15.active{ background-size:20px}
.footer-right  .r16.active{ background-size:12px}
.footer-right  .r18.active{ background-size:20px}
.footer-right  .r19.active{ background-size:18px}
.footer-right  .r20.active{ background-size:22px}
.footer-right .ul-drop{left:-40px;bottom:65px;}
.footer-right .active .ul-drop{ bottom:55px;}

.footer-my{ width:230px;}
.footer-jz p span{ font-size:16px;}
.footer-2{ padding:30px 0px}
.footer-3{ line-height:70px}

.footer-3 span a{ margin:0px 10px;}
.footer-3 p a{ margin:0px 5px;}
	

}







@media screen and (max-width:1000px){
.nav-margin{  height:70px}	
.kong{ height:70px}
/*menu1*/	
.menu1,.menu2{ width:30px; height:30px; position:fixed; display:block;right:30px;top:40px; overflow:hidden; z-index:452345; cursor:pointer; }
.menu1 span,.menu2 span{ float:left; width:100%; height:3px; background:#fff; margin-top:7px; transition:all 0.4s ease}
.menu1.open span:nth-child(1),.menu2.open span:nth-child(1){transform:rotate(45deg);margin-top:14px}
.menu1.open span:nth-child(2),.menu2.open span:nth-child(2){transform:rotate(-45deg);margin-top:-2px}
.menu1.open span:nth-child(3),.menu2.open span:nth-child(3){opacity:0}
.menu2{top:20px}

.sub1-item{ position:relative}
.sub1 .sub1-item h3 a{ background:none}
.sub1-item h3:before{ width:15%; height:100%; position:absolute;right:0px;top:0px; z-index:22;background: url(../images/icon-2021-14.svg) no-repeat center 20px; content:"";transition:all 0.4s ease}
.sub1-item.rota h3:before{background-image: url(../images/icon-2021-14-2.svg); background-size:12px;}



/*内页导航*/
.headn-top{ display:none}
.headn-sj{ width:100%;position:fixed;left:0px;top:0px; z-index:3456; background:#b70031;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.1); height:70px; display:block }
.top-logo{ float:left; width:182px; overflow:hidden; margin:20px 0px 0px 30px}
.top-logo img{ width:100%; height:auto}
.headn-nav{ height:auto;}
.headn-logo{ display:none}

.headn-right{ float:none; width:100%; margin-right:0px ; position:fixed;left:-100%;top:0px; z-index:2345; background:rgba(0,0,0,0.3); height:100%;transition:all 0.3s ease}
.headn-right ul{ float:left;width:80%; height:100%; overflow-y:scroll; background:#b70031;box-sizing:border-box; padding:40px 30px 20px }
.headn-right ul li{ float:left; width:100%; margin-left:0px;}
.headn-right ul li span{ float:left; width:100%; line-height:50px; font-size:14px; border-bottom:1px #ddd solid}
.headn-right ul li span a{ color:#fff;}
.headn-right ul li span a:hover{ color:#fff}
.headn-search{ display:none}

.headn-menu{ width:100%; float:left; position: relative;left:0%;top:0px;  display: none;transform:translateX(0px)}
.headn-content{ width:100%; background:none; margin-top:0px;box-shadow:none; padding:15px 0px; border-bottom:1px #ddd solid}
.headn-content p{ float:left; width:100%; overflow:hidden; line-height:48px; height:48px; text-align:left}
.headn-content p a{ width:100%; height:48px; padding:0px 20px; color:#fff}
.headn-content p a:hover{ background:none; color:#fff}
.headn-active{ left:0%}




/*header*/
.nav{ width:100%; position:fixed;left:-100%;top:0px; height:100%; transition:all 0.3s ease;}
.nav ul{ height:100%; padding:30px 20px;background:#b70031; width:80%; overflow-y:scroll;box-sizing:border-box}
.nav ul li{ width:100%;padding-right:0px;}
.nav ul li span{ height:50px;margin-top:0px; border-bottom:1px #ddd solid}
.nav ul li span a{ font-size:14px; color:#fff}
.nav ul li .nav1,.nav ul li .nav2,.nav ul li .nav3,.nav ul li .nav4,.nav ul li .nav5{height:50px;  background:none;}
.nav ul li .nav1 a,.nav ul li .nav2 a,.nav ul li .nav3 a,.nav ul li .nav4 a,.nav ul li .nav5 a{line-height:50px;text-align:left; padding-left:70px; background-position: 25px center}
.nav-slide{left:0%}

.sub1{position: relative;bottom:auto;padding-right:0px; float:left; display:none}
.sub1-content{ background:none; height:auto; padding:10px 0px; border-bottom:1px #ddd solid}
.sub1-item{font-size:14px; height:auto}
.sub1 .item1{ margin-top:0px}
.sub1 .item1 h3,.sub1 .item2 h3,.sub1 .item3 h3,.sub1 .item4 h3,.sub1 .item5 h3,.sub1 .item6 h3,.sub1 .item7 h3{ background-position:50px center}
.sub1 .sub1-item h3 a{line-height:48px;  padding-left:87px; color:#fff}

.sub2{ position:relative;left:0%; margin-left:0px; display:none}
.sub2-content{height:auto; padding-top:0px; background:none; transform:translateX(0%); border-top:1px #ddd solid}
.sub2-item{ width:100%; overflow:hidden; height:50px; line-height:50px; font-size:14px; border-bottom:1px #eee solid}
.sub2-item a{ color:#ddd; padding-left:120px;}

.sub3{ position:relative;left:0px;bottom:0px; padding-right:0px; display:none  }
.sub3-content{ width:100%; background:none; display:block;  padding-bottom:0px; height:auto}
.sub3-item{font-size:14px; border-bottom:1px #eee solid; }
.sub3-item a{ color:#fff; padding-left:110px}

.sub3-item:nth-child(1),.sub3-item:nth-child(2),.sub3-item:nth-child(3),.sub3-item:nth-child(4),.sub3-item:nth-child(5),.sub3-item:nth-child(6),.sub3-item:nth-child(7),.sub3-item:nth-child(8),.sub3-item:nth-child(9),.sub3-item:nth-child(10),.sub3-item:nth-child(11),.sub3-item:nth-child(12),.sub3-item:nth-child(13),.sub3-item:nth-child(14),.sub3-item:nth-child(15),.sub3-item:nth-child(16){ margin-top:0px; background-position:70px center}
.sub3 .sub3-item.open{ background-color:none}
.sub3 .sub3-item.open a{ color:#fff}
.nav ul .li2.active .nav2{background:none}

.sub4{ position:relative;left:0px;bottom:0px; padding-right:0px; display:none  }
.sub4-content{ width:100%; background:none; display:block;  padding-bottom:0px}
.sub4-item{ font-size:14px; border-bottom:1px #eee solid;}
.sub4-item:nth-child(1),.sub4-item:nth-child(2),.sub4-item:nth-child(3),.sub4-item:nth-child(4),.sub4-item:nth-child(5),.sub4-item:nth-child(6){ margin-top:0px; background-position:70px center}
.sub4-item a{ padding-left:110px; color:#fff}
.sub4 .sub4-item.open{ background-color:none}
.sub4 .sub4-item.open a{ color:#fff}
.nav ul .li4.active .nav4{background:none}

.header-active{ position:fixed;left:0px;top:0px; z-index:3456; background:#b70031;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.1); height:70px; display:block }
.nav-active{ display:block}
.header-active .video,.header-active .header-wz{ display:none}
.header-active .menu1{ width:24px; height:24px; display:block;right:20px;top:20px;}
.header-active .menu1 span{margin-top:5px;height:2px }
.header-active .logo{ width:182px; left:20px;top:20px;}
.header-active .logo img{ width:100%}
/*footer*/
.footer-1{ display:none} 
.footer-2 ul li{ line-height:30px; font-size:12px; background-size:14px; padding-left:20px}
.footer-2 ul li:last-child{ background-size:14px; padding-left:20px}
.footer-link{ display:none}
.footer-3{ padding:15px}
.footer-3 span,.footer-3 p{ width:100%; line-height:24px; text-align:center}

.nav-bg{ display: block; position:absolute;left:0px;top:0px; z-index:12; background:rgba(0,0,0,0); width:100%; height:100%;transition:all 0.3s ease 0.3s}
.nav ul{ position:relative; z-index:13}
.nav-slide .nav-bg{background:rgba(0,0,0,0.3)}
.sub3-item:nth-child(1) i{ color:#fff; margin-left:110px}
.sub3-item:nth-child(1){ color:#fff}
}


@media screen and (max-width:768px){
.menu1,.menu2{ width:24px; height:24px; display:block;right:20px;top:20px;}
.menu2{top:24px}
.menu1 span,.menu2 span{margin-top:5px;height:2px }
.logo{ width:182px; left:20px;top:20px;}
.logo img{ width:100%}
.header{ position: relative; height:auto}
.video{ width:100%; height:auto}
.video video{ min-width:auto;min-height:auto; width:100%; height:auto}
.header-fixed{ position:fixed;left:0px;top:0px; z-index:3456; background:#b70031;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.1); height:70px}
.header-fixed .video,.header-fixed .header-wz{ display:none}
.header-active{ position:fixed;left:0px;top:0px; z-index:3456; background:#b70031;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.1); height:70px }
.header-wz img{ width:36%; margin-top:34px}
.headn-hide .headn-right ul li span a{ color:#fff !important}
.headn-show .headn-right ul li span a, .headn-act .headn-right ul li span a{color:#fff !important}

/*search*/
.search-close{ width:40px; height:40px;right:30px;top:30px; background-size:14px  }
.search-content h3{font-size:22px; letter-spacing:6px}
.search-content form{ width:80%; margin:70px auto 0px; border-bottom:2px #fff solid; }
.search-txt{ line-height:40px; height:40px;font-size:14px;}
.search-button{width:60px; height:40px; background-size:20px}
.search-content h4{ width:80%; margin:30px auto 0px;  font-size:20px; }
.search-content p{ width:80%; }
.search-content p a{line-height:30px; height:30px;padding:0px 14px;  margin-right:7px; font-size:14px; margin-top:14px;}


}

.his-new{ width:100%; overflow:hidden; margin:0px auto}
.his-new-head{ width:100%; overflow:hidden; border-bottom:4px #363636 solid; padding-bottom:18px; margin-top:80px}
.his-new-head h3{ float:left; width:100%; overflow:hidden; font-size:36px; color:#333; font-weight:bold;}
.his-new-head p{ float:left; width:100%; overflow:hidden; font-size:20px; color:#444; margin-top:20px}
.his-new-list{ width:100%; overflow:hidden; text-align:center}
.his-new-item{ width:25%; overflow:hidden; margin-top:50px; float:left; text-align:center}
.his-new-item samp{ width:200px; height:250px; display:inline-block; overflow:hidden;}
.his-new-item samp img{ width:100%; height:100%;object-fit:cover;transition:all 0.4s ease}
.his-new-item span{ width:100%; overflow:hidden; display:inline-block; line-height:30px; height:30px; font-size:16px; color:#333; margin-top:12px}
.his-new-item p{ width:100%; overflow:hidden; display:inline-block; line-height:30px; height:30px; font-size:14px; color:#555; margin-top:4px}
.his-new-item:hover samp img{transform:scale(1.1)}
.his-new-item:hover span,.his-new-item:hover p{ color:#a31f34}
@media screen and (max-width:1660px){
.his-new-head{ padding-bottom:17px; margin-top:70px}
.his-new-head h3{font-size:32px; }
.his-new-head p{font-size:18px; margin-top:18px}
.his-new-item{ margin-top:47px; }
.his-new-item samp{ width:196px; height:245px;}
.his-new-item span{line-height:28px; height:28px; font-size:15px;margin-top:11px}
.his-new-item p{ line-height:28px; height:28px; font-size:13px; }
}
@media screen and (max-width:1440px){
.his-new-head{ padding-bottom:16px; margin-top:65px}
.his-new-head h3{font-size:28px; }
.his-new-head p{font-size:17px; margin-top:17px}
.his-new-item{ margin-top:45px; }
.his-new-item samp{ width:192px; height:240px;}
.his-new-item span{line-height:26px; height:26px; font-size:14px;margin-top:9px}
.his-new-item p{ line-height:24px; height:24px; font-size:12px; }
}
@media screen and (max-width:1280px){
.his-new-head{ padding-bottom:15px; margin-top:50px}
.his-new-head h3{font-size:24px; }
.his-new-head p{font-size:15px; margin-top:14px}
.his-new-item{ margin-top:42px; }
.his-new-item samp{ width:150px; height:187px;}
.his-new-item span{line-height:25px; height:25px;margin-top:6px}
.his-new-item p{ line-height:22px; height:22px; margin-top:4px }
}
@media screen and (max-width:768px){
.his-new-head{ padding-bottom:14px; margin-top:30px; border-bottom-width:2px}
.his-new-head h3{font-size:20px; }
.his-new-head p{font-size:14px; margin-top:12px}
.his-new-item{ margin-top:32px;width:33.3% }
.his-new-item samp{ width:60%; height:24vw;}
.his-new-item span{line-height:22px; height:22px;margin-top:5px}
.his-new-item p{ line-height:20px; height:20px; margin-top:0px }
}
#vsb_content img,.m3nEditor img{
    vertical-align: middle;
    max-width: 600px !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
}
@media screen and (max-width:768px){
#vsb_content img,.m3nEditor img{max-width:100% !important;width: 100% !important;}
}
@media only screen and (max-width:768px){
    #vsb_content img{
        width: 100% !important;
        margin: 0;
        max-width: 100% !important;
    }
}
@media screen and (max-width:460px){
.his-new-item{ margin-top:28px;width:50% }
.his-new-item samp{ width:60%; height:35vw;}
}




.new-ewm{width:100%;overflow:hidden;}
.news-ewm-item{float:left;width:20%;overflow:hidden}
.news-ewm-item span{float:left;width:100%;overflow:hidden;font-size:18px;color:#222}
.news-ewm-item p{float:left;width:100%;overflow:hidden;font-size:14px;color:#999;margin-top:5px; height:20px}
.news-ewm-item img{float:left;width:70%;height:auto;overflow:hidden;border:1px #f5f5f5 solid;margin-top:15px}
@media screen and (max-width:1000px){
.news-ewm-item{width:33%;}
.news-ewm-item img{width:80%;margin-top:12px}
}
@media screen and (max-width:768px){
.news-ewm-item{width:48%;margin-bottom:20px}
.news-ewm-item:nth-child(2n){float:right}
.news-ewm-item span{font-size:14px}
.news-ewm-item p{font-size:12px;}
}