﻿ul,li,dl,dt,dd,h1,h2,h3,p,em{ font-style:normal; list-style:none; margin:0; padding:0;}
a{text-decoration: none; color:#333;}
a:hover{color:var(--themeColor);}
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; }


::placeholder {
    color: #999;
    opacity: 1; 
}
:-ms-input-placeholder {
    color: #999; 
}
::-ms-input-placeholder {
    color: #999; 
}
::-webkit-input-placeholder {
    color: #999; 
}

html{font-size: 62.5%;}

body {
    font-family: "Noto Sans SC","Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
}

.animated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


:root{--themeColor: #f30009;}



[class*=am-u-] { padding-left: 0; padding-right: 0; }

.all-pd{padding: 8rem 0;}
.all-pb{padding-bottom: 8rem;}
.all-pt{padding-top: 8rem;}

.all-mr{margin: 20px 0;}

.themeColor{color: var(--themeColor);}
.colorWhite{color: #fff!important;}
.all-title-box{max-width: 300px;}
.all-title-box .row{display: flex;align-items: baseline;}
.all-title-box .title{font-size: 24px;color: var(--themeColor);font-weight: bold;color: #333;white-space: nowrap;}
.all-title-box .subtitle{font-size: 16px;color: #999;white-space: nowrap;}
.all-title-box .entitle{font-size: 46px;color: #333;text-transform: uppercase;font-weight: bolder;white-space: nowrap;}
.all-title-box .entitle::first-letter { color: var(--themeColor); }
.img100{width: 100%;}

.order1{order: 1;}

.ohide{overflow: hidden;}
.ju-start{justify-content: flex-start!important;height: 90px;}

.c5{transition: all .5s;}
.c1{transition: all 1s;}
.position-re{position: relative!important;}
.line-clamp-1,.line-clamp-2,.line-clamp-3,.line-clamp-4,.line-clamp-5,.line-clamp-6{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.line-clamp-1{-webkit-line-clamp: 1;}
.line-clamp-2{-webkit-line-clamp: 2;}
.line-clamp-3{-webkit-line-clamp: 3;}
.line-clamp-4{-webkit-line-clamp: 4;}
.line-clamp-5{-webkit-line-clamp: 5;}
.line-clamp-6{-webkit-line-clamp: 6;}
.text-wrap {white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}






.ty-btn{width: 18rem;height: 6.5rem;line-height: 6.5rem;border-radius: .6rem;background: var(--themeColor);display: block;color: #fff;font-size: 2rem;position: relative;text-align: center;border: none; }

.ty-btn::before, .ty-btn::after { content: ''; position: absolute; right: 0; top: 0; background: var(--themeColor);  }
.ty-btn::before { height: 0%; width: 2px; }
.ty-btn::after { width: 0%; height: 2px; }
.ty-btn:hover { background: transparent; }
.ty-btn:hover::before { height: 100%; transition: all 0.5s ease;}
.ty-btn:hover::after { width: 100%; transition: all 0.5s ease;}
.ty-btn > span { display: block; }
.ty-btn:hover > span { color: var(--themeColor); transition: all 0.5s ease;}
.ty-btn:hover > span::before { height: 100%; transition: all 0.5s ease;}
.ty-btn:hover > span::after { width: 100%; transition: all 0.5s ease;}
.ty-btn > span::before, .ty-btn > span::after { content: ''; position: absolute; left: 0; bottom: 0; background: var(--themeColor);  }
.ty-btn > span:before { width: 2px; height: 0%; }
.ty-btn > span:after { width: 0%; height: 2px; }

.ty-subtitle{ font-size: 4rem; color: #333; font-weight: 500;line-height: 6rem;letter-spacing: -0.05rem; }
.ty-hover-box{overflow: hidden;}
.ty-hover-box img{transition: all .5s ease-out;}
.ty-hover-box:hover img{transform: scale(1.1);}


header{position: relative;width: 100%;top: 0;left: 0;z-index: 999;}
.header{font-family: "微软雅黑";}
.header .main{display: flex;align-items: center;justify-content: space-between;}
.header .main .top-logo{display: flex;align-items: center;}
.header .main .top-logo .logo1{}
.header .main .top-logo .logo1 img{max-height: 4.6rem;}
.header .main .top-logo .logo2{}
.header .main .top-logo .logo2 img{max-height: 4.6rem;}
.header .main .top-logo .x{margin: 0 1rem;}

.header .main .top-menu{display: flex; flex: 1;justify-content: flex-end;}
.header .main .top-menu ul{display: flex;}
.header .main .top-menu ul li{margin-left: 7rem;}
.header .main .top-menu ul li .a{font-size: 1.8rem;display: block;line-height: 10rem;color: #fff;white-space: nowrap;}
.header .main .top-menu ul li.on .a{color: var(--themeColor);}

.header .main .top-search{display: flex;justify-content: center;align-items: center;width: 4.4rem;height: 4.4rem;border-radius: 100%;background: #fff;margin-left: 7rem;cursor: pointer;flex-shrink: 0;}
.header .main .top-search img{width: 50%;transition: all .2s ease-out;}
.header .main .top-search:hover img{transform: scale(1.1);}

.header .main .top-language{display: flex;align-items: center;color: #fff;margin-left: 7rem;flex-shrink: 0;position: relative;cursor: pointer;}
.header .main .top-language .lag-icon{}
.header .main .top-language .now-lag{font-size: 1.8rem;color: #fff;margin: 0 1rem;}
.header .main .top-language .down{font-size: 2.2rem;}


.subnav{ position: absolute;min-width: 140%;background-color: #FFF;margin: 0;box-shadow: 0 2px 38px rgb(0 0 0 / 15%);height: auto;z-index: 199;top: 160%; left: 50%;opacity: 0;visibility: hidden;transition: all .36s ease;border-left: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5;border-radius: 5px;transform: translateX(-50%); }

.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; }
.subnav .item{border-bottom: 1px solid #f5f5f5;}
.subnav .item:first-child{border-radius: 5px 5px 0 0;}
.subnav .item a{ font-weight: 400;color: #666;padding: 8px 5px;line-height: 22px;text-align: center;display: block;transition: all .2s ease-in-out;font-size: 14px; }
.subnav .item a:hover{color: var(--themeColor);}
.header .main .top-language:hover .subnav { opacity: 1; visibility: visible; top: 130%; }


.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:18px; cursor:pointer;}

.searbtn{ float:right; padding-top:35px;}
.searbtn a{ display:block;  text-align:right; position:relative; cursor:pointer;}

.searchb{ position:fixed; width:100%; top:50%; left:0; z-index:1992; margin-top:-24px; display:none;}
.searchb .seac{ max-width:780px; margin:0 auto; position:relative;}
.searchb .seac input{ width:100%; background:none; border:1px solid rgba(255,255,255,.4); border-radius:40px; padding:14px; color:#fff;font-size: 14px;}
.searchb .seac input:focus{ box-shadow:none; outline:none;}
.searchb .seac .serbtn{ position:absolute; right:10px; top:0; padding:14px; border:none; background:none; color:rgba(255,255,255,.81);font-size: 14px;}
.searchb .seac .serbtn:focus{ outline:none; }


.sm-menubg{width: 100%;height: 100%;background-color: #333333;opacity: .5;position: fixed;top: 0;left: 0;z-index: 1000;display: none;}
.sm-menu{width: 70%;height: 100%;background-color: #FFFFFF;position: fixed;top: 0;left: -70%;z-index: 1001;transition: all .5s;overflow-y: auto;overflow-x: hidden;box-shadow: 1px 1px 1px #9f9f9f80;}
.sm-menu nav{}
.sm-menu nav ul{overflow: hidden;padding-bottom: 70px;}
.sm-menu nav ul li{border-bottom: 1px solid #EEEEEE;position: relative;background-color: #FFFFFF;}
.sm-menu nav ul li:first-child{border-top: 1px solid #EEEEEE;}
.sm-menu nav ul li a{display: flex;margin: 0 40px;padding: 15px 0;font-size: 16px;align-items: center;}
.sm-menu nav ul li a img{margin-right: 5px;display: none;}
.sm-menu nav ul .on a img{display: block;}
.sm-menu nav ul li .down{position: absolute;top: 0;right: 0;width: 40px;height: 100%;padding-top: 13px;text-align: center;cursor: pointer;}
.sm-menu nav ul li .down i{transition: all .3s;transform: rotate(-90deg);}
.sm-menu nav ul li .rotate i{transition: all .3s;transform: rotate(0deg);}
.sm-menu nav ul .on a{color: var(--themeColor);}
.sm-menu nav ul li .sub{position: relative;display: none;transition: all .5s;}
.height-o{height: 0;}
.height-auto{height: auto;}
.sm-menu nav ul li .sub a{font-size: 14px;margin: 0;padding: 10px 0 10px 55px;}
.sm-menu nav ul .on .sub a{color: #666666;}
.sm-menu nav ul .on .sub a:hover{color: var(--themeColor);}

.sm-menubar{cursor: pointer;display: none;}
.bar-line{width: 26px;height: 2px;background-color: #fff;margin: 6px;}
.index_down .bar-line{background-color: #fff;}
.bar-line-top{transition: all .4s;}
.bar-line-center{opacity: 1;transition: all .4s;}
.bar-line-bottom{transition: all .4s;}
.on .bar-line-top{
	-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 8%;
    -ms-transform-origin: 8%;
    -o-transform-origin: 8%;
    transform-origin: 8%;
}
.on .bar-line-center{opacity: 0;width: 0;}
.on .bar-line-bottom{
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 8%;
	-ms-transform-origin: 8%;
	-o-transform-origin: 8%;
	transform-origin: 8%;
}
@media screen and (max-width:1024px) {
	.sm-menubar{display: block;}
    .header .main .top-language{margin-right: 1rem;}
    .header .main .top-language .lag-icon { width: 20px; }
    .header .main .top-language .now-lag{font-size: 14px;}

    .subnav .item a{font-size: 12px;padding: 4px;}


}


.banner{position: relative;margin-top: -10rem;}
.banner-swiper{}
.banner-swiper .item{position: relative;}
.banner-swiper .item .img-box{overflow: hidden;}
.banner-swiper .item .img-box img{width: 100%;}

.banner-swiper .item .cont-main{position: absolute;height: 100%;left: 50%;top: 0;transform: translateX(-50%);display: flex;justify-content: center;align-items: center;}
.banner-swiper .item .cont-main .cont{text-align: center;}
.banner-swiper .item .cont-main .cont .txt1{font-size: 2rem;color: #fff;line-height: 1;letter-spacing: 0.1em;}
.banner-swiper .item .cont-main .cont .txt2{font-size: 7.6rem;color: #fff;font-weight: bold;line-height: 1;margin: 3rem 0 6rem 0;letter-spacing: 0.08em;}
.banner-swiper .item .cont-main .cont .btn{margin: 0 auto;color: #fff;}
.banner-swiper .item .cont-main .cont .btn::before,.banner-swiper .item .cont-main .cont .btn::after{margin: 0 auto;background: #fff}
.banner-swiper .item .cont-main .cont .btn > span::before,.banner-swiper .item .cont-main .cont .btn > span::after{background: #fff}
.banner-swiper .item .cont-main .cont .btn > span:hover{color: #fff;}

.banner-swiper .item.swiper-slide-active .img-box img{-webkit-animation: banner_outside 7s ease 1 forwards;-moz-animation: banner_outside 7s ease 1 forwards;-o-animation: banner_outside 7s ease 1 forwards;animation: banner_outside 7s ease 1 forwards;}


@-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)}}



.about{position: relative;}
.about .main{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about .main .cont-box{padding-right: 5rem;}
.about .main .cont-box .title{font-size: 2rem;line-height: 1;color: #999;font-weight: initial;margin: 3rem 0;letter-spacing: -0.05rem;}
.about .main .cont-box .subtitle{font-size: 4rem;line-height: 6rem;color: #333;font-weight: 500;}
.about .main .cont-box .note{font-size: 2rem;line-height: 3rem;color: #999;margin: 4rem 0 6rem;}
.about .main .cont-box .btn{position: relative;}
.about .main .img-box{padding-left: 5rem;}
.about .main .img-box img{width: 100%;}


.about2{position: relative;}
.about2 .main{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-end;}
.about3 .main{align-items: flex-start;}
.about2 .main .cont-box{padding-left: 5rem;}
.about2 .main .cont-box .title{font-size: 1.8rem;line-height: 1;color: #999;font-weight: initial;margin: 3rem 0;letter-spacing: -0.05rem;}
.about2 .main .cont-box .subtitle{font-size: 4rem;line-height: 6rem;color: #333;font-weight: 500;}
.about2 .main .cont-box .note{font-size: 2rem;line-height: 3rem;color: #999;margin: 4rem 0 6rem;}
.about2 .main .cont-box .btn{position: relative;}
.about2 .main .img-box{padding-right: 5rem;overflow: hidden;}
.about2 .main .img-box img{width: 100%;}



.pro{position: relative;background: #f7f7f9;}
.pro .main{}
.pro .main ul{display: flex;flex-wrap: wrap;margin: 0 -0.8rem;}
.pro .main ul li{width: 20%;padding: 0 .8rem;margin: 2.5rem 0;position: relative;}
.pro .main ul li .item{position: relative;border-radius: 1rem;overflow: hidden;display: block;}
.pro .main ul li .img-box{border-radius: 1rem;overflow: hidden;height: 100%;position: relative;}
.pro .main ul li .img-box img{width: 100%;height: 100%;object-fit: cover;transition: all .5s ease-out;}
.pro .main ul li:hover .img-box img{transform: scale(1.1);}
.pro .main ul li .cont-box{width: 100%;height: 100%;border: 1px solid #fff;border-radius: 1rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 1rem;background: rgba(0,0,0,.5);z-index: 3;zoom: 0;opacity: 0;transition: all .5s ease-out;}
.pro .main ul li .cont-box p{width: 100%;height: 100%;border: 1px solid #fff;border-radius: 1rem;padding: 1rem;display: flex;justify-content: center;align-items: center;font-size: 2.2rem;color:#fff;text-align: center;line-height: 3rem;}
.pro .main ul li:hover .cont-box{ zoom: 1; opacity: 1; }
.pro .main ul .first{width: 40%;}
.pro .main ul .first .title{font-size: 4rem;line-height: 1;font-weight: 500;color: #333;}
.pro .main ul .first .line{width: 6.2rem;height: 0.3rem;background: #d2d2d2;margin: 2rem 0;}
.pro .main ul .first .note{font-size: 2rem;color: #999;line-height: 3rem;padding-right: 10rem;text-align: justify;}




.contact{position: relative;background-repeat: no-repeat;background-size: cover;padding: 12rem 0;margin-bottom: 6rem;background-position: center;}
.contact .main{display: flex;justify-content: space-between;align-items: center;}
.contact .main .cont-box{width: 100%;max-width: 63.5%;}
.contact .main .cont-box .title{font-size: 4rem;line-height: 6rem;font-weight: 500;color: #fff;margin-bottom: 4rem;}
.contact .main .cont-box .note{font-size: 2rem;color: #fff;line-height: 3rem;}
.contact .main .btn{}
.contact .main .btn::before,.contact .main .btn::after{margin: 0 auto;background: #fff}
.contact .main .btn > span::before,.contact .main .btn > span::after{background: #fff}
.contact .main .btn > span:hover{color: #fff;}



footer{background: #141414;}
.foot{}
.foot .main{display: flex;justify-content: space-between;align-items: center;}
.f-logo{display: flex;align-items: center;}
.f-logo .f-logo1 img, .f-logo .f-logo2 img { max-height: 7.4rem; }
.f-logo .x{margin: 0 1.4rem;}

.f-nav{display: flex;}
.f-nav a{font-size: 2.4rem;color: #fff;margin-left: 14rem;}
.f-nav a:first-child{margin-left: 0;}
.f-nav a:hover{text-decoration: underline;}

.copyright{position: relative;}
.copyright .main{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 4rem 0;border-top: 1px solid #3f3f3f;}
.copyright .main .p1{font-size: 1.8rem;color: #999;}
.copyright .main .p1 a{color: #999;}
.copyright .main .p1 a:hover{color: #fff;}



.ny-banner{position: relative;margin-top: -10rem;}
.ny-banner .img-box{overflow: hidden;}
.ny-banner .img-box img{width: 100%;}
.ny-banner .cont-box{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;display: flex;justify-content: center;align-items: center;}
.ny-banner .cont-box .cont{text-align: center;}
.ny-banner .cont-box .cont .ptitle{font-size: 5rem;font-weight: bold;color:#fff;line-height: 1;letter-spacing: 0.08em;margin-bottom: 25px;}
.ny-nav{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: center;}
.ny-nav a{font-size: 1.8rem;font-weight: 500;color: #fff;letter-spacing: 0.1em;line-height: 1;}
.ny-nav a:hover{color: var(--themeColor);}
.ny-nav .icon{margin: 0 1.2rem;width: 1.3rem;}



.ny-pro{}
.ny-pro-main{}
.ny-pro-main .cate{display: flex;border: 1px solid #e8e8e8;border-radius: 1rem;overflow: hidden;white-space: nowrap;}
.ny-pro-main .cate .tt{padding: 3rem 8rem;font-size: 2rem;background: var(--themeColor);color: #fff;line-height: 1;margin-right: 4rem;position: relative;z-index: 10;}
.ny-pro-main .cate ul{display: flex;overflow: auto;align-items: center;position: relative;z-index: 5;}
.ny-pro-main .cate ul li{margin: 0 2rem;}
.ny-pro-main .cate ul li a{display: flex;align-items: center;}
.ny-pro-main .cate ul li a .checkbox{width: 16px;height: 16px;border: 2px solid #666;border-radius: 4px;display: flex;justify-content: center;align-items: center;margin-right: 1.5rem;}
.ny-pro-main .cate ul li.on a .checkbox{border-color: var(--themeColor);}
.ny-pro-main .cate ul li a .checkbox .icon{max-width: 66.7%;display: none;}
.ny-pro-main .cate ul li.on a .checkbox .icon{display: block;}
.ny-pro-main .cate ul li a .title{font-size: 2rem;color: #333;}
.ny-pro-main .cate ul li.on a .title{color: var(--themeColor);}

.ny-pro-list{display: flex;flex-wrap: wrap;margin: 0 -1rem;padding: 5rem 0;}
.ny-pro-list li{margin: 1.5rem 0;padding: 0 1rem;}
.ny-pro-list li a{display: block;text-align: center;}
.ny-pro-list li a .img-box{overflow: hidden;border-radius: 1rem;position: relative;}
.ny-pro-list li a .img-box:before { position: absolute; top: 0; left: -90%; z-index: 2; display: block; content: ""; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); transition: all .5s ease-out;}
.ny-pro-list li a .img-box img{width: 100%;border-radius: 1rem;transition: all .5s ease-out;}
.ny-pro-list li a:hover .img-box img{transform: scale(1.1);}
.ny-pro-list li a .title{font-size: 2rem;color: #333;padding-top: 1.5rem;margin: 0 1rem;}

.ny-pro-list li a:hover .img-box::before{-webkit-animation: shine .7s ease-out;
	animation: shine .7s ease-out;}

@keyframes shine{ 0%{ left: -100%; } 100%{ left: 100%; } }


.pagelist{display: flex;justify-content: center;align-items: center;}
.pagelist .item{width: 4.5rem;height: 4.5rem;border-radius: 100%;border: 1px solid #d8d8d8;display: flex;justify-content: center;align-items: center;font-size: 2rem;color: #666;margin: 0 .5rem;}
.pagelist .item:first-child{margin-right: 1.5rem;}
.pagelist .item:last-child{margin-left: 1.5rem;}
.pagelist .item.on{ background: var(--themeColor); color: #fff; border-color: var(--themeColor); }
.pagelist .item:hover{ background: var(--themeColor); color: #fff; border-color: var(--themeColor); }



.ny-pro-de{}
.ny-pro-de .title{font-size: 4rem;font-weight: 500;text-align: center;margin-bottom: 6rem;}

.bigSwiper{position: relative;z-index: 100;}
.bigSwiper .item{position: relative;cursor: pointer;text-align: center;}
.bigSwiper .item img{max-height: 70rem;}
.bigSwiper-prev,.bigSwiper-next{position: absolute;top: 50%;transform: translateY(-50%);width: 6rem;height: 6rem;background: rgba(0,0,0,.3);border-radius: 50%;display: flex;justify-content: center;align-items: center;cursor: pointer;z-index: 10;transition: all .3s ease-out;}
.bigSwiper-prev{left: 4rem;}
.bigSwiper-next{right: 4rem;}
.bigSwiper-prev img,.bigSwiper-next img{transition: all .3s ease-out;max-width: 1.2rem;}
.bigSwiper-prev:hover img{transform: translateX(-.5rem);}
.bigSwiper-next:hover img{transform: translateX(.5rem);}

.smallSwiper{width: 100%;max-width: 600px;margin: 0 auto;margin-top: 30px;position: relative;z-index: 10;}
.smallSwiper .item{border: 2px solid transparent;cursor: pointer;}
.smallSwiper .item.swiper-slide-thumb-active{border-color:#0194ed;}
.smallSwiper .item img{width: 100%;min-height: 10rem;object-fit: cover;}


.ny-ab{position: relative;}
.ny-ab .main{display: flex;justify-content: space-between;}
.ny-ab .main .cont-box{width: 50%;position: relative;z-index: 10;display: flex;flex-direction: column;justify-content: space-between;}
.ny-ab .main .cont-box .title{font-size: 2rem;margin: 3rem 0;color: #999;font-weight: initial;}
.ny-ab .main .cont-box .subtitle{font-size: 4rem;line-height: 6rem;font-weight: 500;color: #333;letter-spacing: -0.05em;}
.ny-ab .main .cont-box .note{font-size: 2rem;line-height: 3rem;color: #999;margin-top: 3rem;}

.ny-ab .main .img-box{width: 45.71%;overflow: hidden;border-radius: 1rem;}
.ny-ab .main .img-box img{width: 100%;height: 100%;object-fit: cover;border-radius: 1rem;}

.ny-ab-list{padding: 4rem 0;border-radius: 1rem;background: var(--themeColor);display: flex;justify-content: space-between;align-items: baseline;min-width: 87rem;margin-top: 6rem;}
.ny-ab-list .item{flex: auto;text-align: center;}
.ny-ab-list .item img{transition: all .3s ease-out;max-height: 6rem;}
.ny-ab-list .item:hover img{transform: scale(1.05) translateY(-1rem);}
.ny-ab-list .item .tt{font-size: 2rem;line-height: 1;margin-top: 2rem;color: #fff;letter-spacing: 0.06em;}



.ny-ab2{}
.ny-ab2 .main{display: flex;align-items: center;}
.ny-ab2 .main .cont-box{width: 50%;padding-right: 3rem;}
.ny-ab2 .main .cont-box .subtitle{margin-bottom: 3rem;}
.ny-ab2 .main .cont-box .note{font-size: 2rem;line-height: 3rem;color: #999;}
.ny-ab2 .main .img-box{width: 50%;overflow: hidden;padding-left: 3rem;}
.ny-ab2 .main .img-box img{width: 100%;}


.ny-ab3{position: relative;}
.ny-ab3 .main{padding: 10rem 0 10rem 12rem;;background-repeat: no-repeat;background-size: cover;background-position: center;border-radius: 1rem;overflow: hidden;}
.ny-ab3 .main .cont-box{max-width: 80%;}
.ny-ab3 .main .cont-box .subtitle{color: #fff;}
.ny-ab3 .main .cont-box .note{font-size: 2rem;color: #fff;line-height: 3rem;margin-top: 3rem;}


.ny-ab4{position: relative;background: #f7f7f9;}
.ny-ab4 .subtitle{text-align: center;}
.ny-ab4 .main{display: flex;justify-content: space-between;margin-top: 6rem;align-items: center;}
.ny-ab4 .main .img-box{width: 50%;padding-right: 3.5rem;}
.ny-ab4 .main .img-box img{width: 100%;}
.ny-ab4 .main .cont-box{width: 50%;padding-left: 3.5rem;}
.ny-ab4 .main .cont-box .title{font-size: 3.2rem;font-weight: 500;color: #333;margin: 3rem 0;}
.ny-ab4 .main .cont-box .note{font-size: 2rem;color: #999;line-height: 3rem;text-align: justify;}


.ny-ab5{position: relative;}
.ny-ab5 .main{display: flex;justify-content: space-between;}
.ny-ab5 .main .item{width: calc(50% - 10px);padding: 8rem;border-radius: 1rem;overflow: hidden;background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;top: 0;transition: all .5s ease-out;}
.ny-ab5 .main .item:hover{top: -2rem;}
.ny-ab5 .main .item .title{font-size: 3rem;font-weight: 500;color: #333;line-height: 5rem;letter-spacing: -0.05em;color: #fff;}
.ny-ab5 .main .item .note{font-size: 2rem;line-height: 3rem;color: #fff;margin-top: 3rem;min-height: 15rem;}

.ny-contact{}
.ny-contact .top{}
.ny-contact .top .title{font-size: 1.8rem;color: #999;line-height: 1;margin-bottom: 3rem;}
.ny-contact .top .subtitle{line-height: 1;}

.ny-contact .main{display: flex;justify-content: space-between;}
.ny-contact .main .cont-box{width: 40%;}
.ny-contact .main .cont-box .item{margin-top: 5.5rem;display: flex;flex-wrap: wrap;}
.ny-contact .main .cont-box .item .ititle{display: flex;align-items: center;padding-bottom: 1rem;width: 100%;}
.ny-contact .main .cont-box .item .ititle img{max-width: 4rem;}
.ny-contact .main .cont-box .item .ititle span{font-size: 2.8rem;font-weight: 500;color: #333;line-height: 1;margin-left: 1.5rem;letter-spacing: -0.05em;}

.ny-contact .main .cont-box .item .tt{display: flex;padding: 1.5rem 0;min-width: 50%;position: relative;}
.ny-contact .main .cont-box .item .tt:last-child{width: 100%;}
.ny-contact .main .cont-box .item .tt:last-child::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #e8e8e8; }
.ny-contact .main .cont-box .item .tt .icon-box{width: 4rem;display: flex;justify-content: center;align-items: center;flex-shrink: 0;}
.ny-contact .main .cont-box .item .tt img{max-width: 2.8rem;}
.ny-contact .main .cont-box .item .tt p{font-size: 2rem;font-weight: 500;color: #999;margin-left: 1.5rem;}
.ny-contact .main .cont-box .item .line{background: #e8e8e8;width: 100%;height: 1px;}

.ny-contact .main .msg-box{width: 60%;margin-top: 4rem;padding-left: 4rem;}
.ny-contact .main .msg-box .msg{display: flex;justify-content: space-between;flex-wrap: wrap;}
.ny-contact .main .inp-item{width: calc(50% - 1.5rem);margin: 1.5rem 0;position: relative;}
.ny-contact .main .inp-item.textarea{width: 100%;}
.ny-contact .main .inp-item input{height: 7rem;border: .2rem solid #e8e8e8;background: #f9f9f9;width: 100%;padding: 0 2.6rem;outline: none;border-radius: 1rem;overflow: hidden;font-size: 2rem;color: #666;}
.ny-contact .main .inp-item textarea{border: .2rem solid #e8e8e8;background: #f9f9f9;width: 100%;padding: 2.6rem;outline: none;border-radius: 1rem;overflow: hidden;font-size: 2rem;color: #666;}
.ny-contact .main .inp-item input:focus,.ny-contact .main .inp-item textarea:focus{border-color: #ff6a00;}
.ny-contact .main .inp-item .yzm{position: absolute;top: 50%;right: 1.2rem;z-index: 10;transform: translateY(-50%);width: 12rem;cursor: pointer;}
.ny-contact .main .inp-item .btn{width: 100%;height: 7rem;}



.bd-map{position: relative;}
.bd-map .subtitle{text-align: center;line-height: 1;margin-bottom: 4rem;}
.ctmap{background:#fff; margin-top:0;border-radius: 1rem;overflow: hidden;border: 2px solid #e8e8e8;}
#allmap{height:55rem;}
#allmap img{max-width:inherit;}

.maptitle{font-weight: bold;color: #f36100;}
@media screen and (max-width:1024px){
	#allmap{height:280px; font-size:12px;}
}


.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: 18px;font-weight: bold;text-align: center; margin-top: 10px; margin-bottom: 15px;}
.wechat-ses .note{font-size: 14px;color: #777;text-align: center; margin-bottom: 15px;}
.wechat-ses .wxbtn{text-align: center;}
.wechat-ses .wxbtn a{font-size: 14px; 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:20px;}
.wechat-dialog .copy-wx{ background:#f5f5f5; border-radius:10px; padding:20px; text-align:center; margin:15px 0; color:#666;}
.wechat-dialog .copy-wx .info{ font-size:12px; 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: 18px;font-weight: bold;text-align: center; margin-top: 10px; margin-bottom: 15px;}
.wechat-ses .note{font-size: 14px;color: #777;text-align: center; margin-bottom: 15px;}
.wechat-ses .wxbtn{text-align: center;}
.wechat-ses .wxbtn a{font-size: 14px; display: inline-block; padding: 8px 30px;background-color: #1aad17;color: #fff;border-radius: 6px;}

.foot-bar{ position:fixed; width:100%; height:54px; background:#007dd2; left:0; bottom:0; z-index:999;}
.foot-bar ul li{ padding-top:8px;}
.foot-bar ul li a{ color:#fff; font-size:12px; display:block; text-align:center;}
.foot-bar ul li a img{ width:18px;}
.foot-bar ul li a span{ display:block; font-size:1rem;}



@media screen and (max-width: 1680px){
    html{font-size: 55.5%;}
    .am-container{max-width: 1300px;}
}
@media screen and (max-width: 1440px){
    html{font-size: 50.5%;}
    .am-container{max-width: 1200px;}
}


@media screen and (max-width:1024px){
    html {background: #fafafa;font-size: 34.5%;}
    body{ max-width:768px; margin:0 auto; background:#fff; zoom:1; padding-bottom:54px;}
    .arccontent img{ height:auto !important;}
    .am-container{padding: 0 20px;}

    .all-pd{padding: 5.5rem 0;}
    .all-pb{padding-bottom: 5.5rem;}
    .all-pt{padding-top: 5.5rem;}

    .header .main{height: 70px;}
    .header .main .top-menu{display: none;}
    .header .main .top-search{display: none;}

    .banner,.ny-banner{margin-top: -70px;}
    .banner-swiper .item .img-box{height: 45vh;}
    .banner-swiper .item .img-box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
    .banner-swiper .item .cont-main .cont .txt2{font-size: 5rem;}

    .about .main .cont-box{padding-right: 0;}
    .about .main .img-box{padding-left: 0;margin-top: 5rem;}
    .about2 .main .img-box{padding-right: 0;}
    .about2 .main .cont-box{padding-left: 0;margin-top: 5rem;}

    .pro .main ul li{width: 25%;}
    .pro .main ul .first{width: 100%;}
    .pro .main ul .first .note{padding-right: 0;}
    .pro .main ul li .cont-box{background: rgba(0,0,0,.3);}

    .contact{padding: 8rem 0;}
    .contact .main{flex-wrap: wrap;}
    .contact .main .cont-box { width: 100%; max-width: 100%; }
    .contact .main .cont-box .note{margin-bottom: 5rem;}

    .foot .main{flex-wrap: wrap;}
    .f-nav{width: 100%;margin-top: 5.5rem;}
    .f-nav a{margin-left: 8rem;}

    .ny-banner .img-box{height: 35vh;}
    .ny-banner .img-box img{width: 100%;height: 100%;object-position: center;object-fit: cover;}

    .ny-ab .main{flex-wrap: wrap;}
    .ny-ab .main .cont-box{width: 100%;}
    .ny-ab .main .img-box{width: 100%;margin-top: 5rem;}
    .ny-ab-list{min-width: 100%;padding:2.5rem 0;flex-wrap: wrap;margin-top: 5rem;}
    .ny-ab-list .item {width: 33.333%; margin: 2.5rem 0; }

    .ny-ab2 .main{flex-wrap: wrap;}
    .ny-ab2 .main .cont-box{width: 100%;padding-right: 0;}
    .ny-ab2 .main .img-box{width: 100%;margin-top: 5rem;padding-left: 0;}

    .ny-ab3 .main { padding: 8rem 3rem; }
    .ny-ab3 .main .cont-box{max-width: 100%;}

    .ny-ab4 .main{flex-wrap: wrap;}
    .ny-ab4 .main .cont-box{width: 100%;padding-left: 0;margin-top: 5rem;}
    .ny-ab4 .main .img-box{width: 100%;padding-right: 0;}

    .ny-ab5 .main{flex-wrap: wrap;}
    .ny-ab5 .main .item{width: 100%;margin-bottom: 5rem;padding: 4rem;}
    .ny-ab5 .main .item:last-child{margin-bottom: 0;}

    .ny-pro-main .cate .tt{padding: 3rem;margin-right: 2rem;}

    .bigSwiper-prev{left: 1rem;}
    .bigSwiper-next{right: 1rem;}

    .ny-contact .main{flex-wrap: wrap;}
    .ny-contact .main .cont-box{width: 100%;}
    .ny-contact .main .msg-box{width: 100%;padding-left: 0;}


}

@media screen and (max-width:768px){
    .cndns-right{display: none;}
}