/*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 {
    height: 830px;
    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: 830px;
	overflow: hidden;
}
.slideBox .bd ul{
	height: 830px;
}
.slideBox .bd img {
    /* height: 830px; */
    /* display: block; */
    position: absolute;
    left: -960px;
    top: 0;
    margin-left: 50%;
}


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

.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;}