﻿body {font-size: 16px; line-height: 24px; font-family:"微软雅黑"; color:#242424; background:#E1F5FE url(bgbg2.jpg) top no-repeat;background-size: cover;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#242424;}
a:hover {text-decoration:underline; color:#0FAFFB; }
ul,ol {list-style:none;}
img{border:0;}
.clear{ clear:both;}
.allcontainer img{ max-width: 100%;}
.m_banner{ display: none; }
.line_h{ display: none;}
dl img{max-height:310px;  }

.banner{ width:100%; height:750px; }
.container{ width:1200px; margin:0 auto;}
.bottombg{ width:100%; height:220px;}
.bottom_sbj{ display:none;}
.tt{ display: block; background:#fff;}

.section{ text-align:center;}

#section0,
#section1,
#section2,
#section3{background-size: cover;}

#section0{background: url(bgbg1.jpg) no-repeat center;padding: 30% 0 0 0;background-size: cover;}
#section1,#section2,#section3,#section4,#section5{ padding: 6% 0 0 0;}

#menu li {
display:inline-block;
border-radius: 10px;
margin: 10px;
color: #0EAFFA;
-webkit-border-radius: 10px;
border-radius: 10px; font-weight:bold; font-size:20px;
}
#menu li.active{color: #0EAFFA;border-left: 2px solid #0EAFFA;border-right: 2px solid #0EAFFA;}
#menu li a{text-decoration:none;color: #0EAFFA;}
#menu li.active a:hover{color: #0EAFFA;}
#menu li:hover{}
#menu li a,
#menu li.active a{padding:8px 20px;display:block;}
#menu li.active a{color: #0EAFFA;}
#menu{
font-family: Source Han Sans CN;
	position:fixed;
	top:20%;
	left:4%;
	height: 300px;
	z-index: 70;
	width: 42px;
	padding: 0;
	margin:0;
}

/*下一页按钮*/
.go-down {
 position: absolute;
 bottom: 20px;
 left: 50%;
 width: 50px;
 margin-left: -25px;
 animation: goDownAni 1.75s infinite linear;
}

@keyframes goDownAni {
 12.5% { bottom: 50px; } 25% { bottom: 20px; } 37.5% { bottom: 30px; } 50% { bottom: 20px; } 62.5% { bottom: 25px; } 75% { bottom: 20px; } 87.5% { bottom: 22px; } 100% { bottom: 20px; }
}

@-webkit-keyframes goDownAni {
 12.5% { bottom: 50px; } 25% { bottom: 20px; } 37.5% { bottom: 30px; } 50% { bottom: 20px; } 62.5% { bottom: 25px; } 75% { bottom: 20px; } 87.5% { bottom: 22px; } 100% { bottom: 20px; }
}

/*专题引导页*/

#close-panel-bt{ display:none;}
#page{ position:absolute;left: 50%; bottom:0; transform: translate(-50%,-50%);width:248px;height:95px;margin:0 auto;background: url(p1_menubg.png) no-repeat center;}

.panel{display:none;width:140px;padding:40px;background-color:#3ADABE;color:#fff;filter: alpha(opacity=85); opacity: 0.85; }
.panel2{width:340px;line-height:34px; font-size:20px;filter: alpha(opacity=100); opacity: 1; }
.sbj_home_bg{ line-height:42px; color:#fff; font-size:18px; padding-top:180px;}
.sbj_home_bg a{color:#fff;}

.btn_jianjie{ width:75px; height:60px; overflow:hidden; left:0; top:20px; position:absolute; text-indent:-999px;}
.btn_daohang{ width:75px; height:60px; overflow:hidden; right:0; top:20px; position:absolute; text-indent:-999px;}
.btn_begin{ width:75px; height:75px; overflow:hidden; right:86px; top:10px; position:absolute; text-indent:-999px; cursor:pointer;}

audio{background: url(music_bg.png) no-repeat center; width:33px; height:33px; overflow:hidden; right:40px; top:40px; position:absolute; text-indent:-999px;cursor:pointer;}

.btn_music{background: url(music_bg.png) no-repeat center; width:33px; height:33px; overflow:hidden; right:40px; top:40px; position:absolute; text-indent:-999px;cursor:pointer;}
.btn_fenxiang{background: url(fenx_bg.png) no-repeat center; width:33px; height:33px; overflow:hidden; right:80px; top:40px; position:absolute; text-indent:-999px;cursor:pointer;}
.btn_music:hover,.btn_fenxiang:hover{transform:rotate(-15deg) scale(1);}

#cslj{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);display: none; z-index:2;}
.qhcq{position: fixed;width:250px;left: 65%;margin-left: -25%;top: 25%;height: 220px;background: #fff;border-radius:20px; padding:5% 10%; }
.tcc{position: absolute;top: 0;right: 0;width: 50px;height: 50px;text-align: center;line-height: 50px;font-size: 40px;cursor:pointer;color:#BBBBBB;z-index: 100;}

/*专题主页*/
.icon_0{ width:97%;height:86px; margin:0 0 3% 0;color:#0FAFFB; line-height:82px; }
.icon_0 span{background:url(icon_bg.png) no-repeat center; width:235px; height:86px; line-height:82px; font-size:50px; font-weight:bold; text-align:center; display:block; float:left;}
.icon_0 .go{float:right; text-align:right;}
.icon_0 .go a{color:#0FAFFB; padding-right:20px; background:url(mores.png) no-repeat right;}

.pagebg_1{ width:80%; height: auto; padding-left:12%;}

.sbj_menubg{width:30px; height:100%; padding-top:15px;margin-top:18%; position:fixed;top:0;left:60px; z-index:999;}
.sbj_menubg ul{ width:30px; margin:0 auto; }

.nav_1left {float:left; width:70%;}
.nav_1left dl{width:46%;height: auto;float:left; padding-right:3%; overflow:hidden;}
.nav_1left dl img{ width:100%; height: auto;}
.nav_1left dl dt{padding:1% 0 0 0;line-height:28px; font-size:18px;}
.nav_1left dl dd{padding:1% 0; color:#717171; line-height:24px;}
.nav_1left dl i{ font-style:normal; color:#A8A4A5; float: left; display:block; font-size:12px;}
.nav_1right {float: right; width:30%;}
.nav_1right ul{}
.nav_1right ul li{margin-bottom:4%; display:block; width:100%; height:100%; height:85px;}
.nav_1right ul a{padding: 1% 0 0 0;line-height:28px; font-size:18px; text-align:left; display:block;}
.nav_1right ul i{ font-style:normal; color:#A8A4A5; float: left; display:block; font-size:12px; line-height:30px;}


.nav_2 {float:left; width:100%;}
.nav_2 dl{width:100%; margin-bottom:110px;}
.nav_2 dl img{ width:100%; height: auto;border-radius:20px;}
.nav_2 dl dt{padding: 2% 0 0 0;line-height:28px; font-size:20px; text-align:left;}
.nav_2 dl dd{padding:3% 0; color:#A8A4A5; float: left; display:block; font-size:16px;}
.pvcbox2{width:100%; }
.pvcbox2 .swiper-button-next{ position:absolute;top:88%; width:64px;height: 63px;z-index: 10;cursor: pointer;background: url(right.png) no-repeat center; left:80px; }
.pvcbox2 .swiper-button-prev{ position:absolute;top:88%; width:64px;height: 63px;z-index: 10;cursor: pointer;background: url(left.png) no-repeat center; left:0; }
.pvcbox2 .swiper-slide {
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
	 transition: 200ms;
	 transform: scale(0.8);
 }
.pvcbox2 .swiper-slide-active,.pvcbox2 .swiper-slide-duplicate-active{transform: scale(1);}

