/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family:''; color:#333;}
a{ color:#666;}
a:hover{ color:#f60; text-decoration:none;}

p {
	line-height: 1.5em;
	padding: 5px 0;
	text-align: left;
}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:100%; max-width: 1200px; margin:0 auto;}
input,textarea,select{outline:none}
/*common end*/

.head{ width: 100%;}
.logo{ width: 20%; float: left;}
.logo img{ width: 100%; height: 100px; object-fit: contain;}
.menu{ width: 70%; float: right;}
.menu ul li{ padding: 0 20px; text-align: center; line-height: 100px; display: inline-block; position: relative;}
.menu ul li a{ font-size: 16px; color: #000; font-weight: bold;}
.menu ul li.on::before{ position: absolute; content: ""; width: 30%; left: 50%; transform: translateX(-50%); top: 65%; height: 2px; background-color: #577BCC;} 
.menu ul li.on a{ font-weight: bold; color: #577BCC; }

.con1{ padding: 60px 0;}
.bt h1{ font-size: 48px; margin-bottom: 30px; text-align: center;}
.bt h2{ font-size: 24px;  text-align: center; margin-bottom: 60px; font-weight: normal;}
.con1 ul{ display: flex; justify-content: space-between;}
.con1 ul li{ width: 24%; border-radius: 15px; position: relative;}
.c1kuang{ padding: 30px;}
.c1kuang h1{ font-size: 20px; margin-bottom: 30px;}
.c1btn{padding: 0 10px; background-color: #577BCC; color: #FFFFFF; border-radius: 5px; line-height: 25px; display: inline-block; font-size: 12px;}
.c1icon{
	     position: absolute;
	     width: 50px;
	     height: 50px;
	     bottom: 15px;
	     right: 0;
	     display: flex;
	     justify-content: center;
	     align-items: center;
}

.con2{ padding: 60px 0;}


.con3{ padding: 60px 0;}
.c3nr{ display: flex;justify-content: space-between;}
.c3item{ width: 49%;}
.c3top{ height: 90px; background-color: #577BCC; color: #FFFFFF; font-size: 30px; font-weight: bold; line-height: 90px; text-align: center; margin-bottom: 10px;}
.c3top h1{ font-size: 30px;}
.c3it{ background-color: #F2F2F2;}
.pd30{ padding: 30px;}
.c3it{ margin-bottom: 10px;}
.c3it h1{ font-size: 30px; margin-bottom: 20px; text-align: center;}
.c3it p{ font-size: 14px; text-align: center;}
.c3nr{ position: relative;}
.c3cricle{ width: 200px; height: 200px; background-color: #F9F9F9; overflow: hidden; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.c3cricle img{ width: 100%; height: 100%; object-fit: contain;}

.con4{ padding: 60px 0;}
.slideTxtBox{width:100%;border: 0;text-align: center;}
		.slideTxtBox .hd{height: 50px;line-height: 50px;background: #fff;padding: 0;border-bottom:1px solid #ddd;position:relative;}
		.slideTxtBox .hd ul{float: none;position: relative;left: 0;top: 0;height: 50px;}
		.slideTxtBox .hd ul li{float: none;padding: 0 80px;cursor:pointer;width: 0 40px; font-weight: bold; text-align: center;display: inline-block;font-size: 18px;line-height: 50px;}
		.slideTxtBox .hd ul li.on{ border-bottom: 1px solid #577BCC; color: #577BCC;} 
		.slideTxtBox .bd ul{ padding: 30px 0; display: flex;justify-content: space-between; flex-wrap: wrap;}
		.slideTxtBox .bd li{/* height:24px; */ display: inline-block; margin-bottom: 30px; line-height:24px;width: 32%;position: relative;}
		.slideTxtBox .bd li .date{ float:right; color:#999;  }
		
.c4nr{    width: 50%;
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    box-shadow: 1px 1px 6px #888;
    border-radius: 10px;}

.con5{ padding: 60px 0;}
.c5list{ width: 100%;}
.c5list ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.c5list ul li { width: 24%; margin-bottom: 10px;}
.c5list ul li img{ width: 100%;}

.con6{ padding: 60px 0; display: flex;justify-content: space-between; flex-wrap: wrap;}
.con6lf{ width: 45%;}
.con6rt{ width: 54%;}
.con6rt{ font-size: 30px;}
.ipt{ margin: 20px 0; width: 80%; display: flex; justify-content: space-between;}
.iptlf{ width: 70%;}
.iptlf input{ width: 100%; font-size: 16px; border: 0; border-bottom: 1px solid #ddd; line-height: 35px; text-indent: 1rem;}
.iptrt{ width: 28%;}
.iptrt h3{ font-size: 20px;}
.iptrt p{ font-size: 16px;}
.iptlf textarea{ width: 100%; font-size: 16px; border: 0; border-bottom: 1px solid #ddd; line-height: ; height: 60px; text-indent: 1rem;}
.c6btn{ padding: 0 15px; line-height: 35px; color: #fff; background-color: #577BCC; display: inline-block; margin-top: 30px; font-size: 14px;}

.nybanner img{ width: 100%;}

.foot{ background-color: #000000; padding: 60px 0;}
 .foot{padding-bottom: 0;}
		 .footlf{ width: 65%; float: left;}
		 .footlf ul{ display: flex;}
		 .footlf ul li{ display: inline-block; padding: 0 20px;}
		 .footlf ul li h1{ font-size: 16px; color: #FFFFFF;}
		 .footlf ul li dl dd{ line-height: 30px; margin: 5px 0;}
		 .footlf ul li dl dd a{ font-size: 14px ; color: #FFFFFF;}
		 .footrt{ width: 34%; float: right;}
		 .furx h1{ color: #FFFFFF; font-size: 18px; margin-bottom: 20px;}
		 .furx h2{ font-size: 32px; color: #FFFFFF;  margin-bottom: 20px;}
		 .furx h3{ color: #FFFFFF; font-size: 18px; margin-bottom: 20px;}
		 .footbtn{ background-color: #007AFF; padding: 10px ; display: flex; justify-content: center; align-items: center; width: 180px; margin-bottom: 30px;}
		 .footbtn span{ font-size: 18px; color: #FFFFFF; margin: 0 10px;}
		 .erm h1{ color: #FFFFFF; font-size: 18px; margin-bottom: 20px;}
		 .erm img{ width: 180px ; height: 180px; }
		 .footbtom{ padding: 20px 0 ; }
		 .footbtom p{ font-size: 16px; text-align: center; color: #FFFFFF;}
		 
.nvv{    width: 100%;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0px 0px 7px #ddd;
	    display: flex;
	    justify-content: space-between; transform: translateY(-45px); background-color: #FFFFFF;} 
.item{ display: flex; align-items: center;} 
.item span{ font-size: 16px; margin-left: 10px;}

.sevicecon1{ padding: 60px 0;}
.sevicecon1 ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.sevicecon1 ul li{ width: 32%; background-color: #F2F2F2; display: flex; align-items: center; justify-content: center;}
.senr{ padding: 30px; text-align: center;}
.seicon{ width: 50px; height: 50px;}
.senr p {
	font-size: 16px;
	font-weight: bold;
	padding-top: 20px;
}
.sevicecon2{ padding: 60px 0;}

.sevicecon3{ padding: 60px 0; position: relative;}
.s3lf{ width: 50%; float: left; background-color: #F2F2F2; min-height: 340px; display: flex; justify-content: center; align-items: center;}
.s3lf{ font-size: 22px; text-align: left;}
.s3lf p{ font-size: 18px; text-align: left;}
.s3rt{ width: 60%; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.s3top{ align-items: center; display: flex; justify-content: space-between; margin-bottom: 5px;}
.s3toplf{ display: flex; align-items: center;}
.s3toprt h1{ font-size: 24px;}
.s3toplf img{ width: 25px !important; margin-right: 5px; height: !important ;} 
.s3nr p{ text-align: left; font-size: 14px;}
.s3item{    width: 98%;
    /* padding: 30px; */
    background-color: #FFFFFF;
    box-shadow: 0px 0px 5px #DDDDDD;}
.sevicecon3 .swiper-slide{    background: transparent;  padding: 5px 0;}\

.sevicecon4{ padding: 60px 0; position: relative;}

.sevicecon5{ padding: 60px 0; position: relative;}
.sevicecon5 .services-area[data-v-ac4bfafc] {
    display: flex;
    height: 320px;
    margin-top: 40px;
    width: 1200px
}

.sevicecon5 .services-area .service-item[data-v-ac4bfafc] {
    background-clip: border-box;
    background-image: url(./service-sjds.2Lwck4HC.jpg);
    background-origin: border-box;
    background-position: 50%;
    background-size: auto 100%;
    height: 100%;
    position: relative;
    transition: all .2s;
    width: var(--scene-width)
}

	.sevicecon5 .services-area .service-item .desc-area[data-v-ac4bfafc] {
		background: linear-gradient(168deg,#577bcc,#577bcc 82.6%);
		border-radius: 0 56px 0 0;
		bottom: 0;
		overflow: hidden;
		position: absolute;
		transition: all .2s;
		width: var(--scene-desc-width);
		stroke-width: 1px;
		stroke: #fffc;
		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);
		display: flex;
		flex-direction: column;
		padding-bottom: 24px
	}

.sevicecon5 .services-area .service-item .desc-area img[data-v-ac4bfafc] {
    height: 28px;
    margin: 16px 0 0 16px;
    width: 28px
}

.sevicecon5 .services-area .service-item .desc-area .desc-title[data-v-ac4bfafc] {
    color: #fff;
    font-family: JingDongLangZhengTi;
    font-size: 20px;
    line-height: 30px;
    margin: 4px 0 0 16px
}

.sevicecon5 .services-area .service-item .desc-area .desc-title.even[data-v-ac4bfafc] {
    color: #000000d9
}

.sevicecon5 .services-area .service-item .desc-area .divider[data-v-ac4bfafc] {
    background: #202020;
    height: 3px;
    margin: 8px 0 0 16px;
    width: 24px
}

.sevicecon5 .services-area .service-item .desc-area .divider.even[data-v-ac4bfafc] {
    background: #e1251b
}

.sevicecon5 .services-area .service-item .desc-area .desc-desc[data-v-ac4bfafc] {
    color: #fff;
    font-family: PingFang TC;
    font-size: 14px;
    max-height: 0;
    opacity: 0;
    text-align: justify;
    transition: all .3s;
    visibility: hidden
}

.sevicecon5 .services-area .service-item .desc-area .desc-desc.even[data-v-ac4bfafc] {
    color: #000000d9
}

.sevicecon5 .services-area .service-item .desc-area.even[data-v-ac4bfafc] {
    background: linear-gradient(180deg,#fffc,#f5f5f54d);
    border-radius: 0 0 56px;
    bottom: auto;
    top: 0
}

.sevicecon5 .services-area .service-item[data-v-ac4bfafc]:hover {
    background-size: auto 145%;
    width: var(--scene-hover-width)
}

.sevicecon5 .services-area .service-item:hover .desc-area[data-v-ac4bfafc] {
    height: auto;
    width: var(--scene-desc-hover-width)
}

.sevicecon5 .services-area .service-item:hover .desc-area .desc-desc[data-v-ac4bfafc] {
    margin: 8px 40px 12px 16px;
    max-height: 42px;
    opacity: 1;
    transition: all .25s ease-in-out;
    visibility: visible
}

@keyframes arrow-move-animation-ac4bfafc {
    0% {
        margin-left: 16px
    }

    40% {
        margin-left: 23px
    }

    50% {
        margin-left: 25px
    }

    60% {
        margin-left: 23px
    }

    to {
        margin-left: 16px
    }
}
:root {
    --el-menu-active-color: var(--el-color-primary);
    --el-menu-text-color: var(--el-text-color-primary);
    --el-menu-hover-text-color: var(--el-color-primary);
    --el-menu-bg-color: var(--el-fill-color-blank);
    --el-menu-hover-bg-color: var(--el-color-primary-light-9);
    --el-menu-item-height: 56px;
    --el-menu-sub-item-height: calc(var(--el-menu-item-height) - 6px);
    --el-menu-horizontal-height: 60px;
    --el-menu-horizontal-sub-item-height: 36px;
    --el-menu-item-font-size: var(--el-font-size-base);
    --el-menu-item-hover-fill: var(--el-color-primary-light-9);
    --el-menu-border-color: var(--el-border-color);
    --el-menu-base-level-padding: 20px;
    --el-menu-level-padding: 20px;
    --el-menu-icon-width: 24px
}
.con4{ overflow-x: hidden;}
.cernr{ display: flex; width: 100%; flex-wrap: wrap;}
.cernrlf{ width: 40%; height: 350px;}
.cernrlf img{ width: 100%; height: 100%;}
.cernrrt{width: 60%;height: 350px;background-color: #ffff;display: flex;justify-content: center;align-items: center;}
.cernn{ width: 90%;}
.cernn h1{    font-size: 24px;
    margin-bottom: 10px;
    text-align: left;}

.sevicecon6{ position: relative; padding: 60px 0; padding-top: 0px;}
.sev6lf{ width: 45%; height: 640px;} 
.sev6lf img{ width: 100%; height: 100%;}
.sev6rt{position: absolute;top: 50%;right: 0;background-color: #FFFFFF;padding: 60px;transform: translateY(-50%);width: 60%;}
.sev6rt h1{
    font-size: 48px;
    margin-bottom: 10px;
}
.sev6rt h2{
    font-size: 38px;
    margin-bottom: 20px;
}
.sev6rt p{
    font-size: 18px;
}
.s6more{
    display: block;
    font-size: 16px;
    margin: 20px 0;
}
.sev6{
    width: 100%;
    margin-top: 40px;
    display: flex;
}
.sev6item{
    width: 140px;
    line-height: 35px;
    text-align: center;
    background-color: #999999;
    margin: 0;
    margin-right: 10px;
    color: #fff;
}
.sev6item:hover{ background-color:#577BCC ;}

.cellNacTop{ display: none;}
.cellTopHear{ position: fixed; top: 0; left: 0; right: 0; background: #fff; height: 56px; z-index: 50; padding: 0 20px; display: flex; justify-content: space-between; align-items: center;}
.cellTopHear .logo a{ display: flex; justify-content: flex-start; align-items: center;}
.cellTopHear .logo img{ height: 18px; margin-right: 9px;}
.cellTopHear .logo .p{ font-size: 14px; color: #000; line-height: 18px; white-space: nowrap;}
.cellTopHear .sole{ width: 16px; height: 16px; position: relative; transition: all 0.5s;}
.cellTopHear .sole .em{ position: absolute; width: 16px; height: 2px; background: #4C7EE9; border-radius: 1.5px; left: 0;}
.cellTopHear .sole .em.em1{ top: 0;}
.cellTopHear .sole .em.em2{ top: 50%; transform: translateY(-50%);}
.cellTopHear .sole .em.em3{ bottom: 0;}
.cellTopHear .sole.sole2{ transform: rotate(90deg);}
.cellTopList{ display: none; position: fixed; top: 56px; left: 0; bottom: 0; right: 0; z-index: 50; overflow-y: auto; background: #fff; padding: 0 20px 20px 20px;}
.cellTopList .li .tit{ border-bottom: 1px solid #DCDFE6; position: relative;}
.cellTopList .li .tit a{ font-size: 16px; line-height: 56px; color: #333;}
.cellTopList .li .tit em{ display: block; width: 16px; height: 16px; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(-90deg); background: url(../images/arrow-down.png) no-repeat center; background-size: 100% auto; transition: all 0.5s;}
.cellTopList .li.on .tit em{ transform: translateY(-50%) rotate(0);}
.cellTopList .li .mLi .h1{ color: #999; line-height: 48px;}
.cellTopList .li .mLi a{ display: flex; justify-content: flex-start; align-items: center; color: #333; line-height: 48px; font-size: 16px; border-bottom: 1px solid #DCDFE6;}
.cellTopList .li .mLi a .img{ width: 14px; height: 14px; margin-right: 6px;}
.cellTopList .li .mLi a .img img{ width: 100%; display: block;}
.cellTopList .li .list{ display: none;}
.botCellNav{ display: none; background: #fff; border-top: 1px solid #DCDFE6; padding: 6px 0 7px 0; justify-content: space-around; position: fixed; left: 0; bottom: 0; right: 0; z-index: 20;}
.botCellNav .img{ width: 24px; height: 24px; background: #004CEF; border-radius: 4px; margin: auto;}
.botCellNav .img img{ width: 100%;}
.botCellNav .p{ text-align: center; font-size: 12px; line-height: 12px; margin-top: 3px; color: #333;}

.isdcon{ padding: 60px 0;}

@media screen and (max-width: 750px){
	.head{ display: none;}
	.cellNacTop, .automatonSixCell {
	    display: block;
	}
	.nv{ height: 60px;}.isdcon{ padding: 10px 0;}
	.con1{ padding: 10px 0;}
	.con2{ padding: 10px 0;}
	.con3{ padding: 10px 0;}
	.con4{ padding: 10px 0;}
	.con5{ padding: 10px 0;}
	.con6{ padding: 10px 0;}
	.bt h1{    font-size: 20px;
    margin-bottom: 10px;
    text-align: center;}
	.bt h2 {
	    font-size: 14px;
	    text-align: center;
	    margin-bottom: 20px;
	    font-weight: normal;
	}
	.con1 ul{ flex-wrap: wrap;}
	.con1 ul li {
	    width: 81%;
	    margin: 10px auto;
	}
	.c3cricle{ display: none;}
	.c3top {
	    height: 40px;
	    background-color: #577BCC;
	    color: #FFFFFF;
	    font-size: 30px;
	    font-weight: bold;
	    line-height: 40px;
	    text-align: center;
	    margin-bottom: 10px;
	}
	.c3top h1 {
	    font-size: 14px;
	}
	.c3it h1 {
	    font-size: 16px;
	    margin-bottom: 5px;
	    text-align: center;
	}
	.pd30 {
	    padding: 10px;
	}
	.c4icon img{ width:20px}
	.c4nr h2{ font-size:12px}
	.slideTxtBox .hd {
	    height: auto;
	    line-height: 50px;
	    background: #fff;
	    padding: 0;
	    border-bottom: 1px solid #ddd;
	    position: relative;
	}
	.slideTxtBox .hd ul {
	    float: none;
	    position: relative;
	    left: 0;
	    top: 0;
	    height: auto;
	}
	.slideTxtBox .hd ul li {
	    float: none;
	    padding: 0 60px;
	    cursor: pointer;
	    width: 0 40px;
	    font-weight: bold;
	    text-align: center;
	    display: inline-block;
	    font-size: 18px;
	    line-height: 50px;
	}
	.slideTxtBox .bd li {
	    /* height: 24px; */
	    display: inline-block;
	    margin-bottom: 30px;
	    line-height: 24px;
	    width: 47%;
	    position: relative;
	    margin: 0 auto;
	}
	.slideTxtBox .bd ul {
	    padding: 30px 0;
	    display: flex;
	    justify-content: center;
	    flex-wrap: wrap;
	}
	.con6lf{ width: 100%; margin-bottom: 20px;}
	.con6rt h1{
	    font-size: 20px;
	        margin-bottom: 5px;
	}
	.con6rt h2{
	    font-size: 16px;
	}
	.con6rt {
	    width: 100%;
	}
	.ipt {
	    margin: 20px 0;
	    width: 100%;
	    display: flex;
	    justify-content: space-between;
	    flex-wrap: wrap;
	}
	.iptlf {
	    width: 100%;
	}
	.iptrt {
	    width: 100%;
	    margin: 0 auto;
	    margin-top: 20px;
	}
	.footlf {
	    width: 100%;
	    float: left;
	}
	.footlf ul li dl{ display: none;}
	.footrt{ width: 100%; margin-top: 20px;}
	.foot{ padding: 20px 0;}
	.wapper{ width: 95%; }
	.nvv {
	    
	    padding: 10px 0;
	    border-radius: 15px;
	    box-shadow: 0px 0px 7px #ddd;
	    display: flex;
	    justify-content: space-between;
	    transform: none;
	    background-color: #FFFFFF;
	}
	.nvv .item img{ width: 25px; }
	.item span{ font-size: 12px;}
	.sevicecon1 ul li{ width: 100%; margin-bottom: 10px;}
	.sevicecon1 {
	    padding: 10px 0;
	}
	.sevicecon2{
	    padding: 10px 0;
	}
	.sevicecon2 {
	    padding: 10px 0;
	}
	.sevicecon4 {
	    padding: 10px 0;
	}
	.sevicecon5 {
	    padding: 10px 0;
	}
	.s3lf {
	    width: 100%;
	    float: none;
	    background-color: #F2F2F2;
	    min-height: 0;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.s3lf h1{ font-size: 26px; text-align: center;}
	.s3lf p{ text-align: center;}
	.s3rt {
	    width: 100%;
	    position: relative;
	    right: 0;
	    top: 0;
	    transform: none;
	}
	.s5sc{ overflow-x: scroll;}
	#certify {
	    position: relative;
	    width: 100% !important;
	    margin: 0 auto;
		
	}
	#certify .swiper-slide{ width: 100% !important;}
	#certify1 {
	    position: relative;
	    width: 100% !important;
	    margin: 0 auto;
		
	}
	#certify1 .swiper-slide{ width: 100% !important;}
	.sevicecon6{ padding: 10px 0; width: 95%; margin: 0 auto;}
	.sev6lf{ width: 100%; height: auto; float: none;}
	.sev6rt{ width: 100%; position: relative; top: 0; float: none; right: 0; transform: none; padding: 0;}
	.sev6item{ width: 100px;}
	.cernrlf{width: 100%;
    height: auto;}
	.cernrlf img {
    width: 100%;
    height: auto;
}
.cernrrt {
    width: 100%;
    height: auto;
    background-color: #ffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cellTopHear .logo img {
    height: auto;
    margin-right: 9px;
}
.cellTopHear .logo .p {
    font-size: 14px;
    color: #000;
    line-height: 18px;
    white-space: nowrap;
    display: none;
}

}