@charset "utf-8";
/* CSS Document */
html,body{
	height:100%;
}
body {
	margin:0;
	padding:0;
	font-family:Arial, "Microsoft YaHei", 微软雅黑;
	font-size:14px;
	line-height:1.5;
	color:#333;
	width:100%;
	min-width:900px;
	margin:0px auto;
	background-color:#fff;
	overflow-x: hidden;
}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#333;
}
img {
	border:0;
	display:inline;
	vertical-align: bottom;
	width:auto;
	height:auto;
	max-width:100%;
}
div, ul, li, dl, dd, span, h1, h2, p, h4, h3 {
	margin:0;
	padding:0;
	list-style:none;
}
.clear {
	clear:both; width:0px; height:0px;
}
.index1{ max-width: 1920px; width: 100%; margin: 0px auto;}
.container {
	margin:0px auto; width: 1137px;
	height:auto;

}

* {
	box-sizing: border-box;
}
.tpleft{ float:left;}
.tpright{ float:right;}
.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-center-y {
	display: flex;
	align-items: center;
}
.flex-center{ display: flex; align-items: center; justify-content: center;}
.flex-column{ display: flex; flex-direction: column;}
/* 首页 */
.index{ background-color: #0c0b13; background-image: url(../images/bg_01.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; height:100%; overflow:hidden;}
.index .fullpage{ height:100%; overflow:hidden;}
.banner{background-image: url(../images/banner_02.png); background-repeat: no-repeat; background-position: center top; height: 1068px;}
.part_1{ height: 300px;background-image: url(../images/partbg_03.jpg); background-repeat: no-repeat; background-position: center center; padding: 0px 22px; position: absolute; left: 0; right:0 ;bottom: 7%; margin:auto;}
.part_1 img{ display: block;transition: all .3s ease;-webkit-transition: all .3s ease;}
.part_1 .box1{ width: 239px; float: left;}
.part_1 .box2{ width: 303px; float: left; justify-content: space-between; height: 166px; padding: 6px 0px; }
.part_1 .box2 .btn img{ height: 66px;}
.part_1 a:hover img{ opacity: .8;}
.part_1 .box3{ width: 316px; height: 166px; background-color: #0f1022; border: 1px #8e8679 solid; color: #fff; font-size: 12px; padding: 0px 22px; float: left;}
.part_1 .box3 .pic{ width: 137px;}
.part_1 .box3 .content{ flex:1; margin-left: 29px;}
.part_1 .box3 .content .title{ font-size: 24px; font-weight: 600; margin-bottom: 5px;}
.part_1 .box4{ width: 134px;}
.index_bt{ text-align: center; margin-bottom: 13px;}
.index_bt .num{ margin-bottom: 12px;}
.main .container{ position: relative; margin-top: -436px; z-index: 20;}
.value_pic{ overflow: hidden; border: 2px #d8cfa6 solid; margin-bottom: 16px;}
.value_pic ul li img{ width: 100%; height: auto;object-fit: cover;object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.value_pic ul li:hover img{transform:scale(1.03);-webkit-transform:scale(1.03);}
.great { position: relative;}
.great ul li{ float: left; width: 264.6px;overflow: hidden; border: 2px #d8cfa6 solid; margin-right: 26px;}
.great ul li.swiper-slide-thumb-active{border-color:#fd7803;}
.great ul li img{ width: 100%; height: auto;object-fit: cover;object-position: center center;transition:all .5s;-webkit-transition:all .5s; height: 139px;}
.great ul li:hover img{transform:scale(1.03);-webkit-transform:scale(1.03);}
.great ul li:last-child{ margin-right: 0px;}
.great:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.great .btn{ width: 60px; position: absolute; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); cursor: pointer;}
.great .btn img{transition: all .3s ease;-webkit-transition: all .3s ease;}
.great .btn:hover img{ opacity: .8;}
.great .prev{ left: -72px;}
.great .next{ right: -72px;}
.part_2{ margin-bottom: 64px;}
.index_new{ padding-left: 15px; padding-top: 40px; padding-bottom: 24px;}
.index_new .photo{ width: 620px;}
.index_new .news_list{  flex:1;overflow: hidden; margin-right: 42px;}
.index_new .news_list ul li{ font-size: 12px; color: #f6bcba;border-bottom:1px #f6bcba dashed; display: flex; justify-content: space-between; line-height: 39px;}
.index_new .news_list ul li a{font-size: 12px; color: #f6bcba; flex:1;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-right: 24px;}
.index_new .news_list ul li:hover,.index_new .news_list ul li a:hover{ color: #fff;}
.index_new .news_list .more{ display: flex; justify-content: flex-end; padding-right: 11px; margin-top: 32px;}
.index_new .news_list .more a img{transition:all .5s;-webkit-transition:all .5s;}
.index_new .news_list .more a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.part_3{background-color: #0c0b13; padding: 15px 0px;}
.link{}
.link ul{display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 26px 26px;
align-items: stretch;}
.link ul li{transition: transform .3s ease;}
.link ul li img{ width: 100%; height: auto;}
.link ul li:hover{box-shadow:0 0 6px 0 rgba(0, 0, 0, .12);
	transform:translateY(-4px)}
.footer{ background-color: #181818; color: #ae9e8f; background-image: url(../images/footbg_61.jpg); background-position: center top; background-repeat: no-repeat; padding: 15px 0px; line-height: 2; text-align: center; font-size: 12px;}
.footer a{color: #ae9e8f;}
.online{ position: fixed; width: 199px; height: 402px; left: 0px; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);background-image: url(../images/index_25.png); background-position: center top; background-repeat: no-repeat; z-index: 1000;}
.online .list{ width: 182px; position: absolute; right: -15px; bottom: 21px;}
.online .list ul li{ margin-bottom: 7px;}
.online .list ul li .btn{background-position: center center; background-repeat: no-repeat; height: 52px; background-size: cover; cursor: pointer;transition: all .3s ease;-webkit-transition: all .3s ease;}
.online .list ul li:last-child{ margin-bottom: 0px;}
.online .list ul li.no1 .btn{background-image: url(../images/arr_03.png); }
.online .list ul li.no1 .btn:hover,.online .list ul li.no1.on .btn{background-image: url(../images/arr_05.png); }
.online .list ul li.no2 .btn{background-image: url(../images/arr_09.png); }
.online .list ul li.no2 .btn:hover,.online .list ul li.no2.on .btn{background-image: url(../images/arr_10.png); }
.online .list ul li.no3 .btn{background-image: url(../images/arr_13.png); }
.online .list ul li.no3 .btn:hover,.online .list ul li.no3.on .btn{background-image: url(../images/arr_14.png); }

.header{ background-color: #181818;}
.header .container{ height: 74px; position: relative; display: flex; align-items: center; justify-content: flex-end;}
.header .container .logo { position: absolute; left: 0px; top: 0px; width: 151px;}
.header .container .logo img{ width: auto;}
.header .container .menu{float: right; flex:1; margin-left: 189px;}
/*.header .container .menu ul{ display: flex ;align-items: center; justify-content: space-between;}*/
.header .container .menu ul{ display: flex ;align-items: center}
.header .container .menu ul li{ float: left; margin-left: 40px;}
.header .container .menu ul li a{  font-size: 12px; color:#fff; line-height:86px; height:46px; min-width:86px; text-align:center; display: flex; align-items: center; justify-content: center; font-weight: 600;
	}
.header .container .menu ul li a:hover,.header .container .menu ul li.active a{background-image: url(../images/list_03.jpg); background-repeat: no-repeat; background-size: cover; color: #5a350b; font-size: 14px;text-shadow: 0px 0px #dbb898, 0px 1px #dbb898; }
.nybanner{ height: 253px; background-repeat: no-repeat;background-position: center top;}
.list_box{ padding: 23px 0px 30px;}
.new_box{ display: flex; align-items: flex-start;}
.new_box .left_menu{ width: 279px; border: 1px #d7d7d7 solid; float: left;}
.new_box .right_cont{ flex:1; float: left;  overflow: hidden; border: 1px #d7d7d7 solid; background-color: #fafafa; margin-left: 26px; padding: 28px 26px 39px;}
.new_box .left_menu .box1{ padding: 20px 24px 0px; text-align: center;border-bottom: 1px #d7d7d7 solid; }
.new_box .left_menu .box1 .item img{transition: all .3s ease;-webkit-transition: all .3s ease;}
.new_box .left_menu .box1 .item img:hover{ opacity: .8;}
.new_box .left_menu .box1 .item a{ margin-bottom: 16px; display: block;}
.new_box .left_menu .box1 .weix{ margin-bottom: 12px;}
.new_box .left_menu .box2{border-bottom: 1px #d7d7d7 solid; padding: 8px 0px;}
.new_box .left_menu .box2 .pic{ width: 84px; height: auto; border: 1px #e0e1dd solid; float: left;}
.new_box .left_menu .box2 .content{ width: 100px; color: #3e3e3e; margin-left: 8px; font-size: 14px; line-height: 1.3;}
.new_box .left_menu .box2 .content .title{ font-size: 24px; margin-bottom: 5px;}
.new_box .left_menu .box3{ height: 93px;}
.new_box .left_menu .box3 a{ font-size: 25px; font-weight: 600; color: #9c9c9c;}
.new_box .left_menu .box3 a img{ margin-right: 14px;}
.version_tit{ line-height: 1; align-items: flex-end; margin-bottom: 18px;}
.version_tit .tpleft{ font-size: 23px; color: #3e3e3e; font-weight: 600; margin-right: 18px;}
.version_tit .tpleft img{ width: 21px; margin-right: 5px;}
.version_tit .local{ font-size: 12px;}
.new_class{ border-bottom: 1px #d4d4d4 solid; margin-bottom: 20px;}
.new_class ul li{ position: relative;}
.new_class ul li a{ display: block; font-size: 18px; color: #9f9f9f; width: 112px; line-height: 43px; text-align: center;}
.new_class ul li.active a{ color: #303030;}
.new_class ul li.active:before{ content: ""; position: absolute; left: 0px; bottom: -1px; height: 2px; width: 100%; height: 2px; background-color: #ffa500;}
.new_list2{ margin-bottom: 28px;}
.new_list2 ul li{ display: flex; justify-content: space-between; align-items: center;border-bottom:1px #9c9c9c dashed; color: #9c9c9c; font-size: 12px; line-height: 41px;}
.new_list2 ul li .tpleft{ flex:1; margin-right: 15px;}
.new_list2 ul li .tpleft a{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; flex:1;}
.new_list2 ul li a{color: #9c9c9c;}
.new_list2 ul li a:hover,.new_list2 ul li:hover{ color: #333;}
.show_box{overflow: hidden;
    border: 1px #d7d7d7 solid;
    background-color: #fafafa;
    padding: 40px; color: #6a6868; font-size: 12px;}
.show_box .title{ text-align: center; font-size: 18px; color: #303030;}
.show_box .sourse{ border-bottom: 2px #ffa500 solid; padding-top: 10px; padding-bottom: 17px; margin-bottom: 25px;}
.show_box .sourse .size{ margin: 0px 6px;}
.show_box .sourse .author{ margin-right: 29px;}
.show_box .show3{ line-height: 1.7;}
.show_box .show3 p{ margin-bottom: 20px;}
.section{ width: 100%; display: flex; flex-direction:column; justify-content: center; overflow: hidden;}
.section.no1{ position: relative; justify-content: flex-start;}
.section.auto{height:auto !important;}
/*分页*/
.pagelist {
    display: flex;
    align-items: center;
    justify-content: center;
flex-wrap: wrap; font-size:14px;
}
.pagelist a {
    background: #fff;
    color: #636363; font-size:14px;
   min-width:35px;
    padding:0px 10px; height:29px;
    cursor:pointer; margin:5px 4px;
	display: flex;
    align-items: center;
    justify-content: center;
	border:1px #eaeaea solid; border-radius:5px;
	
} 
.pagelist span{ margin:5px 10px;}
.pagelist .active ,.pagelist a:hover{
   color: #333;
    background:#ffba00;
	border:1px #ffba00 solid;
}
.bg2{background-color:#181818;}

/*列表*/
@media screen and (max-width: 1840px) {
 .index{ zoom: .7; }
 .header .container{ zoom: .9;}
 .list_box .container{ zoom: .9;}
 .footer .container{ zoom: .9;}

}
@media screen and (max-width: 1500px) {
	.banner{ background-size: 1650px 811px; height: 837px;}
	.main .container{ margin-top: -346px; }
	.online{ left:0px;}
  }
  @media screen and (max-width: 1450px) {
	.online{ zoom: .7;}
  }
  @media screen and (max-width:1000px) {
	.section.no1{justify-content:center;}
	.index{ height: auto;}
	.index .fullpage{ height: auto;}
	.section.no2{ padding: 30px 0px;}
	.container{ width: 900px;}
  }