@charset "UTF-8";
body {font-family: "microsoft yahei", "Arial", "sans-serif", "microsoft yahei"; font-size: 18px; line-height: 1.42857143;color: #333;background-color: #fff;}
blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
a {background-color: transparent;text-decoration: none;color: #666;}
a:active,a:hover {outline: 0;}b,strong {font-weight: bold;}
img {border: 0;vertical-align: middle;}
button,input,optgroup,select,textarea {color: inherit;font-family: inherit;font-size: inherit;line-height: inherit;background: none;border: none;}
button {overflow: visible;/* -webkit-appearance: none; *//* -moz-appearance: none;-o-appearance: none;appearance: none; */}
button,select {text-transform: none;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}
input {line-height: normal;/* -webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none; */}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
legend {padding: 0;border: 0;}
textarea {overflow: auto;}optgroup {font-weight: bold;}table {border-spacing: 0;border-collapse: collapse;}
td,th {padding: 0;}* {margin: 0;padding: 0;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul {list-style: none; margin-bottom: 0px;}
h1,h2,h3,h4,h5,h6 {font-family: inherit;font-weight: 400;line-height: 1.1;color: inherit; font-size: 100%;}
p,a {word-break: break-all;}
.section {width: 100%;overflow: hidden;}
.pull-right {float: right;}
.scrollbar {overflow-y: auto;}
.scrollbar::-webkit-scrollbar {width: 3px;background-color: #dcdbdb;}
.scrollbar::-webkit-scrollbar-thumb {background-color: #f28816;border-radius: 10px;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
i{font-style: normal;}em {font-style: normal;}/* 动画 */
.landIn {/* display: flex; justify-content: left; flex-wrap: wrap;*/}
.kongs {animation: landIn 0.8s ease-out both;}
@keyframes landIn {from {opacity: 0;transform: translateY(50%);}to {opacity: 1;transform: translateY(0);}}
@-webkit-keyframes landIn {from {opacity: 0;transform: translateY(50%);}to {opacity: 1;transform: translateY(0);}}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}textarea {-webkit-appearance: none;} 
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.gray{ background:#fafafa;}
.imgHover {overflow:hidden; }
.imgHover img{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.imgHover .title{-moz-transform: translateY(180%);-ms-transform: translateY(180%);-webkit-transform: translateY(180%);transform: translateY(180%);-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);opacity:1;}
.imgHover .m_detail{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);color: #fff;line-height: 1.5;width: 100%;opacity:0;}
.imgHover:hover .title,.imgHover:hover .m_detail{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);opacity:1;}
@media (max-width:426px) {
.imgHover .title{-moz-transform: translateY(280%);-ms-transform: translateY(280%);-webkit-transform: translateY(280%);transform: translateY(280%);}
.imgHover:hover .title,.imgHover:hover .m_detail{-moz-transform: translateY(0%);-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);}}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-51{padding-bottom: 51%;}
.rect-513{padding-bottom: 51.3%;}
.rect-52{padding-bottom: 52%;}
.rect-53{padding-bottom: 53%;}
.rect-54{padding-bottom: 54%;}
.rect-55{padding-bottom: 55%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.rect-130{padding-bottom: 130%;}
.rect-133{padding-bottom: 133%;}
.rect-134{padding-bottom: 134%;}
.rect-135{padding-bottom: 135%;}
.rect-140{padding-bottom: 140%;}
.rect-150{padding-bottom: 150%;}
.red, .red a, a.red{color:red;}

/* 对齐方式 start */
.flex {display: flex;}
.flex-self-start {align-self: flex-start;}
.flex-self-end {align-self: flex-end;}
.flex-self-center {align-self: center;}
.flex-content-start {align-content: flex-start;}
.flex-content-end {align-content: flex-end;}
.flex-content-center {align-content: center;}
.flex-content-between {align-content: space-between;}
.flex-content-around {align-content: space-around;}
.flex-row-start {align-items: flex-start;}
.flex-row-end {align-items: flex-end;}
.flex-row-center {align-items: center;}
.flex-col-start {justify-content: flex-start;}
.flex-col-end {justify-content: flex-end;}
.flex-col-center {justify-content: center;}
.flex-col-between {justify-content: space-between;}
.flex-col-around {justify-content: space-around;}
.flex-center {align-items: center;justify-content: center;}
.flex-start-start {align-items: flex-start;justify-content: flex-start;}
.flex-start-center {align-items: flex-start;justify-content: center;}
.flex-start-end {align-items: flex-start;justify-content: flex-end;}
.flex-start-between {align-items: flex-start;justify-content: space-between;}
.flex-start-around {align-items: flex-start;justify-content: space-around;}
.flex-center-start {align-items: center;justify-content: flex-start;}
.flex-center-center {align-items: center;justify-content: center;}
.flex-center-end {align-items: center;justify-content: flex-end;}
.flex-center-between {align-items: center;justify-content: space-between;}
.flex-center-around {align-items: center;justify-content: space-around;}
.flex-end-start {align-items: flex-end;justify-content: flex-start;}
.flex-end-center {align-items: flex-end;justify-content: center;}
.flex-end-end {align-items: flex-end;justify-content: flex-end;}
.flex-end-between {align-items: flex-end;justify-content: space-between;}
.flex-end-around {align-items: flex-end;justify-content: space-around;}
.flex-around-start {align-content: space-around;justify-content: flex-start;}
.flex-around-center {align-content: space-around;justify-content: center;}
.flex-around-end {align-content: space-around;justify-content: flex-end;}
.flex-around-between {align-content: space-around;justify-content: space-between;}
.flex-around-around {align-content: space-around;justify-content: space-around;}
.flex-between-start {align-content: space-between;justify-content: flex-start;}
.flex-between-center {align-content: space-between;justify-content: center;}
.flex-between-end {align-content: space-between;justify-content: flex-end;}
.flex-between-between {align-content: space-between;justify-content: space-between;}
.flex-between-around {align-content: space-between;justify-content: space-around;}
/* flex start */
.flex-column {flex-direction: column;}
.flex-column-reverse {flex-direction: column-reverse;}
.flex-row {flex-direction: row;}
.flex-row-reverse {flex-direction: row-reverse;}
.flex-wrap {flex-wrap: wrap;}
.flex-wrap-no {flex-wrap: nowrap;}
.flex-center {display: flex;align-items: center;justify-content: center;}

.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix{clear: both;}
.clearfix:after{clear: both;height: 0;content: "";line-height: 0;font-size: 0;display: block;}									
.clear{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden;position: relative;}
.clear.a{top: -54px;display:block;height: 1px;width: 100%;position: relative;}
.el {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.bg_yellow{ background: #f28816;}
.bg_blue{ background: #386cae;}
.pr{ position:relative}.pa{ position:absolute}
.fl{float:left;}
.fr{float:right;}
.lf {float: left}

.tl { text-align: left;}
.tc { text-align: center;}
.tr { text-align: right;}
.f54{ font-size: 54px;} 
.f50{ font-size: 50px;} 
.f24{ font-size: 24px;} 
.f20{ font-size: 20px;} 
.f18{ font-size: 18px;} 
.f16{ font-size: 16px;} 
@media (max-width: 1600px) {
.f54{ font-size: 50px;} 
.f50{ font-size: 46px;} }
@media (max-width: 1440px) {
.f54{ font-size: 46px;} 
.f50{ font-size: 42px;} }
@media (max-width: 1366px) {
.f54{ font-size: 42px;} 
.f50{ font-size: 38px;} }
@media (max-width: 1280px) {
.f54{ font-size: 38px;} 
.f50{ font-size: 34px;} }  
@media (max-width: 1024px) {
.f54{ font-size: 34px;} 
.f50{ font-size: 30px;} }   
@media (max-width: 992px) {
.f54{ font-size: 32px;} 
.f50{ font-size: 28px;} }   
@media (max-width: 768px) {
.f54{ font-size: 30px;} 
.f50{ font-size: 24px;} 
.f20{ font-size: 18px;} 
.f18{ font-size: 16px;} }   
@media (max-width: 468px) {
.f54{ font-size: 26px;} 
.f50{ font-size: 20px;} } 
/*通用page*/
.pages{text-align:center; margin-top: 30px; margin-bottom: 30px; }
.pages ul{display:inline-block}
.pages ul span,.pages ul a{float:left;margin:0 5px;width:52px;height:52px;line-height:52px;text-align:center;color:#777;border:1px solid #dcdcdc;border-radius:50%;background-color:#fff}
.pages ul a:hover,.pages ul  a.on{background-color:#dd590a;border:1px solid #dd590a;color:#fff}
.pages ul .next,.pages ul .prev{font-weight:700; font-size:20px;margin:0 10px}
.pages ul a.first,.pages ul a.last{font-weight:700; font-size:12px;width:70px;border-radius:41%;color:#777;height:52px;line-height:52px}
.pages .a1{ background:#fff url(../images/page_l.png) no-repeat center; }
.pages .a2{ background:#fff url(../images/page_r.png) no-repeat center; }
.pages .a1:hover{ background:#dd590a url(../images/page_l_h.png) no-repeat center; }
.pages .a2:hover{ background:#dd590a url(../images/page_r_h.png) no-repeat center; }
@media (max-width: 768px) {
.pages ul span,.pages ul a{ width:42px;height:42px;line-height:42px; }
.pages ul a.first,.pages ul a.last{  width:60px; height:42px;line-height:42px;}}
[flex] { display: flex; }
[flex][flex~="i"] { display: inline-flex; }
[flex][flex~="wrap"] { flex-wrap: wrap; }
[flex][flex~="no-wrap"] { flex-wrap: nowrap; }
[flex][flex~="ja"] { justify-content: space-around; }
[flex][flex~="jb"] { justify-content: space-between; }
[flex][flex~="js"] { justify-content: start; }
[flex][flex~="jfs"] { justify-content: flex-start; }
[flex][flex~="jc"] { justify-content: center; }
[flex][flex~="je"] { justify-content: end; }
[flex][flex~="jfe"] { justify-content: flex-end; }
[flex][flex~="ais"] { align-items: flex-start; }
[flex][flex~="aic"] { align-items: center; }
[flex][flex~="acc"] { align-content: center; }
[flex][flex~="aie"] { align-items: flex-end; }

@keyframes dot_scale {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
        border-width: 1px;}

    50% {
        opacity: 1;
        border-width: 1px;}

    100% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0;
        border-width: 1px;
        border-radius: 12px;}}
.cf {zoom: 1;}
.cf:after {content: ".";display: block;clear: both;font-size: 0;height: 0;visibility: hidden;overflow: hidden;}
.page-section{ padding:90px 0;}
.page_title { line-height: 1; margin-bottom: 20px;}
.page_title h3 {line-height: 70px; font-size: 44px; font-weight: normal; color: #333; }
.page_title .desc{ font-size: 24px; color: #666; font-weight: normal; margin-bottom: 10px; }
.pc{ display: block;}
.mob{ display: none;}
@media (max-width:1750px) {
.page_title h3 {line-height: 70px; font-size: 40px;}}
@media all and (max-width: 1540px) {
.page_title h3 {line-height: 60px; font-size: 36px;}
.page_title .desc{ font-size: 22px;}}
@media(max-width:1440px){
.page_title h3 { line-height: 50px; font-size:34px; }
.page_title .desc{ font-size: 20px;}}
@media (max-width:1366px) {
.page-section{ padding:60px 0;}
.page_title h3 { line-height: 45px; font-size: 32px; }}
@media (max-width:1280px) {
.page_title h3 { line-height: 42px; font-size:28px; }
.page_title .desc{ font-size: 18px;}}
@media (max-width:1200px) {
.page_title h3 {line-height: 36px; font-size: 26px;}
.page_title .desc{ line-height: 35px; margin-bottom: 0px;}}
@media (max-width:1024px) {
.page-section{ padding:50px 0;}
.page_title h3 {line-height: 36px; font-size: 24px;}
.pc{ display: none;}
.mob{ display: block;}}
@media (max-width:992px) {
body { font-size: 16px;}
.page-section{ padding:40px 0;}
}
@media (max-width:768px) {
.page_title h3 { font-size: 22px; line-height: 34px; } 
.page_title .desc{line-height: 30px;}}

.Top002070{width:100%;z-index:100;position: fixed;left: 0;top:0;z-index: 100;box-shadow: 0 0 50px rgba(0,60,60,0.08);}
.Top002070 .header-left{position:absolute; top:12px; left:9%; }
.Top002070 .header-left img.logo2{ display: none }
.Top002070 .header-right{  position:absolute; top:0;right:10%;margin-top:18px;z-index: 50 }
.Top002070 .header-right dd{position:relative; float:left;}
.Top002070 .header-right dd >a{ display:block;height:50px; line-height:50px;}
.Top002070.show {top:0;box-shadow: 0 5px 8px rgba(0,0,0,.2);width:100%;left: 0; border-bottom: 1px solid #e5e5e5;}
.Top002070.show:after{  content: ""; display: block; position: absolute; right: 4.3%; }
.Top002070 .header-mid{ float: left; margin-left:26%; border-right: 1px solid rgba(255,255,255,0.12); }

.Top002070 .header-menu li{ width: auto !important; margin: 0 30px;}
.Top002070 .header-menu li em a{ padding:26px 0; font-size: 20px; position: relative; color: #222 }
.Top002070 .header-menu li.aon1 em a,
.Top002070 .header-menu li em a:hover{ color: #fff;  }
.Top002070 .header-menu li.aon1 em a:after,
.Top002070 .header-menu li em a:hover:after{ content: ""; display: block; position: absolute; left: 0; bottom: -1px; width: 100%; height:2px; background: #fff}
.Top002070 .header-menu li .sub-menu dt {padding:20px 35px 30px; }
.Top002070 .header-menu li .sub-menu dt a{  transition:0.3s; color: #222 ;}
.Top002070 .header-menu li .sub-menu dt a img{width:50px;display: block;text-align: center;margin:0 auto;}
.Top002070 .sub-menu-layer{ background:rgba(255,255,255);  border-top: 1px solid #e5e5e5;}
.Top002070 .header-menu li .sub-menu dl {  padding: 20px 0 5px }
.Top002070 .header-menu li .sub-menu dt { position: relative;}
.Top002070 .header-menu li .sub-menu dt a{ padding:0 5px; color:#333; line-height:45px;text-align: center;display: block; font-size: 16px;}
.Top002070 .header-menu li .sub-menu dt a:hover{ color:#cc0000;background: none}
.Top002070 .header-menu li .sub-menu dt a:hover img{transition: 0.5s;  transform: rotateY(360deg);}
.Top002070{/* border-bottom: 1px solid #fff; */background: #fff;}
.Top002070 li em a{ color: #666}
.Top002070 .header-menu li.aon1 em a,
.Top002070 .header-menu li em a:hover{ color: #cc0000 }
.Top002070 .header-menu li.aon1 em a:after,
.Top002070 .header-menu li em a:hover:after{background:#cc0000}
.Top002070 .header-left img.logo1{ display: none }
.Top002070 .header-left img.logo2{ display: block}
.header-menu li.aon em > a{ color:#cc0000;}
.header-menu li em{ display:block; font-style:normal; text-align:center;}
.header-menu li em a{ display:block;}
.header-menu li .sub dt{ line-height:40px;}
.header-menu li .sub dt a{display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0 10px;}
.header-menu li .sub dt a:hover{ background:#cc0000; color:#fff;}
.header-menu .sub-has-sub dl{display:none;}
.Top002070 .header-menu li.aon1 .sub-menu-layer{ display: block;}
.Top002070 .header-menu li .sub-menu-layer{ display: none;}
.Top002070 .h-language {/*display:inline-block;*/float: left;position: relative;margin-left: 28px; padding-left: 5px; line-height: 40px;color: #666; min-width: 200px; border: 1px solid #eeeeee; border-radius: 20px;}
.Top002070 .h-language::after{ position: absolute; right: 10px; top: 12px; width: 20px; height: 20px; content: ""; background: url(../images/2_1.png) no-repeat center;} 
.Top002070 .h-language .img1 {display: inline-block;}
.Top002070 .h-language .img2 {display: none;}
.Top002070 .h-language img{width: 30px; height: 30px;}
.Top002070 .h-language span {margin-left: 10px; min-width: 150px; font-size: 18px; color: #666;}
.Top002070 .h-language ul.sub-menu {text-align: left;position: absolute;z-index: 1;font-size: 16px;font-weight: 400; padding-top: 15px; padding-bottom: 15px; background: #fff; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;top: 153%;right: 0px;width:200px;-webkit-transform: rotate3d(1,0,0,-90deg);-moz-transform: rotate3d(1,0,0,-90deg);transform: rotate3d(1,0,0,-90deg);-webkit-transform-origin: 0 0 0;-moz-transform-origin: 0 0 0;-ms-transform-origin: 0 0 0;transform-origin: 0 0 0;opacity: 0;-webkit-transition: opacity .3s,-webkit-transform .5s;transition: opacity .3s,-webkit-transform .5s;-moz-transition: transform .5s,opacity .3s,-moz-transform .5s;transition: transform .5s,opacity .3s;transition: transform .5s,opacity .3s,-webkit-transform .5s,-moz-transform .5s;-webkit-box-shadow: 0px 8px 10px rgba(0,0,0,.2);box-shadow: 0px 8px 10px rgba(0,0,0,.2);display: none \9}
.Top002070 .h-language ul.sub-menu li {display: block;padding: 0 40px;line-height: 40px; text-transform: capitalize; position: relative;}
.Top002070 .h-language ul.sub-menu li:before{ position: absolute; left: 10px; top: 10px; width: 22px; height: 22px; content: ""; background: url(../images/earth.6507550.png) no-repeat center;background-size:cover; }  

.Top002070 .h-language ul.sub-menu li a {display: block;color: #666;}
.Top002070 .h-language ul.sub-menu li a img {vertical-align: middle;width: auto;height: 20px;margin-right: 6px}
.Top002070 .h-language ul.sub-menu li:hover {background: #f5f7fa}
.Top002070 .h-language ul.sub-menu li:hover a {color: #cc0000}
.Top002070 .h-language:hover ul.sub-menu {opacity: 1;-webkit-transform: rotate3d(0,0,0,0);-moz-transform: rotate3d(0,0,0,0);transform: rotate3d(0,0,0,0);display: block \9}
.Top002070 .h-language ul.sub-menu li:hover:before{ position: absolute; left: 10px; top: 10px; width: 22px; height: 22px; content: ""; background: url(../images/earth_select.d9ea6e8.png) no-repeat center;background-size:cover; } 

.Top002070:hover .h-language { border: 1px solid #cc0000; }
.Top002070:hover .h-language .img1 {display: none;}
.Top002070:hover .h-language .img2 {display: inline-block;}
@media(min-width:1025px){
#header-menu{ display:none;}
.relative{ position:relative; z-index:100;}
.header-menu li{ float:left; }
.header-menu li .sub{position:absolute;  /*top:-400%;*/}
.header-menu li .sub{ opacity:0;overflow:hidden; }
.header-menu li.aon .sub{ opacity:1; }
.fullbground .sub-menu >dl,
.fullbground .sub-menu >dl dt{ float:left;}
.sub-menu-layer{ position:absolute; left:0; top:100%; width:100%;}
.sub-slideDown .sub-menu-layer{ display:none; /*transition:0.3s;*/}
}
@media (max-width:1880px) {
.Top002070 .header-left{ left:10%; }
}
@media (max-width:1840px) {
.Top002070 .header-left{ left:9.5%; }
.Top002070 .header-right{ right:9.5%; }
}
@media (max-width:1780px) {
.Top002070 .header-left{ left:8%; }
.Top002070 .header-right{ right:8%; }
}
@media (max-width:1700px) {
.Top002070 .header-mid{ margin-left:22%;}
}
@media(max-width:1600px){
.Top002070 .header-menu li{ margin: 0 24px;}
.Top002070 .header-mid{ margin-left:22%;}
}
@media(max-width:1580px){
.Top002070 .header-left{ left:7%; }
.Top002070 .header-right{ right:6%; }
}
@media(max-width:1540px){
.Top002070 .header-mid{ margin-left:20%;}
}
@media(max-width:1500px){
.Top002070 .header-left{ left:6.5%; }
.Top002070 .header-right{ right:6%; }
.Top002070 .header-mid{ margin-left:18%;}
.Top002070 .header-right{ margin-top:20px;}
.Top002070 .h-language { line-height: 36px;}
}
@media(max-width:1480px){
.Top002070 .header-menu li{ margin: 0 25px;}
} 
@media (max-width: 1440px) {
.Top002070 .header-left{ left:5%; }
.Top002070 .header-right{ right:5%; }
}
@media(max-width:1380px){
.Top002070 .header-mid{ margin-left:20%;}
.Top002070 .header-menu li{ margin: 0 20px;}
} 
 
@media(max-width:1320px){
.Top002070 .header-menu li{ margin: 0 15px;}

} 
@media(max-width:1250px){
.Top002070 .header-menu li{ margin: 0 12px;}
}
@media(max-width:1024px){
.Top002070 .header{ margin:0 2%; height:80px;}
.Top002070 .header-right{ z-index:101; right:1%;margin-top:-20px;top: 50%;}
.Top002070 .header-left img{height:50px;}
.Top002070 #header-menu li .sub dt a img{display: none}
.Top002070 .top-language{margin-right:8px;margin-top:4px;}
.Top002070 .top-language em{padding:0 13px 0 34px;background: url(../images/lang.png) no-repeat 13px center;background-size:14px;}
.Top002070 .Public_nav_style #open_menu{ position:relative; right:0; top:auto; margin-left:4px; border-radius:0; background:#fff; height:30px; width:33px; border:none; margin-top:4px;}
.Top002070 #open_menu i::before,
.Top002070 #open_menu i::after{ background:#cc0000 !important;}
.Top002070 #open_menu i{background:#b48a56; height:3px; margin-top:-1.5px;}
.Top002070 #header-menu ul{ padding:0; border-top:98px solid #fff; background:rgba(192, 162, 106, 0.9)}
.Top002070 #header-menu li{text-align:center;}
.Top002070 #header-menu li em a{ padding:5%;  font-weight:normal; line-height:normal;border-bottom:0;}
.Top002070 #header-menu li .sub dt{ margin-bottom:1px; background:rgba(0,0,0,0.3);}
.Top002070 .header-right dd >a{height:43px;line-height: 43px;width:43px;margin-right:0;}
.Top002070 .top-search{top:142%;}
.Top002070:after{width:112px;}
a{ transition: 0s}
}
@media(max-width:768px){
  .Top002070:after{width:92px;}
}
@media(max-width:640px){
 .Top002070 .header-left{max-width: 40%; top: 50%; transform: translateY(-50%);}
.Top002070 .header-left img{height:auto;}
}
@media(min-width:1025px){
#header-menu{ display:none;}
.relative{ position:relative; z-index:100;}
.header-menu li{ float:left; }
.header-menu li .sub{position:absolute; left: 0px; width: 100%;  /*top:-400%;*/}
.header-menu li .sub{ opacity:0;overflow:hidden; }
.header-menu li.aon .sub{ opacity:1; }
}
@media(max-width:1024px){
.header-menu{ display:none;}
.Public_nav_style #header-menu,
.Public_nav_style #header-menu ul{position:fixed;top:0;height:100%; z-index:100;right:-100%; opacity:0;transition:opacity 0.3s;}
.Public_nav_style #header-menu{ background-color:rgba(0,0,0,0.5); width:100%; }
.Public_nav_style #header-menu ul{   width:60%; max-width:280px; background:rgba(32, 151, 155, 0.9); height:100%; max-height:100%; overflow:auto;padding:50px 2% 0; transition:0.3s;}
.Public_nav_style #header-menu.header-menu-show,
.Public_nav_style #header-menu.header-menu-show ul{ right:0;opacity:1;}
#header-menu li .sub{ display:none;}
#header-menu li{ line-height:40px; }
#header-menu li em{ font-style:normal; display:block; font-size:16px;border-bottom:1px solid rgba(255,255,255,0.3);}
#header-menu li a{display:block;}
#header-menu li em a{ border-bottom:1px solid rgba(0,0,0,0.3); font-weight:bold; padding:0 10px;}
#header-menu li:last-child em,
#header-menu li:last-child em a{ border-bottom:0;}
#header-menu li a:hover,
#header-menu li a{ color:#fff;}
#header-menu li.has-sub em{ position:relative;}
#header-menu li.has-sub em::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; z-index:2; background-color:transparent;}
#header-menu li.has-sub em .op{position:absolute; width:15px; height:15px; right:3%; top:50%; margin-top:-6px;display:none; transition:0.3s;}
#header-menu li.has-sub.clickon em .op{ transform:rotate(45deg);}
#header-menu li.has-sub em .op::before,
#header-menu li.has-sub em .op::after{  position:absolute; content:'';  background:#fff;}
#header-menu li.has-sub em .op::before{width:100%; height:3px;left:0; top:6px;}
#header-menu li.has-sub em .op::after{ width:3px; left:6px; top:0; height:100%;}
.Public_nav_style #header-menu li.has-sub em::after{position:absolute; content:''; right:2%; border:6px solid transparent; border-top-color:#fff; top:50%; margin-top:-3px;}
.Public_nav_style #header-menu li.clickon em::after{border-bottom-color:#fff;border-top-color:transparent;margin-top:-9px;}
.Public_nav_style #header-menu li.clickon em a{ background:rgba(0,0,0,0.2);}
#header-menu li .sub-menu dt.has-dt{ position:relative;}
#header-menu li .sub-menu dt.has-dt::before{position:absolute; content:''; width:100%; height:100%; left:0; top:0; background-color:transparent;}
#header-menu li .sub-menu dt a{padding:0 10px; border-bottom:1px dashed rgba(0,0,0,0.5);display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  }
#header-menu li .sub-menu dt:last-child >　a{ border-bottom:0;}
#header-menu li .sub-has-sub{ position:relative;}
#header-menu li .sub-has-sub i{ position:absolute; left:0; top:0; height:40px; width:100%; background-color:transparent; z-index:2;}
.Public_nav_style #header-menu li .sub-has-sub i::before,
.Public_nav_style #header-menu li .sub-has-sub i::after{ position:absolute; content:''; top:50%; background:#fff;}
.Public_nav_style #header-menu li .sub-has-sub i::before{ width:10px; height:2px; margin-top:-1px; right:5px;}
.Public_nav_style #header-menu li .sub-has-sub i::after{ width:2px; height:10px; margin-top:-5px; right:9px;}
.Public_nav_style #header-menu li .clickon > i::after{ display:none;}
.Public_nav_style #header-menu li .clickon > a{ background-color:rgba(0,0,0,0.2);}

.Public_nav_style #open_menu{ position:absolute; right:2%; width:40px; height:40px; border:2px solid #20979b; border-radius:50%;  top:5px; z-index:200;}
#open_menu i,
#open_menu i::before,
#open_menu i::after{ position:absolute;}
.Public_nav_style #open_menu i,
.Public_nav_style #open_menu i::before,
.Public_nav_style #open_menu i::after{background:#20979b;}
#open_menu i{ top:50%;}
.Public_nav_style #open_menu i{ width:60%; left:20%;  margin-top:-1px; height:2px;}
#open_menu i::before,
#open_menu i::after{ left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
#open_menu i::before{ top:6px;}
#open_menu i::after{top:-6px;}

.Public_nav_style #open_menu.open_menu_on{ border-color:#fff;}
#open_menu.open_menu_on i{ background:none !important;}
.Public_nav_style #open_menu.open_menu_on i::before,
.Public_nav_style #open_menu.open_menu_on i::after{ background:#fff; margin-top:0;}
#open_menu.open_menu_on i::before,
#open_menu.open_menu_on i::after{  top:0 !important;}
#open_menu.open_menu_on i::before{ transform:rotate(45deg);}
#open_menu.open_menu_on i::after{ transform:rotate(-45deg);}
}
.sp_header{height:60px;overflow:hidden;background:#fff;position:fixed;z-index:9999999;width:100%; top: 0px; left: 0px; }
.sp_logo{padding:5px 10px 5px 20px;float:left;height:60px}
.sp_logo img{margin:auto;max-height:50px;}


.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:20px; margin-right:10px;}
.sp_nav span{display:block;background:#cc0000;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:999999;background:#eee;width:100%;height:100%;font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:60px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px);line-height:40px;}
.sjj_nav>ul>li .language{ overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li .language a{width:49%;float:left;border-left:1px #ddd solid;text-align:center;color:#999; }
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:35px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;padding-left:20px;position:relative;line-height:45px;font-size:16px}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#333;width:80%}
.sjj_nav ul li ul li a{color:#666;display:block;text-align:left; line-height: 40px;font-size:15px}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#cc0000}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li:last-child{border-bottom:1px #ddd solid; }


.mob-language { float: left;  margin-right: 80px;}
.sp_header .mob-language {position: absolute;top: 0;right: 45px;padding-top: 25px; }
.sp_header .mob-language .img1 {display: none;}
.sp_header .mob-language .img2 {display: block;}
.sp_header .mob-language img{width: 30px; height: 30px;}
.sp_header .mob-language {padding-top: 10px;}
 
.sp_header .mob-language {/*display:inline-block;*/float: left;position: relative;margin-left: 28px; padding-left: 5px; line-height: 40px;color: #666; min-width: 200px; border: 1px solid #eeeeee; border-radius: 20px;}
.sp_header .mob-language::after{ position: absolute; right: 10px; top: 12px; width: 20px; height: 20px; content: ""; background: url(../images/2_1.png) no-repeat center;} 
.sp_header .mob-language .img1 {display: inline-block;}
.sp_header .mob-language .img2 {display: none;}
.sp_header .mob-language img{width: 30px; height: 30px;}
.sp_header .mob-language span {margin-left: 10px; min-width: 150px; font-size: 18px; color: #666;}
.sp_header .mob-language ul.sub-menu {text-align: left;position: absolute;z-index: 1;font-size: 16px;font-weight: 400; padding-top: 15px; padding-bottom: 15px; background: #fff; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;top: 153%;right: 0px;width:200px;-webkit-transform: rotate3d(1,0,0,-90deg);-moz-transform: rotate3d(1,0,0,-90deg);transform: rotate3d(1,0,0,-90deg);-webkit-transform-origin: 0 0 0;-moz-transform-origin: 0 0 0;-ms-transform-origin: 0 0 0;transform-origin: 0 0 0;opacity: 0;-webkit-transition: opacity .3s,-webkit-transform .5s;transition: opacity .3s,-webkit-transform .5s;-moz-transition: transform .5s,opacity .3s,-moz-transform .5s;transition: transform .5s,opacity .3s;transition: transform .5s,opacity .3s,-webkit-transform .5s,-moz-transform .5s;-webkit-box-shadow: 0px 8px 10px rgba(0,0,0,.2);box-shadow: 0px 8px 10px rgba(0,0,0,.2);display: none \9}
.sp_header .mob-language ul.sub-menu li {display: block;padding: 0 40px;line-height: 40px; text-transform: capitalize; position: relative;}
.sp_header .mob-language ul.sub-menu li:before{ position: absolute; left: 10px; top: 10px; width: 22px; height: 22px; content: ""; background: url(../images/earth.6507550.png) no-repeat center;background-size:cover; }  
.sp_header .mob-language ul.sub-menu li a {display: block;color: #666;}
.sp_header .mob-language ul.sub-menu li a img {vertical-align: middle;width: auto;height: 20px;margin-right: 6px}
.sp_header .mob-language ul.sub-menu li:hover {background: #f5f7fa}
.sp_header .mob-language ul.sub-menu li:hover a {color: #cc0000}
.sp_header .mob-language:hover ul.sub-menu {opacity: 1;-webkit-transform: rotate3d(0,0,0,0);-moz-transform: rotate3d(0,0,0,0);transform: rotate3d(0,0,0,0);display: block \9}
.sp_header .mob-language ul.sub-menu li:hover:before{ position: absolute; left: 10px; top: 10px; width: 22px; height: 22px; content: ""; background: url(../images/earth_select.d9ea6e8.png) no-repeat center;background-size:cover; } 
.sp_header:hover .mob-language { border: 1px solid #cc0000; }
.sp_header:hover .mob-language .img1 {display: none;}
.sp_header:hover .mob-language .img2 {display: inline-block;}

.sjj_nav .language {text-align: center;margin-top:10px;margin-bottom: 30px;font-size: 0;}
.sjj_nav .language a {position: relative;font-size: 14px;color: #666;line-height: 30px;padding-right: 15px;margin-right: 15px;}
.sjj_nav .language a:last-child {padding-right: 0;margin-right: 0;}
.sjj_nav .language a:last-child:after {display: none;}
.sjj_nav .language a:after {content: "";display: inline-block;position: absolute;right: 0;top: 50%;z-index: 10;width: 1px;height: 12px;background: #ccc;margin-top: -6px;}
@media (max-width:425px){
.sp_logo{padding:5px 10px 5px 10px; }
.sp_nav{ margin-right: 0px;}
}


.footer { background:#242534; }
.footer .logo h1 {font-size: 0;}
.footer-wrap { /* position: relative; */}
.footer-center {float: right; width: 70%; }
.footer-center  dl{ float: left; width:21%; text-align: left; }
.footer-center  dl:last-child{width:16%; margin-right: 0px; }
.footer-center  dl dt{ font-size: 22px; line-height:1.5; margin-bottom:35px; padding-bottom: 20px; }
.footer-center  dl dd{ font-size: 18px; line-height:1.5; margin-bottom:10%; }
.footer-center  dl dt a{color: rgba(255,255,255,0.95); }
.footer-center  dl dd a{color: rgba(255,255,255,0.45);}
.footer-center  dl dd a:hover{color:#cc0000;}
.footer-right {float: left;width: 30%; padding-right: 2%; color: #fff; }
.footer-right .footer-info .f_logo{ margin-bottom: 34px; }
.footer-right .foot_r .item{  margin-bottom:12px; font-size:18px; color: rgba(255,255,255, 0.95);line-height:1.8; }
.footer-right .foot_r .item a{ font-size:18px; color: rgba(255,255,255, 0.95); line-height:22px; font-weight:normal; }
.footer-right .foot_r .item strong{ font-size: 26px;}
.footer-right .foot_mid{ clear: both; padding-top: 30px; width: 100%; }
.footer .f_social { padding: 0; height: 30px;}
.solution_info_share .f_social { padding: 0; text-align:right; height: 30px;}
.solution_info_share .f_social a{ float:left; color:#777; }
.footer .f_social .share-icon {width:53px; height:53px; border-radius:50%; line-height:53px; text-align:center; margin-right:10px; float:left;}
.solution_info_share .f_social {height:30px; border-radius:50%; line-height:30px; text-align:center; margin-right:10px; }
.footer .f_social i img{ max-width: 100%;}
.footer .f_social .fa,.solution_info_share .f_social .fa{text-align:center; font-size: 18px; color:#444;}
.footer .f_social .fa:before,.solution_info_share .f_social .fa:before{position: static;}
.footer .f_social ul .weixin,.solution_info_share .f_social ul .weixin {position: relative;}
.footer .f_social .wechat,.solution_info_share .f_social .wechat { position: relative;}
.footer .f_social .wechat:hover .vx,.solution_info_share .f_social .wechat:hover .vx { display: block;}
.footer .f_social .wechat .vx::after,.solution_info_share .f_social .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -8px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent}
.footer .f_social .wechat .vx,.solution_info_share .f_social .wechat .vx { position: absolute; top: -195px; width: 150px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -45px; display: none;}
.footer .f_social .wechat .vx h4,.solution_info_share .f_social .wechat .vx h4 { font-weight: normal; height: 30px; line-height: 30px; width: 100%; font-size: 13px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.footer .f_social .wechat .vx .help p,.solution_info_share .f_social .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 13px; color: #333;}
.footer .f_social .wechat .vx .vx-img img,.solution_info_share .f_social .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
@-moz-keyframes fangda2 {0% {background-size: 92%;transform: scale(1.05);}
100% {background-size: 100%;}}
@-webkit-keyframes fangda2 {0% {background-size: 92%;transform: scale(1.05);}
100% {background-size: 100%;}}
@keyframes fangda2 {0% {background-size: 92%;transform: scale(1.05);}
100% {background-size: 100%;}}
.footer-right h4 {margin-bottom: 11px;font-size: 40px;font-family: 'DIN-std'; color: #cc0000; background: url(../images/telll.png)no-repeat left top;padding-left: 58px;}
.footer-right p {margin-bottom: 6px;opacity: 0.5;font-size: 16px;}
.mod_service { line-height: 1.5;color: #fcfcfc; padding: 15px 0 15px;}
.mod_link {color: #fcfcfc; margin-bottom: 20px;}
.mod_link a { opacity: 0.4; color: #fff; margin-right: 20px; margin-left: 5px;}
.mod_info a { font-size: 16px;line-height: 1.5;color: rgba(255, 255, 255); }
.mod_info a:hover {color: #cc0000; }
.mod_info .left{ float: left; font-size: 16px;line-height: 1.5;color: rgba(255, 255, 255);}
.mod_info .right{ float: right; font-size: 16px;line-height: 1.5;color: rgba(255, 255, 255);}
.mod_link a:hover,
.footer-left dd:hover,
.footer-center dt:hover,
.footer-center dd:hover,
.footer-right dd:hover {opacity: 1;}
.foot-bottom{ border-top: 1px solid #434343;  background:#242534;  padding: 10px 0; line-height: 35px;}
@media (max-width: 1459px) {
.mod_link { margin-bottom: 12px; line-height: 26px;}
.footer-right h4 {background-size: 32px;padding-left: 48px;font-size: 34px; }
.weixin-box { margin: 10px 0;}
.footer-left h4 { margin-top: 0px; font-size: 20px;}}
@media (max-width: 1366px) {
.footer-center  dl dd{ font-size: 17px;}
.footer .f_social .share-icon {width:48px; height:48px; line-height:48px;}
.footer .f_social .share-icon img{ width: 100%; }}
@media (max-width: 1280px) {
.footer-right .foot_r .item{ font-size:16px; }
.footer-right .foot_r .item a{ font-size:16px; }
.mod_info a { font-size: 16px; }
.mod_info .left{ font-size: 16px; }
.mod_info .right{ font-size: 16px; }
.footer-center  dl dd{ font-size: 16px; }
.footer .f_social .share-icon {width:43px; height:43px; line-height:43px;}}
@media (max-width: 1259px) {
.footer-right { width: 30%; }
.footer-center {width: 70%; }
.footer-left { width: 100%;}
.footer-info2 { float: left; float: unset;}
.footer-right h4 { background-size: 27px; padding-left: 36px; font-size: 30px;}
.footer-center  dl dt{ font-size: 20px; }}
@media (max-width: 1040px) {
.mod_service { padding: 20px 0 20px;}
.mod_info .left { float: none; line-height: 30px;}
.mod_info .right { float: none; line-height: 30px;}}
@media (max-width: 1024px) {
.footer-center { display: none;}
.footer-right { width: 100%; padding-top: 0px;}}
@media (max-width: 767px) {
.footer-left h4 { margin-right: 10px; font-size: 16px; margin-top: 3px;}
.footer-left a { font-size: 16px;}}