@charset 'UTF-8';
/* UED Interaction (https://www.njued.com) */
/* Design By Ued Team Copyright 2020 UED Interaction */
/* Reset css */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,input,button,textarea,article, aside, canvas,details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}:focus {outline:0;}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;}

/* Gobal css */
html {font-size:625%; width:100%; height:100%;}
body {font-family:'Microsoft Yahei',Arial,'Lucida Grande',sans-serif; font-size:14px; line-height:1.5; color:#121212; background:#f8f8f8; width:100%; height:100%; text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -webkit-font-smoothing: antialiased;}
html.no-scroll, body.no-scroll {overflow: hidden;}
h1, h2, h3, h4, h5, h6 {margin:0 0 15px; font-size:16px;}

a:hover {color:#edc74a; 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: #222;
}
/*滚动条轨道*/
::-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: '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:40px; padding-right:40px; max-width:1480px;}
.no-scroll{overflow: hidden;}
.commWidget{position:relative; width:100%;}
.commPadding{padding:80px 0;}
.bgWhite{background:#ffffff;}
.bgGray{background:#f5f5f5;}
.bgGray2{background:#f0f0f0;}
.bgBlue{background:#162055;}
.bgBlack{background:#00041e;}
.bgBlack2{background:#0b0a18;}
.bgProduct{position:relative; background: #f5f5f5; padding-bottom:0;}

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

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

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

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

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

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

.fwhite{color:#fff;}
.fgray{color:#999;}
.comm-txt{font-size:16px; line-height:1.65; text-align:justify;}
.comm-txt p{margin:0 0 15px;}
.comm-img{text-align:center; padding:10px;}
.comm-img img{display:block; width:100%;}
/*layout style*/
body.offscreen .Str-header{margin-top:-80px;}
body.drop .Str-header{margin-top:0px;}

.Str-header{position:fixed; left:0; top:0; padding:20px 40px; height:90px; 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;}
.Str-header h1{float:left; margin:0 40px 0 0;}
.Str-header h1 a.logo{display:block; margin:0; width:207px; height:50px; text-indent:-8889px; background:url(images/logo_w.png) no-repeat center; background-size:207px 50px; -moz-transition:none;-webkit-transition:none;-o-transition:none;-ms-transition:none;}

.Str-header .lagBox{float:right;}
.Str-header .lagBox .language,.Str-header .lagBox .search{position:relative; float:right;}
.Str-header .lagBox a.top-icon{display:block; margin:12px 7px; width:36px; height:36px; text-align:center; line-height:36px; color:#fff; font-size:14px; background:#3f61ff; border-radius:100px;}
.Str-header .lagBox a.top-icon:hover{color:rgba(255,255,255,.64);}
.Str-header .lagBox .search a.top-icon{font-size:18px; background:rgba(0,0,0,.34);}

.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 20px; font-size:16px; font-weight:400; line-height:30px; color:#fff; text-decoration:none; }
.Str-header .Str-menu li a:after{}
.Str-header .Str-menu li a:hover:after{}
.Str-header .Str-menu li a:hover{text-decoration:none; color:rgba(255,255,255,.64);}
.Str-header .Str-menu li.current a:after{}

.Str-header .Str-menu li ul.submenu{display:none; position:absolute; left:50%; top:50px; margin-left:-80px;  width:160px;  background:#fff; }
.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(255,255,255,.1);}
.Str-header .Str-menu li ul.submenu li a{display:block;font-size:14px; color:rgba(0,0,0,.64); line-height:20px; padding:12px 2%; text-align:center;}
.Str-header .Str-menu li ul.submenu li a:hover{color:rgba(0,0,0,.64);  background:#fed116;}

.Str-header-scroll{padding:15px 40px; height:80px; 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:207px; height:50px; background:url(images/logo_n.png) no-repeat center; background-size:207px 50px; 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:10px 20px;color:#222;}
.Str-header-scroll .Str-menu li a:hover{color:#edc74a;}
.Str-header-scroll .Str-menu li.current a{color:#edc74a;}
.Str-header-scroll .Str-menu li.current a:after{}
.Str-header-scroll .Str-menu li ul.submenu{background:#edc74a;}
.Str-header-scroll .Str-menu li ul.submenu:before{ color:#edc74a;}
.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:rgba(1,1,1,.64);}
.Str-header-scroll .Str-menu li ul.submenu li a:hover{color:#fff; background:#fea916;}

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

.Str-mobile-menu{display:none; cursor:pointer; position:fixed; right:0; top:0; width:50px; height:50px; padding:12px 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,1); 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 a{border-bottom: #e9e9e9 1px solid; color: #222; display: block; font-size: .15rem;  margin: 0 auto; height: .5rem; line-height: .5rem;  width: 90%; -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.current a{font-weight:600; color:#000;}
.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:#222; 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:#3f61ff; text-align:center; line-height:.44rem; font-size:.16rem; color:#fff;}

.Str-footer{position:relative; background:#222; background-size:cover; padding:60px 0 0;}

.foot-logs{float:left; max-width:25%; margin-right:80px;}
.foot-logs a.flogo{margin:0 0 20px; display:block; width:207px; height:50px; background:url(images/logo_w.png) no-repeat; background-size:207px 50px;}
.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{float:left;}
.foot-nav dl{floaT:left; color:#fff;margin-right:60px;}
.foot-nav dl dt{font-size:14px; color:#fff; font-weight:600; margin:0 0 10px;}
.foot-nav dl dd{padding:5px 0;}
.foot-nav dl dd a{font-size:14px; color:rgba(255,255,255,.7); line-height:1.5;}
.foot-nav dl dd a:hover{color:rgba(255,255,255,1);}

.foot-wx{float:right; padding:0 0 20px;}
.foot-wx dl{floaT:left; color:#fff; padding:0;}
.foot-wx dl dt{font-size:14px; color:#fff; font-weight:600; margin:0 0 10px;}
.foot-wx dl dd img{display:block; width:140px; height:140px; }
.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; border-top:1px solid rgba(255,255,255,.24); text-align:center; }
.foot-statment p{text-align:right; overflow:hidden; font-size:13px; color:rgba(255,255,255,.7);}
.foot-statment p span{float:left; width:auto; }
.foot-statment p label{display:inline-block; margin-right:10px;}
.foot-statment p a{display:inline-block;color:rgba(255,255,255,.5);}
.foot-statment p a:hover{text-decoration:underline;}

/*index style*/
.Str-screen{width:100%; height:100%; background:#333;}
.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: 40px; left: auto; color:#fff; font-size:18px; font-weight:600; text-align:left;}
.Home-swiper .swiper-button-next:after,.Home-swiper .swiper-container-rtl .swiper-button-prev:after {font-size:34px;}
.Home-swiper .swiper-button-prev,.Home-swiper  .swiper-container-rtl .swiper-button-next {right: auto; left: 40px; 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:34px;}

.Home-swiper .swiper-container-horizontal>.swiper-pagination-bullets,.Home-swiper .swiper-pagination-custom,.Home-swiper  .swiper-pagination-fraction {bottom: 40px; left: 40px; width:auto; font-size:16px; color:#fff; font-weight:normal;}
.Home-swiper  .swiper-pagination-fraction span.swiper-pagination-current{font-size:30px; font-weight:600;}


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


.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 right,rgba(0,0,0,1) 20%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,.1) 100%);}
.home-gradient-overlay2{background: linear-gradient(to bottom,rgba(29,32,128,.9) 8%,rgba(29,32,128,0.5) 50%,rgba(29,32,128,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.fblack{color:#222;}
.show-slogan h1{margin:0 0 40px; font-size:70px; line-height:1;}
.show-slogan h2{font-size:32px; line-height:1.5; position:relative;}
.show-slogan h3{font-size:64px; line-height:1.2; position:relative;}
.show-slogan h3 span{display:block; font-weight:normal; line-height:2; font-size:18px; letter-spacing:6px;}
.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; }
.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;}
.Home-swiper .swiper-slide .show-slogan h1{transform:translateY(-80px); opacity:0; transition:all .4s; }
.Home-swiper .ani-slide .show-slogan h1{transform:translateY(0);opacity:1;}
.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:140px; height:50px; font-size:16px; padding-left:28px;  overflow:hidden; border-radius:4px; line-height:50px; overflow:hidden; color:#222; background:#fed116;transition: all 0.3s ease-in-out;}
.homeLink:after{ content: '\e606'; font-family: 'iconfont'; position:absolute; right:14px; top:50%; 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:160px; color:#222;}

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

/*index style*/
.business-about{overflow:hidden;}
.business-about dt{float:right; width:25%;}
.business-about dd{margin-right:35%;}

.business-txt{position:relative;}
.business-txt h3{font-size:30px; margin:0 0 25px; color:#222;}
.business-txt p{font-size:16px; margin:0 0 50px;}
.business-txt span{position:absolute; right:0; bottom:0;font-size:80px; color:#e0e0e0; font-weight:600;}
.moreLink{display:inline-block; font-size:16px; color:#666; position:relative; transition: all 0.3s ease-in-out;}
.moreLink:after{content: '\e602'; font-family: 'iconfont'; position:absolute; right:-28px; top:50%; transform: translate(0, -50%); text-indent:0px; font-size:22px; 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;}
.moreLink:hover{color:#999;}
.moreLink:hover:after{right:-48px;}

.business-item-list{margin-left:-10px; margin-right:-10px; overflow:hidden;}
.business-item-list li{float:left; width:33.3333%; padding:10px;}

.business-box{background:#fff; padding:25px;}
.business-box img{display:block; width:90px; height:90px; margin:0 0 25px; }
.business-box h3{font-size:24px; margin:0 0 10px;}
.business-box p{font-size:14px; color:#888; line-height:22px; height:44px; overflow:hidden;}

.yellowSolution{background:#edc74a; padding-top:160px; padding-bottom:160px; margin-top:-160px; z-index:-1;}
.solution-item{margin-top:-160px; padding-bottom:80px;}
.Solution-swiper.swiper-container {width: 100%; height:600px;}
.Solution-swiper .swiper-slide {background: #fff; height:100%; }

.solution-item .swiper-button-next,.solution-item .swiper-container-rtl .swiper-button-prev {right: 0px; left: auto; color:#222; font-size:18px; text-align:left;}
.solution-item .swiper-button-next:after,.solution-item .swiper-container-rtl .swiper-button-prev:after {font-size:32px; content:'\e602'; font-family: 'iconfont'; }
.solution-item .swiper-button-prev,.solution-item  .swiper-container-rtl .swiper-button-next {right: auto; left: 0px; color:#222; font-size:18px; text-align:left;}
.solution-item .swiper-button-prev:after,.solution-item .swiper-container-rtl .swiper-button-next:after {font-size:32px;  content:'\e618'; font-family: 'iconfont'; }

.solution-box{display:block; width:100%; height:100%; position:relative; overflow:hidden;transition: all 0.3s ease-in-out; }
.solution-box img{display:block; width:100%; height:100%; object-fit:cover;}
.solution-mask{position:absolute; left:0; top:0; width:100%; height:100%; padding:25px; background:rgba(0,0,0,.5); transition: all 0.3s ease-in-out;}
.solution-mask h3{font-size:24px; color:#fff; transition: all 0.3s ease-in-out;}
.solution-mask p{font-size:16px; color:#fff; width:100%; position:absolute; letter-spacing:8px;transform:rotate(-90deg); left:-135px; bottom:180px;}
 
.solution-box:hover .solution-mask{background:rgba(0,0,0,.15);}
.solution-box:hover .solution-mask h3{margin-top:20px;}


.about-left{float:left; width:55%; height:600px; background:url(images/about_bg.png) #050b23 no-repeat left center; background-size:cover;}
.about-right{margin-left:55%;  height:600px; background:#edc74a; padding:4% 3%;}

.aboutimgs{margin-top:-80px;  clear:both;}
.aboutimgs span{display:block; float:left; width:33.33333%; padding-top:25%; position:relative;}
.aboutimgs span img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; }

.news-list{overflow:hidden; margin-left:-30px; margin-right:-30px;}
.news-list li{float:left; width:33.3333%; padding:0 30px; border-right:1px solid #eee;}

.newsbox{display:block; }
.newsbox h3{display:inline-block; font-size:22px; font-weight:600; margin:0 0 15px; line-height:25px;  height:50px; overflow:hidden;transition: all 0.3s ease-in-out;}
.newsbox p{font-size:14px; color:#999; line-height:20px; margin:0 0 25px; height:60px; overflow:hidden;}
.newsbox span{font-size:14px; color:#999;display:block; margin:0 0 40px;}
.newsbox i{float:left; font-style:normal; display:block; height:40px; line-height:40px; width:40px; position:relative; border:1px solid #ccc; color:#666; text-indent:-150px; border-radius:100px; overflow:hidden;transition: all 0.3s ease-in-out;}
.newsbox i:after{content: '\e602'; font-family: 'iconfont'; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); text-indent:0px; font-size:22px; 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; }
.newsbox:hover h3{color:#222;position:relative;}
.newsbox:hover h3:after{content:''; width:100%; height:4px; background:#edc74a; position:absolute;left:0; bottom:0px; z-index:-1;}

.newsbox:hover i{ width:auto; padding:0 50px 0 40px; text-indent:0; background:#edc74a; border:1px solid #edc74a; color:#222;}
.newsbox:hover i:after{left:auto; right:0;}



/*subpage style*/
.Str-banner{position:fixed; width:100%; height:60%; min-height:400px; background:#edc74a; z-index:0;}
.bg-about{background:url(images/bg_about.jpg) no-repeat center top; background-size:cover;}
.bg-news{background:url(images/bg_news.jpg) no-repeat center bottom; background-size:cover;}
.bg-contact{background:url(images/bg_contact.jpg) no-repeat center; background-size:cover;}
.bg-case{background:url(images/bg_case.jpg) no-repeat center; background-size:cover;}
.bg-digital{background:url(images/bg_digital.jpg) no-repeat center; background-size:cover;}
.bg-soft{background:url(images/bg_soft.jpg) no-repeat center top; background-size:cover;}
.bg-solution{background:url(images/bg_solution.jpg) no-repeat center top; background-size:cover;}


.Str-banner-txt{position:relative; width:100%; height:60%; min-height:400px; z-index:1;}

.sub-title-1{text-align:center; margin:0 0 60px; font-size:34px; color:#222; font-weight:600;}
.sub-title-1 span{display:block; font-size:24px; color:#666; font-weight:normal; margin-top:15px;}
.sub-title-1 a{display:inline-block;}
.sub-title-1.fwhite{color:#fff;}
.sub-title-1.fwhite span{color:#ccc;}

.page-nav{padding:40px 0 0;}
.page-nav ul li{position:relative;}

.navbox{display:block; text-align:center; margin:0 0 10px; }
.navbox img{display:block; width:70px; height:70px; margin:0 auto 10px; opacity:.6;}
.navbox span{font-size:14px; color:#999;}

.page-nav ul li.current .navbox img{opacity:1;}
.page-nav ul li.current .navbox span{font-weight:600; color:#222;}
.page-nav ul li.current:after{content:''; width:70px; height:3px; background:#222; position:absolute; left:50%; bottom:-1px; transform:translate(-50%,0);}

.case-list-style{margin-left:-5px; margin-right:-5px; }
.case-list-style li{position:relative; float:left; width:33.3333%; padding:0 5px; margin-bottom:25px;}
.case-list-style li a.casebox{position:relative; display:block; background:#fff; box-shadow: 2px 0px 5px rgba(0, 0, 0, .04); border-radius:3px; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.case-list-style li a.casebox:hover{-webkit-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-15px);  -ms-transform: translateY(-15px); transform: translateY(-15px);}
.case-list-style li a.casebox img{display:block; width:100%;  border-radius:3px 3px 0 0;}
.case-list-style li a.casebox .casetxt{position:relative; padding: 30px 20px;}
.case-list-style li a.casebox .casetxt:after{position:absolute; right:1%; top:50%; transform: translate(0, -50%); font-family: 'iconfont'; content: '\e609'; color:#999; font-size:18px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
.case-list-style li a.casebox h4 {margin: 0; font-size:18px; color:#222; text-align: left;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.case-list-style li a.casebox p{font-size:13px; color:#999; line-height:20px; }
.case-list-style li a.casebox p i{display:inline-block; width:20px; height:20px; text-align:center; font-size:20px; color:#999; vertical-align:middle; margin:0 4px;}



.about-txt{margin:0 0 40px; font-size:16px; color:#666; text-align:center;}
.about-txt p{margin:0 0 15px; text-align:justify; text-indent:40px; line-height:1.65;}
.comm-img img{display:block; width:100%;}

.solution-box{overflow:hidden; height:620px;}
.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/simgbg_1.jpg) no-repeat center; background-size:cover;}
.solution-box .solbox.sitem-2{background:url(images/simgbg_2.jpg) no-repeat center; background-size:cover;}
.solution-box .solbox.sitem-3{background:url(images/simgbg_3.jpg) no-repeat center; background-size:cover;}
.solution-box .solbox.sitem-4{background:url(images/simgbg_4.jpg) no-repeat center; background-size:cover;}

.solution-box .solbox.sitem-5{background:url(images/sol_bg_1.jpg) no-repeat center; background-size:cover;}
.solution-box .solbox.sitem-6{background:url(images/sol_bg_2.jpg) no-repeat center; background-size:cover;}
.solution-box .solbox.sitem-7{background:url(images/sol_bg_3.jpg) no-repeat center; background-size:cover;}
.solution-box .solbox.sitem-8{background:url(images/sol_bg_4.jpg) no-repeat center; background-size:cover;}

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

.smask{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6); transition: all 0.3s; z-index:1; display: flex; justify-content:center; align-items: center; text-align:center; }
.solution-name{width:80%;}
.solution-name h3{margin:0 0 10px; display:block; font-size:34px; font-weight:600; color:#fff;}
.solution-name p{font-size:24px; font-weight:600; color:#fff; }

.solution-box .solbox.active .smask{background:rgba(0,0,0,.2);}

.tech-dl{overflow:hidden; padding:5%; background:#fff; margin:0 0 20px;}
.tech-dl dt{float:left; width:20%; font-size:18px; font-weight:600; color:#222;}
.tech-dl dd{margin-left:20%; font-size:16px; line-height:1.8; color:#666;}

.contact-list{overflow:hidden;}
.contact-list li{float:left; width:33.3333%; padding:20px;}
.contact-infor{padding-left:80px;  position:relative; }
.contact-infor i{position:absolute; left:0; top:4%; font-size:24px; color:#222; width:60px; height:60px; background:#edc74a; text-align:center; line-height:60px; border-radius:100px; }
.contact-infor h4{margin:0 0 5px; font-size:16px; color:#222;}
.contact-infor p.fone{font-size:18px; color:#333; font-weight:600;}
.contact-infor p.ftwo{font-size:18px; color:#333; font-weight:600;}

.companMap{height:650px;}
#allmap{width:100%; height:100%;}

.newsbox{display:block;}
.newsbox em{display:block; width:100%; padding-top:60%; position:relative; overflow:hidden;}
.newsbox em img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;transition:all .3s; -webkit-transition:all .3s;-moz-transition:all .3s;}
.newsbox span{font-size:16px; color:#999; line-height:2; margin:10px 0; display:block;}
.newsbox h3{position:relative; font-size:18px; color:#222; line-height:24px; height:48px; overflow:hidden; margin:0 0 20px; transition:all .3s; -webkit-transition:all .3s;-moz-transition:all .3s;}
.newsbox p{font-size:14px; color:#999; transition:all .3s; -webkit-transition:all .3s;-moz-transition:all .3s;}
.newsbox p span{display:inline-block; position:relative; padding-right:18px; }
.newsbox p span:after{content: '\e606'; font-family: 'iconfont'; position:absolute; right:0; top:50%; transform: translate(0, -50%); text-indent:0px; font-size:14px; font-style:normal; transition: all 0.3s; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
.newsbox:hover img{transform:scale(1.2);}
.newsbox:hover p span{text-decoration:underline;color:#222;}
.newsbox:hover h3{color:#222;}

.case-link{display:block; margin:0 0 30px;}
.case-list{overflow:hidden;}
.case-list dt{float:left; width:50%; padding-top:30%; position:relative; overflow:hidden;}
.case-list dt img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; transition: all .3s ease-in-out;}
.case-list dd{margin-left:50%; padding-top:30%; background:#fff; position:relative;}
.case-list dd .case-txt{position:absolute; left:0; top:0; width:100%; height:100%; padding:5%;}
.case-list dd .case-txt h3{font-size:34px; color:#333;}
.case-list dd .case-txt p{margin:0 0 5%;font-size:14px; color:#888;}
.case-list dd .case-txt i.details{position:relative; display:inline-block; line-height:30px; padding:3px 30px; background:#edc74a; color:#222; font-size:14px; font-style:normal; transition: all .3s;}
.case-list dd .case-txt i.details:after{content: '\e606'; font-family: 'iconfont'; position:absolute; right:10px; top:50%; transform: translate(0, -50%); opacity:0; font-size:24px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; transition: all 0.3s; }
.case-list dd .case-txt i.details:hover{color:#fff;  padding-right:60px; padding-left:40px;}
.case-list dd .case-txt i.details:hover:after{right:12px;  opacity:1;}
.case-link:hover .case-list dt img{transform: scale(1.1);}


/*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:#edc74a;  color: #111 !important;}
.pagination a.current:hover {background-color:#edc74a;  color: #111 !important;text-decoration: none;}
.pagination a.Previous{border-radius:4px 0px 0px 4px;}
.pagination a.Next{border-radius:0px 4px 4px 0;}

/*产品页面*/
.page-title-1{text-align:center; margin:0 0 30px; font-size:34px; font-weight:600; color:#222;}
.page-title-1 span{display:block; font-size:44px; position:relative; z-index:10;}
.page-title-1 span:after{content:''; width:10%; height:7px; background:#ffbd3b; position:absolute; left:50%; bottom:10px; transform:translate(-50%,0); z-index:0;}

.page-title-2{margin:0 0 40px; font-size:34px; font-weight:600; color:#222; line-height:100px; padding-left:20px; background:url(images/tit_bg.png) no-repeat left center; background-size:100px;}

.item-mode{overflow:hidden;}
.item-mode .mode-img{float:left; width:50%;}
.item-mode .mode-img img{display:block; max-width:100%; margin:0 auto;}
.item-mode .mode-txt{margin-left:50%; height:100%; padding:6%; display: flex; justify-content:center; align-items: center; text-align:center;}

.item-mode-right{overflow:hidden;}
.item-mode-right .mode-img{float:right; width:50%;}
.item-mode-right .mode-img img{display:block; max-width:100%; margin:0 auto;}
.item-mode-right .mode-txt{float:left; width:50%; height:100%; padding:10%; display: flex; justify-content:center; align-items: center; text-align:center;}


.tt{ text-align:left; width:100%;}
.tt h3{font-size:30px; color:#222; position:relative; margin:0 0 30px;}
.tt h3:after{content:''; width:10%; height:10px; background:#ffbd3b; position:absolute; left:0;bottom:-2px; }
.tt p{font-size:16px; line-height:1.65; color:#666;}

.tt.centertt{text-align:center; }
.tt.centertt h3:after{content:''; width:10%; height:10px; background:#ffbd3b; position:absolute; left:50%;bottom:-2px;transform:translate(-50%,0); }

.tt2{ text-align:left; width:100%; }
.tt2 h3{font-size:30px; position:relative; margin:0 0 30px; padding-left:20px;}
.tt2 h3:after{content:''; width:5px; height:24px; background:#005eb8; position:absolute; left:0; top:12px; }
.tt2 p{font-size:16px; line-height:1.65; opacity:.7;}

.tt.centertt{text-align:center; }
.tt.centertt h3:after{content:''; width:10%; height:10px; background:#ffbd3b; position:absolute; left:50%;bottom:-2px;transform:translate(-50%,0); }

.tt2.centertt{text-align:center; margin:0 0 40px;}
.tt2.centertt h3:after{display:none;}

/*details article*/
.Str-single{position:relative; height:240px; background:url(images/bg_article.png) #ffbd3b no-repeat center bottom; background-size:cover;}
.Str-single .container{padding-top:100px;}
.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-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;}


.Str-pro{position:fixed; width:100%; height:60%; min-height:400px; background:#edc74a; z-index:0;}
.bg-pro{background-size:cover;}
.commWidgetPro{width:100%;}
.commPaddingPro{padding:80px 0;}
.bgWhitePro{background:#ffffff;}
.containerPro{position:relative; margin:0 auto; padding-left:40px; padding-right:40px; max-width:1680px;}
.list-style-four-pro{margin-left:-10px; margin-right:-10px; overflow:hidden;}
.list-style-four-pro li{position:relative; float:left; width:50%;height: 150px; padding:10px;}
.list-space-20-pro{margin-left:-20px; margin-right:-20px;}
.list-space-20-pro li{padding:20px;}

.clearfixPro {zoom: 1;}
.gboxPro-dl{overflow:hidden;}
.gboxPro-dl dt{float:left; width:20%; }
.gboxPro-dl dt img{display:block; width:100%; max-width:80px;}
.gboxPro-dl dd{margin-left:22%; padding:1% 0 0;}
.gboxPro-dl dd h3{font-size:20px; color:#222; margin:0 0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.gboxPro-dl dd p{font-size:14px; color:#888;line-height:1.5;}

.gboxPro-dl.dlWhite dt{float:none;margin:0 auto 2%; }
.gboxPro-dl.dlWhite dt img{margin:0 auto; }
.gboxPro-dl.dlWhite dd{margin-left:0; text-align:center; padding:0 10%;}
.gboxPro-dl.dlWhite h3{color:#fff;}
.gboxPro-dl.dlWhite p{color:rgba(255,255,255,.7);}

.profl{display: flex;justify-content:center;};

/*重置分享按钮*/
.share-box{font-size:14px; color:#999; padding:20px 0 0; text-align:center;}
#newBtn .bdsharebuttonbox{text-align:center;}
#newBtn .bdsharebuttonbox a{display:inline-block; margin:10px; width:40px; height:40px; float:none;}
#newBtn a.bds_weixin{background:url(images/share_weixin.png) no-repeat center; background-size:100%;}
#newBtn a.bds_tsina{background:url(images/share_wb.png) no-repeat center; background-size:100%;}
#newBtn a.bds_sqq{background:url(images/share_qq.png) no-repeat center; background-size:100%;}

#back-to-top{position:fixed; display:none; right:20px; bottom:16px;z-index:9999;}
#back-to-top a{display:block; width:40px; height:40px; background:#014099; text-align:center;text-decoration:none;-moz-transition:background 0.3s;-webkit-transition:background 0.3s;-o-transition:background 0.3s;}
#back-to-top a:hover{background:#005eb8;}
#back-to-top a span{display:block; width:40px; height:40px; background:url(images/arr_top.png) no-repeat center; background-size:28px; text-indent:-8888px; }