.top_banner{width:100%; position:fixed; top:0; left:0; z-index:999;}
.top_banner .close_box{width:1125px; margin:0 auto; position:relative;}
.top_banner .close_box span.closefb{position:absolute; top:3px; right:0; width:20px; height:20px; cursor:pointer; background:url(../banner/close_btn.png) no-repeat center;}
.top_banner a{height:107px; display:block;}
.top_banner a div{background:url(../banner/gw-banner-1.jpg) no-repeat center; height:100%;}
/*----------------*/

.banner{background:url(../img/banner_bg.png) no-repeat center; height:180px;}
.banner a{ display:block; width:100%; height:100%;}
.banner .detail{ width:1200px; margin:0 auto;}
.banner .detail span{float:right; margin:90px 0 0 0;background:url(../img/buy1.png) no-repeat center top; width:251px; height:76px;}
.banner .detail span:hover{background:url(../img/buy2.png) no-repeat center 3px;}

/* CSS Document */
.DivMain01 { background:url(../img/mainbg.jpg) top center no-repeat, url(../img/bg-line.jpg) repeat-x center 320px;}
.DivMain01 .detail { width:1280px; margin:0 auto; height:955px; position:relative; background:url(../img/mainbanner.jpg) no-repeat center 320px;}

.DivMain01 .detail ul { padding:25px 0 0 100px; line-height:32px; font-size:13px; }
.DivMain01 .detail h6 { font-size:15px; padding:5px 0 0 130px;}
.DivMain01 .detail .down { width:280px; height:68px; padding:20px 0 0 120px; text-align:center;}
.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;}

.DivMain01 .detail .main01_top{padding-left:115px;}
.DivMain01 .detail .main01_top .left{float:left; width:555px;}
.DivMain01 .detail .main01_top .left .lang{position:static; width:auto; padding:8px 0 60px;}
.DivMain01 .detail .main01_top .right{float:right; width:570px; color:#fff;}
.DivMain01 .detail .main01_top .right > p{font-size:17px; border-left:2px solid #fc295c; margin:65px 0 25px 78px; padding-left:7px;}
.DivMain01 .detail .main01_top .right h2{font-size:34px; background:url(../img/call.png) no-repeat left center; padding-left:75px; line-height:35px;}
.DivMain01 .detail .main01_top .right h2 span{display:block; font-size:18px;}
.DivMain01 .detail .main01_top .right > a{display:inline-block; font-size:17px; color:#fff; background-color:#9ecd3d; padding:8px 40px; text-decoration:none; border-radius:5px; margin:30px 0 0 75px; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}
.DivMain01 .detail .main01_top .right > a:hover{background-color:#b7de67;}
.DivMain01 .detail h1 { font-size:16px; padding:15px 0 0;}
.DivMain01 .detail h1 span{font-size:13px; padding:12px 0 0; display:block; color:#4c4c4c;}
.DivMain01 .detail ul { padding:110px 0 0 130px; line-height:32px; font-size:13px; }

.detail .lang img { margin:2px 10px;}
/* CSS Document */
.DivMain02 {}
.DivMain02 .detail { width:1280px; margin:0 auto; padding:35px 0 75px;}
.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; height:386px; float:left; padding:20px 20px 20px 0; position:relative;}
.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 .recommend{background:url(../img/recommend-pic.png) no-repeat center; width:493px; height:145px; position:absolute; bottom:-115px; right:25px; padding:128px 36px 20px; z-index:99;}
.DivMain02 .recommend .recom-ti{width:325px; height:55px; margin:0 auto;}
.DivMain02 .recommend .recom-ti img{float:left; padding-right:15px;}
.DivMain02 .recommend .recom-ti h4{font-size:28px; color:#ff393e; font-weight:700; line-height:25px; padding-top:5px;}
.DivMain02 .recommend .recom-ti h4 span{font-size:15px; display:block; font-weight:400;}
.DivMain02 .detail .recommend p{padding:5px 0 20px; text-align:center; line-height:16px;}
.DivMain02 .detail .recommend p i{font-style:normal; color:#ff393e;}
.DivMain02 .detail .recommend .btn a{text-decoration:none; margin:0 18px;}
.DivMain02 .detail .recommend .btn a:nth-child(1){color:#0bbcfc;}
.DivMain02 .detail .recommend .btn a:nth-child(2){color:#96d215;}
.DivMain02 .detail .recommend .btn img{vertical-align:-4px; padding-right:5px;}
/* 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-jp.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-jp.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 */
.DivMain08 .detail{ width:1144px; margin:0 auto; padding-bottom:25px;}
.DivMain08 .detail h3 { font-size:28px; text-align:center; padding-bottom:30px;}
.DivMain08 .detail .content_1{ width:246px; height:185px; float:left; padding:70px 20px 0 20px;}
.DivMain08 .detail .content_2{ width:246px; height:185px; float:left; padding:70px 20px 0 20px;}

/* 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 {}
.DivMain07 .detail .left h3 { font-size:21px; padding:10px 0;}
.DivMain07 .detail .left .top .share img { margin:5px 15px 5px 0;}
.DivMain07 .detail .left .top ul { display:block; width:190px; float:left; padding-bottom:20px;}
.DivMain07 .detail .left .top ul li { float:left; margin:0 0 0 20px; padding:0 10px 0 0; }

.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 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;}

.foot_banner{background:url(../banner/foot_banner.jpg) no-repeat center; width:100%; height:131px; position:fixed; bottom:0; left:0;}
.foot_banner .b_con{width:1100px; margin:0 auto; height:100%; position:relative;}
.foot_banner .b_con span#close{position:absolute; top:4px; right:2px; width:30px; height:30px; cursor:pointer;}
.foot_banner .b_con a{display:block; height:100%;}


.i8_banner{ background:url(../banner/banner-summer.jpg) no-repeat center; height:147px;}
.i8_banner.fixedB{ position:fixed; left:0; top:0; width:100%; z-index:10001;}
.i8_banner a{display:block; width:100%; height:100%; position:relative;}
.i8_banner span{ display:inline-block; padding:23px 0 0 50%;}
.i8_banner span var{ display:inline-block; background:url(../banner/i8btn.png) no-repeat; width:270px; height:62px; margin-left:300px;}
.i8_banner span var:hover{ background:url(../banner/i8btn2.png) no-repeat; }


@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 .main01_top{padding-left:0;}
.DivMain01 .detail .main01_top .left{float:none; margin:0 auto;}
.DivMain01 .detail .main01_top .right{float:none; width:100%; margin:20px auto 0; background-color:#33a2e7; padding:20px 0;}
.DivMain01 .detail .main01_top .right > p{margin-top:0;}
.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;}		
	
}


@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 .main01_top{padding-left:0;}
.DivMain01 .detail .main01_top .left{float:none; margin:0 auto; width:100%;}
.DivMain01 .detail .main01_top .left .titile img{width:100%;}
.DivMain01 .detail .main01_top .right{float:none; width:100%; margin:20px auto 0; background-color:#33a2e7; padding:20px 0;}
.DivMain01 .detail .main01_top .right > p{margin-top:0;}
.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;}	
	
}

@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 .main01_top{padding-left:0;}
.DivMain01 .detail .main01_top .left{float:none; margin:0 auto; width:100%;}
.DivMain01 .detail .main01_top .left .titile img{width:100%;}
.DivMain01 .detail .main01_top .right{float:none; width:100%; margin:20px auto 0; background-color:#33a2e7; padding:20px 0;}
.DivMain01 .detail .main01_top .right h2 span{white-space:normal!important; line-height:22px; padding-top:10px;}
.DivMain01 .detail .main01_top .right > p{margin-top:0;}
.DivMain01 .detail .down{padding-left:0; width:100%; text-align:center;}
.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;}
}