/* CSS Reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;border: 0;}

html{-webkit-text-size-adjust:none; }

body{font-size:12px;*overflow-x:hidden;margin:0; padding:0;}

table{border-collapse:collapse; border-spacing:0;}

ol, ul, li{ list-style:none;}

blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}

footer a{text-decoration:none;color:#1a1a1a;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

footer a:hover{text-decoration:none;color:#000;}

footer a:focus{outline:0px dotted;}

footer a:focus, input:focus{ -moz-outline-style: none; }

footer a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

footer * {font-family: 'Gotham-Bold',Arial,"微软雅黑","黑体",'宋体';color:#1a1a1a;font-style: normal;}

.fl{ float:left;}

.fr{ float:right;}

.clear { clear:both;}

.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

body sup {display: inline-block!important;vertical-align: top;}

.blackbg {background: #000;}

.alpha0{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}

.no-touch { height:100%;}

.no-touch body{ overflow:hidden;height:100%;}

.pcshow { display:block;}

.mbshow { display:none !important;}

.relative {position: relative;}

.h100 {overflow:hidden;height:100%;}

.h100 body{ overflow:hidden;height:100%;}





.nav_mobile.top-100 {}

.nav_mobile.top-100 .mheader{top: -120px;}

.nav_mobile.scfixed {}

.nav_mobile.scfixed .mheader {width:350px;height:100px;}

.nav_mobile.scfixed .mlogo {width:230px;height:99px;}

.nav_mobile.scfixed .eader-nav {width:120px;height:100px;}

.nav_mobile.scfixed .cd-nav-trigger{width:120px;height:100px;}

.nav_mobile.scfixed *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}



.slideUp .mheader{top: -120px;}

.slideDown .mheader{top: 0px;}

.cased .slideDown .mheader{ height:100px;}





/* mobile nav */

.nav_mobile{display: block;position: relative;}

.mheader {width:350px;height:120px;position:fixed;left: 0;top: 0;z-index: 93; background:#FFF;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;display: none}

.mlogo {display: block; width:230px;height:119px;border-right:#e5e5e5 solid 1px;border-bottom:#e5e5e5 solid 1px;overflow: hidden;background: url(../img/logo-h.svg) center no-repeat; z-index: 94; float:right;}

.header-nav {width:120px;height:120px;background:#282828; position:relative;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}



.cd-nav-trigger{width:120px;height:120px;position: absolute;z-index:898;top:0;left:0;overflow: hidden;text-indent: 100%;white-space: nowrap;-webkit-transition: -webkit-transform 0.2s;-moz-transition: -moz-transform 0.2s;transition: transform 0.2s;}

.cd-nav-trigger span{ opacity:.6;background:#fff;position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width:30px; height: 2px;}

.cd-nav-trigger span::before, .cd-nav-trigger span:after{content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: inherit; -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.2s, width 0.2s; -moz-transition: -moz-transform 0.2s, width 0.2s; transition: transform 0.2s, width 0.2s;}

.cd-nav-trigger span::before{-webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px);}

.cd-nav-trigger span::after{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateY(8px); -moz-transform: translateY(8px); -ms-transform: translateY(8px); -o-transform: translateY(8px); transform: translateY(8px);}



.cd-nav-trigger:hover { }

.cd-nav-trigger:hover span {opacity:1;}





.no-touch .cd-nav-trigger{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}

.no-touch .cd-nav-trigger span{background:#fff;}

.no-touch .cd-nav-trigger span::after,.no-touch .cd-nav-trigger span::before{width: 50%;background:#fff;}

.no-touch .cd-nav-trigger span::before{-webkit-transform: translateX(2px) translateY(1px) rotate(45deg);-moz-transform: translateX(2px) translateY(1px) rotate(45deg);-ms-transform: translateX(2px) translateY(1px) rotate(45deg);-o-transform: translateX(2px) translateY(1px) rotate(45deg);transform: translateX(2px) translateY(1px) rotate(45deg);}

.no-touch .cd-nav-trigger span::after{-webkit-transform: translateX(2px) translateY(-1px) rotate(-45deg);-moz-transform: translateX(2px) translateY(-1px) rotate(-45deg);-ms-transform: translateX(2px) translateY(-1px) rotate(-45deg);-o-transform: translateX(2px) translateY(-1px) rotate(-45deg);transform: translateX(2px) translateY(-1px) rotate(-45deg);}



.cd-nav-container{background-color:#080808;position: fixed; z-index:91; top:0px; left: 0; width: 100%; height: 100%;overflow:hidden;

-webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.4s 0s; -moz-transition: -moz-transform 0.4s 0s; transition: transform 0.4s 0s,

}



.cd-nav-container.is-visible{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);-webkit-overflow-scrolling: touch;}





.cd-close-nav{position: absolute; height: 44px; width: 44px; right:6%; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; text-indent: 100%; white-space: nowrap; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s;}

.cd-close-nav::after, .cd-close-nav::before{content: ''; position: absolute; height:1px; width: 32px; left: 50%; top: 50%; background-color: #666; -webkit-backface-visibility: hidden; backface-visibility: hidden;}

.cd-close-nav::after{-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg);}

.cd-close-nav::before{-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg);}



.no-touch .cd-close-nav:hover{opacity: .8;}

.cd-nav {width:83%; padding-left:17%;}

.cd-nav li{ margin: auto; overflow:hidden;position: relative;}

.cd-nav li * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.cd-nav li a{ position: relative; display:inline-block; margin: 1.55% auto auto;padding-bottom: 1.55%; padding-left:30px;overflow:hidden;}

.cd-nav li a h3 {font-size:36px;color:#666;display:block; text-transform: uppercase; min-width: 180px;}

.cd-nav li a h2 {font-size:34px;padding-bottom:10px;color:#fff;display:block; position:absolute; left:230px;min-width: 200px;top:0; z-index:1; background:#080808; opacity:0;}

/*

.cd-nav li a:hover{color:#fff;}

.cd-nav li a h2::after {content: '';width:1%;height:2px;background:#fff;position:absolute;left:0px;bottom:0px;}

.cd-nav li a:hover h2::after {width:100%;}

*/

.cd-nav li a:hover h2{display:block;left:30px; opacity:1;}

.cd-nav li a:hover h3{color:#080808;}

.cd-nav li a i { display: block; position:absolute; left:0px; top:10px; font-size:14px; color:#666; font-weight:bold;}

.cd-nav li a:hover i{color:#fff;}

.cd-overlay{position: fixed; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; z-index:19;}

.cd-overlay.is-visible{opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s;}





.cd-nav li a h4 {display:block; }

.cd-nav li a h4 span {font-size:46px;color:#666;text-transform: uppercase;}

.cd-nav li a h4::before{content:'';position:absolute;height:70%;top: 0;width:100%;border-width:1px 0;border-color:#fff;border-style:solid;left:0;-webkit-transform:translate3d(-101%,0,0);transform:translate3d(-101%,0,0);-webkit-transition:-webkit-transform .5s;transition:transform .5s}

.cd-nav li a h4:hover::before{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.cd-nav li a h4 span{display:inline-block;position:relative;-webkit-transform:perspective(1000px) rotate3d(0,1,0,0deg);transform:perspective(1000px) rotate3d(0,1,0,0deg);-webkit-transition:-webkit-transform .5s,color .5s;transition:transform .5s,color .5s}

.cd-nav li a:hover h4 span{color:#fff;-webkit-transform:perspective(1000px) rotate3d(0,1,0,360deg);transform:perspective(1000px) rotate3d(0,1,0,360deg)}

.cd-nav li a h4 span:nth-child(8),.cd-nav li a:hover h4 span:first-child{-webkit-transition-delay:0s;transition-delay:0s}

.cd-nav li a h4 span:nth-child(7),.cd-nav li a:hover h4 span:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s}

.cd-nav li a h4 span:nth-child(6),.cd-nav li a:hover h4 span:nth-child(3){-webkit-transition-delay:.2s;transition-delay:.2s}

.cd-nav li a h4 span:nth-child(5),.cd-nav li a:hover h4 span:nth-child(4){-webkit-transition-delay:.3s;transition-delay:.3s}

.cd-nav li a h4 span:nth-child(4),.cd-nav li a:hover h4 span:nth-child(5){-webkit-transition-delay:.4s;transition-delay:.4s}

.cd-nav li a h4 span:nth-child(3),.cd-nav li a:hover h4 span:nth-child(6){-webkit-transition-delay:.5s;transition-delay:.5s}

.cd-nav li a h4 span:nth-child(2),.cd-nav li a:hover h4 span:nth-child(7){-webkit-transition-delay:.6s;transition-delay:.6s}

.cd-nav li a h4 span:first-child,.cd-nav li a:hover h4 span:nth-child(8){-webkit-transition-delay:.7s;transition-delay:.7s}

.cd-nav li a h4 span { min-width: 15px;}









.cd-nav-container.is-visible .cd-nav li{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}

.cd-nav-container.is-visible .cd-nav li.dnav1 {-webkit-animation-duration:.7s;animation-duration:.7s;}

.cd-nav-container.is-visible .cd-nav li.dnav2 {-webkit-animation-duration:.8s;animation-duration:.8s;}

.cd-nav-container.is-visible .cd-nav li.dnav3 {-webkit-animation-duration:.9s;animation-duration:.9s;}

.cd-nav-container.is-visible .cd-nav li.dnav4 {-webkit-animation-duration:1.0s;animation-duration:1.0s;}

.cd-nav-container.is-visible .cd-nav li.dnav5 {-webkit-animation-duration:1.1s;animation-duration:1.1s;}









.cd-encontact { background:#121212; position:absolute; right:0px; top:0px; width:30%; height:60%; z-index:5; text-align:center;}

.cd-encontact h4 { color:#656565; font-size:20px; padding-bottom:20px;}

.cd-encontact li { overflow:hidden; padding:10px 0;}

.cd-encontact li h5{color:#656565; font-size:14px;font-family: 'Gotham-Book',Arial,"微软雅黑","黑体",'宋体';}

.cd-encontact li h5 strong {color:#fff; font-size:14px;}

.cd-encontact li a{ display:inline-block; margin:1%; padding:18px; overflow:hidden;border-radius:100%; background:url(../img/qq-b.svg) center no-repeat #666; background-size:45%;opacity:.3;}

.cd-encontact li a:hover { opacity:1;}

.cd-cncontact { background:#1c1c1c; position:absolute; right:0px; bottom:0px; width:30%; height:40%; z-index:5;text-align:center;}

.cd-cncontact i { display:block; margin:auto; width:25px; height:25px; background:url(../img/add-b.svg) center no-repeat; background-size:100%; opacity:.4;}

.cd-cncontact li { overflow:hidden; padding:10px 0; color:#939393; font-size:12px; line-height:24px;}

.cd-cncontact li a {display:inline-block; position:relative; color:#CCC; padding-bottom:5px; overflow:hidden;opacity:.4;font-family: Arial;}

.cd-cncontact li a::after {content: '';width:100%;height:1px;background:#ccc;position:absolute;left:0px;bottom:0px;}

.cd-cncontact li a:hover { opacity:1;color:#fff;}





.cd-nav-container .d-table {padding-top: 120px;}

.cd-nav-container .cd-encontact .d-table,.cd-nav-container .cd-cncontact .d-table{padding-top: 0px;}





.cd-nav-container .mhtel { border-top: 1px solid #212121;overflow: hidden; text-align: left; margin: 2% 80px 0 80px;}

.cd-nav-container .mhtel h3 {display: inline-block;border-radius:3px; margin-top: 15%;background: #000 url("../img/ctel.svg") 10% center no-repeat;background-size: 10%; padding: 10px 20px 10px 40px;border: 1px solid rgba(255,255,255,.5);overflow: hidden;opacity: 0.5;text-align: center;}

.cd-nav-container .mhtel h3 a {color: #fff;font-size: 16px;}









.header_top { background:#000; position: fixed; left:0; top:0px; width:100%; height:60px; z-index:999;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}

.ht_fixed { top:0;}

.header_content{ overflow:hidden;width:87%; height:60px; margin:auto;}

.h_logo{ background: url(../img/logo-b2.svg) left center no-repeat;background-size:100%; width:100px; height:60px; display:block; float:left;position: relative;}

.header_nav{float:right;width:75%; text-align:right;}

.header_nav  li{margin-left:40px; display:inline-block;}

.header_nav  li a{ font-size:14px;display:block;padding-top: 0;line-height: 60px;color: #bababa;}

.header_nav  li a span {color: #bababa;}

.header_nav  li a:hover,.header_nav  li a:hover span{color: #fff;}

.hnone .mheader{ top: -140px;}

.htlogo {float:left;}

.htlogo .h_logo{float:left;opacity: .9;}

.htlogo h6{float:left; display:block; font-size:14px; line-height:60px; margin-left: 15px;padding-left: 14px; color:#bababa; position:relative;}

.htlogo h6::after {content: '';width:1px;height: 20px;background: #bababa;position: absolute;left:0;top:50%; margin-top:-9px; opacity:.3;}

.header-nav-tel{margin-left:20px;display: inline-block;color: #fff;font-size: 14px;padding-left:20px;position: relative;}

.header-nav-tel::before {content: '';width: 1px;height: 20px;background: #bababa;position: absolute;left: 0;top: 50%;margin-top: -9px;opacity: .3;}



.cased .hnone .mheader{ top:0px;}

.cased .hnone .mheader {height: 80px;}

.cased .hnone .mheader .mlogo {height: 79px;background-size: 80%;}

.cased .hnone .header-nav {height: 80px;}

.cased .hnone .cd-nav-trigger {height: 80px;}









/* footer */

footer { overflow: hidden; position: relative;background: #121212;}

footer .ng-footer {padding:4% 120px 2% 120px; overflow: hidden;}

footer .fcenter {padding:0px; overflow: hidden; position:relative;}

footer .fcenter::before {content: '';height: 1px;position: absolute;top:100px;left:0;width:100%; background:#2a2a2a; }

/*footer .fcenter::after {content: '';height: 2px;position: absolute;top:98px; left:0; width:40px; background:#2a2a2a; }*/

footer .fcenter .left{ float:left; width:41%;}

footer .fcenter .right{float:right;width:59%;}

footer .fcenter .left .logoname{width:40%; height:140px;color:#FFF; font-size:30px; text-transform:uppercase; font-weight:bold;position:relative;}

footer .fcenter .left .ewmadd { color:#5f5f5f; font-size:12px; line-height:20px;font-family: 'Gotham-Book',Arial,"微软雅黑","黑体",'宋体';}

footer .fcenter .left .ewmadd .ewm {width: 76px;height: 76px;float: left; padding-right: 16px;}

footer .fcenter .left .ewmadd .ewm img{ display: block; width: 106px;height: 76px;}

footer .fcenter .left .ewmadd .ewmtel {float: left;color:#fff; font-size:16px;padding-top:13px; line-height: 24px; overflow:hidden; font-weight:bold;}

footer .fcenter .left .ewmadd .add { clear: both; overflow: hidden; padding-top: 30px;color:#5f5f5f; font-size:12px;font-family: Arial,"微软雅黑","黑体",'宋体';text-align: left}

footer .fcenter .left .ewmadd .add p{
    font-size: 12px;
}

footer .fcenter .left .bmfh {color: #ffffff; font-size:14px; padding-top:15px; overflow:hidden;font-family: 'Gotham-Book',Arial;text-align: left;margin-top: 10px}

footer .fcenter .left .link { color:#404040; font-size:12px; line-height:20px; height:20px;margin-top:95px;overflow:hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

footer .fcenter .left .link a{ margin:0 4px 0 3px;color:#404040;}

footer .fcenter .left .link a:hover {color:#fff;}

footer .fcenter .left .link:hover { height:auto;}

footer .fcenter .right .website {text-align:right; padding-top:50px; overflow:hidden;}

footer .fcenter .right .website ul {display:inline-block;vertical-align:top; text-align:left;}

footer .fcenter .right .website ul h3 { display:block;padding-bottom:30px; margin-bottom:30px;padding-right:80px; overflow:hidden;}

footer .fcenter .right .website ul:last-child h3{padding-right:0px;}

footer .fcenter .right .website ul h3 a {display:block;font-weight:bold; color:#FFF; font-size:14px;}

footer .fcenter .right .website li {overflow:hidden;}

footer .fcenter .right .website li a{ display:block;color:#5f5f5f; font-size:12px; line-height:32px;font-family: 'Gotham-Book',Arial,"微软雅黑","黑体",'宋体';}

footer .fcenter .right .website li a:hover {color:#fff;}

footer .fcenter .right .copy { clear:both; text-align:right; float:right;color:#404040; font-size:12px; margin-top:93px; overflow:hidden;font-family: Arial,"微软雅黑","黑体",'宋体';}

footer .fcenter .right .copy a{color:#404040;font-family:Arial,"微软雅黑","黑体",'宋体';}

footer .fcenter .right .copy a:hover {color:#fff;}

footer .fcenter .right .copy .showmore-link { height:0px; opacity:0; display:block; line-height:30px;}

footer .fcenter .right .copy:hover .showmore-link{height:auto; opacity:1;}

footer .fcenter .right .copy .showmore-link a{ margin:0 0px 0 6px !important;color:#404040;}

footer .fcenter .right .copy .showmore-link a:hover {color:#fff;}



.fcopy *, .fyqlink *, .fyqlink {
    color: #5f5f5f;
    font-family: Arial,"微软雅黑","黑体",'宋体';
    font-size: 12px;
}

.huanhang{
    color: #ffffff;
}


/*

.aside-wrap {position: fixed; right:2%;bottom:100px; z-index: 999; display:none;}

.aside-wrap .topcontrol {width: 23px; height: 80px; opacity: 0.8; background: url("../images/pagetop.svg") no-repeat center; background-size:100%; overflow:hidden; cursor: pointer;}

.aside-wrap:hover {opacity: 1.0;}

.aside-wrap:hover .topcontrol{opacity: 1.0;}

*/









.rolling-top {position: fixed; right:2%;bottom:10%;width: 30px; height: 80px; z-index: 999; display:none;cursor: pointer;}

.rolling-top h6 {font-size: 12px;color: #666;width: 10px;position:absolute;right:-5px;bottom:-20px;font-weight: normal;}

.rolling-top span { position: relative;width:100%;height:100%; display: block;}

.rolling-top i{ display: block;height:10px; width: 1px;position:absolute;left:50%;top:10%; margin-left: -1px; background: #666;animation: rolling-top 2000ms infinite ease-out;-webkit-animation: rolling-top 2000ms infinite ease-out;}

@keyframes rolling-top{

	0%{height:100px;top:85%;opacity: 0;}

	100%{height:30px;top:10%;opacity: 1;}

}

.rolling-top:hover h6{color: #fa8d3e;}

.rolling-top:hover i{background: #fa8d3e;}







/* 滚动内容样式 */

.scroll_main{width:100%;display: block;}

.scroll_wrap {width:100%;height: 610px;position: relative;}

.scroll_cont{height: 100%;overflow: hidden; padding-right:5%;}

.scroll_bar{position: absolute;top:0;right:0;width:4px;height: 100%;background-color: #ededed;}

.scroll_slider{position: absolute;top:0px;right:0px;width:4px;height:100px;background-color:#1a1a1a; overflow:hidden;opacity:1.5; cursor:pointer;z-index: 9;}

.scroll_slider:hover{background-color:#fa8d3e;}





.aside-right {position: fixed; top: 75%; margin-top: -78px; right: 0; width: 50px; z-index:90;}

.aside-right .aside-wrap {width: 100%;display: none;}

.aside-right ul li {position: relative; width: 50px; height: 50px; margin-bottom: 2px; margin-left: 0; cursor: pointer;}

.aside-right ul li a {display: block; width: 100%; height: 100%;}

.aside-right ul li.aside-wc a {background: #b2b2b2 url(../img/dh.png) no-repeat center;}

.aside-right ul li.aside-wc .wechat-code {display: none; position: absolute; left: -130px; top: -35px; z-index: 1000; width: 120px; height: auto; padding:2px; background:#FFF;}

.aside-right ul li.aside-wc .wechat-code:before{position:absolute;right:-15px;top:50px;content:'';border-left:8px #fff dashed;border-top:8px transparent dashed;border-right:8px transparent dashed;border-bottom:8px transparent solid;}

.aside-right ul li.aside-wc .wechat-code img {display: block; width: 100%; height:auto; max-width: 100%;}

.aside-right ul li.aside-qq a {background: #b2b2b2 url(../img/aside-qq.svg) no-repeat center;}

.aside-right ul li.aside-top a {background: #b2b2b2 url(../img/aside-top.svg) no-repeat center;}

.aside-right ul li.aside-wc a:hover {background: #00a78e url(../img/dh.png) no-repeat center;}

.aside-right ul li.aside-qq a:hover {background: #0077c7 url(../img/aside-qq.svg) no-repeat center;}

.aside-right ul li.aside-top a:hover {background: #ff0000 url(../img/aside-top.svg) no-repeat center;}

.aside-right ul li.aside-fulltop a {background: #b2b2b2 url(../img/aside-top.svg) no-repeat center;}

.aside-right ul li.aside-fulltop a:hover {background: #ff0000 url(../img/aside-top.svg) no-repeat center;}



/* 860 */

@media screen and (max-width: 860px) {



    .nav_mobile.hnone.slideDown .mheader{ top:0px;}

    .icase a .pic {max-height:none;}

    .header_top {display:none!important;}

    .pcshow,.aside-wrap .topcontrol { display:none!important;}

    .mbshow { display:block!important;}

    .cd-nav {padding:0 80px;}

    .nav_mobile.scfixed .mheader {width:240px;height:80px;}

    .nav_mobile.scfixed .mlogo {width:160px;height:79px;}

    .nav_mobile.scfixed .header-nav {width:80px;height:80px;}

    .nav_mobile.scfixed .cd-nav-trigger{width:80px;height:80px;}

    .mheader {width: 240px;height:80px;}

    .mlogo, .navtop-logo {width: 160px;height: 79px;background-size:100%;}

    .header-nav {width: 80px;height: 80px;}

    .cd-nav-trigger {width: 80px;height: 80px;}

    .cd-nav-trigger span { width:20px;}

    .cd-nav li a h3 {font-size: 34px;}

    .cd-nav li a:hover h2{display:none;}

    .cd-nav li a:hover h3{color:#fff;}

    .cd-nav-container .d-table {padding-top: 80px;}

    .ng-page-container {background-size:cover;}

    .cd-nav li a h4 span {font-size: 30px;}

    .ng-case .icase a .pic .mark img { max-height: 70px;}

    .cd-nav li a i {display: none}

    .cd-nav li a {padding-bottom: 10px;padding-left: 0px;margin: 2.4% auto;}

    .cd-nav li a h4::before {display:none}

    .cd-nav li a:hover h4 span{color: #fff;}

    .cased #header.nav_mobile.slideUp .mheader {top: -100px;}

    .cased #header.nav_mobile.slideDown .mheader {top: 0px;}

    .cased .mheader .mlogo {border-bottom: #e5e5e5 solid 1px;height: 79px;}

    footer .ng-footer {padding:10% 5% 2% 5%;}

    footer .ftop .right,footer .fcenter .right .website,.cd-encontact,.cd-cncontact { display:none}

    footer .fcenter .left {float: left;width:100%; padding-top:5%;}

    footer .fcenter .left .link {padding:10% 0; display:none;}

    footer .ftop {padding-bottom:5%;}

    footer .fcenter .right {float: none;width:100%; clear:both; padding-top:20px; padding-bottom:0px; overflow:hidden;}

    footer .fcenter .right .copy {text-align: left;padding:5% 0;float: none;margin-top: 30px;}

    footer .fcenter .right .copy a { display: inline-block;}

    footer .fcenter::before {top: 120px;}

    footer .fcenter::after { display:none;}

    .swiper-bottom {left:5%; width:95%;}

    .swiper-relative { padding:10% 4%;}

    .rolldown,.rolling,.casename { display:none;}

    .swiper-pagination-v {width:90%;}

    .ng-index-banner .swiper-button-prev {right:70px;}

    .ng-index-banner .swiper-button-next, .ng-index-banner .swiper-button-prev {margin-bottom: -20px;}

    .ng-index-banner .text {width:90%;left:5%;top: 35%;margin-left:0px; display:none;}

    .ng-index-banner .text h6 {margin:10% auto auto;}

    .ng-index-banner .swiper-button-prev,.ng-index-banner .swiper-button-next { display:none;}

    .swiper-pagination-v span::after { opacity:0.5; left:50%}

    .swiper-pagination-v span.swiper-pagination-bullet-active::after {width:40%;}

    .swiper-relative {padding: 10% 8%;}

    .rolling {left: -25%;bottom: 40%;}

    .ng-index-banner .casename {width:90%;}

    .ng-title h2 {font-size: 40px;}

    .ng-more {top:30px; display:none;}

    .viewmore {font-size: 12px;padding-bottom: 8px;}

    .iservice {margin:0;width:80%;padding: 10% 10% 5% 10%;background-image:url(../img/isbg.svg); background-size: cover;background-position:center 45%; }

    .iservice ul { display:none;}

    .iservice h3 {padding:10px 0 20px 0;}

    .iservice i {width: 60px;height: 60px;}

    .ng-more.mbshow { position:relative; left: -5.5%; top:auto; padding:15% 0; text-align:center; margin:auto; right:auto;opacity: 0.6; }

    .ng-more.mbshow a {font-size:18px; font-weight:normal;font-family: 'Gotham-Light',Arial;}

    .isbg1 {margin:15% 0 0px 0}

    .icase {width: 100%;float: none;margin-bottom: 4%; overflow:hidden;}

    .ng-icasenav {position: relative;right:auto;width:100%;text-align: left;top:auto; padding:10% 0 2% 0; overflow:hidden;}

    .ng-icasenav a {font-size: 14px;margin-left: 0;margin-right: 0;margin-bottom: 5%;overflow: visible;display: inline-block;float: none;width: auto;}

    .ng-news .ng-icasenav a {font-size: 16px;margin-left:0; margin-right:5%; margin-bottom:5%;overflow: visible; display: inline-block; float:left; width: auto;}

    .ng-icasenav a.cur::after {bottom: -10px;}

    .ng-icasenav a:after {bottom: -10px;}

    .ng-icasenav .swiper-wrapper { width: 100%;display:flex;}

    .ng-icasenav .swiper-slide { display:block;margin-left:0;width:auto;}

    .ng-viewall a {font-size: 12px;}

    .ng-inewsl, .ng-inewsr {width:90%;padding: 15% 5%; float:none;}

    .inews-title h4 {padding: 4px 0;}

    .ng-iabout .pic { display:block;}

    .ng-viewall a {padding-bottom: 8px;}

    .ng-iabout .txt {width:90%;top: 50%;margin-top: -35px; left:5%;}

    .ng-iabout .txt h2 {font-size: 17px;}

    .ng-iabout .txt h5 {font-size: 14px;}

    .ng-iabout a:hover h6{ opacity:0; }

    .inews-title h3 {font-size: 26px;}

    .inews-list a h2 {width: 100%;}

    .inews-list a h4 {width: 25%; line-height:24px; display:none;}

    .container {margin-left:5%;padding: 23% 0 5% 5%;}

    .ng-title h4 {font-size:18px;}

    .ng-viewall {margin: 10% auto 17% auto;}

    .ng-viewall a { font-size:16px;}

    .inews-list a h3 {text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}

    .ng-page-banner { background:#000;position:relative;}

    .ng-page-banner::after { content:''; opacity:0.6;position:absolute; width:100%; height:100%; right:0; bottom:0; z-index:1;background:url(../img/banner-n.svg) 1% 0 no-repeat; background-size:140%;}

    .ng-page-banner .title{z-index:4;}

    .title h2 {font-size: 40px;}

    .ng-about-bg {background:#000;}

    .ng-about {padding: 20% 5% 3% 5%;margin-right:5%;}

    .ng-about .left {float: none;width:100%; margin:10% 0;}

    .ng-about .right {float: none;width:100%;margin-right:0;}

    .ng-culture {padding:0 5% 0 10%;background:url(../img/bg3.jpg) center top repeat-x #f5f5f5; }

    .ng-culture .left {width:100%;height: auto;position: relative;left: auto;top: auto;text-align: left; margin-bottom:30px; display:none;}

    .ng-culture .pic {width: 100%;float: none;background:#000;padding: 10% 5%; }

    .culture .txt {width:90%;text-align: center;position: absolute;left: 5%;margin-left:0px;top: 50%;margin-top: -150px;}

    .culture .txt h2 {font-size: 30px;letter-spacing: 10px;}

    .culture .cprev, .culture .cnext { display:none;}

    .righttop-txt { display:none;}

    .title h3 {font-size: 30px;}

    .team {padding:20% 0 10% 5%;}

    .ng-teamstyle {padding:5% 0 5% 5%;}

    .ng-teamstyle .left {width: 100%;height: auto;position: relative;left: auto;top: auto;text-align: left;}

    .ng-teamstyle .teamstyle {width: 100%;float: none;padding:5% 0;}

    .teamstylenum {position: relative;left: auto;top: 0px;bottom: auto;right: 5%;}

    .ng-customers .title h5 {width: 100%;margin: 20px auto 0px auto;line-height: 20px;}

    .customers {width: 90%;padding: 5% 5%;}

    .customers img {width: 40%;height: auto;padding: 3%;border: 1px solid #333;}

    .ng-about .right h2 {font-size: 24px;}

    .teamlist a .text {right:0px;bottom: 16%;}

    .teamlist a:hover .text  {right:0px;}

    .ng-icase-container {margin-left: 5%;padding:25% 0 1% 0;}

    .ng-icasenav,.aside-right { display:none;}

    .ng-icase {padding: 7% 0 0 0;}

    .icase a .txt {padding: 4% 0;}

    .culture .txt h6 {margin-top:50%; width:100%; z-index:4;}

    .culture .txt h6 {opacity: 1;}

    .ng-team { margin-right: 0px;}

    .ng-customers .title {text-align: left;width: 90%; margin:auto;}

    .ng-about .right .text .entext {line-height:20px;}

    .ng-service {margin-right:0;background-image: linear-gradient(#000 0%,#000 15%,#fff 15%,#fff 100% );}

    .ng-iservice {  margin-right:5%;}

    .ng-page-container .container .ng-iservice {  margin-right:0;}

    .ng-marketing .text {width: 90%;position: absolute;left: 5%;top:10%;}

    .ng-marketing .text h2 {font-size: 25px;}

    .ng-projectprocess {padding:20% 0  ;}

    .projectprocess { min-height:850px;}

    .ng-howtodoit .title h3 {font-size: 30px; width:90%; margin:auto;}

    .howtodoit-top .pic {width: 100%;float: none;}

    .howtodoit-top .txt {width: 90%;height: auto;position: relative;right: auto;top: auto; padding:5% 5%;}

    .howtodoit-top .tnum { display:none;}

    .howtodoit-top .txt .position {width:100%;padding:0;}

    .howtodoit-bottom .swiper-wrapper { text-align:center;width:100%; display:flex;}

    .howtodoit-bottom .swiper-slide{ cursor:pointer; width:40%!important; display:inline-block;}

    .howtodoit-bottom {padding: 35px 0 55px 0;background: url(../img/line1.jpg) center 74px no-repeat;}

    .ng-oldcase .title h3 {font-size:30px;}

    .process { top: 0px;width: 302px;border-radius:0px;}

    .process.pp1 { left:50%; margin-left:-150px;}

    .process.pp2 { left:50%; margin-left:-150px;top:200px;}

    .process.pp3 { left:50%; margin-left:-150px;top:400px;}

    .process.pp4 { left:50%; margin-left:-150px;top:600px;}

    .process i {margin: 20% auto auto;}

    .process:hover i {margin: 0 auto auto;}

    .process:hover { background:#e8e8e8;height: auto;z-index:9;}

    .process .xline {margin:10px auto;}

    .jiantou-r { display:none;}

    .process .text li {height: 28px;}

    .process:hover .position {padding: 15% 5%;}

    .process .circle {border-radius:100%;width: 248px;height: 248px; left:50%;margin-left:-125px;bottom:auto; }

    .ng-howtodoit {padding: 20% 0 0;}

    .ng-oldcase {padding: 20% 0 0;  }

    .oldcase {width:90%;}

    .ng-oldcase .title {text-align: left; width:90%; margin:30px auto;}

    .ng-case {padding: 200px 0 5% 5%;}

    .ng-case .ng-icasenav { display:block;}

    .ng-case-top .txt{left: 5%;bottom:0; right:auto; width:75%;padding:10% 10% 5% 10%;height:auto;min-height:auto;max-height:none;}

    .ng-case-top .txt .logo {width:100%; float:none; text-align: center;position: relative; left: auto;top: auto;display: none;}

    .ng-case-top .txt .xline { height: 1px;width: 100%;margin: 0 ;}

    .ng-case-top .txt .text {width:100%; float:none; padding:5%;overflow:hidden;}

    .viewweb {  width:70%;display: none;}

    .ng-case-top .txt .ctitle h3 { font-size:20px; display:block; float:none; width:100%;}

    .ng-case-top .txt .ctitle h6 { float:none; width:1000%;text-align:left; padding-top:10px; overflow:hidden; display:none;}

    .ng-case-top .txt .text {width: 100%;padding: 10% 0 0 0;}

    .ng-case-top .txt .text::before {display: none;}

    .viewweb a {padding: 28px 1% 28px 10%;}

    .ng-case-detail {padding: 10% 0px;}

    .case-detail-ewm {padding: 10% 0px;overflow:hidden}

    .case-detail-ewm .txt{  text-align:center; left: 0;width:100%; margin-left:0px; margin-top:-50px;}

    .case-detail-ewm .txt .left{ float:none; width:114px; height:114px; margin:auto;}

    .case-detail-ewm .txt .right{ float:none;width:245px; padding-top:10px; margin:auto;overflow:hidden;}

    .case-detail-ewm .pic { display:none;}

    .ng-other-case {padding: 10% 0 1% 5%;}

    .ng-other-case .title h3 {font-size: 30px;}

    .ng-case-navtop .right { float:none; display:inline-block;vertical-align:middle}

    .ng-case-navtop .left{border-right: none;float:none; display:inline-block; vertical-align:middle;}

    .ng-case-navtop {border-bottom:none; bottom:0px;}

    .top0 {top: auto!important;bottom:0px!important;height:auto;padding:5% 0; text-align:center;}

    .navtop-logonav {display:none;}

    .casedetail-toppic { width:100%;}

    .ng-case-detail img {width:90%;}

    .ng-other-case .title{width:100%; margin:auto; text-align:left;}

    .ng-case-navtop .left a {line-height: 35px;height: 35px;width: 120px;background: url(../img/linkurl.svg) 20% center no-repeat;}

    .ng-case-navtop .right a {line-height: 35px;height: 35px;width: 35px;}

    .ng-case-detail .casedetail-toppic img {width: 100%;}

    .ng-contact {margin-right: 0px;}

    .contact {padding: 10% 5%;}

    .contact .left {float: none;width: 100%;}

    .contact .right {width: 100%;padding-left:0; padding:10% 0 0; border-top:5px solid #e7e7e7; margin-top:50px;}

    .contact .right li h4 {float: none;width:100%; text-align:left;}

    .contact .right li h5 {float: none;width:100%;}

    .ng-contact-map { display:none;}

    .ng-news {padding: 200px 0 5% 5%;}

    .ng-newslist {margin-right:0;padding: 6% 5% 4% 5%;}

    .ng-news .ng-icasenav { display:block;padding: 10% 0 1% 0;}

    .news-top a .data ,.news a .data{ display:none;}

    .news-top a .pic {float: none;width: 100%;}

    .news-top a .txt {padding: 5% 0 ;}

    .news-top a .txt {float: none;width: 100%;}

    .news-top a .text {margin-top: 5%;width: 100%;}

    .news-top a .text h6 {position: relative;right: auto;top: auto; width:50%; float:left;}

    .news-top a .text h6 { display:block;margin-top:3px;padding-bottom: 6px;}

    .news-top a .text h5 {display: block;clear: both;text-align: left;float: none;width:100%;font-size: 12px;}

    .news a {padding: 5% 0;}

    .news a .text {float: none;width: 100%;padding: 5% 0 ;}

    .news a .text h6 {position: relative;right: auto;top: auto;width:100%; padding-bottom:6px; }

    .news a .text h5 { display:block; margin-top:3px;text-align: left;width: 100%;float: none;font-size: 12px;}

    .pagenum {padding: 10% 0 10% 0;text-align: center;}

    .ng-newsdetail {padding: 150px 5% 30px 5%;}

    .ng-newsdetail .ntitle {font-size: 24px;}

    .newsdetail,.news-detail-page {padding: 5% 0 5% 5%;margin-right:0px;}

    .detail-page a.prev h6.ctrl{ display:inline-block;}

    .detail-page a.next h6.ctrl { display:inline-block;}

    .detail-page a.prev h6,.detail-page a.next h6 {display:none;}

    .detail-page {padding: 7% 0;width: 95%;margin-right: 5%;}

    .othernews a {margin: 2% 0;width: 100%; display:block;}

    .contact-ewm li {padding: 0 0px 0 20px;}

    .ng-newsdetail .ntip li {font-size: 13px;color: #575757;}

    .relatedcontent {padding: 20% 0 0 0;}

    .relatedcontent .rtitle {text-align: left;}

    .nkeyworld { text-align: left;width:100%;}

    .contact-ewm {padding-top:40px;}

    .ng-newsdetail .ntitle { width:100%;}

    .news-top a .text h2 { width: 100%; display: block;clear: both;}

    .cased .mheader .mlogo {background-size: 100%;}

    .relatedcontent .rtitle h4 {font-size: 30px;}

    .teamlist {padding: 15% 0 5% 0;}

    .contact .right li {padding: 15px 0 0;}

    .contact .right li h5 {padding-bottom: 15px;}

    .icase a .txt h3 {padding-bottom: 3px;font-size: 16px;}

    .icase a .txt h4 {font-size: 12px;}

    .contact .right li h3 {padding: 10px 15px 10px 42px;border-radius:3px; background: #000 url("../img/ctel.svg") 10% center no-repeat;background-size: 14%; color: #fff;}

    .contact .right li .bline {border-bottom: none;}

    .contact .right li h3 a {color: #fff;}

    .ng-case-navtop,.case-detail-ewm .txt .left {display: none}

    .case-detail-ewm .txt .right h4 {text-align: center;display: none}

    .case-detail-ewm .txt .right {text-align: center;width:100%;padding-left:0;}

    .case-detail-ewm .pic {display: block;}

    .case-detail-ewm .pic img {width: 200%;}

    .howtodoit-top, .oldcase {width: 90%;}

    .ng-oldcase .oldcase{width: 95%;margin-left: 5%;}

    .howtodoit-top .text {line-height:16px;padding-top: 10px;}

    .casedetail-toppic .swiper-pagination-bullet {width: 5px;height: 5px}

    .process .circle {border: 1px solid #383838;}

    .process h4 {font-size: 16px;}

    .news a .text h4 {line-height: 20px;}

    .news a:hover {background:none;}

    .ng-iabout .txt h3 {display: block;}

    .pagenum a:first-child, .pagenum a:last-child,.pagenum a{font-size: 14px;margin: 0;}

    footer .fcenter .left .logoname {font-size: 26px;}

    .team .jiantou,.ng-iabout .txt h6{display: none}

    .howtodoit-top .txt h3 {font-size: 26px; padding: 0px 0 10px 0;}

    .howtodoit-top .txt i {width: 26px;height: 20px;background: url(../img/syh-h.svg) no-repeat;background-size: 80%;margin-left: 2px;}

    .ng-iabout a:hover .txt {top:50%;}



    .cased #header.nav_mobile.slideDown .mheader .header-nav,.cased #header.nav_mobile.slideUp .mheader .header-nav {width: 80px; }

    .cased #header.nav_mobile.slideDown .mheader .mlogo,.cased #header.nav_mobile.slideUp .mheader .mlogo {background-size:100%;height: 79px;}



    .ng-page-banner {padding: 230px 0 10% 7%;}

    .effect-apollo,.icase a .pic .mark {display:none;}

    /*.ycd{display: none}*/





}



.CopyrightService{
    text-align: center;
}

.CopyrightService .footerLinks a{

    color: #54baf1;
    text-decoration: none;
}

.CopyrightService .footerLinks a:hover{

    color: #FFFFFF;
    text-decoration: underline;

}