/* 公共css*/
body, html {
    min-width: 320px;
    max-width: 100%;
    overflow-x: hidden;
}
a {
    color: inherit;
    -webkit-tap-highlight-color: transparent;
}
input,a,div{
    border: none;
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
input{
    /*去除阴影*/
    box-shadow:none;
    /*聚焦input的蓝色边框*/
    outline: none;
    /*textarea 禁止拖拽*/
    resize: none;
    /*去除边框*/
    border: none;
    /*常用于IOS下移除原生样式*/
    -webkit-appearance: none;
    /*点击高亮的颜色*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}



/*xlt-k*/
::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track
{
    background-color: #e7e7e7;
}

::-webkit-scrollbar-thumb
{
    background-color: #2471a3;
}
/*xlt-g*/



.wh1600 {
    max-width: 1600px;
    margin: 0 auto;
}
.wh1200 {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
@media screen and (max-width: 1900px) {
    .wh1600 {
        margin: 0 5% !important;
    }
}



/*  首页头部 */
/* 1920头部 */
.head {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
}

.head .head_contact {
    background-color: #2471a3;
    display: flex;
    justify-content: flex-end;
    padding: 10px 2%;
}
.head .head_contact ul li {
    margin-left: 0.5vw;
    -webkit-filter: grayscale(100%) brightness(400%);
    filter: grayscale(100%) brightness(400%);
    float: left;
}
.head .head_contact li:nth-child(3) {
    display: flex;
    align-items: center;
}
.head .head_contact li:nth-child(3) img {
    margin-right: 0.5vw;
}
.head .head_contact li:nth-child(3) span {
    color: #ffffff;
    font-size: 14px;
}


.head .head_main {
    width: 100%;
    background-color: #ffffff;
    padding: 0 2%;
}
.head .head_main .head_logo {
    float: left;
}
.head .head_main .head_menu {
    float: right;
}
.head .head_menu .CAli {
    float: left;
    position: relative;
    color: #2471a3;
    font-size: 14px;
    line-height: 2em;
    margin-left: 2vw;
    font-weight: bold;
    text-transform: uppercase;
    transition: all .5s;
    line-height: 90px;
}
.head .head_menu .on a {
    color: #f2c619;
}
.head .head_menu ul li:hover {
    color: #f2c619;
    transition: all .5s;
}
.head .head_menu ul li:hover .dropdown-menu {
    display: block;
}

/* 下拉菜单 */
.dropdown-menu {
    position: absolute;
    display: none; 
    z-index: 999;
    border-radius: 2px;
    right: 0;
    top: 100%;
    border-top: 3px #2471a3 solid;
}
.dropdown-menu .tit:nth-child(1){
    border-top: 0px solid #ccc;
}
.dropdown-menu .dmli{
    background: #ffffff;
    text-align: center;
    display: block;
    transition: ease-in 0.3s;
    padding: 15px 30px;
    line-height: 25px;
    color: #2471a3;
    font-size: 14px;
    white-space: nowrap;
    position: relative;
    width: 100%;
}
.dropdown-menu .dmli .dma{
    font-size: 14px;
    color: #2471a3;
    display: inline-block;
}
.dropdown-menu .dmli .arrow{
    position: absolute;
    right: 15px;
    top: 15px;
}
.dropdown-menu .dmli:hover{
    background: #f2c619;
    color: #FFFFFF!important;
}



/* BANNER */
.pub_banner{
    display: block;
}
.mi_pub_banner{
    display: none;
}



/* 手机头部 */
.mi_head{
    width: 100%;
    display: none;
    background-color: #2471a3;
    transition: all 0.5s;
    top: 0;
    position: fixed;
    z-index: 100;
    box-shadow: none;
    height: 20vw;
}

.mi_head .logo{
    width: 44.7%;
    padding: 0vw 3vw;
    float: left;
}
.mi_head .mi_Cal{
    float: right;
    width: 15%;
    padding-top: 6.5vw;
}
.mi_head .mi_Cal .mmx1{
    width: 10vw;
    height: 2px;
    background-color: #ffffff;
    display: block;
    margin-top: 1vw;
}
.mi_head .mi_Cal .mmx2{
    width: 10vw;
    height: 2px;
    background-color: #f2c619;
    display: block;
    margin: 2vw 0;
}

.menuls{
    display: none;
    position: fixed;
    right: -110%;
    width: 100%;
    top: 0;
    z-index: 100;
    height: 100%;
    background-color: #fff;
    transition: all 0.2s ease 0s;
    overflow-y: scroll;
    overflow-x: hidden !important;
}
.menuls .menu_one {
    line-height: 20vw;
    background-color: #2471a3;
    height: 20vw;
}

.menuls .menu_one .span1 {
    display: inline-block;
    font-size: 4vw;
    color: #ffffff;
    margin-left: 10%;
    letter-spacing: 3px;
}
.menuls .menu_one .close {
    display: inline-block;
    height: 19vw;
    /* background: url(../image/close.png) no-repeat center; */
    margin-right: 7.8%;
    /* margin-top: 6vw; */
    cursor: pointer;
    color: #fff;
    font-size: 7vw;
}

.menuls .menu_two ul {
    width: 100%;
}
.menuls .menu_two ul li {
    line-height: 15vw;
    width: 100%;
    border-top: 1px solid #f2f2f2;
}
.menuls .menu_two ul li>a{
    font-size: 4vw;
    display: block;
    width: 84%;
    padding: 0 7.8% 0 10.2%;
    color: #777777;
    transition: color 0.3s ease 0s;
}
.show {
    right: 0;
    transition: all 0.44s ease 0s;
}



/* 底部 */
.sfoot {
    background-color: #202328;
}
.sfoot .sfoot_box {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start ;
    padding: 4% 1%;
}
.sfoot .sfoot_box .sfoot_body {
    width: 20%;
    color: #ffffff;
}
.sfoot .sfoot_body .sfoot_title {
    font-size: 1.2vw;
    margin-bottom: 10%;
}
.sfoot .sfoot_body .sfoot_title span {
    font-size: 1vw;
    padding-left: 5%;
    letter-spacing: 1px;
}
.sfoot_body .foot_list li {
    font-size: 0.8vw;
    margin-bottom: 3%;
    float: left;
    width: 35%;
    margin-right: 5%;
    line-height: 1.5em;
}
.sfoot_body .foot_list .fw100 {
    width: 100%;
}
.sfoot_body img {
    width: 45%;
}

.copyright {
    font-size: 0.8vw;
    padding: 2%;
    color: #ffffff;
    text-align: center;
    background-color: #00479d;
    line-height: 2em;
}



.bottom-fix{
    display: none;
    width: 100%;
    position: fixed;
    bottom: 0%;
    z-index: 6;
}
.bottom-fix>a>img {
    width: 33.3333%;
    float: left;
    display: block;
    height: 13.5vw;
}


/* 右侧浮动联系方式 */
.floating{
    position: fixed;
    right: 2%;
    bottom: 10%;
    width: 50px;
    z-index: 999;
}
.floating li {
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    padding-bottom: 10px;
    position: relative;
    margin-top: 10px;
}

.floating li a {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #2471a3;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50px;
    transition: .15s linear;
    -moz-transition: .15s linear;
    -webkit-transition: .15s linear;
    position: relative;
    z-index: 2;
    background-size: 80%!important;
}

.floating li .floating_tel{
    background-image: url(../image/floating1.png);
}
.floating li .floating_qq{
    background-image: url(../image/floating2.png);
}
.floating li .floating_wx{
    background-image: url(../image/floating3.png);
}
.floating li .floating_top{
    background-image: url(../image/floating4.png);
}

.floating li span {
    background: #2471a3;
    color: #fff;
    font-size: 15px;
    text-align: left;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    z-index: -1;
    overflow: hidden;
    border-radius: 50px;
    top: 0;
    transition: .1s linear;
    -moz-transition: .1s linear;
    -webkit-transition: .1s linear;
}

.floating li:hover span {
    width:200px; 
    padding-left:30px; 
    z-index:1;
}
.floating li:nth-of-type(3):hover span{
    width: 150px;
    z-index:1;
    right: 50px;
    height: auto;
    padding: 20px 30px;
}
.floating li:nth-of-type(3) span img{
    width: 80%;
}


/* 内页关于我们 */
.abmk1{
    display: flex;
}

.abmk1 .abnyl{
    width: 50%;
}
.abmk1 .abnyr{
    width: 50%;
    padding: 0 8% 0 3%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.abmk1 .abnyr .dnr1{
    font-size: 36px;
    color: #2471a3;
    line-height: 2;
}
.abmk1 .abnyr .dnr2{
    font-size: 14px;
    color: #cccccc;
    margin: 5% 0 8%;
    letter-spacing: 5px;
}
.abmk1 .abnyr .dnr3{
    font-size: 16px;
    line-height: 2;
    color: #555555;
}

.abmk2{
    display: flex;
}
.abmk2 .abnyl{
    width: 50%;
    padding: 0 3% 0 8%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.abmk2 .abnyl .dnr1{
    font-size: 16px;
    line-height: 2;
    color: #555555;
}
.abmk2 .abnyr{
    width: 50%;
}
.abmk2 .abnyr2{
    display: none;
}

.abmk3 {
    display: flex;
}
.abmk3 .abnyl {
    width: 50%;
    
}
.abmk3 .abnyl .dnr2{
    font-size: 16px;
    line-height: 2;
    color: #555555;
    padding: 10% 5% 0 0;
}
.abmk3 .abnyr {
    width: 50%;
    padding: 0 8% 0 3%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.abmk3 .abnyr .dnr1 {
    font-size: 36px;
    color: #2471a3;
}
.abmk3 .abnyr .dnr2 {
    width: 360px;
    padding: 3% 0;
    background-color: #2471a3;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    border-radius: 15px;
    margin: 5% 0 5% 0;
}
.abmk3 .abnyr .dnr3 {
    font-size: 16px;
    line-height: 2;
    color: #555555;
}

.company_main{
    background-color: #f1f1f1;
    position: relative;
    text-align: center;
    padding: 5% 0;
}
.company_main .company_en{
    font-size: 54px;
    color: #d7d7d7;
    letter-spacing: 2px;
}
.company_main .company_cn{
    font-size: 48px;
    color: #555555;
    margin: 3% 0;
    letter-spacing: 2px;
}
.company_main .company_ls{

}
.company_main .company_ls ul li{
    float: left;
    width: 23%;
    margin-right: 2.65%;
    overflow: hidden;
}
.company_main .company_ls ul li:nth-child(4n){
    margin-right: 0;
}
.company_main .company_ls ul li:hover img{
    transform: scale(1.1);
}


/* 企业文化内页 */
.culture_all {
    padding: 5% 0;
    width: 97.5%;
    margin-left: 1.25%;
}
.culture_all ul .left {
    width: 40%;
    float: left;
    margin-bottom: 2%;
    overflow: hidden;
}
.culture_all ul li:nth-child(2){
    width: 57%;
    float: right;
    margin-bottom: 2%;
    overflow: hidden;
}
.culture_all ul .right_first {
    overflow: hidden;
}
.culture_all ul .right_second {
    margin-top: 2%;
    overflow: hidden;
}
.culture_all ul .left:hover img{
    transform: scale(1.1);
}
.culture_all ul li .right_first:hover img{
    transform: scale(1.1);
}
.culture_all ul li .right_second:hover img{
    transform: scale(1.1);
}


/* 内页菜单 */
.position {
    float: right;
    padding: 2.7% 0;
    font-size: 14px;
    color: #333333;
    text-align: right;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.category {
    background-color: #EEEEEE;
}
.category_list{
    position: relative;
    width: 60%;
    float: left;
}
.category_list ul li{
    display: inline-block;
    width: 17%;
    float: left;
    font-size: 18px;
    color: #333333;
    position: relative;
    text-align: center;
    transition: all .3s;
}
.category_list ul li:hover {
    color: #2471a3;
    transition: all .3s;
}
.category_list ul li a{
    display: block;
    padding: 26% 0;
}
.category_list ul .on {
    color: #ffffff;
    background-color: #2471a3;
}
.category_list ul .on2{
    color: #ffffff;
}
.mbxw{
    display: none;
}

.content_main{
    background-color: #ffffff;
}
.content_all{
    width: 100%;
    position: relative;
    padding: 5% 0;
}


/* 内页人才招聘 */
.jobmain {
	margin: 55px auto 0;
	position: relative;
	overflow: hidden;
	background: #fff;
	border-top: 1px solid #e5e5e5;
}

@media (max-width: 1550px) {
	.jobmain {
		margin: 40px auto 0;
	}
}

@media (max-width: 767px) {
	.jobmain {
		margin: 20px auto 0;
	}
}

.jobmain dl {
	width: 100%;
	position: relative;
}

.jobmain dl dd {
	position: relative;
	height: 80px;
	cursor: pointer;
	padding: 0 100px 0 35px;
	border-bottom: 1px solid #e5e5e5;
}

@media (max-width: 1550px) {
	.jobmain dl dd {
		height: 68px;
	}
}

@media (max-width: 1200px) {
	.jobmain dl dd {
		padding: 0 100px 0 25px;
	}
}

@media (max-width: 992px) {
	.jobmain dl dd {
		height: 60px;
		padding: 0 100px 0 20px;
	}
}

@media (max-width: 767px) {
	.jobmain dl dd {
		height: 50px;
		padding: 0 55px 0 15px;
	}
}

.jobmain dl dd span {
	display: block;
	color: #221919;
	height: 80px;
	position: relative;
	overflow: hidden;
	font-size: 20px;
	line-height: 80px;
	padding: 0 0 0 20px;
}

@media (max-width: 1550px) {
	.jobmain dl dd span {
		height: 68px;
		line-height: 68px;
	}
}

@media (max-width: 1200px) {
	.jobmain dl dd span {
		font-size: 18px;
	}
}

@media (max-width: 992px) {
	.jobmain dl dd span {
		font-size: 16px;
		height: 60px;
		line-height: 60px;
	}
}

@media (max-width: 767px) {
	.jobmain dl dd span {
		font-size: 14px;
		height: 50px;
		padding: 0 0 0 15px;
		line-height: 50px;
	}
}

.jobmain dl dd span:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8.5px;
	width: 5px;
	height: 17px;
	background: #1f60df;
}

@media (max-width: 767px) {
	.jobmain dl dd span:before {
		width: 3px;
		height: 14px;
		margin-top: -7px;
	}
}

.jobmain dl dd small {
	position: absolute;
	right: 35px;
	top: 0;
	max-width: 50px;
	height: 80px;
	overflow: hidden;
	display: block;
	color: #666666;
	font-size: 14px;
	line-height: 80px;
}

@media (max-width: 1550px) {
	.jobmain dl dd small {
		height: 68px;
		line-height: 68px;
	}
}

@media (max-width: 1200px) {
	.jobmain dl dd small {
		font-size: 18px;
		right: 25px;
	}
}

@media (max-width: 992px) {
	.jobmain dl dd small {
		font-size: 16px;
		height: 60px;
		line-height: 60px;
		right: 20px;
	}
}

@media (max-width: 767px) {
	.jobmain dl dd small {
		right: 15px;
		font-size: 14px;
		height: 50px;
		line-height: 50px;
	}
}

.jobmain dl dd small big {
	color: #154987;
	font-size: 22px;
}

@media (max-width: 1200px) {
	.jobmain dl dd small big {
		font-size: 20px;
	}
}

@media (max-width: 992px) {
	.jobmain dl dd small big {
		font-size: 18px;
	}
}

.jobmain dl dt {
	padding: 35px 35px 55px;
	display: none;
	border-bottom: 1px solid #eeeeee;
	position: relative;
}

@media (max-width: 1200px) {
	.jobmain dl dt {
		padding: 25px 25px 40px;
	}
}

@media (max-width: 992px) {
	.jobmain dl dt {
		padding: 20px 20px 30px;
	}
}

@media (max-width: 767px) {
	.jobmain dl dt {
		padding: 15px 15px 25px;
	}
}

.jobmain dl dt .txt {
	position: relative;
	background: #fafafa;
	padding: 20px 40px;
}

@media (max-width: 992px) {
	.jobmain dl dt .txt {
		padding: 20px 30px;
	}
}

@media (max-width: 767px) {
	.jobmain dl dt .txt {
		padding: 15px 15px 5px;
	}
}

.jobmain dl dt .txt .text1 {
	position: relative;
	padding: 0 0 30px;
	border-bottom: 1px solid #e8e8e8;
}

@media (max-width: 767px) {
	.jobmain dl dt .txt .text1 {
		padding: 0 0 15px;
	}
}

.jobmain dl dt .txt .text1 li {
	float: left;
	position: relative;
	width: 25%;
	color: #333;
	font-size: 14px;
	height: 24px;
	overflow: hidden;
	line-height: 24px;
	margin: 5px 0;
	padding: 0 10px 0 0;
}

@media (max-width: 992px) {
	.jobmain dl dt .txt .text1 li {
		width: 50%;
	}
}

@media (max-width: 767px) {
	.jobmain dl dt .txt .text1 li {
		width: 100%;
		font-size: 14px;
		height: 24px;
		line-height: 24px;
		margin: 3px 0;
	}
}

.jobmain dl dt .txt .text2 {
	padding: 25px 0 25px 0;
	position: relative;
}

@media (max-width: 992px) {
	.jobmain dl dt .txt .text2 {
		padding: 20px 0 10px 0;
	}
}

@media (max-width: 767px) {
	.jobmain dl dt .txt .text2 {
		padding: 20px 0 0 0;
	}
}

.jobmain dl dt .txt .text2 li {
	float: left;
	padding: 0 10px 0 0;
	position: relative;
	width: 50%;
}

@media (max-width: 767px) {
	.jobmain dl dt .txt .text2 li {
		width: 100%;
		padding: 0 0 20px;
		float: inherit;
	}
}

.jobmain dl dt .txt .text2 li big {
	display: block;
	color: #333;
	margin: 0 0 10px;
	overflow: hidden;
	font-size: 16px;
	height: 26px;
	line-height: 26px;
}

@media (max-width: 992px) {
	.jobmain dl dt .txt .text2 li big {
		font-size: 14px;
		height: 24px;
		line-height: 24px;
	}
}

.jobmain dl dt .txt .text2 li p {
	display: block;
	color: #666;
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
}

@media (max-width: 992px) {
	.jobmain dl dt .txt .text2 li p {
		font-size: 12px;
		line-height: 22px;
	}
}

.jobmain dl dt .btna {
	width: 120px;
	height: 46px;
	margin: 50px 0 0 0;
	font-size: 14px;
	position: relative;
	background: #f29538;
	text-align: center;
	line-height: 46px;
}

@media (max-width: 992px) {
	.jobmain dl dt .btna {
		margin: 30px 0 0 0;
		height: 40px;
		width: 100px;
		line-height: 40px;
	}
}

@media (max-width: 767px) {
	.jobmain dl dt .btna {
		margin: 20px 0 0 0;
		height: 36px;
		width: 100px;
		line-height: 36px;
	}
}

.jobmain dl dt .btna:hover {
	background: #014099;
}

.jobmain dl dt .btna a {
	display: block;
	color: #fff;
}

.jobmain .active {
	border: 1px solid #eeeeee;
	border-bottom: none;
	border-top: none;
}

.jobmain .active dd span:before {
	background: #014099;
}
.sub .sublist .active a {
	background: #144795;
	color: #fff;
}




/*solution 内页*/
.public_CAintro{
    background-color: #ffffff;
    padding: 5% 0%;
}
.public_CAintro .pca_left{
    width: 30%;
    float: left;
    padding-top: 8%;
}
.public_CAintro .pca_left .pac_titcn{
    font-size: 36px;
    color: #333333;
    margin-bottom: 5%;
}
.public_CAintro .pca_left .pac_titen{
    font-size: 18px;
    color: #aaaaaa;
    margin-bottom: 15%;
}
.public_CAintro .pca_left .pac_titnr{
    font-size: 16px;
    color: #333333;
    line-height: 2;
}

.public_CAintro .pca_right{
    width: 60.625%;
    float: right;
}


.inpage_solution {
    width: 48%;
    float: left;
    margin-right: 4%;
    margin-bottom: 4%;
    background-color: #eeeeee;
    position: relative;
}
.inpage_solution:nth-child(2n){
    margin-right: 0px;
}
.inpage_solution .inpagesolu_img {
    width: 100%;
    overflow: hidden;
}
.inpage_solution .inpagesolu_cot {
    width: 100%;  
    padding: 5%; 
    right: 0; 
}

.inpage_solution .inpagesolu_cot .inpagesolu_tit {
    font-size: 1vw;
    color: #333333;
    overflow: hidden;
    line-height: 2em;
}
.inpage_solution .inpagesolu_cot .inpagesolu_intro {
    font-size: 14px;
    color: #333333;
    overflow: hidden;
    margin: 5% 0;
    line-height: 2em;
}
.inpage_solution .procot .protime {

}
.inpage_solution .inpagesolu_cot .inpagesolu_time .fltime {
    font-size: 14px;
    color: #333333;
    float: left;
}
.inpage_solution .inpagesolu_cot .inpagesolu_time .frck {
    font-size: 14px;
    color: #333333;
    float: right;
}
.inpage_solution:hover .proimg img {
    transform: scale(1.1);
}
















/* 内页case */
.rangeik2 {
    position: relative;
    width: 32%;
    height: 50%;
    background-color: #ffffff;
    float: left;
    margin-right: 2%;
    margin-bottom: 50px;
    box-shadow: none;
    transition: all 0.3s;
}
.rangeik2:nth-child(3n) {
    margin-right: 0;
}
.rangeik2 .dnr1 {
    font-size: 16px;
    color: #ffffff;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    width: 100%;
    background-color: #202328;
    height: 50px;
    line-height: 50px;
    padding: 0 4%;
    transition: all .5s;
}
.rangeik2 .dnr2 {
    font-size: 14px;
    color: #999999;
    margin: 5.5% 0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.rangeik2 .dnrimg{
    width: 100%;
    overflow: hidden;
}
.rangeik2:hover{
    z-index: 2;
    box-shadow: 1px 2px 6px #cccccc;
}
.rangeik2:hover .dnrimg img{
    transform: scale(1.1);
    transition: all .5s;
}
.rangeik2:hover .dnr1 {
    background-color: #2471a3;
    transition: all .5s;
}


/*case_ny_k*/
.csmk1{
    position: relative;
    padding-bottom: 3%;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 3%;
}
.csmk1 .nr1all{
    margin-bottom: 2%;
}
.csmk1 .nr1all .dnr1{
    font-size: 36px;
    color: #333333;
    width: 100%;
    line-height: 1.5;
    text-align: center;
}
.csmk1 .nr1all .dnr2{
    padding: 1.6% 0;
    float: right;
    background: url(../image/csnylx.png)no-repeat;
    width: 10.6%;
    background-size: 100%;
}

.csmk1 .dnr3{
    font-size: 18px;
    color: #555555;
    line-height: 2;
}

.csmk2{
    padding-bottom: 3%;
}
.csmk3{
    position: relative;
}
.csnyl{
    width: 100%;
}
.csnyl .csnynr{
    background-color: #ffffff;
    padding: 3%;
}
.csnyl .csnynr .csywtit{
    font-size: 34px;
    color: #333333;
    font-weight: bold;
    letter-spacing: 2px;

}
.csnyl .csnynr .csnynrall{
    line-height: 2;
    padding: 3% 0;
}
.csnyl .csnynr .csnynrall img{
    max-width: 100%;
}
.csnyr{
    width: 32%;
    float: right;
}
.csnyr .csnyin{
    border-top: 5px solid #2471a3;
    background-color: #ffffff;
    padding: 8% 5% 8% 5%;
    text-align: center;
    margin-bottom: 8%;
}
.csnyr .csnyin .csnyinall{
    text-align: left;
    line-height: 2;
}
.csnyr .csnyin .cszx{
    margin-top: 5%;
    width: 60%;
    background-color: #2471a3;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    padding: 3% 0;
    display: inline-block;
    letter-spacing: 5px;
}
.csnyr .csnyrk{
    border-top: 5px solid #2471a3;
    background-color: #ffffff;
    padding: 8% 5% 8% 5%;
    text-align: center;
}
.csnyr .csnyrk .dnr1{
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    padding-bottom: 10%;
    letter-spacing: 2px;
}
.csnyr .csnyrk ul li{
    width: 32%;
    padding-top: 25%;
    float: left;
    font-size: 14px;
    margin-right: 2%;
    line-height: 2;
}
.csnyr .csnyrk ul li:nth-child(3n){
    margin-right: 0;
}
.csnyr .csnyrk ul li:nth-of-type(1){
    background: url(../image/csnyrk1.png)no-repeat top center;
    background-size: 75%;
}
.csnyr .csnyrk ul li:nth-of-type(2){
    background: url(../image/csnyrk2.png)no-repeat top center;
    background-size: 75%;
}
.csnyr .csnyrk ul li:nth-of-type(3){
    background: url(../image/csnyrk3.png)no-repeat top center;
    background-size: 75%;
}

/* 内页联系我们 */
.within_title{
    text-align: center;
    padding: 80px 0 50px;
}
.within_title .nr_cn{
    font-size: 36px;
    color: #000000;
    margin-bottom: 2%;
    letter-spacing: 3px;
}
.within_title .nr_sm{
    font-size: 16px;
    color: #555555;
    line-height: 2;
}
.lxwmall{
    position: relative;
}

.lxwmnr1{
    font-size: 24px;
    color: #333333;
    line-height: 2;
    margin-bottom: 2%;
}
.lxwmnr1 span{
    color: #2d3685;
}
.lxwmnr2 li{
    font-size: 18px;
    color: #333333;
    line-height: 3;
    padding-left: 3%;
}

.lxwmewm{
    position: absolute;
    right: 0;
    top: 25%;
    text-align: center;
    color: #333333;
}


.lxwmmap{
    margin-top: 3%;
}



.lxwmnr2 li:nth-of-type(1){
    background: url(../image/lxwm1.png) no-repeat 0px 50%;
}

.lxwmnr2 li:nth-of-type(2){
    background: url(../image/lxwm2.png) no-repeat 0px 50%;
}
.lxwmnr2 li:nth-of-type(3){
    background: url(../image/lxwm3.png) no-repeat 0px 50%;
}
.lxwmnr2 li:nth-of-type(4){
    background: url(../image/lxwm5.png) no-repeat 0px 50%;
}
.lxwmnr2 li:nth-of-type(5){
    background: url(../image/lxwm6.png) no-repeat 0px 50%;
}


.with_list{
    position: relative;
    background-color: #ffffff;
    padding: 3% 0;
}
.wltit{
    padding-bottom: 2%;
}
.wltit .dnr1{
    border-left: 5px solid #2471a3;
    padding: 3px 3%;
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    float: left;
}
.wltit .dnr2{
    float: right;
    font-size: 18px;
    color: #2471a3;
    margin-top: 0.5%;
}

/*case_ny_g*/





/*info_ls_k*/

.newsik_ts2{
    width: 47%;
    float: left;
    margin-right: 6%;
    margin-bottom: 3%;
}
.newsik_ts2:nth-child(2n){
    margin-right: 0;
}
.newsik_ts2 .time{
    font-weight: bold;
    color: #2471a3;
}
.newsik_ts2 .time .time_ri{
    float: left;
    font-size: 36px;
}
.newsik_ts2 .time .time_ny{
    margin: 4% 0 0 3%;
    float: left;
    font-size: 18px;
}
.newsik_ts2 .tits{
    font-size: 16px;
    color: #333333;
    margin: 5% 0;
}
.newsik_ts2 .imgs{
    width: 100%;
    overflow: hidden;
}
.newsik_ts2 .cots{
    margin: 5% 0;
    font-size: 14px;
    color: #333333;
    line-height: 2;
    position: relative;

    overflow:hidden;

}
.newsik_ts2:hover .imgs img{
    transform: scale(1.1);
}

.newsik_ts2 .cots:before{
    content: 'MORE+';
    position: absolute;
    right: 3%;
    bottom: -4%;
    color: #2471a3;
}



.newsny{
    padding: 4% 2%;
    border-bottom: 1px dashed #a3a3a3;
    transition: all 0.3s;
}
.newsny .xw1{
    width: 5%;
    float: left;
    color: #a0a0a0;
    font-size: 22px;
    margin-top: -2px;
    transition: all 0.3s;
}
.newsny .xw2{
    width: 70%;
    float: left;
    font-size: 18px;
    color: #555555;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.newsny .xw3{
    text-align: right;
    width: 20%;
    float: right;
    font-size: 18px;
    color: #555555;
    transition: all 0.3s;
}
.newsny .xw4{
    margin-top: 2%;
    padding: 0 0% 0 5%;
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 2;
    color: #555555;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.newsny:hover .xw1,.newsny:hover .xw2,.newsny:hover .xw3{
    color: #2471a3;
}


/*info_ls_g*/

.xwrm_list{
    padding: 5% 0 0;
}

.newsik_ts3{
    width: 22%;
    float: left;
    margin-right: 4%;
}
.newsik_ts3:nth-child(4n){
    margin-right: 0;
}
.newsik_ts3 .time{
    font-weight: bold;
    color: #2471a3;
}
.newsik_ts3 .time .time_ri{
    float: left;
    font-size: 36px;
}
.newsik_ts3 .time .time_ny{
    margin: 4% 0 0 3%;
    float: left;
    font-size: 18px;
}
.newsik_ts3 .tits{
    font-size: 16px;
    color: #333333;
    margin: 5% 0;
}
.newsik_ts3 .imgs{
    width: 100%;
    overflow: hidden;
}
.newsik_ts3 .cots{
    padding: 5% 0;
    font-size: 14px;
    color: #333333;
    line-height: 2;
    position: relative;

    overflow:hidden;

}
.newsik_ts3:hover .imgs img{
    transform: scale(1.1);
}

.newsik_ts3 .cots:before{
    content: 'MORE+';
    position: absolute;
    right: 3%;
    bottom: 15%;
    color: #2471a3;
}


/* 产品内页 */
.inpro_second ul {
    background: url(../image/sproright_list.jpg) left no-repeat;
    margin-bottom: 5%;
}
.inpro_second ul li {
    display: inline-block;
    font-size: 15px;
    color: #777777;
    max-width: 20%;
    height: 1em;
    overflow: hidden;
    margin-left: 4%;
    transition: all .3s;
    text-align: center;
}
.inpro_second ul li:hover {
    color: #2471a3;
    transform: translateX(5%);
    transition: all .3s;
}

.nyall_left{
    width: 100%;
}

.nyal_list{
    background-color: #ffffff;
}
.nyal_list .nyalimg{
    width: 30%;
    float: left;
}
.nyal_list .nyalcot{
    width: 60%;
    float: right;
}
.nyall_right .inpro_left {
    float: left;
    width: 70%;
}
.nyall_right .inpro_right {
    float: right;
    width: 20%;
    margin-top: 7%;
} 
.nyal_list .nyalcot .tit{
    font-size: 30px;
    color: #000000;
    margin: 2% 0 2% 0;
    line-height: 1.5;
}

.nyal_list .nyalcot .intro {
    line-height: 2em;
}
.nyal_list .nyalcot .purchase{
    margin-top: 20px;
}
.nyal_list .nyalcot .purchase .buy{
    width: 25%;
    padding: 2% 0%;
    background-color: #2471a3;
    color: #ffffff;
    text-align: center;
    border-radius: 10px;
    float: left;
    margin-right: 5%;
}
.nyal_list .nyalcot .purchase .hotline{
    font-size: 24px;
    color: #333333;
    float: left;
    margin-top: 1%;
}
.nyal_detail{
    background-color: #ffffff;
    margin: 5% 0;
}
.nyal_detail .detail_tit{
    font-size: 24px;
    color: #2471a3;
    font-weight: bold;
    letter-spacing: 3px;
    padding-bottom: 3%;
    margin-bottom: 3%;
    border-bottom: 2px solid #a0a0a0;
    position: relative;
}
.nyal_detail .detail_tit .line{
    position: absolute;
    width: 10%;
    height: 2px;
    background-color: #2471a3;
    left: 0;
    bottom: -2px;
}
.nyal_detail .allnr{
    width: 100%;
    overflow: hidden;
}
.nyal_detail .allnr img{
    max-width: 100%!important;
}

.nyall_right .nyar_tit {
    background-color: #2471a3;
    padding: 3.9% 5%;
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    letter-spacing: 2px;
}

.probox{
    width: 18%;
    margin-right: 2.5%;
    margin-bottom: 2.5%;
    float: left;
    background-color: #ffffff;
    padding: 1%;
}
.probox:nth-child(5n){
    margin-right: 0;
}
.probox .img{
    width: 50%;
    margin: 10% 25%;
}
.probox .tit{
    width: 50%;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    margin-bottom: 5%;
    margin-left: 25%;
    text-align: center;
}
.probox .cot{
    font-size: 14px;
    color: #000000;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.probox .ckzx{
    margin: 8% 0;
}
.probox .ckzx .ck{
    font-size: 14px;
    color: #ffffff;
    float: left;
    background-color: #a40000;
    padding: 3% 5%;
    border-radius: 5px;
}
.probox .ckzx .zx{
    font-size: 14px;
    color: #ffffff;
    float: right;
    background-color: #2471a3;
    padding: 3% 5%;
    border-radius: 5px;
}



.probox2 {
    width: 100%;
    margin-bottom: 10%;
    float: left;
    background-color: #ffffff;
    transition: all .3s;
}

.probox2 .img {
    width: 100%;
}
.probox2 .tit {
    width: 100%;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    background: #626262;
    padding: 0 5%;
    transition: all .3s;
}
.probox2 .cot {
    font-size: 14px;
    color: #000000;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.probox2 .ckzx{
    margin: 8% 0;
}
.probox2 .ckzx .ck{
    font-size: 14px;
    color: #ffffff;
    float: left;
    background-color: #a40000;
    padding: 3% 5%;
    border-radius: 5px;
}
.probox2 .ckzx .zx{
    font-size: 14px;
    color: #ffffff;
    float: right;
    background-color: #2471a3;
    padding: 3% 5%;
    border-radius: 5px;
}

.nyall_right .inpro_right .probox2:hover .tit {
    background-color: #2471a3;
    transition: all .3s;
}
.inpro_second ul .active {
    color: #2471a3;
    border-bottom: 1px solid #2471a3;
}









.tablesy{
    width: 100%;
    max-width: 100%;
    border: 1px solid #cccccc;
    border-spacing: 0;
}
.tablesy tr{
    background-color: #eeeeee;
}
.tablesy tr:nth-child(2n){
    background-color: #ffffff;
}
.tablesy td{
    padding: 2% 5%;
    font-size: 14px;
    color: #333333;
    line-height: 2;
}
.tablesy .tdl{
    width: 30%;
    border-right: 1px solid #cccccc;
}
.tablesy .tdr{
    width: 70%;
}
.tablesy .tdl2_30{
    width: 30%;
    border-right: 1px solid #cccccc;
    text-align: center;
}
.tablesy .tdl2_20{
    width: 20%;
    border-right: 1px solid #cccccc;
    text-align: center;
}


.resultimg{
    width: 150px;
    height: 150px;
    float: left;
    margin: 10px 20px 10px 0;
    position: relative;
    border: 1px solid #cccccc;
    border-radius: 5px;
    overflow: hidden;
}
.resultimg img{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    width: 100%;
    height: 100px;
    display: block;
}









.infobox{
    width: 100%;
    padding: 2%;
    background-color: #ffffff;
    margin-bottom: 3%;
}
.infobox .img{
    width: 30%;
    float: left;
    overflow: hidden;
}
.infobox .cot{
    width: 70%;
    float: right;
    padding: 2% 5%;
}
.infobox .cot .tit{
    font-size: 24px;
    color: #333333;
    height: 50px;
    line-height: 50px;
}
.infobox .cot .intro{
    font-size: 14px;
    color: #777777;
    height: 50px;
    line-height: 25px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin: 1% 0 5% 0;
}
.infobox .cot .cktime{

}
.infobox .cot .cktime .ck{
    font-size: 14px;
    color: #ffffff;
    background-color: #2471a3;
    border-radius: 20px;
    text-align: center;
    float: left;
    padding: 1.5% 3%;
}
.infobox .cot .cktime .time{
    float: right;
    font-size: 14px;
    color: #999A99;
}
.infobox:hover .img img{
    transform: scale(1.1);
}

.info_more .ifloads{
    margin-top: 3%;
    width: 100%;
    background-color: #ffffff;
    font-size: 16px;
    letter-spacing: 2px;
    color: #333333;
    text-align: center;
    padding: 5% 0;
    cursor: pointer;
}


.contact_title{
    width: 240px;
    margin-left: 400px;
    padding-bottom: 5%;
}
.contact_left{
    float: left;
}
.contact_right{
    float: right;
    width: 150px;
}
.contact_map{
    padding-top: 5%;
}


.prony{
    padding-bottom: 40px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 50px;
}
.prony_left{
    width: 500px;
    height: 420px;
    float: left;
}
.prony_right{
    float: right;
    width: 500px;
}

.prony_right .tit{
    font-size: 30px;
    color: #333333;
    padding-top: 50px;
}
.prony_right .intro{
    width: 100%;
    font-size: 16px;
    color: #333333;
    line-height: 2;
    margin: 30px 0;
}
.prony_right .purchase{

}
.prony_right .purchase .buy{
    width: 150px;
    height: 45px;
    line-height: 45px;
    background-color: #2471a3;
    color: #ffffff;
    text-align: center;
    border-radius: 10px;
    float: left;
}
.prony_right .purchase .hotline{
    float: left;
    font-size: 22px;
    color: #333333;
    margin-top: 10px;
    margin-left: 20px;
}

.product_nr_tit{
    text-align: center;
    padding:  30px 0;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 30px;
}
.product_nr_tit .en_nr{
    font-size: 14px;
    color: #aaaaaa;
    margin-bottom: 1%;
}
.product_nr_tit .cn_nr{
    font-size: 30px;
    color: #333333;
    position: relative;
}
.product_nr_tit .cn_nr span{
    width: 30px;
    height: 1px;
    background-color: #2471a3;
    display: inline-block;
    margin: 10px 20px;
}






.public_list{
    position: relative;
    padding: 5% 0;
    background-color: #ffffff;
}

.public_content{

}
.nyms1{
    position: relative;
    background-color: #ffffff;
}
.nyms1 .nyms1img{
    width: 40%;
}
.nyms1 .nyms1cot{
    position: absolute;
    width: 48%;
    height: 100%;
    right: 6%;
    top: 0;
}
.nyms1 .nyms1cot .tit{
    font-size: 30px;
    color: #555555;
    padding-top: 10%;
    line-height: 1.5;
}
.nyms1 .nyms1cot .cstime{
    font-size: 16px;
    color: #555555;
    margin: 5% 0;
}
.nyms1 .nyms1cot .cstime .llcs{
    float: left;
    margin-right: 10%;
}
.nyms1 .nyms1cot .cstime .time{
    float: left;
}
.nyms1 .nyms1cot .intro{
    font-size: 14px;
    color: #555555;
    padding: 5% 0;
    line-height: 2;
    border-top: 1px dashed #cccccc;
}
.nyms1 .nyms1cot .lxfs{

}
.nyms1 .nyms1cot .lxfs .more{
    font-size: 22px;
    color: #ffffff;
    background-color: #2471a3;
    width: 30%;
    text-align: center;
    padding: 3% 0;
    border-radius: 10px;
    float: left;
    margin-right: 3%;
}
.nyms1 .nyms1cot .lxfs .fwrx{
    float: left;
    font-size: 28px;
    margin-top: 2%;
    margin-bottom: 2%;
}
.nyms1 .nyms1cot .lxfs .fwrx span{
    color: #2471a3;
}




.lxwmmap{
    margin-top: 3%;
}




.sl_nyall{
    margin-bottom: 3%;
}
.sl_nyall .sl_tit{
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    background-color: #2471a3;
    padding: 1.2%;
    letter-spacing: 2px;
}
.sl_nyall .sl_cot{
    width: 100%;
    overflow: hidden;
    padding: 2%;
    background-color: #ffffff;
}


.recommend_news{

}
.rn_nyall{
}
.rn_nyall .rn_tit{
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    background-color: #2471a3;
    padding: 1.2%;
    letter-spacing: 2px;
}
.rn_nyall  .rn_list{
    padding-top: 2%;
}
.rnbox{
    width: 23.5%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
}
.rnbox:nth-child(4n){
    margin-right: 0px;
}
.rnbox .img{
    width: 100%;
    overflow: hidden;
}
.rnbox .tit{
    font-size: 16px;
    color: #1b1b1b;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin: 5% 0;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.rnbox .more{
    font-size: 14px;
    color: #2471a3;
}
.rnbox:hover .img img{
    transform: scale(1.1);
}
.honor_left{
    width: 75%;
    float: left;
    padding-bottom: 5%;
}
.honortop{
    margin-bottom: 3%;
}
.honor_list{
    position: relative;
}
.nyhonor{
    width: 23%;
    margin-right: 2.65%;
    margin-bottom: 2.65%;
    float: left;
}
.nyhonor:nth-child(4n){
    margin-right: 0px;
}
.nyhonor .img{
    width: 100%;
    height: 13.85vw;
}
.nyhonor .tit{
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #333333;
}
.nyhonor:hover .img img{
    -webkit-transform:translateY(-10px);
    -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
}






.rmnews_right{
    width: 21.5%;
    float: right;
    padding-bottom: 5%;
}
.rmnews_right .rnr_tit{
    background-color: #2471a3;
    padding: 3.9% 5%;
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    letter-spacing: 2px;
}
.rmnews_right .rnr_list{
    width: 100%;
    padding: 5%;
    background-color: #ffffff;
}
.rmnews_right .ckgd{
    margin-top: 3%;
    width: 100%;
    background-color: #ffffff;
    font-size: 12px;
    color: #333333;
    text-align: center;
    padding: 5% 0;
}
.rnrbox{
    margin-bottom: 10%;
}
.rnrbox .img{
    width: 100%;
    overflow: hidden;
}
.rnrbox .tit{
    font-size: 14px;
    color: #333333;
    height: 40px;
    line-height: 40px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.rnrbox .cot{
    font-size: 12px;
    color: #555555;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    height: 40px;
    line-height: 20px;
}
.rnrbox .cktime{
    margin-top: 5%;
}
.rnrbox .cktime .time{
    font-size: 12px;
    color: #333333;
    float: left;
}
.rnrbox .cktime .ck{
    font-size: 12px;
    color: #2471a3;
    float: right;
}
.rnrbox:hover .img img{
    transform: scale(1.1);
}


.rnrbox2{
    margin-bottom: 8%;
    background-color: #ffffff;
}
.rnrbox2 .img{
    width: 100%;
    overflow: hidden;
}
.rnrbox2 .nrall{
    padding: 5%;
}
.rnrbox2 .tit{
    font-size: 14px;
    color: #333333;
    height: 40px;
    line-height: 40px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.rnrbox2 .cot{
    font-size: 12px;
    color: #555555;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    height: 40px;
    line-height: 20px;
}
.rnrbox2 .cktime{
    margin-top: 5%;
}
.rnrbox2 .cktime .time{
    font-size: 12px;
    color: #333333;
    float: left;
}
.rnrbox2 .cktime .ck{
    font-size: 12px;
    color: #2471a3;
    float: right;
}
.rnrbox2:hover .img img{
    transform: scale(1.1);
}

.aboutny1{
    display: flex;
    justify-content: center;
    margin-bottom: 5%;
}
.aboutny1 .aboutimg{
    width: 50%;
}
.aboutny1 .aboutcot{
    width: 50%;
    padding-left: 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.aboutny1 .aboutcot .aboutbt{
    font-size: 36px;
    color: #555555;
    margin-bottom: 15%;
}
.aboutny1 .aboutcot .aboutbt .aboutbten{
    margin-left: 5%;
    font-size: 24px;
    color: #cccccc;
}
.aboutny1 .aboutcot .aboutny{
    font-size: 14px;
    color: #555555;
    line-height: 2;
}

.aboutny1 .aboutcot2{
    width: 50%;
    padding-right: 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.aboutny1 .aboutcot2 .aboutny{
    font-size: 14px;
    color: #555555;
    line-height: 2;

}
.aboutny1 .aboutcot2 .aboutny:nth-of-type(1){
    margin-bottom: 10%;
}


.aboutny2 .aboutbt{
    font-size: 36px;
    color: #555555;
    margin-bottom: 3%;
}
.aboutny2 .aboutbt .aboutbten{
    margin-left: 5%;
    font-size: 24px;
    color: #cccccc;
}
.aboutny2 .aboutny{
    margin-top: 3%;
    font-size: 14px;
    color: #555555;
    line-height: 2;
}



.lxny1{
    margin-bottom: 3%;
}
.lxny1 .lxny1l{
    float: left;
    width: 50%;
    letter-spacing: 1px;
}
.lxny1 .lxny1l .dnr1{
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 8%;
    padding-top: 2%;
}
.lxny1 .lxny1l .dnr2{
    font-size: 30px;
    color: #333333;
    padding: 3% 0 3% 15%;
    background: url(../image/lxny1.png) no-repeat left;
    background-size: 10%;
    margin-bottom: 4%;
    font-weight: bold;
}
.lxny1 .lxny1l .dnr2 span{
    color: #2471a3;
}
.lxny1 .lxny1l .dnr3{
    font-size: 18px;
    color: #333333;
    padding: 4% 0 4% 13%;
    margin-bottom: 2%;
}
.lxny1 .lxny1l .dnr3:nth-of-type(3){
    background: url(../image/lxny2.png) no-repeat left;
    background-size: 8%;
}
.lxny1 .lxny1l .dnr3:nth-of-type(4){
    background: url(../image/lxny3.png) no-repeat left;
    background-size: 8%;
}
.lxny1 .lxny1l .dnr3:nth-of-type(5){
    background: url(../image/lxny4.png) no-repeat left;
    background-size: 8%;
}

.lxny1 .lxny1r{
    width: 50%;
    float: right;
}
.map{
    height: 500px;
}

.lxny2{
    letter-spacing: 1px;
}
.lxny2 .dnr1{
    font-size: 28px;
    color: #333333;
    padding: 3% 0 3% 5%;
    background: url(../image/lxny5.png) no-repeat left;
    background-size: 3%;
    margin-bottom: 1%;
    font-weight: bold;
    border-bottom: 1px solid #d2d2d2;
}

.lxny2 ul li{
    font-size: 18px;
    color: #333333;
    float: left;
    width: 25%;
    margin-right: 12.5%;
    margin-top: 3%;
    padding: 1% 0 1% 4%;
}
.lxny2 ul li:nth-child(3n){
    margin-right: 0;
}
.lxny2 ul li:nth-of-type(1){
    background: url(../image/lxny6.png) no-repeat left;
    background-size: 12%;
}
.lxny2 ul li:nth-of-type(2){
    background: url(../image/lxny6.png) no-repeat left;
    background-size: 12%;
}
.lxny2 ul li:nth-of-type(3){
    background: url(../image/lxny6.png) no-repeat left;
    background-size: 12%;
}
.lxny2 ul li:nth-of-type(4){
    background: url(../image/lxny7.png) no-repeat left;
    background-size: 12%;
}
.lxny2 ul li:nth-of-type(5){
    background: url(../image/lxny8.png) no-repeat left;
    background-size: 12%;
}










.content_show{
    padding: 0 0;
}
.content_show .tit{
    font-size: 30px;
    color: #333333;
    text-align: center;
}
.content_show .info{
    margin: 2% 0;
    font-size: 12px;
    color: #535353;
    text-align: center;
}
.content_show .info .returnls{
    float: right;
    font-size: 16px;
}
.content_show .allnr{
    width: 100%;
    overflow: hidden;
    border-top: 1px dashed #a3a3a3;
    border-bottom: 1px dashed #a3a3a3;
    padding: 2% 1%;
    margin-bottom: 2%;
}
.content_show  .Solidline{
    border-top: 1px solid #a3a3a3;
    border-bottom: 1px solid #a3a3a3;
}
.content_show .allnr img{
    max-width: 100%;
}

.product_info{
    padding-bottom: 2%;
}
.product_info .left{
    width: 60%;
    float: left;
}
.product_info .left .productname{
    font-size: 30px;
    color: #333333;
    padding-top: 3%;
}
.product_info .left .intro{
    width: 70%;
    font-size: 16px;
    color: #333333;
    line-height: 2;
    margin: 4% 0;
}
.product_info .left .purchase{

}
.product_info .left .purchase .buy{
    width: 20%;
    background-color: #2471a3;
    color: #ffffff;
    padding: 2% 0;
    text-align: center;
    border-radius: 10px;
    float: left;

}
.product_info .left .purchase .hotline{
    float: left;
    font-size: 24px;
    color: #333333;
    margin-top: 1.5%;
    margin-left: 2%;
}
.product_info .right_img{
    width: 37.5%;
    float: right;
}


.partner_box{
    width: 13%;
    margin-right: 1.5%;
    margin-bottom: 1.5%;
    float: left;
}
.partner_box:nth-child(7n){
    margin-right: 0px;
}
.partner_box .img{
    width: 100%;
    height: 5.417vw;
}
.partner_box .tit{
    text-align: center;
    font-size: 14px;
    color: #333333;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
}
.partner_box:hover .img img{
    -webkit-transform:translateY(-10px);
    -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
}


.advantagebox{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    position: relative;
    float: left;
}
.advantagebox:nth-child(2n){
    margin-right: 0px;
}
.advantagebox .img{
    width: 40%;
    float: left;
    overflow: hidden;
}
.advantagebox .cont{
    padding: 1% 5%;
    position: absolute;
    height: 100%;
    width: 60%;
    left: 40%;
    float: right;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.3s;
}
.advantagebox .tit{
    font-size: 18px;
    color: #1b1b1b;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    height: 20px;
    line-height: 20px;
}
.advantagebox .int{
    font-size: 14px;
    color: #1b1b1b;
    margin: 7% 0;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    height: 50px;
    line-height: 25px;
}
.advantagebox .more{
    font-size: 14px;
    color: #2471a3;
}
.advantagebox:hover .img img{
    transform: scale(1.1);
}
.advantagebox:hover .cont{
    background-color: #2471a3;
}
.advantagebox:hover .tit{
    color: #ffffff;
}
.advantagebox:hover .int{
    color: #ffffff;
}
.advantagebox:hover .more{
    color: #ffffff;
}


.syxwtop{
    margin-bottom: 5%;
    position: relative;
}

.syxwtop .cot{
    position: absolute;
    right: 0;
    top: 0;
    width: 35%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    display: flex;
    background-color: rgba(0,0,0,0.5);
    padding: 0 5%;
}
.syxwtop .cot .nr1{
    font-size: 24px;
    color: #ffffff;
}
.syxwtop .cot .nr2{
    margin: 8% 0;
    font-size: 14px!important;
    color: #ffffff!important;
    line-height: 30px!important;
    width: 100%;
    height: 150px;

    overflow: hidden;
}
.syxwtop .cot .nr2 *{
    line-height: 30px!important;
    font-size: 14px!important;
    color: #ffffff!important;
}
.syxwtop .cot .nr3{
    width: 30%;
    text-align: center;
    padding: 3% 0;
    color: #ffffff;
    background-color: #2471a3;
    border-radius: 5px;
}


.info_left{
    width: 48.5%;
    float: left;
}
.ifl_tit{
    font-size: 30px;
    color: #333333;
    border-left: 10px solid #2471a3;
    padding-left: 20px;
    line-height: 35px;
    margin-bottom: 10%;
}





.info_right{
    width: 47.5%;
    float: right;
}







.upperandlower{
    padding: 1% 0 0;
    position: relative;
}
.pad0{
    padding: 0;
}
.upperandlower .next{
    width: 30%;
    background-color: #626262;
    padding: 0% 2%;
    color: #ffffff;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    transition: all 0.3s;
}
.upperandlower .next .arrow{
    margin: 0 10%;
}
.upperandlower .next *{
    color: #ffffff!important;
}
.upperandlower .tl{
    text-align: left;
}
.upperandlower .tr{
    text-align: right;
}
.upperandlower .next:hover{
    background-color: #2471a3;
}




.load_more{
    text-align: center;
    padding-top: 5%;
}
.load_more .loads{
    display: inline-block;
    width: 16%;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    background-color: #2471a3;
    cursor: pointer;
    transition: all 0.4s ease 0s;
    padding: 1% 0;
    letter-spacing: 5px;
    border-radius: 10px;
}
.load_more .loadend{
    display: none;
    font-size: 16px;
    color: #555555;
    letter-spacing: 2px;
}
.load_more .block{
    display: block;
}

.info_load_more{
    padding-top: 5%;
}
.info_load_more .loads{
    margin-top: 0;
    width: 100%;
    background-color: #ffffff;
    font-size: 14px;
    letter-spacing: 2px;
    color: #333333;
    text-align: center;
    padding: 3% 0;
    cursor: pointer;
}
.info_load_more2{
    padding-top: 3%;
}
.info_load_more2 .loads{
    margin-top: 0;
    width: 100%;
    background-color: #ffffff;
    font-size: 14px;
    letter-spacing: 2px;
    color: #333333;
    text-align: center;
    padding: 3% 0;
    cursor: pointer;
}



.single_content{
    font-size: 14px;
    line-height: 2;
    padding: 2% 0;
}






.VerticalMenu {
    padding: 0px;
    width: 100%;
    cursor: pointer;
    text-align: left;
}
.VerticalMenu > div {
    width: 100%;
    float: left;
}
.VerticalMenu .bianse{
    color: #2471a3!important;
}
.VerticalMenu .sjx{
    position: absolute;
    /* display: block; */
    border-top: 1.5vw solid transparent;
    border-left: 2vw solid #777;
    border-bottom: 1.5vw solid transparent;
    margin: 5.5vw 0.5vw 0;
    right: 9%;
    transform: rotate(0deg);
    transition: transform 0.4s linear;
}
.VerticalMenu .sxjsele{
    color: #2471a3!important;
    transform: rotate(90deg);
    border-left: 2vw solid #2471a3;
}
.VerticalMenu .span2{
    width: 93%;
    margin-left: 10vw;
    height: 15vw;
    overflow: hidden;
    display: inline-block;
    font-size: 4vw;
    color: #777;
}
.VerticalMenu .span2 a {
    max-width: 80%;
    display: inline-block;
}
.VerticalMenu .span2 .arrow{
    display: inline-block;
    text-align: right;
    width: 10%;
    float: right;
}
.VerticalMenu > div > div:first-child {
    font-size: 14px;
    height: 15vw;
    line-height: 15vw;
    border-top: 1px solid #f2f2f2;
}
.VerticalMenu > div > div:first-child:hover {
    color: #2471a3;
}
.VerticalMenu > div > div:first-child > i:last-child {
    line-height: 40px;
    float: right;
    transform: rotate(0deg);
    transition: transform 0.2s linear;
}
.VerticalMenu > div > div:last-child {
    width: 100%;
    display: none;
    padding: 0 0vw 0 2vw;
    font-size: 0.8vw;
    color: #777;
}
.VerticalMenu > div > div:last-child > div{
    font-size: 3.5vw;
    height: 12vw;
    line-height: 12vw;
    overflow: hidden;
    padding-left: 9%;
}
.VerticalMenu > div > div:last-child > div:hover{
    color:  #2471a3;
}
/*.VerticalMenu > div:last-child > div:first-child{*/
/*border-bottom-left-radius: 5px;*/
/*border-bottom-right-radius: 5px;*/
/*}*/
.VerticalMenu > div:last-child::after{
    display: block;
    clear: both;
}
.VerticalMenu .cpbs{
    color:  #2471a3!important;
}



/* 内页联系我们 */
.lxwmall .s_tel {
    font-size: 18px;
    color: #2d3685;
    font-weight: bold;
    line-height: 2em;
}

/*内页 通用头部标题*/
 .inpage_commom {
    color: #333333;
    text-align: center;
    font-size: 18px;
    text-align: center;
    margin-bottom: 5%;
}
.inpage_commom .inpage_title1 {
    font-size: 24px;
    font-weight: bold;
    line-height: 3em;
}
.inpage_commom .inpage_title2 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 3%;
}
.inpage_commom .inpage_word {
    font-size: 16px;
    text-align: left;
    text-indent: 2em;
    line-height: 2em;
}


/* 内页发展历程*/
.history_list{

}
.history_list ul li{
    position: relative;
    padding-bottom: 5%;
}
.history_list ul li .lcyx{
    position: absolute;
    height: 100%;
    width: 1px;
    left: 40px;
    top: 0;
    background-color: #cccccc;
}
.history_list ul li .yuan{
    margin-left: -40px;
    width: 80px;
    height: 80px;
    background: url(../image/lcy2.png)no-repeat center;
    background-size: 50%;
}
.history_list ul li .yuan2{
    background: url(../image/lcy1.png)no-repeat center;
}

.history_list ul li .lcbt{
    float: left;
    font-size: 22px;
    background-color: #2471a3;
    color: #ffffff;
    margin-left: 15%;
    padding: 5px 25px;
    border-radius: 40px;
    margin-top: 1.5%;
    position: relative;
}
.history_list ul li .lcbt2{
    font-size: 26px;
    color: #555555;
    padding: 1.5% 9%;
    text-transform: uppercase;
    letter-spacing: 1px;
}


.history_list ul li .lcbt:before{
    width: 50%;
    height: 1px;
    background-color: #cccccc;
    position: absolute;
    left: -80%;
    top: 49%;
    content: '';
}
.history_list ul li .lcnr{
    margin-top: 1%;
    width: 68%;
    float: right;
    line-height: 3;
    font-size: 18px!important;
}
.history_list ul li .lcnr *{
    font-size: 18px!important;
}
.history_list ul li .lcnr img{
    margin-top: 2%;
    width: 100%;
}
.history_list ul li:last-child .lcyx:before{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #2471a3;
    content: '';
    position: absolute;
    bottom: -30px;
    left: -15px;
}

#inpage_caseve {
    margin-top: 145px;
    margin-bottom: 3%;
} 
#inpage_caseve .et_pb_row {
    width: 100%;
    max-width: 1920px;
}

.category ul .on a {
    color: #ffffff!important;
}

/* 内页新闻 */
.index_news{
    padding: 4% 0;
    position: relative;
    background-color: #ffffff;
}

.news_CA{
    position: absolute;
    top: 55%;
    right: 0;
    width: 50%;
    text-align: right;
}
.news_CA ul li{
    display: inline-block;
    background-color: #eeeeee;
    color: #333333;
    margin-left: 2%;
    font-size: 16px;
    letter-spacing: 1px;
}
.news_CA ul li a{
    display: block;
    padding: 20px 30px;
}
.news_CA ul li:hover{
    background-color: #15499a;
    color: #ffffff;
}
.news_CA ul .on{
    background-color: #15499a;
    color: #ffffff;
}
.inews_all{
    padding-top: 2%;
}
.newsbox{
    width: 23.5%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
}
.newsbox:nth-child(4n){
    margin-right: 0px;
}
.newsbox .time{
    position: relative;
}
.newsbox .time .time_yr{
    float: left;
    font-size: 36px;
    color: #333333;
    font-weight: bold;
    transition: all 0.3s;
}
.newsbox .time .time_n{
    float: left;
    font-size: 18px;
    color: #333333;
    margin-top: 4%;
    margin-left: 4%;
    transition: all 0.3s;
}
.newsbox .news_img{
    margin: 5% 0;
    width: 100%;
    height: 13.05vw;
    overflow: hidden;
}
.newsbox .news_tit{
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
}
.newsbox .news_cot{
    font-size: 14px;
    color: #333333;
    height: 40px;
    line-height: 20px;
    margin: 3% 0;
}
.newsbox .news_plus{
    font-size: 40px;
    color: #333333;
    transition: all 0.3s;
}
.newsbox:hover .news_img img{
    transform: scale(1.1);
}
.newsbox:hover .time .time_yr{
    color: #15499a;
}
.newsbox:hover .time .time_n{
    color: #15499a;
}

.newsbox:hover .news_plus{
    color: #15499a;
}

.content_main .ssolu_cont {
    width: 300px;
    height: 50px;
    margin: 0 auto;
    text-align: center;
    background-color: #15499a;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 7px;
    line-height: 50px;
}