@charset "utf-8";
/*css reset*/
html,body,p,h2,h3,h4,h5{ padding: 0; margin: 0;} 
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%;margin: 0; height:100%;}
ol,ul,li{list-style: none; padding: 0; margin: 0;}
a{
    text-decoration: none;
    outline: none;
	color:#333;
	cursor:pointer;
}
table{border-collapse: collapse;}
body{
    font-family: "Montserrat", Sans-serif;
}
input {outline:none;}
div p span a{
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	text-transform: none;
	color: #000;
}
img, iframe {
    border: none;
    text-decoration: none;
}
h2{
    font-size: 4em;
    line-height: 1.5;
    text-transform: none;
	margin-bottom: 1em;
}
h4{
	font-size: 1.8em;
    line-height: 2;
}
p{
	font-weight: 400;
    font-size: 1.6em;
    line-height: 1.75;
    text-transform: none;
    margin-bottom: 1em;
    color: #484747;
}


.header{
	width:100%;
	height: 126px;
	overflow:hidden;
}
.header .top{
	width:100%;
	height:36px;
	border-bottom:1px solid #ccc;
	font-family: "Montserrat", Sans-serif;
}
.header .top .wel{
	font-size:13px;
	line-height:36px;
	width:35%;
	float:left;
	color:#353535;
	margin-left:1.5%;
}
.header .top .whours{
	font-size:13px;
	line-height:36px;
	width:240px;
	float:right;
	color:#353535;
}
.header .top .whours img{
	height:20px;
	float:left;
	padding:8px;
	opacity: 0.6;
	filter:alpha(opacity=60);
}
.header .top .language{
	min-width:80px;
	float:right;
	height:100%;
	margin-right: 2%;
}
.header .top .language img{
	height:26px;
	float:right;
	padding:5px;
	opacity: 0.4;
	filter:alpha(opacity=40);
}
.header .top .language a:first-child img{
	opacity: 1;
	filter:alpha(opacity=100);
}
.header .top .language a:hover img{
	opacity: 1;
	filter:alpha(opacity=100);
}


.header .content{
	height:90px;
	width:100%;
	/*position: fixed;*/
	background:#fff;
	box-shadow: 0px 5px 5px 4px rgba(23, 25, 39, 0.1);
	z-index:9999;
}
.header .content .logo{
	width:250px;
	float:left;
}
.header .content .logo img{
	margin: 16px 15px;
    width: 200px;
}

.sp_nav{
	display:none;
}

.header .content .column{
	margin-right:20px;
	height:100%;
	overflow:hidden;
	float:right;
    font-size: 16px;
    letter-spacing: 0px;
}

.header .column ul li{
	float:left;
	overflow:hidden;
	width:150px;
}
.header .column ul li span{
	display:block;
	width:0%;
	height:2px;
	background:#055eb2;
	margin:auto;
	transition:width 0.5s;
    -moz-transition:width 0.5s; /* Firefox 4 */
    -webkit-transition:width 0.5s; /* Safari and Chrome */
    -o-transition:width 0.5s; /* Opera */
	margin-top:-2px;
}
.header .column ul li.hover:hover span{
	width:50%;
}
.header .column ul li.hover a:hover{
	color:#055eb2;
}
.header .column ul li.active span{
	width:50%;
	background:#055eb2;
}
.header .column>ul>li.active>a{
	color:#055eb2;
}
.header .column ul li a{
	display:block;
	text-align:center;
	width:100%;
	line-height:88px;
	color: #2a2929;
	font-size:18px;
	font-weight:600;
	padding-right: 20px;
}
.header .column ul li img{
	width: 1.5rem;
    margin-left: 0.5rem;
}

.header .column ul li ul.sub-menu{
	width:100%;
	position: absolute;
    left: 0;
	height:0;
	display:none;
	background:#fff;
	overflow:hidden;
	padding-bottom:60px;
	transition:height 0.5s;
    -moz-transition:height 0.2s; /* Firefox 4 */
    -webkit-transition:height 0.5s; /* Safari and Chrome */
    -o-transition:height 0.5s; /* Opera */
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	z-index:999;
	/*margin-top: -1px;*/
}
.header .column ul li.hover:hover ul.sub-menu{
	height:auto;
	display:block;
}
.header .column ul li ul.sub-menu li{
	width: 25%;
    float: left;
    margin: 5rem 0 5rem 3%;
}
.header .column ul li ul.sub-menu li a{
	line-height: 3;
	border-bottom: 1px solid #ccc;
    margin-bottom: 1rem;
	text-align: left;
	/*color:#055eb2;*/
}
.header .column ul li ul.sub-menu li a:hover{
	border-bottom: 1px solid #055eb2;
}
.header .column ul li ul.sub-menu li ul{
	display: block;
    height: auto;
    position: initial;
    border: 0;
}
.header .column ul li ul.sub-menu li ul li{
	font-size: 14px;
    line-height: 2.5;
	background: url(../images/join1.png) no-repeat left center;
	background-size:16px;
	padding-left: 22px;
	width:100%;
	margin: 0;
}
.header .column ul li ul.sub-menu li ul li:hover{
	background: url(../images/join02.png) no-repeat left center;
	background-size:16px;
}
.header .column ul li ul.sub-menu li ul li a{
	border: 0;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 3;
	margin: 0;
}
.header .column ul li ul.sub-menu li ul li:hover a{
	border:0;
	color:#055eb2;
}

.head_search{
	width: 40px;
    float: right;
    height: 100%;
    text-align: center;
	display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
	margin-right: 4%;
}
.head_search img{
	width: 18px;
	cursor:pointer;
}
.head_search .li_son{
	width:100%;
	position: absolute;
    left: 0;
	display:none;
	background:#fffffff7;
	overflow:hidden;
	padding-bottom:20px;
	/*margin-top: -2px;*/
	z-index:9;
}
/*
.head_search:hover .li_son{
	display:block;
}*/
.head_search .li_son .search_con{
	padding:20px 0;
	margin: 0 auto;
    margin-top: 10px;
	line-height: 46px;
}
.head_search .li_son .search_con .stxt{
	font-size: 24px;
    line-height: 36px;
	border: 0;
    border-bottom: 2px solid #464545;
	width: 30%;
	padding-left: 10px;
	font-size: 20px;
	background: #ffffff00;
}
.head_search .li_son .search_con .sbtn{
	background:url(../images/search.png) no-repeat;
	height: 2rem;
    width: 2rem;
    background-size: 100%;
	border:0;
}
.head_search .li_son .search_word{
    width: 31%;
    margin: auto;
    text-align: left;
	font-size:16px;
	line-height: 46px;
}
.head_search .li_son .search_word span{
	color:#464545;
}
.head_search .li_son .search_word a{
	color:#464545;
	margin-left: 0.5rem;
}


.banner{
	width:100%;
	height:700px;
}
.banner .content{
	width:50%;
	height:100%;
	float:left;
	background:#055eb2;
	display: table;
}
.banner .content .text{
	display: table-cell;
    vertical-align: middle;
}
.banner .content .text h1{
	color: #fff;
    font-size: 5rem;
	margin-top: 0;
	margin-bottom:3rem;
	-webkit-line-clamp:1;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.banner .content .text div{}
.banner .content .text p{
	font-size: 1.6rem;
	line-height:2;
	color:#fff;
	font-weight: 300;
	-webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin-bottom:3rem;
}
.banner .content .text .ban_btn{
	margin-top: 4rem;
	height: 4rem;
	overflow:hidden;
}
.banner .content .text .ban_btn a{
	font-size: 2.5rem;
    font-weight: 600;
	color: #fff;
	display: block;
    width: 50%;
    height: 4rem;
	line-height:4rem;
	transition:margin-top 0.5s;
    -moz-transition:margin-top 0.2s; /* Firefox 4 */
    -webkit-transition:margin-top 0.5s; /* Safari and Chrome */
    -o-transition:margin-top 0.5s; /* Opera */
}
.banner .content .text .ban_btn a span{
	display: block;
}
.banner .content .text .ban_btn a span:nth-child(2){
	font-size: 2rem;
    font-weight: 500;
}
.banner .content .text .ban_btn a:hover{
	margin-top:-4rem;
}
.banner .content .text h1,.banner .content .text div,.banner .content .text p{
	width:75%;
	margin-left:10%;
}

.banner .img{
	width:50%;
	height:100%;
	overflow:hidden;
	float:left;
	background-size:101% auto !important;
}
.banner .img .san{
    height: 100%;
    background-color: #055eb2;
    clip-path: polygon(-1% 100%, 0% 0%, 20% 100%);
}
.banner .img img{
	width:100%;
}


.cont_tage{
	width:100%;
	overflow:hidden;
	/*background:url(../images/leader.jpg) no-repeat center;*/
	background: #f7f7f7;
}
.cont_tage .title{
	text-align:center;
	padding-top: 120px;
}
.cont_tage .title h3{
	font-size:36px;
	margin-bottom: 20px;
}
.cont_tage .title p{
	font-size:24px;
}
.cont_tage .tage_t{
	width:1400px;
	margin:0 auto;
	overflow:hidden;
	height: 430px;
    padding-top: 50px;
    margin-bottom: 50px;
}
.cont_tage .tage_t ul{
	overflow:hidden;
	height: 418px;
}
.cont_tage .tage_t ul li{
	width:calc(33.33% - 62px);
	margin:10px 30px;
	height:275px;
	float:left;
	position:relative;
}
.cont_tage .tage_t ul li .img{
	width:100%;
	height:100%;
	overflow:hidden;
}
.cont_tage .tage_t ul li .img img{
	width:100%;
}
.cont_tage .tage_t ul li .text{
	width: 70%;
    height: 60%;
    text-align: center;
    position: absolute;
    left: 15%;
    bottom: -42px;
	box-shadow: -8px -8px 10px rgb(204 204 204 / 20%);
	background:#fff;
}
.cont_tage .tage_t ul li:nth-child(2) .text{
	 height: 75%;
}
.cont_tage .tage_t ul li:nth-child(2) .text p:first-child{
	padding-top: 27%;
}
.cont_tage .tage_t ul li .text p{
	font-family: PingFangSC-Regular;
    color: #333333;
    font-size: 24px;
    line-height: 24px;
}
.cont_tage .tage_t ul li .text p:first-child{
    color: #055eb2;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 27px;
	padding-top: 20%;
	font-weight: 600;
}

.a_ind{
	text-align:center;
	overflow:hidden;
	margin:2rem 0;
}

.a_ind a{
	padding: 1rem 2rem;
    background: #055eb2;
    font-size: 1.6rem;
    color: #fff;
    border-radius: 1rem;
    line-height: 3;
}

.a_ind a:hover{
	background: #00a0e9;
}

.ab_f{
	max-width:1400px;
	margin:0rem auto;
	/*padding-top: 100px;*/
	padding: 6rem 0;
	overflow: hidden;
}
.ab_f h2{
	font-weight:700;
	font-size:3rem;
	text-align:center;
	color: #055eb2;
}
.ab_f p.txt{
	max-width: 60%;
    margin: auto;
	text-align:center;
	font-size:2rem;
	font-weight: 400;
	margin-bottom:4rem;
}

.ab_f .index_ab{
	font-size: 18px;
}
.ab_f .index_ab h3{
	line-height: 3;
    color: #055eb2;
	font-weight: 600;
	font-size:4rem;
}
.ab_f .index_ab h4{
	width: 100%;
    font: normal 40px "Akzidenz-Grotesk BQLight";
    color: #055eb2;
	font-size: 1.6rem;
    line-height: 2.3;
	margin-bottom: 4rem;
}
.ab_f .index_ab h4 span{
	background: #055eb2;
    height: 10px;
    width: 10px;
    /* border: 2px solid #336dd5; */
    float: right;
    display: block;
    border-radius: 7px;
    margin: 17px 0px 17px 16px;
}
.ab_f .index_ab h4 p{
	width: 60%;
    border-bottom: 1px solid #055eb2;
    float: right;
    margin-top: 21px;
}
.ab_f .index_ab h4 a{
	width: 18%;
    display: block;
    float: right;
    border: 1px solid #055eb2;
    border-radius: 26px;
	color:#055eb2;
    line-height: 30px;
    font-size: 15px;
    padding: 3px 10px;
    text-align: center;
    margin-top: 2px;
	font-weight: 500;
}

.ab_f .index_ab h4 a:hover{
	color:#fff;
	background:#055eb2;
}

.ab_f .index_ab p{
	overflow:hidden;
	margin-top:2rem;
	font-size:1.6rem;
	text-indent: 2em;
	line-height: 2;
	font-weight: 500;
}
.ab_f .ab_fl{
	width:46%;
	float:left;
}
.ab_f .ab_fl li{
	width: 100%;
    margin-top: 3rem;
    font-size: 1.5rem;
    font-weight: 400;
}
.ab_f .ab_fl li span{
	background: #055eb2;
    height: 0.8rem;
    width: 0.8rem;
    /* border: 2px solid #336dd5; */
    float: left;
    display: block;
    border-radius: 0.4rem;
    margin: 0.6rem 0.8rem 0 0;
}

.ab_f .ab_fl div{
	font-size:16px;
}
.ab_f .ab_fl div span{
	background: #04a1c5; 
    height: 10px;
    width: 10px;
    /*border: 2px solid #336dd5;*/
    float: left;
    display: block;
    border-radius: 7px;
    margin: 8px 5px 0 0;
}
.ab_f .ab_fr{
	width:46%;
	float:right;
	text-align: right;
	position: relative;
    z-index: 5;
    overflow: hidden;
}
.ab_f .ab_fr img{
	width: 100%;
    /*height: 100%;*/
    display: block;
    float: left;
    margin-bottom: 50px;
    transform: translateX(-50px);
}
.ab_f .ab_fr:before{
	position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    border: 12px solid #055eb2;
    height: 350px;
    width: 350px;
    z-index: -1;
}
.ab_f .ab_fr:after{
	position: absolute;
    content: "";
    left: 376px;
    top: -2px;
    height: 558px;
    width: 92px;
    z-index: -1;
    background: #fff;
    transform: rotate(45deg);
}
.ab_f .ab_fr video{
	width:90%;
	/*height:437px;*/
	/*border: 1px solid #ccc;*/
}

.ad_pr{
	max-width: 1400px;
	overflow:hidden;
	margin:0rem auto;
	position: relative;
	padding: 6rem 0;
}
.ad_pr .btn_l{
	width: 40px;
    height: 50px;
    position: absolute;
    top: calc(50% - 50px);
    padding: 10px 5px;
    background: #fff;
	z-index: 9;
	background:url(../images/icon.png) no-repeat -89px -154px;
}
.ad_pr .btn_l:hover{
	background:url(../images/icon.png) no-repeat -195px -154px;
}
.ad_pr .btn_r{
	width: 40px;
    height: 50px;
    position: absolute;
    top: calc(50% - 50px);
    padding: 10px 5px;
	right: 0;
	z-index: 9;
    background: #fff;
	background:url(../images/icon.png) no-repeat -135px -154px;
}
.ad_pr .btn_r:hover{
	background:url(../images/icon.png) no-repeat -245px -154px;
}
.ad_pr ul{
	width:100%;
	position:relative;
}
.ad_pr ul li{
	width:282px;
	overflow:hidden;
	float:left;
}
.ad_pr ul li:last-child{
	margin-right:0;
}
.ad_pr ul li img{
	width:95%;
	border:1px solid #ccc;
	border-radius: 10px;
}
.ad_pr ul li p{
	text-align:center;
	font-size: 18px;
	width:95%;
	line-height:3;
}

/*material*/
.material{
	width:100%;
}
.material dl{
	width:100%;
	margin:0rem auto;
	overflow:hidden;
	margin-top:3rem;
	text-align:center;
}/*
.material ul h3{
	width:calc(22% - 2px);
	margin-right:4%;
	float:left;
	line-height:2;
	font-size:2rem;
    font-weight:400;
	margin-bottom:2rem;
	color: #055eb2;
	font-family:Montserrat;
}*/
.material dl dt{
	/*width:calc(16% - 2px);*/
	margin-right:1rem;
	float:left;
	line-height:2.5;
	font-size:1.6rem;
	text-align:center;
	border:1px solid #ccc;
	background:#fff;
	border-radius:0.5rem;
	margin-bottom:2rem;
	padding:0 2rem;
}/*
.material dl dt:nth-child(5n){
	margin-right:0;
	float:right;
}*/
.material dl dt a{
	display:block;
	color:#484747;
	
}
.material dl dt:hover{
	border:1px solid #055eb2;
	background:#055eb2;
}
.material dl dt:hover a{
	color:#fff;
}
/*application*/
.in_appli{
	max-width: 1400px;
	overflow:hidden;
	margin:0rem auto;
	padding: 6rem 0;
}
.in_appli h2{
	font-weight:700;
	font-size:3rem;
	text-align:center;
	color: #055eb2;
}
.in_appli p.txt{
	max-width: 60%;
    margin: auto;
	text-align:center;
	font-size:2rem;
	font-weight: 400;
	margin-bottom:4rem;
}
.in_appli ul{
	width:100%;
	overflow:hidden;
}
.in_appli ul li{
	width:calc(25% - 0.6rem);
	aspect-ratio: 1 / 1; /* 宽度与高度相等 */
	margin-right:0.8rem;
	margin-bottom: 0.8rem;
	border-radius:0.5rem;
	float:left;
	overflow:hidden;
	position:relative;
}
.in_appli ul li .gli{
	width:100%;
	height:200%;
	position:absolute;
	top:-100%;
	transition: all 1s;
}
.in_appli ul li:nth-child(4n){
	margin-right:0rem;
}
.in_appli ul li .imag{
	width:100%;
	aspect-ratio: 1 / 1; /* 宽度与高度相等 */
	overflow:hidden;
	position: relative;
}
.in_appli ul li .imag img{
	width:100%;
}
.in_appli ul li .imag p{
	margin-top: -8rem;
    margin-left: 3rem;
    font-weight: 600;
    color: #fff;
    font-size: 2.4rem;
	position: absolute;
    top: 92%;
	-webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.in_appli ul li .text{
	width:100%;
	aspect-ratio: 1 / 1; /* 宽度与高度相等 */
	background:#055eb2;
	color:#fff;
	overflow:hidden;
	/*border:1px solid #ccc;*/
	border-radius:1rem;
}
.in_appli ul li:hover .gli{
	top:0;
}
.in_appli ul li .text h3{
	font-weight: 600;
    color: #fff;
    font-size: 2rem;
	line-height:3;
	margin: 2rem 1.5rem 1.5rem 2rem;
	-webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.in_appli ul li .text p{
	color:#fff;
	font-size:1.4rem;
	margin:1.5rem;
	-webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-indent: 2em;
	margin-bottom:3rem;
	font-weight: 400;
}
.in_appli ul li .text span{
	color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    margin: 2rem;
    display: block;
}

/*process*/
.process{
	max-width: 1400px;
	overflow:hidden;
	margin:0rem auto;
	padding: 6rem 0;
}
.process h2{
	font-weight:700;
	font-size:3rem;
	text-align:center;
	color: #055eb2;
}
.process p.txt{
	max-width: 60%;
    margin: auto;
	text-align:center;
	font-size:1.6rem;
	font-weight: 400;
	margin-bottom:4rem;
}
.process ul{
	width:100%;
	overflow:hidden;
}
.process ul li{
	width:48%;
	float:left;
	margin-right:4%;
	margin-top:3.5rem;
	padding-bottom:1rem;
	border-bottom:1px solid #ccc;
}
.process ul li:nth-child(2n){
	margin-right:0;
}

.process ul li .imag{
	width:20%;
	float:left;
	margin-right:5%;
}
.process ul li .imag img{
	width:100%;
	border-radius: 0.5rem;
}
.process ul li .text{
	width:75%;
	float:left;
}
.process ul li .text h3{
	font-size: 2rem;
    margin-bottom: 1rem;
	color: #055eb2;
}
.process ul li .text p{
	font-size: 1.4rem;
    font-weight: 400;
}

/*NEWS*/
.inNews{
	max-width: 1400px;
	overflow:hidden;
	margin:0rem auto;
	padding: 6rem 0;
}
.inNews h2{
	font-weight:700;
	width:60%;
	font-size:3rem;
	text-align:left;
	margin-bottom:0;
	float:left;
	color:#055eb2;
}
.inNews p.txt{
	width: 60%;
	text-align:left;
	font-size:1.4rem;
	font-weight: 400;
	margin-bottom:4rem;
	float:left;
	line-height: 3;
}
.inNews a.btn{
	max-width: 35%;
	display:block;
	padding:0.5rem 2rem;
	line-height:2.5;
	float:right;
	text-align:center;
	background:#055eb2;
	color:#fff;
	font-size:1.4rem;
	font-weight:500;
	border-radius:1rem;
}
.inNews a.btn:hover{
	background: #00a0e9;
}
.inNews ul{
	width:100%;
	overflow:hidden;
}
.inNews ul li{
	width:48%;
	margin-right:4%;
	padding-bottom:1rem;
	float:left;
	border-bottom:2px dashed #ccc;
	margin-bottom:4rem;
}
.inNews ul li:nth-child(2n){
	margin-right:0;
}
.inNews ul li div{
	width:100%;
	aspect-ratio: 2 / 1;
	overflow:hidden;
	border-radius:1rem;
	margin-bottom:1.5rem;
	display: flex;
    align-content: center;
    flex-wrap: wrap;
}
.inNews ul li div img{
	width:100%;
	height: auto;
}
.inNews ul li h3{
	font-size:1.8rem;
	font-weight:500;
	/*line-height:3;*/
	-webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin: 1.5rem 0;
	color: #055eb2;
}
.inNews ul li p{
	font-size:1.4rem;
	font-weight:400;
	-webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.inNews ul li span{
	font-size:1.4rem;
	font-weight: 400;
	display: inline-block;
    line-height: 3;
}

.inNews ul li a{
	display:block;
	float:right;
	font-size:1.6rem;
	font-weight:500;
	color:#055eb2;
	line-height: 3;
}


.listb{
	height:400px;
}
.listb .content{
	width:60%;
}
.listb .content .text h1{
	font-size:4rem;
}
.listb .content .text p{
	-webkit-line-clamp: 2;
}
.listb .img{
	width:40%;
	background-size: 100% auto !important;
}
.listb .position{
	font-size: 1.3rem;
    font-weight: 600;
    color: #fff;
	margin-top:1rem;
	overflow:hidden;
}
.listb .position img{
	width: 1.3rem;
    margin-right: 0.5rem;
}
.listb .position a{
	font-size: 1.3rem;
	color: #fff;
}

.aCont h2{
	font-weight:700;
	width:100%;
	font-size:3rem;
	text-align:center;
	margin-bottom:3rem;
	color:#055eb2;
}
.aCont p.txt{
	width: 70%;
	font-size:2rem;
	font-weight: 400;
	margin: auto;
	margin-bottom:4rem;
	font-size:1.6rem;
	text-align:center;
}

.a-profile{
	max-width: 1400px;
	overflow:hidden;
	margin:0rem auto;
	padding: 6rem 0;
}
.a-profile .img{
	width:35%;
	float:left;
}
.a-profile .img img{
	width:100%;
	border-radius: 0.6rem;
}
.a-profile .text{
	width:60%;
	float:right;
}

.a-material{
	max-width: 1400px;
	overflow:hidden;
	margin:0rem auto;
	padding: 6rem 0;max-width: 1400px;
	overflow:hidden;
	margin:0rem auto;
	padding: 6rem 0;
}
.a-material .img{
	width:40%;
	overflow:hidden;
	margin-bottom:3rem;
	float: right;
}
.a-material .img img{
	width:100%;
	border-radius: 0.6rem;
}
.a-material .text{
	width: 55%;
    float: left;
}
.a-material .text p{
	overflow:hidden;
	margin-bottom:3rem;
}
.a-material .text ul li{
	width:33.33%;
	/*text-align:center;*/
	float:left;
	margin-bottom:3rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.a-material .text ul li a{
    color:#055eb2;
	font-size:1.4rem;
	font-weight:500;
}
.a-material .text ul li a i{
	padding: 2px;
    background: #055eb2;
    border-radius: 50%;
	display: inline-block;
    margin-right: 4px;
	margin-bottom: 3px;
}
.a-material .text ul li a:hover{
	color:#00a0e9;
}
.a-material .text ul li a:hover i{
	background: #00a0e9;
}
.a-manufact{
	max-width: 1400px;
	overflow:hidden;
	margin:0rem auto;
	padding: 6rem 0;
	padding-bottom:1rem;
}
.a-manufact .img{
	width:100%;
	overflow:hidden;
	position: relative;
	overflow-x: auto;
	scrollbar-color: #055eb2 #f7f7f7;
   scrollbar-width: thin;
}
.a-manufact .img .btn_l{
	width: 40px;
    height: 50px;
    position: absolute;
    top: calc(50% - 50px);
    padding: 10px 5px;
    background: #fff;
	z-index: 9;
	background:url(../images/icon.png) no-repeat -48px 0px;
}
.a-manufact .img .btn_l:hover{
	background:url(../images/icon.png) no-repeat 1px 0px;
}
.a-manufact .img .btn_r{
	width: 40px;
    height: 50px;
    position: absolute;
    top: calc(50% - 50px);
    padding: 10px 5px;
	right: 0;
	z-index: 9;
    background: #fff;
	background:url(../images/icon.png) no-repeat -97px 0px;
}
.a-manufact .img .btn_r:hover{
	background:url(../images/icon.png) no-repeat -147px 0px;
}
.a-manufact .img ul{
	position:relative;
	cursor:grab; 
}
.a-manufact .img ul li{
	width:355px;
	float:left;
	overflow:hidden;
}
.a-manufact .img ul li img{
	width:95%;
	margin-bottom:1rem;
	border-radius: 0.6rem;
}
.a-manufact .img ul li p{
	width:90%;
	text-align:center;
	line-height:2;
	/*color:#00a0e9;*/
}

.a-btn{
	max-width: 1400px;
	overflow:hidden;
	margin:0rem auto;
	padding: 6rem 0;
	padding-bottom:1rem;
}
.a-btn ul{
	width:100%;
	text-align:center;
}
.a-btn ul a{
	padding: 1rem 2rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: #055eb2;
	 display: inline-table;
}
.a-btn ul a i{
	padding: 5px;
    background: #055eb2;
    border-radius: 50%;
	display: inline-block;
    margin-right: 4px;
}
.a-quality{
	max-width: 1400px;
	overflow:hidden;
	margin:0rem auto;
	padding: 6rem 0;
	padding-bottom:1rem;
}
.a-quality p.txt{
    float:none;
	text-align:center;
	font-size: 1.5rem;
    font-weight: 400;
}
.a-quality ul{
	overflow:hidden;
	width:100%;
}
.a-quality ul li{
	overflow:hidden;
	width:100%;
	margin-bottom:2rem;
}
.a-quality ul li .img{
	width:35%;
	float:right;
}
.a-quality ul li .img img{
	width:100%;
	border-radius: 0.6rem;
}
.a-quality ul li .text{
	width:60%;
	float:left;
	margin-right:5%;
}
.a-quality ul li .text h3{
	font-size: 2rem;
	line-height:3;
    margin-bottom: 1rem;
}
.a-quality ul li .text p{
	font-size:1.4rem;
}
.a-quality ul li .text i{
	padding: 5px;
    background: #055eb2;
    border-radius: 50%;
	display: inline-block;
    margin-right: 4px;
}
.a-mission{
	max-width: 1400px;
	overflow:hidden;
	margin:0rem auto;
	padding: 6rem 0;
	padding-bottom:1rem;
}
.a-mission ul{
	width:100%;
	overflow:hidden;
	margin-bottom:2rem;
}
.a-mission ul li{
	width:45%;
	margin-right:5%;
	float:left;
	border-bottom:1px solid #ccc;
}
.a-mission ul li:nth-child(2n){
	margin-right:0;
}
.a-mission ul li h3{
	font-size: 2rem;
    margin-bottom: 1rem;
	line-height:3;
	display: flex;
    /* justify-content: center; */
    align-items: center;
}
.a-mission ul li h3 img{
	width: 3rem;
	margin-right:1rem;
}
.a-mission ul li p{
	font-size:1.6rem;
	font-weight:400;
	width:70%;
	line-height:2
}
.a-mission .text{
	width:100%;
	/*background:#055eb2;*/
	overflow: hidden;
}
.a-mission .text p{
	/*width:70%;*/
	margin:3rem 0;
	color:#484747;
	/*font-weight:600;*/
	font-size: 1.6rem;
   /* text-align: center;*/
}

/* pro_lists */
.pro_lists{
	max-width: 1400px;
	overflow:hidden;
	margin:0rem auto;
	padding: 6rem 0;
	padding-bottom:1rem;
}

.pro_lists .pro_lists_t{
	width:100%;
	overflow:hidden;
	/*border:1px solid #ccc;*/
	margin-bottom:4rem;
}
.pro_lists .pro_lists_left{
	width:calc(30% - 1px);
	float:left;
	margin-right:20px;
	text-align:center;
	border-right: 1px solid #ccc;
	padding-bottom: 3rem;
}
.pro_lists .pro_lists_left img{
	width:75%;
	height:auto;
    border-bottom: 1px solid #716f6f;
}
.pro_lists .pro_lists_left h3{
	font-size:1.8rem;
	line-height:3;
	font-weight:600;
}
.pro_lists .pro_lists_left p{
	text-align:left;
	line-height:1.75;
	font-size:14px;
	margin:0 0.2rem;
	-webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin-bottom:0.5rem;
    /* text-indent: 2em;*/
}
.pro_lists .pro_lists_left span{
	font-size:1.4rem;
	font-weight:600;
	color:#055eb2;
}

.pro_lists .pro_lists_right{
	width:calc(70% - 20px);
	overflow: hidden;
}
.pro_lists .pro_lists_right li{
	width:25%;
	float:left;
	text-align:center;
}
.pro_lists .pro_lists_right li img{
	width:70%;
	height: auto;
	transition: all 0.6s;
    /*border-bottom: 1px solid #716f6f;*/
}
.pro_lists .pro_lists_right li:hover img{
	transform: scale(1.1);
}
.pro_lists .pro_lists_right li span{
	display: block;
    width: 10%;
    height: 2px;
    background: #716f6f;
    margin: auto;
    transition: width 0.5s;
    -moz-transition: width 0.5s;
    -webkit-transition: width 0.5s;
    -o-transition: width 0.5s;
    margin-top: -2px;
}
.pro_lists .pro_lists_right li:hover span{
	width: 50%;
}

.pro_lists .pro_lists_right li p{
	line-height:3;
	-webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pro_lists .pro_lists_b{
	width:100%;
	overflow: hidden;
	padding: 3rem 0;
}
.pro_lists .pro_lists_b ul{}
.pro_lists .pro_lists_b ul li{
	width: calc(25% - 17px);
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
   border: 1px solid #ccc;
    text-align: center;
	border-radius:1rem;
}
.pro_lists .pro_lists_b ul li:nth-child(4n){
	margin-right: 0px;
}
.pro_lists .pro_lists_b ul li img{
	width: 70%;
	height: auto;
    border-bottom: 1px solid #716f6f;
}
.pro_lists .pro_lists_b ul li h3{
	font-size:2rem;
	line-height:3;
	font-weight:600;
}
.pro_lists .pro_lists_b ul li p{
	text-align:left;
	line-height:1.75;
	font-size:1.4rem;
	margin:0 0.2rem;
	-webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin-bottom:0.5rem;
	width:90%;
	margin:1rem auto;
    /* text-indent: 2em;*/
}
.pro_lists .pro_lists_b ul li span{
	font-size:1.6rem;
	font-weight:600;
	color:#055eb2;
	margin-bottom: 2rem;
    display: block;
}


.pro_lists .pro_lists_a{
	width:100%;
	overflow: hidden;
}
.pro_lists .pro_lists_a ul{}
.pro_lists .pro_lists_a ul li{
	width: calc(25% - 17px);
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
   border: 1px solid #ccc;
    text-align: center;
	border-radius:1rem;
}
.pro_lists .pro_lists_a ul li:nth-child(4n){
	margin-right: 0px;
}
.pro_lists .pro_lists_a ul li img{
	width: 70%;
	height: auto;
    border-bottom: 1px solid #716f6f;
}
.pro_lists .pro_lists_a ul li h3{
	font-size:1.8rem;
	line-height:3;
	font-weight:600;
	-webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.pro_lists .pro_lists_a ul li p{
	text-align:left;
	line-height:1.75;
	font-size:1.4rem;
	margin:0 0.2rem;
	-webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin-bottom:0.5rem;
	width:90%;
	margin:1rem auto;
    /* text-indent: 2em;*/
}
.pro_lists .pro_lists_a ul li span{
	font-size:1.6rem;
	font-weight:600;
	color:#055eb2;
	margin-bottom: 2rem;
    display: block;
}


.pro_case{
	max-width: 1400px;
	overflow:hidden;
	margin:0rem auto;
	padding: 6rem 0;
	padding-bottom:1rem;
}
.pro_case h2{
	text-align:left;
	/*color:#484747;*/
}
.pro_case p.txt{
	margin-left:0;
	text-align:left;
	-webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0.5rem;
	font-size:1.4rem;
	width:50%;
	/*color:#055eb2;*/
	font-weight:400;
}
.pro_case ul{
	overflow:hidden;
	width:100%;
	margin-top:2rem;
}
.pro_case ul li{
	width:32.66%;
	float:left;
	margin-right:1%;
	position:relative;
	border-radius:1rem;
	margin-bottom: 2rem;
	
}
.pro_case ul li:nth-child(3n){
	margin-right:0;
}
.pro_case ul li .img{
	width:98%;
	aspect-ratio: 4 / 3; /* 宽度与高度相等 */
	overflow:hidden;
	text-align:center;
	margin:1.5% auto;
	border-radius:1rem;
	display: flex;
	flex-wrap: wrap;
    align-content: center;
    justify-content: center;
	/*border:1px solid #ccc;*/
	transition: all 0.6s;
}
.pro_case ul li .img img{
	width:100%;
	height:auto;
	
}
.pro_case ul li .img:hover{
	/*border:0px solid #ccc;*/
	box-shadow: rgb(221, 221, 221) 0px 5px 13px;
    -webkit-box-shadow: rgb(221, 221, 221) 0px 3px 13px;
}
.pro_case ul li .img:hover img{
	transform: scale(1.1);
    transition: all 0.6s ease-in-out;
}
.pro_case ul li .text{
	width:97%;
	padding:1.5rem 1.5%;
}
.pro_case ul li .text h3{
	color:#333;
	margin-bottom:2rem;
	margin-top:1rem;
	font-size:2rem;
	margin-bottom: 2rem;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
	color: #055eb2;
}
.pro_case ul li .text p{
	color:#484747;
	margin-bottom:2rem;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.pro_case ul li .text span{
	margin-bottom: 8%;
    font-size: 1.6rem;
    color: #055eb2;
    font-weight: 600;
}


.artPro{
	max-width: 1400px;
	overflow:hidden;
	margin:0rem auto;
	padding: 6rem 0;
	padding-bottom:1rem;
}
.artPro .topPro{
	overflow:hidden;
	width:100%;
	padding-bottom:3rem;
	border-bottom:1px solid #ccc;
}
.artPro .topPro .img{
	width:33%;
	float:left;
}
.artPro .topPro .img img{
	width:100%;
	border-radius:1rem;
	/*background:#fff;*/
	height: auto;
}

.artPro .topPro .text{
	width:60%;
	float:right;
}
.artPro .topPro .text h2{
	font-size:3rem;
	border-bottom: 1px solid #ccc;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
}
.artPro .topPro .text p:last-child{
	-webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.artPro .textPro{
	padding:3rem;
}

.artPro .txtbrand{
	margin:3rem auto;
	width:100%;
	overflow: hidden;
}
.artPro .txtbrand li{
	width: calc(25% - 17px);
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
   border: 1px solid #ccc;
    text-align: center;
	border-radius:1rem;
}
.artPro .txtbrand li:nth-child(4n){
	margin-right: 0px;
}
.artPro .txtbrand li img{
	width: 70%;
	height: auto;
    border-bottom: 1px solid #716f6f;
}
.artPro .txtbrand li h4{
	font-size:2rem;
	line-height:3;
	font-weight:600;
}
.artPro .txtbrand li p{
	line-height:1.75;
	font-size:1.4rem;
	margin:0 0.2rem;
	-webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin-bottom:0.5rem;
	width:90%;
	margin:1rem auto;
    /* text-indent: 2em;*/
}
.artPro .txtbrand li span{
	font-size:1.6rem;
	font-weight:600;
	color:#055eb2;
	margin-bottom: 2rem;
    display: block;
}


.artPro .textPro table{
	margin-top:2rem;
	width:100%;
	text-align:center;
	line-height:2.5;
	font-size:1.6rem;
}
.artPro .textPro table tr:first-child{
	font-size:1.6rem;
	line-height:2.5;
	font-weight:600;
	/*background:#055eb2;*/
	color:#055eb2;
}
.artPro .textPro table tr:first-child img{
	width: 3.5rem;
   vertical-align: middle;
}
.artPro .textPro table tr:first-child td{
	padding:1rem 0;
}
.artPro .textPro table tr:nth-child(2n){
	background:#f8f8f8;
}
.artPro .textPro table tr td{
	border:1px solid #ccc;
}
.artPro .textPro table tr td.sImg{
	font-size:1.4rem;
	font-weight:500;
	text-decoration: underline;
	cursor: pointer;
}
.artPro .textPro h3{
	font-size: 2rem;
    color: #fff;
    background-color: #055eb2;
    padding: 10px 20px;
    display: inline-block;
    margin-bottom: 2rem;
	margin-top: 2rem;
	float:left;
}
.artPro .textPro .btn{
    margin: 0.5rem auto;
	overflow:hidden;
	width:20rem;
}
.artPro .textPro .add{
	width:50%;
	float:left;
	text-align:right;
}

.artPro .textPro .dele{
	width:50%;
	float:right;
}
.artPro .textPro .add span,.artPro .textPro .dele span{
	width: 8rem;
    height: 3rem;
    border: 1px solid #ccc;
    margin: 0.5rem auto;
	text-align:center;
	line-height:3rem;
	font-size:3rem;
	color: #055eb2;
	font-weight:400;
	cursor: pointer;
	border-radius:1rem;
	display: inline-block;
	margin-right:1%
}
.artPro .textPro .wimage{
	float:right;
	width:100px;
	cursor:pointer;
}
.imgWindow{
	position: fixed;
	top:0;
	left:0;
	z-index:999;
	width:100%;
	height: 500px;
    background: #0000007a;
	display:none;
}
.imgWindow .cha{
	width:5rem;
	height:5rem;
	float:right;
	padding:5rem;
	cursor:pointer;
}
.imgWindow .cha img{
	width:100%;
}
.imgWindow>img{
	height: auto;
    width: 40%;
    margin: 5% auto;
    display: block;
}

.list_appl{
	max-width: 1400px;
	overflow:hidden;
	margin:0rem auto;
	padding: 6rem 0;
	padding-bottom:1rem;
}
.list_appl h2{
	text-align: left;
}
.list_appl p.txt{}
.list_appl .centon{
	width:100%;
	overflow:hidden;
}
.list_appl .listSingle{
	width:100%;
	overflow:hidden;
	padding: 6rem 0;
	padding-bottom:1rem;
}
.list_appl .listSingle .topSingle{
	width:100%;
	overflow:hidden;
	margin-bottom:2rem;
}
.list_appl .listSingle .aRight{
	width:45%;
	aspect-ratio: 4 / 3;
	overflow:hidden;
    float:left;	
	border-radius:0.5rem;
	display: flex;
    align-content: center;
    flex-wrap: wrap;
}
.list_appl .listSingle .aRight img{
	width:100%;
}
.list_appl .listSingle .aLeft{
	width:53%;
	float:right;	
}
.list_appl .listSingle .aLeft .text{}
.list_appl .listSingle .aLeft .text h3{
	font-size: 2rem;
    line-height: 3;
    font-weight: 600;
	color:#055eb2;
}
.list_appl .listSingle .aLeft .text p{
	text-align: left;
    line-height: 1.75;
    font-size: 1.6rem;
    margin: 0 0.2rem;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 2rem;
}
.list_appl .listSingle .aLeft table{
	width:100%;
	overflow:hidden;
	font-size: 1.5rem;
    color: #4f4f4f;
}
.list_appl .listSingle .aLeft table tr{
	border-bottom:1px solid #ccc;
}
.list_appl .listSingle .aLeft table tr td{
	padding:1.5rem;
}
.list_appl .listSingle .aLeft table tr td:first-child{
	width:20%;
	font-weight:500;
	color: #055eb2;
}
.list_appl .listSingle ul{
	width:100%;
	overflow:hidden;
}
.list_appl .listSingle ul li{
	width:15%;
	float:right;
	overflow: hidden;
	margin-left:1.5%;
}
.list_appl .listSingle ul li img{
	overflow: hidden;
	width:calc(100% - 2px);
	border-radius:0.5rem;
	border: 1px solid #ccc;
	height:auto;
}
.list_appl .listSingle ul li p{
	width:100%;
	text-align:center;
	line-height: 3;
}
.appli_cont{
	max-width: 1200px;
	overflow:hidden;
	margin:0rem auto;
	padding: 6rem 0;
	padding-bottom:1rem;
}
.appli_cont p.txt{
	width: 80%;
	padding-bottom:3rem;
	border-bottom: 1px solid #ccc;
}
.appli_cont h3{
	font-size: 3rem;
    line-height: 3;
    font-weight: 600;
	color:#055eb2;
	margin-bottom: 2rem;
}

.appli_cont .appTop{
	width:100%;
	overflow:hidden;
	padding-bottom:3rem;
	border-bottom: 1px solid #ccc;
	margin-bottom:3rem;
}
.appli_cont .appTop .text{
	width:50%;
	float:right;
}
.appli_cont .appTop .text h3{
	font-size: 2.4rem;
    line-height: 2;
    color: #055eb2;
	margin-bottom: 3rem;
}
.appli_cont .appTop .text p{
	
}
.appli_cont .appTop  .img{
	width:40%;
	float:left;
	aspect-ratio: 4 / 3;
	overflow:hidden;
	border-radius:1rem;
	display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.appli_cont .appTop  .img img{
	width:100%;
	height:auto;
	border-radius:1rem;
}

.appli_cont table{
	width:100%;
	overflow:hidden;
	font-size: 1.5rem;
    color: #4f4f4f;
	line-height:1.75;
	margin:auto;
	margin-bottom:2rem;
	margin-top: 3rem;
}
.appli_cont table th{
	line-height:3;
	font-size:1.6rem;
}
.appli_cont table tr{
	width:100%;
	border-bottom:1px solid #ccc;
    margin-bottom: 1rem;
}
.appli_cont table td{
	/*border:1px solid #ccc;*/
	padding:2rem 4rem;
	/*text-align: center;*/
}
.appli_cont  table tr td:first-child{
	width:20%;
	/*text-align:center;*/
}
.appli_cont  table tr td:nth-child(2n){
	width:30%;
}
.appli_cont  table tr td:nth-child(3n){
	width:50%;
}
.appli_cont ul{
	width:100%;
	overflow:hidden;
	margin:3rem auto;
	padding-top:3rem;
	padding-bottom:3rem;
	border-bottom: 1px solid #ccc;
}
.appli_cont ul li{
	width:calc(50% - 1.5rem);
	float:left;
	overflow: hidden;
	margin-right:2rem;
	margin-bottom:2rem;
}
.appli_cont ul li:nth-child(2n){
	margin-right:0;
}
.appli_cont ul li .img{
	width: 40%;
    float: left;
    overflow: hidden;
	border: 1px solid #ccc;
    border-radius: 0.5rem;
    aspect-ratio: 1 / 1;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}
.appli_cont ul li .text{
	width: 55%;
    float: right;
}
.appli_cont ul li img{
	overflow: hidden;
	width:100%;
	height:auto;
}
.appli_cont ul li h3{
	line-height:1.5;
	-webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
	font-size: 2.4rem;
}
.appli_cont ul li p{
	width:100%;
	/*text-align:center;*/
	line-height: 1.75;
	-webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.appli_cont ul li span{
	font-size:1.5rem;
	color: #055eb2;
	margin-top:1rem;
	display: inline-block;
	border:1px solid #055eb2;
	padding: 0.5rem 1rem;
    border-radius: 0.5rem;
}
.appli_cont .conte{
	width:100%;
	overflow:hidden;
	margin:3rem auto;
	padding-top:3rem;
	font-weight: 400;
   font-size: 1.6em;
   line-height: 1.75;
   color: #484747;
}
.appli_cont ul li:hover span{
	background:#055eb2;
	color:#fff;
}


.mater_lists{
	max-width: 1200px;
	overflow:hidden;
	margin:0rem auto;
	padding: 6rem 0;
	padding-bottom:1rem;
}
.mater_lists p.txt{
	padding-bottom:3rem;
	border-bottom: 1px solid #ccc;
}
.mater_lists .mater_series{
	width:100%;
	overflow:hidden;
	margin:6rem auto;
    padding-top: 5rem;
    padding-bottom: 5rem;
    border-bottom: 1px solid #ccc;
}
.mater_lists .mater_series .top{
	width:100%;
	overflow:hidden;
	padding-bottom:3rem;
}
.mater_lists .mater_series .top .text{
	width:50%;
	float:left;
}
.mater_lists .mater_series .top .text h3{
	font-size: 2.4rem;
    line-height: 2;
    color: #055eb2;
	margin-bottom: 3rem;
}
.mater_lists .mater_series .top .text p{}
.text_alik{
	width: 100%;
    font-size: 1.6rem;
    margin-top: 4rem;
	font-weight:600;
	overflow: hidden;
}
.text_alik a{
	color: #055eb2;
    line-height: 2;
    display: inline-block;
    padding: 0.1rem 1rem;
    border-radius: 0.5rem;
    border: 1px solid #055eb2;
	margin-right: 2rem;
    margin-bottom: 1.5rem;
}
.text_alik a:first-child{
	/*margin-left: 1rem;*/
}
.mater_lists .mater_series .top .img{
	width:40%;
	float:right;
	aspect-ratio: 4 / 3;
	overflow:hidden;
	border-radius:1rem;
	display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.mater_lists .mater_series .top .img img{
	width:100%;
	height:auto;
	border-radius:1rem;
}
.mater_lists .mater_series .bot{
	width:100%;
	overflow:hidden;
	padding-bottom:3rem;
}
.mater_lists .mater_series .bot ul{
	width:100%;
	overflow:hidden;
}
.mater_lists .mater_series .bot ul li{
	width:calc(31.3% - 2px);
	float:left;
	margin-right:3%;
	margin-bottom:2rem;
	border:1px solid #ccc;
	border-radius:1rem;
	position: relative;
	overflow: hidden;
}
.mater_lists .mater_series .bot ul li:nth-child(3n){
	margin-right:0;
}
.mater_lists .mater_series .bot ul li .img{
	width:100%;
	overflow:hidden;
	display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.mater_lists .mater_series .bot ul li .img img{
	width:100%;
	height:auto;
}
.mater_lists .mater_series .bot ul li .text{
	width:100%;
	height:auto;
	overflow:hidden;
	position: absolute;
	height: 100%;
    top: 0;
    z-index: 9;
    background: #055eb261;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
	border-radius:1rem;
}
.mater_lists .tech .bot ul li .text{
	top: 100%;
	transition: all 0.6s;
}
.mater_lists .tech .bot ul li:hover .text{
	top: 0;
}
.mater_lists .mater_series .bot ul li:hover .text{
	background: #055eb2c7;
}
.mater_lists .mater_series .bot ul li .text h4{
	font-size: 1.8rem;
    line-height: 2;
    color: #fff;
	margin:1rem;
}
.mater_lists .mater_series .bot ul li .text p{
	color: #fff;
	-webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin:1rem;
	font-size:1.4rem;
}
.mater_lists .tech .top .img{
	width:40%;
	float:left;
}
.mater_lists .tech .top .text{
	width:50%;
	float:right;
}




.mater_lists .mater_txt{
	width:100%;
	overflow:hidden;
	margin: 6rem auto;
}
.mater_lists .mater_txt ul{
	width:100%;
	overflow:hidden;
}
.mater_lists .mater_txt ul li{
	width:100%;
	overflow:hidden;
	margin-bottom:5rem;
	float:left;
	margin-right:3%;
    padding-bottom: 1rem;
	border-bottom: 6px dotted #055eb20f;
}
.mater_lists .mater_txt ul li:nth-child(2n){
	margin-right:0;
}
.mater_lists .mater_txt ul li .img{
	width:25%;
	float:left;
	margin-right:5%;
	overflow:hidden;
	aspect-ratio: 1 / 1;
	border-radius:1rem;
	display: flex;
    align-content: center;
    flex-wrap: wrap;
	margin-bottom:2rem;
}
.mater_lists .mater_txt ul li .img img{
	height:100%;
	width:auto;
}
.mater_lists .mater_txt ul li .text{
	width:70%;
	overflow:hidden;
	float:left;
}
.mater_lists .mater_txt ul li .text h3{
	font-size:1.8rem;
	font-weight:600;
	color:#055eb2;
	line-height:2;
	margin-bottom:2rem;
}
.mater_lists .mater_txt ul li .text p{
	color: #484747;
	/*-webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;*/
    overflow: hidden;
}
.mater_lists .mater_txt ul li .text_bottom{
	width:100;
}
.mater_lists .mater_txt ul li .text_bottom .dli{
	width:50%;
	float:left;
	font-size:1.6rem;
	font-weight:500;
	line-height:2.5;
	color: #484747;
}
.mater_lists .mater_txt ul li .text_bottom .dli span{
	padding: 0.4rem;
    background: #055eb2;
    border-radius: 50%;
    display: inline-block;
    margin-right: 1rem;
}

.artNews{
	max-width: 1200px;
	overflow:hidden;
	margin:0rem auto;
	padding: 6rem 0;
	padding-bottom:1rem;
}
.artNews .thead{
	text-align: center;
	width: 100%;
}
.artNews .thead h1{
	font-size: 3rem;
    /*line-height: 3;*/
	color: #055eb2;
	margin-bottom: 4rem;
}
.artNews .thead p{
	font-size: 1.3rem;
    margin-bottom: 2rem;
	color: #585858;
}
.artNews .thead p span{
	margin-right: 2rem;
}
.artNews .tcont{
	width: 100%;
    /*float: left;*/
}
.artNews .tcont h3{
	color: #055eb2;
	line-height:3;
	font-size:2rem;
    /*float: left;*/
}
.artNews .tcont p{
    /*padding: 0 2rem;*/
    word-spacing: 2px;
    margin: 20px 0;
	font-size: 1.6rem;
    line-height: 1.75;
    color: #222;
}
.artNews .tcont img{
	text-align:center;
	max-width: 60%;
   height: auto;
	border-radius: 1rem;
}
.artNews .tcont h2{
	font-size: 3rem;
    line-height: 2;
}
.artNews .tcont .prev{
	width: 45%;
    float: left;
	font-size: 1.4rem;
	-webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin:50px 0;
}
.artNews .tcont .next{
	width: 45%;
    float: right;
	font-size: 1.4rem;
	text-align:right;
	-webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin:50px 0;
}
.artNews .tcont .prev a,.artNews .tcont .next a{
	color:#000!important;
}
.artNews .tcont a{
	color: #055eb2!important;
}
.artNews .tcont a span{
	color: #055eb2!important;
}

.s_material{
	max-width: 1200px;
	overflow:hidden;
	margin:0rem auto;
	padding: 6rem 0;
	padding-bottom:1rem;
}
.s_material ul{
	width:100%;
	overflow:hidden;
}
.s_material ul li{
	width:100%;
	margin-bottom:5rem;
	padding:5rem 0;
	border-bottom:1px solid #ccc;
	overflow: hidden;
}
.s_material ul li .text{
	width:45%;
	float:left;
}
.s_material ul li:nth-child(2n) .text{
	float:right;
}
.s_material ul li .text h3{
	font-size: 2.4rem;
    line-height: 2;
    color: #055eb2;
    margin-bottom: 3rem;
}
.s_material ul li .text p{
	font-size: 1.6rem;
	line-height:2;
}

.s_material ul li .text  .text_bottom{
	width:100%;
}
.s_material ul li .text  .text_bottom .dli{
	width:50%;
	float:left;
	font-size:1.4rem;
	font-weight:500;
	line-height:2.5;
	color: #484747;
}
.s_material ul li .text  .text_bottom .dli span{
	padding: 0.3rem;
    background: #055eb2;
    border-radius: 50%;
    display: inline-block;
    margin-right: 1rem;
}

.s_material ul li .img{
	width:45%;
	float:right;
	aspect-ratio: 1 / 1;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.s_material ul li:nth-child(2n) .img{
	float:left;
	aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 1rem;
	display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.s_material ul li .img img{
	width:100%;
	height:auto;
	border-radius: 1rem;
}
.s_material .tabAppli{}
.s_material .tabAppli h3{
	font-size: 2rem;
    color: #fff;
    background-color: #055eb2;
    padding: 10px 20px;
    display: inline-block;
    margin-bottom: 2rem;
	margin-top: 2rem;
	/*float:left;*/
}
.s_material .tabAppli table{
	margin-top:2rem;
	width:100%;
	text-align:center;
	line-height:2.5;
	font-size:1.6rem;
}
.s_material .tabAppli table tr:first-child{
	font-size:1.6rem;
	line-height:2.5;
	font-weight:600;
	/*background:#055eb2;*/
	color:#055eb2;
	line-height: 2.5;
}
.s_material .tabAppli table tr:first-child img{
	width: 3.5rem;
   vertical-align: middle;
}
.s_material .tabAppli table tr:nth-child(2n){
	background:#f8f8f8;
}
.s_material .tabAppli table tr td{
	border:1px solid #ccc;
}
.s_material .tabAppli .add{
	width:50%;
	float:left;
	text-align:right;
}
.s_material .tabAppli .dele{
	width:50%;
	float:right;
}
.s_material .tabAppli .add span,.s_material .tabAppli .dele span{
	width: 8rem;
    height: 3rem;
    border: 1px solid #ccc;
    margin: 0.5rem auto;
	text-align:center;
	line-height:3rem;
	font-size:3rem;
	color: #055eb2;
	font-weight:400;
	cursor: pointer;
	border-radius:1rem;
	display: inline-block;
	margin-right:1%
}



.s_material .tab{
	width:100%;
	overflow:hidden;
	margin-bottom:5rem;
}
.s_material .tab h3{
	font-size: 2.4rem;
    line-height: 2;
    color: #055eb2;
    margin-bottom: 3rem;
}
.s_material .tab table{
	width:100%;
	overflow:hidden;
	text-align:center;
	font-size:1.6rem;
	color:#484747;
}
.s_material .tab table tr{
	border-bottom:1px solid #ccc;
	line-height:3;
}
.s_material .tab table tr td:first-child{
	width:40%;
	text-align:left;
	padding-left:1rem;
}
.s_material .tab table tr:nth-child(2n){
	background:#f8f8f8;
}
.s_material .related{
	width:100%;
	margin-bottom:5rem;
	padding:5rem 0;
	/*border-bottom:1px solid #ccc;*/
	overflow: hidden;
}
.s_material .related h3{
	font-size: 2.4rem;
    line-height: 2;
    color: #055eb2;
    margin-bottom: 3rem;
}
.s_material .related ul{
	width:100%;
	overflow:hidden;
}
.s_material .related ul li{
	width:calc(31.3% - 2px);
	float:left;
	margin-right:3%;
	margin-bottom:2rem;
	border:1px solid #ccc;
	border-radius:1rem;
	position: relative;
	overflow: hidden;
	padding: 0;
}
.s_material .related ul li:nth-child(3n){
	margin-right:0;
}
.s_material .related ul li .img{
	width:100%;
	overflow:hidden;
	display: flex;
    flex-wrap: wrap;
    align-content: center;
	aspect-ratio: auto;
}
.s_material .related ul li .img img{
	width:100%;
	height:auto;
}
.s_material .related ul li .text{
	width:100%;
	height:auto;
	overflow:hidden;
	position: absolute;
	height: 100%;
    z-index: 9;
    background: #055eb2c7;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
	border-radius:1rem;
	top: 100%;
	transition: all 0.6s;
}
.s_material .related ul li:hover .text{
	top: 0;
}
.s_material .related ul li .text h4{
	font-size: 1.8rem;
    line-height: 2;
    color: #fff;
	margin:1rem;
}
.s_material .related ul li .text p{
	color: #fff;
	-webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin:1rem;
	font-size:1.4rem;
}


.conews .content{
	max-width: 1400px;
	overflow:hidden;
	margin:0rem auto;
	padding: 6rem 0;
	padding-bottom:1rem;
}
.conews .content ul{
	overflow: hidden;
}
.conews .content li{
	width: 48%;
    overflow: hidden;
	margin-bottom: 35px;
	cursor:pointer; 
	/*min-height: 230px;
	padding-bottom: 10px;*/
    /*border-bottom: 1px solid #ccc;*/
	float:left;
	margin-right:4%;
}
.conews .content li:nth-child(2n){
	margin-right:0;
}
.conews .content li .img{
	 width: calc(100% - 2px);
    height: 225px;
    overflow: hidden;
    /*border: 1px solid #ccc;*/
	/*float:left;*/
	margin-bottom: 20px;
	display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   border-radius:1rem;
}
.conews .content li .new_r{
	/*width: calc(100% - 350px);*/
    float: right;
}
.conews .content li img{
	width: 100%;
	height:auto;
	transition: all 0.6s;
}
.conews .content li h5{
	font-size: 2rem;
    margin-bottom: 15px;
    font-weight: 600;
	-webkit-line-clamp:2;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow:hidden;
	color: #055eb2;
}
.conews .content li p{
	font-size:1.5rem;
	color:#777;
	-webkit-line-clamp:3;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow:hidden;
	/*text-indent: 2em;*/
}
.conews .content li .new_bottom{
	width:100%;
	overflow:hidden;
	margin-bottom: 1rem;
}
.conews .content li .new_bottom span{
	font-size: 1.4rem;
	line-height: 2;
}
.conews .content li .new_bottom span:nth-child(2n){
	margin-left: 35%;
	color:#055eb2;
	font-size: 1.4rem;
	font-weight:500;
}
.conews .content li:hover img{
	transform: scale(1.1);
    transition: all 0.6s ease-in-out;
}
/*
.conews .content li:hover .new_bottom span:nth-child(2n){
	background:#055eb2;
	color:#fff;
}*/
.pagination {
    text-align: center;
    margin-top: 2rem;
    font-size: 1.4rem;
	overflow: hidden;
    margin-bottom: 2rem;
	line-height:3;
}
.pagination .smaller{
	border: 1px solid #ccc;
    padding: 6px 12px;
    margin: 0px 5px;
}
.pagination .inactive{
	border: 1px solid #ccc;
    padding: 6px 12px;
    margin: 0px 5px;
}
.pagination span.current {
	border: 1px solid #055eb2;
	padding: 6px 12px;
	margin: 0px 5px;
	background-color: #055eb2;
	color: #fff;
}

.listCase{
	max-width: 1200px;
	overflow:hidden;
	margin:0rem auto;
	padding: 6rem 0;
	padding-bottom:1rem;
}
.listCase ul{
	width:100;
	overflow:hidden;
}
.listCase ul li{
	width:calc(33.33% - 2rem);
	margin-right:3rem;
	margin-bottom:3rem;
	aspect-ratio: 19 / 14;
	border-radius:1rem;
	float:left;
	overflow:hidden;
	position: relative;
	transition: all 0.6s;
}
.listCase ul li:nth-child(3n+2){
	margin-right:0;
}
.listCase ul li:first-child,.listCase ul li:nth-child(2){
	width:calc(50% - 1.5rem);
}
.listCase ul li:nth-child(2){
	margin-right:0;
}
.listCase ul li .img{
	width:100%;
	aspect-ratio: 19 / 14;
	overflow:hidden;
	display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.listCase ul li .img img{
	width:100%;
	height:auto;
}
.listCase ul li .text{
	width:100%;
	aspect-ratio: 19 / 14;
	overflow:hidden;
	position: absolute;
    top: 0;
    z-index: 99;
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
	background: #055eb240;
    color: #fff;
}
.listCase ul li:hover .text{
	background: #055eb2cf;
}
.listCase ul li .text h3{
    font-size: 1.8rem;
    margin: 2rem;
    line-height: 1.5;
	-webkit-line-clamp:2;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.listCase ul li:first-child .text h3,.listCase ul li:nth-child(2) .text h3{
	font-size:2rem;
}
.listCase ul li .text p{
	display:none;
	margin: 0.5rem 2rem;
	font-size:1.6rem;
	color:#fff;
	overflow:hidden;
	margin-bottom:3rem;
	-webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.listCase ul li:first-child .text p,.listCase ul li:nth-child(2) .text p{
	display:-webkit-inline-box;
}
.listCase ul li .text span{
	display: inline-block;
    margin: 0.5rem 2rem;
    font-size: 1.5rem;
    font-weight: 600;
	margin-bottom:3rem;
}

.list_data{
	max-width: 1200px;
	overflow:hidden;
	margin:0rem auto;
	padding: 6rem 0;
	padding-bottom:1rem;
}
.list_data ul{
	overflow:hidden;
	width:100%;
}
.list_data ul li{
	width:48%;
	margin-right:4%;
	float:left;
	border-bottom:1px solid #ccc;
	margin-bottom: 3rem;
    padding-bottom: 3rem;
}
.list_data ul li:nth-child(2n){
	margin-right:0;
}
.list_data ul li .img{
	width:20%;
	float:left;
	margin-right:3%;
}
.list_data ul li .img img{
	width:100%;
	height:auto;
}
.list_data ul li .text{
	width:72%;
	overflow: hidden;
}
.list_data ul li .text h5{
	font-size: 1.8rem;
    line-height: 2.5;
}
.list_data ul li .text img{
	width: 1.5rem;
    margin-right: 0.5rem;
}
.list_data ul li .text span{
	font-size: 1.6rem;
    color: #055eb2;
}


.contus{
	max-width: 1200px;
	overflow:hidden;
	margin:0rem auto;
	padding: 6rem 0;
	padding-bottom:1rem;
}
.contus .text{
	width:50%;
	float:left;
	overflow:hidden;
}
.contus .text h2{
	font-size: 2.4rem;
    line-height: 3;
    color: #055eb2;
    margin-bottom: 3rem;
}
.contus .text li{}
.contus .text li span{
	width:2.4rem;
	display: inline-block;
    float: left;
    margin-right: 1rem;
}
.contus .text li span svg{
	margin-top: 0.5rem;
	fill: #055eb2;
}
.contus .text li p{
	font-size: 1.8rem;
	line-height:2;
}
.contus .tab{
	width:50%;
	float:right;
	overflow:hidden;
}
.contus .tab fieldset{
	display:none;
}
.contus .tab input{
	width: 70%;
    padding: 10px 5px 10px 10px;
    box-sizing: border-box;
    border: solid #ddd 1px;
	font-size:1.6rem;
	border-radius: 0.5rem;
}
.contus .tab textarea{
	width: 100%;
    box-sizing: border-box;
    padding: 10px;
    line-height: 24px;
    resize: none;
    height: 120px;
    border: solid #ddd 1px;
	font-size:1.6rem;
	border-radius: 0.5rem;
}
.contus .tab .bnt{
	width: 25%;
    border: solid #055eb2 1px;
    color: #055eb2;
    background: #fff;
    border-radius: 0.5rem;
	cursor: pointer;
}
.contimg{
	max-width:1200px;
	overflow:hidden;
	margin:5rem auto;
}
.contimg img{
	width:100%;
}

/*footer*/
.footer{
	width:100%;
	background: #111;
    font-weight: normal;
	overflow:hidden;
	background-image: linear-gradient(60deg, #00a0e9 0%, #055eb2 60%);
}
.footer .center{
	width:1400px;
	padding: 8rem 0px;
	margin:auto;
	overflow:hidden;
}
.footer .f_left{
	width:25%;
	float:left;
	margin-right:3%;
}
.footer .f_left .logo{
	margin-bottom:2rem;
}
.footer .f_left .logo img{
	width:70%;
}
.footer .f_left p{
	width: 100%;
    font-size: 1.4rem;
    color: #ffffff;
    font-weight: 400;
	overflow:hidden;
	margin-bottom:3rem;
	-webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.footer .f_left ul{}
.footer .f_left ul li{
	width:30px;
	height:30px;
	float:left;
	overflow:hidden;
	margin-right:10px;
	border:1px solid #fff;
	border-radius:15px;
	text-align:center;
}
.footer .f_left ul li:first-child{
	background:#055eb2;
	border:1px solid #055eb2;
}
.footer .f_left ul li:hover{
	background:#055eb2;
	border:1px solid #055eb2;
}
.footer .f_left ul li img{
	width: 60%;
	margin:20%;
}
.footer .f_cont{
	width:45%;
	float:left;
	margin-right:3%;
}



.footer .f_cont ul.fmenu{}
.footer .f_cont ul.fmenu>li{
	width:33.333%;
	float:left;
}
.footer .f_cont ul.fmenu>li>a{
	color: #fff;
    font-size: 2rem;
    font-weight: 600;
    position: relative;
    padding-bottom: 20px;
    text-transform: uppercase;
	line-height: 3;
}
.footer .f_cont ul.fmenu li ul.sub-menu{}
.footer .f_cont ul.fmenu li ul.sub-menu li{}
.footer .f_cont ul.fmenu li ul.sub-menu li a{
	font-size:1.4rem;
	color:#fff;
	font-weight:400;
	line-height: 2.5;
}

.footer .f_cont dl{
	width:33.333%;
	float:left;
}
.footer .f_cont h3{
	color: #fff;
    font-size: 2rem;
    font-weight: 600;
    position: relative;
    padding-bottom: 20px;
    /*text-transform: uppercase;*/
}
.footer .f_cont dt{
	font-size:1.5rem;
	color:#fff;
	font-weight:500;
	line-height: 2;
	-webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.footer .f_right{
	width:24%;
	float:left;
}
.footer .f_right h3{
	color: #fff;
    font-size: 2rem;
	padding-bottom: 3rem;
}
.footer .f_right p{
	font-size:1.4rem;
	color:#fff;
}
.footer .f_right p img{
	width: 1.5rem;
    margin-right: 10px;
}
.footer .f_right p a{
	font-size:1.4rem;
	color:#fff;
}

.foot{
	width:100%;
	overflow:hidden;
	border-top: 1px solid #ccc;
}
.foot .cont{
	width:1360px;
	margin:auto;
	padding:10px 0;
}
.foot .cont p{
	line-height:3;
	margin: 0;
    text-align: center;
}
.totop{
	position:fixed;
	right: 0px;
	/*bottom:100px;*/
	display:block;
	width:45px;
	height:45px;
	background: #84d1f566 url(../images/rocket.png) no-repeat center 8px;
	-webkit-transition: all 0.1s ease-in-out;
	background-size:80%;
	border-radius: 0.5rem;
}
.totop:hover{
	background:#f7f7f7 url(../images/rocket.png) no-repeat center -26px;
	background-size:80%;
}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}

.suspension .suspension-box .suservice a{display:block;width:44px;height:44px;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .suspension-box .suservice a i{float:left;width:44px;height:44px;}
.suspension .suspension-box .suservice a{background:#055eb2;}
.suspension .suspension-box .suservice a:nth-child(1) i{background:url(../images/email.png) no-repeat;background-size: 100%;}
.suspension .suspension-box .suservice a:nth-child(2) i{background:url(../images/whatsapp.png) no-repeat;background-size: 100%;}
.suspension .suspension-box .suservice a:nth-child(3) i{background:url(../images/phone.png) no-repeat;background-size: 100%;}
.suspension .suspension-box .suservice a:nth-child(4){/*background:#25d366;*/}
.suspension .suspension-box .suservice a:nth-child(4) i{background:url(../images/weixin.png) no-repeat;background-size: 100%;}
.suspension .suspension-box .suservice a:last-child{background: #84d1f566 url(../images/rocket.png) no-repeat center 5px;display:none;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:44px;height:44px;background-image:url(../images/email.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{background-image:url(../images/skype.png);background-repeat:no-repeat;}
.suspension .a-qrcode .i{}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-image: url(../images/top.png)}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:253px;background:#fff;position:absolute;right:50px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:78px;}
.suspension .d-qrcode{top:34px;}
.suspension .d-weixin{top:0px;}
.suspension .d .inner-box{padding:15px 22px 12px;}
.suspension .d-service-item{/*border-bottom:1px solid #eee;padding:14px 0;*/border-bottom:none;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item .i-mail{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center center;display:block;}
.suspension .d-service-item .i-whatsapp{width:44px;height:44px;background:url(../images/side_con_icon01.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:145px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}