@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:#f5f5f5; 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:#63a82f; 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: #629d38;}
/*滚动条轨道*/
::-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:10px; width:50%;}
.list-style-two li.all-long{width:100%;}

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

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

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

.Str-header{position:fixed; left:0; top:0; padding:15px 0; 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;}
.Str-header h1 a.logo{display:block; margin:2px 0; width:106px; height:56px; text-indent:-8889px; background:url(images/logo_n.png) no-repeat center; background-size:106px 56px; -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: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 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;  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:#63a82f; background:#f2fcfa;}

.Str-header-scroll{padding:10px 0; 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:106px; height:56px; background:url(images/logo_n.png) no-repeat center; background-size:106px 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:#63a82f;}
.Str-header-scroll .Str-menu li.current a{color:#63a82f;}
.Str-header-scroll .Str-menu li.current a:after{}
.Str-header-scroll .Str-menu li ul.submenu{background:#63a82f;}
.Str-header-scroll .Str-menu li ul.submenu:before{ color:#63a82f;}
.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:#63a82f;}

.Str-header-scroll .lagBox a.top-icon{color:#222;}
.Str-header-scroll .lagBox a.top-icon:hover{color:#fff; background:#63a82f; 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:#63a82f; 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:#63a82f; text-align:center; line-height:.44rem; font-size:.16rem; color:#fff;}

.Str-footer{background:#63a82f; padding:40px 0 20px;}
.foot-logs{float:left; max-width:25%; margin-right:20px;}
.foot-logs a.flogo{margin:0 0 20px; display:block; width:106px; height:56px; background:url(images/logo_w.png) no-repeat; background-size:106px 56px;}
.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:right; max-width:75%;}
.foot-nav dl{float:left; color:#fff; margin-left:40px;}
.foot-nav dl dt{font-size:14px; color:#fff; font-weight:600; margin:0 0 10px;}
.foot-nav dl dd{padding:3px 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{text-decoration:underline;}
.foot-wx{clear:both; width:100%; padding-top:20px; overflow:hidden;}
.foot-wx dl{float:left; color:#fff; padding-right:40px;}
.foot-wx dl dt{font-size:14px; color:#fff; font-weight:600; margin:0 0 10px;}
.foot-wx dl dd img{display:block; width:120px; height:120px; }
.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:#63a82f; 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%;}

.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%;}
.video-screen video{position: absolute; right:0; bottom:0; min-width: 100%;  min-height: 100%; background-size:cover;  overflow:hidden;}

.gradient-overlay {position: absolute; z-index: 0; width: 100%; height: 100%; top: 0; background: rgba(0,95,184,1);
    background: -moz-linear-gradient(left,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(0,95,184,1)),color-stop(40%,rgba(0,95,184,0.57)),color-stop(80%,rgba(0,95,184,0)));
    background: -webkit-linear-gradient(left,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    background: -o-linear-gradient(left,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    background: -ms-linear-gradient(left,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    background: linear-gradient(to right,rgba(0,95,184,1) 0%,rgba(0,95,184,0.57) 40%,rgba(0,95,184,0) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005fb8',endColorstr='#005fb8',GradientType=1);
}
.home-gradient-overlay{background: linear-gradient(to bottom,rgba(0,0,0,.6) 5%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.0) 100%);}
.home-gradient-overlay2{background: linear-gradient(to bottom,rgba(1,64,153,.8) 5%,rgba(1,64,153,0.6) 60%,rgba(1,64,153,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; }
.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: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:#13aa1e;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; 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 80px;}
.home-title-1 h2{font-size:70px; color:#eee; line-height:1;}
.home-title-1 h3{position:absolute; top:40px; font-size:30px; color:#222; line-height:1.2; width:100%;}
.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:24px; font-weight:600; font-style:normal;}
.home-title-1 h3 span i.break{display:inline-block; vertical-align:top; margin:3px 15px; width:1px; height:14px; 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;}

.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:#63a82f;}
.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:#63a82f;}

.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:#222; 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:#63a82f}
.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:#63a82f; color:#fff; padding:5px 40px 5px 20px; border-radius:100px; }
.home-link:hover:after{color:#fff; right:10px;}

.Str-company{background:url(images/company_bg.jpg) no-repeat center; background-size:cover;}
.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; }
.gujia{margin:0 0 25px;}
.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; }

.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; overflow:hidden;}

.newsbox:hover dl{background:#63a82f; 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:#63a82f; 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:#63a82f;}
.topnews:hover .newscon:after{width:100%;}
.topnews:hover .newsimg img{transform:scale(1.2);}
.topnews:hover .newscon i.details{color:#63a82f; 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:15%;}
.show-bantxt h2{font-size:50px; font-weight:normal; color:#fff; margin:0; line-height:1.5; }
.show-bantxt h3{font-size:18px; font-weight:normal; color:#fff; }
.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:#63a82f;}
.left-menu-ul li a:before{position:absolute; left:-2px; top:0; content:""; width:3px; height:0%; background:#63a82f; 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:#63a82f; 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:#63a82f; -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:#63a82f; 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:#63a82f; 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:#63a82f;}

.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:#63a82f;}
.cnewsBox:hover .cnews-txt i{background:#63a82f; 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:#63a82f;}

.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 #63a82f;}

.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:#63a82f; border-bottom:3px solid #63a82f;}

.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:#63a82f; 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:#63a82f; 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:#63a82f;}
.pro-list-box:hover img{transform: scale(1.1);}
.pro-list-box:hover i{color:#63a82f;  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:#63a82f;  color: #fff !important;}
.pagination a.current:hover {background-color:#63a82f;  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:240px; background:url(images/bg_article.jpg) 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-str{width:90%; margin:0 auto;}
.article-main{float:left; width:70%; margin-top:-90px; 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;}