@charset 'utf-8';
body{margin:0; padding:0; font:16px/1.7 Arial, "Microsoft JhengHei", 微軟正黑體, Roboto, PingFangTC, sans-serif; background-color:#fff; color:#393939}
img{border:none; vertical-align:top; max-width:100%}
dl,dd,dt,ul,li,form,input,textarea,iframe{margin:0; padding:0; font-family:inherit}
ul{list-style:none}
i{font-style: normal;}
a{text-decoration:none; outline:none; color:#787878}
a:hover{color:#393939}
*: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} */

@font-face{font-family: "iconfont";	src: url('../images/iconfont.woff2') format('woff2'),url('../images/iconfont.woff') format('woff'),url('../images/iconfont.ttf') format('truetype')}
.icon{font-family: "iconfont" !important; font-style: normal}
.buhanzhongjinshu:before{content: "\e623"}
.yitichengxing:before{content: "\e624"}
.gaoyingdu:before{content: "\e625"}
.kejiangjie:before{content: "\e626"}
.kehuishou:before{content: "\e627"}
.keanxudingzhi:before{content: "\e628"}
.tijixiao:before{content: "\e629"}
.baozhuangcailiao:before{content: "\e62a"}
.piliangshengchan:before{content: "\e61d"}
.zaixianzixun:before{content: "\e61e"}
.zhifuweikuan:before{content: "\e61f"}
.kaimodayang:before{content: "\e620"}
.xuandingkuanshi:before{content: "\e622"}
.beijing:before{content: "\e619"}
.dizhi:before{content: "\e61a"}
.dianhua:before{content: "\e61b"}
.youjian:before{content: "\e61c"}
  
  

.page{max-width:1920px; margin:0 auto; overflow:hidden; position:relative}
.box{width:1200px; margin:auto; position:relative}
.col_green{color: #00a0ac;}
.col_white{color: #fff;}
.bg_green,.but.bg_white:hover{background-color: #00a0ac;}
.bg_white{background-color: #fff;}
.bg_gray{background-color: #f3f3f3;}
.bg_grays{background-color: #ececec;}
.bor_gray{border-style: solid; border-color: #d3d3d3; border-width: 0;}
.bor_green,.but.bg_white:hover{border-style: solid; border-width: 0; border-color: #00a0ac;}
.but{border-style: solid; border-width: 1px; display: inline-block; padding: 10px 50px;}
.but.bg_white:hover{color: #fff;}
.imgflex{display: flex;}
.imgflex li{overflow: hidden;}
.imgflex li img:hover{transform: scale(1.1);}
.header .menu line,.header .nav,.header .nav a::after,.header .pic,.but,.prolist li .pic,.imgflex li img,.inadv li,.inadv li .icon,.aboutNews .pic,.fenye a{transition:all .3s ease-in-out}

/*头部*/
.header{position: sticky; z-index: 99; top: 0; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
.header .box{height: 100px; display: flex; justify-content: space-between; align-items: center;}
.header .pic{width: 306px; height: 36px; overflow: hidden; margin-right: -40px;}
.header .nav{display: flex;}
.header .nav a{color: #fff; position: relative; margin-left: 60px; opacity: .8;}
.header .nav a:hover,.header .nav .now{opacity: 1;}
.header .nav a::after{content: ""; width: 0; height: 2px; position: absolute; left: 50%; top: 62px; background-color: #fff;}
.header .nav a:hover::after,.header .nav .now::after{width: 100%; left: 0;}
.header .menu{display: none; position: relative;}

/*底部*/
.footContact{position: absolute; top: -220px; z-index: 2; width: 100%; display: flex; justify-content: space-between; color: #787878;}
.footContact ul{display: flex; justify-content: space-between; border-top-width: 1px; border-bottom-width: 1px; width: 61%;}
.footContact li{display: flex; align-items: center;}
.footContact .info span{display: block; opacity: .7;}
.footContact .code{border-width: 1px; text-align: center; display: flex;}
.footContact .code img{border-right-width: 1px; width: 140px; padding: 12px;}
.footContact .code p{position: relative; width: 230px; margin: 0; padding-top: 60px;}
.footContact .code p::after,.footContact .code p::before{content: ""; position: absolute; width: 12px; height: 1px; background-color: #d3d3d3; top: 86px;}
.footContact .code p::after{right: 52px;}
.footContact .code p::before{left: 52px;}
.footContact .icon{position: relative; width: 56px;}
.footContact .icon .beijing{position: absolute; z-index: 1; top: -0.9em; left: -0.3em;}
.footContact .icon .col_white{position: absolute; z-index: 2; font-size: 1.5em;left: 0.3em; transform: translateY(-50%);}
.footer{color: #fff; font-size: .875em; padding: 20px 0; text-align: center;}
.footer .copyright{opacity: .7;}
.footer a{opacity: .8; color: #fff;}
.footer a:hover{opacity: 1;}
.footer .nav{display: none;}
.footer .nav a{position: relative; margin-right: 33px;}
.footer .nav a::after{content: ""; position: absolute; width: 1px; height: 10px; background-color: #fff; overflow: hidden; top: 3px; right: -16px;}
.footer .nav a:last-child{margin-right: 0;}
.footer .nav a:last-child:after{display: none;}
.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}

/*分页*/
.kong{opacity: .5; text-align: center;}
.fenye{text-align:center; margin-top: 60px;}
.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:#00a0ac; color:#fff}
.fenye a.now{font-weight:600}
.fenye svg{width:25%; height:30%}
.fenye svg line{stroke-width:1; stroke:#393939}
.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:860px; 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;}
.intitle{text-align: center;}
.intitle h3{margin: 0; font-size: 32px; line-height: 1.2;}
.inabout{padding: 107px 0 87px;}
.inabout .box{display: flex; justify-content: space-between;}
.inabout .intitle{min-width: 160px; text-align: left;}
.inabout .intitle .col_green{opacity: .8;}
.inabout .info{width: 822px;}
.inabout .info img{max-width: 100%;}
.inabout .note{margin-top: 60px;}
.inabout .note h3{margin: 0 auto -30px;}
.inabout .note .time{text-align: right;}
.inabout .note .time span{font-size: 30px; margin-right: 16px;}
.inabout .note p.bor_gray,.aboutNews .okPic p.bor_gray{border-top-width: 1px; border-bottom-width: 1px; margin: 0 auto 34px; padding: 24px 0;}
.inpro{background: url(/images/pic01.jpg) no-repeat center top; padding: 94px 0 124px;}
.inpro .intitle{color: #fff;}
.inpro .more{margin-top: 60px; text-align: center;}
.inpro .prolist{margin-top: 70px;}
.prolist{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 27px;}
.prolist li{overflow: hidden;}
.prolist li .pic{height: 382px; display: block; background: #f3f3f3 no-repeat center center; background-size: 100%; margin-bottom: 12px;}
.prolist li .ti{font-size: 20px;}
.prolist li:hover .pic{background-size: 110%;}
.inadv{padding: 90px 0 136px; position: relative;}
.inadv .bg{position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0;}
.inadv .content{position: relative; z-index: 2;}
.inadv .intitle p,.incontact .intitle p{margin: 40px auto;}
.inadv .intitle .text2{display: block;}
.inadv ul{display: flex; flex-wrap: wrap;}
.inadv ul:first-of-type{margin-bottom: 20px;}
.inadv li{width: 20.8%; height: 250px; text-align: center;}
.inadv li.bg_green{flex: 1; text-align: left; color: #fff; display: flex; align-items: center;}
.inadv li.bg_green .icon{width: 140px; position: relative; margin-left: 5%;}
.inadv li.bg_green .beijing{position: absolute; z-index: 1; left: 20%; top: 50%; font-size: 30px; transform: translateY(-50%);}
.inadv li.bg_green .baozhuangcailiao{position: absolute; z-index: 2; left: 51%; transform: translate(-50%,-50%);}
.inadv li.bg_green .tijixiao{position: absolute; z-index: 2; left: 51%; transform: translate(-50%,-50%);}
.inadv li .bg_green{border-radius: 50%; width: 84px; height: 84px; line-height: 84px; margin: 65px auto 15px;}
.inadv li .icon{font-size: 36px;}
.inadv li.bg_green:hover{background-color: #ececec; color: #393939;}
.inadv li.bg_green:hover .col_white{color: #00a0ac;}
.inadv li.bg_green:hover .col_green{color: #fff;}
.inadv li.bg_white:hover,.inadv li.bg_grays:hover{background-color: #00a0ac; color: #fff;}
.inadv li.bg_white:hover .bg_green,.inadv li.bg_grays:hover .bg_green{background-color: #fff;}
.inadv li.bg_white:hover .col_white,.inadv li.bg_grays:hover .col_white{color: #00a0ac;}
.incontact{padding: 110px 0 120px;}
.incontact .box{display: flex; justify-content: space-between;}
.incontact li{display: flex;}
.incontact li .bor_gray{border-top-width: 1px; flex: 1; padding: 24px 0; opacity: .8;}
.incontact li:first-child .bor_gray{border-top-width: 0; padding-top: 0;}
.incontact li:first-child .beijing,.incontact li:first-child .col_white{margin-top: -12px;}
.incontact li:last-child .bor_gray{padding-bottom: 0;}
.incontact li:last-child .beijing,.incontact li:last-child .col_white{margin-top: 12px;}
.incontact li span{display: block; opacity: .6;}
.incontact li a{color: #393939;}
.incontact .icon{width: 54px; position: relative;}
.incontact .icon .beijing{position: absolute; z-index: 1; left: -0.3em; top: 50%; transform: translateY(-50%);}
.incontact .icon .col_white{position: absolute; z-index: 2; font-size: 1.5em; left: 0.3em; top: 51%; transform: translateY(-50%);}
.incontact .map{width: 712px;}
.incontact .code{width: 164px; border-width: 1px; text-align: center;}
.incontact .code img{width: 140px; margin-top: 12px;}
.incontact .code p{border-top-width: 1px; padding-top: 20px; position: relative; opacity: .6;}
.incontact .code p::after,.incontact .code p::before{content: ""; position: absolute; width: 12px; height: 1px; background-color: #d3d3d3; top: 46px;}
.incontact .code p::after{right: 24px;}
.incontact .code p::before{left: 24px;}

/* .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{background: no-repeat center top;}
.bans a{display: block; height: 100%; background: no-repeat center top;}
.bans .box{height: 100%;}
.bans .info{position: absolute; top: 30%; transform: translateY(-50%);}
.bans .info h3{margin: 0; font-size: 2em;}
.bans .info p{font-size: 1.2em;}
.about{font-size: 1.2em;}
.about .intitle{margin:100px auto 60px}
.about .intitle .col_green{font-size: 1rem;}
.about p.indexNo{margin-top: 70px;}
.aboutNews,.newsdetail,.newslist{padding: 90px 0 356px;}
.aboutNews{margin-top: 125px;}
.aboutNews .box{margin-top: 66px;}
.aboutNews .pic{width: 50%; height: 460px; display: block; background: #f3f3f3 no-repeat center center; background-size: auto 100%;}
.aboutNews .pic:hover{background-size: auto 105%;}
.aboutNews .time span{font-size: 1.5em; margin-right: .5em;}
.aboutNews h3 a{color: #393939;}
.aboutNews p.bor_gray{border-top-width: 1px; border-bottom-width: 1px; padding: 20px 0;}
.aboutNews .noPic{position: relative; padding: 1em;}
.aboutNews .noPic .time{position: absolute; right: 1em; top: 1em;}
.aboutNews .okPic{width: 39.2%; position: absolute; left: 54.6%; top: 50%; transform: translateY(-50%);}
.aboutNews .okPic .time{display: block; position: relative;}
.aboutNews .okPic .time::before,.aboutNews .okPic .time::after{content: ""; position: absolute; top: 18px; width: 14px; height: 2px; overflow: hidden; background-color: #00a0ac;}
.aboutNews .okPic .time::before{transform: rotate(45deg); right: 9px;}
.aboutNews .okPic .time::after{transform: rotate(-45deg); right: 0;}
.infoContent .inadv{padding: 200px 0 356px;}
.infoContent .inadv .indexNo .intitle{padding-bottom: 100px;}
.infoContent .inadv .indexNo .titles{padding: 100px 0 0; margin: 40px auto;}
.infoContent .inadv .table{max-width: 1200px; width: 100%; margin: auto; background-color: #fff;}
.infoContent .inadv .table tr:nth-child(odd){background-color:#f3f3f3}
.infoContent .inadv .table th{padding: 15px 10px; background-color: #00a0ac; color: #fff; font-weight: 400; text-align: left;}
.infoContent .inadv .table td{padding: 15px 10px;}
.infoContent .inadv .table .w80{width: 80px;}
.infoContent .contactus{margin: 3em 0 -2em;}
.newsdetail .title{border-bottom-width: 1px; padding-bottom: 16px; margin-bottom: 36px;}
.newsdetail .title h3{font-size: 1.5em; margin: 0;}
.newsdetail .more.bor_gray{display: flex; justify-content: space-between; align-items: flex-start; margin-top: 36px; padding-top: 36px; border-top-width: 1px;}
.newsdetail .intitle .text2{display: block;}
.newsdetail .process{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 60px;}
.newsdetail .process li{width: 48%;}
.newslist li{display: flex; margin-bottom: 40px; border-top: #d3d3d3 solid 1px; padding-top: 36px;}
.newslist li:first-child{border-top: none;}
.newslist .pic{width: 300px; height: 200px; margin-right: 44px; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.newslist .info{flex: 1;}
.newslist .info .ti{font-weight: 600; font-size: 1.2em; display: inline-block;}
.newslist .info .des{opacity: .5; display: inline-block;}
.newslist .info .des:hover{opacity: .8; color: #1c1c1c;}
.newslist .time{opacity: .5;}
.newslist .time span{font-size: 1.5em; margin-right: 12px;}
.newslist .noPic .info{position: relative;}
.newslist .noPic .time{position: absolute; z-index: 1; right: 0; top: -0.2em;}
.prodetail{display: flex; flex-direction: row-reverse; justify-content: space-between; position: relative;}
.prodetail dl{width: 25%;}
.prodetail dt{font-weight: 600; font-size: 1.5em; margin-bottom: 20px;}
.prodetail dd{padding: 36px 0; opacity: .8;}
.prodetail .bor_gray{border-top-width: 1px;}
.prodetail .pic{width: 62%; height: 745px; background: #f3f3f3 no-repeat center center; background-size: auto 100%;}
.prodetail .note{position: absolute; z-index: 1; bottom: 0; left: 0; font-size: .8em; opacity: .6;}
.prodetail .note::before{content: "*"; position: absolute; left: -.7em; top: .2em;}


/* .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}
.flexBT{display: flex; justify-content: space-between;}
.promodel{padding: 30px 0; border-bottom: #c3c3c3 1px dashed;}
.promodel ul{width: 50%;}
.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;}
.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: hidden; display: none;}
.prodetail.now{display: block;}
.prodetail img{max-width: 100%;} */

/*自适应*/
@media (max-width:1220px){
	.box{width:96%}
	.header .pic{margin-right: 0;}
	.header .nav a{margin-left: 3vw;}
	.banner li a{background-position-x: 30%;}
	.prolist li .pic{height: 30.37vw}
	.inadv li{height: 20vw;}
	.inadv li .bg_green{margin-top: 4vw;}
	.incontact .map{width: 60vw;}

	/* .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 .pic,.incontact .code,contact.indexNo{display: none;}
	.header .nav a{margin-left: 5vw;}
	.prolist{gap: 3vw;}
	.prolist li .pic{height: 30vw}
	.inadv li{font-size: 14px;}
	.inadv li .bg_green{margin-top: 3vw;}
	.inadv li.bg_green .icon{margin-left: -6%;}
	.incontact .map{width: 70vw;}
	.aboutNews{margin-top: 12.5vw;}
	.aboutNews,.newsdetail,.newslist{padding: 9vw 0 13.6vw}
	.infoContent .inadv{padding-bottom: 16vw;}
	.newslist .info .des{font-size: 14px;}
	.prodetail .pic{height: 74.5vw;}
	
	/* .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;}
	.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 .pic{position: absolute; z-index: 2; left: 50%; margin-left: -153px; top: calc(100vh - 100px); transform: scale(0.6); display: block; height: 0; opacity: 0;}
	.header .pic img{margin-top: -36px;}	
	.header .pic.show{height: 36px; transition-delay: .6s; opacity: 1;}
	.header .nav{width: 100vw; height: 0; overflow: hidden; left: -2%; top: 100px; background-color: #fff; position: absolute; z-index: 1; display: block;}
	.header .nav a{text-align: center; margin: 0; padding: 0; display: block; color: #787878; transition:all .6s ease-in-out;}
	.header .nav.show{height: calc(100vh - 100px);}
	.header .nav.show a{margin-top: 6vh}
	.header .menu{display: block; width: 6.2vw; height: 6.2vw;}
	.header .menu line{display: block; width: 4.8vw; height: 3px; border-left: #00a0ac solid 1.4vw; background-color: #fff; border-radius: 2px; position: absolute; left: 0;}
	.header .menu line::before{content: ''; position: absolute; width: 3px; height: 3px; border-radius: 50%; background-color: #fff; 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); transform:rotate(45deg); transition-delay:.1s}
	.header .menu.show line:last-child{bottom:calc(3.1vw - 1.5px); transform:rotate(-45deg); transition-delay:.1s}
	.footer .box{text-align: center;}
	.footer .copyright span,.inabout .box,.inadv .intitle .text1,.incontact .box{display: block;}
	.fenye{margin-top: 36px;}
	.banner{height: 128vw;}
	.banner li{background-size: 100%; background-repeat: no-repeat;}
	.banner li a,.inabout .note .time{opacity: 0; display: inline;}
	.inabout,.inpro,.inadv,.incontact{padding: 13vw 0 16.5vw;}
	.inabout .info{width: 100%;}
	.inabout .note{margin-top: 40px;}
	.inabout .more{text-align: center;}
	.inpro{background-size: auto 53vw;}
	.prolist{margin-top: 9vw; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4vw;}
	.prolist li .ti{font-size: 14px;}
	.prolist li .pic{margin-bottom: 6px; height: 46vw;}
	.inadv .intitle p,.incontact .intitle p{margin-top: 20px; font-size: .875em; opacity: .6;}
	.inadv li{width: 33.33%; height: 32vw;}
	.inadv li.bg_green{width: 100%; flex: none;}
	.inadv li .bg_green{margin-top: 7vw;}
	.inadv li.bg_green .icon{margin-left: 20%;}
	.incontact .map{width: 100%; margin-top: 40px;}
	.incontact .icon .beijing{left: 0;}
	.incontact .icon .col_white{left: 0.5em;}
	.bans{max-height: 117vw; background-size: cover;}
	.bans a{background-size: 0;}
	.bans .info{top: 20%;}
	.about{font-size: 1em;}
	.about .intitle{margin: 14vw auto 8vw;}
	.about p.indexNo{margin-top: 9vw;}
	.aboutNews .box{margin-top: 8.8vw;}
	.aboutNews .pic{height: 61vw;}
	.aboutNews h3{margin: 0;}
	.aboutNews .okPic p.bor_gray{margin: 0; padding: 12px 0; font-size: 0.8em;}
	.infoContent .inadv{padding-top: 26vw;}
	.infoContent .inadv .indexNo .intitle{padding-bottom: 14vw;}
	.infoContent .inadv .indexNo .titles{padding: 14vw 0 0;}
	.infoContent .inadv .table{font-size: 0.8em;}
	.infoContent .inadv .table .w80{width: auto;}
	.infoContent .contactus{margin-bottom: 0; font-size: .875em; opacity: .6;}
	.newsdetail .title h3{font-size: 1.2em;}
	.newsdetail .more.bor_gray,.newsdetail .intitle .text1{display: block;}
	.newsdetail .moreBut{text-align: center; margin-top: 36px;}
	.newsdetail .intitle p{font-size: .75em;}
	.newsdetail .process{margin-top: 0;}
	.newsdetail .process li{width: 100%;}
	.newslist .pic{width: 40vw; height: 26.66vw; margin-right: 5vw;}
	.newslist .info{height: 26.66vw; overflow: hidden;}
	.newslist .info .ti{font-size: 1em; line-height: 1.4;}
	.newslist .info p{margin: 0; line-height: 26px;}
	.newslist .noPic .info{height: auto;}
	.newslist .noPic .info .ti,.aboutNews .noPic h3{max-width: 75%;}
	.newslist .noPic .time span,.aboutNews .noPic .time span{font-size: 1.2em; margin-right: 8px;}
	.prodetail{display: block;}
	.prodetail .pic{height: 96vw; width: 100%;}
	.prodetail dl{width: 100%;}
	.prodetail dt{margin-top: 20px;}
	.prodetail dd{padding: 4.8vw 0;}
	.prodetail .note{position: relative; font-size: .65em; opacity: .4;}

	/* .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} */
}

@media (max-width:600px){
	.header .box{height: 16.66vw;}
	.header .logo{width: 13vw; vertical-align: middle;}
	.header .nav{top: 16.66vw;}
	.header .nav.show{height: calc(100vh - 16.66vw);}
	/* .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;} */	
	.inadv li .bg_green{width: 14vw; height: 14vw; line-height: 14vw;}
	.inadv li .icon{font-size: 6vw;}
	.inadv li.bg_green .icon{width: 23vw;}
	.inadv li.bg_green .beijing{font-size: 5vw;}
	.incontact .box{overflow: hidden;}
	.incontact .map{width: 140%; margin-left: -20%; max-width: none;}
	.aboutNews .okPic .info{width: 42%;}
}

@media (max-width:450px){
	.aboutNews .okPic .time{display: none;}
	.inadv li .bg_green{margin: 6vw auto 10px;}
	.inadv li.bg_green .icon{margin-left: 8%;}
	.aboutNews .okPic .info{max-height: 100%; overflow: hidden;}
	.aboutNews .info h3{font-size: .9em; line-height: 1.4;}
	.aboutNews .okPic p.bor_gray{border-bottom-width: 0; padding: 6px 0;}
}