/* CSS Document */
.DivMain01 { background:url(../img/mainbg01.jpg) top repeat-x;}
.DivMain01 .detail { width:1280px; margin:0 auto; height:797px; position:relative; background:url(../img/banner.jpg) top center no-repeat;}
.DivMain01 .detail .titile { width:607px; height:102px; margin:0 auto; padding:25px 0 0; }
.DivMain01 .detail h1 { font-size:32px; text-align:center; padding:15px 0 0; line-height:30px;}
.DivMain01 .detail h1 span { font-size:15px; padding:10px 0 0; display:block;}
.DivMain01 .detail ul { padding:25px 0 0 100px; line-height:32px; font-size:13px; }
.DivMain01 .detail h6 { font-size:15px; padding:5px 0 0 100px;}
.DivMain01 .detail .down { width:280px; padding:20px 0 0 90px; }
.DivMain01 .detail .down img { margin-bottom:10px;}
.DivMain01 .detail .tab { position:absolute; bottom:0; left:180px; width:980px;}
.DivMain01 .detail .tab ol { list-style:none;}
.DivMain01 .detail .tab ol li { float:left; margin:0 20px;}

.detail .lang img { margin:2px 10px;}

/* CSS Document */
.DivMain02 {}
.DivMain02 .detail { width:1280px; margin:0 auto; padding:35px 0;}
.DivMain02 .detail h2, .DivMain03 .detail h2  { font-size:32px; text-align:center; padding:20px 0;}
.DivMain02 .detail h2 i, .DivMain03 .detail h2 i, .DivMain06 .detail h2 i { color:#ff3958; font-style:normal;}
.DivMain02 .detail .left { width:650px; float:left; padding:20px 0 0 20px;}
.DivMain02 .detail .right { width:570px; float:left; padding:20px 20px 20px 0;}
.DivMain02 .detail h3 { font-size:19px; text-align:center; padding:15px 0;}
.DivMain02 .detail h5 { font-size:17px; color:#737580; padding:0 0 30px 0; font-weight:400; text-align:center;}
.DivMain02 .detail .right p{padding:15px 0 10px; font-weight:400; }
.DivMain02 .detail .right h6{font-size:15px;}
.DivMain02 .right .download{background-color:#f0f0f0; padding:5px 11px 0;}
.DivMain02 .right .download p{padding:0; font-size:13px;}
.DivMain02 .right .download p strong{display:block; padding-bottom:8px; font-size:14px;}
.DivMain02 .right .download .d_btn{text-align:center;}
.DivMain02 .right .download .d_btn a{text-decoration:none; display:inline-block; margin:10px 0;}
.DivMain02 .right .download .d_btn a img{padding-right:10px;}
.DivMain02 .right .download .d_btn a:nth-child(1){color:#0bb7ff;}
.DivMain02 .right .download .d_btn a:nth-child(3){color:#96d215;}
.DivMain02 .right .download .d_btn a:hover{text-decoration:underline; color:#f30;}
.DivMain02 .right .download .d_btn span{display:block; border-top:1px solid #ccc;}
/* CSS Document */
.DivMain03 { background:url(../img/mainbg03.jpg) bottom repeat-x;}
.DivMain03 .detail { height:770px; width:1280px; margin:0 auto; padding:55px 0 0; background:url(../img/youtube.jpg) center bottom no-repeat; position:relative;}
.DivMain03 .detail h2 span { display:block; font-size:17px; padding:10px 0 20px;}
.DivMain03 .detail .left { width:550px; padding:20px 0 0 70px; }
.DivMain03 .detail .left p {  padding:15px 0;}
.DivMain03 .detail .left ul { list-style:none; font-size:15px; padding:35px 0 0;}
.DivMain03 .detail .left ul li { display:block; float:left; height:35px; width:270px;}
.DivMain03 .detail .tab { position:absolute; bottom:0; left:60px; width:1200px;}
.DivMain03 .detail .tab ol { list-style:none;}
.DivMain03 .detail .tab ol li { float:left; margin:0 25px;}
/* CSS Document */
.DivMain04 {}
.DivMain04 .detail { width:1280px; margin:0 auto; padding:75px 0 35px;}
.DivMain04 .detail h2 { font-size:32px; text-align:center; padding:20px 0;}
.DivMain04 .detail h2 i { color:#ff3958; font-style:normal;}
.DivMain04 .detail .left { width:650px; float:left; padding:20px 0 0 20px;}
.DivMain04 .detail .right { width:570px; float:left; padding:40px 20px 40px 0;}
.DivMain04 .detail .right h3 { font-size:19px;}
.DivMain04 .detail  p { padding:15px 0 0; font-weight:400;}
.DivMain04 .detail .right h4 { font-size:15px;} 
.DivMain04 .detail .cent {}
.DivMain04 .detail .cent p  { color:#737580; padding:15px 0 0; font-weight:400;}
/* CSS Document */
.DivMain05 { background:url(../img/mainbg04.jpg) bottom repeat-x;}
.DivMain05 .detail { height:500px; width:1280px; margin:0 auto; padding:15px 0 0; background:url(../img/radio.jpg) center bottom no-repeat; position:relative;}
.DivMain05 .detail h2 { font-size:32px; text-align:center; padding:20px 0;}
.DivMain05 .detail h2 i { font-style:normal; color:#ff3958; }
.DivMain05 .detail h2 span { color:#434a53; display:block; font-size:17px; padding:10px 0;}
.DivMain05 .detail h3 { font-size:17px; text-align:center; padding:10px 0; padding:50px 160px 0; color:#FFF; line-height:34px;}
.DivMain05 .detail h3 i { color:#f35872; font-style:normal;}
/* CSS Document */
.DivMain06 { }
.DivMain06 .detail {  width:1280px; margin:0 auto; padding:50px 0;  }
.DivMain06 .detail h2 { font-size:32px; text-align:center; padding:20px 0;}
.DivMain06 .detail h2 span { color:#434a53; display:block; font-size:17px; padding:10px 0;}
.DivMain06 .detail p {  padding:10px 60px 15px; font-weight:400; text-align:center;}
.DivMain06 .detail .adg { width:1200px; padding:30px 40px 0;}
.DivMain06 .detail .adg .left { width:400px; text-align:center; float:left;}
/* CSS Document */
.DivMain07 { background:#f1eee9; }
.DivMain07 .detail { width:1180px; margin:0 auto; padding:30px 50px;  }
.DivMain07 .detail .left { width:380px; float:left; padding:10px 50px 10px 10px;}
.DivMain07 .detail .left .top h4{background:url(../img/ti_bg.png) no-repeat center; font-size:26px; color:#535b66; text-align:center; line-height:59px;}
.DivMain07 .detail .left h3 { font-size:21px; padding:10px 0;}
.DivMain07 .detail .left h3 a{ text-decoration:none; color:#333;}
.DivMain07 .detail .left h3 a:hover{ text-decoration:underline; color:#FF3300;}
.DivMain07 .detail .left .top .share img { margin:5px 15px 5px 0;}
.DivMain07 .detail .left .top .download{width:45%; display:inline-block; margin:10px 0 40px;}
.DivMain07 .detail .left .top .down_one{border-left:1px solid #cfccc9; width:48%; padding-left:4%;}
.DivMain07 .detail .left .top .download p{ margin-bottom:10px;}
.DivMain07 .detail .left .top .download p a{text-decoration:underline;}
.DivMain07 .detail .left .top .download ul{list-style:disc inside; font-size:12px; color:#737580; padding-bottom:20px;}
.DivMain07 .detail .left .top .download .down a{display:block; text-decoration:none; color:#333; font-size:13px; margin-bottom:5px;}
.DivMain07 .detail .left .top .download .down a img{vertical-align:middle; padding-right:10px;}

.DivMain07 .detail .left .bottom { border-top:1px solid #cfccc9; }
.DivMain07 .detail .left .bottom ol { list-style:none; padding:0 0 0 15px;}
.DivMain07 .detail .left .bottom ol li { list-style:url(../img/iocn.png); line-height:24px; padding:10px 0 0;}
.DivMain07 .detail .left .bottom ol li i { font-size:13px; display:block; font-style:normal;}

.DivMain07 .detail .right { float:left; width:680px; padding:10px 0 0 30px; border-left:1px solid #cfccc9;}
.DivMain07 .detail .right h3 { font-size:21px; padding:10px 0;}
.DivMain07 .detail .right h3 a{ text-decoration:none; color:#333;}
.DivMain07 .detail .right h3 a:hover{ text-decoration:underline; color:#FF3300;}
.DivMain07 .detail .right ul { list-style:none; padding:20px 0 20px 10px;}
.DivMain07 .detail .right ul li { padding:10px 0 0 50px; line-height:26px; font-size:17px; }
.DivMain07 .detail .right ul li i { font-size:13px; display:block; color:#919399; font-style:normal;}
.DivMain07 .detail .right ol { list-style:none; padding:0 0 0 28px;}
.DivMain07 .detail .right ol li { list-style:url(../img/iocn.png); line-height:24px; padding:10px 0 0;}
.DivMain07 .detail .right ol li i { font-size:13px; display:block; font-style:normal;}

.share_wrap{background-color:#f7f7f7;}
.share_wrap .detail{width:1160px; margin:0 auto; padding:50px 60px;}
.share_con{width:234px; display:inline-block; margin-right:69px;}
.share_con h3 a{font-size:20px; color:#3e444c; padding-left:50px; line-height:34px; display:inline-block; background-repeat:no-repeat; background-position:left center;}
.share_con p{padding:10px 0 20px;}
.share_con > a{text-decoration:none; font-weight:700; display:block; text-align:center; line-height:30px; font-size:16px;}

.share_fb h3 a{background-image:url(../img/fb.png);}
.share_fb h3 a:hover{background-image:url(../img/fb_h.png);}
.share_tt h3 a{background-image:url(../img/twit.svg);}
.share_tt h3 a:hover{background-image:url(../img/twit_h.svg);}
.share_gg h3 a{background-image:url(../img/go.png);}
.share_gg h3 a:hover{background-image:url(../img/go_h.png);}
.share_yt h3 a{background-image:url(../img/yt.png);}
.share_yt h3 a:hover{background-image:url(../img/yt_h.png);}

.share_fb > a{border:2px solid #3b5998; color:#3b5998;}
.share_tt > a{border:2px solid #00b6f3; color:#00b6f3;}
.share_gg > a{border:2px solid #ee662a; color:#ee662a;}
.share_yt > a{border:2px solid #ec291c; color:#ec291c;}
.share_yt{margin-right:0;}

#small_banner{position:fixed; right:30px; bottom:280px; cursor:pointer; display:none;}
#b_banner{width:330px; height:368px; position:fixed; right:10px; bottom:280px; background:url(../banner/s_big.png) no-repeat center; display:none;}
#b_banner a#big_banner{float:right; width:20px; height:20px;}
#b_banner a.link{height:100%; display:block;}

@media (min-width: 768px) and (max-width: 979px) {

.DivMain01 { background:url(../img/mainbg01.jpg) bottom repeat-x #f2efea;}
.DivMain01 .detail { width:100%; margin:0 auto; height:auto; position:relative; background:none; }
.DivMain01 .detail .titile { width:100%; height:auto; }	
.DivMain01 .detail h1 { font-size:19px;}
.DivMain01 .detail h1 span { font-size:15px; }
.DivMain01 .detail ul { padding:15px 0 0 0; line-height:32px; font-size:13px;}
.DivMain01 .detail .tab { display:none;}
/* CSS Document */
.DivMain02 .detail { width:100%; }
.DivMain02 .detail h2, .DivMain03 .detail h2  { font-size:17px;}
.DivMain02 .detail h3 { font-size:15px; }
.DivMain02 .detail .left { width:100%; float:none;  padding:20px 0 0;}
.DivMain02 .detail .right { width:100%; float:none; padding:20px 0 0;}
.DivMain02 .right .download{background-color:#f0f0f0; padding:5px 0 0;}
/* CSS Document */
.DivMain03 .detail { height:700px; width:100%; padding:15px 0 0; background:url(../img/youtube.jpg) center bottom no-repeat; position:relative;}
.DivMain03 .detail .left { width:100%; padding:10px 0 0 0; }
.DivMain03 .detail .tab { display:none;}
/* CSS Document */
.DivMain04 .detail { width:100%; margin:0 auto; padding:25px 0 15px;}
.DivMain04 .detail h2 { font-size:19px; }
.DivMain04 .detail .left { width:100%; float:none; padding:20px 0 0;}
.DivMain04 .detail .right { width:100%; float:none; padding:20px 0 0;}
/* CSS Document */
.DivMain05 .detail { width:100%; }
.DivMain05 .detail h2 { font-size:17px; }
.DivMain05 .detail h2 span { color:#434a53; display:block; font-size:17px; padding:10px 0;}
.DivMain05 .detail h3 { font-size:15px;  padding:50px 0 0; line-height:34px;}
/* CSS Document */
.DivMain06 .detail {  width:100%; margin:0 auto; padding:20px 0;  }
.DivMain06 .detail h2 { font-size:17px; }
.DivMain06 .detail p {  padding:10px 0 15px; font-weight:400; text-align:center;}
.DivMain06 .detail .adg { width:100%; padding:20px 0 0;}
.DivMain06 .detail .adg .left { width:100%; text-align:center; float:none;}
/* CSS Document */
.DivMain07 .detail { width:100%; margin:0 auto; padding:10px 0;  }
.DivMain07 .detail .left { width:100%; float:none; padding:10px 0;}
.DivMain07 .detail .right { float:none; width:98%; padding:10px 0 0 0; border-left:1px solid #cfccc9;}

.share_wrap .detail{width:100%; text-align:center; padding:50px 0;}
.share_con{margin-bottom:20px; text-align:left;}

#b_banner{visibility:hidden;}
}


@media (min-width: 480px) and (max-width: 767px) {
.DivMain01 { background:url(../img/mainbg01.jpg) bottom repeat-x #f2efea;}
.DivMain01 .detail { width:100%; margin:0 auto; height:auto; position:relative; background:none; }
.DivMain01 .detail .titile { width:100%; height:auto; }	
.DivMain01 .detail .titile img { width:100%;}
.DivMain01 .detail h1 { font-size:19px;}
.DivMain01 .detail h1 span { font-size:15px; }
.DivMain01 .detail ul { padding:15px 0 0 0; line-height:32px; font-size:13px; }
.DivMain01 .detail .tab { display:none;}
/* CSS Document */
.DivMain02 .detail { width:100%; }
.DivMain02 .detail h2, .DivMain03 .detail h2  { font-size:17px;}
.DivMain02 .detail h3 { font-size:15px; }
.DivMain02 .detail .left { width:100%; float:none;  padding:20px 0 0;}
.DivMain02 .detail .left img { width:100%;}
.DivMain02 .detail .right { width:100%; float:none; padding:20px 0 0;}
.DivMain02 .right .download{background-color:#f0f0f0; padding:5px 0 0;}
/* CSS Document */
.DivMain03 .detail { height:1000px; width:100%; padding:15px 0 0; background:url(../img/youtube.jpg) center bottom no-repeat; position:relative;}
.DivMain03 .detail .left { width:100%; padding:10px 0 0 0; }
.DivMain03 .detail .tab { display:none;}
/* CSS Document */
.DivMain04 .detail { width:100%; margin:0 auto; padding:25px 0 15px;}
.DivMain04 .detail h2 { font-size:19px; }
.DivMain04 .detail .left { width:100%; float:none; padding:20px 0 0;}
.DivMain04 .detail .left img { width:100%;}
.DivMain04 .detail .right { width:100%; float:none; padding:20px 0 0;}
/* CSS Document */
.DivMain05 .detail { width:100%; }
.DivMain05 .detail h2 { font-size:17px; }
.DivMain05 .detail h2 span { color:#434a53; display:block; font-size:17px; padding:10px 0;}
.DivMain05 .detail h3 { font-size:15px;  padding:50px 0 0; line-height:34px;}
/* CSS Document */
.DivMain06 .detail {  width:100%; margin:0 auto; padding:20px 0;  }
.DivMain06 .detail h2 { font-size:17px; }
.DivMain06 .detail p {  padding:10px 0 15px; font-weight:400; text-align:center;}
.DivMain06 .detail .adg { width:100%; padding:20px 0 0;}
.DivMain06 .detail .adg .left { width:100%; text-align:center; float:none;}
/* CSS Document */
.DivMain07 .detail { width:100%; margin:0 auto; padding:10px 0;  }
.DivMain07 .detail .left { width:100%; float:none; padding:10px 0;}
.DivMain07 .detail .right { float:none; width:98%; padding:10px 0 0 0; border-left:1px solid #cfccc9;}

.share_wrap .detail{width:100%; text-align:center; padding:50px 0;}
.share_con{margin:0 20px 20px; text-align:left;}

#b_banner, #small_banner{visibility:hidden;}
}

@media  (max-width: 479px) {
.DivMain01 { background:url(../img/mainbg01.jpg) bottom repeat-x #f2efea;}
.DivMain01 .detail { width:100%; margin:0 auto; height:auto; position:relative; background:none; }
.DivMain01 .detail .titile { width:100%; height:auto; }	
.DivMain01 .detail .titile img { width:100%;}
.DivMain01 .detail h1 { font-size:19px;}
.DivMain01 .detail h1 span { font-size:15px; }
.DivMain01 .detail ul { padding:15px 0 0 0; line-height:32px; font-size:13px; }
.DivMain01 .detail .tab { display:none;}
/* CSS Document */
.DivMain02 .detail { width:100%; }
.DivMain02 .detail h2, .DivMain03 .detail h2  { font-size:17px;}
.DivMain02 .detail h3 { font-size:15px; }
.DivMain02 .detail .left { width:100%; float:none;  padding:20px 0 0;}
.DivMain02 .detail .left img { width:100%;}
.DivMain02 .detail .right { width:100%; float:none; padding:20px 0 0;}
.DivMain02 .right .download{background-color:#f0f0f0; padding:5px 0 0;}
/* CSS Document */
.DivMain03 .detail { height:1000px; width:100%; padding:15px 0 0; background:url(../img/youtube.jpg) center bottom no-repeat; position:relative;}
.DivMain03 .detail .left { width:100%; padding:10px 0 0 0; }
.DivMain03 .detail .tab { display:none;}
/* CSS Document */
.DivMain04 .detail { width:100%; margin:0 auto; padding:25px 0 15px;}
.DivMain04 .detail h2 { font-size:19px; }
.DivMain04 .detail .left { width:100%; float:none; padding:20px 0 0;}
.DivMain04 .detail .left img { width:100%;}
.DivMain04 .detail .right { width:100%; float:none; padding:20px 0 0;}
/* CSS Document */
.DivMain05 .detail { width:100%; }
.DivMain05 .detail h2 { font-size:17px; }
.DivMain05 .detail h2 span { color:#434a53; display:block; font-size:17px; padding:10px 0;}
.DivMain05 .detail h3 { font-size:15px;  padding:50px 0 0; line-height:34px;}
/* CSS Document */
.DivMain06 .detail {  width:100%; margin:0 auto; padding:20px 0;  }
.DivMain06 .detail h2 { font-size:17px; }
.DivMain06 .detail p {  padding:10px 0 15px; font-weight:400; text-align:center;}
.DivMain06 .detail .adg { width:100%; padding:20px 0 0;}
.DivMain06 .detail .adg .left { width:100%; text-align:center; float:none;}
/* CSS Document */
.DivMain07 .detail { width:100%; margin:0 auto; padding:10px 0;  }
.DivMain07 .detail .left { width:100%; float:none; padding:10px 0;}
.DivMain07 .detail .right { float:none; width:98%; padding:10px 0 0 0; border-left:1px solid #cfccc9;}

.share_wrap .detail{width:100%; text-align:center; padding:50px 0;}
.share_con{margin:0 20px 20px; text-align:left;}

#b_banner, #small_banner{visibility:hidden;}
}