﻿@font-face {
    font-family: 'WebFont';
    src: url('/public/fonts/TDSource/Source.eot');
    src: url('/public/fonts/TDSource/Source.eot') format('embedded-opentype'), url('/public/fonts/TDSource/Source.woff') format('woff'), url('/public/fonts/TDSource/Source.ttf') format('truetype'), url('/public/fonts/TDSource/Source.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: TDCSource;
    src: url(/public/fonts/SourceHanSansCN/SourceHanSansCN-Regular.eot);
    src: url(/public/fonts/SourceHanSansCN/SourceHanSansCN-Regular.eot) format("embedded-opentype"),url(/public/fonts/SourceHanSansCN/SourceHanSansCN-Regular.woff) format("woff"),url(/public/fonts/SourceHanSansCN/SourceHanSansCN-Regular.ttf) format("truetype"),url(/public/fonts/SourceHanSansCN/SourceHanSansCN-Regular.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: TDCSource-Medium;
    src: url(/public/fonts/SourceHanSansCN/SourceHanSansCN-Medium.eot);
    src: url(/public/fonts/SourceHanSansCN/SourceHanSansCN-Medium.eot) format("embedded-opentype"),url(/public/fonts/SourceHanSansCN/SourceHanSansCN-Medium.woff) format("woff"),url(/public/fonts/SourceHanSansCN/SourceHanSansCN-Medium.ttf) format("truetype"),url(/public/fonts/SourceHanSansCN/SourceHanSansCN-Medium.svg) format("svg");
    font-weight: 400;
    font-style: normal
}


.d-flex,.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,a,abbr,acronym,del,cite,address,small,sub,sup,b,u,i,center,font,em,strong,dl,dt,dd,ul,ol,li,form,fieldset,legend,table,caption,thead,tbody,tfoot,tr,th,td{margin:0;padding:0;outline:none;}

ul,ol{list-style-type:none}
*{outline:none ! important; }
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none; color:#212121; -webkit-transition: all .3s linear; -moz-transition:  all .3s linear; -ms-transition:  all .3s linear; -o-transition:  all .3s linear; transition:  all .3s linear;}
a:visited{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;color:#e60012;outline:none;} 
a:focus{outline:none;text-decoration:none;}
li:focus{outline:none;text-decoration:none;}fieldset,img{border:0;max-width:100%;}q,blockquote{quotes:"" ""}q:before,q:after,blockquote:before,blockquote:after{content:""}
del{text-decoration:line-through}ins{text-decoration:underline}sup{vertical-align:super;}sub{vertical-align:sub;}cite,em,dfn{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
caption,th,td{text-align:left;}
input,textarea,select,button{font-size:100%;margin:0;padding:0;}
label,button{cursor:pointer}
textarea{white-space:inherit;resize:none;border:1px solid #ececec;}button,input,select,textarea{font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{margin:0;padding:0;display:block;border:0;font-size:100%;}
.show { display:block;}
.hide{display:none !important;}
.hiddenit{display:none;}
input[type=text],input[type=password]{outline:none;} 
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.clear{clear: both;width: 100%;font-size:0px;height:0px;background:none;border:none;_zoom:1;}
.padding0{padding:0px;}
.shadow{box-shadow: 1px 1.732px 2px 0 rgba(4, 0, 0, 0.3);}
.rd{ color:#e60012; }
.clearfix:before,.clearfix:after{ content:""; display:table; } 
.clearfix:after{clear:both;} 
.clearfix{ *zoom:1;/*IE/7/6*/ }
a:link,a:visited{ color:#333;}
a:hover, a:active {    color: #FF5100;}
a.active{    color: #FF5100 !important;}
.bgf{background-color:#fff;}
.browserupgrade { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: #fff; z-index: 9999; text-align: center; padding: 200px 20px; }
.img-responsive { display: inline-block; }
.browserupgrade p { width: 640px; background: #f7f9ff; color: #212121; padding: 20px; margin: 50px auto 0; border-radius: 20px; }
.toshadow{-webkit-transition: -webkit-box-shadow .3s ease; transition: -webkit-box-shadow .3s ease; transition: box-shadow .3s ease; transition: box-shadow .3s ease,-webkit-box-shadow .3s ease;}
.toshadow:hover{-webkit-box-shadow:0 0px 20px rgba(255,255,255,1);box-shadow:0 0px 20px rgba(255,255,255,1);}
.tran{-o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out;}
.table { width: 100%; max-width: 100%; margin-bottom: 20px; }
.btns{text-align: center; text-shadow: none;  text-decoration: none; cursor: pointer; outline: none; line-height: normal; flex-shrink: 0;min-height: 35px; padding: 0 16px;position: relative; color: #fff; transition: background-color .15s ease; border: 0;  border-radius:0px;}

.btns:active, .btns:hover { background-color: #a7000F;}
.btn1 {
    background-color: #FF5100;
}
.btn2{background-color: #FF5100; }
.color,.link-info{color: #FF5100; }
.colorFFF{color: #FFF !important; }

html {font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}
body {
    margin: 0;
    color: #000;
    line-height: 1.5;
    background-color: #fff;
    min-height: 100vh;
    padding: 0;
}


* {
    font-family: -apple-system,"TDCSource",system-ui,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 12px;
}
.SectionRow h2 * {
    font-size: inherit !important;
}
.visible-xs { display: none!important; }
@media (max-width: 767px) {
 .visible-xs { display:block!important }  
.hidden-xs { display: none!important; }
}

.shadowItem { -webkit-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1);}
.shadowItem:hover{-webkit-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);-moz-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1)}


.color{color: #FF5100 !important;}

 .containerX { padding:0 100px }


 .PC-Header { position: relative; z-index: 99; height: 60px; }
@media (max-width: 1000px) {
    .PC-Header {
        display: none;
    }
    .containerX, .container{
        padding: 0 10px;
        max-width: initial
    }
}

.MPT-Wrap{ padding:0 5px; }
.PC-Header-Menu { background-color: #fff; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08); position: fixed; width: 100%; transition: all .36s;padding:0 5px; }
.PC-Header-Menu .logo  { line-height: 60px;  height: 60px;padding-right:24px;/*background-color:#FF5100;*/  }
@media (max-width: 1700px) {
    .PC-Header-Menu, .containerX, .MPT-Wrap {
        padding: 0 50px;
    }
}
@media (max-width: 1300px) {
.PC-Header-Menu, .containerX , .MPT-Wrap { padding:0 15px; }
}
@media (max-width: 1000px) {
.PC-Header-Menu, .containerX, .MPT-Wrap  { padding:0 10px; }
}
.navmenu li.itemli{}
.navmenu li.itemli>a{  height:60px;line-height:60px;display: block; padding-left:0px;padding-right:50px; font-size:14px;position: relative;  font-weight: 700; }
.navmenu li.itemli:last-child>a{  padding-right:0px;  }
/*.navmenu li.itemli.active  a,.navmenu li.itemli>a:hover,.navmenu li.itemli>a:active { color: #FF5100  !important;opacity: 1;    } */

/*菜单激活时下拉箭头*/
.navmenu li.itemli span.spline {display:none; position: absolute;  left: 45%;  bottom: 0px; width:0px; height:0px; border-top:10px solid rgba(0,0,0,0); border-right:10px solid rgba(0,0,0,0); border-bottom:10px solid #fbfbfb; border-left:10px solid rgba(0,0,0,0); -webkit-transition: width 1s ease; transition: width 1s ease;}
.navmenu li.itemli.opened span.spline{ display:block; }
@media (max-width: 1700px) {
    .navmenu li.itemli>a{   padding-right:40px;  }
}

@media (max-width: 1500px) {
    .navmenu li.itemli>a{   padding-right:40px;  }
}
@media (max-width: 1400px) {
  .navmenu li.itemli>a{   padding-right:25px; }
}
@media (max-width: 1200px) {
  .navmenu li.itemli>a{  padding-right:25px;}
  .navmenu li.itemli:nth-child(6){  display:none;}
}

/*下拉导航*/

.full-screen{/*background-color:#fbfbfb;  */    /*border-top: 1px solid #dae1e6;*/height:auto;overflow:hidden;width:100%;left:0;position: absolute; top: 99%;  z-index: 1000; display: none;  min-width: 160px; padding: 0; margin: 0; /* -ms-box-shadow:0 2px 2px 0 rgba(0,0,0,.05);-o-box-shadow:0 2px 2px 0 rgba(0,0,0,.05);box-shadow:0 2px 2px 0 rgba(0,0,0,.05); */  

}
.drop-open { box-shadow: 0 12px 10px 0 rgba(0,0,0,.07); transition-property: height; transition: height .2s cubic-bezier(.215,.61,.355,1),opacity .2s cubic-bezier(.215,.61,.355,1); }
ul.navmenu:hover >a{}

/*ul.navmenu:hover li:hover .full-screen{display:block;opacity:1;visibility:visible}*/
.itemli.opened .full-screen{display:block;opacity:1;visibility:visible}/**/
.itemli.opened>a{ color:#FF5100;}/**/

.itemli i.mdropa{transition: all 0.3s;transform:rotate(0deg);position:absolute;display:none;}/**/
.itemli>a:hover>i.mdropa{display:inline-block;}/**/
.itemli.opened i.mdropa{transform:rotate(-180deg);  -webkit-transform:rotate(-180deg);  -o-transform:rotate(-180deg); -moz-transform:rotate(-180deg);   }
.MCHeight{position:relative;}

@media (max-width: 1200px) {
    .PC-Header-Menu .logo  { padding-right:10px;  }
.PC-Header-Menu .logo  img {     width: 90px;  }

.navmenu li.itemli:last-child>a{  padding-right:0px;  }
.itemli.opened .full-screen .container{width:100%;max-width:100%; }
}
.btn-close-nav-ani { z-index: 2; display: block; width: 30px; height: 30px; line-height: 30px; position: absolute; top: 20px; right: -15px; } 
.btn-close-nav-ani .iconfont { color: #000; font-size: 24px; }

.dropMenu {text-transform: none;background: #fff;line-height: 30px;  box-shadow: 0 4px 6px 0 rgba(54,68,75,0.10);  }
.dropMenu .dmRowOne{background:#FF5100;padding:5px 0;}
.dropMenu .dmRowOne ul{justify-content:center;align-items:center;}
.dropMenu .dmRowOne ul li{vertical-align:middle;}
.dropMenu .dmRowOne ul li+::before {  color: #A7A9AC; content: "|"; padding: 0 5px;font-size:12px;}
.dropMenu .dmRowOne ul a{display:inline-block;vertical-align:middle;padding:0 10px;color:#FFF;}
.dropMenu .dmRowOne ul li:last-child a{margin-right:0;}
.dropMenu .dmRowOne ul li span{width:1px;background:#A7A9AC;display:inline-block;vertical-align:middle;height:1em;margin-right:25px;}

.DM-TWO {}
.DM-TWO .DMT-list{position: relative; display: flex; display: -webkit-flex; text-align: center;padding-bottom:2vw;}
.DM-TWO .DMT-list:after{content:'';display:table;height:0;clear:both;}
.DM-TWO .DMT-list+.DMT-list{border-top:1px solid  #e2e2e2;}
.DM-TWO .DMT-list3{justify-content: center;}
.DM-TWO .DMT-list .DMT-cell-text{overflow:hidden;position:relative;text-align:left; }
.DM-TWO .DMT-list .DMT-cell-text h3 {margin-bottom:15px;}
.DM-TWO .DMT-list .DMT-cell-text h3 a{font-size:14px;font-weight:700;}
.DM-TWO .DMT-list li{font-size:0.65vw;line-height:1.2; margin:8px 0;color:#333;}
.DM-TWO .DMT-list .DMT-cell-text p { font-size:12px; line-height: 1.2; padding: 0; /*margin: 8px 0 10px;*/ color: #ccc; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;padding-right: 15px;display:none; }
.DM-TWO .DMT-list .DMT-cell{min-width: 16.666%; box-sizing: border-box; position: relative;}
.DM-TWO .DMT-list.DMT-list3 .DMT-cell2{width:25%;}
    /*
.DM-TWO .DMT-list .DMT-cell+.DMT-cell:before {content: ''; top: 25px; bottom: 25px; width: 1px; position: absolute; background: #e2e2e2; left: 0px; }
.DM-TWO .DMT-list .DMT-cell+.DMT-cell:nth-of-type(4):before {width: 0px; }
.DM-TWO .DMT-list .DMT-cell:nth-of-type(4),
.DM-TWO .DMT-list .DMT-cell:nth-of-type(5),
.DM-TWO .DMT-list .DMT-cell:nth-of-type(6),
.DM-TWO .DMT-list .DMT-cell:nth-of-type(7) { border-top: solid 1px #e2e2e2; }*/
.DM-TWO .DMT-list .DMT-cell-wrapper { padding: 0px; }
.DM-TWO .DMT-list .DMT-cell-img { position: relative;display: flex; display: -webkit-flex;   }
.DM-TWO .DMT-list .DMT-cell-img div{}
.DM-TWO .DMT-list .DMT-cell-img div a{}
.DM-TWO .DMT-list .DMT-cell-img div a span.DMT-cell-icon{font-size: 40px; /* height: 85px; */ line-height: 85px; transition:all 0.3s}


.NewSearchWrap { padding: 0 15px; border-radius: 4px; border: 1px solid rgba(204, 204, 204, 1); position: relative; background-color:#fff;}
.NewSearchWrap .NSW-box {padding-right:25px}

.btnToSearch{ position:absolute;top:3px;right:15px;cursor:pointer; } 

.NewSearchWrap .NSW-box .NSW-bIn {   } 
.NewSearchWrap .NSW-box .NSW-bIn input { width: 100%; height: 100%; font-size: 14px; color: #999; border: 0; padding: 5px 0px; } 
.NewSearchWrap .NSW-box .NSW-bIn input::placeholder { color: #999; font-size: 14px; } 


.newSearchDrop { position: absolute; width: 100%; top: 100%; left: 0; z-index: 1001;display:none;}

.newSearchDrop  ul { border: 1px solid #ccc; border-radius: 2px; margin: 0; background-color: #ffffff; padding: 4px 0 !important; height: 242px; overflow: hidden; } 
.newSearchDrop  ul li span { color: #E60039; } 
.newSearchDrop  ul li a { display: block; font-size: 14px; color: #666666; padding: 4px 10px; line-height: 1.5; transition: all .36s; }
.newSearchDrop  ul li a:hover { background-color: #fbfbfb; }

.drpLanguage {padding-left:15px; }
.drpLanguage .iconfont,.drplivechat .iconfont{font-size:20px;}




/*footer*/

.footer{background: #333;overflow-x: hidden;}

.ftLeftLinks {  padding :2vw 0 1.2vw 0; justify-content:space-between;}
.ftLeftLinks dl{  }
.ftLeftLinks dl.erwermapic{text-align:right  ;}
/*.ftLeftLinks dl:nth-child(1){  width:15%;}
.ftLeftLinks dl:nth-child(2){  width:22%;}
.ftLeftLinks dl:nth-child(3){  width:25%;}
.ftLeftLinks dl:nth-child(4){  width:13%;}
.ftLeftLinks dl:nth-child(5){  width:25%;}*/
.ftLeftLinks dt{ position: relative;font-weight: 700; margin-bottom: 10px;  color: #fff; font-size:14px;}
.ftLeftLinks dl dt b { display:none; }

.ftLeftLinks dd a{ display:block;   font-size:12px;color:#aaa; line-height:1.6}
.ftLeftLinks dd {font-size:12px;color:#aaa;}


.ftLeftLinks h3{font-size:14px;font-weight:600;color:#fff;padding-bottom: 8px;}
.ftLeftLinks h4{ }
.ftLeftLinks h4 a{ font-size: 20px; ; color: #fff;height:35px; line-height:35px;display:block; font-size: 14px;}

.ftLeftLinks p{font-size:14px;color:#aaa;padding-top:10px;}
.LiContact { padding: 2.5vw 0 1vw 0; border-bottom: 1px solid rgba(68, 68, 68, 1); display: flex; display: -webkit-flex; justify-content: space-between; }
.LiContact li{}
.LiContact li a { color: #fff; font-size: 0.75vw; display: flex; display: -webkit-flex;  align-items: center; }
.LiContact li a .iconfont { font-size:1.2vw; margin-right: 1vw; }
.LiContact li a span{font-size: 0.70vw; }


@media (max-width: 1800px) {

.ftLeftLinks { padding: 44px 0 12px; }

.ftLeftLinks dt {  }
.ftLeftLinks dd a {  }
.LiContact li a .iconfont { font-size: 2.0vw;    } 
.LiContact li a {font-size: 1.65vw; }
.LiContact li a span{font-size: 0.95vw; }

}
@media (max-width: 1500px) {

.ftLeftLinks dt { }
.ftLeftLinks dd a { }
.ftLeftLinks { padding: 44px 0 22px; }
    .LiContact li a .iconfont { font-size: 2.5vw;    }
    
.LiContact li a span{font-size: 1.2vw; }
}

@media (max-width: 1100px) {
    .LiContact li a .iconfont { font-size: 4.0vw;    }
    
.erwermapic{display:none;}

 .LiContact li { padding: 5vw 0; }   
.LiContact li a {font-size: 2.75vw;}
.LiContact li a span{font-size: 2.0vw; }
}

@media (max-width: 900px) {

    .LiContact li a .iconfont { font-size: 4.4vw;    }
.LiContact li a span{font-size: 2.8vw; }
}

@media (max-width: 600px) {
.LiContact li a { flex-direction:column; }
}


@media (max-width: 600px) {
    .LiContact li a .iconfont { font-size: 6.5vw;    }
.LiContact li a {font-size: 2.75vw; }
.LiContact li a span{font-size: 3.6vw; }
}


@media (max-width: 400px) {
    .LiContact li a .iconfont { font-size: 8.5vw;    }
.LiContact li a {font-size: 3.75vw;  }
.LiContact li a span{font-size: 4.0vw; }
}








.footer .share>a{width:34px;height:34px;margin:10px auto 0;border-radius:50%;display:inline-block;    text-align: center;;cursor:pointer;line-height:34px;color:#fff!important;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative;background:#ccc}
.footer .share>a .iconfont:hover{-webkit-animation:rock .4s;animation:rock .4s}
.footer .share .iconfont{font-size:20px;display:inline-block;z-index:2;position:relative}
.footer .share>a:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;left:0;top:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
.footer .share>a:hover:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
/*.footer .share>a:first-child{background:#FF5100}
.footer .share>a:nth-child(2){background:#3dbe5b}
.footer .share>a:nth-child(3){background:#ff5757}
.footer .share>a:nth-child(4){background:#3b5998}
.footer .share>a:nth-child(5){background:#1da1f3}
.footer .share>a:first-child:hover::after{background:red}
.footer .share>a:nth-child(2):hover:after{background:#3dce5b}
.footer .share>a:nth-child(3):hover:after{background:#cc5757}
.footer .share>a:nth-child(4):hover:after{background:#af5998}
.footer .share>a:nth-child(5):hover:after{background:#1db1f5}*/
.footer .share>a:first-child{background:#3dbe5b}
.footer .share>a:nth-child(2){background:#3b5998}
.footer .share>a:nth-child(3){background:#ff5757}
.footer .share>a:nth-child(4){background:#1da1f3}
.footer .share>a:nth-child(5){background:#af5998}
.footer .share>a:nth-child(6){background:#ff5757}
.footer .share>a:nth-child(7){background:#3b5998}
.footer .share>a:nth-child(8){background:#1da1f3}

.footer .share>a:first-child:hover::after{background:#af5998}
.footer .share>a:nth-child(2):hover:after{background:#cc5757}
.footer .share>a:nth-child(3):hover:after{background:#3dce5b}
.footer .share>a:nth-child(4):hover:after{background:red}
.footer .share>a:nth-child(5):hover:after{background:#1db1f5}
.footer .share>a:nth-child(6):hover:after{background:#3dce5b}
.footer .share>a:nth-child(7):hover:after{background:#cc5757}
.footer .share>a:nth-child(8):hover:after{background:#af5998}
.footer .share>a:nth-child(9):hover:after{background:#1db1f5}
.footer .share .wxWrap{position:relative}
.footer .share .wxWrap .qrcode{width:128px;height:153px;border:1px solid #bcbcbc;color:gray;position:absolute;left:-50px;top:-160px;text-align:center;line-height:1;background:#fff;border-radius:3px;font-size: 12px;}
.footer .share .wxWrap .qrcode:before{content:"";width:5px;height:5px;background:#fff;border-top:1px solid #bcbcbc;border-right:1px solid #bcbcbc;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);display:block;position:absolute;right:-4px;top:15px}
.footer .share .wxWrap .qrcode:before { content: ""; width: 5px; height: 5px; background: #fff; border-top: 1px solid #bcbcbc; border-right: 1px solid #bcbcbc; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; position: absolute; right: -4px; top: 15px; }
.footer .share .wxWrap .qrcode img{margin:0px auto 0px;max-width:100%;}
.footer .share .wxWrap .qrcode  #qrcodes{padding:7px 5px ;text-align:center;}

@-webkit-keyframes rock{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
@keyframes rock{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}


.footer-second { border-bottom: 1px solid rgba(68, 68, 68, 1);padding-bottom: 16px;-webkit-box-pack: justify; -moz-justify-content: space-between; justify-content: space-between; }

.footer-n , .footer-second{ display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-align-items: center; align-items: center;}
.footer-second .footer-logo { display: block; width: 110px;  padding-right: 16px; }
.footer-second ul.nav-right li { display: inline-block; height: 18px; padding: 0 16px; }
.footer-second ul.nav-right li a { line-height: 18px; color:#ccc; transition: all .3s ease;font-size:12px; }

.footer-second ul.nav-right:hover li>a { color:#ccc; }
.footer-second ul.footer-social li { display: inline-block; padding-left: 18px; }
.footer-info, .footer-legal { display: -webkit-box; display: flex; -webkit-box-align: center; -moz-align-items: center; align-items: center; } 
.footer-info { color:#ccc; font-size: 14px; padding: 16px 0 0; -webkit-box-pack: justify; -moz-justify-content: space-between; justify-content: space-between;  padding: 16px 0 0;display: -webkit-box; display: flex; -webkit-box-align: center; -moz-align-items: center; align-items: center;}
.footer-legal ul li { line-height: 1; display: inline-block; padding: 0 10px; border-right: 1px solid #616466; }
.footer-info a:link, .footer-info a:visited, .footer-feedback a:link, .footer-feedback a:visited, .footer-shengming .shengming a, #toyear, .copyright {
    font-size: 12px;
    color: #ccc;
}

.footer-feedback { padding-left: 10px; margin: 0; min-height: initial; color: #aaa; font-size: 14px; line-height: 18px; }

.footer-region { position: relative; } 
.footer-region, .footer-region  div { display: -webkit-box; display: flex; -webkit-box-align: center; -moz-align-items: center; align-items: center; }
.footer-shengming { padding: 0 0 32px; color:#ccc; font-size: 12px; display: -webkit-box; display: flex; -webkit-box-align: center; -moz-align-items: center; align-items: center; -webkit-box-pack: left; -moz-justify-content: left; justify-content: left; }
.footer-shengming .shengming a {  margin-right: 5px; }     
.footer-shengming,.ad-desc,.footer-region a {font-size: 12px;        }  
@media (max-width: 1100px) { 
.footer .share { text-align: center;  }
.footer-info, .footer-legal,.footer-region, .footer-region  div,.footer-shengming { text-align:center;display:block;padding:5px 15px; } 

.footer-second { border-bottom:0px solid #616466; padding-bottom: 0px;flex-direction:column; }
.footer-n{flex-direction:column;justify-content:center;-webkit-box-align: center; -moz-align-items: center; align-items: center;}
.footer-second ul.nav-right li { padding: 0 10px; }
.footer-second .footer-logo {  padding-right: 0px; padding-bottom: 25px; }
.table-responsive {  border: 0px solid #ddd; }

/*footer*/
.footer{ padding:0px 0 15px 0; margin-top:0px;border:none; border-top: solid 1px #ebebeb; }
.footer .container{ width:100%;max-width:100%; }
.dlContact{display:none;}

.ftLeftLinks dl { float: none; margin: 0px auto; width: calc(100% - 20px);border-bottom: 1px #777 solid; overflow: hidden; max-height: 50px; -webkit-transition: max-height .3s cubic-bezier(.33,0,0,1); transition: max-height .3s cubic-bezier(.33,0,0,1); }
.ftLeftLinks dl dt b {display: block;color:#FFF;margin-top: 0px; position: absolute; top: 50%; right: 5px; width: 12px; height: 12px;line-height:12px;overflow:hidden;; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; font-size: 12px; -webkit-transition: all .3s ease; transition: all .3s ease;  }
.ftLeftLinks dl dd { padding-left:15px; width:100%}
.ftLeftLinks dt{ font-size:14px;width: auto; margin-bottom: 0; padding: 10px 0;color:#FFF; }
.ftLeftLinks dd a{ display:block;  height:28px; line-height:28px; overflow:hidden;font-size:14px;}
.ftLeftLinks dl.active dt b { will-change: transform; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.ftLeftLinks dl.active {max-height: 400px; will-change: transform,max-height;padding-bottom:15px;}
.ftLeftLinks dl.erwermapic{display:none;}

.ftLeftLinks {   flex-wrap:wrap;padding-top:15px;padding-bottom: 30px; }
.ftLeftLinks .ftHotline { float: none; width: 100%;padding-left:15px;padding-right:15px;font-size:14px; display:none; }
.ftLeftLinks  { }
.ftLeftLinks  h3{font-size:14px;float:left;padding-right:10px;}
.ftLeftLinks .ftHotline  h4{font-size:14px;float:none;padding-top:20px;margin-bottom:0px; width: 100%;margin-left:0%;color:#212121}
.ftLeftLinks .ftHotline  h4.icon-contact:before { content: ""; }
.ftLeftLinks .ftHotline h4 a,.ftLeftLinks .ftHotline a.ftbtnonline { display: block; font-weight: 300; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid #999da0; border-radius: 2px; padding: 0 1em; background-color: transparent; transition: .25s; line-height: 40px; height: 40px; font-size: 14px; }
.ftLeftLinks  p{text-align:center;display:block;clear:both;font-size:14px;}
.ftLeftLinks .ftweixin{ display:none;}
.ftLeftLinks .ftweixin img{max-width:100%;}




}
@media (max-width: 500px) {
    .footer .share {  width: 100%; }
}







.goTop{ position: fixed;display: none;bottom: 30px;right: 30px;cursor: pointer;  z-index:9999999} 
.goTop > i{ font-size: 40px; color: #fff; font-style: normal; }
@media (max-width: 960px) {
   .goTop{right: 10px;} 
}

.nullResult { padding: 50px 0; text-align: center;width:100%; }
.nullResult .noresultext { font-size: 16px;font-weight:700;padding-top:25px; }
.nullResult .texticon { font-size: 70px; line-height: 70px;color: #7D7E80; }

.fixroot .fixwrap.fx { position: fixed; width: 100%; left: 0; top: 0px; background-color: #fff; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16); z-index: 9999; }

/*.tags { position: absolute; left: 10px; top: 10px; padding: 5px 13px; border-radius: 24px; font-size: 12px; line-height: 1.33; white-space: nowrap; background-color: rgba(0,0,0,0.3); border: solid 1px rgba(255,255,255,0.3); color: #FF5100; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 5; }
*/
.tags { position: absolute; left: -1px; top: 0; font-size: 12px; text-align: center; z-index: 9; display: inline-block; padding: 4px 15px; white-space: nowrap; border-top-right-radius: 0em; border-bottom-right-radius: 0em; color:#f47425; background: rgba(255,149,0,0.09);text-transform: uppercase; box-sizing: border-box; max-width: 50%; overflow: hidden; text-overflow: ellipsis;}
.tags0{top:0px;background-color:#000;color:#fff;}
.tags1{top:30px;background-color:#000;color:#fff;}
.tags2{top:60px;background-color:#000;color:#fff;}
.tags3{top:90px;}
.tags4{top:120px;}
.tags5{top:150px;}

.rtags1{top:5px;left:initial; left: 5px;}
.rtags2{top:35px;left:initial;left: 5px;}
.rtags3{top:65px;left:initial;left: 5px;}



@media (max-width: 767px) {

.tags {  ;}

}

.RowPadding { padding:50px  0 }
.RowPaddingSmall { padding: 30px 0;  }

.title1{padding:50px 0;text-align:center;}
.title1 h5{font-size:1.2vw;color:#333;font-weight:bold;position: relative;}
.title1 h5::before{content:"";width:100px;height:2px;background:#FF5100;position: absolute;bottom:-16px;left:50%;transform: translateX(-50%);z-index:2;}
.title1 i{display:block;width:450px;height:1px;background:#e8e8e8;position: relative;margin:15px auto;}
.title1 i::before,.title1 i::after{content:"";width:10px;height:10px;background:#e8e8e8;border-radius:50%;position: absolute;top:50%;right:100%;transform:translateY(-50%);}
.title1 i::after{right:auto;left:100%;}
.title1 p{color:#999;}
.nav1{text-align:center;margin-bottom:30px;font-size:0;}
.nav1 a{line-height:40px;background:#FF5100;color:#fff;font-size:16px;border-radius:30px;margin:0 5px 0px;padding:0 25px;}
.nav1 a.active{background:#f60;}
.nav1 a:last-child{margin-right:0;}

.nav1 a:hover{background:#157c08;}

.RowPaddingSmall .title1, .RowPadding .title1 {  padding-top: 0;}

@media (max-width: 1920px) {
.RowPadding { padding:70px  0 }
.title1 h5{font-size:1.4vw;}
    .title1 p p, .title1 p span {        font-size: 1.2vw;    }
}

@media (max-width: 1500px) {
.RowPadding { padding:60px  0 }
.title1 h5{font-size:1.5vw;}
    .title1 p p, .title1 p span {        font-size: 1.2vw;    }
}
@media (max-width: 1200px) {
.RowPadding { padding:50px  0 }
 .title1 h5{font-size:1.8vw;}
    .title1 p p, .title1 p span {        font-size: 1.4vw;    }
}
@media  (max-width: 960px) {
.RowPadding { padding:40px  0 }
 .title1 h5{font-size:5vw;}

}

@media (max-width: 500px) {
.RowPadding { padding:30px  0 }

}

.cataBanner {position:relative; /*overflow:hidden;*/;z-index:5;overflow-x:hidden;}
.cataBanner img {width:100%;border-radius:4px; }
.cataBanner .text { position: absolute; left: 100px; width: calc(100% - 100px); top: 0;height:100%;justify-content:center;color:#fff; }

.cataBanner  .text h1 {font-size:1.2vw;font-weight:700;line-height:1.6;padding:0;letter-spacing:0.05vw;}
.cataBanner  .text h2 {font-size:1.0vw;margin-top:5px;padding:0;}
.cataBanner .text.textDown  h2 {padding-bottom:25px;}
.cataBanner .text.textDown{ left: 0px;}
.textDowncontainer{width: 46vw; margin: 0 auto;}
.cataBanner .text.textDown  h1,.cataBanner .text.textDown  h2{ text-align:center;}

.cataBanner .text.textblack,
.cataBanner .text.text5,
.cataBanner .text.text6,
.cataBanner .text.text7,
.cataBanner .text.textFXWD2,
.cataBanner .text.text13 {
    color: #000 !important;
}

@media (max-width: 1400px) {
    .cataBanner .text {
        width: calc(100% - 110px);
    }
    
    .cataBanner  .text h1 {font-size:2.8vw;}
.cataBanner  .text h2 {font-size:1.6vw;}
.textDowncontainer{width: 60vw; }
}
@media (max-width: 960px) {
    .cataBanner  .text h1 {font-size:6.8vw;}
.cataBanner  .text h2 {font-size:3.0vw;}
  .textDowncontainer{width: 90vw;margin:0 5vw}
}



.header-banner { padding: 200px 0; } 
.header-banner { position: relative; background-position:center top; background-size: cover; width: 100%; color: #fff; } 
.header-banner:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%;     background: rgba(249, 88, 14, 0.22); content: ""; }
.header-banner .banner-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
.header-banner h5{ color: #fff; font-weight: 700;font-size:30px;z-index: 5;    opacity: 0.6; letter-spacing:10px;}

.menu-pro-tab.fixed-to-60{top: 60px;}
.menu-pro-tab {background: rgba(255,255,255,0.9); position: fixed;  width: 100%; left: 0;top: 60px; z-index: 50;transition:all 0;transition:all 0s  }
@media (max-width: 960px) {
 .menu-pro-tab.fixed-to-60{top: initial;position:relative;left:initial;}
.menu-pro-tab {top: 0px;  }
}

.MPT-Wrap {-webkit-box-shadow:0 1px 0 0 rgba(0,0,0,0.1);box-shadow:0 1px 0 0 rgba(0,0,0,0.1);max-width:none;}
.proTabsHeader { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 15px 0; position: relative; align-items: center; justify-content: space-between; }
.body-medium {font-size:16px;line-height:1.5;letter-spacing:.3px;}
.leftProModel  a{color: #7f7f7f !important; }


.leftProModel ul li span {color:#7f7f7f;}
.leftProModel ul li span.active {color:#000;}
.rightGuide {position:relative;margin-left:auto;overflow:hidden;}
.rightGuide  ul {}
.rightGuide  ul li {position:relative;padding-left:16px;}
.rightGuide  ul li:first-child {padding-left:0px;}
.rightGuide  ul li a {display:block;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;padding:0 4px;font-weight:500;color:#7f7f7f;line-height:1.5;text-align:center;white-space:nowrap;}
.rightGuide  ul li a.active {font-weight:700;cursor:default;/*border-bottom:2px solid #FF5100;*/}


@media (max-width: 1000px) {
    .leftProModel { display:none;  }
    .rightGuide {  width: 100%; }
    .rightGuide ul li{  width: 33.33%;padding-left:0 }
    .proTabsHeader { padding: 10px 0; }
}



.breadcrumb-content { position: relative; padding-left: 26px; } 
.breadcrumb-content::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 6px; border: 1px solid #f9580e; border-radius: 30px; } 
.breadcrumb-content .title { font-size: 48px; color: #f9580e; font-weight: 800; margin-bottom: 12px; letter-spacing:2px; } 
.breadcrumb-content .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin-bottom: 0; list-style: none; background-color: transparent; border-radius: 0; } 
.breadcrumb-content .breadcrumb li { text-transform: uppercase; color: #f9580e; font-weight: 500; font-size: 14px; } 
.breadcrumb-content .breadcrumb li a { color: #f9580e; } 
.breadcrumb-content .breadcrumb-item+.breadcrumb-item { padding-left: 10px; } 
.breadcrumb-content .breadcrumb-item+.breadcrumb-item::before { padding-right: 10px; color: #f9580e; content: "|"; }


.bgPopLayer { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2);z-index: 999999997; }
.PopLayer { width: 35vw; position: fixed; opacity: 1; outline: none; display: flex; flex-direction: column; right: 0px; bottom: 0px; transform: translateX(0px); min-width: 320px; max-width: 100%; height: 100%; z-index: 999999998; font-size: 12px; transition: all 200ms ease-in 0s; color: var(--cb-color-text-secondary,#666); background-color: var(--cb-color-bg-primary,#fff); border: 1px solid var(--cb-color-border-tertiary,#ebebeb); box-shadow: 0 0 8px 0 var(--cb-color-shadow,rgba(0,0,0,0.16)); } 
.PLBody { flex: 1 1 0%; position: relative; padding: 16px 24px; overflow: auto; }
.PopLayer button { position: absolute; top: 16px; right: 24px; z-index: 1; width: 24px; height: 24px; font-size: 16px;border:none;background-color:transparent; }
.PLHeader{ display: flex; -webkit-box-align: center; align-items: center; position: relative; box-sizing: border-box; padding: 0px 56px 0px 24px; height: 60px; border-bottom: 1px solid var(--cb-color-border-tertiary,#ebebeb); }
.PLHeader h4 { display: flex; flex: 1 1 0%; -webkit-box-align: center; align-items: center; margin: 0px; padding: 0px; font-size: 16px; font-weight: 400; color: var(--cb-color-text-primary,#333); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 60px; line-height: 60px; }
.PL-list-wrap { position: relative; }
.PL-list-wrap .PL-vcols { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }
.PL-list-wrap  table { border-collapse: separate; border-spacing: 0; width: 100%; background: #fff; background: var(--table-row-bg,#fff); }
/*.PL-list-wrap  table th { border-width: 0 0 1px; border-bottom-width: var(--table-normal-border-width,1px); border-right-width: 0; border-top-width: 0; background: var(--table-th-bg,#eff3f8);    color: var(--table-th-color,#333); text-align: left;border-right: var(--table-normal-border-width,1px) var(--table-normal-border-style,solid) var(--table-normal-border-color,#e3e4e6); border-bottom: 1px solid #e3e4e6;border-bottom: var(--table-normal-border-width,1px) var(--table-normal-border-style,solid) var(--table-normal-border-color,#e3e4e6); } 
*/
.PL-list-wrap table th { background: #f7f7f7; color: #FF5100; border-right: none; border: none; }
.PL-list-wrap  table th  div { padding: 10px 10px;  overflow: hidden; text-overflow: ellipsis; word-break: break-all; } 
.PL-list-wrap  table td  div { padding: 10px 5px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; }
.PL-list-wrap  table td.bb   { border-bottom-color:rgb(227, 228, 230);border-bottom-width:1px; border-bottom-style:solid;}
.PL-list-wrap  table td   a{display:block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.PL-list-wrap  table td   span.nums{ display: inline-block; width: 25px; height: 25px; line-height: 25px; background: #f7f7f7;  text-align: center; border-radius: 50%; margin-right: 10px; }

.cataBanner .text {
    width: 100%;
}


@media (max-width: 1400px) {
.PopLayer {width: 40vw; }
    .cataBanner .text {
        width: 100%;
    }
}



@media (max-width: 992px) {
.PopLayer {width: 45vw; }
}



@media (max-width: 700px) {
.PopLayer {width: 50vw; }
.hide-in-xs{display:none;}
.PLBody { padding: 12px 10px; }
}

@media (max-width: 350px) {
.PopLayer {width: 90vw; }
}

.kaishuh1,.c_tit h2 {   font-size: 20px; text-align: center; line-height: 1.6; margin-bottom: 12px;font-weight: 700;}
.kaishudes,.c_tit p { font-size: 14px; text-align: center; line-height: 1.6;}



.c_tit{text-align:center;padding-bottom:50px;}
.c_tit strong span{color: #ff6600;font-size:3vw}

.c_tit i{display:block;height:15px;clear:both;float:none;width:90px;margin-right:auto;margin-left:auto;margin-bottom:15px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ff6600}


@media  (max-width: 1500px) {
.c_tit strong,.c_tit strong span{font-size:22px;}
.c_tit p{font-size:14px;line-height:25px;}
 .c_tit{padding-bottom:35px;}

 
}

@media (max-width: 1200px) {
.c_tit strong,.c_tit strong span{font-size:20px;}
.c_tit p{font-size:14px;line-height:25px;padding:0px;width:100%;}
 .c_tit{padding-bottom:30px;}

 

}
@media (max-width: 960px) {

}

@media (max-width: 500px) {

}




.support-nav{padding:15px 0}
.support-nav .breadcrumb{padding:0;margin:0}


.mfp-fade.mfp-bg {opacity:0;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;transition:all 0.15s ease-out;}
.mfp-fade.mfp-bg.mfp-ready {opacity:0.8;}
.mfp-fade.mfp-bg.mfp-removing {opacity:0;}
.mfp-fade.mfp-wrap .mfp-content {opacity:0;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;transition:all 0.15s ease-out;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity:1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity:0;}



/*导航*/
.Pro-Nav{width:100%;background-color:#fff;/*border-bottom: solid 2px #f6f6f6;box-shadow:0 2px 4px 0 rgba(0,0,0,.08);*/}
.Pro-Nav .itemlist {display:flex;display:-webkit-flex;justify-content:center;flex-wrap:wrap}
.Pro-Nav .itemlist a{padding:20px 40px;font-size: 14px;    font-weight: 700;}
.Pro-Nav .itemlist a:hover{color:#FF5100;cursor:pointer}
.Pro-Nav .itemlist a.active{color:#FF5100;position:relative;background-color:#f6f6f6;}
/*.Pro-Nav .itemlist a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-color:#00c961}*/
@media (max-width: 600px) {
    .Pro-Nav .itemlist { justify-content: space-between;  }
    .Pro-Nav .itemlist a { padding: 15px 0px; font-size: 14px; font-weight: 700; width: 25%; text-align: center; }
}

.next-page{   margin:25px auto;  text-align: center; }
.next-page a{ padding:5px 13px; margin:0 3px;border:solid 1px #ddd; float:left; display:inline-block;}
.next-page a:hover{ background:#fff; color:#fd4f00; border:solid 1px #ccc;}
.next-page a.page_on{background:#fd4f00; color:#fff;}
.next-page p{ float:left; line-height:25px; padding-right:10px; display:none;}

    .bg-bubbles {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.bg-bubbles li {position:absolute;bottom:-160px;width:40px;height:40px;background-color:hsla(0,0%,100%,.25);list-style:none;-webkit-animation:square 7s infinite;animation:square 7s infinite;-webkit-transition-timing-function:linear;transition-timing-function:linear}
.bg-bubbles li:first-child {left:10%}
.bg-bubbles li:nth-child(2) {left:20%;width:90px;height:90px;border-radius:50%;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:7s;animation-duration:7s}
.bg-bubbles li:nth-child(3) {left:25%;-webkit-animation-delay:4s;animation-delay:4s}
.bg-bubbles li:nth-child(4) {left:40%;width:60px;border-radius:50%;height:60px;-webkit-animation-duration:8s;animation-duration:8s;background-color:hsla(0,0%,100%,.3)}
.bg-bubbles li:nth-child(5) {left:70%;width:70px;height:70px}
.bg-bubbles li:nth-child(6) {left:80%;width:120px;height:120px;-webkit-animation-delay:3s;animation-delay:3s;background-color:hsla(0,0%,100%,.2)}
.bg-bubbles li:nth-child(7) {left:32%;width:160px;height:160px;-webkit-animation-delay:2s;animation-delay:2s}
.bg-bubbles li:nth-child(8) {left:55%;width:20px;height:20px;border-radius:50%;-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-duration:15s;animation-duration:15s}
.bg-bubbles li:nth-child(9) {border-radius:50%;left:25%;width:10px;height:10px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:12s;animation-duration:12s;background-color:hsla(0,0%,100%,.3)}
.bg-bubbles li:nth-child(10) {left:85%;width:160px;height:160px;border-radius:50%;-webkit-animation-delay:5s;animation-delay:5s}
@-webkit-keyframes square {0% {opacity:.2;-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}
to {opacity:.5;-webkit-transform:translateY(-800px) rotate(180deg);transform:translateY(-800px) rotate(180deg)}
}
@keyframes square {0% {opacity:.2;-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}
to {opacity:.5;-webkit-transform:translateY(-800px) rotate(180deg);transform:translateY(-800px) rotate(180deg)}
}


.page-header-svg {position:absolute;left:0;right:0;width:100%;z-index:100;bottom:0;margin-bottom:-1px}
.page-header-svg svg {height:100px;width:100%;fill:#fff;overflow:hidden;transform:scale(1)}
@media (max-width:768px) {.page-header-svg svg {height:50px}}
.page-header-svg .separator-waves-parallax>use {animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}
.page-header-svg .separator-waves-parallax>use:nth-child(1) {animation-delay:-2s;animation-duration:7s}
.page-header-svg .separator-waves-parallax>use:nth-child(2) {animation-delay:-3s;animation-duration:10s}
.page-header-svg .separator-waves-parallax>use:nth-child(3) {animation-delay:-4s;animation-duration:13s}
.page-header-svg .separator-waves-parallax>use:nth-child(4) {animation-delay:-5s;animation-duration:20s}
@keyframes move-forever {
0% {transform:translate3d(-90px,0,0)}
to {transform:translate3d(85px,0,0)}
}

.mask{position:fixed;top:0;left:0;height:0;width:0;background:rgba(0,0,0,.7);transition:opacity 1s ease .1s;opacity:0}
.mask-open{height:100%;width:100%;opacity:1;z-index:9}
.mask-close{opacity:0}


.choose-Languages {height:100%;box-sizing:border-box;padding:0px 0px 0px 8px;position:relative;}
.choose-Languages .language-Item {font-size:14px;color:#333;-ms-flex-align:center;align-items:center;cursor:pointer;}
.choose-Languages .language-Item {height:100%;color:#666;}
.choose-Languages .language-Item .icon-down {width:8px;height:8px;margin-left:6px;}
.choose-Languages .language-Item:hover {color:#FF5100}
.choose-Languages .drop-down {display:none;border:1px solid #eee;width:600px;background:#fff;padding:0 32px 32px 32px;position:absolute;border-radius:3px;top:60px;left:-120px;z-index:99999998;box-shadow:2px 6px 15px rgba(0,0,0,0.15);transition:all 0.3s ease}
.choose-Languages:hover .drop-down {display:block;-webkit-animation:animatescale 0.3s 0s ease-out;animation:animatescale 0.3s 0s ease-out}
.choose-Languages .drop-down:after {content:"";position:absolute;width:14px;height:14px;border:1px solid #eee;border-bottom:none;border-right:none;top:-9px;left:73px;background:#fff;transform:rotate(45deg);box-shadow:-3px 2px 2px rgba(255,255,255,0.05)}
.choose-Languages .drop-down .drop-down-item {border-bottom:1px solid #eee;padding-bottom:2px;padding-top:14px}
.choose-Languages .drop-down .drop-down-item:last-child {border-bottom:none}
.choose-Languages .drop-down .language-type {font-size:15px;color:#2b312b;margin-right:16px;-ms-flex-negative:0;flex-shrink:0}
.choose-Languages .drop-down .language-list {margin-top:-1px;flex-wrap:wrap;}
.choose-Languages .drop-down .language-list a {font-size:12px;color:#444;padding: 0px;margin:0px;height:25px;line-height:25px;;width:33.33%}
.choose-Languages .drop-down .language-list a:hover {color:#FF5100}
.choose-Languages .drop-down .language-present a {padding:4px 10px;background:#FF5100;font-size:14px;color:#fff;border-radius:2px}
.choose-Languages .drop-down .language-present-item {-ms-flex-align:center;align-items:center;padding-bottom:24px}
@-webkit-keyframes animatescale {0% {opacity:.5;transform:scale(0.5);transform-origin:top left}
60% {opacity:1;transform:scale(1);transform-origin:top left}
100% {opacity:1;transform:scale(1);transform-origin:top left}
}
@keyframes animatescale {0% {opacity:.5;transform:scale(0.5);transform-origin:top left}
60% {opacity:1;transform:scale(1);transform-origin:top left}
100% {opacity:1;transform:scale(1);transform-origin:top left}
}
@-webkit-keyframes animatescale1 {0% {height:0px;opacity:0}
100% {height:50px;opacity:1}
}
@keyframes animatescale1 {0% {height:0px;opacity:0}
100% {height:50px;opacity:1}
}


/*@media (min-width:1200px) and (max-width: 1439px) {.choose-Languages .drop-down {top:75px; }}
@media (min-width: 992px) and (max-width: 1199px) {.choose-Languages .drop-down {top:60px; }}
@media (min-width:768px) and (max-width: 991px) {.choose-Languages .drop-down {top:56px; }}*/


.video-target { width: 100%; height: 580px; box-sizing: border-box; overflow: hidden } 
.video-target .video-bg { left: 50%; transform: translate(-50%,-25%); -webkit-transform: translate(-50%,-25%); -moz-transform: translate(-50%,-25%); -ms-transform: translate(-50%,-25%); -o-transform: translate(-50%,-25%) } 
.gradient,.video-target .video-bg { position: absolute; top: 0; min-width: 100%; min-height: 100%; width: auto; height: auto } 
.gradient { left: 0; background: rgba(0,10,32,.7) } 
.video-content { width: 1180px; margin: 0 auto; height: 100%; position: absolute; left: 50%; margin-left: -590px; z-index: 8 } 
.video-part .center-img { position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; width: 64px; height: 64px } 
.video-download-pc { width: 160px; height: 44px; float: left; text-align: center; line-height: 44px; border: 1px solid #386ee7; position: relative; border-radius: 4px; cursor: pointer } 
.alert-video { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,10,32,.7); z-index: 999; display: none } 
#video_alert { margin-left: -600px; margin-top: -322.5px } 
#video_alert,.video_text { position: absolute; left: 50%; top: 50% } 
.video_text { height: 400px; width: 546px; margin-left: -273px; margin-top: -200px; display: none } 
.video_text p { font-size: 45px; color: #fff; margin-bottom: 100px } 
.video_text .btn-start { width: 175px; height: 44px; background: #fff; border-radius: 4px; color: #386ee7; font-size: 16px; text-align: center; line-height: 44px; margin: 0 auto; cursor: pointer } 
.vclose { position: absolute; right: -59%; top: -30%; border-radius: 100%; cursor: pointer } 
.videoAagin-pause,.videoCenter-pause { width: 64px; height: 64px; position: absolute; display: none; left: 0; top: 0; bottom: 0; margin: auto; right: 0 }
.Pro-Video-Box,.Pro-Video-Box video{width:100%}