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,select{outline:none;}



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


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;position: relative;}
.q1 img{ width:100%; height:100vh; object-fit: cover;}
.q1 ul{position:absolute; left:10%; top:35vh;}
.q1 p{ font-size:7vh; color:#FFFFFF; font-weight:bolder;}
.q1 dl{ font-size:3.5vh;  font-family: "HYJunHei-CEJ"; color:#FFFFFF; margin-top:5vh; line-height:180%; font-weight:bolder;}

.q3{
	width:100%; box-sizing:border-box;
	height:90px;
}
.q4{ width:95%; margin:0 auto;}
.q5{ float:right; color:#FFFFFF; line-height:90px;margin-left:40px;}
.q5 span{ display:inline-block; font-size:30px; float:left; margin-right:7px;}
.q5 p{ font-size:24px; font-family:'Impact'; float:left;}
@media screen and (max-width: 1400px) {
.q5{ display:none;}
}
.q6{ background-color:#303030; overflow:hidden;}
.q7{ width:90%; margin:0 auto; overflow:hidden; margin-top:70px;}
.q8{
	overflow:hidden;

}
.q8 li{ width:15.58%; float:left;}
.q8 dl{ font-size:18px; color:#FFFFFF; font-weight:bolder; margin-bottom:20px;}
.q8 p{ font-size:14px; color:rgba(255, 255, 255, 0.5); line-height:35px; cursor:pointer; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q8 p:hover{ color:#FFFFFF;}
.q8 dt{ float:right;}
.q9{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255, 255, 255, 0.2);
	padding-bottom:20px; padding-top:20px; margin-top:30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255, 255, 255, 0.2); overflow:hidden;
}
.q9 li{ float:left; margin-right:10%; padding-bottom:50px; padding-top:50px;}
.q9 span{ display:inline-block; color:#0e58d1; font-size:25px; float:left; margin-right:15px; margin-top:2px;}
.q9 dl{ float:left; color:rgba(255, 255, 255, 0.5); font-size:14px;}
.q9 p{ font-size:18px; color:#FFFFFF; margin-bottom:5px;}
.q9 dt{ float:right; text-align:center;}
.q9 img{ width:120px;}
.q9 h2{ font-size:14px; color:#FFFFFF; margin-top:10px;}
@media screen and (max-width: 1500px) {
.q9 li{  margin-right:5%; }
}
@media screen and (max-width: 1350px) {
.q9 li{  margin-right:3%; }
}
.q10{ overflow:hidden; padding-bottom:50px; padding-top:50px;}
.q10 dl{ font-size:14px; color:rgba(255, 255, 255, 0.6); float:left;}
.q10 dt{ font-size:14px; color:rgba(255, 255, 255, 0.6); float:right;}
.q11{ width:1440px; margin:0 auto; overflow:hidden; margin-top:50px;}
.q11 dl{
	font-size:28px;
	color:#999999;  font-family: "HYJunHei-CEJ";
	text-transform: uppercase;
}
.q11 p{ color:#00479d; font-size:26px; font-weight:bolder; margin-top:5px;}
.q11 dt{ float:left;}
.q11 h2{ font-size:14px; color:#00479d; cursor:pointer; float:right; margin-top:5px; line-height:30px;}
.q11 span{ display:inline-block; float:right; font-size:20px; margin-left:3px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q11 h2:hover span{ margin-left:10px;}
.q12{ height:60px; overflow:hidden;}
.q13{ width:1440px; margin:0 auto; overflow:hidden; margin-top:40px;}
.q14{ float:left; width:950px; overflow:hidden;}
.q14 li{ width:48%; margin-right:4%; float:left; background-color:#f7f9fc;}
.q14 dl{ width:100%; height:280px; overflow:hidden;}
.q14 img{ width:100%; height:280px; object-fit: cover; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q14 li:hover img{transform: scale(1.2, 1.2);}
.q14 ul{ overflow:hidden; padding:30px;}
.q14 p{ font-size:18px; color:#333333; cursor:pointer; height:70px; text-align:justify; font-weight:bolder; line-height:150%;}
.q14 p:hover{ color:#00479d;text-decoration: underline;}
.q14 h2{ font-size:12px; color:#666666;}
.q14 dt{ font-size:16px; margin-top:10px; color:#666666; line-height:180%; text-align:justify; height:137px;}
.q14 li:nth-child(2n){ margin-right:0;}
.q15{ float:right; width:460px; background-color:#f7f9fc; overflow:hidden; height:575px;}
.q16{ padding-left:40px; padding-right:40px; padding-top:10px;}
.q16 li{ overflow:hidden; margin-top:30px; cursor:pointer;}
.q16 p{ font-size:18px; font-weight:bolder; color:#333333; overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q16 dl{ font-size:12px; color:#666666; margin-top:10px;}
.q16 li:hover p{
	color:#00479d;
	text-decoration: underline;
}
.q17{ overflow:hidden;}
.q17 li{
	width:250px; float:left;
	height:110px;
	text-align:center;
	display: table; box-sizing:border-box;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #f1f1f1;
	border-right-color: #f1f1f1;
	border-bottom-color: #f1f1f1;
	border-left-color: #f1f1f1;
}
.q17 dl{display:table-cell; 
            vertical-align:middle;  
            text-align: center;}
.q17 img{ max-width:90%; max-height:90px;}
.q18{ height:40px; overflow:hidden;}
.q19{ overflow:hidden;}
.q19 li{
	width:250px; float:left;
	height:110px;
	text-align:center;
	display: table; box-sizing:border-box;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #f1f1f1;
	border-right-color: #f1f1f1;
	border-bottom-color: #f1f1f1;
	border-left-color: #f1f1f1;
}
.q19 dl{display:table-cell; 
            vertical-align:middle;  
            text-align: center;}
.q19 img{ max-width:90%; max-height:90px;}
.q20{ overflow:hidden;}
.q20 li{
	width:250px; float:left;
	height:110px;
	text-align:center;
	display: table; box-sizing:border-box;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #f1f1f1;
	border-right-color: #f1f1f1;
	border-bottom-color: #f1f1f1;
	border-left-color: #f1f1f1;
}
.q20 dl{display:table-cell; 
            vertical-align:middle;  
            text-align: center;}
.q20 img{ max-width:90%; max-height:90px;}
.q21{ overflow:hidden; margin-top:40px;}
.q21 li{
	width:12.5%;
	float:left;
	overflow:hidden;
	background-repeat: no-repeat;
	text-align:center;
	box-sizing:border-box;
	background-position: center top;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.q21 dt{ width:100%; height:600px; background-color:rgba(0, 0, 0, 0.5); box-sizing:border-box; padding-top:100px;}
.q21 li:hover ul{background-color:rgba(0, 71, 157, 0.7);}
.q21 .on{ width:25%;}
.q21 .on dt{background-color:rgba(0, 71, 157, 0.7);}
.q21 p{ font-size:24px; color:#FFFFFF; font-weight:bolder; padding-top:170px;}
.q21 h2{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color:rgba(255, 255, 255, 0.8);
	margin-top:15px;
	text-transform: uppercase;
}
.q21 span{ display:inline-block; cursor:pointer; font-size:20px; margin-top:50px; color:#FFFFFF; width:40px; height:40px; background-color:rgba(255, 255, 255, 0.5); color:#FFFFFF; border-radius:50px; line-height:40px;}
.q21 dl{ height:170px; display:none; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q21 h3{ font-size:40px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight:bolder;}
.q21 em{ display:inline-block; width:1px; height:70px; margin-top:30px; background-color:#FFFFFF;}
.q21 .on p{ padding-top:0px;}
.q21 .on dl{ display:block;}
.q21 h4{ display:none; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q21 .on h4{ display:block;}
.q22{ background-color:#f4f5fa; overflow:hidden; height:500px;}





.q25{
	background-image:url(../images/about_02.png);
	background-repeat: no-repeat;background-size: cover; padding-bottom:50px;
	background-position: center bottom;
}
.q26{ width:1400px; margin:0 auto; overflow:hidden; margin-top:20px;}
.q27{ float:left; width:650px; padding-top:50px;}
.q28{ overflow:hidden;}
.q28 dl{ font-family:Arial, Helvetica, sans-serif; overflow:hidden;}
.q28 span{ display:inline-block; font-size:18px; color:#999999; float:left;}
.q28 em{ display:inline-block; width:30px; height:1px; background-color:#294787; margin-left:10px; float:left; margin-top:15px;}
.q28 p{ font-size:30px; color:#294787;  font-weight:bolder; margin-top:10px;}
.q29{ overflow:hidden; margin-top:20px; text-align:justify; font-size:16px; color:#333; line-height:180%;}
.q29 p{ margin-top:15px;}
.q30{ margin-top:40px; overflow:hidden;}
.q30 span{
	display:inline-block;
	background-color:#00479d;
	line-height:50px;
	padding-left:35px;
	padding-right:35px;
	font-size:16px;
	color:#FFFFFF;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.q30 em{ display:inline-block; font-size:28px; margin-left:10px; float:right;}
.q30 span:hover{ padding-left:45px; padding-right:45px;}
.q31{ float:right; width:661px; margin-top:165px;}
.q32{ overflow:hidden; margin-top:40px;}
.q32 li{ float:left; margin-right:40px; cursor:pointer;}
.q32 span{
	display:inline-block;
	width:60px;
	height:60px;
	text-align: center; box-sizing:border-box;
	line-height:60px; border-radius:100px; font-size:30px;
	border: 1px solid #294787; background-color:#FFFFFF; color:#294787; float:left; margin-right:13px;
}
.q32 dl{
	float:left;
	font-size:14px;
	color:#666666;
	margin-top:3px;
	text-transform: uppercase;
}
.q32 p{ font-size:20px; color:#000000; font-weight:bolder; margin-bottom:7px;}



.q37{ width:1400px; margin:0 auto; margin-top:60px;}
.q37 li{ float:left; width:18%; margin-right:2.5%; background-color:#FFFFFF; padding:20px; box-sizing:border-box; text-align:right; box-shadow: 0 0 10px #ebebeb;}
.q37 li:nth-child(5n){ margin-right:0;}
.q37 span{
	display:inline-block;
	font-size:30px; box-sizing:border-box;
	color:#00479d;
	width:50px; text-align:center; line-height:50px; border-radius:50px;
	height:50px;
	border: 1px solid #00479d;
}
.q37 dl{ margin-top:10px; font-size:42px; color:#333333;font-family:'Impact'; text-align:left;}
.q37 dt{ margin-top:10px; font-size:16px; font-family: "HYJunHei-CEJ"; color:#666666; text-align:left;}
.q37 em{ display:inline-block; font-size:20px; margin-left:10px;}

.q38{ overflow:hidden; width:1440px; margin:0 auto; margin-top:40px;}
.q38 li{ background-color:#f8f8f8; float:left; width:33.333%; padding:40px; box-sizing:border-box; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q38 h2{ font-size:26px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder;}
.q38 h3{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
	text-transform: uppercase;
}
.q38 p{ font-size:30px; color:#333333; font-weight:bolder; margin-top:80px;}
.q38 dl{ font-size:16px; color:#666666; line-height:160%; text-align:justify; margin-top:20px;}
.q38 .on{ background-color:#00479d;}
.q38 .on h2{ color:#FFFFFF;}
.q38 .on h3{ color:#FFFFFF;}
.q38 .on p{ color:#FFFFFF;}
.q38 .on dl{ color:#FFFFFF;}
.q38 li:hover{ background-color:#00479d;}
.q38 li:hover h2{ color:#FFFFFF;}
.q38 li:hover h3{ color:#FFFFFF;}
.q38 li:hover p{ color:#FFFFFF;}
.q38 li:hover dl{ color:#FFFFFF;}
.q39{ overflow:hidden;position: relative;}
.q39 img{ width:100%; height:500px; object-fit: cover;}
.q39 ul{position:absolute; top:0px; left:0px; width:100%;}
.q39 dl{ width:1400px; margin:0 auto; margin-top:250px; text-align:left; color:#FFFFFF;}
.q39 p{ font-size:35px;font-family: "HYJunHei-CEJ"; font-weight:bolder; margin-top:10px;}
.q39 h2{
	font-size:45px; font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase; margin-top:10px;
	color:rgba(255, 255, 255, 0.5);
}
.q39 span{ display:inline-block; width:60px; height:3px; margin-top:15px; background-color:rgba(255, 255, 255, 0.3);}
.q40{
	background-color:#f9f9f9;
	overflow:hidden;
	padding-bottom:20px;
	padding-top:10px;
	background-repeat: no-repeat;
	background-position: left 300px;
	background-image: url(../images/casesa.png);
}
.q42{ width:1400px; margin:0 auto; }
.q42 li{ overflow:hidden; padding:35px; background-color:#FFFFFF; border-radius:7px; margin-top:30px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q42 dl{ width:350px; height:260px; overflow:hidden; float:left;}
.q42 img{ width:100%; height:260px; object-fit: cover; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q42 li:hover img{transform: scale(1.2, 1.2);}
.q42 ul{ float:right; width:930px; overflow:hidden; padding-top:20px;}
.q42 h2{ font-size:16px; color:#666666; font-family: "HYJunHei-CEJ";}
.q42 p{ margin-top:20px; cursor:pointer; font-family: "HYJunHei-CEJ"; font-weight:bolder; color:#333333; font-size:24px;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q42 dt{ margin-top:15px; font-size:16px; color:#666666; text-align:justify; line-height:160%; margin-top:20px; height:80px;}
.q42 span{ display:inline-block; font-size:16px; color:#333333; cursor:pointer;}
.q42 em{ display:inline-block; font-size:20px; color:#cc0000; margin-left:10px; float:right;}
.q42 p:hover{ color:#cc0000;}
.q42 span:hover{ color:#cc0000;}
.q42 li:hover{ box-shadow: 0 0 20px #e7e7e7;}
.q43{ width:1400px; margin:0 auto;}
.q44{ overflow:hidden; background-color:#FFFFFF; padding:30px; margin-top:40px;}
.q45{
	text-align:center;
	overflow:hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0; padding-bottom:20px;
}
.q45 p{ font-size:30px; color:#333333;}
.q45 dl{ font-size:14px; color:#666666; margin-top:20px;}
.q46{ overflow:hidden; font-size:18px; color:#333333; line-height:180%; text-align:justify; margin-top:10px;}
.q46 p{ margin-top:20px;}
.q46 img{ max-width:1200px;}
.q47{
	overflow:hidden;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #e3e3e3; margin-top:30px;
	border-bottom-color: #e3e3e3; overflow:hidden; padding-bottom:20px; padding-top:20px;
}
.q47 dl{ width:40%; float:left; font-size:16px; color:#666666;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/
}
.q47 dt{ width:40%; float:right; font-size:16px; text-align:right; color:#666666;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/
}
.q47 li{ float:left; width:20%; text-align:center; }
.q47 em{ display:inline-block;font-size:16px; color:#333333;}
.q47 span{ display:inline-block; font-size:24px; float:left; margin-right:5px;}
.q49{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e3e3e3;
}
.q49 li{ width:1400px; margin:0 auto;}
.q49 span{ display:inline-block; line-height:40px; margin-right:30px; cursor:pointer; font-size:18px; color:#333333; float:left; padding-bottom:20px; padding-top:20px;}
.q49 span:hover{ color:#274380; font-weight:bolder;}
.q49 dt{ float:left;position: relative; }
.q49 ul{
	position:absolute;
	top:80px;
	left:-15px;
	width:170%;
	background-color:#FFFFFF;
	z-index:99999999;
	display: none;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e3e3e3;
	border-right-color: #e3e3e3;
	border-bottom-color: #e3e3e3;
	border-left-color: #e3e3e3;
}
.q49 p{ line-height:35px; font-size:14px; cursor:pointer; padding-left:15px;}
.q49 dt:hover ul{ display:block;}
.q49 .q50 span{ color:#274380; font-weight:bolder;}
.q49 dl{ float:right; font-size:16px; color:#666666; margin-top:10px; padding-top:20px;}
.q49 .q50{ color:#274380; font-weight:bolder;}
.q51{ width:1400px; margin:0 auto; margin-top:40px;}
.q52{ font-size:24px; color:#333333; font-weight:bolder; margin-top:30px;}
.q53{ overflow:hidden; margin-top:30px;}
.q53 li{ float:left; width:31.333%; margin-right:3%; overflow:hidden;}
.q53 dl{ width:100%; height:280px; overflow:hidden;}
.q53 img{ width:100%; height:280px; object-fit: cover; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q53 h2{ margin-top:15px; font-size:12px; color:#999999; font-family:Arial, Helvetica, sans-serif;}
.q53 p{ font-size:20px; cursor:pointer; margin-top:15px; color:#333333;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q53 li:hover img{transform: scale(1.2, 1.2);}
.q53 li:nth-child(3n){ margin-right:0;}
.q53 p:hover{
	text-decoration: underline; color:#00479d;
}
.q54{ width:720px; float:right; overflow:hidden; font-size:18px; color:#333333; line-height:200%; text-align:justify;}
.q54 dl{
	font-size:26px;
	font-weight:bolder;
	color:#00479d; padding-bottom:20px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #00479d;
}
.q54 p{ margin-top:20px;}
.q54 img{ max-width:900px;}
.q55{ float:left; width:550px;}
.q55 img{ width:100%;}
.q56{ width:1400px; box-sizing:border-box; margin:0 auto; overflow:hidden; margin-top:0px; padding:30px; background-color:#FFFFFF;}
.q57{
	overflow:hidden; box-sizing:border-box; width:1400px; margin:0 auto; background-color:#FFFFFF;margin-top:30px;
 overflow:hidden; padding:20px;
}
.q57 dl{ width:40%; float:left; font-size:16px; color:#666666;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/
}
.q57 dt{ width:40%; float:right; font-size:16px; text-align:right; color:#666666;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/
}
.q57 li{ float:left; width:20%; text-align:center; }
.q57 em{ display:inline-block;font-size:16px; color:#333333;}
.q57 span{ display:inline-block; font-size:24px; float:left; margin-right:5px;}
.q58{ width:1400px; margin:0 auto; overflow:hidden; margin-top:0px;}
.q58 li{
	float:left;
	width:23%; box-sizing:border-box; background-color:#FFFFFF;
	margin-right:2.66666%; margin-top:40px;
	border: 1px solid #eeeeee;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q58 li:nth-child(4n){ margin-right:0;}
.q58 dl{ width:100%; height:350px;display: table; overflow:hidden;}
.q58 dt{display:table-cell; 
            vertical-align:middle; width:100%; height:350px; text-align:center;}
.q58 img{ max-width:90%; max-height:310px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q58 p{ background-color:#eeeeee; line-height:50px; text-align:center; font-size:18px; color:#333333;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q58 li:hover{border: 1px solid #00479d;}
.q58 li:hover p{ background-color:#00479d; color:#FFFFFF;}
.q58 li:hover img{transform: scale(1.1, 1.1);}
.q59{ width:1400px; margin:0 auto; overflow:hidden; margin-top:40px;}
.q59 dl{
	font-size:28px;
	color:#999999;  font-family: "HYJunHei-CEJ";
	text-transform: uppercase;
}
.q59 p{ color:#00479d; font-size:26px; font-weight:bolder; margin-top:5px;}
.q59 dt{ float:left;}
.q59 h2{ font-size:14px; color:#00479d; cursor:pointer; float:right; margin-top:5px; line-height:30px;}
.q59 span{ display:inline-block; float:right; font-size:20px; margin-left:3px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q59 h2:hover span{ margin-left:10px;}
.q60{
	background-image:url(../images/abt.png);
	background-repeat: no-repeat;
	background-position: right bottom; overflow:hidden;background-size:40% auto; padding-bottom:50px;
}
.q61{ width:1400px; margin:0 auto; overflow:hidden; padding-right:550px; box-sizing:border-box; font-size:18px; color:#333333; line-height:180%; margin-top:15px; text-align:justify;}
.q61 p{ margin-top:20px;}
.q62{
	overflow:hidden;
	background-image:url(../images/icon02.jpg);
	background-position: center center; text-align:center;
}
.q62 span{ display:inline-block; margin-left:6vh; padding-right:6vh; padding-bottom:50px; padding-top:50px;}
.q62 h2{ font-size:60px; color:#FFFFFF;font-family:'Impact';}
.q62 em{ display:inline-block; font-size:18px; margin-left:5px;font-family: "HYJunHei-CEJ";}
.q62 p{ font-size:20px; color:#FFFFFF; margin-top:10px; font-family: "HYJunHei-CEJ";}
.q63{ background-image:url(../images/icon03.jpg);background-size: cover; overflow:hidden; padding-bottom:70px;}
.q64{
	background-image:url(../images/56.jpg);
	overflow:hidden; padding-bottom:60px;
	background-position: center center;
}


.q84{ width:1560px; margin:0 auto; margin-top:50px;}
.q84 li{ float:left; width:24%; margin-right:1.33333%; margin-top:0px;}
.q84 dl{ width:100%; height:300px; overflow:hidden; background-color:#f7f7f7;display: table; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q84 dt{ width:100%; height:300px;display:table-cell; 
            vertical-align:middle;  
            text-align: center; }
.q84 img{ max-width:90%; max-height:260px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q84 p{ text-align:center; font-size:20px; color:#333333; padding-bottom:25px; padding-top:25px;font-family: "HYJunHei-CEJ"; font-weight:bolder;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q84 li:nth-child(4n){ margin-right:0;}
.q84 li:hover img{transform: scale(1.1, 1.1);}
.q84 li:hover dl{ box-shadow: 0 0 15px #d8d8d8;}
.q85{ background-image:url(../images/lc_bg.png); overflow:hidden; margin-top:40px; padding-bottom:60px; padding-top:40px;}
.q86{
	width:1400px;
	margin:0 auto;
	background-image:url(../images/xt_03.png);
	background-size:100% auto;
	padding-left:100px;
	padding-right:100px;
	box-sizing:border-box;
	background-repeat: no-repeat;
	background-position: center 20px; overflow:hidden;
}
.q86 li{ float:left; width:25%; text-align:center;}
.q86 span{ display:inline-block; color:#333333; font-size:40px;}
.q86 em{ display:inline-block; width:1px; background-color:#999999; height:100px;}
.q86 dl{ margin-top:30px;}
.q86 p{ font-size:24px; font-weight:bolder; color:#00479d; margin-top:20px;}
.q86 dt{ font-size:18px; padding:30px; line-height:180%;}
.q87{ margin-top:122px;}
.q88{ margin-top:142px;}
.q89{ margin-top:35px;}
.q90{ margin-top:127px;}
.q91{ width:1400px; margin:0 auto; overflow:hidden; margin-top:0px;}
.q91 li{
	float:left;
	width:31.33%; box-sizing:border-box; background-color:#FFFFFF;
	margin-right:3%; margin-top:40px;
	border: 1px solid #eeeeee;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q91 li:nth-child(3n){ margin-right:0;}
.q91 dl{ width:100%; height:350px;display: table; overflow:hidden;}
.q91 dt{display:table-cell; 
            vertical-align:middle; width:100%; height:350px; text-align:center;}
.q91 img{ max-width:90%; max-height:310px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q91 p{ background-color:#eeeeee; line-height:50px; text-align:center; font-size:18px; color:#333333;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q91 li:hover{border: 1px solid #00479d;}
.q91 li:hover p{ background-color:#00479d; color:#FFFFFF;}
.q91 li:hover img{transform: scale(1.1, 1.1);}
.q92{ overflow:hidden;}











.w32{ background-color:#f9f9f9; overflow:hidden; padding-bottom:20px; padding-top:50px; margin-bottom:50px;}
.w33{
	width:1400px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e3e3e3;
}
.w33 p{ font-size:30px; color:#333333; font-weight:bolder;}
.w33 dl{ font-size:24px; color:#333333; margin-top:20px;}
.w33 dt{ font-size:16px; color:#333333; margin-top:20px;}
.w34{ width:1400px; margin:0 auto; overflow:hidden; background-color:#FFFFFF; margin-top:40px; box-shadow: 0 0 20px #acacac; margin-bottom:40px;}
.w35{ float:right; width:800px;}
.w36{ overflow:hidden; padding-top:50px; padding-left:50px; float:left;}
.w37{ font-size:28px; font-weight:bolder; color:#333333;}
.w38{ font-size:16px; line-height:200%; color:#333333; margin-top:30px;}
.w39{ width:1400px; margin:0 auto; margin-top:20px; overflow:hidden;}
.w39 li{ width:48%; margin-right:4%; float:left; overflow:hidden; margin-top:40px;}
.w39 li:nth-child(2n){ margin-right:0;}
.w39 p{ font-size:20px; font-weight:bolder; margin-bottom:15px;}
.w39 span{ display:inline-block; font-size:16px; color:#00479d; margin-right:5px;}
.w39 dl{ width:100%; margin-right:0%; float:left; overflow:hidden; margin-top:40px;}
.w40{
	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;
}
.w40:hover{ background-color:#f3f3f3;}
.w41{
	width:200px;
	line-height:50px;
	text-align:center;
	font-size:20px;
	color:#fff;
	background-color:#00479d;
	cursor:pointer;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.w41:hover{ width:260px;}



.q104{ width:1250px; margin:0 auto; margin-top:50px; overflow:hidden;}
.q105{ float:left; margin-top:20px;}
.q106{ float:right; width:710px; overflow:hidden;}
.q106 li{
	overflow:hidden;
	margin-top:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid; padding-bottom:20px;
	border-bottom-color: rgba(0, 0, 0, 0.1);
}
.q106 ul{ float:right; width:570px;}
.q106 p{ font-size:24px; font-weight:bolder; color:#00479d; margin-top:10px;}
.q106 dl{ font-size:18px; color:#333333; margin-top:15px; text-align:justify;}



.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:#00479d; 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:#00479d; 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:50px; margin-top:30px;
}








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






/*产品展示样式*/
#ProList{  margin-top:25px;}
p#change{
	border-bottom-width: 1px;
	border-bottom-style: solid; text-align:center;
	border-bottom-color: rgba(0, 71, 157, 0.3); padding-bottom:20px;
}
p#change span{
	display:inline-block;
	font-size:16px;
	height:35px;
	line-height:35px;
	color:#333;
	cursor:pointer;
	margin-right:28px;
	border-radius:5px;
	margin-right:28px;
	padding-left:15px;
	padding-right:15px;
	border: 1px solid #dadada;
}
p#change span.hover{ color:#FFFFFF; background: -webkit-linear-gradient(top,#1f4be9, #00479d); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top,#1f4be9, #00479d); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top,#1f4be9, #00479d); /* Firefox 3.6 - 15 */
    background: linear-gradient(top,#1f4be9, #00479d); /* 标准的语法（必须放在最后） */}
#ProList div.changeCon{
	display:none;
}




/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-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: #0e58d1;
}

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

::-webkit-scrollbar-thumb:hover {
    background-color: #1172c5;

}

.clear{ clear:both;}