body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:12px;
	min-width:1200px;

}
*{font-family:微软雅黑;}
@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");
}


textarea{outline:none;}



input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none;}
input{ outline:none;}


.map { width:100%; height:550px;}



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;
}
.q1{ overflow:hidden; background-color:#000000;}
.q1 img{ width:100%; height:100vh; object-fit: cover;}
.q2{position: relative; width:100%; background-color:#000000;}
.q3{
	position:absolute;
	width:100%; box-sizing:border-box;
	height:90px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255, 255, 255, 0.2);
}
.q4{ width:1300px; margin:0 auto;}
.q5{ float:left; padding-top:17px;}
.q6{ float:right;}
.q7{ float:right; line-height:90px;}
.q7 span{ display:inline-block; font-size:26px; color:#FFFFFF; float:left; margin-right:5px;}
.q7 p{ float:left; font-size:30px; color:#FFFFFF;font-family:'MyriadSetPro-Thin';}
.q8{overflow:hidden; background-color:#2b4580; padding-bottom:40px; padding-top:40px;}
.q8 ul{ width:1100px; margin:0 auto; overflow:hidden;}
.q8 li{
	float:left;
	width:25%;
	text-align:center;
	color:#FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF; box-sizing:border-box;
}
.q8 p{
	font-size:26px;
	font-family: "HYJunHei-CEJ";
	font-weight:bolder;
	letter-spacing: 2px;
}
.q8 dl{ font-size:20px; font-family: "HYJunHei-CEJ"; margin-top:5px;}
.q8 li:nth-child(4n){border-right-width: 0px;}
.q9{ overflow:hidden; margin-top:60px; text-align:center;}
.q9 p{
	font-size:40px;
	color:#cbcccf;font-family:'MyriadSetPro-Thin';
	text-transform: uppercase; line-height:30px; margin-bottom:15px;
}
.q9 span{ display:inline-block;}
.q9 em{ width:50px; height:2px; background-color:#cbcccf; display:inline-block; float:left; margin-left:10px; margin-right:10px; margin-top:20px;}
.q9 e{ display:inline-block;  color:#29477e; font-size:34px; font-weight:bolder; float:left;}
.q9 dl{ font-size:18px; color:#666; padding-top:10px;}
.q10{ overflow:hidden; margin-top:40px;}
.q10 li{
	float:left;
	width:14.28%;
	overflow:hidden;
	border-left-width: 1px; box-sizing:border-box;
	border-left-style: solid;position: relative;
	border-left-color: #FFFFFF; height:480px; overflow:hidden;
}
.q10 ul{ width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5);position:absolute; text-align:center; top:0px; left:0px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q10 img{ width:100%; height:480px; object-fit: cover; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q10 span{
	display:inline-block;
	width:60px;
	height:60px;
	border: 1px solid #FFFFFF; border-radius:100px; margin-top:150px; padding:3px; box-sizing:border-box;
}
.q10 em{ display:inline-block; width:52px; height:52px;border-radius:100px; background-color:rgba(255, 255, 255, 0.1); }
.q10 em img{ width:auto; height:auto; margin-top:6px;}
.q10 p{ font-size:22px; color:#FFFFFF; margin-top:40px; font-family: "HYJunHei-CEJ"; }
.q10 dl{ font-size:14px; color:#FFFFFF; margin-top:50px; font-family: "HYJunHei-CEJ"; }
.q10 li:hover img{transform: scale(1.2, 1.2);}
.q10 li:hover em img{transform: scale(1.0, 1.0);}
.q10 li:hover ul{ background-color:rgba(0, 0, 0, 0.6);}
.q11{ width:1200px; margin:0 auto; overflow:hidden; margin-top:40px;}
.q11 li{ float:left; width:48%; margin-right:4%; box-sizing:border-box; margin-top:0px;}
.q11 dl{
	width:100%;
	padding:10px; overflow:hidden;
	height:320px;
	border: 1px solid #ebebeb; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q11 img{ width:100%; height:320px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; object-fit: cover;}
.q11 p{ font-size:18px; color:#666666; text-align:center; padding-bottom:15px; padding-top:15px;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q11 li:nth-child(2n){ margin-right:0;}
.q11 li:hover dl{border: 1px solid #2b4580;}
.q11 dt{ width:100%; overflow:hidden;}
.q11 li:hover img{transform: scale(1.1, 1.1);}
.q12{ overflow:hidden; text-align:center; margin-top:30px;}
.q12 span{
	display:inline-block;
	line-height:50px;
	width:180px;
	cursor:pointer;
	border-radius:50px;
	font-size:16px;
	color:#2b4580;
	border: 1px solid #2b4580;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	letter-spacing: 1px;
}
.q12 span:hover{ background-color:#2b4580; color:#FFFFFF; padding-left:20px; padding-right:20px;}
.q12 em{ font-size:14px; display:inline-block; margin-left:20px;}
.q13{ background-color:#ebecf0; overflow:hidden; margin-top:90px; padding-bottom:60px;}
.q14{ width:1200px; margin:0 auto; overflow:hidden; margin-top:50px;}
.q14 li{ width:130px; float:left; text-align:center;}
.q14 span{
	display:inline-block; line-height:130px; height:130px; padding-top:25px; box-sizing:border-box; font-size:60px; color:#2b4580; border-radius:20px;
	border: 2px solid #2b4580; width:100%; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q14 p{ padding-top:25px; font-size:22px; color:#2b4580; font-family: "HYJunHei-CEJ"; font-weight:bolder;}
.q14 em{ display:inline-block; float:left; width:83px; text-align:center; font-size:30px; color:#2b4580; margin-top:50px;}
.q14 li:hover span{ background-color:#2b4580; color:#FFFFFF;}
.q14 li:hover .q014{ display:none;}
.q14 .q0014{ display:none;}
.q14 li:hover .q0014{ display:block; margin:0 auto;}
.q15{ width:1200px; margin:0 auto; overflow:hidden; margin-top:40px;}
.q15 li{ float:left; width:31.333%; margin-right:3%; box-sizing:border-box; margin-top:0px;}
.q15 dl{
	width:100%;
	padding:10px; overflow:hidden;
	height:240px;
	border: 1px solid #ebebeb; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q15 img{ width:100%; height:240px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; object-fit: cover;}
.q15 p{ font-size:18px; color:#666666; text-align:center; padding-bottom:15px; padding-top:15px;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q15 li:nth-child(3n){ margin-right:0;}
.q15 li:hover dl{border: 1px solid #2b4580;}
.q15 dt{ width:100%; overflow:hidden;}
.q15 li:hover img{transform: scale(1.1, 1.1);}
.q16{
	background-color:#ebecf0;
	overflow:hidden;
	background-image: url(../images/about_02.jpg);
	background-repeat: no-repeat; margin-top:50px;
	background-position: center center; padding-bottom:60px;
}
.q17{ width:600px; margin:0 auto; padding-right:600px; overflow:hidden;}
.q18{ overflow:hidden; margin-top:120px;}
.q18 p{
	color:#d0d3d8;
	font-family:MyriadSetPro-Thin;
	font-size:40px;
	text-transform: uppercase; line-height:30px; margin-bottom:10px;
}
.q18 dl{ font-size:32px; color:#2b4580;  font-weight:bolder;}
.q18 dt{ font-size:16px; margin-top:10px; color:#666666; }
.q19{ margin-top:30px;}
.q19 p{ font-size:16px; text-align:justify; line-height:180%; margin-top:10px; color:#848589;}
.q19 dl{ margin-top:40px; font-size:18px; color:#333333; font-family: "HYJunHei-CEJ"; font-weight:bolder;}
.q19 span{
	display:inline-block;
	line-height:30px; margin-top:30px;
	font-size:14px; border-radius:5px; text-align:center;
	color:#999ea3; width:120px; cursor:pointer;
	border: 2px solid #999ea3; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q19 span:hover{ padding-left:5px; padding-right:5px; background-color:#FFFFFF;}
.q20{ width:1300px; margin:0 auto; overflow:hidden; margin-top:40px;}
.q20 li{ float:left; width:31.333%; margin-right:3%; box-sizing:border-box; margin-top:0px;}
.q20 dl{
	width:100%;
	padding:10px; overflow:hidden;
	height:250px;
	border: 1px solid #ebebeb; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q20 img{ width:100%; height:250px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; object-fit: cover;}
.q20 p{ font-size:18px; cursor:pointer; font-weight:bolder; font-family: "HYJunHei-CEJ"; float:left; color:#333; width:80%; overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q20 li:nth-child(3n){ margin-right:0;}
.q20 li:hover dl{border: 1px solid #2b4580;}
.q20 dt{ width:100%; overflow:hidden;}
.q20 li:hover img{transform: scale(1.1, 1.1);}
.q20 dd{ overflow:hidden; padding-top:15px;}
.q20 span{ float:right; font-size:12px; color:#999999; display:inline-block;}
.q20 h2{ font-size:14px; color:#666666; line-height:180%; margin-top:15px; text-align:justify;}
.q20 li:hover p{ color:#2b4580;}
.q21{
	background-image:url(../images/bbb_02.png);
	background-repeat: repeat-y;
	overflow:hidden;
	background-position: center center;
	padding-top:70px;
	padding-bottom:50px;
}
.q22{ width:1300px; margin:0 auto; overflow:hidden;}
.q23{ float:left; width:860px; overflow:hidden;}
.q24{ overflow:hidden;}
.q24 li{ float:left; margin-right:30px;}
.q24 p{ font-size:16px; color:#FFFFFF; margin-bottom:20px;}
.q24 dl{ line-height:30px; color:#CCCCCC; cursor:pointer;}
.q24 img{ width:150px;}
.q24 dl:hover{
	text-decoration: underline;
}
.q25{ text-align:center;}
.q26{ float:right; text-align:right;}
.q26 p{ font-size:16px; color:#FFFFFF; margin-bottom:10px;}
.q26 dl{ font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#FFFFFF; font-weight:bolder;}
.q26 span{ display:inline-block; width:10px; height:2px; background-color:rgba(255, 255, 255, 0.8); margin-bottom:23px; margin-top:10px;}
.q26 dt{ font-size:16px; color:#CCCCCC; margin-top:10px;}
.q26 em{ display:inline-block; font-size:22px; float:right; margin-left:5px;}
.q27{
	overflow:hidden;
	border-top-width: 1px;
	border-top-style: solid; font-size:14px; color:#CCCCCC; padding-top:25px;
	border-top-color: rgba(255, 255, 255, 0.1); margin-top:40px;
}
.q28{ background-color:#111111; overflow:hidden; padding-bottom:20px; padding-top:20px;}
.q28 li{ width:1300px; margin:0 auto; font-size:14px; color:#CCCCCC;}
.q29{ overflow:hidden;}
.q29 img{ width:100%; height:600px; object-fit: cover;}
.q30{
	overflow:hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e3e3e3; padding-bottom:20px; padding-top:20px;
}
.q30 li{ width:1300px; margin:0 auto; overflow:hidden;}
.q30 span{ display:inline-block; line-height:40px; margin-right:30px; cursor:pointer; font-size:18px; color:#333333;}
.q30 span:hover{ color:#2b4580; font-weight:bolder;}
.q30 .q31{ color:#2b4580; font-weight:bolder;}
.q32{ background-color:#f9f9f9; overflow:hidden; padding-bottom:20px; padding-top:50px; margin-bottom:50px;}
.q33{
	width:1300px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e3e3e3;
}
.q33 p{ font-size:30px; color:#333333; font-weight:bolder;}
.q33 dl{ font-size:24px; color:#333333; margin-top:20px;}
.q33 dt{ font-size:16px; color:#333333; margin-top:20px;}
.q34{ width:1300px; margin:0 auto; overflow:hidden; background-color:#FFFFFF; margin-top:40px; box-shadow: 0 0 20px #acacac; margin-bottom:40px;}
.q35{ float:right; width:800px;}
.q36{ overflow:hidden; padding-top:50px; padding-left:50px; float:left;}
.q37{ font-size:28px; font-weight:bolder; color:#333333;}
.q38{ font-size:16px; line-height:200%; color:#333333; margin-top:30px;}
.q39{ width:1300px; margin:0 auto; margin-top:20px; overflow:hidden;}
.q39 li{ width:48%; margin-right:4%; float:left; overflow:hidden; margin-top:40px;}
.q39 li:nth-child(2n){ margin-right:0;}
.q39 p{ font-size:20px; font-weight:bolder; margin-bottom:15px;}
.q39 span{ display:inline-block; font-size:20px; color:#2b4580;}
.q39 dl{ width:100%; margin-right:0%; float:left; overflow:hidden; margin-top:40px;}
.q40{
	width:100%;
	line-height:50px;
	background-color:#f9f9f9;
	padding-left:15px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
	font-size:16px;
	box-sizing:border-box;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.q40:hover{ background-color:#f3f3f3;}
.q41{
	width:200px;
	line-height:50px;
	text-align:center;
	font-size:20px;
	color:#fff;
	background-color:#2b4580;
	cursor:pointer;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.q42{ height:50px; overflow:hidden;}
.q43{ background-color:#f9f9f9; overflow:hidden; padding-bottom:20px; padding-top:50px;}
.q44{ width:1300px; margin:0 auto; overflow:hidden; background-color:#FFFFFF; margin-top:0px; margin-bottom:40px; box-sizing:border-box; padding:0px 20px 20px 20px;}
.q45{
	overflow:hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
}
.q45 li{ float:left; width:40%; }
.q45 span{
	display:inline-block;
	font-size:18px;line-height:50px;
	font-weight:bolder;
	border-bottom-width: 3px;
	border-bottom-style: solid; color:#2b4580;
	border-bottom-color: #2b4580;
}
.q45 dl{ float:left; width:20%;}
.q46{ overflow:hidden; margin-top:20px;}
.q46 li{
	overflow:hidden;
	padding-bottom:15px;
	padding-top:15px; cursor:pointer;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
}
.q46 dl{ float:left; width:40%; font-size:16px;}
.q46 dt{ float:left; width:20%; font-size:16px;}
.q46 li:hover{ color:#2b4580;}
.q47{ overflow:hidden; margin-top:20px;}
.q47 p{ font-size:22px; font-weight:bolder; padding-bottom:20px;border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;}
.q47 ul{ padding-bottom:20px; padding-top:10px; overflow:hidden;border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;}
.q47 li{ width:33.333%; float:left; font-size:14px; color:#666666; padding-bottom:10px; padding-top:10px;}
.q47 span{ display:inline-block; font-weight:bolder; color:#000000;}
.q48{ overflow:hidden; font-size:14px; color:#333; line-height:200%; padding-top:20px;}

.q49{ width:1300px; margin:0 auto; margin-top:0px;}
.q49 li{ width:32.333%; float:left; margin-right:1.5%; overflow:hidden; box-sizing:border-box; color:#333333; margin-top:30px; padding:15px; border-radius:10px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q49 dl{ overflow:hidden; height:250px; border-radius:10px;}
.q49 img{ width:100%; height:250px; object-fit: cover; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q49 li:hover{ box-shadow: 0 0 10px #acacac; background-color:#2b4580; color:#FFFFFF;}
.q49 p{ font-size:20px; font-weight:bolder; color:#333333; margin-top:15px;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q49 h3{ font-size:14px; margin-top:10px; color:#333333;}
.q49 dt{ margin-top:10px; font-size:14px; color:#333333; line-height:180%; text-align:justify;}
.q49 span{ display:inline-block; width:70px; margin-top:15px; height:2px; background-color:#666666;}
.q49 li:hover span{ background-color:#FFFFFF;}
.q49 li:hover p{ color:#FFFFFF;}
.q49 li:hover h3{ color:#FFFFFF;}
.q49 li:hover dt{ color:#FFFFFF;}
.q49 li:nth-child(3n){ margin-right:0;}
.q49 li:hover img{transform: scale(1.2, 1.2);}
.q50{ background-color:#f9f9f9; overflow:hidden; padding-bottom:50px; padding-top:20px;}
.q51{
	width:1300px;
	margin:0 auto;
	overflow:hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e4e4e4;
}
.q52{
	width:900px;
	float:left;
	overflow:hidden;
	border-right-width: 1px; padding-right:30px;
	border-right-style: solid;
	border-right-color: #e4e4e4;
}
.q53{ overflow:hidden; margin-top:40px;}
.q53 p{ font-size:24px; font-weight:bolder; margin-bottom:15px;}
.q53 dl{ font-size:14px; color:#666666;}
.q54{ overflow:hidden; margin-top:20px; font-size:16px; line-height:180%; color:#333333; text-align:justify; margin-bottom:30px; min-height:500px;}
.q54 p{ overflow:hidden;}
.q54 img{ display:block; width:750px; margin:0 auto; margin-top:15px; margin-bottom:15px; border-radius:10px; box-shadow: 0 0 10px #b1b1b1;}
.q55{ background-color:#f9f9f9; overflow:hidden; padding-bottom:50px; padding-top:0px;}
.q56{ float:right; width:330px; overflow:hidden;}
.q57{ font-size:28px; font-weight:bolder; padding-bottom:20px; padding-top:40px;border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e4e4e4;}
.q58{ overflow:hidden; margin-top:30px; margin-bottom:30px;}
.q58 li{
	margin-top:20px;
	padding-bottom:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid; cursor:pointer;
	border-bottom-color: #ececec;
}
.q58 p{ font-size:18px; color:#000000;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q58 dl{ margin-top:15px; font-size:14px; color:#666666;}
.q58 li:hover p{ color:#2b4580;}
.q59{
	width:1300px;
	margin:0 auto;
	overflow:hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e4e4e4; margin-top:20px; padding-bottom:20px;
}
.q59 dl{ width:45%; float:left; font-size:16px; color:#333333;}
.q59 dt{ width:45%; float:left; text-align:right; font-size:16px; color:#333333;}
.q59 em{ display:inline-block; font-size:26px; color:#2b4580; float:left;}
.q59 e{ display:inline-block; font-size:26px; color:#2b4580; float:right;}
.q59 li{ float:left; width:10%; text-align:center;}
.q59 span{ display:inline-block; font-size:36px; color:#2b4580; cursor:pointer;}
.q60{ width:1300px; margin:0 auto;position: relative; height:100px;}
.q61{position:absolute; left:0px; top:-60px; background-color:#FFFFFF; box-shadow: 0 0 10px #d8d8d8; width:100%; height:80px; border-radius:5px; padding-bottom:20px; padding-top:20px; text-align:center;}
.q61 ul{ width:90%; margin:0 auto; overflow:hidden;}
.q61 li{
	float:left;
	width:25%;
	text-align:center;
	color:#333;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e9e9e9; box-sizing:border-box;
}
.q61 p{ font-size:36px; font-weight:bolder; color:#2b4580;}
.q61 dl{ font-size:20px; margin-top:5px;}
.q61 li:nth-child(4n){border-right-width: 0px;}
.q62{ overflow:hidden;}
.q62 img{ width:100%; height:700px; object-fit: cover;}
.q63{ width:1300px; margin:0 auto; background-color:#FFFFFF; box-shadow: 0 0 10px #d8d8d8; border-radius:5px; overflow:hidden; margin-top:20px;}
.q64{ float:right; width:600px;}
.q64 img{ width:600px;}
.q65{ background-color:#f9f9f9; overflow:hidden;}
.q66{ float:left; width:700px; padding:50px; box-sizing:border-box;}
.q67{ overflow:hidden;}
.q67 p{ font-size:26px; font-weight:bolder;}
.q67 dl{ font-size:16px; color:#666666; margin-top:15px;}
.q68{ overflow:hidden; margin-top:20px; font-size:16px; line-height:180%; text-align:justify; color:#333333;}
.q68 p{ margin-top:10px;}
.q69{ width:1200px; margin:0 auto; margin-top:70px; margin-bottom:50px; overflow:hidden;}
.q69 li{ float:left; width:25%; text-align:center; overflow:hidden;}
.q69 span{
	display:inline-block;
	width:80px; background-color:#FFFFFF;
	height:80px;
	border: 2px solid #2b4580; border-radius:100px; line-height:80px; font-size:30px; color:#2b4580;
}
.q69 p{ font-size:22px; font-weight:bolder; margin-top:20px;}
.q69 dl{ font-size:16px; line-height:180%; margin-top:20px;}
.q70{ width:1300px; margin:0 auto; overflow:hidden; margin-top:20px;}
.q70 li{ float:left; width:23%; margin-right:2.6666%; text-align:center; margin-top:30px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q70 dl{ width:100%; box-sizing:border-box; height:250px;border: 1px solid #e9e9e9; display: table; text-align:center;}
.q70 dt{ width:100%;display:table-cell; 
            vertical-align:middle;  }
.q70 img{ max-height:230px;}
.q70 p{ padding-top:15px; font-size:16px; color:#333333;}
.q70 li:nth-child(4n){ margin-right:0;}
.q70 li:hover dl{border: 1px solid #2b4580;}
.q71{ width:1300px; margin:0 auto; overflow:hidden; margin-top:20px;}
.q71 li{ width:48%; margin-right:4%; float:left; margin-bottom:40px;}
.q71 li:nth-child(2n){ margin-right:0;}
.q71 dl{ width:100%; height:400px; overflow:hidden;}
.q71 img{ width:100%; height:400px; object-fit: cover; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q71 dt{
	font-size:20px; padding-bottom:20px; padding-top:20px;
	color:#333; text-align:center; font-weight:bolder;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2b4580;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q71 li:hover img{transform: scale(1.2, 1.2);}
.q71 li:hover dt{ color:#FFF; background-color:#2b4580;}
.q72{overflow:hidden; margin-top:20px; padding-bottom:40px;}
.q72 li{ overflow:hidden; margin-top:20px;}
.q72 dl{ width:100%; height:200px; overflow:hidden;}
.q72 img{ width:100%; height:200px; object-fit: cover; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q72 dt{
	font-size:18px; padding-bottom:10px; padding-top:10px;
	color:#333; text-align:center; font-weight:bolder;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e0e0e0;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q72 li:hover img{transform: scale(1.2, 1.2);}
.q72 li:hover dt{ color:#FFF; background-color:#2b4580;}
.q73{ overflow:hidden;}
.q73 img{ width:100%; height:780px; object-fit: cover;}
.q74{
	height:906px; overflow:hidden;
	background-image:url(../images/qy_02.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.q74 ul{ width:1200px; margin:0 auto; padding-top:250px;}
.q74 p{ font-size:24px; color:#666666; margin-top:15px;letter-spacing: 3px;}
.q74 span{ display:inline-block; font-weight:bolder; color:#00a2cf;}
.q74 dl{ width:500px; font-size:16px; color:#666666; line-height:180%; margin-top:50px;}
.q75{
	height:200px;
	background-image:url(../images/qy_04.jpg);
	background-position: center center;background-size:100% auto; 
}
.q76{ width:1200px; margin:0 auto;}
.q77{ float:left; margin-top:40px;}
.q77 li{
	float:left;
	width:120px;
	height:120px; margin-right:55px;
	border-radius:100px; text-align:center; color:#FFFFFF;
	border: 1px solid #FFFFFF;
}
.q77 p{ font-size:26px; margin-top:30px;letter-spacing: 2px;}
.q77 dl{ font-size:18px; margin-top:0px;letter-spacing: 2px;}
.q78{ float:right; overflow:hidden; color:#FFFFFF; margin-top:50px;}
.q78 span{ display:inline-block; font-size:60px; float:left; margin-top:20px;}
.q78 dl{ float:left; font-size:14px;letter-spacing: 2px;}
.q78 img{ float:left; margin-top:15px; margin-right:20px;}
.q78 p{ font-family:Arial, Helvetica, sans-serif; font-size:40px; font-weight:bolder; margin-bottom:5px; margin-top:5px;letter-spacing: 0px;}
.q79{
	overflow:hidden;
	padding-top:240px; padding-bottom:50px;
	background-image:url(../images/qy_06.jpg);
	background-repeat: no-repeat;background-size:100% auto; 
	background-position: center top;
}
.q80{ width:1200px; margin:0 auto; overflow:hidden;}
.q81{ overflow:hidden;}
.q81 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:50px; line-height:40px;
	text-transform: uppercase; color:#d7e6ed;
}
.q81 dl{
	color:#0ea3ce;
	font-size:30px;
	font-weight:bolder;
	letter-spacing: 3px;
}
.q82{
	height:500px;
	background-image:url(../images/qy_08.jpg);
	overflow:hidden; text-align:center;
	background-position: center center;background-size:100% auto; 
}
.q82 p{ font-size:30px; font-weight:bolder; color:#FFFFFF; margin-top:100px;letter-spacing: 2px;}
.q82 dl{
	font-size:22px;
	line-height:250%;
	margin-top:50px;
	color:#FFFFFF;
	letter-spacing: 2px;
}
.q83{ text-align:center; overflow:hidden;}
.q84{ width:1200px; margin:0 auto; overflow:hidden; margin-top:20px;}
.q84 li{ float:left; width:31.333%; margin-right:3%; background-color:#0ea3ce; overflow:hidden; padding-bottom:40px; padding-top:40px; text-align:center; margin-top:30px;}
.q84 span{
	width:140px;
	height:140px; display:inline-block;
	padding:10px;
	box-sizing:border-box;
	border-radius:100px;
	border: 1px solid #86d1e8;
}
.q84 em{ display:inline-block; width:100%; height:100%; text-align:center; line-height:120px; font-size:50px; color:#FFFFFF; background-color:#86d1e8;border-radius:100px; font-family:Arial, Helvetica, sans-serif;}
.q84 li:nth-child(3n){ margin-right:0;}
.q84 p{
	font-size:26px;
	color:#FFFFFF;
	margin-top:20px;
	letter-spacing: 3px;
}
.q84 e{ display:inline-block; width:50px; height:1px; background-color:#FFFFFF; margin-top:20px;}
.q84 dl{ padding:40px 40px 0px 40px; font-size:16px; line-height:180%; text-align:justify; color:#FFFFFF; height:140px;}
.q84 li:nth-child(2n){ background-color:#e5eef3;}
.q84 li:nth-child(2n) span{border: 1px solid #333;}
.q84 li:nth-child(2n) em{ background-color:#d7e0e5; color:#333333;}
.q84 li:nth-child(2n) p{ color:#333333;}
.q84 li:nth-child(2n) e{ background-color:#666666;}
.q84 li:nth-child(2n) dl{ color:#333333;}
.q85{ background-color:#e5eef3; overflow:hidden; padding-bottom:70px; padding-top:50px;}
.q86{ width:1200px; margin:0 auto; overflow:hidden; margin-top:50px;}
.q86 li{ width:130px; float:left; text-align:center;}
.q86 span{
	display:inline-block; line-height:130px; height:130px; padding-top:25px; box-sizing:border-box; font-size:60px; color:#0ea3ce; border-radius:30px;
	border: 2px solid #0ea3ce; width:100%; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q86 p{
	padding-top:25px;
	font-size:22px;
	color:#0ea3ce;
	font-family: "HYJunHei-CEJ";
	font-weight:bolder;
	letter-spacing: 3px;
}
.q86 em{ display:inline-block; float:left; width:83px; text-align:center; font-size:30px; color:#0ea3ce; margin-top:50px;}
.q86 li:hover span{ background-color:#0ea3ce; color:#FFFFFF;}
.q86 li:hover .q014{ display:none;}
.q86 .q0014{ display:none;}
.q86 li:hover .q0014{ display:block; margin:0 auto;}
.q87{ width:1200px; margin:0 auto; overflow:hidden; margin-top:40px;}
.q88{ float:left; width:460px;}
.q89{ overflow:hidden; margin-top:50px;}
.q89 p{
	font-family:MyriadSetPro-Thin;
	font-size:22px; color:#333333;
	text-transform: uppercase; line-height:20px;
}
.q89 dl{
	font-size:30px;
	color:#ab8d71;
	letter-spacing: 3px;
}
.q90{ overflow:hidden; margin-top:50px;}
.q90 p{ margin-top:20px; font-size:16px; color:#666; text-align:justify; line-height:180%;}
.q91{ float:right;}
.q91 img{ float:left;}
.q91 li{ font-size:20px; color:#666666; margin-top:55px; overflow:hidden;}
.q91 span{ display:inline-block; font-size:26px; color:#ab8d71; font-weight:bolder; margin-right:10px;}
.q91 li:nth-child(2n){ padding-left:50px;}
.q91 li:nth-child(3n){ padding-left:50px;}
.q91 li:nth-child(4n){ padding-left:30px;}
.q91 dl{ float:left;}
.q92{ background-color:#f4f4f4; overflow:hidden; padding-bottom:40px; padding-top:40px; margin-top:50px;}
.q92 ul{ width:1200px; margin:0 auto; overflow:hidden;}
.q92 li{
	float:left;
	width:25%;
	text-align:center;
	color:#d1c0af;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d1c0af; box-sizing:border-box;
}
.q92 p{ font-size:60px; font-weight:bolder;}
.q92 dl{ font-size:20px; font-family: "HYJunHei-CEJ"; margin-top:5px; color:#000;}
.q92 li:nth-child(4n){border-right-width: 0px;}
.q92 span{ display:inline-block; font-size:16px;}
.q93{ width:1200px; margin:0 auto; overflow:hidden; margin-top:50px;}
.q94{
	height:240px;
	background-image:url(../images/zt_05.jpg); overflow:hidden;
	background-position: center center; margin-top:50px;background-size:100% auto; 
}
.q95{ width:1200px; margin:0 auto; overflow:hidden;}
.q96{ float:left; font-size:18px; color:#FFFFFF; line-height:190%; padding-top:50px;letter-spacing: 3px;}
.q97{ margin-top:80px;}
.q98{ width:1200px; margin:0 auto; margin-top:50px;}
.q98 li{ float:left; width:22%; margin-right:4%; background-color:#d1c0af; text-align:center; padding-top:40px; padding-bottom:40px; color:#FFFFFF;}
.q98 span{ display:inline-block; font-size:60px;}
.q98 p{ margin-top:25px; font-size:22px;letter-spacing: 2px;}
.q98 dl{ padding:20px 20px 0px 20px; font-size:16px; text-align:justify; line-height:180%;}
.q98 li:nth-child(4n){ margin-right:0;}
.q98 li:nth-child(2n){ background-color:#f4f4f4; color:#666;}
.q98 li:nth-child(2n) span{ color:#d1c0af;}
.q99{ background-color:#f4f4f4; overflow:hidden; padding-bottom:70px; margin-top:70px;}
.q100{ width:1200px; margin:0 auto; overflow:hidden; margin-top:50px;}
.q100 li{ width:130px; float:left; text-align:center;}
.q100 span{
	display:inline-block; line-height:130px; padding-top:25px; box-sizing:border-box; height:130px; font-size:60px; color:#ab8d71; border-radius:30px;
	border: 2px solid #ab8d71; width:100%; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q100 p{ padding-top:25px; font-size:22px; color:#ab8d71; font-family: "HYJunHei-CEJ"; font-weight:bolder;letter-spacing: 3px;}
.q100 em{ display:inline-block; float:left; width:83px; text-align:center; font-size:30px; color:#ab8d71; margin-top:50px;}
.q100 li:hover span{ background-color:#ab8d71; color:#FFFFFF;}
.q100 li:hover .q014{ display:none;}
.q100 .q0014{ display:none;}
.q100 li:hover .q0014{ display:block; margin:0 auto;}
.q101{ width:1200px; margin:0 auto; margin-bottom:50px; overflow:hidden;}
.q102{ background-image:url(../images/ztbj.jpg);background-size: cover; height:900px; overflow:hidden; margin-top:50px;}
.q102 li{
	float:left;
	width:20%;
	overflow:hidden;
	height:450px;
	box-sizing:border-box;
	border-right-width: 1px;
	border-bottom-width: 1px; background-color:rgba(0, 0, 0, 0.3);
	border-right-style: solid; cursor:pointer; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
	border-bottom-style: solid; padding-left:2%; color:#FFFFFF;
	border-right-color: rgba(255, 255, 255, 0.5); padding-top:120px;
	border-bottom-color: rgba(255, 255, 255, 0.5);
}
.q102 span{
	font-size:35px; display:inline-block;
	font-family:'MyriadSetPro-Thin';
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF; padding-bottom:0px;
}
.q102 dl{ margin-top:70px; font-size:24px;letter-spacing: 3px;}
.q102 li:hover{ padding-top:80px; background-color:rgba(0, 0, 0, 0.0)}
.q102 li:nth-child(10n){ background-color:#d1c0af; padding:0px; text-align:center; padding-top:170px;}
.q102 p{ font-size:22px; color:#FFFFFF;letter-spacing: 3px;}
.q102 dt{ font-family:Arial, Helvetica, sans-serif; font-size:13.6px; color:#FFFFFF;}
.q102 em{ display:inline-block; font-size:30px; margin-top:30px; color:#FFFFFF;}
.q102 li:nth-child(10n):hover{ background-color:#ae9e8e;}
.q103{position: relative; height:140px;}
.q104{position:absolute; left:0px; top:-30px; width:100%; text-align:center;}
.q104 p{font-size:36px; font-family:"hklhj"; color:#333333; margin-top:20px;}
.q104 dl{
	font-family: hklhj;
	font-size:26px;
	color:#dadada;
	margin-top:0px;
	text-transform: uppercase;
}
.q105{ width:800px; margin:0 auto; overflow:hidden; font-size:16px; color:#666666; line-height:180%; margin-top:50px; text-align:justify;}
.q105 p{ margin-top:10px;}
.q106{ width:800px; margin:0 auto; overflow:hidden; margin-top:50px;}
.q106 li{
	width:140px; float:left;
	height:140px; border-radius:100px;
	border: 1px solid #af251b; box-sizing:border-box; padding:10px;
}
.q106 span{ width:120px; height:120px; display:inline-block; background-color:#af251b; border-radius:100px; text-align:center; color:#FFFFFF; font-size:18px;}
.q106 p{ font-size:30px; margin-top:25px; margin-bottom:5px;}
.q106 em{
	float:left;
	display:inline-block;
	width:60px;
	border-top-width: 1px;
	border-top-style: dashed; margin-top:70px; margin-left:10px; margin-right:10px;
	border-top-color: #af251b;
}
.q107{ background-color:#f8f8f8; padding-bottom:100px; margin-top:100px;}
.q108{ width:1200px; margin:0 auto; margin-top:50px;}
.q108 li{
	float:left;
	width:22%;
	margin-right:4%;
	background-color:#f3efec;
	text-align:center;
	padding-top:40px;
	padding-bottom:40px; box-sizing:border-box;
	color:#a89583;
	border: 1px solid #d5d2cb;
}
.q108 span{ display:inline-block; font-size:60px;}
.q108 p{
	margin-top:25px;
	font-size:22px;
	color:#333333;
	letter-spacing: 3px;
}
.q108 dl{ padding:20px 20px 0px 20px; font-size:16px; text-align:justify; line-height:180%; color:#666666;}
.q108 li:nth-child(4n){ margin-right:0;}
.q109{ background-color:#f4f4f4; padding-bottom:100px;}
.q110{ width:1200px; margin:0 auto; overflow:hidden; margin-top:50px;}
.q110 li{ width:120px; float:left; text-align:center; margin-right:96px;}
.q110 span{
	display:inline-block; line-height:120px; height:120px; padding-top:25px; box-sizing:border-box; font-size:60px; color:#af8c6d; border-radius:300px;
	border: 1px solid #af8c6d; width:100%; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q110 p{
	padding-top:25px;
	font-size:22px;
	color:#333;
	font-family: "HYJunHei-CEJ";
	font-weight:bolder;
	letter-spacing: 3px;
}
.q110 em{ display:inline-block; width:30px; height:2px; background-color:#af8c6d; margin-top:20px;}
.q110 li:hover span{ background-color:#ab8d71; color:#FFFFFF;}
.q110 li:nth-child(6n){ margin-right:0;}
.q110 li:hover .q014{ display:none;}
.q110 .q0014{ display:none;}
.q110 li:hover .q0014{ display:block; margin:0 auto;}
.q111{ margin:0 auto; overflow:hidden; text-align:center;}
.q111 span{
	display:inline-block;
	width:218px;
	height:50px;
	background-image:url(../images/m_03.png);
	text-align:center;
	font-size:22px;
	color:#FFFFFF;
	cursor:pointer;
	font-family:"hklhj";
	line-height:50px;
	letter-spacing: 3px;
}
.q111 em{ display:inline-block; font-size:22px; margin-left:5px;}
.q112{ width:1200px; margin:0 auto; overflow:hidden; margin-top:50px;}
.q113{ float:left; width:250px;}
.q113 p{ font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:50px; color:#595757;}
.q113 span{ width:40px; height:4px; background-color:#ab8d71; margin-top:20px; display:inline-block;}
.q113 dl{ color:#595757; font-size:26px; font-weight:bolder; margin-top:30px;}
.q113 img{ display:inline-block; margin-top:538px;}
.q113 em{ color:#ab8d71; font-size:16px; display:inline-block; margin-left:5px;}
.q114{ float:right; width:826px;}
.q114 img{
	border: 1px solid #ddd0c3; margin-bottom:50px; margin-top:100px;
}
.q114 dl{ font-size:24px; font-weight:bolder; color:#333333;}
.q114 p{ font-size:16px; color:#666666; line-height:180%; text-align:justify; margin-top:20px;}
.q115{ width:1200px; overflow:hidden; margin:0 auto; margin-top:50px;}
.q115 li{ float:left; width:30.333%; margin-right:4.5%; overflow:hidden; background-color:#f3f3f3; text-align:center; border-radius:100px 0px 0px 0px; padding-bottom:40px; padding-top:50px; font-size:22px; color:#595757;}
.q115 li:nth-child(3n){ margin-right:0;}
.q115 p{color:#ab8d71; font-size:80px; font-weight:bolder; font-family:Arial, Helvetica, sans-serif;}
.q115 span{ display:inline-block; font-size:20px; margin-left:5px;}
.q116{ width:80%; margin:0 auto; background-color:#a98c71; border-radius:20px; padding-bottom:70px; padding-top:70px; margin-top:70px;}
.q117{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
	background-image: url(../images/fzc_03.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.q117 p{ font-size:30px; color:#FFFFFF; font-weight:bolder;}
.q117 dl{ font-size:22px; color:#fff; margin-top:10px;}
.q117 span{ display:inline-block; width:50px; height:4px; background-color:#FFFFFF; margin-top:50px;}
.q117 em{
	display:inline-block;
	line-height:45px;
	padding-left:30px;
	padding-right:30px;
	border: 1px solid #FFFFFF;
	font-size:20px;
	color:#FFFFFF;
	border-radius:20px 0px 20px 0px;
	margin-top:50px;
	letter-spacing: 2px;
}
.q117 dt{ width:600px; font-size:16px; color:#FFFFFF; text-align:justify; line-height:200%; margin-top:40px;}
.q118{ width:1200px; margin:0 auto; overflow:hidden; margin-top:70px;}
.q118 li{
	float:left;
	width:32.333%;
	margin-right:1.5%;
	overflow:hidden;
	box-sizing:border-box;
	text-align:center;
	border-radius:20px 0px 0px 20px;
	padding-bottom:30px;
	padding-top:30px;
	border: 1px solid #FFFFFF;
}
.q118 li:nth-child(3n){ margin-right:0;border-radius:0px 20px 20px 0px;}
.q118 dl{ font-size:20px; color:#FFFFFF; line-height:180%;}
.q118 p{ font-size:20px; color:#FFFFFF;}
.q118 dt{ font-size:16px; color:#FFFFFF; line-height:200%; margin-top:18px;}
.q118 li:nth-child(2n){border-radius:0px;}
.q119{ text-align:center; overflow:hidden; margin-top:70px;}
.q119 p{ font-size:30px; font-weight:bolder; color:#595757;}
.q119 span{
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:50px;
	text-transform: uppercase;
}
.q119 em{ display:inline-block; font-size:16px; margin-left:5px; margin-right:15px; color:#ab8d71;}
.q119 dl{ margin-top:20px; font-size:22px; color:#595757;}



.q120{ overflow:hidden; text-align:center; margin-top:30px;}
.q120 span{
	display:inline-block;
	line-height:50px;
	width:180px;
	cursor:pointer;
	border-radius:50px;
	font-size:16px;
	color:#fff; background-color:#a98c71;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	letter-spacing: 1px;
}
.q120 span:hover{ padding-left:20px; padding-right:20px;}
.q120 em{ font-size:14px; display:inline-block; margin-left:20px;}






.q121{
	height:240px;
	background-image:url(../images/fz_08.jpg); overflow:hidden;background-size:100% auto; 
	background-position: center center; margin-top:50px;
}
.q122{ background-color:#f4f4f4; overflow:hidden; padding-bottom:70px; margin-top:0px;}
.q123{ width:1200px; margin:0 auto; overflow:hidden; margin-top:20px;}
.q124{ width:1200px; margin:0 auto; overflow:hidden; margin-top:50px;}
.q125{ float:left; width:600px; background-color:#f3f3f3; height:557px; overflow:hidden; color:#595757;}
.q125 span{ display:inline-block; overflow:hidden; padding-left:40px; padding-right:40px; background-color:#ab8d71; line-height:50px; font-size:22px; color:#FFFFFF; border-radius:0px 0px 30px 0px;}
.q125 dl{ font-size:100px; margin-top:100px; text-align:center;}
.q125 p{ font-size:24px; font-weight:bolder; margin-top:40px; text-align:center;}
.q125 dt{ font-size:18px; line-height:180%; margin-top:40px; text-align:center;}
.q126{ float:right; width:570px; overflow:hidden;}
.q127{ background-color:#ab8d71; overflow:hidden; padding:40px;}
.q127 dl{ float:left;}
.q127 p{ font-size:24px; color:#FFFFFF; font-weight:bolder;}
.q127 dd{ font-size:16px; color:#FFFFFF; margin-top:50px; line-height:180%;}
.q127 dt{ float:right; text-align:right;}
.q127 span{ display:inline-block; width:30px; height:3px; background-color:#FFFFFF; margin-top:30px; margin-right:7px;}
.q127 em{ font-size:65px; color:#FFFFFF; display:inline-block; margin-top:60px;}
.q127 img{ margin-top:50px;}
.q128{ margin-top:20px;}
.q128 li{ float:left; width:48%; margin-right:4%; background-color:#f3f3f3; text-align:center; padding-bottom:40px; padding-top:40px; color:#595757;}
.q128 li:nth-child(2n){ margin-right:0;}
.q128 span{ font-size:60px;; display:inline-block;}
.q128 p{ font-size:24px; font-weight:bolder; margin-top:20px;}
.q128 dl{ padding:25px 25px 0px 25px; font-size:14px; line-height:180%;}
.q129{
	height:150px;
	background-image:url(../images/dj_03.png);
	background-repeat: repeat-y;
	background-position: center center;
}
.q130{ float:left; width:450px;}
.q130 p{ font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:50px; color:#595757;}
.q130 span{ width:40px; height:4px; background-color:#ab8d71; margin-top:20px; display:inline-block;}
.q130 dl{ color:#cd1e19; font-size:36px; margin-top:30px;}
.q130 dt{ margin-top:50px; font-size:15px; line-height:180%; color:#535353;}
.q131{ width:1200px; margin:0 auto; overflow:hidden;}
.q132{ float:right; width:240px; margin-top:250px;}
.q132 li{ line-height:40px; background-color:#f0f0f0; font-size:20px; color:#535353; margin-top:10px; text-align:center;}
.q133{
	height:492px; overflow:hidden;
	background-image:url(../images/dj_05.png);
	background-repeat: no-repeat; margin-top:70px;
	background-position: center center;
}
.q134{ width:1200px; overflow:hidden; margin:0 auto;}
.q135{ text-align:right; font-size:38px; margin-top:20px; color:#cd1e19; overflow:hidden;}
.q136{ overflow:hidden;}
.q136 li{
	float:left;
	width:25%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid; box-sizing:border-box; padding:30px;
	border-right-style: solid;
	border-top-color: #eaeaea;
	border-right-color: #eaeaea; color:#5f5d5e; height:400px; margin-top:20px;
}
.q136 p{ margin-top:30px; font-family:Arial, Helvetica, sans-serif; font-size:55px;}
.q136 span{ display:inline-block; font-size:20px;}
.q136 dl{ margin-top:20px; font-size:22px;}
.q136 dt{ margin-top:30px; font-size:15px; text-align:justify; line-height:170%;}
.q137{
	height:900px;
	overflow:hidden;
	background-image:url(../images/dj_07.png);
	background-position: center center;
	background-repeat: no-repeat;
}
.q138{ width:1200px; margin:0 auto; overflow:hidden;}
.q139{ margin-top:150px;}
.q139 li{ overflow:hidden; margin-top:45px; font-size:20px; color:#666;}
.q139 p{ font-size:70px; color:#cd1e19; font-family:Arial, Helvetica, sans-serif; font-weight:bolder;}
.q139 span{ display:inline-block; font-size:20px;}
.q140{ background-color:#cd1e19; margin-top:80px; width:500px; color:#FFFFFF; overflow:hidden; padding-bottom:40px; padding-top:40px; padding-left:100px;}
.q140 span{ display:inline-block; font-size:60px; float:left; margin-top:20px;}
.q140 dl{
	float:left;
	font-size:14px;
	letter-spacing: 3px;
}
.q140 p{ font-family:Arial, Helvetica, sans-serif; font-size:38px; font-weight:bolder; margin-bottom:5px; margin-top:5px;letter-spacing: 0px;}
.q140 img{ float:left; margin-right:20px; margin-top:10px;}
.q141{ background-color:#f8f8f8; overflow:hidden; margin-top:70px; padding-bottom:70px;}
.q142{ width:1200px; margin:0 auto; overflow:hidden; margin-top:70px;}
.q143{
	font-size:34px;
	color:#cd1e19;
	overflow:hidden;
	line-height:50px;
	letter-spacing: 3px;
}
.q143 span{
	display:inline-block;
	color:#595757; font-family:Arial, Helvetica, sans-serif;
	font-size:50px;
	font-weight:bolder;
	float:left; margin-top:3px;
	margin-right:20px;letter-spacing: 0px;
	text-transform: uppercase;
}
.q144{ background-color:#cd1e19; overflow:hidden; padding-bottom:70px;}
.q145{ font-size:34px; color:#fff; overflow:hidden; line-height:50px;}
.q145 span{
	display:inline-block;
	color:#fff; font-family:Arial, Helvetica, sans-serif;
	font-size:50px;
	font-weight:bolder;
	float:left; margin-top:3px;
	margin-right:10px;
	text-transform: uppercase;
}
.q146{ width:1200px; margin:0 auto; overflow:hidden; margin-top:50px;}
.q146 li{ width:130px; float:left; text-align:center;}
.q146 span{
	display:inline-block; line-height:130px; height:130px; padding-top:25px; box-sizing:border-box; font-size:60px; color:#fff; border-radius:30px;
	border: 2px solid #fff; width:100%; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q146 p{
	padding-top:25px;
	font-size:22px;
	color:#fff;
	font-family: "HYJunHei-CEJ";
	font-weight:bolder;
	letter-spacing: 3px;
}
.q146 em{ display:inline-block; float:left; width:83px; text-align:center; font-size:30px; color:#fff; margin-top:50px;}
.q146 li:hover span{ background-color:#fff; color:#cd1e19;}
.q146 li:hover .q014{ display:none;}
.q146 .q0014{ display:none;}
.q146 li:hover .q0014{ display:block; margin:0 auto;}
.q147{ background-color:#f4f4f4; margin-top:70px; overflow:hidden; text-align:center; font-size:22px; color:#666666; padding-bottom:70px; line-height:200%; padding-top:70px;}
.q148{ width:1200px; margin:0 auto; overflow:hidden; margin-top:100px;}
.q148 li{ width:23%; margin-right:2.666%; float:left; overflow:hidden; background-color:#cd1e19; text-align:center; color:#fff;}
.q148 li:nth-child(4n){ margin-right:0;}
.q148 p{ font-size:24px; font-weight:bolder; margin-top:20px;}
.q148 dl{ line-height:180%; padding-bottom:20px; padding-top:10px; font-size:16px;}
.q148 img{ width:100%;}
.q148 li:nth-child(2n){ background-color:#f3f3f3; color:#595757;}
.q149{ width:1200px; margin:0 auto; margin-top:40px; overflow:hidden;}
.q149 li{ float:left; width:49%; margin-right:2%; background-color:#f3f3f3; padding:0px 40px 40px 0px; box-sizing:border-box; color:#575757; margin-top:20px;}
.q149 li:nth-child(2n){ margin-right:0;}
.q149 dl{ height:50px; line-height:50px;}
.q149 span{ display:inline-block; background-color:#cd1e19; font-size:20px; color:#FFFFFF; padding-left:40px; padding-right:40px; border-radius:0px 0px 30px 0px;}
.q149 dt{ float:left; padding-left:30px;}
.q149 p{ font-size:24px; font-weight:bolder; margin-top:30px;}
.q149 h3{ font-size:16px; line-height:180%; margin-top:20px;}
.q149 em{ float:right; display:inline-block; font-size:70px; margin-top:80px;}
.q149 img{ float:right; margin-top:70px;}
.q149 .q1499{ background-color:#cd1e19;}
.q149 .q1499 p{ color:#FFFFFF;}
.q149 .q1499 h3{ color:#f0f0f0;}
.q150{ overflow:hidden; background-color:#0762cb;}
.q150 ul{ width:1200px; margin:0 auto; overflow:hidden;}
.q150 li{
	float:left;
	width:27%;
	border-left-width: 1px;
	box-sizing:border-box;
	padding-bottom:100px;
	padding-top:100px; color:#FFFFFF;
	border-left-style: solid;
	border-left-color: rgba(255, 255, 255, 0.2);
	background-image: url(../images/dsjli.png);
	background-repeat: no-repeat; padding-left:40px;
	background-position: left center;
}
.q150 p{ font-family:Arial, Helvetica, sans-serif; font-size:50px; font-weight:bolder; font-weight:bolder;}
.q150 span{ display:inline-block; font-size:20px; margin-left:10px; font-weight:normal;}
.q150  dl{ padding-top:20px; font-size:18px;}
.q150 li:nth-child(4n){ width:19%;}
.q151{
	height:598px;
	background-image:url(../images/dsj_03.png);
	background-repeat: no-repeat; overflow:hidden; margin-top:70px;
	background-position: center center;
}
.q152{ width:1200px; margin:0 auto; overflow:hidden;}
.q153{ float:left; width:550px; margin-top:50px;}
.q153 p{ font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:50px; color:#aeb6c0;}
.q153 span{ width:40px; height:4px; background-color:#0762cb; margin-top:20px; display:inline-block;}
.q153 dl{
	color:#0762cb;
	font-size:36px;
	margin-top:30px;
	margin-bottom:40px;
	letter-spacing: 3px;
}
.q153 dt{ margin-top:20px; font-size:15px; line-height:180%; color:#666; text-align:justify;}
.q154{
	overflow:hidden;
	background-image:url(../images/dsj_05.png);
	background-position: center center; margin-top:50px;
}
.q155{ width:1200px; margin:0 auto; overflow:hidden; color:#FFFFFF; margin-top:50px; margin-bottom:50px; padding-left:50px; box-sizing:border-box;
}
.q155 span{ display:inline-block; font-size:60px; float:left; margin-top:20px;}
.q155 dl{
	float:left;
	font-size:14px;
	letter-spacing: 3px;
}
.q155 p{ font-family:Arial, Helvetica, sans-serif; font-size:38px; font-weight:bolder; margin-bottom:5px; margin-top:5px;letter-spacing: 0px;}
.q155 img{ float:left; margin-right:20px; margin-top:10px;}
.q156{ overflow:hidden; margin-top:60px; text-align:center;}
.q156 p{
	font-size:40px;
	color:#afb6c0; font-family:Arial, Helvetica, sans-serif; font-weight:bolder;
	text-transform: uppercase;  margin-bottom:5px;
}
.q156 span{ display:inline-block;}
.q156 em{ width:50px; height:2px; background-color:#afb6c0; display:inline-block; float:left; margin-left:10px; margin-right:10px; margin-top:20px;}
.q156 e{
	display:inline-block;
	color:#0762cb;
	font-size:28px;
	float:left;
	letter-spacing: 3px;
}
.q156 dl{ font-size:18px; color:#666; padding-top:10px;}
.q157{ background-image:url(../images/dsjbj.jpg);background-size: cover; height:900px; overflow:hidden; margin-top:50px;}
.q157 li{
	float:left;
	width:20%;
	overflow:hidden;
	height:450px;
	border-right-width: 1px;box-sizing:border-box;
	border-bottom-width: 1px;
	border-right-style: solid; cursor:pointer; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
	border-bottom-style: solid; color:#FFFFFF;
	border-right-color: rgba(255, 255, 255, 0.5);
	border-bottom-color: rgba(255, 255, 255, 0.5);
}
.q157 span{
	font-size:35px; display:inline-block;
	font-family:'MyriadSetPro-Thin';
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF; padding-bottom:0px;
}
.q157 dl{ margin-top:70px; font-size:22px; line-height:170%; float:left;letter-spacing: 3px;}

.q157 li:nth-child(10n){ background-color:#2574d0; padding:0px; text-align:center; padding-top:170px;}
.q157 p{ font-size:22px; color:#FFFFFF;letter-spacing: 3px;}
.q157 dt{ font-family:Arial, Helvetica, sans-serif; font-size:13.7px; color:#FFFFFF;}
.q157 e{ display:inline-block; font-size:30px; margin-top:30px; color:#FFFFFF;}
.q157 li:nth-child(10n):hover{ background-color:#0762cb;}
.q157 h3{ background-color:rgba(0, 0, 0, 0.3); height:450px; padding-top:120px; padding-left:10%;box-sizing:border-box; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q157 li:hover h3{ background-color:#2574d0; height:250px; padding-top:20px;}
.q157 em{ display:inline-block; float:right; font-size:30px; margin-right:30px; margin-top:100px; display:none;}
.q157 li:hover em{ display:block;}
.q158{ overflow:hidden;}
.q159{
	height:535px;
	background-image:url(../images/dsj_07.png); background-color:#1e4b85;
	background-repeat: no-repeat; overflow:hidden;
	background-position: center center; margin-top:70px;
}
.q160{ overflow:hidden; margin-top:60px; text-align:center;}
.q160 p{
	font-size:40px;
	color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bolder;
	text-transform: uppercase; margin-bottom:5px;
}
.q160 span{ display:inline-block;}
.q160 em{ width:50px; height:2px; background-color:#fff; display:inline-block; float:left; margin-left:10px; margin-right:10px; margin-top:20px;}
.q160 e{ display:inline-block;  color:#fff; font-size:28px; float:left;}
.q160 dl{ font-size:18px; color:#fff; padding-top:10px;}
.q161{ width:1200px; margin:0 auto; margin-top:90px;}
.q161 li{ float:left; width:115px; margin-right:81px; text-align:center; padding-left:15px;}
.q161 span{ display:inline-block; line-height:115px; height:115px; box-sizing:border-box; padding-top:20px; font-size:50px; color:#0762cb;}
.q161 p{ font-size:22px; color:#FFFFFF; margin-top:40px;}
.q161 li:nth-child(6n){ margin-right:0;}
.q162{ width:1203px; margin:0 auto; overflow:hidden; height:576px; background-image:url(../images/dsj_10.png); margin-top:50px;position: relative; padding-top:90px; box-sizing:border-box;}
.q163 li{position:absolute; left:0px; top:100px; width:333px; text-align:center;}
.q163 span{ display:inline-block; font-size:70px; color:#0762cb;}
.q163 p{ font-size:22px; color:#666; padding-top:25px; line-height:150%;}
.q164 li{position:absolute; left:220px; top:320px; width:333px; text-align:center;}
.q164 span{ display:inline-block; font-size:70px; color:#0762cb;}
.q164 p{ font-size:22px; color:#666; padding-top:25px; line-height:150%;}
.q165 li{position:absolute; right:0px; top:100px; width:333px; text-align:center;}
.q165 span{ display:inline-block; font-size:70px; color:#0762cb;}
.q165 p{ font-size:22px; color:#666; padding-top:25px; line-height:150%;}
.q166 li{position:absolute; right:220px; top:320px; width:333px; text-align:center;}
.q166 span{ display:inline-block; font-size:70px; color:#0762cb;}
.q166 p{ font-size:22px; color:#666; padding-top:25px; line-height:150%;}
.q167{
	height:842px; overflow:hidden;
	background-image:url(../images/yq_04.png);
	background-position: center center;position: relative;
}
.q168{ overflow:hidden; text-align:center; margin-top:300px; color:#FFFFFF;}
.q168 p{ font-size:30px; font-weight:bolder;}
.q168 span{ width:70px; height:1px; background-color:#FFFFFF; display:inline-block; margin-top:20px;}
.q168 dl{
	font-size:30px;
	text-transform: uppercase;font-family:'MyriadSetPro-Thin'; margin-top:5px;
}
.q168 dt{ font-size:18px; margin-top:15px; line-height:170%;}
.q169{
	height:1022px;
	background-image:url(../images/yq_05.jpg);background-size:100% auto; 
	background-position: center center; overflow:hidden;
}
.q170{ overflow:hidden; text-align:center; margin-top:90px; color:#FFFFFF;}
.q170 p{
	font-size:30px;
	font-weight:bolder;
	letter-spacing: 3px;
}
.q170 span{ width:70px; height:1px; background-color:#FFFFFF; display:inline-block; margin-top:20px;}
.q170 dl{
	font-size:30px;
	text-transform: uppercase;font-family:'MyriadSetPro-Thin'; margin-top:5px;
}
.q170 dt{ font-size:18px; margin-top:15px; line-height:170%;}
.q171{ overflow:hidden; text-align:center; margin-top:90px; color:#999;}
.q171 p{
	font-size:30px;
	font-weight:bolder;
	color:#2b4580;
	letter-spacing: 3px;
}
.q171 span{ width:70px; height:1px; background-color:#999; display:inline-block; margin-top:20px;}
.q171 dl{
	font-size:30px;
	text-transform: uppercase;font-family:'MyriadSetPro-Thin'; margin-top:5px;
}
.q171 dt{ font-size:18px; margin-top:15px; line-height:170%;}
.q172{
	height:240px;
	background-image:url(../images/yq_08.png); overflow:hidden;background-size:100% auto; 
	background-position: center center; margin-top:50px;
}
.q173{
	overflow:hidden;
	background-image:url(../images/yq_12.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;background-size:100% auto; 
}
.q174{
	overflow:hidden;
	background-image:url(../images/yq_10.jpg);
	background-repeat: no-repeat;background-size: 100% 100%;
	background-position: center top;
}
.q175{ width:1200px; margin:0 auto; overflow:hidden; margin-top:122px;}
.q176{ float:left; width:355px; padding-top:260px;}
.q177{ height:260px; background-color:#d4dbe3; text-align:center; box-sizing:border-box; padding-top:50px;}
.q177 span{ font-size:60px; color:#2b4580; display:inline-block;}
.q177 p{ padding-top:20px; font-size:20px; color:#666666; line-height:150%;}
.q178{ float:left; width:490px; overflow:hidden;}
.q179{ height:260px; background-color:#2b4580; padding:25px; font-size:16px; color:#FFFFFF; box-sizing:border-box; line-height:200%;}
.q180{ float:left; width:355px; padding-top:0px;}
.q1800{ width:100%;}
.q181{ float:left; padding-top:100px;}
.q181 li{ margin-top:100px; overflow:hidden; font-size:22px; color:#2b4580; line-height:75px; margin-left:30px;}
.q181 span{ display:inline-block; width:75px; height:75px; line-height:75px; text-align:center; font-size:40px; color:#FFFFFF; background-color:#2b4580; float:left; margin-right:10px; border-radius:50px;}
.q181 li:nth-child(2n){ margin-left:0px;}
.q182{position:absolute; left:0px; top:0px; width:100%;}
.q183{ width:1200px; margin:0 auto;}
.q184{ float:right; padding-top:100px;}
.q184 li{ margin-top:100px; text-align:right; overflow:hidden; font-size:22px; color:#2b4580; line-height:75px; margin-right:30px;}
.q184 span{ display:inline-block; width:75px; height:75px; line-height:75px; text-align:center; font-size:40px; color:#FFFFFF; background-color:#2b4580; float:right; margin-left:10px; border-radius:50px;}
.q184 li:nth-child(2n){ margin-right:0px;}
.q185{ width:600px; margin:0 auto; overflow:hidden; padding-top:55px;}
.q185 li{ padding-right:330px; width:270px; text-align:right; font-size:16px; color:#FFFFFF; line-height:170%; margin-top:35px;}
.q185 li:nth-child(2n){ padding-left:330px; padding-right:0px; text-align:left;}
.q186{ text-align:center; overflow:hidden; color:#FFFFFF; margin-top:50px;}
.q186 p{ font-size:28px; font-weight:bolder;}
.q186 dl{ padding-top:30px; font-size:18px; color:#ccc; line-height:180%;}
.q187{ width:1300px; margin:0 auto; overflow:hidden; margin-top:20px;}
.q187 li{ width:32.33%; margin-right:1.5%; overflow:hidden; float:left; margin-bottom:40px;position: relative;}
.q187 li:nth-child(3n){ margin-right:0;}
.q187 dl{ width:100%; height:350px; overflow:hidden;}
.q187 img{ width:100%; height:350px; object-fit: cover; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q187 p{
	font-size:20px; padding-bottom:20px; padding-top:20px;
	color:#333; text-align:center; font-weight:bolder;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2b4580;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q187 li:hover img{transform: scale(1.2, 1.2);}
.q187 li:hover p{ color:#FFF; background-color:#2b4580;}
.q187 dt{ width:100%; height:350px;position:absolute; left:0px; top:-350px; box-sizing:border-box; padding:25px; background-color:rgba(43, 69, 128, 0.8); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q187 li:hover dt{ top:0px;}
.q187 ul{
	width:100%; box-sizing:border-box;
	height:100%; text-align:center;
	border: 1px solid #FFFFFF;
}
.q187 h2{ font-size:24px; font-weight:bolder; color:#FFFFFF; margin-top:25px;}
.q187 h3{ padding:25px; font-size:16px; text-align:justify; line-height:170%; color:#fff;}
.q188{ margin-left:40px;}
.q189{
	background-image:url(/images/ztlc_03.png);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position: center 274px;
}
.q190{
	background-image:url(/images/ztlc_03.png);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position: center 262px;
}









.q001{ position:fixed; right:10px; top:300px; z-index:999999;}
.q001 li{
	cursor:pointer; text-align:center;
	margin-top:3px;
	background-repeat: no-repeat;
	background-position: center center;position:relative;
}
.q001 span{ font-size:30px; text-align:center;}
.q001 dt{
	position:absolute;
	right:-200px;
	top:0px;
	text-align:center;
	font-size:18px;
	color:#FFFFFF;  border-radius:10px 20px 25px 10px;
transition: all .3s ease; 	background-image:url(../images/kh_03.png);
	background-repeat: no-repeat; display:inline-block; min-height:80px; padding-top:20px; padding-bottom:20px;
	background-position: right top; min-width:180px; box-sizing:border-box;
}
.q001 img{ width:120px;}
.q001 dl{ width:80px; height:80px; text-align:center; background-color:#0938a2; color:#fff; overflow:hidden; border-radius:5px; box-sizing:border-box; padding-top:15px;}
.q001 p{ font-size:14px; margin-top:5px;}
.q001 li:hover dl{ background-color:#333333;}
.q001 li:hover dt{right:90px; top:0px;}








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











/*产品展示样式*/
#ProList{ width:1200px; margin:0 auto; margin-top:50px;}
p#change{ text-align:center; overflow:hidden;}
p#change span{ display:inline-block; line-height:45px; width:24%; margin-left:0.5%; margin-right:0.5%; font-size:16px; margin-top:10px; background-color:#ebecf0; color:#7c8387;}
p#change span.hover{ background-color:#2b4580; color:#FFFFFF;
}
#ProList div.changeCon{
	display:none; margin-top:30px;
}

#KeyFriend{ width:1300px; margin:0 auto; margin-top:40px;}
p#change2{ text-align:center;}

p#change2 span{ display:inline-block; line-height:45px; font-size:16px; width:250px; margin-left:5px; margin-right:5px; background-color:#ebecf0; color:#7c8387;}
p#change2 span.hover{ background-color:#2b4580; color:#FFFFFF;}
#KeyFriend div.kfcon{display:none; overflow:hidden;}






/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
    background-color: #F5F5F5;

}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

/*滚动条移上去的背景*/

::-webkit-scrollbar-thumb:hover {
    background-color: #2b4580;

}

.clear{ clear:both;}