*{
	margin: 0;
	padding: 0;
	list-style:none;
	text-decoration: none;
}
body{
	/*background: salmon;*/
/*	background: url(../img/tu.png) no-repeat;*/
	background-size: 100%;
}
/*body,*/html{
	background: #f9f9f9;
}
header{
	width: 100%;
	height: 64px;
	background: #fec433;
	position: sticky;
	top: 0;
	z-index: 99999;
}
header .zhong{
	width: 1180px;
	height: 64px;
	/*background: cadetblue;*/
	margin: 0 auto;
}
header .zhong img{
	width: 107px;
	height: 26px;
	margin-top: 19px;
	float: left;
}
nav{
	width: 560px;
	height: 64px;
	/*background: chocolate;*/
	float: left;
}
.huang{
	background: orange;
}
nav ul li{
	width: 80px;
	height: 64px;
	float: left;
	text-align: center;
}
nav ul li a{
	color: white;
	font-size: 18px;
	line-height: 64px;
}
nav ul li:hover{
	background: #f6b206;
}
nav ul li .ma{
	width: 200px;
	height: 200px;
	background:white;
	display: none;
	position: relative;
	z-index: 99999;
}
nav ul li:hover .ma{
	display: block;
}
nav ul li .ma .er{
	width: 138px;
	height: 138px;
	padding-left: 30px;
}
nav ul li .ma p{
	width: 200px;
	height: 3px;
	/*background: cornflowerblue;*/
	padding-top:166px;
	font-size: 14px;
	color: black;
}
nav ul li .ma .ren{
	width: 200px;
	height: 72px;
}
header .zhong .d1{
	width: 50px;
	height: 64px;
	color: white;
	float: left;
	padding-top: 10px;
	box-sizing: border-box;
	/*background: chartreuse;*/
	background: url(../img/sandian.png);
}
header .zhong .d1:hover{
	background: url(../img/dian.png);
}
header .zhong .d1 .kuang{
	width: 100px;
	height: 200px;
	background: white;
	margin-top: 54px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: none;
	position: relative;
	z-index: 99999;
}
header .zhong .d1 ul li{
	width: 100px;
	height: 40px;
	background: white;
	text-align: center;
}
header .zhong .d1 ul li:hover{
	background: #f3f3f3;
}
header .zhong .d1 ul li a{
	color: black;
	font-size: 14px;
	line-height: 40px;
}
header .zhong .d1:hover .kuang{
	display: block;
}
header .zhong .gong{
	width: 150px;
	height: 50px;
	background: #fed56f;
	border-radius: 10px;
	margin-top: 7px;
	float: left;
	margin-left: 15px;
}
header .zhong .gong:hover{
	background:#F6B206 ;
}
header .zhong .gong .tu{
	width: 140px;
	height: 50px;
	background: url(../img/kn.png) no-repeat;
	background-size: 120px 26px;
	background-position: center;
	margin-left: 4px;
}
header .zhong .deng{
	width: 200px;
	height: 64px;
	/*background: cadetblue;*/
	float: left;
}
header .zhong .deng .tu2{
	width:38px ;
	height: 38px;
	background: url(../img/tixiqietu.png);
	background-position: -341px -300px;
	margin-top: 13px;
	margin-left: 10px;
	border-radius: 38px;
	float: left;
}
header .zhong .deng .zi{
	width: 120px;
	height: 30px;
	/*background: cornflowerblue;*/
	float: right;
	margin-right: 20px;
	margin-top: 17px;
}
header .zhong .deng .zi p a{
	color: white;
	text-align: center;
	line-height: 30px;
}
header .zhong .zuo{
	width: 78px;
	height: 64px;
	background: #ec443d;
	float: right;
	position: relative;
	z-index: 99999;
}
header .zhong .zuo:hover{
	background: #e33830;
}
header .zhong .zuo p{
	text-align: center;
	font-size: 18px;
	color: white;
	line-height: 64px;
}
header .zhong .zuo .bianji{
	width: 230px;
	height: 380px;
	background: white;
	position: absolute;
	top: 64px;
	right: 0px;
	padding-top: 10px;
	box-sizing: border-box;
	display: none;
}
header .zhong .zuo .bianji ul li{
	width: 230px;
	height: 60px;
	/*background: wheat;*/
	/*margin-top: 10px;*/
}
header .zhong .zuo .bianji ul li:hover{
	background: #f3f3f3;
}
header .zhong .zuo .bianji ul li .tu1{
	width: 50px;
	height: 50px;
	background: cadetblue;
	float: left;
	margin-left: 20px;
	margin-top: 5px;
}
header .zhong .zuo .bianji ul li a{
	color: #333;
	font-size: 14px;
}
header .zhong .zuo .bianji ul li span{
	color: #cccccc;
	font-size: 12px;
}
header .zhong .zuo:hover .bianji{
	display: block;
}
section{ 
	width: 1200px;
 	height: 245px; 
	/*background:palegreen;*/ 
	margin: 0 auto;
 	padding-top: 20px;
  	box-sizing: border-box;
 }
 .carousel {
    width: 940px;
    height: 360px;
    position: relative;
    overflow: hidden;
    float: left;
  }

  .slides {
    display: flex;
    transition: transform 0.5s ease;
  }

  .slide {
    min-width: 100%;
    height: 360px;
    background-size: cover;
  }

  /* 导航箭头 */
  .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.5);
    color: white;
    border: none;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    transition: 0.3s;
  }

  .arrow:hover {
    background: rgba(0,0,0,0.8);
  }

  .prev {
    left: 20px;
  }

  .next {
    right: 20px;
  }

  /* 焦点指示器 */
  .dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
  }

  .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    border: none;
    cursor: pointer;
    transition: 0.3s;
  }

  .dot.active {
    background: white;
    transform: scale(1.2);
  }
  
/*手风琴*/
 .container {
            display: flex;
            flex-direction: column; /* 核心改动：垂直布局 */
            width: 220px;
            height: 360px;
            gap: 10px;
            overflow: hidden;
            float: left;
            margin-left: 15px;
        }

        .panel {
            position: relative;
            width: 100%;
            height: 15%; /* 初始高度 */
            /*border-radius: 15px;*/
            cursor: pointer;
            transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
            overflow: hidden;
        }

        .panel.active {
            height: 60%; /* 展开后的高度 */
        }

        .panel img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .panel:hover img {
            transform: scale(1.05);
        }

        .panel h3 {
            position: absolute;
            bottom: 15px;
            left: 20px;
            color: white;
            font-size: 1.5em;
            text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
            opacity: 0;
            transition: opacity 0.3s ease 0.4s;
        }

        .panel.active h3 {
            opacity: 1;
        }

        @media (max-width: 768px) {
            .container {
                width: 95vw;
                height: 95vh;
            }
            
            .panel.active {
                height: 70%;
            }
        }  
article{
	width: 1200px;
	height: 500px;
	/*background: cyan;*/
	margin: 0 auto;
}
article .zitu{
	width: 1200px;
	height: 50px;
	/*background: chocolate;*/
}
article .zitu .t{
	width: 48px;
	height: 48px;
	background: url(../img/icon_index.png);
	background-position-x: -198px;
	background-position-y: -104px;
	float: left;
}
article .zitu p{
	float: right;
	font-size: 16px;
	color: #fdd05f;
	line-height: 50px;
}
article .zitu .you{
	width: 130px;
	height: 30px;
	background: url(../img/more_course_e99b6.png) no-repeat;
	background-size: 130px 30px;
	float: right;
}
article .zitu h1{
	float: left;
	color: #4f4f4f;
	font-size: 20px;
	line-height: 50px;
}
/*.tusan{
	display: flex;
}*/
/*.tusan div{
	flex: 1px;
	height: 200px;
	background: #dddddd;
}*/
/*.tusan div img{
	width: 350px;
	height: 200px;
}*/
.flex-box{
	display: flex;
	float: left;
	margin-bottom: 20px;
}
.flex-box figure{
	width: 350px;
	/*flex: 1px;*/
	background: #FFFFFF;
	margin: 20px;
	padding-bottom: 10px;
	/*float: left;*/
}
.flex-box figure img{
	width: 350px;
	height: 200px;
}
.flex-box figure:hover{
	box-shadow: 0px 0px 8px #1b1b1b;
}
.flex-box figure:hover .zhezhao{
	opacity: 1;
}
.flex-box figure .tusan{
	position: relative;
	height: 200px;
	overflow: hidden;
}
.flex-box figure .zhezhao{
	width: 100%;
	height: 200px;
	background: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.flex-box figure .zhezhao img{
	width: 50px;
	height: 50px;
	margin-top: 85px;
	margin-left: 145px;
}
.flex-box figcaption{
	padding: 10px;
	/*font-weight: bold;*/
	font-size: 18px;
	color: #333333;
}
.flex-box figcaption a{
	font-size: 18px;
	color: #333333;
}
.flex-box p{
	padding: 0 10px;
	color: #9999;
	font-size: 14px;
}
.a1{
	width: 1200px;
	height: 450px;
	/*background: cadetblue;*/
	margin: 0 auto;
}
    .a1 .carousel-container {
            display: flex;
            width: 1200px;
            margin: 0 auto;
            border: 1px solid #ddd;
            border-radius: 5px;
            overflow: hidden;
        }
       .a1 .thumbnails {
            width: 150px;
            background: #f5f5f5;
            padding: 10px 0;
        }
       .a1 .thumbnail {
            width: 120px;
            height: 80px;
            margin: 5px auto;
            cursor: pointer;
            opacity: 0.6;
            transition: opacity 0.3s;
        }
       .a1 .thumbnail.active {
            opacity: 1;
            border: 2px solid #4285f4;
        }
      .a1  .main-image {
            width: 587px;
            height: 330px;
            position: relative;
        }
       .a1 .main-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
       .a1 .description {
            width: 401px;
            padding: 20px;
            background: #f9f9f9;
        }
       .a1 .description h3 {
            margin-top: 0;
            color: #4285f4;
        }
       .a1 .nav-buttons {
            position: absolute;
            bottom: 10px;
            left: 0;
            right: 0;
            text-align: center;
        }
       .a1 .nav-buttons button {
            background: rgba(0,0,0,0.5);
            color: white;
            border: none;
            padding: 5px 10px;
            margin: 0 5px;
            cursor: pointer;
            border-radius: 3px;
        }
.a1 .zitu .t{
	width: 48px;
	height: 48px;
	background: url(../img/icon_index.png);
	background-position-x: -100px;
	background-position-y: -100px;
	float: left;
}
.a1 .zitu h1{
	float: left;
	color: #4f4f4f;
	font-size: 20px;
	line-height: 50px;
}
.jingxuan{
	width: 1200px;
	height: 750px;
	/*background: saddlebrown;*/
	margin: 0 auto;
}
.jingxuan .zitu{
	width: 1200px;
	height: 50px;
	/*background: chocolate;*/
}
.jingxuan .zitu .t{
	width: 48px;
	height: 48px;
	background: url(../img/icon_index.png);
	background-position-x: -198px;
	background-position-y: -104px;
	float: left;
}
.jingxuan .zitu h1{
	float: left;
	color: #4f4f4f;
	font-size: 20px;
	line-height: 50px;
}
.jingxuan figure{
	width: 220px;
	height: 300px;
	/*flex: 1px;*/
	background: #FFFFFF;
	margin: 10px;
	padding-bottom: 10px;
	float: left;
}
.jingxuan figure img{
	width: 220px;
	height: 220px;
}
.jingxuan figure:hover .tusan img{
	transform: scale(1.2);
}
.jingxuan figure .tusan{
	position: relative;
	height: 220px;
	overflow: hidden;
	position: relative;
}
.jingxuan figure .tusan .bofang{
	width: 30px;
	height: 30px;
	background: url(../img/bofang.png);
	background-size: 30px;
	position: absolute;
	right: 20px;
	top: 20px;
}
.jingxuan p{
	height: 44px;
	line-height: 44px;
	padding: 0 10px;
	color: black;
	font-size: 16px;
}
.jingxuan figure .renwu{
	width: 100%;
	height: 44px;
	/*background: cadetblue;*/
	padding-top: 10px;
	box-sizing: border-box;
}
.jingxuan figure .renwu .touxiang{
	width: 24px;
	height: 24px;
	background: salmon;
	border-radius: 24px;
	margin-left: 10px;
	float: left;
}
.jingxuan figure .renwu .touxiang img{
	width: 24px;
	height: 24px;
	border-radius: 24px;
}
.jingxuan figure .renwu span{
	padding: 0 20px;
	font-size: 12PX;
}
.jingxuan figure .renwu span a{
	color: #333333;
}
.dianmao{
	width: 1200px;
	height: 700px;
	/*background: saddlebrown;*/
	margin: 0 auto;
}
.dianmao .zitu{
	width: 1200px;
	height: 50px;
	/*background: chocolate;*/
}
.dianmao .zitu .t{
	width: 48px;
	height: 48px;
	background: url(../img/xiangzi.png);
	background-size: 48px;
	float: left;
}
.dianmao .zitu h1{
	float: left;
	color: #4f4f4f;
	font-size: 20px;
	line-height: 50px;
}
.dianmao figure{
	width: 220px;
	height: 270px;
	/*flex: 1px;*/
	background: #FFFFFF;
	margin: 10px;
	padding-bottom: 10px;
	float: left;
}
.dianmao figure img{
	width: 220px;
	height: 220px;
}
.dianmao figure:hover .tusan img{
	transform: scale(1.2);
}
.dianmao figure .tusan{
	position: relative;
	height: 190px;
	overflow: hidden;
}
.dianmao .tu3 p{
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: black;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.dianmao .tu3 p a{
	color: black;
	font-size: 16px;
}
.dianmao figure .renwu{
	width: 100%;
	height: 44px;
	/*background: cadetblue;*/
	padding-top: 10px;
	box-sizing: border-box;
}
.dianmao figure .renwu .touxiang{
	width: 24px;
	height: 24px;
	background: salmon;
	border-radius: 24px;
	margin-left: 10px;
	float: left;
}
.dianmao figure .renwu .touxiang img{
	width: 24px;
	height: 24px;
	border-radius: 24px;
}
.dianmao figure .renwu span{
	padding: 0 20px;
	font-size: 12PX;
}
.dianmao figure .renwu span a{
	font-size: 12PX;
	color: #333333;
}
.dianmao figure .kandian{
	height: 18px;
	/*background: salmon;*/
}
.dianmao figure .kandian .kan{
	width: 90px;
	height: 18px;
	/*background: sandybrown;*/
	float: left;
}
.dianmao figure .kandian .kan .k{
	width: 18px;
	height: 18px;
	background: url(../img/diankan.png) no-repeat;
	background-position-x:-82px ;
	background-position-y: -3px;
	margin-left: 10px;
	float: left;
}
.dianmao figure .kandian .kan h1 a{
	width: 20px;
	font-size: 14px;
	color: #bdbdbd;
	line-height: 18px;
	margin-left: 10px;
	float: left;
}
.dianmao figure .kandian .dian{
	width: 110px;
	height: 18px;
	/*background: seagreen;*/
	float: left;
}
.dianmao figure .kandian .dian .d{
	width: 18px;
	height: 18px;
	background: url(../img/diankan.png) no-repeat;
	background-position-x:-2px ;
	background-position-y: -3px;
	margin-left: 10px;
	float: left;
}
.dianmao figure .kandian .dian h1 a{
	width: 20px;
	font-size: 14px;
	color: #bdbdbd;
	line-height: 18px;
	margin-left: 10px;
	float: left;
}
.zinzuo{
	width: 1200px;
	height: 700px;
	/*background: saddlebrown;*/
	margin: 0 auto;
}
.zinzuo .zitu{
	width: 1200px;
	height: 50px;
	/*background: chocolate;*/
}
.zinzuo .zitu .t{
	width: 48px;
	height: 48px;
	background: url(../img/icon_index.png);
	background-position-x: -394px;
	background-position-y: -104px;
	float: left;
}
.zinzuo .zitu h1{
	float: left;
	color: #4f4f4f;
	font-size: 20px;
	line-height: 50px;
}
.zinzuo figure{
	width: 220px;
	height: 270px;
	/*flex: 1px;*/
	background: #FFFFFF;
	margin: 10px;
	padding-bottom: 10px;
	float: left;
}
.zinzuo figure img{
	width: 220px;
	height: 220px;
}
.zinzuo figure:hover .tusan img{
	transform: scale(1.2);
}
.zinzuo figure .tusan{
	position: relative;
	height: 190px;
	overflow: hidden;
}
.zinzuo .tu3 p{
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: black;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.zinzuo figure .renwu{
	width: 100%;
	height: 44px;
	/*background: cadetblue;*/
	padding-top: 10px;
	box-sizing: border-box;
}
.zinzuo figure .renwu .touxiang{
	width: 24px;
	height: 24px;
	background: salmon;
	border-radius: 24px;
	margin-left: 10px;
	float: left;
}
.zinzuo figure .renwu .touxiang img{
	width: 24px;
	height: 24px;
	border-radius: 24px;
}
.zinzuo figure .renwu span{
	padding: 0 20px;
	font-size: 12PX;
}
.zinzuo figure .kandian{
	height: 18px;
	/*background: salmon;*/
}
.zinzuo figure .kandian .kan{
	width: 90px;
	height: 18px;
	/*background: sandybrown;*/
	float: left;
}
.zinzuo figure .kandian .kan .k{
	width: 18px;
	height: 18px;
	background: url(../img/diankan.png) no-repeat;
	background-position-x:-82px ;
	background-position-y: -3px;
	margin-left: 10px;
	float: left;
}
.zinzuo figure .kandian .kan h1{
	width: 20px;
	font-size: 14px;
	color: #bdbdbd;
	line-height: 18px;
	margin-left: 10px;
	float: left;
}
.zinzuo figure .kandian .dian{
	width: 110px;
	height: 18px;
	/*background: seagreen;*/
	float: left;
}
.zinzuo figure .kandian .dian .d{
	width: 18px;
	height: 18px;
	background: url(../img/diankan.png) no-repeat;
	background-position-x:-2px ;
	background-position-y: -3px;
	margin-left: 10px;
	float: left;
}
.zinzuo figure .kandian .dian h1{
	width: 20px;
	font-size: 14px;
	color: #bdbdbd;
	line-height: 18px;
	margin-left: 10px;
	float: left;
}
.ketang{
	width: 1200px;
	height: 400px;
	/*background: saddlebrown;*/
	margin: 0 auto;
}
.ketang .zitu{
	width: 1200px;
	height: 50px;
	/*background: chocolate;*/
}
.ketang .zitu .t{
	width: 48px;
	height: 48px;
	background: url(../img/xiangzi.png);
	background-size: 48px;
	float: left;
}
.ketang .zitu h1{
	float: left;
	color: #4f4f4f;
	font-size: 20px;
	line-height: 50px;
}
.ketang figure{
	width: 220px;
	height: 270px;
	/*flex: 1px;*/
	background: #FFFFFF;
	margin: 10px;
	padding-bottom: 10px;
	float: left;
}
.ketang figure img{
	width: 220px;
	height: 220px;
}
.ketang figure:hover .tusan img{
	transform: scale(1.2);
}
.ketang figure .tusan{
	position: relative;
	height: 220px;
	overflow: hidden;
}
.ketang .tu3 p{
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: black;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.ketang figure .renwu{
	width: 100%;
	height: 44px;
	/*background: cadetblue;*/
	padding-top: 10px;
	box-sizing: border-box;
}
.ketang figure .renwu .touxiang{
	width: 24px;
	height: 24px;
	background: salmon;
	border-radius: 24px;
	margin-left: 10px;
	float: left;
}
.ketang figure .renwu .touxiang img{
	width: 24px;
	height: 24px;
	border-radius: 24px;
}
.ketang figure .renwu span{
	padding: 0 20px;
	font-size: 12PX;
}
.baize{
	width: 1200px;
	height: 400px;
	/*background: saddlebrown;*/
	margin: 0 auto;
}
.baize .zitu{
	width: 1200px;
	height: 50px;
	/*background: chocolate;*/
}
.baize .zitu .t{
	width: 48px;
	height: 48px;
	background: url(../img/icon_index.png);
	background-position-x: -492px;
	background-position-y: -104px;
	float: left;
}
.baize .zitu h1{
	float: left;
	color: #4f4f4f;
	font-size: 20px;
	line-height: 50px;
}
.baize figure{
	width: 220px;
	height: 270px;
	/*flex: 1px;*/
	background: #FFFFFF;
	margin: 10px;
	padding-bottom: 10px;
	float: left;
}
.baize figure img{
	width: 220px;
	height: 220px;
}
.baize figure:hover .tusan img{
	transform: scale(1.2);
}
.baize figure .tusan{
	position: relative;
	height: 190px;
	overflow: hidden;
}
.baize .tu3 p{
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: black;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.baize figure .renwu{
	width: 100%;
	height: 44px;
	/*background: cadetblue;*/
	padding-top: 10px;
	box-sizing: border-box;
}
.baize figure .renwu .touxiang{
	width: 24px;
	height: 24px;
	background: salmon;
	border-radius: 24px;
	margin-left: 10px;
	float: left;
}
.baize figure .renwu .touxiang img{
	width: 24px;
	height: 24px;
	border-radius: 24px;
}
.baize figure .renwu span{
	padding: 0 20px;
	font-size: 12PX;
}
.baize figure .kandian{
	height: 18px;
	/*background: salmon;*/
}
.baize figure .kandian .kan{
	width: 90px;
	height: 18px;
	/*background: sandybrown;*/
	float: left;
}
.baize figure .kandian .kan .k{
	width: 18px;
	height: 18px;
	background: url(../img/diankan.png) no-repeat;
	background-position-x:-82px ;
	background-position-y: -3px;
	margin-left: 10px;
	float: left;
}
.baize figure .kandian .kan h1{
	width: 20px;
	font-size: 14px;
	color: #bdbdbd;
	line-height: 18px;
	margin-left: 10px;
	float: left;
}
.baize figure .kandian .dian{
	width: 110px;
	height: 18px;
	/*background: seagreen;*/
	float: left;
}
.baize figure .kandian .dian .d{
	width: 18px;
	height: 18px;
	background: url(../img/diankan.png) no-repeat;
	background-position-x:-2px ;
	background-position-y: -3px;
	margin-left: 10px;
	float: left;
}
.baize figure .kandian .dian h1{
	width: 20px;
	font-size: 14px;
	color: #bdbdbd;
	line-height: 18px;
	margin-left: 10px;
	float: left;
}
.shaoer{
	width: 1200px;
	height: 300px;
	/*background: saddlebrown;*/
	margin: 0 auto;
}
.shaoer .zitu{
	width: 1200px;
	height: 50px;
	/*background: chocolate;*/
}
.shaoer .zitu .t{
	width: 48px;
	height: 48px;
	background: url(../img/icon_index.png);
	background-position-x: -492px;
	background-position-y: -104px;
	float: left;
}
.shaoer .zitu h1{
	float: left;
	color: #4f4f4f;
	font-size: 20px;
	line-height: 50px;
}
.shaoer figure{
	width: 280px;
	height: 155px;
	/*flex: 1px;*/
	background: #FFFFFF;
	margin: 10px;
	padding-bottom: 10px;
	float: left;
}
.shaoer figure img{
	width: 117px;
	height: 155px;
}
.shaoer figure:hover .tusan img{
	transform: scale(1.2);
}
.shaoer figure .tusan{
	position: relative;
	height: 155px;
	overflow: hidden;
	float: left;
}
.shaoer .tu3 p{
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: black;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.shaoer .tu3 h2{
	/*width: 131px;*/
	height: 21px;
	line-height: 21px;
	font-size: 14px;
	color: #666666;
	padding: 0 10px;
	overflow: hidden;
	font-weight: normal;
}
.shaoer .tu3 span{
	display: block;
	width: 142px;
	height: 40px;
	font-size: 14px;
	color: #666666;
	padding: 7px 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.shaoer figure .kandian{
	height: 18px;
	/*background: salmon;*/
}
.shaoer figure .kandian .kan{
	width: 90px;
	height: 18px;
	/*background: sandybrown;*/
	float: left;
}
.shaoer figure .kandian .kan .k{
	width: 18px;
	height: 18px;
	background: url(../img/diankan.png) no-repeat;
	background-position-x:-82px ;
	background-position-y: -3px;
	margin-left: 10px;
	float: left;
}
.shaoer figure .kandian .kan h1{
	width: 20px;
	font-size: 14px;
	color: #bdbdbd;
	line-height: 18px;
	margin-left: 10px;
	float: left;
}
.shaoer figure .kandian .dian{
	width: 110px;
	height: 18px;
	/*background: seagreen;*/
	float: left;
}
.shaoer figure .kandian .dian .d{
	width: 18px;
	height: 18px;
	background: url(../img/diankan.png) no-repeat;
	background-position-x:-167px ;
	background-position-y: -3px;
	margin-left: 10px;
	float: left;
}
.shaoer figure .kandian .dian h1{
	width: 20px;
	font-size: 14px;
	color: #bdbdbd;
	line-height: 18px;
	margin-left: 10px;
	float: left;
}
.biancheng{
	width: 1200px;
	height: 360px;
	/*background: saddlebrown;*/
	margin: 0 auto;
}
.biancheng .zitu{
	width: 1200px;
	height: 50px;
	/*background: chocolate;*/
}
.biancheng .zitu .t{
	width: 48px;
	height: 48px;
	background: url(../img/icon_index.png);
	background-position-x: -590px;
	background-position-y: -104px;
	float: left;
}
.biancheng .zitu h1{
	float: left;
	color: #4f4f4f;
	font-size: 20px;
	line-height: 50px;
}
.biancheng figure{
	width: 280px;
	height: 240px;
	/*flex: 1px;*/
	background: #FFFFFF;
	margin: 10px;
	padding-bottom: 10px;
	float: left;
}
.biancheng figure img{
	width: 280px;
	height: 160px;
}
.biancheng figure:hover .tusan img{
	transform: scale(1.2);
}
.biancheng figure .tusan{
	position: relative;
	height: 190px;
	overflow: hidden;
}
.biancheng .tu3 p{
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: black;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.shequ{
	width: 1200px;
	height: 360px;
	/*background: saddlebrown;*/
	margin: 0 auto;
}
.shequ .zitu{
	width: 1200px;
	height: 50px;
	/*background: chocolate;*/
}
.shequ .zitu .t{
	width: 48px;
	height: 48px;
	background: url(../img/icon_index.png);
	background-position-x: -688px;
	background-position-y: -104px;
	float: left;
}
.shequ .zitu h1{
	float: left;
	color: #4f4f4f;
	font-size: 20px;
	line-height: 50px;
}
.shequ figure{
	width: 220px;
	height: 240px;
	/*flex: 1px;*/
	background: #FFFFFF;
	margin: 10px;
	padding-bottom: 10px;
	float: left;
	position: relative;
}
.shequ figure img{
	width: 220px;
	height: 90px;
}
.shequ figure .tusan{
	position: relative;
	height: 150px;
	overflow: hidden;
	filter: blur(2px);
	transform: skew(0,5deg);
}
.shequ figure .tou{
	width: 94px;
	height: 94px;
	/*background: cadetblue;*/
	position: absolute;
	top: 40px;
	left: 68px;
	border-radius: 94px;
	border: 2px solid white;
	box-sizing:border-box;
	overflow: hidden;
}
.shequ figure .tou img{
	width: 100%;
	height: 100%;
}
.shequ figure:hover .tou img{
	transform: scale(1.2);
}
.shequ .tu3 p{
	width: 142px;
	height: 32px;
	line-height: 32px;
	color: #333333;
	font-size: 20px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 2px;
}
.shequ .tu3 span{
	display: block;
	width: 142px;
	height: 28px;
	line-height: 28px;
	color: black;
	font-size: 16px;
	margin: 0 auto;
	text-align: center;
}
.wei{
	width: 100%;
	height: 420px;
	background: #eff3f5;
	clear: both;
}
.wei .zi3{
	width: 1200px;
	height: 300px;
	background: #eff3f5;
	margin: 0 auto ;
	position: relative;
}
.wei .zi3 .gang{
	width: 2px;
	height: 165px;
	background: #888888;
	position: absolute;
	top: 40px;
	left: 700px;
}
.wei .zi3 .zi1 ul li{
	float: left;
	width: 180px;
	font-size: 16px;
	color: #666666;
	font-weight: 500;
	margin-top: 40px;
}
.wei .zi3 .zi1 ul li .s2{
	/*height: 200px;*/
	/*background: seagreen;*/
	margin-top: 20px;
}
.wei .zi3 .zi1 ul li .s2 p{
	margin-bottom: 10px;
	font-size: 14px;
	color: #888888;
}
.wei .zi3 .tubiao{
	width: 350px;
	height: 100px;
	/*background: darkblue;*/
	float: right;
	margin-right: 100px;
	margin-top: 40px;
}
.wei .zi3 .tubiao .yuan{
	width: 72px;
	height: 72px;
	background: url(../img/diankan.png) no-repeat;
	background-position: -224px -126px;
	border-radius: 72px;
	margin-right: 35px;
	float: left;
	position: relative;
}
.wei .zi3 .tubiao .yuan .ma3{
	width: 230px;
    height: 140px;
    padding: 14px;
    background: #fff;
    position: absolute;
    top: 80px;
    left: -80px;
    display: none;
}
.wei .zi3 .tubiao .yuan .ma3 img{
	width: 95px;
	height: 95px;
}
.wei .zi3 .tubiao .yuan .ma3 p{
	float: left;
	font-size: 12px;
	margin-left: 10px;
}
.wei .zi3 .tubiao .yuan .ma3 .x1{
	margin-left: 32px;
}
.wei .zi3 .tubiao .yuan:hover .ma3{
	display: block;
}
.wei .zi3 .tubiao .yuan1{
	width: 72px;
	height: 72px;
	background: url(../img/diankan.png) no-repeat;
	background-position: -76px -126px;
	border-radius: 72px;
	margin-right: 35px;
	float: left;
	position: relative;
}
.wei .zi3 .tubiao .yuan1 .ma4{
	width: 193px;
	height: 48px;
	background: white;
	position: absolute;
	top: 80px;
	left: -40px;
	font-size: 16px;
	padding-top: 5px;
	padding-left: 5px;
	box-sizing: border-box;
	display: none;
}
.wei .zi3 .tubiao .yuan1:hover .ma4{
	display: block;
}
.wei .zi3 .tubiao .yuan2{
	width: 72px;
	height: 72px;
	background: url(../img/diankan.png) no-repeat;
	background-position: -78px -200px;
	border-radius: 72px;
	margin-right: 35px;
	float: left;
}
.wei .zi3 .hui{
	width: 504px;
	height: 100px;
	/*background: salmon;*/
	position: absolute;
	top: 300px;
	left: 350px;
}
.wei .zi3 .hui .gongs{
	width: 215px;
	margin-left: 20px;
	float: left;
}
.wei .zi3 .hui .gongs img{
	width: 38px;
	height: 58px;
	float: left;
	padding-left: 20px;
}
.wei .zi3 .hui .gongs p{
	font-size: 14px;
	color: #666666;
	padding-top: 5px;
	margin-left: 70px;
}
.wei .zi3 .hui .gongs a{
	font-size: 14px;
	color: #666666;
	margin-left: 10px;
}
.wei .zi3 .hui .zhang{
	width: 227px;
	height: 58px;
	/*background: seagreen;*/
	float: left;
	margin-left: 20px;
}
.wei .zi3 .hui .zhang img{
	width: 18px;
	height: 20px;
}
.wei .zi3 .hui .zhang a{
	font-size: 14px;
	color: #666666;
}
.wei .zi3 .hui p{
	font-size: 12px;
	color: #999999;
	padding-top: 70px;
}
.popup {
	width: 440px;
	height: 528px;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    z-index: 1000;
	overflow: hidden;
}
.popup .mao{
	width: 100%;
	height: 160px;
	background: url(../img/huangbei.gif);
	background-size: 100% 160px;
}
.popup .mao img{
	width: 164px;
	height: 144px;
	padding-left: 60px;
}
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 999;
}
.close-btn {
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
}
.tab-container{
	width: 100%;
	padding-top: 10px;
}
.tab-header {
            display: flex;
            width: 160px;
            margin: 0 auto;
        }
        .tab-btn {
            padding: 10px 20px;
            cursor: pointer;
            /*background: #eee;*/
            /*border: 1px solid #ddd;*/
        }
        .tab-btn.active {
            background: white;
            color: black;
            border-bottom: 1px solid black;
        }
        .tab-content{
            display: none;
            padding: 20px;
        }
        .tab-content.active{
            display: block;
            width: 376px;
            height: 226px;
            margin: 0 auto;
            margin-top: 10px;
        }
.tab-content.active .s3{
	width: 376px;
	height: 40px;
	border: 1px solid #BDBDBD;
	border-radius: 5px;
	margin-bottom: 20px;
	padding-left: 15px;
	box-sizing: border-box;
}
.tab-content.active button{
	width: 376px;
	height: 40px;
	font-size: 16px;
	color: white;
	background: #FDD05F;
	border: none;
	border-radius: 5px;
}
.tab-content.active .z1{
	height: 30px;
	/*background: cadetblue;*/
	margin-top: 5px;
}
.tab-content.active .z1 a{
	color:#888888;
	font-size: 14px;
}
.tab-content.active .z1 .s1{
	color:#888888;
	font-size: 14px;
	margin-left: 217px;
}
.tab-content.active .yu{
	width: 120px;
	height: 40px;
	/*background: violet;*/
	margin: 0 auto;
}
.tab-content.active .yu .q1{
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background: url(../img/tixiqietu.png) no-repeat;
	background-position: -88px -293px;
	float: left;
}
.tab-content.active .yu .q1:hover{
	background: url(../img/tixiqietu.png) no-repeat;
	background-position: -88px -365px;
}
.tab-content.active .yu .q2{
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background: url(../img/tixiqietu.png) no-repeat;
	background-position: -16px -293px;
	float: right;
}
.tab-content.active .yu .q2:hover{
	background: url(../img/tixiqietu.png) no-repeat;
	background-position: -16px -365px;
}
.tab-content .s9{
	width: 376px;
	height: 40px;
	border: 1px solid #BDBDBD;
	border-radius: 5px;
	margin-bottom: 10px;
	padding-left: 15px;
	box-sizing: border-box;
	/*background: cadetblue;*/
}
.tab-content .s8{
	width: 230px;
	height: 40px;
	border: 1px solid #BDBDBD;
	border-radius: 5px;
	margin-bottom:10px;
	padding-left: 15px;
	box-sizing: border-box;
}
.tab-content .s7{
	width: 376px;
	height: 40px;
	border: 1px solid #BDBDBD;
	border-radius: 5px;
	margin-bottom: 10px;
	padding-left: 15px;
	box-sizing: border-box;
	/*background: cadetblue;*/
}
.tab-content.active .s0{
	width: 121px;
	height: 40px;
	font-size: 16px;
	color: white;
	background: #FDD05F;
	border: none;
	border-radius: 5px;
	margin-left: 20px;
}
.tab-content.active .yu2{
	width: 120px;
	height: 40px;
	/*background: violet;*/
	margin: 0 auto;
	padding-top: 20px;
	box-sizing: border-box;
}
.tab-content.active .yu2 .q1{
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background: url(../img/tixiqietu.png) no-repeat;
	background-position: -88px -293px;
	float: left;
}
.tab-content.active .yu2 .q1:hover{
	background: url(../img/tixiqietu.png) no-repeat;
	background-position: -88px -365px;
}
.tab-content.active .yu2 .q2{
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background: url(../img/tixiqietu.png) no-repeat;
	background-position: -16px -293px;
	float: right;
}
.tab-content.active .yu2 .q2:hover{
	background: url(../img/tixiqietu.png) no-repeat;
	background-position: -16px -365px;
}

#kc{
	min-height: 480px;
	width: 1250px;
	/*background: green;*/
}
.kc_bt{
	background: url(../img/anchor-title_0b5d4.png) no-repeat;
	height: 56px;
	padding-top: 22px;
	padding-left: 70px;
	font-size: 16px;
	color: #b94b01
}
#kc .ding{
	width: 59px;
	height: 204px;
	background: url(../img/daimadao.jpg) no-repeat;
	background-size:59px 204px ;
	position: fixed;
	left: 240px;
}
#kc .ding2{
	width: 105px;
	height: 193px;
	/*background: cadetblue;*/
	position: fixed;
	top: 565px;
	right: 165px;
}
#kc .ding2 .zi4{
	width: 105px;
	height: 152px;
	background: #ffe29a;
}
#kc .ding2 .zi4 .zi5{
	width: 103px;
	height: 30px;
	background: #ffe29a;
	color: #8a2f00;
	line-height: 30px;
	font-size: 12px;
	text-align: center;
}
#kc .ding2 .zi4 ul li{
	width: 103px;
	height: 30px;
	background: #fff7e5;
	margin: 0 auto;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	color: #654800;
}
#kc .ding2 .zi4 ul li:hover{
	background: #ffe29a;
	color: #8a2f00;
}
#kc .flex-box figure .tusan .zhezhao{
	width: 100%;
	height: 200px;
	background: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	top: 0;
	/*opacity: 0;*/
}
 #kc .flex-box figure .tusan .zhezhao img{
	width: 50px;
	height: 50px;
	margin-top: 75px;
	margin-left: 115px;
}
#kc h4{
	font-weight: normal;
	font-size: 20px;
}
#kc strong{
	color: #333333;
	font-weight: normal;
	padding-left: 20px;
	font-size: 16px;
}
#kc .flex-box{
	width: 1250px;
	display: flex;
	
}
#kc figure{
	width: 270px;
	height: 270px;
	flex: 1;
	background: #FFFFFF;
	margin: 10px;
	padding-bottom: 10px;
}
#kc figure img{
	width: 270px;
	height: 220px;
}
#kc figure:hover .tusan img{
	transform: scale(1.2);
}
#kc figure .tusan{
	position: relative;
	height: 190px;
	overflow: hidden;
}
#kc.tu3 p{
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: black;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#kb{
	min-height: 480px;
	width: 1250px;
	/*background: green;*/
}
.kb_bt{
	background: url(../img/anchor-title_0b5d4.png) no-repeat;
	height: 56px;
	padding-top: 22px;
	padding-left: 70px;
	font-size: 16px;
	color: #b94b01
}
#kb .flex-box figure .tusan .zhezhao{
	width: 100%;
	height: 200px;
	background: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	top: 0;
	/*opacity: 0;*/
}
#kb .flex-box figure .tusan .zhezhao img{
	width: 50px;
	height: 50px;
	margin-top: 75px;
	margin-left: 115px;
}
#kb h4{
	font-weight: normal;
	font-size: 20px;
}
#kb .flex-box{
	width: 952px;
	display: flex;
	
}
#kb figure{
	width: 270px;
	height: 270px;
	flex: 1;
	background: #FFFFFF;
	margin: 10px;
	padding-bottom: 10px;
}
#kb figure img{
	width: 270px;
	height: 220px;
}
#kb figure:hover .tusan img{
	transform: scale(1.2);
}
#kb figure .tusan{
	position: relative;
	height: 190px;
	overflow: hidden;
}
#kb.tu3 p{
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: black;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#kv{
	min-height: 480px;
	/*width: 953px;*/
	/*background: green;*/
}
#kv .flex-box figure .tusan .zhezhao{
	width: 100%;
	height: 200px;
	background: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	top: 0;
	/*opacity: 0;*/
}
#kv .flex-box figure .tusan .zhezhao img{
	width: 50px;
	height: 50px;
	margin-top: 75px;
	margin-left: 115px;
}
#kv strong{
	color: #333333;
	font-weight: normal;
	padding-left: 20px;
	font-size: 16px;
}

#kv .wen{
	color: #ffac00;
	font-size: 16px;	
}
#kv .qq{
	padding: 4px 13px;
    font-size: 16px;
    color: #656565;
    margin-right: 3px;
    float: left;
}
#kv_bt{
	background: url(../img/anchor-title_0b5d4.png) no-repeat;
	height: 56px;
	padding-top: 22px;
	padding-left: 70px;
	font-size: 16px;
	color: #b94b01
}
#kv h4{
	font-weight: normal;
	font-size: 20px;
	float: left;
}
#kv .flex-box{
	width: 1250px;
	display: flex;
	
}
#kv figure{
	width: 270px;
	height: 270px;
	flex: 1;
	background: #FFFFFF;
	margin: 10px;
	padding-bottom: 10px;
}
#kv figure img{
	width: 270px;
	height: 220px;
}
#kv figure:hover .tusan img{
	transform: scale(1.2);
}
#kv figure .tusan{
	position: relative;
	height: 190px;
	overflow: hidden;
}
#kv .tu3 p{
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: black;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#kv summary{
	font-size: 16px;
}
#kv h1 img{
	float: left;
}
#kv h1 p{
	float: left;
}
#kv h1 span{
	color: #333333;
    font-weight: normal;
    padding-left: 20px;
    font-size: 16px
}
/*第四部分*/
#kn{
	min-height: 480px;
	/*width: 953px;*/
	/*background: green;*/
}
#kn .flex-box figure .tusan .zhezhao{
	width: 100%;
	height: 200px;
	background: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	top: 0;
	/*opacity: 0;*/
}
#kn .flex-box figure .tusan .zhezhao img{
	width: 50px;
	height: 50px;
	margin-top: 75px;
	margin-left: 115px;
}
#kn strong{
	color: #333333;
	font-weight: normal;
	padding-left: 20px;
	font-size: 16px;
}

#kn .wen{
	color: #ffac00;
	font-size: 16px;	
}
#kn .qq{
	padding: 4px 13px;
    font-size: 16px;
    color: #656565;
    margin-right: 3px;
    float: left;
}
#kn_bt{
	background: url(../img/anchor-title_0b5d4.png) no-repeat;
	height: 56px;
	padding-top: 22px;
	padding-left: 70px;
	font-size: 16px;
	color: #b94b01
}
#kn h4{
	font-weight: normal;
	font-size: 20px;
	float: left;
}
#kn .flex-box{
	width: 1250px;
	display: flex;
	
}
#kn figure{
	width: 270px;
	height: 270px;
	/*flex: 1;*/
	background: #FFFFFF;
	margin: 10px;
	padding-bottom: 10px;
}
#kn figure img{
	width: 266px;
	height: 169px;
}
#kn figure:hover .tusan img{
	transform: scale(1.2);
}
#kn figure .tusan{
	position: relative;
	height: 190px;
	overflow: hidden;
}
#kn .tu3 p{
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: black;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#kn summary{
	font-size: 16px;
}
fieldset{
	text-align: center;
	border: none;
	border-top: 1px solid #ffc72c;
	color: #ffc72c;
}
legend{
	padding: 10px;
}

#fx figure{
	width: 230px;
	height: 110px;
	/*flex: 1px;*/
	background: #FFFFFF;
	margin: 10px;
	padding-bottom: 10px;
	float: left;
	text-align: center;
}
#fx  figure img{
	width: 230px;
	height: 100%;
}
#fx  figure .tusan{
	position: relative;
	height: 190px;
	overflow: hidden;
}
#fx  .tu3 p{
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: black;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#fc{
	min-height: 480px;
}



/*特效*/
.tab-container {
            margin: 20px;
        }
        .outer-tabs {
            display: flex;
            border-bottom: 1px solid #ccc;
        }
        .outer-tab {
            padding: 10px 20px;
            cursor: pointer;
            background: #f1f1f1;
            margin-right: 5px;
        }
        .outer-tab.active {
           color: orange;
           font-weight: bold;
           font-size: 18px;
        }
        .inner-tab-container {
            display: none;
            /*padding: 20px;*/
            border: 1px solid #ccc;
            border-top: none;
        }
        .inner-tab-container.active {
            display: block;
        }
        .inner-tabs {
            display: flex;
            margin-bottom: 10px;
        }
        .inner-tab {
            padding: 4px 4px;
            cursor: pointer;
            margin-right: 5px;
            border-radius: 10px;
        }
        .inner-tab.active {
          background: orange;
          color: #FFF;
        }
        .inner-tab-content {
            display: none;
            /*padding: 10px;*/
        }
        .inner-tab-content.active {
            display: block;
        }
#fc .fv{
	font-size: 28px;
	color: #333;
	padding-right: 20px;
	font-weight: normal;
	padding-bottom: 10px;
}

.inner1-1{
	width: 1200px;
	height: 400px;
	/*background: saddlebrown;*/
	margin: 0 auto;
}
.inner1-1 .zitu{
	width: 1200px;
	height: 50px;
	/*background: chocolate;*/
}
.inner1-1 .zitu .t{
	width: 48px;
	height: 48px;
	background: url(../img/icon_index.png);
	background-position-x: -492px;
	background-position-y: -104px;
	float: left;
}
.inner1-1 .zitu h1{
	float: left;
	color: #4f4f4f;
	font-size: 20px;
	line-height: 50px;
}
.inner1-1 figure{
	width: 220px;
	height: 270px;
	/*flex: 1px;*/
	background: #FFFFFF;
	margin: 10px;
	padding-bottom: 10px;
	float: left;
}
.inner1-1 figure img{
	width: 220px;
	height: 220px;
}
.inner1-1 figure:hover .tusan img{
	transform: scale(1.2);
}
.inner1-1 figure .tusan{
	position: relative;
	height: 190px;
	overflow: hidden;
}
.inner1-1 .tu3 p{
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: black;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.inner1-1 figure .renwu{
	width: 100%;
	height: 44px;
	/*background: cadetblue;*/
	padding-top: 10px;
	box-sizing: border-box;
}
.inner1-1 figure .renwu .touxiang{
	width: 24px;
	height: 24px;
	background: salmon;
	border-radius: 24px;
	margin-left: 10px;
	float: left;
}
.inner1-1 figure .renwu .touxiang img{
	width: 24px;
	height: 24px;
	border-radius: 24px;
}
.inner1-1 figure .renwu span{
	padding: 0 20px;
	font-size: 12PX;
}
.inner1-1 figure .kandian{
	height: 18px;
	/*background: salmon;*/
}
.inner1-1 figure .kandian .kan{
	width: 90px;
	height: 18px;
	/*background: sandybrown;*/
	float: left;
}
.inner1-1 figure .kandian .kan .k{
	width: 18px;
	height: 18px;
	background: url(../img/diankan.png) no-repeat;
	background-position-x:-82px ;
	background-position-y: -3px;
	margin-left: 10px;
	float: left;
}
.inner1-1 figure .kandian .kan h1{
	width: 20px;
	font-size: 14px;
	color: #bdbdbd;
	line-height: 18px;
	margin-left: 10px;
	float: left;
}
.inner1-1 figure .kandian .dian{
	width: 110px;
	height: 18px;
	/*background: seagreen;*/
	float: left;
}
.inner1-1 figure .kandian .dian .d{
	width: 18px;
	height: 18px;
	background: url(../img/diankan.png) no-repeat;
	background-position-x:-2px ;
	background-position-y: -3px;
	margin-left: 10px;
	float: left;
}
.inner1-1 figure .kandian .dian h1{
	width: 20px;
	font-size: 14px;
	color: #bdbdbd;
	line-height: 18px;
	margin-left: 10px;
	float: left;
}


/*工作室*/
#gz .gx{
	float: left;
}
#gz .gc{
	background: url(../img/home-title.png) no-repeat;
	width: 218px;
	height: 37px;
	line-height: 37px;
	padding-left: 48px;
	color: #936a26;
	float: right;
	margin-top: 13px;
}
#gz form{
	float: right;
	margin-top: 10px;
}
#gz input[type="text"]{
	width: 300px;
	height: 38px;
	border: 1px solid #CCC;
	padding-left: 15px;
}
#gz input[type="submit"]{
	margin-left: -50px;
	background: url(../img/fangdajing.png) no-repeat;
	width: 38px;
	height: 20px;
	border: none;
}
#gz input[type="submit"]:hover{
	background-position: -35px 0;
}
#gz h5{
	clear: both;
	color: #ffa554;
}
#gz h5 a{
	float: right;
	color: #333;
	font-weight: normal;
}
.hz{
	height:180px;
}

.zuobian{
	width: 60%;
	float: left;
	line-height: 250%;
}
.zuobian h6{
	font-size: 18px;
	padding: 10px 0;
}
.datu{
	float: left;
	width: 150px;
	padding-right: 20px;
}
.yuantou img{
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 100%;
	padding: 5px;
	vertical-align: middle;
}
.youkuai{
	float: right;
	padding-top: 20px;
}
.youkuai img{
	margin: 5px;
}




/*论坛*/
#luntan article{
	width: 860px;
	height: 780px;
	background: paleturquoise;
	display: inline-block;
	vertical-align: top;
}
#luntan aside{
	width: 280px;
	height: 780px;
	background: pink;
	display: inline-block;
	vertical-align: top;
}
#luntan .laba img{
	width: 32px;
    height: 32px;
}
#luntan .ben{
	width: 734px;
	height: 136px;
	/*background: palegoldenrod;*/
}
#luntan .ben p{
	padding-left: 16px;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #fff;
    font-size: 18px;
    color: #424242;
}
#luntan .ben .jingxuan{
	width: 860px;
	height: 88px;
	background: palegoldenrod;
}
#luntan .ben .jingxuan ul {
	list-style: none;
}
#luntan .ben .jingxuan ul li{
	line-height: 45px;
	float: left;
	width: 322px;
	height: 45px;
	overflow: hidden;
}
#luntan .ben .jingxuan ul li span{
	background: orange;
	color: #FFF;
	padding: 2px 5px;
	margin-right: 15px;
}
#luntan .ben .jingxuan ul li:nth-child(2) span{
	opacity: 0.8;
}
#luntan .ben .jingxuan ul li:nth-child(3) span{
	opacity: 0.6;
}
#luntan .ben .jingxuan ul li:nth-child(4) span{
	opacity: 0.4;
}
#luntan article .huifu{
	width: 860px;
	height: 48px;
	background: palegreen;
	margin-top: 10px;
}
#luntan article .huifu ul li{
	width: 87px;
	height: 48px;
	background: aqua;
	display: inline-block;
	float: left;
	margin: 0 10px;
	text-align: center;
	line-height: 48px;
	color: #333;
}
#luntan article .huifu ul li:hover{color: #fec433;}
#luntan article .huifu ul .cheng{
	color: #fec433;
	border-bottom: 2px solid orange;
}
#luntan article .jishumiao{
	width: 860px;
	height: 186px;
	background: #fffff;
	padding-top: 10px;
	box-sizing: border-box;
}
#luntan article .jishumiao:hover{
	background: #ccc;
}
#luntan article .jishumiao img{
	width: 24px;
	height: 24px;
	border-radius: 50%;
	margin-left: 25px;
	vertical-align: middle;
}
#luntan article .jishumiao .jishu{
	color: #666;
	font-size: 15px;
	margin-left: 4px;
}
#luntan article .jishumiao .jishu:hover{
	color: #4d70a5;
}
#luntan article .jishumiao .jiaonang{
	width: 83px;
	height: 18px;
	background: #fff;
	border: 1px solid #cc865f;
	border-radius: 10px;
	display: inline-block;
	vertical-align: middle;
}
#luntan article .jishumiao .jiaonang i{
	width: 14px;
	height: 14px;
	background:url(../img/lv.svg) no-repeat -164px -125px;
	display: inline-block;
	margin-left: 2px;
	margin-bottom: 1px;
}
#luntan article .jishumiao .jiaonang span{
	color: #ac9093;
	font-size: 10px;
}
.jishumiao .sheng{
	width: 673px;
	height: 20px;
	margin-left: 25px;
	margin-top: 10px;}
.jishumiao .sheng .shangsheng{
	width: 12px;
	height: 15px;
	background: url(../img/sprite_785e1.svg) no-repeat -28px -454px;
	float: left;}
.jishumiao .sheng span{
	width: 20px;
	height: 20px;
	display: inline-block;
	float: left;
	margin-left: 5px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 20px;}
.guan{
	background: #ffa05b;
}
.jing1{
	background: #55b7ff;
}
.re{
	background: #f76e68;
}
.jishumiao .sheng h3{
	width: 562px;
	height: 20px;
	color: #333;
	font-size: 15px;
	font-weight: normal;
	margin-left: 100px;}
.jishumiao .sheng h3:hover{
	color: #4d70a5;}
.jishumiao .chuangzuo{
	width: 673px;
	height: 30px;
	margin-left: 25px;
	margin-top: 10px;
	color: #666;
	font-size: 14px;
	overflow: hidden;
	line-height: 30px;}
.jishumiao .huifu1{
	width: 673px;
	height: 25px;
	margin-top: 20px;
	margin-left: 25px;}
.jishumiao .huifu1 .huifu89{
	width: 64px;
	height: 25px;
	background: #fff8e5;
	display: inline-block;
	color: #f5a623;
	text-align: center;
	border-radius: 6px;}
.jishumiao .huifu1 .cunkou{
	font-size: 12px;
	color: #999;
	margin-left: 15px; }
.jishumiao .huifu1 .cunkou1{
	font-size: 12px;
	color: #999;}
.jishumiao .huifu1 .cunkou1:hover{
	color: #4d70a5;
	}
.notice-box {
  width: 500px;
  height: 40px;
  overflow: hidden;
  position: relative;
  border: 1px solid #eee;
}
.notice-item {
  position: absolute;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(100%);
  transition: all 0.5s ease;
  margin-left: 60px;
}
.notice-item.active {
  opacity: 1;
  transform: translateX(0);
}
.notice-item.leaving {
  opacity: 0;
  transform: translateX(-100%);
}