@charset 'UTF-8';
/* UED Interaction (https://www.njued.com) */
/* Design By Ued Team Copyright 2022 UED Interaction */
/* Reset css */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,input,button,textarea,article, aside, canvas,details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}:focus {outline:0;}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;}
/* Gobal css */
html {font-size:625%; width:100%; height:100%;}
body {font-family:"Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif; font-size:16px; font-weight:400; color:#111111; background:#F8F8F8; width:100%; height:100%; text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -webkit-font-smoothing: antialiased;}
html.no-scroll, body.no-scroll {overflow: hidden;}
h1, h2, h3, h4, h5, h6 {margin:0 0 15px; font-size:16px;}
sup{display:inline-block; font-size:13px; margin-top:-5px; margin-right:5px; vertical-align:top;}
a:hover {color:#182d7b; text-decoration:none;}
a{color:#111111; text-decoration:none; outline:none; transition:all .3s; -webkit-transition:all .3s;-moz-transition:all .3s; -webkit-tap-highlight-color:rgba(0,0,0,0); box-sizing:border-box;}

/*clear float*/
.clearfix:after {font-size:0;line-height:0;content: "\020";display: block;height: 0;clear: both;}
.clearfix {zoom: 1;}
/*animate*/
@-moz-keyframes barrotate{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes barrotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes barrotate{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes selfrotate{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes selfrotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes selfrotate{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes loading{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes icondown{0%{-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:0}50%{-moz-transform:translate3d(0,80%,0);transform:translate3d(0,80%,0);opacity:1}100%{-moz-transform:translate3d(0,150%,0);transform:translate3d(0,150%,0);opacity:0}}@-webkit-keyframes icondown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:0}50%{-webkit-transform:translate3d(0,80%,0);transform:translate3d(0,80%,0);opacity:1}100%{-webkit-transform:translate3d(0,150%,0);transform:translate3d(0,150%,0);opacity:0}}@keyframes icondown{0%{-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:0}50%{-moz-transform:translate3d(0,80%,0);-ms-transform:translate3d(0,80%,0);-webkit-transform:translate3d(0,80%,0);transform:translate3d(0,80%,0);opacity:1}100%{-moz-transform:translate3d(0,150%,0);-ms-transform:translate3d(0,150%,0);-webkit-transform:translate3d(0,150%,0);transform:translate3d(0,150%,0);opacity:0}}@-moz-keyframes playbtn{0%{-moz-transform:scale(0);transform:scale(0)}60%{-moz-transform:scale(1.1);transform:scale(1.1)}80%{-moz-transform:scale(0.9);transform:scale(0.9)}90%{-moz-transform:scale(1.05);transform:scale(1.05)}95%{-moz-transform:scale(0.95);transform:scale(0.95)}100%{-moz-transform:scale(1);transform:scale(1)}}@-webkit-keyframes playbtn{0%{-webkit-transform:scale(0);transform:scale(0)}60%{-webkit-transform:scale(1.1);transform:scale(1.1)}80%{-webkit-transform:scale(0.9);transform:scale(0.9)}90%{-webkit-transform:scale(1.05);transform:scale(1.05)}95%{-webkit-transform:scale(0.95);transform:scale(0.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes playbtn{0%{-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0)}60%{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}80%{-moz-transform:scale(0.9);-ms-transform:scale(0.9);-webkit-transform:scale(0.9);transform:scale(0.9)}90%{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}95%{-moz-transform:scale(0.95);-ms-transform:scale(0.95);-webkit-transform:scale(0.95);transform:scale(0.95)}100%{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes clouds{0%{-moz-transform:translate3d(0,-4%,0);transform:translate3d(0,-4%,0)}50%{-moz-transform:translate3d(0,4%,0);transform:translate3d(0,4%,0)}100%{-moz-transform:translate3d(0,-4%,0);transform:translate3d(0,-4%,0)}}@-webkit-keyframes clouds{0%{-webkit-transform:translate3d(0,-4%,0);transform:translate3d(0,-4%,0)}50%{-webkit-transform:translate3d(0,4%,0);transform:translate3d(0,4%,0)}100%{-webkit-transform:translate3d(0,-4%,0);transform:translate3d(0,-4%,0)}}@keyframes clouds{0%{-moz-transform:translate3d(0,-4%,0);-ms-transform:translate3d(0,-4%,0);-webkit-transform:translate3d(0,-4%,0);transform:translate3d(0,-4%,0)}50%{-moz-transform:translate3d(0,4%,0);-ms-transform:translate3d(0,4%,0);-webkit-transform:translate3d(0,4%,0);transform:translate3d(0,4%,0)}100%{-moz-transform:translate3d(0,-4%,0);-ms-transform:translate3d(0,-4%,0);-webkit-transform:translate3d(0,-4%,0);transform:translate3d(0,-4%,0)}}@-moz-keyframes rains{0%{background-position:0 0}100%{background-position:10000px 20000px}}@-webkit-keyframes rains{0%{background-position:0 0}100%{background-position:10000px 20000px}}@keyframes rains{0%{background-position:0 0}100%{background-position:10000px 20000px}}@-moz-keyframes snows{0%{background-position:0 0}100%{background-position:0 20000px}}@-webkit-keyframes snows{0%{background-position:0 0}100%{background-position:0 20000px}}@keyframes snows{0%{background-position:0 0}100%{background-position:0 20000px}}
.down{display:none;width:50px; height:50px; border:1px solid #fff; border-radius:100px; position:absolute; right:5%;bottom:10%;background:url(images/down.png) center center no-repeat; background-size:60%;cursor:pointer;z-index:777;-moz-animation:icondown 3s infinite;-webkit-animation:icondown 3s infinite;animation:icondown 3s infinite; -webkit-transition:all .7s ease-in-out .5s;-moz-transition:all .7s ease-in-out;transition:all .7s ease-in-out .5s;-webkit-transform:translate(0,70px);-moz-transform:translate(0,70px);transform:translate(0,70px); filter:alpha(Opacity=0);opacity:0}
.down.show{display:block;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0);filter:alpha(opacity=100);opacity: 1;}

/*fonts*/
@font-face {
  font-family: 'beba';
  src: url("fonts/BEBAS.eot");
  src: url("fonts/BEBAS.eot") format("embedded-opentype"), url("fonts/BEBAS.woff") format("woff"), url("fonts/BEBAS.ttf") format("truetype"), url("fonts/BEBAS.svg#BEBAS") format("svg");
}
@font-face {
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot');
  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/iconfont.woff') format('woff'),
  url('fonts/iconfont.ttf') format('truetype'),
  url('fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont{font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}

/**common style**/
.container{position:relative; margin:0 auto; padding-left:80px; padding-right:80px; max-width:1560px;}
.no-scroll{overflow: hidden;}
.commWidget{position:relative; width:100%;}
.commPadding{padding:30px 0;}

.bgWhite{background:#ffffff;}
.bgGray{background:#f0f0f0;}
.bgBlue{background:#182d7b;}
.bgBluelight{background:#eff5fa;}


.list-style-two{margin-left:-10px; margin-right:-10px;}
.list-style-two li{position:relative; float:left; padding:10px; width:50%;}
.list-style-two li.all-long{width:100%;}

.list-style-three{margin-left:-10px; margin-right:-10px; overflow:hidden;}
.list-style-three li{position:relative; float:left; width:33.3333%; padding:10px; }

.list-style-four{margin-left:-10px; margin-right:-10px; overflow:hidden;}
.list-style-four li{position:relative; float:left; width:25%; padding:10px; }

.list-style-five{margin-left:-10px; margin-right:-10px; overflow:hidden;}
.list-style-five li{position:relative; float:left; width:20%; padding:10px; }

.list-style-six{margin-left:-10px; margin-right:-10px; }
.list-style-six li{position:relative; float:left; width:16.6666%; padding:10px; }

.list-space-20{margin-left:-20px; margin-right:-20px;}
.list-space-20 li{padding:20px;}
.list-space-30{margin-left:-30px; margin-right:-30px;}
.list-space-30 li{padding:30px;}

.fWhite{color:#ffffff;}
.fBlack{color:#121212;}
.fGray{color:#999999;}
.fBeba{font-family:'beba';}

.commTxt{font-size:16px; line-height:1.8; font-weight:300;}
.commTxt p{margin:0 0 15px; text-align:justify;}

/*Layout style*/
body.offscreen .Str-header{margin-top:-80px;}
body.drop .Str-header{margin-top:0px;} 

#pgcontainer{width:100%; height:100%; margin-left:0; margin-right:0; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
.Str-header{position:fixed; right:0; top:0; padding:15px 80px; height:80px; width:100%; z-index:1000; color:#121212; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;background:#fff;}
.Str-header h1{float:left;margin:0;}
.Str-header h1 a.logo{display:block; margin:0; width:218px; height:60px; text-indent:-8889px; background:url(pllogo.jpg) no-repeat center; background-size:218px 60px; -moz-transition:none;-webkit-transition:none;-o-transition:none;-ms-transition:none;}

.Str-header .lagBox{float:right; }
.Str-header .lagBox .language,.Str-header .lagBox .search{position:relative; float:right;}
.Str-header .lagBox a.top-icon{display:block; margin:7px; width:36px; height:36px; text-align:center; line-height:36px; color:#fff; font-size:18px;}
.Str-header .lagBox a.top-icon:hover{color:rgba(255,255,255,.64);}
.Str-header .lagBox .search a.top-icon{font-size:22px;}

.Str-header .primary-menu{float:right;}
.Str-header .primary-menu li{position:relative; float:left;}
.Str-header .primary-menu li a{position:relative; display:block; padding:10px 30px; font-size:16px; font-weight:400; line-height:30px; color:#121212; text-decoration:none; }
.Str-header .primary-menu li a:after{}
.Str-header .primary-menu li a:hover:after{content:''; width:18px; height:13px; background:url(images/nav_active_1.png) no-repeat center; background-size:18px 13px; position:absolute; left:50%; top:0; transform: translateX(-50%);}
.Str-header .primary-menu li a:hover{text-decoration:none; color:rgba(255,255,255,.64);}
.Str-header .primary-menu li.current-menu-item a:after,.Str-header .primary-menu li.current-menu-parent a:after{content:''; width:18px; height:13px; background:url(images/nav_active_1.png) no-repeat center; background-size:18px 13px; position:absolute; left:50%; top:0; transform: translateX(-50%);}

.Str-header .primary-menu li ul.sub-menu{display:none; position:absolute; left:50%; top:50px; margin-left:-61px;  width:124px;  background:#fff; border-radius:3px;}
.Str-header .primary-menu li ul.sub-menu li{width:100%; border-bottom:1px solid rgba(0,0,0,.1);}
.Str-header .primary-menu li ul.sub-menu li:last-child{border:0;}
.Str-header .primary-menu li ul.sub-menu li a{display:block;font-size:14px; color:#112370; line-height:1.5; padding:15px 20px; text-align:center;}
.Str-header .primary-menu li ul.sub-menu li a:hover{ color:#5d85be; background:#f2f5fa; }

.Str-header,.Str-header-white{padding:15px 80px; height:80px; background:#fff; color:#121212; -moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s; box-shadow:0 0 3px rgba(0,0,0,.12);}
.Str-header-scroll .primary-menu li a,.Str-header-white .primary-menu li a{color:#121212;}
.Str-header-scroll .primary-menu li a:hover,.Str-header-white .primary-menu li a:hover{color:#03209d;font-weight:bold}
.Str-header-scroll .primary-menu li a:hover:after,.Str-header-white .primary-menu li a:hove:after{background:#004097;}
.Str-header-scroll .primary-menu li.current-menu-item a,.Str-header-white .primary-menu li.current-menu-item a,.Str-header-scroll .primary-menu li.current-menu-parent a,.Str-header-white .primary-menu li.current-menu-parent a{color:#112370;}
.Str-header-scroll .primary-menu li.current-menu-item a:after,.Str-header-white .primary-menu li.current-menu-item a:after,.Str-header-scroll .primary-menu li.current-menu-parent a:after,.Str-header-white .primary-menu li.current-menu-parent a:after{ background:url(images/nav_active_2.png) no-repeat center; background-size:18px 13px;}

.Str-header-scroll .primary-menu li ul.sub-menu,.Str-header-white .primary-menu li ul.sub-menu{background:#1a2e85;}
.Str-header-scroll .primary-menu li ul.sub-menu:after,.Str-header-white .primary-menu li ul.sub-menu:after{color:#112370;}
.Str-header-scroll .primary-menu li ul.sub-menu li,.Str-header-white .primary-menu li ul.sub-menu li{border-bottom:1px solid rgba(255,255,255,.1);}
.Str-header-scroll .primary-menu li ul.sub-menu li a,.Str-header-white .primary-menu li ul.sub-menu li a{color:#fff;}
.Str-header-scroll .primary-menu li ul.sub-menu li a:hover,.Str-header-white .primary-menu li ul.sub-menu li a:hover{color:rgba(255,255,255,.64); background:#004097;}

.Str-header-scroll .lagBox a.top-icon,.Str-header-white .lagBox a.top-icon{color:#222;}
.Str-header-scroll .lagBox a.top-icon:hover,.Str-header-white .lagBox a.top-icon:hover{color:#112370;}


.Str-mobile-menu{display:none; cursor:pointer; position:absolute; right:0; top:0; width:50px; height:50px; padding:12px 0; }
.Str-mobile-menu .menu-line{display:block; margin:8px auto; width:22px; height:2px; background:#fff; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.Str-header-scroll .Str-mobile-menu .menu-line,.Str-header-white .Str-mobile-menu .menu-line{background:#111;}

.Str-mobile-menu.active .menu-line:first-child{-webkit-transform: translateY(5px) rotate(45deg); -ms-transform: translateY(5px) rotate(45deg); -o-transform: translateY(5px) rotate(45deg); transform: translateY(5px) rotate(45deg);}
.Str-mobile-menu.active .menu-line:last-child{-webkit-transform: translateY(-5px) rotate(-45deg); -ms-transform: translateY(-5px) rotate(-45deg); -o-transform: translateY(-5px) rotate(-45deg); transform: translateY(-5px) rotate(-45deg);}

.site-navbar{position:fixed; right:-240px; top:0; width:240px; height:100%; padding:.2rem 0; background:#f5f5f5; box-shadow:5px 0 12px rgba(0,0,0,.24) inset;-moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
.openmenu .site-navbar{right:0;}
.openmenu .Str-header{right:240px;}
.openmenu #pgcontainer{margin-right:240px; margin-left:-240px;}

.site-navbar .menu-sitenav ul li a{border-bottom: #e9e9e9 1px solid; color: #222; display: block; font-size: .15rem; padding:0 .2rem; margin: 0 auto; height: .5rem; line-height: .5rem;  width: 90%; box-sizing:border-box; }
.site-navbar .menu-sitenav ul li.current-menu-item a{font-weight:600; color:#000;}
.site-navbar .menu-sitenav ul li:last-child a{border-bottom: 0;}

.site-navbar .menu-sitenav li.menu-item-has-children a{background:url(images/arr_down.png) no-repeat 96% center; background-size:13px auto;}
.site-navbar .menu-sitenav li ul.sub-menu{display:none; width:100%; background:#182d7b; overflow:hidden;}
.site-navbar .menu-sitenav li ul.sub-menu li{float:left; width:100%; border-bottom:1px solid rgba(255,255,255,.1);}
.site-navbar .menu-sitenav li ul.sub-menu li a{background:none; font-weight:normal; display:block;font-size:.14rem; color:#fff; height: .44rem; line-height: .44rem; border:0;}
.site-navbar .menu-sitenav li ul.sub-menu li a:hover{ color:rgba(255,255,255,.7);}

.Str-footer{background:#112370; padding:40px 0 20px; font-weight:300;} 
.foot-left{float:left; margin:0;}
.foot-right{float:left;color:#fff;}
.foot-logo{margin:0 0 40px;}
.foot-logo img{display:block; height:50px;}
.foot-phone{font-size:18px;  margin:0 0 20px;}
.foot-phone span{display:block; font-size:34px; font-family: 'beba';}
.foot-address p{font-size:14px; color:rgba(255,255,255,.7); line-height:25px;}

.foot-right ul{margin:0;  overflow:hidden;}
.foot-right ul li{float:left; margin-left:30px;line-height:60px; }
.foot-right ul li a{display:block; font-size:16px; color:#fff;font-size:20px;}
.foot-right ul li a:hover{color:#fff;}
.foot-wx{float:right; text-align:center; font-size:14px; line-height:30px; color:rgba(255,255,255,.7);}
.foot-wx img{display:block; width:144px; }

.foot-statement{clear:both; margin-top:20px; padding-top:20px; border-top:1px solid rgba(255,255,255,.12); overflow:hidden; text-align:right; font-size:18px; color:rgba(255,255,255,.7);}
.foot-statement span{float:left; width:auto;}
.foot-statement label,.foot-statement a{color:rgba(255,255,255,.7);display:inline-block; margin-left:10px;}
.foot-statement a:hover{text-decoration:underline;}

/*INDEX*/
.Str-screen{position:relative; width:100%; height:100%; background:#000; overflow:hidden;}
.home-video{position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); min-width: 100%;  min-height: 100%; background-position:center; background-size:cover;  overflow:hidden;}

.gradient-overlay {position: absolute; z-index: 0; width: 100%; height: 100%; top: 0; background: rgba(0,95,184,1);
    background: -moz-linear-gradient(left,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(0,95,184,1)),color-stop(40%,rgba(0,95,184,0.57)),color-stop(80%,rgba(0,95,184,0)));
    background: -webkit-linear-gradient(left,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    background: -o-linear-gradient(left,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    background: -ms-linear-gradient(left,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    background: linear-gradient(to right,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005fb8',endColorstr='#005fb8',GradientType=1);
}
.gradient-overlay-none{background: linear-gradient(to right,rgba(0,0,0,.6) 20%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.1) 100%);}
.home-gradient-overlay{background: linear-gradient(to top,rgba(10,12,45,1) 10%,rgba(10,12,45,.36) 60%,rgba(10,12,45,0) 100%);}
.showSlogan{position:relative; height:100%; display: flex; justify-content:center; align-items: center; text-align:center; }
.show-slogan{width:100%; color:#fff;}
.show-slogan.tleft{text-align:left; }
.show-slogan.tright{text-align:right; }
.show-slogan h1{font-size:74px; line-height:1.2;  font-weight:300; margin:0 0 20px;}
.show-slogan h2{font-size:60px; line-height:1.5; font-weight:300;}
.show-slogan h3{font-size:34px; line-height:1.2; font-weight:normal;}
.show-slogan h4{font-size:28px; font-weight:normal; line-height:1.5; letter-spacing:12px;}
.show-slogan h5{font-size:24px; line-height:1.5; margin:0 0 40px;}
.show-slogan h6{font-size:18px; line-height:1.5; font-weight:100; letter-spacing:13px;}

.show-slogan label{display:inline-block; line-height:1.5; margin-right:60px;}

.home-btn{padding-top:10px;}
.homeLink{position:relative; display:inline-block; text-align:left; padding:0 30px; height:48px; font-size:16px; overflow:hidden; border-radius:100px; line-height:48px; overflow:hidden; color:#fff; background:#38a1db; transition: all 0.3s ease-in-out; color:#fff;} 
.homeLink:hover{ color:#fff; padding-right:80px; letter-spacing:4px;}

.index-title{margin:0 0 40px; }
.index-title h2{margin:0; font-size:34px; font-weight:300; color:#004097; position:relative;}
.index-title h2:after{content:''; width:135px; height:3px; background:#004097; position:absolute; left:0; bottom:-20px; }
.index-title h3{margin:0; font-size:24px; color:#666; font-weight:normal;}
.index-title.fWhite h2{color:#fff; }
.index-title.fWhite h2:after{background:#fff;}
.index-title.fWhite h3{color:rgba(255,255,255,.7);}
.index-title.fBlack h2{color:#121212; }
.index-title.fBlack h2:after{background:#112370;}
.index-title.tRight{text-align:right;}
.index-title.tRight h2:after{left:auto;right:0; bottom:-20px; }

.index-about dt{float:left; width:40%;}
.index-about dd{margin-left:40%; padding-left:8%;}
.index-about dd img{position:relative; display:block; width:100%;z-index:5;}
.index-about dd span{position:relative; display:block;}
.index-about dd span:after{content:''; width:213px; height:129px; background:url(https://www.tuodaomedical.com/wp-content/themes/china/css/images/pointbg.png) no-repeat center; position:absolute; right:-75px; top:-40px; z-index:0;}
.index-about dd span:before{content:''; width:213px; height:129px; background:url(https://www.tuodaomedical.com/wp-content/themes/china/css/images/pointbg.png) no-repeat center; position:absolute; left:-60px; bottom:-40px; z-index:0;}

.cultureSwiper{height:780px;}
#cultureSwiper.swiper {width: 100%; height: 100%; }
#cultureSwiper.swiper .swiper-slide{width:100%; height:100%;}
#cultureSwiper.swiper .swiper-slide.img-slide-1{background:url(images/index-slide-1.jpg) no-repeat center; background-size:cover;}
#cultureSwiper.swiper .swiper-slide.img-slide-2{background:url(images/index-slide-2.jpg) no-repeat center; background-size:cover;}
#cultureSwiper.swiper .swiper-slide.img-slide-3{background:url(images/index-slide-3.jpg) no-repeat center; background-size:cover;}

#cultureSwiper .swiper-pagination-bullets,#cultureSwiper .swiper-pagination-custom, #cultureSwiper .swiper-pagination-fraction {left:0;bottom:0; }
#cultureSwiper .swiper-pagination-bullet{position:relative; margin:0; display:block; float:left; width:33.3333%; padding:25px 40px; line-height:30px; height:auto; text-align:left; border-radius:0; background:rgba(0,0,0,.24); color:#fff; font-size:18px; opacity: 1; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
#cultureSwiper .swiper-pagination-bullet:after{display:none;}
#cultureSwiper .swiper-pagination-bullet:before{display:none;}
#cultureSwiper .swiper-pagination-bullet-active {background:#112370; background:-moz-linear-gradient(left, #112370,#38a1db); background:-webkit-gradient(linear, 0 0, 100% 0, from(#112370), to(#38a1db)); }

#cultureSwiper .swiper-button-prev,#cultureSwiper .swiper-container-rtl .swiper-button-next {left: 2%; background:rgba(255,255,255,.1); width:54px; height:54px; border-radius:100px;}
#cultureSwiper .swiper-button-next,#cultureSwiper .swiper-container-rtl .swiper-button-prev {right:2%;  background:rgba(255,255,255,.1); width:54px; height:54px; border-radius:100px;}
#cultureSwiper .swiper-button-next:after,#cultureSwiper .swiper-container-rtl .swiper-button-prev:after {color:rgba(255,255,255,.6); font-size:24px;}
#cultureSwiper .swiper-button-prev:after,#cultureSwiper .swiper-container-rtl .swiper-button-next:after {color:rgba(255,255,255,.6); font-size:24px;}

.adv-bar{overflow:hidden; margin:0 0 40px;}
.adv-bar span{cursor:pointer; display:block; float:left; width:calc(33.3333% - 10px); margin-right:10px; height:80px; line-height:40px; padding:20px 10px; text-align:center; font-size:24px; color:#666; background:rgba(255,255,255,.64);}
.adv-bar span:last-child{margin-right:0; width:33.3333%;}
.adv-bar span.current{position:relative; background:#112370; color:#fff; }

.adv-con{overflow:hidden;}
.adv-conitem{float:left; width:20%; padding-top:22.5%; position:relative; overflow:hidden;}
.adv-conitem img.advimg-bg{display:block; width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}

.adv-conitem.item-three{width:33.3333%;}

.adv-mask{background:rgba(24,43,125,.5);}
.adv-mask img{display:block; margin:0 auto 30px; width:84px;}
.adv-mask span{position:relative; display:block; font-size:18px; color:#fff;}
.adv-mask span:after{content:'';  width:0; height:3px; background:#fff;position:absolute; left:50%; bottom:-15px; transform:translateX(-50%);-moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }

.adv-conitem:hover img.advimg-bg{transform:scale(1.2);filter: brightness(1.3);}
.adv-conitem:hover .adv-mask span:after{width:44px;}
/*SUBPAGE*/
.Str-banner{position:relative; height:34vw; min-height:560px; background:#111111;}
.bg-about{background:url(images/bg_about.jpg) no-repeat left center; background-size:cover;}
.bg-product{background:url(images/bg_product.jpg) no-repeat left center; background-size:cover;}
.bg-join{background:url(images/bg_join.jpg) no-repeat left center; background-size:cover;}
.bg-invest{background:url(images/bg_invest.jpg) no-repeat left center; background-size:cover;}
.bg-branch{background:url(images/bg_branch.jpg) no-repeat left center; background-size:cover;}
.bg-xjp{background:url(images/bg_xjp.jpg) no-repeat left center; background-size:cover;}
.bg-sh{background:url(images/bg_sh.jpg) no-repeat left center; background-size:cover;}
.bg-sz{background:url(images/bg_sz.jpg) no-repeat left center; background-size:cover;}


#loutinav{padding:20px 0; background:#fff;  border-bottom:1px solid #efefef; width:100%; position:static; top:0; z-index:900; text-align:center;}
#loutinav ul{overflow:hidden;}
#loutinav ul li {float:left; width:20%; text-align:center; }
#loutinav ul li a{display:block; font-size:16px; line-height:40px; vertical-align:middle; opacity:.5; }
#loutinav ul li a img{display:inline-block; width:40px; height:40px; margin-right:10px; vertical-align:middle;}
#loutinav ul li.active a {opacity:1;}
#loutinav ul li:hover a {opacity:.8;}

.bgAbout{background:url(images/about_bg.png) #eaedf2 no-repeat 112% bottom; background-size:40%;}
.bgAbout .commTxt{width:64%;}
.data-count{padding-top:10%; overflow:hidden;}
.data-count span{display:block; float:left; margin-right:6%; max-width:160px;}
.data-count span em{display:block; font-style:normal; font-family:'beba'; font-size:64px; color:#112370;}
.data-count span em i{font-size:22px; font-style:normal;}
.data-count span em sup{font-size:24px; margin-right:0;}
.data-count span label{display:block; font-size:18px; color:#666; font-weight:300;}
.data-count span:last-child{margin-right:0;}

.about-imgTxt dt{float:left; width:45%; margin:0 0 80px;}
.about-imgTxt dt span{display:block; position:relative;}
.about-imgTxt dt span:after{content:''; width:213px; height:129px; background:url(images/pointbg.png) no-repeat center; position:absolute; right:-100px; top:-40px; z-index:0;}
.about-imgTxt dt img{position:relative; display:block; width:100%; height:auto; z-index:5;}
.about-imgTxt dd{margin-left:45%; padding-left:8%;}
.about-imgTxt dd h3{font-size:24px; color:#112370; font-weight:normal;}
.about-imgTxt dd h4{margin:0 0 20px; font-size:34px; color:#112370; font-weight:300;}
.about-imgTxt dd p{font-size:16px; font-weight:300; line-height:1.65; margin:0 0 15px;  text-align:justify;}

.about-txtImg dt{float:right; width:45%; }
.about-txtImg dt span{display:block; position:relative;}
.about-txtImg dt span:after{content:''; width:213px; height:129px; background:url(images/pointbg.png) no-repeat center; position:absolute; left:-100px; top:-40px; z-index:0;}
.about-txtImg dt img{position:relative; display:block; width:100%; height:auto; z-index:5;}
.about-txtImg dd{margin-right:45%; padding-right:8%; }
.about-txtImg dd h3{font-size:24px; color:#112370; font-weight:normal;}
.about-txtImg dd h4{margin:0 0 20px; font-size:34px; color:#112370; font-weight:300;}
.about-txtImg dd p{font-size:16px; font-weight:300; line-height:1.65; margin:0 0 15px;  text-align:justify;}

/*tx*/
.solution-box{overflow:hidden; height:700px;}
.solution-box .solbox{cursor:pointer; position:relative; float:left; width:25%; height:100%; transition: all 0.5s ease-in-out;}
.solution-box .solbox.sitem-1{background:url(images/index-slide-1.jpg) no-repeat center;}
.solution-box .solbox.sitem-2{background:url(images/index-slide-2.jpg) no-repeat center;}
.solution-box .solbox.sitem-3{background:url(images/index-slide-3.jpg) no-repeat center;}
.solution-box .solbox.sitem-4{background:url(images/index-slide-4.jpg) no-repeat center;}

.solution-box .solbox.active{width:40%;}
.solution-box .solbox.small{width:20%;}

.solution-name{position:absolute; left:0%; top:0%; width:100%; padding:40px;  z-index:8;}
.solution-name p{padding-top:20px;  opacity:0; font-size:34px; color:#fff; font-weight:300; transition: all 0.5s ease-in-out;}
.solution-name p label{display:inline-block; margin-right:30px;}
.smask{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.34); transition: all 0.3s; z-index:1;}

.solution-box .solbox.active .smask{background: linear-gradient(to bottom,rgba(1,64,153,.5) 8%,rgba(1,64,153,0.2) 70%,rgba(1,64,153,0) 100%);}
.solution-box .solbox.active .solution-name p{padding-top:0; opacity:1;}
/*tx*/
.aboutStep{ position:relative; padding-top:80px;}
#stepSwiper.swiper {width: 100%; height: 100%;}
#stepSwiper.swiper .swiper-slide {position:relative;}
#stepSwiper.swiper .swiper-slide-active,#stepSwiper.swiper .swiper-slide-duplicate-active{}

#stepSwiper.swiper .swiper-slide .stepCon .stepimg{width:100%; padding-top:56%; position:relative;}
#stepSwiper.swiper .swiper-slide .stepCon .stepimg img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
#stepSwiper.swiper .swiper-slide .stepCon .stepimg h3{ font-size:44px; font-weight:300; letter-spacing:2px; color:#fff; font-family:DINAlternate-Bold,DINAlternate,'beba'; -moz-transition:all .4s; -webkit-transition:all .4s; -o-transition:all .4s; -ms-transition:all .4s; transition:all .4s;}

#stepSwiper.swiper .swiper-slide .stepCon .steptxt{background:#f5f5f5; padding:5%; min-height:340px;}
#stepSwiper.swiper .swiper-slide .stepCon .steptxt p{position:relative; font-size:14px; margin:0 0 15px; padding-left:20px; font-weight:300;}
#stepSwiper.swiper .swiper-slide .stepCon .steptxt p:after{content:''; width:6px; height:6px; background:#3A87DF; position:absolute; left:0; top:8px; border-radius:100px;}

#stepSwiper.swiper .swiper-slide-active .stepCon ,#stepSwiper.swiper .swiper-slide-duplicate-active  .stepCon { }


.aboutStep .swiper-button-prev,.aboutStep .swiper-container-rtl .swiper-button-next {left: 0; top:0; background:rgba(255,255,255,1); border:1px solid #ccc; width:44px; height:44px; border-radius:100px;}
.aboutStep .swiper-button-next,.aboutStep .swiper-container-rtl .swiper-button-prev {right:0; top:0; background:rgba(255,255,255,1); border:1px solid #ccc; width:44px; height:44px; border-radius:100px;}
.aboutStep .swiper-button-next:after,.aboutStep .swiper-container-rtl .swiper-button-prev:after {color:rgba(0,0,0,.6); font-size:16px; font-weight:600; }
.aboutStep .swiper-button-prev:after,.aboutStep .swiper-container-rtl .swiper-button-next:after {color:rgba(0,0,0,.6); font-size:16px; font-weight:600; }

.aboutStep .swiper-pagination-bullets,.aboutStep .swiper-pagination-custom, .aboutStep .swiper-pagination-fraction {left:0;top:-20px; bottom:auto;  }
.aboutStep .swiper-pagination:after{content:''; width:100%; height:1px; background:#ccc; position:absolute; left:0; top:50%; z-index:0;}
.aboutStep .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.aboutStep  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {width:100px; margin:0 20px; padding-bottom:40px; background:#fff; opacity:1; position:relative;z-index:30; font-size:18px; font-family:DINAlternate-Bold,DINAlternate,'beba';}
.aboutStep .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after,.aboutStep  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:after{content:''; width:8px; height:8px; background:#ccc; border-radius:10px; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.aboutStep .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,.aboutStep  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {color:#38a1db;}
.aboutStep .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:after,.aboutStep  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active:after{background:#38a1db;}


.bgGlobal{background:#dceaf3; background:-moz-linear-gradient(top, #dceaf3,#ffffff); background:-webkit-gradient(linear, 0 100%, 0 0, from(#dceaf3), to(#ffffff));}
/*map texiao*/
.global-map{position:relative; width:100%; margin:0 auto;}
.global-map img{display:block; width:100%;}

.pointer{position:absolute; background:#0cf; width:6px; height:6px; border-radius:50px;}
.pointer:before{content:''; position:absolute; left:0; top:0; width:6px; height:6px; border-radius:50px; box-shadow: 0px 0px 4px #0cf; animation: myfirst 1.5s infinite;}
.pointer:after{content:''; position:absolute; left:0; top:0; width:6px; height:6px; border-radius:50px; box-shadow: 0px 0px 6px #0cf; animation: myfirst 1.5s infinite; animation-delay: 1s;}
.pointer span,.pointer a{ display:block; font-size:16px; color:#112370; position:absolute; line-height:30px;  text-align:center;}

.pointer-1{ left:37%; top:46.5%;  width:10px; height:10px; background:#38a1db;}
.pointer-1:before{width:10px; height:10px; }
.pointer-1:after{ width:10px; height:10px; }
.pointer-1 span{ left:1230%; top:-1500%; background:#fff; border:3px solid #38a1db; width:240px; padding:15px; text-align:left; color:#38a1db; font-size:18px;}
.pointer-1 span label{display:block; font-size:14px; line-height:1.5; color:#999;}
.pointer-1 span:after{content:''; position:absolute; left:-126px; top:128px; width:130px; height:1px; background:#38a1db; transform:rotate(158deg);}

.pointer-2{ left:36.5%; top:51.5%; background:#112370; }
.pointer-2:before{display:none;}
.pointer-2:after{display:none;}
.pointer-2 span{right:2060%; top:660%; background:#fff; border:2px solid #112370; width:150px; }
.pointer-2 span:after{content:''; position:absolute; right:-122px; top:-20px; width:125px; height:1px; background:#112370; transform:rotate(163deg);}
.pointer-2 a{right:2060%; top:660%; background:#fff; border:2px solid #112370; width:150px; }
.pointer-2 a:after{content:''; position:absolute; right:-122px; top:-20px; width:125px; height:1px; background:#112370; transform:rotate(163deg);}


.pointer-3{left:38%; top:47.5%; background:#112370;}
.pointer-3:before{display:none;}
.pointer-3:after{display:none;}
.pointer-3 span{left:3000%; top:1140%; background:#fff; border:2px solid #112370; width:150px; }
.pointer-3 span:after{content:''; position:absolute; left:-185px; top:-35px; width:190px; height:1px; background:#112370; transform:rotate(20deg);}
.pointer-3 a{left:3000%; top:1140%; background:#fff; border:2px solid #112370; width:150px; }
.pointer-3 a:after{content:''; position:absolute; left:-185px; top:-35px; width:190px; height:1px; background:#112370; transform:rotate(20deg);}

/*
.pointer-4{left:22%; top:40%; background:#39f;}
.pointer-4:before{box-shadow: 0px 0px 4px #39f;}
.pointer-4:after{box-shadow: 0px 0px 4px #39f;}
.pointer-4 span{left:460%; top:350%; width:140px; background:rgba(51,153,255,.8); }
.pointer-4 span:after{content:''; position:absolute; left:-42px; top:-12px; width:50px; height:1px; background:rgba(51,153,255,.8); transform:rotate(35deg);}

*/
.pointer-5{left:35.5%; top:40.5%;background:#112370; }
.pointer-5:before{display:none;}
.pointer-5:after{display:none;}
.pointer-5 span{right:1860%; top:-1620%;  width:150px; background:#fff; border:2px solid #112370; }
.pointer-5 span:after{content:''; position:absolute; right:-120px; bottom:-34px; width:130px; height:1px;  background:#112370; transform:rotate(32deg);}
.pointer-5 a{right:1860%; top:-1620%;  width:150px; background:#fff; border:2px solid #112370; }
.pointer-5 a:after{content:''; position:absolute; right:-120px; bottom:-34px; width:130px; height:1px;  background:#112370; transform:rotate(32deg);}
/*
.pointer-6{ right:43%; top:41%; background:#c90;}
.pointer-6:before{box-shadow: 0px 0px 4px #c90;}
.pointer-6:after{box-shadow: 0px 0px 4px #c90;}
.pointer-6 span{left:480%; top:380%; width:140px; background:rgba(204,153,0,.8); }
.pointer-6 span:after{content:''; position:absolute; left:-42px; top:-12px; width:50px; height:1px; background:rgba(204,153,0,.8); transform:rotate(35deg);}

.pointer-7{ right:45%; top:32%;  background:#3c9;}
.pointer-7:before{box-shadow: 0px 0px 4px #3c9;}
.pointer-7:after{box-shadow: 0px 0px 4px #3c9;}
.pointer-7 span{left:340%; top:-530%; width:140px; background:rgba(51,204,153,.6); }
.pointer-7 span:after{content:''; position:absolute; left:-40px; bottom:-10px; width:60px; height:1px; background:rgba(51,204,153,.6); transform:rotate(135deg);}
*/
.pointer-8{ left:33.2%; top:63.3%; background:#112370;}
.pointer-8:before{display:none;}
.pointer-8:after{display:none;}
.pointer-8 a{left:900%; top:1300%; background:#fff; border:2px solid #112370; width:150px; }
.pointer-8 a:after{content:''; position:absolute; left:-70px; top:-38px; width:90px; height:1px;  background:#112370; transform:rotate(55deg);}


@keyframes myfirst{  
				10% {transform: scale(2); opacity:.9;}
				20% {transform: scale(2.5); opacity:.8;}  
				30% {transform: scale(3); opacity:.7;}  
				40% {transform: scale(3.5); opacity:.6;}  
				50% {transform: scale(4); opacity:.5;}
				60% {transform: scale(4.5); opacity:.4;}
				70% {transform: scale(5); opacity:.3;}
				80% {transform: scale(5.5); opacity:.2;}
				90% {transform: scale(6); opacity:.1;}
				100% {transform: scale(6.5); opacity:0;}  
			}
.mobile-point{display:none;}
/*map texiao*/

.citys-list{overflow:hidden;}
.city-box{float:left; width:20%; padding-top:16%; background:#222; position:relative; overflow:hidden; cursor:pointer;}
.city-box img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; transition: all 0.3s ease-in-out;}
.city-box .city-txt{position:absolute; left:0 ;top:0; width:100%; height:100%; background:rgba(24,43,125,.2);  color:#fff; transition: all 0.3s ease-in-out;}
.city-box .city-txt h3{font-size:40px; transition: all 0.3s ease-in-out; font-weight:400;}
.city-box .city-txt p{font-size:18px;  transition: all 0.3s ease-in-out;}
.city-box .city-txt .ctxt{display:none; font-size:15px; padding:5% 12%;}

.city-box:hover img{transform:scale(1.2);}
.city-box:hover .city-txt{background:rgba(24,43,125,.7);}
.city-box:hover .city-txt .ctit{display:none;}
.city-box:hover .city-txt .ctxt{display:block;}



.bgFuture{background:url(images/bg_future.jpg) no-repeat center; background-size:cover; min-height:760px;}

/*product*/
.product-imgtxt{overflow:hidden;}
.product-imgtxt dt{float:left; width:50%; }
.product-imgtxt dd{float:left; width:50%; padding-left:5%;}
.product-imgtxt img{display:block; width:100%; height:auto;}

.Ued-space{overflow:hidden;}
.swiper.Space-swiper{overflow:visible;}
.Space-swiper .swiper-wrapper{width: 100%; padding-bottom:40px;}
.Space-swiper .swiper-slide{width:100%; padding-top:34%; position:relative;}
.Space-swiper .swiper-slide img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
.Space-swiper .swiper-pagination-bullets,.Space-swiper .swiper-pagination-custom, .Space-swiper .swiper-pagination-fraction {position:relative; bottom: 20px; left: 0; width: 100%; text-align:left; }
.Space-swiper .swiper-pagination-bullet{width: 6px; height: 6px; border-radius:50px; display: inline-block;  background:#1b1b1c;  opacity: .3;}
.Space-swiper .swiper-pagination-bullet-active {opacity: 1;}
.Space-swiper.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .Space-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
.Space-swiper .swiper-button-next,.Space-swiper .swiper-container-rtl .swiper-button-prev { background:rgba(0,0,0,.1); width:44px; height:44px; border-radius:100px; transform:translateY(-20px)}
.Space-swiper .swiper-button-prev,.Space-swiper  .swiper-container-rtl .swiper-button-next { background:rgba(0,0,0,.1); width:44px; height:44px; border-radius:100px; transform:translateY(-20px)  }
.Space-swiper .swiper-button-next:after,.Space-swiper .swiper-container-rtl .swiper-button-prev:after {color:rgba(0,0,0,.6); font-size:22px;}
.Space-swiper .swiper-button-prev:after,.Space-swiper .swiper-container-rtl .swiper-button-next:after {color:rgba(0,0,0,.6); font-size:22px;}

.bgProduct-c{background:url(images/product_2.jpg) #afaeb4 no-repeat center top; background-size:auto 100%; min-height:680px;}

.bg-news{background:#e4eaef; padding-top:160px; padding-bottom:80px; height:auto;}
.topNews{display:block;}
.topNews dl{overflow:hidden;width:100%;}
.topNews dt{float:left; width:50%; padding-top:32%; position:relative;}
.topNews dt img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; -moz-transition:all .4s; -webkit-transition:all .4s; -o-transition:all .4s; -ms-transition:all .4s; transition:all .4s;}
.topNews dd{float:left; width:50%; padding-top:32%; position:relative; background:#fff;}
.topNews dd .newscon{display:block; width:100%; padding:50px; position:absolute; left:0; top:0; box-sizing:border-box;}
.topNews dd .newscon h3{font-size:24px; font-weight:400; color:#121212; position:relative; margin:0 0 60px; }
.topNews dd .newscon h3:after{content:''; width:60px; height:2px; background:#112370; position:absolute; left:0; bottom:-20px;}
.topNews dd .newscon p{margin:0 0 20px; font-size:16px; line-height:1.8;  overflow:hidden; color:#888;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical;word-break: break-all;}
.topNews dd .news-date{font-size:18px; color:#121212; position:absolute; left:0; bottom:0; width:100%; padding:50px;  font-family:"beba"; text-align:right;}
.topNews dd .news-date:after{content: '\e606'; font-family:'iconfont'; position:absolute; left:50px; top:50%; opacity:0; transform: translate(0, -50%); text-indent:0px; font-size:24px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;-moz-transition:all .4s; -webkit-transition:all .4s; -o-transition:all .4s; -ms-transition:all .4s; transition:all .4s;}

.topNews:hover dt img{transform:scale(1.2);}
.topNews:hover dd .news-date:after{left:100px;opacity:1;color:#112370;}
.topNews:hover dd .newscon h3{color:#112370;}

.newsLink{display:block; background:#fff; padding:50px; position:relative; box-shadow:0 0 12px rgba(0,0,0,.1) inset;}
.newsLink em{ margin:0 0 20px; position:relative; display:block; width:100%; padding-top:48%; overflow:hidden;font-style:normal;}
.newsLink em img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;  -moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s;}
.newsLink em p{position:absolute; left:0; top:0; font-size:16px; line-height:1.8; color:#888; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical;word-break: break-all;}
.newsLink h3{font-size:22px; margin:0 0 20px; line-height:35px; height:70px; color:#121212; font-weight:400;  overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: break-all;}
.newsLink h4{font-size:24px; margin:0 0 20px; line-height:35px; height:35px;color:#121212; font-family:"beba"; font-weight:normal; }
.newsLink i{position:relative; display:block; font-size:18px; color:#666666; font-style:normal; text-align:right; margin-top:40px;  font-family:"beba";}
.newsLink i span{position:relative; float:left; width:auto; padding-right:20px;}
.newsLink i span:after{opacity:0;content: '\e606'; font-family:'iconfont'; position:absolute; left:90px; top:50%; transform: translate(0, -50%); font-size:24px; font-style:normal; text-indent:0px; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;-moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s;}
.newsLink:hover em img{transform:scale(1.2);}
.newsLink:hover i span:after{opacity:1; left:120px; color:#112370;}
.newsLink:hover h3{color:#112370;}
.newsLink.blacking{background:#f0f0f0;}

.Str-page {padding-top:80px}
.Str-page .container {position: static}
.articleMain{margin:0 auto; width:768px; padding:40px;}
.article-title{margin:0 0 40px; padding-bottom:40px; border-bottom:1px solid #eee;}
.article-title h2{font-size:34px; color:#121212;}
.article-title p{font-size:15px; color:#999;}
.article-title p label{display:inline-block; margin-right:20px;}
.article-con{font-size:18px; line-height:2; font-weight:300;}
.article-con p{margin:0 0 20px; text-align:justify;}
.article-con p span{color:#999; font-size:14px;}
.article-con h2{font-size:34px;}
.article-con h3{font-size:24px;}
.article-con h4{font-size:22px;}
.article-con h5{font-size:20px;}
.article-con h6{font-size:14px; font-weight:normal; color:#999;}
.article-con img{display:block; margin:10px auto; max-width:100%; height:auto; }

.join-txt{font-size:22px; color:#121212; font-weight:300; line-height:1.8; text-align:center; margin:0 0 40px; }
.join-txt p{margin:0 0 15px;}
.joinBtn{margin-top:40px; display:inline-block; padding:10px 60px; font-size:18px;  line-height:30px; border-radius:100px; background:#cc3333; color:#fff; }
.joinBtn:hover{color:#fff; letter-spacing:4px;padding:10px 80px; background:#ff3333; box-shadow:0 0 24px rgba(255,51,51,.64);}

.fuli-box{background:#fff; padding:20px; text-align:center;}
.fuli-box img{display:block; margin:15px auto 10px; width:80px;}
.fuli-box span{display:block; font-size:16px; line-height:25px; height:50px; overflow:hidden; color:#121212; font-weight:300;}

.teamLife{position:relative; padding-bottom:40px;}
#teamSwiper.swiper{margin:0 auto; width:80%;}
#teamSwiper.swiper .swiper-slide{position:relative; width:100%; padding-top:56%; background:#ccc;}
#teamSwiper.swiper .swiper-slide img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}

.teamLife .swiper-pagination-bullet {background:#666;}
.teamLife .swiper-button-prev,.teamLife .swiper-container-rtl .swiper-button-next {background:rgba(0,0,0,.1); width:54px; height:54px; border-radius:100px;}
.teamLife .swiper-button-next,.teamLife .swiper-container-rtl .swiper-button-prev {background:rgba(0,0,0,.1); width:54px; height:54px; border-radius:100px;}
.teamLife .swiper-button-next:after,.teamLife .swiper-container-rtl .swiper-button-prev:after {color:rgba(0,0,0,.46); font-size:24px;}
.teamLife .swiper-button-prev:after,.teamLife .swiper-container-rtl .swiper-button-next:after {color:rgba(0,0,0,.46); font-size:24px;}

.about-sub{overflow:hidden;}
.about-sub dt{float:left; width:65%; padding-right:8%; }
.about-sub dd{margin-left:70%; padding:40px; background:#112370; color:#fff;  }
.about-sub dd p{font-size:18px; line-height:1.65; padding-left:40px; position:relative; margin:0 0 20px;}
.about-sub dd p.address{background:url(images/address.png) no-repeat left top; background-size:24px; padding-top:34px;}
.about-sub dd p.phone{background:url(images/phone.png) no-repeat left top; background-size:24px; padding-top:34px;}

.sub-title{font-size:24px; color:#333; margin:0 0 20px;}
.honorBox{position:relative; display: flex; justify-content:center; align-items: center; text-align:center; }
.honorBox img{display:block; width:100%; image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */image-rendering: crisp-edges;}
/*
.honorBox:before{content:''; width:24px; height:60px; background:url(images/feat-left.png) no-repeat left bottom; background-size:24px; position:absolute; left:0; bottom:50%; transform:translateY(50%);}
.honorBox:after{content:''; width:24px; height:60px; background:url(images/feat-right.png) no-repeat left bottom; background-size:24px; position:absolute; right:0; bottom:50%; transform:translateY(50%);}


.honorBox.cent:before{content:''; position:absolute; left:0; bottom:0; transform:translateY(0);width:100%; height:100%; border:2px solid #999; background:none;}
.honorBox.cent:after{content:''; position:absolute; left:5px; bottom:5px; transform:translateY(0); width:100%; height:100%; border:1px solid #999; background:none;}
*/

.history-ul{padding:40px 0; overflow:hidden; position:relative; }
.history-ul:after{content:''; width:1px; height:100%; background:#ccc; position:absolute; left:50%; top:0; transform:translate(-50%,0);}
.history-ul:before{content:''; width:20px; height:20px; border-radius:40px; background:#ccc; position:absolute; left:50%; bottom:0; transform:translate(-50%,0); }
.history-ul li{padding:0; overflow:hidden;}
.history-ul li.arr{width:30px; height:15px; background:url(images/arr_down_g.png) no-repeat center; background-size:30px 15px; position:absolute; left:50%; top:0;transform:translate(-50%,0);  }

.hisbox{width:45%; text-align:right;}
.hisbox h3{font-size:50px; color:#112370; margin:0; position:relative; font-family:DINAlternate-Bold,DINAlternate;}
.hisbox h3:after{content:''; width:10%; height:1px; background:#ccc; position:absolute; right:-11%; top:50%; transform:translate(0,-50%);}
.hisbox h3:before{content:''; width:10px; height:10px; border-radius:20px; background:#ccc; position:absolute; right:-15px; top:50%; transform:translate(0,-50%); }
.hisbox h4{font-size:34px; color:#222; margin:0 0 10px;}
.hisbox p{position:relative; font-size:18px; color:#888; padding-right:22px; margin:0 0 10px;}
.hisbox p:after{content:''; width:6px; height:6px; background:#3A87DF; position:absolute; right:0; top:12px;  }

.hisbox.his-right{float:right; text-align:left;}
.hisbox.his-right h3:after{content:''; width:10%; height:1px; background:#ccc; position:absolute; left:-11.5%; top:50%; transform:translate(0,-50%);}
.hisbox.his-right h3:before{content:''; width:10px; height:10px; border-radius:20px; background:#ccc; position:absolute; left:-15px; top:50%; transform:translate(0,-50%); }
.hisbox.his-right p{padding-left:22px; padding-right:0;}
.hisbox.his-right p:after{ left:0; right:auto; }

.stepYear{position:relative; cursor:pointer; background:#f5f5f5; padding:10%; min-height:400px; -moz-transition:all .4s; -webkit-transition:all .4s; -o-transition:all .4s; -ms-transition:all .4s; transition:all .4s;}
.stepYear:after{content:''; width:0; height:3px; background:#3a87df; position:absolute; left:50%; bottom:0; transform:translateX(-50%);-moz-transition:all .4s; -webkit-transition:all .4s; -o-transition:all .4s; -ms-transition:all .4s; transition:all .4s; }
.stepYear h3{margin:0 0 20px; font-size:34px; color:#333; font-family:DINAlternate-Bold,DINAlternate,'beba'; padding-bottom:20px; border-bottom:1px solid #ccc;  -moz-transition:all .4s; -webkit-transition:all .4s; -o-transition:all .4s; -ms-transition:all .4s; transition:all .4s;}
.step-detail p{position:relative; font-size:16px; margin:0 0 20px; padding-left:20px; font-weight:300;}
.step-detail p:after{content:''; width:6px; height:6px; background:#3A87DF; position:absolute; left:0; top:10px; border-radius:100px; }

.stepYear:hover{background:#fff; box-shadow:0 0 12px rgba(0,0,0,.12); }
.stepYear:hover:after{width:100%;}
.stepYear:hover h3{color:#3A87DF;}

.operStep{position:relative; overflow:hidden; padding:0 0 20px; margin:0 auto; width:74%; }
.operStep span{position:relative;display:block; background:#fff; float:left; width:33.3333%; font-size:16px;  line-height:30px; text-align:center; }
.operStep span i{position:relative;display:block;margin:5px auto; background:#fff; border:1px solid #ccc; width:18px; height:18px; border-radius:100px; text-align:center; font-style:normal; z-index:10;}
.operStep span label{position:relative;display:inline-block;vertical-align:middle; line-height:40px; background:#fff; padding:0 10px; color:#999;  z-index:10; font-family:DINAlternate-Bold,DINAlternate,'beba';}
.operStep span:after{content:''; width:100%; height:1px; background:#ccc; position:absolute; right:0; top:50%; transform:translateY(-50%); z-index:0;}
.operStep span:first-child{text-align:left;}
.operStep span:first-child i{background:#fff;}
.operStep span:last-child{text-align:right;}

.operStep span.active label{ font-weight:600;}
.operStep span.active i{background:#ccc; color:#fff; }
.operStep span.active:after{background:#ccc;}

/*wp page*/
.pagination {text-align: center; padding: 20px 0; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;}
.pagination h2{display:none;}
.pagination a ,.pagination span{display:inline-block;margin: 0 1px 0 0; padding: 6px 12px; }
.pagination span.current{background:#1c2081;  color: #fff !important;}
.pagination a.page-numbers{background:#eeeeee; color:#666666;}


.Str-404{width:100%; height:100%; background:#222; color:#fff; display: flex; justify-content:center; align-items: center; text-align:center;}
.Str-404 h1{margin:0; font-size:180px; line-height:1.5; }
.Str-404 h2{font-size:60px; line-height:1.5; }
.Str-404 h3{font-size:24px;  line-height:2; margin:0 0 40px;}

/*new add*/
.branch-str{overflow:hidden;}
.branch-str dt{float:left; width:65%; padding-right:8%; }
.branch-str dd{margin-left:70%; }
.branch-str dd img{display:block; width:100%; height:auto;}

.branch-box{display:block;}
.branch-box .branch-img{position:relative; width:100%; padding-top:64%; overflow:hidden;}
.branch-box .branch-img img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;  -moz-transition:all .4s; -webkit-transition:all .4s; -o-transition:all .4s; -ms-transition:all .4s; transition:all .4s;}
.branch-box .branch-txt{background:#f8f8f8; padding:5%; text-align:center; font-size:16px; -moz-transition:all .4s; -webkit-transition:all .4s; -o-transition:all .4s; -ms-transition:all .4s; transition:all .4s;}
.branch-box .branch-txt h3{font-size:28px; margin:0 0 5px; font-weight:normal; }

.branch-box:hover .branch-img img{transform:scale(1.2);}
.branch-box:hover .branch-txt{background:#112370; color:#fff;}


.col-12{flex:0 0 100%;max-width:100%}
.row{display:flex;flex-wrap:wrap;margin-right:-.83333rem;margin-left:-.83333rem}
.block-grid{display:flex;flex-wrap:wrap;margin-left:-.83333rem;margin-right:-.83333rem}.block-grid .block-grid__item{display:flex;background-clip:padding-box;margin:0;width:100%;padding:0 .83333rem;margin-bottom:1.66667rem}.block-grid .block-grid__item>*{margin:0;flex:0 0 100%}.block-grid-1 .block-grid__item{flex:0 0 100%;max-width:100%}.block-grid-2 .block-grid__item{flex:0 0 50%;max-width:50%}.block-grid-3 .block-grid__item{flex:0 0 33.33333%;max-width:33.33333%}.block-grid-4 .block-grid__item{flex:0 0 25%;max-width:25%}

.teaser-mosaic .teaser-mosaic-item--is-featured .card__body{display:flex;flex-direction:column;flex:0 0 33.333%;max-width:33.333%;margin:0;padding:1.11111rem}.teaser-mosaic .teaser-mosaic-item--is-featured .card__footer{margin:auto 0 0;padding:0}}.flag{display:inline-flex;margin-top:2px}.flag:before{content:"";display:inline-block}

ul#slides{margin-bottom:40px;margin-top:0;margin:0 auto;}

.new1{width:22%;min-height:250px;border:1px solid #e5dede;float:left;margin:1% 1.5%;}
.new1 img{width:100%;}
.new1:hover{}
.new1 img:hover{transform:scale(0.9);transition:0.6s}
.new2{padding:0 15px;font-size:19px;height:60px}
.con2{overflow:hidden;margin:0 auto;width:84%}
.cpzx{margin:40px auto;margin-bottom:30px;}
h5.new3{margin-bottom:10px}

#slides img{width:100%;}