h1{font-size: 28px;}
.cates{margin:0 0 4rem 1rem;overflow:visible}
.cates li{float:left;width:6.5rem;text-align:center}
.cates a{display:inline-block;height:1.8rem;line-height:1.8rem}
.cates .active a{background:#ececec;padding:0 1.2rem;border-radius:1rem}
figure{position:relative;float:left;overflow:hidden;width:100%;height:100%;background:#3085a3;text-align:center;cursor:pointer;margin:0}
figure img{position:relative;display:block}
figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
figure figcaption::before,figure figcaption::after{pointer-events:none}
figure figcaption,figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}
figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
figure h2{word-spacing:-.15em;font-size:1.2rem;font-weight:300}
figure h2 span{font-weight:800}
figure h2,figure p{margin:0}
figure p{letter-spacing:1px;font-size:68.5%}
figure.effect-winston{background:#db0f31;text-align:left}
figure.effect-winston img{-webkit-transition:opacity .45s;transition:opacity .45s;-webkit-backface-visibility:hidden;backface-visibility:hidden}

figure.effect-winston h2{letter-spacing:2px;opacity:0;transition:opacity .45s;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
figure.effect-winston h2 span{font-weight:400;font-size:1rem}
figure.effect-winston h2 div{font-size:.9rem;margin-top:.2rem;margin-left:1.4rem}
figure.effect-winston p{position:absolute;top:5px;left:calc(50% - 25px);}
figure.effect-winston figcaption>a{-webkit-transform:rotate3d(0,0,1,73deg);transform:rotate3d(0,0,1,73deg);margin:-3rem 0 0 -1rem}
figure.effect-winston p>a{margin:0 10px;color:#626262;font-size:170%}
figure.effect-winston p>a:hover,figure.effect-winston p>a:focus{color:#096}
figure.effect-winston p>span{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}
figure.effect-winston:hover img{opacity:.2}
figure.effect-winston:hover h2{opacity:1;-webkit-transition:opacity .45s,-webkit-transform .45s;transition:opacity .45s,transform .45s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
figure.effect-winston:hover figcaption::before{opacity:.7;-webkit-transform:rotate(25deg);-ms-transform:rotate(25deg);transform:rotate(25deg)}
figure.effect-winston:hover p span{opacity:1;}
figure.effect-winston:hover p a:nth-child(2) i{-webkit-transition-delay:.1s;transition-delay:.1s}
figure.effect-winston:hover p a:first-child i{-webkit-transition-delay:.15s;transition-delay:.15s}
figure.effect-jazz{background:#db0f31}
figure.effect-jazz figcaption::after,figure.effect-jazz img,figure.effect-jazz p{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}
figure.effect-jazz figcaption{padding:2em 1em}
figure.effect-jazz figcaption::after{position:absolute;top:0;left:0;width:100%;height:100%;border-top:1px solid #fff;border-bottom:1px solid #fff;content:'';opacity:0;-webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
figure.effect-jazz p,figure.effect-jazz h2{padding:.5em 2em;text-transform:none;opacity:0;-webkit-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1)}
figure.effect-jazz h2{letter-spacing:2px;padding-top:28%;-webkit-transition:-webkit-transform .35s;transition:transform .35s}
figure.effect-jazz h2 span{letter-spacing:0;font-size:1rem}
figure.effect-jazz:hover img{opacity:.2;-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1)}
figure.effect-jazz:hover figcaption::after{opacity:1;-webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,1,1);transform:rotate3d(0,0,1,45deg) scale3d(1,1,1)}
figure.effect-jazz:hover h2,figure.effect-jazz:hover p{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.items{margin:0 auto;overflow:hidden}
.items li{position:relative;width:29.333%;height:auto;margin:2%;float:left}
.items li:first-child figure.effect-winston{background:0 0}
.items li:first-child figure.effect-winston figcaption{background:rgba(0,0,0,.6)}
.items li:first-child figure.effect-winston:hover figcaption{background:transparent}
.items li:first-child figure.effect-winston h2{opacity:1}
.items li:first-child figure.effect-winston:hover h2{opacity:0}
.items li:first-child figure.effect-winston figcaption::before{display:none}
.items li:first-child figure.effect-winston:hover img{opacity:1}


.tooltip{border-radius:.3rem}
.tooltip-body{font-size:.8rem}
.mobile-read h5{border-top:2px solid #000;margin-top:3rem}
.mobile-read #qrcode{margin-top:.5rem}
.pagination li{float:left;margin:0 .5rem}
.pagination a{display:block;color:#fff;background:#cecece;height:2rem;width:2rem;text-align:center;border-radius:2rem;font-size:1rem;line-height:2rem}
.pagination li.active a{background:#096}
.pagination .disabled{display:none}
.pagination .pre,.pagination .next{font-family:xyyv;color:#096;font-size:2rem;background:#fff}
.pagination .pre:before{content:"\e600"}
.pagination .next:before{content:"\e601"}
#backtop{display:none;position:fixed;bottom:8rem;right:1rem;color:#096;z-index:10}
#backtop i{font-size:4rem}
#backtop div{font-size:.8rem;text-align:center}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
.follow{margin-top:15rem}
.follow li{float:left;width:25%;margin:0 4%}
.follow a{text-align:center;display:block;height:8rem;width:8rem;line-height:8rem;border:1px solid #ccc;border-radius:4rem;font-size:2rem;margin:0 auto;color:#999}
.support{padding:0 5rem}
.support>h4{margin:0 0 2rem}
.support li{background:#f0f0f0;padding:0 1rem;border-radius:.3rem;margin-bottom:1rem}
.support .accordion-body{font-size:.9rem;line-height:1.8rem;color:#888}
.unsubscribe{text-align:center;margin-top:5rem}
.unsubscribe button{display:block;background:#096;color:#fff;height:3rem;line-height:3rem;width:8rem;margin:3rem auto;border-radius:.3rem;border:none}

.send{font-size:50px; margin-top:40px; display:block;}
.all_tit{margin:0 auto;width:1200px;color:#333; padding:20px 50px;}
.all_tit h3{text-align:center; font-size:24px;}
.all_tit p{padding:5px 200px; text-align:center;}
.img_3d{width:1300px; margin:0 auto; margin-bottom:30px;}
.tit_line{width:30px; height:4px; background:#db0f31; border-radius:2px; margin:3px auto 20px;}

.home_about p{margin-bottom: 30px;}

/*视频-关于我们本地视频*/
.about-video-wrap{width:600px; height:338px; overflow:hidden; background:#000;}
.about-video-item{width:600px; height:338px;}
.about-video-item video.about-local-video{width:100%; height:100%; display:block; background:#000;}
.v_nav{width:600px; background:#111; padding:12px 10px; border-top:#333 1px solid;}
.v_nav a{padding:5px 10px; color:#ccc; background:#333; border:#444 1px solid; margin:2px; border-radius:3px;}
.v_nav a:hover{color:#fff; background:#555; border:#666 1px solid;}
.v_nav a.on{color:#fff; background:#555; border:#666 1px solid;}

/*服务项目*/
#service{width:100%;background-attachment:fixed;background-position:center center;background-repeat:no-repeat; margin-bottom:40px;}
#service .full_width{position:absolute;height:400px; background-color: rgb(0, 0, 0); background-image: url("../img/slide4.jpg"); background-position: center bottom; background-attachment: fixed;width:100%;}
#service .full_column{margin:0 auto;width:1200px;position:relative;z-index:113;}
#service .full_content{width:1200px;}
#service .service_tit{color:#fff; padding:70px 0 50px 0;}
#service .service_tit h1{text-align:center;}
#service .service_tit p{padding:5px 200px; text-align:center;}
#service .service_cen{position:relative; z-index:103; width:1200px;}
#service .service_cen ul{width:110%;}
#service .service_cen ul li{float:left;background-color:#fbfbfb;padding:15px; margin:0 25px 28px 0; width:380px; border:1px solid rgb(238, 238, 238)}
#service .service_cen ul li .img img{width:350px;}
#service .service_cen ul li:hover{ border:1px solid rgb(219, 15, 49);-moz-box-shadow:rgba(238,238,238,1) 0px 0px 2px 2px;-webkit-box-shadow:rgba(238,238,238,1) 0px 0px 2px 2px;box-shadow:rgba(238,238,238,1) 0px 0px 2px 2px;}
#service .service_cen ul li .hoverlink{width:80px !important; height:auto; position:absolute}

#service .service_cen ul li .info{padding-top:230px;}
#service .service_cen ul li .info h3{text-align:center;}

/*客户案例*/
#anli{width:100%;background-attachment:fixed;background-position:center center;background-repeat:no-repeat; margin-bottom:80px;}
#anli h1{text-align:center;}
#anli .full_width{position:absolute;height:600px; background-color:rgb(0, 0, 0); background-image: url("../img/slide1.jpg"); background-position: center bottom; background-attachment: fixed;width:100%;}
#anli .full_column{margin:0 auto;width:1200px;position:relative;z-index:113;}
#anli .full_content{width:1200px;}
#anli .anli_cen{margin:0 auto;width:1200px;position:relative; z-index:103;}
#anli .anli_cen .bgimg_l{width:720px; height:450px; margin:75px 0; background:url(../img/960_600.jpg) no-repeat; background-size:cover;}
#anli .anli_cen .cen_r{width:558px; height:358px; position:absolute; right:0; top:45px; padding:40px 50px;border-color:rgb(238, 238, 238); border-width:1px; height: 358px; background-color:rgb(242, 242, 242); border-style:solid;}
#anli .anli_cen .cen_r h3{font-size:22px; color: rgb(219, 15, 48); font-weight:normal; margin:0px;}
#anli .anli_cen .cen_r h4{font-size:18px;font-weight:normal; margin:0px;}
#anli .anli_cen .cen_r .line{overflow:hidden; width:60px; height:2px; background-color:#db0f30; margin:15px 0 20px 0;}
#anli .anli_cen .cen_r .anli_more img{margin-right:2px;}

/*解决方案*/
#jjfa{width:100%;background-attachment:fixed;background-position:center center;background-repeat:no-repeat; margin-bottom:40px;padding:0 52px;}
#jjfa h1{text-align:center;}
#jjfa .jjfa_cen{margin:0 auto;width:1200px;position:relative;}
#jjfa .jjfa_cen_viewport{width:1200px;overflow:hidden;}
#jjfa .jjfa_cen_track{transition:transform 0.4s ease;}
#jjfa .jjfa_cen_track ul{margin:0;padding:0;list-style:none;}
#jjfa .jjfa_cen ul li{float:left; margin:0 25px 28px 0; width:380px;}
#jjfa .jjfa_cen ul li .img{width:380px; height:240px; overflow:hidden;}
#jjfa .jjfa_cen ul li .img img{width:380px; height:240px;}
#jjfa .jjfa_cen ul li .info{border:0px solid rgb(221, 221, 221);border-width:0 1px 1px 1px; padding:270px 30px 30px 30px;min-height:580px;}
#jjfa .jjfa_cen ul li .info .xh{width:58px; height:48px; background:url(../images/numbg.jpg) center; text-align:center;font-size:28px; color:rgb(153, 153, 153); margin:0 auto;}
#jjfa .jjfa_cen ul li .info h3{text-align:center; font-size:20px; margin:10px 0 0 0;}
/* 解决方案轮播左右箭头（在视口外侧） */
.jjfa_cen_prev,.jjfa_cen_next{position:absolute;top:50%;margin-top:-100px;width:50px;height:80px;text-decoration:none;z-index:10;}
.jjfa_cen_prev{left:-80px;}
.jjfa_cen_next{right:-80px;}
.jjfa_cen_prev::before,.jjfa_cen_next::before{content:'';position:absolute;top:50%;width:20px;height:20px;border-left:2px solid #999;border-bottom:2px solid #999;margin-top:-9px;transition:all .3s;}
.jjfa_cen_prev::before{left:18px;transform:rotate(45deg);}
.jjfa_cen_next::before{right:18px;left:auto;transform:rotate(-135deg);}
.jjfa_cen_prev:hover::before,.jjfa_cen_next:hover::before{border-color:#db0f31;} 

/*数字*/
#num{width:100%; height:300px;background-attachment:fixed;background-position:center center;background-repeat:no-repeat; margin-bottom:40px;}
#num .full_width{position:absolute;height:300px; background-color: rgb(0, 0, 0); background-image: url("../img/i_bg3.jpg"); background-position: center bottom; background-attachment: fixed;width:100%;}
#num .numbox{margin:0 auto;width:1200px;position:relative;z-index:113;}
#num .numbox ul{padding-top:90px;}
#num .numbox ul li{width:25%; float:left; color:#fff;}
#num .numbox ul li .numcen{position:relative;text-align:center;padding-top:25px;}
#num .numbox ul li .numcen i{font-family:tahoma;font-size:48px;font-weight:bold;}
#num .numbox ul li .numcen:hover i{color:#db0f31;}
#num .numbox ul li .numcen em{position:absolute; top:18px; left:calc(50% + 70px); font-size:20px;}
#num .numbox ul li .numcen sup{position:absolute; top:30px; left:calc(50% + 50px); font-size:24px;}
#num .numbox ul li p{text-align:center; margin:10px 0;}

/*首页新闻*/
#index_news{width:100%;background-attachment:fixed;background-position:center center;background-repeat:no-repeat; margin-bottom:120px;}
#index_news h1{text-align:center;}
#index_news .index_news_cen{margin:0 auto;width:1200px;position:relative;z-index:113;}
#index_news .index_news_cen .index_news_l{float:left; width:400px; background:#db0f31; padding-top:160px;}
#index_news .index_news_cen .index_news_l dl{margin:0;border-color:rgb(221, 221, 221); border-width:0 1px 1px 1px; background-color:rgb(249, 249, 249); width:100%; border-style:solid; padding:90px 32px 32px 32px; position:relative; min-height:100px;}
#index_news .index_news_cen .index_news_l dl dt{position:absolute; top:-130px;}
#index_news .index_news_cen .index_news_l dl dt img{height:210px; width:336px; border:#f9f9f9 1px solid;}
#index_news .index_news_cen .index_news_l dd p{margin:0;}
#index_news .index_news_cen .index_news_l dd p.title a{font-size:16px; font-weight:bold;}
#index_news .index_news_cen .index_news_l dd p.time{font-size:14px; padding:8px 0; color:#999;}
#index_news .index_news_cen .index_news_r{float:right; padding:30px 40px 0 40px; border:1px solid rgb(221, 221, 221); min-height:430px; background-color: rgb(255, 255, 255); width:768px;}
#index_news .index_news_cen .index_news_r ul li{margin-bottom:25px;}
#index_news .index_news_cen .index_news_r ul li .time{width:60px; float:left;}
#index_news .index_news_cen .index_news_r ul li .time .news_time{line-height:41px;color:#db0f31;font-size:36px; font-weight:bold;}
#index_news .index_news_cen .index_news_r ul li .time .date{color:#db0f31;font-size:12px;}

#index_news .index_news_cen .index_news_r ul li .conts{margin-left:70px;}
#index_news .index_news_cen .index_news_r ul li .conts .title{font-size:16px; font-weight:bold; line-height:35px; margin:0;}
#index_news .index_news_cen .index_news_r ul li .conts .abstract{color:#999; font-size:14px; line-height:30px; margin:7px 0;}

/*地址*/
#addr{width:100%; height:300px;background-attachment:fixed;background-position:center center;background-repeat:no-repeat; margin-bottom:40px;}
#addr .full_width{position:absolute;height:340px; background-color: rgb(0, 0, 0); background-image: url("../img/slide4.jpg"); background-position: center bottom; background-attachment: fixed;width:100%;}
#addr .addr_cen{margin:0 auto;width:1200px;position:relative;z-index:113;}
#addr .addr_cen ul{padding-top:70px;}
#addr .addr_cen ul li{width:33%; float:left; color:#fff;}
#addr .addr_cen ul li span{display:block; line-height:250%;  color: rgb(221, 221, 221);}
#addr .addr_cen ul li span i{margin-right:10px;}
#addr .addr_cen ul li span.title{font-size:18px; color:rgb(219, 15, 49); font-weight:bold; margin-bottom:20px;}
#addr .addr_cen ul li .numcen{position:relative;text-align:center;}
#addr .addr_cen ul li .numcen i{font-family:tahoma;font-size:48px;font-weight:bold;}
#addr .addr_cen ul li .numcen:hover i{color:#db0f31;}
#addr .addr_cen ul li .numcen em{position:absolute; top:18px; left:calc(50% + 70px); font-size:20px;}
#addr .addr_cen ul li .numcen sup{position:absolute; top:30px; left:calc(50% + 50px); font-size:24px;}
#addr .addr_cen ul li p{text-align:center; margin:10px 0;}

/*滚动*/
.weblink{margin:50px auto;height:160px;width:1000px;overflow:hidden;position:relative; }
.weblink ul{height:160px;width:100000px;position:absolute;left:0;} /*ul width的宽不能过小*/
.weblink ul li{display:block;float:left;margin:5px;height:150px;border-radius:5px;position:relative;}
.weblink ul li a{display:inline-block;height:150px;} 
.weblink ul li img{border-radius:5px;display:block;}
.weblink ul li a span{height:0;display:block;background:rgba(0,0,0,0.4);position:absolute;bottom:0;color:#fff;font-size:0px;}
.weblink ul li a:hover span{height:150px;line-height:150px;font-size:20px;text-align:center;transition:all 0.7s;}

#weblink{width:1200px;height:200px; margin:0 auto; padding-top:50px;}
#weblink #marquee1{width:100%;height:100px;overflow:hidden;position:relative;}
#weblink #marquee1 ul li{float:left; padding:0 1px;}
#weblink #marquee1 ul li a{display:inline-block;width:200px;height:100px;} 
#weblink #marquee1 ul li img{display:block;}
#weblink #marquee1 ul li a span{width:200px;height:0;display:block;background:rgba(0,0,0,0.7);position:absolute;bottom:0;color:#fff;font-size:0px;}
#weblink #marquee1 ul li a:hover span{border-radius:5px;height:100px;line-height:100px;font-size:20px;text-align:center;transition:all 0.2s;}