/*reset*/
* {
	padding: 0;
	margin: 0;
	list-style: none;
}

html,
body {
	margin: 0 auto;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
header,
section,
footer {
	margin: 0;
	padding: 0
}

body,
button,
input,
select,
textarea {
	font: 12px/1.5 "microsoft yahei";
	color: #666;
	font-weight: normal;
}

body {
	overflow-x: hidden;
}

address,
cite,
dfn,
em,
var,
i {
	font-style: normal
}

ul,
ol,
dl {
	list-style: none
}

a {
	text-decoration: none;
	outline: none;
	font-family: "microsoft yahei";
	color: #666;
	cursor: pointer;
	font-size: 12px;
}

li {
	font-size: 12px;
	font-family: "microsoft yahei";
	list-style: none;
	margin: 0;
	padding: 0;
}

em {
	font-style: normal;
	font-size: 12px;
}

body,
p,
span {
	font-family: "microsoft yahei";
}

img {
	border: none;
}

p {
	margin: 0px;
	padding: 0px;
	word-wrap: break-word;
}

:focus {
	outline: none;
}

img {
	border: 0;
	vertical-align: middle;
	display: inline-block;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

.clear:after {
	display: block;
	mainContent: "";
	clear: both;
}

.transtion {
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

.clear:after {
	display: block;
	content: "";
	clear: both;
}

@font-face {
	font-family: "pf";
	src: url('PINGFANG LIGHT.TTF');
}

.center {
	margin: 0 auto;
	max-width: 1920px;
	overflow-x: hidden;
}

.header {
	height: 130px;
	width: 1600px;
	margin: 0 auto;
	position: relative;
	/* overflow: hidden; */
	/* width: 1920px; */
	/* background-color: pink; */
}

.header .logo {
	float: left;
	height: 130px;
	display: block;
	line-height: 130px;
	font-size: 0;

}

.header .logo img {
	max-height: 80%;
	/* vertical-align: middle; */
}

.menu {
	float: left;
	position: absolute;
	right: 0;
	left: 60px;
	width: 880px;
	margin: auto;
}

.header .menu li {
	display: inline-block;
	/* padding: 41px 50px 41px 0; */
	height: 130px;
	margin-right: 50px;
}

.header .menu li a {
	display: block;
	line-height: 130px;
	color: #333333;
	font-size: 20px;

	transition: all 0.5s;
	position: relative;
}

.header .menu li a:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 0;
	height: 3px;
	content: "";
	transition: all 0.5s;
	background: #004C92;
	margin: auto;
}

.header .menu li a:hover {
	color: #004c92;
}

.header .menu li a:hover:before {
	width: 100%;
}

.header .menu li a.on {
	/* border-bottom: 3px solid #004c92; */
	color: #004c92;
}

.header .menu li a.on:before {
	width: 100%;
}


.header .menu li:last-child a {
	margin-right: 0;
}

.more {
	position: relative;
	float: right;
	line-height: 130px;
	height: 130px;
	font-size: 0;
	/* padding: 42px 0 40px; */
	/* background-color: red; */
}

.more p {
	/* float: left; */
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
	font-size: 0px;
	/* vertical-align: middle; */
	color: #666666;
	position: relative;
}

.more p.su {
	position: absolute;
	height: 44px;
	background: #d6d6d6;
	width: 1px;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 76px;
}

/* .more .su {
    font-size: 25px;
} */

.more .cn {
	font-size: 16px;
}

.more a {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	font-size: 0;
}

.more img {
	/* float: left; */
	margin-left: 36px;
}

.more .jiantou {
	/* margin-top: 9px; */
	margin-left: 8px !important;
}

.more ul {
	position: absolute;
	display: none;
	top: 82px;
	/* left: 90px; */
	right: 0;
	width: 60px;
	z-index: 1;
	line-height: 28px;
}

.more ul li {
	text-align: center;
}

.more ul li:hover {
	/* background-color: #666; */
}

.more ul li a {
	display: block;
	background: #666;
	font-size: 16px;
	color: #fff;
	border-radius: 28px;
}

.more ul li:hover a {
	color: #fff;
}

.slideBox {
	width: 1750px;
	height: 750px;
	margin: 0 auto;
	s overflow: hidden;
	position: relative;
	/* border: 1px solid #ddd; */
}


/* .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; } 
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:rgb(90, 87, 87); color:#fff; }  */

.slideBox .bd {
	position: relative;
	height: 100%;
	/* z-index: 0; */
}

.slideBox .bd li {
	/* zoom: 1; */
	/* vertical-align: middle; */
	position: relative;
	height: 750px;
	overflow: hidden;
}

.slideBox .bd ul {
	height: 750px;
}

.slideBox .bd img {
	height: 750px;
	width: 100%;
	object-fit: cover;
	/* height: 830px; */
	/* display: block; */
	position: absolute;
	left: 0;
	top: 0;
	margin-left: 0;
}


/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prev,
.slideBox .next {
	position: absolute;
	left: 3%;
	top: 50%;
	margin-top: -25px;
	display: block;
	width: 32px;
	height: 40px;
	background: url(slider-arrow.png) -110px 5px no-repeat;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.slideBox .next {
	left: auto;
	right: 3%;
	background-position: 8px 5px;
}

.slideBox .prev:hover,
.slideBox .next:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

.slideBox .prevStop {
	display: none;
}

.slideBox .nextStop {
	display: none;
}

.protitle {
	padding-top: 55px;
	height: 75px;
	width: 83%;
	text-align: left;
	vertical-align: middle;
	margin: 0 auto;
}

.protitle p:first-child {
	font-size: 36px;
	color: #333333;
	font-weight: bold;
}

.protitle p:last-child {
	font-size: 24px;
	color: #666666;
	font-weight: lighter;
}

.model1 {
	position: relative;
	height: 800px;
	background-color: #f4f4f4;
}

.yin {
	position: absolute;
	top: -95px;
	left: 133px;
	/* width: 3%;
    height: 118px; */
	border-right: 27px solid #d5d5d5;
	border-top: 95px solid transparent;
}

.yy {
	position: absolute;
	top: 0;
	left: 155px;
	width: 13px;
	height: 13px;
	border-radius: 20px;
	background-color: #818081;
	box-shadow: -3px 1px 10px 5px #818081;
}

.model1 .rd {
	height: 118px;
	width: 84%;
	position: absolute;
	background: url('oo.jpg') no-repeat;
	margin-left: 160px;
	top: -95px;
}

.rdl {
	display: inline-block;
	margin-left: 50px;
}

.rdl p:first-child {
	font-size: 36px;
	font-weight: bold;
	color: #333333;
	padding: 10px 0 0;

}

.rdl p:last-child {
	color: #666666;
	font-size: 24px;
	font-weight: lighter;
}

.rdr {
	float: right;
	line-height: 118px;
	font-size: 16px;
	color: #666;
	margin-right: 32px;
}

.rdr a {
	font-size: 16px;
	color: #666;
	margin-right: 5px;
}

.rdr a:hover {
	font-weight: bold;
	color: #004c92;
}

.rdr span {
	font-weight: bold;
	text-align: center;
}

.model3_hright a:hover {
	font-weight: bold;
	color: #004c92;
}

.lbotton .liaojie:hover {
	background-color: #004c92;
}

.lbotton .liaojie:hover p {
	color: #fff;
}

.lbotton .liaojie:hover span {
	color: #fff;
}


.m4_rbody_text .liaojie:hover {
	background-color: #004c92;
}

.m4_rbody_text .liaojie:hover p {
	color: #fff;
}

.m4_rbody_text .liaojie:hover span {
	color: #fff;
}

.foot_head dd a:hover {
	color: #fff;
}

/* .bottom3 a:hover{
    font-weight: bold;
    color: #004c92;
} */
.rdr span::after {
	content: ">";
	margin-left: -8px;
}

.model1 .name {
	/* width: 1920px; */
	height: 200px;
	/* background-color: red; */
}

.model1 .proction {
	/* width: 1920px;  
    height: 736px;
   background-color: green; */
}

.proction .diceng div {
	height: 290px;
	font-size: 0;
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
	line-height: 290px;
}

.proction .diceng div img {
	max-width: 80%;
	max-height: 80%;
	vertical-align: middle;
}

.model1 .name ul {
	padding: 70px 0 60px;
	text-align: center;
}

.model1 .name li {
	width: 249px;
	height: 58px;
	margin: 0 11px;
	display: inline-block;
	/* float: left; */
	border: 1px solid #d2d2d2;
	text-align: center;
	line-height: 58px;
	position: relative;
}


/* bianse */


/* .model1 .name li:hover */

.fang {
	background-color: #004c92;
	border: 1px solid #004c92;
}

.model1 .name .fang1 {
	color: #fff;
}

.model1 .name li a {
	font-size: 18px;
	color: #666666;
}


/* .model1 .name li:hover a {
    color: #ffffff;
} */

.model1 .proction ul {
	/* margin-left: 160px; */
	text-align: center;
	font-size: 0;
}

.model1 .proction ul li {
	/* float: left; */
	/* height: 582px; */
	height: 370px;
	width: 385px;
	margin: 0 10px;
	background-color: #ffffff;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.model1 .proction li a {
	color: #333333;
}

.model1 .proction ul p {
	text-align: center;
}

.model1 .proction ul .proction_number {
	margin-top: 15px;
	font-size: 30px;
}

.model1 .proction ul .proction_name {
	margin-top: 10px;
	font-size: 24px;
}

/* .model1 .liaojie {
    margin-left: 40px;
} */

.model1 .proction ul span {
	display: block;
	/* width: 300px; */
	height: 90px;
	font-size: 16px;
	overflow: hidden;
	margin: 30px 40px 0;
	text-align: left;
	/* padding: 20px 36px; */
	color: #666666;
	line-height: 30px;
}

.proction .shangceng {
	/* display: none; */
	position: absolute;
	/* height: 582px; */
	/* width: 385px; */
	background-color: rgba(0, 0, 0, 0.65);
	top: 100px;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	transition: all 0.5s;
}

.proction li:hover .shangceng {
	/* display: block; */
	opacity: 1;
	top: 0;
}

/* .proction ul li .shangceng p {
    text-align: left;
}  */

.proction .shangceng_number {
	font-size: 30px;
	margin-top: 115px;
	/* margin-left: 38px; */
	color: #ffffff;
}

.proction .shangceng_name {
	font-size: 24px;
	margin-top: 28px;
	margin-left: 38px;
	color: #ffffff;
}

.proction ul .shangceng span {
	color: #ffffff;
}

.proction ul .liaojie span {
	top: -21px;
	left: 85px;
}

.liaojie {
	position: relative;
	margin: 0 auto;
	margin-top: 35px;
	/* margin-top: 27px; */
	border-radius: 50px;
	background-color: #3887cc;
	padding: 20px;
	width: 120px;
	height: 10px;
	line-height: 11px;
	box-shadow: -5px -3px 6px -3px rgba(0, 0, 0, 0.2);
	transition: all 0.5s;
}

.liaojie span {
	position: absolute;
	font-weight: bold;
	top: -1px;
	left: 70px;
	width: 30px;
	height: 10px;
}

.model2 .liaojie span::after {
	content: ">";
	margin-left: -7px;
}

.liaojie span::after {
	content: ">";
	margin-left: -8px;
}

.liaojie p {
	display: inline-block;
	margin-left: 7px;
	font-size: 16px;
	color: #fff;
}

.proction .liaojie p {
	margin-left: -48px !important;
}

.proction .liaojie span {
	left: 66px !important;
}

.model2-box {
	height: 936px;
	background: url('model2.jpg') no-repeat;
}

.model2 {
	width: 1600px;
	margin: 0 auto;
}

.model2 .mleft {
	float: left;
	width: 745px;
	height: 496px;
	padding: 183px 0;
	/* background-color: #a18a8a; */
}

.model2 .mleft_title {
	font-size: 36px;
	font-weight: bold;
	color: #fff;
}

.model2 .mleft_title1 {
	margin-top: 12px;
	font-size: 24px;
	font-weight: lighter;
	color: #fff;
	font-family: 'pf';
}

.model2 .mleft_top span {
	display: inline-block;
	line-height: 30px;
	padding-top: 45px;
	padding-bottom: 20px;
	font-size: 16px;
	color: #fff;
}

.model2 .lbotton {
	margin-top: 34px;
}

.model2 .liaojie span {
	position: absolute;
	top: 19px;
	left: 103px;
	font-size: 16px;
	color: #fff;
}

.mleft_bottom {
	margin-top: 80px;
	overflow: hidden;
}

.mleft_bottom li {
	float: left;
	/* padding-right: 63px; */
	/* width: 185px; */
	height: 100px;
	width: 33.333%;
	/* margin-right: 92px; */
	text-align: center;
	vertical-align: middle;
}


.mleft_bottom p {
	/* margin-top: 23px; */
	height: 70px;
	text-align: center;
	font-size: 24px;
	line-height: 70px;
	color: #fff;
}

.last {
	margin-top: 5px;
	padding-right: 0px;
	margin-right: 0px !important;
}

.model2 .mright {
	float: left;
	margin-left: 127px;
	margin-top: 162px;
	/* background-color: pink; */
}

.mright img {
	/* width: 555px; */
	/* height: 555px; */
	animation: spin 5s linear infinite;
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
		/* transition: all 5s; */
	}
}

.model3-box {
	height: 936px;
	background: url('model33.jpg') no-repeat;
	background-size: auto 100%;
}

.model3 {
	width: 100%;
	margin: 0 auto;
}

.model3 .model3_header {
	height: 125px;
	width: 83%;
	text-align: center;
	padding: 60px 9% 0 8%;
	border-bottom: 1px solid #dcdcdc;
	/* margin: 0 auto; */

}


.model3 .model3_hleft {
	float: left;
	/* margin-left: 160px; */
}

.model3 .modelname {
	font-size: 36px;
	font-weight: bold;
	text-align: left;
	color: #333333;

}

.modelname1 {
	font-size: 24px;
	font-weight: lighter;
	color: #333333;
	font-family: 'pf';
	margin-top: 5px;
}

.model3_hright {
	margin-top: 38px;
	float: right;
}

.model3_hright a {
	color: #666;
	font-size: 16px;
	vertical-align: middle;
}

.model3_hright p {
	display: inline-block;
	margin-top: -2px;
	margin-left: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #666;
}

.model3_hright p::after {
	content: ">";
	margin-left: -8px;
	color: #666;
}

.model3_hright img {
	margin-left: 10px;
}

.model3_body {
	height: 688px;
}

.model3_bleft {
	display: inline-block;
	padding-top: 38px;
	height: 653px;
	margin-left: 8%;
	width: 14%;
	border-right: 1px solid #dcdcdc;
}

.model3_bleft li {
	padding-bottom: 5px;
}

.model3_bleft a {
	font-size: 18px;
	color: #333333;
}

.model3_bleft a {
	font-size: 18px;
	color: #333333;
}

.fonts {
	font-size: 24px !important;
	color: #004c92 !important;
}

.model3_list {
	width: 74%;
	float: right;
	margin-top: 38px;
	margin-right: 25px;
}

.model3_bright ul {
	height: 652px;
}

.model3_bright ul li {
	float: left;
	margin-right: 45px;
	width: 21%;
	height: 652px;
	background-color: #ffffff;
	transition: all 0.5s;
}

.model3_bright .model3-pic {
	/* height: 304px; */
	font-size: 0;
	text-align: center;
	overflow: hidden;
	/* line-height: 304px; */
}

.model3-pic img {
	height: 100%;
	width: 100%;
	transition: all 0.5s;
}



.contain {
	position: relative;
}

.model3_bright ul li .contain {
	padding: 44px 44px 0 44px;
}

.contain img {
	margin-left: 10px;
}

.bottom3 {
	position: absolute;
	top: 350px;
	left: 44px;
	right: 44px;
	background: url(more.png) no-repeat 80px center;
	background-size: auto 50%;
	transition: all 0.5s;
}

.model3_bright span {
	display: block;
	padding-bottom: 35px;
	font-size: 24px;
	font-weight: lighter;
	color: #4e4e4e;
}

.model3_bright .op {
	font-size: 24px;
	color: #333333;
	line-height: 38px;
	padding-bottom: 35px;
}

.model3_bright .bottom3 span {
	display: inline-block;
	font-size: 16px;
	/* vertical-align: middle; */
	color: #333333;
	vertical-align: top;
	padding: 0;
}

.model3_bright .bottom3 img {
	vertical-align: top;
	display: none;
}

.model3_bright .jia {
	display: inline-block;
	margin-left: 17px;
	width: 30px;
}

.model3_bright .jia::after {
	content: ">";
	margin-left: -8px;
}

.model3_bright ul li:hover {
	background: rgba(0, 76, 146, 0.1);
}

.model3_bright ul li:hover .model3-pic img {
	transform: scale(1.1);
}

.model3_bright ul li:hover .bottom3 {
	background-position: right center;
}


.model4 {
	height: 940px;
	/* width: 1920px; */
	background: url('model4.jpg') no-repeat;
	overflow: hidden;
}

.model4 .model4_left {
	float: left;
	width: 50%;
	/* width: 682px; */
	padding: 112px 0 0;
	/* margin-left: 160px; */
}

.model4_left .lhead {
	margin-left: 160px;
}

.model4_left .lbody {
	margin-left: 160px;
}


.lhead_name {
	font-size: 36px;
	font-weight: bold;
	color: #333333;
	/* margin-bottom: 10px; */
}

.lhead_name1 {
	font-size: 24px;
	font-weight: lighter;
	color: #404040;
	font-family: 'pf';
	margin-bottom: 87px;
}

.lbody ul {
	width: 670px;
	height: 450px;
}

.lbody ul li {
	float: left;
	width: 180px;
	margin-right: 60px;
	position: relative;
	transition: all 0.5s;
	top: 0;
}

.picture {
	width: 180px;
	height: 180px;
	margin-bottom: 23px;
	position: relative;
	/* background: url('yuan.jpg') no-repeat; */
}

.picture img.yuan {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	transition: all 0.5s;
	/* padding: 63px; */
}

.lbody p {
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 53px;
	color: #333333;
	transition: all 0.5s;
}

.lbody ul li:hover {
	top: -20px;
}

.lbody ul li:hover .picture img.yuan {
	transform: rotate(360deg) scale(1.2);
}

.lbody ul li:hover p {
	color: #004C92;
}

.lbody span {
	font-size: 16px;
	color: #666666;
}

.lbotton {
	width: 16%;
	height: 50px;
	margin: 0 auto;
}

.lbotton .liaojie {
	background-color: #fff;
}

.lbotton p {
	color: #666666;
}

.lbotton .liaojie span {
	position: absolute;
	top: 19px;
	left: 102px;
	color: #666666;
	font-size: 16px;
	font-weight: bold;
}

.model4_right {
	float: left;
	width: 50%;
	height: 840px;
	padding-top: 92px;
}

.m4_name1 {
	font-size: 36px;
	font-weight: bold;
	color: #333333;
	/* margin-bottom: 20px; */
}

.m4_name2 {
	font-size: 24px;
	color: #4d4d4e;
	font-weight: lighter;
	margin-bottom: 25px;
	font-family: 'pf';
}

.m4_rbody {
	position: relative;
	/* width: 960px; */
	height: 732px;
	background-color: #fefefe;
	box-shadow: -1px -1px 4px 1px rgba(0, 0, 0, 0.1);
}

.m4_rbody_text {
	overflow: hidden;
	height: 115px;
	line-height: 115px;
	position: relative;
}

.m4_rbody_text a {
	position: absolute;
	right: 13%;
	top: 0;
}

.m4_rbody_text span {
	margin-left: 58px;
	/* margin-right: 70px; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
	width: 70%;
	font-size: 16px;
	color: #666666;
}

.m4_rbody a {
	display: inline-block;
	margin-top: 13px;
	margin-bottom: 30px;
}

.m4_rbody img {
	margin-left: 90px;
}

.m4_rbody .liaojie {
	background-color: #fff;
}

.m4_rbody .liaojie span {
	position: absolute;
	top: 18px;
	left: 51px;
	color: #666666;
	height: 12px;
	font-weight: bold;
}

.m4_rbody .liaojie p {
	color: #666666;
}

.m4_rbody_img {
	position: relative;
}

.point {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #00a0e9;

}

.point0 {
	/* width: 8px;
    height: 8px;
    border-radius: 50%; */
	background-color: red;
}

.red {
	position: absolute;
	top: 259px;
	left: 471px;
	/* background-color: #cd0b0b;
    box-shadow: 0px 0px 8px 3px #cd0b0b; */
}

.red div[class^="pulse"] {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	box-shadow: 0 0 12px red;
	border-radius: 50%;
	animation: pulse 0.9s linear infinite;
}

div[class^="pulse"] {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	box-shadow: 0 0 12px #00a0e9;
	border-radius: 50%;
	animation: pulse 0.9s linear infinite;
}

.pulse2 {
	animation-delay: 0.3s;
}

.pulse3 {
	animation-delay: 0.6s;
}

@keyframes pulse {
	0% {}

	30% {
		width: 10px;
		height: 10px;
		opacity: 1;
	}

	100% {
		width: 30px;
		height: 30px;
		opacity: 0;
	}
}

.point1 {
	position: absolute;
	top: 234px;
	left: 493px;
}

.point2 {
	position: absolute;
	top: 243px;
	left: 486px;
}

.point3 {
	position: absolute;
	top: 294px;
	left: 478px;
}

.point4 {
	position: absolute;
	top: 296px;
	left: 472px;
}

.foot {
	height: 405px;
	margin: 0 auto;
	max-width: 1920px;
	overflow-x: hidden;
	background-color: #333333;
}

.foot_head {
	margin: 0 132px;
	height: 310px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	position: relative;
}

.pbanner_hleft a:last-child {
	color: #004c92;
}

.foot_head ul {
	padding: 69px 0 0 0;
	overflow: hidden;
}

.foot_head li {
	float: left;
	padding-right: 100px;
}

.foot_head li:last-child {
	padding-right: 0;
}

.foot_head dt {
	margin-bottom: 10px;
}

.foot_head dt a {
	color: #ffffff;
	font-size: 18px;
}

.foot_head dd {
	margin-bottom: 5px;
}

.foot_head dd a {
	color: #a8a8a8;
	font-size: 14px;
}

.foot_hright {
	float: right;
	/* width: 176px; */
	height: 120px;
	position: absolute;
	top: 70px;
	right: 0;
	text-align: right;
}

.foot_hright p {
	text-align: right;
}

.foot_hright .rexian {
	font-size: 16px;
	color: #ffffff;
}

.foot_hright .rexian1 {
	margin-top: 7px;
	font-size: 24px;
	font-family: Arial;
	color: #fff;
	font-weight: bold;
}

.foot_hright select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url(down.png) no-repeat 145px center;
	padding: 0 15px;
}

.foot_hright select option {
	background: #333;
}

.jt {
	position: absolute;
	top: 14px;
	right: 17px;
}

.foot_foot {
	margin-top: 20px;
	padding: 0 131px;
}

.foot_foot p {
	display: inline-block;
	color: #a8a8a8;
	font-size: 14px;
}

.foot_foot div {
	float: right;
}

.foot_foot ul li {
	position: relative;
	display: inline-block;
	margin-left: 8px;
}

.foot_foot ul li img:last-child {
	position: absolute;
	top: -125px;
	left: -45px;
	width: 100px;
	height: 100px;
}

/* 子页背景 */

.bg {
	height: 450px;
	width: 100%;
	background: url('cpyyf.jpg') no-repeat;
}

.bg p:first-child {
	padding-top: 185px;
}

.bg p {

	margin-left: 160px;
	font-size: 48px;
	color: #ffffff;
}

/* 产品与研发 */
.pbanner {
	width: 100%;
	margin: 0 auto;
}

.pbanner_hleft {
	display: inline-block;
	/* width: 31%; */
	font-size: 16px;

}

.pbanner_hleft a,
.pbanner_hleft span {
	color: #666666;
	font-size: 16px;
}

.pbanner_hleft img {
	vertical-align: sub;
	margin-right: 10px;
}

.pbanner_hright {
	float: right;
	/* display: inline-block;
     margin-left: 505px; */
}

.pbanner_hrightfont {
	color: #004c92;
	font-size: 16px;
	font-weight: bold;
}

.pbanner_hright ul li {
	display: inline-block;
	height: 70px;
	padding-right: 20px;
}

.pbanner_hright ul li a {
	font-size: 16px;
}

.pbanner_hright ul li a:hover {
	color: #004c92;
}

.pbaneer_body ul li {
	display: inline-block;
	padding-right: 2%;

}

.pbaneer_body {
	margin-top: 20px;
	padding: 0 160px 60px;
	/* padding-bottom: 60px; */
}

.pbaneer_body li {
	width: 23%;
}

.pbaneer_body ul li a {
	display: block;

}

.pbanner-position {
	padding: 0 160px;
	margin-top: 20px;
	font-size: 14px;
}

.pbanner-position a {
	font-size: 14px;
}

.pbaneer_body .prictionpic {
	border: 1px solid #e5e5e5;
	text-align: center;
	padding: 6% 3%;
	height: 260px;
	overflow: hidden;
	/* width: 379px; */
}

.pbaneer_body img {
	/* width: 95%; */
	max-height: 100%;
	max-width: 100%;
}

.pbaneer_body li:nth-child(4n+4) {
	padding-right: 0px;
}

.pbaneer_body li p {
	height: 80px;
	line-height: 80px;
	margin-bottom: 40px;
	/* padding: 31px 0; */
	color: #333333;
	font-size: 20px;
	text-align: center;
	/*  border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5; */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.5s;
}

.pbaneer_body li:hover p {
	background: #004C92;
	color: #fff;
}

.pbaneer_body li:hover .alpic {
	border-color: #004C92;
}

.pbaneer_body li:hover .prictionpic {
	border-color: #004C92;
}

.bg1 {
	background: url('rczp.jpg') no-repeat;
}

.newpbanner {
	/* overflow: hidden; */
	padding: 0 160px;
	margin-top: 20px;
	zoom: 0%;
}

.newpbanner:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.newpbanner .pbaneer_body {
	padding: 0 0 60px 0;
	margin: 0;
	font-size: 0;
}

.newpbanner .newpbanner-nav {
	float: left;
	width: 290px;
}

.newpbanner .newpbanner-nav ul li {
	background: #fafafa;
	border: solid 1px #eee;
	padding: 10px 20px;
	margin-bottom: 10px;
	position: relative;

}

.newpbanner .newpbanner-nav ul li em {
	position: absolute;
	right: 10px;
	top: 6px;
	cursor: pointer;
}

.newpbanner .newpbanner-nav ul li a {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	display: block;
}

.newpbanner .newpbanner-nav ul li ul {
	margin-top: 5px;
	display: none;
}

.newpbanner .newpbanner-nav ul li ul li {
	background: #fafafa;
	border: none;
	padding: 0px 20px;
	line-height: 24px;
	position: relative;
}

.newpbanner .newpbanner-nav ul li ul li:before {
	position: absolute;
	left: 7px;
	top: 0;
	bottom: 0;
	width: 5px;
	height: 5px;
	background: #999;
	margin: auto;
	content: "";
}

.newpbanner .newpbanner-nav ul li ul li a {
	font-size: 14px;
	font-weight: normal;
	color: #808080;
}

.newpbanner .pbaneer_body ul li {
	width: 32%;
	border: 1px solid #ddd;
	padding: 0;
	margin-right: 2%;
	transition: all 0.3s;
	border-radius: 4px;
	overflow: hidden;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.newpbanner .pbaneer_body ul li:nth-child(3n) {
	margin-right: 0;
}

.newpbanner .pbaneer_body ul li .prictionpic {
	padding: 0;
	border: none;
}

.newpbanner .pbaneer_body ul li p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 20px;
	font-size: 18px;
	color: #333;
	margin: 0;
	line-height: initial;
	height: auto;
	text-align: left;
	margin: 20px 20px 0;
	text-align: center;
}

.newpbanner .pbaneer_body ul li em {
	margin-top: 3px;
	color: #999;
	margin: 0 20px;
	font-size: 14px;
	text-align: center;
	display: none;
}

.newpbanner .pbaneer_body ul li h3 {
	margin: 20px 20px 0;
	height: 70px;
	line-height: 25px;
	color: #999;
	font-weight: normal;
	overflow: hidden;
}

.newpbanner .pbaneer_body ul li span {
	margin: 10px 20px 15px;
	color: #333;
	display: block;
}

.newpbanner .pbaneer_body li:hover {
	box-shadow: 2px 0 10px rgb(102 102 102 / 50%), -2px 0 10px rgb(102 102 102 / 50%);
}

.newpbanner .pbaneer_body li:hover p {
	background: none;
}

.newpbanner .newpbanner-list {
	float: right;
	width: calc(100% - 320px);
}

.newpbanner .newpbanner-content {
	float: right;
	width: calc(100% - 320px);
}

.newpbanner .newpbanner-content h3.h3 {
	color: #00539b;
	font-size: 30px;
	font-weight: 100;
	line-height: 35px;
	margin-bottom: 30px;
}

.newpbanner .newpbanner-content .newpbanner-content-list {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 100px;
}

.newpbanner .newpbanner-content .newpbanner-content-list * {
	max-width: 100%;
}

/* 应用案例 */
.newMarket {
	margin-top: 20px;
	padding: 0 160px 50px;
	overflow: hidden;
}

.newMarket-nav-box {
	float: left;
	width: 280px;
}

.newMarket-nav-box h3 {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	padding: 20px;
	background: #004C92;
}

.newMarket-nav-box ul li {
	position: relative;
}

.newMarket-nav-box ul li em {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

.newMarket-nav-box ul li a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	transition: all 0.35s;
	font-size: 15px;
	font-weight: bold;
	background: #f5f5f5;
	border-top: 1px solid #ebebeb;
}

.newMarket-nav-box ul li a:hover {
	background: #004C92;
	color: #fff;
}

.newMarket-nav-box ul li a.on {
	background: #4292db;
	color: #fff;
}

.newMarket-nav-box ul li ul {
	display: none;
}

.newMarket-nav-box ul li ul li a {
	height: 36px;
	line-height: 36px;
	padding: 0 50px;
}

.newMarket .newMarket-list {
	overflow: hidden;
	float: right;
	width: calc(100% - 320px);
}

.newMarket .newMarket-list dl {
	float: left;
	width: 23%;
	margin-right: 2%;
	margin-bottom: 20px;
	border: 1px solid #e5e5e5;
}

.newMarket .newMarket-list dl:nth-child(4n) {
	margin-right: 0;
}

.newMarket .newMarket-list dl dt {
	font-size: 0;
	text-align: center;
	line-height: 220px;
}

.newMarket .newMarket-list dl dt img {
	max-height: 90%;
	max-width: 90%;
}

.newMarket .newMarket-list dl dd {
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 20px;
	font-weight: bold;
	color: #333;
	text-align: center;
	padding-bottom: 35px;
	border-bottom: 1px solid #e5e5e5;
}


/* 人才招聘 */

.rc_body1 {
	background-color: #f5f5f5;
	padding: 40px 260px 60px;
	overflow: hidden;
}

.rc_body1 a {
	/* margin-right: 3%; */
	display: block;
	height: 400px;
	width: 48%;
	float: left;
	position: relative;
	overflow: hidden;
}

.rc_body1 a:last-child {
	float: right;
}

.rc_body1_1 {
	display: inline-block;
	/* height: 402px; */
	width: 48%;
}

.rc_body1_1 a {
	display: inline-block;
}

.rc_body1_1 .jr {
	/* float: right; */
	overflow: hidden;
	/* margin-top: 25%; */
	/* margin-right: 8%; */
	/* margin-bottom: 22%; */
	/* width: 160px; */
	text-align: right;
	position: absolute;
	right: 80px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 115px;
	transition: all 0.5s;
	width: 160px;
	/* text-align: center; */
}

.rc_body1_1 p {
	font-size: 30px;
	color: #ffffff;
	margin-bottom: 30px;
	transition: all 0.5s;
}

.rc_body1_1 .ljjr {
	display: block;
	width: 160px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background-color: #004c92;
}

.shehui {
	float: left;
	width: 48.2%;
	position: relative;
	height: 400px;
	overflow: hidden;
}

.xy {
	float: right;
	width: 48.2%;
	position: relative;
	height: 400px;
	overflow: hidden;
}

.shehui img {
	position: absolute;
	left: -336px;
	top: 0;
	margin-left: 50%;
	transition: all 0.5s;
}

.xy img {
	position: absolute;
	left: -336px;
	top: 0;
	margin-left: 50%;
	transition: all 0.5s;
}

.shehui:hover img {
	opacity: 0.25;
}

.shehui:hover p {
	color: #004C92;
}

.xy:hover img {
	opacity: 0.25;
}

.xy:hover p {
	color: #004C92;
}

.rc_body2_1 {
	height: 350px;
	position: relative;
	overflow: hidden;
	transition: all 0.5s;
}

.rc_body2_1 div {
	overflow: hidden;
	height: 100%;
	position: relative;
	width: 50%;
}

.rc_body2_2 {
	height: 350px;
	position: relative;
	overflow: hidden;
	transition: all 0.5s;
}

.rc_body2_2 div {
	overflow: hidden;
	height: 100%;
	position: relative;
	width: 50%;
}

.rc_body2_1:hover {
	background: rgba(0, 76, 146, 0.1);
}

.rc_body2_2:hover {
	background: rgba(0, 76, 146, 0.1);
}

.rc_body2_1:hover .rcjs a {
	background: #004C92;
	color: #fff;
	border-color: #004C92;
}

.rc_body2_2:hover .rcjs a {
	background: #004C92;
	color: #fff;
	border-color: #004C92;
}

.rc_body2 {
	font-size: 0px;
	/* width: 74%; */
	margin: 50px 260px;
	/* padding: 3% 0 3%; */
	/* background-color: red; */
}

.rc_body2 img {
	/* font-size: 0px; */
	/* width: 50%; */
	position: absolute;
	left: -350px;
	margin-left: 50%;
	top: 0;
}

.rcjs {
	/* vertical-align: top; */
	/* padding: 4% 2% 3% 6%; */
	/* background-color: pink; */
	/* display: inline-block; */
	width: 50%;
	float: left;
}

.rcjs p {
	font-size: 24px;
	color: #333333;
	margin: 65px 90px 30px;
}

.rcjs span {
	display: block;
	/* padding: 7% 0 8% 0; */
	color: #333333;
	font-size: 16px;
	line-height: 30px;
	margin: 0 90px;
	height: 90px;
	overflow: hidden;
}

.rcjs a {
	display: block;
	width: 160px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	color: #333;
	border: 1px solid #333333;
	margin: 30px 0 0 90px;
	transition: all 0.5s;
}

.rc_body1 .yg {
	/* height: 48px; */
	/* margin-top: 52%; */
}

.rc_body1 .yg p {
	display: inline-block;
	width: 100%;
	padding: 1% 0;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.4);
	font-size: 18px;
	color: #fff;
}

.rc_body1 a img {
	position: absolute;
	left: -336px;
	top: 0;
	margin-left: 50%;
	transition: all 0.5s;
}

.rc_body1 .yg p {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	margin: 0;
	height: 50px;
	line-height: 50px;
	padding: 0;
	transition: all 0.5s;
}

.rc_body1 a:hover img {
	transform: scale(1.1);
}

.rc_body1 a:hover p {
	background: #004C92;
}

.ygfl {
	/* background: url('ygfl.jpg') no-repeat; */
	/* background-size: 100%; */
	width: 100%;
}

.yghd {
	/* background: url('yghd.jpg') no-repeat; */
	/* background-size: 100%; */
	width: 100%;
}

/* 新闻中心 */

.bg2 {
	/* height: 45; */
	width: 100%;
	background: url('news.jpg') no-repeat;
	background-size: 100%;
	text-align: center;
	/* line-height: 450px; */
	color: #fff;
	height: 450px;
	background-size: auto 100% !important;
	background-position: center !important;
}

.bg2font {
	/* padding: 7% 0; */
	padding: 137px 0;
}

.bg2 p:first-child {
	/* padding-bottom: 2%; */
	padding-bottom: 35px;
	font-size: 48px;

}

.bg2 p:last-child {
	font-size: 18px;
}

.nbanner_header {
	width: 100%;
	height: 70px;
	line-height: 70px;
	/* border-bottom: 2px solid #f1f1f1; */
	position: relative;
	box-shadow: 0px 2px 5px 1px #d2d2d2;
}

.nhead {
	margin: 0 auto;
	width: 83%;
}

.nbanner_hleft {
	font-size: 0px;
	/* width: 400px; */
	width: 64%;
	display: inline-block;

}

.nbanner_hleft li {
	position: relative;
	display: inline-block;
	/* padding: 0 7%; */


}

.nbanner_hleft li a {
	display: block;
	padding: 0 25px;
	transition: all 0.5s;
	background: url('sanjiao_on.png') no-repeat center 90px;
}

.nbanner_hleft li a:hover {
	color: #004c92;
	background: url('sanjiao_on.png') no-repeat center 62px;
}

.nbanner_hleft li a.on {
	color: #fff;
	background: #004c92 url('sanjiao.png') no-repeat center 62px;
}

.nbanner_hleft .bs a {
	color: #fff;
}

.nbanner_hleft li a {
	font-size: 16px;
	color: #666666;
}

.nbanner_header .pbanner_hleft {
	float: right;
	overflow: hidden;
}

.nbanner_hleft div {
	position: absolute;
	left: 44%;
	top: 56px;
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 15px solid #f1f1f1;
}

.nbanner_box {
	width: 83%;
	margin: 0 auto;
	padding-top: 30px;
	background-color: #fff;
	box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2);
}

.nbanner {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 65px;
	background-color: #f2f2f2;

}

.nbanner_body {
	width: 88%;
	margin: 0 auto;


}

.nbanner_body li {
	border-bottom: 1px solid #dddddd;
	padding: 20px 0;
}

.nleft {
	float: right;
	vertical-align: top;
	/* margin-top: 36px; */
	margin-left: 13px;
}

.nmiddle {
	position: relative;
	margin-left: 2%;
	vertical-align: top;
	display: inline-block;
	margin-top: 0;
	width: 72%;
}

.nleft p {
	margin-bottom: 40px;
}

.nbanner_body .xian {

	vertical-align: top;
	margin: 28px 24px 0 100px;
	font-size: 16px;
	color: #999;
}

.nbanner_body span {
	display: inline-block;
	font-size: 16px;
	color: #999;
}

.nmiddle span {
	margin-top: 30px;
	/* margin-bottom: 42px; */
}

.nbanner_body .firstp {
	/* float: right; */
	overflow: hidden;
	margin: 0 0 0 0;
	/* width: 17%; */
}

.longjiantou {
	display: block;
	width: 40px;
	height: 30px;
	background-color: #004c92;
	margin-left: 5px;
	line-height: 28px;
	text-align: center;
}

.show {
	min-height: 183px;
}

.hide {
	height: 183px;
}

.nbanner_body .show p {
	font-size: 20px;
	font-weight: bold;
	color: #004c92;
	position: relative;
}

.nbanner_body .show p.longjiantou:before {
	display: none;
}

.nbanner_body .show span {
	font-size: 16px;
	color: #999;
	line-height: 30px;
}

.nbanner_body .show .nleft p {
	font-family: pf;
	position: relative;
}

.nbanner_body .show .nleft p:before {
	position: absolute;
	top: 15px;
	left: -120px;
	height: 1px;
	background: #ddd;
	content: "";
	width: 85px;
}

.nbanner_body .newtext {
	display: inline-block;
	vertical-align: top;
	margin-left: 28px;
	width: calc(100% - 300px);
}

.nbanner_body .newtext p {
	font-size: 20px;
	font-weight: bold;
	color: #333333;
}

.newtext p:first-child {
	margin-bottom: 30px;
}

.newtext span {
	color: #999;
	font-size: 16px;
	line-height: 30px;
}

.nbanner_body .newtext p:last-child {
	margin-top: 20px;
	color: #999999;
	font-size: 20px;
	font-family: pf;
}

/* 公司简介 */
.bg3 {
	background: url('gsjj.jpg') no-repeat;
	background-size: 100%;
}

.bg3 .bg2font {
	/* padding: 7% 0 8%; */
	padding: 137px 0 0;
	margin-left: 36px;
}

.ghead {
	margin: 0 auto;
	width: 84%;
}

.gbanner_body {
	width: 100%;
	padding-top: 25px;
	padding-bottom: 45px;
	background: url('gsbj.jpg') no-repeat;
	background-size: 100% 100%;
}

.gbody {
	width: 84%;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2);
}

.biaoti {
	text-align: center;
	color: #333;
	font-size: 30px;
	margin-bottom: 30px;
}

.gbody_content {
	width: 88%;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 48px;
	overflow: hidden;

}

.gbody_content * {
	font-size: 16px;
	/* line-height: 26px; */
	max-width: 100%;
	/* height: auto; */
}

/* .gbody_content>p:first-child {
    padding: 50px 0 0;
    text-align: center;
    color: #333333;
    font-size: 30px;
} */
.gbody_content .biaoti {
	text-align: center;
	color: #333333;
	font-size: 30px;
}

.gbody_content span {
	display: block;
	/* padding: 18px 0; */
	/* line-height: 27px; */
	text-indent: 2em;
	color: #666;
	font-size: 16px;
}

.gbody_content img {
	/* display: block; */
	/* margin: 0 auto; */
}

.lxbody {
	background-image: none;
	background-color: #f6f6f6;
}

.lxbody .gbody_content {
	padding: 40px 0;
}

.gbody .gbody_content .ll {
	display: block;
	text-align: center;
	font-size: 30px;
	color: #333333;
	padding: 30px 0;
}

.lxbody .lianxi {
	padding-top: 60px;
}

.lianxileft {
	display: inline-block;
	margin-right: 20px;
	width: 38%;
}

.lianxileft span {
	text-indent: 0;
	margin: 25px 0;
}

.lianxileft img {
	margin: 0 0;
	width: 155%;
}

.lianxileft>img {
	margin: 20px 0;
}

.lianxileft p {
	display: inline-block;
	color: #666666;
	font-size: 16px;
}

.lianxileft>p:last-child {
	color: #004c92;
	font-size: 24px;
	font-weight: bold;
}

.zxfk {
	position: relative;

}

.zxfk p {
	position: absolute;
	bottom: 40px;
	right: 0;
	left: 0;
	text-align: center;

	color: #fffefe;
	font-size: 24px;
}

.xq {
	background: url('gsbj.jpg') no-repeat;
	background-size: 100% 100%;
}

/* .cg {
    background: url('cgbj.jpg') no-repeat;
} */
.xq .nbanner_box {
	padding: 68px 0 38px 0;
	min-height: 880px;
}

.xq .xqleft>img {
	display: block;
	margin-top: 45px;
	margin-top: 24px;
	width: 100%;
}

.xqleft {
	display: inline-block;
	/* width: 76%; */
	width: 100%;
}

.xqleft .chanpin_1 * {
	line-height: 30px;
	font-size: 16px;
	max-width: 100%;
}

.xqleft .chanpin_2 * {
	line-height: 30px;
	font-size: 16px;
	max-width: 100%;
}

/* .xqleft .lazyload {
    margin-top: 55px;
} */
.xqleft_body {
	margin-bottom: 55px;
}

.xqleft .xqleft_rhead p {
	color: #333333;
	font-size: 40px;
}

.xqmessage {
	height: 73px;
	line-height: 73px;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 50px;
	text-align: center;
}

.xqmessage img:first-child {
	margin-left: 0;
}

.xqmessage img {
	margin-left: 47px;
}

.xqleft .xqmessage span {
	display: inline;
	vertical-align: middle;
	color: #9b9b9b;
}

.xqleft span {
	display: block;
	padding: 21px 0;
	color: #666666;
}

.qiehuan {
	color: #3887cc;
	font-size: 16px;
}

.qiehuan a {
	color: #666666;
	font-size: 16px;
}

.qiehuan span {
	display: inline-block;
	color: #666666;
}

.qiehuan em:nth-child(3) {
	margin-left: 50%;
}

.xqright {
	float: right;
	overflow: hidden;
	/* display: inline-block; */
	width: 18%;
	background: #f8f8f8;
	padding-bottom: 30px;
	display: none;
}

.xqright li {
	padding: 0;
	border: none;
}

.xqright .bei {
	height: 60px;
	line-height: 60px;
	background: url('n1.jpg') no-repeat;
}

.xqright .bei p {
	margin-left: 33px;
	font-size: 24px;
	color: #ffffff;
}

.xqright>a {
	display: block;
	text-align: center;
	color: #3887cc;
	font-size: 16px;
}

.xiangxi {
	padding: 20px 16px;
	border-bottom: 1px solid #dddddd;
}

.xiangxi p {
	padding-top: 20px;
	color: #333333;
	font-size: 18px;
	font-weight: bold;
}

.xiangxi p:nth-child(3) {
	color: #999999;
	font-size: 18px;
	font-weight: normal;
	padding: 22px 0;
}

.xiangxi span {
	color: #999999;
	font-size: 16px;
}

.xiangxi img {
	width: 100%;
}

.shenglue {
	padding: 20px 16px;
}

.shenglue span {
	font-size: 18px;
	color: #333333;
}

.shenglue p {
	margin-top: 20px;
	font-size: 18px;
	color: #999999;
}

.body_head {
	text-align: center;
	padding-bottom: 85px;
	border-bottom: 1px solid #bfbfbf;
}

.body_head div {
	width: 40px;
	height: 5px;
	margin: 27px auto 14px;
	background-color: #004c92;
}

.body_head>p {
	font-size: 30px;
	color: #333333;
}

.list {
	height: 88px;
	line-height: 88px;
	border-bottom: 1px solid #bfbfbf;
}

.list img {
	display: inline-block;
}

.list img:hover {
	cursor: pointer;
}

.list p {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: #999999;
}

.list p:nth-child(1) {
	padding: 0;
	width: 8%;
	text-align: center;
	color: #dadada;
	font-size: 18px;
}

.list p:nth-child(2) {
	width: 30%;
	font-weight: bold;
	color: #666666;
	font-size: 18px;
}

.list p:nth-child(3) {
	width: 18%;
}

.list p:nth-child(4) {
	width: 20%;
}

.list p:nth-child(5) {
	width: 20%;
}

.content {
	padding: 48px 8% 67px 8%;
	background-color: #eef2fb;
	border-top: 1px solid #273c89;
	overflow: hidden;
}

.center>ul img {
	width: 100%;
}

.content span,
.gbody_content .content p {
	padding: 0;
	text-align: left;
	font-size: 16px;
	text-indent: 0;
	color: #666666;
}

.lazyload img {
	max-width: 100%;
}

.cleft {
	display: inline-block;
	width: 48%;
	float: left;
}

.cright {
	display: inline-block;
	width: 48%;
	vertical-align: top;
	float: right;
}

.nbanner_body .show img,
.nbanner_body .hide img {
	max-width: 242px;
}

.show .firstp,
.hide img {
	width: 242px;
	height: 183px;
}

/* 客户案例 */
.albanner {
	padding-top: 55px;
	background: url('khalbj.jpg');
}

.al {
	border: none;
	padding: 0;
}

.al span {
	text-indent: 0;
}

.gbody_content .albody {
	padding: 0;
}

.gbody .gbody_content .albody ul {
	font-size: 0;
}

.gbody .gbody_content .albody ul li {
	width: 32%;
	margin-right: 2%;
	padding: 0;
}

.gbody .gbody_content .albody ul li .alpic {
	padding: 1px;
	box-sizing: border-box;
	overflow: hidden;
}

.gbody .gbody_content .albody ul li img {
	max-width: 100% !important;
	width: auto;
}

.gbody .gbody_content .albody ul li:nth-child(3n+3) {
	margin-right: 0;
}

.alpic {
	border: 1px solid #e5e5e5;
	text-align: center;
	height: 250px;
	line-height: 250px;
	overflow: hidden;
	font-variant-position: 0;
	/* padding: 6% 3%; */
	transition: all 0.5s;
}

.alpic img {
	max-width: 100%;
}

/* 产品详情 */
.xqleft_head {
	margin-bottom: 83px;
}

.xqleft_lhead {
	display: inline-block;
	position: relative;
	border: 1px solid #e5e5e5;
	height: 337px;
	line-height: 337px;
	width: 39%;
	text-align: center;

}

.xqleft_lhead img {
	width: 72%;
}

.xqleft_lhead div {
	position: absolute;
	width: 40px;
	height: 8px;
}

.xqleft_lhead div:hover {
	cursor: pointer;
}

/* .one {
    left: 74%;
    top: 91%;
    background-color: #004c92;
}
.two {
    left: 85%;
    top: 91%;
    background-color: #e9e9e9;
} */
.xqleft_rhead {
	display: inline-block;
	margin-left: 60px;
	width: 50%;
	vertical-align: top;
}

.xqleft_rhead p:first-child {
	color: #333333;
	font-size: 24px;
	margin-bottom: 19px;
}

.xqleft_rhead span {
	color: #333333;
	font-size: 16px;
}

.xqleft_rhead p:nth-child(3) {
	font-size: 18px;
	color: #333333;
}

.xqleft_rhead span:last-child {
	color: #666666;
	padding: 4px 0 0 0;
}

.xqleft_rhead .ckxq {
	position: relative;
	margin: 0;
}

.xqleft_rhead .ckxq p,
.xqleft_rhead .ckxq span {
	font-size: 16px;
	color: #fff;
}

.xqleft_rhead .ckxq p {
	margin-left: 5px;
}

.xqleft_rhead .ckxq span {
	position: absolute;
	top: 32%;
	left: 69%;
}

.xqleft_body {
	height: 50px;
	background-color: #eeeeee;
}

.xqleft_body li {
	display: inline-block;
	line-height: 50px;
	text-align: center;
	border: none;
	padding: 0 37px;
}

.xqleft_body li:first-child {
	background-color: #004c92;
}

.xqleft_body li:first-child a {
	color: #fff;
}

.xqleft_body li a {
	font-size: 18px;
	color: #666666;
}

.chanpin span {
	font-size: 16px;
	color: #666;
}

.cpxq li {
	text-align: center;
	margin: 19px 17px 0 17px;
	border: 1px solid #e5e5e5;
}

.cpxq img {
	width: 100%;
	margin-bottom: 10px;
}

.cpxq p {
	padding-bottom: 10px;
	font-size: 18px;
	color: #333333;
}

.bottom {
	margin-top: 38px;
	border-top: 1px solid #dcdcdc;
	padding-top: 28px;
	color: #333333;
	font-size: 18px;

}

.bottom a {
	color: #333333;
	font-size: 18px;
}

.bottom em {
	font-size: 16px;
	color: #666666;
}

.bottom span {
	display: inline-block;
	color: #333333;
	font-size: 18px;
}

.layui-laypage {
	width: 100%;
	text-align: center;
	margin: 30px 0;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
	background-color: #004c92;
}

.layui-laypage a,
.layui-laypage span {
	padding: 6px 15px;
	font-size: 18px;
}

em {
	font-size: 16px;
}

.layui-laypage a:hover {
	color: #000;
}

.layui-laypage span {
	display: inline-block;
	font-size: 18px;
	text-indent: 0;
}

.lianxiright {
	float: right;
	display: inline-block;
	width: 60%;
	vertical-align: top;
	text-align: right;
}

.tableft {
	display: none;
}

tr {
	/* display: inline-block; */
	padding-bottom: 30px;

}

textarea,
input {
	color: #999999;
	font-size: 16px;
}

.layui-textarea {
	width: 739px;
	height: 300px;
	padding: 25px;
}

.layui-input {
	width: 360px;
	height: 50px;
}

tbody tr:nth-child(2) .tabright input {
	margin-right: 20px;
}

.code {
	width: 621px;
	height: 50px;
	margin-right: 10px;
}

table td .validateCode {
	display: inline-block;
	width: 105px;
	height: 45px;
}

tbody tr:last-child {
	margin-right: 33%;
}

.layui-btn {
	background: #004c92 url(arrow.png) no-repeat 100px center;
	text-align: left;
	text-indent: 50px;
	padding: 0;
	width: 156px;
	height: 50px;
	border-radius: 50px;
}

.xqleft_lhead .hd li,
.xqleft_lhead .bd li {
	border: none;
	padding: 0;
	margin: 0;
}

.xqleft_lhead .hd {
	width: 100%;
	top: 94%
}

.hd ul {
	height: 50px;
}

.xqleft_lhead .hd li {
	font-size: 0;
	float: right;
	width: 30px;
	height: 8px;
	margin-right: 10px;
	background-color: #e9e9e9;
}

.xqleft_lhead .hd li:first-child {
	background-color: #004c92;
}

.xqleft_lhead .bd ul {
	height: 340px;
	width: 100%;
}

.xqleft_lhead .bd ul li {
	width: 100%;
}

.xqleft_lhead .bd {
	width: 100%;
}

.xqleft_lhead .bd img {
	text-align: center;
	width: 98%;
}

/* 友情链接 */
/* select {
    width: 172px;
    height: 35px;
    margin-top: 25px;
    border-radius: 17px;
    border: 1px solid #a8a8a8;
    background-color: #333333;
    color: #fff;
    font-size: 14px;
} */
.foot_foot p a {
	color: #a8a8a8;
	font-size: 14px;
	margin: 0;
}

/* 搜索 */
.search {
	display: none;
	z-index: 3;
	position: absolute;
	top: 130px;
	right: 0;
	width: 290px;
	font-size: 0;
	height: 40px;
	background: #fff;
	border: 1px solid #004c92;
}

.search a {
	font-size: 17px;
	color: #fff;
}

.search input {
	font-size: 16px;
	/* text-indent: 1em; */
	width: 230px;
	height: 40px;
	border: none;
	box-sizing: border-box;
	float: left;
	padding: 0 15px;
	box-sizing: border-box;
}

.searchBtn {
	/* display: inline-block; */
	float: right;
	background-color: #004c92;
	width: 60px;
	height: 40px;
	vertical-align: top;
	line-height: 40px;
	text-align: center;
}

/* 分享 */
.share {
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
}

.xqright>a {
	margin-top: 20px;
}

/* .nmiddle a::before {
    content: "——";
    position: absolute;
    left: -40px;
    font-size: 16px;
} */

.nbanner_body li .newtext .searchtitle {
	font-size: 22px;
	color: #333;
}

.slist {
	height: 130px;
}

.zp:hover {
	cursor: pointer;
}

@media screen and (max-width:1680px) {

	/* 首页 */
	.header {
		width: 90%;
	}

	.header .menu li {
		margin-right: 50px;
	}

	.model1 .proction {
		width: 90%;
		margin: 0 auto;
	}

	.model1 .proction ul li {
		width: 23%;
	}

	.model2 {
		width: 90%;
	}

	.mleft_bottom li {
		width: 177px;
		margin-right: 4%;
	}

	/* .model2 .mleft_bottom li {
	    width: 177px;
	    margin-right: 4%;
	} */
	.model2 .mright {
		float: right;
		margin-left: 0;
	}

	.model2 .mleft {
		width: calc(100% - 580px);
	}

	.model3 .model3_header {
		width: 90%;
	}

	.model3_bleft {
		padding-left: 8%;
		margin-left: 0;
	}

	.model3_list {
		width: 74%;
	}

	.model3_bright ul li {
		width: 23%;
		margin-right: 2%;
	}

	.model4_left .lhead {
		margin-left: 10%;
	}

	.model4_left .lbody {
		margin-left: 10%;
	}

	.model4_left .lbotton {
		margin-left: 10%;
	}

	.lbody ul {
		width: auto;
		margin-right: 10%;
	}

	.lbody ul li {
		width: 30%;
		margin-right: 5%;
	}

	.lbody ul li:last-child {
		margin-right: 0;
	}

	.picture {
		width: 90%;
		margin: 0 auto 20px;
		background-size: 100%;
		height: auto;
	}

	.picture img {
		max-width: 100%;
	}

	.m4_rbody_text span {
		width: 60%;
	}

	.m4_rbody img {
		margin-left: 58px;
	}

	.foot_head {
		width: 90%;
		margin: 0 auto;
	}

	.foot_head li {
		padding-right: 80px;
	}

	.foot_foot {
		width: 90%;
		margin: 20px auto 0;
		padding: 0;
	}

	.red {
		left: 446px;
	}

	.point1 {
		left: 461px;
	}

	.point2 {
		left: 455px;
	}

	.point3 {
		left: 448px;
	}

	.point4 {
		left: 443px;
	}

	.model1 .rd {
		margin-left: 5%;
	}

	/* 产品与研发 */

	.pbaneer_body {
		padding-left: 5%;
		padding-right: 5%;
	}

	.pbaneer_body ul li {
		width: 23%;
	}

	.bg p {
		margin-left: 5%;
	}

	/* 新闻中心 */

	/* .bg2 p:first-child {
        padding-bottom: 1%;
    } */


	.nmiddle {
		width: 62%;
		margin-left: 32px;
	}

	.nbanner_body .newtext {
		width: 73%;
	}

	.nmiddle span {
		margin-bottom: 0px;
	}

	/* 联系我们 */
	.lianxileft {
		width: 40%;
	}

	.gbody .gbody_content .albody ul li {
		width: 28%;
	}


	.layui-textarea {
		width: 603px;
		height: 300px;
	}

	.layui-input {
		width: 291px;
		height: 50px;
	}

	tbody tr:nth-child(2) .tabright input {
		margin-right: 20px;
	}

	.code {
		width: 517px;
		height: 50px;
		margin-right: 10px;
	}

	table td .validateCode {
		display: inline-block;
		width: 70px;
		height: 45px;
	}

	.lianxiright {
		width: 57%;
	}

	.model4_left .lbotton {
		margin-left: 40%;
	}

	.m4_rbody_text a {
		right: 0;
	}

	/* .show {
        height: 183px;
    } */
	.xx ul {
		width: 56% !important;
	}

	.xx ul li {
		margin-right: 12% !important;
	}
}

@media screen and (max-width:1440px) {
	.header .menu li {
		margin-right: 30px;
	}

	.menu {
		width: 740px;
	}

	.foot_head li {
		padding-right: 60px;
	}

	.rc_body1 .yg a {
		padding: 0;
	}

	/* .bg2 p:first-child {
        padding-bottom: 0;
    } */
	.nbanner_body .newtext {
		width: 70% !important;
	}

	.nbanner_body .newtext p:last-child {
		margin-top: 15px;
	}

	.xx ul {
		width: 51% !important;
	}

	.xx ul li {
		margin-right: 8% !important;
	}

	.layui-textarea {
		width: 503px;
	}

	.layui-input {
		width: 242px;
	}

	.code {
		width: 420px;
	}
}

@media screen and (max-width:1360px) {
	.gbody .gbody_content .albody ul li {
		width: 27% !important;
	}

}

.xxlist {
	display: none;
}

.xx {
	position: absolute;
	left: 8%;
	margin: 0 auto;
	width: 60%;
	height: 226px;
	padding: 55px 12%;
	background-color: rgba(245, 245, 245, 0.9);
	z-index: 2;
}

.xx img {
	display: inline-block;
	height: 226px;
	width: 312px;
}

.xx ul {
	vertical-align: top;
	margin-left: 60px;
	display: inline-block;
	width: 62%;
}

.xx ul li {
	float: left;

	margin: 22px 0;
	margin-right: 15%;
}

.xx ul li:nth-child(4n+4) {
	margin-right: 0 !important;
}

.xx ul li span:first-child {
	font-size: 16px;
	font-weight: bolder;
	color: #aaaaaa;
}

.xx ul li span:last-child {
	font-size: 16px;
	color: #666666;
}

.xx ul li:hover span {
	color: #004c92;
}

.introduction {
	height: 693px;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	background-color: #eef3f8;
	overflow: hidden;
}

.intbody>p {
	font-size: 30px;
	color: #333333;
	height: 120px;
	line-height: 120px;
	text-align: center;
}

.intbody {
	width: 1575px;
	margin: 0 auto;
}

.intbody>img {
	float: left;
}

.intbody>div {
	float: left;
	width: 690px;
	vertical-align: top;
	margin-left: 47px;
}

.intbody>div>p {
	font-size: 24px;
	color: #004c92;
}

.intbody>div>span {
	display: block;
	width: 680px;
	font-size: 16px;
	color: #666666;
	margin: 35px 0;
	line-height: 32px;
}

.introduction .liaojie {
	display: inline-block;
	margin-top: 0;
}

.introduction .liaojie span {
	font-size: 16px;
	color: #fff;
	top: 19px;
	left: 111px;
}

.itcbottom {
	width: 727px;
	margin-top: 70px;
}

.itcbottom li {
	float: left;
	box-sizing: border-box;
	padding: 20px 35px;
	height: 150px;
	width: 242px;
	text-align: center;
}

.itcbottom li:first-child {
	padding-left: 0px;
}

.itcbottom img {
	text-align: center;
	margin-bottom: 33px;
}

.itcbottom p {
	display: block;
	font-size: 24px;
	color: #666;
}

.cm>div {
	position: relative;
	float: left;
	width: 25%;
	height: 578px;
	transition: all 0.5s;
	z-index: 1;
}

.cm>div:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 76, 146, 0.8);
	opacity: 0;
	transition: all 0.5s;
	z-index: -1;
	content: "";
	display: block;
}

.cm>div:hover:before {
	opacity: 1;
}

.cm {
	overflow: hidden;
	/* width: 1920px; */
	margin: 0 auto;
}

.cm>div>div {
	position: absolute;
	top: 50%;
	left: 10%;
	right: 10%;
	margin: auto;
	text-align: center;
	transform: translate(0px, -70px);
}

.cm span {
	display: block;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	margin-top: 20px;
	line-height: 35px;
}

.cm span:nth-child(3) {
	font-size: 16px;
}


.cpyy {
	height: 509px;
	width: 100%;
	margin: 0 auto;
}

.cpyy>p:first-child {
	text-align: center;
	font-size: 36px;
	color: #333333;
	margin-top: 45px;
	margin-bottom: 15px;
}

.cpyy>p:nth-child(2) {
	font-family: 'pf';
	text-align: center;
	font-size: 24px;
	color: #666;
	font-weight: lighter;
}

.apple-retail {
	margin: 44px 0;
}

.swiper-slide {
	text-align: center;
	padding: 0 calc((100vw - 816px) * .15);
	/* width: 816px; */
}

.inner figure {
	width: 100%;
}

.inner figure img {
	width: 100%;
	border-radius: 6px;
}

/* .gallery-item-desc {
	width: 80%;
	text-align: left;
	display: inline-block;
	padding-top: 46px;
	opacity: 0;
	transition-duration: 1.2s;
}
.init .gallery-item-desc {
	opacity: 1;
}
.gallery-item-desc h3 {
	line-height: 1.16667;
	font-weight: 600;
	letter-spacing: .009em;
	color: #111;
	font-size: 20px;
}
.gallery-item-desc p {
	margin-top: 1em;
	color: #333;
	font-size: 15px;
} */
/* .swiper-slide-prev .gallery-item-desc {
	transform: translateX(-70px);
}
.swiper-slide-next .gallery-item-desc {
	transform: translateX(70px);
}
.swiper-slide-active .gallery-item-desc {
	opacity: 1;
	transform: translateX(0);
} */
@media only screen and (max-width: 1068px) {
	.swiper-slide {
		padding: 0 calc((100vw - 576px) * .15);
		width: 576px;
	}

	/* .gallery-item-desc {
	padding-top: 41px;
} */
}

@media only screen and (max-width: 735px) {
	.swiper-slide {
		transform: scale(.9);
		padding: 0;
		width: 85vw;
		margin: 0 0;
		min-width: 272px;
	}

	.swiper-slide-active {
		transform: scale(1);
	}

	/* .gallery-item-desc {
	padding-top: 26px;
	width: 90%;
} */
}

.swiper-button-next,
.swiper-button-prev {
	top: 40%;
	background-color: rgba(210, 210, 210, .6);
	background-size: 20px 30px;
	width: 52px;
	height: 52px;
	transition: all .5s;
	outline: none;
	opacity: 0;
}

.mouse-hover .swiper-button-next,
.mouse-hover .swiper-button-prev {
	opacity: 1;
}

.cpyy .swiper-button-next {
	background-image: url("bra.png");
	right: 20px;
}

.cpyy .swiper-button-prev {
	background-image: url("brl.png");
	left: 20px;
}

.swiper-container .swiper-button-next.swiper-button-disabled,
.swiper-container .swiper-button-prev.swiper-button-disabled {
	opacity: 0;
}

.cpyy .swiper-wrapper {
	/* width: 400px; */
	/* transform: translate3d(-20px, 0px, 0px) !important; */
}

.cpyy .swiper-slide {
	padding: 0 20px;
	width: 400px;
	transition: all 0.5s;
	position: relative;
	z-index: 999;
}

.cpyy .inner figure img {
	height: 270px;
	width: 700px;
	border-radius: 0;
}

.cpyy .inner {
	overflow: hidden;
	position: relative;
}

.cpyy .swiper-button-next {
	right: 10%;
}

.cpyy .swiper-button-prev {
	left: 10%;
}

.cpyy .swiper-button-next,
.cpyy .swiper-button-prev {
	width: 60px;
	height: 135px;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 0;
	top: 67px;
	margin: 0;
}

.cpyy .swiper-button-next:hover,
.cpyy .swiper-button-prev:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

.inner div {
	position: absolute;
	top: 0;
	left: -350px;
	height: 269px;
	box-sizing: border-box;
	padding-top: 40px;
	padding-left: 40px;
	width: 350px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	text-align: left;
	transition: all 0.5s;
}

.inner:hover div {
	left: 0;
}

.inner div p {
	font-size: 24px;
	padding-bottom: 23px;
}

.inner div span {
	display: block;
	font-size: 16px;
	width: 200px;
}

.inner>p {
	position: absolute;
	bottom: -10px;
	left: 36px;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 30px;
}

.carousel {
	width: 1920px;
	height: 710px;
	margin: 100px auto;
	position: relative;
	overflow: hidden;
}

.carousel img {
	position: absolute;
}

.carousel img:nth-child(1) {
	width: 70px;
	height: 50px;
	left: -120px;
	top: 70px;
}

/* .carousel    img:nth-child(2) {
            width: 90px;
            height: 60px;
            left: 20px;
            top: 60px;
        } */
.carousel img:nth-child(3) {
	width: 112px;
	height: 84px;
	left: 121px;
	top: 30px;
}

.carousel img:nth-child(4) {
	width: 156px;
	height: 100px;
	left: 250px;
	top: 16px;
}

.carousel img:nth-child(5) {
	width: 112px;
	height: 84px;
	left: 430px;
	top: 30px;
}

.carousel img:nth-child(6) {
	width: 90px;
	height: 60px;
	left: 560px;
	top: 60px;
}

.carousel img:nth-child(n+7) {
	width: 70px;
	height: 50px;
	left: 710px;
	top: 70px;
}

.carousel a {
	position: absolute;
	width: 44px;
	height: 44px;
	top: 150px;
	/* background-color: #bbba; */
}

#left {
	left: 25px;
	background-color: #000000;
}

#right {
	right: 25px;
	background-color: #000000;
}


.innerHonor .swiper-container {
	padding: 10px 0 100px;
}

.innerHonor .swiper-slide {
	padding: 0;
}

.innerHonor h3 {
	font-size: 30px;
	color: #333;
	font-weight: normal;
	text-align: center;
	margin-top: 60px;
}

.innerIdea {
	overflow: hidden;
}

.innerIdea dl {
	overflow: hidden;
	position: relative;
}

.innerIdea dl dt {
	float: left;
}

.innerIdea dl dd {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	background: #004c92;
	width: 770px;
}

.innerIdea dl dd>h3 {
	font-size: 30px;
	color: #fff;
	margin: 75px 0 60px 80px;
	font-weight: normal;
}

.innerIdea dl dd>div {
	font-size: 16px;
	color: #fff;
	margin: 0 160px 50px 80px;
}

.innerIdea dl dd>p {
	margin: 0 80px;
}

.innerIdea dl dd>p img {
	max-width: 100%;
}

.innerDevelopment {
	height: 566px;
	background: url(development-img01.png) no-repeat center;
	overflow: hidden;
}

.innerDevelopment>h3 {
	font-size: 30px;
	text-align: center;
	line-height: 60px;
	color: #333;
	font-weight: normal;
	margin-top: 50px;
}

.innerAbout-development-list {
	width: 1400px;
	margin: 0 auto;
	position: relative;
}

.innerAbout-development-list .prev {
	position: absolute;
	left: 0;
	top: 82px;
	z-index: 99;
}

.innerAbout-development-list .next {
	position: absolute;
	right: 0;
	top: 82px;
	z-index: 99;
}

.innerAbout-development-list .bd {
	padding: 0 40px;
	position: relative;
}

.innerAbout-development-list .bd:before {
	position: absolute;
	left: 45px;
	right: 45px;
	top: 105px;
	content: "";
	height: 1px;
	background: #004c92;
}

.innerAbout-development-list .bd li {
	float: left;
	width: 25%;
}

.innerAbout-development-list .bd li .year {
	font-size: 30px;
	text-align: center;
	font-weight: normal;
	height: 95px;
	font-weight: bold;
	color: #004C92;
}

.innerAbout-development-list .bd li .year span {
	font-family: pfx;
	display: block;
	height: 0;
	overflow: hidden;
	transition: all 0.5s;
	transform-origin: bottom;
	line-height: 100px;
}

.innerAbout-development-list .bd li .circle {
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 50%;
	border: 1px solid #004c92;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	transition: all 0.5s;
}

.innerAbout-development-list .bd li .circle::before {
	position: absolute;
	right: 0;
	left: 0;
	top: 20px;
	width: 1px;
	height: 15px;
	content: "";
	background: none;
	margin: auto;
	transition: all 0.5s;
	z-index: -1;
}

.innerAbout-development-list .bd li .content {
	width: 80%;
	margin: 0 auto;
	background: none;
	padding: 0;
	border: none;
}

.innerAbout-development-list .bd li .content-title {
	font-size: 30px;
	font-family: pfx;
	text-align: center;
	overflow: hidden;
	transition: all 0.5s;
	font-weight: bold;
	height: 54px;
	margin-top: 20px;
	color: #004C92;
}

.innerAbout-development-list .bd li .content-list {
	font-size: 16px;
	transition: all 0.5s;
	height: 0;
	overflow: hidden;
}

.innerAbout-development-list .bd li:hover .circle::before {
	top: -15px;
	background: #004c92;
}

.innerAbout-development-list .bd li:hover .circle {
	border-color: #004c92;
}

.innerAbout-development-list .bd li:hover .year span {
	height: 100%;
}

.innerAbout-development-list .bd li:hover .content-title {
	height: 0;
}

.innerAbout-development-list .bd li:hover .content-list {
	margin-top: 15px;
	height: auto;
}

.innerOrganization {
	min-height: 870px;
	background: url(organization-img01.png) no-repeat center;
	overflow: hidden;
}

.innerOrganization>h3 {
	color: #333;
	font-weight: normal;
	font-size: 30px;
	text-align: center;
	line-height: 60px;
	margin: 40px 0;
}

.innerOrganization-list {
	width: 1400px;
	margin: 0 auto;
}

.hideBrief {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 999;
}

.hideBrief-btn {
	position: absolute;
	right: 20px;
	top: 20px;
	/* background: #fff; */
	color: #333;
	font-size: 30px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	text-align: center;
	line-height: 50px;
}

.hideBrief-list {
	background: #fff;
	position: absolute;
	right: 14%;
	left: 14%;
	top: 0px;
	bottom: 0px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 50px;
	box-sizing: border-box;
}