@charset "utf-8";
@font-face {
  font-family: 'en';
  src: url("../fonts/MONTSERRAT-BOLD.OTF");
}
@font-face {
  font-family: 'num';
  src: url("../fonts/Swiss721BT-Heavy.otf");
}
@font-face {
  font-family: 'num2';
  src: url("../fonts/BAHNSCHRIFT.TTF");
}
@font-face {
  font-family: 'num3';
  src: url("../fonts/Knockout-HTF69-FullLiteweight.otf");
}
/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#cacaca}
::-webkit-scrollbar-thumb:vertical{background-color:#da251d;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#fff500}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
.clear { clear:both}
.clearfix { *zoom:1;}
.clearfix:after{clear:both; display:block; height:0; visibility:hidden; line-height:0; content:'\20';}
body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0;}
html { overflow-x:hidden; -webkit-text-size-adjust:none;}
ul{-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;}
img{ border:0;max-width: 100%}
html,body {margin:0;padding:0;font-family:Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;font-weight:400;-webkit-font-smoothing:antialiased; line-height:1;    font-size: 14px;}
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
.fl{ float: left}
.fr{ float: right}
img {vertical-align: top;}
a {color: #333333;-webkit-transition: all ease .4s;transition: all ease .4s;text-decoration: none;}
a:hover {color: #e31e1e ;-webkit-transition: all ease .4s;transition: all ease .4s;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font22{ font-size:20px;}
.font24{ font-size:24px;}
.font28{ font-size:28px;}
.font30{ font-size:20px;}
.font36{ font-size:36px;}
.font40{ font-size:40px;}
.font54{ font-size:54px;}
.font60{ font-size:50px;font-weight: bold;}
.font70{ font-size:70px;}
.font100{ font-size:70px;}
.color333333{ color:#333;}
.color666666{ color:#666666;}
.color777777{ color:#777777;}
.color2f82ff{ color:#e31e1e;}
.colorffffff{ color:#ffffff;}
.colorffd925{ color:#ffd925;}
.container_content{ max-width: 80%; margin:0px auto}
.h-f {height: 100%;}
.w-f {width: 100%;}
img {border: 0;vertical-align: middle;-ms-interpolation-mode: bicubic;}
.header{ position:fixed; left:0; top:0px; width:100%; z-index:201;background: rgba(0,0,0,0.8);box-shadow: 0 1px 4px 0 rgb(0,0,0,.1);backdrop-filter: blur(8px);}
.header .container_content { max-width:90%}
.header .logo{ float:left; background:url(../images/logo.png) center center no-repeat; width:276px; height:51px; background-size:cover;margin-top:16px;}
.header .nav{ float:right; }
.header .nav > ul{}
.header .nav > ul > li{ position:relative; display:inline-block; }
.header .nav > ul > li .yiji{ position:relative; z-index:10000}
.header .nav > ul > li .yiji a{ color:#FFF;padding:32px 40px;display:inline-block; }
.header .nav > ul > li .yiji a span.znq {position: absolute;right: -12px;top:18px;width: 33px;height:13px;background: url(../images/news_btn.png);animation: bounceUpDown .5s infinite;}
@keyframes bounceUpDown {0% {transform: translate(0px, 0px);}
50% {transform: translate(0px, -3px);}
100% {transform: translate(0px, 0px);}}
.header .nav > ul > li .yiji a:hover,.header.fixed .nav > ul > li .yiji a:hover{ color:#e60012}
.header .nav > ul > li .nav_simpline_cur{ position:absolute; right:0px; top:50%; margin-top:-8px; display: inline-block; background:url(../images/xiala.svg) center center no-repeat; width:16px; height:16px; background-size:cover;}
.header .nav > ul > li .submenu{position: absolute;top:0px; left: 50%; z-index:2; width:140px;margin-left: -70px; display:none;}
.header .nav > ul > li .submenu ul{ padding-top:80px;}
.header .nav > ul > li .submenu ul li{background: #fff; text-align:center; border-bottom:#eee 1px solid;}
.header .nav > ul > li .submenu ul li a{ display:inline-block; padding:15px;}
.header.fixed{box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);top:0}
.header.fixed .logo{background:url(../images/logo_write.svg) center center no-repeat; width:150px; height:51px;background-size:cover;}
.header.fixed .nav > ul > li .yiji a{ color:#999;}
.header.fixed .nav > ul > li .nav_simpline_cur{position:absolute; right:0px; top:50%; margin-top:-8px; display: inline-block; background:url(../images/xiala2.svg) center center no-repeat; width:16px; height:16px; background-size:cover;}
.header .menu-toggle { display:none;}
.body_01 .header.fixed .nav > ul > li.nav_01 .yiji a{ color:#ffffff;}
.body_02 .header.fixed .nav > ul > li.nav_02 .yiji a{ color:#ffffff;}
.body_03 .header.fixed .nav > ul > li.nav_03 .yiji a{ color:#ffffff;}
.body_04 .header.fixed .nav > ul > li.nav_04 .yiji a{ color:#ffffff;}
.body_05 .header.fixed .nav > ul > li.nav_05 .yiji a{ color:#ffffff;}
.body_06 .header.fixed .nav > ul > li.nav_06 .yiji a{ color:#ffffff;}
.body_07 .header.fixed .nav > ul > li.nav_07 .yiji a{ color:#ffffff;}
.body_08 .header.fixed .nav > ul > li.nav_08 .yiji a{ color:#ffffff;}
.header_left { position:fixed; left:0; top:0; height:110px; width:16.5%; z-index:999; overflow:hidden;}
.header_left.hides{ display:none}
.header_left .header_logo{ background:#FFF;width: 65%;margin-left: 35%;height: 110px;display: block;}
.icon{color: #de5350;}
.header_logo {text-align: center}
.header_logo img{ margin: 0px auto;width: 90%;height: 100%; max-width: 90%;display: inline-block;vertical-align: middle;}
.boxshadow{box-shadow: 1px 1px 1px rgba(0,0,0,.1);-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);}
.dtable {display: table;width: 100%;height: 100%;}
.dtable-cell {display: table-cell;vertical-align: middle;}main{display: block; position: relative; z-index: 2; -webkit-overflow-scrolling: touch; padding: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.7s; -moz-transition: -moz-transform 0.7s; transition: transform 0.7s; -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99); -moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99); transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);}
.navigation-is-open main{-webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);}
.cdnav {width: 35%;height: 100%;position: absolute;left:0; top: 0px;z-index: 3;overflow: hidden;background: #000000;}
.cd-nav{position: fixed; z-index: 499; top: 0; left: 0; height: 100%; width: 100%; background-color: #1c1c1c; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s;}
.cd-nav .cd-navigation-wrapper{ padding: 0px 0 0px 16.5%;height: 100%; overflow: hidden;}
.navigation-is-open .cd-nav{visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.navigation-is-open .cd-nav .cd-navigation-wrapper{}
.cd-nav h2{position: relative; margin-bottom: 1.5em; font-size: 1.3rem; font-weight: 800; color: #fff; text-transform: uppercase;}
.cd-nav h2::after{content: ''; position: absolute; left: 0; bottom: -20px; height: 1px; width: 60px; background-color: currentColor;}
.cd-nav .cd-primary-nav * {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.cd-nav .cd-primary-nav{margin-top: 60px;}
.cd-nav .cd-primary-nav li{margin: 3em 0;}
.cd-nav .cd-primary-nav a{font-size: 340px;color: #666;display: inline-block;font-family: 'Montserrat-Bold';}
.cd-nav .cd-primary-nav a:hover{color: #fff;}
.cd-nav .cd-primary-nav a h1{font-size: 340px;color: #666;}
.cd-nav .cd-primary-nav a h3{ margin-left:-300px;}
.cd-nav .cd-primary-nav a:hover h1{color: #fff;}
.cd-nav .cd-primary-nav a:hover h3{color: #666;margin-left:0px;}
.cd-nav .cd-primary-nav a.selected{color: #ffffff;}
.cd-nav .cd-contact-info{ position:absolute; width:14%; background:#000; top:0; right:0; height:100%; padding:12% 3% 0 4%; z-index:9;}
.cd-nav .cd-contact-info li{margin-bottom: 2em; line-height: 1.2; color:#666;}
.cd-nav .cd-contact-info li:nth-child(2){margin-bottom: 15px;}
.cd-nav .cd-contact-info li:nth-child(3){margin-bottom: 3px;line-height: 24px;}
.cd-nav .cd-contact-info li:nth-child(5) {margin-top: 30px;}
.cd-nav .cd-contact-info li:nth-child(5) h6{color: #464646;}
.cd-nav .cd-contact-info li h1 {font-size: 16px;text-transform: uppercase;position: relative;padding-bottom:20px;margin-bottom: 20px;}
.cd-nav .cd-contact-info li h1::after {content: '';width: 40px;height: 1px;background: #fff;position: absolute;left: 0;bottom: 0;opacity: .3;}
.cd-nav .cd-contact-info a{}
.cd-nav .cd-contact-info a:hover{color: #fff;}
.cd-nav .cd-contact-info span{display: block; font-size:12px;line-height: 24px;}
.cd-nav .cd-contact-info li h3{font-size: 140px;color: #ffffff;}
.cd-nav .cd-contact-info li h6{color: #555;}
.cd-half-block {position: relative;z-index: 3;margin-top: 50px;overflow: hidden;padding-bottom: 10px;}
.navigation-is-open .cd-nav li{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
.navigation-is-open .cd-nav li.dnav1 {-webkit-animation-duration:.7s;animation-duration:.7s;}
.navigation-is-open .cd-nav li.dnav2 {-webkit-animation-duration:.8s;animation-duration:.8s;}
.navigation-is-open .cd-nav li.dnav3 {-webkit-animation-duration:.9s;animation-duration:.9s;}
.navigation-is-open .cd-nav li.dnav4 {-webkit-animation-duration:1.0s;animation-duration:1.0s;}
.navigation-is-open .cd-nav li.dnav5 {-webkit-animation-duration:1.1s;animation-duration:1.1s;}
.menu-toggle,.cd-nav-trigger {width: 100%;height: 100%;display: block;}
.menu-toggle span.hamburger,.menu-toggle span.hamburger:after,.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger,.menu-toggle span.hamburger:after,.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.navigation-is-open .menu-toggle span.hamburger,.navigation-is-open .menu-toggle span.hamburger:after,.navigation-is-open .menu-toggle span.hamburger:before {transition-delay:0.12s;-webkit-transform:translateX(-70px);-moz-transform:translateX(-70px);-ms-transform:translateX(-70px);-o-transform:translateX(-70px);transform:translateX(-70px);}
.navigation-is-open .menu-toggle span.hamburger,.navigation-is-open .menu-toggle span.hamburger:after,.navigation-is-open .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}
.navigation-is-open .menu-toggle span.hamburger:after {transition-delay:0s;}
.navigation-is-open .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.menu-toggle span.cross:before,.menu-toggle span.cross:after {content:"";display:block;width:24px;height:3px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.navigation-is-open .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.navigation-is-open .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
.h_contact{ clear:both;background: #150e0e;overflow: hidden;}
.h_contact .wrap { width:80%; margin:0 auto; overflow:hidden;}
.h_contact .box1 a { color:#999999}
.h_contact .box3 a { color:#666666; padding:0 20px 0 0}
.h_contact .box1 { height:40px; line-height:40px; padding:5% 0; color:#999999;}
.h_contact .box1 .L { width:80%; height:100%; float:left; font-size:18px;}
.h_contact .box1 .R { width:20%; height:100%; float:right; text-align:right;}
.h_contact .box1 .L span {background: url(../images/pic119.jpg) no-repeat right center; padding-right:18px; display:inline-block; margin-right:12px}
.h_contact .box1 .L span.m0 { background:none}
.h_contact .box2 { clear:both; height: auto; padding:4.5% 0; padding-bottom:3.5%; border-bottom:1px solid #443e3e; overflow:hidden;}
.h_contact .box2 .d { float:left; overflow:hidden}
.h_contact .box2 .d p.p1 { font-size:20px; color:#fff; margin-bottom:32px;}
.h_contact .box2 .d1 { width:50%;}
.h_contact .box2 .d3 { width:25%;}
.h_contact .box2 .d4 { width:25%;}
.h_contact .box2 .d1 p.p1 { margin-bottom:27px;}
.h_contact .box2 .d1 p.p2 { font-size:14px; color:#808080; margin-bottom:6px; line-height:26px;}
.h_contact .box2 .d1 p.p2 span {font-size: 24px; font-weight:bold; color:#fff;}
.h_contact .box2 .d1 p.p2 span a{font-size: 24px; font-weight:bold; color:#fff;}
.h_contact .box2 .d1 p.p3 { width:120px; height:36px; line-height:36px; text-align:center; color:#fff;background: url(../images/pic20.png) no-repeat 20px center; margin-top:20px; padding-left:22px; box-sizing:border-box; border:1px solid #4d4848; cursor:pointer;}
.h_contact .box2 .d1 p.p3 a { color:#ffffff;}
.h_contact .box2 .d1 p.p3:hover a{ color:#e1272e;}
.h_contact .box2 .d3 p.p2 img { width:112px; height:auto; display:block;}
.h_contact .box2 .d4 p.p2 {width: auto; height:auto; line-height:1; text-align:left; color:#808080; box-sizing:border-box; margin-bottom:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ftgh{background:#e1272e url(../images/img30.png) no-repeat 17px center!important;background-size: 25px!important;}
.h_contact .box2 .d4 p.p2 a { color:#808080;}
.h_contact .box2 .d4 p.p2 a span{ font-size:10px}
.h_contact .box2 .d4 p.p2 a:hover{color:#ffffff;}
.h_contact .box3 { clear:both; color:#666666; font-size:13px; line-height:26px; height: auto; padding:2.5% 0;}
.h_contact .box2 .d3 p.p1 { color:#9a9898;    font-family: "family_DIN2";}
.h_contact .box2 .d4 p.p1 { color:#9a9898;    font-family: "family_DIN2";}
.h_contact a:hover { color:#e1272e}
@media only screen and (max-width: 1440px){
.h_contact .wrap { width:1250px;}
.h_contact .box1 { padding:4% 0;}
.h_contact .box1 .L { font-size:16px;}
}
@media only screen and (max-width: 1280px){
.h_contact .wrap { width:1150px;}
}
.h_contact .box2 .dh-qh {}
.h_contact .box2 .dh-qh .bd .thd { width:20%; float:left;}
.h_contact .box2 .dh-qh .bd .thd ul li { font-size:20px; color:#666666; cursor:pointer; height:1; line-height:1; margin-bottom:25px;font-family: "family_DIN2";-webkit-transition: all ease .4s;transition: all ease .4s;}
.h_contact .box2 .dh-qh .bd .thd ul li:hover{ color:#FFF;-webkit-transition: all ease .4s;transition: all ease .4s;}
.h_contact .box2 .dh-qh .bd .thd ul li.on { color:#fff;}
.h_contact .box2 .dh-qh .bd .tbd { width:80%; float:left;}

/*网站地图*/
.sitemap-wrapper {padding:0;font-size: 24px; color: #000;}
.sitemap-wrapper .weblg {background-color: #fff}
.sitemap-wrapper .title {padding: 40px 40px 20px}
.mapitem {position: relative;margin-bottom: 20px;border: 1px solid #ddd;padding: 15px 10px 10px;font-size: 0}
.mapitem a:hover {color: #e60012}
.mapitem .one {position: absolute;left: 10px;top: -19px;padding: 5px;background: #fff;color: #e60012;font-size: 16px;font-weight: bold}
.mapitem .two {display: inline-block;vertical-align: top;*display: inline;*zoom: 1;width: 32%;font-size: 16px;line-height: 36px;padding-left: 5px; height: 36px; overflow: hidden;}
.mapitem .two dt:before {content: '';display: inline-block;vertical-align: top;*display: inline;*zoom: 1;width: 4px;height: 4px;margin-top: 14px;background: #e60012;margin-right: 5px}
.mapitem .two dd {padding-bottom: 5px}
.mapitem .thr a {display: block;font-size: 13px;line-height: 30px;padding-left: 12px}
@media(max-width: 768px){
.sitemap-wrapper {padding: 20px 0 20px}
.sitemap-wrapper .title {padding: 30px 0 15px}
.sitemap {padding: 20px 0 10px}
.mapitem .two {width: 48.5%}
}
.ask{position: fixed;right:0%;top:65%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 999;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;-webkit-transition: right .9s ease;-o-transition: right .9s ease;transition: right .9s ease;}
.ask.showsd{ right:0}
.m-ask{ display:none;}#xianshi{ right:0}
.ask .phone {width: 60px;clear: both;float: right;overflow: hidden;cursor: pointer;text-align: center;transition: all 0.3s;-webkit-transition: all 0.3s;border-radius: 5px 0 0 5px;background: #b2b2b2;background: linear-gradient(145deg,#8f8f8f,#b2b2b2);}
.ask .phone .subTel {width: 220px;}
.ask .phone .subTel .txt {height:60px; padding-top:10px;width: 60px;float: left;display: block; color:#FFF}
.ask .phone .subTel .txt span{ display:block; line-height:1;    font-size: 12px;}
.ask .phone .subTel .num {width:160px;display: block;float: left;color: #ffffff;font-weight: bold;line-height: 60px;text-align:center;}
.ask .phone .subTel .num a{ color:#FFF; font-size:18px;}
.ask .phone:hover{ width:220px; background:#e60012;background: linear-gradient(145deg,#e60012,#e60012);}
.ask .QQ {width: 60px;clear: both;float: right;overflow: hidden;cursor: pointer;text-align: center;transition: all 0.3s;-webkit-transition: all 0.3s;border-radius: 5px 0 0 5px;background: #b2b2b2;background: linear-gradient(145deg,#8f8f8f,#b2b2b2);}
.ask .QQ .subTel {width: 220px;}
.ask .QQ .subTel .txt {height:60px; padding-top:10px;width: 60px;float: left;display: block; color:#FFF}
.ask .QQ .subTel .txt span{ display:block; line-height:1;    font-size: 12px;}
.ask .QQ .subTel .num {width:160px;display: block;float: left;color: #ffffff;font-weight: bold;line-height: 60px;text-align:center;}
.ask .QQ .subTel .num a{ color:#FFF; font-size:13px;}
.ask .QQ .subTel .num a img{ height:18px}
.ask .QQ:hover{ width:220px; background:#e60012;background: linear-gradient(145deg,#e60012,#e60012);}
.ask .item {margin-bottom: 1px;float: right;clear: both;}
.ask .item>a{display: block;height: 60px;}
.ask .item>a .left{float: left;padding-top: 10px;padding-bottom: 4px;width: 60px;height: 60px;background: #b2b2b2;background: linear-gradient(145deg,#8f8f8f,#b2b2b2);color: #fff;border-radius: 4px 0 0 4px;overflow: hidden;text-align: center;}
.ask .item>a:hover .left{ background:#e60012;background: linear-gradient(145deg,#e60012,#e60012);}
.ask .item>a .left p:first-child{font-size: 22px;}
.ask .item>a .left p:last-child{font-size: 12px;line-height: 16px;}
@media all and (min-width: 0px) and (max-width:1000px) {
#online_mobile { display:none;opacity:0;    top: -150%;}
.container_content {max-width: 90%;margin: 0px auto;}
.body_01 .header .nav > ul > li.nav_01 .yiji a{ color:#ffffff;}
.body_02 .header .nav > ul > li.nav_02 .yiji a{ color:#ffffff;}
.body_03 .header .nav > ul > li.nav_03 .yiji a{ color:#ffffff;}
.body_04 .header .nav > ul > li.nav_04 .yiji a{ color:#ffffff;}
.body_05 .header .nav > ul > li.nav_05 .yiji a{ color:#ffffff;}
.body_06 .header .nav > ul > li.nav_06 .yiji a{ color:#ffffff;}
.header.fixed .nav > ul > li .yiji a{ color:#FFF}body { font-size:0.9rem;}
.font16{ font-size:0.95rem;}
.font18{ font-size:1rem;}
.font20{ font-size:15px;}
.font22{ font-size:1.1rem;}
.font24{ font-size:1.1rem;}
.font28{ font-size:1.2rem;}
.font30{ font-size:1.3rem;}
.font36{ font-size:1.5rem;}
.font40{ font-size:1.8rem;}
.font54{ font-size:2.3rem;}
.font60{ font-size:24px;}
.font100{ font-size:3rem;}
.header{ background-color:#000000;border: 1px solid rgba(0, 0, 0, 0);box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);}
.header .logo,.header.fixed .logo{background:url(../images/logo.png) center center no-repeat;width:162px;height: 30px;background-size: cover;margin-top: 11px;margin-bottom: 10px;}
.header .nav > ul > li{ display:block;}
.header .nav > ul > li .yiji a,.header.fixed .nav > ul > li .yiji a{ color:#ffffff; display:block; border-bottom:#5a5a5a 1px solid; padding:1.5rem 0; margin:0 5%; font-size:1rem}
.header .nav > ul > li .nav_simpline_cur,.header.fixed .nav > ul > li .nav_simpline_cur{position:absolute; right:5%; top:160px; margin-top:0; display: inline-block; background:url(../images/xiala.svg) center center no-repeat; width:16px; height:16px; background-size:cover; z-index:10000}
.header .nav > ul > li .submenu {position: inherit;top: inherit;left: inherit;z-index: 2;width: auto;margin-left: 0;display: none; margin:0 5%;}
.header .nav > ul > li .submenu ul{ padding-top:0}
.header .menu-toggle {position: absolute;right:5%;width: 25px;height: 18px;display: inline-block;top: 50%;margin-top: -9px;z-index: 10;}
.header .menu-toggle .hamburger {width: 100%;height: 100%;position: relative;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);cursor: pointer;}
.header .menu-toggle .hamburger span {display: block;position: absolute;height: 2px;width: 100%;background: #ffffff;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
.header .menu-toggle .hamburger span:first-child {top: 0;}
.header .menu-toggle .hamburger span:nth-child(2), .header .menu-toggle .hamburger span:nth-child(3) {top: 8px;}
.header .menu-toggle .hamburger span:nth-child(1){ width:60%;}
.header .menu-toggle .hamburger span:nth-child(4){ width:80%;}
.header .menu-toggle .hamburger span:nth-child(4) {top: 16px;}
.header .menu-toggle .hamburger.open span:first-child {top: 18px;width: 0;left: 50%;}
.header .menu-toggle .hamburger.open span:nth-child(2) {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.header .menu-toggle .hamburger.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.header .menu-toggle .hamburger.open span:nth-child(4) {top: 18px;width: 0;left: 50%;}
.header  .hamburger span {-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;-o-transition: transform .3s ease;transition: transform .3s ease;transition: transform .3s ease,-webkit-transform .3s ease;}
.header .nav{right: -100%;width: 100%;top:52px;height: auto;background: hsla(0,0%,100%,.8);position: fixed;overflow: auto;-webkit-transition: right .9s ease;-o-transition: right .9s ease;transition: right .9s ease;background: #333;}
.header .nav.open_nav{right: 0;}footer .footer-link{ padding-top:2rem; padding-bottom:2rem; display:block}footer .footer-link .links,footer .about-us{ display:block; width:100%; padding-left:0; }footer .link-item{ width:43%; vertical-align:top; display:inline-block;    min-height: 10rem;padding-right:6%} footer .about-us .link-item{}footer .about-us{ padding-top:1rem}
.ask{ display:none}#xianshi{ display:none}}@media (max-width: 780px)	{.ask{ display:none;filter:alpha(opacity=0);   -moz-opacity:0;   -khtml-opacity: 0;   opacity: 0; }
.m-ask {display: block;}
.m-ask {position: fixed;left: 0;bottom: 0%;z-index: 50;width: 100%;height: 57px;background: #e31e1e;background-color: rgba(227,30,30,0.85);}
.m-ask li {position: relative;width: 33.3%;height: 57px;line-height: 27px;color: #fff;float: left;text-align: center;}
.m-ask li.hover {overflow: hidden;}
.m-ask li a {display: inline-block;color: #fff;font-size: 12px;}
.m-ask li a.tit {width: 77px;height: 27px;padding: 30px 0 0 0;color: #fff;}
.m-ask li.fi a {background: url(../images/foot01.png)  center 15% no-repeat;    background-size: 35% auto;}
.m-ask li.th a {background: url(../images/foot02.png) center 10% no-repeat;    background-size: 40% auto;}
.m-ask li.fif a {background: url(../images/89e286f.svg) center 10% no-repeat;    background-size: 40% auto;}
.h_contact .wrap {width: 90%;}
.h_contact .box2 .d1 {width: 100%;}
.h_contact .box2 .d {float: none;}
.h_contact .box2 .d3 {width: 100%;}
.h_contact .box2 .d4 {width: 100%;display: none;}
.h_contact .box2 .dh-qh .bd .thd {width: 34%;}
.h_contact .box2 .dh-qh .bd .tbd {width: 100%;}
.h_contact .box2{ padding:3rem 0; padding-bottom:1rem}
.h_contact .box2 .dh-qh .bd{border-bottom: #443e3e 1px solid; padding-bottom:2rem; margin-bottom:2rem}
.h_contact .box2 .d3{border-bottom: #443e3e 1px solid; padding-bottom:2rem; margin-bottom:2rem;display: none;}
.h_contact .box2 .d p.p1 {font-size: 20px;}
.h_contact .box2 .d1 p.p2 {font-size: 0.9rem;}
.h_contact .box2 .dh-qh .bd .thd ul li {font-size: 1.2rem;}
.header .nav > ul > li .yiji a span.znq{ right:inherit; left:100px;}
}
/*联系我们样式*/
.contact-iBan {width:100%; position:relative}
.mengcheng {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 95, 116, .6)), to(rgba(23, 9, 49, .6)));background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 95, 116, .6)), to(rgba(23, 9, 49, .6)));background: -webkit-linear-gradient(left, rgba(30, 95, 116, .6), rgba(23, 9, 49, .6));background: -moz-linear-gradient(left, rgba(30, 95, 116, .6) 0%, rgba(23, 9, 49, .6) 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 95, 116, .6)), to(rgba(23, 9, 49, .6))));background: -webkit-linear-gradient(left, rgba(30, 95, 116, .6) 0%, rgba(23, 9, 49, .6) 100%);background: -o-linear-gradient(left, rgba(30, 95, 116, .6) 0%, rgba(23, 9, 49, .6) 100%);background: -ms-linear-gradient(left, rgba(30, 95, 116, .6) 0%, rgba(23, 9, 49, .6) 100%);background: linear-gradient(to right, rgba(30, 95, 116, .6) 0%, rgba(23, 9, 49, .6) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(30,95,116,.6)', endColorstr='rgba(23,9,49,.6)', GradientType=1 );}
.iBanner img { clear:both; display:block; width:100%; height:auto;-webkit-animation: scaleBigToDefault 1.5s ease-in-out;animation: scaleBigToDefault 1.5s ease-in-out;}
@-webkit-keyframes scaleBigToDefault {0% { opacity:0; -webkit-transform:scale3d(1.3,1.3,1.3); transform:scale3d(1.3,1.3,1.3)} 100% {opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)} 
}
@keyframes scaleBigToDefault {0% {opacity:0; -webkit-transform:scale3d(1.3,1.3,1.3); transform:scale3d(1.3,1.3,1.3)} 100% {opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)} }
.contact_banner{ position:absolute ; left:10%; top:50%; text-align:left; color:#FFF; margin-top:-230px; z-index:1}
.contact_banner .con_cn{ display:block; margin-bottom:20px; font-weight:bold}
.contact_banner .con_en{ display:block; margin-bottom:80px;font-family: "num2";}
.contact_banner .con_en span{ position:relative;}
.contact_banner .con_en span::before {position: absolute;left: 0%;bottom: -15px;content: "";display: block;width:45px;height:4px;background-color: #ffffff;transition: all .5s ease;}
.contact_banner .zonbu{display:block; margin-bottom:20px;}
.contact_banner  ul{}
.contact_banner  ul LI{ padding:15px 0;}
.contact_banner a{ color:#FFF}
.map_show {display: block;width: 43px;height: 43px;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.4);cursor: pointer;margin-top:30px;position: relative;overflow: hidden;transition: all 0.3s ease 0s;}
.map_show .bg {display: block;width: 0;height: 0;left: 50%;top: 50%;transition: all 0.3s ease 0s;position: absolute;border-radius: 50%;overflow: hidden;}
.map_show i {display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background: url(../images/wz_write.svg) no-repeat center;transition: all 0.3s ease 0s;}
.map_show {transition: transform 0.3s ease 0.6s, opacity 0.3s ease 0.6s, background 0.3s ease 0s, border 0.3s ease 0s;}
.map_show:hover {opacity: 1;filter: alpha(opacity=100);transform: translateY(0);}
.map_show:hover i {background: url(../images/wz_black.svg) no-repeat center;}
.map_show:hover .bg{display: block;width:46px;height:46px;left:-1px;top:-1px; background-color:#FFF}
.map_show:hover{border: 1px solid rgba(255, 255, 255, 0);}
.Branch_office{}
.Branch_office ul{ text-align:left;border-right:#e7e7e7 1px  solid;}
.Branch_office ul>li{ display:inline-block; width:22%; border-left:#e7e7e7 1px  solid; padding-left:5%; padding-right:5%; padding-top:80px; padding-bottom:80px; }
.Branch_office ul>li .con_cn{ display:block; margin-bottom:20px; font-weight:bold;  display:none}
.Branch_office ul>li .con_en{ display:block; margin-bottom:80px;font-family: "num2";}
.Branch_office ul>li .con_en span{ position:relative;}
.Branch_office ul>li .con_en span::before {position: absolute;left: 0%;bottom: -15px;content: "";display: block;width:30px;height:3px;background-color:#e31e1e;transition: all .5s ease;}
.Branch_office ul>li .zonbu{display:block; margin-bottom:20px;}
.Branch_office ul>li  ul{ padding:0; border:0}
.Branch_office ul>li  ul LI{ display:block; padding:15px 0; border:0; width:100%;line-height: 200%;}
.map_show2 {display: block;width: 43px;height: 43px;border-radius: 50%;border: 1px solid rgba(000000, 000000, 000000, 0.2);cursor: pointer;margin-top:30px;position: relative;overflow: hidden;transition: all 0.3s ease 0s;}
.map_show2 .bg {display: block;width: 0;height: 0;left: 50%;top: 50%;transition: all 0.3s ease 0s;position: absolute;border-radius: 50%;overflow: hidden;}
.map_show2 i {display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background: url(../images/wz_black.svg) no-repeat center;transition: all 0.3s ease 0s;}
.map_show2 {transition: transform 0.3s ease 0.6s, opacity 0.3s ease 0.6s, background 0.3s ease 0s, border 0.3s ease 0s;}
.map_show2:hover {opacity: 1;filter: alpha(opacity=100);transform: translateY(0);}
.map_show2:hover i {background: url(../images/wz_write.svg) no-repeat center;}
.map_show2:hover .bg{display: block;width:46px;height:46px;left:-1px;top:-1px; background-color:#000000}
.map_show2:hover{border: 1px solid rgba(255, 255, 255, 0);}
.full-arrive {padding: 72px 0 0;background-color: #f5f5f5;}
.arrive-info {padding-bottom: 68px;}
.arrive-lf {float: left;padding: 5px 38px 0 95px;background: url(../images/arrico.png) no-repeat 0 0; margin-left:5%; display:inline}
.arrive-lf .arr-title{margin-bottom:31-px;color:#2f82ff}
.arrive-lf .arr-title h3{line-height:30px;font-weight:bold}
.arrive-lf .arr-title h4{line-height:60px; margin-bottom:20px;text-transform:uppercase;font-family: "num2";}
.arrive-lf .addr{line-height:200%;color:#1a1a1a}
.arrive-lf .addr span{font-weight:bold}
.arrive-rg{overflow:hidden;padding-left:64px;border-left:1px solid #e7e7e7;font-size:16px;line-height:30px}
.arrive-rg .tag{font-weight:bold}
.contact-feedback{padding:100px 0;background: url(../images/jiameng_back.jpg) center center no-repeat;background-size: auto;background-size: cover;}
.contact-feedback .m-chl-title{margin-bottom:41px}
.contact-feedback .contact-form{max-width:1200px;margin:0 auto}
.contact-feedback .text{float:left;width:580px}
.contact-feedback .text label{display:block;padding:17px 0;margin-bottom:36px;border-bottom:1px solid #ccc}
.contact-feedback .text label input{display:block;width:100%;font-size:16px;line-height:16px;height:16px}
.contact-feedback .text label input::-webkit-input-placeholder{color:#999}
.contact-feedback .text label input:-moz-placeholder{color:#999}
.contact-feedback .text label input::-moz-placeholder{color:#999}
.contact-feedback .text label input:-ms-input-placeholder{color:#999}
.contact-feedback .text .imgval{position:relative}
.contact-feedback .text .imgval img{position:absolute;right:0;top:5px;height:40px}
.contact-feedback .msg{float:right;width:580px}
.contact-feedback .msg p{font-size:16px;line-height:50px}
.contact-feedback .msg textarea{display:block;border:1px solid #ccc;width:560px;height:329px;padding:10px}
.contact-feedback .form-ctrl{padding-top:12px;width:431px;margin:0 auto}
.contact-feedback .form-ctrl label{display:block;width:197px;height:20px;padding:20px 0}
.contact-feedback .form-ctrl label input{display:block;width:100%;font-size:18px;line-height:20px;height:20px;color:#fff;text-align:center}
.contact-feedback .form-ctrl .sub{float:left;background-color:#2f82ff}
.contact-feedback .form-ctrl .reset{float:right;background-color:#ccc}
.m-diff-title, .m-chl-title {line-height: 46px;text-align: center;color: #1a1a1a;}
input, button, select, textarea {outline: none;border: none;margin: 0;padding: 0;resize: none;background: none;}
@media (max-width:1000px) {
.contact-iBan{ background:#333 url(../images/contact_back.jpg) center center no-repeat; height: auto; background-size:cover;}
.contact-iBan .iBanner img{ display:none}
.contact_banner {position: relative;left: initial;top: initial;text-align: left;color: #FFF;margin-top: 0;z-index: 1; padding-left:5%; padding-right:5%; padding-top:6rem; padding-bottom:4rem}
.contact_banner .con_en{ margin-bottom:4rem;}
.map_show{ margin-top:1rem}
.Branch_office ul>li {display: block;width: initial;padding-top: 3rem;padding-bottom: 3rem;    border-bottom: #e7e7e7 1px solid;}
.Branch_office ul>li .con_en{ margin-bottom:3rem}
.Branch_office ul>li .zonbu{ margin-bottom:1rem}
.Branch_office ul>li ul LI{ line-height:150%; padding:0.6rem 0;}
.map_show2{ margin-top:0}
.Branch_office ul>li:last-child{ border-bottom: none }
.full-arrive {padding: 3rem 0 0;}
.arrive-lf {float: none;display: block;border-bottom: #e7e7e7 1px solid;padding-bottom: 2rem; margin-bottom:2rem; margin-left:0}
.arrive-rg {overflow: hidden;padding-left: 0;border-left: 0;font-size: 1rem;line-height: 160%;}
.contact-feedback {padding: 3rem 0;}
.m-diff-title, .m-chl-title {line-height: 160%;}
.contact-feedback .text,.contact-feedback .msg {float: none;width: 100%;}
.contact-feedback .form-ctrl {padding-top: 1rem;width: 100%;margin: 0 auto;    text-align: center;}
.contact-feedback .form-ctrl .sub ,.contact-feedback .form-ctrl .reset{float: none;display: inline-block;padding: 1rem 0; width:40%;height: auto;}
.contact-feedback .text label input,.contact-feedback .form-ctrl label input{ font-size:0.95rem;}
.contact-feedback .msg textarea {display: block;width: 90%;height: 10rem;padding: 1rem;}
.contact-feedback .msg p{ font-size:1rem}
}
	
	

/*首页样式*/
/*首页banner图片滚动显示*/
.banner_home{ position:relative; overflow:hidden; position:fixed; left:0; top:0; bottom:0; right:0;}
.indexmainbox{ background-color:#FFF; position:relative; z-index:100}
.scfoll {width: 59px;height: 84px;position: absolute;bottom: 25px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);text-align: center;animation: mymove0 1.2s infinite;-webkit-animation: mymove0 1.2s infinite;cursor: pointer;z-index: 30;}
@keyframes mymove0 {from {bottom: 29px;}
to {bottom: 23px;}
}
.scfoll img{width: 28px;height: 57px;display:block; margin:0 auto;}
.scfoll span{width: 100%;text-align: center;margin-top: 16px;display: block;color: #ffffff;font-size: 14px;letter-spacing: 2px;}
.banner_home .scroll{ height:100%; width:100%; position:relative}
.banner_home  .slick-dots{ display:none; opacity:0}
.banner_home .item{background-size:cover; text-align:center; overflow:hidden}
.banner_home #item01{ background:url(../images/banner1.jpg) center center no-repeat;background-size:cover; text-align:center; position:relative;overflow:hidden}
.banner_home #item01 .memgban{ position:absolute; left:0; top:0; width:100%; height:100%;background:url(../images/mengban.png) center center repeat; z-index:2}
.banner_home #item01  .videocon{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.banner_home #item01 .banner_fonts01{ position:absolute; left:50%; top:50%; margin-top:-281px; margin-left:-414px; z-index:3}
.banner_home .item.slick-current .banner_fonts01{animation: moveDown 2s ease; animation-fill-mode: both;}
.banner_home #item02{background:url(../images/banner2.jpg) center center no-repeat;background-size:cover; text-align:center; position:relative}
.banner_home #item02 .banner_fonts02{ position:absolute; left:15%; top:50%; margin-top:-208px;}
.banner_home #item05{background:url(../images/banner_100.jpg) center center no-repeat;background-size:cover; text-align:center; position:relative}
.banner_home #item05 .banner_fonts05{ position:absolute; left:50%; top:50%; margin-top:-320px; margin-left:-355px; z-index:3}
.banner_home .item.slick-current .banner_fonts05{animation: moveDown 2s ease; animation-fill-mode: both;}
.banner_home .item.slick-current .banner_fonts02{animation: moveRightL 2s ease; animation-fill-mode: both;}
.banner_home #item03{background:url(../images/banner3.jpg) center center no-repeat;background-size:cover; text-align:center; position:relative}
.banner_home #item03 .banner_fonts03{float:left; display:inline; color:#FFF; text-align:left; width:50%; padding-top:13%}
.banner_home #item03 .banner_fonts03 .banner_titile{ margin-bottom:55px;}
.banner_home #item03 .banner_fonts03 .banner_line{ margin-bottom:45px; display:inline-block; height:6px; width:60px; background-color:#FFF}
.banner_home #item03 .banner_fonts03 .banner_descipe{ line-height:200%;}
.banner_home #item03 .banner_fonts03  .banner_descipe span{ display:block}
.banner_home #item03 .banner_fonts03 a{ padding:15px 50px; border:#FFF 1px solid; display:inline-block; color:#FFF; margin-top:50px;border-radius: 4px;}
.banner_home #item03 .banner_fonts03 a.raised {-moz-transition:all .1s;-o-transition:all .1s;-webkit-transition:all .1s;transition:all .1s;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}
.banner_home #item03 .banner_fonts03 a:hover{ background-color:#FFF;color:#2f82ff;}
.banner_home .item.slick-current .banner_fonts03{animation: moveRightL 2s ease; animation-fill-mode: both;}
.banner_home #item03 .banner_imgs03{float:right; display:inline; color:#FFF; text-align:left; padding-top:13%; width:45%; height:300px;}
.banner_home #item03.slick-current  .banner_imgs03{animation: moveLeftL 2s ease;animation-fill-mode: both;}
.banner_home #item03  .banner_imgs03 .video{ width: auto; background-size:cover;  padding-left: 6.1%;padding-top: 2.8%;padding-right: 5.9%;padding-bottom: 12.4%;}

.banner_home #item03  .banner_imgs03 .video video{ width:100%;}
.banner_home #item04{background:url(../images/banner4.jpg) center center no-repeat;background-size:cover; text-align:center; position:relative}
.banner_home #item04 .banner_fonts04{ float:left; display:inline; color:#FFF; text-align:left; width:50%; padding-top:13%}
.banner_home #item04 .banner_fonts04 .banner_titile{ margin-bottom:55px;}
.banner_home #item04 .banner_fonts04 .banner_line{ margin-bottom:45px; display:inline-block; height:6px; width:60px; background-color:#FFF}
.banner_home #item04 .banner_fonts04 .banner_descipe{ line-height:200%;}
.banner_home #item04 .banner_fonts04  .banner_descipe span{ display:block}
.banner_home #item04 .banner_fonts04 a{ padding:15px 50px; border:#FFF 1px solid; display:inline-block; color:#FFF; margin-top:50px;border-radius: 4px;}
.banner_home #item04 .banner_fonts04 a.raised {-moz-transition:all .1s;-o-transition:all .1s;-webkit-transition:all .1s;transition:all .1s;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}
.banner_home #item04 .banner_fonts04 a:hover{ background-color:#FFF;color:#2f82ff;}
.banner_home .item.slick-current .banner_fonts04{animation: moveRightL 2s ease; animation-fill-mode: both;}
.banner_home #item04 .banner_imgs04{ float:right; display:inline; color:#FFF; text-align:left; width:50%;padding-top:13%}
.banner_home #item04.slick-current  .banner_imgs04{animation: moveLeftL 2s ease;animation-fill-mode: both;}
.banner_home .slick-dots li button{ background-color:#5aacff; width:8px; height:8px;}
.banner_home .slick-prev{ left:-5%; border:0; background:url(../images/left2.svg) center center no-repeat; width:20px; height:40px; background-size:cover;}
.banner_home .slick-next{right:-5%; border:0; background:url(../images/right2.svg) center center no-repeat; width:20px; height:40px; background-size:cover}
.banner_home:hover .slick-prev { left:3%;animation: moveRightL 2s ease; animation-fill-mode: both;}
.banner_home:hover .slick-next { right:3%;animation: moveLeftL 2s ease; animation-fill-mode: both;}
.iservice { width:100%;position:absolute; right:0; bottom:0; z-index:33;}
.iservice-relative {width:100%; height:100%; position:relative;}
.iservice-title {width: 66.7%;margin:0;position: relative;margin-left:16.5%;margin-bottom: -10px;}
.iservice-title h4{ color:#fff; font-size:12px;}
.iservice-title h2{ color:#fff; font-size:24px;padding-top:4px; text-transform: uppercase;font-family: 'Montserrat-Bold';}
.iservice-title line{ width:50px; margin:10px 0; height:1px; background:#fff; opacity:.5; display:block;}
.iservicebox { clear:both;}
.iservicebox *{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.isbox0,.isbox1,.isbox2,.isbox3,.isbox4 { width:22.3%; height:60px; float:left;position: relative;}
.isbox0 {width:16.5%;}
.isbox4 {width:16.6%;}
.isbox1::after,.isbox2::after,.isbox3::after,.isbox4::after {content: '';width: 100%;height: 30px;position: absolute;left: 0;bottom:0;}
.isbox1::after { background:#f49f45;}
.isbox2::after { background:#6e7dfe;}
.isbox3::after { background:#13ccc7;}
.isbox4::after { background:#ed5f49;}
/*滚动数字样式开始*/
.home_titile{ text-align:center}
.home_titile span{ display:block; margin-top:20px; line-height:180%}
.home_number { position:relative; height:500px; color:#FFF; }
.home_number .imgBg {width: 100%;height: 500px;background-image: url(../images/z_ind_time_bg.jpg);background-repeat: no-repeat;background-attachment: fixed;background-size: cover;background-position: center center;position: absolute;top: 0;left: 0;z-index: -1;}
.home_number .container_content{ padding-top:100px;}
.home_number ul.content_list { width: 100%; height: auto; margin-top:50px; }
.home_number ul.content_list li { float: left; width: 25%; height: 81pt; text-align: center }
.home_number ul.content_list li div { border-right: 1px solid rgba(255, 255, 255, .2) }
.home_number ul.content_list li:last-child div { border-right: none }
.home_number ul.content_list li p { text-align: center; }
.home_number ul.content_list li p.number { margin-top: 15px }
.home_number ul.content_list li p.number .counterDX { margin-top: 15px;  text-align: center;font-family: num2;}
.home_number ul.content_list li p.number .unit { position: relative; top:0px; left:10px;  vertical-align: 40px; font-size:50px }
.home_number ul.content_list li p.title { margin-top:20px; margin-bottom:10px; }
/*首页服务项目样式内容开始*/
.home_service {clear: both;z-index: 1;position: relative;z-index: 4;padding:140px 0;box-sizing: border-box; height:980px; overflow:hidden }
.home_service .imgBg {width: 100%;height: 100%;background-image: url(../images/home_back02.jpg);background-repeat: no-repeat;background-attachment: fixed;background-size: cover;background-position: center center;position: absolute;top: 0;left: 0;z-index: -1;}
.home_service  .service_tit{ position:absolute; top:75px; left:10%;width:575px;height:63px; background: url(../images/service_titi.png) center center no-repeat;animation-delay: 1s;-webkit-animation-delay: 1s;}
.home_service .scroll{ width:100%;max-width: 80%;overflow: hidden;position: relative;box-sizing: border-box;background: #fff; margin:0px auto}
.home_service .item{ position:relative; height:700px;}
.home_service .item .text {position: absolute;left: 4%;top: 49%;-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.home_service .item h3 {font-size: 50px;color: #000000;position: relative;padding-left: 50px;}
.home_service .item.slick-current h3{animation: moveRightL 2s ease; animation-fill-mode: both;}
.home_service .item h3::after {content: "";position: absolute;left: 20px;bottom: 12px;width: 16px;height: 16px;border: 2px solid #e60012;border-radius: 50%;box-sizing: border-box;}
.home_service .item h4 {font-size: 20px;color: #333;position: relative;padding-left: 50px;margin-top: 15px; font-weight:normal}
.home_service .item.slick-current h4{animation: moveRightL 2s ease; animation-fill-mode: both;animation-delay:0.5s;-webkit-animation-delay:0.5s;}
.home_service .item aside {margin-top: 60px;padding-left: 50px;}
.home_service .item.slick-current aside{animation: moveRightL 2s ease; animation-fill-mode: both;animation-delay:0.8s;-webkit-animation-delay:0.8s;}
.home_service .item aside span {display: block;font-size: 16px;color: #666;width: 160px;height: 44px;line-height: 44px;border: 1px solid #e6e6e6;text-align: center;border-radius: 30px;margin-bottom: 5%;}
.home_service .item img {position: absolute;width: 430px;height: auto;left: 27.55%;top: 62%;-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.home_service .website-customized-nav { position: absolute; z-index: 22; right:10%; top: 60px; bottom: 140px; width: 20%; border-left: 1px solid #f5f5f5; box-sizing: border-box; background: #fff;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s; animation-delay:0.8s;-webkit-animation-delay: 0.8s;}
@media (max-width:1300px) {
.home_service .website-customized-nav { display:none;}
}
.home_service .website-customized-nav li { width: 100%; height: 25%; box-sizing: border-box; cursor: pointer; position: relative; background-color:#e9e9e9; text-align:center}
.home_service .website-customized-nav li.active{ background-color:#FFF}
.home_service .website-customized-nav li a { display: block; }
.home_service .website-customized-nav li .img { display:none; width: 120px; text-align: center; position: absolute; left: 54px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.home_service .website-customized-nav li .img img { display:none; vertical-align: middle; }
.home_service .website-customized-nav li .content { display:block;vertical-align: middle; line-height: 30px; position:absolute; top:50%; height:50px; margin-top:-26px;left: 50%; margin-left:-25%; text-align:left;}
.home_service .website-customized-nav li:nth-child(1) .content{ background: url(../images/pic147.png) left center no-repeat;padding-left: 80px;}
.home_service .website-customized-nav li:nth-child(2) .content{ background: url(../images/pic148.png) left center no-repeat;padding-left: 80px;}
.home_service .website-customized-nav li:nth-child(3) .content{ background: url(../images/pic149.png) left center no-repeat;padding-left: 80px;}
.home_service .website-customized-nav li:nth-child(4) .content{ background: url(../images/pic150.png) left center no-repeat;padding-left: 80px;}
.home_service .website-customized-nav li:nth-child(5) .content{ background: url(../images/pic151.png) left center no-repeat;padding-left: 80px;}
.home_service .website-customized-nav li h3 { font-size: 24px; color: #000000; font-weight: normal; }
.home_service .website-customized-nav li p { font-size: 12px; color: #b2b2b2; position: relative; line-height:22px; }
.home_service .website-customized-nav .active:after { content: ""; left: -8px; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 16px; height: 16px; border: 2px solid #e60012; border-radius: 50%; box-sizing: border-box; background: #fff; }
.home_service .website-customized-nav li + li { border-top: 1px solid #f5f5f5; }
.home_service .website-customized-nav .active h3 { color:#e31e1e;}
.home_service .slick-dots{ bottom:35px; text-align:left; left:4%; margin-left:50px;}
.home_service  .slick-dots li.slick-active button {background: #e31e1e;}
.home_service .slick-dots li button{ background-color:#737373; width:8px; height:8px;}
/*推荐案例 样式开始*/
.case {margin:0 auto;width:80%;min-width:320px;padding:105px 0 0 0;min-height:520px;}
.case .part1{width:200px;float:left;font-size:24px;}
.case .part2{float:right;text-align:right;}
.case .part2 ul li{float:left;text-align:right; margin-right:10px; display:inline}
.case .part2 ul li.on a{ color:#e31e1e; position:relative}
.case .part2 ul li a{display:block;padding:0 20px;text-decoration:none;color:#333;position:relative; font-size: 16px;}
.case .part2.nav_fixed ul li a{padding:0 30px;}
.case .part2 ul li a:hover{color:#e31e1e;position:relative;}
.case .part2 ul li a:after{content: ""; position:absolute; left:10%; width:0%; top:50%; height:1px; background-color:#e31e1e; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s;-ms-transition: all .5s ease-out 0s;-o-transition: all .5s ease-out 0s;transition: all .5s ease-out 0s; opacity: 0;}
.case .part2 ul li a:hover:after{width: 80%; opacity: 0;}
.case .part2 ul li.on a:after{content: ""; position:absolute; left:10%; width:80%; top:50%; height:1px; background-color:#e31e1e;opacity:0;}
.case .part3{clear:both;padding-top:67px; width:100%; overflow:hidden}
.case .part3 ul{ width:103%;}
.case .part3 ul li{position:relative;float:left;text-align:center;width:31%; margin-right:2%; margin-bottom:2%; display:inline;overflow:hidden;}
.case .part3 ul li img{transition: transform 2s;}
.case .part3 ul li:hover img{transform: scale(1.1);transition: transform 2s;}
.case .part3 ul li:nth-child(1n){animation-delay:0s;-webkit-animation-delay:0s;}
.case .part3 ul li:nth-child(2n){animation-delay:0.3s;-webkit-animation-delay:0.3s;}
.case .part3 ul li:nth-child(3n){animation-delay:0.5s;-webkit-animation-delay:0.5s;}
.case .part3 ul li .case_img{ position:relative; overflow:hidden}
.case .part3 ul li a .case_img:before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;visibility: hidden;opacity: 0;background: rgba(0,0,0,0);transition: all 0.3s;-webkit-transition: all 0.3s; z-index:3}
.case .part3 ul li a .case_img:after{  }
.case .part3 ul li a:hover .case_img:after{ }
.case .part3 ul li .case_img >span {width: 100%;height: 100%;position: absolute;left: 0;top: 0;visibility: hidden;opacity: 0;background: rgba(0,0,0,0);transition: all 0.3s;-webkit-transition: all 0.3s;}
.case .part3 ul li:hover .case_img > span {visibility: visible;opacity: 1;background: rgba(0,0,0,0.6);}
.case .part3 ul li .case_img span span {position: absolute;left: 0;top: 50%;display: block;color: #fff;font-size: 12px;padding: 0;line-height: 26px;padding: 3px 20px;text-align: center;transform: translateY(-50%);-webkit-transform: translateY(-50%);overflow: hidden;text-overflow: ellipsis;display: box;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.case .part3 ul li .case_img span span:before {content: "";display: inline-block;width: 100px;height: 1px;background-color: #f2f2f2;position: absolute;left: 50%;margin-left: -50px;transition: all 0.6s ease 0s;top: 0;}
.case .part3 ul li .case_img span span:after {content: "";display: inline-block;width: 100px;height: 1px;background-color: #f2f2f2;position: absolute;left: 50%;margin-left: -50px;transition: all 0.6s ease 0s;bottom:0;}
.case .part3 ul li:hover .case_img span span:before,.case .part3 ul li:hover .case_img span span:after {width: 6px;margin-left: -3px;opacity: 0.6;}
.case .part3 ul li:hover .case_img span span p {font-size: 18px;}
.case .part3 ul li .info{ background:url(../images/jiantou_0002.png)  95% center no-repeat;-webkit-transition: all ease .4s;transition: all ease .4s;}
.case .part3 ul li .info .desc{ text-align:left; padding-top:30px;}
.case .part3 ul li .info .desc span{width: 80%;font-weight: bold;display:block;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.case .part3 ul li .info .desc span.fenlei{font-weight: normal;font-size:14px ; color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.case .part3>ul>li:hover .info{background:url(../images/jiantou_0002_hover.png)  100% center no-repeat;-webkit-transition: all ease .4s;transition: all ease .4s;}
.case .part3 ul li img{display:block;width:100%;overflow:hidden;max-height: 320px;}
.case .part4{clear:both;padding-top:30px; width:100%; overflow:hidden}
.case .part4 ul{ width:100%;}
.home_more{clear:both;height:180px;line-height:150px;text-align:center;position:relative;}
.home_more .line {display: block;width: 100%;border-top: 1px solid #f1f1f2;position: absolute;top: 50%;left: 0;}
@media (max-width:1400px) {
.case .part3 ul li .info,.case .part3>ul>li:hover .info{ background:none}}
.home_more .txt{position: relative;display: block;margin:0px auto;width: 170px;height: 52px;line-height: 52px;text-align: center;font-size: 16px;color: #5c5c5d;text-transform: uppercase;border: 1px solid #4c4c4c;}
.home_more .txt a{color:#666464;text-decoration:none;}
.home_more .margin_top01{ padding-top:64px; background-color:#FFF;width: 200px; margin:0px auto; position:relative; z-index:2}
.home_more .txt a:before {content: "";width: 0%;height: 100%;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);border-top: 1px solid #fff;border-bottom: 1px solid #fff;     -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;}
.home_more .txt a:hover{color:#000;text-decoration: none;}
.home_more .txt a:hover:before{width:100%;}
.news_more{clear:both;height:180px;line-height:150px;text-align:center;position:relative;}
.news_more .line {display: block;width: 100%;border-top: 1px solid #dddddd;position: absolute;top: 50%;left: 0;}
.news_more .txt{position: relative;display: block;margin:0px auto;width: 170px;height: 52px;line-height: 52px;text-align: center;font-size: 16px;color: #5c5c5d;text-transform: uppercase;border: 1px solid #4c4c4c;}
.news_more .txt a{color:#666464;text-decoration:none;}
.news_more .margin_top01{ padding-top:64px; background-color:#eeeeee;width: 200px; margin:0px auto; position:relative; z-index:2}
.news_more .txt a:before {content: "";width: 0%;height: 100%;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);border-top: 1px solid #fff;border-bottom: 1px solid #eeeeee;     -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;}
.news_more .txt a:hover{color:#000;text-decoration: none;}
.news_more .txt a:hover:before{width:100%;}
/*新闻中心样式开始*/
.abinew{ width:100%; height:auto; background:#eeeeee;padding:100px 0 0px 0;background-color:#eee;}
.abinew .container{ max-width:1600px; height:auto; width:90%; min-width:1200px;}
.abinewt{ text-align:center; font-weight:bold; color:#333333;}
.abinewcate{ padding:35px 0; text-align:center;}
.abinewcate ul li{ display:inline-block; padding:0 30px; background:url(../images/ab_li_bg.jpg) no-repeat right 50%; line-height:28px; position:relative}
.abinewcate ul li:last-child{ background:0;}
.abinewcate ul li a{ display:inline-block; padding:0 10px; line-height:28px; color:#333;}
.abinewcate ul li a:hover{ color:#e40311;}
.abinewcate ul li.on a{ color:#e40311;}
.abinewcate ul li a:after{content: ""; position:absolute; left:10%; width:0%; top:50%; height:1px; background-color:#e31e1e; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s;-ms-transition: all .5s ease-out 0s;-o-transition: all .5s ease-out 0s;transition: all .5s ease-out 0s; opacity: 0;}
.abinewcate ul li a:hover:after{width: 80%; opacity: 0;}
.abinewcate ul li.on a:after{content: ""; position:absolute; left:10%; width:80%; top:50%; height:1px; background-color:#e31e1e;opacity:0;}
.abinewcaaa{ position:relative;}
.abinewc{ padding-top:10px; padding-bottom:40px;}
.abinewcl{ width:37%; height:506px; background:#fff;transition: all .4s ease-out; }
.abinewclc{}
.new_left  .item  a{ display:block; padding:5%; background:#fff;}
.new_left .slick-dots{ bottom:30px; text-align:left; left:5%}
.new_left  .slick-dots li.slick-active button {background: #e31e1e;}
.new_left .slick-dots li button{ background-color:#737373; width:8px; height:8px;}
.new_left .slick-prev{ display:none; opacity:0;filter:alpha(opacity=0);left:0; border:0; background:url(../images/left.svg) center center no-repeat; width:20px; height:40px; background-size:cover}
.new_left .slick-next{ display:none; opacity:0;filter:alpha(opacity=0);right:0; border:0; background:url(../images/right.svg) center center no-repeat; width:20px; height:40px; background-size:cover}
.abinewclc_img{ width:100%; height:300px; overflow:hidden; position:relative}
.abinewclc_img img{display: block;margin: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width:100%; height:auto;transition: transform 2s;}
.abinewclc_img:hover img{}
.abinewclc_c{ padding-bottom:5%; padding-top:25px;}
.abinewclc_cl{ width:77%; padding-right:3%; border-right:1px #a4a4a4 solid;}
.abinewclc_clt{ color:#000; line-height:28px; height:28px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;}
.abinewclc_cli{ line-height:24px; color:#999; margin-top:14px; height:48px;overflow: hidden;text-overflow: ellipsis;display: box;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.abinewclc_cr{ width:17%; height:auto;font-family: "num2"; color:#333333; line-height:28px; text-align:center}
.abinewclc_cr_t{ font-size:42px; padding-top:10px;}
.abinewclc_cr_i{}
.abinewcl:hover{transform: translate3d(0, -5px, 0);box-shadow: 0 8px 35px rgba(0, 0, 0, .15);}
.abinewcr{ width:60%; height: auto; background:#fff;}
.abinewcr::marker{ display:none}
.abinewcr ul li{height:auto; float:left; border-right:1px #eeeeee solid; border-bottom:1px #eeeeee solid;width: calc(50% - 1px);width: -moz-calc(50% - 1px);width: -webkit-calc(50% - 1px);}
.abinewcr ul li a{ padding:42px 10%; display:block;transition: all .4s ease-out;}
.abinewcrl{ width:17%; height:auto;font-family: "num2";color:#333; line-height:28px;}
.abinewclc_cr_t{ padding-top:20px; height:auto;font-family: 'num3';}
.abinewclc_cr_i{}
.abinewcrr{ width:81%; height:auto;}
.abinewcrr_t{ color:#000; line-height:28px; height:28px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;}
.abinewcrr_i{ line-height:24px; color:#666; margin-top:8px; height:48px; overflow: hidden;text-overflow: ellipsis;display: box;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.abinewcr ul li a:hover{box-shadow: 0 8px 35px rgba(0, 0, 0, .15);}
.abinewcr ul li a:hover .abinewcrl{ color:#e40311;}
.abinewm{ text-align:center;}
.abinewm a{ display:inline-block; padding-right:40px; line-height:30px; color:#3e3e3e; font-size:14px; background:url(../images/ab_more_icon.png) no-repeat right 50%;font-family:"宋体","微软雅黑",Arial, Helvetica, sans-serif;
}
.abinewm a:hover{ color:#ff4343;background:url(../images/ab_more_icon2.png) no-repeat right 50%;}
/*加入我们样式开始*/
.joins_home{padding: 88PX 0PX;background-color:#2D2D2D;background-size:cover}
.joins_home.back_case_info{ background-color:#eaeaea; padding-top:180px;}
.joins_home ul{text-align:center; padding-top:50px;}
.joins_home ul li{ width:20%; margin-right:2%; display: inline-block;}
.joins_home ul li:nth-child(3){width:30%;}
.joins_home ul li .input01 {background-color: #fff;color:#999999;border:0;border-radius:30px; width:100%; height:58px; line-height:58px; text-indent:30px;}
.joins_home ul li:last-child{ width:15%; text-align:center;margin-right:0%;}
.joins_home ul li:last-child .input_submit{background: none;color:#ffffff;border:#e60012 2px solid;border-radius:30px; width:100%; height:58px;background-color:#e60012; line-height:58px; text-align:center; display:inline-block;-webkit-transition: all ease .4s;transition: all ease .4s;}
.joins_home ul li:last-child .input_submit:hover{ background-color:#e60012;color:#ffffff;-webkit-transition: all ease .4s;transition: all ease .4s;}
/*为什么选择我们样式开始*/
.sp {display: none !important;}
.kehu_more{clear:both;height:140px;line-height:1px;text-align:center;position:relative;}
.kehu_more .line {display: block;width: 100%;border-top: 1px solid #fd8787;position: absolute;top: 50%;left: 0;}
.kehu_more .txt{position: relative;display: block;margin:0px auto;width: 170px;height: 52px;line-height: 52px;text-align: center;font-size: 16px;color: #ffffff;text-transform: uppercase;border: 1px solid #fd8787;}
.kehu_more .txt a{color:#ffffff;text-decoration:none;}
.kehu_more .margin_top01{ padding-top:43px; background-color:#dd2525;width: 200px; margin:0px auto; position:relative; z-index:2}
.kehu_more .txt a:before {content: "";width: 0%;height: 100%;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);border-top: 1px solid #e60012;border-bottom: 1px solid #21242c;     -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;}
.kehu_more .txt a:hover{color:#fff;text-decoration: none;}
.kehu_more .txt a:hover:before{width:100%;}
.choose_us{padding: 140px 0 50px;background:#dd2525;}
.wrap_width{width: 80%;margin: 0 auto;}
.choose_us .title {margin-bottom: 90px;position: relative;color: #fff;font-size: 16px;line-height:220%;text-align: center;}
.choose_us .title:before {margin-left: -2px;width: 4px;height: 30px;position: absolute;left: 50%;top: -74px;background: #fff;content: "";}
.choose_us .title span {margin-bottom: 18px;display: block;font-weight: bold;}
.choose_us li {margin: 0 5% 70px 0;width: 12%;float: left;position: relative;height: 80px;}
.choose_us li img {margin: 0 auto;display: block;}
.choose_us li:nth-child(6n){margin-right: 0;}*/.choose_us .more {margin: 0 auto;width: 310px;}
.choose_us .more a {padding: 0 47px;display: block;color: #fff;font-size: 16px;line-height: 48px;border-radius: 27px;border: 3px solid #fff;background: url(../images/icon05.png) no-repeat right 44px center;transition: all 0.5s;-webkit-transition: all 0.5s;}
.choose_us .more a:hover {border: 3px solid #fff;	color:#2344A7;background: #fff url(../images/icon05_over.png) no-repeat right 38px center;}
@media (max-width:1000px) {
.home_service .service_tit{ display:none}
.abinewcr ul li a {padding: 2rem;}
.abinewc {padding-bottom: 0;}
.more_case a {padding: 1rem 3rem;}
.more_case { padding-top:1rem;padding-bottom: 2rem;}
.home_number ul.content_list li{ width:50%;}
.home_number {padding: 3rem 0;height: auto;}
.home_number ul.content_list li:nth-child(2) div {border-right:0;}
.home_number .imgBg {width: 100%;height: 100%;}
.mb_class ul li{ width:30%;margin-bottom: 0.8rem;}
.mb_class ul li a{ display:block; padding:1rem 0}
.mb_lists ul li .border .mb_font{ padding:1.5rem; padding-right:9rem}
.mb_lists ul li .border .mb_font .mb_link {right: 1.5rem;bottom: 1.5rem;}
.mb_class {padding-top: 2rem;padding-bottom: 2rem;}
.moban {padding: 3rem 0;}
.mb_lists ul li {width: 100% !important;margin-left: 0;margin-right: 0;display: block;margin-bottom: 1rem;}
.case_list .item .pic {width: 100%;display: block;}
.case_list .item .txtbox {display: block;text-align: left;width: 100%;padding-top: 0;}
.case_list .item a{ padding:0}
.case_list {padding-top: 1rem;padding-bottom: 3rem;}
.Our_advantage {padding-top: 3rem;padding-bottom: 1rem;}
.Our_advantage ul li {width: 49%;margin-bottom: 2rem;}
.Our_advantage ul li .advantage_icon {height: auto;line-height: initial;padding: 2rem 0;}
.Our_advantage ul li .advantage_icon img{ height:3.5rem;}
.Our_advantage ul{ padding-top:1.5rem}
.news_home {padding:3rem 0;}
.news_content {padding-top: 2rem;}
.news_content .new_left {float: none;width: auto; padding:2rem}
.news_content .new_left a .new_pic {height: auto;}
.news_content .new_right {float: none;width: 100%;}
.news_content .new_right ul li {padding: 2rem;padding-right: 8rem;}
.Our_advantage ul li h3 {margin-bottom: 1rem;font-size: 1.1rem;}
.banner_home .item .banner_backimg{ height:auto;}
.banner_home .item .banner_backimg .container_content {padding-left: 0;padding-right: 0;}
.banner_home .item .banner_backimg .banner_imgs {float: none;display: block;width: 100%;padding-top: 2rem;overflow: hidden;}
.banner_home .item .banner_backimg .banner_fonts {float: none;display: block;width: 100%;padding-top: 100px;}
.banner_home .item .banner_backimg .banner_fonts .banner_titile {margin-bottom: 1.5rem;}
.banner_home .item .banner_backimg .banner_fonts .banner_line {margin-bottom: 2rem;width:12%;}
.banner_home .item .banner_backimg .banner_fonts a{ margin-top:2rem}
.banner_home .item .banner_backimg .banner_fonts02 {padding-top: 150px; padding-bottom:4rem}
.banner_home .item .banner_backimg .banner_fonts02 .banner_titile {margin-bottom: 1.5rem;}
.banner_home .item .banner_backimg .banner_fonts02 a{ margin-top:2rem}
.banner_home .item .banner_backimg2 .banner_imgs{ padding-bottom:8rem;}
.home_number ul.content_list li p.number .unit {position: relative;top: -18px;left: 3px;color: #ffffff;vertical-align: 0;font-size: 2rem;}
.joins_home ul {padding-top: 2rem;padding-bottom: 3rem;}
.joins_home{    background-size: cover;}
.joins_home ul li {width: auto;margin: 1rem 0;display: block;}
.joins_home ul li:last-child .input_submit{width:100%;margin: 1rem 0;display: block;height:3.6rem;line-height: 3.6rem;}
.joins_home ul li .input01 {width: 100%;height:3.6rem;line-height: 3.6rem;text-indent: 2rem;}
.registered_home ul li {position: relative;width: 100%;margin: 1rem 0;display: block;}
.registered_home ul li h3 {font-size: 1.2rem;}
.registered_home ul li p {font-size: 0.9rem;}
.registered_home {padding-top: 3rem;padding-bottom: 3rem;}
.home_number ul.content_list {margin-top: 2rem;}
.registered_home ul {text-align: center;padding-top: 1rem;}
.mb_lists ul li:nth-child(1n){animation-delay:0s;-webkit-animation-delay:0s;}
.mb_lists ul li:nth-child(2n){animation-delay:0s;-webkit-animation-delay:0s;}
.mb_lists ul li:nth-child(3n){animation-delay:0s;-webkit-animation-delay:0s;}
.home_service{ padding:5%; height:auto}
.home_service .website-customized-nav{ display:none}
.home_service .item img{ display:none}
.home_service .scroll{ max-width:100%;}
.abinewcl {width: 100%;height: auto; margin-bottom:1rem}
.abinewcr{ width:100%; height:auto}
.abinewcr ul li {float: none;width: 100%;}
.home_service .item h3{ font-size:2rem}
.home_service .item h4 {font-size: 1rem;}
.home_service .item aside {margin-top: 2rem;}
.home_service .item aside span {display: inline-block;width: 40%;height: 3rem;line-height: 3rem;font-size: 0.9rem; margin-right:5%;}
.home_service .item aside span:nth-child(2n){ margin-right:0}
.home_service .item .text{ left:0}
.home_service .item {height: 25rem;}
.banner_home #item01 .banner_fonts01 {margin-top: -35%;margin-left: -45%;z-index: 3;width: 90%;}
.banner_home #item03 .banner_fonts03{ width:80%; margin-top:30%}
.banner_home #item04 .banner_fonts04{width:80%;margin-top:30%}
.banner_home #item04 .banner_fonts04 .banner_titile,.banner_home #item03 .banner_fonts03 .banner_titile{ font-size: 2rem}
.banner_home #item03 .banner_imgs03{ display:none}
.banner_home #item04 .banner_imgs04{ display:none;}
.banner_home #item03 .banner_fonts03 .banner_line,.banner_home #item04 .banner_fonts04 .banner_line{ width:15%; height:4px;margin-bottom: 1.5rem;}
.banner_home #item03 .banner_fonts03 .banner_titile,.banner_home #item04 .banner_fonts04 .banner_titile {margin-bottom: 2rem;}
.scfoll{ margin-bottom:4rem;opacity:0}
.home_service .slick-dots {bottom: 35px;text-align: center;left: 0;margin-left: 0;}
.case {width: 90%;min-width: auto;padding: 3rem 0 0 0;min-height: auto;}
.case .part3 ul li {float: none;width: 100%; margin-bottom:1rem; display:block}
.case .part3 ul li .info .desc span{width: 100%;}
.case .part1 {width: 100%;float: none;font-size: 1.6rem;margin-bottom: 1.5rem;}
.case .part2 {float: none;text-align: left;}
.case .nav_fixed{ top:53px;    height: auto;line-height: 160%;padding: 1rem 0;}
.case .part3 {clear: both;padding-top: 2rem;}
.case .part2 ul li {float: none;text-align: center;margin-right: 10px;display: inline-block;}
.case .part3 ul li .info {background:none}
.case .part3 ul li .info .desc {bottom: 10%; font-size:1rem}
.case .part3 ul li .info .desc span {font-size: 1.3rem;}
.case .part3 ul li .info .desc span.fenlei{ display:none}
.home_more {clear: both;height: 10rem;line-height: 10rem;text-align: center;position: relative;}
.home_more .margin_top01 {padding-top: 3rem;background-color: #FFF;width: 60%;margin: 0px auto;position: relative;z-index: 2;}
.home_more .txt {width: 70%;height: 3.6rem;line-height: 3.6rem;font-size: 0.9rem;}
.home_number .container_content {padding-top: 0;}
.abinew {padding: 3rem 0 0px 0;}
.abinewcate {padding: 2rem 0;}
.abinewcate ul li {display: inline-block;padding: 0.8rem 0;line-height: 1;width: 30%;}
.abinewcate ul li:nth-child(2){ background:none}
.news_more {clear: both;height: 10rem;line-height: 10rem;text-align: center;position: relative;}
.news_more .margin_top01 {padding-top: 3rem;width: 60%;margin: 0px auto;position: relative;z-index: 2;}
.news_more .txt {width: 70%;height: 3.6rem;line-height: 3.6rem;font-size: 0.9rem;}
.banner_home #item02 .banner_fonts02{ left:10%}
.banner_home #item05 .banner_fonts05{ left: 10%; max-width: 80%;}
.abinewclc_img{ height:15rem}
.choose_us li {margin: 1rem 1%;  width:31%;height: 40px;}
.wrap_width {width: 90%;}
.choose_us {padding: 3rem 0 2rem;  }
.choose_us .title {margin-bottom: 2rem;font-size: 0.95rem;}
.joins_home ul li:nth-child(3) {width: auto;}
.joins_home ul li:last-child {width: auto;text-align: center;margin-right: 0%; margin-top:2.5rem}
.joins_home{ padding:3rem 0; padding-bottom:0}
.banner_home #item01  .videocon{ display: none}
}

/*关于我们样式*/
.about-iBan { width:100%; position:relative}
.mengcheng {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 95, 116, .6)), to(rgba(23, 9, 49, .6)));background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 95, 116, .6)), to(rgba(23, 9, 49, .6)));background: -webkit-linear-gradient(left, rgba(30, 95, 116, .6), rgba(23, 9, 49, .6));background: -moz-linear-gradient(left, rgba(30, 95, 116, .6) 0%, rgba(23, 9, 49, .6) 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 95, 116, .6)), to(rgba(23, 9, 49, .6))));background: -webkit-linear-gradient(left, rgba(30, 95, 116, .6) 0%, rgba(23, 9, 49, .6) 100%);background: -o-linear-gradient(left, rgba(30, 95, 116, .6) 0%, rgba(23, 9, 49, .6) 100%);background: -ms-linear-gradient(left, rgba(30, 95, 116, .6) 0%, rgba(23, 9, 49, .6) 100%);background: linear-gradient(to right, rgba(30, 95, 116, .6) 0%, rgba(23, 9, 49, .6) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(30,95,116,.6)', endColorstr='rgba(23,9,49,.6)', GradientType=1 );}
.iBanner img { clear:both; display:block; width:100%; height:auto;-webkit-animation: scaleBigToDefault 1.5s ease-in-out;animation: scaleBigToDefault 1.5s ease-in-out;}
@-webkit-keyframes scaleBigToDefault {0% { opacity:0; -webkit-transform:scale3d(1.3,1.3,1.3); transform:scale3d(1.3,1.3,1.3)} 100% {opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)} 
}
@keyframes scaleBigToDefault {0% {opacity:0; -webkit-transform:scale3d(1.3,1.3,1.3); transform:scale3d(1.3,1.3,1.3)} 
100% {opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)} }
.about-iBan .box { width:100%; position:absolute; left:0 ;top:50%; margin-top:-240px; z-index:3}
.about-iBan .box .container_content { box-sizing:border-box; padding-left:5% }
.about-iBan .wenzi{ padding-top:60px; line-height:200%;}
.about-iBan .num { width:100%;color:#fff;}
.about-iBan .num .L p.p1 { font-size:16px; line-height:28px;}
.about-iBan .num .L p.p2 { font-size:64px;font-family: "num2";line-height:70px; margin-bottom:7%}
.about-iBan .num .R .li { display:inline-block;}
.about-iBan .num .R .l1 { width: auto;padding-right:8%;background:url(../images/pic37.png) no-repeat right 40px;}
.about-iBan .num .R .l2 { width:auto; padding-left:8%;padding-right:8%;background:url(../images/pic37.png) no-repeat right 40px; padding-left:5%; box-sizing:border-box;}
.about-iBan .num .R .l3 { width:auto; padding-left:8%;padding-right:8%; background:url(../images/pic37.png) no-repeat right 40px;box-sizing:border-box;}
.about-iBan .num .R .l4 { width:auto; padding-left:5%; box-sizing:border-box;}
.about-iBan .num .R .li p.p1 { font-size:18px; margin-bottom:10px;}
.about-iBan .num .R .li p.p2 {line-height:90px; }
.about-iBan .num .R .li p.p2 span { display:block; float:left;}
.about-iBan .num .R .li p.p2 span.sp1 { font-size:80px;font-family: "num2";}
.about-iBan .num .R .li p.p2 span.sp2 { font-size:30px; }
.about-iBan .num .R .l2 p.p2 span.sp2 { font-size:30px; }
.about-iBan .num .R .l3 p.p2 span.sp2 { font-size:30px; }
.about-page {padding-bottom:85px; background:url(../images/bg1.jpg) center top no-repeat;}
.inner-text  .pic{ padding-top:50px;}
.about-page .erp .image-wrap img {width:100%;}
.about-wrap-first {z-index:1;position:relative;text-align:center;}
.about-wrap-first.active {margin-top: 0}
.about-wrap-first {transition: all .6s ease-in-out;}
.inner-title {font-weight: bold;font-size: 42px;color: #333;}
.miaoshu{ color:#e31e1e; padding-top:15px; padding-bottom:20px; font-weight:bold}
.inner-line {display: inline-block;width:40px;height: 3px;margin: 15px 0 30px;background:#e31e1e;}
.about-wrap-first .inner-descrition {}
.inner-descrition {font-size: 16px;color: #333;line-height: 1.75;}
.about-wrap-first .inner-wa { padding-left:5%; padding-right:5%; padding-top:75px;}
.about-wrap-second .rpl {margin-left:-1%;}
.about-wrap-second .erp {float:left;width:49%;margin:0 0 1% 1%;}
.about-page .image-wrap {position:relative;overflow:hidden;}
.about-wrap-second.active .erp, .about-wrap-three.active, .about-wrap-four.active, .about-wrap-five .erp.active {margin-top: 0;opacity: 1;filter: alpha(opacity=100);}
.about-wrap-second .erp, .about-wrap-three, .about-wrap-four, .about-wrap-five .erp {margin-top: 30px;opacity: 0;filter: alpha(opacity=0);transition: all .6s ease-in-out;}
.about-page .image-wrap:after, .join-list .erp .image-wrap:after, .ourwork-list .erp .image-wrap:after, .solution-list .erp .image-wrap:after {content:'';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:rgba(0, 0, 0, .4);opacity:0;transition:all .6s ease-in-out;}
.ourwork-list .erp .image-wrap:after, .solution-list .erp .image-wrap:after {background:rgba(0, 0, 0, 0);}
.about-wrap-second .erp:hover .image-wrap:after, .about-wrap-four .erp:hover .image-wrap:after, .about-page .erp .image-wrap:hover:after, .join-list .erp:hover .image-wrap:after, .ourwork-list .erp:hover .image-wrap:after, .solution-list .erp:hover .image-wrap:after {opacity:1;}
.about-page .erp img, .join-list .erp .image-wrap img {transition:all .4s ease-in-out;}
.about-wrap-second .erp:hover .image-wrap img, .about-page .erp .image-wrap:hover img, .join-list .erp:hover .image-wrap img {transform:scale(1.05);}
.about-wrap-second .rp-inner {position:relative;}
.about-wrap-second .rp-inner .wa {position:absolute;bottom:0;left:0;width:100%;background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));}
.about-wrap-second .rp-inner .text-inner {padding:5%;color:#fff;}
.about-wrap-second .rp-inner .title {font-weight:bold;font-size:20px;color:#fff;}
.about-wrap-second .rp-inner .line {display:inline-block;width:55px;height:2px;margin:10px 0 5px;background:#fff;}
.about-wrap-second .rp-inner .descrition {width:66%;font-size:12px;color:#fff;line-height:2;}
.fullwindow-banner-inner li:nth-of-type(1) .icon-wrap, .about-wrap-second .rp-inner .title, .about-wrap-second .rp-inner .line, .about-wrap-second .rp-inner .descrition {transition: all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;}
.fullwindow-banner-inner li .icon-wrap, .fullwindow-banner-inner li .text, .about-wrap-second .rp-inner .title, .about-wrap-second .rp-inner .line, .about-wrap-second .rp-inner .descrition {opacity: 0;transform: translateY(50px);-webkit-transform: translateY(50px);-moz-transform: translateY(50px);}
.about-wrap-three .erp, .about-wrap-five .erp {margin-bottom:1%;overflow:hidden;}
.about-wrap-three .erp .rp-inner > div, .about-wrap-five .erp .rp-inner a > div {float:left;}
.about-wrap-three .erp .rp-inner > div.image-wrap, .about-wrap-five .erp .rp-inner a > div.image-wrap {float:right;}
.about-wrap-three .erp .rp-inner > div {width:50%;}
.about-wrap-three .erp, .about-wrap-five .erp {position:relative;background:#fff;}
.about-wrap-three .erp .text-inner {padding:9.25%;}
.about-wrap-three .erp .inner-title {font-size:36px;}
.about-wrap-three .erp .inner-line {width:40px;margin:20px 0;}
.about-wrap-three .erp .inner-descrition {width:80%;}
.about-wrap-four .erp {position:relative;}
.about-wrap-four .erp .wa {position:absolute;top:0;width:100%;height:100%;text-align:center;}
.about-wrap-four .erp .text-inner {position:absolute;top:50%;width:100%;transform:translateY(-50%);}
.about-wrap-four .erp .text-inner .title {margin-bottom:50px;font-size:36px;font-weight:bold;color:#fff;transform:translateY(20px);opacity:0;transition:all .6s ease-in-out;}
.normal-more-wrap2 {position: relative;display: inline-block;width: 50px;height: 50px;overflow: hidden;border-radius: 100%;}
.about-wrap-four .erp {position: relative;}
.mb15 {margin-bottom: 1%;}
.about-wrap-four .erp .normal-more-wrap2 {transform:translateY(-20px);opacity:0;transition:all .6s ease-in-out;}
.about-wrap-four .erp .normal-more-wrap2:before {border-color:#fff;}
.about-wrap-four .erp .normal-more-wrap2:after {background:#fff;}
.about-wrap-four .erp:hover .text-inner .title, .about-wrap-four .erp:hover .normal-more-wrap2 {opacity:1;transform:none;}
.about-wrap-five .erp .wa {width:42.5%;}
.about-wrap-five .erp .text-inner {padding:11.5%;}
.about-wrap-five .erp .inner-title {margin-bottom:23px;font-size:36px;text-transform: uppercase;}
.about-wrap-five .erp .image-wrap {width:57.5%;}
.about-wrap-five .erp .inner-descrition {width:77.5%;font-size:18px;}
.about-wrap-five .normal-more-wrap2 {position:absolute;bottom:10%;border-color:#333;transition:all .4s;}
.about-wrap-five .normal-more-wrap2:hover {border-color:#fff;}
.about-wrap-five .normal-more-wrap2:before {background:url(../images/more-icon.png) no-repeat center center;}
.about-wrap-five .normal-more-wrap2:hover:before {background:url(../images/more-icon1.png) no-repeat center center;}
.about-wrap-four .erp .normal-more-wrap2:before {border-color: #fff;}
.normal-more-wrap2:before {z-index: 1;content: '';position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;border: 2px solid #333;background: url(../images/more-icon1.png) no-repeat center center;border-radius: 100%;box-sizing: border-box;}
/*about*/
.fullwindow-banner-inner li .icon-wrap, .fullwindow-banner-inner li .text, .about-wrap-second .rp-inner .title, .about-wrap-second .rp-inner .line, .about-wrap-second .rp-inner .descrition {opacity: 0;transform: translateY(50px);-webkit-transform: translateY(50px);-moz-transform: translateY(50px);}
.fullwindow-banner-inner.active li .icon-wrap, .fullwindow-banner-inner.active li .text, .about-wrap-second .erp:hover .rp-inner .title, .about-wrap-second .erp:hover .rp-inner .line, .about-wrap-second .erp:hover .rp-inner .descrition {opacity: 1;transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);}
.fullwindow-banner-inner li:nth-of-type(1) .icon-wrap, .about-wrap-second .rp-inner .title, .about-wrap-second .rp-inner .line, .about-wrap-second .rp-inner .descrition {transition: all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;}
.fullwindow-banner-inner li:nth-of-type(1) .text {transition: all 0.5s ease-out .1s;-webkit-transition: all 0.5s ease-out .1s;-moz-transition: all 0.5s ease-out .1s;}
.fullwindow-banner-inner li:nth-of-type(2) .icon-wrap {transition: all 0.5s ease-out .2s;-webkit-transition: all 0.5s ease-out .2s;-moz-transition: all 0.5s ease-out .2s;}
.fullwindow-banner-inner li:nth-of-type(2) .text {transition: all 0.5s ease-out .3s;-webkit-transition: all 0.5s ease-out .3s;-moz-transition: all 0.5s ease-out .3s;}
.fullwindow-banner-inner li:nth-of-type(3) .icon-wrap {transition: all 0.5s ease-out .4s;-webkit-transition: all 0.5s ease-out .4s;-moz-transition: all 0.5s ease-out .4s;}
.fullwindow-banner-inner li:nth-of-type(3) .text {transition: all 0.5s ease-out .5s;-webkit-transition: all 0.5s ease-out .5s;-moz-transition: all 0.5s ease-out .5s;}
.fullwindow-banner-inner li:nth-of-type(4) .icon-wrap {transition: all 0.5s ease-out .6s;-webkit-transition: all 0.5s ease-out .6s;-moz-transition: all 0.5s ease-out .6s;}
.fullwindow-banner-inner li:nth-of-type(4) .text {transition: all 0.5s ease-out .7s;-webkit-transition: all 0.5s ease-out .7s;-moz-transition: all 0.5s ease-out .7s;}
.fullwindow-banner-inner li:nth-of-type(5) .icon-wrap {transition: all 0.5s ease-out .8s;-webkit-transition: all 0.5s ease-out .8s;-moz-transition: all 0.5s ease-out .8s;}
.fullwindow-banner-inner li:nth-of-type(5) .text {transition: all 0.5s ease-out .9s;-webkit-transition: all 0.5s ease-out .9s;-moz-transition: all 0.5s ease-out .9s;}
.fullwindow-banner-inner li:nth-of-type(6) .icon-wrap {transition: all 0.5s ease-out 1s;-webkit-transition: all 0.5s ease-out 1s;-moz-transition: all 0.5s ease-out 1s;}
.fullwindow-banner-inner li:nth-of-type(6) .text {transition: all 0.5s ease-out 1.1s;-webkit-transition: all 0.5s ease-out 1.1s;-moz-transition: all 0.5s ease-out 1.1s;}
.about-wrap-first {transition:all .6s ease-in-out;}
.about-wrap-second .erp, .about-wrap-three, .about-wrap-four, .about-wrap-five .erp {margin-top: 30px;opacity: 0;filter: alpha(opacity=0);transition:all .6s ease-in-out;}
.about-wrap-first.active {margin-top:0;}
.about-wrap-second.active .erp, .about-wrap-three.active, .about-wrap-four.active, .about-wrap-five .erp.active {margin-top: 0;opacity: 1;filter: alpha(opacity=100);}
.about-wrap-first .dropdown-arrow {display: inline-block;width: 54px;height: 54px;background: url("../images/about-icon01.png") no-repeat;background-size: auto;background-size: cover;margin-top: 70px;}
/*态度*/
.paiky-att-box{ position:relative;}
.paiky-att-box .img-box25{width: 50%;}
.paiky-att-box .img-box25 img,.paiky-att-box .text-box img{width:100%;}
.paiky-att-box .text-box{width:50%;position:absolute; right:0; bottom:0; z-index:100;background-color: #FCFCFC;}
.paiky-att-box .text-box li{width:50%;float: left;}
.paiky-att-box .text-box li.text01,.paiky-att-box .text-box li.text02{position: relative;}
.paiky-att-box .text-box li.text02 b{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);font-size: 23px;color: #FFFFFF;line-height: 40px;}
.paiky-att-box .text-box li.text01 .text03{position: absolute;top:15.4%;left:12%;}
.paiky-att-box .text-box li.text01 .text03 span{display: block;width:233px;height:16px;margin: 10px 0 24px;}
.paiky-att-box .text-box li.text01 .text03 h2{display: block;font-size: 30px;color: #333333;}
.paiky-att-box .text-box li.text01 .text03 i{display: block;width:77px;height:2px;background-color: #C5C5C5;margin-bottom: 26px;}
.paiky-att-box .text-box li.text01 .text03 p{font-size: 16px;color: #7B7B7B;line-height: 24px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.paiky-att-box .img-box25 .swiper-container-horizontal > .swiper-pagination-bullets{bottom: auto;right: 30px;left:auto;width:auto;top:50%;}
.paiky-att-box .img-box25 .swiper-pagination-bullet{display: block;margin: 8px 0;width:10px;height:10px;opacity: 1;background-color: #FFFFFF;}
.paiky-att-box .img-box25 .swiper-pagination-bullet-active{background-color: #1A58AB;opacity: 1;}/*团队文化*/.team-cultr{position: relative;}
.team-cultr .text-box{width:50%;position:relative;}
.team-cultr .text-box>img{width:100%;}
.team-cultr .text-box .text{position:absolute;top:24%;left:20%;}
.team-cultr .img-box26{width: 50%;}
.team-cultr .img-box26>img{width:100%;}
.team-cultr .text h2{font-size: 35px;color: #222;}
.team-cultr .text i{display: block;width:54px;height:2px;background-color: #CFCFCF;margin: 30px 0 25px;}
.team-cultr .text .text01{margin-bottom: 70px;}
.team-cultr .text .text01 span{font-size: 20px;color: #000;font-family: 'Microsoft YaHei Regular';}
.team-cultr .text .text01 p{font-size: 16px;color: #666;line-height: 24px;margin-top: 6px;}
.team-cultr .text .text02 span{font-size: 18px;color: #222;margin-bottom: 25px;}
.team-cultr .text .text02 p{font-size: 16px;color: #666;line-height: 24px;margin-top: 35px;}
.team-cultr>s{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
/*对于细节的追求，我们向来偏执！*/
.chase-detail-box{padding-top: 70px; padding-bottom:40px;background: url("../images/paiky-att-img05.jpg");background-size:cover;}
.chase-detail{width:1260px;margin: 0 auto;}
.chase-detail .text{width:620px;padding-top: 220px;}
.chase-detail .text h2{font-size: 35px;color: #343434;display: block;margin-bottom: 25px;}
.chase-detail .text p{font-size: 14px;line-height: 20px;color: #727272;}
.chase-detail .text span{font-size: 18px;color: #222;display: block;margin-top: 55px;margin-bottom: 8px;}
.fl {float: left;}
.fr {float: right;}
.about_pics  .slick-next,.about_pics  .slick-prev{opacity:0;}
.about_pics .scroll .slick-dots li button{ width:10px; height:10px;}
.people_show{padding-top:80px;padding-bottom: 80px;background: url(../images/paiky-att-img11.jpg) center center no-repeat;background-size: cover;}
.people_pics .scroll { padding-top:30px; padding-bottom:20px;}
.people_pics .scroll .slick-dots{ bottom:-20px;}
.people_pics .scroll .slick-dots li button{ width:10px; height:10px;}
.people_pics  .slick-next,.people_pics  .slick-prev{opacity:0;}
.people_pics .item{ position:relative; margin:0 40px; overflow:hidden}
.people_pics .item img{ width:100%;height: auto ; border:0;transition: transform 2s;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.people_pics .item img:hover{transform: scale(1.1);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: none;}
.people_pics .item .text{width:80%;height: auto;padding-bottom: 20px;text-align:center;background: #e31e1e;background: linear-gradient(145deg,#e31e1e,#e31e1e);bottom:20px;position:absolute;left:50%;margin-left:-40%; z-index:100}
.people_pics .item .text h5{font-size:18px;color:#FFFFFF;font-weight:bold;padding-top:20px; margin-top:0;}
.people_pics .item .text p{color:#FFFFFF;font-size:12px;padding-top:10px;}
@media (max-width:768px) {
.about-iBan .box{ display:none;}
.inner-title{ font-size:1.8rem;}
.about-wrap-first .inner-wa{ padding:0rem; padding-top:3rem}
.inner-line {width: 10%;margin: 1rem 0;}
.about-wrap-first .dropdown-arrow{ margin-top:2rem}
.about-page {padding-bottom: 0;}
.paiky-att-box .text-box li.text01 .text03 i{ margin-bottom:1rem}
.paiky-att-box .text-box li.text01 .text03 p {font-size: 0.8rem;line-height: 150%;}
.paiky-att-box .text-box li.text02 b{ font-size:1.1rem; line-height:150%}
.paiky-att-box .text-box li.text01 .text03 h2 {font-size: 1.4rem;}
.team-cultr .text-box {width: 100%;}
.team-cultr .text-box .text {position: initial;top: initial;left: inherit;width: 90%;margin: 0px auto;padding-top: 2rem;}
.team-cultr .text .text01 {margin-bottom: 2rem;}
.team-cultr .text .text01 span {font-size: 1.2rem;}
.team-cultr .text .text01 p {font-size: 1rem;line-height: 180%;margin-top: 1rem;}
.team-cultr .text .text02 span {font-size: 1.2rem;color: #333333;margin-bottom: 1rem;}
.team-cultr .text .text02 p {font-size: 1rem;color: #999;line-height: 180%;margin-top: 1rem;}
.team-cultr>s{ display:none}
.team-cultr .img-box26 {width: 100%;padding-top: 2rem;}
.chase-detail-box {padding-top: 2rem;padding-bottom: 2rem;}
.chase-detail {width: 90%;margin: 0 auto;}
.chase-detail .text {width: 100%;padding-top: 2rem;}
.chase-detail .text h2 {font-size: 1.4rem;margin-bottom: 1rem;}
.chase-detail .text p {font-size: 1rem;line-height: 180%;}
.chase-detail .text span {font-size: 1.4rem;color: #333333;display: block;margin-top: 2rem;margin-bottom: 1rem;}
.people_show {padding-top: 3rem;padding-bottom: 3rem;}
.team-cultr .text h2 {font-size: 1.4rem;}
.team-cultr .text-box>img {width: 100%;display: none;}
.team-cultr .text i {margin: 1rem 0;}
.paiky-att-box .text-box li.text01 .text03 span{ display:none}
.inner-descrition{ font-size:1rem; line-height:180%}
.fl {float: none;}
.paiky-att-box .img-box25 {width: 100%;}
.fr {float: none;}
.paiky-att-box .text-box {width: 100%;padding-top: 0;position: initial;left: inherit;bottom: inherit;}
.people_pics .item{ margin:0 1rem}
}
/*新闻样式*/
#dcms_pager {width:94%; margin:0px auto; padding-bottom:0px; font-size:16px;}
#dcms_pager .pages {border:none;text-transform:uppercase;margin:30px 0 10px 0;padding:0;clear:both;text-align:center;}
#dcms_pager .pages a {text-decoration:none;margin:0; width:36px;height:36px;line-height:36px; text-align:center; border-radius:50%; color:#333333; display:inline-block;font-family: 'num2';}
#dcms_pager .pages a:hover {color:#dd2525}
#dcms_pager .pages .pgempty {color:#999;}
#dcms_pager .pages .pgcurrent {color:#dd2525}
.news_in{ padding-top:130px; padding-bottom:30px;}
.new_lists{ padding-top:0px; padding-bottom:20px; max-width:1400px; margin:0px auto}
.new_lists ul{border-top: 1px solid #eee;}
.new_lists ul li{display: flex;align-items: center;justify-content: space-between;padding:40px 0;position: relative;border-bottom: 1px solid #eee;}
.new_lists ul li .news_font_l{ width:64%;}
.new_lists ul li .news_font_l small{ font-size:18px;opacity: 0.5; margin-bottom:20px; display:block}
.new_lists ul li .news_font_l h3{ font-size:24px; margin-bottom:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.new_lists ul li .news_font_l p{ line-height:30px;height:60px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #474747;}
.new_lists ul li .news_font_l{}
.new_lists ul li .news_img_r{width: 28.5%; overflow:hidden}
.new_lists ul li .news_img_r img{ width:100%;transition: transform 2s;}
.new_lists ul li:hover .news_img_r img{transform: scale(1.1);}
.mb_class{ text-align:center; padding-top:50px; padding-bottom:50px;}
.mb_class ul li{ display:inline-block;padding:0px 4px;}
.mb_class ul li a{font-size: 16px; padding:14px 30px; display:inline-block;background: #f5f5f5; border:#eeeeee 1px solid;border-radius: 4px; }
.mb_class ul li a:hover,.mb_class ul li a.active{background: #2f82ff;background:linear-gradient(145deg,#da251d,#ff4f47); color:#FFF;border-radius: 4px;border:#ffffff 1px solid;}
.new_lists ul li:after {content: "";position: absolute;bottom: 0;left: 0;background-color: #c89022;height: 1px;width: 0;opacity: 0;transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;-ms-transition: all 0.6s ease-out;}
.new_lists ul li:hover:after {opacity: 1;width: 100%;}
.news_info{}
.news_info .news_info_titile{ padding-top:10px; padding-bottom:40px; text-align:left;}
.news_info .news_info_time{ position:relative;padding-bottom:12px; text-align:left;}
.news_info .news_info_time  .share_in{ position:absolute; right:0; bottom:-12px; z-index:3 }
.news_info .news_info_time  .share_in ul li{ display:inline-block; padding:0 8px;}
.news_info .news_info_Author{padding-bottom:12px; text-align:left; border-bottom: #dddddd 1px solid;}
.news_info .news_info_content{ padding-top:40px; line-height:240%; padding-bottom:50px;}
.news_info .news_info_content p{ line-height:inherit}
.news_info .news_info_content img{ max-width:100%}
.news_info .news_info_content .margin_imgs{ margin:70px auto; display:block;max-width:100%;}
@media (max-width:768px) {
.news_in {padding-top: 7rem;}
.new_lists,.new_lists ul{ width:100%;}
.new_lists ul li{ float:none; min-height:inherit; width:100%; margin:0px auto; margin-bottom:0.8rem; display:block}
.new_lists ul li .news_l_times {float: none;width: 100%;font-size:1rem; display:block; text-align:left; padding-top:1rem; padding-left:0.7rem;}
.new_lists ul li .news_r_fonts {float: none;width:100%;text-align: left;padding-left:0.7rem;padding-right:0.7rem;color: #999999;display: block;margin-top:0rem; padding-bottom:1.4rem;margin-bottom:1rem;border-left: none;}
.new_lists ul li .news_l_times .time_dd{ display:inline; font-size:1rem; padding-right:0.5rem;}
.new_lists ul li .news_r_fonts h3{ font-size:1rem;}
.new_lists ul li .news_r_fonts .news_descipe{ font-size:0.7rem;}
.new_lists ul li .news_r_fonts .news_mores{ font-size:0.8rem}
.new_lists ul li .news_font_l {width: auto;}
.new_lists ul li .news_img_r {width: auto;overflow: hidden;padding-top: 1rem;}
.news_info .news_info_time .share_in ul li {display: inline-block;padding:0; padding-right:0.2rem;}
.news_show{ height: 40rem;}
.news_lists ul li {float: none;width: 100%;padding-top: 4rem;display: table;}
.news_lists ul li .display_table {display: block;}
.news_lists ul li .display_table .news_imgs {width: 100%;display: block;vertical-align: middle;overflow: hidden;}
.news_lists ul li .display_table .news_fonts {width: 100%;display: table-cell;padding-left: 0;padding-right: 0;vertical-align: middle;padding-top: 1rem;}
.news_info .news_info_titile {padding-top: 0rem;padding-bottom: 3rem;}
.news_info .news_info_content {padding-top: 3rem;line-height: 200%;padding-bottom:0rem;}
}
.news_in .prev-next-wrap {padding-top:23px;font-size:14px;color:#666;line-height:1.5;border-top:1px solid #e5e5e5;}
.news_in .prev-next-wrap .prev {margin-bottom:10px;}
.news_in .prev-next-wrap a {color:#666;}
.more-relate-list {padding:40px 0;}
.more-relate-list .relate-title {margin-bottom:20px;font-size:24px;font-weight:bold;color:#333;}
.news-list .item-list {margin-left:-1.5%;}
.news-list li {position:relative;float:left;width:48.5%;margin:0 0 1.5% 1.5%;background:#fff;}
.ourwork-list .each-item:after,.news-list li:after,.index-news-list .item2:after,.index-news-list .item3:after,.solution-list .each-item:after,.pay-list .each-item:after {position:absolute;left:0;top:0;content:'';display:block;width:100%;height:100%;background:#fff;transition:all .6s;}
.ourwork-list .each-item:hover:after,.news-list li:hover:after,.index-news-list .item2:hover:after,.index-news-list .item3:hover:after,.solution-list .each-item:hover:after,.pay-list .each-item:hover:after{box-shadow:0 15px 15px rgba(0,0,0,.3);}
.news-list li:hover:after,.index-news-list .item2:hover:after,.index-news-list .item3:hover:after,.pay-list .each-item:hover:after {transform:scale(1);}
.news-list li a,.index-news-list .item-inner {z-index:1;position:relative;display:block;}
.news-list-one li a {padding:35px 70px;background:#f5f5f5;}
.news-list-one .date-wrap {position:relative;float:left;width:115px;height:155px;border-right:1px solid #cacaca;}
.news-list-one .date-inner {position:absolute;top:50%;transform:translateY(-50%);}
.news-list-one .date-wrap .day {font:48px/1 'gotham-medium';}
.news-list-one .date-wrap .line {display:block;width:25px;height:3px;margin:15px 0;background:#cacaca;}
.news-list-one .date-wrap .days {font:14px/1 'Gotham-Book';}
.news-list-one .text-wrap {margin-left:175px;}
.news-list-one .text-wrap .title {font-size:18px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-list-one .text-wrap .descrition {height:48px;margin:15px 0 40px;font-size:14px;color:#666;line-height:24px;overflow:hidden;}
.news-list .text-wrap .more .icon{display:inline-block;width:0;height:10px;background:url(../images/more-icon2.png) no-repeat center center;transition:all .4s;opacity:0;}
.news-list .text-wrap .more strong{font-size:14px;font-weight:normal;color:#666;transition:all .4s;}
@media(min-width:1366px){
.news-list-one li:hover .text-wrap .more .icon {margin-right:10px;}
.news-list-two li:hover .text-wrap .more .icon {margin-left:10px;}
.news-list li:hover .text-wrap .more .icon {width:21px;opacity:1;}
}
.news-list-two li a {padding:35px 40px;}
.news-list-two li .text-wrap {float:left;width:35%;}
.news-list-two li .date {font:14px/1 'Gotham-Book';}
.news-list-two li .text-wrap .title {height:60px;margin:30px 0;font-size:18px;color:#333;line-height:30px;overflow:hidden;}
.news-list-two li .image-wrap {float:right;width:35%;min-width:150px;}
.news-list-two li .image-wrap img {max-width:150px;}
@media (max-width: 768px){
.news-list li {margin:0 0 5% 0;width:100%;}
.news-list-one li a,.news-list-two li a {padding:15px 20px;}
.news-list-one .date-wrap {width:70px;height:auto;margin-bottom:15px;border-right:0 none;}
.news-list-one .date-inner {position:relative;transform:none;}
.news-list-one .date-wrap .day {margin-bottom:10px;font: 40px/1 'gotham-medium';}
.news-list-one .date-wrap .line {display:none;}
.news-list-one .text-wrap {margin-left:8px;}
.news-list-one .text-wrap .title {margin-bottom:5px;font-size:16px;}
.news-list-one .text-wrap .descrition {margin:5px 0 10px;}
.news-list-one .text-wrap .more {display:block;padding-top:10px;border-top:1px solid #cacaca;}
.news-list-two li .text-wrap {width:60%;}
.news-list-two li .text-wrap .title {height:48px;margin:10px 0;font-size:16px;line-height:24px;}
}
/*服务样式*/
.about-iBan { width:100%; position:relative}
.mengcheng {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 95, 116, .3)), to(rgba(23, 9, 49, .3)));background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 95, 116, .3)), to(rgba(23, 9, 49, .3)));background: -webkit-linear-gradient(left, rgba(30, 95, 116, .3), rgba(23, 9, 49, .3));background: -moz-linear-gradient(left, rgba(30, 95, 116, .6) 0%, rgba(23, 9, 49, .3) 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 95, 116, .3)), to(rgba(23, 9, 49, .3))));background: -webkit-linear-gradient(left, rgba(30, 95, 116, .3) 0%, rgba(23, 9, 49, .3) 100%);background: -o-linear-gradient(left, rgba(30, 95, 116, .3) 0%, rgba(23, 9, 49, .3) 100%);background: -ms-linear-gradient(left, rgba(30, 95, 116, .3) 0%, rgba(23, 9, 49, .3) 100%);background: linear-gradient(to right, rgba(30, 95, 116, .3) 0%, rgba(23, 9, 49, .3) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(30,95,116,.6)', endColorstr='rgba(23,9,49,.6)', GradientType=1 );}
.iBanner img { clear:both; display:block; width:100%; height:auto;-webkit-animation: scaleBigToDefault 1.5s ease-in-out;animation: scaleBigToDefault 1.5s ease-in-out;}
@-webkit-keyframes scaleBigToDefault {0% { opacity:0; -webkit-transform:scale3d(1.3,1.3,1.3); transform:scale3d(1.3,1.3,1.3)}
100% {opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)} 
}
@keyframes scaleBigToDefault {0% {opacity:0; -webkit-transform:scale3d(1.3,1.3,1.3); transform:scale3d(1.3,1.3,1.3)} 
100% {opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)} }
.case-nav{position:relative;height: auto;text-align: center;}
.case-nav-main{padding:20px 0;background: #fff;}
.case-nav a{margin:0 32px;display: inline-block;color: #000; font-size: 16px;}
.case-nav a.active{color: #e60012;}
.case-nav a:hover{color: #e60012;}
.case-ul{padding: 65px 5%;}
.case-li{padding:5px;float: left;width: 33.3333%;}
.case-li a{display: block;background: #fff;border: 1px solid #e9e9e9;}
.case-li-img{overflow: hidden;}
.case-li-img img{display: block;width: 100%;transition: all .3s ease;-webkit-transition: all .3s ease;}
.case-li-intro{padding:0 30px;color: #000;}
.case-li-intro p{padding:30px 0;}
.case-li-tit{border-bottom: 1px solid #e9e9e9;font-size: 20px;background: url(../images/icon23.png) no-repeat right center;}
.case-li a:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.website-ul{padding:5% 10%;background:#F4F4F4;}
.website-li{margin-bottom: 5%;}
.website-li-intro{padding:5% 5% 5% 0;float: left;width:50%;font-size: 16px;line-height: 30px;color: #333;box-sizing: border-box;}
.website-li-intro p{margin-bottom: 50px;}
.website-li-tit{position:relative;padding-bottom:30px;font-size: 36px;color: #000; font-weight:bold;}
.website-li-tit:before{content: '';position: absolute;left: 0;bottom: 0;width: 65px;height: 3px;background: #e60012;transition: all .3s ease;}
.website-li-pic{float: left;width: 50%;}
.website-li-pic img{display: block;width: 100%;}
.website-li-intro:hover .website-li-tit:before{width: 120px;}
.website-li.odd .website-li-intro{float: right;}
.website-li-form{}
.website-li-form input{padding:0 25px;float: left;width: 80%;height: 58px;line-height: 58px;box-shadow: 0 0 2px 5px rgba(0,0,0,.01);border-bottom-left-radius: 20px;border-top-left-radius: 20px;}
.website-li-form button{float: left;width: 20%;height: 58px;background: #e60012;color: #fff;border-top-right-radius: 20px;border-bottom-right-radius: 20px;font-size: 20px;font-weight: bold;border: none;}
.website-li-more{display: block;width: 69px;height:69px;background-repeat: no-repeat;background-position: center;background-size: contain;background-image: url(../images/icon62.png);}
.website-li-more:hover{background-image: url(../images/icon79.png);}
.about-iBan .box {width: 100%;position: absolute;left: 0;top: 50%;margin-top: -180px;z-index: 3;}
@media (max-width:768px) {
.website-ul {padding: 5% 2%;}
.case-nav{height: 60px;}
.case-nav.heig{height: 80px;}
.case-nav a{margin:0 10px;font-size: 16px;}
.case-nav-main{padding: 20px 0}
.case-ul{padding: 40px 10px;}
.case-li-intro{padding: 0 10px;font-size: 16px;}
.case-li-intro p{padding: 10px 0;}
.case-li-tit{font-size: 16px;background-size: 15px;}
.website-li-intro{padding: 20px 15px;width: 100%;}
.website-li-pic{width: 100%;}
.website-li-tit{padding-bottom: 15px;font-size: 26px;}
.website-li-intro p {margin-bottom: 20px;}
.website-li-more{display: block;width: 40px;}
}
/*案例样式*/
/*云摄影案例*/
.m-list14{overflow: hidden;padding-bottom: 40px;}
.m-list14 li{width: 25%;float: left;}
.m-list14 .con{margin:0;border: 1px solid #f8f8f8;position: relative;background-color: #fff;overflow: hidden;}
.m-list14 .i-logo{height: 120px;max-height: 100%;line-height: 120px;text-align: center;margin:40px;}
.m-list14 .i-logo img{display: inline-block;vertical-align: middle;max-height: 100%;}
.m-list14 h4{height:24px;font-size:24px;text-align: center;color: #000;font-weight: normal;position: relative;margin-bottom: 23px;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.m-list14 h4:after{content: '';position: absolute;bottom: 0;left: 50%;width: 32px;margin-left: -16px;height: 1px;}
.m-list14 .desc{text-align: center;font-size: 15px;line-height: 26px;color: #666;height: 78px;margin: 0 24px 60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.m-list14 .tab{text-align: center;font-size: 0;}
.m-list14 .tab span{display: inline-block;width: 95px;height: 32px;line-height: 30px;border: 1px solid #eeedf0;margin: 0 10px;font-size: 16px;color: #666;}
.m-list14 .mask{position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.m-list14 .pic{}
.m-list14 .pic img{width: 100%;display: block;}
.m-list14 .qr{position: absolute;bottom: 0;left: 0;right: 0;padding-top: 165px;padding-bottom:30%;}
.m-list14 .qr .img{width: 150px;height: 150px;margin: 0 auto 20px;}
.m-list14 .qr .img img{width: 100%;height: 100%;display: block;}
.m-list14 .qr p{font-size: 18px;color: #333;text-align: center;}
.m-list14 .con:hover .mask{opacity: 1;}
.m-list14 .con:hover{box-shadow: 0px 16px 43px rgba(7,18,101,.13);}
@media screen and (max-width:768px){
.m-list14 li{width: auto;float: none;margin-bottom: 10px;}
.m-list14 .con{margin: 0;}
.m-list14 .tab span{font-size: 14px;}
.m-list14 h4{font-size:20px;}
.m-list14 .desc{font-size: 18px;}
}
.height_80{ height:80px;}
.body_03{}
.back_case{ background:url(../images/bg4.jpg) center center no-repeat; background-size:cover;background-attachment: fixed;}
.case_ins{ padding-top:150px;}
.case_in{ padding-top:130px;}
.case .part3 {clear: both;padding-top: 40px;}
.case .nav_fixed{float: none;text-align: center;position: fixed;top:80px;left: 0;width: 100%;height: 60px;line-height: 60px;background-color: #fff;z-index: 20;}
.case .nav_fixed ul li {float: none;text-align: center;margin-right: 0;display: inline-block;}
.cae_in_list  ul li {display: table;vertical-align: middle; padding-bottom:20px;}
.cae_in_list  ul li a{text-align:center; padding:0 5%; display:block}
.cae_in_list  ul li .pic{width:45%;vertical-align: middle;display: table-cell;}
.cae_in_list  ul li .pic img{ width:100%;transform: scale(0.95);transition: transform 2s;}
.cae_in_list  ul li :hover .pic img{transform: scale(1);}
.cae_in_list  ul li .txtbox{vertical-align: middle;display: table-cell;text-align:left; width:50%; padding-top:-20px;}
.cae_in_list  ul li .txtbox h3{margin-bottom: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cae_in_list  ul li .txtbox .new_descipes{ line-height:30px; height:60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #666666;}
.cae_in_list  ul li .txtbox .hangye{ display:block; margin-bottom:15px;}
.cae_in_list  ul li .txtbox .URL{ display:block; margin-bottom:30px; color:#999; line-height:20px;}
.cae_in_list  ul li .txtbox .URL img{ height:20px; display:inline-block; margin-right:10px;}
.cae_in_list  ul li .txtbox .show_more{background: #fff;border: 1px solid #dcdfe6;color: #606266;display: inline-block;line-height: 1;white-space: nowrap;border-radius:4px;padding: 12px 23px; margin-top:20px;-webkit-transition: all ease .4s;transition: all ease .4s;}
.cae_in_list  ul li:hover .txtbox .show_more {background: #2f82ff;background: linear-gradient(145deg,#2f82ff,#2fa4ff);color: #FFF;border: 1px solid #2f82ff;-webkit-transition: all ease .4s;transition: all ease .4s;}
/*案例详情样式内容开始*/
.body-wrap {width: 100%;position: relative;transition: all 0.5s ease 0s;z-index: 1;    background-color: #eaeaea; margin-top:0px;}
.wechat-info-ban {height: 600px;position: relative;width: 100%;z-index: 10;}
.wechat-info-ban .bgimg-out {position: relative;overflow: hidden;width: 100%;height: 100%;}
.wechat-info-ban .bgimg-out img{-webkit-animation: scaleBigToDefault 1.5s ease-in-out;animation: scaleBigToDefault 1.5s ease-in-out;}
@-webkit-keyframes scaleBigToDefault {0% { opacity:0; -webkit-transform:scale3d(1.3,1.3,1.3); transform:scale3d(1.3,1.3,1.3)} 100% {opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)} }
@keyframes scaleBigToDefault {0% {opacity:0; -webkit-transform:scale3d(1.3,1.3,1.3); transform:scale3d(1.3,1.3,1.3)} 100% {opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)} }
.wechat-info-ban .bgimg {opacity: 1;filter: alpha(opacity=1);position: relative;}
.wechat-info-ban .up-cont {position: absolute;top: 40%;color: #fff;left: 10.5%;animation-delay:1s;-webkit-animation-delay:1s;}
.wechat-info-ban .up-cont h4 {font-size: 48px;line-height: 70px;}
.wechat-info-ban .up-cont .line {display: block;width: 40px;height: 4px;background-color: #fff;margin-top: 14px;}
.wechat-info-ban .up-cont .font {display: block;line-height: 36px;font-size: 18px;margin-top: 44px;}
.wechat-info-ban .up-cont .down-ico {display: block;width: 43px;height: 43px;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.4);cursor: pointer;margin-top: 95px;position: relative;overflow: hidden;}
.wechat-info-ban .up-cont .down-ico i {display: block;width: 100%;height: 100%;background: url(../images/ico_16.png) no-repeat center;animation: downico 1.5s ease-out infinite;position: relative;}
.bot-paging {width: 79%;left: 10.5%;position: fixed;bottom: 50px;height: 45px;z-index: 20;transition: all 0.3s ease 0s;}
.bot-paging .link-info {display: block;width: 46px;height: 46px;position: relative;overflow: hidden;transition: width 0.3s ease 0s;}
.bot-paging .link-info .link-ico {display: block;width: 46px;height: 46px;position: relative;z-index: 2;background-color: rgba(0, 0, 0, 0.15);border-radius: 50%;}
.bot-paging .link-info:hover .link-ico {background-color: rgba(0, 0, 0, 1);}
.bot-paging .link-info.prev:hover{width: 190px;margin-right: -95px;}
.bot-paging .link-info.prev:hover .tit-box{transform: translateX(0);}
.bot-paging .link-info.next:hover{width: 190px;margin-left: -95px;}
.bot-paging .link-info.next:hover .tit-box{transform: translateX(0);}
.bot-paging .link-info i {display: block;width: 100%;height: 100%;}
.bot-paging .link-info .tit-box {display: block;line-height: 46px;height: 46px;border-radius: 46px;background: rgba(0, 0, 0, 0.22);position: absolute;top: 0;width: 66px;color: #fbf9f6;z-index: 1;font-size: 14px;}
.bot-paging .prev i {display: block;width: 100%;height: 100%;background: url(../images/ico_23.png) no-repeat center;}
.bot-paging .prev .link-ico {float: left;}
.bot-paging .prev .tit-box {transform: translateX(-102%);left: 1px;padding: 0 22px 0 55px;}
.bot-paging .next i {display: block;width: 100%;height: 100%;background: url(../images/ico_24.png) no-repeat center;}
.bot-paging .next .link-ico {float: right;}
.bot-paging .next .tit-box {transform: translateX(102%);right: 1px;padding: 0 55px 0 22px;}
.bot-paging .retun-list {position: absolute;left: 50%;bottom: 0;width: 46px;height: 46px;margin-left: -23px;transition: all 0.3s ease 0s;overflow: hidden;}
.bot-paging .retun-list .chunk-box {display: block;width: 46px;height: 46px;float: right;overflow: hidden;position: relative;border-radius: 50%;background: url(../images/ico_26.png) no-repeat center rgba(0, 0, 0, 0.15);}
.bot-paging .retun-list:hover .chunk-box{ background-color: rgba(0, 0, 0, 1);}
.bot-paging .retun-list:hover{width: 190px;margin-left: -95px;}
.bot-paging .retun-list:hover .round-tit{transform: translateX(0);}
.bot-paging .retun-list .round-tit {display: block;width: 108px;padding: 0 55px 0 22px;position: absolute;right: 1px;top: 0;transform: translateX(102%);color: #fff;line-height: 46px;font-size: 14px;background: rgba(0, 0, 0, 0.22);border-radius: 46px;}
.bot-paging.long {width: 96%;left: 2%;}
.case-info {padding-top: 16px;position: relative;z-index: 5; padding-bottom:0px;}
.case-info .fir-wrap {background-color: #f5f5f5;border-bottom:#ccc 6px solid;}
.case-info .fir-wrap .left-wrap {background-color: #fff;width: 65%;padding: 3%;}
.case-info .fir-wrap .left-wrap .look-website{display: inline-block;width: 110px;height: 34px;border: 1px solid #d0d0d0;line-height: 34px;font-size: 14px;border-radius:30px;margin-top: 50px;transition: all 0.3s ease 0s;color: #000;text-align: center;}
.case-info .fir-wrap .left-wrap .look-website:hover{background: #2f82ff;background: linear-gradient(145deg,#2f82ff,#2fa4ff); color:#FFF;border: 1px solid #2f82ff; }
.case-info .fir-wrap .right-cont {width: 23%;padding:3%;}
.case-info .fir-wrap .right-cont .line {display: block;width: 10px;height: 2px;background-color: #9a9a9a;margin-top: 10px;}
.case-info .fir-wrap .right-cont .list-box {margin-top: 30px;font-size: 16px;line-height: 30px;}
.case-info .fir-wrap .right-cont .list-box p {padding-left: 20px;line-height: 30px;font-size: 14px;background: url(../images/ico_27.png) no-repeat 3px center;}
.case-info .fir-wrap .right-tit {font-size:20px;line-height: 50px;color: #333;font-family: "num2";}
.case-info .sec-bigban {text-align: center;}
.case-info .sec-bigban img:last-child{ margin-bottom:0}
.case-info .thi-smallban {padding-top: 180px;padding-bottom: 180px;text-align: center;background-color: #fff;}
.case-info .thi-smallban img {max-width: 80%;}
.case-info .bot-erwei {height: 500px;width: 100%;}
.case-info .bot-erwei .link-cont {width: 100%;text-align: center;padding-top: 160px;}
.case-info .bot-erwei .code-img, .case-info .bot-erwei .link-site {vertical-align: top;margin: 0 17px;}
.case-info .bot-erwei .code-img {display: inline-block;width: 120px;height: 120px;}
.case-info .bot-erwei .code-img img {width: 100%;height: 100%;}
.case-info .bot-erwei .link-site {display: inline-block;width: 116px;height: 116px;border: 2px solid #fff;text-align: center;line-height: 116px;color: #fff;font-size: 16px;font-family: "Base-font";transition: all 0.3s ease 0s;}
.case-info .bot-erwei .link-site:hover {background-color: #fff;border: 2px solid #fff;color: #000;border-radius: 10px;}
.case-info .bot-erwei .intr-tit {line-height: 40px;text-align: center;margin-top: 25px;color: #fff;font-size: 16px;}
.case-info .main-wrap { padding:3%;background-color: #fff;}
.case-info .row-two-img .img {display: block;width: 48%;}
.case-info .row-two-img .img img {width: 100%;}
.wechat-info .sec-bigban {padding: 30px;background-color: #fff;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
.w1520 {width: 79%;margin: 0 auto;}
.website-info-ban .up-cont .link-ico {display: block;width: 43px;height: 43px;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.4);cursor: pointer;margin-top: 95px;position: relative;overflow: hidden;transition: all 0.3s ease 0s;}
.website-info-ban .up-cont .link-ico .bg {display: block;width: 0;height: 0;left: 50%;top: 50%;transition: all 0.3s ease 0s;position: absolute;border-radius: 50%;overflow: hidden;}
.website-info-ban .up-cont .link-ico i {display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background: url(../images/ico_25.png) no-repeat center;transition: all 0.3s ease 0s;}
.website-info-ban.active .up-cont .link-ico {transition: transform 0.3s ease 0.6s, opacity 0.3s ease 0.6s, background 0.3s ease 0s, border 0.3s ease 0s;}
.website-info-ban.active .link-ico {opacity: 1;filter: alpha(opacity=100);transform: translateY(0);}
.website-info-ban .up-cont .link-ico:hover i {background: url(../images/ico_43_h.png) no-repeat center;}
.website-info-ban .up-cont .link-ico:hover .bg{display: block;width:46px;height:46px;left:-1px;top:-1px; background-color:#FFF}
.website-info-ban .up-cont .link-ico:hover{border: 1px solid rgba(255, 255, 255, 0);}
.i-column-wrap.black .stit {color: #333;}
.i-column-wrap .stit {font-size: 26px;line-height: 46px;color: #333;margin-left: -1px;}
.i-column-wrap.black .line {background-color: #9a9a9a;}
.i-column-wrap .line {display: block;width: 10px;height: 2px;background-color: #9a9a9a;margin-top: 10px;}
.i-column-wrap.black .mtit {color: #444;}
.i-column-wrap .mtit {display: block;margin-top: 18px;line-height: 36px;color: #444;font-size: 16px;}
.i-column-wrap .font {display: block;line-height: 30px;font-size: 16px;margin-top: 10px;}
.case-info .fir-wrap {background-color: #f5f5f5;}
.mginb-16 {margin-bottom: 16px;}
.f-cb:after {display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;content: ".";}
.wechat-info-ban .up-cont h4, .wechat-info-ban .up-cont .line, .wechat-info-ban .up-cont .font, .wechat-info-ban .link-ico {opacity: 1;filter: alpha(opacity=0);transform: translateY(30px);}
.website-info-ban.active .up-cont h4, .website-info-ban.active .up-cont .line, .website-info-ban.active .up-cont .font, .website-info-ban.active .link-ico {opacity: 1;filter: alpha(opacity=100);transform: translateY(0);}
.website-info-ban.active .up-cont h4 {transition: all 0.3s ease 0s;}
.website-info-ban.active .up-cont .font {transition: all 0.3s ease 0.4s;}
.website-info-ban.active .up-cont .line {transition: all 0.3s ease 0.2s;}
.xg_case{padding-bottom: 90px;margin-top: 90px;}
.news_mores_in {background-color: #eeeeee;padding-bottom: 90px;padding-top: 90px; margin-top:40px;}
.titiles{ text-align:center; padding-bottom:50px;}
.titiles h2,.titiles h4{line-height: 36px;text-transform:uppercase;}
.xg_lists{}
.xg_lists .item{position:relative;overflow:hidden; margin: 0 30px;}
.xg_lists .item img{transition: transform 2s;}
.xg_lists .item:hover img{transform: scale(1.1);transition: transform 2s;}
.xg_lists .item:nth-child(1n){animation-delay:0s;-webkit-animation-delay:0s;}
.xg_lists .item:nth-child(2n){animation-delay:0.3s;-webkit-animation-delay:0.3s;}
.xg_lists .item:nth-child(3n){animation-delay:0.5s;-webkit-animation-delay:0.5s;}
.xg_lists .item .info{background:url(../images/jiantou_0002.png)  100% center no-repeat;-webkit-transition: all ease .4s;transition: all ease .4s;}
@media (max-width:1400px) {
.xg_lists .item .info{ background:none}
}
.xg_lists .item .case_img{position:relative; overflow:hidden}
.xg_lists .item  a .case_img:before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;visibility: hidden;opacity: 0;background: rgba(0,0,0,0);transition: all 0.3s;-webkit-transition: all 0.3s; z-index:3}
.xg_lists .item  a .case_img:after{content: '';position: absolute;top:-10%;left:50%;width:63px;height:63px; margin-top:-32px; margin-left:-32px;background: url(../images/show_mores.png) center center no-repeat;opacity: 0;z-index:4;-webkit-transition: all ease .4s;transition: all ease .4s;}
.xg_lists .item  a:hover .case_img:before{visibility: visible;opacity: 1;background: rgba(0,0,0,0.6);}
.xg_lists .item  a:hover .case_img:after{visibility: visible;top:50%;opacity: 1;-webkit-transition: all ease .4s;transition: all ease .4s;}
.xg_lists .item .info .desc{width: 80%; text-align:left; padding-top:30px;}
.xg_lists .item .info .desc span{display:block;font-size:20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xg_lists .item .info .desc span.fenlei{font-size:14px; color:#999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xg_lists .item:hover .info{background:url(../images/jiantou_0002_hover.png)  100% center no-repeat;-webkit-transition: all ease .4s;transition: all ease .4s;}
@media (max-width:1400px) {
.xg_lists .item:hover .info{ background:none}
}
.xg_lists .item img{display:block;width:100%;overflow:hidden;}
.zz-button {position: relative;overflow: hidden;font-size: 14px;color: rgba(255, 255, 255, 1);background: rgb(221, 37, 37,0.9);margin: 0px 15px 0px 0px;margin-top: 0px;border: 0px solid #dcdfe6;border-radius: 80px 80px 80px 80px;padding: 14px 55px;margin-top: 50px;}
.zz-button::after {display: block;content: '';background: rgba(255,255,255,0.2);position: absolute;border-radius: 50%;animation: twinkle 1.3s;animation-iteration-count: 1;animation-iteration-count: infinite;opacity: 0;width: 0;height: 0;}@keyframes twinkle{0%{width: 0;height: 0;opacity: 0;left: 50%;top: 50%;}50%{opacity: 1;}100%{width: 100%;height: 300%;left: 0;top: -100%;opacity: 0;}}
.zz-button2 {position: relative;font-size: 14px;color: rgba(255, 255, 255, 1);background: rgba(0, 0, 0, 0.2);margin: 0px 15px 0px 0px;margin-top: 0px;margin-top: 0px;border: 0px solid #dcdfe6;border-radius: 50%;padding: 0;margin-top: 50px;height: 50px;width: 50px;border: #fff 1px solid;-webkit-transition: all ease .4s;transition: all ease .4s;}
.zz-button2::after {display: block;content: '';background: rgba(255,255,255,0.2);position: absolute;border-radius: 50%;animation: twinkle2 1.3s;animation-iteration-count: 1;animation-iteration-count: infinite;opacity: 0;width: 0;height: 0;border-radius: 50%;}@keyframes twinkle2{0%{width: 0;height: 0;opacity: 0;left: 50%;top: 50%;border-radius: 50%;}50%{opacity: 1;border-radius: 50%;}100%{width: 200%;height: 200%;left:-50%;top:-50%;opacity: 0;border-radius: 50%;}
}
.zz-button2:hover{background: rgba(221, 37, 37, 0.8);border:#e60012 1px solid;-webkit-transition: all ease .4s;transition: all ease .4s;}
@media (max-width: 1440px){
.wechat-info-ban .up-cont {width: 89%;left: 5.5%;margin-top: -160px;}
@media (max-width:768px) {
.xg_lists .item .info .desc {width: 100%;}
.xg_case {padding-bottom: 3rem;margin-top: 3rem;}
.titiles {padding-bottom: 2rem;}
.w1520 {width: 90%;}
.xg_lists .item{ margin:0}
.case-info .sec-bigban img {border: #000 6px solid; margin-bottom:2rem;border-radius: 2rem;}
.news_mores_in {padding-bottom: 3rem;padding-top: 3rem; margin-top:2rem;}
.case .nav_fixed{ top:53px;    height: auto;line-height: 160%;padding: 1rem 0;}
.case_ins {padding-top: 7rem;}
.case_in {padding-top: 100px;}
.cae_in_list ul li {display: block;vertical-align: middle;padding-bottom: 2rem;border-bottom: #ccc 1px dotted;margin-bottom: 2rem;}
.cae_in_list ul li a{ display:block; padding:0}
.cae_in_list ul li .pic {width: 100%;vertical-align: top;display: block;}
.cae_in_list ul li .txtbox {vertical-align: top;display: block;text-align: left;width: 100%;}
.wechat-info-ban {height: 50vw;}
.bot-paging {position: absolute;bottom: 10px;}
.wechat-info-ban img {width: 1380px;left: 50%;margin-left: -690px; max-width:inherit}
.body-wrap{ margin-top:52px;}
.body-wrap .w1520 {width: 100%;}
.case-info .fir-wrap .left-wrap, .case-info .fir-wrap .right-cont {width: 90%;padding: 40px 5%;}
.wechat-info-ban .up-cont {margin-top: 0;top: 20px;}
.case-info .fir-wrap .right-cont {display: none;}
.wechat-info-ban .up-cont h4 {font-size: 26px;line-height: 46px;}
.wechat-info-ban .up-cont .line {height: 2px;}
.wechat-info-ban .up-cont .font {margin-top: 16px;}
.website-info-ban .up-cont .link-ico {margin-top: 15px;}
.bot-paging.long {width: 89%;left: 5.5%;}
.zz-button { margin-top:2rem;}
}
@media (max-width: 480px){
.wechat-info-ban .up-cont h4 {font-size: 24px;line-height: 40px;}
.wechat-info-ban .up-cont .line {height: 2px;width: 30px;}
.wechat-info-ban .up-cont .font {font-size: 16px;margin-top: 18px;}
.website-info-ban .up-cont .link-ico {display: none;}
.bot-paging {bottom: 10px;}
}
@media (max-width: 350px){
.bot-paging {bottom: 0;}
}