.wrapper,.module_02{position:absolute;z-index:1;top:40px;bottom:20px;left:0;width:100%;overflow:hidden}.iscrollhorizontalscrollbar{position:absolute;z-index:9999;height:8px;left:0;right:0;bottom:0;overflow:hidden}.iscrollhorizontalscrollbar.iscrollbothscrollbars{right:18px}.iscrollverticalscrollbar{position:absolute;z-index:9999;width:3px;bottom:0;top:0;right:0;overflow:hidden}.iscrollverticalscrollbar.iscrollbothscrollbars{bottom:18px}.iscrollindicator{position:absolute;background:#d0d0d0;opacity:.5;border-radius:8px}.iscrollhorizontalscrollbar .iscrollindicator{height:100%;background:-moz-linear-gradient(left,#cc3f6e 0,#93004e 100%);background:-webkit-linear-gradient(left,#cc3f6e 0,#93004e 100%);background:-o-linear-gradient(left,#cc3f6e 0,#93004e 100%);background:-ms-linear-gradient(left,#cc3f6e 0,#93004e 100%);background:linear-gradient(to right,#cc3f6e 0,#93004e 100%)}.iscrollverticalscrollbar .iscrollindicator{width:100%}.scroller{position:absolute;z-index:1;-webkit-tap-highlight-color:transparent;width:auto;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none}

.mcsb_scrolltools .mcsb_draggercontainer{ opacity:0;}

.mcsb_horizontal>.mcsb_container{ height:1px; margin-bottom:49px; padding-top:0;}

header{ background:#fff; z-index:99;}

header.showmenu{ background:none; z-index:9999;}

*{-webkit-tap-highlight-color:transparent;}





.topbar{ height:60px; line-height:60px; background:#fff; position: absolute; width:100%; z-index:98;}

.topbar.tbor:before,.topbar.tbor:after{background:#d5d5d5;}

.topbar .name { padding-left:20px;}

.topbar .buy{ float:right; display:inline-block;  height:60px; line-height:60px; color:#fff; background:#9d1d22; width:60px; height:35px; line-height:35px; font-size:14px;border-radius: 5px; text-align:center; margin-top:12px; margin-right:20px;}

.topbar .name span{ padding:15px 0; height:30px; line-height:30px; font-size:14px; color:#3c3c3c; background-repeat:no-repeat; background-position:left center; display:inline-block; text-indent:50px; background-size:40px;}

.topbar .name span u{ font-size:12px; display:block; color:#999; text-decoration:none;}

.topbar .name span.icon1{ background-image:url(/uploads/image/pmihicon/01.png)}

.fixbar{ position:fixed; z-index:99; top:0;}

.po{ position:absolute; left:0; top:0;}

.clear{clear: both;}

.an1{transform: translate(0px,10px); -webkit-transform: translate(0px,10px); opacity:0;}

@keyframes jin{

	0% {transform: translate(0px,10px);opacity:0;}

	100% {transform:translate(0,0);opacity:1;}

}

@-webkit-keyframes jin{

	0% {-webkit-transform: translate(0px,10px);opacity:0;}

	100% {-webkit-transform:translate(0,0);opacity:1;}

}



@keyframes lastjin{

	0% {opacity:0;}

	100% {opacity:1;}

}

@-webkit-keyframes lastjin{

	0% {opacity:0;}

	100% {opacity:1;}

}

.topbar .buy{ position:relative; z-index:3;}

.topbar .dot{ text-align:center; position:absolute; left:0; width:100%; z-index:1; top:0; height:60px;}

.topbar .dot li{ width:5px; height:5px; margin:0 2px; background:#b0b0b0; display:inline-block;border-radius: 100%; overflow:hidden;}

.topbar .dot li.on{ background:#b60f0f;margin:0 2px;}

.navbox{ position:absolute; left:0; padding-top:50px; top:-170px; width:100%; background:#fff; height:170px; z-index:1; opacity:0;}

.navpage{ position: relative; left:0; top:0; background:#fff; z-index:3; width:100%; height:60px;}

.navbox ul{ padding-left:20px;}

.navbox li{ width:60px; float:left; margin-right:20px; text-align:center; padding-top:30px;}

.navbox li p{ height:24px; line-height:24px; padding-top:15px;}

.navbox li.on{ color:#a80e0e;transform: scale(1.1); -webkit-transform: scale(1.1);}

.navbox li.on p{ line-height:13px;}

.navbox .pic{ overflow:hidden; border-radius:5px; -webkit-box-shadow:-1px 5px 25px #999; box-shadow:-1px 5px 25px #999;}

.navbox .pic img{ float:left;}

.btnboxs,.hidebtn{ position:absolute; left:50%; width:24px; height:12px; margin-left:-12px; background:  no-repeat center center; background-size:20px; bottom:20px; z-index:5;}

.bb{ bottom:6px;}

.hidebtn{background:  no-repeat center center; background-size:12px; bottom:24px;}



.navbox li.on,.navbox li,.navbox li p{ -webkit-transition:all .3s linear; transition:all .3s linear;}

.b4,.b9{ -webkit-transition:all 1.2s linear; transition:all 1.2s linear;}





.box .bgimg{ float:left;}

.box{ overflow:hidden; position:relative;}





{-webkit-animation:jin 0.6s ease-in; animation:jin 0.6s ease-in; transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}







.b1 .infobox{ position:absolute; left:0; top:45%;}

.b1 .infobox .btn{ text-align:center; padding-top:20px;}

.b1 .infobox .btn a{ height:40px; line-height:40px; width:110px; text-align:center; color:#bd9678; font-size:14px; background:#fff; display:inline-block;border-radius: 30px;}



.b2{ background:#25292c;}

.b2 .infobox{ width:75%; margin:0 auto; color:#fff; padding-bottom:50px; line-height:21px; position:relative; z-index:5;}

.b2 .infobox .titbox{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid rgba(255,255,255,0.2); padding-top:100px;}

.b2 .infobox .titbox h2{ text-align:center; font-size:24px; margin-bottom:20px;}

.b2 .infobox .txtbox{ text-align:center;padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid rgba(255,255,255,0.2); font-size:12px; }

.b2 .infobox .txtbox h2{ font-size:18px; margin:18px 0; line-height:24px;}

.b2 .bgbox{ position:relative;}

.b2 .dh{ position:absolute; left:0; top:0; z-index:1; width:100%;}

.b2 .dh>div{ position:absolute; left:0; top:0; width:100%; display:none;}



.b3{ background:#978b8d; position:relative;}

.b3 .infobox,.b4 .infobox,.b7 .infobox,.b8 .infobox,.b9 .infobox{ width:70%; margin:0 auto; color:#fff; padding-bottom:50px; line-height:21px; margin-top:80%;}

.b3 .infobox .titbox,

.b4 .infobox .titbox,

.b5 .infobox .titbox,

.b6 .titbox,

.b7 .infobox .titbox,

.b8 .titbox,

.b9 .infobox .titbox{ padding-bottom:30px; margin-bottom:30px; font-size:12px;line-height:21px;}

.b3 .infobox .titbox h2,

.b4 .infobox .titbox h2,

.b5 .infobox .titbox h2,

.b6 .titbox h2,

.b7 .infobox .titbox h2,

.b8 .titbox h2,

.b9 .infobox .titbox h2{ text-align:center; font-size:30px; margin-bottom:0px; line-height:1.3; font-weight:normal; }



.listbox li{ padding:20px 0; border-bottom:1px solid rgba(222,194,153,0.2); padding-left:100px; height:50px; line-height:18px; color:#dec299; font-size:12px;}

.listbox li .pic{ float:left; margin-left:-100px; width:90px;}

.listbox li .txt{ padding-top:10px;}

.btnbox{ width:100px; height:58px;   margin:0 auto; font-size:12px; text-align:center; color:#dec299; line-height:30px; margin-top:30px; margin-bottom:40px; position:relative; -webkit-tap-highlight-color:transparent;}

.btnbox .btn,.closebtn{width:54px; height:54px; border-radius: 100%; background:#23223d; line-height:54px; text-align:center; margin:0 auto; -webkit-box-shadow:-1px 5px 20px #525252; box-shadow:-1px 5px 20px #525252; color:#cbb58b;font-size: 22px;}



.b3 .infobox{ margin-top:0;} 

.b3 .dh{ position: relative; left:0; top:0; z-index:1; width:100%;}

.b3 .dh>div{ position:absolute; left:0; top:0; width:100%; display:none;}



.b4{ background:#f6f1ed   no-repeat left top; background-size:200%;}

.b4 .infobox{ margin-top:15%; color:#373554;}

.b4 .infobox .titbox h2{ text-align:left;}

.b4 .infobox .titbox p{ color:#6c6878;}

.b4 .listbox li{ border-bottom-color:#c5c2c6; color:#605e6b;}

.b4 .listbox{ margin-top:130%;}

.b4 .btnbox{ color:#23223d; margin-bottom:20px;}



.b5{ background:#b6acaa   no-repeat left top; background-size:100%; position:relative;}

.b5 .bgbox{ position:absolute; left:0; top:0; width:100%; z-index:1;}

.b5 .infobox{ width:70%; position:relative; margin:0 auto; z-index:3; margin-top:70%;}

.b5 .infobox .titbox{ color:#fff; line-height:21px;}

.b5 .listbox li{ color:#23223d; border-bottom-color:#998a89;}

.b5 .btnbox{ color:#23223d; margin-bottom:80px;}



.b6{ background:#f2e9e5; position:relative;}

.b6 .infobox,.b6 .titbox{ width:70%;  margin:0 auto; text-align:left;}

.b6 .titbox h2{ text-align:left;padding-top:80px; color:#373554; padding-bottom:10px;}

.b6 .titbox{ padding-bottom:0; }

.b6 .titbox p{ padding-top:30px; padding-bottom:40px;}

.b6 .listbox li{ color:#615e6b; border-bottom-color:#c9c1c3;}

.b6 .btnbox{ color:#23223d; margin-bottom:80px;}

.b6 .bgpic{position:relative; left:-25%;}



.b7{ background:#efeae9; background-size:100%; position:relative;}

.b7 .infobox{ margin-top:125%; color:#373554; position:relative; z-index:3;}

.b7 .infobox .titbox h2{ text-align:center;}

.b7 .infobox .titbox p{ color:#6c6878;}

.b7 .listbox li{ border-bottom-color:#c5c2c6; color:#605e6b;}

.b7 .listbox{ margin-top:10%;}

.b7 .btnbox{ color:#23223d; margin-bottom:50px;}

.b7 .dh{ position:absolute; left:0; top:0; z-index:1; width:100%;}

.b7 .dh>div{ position:absolute; left:0; top:0; width:100%; display:none;}



.b8{ background:#f1eee3; position:relative;}

.b8 .listbox li{ color:#615e6b; border-bottom-color:#c9c1c3;}

.b8 .btnbox{ color:#23223d; margin-bottom:60px;}

.b8 .titbox{width:70%;  margin:0 auto;}

.b8 .titbox h2{ padding-top:50px;}

.b8 .infobox{ margin-top:10%;}

.b8 .bgpic{ position:relative; left:-50%;}



.b9{ background:#f8f1eb   no-repeat 10% top; background-size:200%; position:relative;}

.b9 .infobox{ margin-top:20%;}

.b9 .infobox .titbox h2{ color:#373554; text-align:left;}

.b9 .titbox p{ color:#6d6b7d;}

.b9 .listbox{ margin-top:210%;}

.b9 .listbox li{ color:#615e6b; border-bottom-color:#c9c1c3;}

.b9 .btnbox{ color:#23223d; margin-bottom:60px;}





@media screen and (max-width:328px) {

	.b1 .infobox .btn{ padding-top:10px;}

	.b4 .infobox{ margin-top:10%;}

	.b4 .listbox{ margin-top:90%;}

	.b3 .infobox,.b4 .infobox,.b8 .infobox,.b2 .infobox,.b5 .infobox,.b6 .titbox,.b6 .infobox,.b8 .titbox,.b9 .infobox,.b7 .infobox{ width:80%;}

}





.closebtn{ position:fixed; left:50%; margin-left:-27px; top:-100px; z-index:9999; font-family:arial;transform:rotate(45deg); -webkit-transform:rotate(45deg);}

.boxdialog{ position:fixed; left:120%; top:100%; width:100%; height:100%; background:#fff; z-index:999; opacity:0; overflow:hidden;}  

.boxdialog .dbox{ text-align:center; color:#373554; font-size:12px; line-height:20px; padding:38px 0; border-bottom:1px solid #e8e8e8;}

.boxdialog .dbox h2{ font-size:18px; line-height:1.5; padding:12px 0;}

.boxdialog .dbox h4{ padding:10px 0 0 0; font-size:14px;}

.boxdialog .dbox .txt{ width:75%; margin:0 auto; text-align:left;}

.boxdialog .dbox p{ padding-top:10px;}

.boxdialog .dbox .red{ color:#f00;}









.an{transform: translate(0px,10px); -webkit-transform: translate(0px,10px); opacity:0;}

@keyframes jin{

	0% {transform: translate(0px,10px);opacity:0;}

	100% {transform:translate(0,0);opacity:1;}

}

@-webkit-keyframes jin{

	0% {-webkit-transform: translate(0px,10px);opacity:0;}

	100% {-webkit-transform:translate(0,0);opacity:1;}

}



.b1_dh .txt,.b1_dh2 .btn,

.b2_dh .titbox,.b2_dh2 .tb1,.b2_dh3 .tb2,.b2_dh4 .tb3,.b2_dh5 .tb4,

.b3_dh .titbox,.b3_dh2 .lb1,.b3_dh3 .lb2,.b3_dh4 .lb3,.b3_dh5 .btnbox,

.b4_dh .titbox,.b4_dh2 .lb1,.b4_dh3 .lb2,.b4_dh4 .lb3,.b4_dh5 .btnbox,

.b5_dh .titbox,.b5_dh2 .lb1,.b5_dh3 .lb2,.b5_dh4 .btnbox

{-webkit-animation:jin 0.6s ease-in; animation:jin 0.6s ease-in; transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}





.moviebox{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; background:rgba(0, 0, 0, 0.8); z-index:10001; padding-top:30%; display:none;}

.moviebox .close{ text-align:right;}

.gizle {top: -46px;}

.sabit {top:0;z-index: 999;}

.topbar{-webkit-transition:top .5s;-moz-transition:top .5s;transition: top .5s;}



.topbar,.navpage{ height:46px; line-height:46px;}

.topbar .buy{ height:24px; line-height:24px;}

.bb{ background: no-repeat center 90%; background-size:8px; height:24px; bottom:0px; opacity:0.3; width:100px; margin-left:-50px; height:46px;}

.hidebtn{ bottom:16px;}



.wz{ font-size:20px; color:#373554; text-align:center; font-weight:bold; line-height:1.3; margin-bottom:20px;}

.b5 .wz{ color:#fff; text-align:center;}



.b7 .wz{text-align:center; width:80%; margin:0 auto; margin-bottom:20px;}

.b8 .titbox h2{ }

.b8 .wz{ text-align:center; color:#555;}



.an{animation-name: fadeinup;}



.b4 .infobox .titbox h2{ text-align:center; margin-bottom:0;}

.b6 .titbox h2,.b9 .infobox .titbox h2{ text-align:center;}


/*20170822*/
.boxdialog{ background:#000;}
.tukubox{ width:100%; height:100%;}
.tukuicon { text-align: center; width: 100%; padding-top: 10px; position: absolute; z-index: 9; left: 0; bottom:25px;}
.tkmain .swiper-pagination-bullet{width:8px; height:8px; left:0; top:0; background:#bebebe; display: inline-block;border-radius: 50%; display:inline-block; margin:0 3px;}
.tkmain .swiper-pagination-bullet-active{ background:#fff;}
.tuku2{ left:0; z-index:1000;}
.tuku2 .swiper-slide{ margin-left:0;}
.zz2{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; background: repeat; display:none;}
.swiper-slide .sinfo{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:3;}
.swiper-slide .sinfo .txt{ width:80%; margin:0 auto; margin-top:100px; text-align:center; color:#fff;}
.swiper-slide .sinfo .txt h2{ font-size:20px; line-height:1.5; margin-bottom:12px;}
.swiper-slide .sinfo .txt p{ font-size:12px; line-height:18px;}
.swiper-slide .sinfo .txt p b{ color:#ffff33; display:block; margin:12px 0 10px 0;}
.swiper-slide .sinfo .txt .btn{ margin:0 auto; width:60px; background: no-repeat right center; background-size:16px; font-size:13px; color:#f2d1a0;  padding:20px 0; padding-right:14px;}
.swiper-slide .sinfo .txt .btn span{ text-decoration:underline;}

.swiper-pagination-bullet{ width:33.3%; float:left; height:auto;opacity:1; background:none; border-radius:0;}
.swiper-pagination-bullet .dot{ width:8px; height:8px; background:rgba(255,255,255,0.3); margin:0 auto;border-radius:100%;}
.swiper-pagination-bullet .img{ width:100%; padding-bottom:10px; background-position:center center; background-repeat:no-repeat; background-size:62px; height:50px;}
.swiper-pagination-bullet-active .dot{background:#dcc494;}

.b3page .tukuicon{ width:80%; left:10%;}
.b3page .swiper-pagination-bullet:nth-of-type(1) .img{ background-image:;}
.b3page .swiper-pagination-bullet:nth-of-type(2) .img{ background-image:;}
.b3page .swiper-pagination-bullet:nth-of-type(3) .img{ background-image:; position:relative; left:2px;}
.b3page .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(1) .img{ background-image:;}
.b3page .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(2) .img{ background-image:;}
.b3page .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(3) .img{ background-image:;}

.b4page .tukuicon{ width:80%; left:10%;}
.b4page .swiper-pagination-bullet:nth-of-type(1) .img{ background-image:;}
.b4page .swiper-pagination-bullet:nth-of-type(2) .img{ background-image:;}
.b4page .swiper-pagination-bullet:nth-of-type(3) .img{ background-image:;}
.b4page .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(1) .img{ background-image:;}
.b4page .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(2) .img{ background-image:;}
.b4page .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(3) .img{ background-image:;}

.b5page .tukuicon{ width:60%; left:20%;}
.b5page .swiper-pagination-bullet{ width:50%;}
.b5page .swiper-pagination-bullet:nth-of-type(1) .img{ background-image:;}
.b5page .swiper-pagination-bullet:nth-of-type(2) .img{ background-image:;}
.b5page .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(1) .img{ background-image:;}
.b5page .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(2) .img{ background-image:;}

.b6page .tukuicon{ width:90%; left:5%;}
.b6page .swiper-pagination-bullet{ width:20%;}
.b6page .swiper-pagination-bullet .img{background-size:50px; }
.b6page .swiper-pagination-bullet:nth-of-type(1) .img{ background-image:;}
.b6page .swiper-pagination-bullet:nth-of-type(2) .img{ background-image:;}
.b6page .swiper-pagination-bullet:nth-of-type(3) .img{ background-image:;}
.b6page .swiper-pagination-bullet:nth-of-type(4) .img{ background-image:;}
.b6page .swiper-pagination-bullet:nth-of-type(5) .img{ background-image:;}
.b6page .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(1) .img{ background-image:;}
.b6page .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(2) .img{ background-image:;}
.b6page .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(3) .img{ background-image:;}
.b6page .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(4) .img{ background-image:;}
.b6page .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(5) .img{ background-image:;}
.b6page .swiper-slide .sinfo .txt{ width:80%;}
.b6page .swiper-slide .sinfo .txt .col2{ opacity:0.6;}

.b7page .tukuicon{ width:80%; left:10%;}
.b7page .swiper-pagination-bullet{ width:25%;}
.b7page .swiper-pagination-bullet:nth-of-type(1) .img{ background-image:;}
.b7page .swiper-pagination-bullet:nth-of-type(2) .img{ background-image:;}
.b7page .swiper-pagination-bullet:nth-of-type(3) .img{ background-image:;}
.b7page .swiper-pagination-bullet:nth-of-type(4) .img{ background-image:;}
.b7page .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(1) .img{ background-image:;}
.b7page .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(2) .img{ background-image:;}
.b7page .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(3) .img{ background-image:;}
.b7page .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(4) .img{ background-image:;}

.b8page .tukuicon{ width:90%; left:5%;}
.b8page .swiper-pagination-bullet{ width:20%;}
.b8page .swiper-pagination-bullet .img{background-size:50px; }
.b8page .swiper-pagination-bullet:nth-of-type(1) .img{ background-image:;}
.b8page .swiper-pagination-bullet:nth-of-type(2) .img{ background-image:;}
.b8page .swiper-pagination-bullet:nth-of-type(3) .img{ background-image:;}
.b8page .swiper-pagination-bullet:nth-of-type(4) .img{ background-image:;}
.b8page .swiper-pagination-bullet:nth-of-type(5) .img{ background-image:;}
.b8page .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(1) .img{ background-image:;}
.b8page .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(2) .img{ background-image:;}
.b8page .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(3) .img{ background-image:;}
.b8page .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(4) .img{ background-image:;}
.b8page .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(5) .img{ background-image:;}
.b8page .swiper-slide .sinfo .txt{ }

.b9page .tukuicon{ width:100%; left:0%;}
.b9page .swiper-pagination-bullet{ width:100%;}
.b9page .swiper-pagination-bullet:nth-of-type(1) .img{ background-image:;}
.b9page .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(1) .img{ background-image:;}

.closebtn{background: #dcc494;color: #141414;}

.b10{ background:#fff; overflow:hidden; padding:30px 0;}
.b10 .title,.b11 .title{ font-size:20px; margin:30px 0 50px 0; text-align:center; font-weight:bold; color:#000;}
.b11{ background:#f5f5f5; overflow:hidden; padding:30px 0 0 0;}

.topbar .name{
	position: absolute;
	top: 0;
	left: 0;
}
.topbar .zixun{
	position: relative;
	z-index: 2;
	float: right;
	color: #fff;
	background: #179817;
	width: 60px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	border-radius: 5px;
	text-align: center;
	margin-top: 12px;
	margin-right: 10px;
}