.hidden{display: none;}
.hide_txt{font-size: 14px;color: #fff}

.wrap{height: 100%;position: relative;overflow: hidden;}
.wrapper01{height: 100%;position: relative;overflow: hidden;}
.content03{z-index:5; height: 100%;   width: 100%;}


.product_list{position: relative;height: 100%;}
.product_box{position: absolute;width: 100%;height: 100%;top: 0;left: -9999px;}
.bg_box{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-position: center center;background-repeat: no-repeat;}
.bg_main{width: 1000px;height: 100%;position: absolute;top: 0;left: 50%;margin-left: -500px;background-position: center center;background-repeat: no-repeat;}
.bg_box img{position: absolute;top: 50%;left: 50%;}

.product_box .content03{height: 84%; width: 100%;z-index: 5;transform-origin: center center;-webkit-transform-origin: center center;}
.product_box .main_box{position: relative;height: 100%;left: -9999px;top: 50%;}
.product_list .show{left: 0;}
.product_list .show .main_box{left: 0;}
.product_box h2{position: absolute;top: 50%;left: 50%;background-size: 100% 100%;}
.product_box h2 span{position: absolute;}
.btn_product{position: absolute;top: 50%;left: 50%;text-align: center;border-width: 1px;border-style: solid;transition: transform .3s;-webkit-transition: transform .3s;}
.btn_product:hover{text-decoration: none;transform: scale(1.04);-webkit-transform: scale(1.04);}
.product_box.show h2{animation:tt_effect .6s .3s linear both;-webkit-animation:tt_effect .6s .3s linear both;}
.product_box.show .btn_product{animation:opacity .5s 1s linear both;-webkit-animation:opacity .5s 1s linear both;}

/*.product_list .shoulei .bg_box{background-image: url('../img/bg_1.jpg');}
.product_list .shoulei .bg_main{background-image: url('../img/main_1.jpg');}*/
.shoulei .btn_product{border-color: #62615d;border-color: rgba(0,0,0,0.6);color:#000;}

/*.product_list .xnet .bg_box{background-image: url('../img/bg_2.jpg');}
.product_list .xnet .bg_main{background-image: url('../img/main_2.jpg');}*/
.xnet .btn_product{border-color: #88b1eb;border-color: rgba(255,255,255,0.3);color:#fff;}

/*.product_list .member .bg_box{background-image: url('../img/bg_3.jpg');}
.product_list .member .bg_main{background-image: url('../img/main_3.jpg');}*/
.member .btn_product{border-color: #b3a38b;border-color: rgba(255,255,255,0.3);color:#fff;}

/*.product_list .xkn .bg_box{background-image: url('../img/bg_4.jpg');}
.product_list .xkn .bg_main{background-image: url('../img/main_4.jpg');}*/
.xkn .btn_product{border-color: #7e7a60;border-color: rgba(0,0,0,0.5);color:#000;}

/*.product_list .xav .bg_box{background-image: url('../img/bg_5.jpg');}
.product_list .xav .bg_main{background-image: url('../img/main_5.jpg');}*/
.xav .btn_product{border-color: #a1b3cb;border-color: rgba(255,255,255,0.5);color:#fff;}


.product_btns{position: absolute;width: 100%;bottom: 20px;z-index: 111;transition: bottom .3s;-webkit-transition: bottom .3s;}
.product_btns.show{bottom: 20px;}
.product_btns .content{width: 1000px;position: absolute;bottom: 20px;left: 50%; z-index:100;margin-left: -500px;}
.product_btns .btns_area{margin: 0 auto;border-bottom: 1px solid #92a0b4;border-color: rgba(255,255,255,0.2);+zoom: 1;}
.product_btns .btns_box{position: absolute;width: 100%;height: 84px;top: 3px;font-size: 0;line-height: 0;}
.product_btns .btns_box a{display: inline-block;+display: inline;+zoom: 1;position: relative;}
.product_btns .btns_box a span{display: block;background-repeat: no-repeat;cursor: pointer;position: absolute;top: 0;left: 0;}
.product_btns .btns_box a:hover,.product_btns .btns_box a.cur{background: url(about:blank);}

.product_btns .ic_line{position: absolute;height: 2px;background: #fff;left: 0;bottom: 2px;transition: left .3s;-webkit-transition: left .3s;}


/*big size*/
.big_view .btn_product{margin-left: -75px;width: 148px;height: 40px;line-height: 40px;font-size: 18px;}

.big_view .shoulei .btn_product{margin-top: -220px;}

.big_view .xnet .btn_product{margin-top: 179px;}

.big_view .member .btn_product{margin-top: -186px;}

.big_view .xkn .btn_product{margin-top: -182px;}

.big_view .xav .btn_product{margin-top: -280px;}

.big_view .product_btns .btns_area{width:535px;height: 110px;}
.big_view .product_btns .btns_box{height: 110px;}
.big_view .product_btns .btns_box a{width: 111px;height: 110px;margin: 0 15px;}
.big_view .product_btns .btns_box a span{height: 102px; line-height:162px; width:111px; text-align:center;}
.big_view .product_btns .btns_box a:hover span,.big_view .product_btns .btns_box a.cur span{_height: 69px;}
.big_view .product_btns .ic_line{width: 111px;}
.big_view .product_btns .btns_box .btn_ipr{margin: 0 15px 0 0;}
.big_view .product_btns .btns_box .btn_xav{margin: 0 0 0 15px;}

.big_view .ic_shoulei{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b1.png) no-repeat center;width: 111px;-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;}
.big_view a:hover .ic_shoulei,.big_view a.cur .ic_shoulei{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b01.png) no-repeat center;margin-top:-3px;}
.big_view .ic_xnet{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b2.png) no-repeat center;width: 111px;-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;}
.big_view a:hover .ic_xnet,.big_view a.cur .ic_xnet{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b02.png) no-repeat center;margin-top:-3px;}
.big_view .ic_member{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b3.png) no-repeat center;width: 111px;-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;}
.big_view a:hover .ic_member,.big_view a.cur .ic_member{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b03.png) no-repeat center;margin-top:-3px;}
.big_view .ic_xkn{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b4.png) no-repeat center;width: 111px;-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;}
.big_view a:hover .ic_xkn,.big_view a.cur .ic_xkn{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b04.png) no-repeat center;margin-top:-3px;}



/*mid size*/
.mid_view .btn_product{margin-left: -60px;width: 118px;height: 32px;line-height: 32px;font-size: 14px;}
.mid_view .product_btns .btns_area{width: 535px;_width: 535px;height: 110px;}
.mid_view .product_btns .btns_box{height: 110px;}
.mid_view .product_btns .btns_box a{width: 111px;height: 110px;margin: 0 15px;}
.mid_view .product_btns .btns_box a span{height: 102px; line-height:162px; width:111px; text-align:center}
.mid_view .product_btns .btns_box a:hover span,.mid_view .product_btns .btns_box a.cur span{_height: 56px;}
.mid_view .product_btns .ic_line{width: 111px;}
.mid_view .product_btns .btns_box .btn_ipr{margin: 0 12px 0 0;}
.mid_view .product_btns .btns_box .btn_xav{margin: 0 0 0 12px;}

.mid_view .ic_shoulei{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b1.png) no-repeat center;width: 111px;-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;}
.mid_view a:hover .ic_shoulei,.mid_view a.cur .ic_shoulei{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b01.png) no-repeat center;margin-top:-3px;}
.mid_view .ic_xnet{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b2.png) no-repeat center;width: 111px;-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;}
.mid_view a:hover .ic_xnet,.mid_view a.cur .ic_xnet{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b02.png) no-repeat center;margin-top:-3px;}
.mid_view .ic_member{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b3.png) no-repeat center;width: 111px;-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;}
.mid_view a:hover .ic_member,.mid_view a.cur .ic_member{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b03.png) no-repeat center;margin-top:-3px;}
.mid_view .ic_xkn{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b4.png) no-repeat center;width: 111px;-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;}
.mid_view a:hover .ic_xkn,.mid_view a.cur .ic_xkn{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b04.png) no-repeat center;margin-top:-3px;}
.small10{ height:600px;}
/*small size*/.
.small_view .btn_product{margin-left: -48px;width: 94px;height: 26px;line-height: 26px;font-size: 11px;}


.small_view .product_btns .btns_area{width: 535px;_width: 538px;/*width: 242px;_width: 243px;*/height:110px;}
.small_view .product_btns .btns_box{height: 110px;}
.small_view .product_btns .btns_box a{width: 111px;height: 110px;margin: 0 15px;}
.small_view .product_btns .btns_box a span{height: 102px; line-height:162px; width:111px; text-align:center}
.small_view .product_btns .btns_box a:hover span,.small_view .product_btns .btns_box a.cur span{_height: 45px;}
.small_view .product_btns .ic_line{width: 111px;}
.small_view .product_btns .btns_box .btn_ipr{margin: 0 10px 0 0;}
.small_view .product_btns .btns_box .btn_xav{margin: 0 0 0 10px;}

.small_view .ic_shoulei{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b1.png) no-repeat center;width: 111px;-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;}
.small_view a:hover .ic_shoulei,.small_view a.cur .ic_shoulei{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b01.png) no-repeat center;margin-top:-3px;}
.small_view .ic_xnet{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b2.png) no-repeat center;width: 111px;-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;}
.small_view a:hover .ic_xnet,.small_view a.cur .ic_xnet{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b02.png) no-repeat center;margin-top:-3px;}
.small_view .ic_member{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b3.png) no-repeat center;width: 111px;-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;}
.small_view a:hover .ic_member,.small_view a.cur .ic_member{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b03.png) no-repeat center;margin-top:-3px;}
.small_view .ic_xkn{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b4.png) no-repeat center;width: 111px;-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;}
.small_view a:hover .ic_xkn,.small_view a.cur .ic_xkn{background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/b04.png) no-repeat center;margin-top:-3px;}


@keyframes pulse{
	0%{transform:scale(1);}
	50%{transform:scale(1.1);}
	100%{transform:scale(1);}
}
@-webkit-keyframes pulse{
	0%{-webkit-transform:scale(1);}
	50%{-webkit-transform:scale(1.1);}
	100%{-webkit-transform:scale(1);}
}

@keyframes swing{
	20%,40%,60%,80%,100%{transform-origin:top center;}
	20%{transform:rotate(15deg);}
	40%{transform:rotate(-10deg);}
	60%{transform:rotate(5deg);}
	80%{transform:rotate(-5deg);}
	100%{transform:rotate(0deg);}
}
@-webkit-keyframes swing{
	20%,40%,60%,80%,100%{-webkit-transform-origin:top center;}
	20%{-webkit-transform:rotate(15deg);}
	40%{-webkit-transform:rotate(-10deg);}
	60%{-webkit-transform:rotate(5deg);}
	80%{-webkit-transform:rotate(-5deg);}
	100%{-webkit-transform:rotate(0deg);}
}

@keyframes flash{
	0%,66.66%{opacity: 0;}
	33.33%,100%{opacity: 1;}
}
@-webkit-keyframes flash{
	0%,66.66%{opacity: 0;}
	33.33%,100%{opacity: 1;}
}

@keyframes tada{
	0%{transform:scale(1);}
	10%,20%{transform:scale(0.9) rotate(-3deg);}
	30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}
	40%,60%,80%{transform:scale(1.1) rotate(-3deg);}
	100%{transform:scale(1) rotate(0);}
}
@-webkit-keyframes tada{
	0%{-webkit-transform:scale(1);}
	10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}
	30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}
	40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}
	100%{-webkit-transform:scale(1) rotate(0);}
}

@keyframes rotateX{
	0%{transform: perspective(400px) rotateX(90deg);}    
    40%{transform: perspective(400px) rotateX(-30deg);}
    70%{transform: perspective(400px) rotateX(30deg);}
    100%{transform: perspective(400px) rotateX(0deg);}
}
@-webkit-keyframes rotateX{
	0%{-webkit-transform: perspective(400px) rotateX(90deg);}    
    40%{-webkit-transform: perspective(400px) rotateX(-30deg);}
    70%{-webkit-transform: perspective(400px) rotateX(30deg);}
    100%{-webkit-transform: perspective(400px) rotateX(0deg);}
}

@keyframes rotateY{
	0%{transform: perspective(400px) rotateY(90deg);}    
    40%{transform: perspective(400px) rotateY(-20deg);}
    70%{transform: perspective(400px) rotateY(20deg);}
    100%{transform: perspective(400px) rotateY(0deg);}
}
@-webkit-keyframes rotateY{
	0%{-webkit-transform: perspective(400px) rotateY(90deg);}    
    40%{-webkit-transform: perspective(400px) rotateY(-20deg);}
    70%{-webkit-transform: perspective(400px) rotateY(20deg);}
    100%{-webkit-transform: perspective(400px) rotateY(0deg);}
}

@keyframes bounce{
	0%,20%,50%,80%,100%{transform:translateY(0);}
	40%{transform:translateY(-20px);}
	60%{transform:translateY(-10px);}
}
@-webkit-keyframes bounce{
	0%,20%,50%,80%,100%{-webkit-transform:translateY(0);}
	40%{-webkit-transform:translateY(-20px);}
	60%{-webkit-transform:translateY(-10px);}
}

@keyframes bounceInDown{
	0%{opacity:0;transform:translateY(-2000px);}
	60%{opacity:1;transform:translateY(30px);}
	80%{transform:translateY(-10px);}
	100%{transform:translateY(0);}
}
@-webkit-keyframes bounceInDown{
	0%{opacity:0;-webkit-transform:translateY(-2000px);}
	60%{opacity:1;-webkit-transform:translateY(30px);}
	80%{-webkit-transform:translateY(-10px);}
	100%{-webkit-transform:translateY(0);}
}


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

@keyframes tt_effect{
	0%{transform:translateY(-20px);opacity:0;}
	100%{transform:translateY(0);opacity:1;}
}
@-webkit-keyframes tt_effect{
	0%{-webkit-transform:translateY(-20px);opacity:0;}
	100%{-webkit-transform:translateY(0);opacity:1;}
}

@keyframes bg_effect{
	0%{transform:scale(1,1);}
	100%{transform:scale(1.05,1.05);}
}
@-webkit-keyframes bg_effect{
	0%{-webkit-transform:scale(1,1);}
	100%{-webkit-transform:scale(1.05,1.05);}
}