.wrap{height: 100%;position: relative;overflow: hidden;}
.wrapperm{height: 100%;position: relative;overflow: hidden;}
.contentm {position: relative;width: 1200px;margin: 0 auto;}

.small2{transform:scale(0.6,0.6);-webkit-transform:scale(0.6,0.6);}
.small3{transform:scale(0.65,0.65);-webkit-transform:scale(0.65,0.65);}
.small4{transform:scale(0.7,0.7);-webkit-transform:scale(0.7,0.7);}
.small5{transform:scale(0.75,0.75);-webkit-transform:scale(0.75,0.75);}
.small6{transform:scale(0.8,0.8);-webkit-transform:scale(0.8,0.8);}
.small7{transform:scale(0.85,0.85);-webkit-transform:scale(0.85,0.85);}
.small8{transform:scale(0.9,0.9);-webkit-transform:scale(0.9,0.9);}
.small9{transform:scale(0.95,0.95);-webkit-transform:scale(0.95,0.95);}


.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;}

/*------大 bnnaer----*/
.shoulei .bg_box { background:url(../images/bg_shoulei.jpg) no-repeat center; background-size:cover;}
.xnet .bg_box { background:url(../images/bg_xnet.jpg) no-repeat center; background-size:cover;}
.member .bg_box { background:url(../images/bg_member.jpg) no-repeat center; background-size:cover;}


.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 .contentm{width: 1000px;height: 100%;position: absolute;top: 0;left: 50%;margin-left: -500px;z-index: 5;transform-origin: center center;-webkit-transform-origin: center center;}
.product_box .main_box{position: relative;height: 100%;left: -9999px;top: 10%;}

.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%;}
.xnet h2{position: absolute;top: 50%;left: 30%;background-size: 100% 100%;}
.bnetu { padding-top:65px; padding-left:70px;}
.product_box h2 span{position: absolute;}
.btn_product{position: absolute;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;}

.shoulei .btn_product{border:none;}

.xnet .btn_product{ }

.member .btn_product{ }



.product_btns{position: absolute;width: 100%;bottom:12%;z-index: 6;transition: bottom .3s;-webkit-transition: bottom .3s;z-index: 10;}
.product_btns.show{bottom: 100px;}
.product_btns .contentm{width: 1000px;position: absolute;bottom:0;left: 50%;margin-left: -500px;}
.product_btns .btns_area{margin: 0 auto;+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: 50%;}
.product_btns .btns_box a:hover,.product_btns .btns_box a.cur{background: url(about:blank);}

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

.rpt_bg{position: absolute;bottom: 0;left: 0;width: 100%;height: 238px;background: url('../images/rpt_bg.png') repeat-x;opacity: 0;transition: opacity .3s;-webkit-transition: opacity .3s;z-index: 5;left: -9999px;}
.rpt_bg.show{opacity: 1;left: 0;}

/*big size*/
.big_view .btn_product{margin-left: -135px;width:264px;height: auto; text-align:center;line-height:25px;font-size: 16px;color:#F00;}

.big_view .shoulei h2{width:370px;height:50px;margin: -35% 0 0 -20%;background-image: url('../images/txt_1.png');}
.big_view.xbig .shoulei h2{background-image: url('../images/txt_1.png');}
.big_view .shoulei .btn_product{margin-top: -200px;top:40%;left: 49%;text-align: center; }

.big_view .xnet h2{width:608px;height:441px;margin: -264px 0 0 -35px;background-image: url('../images/txt_2.png');}
.big_view.xbig .xnet h2{background-image: url('../images/txt_2.png');}
.big_view .xnet .btn_product{margin-top: 179px;top: 22%;left: 48%;text-align: center;}

.big_view .member h2{width:365px;height:394px;margin: -207px 0 0 -632px;background-image: url('../images/txt_3.png');}
.big_view.xbig .member h2{background-image: url('../images/txt_3.png');}
.big_view .member .btn_product{margin-top: -86px;top: 44%;left: 36%;text-align: center;}


.big_view .product_btns .btns_area{width:470px;height: 5px;}
.big_view .product_btns .btns_box{height: 40px;}
.big_view .product_btns .btns_box a{width: 60px;height:5px;margin: 0 5px;}

.big_view .product_btns .btns_box a span{height:5px;background:#DDDDDD; width:60px;margin: 0 5px;}

.big_view .product_btns .btns_box a:hover span,.big_view .product_btns .btns_box a.cur span{background:#E00909;}

.big_view .product_btns .ic_line{width: 60px;}
.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:#DDDDDD;}
.big_view a:hover .ic_shoulei,.big_view a.cur .ic_shoulei{background:#E00909;}

.big_view .ic_xnet{background-position: -106px 0;width: 65px;margin-left: -32px;}
.big_view a:hover .ic_xnet,.big_view a.cur .ic_xnet{background-position: -106px -108px;}

.big_view .ic_member{background-position:  -224px 0;width: 48px;margin-left: -24px;}
.big_view a:hover .ic_member,.big_view a.cur .ic_member{background-position: -224px -108px;}

.big_view .ic_xkn{background-position: -318px 0;width: 55px;margin-left: -27px;}
.big_view a:hover .ic_xkn,.big_view a.cur .ic_xkn{background-position: -318px -108px;}

.big_view .ic_xav{background-position: -406px 0;width: 55px;margin-left: -27px;}
.big_view a:hover .ic_xav,.big_view a.cur .ic_xav{background-position: -406px -108px;}

.big_view .ic_ipr{background-position: -522px 0;width: 39px;margin-left: -20px;}
.big_view a:hover .ic_ipr,.big_view a.cur .ic_ipr{background-position: -522px -108px;}


/*mid size*/
.mid_view .btn_product{margin-left: -60px;width: 250px;height:;line-height: 25px;font-size: 14px; color:#F00;}
.mid_view .shoulei h2{width:370px;height:50px;margin: -257px 0 0 -55px;background-image: url('../images/txt_1.png');}
.mid_view .shoulei .btn_product{ margin-top: -200px;top:50%;left: 56%;text-align: center;}

.mid_view .xnet h2{width:608px;height:441px;margin: -211px 0 0 -27px;background-image: url('../images/txt_2.png'); background-size:80%; background-repeat:no-repeat;}
.mid_view .xnet .btn_product{margin-top: 159px;top: 25%;left: 42%;text-align: center;}
.mid_view .xnet .btn_product img{ width:99%;}
.mid_view .xnet .bnetu img{ width:80%;}

.mid_view .member h2{width:365px;height:394px;margin: -20% 0 0 -45%;background-image: url('../images/txt_3.png'); background-size:80%; background-repeat:no-repeat;}
.mid_view .member .btn_product{margin-top: -186px;top: 50%;left: 34%;text-align: center;}
.mid_view .member .btn_product img{ width:30%;}




.mid_view .product_btns .btns_area{width: 470px;height: 5px;}
.mid_view .product_btns .btns_box{height: 68px;}
.mid_view .product_btns .btns_box a{width: 56px;height: 5px;margin: 0 5px;}
.mid_view .product_btns .btns_box a span{height:5px;background:#DDDDDD; width:56px;margin: 0 5px;}
.mid_view .product_btns .btns_box a:hover span,.mid_view .product_btns .btns_box a.cur span{background:#E00909;}
.mid_view .product_btns .ic_line{width: 56px;}
.mid_view .product_btns .btns_box .btn_ipr{margin: 0 15px 0 0;}
.mid_view .product_btns .btns_box .btn_xav{margin: 0 0 0 15px;}



.mid_view .ic_shoulei{ width: 49px;margin-left: -25px;}
.mid_view a:hover .ic_shoulei,.mid_view a.cur .ic_shoulei{ }
.mid_view .ic_xnet{background-position: -84px 0;width: 53px;margin-left: -27px;}
.mid_view a:hover .ic_xnet,.mid_view a.cur .ic_xnet{background-position: -84px -87px;}
.mid_view .ic_member{background-position:  -178px 0;width: 40px;margin-left: -20px;}
.mid_view a:hover .ic_member,.mid_view a.cur .ic_member{background-position: -178px -87px;}
.mid_view .ic_xkn{background-position: -254px 0;width: 45px;margin-left: -23px;}
.mid_view a:hover .ic_xkn,.mid_view a.cur .ic_xkn{background-position: -254px -87px;}
.mid_view .ic_xav{background-position: -324px 0;width: 45px;margin-left: -23px;}
.mid_view a:hover .ic_xav,.mid_view a.cur .ic_xav{background-position: -324px -87px;}
.mid_view .ic_ipr{background-position: -417px 0;width: 33px;margin-left: -17px;}
.mid_view a:hover .ic_ipr,.mid_view a.cur .ic_ipr{background-position: -417px -87px;}

/*small size*/
.small_view .btn_product{margin-left: -60px;width: 250px;height:;line-height: 25px;font-size: 14px; color:#F00;}

.small_view .shoulei h2{width:270px;height:50px;margin: -18% 0 0 -10%;background-image: url('../images/txt_1.png'); background-size:100%; background-repeat:no-repeat;}
.small_view .shoulei .btn_product{ margin-top: -200px;top:60%;left: 47%;text-align: center;}

.small_view .xnet h2{width:50%;height:441px;margin: -20% 0 0 -27px;background-image: url('../images/txt_2.png');background-size:80%; background-repeat:no-repeat;}
.small_view .xnet .btn_product{margin-top: 79px;top: 27%;left: 42%;text-align: center;}
.small_view .xnet .btn_product img { width:80%;}
.small_view .xnet .bnetu img{ width:60%;}

.small_view .member h2{width:365px;height:394px;margin: -20% 0 0 -45%;background-image: url('../images/txt_3.png');background-size:75%; background-repeat:no-repeat;}
.small_view .member .btn_product{margin-top: -186px;top: 47%;left: 36%;text-align: center;}
.small_view .member .btn_product img{ width:25%;}





.small_view .product_btns .btns_area{width: 306px;_width: 309px;/*width: 242px;_width: 243px;*/height: 5px;}
.small_view .product_btns .btns_box{height: 5px;}
.small_view .product_btns .btns_box a{width: 45px;height:5px;margin: 0 5px;background:#DDDDDD;}
.small_view .product_btns .btns_box a span{height: 5px;background:#DDDDDD; width:45px; }
.small_view .product_btns .btns_box a:hover span,.small_view .product_btns .btns_box a.cur span{background:#E00909;}
.small_view .product_btns .ic_line{width: 45px;}
.small_view .product_btns .btns_box .btn_ipr{margin: 0 15px 0 0;}
.small_view .product_btns .btns_box .btn_xav{margin: 0 0 0 15px;}




.small_view .ic_shoulei{ margin-left: -20px;}
.small_view a:hover .ic_shoulei,.small_view a.cur .ic_shoulei{background-position: 0 -69px;}
.small_view .ic_xnet{background-position: -67px 0;width: 43px;margin-left: -22px;}
.small_view a:hover .ic_xnet,.small_view a.cur .ic_xnet{background-position: -67px -69px;}
.small_view .ic_member{background-position:  -143px 0;width: 32px;margin-left: -15px;}
.small_view a:hover .ic_member,.small_view a.cur .ic_member{background-position: -143px -69px;}
.small_view .ic_xkn{background-position: -203px 0;width: 36px;margin-left: -18px;}
.small_view a:hover .ic_xkn,.small_view a.cur .ic_xkn{background-position: -203px -69px;}
.small_view .ic_xav{background-position: -259px 0;width: 37px;margin-left: -19px;}
.small_view a:hover .ic_xav,.small_view a.cur .ic_xav{background-position: -259px -69px;}
.small_view .ic_ipr{background-position: -334px 0;width: 27px;margin-left: -14px;}
.small_view a:hover .ic_ipr,.small_view a.cur .ic_ipr{background-position: -334px -69px;}


@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);}
}

@media (max-width:1280px) {

.small_view .shoulei h2{width:270px;height:50px;margin: -32% 0 0 -10%;background-image: url('../images/txt_1.png'); background-size:100%; background-repeat:no-repeat;}
.small_view .shoulei .btn_product{ margin-top: -200px;top:40%;left: 47%;text-align: center;}

.small_view .xnet h2{width:50%;height:441px;margin: -20% 0 0 -27px;background-image: url('../images/txt_2.png');background-size:80%; background-repeat:no-repeat;}
.small_view .xnet .btn_product{margin-top: 99px;top: 32%;left: 38%;text-align: center;}
.small_view .xnet .btn_product img { width:80%;}
.small_view .xnet .bnetu img{ width:60%;}

.small_view .member h2{width:365px;height:394px;margin: -22% 0 0 -45%;background-image: url('../images/txt_3.png');background-size:75%; background-repeat:no-repeat;}
.small_view .member .btn_product{margin-top: -186px;top: 47%;left: 36%;text-align: center;}
.small_view .member .btn_product img{ width:25%;}
}
@media (max-width:1024px) {
/*------大 bnnaer----*/
.shoulei .bg_box { background:url(../images/main0_1.jpg) no-repeat; background-size:100% 100%;}
.xnet .bg_box { background:url(../images/main0_2.jpg) no-repeat; background-size:100% 100%;}
.member .bg_box { background:url(../images/main0_3.jpg) no-repeat; background-size:100% 100%;}
.product_btns .contentm { left:62%}

.small_view .shoulei h2{width:270px;height:50px;margin: -34% 0 0 -10%;background-image: url('../images/txt_1.png'); background-size:100%; background-repeat:no-repeat;}
.small_view .shoulei .btn_product{ margin-top: -200px;top:40%;left: 47%;text-align: center;}

.small_view .xnet h2{width:50%;height:441px;margin: -20% 0 0 -27px;background-image: url('../images/txt_2.png');background-size:80%; background-repeat:no-repeat;}
.small_view .xnet .btn_product{margin-top: 90px;top: 30%;left: 38%;text-align: center;}
.small_view .xnet .btn_product img { width:80%;}
.small_view .xnet .bnetu img{ width:60%;}

.small_view .member h2{width:365px;height:394px;margin: -22% 0 0 -45%;background-image: url('../images/txt_3.png');background-size:75%; background-repeat:no-repeat;}
.small_view .member .btn_product{margin-top: -186px;top: 47%;left: 33%;text-align: center;}
.small_view .member .btn_product img{ width:25%;}
}



@media (max-width:960px) {

.small_view .shoulei h2{width:270px;height:50px;margin: -45% 0 0 -10%;background-image: url('../images/txt_1.png'); background-size:100%; background-repeat:no-repeat;}
.small_view .shoulei .btn_product{ margin-top: -200px;top:31%;left: 47%;text-align: center;}

.small_view .xnet h2{width:50%;height:441px;margin: -35% 0 0 -27px;background-image: url('../images/txt_2.png');background-size:95%; background-repeat:no-repeat;}
.bnetu { padding-top:35px; padding-left:60px;}
.small_view .xnet .bnetu img{ width:75%;}
.small_view .xnet .btn_product{margin-top: 99px;top: 20%;left: 38%;text-align: center;}
.small_view .xnet .btn_product img { width:95%;}

.small_view .member h2{width:365px;height:394px;margin: -39% 0 0 -35%;background-image: url('../images/txt_3.png');background-size:70%; background-repeat:no-repeat;}
.small_view .member .btn_product{margin-top: -186px;top: 32%;left: 40%;text-align: center;}
.small_view .member .btn_product img{ width:25%;}
}

@media (max-width:768px) {
/*------大 bnnaer----*/
.product_box .contentm { display:none;}

.shoulei .bg_box { background:url(../images/main_1.jpg) no-repeat; background-size:100% 100%;}
.xnet .bg_box { background:url(../images/main_2.jpg) no-repeat; background-size:100% 100%;}
.member .bg_box { background:url(../images/main_3.jpg) no-repeat; background-size:100% 100%;}
.product_btns .contentm { left:10%; width:100%; margin-left:0;}


.small_view .shoulei h2{width:270px;height:50px;margin: -50% 0 0 -10%;background-image: url('../images/txt_1.png'); background-size:100%; background-repeat:no-repeat;}
.small_view .shoulei .btn_product{ margin-top: -200px;top:31%;left: 47%;text-align: center;}
.product_box .main_box{top: 7%;}

.small_view .member h2{width:365px;height:394px;margin: -25% 0 0 -35%;background-image: url('../images/txt_3.png');background-size:60%; background-repeat:no-repeat;}
.small_view .member .btn_product{margin-top: -186px;top: 43%;left: 40%;text-align: center;}
.small_view .member .btn_product img{ width:30%;}

}
@media only screen and (max-width: 640px) {

.product_box .contentm { width:100%; left:0; margin-left:0px;}	

.product_btns { bottom:15%;}
.product_btns .contentm { width:100%; margin-left:0; left:24%;}
.small_view .shoulei h2{width:270px;height:50px;margin: -60% 0 0 -10%;background-image: url('../images/txt_1.png'); background-size:100%; background-repeat:no-repeat;}
.small_view .shoulei .btn_product{ margin-top: -200px;top:45%;left: 47%;text-align: center;}

.small_view .xnet h2{width:50%;height:441px;margin: -25% 0 0 2%;background-image: url('../images/txt_2.png');background-size:70%; background-repeat:no-repeat;}
.small_view .xnet .btn_product{margin-top: 0px;top: 32%;left: 41%;text-align: center;}
.small_view .xnet .btn_product img { width:65%;}

.bnetu { padding-top:35px; padding-left:70px;}
.small_view .xnet .bnetu img{ width:65%;}

.small_view .member h2{width:365px;height:394px;margin: -22% 0 0 -17%;background-image: url('../images/txt_3.png');background-size:30%; background-repeat:no-repeat;}
.small_view .member .btn_product{margin-top: -186px;top: 47%;left: 43%;text-align: center;}
.small_view .member .btn_product img{ width:20%;}


}
@media only screen and (max-width: 480px) {

.shoulei .bg_box { background:url(../images/maina_1.jpg) no-repeat; background-size:100% 100%;}
.xnet .bg_box { background:url(../images/main_2a.jpg) no-repeat; background-size:100% 100%;}
.member .bg_box { background:url(../images/maina_3.jpg) no-repeat; background-size:100% 100%;}
}

@media only screen and (max-width: 414px) {
	
.product_btns { bottom:15%;}
.product_btns .contentm { width:90%; margin-left:0; left:10%;}
.small_view .shoulei h2{width:270px;height:50px;margin: -61% 0 0 -27%;background-image:none; background-size:90%; background-repeat:no-repeat;}
.small_view .shoulei .btn_product{ margin-top: -180px;top:46%;left: 47%;text-align: center;}

.small_view .xnet h2{width:50%;height:441px;margin: -22% 0 0 3%;background-image: url('../images/txt_2.png');background-size:60%; background-repeat:no-repeat;}
.bnetu { padding-top:35px; padding-left:40px;}
.small_view .xnet .bnetu img{ width:45%;}

.small_view .xnet .btn_product{margin-top: 0px;top: 22%;left: 38%;text-align: center;}
.small_view .xnet .btn_product img { width:65%;}


.small_view .member h2{width: 38%;
    height: 38%;
    margin: -17% 0 0 -15%;
    background-image: url('../images/txt_3.png');
    background-size: 30%;
    background-repeat: no-repeat;}
.small_view .member .btn_product{margin-top: -186px;top: 47%;left: 44%;text-align: center;}
.small_view .member .btn_product img{ width:20%;}


}
@media only screen and (max-width: 320px) {
.product_btns { bottom:5%;}
.product_btns .contentm { width:90%; margin-left:0; left:10%;}



.shoulei h2{width:270px;height:50px;margin: -61% 0 0 -37%;background-image: none; background-size:90%; background-repeat:no-repeat;}
.shoulei .btn_product{ margin-top: -180px;top:46%;left: 47%;text-align: center;}

.xnet h2{width:50%;height:441px;margin: -22% 0 0 3%;background-image: url('../images/txt_2.png');background-size:60%; background-repeat:no-repeat;}
.bnetu { padding-top:35px; padding-left:40px;}
.xnet .bnetu img{ width:45%;}

.xnet .btn_product{margin-top: -50px;top: 20%;left: 38%;text-align: center;}
.xnet .btn_product img { width:65%;}


.member h2{width: 38%;
    height: 38%;
    margin: -17% 0 0 -15%;
    background-image: url('../images/txt_3.png');
    background-size: 30%;
    background-repeat: no-repeat;}
.member .btn_product{margin-top: -186px;top: 47%;left: 44%;text-align: center;}
.member .btn_product img{ width:20%;}


}