﻿body {font-size: 16px; line-height: 26px; font-family:"微软雅黑"; color:#4F515B; background:#fff;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#333;}
a:hover {text-decoration:underline; color:#3388FA; }
ul,ol {list-style:none;}
img{border:0;}
.clear{ clear:both;}
.allcontainer img{ max-width: 100%; }
.m_banner{ display: none; }
.line_h{ display: none;}


.banner{ width:100%; background:url(bg2.png) no-repeat center; color:#fff; display: block;}
.banner2{ display: none;}

.container{ width:1200px; margin:0 auto;}
.more{float:right; color:#3388FA; padding-top:42px;}
.more a{color:#3388FA;}

.icon_1{ width:1200px; margin:40px auto; height:62px;text-align:center;display:block;}
.icon_1 span{float:left; height:62px;}


.nav_1{ width:1200px;margin:0 auto 60px auto; overflow:hidden;}
.nav_1left{float:left; width:700px; height:400px;}
.nav_1left dl{ width:700px; height:400px;position:relative; overflow:hidden;}
.nav_1left dt{ width:700px; height:400px;z-index:9; position:absolute; top:0; left:0;}
.nav_1left dl img{width:700px; height:400px;}
.nav_1left dd{ width:530px; padding:0 85px; overflow:hidden; line-height:60px; height:60px; background-color:#000; font-size:16px; font-weight:bold; z-index:99; position:absolute; bottom:0; left:0; color:#fff; }
.nav_1left dd .tl{color:#fff; text-align: center;}
.nav_1left dd .tl a{color:#fff;}
.focusBox .swiper-button-next{top:380px;width:25px;height:25px; right:12px;}
.focusBox .swiper-button-prev{top:380px;width:25px;height:25px; left:650px;}
.focusBox .swiper-pagination{ color:#fff; font-size:20px; width:80px; left:0;top:357px;}
.focusBox .swiper-pagination-current{ color:#0268C4; font-size:30px;}


.group_buying{ width:480px; }
.group_buying ul { margin:0; zoom:1; }
.group_buying ul li { position: relative; }
.group_buying ul li a{ text-decoration:none;}
.group_buying ul li p { clear: both;font-weight:bold; line-height:22px;}
.group_buying .dis_pi { display: none; color:#ACAABD; font-size:12px; line-height:20px; font-weight:normal;}
.group_buying .cur .dis_pi{ display:block;background: #F7F8F9;padding:0 25px 20px 25px; }
.group_buying .cur p { background: #F7F8F9;padding:20px 25px 15px 25px; }
.group_buying .cur .dis_pi a{color:#3388FA;}

.nav_1right {float:right; width:480px;}
.nav_1right dl{ width:430px; padding:20px 25px; background: #F7F8F9; height:120px; overflow:hidden;margin-bottom:5px; }
.nav_1right dt{ font-weight:bold; line-height:22px; margin-bottom:10px;}
.nav_1right dd{color:#ACAABD; font-size:14px; line-height:20px;}
.nav_1right dd a{color:#3388FA;}
.nav_1right ul li{ border-bottom:1px solid #eee; line-height:25px; padding:14px 0; font-weight:bold;}


.icon_2{ width:1200px; margin:50px auto; text-align:center;display:block; height:62px;}
.icon_2 span{float:left;}
.nav_2bg{ background:url(bg2.png) no-repeat top; width:100%; height:829px; overflow:hidden;}
.nav_2{ width:1200px; margin:0 auto;}
.nav_2left{float: left; width:980px; height:550px;}
.nav_2right{float:right; width:150px;}
.nav_2right dl img{ width:150px;height:84px;}
.nav_2right dl{ width:150px; height:140px;position:relative; overflow:hidden;cursor:pointer;}
.nav_2right dt{ width:150px; height:90px; z-index:9; position:absolute; top:0; left:0; }
.nav_2right i{ width:54px; overflow:hidden; background:url(playbg.png) no-repeat center; height:16px; z-index:99; position:absolute; top:0; right:0; color:#fff; }
.nav_2right span{ width:30px; overflow:hidden; background:url(playbg3.png) no-repeat center; height:30px; z-index:99; position:absolute; top:30px; right:60px; color:#fff; }
.nav_2right dd {color:#fff;  position:absolute; top:90px; left:0; font-size:12px; line-height:16px; background:url(playbg2.png) left no-repeat; padding-left:20px; height:32px; overflow:hidden;}
.nav_2right dd a{color:#fff;}

.nav_3bg{ overflow:hidden; width:1256px; margin:0 auto 40px auto;}
.nav_3{ width:1256px; margin:0 auto; background:url(bg8.jpg) no-repeat center; height:500px; position:relative;}
.nav_3 a{background:url(bg8a.png) no-repeat center; width:180px; height:58px; display: block; position:absolute; top:400px; left:45%;}

.nav_4bg{ overflow:hidden; width:100%; background:#F7F8F9;}
.nav_4{ width:980px; margin:0 auto 70px auto;height:550px;}

.nav_5bg{ overflow:hidden; width:100%;}
.nav_5{ width:100%; height:450px;}
.nav_5 dl{ width:580px; height:400px;position:relative; overflow:hidden;}
.nav_5 dt{ width:580px; height:400px;z-index:9; position:absolute; top:0; left:0;}
.nav_5 dl img{width:580px; height:400px;}
.nav_5 dd{ width:580px; overflow:hidden; line-height:60px; height:60px; background-color:#000; font-size:16px; font-weight:bold; z-index:99; position:absolute; bottom:0; left:0; color:#fff; text-align: center;}
.nav_5 dd .tl{color:#fff; text-align: center;}
.nav_5 dd .tl a{color:#fff;}
.slider{ padding:0 2% 30px 2%;}
.slider .swiper-scrollbar-drag{ background:#0268C4;}

.bottombg{ width:100%; background: url(bottom.png) no-repeat center; height:70px;}
.bottom_sbj{ display:none;}
.tt{ display: block; background:#fff;}



@media only screen and (max-width: 540px){
.banner{display: none;}
.banner2{ width:100%;display: block;}
  
 .container{ width:100%; }
.more{ display:none;}
.icon_1{  width:100%; height:auto; margin:0;}

.nav_1{ width:100%; margin:0;}
.nav_1left{width:100%; height:240px;}
.nav_1left dl{ width:100%; height:240px;}
.nav_1left dt{width:100%; height:240px;}
.nav_1left dl img{width:100%;  height:240px;}
.nav_1left dd{ width:73%; height:auto; line-height:20px; padding:2% 7% 2% 20%; }
.focusBox .swiper-button-next{top:220px;width:25px;height:25px; right:12px;}
.focusBox .swiper-button-prev{top:220px;width:25px;height:25px; left:650px;}
.focusBox .swiper-pagination{ color:#fff; font-size:20px; width:80px; left:0;top:207px;}
.focusBox .swiper-pagination-current{ color:#0268C4; font-size:30px;}


.group_buying{ width:100%;}

.nav_1right {width:96%; margin:0 auto; float:none;}
.nav_1right dl{width:100%;}


.icon_2{ width:100%; height:auto;}
.nav_2bg{ width:100%; height: auto; margin:0; padding:0;}
.nav_2{ width:100%;}
.nav_2left{width:100%; height: auto;}
.nav_2right{float:left; width:100%;}
.nav_2right dl{ margin-left:4%; float:left;}

.nav_3bg{ overflow:hidden;width:100%; margin:0 auto 3% auto;}
.nav_3{width:100%; background-size:100%; height: auto; height:150px;}
.nav_3 a{ position:absolute; top:100px; left:35%; width:30%;background-size:100%;}

.nav_4bg{ width:100%;}
.nav_4{ width:100%; margin:0;height: auto;}

.nav_5bg{ overflow:hidden; width:100%;}
.nav_5{ width:100%; height: auto;}
.nav_5 dl{ width:100%; height:240px;}
.nav_5 dt{width:100%; height:240px;}
.nav_5 dl img{width:100%;  height:240px;}
.nav_5 dd{ width:90%; height:auto; line-height:20px; padding:5%; }

.slider{ padding:0 2% 30px 2%;}
.slider .swiper-scrollbar-drag{ background:#0268C4;}

.bottombg{ width:100%; background: url(bottom.png) no-repeat center;background-size:350%;  height:50px;}
.bottom_sbj{ width:100%; display:block; text-align:center; background:#333; color:#ddd; line-height:3.5em;}
.bottom_sbj a{ color:#ddd;}
.tt{ display: none; }
}
