@charset "GB2312";
/* layout */
a {-moz-transition: all 0.26s ease-in-out; /*Firefox 4 */
    -webkit-transition: all 0.26s ease-in-out; /* Safari&Chrome */
    -o-transition: all 0.26s ease-in-out; /* Opera */ }


.box .arrow:before { 

    content: "vs";
    display: block;
    position: absolute;
    width: 28%;
    border: 4px solid #fff;
    border-radius: 200px;
    font-size: 120px;
    text-align: center;
padding: 1% 6%;
	left: 29%;
	    top: 34%;
}
#two { display:none;}
.banner ,.banner2 { background: url(../jpg/home_01.jpg) no-repeat bottom #0e0e0e;}
.banner a ,.banner2 a { display: block;color:#fff;padding: 108px 20px 20px 20px; }	
.banner a:hover ,.banner2 a:hover{ color:#fff;}
.banner a span { display:block; }
.banner a .t,.banner2 a .t{font-size:38px;padding:0 0 0 0;}
.banner a .b {font-size:28px;}
.banner2 a .b{font-size:14px;}
.banner a .c,.banner2 a .c{font-size:18px;}
.banner a .d,.banner2 a .d{font-size:22px;}
.banner a .m,.banner2 a .m{font-size:16px; border:2px solid #fff; border-radius:40px; padding:6px 12px 6px 12px;  width: 100px;
    text-align: center; margin:30px auto 40px;-moz-transition: all 0.26s ease-in-out; /*Firefox 4 */
    -webkit-transition: all 0.26s ease-in-out; /* Safari&Chrome */
    -o-transition: all 0.26s ease-in-out; /* Opera */ }
.banner a .m:hover,.banner2 a .m:hover{ background: #fff; color: #000;}
.banner .imga,.banner2 .imga{ float:none; text-align: center;padding: 0 0 40px 0;}
.banner .imga img { width: 100%;}
.banner2 .imga img { width: 68%;}
.banner .textcon,.banner2 .textcon{ float:none; text-align: center;}


.box{padding: 0; background:#000;}	
.box a { display:block; position:relative; width:100%; color:#fff;  }
.box a img {width:100%; vertical-align:bottom;}
.box a span { display:block; position:absolute; text-align:center; width:100%;}
.box a .o{font-size:32px;top:20px;}
.box a .oo{font-size:14px; width:60%; top:68px;left:20%;}
.box .tec {}
.box .ser {padding:  0;}
.box .news {}
@media (max-width: 414px) {
	.banner a .b {font-size: 8vw;}
	.banner a .c {font-size: 7vw;}
	.banner a .d {font-size: 5vw;}
	.banner2 a .b{font-size: 5vw;}
	.banner2 a .c{font-size: 5vw;}
	.banner2 a .d{font-size: 3vw;}

	.box a .o{font-size: 6vw;}
	.box a .oo { top:52px;font-size: 3vw;}
}

@media (min-width: 600px) {

.box a .o{font-size:32px;top:40px;}
.box a .oo{font-size:14px; width:60%; top:88px;left:20%;}

}


@media (min-width: 700px) {

.box a .o{font-size:32px;top:60px;}
.box a .oo{font-size:14px; width:60%; top:108px;left:20%;}

}






@media (min-width: 1000px) {

	
.banner ,.banner2 { background:url(../jpg/home_01.jpg) no-repeat top center #000;
    height: 686px;}
.banner2 a {display: block;color:#fff;width: 1000px; padding: 208px 0 0 0; margin: 0 auto;}
.banner a { display: block;color:#fff;padding: 168px 20px 20px 20px; width:1000px; margin: 0 auto;}	
.banner2 .imga{ float: left;}
.banner2 .textcon{text-align: left;   float: right; padding: 48px 0 0 0;}
.banner a:hover ,.banner2 a:hover{ color:#fff;}
.banner a span { display:block; margin-left: 0;}
.banner a .t ,.banner2 a .t{font-size:48px;padding:0 0 0 0;}
.banner a .b ,.banner2 a .b{font-size:24px;}
.banner a .c{font-size:24px;}
.banner2 a .c{font-size:18px;}
.banner a .d{font-size:22px;}
.banner a .m ,.banner2 a .m{font-size:16px; border:2px solid #fff; border-radius:40px; padding:6px 18px 6px 18px;  width: 100px;
    text-align: center; margin:10px 0;-moz-transition: all 0.26s ease-in-out; /*Firefox 4 */
    -webkit-transition: all 0.26s ease-in-out; /* Safari&Chrome */
    -o-transition: all 0.26s ease-in-out; /* Opera */ }
.banner  a .m:hover ,.banner2 a .m:hover{ background: #fff; color: #000;}
.banner .imga{ }
.banner .imga img {width:inherit;}
.banner2 .imga img{ width:460px;}
.banner .textcon{text-align: left;    padding: 0 0 0 120px;}
.banner .textcon .aa{float: left;padding: 0 60px 0 0;border-right: 1px solid #fff;}
.banner .textcon .bb{float: left;    padding: 0 0 0 40px;}


.box{}	
.box a { display:inline-block; position:relative; width:33.3%; color:#fff;  }
.box a img {width:100%; vertical-align:bottom;}
.box a span { display:block; position:absolute; text-align:center; width:100%;}
.box a .o{font-size:24px;top:20px;}
.box a .oo{font-size:14px; width:60%; top:54px;left:20%;}
.box .tec {}
.box .ser {padding: 0;}
.box .news {}

.box .arrow:before { 

    content: "vs";
    display: block;
    position: absolute;
    width: 140px;
    border: 4px solid #fff;
    border-radius: 200px;
    font-size: 100px;
    text-align: center;
    padding: 0 12px;
    left: 50%;
    top: 34%;
    margin-left: -80px;

}	


	
}