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: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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans CN", sans-serif;}
samp{font-family:'Microsoft YaHei'}
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*/
@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;left:0px;top:0px}
.video{ width:100%; height:100%; overflow:hidden; position:relative; z-index:10;background-position:center;background-repeat: no-repeat;background-size:cover}
.video video{width:101%;height:101%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block}

.video table{height:100%}
.video #u2{height:100% !important;display:block !important;width:100% !important;}
.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;width:560px;height:auto}
.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:90vh; z-index:42345;}
.nav ul{ width:100%;}
.nav ul li.li3 .nav3:hover{ background:#b70031}
.nav ul li.li5 .nav5:hover{ background:#b70031}
.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:57px; overflow:hidden;}
.nav ul li span a{ font-size:16px; color:#fff;position:relative}
.nav ul li span a:before{ width:auto; height:100%; position:absolute;left:9%;top:0px; font-family:"iconfont"; color:#fff;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.nav ul li .nav1{ width:100%; height:57px; 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:57px; text-align:center;transition:all 0.5s ease; }
.nav ul li .nav1 a:before{content:"\e611"; font-size:11px}
.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:57px; text-align:center}
.nav ul li .nav2 a:before{content:"\e612"; font-size:16px}
.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:57px; text-align:center}
.nav ul li .nav3 a:before{content:"\e613"; font-size:15px}
.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:57px; text-align:center}
.nav ul li .nav4 a:before{content:"\e61c"; font-size:17px}
.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:57px;text-align:center}
.nav ul li .nav5 a:before{content:"\e614"; font-size:20px}
.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:57px; 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 .sub1-item h3{ position:relative}
.sub1 .sub1-item h3:after{width:auto; height:100%; position:absolute;left:30px;top:0px; font-family:"iconfont"; color:#cdcdcd;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; line-height:48px}
.sub1 .item1{ margin-top:48px}
.sub1 .item1 h3:after{ content:"\e615";font-size:18px}
.sub1 .item2 h3:after{ content:"\e617";font-size:20px}
.sub1 .item3 h3:after{ content:"\e616";font-size:24px; line-height:normal; height:16px;top:16px; overflow:hidden}
.sub1 .item4 h3:after{ content:"\e618";font-size:18px}
.sub1 .item5 h3:after{ content:"\e61e";font-size:19px}
.sub1 .item6 h3:after{ content:"\e64d";font-size:18px}
.sub1 .item7 h3:after{ content:"\e626";font-size:29px;left:26px}
.sub1 .sub1-item h3 a{ width:100%; line-height:48px; display:block; padding-left:87px; box-sizing:border-box; position:relative}
.sub1 .sub1-item h3 a:before{ width:auto; height:100%; position:absolute;left:90%;top:0px; font-family:"iconfont"; color:#cdcdcd;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content:"\e635"; font-size:13px}
.sub1 .item1.open h3:after,.sub1 .item2.open h3:after,.sub1 .item3.open h3:after,.sub1 .item4.open h3:after,.sub1 .item5.open h3:after,.sub1 .item6.open h3:after,.sub1 .item7.open h3:after{ color:#b70031}
.sub1 .sub1-item.open{ background:#f3f2ef}
.sub1 .sub1-item.open h3 a{ color:#b70031;}
.sub1 .sub1-item.open h3 a:before{color:#b70031;}
.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;font-size:14px; padding:10px 20px;box-sizing:border-box;transition:all 0.4s ease; line-height:22px}
.sub2-item:hover{ background:#fafafa}
.sub2-item a{ color:#333;transition:all 0.4s ease;}
.sub2-item a:hover{ color:#b70031; }
.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:57px; 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; position:relative}
.sub3-item:before{width:auto; height:100%; position:absolute;left:30px;top:0px; font-family:"iconfont"; color:#cdcdcd;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; line-height:48px}
.sub3-item:nth-child(1){margin-top:40px}
.sub3-item:nth-child(1):before{content:"\e61b"; font-size:14px}
.sub3-item:nth-child(2):before{content:"\e61a"; font-size:19px}
.sub3-item:nth-child(3):before{content:"\e620"; font-size:16px}

.sub3-item:nth-child(4):before{content:"\e61d"; font-size:20px}
.sub3-item:nth-child(5):before{content:"\e62b"; font-size:17px}
.sub3-item:nth-child(6):before{content:"\e622"; font-size:19px}
.sub3-item:nth-child(7):before{content:"\e64f"; font-size:19px}
.sub3-item:nth-child(8):before{content:"\e629"; font-size:17px}
.sub3-item:nth-child(9):before{content:"\e627"; font-size:19px}
.sub3-item:nth-child(10):before{content:"\e621"; font-size:20px}
.sub3-item:nth-child(11):before{content:"\e633"; font-size:20px}
.sub3-item:nth-child(12):before{content:"\e64f"; font-size:19px}
.sub3-item:nth-child(13):before{content:"\e623"; font-size:19px}
.sub3-item:nth-child(14):before{content:"\e625"; font-size:21px}



.sub3-item:nth-child(17):before{content:"\e628"; font-size:20px}

.sub3-item:nth-child(16):before{content:"\e61b"; font-size:14px}



.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-item:nth-child(1) a{color:#333 !important}*/
.sub3-item:nth-child(1) a:hover{color:#b70031 !important}
.sub3 .sub3-item.open a{ color:#b70031}
.sub3 .sub3-item.open:before{ color:#b70031}
.sub3 .sub3-item:nth-child(1).open:before,.sub3 .sub3-item:nth-child(2).open:before,.sub3 .sub3-item:nth-child(3).open:before,.sub3 .sub3-item:nth-child(4).open:before,.sub3 .sub3-item:nth-child(5).open:before,.sub3 .sub3-item:nth-child(6).open:before,.sub3 .sub3-item:nth-child(7).open:before,.sub3 .sub3-item:nth-child(8).open:before,.sub3 .sub3-item:nth-child(9).open:before,.sub3 .sub3-item:nth-child(10).open:before,.sub3 .sub3-item:nth-child(11).open:before,.sub3 .sub3-item:nth-child(12).open:before,.sub3 .sub3-item:nth-child(13).open:before,.sub3 .sub3-item:nth-child(14).open:before,.sub3 .sub3-item:nth-child(15).open:before{color:#b70031}

.nav ul .li2.active .nav2{background:#b70031}
.sub4{ width:100%; position:absolute;left:0px;bottom:57px; 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; position:relative}
.sub4-item:before{width:auto; height:100%; position:absolute;left:30px;top:0px; font-family:"iconfont"; color:#cdcdcd;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; line-height:48px;font-size:18px}
.sub4-item:nth-child(1){ margin-top:48px;}
.sub4-item:nth-child(1):before{ content:"\e62a"; }
.sub4-item:nth-child(2):before{content:"\e62f"; }
.sub4-item:nth-child(3):before{content:"\e62c"; }
.sub4-item:nth-child(4):before{content:"\e631"; }
.sub4-item:nth-child(5):before{content:"\e630"; }
.sub4-item:nth-child(6):before{content:"\e62e"; }
.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:before,.sub4 .sub4-item:nth-child(2).open:before,.sub4 .sub4-item:nth-child(3).open:before,.sub4 .sub4-item:nth-child(4).open:before,.sub4 .sub4-item:nth-child(5).open:before,.sub4 .sub4-item:nth-child(6).open:before{color:#b70031}

.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:57px; line-height:57px;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:57px;}
.nav-top ul .li1.active .nav1 a{ line-height:57px}
.nav-top .sub1{bottom:auto;top:57px}
.nav-top .sub3{bottom:auto;top:57px}
.nav-top .sub4{bottom:auto;top:57px}
.sub3-item:nth-child(1) i{ font-style:normal; color:#333; margin-left:64px}
.mCSB_inside > .mCSB_container{ margin-right:0px}
.sub3-content .mCSB_scrollTools{top:50px}
/*氓鈥犫�γ┞÷得ヂ济ㄋ喡�*/
.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:left; 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; height:30px; 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;}
.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;}
.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-bg{ display:none}
.headn-sj{ display:none}
/*search*/
.search-drop{ width:100%; height:100%; position:fixed;left:0px;top:0px; z-index:4555678; 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); cursor:pointer;transition:all 0.4s ease; }
.search-close:before{width:100%; height:100%; line-height:60px; 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:"\e647";font-size:22px; z-index:11}
.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; padding-bottom:0px; position:relative;}
.search-txt{ float:left; width:80%; line-height:60px; height:60px; color:#fff; font-size:26px; background:none; border:none; padding:0px; position:relative; z-index:12}
.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; padding:0px; cursor:pointer; background:none; position:relative; z-index:12}
.search-content form:before{width:80px; height:100%; line-height:60px; text-align:center; position:absolute;right:0px;top:0px; font-family:"iconfont"; color:#fff;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content:"\e614";font-size:26px; z-index:11 }
.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}
.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; line-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:before{width:100%; height:100%; text-align:center; position:absolute;left:0px;top:0px; font-family:"iconfont"; color:#9f9e9e;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
/*.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:before{ content:"\e649"; font-size:34px}
.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:before{ content:"\e645"; font-size:23px}
.footer-right ul .r5:before{ content:"\e648"; font-size:19px}
.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:before{ content:"\e63e"; font-size:22px}
.footer-right ul .r9:before{ content:"\e639"; font-size:17px}
.footer-right ul .r10:before{ content:"\e637"; font-size:22px}
.footer-right ul .r11:before{ content:"\e636"; font-size:26px}
.footer-right ul .r12:before{ content:"\e646"; font-size:20px}
.footer-right ul .r13{background-image:url(../images/icon-2021-3.png)}
.footer-right ul .r14:before{ content:"\e634"; font-size:20px}
.footer-right ul .r15:before{ content:"\e648"; font-size:19px}
.footer-right ul .r16:before{ content:"\e638"; font-size:22px}
.footer-right ul .r17:before{ content:"\e63a"; font-size:19px}
.footer-right ul .r18:before{ content:"\e63d"; font-size:22px}
.footer-right ul .r19:before{ content:"\e63b"; font-size:22px}
.footer-right ul .r20:before{ content:"\e63c"; font-size:20px}

.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:before,.footer-right .r4.active:before,.footer-right .r5.active:before,.footer-right .r8.active:before,.footer-right .r9.active:before,.footer-right .r10.active:before,.footer-right .r11.active:before,.footer-right .r12.active:before,.footer-right .r14.active:before,.footer-right .r15.active:before,.footer-right .r16.active:before,.footer-right .r17.active:before,.footer-right .r18.active:before,.footer-right .r19.active:before,.footer-right .r20.active:before{ color:#fff}
.footer-right .r1.active{ background:#a31f34 }
.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}
.footer-right .r5.active{ background:#3abc00 }
.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 }
.footer-right .r9.active{ background:#dc7092 }
.footer-right .r10.active{ background:#1b0b1b }
.footer-right .r11.active{ background:#f54600 }
.footer-right .r12.active{ background:#e9490b }
.footer-right .r13.active{ background:#ce0000 url(../images/icon-2021-3-1.png) no-repeat center}
.footer-right .r14.active{ background:#df1108}
.footer-right .r15.active{ background:#3abc00}
.footer-right .r5.active span{ color:#fff}
.footer-right .r16.active{ background:#405a9b}
.footer-right .r17.active{ background:#41a2f8}
.footer-right .r18.active{ background:#ff0039}
.footer-right .r19.active{ background:#297cb8}
.footer-right .r20.active{ background:#c12d26 }

.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;position:relative}
.footer-2 ul li{ float:left; width:auto; overflow:hidden; line-height:60px; font-size:16px; color:#666; margin-right:50px; padding-left:37px;position:relative}
.footer-2 ul li:before{width:100%; height:100%; position:absolute;left:0px;top:0px; font-family:"iconfont"; color:rgba(255,255,255,0.1);font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content:"\e62d";font-size:22px;}
.footer-2 ul li:nth-child(3){ padding-left:40px}
.footer-2 ul li:nth-child(3):before{width:100%; height:100%; position:absolute;left:0px;top:0px; font-family:"iconfont"; color:rgba(255,255,255,0.1);font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content:"\e632";font-size:23px;}
.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}
.sub3-item{ font-size:14px}
#indexlen .lang{
    top: 48px !important;
}
/*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 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){
/*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 .sub1-item h3 a::before{left:86%}
.sub1 .item1{ margin-top:36px; }
.sub1 .item1 h3,.sub1 .item2 h3,.sub1 .item3 h3,.sub1 .item4 h3,.sub1 .item5 h3,.sub1 .item6 h3{background-position:25px center}
.sub1 .item7 h3{background-position:22px center}
.sub1 .sub1-item h3 a{padding-left:70px;}
.sub2-content{height:412px; padding-top:30px; }
.sub3{bottom:57px; }
.sub3-item:before{left:15px;}

.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}
#indexlen .lang{top: 98px !important;}
.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;}

/*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{ height:62px}
.footer-jz p samp:before{ font-size:62px} 
.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-2 ul li:nth-child(3)::before{ font-size:20px}
.footer-2 ul li:last-child(3) {padding-left: 35px;}
.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;}
.footer-right ul li{ line-height:50px}

/*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}
#indexlen .lang{
    top: 33px !important;
}
.logo img{ width:22%}
.header-wz{padding-bottom: 22vh;}
.header-wz img{ width:23%}
.sub3-content{ padding-bottom:10px}
.nav{top:89vh}
.nav ul li span{ height:40px}
.nav ul li span a{ font-size:14px;}
.nav ul li .nav1{height:40px; }
.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:40px;}
.nav ul li .nav1 a{ line-height:40px}
.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:40px; }
.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{  padding:5px 20px;font-size:12px}

.sub3{bottom:40px; }

.sub3-item{height:32px; font-size:12px;}
.sub3-item:nth-child(1){ margin-top:20px;}
.sub3-item a{ line-height:36px; padding-left:45px;}
.sub3-item:nth-child(1) i {margin-left: 46px;}
.sub4{bottom:40px;  }
.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:40px}
.nav-top .sub3{top:40px}
.nav-top .sub4{top:40px}
.nav-top ul li .nav1{margin-top:0px; height:40px}
.nav-top ul li .nav1 a{ line-height:40px}
/*氓鈥犫�γ┞÷得ヂ济ㄋ喡�*/
.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}

.sub1 .sub1-item h3::after{ line-height:36px}
.sub3-item::before{ line-height:36px}
.sub4-item:before{line-height:36px;}
.sub1 .item3 h3::after {height: 23px;top: 5px;}
}

@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){
.kong{ height:70px}
/*menu1*/ 
#indexlen{display:none;}
.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.rota h3:before{ 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{ position: relative; height:auto}
.video{ width:100%; height:auto}
.video video{ min-width:auto;min-height:auto; width:100%; height:auto;position:relative;left:0px;top:0px;transform:translate(0px,0px)}


/*header*/
.nav{ width:80%; position:fixed;left:-100%;top:0px; height:100%; transition:all 0.3s ease;}
.nav ul{ height:100%; padding:30px 20px;background:#b70031; width:100%; 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{ background-position:50px center}
.sub1 .item7 h3{ background-position:47px center}
.sub1 .sub1-item h3 a{line-height:48px;  padding-left:87px; color:#fff}

.sub2{ position:relative;left:0%; margin-left:0px; display:none}
.item7 .sub2-item:last-child{
    border:0;
}
.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;color: #ddd !important;}
.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:80px}

.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:45px 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 !important;  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-2 span{float:none;margin-top:0px;font-size:12px;position:absolute;right:0px;top:8px}
.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:40px}
/*.sub3-item:nth-child(1){ color:#fff;padding-left:40px !important;}*/

.nav ul li span a::before{left:25px}
.sub1 .sub1-item h3 a::before{ content:""}
.sub1 .sub1-item h3:before{ width:15%; height:100%; position:absolute;right:0%;top:0px; font-family:"iconfont"; color:#cdcdcd;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content:"\e635"; font-size:13px; transition:all 0.4s ease; line-height:48px; text-align:center;z-index:22}
.sub1 .sub1-item h3::after {line-height: 48px;left:48px}
.sub1 .item7 h3::after {left: 43px;}
.sub1 .item3 h3::after {height: 28px;top: 7px;}
.footer-2 ul li::before{ font-size:17px}
.footer-2 ul li:last-child::before {font-size: 15px;}
}


@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; }
.video{ width:100%; height:100%}
.header-wz{padding-bottom:0px}
.header-fixed{ position:fixed;left:0px;top:0px; z-index:553456; 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%; }
.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; padding-bottom:0px}
.search-txt{ line-height:40px; height:40px;font-size:14px;width:75%;}
.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;}

.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{ background-position:0px center; padding-left:35px}
.sub1 .item1 h3, .sub1 .item2 h3, .sub1 .item3 h3, .sub1 .item4 h3, .sub1 .item5 h3, .sub1 .item6 h3{background-position: 20px center;}
.sub1 .item7 h3{background-position:17px center;}
.sub1 .sub1-item h3 a { padding-left: 54px;}
.sub2-item{ height:auto; line-height:22px !important; padding:8px 16px 8px 54px}
.sub2-item a{ padding-left:0px !important;}

/*.sub3-item:nth-child(1) { padding-left: 39px !important;}*/
.sub3-item a { padding-left: 50px;}
.sub3-item:nth-child(1) i { margin-left: 10px;}
.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) { background-position: 31px center;}
.sub4-item a {padding-left: 63px;}
.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) {
 background-position: 24px center;}
 
.nav ul li span a::before {left: 0px;font-size: 10px;} 
.sub1 .sub1-item h3::after {left: 16px;}
.sub1 .item7 h3::after {left: 10px;}
 

}

::-webkit-media-controls{
    display:none !important;
}
video::-webkit-media-controls{
    display:none !important;
}
video::-webkit-media-controls-enclosure{
    display:none !important;
}