@charset "utf-8";
/* CSS Document */

*{margin: 0; padding: 0; text-decoration: none; }
html, body {
  margin: 0;
  min-width: 1024px;
}

.top{
    width: 100%;
    height: auto;
    background-color: rgba(255,200,0,1.00);
}
.top .LOGO{
    height: 7rem;
    padding: 1.5rem;
    max-width: 64rem;
    margin: 0 auto;
    white-space: nowrap;
}
.top .LOGO li{
    height: 7rem;
    display: inline-block;
    margin-right: 1.5rem;
}
.top .nav1{
    width: 100%;
    height: 3.2rem;
    background-color: rgba(255,200,0,1.00);
}
.top .nav1 ul{
    max-width: 64rem;
    margin:0 auto ;
    padding-left: 2rem;
    white-space: nowrap;
}
.top .nav1 ul .active{
    color: rgba(132,75,0,1);
    font-weight: 1000;
    font-size: 1rem;
    line-height: 3.15rem;
}
.top .nav1 ul li{
    width: 7%;
    text-align: center;
    display: inline-block;
    line-height: 3.2rem;
    margin-right: 1rem;
    color: rgba(50,20,0,0.4);
    font-weight: 600;
    font-size: 0.95rem;
    transition: all 0.1s ease-out ;
}
.top .nav1 ul li:hover{
    color: rgba(132,75,0,1);
    font-weight: 1000;
    font-size: 1rem;
    line-height: 3.15rem;
}

.wrap-box{
    min-width: 1024px;
    margin: 0 auto 1rem;
    overflow: hidden;
}
div.wrap{
}
div.wrap a{
    color:rgba(0,0,0,0);
}
div#slide-holder{
    margin:0 auto;
    width : 100%;
}
div#slide-runner {
    width : 120rem;
    height : 40rem;
    overflow : hidden;
    position:relative;
    left: 50%;
    margin-left: -60rem;
    z-index: -1;
}
div#slide-holder img {
    width : 120rem;
    height : 40rem;
    margin : 0;
    position:absolute;
}
div#slide-controls {
    height :auto;
    margin-top: -5rem;
    z-index: 999;
}
p#slide-nav {
    height :auto;
    text-align: center;
}
p#slide-nav a {
    margin: 1vw;
    width : 0.7rem;
    height : 0.7rem;
    border-radius: 50%;
    display : inline-block;
}
p#slide-nav a.on {
    background: rgba(255,200,0,1.00);
}
p#slide-nav a {
    background:rgba(50,20,0,0.4);
}
.neiwen{
    width: 64rem;
    margin: 0 auto;
    height: 100%;
}
.neiwen .homecard,.neiwen .videocard,.neiwen .pptcard{
	width: 100%;
	text-align: center;
	padding-bottom: 4rem;
	margin: 4rem 0 2rem;
}
.neiwen .homecard .title{
	display: block;
	height: 7rem;
	margin-top: 4rem;
}
.neiwen .homecard ul{
	width: 14rem;
	height: 5rem;
	margin: 4rem 0;
	text-align: center;
	display: inline-block;
}
.neiwen .videocard ul,.neiwen .pptcard ul{
	width: 16rem;
	height: 12rem;
	margin: 0.2rem;
    overflow: hidden;
	display: inline-block;
    text-align: center;
    background: rgba(255,200,0,1);
}
.neiwen .videocard ul{
    background-image: url("../icon/player.svg");
    background-size: 27% 27%;
    background-repeat: no-repeat;
    background-position: center 35%;
}
.neiwen .pptcard ul{
    background-image: url("../icon/ppt.svg");
    background-size: 30% 30%;
    background-repeat: no-repeat;
    background-position: center 40%;
}
.neiwen .homecard ul:hover img{
	margin: -0.2rem 0 0.2rem;
	opacity: 0.6;
}
.neiwen .videocard ul:hover img,.neiwen .pptcard ul:hover img{
	opacity: 1;
}
.neiwen .homecard ul:hover li{
    font-weight: 800;
	opacity: 0.6;
}
.neiwen .videocard ul:hover li,.neiwen .pptcard ul:hover li{
	opacity: 0;
}
.neiwen .homecard ul img{
    transition: all 0.1s ease-out ;
}
.neiwen .videocard ul img,.neiwen .pptcard ul img{
    opacity: 0;
    transition: all 0.4s ease-out ;
}
.neiwen .homecard ul li{
	display: block;
    font-size: 1.4rem;
	line-height: 3.2rem;
    font-weight: 600;
    color: rgba(132,75,0,1);
    transition: all 0.1s ease-out ;
}
.neiwen .videocard ul li,.neiwen .pptcard ul li{
	display: block;
    font-size: 0.9rem;
	line-height: 1.2rem;
    margin-top: -4.7rem;
    font-weight: 600;
    padding: 0 0.5rem;
    color: rgba(132,75,0,1);
    opacity: 1;
    transition: all 0.1s ease-out ;
}
.neiwen .nav2{
    vertical-align: top;
    width: 7.5rem;
    background: rgba(0,0,0,0.07);
    height: 100%;
    min-height: 72rem;
    margin-top: 3rem;
    cursor: default;
    display: inline-block;
}
.neiwen .nav2 ul{
    text-align: center;
    padding: 2rem 0 0;
}
.neiwen .nav2 ul .title{
    width: 110%;
    font-size: 1.1rem;
    font-weight: 700;
    color: rgba(100,50,0,1);
    background: rgba(255,200,0,1.00);
    line-height: 3rem;
    margin-bottom: 1rem;
}
.neiwen .nav2 ul .active{
    color: rgba(50,20,0,7);
    font-weight: 700;
}
.neiwen .nav2 ul li{
    width: 100%;
    color: rgba(50,20,0,0.6);
    display: block;
    line-height: 2rem;
    font-weight: 500;
    font-size: 0.95rem;
    transition: all 0.1s ease-out ;
}
.neiwen .nav2 ul li:hover{
    background: rgba(255,200,0,1.00);
    color: rgba(132,75,0,1);
    font-weight: 700;
}
.neiwen .neiwen2{
    vertical-align: top;
    text-align: center;
    display: inline-block;
    width: 52rem;
    margin-left: 4rem;
    margin-top: 4rem;
}
.neiwen .neiwen2 embed{
	width: 100%;
	height: 70rem;
}
.neiwen .neiwen2 .biaoti{
	margin-bottom:2em;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	color: rgba(100,50,0,1);
}
.neiwen .neiwen2 .biaoti h2{
	width: 90%;
	margin: 0 auto;
	text-align: right;
	font-weight: bold;
}
.neiwen .neiwen2 .biaoti span{
	background: rgba(255,200,0,1);
}

.neiwen .neiwen2 .pic{
    width: 25rem;
    display: inline-block;
    margin-bottom: 1rem;
}
.neiwen .neiwen2 .pic h3{
    text-align: right;
    opacity: 0.8;
    padding-right: 1.2rem;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1rem;
    margin-top: -2rem;
}
.neiwen .neiwen2 .pic img{
    border: 1px solid black;
}
.neiwen .neiwen2 .word{
    width: 90%;
	max-width: 800px;
	text-align:justify;
	margin: 0 auto ;
	font-size:1em;
	line-height: 2em;
	color: rgba(0,0,0,0.7);
}
.neiwen .neiwen2 .word p{
	margin-bottom: 2rem;
}
.neiwen .neiwen2 .word h2{
	font-weight: 700;
	font-size:1em;
	margin-bottom: -2rem;
}
.neiwen .neiwen2 .word h3{
	margin-top: -4rem;
	margin-left: 3rem;
	font-size: 0.9rem;
	font-weight: 600;
}
.neiwen .neiwen2 .T{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 5em;
}
.neiwen .neiwen2 .T img{
	vertical-align: top;
	width: 24%;
	display: inline-block;
	box-shadow:-1rem 2rem 0 0 rgba(255,200,0,1);
}
.neiwen .neiwen2 .T .textbox{
	vertical-align: top;
	width: 60%;
	display: inline-block;
	margin: 0 2rem;
}
.neiwen .neiwen2 .T .textbox .teach h1,.neiwen .neiwen2 .T .textbox .teach h3{
	font-size: 1.5rem;
	margin-top: 2rem;
	margin-bottom: 1.5rem;
	font-weight: bold;
	color: rgba(100,50,0,1);
}
.neiwen .neiwen2 .T .textbox .teach h1{
	text-align: left;
}
.neiwen .neiwen2 .T .textbox .teach h3{
	text-align: right;
}
.neiwen .neiwen2 .T .textbox .teach h1 span,.neiwen .neiwen2 .T .textbox .teach h3 span{
	background: rgba(255,200,0,1);
	padding-right: 1rem;
}
.neiwen .neiwen2 .T .textbox .teach h2{
	font-size: 0.8rem;
	text-align:justify;
	line-height: 2rem;
	font-weight: 400;
	color: rgba(0,0,0,0.7);
}

.bottom {
	width: 100%;
    background: rgba(255,200,0,1.00);
	height: 3rem;
	text-align: center;
	line-height: 3rem;
	color:rgba(0,0,0,0.6);
	font-size: 0.7rem;
}
.bottom span{
	margin-right: 20px;
}