a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

body{line-height:1}

ol,ul{list-style:none}

blockquote,q{quotes:none}

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

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

input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}

ol,ul{list-style:none}

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

a{-webkit-tap-highlight-color:transparent;text-decoration:none}

a:hover{text-decoration:none}

body{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}

body,input,textarea{font-family:'Microsoft YaHei',STSong,SimSun,Arial,sans-serif}

input[type=text]:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}

[class*=' icon-'],[class^=icon-]{font-family:iconfont;speak:none;font-style:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.hide{display:none}

.show{display:block}

.bg-black{background-color:#000}

.w86{width:86%;margin-right:auto;margin-left:auto}

.w72{width:72%;margin-right:auto;margin-left:auto}

.w1200{max-width:1240px;margin-right:auto;margin-left:auto}

.w1300{max-width:1240px;margin-right:auto;margin-left:auto}

.align-r{text-align:right}

.wow{visibility:hidden}

.no-cssanimations .wow{visibility:visible}

@-webkit-keyframes fadeIn{from{opacity:0}

to{opacity:1}

}

@keyframes fadeIn{from{opacity:0}

to{opacity:1}

}

.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}

@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}

to{opacity:1;-webkit-transform:none;transform:none}

}

@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}

to{opacity:1;-webkit-transform:none;transform:none}

}

.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

.animated{animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:both;animation-delay:.2s}

.mt10{margin-top:10px}

.mt20{margin-top:20px}

.mt30{margin-top:30px}

.mt40{margin-top:40px}

.mt50{margin-top:50px}

.mt60{margin-top:60px}

.mt70{margin-top:70px}

.mt80{margin-top:80px}

.mt90{margin-top:90px}

.mt100{margin-top:100px}

.mt120{margin-top:120px}

.mt140{margin-top:140px}

.mt200{margin-top:200px}

.clear{clear: both;float: none;}

.header-menu-bottom{display: none;}

.contact-map .BMapLabel{border:none!important}

.contact-map .anchorBL{display:none!important}

.header{position:fixed;z-index:100;top:0;right:0;left:0;padding:16px 0;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#000}

.header.fixed{padding:5px 0;background-color:#000}



/*add by xjp*/

.header.fixed .logo{margin-top: -14px;}

.header.fixed .logo img{height: 28px;}

.header.fixed .header-menu>li>a{font-size: 14px;}

/*end by xjp*/



.logo{position:absolute;z-index: 200;top:50%;left:70px;margin-top:-20px}

.logo img{display:block;height:40px;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}



.top-phone{position:absolute;z-index: 200;color:#FFF; right: 200px;top:50%;margin-top:-20px;font-weight:bold;}

.top-phone p{font-size:14px;margin-bottom:10px;}

.top-phone span{font-size:18px;}

.header.fixed .top-phone p{font-size:12px;margin-bottom:5px;}

.header.fixed .top-phone span{font-size:14px;}



.btn-header-menu{position:absolute;top:60px;right:20px;width:40px;height:30px;display:none}

.btn-header-menu span,.btn-header-menu:after,.btn-header-menu:before{position:absolute;right:0;height:3px;border-radius:2px;background-color:#d81212}

.btn-header-menu:after,.btn-header-menu:before{content:'';left:0}

.btn-header-menu:before{top:0}

.btn-header-menu:after{top:14px}

.btn-header-menu span{bottom:0;width:20px}

.header-menu{font-size:0;/* text-align:right; */text-align:center;margin-right:70px}

@media (min-width: 1920px) {

    .header-menu{width: 1920px;margin-right: auto;margin-left: auto;padding-right: 70px;}

}

.header-menu .btn-close{display:none}

.header-menu>li{margin:0 20px;display:inline-block;vertical-align:top}

.header-menu>li>a{display:block;font-size:16px;line-height:30px;color:#fff; font-weight: bold;}

.header-menu>li>a i{display: none;}

.header-menu>li>a:hover{color:#d81212}

.footer{padding:50px 0}

.footer-inner{position:relative;max-width:1440px;margin-right:auto;margin-left:auto;/* height:30px */}

.footer-logo{position:absolute;top:0;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}

.footer-logo img{display:block;height:30px}

.footer-copyright{font-size:14px;line-height:30px;color:#999;    margin-top: 40px; width: 440px;max-width: 100%;float: left;}

.footer-copyright a{font-size: 12px; color: #999;}

.footer-right{/* position:absolute; */top:0;/* right:0; */font-size:14px;line-height:40px;color:#999}

.footer-right p{display:inline-block;vertical-align:top;line-height:30px;letter-spacing:.05em}

.footer-right p.hide{display: none;}

.footer-right a{color:#999}

.footer-right .btn-social{display:inline-block;vertical-align:top;margin-left:15px;font-size:24px;color:#fff;line-height:30px}

.footer-right .icon-weixin:hover{color:#53c919}

.footer-right .icon-weibo:hover{color:#ff4d4d}

.btn-social-wx{position:relative}

.btn-social-wx img{position:absolute;bottom:100%;left:50%;margin-left:-80px;width:160px;visibility:hidden;opacity:0;-webkit-transition:all .3s;transition:all .3s}

.btn-social-wx:hover img{visibility:visible;opacity:1}

@media (max-width:1600px){

.footer-inner{width:90%}

}

@media (max-width: 1400px) {

    .w1200, .w1300{width: 86%;}

}

@media (max-width:1200px){

.footer-inner{padding-top:40px;height:auto;text-align:center}

.footer-right{position:relative}

}

@media (max-width:1024px){

.logo{left:20px}

.header-menu{margin-right:20px}

.btn-header-menu{right:20px}

}

@media (max-width:640px){

.header.fixed{-moz-transform:none;-ms-transform:none;-webkit-transform:none;transform:none;height:50px}

.logo{margin-top:-1px}

.logo img{height:30px}

.header.fixed .logo{margin-top: -13px;}

.header.fixed .logo img{height: 26px;}

.header-menu-bg{display: none;position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.6);-webkit-transition:transform .2s;transition:transform .2s}

.header-menu,.header-menu-bg{-webkit-transform:translateY(-100%);transform:translateY(-100%)}

.header-menu{position:fixed;z-index:100;padding-top:100px;margin-right:0;top:0;right:0;bottom:0;width:100%;background-color:#d81212;-webkit-transition:transform .3s;transition:transform .3s}

.header-menu>li{display:block}

.header-menu>li>a{position: relative;font-size: 16px;line-height:50px;color:#fff;text-align:left;}

.header-menu>li>a i{position: absolute;right: 0;top: 50%;margin-top: -10px;width: 20px;height: 20px;font-size: 20px;display: block;}

.header-menu>li>a:after{content: '';position: absolute;right: 0;bottom: 0;left: 0;height: 1px;background-color: #fff;-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%;}

.header-menu>li>a:hover{color: #fff;}

.header-menu-bottom{position: absolute;right: 0;bottom: 0;left: 0;height: 180px;display: block;background-color: #fff;}

.header-menu-txt{position: relative;padding-top: 100px;margin: 20px;color: #d81212;text-align: left;}

.header-menu-txt:before{content: '';position: absolute;top: 0;left: 0;width: 2px;height: 80px;background-color: #dedede;}

.header-menu-txt h6, .header-menu-txt > span{font-size: 20px;}

.header-menu-txt p{font-size: 16px;line-height: 1.5;}

.header-menu .btn-close{position:absolute;display:block;top:24px;right:20px;margin-left:-20px;width:40px;height:40px;font-size:30px;line-height:40px;text-align:center;color:#fff}

.btn-header-menu{display:block;top:15px;width:30px;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}

.header.fixed .btn-header-menu{top:15px}

.header.fixed .header-menu .btn-close{top: 10px;}

.btn-header-menu:after,.btn-header-menu:before{width:30px;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}

.btn-header-menu span{width:15px;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}



.header.fixed .btn-header-menu{width: 24px;}

.header.fixed .btn-header-menu:after,.header.fixed .btn-header-menu:before{width: 24px;}

.header.fixed .btn-header-menu:after{top: 10px;}

.header.fixed .btn-header-menu span{bottom: 7px;width: 12px;}



body.menu-open .header-menu,body.menu-open .header-menu-bg{-webkit-transform:translateY(0);transform:translateY(0)}

.mt60{margin-top:30px}

.mt70{margin-top:35px}

.mt80{margin-top:40px}

.mt90{margin-top:45px}

.mt100{margin-top:50px}

.mt120{margin-top:60px}

.mt140{margin-top:70px}

.footer-right{display: none;}

}

@media (-webkit-min-device-pixel-ratio: 2) {

    .header-menu>li>a:after{-webkit-transform: scaleY(.5);transform: scaleY(.5);}

}

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}

.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}

.slick-list:focus{outline:0}

.slick-slide:focus{outline:0}

.slick-list.dragging{cursor:pointer;cursor:hand}

.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}

.slick-track:after,.slick-track:before{display:table;content:''}

.slick-track:after{clear:both}

.slick-loading .slick-track{visibility:hidden}

.slick-slide{display:none;float:left;height:100%;min-height:1px;outline:0}

[dir=rtl] .slick-slide{float:right}

.slick-slide img{display:block}

.slick-slide.slick-loading img{display:none}

.slick-slide.dragging img{pointer-events:none}

.slick-initialized .slick-slide{display:block}

.slick-loading .slick-slide{visibility:hidden}

.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}

.slick-arrow.slick-hidden{display:none}

.banner-dots{position:absolute;bottom:20px;right:0;left:0;font-size:0;text-align:center}

.banner-dots li{margin:0 8px;display:inline-block;vertical-align:top}

.banner-dots li button{position:relative;display:block;width:20px;height:20px;border:0;font-size:0;background-color:transparent;outline:0;cursor:pointer}

.banner-dots li button:before{content:'';position:absolute;top:50%;left:50%;margin-top:-3px;margin-left:-3px;width:8px;height:8px;border-radius:50%;background-color:#fff}

.banner-dots li button:after{content:'';position:absolute;top:0;left:0;width:20px;height:20px;border:1px solid transparent;border-radius:50%}

.banner-dots li button:after,.banner-dots li button:before{-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}

.banner-dots li.slick-active button:before{background-color:#d81212}

.banner-dots li.slick-active button:after{border-color:#d81212}

@media (max-width:640px){.banner-dots{bottom:10px}

.banner-dots li{margin-right:0;margin-left:0}

.banner-dots li button:after{width:12px;height:12px;top:4px;left:4px}

}

.index-banner{height:100vh;overflow:hidden}

.index-banner img{display:block;width:100%}

@media (min-width:641px){.index-banner .banner-dots{top:50%;right:70px;width:20px;left:auto;bottom:auto;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}

.index-banner .banner-dots li{margin:6px 0}

}

.index-banner-item{position:relative;height:100vh;background-repeat:no-repeat;background-position:center center;background-size:cover}

.index-banner-txt{position:absolute;top:50%;right:0;left:0;text-align:center}

.index-banner-txt h6,.index-banner-txt p{visibility:hidden;opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);-webkit-transition:all .5s;transition:all .5s}

.index-banner-txt h6{font-size:40px;letter-spacing:.3em;line-height:1.5;color:#fff;-webkit-transition-delay:.3s;transition-delay:.3s}

.index-banner-txt p{font-size:18px;letter-spacing:.1em;text-transform:uppercase;color:#c9c9c9;-webkit-transition-delay:.6s;transition-delay:.6s}





#server{position:relative; margin:0 auto;  background: url(../images/banner_bg.png) no-repeat bottom center; z-index:9999;}

#server .center{margin:0 auto; display:table;text-align:center; height:265px; margin-top:-250px;}

#server a{display:block; width:225px; height:190px; float:left}

	.s1{background:url(../images/4k.png) no-repeat 0 0}

	.s1:hover{background:url(../images/4k1.png) no-repeat 0 0}

	.s2{background:url(../images/4k.png) no-repeat -232px 0}

	.s2:hover{background:url(../images/4k1.png) no-repeat -232px 0}

	.s3{background:url(../images/4k.png) no-repeat -465px 0}

	.s3:hover{background:url(../images/4k1.png) no-repeat -465px 0}

	.s4{background:url(../images/4k.png) no-repeat -697px 0}

	.s4:hover{background:url(../images/4k1.png) no-repeat -697px 0}





.slick-current .index-banner-txt h6,.slick-current .index-banner-txt p{visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}

.index-wp{padding:80px 0;text-align:center}

.index-wp h5{font-size:36px;line-height:1.25;color:#fff}

.index-wp h6{margin-bottom:20px;font-size:18px;line-height:1.25;color:#fff}

.index-wp p{font-size:16px;line-height:28px;color:#999;letter-spacing:.05em}

.slick-index-plan{width:calc(100% + 20px);left:-10px}

.index-plan-pc{}

.index-plan-m{display: none;}

.index-plan-item{position:relative;display:block;margin:0 10px;outline:0}

.index-plan-item:before{content:'';display:block;padding-top:135.3535%}

.index-plan-item img{position:absolute;top:0;left:0;display:block;width:100%;-webkit-filter:grayscale(1);filter:grayscale(1);-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s}

.index-plan-item:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}

.index-plan-txt{position:absolute;top:25%;right:0;left:0;padding:80px 0 60px;text-align:center;color:#fff;font-weight:700}

.index-plan-txt:before{position:absolute;top:0;right:0;bottom:0;left:0;content:'';background-color:#d81212;-webkit-mix-blend-mode:multiply;mix-blend-mode:multiply}

.index-plan-m .index-plan-item{margin-bottom: 20px;}

.index-plan-m .index-plan-txt{top: 50%;margin-top: -40px;padding-top: 30px;padding-bottom: 20px;}

.index-plan-m .index-plan-txt:after{top: 20px;}

.no-backgroundblendmode .index-plan-txt:before{background-color: rgba(216,18,18,.6);}

.index-plan-txt:after{content:'';position:absolute;top:65px;left:50%;width:20px;height:4px;margin-left:-10px;background-color:#fff}

.index-plan-txt p, .index-plan-txt p, .index-plan-txt span, .index-plan-txt h2{position:relative;z-index:1}

.index-plan-txt p, .index-plan-txt h2{font-size:28px;font-family:"Microsoft YaHei"}

.index-plan-txt span{font-size:18px;line-height:1.25;font-family:"Century Gothic";font-weight:700}

.slick-index-num{width:calc(100% + 60px);left:-30px}

.index-num-item{position:relative;margin:0 30px}

.index-num-item:after{content:'';display:block;padding-top:67.96875%}

.index-num-item:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #2d0000}

.index-num-item img{position:absolute;top:0;left:0;opacity:0;display:block;width:100%}

.index-num-item i{position:absolute;width:14px;height:20px;border:0 solid #d81212}

.index-num-item i:nth-of-type(1){top:0;left:0;border-width:2px 0 0 2px}

.index-num-item i:nth-of-type(2){top:0;right:0;border-width:2px 2px 0 0}

.index-num-item i:nth-of-type(3){bottom:0;left:0;border-width:0 0 2px 2px}

.index-num-item i:nth-of-type(4){bottom:0;right:0;border-width:0 2px 2px 0}

.index-num-item:hover img{opacity:.25}

.index-num-item:hover .index-num-txt{opacity:1}

.index-num-item img,.index-num-txt{-moz-transition:opacity .3s;-o-transition:opacity .3s;-webkit-transition:opacity .3s;transition:opacity .3s}

.index-num-txt{position:absolute;top:50%;right:0;left:0;padding-bottom:30px;color:#fff;/* opacity:.2; */opacity:1;text-align:center;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.index-num-txt:after{content:'';position:absolute;bottom:0;left:50%;margin-left:-10px;width:20px;height:4px;background-color:#fff}

.index-num-txt .num{margin-bottom:20px;font-size:56px}

.index-num-txt h5{font-size:26px}

.index-num-txt h6{font-size:18px;line-height:1.5}

.index-grid{font-size:0}

.index-grid>li{position:relative;display:inline-block;vertical-align:top;width:25%}

.index-grid>li:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:#d81212;opacity:0;visibility:hidden}

.index-grid>li img{display:block;width:100%}

.index-grid>li a{position:absolute;top:0;right:0;bottom:0;left:0;color:#fff}

.index-grid>li a i{position:absolute;top:50%;left:50%;margin-top:-28px;margin-left:-28px;width:56px;height:56px;font-size:56px;visibility:hidden;opacity:0}

.index-grid>li .index-grid-txt,.index-grid>li a i,.index-grid>li:before{-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}

.index-grid>li:hover:before{visibility:visible;opacity:.66}

.index-grid>li:hover a i{visibility:visible;opacity:1}

.index-grid>li:hover .index-grid-txt{visibility:visible;opacity:1}

.index-grid-txt{position:absolute;bottom:60px;left:12.5%;visibility:hidden;opacity:0}

.index-grid-txt h6{margin-bottom:8px;font-size:20px;line-height:1.5;font-weight:700}

.index-grid-txt p{font-size:14px;line-height:1.5;letter-spacing:.3em}

.index-service-head{padding:90px 0 90px;text-align:center;color:#fff;background-color:#d81212}

.index-service-head h6{margin-bottom:15px;font-size:36px}

.index-service-head p{font-size:18px}

.index-service-item{position:relative;overflow:hidden;display: block;}

.index-service-item:after{content:'';display:block;padding-top:70.3125%;background-color:#171717}

.index-service-item img{position:absolute;z-index:2;top:0;left:0;width:100%;display:block;width:100%}

.index-service-item:before{content:'';position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;background-color:#d81212;mix-blend-mode:multiply;visibility:hidden;opacity:0;-webkit-transition:all .3s;transition:all .3s}

.no-backgroundblendmode .index-service-item:before{background-color: rgba(216,18,18,.6);}

.index-service-item:hover:before{visibility:visible;opacity:1}

.index-service-txt{position:absolute;z-index:5;top:50%;right:0;left:0;text-align:center;color:#fff;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}

.index-service-txt h6{font-size:26px;font-family:'Microsoft YaHei';font-weight:300}

.index-service-txt p{font-size:16px;font-family:"Century Gothic"}

.section-title{color:#fff;text-align:center}

.section-title > span{display: block;}

.section-title h6, .section-title > span{margin-bottom:10px;font-size:36px}

.section-title p{font-size:16px;text-transform:uppercase;font-family:"Century Gothic"}

.index-news{padding:120px 0 180px;background-color:#171717}

.list{position:relative;font-size:0}

.list>li{display:inline-block;vertical-align:top}

.list-2>li{width:50%}

.list-3>li{width:33.3333%}

.list-4>li{width:25%}

.list-5>li{width:20%}

.list-index-news{width:81.25%;margin-right:auto;margin-left:auto}

.list-index-news .news-item{margin:0 15%}

.news-detail {max-width: 960px;}

.news-detail img {max-width: 100%;height: auto !important;}

@media (min-width:1201px){

.list-index-news li{padding-bottom:50px}

.list-index-news li:nth-of-type(n+4){padding-top:50px;border-top:1px solid #3c3c3c}

.list-index-news li:nth-of-type(3n+2){border-right:1px solid #3c3c3c;border-left:1px solid #3c3c3c}

}

.news-item{display:block}

.news-item>span{font-size:12px;color:#999}

.news-item h6{margin-top:14px;margin-bottom:20px;height:48px;font-size:20px;line-height:24px;color:#fff;font-weight:300;-webkit-transition:color .3s;transition:color .3s}

.news-item .des{font-size:14px;line-height:24px;color:#999;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.news-item:hover h3{color:#d81212}

.index-logo{padding:120px 0 200px}

.list-index-logo{width:81.25%;margin-right:auto;margin-left:auto}

.list-index-logo img{display:block;margin:0 auto;max-width:100%;opacity:.7}

.list-index-logo li{margin-bottom:30px}

.list-index-logo li:hover img{opacity:1}

.index-map{position:relative;height:660px}

.contact-info{position:relative;height:660px;background:#d81212 url(../images/adr_bg.jpg) no-repeat right bottom/cover}

.contact-txt{position:absolute;top:50%;left:50%;margin-left:-240px;width:480px;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}

.contact-txt h6{font-size:30px;font-weight:300;color:#fff}

.contact-txt-list li{position:relative;padding:30px 0 30px 70px}

.contact-txt-list li i{position:absolute;top:50%;left:0;margin-top:-16px;width:32px;height:32px;font-size:32px;color:#fff}

.contact-txt-list li span{display:block;margin-bottom:10px;font-size:14px;/* color:#c6c6c6 */color:#FFF}

.contact-txt-list li p{font-size:14px;line-height:1.5;color:#fff;letter-spacing:.05em;font-weight:300}

.contact-txt-list li:after{content:'';position:absolute;right:0;bottom:0;left:70px;height:1px;background-color:rgba(255,255,255,.25)}

.contact-txt-list li:last-of-type:after{display:none}

@media (max-width:1600px){

.index-plan-txt p, .index-plan-txt h2{font-size:24px}

.index-grid-txt{bottom:20px}

}

@media (max-width:1366px){

.index-logo{padding-bottom:120px}

.list-index-logo>li{width:25%}

}

@media (max-width:1200px) and (min-width:641px){

.index-news{padding-top:80px;padding-bottom:120px}

.list-index-news{margin-top:80px;width:90%}

.list-index-news .news-item{margin-right:10%;margin-left:10%}

.list-index-news>li{width:50%;padding-bottom:40px}

.list-index-news>li:nth-of-type(n+3){padding-top:40px;border-top:1px solid #3c3c3c}

.list-index-news>li:nth-of-type(2n+2){border-left:1px solid #3c3c3c}

}

@media (max-width:1200px){

.slick-index-num{width:calc(100% + 20px);left:-10px}

.index-num-item{margin:0 10px}

.index-num-txt .num{font-size:36px}

.index-num-txt h5{font-size:20px}

.index-num-txt h6{margin-right:5%;margin-left:5%;font-size:14px;line-height:1.25}

.index-grid-txt h6{line-height:1}

.index-grid>li a i{width:40px;height:40px;font-size:40px;margin-top:-40px;margin-left:-20px}

}

@media (max-width:1024px){

.index-banner-txt h6{font-size:24px}

.index-banner-txt p{font-size:16px}

.section-title h6, .section-title > span{font-size:24px}

.list-index-contact>li{width:100%}

.index-map{height:400px}

.contact-info{height:auto;padding:60px 0}

.contact-txt{position:relative;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}

.contact-txt h6{font-size:24px}

.index-wp{padding:60px 10%}

.index-wp h5{font-size:24px}

.index-wp h6{font-size:16px}

}

@media (max-width:768px){

.slick-index-num .banner-dots{bottom:-30px}

.index-num-item img{opacity:.25}

.index-num-item .index-num-txt{opacity:1}

.index-num-txt h3{line-height:1.5}

.index-grid>li{width:50%}

.index-plan-pc{display: none;}

.index-plan-m{display: block;}

}

@media (max-width:640px){

.slick-index-plan .banner-dots, .index-service-slick .banner-dots{bottom: -30px;}

.index-plan-txt p, .index-plan-txt h2{font-size: 16px;}

.index-plan-txt span{font-size: 12px;}

.index-banner-txt h6{font-size: 20px}

.index-banner-txt p{font-size: 14px}

.section-title h6, .section-title > span{font-size: 20px;}

.section-title p{font-size: 14px;}

.news-item h6{height: auto;font-size: 16px;}

.index-service-txt h6{font-size: 20px;margin-bottom: 5px;}

.index-num-txt .num{font-size: 24px;}

.index-num-txt h5{font-size: 16px;}

.index-num-txt h6{font-size: 12px;}

.index-wp{padding-top: 40px;padding-bottom: 40px}

.index-wp h5{font-size: 20px}

.index-wp h6{margin-bottom: 0;font-size: 14px}

.index-wp p{display: none;}

.index-grid-txt{bottom:10px}

.index-grid-txt h6{font-size:16px;margin-bottom:0}

.index-logo{padding-top:80px;padding-bottom:60px}

.list-index-logo{margin-top:40px}

.list-index-logo>li{width:33.3333%}

.contact-txt{left:0;margin-left:0;width:100%}

.contact-txt h6{font-size:18px;line-height:1.5;text-align:center}

.contact-txt-list{margin-top:20px;width:80%;margin-right:auto;margin-left:auto}

.contact-txt-list li{padding-left:50px;padding-top:15px;padding-bottom:15px}

.contact-txt-list li:after{left:50px}

.index-news{padding-top:60px;padding-bottom:80px}

.list-index-news{margin-top:20px;width:80%}

.list-index-news .news-item{padding-top:30px;padding-bottom:30px;margin-right:0;margin-left:0}

.list-index-news>li{width:100%;border-top:1px solid #3c3c3c}

.list-index-news>li:first-of-type{border-top:0}

.list-index-news>li:nth-of-type(n+3){display:none}

.index-service-head{padding-top:60px;padding-bottom:60px}

.index-service-head p{font-size: 12px;}

.index-service-head h6,.index-service-head p{margin:0 5%}

.index-service-head h6{font-size:16px;margin-bottom: 10px}

.index-plan-item img{-webkit-filter:grayscale(0);filter:grayscale(0)}

}

.page-banner{position:relative;overflow:hidden}

.page-banner img{position:relative;left:50%;margin-left:-960px;display:block;width:1920px}

.page-banner-txt{position:absolute;top:50%;right:0;left:0;text-align:center;color:#fff;-moz-transform:translateY(-40%);-ms-transform:translateY(-40%);-webkit-transform:translateY(-40%);transform:translateY(-40%);opacity: .7;}

.page-banner-txt h3{margin-bottom:.45em;font-size:32px;line-height:1.1;font-family:"Microsoft YaHei";font-weight:300}

.page-banner-txt h3 span{font-size: inherit !important;}

.page-banner-txt p{font-size:16px;line-height:1.5;font-family:"Century Gothic"}

.page-tab-wrap{min-height:60px}

.page-tab{font-size:0;text-align:center;padding:11px 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.page-tab.fixed{position:fixed;z-index:50;top:40px;right:0;left:0;margin-top:0;background-color:rgba(255,255,255,0.8);-webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 5px 0 rgba(0,0,0,.25);box-shadow:0 1px 5px 0 rgba(0,0,0,.25)}

.page-tab a{position:relative;margin:0 20px;display:inline-block;vertical-align:top;text-align:center;color:#666;-moz-transition:color .3s;-o-transition:color .3s;-webkit-transition:color .3s;transition:color .3s;float: left;}

.page-tab a span, .page-tab a {display:block}

.page-tab a span.cn, .page-tab a {margin-bottom:4px;font-size:14px;font-family:"Microsoft YaHei";font-weight:400}

.page-tab a span.en{font-size:12px;font-family:"Century Gothic"; display: none;}

.page-tab a:after{content:'';position:absolute;top:50%;right:-20px;margin-top:-10px;width:1px;height:16px;background-color:#666;-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}

.page-tab a:last-of-type:after{display:none}

.page-tab a.current,.page-tab a:hover{color:#d81212}

.leftbox{padding-left: 24px;position: relative;}

.leftbox .menu2{position: absolute;top: -2px;left: 0px;height: 19px;}

.leftbox .menu2-a{position: absolute;top: -2px; left: 0px;margin:0px;}

.leftbox .menu2-a:after{display: none;}

.leftbox .menu2-a .menu2{position: static;top: inherit;left: inherit;}

.list-team{left:-10px;margin-bottom:80px;width:calc(100% + 20px)}

.list-team-item{margin:0 10px 60px}

.list-team-item:hover .list-team-img span,.list-team-item:hover .list-team-img:after{visibility:visible;opacity:1}

.list-team-img{position:relative}

.list-team-img:before{content:'';display:block;padding-top:115.7894%}

.list-team-img:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:#d81212;mix-blend-mode:multiply}

.no-backgroundblendmode .list-team-img:after{background-color: rgba(216,18,18,.6);}

.list-team-img img{position:absolute;top:0;left:0;width:100%}

.list-team-img span,.list-team-img:after{visibility:hidden;opacity:0;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}

.list-team-img span{position:absolute;z-index:2;bottom:5px;left:20px;font-size:40px;font-family:"Century Gothic";font-weight:700;color:#fff}

.list-team-position{text-align:right}

.list-team-position span{display:inline-block;vertical-align:top;color:#999;line-height:45px;margin-left:10px}

.list-team-position span.cn{font-size:14px;font-family:"Microsoft YaHei"}

.list-team-position span.en{font-size:12px;font-family:"Century Gothic"}

@media (max-width:1366px){

.page-banner-txt h3{font-size:28px}

}

@media (max-width:1240px){

.list-team{width:915px;left:0;margin-right:auto;margin-left:auto}

.list-team>li{width:33.3333%}

}

@media (max-width: 1024px) {

    /*.page-case-detail .page-tab-wrap{margin-top: 140px;}*/

}

@media (max-width:960px){

.list-team{width:90%}

}

@media (max-width:800px){

.page-tab-wrap{min-height:64px}

.page-tab a{margin-right:15px;margin-left:15px}

.page-tab a:after{right:-15px}

.page-tab a span.en{display:none}



}

@media (max-width:640px){

.list-team>li{width:50%}

.list-team-item{margin-bottom:30px}

.page-tab.fixed{top:50px}

}

@media (max-width:540px){

.page-tab a{margin-right:10px;margin-left:10px}

.page-tab a:after{right:-10px}

.page-tab a span.cn{font-size:14px}

.page-tab a span.en{display:none}

.leftbox .menu2{height: 17px;}

.page-banner-txt{right:10%;left:10%}

.page-banner-txt h3{font-size:20px}

}

@media (max-width:440px){

.list-team>li{width:100%}

}

.list-resources{left:-10px;width:calc(100% + 20px);margin-bottom:50px}

.list-rs-item{position:relative;margin:0 10px 70px}

.list-rs-item:before{content:"";display:block;padding-top:62.9629%}

.list-rs-item img{position:absolute;top:0;left:0;width:100%;-webkit-filter:grayscale(1);filter:grayscale(1);-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s}

.list-rs-item:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}

.list-rs-txt{position:absolute;right:0;bottom:0;left:0;padding:30px 0;text-align:center;color:#fff}

.list-rs-txt:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:#d81212;mix-blend-mode:multiply}

.no-backgroundblendmode .list-rs-txt:before{background-color: rgba(216,18,18,.6);}

.list-rs-txt > span,.list-rs-txt p{position:relative;z-index:2}

.list-rs-txt > span{font-size:20px;line-height:1.25;font-family:"Microsoft YaHei";display: block}

.list-rs-txt p{font-size:14px;line-height:1.25;font-family:"Century Gothic"}

.list-super li{position:relative}

.list-super li:before{content:'';position:absolute;top:50px;right:0;width:1px;height:135px;background-color:#cfcfcf}

.list-super li:last-of-type:before{display:none}

.list-super-item{text-align:center;position:relative;margin-right:20px;margin-left:20px}

.list-super-item img{display:block;margin:0 auto}

.list-super-item h5{margin-top:20px;margin-bottom:4px;font-size:24px;font-family:"Microsoft YaHei";color:#000}

.list-super-item h6{margin-bottom:30px;font-size:16px;font-family:"Century Gothic";color:#000}

.list-super-item p{font-size:20px;line-height:1.5;color:#666;font-weight:300}

@media (max-width:1400px){.list-super-item h5{font-size:20px}

.list-super-item h6{font-size:14px}

.list-super-item p{font-size:16px}

}

@media (max-width:1024px){.list-resources>li{width:50%}

.list-super>li{width:100%}

.list-super>li:before{display:none}

.list-super-item{margin-bottom:60px}

}

@media (max-width:768px){.list-rs-txt{padding-top:15px;padding-bottom:15px}

.list-rs-txt > span{font-size:16px}

.list-rs-txt p{font-size:12px}

}

@media (max-width:540px){.list-resources>li{width:100%}

.list-rs-item{margin-bottom:40px}

}

.about-detail{font-size:14px;line-height:24px;color:#999}

.about-img{font-size:0}

.about-img img{display:inline-block;vertical-align:top;width:50%}

.about-logo-title{position:relative;max-width:1300px;margin-right:auto;margin-left:auto;text-align:center;color:#666}

.about-logo-title:before{content:'';position:absolute;top:50%;right:0;left:0;height:1px;background-color:#cfcfcf}

.about-logo-title:after{content:'';position:absolute;top:0;bottom:0;left:50%;width:140px;margin-left:-70px;background-color:#fff}

.about-logo-title h2,.about-logo-title p{position:relative;z-index:2;line-height:1.25}

.about-logo-title h2{font-size:18px}

.about-logo-title p{font-size:14px;text-transform:uppercase;font-family:"Century Gothic"}

@media (max-width:1400px){.about-detail{width:86%}

}

@media (max-width:768px){.about-img img{width:100%}

}

.list-case{left:-10px;width:calc(100% + 20px);margin-bottom:80px}

.list-case-item{position:relative;display:block;margin:0 10px 50px;overflow:hidden}

.list-case-item:before{content:'';display:block;padding-top:75%}

.list-case-item:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(216,18,18,.66);opacity:0;visibility:hidden}

.list-case-item img{position:absolute;top:0;left:0;width:100%;-webkit-transition: all .3s;transition: all .3s;}

.list-case-item:hover:after{visibility:visible;opacity:1}

.list-case-item:hover img{opacity: 1;}

.list-case-item:hover .list-case-txt,.list-case-item:hover i{visibility:visible;opacity:1}

.list-case-item i{position:absolute;z-index:2;top:50%;left:50%;margin-top:-40px;margin-left:-20px;font-size:40px;color:#fff;visibility:hidden;opacity:0}

.list-case-item i .list-case-txt,.list-case-item:after{-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}

/*.list-case-txt{position:absolute;z-index:2;bottom:20px;left:10%;visibility:hidden;opacity:0;color:#fff}*/

.list-case-txt{position:absolute;z-index:2;top: 50%;right: 10%;left:10%;visibility:hidden;opacity:0;color:#fff;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);text-align: center;}

.list-case-txt > span, .list-case-txt h2{margin-bottom:8px;font-size:14px;line-height:1.5;display: block;}

.list-case-title{position: absolute;z-index: 3;bottom: 20px;right:  20px;left: 20px;font-size: 14px;font-weight:bold;line-height: 1.5;opacity: 0;text-align: center;color: #fff;}

.list-case-txt p{font-size:14px;line-height:1.5;letter-spacing:.3em}

.list-case-logo{margin-bottom: 10px;height: 90px;background-repeat: no-repeat;background-position: center center;background-size: contain;opacity: 0;-webkit-transition: all .2s;transition: all .2s;opacity: 0.9}

.list-case-item:hover .list-case-logo{opacity: 1;}

.list-case-item:hover .list-case-title{opacity: 1;}

.pager{font-size:0;text-align:center}

.pager select, .pager select option{height: 40px;line-height:40px;border-radius: 20px;    padding: 0px 5px; border: 1px solid #cfcfcf;}

.pager a{margin:0 3px 10px;display:inline-block;vertical-align:top;min-width:40px;height:40px;border:1px solid #cfcfcf;border-radius:20px;font-size:16px;line-height:38px;font-family:"Microsoft YaHei";color:#999;-webkit-transition:all .3s;transition:all .3s}

.pager a.next,.pager a.prev{padding:0 25px}

.pager a.current,.pager a:hover{background-color:#c00;color:#fff;border-color:#c00}

.pager a.list{font-family:iconfont;border:0;margin:0 60px;font-size:24px}

.pager a.list:hover{background-color:#fff;color:#c00}

@media (max-width: 1600px) {

    .list-case-wrap,.leftbox{width: 86%;}

}

@media (max-width:1366px){

.list-case-txt{bottom:10px}

.list-case-txt > span, .list-case-txt h2{margin-bottom:0}

}

@media (max-width:1200px){

.list-case>li{width:33.3333%}

}

@media (max-width:768px){

.list-case>li{width:50%}

.pager a{min-width: 30px;height: 30px;line-height: 28px;font-size: 14px;}

}

@media (max-width:480px){

.list-case{width:100%;left:0;margin-bottom:40px}

.list-case>li{width:100%}

.list-case-item{margin-right:auto;margin-left:auto;margin-bottom:30px}

}

.case-detail-title span{display:block;color:#d81212;text-align:center}

.case-detail-title span.en{font-size:14px;line-height:1.5;font-family:"Century Gothic"}

.case-detail-title span.cn{font-size:36px;font-family:"Microsoft YaHei"}

.page-case-detail .header{/*background-color:#000*/}

.case-detail-img{text-align: center;margin-bottom:60px}

.case-detail-img img{display:inline-block;block;max-width:100%;height:auto!important;margin-bottom: 35px;}

.case-detail-img img:last-of-type{margin-bottom: 0;}

.case-more{position:relative;max-width:1100px;margin-right:auto;margin-left:auto;text-align:center}

.case-more:before{content:'';position:absolute;top:50%;right:0;left:0;height:1px;background-color:#cfcfcf}

.case-more span{position:relative;z-index:2;padding:0 15px;display:inline-block;vertical-align:top;font-size:20px;font-family:"Century Gothic";font-weight:700;background-color:#fff;color:#666;text-transform:uppercase}

@media (max-width:1200px){

.case-more{width:86%}

}

@media (max-width:768px){

.case-detail-img img{margin-bottom:30px}

.case-more{margin-top:60px}

}

.list-news-container{overflow:hidden; margin-top: -20px;}

.list-news{left:-50px;width:calc(100% + 100px)}

.list-news li, .list-map li{border-top:1px solid #cfcfcf}

.list-news li:nth-of-type(-n+2){border-top:none}

.list-news-item{display:block;/*margin:40px 50px*/ margin: 40px 50px 40px 50px;}

.list-news-item>span{font-size:12px;color:#ccc}

.list-news-item h3, .list-news-item h2{margin-top:14px;margin-bottom:20px;font-size:20px;line-height:24px;color:#333;font-weight:300;-webkit-transition:color .3s;transition:color .3s}

.list-news-item .des{font-size:14px;line-height:24px;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.list-news-item:hover h3{color:#d81212}

@media (max-width:1400px){.list-news-container{width:86%}

}

@media (max-width:768px){.list-news{width:100%;left:0}

.list-news>li{width:100%}

.list-news>li:nth-of-type(2){border-top:1px solid #cfcfcf}

.list-news-item{margin-right:0;margin-left:0}

}

.news-title{font-size:26px;line-height:1.5;color:#333;text-align:center}

.news-date{position:relative;display:block;font-size:12px;line-height:2;text-align:center;color:#999}

.news-date:after{content:'';position:absolute;bottom:0;left:50%;margin-left:-25px;width:50px;height:1px;background-color:#d81212}

.news-body{font-size:15px;line-height:30px;/*color:#666;background: #f6f6f6; */   padding: 20px;}

.list-recommon{left:-30px;width:calc(100% + 60px)}

.list-recommon .list-news-item{margin-right:30px;margin-left:30px;margin-bottom: 0;margin-top: 20px;}

.list-recommon .list-news-item h3, .list-recommon .list-news-item h2{font-size:18px}

.list-recommon .list-news-item .des{-webkit-line-clamp:3}

.contact-feedback{font-size:0}

.contact-feedback>div{display:inline-block;vertical-align:top}

.contact-form{position:relative;width:470px;padding-left:35px;text-align:left}

.contact-form:before{content:'';position:absolute;top:10px;bottom:55px;left:0;width:1px;background-color:#ccc}

.contact-form-title{margin-bottom:15px;font-size:20px;line-height:24px;color:#666;font-family:"Microsoft YaHei"}

.form-item{padding-top:20px;position:relative;border-bottom:1px solid #ccc}

.form-item label{position:absolute;top:5px;left:0;width:90px;font-size:12px;line-height:20px;font-weight:700;letter-spacing:-.02em;color:#333;-moz-transition:top .3s;-o-transition:top .3s;-webkit-transition:top .3s;transition:top .3s}

.form-item input,.form-item textarea{padding:0;display:block;width:100%;font-size:12px;line-height:30px;border:0;outline:0;font-weight:700;color:#333}

.form-item textarea{resize:none}

.form-item.focus label{top:5px;color:#999}

.form-item-code img{position:absolute;z-index:2;right:0;bottom:0;width:60px;height:40px;cursor:pointer}

.btn-submit{position: relative; display:inline-block;padding:11px 31px;/*width:90px;height:35px;*/font-size:12px;font-weight:700;background-color:#d81212;color:#fff;border:0;outline:0;cursor:pointer;-webkit-transition:opacity .3s;transition:opacity .3s}

.btn-submit:hover{opacity:.8}

.btn-submit .en{padding: 12px 0px; position: absolute; top: 0; right: 0; left: 0; visibility: hidden; opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); text-align: center;-webkit-transition: all .3s; transition: all .3s;}

.btn-submit .cn{-webkit-transition: all .3s; transition: all .3s;display: inline-block;}

.btn-submit:hover .en{visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}

.btn-submit:hover .cn{visibility: hidden; opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%);}

.form-error{min-height:20px;font-size:12px;line-height:40px;color:#d81212}

.fixed-error{position:fixed;z-index:1000;bottom:60%;left:50%;margin-left:-150px;width:300px;text-align:center;font-size:14px;font-weight:700;line-height:40px;display:none}

.fixed-error span{display:inline-block;padding:0 3em;border-radius:3px;background-color:#d81212;color:#fff}

.contact-title{display:inline-block;vertical-align:top;width:250px}

.contact-title span{display:block}

.contact-title span.en{margin-bottom:5px;font-size:20px;font-family:"Century Gothic";font-weight:700;color:#d81212}

.contact-title span.cn{font-size:16px;font-family:"Microsoft YaHei";color:#000}

.contact-list{display:inline-block;vertical-align:top;width:430px}

.contact-list p{margin-bottom:6px;position:relative;line-height:28px;padding-left:36px;font-size:14px;color:#d81212}

.contact-list p.tel{font-size:18px;font-family:"Century Gothic";font-weight:700}

.contact-list p span{position:absolute;top:0;left:0;width:28px;height:28px;font-size:20px;line-height:28px;text-align:center;background-color:#d81212;color:#fff}

.page-map{height:460px}

@media (max-width:1240px){

.contact-feedback{width:86%;margin-right:auto;margin-left:auto;text-align:center}

.contact-title{width:100%;margin-bottom:40px}

.contact-list{text-align:left;margin-bottom:40px}

}

@media (max-width: 768px){

    .list-recommon > li{width: 50%;}

}

@media (max-width:640px){

.list-recommon > li{width: 100%;}

.list-recommon .list-news-item{margin-bottom: 0;}

.contact-form,.contact-list{width:100%}

.contact-form{padding-left:0;margin-bottom:40px}

.contact-form:before{display:none}

.case-detail-title{margin-top: 10px;}

.case-detail-title span.cn{font-size: 24px;line-height: 1.5;}

/*.page-case-detail .page-tab-wrap{margin-top: 120px;}*/

.list-news-item h3, .list-news-item h2{font-size: 16px;}

.list-news-item{margin-top: 20px;margin-bottom: 20px;}

.news-title{font-size: 20px;}

.news-body{font-size: 14px;line-height: 24px;}

.pager a.list{margin-right: 20px;margin-left: 20px;}

}

.page-404 .header{padding-top: 30px;padding-bottom: 30px;background-color: #000;}

.main-404{height: calc(100vh - 130px);}

.txt-404{padding-top: 300px;text-align: center;}

.txt-404 h3{font-size: 20px;line-height: 2;}

.txt-404 p{font-size: 16px;line-height: 2;}



/*2018-03-20 by sunny*/

.list-case-wrap,.leftbox{max-width: 1240px;margin-right: auto;margin-left: auto;}

.case-detail-img{max-width: 1000px;}



.sidebar {

    float: left;

    width: 360px;

}

.sidebar .sidesub {

	margin-bottom: 15px;

	background-color: #fff;

	border-radius: 4px;

	border: 1px solid #eaeaea;

	overflow: hidden;

}

.sidebar .sidesub h2 {

	font-size: 18px;

	color: #666;

	border-bottom: 1px solid #eaeaea;

	background-color: #fbfbfb;

	margin: 0;

	padding: 8px 15px;

	font-weight: normal;

}

.sidebar .ser li {

	position: relative;

	float: left;

	width: 50%;

	text-align: center;

	background-color: #fff;

	color: #777;

}

.sidebar .ser .sub {

	border-bottom: 1px dashed #ddd;

}

.sidebar .ser li div {

	padding: 15px 15px 20px;

}

.sidebar .ser li:hover {

	background-color: #F9F9F9;

}

.sidebar .ser .sub-1 div, .sidebar .ser .sub-3 div {

	border-right: 1px dashed #ddd;

}

.sidebar .ser .sub-5 {

	width: 100%;

	border: 0;

}

.sidebar .ser .sub-5 p {

	height: auto;

	line-height: 20px;

}

.sidebar .ser .sub-5 p a {

	color: #bbb;

}

.sidebar .ser h3 {

	font-size: 16px;

	font-weight: normal;

	line-height: 1.2em;

	margin: 10px 0;

}

.sidebar .ser p {

	height: 36px;

	line-height: 18px;

	overflow: hidden;

	color: #bbb;

	margin-bottom: 10px;

	font-size: 12px;

	-webkit-line-clamp: 2;

	text-overflow: ellipsis; 

	display: -webkit-box;  

	-webkit-box-orient: vertical;

}

.sidebar .ser .btn {

	display: inline-block;

	border: 1px #ddd solid;

	color: #777;

	background-color: #fff;

	border-radius: 2px;

	padding: 5px 12px;

	font-size: 13px;

}

.sidebar .ser .btn:hover {

	border-color: #bbb;

	color: #555;

	background-color: #e6e6e6;

}

.nmr{float:right;width:840px}



@media (max-width:1366px){

.sidebar {width:300px;}

.nmr{width:760px;}

}



@media (min-width: 641px) {

    .header-menu>li{margin-right: 0;margin-left: 0;}

    .header-menu>li>a{position: relative;padding-right: 20px;padding-left: 20px;overflow: hidden;}

    .header-menu>li>a span{display: inline-block;-webkit-transition: all .3s;transition: all .3s;}

    .header-menu>li>a .en{position: absolute;top: 0;right: 0;left: 0;visibility: hidden;opacity: 0;-webkit-transform: translateY(100%);transform: translateY(100%);text-align: center;font-family:"Century Gothic";font-weight: 700;}

    .header-menu>li>a .cn{visibility: visible;opacity: 1;}

    .header-menu>li>a.current{color: #d81212;}

    .header-menu>li>a:hover .en{visibility: visible;opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}

    .header-menu>li>a:hover .cn{visibility: hidden;opacity: 0;-webkit-transform: translateY(-100%);transform: translateY(-100%);}

}

@media (max-width: 640px) {

    .header-menu>li>a .en{display: none}

}

.form-item label{overflow: hidden;}

.form-item label span{-webkit-transition: all .2s;transition: all .2s;}

.form-item label span.cn{visibility: visible;opacity: 1;}

.form-item label span.en{position: absolute;top: 0;left: 0;-webkit-transform: translateY(100%);transform: translateY(100%);visibility: hidden;opacity: 0;}

.form-item:hover label span.en, .form-item.focus label span.en{visibility: visible;opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}

.form-item:hover label span.cn, .form-item.focus label span.cn{visibility: hidden;opacity: 0;-webkit-transform: translateY(-100%);transform: translateY(-100%);}



.footer-link{padding-bottom: 20px;margin-bottom: 20px;max-width: 1440px;margin-right: auto;margin-left: auto;border-bottom: 1px solid #333;}

.footer-link h2{margin-bottom: .5em;font-size: 15px;line-height: 2;color: #eaeaea;}

.footer-link-box a{display: inline-block;vertical-align: top;font-size: 14px;line-height: 1.5;color: #999;margin-right: 2em;}

@media (max-width: 1600px) {

    .footer-link{width: 90%;}

}

@media (max-width: 1200px) {

    .footer-link{text-align: center;}

}

.fixed-qq{

    position: fixed;top: 50%;right: 0;padding: 4px;margin-top: -32px;background-color: #d81212;cursor: pointer;

}

.fixed-qq span{display: block;width: 24px;height: 24px;font-size: 24px;color: #fff;}

.fixed-tel{

    position: fixed;z-index: 1;top: 50%;right: 0;margin-top: 34px;cursor: pointer;

}

.fixed-tel .icon-dianhua, .fixed-weixin .icon-weixin{position: relative;z-index:1;display: block;width: 32px;height: 32px;font-size: 20px;line-height: 32px;background: #d81212;color: #fff;text-align: center;}

.fixed-tel .tel{position: absolute;z-index: -1;top: 0;right: 100%;width: 120px;height: 100%;font-size: 14px;line-height: 32px;background-color: #666;color: #fff;text-align: center;-webkit-transform: translateX(100%);transform: translateX(100%);visibility: hidden;opacity: 0;-webkit-transition: all .3s;transition: all .3s;}

.fixed-tel:hover .tel,.fixed-tel.active .tel, .fixed-weixin:hover .weixin,.fixed-weixin.active .weixin{-webkit-transform: translateX(0);transform: translateX(0);visibility: visible;opacity: 1;}

.fixed-weixin{

    position: fixed;

    top: 50%;

    right: 0;

    padding: inherit;

    background-color: #d81212;

    cursor: pointer;

	margin-top: 1px;

}

.fixed-weixin .weixin{position: absolute;z-index: -1;top: 0;right: 100%;width: 120px;height: 120px;text-align: center;-webkit-transform: translateX(100%);transform: translateX(100%);visibility: hidden;opacity: 0;-webkit-transition: all .3s;transition: all .3s;}

.fixed-weixin .weixin img{width:100%;height:100%;}



.fixed-top{position: fixed;top: 50%;right: 0;margin-top:68px;background-color: #d81212;cursor: pointer;}

.icon-top{position: relative;z-index:1;display: block;width: 32px;height: 32px;font-size: 20px;line-height: 32px;background: #d81212;color: #fff;text-align: center;}

@media (max-width: 1024px) {

    .fixed-qq{top: 75%;}

    .fixed-tel{top: 75%;}

    .fixed-top{top: 75%;}

}



.btn-play{

    position: absolute;top: 50%;left: 50%;margin: -20px 0 0 -20px;width: 50px;height: 50px;border-radius: 50%;background-color: #fff;cursor: pointer;

}

.btn-play:before{

    content: '';width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 10px;border-color: transparent transparent transparent #d81212;

    position: absolute;top: 50%;left: 50%;margin-top: -6px;margin-left: -4px;

}

.layer-video{position: fixed;top: 0;right: 0;bottom: 0;left: 0;}

.layer-video-bg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0,0,0,.4);}

.layer-video-wrap{position: absolute;top: 50%;left: 50%;width: 1280px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.layer-video-wrap:before{content: '';display: block;padding-top: 56.25%;}

.layer-video-wrap video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.layer-video-close{position: absolute;top: -40px;right: 0;width: 40px;height: 40px;cursor: pointer;}

.layer-video-close:before, .layer-video-close:after{content: '';position: absolute;top: 50%;left: 8px;width: 24px;height: 2px;background-color: #fff;}

.layer-video-close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}

.layer-video-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

@media (max-width: 1400px){

    .layer-video-wrap{width: 80%;}

}

@media (max-width: 768px){

    .layer-video-wrap{width: 100%;}

}



.case-detail-contact{font-size: 14px;color: #666;margin-top: 50px;}

.case-detail-contact a{color: #d81212; text-decoration:underline;}



/*0724*/

.footer-menu{

    display: none;position: fixed;right: 0;bottom: 0;left: 0;height: 40px;background-color: #666;

}

.list-footer-menu a{position: relative;display: block;font-size: 16px;line-height: 40px;text-align: center;color: #fff;}

.list-footer-menu a i, .list-footer-menu a span{display: inline-block;vertical-align: top;}

.list-footer-menu a i{font-size: 20px;line-height: 40px;margin-right: 5px;}

.list-footer-menu li{position: relative;}

.list-footer-menu li:after{position: absolute;content: '';top: 50%;right: 0;margin-top: -15px;width: 1px;height: 30px;background-color: #fff;}

.list-footer-menu li:last-of-type:after{display: none;}

@media (max-width: 750px){

    .footer-menu{display: block;}

    .footer{padding-top: 90px;}

}