/* 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:#038bfb;}
img{ 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; }





header .navmain .logo{ line-height:100px; float:left;}
header .navmain .logo img{height: 45px;}
header .navmain .lang{ float:right; font-size:14px; line-height:98px; color:#999}
header .navmain .lang a{ font-size:18px; color:#038bfb;}
header .nav{ width:54%; float:left; height:100px; line-height:100px; margin-left:4%;}
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:block; color:#333; position:relative;}


header .nav .ulnav>li:hover>a,header .nav .ulnav>li.on>a{ background:#038bfb; color:#fff;    background: #038bfb;
    background-image: -webkit-linear-gradient( -10deg, #07c3de 0%, #038bfb 100%);
    background-image: -moz-linear-gradient( -10deg, #07c3de 0%, #038bfb 100%);
    background-image: -ms-linear-gradient( -10deg, #07c3de 0%, #038bfb 100%);}


.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:100px;}
.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:#038bfb; background-color:#f9f9f9;}




.img100{ width:100%;}
.banner{ position:relative;}
.banner .ban-msk{ position:absolute; width:100%; left:0; bottom:-40px;}
.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-n.swiper-button-disabled, .banner .s-b-p.swiper-button-disabled{ opacity:1;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.ban-msk-m{ background:#fff; z-index:222; height:80px; box-shadow:0 2px 20px 2px rgba(0,0,0,.1) }
.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:#038bfb; }
.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:#038bfb; 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:#038bfb; }
.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:60px 0; overflow:hidden;}
.am-pb{ padding-bottom:60px; overflow:hidden;}
.bgr{ background:#f5f5f5;}
.mgt{ margin-top:40px;}

.hm-title{ text-align:center;}
.hm-title .en{ font-size:18px; line-height:1;text-transform:uppercase; color:#999;}
.hm-title .cn{ font-size:38px; line-height:1; margin-bottom:15px; font-weight:bold;}
.hm-title.white .en,.hm-title.white .cn{ color:#fff;}
.elii{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.voerhide{ display:block;overflow:hidden;}
.imgscale img{transition: all .3s linear;}
.imgscale:hover img{ transform:scale(1.05)}

.service{ padding-top:100px;}
.service-list ul{ margin:0 -8px;}
.service-list ul li{ padding:8px; margin-bottom:10px;}
.service-list ul li a{ display:block;}
.service-list ul li a i{ display:block; overflow:hidden;border: 1px solid #f5f5f5;}
.service-list ul li a .txt{ padding:15px; text-align:center; font-size:18px;transition: all .3s linear;}
.service-list ul li a:hover .txt{ background:#038bfb; color:#fff;}

.liucheng{ background:url(../images/bg1.jpg) center no-repeat; background-size:cover;}
.liucheng-list{ position:relative;}
.liucheng-list:before{ content:""; display:block; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:20%; opacity:.8;}
.liucheng-list ul{ position:relative; z-index:22;}
.liucheng-list ul li{ text-align:center;}
.liucheng-list ul li .tit{ font-size:24px; font-weight:bold; color:#fff; margin-bottom:15px;}
.liucheng-list ul li em{ width:24px; height:24px; background:#fff; border-radius:50%; display:block; margin:15px auto;}
.liucheng-list ul li .img{transition: all .3s linear;}
.liucheng-list ul li:hover .img{ transform:translateY(-10px)}
.liucheng-list ul li span{ line-height:1; font-size:30px; color:#fff; font-weight:700;}

.hm-more{ text-align:center; margin-top:30px;}
.hm-more a{ display:inline-block; width:180px; height:48px; line-height:48px; border:1px solid #333; padding:0 25px;}
.hm-more a:hover{ background:#038bfb; color:#fff; border-color:#038bfb;}
.hm-more a span{ display:block; position:relative; text-align:left;}
.hm-more a span:before{ content: "\f105"; font-size:18px; line-height:46px; position:absolute; right:0; top:0;}

.youshi{background:url(../images/bg2.jpg) center no-repeat; background-size:cover;}
.youshi-list ul{ margin:0 -10px;}
.youshi-list ul li{ padding:10px;}
.youshi-list ul li a{ display:block; background:#fff; padding:50px;transition: all .3s linear;}
.youshi-list ul li a:hover{ box-shadow:0 2px 20px 2px rgba(0,0,0,.1); transform:translateY(-10px)}
.youshi-list ul li a i{ float:left;}
.youshi-list ul li a .txt{ float:left; max-width:75%; font-size:24px; color:#333; margin-left:4%; padding-top:13px;}

.aboutbox .left{ width:40%; float:left; padding-top:2%;}
.aboutbox .left .tit{ font-size:24px; font-weight:bold; margin-bottom:15px;}
.aboutbox .left .note{ color:#999; line-height:2; text-align:justify;}
.aboutbox .left .hm-more{ text-align:left;}
.aboutbox .right{ width:53.5%; float:right; overflow:hidden;}

.ruy-list{ margin-top:40px;}
.ruy-list .swiper-ry{padding:0 10px;}
.ruy-list .swiper-ry .swiper-slide{ width:25%; padding:0 15px;}
.ruy-list .swiper-ry .swiper-slide a{ display:block; border:6px solid #d4a659; overflow:hidden;}
.ruy-list .swiper-ry .swiper-slide a img{ width:100%;}
.ruy-list .swiper-r-prev,.ruy-list .swiper-r-next{ width:50px; height:50px; border-radius:50%; background-color:#038bfb; margin-top:-25px; background-size:14px auto; background-position:center;}
.ruy-list .swiper-r-prev{left:0;}
.ruy-list .swiper-r-next{ right:0;}
.ruy-list .swiper-r-next.swiper-button-disabled, .ruy-list .swiper-r-prev.swiper-button-disabled{ background-color:#bbbbbb; opacity:1;pointer-events: auto;}


.newstab .hd{ text-align:center; margin:40px 0 50px;}
.newstab .hd ul li{ display:inline-block; margin:0 10px;}
.newstab .hd ul li a{ display:block; font-size:18px; padding:10px 40px; background:#fff; border:1px solid #e1e1e1; position:relative;}
.newstab .hd ul li.on a{ background:#038bfb; color:#fff; border:1px solid #038bfb;}
.newstab .hd ul li.on a:before{content:""; display:block;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 10px solid #038bfb; position:absolute; left:50%; margin-left:-6px; bottom:-10px;}

.newsbox .hm-news-l{ width:42%; float:left;}
.newsbox .hm-news-l a{ display:block; overflow:hidden; position:relative;}
.newsbox .hm-news-l a .txt{ position:absolute; width:100%; padding:12px 15px; background:rgba(0,0,0,.5); left:0; bottom:0; color:#fff;}
.newsbox .hm-news-l a .txt .tit{ width:70%; float:left; font-size:18px; font-weight:bold;}
.newsbox .hm-news-l a .txt span{ float:right;}
.newsbox .hm-news-r{ width:54%; float:right;}
.newsbox .hm-news-r ul li{ margin-bottom:10px;}
.newsbox .hm-news-r ul li:last-child{ margin-bottom:0;}
.newsbox .hm-news-r ul li a{ display:block; background:#fff; padding:18px;}
.newsbox .hm-news-r ul li a .date{ width:15%; float:left; line-height:62px; font-size:28px; color:#038bfb; text-align:center; border-right:1px solid #eee;}
.newsbox .hm-news-r ul li a .txt{ width:85%; float:left; padding-left:20px;}
.newsbox .hm-news-r ul li a .txt .tit{ font-size:18px; font-weight:bold; margin-bottom:8px;}
.newsbox .hm-news-r ul li a .txt .note{ font-size:14px; color:#999;}

.yuyue{background:url(../images/bg3.jpg) center no-repeat; background-size:cover;}
.yuyue .note{ text-align:center; color:#fff;margin-top:40px; font-size:18px;}
.mess .mess-form{ max-width:700px; margin:0 auto;}
.mess .mess-form .iput{ margin-bottom:15px;}
.mess .mess-form .iput .am-form-field{ background:none; padding:15px; border:1px solid #fff; color:#fff; font-size:18px; outline:none;}
.mess .mess-form .iput .am-form-field::-webkit-input-placeholder {color: rgba(255,255,255,.8);}
.mess .mess-form .iput .am-form-field::-moz-input-placeholder {color: rgba(255,255,255,.8);}
.mess .mess-form .iput .am-form-field::-ms-input-placeholder {color: rgba(255,255,255,.8);}
.mess .mess-form .mes-btn .am-btn{ width:100%; font-size:18px; font-weight:bold; background:#fff; color:#038bfb; padding:15px; border:none; outline:none;}


footer{ background:#1a1a1a; padding-top:40px; padding-bottom:10px;}
footer .foot-left{ width:25%; float:left;}
footer .foot-left .foot-tel{ margin-bottom:10px;}
footer .foot-left .foot-tel,footer .foot-left .foot-tel a{ color:#fff;}
footer .foot-left .foot-tel .tt{ font-size:18px;}
footer .foot-left .foot-tel .tel{ font-size:26px; font-weight:600;}
footer .foot-left .foot-ewm{ width:100px; margin-left:20px;}
footer .foot-left .foot-ewm span{ display:block;}
footer .foot-left .foot-ewm span em{ display:block; background:#fff; text-align:center; font-size:14px;}
footer .foot-left .foot-lxfs{ font-size:14px; color:#fff; line-height:2; margin-top:20px;}
footer .foot-left .foot-lxfs a{ color:#fff;}


footer .foot-right{ width:70%; float:right; padding-left:70px; position:relative;}
footer .foot-right .foot-nav{ position:relative;}
footer .foot-right .foot-nav:before{ content:""; display:block; width:100%; height:1px; background:rgba(255,255,255,.1); position:absolute;left:0; top:22%;}
footer .foot-right .foot-nav ul{ display:flex; flex-direction:row; justify-content:space-between; }
footer .foot-right .foot-nav ul li{ float:left;}
footer .foot-right .foot-nav ul li.x1{ width:22%}
footer .foot-right .foot-nav ul li.x2{ width:40%}
footer .foot-right .foot-nav ul li.sl .fsubnv{display:flex; flex-direction:row; justify-content:space-between;flex-wrap: wrap;}
footer .foot-right .foot-nav ul li.sl .fsubnv p{ width:50%;}
footer .foot-right .foot-nav ul li .foot-tit{ font-size:18px; color:#fff; margin-bottom:25px; padding-bottom:25px; }
footer .foot-right .foot-nav ul li p{ font-size:14px; color:#888a92; line-height:2.6;}
footer .foot-right .foot-nav ul li p a{ color:#888a92;}
footer .foot-right .foot-nav ul li p a:hover{ color:#fff;}

footer .foot-right .yq-link{ margin-top:35px; color:#fff; font-size:18px;}
footer .foot-right .yq-link a{ color:#888a92; font-size:14px; display:inline-block; margin-right:10px;}
footer .foot-copyr{ border-top:1px solid rgba(255,255,255,.1); margin-top:40px; padding:15px 0; font-size:14px;color:#888a92;}
footer .foot-copyr a{color:#888a92;}


.ny-warp{ background:#f5f5f5; padding:30px 0;}

.nybanner{ text-align:center; overflow:hidden; position:relative;}
.nybanner>img{ width:100%;}
.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;}


.ny-left{ width:20%; float:left;}
.side-nav .lanmu-tit{line-height: 148px;height: 148px;color: #fff;font-size: 26px;background: url(../images/aiya.jpg) no-repeat center; background-size:cover;font-weight: normal;overflow: hidden;text-indent: 42px; position:relative;}
.side-nav .lanmu-nav{overflow: hidden;width: 100%;background-color: #fff;border-left: 1px solid #ececec;border-right: 1px solid #ececec;}
.side-nav .lanmu-nav>ul>li{position: relative;line-height: 60px;text-indent: 45px;font-size: 16px;border-bottom: 1px solid #ececec;}
.side-nav .lanmu-nav>ul>li>a{color: #333;text-decoration: none;display: block; position:relative;}
.side-nav .lanmu-nav>ul>li>a:before{ content:""; display:block; width:17px; height:17px; overflow:hidden; background:url(../images/newsList_more.png) 0 0 no-repeat; position:absolute; right:40px; top:50%; margin-top:-7.5px;transition: all .3s linear;}
.side-nav .lanmu-nav>ul>li>a:hover:before,.side-nav .lanmu-nav>ul>li.on>a:before{background:url(../images/newsList_more.png) 0 -17px no-repeat;}
.side-nav .lanmu-nav>ul>li>a:hover,.side-nav .lanmu-nav>ul>li.on>a{ color:#038bfb}
.side-nav .lnavsub p{line-height:46px;font-size:14px;border-top:1px dashed #eee;text-indent: 50px;}
.sidecon{background: #fff;margin-top:20px;}
.sidecon .tit{ height:70px; background:#038bfb; color:#fff; text-align:center; font-size:24px; line-height:70px;}
.sidecon img{ width:100%;}
.sidecon .txt{ padding:20px 20px 10px 20px; font-size:1.4rem;border: 1px solid #eee;}
.sidecon .txt p{ margin-bottom:10px;}
.sidecon .txt p.stit{ font-weight:bold;}


.ny-right{ width:78%; float:right;}
.ny-about-main,.ny-rmin{background:#fff; padding:30px; min-height:600px;}
.ny-about-title{ font-size:26px; text-align:center; border-bottom:1px solid #eee; padding-bottom:25px; margin-bottom:25px;}
.ny-about-arc{ line-height:2;}
.nyabimg{ max-width: 600px; float: right;margin: 0 0 15px 15px;}

.ny-newscase ul li{ background:#fff; padding:20px; position:relative;box-shadow: 0 2px 4px 4px rgba(0,0,0,.02); margin-bottom:20px;}
.ny-newscase ul li a{ display:block;}
.ny-newscase ul li a i{ display:block; width:26%; float:left; overflow:hidden;}
.ny-newscase ul li a i img{transition: all .7s;}
.ny-newscase ul li:hover img{transform: scale(1.06);}
.ny-newscase ul li a .txt{ width:74%; padding-left:20px; float:left;}
.ny-newscase ul li a .txt.w100{ width:100%; padding-left:0;}
.ny-newscase ul li a .txt .tit{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size:18px; font-weight:bold;}
.ny-newscase ul li a .txt .line{ width:100%; height:1px; background:#eee; margin:15px 0;}
.ny-newscase ul li a .txt .note{ font-size:14px; color:#666;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.ny-newscase ul li a .txt .info{ font-size:14px; margin-top:15px; color:#666;}
.ny-newscase ul li a .txt .info span{ display:inline-block; margin-right:25px;}
.ny-newscase ul li a .tou{ position:absolute; right:40px; top:0; background:#ee2d32; color:#fff; display:inline-block; padding:4px 10px;}
.ny-newscase ul li a .txt.w10{ width:100%; padding-left:0;}
.ny-newscase.w10 i{ width:25%;}

.page{ text-align:center; font-size:14px; margin:15px 0;}
.page a {display: inline-block;padding: 5px 14px;border: 1px solid #ddd;margin-left: 4px; background:#fff;}
.page a.on ,.page a:hover {background: #038bfb;color: #FFF;}

.article-wrap{padding:40px; background:#fff;color:#666;min-height:500px;border: 1px solid #eee;}
.article-wrap hr{border-top: 1px solid #d6d5ce;}
.article-wrap .article-header { text-align:center; margin-bottom:20px;}
.article-wrap .article-header h1{color: #000000;font-size: 24px;margin-bottom:20px; font-weight:normal;}
.article-wrap .article-header .sub{ color:#999; font-size:12px;}
.article-wrap .article-header .sub span{ margin:0 10px; display:inline-block;}
.article-wrap .article-header .sub span i{ margin-right:4px;}

.article-body{font-family:'Microsoft Yahei',verdana;font-size: 16px;letter-spacing: 0.08rem;line-height: 36px;min-height:400px; margin-bottom:25px;}
.article-body img{ max-width:100%;}


.xgnews{ border:1px solid #eee;border-top: 1px solid #fefced; padding:30px; background:#fff;}
.xgnewstit{ font-size:18px; font-weight:bold; margin-bottom:15px;}
.xgnews .xgnews-list ul li{ font-size:14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height:2.8; padding-right:15px;}


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


.contact1{ background:#fff; padding:60px; border-radius:10px;}
.contact1 .contact1-l{ width:50%; float:left;}
.contact1 .contact1-l .tit{ font-size:24px; position:relative; margin-bottom:15px;}
.contact1 .contact1-l .tit:after{ content:""; display:block; width:60px; height:2px; background:#ddd; margin-top:10px;}
.contact1 .contact1-l .c-t-li {line-height: 2.5;margin-bottom: 30px;}
.contact1 .contact1-l .c-t-li p img {margin-right: 10px;}
.contact1 .contact1-l .contact-ewm ul li{ display:inline-block; text-align:center; max-width:120px; padding:10px; background:#f5f5f5; border-radius:10px; margin-right:15px;}
.contact1 .contact1-l .contact-ewm ul li p{ font-size:14px; background:#f5f5f5; text-align:center; margin-top:4px;}
.contact-map{ width:50%; float:right;}
#allmap{ height:440px;}
#allmap img{ max-width:inherit;}

.abtit{ text-align:center;font-size: 36px;}
.abtit .note{ font-size:16px;}

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

.contact-mes{ background: #fff; border-radius:10px; padding: 60px;}

.nypic-list ul{ margin:0 -10px;}
.nypic-list ul li{ padding:0 10px; margin-bottom:20px;}
.nypic-list ul li a{ display:block; background:#fff; padding:5px;}
.nypic-list ul li a .img{ display: table-cell;height: 190px;overflow: hidden;text-align: center;vertical-align: middle; text-align:center; width:0.1%; position:relative; border:5px solid #e4e4e4 }
.nypic-list ul li a .img img{    max-width: 100%;transition: .5s;max-height: 100%;}
.nypic-list ul li a:hover .img img{ transform:scale(1.04)}
.nypic-list ul li a .tit{ padding:5px; font-size:14px; text-align:center; margin-top:5px;overflow: hidden; color:#333;
text-overflow:ellipsis;
white-space: nowrap;}

.case-list.nycsli ul li a .t2 .c .tit{ font-size:14px;}
.case-list.nycsli ul li a .t2 .c span{ font-size:12px;}
.case-list.nycsli ul li a .t1{ font-size:14px;}
.case-list.nycsli ul li a .t2 .c span:after{ width:18px; height: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;}


@media screen and (max-width: 1680px){
.am-container{max-width: 1400px;}
.hm-title .en{ font-size:16px;}
.hm-title .cn{ font-size:34px;}
}
@media screen and (max-width: 1440px){
.am-container{max-width: 1200px;}
header .nav .ulnav>li>a{ font-size:16px;}
header .navmain .lang{ line-height:93px;}
header .navmain .lang em{ font-size:0;}
header .navmain .lang em:before{content: "\f095"; color:#038bfb; font-size:14px; margin-right:4px;}
header .navmain .lang a{ font-size:16px;}
.hm-title .en{ font-size:14px;}
.hm-title .cn{ font-size:30px;}
.hm-more a{ width:156px; height:42px; line-height:42px;}
.hm-more a span:before{ line-height:40px;}
.hm-more a span{ font-size:14px;}
.service-list ul li a .txt{ font-size:14px;}
.liucheng-list ul li .tit{ font-size:18px;}
.liucheng-list ul li .img img{ width:100px;}
.liucheng-list ul li em{ width:18px; height:18px;}
.liucheng-list ul li span{ font-size:20px;}
.youshi-list ul li a i img{ width:80px;}
.youshi-list ul li a .txt{ font-size:18px;}
.aboutbox .left{ padding-top:0;}
.aboutbox .left .tit{ font-size:20px;}
.aboutbox .left .note{ font-size:14px;}
.newstab .hd{ margin:30px 0 40px;}
.newstab .hd ul li a{ font-size:14px;}
.newsbox .hm-news-l{ width:43%;}
.newsbox .hm-news-l a .txt .tit{ font-size:16px;}
.newsbox .hm-news-r ul li a{ padding:14px;}
.newsbox .hm-news-r ul li a .txt .tit{ font-size:16px;}
.newsbox .hm-news-r ul li a .date{ font-size:24px; line-height:55px;}
.yuyue .note{ font-size:16px; margin-top:30px;}
footer .foot-left{ width:30%;}
.nypic-list ul li a .img{height: 150px;}
.ny-newscase ul li a .txt .note{font-size: 12px;}
.ny-newscase ul li a .txt .line{margin: 10px 0;;}
.ny-newscase ul li a .txt .info{font-size: 12px;}
}


@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:40px;}
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; bottom:0;}
.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 .cn{ font-size:20px; margin-bottom:5px;}
.hm-title .en{ font-size:12px;}
.service-list ul{ margin:0 -5px;}
.service-list ul li{ padding:5px; margin-bottom:0;}
.service-list ul li a .txt{ padding:10px; background:#f5f5f5; font-size:12px;}
.liucheng-list ul li{ margin-bottom:15px;}
.liucheng-list ul li .tit{ font-size:14px; margin-bottom:8px;}
.liucheng-list ul li .img img{ width:60px;}
.liucheng-list ul li em{ display:none;}
.liucheng-list ul li span{ font-size:18px;}
.liucheng-list:before{ display:none;}
.hm-more{ margin-top:20px;}
.hm-more a{ width:128px; font-size:12px; height:38px; line-height:38px;}
.hm-more a span{ font-size:12px;}
.hm-more a span:before{ line-height:36px;}
.youshi-list ul li a{ padding:10px; text-align:center;}
.youshi-list ul li a i{ float:none;}
.youshi-list ul li a i img{ width:50px;}
.youshi-list ul li a .txt{ font-size:12px; height:6em; max-width:100%; float:none; padding-left:0;}
.youshi-list ul{ margin:0 -5px;}
.youshi-list ul li{ padding:5px;}
.aboutbox .left{ width:100%; float:none;}
.aboutbox .left .tit{ font-size:17px; text-align:center; margin-bottom:10px;}
.aboutbox .left .note{ font-size:12px;}
.aboutbox .left .hm-more{ text-align:center;}
.aboutbox .right{ width:100%; float:none; margin-top:30px;}
.ruy-list{ margin-top:20px;}
.ruy-list .swiper-ry{ padding:0;}
.ruy-list .swiper-r-prev, .ruy-list .swiper-r-next{ width:30px; height:30px; margin-top:-15px; background-size:8px auto;}
.ruy-list .swiper-ry .swiper-slide{ padding:0 5px; width:50%;}

.newstab .hd{margin: 20px 0;white-space: nowrap; overflow-x: auto; padding-bottom: 8px;}
.newstab .hd ul li{margin: 0 2px;}
.newstab .hd ul li a{font-size: 12px; padding: 6px 10px;}
.newsbox .hm-news-l{ width:100%; float:none;}
.newsbox .hm-news-l a .txt .tit{ font-size:14px;}
.newsbox .hm-news-l a .txt span{ font-size:12px;}
.newsbox .hm-news-r{ width:100%; float:none; margin-top:10px;}
.newsbox .hm-news-r ul li a .date{ font-size:12px; line-height:44px;}
.newsbox .hm-news-r ul li a .txt .tit{ font-size:14px; margin-bottom:4px;}
.newsbox .hm-news-r ul li a .txt .note{ font-size:12px;}
.yuyue .note{ font-size:14px; margin-top:15px;}
.mess .mess-form .iput .am-form-field{ font-size:12px;}
.mess .mess-form .mes-btn .am-btn{ font-size:14px;}
footer .foot-left{ width:100%; float:none; text-align:center;}
footer .foot-left .foot-tel .tt{ font-size:14px;}
footer .foot-left .foot-ewm{ margin:0 auto;}
footer .foot-right{ width:100%; float:none; padding-left:0;}
footer .foot-right .foot-nav{ display:none;}
footer .foot-copyr p{ width:100%; float:none; text-align:center;}



.foot-bar{ position:fixed; width:100%; height:64px; background:#038bfb; 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-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;}

.ny-left{ width:100%; float:none;}
.ny-right{ width:100%; float:none;}
.sidecon{ display:none;}
.side-nav{ margin-bottom:15px;}
.side-nav .lanmu-tit{ height:48px; line-height:48px; font-size:18px; font-weight:bold; text-indent:1em;}
.side-nav .lanmu-nav{ display:none;}
.side-nav .lanmu-nav.on{ display:block;}
.lanmu-tit:before {content: "\f0d7";position: absolute;right: 15px;top:0;}
.ny-about-main, .ny-rmin{ padding:15px;}
.ny-about-title{ font-size:18px; margin-bottom:10px; padding-bottom:10px;}
.ny-about-arc{ font-size:12px;}
.nyabimg{max-width: 100%;float: none; margin: 0 0 10px 0;}
.ny-newscase ul li{ padding:10px; margin-bottom:10px;}
.ny-newscase ul li a i{ display:none;}
.ny-newscase ul li a .txt{ padding-left:0; width:100%;}
.ny-newscase ul li a .txt .tit{ font-size:14px;}
.ny-newscase ul li a .txt .note{ -webkit-line-clamp: 2; font-size:12px;}
.ny-newscase ul li a .txt .info{ display:none;}
.ny-newscase ul li a .txt .line{ margin:4px 0;}

.page a{ font-size:12px;} 

.article-wrap{padding: 15px;margin:-20px -1rem;    background: #fff;border: none;}
.article-wrap .article-header h1{ font-size:1.8rem; margin-bottom:10px;}
.article-wrap .article-header{ margin-bottom:10px;}
.article-footer ul li{ float:none !important; font-size:1.2rem; height:24px;}

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


.contact1{ padding:20px; border-radius:10px;}
.contact1 .contact1-l{ width:100%; float:none;}
.contact1 .contact1-l .tit{ font-size:18px;}
.contact1 .contact1-l .c-t-li{ font-size:14px;}
.contact-map{ width:100%; float:none; margin-top:20px;}
#allmap{ height:300px;}
.contact-mes{padding: 20px;}
.abtit{ font-size:20px; font-weight:bold;}
.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;}

.nypic-list ul{ margin:0 -5px;}
.nypic-list ul li{ padding:0 5px; margin-bottom:10px;}
.nypic-list ul li a .tit{ font-size:12px;}

}