﻿
.mypage{
    width: 1190px !important;
    margin: 0 auto;
    background: #fff;
}

.lubo{ width: 100%; min-width:1000px;clear: both; position: relative; height:368px;}
.lubo_box{ position: relative; width: 100%; height:368px; }
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:368px; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}

.lubo_box li img{ width: 100%; height: 368px;}

/*圆点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
.cir_on{ background: #000 !important;}

/*按钮*/
.lubo_btn{ position: absolute; width: 100%; top: 140px;}
.left_btn, .right_btn{ width: 30px; height: 80px; background: #000;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.left_btn{ float: left;}
.right_btn{ float: right;}



.Box {position: relative;}
.Box .content {width: 1170px;margin: 0 auto;}
.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../img/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(../img/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(../img/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../img/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 280px;height: 180px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 285px;height: 200px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}

.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: red;}


.Box2 {position: relative;}
.Box2 .content {width: 540px;}
.Box2 h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box2 .Box_con {position: relative;}

.Box2 .Box_con .btnl {position: absolute;}
.Box2 .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 112px;cursor: pointer;}
.Box2 .Box_con .btnl {background: url(../img/jtl02.png) no-repeat center;left: -52px;}
.Box2 .Box_con .btnr {background: url(../img/jtr02.png) no-repeat center;right: -52px;}
.Box2 .Box_con .btnl:hover {background: url(../img/jtl03.png) no-repeat center;}
.Box2 .Box_con .btnr:hover {background: url(../img/jtr03.png) no-repeat center;}

.Box2 .Box_con .conbox {position: relative;overflow: hidden;}
.Box2 .Box_con .conbox ul {position: relative;list-style: none;}
.Box2 .Box_con .conbox ul li {float: left;width: 260px;height: 260px;margin-left: 10px;overflow: hidden;}
.Box2 .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box2 .Box_con .conbox ul li img {display: block;width: 265px;height: 265px;transition: all 0.5s;}
.Box2 .Box_con .conbox ul li:hover img {transform: scale(1.1);}

.Box2 .BoxSwitch {margin-top: 30px;text-align: center;}
.Box2 .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box2 .BoxSwitch span.cur {background: red;}


.Box3 {position: relative;}
.Box3 .content {width: 540px;}
.Box3 h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box3 .Box_con {position: relative;}

.Box3 .Box_con .btnl {position: absolute;}
.Box3 .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 112px;cursor: pointer;}
.Box3 .Box_con .btnl {background: url(../img/jtl02.png) no-repeat center;left: -52px;}
.Box3 .Box_con .btnr {background: url(../img/jtr02.png) no-repeat center;right: -52px;}
.Box3 .Box_con .btnl:hover {background: url(../img/jtl03.png) no-repeat center;}
.Box3 .Box_con .btnr:hover {background: url(../img/jtr03.png) no-repeat center;}

.Box3 .Box_con .conbox {position: relative;overflow: hidden;}
.Box3 .Box_con .conbox ul {position: relative;list-style: none;}
.Box3 .Box_con .conbox ul li {float: left;width: 260px;height: 260px;margin-left: 10px;overflow: hidden;}
.Box3 .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box3 .Box_con .conbox ul li img {display: block;width: 265px;height: 265px;transition: all 0.5s;}
.Box3 .Box_con .conbox ul li:hover img {transform: scale(1.1);}

.Box3 .BoxSwitch {margin-top: 30px;text-align: center;}
.Box3 .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box3 .BoxSwitch span.cur {background: red;}



.Box4 {position: relative;}
.Box4 .content {width: 1170px;}
.Box4 h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box4 .Box_con {position: relative;}

.Box4 .Box_con .btnl {position: absolute;}
.Box4 .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 150px;cursor: pointer;}
.Box4 .Box_con .btnl {background: url(../img/jtl02.png) no-repeat center;left: -72px;}
.Box4 .Box_con .btnr {background: url(../img/jtr02.png) no-repeat center;right: -72px;}
.Box4 .Box_con .btnl:hover {background: url(../img/jtl03.png) no-repeat center;}
.Box4 .Box_con .btnr:hover {background: url(../img/jtr03.png) no-repeat center;}


.Box4 .Box_con .conbox {position: relative;overflow: hidden;}
.Box4 .Box_con .conbox ul {position: relative;list-style: none;}
.Box4 .Box_con .conbox ul li {float: left;width: 230px;height: 340px;margin-left: 10px;overflow: hidden;}
.Box4 .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box4 .Box_con .conbox ul li img {display: block;width: 235px;height: 345px;transition: all 0.5s;}
.Box4 .Box_con .conbox ul li:hover img {transform: scale(1.1);}

.Box4 .BoxSwitch {margin-top: 30px;text-align: center;}
.Box4 .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box4 .BoxSwitch span.cur {background: red;}



.Box5 {position: relative;}
.Box5 .content {width: 1170px;}
.Box5 h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box5 .Box_con {position: relative;}

.Box5 .Box_con .btnl {position: absolute;}
.Box5 .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 150px;cursor: pointer;}
.Box5 .Box_con .btnl {background: url(../img/jtl02.png) no-repeat center;left: -72px;}
.Box5 .Box_con .btnr {background: url(../img/jtr02.png) no-repeat center;right: -72px;}
.Box5 .Box_con .btnl:hover {background: url(../img/jtl03.png) no-repeat center;}
.Box5 .Box_con .btnr:hover {background: url(../img/jtr03.png) no-repeat center;}



.Box6 {position: relative;}
.Box6 .content {width: 1170px;}
.Box6 h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box6 .Box_con {position: relative;}


.Box6 .Box_con .conbox {position: relative;overflow: hidden;}
.Box6 .Box_con .conbox ul {position: relative;list-style: none;}
.Box6 .Box_con .conbox ul li {float: left;width: 230px;height: 340px;margin-left: 10px;overflow: hidden;}
.Box6 .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box6 .Box_con .conbox ul li img {display: block;width: 235px;height: 345px;transition: all 0.5s;}
.Box6 .Box_con .conbox ul li:hover img {transform: scale(1.1);}

.Box6 .Box_con .btnl {position: absolute;}
.Box6 .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 150px;cursor: pointer;}
.Box6 .Box_con .btnl {background: url(../img/jtl02.png) no-repeat center;left: -72px;}
.Box6 .Box_con .btnr {background: url(../img/jtr02.png) no-repeat center;right: -72px;}
.Box6 .Box_con .btnl:hover {background: url(../img/jtl03.png) no-repeat center;}
.Box6 .Box_con .btnr:hover {background: url(../img/jtr03.png) no-repeat center;}

.Box6 .BoxSwitch {margin-top: 30px;text-align: center;}
.Box6 .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box6 .BoxSwitch span.cur {background: red;}









.Box10 {position: relative;}
.Box10 .content {width: 1170px;}
.Box10 h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box10 .Box_con {position: relative;}

.Box10 .Box_con .btnl {position: absolute;}
.Box10 .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 130px;cursor: pointer;}
.Box10 .Box_con .btnl {background: url(../img/jtl02.png) no-repeat center;left: -72px;}
.Box10 .Box_con .btnr {background: url(../img/jtr02.png) no-repeat center;right: -72px;}
.Box10 .Box_con .btnl:hover {background: url(../img/jtl03.png) no-repeat center;}
.Box10 .Box_con .btnr:hover {background: url(../img/jtr03.png) no-repeat center;}


.Box10 .Box_con .conbox {position: relative;overflow: hidden;}
.Box10 .Box_con .conbox ul {position: relative;list-style: none;}
.Box10 .Box_con .conbox ul li {float: left;width: 230px;height: 365px;margin-left: 10px;overflow: hidden;}
.Box10 .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box10 .Box_con .conbox ul li img {display: block;width: 200px;height: 300px;transition: all 0.5s;}
.Box10 .Box_con .conbox ul li:hover img {transform: scale(1.05);}

.Box10 .BoxSwitch {margin-top: 30px;text-align: center;}
.Box10 .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box10 .BoxSwitch span.cur {background: red;}



.BoxAll {position: relative;}
.BoxAll .content {width: 1170px;}
.BoxAll h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.BoxAll .Box_con {position: relative;}

.BoxAll .Box_con .btnl {position: absolute;}
.BoxAll .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 130px;cursor: pointer;}
.BoxAll .Box_con .btnl {background: url(../img/jtl02.png) no-repeat center;left: -72px;}
.BoxAll .Box_con .btnr {background: url(../img/jtr02.png) no-repeat center;right: -72px;}
.BoxAll .Box_con .btnl:hover {background: url(../img/jtl03.png) no-repeat center;}
.BoxAll .Box_con .btnr:hover {background: url(../img/jtr03.png) no-repeat center;}

.BoxAll .Box_con .conbox {position: relative;overflow: hidden;}
.BoxAll .Box_con .conbox ul {position: relative;list-style: none;}
.BoxAll .Box_con .conbox ul li {float: left;width: 230px;height: 365px;margin-left: 10px;overflow: hidden;}
.BoxAll .Box_con .conbox ul li:first-child {margin-left: 0;}
.BoxAll .Box_con .conbox ul li img {display: block;width: 200px;height: 300px;transition: all 0.5s;}
.BoxAll .Box_con .conbox ul li:hover img {transform: scale(1.05);}

.BoxAll .BoxSwitch {margin-top: 30px;text-align: center;}
.BoxAll .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.BoxAll .BoxSwitch span.cur {background: red;}