@charset "utf-8";
/* CSS Document */
.navbar_nav li{ position:relative;}
.navbar_nav li .child{ background-color:#fff; position:absolute;top:100%;width:100%;left:0;padding:10px 0; display:none;}
.navbar_nav li .child a{color:#222;display:block; text-align:center;font-weight: initial !important;line-height: 45px;}
.navbar_nav li .child a:hover{ background-color:#3b6a9f;color:#fff;}
.navbar_nav li:hover .child{ display:block;}
.navbar_nav li:hover .child a:after{ display:none;}
.exhibition{padding:40px 0;}
.exhibitionC{overflow:hidden;margin:0 -1%; display:none;}
.exhibition dl{float:left;width:31.333%;margin:0 1% 30px;}
.gao{height: 342px;overflow:hidden}
.exhibition dl a{ display:block;border:2px solid #eee;padding:5px;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.pic100 img{width:100%}
.exhibition dl dd{ text-align:center;padding:15px;font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.exhibition dl dt{ overflow:hidden;}
.exhibition dl dt img{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in; font-size:0; vertical-align:top;}
.exhibition dl a:hover dt img{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);}
.exhibition dl a:hover{border-color:#163264;}
.newfooter{ background:url(../images/pic2.jpg) no-repeat center center; background-size:cover;padding:60px 0; text-align:center;}
.newfooter .left{ display:inline-block; text-align:left;vertical-align: top;margin-right:10%;}
.newfooter .right{display:inline-block;text-align:left;width:46%;}
.newfooter .left h2{color:#fff;font-size:38px;}
.newfooter .left h2 span{color:rgba(255,255,255,0.7);font-size:20px;font-weight: initial; display:inline-block;margin-left:10px;}
.newfooter .left .con{margin-top:30px;color:rgba(255,255,255,0.7);font-size:16px; line-height:30px;}
.newfooter .right dl{margin-bottom:20px;}
.newfooter .right dl dt{color:rgba(255,255,255,0.7);font-size:16px;}
.newfooter .right dl dt span{ display:inline-block;margin-left:10px;color:#f00;}
.newfooter .right dl dd{margin-top:10px;}
.newfooter .right dl dd input,.newfooter .right dl dd textarea{width:100%;padding:5px 10px;}
.newfooter .right button{padding:8px 36px; background-color:#54698f;color:#fff;font-size:16px; cursor:pointer;}
.newfooter .right button:hover{ opacity:0.8;}
.container {min-width: initial;}
.newfooter .right dl dd textarea{ resize:none;height:60px;}
.m_nav .ul li .child{ display:none;}
.m_nav .ul li a.on:after {content: '+';float: right;font-size:18px;}
.m_nav .ul li .dropdown_menu a:before{content: '-';font-size:16px; display:inline-block;margin-right:6px;}
@font-face {
    font-family: 'YouSheBiaoTiHei';
    src: url('../font/YouSheBiaoTiHei.woff2') format('woff2'),
        url('../font/YouSheBiaoTiHei.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.zhservicebanner{ overflow:hidden;}
.zhservice1{background:url(../images/zh_bg1.jpg) no-repeat center center; background-size:100% 100%;padding:130px 6%;}
.zhservice1C{display:flex;align-items: center;justify-content: space-between;margin-top:30px;}
.zhservice1C .left{width:30%}
.zhservice1C .right{width:65%;}
.zhtitle{font-size:56px;line-height: 1;letter-spacing: 8px;font-family: 'YouSheBiaoTiHei';}
.zhservice1C .right .zhtitle{ text-align:right;}
.zhservice1con{margin-top:30px;display:flex;align-items:center;justify-content: space-between;}
.zhservice1con dl{width:28%; text-align:center;}
.zhservice1con dl dt img{max-width:100%;}
.zhservice1con dl dd{margin-top:30px; background-color:#f5f9ff;border-radius:60px;padding:20px 5px; box-shadow:0 5px 10px #cfd2ed;font-size: 18px;letter-spacing: 2px;font-weight: bold;}
.zhservice1word{margin:60px 10% 0;font-size:33px;font-family:'YouSheBiaoTiHei';font-style:italic;letter-spacing:3px;}
.zhservice1word .p2{ text-align:right;margin-top:10px;}
.zhservice2{padding:130px 6%;}
.zhservice2C{margin-top:70px;display:flex;flex-wrap:wrap;justify-content: space-between;}
.zhservice2C dl{width:13%; text-align:center;margin: 50px 0;}
.zhservice2C dl dt img{max-width:60%;}
.zhservice2C dl dd{margin-top:30px;font-size:18px;font-weight: bold;}
.zhservice3{background:url(../images/zh_bg2.jpg) no-repeat center center; background-size:100% 100%;padding:130px 6%;border-top:1px solid #9cd1e8;border-bottom:1px solid #9cd1e8;}
.zhservice3C{margin-top:50px;display:flex;align-items: center;justify-content: space-between;}
.zhservice3C .right{width:26%;}
.zhservice3C .left{width:70%;}
.zhservice3Cword{font-family:'YouSheBiaoTiHei';text-align:center;font-size:28px;letter-spacing:3px;line-height:40px;}
.zhservice3con{margin-top:50px;display:flex;align-items: center;justify-content: space-between;}
.zhservice3con dl{ text-align:center;background:url(../images/zh_bg3.png) no-repeat center center; background-size:100% 100%;padding:70px 10px;color:#fff;width:216px;}
.zhservice3con dl dt{font-size:22px;font-weight:bold;letter-spacing: 4px;}
.zhservice3con dl dd{margin-top:30px;letter-spacing: 4px;font-size:16px;}
.zhservice4{padding:130px 6%;display:flex;flex-wrap:wrap;justify-content: space-between;}
.zhservice4 .left{width:36%;}
.zhservice4 .right{width:55%;}
.zhservice4 .right .zhtitle{padding-left:10%;}
.zhservice4Cword{margin-top:40px;font-size:20px;font-weight: bold;}
.zhservice4con{margin:40px 0 0 12%;}
.zhservice4con li{ list-style:disc;font-size:20px;margin: 24px 0;font-weight: bold;}
.zhservice5{background:url(../images/zh_bg4.jpg) no-repeat center center; background-size:100% 100%;padding:130px 6%;}
.zhservice5C{margin-top:70px;display:flex;justify-content: space-between; text-align:center;}
.zhservice5C dl dd{margin-top:60px;font-size:20px;font-weight:bold;}
.zhservice5C dl dt img{max-width:80%;}
.overflow{ overflow:hidden;}
.zhservice1con dl:hover,.zhservice2C dl:hover,.zhservice3con dl:hover,.zhservice5C dl:hover{ transform:translateY(-10px);}
.f-turn{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}

@media(max-width:1440px){
	.zhservice1,.zhservice2,.zhservice3,.zhservice4,.zhservice5{padding: 80px 6%;}
	.zhservice2C {margin-top: 35px;}
	.zhservice3con dl {padding: 52px 10px;width: 180px;}
	.zhservice4con li {font-size: 18px;margin: 17px 0;}
	.zhservice4Cword {margin-top:30px;font-size:18px;}
}
@media(max-width:1199px){
	.newfooter .right {width: 40%;}
	.zhservice1C {margin-top:0px;}
	.zhservice2C dl dd {font-size: 16px;}
	.zhservice3con dl {width: 165px;}
	.zhservice3con dl dd {margin-top: 22px;font-size: 15px;}
	.zhservice3Cword {font-size: 24px;letter-spacing: 2px;line-height: 36px;}
	.zhtitle {font-size: 48px;letter-spacing: 6px;}
	
}
@media(max-width:991px){
	.newfooter .left h2 {font-size: 32px;}
	.zhservice1C .left{ display:none;}
	.zhservice1C .right .zhtitle {text-align: left;}
	.zhservice1C .right {width:100%;}
	.zhtitle {font-size: 44px;}
	.zhservice1word { font-size: 25px;}
	.zhservice2C dl {width:20%;margin: 30px 0;}
	.zhservice2C dl dd {margin-top: 16px;}
	.zhservice2C {justify-content: initial;}
	.zhservice3C .right {position: absolute;right:2%;top:5%; opacity:0.5; z-index:-1;}
	.zhservice3,.zhservice4{ position:relative; z-index:1;}
	.zhservice3C .left,.zhservice4 .right{width:100%;}
	.zhservice4 .left{position: absolute;right:2%;bottom:5%; opacity:0.5; z-index:-1;}
	.zhservice5C dl dd {font-size: 17px;}
	.zhservice5C dl dt img {max-width: 70%;}
}
@media(max-width:767px){
	.newfooter .left h2 {font-size: 26px;}
	.newfooter .left {display: block;margin-right: 0;}
	.newfooter { padding: 40px 10px;}
	.newfooter .left .con {font-size: 14px;}
	.newfooter .left .con img{width:100px;}
	.newfooter .right {display: block;width: 100%;margin-top: 30px;}
	.exhibition{padding:40px 10px;}
	.exhibition dl {width: 48%;margin: 0 1% 15px;}
	  .gao{height: 160px;overflow:hidden}
	.exhibition dl dd {padding: 12px;font-size: 14px;}
	.zhservicebanner img{width:120%;margin-left:-10%;}
	.zhservice1,.zhservice2,.zhservice3,.zhservice4,.zhservice5{padding: 46px 5%;}
	.zhtitle {font-size:30px;letter-spacing: 3px;}
	.zhservice1con dl dd {margin-top:15px;padding:7px 5px;font-size:15px;letter-spacing: 0px;}
	.zhservice1word {font-size: 18px;margin: 42px 0 0;letter-spacing: 2px;}
	.zhservice2C dl {width:33.333%;margin: 18px 0;}
	.zhservice2C dl dd {font-size: 14px;margin-top: 10px;}
	.zhservice2C {margin-top:25px;}
	.zhservice2C dl dt img {max-width: 50%;}
	.zhservice3Cword {font-size: 18px;letter-spacing: 1px;line-height: 24px;}
	.zhservice3con { margin-top:30px;}
	.zhservice3con dl {width: 48%;padding: 45px 10px;margin: 6px 0;}
	.zhservice3con dl dt {font-size: 17px;letter-spacing: 3px;}
	.zhservice3con dl dd {margin-top: 15px;font-size: 14px;}
	.zhservice4 .right .zhtitle {padding-left: 0;}
	.zhservice4Cword {margin-top: 25px;font-size: 15px;}
	.zhservice4con li {font-size: 15px;margin: 10px 0;}
	.zhservice4con {margin: 30px 0 0 7%;}
	.zhservice5C dl dd {font-size: 14px;margin-top: 26px;}
	.zhservice5C dl{margin:0 10px;}
	.zhservice5C dl dt img {max-width: 95%;}
	.zhservice5C {margin-top: 50px;}
	
}
@media(max-width:560px){
	.zhservice3con dl{width:146px;padding: 33px 10px;}
	.zhservice3con dl dt {font-size: 16px;}
	.zhservice3con dl dd{letter-spacing:1px;font-size: 12px;margin-top: 10px;}
	.container .left { display: flex; justify-content: space-between; gap: 20px;padding: 0 10px;}
	.container .left .qrcode { width: 80px; margin-top: 70px;}
	.container .left .qrcode img { width: 100%}
}