body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#fff; font-size:12px; min-width:1200px;
}
*{font-family:"Microsoft Yahei",微软雅黑;}
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;
}
td{
	border: 1px solid #999999;
}
table{
	border: 1px solid #999999;cellspacing:0;
}
.q1{ background-color:#30b7ef; overflow:hidden;}
.q1 ul{ width:1200px; margin:0 auto; overflow:hidden; font-size:14px; color:#FFFFFF; padding-bottom:15px; padding-top:15px;}
.q1 dl{ float:left;}
.q1 dt{ float:right;}
.q1 span{ display:inline-block; width:1px; height:15px; background-color:#FFFFFF;}
.q2{ width:1200px; margin:0 auto; height:120px;}
.q3{ float:left;  padding-top:15px;}
.q3 img{ height:90px;}
.q4{ float:right; font-family:'Impact'; line-height:50px; overflow:hidden; color:#30b7ef; font-size:24px; margin-top:35px; margin-left:30px;}
.q4 span{ display:inline-block; color:#30b7ef; font-size:24px; float:left; margin-right:5px;}
.q5{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e8e8e8;
}
.q6{ float:left; height:120px;}
.q6 li{ float:left;  position:relative;}
.q6 dl{ line-height:120px; text-align:center; font-size:16px; color:#333; cursor:pointer; box-sizing:border-box; height:120px; padding-left:10px; padding-right:10px;}
.q6 dt{ position:absolute; left:0px; top:120px; z-index:99999; display:none; width:100%;}
.q6 li:hover dt{ display:block;}
.q6 li:hover dl{
	color:#30b7ef;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #30b7ef; box-sizing:border-box;
}
.q6 p{
	text-align:center;
	padding-bottom:10px;
	padding-top:10px;
	font-size:14px;
	color:#333;
	cursor:pointer;
	background-color:#fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
}
.q6 p:hover{ color:#30b7ef;}
.q6 .q06{ color:#30b7ef;border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #30b7ef;}
.q6 span{ display:inline-block; width:1px; height:55px; background-color:rgba(255, 255, 255, 0.2); float:left;}
.q7{ overflow:hidden;}
.q7 img{ width:100%; height:600px; object-fit: cover;}
.q8{ width:1200px; margin:0 auto; margin-top:30px; overflow:hidden;}
.q8 dl{
	float:left;
	font-size:12px;
	color:#999999;
	text-transform: uppercase;
}
.q8 p{ font-size:26px; color:#000000;}
.q8 dt{ float:right; font-size:16px; color:#999999; cursor:pointer;}
.q9{
	background-image:url(../images/bg.jpg);
	background-repeat: no-repeat; overflow:hidden;
	background-position: center center; padding-bottom:70px; padding-top:70px; margin-top:30px;
}
.hb-s{ width:1300px; margin:0 auto;}
.q11{ float:left; width:50px; margin-top:170px;}
.q11 span{ display:inline-block; width:30px; height:30px; background-color:#FFFFFF; text-align:center; line-height:30px; border-radius:20px; cursor:pointer;}
.q11 span:hover{ background-color:#f6b827; color:#FFFFFF;}
.hb{ width:1200px; float:left; overflow:hidden;}
.hb li{ float:left; width:280px; margin-right:25px; background-color:#FFFFFF;}
.hb dl{ height:215px; overflow:hidden;}
.hb img{ width:100%; height:215px; object-fit: cover; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.hb li:hover img{transform: scale(1.2, 1.2);}
.hb em{ display:inline-block; padding:20px; box-sizing:border-box; height:150px;}
.hb p{ font-size:18px; color:#333333; height:50px;}
.hb li:hover{ background-color:#30b7ef;}
.hb li:hover p{ color:#FFFFFF;}
.hb dt{ font-size:14px; color:#333333; margin-top:15px;}
.hb li:hover dt{ color:#FFFFFF;}
.q13{ text-align:right;}
.q14{
	width:1200px;
	
	overflow:hidden; margin:0 auto;
	background-image: url(../images/ab_03.png);margin-top:50px;
	background-repeat: no-repeat;
	background-position: left; box-sizing:border-box; padding-left:30px;
}
.q15{ float:left; padding-bottom:30px;}
.q15 img{ width:560px; height:366px;}
.q16{ float:right; width:510px; overflow:hidden;}
.q17{ overflow:hidden;}
.q17 dt{ float:right; font-size:16px; color:#999999; cursor:pointer;}
.q18{ overflow:hidden; margin-top:0px; font-size:14px; color:#999999;}
.q18 p{ font-size:24px; padding-bottom:5px; color:#000000;}
.q19{ overflow:hidden; padding-top:30px; font-size:20px; color:#333333; line-height:200%; text-align:justify;}
.q20{ overflow:hidden; background-image:url(../images/nb.jpg); margin-top:50px; padding-bottom:50px;}
.q21{ width:1200px; margin:0 auto; margin-top:30px; overflow:hidden; padding-top:20px;}
.q21 dl{
	float:left;
	font-size:12px;
	color:#999999;
	text-transform: uppercase;
}
.q21 p{ font-size:26px; color:#fff;}
.q21 dt{ float:right; font-size:16px; color:#999999; cursor:pointer;}
.q22{ width:1200px; margin:0 auto; overflow:hidden; margin-top:40px;}
.q23{ float:left; width:440px; overflow:hidden; background-color:#FFFFFF; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q23 dl{ width:100%; height:260px; overflow:hidden;}
.q23 img{ width:100%; height:260px; object-fit: cover;}
.q23 ul{ overflow:hidden; padding:20px;}
.q23 p{ font-size:18px; color:#333333; cursor:pointer;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q23 dt{ padding-top:15px; font-size:14px; color:#666666; line-height:200%;}
.q23:hover{ background-color:#30b7ef;}
.q23:hover p{ color:#FFFFFF;}
.q23:hover dt{ color:#FFFFFF;}
.q24{ float:right; width:760px;}
.q24 li{ float:left; width:48%; margin-left:2%; background-color:#FFFFFF; box-sizing:border-box; padding:10px; cursor:pointer; padding-bottom:53px; padding-top:53px; margin-bottom:20px;}
.q24 ul{ float:left; width:20%; text-align:center; color:#666666; font-size:12px;}
.q24 h3{ font-size:40px; font-family:Arial, Helvetica, sans-serif; color:#30b7ef; padding-bottom:10px;}
.q24 dl{ float:right; width:80%;}
.q24 p{ font-size:16px; color:#333333;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q24 dt{ font-size:14px; color:#999999; line-height:180%; margin-top:10px;}
.q24 li:hover{ background-color:#30b7ef;}
.q24 li:hover h3{ color:#FFFFFF;}
.q24 li:hover ul{ color:#FFFFFF;}
.q24 li:hover p{ color:#FFFFFF;}
.q24 li:hover dt{ color:#FFFFFF;}
.q25{
	height:250px;
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: center center;
}
.q25 ul{ width:1200px; margin:0 auto; overflow:hidden; padding-top:80px;}
.q25 p{ font-size:34px; color:#FFFFFF;}
.q25 dl{ font-size:36px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; color:#FFFFFF; margin-top:5px;}
.q25 span{ display:inline-block; width:50px; height:2px; background-color:#FFFFFF; margin-top:5px;}
.q26{
	background-color:#FFFFFF;
	overflow:hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
.q26 ul{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd; box-sizing:border-box;
}
.q26 li{
	float:left;
	line-height:60px;
	overflow:hidden;
	padding-left:50px;
	padding-right:50px;
	cursor:pointer;
	font-size:18px;
	color:#333333;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dddddd;
}
.q26 li:hover{ background-color:#30b7ef; color:#FFFFFF;}
.q26 .q27{ background-color:#30b7ef; color:#FFFFFF;}
.q28{ background-color:#f5f5f5; overflow:hidden; padding-bottom:50px; padding-top:50px;}
.q29{ width:1200px; margin:0 auto; background-color:#FFFFFF; padding:40px; box-sizing:border-box; box-shadow: 0 0 20px #e3e3e3; font-size:16px; color:#333333; line-height:200%; text-align:justify;}
.q30{ width:1200px; margin:0 auto; overflow:hidden;}
.q30 li{ float:left; width:31.333%; margin-right:3%; background-color:#FFFFFF; margin-bottom:30px;}
.q30 dl{ width:100%; height:280px; overflow:hidden;}
.q30 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;}
.q30 li:hover img{transform: scale(1.2, 1.2);}
.q30 p{ padding-bottom:15px; padding-top:15px; font-size:18px; color:#333333; text-align:center; overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q30 li:hover p{ background-color:#30b7ef; color:#FFFFFF;}
.q30 li:nth-child(3n){ margin-right:0;}
.q31{ overflow:hidden; text-align:center;}
.q31 p{ font-size:28px; font-weight:bolder; padding-bottom:10px;}
.q31 dl{
	padding-bottom:15px;
	padding-top:15px;
	font-size:14px;
	color:#666666;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ddd;
	border-bottom-color: #ddd;
}
.q32{ width:1200px; margin:0 auto; background-color:#FFFFFF; padding:40px; box-sizing:border-box; box-shadow: 0 0 20px #e3e3e3; }
.q33{ padding-top:20px; font-size:16px; color:#333333; line-height:200%; text-align:justify; overflow:hidden;}
.q33 p{ margin-top:15px;}
.q33 img{ max-width:700px;}
.q34{
	overflow:hidden;
	margin-top:20px;
	border: 1px solid #ddd; box-sizing:border-box; padding-left:10px; padding-right:10px;
}
.q34 dl{ float:left; line-height:40px; width:48%; font-size:14px; color:#666666;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/
}
.q34 dt{ float:right; line-height:40px; text-align:right; width:48%; font-size:14px; color:#666666;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/
}
.q35{ overflow:hidden; margin-top:40px;}
.q35 span{ display:inline-block; width:7px; height:20px; background-color:#30b7ef; float:left; margin-top:7px;}
.q35 p{ font-size:22px; color:#333333; float:left; margin-left:5px;}
.q35 em{
	display:inline-block;
	padding:7px 15px 7px 15px;
	font-size:14px; cursor:pointer; float:right; color:#333333;
	border: 1px solid #ddd; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q35 em:hover{ background-color:#30b7ef; color:#FFFFFF;border: 1px solid #30b7ef;}
.q36{ overflow:hidden;}
.q36 li{ float:left; width:48%; margin-right:4%; margin-top:25px;}
.q36 li:nth-child(2n){ margin-right:0;}
.q36 img{ float:left; width:135px; height:100px; margin-right:15px;}
.q36 p{ font-size:18px; color:#333333; cursor:pointer;}
.q36 p:hover{ color:#30b7ef;}
.q37{ width:1200px; margin:0 auto;}
.q37 li{ overflow:hidden; background-color:#FFFFFF; margin-bottom:30px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q37 img{ float:left; width:225px; height:170px; object-fit: cover; margin-right:20px;}
.q37 ul{ float:left; width:700px; font-size:14px; color:#999999; line-height:200%; text-align:justify;}
.q37 p{ font-size:24px; color:#333333; margin-bottom:15px; margin-top:25px; cursor:pointer;}
.q37 p:hover{ color:#30b7ef;}
.q37 dl{ width:170px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#999; padding-top:40px;}
.q37 h3{ font-family:Arial, Helvetica, sans-serif; font-size:40px; margin-bottom:10px;}
.q37 li:hover{ box-shadow: 0 0 10px #dbdbdb;}
.q38{ overflow:hidden;position: relative;}
.q38 img{ float:right; width:710px; height:520px; object-fit: cover;}
.q38 ul{position:absolute; width:400px; height:350px; top:100px; left:0px; background-color:rgba(48, 183, 239, 0.3); box-sizing:border-box; padding:40px;}
.q38 p{ font-size:22px; color:#fff;}
.q38 dl{ font-size:16px; line-height:180%; color:#fff; padding-top:20px; text-align:justify;}




.q46{ background-color:#2d2d40; overflow:hidden;}
.q47{ width:1200px; margin:0 auto; overflow:hidden;}
.q48{
	float:left;
	border-right-width: 0px;
	border-right-style: solid; padding-top:60px;
	border-right-color: rgba(255, 255, 255, 0.1); padding-bottom:50px;
}
.q48 li{ float:left; overflow:hidden;}
.q48 dl{
	font-size:16px; color:#FFFFFF;
	padding-bottom:30px; padding-right:30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255, 255, 255, 0.1); margin-bottom:20px;
}
.q48 p{ padding-bottom:5px; padding-top:5px; font-size:12px; color:rgba(255, 255, 255, 0.6); cursor:pointer;}
.q48 p:hover{ color:rgba(255, 255, 255, 1);}
.q48 ul{ height:160px; overflow:auto; width:80px;}
.q49{ background-color:#333345; overflow:hidden; padding-bottom:30px; padding-top:30px;}
.q49 ul{ width:1200px; margin:0 auto;}
.q49 dl{ float:left; font-size:14px; color:rgba(255, 255, 255, 0.5);}
.q49 dt{ float:right; font-size:14px; color:rgba(255, 255, 255, 0.5);}
.q50{ float:right; width:410px;border-left-width: 1px;
	border-left-style: solid; padding-left:60px;
	border-left-color: rgba(255, 255, 255, 0.1);}
.q51{ overflow:hidden;}
.q51 li{ float:left; width:50%;}
.q51 dl{ overflow:hidden; font-size:14px; color:rgba(255, 255, 255, 0.5); margin-top:60px;}
.q51 span{ display:inline-block; font-size:20px; float:left; margin-right:5px; color:#26d3f1;}
.q51 dt{ padding-top:10px; float:left; font-size:20px; background-image:-webkit-linear-gradient(top,#0f61c7,#26d3f1);
-webkit-background-clip:text; 
-webkit-text-fill-color:transparent; font-family:'Impact';}
.q51 li:nth-child(2n){ width:40%;}
.q52{ overflow:hidden;}
.q52 dl{ overflow:hidden; font-size:14px; color:rgba(255, 255, 255, 0.5); margin-top:20px;}
.q52 span{ display:inline-block; font-size:20px; float:left; margin-right:5px; color:#26d3f1;}
.q52 dt{ padding-top:10px; font-size:20px; background-image:-webkit-linear-gradient(top,#0f61c7,#26d3f1);
-webkit-background-clip:text; 
-webkit-text-fill-color:transparent; font-family:'Impact';}
.q53{ overflow:hidden; margin-top:20px; padding-bottom:40px;}
.q53 p{ font-size:16px; color:#FFFFFF;}
.q53 dl{ width:112px; height:112px; background-image:url(../images/eee_03.png); box-sizing:border-box; padding:6px; float:left; margin-top:20px;}
.q53 img{ width:100px;}
.q53 dt{ float:left; padding-left:20px; font-size:12px; color:#FFFFFF; line-height:200%; padding-top:50px;}
.q54{ float:right;}












.g66{ overflow:hidden; padding-bottom:20px; padding-top:20px;}
.g66 li{ float:left; width:50%; overflow:hidden; margin-top:20px;}
.g66 p{ float:left; font-size:18px; color:#000000; margin-right:20px; padding-left:20px; line-height:45px; width:80px;}
.g66 dl{ float:left; width:100%; overflow:hidden; margin-top:20px;}
.g67{
	width:65%;
	line-height:45px;
	overflow:hidden;
	background-color:#FFFFFF;
	font-size:16px;
	color:#333333;
	padding-left:15px;
	outline: medium;
	border: 1px solid #CCCCCC; box-sizing:border-box;
}
.g68{
	width:82.5%;
	line-height:45px;
	overflow:hidden;
	height:150px;
	background-color:#FFFFFF;
	font-size:16px;
	color:#333333;
	padding-left:15px;
	outline: medium;
	border: 1px solid #ccc; box-sizing:border-box;
}
.g69{
	display:inline-block;
	padding-left:70px;
	padding-right:70px;
	line-height:45px;
	background-color:#206bd1;
	overflow:hidden;
	cursor:pointer; font-size:18px; color:#FFFFFF;
	margin-left:20px;
	border-radius:100px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.g70{
	display:inline-block;
	padding-left:70px;
	padding-right:70px;
	line-height:45px;
	background-color:#919191;
	overflow:hidden;
	cursor:pointer; font-size:18px; color:#FFFFFF;
	margin-left:20px;
	border-radius:100px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}







.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:#2889e4; 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:#2889e4; 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:20px; margin-top:30px;
}






#ProList{ width:1200px; margin:0 auto; overflow:hidden; margin-top:40px;}
p#change{ overflow:hidden; float:right; width:360px;}
p#change span{
	display:inline-block; width:100%;
	text-align:center;
	font-size:18px;
	color:#333333;
	cursor:pointer; line-height:90px;
	box-sizing:border-box; margin-bottom:30px; padding:30px;
	border: 1px solid #ececec;
}
p#change span.hover{border: 1px solid #30b7ef; background-color:#30b7ef; color:#FFF;}

p#change em{ width:90px; height:90px; display:inline-block; line-height:90px;border: 1px solid #30b7ef; border-radius:100px; font-size:40px; color:#30b7ef; float:left;}
p#change span.hover em{border: 1px solid #fff; color:#fff;}
#ProList div.changeCon{
	display:none; float:left; width:800px;
}










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

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px 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: #1e90e8;

}





.test-1::-webkit-scrollbar {/*滚动条整体样式*/

        width: 2px;     /*高宽分别对应横竖滚动条的尺寸*/

        height: 1px;

    }

.test-1::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

        border-radius: 2px;

         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

        background: #0f61c7;

    }

.test-1::-webkit-scrollbar-track {/*滚动条里面轨道*/

        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

        border-radius: 2px;

        background: #EDEDED;

}