/*
@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url('/content/images/detail/2025/SourceHanSansCN-Regular.eot');
    src: url('/public/fonts/SourceHanSans/SourceHanSansCN-Regular.eot?#font-spider') format('embedded-opentype'), url('/public/fonts/SourceHanSans/SourceHanSansCN-Regular.woff') format('woff'), url('/public/fonts/SourceHanSans/SourceHanSansCN-Regular.ttf') format('truetype'), url('/public/fonts/SourceHanSans/SourceHanSansCN-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('/public/fonts/SourceHanSans/SourceHanSansCN-Normal.eot');
    src: url('/public/fonts/SourceHanSans/SourceHanSansCN-Normal.eot?#font-spider') format('embedded-opentype'), url('/public/fonts/SourceHanSans/SourceHanSansCN-Normal.woff') format('woff'), url('/public/fonts/SourceHanSans/SourceHanSansCN-Normal.ttf') format('truetype'), url('/public/fonts/SourceHanSans/SourceHanSansCN-Normal.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{font-family:"MWF-MDL2";src:url("/public/fonts/segoe-ui/mwfmdl2-v3.54.woff2") format("woff2"),url("/public/fonts/segoe-ui/mwfmdl2-v3.54.woff") format("woff"),url("/public/fonts/segoe-ui/mwfmdl2-v3.54.ttf") format("truetype"),url("/public/fonts/segoe-ui/mwfmdl2-v3.54.svg") format("svg")}
@font-face{font-family:'SegoeUI1';src:url('/public/fonts/segoe-ui/normal/latest.woff2') format("woff2"),url('/public/fonts/segoe-ui/normal/latest.woff') format("woff"),url('/public/fonts/segoe-ui/normal/latest.ttf') format("ttf");font-weight:400}
@font-face{font-family:'SegoeUI2';src:url('/public/fonts/segoe-ui/Light/latest.woff2') format("woff2"),url('/public/fonts/segoe-ui/Light/latest.woff') format("woff"),url('/public/fonts/segoe-ui/Light/latest.ttf') format("ttf");font-weight:100}
@font-face{font-family:'SegoeUI3';src:url('/public/fonts/segoe-ui/Light/latest.woff2') format("woff2"),url('/public/fonts/segoe-ui/Light/latest.woff') format("woff"),url('/public/fonts/segoe-ui/Light/latest.ttf') format("ttf");font-weight:200}
@font-face{font-family:'SegoeUI4';src:url('/public/fonts/segoe-ui/Bold/latest.woff2') format("woff2"),url('/public/fonts/segoe-ui/Bold/latest.woff') format("woff"),url('/public/fonts/segoe-ui/Bold/latest.ttf') format("ttf");font-weight:600}
@font-face{font-family:'SegoeUI5';src:url('/public/fonts/segoe-ui/Bold/latest.woff2') format("woff2"),url('/public/fonts/segoe-ui/Bold/latest.woff') format("woff"),url('/public/fonts/segoe-ui/Bold/latest.ttf') format("ttf");font-weight:600}




@font-face {
    font-family: 'FONT-WEB-BOLD';
    src: url("/public/fonts/V-FONT-WEB-BOLD//8251bbe50a1d654cfe1a4c27d2710193.woff2") format('woff2'),url("/public/fonts/V-FONT-WEB-BOLD//337701a1771de668668b13dc74d3376d.eot") format('embedded-opentype'),url("/public/fonts/V-FONT-WEB-BOLD//e0d6e91f62ab942c138f15143a5346f4.woff") format('woff'),url("/public/fonts/V-FONT-WEB-BOLD//56d970eed1cdefd33ade958fe0435610.ttf") format('truetype'),url("/public/fonts/V-FONT-WEB-BOLD//57b5697a04c9b2fbe0a72f3ab9a4a8be.svg") format('svg');
    font-display: swap;
}
@font-face {
    font-family: 'VIVO-FONT-WEB';
    src: url("/public/fonts/V-FONT-WEB//ae301961b83a1d9ea69bb950ea96c9bd.woff2") format('woff2'),url("/public/fonts/V-FONT-WEB//18433653241b78933b3aafeb9a2ae991.eot") format('embedded-opentype'),url("/public/fonts/V-FONT-WEB//4c74b2c83c9466bdb272d0430666d37d.woff") format('woff'),url("/public/fonts/V-FONT-WEB//87fe8be1768bd6ecc728e6b2c39bbcc0.ttf") format('truetype'),url("/public/fonts/V-FONT-WEB//2f3301ce0bd7eee055decda008298ee6.svg") format('svg');
    font-display: swap;
}

@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: WebFont;
    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
}


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;}
body {
    background-color: #fff;
  
}
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,canvas,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: #D7000F;}
a.active, .active, a.active:link, a.active:visited {    color: #D7000F !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: #D7000F;
}
.btn2{background-color: #D7000F; }
.color{ color: #D7000F;}

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: #424866;
    line-height: 25px;
    background-color: #fff
}


* {
    font-family: 'WebFont' !important;
    font-size: 14px;
}

.visible-xs { display: none!important; }
@media (max-width: 767px) {
 .visible-xs { display:block!important }  
.hidden-xs { display: none!important; }
}



 .containerX { box-sizing: border-box; margin: 0 auto;  width: 100%; max-width: 2560px;padding:0 3% }
 @media (max-width: 992px) {
 .proDetail  .containerX{ padding:0 5px }
  }
  .rowX{justify-content:space-between;}
.flex{display: flex; display: -webkit-flex; flex-direction: row; }
.dflex{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
.fixed { position: fixed;z-index:9;top:0px;left:0px;width:100%;opacity:1;box-shadow: 0px 3px 10px rgba(0,0,0,.12);border-bottom:1px solid #eee; /*box-shadow: 0px 3px 10px rgba(0,0,0,.12);border-bottom:1px solid #eee;background:rgba(255,255,255,.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff, endColorstr=#e5ffffff);*/ }
.hide{display:none !important}

.carousel-indicators{position:absolute;bottom:30px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}
.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#212121\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}
.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}





.td-head {
    height: 80px;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    z-index: 9999999;
    -webkit-box-shadow: 0 2px 6px 0 rgb(32 33 37 / 10%);
    box-shadow: 0 2px 6px 0rgba(32,33,37,.1);
}

@media (min-width:1200px) and (max-width: 1439px) {.td-head { height:75px; }}
@media (min-width: 992px) and (max-width: 1199px) {.td-head { height:60px; }}
@media (min-width:768px) and (max-width: 991px) {.td-head { height:56px; }}

@media (max-width: 1000px) {    .td-head {display:none; }}



.td-head  .td-mainbar-pc { position: relative;  -webkit-transition: background .3s ease; -o-transition: background .3s ease; -moz-transition: background .3s ease; transition: background .3s ease; }
.td-head  .td-mainbar-pc.td-fixed { position: fixed; top: 0; background: rgba(255,255,255,.95); }
.td-head  .td-mainbar-pc.sticky-menu { left: 0; margin: auto; position: fixed; top: 0; width: 100%; padding:0 105px;z-index: 99; background: #fff; -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown; animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); border-radius: 0;  border-bottom: none; }
.td-head  .td-mainbar-pc .fixhome{/*border-bottom: 1px solid rgba(255,255,255,0.3);*/ display:block; position:relative; }


.td-head  .topbar { background: #D7000F;   }
.td-head  .topbar .col9 {width:50%;  }
.td-head  .topbar .col3 {width:50%; }
.td-head  .topbar .social-links { }
.td-head  .topbar .social-links ul { overflow: hidden; position: relative; justify-content:flex-end;align-items:center;}
.td-head  .topbar .social-links li {  padding:0px;   height:25px;line-height:25px;margin-left:8px;color:#fff;}
.td-head  .topbar .social-links li span {  color:#fff;}
.td-head  .topbar .social-links a {  color: #fff;padding: 0 10px; -webkit-transition: all .2s; transition: all .2s; cursor: pointer; opacity: .8; font-size:12px;}
.td-head  .topbar .social-links a:hover {  opacity: 1; }
.td-head  .topbar .social-links li  i { display: inline-block; padding-right: 5px; position: relative; top: 2px; }
.td-head  .topbar .contact-info { position: relative; z-index: 1; font-size: 12px;   height:25px;line-height:25px;}
@media (max-width: 1000px) {.td-head .topbar  .contact-info {  height:auto;line-height:20px;}}


 .hnav { /*-webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 10%); box-shadow: 0 1px 3px rgb(0 0 0 / 10%); */ background: #fff; position: relative; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease;  z-index: 777;} 
 .hnav .hnavLeft { flex-direction: row; align-items: center; flex-wrap: nowrap;width:70%;justify-content: space-between; }
 .nav-logo {  width: 180px; height: 100%;transition: opacity .5s cubic-bezier(.645,.045,.355,1);position:relative; } 
 .nav-logo:hover{opacity:.95}
 .nav-logo a{  justify-content: center; align-items: center;  }

 button.btnlocation { display: flex; justify-content: space-around; align-items: center;     border: #D7000F solid 1px; background-color: transparent; line-height: 1; text-align: center; color: #D7000F; border-radius: 0; margin: auto 0; font-size: 14px; padding-left: 4px; transition: none; }
 button.btnlocation  p {font-size:12px; display: inline-block;  text-transform:uppercase }
 button.btnlocation  i {}



/*下拉导航*/

.full-screen{/*background-color:#f7f9ff;  */    /*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);*/
             
}

.navmenu:hover li:hover .full-screen{display:block;opacity:1;visibility:visible}
.ddlFulldrop:hover li:hover .full-screen{display:block;opacity:1;visibility:visible}
.itemli.opened .full-screen{display:block;opacity:1;visibility:visible}/**/

/*.itemli.opened i{transform:rotate(-90deg);   }/**/
.itemli i.mdropa{transition: all 0.3s;transform:rotate(0deg);position:absolute;}/**/
.itemli.opened i.mdropa{transform:rotate(-180deg);  -webkit-transform:rotate(-180deg);  -o-transform:rotate(-180deg); -moz-transform:rotate(-180deg);   }

/*.itemli.opened  li{ -webkit-animation: header-sub-enter .8s forwards;-o-animation: header-sub-enter .8s forwards;-moz-animation: header-sub-enter .8s forwards;animation: header-sub-enter .8s forwards;opacity:0; }*/ 

@keyframes header-sub-enter { from{transform:translate(70px);opacity:0;filter:alpha(opacity=0)}to{transform:translate(0);opacity:1;filter:alpha(opacity=100)} } 
@-moz-keyframes header-sub-enter { from{-moz-transform:translate(70px);-moz-opacity:0;filter:alpha(opacity=0)}to{-moz-transform:translate(0);-moz-opacity:1;filter:alpha(opacity=100)} } /* Firefox */ 
@-webkit-keyframes header-sub-enter  {from{-webkit-transform:translate(70px);-khtml-opacity:0;opacity:0;filter:alpha(opacity=0)}to{-webkit-transform:translate(0);-khtml-opacity:1;opacity:1;filter:alpha(opacity=100)} }/* Safari 和 Chrome */ 
@-o-keyframes header-sub-enter  { from{-o-transform:translate(70px);opacity:0;filter:alpha(opacity=0)}to{-o-transform:translate(0);opacity:1;filter:alpha(opacity=100)} }/* Opera */

/*.lihome .iconfont{font-size:26px;}*/
.full-screen .nav-columns {
    padding: 25px 0;
}

.navmenu {height:80px;width:calc(100% - 220px); flex-direction: row; align-items: center; flex-wrap: nowrap; }

@media (min-width:1200px) and (max-width: 1639px) {.navmenu {height:75px;}}
@media (min-width: 992px) and (max-width: 1199px) {.navmenu {padding-left:0px;height:70px;}}
@media (min-width:768px) and (max-width: 991px) {.navmenu {padding-left:10px;height:65px; }}

.navmenu li.itemli{margin-right:15px;}


.navsearch{ flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: end; }
.navmenu li.itemli>a, .navsearch li.itemli>a {  height:80px;line-height:80px;display: block; padding:0 0 0 25px;   font-size:16px;position: relative;font-weight:700  }
.navsearch li.itemli>a {  padding:0px;   }
.navsearch li.itemli2:last-child>a {  padding:0 0px 0 10px;   }
.navmenu li.itemli:first-child>a {  padding:0;display:flex;display:-webkit-flex; }


/*.itemli-search{display:none;}*/


@media (min-width:1300px) and (max-width: 1439px) {
    .navmenu li.itemli{  height:  75px; }
.navmenu li.itemli>a, .navsearch li.itemli>a {  line-height: 75px; height: 75px; }
 .navsearch li.itemli>a { padding: 0px 10px;}

}
@media (max-width: 1299px) {
.navmenu li.itemli{  height:  70px; }
.navmenu li.itemli>a, .navsearch li.itemli>a {  line-height: 70px; height: 70px; padding: 0 0 0 5px; }
    .itemli-contact,.itemli-right-search{display:none;}
    .itemli-search{display:inline-block;}
    .hnav .hnavLeft { width: 90%; }
}
@media (max-width: 1100px) {
.navmenu li.itemli{  height:  70px; }
.navmenu li.itemli>a, .navsearch li.itemli>a {  line-height: 70px; height: 70px; padding: 0 0 0 5px;font-size:14px; }
 .navmenu {  width: calc(100% - 140px);  }
    .nav-logo {
        width: 120px;
    }
    button.btnlocation {display:none;
    }
}
@media (min-width:768px) and (max-width: 991px) {
.navmenu li.itemli {  height:  65px; }
.navmenu li.itemli>a, .navsearch li.itemli>a { line-height: 65px; height: 65px; font-size: 14px; }
.navsearch li.itemli:last-child>a {  font-size: 14px;}
.navsearch li.itemli:first-child>a {  }
}

.navmenu li.itemli>a:hover,.navmenu li.itemli>a:active,.navsearch li.itemli>a:hover,.navsearch li.itemli>a:active { color: #D7000F  !important;opacity: 1;    } 
.navmenu li.itemli.active  a,.navsearch li.itemli.active  a{ color: #D7000F  ;    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 #f7f9ff; 
                                 border-left:10px solid rgba(0,0,0,0);
                                 
                                  -webkit-transition: width 1s ease; transition: width 1s ease;}
/*.navmenu li.itemli span.spline:before { content: ''; position: absolute; width: 0; height: 100%; display: block; background-color: #D7000F; -webkit-transition: width 0s ease; transition: width 0s ease; }
.navmenu li.itemli.opened span.spline:before { width: 100%; -webkit-transition: width 1s ease; transition: width 1s ease; }*/ 
.navmenu li.itemli.opened span.spline{ display:block; }







 .searchright {  display: inline; padding: 20px 12px 0 18px; text-align: right; font-size: 12px; position: relative; z-index: 105; } 
 .searchright .globalDrop{cursor:pointer;    font-weight: 700; opacity: 0.8; opacity: 0.8;  white-space: nowrap;text-transform: uppercase; text-transform: uppercase; letter-spacing: 1px;font-size: 12px;  }
  .searchright .globalDrop:hover{color:#D7000F ;} 
 .searchright .globalDrop .iconfont{  font-size: 14px;} 


  .searchright .topsearchicon{-webkit-transition: all .3s linear; -moz-transition:  all .3s linear; -ms-transition:  all .3s linear; -o-transition:  all .3s linear; transition:  all .3s linear;}










.dropMenu {text-transform: none;background: #fff;line-height: 30px;  box-shadow: 0 4px 6px 0 rgba(54,68,75,0.10);  }
.dropMenu .dmRowOne{background:#D7000F;padding:5px 0;}
.dropMenu .dmRowOne ul{justify-content:center;align-items:center;}
.dropMenu .dmRowOne ul li{vertical-align:middle;display:flex;display:-webkit-flex;align-items:center;}
.dropMenu .dmRowOne ul li+::before {  color: #A7A9AC; content: "|"; padding: 0 5px;font-size:12px;}
.dropMenu .dmRowOne ul a{display:flex;display:-webkit-flex;align-items:center;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;}



/*下拉产品导航*/

.nav-pro-cell { padding-top:70px;padding-bottom:50px; position: relative; overflow: hidden;  display: block; }
.nav-pro-box {  position: relative; overflow: hidden;  display: block; }
.nav-pro-cell ul { white-space: nowrap; overflow: hidden; position: relative; text-align:center;}
.nav-pro-cell.navrpdrop ul { white-space:initial; text-align: left; }
.nav-pro-cell.navrpdrop ul li { padding:15px 0; }
.nav-pro-cell ul li { width: 11%;  position: relative; display:inline-block }
.nav-pro-cell ul li .cell{ display:block;text-align:center;font-weight:500;color:#555}
.nav-pro-cell ul:hover li .cell{ color:#aaa}
.nav-pro-cell ul:hover li:hover .cell{ color:#555}
.nav-pro-box ul li a.cell  .cname { display: block; overflow: hidden; white-space: nowrap; padding-top: 20px;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.nav-pro-cell ul li .cell span.iconfont{  font-size:50px; height:70px;line-height:70px;text-align:center; display:block;transition: all ease .3s;}
.nav-pro-cell ul li:hover  .cell span.iconfont{  } 
 
.nav-pro-cell ul li a.cell  .cname { display: block; white-space: nowrap; /*padding-top: 20px;*/  -webkit-transition:all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s;  font-weight:normal;}
.nav-pro-cell ul li div span {  font-weight: normal; color: #666; }


@media (min-width: 992px) and (max-width: 1399px) {
 
.nav-pro-cell ul li a.cell .cname { font-size: 14px; }
.nav-pro-cell ul li .cell span.iconfont{ font-size:50px;line-height:60px;height:60px;}
.nav-pro-cell ul li .cell img { width: 60px;padding-bottom: 15px; }
}
@media (min-width:768px) and (max-width: 991px) {

.nav-pro-cell ul li .cell img { padding-bottom: 10px;width: 50px; }
.nav-pro-cell ul li a.cell .cname { font-size: 14px;}
.nav-pro-cell ul li ,.nav-pro-cell ul.forb li{  }
.nav-pro-cell ul li .cell span.iconfont{ font-size:50px; line-height:60px;height:60px;}

}

.nav-pro-cell-X { padding-top:40px;padding-bottom:50px; position: relative; overflow: hidden;width: 100%;min-height:246px;display:flex;display:-webkit-flex;justify-content:center;}
.nav-pro-cell-X .left-Nav { display: flex;display:-webkit-flex; width: 100%; align-items: center; }
.nav-pro-cell-X .left-Nav dl{width: 100%; margin:0px;padding:0px; justify-content:center;align-items: center;}
.nav-pro-cell-X .left-Nav dd { margin: 0px; width: 11.11%;max-width:180px; border-right: 0px solid #eee; justify-content: center; align-items: center; flex-direction: column; text-align: center; }
.nav-pro-cell-X .left-Nav dd:last-child{border-right-width:0}
.nav-pro-cell-X .left-Nav dd span.iconfont{ font-size:50px;display:block;padding-bottom:25px;}
.nav-pro-cell-X .left-Nav a{font-weight:500;display:block;padding:14px 0;width:100%;font-size:14px;line-height:1.4285714286em;}
.nav-pro-cell-X .left-Nav dd.active a{color: #D7000F;}


@media (min-width: 992px) and (max-width: 1399px) {

    /*.nav-pro-cell-X .left-Nav dd {  width: 150px;  }*/
}


.DM-TWO {width:100%}
.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; width: calc(100% - 30%);}
.DM-TWO .DMT-list .DMT-cell-text h3 {margin-bottom:15px;}
.DM-TWO .DMT-list .DMT-cell-text h3 a{font-size:16px;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{ box-sizing: border-box; position: relative;display:flex;display:-webkit-flex;flex:1 1 auto;}
.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;width:100% }
.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}





/*.fixhome ul.navmenu:hover li:hover>a { color: #303233; position: relative; } 
.fixhome ul.navmenu:hover li>a { color: #919699; }*/

/*.fixhome ul.navmenu:hover li a:hover:after{content:'';display:inline-block;position:absolute;left:0;bottom:-1px;
z-index:999999991;width:100%;height:2px;border-radius:1px 1px 0 0;background-color:#303233}*/
/*Search区*/


.top-search{display:none}
.top-search-box{position:absolute;top:0;left:50%;margin-left:-400px;width:800px;z-index:99999991;background-color:#fff;}

.top-search-inner{height:80px;line-height:80px;border-bottom: 0px solid #D7000F;}

@media (min-width:1440px) and (max-width: 1920px) {


}
@media (min-width:1200px) and (max-width: 1439px) {
.top-search-inner{height:75px;line-height:75px;}

}
@media (min-width: 992px) and (max-width: 1199px) {
.top-search-inner{height:70px;line-height:70px;}
.top-search-box{margin-left:-350px;width:700px;}
}
@media (min-width:768px) and (max-width: 991px) {
.top-search-inner{height:65px;line-height:65px;}
.top-search-box{margin-left:-250px;width:500px;}

}




.search-clear{display:none}
.top-search-wrapper{padding-left:20px;position:relative;z-index:2;height:inherit;line-height:inherit;display:none;border-radius:0;background-color: #f7f9ff; border-bottom: solid 1px #ccc;}
.search-close,.qsearch,.search-submit{border:none;background-color:transparent;cursor:pointer;outline:none}
.qsearch{font-size:14px;width:100%;height:32px;line-height:32px;margin-top:0px;border-radius:0}
.searchBox {  width: 100%; height: 32px; line-height: 32px; margin-top: 0px; border-radius: 0; border: solid 1px #ccc; text-align: center; }
.search-submit.iconfont{right: 20px;z-index:1;width:30px;height:100%;font-size: 20px;font-weight:700;transition:all 0.3s}
.search-submit.iconfont:hover{color: #ad4f00;}
.search-close,.search-submit{position:absolute;top:0;transition:opacity .2s cubic-bezier(.645,.045,.355,1)}
.search-close { right: 10px;top:60px;height: 80px; opacity: 1; -webkit-tap-highlight-color: transparent; outline: none; z-index: 3; color: #D7000F; font-weight: bold; font-size: 20px ! important; }
.search-close:hover{opacity:.6}

@media (min-width:1200px) and (max-width: 1439px) {
.search-close{height:70px;font-size:30px ! important;}


}
@media (min-width: 992px) and (max-width: 1199px) {
.search-close{height:60px;font-size:26px ! important;}

}
@media (min-width:768px) and (max-width: 991px) {

.search-close{height:55px;font-size:20px ! important;}

}


.search-links{background-color:#f7f9ff;opacity:0;transition:opacity .25s ease-out;padding-bottom:15px;}
.search-links a{overflow:hidden;display:block;height:40px;font-size:14px;line-height:40px;padding:0 20px;opacity:0;-webkit-transform:translateX(40px);-ms-transform:translateX(40px);transform:translateX(40px);transition:opacity .25s ease-out,-webkit-transform .25s ease-out;
                transition:opacity .25s ease-out,transform .25s ease-out;transition:opacity .25s ease-out,transform .25s ease-out,-webkit-transform .25s ease-out;
                display:flex;display:-webkit-flex;justify-content:space-between
}
#hotlink a{height:40px;line-height:40px;color:#999;}

@media (min-width:1200px) and (max-width: 1439px) {
.search-links a{height:30px;line-height:30px;-webkit-transform:translateX(36px);-ms-transform:translateX(36px);transform:translateX(36px);}


}
@media (min-width: 992px) and (max-width: 1199px) {
.search-links a{height:30px;line-height:30px;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);}

}
@media (min-width:768px) and (max-width: 991px) {

.search-links a{height:30px;line-height:30px;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);}

}
.spRt .badge { font-weight: normal; font-size: 12px; font-style: normal; }


.search-links > a {
    color: #999;
    cursor: default
}

.search-links .iconfont{color:#999;}


@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}

.Newarrivals {color:#999;}

.search-active .top-search{display:block}
.search-active .search-links{opacity:1;    box-shadow: 0 8px 13px 0 rgba(0,0,0,.07);}
.search-active .search-links a{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;font-weight:normal;color:#999}
.search-active .search-links a.Quicklinks{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;cursor:default;color:#aaa;}
.search-active .search-links a.more{color: #aaa; background-color: #f7f9ff;}
.search-active .search-links  a:hover { background:#F1F2F3 !important;} 
.search-active .search-links a.more:hover{color: #D7000F; background-color:#f7f9ff ;}
.search-active .search-links a:nth-child(2){transition-delay:.15s,.15s}
.search-active .search-links a:nth-child(3){transition-delay:.21s,.21s}
.search-active .search-links a:nth-child(4){transition-delay:.27s,.27s}
.search-active .search-links a:nth-child(5){transition-delay:.33s,.33s}
.search-active .search-links a:nth-child(6){transition-delay:.39s,.39s}
.search-active .search-links a:nth-child(7){transition-delay:.45s,.45s}
.search-active .search-links a:nth-child(8){transition-delay:.49s,.49s}
.search-active .search-links a:nth-child(9){transition-delay:.53s,.53s}
.search-active .search-links a:nth-child(10){transition-delay:.58s,.58s}
.search-active .search-links a:nth-child(11){transition-delay:.62s,.62s}



.search-active .top-search-wrapper{display:block;/*-webkit-animation:global-searchform-slide 1s both;animation:global-searchform-slide 1s both*/}
.search-active .top-search-wrapper:before{display:none}
.search-active .top-search-wrapper:before{display:none}
.search-active .searchright{opacity:0;}

.searchshow .top-search{display:block}

.search-active input.qsearch
{/*-webkit-animation-name:slideInRight;animation-name:slideInRight;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease;animation-timing-function:ease*/}


.search-hide .navmenu li.itemli>a{-webkit-animation:global-nav-item-search-hide .4s both;animation:global-nav-item-search-hide .4s both}
.search-hide .navmenu li.itemli:nth-child(2){-webkit-animation-delay:0ms;animation-delay:0ms}
.search-hide .navmenu li.itemli:nth-child(3){-webkit-animation-delay:35ms;animation-delay:35ms}
.search-hide .navmenu li.itemli:nth-child(4){-webkit-animation-delay:70ms;animation-delay:70ms}
.search-hide .navmenu li.itemli:nth-child(5){-webkit-animation-delay:105ms;animation-delay:105ms}
.search-hide .navmenu li.itemli:nth-child(6){-webkit-animation-delay:.140ms;animation-delay:.140ms}
.search-hide .navmenu li.itemli:nth-child(7){-webkit-animation-delay:175ms;animation-delay:175ms}
.search-hide .navmenu li.itemli:nth-child(8){-webkit-animation-delay:.210ms;animation-delay:.210ms}
.search-hide .navmenu li.itemli:nth-child(9){-webkit-animation-delay:.245ms;animation-delay:.245ms}
.search-hide .navmenu li.itemli:nth-child(10){-webkit-animation-delay:.280ms;animation-delay:.280ms}



.search-active .navmenu li.itemli>a,.search-active .navsearch li.itemli>a {visibility: hidden; -webkit-tap-highlight-color: transparent;}
.search-active .navmenu li.itemli,.search-active .navsearch li.itemli>a {-webkit-animation:global-nav-item-searchshow .4s both;animation:global-nav-item-searchshow .4s both;pointer-events:none}
.searchhide .navmenu li.itemli>a,.searchhide .navsearch li.itemli  a{-webkit-animation:global-nav-item-searchhide .4s both;animation:global-nav-item-searchhide .4s both}





.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:999}
.mask-close{opacity:0}
#btn-show-search{/*cursor:pointer; font-size:18px;*/font-weight:700;}

.navsearch li.itemli.last a.iconlanuage{ }
.iconlanuage:before{ font-size:22px;}

@-webkit-keyframes global-nav-item-search-hide{0%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}60%{opacity:1}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)}}
@keyframes global-nav-item-search-hide{0%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}60%{opacity:1}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)}}
@-webkit-keyframes global-searchform-slide{0%{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);-webkit-animation-timing-function:cubic-bezier(.11393,.8644,.14684,1);animation-timing-function:cubic-bezier(.11393,.8644,.14684,1);opacity:0}60%{opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes global-searchform-slide{0%{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);-webkit-animation-timing-function:cubic-bezier(.11393,.8644,.14684,1);animation-timing-function:cubic-bezier(.11393,.8644,.14684,1);opacity:0}60%{opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
@-webkit-keyframes global-nav-item-searchshow{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)}40%{opacity:1}to{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}}
@keyframes global-nav-item-searchshow{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)}40%{opacity:1}to{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}}






#autoresult  table{  width: 100%;}
#autoresult .std {   height:40px; line-height:40px; padding: 0 40px;overflow:hidden; padding-right:60px;display:block; border-top: solid 1px #f7f9ff;font-size:14px; cursor:pointer;} 
#autoresult .std  strong{  color:#212121; display:inline-block;float:left;height:100%;width:120px;overflow:hidden; cursor:pointer;} 
#autoresult .std  strong:hover{  color:#D7000F;} 
#autoresult .std:hover { background:#f7f9ff;} 
#autoresult .tstopic{display:inline-block;float:left;height:100%;padding:0 15px;overflow:hidden;font-size:14px; text-align:left; cursor:pointer;}
#autoresult .tstopic:hover{color:#D7000F; }






/*弹出层时，黑背景*/
.global-mask { position: fixed; top: 0; left: 0; height: 0; width: 0; background: rgba(0,0,0,.5); transition: opacity 1s ease .1s; opacity: 0; }











.drop{/*border-bottom: 1px #e7e7e9 solid; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05);*/ display:none;}
.drop-open { /*position: fixed; 20200829*/ overflow: hidden; width: 100%; background: #f7f9ff; left: 0; cursor: default;  border-bottom: 1px solid #e5e5e5\9; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);  border-top:solid 1px #f7f9ff; }

 .right-info { padding-left: 39px;padding-top:30px;padding-bottom:20px; }
 .right-info h3 { font-size: 14px;font-weight:700;padding-bottom:15px; }
 .right-info ul { list-style: none; padding: 0; margin: 0; }
 .right-info ul li { padding: 4px 0; font-size:14px;}
 .right-info ul li a {  display:block; font-size:14px; }
 .bg-right { position: absolute; width: 1000px; height: 100%; top: 0; left: 0; z-index: -1; } 
 .bg-right div { background: #ebebeb; height: 100%; } 




/*footer*/

.footer{background: #333;}

.ftLeftLinks {  padding :60px 0 40px 0; justify-content:space-between;}
.ftLeftLinks dl{  width:16.66%;}
.ftLeftLinks dl.erwermapic{  width:150px;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: 500; margin-bottom: 10px;  color: #fff; font-size:16px;}
.ftLeftLinks dl dt b { display:none;position: absolute; top: 50%; right: 10px; margin-top: -16px; width: 12px; height: 12px; display: none; color: #333; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; font-size: 12px; -webkit-transition: all .3s ease; transition: all .3s ease; }

.ftLeftLinks dd a{ display:block;   font-size:14px;color:#aaa;}
.ftLeftLinks dd {font-size:14px;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: 50px 0 20px 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: 16px; display: flex; display: -webkit-flex;  align-items: center; }
.LiContact li a .iconfont{font-size:30px;margin-right: 30px;}
@media (max-width: 1000px) {
    .LiContact { padding:  20px 10px; border-bottom-color:#fff; flex-wrap:wrap; }
    .LiContact li{margin-right:20px;}
.LiContact li a { color: #333;  font-size: 14px; }
.LiContact li a .iconfont{font-size:20px;margin-right: 10px;}
.ftLeftLinks dl.erwermapic{  display:none;}
}
@media (max-width: 500px) {
    .LiContact { padding: 10px 10px 0 10px; border-bottom-color:#fff; flex-wrap:wrap; }
    .LiContact li{margin-right:0px;width:auto;height:35px;line-height:35px;}
.LiContact li a { color: #333;  }
}


@media (min-width:1200px) and (max-width: 1439px) {

.ftLeftLinks { padding: 44px 0 12px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.ftLeftLinks h4 a {font-size: 14px; }
.ftLeftLinks h4 a.ftbtnonline { border: 1px solid #f7f9ff; line-height: 35px; height: 35px; font-size: 14px; }
.ftLeftLinks { padding: 44px 0 22px; }
}


.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:#D7000F}
.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-box; display: flex; -webkit-box-align: end; -moz-align-items: flex-end; align-items: flex-end; }
.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: 960px) { 
.footer .share { text-align: center; width: 100%; }
.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; }

}



@media (max-width: 991px) {
.table-responsive {  border: 0px solid #ddd; }

/*footer*/
.footer{ padding:0px 0 15px 0;background-color:#fff; margin-top:0px;border:none; border-top: solid 1px #ebebeb; }
.footer .container{ width:100%;max-width:100%; }
.dlContact{display:none;}

.ftLeftLinks dl{ float:none;  padding:0 15px;width: 100%  !important;border-bottom: 1px #ebebeb solid;overflow: hidden; max-height: 45px; 
                -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; }
.ftLeftLinks dl dd { padding-left:15px; width:100%}
.ftLeftLinks dt{ font-size:14px;width: auto; margin-bottom: 0; padding: 12px 0;color:#212121; }
.ftLeftLinks dd a{ display:block;  height:35px; line-height:35px; overflow:hidden;}
.ftLeftLinks dl.active dt b { will-change: transform; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.ftLeftLinks dl.active {width: 100%;    max-height: 365px; will-change: transform,max-height;padding-bottom:15px;}


.ftLeftLinks {   flex-wrap:wrap;}

.ftLeftLinks { padding-bottom: 10px; }
.ftLeftLinks .ftHotline { float: none; width: 100%;padding-left:15px;padding-right:15px;font-size:14px; display:none; }
.ftLeftLinks  { padding-top:15px;}
.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%;}


/*手机状态下二级页导航*/

.cell-wrap { width: 100%;  position: relative; height: 100%; margin: 0 auto;  position: relative; width: 100%; background-color: #212121; border-top: 1px solid #333; -webkit-box-sizing: border-box; box-sizing: border-box;}
.cell-wrap.fixed{position:fixed;top:0px;left:0px;z-index:10;height:auto;}
.cell-nav-box { position: relative;  padding: 0 10px; height: 44px;border-bottom: 1px solid #333; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 9; }
.cell-nav-mask { position: absolute; top: 64px; width: 100%; height: 0; background-color: rgba(33,33,33,.2); z-index: 8;  opacity: 0; -webkit-transition: opacity .35s ease .2s,max-height 0s linear .5s; transition: opacity .35s ease .2s,max-height 0s linear .5s; }
.cell-nav-box .cell-title { display: inline-block; font-size: 14px;color:#eee; }
.cell-nav-box .cell-ul { position: absolute; width: 100%; top: 0; left: 0; margin-top: 43px; background: #212121; max-height: 0; opacity: 0; overflow: hidden; will-change: transform,max-height; -webkit-transition: max-height .2s ease,opacity .35s ease .1s; transition: max-height .2s ease,opacity .35s ease .1s; }
.cell-nav-box .cell-ul li { opacity:0;filter: alpha(opacity=0); opacity: 0;*zoom:1;display: block; margin: 0 68px; text-align: center; }
.cell-nav-box .cell-ul li a { display: block;    color: #fff; font-size: 14px; padding: 15px 0; border-bottom: 1px solid #333; }
.cell-nav-box .cell-ul li a.active {color: #D7000F;  }
.cell-nav-box .nav-arrow { display: inline-block;-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease; }
.cell-nav-box .nav-arrow .icon-arr { font-size: 16px; color:#eee; }

.openProNav .cell-nav-mask { min-height: 100vh;height:100%; opacity: 1; -webkit-transition: opacity .3s ease,max-height 0s linear 0s; transition: opacity .3s ease,max-height 0s linear 0s; }
.openProNav .cell-nav-box .cell-ul { opacity: 1; max-height: 100vh; -webkit-transition: max-height .35s ease,opacity .2s ease; transition: max-height .35s ease,opacity .2s ease; }
.openProNav .cell-nav-box .nav-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }



.openProNav .cell-nav-box .cell-ul li{ animation: cell-ul-li-active .8s forwards; } 
@keyframes cell-ul-li-active{from{transform:translate(70px);opacity:0;filter:alpha(opacity=0)}to{transform:translate(0);opacity:1;filter:alpha(opacity=100)}}
.openProNav .cell-nav-box .cell-ul li:nth-child(1){animation-delay:0s}
.openProNav .cell-nav-box .cell-ul li:nth-child(2){animation-delay:.1s}
.openProNav .cell-nav-box .cell-ul li:nth-child(3){animation-delay:.2s}
.openProNav .cell-nav-box .cell-ul li:nth-child(4){animation-delay:.3s}
.openProNav .cell-nav-box .cell-ul li:nth-child(5){animation-delay:.4s}
.openProNav .cell-nav-box .cell-ul li:nth-child(6){animation-delay:.5s}
.openProNav .cell-nav-box .cell-ul li:nth-child(7){animation-delay:.6s}
.openProNav .cell-nav-box .cell-ul li:nth-child(8){animation-delay:.7s}
.openProNav .cell-nav-box .cell-ul li:nth-child(9){animation-delay:.8s}
.openProNav .cell-nav-box .cell-ul li:nth-child(10){animation-delay:.9s}
.openProNav .cell-nav-box .cell-ul li:nth-child(11){animation-delay:1s}







}

 @media (min-width: 768px) and (max-width: 1199px) {
.footer{padding: 0;font-size:12px;}
.ftLeftLinks dd a{ }
.ftLeftLinks  h3{font-size:14px;padding-bottom:5px;}
.ftLeftLinks  h4{font-size:18px;padding-bottom:5px;}
.ftLeftLinks  p{line-height:18px;}
    .footer-info, .ad-desc, .footer-info a:link, .footer-info a:visited, .footer-feedback a:link, .footer-feedback a:visited, .footer-shengming .shengming a, .footer-feedback, .footer-second ul.nav-right li a {
        font-size: 12px;
    }

 }


/*超小设备手机（<768px）*/

 @media (max-width: 992px) {
    

body{   position: relative;}

.header-banner-bd { height: auto; }/*banner高度*/ 
#header-banner .banner-btn{width:50px;display:none;}
#header-banner .carousel-indicators-wrap{top:auto;bottom:0px;text-align: center;}



.celltop{}
.celltop.active{}

.mzone {background-color:transparent;height:60px;    border-bottom: 5px solid #f7f9ff; z-index:5;background-color:#fff; display:block;padding:0 10px;} 

.mzone .header-phone{width:25px;height: 48px; overflow:hidden;position:relative;transition: all .3s ease-in-out;}
.mzone .mlogo { width: 200px;margin:0 auto; height: 48px; overflow: hidden; background: url(/public/images/mlogo1.png) no-repeat  center;  display: block; position:absolute;top:0px;left:50%;margin-left:-120px; }
.mzone .mlogo a{ width: 100%;height:100%;display:block;}
.mzone .navbar-toggle{width:100%;padding:0px; outline: 0; border: 0;margin-right: 0px;margin-top:0px; margin-bottom: 0px;border-radius: 0px;position:relative; display:block;}
.mzone .navbar-toggle span.icon-bar{ width: 100%;position: absolute; left: 0px; top: 24px;height: 1px; background: #5f5753;  transition: all .3s ease-in-out; -webkit-transform: scaleY(1.5); -ms-transform: scaleY(1.5); transform: scaleY(1.5);}
.mzone .navbar-toggle span.icon-bar:first-child { top: 20px; }
.mzone .navbar-toggle span.icon-bar:last-child { top: 33px; }
.mzone .navbar-toggle.m-btn-close span:first-child { transition: all .3s ease-in-out .2s; -webkit-transform: rotate(45deg) translate(8px,5px); -ms-transform: rotate(45deg) translate(8px,5px); transform: rotate(45deg) translate(8px,5px); }
.mzone .navbar-toggle.m-btn-close span:nth-child(2) { transition: all .5s ease-in-out; opacity: 0; }
.mzone .navbar-toggle.m-btn-close span:nth-child(3) { transition: all .3s ease-in-out .3s; -webkit-transform: rotate(-45deg) translate(7px,-5px); -ms-transform: rotate(-45deg) translate(7px,-5px); transform: rotate(-45deg) translate(7px,-5px); }


.celltop  .cell-search-icon{padding-top:9px; vertical-align:middle;opacity:1;transition: all .3s ease-in-out .3s;}
.celltop.active .cell-search-icon{opacity:0;}
.celltop.activeSearch .header-phone {opacity:0;}
.celltop  .cell-search-icon .iconfont{font-size:18px;color:#5f5753;}
.celltop  .cell-search-icon .iconfont.icon-close{font-size:24px;}
.celltop  .cell-search-icon .iconfont.icon-search2{font-size:24px;}

.celltop .cell-Search {display:none;position:absolute;left:0px;top:60px;background:#f7f9ff;width:100%; z-index:9999;height:100%;padding:0px;   }
.cell-Search-box {  font-size: 14px;   width: 100%; text-align: center; height: 100%; }
.cell-Search-box .c-search { border-bottom: 1px solid #ccc; } 
.cell-Search-box .c-search .search-top { position: relative; width: 100%; } 
.cell-Search-box .c-search .search-top input { font-size: 14px; height: 50px; width: 100%; background: none; color: #5f5753; border: none; border-bottom: solid 1px #5f5753; text-align: left; padding: 0 25px; }
.cell-Search-box .c-search .search-top .btnCellSearch { position: absolute; top: 12px; width: 13px; height: 13px; right: 22px; color: #5f5753; }
.cell-Search-box .cellresult a { display: block; height: 55px; line-height: 55px; border-bottom: 1px solid #ccc; font-size: 14px; white-space: nowrap; color: #333; text-align: left; margin: 0 25px; }
.cell-Search-box .cellresult a:last-child { border-bottom: 0px solid #262626;  }




.nav-phone{position:absolute;left:0px;top:60px;background:#f7f9ff;width:100%; z-index:9999;display:none;height:100%;padding:0 28px;min-height:650px;}


.celltop .nav-phone>ul>li{  opacity:0;filter: alpha(opacity=0); opacity: 0;*zoom:1 }

.celltop.active .nav-phone>ul>li{ animation: cell-li-enter .8s forwards; } 
@keyframes cell-li-enter{from{-webkit-transform: scale(1.1) translateY(-24px); -ms-transform: scale(1.1) translateY(-24px); transform: scale(1.1) translateY(-24px)}to{-webkit-transform: none; -ms-transform: none; transform: none;  opacity:1;filter:alpha(opacity=100)}}




.celltop.active .nav-phone>ul>li:nth-child(1){animation-delay:0s}
.celltop.active .nav-phone>ul>li:nth-child(2){animation-delay:.1s}
.celltop.active .nav-phone>ul>li:nth-child(3){animation-delay:.2s}
.celltop.active .nav-phone>ul>li:nth-child(4){animation-delay:.3s}
.celltop.active .nav-phone>ul>li:nth-child(5){animation-delay:.4s}
.celltop.active .nav-phone>ul>li:nth-child(6){animation-delay:.5s}
.celltop.active .nav-phone>ul>li:nth-child(7){animation-delay:.6s}
.celltop.active .nav-phone>ul>li:nth-child(8){animation-delay:.7s}
.celltop.active .nav-phone>ul>li:nth-child(9){animation-delay:.8s}
.celltop.active .nav-phone>ul>li:nth-child(10){animation-delay:.9s}
.celltop.active .nav-phone>ul>li:nth-child(11){animation-delay:1s}







.nav-phone a{display:block;text-decoration:none;padding:15px 0px;font-size:14px;text-align:left;text-decoration: none; white-space: nowrap; -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-tap-highlight-color: transparent; outline-offset: -7px;}
a.nav18{ font-size:14px;}
.nav-phone .menu01{border-bottom: 1px solid #ccc;position:relative;}
.nav-phone .menu01 > a{color:#5f5753;}
.nav-phone .menu02 > a{}

.nav-phone .menu01 > a.active { }

.nav-phone .menu01 a:last-child{border:none;}
.nav-phone .ul01,.ul02{ display:none;padding-left:25px;}
.nav-phone  .ul01  a{color:#777;padding:5px 0;text-align:left;;font-size:14px;}
.nav-phone   li b.iconfont{ -webkit-transition:all .3s ease;transition:all .3s ease;display:inline-block;color:#aaa;position: absolute; right: 2px; top: 18px; font-size: 16px;  z-index: 1; -webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;}
.nav-phone   li.active  b.iconfont{-webkit-transition:all .3s ease;transition:all .3s ease; -webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);color:#f7f9ff}

.nav-phone .msearchbox{padding:15px 15px;position:relative;}
.nav-phone .msearchbox .mkey{height:30px;;width:100%;text-align:center;border-radius:15px;}

.nav-phone .msearchbox .btnmsearch{border:none;background-color:transparent;position:absolute;left:10px;top:8px;z-index:2;color:red;height:30px;width:40px;background-position:15px -357px;}







}


 .ProListWrap { padding-bottom: 20px; width: 100%; background: #f7f9ff; }
.ProListWrap .PLW-BOX{}
.ProListWrap .PLW-BOX.P20{padding:0 20px;}
.PLW-Product ul.ulbox{display:flex;display:-webkit-flex;justify-content:space-between;padding-top:25px; flex-wrap:wrap;}

.PLW-Product ul.ulbox li.curPro{min-height:500px;width: calc(50% - 10px);position: relative;background: #fff;padding: 60px 0 0 58px;overflow: hidden;margin-bottom:20px;border-radius:5px;
            -webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease}
.PLW-Product ul.ulbox li.curPro:hover{  -webkit-box-shadow: 0 13px 20px 0 rgba(0,0,0,.1);    box-shadow: 0 13px 20px 0 rgba(0,0,0,.1)}
.PLW-Product ul.ulbox li.curPro  ul li {position:relative;padding-left: 20px; height:30px;line-height:30px;display:block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;max-width:70%;font-size:16px;}
.PLW-Product ul.ulbox li.curPro  ul li:before, .PLW-Product ul.ulbox li.curPro  ul li:after { position: absolute; top: 0; left: 0;border-radius: 50%;box-sizing: border-box;width: 10px; height: 10px; content: " ";  border: 2px solid #e6e6e6; line-height: 0; vertical-align: middle; display: block; top: 11px; }
.PLW-Product ul.ulbox li.curPro  ul li:after { z-index: 1; width: 4px; height: 4px; background-color: #919191; border: 0; margin: 3px 0 0 3px; }
.PLW-Product ul.ulbox li.curPro  ul li:nth-child(n+6){display:none;}
.PLW-Product .ProInfo { z-index: 2; display: flex; flex-direction: column; padding-bottom: 50px; }
.PLW-Product .ProInfo h6{font-size: 30px;color: #333;font-weight: 500;margin-bottom: 24px;}
.PLW-Product .ProInfo p{font-size: 16px;color: #777;font-weight: 300;line-height: 36px;}
.PLW-Product .ProInfo-img{position: absolute;z-index: 1;right: 28px;bottom: 28px;}
.PLW-Product .ProInfo-img img{transform: scale(.96);transition: all .6s ease;}
.PLW-Product .ProInfo-link{position: absolute;bottom: 58px;left: 58px;z-index: 1;display: block;width: 112px;height: 34px;line-height: 34px;display: block;border-radius: 30px;background:#D7000F;font-size: 14px;font-weight: 300;color: #fff !important;text-align: center;}
.PLW-Product .ProInfo-link:active{color: #fff;}
.PLW-Product .PLW-Product li:hover .ProInfo-img img{transform: scale(1);}
.PLW-Product .proic-img{width: 100%;height: 86px;}
.PLW-Product .proic-img img{max-height: 100%;}




/*我们的目标*/
.spt_three{background-color:#fff; }
.spt_three .stlist{display:flex;display:-webkit-flex;justify-content:space-between;align-items:stretch;}
.spt_three .stlist .stcell{position: relative;width:49%; }  
.spt_three .stlist .stcell img{ width:100%; height:auto}
.spt_three .stlist .stcell div{position: absolute;left: 5%;bottom: 50px;background: url(/public/images/white_bg.png) repeat;padding: 3%;width: 90%;}
.spt_three .stlist .stcell h4{font-size: 16px;color:#D7000F;font-weight: 700;margin-bottom: 15px;}
.spt_three .stlist .stcell p{color:#666;}
.spt_three .stlist .stcell p a{color:#D7000F;}

@media (max-width: 767px) {
.spt_three .stlist{flex-wrap:wrap;}
.spt_three .stlist .stcell{width:100%;margin-bottom:15px;}
.spt_three .stlist .stcell div{position: relative;left: inherit;bottom: inherit;padding: 15px 0;width: 100%;}
}
@media (min-width: 768px) and (max-width: 991px) {
.spt_three .stlist .stcell div{bottom: 20px;}

}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 1200px) and (max-width: 1920px) {


}
/*导航地址*/
.linkGuide { padding: 10px 0; border-bottom: 1px solid #ededed;background:#fff; }
.linkGuide ul { font-size: 0; line-height: 1; -webkit-box-sizing: border-box; box-sizing: border-box;}
.linkGuide ul li { position: relative; padding-right: 38px; display: inline-block; }
.linkGuide ul li a,.linkGuide ul li span { font-size: 14px; font-weight: 500; line-height: 24px; color: #7f7f7f;-webkit-transition: .3s ease-out; transition: .3s ease-out; }
.linkGuide ul li::after{content:'/';position:absolute;top:0;right:15px;font-size:14px;font-weight:500;line-height:24px;color:#7f7f7f}
.linkGuide ul li:last-of-type{padding-right:0}
.linkGuide ul li:last-of-type::after{display:none}

/*下载或者联系组件*/

.Pro-down-box { display: flex; display:-webkit-flex; flex-flow: row wrap; align-content: flex-start;   }
.Pro-down-box .NCB-item { width: calc(33.33% - 20px);  margin:0 10px 20px 10px; }
.NCBI-Cell { background-color: #fff; border-radius: 10px; overflow: hidden; height: 100%; box-sizing: border-box; display: flex; flex-flow: column; 
-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);}
.NCBI-Cell: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)}




.PDB-Text { padding: 32px; box-sizing: border-box; min-height: 210px; display: flex; flex-grow: 1; flex-flow: column; justify-content: space-between; align-items: flex-start; }
.PDB-Text>div { margin-bottom: 24px; } 
.PDB-Text button { box-sizing: border-box; border: 1px solid transparent; cursor: pointer; transition: .25s ease-in-out; padding: 3px 12px; font-size: 14px; border-radius: 5px; -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); }
.PDB-Text button.onread { background-color: #E7000F;color:#fff;  }
.PDB-Text button:hover {  background-color:rgba(199,0,11,0.7);color:#fff; }
.PDB-Text h3 { font-size: 18px; line-height: 1.6; font-weight: 700; margin-top: 0; margin-bottom: 8px; }
.PDB-Text p { font-weight: 400; margin-top: 8px; margin-bottom: 0; }
.PDB-Text ul li{ font-size: 16px; line-height: 24px; font-weight: 400; margin-top: 8px; margin-bottom: 0; }
.PDB-icon{display:block;padding:25px 0;font-size:50px;color:#D7000F}


@media (max-width: 1100px) {
    .Pro-down-box { justify-content:space-between;}
    .Pro-down-box .NCB-item{ width: calc(50% - 2.5px);margin:0 0 5px 0; }
} 

@media (max-width: 350px) {
    .Pro-down-box .NCB-item{ width:100%;margin-bottom:5px; }
} 




/*导航*/
.Pro-Nav{width:100%;background-color:#fff;border-bottom: solid 2px #f7f8f9;/*box-shadow:0 2px 4px 0 rgba(0,0,0,.08);*/}
.Pro-Nav .itemlist {display:flex;display:-webkit-flex;justify-content:center;}
.Pro-Nav .itemlist a{display:inline-block;padding:15px 40px 15px 40px;color:#666;font-size: 16px;font-weight:700}
.Pro-Nav .itemlist a span{color:#666;font-size: 16px;font-weight:700}
.Pro-Nav .itemlist a.active span{color:#D7000F;}
.Pro-Nav .itemlist a:hover{color:#D7000F;cursor:pointer}
.Pro-Nav .itemlist a.active{color:#D7000F;position:relative}
/*.Pro-Nav .itemlist a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-color:#D7000F}*/
@media (max-width: 767px) { 
.Pro-Nav .itemlist {overflow-x:scroll; }
.Pro-Nav .itemlist a{padding:15px;width:auto;text-align: center; font-size: 14px;}

} 





.ProTopNav{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:auto;position:relative;z-index:888;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;background-color:#fff;border-bottom:1px solid #edeff2;}
.ProTopNav .topNavBox{width:100%;height:52px;margin:0 auto;overflow:hidden;font-size:0;
display: -webkit-flex; display: -ms-flexbox; display: flex;  justify-content:flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border-image: linear-gradient(hsla(100,100%,100%,1),hsla(100,100%,100%,1));
}
.ProTopNav .topNavBox .proName{height:52px;line-height:52px;width:150px;overflow:hidden;;font-size:14px;color:#242933;text-align:left;text-transform:capitalize;}
.ProTopNav .topNavBox .buy-btns{float:right}
.ProTopNav .topNavBox .buy{display:inline-block;cursor:pointer;padding:0 14px;max-width:9em;height:32px;font-size:14px;line-height:32px;color:#fff;text-align:center;background-color:#D7000F;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin-top:20px;margin-right:0;margin-left:30px;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;}
.ProTopNav .topNavBox .buy:hover{background:#f60}
.ProTopNav .topNavBox .proSubTabs{width:100%;height:100%;display:flex;display:-webkit-flex;justify-content:flex-end;}
.ProTopNav .topNavBox .proSubTabs>a{font-size:0}
.ProTopNav .topNavBox .proSubTabs>a span{margin:0 15px;font-size:14px;line-height:52px;color:#8a8f99;text-align:center;border:0;display: flex;overflow: hidden; height: 52px;}
.ProTopNav .topNavBox .proSubTabs>a span:hover{transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;color:#D7000F}
.ProTopNav .topNavBox .proSubTabs>a span.active{color:#D7000F}
.ProTopNav .btnToggleMobile{display:none}


@media screen and (max-width:1599px){}
@media screen and (max-width:1199px){


 }
@media screen and (max-width:992px){

        .ProTopNav{min-height:50px;height:auto;background-color:#fff;display:none;}
        .ProTopNav .topNavBox{min-height:50px;padding:0 10px;height:auto;background-color:#fff; -webkit-box-shadow:none; box-shadow: none;display:block;}
.ProTopNav .topNavBox .proName { width: 100%; height: 50px; margin-left: 0; font-size: 14px; line-height: 50px; color: #212121; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; border-bottom: solid 1px #f5f5f5;text-align:center; }
        .ProTopNav .topNavBox .buy{padding:0 15px;height:auto;margin-top:12px;margin-right:0;margin-left:15px;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;font-size:14px;line-height:28px}
            .ProTopNav .topNavBox .proSubTabs {
            
            }
/* .ProTopNav .topNavBox .proSubTabs{width:100%;height:auto;margin-right:0;overflow:hidden;max-height: 0;position: absolute; width: 100%; top: 50px; left: 0;background: #fff;-webkit-transition: max-height .35s ease,opacity .2s ease; transition: max-height .35s ease,opacity .2s ease; ;}
*/
.ProTopNav .topNavBox .proSubTabs>a span { text-align: center; margin:0px 10px;}


.ProTopNav .btnToggleMobile { height: 100%; width: 100%; text-align: right; line-height: 100%; display: block; position: absolute; top: 0px;  right: 0px; }
.ProTopNav .btnToggleMobile .iconfont{position: absolute; top: 25px;right: 10px;-webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: -o-transform .3s; -moz-transition: transform .3s,-moz-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s; transition: transform .3s,-webkit-transform .3s; } 

.openProNav .btnToggleMobile .iconfont{-webkit-transform: rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform: rotate(180deg)}
.openProNav .ProTopNav .topNavBox .proSubTabs{ max-height: 100vh; }

}




.newBanner { position: relative; padding:180px 0;background-size:100% auto; background-position:center; background-size: cover; width: 100%; display: flex; flex-direction: column; justify-content: center; } 
.newBanner:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%;     background: rgba(215, 0, 15, 0.22); content: ""; }
.newBanner h5{ color: #fff; font-weight: 700;font-size:30px;z-index: 5;    opacity: 0.6; letter-spacing:10px;}

.text-in-box{ flex-direction: column; justify-content: center;}
.newBanner .BText { position: relative; padding-left: 26px; } 
.newBanner .BText::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 6px; border: 1px solid #D7000F; border-radius: 30px; } 
.newBanner .BText h2{ font-size: 36px; color: #D7000F; font-weight:700; padding: 10px 0; letter-spacing:2px; } 
.newBanner .BText ol {; 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; } 
.newBanner .BText ol li {  color: #D7000F;  } 
.newBanner .BText ol li a { color: #D7000F; font-weight: 500; font-size: 20px;} 
.newBanner .BText li+li { padding-left: 10px; } 
.newBanner .BText li+li::before { padding-right: 10px; color: #D7000F; content: "|"; }
.newBanner.white .BText::before {border: 1px solid #fff !important;} 
.newBanner.white .BText .title ,
.newBanner.white .BText ol li ,
.newBanner.white .BText ol li a ,
.newBanner.white .BText li+li::before {color: #fff !important}
.newBanner nav{display:none}
@media (max-width: 767px) {
 .newBanner .BText h2.title{ font-size: 26px;    padding: 5px 0;} 
 .newBanner .BText ol { display:none; } 
.newBanner .BText ol li {    } 
.newBanner.white .BText::before {border: 0px solid #fff !important;} 


.newBanner { padding: 70px 0; background-position: center bottom;height:auto; }
.newBanner h5{ display:none; }
} 
@media (min-width:768px) and (max-width: 991px) {
.newBanner { padding:100px 0; } 
.newBanner h5{font-size:20px;}

 .newBanner .BText h2.title{ font-size: 26px;    padding: 5px 0;} 
}
@media (min-width: 992px) and (max-width: 1199px) {
.newBanner { padding:120px 0; } 
 .newBanner .BText h2.title{ font-size: 26px;    padding: 5px 0;} 
.newBanner h5{font-size:20px;}
}


@media (min-width:1200px) and (max-width: 1920px) {
.newBanner { padding:140px 0; } 
.newBanner h5{font-size:24px;}
 .newBanner .BText h2.title{ font-size: 26px;    padding: 5px 0;} 
}

.goTop{ position: fixed;font-size: 20px;color: #fff;display: none; width: 40px;bottom: 30px;right: 30px;cursor: pointer; height: 40px; margin-bottom: 15px; border-radius: 40px; line-height: 40px; background: #D7000F; z-index:9999999} 
.goTop > i{ font-size: 20px; width: 40px; text-align: center; line-height: 40px; display: block; font-style: normal; }

.nullResult { text-align: center;width: 100%;padding:5vw 0 }
.nullResult .noresultext { font-size: 16px; font-weight:500 }
.nullResult .texticon { font-size: 100px; line-height: 150px;color: #D7000F; }


/*.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: #D7000F; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 5; }
*/
.tags { position: absolute; left: -1px; top: 1em; 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:#D7000F; background: rgba(255,149,0,0.09);text-transform: uppercase; box-sizing: border-box; max-width: 50%; overflow: hidden; text-overflow: ellipsis;}
.tags2{top:30px;}
.no-bg {background-color:transparent;}
@media (max-width: 767px) {

.tags {  ;}
}
.card-dark { background: #f7f9ff; } 
.card-white{background-color:#fff;}



  .banner-row{position:relative;background-size:cover;background-position:center;}
  .banner-row  .ptouter{position:relative;height:450px;}
  
.banner-row .coreText { display: flex; display: -webkit-flex; align-items: center; height: 100%; justify-content: center; align-content: center; text-align: center; flex-direction: column; }
  .banner-row  .bannerPath { font-size: 14px; color: #fff!important;padding-bottom:5px;}
  .banner-row  .bannerPath  a{ color: #fff!important;}
  .banner-row  .bannerPath  a:not(:last-child):after { content: ' \203A'; margin:0 5px;}

  .banner-row .CT-Text{display:flex;display:-webkit-flex; flex-direction:column;width: 750px;margin:0 auto}
  .banner-row .CT-Text h1{line-height: 60px;color: #fff!important;text-align:center;}
  .banner-row .CT-Text p{color: #fff!important; font-weight: 500!important;margin: 25px 0;font-size:16px;text-align:center;}
  .banner-row .CT-Text p span.badge{font-size:20px;padding: 0.35em 1.65em;font-weight:500}
 

  .banner-row .btn-box .btns { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.375; -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
/*  .banner-row .btn-box .btns:focus, .banner-row .btn-box .btns:hover{outline:0;box-shadow:0 0 0 .2rem rgba(29,156,211,.25);background-color: rgba(253,79,0,.5); border-color: rgba(253,79,0,0);color: #fff!important;}
  .banner-row .btn-box .btns.focus, .banner-row .btn-box .btns:focus{outline:0;box-shadow:0 0 0 .2rem rgba(29,156,211,.25);background-color: rgba(253,79,0,.5); border-color: rgba(253,79,0,0);color: #fff!important;}
 */
.banner-row .btn-box .btn1 { cursor: pointer; padding: 10px 30px; display: flex; align-items: center; text-align: center; color: #fff; background-color: transparent; border: solid 1px #fff; border-radius: 4px; font-size: 16px; }
.banner-row .btn-box .btn1:hover{background-color:#D7000F}
@media (max-width: 767px) {
.banner-row .ptouter{height:380px;}
  .banner-row .coreText .Cell{width:90%;}
    .banner-row .CT-Text{width: 80%;margin:0 auto}
  .banner-row .CT-Text h1{line-height: 30px;}
  .banner-row .CT-Text p{font-weight: normal!important;font-size:14px;}
  .banner-row  .bannerPath { display:none;}
.banner-row .btn-box .btn1 {  padding: 8px 30px;  font-size: 14px; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .banner-row .ptouter{height:350px;}

}

@media (min-width: 992px) and (max-width: 1199px) {
    .banner-row .ptouter{height:320px;}


}

@media (min-width: 1200px) and (max-width: 1920px) {
        .banner-row .ptouter{height:320px;}


}

.simple-Intro h3{text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;font-weight: 700; font-size: 32px; line-height: 40px; -webkit-line-clamp: 2; line-clamp: 2;}
.simple-Intro p,.simple-Intro div { text-align: center; color: #333333;  width: 50%; margin: 0 auto; ;padding:20px 0 50px 0; font-size:18px;line-height:35px;}


@media (max-width: 767px) {
.simple-Intro { padding:0px 15px;}
.simple-Intro h3{font-size: 18px;  line-height: 30px; padding-bottom:0px;}
.simple-Intro p,.simple-Intro div { width: auto;padding-bottom:20px; font-size:14px; text-align:left;}
}
@media (min-width: 768px) and (max-width: 991px) {
.simple-Intro h3{font-size: 20px;  line-height: 30px; padding-bottom:10px;}
.simple-Intro p,.simple-Intro div { width: 700px;padding-bottom:20px; font-size:14px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
.simple-Intro h3{font-size: 22px;  line-height: 30px; padding-bottom:10px;}
.simple-Intro p,.simple-Intro div { width: 600px;padding-bottom:30px; font-size:14px;}

}

@media (min-width: 1200px) and (max-width: 1920px) {
.simple-Intro h3{font-size: 24px;  line-height: 30px; padding-bottom:15px;}
}

.card-blade-header { padding:30px 0 15px 0 }
.card-blade-header h2 { margin-bottom: 0.5rem; padding: 0; font-size: 1.75rem;line-height: 1.25;font-weight: 300; font-style: normal; }
.simple-card-wrapper { display: flex; flex-wrap: wrap;margin:0 -7.5px }
.simple-card-wrapper .item-wrap,.simple-card-wrapper   .content-media,.simple-card-wrapper  .ql-item-wrap,.simple-card-wrapper  .ql-content-media,.simple-card-wrapper  .ql-content { display: flex; align-items: center; } 
.simple-card-wrapper .simple-card-item { margin-bottom: 15px; width: calc(20% - 15px);margin-right:7.5px;margin-left:7.5px;  -webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;border-radius:8px;}
.simple-card-wrapper .simple-card-item:hover { -webkit-box-shadow: 0 10px 10px 1px rgba(0,0,0,.3); -moz-box-shadow: 0 10px 10px 1px rgba(0,0,0,.3); box-shadow: 0 10px 10px 1px rgba(0,0,0,.3) ;}
.simple-card-wrapper .item-wrap {     height: 100%; justify-content: left; border-bottom: none !important; background: #f7f9ff; padding: 1rem 1.5rem; min-height: 4.5rem;     } 
.simple-card-wrapper .content-media { width: 40px; height: 40px;    justify-content: center; margin-right: .5rem; }
.simple-card-wrapper .content-media span.iconfont {font-size:20px;  }
.simple-card-wrapper .simple-card-item p{ font-size: 16px; line-height: 35px; }

.simple-card-wrapper .item-wrap.active  { background-color:#D7000F !important; }
.simple-card-wrapper .item-wrap.active .content-media span.iconfont,.simple-card-wrapper .item-wrap.active p{ color:#FFF !important; }



.morelearning { color: #777 !important; display:block;    transition: all 0.3s;}
.morelearning::after {    content: "\e6a4"; margin-left:10px; font-family: "iconfont" !important;font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: transform 150ms ease-in-out; }
.morelearning:hover{     color: #ff2d11 !important;transform:translateX(5px)}
.home-news { background-color: #f7f9ff; }
.home-news.RowPadding { padding:10px 0 }

.home-news.RowPadding .container{  }
.home-news.RowPadding .container .row{ padding:0px 5px }
.home-news.RowPadding .container .row>*{ padding:0px  }
.home-news-box {flex-wrap:wrap; }
.news-item { position: relative; width: 25%;margin-bottom:15px; }
.news-item-cell {  white-space: initial;padding: 0 7px!important;  }
.news-a { white-space: normal; cursor: pointer; position: relative; background: #FFF;flex-direction:column;justify-content:stretch }
.news-a .news-a-txt { z-index: 1; position: relative; padding: 20px; background: #FFF; transition: transform .5s ease;  }
.news-a:hover .news-a-txt{transform:translateY(-55px);-ms-transform:translateY(-55px)}
.news-a .readblock { position: absolute; bottom: 0; left: 0; z-index: 0; width: 100%; }
.news-a-img { position: relative; background: url(/public/images/loader.gif) 50% 50% no-repeat; background-size: 40px;  box-shadow: none; }
.news-a-img img{ width:100%}
.news-a .label-wrapper { position: absolute; top: 0; left: 0; transform: translateY(-100%); max-width: 100%; }
.news-a .label, .news-a .label-text { font-size: 12px; line-height: 1em; text-transform : capitalize; color: transparent; padding: 7px 20px; background: rgba(0,0,0,.7); border-radius: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: block; }
.news-a .label-text { color: #FFF; position: absolute; top: 0; left: 0; background: 0 0; }
.news-item:first-child .lblcolor{background-color:#FF0000; opacity:0.7;}
.news-item:nth-child(2) .lblcolor{background-color:#0000ff; opacity:0.7;}
.news-item:nth-child(3) .lblcolor{background-color:#00ffff; opacity:0.7;}
.news-item:last-child .lblcolor{background-color:#00ff00; opacity:0.7;}

.news-a h5 {   font-size: 20px;line-height:35px;  font-weight: 500; margin-bottom: 25px;   }
.news-a .smalls { color: #555; font-size: 16px; line-height: 1.6; }
.news-a .read-hloder {  background: #e7e8e9; height: 61px; line-height:61px; text-align: center; }
.news-a .read-hloder div { color: #D7000F; }
.news-read, .news-read:focus, .news-read:hover { color: #01A982;  text-decoration: none; }
.news-read { position: relative; font-size: 12px;  text-align:center;} 
.news-read .arrow { display: inline-block; margin-left: 5px; vertical-align: middle; transition: transform 150ms ease-in-out; }
.news-read:focus .arrow,.news-read:hover .arrow{transform:translateX(5px)}

@media (max-width: 767px) {
.news-item { float: none;width: 100%;margin-bottom:0px;   }
.news-item-cell {  padding: 0px!important;  }
.news-a .title {    font-weight: 500;overflow: auto;  white-space:initial; text-overflow: initial;height:auto;   }
.news-a .smalls {  height: auto;  overflow: auto;  }
.news-a .news-a-txt  { padding: 15px 25px;  }
}
@media (min-width: 768px) and (max-width: 991px) {
.news-item { width: 50%; margin-bottom:15px;  }

}

@media (min-width: 992px) and (max-width: 1199px) {
.news-item { width: 50%; margin-bottom:15px;  }

}

@media (min-width: 1200px) and (max-width: 1920px) {



}

.pad70{padding:70px 0;}
.padtop70{padding-top:70px}
.padbottom70{padding-bottom:70px}


.zoneName h3 {      height: 40px; line-height: 40px;font-size: 20px;  text-align: center; position: relative; color: #2B333D; font-weight:700;}
.zoneName p {  color: #888888; text-align: center; line-height: 22px; margin: 27px auto 0 auto; position:relative;padding-bottom: 30px;}
.zoneName p:after { content: ""; background: #d7d7d7; height: 2px; width: 40px; position: absolute; top: -18px; left: 50%; margin-left: -20px; font-size: 0px; }




@media (min-width:1200px) and (max-width: 1439px) {
.pad70{padding:60px 0;}
.padtop70{padding-top:60px}
.padbottom70{padding-bottom:60px}

.zoneName h3 { }
.zoneName p {padding-bottom: 46px;}
.zoneName p:after { top: -16px;  }




}
@media (min-width: 992px) and (max-width: 1199px) {
.pad70{padding:55px 0;}
.padtop70{padding-top:55px}
.padbottom70{padding-bottom:55px}
}
@media (min-width:768px) and (max-width: 991px) {

.pad70{padding:50px 0;}
.padtop70{padding-top:50px}
.padbottom70{padding-bottom:50px}


}
@media (max-width:767px){
.pad70{padding:40px 0;}
.padtop70{padding-top:40px}
.padbottom70{padding-bottom:40px}

}




.contact_main {  } 


.comestic_area {  }
.comestic_area  .contacttips{padding-bottom:15px;}

.comestic_area .box { padding:  0; }
.comestic_area .box .contactbox { overflow: hidden;margin:0 -15px; }
.comestic_area .box .contactbox .cp15{ padding-bottom:15px }
.comestic_area .box .contactbox div.cell { width: 33.333%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box;  position: relative; }
.comestic_area .box .contactbox div.cell:nth-child(3n) { border-right: none; }
.comestic_area .box .contactbox div.cell .incell{ padding: 30px; position: relative;margin:15px; border:solid 2px #e2e2e2; }

.comestic_area .box .contactbox div.cell .incell:hover{box-shadow:0 0 10px 4px #e1e1e1;transform:translate3d(0,-2px,0);transition:all .3s cubic-bezier(.55,0,.1,1)}
.comestic_area .box .contactbox div.cell h3 { font-weight:700;  font-size:16px;}
.comestic_area .box .contactbox div.cell p{ height:45px; line-height:45px;width:100%;overflow:hidden;font-size: 16px;}
.comestic_area .box .contactbox div.cell i.iconfont,.comestic_area  .contacttips  i.iconfont { /*color:#D7000F ;*/ padding-right:15px;  font-size:16px;}
.comestic_area .box .contactbox div.cell .name { position: absolute; right: 60px; line-height: 26px; top: 20px; color: #2575d5; }
.comestic_area .box .contactbox div.cell .link { width:50px; height: 1px; background-color: #D7000F; margin: 20px 0 18px; }

@media (min-width:1200px) and (max-width: 1439px) {

	.fzbox .date span{font-size:24px;}
	.comestic_area .box .contactbox div.cell p{ font-size: 14px;height:40px; line-height:40px;}
}
@media (min-width: 992px) and (max-width: 1199px) {

	.fzbox .date span{font-size:22px;}
	.comestic_area .box .contactbox div.cell { width: 50%;  }
		.comestic_area .box .contactbox div.cell p{ font-size: 14px;height:40px; line-height:40px;}
}
@media (min-width:768px) and (max-width: 991px) {

	.comestic_area .box .contactbox { margin:0 -10px; }
	.comestic_area .box .contactbox div.cell .incell{ padding: 20px; margin:10px;  }
	.comestic_area .box .contactbox div.cell p{ font-size: 14px;height:40px; line-height:40px;}
	.comestic_area .box .contactbox div.cell { width: 50%; }
	.comestic_area .box .contactbox div.cell:nth-child(2n) { border-right: none; }
	.fzbox .date span{font-size:20px;}


}
@media (max-width: 768px) { 

.comestic_area  .contacttips{padding:10px 15px;}
.comestic_area .box .contactbox div.cell { width: 100%; float:none;border:none;  }
.comestic_area .box { padding:  0 15px; }
.comestic_area .box .contactbox div.cell .incell { padding: 20px 20px; }

.cHist-list { padding: 0px; background: none; position: relative; margin:  0; }
.cHist-list p{ margin-bottom:15px;}
.fzbox .date span{font-size:20px;}
.fzbox { width: auto; padding: 0 15px; overflow: auto }
.fzbox.fr ,.fzbox.fl .date,.fzbox.fl,.fzbox .date,.fzbox.fl .date{ left: auto;right:auto;width:100%; }
.fzbox.fl .date span { float: right;padding: 0 0 0 20px;background: #fff url(/public/images/fz/fz6.png) no-repeat left }
.fzbox.fr .con ,.fzbox.fl .con{ padding: 0 ;text-align:left;float:none; }
.fzbox.fl .date i { left: 0px; right:0px; background: url(/public/images/fz/fz5.png) no-repeat center center;}

}


.tdnews {  }
.tdnews .article-list { display:flex;display:-webkit-flex;flex-wrap:wrap; }
.tdnews .article-list .cellrow { width: 100%; margin-bottom: 25px; cursor:pointer; }
.tdnews .article-list .cellrow .crin {  background: #f7f8f9; box-shadow: 3px 3px 10px rgb(0 0 0 / 10%); transition: all 0.3s; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; }
.tdnews .article-list .cellrow .crin:hover{box-shadow: 3px 3px 10px rgba(0,0,0,.01);  }
.tdnews .article-list .year { height: 200px; vertical-align: top; color: #fff; font-weight: 700; text-align: center; background:#D7000F url(/public/webp/date.png) 50% 50% no-repeat; width: 200px; }
.tdnews .article-list .year .pd50{ padding:50px 50px;  }


.tdnews .article-list .year .dt {  padding-top: 25px; }
.tdnews .article-list .year .dd { font-size:50px; line-height: 1; }
.tdnews .article-list .article { width: calc(100% - 200px); }
.tdnews .article-list .article .artcell{ padding:0 25px; }
.tdnews .article-list .article .dt  {font-weight:bold;font-size:18px; }

.tdnews .article-list .article .dd  {padding-top:25px; }

@media (min-width:1200px) and (max-width: 1439px) {



}
@media (min-width: 992px) and (max-width: 1199px) {


}

@media (max-width: 992px) { 
.tdnews .article-list .article .artcell {padding:25px; }
.tdnews .article-list .year,.tdnews .article-list .article {  width: 100%; }
.tdnews .article-list .cellrow .crin{flex-wrap:wrap;}
.tdnews .article-list .year { width: 100%;  }

}
.simple-just-title{margin: 0 auto 60px;}
.simple-just-title h3{text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; font-weight: 700; font-size: 26px; line-height: 1.6; -webkit-line-clamp: 2; line-clamp: 2;}





.RowPadding { padding:80px  0 }
.RowPaddingSmall { padding: 30px 0; display: flex;display:-webkit-flex; flex-wrap: wrap; justify-content: flex-start; }
@media (min-width:1200px) and (max-width: 1439px) {
.RowPadding { padding:60px  0 }
.simple-just-title{margin: 0 auto 30px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.RowPadding { padding:50px  0 }

.simple-just-title{margin: 0 auto 30px;}
}
@media (min-width:768px) and (max-width: 991px) {
.RowPadding { padding:50px  0 }

}

@media (max-width: 992px) {
.RowPadding { padding:40px  0 }
.simple-just-title{margin: 0 auto 20px;}
}


.RowTitle {
    text-align: center;
    padding-bottom: 45px;
}
.RowTitle strong{font-size:26px;color:#000}
.RowTitle strong span{color: #D7000F;font-size:26px}
.RowTitle p{font-size:16px;color:#666;line-height:28px;width:50%;margin:0 auto;margin-top:15px;}
.RowTitle 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:#D7000F}
@media (min-width:1200px) and (max-width: 1439px) {
.RowTitle strong,.RowTitle strong span{font-size:22px;}
.RowTitle p{font-size:14px;line-height:25px;}

}
@media (max-width: 1200px) {
.RowTitle strong,.RowTitle strong span{font-size:24px;}
.RowTitle p{font-size:14px;line-height:25px;padding:0 15px;width:100%;}

}


@media (max-width: 768px) {
    .RowTitle p { text-align:left;}
}
.bgf6{background-color:#f6f6f6;}
.bgfff{background-color:#f6f6f6;}


.Row-Wrap{display:flex;display:-webkit-flex;justify-content:space-between;align-items:stretch; flex-wrap:wrap;padding:0px; }
.Row-Wrap .Row-Wrap-Cell{width:calc(33.333% - 18px);border:1px solid #eee;background-color:#fff;margin-bottom:36px;border-radius:8px;-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);}
.Row-Wrap .Row-Wrap-Cell: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)}

.Row-Wrap .PWC-Card{ padding:55px; display:flex;display:-webkit-flex;justify-content:space-between;align-items:center; flex-wrap:wrap;}
.Row-Wrap .PWC-Card .card-icon{;text-align:center;width:80px;}
.Row-Wrap .PWC-Card .card-icon .iconfont{ font-size:60px;line-height:70px;height:70px;color:#D7000F;}
.Row-Wrap .PWC-Card .card-mark{width:calc(100% - 120px)}
.Row-Wrap .PWC-Card .card-mark h3 { font-size: 18px;  padding-bottom: 10px; font-weight:700 }
.Row-Wrap .PWC-Card .card-mark p{color:#666;}
.Row-Wrap .PWC-Card .card-mark p.small{color:#777;font-size:12px;display:block;}

@media (max-width: 992px) {
 .Row-Wrap{flex-wrap:wrap;}
  .Row-Wrap .Row-Wrap-Cell{width:100%;margin-bottom:5px;}
}


@media (min-width: 992px) and (max-width: 1199px) {
 .Row-Wrap .Row-Wrap-Cell{width:calc(50% - 10px);margin-bottom:20px;}

}

@media (min-width: 1200px) and (max-width: 1500px) {
 .Row-Wrap .Row-Wrap-Cell{width:calc(33.333% - 10px);margin-bottom:20px;}

}

.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; }

/*.section-title-border { position: relative; height: 2px; width: 50px; background: #D7000F; border-radius: 10px; margin-top: 45px;margin-bottom: 45px; display: block;}
.section-title-border::before { position: absolute; content: ""; height: 100%; width: 50%; background: #aaa; border-radius: 10px; right: -60%; top: 0;opacity:0.5 }
.section-title-border::after { position: absolute; content: ""; height: 100%; width: 25%; background:#ccc; border-radius: 10px; right: -100%; top: 0;opacity:0.5}*/


.searchzone {z-index: 2;background:initial; width: 100%;background:url(/public/webp/banner/banner-procata.jpg) no-repeat center ;background-size:cover;}
.searchzone .btslist {  position: relative;  height: 45px;}
.searchzone .btslist input[type=text] { height: 100%; width:100%; padding: 0px;  text-align: center; color:#B8B8CC;line-height:22px;border:none;background:0 0;padding:18px 16px 18px 16px;background-color:rgba(255,255,255,.2);border-radius:4px;display:block}
.searchzone .btslist input[type=text]:focus{color:#FFF;background-color:rgba(255,255,255,.4)}
.searchzone .btslist input[type=text]::-webkit-input-placeholder{color:#C2C2CF}
.searchzone .btslist input[type=text]:-ms-input-placeholder{color:#C2C2CF}
.searchzone .btslist input[type=text]::placeholder{color:#C2C2CF}
.searchzone .btslist .btnlocation { position: absolute; right: 31px; top: 10px; font-size: 18px; font-weight: 600;cursor:pointer; color:#fff;transition:color 0.3s;}
.searchzone .btslist .btnlocation:hover { color:#000}
.searchzone .btncatasearch {  position: absolute; right: 5px; top: -2px;height: 50px; width: 50px; border: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; transition: all .7s ease 0s; color: #fff; background-color: transparent; }
.searchzone .btncatasearch .iconfont{  font-size: 16px;}
.searchzone .btncatasearch:hover {  color: #000;  }
.searchzone .closeit { position: absolute; top: 13px; left: 15px; font-size: 16px; color: #fd4f00;cursor:pointer;opacity:1;transition:all 0.3s;}

#probanner{position:relative;background: #000;}
.search_wp{width:640px;padding:150px 0;margin:0 auto;display:flex;display:-webkit-flex;flex-direction:column;}
.search_wp-title{font-size:26px;font-weight:700;color:#FFF;text-align:center;line-height:50px; padding-bottom:25px; }
.search_wp-subtitle{font-size:16px;color:#FFF;text-align:center;line-height:22px;margin:8px 0 40px}
.search_wp-search{width:540px;height:56px}



#canvas, .searchzone, #particles-js {
	
}

@media (max-width: 767px) {
/*#probanner{height:145px;}*/
 .search_wp{width:96%;padding: 60px 0;}
.search_wp-title{font-size:18px;color:#FFF;text-align:center;line-height:1.6; padding-bottom:15px;overflow:hidden; }
.search_wp-subtitle{font-size:16px;color:#FFF;text-align:center;line-height:22px;margin:8px 0 40px;display:none;}
.search_wp-search{width:540px;height:56px}
}

@media (min-width: 768px) and (max-width: 991px) {
    .search_wp{padding:50px 0;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .search_wp {
        padding: 80px 0;
    }
}

@media (min-width:1200px) and (max-width: 1920px) {
    .search_wp {
        padding: 100px 0;
    }
}




.listreslult  {position:absolute;top:55px;left:0;width:100%;text-align:left;border:1px solid #F3F5F6;font-weight:400;background:#fff;box-sizing:border-box;z-index:10;padding: 5px 0 15px 0; background: #fff; border-radius: 0px;  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.20);}
.listreslult  h2{width: auto; height: auto; padding-left: 20px;  color: #777; padding-top: 24px;padding-bottom: 5px;font-size:14px;}
.listreslult  ul{width:100%}
.listreslult  ul li{display: block;}
.listreslult  ul li a{ display:block; box-sizing: border-box; padding: 0 20px; height: 34px; line-height: 34px; text-align: left;  color: #aaa;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.listreslult  ul li:hover a{background: #F3F5F6; color: #fd4f00;}


/*单行单列产品*/

.ProductInRow { margin: 0 15px 25px 15px;  display: -ms-flexbox; display: flex;width: calc(25% - 30px); box-sizing: border-box;flex-direction:column;background-color: #fff;  }

.ProductInRow .image { width: 100%; -ms-flex-item-align: center; align-self: center; }
.ProductInRow .content {vertical-align: middle;  padding:  5px; width: 100%; display: flex;display:-webkit-flex; flex-direction: column; justify-content: center; align-items: center; text-align: left; }
.ProductInRow h2, .ProductInRow .h2 { font-size: 16px;font-weight:700;  line-height: 1.5; margin-bottom: 10px;}
.ProductInRow .content .info {  width: 100%; padding:35px 25px;  }
.ProductInRow ul { margin-top: 17px; display:none;}

.ProductInRow li { font-size: 0.95vw; margin-bottom: 10px; font-weight: 500; letter-spacing: 0.055em; }
.ProductInRow .content p { font-size: 1.0vw; line-height: 1.6;font-weight: 700; }

.ProductInRow .btn-list { /*visibility:hidden;opacity:0 ;*/transition:all 0.3s; padding-bottom: 25px; text-align: center; padding-top: 10px; }
.ProductInRow:hover .btn-list {visibility:visible; opacity:1 }
.ProductInRow  .bullets li { position: relative; padding-left: 28px; }
.ProductInRow  .bullets li:before, .ProductInRow  .bullets li:after {    border-radius: 50%;position: absolute;  left: 0; width: 10px; height: 10px; content: " "; color: #919191; border: 2px solid #e6e6e6; line-height: 0; vertical-align: middle; display: block; top: 7px; }
.ProductInRow  .bullets li:after { z-index: 1; width: 4px; height: 4px; background-color: #919191; border: none; margin: 3px 0 0 3px; }
.ProductInRow .buttons-holder { margin-top: 25px; }

.btn-list2{display:none;}
.btn-list a {display:inline-block;z-index:1;font-weight:500;width:auto;position:relative;font-size: 12px;}
.btn-list a.btn { padding: 4px 15px 4px; border: solid 1px #777; color: #777; }
.btn-list a:hover,.btn-hover button:hover {color:#fff;}
.btn-list a::before,.btn-list a::after,.btn-hover button::before,.btn-hover button::after {content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;-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);z-index:-1;}
.btn-list a::after,.btn-hover button::after {width:0;left:auto;right:0;background:#000000;}
.btn-list a:hover::after,.btn-hover button:hover::after {width:100%;left:0;right:auto;}

.ProductInRow .btn-list a.btn:nth-child(2) { display:none;  }

.ProductInRow.ProductInRow6{ width: 100%; flex-direction:row; }


.productsList {  display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: flex-start; }

.ProductInRow.ProductInRow6 ul{ display: block;}
.ProductInRow.ProductInRow6  .image { width: 42%; }
.ProductInRow.ProductInRow6 .content {  width: 57%;   text-align: left; align-items: flex-start;padding: 25px 15px; }
.ProductInRow.ProductInRow6 .content p { padding-right: 0%; width: 100%; }
.ProductInRow.ProductInRow6 .btn-list,.ProductInRow.ProductInRow7  .btn-list{ display:none; }

.ProductInRow.ProductInRow7{ width: 24%; flex-direction:column;position:relative; }
.ProductInRow.ProductInRow7 ul{ display: none;}

@media (max-width: 1800px) {
    .ProductInRow.ProductInRow7 {
        width: 32%;
    }
}

@media (max-width: 1199px) {
    .container { max-width: 99%; }  
}

@media (max-width: 1000px) {

.productsList.RowPadding,.productsList {padding:10px 5px 0 5px; }  
.RowPadding.searchResultWrap{padding:0px;}
.ProductInRow,.ProductInRow.ProductInRow6,.ProductInRow.ProductInRow7 { width: 100%;margin:0 0 5px 0;box-shadow:none !important; -ms-flex-wrap: nowrap; flex-wrap: nowrap;display:flex;flex-direction: row; justify-content: space-between;}
.ProductInRow h2, .ProductInRow .h2 {    font-size: 16px;padding-top: 0px !important;margin:0}
.ProductInRow .content p { width: 100%;font-size:14px;   }

.ProductInRow .image { width: 30%; }
.ProductInRow .content { width: 60%;padding:15px 0px;align-items: center; text-align: left;flex-direction: row; justify-content: space-between; }
.ProductInRow .content  .info{padding-bottom:0 }
.btn-list2 { display: flex;display:-webkit-flex; width: 10%; align-items: center;color:#ddd;justify-content: center;; }
.ProductInRow .btn-list { visibility: visible;  opacity: 1;padding: 0px 0 0 0; display:none;}

.ProductInRow .btn-list a.btn {  border: solid 0px #777 !important;padding:0 !important;  }
.ProductInRow .btn-list a.btn:nth-child(3) { display:none;;  }
.ProductInRow.ProductInRow6 ul{ display: none;}

.ProductInRow.ProductInRow6 .content {     text-align: left; align-items: center;padding: 5px; }
.ProductInRow.ProductInRow6 .content p { padding-right: 0%; width: 100%; }
.ProductInRow.ProductInRow6  .btn-list{ display:none; }
.ProductInRow.ProductInRow7 p{ display:block;}
.ProductInRow.ProductInRow7 h2, .ProductInRow.ProductInRow7 .h2 {    position: relative; left:initial; top:initial; font-size: 16px; text-align: left; z-index: 9; display: initial; padding: initial; white-space: nowrap; border-top-right-radius: 0em; border-bottom-right-radius: 0em; color: #D7000F; background: initial; text-transform: uppercase; box-sizing: border-box; max-width: initial; overflow: hidden; text-overflow: ellipsis; }

}


/*产品图片slider*/

.CataOuterSlider {position:relative}
.CataOuterSlider .ProductPicSlide  {overflow:hidden}
.CataOuterSlider,.CataOuterSlider a {display:block;}
.CataOuterSlider a {background-size:cover;background-position:center;position:relative}
.CataOuterSlider a img {width:100%;border-radius:10px;}
.CataOuterSlider a .slide-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.65}
.CataOuterSlider .owl-nav {margin:0;width:100%}
.CataOuterSlider .owl-carousel .owl-nav div {background:#f2f2f2;color:#D7000F;width:40px;height:40px;line-height:40px;margin-top:-25px;text-align:center;border-radius:50%;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;z-index:10;cursor:pointer;position:absolute;top:50%;display: flex; justify-content: center; align-items: center;}
.CataOuterSlider .owl-carousel .owl-nav div:hover {color:#fff;background:#D7000F;}
.CataOuterSlider .owl-carousel .owl-nav .owl-prev {left:-100px}
.CataOuterSlider:hover .owl-carousel .owl-nav .owl-prev {left:0}
.CataOuterSlider .owl-carousel .owl-nav .owl-next {right:-100px}
.CataOuterSlider:hover .owl-carousel .owl-nav .owl-next {right:0}

/* .CataOuterSlider .owl-theme .owl-dots .owl-dot span { display: inline-block; margin-left: 0px; margin-right:6px; height: 7px; width: 7px; background: hsla(0,0%,0%,.5); border-radius:4px; cursor: pointer } 
 .CataOuterSlider .owl-dots  .owl-dot span::before {  } 
.CataOuterSlider  .owl-theme .owl-dots  .owl-dot.active span{width: 30px;  background: #D7000F; }*/


 .CataOuterSlider .owl-theme .owl-dots .owl-dot span { display: inline-block; margin: 0px; margin-right:6px; height: 2px; width: 40px; background: hsla(0,0%,100%,.5); border-radius:0px; cursor: pointer;position:relative;} 
 .CataOuterSlider .owl-theme .owl-dots .owl-dot.active span {width: 40px;} 
 .CataOuterSlider .owl-theme .owl-dots .owl-dot span:before { display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; text-align: center; background: #ccc; opacity: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } 
 .CataOuterSlider .owl-theme .owl-dots .owl-dot span:after { display: inline-block; position: absolute; top: 0; left: 0; width: 0px; height: 100%; content: ''; text-align: center; background: #D7000F; opacity: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } 
 .CataOuterSlider .owl-theme .owl-dots .owl-dot.active span:before { opacity: 1 } 
 .CataOuterSlider .owl-theme .owl-dots .owl-dot.active span:after { opacity: 1; width:100%; animation: animation 5s linear 1 } 
@keyframes animation { from { width: 0px } to { width: 40px } } 
@keyframes animation { from { width: 0px } to { width: 40px } }



.singleProduct h3{ font-size:26px;}
.singleProduct h4{ font-size:14px;}

.dnbox { justify-content: flex-start; align-items: center; flex-wrap: wrap;  }
.dnbox .ditem{ width: calc(25% - 15px);margin:0 7px; margin-bottom:15px;}
.dnbox .ditem a{ display: block; color: #666;  background-color: #fff;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  font-weight:500;padding:15px;background-color:#fff;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}

.dnbox .ditem i,.fqbox .ditem i  { }
.dnbox .ditem a: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)}

.dnbox .ditem i.versions{font-weight:normal;font-size:12px;font-style:normal;color:#777;}

@media (max-width: 1439px) {
.dnbox .ditem{ width: calc(33.33% - 15px);}

}

@media (max-width: 991px) {

.dnbox .ditem{ justify-content:space-between;}
.dnbox .ditem{ width: calc(50% - 15px);}
}
@media (max-width: 500px) { 

.dnbox .ditem{ width: 100%;  }
.dnbox .ditem a { }
}


/*导航*/
.new-row-nav{width:100%;background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.08)}
.new-row-nav .itemlist {display:flex;display:-webkit-flex;justify-content:center}
.new-row-nav .itemlist ul{display:flex;display:-webkit-flex;justify-content:center}
.new-row-nav .itemlist a{display:inline-block;padding:15px 0px;color:#666;font-size:16px;margin-right:30px;text-align:center;}
.new-row-nav .itemlist a:hover{color:#D7000F;cursor:pointer}
.new-row-nav .itemlist a.active{color:#D7000F;position:relative}
.new-row-nav .itemlist a.active:after{content:" ";position:absolute;left:0;right:0;bottom:-1px;height:1px;background-color:#D7000F}
@media (max-width: 992px) { 

.new-row-nav .itemlist a{text-align: left; font-size: 14px;}
} 


/**/

.multiTabsBox {display:none;}
@media (max-width: 1000px) { 
.multiTabsBox {display:block;/*position: -webkit-sticky; position: sticky;*/;position:relative;;background-color:#fff;border-bottom:.0625rem solid #eee;color:#000;/*height:45px;*/padding-right:15px; background-color: rgb(255, 255, 255); border-bottom-color: rgb(238, 238, 238);justify-content:space-between;}
.multiTabsBox.fixed {top:0px;z-index:999999;background-color: rgb(255, 255, 255); border-bottom-color: rgb(238, 238, 238); }
.multiTabs {border-top:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:100%;overflow-x:scroll;overflow-y:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;}
.multiTabs::-webkit-scrollbar {display:none}
.multiTabItem {padding:10px 0 10px 8px;position:relative;text-align:center}
.multiTabItem::-webkit-scrollbar {display:none}
/*.multiTabItem:first-child {padding-left:15px}*/
.multiTabItemText {-webkit-tap-highlight-color:transparent;color:#999;font-size:14px;padding-right:15px;}
.multiTabItemActive {color:#D7000F;position:relative}
/*.multiTabItemActive:after {background-color:#D7000F;border-radius:50%;content:"";height:.5rem;left:.25rem;margin-top:-.3125rem;position:absolute;top:50%;width:.5rem}
*/.expandAnchors {position:absolute;height:100%;right:10px;text-align:center;top:0;width:70%;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-tap-highlight-color:transparent;-webkit-align-items:center;align-items:center;background-image:-webkit-linear-gradient(181deg,#fff 50%,hsla(0,0%,100%,0));background-image:-moz-linear-gradient(181deg,#fff 50%,hsla(0,0%,100%,0) 100%);background-image:linear-gradient(269deg,#fff 50%,hsla(0,0%,100%,0));display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;}
.expandAnchorsIcon {opacity:.5;}
.expandMask {-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;bottom:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:99999}
.transparentMask {background:transparent}
.blackMask {-webkit-box-flex:1;-moz-box-flex:1;background:#000;-webkit-flex:1;-ms-flex:1;flex:1;opacity:.6}
.expandTabsBox {position:fixed;top: 0px;left:0;background-color:#fff;border-radius:0 0 .75rem .75rem; width:100%;z-index:99999}
.expandTitle {color:#333;color: rgb(51, 51, 51);font-size:14px;height:60px;line-height:60px;text-align:center;position:relative;}
.expandTabs {-ms-flex-pack:distribute;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;justify-content:space-around;margin:0 .625rem .9375rem;white-space:normal}
.expandMultiTab { background-color: #f6f6f6; border-radius: 6px; margin: 0 4px 10px 0px; padding: 8px 0; text-align: center; width: 100%; }
.expandMultiTabText{color:#999;font-size:14px;padding:0 20px;position:relative}
.expandMultiTabActive {color:#000;}
.expandMultiTabActivePoint {background-color:#D7000F;border-radius:50%;height:.5rem;left:.25rem;margin-top:-.25rem;position:absolute;top:50%;width:.5rem}
}


.main-header,#sidebarleft {display:none;}


@media (max-width: 1000px) {
.main-header,.sidebarleft,.header_area,.sidenav{display:none;}

.main-header {display:block;z-index:1030;width:100%;margin:0;border:0;paliing:0;filter:none;background-color:#fff;/*box-shadow:0 6px 0 0 rgba(0,0,0,.01),0 15px 32px 0 rgba(0,0,0,.06);position:fixed;right:0px;left:0px;top:0px;*/min-height:0; height: 60px;    border-bottom: solid 1px #EEE;}
.container_header {background:transparent;height:60px;padding:0 10px;display:-ms-flexbox!important;display:flex!important;-ms-flex-align:center!important;align-items:center!important;padding:0px 10px !important;justify-content:space-between;}
.wrapper {height:100%;position:relative;overflow-x:hidden;overflow-y:auto;}
.wrapper:before,.wrapper:after {content:" ";display:table;}
.container_header {background:transparent;height:60px;padding:0 10px;}
.container_header .min-h {min-height:60px;}
.container_header .mlogo {}
.container_header .mlogo a {display:block;}
.container_header .mlogo a img{ }

.navi-menu-button{ width: 40px; height: 40px; position: relative; cursor: pointer;background-color:transparent;border:none; } 
.navi-menu-button em{ width: 29px; height: 2px; background-color: #4c4c4c; display: block; position: absolute; border-radius: 30px; right: 0; -webkit-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */ } 
.navi-menu-button em:nth-child(1){ top: 10px; width: 25px; } 
.navi-menu-button em:nth-child(2){ top: 19px; } 
.navi-menu-button em:nth-child(3){ top: 28px; width: 25px; } 
.navi-menu-button.active em:nth-child(1){ -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 14px; } 
.navi-menu-button.active em:nth-child(2){ width: 0; } 
.navi-menu-button.active em:nth-child(3){ -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 14px; }
.container_full {padding:0px;min-height:calc(100vh);background:#fff;position:relative;max-width:760px;margin:0 auto;}

.noscroll { overflow: hidden;height:100%; }
.overlay { display: none; position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); z-index: 998; opacity: 0; top: 0px; transition: all 0.5s ease-in-out; } 
.overlay.active { display: block; opacity: 1; } 

#sidebarleft { display: block; width: 250px; padding: 0px;position: fixed; top: 0; left: -250px; height: 100vh; z-index: 999; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));; transition: all 0.3s; overflow: auto; } 
#sidebarleft.active { left: 0; } 
#sidebarleft a, #sidebarleft a:hover { } 
#sidebarleft .list-unstyled .lefticon.iconfont { font-size: 20px; margin-right: 15px; width: 20px; } 
#sidebarleft .list-unstyled .righticon{  font-size: 12px;color: #aaa;}
#sidebarleft #dismiss { display:none;top: 0px; z-index: 2; right: 0px; width: 25px; height: 25px; line-height: 25px; color: #D7000F; text-align: center; position: absolute; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
#sidebarleft #dismiss:hover {  } 
#sidebarleft .sidebar-header { padding: 0px;  } 
#sidebarleft .sidebar-header h3 { font-size: 20px;  font-weight: 800;   margin-bottom: 0px; }
#sidebarleft .sdprofile { background-color: rgba(255, 255, 255, 0.08); min-height: 100px; position: relative; padding-left: 100px; } 
#sidebarleft .sdprofile .sdp-left { position: absolute; margin: 15px 10px 15px 20px; left: 0px; top: 0px; } 
#sidebarleft .sdprofile .sdp-left img { width: 70px; height: 70px; overflow: hidden; /*-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;*/ } 
#sidebarleft .sdprofile .sdp-right { padding: 20px 20px 0px 0px; } 
#sidebarleft .sdprofile .sdp-right .sd-name { font-weight: 600; color: #df9403; }
#sidebarleft ul.list-unstyled { padding:0 10px; } 

#sidebarleft ul li a { padding: 7px 0px; display: block;    border-bottom: 1px solid rgba(0, 0, 0, 0.05); font-size:14px;display: flex; display:-webkit-flex; justify-content: space-between;color:#000;align-items: center; } 
#sidebarleft ul.list-unstyled>li>a {font-weight:500; } 
#sidebarleft ul li a:hover { background-color: rgba(255, 255, 255, 0.07); } 
#sidebarleft ul li.active > a, a[aria-expanded="true"] {} 
#sidebarleft .dropdown-toggle::after { display: block; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
#sidebarleft .icon-arrow-bottom { margin: 5px 0px 0px !important; float: right; } 
#sidebarleft .collapsible-body { padding: 0px 0px !important; background-color: rgba(255, 255, 255, 0.08); } 
#sidebarleft .collapsible-body a { /*padding: 5px 20px 5px 60px !important;*/ }
#sidebarleft a, #sidebarleft a:hover, #sidebarleft a:focus { color: inherit; text-decoration: none; transition: all 0.3s; } 
#sidebarleft ul ul a { padding-left: 10px !important;font-size:14px; color: #999;} 
#sidebarleft .collapse:not(.show) { display: none; }
#sidebarleft a[data-toggle="collapse"] { position: relative; }
#sidebarleft .collapsing { position: relative; height: 0; overflow: hidden; transition: height .35s ease; }
}


body.noscroll { overflow: hidden; }
.overlay { display: none; position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); z-index: 998; opacity: 0; top: 0px; transition: all 0.5s ease-in-out; } 
.overlay.active { display: block; opacity: 1; } 

.ProCataTitle h1 { position: relative;  }
/*.ProCataTitle h1:before { position: absolute; left: 0; bottom: 50%; -webkit-transform: translateY(50%); transform: translateY(50%); content: ""; width: 3px; height: 18px; background: #e1251b } */
.ProCataTitle p{ margin-top: 20px; color: #888;  font-size: 14px }





.RHelpMenu{ position: fixed; bottom: 100px; right: -100px; z-index: 900; transition: all .3s linear; } 
.RHelpMenu.active{ right: 15px; } 
.RHelpul,.GoTop{ width: 65px; background: rgba(255, 255, 255, 1); box-shadow: 0px 6px 16px 0px rgba(138, 125, 125, 0.08); cursor: pointer; } 
.RHelpMenu li p,.GoTop p{ font-size: 12px; line-height: 1.75; color: #333; transition: all .36s;  } 
.RHelpMenu li .iconfont,.GoTop .iconfont{ font-size:26px;color:#D7000F; } 
.RHelpMenu li a,.GoTop{ display: block; width: 100%; text-align: center; padding: 10px 0; } 
.RHelpMenu li { position: relative; } 
.RHelpMenu li::after{ content: ""; width: 80%; height: 1px; background-color: rgba(0, 0, 0, 0.08); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } 
.RHelpMenu li:last-child::after{ display: none; } 
.GoTop{ margin-top: 8px; }
 li.wx, dd.wx,.wx  {display:none; }
 li.pc,dd.pc,.pc {display:initial; }
@media only screen and (max-width:991px) {
li.wx,dd.wx,.wx  {display:initial; }
li.pc,dd.pc,.pc {display:none; }
.RHelpul,.GoTop{ width: 32px;}
.RHelpMenu li p span{display:none;}
.RHelpMenu.active { right: initial; left: 5px; }
.RHelpMenu li .iconfont, .GoTop .iconfont {font-size: 20px;  }
.RHelpMenu{ top:initial; bottom: 30px; transform:initial;  } 
}
.tooltip {
    background-color: #fff;
}
.tooltip-inner {
    background-color: #D7000F;
    padding: 0px;
    box-shadow: 0px 6px 16px 0px rgb(38 25 25 / 30%);
}
.navSolutions  {width:100%;}
.navSolutions  .SltBox {width:100%;max-height:562px;overflow-y:auto;display:flex;display:-webkit-flex;justify-content:center;}
.navSolutions  .SltBox::-webkit-scrollbar {width:5px;height:5px;}
.navSolutions  .SltBox::-webkit-scrollbar-thumb {width:15px;-webkit-box-shadow:inset 0 0 5px rgba(204,0,0,1);border-radius:15px;background:rgba(204,0,0,1);}
.navSolutions  .SltBox::-webkit-scrollbar-track {border-radius:0;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0);background:#f5f5f5;}
.navSolutions  .SBFlex {display:flex;display:-webkit-flex;justify-content:space-between;overflow: hidden;}
.navSolutions  .SBFlex .SBFWrap {margin:0 15px;min-width:300px;}
.navSolutions  .SBFlex .SBFWrap.wpro {min-width:auto;width: 14%;}
.navSolutions  .SBFlex .SBFWrap.SBFWrap-start {min-width:300px;}
.navSolutions .SBFlex .SBFWrap.SBFWrap-last {    }
    .navSolutions .SBFlex .SBFWrap h4, .navSolutions .SBFlex .SBFWrap h4 a{
        font-size: 16px;
        line-height: 1.6;
        font-weight: 700;
        margin-bottom: 10px;
    }
.navSolutions  .SBFlex .SBFWrap ul {overflow:hidden;border-top:1px solid #dfe1e6;padding-top:10px;display: flex;display:-webkit-flex; flex-wrap: wrap;justify-content:space-between;}
.navSolutions  .SBFlex .SBFWrap ul li {width:100%;padding: 0;display:flex;display:-webkit-flex;}
.navSolutions  .SBFlex .SBFWrap ul li a {color:#333;}
.navSolutions  .SBFlex .SBFWrap ul li a:hover,.navSolutions  .SBFlex .SBFWrap ul li a:active {color:#D7000F;}
@media only screen and (max-width:1200px) {
    .navSolutions .SBFlex .SBFWrap.SBFWrap-last {
       /* display:none;*/
    }
}
.topZoneTips, .topZoneTips * {
    color: #fff;
    font-size: 12px;
}








@media (max-width: 992px) { 

.search-in-cell { padding-bottom: 5px; }
.search-in-cell .btslist {  position: relative;width:100%;}
.search-in-cell .btslist input[type=text] { padding: 8px 6px; border-radius: 0px; display: block; border: solid 0px #f2f2f2; font-size: 12px; text-align: center; background-color: #fff; width: 100%; }
.search-in-cell .btslist input[type=text]:focus{color:#333;background-color:rgba(0,0,0,.4)}
.search-in-cell .btslist input[type=text]::-webkit-input-placeholder{color:#C2C2CF}
.search-in-cell .btslist input[type=text]:-ms-input-placeholder{color:#C2C2CF}
.search-in-cell .btslist input[type=text]::placeholder{color:#C2C2CF}
.search-in-cell .btncatasearch2 { bottom: 50%; -webkit-transform: translateY(50%); transform: translateY(50%);position: absolute; right: 5px;height: 30px; width: 30px; border: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; transition: all .7s ease 0s; color: #333; background-color: transparent; }
.search-in-cell .btncatasearch2 .iconfont{  font-size: 16px;}
.search-in-cell .btncatasearch2:hover {  color: #000;  }

}

.SBFWIcon{font-size:40px;height:50px;line-height:50px;display: flex;display:-webkit-flex; margin-bottom: 10px;color:#000}
.c_tit{text-align:center;padding-bottom:35px;}

.c_tit strong span{color: #f08200;}
.c_tit p{font-size:16px;color:#888;line-height: 1.5;}
.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:#D7000F}

.STtoAmimate { font-size: 1.2vw; color: #D7000F; letter-spacing: 2px;font-weight:700 }
@media (max-width:1920px) {
.STtoAmimate { font-size: 1.8vw; }


}
@media (max-width:1500px) {
.STtoAmimate { font-size: 2.0vw; }


}

@media (max-width:992px) {
.STtoAmimate { font-size: 2.4vw; }
.c_tit{padding-left:15px;padding-right:15px;}
.c_tit p { font-size: 14px;   }

}

@media (max-width: 767px) {
.STtoAmimate { font-size: 4vw; }

}

@media (max-width: 500px) {
.STtoAmimate { font-size: 5vw; }

}


@media (min-width: 1500px) {
    .container {
        width: 85%;
        max-width: 85%;
    }
}

@media (min-width: 1920px) {
    .container {
        width: 80%;
        max-width: 80%;
    }
}




.shadownow { -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);}
.shadownow: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)}


.SupportZone .SZ-BOX {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:11px;padding-bottom:11px;}
.SupportZone .SZ-BLeft {width:30%;}
.SupportZone .SZ-BLeft  p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:10px;}

.SupportZone .SZ-BLeft .btnFree { background-color: #c7000b; border-color: #c7000b; color: #fff; margin-top: 10px; display: inline-block; padding: 4px 15px; font-size: 14px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 4px; }
.SupportZone .SZ-BRight {border-left:1px solid #ddd;width:70%;padding-left:100px;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}
.SupportZone .SZ-BRight .SZ-BR-Row {width:32%;}
.SupportZone .SZ-BRight .SZ-BR-Row .icon {text-align:center;}
.SupportZone .SZ-BRight .SZ-BR-Row .icon .iconfont{font-size:50px;color:#D7000F}
.SupportZone .SZ-BRight .SZ-BR-Row h3 {font-size:18px;line-height:1.5;margin-top:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#D7000F;text-align:center;}
.SupportZone .SZ-BRight .SZ-BR-Row p{font-size:14px;line-height:1.5;color: #888;margin-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-align:center;}
.SupportZone .SZ-BRight .SZ-BR-Row .btnOuter {margin-top:16px;}
.SupportZone .SZ-BRight .SZ-BR-Row .btnOuter a {line-height:30px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-color:#252b3a;color:#252b3a;}
.SupportZone .SZ-BRight .SZ-BR-Row .btnOuter a:hover { color: #c7000b }


@media  (max-width:1199px) {
   .SupportZone .SZ-BRight .SZ-BR-Row {width: 40%;}
   .SupportZone .SZ-BRight .SZ-BR-Row:nth-child(3) {    display:none;}
   .SupportZone .SZ-BLeft {width:40%;}
   .SupportZone .SZ-BRight { width: 60%;  }
}

@media only screen and (max-width:1000px) {
.SupportZone .SZ-BOX {flex-direction:column;padding: 15px 5px 5px 5px;}
.SupportZone .SZ-BLeft ,.SupportZone .SZ-BLeft  .desc {width:100%;}
.SupportZone .SZ-BRight {border-left:none;width:100%;padding-left:0px;flex-direction:column;}
.SupportZone .SZ-BRight .SZ-BR-Row { width: 100%; }
.SupportZone .SZ-BRight .SZ-BR-Row { width: 100%; background-color: #fbf5f5; margin-top: 10px; padding: 25px 0;border-radius:6px; }
.SupportZone .SZ-BRight .SZ-BR-Row .icon { margin-top: 0px; text-align: center;line-height:50px }
.SupportZone .SZ-BRight .SZ-BR-Row .text{text-align:center;}
.SupportZone .SZ-BRight .SZ-BR-Row h3 {margin-top:0px;}
  .SupportZone .SZ-BRight .SZ-BR-Row:nth-child(3) {    display:block;}
.SupportZone .SZ-BRight .SZ-BR-Row p { margin-top: 15px;  }
}


.NPBanner {height:500px;position:relative;color: #666; overflow: hidden; }
.NPBanner .PBG-img {  position: absolute; position: relative; width: 100%; left: 0; top: 0; overflow: hidden; background-repeat: no-repeat; background-size: cover;background-image: url(/public/images/bg-pro-cata.jpg); background-position: center center; height: 100%; }
.NPBanner  .text-box {position:absolute;left:0;top:0;width:100%;height:100%;}
.NPBanner  .text-box  .text-in-center {position:relative;margin:0 auto;width:100%;height:100%;}
.NPBanner  .text-box  .text {  display: flex; display: -webkit-flex; align-items: start; height: 100%; flex-direction: column; justify-content: center; }
.NPBanner  .text-box  .text h1 {font-size:30px;font-weight:700;line-height:1.5;color:#333;padding:0;}
.NPBanner  .text-box  .text h2 {line-height:1.7;font-size:16px;margin-top:5px;padding:0;}

@media (max-width: 1600px) {
.NPBanner {height:400px; }
}


@media (max-width: 992px) {
.NPBanner {height:250px; }
.NPBanner  .text-box  .text { width: 100%;  }
.NPBanner  .text-box  .text-in-center {padding:0 20px;}
}
@media (max-width: 500px) {
.NPBanner {height:200px; }
.NPBanner  .text-box  .text h2 {display:none;}
.NPBanner .text-box .text h1 { font-size: 26px;}
}
.support-nav{padding:15px 0}
.support-nav .breadcrumb{padding:0;margin:0}


.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)}
}

.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:#D7000F}
.choose-Languages .drop-down {display:none;border:1px solid #eee;width:456px;background:#fff;padding:0 32px 32px 32px;position:absolute;border-radius:3px;top:80px;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:8px;padding-top:24px}
.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:14px;color:#444;padding:3px 0px;width:50%}
.choose-Languages .drop-down .language-list a:hover {color:#D7000F}
.choose-Languages .drop-down .language-present a {padding:4px 10px;background:#D7000F;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; }}