/* Write your styles */
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:#084ff3;}
img{ max-width:100%;}
.am-container{max-width: 1430px;}
.am-alert-danger{ width:100%; position:fixed; left:0; top:0; margin:0;}
@font-face {
    font-family: 'Optima';
    src: url('../fonts/Optima-Bold.eot');
    src: url('../fonts/Optima-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Optima-Bold.woff2') format('woff2'),
        url('../fonts/Optima-Bold.woff') format('woff'),
        url('../fonts/Optima-Bold.ttf') format('truetype'),
        url('../fonts/Optima-Bold.svg#Optima-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.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; }

header .navmain .logo{ line-height:110px; float:left;}
header .navmain .lang{ float:right; font-size:18px; line-height:110px;}
header .navmain .lang a.en{ color:#084ff3;}
header .nav{ width:72%; float:left; height:110px; line-height:110px; margin-left:6%;}
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:1;-webkit-box-flex: 1; text-align:center; position:relative; float:left;}
header .nav .ulnav>li>a{font-size:18px; display: inline-block; color:#333; position:relative;}


header .nav .ulnav>li:hover>a{ color:#084ff3;}
header .nav .ulnav>li.on>a{ color:#084ff3;}

.ulnav>li .subnav{position: absolute;width:100%;background-color: #FFF; margin:0; box-shadow: 0 2px 10px rgba(0,0,0,.05); height: auto;z-index: 199;top:110%;left: 0;border-top: 2px solid #d2d3d5;overflow: hidden;opacity:0; visibility:hidden;transition: all .36s ease; border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5;}
.ulnav>li:hover .subnav{opacity:1;visibility: visible;top:110px;}
.ulnav>li .subnav li{ border-bottom:1px solid #f5f5f5;}
.ulnav>li .subnav li a{font-weight: 500;color: #666; padding: 12px 5px;line-height: 22px;display: block;transition: all .2s ease-in-out;font-size: 14px;}
.ulnav>li .subnav li a:hover{ color:#cf3832; background-color:#f9f9f9;}




.img100{ width:100%;}
.banner{ position:relative;}
.banner .ban-msk{ position:absolute; width:100%; left:0; bottom:0;}
.banner .ban-msk-m{ position:relative; text-align: center;}
.banner .s-b-n,.banner .s-b-p{ width:35px; height:35px; background-size: 14px auto; display:inline-block; position:relative; top:0; margin-top:0; }
.ban-npbtn{ float:left; padding-top:24px; margin-left:15px;}
.banner .s-b-n{ margin-left:20px; }
.banner .s-b-p{}
.ban-msk-m{  z-index:222; height:80px; }
.banner .ban-msk-m .swiper-p-b{ display:inline-block; position:relative; margin-top:24px;}
.banner .ban-msk-m .swiper-p-b .swiper-pagination-bullet{ width:30px; height:4px; border-radius:4px; position:relative; opacity:1; background:#d7d7d7; margin:0 10px;transition: all .3s linear;}

.banner .ban-msk-m .swiper-p-b .swiper-pagination-bullet-active{ background:#084ff3; }
.swiper-banner .swiper-slide a{display: block;}
.banner .ban-msk-m .bantel{ float:right; height:80px; line-height:80px; margin-right:30px;}
.banner .ban-msk-m .bantel a{ display:block; font-size:18px; font-weight:bold; color:#084ff3; background:url(../images/telp.png) 0 center no-repeat; padding-left:28px;}
.swiper-banner .swiper-slide .txt{ position:absolute; width:100%; left:0; top:34%; color:#fff; z-index:2;pointer-events: none; text-align:center;}
.swiper-banner .swiper-slide .txt .mo{pointer-events: auto; display:inline-block;}
.swiper-banner .swiper-slide .txt .line{ width:0; height:5px; background:#fff; margin-bottom:5%;transition: all .8s linear;}
.swiper-banner .swiper-slide .txt .line.animated{ width:250px;}
.swiper-banner .swiper-slide .txt .tit{ font-size:60px; font-weight:bold;line-height:1;}
.swiper-banner .swiper-slide .txt .note{ font-size:46px; line-height:1; margin:5% 0}
.swiper-banner .swiper-slide .txt .info{ font-size:28px; font-weight:bold;}
.swiper-banner .swiper-slide .txt .more{ margin-top:10%;}
.swiper-banner .swiper-slide .txt .more a{ display:inline-block; position:relative; font-size:20px; padding:10px 50px; color:#fff; border-radius:30px; background:#084ff3; }
.swiper-banner .swiper-slide .txt .more a:hover{ background:#0545da}
.swiper-banner .swiper-slide .txt .scroll-btn{ width:78px; height:78px; background:#005bac; line-height:78px; text-align:center; border-radius:50%; overflow:hidden; cursor:pointer; margin-top:10%;}
.swiper-banner .swiper-slide .txt .scroll-btn img{ position:relative;animation: downico 1.5s ease-out infinite;}

.swiper-banner .swiper-slide.swiper-slide-active .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;}

@-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)}
}




.am-pd{ padding:90px 0; overflow:hidden;}
.am-pb{ padding-bottom:90px; overflow:hidden;}
.bgr{ background:#f5f5f5;}


.hm-title{ text-align:center;}
.hm-title .en{ font-size:42px; line-height:1; margin-bottom:8px;font-family: 'Optima'; text-transform:uppercase;}
.hm-title .cn{ font-size:32px; line-height:1; font-weight:bold;}
.hm-title.white .en,.hm-title.white .cn{ color:#fff;}
.elli{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.protab .hd{ text-align:center; margin:50px 0;}
.protab .hd ul li{ display:inline-block; margin:0 6px; margin-bottom:10px}
.protab .hd ul li a{ display:block; padding:8px 30px; font-size:14px; border:1px solid #1558f4; color:#1558f4; border-radius:30px;}
.protab .hd ul li.on a,.protab .hd ul li:hover a{ background:#1558f4; color:#fff;}

.swiper-pro .swiper-slide{ width:24%; padding:0 15px;}
.swiper-pro .swiper-slide a{ display:block;}
.swiper-pro .swiper-slide a i{ display:block; overflow:hidden;}
.swiper-pro .swiper-slide a i img{transition: all .3s linear; width:100%}
.swiper-pro .swiper-slide a:hover i img{ transform:scale(1.08)}
.swiper-pro .swiper-slide a .tit{ font-size:18px; font-weight:bold; padding:15px; text-align:center;}

.pronpbtn{ position:absolute; width:100%; left:0; top:45%; z-index:234;}
.pronpbtn .pbnbox{ position:relative;}
.swiper-p-next,.swiper-p-prev{ width:56px; height:56px; background-color:#1558f4; background-position:center; background-size:16px auto; border-radius:50%;}
.swiper-p-next{ right:13.5%;}
.swiper-p-prev{left:13.5%;}


.sultion{ position:relative;}
.sultion .am-container{ position:relative; z-index:22;}
.sultion:before{ content:""; display:block; width:100%; height:30%; background:#f5f5f5; position:absolute; left:0; bottom:0;}

.sultonbox{ position:relative;}
.su-title{ position:absolute; width:100%; left:0; top:70px; z-index:23;}
.sultonbox .bd ul{ position:relative;}
.sultonbox .bd ul:before{ content:""; display:block; width:100%; height:100%; background:rgba(8,79,263,.3); position:absolute; left:0; top:0;}
.sultonbox .hd{ position:absolute; width:100%; left:0; bottom:70px; z-index:23; padding:0 30px;}
.sultonbox .hd ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; border-bottom:1px solid rgba(255,255,255,.2)}
.sultonbox .hd ul li{ position:relative; flex:1; cursor:pointer;}
.sultonbox .hd ul li a{ display:block; font-size:20px; font-weight:bold; color:#fff; text-align:center; padding:12px 0; position:relative;}
.sultonbox .hd ul li .hov{ position:absolute; width:120%; padding:30px; bottom:110%; z-index:23; background:#fff; left:-10%;opacity:0; visibility:hidden;transition: all .36s ease;}
.sultonbox .hd ul li .hov:before{ content:""; display:block; position:absolute;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 10px solid #fff; left:50%; margin-left:-8px; bottom:-8px;}
.sultonbox .hd ul li .hov .tit{ font-size:18px; color:#1558f4; margin-bottom:10px;}
.sultonbox .hd ul li .hov .note{ white-space: break-spaces; font-size:14px; line-height:2;}
.sultonbox .hd ul li:hover .hov{opacity:1;visibility: visible;bottom:100%; }
.sultonbox .hd ul li.on a{ color:#1558f4; }
.sultonbox .hd ul li.on a:before{ content:""; display:block; width:100%; height:2px; background:#1558f4; position:absolute; left:0; bottom:-1px; z-index:2;}


.swiper-case {margin-top: 45px;}
.swiper-case .swiper-slide{ width: 50%; padding:0 75px;}
.swiper-case .swiper-slide img{ width: 100%;}
.sbx{ position: absolute; width: 100%; height: 100%; z-index: 1400;left: 0;top: 0; pointer-events: none;}
.sbx .am-container{position: relative; height: 100%; max-width: 60%; }
.sbxny{position: absolute; width: 100%; height: 100%; }

.swiper-case .swiper-slide a{ position: relative; display: block; overflow: hidden;}
.swiper-case .swiper-slide a img{transition: all .3s linear;}
.swiper-case .swiper-slide a i{ display: block; overflow: hidden;}
.swiper-case .swiper-slide.swiper-slide-active a:hover img{transform: scale(1.08);}

.swiper-case .swiper-slide a .txt{/* position: absolute; */background: #fff;width: 100%;padding: 15px;/* left:10%; top: 50%;  transform: translate3d(0px,-50%,0); */opacity: 0;transition: all .5s linear;}

.swiper-case .swiper-slide.swiper-slide-active a .txt{ opacity: 1;}
.swiper-case .swiper-slide a .txt .tit{ font-size: 22px; border-bottom: 1px solid #eee; padding-bottom: 15px;margin-bottom: 15px; color: #333;}
.swiper-case .swiper-slide a .txt .note{ font-size: 14px; color: #999;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
.swiper-c-next,.swiper-c-prev{ width:56px; height:56px; background-color:#1558f4; background-position:center; background-size:16px auto; border-radius:50%;}
.swiper-c-next{right:23.8%; pointer-events: auto;}
.swiper-c-prev{left:23.8%; pointer-events: auto;}

.hm-more{ text-align:center; margin-top:40px;}
.hm-more a{ display:inline-block; padding:10px 40px; border-radius:30px;background:#1558f4; color:#fff;transition: all .3s linear;}
.hm-more a:hover{ transform:scale(1.05)}

.about{ background:url(../images/abbg.jpg) center no-repeat; background-size:cover; position:relative; padding-bottom:250px;}
.about .about-txt{ max-width:90%; margin:0 auto; color:#fff; text-indent:2em; line-height:2; font-size:18px; margin-top:40px;}

.about-icon{ position:absolute; width:100%; left:0; bottom:0; z-index:23;}
.about-icon .box{ background:#fff;box-shadow: 0 2px 20px 2px rgba(0,0,0,.1);}
.about-icon .box ul li{ width:33.333%; float:left; border-left:1px solid #eee;}
.about-icon .box ul li:first-child{ border:none;}
.about-icon .box ul li a{ display:block; position:relative; padding:10% 10% 14% 10%;}
.about-icon .box ul li a .cn{ font-size:22px;}
.about-icon .box ul li a .en{ text-transform:uppercase; color:#999;}
.about-icon .box ul li a i{ display:block; position:absolute; right:10%; bottom:10%;transition: all .3s linear;}
.about-icon .box ul li a:hover i{ bottom:15%;}


.mgt{ margin-top:50px;}

.proyds-par-list ul li{ border:1px solid #eee; margin-bottom:30px; text-align:center; margin-left:-1px;}
.proyds-par-list ul li a{ display:block;}
.proyds-par-list ul li a img{/*-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;*/}
.proyds-par-list ul li a:hover img{filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);}


.newstab .hd{ text-align:center; margin:50px 0;}
.newstab .hd ul li{ display:inline-block; margin:0 10px;}
.newstab .hd ul li a{ display:block; padding:10px 40px; border:1px solid #1558f4; color:#1558f4; border-radius:30px;}
.newstab .hd ul li.on a,.protab .hd ul li:hover a{ background:#1558f4; color:#fff;}

.newstab .bd  ul{ margin:0 -20px;}
.newstab .bd ul li{ width:33.333%; float:left; padding:0 20px;}
.newstab .bd ul li a{ display:block; position:relative; padding-top:40px;}
.newstab .bd ul li a:before{ content:""; display:block; width:100%; height:4px; background:#f5f5f5; border-radius:2px; position:absolute; left:0; top:0;}
.newstab .bd ul li a:after{ content:""; display:block; width:0; opacity:0; height:4px; background:#084ff3; border-radius:2px; position:absolute; left:0; top:0;transition: all .3s linear;}
.newstab .bd ul li a:hover:after{ width:100%; opacity:1;}
.newstab .bd ul li a .txt{ margin-bottom:30px;}
.newstab .bd ul li a .txt .tit{ font-size:18px; font-weight:bold; margin-bottom:15px;}
.newstab .bd ul li a .txt .note{ color:#999; line-height:2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newstab .bd ul li a .img{ position:relative; overflow:hidden;}
.newstab .bd ul li a .img img{transition: all .3s linear;}
.newstab .bd ul li a:hover .img img{ transform:scale(1.08)}
.newstab .bd ul li a .img:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background: rgba(8,79,263,.3); opacity:0; z-index:2;}
.newstab .bd ul li a .img .more{ position:absolute; left:50%; top:50%; transform:translate(-50%,-100%); color:#fff; border-bottom:1px solid #fff; z-index:22; opacity:0;transition: all .3s linear; z-index:3}
.newstab .bd ul li a:hover .img:before{ opacity:1;}
.newstab .bd ul li a:hover .img .more{ opacity:1;transform:translate(-50%,-50%);}



footer{ background:#161616;  padding-top:70px;}
footer .foot-main{ border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2); padding:70px 0;}
footer .foot-main .foot-logo{ width:26%; float:left;}
footer .foot-main .foot-logo .foot-logo-txt{ font-size:14px; color:#adb0b5; line-height:2; margin-top:10px; max-width:80%;}
footer .foot-main .foot-logo .foot-logo-txt b{ font-size:18px; color:#fff;}
footer .foot-main .foot-nav{ width:55%; float:left;}
footer .foot-main .foot-nav ul{display: flex;flex-direction: row;justify-content: space-between;}
footer .foot-main .foot-nav ul li{}
footer .foot-main .foot-nav ul li{ float:left;}
footer .foot-main .foot-nav ul li .foot-tit{ font-size:18px; color:#fff; margin-bottom:15px; }
footer .foot-main .foot-nav ul li .foot-tit a{ color:#fff;}
footer .foot-main .foot-nav ul li p{ font-size:14px; color:#888a92; line-height:2;}
footer .foot-main .foot-nav ul li p a{ color:#adb0b5;}
footer .foot-main .foot-nav ul li p a:hover{ color:#fff;}
footer .foot-main .foot-ewm{ width:120px; float:right; text-align:center; font-size:14px; color:#fff;}
footer .foot-main .foot-ewm p{ margin-top:5px;}
footer .yq-link{ margin-top:35px; color:#fff; font-size:18px;}
footer .yq-link a{ color:#888a92; font-size:14px; display:inline-block; margin-right:10px;}

footer .foot-copyr{ padding:30px 0;font-size:14px;color:#888a92;}
footer .foot-copyr a{color:#888a92;}


.nybanner{ text-align:center; overflow:hidden; position:relative;}
.nybanner>img{ width:100%;-webkit-animation:pagebgfd 6s linear infinite alternate;animation:pagebgfd 6s linear infinite alternate}
.nybanner .nybantxt{ position:absolute; width:100%; text-align:center; left:0; top:50%; transform:translateY(-50%); z-index:23; color:#fff;}
.nybanner .nybantxt .cn{font-size: 40px;line-height: 44px;height: 44px;overflow: hidden; margin-bottom:8px;}
.nybanner .nybantxt .en{font-size: 28px;line-height: 48px;height: 48px;overflow: hidden;text-transform: uppercase;font-family: Novah;}

@-webkit-keyframes pagebgfd{0%{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}
100%{opacity:1;-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
}
@keyframes pagebgfd{0%{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}
100%{opacity:1;-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
}

.am-parth{ font-size:14px; height:50px; line-height:50px;box-shadow: 0 0 3px rgba(0, 0, 0, .15);}
.am-parth .location{ position:relative; padding-left:20px; background:url(../images/map-location.png) 0 center no-repeat; background-size:16px auto;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;    float: left;}
.ampro-sear{background:#666666;padding:2% 0}
.ampro-sear .box{max-width:550px;margin:0 auto;}
.am-rsear{max-width:400px;}
.am-rsear .am-form-field{margin-top:6px;}

.ny-right{ width:79%; float:right;} 
.ny-left{ width:260px; float:left;}
.sidenav .tit{ background:#0374d4; color:#fff; padding:40px 30px;}
.sidenav .tit .en{ font-size:24px; text-transform:uppercase; line-height:1;}
.sidenav .tit .etit{ font-size:36px; font-weight:bold; line-height:1; margin-top:10px;}
.sdieli{ background:#fff; margin-top:10px;}
.sdieli ul li{ line-height:64px;border-bottom: 1px solid #fafafa;}
.sdieli ul li a{ display:block; padding-left:58px;}
.sdieli ul li.on a{ background:#0374d4; color:#fff; position:relative;}
.sdieli ul li.on a:before{content: "\f04b"; position:absolute; left:30px; top:0;}
 .lanmu-nav{ width:100%; box-shadow:0 2px 4px 4px rgba(0,0,0,.02);}
.lanmu-nav>ul>li{  line-height:50px; background:#fff; border-bottom:1px solid #eee;}
.lanmu-nav>ul>li>a{ display:block; padding-left:20px; position:relative;}
.lanmu-nav>ul>li>a:after{ content:""; display:block; width:0; height:100%; background:#0374d4; position:absolute; left:0; top:0;transition: all .3s linear;}
.lanmu-nav>ul>li:hover>a:after,.lanmu-nav>ul>li.on>a:after{ width:6px;}
.lanmu-nav>ul>li:hover>a,.lanmu-nav>ul>li.on>a{ background:#f7f9ff;}
.lanmu-nav>ul>li>a>i{ display:inline-block; width:20px; margin-right:10px;}
.lanmu-nav>ul>li .subul{ margin:0;}
.lanmu-nav>ul>li .subul li{ line-height:40px; font-size:14px; border-top:1px solid #eee;}
.lanmu-nav>ul>li .subul li a{ display:block; padding-left:30px;}
.lanmu-nav>ul>li .subul li.on>a{ color:#0374d4;}
.lanmu-nav>ul>li .subul li a:before{ margin-right:8px;content: "\f105";}
.lanmu-nav>ul>li .sjli{ margin:0;}
.lanmu-nav>ul>li .subul li .sjli li a{padding-left:40px;} 



.ny-warp{ background:#f5f5f5; padding:30px 0;}
.ny-about{background: url(../images/bg_about_industry.jpg) no-repeat center bottom; text-align:center;}
.ny-ab-txt .tit{margin: 0 0 45px;font-size: 36px;font-weight: 800;color: #2c2c2c;text-align: center;}
.ny-ab-txt .content{line-height: 36px;margin: 0;font-size: 16px;color: #929292;}
.abtit{ text-align:center;font-size: 36px;}
.abtit .note{ font-size:16px;}

.zslist{ position:relative;}
.swiper-zss{ padding-top:10px; }
.swiper-zss .swiper-slide{ width:25%; padding:0 15px}
.swiper-zss .swiper-slide a{ display:block; position:relative;}
.swiper-zss .swiper-slide a i{ display:block; margin:0 auto; position:relative; padding:20px; border-radius:2px; z-index:2;transition: all .3s linear; box-shadow:0 2px 8px 2px rgba(0,0,0,.1); background:#fff; }
.swiper-zss .swiper-slide a:hover i{ transform:translateY(-10px)}
.swiper-zss .swiper-slide a .txt{ position:relative; z-index:2; text-align:center; margin-top:15px; padding-bottom:30px; color:#fff; font-size:20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.whoche .swiper-z-next,.whoche .swiper-z-prev{ transform:translateY(-90%)}
.swiper-pa-zs{ position:relative; bottom:0; margin-top:30px;}
.swiper-z-next,.swiper-z-prev{ width:60px; height:60px; border-radius:50%; cursor:pointer; position:absolute; top:50%; transform:translateY(-150%); z-index:9;transition: all .1s linear; background-repeat:no-repeat; background-position:center;background-color:#e0e0e0; outline:none;}
.swiper-pa-zs .swiper-pagination-bullet{ width:14px; height:14px;}
.swiper-pa-zs .swiper-pagination-bullet-active{ background:#084ff3;}

.swiper-z-next:hover,.swiper-z-prev:hover{ background-color:#084ff3;}
.swiper-z-next{ background-image:url(../images/jr.png); right:-40px;}
.swiper-z-prev{ background-image:url(../images/jl.png); left:-40px;}

.ab-hjpic{ position:relative;}
.swiper-hj-next,.swiper-hj-prev{ width:60px; height:60px; border-radius:50%; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); z-index:9;transition: all .1s linear; background-repeat:no-repeat; background-position:center;background-color:#e0e0e0; outline:none;}
.swiper-hj-next:hover,.swiper-hj-prev:hover{ background-color:#084ff3;}
.swiper-hj-next{ background-image:url(../images/jr.png); right:-40px;}
.swiper-hj-prev{ background-image:url(../images/jl.png); left:-40px;}


.hj-piclist ul{ margin:0 -10px;}
.hj-piclist ul li{ padding:10px;}
.hj-piclist ul li a{ display:block; overflow:hidden;}
.hj-piclist ul li a i{ display:block; overflow:hiddenl}
.hj-piclist ul li a i img{transition: all .3s linear;}
.hj-piclist ul li a:hover i img{ transform:scale(1.08)}


.ny-nav{ text-align:center; margin-bottom:30px;}
.ny-nav a{ display:inline-block; padding:10px 30px; background:#fff; border-radius:40px; border: 1px solid #ebe8e4;margin:0 10px;}
.ny-nav a.on,.ny-nav a:hover{ background:#084ff3; color:#fff; border-color:#084ff3;}

.ny-news-list ul li{ margin-top:-1px;transition: all .1s linear;position:relative;background:#fff; border:1px solid #eee;}
.ny-news-list ul li a{ display:block; padding:30px;  }
.ny-news-list ul li:hover{box-shadow: 0 0 10px 6px #eeeeee;z-index: 99;}
.ny-news-list ul li a i{ width:18%; float:left;}
.ny-news-list ul li a .txt{ width:82%; float:right; padding-left:30px; position:relative;}
.ny-news-list ul li a .txt .tit{ font-size:20px; color:#333; }
.ny-news-list ul li a .txt .note{ font-size:14px; color:#999;margin:10px 0; line-height:1.8;}
.ny-news-list ul li a .txt .rq {display: block;font-size: 13px;font-family: arial;height: 16px;position: absolute;top: 6px;right: 62px;padding-left: 24px;color: #999;}
.ny-news-list ul li a .txt .readNum {display: block;font-size: 13px;font-family: arial;height: 16px;background: url(../images/newsList_icon02.png) no-repeat left center;position: absolute;top: 5px;right: 4px;padding-left: 24px; color:#666;}
.ny-news-list ul li a .txt .more{ width:36px; height:36px; line-height:34px; border-radius:50%; border:1px solid #ddd; text-align:center;transition: all .3s linear;}
.ny-news-list ul li a .txt .more:before{content: "\f105";}
.ny-news-list ul li a i{ display:block; overflow:hidden; background:#000;}
.ny-news-list ul li a i img{transition: all .3s linear;}
.ny-news-list ul li a:hover i img{ transform:scale(1.1); opacity:.8;}
.ny-news-list ul li a:hover .more{ background:#084ff3; color:#fff;}


.prolist ul{ margin:0 -15px;}
.prolist ul li{ padding:15px;}
.prolist ul li:nth-of-type(1),.prolist ul li:nth-of-type(2),.prolist ul li:nth-of-type(3),.prolist ul li:nth-of-type(4){ padding-top:0;}
.prolist ul li a{ display:block; background:#fff; text-align:center; padding:20px; 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:15px 0; text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.pages{ text-align:center; margin-top:20px;}
.pages a{ width:46px; margin:0 5px; height:46px; line-height:46px; 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:#084ff3; color:#fff;}


.newscontent_box{ position:relative;}
.news-con-l{ width:70%; float:left; background:#fff; position:relative; min-height:600px;padding: 45px 42px;}
.arc-head{ border-bottom:1px solid #e5e5e5; margin-bottom:30px; padding-bottom:15px;}
.arc-head .h1{font-size: 28px;}
.arc-head .newscontent_boxlsm{ margin-top:25px;}
.arc-head .newscontent_boxlsm span,.arc-head .newscontent_boxlsm b{ font-size:13px; color:#999; font-weight:normal;}
.arc-head .newscontent_boxlsm b{ margin-right:10px;}
.arc-body{ line-height:2; font-size:14px; text-align:justify;}


.cpxqct_sy,.cpxqct_xy{margin-top:23px;border:1px solid #eee;height:60px;line-height:58px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.cpxqct_xy{margin-top:10px}
.cpxqct_sy_l,.cpxqct_xy_l{width:90%;padding:0 22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cpxqct_sy_l b,.cpxqct_xy_l b{font-size:14px;color:#999}
.cpxqct_sy_l span,.cpxqct_xy_l span{font-size:14px;color:#333}
.cpxqct_sy_l span.nolink{color:#777}
.cpxqct_sy .cpxqct_sy_r,.cpxqct_xy .cpxqct_xy_r{width:10%;text-align:center;background-color:#eee}
.cpxqct_sy .cpxqct_sy_r:hover,.cpxqct_xy .cpxqct_xy_r:hover{background-color:#084ff3}
.cpxqct_sy_r i,.cpxqct_xy_r i{color:#cfcfcf}
.cpxqct_sy_l:hover span,.cpxqct_xy_l:hover span{color:#084ff3}
.cpxqct_sy .cpxqct_sy_r:hover i,.cpxqct_xy .cpxqct_xy_r:hover i{color:#fff}

.news-con-r{ width:27%; float:right;}

.newscontent_boxritem{padding:40px 30px;background-color:#fff}
.newscontent_boxritem_titlel i{color:#084ff3;font-size:22px;margin-top:-3px;margin-right:5px}
.newscontent_boxritem_titlel span{font-size:18px;color:#000}
.newscontent_boxritem_titlel span b{font-size:18px;color:#000;font-weight:600}
.newscontent_boxritem_titler i{margin-top:-3px;font-size:24px;color:#b5b5b5}
.newscontent_boxritem_titler a:hover i{color:#084ff3}
.newscontent_boxritem_ct{margin-top:15px;position:relative;border-top:1px solid #e5e5e5}
.newscontent_boxritem_ctdw{position:absolute;top:-1px;left:0;height:1px;width:70px;background-color:#084ff3}
.newscontent_boxritem_ct .newscontent_boxritem_ctaitem{display:block;margin-top:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newscontent_boxritem_ctaitem b{margin-right:5px;display:inline-block;width:5px;height:5px;background-color:silver;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;vertical-align:middle}
.newscontent_boxritem_ctaitem span{font-size:14px;color:#333}
.newscontent_boxritem_ctaitem:hover span{color:#084ff3}
.newscontent_boxritem_ctaitem:hover b{background-color:#084ff3}
.zxzx.newscontent_boxritem{margin-top:10px}
.newscontent_boxxg{margin-top:55px}
.newscontent_boxxg .zixunbox_xt{background-color:#fff}
.newscontent_boxxg .zixunbox{margin-bottom:60px}
.newscontentcp_boxdw{position:absolute;top:0;left:0;width:80px;height:80px;text-align:center;background-color:#ddd;margin-left:-80px}
.newscontentcp_boxdw_txt{padding-top:13px;display:block;width:100%;height:100%}
.newscontentcp_boxdw_txt i{font-size:22px;color:#084ff3}
.newscontentcp_boxdw_txt p{font-size:13px;color:#333}
.newscontentcp_boxdw:hover{background-color:#084ff3}
.newscontentcp_boxdw:hover i,.newscontentcp_boxdw:hover p{color:#fff}

.newscontent_boxxg{margin-top:55px}
.newscontent_boxxg .zixunbox_xt{background-color:#fff}
.newscontent_boxxg .zixunbox{margin-bottom:60px}
.zixunbox_title{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between}
.zixunbox_title_l{font-size:22px;font-weight:600;color:#111}
.zixunbox_title_l em{color:#084ff3}
.zixunbox_title_l b{font-size:13px;color:#999;margin-left:10px}
.zixunbox_title_r a{font-size:14px;color:#777}
.zixunbox_title_r a:hover{color:#084ff3}
.zixunbox_xt{position:relative;margin-top:12px;border-top:1px solid #e1e1e1;padding:50px 30px;}

.zixunbox_xt ul li{ padding:0 15px;}
.zixunbox_xt ul li a{ display:block; border-bottom:1px dashed #eee; line-height:2.8; font-size:14px;}
.zixunbox_xt ul li a span{ display:block; width:78%; float:left; position:relative; padding-left:15px;    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zixunbox_xt ul li a span:before{ content:""; width:5px; height:5px; display:block; background:silver; border-radius:5px; position:absolute; left:0; top:50%; margin-top:-2.5px;}
.zixunbox_xt ul li a b{ float:right; font-weight:normal; color:#999;}
.zixunbox_xt ul li a:before,.zixunbox_xt ul li a:after{ content:""; display:block; clear:both;}






.ny-pro-head{ background:#fff; border-radius:10px; padding:50px;}
.ny-pro-head .txt{ width:50%; float:left; padding-left:50px;}
.ny-pro-head .txt h1{margin-bottom: 20px;padding: 26px 0;font-size: 24px;color: #000;border-bottom: 1px dashed #bcbcbc;}
.ny-pro-head .txt .note{ line-height: 30px;font-size: 14px;color: #777;white-space: break-spaces;}
.picpaly {width:50%;float:left;padding: 15px;position: relative;padding-right: 150px;background: #f5f5f5;border-radius: 10px;}

.picpaly .swiper-slide {background-size: cover;background-position: center; cursor: zoom-in;}
.picpaly .gallery-top {width: 100%; border:1px solid #f5f5f5;}
.picpaly .gallery-thumbs {box-sizing: border-box;}
.picpaly .gallery-thumbs .swiper-slide {height: 100%;border:1px solid #eee;cursor:pointer;background-color: #fff; max-height: 113px;}
.picpaly .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;border:1px solid #cccccc;}
.picpaly .pro-sml{position: absolute;right: 15px;width:120px;top: 0;height: 100%;padding:  15px 0;}
.picpaly .pro-sml .gallery-thumbs{ height: 100%; text-align: center;}
.picpaly .pro-sml .gallery-thumbs img{height: 100%;}

.ny-pro-head .txt .form-btn {padding: 2px;height: 54px; display:inline-block;line-height: 46px;text-align: center;font-size: 24px;color: #fff;background-color: #FF9800;border: 1px solid #FF9800;border-radius: 50px;background-clip: content-box;cursor: pointer;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s; margin-top:34px;}
.ny-pro-head .txt .form-btn a{ display:block; margin:0 25px; color:#fff; background:url(../images/telx.png) 0 center no-repeat; background-size:26px auto; padding-left:38px;}
.ny-pro-head .txt .form-btn a span{ font-size:16px;}
.product-content {margin-top: 25px; border-radius:10px; overflow:hidden;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;background-color: #eef1fa;-webkit-box-shadow: 0 8px 24px rgba(0,0,0,0.08);box-shadow: 0 8px 24px rgba(0,0,0,0.08);}
.product-content-left {padding: 60px 100px 55px 90px;-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;min-width: 0;background-color: #fff;-webkit-box-shadow: 6px 0 12px -4px rgba(0,0,0,0.08);box-shadow: 6px 0 12px -4px rgba(0,0,0,0.08);}
.product-content-left .title-box {margin-bottom: 40px;text-align: center;}
.product-article {line-height: 28px;overflow: hidden; text-align:justify;}
.product-content-left .title-box .cn {font-size: 30px;color: #333;}
.product-content-left .title-box .en {margin-top: 3px;font-size: 12px;font-family: "Tahoma";color: #858585;letter-spacing: 4px;text-transform: uppercase;}
.product-content .product-related {padding:50px;}
.product-related {width: 373px;text-align: center;overflow: hidden;}

.product-related .title {margin-bottom: 32px;font-size: 22px;color: #333;}
.product-related-swiper {overflow: hidden;}
.product-related-swiper.no-init .swiper-wrapper {display: block;text-align: center;width: 100%;}
.product-related-swiper.no-init li:first-child {padding-top: 0;}
.product-related-swiper.no-init li {padding: 40px 0 30px;border-bottom: 1px dashed #cacaca;}
.product-related-swiper p {margin-top: 16px;font-size: 16px;color: #555;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}

.swiper-pe-next,.swiper-pe-prev{ width:56px; height:56px; background-color:#b8bbc2; background-position:center; background-size:14px auto; border-radius:2px; transition: all .3s linear; outline:none; opacity:0; }
.picpaly .gallery-top:hover .swiper-pe-next,.picpaly .gallery-top:hover .swiper-pe-prev{ opacity:.9;}

.ny-case-list ul{ margin:0 -10px;}
.ny-case-list ul li{ padding:10px;}
.ny-case-list ul li a{ display:block; box-shadow:0 2px 20px 2px rgba(0,0,0,0.05)}
.ny-case-list ul li a:hover{box-shadow:0 2px 20px 2px rgba(0,0,0,0.1)}
.ny-case-list ul li a i{ display:block; overflow:hidden; background:#000;}
.ny-case-list ul li a i img{transition: all .3s linear;}
.ny-case-list ul li a:hover i img{ transform:scale(1.1); opacity:.8;}
.ny-case-list ul li a .txt{ padding:15px 20px; background:#fff;}
.ny-case-list ul li a .txt .tit{ font-size:18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ny-case-list ul li a .txt .line{ height:1px; background:#eee; position:relative; margin:10px 0;}
.ny-case-list ul li a .txt .line:before{ content:""; display:block; width:0; height:100%; background:#015092; position:absolute; left:0; top:0;transition: all .3s linear;}
.ny-case-list ul li a:hover .txt .line:before{width:100%;}
.ny-case-list ul li a .txt .note{ font-size:14px; color:#999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}


.ny-join-list .join-head{ padding:2rem; background:#e4e4e4;}
.ny-join-list .join-head span{ font-size:18px; font-weight:bold; float:left;}
.ny-join-list .join-head span:first-child{ width:50%;}
.ny-join-list .join-head span:nth-child(2){width:15%; text-align:center;}
.ny-join-list .join-head span:nth-child(3){width:20%; text-align:center;}
.ny-join-list .join-head span:last-child{ float:right;}
.ny-join-list .am-accordion-gapped{ margin:0;}
.ny-join-list .am-accordion-gapped .am-accordion-title{ border:none;}
.ny-join-list .am-accordion-gapped .am-accordion-item{ margin:0; border:none; border-bottom:1px solid #eee;}
.ny-join-list .am-accordion-title{ font-size:18px; padding:2rem; background:#fff;}
.ny-join-list .am-accordion-title span{ display:inline-block; float:left;}
.ny-join-list .am-accordion-title span:first-child{ width:50%;}
.ny-join-list .am-accordion-title span:nth-child(2){ width:15%; text-align:center;}
.ny-join-list .am-accordion-title span:nth-child(3){ width:20%;text-align:center;}
.ny-join-list .am-accordion-title span:last-child{ float:right;}
.ny-join-list .am-accordion-title span:last-child:after{content: "\f105"; margin-left:5px;}
.ny-join-list .am-accordion-title span:last-child:after{content: "\f107";}
.ny-join-list .am-accordion-gapped .am-active .am-accordion-title{ background:#084ff3; color:#fff;}
.ny-join-list .am-accordion-gapped .am-accordion-title:after{ display:none;}
.ny-join-list .am-accordion-content{ padding:30px; line-height:2; background:#fff;}


.contact-line{ width:100%; height:10px; background:url(../images/line6.png) center repeat-x; margin:40px 0;}
.contact-list ul li{ padding:15px; width:25% }
.contact-list ul li:nth-child(3),.contact-list ul li:nth-child(6){ width:50%}
.contact-list ul li .itw{ border-bottom:1px dashed #d5d5d5; padding-bottom:15px;}
.contact-list ul li img{ margin-right:5px;}


#mymap{ height:500px;border-radius:8px;}
.amap-icon img {width: 25px;height: 34px;}
.amap-marker-label{border: 0;background-color:rgba(0,0,0,.5); left:-50px !important;}
#mymap .info{position: relative;top: 0;right: 0;min-width: 0; color:#fff;}

.mesipu{ margin-top:30px;}
.mesipu .item{ margin-bottom:20px;}
.mesipu .item .iput{ width:33.333%; float:left; padding:0 10px;}
.mesipu .item .iput .am-form-field{ padding:15px;}
.mesipu .item.wyb .iput{ width:100%;}
.c-t-m-btn{ text-align:center;}
.c-t-m-btn .am-btn{ background:#161616; padding:15px; width:200px; color:#fff; border-radius:4px;}


.down-list{ margin-top:15px;}
.down-list ul{ position:relative; margin:0 -25px;}
.down-list ul li{ padding:15px 25px;}
.down-list ul li a:after,.down-list ul li a:before{ content:""; display:block; clear:both;}
.down-list ul li a{ background:#fff; display:block; padding:20px;}

.down-list ul li a i{ float:left; margin-right:15px;}
.down-list ul li a .tit{ font-size:18px; color:#333;}
.down-list ul li a .note{ font-size:12px; color:#999;}
.down-list ul li a .btn{ float:right; margin-right:10%; display:inline-block; background:#084ff3; color:#fff; padding:4px 20px; border-radius:20px; font-size:14px;}
.down-list ul li a .btn:hover{ background:#408dd5}


.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;}


@media screen and (max-width: 1680px){
.am-container{max-width: 1400px;}
.swiper-banner .swiper-slide .txt .tit{ font-size:50px;}
.swiper-banner .swiper-slide .txt .note{ font-size:36px;}
.hm-title .en{ font-size:38px;}
.hm-title .cn{ font-size:28px;}
.swiper-case .swiper-slide{padding: 0 50px;}

.swiper-case .swiper-slide a .txt .tit{ font-size:18px;}
.swiper-case .swiper-slide a .txt .note{ font-size:14px;}
.ny-left{ width:240px;}
}
@media screen and (max-width: 1440px){
	header .nav{width:70%;}
	header .nav .ulnav>li>a{font-size:16px;}
	.am-container{max-width: 1200px;}
.swiper-banner .swiper-slide .txt .tit{ font-size:40px;}
.swiper-banner .swiper-slide .txt .note{ font-size:26px;}
.swiper-banner .swiper-slide .txt .more a{ font-size:14px;}
.hm-title .en{ font-size:30px;}
.hm-title .cn{ font-size:22px;}
.protab .hd{ margin:35px 0;}
.protab .hd ul li a{ font-size:14px;}
.sultonbox .hd ul li a{ font-size:18px;}
.sultonbox .hd ul li .hov .note{ font-size:12px;}
.swiper-case .swiper-slide{ padding:0 45px;}
.swiper-c-next{ right:23%;}
.swiper-c-prev{ left:23%;}
.swiper-case .swiper-slide a .txt{ padding:20px; width:100%}
.about .about-txt{ font-size:16px;}
.hm-more a{ font-size:14px;}
.about-icon .box ul li a .en{ font-size:14px;}
.newstab .hd{ margin:35px 0;}
.newstab .hd ul li a{ font-size:14px;}
	.ny-left{ width:220px;}
}
@media screen and (max-width: 1024px){
html{ background:#f5f5f5;}
body{ max-width:768px; margin:0 auto;box-shadow: 0px 1px 3px #c8c8c8; background:#fff; padding-bottom:64px;zoom:1!important;}	
header{ position:relative;}
.navmain{ position:relative;}
.navmain .am-container{}
header .top .top-l p{ font-size:14px;}
header .top .top-l span{ font-size:12px;}
header .top .top-r{ display:none;}
header .navmain .logo{ line-height:70px;}
header .navmain .logo img{ height:44px;}
header .navmain .lang{ line-height:70px; font-size:14px; margin-right:80px;}


header .nav{ position:fixed; width:100%; left:-100%; top:0; height:100%;  z-index:1233;transition: all .3s linear; margin-left:0;}
header .nav.on{ left:0;pointer-events: none;}
header .nav .ulnav{ position:fixed; width:60%; height:100%; background:#fff; z-index:1234; display:block;pointer-events: auto;}
header .nav .ulnav>li{ width:100%; line-height:60px; border-bottom:1px solid #eee;}


header .nav-box{width: 100%;height: 100%;position: fixed;left:-100%;top: 0;z-index: 1601;transition: all .3s linear;pointer-events: none;}

header .nav-box .ulnav{width: 65%;position: relative;background: #fff;height: 100%;z-index: 1601;pointer-events: auto;overflow-y: auto;margin: 0; display:block;}
header .nav-box>ul>li{ width:100%;border-bottom: 1px solid #eee; display:block; float:none; height:auto; line-height:56px; padding:0;}
header .nav-box>ul>li>a{ color:#333; display:block; line-height:56px;}
header .nav-box>ul>li.on>a{ border:none;}
header .nav-box>ul>li.sh>a{pointer-events: none;}


header .nav .ulnav>li .subnav{ line-height:40px; position:absolute;font-size:14px; text-align:center; width:100%; left:0;    transition: all 0s linear; visibility:hidden; opacity:0; opacity:0;}
header .nav .ulnav>li .subnav p{ border-bottom:1px solid #eee; }
header .nav .ulnav>li .subnav p:first-child{ border-top:1px solid #eee;}
header .nav .ulnav>li .subnav p a{ display:block;}
header .nav .ulnav>li:hover .subnav{ top:0; opacity:0;}
header .nav .ulnav>li .xm{ position:absolute; width:70px; display:block; right:0; top:0; color:rgba(0,0,0,.61); z-index:1290;}
header .nav .ulnav>li .subnav.show{top:0; height:auto;padding: 10px 0; position:relative; overflow:hidden;opacity: 1;visibility: visible; box-shadow:none; padding:0;}


header .warp{position:fixed; width:100%; left:0; top:0; height:100%;  z-index:1230; background:rgba(0,0,0,.6); display:none;}
header .navbar{ width:30px; height:100%;  position:absolute; right:15px; top:0; height:46px; border-bottom:1px solid #333;}
header .navbar:before{ content:""; display:block; width:100%; height:1px; background:#333; margin-top:25px;}
header .navbar:after{ content:""; display:block; width:100%; height:1px; background:#333; margin-top:9px;}
header .nav .ulnav>li.on>a:before, .header .nav .ulnav>li:hover>a:before{ display:none;}
.banner .s-b-n, .banner .s-b-p{ width:25px; height:25px; background-size:10px auto;}
.ban-npbtn{ padding-top:13px; margin-left:0;}
.ban-msk-m{ height:48px;}
.banner .ban-msk-m .swiper-p-b{ margin-top:8px;}
.banner .ban-msk-m .swiper-p-b .swiper-pagination-bullet{ width:20px; height:2px; margin:0 5px;}
.banner .ban-msk-m .bantel{ height:48px; line-height:48px; margin-right:15px;}
.banner .ban-msk-m .bantel a{ font-size:14px; background-size:15px auto; padding-left:20px;}
.banner .ban-msk{ position:relative;}
.banner .ban-msk .am-container{ padding:0;}
.swiper-banner .swiper-slide .txt .tit{ font-size:18px;}
.swiper-banner .swiper-slide .txt .note{ font-size:14px;}
.swiper-banner .swiper-slide .txt .more a{ padding:6px 20px; font-size:12px;}
.swiper-banner .swiper-slide .txt .more{ margin-top:5%;}
.swiper-banner .swiper-slide .txt{ top:30%;}
.am-pd{ padding:30px 0;}
.am-pt{ padding-top:30px;}
.am-pb{ padding-bottom:30px;}
.mgt{ margin-top:20px;}
.hm-title .en{ font-size:20px;}
.hm-title .cn{ font-size:18px;}
.protab .hd{ margin:20px 0;}
.protab .hd ul li{ margin:0 5px;}
.protab .hd ul li a{ font-size:12px; padding:5px 20px;}
.swiper-pro .swiper-slide{ width:45%; padding:0 5px;}
.swiper-pro .swiper-slide a .tit{ padding:10px; font-size:12px;}
.swiper-p-next, .swiper-p-prev{ width:30px; height:30px; background-size:8px auto;}
.swiper-p-next{ right:15px;}
.swiper-p-prev{ left:15px;}
.su-title{ position:relative; top:auto; margin-bottom:20px;}
.su-title .hm-title.white .en,.su-title .hm-title.white .cn{ color:#333;}
.sultonbox .hd{ bottom:15px;}
.sultonbox .hd ul li a{ font-size:12px;}
.sultonbox .hd{ padding:0 15px;}
.sultonbox .hd ul li .hov{ display:none !important;}

.swiper-case .swiper-slide{ padding:0 5px;}
.swiper-c-next, .swiper-c-prev{ width:30px; height:30px; background-size:8px auto; margin-top:-15px;}
.swiper-c-next{ right:15px;}
.swiper-c-prev{ left:15px;}
.swiper-case{ margin-top:20px;}
.swiper-case .swiper-slide{ width:60%;}
.swiper-case .swiper-slide a .txt{ width:100%; left:0; bottom:0; top:auto; transform:translate(0); padding:0; background:rgba(0,0,0,.5)}
.swiper-case .swiper-slide a .txt .note{ display:none;}
.swiper-case .swiper-slide a .txt .tit{ font-size:12px; margin:0; padding:5px; text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color:#fff; border:none;}
.hm-more{ margin-top:20px;}
.hm-more a{ font-size:12px; padding:6px 20px;}
.about .about-txt{ font-size:12px; margin-top:20px;}
.about-icon .box ul li a{ padding:5% 10%;}
.about-icon .box ul li a .cn{ font-size:14px;}
.about-icon .box ul li a .en{ font-size:1rem;}
.about-icon .box ul li a i{ width:20px; right:5%; bottom:50%; transform:translateY(50%)}
.about{ padding-bottom:80px;}
.proyds-par-list ul li{ margin-bottom:-1px;}
.newstab .hd{ margin:20px 0;}
.newstab .hd ul li{ margin:0 5px;}
.newstab .hd ul li a{ font-size:12px; padding:5px 20px;}
.newstab .bd ul{ margin:0;}
.newstab .bd ul li{ width:100%; float:none; padding:0; border-bottom:1px dashed #eee;}
.newstab .bd ul li a{ padding:10px 0;}
.newstab .bd ul li a:before,.newstab .bd ul li a:after{ content:""; display:block; clear:both; position:relative; background:none;}
.newstab .bd ul li a .img{ width:30%; float:left; border-radius:5px;}
.newstab .bd ul li a .txt{ width:70%; float:right; padding-left:10px; margin-bottom:0;}
.newstab .bd ul li a .txt .tit{ font-size:14px; margin-bottom:5px;}
.newstab .bd ul li a .txt .note{ font-size:12px; max-height:75px; overflow:hidden; margin-bottom:0;}
.newstab .bd ul li a .img .more{ display:none;}

footer{ padding-top:0;}
footer .foot-main .foot-nav{ display:none;}
footer .foot-main .foot-logo{ width:55%;}
footer .foot-main .foot-logo .foot-logo-txt{ font-size:12px; max-width:100%;}
footer .foot-main .foot-logo .foot-logo-txt b{ font-size:16px;}
footer .yq-link{ display:none;}
footer .foot-main{ border-top:none; padding:40px 0;}
footer .foot-main .foot-ewm{ margin-top:30px;}
footer .foot-main .foot-ewm p{ font-size:12px;}
footer .foot-copyr{ font-size:10px;}
footer .foot-copyr p{ float:none; text-align:center;}
footer .foot-copyr p img{ width:90px; margin-top:-7px !important;}

.foot-bar{ position:fixed; width:100%; height:64px; background:#084ff3; left:0; bottom:0; z-index:999;}
.foot-bar ul li{ padding-top:12px;}
.foot-bar ul li a{ color:#fff; font-size:12px; display:block; text-align:center;}
.foot-bar ul li a img{ width:24px;}
.foot-bar ul li a span{ display:block;}

.ny-left{ width:100%; float:none;}
.ny-right{ width:100%; float:none; margin-top:15px;}
.ny-warp{ padding:20px 0;}
.nybanner .nybantxt .cn{ font-size:20px; height:30px; line-height:30px;}
.nybanner .nybantxt .en{ font-size:13px; line-height:1; height:auto;}

.abtit{ font-size:20px; font-weight:bold;}

.ny-ab-txt .tit{ font-size:20px; margin-bottom:15px;}
.ny-ab-txt .content{ font-size:12px; line-height:2;}

.swiper-zss .swiper-slide{ width:50%; padding:0 5px;}
.swiper-zss .swiper-slide a i{ padding:10px;}
.swiper-z-next, .swiper-z-prev{ width:30px; height:30px;background-size: contain; background-color:rgba(0,0,0,.5)}
.swiper-z-next{ right:0;}
.swiper-z-prev{ left:0;}

.swiper-hj-next, .swiper-hj-prev{ width:30px; height:30px;background-size: contain; background-color:rgba(0,0,0,.5)}
.swiper-hj-next{ right:0;}
.swiper-hj-prev{ left:0;}

.zslist{ margin-top:10px;}
.swiper-pa-zs{ margin-top:20px;}
.swiper-pa-zs .swiper-pagination-bullet{ width:8px; height:8px;}
.hj-piclist ul{ margin:0 -5px;}
.hj-piclist ul li{ padding:5px;}

.ny-nav{ margin-bottom:8px;}
.ny-nav a{ font-size:12px; padding:4px 10px; margin-bottom:10px; margin-left:5px; margin-right:5px;}
.pages a{ font-size:12px; width:30px; height:30px; line-height:30px;}
.ny-news-list ul li a{ padding:10px;}
.ny-news-list ul li a i{ width:25%;}
.ny-news-list ul li a .txt{ width:75%; padding-left:10px;}
.ny-news-list ul li a .txt .rq{ display:none;}
.ny-news-list ul li a .txt .readNum{ display:none;}
.ny-news-list ul li a .txt .tit{ font-size:14px;}
.ny-news-list ul li a .txt .more{ display:none;}
.ny-news-list ul li a .txt .note{ height:20px; overflow: hidden; font-size:12px;}

.pages a{ font-size:12px; width:30px; height:30px; line-height:30px;}


.prolist ul{ margin:0 -5px;}
.prolist ul li{ padding:5px;}
.prolist ul li a{ padding:10px; padding-bottom:0;}
.prolist ul li a .tit{ font-size:14px; padding:10px 0;}
.prolist ul li:nth-of-type(3){ padding-top:5px;}
.product .prolist ul li:nth-of-type(9){ display:none;}

.newscontentcp_boxdw{ display:none;}

.news-con-l{ width:100%; float:none; padding:15px;}
.arc-head{ margin-bottom:15px;}
.arc-head h1{ font-size:18px;}
.arc-head .newscontent_boxlsm{ margin-top:10px;}
.arc-head .newscontent_boxlsm span, .arc-head .newscontent_boxlsm b{ font-size:12px;}
.news-con-r{ display:none;}
.zixunbox_title_l{ font-size:18px;}
.zixunbox_title_r a{ font-size:12px;}
.newscontent_boxxg .zixunbox_xt{ padding:15px;}
.zixunbox_xt ul li{ padding:0;}
.newscontent_boxxg .zixunbox{ margin-bottom:10px;}
.zixunbox_xt ul li a{ font-size:12px;}

.swiper-pe-next, .swiper-pe-prev{ width:30px; height:30px; background-size:8px auto;}

.ny-pro-head{ padding:10px;}
.picpaly{ width:100%; float:none; padding:0}
.picpaly .pro-sml{ position:relative; height:80px; width:100%; left:auto; right:auto; padding:15px}
.ny-pro-head .txt{ width:100%; float:none; padding-left:0;}

.picpaly .swiper-button-next,.picpaly  .swiper-button-prev{ background-size:10px auto;}
.ny-pro-head .txt{ padding:0 15px 20px 15px;}
.ny-pro-head .txt h1{ font-size:18px; padding:15px 0; margin-bottom:15px;}
.ny-pro-head .txt .form-btn{ font-size:16px;  height:40px; line-height:35px; margin-top:15px;}
.ny-pro-head .txt .form-btn a{ background-size:20px auto; padding-left:25px;}
.product-content .product-related{ display:none;}
.product-content-left{ padding:20px;}
.product-content-left .title-box{ margin-bottom:15px;}
.product-content-left .title-box .cn{ font-size:20px; font-weight:bold;}
.product-content-left .title-box .en{ font-size:12px;}
.product-article{ overflow-x:auto;}
.product-article span{ position:relative!important; margin:0!important; padding:0 !important;}
.arccontent td{ padding:5px !important;}
.arccontent td span{ font-size:12px !important;}

.ny-case-list ul{ margin:0 -5px;}
.ny-case-list ul li{ padding:5px;}
.ny-case-list ul li a .txt{ padding:10px;}
.ny-case-list ul li a .txt .tit{ font-size:14px;}
.ny-case-list ul li a .txt .note{ font-size:12px;}
.ny-case-list ul li a .txt .line{ margin:5px 0;}

.ny-join-list .join-head{ padding:1rem;}
.ny-join-list .join-head span{ font-size:14px;}
.ny-join-list .join-head span:nth-child(2){ display:none;}
.ny-join-list .join-head span:nth-child(3){ display:none;}
.ny-join-list .am-accordion-title span:nth-child(2){ display:none;}
.ny-join-list .am-accordion-title span:nth-child(3){ display:none;}
.ny-join-list .am-accordion-title{ font-size:14px;}
.ny-join-list .am-accordion-content{ padding:20px;}

.contact-line{ height:5px; margin:20px 0;}
.contact-list ul li{ padding:10px; font-size:14px; width:100% !important;}
.contact-list ul li .itw{ padding-bottom:10px;}
.contact-list ul li img{ width:16px;}

.abtit .note{ font-size:14px; font-weight:normal;}
.mesipu .item{ margin-bottom:15px;}
.mesipu .item .iput{ width:100%; padding:0; margin-bottom:15px;}
.mesipu .item .iput:last-child{ margin-bottom:0;}
.mesipu .item .iput .am-form-field{ font-size:14px;}
.c-t-m-btn .am-btn{ width:160px; font-size:14px;}
.arccontent img{height: auto !important;}
#mymap{ height:300px;}
.down-list ul{ margin:0 -5px;}
.down-list ul li{ padding:5px;}
.down-list ul li a .tit{ font-size:14px;}
.down-list ul li a .btn{ font-size:12px; margin-right:0;}

}