
* {margin: 0;padding: 0}
a{text-decoration: none;color: #fff}
ul {list-style: none}
.fl {float: left}
.fr {float: right}
.clearfix:before, .clearfix:after {content: " ";display: table}
.clearfix:after {clear: both}
.clearfix {*zoom:1}
.middle {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.conbox{ width:100%;}
.cpbox {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    float:left;
    font-size: 14px;
    color: #fff;
    width: 21%;
    background: #383D49;
    z-index: 4;
    }
.listbox{float:right;width:79%;/*margin-bottom: 40px;*/ position: relative;right: 0; flex-grow:1;
                -webkit-flex-grow:1;}
.listbox P img{margin: 10px;}
.cpbox .s-firstItem{ display:block; height:30px; padding-top:10px !important; font-size:18px;}
.cpbox .s-firstItem span {display: inline-block;margin-left: 10px;white-space: 10px}
/*.cpbox .first {border-bottom: 1px solid #f0f0f0;}*/
.cpbox .d-firstNav{ height:30px; line-height:30px;}
.cpbox .d-firstNav a{
	color: #fff;
}
.d-secondNav,.d-thirdNav,.s-secondItem,.s-fourItem,.d-thirdDrop{ height:30px; line-height:30px;}
.cpbox .d-firstNav span {display: inline-block;margin-left: 10px}
.cpbox .s-secondNav, .cpbox .s-secondItem{margin-left: 50px;}
.cpbox ul{ height:auto;}
.cpbox li{ clear:both; height:auto; font-size: 14px;}
.cpbox .d-secondDrop{margin-left: 100px;}
.cpbox .d-thirdDrop{margin-left:50px;}
.icons{ display:block; float:left; width:14px; height:14px; margin:7px 7px 0 10px; background:url(../images/navicon.png) left center no-repeat; background-size:100%;}
.d-secondNav .icons,.d-thirdNav .icons{ background:url(../images/navicon1.png) left center no-repeat; background-size:100%;}
.s-fourItem{ padding-left:24px;}
.s-firstItem .icons,.s-secondItem .icons,.s-thirdItem .icons,.s-fourItem .icons{background:none;}
.iconRotate {transform: rotate(90deg);transition: transform .5s}
.s-firstDrop, .s-secondDrop,.s-thirdDrop {display: none}
.s-firstDrop,.s-fourItem{ background:#f0f0f0; color:#32312e;}
.s-firstDrop a,.s-fourItem a{ color:#32312e;}
.listbox .about li{ float:left;  margin:10px 1%;
}
.listbox>p{
	text-align:center; margin:10px 10px;font-size: 18px;font-weight: bold;margin-bottom: 20px;
}
.listbox li a{
	line-height: 32px;
	color: #151515;
	text-align: center;
}
.listnew{float: right;width: 95%;}
.listnew>ul{
	margin-bottom: 20px;
	/*height: 600px;*/
}
.listnew>ul>li{  /*width:30%;  margin:10px 1%;*/width: 95%; line-height: 35px;border-bottom: 1px dashed #777777;}
.listnew li ul{
	display: inline-block;
	margin-right: 10px;
	/*text-align: right;*/
	width: 85px;
	position: relative;
	bottom: 9px;
	float: right;
}
.listnew li a{
	display: inline-block;
	width: 1000px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000000;
	padding-left: 10px;
	line-height: 35px;
	padding-top: 10px;
}
.tuwen{ text-align:center;}
.listbox .video{
	text-align: center;
}
.listbox .video h4{
	line-height: 35px;margin-bottom: 30px;
}
.listbox .video .video_left{
	float: left;
	width: 50%;
}
.listbox .video img{
	width: 300px;
	height: 223px;}
.listbox .video .video_right{
	float: right;
	width: 50%;}