body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:12px; min-width:1200px;
	background-color:#fff;
}
@font-face {
  font-family: "HYJunHei-CEJ";
  src: url("/fonts/HYJunHei-CEJ.woff2") format("woff2"),
       url("/fonts/HYJunHei-CEJ.woff") format("woff"),
       url("/fonts/HYJunHei-CEJ.ttf") format("truetype"),
       url("/fonts/HYJunHei-CEJ.eot") format("embedded-opentype"),
       url("/fonts/HYJunHei-CEJ.svg") format("svg");
}
@font-face {
  font-family: "hklhj";
  src: url("/fonts/hklhj.woff2") format("woff2"),
       url("/fonts/hklhj.woff") format("woff"),
       url("/fonts/hklhj.ttf") format("truetype"),
       url("/fonts/hklhj.eot") format("embedded-opentype"),
       url("/fonts/hklhj.svg") format("svg");
}


@font-face {
	font-family: "Barlow Condensed";
	src: url(/fonts/BarlowCondensed-Regular.ttf);
}

@font-face {
	font-family: "Barlow Condensed SemiBold";
	src: url(/fonts/BarlowCondensed-SemiBold.ttf);
}

@font-face {
	font-family: "Barlow Condensed Bold";
	src: url(/fonts/BarlowCondensed-Bold.ttf);
}

@font-face {
	font-family: "Barlow Condensed Medium";
	src: url(/fonts/BarlowCondensed-Medium.ttf);
}

@font-face {
	font-family: Roboto;
	src: url(/fonts/ROBOTO-REGULAR.TTF);
}

@font-face {
	font-family: Roboto-Light;
	src: url(/fonts/Roboto-Light-10.ttf);
}

@font-face {
	font-family: play;
	src: url(/fonts/PLAYFAIRDISPLAY-REGULAR.TTF);
}

@font-face {
	font-family: play-black;
	src: url(/fonts/PLAYFAIRDISPLAY-BLACK.TTF);
}

@font-face {
	font-family: play-bold;
	src: url(/fonts/PLAYFAIRDISPLAY-BOLD.TTF);
}

@font-face {
	font-family: Bebas;
	src: url(/fonts/BEBAS.TTF);
}

@font-face {
	font-family: Bahnschrift;
	src: url(/fonts/bahnschrift.ttf);
}



textarea{outline:none;}
select{outline:none;}


input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; font-family:"微软雅黑";}
input{ outline:none;}
textarea{font-family:"微软雅黑";}


dl,dt,dd,li,p,ul,h,h1,h2,h3,h4,h5,b{ margin:0px; padding:0px; font-weight:normal;}
li {list-style-type:none;}
img{border:none;border:0;vertical-align:middle;}
span,em,i,b{
	font-style: normal;
}


.kd{ width:75%; margin:0 auto;}
@media screen and (max-width: 1660px) {
.kd{ width:90%;}
}
@media screen and (max-width: 1360px) {
.kd{ width:95%;}
}

.kd1{ width:85%; margin:0 auto;}
@media screen and (max-width: 1660px) {
.kd1{ width:90%;}
}
@media screen and (max-width: 1360px) {
.kd1{ width:95%;}
}

.kd2{ width:65%; margin:0 auto;}
@media screen and (max-width: 1660px) {
.kd2{ width:90%;}
}
@media screen and (max-width: 1360px) {
.kd2{ width:95%;}
}













.q1{ overflow:hidden;}
.q1 img{ width:100%;}
.q2{ height:100px; width:95%; margin:0 auto;}
@media screen and (max-width: 1550px) {
.q2{ height:100px; width:98%; margin:0 auto;}
}
.q3{ float:left; padding-top:25px;}

.q5{ float:left;}
.q5 li{ float:left;position: relative;}
.q5 dl{ line-height:100px; font-size:16px;  font-family: "HYJunHei-CEJ"; font-weight:bolder; color:#000; cursor:pointer; margin-left:15px; margin-right:15px;}
.q5 dt{position:absolute; top:100px; left:0px; width:100%; z-index:9999; display:none;}
.q5 li:hover dt{ display:block;}
.q5 p{ font-size:14px; text-align:center; padding-bottom:10px; padding-top:10px; cursor:pointer; color:#333333; background-color:#FFFFFF;}
.q5 p:hover{ color:#FFFFFF; background: -webkit-linear-gradient(left,#d63afd, #4c1fbf); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left,#d63afd, #4c1fbf); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left,#d63afd, #4c1fbf); /* Firefox 3.6 - 15 */
    background: linear-gradient(left,#d63afd, #4c1fbf); /* 标准的语法（必须放在最后） */ }
.q5 li:hover dl{
	color:#4c1fbf;
	background-image:url(../images/bl.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.q5 .hover{
	color:#4c1fbf;
	background-image:url(../images/bl.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.q6{ overflow:hidden; background-color:#f7f7f7; margin-top:40px; padding-bottom:30px;}
.q7{ overflow:hidden;}
.q7 li{ float:left; width:31.333%; margin-right:3%; overflow:hidden; margin-bottom:20px;}
.q7 dl{ width:100%; height:240px; overflow:hidden;}
.q7 img{ width:100%; height:100%; object-fit: cover; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q7 p{ text-align:center; font-size:16px; color:#333333; margin-top:15px;}
.q7 li:nth-child(3n){ margin-right:0;}
.q7 li:hover img{transform: scale(1.2, 1.2);}
.q7 p:hover{ color:#4c1fbf;}
.q8{ height:40px; overflow:hidden;}
.q9{
	line-height:50px;
	overflow:hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e4e4e4;
}
.q9 li{ width:1200px; margin:0 auto; overflow:hidden; font-size:14px;}
.q9 span{
	font-size:20px;
	color:#666666;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid; float:left;
	border-left-style: solid;
	border-right-color: #e4e4e4; padding-left:10px; padding-right:10px;
	border-left-color: #e4e4e4; margin-right:10px;
}
.q10{ text-align:center; overflow:hidden; margin-bottom:0px;}
.q10 dl{ font-size:22px; font-weight:bolder; padding-bottom:20px;}
.q10 dt{
	background-image:url(../images/bew_03.png);
	background-repeat: repeat-x; text-align:center;
	background-position: left center;
}
.q10 span{ width:50px; height:3px; background-color:#4c1fbf; display:inline-block;}
.q11{ font-size:16px; color:#333333; line-height:180%; margin-top:20px; text-align:justify;}
.q11 p{ margin-top:15px;}
.q11 img{ max-width:850px;}
.q11 video{ width:700px; height:auto;}
.q12{
	overflow:hidden;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cdcdcd; margin-top:30px;
}
.q12 dl{ float:left; padding-top:15px;}
.q12 p{ font-size:16px; padding-top:15px;}
.q12 dd{ float:right; width:120px; line-height:35px; background-color:#666666; text-align:center; color:#FFFFFF; font-size:14px; margin-top:35px; cursor:pointer;}
.q12 dd:hover{ background-color:#4c1fbf; color:#FFFFFF;}
.q13{ overflow:hidden;}
.q13 li{ float:left; width:31.333%; margin-right:3%; overflow:hidden; margin-top:20px;}
.q13 dl{ width:100%; height:220px; overflow:hidden;}
.q13 img{ width:100%; height:100%; object-fit: cover; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q13 p{ text-align:center; font-size:16px; color:#333333; margin-top:15px;}
.q13 li:nth-child(3n){ margin-right:0;}
.q13 li:hover img{transform: scale(1.2, 1.2);}
.q13 p:hover{ color:#4c1fbf;}







.q14{ width:1200px; margin:0 auto; overflow:hidden; margin-top:30px;}
.q14 li{ width:200px; text-align:center; float:left;}
.q14 span{
	width:100px; display:inline-block;border-radius:100px;
	height:100px; line-height:100px; font-size:44px; color:#333333;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
	border: 1px solid #CCCCCC; background-color:#FFFFFF; font-weight:bolder;
}
.q14 p{ font-size:16px; color:#333333; padding-top:20px;}
.q14 span:hover{ background-color:#4c1fbf; color:#FFFFFF;border: 1px solid #4c1fbf;}
.q15{ background-color:#f7f7f7; overflow:hidden; padding-bottom:40px; padding-top:10px;}
.q16{ overflow:hidden; margin-top:30px; text-align:center;}
.q16 dl{
	font-size:13px;
	color:#666666;
	text-transform: uppercase;
}
.q16 dt{
	overflow:hidden;
	background-image:url(../images/line02.png);
	background-repeat: no-repeat;
	background-position: center center; font-size:34px; color:#333333;
}
.q17{
	overflow:hidden;
	text-align:center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dfdfdf;
}
.q17 p{ font-size:26px; font-weight:bolder;}
.q17 dl{ font-size:14px; color:#666666; margin-top:20px; padding-bottom:20px;}
.q18{ overflow:hidden; height:10px;}

.q24{ width:1200px; margin:0 auto; overflow:hidden; margin-top:20px;}
.q24 li{ width:350px; float:left; margin-right:20px; margin-top:20px; height:18rem;position:relative; overflow:hidden;}
.q24 img{width:100%; min-height:100%; object-fit: cover; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q24 dl{ position:absolute; right:0px; bottom:0px; width:100%; background-color:rgba(0, 0, 0, 0.5); text-align:center; font-size:16px; color:#FFFFFF; line-height:40px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

.q24 li:hover img{ transform: scale(1.2, 1.2);}
.q24 dt{ position:absolute; right:0px; bottom:0px; width:100%; background-color:rgba(0, 0, 0, 0.5); height:100%; z-index:99999; display:none; text-align:center; font-size:16px; color:#FFFFFF; cursor:pointer;}
.q24 li:hover dl{ display:none;}
.q24 li:hover dt{ display: block;}
.q24 p{ font-size:18px; padding-top:0px;}
.q24 span{ margin-top:100px; font-size:40px; display:inline-block; margin-bottom:10px;}



.q33{ width:1200px; margin:0 auto; margin-top:50px;}
.q33 li{ float:left; width:31.333%; margin-right:3%; background-color:#FFFFFF; padding:20px; box-sizing:border-box; box-shadow: 0 0 20px #cacaca;}
.q33 li:nth-child(3n){ margin-right:0;}
.q33 img{ width:100%; height:220px; object-fit: cover;}
.q33 p{ font-size:16px; color:#333333; cursor:pointer; margin-top:15px;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q33 dl{
	font-size:12px;
	margin-top:15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0; padding-bottom:15px;
}
.q33 dt{ font-size:14px; color:#666666; line-height:160%; margin-top:15px; text-align:justify;}
.q33 p:hover{ color:#4c1fbf;}
.q34{ overflow:hidden; text-align:center; margin-top:50px;}
.q34 span{ display:inline-block; line-height:45px; background-color:#f0f0f0; border-radius:100px; font-size:16px; color:#333333; cursor:pointer; padding-left:50px; padding-right:50px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q34 em{ display:inline-block; font-size:16px;}
.q34 span:hover{ background-color:#4c1fbf; color:#FFFFFF;}




.q116{
	overflow:hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e4e4e4; margin-top:15px; padding-bottom:15px;
}
.q116 li{ width:140px; height:130px; text-align:center; float:left; background-color:#f5f5f5;}
.q116 p{ padding-top:20px; font-size:36px; color:#333333; font-weight:bolder;}
.q116 h1{ font-size:18px; padding-top:20px;}
.q116 dl{ float:right; width:745px;}
.q116 dt{ float:left; width:670px;}
.q116 h2{ font-size:16px; font-weight:bolder; padding-bottom:10px; margin-top:10px;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q116 h3{ font-size:14px; color:#666666; line-height:27px; text-align:justify;}
.q116 span{
	float:right;
	width:40px;
	height:40px; color:#a9a9a9; margin-top:40px;
	border: 1px solid #a9a9a9;border-radius:50px; text-align:center; line-height:40px; font-size:20px;
}
.q116:hover li{ background-color:#4c1fbf;}
.q116:hover p{ color:#FFFFFF;}
.q116:hover h1{ color:#FFFFFF;}
.q116:hover h2{ color:#4c1fbf;}
.q116:hover span{ color:#4c1fbf;border: 1px solid #4c1fbf; background-color:#4c1fbf; color:#FFFFFF;}


.q132{ float:right; width:132px; text-align:center;}
.q132 dl{ height:131px; text-align:center; background-image:url(../images/ee_03.png); box-sizing:border-box; padding:15px;}
.q132 img{ width:100%;}
.q132 p{ font-size:12px; color:#FFFFFF; margin-top:5px;}

.q018{
	background-image:url(../images/abg_15.jpg); padding-bottom:50px;
	background-position: center top; overflow:hidden; margin-top:30px;
}
.q019{ text-align:center; overflow:hidden; margin-top:50px; color:#FFFFFF;}
.q019 p{ font-size:38px; font-weight:bolder; font-family:Microsoft YaHei;}
.q019 dl{ font-size:22px; color:#FFFFFF; padding-top:15px;}
.q019 span{
	display:inline-block; margin-top:20px;
	padding:7px 50px 7px 50px; cursor:pointer; color:#FFFFFF;
	font-size:20px;border-radius:45px;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
	border: 1px solid #FFFFFF;
}
.q019 span:hover{ background-color:#4c1fbf;border: 1px solid #4c1fbf;}
.q020{ width:1200px; margin:0 auto; background-color:#FFFFFF; margin-top:40px; padding:30px;box-sizing:border-box; overflow:hidden;}
.q021{ float:left; width:550px;}
.q021 video{ width:100%;}
.q021 img{ width:550px; height:370px;}
.q022{ float:right; width:570px;}
.q023{ overflow:hidden;}
.q023 dl{
	font-size:18px;
	color:#333333;
	text-transform: uppercase;
}
.q023 p{ color:#4c1fbf; font-size:30px;}
.q023 dt{ font-size:16px; color:#535353; line-height:35px; padding-top:15px;}
.q024{ overflow:hidden; text-align:center; margin-top:20px;}
.q024 li{ float:left; padding-left:37px; padding-right:37px;}
.q024 dl{ color:#4c1fbf; font-size:24px;}
.q024 span{font-family: "Barlow Condensed SemiBold"; font-size:50px;}
.q024 dt{ font-size:16px; color:#333333;}




.w2{ width:1200px; margin:0 auto; overflow:hidden; margin-top:40px;}
.w3{ float:left; width:220px; float:left; overflow:hidden; }
.w4{ float:right; width:950px; overflow:hidden;}
.w5{
	float:right;
	width:950px;
	overflow:hidden;
	border: 1px solid #dfdfdf; box-sizing:border-box; padding:20px;
}

.w18{ background-color:#4c1fbf; border-radius:0px 50px 0px 0px; overflow:hidden; padding-left:20px; padding-top:30px;}
.w18 p{
	font-family:Georgia;
	font-size:34px;
	color:#FFFFFF;
	text-transform: uppercase;
}
.w18 span{ display:inline-block; width:20px; height:3px; background-color:#FFFFFF; margin-top:10px;}
.w18 dl{ font-size:24px; color:#FFFFFF; margin-top:15px;}
.w19{ overflow:hidden; padding-left:20px; padding-right:20px; background-color:#4c1fbf; padding-top:20px; padding-bottom:10px;}
.w19 li{
	font-size:16px;
	color:#FFFFFF;
	cursor:pointer;
	line-height:40px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: rgba(255, 255, 255, 0.3);
}
.w19 span{ display:inline-block; font-size:16px; margin-right:3px; color:rgba(255, 255, 255, 0.7);}
.w19 .hover{ background-color:#FFFFFF; color:#4c1fbf; padding-left:10px; border-radius:5px;}
.w19 .hover span{ display:inline-block; font-size:16px; margin-right:3px; color:rgba(0, 0, 0, 0.7);}
.w20{
	height:308px;
	background-image:url(../images/left_03.png);
	overflow:hidden;
	box-sizing:border-box;
	padding-left:20px;
	padding-top:70px;
	background-position: right top;
}
.w20 p{ font-size:22px; color:#FFFFFF;}
.w20 dl{
	font-size:10px; padding-top:5px;
	color:rgba(255, 255, 255, 0.8);
	text-transform: uppercase;
}
.w20 span{
	display:inline-block;
	padding:10px; margin-top:20px;
	border: 1px solid rgba(255, 255, 255, 0.3); border-radius:5px;
}
.w20 h2{ font-size:12px; color:#FFFFFF; margin-bottom:15px;}
.w20 h3{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF; margin-top:5px; font-weight:bolder; font-family:Arial, Helvetica, sans-serif;}
.w21{ background-color:#4c1fbf; overflow:hidden; padding-left:20px; padding-top:10px; padding-bottom:20px;}
.w21 span{
	display:inline-block; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
	border: 1px dashed rgba(255, 255, 255, 0.3); cursor:pointer; line-height:30px; font-size:14px; color:#FFFFFF; padding-left:20px; padding-right:20px; border-radius:5px;
}
.w21 span:hover{ background-color:#fff; color:#1059a9;}


.q70{ float:right;}
.q71{ float:right; overflow:hidden; margin-top:25px; margin-left:20px;}
.q71 span{ display:inline-block; float:left; font-size:40px; color:#4c1fbf; margin-right:10px; margin-top:6px;}
.q71 dl{ float:left; font-size:14px; color:#333;}
.q71 p{ font-family: "Barlow Condensed Medium"; font-size:26px; font-weight:bolder; color:#4c1fbf; margin-top:0px;}


.q128{ background-color:#333333; overflow:hidden; padding-bottom:40px; padding-top:40px;}
.q129{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255, 255, 255, 0.1); padding-bottom:40px;
}
.q129 li{ float:left; width:50%;}
.q129 span{ display:inline-block; font-size:40px; color:#FFFFFF; float:left;}
.q129 dl{ float:left; margin-left:15px;}
.q129 p{ font-size:14px; color:rgba(255, 255, 255, 0.8);}
.q129 h1{ font-size:16px; color:#FFFFFF; margin-top:10px;}
.q130{ width:1200px; margin:0 auto; overflow:hidden; margin-top:40px;}
.q131{ float:left; width:1000px;}
.q131 dl{ font-size:16px; color:#FFFFFF; margin-bottom:25px; overflow:hidden;}
.q131 p{ font-size:14px; color:#FFFFFF; margin-top:10px;}










.q220{
	font-size:14px; padding:7px 10px 7px 10px;
	background-color:#FFFFFF; color:#333; display:inline-block;
	border: 1px solid #F0F0F0;border-radius:5px 0px 0px 5px; margin-left:2px; margin-right:2px;
}
.q220:hover{ background-color:#4c1fbf; color:#FFFFFF;}
.q221{
	font-size:14px; padding:7px 10px 7px 10px;
	background-color:#FFFFFF; color:#333; display:inline-block;
	border: 1px solid #F0F0F0;border-radius:0px 5px 5px 0px; margin-left:2px; margin-right:2px;
}
.q221:hover{ background-color:#4c1fbf; color:#FFFFFF;}
.page-num{
	font-size:14px; padding:7px 10px 7px 10px;
	background-color:#fff; color:#333; display:inline-block;
	border: 1px solid #F0F0F0; margin-left:2px;
}
.pagee{
	text-align:center;
	overflow:hidden;
	margin-top:40px; margin-bottom:20px;
}






.clear{ clear:both;}