@charset 'utf-8';
body{margin:0; padding:0; font:16px/190% 'Microsoft YaHei',Arial; background-color:#fff; color:#333}
img{border:none; vertical-align:top}
dl,dd,dt,ul,li,form,input,textarea,iframe{margin:0; padding:0; font-family:inherit}
ul{list-style:none}
a{text-decoration:none; outline:none; color:#1c1c1c}
a:hover{color:#2b98fe}
*:focus{outline:none}
*{-webkit-tap-highlight-color:rgba(12, 8, 8, 0);-webkit-appearance:none;appearance:none; -webkit-text-size-adjust:none;text-size-adjust:none; -webkit-backface-visibility:hidden;backface-visibility:hidden}

.page{max-width:1920px; margin:0 auto; overflow:hidden; position:relative}
.box{width:1200px; margin:auto; position:relative}
.icon{background-image:url(../images/icon.png); background-repeat: no-repeat;}
.header .menu line,.header .nav,.float,.inpro .cats a,.prolist li,.prolist .pic,.prolist .ti,.inews li,.inews li .ti,.inservice li,.proclass a,.prohead .info .cats a,.fenye svg,.propic .spic li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out}

/*头部*/
.header{position: sticky; z-index: 99; top: 0; background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
.header .box{height: 110px; display: flex; justify-content: space-between; align-items: center;}
.header .phone{color:#2b98fe; font-weight: 600; font-size: 24px; padding-right: 24px; background-position: 182px -26px;}
.header .nav{display: flex;}
.header .nav li{margin-left: 70px; height: 28px; padding: 41px 0; position: relative;}
.header .nav .icon{position: absolute; width: 17px; height: 12px; margin-left: 6px; margin-top: 10px;}
.header .nav dl{position: absolute; padding-bottom: 10px; display: none;}
.header .nav dd{padding: 10px 20px 0;}
.header .nav dl a{display: block; border-bottom-style: solid; border-bottom-width: 1px; white-space: nowrap; padding: 9px;}
.header .nav .dl01{background-color: rgba(43,152,253,0.8); left: 50%; top: 110px; transform: translateX(-50%);}
.header .nav .dd01{border-bottom-color: rgba(255,255,255,0.5); color: #fff;}
.header .nav .dl02{background-color: rgba(242,242,242,0.8); left: 100%; top: 0;}
.header .nav .dl02 a{border-bottom-color: rgba(147,147,147,0.5);}
.header .nav dd:last-child a{border-bottom-width: 0;}
.header .nav dd:hover .dd01::after{content: ""; position: absolute; right: 0; margin-top: 6px; border-style: solid; border-width: 8px; border-color: transparent rgba(242,242,242,0.8) transparent transparent;}
.header .nav li:hover .dl01,.header .nav dd:hover .dl02{display: block;}
.header .menu{display: none; position: relative;}
.header .popText{background-color: rgba(0, 0, 0, 0.3); color: #fff; border-radius: 10px; text-align: center; position: absolute; width: 40%; padding: 20px 10px; left: 30%; top: 40vh;}

/*底部*/
.footer{background-color:#2b98fe; color: #fff;}
.footer a{color: #fff;}
.footer .flex{display: flex; justify-content: space-between; border-bottom: #0f78da solid 1px; padding: 56px 0;}
.footer dt{font-size: 30px; font-weight: 600; margin-bottom: 40px;}
.footer dd{font-size: 20px; line-height: 40px;}
.footer dd span{opacity: 0;}
.footer dd:nth-child(2) span{opacity: 1;}
.footer .code{font-size: 22px; text-align: center;}
.footer .code .icon{background-color: #fff; width: 177px; height: 177px; background-position: left bottom; border: 12px solid #fff; margin-bottom: 20px;}
.copyright{border-top: rgba(255,255,255,0.25) solid 1px; padding: 16px 0; text-align: center; font-size: 14px;}
.footer-js{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;text-align:center;background-color:#f0f1f1;font-size:2vw;line-height:50vh}

/*浮窗*/
.float{position: fixed; z-index: 98; right: 3%; top: 37%; background-color: #f7f7f7; padding-bottom: 12px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); transform-origin: right top;}
.float.hide{opacity: 0; transform: scale(0.1);}
.float dt{background-color: #2b98fe; display: flex; padding: 0 19px; margin-bottom: 12px; justify-content: space-between; align-items: center; font-weight: 600; color: #fff; font-size: 22px; height: 56px;}
.float .closeFloat{width: 17px; height: 17px; background-position: 0 -67px; cursor: pointer;}
.float dd{margin: 0 12px; border-bottom: #d3d2d2 solid 1px; display: flex; align-items: center; padding: 9px 4px; font-size: 18px; white-space: nowrap;}
.float dd:last-child{border-bottom: none;}
.float dd .icon{width: 34px; height: 34px; margin-right: 12px;}
.float dd .phone{background-position: 3px -106px;}
.float dd .wechat{background-position: 0 -158px;}
.float dd .qq{background-position: 1px -213px;}
.float dd .email{background-position: 0 -267px;}
.float dd.home,.float dd text{display: none;}

/*分页*/
.fenyebox,.kong{margin: 40px auto;}
.kong{opacity: .5; text-align: center;}
.fenye{text-align:center}
.fenye a{display:inline-block; margin: 0 5px; height:34px; line-height:34px;}
.fenye a.num{padding: 0 12px; border: #f0f1f1 solid 1px; border-radius: 2px;}
.fenye a.now,.fenye a.num:hover{background-color:#2b98fe; color:#fff}
.fenye a.now{font-weight:600}
.fenye svg{width:25%; height:30%}
.fenye svg line{stroke-width:1; stroke:#313749}
.fenye .prev,.fenye .next{width: 34px;}
.fenye .prev:hover svg{margin-left:-8px}
.fenye .next:hover svg{margin-left:8px}

/*动画*/
#loading{width:50px; height:50px; margin:29px auto 0; border-width:6px; border-style:solid; border-radius:50%; border-left-color:rgba(99,153,184,1); border-top-color:rgba(99,153,184,.8); border-right-color:rgba(99,153,184,.5); border-bottom-color:rgba(99,153,184,.1); -webkit-animation:loading 2s linear infinite; animation:loading 2s linear infinite}
@-webkit-keyframes loading{
    0%{-webkit-transform:rotate(0deg)}
	100%{-webkit-transform:rotate(360deg)}
} 
@keyframes loading{
    0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
@-webkit-keyframes propic{
    0%{-webkit-transform: scale(1)}
	50%{-webkit-transform: scale(1.1)}
	100%{-webkit-transform: scale(1)}
} 
@keyframes propic{
    0%{transform: scale(1)}
	50%{transform: scale(1.1)}
	100%{transform: scale(1)}
}

/*首页*/
.banner{height:700px; position:relative; overflow:hidden}
.banner ul,.banner li{height: 100%;}
.banner li a{display:block; height:100%; background-position:50% 0; background-repeat:no-repeat}
#banner li{position:absolute; z-index:-1; left:100%; top:0; height:100%; width:100%; -webkit-transition:all .6s; transition:all .6s}
#banner li:first-of-type{z-index:5; left:0}
#banner li:last-of-type{z-index:0; left:-100%}
.banner .bannav{position:absolute; z-index:6; left:50%; bottom:16px}
.banner .bannav a{display:inline-block; width:35px; height:5px; margin:0 12px; background-color: #fff}
.banner .bannav a.now{background-color:#2b98fe}
.banner .arrow{position: absolute; z-index: 9; top: 50%; opacity: 0; transform: translateY(-50%); width: 27px; height: 50px; overflow: hidden;}
.banner #prev{left: 0}
.banner #next{right: 0}
.banner:hover #prev{left: 10%; opacity: 1;}
.banner:hover #next{right: 10%; opacity: 1;}
.inpro,.inabout{margin-top: 48px;}
.inabout .title,.inews .title,.inservice .title{font-weight: 600; text-align: center; line-height: 44px;}
.prosearch .title en,.inabout .title en,.inews .title en,.inservice .title en{font-size: 28px; opacity: .2;}
.prosearch .title h3,.inabout .title h3,.inews .title h3,.inservice .title h3{font-size: 48px; margin: 0;}
.inpro .cats{display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 2px; background-color: #e2e2e2; margin-top: 60px;}
.inpro .cats a{background-color: #f5f5f5; text-align: center; cursor: pointer; display: none; font-size: 22px; font-weight: 600; padding: 16px 0 38px;}
.inpro .cats a:hover{background-color: #2b98fe; color: #fff;}
.inpro .cats .pic{width: 150px; height: 150px; margin: 28px auto; border-radius: 50%; background-color: #fff; background-repeat: no-repeat; background-size: contain; background-position: center center; border: #e2e2e2 solid 1px;}

.prosearch .box,.prosearch.detail .title{display: none;}
.prosearch .title{font-weight: 600; text-align: center; line-height: 44px;}
.prosearch form{display: none; margin-top: 40px;}
.prosearch form .inp{background: #fff; border: rgba(0, 0, 0, 0.3) 1px solid; padding: 10px 2%; box-sizing: border-box; width: 80%;}
.prosearch form .but{background: #f5f5f5; border: rgba(0, 0, 0, 0.3) 1px solid; box-sizing: border-box; flex: 1; border-left-width: 0; color: #1c1c1c; font-size: 14px;}
.prosearch.detail .box{display: block;}
.prosearch.detail form{display: flex; position: absolute; z-index: 1; width: 40%; right: 0; top: 85px;}

.prolist{margin-top: 50px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px;}
.prolist li{border: #f5f5f5 solid 1px; overflow: hidden;}
.prolist a,.inpro .cats a:nth-child(1),.inpro .cats a:nth-child(2),.inpro .cats a:nth-child(3),.inpro .cats a:nth-child(4){display: block;}
.prolist .pic{height: 283px; background-color: #f5f5f5; background-repeat: no-repeat; background-size: 100%; background-position: center center;}
.prolist .ti{text-align: center; padding: 12px 6px; line-height: 22px;}
.prolist li:hover{background-color: #2b98fe; box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.15)}
.prolist li:hover .pic{background-size: 110%;}
.prolist li:hover .ti{color: #fff;}
.inabout,.inservice{background-color: #f5f5f5; padding: 48px 0;}
.inabout .info{display: flex; border-top: rgba(0, 0, 0, 0.1) 1px solid; margin-top: 48px; padding-top: 48px;}
.inabout .text{width: 53%; line-height: 32px;}
.inabout .text p{text-indent: 2em;}
.inabout .pic{width: 45%; margin-left: 2%; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.inews{background-color: #2b98fe; padding: 48px 0;}
.inews .title{color: #fff;}
.inews .box{background-color: #fff; padding: 2% 0; margin-top: 48px;}
.inews ul{display: flex;}
.inews li{background-color: #f5f5f5; width: 30%; margin-left: 2.5%;}
.inews li a{display: block;}
.inews .pic{height: 264px; background-color: #fff; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.inews .ti{padding: 6px 10px;}
.inews li:hover{background-color: #2b98fe}
.inews li:hover .ti{color: #fff;}
.inservice ul{display: flex; margin-top: 48px;}
.inservice li{width: 25%; padding-bottom: 20px; background-color: #f5f5f5}
.inservice li:hover{background-color: #fff;}
.inservice li div{width: 112px; height: 147px; margin: 58px auto 20px; background-image:url(../images/service_icon.png); background-repeat: no-repeat}
.inservice li h3{font-size: 32px; text-align: center; line-height: 42px; margin: 0;}
.inservice li p{padding: 0 16px;}
.inservice .icon01{background-position: 19px 0;}
.inservice .icon02{background-position: -286px 0;}
.inservice .icon03{background-position: -589px 0;}
.inservice .icon04{background-position: right top;}

/*页面*/
.bans{height: 550px; background: no-repeat center top;}
.bans a{display: block; height: 100%; background: no-repeat center top;}
.contact h3{font-size: 20px; border-bottom: rgba(0, 0, 0, 0.3) 1px solid; padding-bottom: 20px; margin: 48px auto;}
.contact ul{display: flex; margin-bottom: 48px;}
.contact dl{margin-top: 20px; line-height: 40px;}
.contact dd:nth-child(2) span{opacity: 0;}
#allmap{height:380px; width: 60%; margin-right: 5%;}
.proclass{border-bottom: #f5f5f5 solid 1px;}
.proclass .box{display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; margin-top: 32px;  margin-bottom: 24px;}
.proclass a{background-color: #f5f5f5; color: #2b98fe; font-size: 24px; font-weight: 600; padding: 5px 20px 7px; border-radius: 4px;}
.proclass a:hover,.prohead .info .cats a:hover{background-color: #2b98fe; color: #fff;}
.prohead{display: flex; margin-top: 35px;}
.prohead .pic{width: 400px; height: 400px; box-sizing: border-box; background-color: #fff; margin-right: 44px; background-position: center center; background-repeat: no-repeat; background-size: contain; border: #f5f5f5 12px solid;}
.prohead .info{flex: 1;}
.prohead .info h3{font-size: 24px; margin: 0;}
.prohead .info p{font-size: 1.25rem; line-height: 2rem; opacity: .6; text-indent: 2em;}
.prohead .info .cats{display: flex; column-gap: 2%; flex-wrap: wrap;}
.prohead .info .cats a{width: 23.5%; background-color: #f5f5f5; font-size: 1.25rem; line-height: 3rem; text-align: center; margin-top: 16px;}
.prohead.noclass .pic{width: 268px; height: 268px}
.newsdetail{position: relative; overflow: hidden; margin: 40px auto;}
.newsdetail .title{font-weight: 600; text-align: center; border-bottom: #c3c3c3 solid 1px; padding-bottom: 16px; margin-bottom: 16px;}
.newslist li{display: flex; margin-top: 40px;}
.newslist .pic{width: 300px; height: 220px; margin-right: 44px; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.newslist .info{flex: 1;}
.newslist .info .ti{font-weight: 600; margin-top: 10px; display: inline-block;}
.newslist .info .des{opacity: .5; display: inline-block;}
.newslist .info .des:hover{opacity: .8; color: #1c1c1c;}
.flexBT{display: flex; justify-content: space-between;}
.promodel{padding: 30px 0; border-bottom: #c3c3c3 1px dashed;}
.promodel ul{width: 45%;}
.propic{margin-top: 40px;}
.propic .pic{width: 45%;}
.propic .bpic{width: 100%; max-width: 540px; max-height: 540px; height: 540px; position: relative; margin: auto; display: flex; align-items: center; background-color: #f5f5f5;}
.propic .jqzoom{max-width: 100%; max-height: 100%;}
.propic .spic{display: flex; margin-top: 20px;}
.propic .spic ul{flex: 1; overflow: hidden;}
.propic .spic li{display: flex; gap: 20px; position: relative;}
.propic .spic img{border: solid 2px #c3c3c3; width: 96px; height: 96px;}
.propic .spic img.now{border-color: #2b98fe;}
.propic .spic .arrow{opacity: .3; width: 50px; height: 50px; margin-top: 24px;}
.propic .spic .leftArrow .arrow{transform: scaleX(-1);}
.zoomDiv{position: absolute; z-index: 2; border: #f5f5f5 solid 1px; overflow: hidden;}
.zoomMask{position:absolute;background-color:rgba(43, 152, 254, 0.3);cursor:move;z-index:1;}
.propic .info{width: 50%;}
.propic .info h3{border-bottom: #c3c3c3 solid 1px; padding: 16px 0; margin: 0;}
.propic .info p{margin: 30px auto 0; opacity: .6;}
.propic .table{border-collapse: collapse; width: 100%; border: none; margin-top: 40px;}
.propic .table th{text-align: center; font-weight: normal; white-space: nowrap;}
.propic .table th,.propic .table td{padding:5px 10px; border: #c3c3c3 solid 1px}
.propic .table tr:nth-child(odd){background-color:#f8f8f8}
.propic .contact{margin-top: 80px; display: flex; gap: 24px; align-items: center;}
.propic .contact .but{background-color: #2b98fe; font-weight: 600; cursor: pointer; border-radius: 5px; color: #fff; padding: 5px 30px; display: flex; gap: 14px; align-items: center;}
.propic .contact .but svg{width: 20px; height: 20px;}
.propic .contact .phone{color: #2b98fe;}
.procontent{margin: 60px auto;}
.procontent .nav{display: flex; border-bottom: #c3c3c3 solid 1px; margin-bottom: 20px;}
.procontent .nav li{background-color: #c3c3c3; padding: 5px 40px; cursor: pointer;}
.procontent .nav .now{color: #fff; background-color: #2b98fe; cursor: default;}
.prodetail{position: relative; overflow: auto; display: none;}
.prodetail.now{display: block;}
.prodetail img{max-width: 100%;}

/*自适应*/
@media (max-width:1220px){
	.box{width:96%}
	.header .nav li{margin-left: 4.8vw;}
	.banner li a{background-position-x: 30%;}
	.prolist .pic{height: 22vw}
	.prohead .info p{font-size: 1.67vw;}
	.propic .info h3{padding-top: 0;}
	.propic .contact{margin-top: 40px;}
	.propic .bpic{height: 45vw;}
}

@media (max-width:1000px){
	.header .phone{display: none;}
	.footer dt{font-size: 24px; margin-bottom: 20px;}
	.footer dd{font-size: 16px;}
	.prohead .pic{width: 40vw; height: 40vw;}
	.prohead .info p{font-size: 1rem; line-height: 3vw;}
	.prohead .info .cats a{font-size: 1rem; line-height: 2rem; margin-top: 1.5vw;}
	.newslist .info .ti{margin-top: 0;}
	.newslist .info .des{font-size: 14px;}
	.propic .table,.propic .info p,.propic .contact{margin-top: 2vw; font-size: 14px; line-height: 3vw;}
	.propic .contact .but{padding-left: 15px; padding-right: 15px; gap: 6px;}
}

@media (max-width:750px){
	.header .nav li:hover .dl01,.header .nav dd:hover .dl02,.footer,.float dt,.float dd.tel,.float dd span,.inpro .prolist,.mNo,.propic .contact,.zoomDiv,.zoomMask{display: none;}	
	.header .nav{width: 100vw; height: 0; overflow: hidden; left: -2%; top: 110px; background-color: #fff; position: absolute; display: block;}
	.header .nav li{text-align: center; margin: 0; padding: 0; -webkit-transition:all .6s ease-in-out; transition:all .6s ease-in-out;}
	.header .nav.show{height: calc(100vh - 110px);}
	.header .nav.show li{margin-top: 9vh}
	.header .menu{display: block; width: 6.2vw; height: 6.2vw;}
	.header .menu line{display: block; width: 4.8vw; height: 3px; border-left: #fff solid 1.4vw; background-color: #333; border-radius: 2px; position: absolute; left: 0;}
	.header .menu line::before{content: ''; position: absolute; width: 3px; height: 3px; border-radius: 50%; background-color: #333; top: 0; left: -1.4vw;}
	.header .menu line:nth-of-type(1){top: 1vw;}
	.header .menu line:nth-of-type(2){top: 50%; transform: translateY(-50%);}
	.header .menu line:nth-of-type(3){bottom: 1vw;}
	.header .menu.show line{border-left: none;}
	.header .menu.show line::before{left: 0;}
	.header .menu.show line:nth-child(2){width:0; border-left-width: 0; left:60%; opacity: 0;}
	.header .menu.show line:first-child{top:calc(3.1vw - 1.5px); -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition-delay:.1s; transition-delay:.1s}
	.header .menu.show line:last-child{bottom:calc(3.1vw - 1.5px); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition-delay:.1s; transition-delay:.1s}
	.float{left: 0; top: auto; right: 0; bottom: 0; width: 100%; display: flex; justify-content: space-between; padding-bottom: 0; position: sticky;}
	.float.hide{transform: scale(1); opacity: 1;}
	.float dd{border-bottom: none; flex-direction: column; font-size: 14px; padding-bottom: 0;}
	.float dd .icon{margin-right: 0; padding: 12px; background-color: #fff; border-radius: 50%;}
	.float dd .phone{background-position: 15px -94px;}
	.float dd .wechat{background-position: 12px -146px;}
	.float dd .qq{background-position: 13px -201px;}
	.float dd .email{background-position: 12px -255px;}
	.float dd .index{width: 52px; height: 52px; background-position: 12px -201px; background-size: 120px 408px; box-shadow: 0 -12px 10px -8px rgba(137,142,163,.2);}
	.float dd.home{margin-top: -18px;}
	.float dd.tel:first-of-type,.float dd.home,.prosearch form{display: flex;}
	.float dd text{display: inline;}
	.banner{height: 160vw;}
	.banner li{background-size: 100%; background-repeat: no-repeat;}
	.banner li a{opacity: 0;}
	.inpro .cats{grid-template-columns: repeat(2,minmax(0,1fr)); background-color: transparent; gap: 16px; margin-top: 40px;}
	.inpro .cats a{display: block;}
	.inabout,.inews,.inservice{background-color: transparent; padding-top: 0;}
	.inabout .title,.inservice .title{background-color: #f5f5f5; padding: 40px 0;}
	.inabout .info{flex-direction: column; border-top-width: 0; padding-top: 0; margin-top: 20px;}
	.inabout .text{width: 100%;}
	.inabout .pic{width: 100%; margin-left: 0; height: 50vw;}
	.inews .title{background-color: #2b98fe; padding: 40px 0;}
	.inews .box{padding: 0; margin-top: 20px;}
	.inews ul,.contact ul{flex-direction: column;}
	.inews li{width: 95%; margin-top: 3vw;}
	.inservice ul{flex-wrap: wrap; margin-top: 0;}
	.inservice li{width: 47%; margin-top: 3vw; margin-left: 2%;}
	.contact h3{margin-bottom: 4vw;}
	#allmap{width: 100%; margin-right: 0;}
	.prosearch .box{display: block; margin-top: 40px;}	
	.prosearch.detail form{display: flex; position:unset; width: 100%;}
	.proclass a{font-size: 1rem; padding: 5px 0; width: 28vw; gap: 6vw; text-align: center;}
	.promodel ul{width: 100%;}
	.prohead{display: block;}
	.prohead .pic{width: 96vw; height: 96vw;}
	.prohead .info h3{margin-top: 20px;}
	.prohead .info p{line-height: 2rem;}
	.propic{flex-wrap: wrap; margin-top: 0;}
	.propic .pic,.propic .info{width: 100%; margin-top: 8vw;}
	.propic .bpic{height: 96vw;}
	.propic .spic .arrow{width: 30px; height: 30px; margin-top: 15px;}
	.propic .spic img{width: 56px; height: 56px;}
	.propic .table,.propic .info p{margin-top: 4vw; line-height: 24px;}
	.procontent{margin: 8vw auto;}
	.bans a{opacity: 0;}
	.prolist{margin-top: 30px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3vw;}
	.prolist .pic{height: 46.5vw}
	.newslist .pic{width: 40vw; height: 29.33vw; margin-right: 5vw;}
	.newslist .info{height: 29.33vw; overflow: hidden;}
	.newslist .info p{margin: 0; line-height: 26px;}
}

@media (max-width:600px){
	.header .box{height: 18.33vw;}
	.header .logo{width: 31.16vw;}
	.header .nav{top: 18.33vw;}
	.header .nav.show{height: calc(100vh - 18.33vw);}
	.float dd{margin: 0; padding: 0; font-size: 12px;}
	.float dd .icon{transform: scale(0.8);}
	.float dd text{margin-top: -8px;}
	.inpro .title h3,.inabout .title h3,.inews .title h3,.inservice .title h3{font-size: 40px;}
	.inservice li{padding-bottom: 0;}
	.inservice li div{transform: scale(0.8); margin-top: 28px;}
	.inservice li h3{font-size: 24px; line-height: 36px;}
	.inservice li p{font-size: 14px; line-height: 22px;}	
	.bans{height: 92vw; background-size: cover;}
}