@charset 'UTF-8';
 
/* 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:'Microsoft Yahei',Arial,'Lucida Grande',sans-serif; font-size:14px; line-height:1.5; color:#121212; background:#fff; 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;}

a:hover {color:#004998; text-decoration:none;}
a{color:#333; 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);}

/*clear float*/
.clearfix:after {font-size:0;line-height:0;content: "\020";display: block;height: 0;clear: both;}
.clearfix {zoom: 1;}

/*滚动条整体样式*/
::-webkit-scrollbar {width: 8px;height: 8px;}
/*滚动条滑块*/
::-webkit-scrollbar-thumb {background: #004998;}
/*滚动条轨道*/
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);	background: rgba(0,0,0,0);}

/*font style*/
@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;}

@-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:69px;margin-left:-34.5px;height:24px;position:absolute;left:50%;bottom:5%;background:url(../images/down.png) center center no-repeat;background-size:70%;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;}

/**common style**/
.container{position:relative; margin:0 auto; padding-left:80px; padding-right:80px; max-width:1560px;}
.no-scroll{overflow: hidden;}
.commWidget{width:100%;}
.commPadding{padding:80px 0;}
.bgWhite{background:#ffffff;}
.bgGray{background:#f5f5f5;}
.bgBlue{background:#f1f5f9;}

.list-style-two{margin-left:-10px; margin-right:-10px;}
.list-style-two li{position:relative; float:left; padding:0 10px; width:50%;  }
.list-style-two li.all-long{width:100%;}
.two .list-style-two li{position:relative; float:left; padding:0 10px; width:100%;   }
.two .list-style-two li .a{height: 50%;}
 
.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: calc(25% - 10px);
    /* padding: 10px; */
    margin: 5px;
    border: 4px solid #fff;}

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

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

.fwhite{color:#fff;}
.fgray{color:#999;}

/*layout style*/
body.offscreen .Str-header{margin-top:-80px;}
body.drop .Str-header{margin-top:0px;}
.gupiaotop{ line-height:4}
.Str-header{position:fixed; left:0; top:0; padding:10px 0; height:80px; width:100%; z-index:1000; color:#fff; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;    border-bottom: 1px solid rgba(255,255,255,0.1);}
.Str-header h1{float:left; margin:0;}
.Str-header h1 a.logo{display:block; margin:2px 0; width:160px; height:56px; text-indent:-8889px; 
background:url(../images/logo_n.png) no-repeat center;

background-size:160px 56px; -moz-transition:none;-webkit-transition:none;-o-transition:none;-ms-transition:none;}
.Str-header h1 a.logo1 img{display:none}
.Str-header h1 a.logo1 img:nth-of-type(1){display:inline-block; max-width:160px}
.Str-header-scroll h1 a.logo1 img:nth-of-type(2){display:inline-block; max-width:160px}
.Str-header-scroll h1 a.logo1 img:nth-of-type(1){display: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:12px 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 .Str-menu{float:right;}
.Str-header .Str-menu li{position:relative; float:left;}
.Str-header .Str-menu li a{display:block; padding:15px 30px; font-size:16px; font-weight:400; line-height:30px; color:#fff; text-decoration:none; }

.Str-header .Str-menu li a:hover{text-decoration:none; color:rgba(255,255,255,.64);}
 
.Str-header .Str-menu li.current>a:after{
    content: "";
    width: 50%;transform: translate(50%, -50%);
    height: 3px;
    background: #33aaea;
    position: absolute;
    bottom: -11px;
    left: 0;
  }
.Str-header-scroll .Str-menu li.current>a:after{
    content: "";
     width: 50%;transform: translate(50%, -50%);
    height: 3px;
    background: #33aaea;
    position: absolute;
    bottom: -11px;
    left: 0;
  }
 

.Str-header .Str-menu li ul.submenu{display:none; position:absolute; left:50%; top:50px; margin-left:-80px;  width:160px;  background:#fff;  border-radius:4px; }
.Str-header .Str-menu li ul.submenu:before{content:"\e772"; font-family: 'iconfont'; position:absolute; left:50%; 
/*top:-20px;*/
transform: translate(-50%, 0); font-size:24px; color:#fff; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
.Str-header .Str-menu li ul.submenu li{width:100%; border-bottom:1px solid rgba(0,0,0,.05);}
 
.Str-header .Str-menu li ul.submenu li a{display:block;font-size:14px; color:#444; line-height:20px; padding:12px 2%; text-align:center;}
.Str-header .Str-menu li ul.submenu li a:hover{color:#fff; background:#004998;}

.Str-header .Str-menu li ul.submenu2{display:none; position:absolute; left:50%; top:50px; margin-left:-80px;  width:160px;  background:#fff;  border-radius:4px; }
.Str-header .Str-menu li ul.submenu2:before{content:"\e772"; font-family: 'iconfont'; position:absolute; left:50%; top:-20px; transform: translate(-50%, 0); font-size:24px; color:#fff; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
.Str-header .Str-menu li ul.submenu2 li{width:100%; border-bottom:1px solid rgba(0,0,0,.05);}
.Str-header .Str-menu li ul.submenu2 li a{display:block;font-size:14px; color:#fdfdfd; line-height:20px; padding:12px 2%; text-align:center;}
.Str-header .Str-menu li ul.submenu2 li a:hover{color:#fff; background:#004998;}
.Str-header .Str-menu li ul.submenu2{display:none; position:absolute; left:50%; top:0px; margin-left:80px;  width:230px;  background:#fff;color: #fff;  border-radius:4px; }
 
.Str-header .Str-menu li.menu-item2:hover .submenu2{display:block;background-color: #2385e2;}
.Str-header-scroll{padding:10px 0; height:80px; 
    background: rgba(255, 255, 255, 0.24);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
/*background:#fff; background:rgba(255,255,255,1); */
color:#222; -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 h1 a.logo{display:block; width:160px; height:56px; 
background:url(../images/logo_n1.png) no-repeat center; 
background-size:160px 56px; text-indent:-8889px; -moz-transition:none;-webkit-transition:none;-o-transition:none;-ms-transition:none;transition:none;}
.Str-header-scroll .Str-menu li a{padding:15px 20px;color:#222;}
.Str-header-scroll .Str-menu li a:hover{color:#004998;}
.Str-header-scroll .Str-menu li.current a{color:#004998;}
.Str-header-scroll .Str-menu li.current a:after{}
.Str-header-scroll .Str-menu li ul.submenu{background:#004998;}
.Str-header-scroll .Str-menu li ul.submenu:before{ color:#004998;}
.Str-header-scroll .Str-menu li ul.submenu li{border-bottom:1px solid rgba(255,255,255,.1);}
.Str-header-scroll .Str-menu li ul.submenu li a{color:#fff;}
.Str-header-scroll .Str-menu li ul.submenu li a:hover{color:rgba(255,255,255,.64); background:#004998;}

.Str-header-scroll .lagBox a.top-icon{color:#222;}
.Str-header-scroll .lagBox a.top-icon:hover{color:#fff; background:#004998; border-radius:100px;}

.Str-mobile-menu{display:none; cursor:pointer; position:fixed; right:0; top:0; width:50px; height:50px; padding:10px 0; }
.Str-mobile-menu .menu-line{display:block; margin:8px auto; width:21px; height:1px; 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{background:#222;}

.Str-mobile-menu.active .menu-line:first-child{-webkit-transform: translateY(4px) rotate(45deg); -ms-transform: translateY(4px) rotate(45deg); -o-transform: translateY(4px) rotate(45deg); transform: translateY(4px) 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);}

.mask {display:none; position: absolute; top:50px; left:0; width:100%; height:100%; background-color: rgba(255,255,255,0.99); z-index: 997;}
.mask.show {display:block;}

.menu{position:fixed; width:100%; top:50px; z-index: 998; overflow: hidden;}
.menu.active {overflow: visible;}

.menu .menu-sitenav {position:absolute;width:100%; background-color: #fff; -webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0);max-height: 0;overflow: hidden;-webkit-transition: max-height .5s cubic-bezier(0.3,.03,.08,.65); transition: max-height .5s cubic-bezier(0.3,.03,.08,.65);}
.menu.active .menu-sitenav {max-height: 3.5rem; overflow: visible;-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.menu .menu-sitenav ul {overflow-y: auto; }
.menu .menu-sitenav ul li{border-bottom: #e9e9e9 1px solid;position: relative;}
.menu .menu-sitenav ul li a{ color: #222; display: block; font-size: .15rem;  margin: 0 auto; height: .5rem; line-height: .5rem;  width: 80%; -webkit-transition: -webkit-transform .4s ease-in,opacity .4s ease-in; transition: transform .4s ease-in,opacity .4s ease-in; -webkit-transform: translate3d(0,-20%,0); transform: translate3d(0,-20%,0); opacity: 0;}
.menu .menu-sitenav ul li i{content:url('../fonts/down.svg');     position:absolute;   right: 14px;    width: 14px;    top: 18px; text-align: center;}
.menu .menu-sitenav ul li.current a{font-weight:600; color:#000;}
.menu .menu-sitenav  .menu-item-curr i{transform: rotate(90deg);}
.menu .menu-sitenav  .menu-item-curr .submenu  {display: block;}
.menu.active .menu-sitenav a{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.menu .menu-sitenav ul li:last-child a{border-bottom: 0;}

.menu.active .menu-sitenav li:nth-last-child(1) a {-webkit-transition-delay: .2s; transition-delay: .2s; }
.menu.active .menu-sitenav li:nth-last-child(2) a {-webkit-transition-delay: .24s; transition-delay: .24s;}
.menu.active .menu-sitenav li:nth-last-child(3) a {-webkit-transition-delay: .28s; transition-delay: .28s;}
.menu.active .menu-sitenav li:nth-last-child(4) a {-webkit-transition-delay: .32s; transition-delay: .32s;}
.menu.active .menu-sitenav li:nth-last-child(5) a {-webkit-transition-delay: .36s; transition-delay: .36s;}
.menu.active .menu-sitenav li:nth-last-child(6) a {-webkit-transition-delay: .4s; transition-delay: .4s;}

.menu.active .menu-sitenav li ul.submenu{display:none; width:100%; background:#004998; overflow:hidden;}
.menu.active .menu-sitenav li ul.submenu li{float:left; width:100%; border-bottom:1px solid rgba(255,255,255,.1);}
.menu.active .menu-sitenav li ul.submenu li a{display:block;font-size:.14rem; color:#fff; height: .44rem; line-height: .44rem; border:0;}
.menu.active .menu-sitenav li ul.submenu li a:hover{ color:rgba(255,255,255,.7);}

.language-link{display:block; width:90%; margin:10%  auto;}
.language-link a{display:block; width:.44rem; height:.44rem; border-radius:1rem; background:#004998; text-align:center; line-height:.44rem; font-size:.16rem; color:#fff;}

.Str-footer{
	background:#004998; padding:40px 0 20px;
    background: url(../images/bg_foot.jpg) #00498a no-repeat center;
    background-size: cover;
    padding: 60px 0 0;
}
.foot-logs{  max-width:30%;float: left;     display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;}
.foot-logs img{ padding: 10px 20px;max-width:180px}
.foot-logs a.flogo{margin:0 0 20px; display:block; width:97px; height:150px; background:url(../images/logo_w.png) no-repeat; background-size:97px 150px;}
.foot-logs p{font-size:14px; color:rgba(255,255,255,.7); line-height:1.5; padding:5px 0; position:relative; padding-left:20px;}
.foot-logs p i{position:absolute; left:0; top:5px; display:inline-block; vertical-align:middle; margin-right:10px; color:#fff; font-size:13px;}
.foot-logs p span{display:inline-block; font-size:12px;}

.foot-nav{    display: flex; 
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;}
.foot-nav dl{float:left; color:#fff; margin-left:0.5rem ;}
.foot-nav dl dt{font-size:18px; color:#fff; font-weight:600; margin:0 0 10px;}
.foot-nav dl dd{padding:5px 0;    text-align: justify;}
.foot-nav dl dd a{font-size:14px; color:rgba(255,255,255,.7); line-height:1.5;}
.foot-nav dl dd p{font-size:14px; color:rgba(255,255,255,.7); line-height:1.5;}
.foot-nav dl dd a:hover{text-decoration:underline;}
.foot-wx{clear:both; width:100%; padding-top:20px; overflow:hidden;}
.foot-wx dl{float:left; color:#fff;  }
.foot-wx dl dt{font-size:14px; color:#fff; font-weight:600; margin:0 0 10px;}
.foot-wx dl dd img{display:block; width:100px; height:100px; }
.foot-wx dl dd span{display:block; font-size:13px; color:rgba(255,255,255,.7); text-align:center; line-height:2;}

.foot-statment{padding:20px 0; 
 background:transparent; 
border-top:1px solid rgba(255,255,255,.24); 
text-align:center; }
.foot-statment p{text-align:center; overflow:hidden; font-size:13px; color:rgba(255,255,255,.7);letter-spacing:1px}
.foot-statment p span{ width:auto; }
.foot-statment p label{display:inline-block; margin-right:10px;    letter-spacing: 1px;font-size:14px}
.foot-statment p a{display:inline-block;color:rgba(255,255,255,.5);}
.foot-statment p a.beian{
    margin:0 1vw
}
.foot-statment p a:hover{text-decoration:underline;}

/*Index Style*/
.Str-screen{width:100%; height:100%;}

.Home-swiper{width:100%; height:100%;}
.Home-swiper .swiper-wrapper{transition-delay:.3s;}
.Home-swiper .swiper-slide{width:100%; height:100%; background:#222; position:relative;}

.Home-swiper .swiper-button-next,.Home-swiper .swiper-container-rtl .swiper-button-prev {right: 4%; left: auto; color:#fff; font-size:18px; font-weight:600; padding-right:2%; text-align:left;}
.Home-swiper .swiper-button-next:after,.Home-swiper .swiper-container-rtl .swiper-button-prev:after {font-size:32px; font-weight:600;}
.Home-swiper .swiper-button-prev,.Home-swiper  .swiper-container-rtl .swiper-button-next {right:9%; left: auto; color:#fff; font-size:18px; font-weight:600; text-align:left;}
.Home-swiper .swiper-button-prev:after,.Home-swiper .swiper-container-rtl .swiper-button-next:after {font-size:32px; font-weight:600;}

.Home-swiper .swiper-slide.home-img1{background:url(../images/home_img1.jpg) no-repeat center;background-size:cover;}
.Home-swiper .swiper-slide.home-img2{background:url(../images/home_img2.jpg) no-repeat center;background-size:cover;}
.Home-swiper .swiper-slide.home-img3{background:url(../images/home_img3.jpg) no-repeat center;background-size:cover;}

.video-screen{position:relative;width:100%;height:100%;left: 50%;top: 50%;transform: translate(-50%,-50%);background-size: cover; overflow: hidden;}
.video-screen video{position: absolute; right:0; bottom:0; min-width: 100%;  min-height: 100%; background-size:cover;  overflow:hidden;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.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);
}
.home-gradient-overlay{background: linear-gradient(to bottom, rgb(236 241 246 / 0%) 0%, rgb(0 0 0 / 10%) 50%, rgb(191 185 185 / 0%) 100%);}
.home-gradient-overlay2{background: linear-gradient(to bottom, rgb(71 68 68 / 50%), rgb(0 0 0 / 5%) 50%, rgb(191 185 185 / 0%) 100%)}
.home-gradient-overlay3{background: linear-gradient(to bottom,rgba(0,0,0,.1) 5%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.0) 100%);}

.home-center{display: flex; justify-content:center; align-items: center; text-align:center;}

.show-slogan{width:100%; text-align:left; color:#fff; }
.show-slogan h1{margin:0 0 40px; font-size:64px; line-height:1.2;}
.show-slogan h2{font-size:32px; line-height:1.5; position:relative;}
.show-slogan p{width:55%; font-size:16px; line-height:1.8;}

.showSlogan{height:100%; display: flex; justify-content:center; align-items: center; text-align:center; }
.showSlogan>div{width:100%; }
.Home-swiper .swiper-slide .show-slogan h2{transform:translateY(-180px); opacity:0; transition:all .4s;}
.Home-swiper .ani-slide .show-slogan h2{transform:translateY(0);opacity:1;  text-align: center;}
.Home-swiper .ani-slide .show-slogan h2.haoh3{transform:translateY(0);opacity:1; position: relative;   top: -1.2rem;   text-align: center;}

.Home-swiper .swiper-slide .show-slogan h1{transform:translateY(-80px); opacity:0; transition:all .4s; }
 
.Home-swiper .ani-slide .show-slogan h1.haoh1{transform:translateY(0);opacity:0.4;    font-size: 2.1rem;  text-align: center;}
.Home-swiper .ani-slide .show-slogan h1.haoh2{transform:translateY(0);  position: relative;   top: -1.2rem; text-align: center;letter-spacing: 8px;}
.Home-swiper .ani-slide .show-slogan h1{transform:translateY(0);opacity:1;    text-align: center;}
.Home-swiper .ani-slide .show-slogan h3{transform:translateY(0);opacity:1;    text-align: center;}
.Home-swiper .swiper-slide .show-slogan p{transform:translateX(-200px); opacity:0; transition:all .4s;}
.Home-swiper .ani-slide .show-slogan p{transform:translateX(0);opacity:.8;}

.home-btn{margin-top:5%;}

.homeLink{position:relative; display:block; text-align:left; width:120px; height:50px; text-indent:0px; font-size:16px; padding-left:28px;  overflow:hidden; border-radius:50px; line-height:50px; overflow:hidden; color:#fff; background:#004998;transition: all 0.3s ease-in-out;}
.homeLink:after{ content: url(../images/arrow-right-up-line.svg); stroke:#fff;    width: 24px;fill:#fff;font-family: 'iconfont'; position:absolute; right:14px; top:55%; 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;}
.homeLink:hover{ width:140px; text-indent:0; color:#fff;}

.Home-swiper .swiper-slide .home-btn{opacity:0; transition:all .4s;}
.Home-swiper .ani-slide .home-btn{opacity:1; }

.home-title-1{position:relative; margin:0 0 50px;}
.home-title-1 h2{font-size:70px; color:#eee; line-height:1;}
.home-title-1 h3{position:absolute; top:40px; font-size:45px; color:#004998; line-height:1.2; width:100%;    letter-spacing: 2px;}
.home-title-1 h3 span{display:block; font-size:16px; font-weight:normal; text-align:right; overflow:hidden;}
.home-title-1 h3 span em{float:left; width:auto; font-size:30px; font-weight:600; font-style:normal;}
.home-title-1 h3 span i.break{display:inline-block; vertical-align:middle; margin:3px 15px; width:1px; height:20px; background:#999;}

.home-title-2 h3{text-align:right; font-size:34px; font-weight:600; line-height:1.2; color:#fff;}
.home-title-2 h3 span{display:block; font-size:24px;}
.home-title-2 p{font-size:18px; color:#fff; text-align:right;}

.youshi{max-width:1400px; margin:0 auto; position:relative}
.Str-products{padding:10px 0;}
.home-productbox{position:relative; display:inline-block; width:100%; padding-top:74%; background:url(../images/hpro_bg.jpg) no-repeat center; background-size:cover;}
.two .home-productbox{ padding-top:36.7%;}
.home-productbox dl{position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; }
.one .home-productbox dl{position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;display:none}

.one .home-productbox dl.active{position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;display:block}

.home-productbox dl dt{float:left; width:50%; text-align:left;}
.home-productbox dl dt h3{font-size:35px; color:#111; margin:0; font-weight:600; letter-spacing:1px;}
 .one .home-productbox dl dt p{ letter-spacing:1px;}
.one .home-productbox dl dt h3{font-size:28px; color:#111; margin:0; font-weight:600; letter-spacing:0px;}
.home-productbox dl dt p{font-size:28px; color:#333; font-weight:500;}
.one .home-productbox dl dt p{font-size:36px; color:#111111; font-weight:500;}
.home-productbox dl dd{margin-left:50%; padding:0;}
.home-productbox dl dd img{display:block; max-width:100%; max-height:100%; transform:scale(.9); transition: all 0.3s ease-in-out; }
.home-productbox:hover dl dd img{ transform:scale(1);}


.Ins-swiper{width:100%; padding-bottom:40px; overflow:hidden; }

.Ins-swiper .swiper-slide{width:100%;}
.Ins-swiper .swiper-pagination-bullets,.Ins-swiper .swiper-pagination-custom, .Ins-swiper .swiper-pagination-fraction {bottom: 0px; left: 0; width: 100%; }
.Ins-swiper .swiper-pagination-bullet{width:40px; height: 4px; border-radius:0; display: inline-block;  background:#000;  opacity: .1;}
.Ins-swiper .swiper-pagination-bullet-active {opacity: 1; background:#005bac;}
.Ins-swiper.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .Ins-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;}
.zizhi .swiper-pagination-bullets{text-align: justify;}
.zizhi .swiper-pagination-bullet{width:10vw;}
.zizhi .txtInfor { text-align:center;padding-top:20px }
.zizhi .txtInfor h3{margin:0}
.zizhi .swiper-slide{    padding: 30px;    background: #f6f4f4;}
.zizhi .insLink img{object-fit: contain;}
.insApp .swiper-button-next,.insApp .swiper-container-rtl .swiper-button-prev {right: 10px; left: auto; top:56%; width:40px; height:40px; color:rgba(0,0,0,.5); font-weight:600;}
.insApp .swiper-button-next:after,.insApp .swiper-container-rtl .swiper-button-prev:after {font-size:30px;}
.insApp .swiper-button-prev,.insApp  .swiper-container-rtl .swiper-button-next {right: auto; left: 10px;  top:56%; width:40px; height:40px; color:rgba(0,0,0,.5);font-weight:600;}
.insApp .swiper-button-prev:after,.insApp .swiper-container-rtl .swiper-button-next:after {font-size:30px;}

.insLink{display:block; position:relative; width:100%; padding-top:130%; overflow:hidden;}
.insLink img{display:block; width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0;  transition: all 0.4s;}
.insLink:hover img{transform:scale(1.2);}
.insLink .txtInfor{position:absolute; left:0; bottom:0; padding:5%; width:100%; color:#fff;       height: 100%; padding-top: 60%;background:linear-gradient(to top, rgb(0 0 0 / 60%), rgba(255, 255, 255, 0.01));
    
}
.insLink .txtInfor h3{font-size:24px; font-weight:bold; }
.insLink .txtInfor p{font-size:14px; line-height:22px; min-height:66px; }
.insLink .txtInfor span{display:inline-block; position:relative; padding-right:24px; transition: all 0.4s; }
.insLink .txtInfor span:after{content: '\e650'; font-family: 'iconfont'; position:absolute; right:0; top:50%; transform: translate(0, -50%); text-indent:0px; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.insLink:hover .txtInfor span{padding-right:34px;}
.insLink.insLinkshort{padding-top:100%;}
.insLink:hover .txtInfor{ background:linear-gradient(to top, rgb(0 92 172), rgb(255 255 255 / 0%));
     transition: none 0.1s;
}
.Duty-swiper{width:100%; overflow:hidden;}
.Duty-swiper .swiper-slide{width:100%;}
.Duty-swiper .swiper-button-next,.Duty-swiper .swiper-container-rtl .swiper-button-prev {right: 40px; left: auto; }
.Duty-swiper .swiper-button-next:after,.Duty-swiper .swiper-container-rtl .swiper-button-prev:after {font-size:24px; color:#fff;}
.Duty-swiper .swiper-button-prev,.Duty-swiper  .swiper-container-rtl .swiper-button-next {right: auto; left: 40px;}
.Duty-swiper .swiper-button-prev:after,.Duty-swiper .swiper-container-rtl .swiper-button-next:after {font-size:24px; color:#fff;}


.dutyLink{display:block; position:relative; width:100%; padding-top:48%; overflow:hidden;}
.dutyLink img{display:block; width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0; transition: all .4s;}
.dutyLink:hover img{transform:scale(1.1);}
.dutyLink .txtInfor{position:absolute; left:0; bottom:0; padding:5%; width:100%; color:#fff;}
.dutyLink .txtInfor:after{content:''; width:4px; height:60px; background:#fff; position:absolute; left:5%; top:50%; transform:translateY(-50%); }
.dutyLink .txtInfor h3{margin:0 0 0 40px; font-weight:normal; }
.dutyLink .txtInfor h3 label{display:block; line-height:40px; font-size:28px;}
.dutyLink .txtInfor h3 span{display:inline-block; font-size:16px; line-height:24px; text-align:left; position:relative; padding-right:20px; transition: all .4s; opacity:.7;}
.dutyLink .txtInfor h3 span:after{ content: '\e650'; font-family: 'iconfont'; position:absolute; right:0; top:50%; transform: translate(0, -50%); text-indent:0px; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
.dutyLink:hover .txtInfor span{padding-right:40px;}

.data-list{width:100%; margin:40px auto; text-align:center; overflow:hidden;}
.data-list span:after{content:''; width:1px; height:70%; background:#ddd; position:absolute; right:20px; top:50%; transform:translateY(-50%); }
.data-list span:last-child:after{display:none;}
.data-list span{position:relative; display:block; float:left; width:25%; font-size:16px; color:#666;}
.data-list span em{display:block; font-style:normal;}
.data-list span label{position:relative; font-size:68px; font-weight:100; font-family: 'beba',arial; color:#1c2081;}
.data-list span label:after{content:"+"; font-size:34px; font-weight:100; position:absolute; right:-50px; top:-20px;}
.data-list span:last-child label:after{content:'';}

.citys-list{overflow:hidden;}
.city-box{float:left; width:16.6667%; padding-top:20%; 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(18,72,133,.00); color:#fff; transition: all 0.3s ease-in-out; }
.city-box .city-txt h3{font-size:32px; transition: all 0.3s ease-in-out; }
.city-box .city-txt p{font-size:16px;  transition: all 0.3s ease-in-out;text-align: center;}
.city-box .city-txt .ctxt{display:none; font-size:16px; padding:5% 16%; text-align:left;}

.city-box:hover img{transform:scale(1.2);}
.city-box:hover .city-txt{background:rgba(28,32,129,.8);}
.city-box:hover .city-txt .ctit{display:none;}
.city-box:hover .city-txt .ctxt{display:block;}

.index-news{max-width:1160px; margin-left: auto; margin-right: auto;display: flex; flex-wrap: wrap; overflow: hidden;}
.news-hotspot{width:65%;  margin-right: 2%; background:#f9fafc;}
.news-dynamic{width:31%; margin-left: 2%; background:#f9fafc;}

.news-hotspot a{display:block;}
.newsimg{position:relative; width:100%; padding-top:54%; overflow:hidden;}
.newsimg img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; transition: all .3s ease-in-out;}

.newsbox{background-color: #F9FAFC; color: #111; display: -webkit-box; display: -ms-flexbox; display: flex;  font-size: 20px; padding:20px 30px;}
.newsbox dt{padding-right: 30px;  text-align: center;  margin-top: 4px; font-family: Arial; font-size: 14px; line-height: 1.7;}
.newsbox dt span{display:block; font-size: 50px; line-height: .8; -webkit-transform: scale(0.98); transform: scale(0.98);-webkit-transform-origin: center center; transform-origin: center center; }
.newsbox dd h3{font-size: 20px; font-weight:normal; line-height:1.5; margin-bottom: 10px;}
.newsbox dd p{transition: .5s ease-in-out; font-size: 14px; line-height: 1.7; color:#787878;}

.newsList{display:block; padding:30px; border-bottom:1px solid #eee;}
.newsList p{font-size:14px; line-height:25px;color:#999;}
.newsList h3{font-size:18px; line-height:30px; height:60px; margin:0; font-weight:normal;  overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; }
.newsList:last-child{border:0;}

.news-hotspot a:hover .newsimg img{transform:scale(1.1);}
.news-hotspot a:hover .newsbox dd h3{color:#1c2081;}

/*Subpage*/
.Str-banner{position:relative; height:20vw; min-height:34vw; background-color:#000; overflow:hidden;}
.Str-banner .show-slogan{padding-right:50%;}

.sort-list{display: flex; flex-direction: row;  flex-wrap: wrap; justify-content: space-between;}
.sortTxt a{display:block; padding:20px; font-size:16px; color:#787878; text-align:center; position:relative;}
.sortTxt.current a{color:#1c2081;}
.sortTxt.current a:after{content:''; width:50%; height:2px; background:#1c2081; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}

.about-warp{background:#fff; padding:5%; font-size:16px;  line-height:1.7; text-align:justify;}
.about-warp p{margin:0 0 15px; }
.about-img img{display:block; width:100%;}
.about-warp.bgBlue{background:#1c2081; color:#fff;}

.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:#267fb6; margin:0; position:relative;font-weight:normal;}
.hisbox h3 span{display:inline-block; font-size:24px; vertical-align:top; font-weight:normal;margin-left:5px;}
.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{font-size:16px; line-height:1.7; }

.hisbox.his-right{float:right; text-align:left;}
.hisbox.his-right h3:after{content:''; width:10%; height:1px; background:#ccc; position:absolute; left:-11%; 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%); }

.base-box{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;overflow: hidden;}
.base-item{margin-bottom: 30px; width: calc((100% - 30px)/2); background:#fff;}
.item-pic{width:100%; padding-top:60%; position:relative;}
.item-pic img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
.item-txt{padding:5%; background:#fff; color:#111; transition: all .4s;}
.item-txt h3{font-size:24px;}
.item-txt p{font-size:16px;  color:#787878; line-height:1.7;}

.culture-txt{background:#fff; padding:80px; text-align:center;}
.culture-txt h3{font-size:24px; }
.culture-txt p{font-size:16px; color:#787878; line-height:1.7;}
.culture-img{position:relative; width:100%; padding-top:56%; background:#fff;}
.culture-img img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}

.honor-list{display: flex; flex-direction: row;  flex-wrap: wrap; justify-content: flex-start;}
.honorBox{margin-bottom: 20px; margin-right:20px; width: calc((100% - 40px)/3); padding:3px; border:2px solid #ccc; position:relative; display: flex; justify-content:center; align-items: center; text-align:center;}
.honorBox:nth-child(3n){margin-right:0;}
.honorBox:after{content:''; border:1px solid #ccc; position:absolute; left:5px; top:5px; width:calc(100% - 12px); height:calc(100% - 12px);}
.honorBox:before{content:''; width:144px; height:30px; background:url(images/ca_bg.png) no-repeat center; background-size:144px; position:absolute; left:50%; top:10%; transform:translateX(-50%);}
.honorBox span{display:block; padding:40px 3% 6%; font-size:16px; color:#333; text-align:center; position:relative;}

.news-list{display: flex; flex-direction: row;  flex-wrap: wrap; justify-content: flex-start;}
.news-box{display:block; margin-bottom: 30px; width: calc((100% - 60px)/3); margin-right:30px; background:#fff; transition: all .4s;}
.news-box:nth-child(3n){margin-right:0px;}
.newsImg{width:100%; padding-top:56%; position:relative; overflow:hidden;}
.newsImg img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;  transition: all .4s;}
.newsTxt{background:#fff; padding:3% 5%; transition: all .4s;}
.newsTxt h3{font-size:18px; line-height:24px; height:48px; margin:0 0 10px; font-weight:normal;  overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; }
.newsTxt p{font-size:14px;  line-height:22px; height:44px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; color:#787878;transition: all .4s;}
.newsTxt span{margin-top:10%; display:inline-block; font-family: 'beba'; font-weight:300; font-size:16px; color:#787878; }

.news-box:hover .newsImg img{transform:scale(1.1);}
.news-box:hover .newsTxt{background:#1c2081; color:#fff;}
.news-box:hover .newsTxt p,.news-box:hover .newsTxt span{color:rgba(255,255,255,.7);}
.news-box:hover .newsTxt span{color:rgba(255,255,255,.7);}

.contact-infor{margin:10%; padding-left:80px; padding-top:4px; position:relative; }
.contact-infor i{position:absolute; left:0; top:4%; font-size:28px; color:#1c2081; width:64px; height:64px; border:2px solid #1c2081; text-align:center; line-height:60px; border-radius:100px; }
.contact-infor h4{margin:0; font-weight:normal; font-size:16px; line-height:30px; }
.contact-infor p{height:60px;}
.contact-infor p.fone{font-size:18px; font-weight:400; line-height:30px; }
.contact-infor p.ftwo{font-size:22px; font-weight:400; line-height:30px;}
.index-title{margin:0 0 60px; text-align:center;}
.index-title.tleft{text-align:left;}
.index-title h3{margin:0; font-size:32px; line-height:2; font-weight:600;position: relative; letter-spacing: 5px;}
.index-title h3 p.enpositon{color: #e6e6e6; position: absolute;font-size: 54px;left: 50%;letter-spacing: 0px;
    transform: translate(-50%, -100%);z-index: -1;}
.index-title h3.title{font-size:25px; }
.index-title h4{margin:0; font-size:18px; line-height:1.65; opacity:.65; font-weight:normal;}

.bgyoushi {
    background: url(../images/youshi.jpg) #eaedf2 no-repeat ;
    background-size: cover;
    height: 5rem;
}
.bgyoushi {color: #fff; position: relative;}

.bgAbout {
    padding-top: 0 !important;
    /* background: url(../images/about_bg.png) #fff no-repeat 112% bottom;
    background-size: 40%;  */
}
.indexaboutcontainer {padding: 80px 0;}
.indexaboutcontainer h3{font-size: 36px;text-align: center;color: #333;} 
.indexaboutcontainer  h4{font-size: 20px;text-align: center;color: #b8b8b8;} 
.indexaboutcontainer .container{   display: block !important;}
.indexaboutcontainer  .bgAbout .commTxt{width: 100%;}
.indexaboutcontainer  .data-count{display: none;}
.indexaboutcontainer  .data-counts{    display: flex;
    justify-content: space-between;
    align-content: space-around;
    align-items: center;
    flex-wrap: nowrap;
}
.indexaboutcontainer  .data-counts a{ font-size: 50px; color: #145fa6;}
.indexaboutcontainer .data-counts a.contact{font-size:14px;padding: 5px 0;color: #333;   }

.aboutcontainer {padding: 80px 0;}
.aboutcontainer h3{font-size: 36px;text-align: center;color: #333;} 
.aboutcontainer  h4{font-size: 20px;text-align: center;color: #666;} 
.aboutcontainer .container{   display: block !important;}
.aboutcontainer  .bgAbout .commTxt{width: 100%;}
.aboutcontainer  .data-count{display: none;}
.indexcount  .data-count{display: none;}
.indexcount  .data-counts span em {width:108px;    height: 100px;}

.indexcount  .data-counts span em a{font-size: 50px;    color: #145fa6;font-weight: 600 ;}
.indexcount .data-counts span{ width: 250px; display: flex;width: 50%;max-width: 50%;justify-content: flex-start;flex-direction: row;}
.indexcount  .data-counts span label{    font-size: 18px;font-weight: 400;}
.indexcount  .data-counts span:nth-child(1) {border-right:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;    justify-content: flex-start;padding-bottom: 10px;}
.indexcount  .data-counts span:nth-child(2) {border-bottom:1px solid #f5f5f5;padding-bottom: 10px;padding-left:5vw}
.indexcount  .data-counts span:nth-child(3) {border-right:1px solid #f5f5f5;    justify-content: flex-start;}
.indexcount  .data-counts span:nth-child(4) {padding-left:5vw}
.aboutcontainer  .data-counts{    display: flex;
    justify-content: space-between;
    align-content: space-around;
    align-items: center;
    flex-wrap: nowrap;
}
.data-counts {padding: 40px ;    margin-top: 70px;}
.data-counts span{display:block; float:left;max-width:200px;}
.contact .data-counts span{max-width: none;}
.contact .data-counts span.line{height:10vh;width: 1px;background:#d7d7d7;}
.contact .data-counts  {background:#f5f5f5;}
 
.contact .data-counts .felx a.contact{ position: relative;padding-left: 30px;}
.contact .data-counts .felx a.contact svg{position: absolute;    left: 0;    top: 6px;}
.contact .data-counts .felx a.contact:nth-child(2) svg{left: -3px;}
.contact .data-counts  label.daohang{    background: #145fa6;color: #fff;padding: 10px 40px 10px 25px;}
.contact .data-counts  label.daohang a{font-size: 14px;color: #fff;}
.contact .data-counts  label.daohang svg{position: absolute;}
.data-counts span em{display:block; font-style:normal; font-family:'beba'; font-size:60px; color:#393c4c;float: left;}
.data-counts span em:nth-child(2){display:block; font-style:normal; font-family:'beba'; font-size:35px; color:#393c4c;float: left;margin-left: 10px;}
.data-counts span em i{font-size:20px; font-style:normal;
    /* position: absolute;        bottom: 30%;       right: -25%; */
    }
.data-counts   span.felx div{ display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
align-content: center;
flex-wrap: nowrap;}
.data-counts   span.logo img{ max-width:250px ; }  
.aboutcontainer .data-counts a.contact{font-size:14px;padding: 5px 0;color: #333;   }
.data-counts span em sup{font-size:18px; margin-right:0;color: #145fa6 !important; }
.data-counts span label{display:block; font-size:14px; color:#1b1b1b; font-weight:300;}
.data-counts span:last-child{margin-right:0;}
.aboutcontainer  .data-counts a{ font-size: 50px; color: #145fa6;}

.listys{ margin: auto; max-width: 1400px; height: 3.5rem; z-index: 999; background: #f5f5f5; border-radius: 0.3rem;position: relative;
    top: -1.8rem; color: #111; letter-spacing: 2px;}
    .listys  .container {
        display: flex; /* 使用Flex布局 */
        height: 3rem; /* 容器高度 */
     
    justify-content: center;
    align-items: center;
     
      }
      .listys  p{ line-height: 1.8;}
      .listys h2 img{ position: relative;top: 15px;margin-right: 0.2rem;}
      .listys h2{ color: rgb(46, 46, 46);}
      .listys h2::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px; /* 下划线的厚度 */
        background: rgb(150, 149, 149); /* 下划线的颜色 */
       
      }
      .listys  .section1 {
        flex: 1; /* 第一个段占据容器的一定比例，这里是1，表示占据所有可用空间的一份 */
       
        
      }
      .listys  .section1 h2 {
        font-size: 20px;
        position: relative;
        padding: 20px 0;
        display: inline-block;
      }
      
      .listys  .section2 {
        flex: 1; /* 第二个段占据容器的一定比例，这里是2，表示占据所有可用空间的二份 */
       
        text-align: end;
      }
      .listys  .section2 h2 {
        font-size: 20px;
        position: relative;
        padding: 20px 0;
        display: inline-block;
      }
  .about{  margin: auto; }
.about .flex1{width: 100%; float: left;position: relative;   }
.about .flex2{   width: 30%; position: relative;  float: left; }

.commPadding {
    padding: 80px 0;
}
.commWidget {
    position: relative;
    width: 100%;
}

.bgAbout .container {
    position: relative;
    margin: 2vw auto;
    display: flex;
    align-items: center;
    /*padding-left: 80px;*/
    /*padding-right: 80px;*/
    max-width: 1600px;
}
.index-title {
    margin: 0 0 50px;
}
 
.fBlack {
    color: #121212;
}
.index-title h2 {
    margin: 0;
    font-size: 40px;
    font-weight:blod;
    color: #004998;
    position: relative;
}
.index-title.fWhite h2 {
    color: #fff;
}
.index-title h2:after {
    content: '';
    width: 80px;
    height: 3px;
    background: #004998;
    position: absolute;
    left: 0;
    bottom: -30px;
}
.index-title.fWhite h2:after {
    background: #fff;
}
.bgAbout .commTxt {
    width: 90%;text-align:justify
}
.bgAbout .container h4{font-size: 18px;font-weight:600}
.bgAbout .container p{font-weight: 400;font-size: 16px;}
.commTxt {
    font-size: 16px;
    line-height: 1.8;
    font-weight: 300;
}
.bgWhite {
    background: #ffffff;
}
#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;}
/*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 { }
.swiper-slide-active .stepCon{border: 2px solid #38a1db;}

.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:#182b7d; 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:#182b7d; }
.pointer-2:before{display:none;}
.pointer-2:after{display:none;}
.pointer-2 span{right:2060%; top:660%; background:#fff; border:2px solid #182b7d; width:150px; }
.pointer-2 span:after{content:''; position:absolute; right:-122px; top:-20px; width:125px; height:1px; background:#182b7d; transform:rotate(163deg);}
.pointer-2 a{right:2060%; top:660%; background:#fff; border:2px solid #182b7d; width:150px; }
.pointer-2 a:after{content:''; position:absolute; right:-122px; top:-20px; width:125px; height:1px; background:#182b7d; transform:rotate(163deg);}


.pointer-3{left:38%; top:47.5%; background:#182b7d;}
.pointer-3:before{display:none;}
.pointer-3:after{display:none;}
.pointer-3 span{left:3000%; top:1140%; background:#fff; border:2px solid #182b7d; width:150px; }
.pointer-3 span:after{content:''; position:absolute; left:-185px; top:-35px; width:190px; height:1px; background:#182b7d; transform:rotate(20deg);}
.pointer-3 a{left:3000%; top:1140%; background:#fff; border:2px solid #182b7d; width:150px; }
.pointer-3 a:after{content:''; position:absolute; left:-185px; top:-35px; width:190px; height:1px; background:#182b7d; 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:#182b7d; }
.pointer-5:before{display:none;}
.pointer-5:after{display:none;}
.pointer-5 span{right:1860%; top:-1620%;  width:150px; background:#fff; border:2px solid #182b7d; }
.pointer-5 span:after{content:''; position:absolute; right:-120px; bottom:-34px; width:130px; height:1px;  background:#182b7d; transform:rotate(32deg);}
.pointer-5 a{right:1860%; top:-1620%;  width:150px; background:#fff; border:2px solid #182b7d; }
.pointer-5 a:after{content:''; position:absolute; right:-120px; bottom:-34px; width:130px; height:1px;  background:#182b7d; 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:#182b7d;}
.pointer-8:before{display:none;}
.pointer-8:after{display:none;}
.pointer-8 a{left:900%; top:1300%; background:#fff; border:2px solid #182b7d; width:150px; }
.pointer-8 a:after{content:''; position:absolute; left:-70px; top:-38px; width:90px; height:1px;  background:#182b7d; 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*/

 
.fWhite {
    color: #ffffff;
}
.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;}
*/
.bgFuture{background:url(../images/bg_future.jpg) no-repeat center; background-size:cover; min-height:760px;}

.data-count span{display:block; float:left;max-width:200px;}
.data-count span em{display:block; font-style:normal; font-family:'beba'; font-size:60px; color:#393c4c;position: relative;}
.data-count span em i{font-size:22px; font-style:normal;position: absolute;}
.data-count span em i.txt{bottom: 0;    display: block;    right: 0;right: 0;}
.data-count span em sup{font-size:24px; margin-right:0;color: #145fa6 !important; }
.data-count span label{display:block; font-size:16px; color:#666; font-weight:300;}
.data-count span:last-child{margin-right:0;}

.commTxt p{ padding:5px 0;font-weight:400;  }
.join .commTxt p{ padding:5px 0;font-weight:400; font-size:1.5vw}
.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:#182b7d; font-weight:normal;}
.about-imgTxt dd h4{margin:0 0 20px; font-size:34px; color:#182b7d; 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:#182b7d; font-weight:normal;}
.about-txtImg dd h4{margin:0 0 20px; font-size:34px; color:#182b7d; font-weight:300;}
.about-txtImg dd p{font-size:16px; font-weight:300; line-height:1.65; margin:0 0 15px;  text-align:justify;}

.join h3{ margin-bottom: 0 !important;margin-top: 20px}
.join .container{
    flex-direction: column;
}
.met-img li.widget {width: 33.33%;
    float: left;}
    .met-img li.widget img{max-width: 100%;
   }
  .met-img li.widget  .cover-title{background:#0a59b3}
    .met-img li.widget  .cover-title:hover{background:#0a59b3!important}
.join .container .left{padding-right: 0!important;}
.join .right .box{    padding: 0 0 1vw 0vw !important;}
.join .right .box .box1:nth-child(1){  margin-right: 2vw!important;}
.join .container .right {background-color: rgba(255, 255, 255, 0.01) !important;margin: 2vw 0 !important;}
.join .container .right .homeLink{background: #fff;color: #004998;border-radius: 0 ;    padding-left: 20px;    width: 90px;    margin-top: 30px; }
.join .container .right .homeLink:hover{background: #004998;color: #fff;  }
.join .container .right .homeLink::after{ color: #004998;content: url(../images/arrow-right-up-line_blue.svg);}
.join .container .right .homeLink:hover::after{ color: #fff;content: url(../images/arrow-right-up-line.svg);}
.join .right .box1{margin: 0 !important;border: 1px solid #fdfdfd;padding: 20px;}
.join .right .box1 .info{ -webkit-line-clamp: 5;
   
    padding: 2px 4px;
    font-weight: 350;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;}
    .join .right .box1 .info p{padding:0}
.join .right .box1:hover{   box-shadow: 4px 4px 7px 2px rgba(0, 0, 0, 0.2);}
.join .container .left,.join .container .right{ width: 100% !important;     align-items: center !important;  }
.join .container .right .box h2{font-size:24px !important;color: #fff;border-bottom:none; margin: 0 20px;position: relative;display:block;    font-weight: 500;}
.join .container .right .box span{position: absolute;right: 0;font-size: 14px;}
.join .container .right .box p{font-size: 14px !important;color: #fff;   
     
}
 
.gbook .container .left{padding-right: 0!important;color: #333 !important;}
.gbook  .left h3{   color: #333 !important;}.gbook  .left p{  font-size: 18px;}
.gbook .container .right p{   margin: 0 !important;color: #555;font-size: 16px !important;padding: 10px 0 !important; }
.gbook .container .right{display: block !important;  
    margin: 4vw 0;
    background-color: rgba(255, 255, 255, 0.9);
    }
.FK  form{width:100%;position: relative;} 
.FK  .form-group{color: #555 ;font-size: 16px;    }
 
.FK  .FK2{ position: absolute;right: 0;    top: 0;}
    .FK  .FK3{ position: absolute;right: 0;bottom: 0;}
.FK .btn-block {
        display: block;
        width: 100%;color: #fff;
        white-space: normal;
        height: 50px !important;    border-color: #298dff;
        background-color: #007ecf !important;
    }
.FK .form-control  {
    font-size: 16px;   
    display: block;
    max-width:100% !important;
    width: 100% !important;    
    height: auto!important;
    padding:15px;
    color: #76838f;
    border: 1px solid #e4eaec;
    border-radius: 5px;
    background-color: #fff; 
}
.FK1{ width: 48%;}
.FK2{ width: 48%;}
.FK3{ width: 48%;}
.FK .form-control input {
    width: 45% !important;
    height: 50px !important;
    float: left;
}
.FK .form-control textarea {
    width: 49% !important;
    height: 190px !important;
    position: absolute;
    right: 0;
    bottom: 102px;
}
.FXW4:before {
    content: url(../images/edit.png);
    width: 66px;
    height: 18px;
    padding: 0px 10px 0px 0px;
    vertical-align: middle;
}
.FXW1:before{

content: url(../images/username.png);
width: 66px;
height: 18px;
padding: 30px 10px 5px 0px;
vertical-align:middle;
}
.FXW2:before{

content: url(../images/email.png);
width: 66px;
height: 18px;
padding: 0px 10px 0px 0px;
vertical-align:middle;
}
.FXW3:before{

content: url(../images/phone.png);
width: 66px;
height: 18px;
padding: 0px 10px 0px 0px;
vertical-align:middle;
}
.job .left p{color: #333 ;  }
.job .left h3{color: #333 ;  }
.job .right .box{   
     flex-direction: column;
}

.job .right .list .box2{display: none;}

.job .right div.active .box1{border-top:4px solid #005bac;}
.job .right div.active .box1 .desc{display: none;}
.job .right div.active .box2{display: block;}
 
.job .right .box h2 {font-weight: bold !important;}
.job .right .box h2 ,.job .right .box p{color: #333!important;}
.job .right .box .list{margin-bottom:30px !important; background: #fff; }
.job .right .box .box1{  display: flex;    align-items: center;    flex-direction: row;    justify-content: space-between;}
.job .right .box .box1:nth-child(1){margin-right: 0 !important; 
}
.job .container .right .box span{position: static;display: block;}
.job .container .right .homeLink{ background:#015aaa;color: #fff!important; width: 110px !important;    margin-top: 0 !important}
.job .container .right .homeLink::after{ content: url(../images/arrow-right-up-line.svg); }
.job .right .box h2 span{font-weight: 100;padding: 15px 0;}
.job .container .right .box h2{ font-size: 28px !important; min-width:20%;}
.job .container .right .box .desc{margin: 25px  ; padding: 0 5vw;   border-left: 1px solid #f5f5f5;}
.job .container .right .box .desc p{margin: 0 auto!important;padding:3px 0 !important;text-align: justify;
        -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
} 
.join .right .box2{padding:0   20px;}
.products{padding: 0 auto!important;}
.products .right .box {padding:0!important}
.products .right {margin:0 !important}
.products .right .list .box2{display: flex;flex-direction: column;padding:0 4vw;width: 60%;}
.products .right .box .list{    display: flex;    flex-direction: row;    align-items: center;    justify-content: center}
.products .right .box .list:nth-child(odd){ flex-direction: row;  }
.products .right .box .list:nth-child(even){    flex-direction: row-reverse;}
.products .container .right .box1 img{max-width: 500px !important;}
.products .container .right .box .desc{margin: 25px 0 !important ; padding: 0 !important;   }
.products .container .right .box h2{margin: 0 !important;letter-spacing: 1px;}
.products .container .right .box2:hover h2{color:#145fa6 !important}
.products .container .right .box .desc{border-left:none}
.products .container .right .box .list img{padding: 2vw; width: 100%;max-width: 600px;}
.products .container .right .box .list .img{ width:40%;}
.products .container .right .homeLink{width: 115px !important;}

.products .container .right .homeLink{  background:#fff;color: #333!important;width: 110px !important;    margin-top: 0 !important; border:1px solid #a9a9a9}
.products .container .right .box2:hover  .homeLink{ background:#015aaa;color: #fff!important;border:1px solid #015aaa}
.products .container .right .homeLink::after{ content: url(../images/arrow-right-up-line1.svg); }
.products .container .right .box2:hover .homeLink::after{ content: url(../images/arrow-right-up-line.svg); }
.products .container .right .box .desc p{ color: #8e8e8e !important; line-height:1.8;font-weight:350; font-size:16px!important}
.products .container .right .box span{font-size: 16px !important;font-weight:600}

.newslist .right .box .list:nth-child(odd){ flex-direction: row;  }
.newslist .right .box .list:nth-child(even){    flex-direction: row;}
.newslist .container .right .box .desc{ margin:10px 0  !important}
.newslist .container .right .box span{    font-size: 14px !important;    font-weight: 300;}
.newslist .right .box .list{margin-bottom:0!important; border-bottom:1px solid #f5f5f5}
.newslist .container .right{margin:0!important}
@media only screen and (max-width: 1600px){
    .foot-nav dl{margin-left: 0.5rem;}
}
@media only screen and (max-width: 1440px){
    .foot-nav dl{margin-left: 0.4rem;}  
}
@media only screen and (max-width: 1280px){
    .foot-nav dl{margin-left: 0.3rem;}
    .city-box .city-txt h3{font-size: 24px;}
    .Str-header .Str-menu li a{padding: 15px 25px;}
    .newslist .container .right .box h2{font-size:18px!important}
}
@media only screen and (max-width: 1100px){
    .Str-header .Str-menu li a{padding: 15px 15px;}
    .bgyoushi {
        background: url(../images/youshi.jpg) #eaedf2  center center / cover no-repeat;
         
        height: 3rem;
    }
	.bgAbout {
    /* background: url(../images/about_bg.png) #eaedf2 no-repeat 522% bottom;
    background-size: 90%; */
}}
@media only screen and (max-width: 960px){
     
    .culture .container .right .box1 img{width:50px}
    .join .right .box{padding: 0 !important;}
    /*.culture .right .box{    flex-direction: column !important;}*/
    .join .right .box .box1:nth-child(1){margin-right:0 !important}
    .aboutcontainer{padding: 40px 0!important;}
    .culture h3{ font-size: 28px !important; text-align: center;}
    .culture .container .right p{    font-size: 12px !important;}
    .culture .container{     display: block !important;
        padding: 5vw !important  }
    .culture .container .left,.culture .container .right{ width: 100% !important;}
    .aboutcontainer  .data-count{display: block;}
    .aboutcontainer  .data-counts{display: none;}
    .aboutcontainer .contact .data-counts{display: block;}
    .indexcount  .data-count{display: block;}
    .indexcount  .data-counts{display: none;}
    .indexcount .contact .data-counts{display: block;}
    .bgAbout .container{display: block;}
    .foot-nav dl{margin-left: 0.6rem;}
    .bgAbout .commTxt {
        width: 100%;
    }
    .newslist .container .right .box h2{font-size:14px!important}
      .products .container .right .box h2{font-size:16px!important}
    .products .container .right .box span{font-size:14px!important}
}
@media only screen and (max-width: 480px){
   
    .Str-footer .containerfoot { padding:30px 0;  }
    .foot-logs img:nth-child(2){display:none; }
    .foot-logs img{padding: 1px 14px}
    /*.foot-nav dl dd{padding:10px 0}*/
    
    .job .container .right .box h2{ font-size: 16px !important;  }
    .one .home-productbox dl dt p{font-size:24px; }
    
   .two  .home-productbox dl dt h3{ font-size:0.24rem}
    .one .home-productbox dl dt h3{font-size:16px; color:#111; margin:0; font-weight:600; letter-spacing:0px; }
    .met-img li.widget {width: 100%;
    float: unset;}
    .met-img li.widget img{max-width: 100%;
   }
  .met-img li.widget  .cover-title{background:#0a59b3}
    .job .container .right .box .desc{display: none;}
    .job .container .right{ display: block !important;}
    .culture h3{ margin: 10px 0 !important; }  
    .commPaddingcoop{    padding: 20px 0 60px 0 !important;}
    .index-title{margin:25px 0}
    .index-title h3{    font-size: 24px;}
    .index-title h3 p.enpositon{    font-size: 45px;}
    .index-title h4{    font-size: 14px !important;}
    .data-count span em{font-size: 0.32rem !important;}
    .foot-statment p{text-align: center !important;}
    .foot-nav dl {
        margin-left: 0rem !important;
    }
    .newslist .container .right .box2 .homeLink{display:none}
}
.commPadding {
    padding: .4rem 0;
}
/*.bgAbout .container {*/
/*    padding-left: .15rem;*/
/*    padding-right: .15rem;*/
/*    max-width: 100%;*/
/*}*/

.commTxt {
    font-size: .15rem;
}
.data-count span {        
    display: flex;
    float: left;
    margin-right: 0;
    max-width: 50%;
    width: 50%;
    padding-right: .2rem;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;}
.data-count span em {
    font-size: .54rem;
}.data-count span em sup {
    font-size: .26rem;
}

}

.product-bg{position:relative; float:right; width:50%; background:#eee; }
.home-product{width:200%; margin-left:-100%;}
.product-detail{position:relative; background:#eee;}

.Product-swiper.swiper-container{width:100%; height:100%; top:-80px;}
.Product-swiper .swiper-button-prev,.Product-swiper .swiper-container-rtl .swiper-button-next {left: 5%; right: auto; bottom:0; top:auto; width:50px; height:50px;  border-radius:100px; background:#004998;}
.Product-swiper .swiper-button-next,.Product-swiper .swiper-container-rtl .swiper-button-prev {left:calc(5% + 60px); right: auto;bottom:0; top:auto; width:50px; height:50px;  border-radius:100px;  background:#004998;}

.Product-swiper .swiper-button-next:after,.Product-swiper .swiper-container-rtl .swiper-button-prev:after {
  position:absolute; left:0; top:0; font-family: 'iconfont'; content: '\e602'; width:50px; height:50px; text-align:center; line-height:48px; font-size:26px; color:#fff; 
}
.Product-swiper .swiper-button-prev:after,.Product-swiper .swiper-container-rtl .swiper-button-next:after {
  position:absolute; left:0; top:0; font-family: 'iconfont'; content: '\e618'; width:50px; height:50px; text-align:center; line-height:48px; font-size:26px; color:#fff; 
}

.product-box{overflow:hidden;}
.product-img{display:block; float:right; width:30%; min-width:300px; box-sizing:border-box; overflow:hidden;}
.product-img img{display:block; width:100%; transition: all 0.3s ease-in-out;}
.product-img:hover img{transform: scale(1.1);}
.product-txt{margin-right:50%; padding:calc(5% + 80px) 5% 0;}
.product-txt a{display:inline-block; }
.product-txt h3{font-size:32px; font-weight:600; margin:0 0 20px; color:#393c4c; transition: all 0.3s ease-in-out;}
.product-txt p{font-size:16px; color:#666; text-align:justify; line-height:1.8; }
.product-txt a:hover h3{color:#004998}
.product-txt a:hover p{color:#888;}
.home-link{position:relative; display:inline-block; font-size:16px; line-height:30px; padding:5px 30px 5px 0px; color:#666;transition: all 0.3s ease-in-out; }
.home-link:after{position:absolute; right:0px; top:50%; transform: translate(0, -50%); font-family: 'iconfont'; content: '\e606'; color:#666; font-size:20px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;transition: all 0.3s ease-in-out;}
.home-link:hover{background:#004998; color:#fff; padding:5px 40px 5px 20px; border-radius:100px; }
.home-link:hover:after{color:#fff; right:10px;}

.Str-company{background:url(../images/investor1.jpg) no-repeat center fixed; background-size:cover; 
/*background:linear-gradient(to right,rgba(0,95,184,1) 5%,rgba(0,95,184,0.57) 50%,rgb(0 95 184 / 9%) 100%)*/

}
.met-menu-list a.item{    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;}
.onlinebox_one .online-item{    display: flex!important;
    flex-direction: column;
    align-items: center;}
.cooperation{ background:#ffffff; padding:0.8rem 0 ;}
.commPaddingcoop{padding: 20px 0 80px 0;}
.screen7{width: 84vw;margin:0 auto;position: relative; height:45%;}
.screen7 .pub_title {color: #333;margin-top: calc(15.5vh);}
.screen7 .pub_title > div:first-child {font-size: 36px; line-height: 1.2; text-transform: uppercase; font-weight:bold; }
.screen7 .pub_title > div:nth-child(2) {font-size: 18px; line-height: 2.5; text-transform: uppercase; margin-bottom:15px; }
.scr7_news {display: flex;justify-content: space-between;align-items: stretch;width: 100%;flex-direction: row;    justify-content: space-around;}
.scr7_news .pic {background-position: center;background-repeat: no-repeat;background-size:80%;overflow: hidden;position: relative;height: 0;padding-bottom:45%; border-bottom:none;}
 
.scr7_news .layer-box{width: 16.666%;margin: 0 1%;
border:1px solid #f5f5f5;
/*-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2);*/
/*-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2);*/
/*box-shadow:0px 0px 15px 0px rgba(0,0,0,0.1);*/
    
}
.scr7_news .layer-box .msg {padding: 10px; background-color: #f1f1f1; text-align:center; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; }
.scr7_news .layer-box .msg h3 a{font-size: 14px;color: #333;}
.scr7_news .layer-box.on .msg {background-color: #f8fbff; }
.scr7_news .layer-box:hover .msg {background-color: #09397c; }
.scr7_news   .msg h3 {margin:0 }
.scr7_news .layer-box:hover .msg a{color: #fff; }

.screen7 .zpmh {width: 150px;height: 50px;border-radius: 25px;background-color: #015aaa;display: flex;justify-content: space-between;align-items: center;padding: 0 25px; margin:90px auto 0;}
.screen7 .zpmh .zpnh_text {color: #fff;}
.screen7 .zpmh:hover .jt_img {transform: translateX(5px);}

.company-about{color:#fff; padding:5% 0 12%; width:65%;}
.company-about h3{margin:0 0 10px; color:#fff; font-size:50px; }
.company-about h3 span{display:inline-block; margin-right:20px;}
.company-about p{font-size:16px; text-align:justify; margin:0 0 15px; line-height:1.8; }
.company-about ul{width:50%; overflow:hidden;}
.company-about ul li{padding:0 0 15px; margin-bottom:15px; font-size:16px; color:#fff; border-bottom:1px solid rgba(255,255,255,.2);}
.company-about ul li:last-child{border:0;}
.company-about ul li span{display:inline-block; width:100px; }

.gujias{width:100%;    padding: 5% 0 0;}
.gujia{margin:0 0 25px;width:50%; float:left}
 
.gujia span{display:inline-block; margin-right:15px; font-size:30px; font-weight:600; color:#fff;}
.gujia span i{display:inline-block; width:18px; height:18px; margin-top:5px; margin-right:8px; vertical-align:top; background:url(../images/up.png) no-repeat center; background-size:18px; }
.gujia label{font-size:20px; font-weight:600; display:inline-block; margin-right:15px; }
.istock1 .istock1_price {
    position: relative;
    font-family: Arial,sans-serif;
    padding-right: 20px;
    font-size: 36px;
    line-height: 40px;
}

.istock1 .trend_color {
    color: #e5342b;text-shadow: 1px 1px 1px rgba(0,95,184,0.57);
}
.istock1.goup .istock1_price:after {
    background-position: 0 0px;
}

.istock1 .istock1_price:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
    width: 17px;
    height: 16px;
    background: url(../images/istock.png) 0 0 no-repeat;
}
.istock1 .istock1_wave {
    font-family: Arial,sans-serif;
    font-size: 22px;
    margin-left: 30px;
}
.istock1 .istock1_wave_per {
    font-family: Arial,sans-serif;
    font-size: 22px;
}
 
.gupiao1{ width:50%;max-width:600px;margin:0 0 25px; position:relative;float: right; top:-60px}
.pro_select{ width:100%; position:relative;}
.pro_infodet{ width:100%; position:relative;}
.pro_infocon{background:rgb(255 255 255 / 45%);padding:60px 0;display:none; min-height:250px; line-height:25px;}
.pro_select span{width:33.33%; height:35px;line-height:35px;color:#333;background:#e6e6e6;display:block;float:left;text-align:center;}
.pro_select{border-bottom:#ececec 1px solid; height:35px;}
.pro_select span.last{border-right:#ececec 1px solid;}
.pro_select span.on,.pro_select span.on1{background:#fff;color:#333;}

.inline{ display:inline-block;}
.ml100{ margin-left:100px}
.ml100 .layui-icon-video{ font-size:25px}
.scr7_news .pic img.w-h {width: 100%; max-width: 100%; opacity: 0;  }
/*.scr7_news .pic{filter: grayscale(100%);}*/
.scr7_news .pic:hover {  filter: grayscale(0%);  }
@media screen and (max-width: 1160px) {   
.ml100 .layui-icon-video{ font-size:18px}
.smallnone{ display:none}
.screen7 .pub_title {color: #333;margin-top: calc(12.5vh);}
.screen7 .pub_title > div:first-child {font-size: 30px; line-height: 1.2; text-transform: uppercase; }
.screen7 .pub_title > div:nth-child(2) {font-size: 20px; line-height: 2; text-transform: uppercase; }
.scr7_news {display: flex;flex-wrap:wrap; flex-wrap:wrap; justify-content: space-between;align-items: stretch;width: 100%;flex-direction: row; margin-top:20px;}
.scr7_news .pic {background-position: center;background-repeat: no-repeat;background-size: 50%;overflow: hidden;position: relative;height: 0;padding-bottom:45%; border-bottom:none;}
.scr7_news .pic img.w-h {width: 100%; max-width: 100%; opacity: 0;   }
.scr7_news .layer-box{width: 47%;-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2); margin-bottom:20px; margin-right:4%;}
.scr7_news .layer-box:nth-child(2n){margin-right:0;}
.scr7_news .layer-box .msg {padding: 5px 10px; background-color: #f1f1f1; text-align:center; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; }
.scr7_news .layer-box .msg h3 a{font-size: 14px;color: #333;}
.scr7_news .layer-box.on .msg {background-color: #f8fbff; }
.scr7_news .layer-box:hover .msg {background-color: #09397c; }
.scr7_news .layer-box:hover .msg a{color: #fff; }
.gupiaotop{ line-height:2.5} 
  .gupiao1,.gujia{ width:100%;float:none; position:static}
.full-row>.span-2{width:20%;*width:19.89%;}
.full-row>.span-3{width:30%;*width:29.89%;}
.pro_infocon img{ width:100%}
.gupiao .box{padding:27px 25px 39px 22px;}
.gupiao .box .stock .name,
.gupiao .box .stock .stock_code{font-size: 20px;}

.gupiao .box .information li .t{font-size: 16px;}
.gupiao .box .information li .c{font-size: 16px;}


.jiage {font-size: 20px;color:#3c3c3c;}
.istock1 .istock1_tag { font-size:18px; color:#5a5a5a; }
.istock1 .istock1_num { position:relative; padding-right:22px; font-size:18px; color:#5a5a5a;padding-top:3.2px;}

.istock1 .istock1_price { font-size:20px; }
 
.pro_select span{width:33.33%;}
}



.company-about .home-link{color:#fff;}
.company-about .home-link:after{color:#fff;}

.newsbox{display:block;}
.newsbox dl{overflow:hidden; padding:5% 3%; transition: .5s ease-in-out;}
.newsbox dl dt{float:left; width:90px; font-size:16px; font-family: 'beba'; text-align:center; line-height:1; color:#222; transition: .3s ease-in-out;}
.newsbox dl dt span{display:block; font-size:50px; padding-bottom:10px; margin-bottom:10px; }
.newsbox dl dd{margin-left:100px;}
.newsbox dl dd h3{font-size: 20px;  color: #222222; line-height: 22px;  height: 22px; font-weight:normal; overflow: hidden;  text-overflow:ellipsis; white-space:nowrap; transition: .5s ease-in-out;  margin-bottom: 15px;}
.newsbox dl dd p{transition: .5s ease-in-out; font-size: 14px;  color: #666666;  line-height: 26px; height:52px; text-align:justify; overflow:hidden; text-overflow:ellipsis; }

.newsbox:hover dl{background:#004998; color:#fff;}
.newsbox:hover dl dt{color:#fff;}
.newsbox:hover dl dd h3{color:#fff;}
.newsbox:hover dl dd p{color:rgba(255,255,255,.7);}

.topnews{display:block;}
.newsimg{position:relative; width:100%; padding-top:62%; overflow:hidden;}
.newsimg img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; transition: all 0.3s ease-in-out;}
.newsimg span{display:block; position:absolute; left:0; bottom:0; width:100%;padding:5% 5% 2%; font-size:22px; color:#fff;background: linear-gradient(to top,rgba(0,0,0,1) 8%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 100%); }
.newscon{position:relative; background:#efefef; padding:3% 5%; transition: all 0.3s ease-in-out;}
.newscon:after{content:''; width:0; height:3px; background:#004998; position:absolute; bottom:0; left:50%;transform: translate(-50%, 0); transition: all 0.5s ease-in-out;}
.newscon h3{font-size:22px; line-height:30px; height:60px; overflow:hidden; color:#333;}
.newscon p{margin:0 0 20px; font-size:14px; color:#666; line-height:22px; height:44px; overflow:hidden; }
.newscon i.details{position:relative; display:inline-block; line-height:22px; font-size:14px; color:#999; border-left:1px solid #ddd; padding-left:10px; padding-right:30px; font-style:normal; transition: all 0.3s ease-in-out;}
.newscon i.details:after{content: '\e606'; font-family: 'iconfont'; position:absolute; right:0; top:50%; transform: translate(0, -50%); font-size:18px; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; transition: all 0.1s ease-in-out;}

.topnews:hover .newscon{background:#fff;}
.topnews:hover .newscon h3{color:#004998;}
.topnews:hover .newscon:after{width:100%;}
.topnews:hover .newsimg img{transform:scale(1.2);}
.topnews:hover .newscon i.details{color:#004998; padding-left:20px;padding-right:40px;}

/*Subpage Style*/
.Str-banner{position:relative; height:580px; background:#222;}

.bg-about{background:url(../images/bg_about.jpg) no-repeat center; background-size:cover;}
.bg-honor{background:url(../images/bg_honor.jpg) no-repeat center; background-size:cover;}
.bg-culture{background:url(../images/bg_culture.jpg) no-repeat center; background-size:cover;}
.bg-history{background:url(../images/bg_history.jpg) no-repeat center; background-size:cover;}
.bg-product-1{background:url(../images/bg_product_1.jpg) no-repeat center; background-size:cover;}
.bg-product-2{background:url(../images/bg_product_2.jpg) no-repeat center; background-size:cover;}
.bg-product-3{background:url(../images/bg_product_3.jpg) no-repeat center; background-size:cover;}
.bg-product-4{background:url(../images/bg_product_4.jpg) no-repeat center; background-size:cover;}
.bg-invest{background:url(../images/company_bg.jpg) no-repeat center; background-size:cover;}
.bg-jobs{background:url(../images/bg_jobs.jpg) no-repeat center bottom; background-size:cover;}

.bg-creative{background:url(../images/bg_creative.jpg) no-repeat center bottom; background-size:cover;}
.bg-deve{background:url(../images/bg_deve.jpg) no-repeat center bottom; background-size:cover;}

.bg-contact{background:url(../images/bg_contact.jpg) no-repeat center; background-size:cover;}
.bg-news{background:url(../images/bg_news.jpg) no-repeat center; background-size:cover;}

.show-bantxt{width:100%; text-align:center; color:#fff; padding-top:20%;       }
.loukong-title {
    width: 100vw;
    height: 100vh;
    background: #ffffff; /*关键加了背景色才能混合*/
    text-align: center;
    font-size: 100px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 800;
    position: absolute;
    margin: auto;
    top: 0;
    z-index: 1;
    padding-top: 20%;
    mix-blend-mode: screen; /*关键 screen混合模式*/
}
.show-bantxt h2{font-size:60px; font-weight:normal; color:#fff; margin:0; line-height:1.5; font-weight: bold;letter-spacing: 2px; }
.show-bantxt h3{font-size:26px; font-weight:normal; color:#fff; letter-spacing: 2px; }
.show-bantxt h4{font-size:34px; font-weight:normal; color:#fff; }

/*左侧滚动固定*/
.Str-body{padding-bottom:0px; background:#fff;}
.Strwarp{ border-left:1px solid #ccc; }
.Strsider{float:left; width:280px; height:auto; margin-top:-80px; }
.left-menu{position:relative; top:0; width:280px;}
.page-name{font-size:28px; height:80px; color:#fff;}

.left-menu-ul li a{position:relative; display:block; padding:10px 30px; font-size:16px; line-height:24px; color:#666; }
.left-menu-ul li a:hover{color:#004998;}
.left-menu-ul li a:before{position:absolute; left:-2px; top:0; content:""; width:3px; height:0%; background:#004998; opacity:0; -moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
.left-menu-ul li a:hover:before{opacity:1; height:100%; -moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}

.left-menu li a.current{color:#004998; font-weight:600;}
.left-menu li a.current:before{opacity:1; height:100%;}

.left-menu-ul li ul{display:none;}
.left-menu-ul li ul li a{position:relative; display:block; font-size:14px; color:#999;}
.left-menu-ul li ul li a:before{position:absolute; left:30px; top:auto; bottom:0; opacity:0; width:5%; height:1px; background:#004998; -moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s; }
.left-menu-ul li ul li a:hover:before{opacity:1; width:30%; height:1px;}

.left-menu-ul li ul li a.current{color:#004998; font-weight:600;}
.left-menu-ul li ul li a.current:before{display:none;}
.Strmain{margin-left:280px;  padding:5%;}
/*左侧滚动固定*/

.about-title{font-size:34px; margin:0 0 20px; color:#222; font-weight:600; }
.about-title span{display:block; font-size:18px; color:#999; font-weight:normal;}

.about-txt{padding:20px 0; font-size:16px; line-height:1.6; text-align:justify;}
.about-txt p{margin:0 0 20px;}
.about-txt h3{margin:0 0 20px; font-size:18px; color:#333; }

.list-p-1{position:relative; padding-left:30px;}
.list-p-1:before{content:''; width:16px; height:4px; background:#004998; position:absolute; left:0; top:10px; }

.base-box{text-align:center;width:100%; cursor:pointer;}
.base-box img{display:block; width:100%; transition: all .3s ease-in-out;}
.base-box span{font-size:14px; padding:3% 2%; display:block;}
.base-box:hover img{transform: translate(0,-10px);box-shadow:0 0 14px rgba(0,0,0,.4);}

.imgtxt-dl{overflow:hidden; margin:0 0 30px;}
.imgtxt-dl dt{float:left; width:26%; padding-top:16.5%; position:relative;}
.imgtxt-dl dt img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}

.imgtxt-dl dd{margin-left:26%; padding-left:5%;}
.imgtxt-dl dd h4{font-size:16px;}
.imgtxt-dl dd p{font-size:15px; line-height:1.65;}

.imgtxt-dl dd a.home-link{font-size:13px; line-height:24px;}

.hbox{text-align:center;}
.hbox img{display:block; width:100%;}
.hbox span{display:block; line-height:24px; height:68px; overflow:hidden; padding:10px; font-size:14px;}

.dl-imgleft{overflow:hidden; background:#f5f5f5; margin:0 0 20px; }
.dl-imgleft dt{float:left; width:50%; padding-top:34%; position:relative;}
.dl-imgleft dt img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
.dl-imgleft dd{margin-left:50%; padding:5%; }
.dl-imgleft dd h3{font-size:24px; color:#333; }
.dl-imgleft dd h3.ntit{font-family:'beba'; font-size:34px; color:#0068bd;}
.dl-imgleft dd p{font-size:16px; color:#666; line-height:1.8;}
.dl-imgleft dd a{margin-top:4%; margin-left:0;}

.dl-imgleft.imgRight dt{float:right;}
.dl-imgleft.imgRight dd{margin-left:0; margin-right:50%;}

.history-list{position:relative; width:100%; overflow:hidden; padding:3% 0;}
.history-list:after{content:''; width:1px; height:100%; background:#ccc; position:absolute; left:50%; top:0; transform: translate(-50%,0);}
.history-list li{float:left; width:100%; padding:2% 0; overflow:hidden;}
.fl{float:left; text-align:right;}
.fr{float:right;}

.his-detail{width:50%;}
.his-detail h3{position:relative;font-size:30px; color:#0068bd;  font-family: 'beba'; margin:0 0 20px; z-index:100;}
.his-detail h3:after{content:''; width:5px; height:5px; border:2px solid #0068bd; background:#fff; border-radius:100px; position:absolute; top:50%; transform: translate(0,-50%);}
.his-detail p{font-size:18px; color:#555; line-height:1.65; margin:0 0 10px;}
.his-detail img{display:block; max-width:80%;}
.his-detail.fl {padding-right:20px;}
.his-detail.fr {padding-left:20px;}

.his-detail.fl h3:after{right:-25px;}
.his-detail.fr h3:after{left:-25px;}
.his-detail.fl img{float:right;}

.proBox{display:block; border:1px solid #eee; padding:2px;}
.proBox span{display:block; width:100%; padding-top:120%; position:relative; overflow:hidden;}
.proBox span img{display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.proBox em{display:block; font-size:14px; font-style:normal; padding:10px; text-align:center; line-height:22px; height:64px; overflow:hidden;}

.proBox:hover{border:1px solid #ccc; box-shadow:0 0 4px rgba(0,0,0,.12);}
.proBox:hover em{color:#004998;}

.cnewsBox{display:block; overflow:hidden; transition: all .4s ease-in-out;}
.cnewsBox .cnews-img{float:right; width:30%; padding-top:19.5%; position:relative; overflow:hidden;}
.cnewsBox .cnews-img img{display:block; width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0; transition: all .4s ease-in-out;}
.cnewsBox .cnews-txt{margin-right:36%;}
.cnewsBox .cnews-txt p.date{font-size:18px; font-weight:600; color:#222; font-family: 'beba';}
.cnewsBox .cnews-txt p.summ{margin:0 0 10px; font-size:14px; color:#666; line-height:20px; height:60px; overflow:hidden;}
.cnewsBox .cnews-txt h3{font-size:20px; color:#222; margin:0 0 10px; line-height:28px; height:56px;  overflow:hidden;transition: all .4s ease-in-out;}
.cnewsBox .cnews-txt i{display:block; width:40px; height:3px; background:#222; transition: all .4s ease-in-out;}

.cnewsBox:hover .cnews-img img{transform: scale(1.1);}
.cnewsBox:hover .cnews-txt h3{color:#004998;}
.cnewsBox:hover .cnews-txt i{background:#004998; width:100%; }

.imgnews{display:block;}
.imgnews .img-box{position:relative; width:100%; padding-top:65%; overflow:hidden;}
.imgnews .img-box img{position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; transition: all .4s ease-in-out;}
.imgnews .img-box span{display:block; width:100%; padding:10px; font-size:14px; text-align:center; color:#fff; background:rgba(0,0,0,.5); position:absolute; left:0; bottom:-100%;  transition: all .4s ease-in-out;}
.imgnews .img-box i{position:absolute; left:50%; top:50%; width:60px; height:60px; margin-left:-20px; margin-top:-20px; background:url(../images/play.png) no-repeat center; background-size:50%; border:2px solid #fff; border-radius:100px;}

.imgnews:hover  .img-box img{transform: scale(1.1);}
.imgnews:hover  .img-box span{bottom:0;}

.file-link{position:relative; display:block; padding-bottom:20px; margin-bottom:20px; padding-left:40px; border-bottom:1px solid #ccc; padding-right:20%;}
.file-link:before{content:''; width:18px; height:22px; background:url(../images/icon_file.png) no-repeat center; background-size:18px 22px; position:absolute; left:0; top:5px;}
.file-link h3{margin:0;font-size:16px; color:#333;}
.file-link p{margin:0;font-size:13px; color:#999;}
.file-link:hover h3{color:#004998;}

.file-link span{position:absolute; right:0; top:10px;}
.file-link span a{display:inline-block; margin-left:10px; line-height:30px; border:1px solid #ccc; padding:0 20px; font-size:14px; border-radius:100px;}
.file-link span a:hover{border:1px solid #004998;}

.tabBar{position:relative;}
.tabBar span{display:inline-block; margin-right:40px; font-size:24px; color:#666; line-height:40px; border-bottom:3px solid #fff; padding-bottom:10px; cursor:pointer; vertical-align:middle;}
.tabBar span.current{font-size:34px; color:#004998; border-bottom:3px solid #004998;}

.jobsearch{position:absolute; right:0; top:8px;}
.sea-input{display:block; width:200px; border:1px solid #ccc; padding:8px; line-height:18px; height:36px; float:left;}
.sea-btn{cursor:pointer; display:block; float:left; width:50px; height:36px; text-align:center; line-height:36px; border:0; background:#004998; color:#fff; font-size:20px;}


.jobs{display:block; margin:15px 0; background:#fff; border:1px solid #eee; position:relative; }
.jobs:after{content:''; width:0; height:3px; background:#004998; position:absolute; left:0px; bottom:0;transition: all .4s ease-in-out; }
.jobs .job-title{position:relative; padding:10px 20px; line-height:40px; font-size:14px; text-align:right; overflow:hidden; border-bottom:1px solid #eee;}
.jobs .job-title span{float:left; width:auto; display:block; position:relative; padding-left:40px; font-size:22px;}
.jobs .job-title span:before{position:absolute; left:0px; top:50%; transform: translate(0, -50%); font-family: 'iconfont'; content: '\e60e'; font-size:26px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;transition: all 0.3s ease-in-out;}
.jobs .job-title i{position:relative; display:inline-block; font-style:normal; padding-right:34px; }
.jobs .job-title i:before{position:absolute; right:0px; top:50%; transform: translate(0, -50%); font-family: 'iconfont'; content: '\e606'; font-size:20px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;transition: all 0.3s ease-in-out;}

.jobs .job-detail{overflow:hidden; padding:20px 10px; font-size:16px;}
.jobs .job-detail p{float:left; font-size:16px; margin:0 20px;}

.jobs:hover:after {width:100%;}

.pro-str{overflow:hidden;}
.pro-str dt{float:right; width:200px;}
.pro-str dd{margin-right:240px;}

.code-wx{background:#f8f8f8; padding:15px; font-size:14px; color:#666;}
.code-wx img{display:block; width:100%; margin-top:20px;}

.pro-list-box{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd; display:block; overflow:hidden;}
.pb-img{float:left; width:20%; padding-top:14%; position:relative; overflow:hidden; }
.pb-img img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; transition: all .4s ease-in-out;}
.pb-con{margin-left:24%;}
.pb-con h3{margin:0; font-size:16px; font-weight:600; color:#333; transition: all .4s ease-in-out;}
.pb-con p{margin:10px 0 0;  font-size:13px; color:#666;}
.pb-con i{display:block; font-size:18px; color:#999;transition: all .4s ease-in-out;}
.pro-list-box:hover h3{color:#004998;}
.pro-list-box:hover img{transform: scale(1.1);}
.pro-list-box:hover i{color:#004998;  transform: translate(10px, 0);}

.pro-list-box:last-child{border:0;}
/*page*/
.pagination {text-align: center; padding: 20px 0; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}
.pagination a {display:inline-block;margin: 0 1px 0 0; padding: 6px 12px; }
.pagination a.number{background:#eeeeee; color:#666666;}
.pagination a.number:hover{background-color:#f8f8f8; text-decoration:none;}
.pagination a.current {background:#004998;  color: #fff !important;}
.pagination a.current:hover {background-color:#004998;  color: #fff !important;text-decoration: none;}
.pagination a.Previous{border-radius:4px 0px 0px 4px;}
.pagination a.Next{border-radius:0px 4px 4px 0;}

/*single style*/
.Str-single{position:relative; height:360px; background:url(../images/bg_article.jpg) no-repeat center bottom; background-size:cover;}
.Str-single .container{padding-top:180px;}
.page-position{width:90%; margin:0 auto; padding:10px 0; font-size:14px; line-height:20px; color:rgba(255,255,255,.7); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.page-position a{color:#fff;}

.article-str{width:90%; margin:0 auto;}
.article-main{float:left; width:100%; margin-top:-120px; background:#fff; padding:60px 80px;}
.article-side{margin-left:74%; padding-top:3%;}

.article-main-2{width:100%; margin-top:-90px; background:#fff; padding:60px 80px;}


.article-title{margin:0 0 40px;}
.article-title h3{font-size:34px; color:#222; margin:0 0 10px; line-height:1.2;}
.article-title p{font-size:14px; color:#999;}

.article-content p{margin:0 0 15px; font-size:16px; line-height:1.8; color:#333; text-align:justify;}
.article-content img{display:block; margin:0 auto; max-width:100%; height:auto;}

.hotnews{padding:10px; background:#fff;}

.side-box{margin:0 0 20px;}
.side-title{padding:0 0 10px; font-size:18px; font-weight:600; color:#222;}

.hot-news {padding:0 0 10px;}
.hot-news li{padding:10px 0;}
.hot-news li dl{overflow:hidden;}
.hot-news li dl dt{position:relative; float:left; width:35%; padding-top:24%; overflow:hidden; }
.hot-news li dl dt img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
.hot-news li dl dd{margin-left:35%; padding-left:10px; }
.hot-news li dl dd h4{font-size:15px; line-height:22px; max-height:44px; overflow:hidden;}
.hot-news li dl dd p{font-size:12px; color:#999;}

.article-imgs{padding:5% 0;margin-top:5%; border-top:1px solid #ddd;}

.layui-layer{   background:transparent;  background-color: transparent !important;box-shadow: none  !important}
#mydiv .container{ z-index:2;}
.commWidget{ overflow:hidden}
.Str-footer { position: relative;}
.Str-footer .containerfoot {    display: flex;
    flex-direction: row;padding: 40px 0 60px 0;
    justify-content: space-between;
    align-items: flex-start;}
 .waves {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.sub-title {
    font-size: 24px;
    color: #333;
    margin: 0 0 20px;
}
.product{ margin: 0.8rem auto; max-width:1400px ; background:#ffffff ; }
.marginleft{margin-left: 2%;position: relative;}
.imgbottom{ position: absolute; bottom: 0;}
li.one .home-productbox{background:#e7e8ea}
/*145fa6*/
.pro{ width: 49%; height: auto; background:#fff; float: left; }
.blue{border-top: 0.6rem solid #05439c;
    border-left: 0.6rem solid transparent; }
 .white{border-top: 0.6rem solid #f5f5f5;
    border-left: 0.6rem solid transparent; }
    .blue::after{ color: #fff; }
 .white::after{ color: #05439c; }
.triangle-topright {
    width: 0;
    height: 0;
    
    z-index: 99;
    position: absolute;
    top:0;
    right:0;
}
.triangle-topright::after{
    content: "+";    
    
    position: absolute;
   bottom: 0.2rem;
    font-size: 0.3rem;
    left: -0.3rem;
}
  
.carousel {
    position: relative;
    width: 100%;
     
    background-repeat: no-repeat;
    background-size: cover;
}

.carousel-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    
    opacity: 0;
    transition: opacity 1s linear;
    background-repeat: no-repeat;
}

.carousel-item.active {
    opacity: 1;
}

.carousel-text {
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translateX(-50%);
    width: 80%;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    text-align: center;
    font-size:.5rem;
    line-height: 1.5;
    border-radius: 10px;
}

.carousel-nav {
    position: absolute;
    left: 50%;
    bottom: 10%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.carousel-nav button {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: none;
    margin: 0 10px;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
}

.carousel-nav button.active {
    width: 20px;
    background-color: #ffcc33;

}
.data-count a.count{ color:#145fa6 !important; }
.data-count span{ width:1.8rem;}
.data-count span:nth-child(1){ border-right: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;padding: 0  0.2rem  0.2rem 0;}
.data-count span:nth-child(2){ border-bottom: 1px solid #f5f5f5; padding:0 0    0.2rem 0.3rem; }
.data-count span:nth-child(3){ border-right: 1px solid #f5f5f5; padding:   0.2rem  0.2rem 0 0;}
.data-count span:nth-child(4){  padding:0.2rem 0 0 0.25rem; }
.layui-tab-brief>.layui-tab-title li{font-size: 18px;}
.layui-tab-brief>.layui-tab-title .layui-this{color: #004998; }
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{    border: none;
    border-radius: 0;
    border-bottom: 2px solid #004998;}
.layui-tab-title li{padding: 0;margin: 0 0.5rem 0 0;    line-height: 0.5; font-weight: bold;color: #444;}
#tab{position: relative;}
.index-new{max-width:1400px; margin-left: auto; margin-right: auto;display: flex; flex-wrap: wrap;  }
.news{  
display: inline-block;
width: calc(33.33% - 20px); }
.index-new .news:nth-child(2){ padding: 0 30px; }
.news img{ max-width: 100%;}

.more{border-radius:0; position: absolute;right: 0;top:-0.1rem}
.news span{ color: #747373;line-height: 4;font-size:16px;}
.news h2{ font-size:18px;line-height: 1.6;  color: #444;}
 .news :hover h2{  color: #073b96;}
.culture{color: #fff;  }  
.culture h3{font-size: 40px;margin-bottom: 35px; }  
.culture a{color: #fff; }  
.culture  .right .box{ color: #000;padding:1.5vw   2vw ;  display: flex;   }
.culture  .right .box1 {position: relative;margin:0 5vw ;width:100%;  }
.culture  .container{  display:flex ;padding: 2vw 80px; }
.culture  .container .left{  width: 40%;padding-right: 5vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap; }
.culture  .container .right{ display: flex; width:60%; margin:4vw 0 ;background-color:rgba(255, 255, 255, 0.9);
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;}
    .culture  .right .box1:hover img{ animation: rotate 1s linear infinite;}
@keyframes rotate{
	0%{
		transform: rotateZ(0deg);/*从0度开始*/
		   /*transform: translate(-50%, -50%) rotate3d(.5, 0.5, 0.5, 0deg);*/
	}
	100%{
		transform: rotateZ(360deg);/*360度结束*/
		   /*transform: translate(-50%, -50%) rotate3d(.5, 0.5, 0.5, 350deg);*/
	}
	
	
}
  .culture  .container .right .box1 img { max-width: 100%   ;  position: absolute;    top: 25px;    right: -2vw;}
.culture  .container .right h2{border-bottom: #145fa6 4px solid; display: inline-block;padding:10px 0; margin: 15px;font-size: 24px;    color: #333;margin-bottom: 30px;}
.culture  .container .right p{ padding:10px 0; margin: 5px 20px 5px 15px;color: #666;font-size: 18px; }
.foot-nav dl dt.haoh{ font-size: 0.3rem;    margin: -10px 0 10px;}
      .one .gd {
            position: absolute;
            left: 50%;
            bottom: 20px;
            margin-left: -36.5px;
            display: flex;
            justify-content: space-around;
            width: 75px;
            height: 15px;
            border-radius: 8px;
           
        }

        .one .gd i {
            display: block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            margin-top: 3px;
            background-color: azure;
        }

        .one .current {
            background-color: #ff5000 !important;
            width: 15px !important;
            height: 9px !important;
            border-radius: 4.5px !important;
        }