.banner{position:relative;overflow:hidden;min-width:1300px;}
.banner #html5zoo{width:100%!important;height:622px!important;}
.banner #html5zoo img{display:block;height:622px!important;}
.banner #html5zoo .html5zoo-img-0 img{width: 100%}
@media (max-width: 1439px){.banner #html5zoo,.banner #html5zoo img{height:453px!important;}}
@media (min-width: 1440px){.banner #html5zoo,.banner #html5zoo img{height:466.5px!important;}}
@media (min-width: 1500px){.banner #html5zoo,.banner #html5zoo img{height:485.9px!important;}}
@media (min-width: 1600px){.banner #html5zoo,.banner #html5zoo img{height:518.33px!important;}}
@media (min-width: 1680px){.banner #html5zoo,.banner #html5zoo img{height:544.25px!important;}}
@media (min-width: 1720px){.banner #html5zoo,.banner #html5zoo img{height:557.2px!important;}}
@media (min-width: 1800px){.banner #html5zoo,.banner #html5zoo img{height:583px!important;}}
@media (min-width: 1920px){.banner #html5zoo,.banner #html5zoo img{height:622px!important;}}
.banner .mask{position:absolute;top:50%;left:50%;margin-top:-133.5px;margin-left:-650px;width:1300px;}
.banner .mask .title{position:relative;margin-bottom:15px;margin-left:-100%;color:#fbbb00;font-weight:700;font-size:30px;transition:all .5s linear;}
.banner .mask .subtitle{position:relative;margin-bottom:20px;color:#fbbb00;letter-spacing:1px;font-weight:700;font-size:50px;transition:all .5s linear;transform:translateX(200%);}
.banner .mask .attr{position:relative;color:#fff;font-size:26px;transition:all .5s linear;transform:translateY(1000%);}
.banner .mask .line{position:relative;display:block;margin-bottom:20px;margin-left:-100%;width:111px;height:2px;background:#fff;transition:all .5s linear;}
.banner .mask .call-btn{position:relative;display:block;margin-top:40px;width:228px;height:48px;border:1px solid #fff;color:#fff;text-align:center;line-height:48px;transition:all .2s linear;transition:all .5s linear;transform:translateY(1000%);}
.banner .mask .call-btn:hover{border-color:#005dae;background:#005dae;}
.banner .mask.animate .line,.banner .mask.animate .title{margin-left:0;}
.banner .mask.animate .subtitle{transform:translateX(0);}
.banner .mask.animate .attr,.banner .mask.animate .call-btn{transform:translateY(0);}
.our-service{left:-351.5px;height:411px;background-color:transparent;background-image:url(../images/index_sc_bg.png);background-position:center top;}
.our-service .container,.our-service .container>div{height:100%;}
.our-service h2{position:relative;margin-top:50px;margin-bottom:30px;height:44px;color:#0b3764;font-weight:400;font-size:28px;}
.our-service h2:after{position:absolute;bottom:-10px;left:0;width:36px;height:2px;background:#fbbb00;content:"";}
.our-service .desc{display:-webkit-box;overflow:hidden;margin-bottom:30px;padding-right:50px;height:160px;color:#888;font-size:15px;line-height:26px;-webkit-box-orient:vertical;-webkit-line-clamp:6;}
.our-service .contact-btn{padding:10px 48px;background:#fbbb00;color:#fff;transition:all .15s linear;}
.our-service .contact-btn:hover{background:#005dae;color:#fff;}
.our-service .call{margin-top:20px;color:#fbbb00;font-size:17px;}
.our-service .title{position:absolute;right:0;bottom:-30px;color:#ececec;text-transform:uppercase;letter-spacing:1px;font-size:80px;font-family:arial;}
.leftMarquee{position:absolute;top:52px;right:0;overflow:hidden;height:auto!important;}
.our-service dl dd{float:left;margin-left:40px;width:242px;}
.our-service dl dd .imgbox{position:relative;overflow:hidden;width:100%;height:269px;background:#fff;}
.our-service dl dd .imgbox img{display:block;width:100%;height:100%;}
.our-service dl dd .imgmask{position:absolute;bottom:-100%;left:0;width:100%;height:100%;background:rgba(0,0,0,.65);text-align:center;transition:all .2s linear;}
.our-service dl dd .imgmask h3,.our-service dl dd .imgmask p{padding:0 20px;color:#fff;}
.our-service dl dd .imgmask h3{margin-top:60px;margin-bottom:20px;font-weight:400;font-size:24px;}
.our-service dl dd .imgmask p{font-size:14px;line-height:22px;}
.our-service dl dd .imgbox:hover .imgmask{bottom:0;}
.our-service dl dd a{position:relative;display:block;padding:10px 15px;background:#faf8f9;text-align:center;transition:all .15s linear;}
.our-service dl dd a img{position:absolute;top:11px;right:10px;width:16px;height:16px;}
.our-service dl dd a:hover{background:#005dae;color:#fff;}
.our-service .more-btn{position:absolute;top:180px;right:15px;display:block;width:42px;height:42px;background:#005dae;text-align:center;line-height:42px;}
.our-service .more-btn:hover{background:#fbbb00;}
.our-service .more-btn span{color:#fff;font-weight:400;font-size:20px;font-family:arial;}
.about-us{position:relative;overflow:hidden;height:520px;background:#fff;}
.about-us .title{position:absolute;top:-30px;right:0;color:#faf8f9;text-transform:uppercase;letter-spacing:1px;font-size:80px;font-family:arial;}
.about-us .content{width:700px;}
.about-us h2{position:relative;margin-top:50px;margin-bottom:30px;height:44px;color:#0b3764;text-align:right;font-weight:400;font-size:28px;}
.about-us h2:after{position:absolute;right:0;bottom:-10px;width:36px;height:2px;background:#fbbb00;content:"";}
.about-us .desc{display:-webkit-box;overflow:hidden;height:295px;color:#5a5a5a;font-size:14px;line-height:26px;-webkit-box-orient:vertical;-webkit-line-clamp:11;}
.about-us .slide-wrapper{position:relative;z-index:2;overflow:hidden;margin-top:80px;width:530px;height:346px;}
.about-us .slide-mask{position:absolute;top:100px;left:20px;z-index:1;width:515px;height:331px;border:5px solid #ccc;}
.about-us .slide-wrapper .hd{position:absolute;right:5px;bottom:5px;z-index:9;}
.about-us .slide-wrapper .hd ul li{float:left;margin-right:2px;margin-left:2px;padding:2px 5px;background-color:#efefef;color:#5a5a5a;font-size:12px;cursor:pointer;}
.about-us .slide-wrapper .hd ul li.on{background-color:#005dae;color:#fff;}
.about-us .slide-wrapper .bd li{float:left;}
.about-us .slide-wrapper .bd li img{width:530px;height:346px;}
.about-us .content dl{position:absolute;top:430px;right:0;}
.about-us .content dl dd{float:left;margin-left:20px;}
.about-us .content dl dd a{display:block;margin-bottom:15px;width:111px;height:40px;border:1px solid #005dae;color:#005dae;text-align:center;text-align:center;font-size:14px;line-height:40px;transition:all .5s linear;font-weight:700;}
.about-us .content dl dd a:hover{border-color:#005dae;color:#FFFFFF; background-color:#005dae; font-weight:700;}
.our-advantage{background:#fff;}
.our-advantage h2{position:relative;margin-bottom:30px;padding-top:50px;height:44px;color:#0b3764;text-align:center;font-weight:400;font-size:28px;}
.our-advantage h2:after{position:absolute;bottom:-10px;left:50%;margin-left:-18px;width:36px;height:2px;background:#fbbb00;content:"";}
.our-advantage .desc{color:#888;text-align:center;font-size:13px;}
.our-advantage dl{padding:50px 0;}
.our-advantage dl dd{float:left;width:20%;text-align:center;}
.our-advantage dl dd .imgbox{position:relative;margin:0 auto 30px;width:114px;height:114px;border:1px solid #005dae;border-radius:50px;text-align:center;line-height:114px;}
.our-advantage dl dd .imgbox:hover{border-color:#fbbb00;}
.our-advantage dl dd .imgbox img{position:absolute;top:50%;left:50%;margin-top:-24px;margin-left:-24px;width:48px;height:auto;}
.our-advantage dl dd h4{margin-bottom:20px;color:#005dae;font-size:18px;}
.our-advantage dl dd p{margin:0 auto;width:195px;color:#777;font-size:15px;line-height:28px;}
.our-product{position:relative;z-index:3;overflow:hidden;height:306px;background-color:#faf8f9;}
.our-product:before{position:absolute;top:0;left:0;z-index:0;display:block;width:630px;height:0;border-top:306px solid #005dae;border-right:50px solid transparent;content:"";}
@media (max-width: 1400px){.our-product:before{width: 350px;}}
@media (min-width: 1401px){.our-product:before{width: 380px;}}
@media (min-width: 1500px){.our-product:before{width: 430px;}}
@media (min-width: 1600px){.our-product:before{width: 480px;}}
@media (min-width: 1680px){.our-product:before{width: 500px;}}
@media (min-width: 1700px){.our-product:before{width: 530px;}}
@media (min-width: 1800px){.our-product:before{width: 580px;}}
@media (min-width: 1880px){.our-product:before{width: 600px;}}
@media (min-width: 1920px){.our-product:before{width: 37%;}}
.our-product h2{position:relative;margin-bottom:30px;padding-top:40px;height:44px;color:#fff;font-weight:400;font-size:28px;}
.our-product h2:after{position:absolute;bottom:-10px;left:0;width:36px;height:2px;background:#fbbb00;content:"";}
.our-product .desc{display:-webkit-box;overflow:hidden;margin-bottom:30px;max-width:305px;color:#888;color:#fff;font-size:13px;line-height:22px;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.our-product .contact-btn{padding:10px 20px;border:1px solid #fbbb00;background-color:#fbbb00;color:#fff;transition:all .15s linear;}
.our-product .contact-btn:hover{border-color:#fff;background:0 0;}
.our-product .call{margin-top:20px;color:#fbbb00;font-size:17px;}
.our-product dl{padding:50px 0;width:900px;}
.our-product dl dd{float:left;margin-right:20px;margin-bottom:20px;width:208px;height:54px;border:1px solid #FFFFFF;background:#005dae;text-align:center;line-height:54px;}
.our-product dl dd a{display:block;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap; color:#FFFFFF;}
.our-product dl dd:hover{background:#fbbb00;}
.our-product dl dd:nth-child(4n){margin-right:0;}
.article{padding:50px 0 0;background:#fff;}
.titlebar{position:relative;height:40px;border-bottom:1px solid #d9d9d9;}
.titlebar span{position:absolute;bottom:10px;color:#0b3764;font-size:21px;}
.titlebar .more{position:absolute;right:0;bottom:10px;display:block;width:55px;height:23px;border-radius:3px;background:#e9edf2;color:#888;text-align:center;font-size:12px;line-height:23px;}
.titlebar .more:hover{background:#005dae;color:#fff;}
.colspan4{width:34%;}
.colspan6{width:54%;}
.colspan4,.colspan6{padding:15px 30px;height:426px;background:#faf8f9;}
.article .wrap{padding-top:20px;}
.article dl dd{overflow:hidden;padding:10px 0;border-bottom:1px dashed #e3e3e3;}
.article dl dd a.title{float:left;display:block;overflow:hidden;width:90%;color:#444;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
.article dl dd .date{float:right;color:#acacac;font-size:13px;}
.article dl dd a:hover{color:#005dae!important;}
.colspan6 dl dd:first-child img{width:150px;height:110px;}
.colspan6 dl dd:first-child>div{margin-left:160px;}
.colspan6 dl dd:first-child>div a{display:-webkit-box;overflow:hidden;margin-bottom:5px; margin-top:5px;width:100%;color:#111111;white-space:normal; font-weight: bold; font-size:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.colspan6 dl dd:first-child>div p{color:#9c9c9c;font-size:14px;line-height:25px;margin-left: 10px;}
.colspan6 dl dd:first-child>div .detail{float:none;display:inline;color:#cf0202;font-size:13px;}
.colspan6 dl dd:first-child>div .detail:hover{color:red;}
.main>div{overflow:hidden;}
.container div.desc,.container h2{transition:all .5s linear;}
.container h2{opacity:0;transform:translateX(100%);}
.container div.desc{font-size:16px;opacity:0;transform:translateX(-100%);}
.container div.desc.animate,.container h2.animate{opacity:1;transform:translateX(0);}

.shake-rotate{display:inherit;transform-origin:center center;}
.shake-constant.shake-constant--hover:hover,.shake-freeze,.shake-trigger:hover .shake-constant.shake-constant--hover{animation-play-state:paused;}
.shake-freeze:hover,.shake-rotate:hover,.shake-trigger:hover .shake-freeze,.shake-trigger:hover .shake-rotate{animation-play-state:running;}
@keyframes shake-rotate{2%{transform:translate(0,0) rotate(4.5deg);}
4%{transform:translate(0,0) rotate(-3.5deg);}
6%{transform:translate(0,0) rotate(1.5deg);}
8%{transform:translate(0,0) rotate(-1.5deg);}
10%{transform:translate(0,0) rotate(5.5deg);}
12%{transform:translate(0,0) rotate(3.5deg);}
14%{transform:translate(0,0) rotate(-4.5deg);}
16%{transform:translate(0,0) rotate(2.5deg);}
18%{transform:translate(0,0) rotate(-1.5deg);}
20%{transform:translate(0,0) rotate(2.5deg);}
22%{transform:translate(0,0) rotate(-2.5deg);}
24%{transform:translate(0,0) rotate(-.5deg);}
26%{transform:translate(0,0) rotate(7.5deg);}
28%{transform:translate(0,0) rotate(.5deg);}
30%{transform:translate(0,0) rotate(6.5deg);}
32%{transform:translate(0,0) rotate(-2.5deg);}
34%{transform:translate(0,0) rotate(-1.5deg);}
36%{transform:translate(0,0) rotate(-1.5deg);}
38%{transform:translate(0,0) rotate(-5.5deg);}
40%{transform:translate(0,0) rotate(6.5deg);}
42%{transform:translate(0,0) rotate(.5deg);}
44%{transform:translate(0,0) rotate(-5.5deg);}
46%{transform:translate(0,0) rotate(2.5deg);}
48%{transform:translate(0,0) rotate(-2.5deg);}
50%{transform:translate(0,0) rotate(-5.5deg);}
52%{transform:translate(0,0) rotate(-3.5deg);}
54%{transform:translate(0,0) rotate(-3.5deg);}
56%{transform:translate(0,0) rotate(-4.5deg);}
58%{transform:translate(0,0) rotate(2.5deg);}
60%{transform:translate(0,0) rotate(-5.5deg);}
62%{transform:translate(0,0) rotate(-4.5deg);}
64%{transform:translate(0,0) rotate(6.5deg);}
66%{transform:translate(0,0) rotate(.5deg);}
68%{transform:translate(0,0) rotate(-1.5deg);}
70%{transform:translate(0,0) rotate(-6.5deg);}
72%{transform:translate(0,0) rotate(-2.5deg);}
74%{transform:translate(0,0) rotate(-5.5deg);}
76%{transform:translate(0,0) rotate(-5.5deg);}
78%{transform:translate(0,0) rotate(6.5deg);}
80%{transform:translate(0,0) rotate(-6.5deg);}
82%{transform:translate(0,0) rotate(-4.5deg);}
84%{transform:translate(0,0) rotate(-3.5deg);}
86%{transform:translate(0,0) rotate(1.5deg);}
88%{transform:translate(0,0) rotate(5.5deg);}
90%{transform:translate(0,0) rotate(-.5deg);}
92%{transform:translate(0,0) rotate(-1.5deg);}
94%{transform:translate(0,0) rotate(-6.5deg);}
96%{transform:translate(0,0) rotate(2.5deg);}
98%{transform:translate(0,0) rotate(7.5deg);}
0%,100%{transform:translate(0,0) rotate(0);}
}
.shake-rotate.shake-constant,.shake-rotate.shake-freeze,.shake-rotate:hover,.shake-trigger:hover .shake-rotate{animation-name:shake-rotate;animation-duration:.1s;animation-timing-function:ease-in-out;animation-iteration-count:4;}