/* @font-face {
	font-family: 'SourceHanSansCN';
	src: url('SourceHanSansCN-Regular.ttf');
} */
.head {
	padding-bottom: 20px;
}

.head .info {
	font-size: 12px;
	color: #333333;
	line-height: 24px;
	margin-top: 20px;
}
.child_banner
.head .logo {
	margin-top: 30px;
}

.head .info .god_1 {
	margin-right: 50px;
}

 
.banner {
	position: relative;
}

.nav {
	position: absolute;
	z-index: 99;
	width: 100%;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.1);
	padding-top: 5px;
}

.nav ul li {
	position: relative;
}

.nav ul li .li_a {
	display: inline-block;
	padding: 22px 38px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	position: relative;
}

.nav ul li .li_a::after {
	content: '';
	position: absolute;
	width: 1px;
	height: 15px;
	right: -2px;
	background: #fff;
	top: 50%;
	transform: translate(0, -50%);
}
.nav ul li:hover .li_a::after{
	display: none;
}

.nav ul li .li_a::before {
	content: '';
	position: absolute;
	left: 50%;
	display: none;
	transform: translate(-50%, 0);
	width: 20px;
	top: 50px;
	height: 2px;
	background: #0044e2;
}

.nav ul li:hover .li_a {
	background: #fff;
	color: #0044e2;
}

.nav ul li:hover .li_a::before {
	display: inline-block;
}

.nav ul li:last-child .li_a::after {
	display: none;
}

.nav ul .on .li_a {
	background: #fff;
	color: #0044e2;
}
.nav ul .on .li_a::after{
	display: none;
}

.nav ul .on .li_a::before {
	display: inline-block;
}

.nav .sousuo {
	margin-top: 18px;
	cursor: pointer;
	position: relative;
}
.nav .sousuo .txts{
	width: 170px;
	height: 30px;
	font-size: 14px;
	padding: 0px 4px;
	border-radius: 5px;
}
.nav .sousuo .but{
	position: absolute;
	width: 40px;
	height: 100%;
	background: url(../img/p40.png)  center no-repeat #004dff;
	color: #fff;
	font-size: 14px;
	top: 0px;
	border-radius: 5px;
	z-index: 9;
	right: 0px;
	cursor: pointer;
}

.modle_1 {
	padding-bottom: 80px;
}

.modle_1 ul {
	margin-top: -80px;
	position: relative;
	z-index: 99;
}

.modle_1 ul li {
	background: #fff;
	border-radius: 10px;
	width: 18%;
	margin: 0px 1%;

}

.modle_1 ul li .dm {
	padding: 60px 0;
	text-align: center;
	box-shadow: 0px 2px 21px 0px rgba(178, 178, 178, 0.5);
}

.modle_1 ul li .dm .img {
	width: 95px;
	height: 95px;
	background: #0044e2;
	line-height: 95px;
	text-align: center;
	display: block;
	margin: 0px auto;
	border-radius: 50%;
	margin-bottom: 15px;
}

.modle_1 ul li .dm .img .i2 {
	display: none;
}

.modle_1 ul li .dm .nt {
	font-size: 21px;
	color: #000000;
}

.modle_1 ul li:hover {
	background: #0044e2;
	color: #fff;
}


.modle_1 ul li:hover .dm .nt {
	color: #fff;
}

.modle_1 ul li:hover .dm .img {
	background: #fff;
}

.modle_1 ul li:hover .dm .img .i1 {
	display: none;
}

.modle_1 ul li:hover .dm .img .i2 {
	display: inline-block;
}


.modle_2 {
	background: url(../img/1_10.png) center no-repeat;
	background-size: cover;
}

.modle_2 .listvest .list {
	display: flex;
}

.modle_2 .listvest .list .cont {
	flex: 1;
	padding-top: 80px;
	padding-right: 60px;
}

.modle_2 .listvest .list .cont .t1 {
	font-size: 36px;
	color: #333333;
	margin-bottom: 30px;
}

.modle_2 .listvest .list .cont .dect {
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 60px;
}

.cm_mores a,
.cm_mores span {
	display: inline-block;
	border: 1px solid #cccccc;
	padding: 4px 35px 8px;

}

.modle_2 .box {
	position: relative;
}

.modle_2 .box .click {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.modle_2 .box .click .it {
	margin-right: 25px;
	cursor: pointer;
	width: 290px;
	border: 2px solid transparent;
}

.modle_2 .box .click .on {
	border: 2px solid #0044e2;
}

.modle_3 {
	padding: 85px 0 60px;
}

.cm_title {
	text-align: center;
	margin-bottom: 50px;
}

.cm_title .t1 {
	font-size: 48px;
	color: #cbcbcb;

}

.cm_title .t2 {
	font-size: 36px;
	color: #000000;
	position: relative;
	padding-bottom: 15px;
	margin-top: -40px;
}

.cm_title .t2::before {
	content: '';
	position: absolute;
	width: 50px;
	height: 4px;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 0px;
	background: #000000;
}

.modle_3 .click {
	text-align: center;
	margin-bottom: 40px;
}

.modle_3 .click span {
	display: inline-block;
	width: 170px;
	padding: 25px 0;
	border: 1px solid #e6e6e6;
	margin: 0px -5px;
	position: relative;
	z-index: 5;
	background-color: #fff;
	font-size: 18px;
	cursor: pointer;
}

.modle_3 .click span:hover {
	background: #0044e2;
	color: #fff;
}

.modle_3 .click .on {
	background: #0044e2;
	color: #fff;
}

.modle_3 .listvest .list ul li {
	width: 23%;
	margin-right: 2%;
	margin-bottom: 20px;
}

.modle_3 .listvest .list ul li:nth-child(4n) {
	margin-right: 0px;
}

.modle_3 .listvest .list ul li .nt {
	color: #000000;
	text-align: center;
	font-size: 24px;
	margin-top: 20px;
}
.modle_3 .listvest .list:nth-child(2n) ul li{
	
	width: 31%;
	
}
.modle_3 .listvest .list:nth-child(2n) ul li:nth-child(3n){
	margin-right: 0px;
}

.modle_4 {
	padding: 110px 0px 120px;
	background: url(../img/p36.png) center no-repeat;
}

.modle_4 .box {
	position: relative;
}

.modle_4 .box .it {
	position: absolute;

}

.modle_4 .box .it .t1 {
	font-size: 24px;
	color: #000000;
	margin-bottom: 15px;
	font-weight: bold;
}

.modle_4 .box .it .t2 {
	font-size: 16px;
	color: #666666;
	width: 270px;
}

.modle_4 .box .i1 {
	left: 130px;
	top: 30px;
}

.modle_4 .box .i2 {
	left: 10px;
	top: 210px;
}


.modle_4 .box .i3 {
	left: 80px;
	top: 480px;
}


.modle_4 .box .i4 {
	right: 80px;
	top: 0px;
	text-align: right;
}


.modle_4 .box .i5 {
	right: 10px;
	top: 300px;
	text-align: right;
}


.modle_4 .box .i6 {
	right: 20px;
	top: 500px;
	text-align: right;
}

.modle_5 .swiper-container {
	height: 430px;
}

.modle_5 {
	padding: 90px 0px 100px;
	background: url(../img/1_28.png) center bottom no-repeat;

}

#certify {
	position: relative;
	width: 1280px;
	margin: 0 auto
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify .swiper-slide {
	width: 520px;
	height: 408px;

}

#certify .swiper-slide img {
	display: block;
	margin: 0px auto;
}

#certify .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}



.modle_6 {
	padding: 90px 0;
}

.modle_6 .box .it {
	width: 48%;
	display: flex;
	border: 1px solid #f3f3f3;
	margin-bottom: 30px;

}

.modle_6 .box .it:nth-child(2n) {
	float: right;
}

.modle_6 .box .it .cont {
	flex: 1;
	padding: 30px;
}

.modle_6 .box .it .cont .t1 {
	font-size: 21px;
	color: #333333;
	margin-bottom: 20px;
}

.modle_6 .box .it .cont .t2 {
	font-size: 16px;
	color: #666666;
	line-height: 28px;
	height: 84px;
	margin-bottom: 30px;
}

.modle_6 .box .it .cont .t3 {
	font-size: 14px;
	color: #999999;
}

.modle_6 .box .it .cont .t3 a {
	color: #999999;
}

.modle_6 .box .it .cont .t3 span {}

.modle_6 .box .it:hover {
	background: #ebf1ff;
}

.modle_6 .box .it .cont .t3 a:hover {
	color: #0044e2;
}

.modle_6 .more {
	margin-top: 35px;
	text-align: center;
}

.footer {
	padding: 60px 0;
}

.footer .tel_info {
	color: #fff;
}

.footer .tel_info .t1 {
	font-size: 20px;
	margin-bottom: 20px;
}

.footer .tel_info .t2 {
	font-size: 30px;
	color: #ffffff;
	margin-bottom: 25px;
}

.footer .tel_info .t3 {
	font-size: 14px;
	color: #ffffff;
	line-height: 30px;
	opacity: 0.5;
}

.footer .f_nav ul .f_nt {
	font-size: 20px;
	color: #ffffff;
	margin-bottom: 20px;
}

.footer .f_nav ul {
	margin-left: 100px;
}

.footer .f_nav ul li {
	margin-bottom: 10px;
}

.footer .f_nav ul li a {
	color: #ffffff;
	opacity: 0.5;
	font-size: 14px;
}

.footer .f_nav ul li a:hover {
	color: #004dff;
}

.footer .ewm {
	width: 175px;
	font-size: 12px;
	text-align: center;
	margin-left: 100px;
}

.footer .ewm .tt {
	color: #fff;
	margin-top: 10px;
}

.copy {
	padding: 15px 0;
	text-align: center;
}

.copy span {
	opacity: 0.5;
}

.child_banner {
	height: 380px;
	position: relative;
}

.nav ul li {
	position: relative;
}

.nav ul li dl {
	position: absolute;
	background: #fff;
	left: 0px;
	top: 68px;
	display: none;
	width: 100%;
}

.nav ul li dl dd {

	text-align: center;
}

.nav ul li dl dd .two_a {
	color: #999999;
	padding: 10px 0;
	display: block;
	font-size: 14px;
}

.nav ul li dl dd:hover .two_a {
	background: #0044e2;
	color: #fff;
}

.nav ul li dl dd:hover .two_a {
	color: #fff;
}

.nav ul li:hover dl {
	display: block;
}
.nav ul li dl dd .therr_box{
	position: absolute;
	width: 150px;
	background: #fff;
	left: 140px;
	top: 0px;
	display: none;
	 
}
.nav ul li dl dd .therr_box .th_it a{
	display: block;
   font-size: 14px;
   padding: 10px 0;
}
.nav ul li dl dd .therr_box .th_it a:hover{
background: #0044e2;
	color: #fff;
}
.nav ul li dl dd:hover .therr_box{
	display: block;
}

.cm_title1 {
	text-align: center;
	margin-bottom: 50px;
}

.cm_title1 .t1 {
	font-size: 36px;
	color: #333333;
	margin-bottom: 5px;
}

.cm_title1 .t2 {
	font-size: 21px;
	color: #666666;
}

.cm_title1 .t2 span {
	position: relative;
}

.cm_title1 .t2 span::before {
	content: '';
	position: absolute;
	left: 0px;
	top: 50%;
	display: inline-block;
	transform: translate(-120%, -50%);
	background: #b3b3b3;
	width: 100px;
	height: 1px;

}

.cm_title1 .t2 span::after {
	content: '';
	position: absolute;
	right: 0px;
	top: 50%;
	display: inline-block;
	transform: translate(120%, -50%);
	background: #b3b3b3;
	width: 100px;
	height: 1px;

}

.modle_7 {
	padding: 90px 0;
}

.modle_7 .cont {
	font-size: 14px;
	color: #666666;
	line-height: 35px;
}

.modle_8 {
	background: url(../img/2_05.jpg) center no-repeat;
	background-size: cover;
	padding: 65px 0;
}

.modle_8 .box .list {
	width: 48%;
}

.modle_9 {
	padding: 85px 0;
}

.modle_9 .box .list {
	width: 28%;
	text-align: center;
	margin: 0px 2.5%;
}

.modle_9 .box .list .dm {
	padding: 15px 30px;
}

.modle_9 .box .list:hover {
	box-shadow: 0px 2px 21px 0px rgba(178, 178, 178, 0.5);
}

.modle_9 .box .list .nt {
	font-size: 24px;
	color: #333333;
	margin-top: 20px;
}

.modle_9 .box .list .img {
	height: 430px;
}


.modle_10 {
	background: #f6f6f6;
	padding: 80px 0;
	background: url(../img/p45.png) center no-repeat;
	background-size: cover;
}

.modle_10 .box {
	display: flex;
	align-items: center;
}

.modle_10 .box .cont {
	flex: 1;

}

.modle_10 .box .cont .it {
	margin-bottom: 30px;
}

.modle_10 .box .cont .it .t1 {
	font-size: 20px;
	color: #515151;
}

.modle_10 .box .cont .it .t2 {
	color: #666666;
	font-size: 16px;
}

.modle_11 {
	padding: 80px 0;
}

.modle_11 .it {
	width: 48.5%;
	position: relative;
	margin-bottom: 40px;
}

.modle_11 .it:nth-child(2n) {
	float: right;
}

.modle_11 .it .nt {
	position: absolute;
	z-index: 99;
	width: 94%;
	bottom: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.5);
	padding: 15px 3%;
	color: #fff;
}

.modle_11 .it img {
	width: 100%;
}

.modle_12 {
	padding: 80px 0;
}

.modle_12 .click {
	text-align: center;
	margin-bottom: 55px;
}

.modle_12 .click a {
	font-size: 32px;
	color: #333333;
	margin: 0px 70px;
	cursor: pointer;
	position: relative;
	padding-bottom: 25px;
}

.modle_12 .click a::before {
	content: '';
	position: absolute;
	width: 35px;
	height: 2px;
	display: inline-block;
	background: #0044e2;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0px;
	display: none;
}

.modle_12 .click .on {
	color: #0044e2;
}

.modle_12 .click .on::before {
	display: block;
}

.modle_12 .click a:hover {
	color: #0044e2;
}

.modle_12 .click a:hover::before {
	display: block;
}


.modle_12 .group .it {
	width: 22%;
	margin-right: 3%;
}

.modle_12 .group .it:nth-child(4n) {
	margin-right: 0px;
}

.modle_12 .group .it .nt {
	text-align: center;
	color: #333333;
	font-size: 18px;
	margin-top: 15px;
}

.modle_12 .group .it img {
	width: 100%;
}

.modle_12 .group {
	margin-bottom: 50px;
}

.sousuo_popon {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	display: none;

	z-index: 100;
}

.sousuo_popon .zzzzs {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	display: block;
	background: rgba(2, 14, 43, 0.71);
	z-index: 100;
}

.sousuo_popon .sousou_box {
	width: 720px;
	position: fixed;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 50%;
	z-index: 101;
}

.sousuo_popon .sousou_box .text {
	background: #fff;
	width: 560px;
	height: 55px;

}

.sousuo_popon .sousou_box .but {
	width: 150px;
	position: absolute;
	right: 0px;
	top: 0px;
	background: url(../img/p40.png) 70% center no-repeat #004dff;
	color: #fff;
	font-size: 14px;
	height: 55px;
}


.modle_13 {
	padding: 80px 0;
}

.modle_13 .group .it {
	width: 48%;
	position: relative;
	background: #fff;

	margin-bottom: 60px;
}

.modle_13 .group .it:nth-child(2n) {
	float: right;
}

.modle_13 .group .it .dm {
	padding: 25px 30px;
	border: 1px solid #ccc;
	border-top: 0px none;
}

.modle_13 .group .it .dm .t1 {
	font-size: 20px;
	color: #333333;
	margin-bottom: 15px;

}

.modle_13 .group .it .dm .dect {
	font-size: 16px;
	color: #666666;
	line-height: 28px;
}

.modle_13 .group .it:hover .dm {
	background: #0044e2;
	color: #fff;
}

.modle_13 .group .it .more {
	margin-top: 40px;
}

.modle_13 .group .it .more span {
	display: inline-block;
	border: 1px solid #cccccc;
	padding: 4px 35px 8px;
}

.modle_13 .group .it:hover .dm .t1 {
	color: #fff;
}

.modle_13 .group .it:hover .dm .dect {

	color: #fff;

}



.weizhi {
	font-size: 16px;
	color: #666666;
	padding: 30px 0;
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 70px;
}

.weizhi a {
	color: #666666;
	display: inline-block;
	margin: 0px 5px;
}

.weizhi .on {
	color: #0044e2;
}

.weizhi a:hover {
	color: #0044e2;
}

.modle_14 .tit {
	font-size: 24px;
	color: #333333;
	text-align: center;
	margin-bottom: 20px;
}

.modle_14 .cont {
	font-size: 16px;
	color: #666666;
	line-height: 28px;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 60px;
	margin-bottom: 20px;
}

.modle_14 .caozuo a {
	font-size: 16px;
	color: #666666;
}

.modle_14 .caozuo a:hover {
	color: #0044e2;
}

.modle_14 {
	padding-bottom: 100px;
}

.modle_14 .time {
	font-size: 16px;
	text-align: center;
	margin-bottom: 25px;
	color: #b2b2b2;
}

.modle_15 {
	padding: 80px 0;
}

.modle_15 .group .it {
	margin-bottom: 60px;
}

.modle_15 .group .it .dm {
	padding: 30px;
	border: 1px solid #f3f3f3;
	display: flex;
}

.modle_15 .group .it .img {
	width: 480px;
}

.modle_15 .group .it .img img {
	width: 100%;
}

.modle_15 .group .it .cont {
	flex: 1;
	padding-left: 30px;
}

.modle_15 .group .it .cont .ct {
	font-size: 24px;
	color: #333333;
	margin-bottom: 15px;
}

.modle_15 .group .it .cont .dect {
	font-size: 16px;
	color: #666666;
	height: 120px;
	overflow: hidden;
	margin-bottom: 30px;
	line-height: 30px;
}

.modle_15 .group .it:hover {
	background: #fff;
	box-shadow: 0px 5px 3px rgba(181, 181, 181, 0.5);
}

.modle_15 .group .it:hover .cont .ct {
	color: #0044e2;
}

.modle_15 .group .it .more a:hover {
	background: #0044e2;
}

.modle_15 .group .it .time {
	font-size: 14px;
	color: #b2b2b2;
	margin-top: 5px;
}

.modle_16 {
	padding: 85px 0;
}

.modle_16 .dect {
	font-size: 20px;
	color: #666666;
	line-height: 35px;
	margin-bottom: 50px;
	text-align: center;
}

.modle_16 .group .it {
	display: flex;
	align-items: center;
}

.modle_16 .group .it .cont {
	flex: 1;
	padding-left: 60px;
}

.modle_16 .group .it .cont .t1 {
	font-size: 24px;
	color: #333333;
}

.modle_16 .group .it .cont .cn {
	font-size: 16px;
	color: #666666;
	margin: 20px 0 60px;
	line-height: 32px;
}

.modle_16 .group .it .cont .more a:hover {
	background: #0044e2;
}

.modle_16 .group,
.modle_16 .group .it:nth-child(2n) .cont {
	padding-right: 60px;
	padding-left: 0px !important;
}

.modle_16 .group .it .img {
	width: 50%;
}

.modle_17 {
	background: #f7f6f4;
	padding: 80px 0;
}

.modle_17 .box .list {
	width: 48%;
	float: left;
	position: relative;
}

.modle_17 .box .list:nth-child(2n) {
	float: right;
}

.modle_17 .box .list .tit {
	position: absolute;
	bottom: 30px;
	width: 84%;
	padding: 0px 8%;
	color: #fff;
	z-index: 99;
}

.modle_17 .box .list .tit i {
	width: 65%;
	background: #fff;
	height: 1px;
	display: inline-block;
	position: absolute;
	left: 53%;
	transform: translate(-50%, -50%);
	top: 50%;
}

.modle_18 {
	padding: 80px 0;
}

.modle_18 .dect {
	font-size: 20px;
	color: #666666;
	line-height: 35px;
	margin-bottom: 50px;
	text-align: center;
}

.modle_18 .box1 {
	background: #f6f7fc;
	padding: 40px;
	display: flex;
}

.modle_18 .box1 .it {
	flex: 1;
	text-align: center;
}

.modle_18 .box1 .it .nt {
	font-size: 16px;
	color: #333333;
	margin-top: 15px;
}

.modle_18 .box2 {
	margin-top: 25px;
}

.modle_19 {
	background: url(../img/p42.jpg) center no-repeat;
	background-size: cover;
	padding: 70px 0;
}

.modle_19 .box {
	position: relative;
}

.modle_19 .box .listvest .list .cont {
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0px;
}

.modle_19 .box .listvest .list .cont .dm {
	padding: 40px;
	color: #fff;
}

.modle_19 .box .listvest .list .cont .dm .tit {
	margin-bottom: 25px;
}

.modle_19 .box .click_span {
	position: absolute;
	width: 240px;
	height: 100%;
	right: 0px;
	top: 0px;
	background: rgba(0, 0, 0, 0.65);
}

.modle_19 .box .click_span .dm {
	padding: 45px 5%;
}

.modle_19 .box .click_span .dm .it {
	border: 2px solid transparent;
	margin-bottom: 20px;
}

.modle_19 .box .click_span .dm .on {
	border: 2px solid #004DFF;
}


.modle_20 {
	padding: 85px 0;
}

.modle_20 .box {
	position: relative;
}

.modle_20 .box .cont {
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translate(0, -50%);
	background: #fff;
	width: 450px;
	box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3);
}

.modle_20 .box .cont .dms {
	padding: 50px;
	color: #666666;
	font-size: 16px;
	line-height: 30px;
}

.modle_20 .box .cont .more {
	margin-top: 70px;
}

.modle_20 .box .cont .more a:hover {
	background: #0044e2;
}

.modle_21 {
	background: #f6f7fc;
	padding: 85px 0;
}

.modle_21 .let {
	width: 49%;
	position: relative;
}

.modle_21 .let .dect {
	position: absolute;
	width: 80%;
	top: 50%;
	left: 50%;
	text-align: center;
	color: #fff;
	transform: translate(-50%, -50%);
}

.modle_21 .let .dect .t1 {
	font-size: 22px;
	margin-bottom: 20px;
}

.modle_21 .let .dect .cn {
	font-size: 14px;
	line-height: 30px;
	margin: 40px 0;
}

.modle_21 .rit {
	width: 49%;
}

.modle_21 .rit .it {
	position: relative;
	margin-bottom: 35px;
	width: 48%;
}
.modle_21 .rit .it:nth-child(2n){
	float: right;
}

.modle_21 .rit .it .dect {
	position: absolute;
	width: 90%;
	bottom: 0px;
	left: 0px;
	bottom: 0px;
	padding: 5%;
	color: #fff;
}

.modle_21 .rit .it .dect .t1 {
	font-size: 24px;
	color: #ffffff;
}

.modle_21 .rit .it .dect .cn {
	font-size: 14px;
	margin-top: 10px;
}

.modle_16 .group .it .img img {
	width: 100%;
}

.modle_22 {
	padding: 80px 0;
}

.modle_22 .list {
	display: flex;
	align-items: center;
	margin-bottom: 140px;
}

.modle_22 .list .cont {
	flex: 1;
	padding-left: 150px;
}

.modle_22 .list .cont .t1 {
	font-size: 24px;
	color: #333333;
}

.modle_22 .list .cont .t2 {
	font-size: 12px;
	color: #333333;
	margin-top: 10px;
	padding-bottom: 30px;
	position: relative;
	margin-bottom: 20px;
}

.modle_22 .list .cont .t2::before {
	content: '';
	position: absolute;
	width: 30px;
	height: 1px;
	background: #3f3f3f;
	display: inline-block;
	bottom: 0px;
	left: 0px;
}

.modle_22 .list .cont .t3 {
	font-size: 14px;
	color: #3f3f3f;
	margin-bottom: 40px;
}

.modle_22 .list .cont .more {
	width: 246px;
	height: 63px;
	background: url(../img/51_14.jpg) center no-repeat;
	text-align: center;
	line-height: 63px;
	color: #3f3f3f;
	font-size: 14px;
}

.modle_22 .list .cont .more a {
	display: block;
	width: 100%;
}

.modle_22 .list .cont .more:hover {
	background: url(../img/51_06.jpg) center no-repeat;
	color: #0044e2;
}

.modle_22 .list .cont .more:hover a {
	color: #0044e2;
}

.modle_22 .list:nth-child(2n) .cont {
	padding-left: 0px;
	padding-right: 150px;

}

.modle_23 .click a {
	font-size: 28px;
	margin: 0px 30px;
}

.modle_23 .group .it {
	width: 31%;
	margin-right: 2%;
	margin-bottom: 30px;
}

.modle_23 .group .it:nth-child(4n) {
	width: 31%;
	margin-right: 2% !important;
	margin-bottom: 30px;
}

.modle_23 .group .it:nth-child(3n) {
	margin-right: 0px !important;
}

.modle_23 .dect {
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 60px;
	text-align: center;
}

.modle_23 .p_title {
	font-size: 30px;
	color: #333333;
	text-align: center;
	margin-bottom: 70px;
}

.modle_24 .click {
	margin-bottom: 190px;
}

.modle_24 .dect {
	text-align: left;
	font-size: 14px;
}

.modle_24 .dect .ct {
	font-size: 24px;
	margin-bottom: 10px;
	color: #333333;
}


.modle_25 .box_25 .it {
	display: flex;
	align-items: center;
	margin-bottom: 100px;
}

.modle_25 .box_25 .it .cont {
	flex: 1;
}

.modle_25 .box_25 .it .cont .t_li {
	font-size: 18px;
	color: #666666;
	line-height: 34px;
	margin-bottom: 40px;

}

.modle_25 .box_25 .it .cont .t_li .t1 {
	font-weight: bold;
	color: #333333;
	font-size: 30px;
	margin-bottom: 20px;
}

.modle_25 .click a {
	margin: 0px 80px;
}

.modle_25 .box_25 .it:nth-child(2n) .cont {
	padding-left: 100px !important;
}

.modle_26 {
	height: 296px;
	background: url(../img/6_01.jpg) center no-repeat;
	background-size: cover;
	margin-bottom: 80px;
	position: relative;
}

.modle_26 .box {
	position: absolute;
	top: 50%;
	width: 100%;
	left: 0px;
	text-align: center;
	transform: translate(0, -50%);
}

.modle_26 .box .t1 {
	font-size: 24px;
	color: #333333;
	margin-bottom: 15px;
}

.modle_26 .box .t2 {
	font-size: 20px;
	color: #333333;
	margin-bottom: 10px;
	margin-bottom: 30px;
}

.modle_26 .box .more {
	text-align: center;
}

.modle_26 .box .more a {
	background: #0044e2;
	color: #fff;
	padding: 6px 15px;
	font-size: 14px;
}

.modle_25s {
	padding-bottom: 30px;
}

.modle_27 {
	padding-bottom: 120px;
}


.modle_28 .let .dect {
	text-align: left;
	bottom: 0px;
	top: auto;
	transform: translate(0, 0);
	left: 5%;
}

.modle_28 {
	background: #fff;
	padding-bottom: 60px;
}
.modle_28  .rit .it{
	width: 100%;
	margin: 0px auto;
	margin-bottom: 35px;
}

.modle_29 {
	padding-bottom: 80px;
}

.modle_29 .box {
	background: url(../img/p44.jpg) center no-repeat;
	background-size: cover;
	height: 316px;
	position: relative;
}

.modle_29 .box_child {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 100%;
	left: 0px;
	text-align: center;
}

.modle_29 .box_child .t1 {
	color: #fff;
	font-size: 36px;
	margin-bottom: 30px;

}

.modle_29 .box_child .hr {
	text-align: center;
}

.modle_29 .box_child .hr a {
	display: inline-block;
	border: 1px solid #fff;
	padding: 8px 15px;
	color: #fff;
	font-size: 14px;
}

.modle_30 {
	padding: 80px 0;
}

.modle_30 .dect {
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 60px;
}

.modle_30 .box .thead {}

.modle_30 .box .thead .l {
	float: left;
	width: 25%;
	background: #f1f1f1;
	text-align: center;
	font-size: 14px;
	padding: 15px 0;
}

.modle_30 .box .tabbar .it .l {
	font-size: 14px;
	width: 25%;
	text-align: center;
	float: left;
	padding: 15px 0;
	display: block;
}

.modle_30 .box .tabbar .it .s {
	background: #f1f1f1;
	font-size: 14px;
	color: #4a4a4a;
	padding: 20px;
	display: none;
}

.modle_30 .box .tabbar .it .s .tt {
	font-weight: bold;
	color: #000;
	margin-bottom: 10px;
}

.modle_30 .box .tabbar .it .s .file span {
	background: #0044e2;
	padding: 12px 45px;
	display: inline-block;
	color: #fff;
	cursor: pointer;
}

.modle_30 .box .tabbar .it .s .file input {
	opacity: 0;

}

.modle_30 .box .tabbar .it .h{
	cursor: pointer;
}

.modle_31{
	background: #f9fafc;
	padding: 80px 0;
}
.modle_31 .box{
	background: #fff;
	display: flex;
	align-items: center;
}
.modle_31 .box .img{
 
}
.modle_31 .box .con{
	flex: 1;
	padding: 0px 35px;
}
.modle_31 .box .con .t1{
	font-size: 35px;
	color: #666666;
	margin-bottom: 30px;
}
.modle_31 .box .con .it{
	margin-bottom: 30px;
}
.modle_31 .box .con .it .ct{
	font-size: 18px;
	color: #666666;
	margin-bottom: 8px;
}
.modle_31 .box .con .it .input input{
	width: 96%;
	height: 48px;
	border: 1px solid #dddddd;
	font-size: 14px;
	padding: 0px 2%;
}
.modle_31 .box .con .sub input{
	background: #0044e2;
	color: #fff;
	padding: 12px 0;
	font-size: 14px;
	width: 100%;
} 
.modle_32{
	background: url(../img/8_08.jpg) center no-repeat;
	background-size: cover;
	height: 580px;
	padding-top: 80px;
}
.modle_32 .box1{
	background: rgba(0,93,226,0.8);
	padding: 100px 0;
	 
	 position: relative;
	 text-align: center;
	 
	 
}
.modle_32 .box1 .t1{
	font-size: 30px;
	color: #ffffff;
	margin-bottom: 25px;
}
.modle_32 .box1 .t2{
	font-size: 16px;
	color: #ffffff;
}
.modle_32 .box2{
	padding: 30px 0;
	background: rgba(255,255,255,0.8);
}
.modle_32 .box2 .it{
	width: 25%;
	float: left;
	text-align: center;
}

.modle_32 .box2 .it .t1{
	font-size: 20px;
	color: #333;
}
.modle_32 .box2 .it .t2{
	font-size: 15px;
	font-weight: bold;
	color: #4b4b4b;
	margin-top: 10px;
}

.headeradd{
	font-size: 0;
	/*background: #F5F6F9;*/
	/*background-image:linear-gradient(#f9abc5, #f9abc526);*/
}
.headeradd1{
	width: 96%;
	max-width: 1280px;
	margin: 0 auto;
	overflow: hidden;
}
.logoadd{
	float: left;
	margin-top: 12px;
}
.headeradd2{
	float: left;
	margin-top: 23px;
	margin-left: 49px;
}
.searchadd{
	height: 40px;
	box-sizing: border-box;
}
.searchadd form{
	display: inline-block;
	background: #FFFFFF;
	border-radius: 20px 20px 20px 20px;
}
.searchadd span{
	display: inline-block;
	width: 160px;
	padding: 8px 20px;
	height: 100%;
	box-sizing: border-box;
	position: relative;
}
.searchadd span:before{
	position: absolute;
	content: '';
	position: absolute;
	width: 1px;
	height: 24px;
	right: 0;
	top: 8px;
	background-color: #CCCCCC;
}
.searchadd select{
	border: none;
	height: 100%;
	width: 100%;
	font-size: 16px;
	color: #333333;
	text-align: center;
	background: none;
	text-align-last: center;
}
.searchadd1{
	height: 100%;
	padding: 0 16px;
	width: 160px;
	font-size: 14px;
}
.searchadd2 {
	width: 87px;
	height: 40px;
	background: #E4504F;
	font-size: 15px;
	color: #FFFFFF;
	vertical-align: top;
	border-radius: 20px 20px 20px 20px;
}
.navadd{
	
}
.navadd ul{
	overflow: hidden;
}
.navadd ul li{
	list-style-type: none;
	float: left;
	font-size: 16px;
	line-height: 60px;
	margin-right: 120px;
}
.navadd ul li a{
	color: #333333;
}
.navaddon{
	border-bottom: 4px solid #E44443;
}
.navaddon a{
	color: #E44443 !important;
}
.logre{
	float: right;
	margin-top: -100px;
	font-size: 14px;
}
.logre1 {
	display: inline-block;
	width: 85px;
	height: 40px;
	background: #E44443;
	border-radius: 20px 20px 20px 20px;
	font-size: 15px;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px;
}
.logre2 {
	display: inline-block;
	width: 85px;
	height: 40px;
	background: rgba(228, 68, 67, 0.07);
	border-radius: 20px 20px 20px 20px;
	font-size: 15px;
	color: #E44443;
	text-align: center;
	line-height: 40px;
	margin-left: 16px;
}

.mainadd{
	/*background: url(../img/banner_bg.png) #f5f6f9 top center no-repeat;*/
	/*background-image: linear-gradient(#f9abc526, #f9abc526);*/
}
.banneradd{
	width: 96%;
	max-width: 1280px;
	margin: 0 auto;
	overflow: hidden;
}
.banneradd1{
	float: left;
	width: 20%;
	height: 456px;
	box-sizing: border-box;
	/*background: url(../img/banner_left.png) no-repeat;*/
	background-color: #E4504F;
	padding: 36px 0 0;
	position: relative;
}
.banneradd1a{
	border-left: 5px solid rgba(255,255,255,0);
	height: 66px;
	padding: 0 22px 0 19px;
	margin-bottom: 39px;
}

.subadd{
	display: none;
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	width: 300%;
	background-color: rgba(19,23,134,0.6);
	height: 100%;
	z-index: 963;
	padding: 30px 20px;
	box-sizing: border-box;
}
.subadd1{
	
}
.subadd1 a{
	display: inline-block;
	line-height: 36px;
	padding: 0 16px;
	border-radius: 18px;
	color: #FFFFFF;
}
.subadd1on{
	background-color: #E14D51;
}
.subadd2 {
	margin-top: 26px;
	height: 36px;
	background: #ECEDEF;
	border-radius: 18px;
	padding-left: 9px;
	font-size: 0;
}
.subadd2 a {
	display: inline-block;
	width: 18px;
	height: 36px;
	border-radius: 6px;
	font-size: 14px;
	color: #999999;
	line-height: 36px;
	text-align: center;
	margin-right: 9px;
}
.subadd3{
}
.subadd3 ul{
	overflow: hidden;
}
.subadd3 ul li{
	list-style-type: none;
	float: left;
	width: 14.666%;
	margin: 23px 1% 0;
}
.subadd3a{
	text-align: center;
	font-size: 0;
}
.subadd3a img{
	border-radius: 15px;
}
.subadd3b {
	font-size: 16px;
	color: #FFFFFF;
	line-height: 24px;
	text-align: center;
	margin-top: 12px;
}
.banneradd1a:hover .subadd{
	display: block;
}
.banneradd1a:hover .hhLay{
	display: block;
}

.banneradd1a dl{
	overflow: hidden;
	padding-top: 7px;
}
.banneradd1a dl dt{
	float: left;
	width: 40px;
	text-align: center;
	margin-top: 6px;
}
.banneradd1a dl dd{
	float: left;
	margin-left: 15px;
	width: calc(100% - 60px);
}
.banneradd1a1 {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 27px;
}
.banneradd1a1 span{
	float: right;
	font-size: 12px;
}
.banneradd1a2{
	font-size: 14px;
	color: rgba(255,255,255,0.58);
}
.banneradd1aon{
	background: linear-gradient(87deg, rgba(228, 80, 79, 0.6588235294117647) 0%, rgba(228, 80, 79, 0) 100%);
	border-left: 5px solid #E4504F;
}

.banneradd2{
	float: left;
	width: 60%;
	height: 456px;
	box-sizing: border-box;
	position: relative;
}
.banneradd2bnewadd{
	height: 100%;
}
.banneradd2s{
	height: 100%;
}
.banneradd2a{
    height: 100%;
}
.banneradd2 .swiper-container{
	height: 100%;
}
.banneradd2 .pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 5px;
    width: 100%;
}
.banneradd2bnewadd .swiper-pagination-bullet{
    width: 20px !important;
    height: 3px !important;
    background-color: #000 !important;
    border-radius: 0 !important;
}
.banneradd2 .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #999;
    box-shadow: 0px 1px 2px #555 inset;
    margin: 0 3px;
    cursor: pointer;
}
.banneradd2 .swiper-active-switch {
    background: #fff;
}

.banneradd2a{
	font-size: 0;
}
.banneradd2a img,.banneradd2a video{
	width: 100%;
	height: 100%;
}
.banneradd2b{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 50px;
	width: 100%;
	background: linear-gradient(180deg, rgba(31,87,167,0.26) 0%, rgba(31,87,167,0.26) 100%);
	padding: 0 22px 0 17px;
	box-sizing: border-box;
	z-index: 96;
}
.banneradd2bnew{
	font-size: 14px;
	color: #FFFFFF;
	line-height: 50px;
}
.banneradd2bnew img{
	vertical-align: middle;
	margin-right: 11px;
}
.banneradd2b a{
	float: right;
	font-size: 14px;
	color: #FFFFFF;
}
.banneradd3{
	float: left;
	width: 20%;
	height: 456px;
	box-sizing: border-box;
	background-color: #E4504F;
	padding: 26px 18px 0;
}
.banneradd3a {
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px;
}
.banneradd3b {
	font-size: 12px;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
}
.banneradd3b span{
	font-size: 26px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 26px;
}
.banneradd3c {
	font-size: 12px;
	color: #FFFFFF;
	line-height: 16px;
	margin-top: 20px;
	text-align: center;
}
.banneradd3d{
	margin-top: 15px;
}
.banneradd3d1 {
	height: 36px;
	background: rgba(255, 255, 255, 0.17);
	border-radius: 8px 8px 8px 8px;
	margin-bottom: 8px;
}
.banneradd3d1 a{
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
	display: block;
	line-height: 36px;
}
.banneradd3d1 a img{
	vertical-align: middle;
	margin-right: 10px;
}
.imgadd1{
	display: none;
}
.banneradd3d1:hover{
	background-color: #FFFFFF;
}
.banneradd3d1:hover a{
	color: #E4504F;
}
.banneradd3d1:hover .imgadd1{
	display: inline-block;
}
.banneradd3d1:hover .imgadd{
	display: none;
}
.banneradd3e{
	margin-top: 16px;
	text-align: center;
}
.banneradd3e span {
	display: inline-block;
	width: 65px;
	height: 23px;
	border-radius: 12px 12px 12px 12px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 23px;
	margin: 0 10px;
	cursor: pointer;
}
.banneradd3eon{
	background-color: rgba(255,255,255,0.19);
}
.banneradd3f{
	margin-top: 9px;
	box-sizing: border-box;
	padding: 1px;
	background-color: #FFFFFF;
	border-radius: 8px;
	height: 40px;
	overflow: hidden;
	padding-left: 12px;
}
.banneradd3fa{
	display: none;
	height: 100%;
}
.banneradd3fa form{
	height: 100%;
}
.banneradd3f input{
	height: 100%;
}
.banneradd3f1 {
	width: calc(100% - 80px);
	font-size: 14px;
}
.banneradd3f2 {
	width: 74px;
	background: #E4504F;
	border-radius: 0px 8px 8px 0px;
	color: #FFFFFF;
	font-size: 14px;
}
.show{
	display: block !important;
}
.banneradd3g{
	margin-top: 20px;
	overflow: hidden;
}
.banneradd3g1{
	width: 50%;
	float: left;
	text-align: center;
}
.banneradd3g1a {
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
}
.banneradd3g1b {
	height: 37px;
	font-size: 28px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 37px;
}
.banneradd2s{
	display: none;
}

.hotGame{
	width: 96%;
	max-width: 1280px;
	margin: 27px auto 0;
	border-radius: 30px 30px 30px 30px;
	padding: 36px 24px 50px;
	background-color: #FFFFFF;
	box-sizing: border-box;
}
.hotGame1{
	overflow: hidden;
}
.hotGame1a{
	float: left;
}
.hotGame1a a {
	font-size: 20px;
	color: #999999;
	line-height: 26px;
	margin-right: 108px;
}
.hotGame1b{
	float: right;
}
.hotGame1b a {
	font-size: 16px;
	color: #999999;
	line-height: 21px;
}
.hotGame1aon {
	font-size: 20px;
	font-weight: bold;
	color: #E4504F !important;
	line-height: 26px;
}
.hotGame2 {
	margin-top: 26px;
	height: 36px;
	background: #ECEDEF;
	border-radius: 18px;
	padding-left: 9px;
	font-size: 0;
}
.hotGame2 a {
	display: inline-block;
	width: 20px;
	height: 36px;
	border-radius: 8px 8px 8px 8px;
	font-size: 16px;
	color: #999999;
	line-height: 36px;
	text-align: center;
	margin-right: 21px;
}
.hotGame2on{
	background-color: #E14D51;
	font-weight: bold;
	color: #FFFFFF !important;
}
.hotGame3{
	margin-top: 27px;
}
.hotGame3 ul{
	overflow: hidden;
}
.hotGame3 ul li{
	list-style-type: none;
	float: left;
	width: 9.111%;
	margin: 23px 1% 0;
}
.hotGame3a{
	text-align: center;
	font-size: 0;
}
.hotGame3b {
	font-size: 20px;
	color: #333333;
	line-height: 30px;
	text-align: center;
	margin-top: 12px;
}

.serve{
	width: 96%;
	max-width: 1280px;
	margin: 30px auto 0;
	overflow: hidden;
	background-color: #E4504F;
}
.serve1{
	float: left;
	width: 33%;
	position: relative;
	font-size: 0;
	transition: all .5;
	height: 150px;
}
.serve1 img{
	width: 100%;
	height: 100%;
	transition: all .5;
}
.serve2{
	position: absolute;
	left: 20px;
	bottom: 30px;
}
.serve2a {
	font-size: 27px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 36px;
}
.serve2b {
	margin-top: 2px;
	font-size: 13px;
	color: #FFFFFF;
	line-height: 17px;
}
.serve2c{
	margin-top: 14px;
}
.serve2c a {
	display: block;
	width: 95px;
	height: 28px;
	border-radius: 14px 14px 14px 14px;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 28px;
	text-align: center;
}
.serve1on{
	/*width: 50%;*/
}

.productadd{
	width: 96%;
	max-width: 1280px;
	margin: 40px auto 0;
	overflow: hidden;
}
.productadd1{
	float: left;
}
.productadd1a {
	font-size: 24px;
	color: #333333;
	line-height: 32px;
}
.productadd1b {
	font-size: 16px;
	font-weight: 300;
	color: #333333;
	line-height: 20px;
}
.productadd2{
	float: left;
	margin: 9px 0 0 108px;
}
.productadd2 a {
	font-size: 16px;
	color: #333333;
	line-height: 21px;
	margin-right: 88px;
}
.productadd2on{
	color: #E4504F !important;
}
.productadd3{
	float: right;
	margin-top: 7px;
}
.productadd3 a {
	font-size: 14px;
	color: #999999;
	line-height: 19px;
}

.shopadd{
	width: 96%;
	max-width: 1280px;
	margin: 0 auto;
}
.shopadd ul{
	overflow: hidden;
	display: none;
}
.shopadd ul li{
	list-style-type: none;
	float: left;
	width: 23%;
	margin: 30px 1% 0;
}
.shopadd1{
	font-size: 0;
}
.shopadd1 img{
	height: 280px;
	width: 100%;
}
.shopadd2{
	padding: 23px 16px 19px;
	background-color: #FFFFFF;
	border-radius: 0px 0px 20px 20px;
}
.shopadd2a {
	font-size: 16px;
	color: #333333;
	line-height: 21px;
	height: 42px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.shopadd2b {
	font-size: 16px;
	color: #999999;
	line-height: 21px;
	margin-top: 32px;
}
.shopadd2b img{
	vertical-align: middle;
	margin-right: 7px;
}
.shopadd2b span {
	float: right;
	font-size: 14px;
	color: #E4504F;
	line-height: 30px;
}
.shopadd2b span code{
	font-size: 22px;
	font-weight: bold;
	color: #E4504F;
	line-height: 30px;
}

.rankadd{
	width: 96%;
	max-width: 1280px;
	margin: 40px auto 0;
	overflow: hidden;
}
.rankadd1{
	float: right;
	/*background: url(../img/rankadd.png) no-repeat;*/
	background: #fff;
	border-radius: 10px 10px 10px 10px;
	width: 30%;
	height: 368px;
	padding: 17px 17px 25px;
	box-sizing: border-box;
}
.rankadd1a {
	font-size: 20px;
	color: #333333;
	line-height: 27px;
	margin-bottom: 11px;
}
.rankadd1b{
	overflow: hidden;
	margin-top: 17px;
}
.rankadd1b dl{
	overflow: hidden;
}
.rankadd1b dl dt {
	float: left;
	line-height: 37px;
	width: 36px;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	color: #333333;
}
.rankadd1b dl dd{
	float: left;
	margin-left: 7px;
	width: calc(100% - 47px);
}
.rankadd1b1 {
	font-size: 18px;
	color: #333333;
	line-height: 24px;
	padding-left: 9px;
	box-sizing: border-box;
}
.rankadd1b1 span {
	float: right;
	font-size: 14px;
	color: #999999;
	line-height: 19px;
	float: right;
}
.rankadd1b2{
	margin-top: 7px;
}
.rankadd1b2 span {
	display: inline-block;
	width: 166px;
	height: 25px;
	background: linear-gradient(93deg, rgba(77,208,225,0.51) 0%, rgba(77, 208, 225, 0.0196078431372549) 100%);
	font-size: 14px;
	color: #333333;
	line-height: 24px;
	padding-left: 16px;
}
.rankadd1b2 span i{
	font-style: normal;
	color: #F5991B;
	font-size: 18px;
}
.rankadd1b2 code {
	float: right;
	font-size: 14px;
	color: #999999;
	line-height: 19px;
}

.rankadd2 {
	width: 68%;
	float: left;
	background: #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	padding: 17px 27px 43px 25px;
	box-sizing: border-box;
	background-color: #FFFFFF;
}
.rankadd2a {
	font-size: 20px;
	color: #333333;
	line-height: 27px;
	overflow: hidden;
}
.rankadd2a span {
	display: inline-block;
	background: url(../img/rankadd10.jpg) no-repeat;
	width: 89px;
	height: 17px;
	vertical-align: middle;
	line-height: 17px;
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 8px;
	box-sizing: border-box;
}
.rankadd2a code {
	float: right;
	font-size: 14px;
	color: #999999;
	line-height: 19px;
}
.rankadd2b {
	font-size: 12px;
	color: #999999;
	line-height: 16px;
	margin: 13px auto;
}
.rankadd2c{
	font-size: 0;
	display: flex;
	justify-content: space-around;
}
.rankadd2c img{
    width: 46px;
}
.rankadd2c1{
	width: 32%;
	display: inline-block;
	height: 230px;
	background: url(../img/rankadd7.png) no-repeat;
	background-size: 100% 100%;
	padding: 12px 14px 23px;
	box-sizing: border-box;
	vertical-align: bottom;
}
.rankadd2c1a{
	font-size: 0;
	text-align: center;
}
.rankadd2c1b {
	font-size: 16px;
	color: #333333;
	line-height: 29px;
	text-align: center;
	margin-top: 11px;
}
.rankadd2c1c{
	margin: 10px auto 0;
    height: 25px;
    background: linear-gradient(93deg, rgba(77,208,225,0.51) 0%, rgba(77, 208, 225, 0.0196078431372549) 100%);
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
    padding-left: 16px;
}
.rankadd2c1c span{
	font-size: 18px;
	color: #F5991B;
}
.rankadd2c1d {
	font-size: 14px;
	color: #999999;
	line-height: 19px;
	margin-top: 28px;
}
.rankadd2c1d span {
	float: right;
	font-size: 14px;
	color: #999999;
}
.rankadd2c2{
	width: 32%;
	display: inline-block;
	height: 239px;
	background: url(../img/rankadd8.png) no-repeat;
	background-size: 100% 100%;
	padding: 12px 14px 23px;
	box-sizing: border-box;
	vertical-align: bottom;
}

.rankadd2c2d {
	font-size: 14px;
	color: #999999;
	line-height: 19px;
	margin-top: 48px;
}
.rankadd2c2d span {
	float: right;
	font-size: 14px;
	color: #999999;
}
.rankadd2c3{
	width: 32%;
	display: inline-block;
	height: 230px;
	background: url(../img/rankadd9.png) no-repeat;
	background-size: 100% 100%;
	padding: 12px 14px 23px;
	box-sizing: border-box;
	vertical-align: bottom;
}

.tooladd{
	background: #E14D51;
	padding: 38px 0 52px;
	margin-top: 80px;
	box-sizing: border-box;
}
.tooladd ul{
	overflow: hidden;
	width: 96%;
	max-width: 1280px;
	margin: 0 auto;
}
.tooladd ul li{
	list-style-type: none;
	float: left;
	width: 25%;
	padding-right: 16px;
	box-sizing: border-box;
}
.tooladd ul li dl{
	overflow: hidden;
}
.tooladd ul li dl dt{
	float: left;
	font-size: 0;
	width: 50px;
	text-align: center;
}
.tooladd ul li dl dd{
	float: left;
	width: calc(100% - 60px);
	float: right;
}
.tooladd1 {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 26px;
}
.tooladd2 {
	margin-top: 4px;
	font-size: 16px;
	font-weight: 300;
	color: #FFFFFF;
	line-height: 20px;
}
.footeradd{
	background-color: #2b2b2b;
	padding: 26px 0 40px;
}
.footeradd1{
	width: 96%;
	max-width: 1280px;
	margin: 0 auto;
}
.footeradd2{
	font-size: 16px;
	color: #666;
	text-align: center;
}
.footeradd2 a{
	color: #666;
}
.footeradd3{
	font-size: 16px;
	color: #666;
	text-align: center;
	margin-top: 20px;
}
.footeradd3 a{
	color: #666;
}

/** max-width:1200 **/
@media only screen and (max-width: 1280px) {
	.rankadd2c1{
		width: 240px;
	}
	.rankadd2c2{
		width: 260px;
	}
	.rankadd2c3{
		width: 240px;
	}
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
	.headeradd{
		display: none;
	}
	.header_madd{
		display: block;
	}
	.banneradd{
		width: 100%;
	}
	.banneradd1{
		display: none;
	}
	.banneradd2{
		width: 100%;
		height: auto;
	}
	.banneradd3{
		display: none;
	}
	.hotGame{
		padding: 20px 16px;
	}
	.hotGame1a a{
		font-size: 16px;
		margin-right: 16px;
	}
	.hotGame2{
		margin-top: 16px;
		height: auto;
	}
	.hotGame2 a{
		margin-right: 10px;
	}
	.hotGame3{
		margin-top: 0;
	}
	.hotGame3 ul li{
		width: 31.333%;
	}
	.hotGame3b{
		font-size: 14px;
		line-height: 24px;
	}
	.productadd2{
		width: 86%;
		margin-left: 0;
	}
	.productadd2 a{
		margin-right: 20px;
	}
	.productadd1a{
		font-size: 18px;
	}
	.shopadd ul li{
		width: 48%;
	}
	.shopadd2{
		padding: 16px 10px;
	}
	.shopadd2b span code{
		font-size: 16px;
	}
	.shopadd2b span{
		line-height: 24px;
	}
	.shopadd2b span code{
		line-height: 24px;
	}
	.rankadd1{
		width: 100%;
	}
	.rankadd2{
		width: 100%;
	}
	.tooladd ul li{
		width: 50%;
		margin-top: 20px;
	}
	.tooladd1{
		font-size: 16px;
	}
	.tooladd2{
		font-size: 14px;
	}
	.rankadd2c1{
		float: none;
		display: block;
		margin: 0 auto;
	}
	.rankadd2c2{
		float: none;
		display: block;
		margin: 20px auto;
	}
	.rankadd2c3{
		float: none;
		display: block;
		margin: 0 auto;
	}
	
}



.h_tit2{border-bottom: 1px solid #E8E8E8 ; padding: 8px 0;}
.h_tit2 .mc{}
.h_tit2 .mc .icon,.h_tit2 .mc .val,.morea .val,.morea .arr{ display: inline-block; vertical-align: middle;}
.h_tit2 .mc .icon{ height: 24px; margin-right: 8px;}
.h_tit2 .mc .val{ font-size: 18px;}
.h_tit2 .morea{ margin-top: 5px;}
.morea{color: #999;}
.morea .val{ font-size: 16px; }
.morea .arr{ font-size: 20px; line-height: 1; }
.morea:hover{color: #E44343;}
.hnotice{ padding:  0 10px 0px; margin-top: 4px;}

.hnoticeSlide{  overflow:hidden; position:relative; padding: 14px 0;   }