@charset "utf-8";
/* CSS Document */

/*Stick 顶部置顶*/
#elevator_item {width:60px;height:100px;position:fixed;right:15px;bottom:15px;-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;opacity:1;z-index:100020;display:none;}
#elevator_item.off {opacity:0;visibility:hidden;}
#elevator {display:block;width:60px;height:50px;background:url(../images/icon_top.png) center center no-repeat;background-color:#444;background-color:rgba(0,0,0,.6);border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:pointer;margin-bottom:10px;}
#elevator:hover {background-color:rgba(0,0,0,.7);}
#elevator:active {background-color:rgba(0,0,0,.75);}
#elevator_item .qr {display:block;width:60px;height:40px;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:pointer;background:url(../images/icon_code.png) center center no-repeat;background-color:#444;background-color:rgba(0,0,0,.6);}
#elevator_item .qr:hover {background-color:rgba(0,0,0,.7);}
#elevator_item .qr:active {background-color:rgba(0,0,0,.75);}
#elevator_item .qr-popup {width:170px;height:200px;background:#fff;box-shadow:0 1px 8px rgba(0,0,0,.1);position:absolute;left:-180px;bottom:0;border-radius:2px;display:none;text-align:center;}
#elevator_item .qr-popup .code-link {display:block;margin:10px;color:#777;}
#elevator_item .qr-popup .code {display:block;margin-bottom:10px;}
#elevator_item .qr-popup .arr {width:6px;height:11px;background:url(../images/code_arrow.png) 0 0 no-repeat;position:absolute;right:-6px;bottom:14px;}



/*banner*/
.banner {height:366px;overflow:hidden;position:relative;}
.banner .d1 {width:100%;height:366px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2 {width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:340px;}
.banner .d2 ul {float:left;position:absolute;left:50%;top:0;margin:0 0 0 -96px;display:inline;}
.banner .d2 li {width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;position:relative;z-index:999;}
.banner .d2 li.nuw {background:url(../images/img1_1.png) no-repeat center;position:relative;z-index:999;}

.box{ width:240px; height:240px; margin:0 auto; background:#F00; overflow:hidden;}

.box1{ width:40%; height:70px; background:#0099FF; float:left; margin:0 auto;position:relative;}
.box1 p{ text-align:center; position:absolute; top:-20px; left:0;right:0; height:70px;  margin:0 auto; opacity:0.6; color:#FFF; font-family: "΢ÈíÑźÚ";  font-size:15px;}
.box2{ width:60%; height:70px; background:#FF6600; float:left; position:relative;}
.box2 p{ text-align:center;height:70px;  position:absolute; top:-30px; left:0;right:0;  margin:0 auto;opacity:0.1; color:#FFF; font-family: "΢ÈíÑźÚ"; font-size:15px;}

.box3{ width:100%; height:80px; background:#CC3333; float:left;position:relative;}
.box3 p{ text-align:left; height:80px; position:absolute;left:-80px; line-height:80px; margin:0 auto; opacity:0.4; color:#FFF; font-family: "΢ÈíÑźÚ"; font-size:15px;}

.box4{ width:50%; height:90px; background:#66CC00; float:left;position:relative;}
.box4 p{ text-align:left;  height:90px; line-height:90px; position:absolute; left:-80px; margin:0 auto; opacity:0.4; color:#FFF; font-family: "΢ÈíÑźÚ"; font-size:15px;}
.box5{ width:50%; height:90px; background:#663399; float:left; position:relative;}
.box5 p{ text-align:right;  height:90px; line-height:90px;  position:absolute; right:-80px;margin:0 auto;opacity:0.4; color:#FFF; font-family: "΢ÈíÑźÚ"; font-size:15px;}


.box_all{background:#669900; width:240px;  float:left; position:relative;}
.box_all p{ text-align:center;height:70px;  position:absolute; top:0; left:0;right:0;  margin:0 auto;opacity:0; color:#FFF; font-family: "΢ÈíÑźÚ"; font-size:15px;}