/* Write your styles */
:root{
    --color: #3b8dc8;
}
ul,li,dl,dt,dd,h1,h2,h3,p,em{ font-style:normal; list-style:none; margin:0; padding:0;}
a{text-decoration: none;transition: all .1s linear; color:#444;}
a:hover{color:var(--color);}
img,video{ max-width:100%;}
.am-container{max-width: 1430px;}
.am-alert-danger{ width:100%; position:fixed; left:0; top:0; margin:0;}

.arccontent .selectTdClass{background-color:#edf5fa !important}
.arccontent table.noBorderTable td,.arccontent table.noBorderTable th,.arccontent table.noBorderTable caption{border:1px dashed #ddd !important}
.arccontent table{margin-bottom:10px;border-collapse:collapse;display:table; width:100% !important;}
.arccontent td,.arccontent th{padding: 5px 10px !important;border: 1px solid #DDD;line-height:1.4;}
.arccontent caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}
.arccontent th{border-top:1px solid #BBB;background-color:#F7F7F7;}
.arccontent table tr.firstRow th{border-top-width:2px;}
.arccontent .ue-table-interlace-color-single{ background-color: #fcfcfc; } 
.arccontent .ue-table-interlace-color-double{ background-color: #f7faff; }

html{-webkit-text-size-adjust:100%;}
@media (min-width:1921px) and (max-width:2880px) {
    html{font-size:.455vw}
}
@media (min-width:1601px) and (max-width:1920px) {
    html{font-size:.525vw}
}
@media (min-width:1025px) and (max-width:1600px) {
    html{font-size:.625vw}
}
@media (max-width:1024px) {
    html{font-size:1.2vw}
}
@media (max-width:768px) {
    html{font-size:1.5vw}
}
@media (max-width:568px) {
    html{font-size:2vw}
}

header .top{ background:#f5f5f5; color:#999; height:40px; line-height:40px;}
header .top .top-l{ float:left;}
header .top .top-r{ float:right;}
header .top .top-r ul li{ float:left; padding:0 15px; position:relative;}
header .top .top-r ul li:before{ content:""; display:block; width:1px; height:14px; position:absolute; left:0; top:50%; transform:translateY(-50%); background:#666;}
header .top .top-r ul li:first-child:before{ display:none;}
header .top .top-r ul li a{ display:block;}
header .top .top-r ul li:last-child{ padding-right:0;}


header{ position:relative; box-shadow:0 2px 20px 2px rgba(0,0,0,.04); z-index:1099;}
header .navmain .logo{ line-height:8rem; float:left;}
header .navmain .searbtn{ float:right; font-size:14px; line-height:96px; color:#999}
header .navmain .searbtn .ico-serclose{ display:none;}

header .nav{ width:65%; float:right; height:8rem; line-height:8rem; }
header .nav .ulnav{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
header .nav .ulnav>li{flex:auto;-webkit-box-flex: auto; text-align:center; float:left; position:relative;}
header .nav .ulnav>li>a{font-size:1.8rem; display:block; color:#333; position:relative;}
header .nav .ulnav>li>a:before{ content:""; display:none; width:0; height:3px; background:#0189dd; position:absolute; left:50%; bottom:0;transition: all .3s linear;}

header .nav:hover .ulnav>li.on>a{color:#333; font-weight: normal; background:none;}
header .nav:hover .ulnav>li.on>a:before{ width:0; left:50%;}
header .nav .ulnav>li:hover>a:before,header .nav .ulnav>li.on:hover>a:before,header .nav .ulnav>li.on>a:before{ width:100%; left:0;}
header .nav .ulnav>li:hover>a,header .nav .ulnav>li.on:hover>a,header .nav .ulnav>li.on>a{ color:#fff; font-weight:bold; background:var(--color)}

.ulnav>li .subnav{position: absolute;width:100%;background-color: #FFF; margin:0; box-shadow: 0 2px 38px rgba(0,0,0,.1); height: auto;z-index: 199;top: 9rem;left: 0%;opacity:0; visibility:hidden;transition: all .36s ease; border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5; border-radius:5px;}
.ulnav>li .subnav:before{ content:""; display:block; position:absolute; left:50%; top:-8px; margin-left:-5px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 8px solid #fff;}
.ulnav>li:hover .subnav{opacity:1;visibility: visible;top:8rem;}
.ulnav>li .subnav li{ border-bottom:1px solid #f5f5f5;}
.ulnav>li .subnav li:first-child{ border-radius:5px 5px 0 0;}
.ulnav>li .subnav li:last-child{ border-radius:0 0 5px 5px;}
.ulnav>li .subnav li a{font-weight: 500;color: #666; padding: 8px 5px;line-height:2.6rem;display: block;transition: all .2s ease-in-out;font-size: 14px;}
.ulnav>li .subnav li a:hover{ color:var(--color);}
.nav-warp{ display:none;}
.warpbg{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,.88); left:0; top:0; z-index:1990; display:none;}
.warpbg:after{ position:fixed; right:15px; top:15px; color:rgba(255,255,255,.81);    content: "\f00d"; font-size:1.8rem; cursor:pointer;}







.img100{ width:100%;}
.swiper-banner{ background:#1e2136;}
.swiper-banner .swiper-slide .banitem .img100{ height:calc(100vh - 8rem);object-fit: cover;}
.swiper-banner .swiper-button-next{ right:30px; opacity:.2;}
.swiper-banner  .swiper-button-prev{ left:30px; opacity:.2;}
.swiper-banner .swiper-button-next,.swiper-banner .swiper-button-prev{background-size: 20px 40px;}
.swiper-banner .swiper-button-next:hover,.swiper-banner .swiper-button-prev:hover{ opacity:.8;}
.swiper-banner .swiper-slide{ background:#1e2136;width: 100%;}
.swiper-banner .swiper-slide .txt{ position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%); color:#fff; z-index:2;/*pointer-events: none;*/}
.swiper-banner .swiper-slide .txt .bansimg{ display:block;}
.swiper-banner .swiper-slide .txt .mo{/*pointer-events: auto;*/ display:inline-block;}
.swiper-banner .swiper-slide .txt .mo .ban-tit{ font-size:3.6rem; color:#fff;}
.swiper-banner .swiper-slide .txt .mo .ban-note{ font-size:5.4rem;color:#fff;font-weight:bold;  margin-top:0.2rem; margin-bottom:1.5rem;}
.swiper-banner .swiper-slide .txt .mo .ban-ens{ font-size:1.8rem; font-weight:lighter; text-transform:uppercase; white-space:pre-wrap;}
.swiper-banner .swiper-slide .txt .mo .ban-more{ font-size:1.6rem; margin-top:4rem; display:inline-block;}
.swiper-banner .swiper-slide .txt .mo .ban-more a{ display:flex;align-items: center; padding:1rem 2.5rem;  color:#fff;transition:all .3s linear; background:var(--color)}
.swiper-banner .swiper-slide .txt .mo .ban-more a i{ width:2rem; height:1.4rem; display:inline-block; background:url(../image/jt.png) no-repeat; background-size:contain; margin-left:1.5rem;transition:all .3s linear; }
.swiper-banner .swiper-slide .txt .mo .ban-more a:hover{}
.swiper-banner .swiper-slide .txt .mo .ban-more a:hover i{ transform:translateX(0.6rem);}
.swiper-banner .swiper-banpa{ bottom:20px;}
.swiper-banner .swiper-banpa .swiper-pagination-bullet{ width:4rem; height:2px; margin:0 8px; background:#fff; opacity:.6; border-radius:6px;transition: all .36s ease; }
.swiper-banner  .swiper-banpa .swiper-pagination-bullet-active{ background:#133686; opacity: 1;}
.swiper-banner .swiper-slide.swiper-slide-active .banitem .img100{-webkit-animation: banner_outside 6s ease 1 forwards;-moz-animation: banner_outside 6s ease 1 forwards;-o-animation: banner_outside 6s ease 1 forwards;animation: banner_outside 6s ease 1 forwards;}
.ban-pagination{ position:absolute; width:100%; left:0; bottom:3rem; z-index:299;}
.ban-pagination .fx{ display:flex;align-items: center;}
.ban-pagination .fx .swiper-p-b{ width:auto; margin:0 2.5rem; font-size:2rem; color:rgba(255,255,255,.5)}
.ban-pagination .fx .swiper-p-b span{ margin:0 0.5rem;}
.ban-pagination .fx .swiper-p-b .swiper-pagination-current{ font-size:2.4rem; color:#fff;}
.ban-pagination .fx .swiper-p-b .swiper-pagination-current:before{ content:"0";}
.ban-pagination .fx .swiper-p-b .swiper-pagination-total:before{content:"0";}
.ban-pagination .fx .swiper-ban-prev,.ban-pagination .fx .swiper-ban-next{ cursor:pointer; color:#fff; font-size:3rem;}
.ban-sollr{ position:absolute; width:100%; left:0; bottom:2%; z-index:99; text-align:center; color:#fff; font-size:1.4rem;opacity: .8;}
.ban-sollr i{ display:inline-block; position:relative; width:2.6rem; height:3.8rem; border-radius:3rem; border:1px solid rgba(255,255,255,.8)}
.ban-sollr i:before{ content:""; display:block; position:absolute; left:50%; z-index:1; width:1px; height:3rem; background:#fff; animation: downico 1.5s ease-out infinite;}
.ban-sollr i:after{ content:""; display:block; width:1px; height:130%; left:50%; top:50%; position:absolute; background:rgba(255,255,255,.2)}
.ban-sollr p{ margin-top:1rem;}
@-webkit-keyframes banner_outside{from{-o-transform:scale(1.1);transform:scale(1.1)}
to{-o-transform:scale(1);transform:scale(1)}
}
@-moz-keyframes banner_outside{from{-o-transform:scale(1.1);transform:scale(1.1)}
to{-o-transform:scale(1);transform:scale(1)}
}
@-o-keyframes banner_outside{from{-o-transform:scale(1.1);transform:scale(1.1)}
to{-o-transform:scale(1);transform:scale(1)}
}
@keyframes banner_outside{from{-o-transform:scale(1.1);transform:scale(1.1)}
to{-o-transform:scale(1);transform:scale(1)}
}

@keyframes rotate {
	0% {transform: translateY(0)}
	25% {transform: translateY(5px)}
	50% {transform: translateY(10px) scale(1.1,.9)}
	75% {ransform: translateY(5px)}
	100% {transform: translateY(0)}
}
@keyframes downico {
	0% {top: 40%;opacity: 1;}
	35% {top: 90%;opacity: 0;}
	65% {top: 30%;opacity: 0;}
	100% {top: 40%;opacity: 1;}
}
.ani{transition:all .3s;}
.txt-line1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.txt-line2{-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.txt-line3{-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.t-center{ text-align:center;}
.flex-all-center{display:flex;align-items: center;justify-content:center;}
.flex-between-center{display:flex;align-items: center;justify-content: space-between;}
.flex-between{display:flex;justify-content: space-between;}
.bgr{ background:#f5f5f5;}
.am-pd{ padding:8rem 0; overflow:hidden;}
.hm-more{ font-size:1.6rem;display:inline-block;}
.hm-more a{ display:flex;align-items: center; padding:1rem 2.5rem;  color:#fff;transition:all .3s linear; background:var(--color)}
.hm-more a i{ width:2rem; height:1.4rem; display:inline-block; background:url(../image/jt.png) no-repeat; background-size:contain; margin-left:1.5rem;transition:all .3s linear; }
.hm-more a:hover i{ transform:translateX(0.6rem);}

.hm-title{}
.hm-title .en{ font-size:1.8rem; font-weight:bold; color:var(--color); text-transform:uppercase;}
.hm-title .cn{ font-size:4rem; font-weight:bold; line-height:1; margin-top:0.6rem;}
.hm-title.bs .en{ color:#fff;}
.hm-title.bs .cn{ color:#fff;}


.hm-product{ background:#f3f5f6;}
.hm-product .hm-pro-hed{ margin-bottom:6rem;}
.hm-product .hm-pro-hed .hm-title{ width:30%;}
.hm-product .hm-pro-hed .hm-pro-note{ width:46%;}
.hm-product .hm-pro-hed .hm-pro-note .note{ font-size:1.8rem; color:#666; line-height:2; margin-bottom:2rem;}

.hm-pro-list ul{ margin:0 -1rem;}
.hm-pro-list ul li{ padding:0 1rem;}
.hm-pro-list ul li a{ display:block; background:#fff;}
.hm-pro-list ul li a i{ display:block; overflow:hidden;}
.hm-pro-list ul li a i img{ width:100%; transition:all .3s linear;}
.hm-pro-list ul li a:hover i img{ transform:scale(1.05)}
.hm-pro-list ul li a .txt{ padding:4rem 4.5rem;}
.hm-pro-list ul li a .txt .tit{ font-size:2.4rem; font-weight:bold; color:#333;}
.hm-pro-list ul li a .txt .note{ font-size:1.8rem; color:#999; margin-top:0.5rem;}

.hm-appli{ background:url(../image/bg-app.jpg) center no-repeat; background-size:cover; position:relative; z-index:9; overflow: initial;}

.hm-appl-tab .bd .box{ height:50rem;}
.hm-appl-tab .bd .box .bmin{ text-align:center;}
.hm-appl-tab .bd .box .bmin .icon img{ filter: brightness(30);}
.hm-appl-tab .bd .box .bmin .tit{ font-size:2.4rem; font-weight:bold; color:#fff;}
.hm-appl-tab .bd .box .bmin .note{ font-size:1.8rem; color:rgba(255,255,255,.6); margin-top:2rem; white-space:pre-wrap;}
.hm-appl-tab .hd{ background:#fff; box-shadow:0 0 10px 2px rgba(0,0,0,.1);margin-bottom: -15rem; overflow:hidden;}
.hm-appl-tab .hd ul{ display:flex;align-items: center;justify-content: space-between; }
.hm-appl-tab .hd ul li{ flex:auto; text-align:center;}
.hm-appl-tab .hd ul li a{ display:block; position:relative; padding-top:2rem; padding-bottom:2.5rem; cursor:pointer;}
.hm-appl-tab .hd ul li a .tit{ font-size:2.2rem; color:#333;}
.hm-appl-tab .hd ul li a:before{ content:""; display:block; width:100%; height:0; transition:all .3s linear; background:var(--color); position:absolute; left:0; bottom:0;}
.hm-appl-tab .hd ul li.on a:before{ height:0.4rem;}

.hm-about{ background:url(../image/bg-ab.jpg) center bottom no-repeat; background-size:cover; padding-top:16rem;}
.hm-about-main{ display:flex;justify-content: space-between;}
.hm-about-main .left{ width:25%;display:flex;justify-content: space-between;flex-flow: column;}
.hm-about-main .left .hmab-top .info{ font-size:2.8rem; font-weight:bold; margin-top:4rem;}
.hm-about-main .right{ width:68%;}
.hm-about-main .right .note{ white-space:pre-wrap; line-height:2; color:#666; font-size:1.8rem;}
.hm-about-main .right .thumb{ margin-top:3rem;}
.hm-about-main .right .thumb img{ width:100%;}

.hm-contact{ background:#f3f5f6;}
.hm-ct-info{ font-size:1.8rem; color:#666; margin-top:4rem; margin-bottom:4rem;}
.hm-ct-main{align-items: end;}
.hm-ct-main .left{ width:48%;}
.hm-ct-main .left .lx-list{ margin-bottom:1.5rem;}
.hm-ct-main .left .lx-list ul li{ width:50%; float:left; margin-bottom:1rem;}
.hm-ct-main .left .lx-list ul li .box{ display:flex;align-items: center;}
.hm-ct-main .left .lx-list ul li .box .txt{ margin-left:1rem;}
.hm-ct-main .left .lx-list ul li .box .txt p{ font-size:1.6rem; color:#999;}
.hm-ct-main .left .lx-list ul li .box .txt span{ font-size:1.8rem; color:#666;}
.hm-ct-main .left .lx-list ul li:nth-child(3){ width:100%;}
#hmmap{ height:30rem;}
#hmmap img{ max-width:inherit !important;}

.BMap_bubble_title{ font-size:1.8rem; font-weight:bold;}
.BMap_bubble_content{ font-size:1.4rem;}
.hm-ct-main .right{ width:48%;}
.webmess .input{ display:flex;flex-wrap: wrap;justify-content: space-between;}
.webmess .input .item{ width:49%; margin-bottom:1.5rem;}
.webmess .am-form-field{ border:1px solid #ebebeb; padding:1.8rem; font-size:1.8rem;}
.webmess .submit{ margin-top:1.5rem;}
.webmess .submit .am-btn{ width:100%; padding:1.8rem; color:#fff; background:var(--color); border:none; outline:none; font-size:1.8rem; font-weight:bold;}

footer{ background:#040a17; padding-top:6rem; color:rgba(255,255,255,.6);}
footer a{color:rgba(255,255,255,.6);}
footer .foot-1{display:flex;justify-content: space-between;align-items: center;padding-bottom:3rem; border-bottom:1px solid rgba(255,255,255,.08);}
footer .foot-1 .foot-logo img{ max-width:19rem;}
footer .foot-1 .foot-nav a:hover{ color:#fff;}
footer .foot-1 .foot-nav{display:flex;justify-content: space-between; width:50%; }
footer .foot-main{ padding:4rem 0;display:flex;justify-content: space-between;align-items: center;}
footer .foot-main .foot-ewm{ text-align:center; font-size:1.6rem; }
footer .foot-main .foot-ewm ul{display:flex;justify-content: space-between;}
footer .foot-main .foot-ewm ul li{ margin-left:2rem;}
footer .foot-main .foot-ewm .img{ margin-bottom:1rem;}
footer .foot-main .foot-contact{ width:55%;}
footer .foot-main .foot-contact ul{display:flex;justify-content: space-between;}
footer .foot-main .foot-contact ul li .tit{ font-size:1.8rem; margin-top:0.5rem; margin-bottom:0.6rem;}
footer .foot-main .foot-contact ul li .note{ font-size:1.6rem; color:#fff;}

footer .foot-copyr{ padding:4rem 0;font-size:14px;color:rgba(255,255,255,.5); border-top:1px solid rgba(255,255,255,.08)}
footer .foot-copyr a{color:rgba(0,0,0,.5);}




.wechat-ses{ width: 70%; padding: 30px;background: #fff;border-radius: 10px;position: fixed;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%); z-index: 1404; display: none;}
.wechat-ses .icon{width: 44px;height: 44px;display: block;margin: 0 auto;}
.wechat-ses .tit{font-size: 1.8rem;font-weight: bold;text-align: center; margin-top: 10px; margin-bottom: 15px;}
.wechat-ses .note{font-size: 1.4rem;color: #777;text-align: center; margin-bottom: 15px;}
.wechat-ses .wxbtn{text-align: center;}
.wechat-ses .wxbtn a{font-size: 1.4rem; display: inline-block; padding: 8px 30px;background-color: #1aad17;color: #fff;border-radius: 6px;}
.wechat-wrap{background: rgba(0, 0, 0, .6);width: 100%;height: 100%;position: fixed;left: 0;top: 0; z-index: 1400; display: none;}

.wechat-dialog{width:90%; background:#fff; border-radius:10px; padding:18px; position:fixed; left:5%; top:50%; transform:translate(0,-50%); z-index:1211; display:none;box-sizing:border-box;}
.wechat-dialog .tit{ text-align:center; font-size:1.8rem;}
.wechat-dialog .copy-wx{ background:#f5f5f5; border-radius:10px;font-size:1.8rem; padding:20px; text-align:center; margin:15px 0; color:#666;}
.wechat-dialog .copy-wx .info{ font-size:1.8rem; color:#999;}
.wechat-dialog .copy-wx p span{ color:#25ba45;}
.wechat-dialog .wx-close{ position:absolute; right:5px; top:5px; font-size:20px; padding:0 10px; cursor:pointer;}
.wechat-mask{ position:fixed; display:none; width:100%; height:100%; background:rgba(0,0,0,.5); left:0; top:0;z-index:1210;}

.wechat-ses{ width:400px; max-width: 70%; padding: 30px;background: #fff;border-radius: 10px;position: fixed;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%); z-index: 1404; display: none;box-shadow: 0 2px 20px 2px rgba(0,0,0,.5);}
.wechat-ses .icon{width: 44px;height: 44px;display: block;margin: 0 auto;}
.wechat-ses .tit{font-size: 1.8rem;font-weight: bold;text-align: center; margin-top: 10px; margin-bottom: 15px;}
.wechat-ses .note{font-size: 1.4rem;color: #777;text-align: center; margin-bottom: 15px;}
.wechat-ses .wxbtn{text-align: center;}
.wechat-ses .wxbtn a{font-size: 1.4rem; display: inline-block; padding: 8px 30px;background-color: #1aad17;color: #fff;border-radius: 6px;}

.foot-bar{ position:fixed; width:100%; height:7rem; background:var(--color); left:0; bottom:0; z-index:999;}
.foot-bar ul li{ padding-top:.5rem;}
.foot-bar ul li a{ color:#fff; font-size:2rem; display:block; text-align:center;}
.foot-bar ul li a img{ width:2.4rem;height:2.4rem;}
.foot-bar ul li a span{ display:block; font-size:1.5rem; }

.ny-banner{ position:relative; overflow:hidden;}
.ny-banner>img{ width:100%;animation: banner_outside 5s ease 1 forwards; object-fit: cover;}
.ny-banner>.txt{ position:absolute; z-index:22; width:100%; top:50%; transform:translateY(-50%); left:0; color:#fff; text-align:center;}
.ny-banner>.txt .tit{ font-size:4rem; font-weight:bold;}
.ny-banner>.txt .en{ font-size:3rem; font-weight:300; text-transform:uppercase;}
.font_effect>span {display: inline-table;overflow: hidden;}
.font_effect>span>font {display: block;-webkit-animation-duration: .6s !important;animation-duration: .6s !important;}

.ny-warp{ padding:5rem 0; background:#f5f5f5;}
.ny-about{background: url(../image/bg_about_industry.jpg) no-repeat center bottom; }

.ny-ab-txt .tit{margin: 0 0 4rem;font-size: 3.6rem;font-weight: 800;color: #2c2c2c;text-align: center;}
.ny-ab-txt .content{line-height:2.4;margin: 0;font-size: 1.7rem;color: #666;text-align: justify;}
.ny-ab-txt .content .thumb{ text-align:center;}

.ny-nav{ text-align:center; margin-bottom:3rem;}
.ny-nav a{ display:inline-block; padding:1rem 3rem; background:#fff; border-radius:4rem; border: 1px solid #ebe8e4;margin:0 1rem; font-size:1.8rem;}
.ny-nav a.on,.ny-nav a:hover{ background:var(--color); color:#fff; border-color:var(--color);}
.prolist ul{ margin:0 -1.5rem;}
.prolist ul li{padding:1.5rem;}
.prolist ul li:nth-of-type(1),.prolist ul li:nth-of-type(2),.prolist ul li:nth-of-type(3){/* padding-top:0; */}
.prolist ul li a{ display:block; background:#fff; text-align:center; padding:2rem; padding-bottom:0;}
.prolist ul li a i{ display:block; overflow:hidden;}
.prolist ul li a i img{transition: all .3s linear;}
.prolist ul li a:hover i img{transform: scale(1.06);}
.prolist ul li a .tit{ border-top:1px solid #f1f1f1; padding:1.5rem 0; text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.pages{ text-align:center; margin-top:2.5rem;}
.pages a{ width:4.6rem; margin:0 5px; height:4.6rem; line-height:4.6rem; text-align:center; display:inline-block; background:#fff; border-radius:50%; box-shadow:0 2px 2px 2px rgba(0,0,0,.05)}
.pages a.on,.pages a:hover{ background:var(--color); color:#fff;}



.ny-pro-head-box{ background:#fff;  padding:40px; display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: start;
    align-content: flex-start;}

.ny-pro-paly{width: 46%;float: left; border:1px solid #f5f5f5;}
.mySwiper-propay .swiper-slide{}
.mySwiper-propay .swiper-slide img{ width:100%;}
.mySwiper-propay .swiper-button-white{ background-size: 16px auto; opacity: .5;}
.mySwiper-propay .swiper-button-disabled{pointer-events:auto;}
.mySwiper-propay .swiper-pagination-bullet{width: 10px;height: 10px;}
.mySwiper-propay .swiper-pagination-bullet-active{background: var(--color);}

.pro-head-r{ width:54%; float:right; position:relative; padding-left:6%;}
.pro-head-r h1{font-size: 2.8rem;    color: var(--color);}
.pro-head-r .info{font-size: 1.8rem;color: var(--color);padding-top: 15px;}
.pro-head-r .note{ margin-top:1.5rem;font-size: 1.6rem;color: #666;line-height:2;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;    max-height: 23rem;overflow-y: auto;}
.pro-head-r .note::-webkit-scrollbar{width:4px;height:160px;border-radius:4px;background:#e1e1e1}
.pro-head-r .note::-webkit-scrollbar-thumb{width:4px;height:90px;border-radius:4px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:var(--color)}
.pro-head-r .note::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:0;background:rgba(0,0,0,.1)}
.pro-head-r .btns{}
.pro-head-r .btns{position:absolute;left:12%;bottom:0}
.pro-head-r .btns .btn{z-index:2;display:inline-block;vertical-align:top;position:relative;overflow:hidden;min-width:120px;padding: 12px 55px;border-radius:6px;text-align:center;font-size:16px;border:#e0e0e0 solid 1px;-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s}
.pro-head-r .btns p{ margin-top:15px; color:#999;}
.pro-head-r .btns .btn:after{background-color:var(--color);opacity:1;z-index:-1}
.pro-head-r .btns .btn:nth-child(1n+2){margin-left:.6rem}
.pro-head-r .btns .btn2{color:var(--color);border-color:var(--color)}
.pro-head-r .btns .btn:hover{ color:#fff;}
.pro-head-r .btns .aBtnSc{position:relative;overflow:hidden;z-index:1;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.04); background:var(--color); color:#fff;}
.pro-head-r .btns .aBtnSc:after{z-index:-1;content:" ";position:absolute;border-radius:50%;left:50%;top:50%;background-color:#fff;width:108%;padding-bottom:108%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);pointer-events:none}
.pro-head-r .btns .aBtnSc:hover:after {
    -webkit-transition: all 350ms ease-in 0ms;
    transition: all 350ms ease-in 0ms;
   background: var(--color);
    visibility: visible;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
.nypromain{ background:#fff; border-top:1px solid #eee; background:#f6fafe;}
.nypromain .left{ width:75%; float:left; padding:40px; background:#fff;}
.fa-tiew{ border-bottom:1px solid #eee; margin-top:-15px;}
.fa-tiew span{ display:inline-block; padding:15px 0; font-size:2.2rem; font-weight:bold; background:url(../image/icon-fa.png) 0 center no-repeat; background-size:20px auto; padding-left:30px; color:var(--color); border-bottom:2px solid var(--color);}
.ny-procontentmain{ margin-top:20px; margin-bottom:30px; line-height:2;}

.nypromain .right{ width:25%; float:right; padding:40px;}
.nypromain .right .prrtit{ font-size:2.2rem; font-weight:bold; border-bottom:1px solid #eee; padding-bottom:15px;}
.nypromain .right .prr-list{ margin-top:15px;}
.nypromain .right .prr-list ul li{ margin-bottom:15px;}
.nypromain .right .prr-list ul li a{ display:block; background:#fff;}
.nypromain .right .prr-list ul li a i{ display:block; overflow:hidden;}
.nypromain .right .prr-list ul li a i img{ transition:all .3s linear;}
.nypromain .right .prr-list ul li a:hover i img{ transform:scale(1.05)}
.nypromain .right .prr-list ul li a p{ font-size:14px; padding:10px; text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.ny-pro-de{position: relative;padding: 5rem 0;}
.ny-pro-de .main{display: flex;align-items: flex-start;justify-content: space-between;position: relative;}

.ny-pro-de .main .left{width: 32%;padding: 3rem;background: #fff;box-shadow: 0 3px 12px rgba(98,107,181,.25);border-radius: 1rem;overflow: hidden;flex-shrink: 0;position: sticky; top: 5rem;margin-right: 4rem;}

.pro-swiper1{width: 100%;overflow: hidden;}
.pro-swiper1 .swiper-slide:hover{cursor: url(/tpl/web/images/saf.png),auto;}
.pro-swiper1 .img-box{overflow: hidden;}
.pro-swiper1 .img-box img{width: 100%;}

.ny-pro-de .main .left .tool{display: flex;margin-top: 1.5rem;}
.ny-pro-de .main .left .tool .btn{width: 3rem;display: flex;justify-content: center;align-items: center;background: #f8f8f8;cursor: pointer;transition: all .2s ease;}
.ny-pro-de .main .left .tool .btn:hover{color: var(--color);background: #efefef;}


.pro-swiper2{width: 100%;overflow: hidden;margin: 0 .75rem;}
.pro-swiper2 .swiper-slide{padding: 0 .75rem;max-height: 9rem;cursor: pointer;width: 33.33%;}
.pro-swiper2 .img-box{overflow: hidden;height: 100%;border: 2px solid transparent;border-radius: .5rem;}
.pro-swiper2 .swiper-slide-thumb-active .img-box{overflow: hidden;height: 100%;border: 2px solid var(--color);}
.pro-swiper2 .img-box img{width: 100%;height: 100%;object-fit: cover;}

.ny-pro-de .main .right{width:100%;box-shadow: 0 3px 12px rgba(98,107,181,.25);border-radius: 1rem;overflow: hidden;padding: 3rem;position: relative; background-color: #fff;}
.ny-pro-de .main .right .hd{position: relative;}
.ny-pro-de .main .right .hd .tt-box{display: flex;flex-wrap: wrap;align-items: center;}
.ny-pro-de .main .right .hd .tt{font-size: 3.2rem;font-weight: bold;color: var(--color);margin-right: 2rem;flex: 1;}
.ny-pro-de .main .right .back{display: flex;justify-content: flex-end;align-items: center;color: #999;font-size: 1.6rem;flex-shrink: 0;}
.ny-pro-de .main .right .back img{height: 1.9rem;margin-right: 1.6rem;transition: all.3s;}
.ny-pro-de .main .right .back:hover{color: var(--color);}
.ny-pro-de .main .right .back:hover img{transform: translateX(1rem);}
.ny-pro-de .main .right .hd .cate{font-size: 1.8rem;font-weight: 400;padding: 1rem 2rem;border-radius: 3rem;border: 1px solid #666;line-height: 1;color: #666;}
.ny-pro-de .main .right .hd .cate:hover{border-color: var(--color);background: var(--color);color: #fff;}
.ny-pro-de .main .right .hd .note{color: #999;padding: 0 0;border-top: 1px solid #B5B5B5;border-bottom: 1px solid transparent;margin: 3rem 0;}

.ny-pro-de .main .right .bd{position: relative;}
.ny-pro-de .main .right .bd .cont{line-height: 2;color: #666;}
.ny-pro-de .main .right .bd .cont h1{color: #1f1f1f;font-size: 2.2rem;}
.ny-pro-de .main .right .bd .cont h2{color: #1f1f1f;font-size: 2rem;}
.ny-pro-de .main .right .bd .cont h3{color: #1f1f1f;font-size: 1.8rem;}

.xg-service{ }
.xg-service .xg-ser-title{display:flex;justify-content:space-between;align-items: center;}
.xg-service .xg-ser-title .tit{ font-size:3.6rem; color:var(--color); font-weight:bold;}
.xg-service .xg-ser-title .npre{ display:flex;}
.xg-service .xg-ser-title .swiper-btn-ta{ display:flex;justify-content: center;align-items: center; width:4rem; height:4rem; cursor:pointer; border:1px solid #dedede; margin-left:1rem; background: #fff;}
.xg-service .xg-ser-title .swiper-btn-ta.swiper-button-disabled{ opacity:0.35; cursor:auto;}
.servicesB-a{ margin-top:3rem;}
.servicesB-a li a{ display:block; background-color: #fff;}
.servicesB-a li a .thumb{ overflow:hidden;}
.servicesB-a li a .thumb img{ transition:.3s; width:100%;}
.servicesB-a li a:hover .thumb img{ transform:scale(1.05)}
.servicesB-a li a .txt{ padding:2rem; border-bottom:1px solid #e1e1e1; position:relative; text-align: center;}
.servicesB-a li a .txt:before{ content:""; display:block; width:0; height:2px; background:var(--color); position:absolute; left:0; bottom:0; transition:.6s; opacity:0;}
.servicesB-a li a:hover .txt:before{ width:100%; opacity:1;}
.servicesB-a li a .txt .tit{ font-size:1.8rem; font-weight:bold; margin-bottom:1rem;}
.servicesB-a li a .txt .note{ font-size:1.5rem; line-height:1.8; color:#888;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.servicesB-a li a .txt .more{ font-size:1.4rem; color:#666; margin-top:1rem;}
.servicesB-a li a .txt .more i{ margin-left:5px;}


.ser1 .tit{color: #333333;line-height: 52px;padding-right: 19px;position: relative;display: table;margin: 0 auto;margin-bottom:1.5625vw; font-size:4rem;}
.ser1 .tit:after{content: "";position: absolute;top: 38px;right: 0; width: 7px;height: 7px;border-radius: 50%;background-color: #007EC5;}
.ser1 .tit_p{text-align: center;font-family: hr;color: #666666;line-height: 26px;margin-bottom: 4rem; font-size:2rem;}

.ser-list ul{ margin:0 -1rem;}
.ser-list ul li{ padding:0.5rem 1rem;}
.ser-list ul li .box{ background:#fff; border-radius:10px; padding:3rem;}
.ser-list ul li .box .icon{ text-align:center;}
.ser-list ul li .box .icon img{ width:8rem;}
.ser-list ul li .box .txt{ padding-top:1rem;}
.ser-list ul li .box .txt .tit{ font-size:2.2rem; font-weight:bold; text-align:center; margin-bottom:1.5rem;}
.ser-list ul li .box .txt .note{ font-size:1.8rem; color:#666; line-height:2;    min-height: 26rem;}



.ny-news-list ul li{ position:relative; padding:2rem; border-bottom: 1px solid #F1F1F1; background:#fff;}
.ny-news-list ul li:before{ content:""; display: block; height:1px; position:absolute; left:0; bottom:0; background:var(--color); transition:.6s; width:0;}
.ny-news-list ul li:hover:before{ width:100%;}
.ny-news-list ul li a{ display:flex;align-items: center;}
.ny-news-list ul li a .thumb{ width:36rem; overflow:hidden;}
.ny-news-list ul li a .thumb img{ width:100%; transition:1s;}
.ny-news-list ul li a .thumb:hover img{ transform:scale(1.05);}
.ny-news-list ul li a .text{ width:calc(100% - 36rem); padding-left:3rem;display:flex;align-items: center;}
.ny-news-list ul li a .text.w10{width: 100%;padding-left: 0;}
.ny-news-list ul li a .text .txt{ width:calc(100%)}
.ny-news-list ul li a .text .txt .time{ color:#666;margin:1rem 0;}
.ny-news-list ul li a .text .txt .time span{ margin-right: 1rem;}
.ny-news-list ul li a .text .txt .title{ font-size:2rem; color:#333; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ny-news-list ul li a .text .txt .note{ font-size:1.6rem; color:#666;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.ny-news-list ul li a .text .jt{ width:15rem;display: flex;justify-content: end; }
.ny-news-list ul li a .text .jt span{ width:5.8rem; height:5.8rem; display: block; border-radius:50%; background: #E1E1E1;display: flex;align-items: center;justify-content: center; transition:.4s;color: #C1C1C1;}
.ny-news-list ul li a .text .jt span i{transition: 0.6s;}
.ny-news-list ul li a .text .jt span:hover{ background:#d6b767; color:#fff;transform: scale(1.1);}
.ny-news-list ul li a .text .jt span:hover i{transform: translateX(5px);}


.news_com{ padding: 6% 7.6%;background-color: #FFFFFF;}
.news_com .news_hed{ border-bottom:1px solid #e1e1e1; padding-bottom:3rem; margin-bottom:3rem;}
.news_com .news_hed h1{ font-size:3rem;}
.news_com .news_hed .info{ font-size:1.6rem; margin-top:1rem; color:#666;}
.news_com .news_hed .info span{ margin-right:1rem;}
.news_com .news_body{ font-size:1.8rem; line-height:2;border-bottom: 1px solid #eee; padding-bottom:3rem; margin-bottom:3rem;}

.nysxp{ position:relative;padding-right: 150px;}
.nysxp ul li{ line-height:2;}
.nysxp ul li a{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.nysxp .return{ position:absolute; right:0; top:50%; transform:translateY(-50%)}
.nysxp .return a{ display:block; border-radius:30px; padding:10px 35px; border:1px solid #ddd; font-size:14px;}
.nysxp .return a:hover{ border-color:var(--color); background:var(--color); color:#fff;}


.ny-contact{ background:#fff; padding:5rem; display:flex;align-items: end;justify-content: space-between;}
.ny-ct-tit{ position:relative;}
.ny-ct-tit .cn{ font-size:4rem; font-weight:bold; position:relative; z-index:2; padding-top:2rem;}
.ny-ct-tit .en{ font-size:6.6rem; font-weight:bold; text-transform:uppercase;background: linear-gradient(to bottom, #f2f3f5, #fefefe); -webkit-background-clip: text;color: transparent; position:absolute; left:0; top:0; width:100%; line-height:1;}

.ny-contact .left{ width:48%;}
.ny-contact .right{ width:48%;}
.ny-ct-txt{ margin-top:3rem;}
.ny-ct-txt .item{ width:50%; float:left; margin-bottom:2rem;}
.ny-ct-txt .item.w10{ width:100%; float:none;}
.ny-ct-txt .item .tit{ font-size:2rem; font-weight:bold; color:var(--color); margin-bottom:1rem}
.ny-ct-txt .item .note{ font-size:1.8rem;}

.ny-contact-map{ background:#fff; padding:5rem; margin-top:3rem;}
#nyctmap{ height:50rem;}
#nyctmap img{ max-width: inherit !important;}

@media screen and (min-width: 2000px){
.am-container{max-width: 170rem;}
}
@media screen and (max-width: 1920px){
.am-container{max-width: 143rem;}
}
@media screen and (max-width: 1680px){
.am-container{max-width: 1300px;}
}
@media screen and (max-width: 1440px){
.am-container{max-width: 1200px;}
}


@media screen and (max-width:1024px){
html {background: #fafafa;}
body{ max-width:768px; margin:0 auto; background:#fff; zoom:1; padding-bottom:7rem;}
.am-container{ padding:0 2rem;}	
.arccontent img{ height:auto !important;}
.navbar{ display:block; width:3.6rem; height:2.4rem; float:right; position: absolute; right:1.5rem; top:3.4rem; border-bottom:2px solid #999;}
.navbar:after{ content:""; display:block; width:100%; height:2px; background:#999; position:absolute; left:0; top:0;}
.navbar:before{ content:""; display:block; width:100%; height:2px; background:#999; position:absolute; left:0; top:50%;}
header .navmain .logo{ height:9rem; line-height:9rem; padding-left:1.5rem;}
header .navmain .searbtn{ line-height:9rem;margin-right: 18%;}
header .navmain .searbtn img{ width:2.8rem;}
.searchbox{ top:12rem; padding:1.5rem;}
.searchbox .searchmain .am-form-field{    padding: 15px 0 15px 40px; font-size:14px;}
.searchbox .searchmain .am-btn{ width:80px; font-size:14px;}
.searchbox .searchmain:before{ width:20px; height:22px; left:12px;}
header .navmain{ position:relative;}
header .navmain .logo img{ max-height:4rem;}
header .nav{ position:fixed; width:100%; height:100%; left:-100%; top:0; z-index:99999;transition: all .3s linear; line-height:inherit;}
header .nav.on{ left:0; opacity:1;pointer-events: none;}
header .am-container{ padding:0; height:100%;}
header .nav .ulnav{ display:block; width:60%;background:var(--color); height:100%; position:relative;overflow-y: auto;    pointer-events: auto;}
header .nav .ulnav>li{ width:100%; float:none; border-bottom:1px solid rgba(255,255,255,.1); border-radius:0!important;}
header .nav .ulnav>li>a{ line-height:6rem; color:#fff;}
header .nav .ulnav>li:hover>a, header .nav .ulnav>li.on:hover>a, header .nav .ulnav>li.on>a{}
header .nav:hover .ulnav>li.on>a{ color:#fff;}
header .nav .ulnav>li>a:before{ display:none;}
header .nav .ulnav>li .xm{ position:absolute; width:70px; display:block; right:0; top:0; color:rgba(255,255,255,.81); line-height:6rem;}
header .nav .ulnav>li .subnav{ position:relative; display:none; top:0; opacity:1;visibility:inherit; border-radius:0;}
header .nav .ulnav>li:hover>a{ background:none; color:#fff;}
header .nav .ulnav>li .subnav.show{ display:block;}
.ulnav>li .subnav li a{ font-size:1.8rem;}
.nav .am-close {position: absolute;right: 32%;top: 4px;color: #fff;text-shadow: none;opacity: .5;font-size: 2.6rem;display: block;}
.warp{ width:100%; height:100%; position: fixed; right:0; top:0; background:rgba(0,0,0,.81); display:none; z-index:1920}
.warp .am-close{ color:#fff; font-size:24px; padding:15px; opacity:.5;    padding-left: 66%;}


.swiper-banner .swiper-slide .banitem .img100{ height:auto;object-fit: cover;}
.swiper-banner .swiper-button-next{ right:10px; background-size:15px auto;}
.swiper-banner .swiper-button-prev{ left:10px; background-size:15px auto;}
.swiper-banner .swiper-banpa .swiper-pagination-bullet{ width:14px; height:2px;}
.swiper-banner .swiper-banpa{ bottom:5px;}

.swiper-banner .swiper-slide .txt .line{ height:1px;}
.swiper-banner .swiper-slide .txt .line.animated{ width:100px;}
.swiper-banner .swiper-slide .txt .mo .ban-tit{ font-size:2rem;}
.swiper-banner .swiper-slide .txt .mo .ban-img img{ max-width:70%;}
.swiper-banner .swiper-slide .txt .mo .ban-note{ font-size:3rem; margin-bottom:2rem;}
.swiper-banner .swiper-button-next, .swiper-banner .swiper-button-prev{ opacity:0;}
.swiper-banner .swiper-slide .img100{ max-width:150%; width:150%; margin-left:-25%;}
.swiper-banner .swiper-slide .txt .mo .ban-more{  display:none;}


.am-pd{ padding:4rem 0;}
.hm-title .cn{ font-size:3rem;}
.hm-product .hm-pro-hed{ display:block; margin-bottom:2rem;}
.hm-product .hm-pro-hed .hm-title{ width:100%; text-align:center;}
.hm-product .hm-pro-hed .hm-pro-note{ width:100%; margin-top:1rem;text-align: center; display:none;}
.hm-pro-list ul{ display:flex; overflow-x:auto;}
.hm-pro-list ul li{ padding:0 0.5rem; width: 22rem;}
.hm-pro-list ul li a .txt{ padding:2rem;}
.hm-pro-list ul li a .txt .tit{ font-size:2rem;}
.hm-pro-list ul li a .txt .note{ font-size:1.6rem;}
.hm-appl-tab .bd .box{ height:24rem;}

.hm-appl-tab .bd .box .bmin .icon img{ width:5rem;}
.hm-appl-tab .bd .box .bmin .tit{ font-size:2rem}
.hm-appl-tab .bd .box .bmin .note{ font-size:1.6rem; margin-top:1rem;}
.hm-appl-tab .hd ul li a{ padding:1.5rem 1rem;}
.hm-appl-tab .hd ul li a .icon img{ width:5rem;}
.hm-appl-tab .hd ul li a .tit{ font-size:1.6rem;}

.hm-appl-tab .hd{ margin-bottom:-9rem;}
.hm-about{ padding-top:8rem;}
.hm-about-main{ display:block;}
.hm-about-main .left{ width:100%}
.hm-about-main .left .hmab-top{ text-align:center;}
.hm-about-main .left .hmab-top .info{ font-size:2rem; margin-top:1.5rem; margin-bottom:2rem;}
.hm-about-main .left .hmab-bottom{ display:none;}
.hm-about-main .right{ width:100%;}
.hm-ct-info{ margin:2.5rem 0;}
.hm-ct-main{ display:block;}
.hm-ct-main .left{ width:100%;}
.hm-ct-main .left .lx-list ul li .box i{ display:none;}
.hm-ct-main .right{ width:100%; margin-top:2.5rem;}

footer{ padding-top:3rem;}
footer .foot-1 .foot-logo img{ max-width:14rem;}
footer .foot-1 .foot-nav{ display:none;}
footer .foot-1{justify-content:center;}
footer .foot-main{ padding:2rem 0;}
footer .foot-main .foot-ewm .img{ padding:1rem;}
footer .foot-main .foot-ewm .img img{ width:10rem;}
footer .foot-main .foot-contact{ display:block; width:66%;}
footer .foot-main .foot-contact .f-tel{ margin-bottom:1.5rem;}
footer .foot-copyr{ padding:2rem 0;}
footer .foot-copyr p{ float:none !important; text-align:center; font-size:1.6rem;}
footer .foot-main .foot-contact ul{ display:block;}
footer .foot-main .foot-contact ul li i{ display:none;}

.ny-banner>.txt .tit{ font-size:2.4rem;}
.ny-banner>.txt .en{ font-size:1.6rem;}
.ny-ab-txt .tit{ font-size:2.6rem;    margin: 0 0 2rem;}

.ny-warp{ padding:2rem 0;}
.ny-nav{ white-space: nowrap;overflow-y: hidden;overflow-x: auto;margin-bottom: 8px;margin: -2rem -2rem 2rem -2rem;background: #fff;padding-top: 10px;border-top: 1px solid #eee;}
.ny-nav a{ font-size:12px; padding:4px 10px; margin-bottom:10px; margin-left:5px; margin-right:5px;}
.prolist ul{ margin:0 -0.5rem;}
.prolist ul li{ padding:0.5rem;}
.prolist ul li a{ padding:1rem; padding-bottom:0;}
.prolist ul li a .tit{ padding:1rem 0;}

.pages a{ width:4rem; height:4rem; line-height:4rem; }

.servicesB-a li{ width:50% !important;}
.ny-pro-paly{ width:100%; float:none;}
.mySwiper-propay .swiper-button-black{background-size: 12px auto;}

.pro-head-r{ width:100%; float:none; padding:15px;}
.pro-head-r h1{font-size: 18px;}
.pro-head-r .info{font-size: 12px;}
.pro-head-r .note{font-size: 12px;}
.pro-head-r .btns{ position:relative; padding:0; left:0; margin-top:20px;}
.pro-head-r .btns .btn{ font-size:12px;padding: 10px 26px;}
.pro-head-r .btns p{ font-size:12px;}
.ny-pro-head-box{ display:block; padding:15px;}
.nypromain .right{ width:100%; float:none; padding:15px;}
.nypromain .left{ width:100%; float:none; padding:15px;}
.ny-procontentmain{ margin-bottom:15px; font-size:12px;}
.nypromain .right .prr-list ul{ margin:0 -5px;}
.nypromain .right .prr-list ul li{ width:50%; float:left; padding:0 5px;}

.ser1 .tit{ font-size:3rem;}
.ser1 .tit_p{ font-size:1.6rem;}
.ser-list ul li .box .icon img{ width:6rem;}
.ser-list ul li .box .txt .note{ min-height:inherit;}

.ny-news-list ul li{padding: 1.5rem;}
.ny-news-list ul li a .thumb{ width: 15rem;}
.ny-news-list ul li a .text{ width: calc(100% - 15rem); padding-left: 1.5rem;}
.ny-news-list ul li a .text .txt .time{font-size: 1.4rem; display:none;}
.ny-news-list ul li a .text .txt{width: 100%;}
.ny-news-list ul li a .text .jt{display: none;}
.ny-news-list ul li a .text .txt .title{font-size: 1.8rem;margin: .5rem 0;}

.news_com .news_hed h1{ font-size:2.2rem;}
.ny-contact{ padding:2rem; display:block;}
.ny-contact .left{ width:100%; margin-bottom:2rem;}
.ny-contact .right{ width:100%;}
.ny-ct-tit .cn{ font-size:2.4rem;}
.ny-ct-tit .en{ font-size:4rem;}
.ny-contact-map{ padding:2rem;}
.xg-service .xg-ser-title .tit{ font-size:2.4rem;}

.ny-pro-de{ padding:3rem 0;}
.ny-pro-de .main {flex-wrap: wrap;}
    .ny-pro-de .main .left { width: 100%; padding: 3rem; border-radius: 1rem; position: relative; top: 0; margin-right: 0;}
    .ny-pro-de .main .right { width: 100%; padding: 3rem; margin-left: 0; margin-top: 3rem; }
    .ny-pro-de .main .right .hd .tt { font-size: 2.1rem; margin-right: 1.5rem; }
    .ny-pro-de .main .right .hd .cate { font-size: 1.6rem; font-weight: 400; }
	.pro-swiper2 .swiper-slide{ height:7rem;}
	    .all-title-box .title { font-size: 2.8rem; }
    .all-title-box .subtitle { font-size: 3rem; }
	.all-title-box .entitle { font-size: 1.8rem; }
	.xgtj-swiper .swiper-slide{ width:50%;}
	.ny-pro-de .main .right .bd .cont p,.ny-pro-de .main .right .bd .cont span{font-size: 1.8rem !important;}

}