@charset"utf-8";
 
/* CSS Document */
 
/****************************
 * version:1.0
 * By:landry
 * Date:2015-07-15
 *
 */

 .bg{
 	position: fixed;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	overflow: hidden;
 }
.bg img{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
}
.section{
	padding: 84px 0 0;
}
.article{
	position: relative;
	color: #fff;
	text-align: center;
	overflow: hidden;
}
.article .box{
	margin: 0 auto;
}
.index .article01{
	padding: 8% 0;
}
.index .article01 h1{
    font-size: 86px;
}
.index .article01 h3{
    font-size: 38px;
    margin: 1% 0 0;
}
.article01 .btn{
	padding: 0 53px;
	line-height: 67px;
	font-size: 30px;
	background: #3CBDE5;
	color: #fff;
	display: inline-block;
	margin: 0 auto;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 4% 0 0;
}
.index .article01 .play{
	padding: 0 0 0 64px;
	line-height: 47px;
	font-size: 24px;
	color: #fff;
	display: inline-block;
	margin: 0 auto;
	background: url(../images/play.png) left center no-repeat;
    margin: 2% 0 0;
}

.index .article02{
	background: #3CBDE5;
}
.index .article02 h2{
	padding: 50px 0;
	text-align: center;
    font-size: 38px;
}

.index .article03{
	background: #fff;
	padding: 0 0 100px;
}
.index .article03 .box{
	max-width: 1164px;
}
.index .article03 li{
	float: left;
	width: 21%;
	padding: 50px 2% 0;
}
.index .article03 .point{
	max-width: 134px;
	margin: 0 auto;
	font-size: 24px;
	color: #595757;
}
.index .article03 .point02 p{
	margin: -18px 0 0;
}
.index .article03 .point02 span{
	display: block;
}
.index .article04{
	padding: 74px 0 100px;
}
.index .article04 .box{
	max-width: 915px;
	text-align: center;
}

.index .article04 .one{
	width: 228px;
	margin: 0 auto;
	background: #3CBDE5;
	text-align: center;
	font-size: 24px;
	color: #000;
	line-height: 33px;
	padding: 16px 0 6px;
}
.index .article04 .one img{
	width: 112px;
	margin: 0 auto 20px;
}

.index .article04 .two{
	max-width: 665px;
	margin: 0 auto;
}
.index .article04 li{
	float: left;
	padding: 20px 3%;
	background: #595758 url(../images/line.png) right center no-repeat;
	font-size: 21px;
}
.index .article04 li.last{
	background: #595758;
}
.index .article04 li p{
	float: left;
	margin: 5% 0 0;
	width: 50%;
	text-align: left;
}
.index .article04 .two li{
	width: 44%;
}
.index .article04 li .img{
	float: left;
	margin: 0 7% 0 0;
	width: 43%;
}

.index .article04 .three li{
	width:27.33%;
}
.index .article04 .two .item{
	margin: 1px 0 0;
}

.index .article05{
	padding: 35px 0 70px;
	background: url(../images/cover01.png);
	z-index: 2;
}
.index .article05 .box{
	max-width: 870px;
	padding: 0 0 0 200px;
	position: relative;
	font-size: 20px;
	color: #ffee00;
	line-height: 28px;
	text-align: left;
}
.index .article05 .img{
	position: absolute;
	top: 0;
	left: 0;
	width: 138px;
	height: 138px;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.index .article05 .img img{	
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.index .article05 .info img{
	margin: 3% 0 0;
}
.index .article05 .arrow{
	position: absolute;
	bottom: -41px;
	left: 50%;
	margin: 0 0 0 -31px;
	width: 63px;
	height: 41px;
	display: inline-block;
	background: url(../images/arrow.png) no-repeat;
}

.index .article06{
	padding: 67px 0 43px;
	background: #fff;
}
.index .article06 .box{
	max-width: 1186px;
}
.index .article06 .logo-box{
    border-top: 1px solid #CDCDCD;
    border-left: 1px solid #CDCDCD;
}
.index .article06 .logo{
	width: 20%;
	float: left;
}
.index .article06 .logo a{
    border-right: 1px solid #CDCDCD;
    border-bottom: 1px solid #CDCDCD;
    display: inline-block;	
    cursor: default;
}
.index .article07{
	padding: 56px 0;
	background: url(../images/cover.png);
}

.index .article07 .box{
	max-width: 1186px;
}
.index .article07 ul{
	padding: 0 0 0 3.37%;
	margin: 0 -4% 0 0;
}
.index .article07 li{
	width: 27.9%;
	margin: 0 4.64% 0 0;
	float: left;
	font-size: 24px;
	line-height: 40px;
	color: #595757;
	padding: 0 0 16px;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.index .article07 .list p{
	margin: 0 10%;
	border-bottom: 1px solid #fff;
}
.index .article07 .list .last{
	border-bottom: 0;
}
.index .article07 h2{
	color: #fff;
	font-size: 36px;
	line-height: 44px;
	padding: 20px 0 64px;
	-moz-border-top-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    border-top-left-radius: 20px;
	-moz-border-top-right-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
}
.index .article07 .item{
	width: 155px;
	margin: -54px auto 0;
	position: relative;
}
.index .article07 img{
	position: relative;
}
.index .article07 .text{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 16px;
	line-height: 22px;
}
.index .article07 h3{
	padding: 15px 0 0;
	font-size: 18px;
	line-height: 36px;
}
.index .article07 h3 span{
	font-size: 36px;
}
.index .article07 h4{
	margin: 6px 12.9% 0;
	padding: 5px 0 0;
}
.index .article07 .btn{
	color: #fff;
	font-size: 28px;
	line-height: 43px;
	display: inline-block;
	padding: 0 12%;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin: 22px 0 0;
}
.index .yellow{	
	background: #F9E8CA;
}
.index .yellow h2{	
	background: #f8c655;
}
.index .yellow h3{	
	color: #f8c655;
}
.index .yellow h4{
	border-top: 1px solid #f8c655;
	color: #f8c655;
}
.index .yellow .btn{
	background: #F8C655;	
}
.index .blue{	
	background: #cae4ec;
}
.index .blue h2{	
	background: #38badc;
}
.index .blue h3{	
	color: #38badc;
}
.index .blue h4{
	border-top: 1px solid #38badc;
	color: #38badc;
}
.index .blue .btn{
	background: #38badc;	
}
.index .green{	
	background: #d8eae8;
}
.index .green h2{	
	background: #28b3b2;
}
.index .green h3{	
	color: #28b3b2;
}
.index .green h4{
	border-top: 1px solid #28b3b2;
	color: #28b3b2;
}
.index .green .btn{
	background: #28b3b2;
}
.index .article08{
	background: #3CBDE5;
	padding: 30px 0;
	font-size: 18px;
}
.index .article08 h2{
	color: #ffeb5e;
	font-size: 47px;
}
.index .article08 .btn{
	border: 5px solid #ffeb5e;
    color: #fff;
    width: 218px;
    display: inline-block;
    text-align: center;
    line-height: 62px;
    font-size: 24px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 24px 0 30px;
}

.flexslider{position: relative;}
.flex-direction-nav{display: none;}
.slides li{position: relative;}
.flex-control-nav{width: 100%; text-align: center; padding: 10px 0 0;}
.flex-control-nav li{margin: 0 30px; display: inline-block; *display: inline; _display: inline;}
.flex-control-nav a{width: 17px; height: 16px; font-size: 0; display: inline-block; background: url(../images/hot.png) -48px 0 no-repeat;}
.flex-control-nav .flex-active{background-position: 0 0;}

#player1,
#player2{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.layer{position:fixed; top:0; left:0; width:100%; height:100%; display:none;}
.layer .cover{display:block;}
.layer .close{width:24px; height:24px; display:block; position:absolute; top:0; right:-24px; background:url(../images/close.png) no-repeat;}
.layer-box{position:absolute; top:15%; left:15%;width:70%; height:70%;}

.subpage .section{
	padding: 0;
}
.subpage .article01{
    background: url(../images/banner01.jpg) center 0 no-repeat;
    padding: 220px 0 12px;
    margin: 0 0 25px;
}
.subpage01 .article01{
    background: url(../images/subpage01.jpg) center 0 no-repeat;
}
.subpagedocker .article01{
    background: url(../images/subpagedocker.jpg) center 0 no-repeat;
}
.subpage02 .article01{
    background: url(../images/subpage02.jpg) center 0 no-repeat;
}
.subpage03 .article01{
    background: url(../images/subpage05.jpg) center 0 no-repeat;
}
.subpage04 .article01{
    background: url(../images/subpage04.jpg) center 0 no-repeat;
}
.subpage05 .article01{
    background: url(../images/subpage06.png) center 0 no-repeat;
}
.subpage .text{
	max-width: 1140px;
	padding: 30px 10px 0;
	margin: 0 auto;
	text-align: left;
	font-size: 21px;
	line-height: 40px;
	color: #595757;
}
.subpage .text .item{
	max-width: 1040px;
	margin: 0 auto;
	text-align: center;
}
.subpage .text .item img{
	margin: 25px auto 0;
}
.subpage .article .left{
	float: left;
	width: 40%;	
}
.subpage .article .right{
	float: right;
	width: 57%;
}

.subpage .text h2{
	font-size: 48px;
	line-height: 60px;
	color: #231815;
	margin: 20px 0 0;
}
.subpage .text p{
	margin: 20px 0 0;
}
.subpage .article01 .text{
	margin: 0  auto;
	text-align: center;
	max-width: 1040px;
	min-height: 576px;
	color: #fff;
	padding: 0 10px 30px;
}
.subpage .article01 .text-logo{
	margin: 0 auto;
	max-width: 176px;
}
.subpage .article01 h1{
	font-size: 60px;
	line-height: 70px;
	margin: 4.5% 0 0;
}
.subpage .article01 h3{
	font-size: 33px;
	margin: 1.5% 0 0;
	line-height: 42px;
}
.subpage .article01 h3 span{
	display: inline-block;
}


.subpage01 .article03 .right{
	width: 42%;
}
.subpage01 .article03 .text{
	padding: 30px 10px;
}
.subpage01 .article04 .left{
	width: 43.85%;
}
.subpage01 .article04 .right{
	width: 53.15%;
}
.subpage01 .article05 .right{
	width:42%;
	margin: 0 5.38% 0 0;
}
.article-gray{
	background: #333333;
}
.subpage .article-gray h2,
.subpage .article-gray .text{
	color: #fff;
}
.article-blue{
	background: #3CBDE5;
}

.subpage02 .article02 .left{
    width: 35.96%;
}

.subpage02 .article03 .left{
    width: 56.14%;
}
.subpage02 .article03 .right{
    width: 40%;
}
.subpage02 .article04 .left{
    width: 37.28%;
    padding: 0 0 0 2%;
}
.subpage02 .article04 .left p{
	margin: 0;
}
.subpage02 .article04 .right{
    width: 60.72%;
}


.subpage03 .article-blue h2,
.subpage03 .article-blue .text{
	color: #fff;
}

.subpage03 .text{
	max-width:1260px;
}

.subpage03 .article02 .left{
    width: 65.87%;
}
.subpage03 .article02 .right{
    width: 31.64%;

}
.subpage03 .article03 .text .item img{
	max-width: 802px;
	margin: 25px auto 0;
}

.subpage03 .article04 .text .item img{
	max-width: 1078px;
	margin: 25px auto 0;
}


.subpage04 .article02 .left{
    width: 31.14%;
}
.subpage04 .article02 .right{
    width: 66.49%;
}
.subpage04 .article02 .right img{
	right: -4%;
}
.subpage04 .article03 .left{
    width: 67.12%;
}
.subpage04 .article03 .right{
    width: 31.38%;
}
.subpage04 .article04 .left{
    width: 35.08%;
}
.subpage04 .article04 .right{
    width: 62.71%;
}
.subpage05 .article02 .text{
	max-width: 880px;
	padding: 30px 10px;
}
.subpage05 .article02 .left{
    width: 32.27%;
}
.subpage05 .article02 .right{
    width: 54.31%;
}

.subpage05 .article03 .left{
    width: 41.66%;
    padding: 0 0 0 6%;
}
.subpage05 .article03 .right{
    width: 35.08%;
}
.subpage05 .article04 .left{
    width: 48.24%;
}
.subpage05 .article04 .right{
    width: 41.05%;
}
.relation{
	font-size: 0;
}
.relation a{
	display: inline-block;
	margin: 0 3%;
	width: 27%;
	max-width: 153px;
}

.internet .article01{
	background: url(../images/banner05.jpg) no-repeat;
	padding: 104px 0 100px;
	margin: 0;
}
.internet .article01 .text{
	min-height: 100px;
}

.internet .article .box{
	max-width: 1280px;
}
.internet .tab{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}

.internet .tab-cont{
	width: 47.26%;
	max-width: 608px;
	min-width: 300px;
	height: 63px;
	line-height: 63px;
	font-size: 36px;
	background: url(../images/tab_01.png) no-repeat;
	background-size: 100% 63px;
	margin: 0 auto;
}
.internet .tab02 .tab-cont{
	background: url(../images/tab_02.png) no-repeat;
	background-size: 100% 63px;
}
.internet .tab-cont a{
	width: 50%;
	float: left;
	color: #b4b4b5;
}
.internet .tab-cont a:hover,
.internet .tab-cont a.active{
	color: #fff;
}
.internet .map{
	display: none;
	position: relative;
	min-height: 270px;
	background: #EEEEEE;
	-moz-border-radius: 8%;
	-webkit-border-radius: 8%;
	border-radius: 8%;
	font-size: 14px;
}
.internet .article03{
	margin: 0 0 30px;
}
.internet .article03 h1{
	font-size: 48px;
	color: #103E4E;
	background: #3CBBE4;
	line-height: 85px;
	margin: 32px 0 0;
	padding: 0 10px;
}
.internet table td{
    text-align: left;
    border-left: 1px solid #3CBCE3;
    padding: 12px 0;
    line-height: 28px;
}
.internet table .name{
	font-size: 21px;
	color: #595757;
	text-align: center;
	font-weight: bold;
}
.internet table{
    border-bottom: 1px solid #3CBCE3;
    border-right: 1px solid #3CBCE3;
}
.internet .article03 .name02{
	font-size: 14px;
	color: #595757;
	padding: 0 0 0 30px;
	min-width: 100px;
	display: inline-block;
}
.internet .article03 .even{
	background: #EBF9FC;
}
.internet .article04 {
	margin: 0 0 30px;
}
.internet .article04 .point{
	background: #333;
	padding: 20px 0 8px;
	font-size: 18px;
	text-align: left;
}
.internet .article04 .point-box{
	max-width: 1280px;
	margin: 0 auto;
	line-height: 46px;
}
.internet .article04 span{
	margin: 0 4.68%;
	padding: 0 0 0 48px;
	display: inline-block;
}
.internet .article04 .icon01{
	background: url(../images/ico_22.png) left center no-repeat;
}
.internet .article04 .icon02{
	background: url(../images/ico_21.png) left center no-repeat;
}
.internet .point-box a{
	line-height: 46px;
	border: 1px solid #3CBBE4;
	padding: 0 4.68%;
	display: inline-block;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0 0 4.68%;
}
.internet th{
	font-size: 28px;
	background:#727071;
	padding: 22px 0 18px;
	font-weight: normal;
	color: #fff;
}
.internet th,
.internet .article04 table td{
    border-left: 1px solid #c7c7c7;
}
.internet .article04 table{
	border-bottom: 1px solid #171717;
    border-bottom: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
}
.internet .article04 td{
	text-align: center;
	font-size: 18px;
	color: #9F9F9F;
}
.internet .article04 .even{
	background: #EFEFEF;
}
.internet .article04 .default{
	background: url(../images/ico_19.png) left center no-repeat;
	width: 20px;
	height: 19px;
	padding: 0;
}
.internet .article04 .change{
	background: url(../images/ico_20.png) left center no-repeat;
	width: 24px;
	height: 22px;
	padding: 0;
}

.internet .article05{
	background: #3CBBE4;
	padding: 20px 0 42px;
	color: #fff;
	line-height: 32px;
	font-size: 21px;
}
.internet .article05 p span{
    display: inline-block;
}
.internet .article05 h2{
	font-size: 48px;
	line-height: 60px;
	padding: 0 0 6px;
	color: #000;
}
.internet .article05 h2 span{
	display: block;
}
.internet .article05 .relation{
	padding: 28px 0 30px;
	margin: 0 0 20px;
}
.internet .article05 .relation img{
	max-width: 145px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 1.56% 10px 0;
}
.internet .article05 .contact span{
	color: #000;
	font-size: 26px;
	display: inline-block;
	background: url(../images/ico_35.png) no-repeat;
	padding: 0 0 0 52px;
	line-height: 44px;
}
.internet .article05 a{
	color: #fff;
	font-size: 22px;
}
.internet .article05 a:hover{
	text-decoration: underline;
}

.price .article01{
	background: url(../images/price.jpg) no-repeat;
	padding: 171px 0 100px;
}
.price .article01 h2,
.about .article01 h2{
	color: #fff;
}
.price .share {
	padding: 20px 10% 0;
}
.price .share p{
	display: inline-block;
	*display: inline;
	_display: inline;
}
.price .share a{
    font-size: 16px;
    color: #fff;
    padding: 0 20px 0 57px;
    line-height: 48px;
    display: inline-block;
}
.price .share .email{
	background: url(../images/ico_23.png) no-repeat;
}
.price .share .tel{
	background: url(../images/ico_24.png) no-repeat;
}
.price .share .qq{
	background: url(../images/ico_25.png) no-repeat;
}
.price .article01 .text{
	min-height: 100px;
}
.price .article02 .box{
	max-width: 1190px;
	line-height: 44px;
	position: relative;
	margin: 371px auto 78px;
}
.price .article02 h2{
	background: #333333;
	font-size: 28px;
	line-height: 67px;
	-moz-border-top-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    border-top-left-radius: 20px;
	-moz-border-top-right-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
}
.price .article02 h3{
	padding: 15px 0 0;
	font-size: 18px;
	line-height: 36px;
}
.price .article02 h3 span{
	font-size: 36px;
}
.price .article02 h4{
	margin: 9px 12.9% 0;
	padding: 7px 0 0;
	min-height: 40px;
}
.price .article02 h4 span{	
	color: #a1a1a1;
}
.price .text-idea{
	line-height: 18px;
	font-size: 14px;
	color: #a1a1a1;
}

.price .article02 .btn{
	color: #fff;
	font-size: 21px;
	line-height: 45px;
	display: inline-block;
	padding: 0 12%;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin: 0 0 20px;
}
.price .article02 h1{
   font-size: 40px;
   padding: 0 0 24px;
   line-height: 44px;
   color: #534216;
}
.price .item{
	width: 24.36%;
	font-size: 18px;
	color: #4c4948;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	bottom: -22px;
}
.price .text-idea{
	background: #fff;
}
.price .item .table{
	padding: 0 0 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
}
.price .article02 .item td{
	text-align: center;
}
.price .item .cont{
	padding:16px;	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.price .article02 td{
	font-size: 20px;
	color: #4c4948;
	padding: 0 1.84%;
	text-align: left;
}
.price .article02 tr{
	background: #fff;
}
.price .article02 .odd{
	background: #F8F8F8;
}
.price .article02 .last td{
	-moz-border-bottom-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-bottom-left-radius: 20px;
	-moz-border-bottom-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.price .article02 .one,
.price .article02 .two{
	line-height: 88px;
}
.iphone-name{
	display: none;
}
.price .cont-box{
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.price .item .text-idea{
    border-right: 1px solid #fff;
}
.price .yellow{
    left: 20%;
}
.price .yellow .cont-box{
    border: 1px solid #F8C655;
}
.price .yellow h3,
.price .yellow h2{
    color: #f8c655;
}
.price .yellow h4{
	border-top: 1px solid #f8c655;
	color: #f8c655;
}

.price .yellow .btn,
.price .yellow .cont{
	background: #F8C655;
}

.price .blue{
    left: 48.5%;
}
.price .blue .cont-box{
    border: 1px solid #38badc;
}
.price .blue h3,
.price .blue h2{
    color: #38badc;
}
.price .blue h4{
	border-top: 1px solid #38badc;
	color: #38badc;
}
.price .blue .btn{
	background: #38badc;
}

.price .green{
    right: -1.3%;
}
.price .green .cont-box{
    border: 1px solid #28b3b2;
}

.price .green h3,
.price .green h2{
    color: #28b3b2;
}
.price .green h4{
	border-top: 1px solid #28b3b2;
	color: #28b3b2;
}
.price .green .btn{
	background: #28b3b2;
}

.price .article03{
	background: url(../images/banner06.jpg) no-repeat;
	padding: 55px 0 10px;
	min-height: 214px;
	margin: 0 0 14px;
}
.price .article03 h3{
	font-size: 36px;
}
.price .article03 a {
    border: 6px solid #FEEB60;
    color: #fff;
    width: 210px;
    display: inline-block;
    text-align: center;
    line-height: 61px;
    font-size: 24px;
    margin:2% 0 0 ;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius:7px;
}

.price .article04 .look{
	font-size: 18px;
	color: #28b2b1;
	margin: 0 0 52px;
	display: inline-block;
}

.price .article04 .yellow .cont{
	background: none;
}
.price .item .default{
	background: url(../images/ico_19.png) left center no-repeat;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0 4.68%;
	display: inline-block;
}
.price .yellow .default{
	background: url(../images/ico_27.png) left center no-repeat;
}
.price .green .default{
	background: url(../images/ico_28.png) left center no-repeat;
}

.price .article04 .box{
	margin: 370px auto 60px;
	line-height: 22px;
}
.price .article04 .box td{
	height: 73px;
	font-size: 16px;
	color: #8a8887;
}
.price .article04 .item .table{
	padding: 0;
}
.price .article04 .box .name{
	font-weight: 600;
	border-right: 1px solid #CACACA;
}
.price .article04 .box .name{
	-moz-border-bottom-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.price .article04 .item{
	width: 15.37%;
	bottom: -1px;
}

.price .article04 .item .cont{
	padding: 0;
}
.price .article04 .yellow{
    right: 32.26%;
    left: auto;
}
.price .article04 .blue{
    right: 16.13%;
    left: auto;
}
.price .article04 .green{
    right: 0%;
}
.price .article04  .block{
   left: 0;
   width: 51.09%;
}
.price .block .cont-box {
   border: 1px solid #323232;
}
.price .article02 .block td{
	text-align: left;
}

.price .article04 h1{
	line-height: 248px;
	font-size: 28px;
	padding: 0;
	color: #333;
}
.price .article04 .btn{
   line-height: 35px;
}
.price .article04 .box02,
.price .article04 .box03{
	display: none;
}

.about .article01{
	background: url(../images/banner05.jpg) no-repeat;
	padding: 171px 0 100px;
}

.about .article01 .text{
	min-height: 100px;
}
.about .article .box{
	max-width: 1180px;
	padding: 40px 10px;
}
.about .article02 .left{
	font-size: 18px;	
	color: #595757;
	text-align: left;
	line-height: 34px;
}
.about .article02 h3{
	font-size: 36px;
	color: #000;
	line-height: 40px;
	padding: 0 0 24px;
}
.about .article02 .right{
	font-size: 218px;	
	color: #595757;
}
.about .article03{
	background: url(../images/about02.jpg) no-repeat;
	background-size: cover;
}
.about .article03 ul{
	margin: 0 -3% 0 0;
}
.about .article03 li{
	float: left;
	width: 23%;
	margin: 0 1.44% 20px 0;
	position: relative;
}
.about .article03 .box{
	padding: 40px 0 20px;
}

.about .article03 .text{
	color: #fff;
	position: absolute;
	top: 30%;
	left: 0;
	width: 96%;
	padding: 0 2%;
	font-size: 20px;
	text-align: center;
	line-height: 26px;
}
.about .article03 .text span{
	display: inline-block;
}
.about .article03 h3{
	font-size: 36px;
	font-weight: normal;
	line-height: 40px;
}
.about .article04 .box{
	padding: 88px 0 100px;
}
.about .article05{
	background: #333;
	text-align: left;
}
.about .article05 .box01{
	background: url(../images/about04.jpg) center top no-repeat;
}
.about .article05 .box01 h2{
	background: url(../images/cover02.png) repeat;
	font-size: 48px;
	color: #fff;
	padding: 70px 0 62px;
	text-align: center;
}

.about .article05 li{
	float: left;
	width: 25%;
	margin: 0 2% 0 0;
	position: relative;
	font-size: 18px;
	line-height: 34px;
}
.about .article05 .last{
	width: 19%;
	margin: 0;
}
.about .article05 p span{
	display: inline-block;
}
.about .article05 .btn{
	background: #3b414b;
	font-size: 22px;
	line-height: 40px;
	padding: 0 10px;
	display: inline-block;
	color: #fff;
	margin: 10px 0 0;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.about .article05 .box02 h2{
	line-height: 62px;
	padding: 0 0 0 76px;
	font-size: 26px;
	margin: 0 0 20px;
}
.about .article05 .box02 .iocn01{
   background: url(../images/ico_29.png) left center no-repeat;
}
.about .article05 .box02 .iocn02{
   background: url(../images/ico_30.png) left center no-repeat;
}
.about .article05 .box02 .iocn03{
   background: url(../images/ico_31.png) left center no-repeat;
}
.about .article05 .box02 .iocn04{
   background: url(../images/ico_32.png) left center no-repeat;
}
.about .article06 h2{
	font-size: 48px;
	color: #3cb8e0;
	padding: 4px 0 31px;
}
#worldmap,
#chinamap{
	position: absolute;
	left: 0;
	top: 5%;
	width: 100%;
	height: 95%;
}
.about .article05 .city {
	overflow: hidden;
	padding: 32px 0 0;
}
.city .tab a{
    font-size: 24px;
    line-height: 40px;
    background: url(../images/tab_03.png) no-repeat;
    background-size: 100% 41px;
    display: inline-block;
    width: 24%;
    max-width: 201px;
    text-align: center;
    margin: 0 -1.1%;
}
.city .tab a:hover,
.city .tab a.active{
    background: url(../images/tab_03_hover.png) no-repeat;
    background-size: 100% 41px;
    color:#fff;
 }
 .city .tab .first{
    background: url(../images/tab_04.png) no-repeat;
    background-size: 100% 41px;
    margin: 0 -0.8% 0 -0.1%;
 }
.city .tab .first:hover,
.city .tab .first.active{
    background: url(../images/tab_04_hover.png) no-repeat;
    background-size: 100% 41px;
 }
 .city .tab .last01{
    background: url(../images/tab_05.png) no-repeat;
    background-size: 100% 41px;
    margin: 0 0 0 -1%;
 }
.city .tab .last01:hover,
.city .tab .last01.active{
    background: url(../images/tab_05_hover.png) no-repeat;
    background-size: 100% 41px;
 }
.map-box{
	padding: 15px;
	background: #3CB7E0;
	font-size: 22px;
	color: #000;
	display: none;
}
.map-box .dress{
	padding: 14px 0 0;
	text-align: left;
}
.map-box .dress span{
    font-size: 18px;
    color: #fff;
}

.index .article04 .clearfix{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}