@charset "utf-8";
/*respon*/
.container{width:1200px;margin:0 auto;} 
@media (max-width: 1200px) {
	.container{width:1000px;}
}

/*banner*/
.banner{height:1102px;background:#fff url(images/banner_bg.jpg) no-repeat center 0;}
.banner .logo{text-align:center; padding-top:60px;}
.banner .title{ text-align:center;margin-top:30px;}
.banner .tdd{ font-size:18px;color:#f1f1f1; line-height:1.6em; font-weight:300; font-style:italic; text-align:center;margin-top:30px;}
.banner .menu{width:900px;margin:0 auto;padding-top:30px;}
.banner .menu li{float:left;height:30px; line-height:30px; font-size:14px;padding:0 30px 0 35px;}
.banner .menu li a{color:#fff;}
.banner .menu li a:hover,.banner .menu li.curr a{color:#ff62a7; text-decoration:underline;}
.banner .menu .icon1,.banner .menu .icon2,.banner .menu .icon3{ background:url(images/menu_icon.png) no-repeat 0 5px;}
.banner .menu .icon1:hover,.banner .menu .icon1.curr{ background-position:0 -25px;}
.banner .menu .icon2{ background-position:0 -57px;}
.banner .menu .icon2:hover,.banner .menu .icon2.curr{ background-position:0 -87px;}
.banner .menu .icon3{ background-position:0 -116px;}
.banner .menu .icon3:hover,.banner .menu .icon3.curr{ background-position:0 -146px;}
.banner .mtitle{color:#fff; font-size:60px; font-weight:300; line-height:1.1em; text-align:center;margin-top:150px;}
.banner .vsbox{padding-top:60px; width:580px;margin:0 auto;}
.banner .vsbox .num{color:#fff; font-size:16px; text-align:center;}
.banner .vsbox .num span{color:#fff; font-size:22px; font-weight:700;}
.banner .vsbox .barbox{margin-top:10px;}
.banner .vsbox .barbox .yes{float:left;color:#fff; font-size:20px;}
.banner .vsbox .barbox .no{float:right;color:#fff; font-size:20px;}
.banner .vsbox .barbox .bar{height:12px; background:#fff;margin-top:10px;}
.banner .vsbox .barbox .bar .red{background:#ff62a7;height:12px;display:block;}
.banner .vsbox .barbox .btn{margin-top:25px; text-align:center;}
.banner .vsbox .barbox .btn span {display:inline-block; font-size:36px; line-height:1.2em; color:#fff; padding:0 20px; vertical-align:middle;}
.banner .vsbox .barbox .btn .yesbtn,.banner .vsbox .barbox .btn .nobtn{display:block; background:url(images/heart_icon.png) no-repeat; vertical-align:middle;width:99px;height:84px;color:#3e3e3e; font-size:16px; line-height:84px; text-align:center;}
.banner .vsbox .barbox .btn .yesbtn {color:#fff;}
.banner .vsbox .barbox .btn a:hover{ text-decoration:none;}
.banner .vsbox .barbox .btn .nobtn{ background-position:0 -90px;color:#ff62a7;}
.banner .vsbox .tipstext{margin-top:20px;}
.banner .vsbox .tipstext .txtb{color:#fff; text-align:center;width:160px; line-height:1.4em;}
.banner .vsbox .other_btn {padding:10px 0 0 0; text-align:center;}
.banner .vsbox .other_btn a {display:inline-block; background:#ff62a7;width:98px;height:28px; line-height:28px;color:#fff; font-size:14px; border-radius:30px;}
.tc_bg {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index:200;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.tc_return {position:fixed; left:50%; top:20%; margin:0 0 0 -230px; z-index:201; display:none; width:460px; padding:30px 0; background:#fff; border-radius:10px;}
.tc_return .btn_colse {position:absolute; cursor:pointer; z-index:202; right:5px; top:5px; display:block; width:30px; height:30px; background:url(images/close.png) no-repeat;}
.tc_return .tit{ font-size:20px; line-height:1em; text-align:center;}

/*mainbox*/
.mainbg{ background:url(images/bg2.jpg) repeat-y center 0;}
.mainbox {padding:60px 0;}
.mainbox .textbox{ background:url(images/heart_icon2.png) no-repeat 0 40px;padding-left:200px;width:70%;}
.mainbox .textbox h2{color:#ff62a7; font-size:60px; font-weight:300; line-height:1em;}
.mainbox .textbox .dd{font-size:28px; font-weight:300; line-height:1.2em;margin-top:10px;}

.mainbox .flbox{float:left;width:60%;margin-top:50px;}
.mainbox .flbox .item{border-bottom:1px solid #ccc;padding:20px 12px; cursor:pointer;}
.mainbox .flbox .item.curr{ background:#ff62a7;color:#fff;}
.mainbox .flbox .item .num{float:left;width:60px;font-size:30px; line-height:1em;}
.mainbox .flbox .item.curr .num{color:#fff;}
.mainbox .flbox .item .video-play {padding:0 0 0 60px;}
.mainbox .flbox .item .pic{float:left;width:170px;height:135px; position:relative;}
.mainbox .flbox .item dl{float:left;width:420px;padding:0 0 0 20px;}
.mainbox .flbox .item dt{ font-size:16px; line-height:1.4em;color:#666;}
.mainbox .flbox .item dd{ font-size:14px;color:#ff62a7;margin-top:10px;}
.mainbox .flbox .item.curr dd{color:#fff;}
.mainbox .flbox .item .pic .arrow{ position:absolute;left:57px;top:39px;width:56px;height:56px; background:url(images/icon_arrow.png) no-repeat;cursor:pointer;}

.mainbox .frbox{float:right;width:35%;margin-top:50px;}
.mainbox .frbox .title{ background:#3f2a60;height:60px;padding:0 15px;}
.mainbox .frbox .title h2{color:#fff; font-size:18px; line-height:60px;}
.mainbox .frbox .boxbg{ background:#e7e7e7 url(images/snow_bg.jpg) no-repeat right bottom;padding:30px 20px;}
.mainbox .frbox .boxbg .probox .pic{float:left;width:150px;height:150px;}
.mainbox .frbox .boxbg dl{float:right;width:220px;}
.mainbox .frbox .boxbg dt a{ font-size:18px;color:#ff62a7;}
.mainbox .frbox .boxbg dd{margin-top:5px; line-height:1.4em; font-size:15px;color:#666;}
.mainbox .frbox .boxbg .btnbox{margin-top:15px;}
.mainbox .frbox .boxbg .btnbox a.win,
.mainbox .frbox .boxbg .btnbox a.mac{display:block; background:#ff62a7 url(images/sys_icon.png) no-repeat 90% 12px;width:190px;height:54px; line-height:54px;color:#fff; font-size:22px;padding-left:20px; border-radius:5px;}
.mainbox .frbox .boxbg .btnbox a.mac{ background-position:90% -45px;}
.mainbox .frbox .boxbg .btnbox a:hover{ text-decoration:none;}
.mainbox .frbox .boxbg .btnbox .pri{float:left;padding-left:15px;}

.bottomComment {padding:15px 3%; background:#fff; color:#333;}

.quebox{ background:#fff;padding:50px;margin-top:50px;border-top:8px solid #ff62a7;}
.quebox .text{float:right;width:50%;}
.quebox .text dt{ font-size:16px;margin-bottom:30px;}

.comment{margin-top:50px;}
.comment h2{color:#ff62a7; font-size:40px; line-height:1em;margin-bottom:30px;}

/*btmbox*/
.btmpro{ background:url(images/bg3.jpg) no-repeat center 0;padding:60px 0;border-top:8px solid #ff62a7;}
.btmpro .container{border-top:8px solid #ff62a7;}
.btmpro .item{width:40%;padding:4% 5%;}
.btmpro .item.bg1{background:url(images/tm_bg1.png) repeat;}
.btmpro .item.bg2{background:url(images/tm_bg2.png) repeat;}
.btmpro .item h2{ font-size:26px;color:#ff62a7; line-height:1em;}
.btmpro .item .pic{float:left;width:150px;height:150px;}
.btmpro .item dl{float:right;width:320px;}
.btmpro .item dt a{ font-size:20px;color:#ff62a7;}
.btmpro .item dd{margin-top:10px; line-height:1.4em; font-size:15px;color:#666;}
.btmpro .item .btnbox{margin-top:15px;}
.btmpro .item .btnbox a.win,
.btmpro .item .btnbox a.mac{display:block; background:#ff62a7 url(images/sys_icon.png) no-repeat 90% 12px;width:190px;height:54px; line-height:54px;color:#fff; font-size:22px;padding-left:20px; border-radius:5px;}
.btmpro .item .btnbox a.mac{ background-position:90% -45px;}
.btmpro .item .btnbox a:hover{ text-decoration:none;}
.btmpro .item .btnbox .pri{float:left;padding-left:15px;}


.page_fix {position:absolute; z-index:4; top:0; right:1%; width:90px;line-height: 1.2em; background:#fff;}
.addthisBox {padding:10px;}
.addthisBox > a {display:block;}
.addthisBox .pam _1mwt _5jjp {text-align:left;}