body>.sh,body >.header_nav,body>.hdp,body>.i_news ,body>.product,body>.product-list,body>.co1 ,body>.co,body>.footer1,body>.footer2 ,body>.n_nav1,body>.nsh,body>.n_cp,body>.n_fw,body>.main{/* min-width:1300px; */}
.w1200{width:1200px;}
.w1300{width:1300px;}
.w1350{width:1350px;}
.w1772{width:1772px;}
.w1506{width:1506px;}
.m{margin:auto;}
.fl{float: left}
.fr{float: right}
.clear:after{content:'';display: block;width:100%;height:0;visibility: hidden;clear: both}
.p-1{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space: normal}
.p-2{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space: normal}
.p-3{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space: normal}
.p-4{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;white-space: normal}
ul{list-style: none;padding:0px;margin:0}
ol{padding:0px;}
.h1, .h2, .h3, h1, h2, h3 {margin: 0px;}

a:focus {
    outline:none;
    -moz-outline:none;
}
*{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.page li .pageinfo{padding:0px 8px;}
.page {padding:20px; margin:0 auto; margin-bottom: 20px;}
.page li {float:left;background:#fff none repeat scroll 0 0;border: 1px solid #E2E2E2;color: #717171;display: block;font-size: 12px;margin: 0 4px; padding:3px 0px;}
.page li a{color: #717171;padding: 3px 10px;}
.page li a:hover{color: #fff;}
.page li:hover{background-color: #1295DB;border: 1px solid #1295DB;color: #fff;}
.page .thisclass{background-color: #1295DB;border: 1px solid #1295DB;color: #fff;display: block;margin: 0 4px;padding: 3px 10px;}
.page li strong{padding:3px;}
.header{height:40px;line-height:38px;font-size:12px;color:#fff;}
.header >.logoin{float:right;color:#d9d8d5;border:0px;padding:0px;margin:0px;}
.header .logoin a{font-size:14px;color:#fff;padding:0px 5px;}
.header .logoin a img{position: relative;top:-2px;}

.a_hover:hover .header_nav{-webkit-transform:all 2s;-moz-transform:all 1s;-ms-transform:all 1s;-o-transform:all 1s;transform:all 1s;border-top: 1px solid #2b2e32;}
.header_nav{height:60px;border-top: 1px solid transparent;margin-left: -80px;}
.header_nav .m a img{transition: all 0.3s ease-in 0s;}
.header_nav .m a img:hover{margin-top:8px;}
.header_nav .b1{float:left;margin-left: 8%;}
.header_nav .b1 .nav{line-height:40px;white-space: nowrap;}
.header_nav .b1 .nav .dropdown{font-size:16px;padding: 0 25px;}

/*menu*/
.dropdown-menu p{margin:0;color:#fff;font-size: 12px;}
.dropdown-menu{display:none;background-color:#484f59;border-radius: 0;border:0px solid #fff;box-shadow: none;left: -130px;padding:30px 40px;}
.nav .dropdown{height: 60px;}
.header_nav .b1 .nav .dropdown  a{ text-align:left;color:#FFFFFF;border-radius: 0;position: relative}
.header_nav .b1 .nav .dropdown > a{font-size:16px;color:#fff;transition: all 0.3s ease-in 0s;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color:#ffcd00 !important;background:none;}
.dropdown-menu ul{padding: 0 60px 0 20px;display: inline-block;vertical-align: top}
.dropdown-menu li a,.dropdown-menu li p{line-height: 40px;}
.dropdown-menu li a{font-size: 12px;display: block}
.header_nav .b1 .nav .dropdown a:hover{color:#ffcd00}
p.dropdown-title{font-size: 14px;font-weight: bold}
p.dropdown-info-content{line-height: 28px;padding-top: 6px;color:#e1e1e1;}
.dropdown-info{width:385px;position: relative;}
.dropdown-info:before{content:'';width:1px;height: 120px;background-color: #545961;display: block;position: absolute;left: -35px;top: 5px;}
.dropdown-info-item{opacity: 0;-webkit-transition: opacity .3s;-moz-transition: opacity .3s;-o-transition: opacity .3s;transition: opacity .3s;position: absolute;top:-25px;left: 0}
.dropdown-info-item.on{opacity: 1;}
.dropdown-menusub-wrapper{white-space: nowrap;width:fit-content;}
.dropdown-menu-sub-item{display: block;vertical-align: top}
.dropdown-menu-sub-item,.dropdown-info{display: inline-block;}


.hdp{height:600px;}
.hdp>div{margin:auto;}

/*收款页面的banner*/
.banner1{height:400px;background-image:url(../images/banner.jpg);overflow:hidden;width: 100%;
    background-position: 50% center;
    background-repeat: no-repeat;
    display: block;}

/*收款页面的banner*/
.banner2{height:928px;background-image:url(../images/banner2.jpg);overflow:hidden;width: 100%;
    background-position: 50% center;
    background-repeat: no-repeat;
    display: block;}

/*快快盾页面的banner*/
.banner3{height:560px;background-image:url(../images/banner.png);overflow:hidden;width: 100%;
    background-position: 50% center;
    background-repeat: no-repeat;
    display: block;}
/*游戏盾页面的banner*/


.gbanner,.banner{ position: relative; overflow: auto; text-align:center;}
.gbanner li ,.banner li{ list-style: none; }
.gbanner ul li ,.banner ul li{ float: left; }
.gbanner ul li a,.banner ul li a{height:600px;display:block;width:100%;background-repeat:no-repeat;background-position: center center;background-size: auto 100%;}
.gbanner .btn, .gbanner .dot ,.banner .btn {
    text-align:center;
    -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}
.drop-shaa{
    text-decoration:none;
    box-shadow:0 1px 2px rgba(0,0,0,.3);
}

.hdp1{height:400px;}
.hdp1>div{margin:auto;}

/*.sh {background:url('../images/a24.png') no-repeat 50% 2%;padding-top:290px;padding-bottom: 100px;}*/
.sh{
    background-image:url(../images/a24.png);
    overflow:hidden;
    width: 100%;
    background-position: 50% center;
    background-repeat: no-repeat;
    display: block;
    padding-bottom: 120px;
}
.sh .h1 {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 15px;
}

.sh .clearfix{padding-left: 70px;}
.sh .clearfix li{width: 23%;margin-right: 2%;float:left;position: relative;padding: 30px 0px 5px 0px;}
.sh .clearfix li a{cursor:pointer;display: block;position: relative;}
.sh .clearfix li a img{width:100%;height: auto;}

.sh .clearfix  li p{position:absolute;left:0;bottom:0;margin:0;width: 100%;height: 100%;text-align:center;background:url(../images/shpz_bg.png) repeat;top:0px;}
.sh .clearfix  li:hover p{background-image:none;border:2px solid #fecc00;width: 100%;height: 100%;box-sizing: border-box;}
.banner .dots , .gbanner .dots {position: absolute;left: 0;right: 0;bottom: 5px;}
.banner .dots li,.gbanner .dots li {
    padding:1.5px;
    display: inline-block;
    background-color:#616267;
    width:25px;
    height: 2px;
    margin: 0 4px;
    text-indent: -999em;
    border: 1px solid #616267;
    /*border-radius: 2px;*/
    cursor: pointer;
    opacity: .4;-webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;
}
.banner .dots li.active , .gbanner .dots li.active{background: #fff;opacity: 1;border: 1px solid #fff;}

.i_news{background-color:#f6f6f6;min-height:670px;}
.i_news .h1{text-align:center;padding-top:66px;padding-bottom:23px;}
.i_news .b1{}
/*.i_news .b1 .b1_1{transition: all 0.3s ease-in 0s;}
.i_news .b1 .b1_1:hover{margin-top:-5px;}*/
.i_news .b1 .b1_1{min-height: 424px;}

.i_news .b1 >div{float:left;padding:2px;background-color:#fff;margin:12px;-webkit-box-shadow: 0 6px 5px rgba(0,0,0,.175);box-shadow: 0 6px 5px rgba(0,0,0,.175);box-sizing: border-box;}
.i_news .b1 >div .b1_h{position:relative;width:368px;height:172px;}
.i_news .b1 >div .b1_h .news_more{
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    transition: margin-top 0.2s ease-in 0s;
    background-image: url("../images/news_m@1.png");
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.9;
    position: absolute;
    text-indent: -999999em;
    display:none;
    width: 100%;
    height:172px;
    top:-74px;
}
.i_news .b1 >div .b1_h img{width:368px;height:172px;}

.i_news .b1 >div .b1_b .b1_b_h {font-size:20px;padding:21px 29px;padding-bottom:8px;border-bottom:1px solid #ebebeb;color:#333333;padding-right:10px;margin-bottom:10px;}
.i_news .b1 >div .b1_b .b1_b_h a{float:right;font-size:12px;color:#333333;line-height:28px;}
.i_news .b1 >div .b1_b .b1_b_h a:hover{color:#069deb;}

.i_news .b1 >div .b1_b ul{list-style-type:none;padding:0px;}
.i_news .b1 >div .b1_b ul li a{padding:6px 30px;display:block;font-size:12px;color:#666;padding-right:10px;}
.i_news .b1 >div .b1_b ul li a:hover{background-image:url(../images/a33.jpg);background-repeat:no-repeat;background-position:2% 45%;color:#069deb; cursor:pointer;}
.i_news .b1 >div .b1_b ul li a:hover span{color:#666;}
.i_news .b1 >div .b1_b ul li a span{float:right;font-size:12px;-webkit-transform:scale(0.8);}
.i_news .b1 >div .b1_b ul li a label{
    font-weight:100;
    cursor:pointer;
    width: 75%;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -icab-text-overflow: ellipsis;
    -khtml-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
}


/*.product {color:#fff;height:900px;background-image:url(../images/a4_002.jpg);background-repeat:no-repeat;background-position:50% 107px;overflow:hidden;}*/
/*.product {color:#fff;height:842px;background-image:url(../images/a4_002.jpg);overflow:hidden;width: 100%;}*/
.product {color:#fff;height:842px;background-image:url(../images/a4_002.jpg);overflow:hidden;width: 100%;
    background-position: 50% center;
    background-repeat: no-repeat;
    display: block;
}

.product .h1 {
    text-align: center;
    padding-top: 58px;
    padding-bottom: 25px;
}

// .product>div{height:540px;margin-top:224px;}
.product>div .b{text-align:center;width: 25%;padding-top:95px;cursor:pointer;display:block;color:#fff;float:left;}
.product>div .b .i1{display:block;width: 50%;padding-bottom: 50%;margin:auto;}
.product>div .b .p_img1{background: url("../images/p2.png") no-repeat 0% 0%;background-size: 420%;}
.product>div .b .p_img2{background:url("../images/p2.png") no-repeat 33% 0%;background-size: 420%;}
.product>div .b .p_img3{background: url("../images/p2.png") no-repeat 66% 0%;background-size: 420%;}
.product>div .b .p_img4{background:url("../images/p2.png") no-repeat 99% 0%;background-size: 420%;}

.product>div .on .p_img1{background:url("../images/p2.png") no-repeat 0% 99%;background-size: 420%;}
.product>div .on .p_img2{background:url("../images/p2.png") no-repeat 33% 98%;background-size: 420%;}
.product>div .on .p_img3{background:url("../images/p2.png") no-repeat 66% 97%;background-size: 420%;}
.product>div .on .p_img4{background: url("../images/p2.png") no-repeat 100% 99%;background-size: 420%;}

.product>div .on .b1{display:none;}
.product>div .on .a1{display:block;}

.product>div h3{line-height:60px;color:#ffcd00;}
.product>div .b1{font-size:14px;line-height:25px;text-align:left;width: 70%;margin: 0 auto;}
.product>div .a1{color:#000000;font-size:16px;background-color:#ffcd00;display:block;line-height:30px;border-radius: 6px;width:200px;margin:auto;display:none;margin-top:38px;}

/*.product-list{height:700px;background-image:url("../images/a6_002.jpg");overflow:hidden;}*/
.product-list{height:700px;background-image:url("../images/a6_002.jpg");overflow:hidden;width: 100%;
    background-position: 50% center;
    background-repeat: no-repeat;
    display: block;}

.product-list .h1 {
    text-align: center;
    padding-top: 58px;
    padding-bottom: 25px;
}

// .product-list .b{margin-top:10px;}
.product-list .b .nbs-flexisel-ul .on {background-color:#ffcc00;}
.product-list .b .nbs-flexisel-ul .nbs-flexisel-item{transform: rotate(0deg);transition: all 0.6s ease-in-out;}
.product-list .b .nbs-flexisel-ul .on img{display:none;}
.product-list .b .nbs-flexisel-ul .b1{height:239px;display:none;line-height:22px;padding:0px 20px;text-align:left;}
.product-list .b .nbs-flexisel-ul .b1 h3{color:#222222;font-size:24px;padding:20px 0px;text-align:center;}
.product-list .b .nbs-flexisel-ul .on .b1{display:block;}

.co1{height:630px;background-image:url(../images/co1.png);background-repeat:no-repeat;background-position:50% 120px;overflow:hidden;background-color:#f6f6f6;}
.co1 .co8{width:50%;float:left;height:315px;}
.co1 .co8 div{padding-bottom:6px;font-size:15px;color:#666;}
.co1 .cc1 { text-align:right; height:315px; background-image:url(../images/c1on.png);background-repeat:no-repeat;background-position:83% 0px; }
.co1 .on .cc1 { background-image:url(../images/c1.png);background-repeat:no-repeat;background-position:83% 0px; }

.co1  .cc3 {height:315px;text-align:right;background-image:url(../images/c3on.png);background-repeat:no-repeat;background-position:83% 0px;}
.co1 .on .cc3 { background-image:url(../images/c3.png);background-repeat:no-repeat;background-position:83% 0px; }

.co1  .cc1 *{ padding-right:250px;}
.co1  .cc3 *{padding-right:250px;}

.co1  .co8 h3{margin-top:120px;padding-bottom:15px;}

.co1  .cc2 { text-align:left; background-image:url(../images/c2on.png);background-repeat:no-repeat;background-position:18% 0%; height:315px;}
.co1 .on .cc2 { background-image:url(../images/c2.png);background-repeat:no-repeat;background-position:18% 0px; }

.co1  .cc4 {text-align:left;background-image:url(../images/c4on.png);background-repeat:no-repeat;background-position:18% 0%; height:315px;}
.co1 .on .cc4 { background-image:url(../images/c4.png);background-repeat:no-repeat;background-position:18% 0px; }

.co1  .cc2 *{padding-left:250px;}
.co1  .cc4 *{padding-left:250px;}
.co1  .cc3 h3,.co1 .cc4 h3{margin-top:71px;}


.co{height:382px;background-image:url(../images/a7.jpg);background-repeat:no-repeat;background-position:50% 68px;overflow:hidden;}
.co .nbs-flexisel-nav-left {background: url(../images/case.png) no-repeat 0px 0px;left: -40px;margin-top: 12px;}
.co .nbs-flexisel-nav-left:hover {background: url(../images/case.png) no-repeat -74px 0px;}
.co .nbs-flexisel-nav-right {background: url(../images/case.png) no-repeat -37px 0px;right: -40px;margin-top: 12px;}
.co .nbs-flexisel-nav-right:hover {background: url(../images/case.png) no-repeat -111px 0px;}

/*.co .nbs-flexisel-nav-left {background: url(../images/case_left.png) no-repeat 50% 50%;}
.co .nbs-flexisel-nav-right {background: url(../images/case_right.png) no-repeat 50% 50%;}*/
/*.co .nbs-flexisel-item {border-right: 1px solid #ddd;}*/

.co>div{margin-top:200px;}


.footer1{background-color:#474847;}
.footer1 .f1{width: 25%;float:left;}
.footer1 .f1 h3{color;#fff;font-size:34px;color:#fff;padding-top:35px;padding-bottom:5px;margin:0px;}
.footer1 .f1 p{color:#999999;font-size:14px;padding:0px;margin:12px 0px !important;}

.footer1 .f2 {float:left;width: 75%;}
.footer1 .f2 .navr>li{ width:25%; float:left;}
.footer1 .f2 .navr>li>a{font-size:14px;color:#fff;font-weight:900;padding-top:40px;padding-bottom:25px;display:block;padding-left: 74px;}
.footer1 .f2 .navr>li ul li{text-align:left;}
.footer1 .f2 .navr>li ul li a{color:#fff;line-height:30px;color:#999999;padding-left:74px;}
.footer1 .f2 .navr>li ul li a:hover{color:#069deb;}

.footer1 .f2 .navr>li ul .weixin{color:#fff;line-height:30px;color:#999999;padding-left:74px;}
.footer1 .f2 .navr>li ul li img{color:#fff;line-height:30px;color:#999999;padding-left:74px;height:70px;width:70px;}

.footer2{background-color:#222222;text-align:center;padding-bottom: 10px;}
.footer2 p{font-size:14px;color:#fff;line-height:66px;margin:0px;}
.footer2 div img{margin:0px 15px;}

.footer1 .navr{margin-bottom: 30px;}



.t1 a {font-size:20px;padding:12px 20px;display:block;float:left;}
.n_nav1{padding-top:40px;}
.n_nav1 > div {padding:28px 0px; padding-right:0px;padding-bottom:0px;background-color:#eeeeee;}
.n_nav1 .t1 a{color:#333333;  border-right:1px solid #959595;}
.n_nav1 .t1{float:left;}
.n_nav1 .b1{float:left;width:1038px;}
.n_nav1 .b1 ul {padding-left:20px;}
.n_nav1 .b1 ul li{float:left;width:25%;margin-bottom:20px;text-align:center;}
.n_nav1 .b1 ul li a{font-size:20px;color:#333333;background-color:#fff;display:block;margin:0px 10px;line-height:42px;}
.n_nav1 .b1 ul li a:hover{color:#fff;  background-color:#6199f8;}

.n_nav1 .b1 ul li .active{color:#fff;  background-color:#6199f8;}

/*收款信息*/
.receipt{padding-top:25px; background-color: #F8F8F8;}
.receipt > div {padding:28px 0px; padding-right:0px;padding-bottom:0px;text-align: center;}
.receipt_word{color:#666666;font-size:15px;font-size:15px;}
.receipt table tr{height: 48px;}

.n_t{padding-top:40px;padding-bottom:40px;}
.n_tt{padding-top:10px;padding-bottom:10px;}
.n_t > div {padding:30px 0px; padding-bottom:20px; background-color:#eeeeee;}
.n_t .t1 {float:left;margin-right:20px}
.n_t .t1 a{color:#6199f8;  border-right:1px solid #dcdcdc;}
.n_t .b1 {color:#666666; line-height:33px; float:left;width:948px; position: relative;top:-10px;text-align:justify;text-indent: 2em;}

.n_table{margin-top:5px;}
.n_table>div{background-color:#eeeeee;}
.n_table table,.n_table th{text-align:center;}


.n_cp{margin-top:40px}
.n_cp > div {background-color:#eee;padding-top:81px;background-image:url(../images/a14.jpg);background-repeat:no-repeat;background-position:70px 37px;overflow:hidden;}
.n_cp  .tx {color:#666;line-height:32px;padding:10px;padding-left:86px;}
.n_cp >div .b1{width:33%;float:left;height:313px; position: relative;cursor:pointer;transition: all 0.5s ease-in 0s;}
/*.n_cp >div .b1:hover{top:-5px;}*/
.n_cp >div .b1 .i{width:80px;height:80px;margin-left:75px;margin-top:40px;}
.n_cp >div .b1 h3{margin-left:75px;font-size:16px;color:#666666;line-height:40px;}
.n_cp >div .b1 .b11{margin-left:75px;color:#666;font-size:14px;}
.n_cp >div .b1 .b11{margin-left:75px;color:#666;font-size:14px;}
.n_cp >div .b1 .i1{background-image:url(../images/p1.png);background-position: 0% 0%;transform: rotateX(0deg);transition: all 0.7s ease-in-out 0s;overflow:hidden;}
.n_cp >div .b1 .i2{background-image:url(../images/p1.png);background-position: -95px 0%;transform: rotateX(0deg);transition: all 0.7s ease-in-out 0s;overflow:hidden;}
.n_cp >div .b1 .i3{background-image:url(../images/p1.png);background-position: 40% 0%;transform: rotateX(0deg);transition: all 0.7s ease-in-out 0s;overflow:hidden;}
.n_cp >div .b1 .i4{background-image:url(../images/p1.png);background-position: 270px 0%;transform: rotateX(0deg);transition: all 0.7s ease-in-out 0s;overflow:hidden;}
.n_cp >div .b1 .i5{background-image:url(../images/p1.png);background-position: 80% 0%;transform: rotateX(0deg);transition: all 0.7s ease-in-out 0s;overflow:hidden;}
.n_cp >div .b1 .i6{background-image:url(../images/p1.png);background-position: 80px 0%;transform: rotateX(0deg);transition: all 0.7s ease-in-out 0s;overflow:hidden;}

.n_cp >div .on .i1{background-image:url(../images/p1.png);background-position: 0% 100%;transform: rotateX(360deg);transition: all 0.5s ease-in-out 0s;overflow:hidden;}
.n_cp >div .on .i2{background-image:url(../images/p1.png);background-position: -95px 100%;transform: rotateX(360deg);transition: all 0.5s ease-in-out 0s;overflow:hidden;}
.n_cp >div .on .i3{background-image:url(../images/p1.png);background-position: 40% 100%;transform: rotateX(360deg);transition: all 0.5s ease-in-out 0s;overflow:hidden;}
.n_cp >div .on .i4{background-image:url(../images/p1.png);background-position: 270px 100%;transform: rotateX(360deg);transition: all 0.5s ease-in-out 0s;overflow:hidden;}
.n_cp >div .on .i5{background-image:url(../images/p1.png);background-position: 80% 100%;transform: rotateX(360deg);transition: all 0.5s ease-in-out 0s;overflow:hidden;}
.n_cp >div .on .i6{background-image:url(../images/p1.png);background-position: 80px 100%;transform: rotateX(360deg);transition: all 0.5s ease-in-out 0s;overflow:hidden;}



.n_fw{margin-top:16px;margin-bottom:40px;}
.n_fw>div{background-color:#eeeeee;height:600px;background-image:url(../images/a16.jpg);background-repeat:no-repeat;background-position:70px 37px;overflow:hidden;}

.main{background-color: #F3F3F3;}
.main>div{background-repeat:repeat-y;;overflow:hidden;background-color: #F3F3F3;}
.main .i_c{width:25px;height:20px;float:left;}
.main .i_r{width:270px;float:left;background-color: #fff;padding-bottom: 20px;padding-top: 20px;}
.main .i_r ul li a{font-size:14px;color:#6f6f6f;display:block;padding:12px 0px;padding-left:45px;/*background-image:url(../images/a18.jpg);text-align:center;*/background-repeat:no-repeat;background-position:50% 100% ;overflow:hidden;border-bottom: 1px solid #F3F3F3;}
/*.main .i_r ul li a:hover{background-color:#D8EFFD;color:#1295db;background-image:none;border-right:2px solid #1295db;}*/
.main .i_l{width:900px;float:left;border-right:1px solid #eeeeee;border-bottom:50px solid #eeeeee;min-height:820px;background-color: #fff;}
.main .i_l .n_news .ns{padding:10px 0px; padding-bottom:15px;border-bottom:1px solid #eeeeee;margin:0px 15px;}
.main .i_l .n_news .ns .ns_l{float:left;width:80px;}
.main .i_l .n_news .ns .ns_l .ns_l_f{background-color: #F5F5F5;margin: 5px;width:70px;height:70px;}
.main .i_l .n_news .ns .ns_l .ns_l_f .ns_l_f_t{font-size:20px;margin: 15px 20px 0px 20px;float: left;color: #999999;}
.main .i_l .n_news .ns .ns_l .ns_l_f .ns_l_f_l{font-size:14px;margin-left: 10px;color: #999999;}
/*.main .i_l .n_news .ns .ns_l a{display:block;width:280px;height:160px;overflow: hidden;box-shadow: 0 0 10px 0 #aaaaaa;}
.main .i_l .n_news .ns .ns_l img{width:280px;height:160px;transition: all 0.3s ease-in-out 0s;}
.main .i_l .n_news .ns .ns_l img:hover{width:320px;height:200px;margin: -16px 0 0 -22px;}*/
.main .i_l .n_news .ns .ns_r{float:left;width:780px;padding:4px;}
.main .i_l .n_news .ns .ns_r h3{float:left;color: #069deb;font-size: 16px;font-weight: bold;margin: 0;overflow: hidden;padding: 0;text-overflow: ellipsis;white-space: nowrap;}
.main .i_l .n_news .ns .ns_r a:hover *{color:#069deb;}
.main .i_l .n_news .ns .ns_r p{color: #6c6c6c;font-size: 12px;line-height: 26px;margin: 15px 0 0;overflow: hidden;float:left;width: 100%;}
.main .i_l .n_news .ns .ns_r .ns_r_f {padding-top:0px;font-size:12px;}
.main .i_l .n_news .ns .ns_r .ns_r_f span{width:12%;display:block;float:right;}
.main .i_l .n_news .ns .ns_r .ns_r_f span a{float:right; color:#6c6c6c;}
.main .i_l .n_news .ns .ns_r .ns_r_f span a:hover *{color:#069deb;}

/*没有记录*/
.empty-data{
    text-align: center;
    padding:20px;
}
.empty-data span{
    background: url(../images/empty.png) no-repeat left center;
    padding-left:90px;
    line-height: 90px;
    display: inline-block;
    font-size:2em;
    font-weight: bold;
}

/*右边导航栏 效果*/
.rcontent {
    /*background: #F5F5F5;*/
    /*padding-top: 25px;*/
    /*padding-bottom: 40px;*/
    position: relative;
}
.backgroud-image {
    background: #D8EFFD;
    border-right: 3px solid #00a0e9;
    width: 265px;
    height: 45px;
    z-index: 0;
    position: absolute;
    top: 0px
}
.rcontent .c-item {
    width: 272px;
    display: block;
    z-index: 0;
    position: relative;
}
/*.rcontent .c-item li a {
    color: #646464;
}*/
/*.rcontent .c-item li a:hover {
    color: #279ad7;
}*/

.n_h1{font-size:12px;height: 40px; color:#333333;padding-top:15px;padding-left:30px;padding-right:15px;border-bottom:1px solid #eeeeee;padding-bottom:10px;}
/*.n_h1 a{color:#1865e5;float:right;font-size:12px;padding-top:8px;}*/
.n_h1 a{color:#333333;font-size:12px;padding-top:8px;}

.wt .wt_b{margin-left:32px;padding-right:10px;}
.wt .wt_b li {background-image:url(../images/a20.jpg);background-repeat:repeat-x;overflow:hidden;background-position:0% 100%;}
.wt .wt_b li a{padding-left:10px;display:block;font-size:12px;color:#333333;line-height:40px;background-image:url(../images/a19.jpg);background-position:0% 50%;background-repeat:no-repeat;overflow:hidden;}
.wt .wt_b li a:hover{color:#1865e5;background-image:url(../images/a21.jpg);background-position:0% 50%;background-repeat:no-repeat;overflow:hidden;}
.wt .wt_b li a span{float:right;}

.zp{margin-left:25px;padding:20px 0px; border-bottom:1px solid #eee;}
.zp .zp_l {float:left;}
.zp .zp_r {float:left;padding-left:30px;width:815px;}
.zp .zp_l a {display:block;width:120px;height:120px;overflow:hidden;}
.zp .zp_l img {width:120px;height:120px;margin-left:5px;transition: all 0.3s ease-in-out 0s;}
.zp .zp_l img:hover{height: 160px;margin: -16px 0 0 -22px;width: 160px;}
.zp .zp_r .zp_r_l {float:left;}
.zp .zp_r .zp_r_l p{line-height:25px;font-size:14px;}
.zp .zp_r .zp_r_l a h3 {font-size:22px;padding-bottom:10px;}
.zp .zp_r .zp_r_l a {color:#333333;}
.zp .zp_r .zp_r_l a:hover {color:#008ffe;}
.zp .zp_r .zp_r_r {float:right;width:234px;}
.zp .zp_r .zp_r_r span{margin:5px; float:left;padding:5px 8px;font-size:12px;}


#thumbs a {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    /*width: 85px;
    height: 83px;*/
    margin-right: 1.4%;
    width:207px;
    height:200px;
    display:block;
    margin:auto;
    overflow:hidden;
}
#thumbs a img{
    display: block;
    transition: all 0.2s ease-in 0s;
    width:207px;
    height:200px;
}
#thumbs a img:hover{
    width:247px;
    height:240px;
    margin: -16px 0 0 -22px;
}

#thumbs >div{
    padding:20px 0px;
    float:left;
    text-align:center;
    width:25%;
    /*margin-top 0.5s ease-in;*/
}
#thumbs >div span{line-height:30px;font-size:14px;color:#333333;}
/*
#thumbs >div:hover{ margin-top:-10px;margin-bottom:10px;}
#thumbs >div:hover span{color:#337ab7;transition: margin-top:-10px;}*/

.n_title{text-align:center;padding:15px 0px;font-size:22px;}
.n_x1{text-align:center;padding:15px;border-bottom:1px dashed #717171;}
.i_r .n_b{padding:0px 30px;}
.i_r .n_bx{padding:30px 20px;padding-right:0px;}

.i_l .n_bx img{max-width: 100%;}

.hj{background:url("../images/hjon.png") no-repeat scroll 0 0 / 50% auto;height:112px;width:70px;position:fixed;right:5px;bottom:10px;cursor:pointer;display:none;}

.dun_0{height:322px;background-color:#eaf5f9;overflow:hidden}
.dun_0_b{max-width:1920px;margin:auto;margin-top:65px;}
.dun_0_b>div{width:16.6666%;float:left;text-align:center;cursor:pointer;background: url("../images/d10.jpg") no-repeat 100% 50%;}

.dun_0_b>div>div{height:210px;width:216px;margin:auto;transition: all 0.5s ease-in-out;}
.dun_0_b>.da1>div{background: url("../images/dt.png") no-repeat 0% 0%;}
.dun_0_b>.da2>div{background: url("../images/dt.png") no-repeat -220px 0%;}
.dun_0_b>.da3>div{background: url("../images/dt.png") no-repeat -447px 0%;}
.dun_0_b>.da4>div{background: url("../images/dt.png") no-repeat -668px 0%;}
.dun_0_b>.da5>div{background: url("../images/dt.png") no-repeat -898px 0%;}
.dun_0_b>.da6>div{background: url("../images/dt.png") no-repeat -1124px 0%;}

.dun_0_b>.da1>.on{background: url("../images/dt.png") no-repeat 0% 100%;}
.dun_0_b>.da2>.on{background: url("../images/dt.png") no-repeat -220px 100%;}
.dun_0_b>.da3>.on{background: url("../images/dt.png") no-repeat -447px 100%;}
.dun_0_b>.da4>.on{background: url("../images/dt.png") no-repeat -668px 100%;}
.dun_0_b>.da5>.on{background: url("../images/dt.png") no-repeat -898px 100%;}
.dun_0_b>.da6>.on{background: url("../images/dt.png") no-repeat -1124px 100%;}

.bw{height:7px;position: relative;top:-7px;}
.bwd{height:14px;position: relative;bottom:-14px; }
.dun_1 .bt {display:none;}
.dun_1 .bt .bt1{text-align:center;padding-top:33px;}
.dun_1 .bt .bt2{color:#fff;padding:10px 0px;text-align:justify;}
.dun_1 .bt .bt2 p{font-size:20px;text-indent: 2em;line-height:33px;padding-bottom:23px;}
.dun_1 .bt .bt2 ul li{font-size:18px;line-height:35px;}
.dun_1 .bt .bt3 {line-height:56px;height:56px;margin-bottom:50px;}
.dun_1 .bt .bt3 span{font-size:24px;color:#fff;float:left;padding-right:30px;}
.dun_1 .bt .bt3 span strong{font-size:24px;color:#fda400;}
.dun_1 .bt .bt3 a{float:left;width:220px;line-height:56px;color:#fff;font-size:20px;background-color:#fda400;text-align:center;display:none;}

.dun_1 .bt .m{}
.dun_1 .on {display:block;opacity:0.5;}

.dun_1_da1{background-color:#bd4ad9;}
.dun_1_da1 .m{background:url("../images/d1ii.jpg");background-repeat:no-repeat;background-position:100% 100%;}
.dun_1_da1 .bw{background:url("../images/d1.jpg");}
.dun_1_da1 .bwd{background:url("../images/d1b.jpg");background-repeat:no-repeat;background-position:center;}

.dun_1_da2{background-color:#79c950;}
.dun_1_da2 .m{background:url("../images/d2ii.jpg");background-repeat:no-repeat;background-position:100% 100%;}
.dun_1_da2 .bw{background:url("../images/d2.jpg");}
.dun_1_da2 .bwd{background:url("../images/d2b.jpg");background-repeat:no-repeat;background-position:center;}


.dun_1_da3{background-color:#3e82f7;}
.dun_1_da3 .m{background:url("../images/d3ii.jpg");background-repeat:no-repeat;background-position:100% 100%;}
.dun_1_da3 .bw{background:url("../images/d3.jpg");}
.dun_1_da3 .bwd{background:url("../images/d3b.png");background-repeat:no-repeat;background-position:center;}


.dun_1_da4{background-color:#fa7171;}
.dun_1_da4 .m{background:url("../images/d4ii.jpg");background-repeat:no-repeat;background-position:100% 100%;}
.dun_1_da4 .bw{background:url("../images/d4.jpg");}
.dun_1_da4 .bwd{background:url("../images/d4b.jpg");background-repeat:no-repeat;background-position:center;}

.dun_1_da5{background-color:#39afdd;}
.dun_1_da5 .m{background:url("../images/d5ii.jpg");background-repeat:no-repeat;background-position:100% 100%;}
.dun_1_da5 .bw{background:url("../images/d5.jpg");}
.dun_1_da5 .bwd{background:url("../images/d5b.jpg");background-repeat:no-repeat;background-position:center;}

.dun_1_da6{background-color:#cc1e1f;}
.dun_1_da6 .m{background:url("../images/d6ii.jpg");background-repeat:no-repeat;background-position:100% 100%;}
.dun_1_da6 .bw{background:url("../images/d6.jpg");}
.dun_1_da6 .bwd{background:url("../images/d6b.jpg");background-repeat:no-repeat;background-position:center;}


.dun_2{background-color:#eaf5f9;text-align:center;}

.dun_3{background:url("../images/d8.jpg");background-repeat:no-repeat;background-position:center;background-color:#3e82f7; }

.dun_3 .duo_3_b{height:680px;overflow:hidden;}

.dun_3  .dun_3_b1{margin-left:900px;margin-top:225px;overflow:hidden;}

.dun_3 .dun_3_b1 a{
    background: rgba(0, 0, 0, 0) url("../images/d9.jpg") no-repeat scroll 26% 0% / 78% auto;
    cursor: pointer;
    display: block;
    height: 62px;
    margin-top: 80px;
    width: 284px;

}

.dun_4{background-image: url(../images/d11.jpg);background-position: 50% 0px;background-color:#eaf5f9;}

.w1300{width:1300px;}
.w1392{width:1392px;}
.w1584{width:1584px;}

.i_cpbk .b1 {
    padding:30px 0px;
    padding-bottom:50px;
}
.i_cpbk .h1 {
    text-align: center;
    padding-top: 66px;
    padding-bottom: 23px;
}

.product-ul li .bq {
    position: absolute;
    right: 0px;
    top: 0px;
}

.product-ul li .bq img{
    height:70px;
}
.product-ul li:hover{
    -webkit-transform: scale(1.1);
//border:1px solid #3a73f3;
    transition: all 0.5s ease;
}
.product-ul li {
    -webkit-transform: scale(1);
    transition: all 0.5s ease;
    width: 18.8%;
    height: 350px;
    float: left;
    border: 1px solid #eee;
    margin-left: 1%;
    margin-bottom: 1%;
    background: #fff;
    position: relative;
    -webkit-box-shadow: 2px 6px 10px rgba(0,0,0,.175);
    box-shadow: 2px 6px 10px rgba(0,0,0,.175);
    min-width: 240px;
}

.product-describe {
    margin-top: 10px;
    font-size: 12px;
    padding-left:60px;
    padding-right:20px;
    margin-bottom: 12px;
    color: #666;
}

.product-single .mb20 {
    margin-bottom: 20px;
}
.product-name {
    font-size: 21px;
    color: #333;
    text-align:center;
    font-weight: normal;
}

.product-price {
    margin: 10px 0px;
    font-size: 12px;
    color: #4c4c4c;
    height: 30px;
    padding-left:60px;
    line-height: 30px;
}
.product-price span {
    display: inline-block;
    margin: 0px 4px;
    color: #f84;
}
.product-price span  strong{
    font-size:20px;
}


.product-btn {
    padding-top:8px;
    text-align:center;
}
.product-btn .product-btn1 {
    border: 1px solid #ff8900;
    background: #ff8900;
    color: #fff;
}
.product-btn a {
    display: inline-block;
    padding: 5px 20px;
    border: 1px solid #009fd9;
    font-size: 14px;
    color: #009fd9;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.product-btn {
    padding-top:8px;
    text-align:center;
}
.product-btn .product-btn1 {
    border: 1px solid #ff8900;
    background: #ff8900;
    color: #fff;
}
.product-btn a {
    display: inline-block;
    padding: 5px 20px;
    border: 1px solid #009fd9;
    font-size: 14px;
    color: #009fd9;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

/*头部提醒*/
#top-remind{
    color: #fff;
    cursor: pointer;
}
#mainTip{
    width: 100%;
    background: #62bfed;
    /*position: relative;*/
    line-height: 30px;
}
#top-body{
    position: relative;
    margin: 0 auto
}
#top-body img{
    position: absolute;
    right:-28px;
    top: 5px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}


/*游戏盾*/
.banner4 ul li a{height:560px;}
.icon{background: url(../images/icon.png);width:24px;height:24px;display: inline-block;margin-right: 15px;vertical-align: top}
.skip-box{height: 60px;}
.animate-skip{text-align: center;background-color: #f1f4f8;width:100%;z-index:99;top:0}
.animate-skip ul{display: inline-block;}
.animate-skip ul li{display: inline-block;line-height:58px;width: 120px;margin-right: 75px;}
.animate-skip ul li a{color:#0a1633;font-size: 14px;display: block;box-sizing: border-box}
.animate-skip ul li.on a{color:#0a1633;border-bottom: 2px solid #2982ff}
.animate-skip span{color:#0a1633;display: block;width:150px;line-height: 60px;font-weight: bold;font-size: 14px;}
.animate-skip .btn{padding:0;width:120px;height:38px;line-height: 38px;background-color: #2983ff;display: block;margin:11px 0;color:#fff;border-radius: 3px;font-size: 14px;}


/*section*/
.section{padding:100px 0}
.section-header{margin-bottom: 60px;}
.section-header h1{color:#0a1633;font-size: 24px;text-align: center;font-weight: 900;}
.section-header p{text-align: center;font-size: 14px;color:#516179;margin-top: 20px;}
.section-body li{float: left}
.section-body p{line-height: 50px;color:#0a1633;font-weight: bold}
.section-body span{color:#6b798e;font-size: 14px;line-height: 25px;overflow: hidden;}

.section01 ul{padding-top:20px;}
.section01 li{width: 23%;margin: 0 1%;text-align: center;cursor: pointer;}
.section01 li img{width:100px;height:100px;}
p.line{position: relative;font-size: 16px;}
p.line:after{content:'';width:20px;height:1px;background-color: #333;display: block;position:absolute;-webkit-transition: all 1s;-moz-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.section01 li p:after{left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.section li:hover p.line:after{width:60px;}

.section02{background-color: #f5f8fa}
.section02 ul{padding:0 30px;clear:inherit;}
.section02 li{clear:inherit;width: 46%;padding:25px 40px;box-sizing: border-box;background-color: #fff;border-radius: 3px;margin: 0 2% 30px 2%;}
.section02 li:nth-child(4),.section02 li:nth-child(3){margin-bottom: 0}
.section02 li:nth-child(2n){margin-left: 0}
.section02 li .info-l{margin:8px 0}
.section02 li .info-l img{width:100px;height:100px;}
.section02 li .info-r{width: 70%;}
.section02 li .info-r p{font-size: 16px;}
.section02 li p{margin:0}
.section02 li span{height: 70px;display: block}

.tb-style{border-collapse: collapse;text-align: center;font-size: 14px;margin: 0 50px;}
.tb-style thead{background-color: #2981ff;color:#fff;line-height: 60px;}
.tb-style tr:nth-child(2n){background-color: #f5f8fa}
.tb-style th:first-child{width:195px;border:0}
.tb-style td,.tb-style th{text-align:center;border-left: 1px dashed #ccd5db}
.tb-style td{padding:20px 30px;color:#516179;line-height: 25px;}
.tb-style td:first-child{color:#0a1633;border:0}

.section04{background-color:#1d224a}
.section04 .section-header h1{color:#fff}
.section04 .animate-div .animate-fixed{background-image: url(../images/section04.png);width:571px;height:408px;position: absolute;}
.section04 .animate-info{width: 40%;padding:0 35px;}
.section04 .animate-info *{color:#fff}
.section04 .animate-info p{font-size: 16px;}
.section04 .list-item{margin-top: 10px;font-size: 14px;font-weight: bold;}
.section04 .list-item li{margin-right: 60px;width:170px;margin-top:30px;}
.section04 .animate-info span{text-align: justify;display: block;}
.section05{padding-top: 175px;}

.select-btn{text-align: center;margin-bottom: 60px;}
.select-btn li{float: none;display: inline-block;width:120px;line-height: 38px;border-radius: 3px;margin-right: 65px;overflow:hidden}
.select-btn li a{color:#6b798e;background-color: #f1f4f8;display: block}
.select-btn li:last-child{margin-right: 0}
.select-btn li.on a{background-color: #2981ff;color:#fff}

.section-select-box{text-align: left}
.section-select-box .select-item{text-align: center;width:268px;box-shadow: 1px 1px 30px rgba(41,129,255,0.1);float: none;;display: inline-block;padding:0 30px 40px 30px;margin:0 30px 30px 0;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.section-select-box .select-item:nth-child(3n){margin-right: 0}
.section-select-box>ul{width: 1055px;margin: 0 auto;}
.select-item .select-header{border-bottom: 1px dashed #e9e9e9}
.select-item .select-header h1{font-size: 18px;line-height: 70px;font-weight: bold;}
.select-item .select-body{padding:30px 0}
.select-item .select-footer{border-top:1px dashed #e9e9e9;}
.select-item .select-footer p{line-height: 90px;}
.select-item .select-footer p span{color:#f89501;font-weight: bold}
.select-item .select-footer p big{font-size: 22px;}
.select-item .select-footer a{display: block;width:210px;line-height: 40px;background-color: #2981ff;color:#fff;margin:0 auto;border-radius: 3px;cursor: pointer;}
.select-item p{line-height: 30px;font-weight: normal;margin:0 ;font-size: 14px;color:#516179}
.select-item p .sp{display: inline-block;width: 100px;text-align: right;}

.section-select-box .select-item:hover{transform: scale(1.1);background-color: #2981ff}
.section-select-box .select-item:hover *{color:#fff}
.section-select-box .select-item:hover .select-footer a{background-color: #f89501}

.section06{background-color: #f5f8fa}
.animate-l{padding-left: 190px;}
.animate-l li{float: none}
.animate-l li i{margin:20px 15px 20px 0}
.animate-l li .i-title{display: inline-block}
.animate-l li .i-title p{margin:10px 0;line-height: 45px;}
.animate-l li .i-title p:after{left: 0;}
.animate-l li .i-title p:after{position: absolute;width:20px;height:1px;background-color: #333;display: block}

.animate-bg{background-image: url(../images/img07.png);width:530px;height:400px;background-size: 100% 100%;background-position: center center;position: relative;margin:20px 0}
.animate-bg .items-01{width:200px;height:220px;background: url(../images/img01.png);position: absolute;top:17%;left: 27%;}
.animating .animate-bg .items-01:before{content:'';width:74px;height:42px;background-color: #fff;display: block;position: absolute;left: 32%;top:8%;
    -webkit-border-radius: 37px / 21px;
    -moz-border-radius: 37px / 21px;
    border-radius: 37px / 21px;
    -webkit-animation: bgChange 3s forwards;
    -moz-animation: bgChange 3s forwards;
    -o-animation: bgChange 3s forwards;
    animation: bgChange 3s forwards;
}
.animating  .animate-bg .items-01:after{
    content:'';width:72px;height:120px;display: block;position: absolute;left: 32.5%;bottom:70%;border-bottom-left-radius: 33px;border-bottom-right-radius: 33px;opacity: 0;
    background: -webkit-linear-gradient(bottom, rgba(52,84,253,0)0, rgba(52,84,253,0.1)40%, rgba(52,84,253,0)100%);
    background: -moz-linear-gradient(bottom, rgba(52,84,253,0)0, rgba(52,84,253,0.1)40%, rgba(52,84,253,0)100%);
    background: -ms-linear-gradient(bottom, rgba(52,84,253,0)0, rgba(52,84,253,0.1)40%, rgba(52,84,253,0)100%);
    background: -o-linear-gradient(bottom, rgba(52,84,253,0)0, rgba(52,84,253,0.1)40%, rgba(52,84,253,0)100%);
    background: linear-gradient(bottom, rgba(52,84,253,0)0, rgba(52,84,253,0.1)40%, rgba(52,84,253,0)100%);
    -webkit-animation: lightUp 1s linear 1s forwards ;
    -moz-animation: lightUp 1s linear 1s forwards ;
    -ms-animation: lightUp 1s linear 1s forwards ;
    animation: lightUp 1s linear 1s forwards ;
}

@-webkit-keyframes bgChange {
    from{
        background-color: #fff;
    }
    to{
        background-color: #3454fd;
    }
}

@-moz-keyframes bgChange {
    from{
        background-color: #fff;
    }
    to{
        background-color: #3454fd;
    }
}
@-ms-keyframes bgChange {
    from{
        background-color: #fff;
    }
    to{
        background-color: #3454fd;
    }
}
@-o-keyframes bgChange {
    from{
        background-color: #fff;
    }
    to{
        background-color: #3454fd;
    }
}
@keyframes bgChange {
    from{
        background-color: #fff;
    }
    to{
        background-color: #3454fd;
    }
}


@-webkit-keyframes lightUp {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}


@-moz-keyframes lightUp {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}


@-ms-keyframes lightUp {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}


@-o-keyframes lightUp {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

@keyframes lightUp {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.animate-bg .items-02,.animate-bg .items-03,.animate-bg .items-04,.animate-bg .items-05,.animate-bg .items-06{position: absolute}
.animate-bg .items-02{top: 0;left: 11%;}
.animate-bg .items-03{left: -7%;top: 32%;}
.animate-bg .items-04{left: 60%;top: -4%;}
.animate-bg .items-05{left: 75%;top: 32%;}
.animate-bg .items-06{left: 32%;top: 62%;}

.animate-bg .items-02:before,.animate-bg .items-03:before,.animate-bg .items-04:before,.animate-bg .items-05:before,.animate-bg .items-06:before{
    content:'';
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width:91px;
    height:122px;
    display: inline-block;
    position: absolute;
    -webkit-animation: waveUp 5s linear infinite;
    -moz-animation: waveUp 5s linear infinite;
    -o-animation: waveUp 5s linear infinite;
    animation: waveUp 5s linear infinite;
    z-index: 1;
}
.animate-bg .items-02:before{background: url(../images/img02.png);}
.animate-bg .items-03:before{background: url(../images/img03.png);-webkit-animation-delay: 1s;-moz-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;}
.animate-bg .items-04:before{background: url(../images/img04.png);-webkit-animation-delay: 2s;-moz-animation-delay: 2s;-o-animation-delay: 2s;animation-delay: 2s}
.animate-bg .items-05:before{background: url(../images/img05.png);-webkit-animation-delay: 3s;-moz-animation-delay: 3s;-o-animation-delay: 3s;animation-delay: 3s}
.animate-bg .items-06:before{background: url(../images/img06.png);height:128px;-webkit-animation-delay: 4s;-moz-animation-delay: 4s;-o-animation-delay: 4s;animation-delay: 4s}
.animate-bg .items-02:after,.animate-bg .items-03:after,.animate-bg .items-04:after,.animate-bg .items-05:after,.animate-bg .items-06:after{content:'';background-image: url(../images/img08.png);width:76px;height:48px;display: block;position: absolute;bottom: -147px;left: 8px;z-index: 0;
    -webkit-animation:shadowZoom 5s linear infinite;
    -moz-animation:shadowZoom 5s linear infinite;
    -o-animation:shadowZoom 5s linear infinite;
    animation:shadowZoom 5s linear infinite;
}
.animate-bg .items-03:after{-webkit-animation-delay: 1s;-moz-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;}
.animate-bg .items-04:after{-webkit-animation-delay: 2s;-moz-animation-delay: 2s;-o-animation-delay: 2s;animation-delay: 2s;}
.animate-bg .items-05:after{-webkit-animation-delay: 3s;-moz-animation-delay: 3s;-o-animation-delay: 3s;animation-delay: 3s;}
.animate-bg .items-06:after{-webkit-animation-delay: 4s;-moz-animation-delay: 4s;-o-animation-delay: 4s;animation-delay: 4s;}

@-webkit-keyframes waveUp {
    0%{
        -webkit-transform: translateX(0);
    }
    50%{
        transform: translateY(10px);
    }
    100%{
        transform: translateY(0);
    }
}
@-moz-keyframes waveUp {
    0%{
        -moz-transform: translateX(0);
    }
    50%{
        -moz-transform: translateY(10px);
    }
    100%{
        -moz-transform: translateY(0);
    }
}
@-ms-keyframes waveUp {
    0%{
        -ms-transform: translateX(0);
    }
    50%{
        -ms-transform: translateY(10px);
    }
    100%{
        -ms-transform: translateY(0);
    }
}
@-o-keyframes waveUp {
    0%{
        -o-transform: translateX(0);
    }
    50%{
        -o-transform: translateY(10px);
    }
    100%{
        -o-transform: translateY(0);
    }
}
@keyframes waveUp {
    0%{
        transform: translateX(0);
    }
    50%{
        transform: translateY(10px);
    }
    100%{
        transform: translateY(0);
    }
}

@-webkit-keyframes shadowZoom {
    0%{
        -webkit-transform: scale(1);
    }
    50%{
        -webkit-transform: scale(1.4);
    }
    100%{
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes shadowZoom {
    0%{
        -moz-transform: scale(1);
    }
    50%{
        -moz-transform: scale(1.4);
    }
    100%{
        -moz-transform: scale(1);
    }
}
@-ms-keyframes shadowZoom {
    0%{
        -ms-transform: scale(1);
    }
    50%{
        -ms-transform: scale(1.4);
    }
    100%{
        -ms-transform: scale(1);
    }
}
@-o-keyframes shadowZoom {
    0%{
        -o-transform: scale(1);
    }
    50%{
        -o-transform: scale(1.4);
    }
    100%{
        -o-transform: scale(1);
    }
}
@keyframes shadowZoom {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.4);
    }
    100%{
        transform: scale(1);
    }
}

.cls-1{ fill: none;}
.cls-1 {stroke: #8eaaff;opacity: 0.6;}
.cls-1{stroke-width: 1px;}
.cls-2 {fill: #6376ba;}

#path01,#path02{fill: #262b55;stroke: #7393db;fill-rule: evenodd;animation: lineMove 1s linear forwards;stroke-width: 1px;opacity: 0;}
#path02{-webkit-animation-delay: 1s;-moz-animation-delay: 1s;-ms-animation-delay: 1s;-o-animation-delay: 1s;}

.animating .animate-div{-webkit-animation: lightUp 1s linear forwards;-moz-animation: lightUp 1s linear forwards;-o-animation: lightUp 1s linear forwards;animation: lightUp 1s linear forwards}
.animating .line{ stroke-dasharray: 3;stroke-opacity: 1;-webkit-animation: dash 25s linear infinite;-moz-animation: dash 25s linear infinite;-o-animation: dash 25s linear infinite;animation: dash 25s linear infinite;}

@-webkit-keyframes lineMove {
    0% {
        stroke-dasharray: 0, 378;
    }
    100% {
        stroke-dasharray: 4 2;
        opacity: 1;
    }

}


@-moz-keyframes lineMove {
    0% {
        stroke-dasharray: 0, 378;
    }
    100% {
        stroke-dasharray: 4 2;
        opacity: 1;
    }

}

@-ms-keyframes lineMove {
    0% {
        stroke-dasharray: 0, 378;
    }
    100% {
        stroke-dasharray: 4 2;
        opacity: 1;
    }

}

@-o-keyframes lineMove {
    0% {
        stroke-dasharray: 0, 378;
    }
    100% {
        stroke-dasharray: 4 2;
        opacity: 1;
    }

}

@keyframes lineMove {
    0% {
        stroke-dasharray: 0, 378;
    }
    100% {
        stroke-dasharray: 4 2;
        opacity: 1;
    }

}

@-webkit-keyframes dash {
    to {
        stroke-dashoffset: -1000;
    }
}
@-moz-keyframes dash {
    to {
        stroke-dashoffset: -1000;
    }
}
@-ms-keyframes dash {
    to {
        stroke-dashoffset: -1000;
    }
}
@-o-keyframes dash {
    to {
        stroke-dashoffset: -1000;
    }
}
@keyframes dash {
    to {
        stroke-dashoffset: -1000;
    }
}

@media screen and (max-width: 1800px) {
    .w1772{width:90%}
}


@media screen and (max-width: 1600px) {
    body>.sh, body >.header_nav, body>.hdp, body>.i_news, body>.product, body>.product-list, body>.co1, body>.co, body>.footer1, body>.footer2, body>.n_nav1, body>.nsh, body>.n_cp, body>.n_fw, body>.main{min-width:auto}
    .header_nav .b1 .nav .dropdown{padding:0 2%}
    .w1350{width:78%;}
    .w1392{width: 80%;}
    .w1584{width:85%}
    .w1772{width:90%}
    .header_nav .b1{margin-left: 4%;width: 75%;}
    .i_news .b1 >div{width: 31.333333333%;margin: 1%;}
    .i_news .b1 >div .b1_h img{width:100%}
}

@media screen and (max-width: 1400px) {
    .w1200{width: 90% !important;}
    .product-ul li{width: 23.8%;}
    .header_nav .b1 .nav .dropdown{padding: 0 1%;}
    .product-describe,.product-price{padding-left: 70px;}
}

@media screen and (max-width: 1200px) {
    .logo{width: 16%;}
    .header_nav .b1{margin-left: 4%;}
    .header_nav .b1 .nav .dropdown{padding: 0;}
}

@media screen and (max-width: 1150px){
     .product-ul li{width: 30.8%;}
}