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;}

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "思源黑体 Normal";font-weight: 350;src: url("//at.alicdn.com/wf/webfont/sLY6De1XidIL/fh6D0FM9Blxx.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/sLY6De1XidIL/o8uacLQlcSHi.woff") format("woff");
  font-display: swap;
}





/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "阿里妈妈刀隶体 Regular";font-weight: 400;src: url("//at.alicdn.com/wf/webfont/sLY6De1XidIL/i3obnK2Fq9s7.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/sLY6De1XidIL/0vmMdOnjIO9j.woff") format("woff");
  font-display: swap;
}

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{ background-color:#FFFFFF; height:85px;position:fixed; left:0px; top:0px; width:100%; box-shadow: 0 0 10px #cacaca; z-index:99999;}
.q2{ width:95%; margin:0 auto;}
.q3{ float:left; padding-top:15px;}
.q3 img{ height:55px;}
.q4{ overflow:hidden;position: relative;}
.q4 img{ width:100%; object-fit: cover;}
.q4 ul{position:absolute; left:10%; top:30vh;}
.q4 p{ font-size:7vh; color:#FFFFFF; font-weight:bolder;text-shadow:#333 2px 2px 2px;}
.q4 dl{ font-size:3.5vh; color:#FFFFFF; margin-top:5vh; line-height:180%; font-weight:bolder;text-shadow:#333 2px 2px 2px;}
.q4 dt{
	font-size:2.5vh;
	color:rgba(255, 255, 255, 0.5);
	font-family:"Times New Roman", Times, serif;
	text-transform: capitalize;text-shadow:#333 2px 2px 2px;
}
.q5{ float:right;}




.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:20px;}
.q11 dl{
	font-size:24px;
	color:#999999;
	text-transform: uppercase;
}
.q11 p{ color:#00479d; font-size:24px; font-weight:bolder; margin-top:5px;}
.q11 dt{ font-size:36px; font-weight:bolder; color:#333333; margin-top:20px;}
.q12{ height:60px; overflow:hidden;}
.q13{ float:left;}
.q13 li{ float:left;position: relative; margin-left:40px;}
.q13 dl{ line-height:85px; font-size:18px; color:#333; cursor:pointer;font-family: "思源黑体 Normal";}
.q13 dt{ position:absolute; left:-25%; width:150%; top:85px; z-index:999; display:none;}
.q13 li:hover dt{ display:block;}
.q13 p{ background-color:#FFFFFF; text-align:center; font-size:14px; color:#333333; cursor:pointer; padding-bottom:10px; padding-top:10px;}
.q13 dl:hover{ color:#0e40c5;}
.q13 .over{ color:#0e40c5;}
.q13 p:hover{ background-color:#f6f6f6;}
.q14{ float:left; line-height:85px; margin-left:50px;}
.q14 span{ display:inline-block; font-size:26px; float:left;}
.q14 p{ font-size:26px; color:#333333; float:left; margin-left:5px;font-family: "阿里妈妈刀隶体 Regular";}
@media screen and (max-width: 1350px) {
.q14{ display:none;}
}
.q15{ float:left;}
.q15 li{ float:left; margin-left:20px;position: relative;}
.q15 dl{ line-height:85px; font-size:25px; color:#333333; cursor:pointer;}
.q15 dt{ width:108px; height:115px; background-image:url(../images/te_03.png); box-sizing:border-box; text-align:center; padding-top:12px; top:85px; left:-40px; display:none;position:absolute; }
.q15 img{ width:98px;}
.q15 li:hover dt{ display:inline-block;}
.q15 li:hover dl{ color:#0e40c5;}
.q16{
	background-color:#f3f3f3;
	overflow:hidden;
	background-image:url(../images/about.jpg);
	background-size:50% auto;
	height:630px;
	background-repeat: no-repeat;
	background-position: right center;
}
.q17{ width:1440px; margin:0 auto; overflow:hidden;}
.hb-s{ width:600px; margin-top:100px;}
.hb{ width:600px; overflow:hidden;}
.hb li{ width:600px;}
.hb p{ font-size:36px; color:#0e40c5;   font-family: "hklhj";}
.hb dl{
	font-size:22px;
	color:#666666;
	margin-top:15px;  font-family: "HYJunHei-CEJ";
	text-transform: uppercase;
}
.hb span{ display:inline-block; width:100%; height:2px; background-color:#b5b5b5; margin-top:15px;}
.hb dt{ font-size:16px; text-align:justify; line-height:180%; margin-top:20px; height:200px;}
.q19{ overflow:hidden;}
.q19 span{ display:inline-block; width:40px; height:40px; cursor:pointer; text-align:center; line-height:40px; margin-right:15px; background-color:#666666; font-size:24px; color:#FFFFFF;}
.q19 em{ display:inline-block; width:40px; height:40px; cursor:pointer; text-align:center; line-height:40px; margin-right:15px; background-color:#0e40c5; font-size:24px; color:#FFFFFF;}
.q20{ background-color:#f3f6ff; overflow:hidden; padding-bottom:70px; padding-top:70px;}
.q21{ width:1440px; margin:0 auto; overflow:hidden;}
.q22{ float:left; width:550px; background-color:#0f40c9; border-radius:10px; padding:40px; box-sizing:border-box;}
.q23{
	width:860px;
	float:right;
	background-color:#FFFFFF;
	border-radius:10px;
	border: 1px solid #e1e1e1; padding:30px 40px 40px 40px; box-sizing:border-box;
}
.q24{ overflow:hidden; text-align:center;}
.q24 dl{ width:38%; float:left; height:11px; background-image:url(../images/l_03.png); margin-top:15px;}
.q24 dt{
	width:38%;
	float:right;
	height:11px;
	background-image:url(../images/r_03.png);
	background-repeat: no-repeat;
	background-position: right center; margin-top:15px;
}
.q24 span{ display:inline-block; width:24%; float:left; text-align:center; font-size:30px; color:#0f40c9; font-weight:bolder;}
.q25{ width:90%; margin:0 auto; margin-top:20px;}
.q25 li{ margin-top:20px; overflow:hidden;}
.q25 img{ float:left; margin-top:10px;}
.q25 dl{ float:right; width:610px; background-color:#fff1e6; box-sizing:border-box; border-radius:10px; padding:20px;}
.q25 p{ font-size:24px; font-weight:bolder; color:#000000; float:left;}
.q25 dt{ float:right; font-size:18px; color:#333333; width:450px; margin-top:3px;}
.q26{ overflow:hidden;}
.q26 p{ font-size:28px; font-family: "HYJunHei-CEJ"; color:#FFFFFF; font-weight:bolder;}
.q26 dl{
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:rgba(255, 255, 255, 0.2); margin-top:5px;
	text-transform: uppercase;
}
.q26 dt{ text-align:center; font-size:18px; margin-top:10px; font-family: "HYJunHei-CEJ"; color:#FFFFFF; font-weight:bolder;}
.q27{ overflow:hidden; margin-top:20px;}
.q27 li{ overflow:hidden; margin-top:20px;}
.q28{
	width:100%; height:48px;
	line-height:48px; background-color: unset !important;
	border: 1px solid rgba(255, 255, 255, 0.6); box-sizing:border-box; border-radius:30px; font-size:16px; color:#FFFFFF; padding-left:20px;
}
.q29{
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center; background-color:#e36607;
	font-size:20px;
	color:#FFFFFF;
	border-top-style: none;
	border-right-style: none; border-radius:30px;
	border-bottom-style: none;
	border-left-style: none;
}
.q30{ overflow:hidden; text-align:center;position: relative; height:100px; margin-top:50px;}
.q30 p{
	font-family:Impact;
	font-size:50px;
	color:rgba(0, 0, 0, 0.05);
	text-transform: uppercase;
}
.q30 ul{position:absolute; left:0px; top:40px; width:100%;}
.q30 h1{ font-size:34px; font-family: "HYJunHei-CEJ"; font-weight:bolder;}
.q30 span{ display:inline-block; width:50px; height:4px; background-color:#0943be; margin-top:15px;}
.q31{ width:100%; margin:0 auto; overflow:hidden; margin-top:40px;}
.q31 li{
	width:30%;
	float:left;
	overflow:hidden;
	background-repeat: no-repeat;
	text-align:center;
	box-sizing:border-box;background-size:auto 100%;
	background-position: center top;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.q31 dt{ width:100%; height:700px; background-color:rgba(0, 0, 0, 0.5); box-sizing:border-box; padding-top:150px;}
.q31 li:hover ul{background-color:rgba(0, 71, 157, 0.7);}
.q31 .on{ width:40%;}
.q31 .on dt{background-color:rgba(0, 71, 157, 0.7);}
.q31 p{ font-size:40px; color:#FFFFFF; font-weight:bolder; padding-top:200px;}
.q31 h2{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color:rgba(255, 255, 255, 0.6);
	margin-top:15px;
	text-transform: capitalize;
}
.q31 span{
	display:inline-block;
	cursor:pointer;
	color:#FFFFFF;
	font-size:14px;
	cursor:pointer; margin-top:10px;
	border-radius:5px;
	line-height:30px; padding-left:15px; padding-right:15px; margin-left:5px; margin-right:5px;
	border: 1px solid rgba(255, 255, 255, 0.3); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q31 span:hover{ background-color:#FFFFFF; color:#0f40c9;}
.q31 dl{ height:200px; display:none; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q31 h3{ font-size:64px; color:#FFFFFF;font-family: "阿里妈妈刀隶体 Regular"; font-weight:bolder;}
.q31 em{ display:inline-block; width:1px; height:70px; margin-top:30px; background-color:#FFFFFF;}
.q31 .on p{ padding-top:0px;}
.q31 .on dl{ display:block;}
.q31 h4{ display:none; padding:20px;  -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q31 .on h4{ display:block;}

.q32{
	background-image:url(../images/tm-bg1.png);
	overflow:hidden;
	padding-bottom:70px;
	background-position: center center;
}
.q33{ overflow:hidden; margin-top:40px;}
.q33 li{ width:400px; height:270px; float:left; margin-right:20px; border-radius:10px; overflow:hidden;}
.q33 img{ width:100%; height:270px; object-fit: cover; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q33 li:hover img{transform: scale(1.2, 1.2);}
.q34{ overflow:hidden; margin-top:40px;}
.q34 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;
}
.q34 dl{display:table-cell; 
            vertical-align:middle;  
            text-align: center;}
.q34 img{ max-width:90%; max-height:90px;}
.q35{ background-color:#f5f5f5; overflow:hidden; margin-top:40px; padding-bottom:60px;}
.q36{ width:1440px; margin:0 auto; margin-top:40px; overflow:hidden;}
.q36 li{ width:24%; margin-right:1.333%; background-color:#FFFFFF; float:left;}
.q36 li:nth-child(4n){ margin-right:0;}
.q36 dl{ width:100%; height:250px; overflow:hidden;}
.q36 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;}
.q36 li:hover img{transform: scale(1.2, 1.2);}
.q36 ul{ padding:15px; overflow:hidden;}
.q36 p{ font-size:20px; color:#333333; cursor:pointer; font-family: "HYJunHei-CEJ"; font-weight:bolder;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q36 dt{ font-size:14px; color:#666666; line-height:180%; text-align:justify; margin-top:10px;}
.q36 h2{ font-size:14px; color:#999999; margin-top:10px; cursor:pointer;}
.q36 span{ display:inline-block; font-size:20px; color:#333333; margin-right:3px; float:left;}
.q36 p:hover{
	color:#0f40c9;
	text-decoration: underline;
}
.q37{ text-align:center; margin-top:50px; overflow:hidden;}
.q37 span{
	display:inline-block;
	line-height:45px; cursor:pointer;
	height:45px;
	padding-left:40px; border-radius:40px;
	padding-right:40px; font-size:16px; font-family: "HYJunHei-CEJ"; font-weight:bolder;
	border: 1px solid #333333; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q37 em{ display:inline-block; font-size:16px; margin-left:10px;}
.q37 span:hover{ background-color:#FFFFFF; padding-left:45px; padding-right:45px;}



.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:#00479d; margin-left:10px; float:right;}
.q42 p:hover{ color:#00479d;}
.q42 span:hover{ color:#00479d;}
.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; }
.q49 .q50{ color:#274380; font-weight:bolder;}
.q49 dl{ float:right; font-size:16px; color:#666666; margin-top:10px; padding-top:20px; padding-bottom:20px;}
.q51{ width:1400px; margin:0 auto; overflow:hidden; margin-top:50px;}
.q51 li{ float:left; width:23%; margin-right:2.666%; overflow:hidden; height:330px;position: relative;}
.q51 dl{position:absolute; left:0px; bottom:0px; width:100%; box-sizing:border-box; padding:30px;background: -webkit-linear-gradient(top,#cbdae4, #eef3fd); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top,#cbdae4, #eef3fd); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top,#cbdae4, #eef3fd); /* Firefox 3.6 - 15 */
    background: linear-gradient(top,#cbdae4, #eef3fd); /* 标准的语法（必须放在最后） */}

.q51 p{ font-size:35px; color:#00479d; font-weight:bolder;}
.q51 span{
	display:inline-block;
	font-size:20px;
	color:#00479d;
	font-weight:bolder;
	margin-top:10px;
	padding-bottom:15px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #00479d;
}
.q51 dt{ font-size:16px; text-align:justify; line-height:180%; margin-top:20px;}
.q51 li:nth-child(1n) dl{ height:230px;}
.q51 li:nth-child(2n) dl{ height:280px;}
.q51 li:nth-child(3n) dl{ height:300px;}
.q51 li:nth-child(4n) dl{ height:330px;}
.q51 li:nth-child(4n){ margin-right:0;}




.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:20px; 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:240px;display: table; overflow:hidden;}
.q58 dt{display:table-cell; 
            vertical-align:middle; width:100%; height:240px; text-align:center;}
.q58 img{ width:100%; height:240px; object-fit: cover; -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/ab.jpg);
	background-repeat: no-repeat;
	background-position: right bottom; overflow:hidden;background-size:40% auto; padding-bottom:50px;
}
.q61{ width:1400px; margin:0 auto; min-height:300px; 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{ background-image:url(../images/icon03.jpg); overflow:hidden;}

.q85{ background-image:url(../images/lc_bg.png); overflow:hidden; margin-top:0px; padding-bottom:60px; padding-top:40px;}

.q64{
	background-image:url(../images/56.jpg);
	overflow:hidden; padding-bottom:60px;
	background-position: center center;
}
.q65{ width:1400px; margin:0 auto; overflow:hidden;}
.q66{ float:left; overflow:hidden;}
.q67{ width:500px; float:left; padding-left:100px;}
.q68{ overflow:hidden; margin-top:100px;}
.q68 p{ font-family: "HYJunHei-CEJ"; font-weight:bolder; font-size:46px; color:#333333;}
.q68 dl{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px; color:#333333; margin-top:5px;
	text-transform: uppercase;
}
.q68 dt{ padding-top:10px; font-size:24px; color:#333333;}
.q69{ padding-top:50px; font-size:20px; text-align:justify; line-height:180%;}
.q70{
	text-align:center;
	font-size:28px;
	font-weight:bolder;
	color:#274380; padding-bottom:30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e7e7e7;
}
.q71{ width:1400px; margin:0 auto; overflow:hidden; margin-top:0px;}
.q71 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;
}
.q71 li:nth-child(4n){ margin-right:0;}
.q71 dl{ width:100%; height:350px;display: table; overflow:hidden;}
.q71 dt{display:table-cell; 
            vertical-align:middle; width:100%; height:350px; text-align:center;}
.q71 img{ max-width:90%; max-height:310px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q71 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;/*超出部分文字以...显示*/}
.q71 li:hover{border: 1px solid #00479d;}
.q71 li:hover p{ background-color:#00479d; color:#FFFFFF;}
.q71 li:hover img{transform: scale(1.1, 1.1);}






.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:300px;display: table; overflow:hidden;}
.q91 dt{display:table-cell; 
            vertical-align:middle; width:100%; height:300px; text-align:center;}
.q91 img{ width:100%; height:300px; object-fit: cover; -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);}














.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;}






.swiper-container {
      width: 100%; margin-top:40px;
      height: 500px;
    }	
    .swiper-slide {
      text-align: center;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
    }
	.swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}




.map { width:100%; height:500px;}



.q27 input::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}
.q27 input:-moz-placeholder {
            color: #fff;
}   
.q27 input::-moz-placeholder {
            color: #fff;
}   
.q27 input:-ms-input-placeholder {
            color: #fff;
}

.kf1{position:fixed; width:80px; top:25%; right:20px; background-color:#00479d; border-radius:50px; box-shadow: 0 0 10px #bad0ff; text-align:center; padding:10px; box-sizing:border-box; z-index:99999999999;}
.kf1 li{
	padding-top:15px;
	padding-bottom:15px;
	border-bottom-width: 1px; color:#fff;
	border-bottom-style: solid; cursor:pointer;
	border-bottom-color: rgba(255, 255, 255, 0.2);position: relative;
}
.kf1 span{ display:inline-block; font-size:22px;}
.kf1 p{ font-size:14px; margin-top:5px;}
.kf1 a:nth-child(4n) li{border-bottom-width: 0px;}
.kf1 li:hover{ color:#e36607;}
.kf1 dl{position:absolute; top:0px; right:-300px; background-color:#FFFFFF; color:#666666; width:200px; padding:20px; box-sizing:border-box; text-align:center; font-size:14px; border-radius:5px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; box-shadow: 0 0 10px #e9e9e9;}
.kf1 li:hover dl{ right:80px;}
.kf1 h2{ font-size:20px; font-weight:bolder; color:#333333; font-family:Arial, Helvetica, sans-serif; margin-top:5px;}
.kf1 img{ width:100%;}




/*产品展示样式*/
#ProList{  margin-top:40px;}
p#change{
text-align:center;
}
p#change span{
	display:inline-block;
	font-size:16px;
	height:40px;
	line-height:40px;
	color:#333; background-color:#FFFFFF;
	cursor:pointer;
	margin-right:30px;
	border-radius:50px;
	margin-right:30px;
	padding-left:40px;
	padding-right:40px;
	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;}







.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;
}

