@charset "utf-8";

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


html {
	margin: 0 auto;
}

body {
	font: 12px/1.8 "Microsoft Yahei", "STHeitiSC", "Hiragino Sans GB", Arial, "Helvetica", "SimHei", "STXihei", sans-serif;
	margin: 0 auto;
	color: #000;
	background-color: #fff;
	min-width: 320px;
	font-family: "oswald", "SourceHanSansSC-Light","Source-Han-Light","Source Han Sans CN","SourceHanSansCN-Light","webfontSourceHanSansSC" !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	font-weight: normal;
	margin: 0;
	line-height: 1.1;
}

p {
	line-height: 1.5;
}

a,
a:visited {
	text-decoration: none;
}

a {
	color: #000;
}

li {
	list-style: none;
}

ul,
li,
ol,
dd,
dl{
	margin: 0;
	padding: 0;
}

fieldset,
input,
button,
textarea {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	-webkit-appearance: none;
}

input[type='checkbox'] {
	-webkit-appearance: checkbox;
}

input[type='radio'] {
	-webkit-appearance: radio;
}


.fl {
	float: left;
}

.fr {
	float: right;
}

.cl:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.img {
	max-width: 100%;
	height: auto;
	display: block;
}

.img2 {
	max-height: 100%;
	width: auto;
}

.trans {
	-moz-transition: all ease .8s;
	-webkit-transition: all ease .8s;
	-o-transition: all ease .8s;
	transition: all ease .8s;
}

.trans04 {
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-o-transition: all ease .4s;
	transition: all ease .4s;
}

.trans2 {
	-moz-transition: all ease 2s;
	-webkit-transition: all ease 2s;
	-o-transition: all ease 2s;
	transition: all ease 2s;
}

.transcalxzero {
	transform: scaleX(0);
	-o-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-webkit-transform: scaleX(0);
}

.transcaletop {
	transform: scale(1, 0);
	-o-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	-moz-transform: scale(1, 0);
	-webkit-transform: scale(1, 0);
}

.bg {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding-bottom: 31%;
}

.bg0 {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.absolute {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.abs {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.flex {
	display: box;
	/* OLD - Android 4.4- */
	display: flexbox;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	justify-content: center;
	align-items: center;
	overflow: hidden;
}


/*公共*/
.fl {
	float: left;
}

.fr {
	float: right;
}

.cb {
	clear: both;
}

.c12 {
	width: 1200px;
	margin: auto;
}

.cover {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.contain {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

a,
.tran,
img {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

a {
	color: #000;
}

.tran5 {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.pic {
	transition: all 2s;
	-webkit-transition: all 2s;
}

.pic.cover {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.pic.contain {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.contain {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.none {
	display: none;
}

.pb0 {
	padding-bottom: 0;
}

.wrap {
	padding: 0 7.5%;
	/* overflow: hidden; */
}
.bshare-custom a{
	background-image: none !important;
	padding: 0 !important;
	text-indent: 0 !important;
}
.bshare-custom a:hover{
	text-decoration: none !important;
}

.pagelist {
	max-width: 1300px;
	text-align: center;
	margin: 3% auto;
}

.pagelist li {
	display: inline-block;
	width: 26px;
	height: 26px;
	border: 1px solid rgba(0, 0, 0, 0);
	line-height: 38px;
	opacity: .6;
	font-size: 14px;
	margin: 0 5px;
}

.pagelist li.active,
.pagelist li:hover {
	border: 1px solid #0b705b;
	opacity: 1;
}

.pagelist li:first-child,
.pagelist li:last-child {
	background: #0b705b;
	border: 1px solid #fff;
	color: #fff;
	opacity: .8;
}

.pagelist li:first-child a,
.pagelist li:last-child a {
	color: #fff;
}

.pagelist li.icon:hover {
	opacity: 1;
}
.w14{
	width: 1280px;
	margin: auto;
}
.top-box{
	position: absolute;
	top: 0;
	height: 760px;
	left: 0;
	width: 100%;
	background: url(../images/topbg.jpg) center top no-repeat;
}
.index-top{
	position: relative;
	z-index: 5;
	margin-top: 30px;
}
.index-top .logo{
	display: block;
	margin: auto;
	width: 211px;
	/* margin-top: 70px; */
	position: relative;
}
.index-top .search-box .hot{
	margin-top: 10px;
}

.index-top .search-box{
	/* width: 700px;
	margin-left: -350px; */
	width: 600px;
	margin-left: -360px;
	top: 30px;
}
.top-goto{
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	margin-top: 45px;
}
.top-goto a,
.index-banner li a{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
}
.top-goto .box{
	width: 48%;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	height: 120px;
}
.index-top .logo img{
	position: relative;
	z-index: 5;
	vertical-align: top;
}
.index-top .logo::after{
	content: "";
	position: absolute;
	width: 381px;
	height: 262px;
	background: url(../images/yy.png);
	top: 0;
	left: 0;
}
.index-top .buttons{
	position: absolute;
	z-index: 5;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
	color:#fff;
	line-height:40px;
	
}
header.in .user-info{
	color: #fff;
	font-size: 14px;
	margin-top: 15px;
}
header.in .user-info a{
	color: #fff;
	margin-left: 5px;
}

header.in .user-info .xin_top_info{
	float: right;
}
.index-top .buttons .user-info{
	margin-top: 40px;
	overflow: hidden;
	margin-bottom: 10px;
}

.index-top .buttons .user-info a:hover,
header.in .user-info a:hover{
	color: #eb5918;
}
.index-top .buttons a.big-right{
	clear: both;
	float: right;
}
.index-top .buttons a.btn{
     color: #14386c;
}
.index-top .buttons a.btn:hover{
     color: #fff;
}
.index-top .buttons .xin_top_info{
	float:right;
}
.index-top .buttons a span{
	float:none;
}
.index-top .buttons span{
	float:left;
}
.index-top .buttons span:nth-child(4){
	display:none;
}
.index-top .buttons a{
	color:#fff;
	margin-left:10px;
}
.index-top .buttons a.up{
	float:right;
	line-height:40px;
}
.index-top .btn{
	font-size: 14px;
	display: inline-block;
	width: 105px;
	height: 40px;
	background: #fff;
	border-radius: 20px;
	letter-spacing: 3px;
	text-align: center;
	line-height: 40px;
	margin-left: 15px;
	color: #14386c;
	box-shadow: 5px 5px 10px 0 #000;
}
.index-top .btn:hover{
	background: #14386c;
	color: #fff;
}
.index-top .up{
	color: #fff;
	font-size: 14px;
margin-right: 23px; 
}
.index-top .buttons .login-info{
	margin-bottom: 10px;
}
.index-top .up i{
	display: inline-block;
	width: 40px;
	height: 40px;
	background: #fff;
	box-shadow: 5px 5px 10px 0 #000;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
	vertical-align: top;
	margin-right: 5px;
}
.index-top .up:hover i{
	background: #14386c;
}
.index-top .up:hover img{
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
.index-nav{
	position: relative;
	z-index: 5;
	margin-top: 20px;
}
.index-nav::after{
	content: "";
	clear: both;
	display: block;
}
.index-nav .box{
	float: left;
	margin-right: 40px;
}
.index-nav .box a.big{
	display: block;
	color: #fff;
	font-size: 18px;
	line-height: 1.1;
	padding: 15px 10px 10px 10px;
	border-radius: 5px 5px 0 0 ;
}
.index-nav .box a.big i{
	font-size: 12px;
	vertical-align: top;
	line-height: 20px;
	display: inline-block;
	margin-left: 3px;
}
.index-nav .box:first-child a.big i{
	font-size: 20px;
}
.index-top .big-right{
	color: #fff;
	float: right;
	line-height: 32px;
	font-size: 14px;
	margin-top: 8px;
	margin-top: 10px;
}
.index-top .big-right:hover,
.index-top .up:hover span{
	color: #ea5515;
}
.index-top .big-right img{
	vertical-align: top;
	margin-right: 5px;
}
.banner-box{
	background: #fff;
	position: relative;
	z-index: 5;
	margin-top: 20px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 10px 15px 0 #ccc;
	z-index: 2;
}
.banner-box .index-banner{
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	margin:20px 20px 0 20px;
}
.banner-box .index-banner .pic-w{
	position: relative;
	overflow: hidden;
	height: 380px;
}
.index-banner .index-page{
	position: absolute;
	z-index: 5;
	bottom: 6%;
	text-align: center;
}
.index-banner .index-page span.swiper-pagelist-bullet{
	background: #fff;
	width: 8px;
	height: 8px;
	outline: none;
	transition: all .3s;
	margin: 0 6px;
	border-radius: 4px;
	opacity: .6;
}
.index-banner .index-page span.swiper-pagelist-bullet-active{
	width: 30px;
	opacity: 1;
}
.inner-sec{
	padding-top: 82px !important;
}
.inner-search{
	margin: 30px 0;
}
/* .index-top .search-box{
	top: 30px;
	width: 600px;
	margin-left: -300px;
} */
.inner-search .search-box{
	position: relative;
	top: 0;
	margin: auto;
	left: 0;
}
.search-box{
	position: absolute;
	top: 60px;
	z-index: 5;
	width: 780px;
	left: 50%;
	margin-left: -390px;
}
.search-box .box{
	position: relative;
	height: 50px;
	line-height: 50px;
	border-radius: 10px;
	overflow: hidden;
}
.search-box .box input{
	display: block;
	height: 50px;
	line-height: 50px;
	width: 100%;
	font-size: 16px;
	text-indent: 2em;
}
.search-box .box button{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 0 30px;
	line-height: 50px;
	background-image: linear-gradient(to bottom right, #285598, #113467);
	color: #fff;
	font-size: 16px;
	text-align: center;
	letter-spacing: 3px;
	transition: all 0.3s;
	cursor: pointer;
}
.search-box .box button:hover{
	background: #ea5515;
}
.search-box .box button i{
	font-size: 20px;
	line-height: 50px;
	display: inline-block;
	vertical-align: top;
}
.search-box .hot{
	color: #fff;
	font-size: 14px;
	margin-top: 20px;
}
.search-box .hot a{
	display: inline-block;
	color: #fff;
	margin-left: 15px;
	opacity: .8;
}
.search-box .hot span{
	opacity: .8;
}
.search-box .hot a:hover{
	opacity: 1;
}
.banner-box .light-box{
	padding: 20px 0;
}
.banner-box .light-box .dowebok{
	background: #fff;
	font-size: 14px;
}
.banner-box .light-box .dowebok a{
	color: #eb5918;
}
.index-ten{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	/* margin-top: 40px; */
}
.index-ten::after{
	display: none !important;
}
.index-ten a{
	display: block;
	width: 18%;
	margin-top: 30px;
}
.index-ten a::after{
	content: "";
	display: block;
	clear: both;
}
.index-ten a span.pic{
	float: left;
	width: 70px;
	height: 70px;
	background: #fff;
	border-radius: 10px;
	box-shadow:  0 5px 10px 0 #999;
	text-align: center;
	line-height: 70px;
	margin-right: 13px;
	transition: all .3s;
}
.index-ten a span.pic img{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.1;
}
.index-ten a span{
	float: left;
	display: block;
	line-height: 1.1;
}
.index-ten a span label{
	display: block;
	font-size: 17px;
	margin: 15px 0 10px 0;
	transition: all .3s;
}
.index-ten a span font{
	opacity: .6;
	font-size: 13px;
}
.index-ten a:hover label{
	color: #13366a;
}
.index-ten a:hover .pic{
	background: #13366a;
}
.index-ten a:hover .pic img{
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
.index-ten a:nth-child(5n){
	width: auto;
}
body.index{
	background: url(../images/indexbg.jpg) center 755px ;
}
.index-list{
	margin-top: 70px;
}
.index-title{
	text-align: center;
	position: relative;
}
.index-title img{
	vertical-align: top;
}
.index-title a{
	position: absolute;
	right: 0;
	font-size: 16px;
	color: #ea5413;
	top: 50%;
	transform: translateY(-50%);
}
.index-title a i{
	font-size: 14px;
}
.index-title a:hover{
	color: #13366a;
}
.index-list .list::after{
	content: "";
	clear: both;
	display: block;
}
.index-list .list li{
	float: left;
	width: 23.5%;
	margin-right: 2%;
	margin-top: 30px;
}
.index-list .list li:nth-child(4n){
	margin-right: 0;
}
.index-list .list li .pic-w{
	height: 220px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	transition: all .3s;
}
.index-list .list li .pic-w::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 45%;
	bottom: 0;
	left: 0;
	z-index: 2;
	background-image: linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,0));
	transition: all .3s;
}
.index-list .list li .pic-w::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	z-index: 2;
	background-image: linear-gradient(to bottom, rgba(0,0,0,.6), rgba(0,0,0,0));
	transition: all .3s;
	border-radius: 10px 10px 0 0;
}
.index-list .list li:hover .pic-w::after{
	height: 45%;
}
.index-list .list li:hover .pic-w::before{
	height: 0;
}
.index-list .list .title{
	position: absolute;
	z-index: 3;
	bottom: 20px;
	left: 10px;
	right: 10px;
	overflow: hidden;
	font-size: 17px;
	text-align: center;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all .3s;
}
.index-list .list li:hover .title{
	bottom: 170px;
}
.index-list .list li .buttons{
	position: absolute;
	z-index: 5;
	width: 150px;
	left: 50%;
	margin-left: -75px;
	bottom: -120px;
	transition: all .3s;
}
.index-list .list li .buttons a{
	display: block;
	bottom: 20px;
	height: 45px;
	background: #ea5515;
	color: #fff;
	line-height: 43px;
	font-size: 14px;
	text-align: center;
	background-image: linear-gradient(to right top, #ff9a70, #ea5414);
	border:1px solid transparent;
	border-radius: 10px;
	margin-top: 8px;
}
.index-list .list li .buttons a:hover{
	background: #fff;
	color: #ea5414;
	border-color: #ea5414;
}
.index-list .list li:hover .buttons{
	bottom: 20px;
}
.index-list .list li .big-a{
	position: absolute;
	z-index: 4;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.index-list .list li:hover .pic-w,{
	box-shadow: 0 5px 35px 0 #999;
}
.index-list .list li:hover .pic{
	transform: scale(1.1);
}

.index-list .list li .name{
	overflow: hidden;
	margin-top: 10px;
}
.index-list .list li .user-head{
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
}
.index-list .list li .user-nama{
	float: left;
	overflow: hidden;
	margin-left: 10px;
	font-size: 14px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.index-list .list li:hover .user-nama{
	color: #ea5414;
}
.index-list2{
	margin-top: 70px;
}
.index-list2 .list::after{
	content: "";
	clear: both;
	display: block;
}
.index-list2 .list li{
	float: left;
	width: 23.5%;
	margin-right: 2%;
	margin-top: 30px;
	background: #fff;
	padding: 15px;
	border-radius: 10px;
	transition: all .3s;
	position: relative;
}
.index-list2 .list li>a{
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.index-list2 .list li:nth-child(4n){
	margin-right: 0;
}
.index-list2 .list li .pic-w{
	position: relative;
	overflow: hidden;
	height: 220px;
	border-radius: 10px;
}
.index-list2 .list li:hover{
	box-shadow: 0 5px 35px 0 #999;
}
.index-list2 .list li .title{
	font-size: 17px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 10px 0 5px 0;
	transition: all .3s;
}

.index-list2 .list li .user{
	overflow: hidden;
}
.index-list2 .list li .user-head{
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
}
.index-list2 .list li .user-nama{
	float: left;
	overflow: hidden;
	margin-left: 10px;
	font-size: 14px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* .index-list2 .list li:hover .title{
	color: #ea5414;
} */
.index-list2 li .buttons{
	position: relative;
	z-index: 5;
	margin-top: 10px;
}
.index-list2 li .buttons a.icon-shoucang{
	width: 40px;
	height: 40px;
	border-radius: 5px;
	background: #f5f5f5;
	color: #ababab;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
}
.index-list2 li .buttons a.down{
	display: inline-block;
	margin-left: 10px;
	width: 150px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	text-align: center;
	background-image: linear-gradient(to right, #ff9a70, #ea5414);
	border-radius: 5px;
	font-size: 15px;
}
.index-list2 li a.big{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
}
.index-list2 li .buttons a.icon-shoucang:hover,
.index-list2 li .buttons a.down:hover{
	background: #ea5414;
	color: #fff;
}
.index-list2 li:hover .pic{
	transform: scale(1.1);
}
.index-list3{
	margin-top: 70px;
}
.index-list3 .top{
	margin-top: 30px;
}
.index-list3 .top::after{
	content: '';
	clear: both;
	display: block;
}
.index-list3 .left-box{
	float: left;
	width: 49%;
	padding: 15px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}
.index-list3 .left-box li{
	position: relative;
	overflow: hidden;
}
/* .index-list3 .left-box li a{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
} */
.index-list3 .left-box .list-swiper{
	position: relative;
	overflow: hidden;
}
.index-list3 .left-box .pic-w{
	position: relative;
	overflow: hidden;
	height: 440px;
	border:1px solid #ccc;
	border-radius: 10px;
}
.index-list3 .left-box li .pic-w::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 45%;
	bottom: 0;
	left: 0;
	z-index: 2;
	background-image: linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,0));
	transition: all .3s;
}
.index-list3 .left-box li .pic-w::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	z-index: 2;
	background-image: linear-gradient(to bottom, rgba(0,0,0,.6), rgba(0,0,0,0));
	transition: all .3s;
	border-radius: 10px 10px 0 0;
}
.index-list3 .left-box li:hover .pic-w::after{
	height: 45%;
}
.index-list3 .left-box li:hover .pic-w::before{
	height: 0;
}

.index-list3 .left-box .name{
	overflow: hidden;
	margin-top: 10px;
}
.index-list3 .left-box .user-head{
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
}
.index-list3 .left-box .user-nama{
	float: left;
	overflow: hidden;
	margin-left: 10px;
	font-size: 14px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.index-list3 .left-box li:hover .title{
	color: #ea5414;
}
.index-list3 .left-box li:hover .title a{
	color: #ea5414;
}
.index-list3 .left-box li:hover .pic-w .title{
	color: #fff;
}
.index-list3 .left-box li .title{    
	font-size: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 10px 0 5px 0;
    transition: all .3s;
}
.index-list3 .left-box li:hover .pic{
	transform: scale(1.1);
}

.index-list3 .left-box li .pic-w .title{
	position: absolute;
	z-index: 3;
	bottom: 20px;
	left: 10px;
	right: 10px;
	overflow: hidden;
	font-size: 17px;
	text-align: center;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all .3s;
}
.index-list3 .left-box li:hover .pic-w .title{
	bottom: 280px;
}
.index-list3 .left-box li .buttons{
	position: absolute;
	z-index: 5;
	width: 150px;
	left: 50%;
	margin-left: -75px;
	bottom: -120px;
	transition: all .3s;
}
.index-list3 .left-box li .buttons a{
	display: block;
	bottom: 20px;
	height: 45px;
	background: #ea5515;
	color: #fff;
	line-height: 43px;
	font-size: 14px;
	text-align: center;
	background-image: linear-gradient(to right top, #ff9a70, #ea5414);
	border:1px solid transparent;
	border-radius: 10px;
	margin-top: 8px;
}
.index-list3 .left-box li .buttons a:hover{
	background: #fff;
	color: #ea5414;
	border-color: #ea5414;
}
.index-list3 .left-box li:hover .buttons{
	bottom: 20px;
}
.index-list3 .left-box .icon-prev,
.index-list3 .left-box .icon-next{
	width: 40px;
	height: 40px;
	background: rgba(0,0,0,.3);
	color: #fff;
	text-align: center;
	line-height: 40px;
	position: absolute;
	z-index: 5;
	left: 10px;
	top: 230px;
	margin-top: -20px;
	border-radius: 50%;
	cursor: pointer;
	transition: all .3s;
	outline: none;
	font-size: 12px;
}
.index-list3 .left-box .iconfont:hover{
	background: #ea5414;
}
.index-list3 .left-box .iconfont.icon-next{
	right: 10px;
	left: auto;
}
.index-list3 .right-box{
	width: 49%;
	float: right;
	overflow: hidden;
}
.index-list3 .right-box li{
	float: left;
	width: 48%;
	position: relative;
	border-radius: 10px;
	margin-bottom: 30px;
	overflow: hidden;
}
.index-list3 .right-box li:nth-child(2n){
	float: right;
}/* 
.index-list3 .right-box li .pic-w{
	position: relative;
	overflow: hidden;
	height: 180px;
}
.index-list3 .right-box li .bot{
	position: absolute;
	width: 100%;
	padding: 10px;
	z-index: 5;
	bottom: 0;
	color: #fff;
	transition: all .3s;
	padding-top: 50px;
	background-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,.0));
	transform: translateY(100%);
}
.index-list3 .right-box li .title{
	position: absolute;
	bottom: 0;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 3;
	font-size: 16px;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	transition: all .3s;
}
.index-list3 .right-box li:hover .title{
	transform: translateY(100%);
}

.index-list3 .right-box li .user{
	text-align: center;
	margin-top: 5px;
}

.index-list3 .right-box li .user-head{
	position: relative;
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
}
.index-list3 .right-box li .user-nama{
	display: inline-block;
	overflow: hidden;
	margin-left: 10px;
	font-size: 14px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100px;
}
.index-list3 .right-box li .title2{
	text-align: center;
	font-size: 16px;
}

.index-list3 .right-box li a{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 6;
}
.index-list3 .right-box li:hover .bot{
	transform: translate(0);
} */
.index-list3 .index-list{
	margin-top: 0;
}
.index-list3 .index-list .list li{
	margin-top: 0;
	margin-bottom: 4%;
}
.index-bot{
	padding: 70px 0;
	background: #fff;
	margin-top: 80px;
}
.index-bot .bot-nav{
	overflow: hidden;
	background: #f5f5f5;
	width: 460px;
	margin: auto;
	padding: 5px;
	border-radius: 15px;
}
.index-bot .bot-nav p{
	font-size: 24px;
	color: #7a7a7a;
	width: 50%;
	float: left;
	height: 60px;
	line-height: 60px;
	transition: all .3s;
	border-radius: 15px;
	text-align: center;
	cursor: pointer;
}
.index-bot .bot-nav p.on{
	background: #fff;
	color: #153a6f;
	box-shadow: 0 0 5px 0 #999;
}
.index-bot .bot-main{
	margin-top: 40px;
}
.index-bot .bot-main .box{
	display: none !important;
}
.index-bot .bot-main .box .des{
	margin-bottom: 30px;
	font-size: 16px;
	text-align: center;
}
.index-bot .bot-main .box.on{
	display: block !important;
}
.index-bot .bot-main .box img{
	max-width: 100%;
}
.index-bot .bot-lx{
	margin-top: 80px;
}
.index-bot .bot-lx .title{
	line-height: 1.1;
	font-size: 30px;
}
.index-bot .bot-lx .des{
	margin-top: 35px;
	font-size: 16px;
}
.index-bot .bot-lx .des span{
	display: inline-block;
	opacity: .9;
	margin-right: 30px;
	font-weight: 300;
}
footer{
	background: #fff;
	border-top: 1px solid #ccc;
}
footer .bot{
	color: #fff;
	padding: 30px 0;
	background: #113467;
	text-align: center;
}
footer .bot span,
footer .bot p,
footer .bot a{
	opacity: .8;
	line-height: 2;
	color: #fff;
}
footer .bot a:hover{
	opacity: 1;

}
footer .bot span{
	margin-right: 20px;
}
footer .top{
	padding: 60px 0;
	display: flex;
	justify-content: space-between;
}
footer .top .right{
	flex-shrink: 0;
	margin-left: 100px;
}
footer .right .share{
	text-align: right;
}
footer .right .share a{
	display: inline-block;
	width: 35px;
	height: 35px;
	border-radius: 5px;
	text-align: center;
	line-height: 35px;
	background: #04bd3d;
	color: #fff;
	margin-left: 20px;
}
footer .right .share a.icon-weibo{
	background: #ff4335;
}
footer .right .share a:hover{
	opacity: .8;
}
footer .right .ewm-box{
	overflow: hidden;
	margin-top: 60px;
}

footer.in .top{
	padding: 30px 0;
}
footer.in .right .ewm-box{
	margin-top: 0;
}
footer .right .ewm-box p{
	float: left;
	margin-left: 30px;
	text-align: center;
	font-size: 14px;
	font-weight: 200;
}
footer .right .ewm-box p img{
	display: block;
	width: 85px;
	height: 85px;
	margin-bottom: 10px;
}

footer .left{
	width: 99%;
}
footer .left .box{
	margin-top: 25px;
}
footer .left .box .title{
	font-size: 16px;
	line-height: 20px;
}
footer .left .box .title span{
	font-size: 12px;
}
footer .left .box .des{
	margin-top: 10px;
}
footer .left .box .des a{
	display: inline-block;
	margin-right: 20px;
	line-height: 2;
	opacity: .7;
}
footer .left .box .des a:hover{
	opacity: 1;
	color: #113467;
}
footer .left .navs{
	font-size: 0;
	margin-bottom: 50px;
}
footer.in .left .navs{
	margin-bottom: 0;
	margin-top: 28px;
}
footer .left .navs a{
	display: inline-block;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	border:1px solid transparent;
	padding: 0 25px;
	border-radius: 20px;
	vertical-align: top;
	opacity: .6;
}
footer .left .navs a.on,
footer .left .navs a:hover{
	opacity: 1;
	border:1px solid #ccc;
}
footer .left .navs span{
	font-size: 12px;
	display: inline-block;
	height: 40px;
	vertical-align: top;
	line-height: 40px;
	opacity: .6;
	font-weight: 100;
	font-size: 16px;
	margin: 0 20px;
}
header{
	background: #191919;
	padding-top: 15px;
}
header.in{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
}
header::after{
	content: "";
	clear: both;
	display: block;
}
header .logo img{
	vertical-align: top;
}
header .logo{
	display: block;
}

header nav{
	/* position: relative; */
	z-index: 5;
	float: left;
	margin-left: 30px;
}
header nav::after{
	content: "";
	clear: both;
	display: block;
}
header nav .box{
	float: left;
}
header nav .box a.big{
	display: block;
	color: #fff;
	font-size: 18px;
	line-height: 1.1;
	line-height: 52px;
	padding: 0 15px;
	border-radius: 10px 10px 0 0;
	padding-bottom: 15px;
}
header nav .box a.big i{
	font-size: 12px;
	vertical-align: top;
	line-height: 52px;
	display: inline-block;
	margin-left: 3px;
}
header nav .box:first-child a.big i{
	font-size: 20px;
}
header nav .big-right{
	color: #fff;
	float: right;
	line-height: 32px;
	font-size: 14px;
	margin-top: -5px;
}
header nav .big-right img{
	vertical-align: top;
	margin-right: 5px;
}

header nav .box:hover a.big{
	background: #fff;
	color: #113467;
}


header .btn{
	font-size: 14px;
	display: inline-block;
	width: 80px;
	height: 36px;
	background: #fff;
	border-radius: 20px;
	letter-spacing: 3px;
	text-align: center;
	line-height: 36px;
	margin-left: 15px;
	color: #14386c;
	box-shadow: 5px 5px 10px 0 #000;
	margin-top: 7px;
}
header .btn:hover{
	background: #14386c;
	color: #fff;
}

.flex-wrap {
	display: flex;
	align-items: start;
	justify-content: start;
	flex-wrap: wrap;
}
header .w14{
	position: relative;
	z-index: 99;
}
.w14::after{
	content: "";
	clear: both;
	display: block;
}
header .min-nav,.index-nav .min-nav{
	position: absolute;
	top: 100%;
	left: 0;
	top: 90px;
	background: #fff;
	width: 100%;
	box-shadow: 0 5px 15px 0 #333;
	padding: 20px;
	visibility: hidden;
	/* transition: all .1s; */
	opacity: 0;
	border-radius: 0 0 10px 10px;
}
.index-nav .min-nav{
	box-shadow: 0 10px 15px 0 #333;
}

header .min-nav .nav-items,
.index-nav .min-nav .nav-items{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #ccc;
	padding: 15px 0;
}
header .min-nav .nav-items:last-child,
.index-nav .min-nav .nav-items:last-child{
	border-bottom: none;
}
header .min-nav .nav-items span,
.index-nav .min-nav .nav-items span{
	width: 100px;
	font-size: 16px;
	line-height: 25px;
	flex-shrink: 0;
	color: #113467;
	font-weight: 500;
}
header .min-nav .nav-items ul,
.index-nav .min-nav .nav-items ul{
	width: 99%;
	line-height: 25px;
	font-size: 14px;
}
header .min-nav .nav-items ul a,
.index-nav .min-nav .nav-items ul a{
	margin-right: 15px;
	opacity: .6;
}
header .min-nav .nav-items ul a:hover,
.index-nav .min-nav .nav-items ul a:hover{
	color: #113467;
	opacity: 1;
}
header nav .box:hover .min-nav{
	opacity: 1;
	visibility: visible;
	top: 67px;
}
.index-nav .box:hover .min-nav{
	opacity: 1;
	visibility: visible;
	top: 45px;
}
.index-nav .box:hover a.big{
	background: #fff;
	color: #14386c;
}
.inner-banner{
	position: relative;
	overflow: hidden;
	margin-top: 82px;
}
.inner-banner .pic-w{
	position: relative;
	height: 400px;
	overflow: hidden;
}
.inner-banner .inner-xf{
	position: absolute;
	width: 1280px;
	left: 50%;
	margin-left: -640px;
	z-index: 5;
	background: #fff;
	padding: 15px;
	border-radius: 10px;
	top: 80px;
}
.inner-banner .inner-xf.bz{
	top: 160px;
}
.inner-xf .local{
	color: #999;
	font-size: 13px;
}
.inner-xf .local span{
	display: inline-block;
	margin: 0 5px; 
}
.inner-xf .local a{
	color: #999;
}
.inner-xf .local a:hover{
	color: #113467;
}
.inner-xf .inner-hot{
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
}
.inner-xf .inner-hot .title{
	font-size: 15px;
	color: #24508f;
	height: 25px;
	line-height: 25px;
	flex-shrink: 0;
	margin-right: 15px;
}
.inner-xf .inner-hot ul{
	width: 99%;
	height: 25px;
	overflow: hidden;
}
.inner-xf .inner-hot ul a{
	display: inline-block;
	padding: 0 10px;
	height: 25px;
	line-height: 25px;
	border-radius: 10px;
	font-size: 13px;
	opacity: .6;
}
.inner-xf .inner-hot ul a:hover,
.inner-xf .inner-hot ul a.on{
	color: #24508f;
	background: #e4efff;
	opacity: 1;
}
.inner-xf .inner-hot ul.on{
	height: auto;
}
.inner-xf .inner-hot .open{
	flex-shrink: 0;
	margin-left: 15px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	cursor: pointer;
}
.inner-xf .inner-hot .open i{
	font-size: 12px;
	transition: all .3s;
	display: inline-block;
	vertical-align: middle;
}
.inner-xf .inner-hot .open.on i{
	transform: rotate(180deg);
}
.inner-xf .inner-hot .open:hover{
	color: #24508f;
}
.inner-nav{
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 5;
	left: 0;
	background: rgba(18,54,106,.8);
}
.inner-nav .w14{
	display: flex;
	justify-content: space-between;
}
.inner-nav .w14 a{
	color: #fff;
	width: 100%;
	text-align: center;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
}
.inner-nav .w14 a span{
	display: inline-block;
	vertical-align: top;
	line-height: 60px;
	font-size: 26px;
	margin-right: 5px;
}
.inner-nav .w14 a.on,
.inner-nav .w14 a:hover{
	background: #0b274f;
}
.inner-sec{
	background:#dadadb url(../images/inbg.jpg) center top no-repeat;
	padding: 60px 0;
}
.inner-sec .list-title{
	
}
.inner-sec .list-title span{
	display: inline-block;
	color:#fff;
	background: #285598;
	padding:3px 20px;
	font-size: 16px;
}

.word{
	overflow: hidden;
}
.word .title{
	text-align: center;
}
.word .title img{
	vertical-align: top;
}
.word .des{
	margin: 50px 0;
}

.word .des img{
	max-width: 100%;
}
.word .yh-detail{
	background: #fff;
	border-radius: 10px;
	padding: 30px;
}
.word .yh-detail .title{
	line-height: 1.1;
	font-size: 24px;
	text-align: left;
}
.word .yh-detail .line{
	height: 1px;
	background: #ccc;
	margin: 30px 0;
}
div img{
	max-width: 100%;
}

.bq-bot{
	margin-top: 50px;
	text-align: center;
	font-size: 16px;
	color: #fe0000;
}
.bq-bot img{
	width: 115px;
	margin: auto;
	display: block;
	margin-bottom: 20px;
}
.txt-detail{
	background: #fff;
	padding: 30px;
	border-radius: 10px;
}
.txt-detail .line{
	height: 1px;
	background: #ccc;
	margin: 30px 0;
}
.txt-detail .title{
	font-size: 30px;
	color: #153a6f;
	text-shadow:  1.5px 1.5px 0 #9ea3a9;
}
.txt-detail .bottom{
	position: relative;
	font-size: 14px;
}
.txt-detail .bottom::after{
	content: "";
	clear: both;
	display: block;
}
.txt-detail .bottom a{
	opacity: .8;
	line-height: 40px;
	display: inline-block;
	width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.txt-detail .bottom a:hover{
	opacity: 1;
	text-decoration: underline;
	color: #ec5a1c;
}
.txt-detail .bottom a:last-child{
	float:right;	
}
.txt-detail .bottom .back{
	position: absolute;
	left: 50%;
	width: 150px;
	margin-left: -75px;
	top: 0;
	border:1px solid #ccc;
	height: 40px;
	line-height: 38px;
	border-radius: 20px;
	text-align: center;
}
.txt-detail .bottom .back:hover{
	border-color: #ec5a1c;
	text-decoration: none;
}
.hy-bot{
	font-size: 14px;
	margin-top: 50px;
}
.hy-table .big-title{
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
}
.tableborder{
	background: #fff;
	border-color: #e5e5e5;
	font-size: 15px;
}
.tableborder thead{
	background: #ee9945;
	color: #fff;
	font-size: 20px;
	border-radius: 10px;
	overflow: hidden;
}
.tableborder thead td{
	padding: 10px;
	border-color: transparent;
}
.tableborder td{
	padding: 10px;
	font-weight: 300;
	border-color: #e5e5e5;
}
.txt-list .title{
	text-align: center;
	font-size: 30px;
	color: #153a6f;
	text-shadow:  1.5px 1.5px 0 #9ea3a9;
}
.txt-list .des{
	font-size: 14px;
	text-align: center;
	margin: 50px 0;
}
.txt-list .list{
	padding: 30px;
	border-radius: 10px;
	background: #fff;
}
.txt-list .list li{
	display: flex;
	justify-content: space-between;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 20px;
}
.txt-list .list li a{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
}
.txt-list .list li .left{
	flex-shrink: 0;
	width: 110px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 24px;
	text-align: center;
	color: #eb5917;
	background: #fbddd0;
}
.txt-list .list li .right{
	width: 99%;
	padding: 0 25px;
	height: 70px;
	line-height: 70px;
	background: #fdeee7;
	font-size: 16px;
	position: relative;
}
.txt-list .list li .iconfont.icon-next{
	float: right;
	font-size: 14px;
}
.txt-list .list li .iconfont.icon-wenti{
	background: #eb5917;
	color: #fff;
	border-radius: 50%;
}
.txt-list .list li span.wenti{
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #eb5917;
	color: #fff;
	text-align: center;
	line-height: 16px;
	font-size: 12px;
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 5px;
}
.txt-list .list li span,
.txt-list .list li i{
	position: relative;
	z-index: 5;
}
.txt-list .list li .right::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	z-index: 1;
	background: #eb5b1c;
	transition: all .5s;
}
.txt-list .list li:hover .right::after{
	width: 100%;
}
.txt-list .list li:hover .right{
	color: #fff;
}
.txt-list .list li:hover .right span.wenti{
	background: #fff;
	color: #eb5b1c;
}
.txt-list .list li:last-child{
	margin-bottom: 0;
}
.list-banner{
	position: relative;
	overflow: hidden;
	margin-top: 82px;
}
.list-banner .pic-w{
	position: relative;
	padding-bottom: 480px;
	overflow: hidden;
}
.list-banner .w14{
	position: absolute;
	left: 50%;
	margin-left: -390px;
	z-index: 5;
	width: 780px;
}
.list-banner .search-box{
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
}
.list-banner .title{
	font-size: 30px;
	text-align: center;
	color: #fff;
	margin: 75px 0 35px 0;
	font-weight: bold;
}

.list-sx {
	width: 1280px;
	position: relative;
	z-index: 5;
	margin: auto;
	background: #fff;
    padding: 15px;
    border-radius: 10px;
	box-shadow: 0 0 15px 0 #999;
	margin-top: -160px;
}
.list-sx .local{
	color: #999;
	font-size: 13px;
}
.list-sx .local span{
	display: inline-block;
	margin: 0 5px; 
}
.list-sx .local a{
	color: #999;
}
.list-sx .local a:hover{
	color: #113467;
}
.list-sx .inner-hot{
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
}
.list-sx .inner-hot .title{
	font-size: 15px;
	color: #24508f;
	height: 25px;
	line-height: 25px;
	flex-shrink: 0;
	margin-right: 15px;
}
.list-sx .inner-hot ul{
	width: 99%;
	height: 25px;
	overflow: hidden;
}
.list-sx .inner-hot ul a{
	display: inline-block;
	padding: 0 10px;
	height: 25px;
	line-height: 25px;
	border-radius: 10px;
	font-size: 14px;
	opacity: .6;
}
.list-sx .inner-hot ul a:hover,
.list-sx .inner-hot ul a.on{
	color: #24508f;
	background: #e4efff;
	opacity: 1;
}
.list-sx .inner-hot ul.on{
	height: auto;
}
.list-sx .inner-hot .open{
	flex-shrink: 0;
	margin-left: 15px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	cursor: pointer;
}
.list-sx .inner-hot .open i{
	font-size: 12px;
	transition: all .3s;
	display: inline-block;
	vertical-align: middle;
}
.list-sx .inner-hot .open.on i{
	transform: rotate(180deg);
}
.list-sx .inner-hot .open:hover{
	color: #24508f;
}
.list-nav{
	background: #fff;
	margin-top: 40px;
	padding: 15px;
	border-radius: 10px;
    box-shadow: 0 0 15px 0 #999;
	font-size: 14px;
	font-family: "microsoft yahei";
}
.list-nav::after{
	content: "";
	clear: both;
	display: block;
}
.list-nav a{
	opacity: .6;
}
.list-nav a:hover,
.list-nav a.on{
	opacity: 1;
	color: #24508f;
}
.list-nav a{
	display: inline-block;
	margin-left: 10px;
}
.list-nav a i{
	display: inline-block;
	width: 14px;
	height: 14px;
	border:1px solid #333;
	border-radius: 100%;
	margin-right: 3px;
	vertical-align: middle;
	margin-top: -3px;
	position: relative;
	overflow: hidden;
}
.list-nav a i::after{
	content: "";
	position: absolute;
	width: 9px;
	height: 4px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
	bottom: 5px;
	left: 2px;
}
.list-nav a:hover i,
.list-nav a.on i{
	background: #24508f;
}
.main-list{
	margin-top: 30px;
}
.main-list::after{
	content: "";
	clear: both;
	display: block;
}
.main-list li{
	float: left;
	width: 23.5%;
	margin-right: 2%;
	margin-top: 30px;
	cursor: pointer;
}
.main-list li:nth-child(4n){
	margin-right: 0;
}
.main-list li .pic-w{
	height: 220px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	transition: all .3s;
}
.main-list li .pic-w::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 45%;
	bottom: 0;
	left: 0;
	z-index: 2;
	background-image: linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,0));
	transition: all .3s;
}
.main-list li .pic-w::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	z-index: 2;
	background-image: linear-gradient(to bottom, rgba(0,0,0,.6), rgba(0,0,0,0));
	transition: all .3s;
	border-radius: 10px 10px 0 0;
}
.main-list li:hover .pic-w::after{
	height: 45%;
}
.main-list li:hover .pic-w::before{
	height: 0;
}
.main-list .title{
	position: absolute;
	z-index: 3;
	bottom: 20px;
	left: 10px;
	right: 10px;
	overflow: hidden;
	font-size: 17px;
	text-align: center;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all .3s;
}
.main-list li:hover .title{
	bottom: 170px;
}
.main-list li .buttons{
	position: absolute;
	z-index: 5;
	width: 150px;
	left: 50%;
	margin-left: -75px;
	bottom: -120px;
	transition: all .3s;
}
.main-list li .buttons a{
	display: block;
	bottom: 20px;
	height: 45px;
	background: #ea5515;
	color: #fff;
	line-height: 43px;
	font-size: 14px;
	text-align: center;
	background-image: linear-gradient(to right top, #ff9a70, #ea5414);
	border:1px solid transparent;
	border-radius: 10px;
	margin-top: 8px;
}
.main-list li .buttons a:hover{
	background: #fff;
	color: #ea5414;
	border-color: #ea5414;
}
.main-list li:hover .buttons{
	bottom: 20px;
}
.main-list li .big-a{
	position: absolute;
	z-index: 4;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.main-list li:hover .pic-w,{
	box-shadow: 0 5px 35px 0 #999;
}
.main-list li:hover .pic{
	transform: scale(1.1);
}

.main-list li .name .fr span{
	display: inline-block;
	line-height: 30px;
	font-size: 12px;
	color: #999;
	margin-left: 5px;
}
.main-list li .name .fr span:hover,
.main-list li .name .fr span.on{
	color: #ea5414;
}
.main-list li .name .fr span i{
	font-weight: bold;
	font-size: 20px;
	display: inline-block;
	vertical-align: top;
	line-height: 30px;
}
.main-list li .name .fr span i.icon-zanpress{
	font-size: 16px;
}
.main-list li .name{
	overflow: hidden;
	margin-top: 10px;
}
.main-list li .user-head{
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
}
.main-list li .user-nama{
	float: left;
	overflow: hidden;
	margin-left: 10px;
	font-size: 14px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100px;
}
.main-list li:hover .user-nama{
	color: #ea5414;
}
.cpjs{
	margin-top: 80px;
}
.cpjs .des{
	text-align: center;
}
.cpjs .three{
	padding-bottom: 20px;
}
.cpjs .three::after{
	content: "";
	clear: both;
	display: block;
}
.cpjs .three .box{
	display: block;
	float: left;
	background: #fff;
	width: 31%;
	margin-right: 3.5%;
	border-radius: 10px;
	transition: all .3s;
	position: relative;
}
.cpjs .three .box:nth-child(3n){
	margin-right: 0;
}
.cpjs .three .box .top{
	font-size: 24px;
	text-align: center;
	padding: 60px 0;
}
.cpjs .three .box .top img{
	height: 60px;
}
.cpjs .three .box .bot{
	line-height: 60px;
	text-align: center;
	border-top: 1px solid #eee;
	font-size: 14px;
	color: #ea5414;
}
.cpjs .three .box .bot i{
	font-size: 12px;
}
.cpjs .three .box:hover{
	box-shadow: 0 5px 20px 0 #ccc;
}

.cpjs .three .box a{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}

.word .cont{
	margin: 50px 0;
	padding-left: 100px;
}
.word .cont .box{
	float: left;
	overflow: hidden;
}
.word .cont .box:nth-child(1){
	margin-right: 140px;
}
.word .cont .box .iconfont{
	float: left;
	width: 80px;
	height: 80px;
	background: #fff;
	text-align: center;
	line-height: 80px;
	color: #153a6f;
	border-radius: 10px;
	font-size: 30px;
}
.word .cont .box .txt{
	float: left;
	margin-left: 25px;
}
.word .cont .box .txt .big{
	font-size: 20px;
	margin-bottom: 15px;
	line-height: 1.1;
}

.word .cont .box .txt p{
	margin-top: 10px;
	font-size: 15px;
	line-height: 1.1;
}
.word .cont .box .txt p span{
	display: inline-block;
	width: 280px;
}
.word .cont .box:nth-child(1) .txt p span{
	width: 200px;
}
.word .cont .bot{
	padding-top: 100px;
	clear: both;
}
.word .cont .box.wx{
	margin-top: 50px;
}
.word .cont .box.wx .big{
	margin-top: 10px;
}
.word .cont .ewm{
	float: left;
	overflow: hidden;
}
.word .cont .ewm p{
	float: left;
	overflow: hidden;
	padding: 10px;
	border-radius: 10px;
	background: #fff;
	margin-right: 50px;
}
.word .cont .ewm p img{
	display: block;
	width: 130px;
	height: 130px;
	margin-bottom: 10px;
}
.word .cont .ewm p span{
	display: block;
	text-align: center;
	font-size: 15px;
}
.word .cont .ewm p .name{
	color: #ff0000;
	font-size: 13px;
	margin-bottom: 5px;
}
.down-detail{
	box-shadow:  0 10px 25px 0 #666;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	padding-bottom: 30px;
}
.down-detail .title{
	text-align: center;
	font-size: 26px;
	height: 120px;
	line-height: 120px;
	background: url(../images/downbg.jpg);
	color: #fff;
}
.down-detail .main{
	padding: 50px 50px 0 50px;
	overflow: hidden;
}
.down-detail .main .pic-w{
	float: left;
	width: 560px;
	height: 400px;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
}
.down-detail .main .pic-w:hover .pic{
	transform: scale(1.1);
}

.down-detail .main .txt{
	float: right;
	width: 580px;
}
.down-detail .main .txt .name{
	font-size: 18px;
	margin-top: 25px;
}
.down-detail .main .txt .add{
	margin-top: 30px;
	font-size: 14px;
}
.down-detail .main .txt .add a{
	display: block;
	width: 250px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background-image: linear-gradient(to right top, #ff9a70, #ea5414);
	border:1px solid transparent;
	border-radius: 10px;
	margin-top: 8px;
}
.down-detail .main .txt .line{
	height: 1px;
	background: #ccc;
	margin: 45px 0 30px 0;
}
.down-detail .main .txt .des{
	color: #666;
}
.down-detail .main .txt .tips{
	margin-top: 30px;
	color: #666;
}
.down-detail .main .txt .tips a{
	text-decoration: underline;
	color: #666;
}
.down-detail .main .txt .tips a:hover{
	color: #ea5414;
}
.down-detail .links{
	padding: 0 50px;
	margin-top: 30px;
	overflow: hidden;
}
.down-detail .links a{
	display: inline-block;
	width: 210px;
	height: 50px;
	line-height: 50px;
	border:1px solid #ea5414;
	border-radius: 10px;
	margin-right: 15px;
	border-radius: 10px;
	text-align: center;
	color: #ea5414;
	margin-bottom: 10px;
}
.down-detail .links a img{
	display: inline-block;
	height: 25px;
	vertical-align: top;
	margin-top: 12.5px;
	margin-right: 5px;
}

.down-detail .links a:hover{
	color: #fff;
	background: #ea5414;
}
/* .down-detail .links a:hover img{
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
} */

.down-detail .light-box{
	margin-top: 20px;
}
.down-detail .light-box .dowebok{
	background: #fff;
	font-size: 14px;
}
.down-detail .light-box .dowebok a{
	color: #eb5918;
}
.inner-sec .inner-xf{
	width: 1280px;
	margin: auto;
	background: #fff;
	padding: 15px;
	border-radius: 10px;
}
.cp-detail{
	margin-top: 35px;
}
.cp-detail .top{
	margin-bottom: 35px;
}
.cp-detail .top::after{
	content: "";
	clear: both;
	display: block;
}
.cp-detail .top .left{
	width: 800px;
	float: left;
	overflow: hidden;
}
.cp-detail .top .left .title{
	font-size: 26px;
	padding-left: 20px;
	border-left: 5px solid #123c7a;
	line-height: 1.2;
}

.cp-detail .top .left .name{
	overflow: hidden;
	margin-top: 10px;
}
.cp-detail .top .left .user-head{
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
}
.cp-detail .top .left .des{
	overflow: hidden;
	margin-top: 15px;
	padding-left: 25px;
}
.cp-detail .top .left .user-nama{
	float: left;
	overflow: hidden;
	margin-left: 10px;
	font-size: 14px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cp-detail .top .left .fr span{
	display: inline-block;
	line-height: 30px;
	font-size: 14px;
	color: #999;
	margin-left: 10px;
	color: #123c7a;
	opacity: .6;
	cursor: pointer;
}
.cp-detail .top .left .fr span:hover,
.cp-detail .top .left .fr span.on{
	opacity: 1;
}
.cp-detail .top .left .fr span i{
	font-weight: bold;
	font-size: 20px;
	display: inline-block;
	vertical-align: top;
	line-height: 30px;
}
.cp-detail .top .left .fr span i.icon-shoucang{
	font-size: 16px;
}
.cp-detail .top .left .pic-w{
	position: relative;
	overflow: hidden;
	margin-top: 30px;
	height: 460px;
	overflow: hidden;
	border-radius: 10px;
}
.cp-detail .top .left .pic-w .pic{
	transition: all .3s;
	background-size: contain;
	background-color: #ccc;
	background-repeat: no-repeat;
	background-position: center;
}
.cp-detail .top .d-swiper li .pic{
	
	background-size: contain;
	background-color: #ccc;
	background-repeat: no-repeat;
	background-position: center;
}
.cp-detail .top .d-swiper{
	position: relative;
	overflow: hidden;
	margin-top: 30px;
}
.cp-detail .top .d-swiper li{
	position: relative;
	overflow: hidden;
	height: 100px;
	border-radius: 10px;
	cursor: pointer;
	border:2px solid transparent;
}
.cp-detail .top .d-swiper li.big-pic{
	border:2px solid #ea5515;
}
.cp-detail .top .d-swiper .iconfont{
	position: absolute;
	z-index: 5;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #fff;
	color: #666;
	text-align: center;
	transition: all .3s;
	border-radius: 50%;
	left: 0;
	top: 50%;
	margin-top: -15px;
	font-size: 12px;
	transition: all .3s;
	cursor: pointer;
	outline: none;
}
.cp-detail .top .d-swiper .iconfont:hover{
	background: #eb5918;
	color: #fff;
}
.cp-detail .top .d-swiper .iconfont.icon-next{
	right: 0;
	left: auto;
}
.cp-detail .top .right{
	float: right;
	width: 450px;
	background: #fff;
	padding: 25px;
	border-radius: 10px;
}
.cp-detail .op a{
	display: inline-block;
	height: 50px;
	line-height: 50px;
	border:1px solid #ea5515;
	border-radius: 5px;
	font-size: 16px;
	width: 140px;
	text-align: center;
	color: #ea5515;
}
.cp-detail .op a:nth-child(1){
	width: 230px;
	margin-right: 10px;
	background: #ea5515;
	color: #fff;
}
.cp-detail .op a:hover{
	background: #ea5515;
	color: #fff;
}
.cp-detail .top a i{
	font-weight: 500;
	margin-right: 5px;
}
.cp-detail .top .right .des{
	margin-top: 25px;
}
.cp-detail .top .right .des p{
	overflow: hidden;
	font-size: 14px;
	margin-top: 10px;
}
.cp-detail .top .right .des p span{
	display: inline-block;
	overflow: hidden;
	float: left;
	width: 300px;
}
.cp-detail .top .right .des p span.fenxiang{
	color: #ea5514;
}
.cp-detail .top .right .des p span.jieshao{
	height: 126px;
	overflow-y: scroll;
	padding-right: 8px;
}
.cp-detail .top .right .des p span.jieshao::-webkit-scrollbar {/*滚动条整体样式*/
	width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}

.cp-detail .top .right .des p span.jieshao::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 6px;
	 -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #ea5514;
}

.cp-detail .top .right .des p span.jieshao::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 6px;
	background: #EDEDED;
}
.cp-detail .top .right .des p span:first-child{
	width: 100px;
	color: #666;
}
.cp-detail .top .right .line{
	height: 1px;
	background: #ccc;
	margin: 20px 0;
}
.cp-detail .top .right .yl{
	display: inline-block;
	height: 50px;
	line-height: 50px;
	background: #fbddd0;
	padding: 0 25px;
	border-radius: 5px;
	font-size: 16px;
	color: #ea5514;
}
.cp-detail .top .right .yl:hover{
	background: #ea5514;
	color: #fff;
}
.cp-detail .top .right .yl i{
	font-size: 24px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
}
.cp-detail .top .tip{
	margin-top: 25px;
}
.cp-detail .top .tip p{
	font-size: 16px;
	margin-bottom: 10px;
}
.cp-detail .top .tip a{
	display: inline-block;
	padding: 3px 5px;
	border-radius: 10px;
}
.cp-detail .top .tip a:hover{
	
	background: #ea5514;
	color: #fff;
}
.cp-detail .top .right .tip span{
	display: inline-block;
	background: #f7f9fb;
	padding: 5px 12px;
	border-radius: 5px;
	margin-right: 10px;
	margin-top: 10px;
	cursor: pointer;
}
.cp-detail .top .right .links{
	position: relative;
	overflow: hidden;
}
.cp-detail .top .right .links p{
	margin-top: 3px;
	color: #666;
}
.cp-detail .top .right .links p i.icon-share{
	font-size: 18px;
	line-height: 1.1;
	vertical-align: top;
	display: inline-block;
	/* margin-top: 5px; */
}
.cp-detail .top .right .links p i.icon-users{
	font-weight: 300;
	line-height: 1.1;
	vertical-align: top;
	display: inline-block;
	margin-top: 1px;
}
.cp-detail .top .right .links p a{
	text-decoration: underline;
	color: #666;
}
.cp-detail .top .right .links p a:hover{
	color: #ea5514;
}
.cp-detail .top .right .vip{
	background: #f6f5f5;
	border-radius: 10px;
	color: #ea5514;
	margin-bottom: 12px;
}
.cp-detail .top .right .vip a{
	display: flex;
	justify-content: space-between;
	padding:15px 35px;
	color: #ea5514;
}
.cp-detail .top .right .vip p{
	padding-top: 10px;
}
.cp-detail .top .right .vip span{
	display: block;
	font-size: 14px;
	color: #ea5514;
	text-align: center;
	margin-top: 3px;
}
.cp-detail .top .right .vip .iconfont{
	margin-top: 33px;
	font-weight: bold;
}
.cp-detail .dz{
	margin:30px auto ;
	width: 400px;
	display: none;
}
.cp-detail .dz .big{
	text-align: center;
	color: #fff;
	width: 190px;
	margin:auto;
	border-radius: 50px;
	padding: 15px;
	color: #fff;
	font-size: 20px;
	background-image: linear-gradient(to right top, #ff9a70, #ea5414);
}
.cp-detail .dz .big .iconfont{
	display: block;
	line-height: 1.1;
	font-size: 30px;
}
.cp-detail .dz .des{
	text-align: center;
	font-size: 14px;
	color: #666;
}
.cp-detail .dz .user{
	overflow: hidden;
	margin: 15px 0;
	text-align: center;
	font-size: 0;
}
.cp-detail .dz .user p{
	display: inline-block;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	margin: 0 10px;
}
.mz{
	overflow: hidden;
	border-top: 1px solid #ccc;
	padding: 15px 0;
	color: #666;
	line-height: 30px;
}

.mz a{
	display: inline-block;
	height: 30px;
	line-height: 28px;
	border:1px solid #666;
	color: #666;
	padding: 0 15px;
	border-radius: 5px;
	margin-left: 20px;
	font-size: 12px;
}
.mz a i{
	display: inline-block;
	vertical-align: top;
	line-height: 28px;
	margin-right: 5px;
}
.mz a:hover{
	background: #ea5414;
	color: #fff;
	border-color: #ea5414;
}
.cpd-bot{
	background: #fbf7f7;
	padding: 35px 0;
}
.cpd-bot .other{
	margin-bottom: 30px;
}
.cpd-bot .other .title{
	font-size: 20px;
	margin-bottom: 10px;
}
.cpd-bot .other .main{
	position: relative;
}

.cpd-bot .other .b-swiper{
	position: relative;
	overflow: hidden;
}
.cpd-bot .other .b-swiper li{
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}
.cpd-bot .other .b-swiper li .pic-w{
	position: relative;
	overflow: hidden;
	height: 180px;
}
.cpd-bot .other .b-swiper li p{
	background: #fff;
	padding: 15px;
	overflow: hidden;
	font-size: 14px;
}
.cpd-bot .other .b-swiper li p span{
	display: inline-block;
	float: center;
	width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all .3s;
}

.cpd-bot .other .b-swiper li a{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
}
.cpd-bot .other .b-swiper li:hover .pic{
	transform: scale(1.1);
}
.cpd-bot .other .b-swiper li p i{
	margin-right: 5px;
}
.cpd-bot .other .b-swiper li p font{
	opacity: .5;
}
.cpd-bot .other .main .iconfont.icon-prev,
.cpd-bot .other .main .iconfont.icon-next{
	position: absolute;
	z-index: 5;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	color: #666;
	text-align: center;
	transition: all .3s;
	border-radius: 50%;
	left: -50px;
	top: 50%;
	margin-top: -25px;
	font-size: 12px;
	transition: all .3s;
	cursor: pointer;
	outline: none;
}
.cpd-bot .other .main .iconfont.icon-prev:hover,
.cpd-bot .other .main .iconfont.icon-next:hover{
	background: #eb5918;
	color: #fff;
}
.cpd-bot .other .main .iconfont.icon-next{
	right: -50px;
	left: auto;
}
.cpd-bot .other .b-swiper li:hover span{
	color: #ea5414;
}
.cpd-bot .main-left{
	width: 380px;
	float: left;
	overflow: hidden;
}
.cpd-bot .main-left .gg{
	display: block;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 30px;
}
.cpd-bot .main-left .gg img{
	vertical-align: top;
}
.cpd-bot .left-list{
	margin-bottom: 30px;
	background: #fff;
	border-radius: 10px;
}
.cpd-bot .left-list .left-nav{
	padding: 15px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #ccc;
}
.cpd-bot .left-list .left-nav p{
	width: 32%;
	height: 40px;
	border-radius: 5px;
	line-height: 40px;
	color: #666;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	transition: all .3s;
}
.cpd-bot .left-list .left-nav p:hover,
.cpd-bot .left-list .left-nav p.on{
	color: #1d3e70;
	background: #e4efff;
}
.cpd-bot .left-list .list-main{
	padding: 15px;
	overflow: hidden;
}
.cpd-bot .left-list .list-main ul{
	display: none !important;
}
.cpd-bot .left-list .list-main ul.on{
	display: block !important;
}
.cpd-bot .left-list .list-main ul a{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	font-size: 14px;
	text-overflow: ellipsis;
	color: #666;
	margin-bottom: 10px;
	padding-left: 35px;
	position: relative;
}
.cpd-bot .left-list .list-main ul a:hover{
	color: #ea5414;
}
.cpd-bot .left-list .list-main ul li:nth-child(1) a{
	padding-left: 35px;
	line-height: 30px;
	overflow: hidden;
	background: url(../images/1.png) center left no-repeat;
	background-size:auto 25px;
}
.cpd-bot .left-list .list-main ul li:nth-child(2) a{
	padding-left: 35px;
	line-height: 30px;
	overflow: hidden;
	background: url(../images/2.png) center left no-repeat;
	background-size:auto 25px;
}
.cpd-bot .left-list .list-main ul li:nth-child(3) a{
	padding-left: 35px;
	line-height: 30px;
	overflow: hidden;
	background: url(../images/3.png) center left no-repeat;
	background-size:auto 25px;
}
.cpd-bot .left-list .list-main ul li a::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 21px;
	text-align: center;
}
.cpd-bot .left-list .list-main ul li:nth-child(4) a::after{
	content: "4";
}
.cpd-bot .left-list .list-main ul li:nth-child(5) a::after{
	content: "5";
}
.cpd-bot .left-list .list-main ul li:nth-child(6) a::after{
	content: "6";
}
.cpd-bot .left-list .list-main ul li:nth-child(7) a::after{
	content: "7";
}
.cpd-bot .left-list .list-main ul li:nth-child(8) a::after{
	content: "8";
}
.cpd-bot .left-list .list-main ul li:nth-child(9) a::after{
	content: "9";
}
.cpd-bot .left-list .list-main ul li:nth-child(10) a::after{
	content: "10";
}
.cpd-bot .main-right{
	float: right;
	width: 870px;
}
.cpd-bot .main-right .right-list .big{
	font-size: 20px;
	line-height: 1.1;
}

.cpd-bot .main-right .list ul::after{
	content: "";
	clear: both;
	display: block;
	position: relative;
	overflow: hidden;
}
.cpd-bot .main-right .list li{
	float: left;
	overflow: hidden;
	width: 23.5%;
	margin-right: 2%;
	margin-top: 30px;
	cursor: pointer;
	border-radius: 10px;
	background: #fff;
	position: relative;
}
.cpd-bot .main-right .list li:nth-child(4n){
	margin-right: 0;
}
.cpd-bot .main-right .list li .pic-w{
	position: relative;
	overflow: hidden;
	height: 160px;
}

.cpd-bot .main-right .list li .op{
	padding: 5px 10px;
	overflow: hidden;
	color: #666;
}
.cpd-bot .main-right .list li span{
	margin-right: 10px;
}
.cpd-bot .main-right .list li .user{
	overflow: hidden;
	padding: 5px 10px;
	border-top: 1px solid #ccc;
}
.cpd-bot .main-right .list li .user-head{
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
}
.cpd-bot .main-right .list li .user-nama{
	float: left;
	overflow: hidden;
	margin-left: 10px;
	font-size: 14px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cpd-bot .main-right .list li:hover .user-nama{
	color: #ea5414;
}
.cpd-bot .main-right .list li:hover .pic{
	transform: scale(1.1);
}
.cpd-bot .main-right .list li a{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
}
.comment{
	margin-bottom: 30px;
	border-radius: 15px;
	overflow: hidden;
}
.comment .comm{
	padding: 30px;
	overflow: hidden;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
 .comm .area{
	 position: relative;
	 border-radius: 10px;
	 overflow: hidden;
 }
 .comm .area textarea{
	 border:1px solid #ccc;
	 padding: 10px;
	 height: 100px;
	 background: #fbf7f7;
	 border-radius: 10px;
	 display: block;
	 resize: none;
	 width: 100%;
 }
 .comm .area::after{
	 content: "";
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 background: rgba(0,0,0,.1);
	 z-index: 2;
 }
 .comm .area .on-area{
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%,-50%);
	 z-index: 3;
	 line-height: 30px;
 }
 .comm .area .on-area a{
	 display: inline-block;
	 width: 50px;
	 height: 30px;
	 background: #123568;
	 margin-right: 15px;
	 text-align: center;
	 color: #fff;
	 border-radius: 5px;
 }
 .comm .area .on-area a:hover{
	 background: #fff;
	 color: #123568;
 }
 .comm .op{
	 overflow: hidden;
	 margin-top: 20px;
 }
 .comm .op input{
	 display: inline-block;
	 background: #fbf7f7;
	 border-radius: 5px;
	 display: block;
	 resize: none;
	 width: 100%;
	 height: 30px;
	 line-height: 28px;
	 text-indent: 1em;
	 border:1px solid #ccc;
	 float: left;
	 width: 160px;
 }
 .comm .op .pic{
	 display: inline-block;
	 position: relative;
	 width: 80px;
	 height: 30px;
	 background: #ccc;
	 float: left;
	 margin-left: 10px;
	 border-radius: 5px;
	 overflow: hidden;
 }
 .comm .op .pic img{
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
 }
 .comm .op .but{
	 width: 80px;
	 height: 30px;
	 background: #fbf7f7;
	 margin-left: 10px;
	 border-radius: 5px;
	 overflow: hidden;
	 text-align: center;
	 line-height: 30px;
 }
 .comm .op .but:hover{
	 background: #ea5414;
	 color: #fff;
 }
 .comment .comm-list{
	 padding: 30px;
	 background: #fff;
	 padding-bottom: 0;
 }
 .comment .comm-list .title{
	 line-height: 1.1;
	 margin-bottom: 20px;
	 font-size: 14px;
 }
 .comment .comm-list .title span{
	 color: #666;
		margin-left: 15px;
 }
 .comment .comm-list li{
	 overflow: hidden;
	 border-bottom: 1px solid #eee;
	 padding: 25px 0;
 }
 .comment .comm-list li .user-head{
	 float: left;
	 width: 50px;
	 height: 50px;
	 position: relative;
	 overflow: hidden;
	 border-radius: 50%;
	 float: left;
 }
 .comment .comm-list li .txt{
	 float: left;
	 width: 730px;
	 margin-left: 30px;
	 overflow: hidden;
 }
 .comment .comm-list li .name{
	 font-size: 16px;
 }
 .comment .comm-list li .des{
	 font-size: 14px;
	 color: #666;
	 line-height: 20px;
	 height: 80px;
	 overflow: hidden;
	 margin: 10px 0;
 }
 .comment .comm-list li .time{
	 color: #999;
 }
 .comment .comm-list ul{
	 height: 400px;
	 overflow: hidden;
 }
 .comment .comm-list ul.on{
	 height: auto;
 }
 .comment .comm-list .scoll{
	 text-align: center;
	 font-size: 14px;
	 color: #999;
	 padding: 10px 0;
	 transition: all .3s;
	 cursor: pointer;
 }
 .comment .comm-list .scoll i{
	 font-size: 14px;
	 display: inline-block;
 }
 .comment .comm-list .scoll.on i{
	 transform: rotate(180deg);
 }
 .comment .comm-list .scoll:hover{
	 color: #ea5414;
 }
 .fix-right{
	 position: fixed;
	 right: 10px;
	 top: 50%;
	 transform: translateY(-50%);
	 z-index: 999;
	 background: #fff;
	 border-radius: 10px;
 }
 .fix-right .box{
	 position: relative;
	 text-align: center;
	 border-bottom: 1px solid #ccc;
	 padding: 10px;
	 position: relative;
	 transition: all .3s;
	 cursor: pointer;
	 color: #666;
 }
 .fix-right .box>i{
	 display: block;
	 font-size: 26px;
	 line-height: 1.1;
 }
 .fix-right .box:hover{
	 color: #ea5414;
 }
 .fix-right .box a.cover{
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 z-index: 1;
 }
 .fix-right .box:last-child{
	 border:none;
 }
 .fix-right .box .in-box{
	 position: absolute;
	 right: -260px;
	 /* right: 0px; */
	 top: 0;
	 top: 50%;
	 transform: translateY(-50%);
	 z-index: 5;
	 padding: 15px;
	 border-radius: 10px;
	 box-sizing: border-box;
	 border-right: 5px solid transparent;
	 overflow: hidden;
	 visibility: hidden;
 }
 .fix-right .box .in-box .ewm{
	 width: 100px;
	 max-width: 100px;
	 vertical-align: top;
	 position: relative;
	 z-index: 5;
 }
 .fix-right .box .in-box::after{
	 content: "";
	 position: absolute;
	 left: 0;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 z-index: 1;
	 background: #fff;
 }
.fix-right .box:hover .in-box{
	 right: 68px;
	 visibility: visible;
 }
 .fix-right .box .sm-box{
	 position: relative;
	 z-index: 5;
	 overflow: hidden;
	 width: 160px;
	 color: #333;
	 margin-bottom: 20px;
 }
 .fix-right .box .sm-box:last-child{
	 margin-bottom: 0;
 }
 .fix-right .box .sm-box img{
	 float: left;
	 display: block;
	 width: 25px;
 }
 .fix-right .box .sm-box .txt{
	 float: left;
	 padding-left: 10px;
	 text-align: left;
	 
 }
 .fix-right .box .sm-box .txt p{
	 font-size: 15px;
	 margin-bottom: 5px;
 }
 .fix-right .box .sm-box a{
	 display: block;
	 text-align: center;
	 height: 25px;
	 border-radius: 13px;
	 background: #008bff;
	 color: #fff;
	 line-height: 25px;
	 font-size: 12px;
	 margin-top: 5px;
	 width: 120px;
 }
 .fix-right .box .sm-box a i{
	 display: inline-block;
	 font-size: 12px;
 }
 .fix-right .box .sm-box a:hover{
	 background: #ea5414;
 }
 .popPart{
	 position: fixed;
	 top: 100%;
	 width: 100%;
	 height: 100%;
	 z-index: 99;
	 background: rgba(0,0,0,.5);
 }
.popPart .file-box{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	transform: translate(-50%,-50%);
	background: #fff;
	width: 840px;
	padding: 20px;
	border-radius: 15px;
}
.popPart .file-box .title,
.popPart .file-box li{
	overflow: hidden;
	transition: all .3s;
}
.popPart .file-box .title{
	background: #ea5515;
	color: #fff;
	border-radius: 10px 10px 0 0;
	padding-right: 10px;
}
.popPart .file-box .title span{
	line-height: 40px;
	height: 40px;
}
.popPart .file-box span i.wenjian{
	width: 16px;
	height: 16px;
	background: url(../images/dir.png);
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	margin-top: -5px;
}
.popPart .file-box span i{
	font-size: 18px;
	display: inline-block;
	margin-right: 3px;
	vertical-align: middle;
	margin-top: -3px;
}
.popPart .file-box span{
	display: inline-block;
	float: left;
	height: 35px;
	line-height: 35px;
	width: 15%;
	text-align: center;
	font-size: 14px;
	padding: 0 5px;
	font-weight: 300;
}

.popPart .file-box span a{
	color: #428bca;
}
.popPart .file-box span:nth-child(1){
	width: 10%;
}
.popPart .file-box span:nth-child(2){
	width: 60%;
}
.popPart .file-box li span:nth-child(2){
	text-align: left;
}
.popPart .file-box li:nth-child(even){
	background: #eee;
}
.popPart .file-box li:hover{
	background: #eee;
}
.popPart .file-box ul{
	overflow-y: scroll;
	border:1px solid #ccc;
	max-height: 500px;
}
.popPart .file-box .close{
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	background: #ea5515;
	font-size: 20px;
	color: #fff;
	margin: -42px -42px 0 0 ;
	transition: all .3s;
	cursor: pointer;
	outline: none;
}
.popPart .file-box .close:hover{
	transform: rotate(180deg);
}



.pagelist {
	max-width: 1300px;
	text-align: center;
	margin: 3% auto;
	font-size: 0;
}

.pagelist a {
	display: inline-block;
	padding: 0 8px;
	height: 32px;
	border: 1px solid rgba(0, 0, 0, 0);
	line-height:32px;
	opacity: .6;
	font-size: 14px;
	margin: 0 5px;
	vertical-align: top;
}


.pagelist a.acti,
.pagelist a:hover {
	border: 1px solid #ea5515;
	background: #ea5515;
	color: #fff;
	opacity: 1;
}

.pagelist span.cpage
{
	border: 1px solid #ea5515;
	background: #ea5515;
	color: #fff;
	opacity: 1;
	display:inline-block;
	font-size:16px;
	padding:0 8px;
}


.pagelist a:first-child,
.pagelist a:last-child {
	background: #ea5515;
	border: 1px solid #ea5515;
	color: #fff;
}



.pagelist b a:last-child {
  background: #fff;
  border: 1px solid #fff;
	color: #000;
}

.pagelist a.icon:hover {
	opacity: 1;
}
@media screen and (max-width: 960px) {
	
}