/* 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:#b50003;}
img{ max-width:100%;}
.am-container{max-width: 1436px;}
.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 .logo{height: 100px; line-height: 100px;}
header .nav{ float:right; width:80%;}
header .nav .ulnav{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: center;}
header .nav .ulnav>li{flex:1;height:100px;-webkit-box-flex: 1; text-align:center; position:relative; float:left; line-height:100px;}
header .nav .ulnav>li>a{ display: inline-block; position:relative; font-size:18px;}
header .nav .ulnav>li.on>a{ color:#b50003;}
header .nav .ulnav>li:last-child{margin-left: 10%;}
header .nav .ulnav>li:last-child>a{border-radius: 25px;background-color: #b50003;color: #fff;width: 120px;height: 40px;top: 50%;left:50%;transform: translate(-50%,-50%);position: absolute;}
header .nav .ulnav>li:last-child>a>img{position: absolute;top: 11px;left: 17px;width:20px}
header .nav .ulnav>li:last-child>a>span{position: absolute;top: -30px;left: 43px;font-size:14px;}
header .nav .ulnav>li:not(:last-child)>a:before{ content:""; display:block; width:0; height:3px; border-radius:3px; background:#b50003; position:absolute; left:50%; margin-left:-15px; bottom:25px;transition: all .3s linear;}
header .nav .ulnav>li:last-child>a:before{ content:"";}
header .nav .ulnav>li.on>a:before{width:30px;}
header .nav .ulnav>li .subnav{ line-height:40px; position:absolute; left:-10%; top:110%;box-shadow: 0 2px 10px rgba(0,0,0,.05); background:#fff; width:120%; font-size:14px; text-align:center; visibility:hidden; opacity:0;transition: all .3s linear; z-index:1240;border-left: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5;}
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{ visibility:inherit; opacity:1; top:82px;}


.img100{ width:100%;}
.swiper-banner{ background:#333;}
.swiper-banner .swiper-button-next{ right:30px; opacity:.8;}
.swiper-banner  .swiper-button-prev{ left:30px; opacity:.8;}
.swiper-banner .swiper-button-next,.swiper-banner  .swiper-button-prev{ width:60px; height:60px; border:1px solid #fff; border-radius:50%; margin-top:-30px;background-size: 15px 25px;}
.swiper-banner .swiper-banpa .swiper-pagination-bullet{ width:20px; height:3px; background:#fff; opacity:.5; border-radius:3px;transition: all .3s linear; }
.swiper-banner  .swiper-banpa .swiper-pagination-bullet-active{ width:30px; background:#b50003; opacity: 1;}
.swiper-banner .swiper-banpa{ }

.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.06);transform:scale(1.06)}
to{-o-transform:scale(1);transform:scale(1)}
}
@-moz-keyframes banner_outside{from{-o-transform:scale(1.06);transform:scale(1.06)}
to{-o-transform:scale(1);transform:scale(1)}
}
@-o-keyframes banner_outside{from{-o-transform:scale(1.06);transform:scale(1.06)}
to{-o-transform:scale(1);transform:scale(1)}
}
@keyframes banner_outside{from{-o-transform:scale(1.06);transform:scale(1.06)}
to{-o-transform:scale(1);transform:scale(1)}
}


.wrap-search{ background:#f8f8f8;}
.wrap-search .tel-l{ height:80px; line-height:80px; float:left; background:url(../images/tel.png) 0 center no-repeat; font-size:26px; color:#b50003; padding-left:60px; font-weight:bold;}
.wrap-search .hm-search{ width:480px; height:80px; float:right; position:relative;}
.wrap-search .hm-search:before{ content:""; display:block; width:1px; height:50%; background:#b8b8b8; position:absolute; left:0; top:25%;}
.wrap-search .hm-search .input{ width:100%; height:100%; position:absolute; left:0; top:0; background:none; border:none; outline:none; padding:0 25px; font-size:18px;}
.wrap-search .hm-search .input::-webkit-input-placeholder {color: #bdbdbd;}
.wrap-search .hm-search .input::-moz-input-placeholder {color: #bdbdbd;}
.wrap-search .hm-search .input::-ms-input-placeholder {color: #bdbdbd;}
.wrap-search .hm-search .sbtn{ position:absolute; width:80px; height:100%; right:0; top:0; background:#cab788; border:none; outline:none;}

.am-pd{ padding:60px 0;}
.am-pb{ padding-bottom:60px;}

.hm-title .tit{ font-size:40px; font-weight:bold; float:left;}
.hm-title .hd{ float:right; padding-top:7px;}
.hm-title .hd ul{ display:inline-block;}
.hm-title .hd ul li{ display:inline-block;}
.hm-title .hd ul li a{ font-size:22px; padding:4px 25px;}
.hm-title .hd ul li.on a{ color:#b50003;}
.hm-title .hd .more{ display:inline-block; width:160px; height:50px; line-height:50px; margin-left:25px; text-align:center; background:#b50003; font-size:18px; color:#fff;}
.hm-title .hd .more:hover{ background:#9e0003}
.hm-title .note{ font-size:18px; color:#999; margin-top:15px;}
.mgbt{ margin-bottom:30px;}
.mgtop{ margin-top:30px;}
.w100{ width:100%;}

.news-paly{ width:37%; float:left;}
.swiper-news .swiper-slide a{ display:block; position:relative;}
.swiper-news .swiper-slide a .txt{ position:absolute; width:100%; left:0; bottom:0; background:rgba(0,0,0,.5); padding:30px 20px; color:#fff;}
.swiper-news .swiper-slide a .txt .tit{ font-size:18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.swiper-news .swiper-slide a .txt .date{}

.swiper-news-pa{ text-align:right; padding-right:20px;}
.swiper-news-pa .swiper-pagination-bullet{ width:20px; height:3px; background:#fff; opacity:.5; border-radius:3px;transition: all .3s linear; }
.swiper-news-pa .swiper-pagination-bullet-active{ width:30px; background:#b50003; opacity: 1;}

.hm-news-r{ width:60%; float:right;}
.hm-news-r ul{ margin:0 -10px;}
.hm-news-r ul li{ width:50%; float:left; padding:10px;}
.hm-news-r ul li:first-child,.hm-news-r ul li:nth-child(2){ padding-top:0;}
.hm-news-r ul li:nth-child(5),.hm-news-r ul li:nth-child(6){ padding-bottom:0;}
.hm-news-r ul li a{ display:block; background:#f8f8f8; padding:18px;}
.hm-news-r ul li a:hover{ background:#b50003;}
.hm-news-r ul li a .tit{ font-size:18px; color:#474747; margin-bottom:13px; height:56px; overflow:hidden;}
.hm-news-r ul li a .date{ font-size:16px; color:#a40e16;}
.hm-news-r ul li a:hover .tit{color: #fff;}
.hm-news-r ul li a:hover .date{color: rgba(255,255,255,.6);}

.hm-about{ background:url(../images/about_bg.jpg) center no-repeat; background-size:cover; padding:56px; padding-bottom:80px;}
.hm-about .hm-about-box{ max-width:770px;}
.hm-about .hm-about-box .txt{ width:95%; font-size:18px; color:#8f856c;text-align: justify; line-height:2;}

.umore a{ display:inline-block; width:46px; height:12px; position:relative; overflow:hidden;}
.umore a:hover{ margin-left:15px;}
.umore a:before{ content:""; display:block; width:100%; height:3px; background:#b50003; position:absolute; bottom:0; left:0;}
.umore a:after{ content:""; display:block; width:3px; height:14px;background:#b50003; position:absolute; right:3px; bottom:0;transform:rotate(-30deg);-ms-transform:rotate(-30deg); -moz-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-o-transform:rotate(-30deg);}

.hm-about .hm-about-box .umore{ margin:60px 0;}
.hm-about .hm-about-box .data ul{ display:flex;justify-content: space-between;}
.hm-about .hm-about-box .data ul li{ display:inline-block; text-align:center; position: relative;top:0;transition: all .3s linear;}
.hm-about .hm-about-box .data ul li:hover{top: -10px;}
.hm-about .hm-about-box .data ul li .num{ text-align:center; font-size:42px; font-weight:bold;}
.hm-about .hm-about-box .data ul li .tit{ font-size:14px; color:#8f856c;}

video{ max-width:100%;object-fit:fill;}
.hm-video .hm-title .tit{ float:none;}
.hm-video-box video{ width:100%;}

.hm-meili-list{ position:relative;}
.hm-meili-list .img{ width:50%; float:left; overflow:hidden;}
.hm-meili-list .img img{transition: all .3s linear; }
.hm-meili-list .img:hover img{transform: scale(1.06);}
.hm-meili-list .txt{ width:50%; height:100%; padding:0 60px; position:absolute; right:0; top:0;}
.hm-meili-list .txt .tit{ font-size:28px; font-weight:600; color:#b50003; position:relative;}
.hm-meili-list .txt .tit:after{ content:""; display:block; width:60px; height:4px; background:#b50003; border-radius:4px; margin-top:15px;}
.hm-meili-list .txt .note{ margin:30px 0 60px 0; font-size:18px; color:#999; line-height:2;}
.hm-meili-list .txt .umore a:before,.hm-meili-list .txt .umore a:after{ background:#bfbfbf}

.hm-pro-list ul{ margin:0 -15px;}
.hm-pro-list ul li{ padding:0 15px;}
.hm-pro-list ul li a{ display:block; position:relative; overflow:hidden;box-shadow: 0 5px 20px rgb(0 0 0 / 50%);}
.hm-pro-list ul li a .txt{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:22; background:rgba(255,255,255,.8); padding:8%; color:#333;transition: all .3s linear; opacity:0;}
.hm-pro-list ul li a .txt .tit{ font-size:24px; font-weight:bold;}
.hm-pro-list ul li a .txt .note{ font-size:18px;}
.hm-pro-list ul li a:hover .txt{ opacity:1;}
.hm-pro-list ul li a:hover .txt .tit{-webkit-animation: margin .5s ease 1 forwards;}
.hm-pro-list ul li a:hover .txt .note{-webkit-animation: margin .6s ease 1 forwards;}
.hm-pro-list ul li a img{transition: all .3s linear;}
.hm-pro-list ul li a:hover img{transform: scale(1.06);}

@-webkit-keyframes margin{from{ margin-top:15px;}
to{margin-top:0;}
}
@-moz-keyframes margin{from{ margin-top:15px;}
to{margin-top:0;}
}
@-o-keyframes margin{from{ margin-top:15px;}
to{margin-top:0;}
}
@keyframes margin{from{ margin-top:15px;}
to{margin-top:0;}
}

footer{ background:#f4f4f4; padding-top:50px;}
footer .foot-t{ border-bottom:1px solid #e7e7e7; padding-bottom:30px;}
footer .foot-t .foot-logo{ float:left;}
footer .foot-t .foot-tlink{ float:right;}
footer .foot-t .foot-tlink a{ display:inline-block; width:90px; height:30px; line-height:30px; background:#b50003; color:#fff; text-align:center; margin-left:15px; }
footer .foot-main{ margin-top:30px;}
footer .foot-main .foot-nav{ width:50%; float:left;}
footer .foot-main .foot-nav ul li{ width:20%; float:left;}
footer .foot-tit{ font-size:18px; font-weight:bold; color:#333; margin-bottom:10px;}
footer .foot-tit a{color:#333;}
footer .foot-main .foot-nav ul li p{ line-height:2;}
footer .foot-main .foot-nav ul li p a{ color:#999;}
footer .foot-main .foot-nav ul li p a:hover{ color:#333;}
footer .foot-main .foot-contact{ width:45%; float:right;}
footer .foot-main .foot-contact .foot-ewm{ width:40%; float:left;}
footer .foot-main .foot-contact .foot-ewm ul li{ width:90px; float:left; margin-right:25px;}
footer .foot-main .foot-contact .foot-ewm ul li span{ display:block; color:#999; font-size:14px; padding-top:5px; text-align:center;}
footer .foot-main .foot-contact .foot-ct-txt{ width:60%; float:left; line-height:2; color:#999}

footer .foot-yqlink{ margin-top:30px; position:relative;color:#999;}
footer .foot-yqlink .tit{font-size:18px; font-weight:bold; color:#333; margin-right:20px;}
footer .foot-yqlink a{ display:inline-block; color:#999;}

footer .foot-copry{ margin-top:30px; background:#e6e6e6; font-size:14px; text-align:center; padding:10px; color:#999;}
footer .foot-copry a{ color:#999;}

.nybanner img{ width:100%;}
.am-path{ padding:15px 0; background:#eee;}
.path{ font-size:14px; position:relative; padding-left:15px;}
.path em{  margin:0 5px; color:#666;}
.path:after{ content:""; display:block; width:6px; height:14px; background:#b50003; position:absolute; left:0; top:50%; margin-top:-7px;}

.nybgr{background: #f9f9f9;}
.ny-bd{ padding:40px 0;}

@font-face {font-family: din;src: url(../fonts/DIN-Condensed-Bold.ttf)}

.ny-about{ position:relative;}
.ny-about:before{ content:""; display:block; width:40%; height:100%;position:absolute; left:0; top:0;}
.ny-about .am-container{ position:relative; z-index:22;}
.ny-about .about-l{ width:30%; float:left;}
.ny-about .about-l .ny-ab-title .t1 {font-size: 40px;text-transform: uppercase;display: block;font-family: 'din';opacity: .5;}
.ny-about .about-l .ny-ab-title .t2{font-size: 28px;display: block;font-weight: bold;margin-bottom: 10px;}
.ny-about .about-l .ny-ab-title .t3{text-transform: uppercase;font-size: 20px;display: block;font-family: 'din';opacity: .5;}

.ny-about .about-l .ab-data{width: 90%;position: relative;border: 1px solid rgba(0, 0, 0, .1);border-bottom: none;align-self: flex-start;margin-top: 30px;}
.ny-about .about-l .ab-data ul {display: flex;justify-content: space-between;flex-wrap: wrap;height: 100%;}
.ny-about .about-l .ab-data ul li {padding: 35px 15px;text-align: center;color: #b50003;width: 50%;border-bottom: 1px solid rgba(0, 0, 0, .1);justify-content: center;}
.ny-about .about-l .ab-data ul li:nth-child(odd) {border-right: 1px solid rgba(0, 0, 0, .1);}
.ny-about .about-l .ab-data ul li .num{width: 100%;font-size: 48px;line-height: 1.2;font-family: din;vertical-align: middle;}
.ny-about .about-l .ab-data ul li .num em{ font-size:18px;}
.ny-about .about-l .ab-data ul li .tit{ font-size:14px;}

.ny-about .about-r{ width:70%; float:left; padding-left:20px;}
.ny-about .about-r .arccontent{ line-height:2; font-size:16px;}
.ny-about .about-r .arccontent p{ margin-bottom:15px;}

.culture{background:url(../images/jc2.jpg) center no-repeat; background-size:cover; }
.culture-box{ padding:50px;}
.culture-box .culture-l{ width:30%; background:url(../images/cbg.jpg) center no-repeat; background-size:cover; padding:10% 0; text-align:center; font-size:28px; font-weight:bold; color:#fff; float:left;}
.culture-box .culture-r{ height:349px; background:rgba(255,255,255,.9); width:65%; float:right; padding:50px;}
.culture-box .culture-r .tit{ font-size:28px; font-weight:bold; margin-bottom:15px;}
.culture-box .culture-r .note{ line-height:2;}


.ny-ml-title{ text-align:center; font-size:28px; font-weight:bold; margin-bottom:20px;}
.ny-ml-list ul{ margin:0 -10px;}
.ny-ml-list ul li{ padding:10px;}
.ny-ml-list ul li a{ display:block; overflow:hidden;}
.ny-ml-list ul li a i{ display:block; overflow:hidden;}
.ny-ml-list ul li a .tit{ text-align:center; padding:15px; background:#f5f5f5;}
.ny-ml-list ul li a img{transition: all .3s linear;}
.ny-ml-list ul li a:hover img{transform: scale(1.06);}



.ue-new-nav{ text-align:center; margin-bottom:30px;}
.ue-new-nav a{ display:inline-block; padding:8px 30px; border-radius:30px; background:#fff; margin:0 15px; border:1px solid #eee;}
.ue-new-nav a.on,.ue-new-nav a:hover{ background:#b50003; color:#fff;}


.ny-pro-list ul{ margin:0 -15px;}
.ny-pro-list ul li{ padding:15px;}
.ny-pro-list ul li a{ display:block; position:relative; overflow:hidden;box-shadow: 0 5px 20px rgb(0 0 0 / 50%);}
.ny-pro-list ul li a .txt{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:22; background:rgba(255,255,255,.8); padding:8%; color:#333;transition: all .3s linear; opacity:0;}
.ny-pro-list ul li a .txt .tit{ font-size:24px; font-weight:bold;}
.ny-pro-list ul li a .txt .note{ font-size:18px;}
.ny-pro-list ul li a:hover .txt{ opacity:1;}
.ny-pro-list ul li a:hover .txt .tit{-webkit-animation: margin .5s ease 1 forwards;}
.ny-pro-list ul li a:hover .txt .note{-webkit-animation: margin .6s ease 1 forwards;}
.ny-pro-list ul li a img{transition: all .3s linear;}
.ny-pro-list ul li a:hover img{transform: scale(1.06);}

.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: #b50003;color: #FFF;}


.lanmu-left{ width:18%; float:left;}
.lanmu-tit{ background:#b50003; color:#fff; padding:15px; color:#fff;border-radius: 5px 5px 0 0;}
.lanmu-tit span{ font-size:24px; font-weight:bold;}
.lanmu-tit em{ font-style:normal; text-transform:uppercase; padding-left:10px;}
.lanmu-nav{ width:100%; box-shadow:0 2px 4px 4px rgba(0,0,0,.02);border-radius: 0 0 5px 5px;overflow: hidden;}
.lanmu-nav ul li{ height:50px; 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:#b50003; 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:#fff7f7;}
.lanmu-nav ul li a i{ display:inline-block; width:20px; margin-right:10px;}
.contact-z1 {height: 140px;background: url("../images/contact-z1.jpg") no-repeat;color: #333;margin-top: 20px; background-size:cover;}
.contact-z1 p {font-size: 20px;line-height: 30px;padding: 37px 0 0 95px; background: url(../images/contact-z1_tel.png) no-repeat 74px 44px;}
.contact-z1 span {display: block;height: 30px;font-weight: bold;font-size: 18px;line-height: 30px; padding-left: 73px;}

.main-r{ width:80%; float:right;}
.pro-xq-head{ background:#fff; padding:30px; height:410px;}
.pro-banner{width:400px;overflow:hidden; float:left; margin-right:20px;}
.large_box{margin-bottom:10px;width:400px;height:280px;overflow:hidden;border: 1px solid #eee;}
.large_box img{display:block;}
.small_box{width:400px;overflow:hidden;position: relative;/* height: 60px; */padding-left: 30px;}
.small_list{position:relative;float:left;width:340px;overflow:hidden;}
.small_list ul{overflow:hidden;}
.small_list ul li{position:relative;float:left;margin-right:10px;width:77px; border:1px solid #eee; cursor:pointer;}
.small_list ul li img{display:block;}
.small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:110px;background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.small_list ul li.on{display:block; border:1px solid #b50003;}
.btn{display:block;left: 0;width:20px;height:100%;background-color:#777;background-repeat:no-repeat;background-position:center center;position: absolute;cursor:pointer;}
.btn:hover{background-color:#e7000e;}
.left_btn{float:left;margin-right:10px;left: 0;background-image:url(../images/left_btn.png);}
.right_btn{float:right;right: 0;left: auto;background-image:url(../images/right_btn.png);}

.pro-indof{ background:#fff; padding:30px; font-size:14px; line-height:2;}

.pro-xq-htxt{ position:relative; height:100%; width:56%; float:right;}
.pro-xq-htxt h1{ font-size:20px;}
.pro-xq-htxt .info{ font-size:14px; color:#b50003; border-bottom:1px solid #eee; padding:15px 0; margin-bottom:20px;}

.pro-xq-htxt .note{ font-size:14px; color:#666; line-height:2;white-space: pre-wrap;}
.kflink{ position:absolute; left:0; bottom:30px;}
.kflink a{ display:inline-block; border:1px solid #b50003; padding:6px 20px; background:#b50003; color:#fff; font-size:14px; margin-right:15px;}
.kflink a:hover{ background:#b50003; color:#fff;}

.sxpian{ background:#fff; margin-top:20px; padding:10px 40px; font-size:14px; line-height:2.4;}
.sxpian a{ display:inline-block; margin-left:15px;}

.toy-tit{ padding:15px 0; font-size:20px; position:relative; padding-left:15px;}
.toy-tit:before{ content:""; display:block; width:6px; height:14px; background:#b50003; position:absolute; left:0; top:50%; margin-top:-7px;}


.ue-news-list ul li:after,.ue-news-list ul li:before{ content:""; display:table; clear:both;}
.ue-news-list ul li{ border-bottom:1px solid #eee; padding:30px;transition: All 0.3s ease-in-out; position:relative; top:0; background:#fff; margin-bottom:15px;}
.ue-news-list ul li .thumb{ width:18%; float:left; margin-right:20px; max-height:140px; overflow:hidden; }
.ue-news-list ul li .thumb img{ max-width:100%;transition: .6s .05s;}
.ue-news-list ul li:hover .thumb img{transform: scale(1.1);}
.ue-news-list ul li .txt h2{ font-size:20px;  margin-bottom:10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ue-news-list ul li .txt .sub{ color:#999; margin-bottom:10px; font-size:12px;}
.ue-news-list ul li .txt .sub span{ display:inline-block; margin-right:20px;}
.ue-news-list ul li .txt .sub span i{ margin-right:4px;}
.ue-news-list ul li .txt p{ color:#999; margin:0; font-size:1.4rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}


.article-wrap{padding:40px; background:#fff;color:#666;min-height:500px;}

.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;}
.article-wrap .article-header .sub span i{ margin-right:4px;}

.article-body{font-family:'Microsoft Yahei',verdana;font-size: 16px;/* background: #ffffff; */letter-spacing: 0.08rem;line-height: 36px;min-height:400px; margin-bottom:25px;}
.article-body img{ max-width:100%;}
.article-footer{ font-size:1.4rem; font-weight:lighter; color:#999;}

.job-box-list{ background:#fff;border-radius: 5px;overflow: hidden;}
.job-box-list.am-accordion-basic .am-accordion-title{ height:70px; line-height:70px; padding:0 40px;}
.job-box-list.am-accordion-basic .am-accordion-title .tit{ float:left; font-size:20px; color:#333;}

.job-box-list.am-accordion-basic .am-accordion-title:before{ display:none;}
.job-box-list.am-accordion-basic .am-accordion-title span{ float:right;font-size:20px; color:#333;}
.job-box-list.am-accordion-basic .am-accordion-title span i{width:18px;height:18px;text-align:center;line-height:11px;background: #b50003;display:inline-block;border-radius:50%;position:relative;top:0px;margin-left:5px;}
.job-box-list.am-accordion-basic .am-accordion-title span i:before{ content:"+"; color:#fff; font-size:14px;}
.job-box-list .am-accordion-item{ border-bottom:1px solid #eee;}

.job-box-list.am-accordion-basic .am-active .am-accordion-title{background: #b50003;}
.job-box-list.am-accordion-basic .am-active .am-accordion-title .tit{ color:#fff;}
.job-box-list.am-accordion-basic .am-active .am-accordion-title span{ color:#fff;}
.job-box-list.am-accordion-basic .am-active .am-accordion-title span i{ background:#fff; line-height:14px;}
.job-box-list.am-accordion-basic .am-active .am-accordion-title  span i:before{content:"-";color: #b50003;font-size:20px;}

.job-box-list .am-accordion-content{ padding:45px;}
.job-head{ border-bottom:1px solid #eee; margin-bottom:30px; padding-bottom:30px;}
.job-head ul li{ font-size:18px; color:#888; width:40%; float:left; position:relative; padding-left:4.5em; padding-right:10%; margin-bottom:5px;}

.job-head ul li:nth-child(3),.job-head ul li:nth-child(6){ width:20%; padding-right:0;}
.job-head ul li span{ display:inline-block; position:absolute; left:0; top:0;color:#333;}

.job-body{ font-size:16px; color:#666; line-height:1.8;}

.nycontact-tit{ position:relative; text-align:center; border-bottom:1px solid #eee; margin-bottom:40px; padding-bottom:30px;}
.nycontact-tit .entit{display: block;position: absolute;z-index: 9;color: #ebebeb;font-size: 36px;text-transform: uppercase;width: 100%;top: 0;left: 0;}
.nycontact-tit .tit{font-size: 42px;color: #000;display: block;position: relative;z-index: 999;width: 100%;top: 8px;left: 0; font-weight:lighter;}
.nycontact-tit .note{margin-top: 10px;}

.ny-contact-list ul{margin: 0 -20px;}
.ny-contact-list ul li{padding: 5px 20px;}
.ny-contact-list ul li .item{background: url(../images/yin.png) left top no-repeat #fff;border-radius: 10px; padding: 30px; text-align: center; line-height: 2; color: #444; box-shadow: 0 2px 20px 2px rgba(0,0,0,.05);}
.ny-contact-list ul li .item .tit{font-size: 20px; font-weight: bold;}

.map{margin-top: 40px;}
#allmap {width: 100%;height: 400px;}
#allmap img{ max-width: inherit;}

.hm-video .wraper {display: flex;justify-content: space-between;flex-wrap: wrap;}
.hm-video .wraper .wraper-item{width: 22%}
.hm-video .wraper .wraper-item p{margin-top: 20px;text-align: center}
.hm-video-box{position: relative; cursor: pointer;overflow: hidden;background-color: #000;}
.hm-video-box img{transition: .6s .05s; width: 100%;}
.hm-video-box:hover>img{transform: scale(1.1); opacity: .8;}
.hm-video-box em{width: 62px; height: 62px;display: block; position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);}
.video_show{width:100%;height:100%;position:fixed;top:0;display:none;left:0;z-index:999;background:rgba(0,0,0,.8)}
.videos_wrap{max-width:1200px;position:absolute;box-sizing:border-box;padding:20px;width:60%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);background:#fff}
.videos_wrap video{width:100%;object-fit:fill}
.videos_wrap button {position: absolute;right: 0;top: -70px;background: #fff;border-radius: 50%;width: 50px;height: 50px;outline: none;}

.swiper-video-banner .swiper-slide a span{display: block;text-align: center;margin-top: 20px;font-size:18px;}

.swiper-video-banner .swiper-button-prev ,.swiper-video-banner .swiper-button-next {
    right: 30px;
    opacity: .8;
}

.swiper-video-banner .swiper-button-next, .swiper-video-banner .swiper-button-prev {
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-top: -50px;
    background-size: 15px 25px;
}

@media screen and (max-width: 1440px){
.am-container{max-width: 1236px;}
.pro-xq-htxt{width:50%;}
footer .foot-main .foot-contact .foot-ewm ul li{margin-right: 15px;}
}

@media screen and (max-width: 1217px){
  header .nav .ulnav>li:nth-last-child(2){
     display:none;
  }
}


@media screen and (max-width: 1083px){
  header .nav .ulnav>li:nth-last-child(3){
     display:none;
  }
}


@media screen and (max-width: 1024px){
html{ background:#f5f5f5;}
body{ max-width:768px; margin:0 auto;box-shadow: 0px 1px 3px #c8c8c8; background:#fff; zoom:1!important;}
header{ position:relative;}
header .mf-fabtn{ display:none;}
header .top-tel{display: none;}
header .nav{ position:fixed; width:100%; left:-100%; top:0; height:100%;  z-index:1233;transition: all .3s linear;}
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;}
.hide-m{display: none;}

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 .ulnav{width: 65%;position: relative;background: #fff;height: 100%;z-index: 1601;pointer-events: auto;overflow-y: auto;margin: 0; display:block;}
header .nav .ulnav>li{ width:100%;border-bottom: 1px solid #eee; display:block; float:none; height:auto; line-height:56px; padding:0;}
header .nav .ulnav>li>a{ color:#333; display:block; line-height:56px; font-size: 14px;}
header .nav .ulnav>li.on>a{ border:none;}
header .nav .ulnav>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 .nav .ulnav>li>a:before{display: none;}
header .nav .ulnav>li:last-child{margin-left: 0}
header .nav .ulnav>li.on:last-child>a{color:#b50003}
header .nav .ulnav>li:last-child>a{background-color: #ffffff;width: 100%;height: auto;top: 0;;transform: none;color: #333;left: 0;position:static;}
header .nav .ulnav>li:last-child>a>span{position: static;top: 0;left: 0}
header .nav .ulnav>li:last-child>a>img{display: none}
header .nav .ulnav>li:not(:last-child)>a:before{height: 0!important;}

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;}
header .navbar:before{ content:""; display:block; width:100%; height:1px; background:#3f3f6a; margin-top:25px;}
header .navbar:after{ content:""; display:block; width:100%; height:1px; background:#3f3f6a; margin-top:15px;}
header .logo{ height:64px; line-height:64px;}
header .logo img{ height:40px;}

.swiper-banner .swiper-button-next, .swiper-banner .swiper-button-prev{ width:30px; height:30px; margin-top:-15px; background-size:10px 15px;}

.wrap-search{ display:none;}
.am-pd{ padding:20px 0;}
.am-pb{ padding-bottom:20px;}
.hm-title .tit{ font-size:20px; float:none; text-align:center;}
.hm-title .hd{ float:none; width:100%; text-align:center;}
.hm-title .hd ul li a{ font-size:14px; padding:0 10px;}
.hm-title .hd .more{ display:none;}
.hm-title .note{ font-size:14px;}
.news-paly{ width:100%; float:none;}
.swiper-news .swiper-slide a .txt{ padding:15px;}
.swiper-news .swiper-slide a .txt .tit{ font-size:14px;}
.swiper-news .swiper-slide a .txt .date{ font-size:12px;}
.mgbt{ margin-bottom:15px;}
.hm-news-r{ width:100%; float:none; margin-top:15px;}
.hm-news-r ul{ margin:0;}
.hm-news-r ul li{ width:100%; float:none; padding:5px 0 !important;}
.hm-news-r ul li a{ padding:10px;}
.hm-news-r ul li a .tit{ font-size:14px; height:auto; margin-bottom:5px;}
.hm-news-r ul li a .date{ font-size:12px;}
.hm-about{ padding:15px;}
.hm-about .hm-about-box .txt{ width:100%; font-size:14px;}
.hm-video .wraper .wraper-item{width: 48%;padding-bottom: 20px;}
.swiper-video-banner .swiper-button-next, .swiper-video-banner .swiper-button-prev{width:30px;height:30px;background-size: 10px 15px;margin-top:-35px;}
.swiper-video-banner .swiper-slide a span{font-size:14px;}
.hm-about .hm-about-box .umore{ margin:15px 0;}
.umore a{ width:38px; height:10px;}
.umore a:before{ height:2px;}
.umore a:after{ width:2px;}
.hm-about .hm-about-box .data ul li .num{ font-size:20px;}
.hm-about .hm-about-box .data ul li .tit{ font-size:12px;}
.hm-meili-list .img{ width:100%; float:none;}
.hm-meili-list .txt{ width:100%; position:relative; padding:15px; background:#f5f5f5;}
.hm-meili-list .txt .tit{ font-size:18px;}
.hm-meili-list .txt .tit:after{ width:30px; height:2px; margin-top:7px;}
.hm-meili-list .txt .note{ font-size:14px; margin:10px 0;}
.hm-pro-list ul{ margin:0;}
.hm-pro-list ul li{ padding:5px 0;}
.hm-video .wraper .wraper-item p{font-size:14px;}
footer{ padding-top:20px;}
footer .foot-t{ padding-bottom:15px;}
footer .foot-t .foot-logo{ width:100%; float:none; text-align:center;}
footer .foot-t .foot-tlink{ width:100%; text-align:center; margin-top:8px;}
footer .foot-t .foot-tlink a{ margin:0 10px; font-size:12px;}
footer .foot-main{ margin-top:15px;}
footer .foot-main .foot-nav{ display:none;}
footer .foot-main .foot-contact{ width:100%; float:none;}
footer .foot-main .foot-contact .foot-ewm{ width:30%;}
footer .foot-main .foot-contact .foot-ct-txt{ width:70%;}
footer .foot-main .foot-contact .foot-ewm ul li span{ font-size:12px; padding-top:2px;}
footer .foot-yqlink{ font-size:14px; margin-top:10px;}
footer .foot-copry{ font-size:12px;}

.ue-new-nav{ margin-bottom:15px;}
.ue-new-nav a{ font-size:12px; margin:0 2px; padding:6px 18px;}
.ny-pro-list ul{ margin:0 -5px;}
.ny-pro-list ul li{ padding:5px;}
.page a{ font-size:12px;}


.pro-xq-head{ padding:15px; height:auto;}
.pro-banner{ width:100%; float:none;}
.large_box,.small_box{ width:100%;}
.pro-xq-htxt{ width:100%; float:none; margin-top:15px;}
.pro-xq-htxt .info{ margin-bottom:10px; padding:10px 0 0 0;}
.kflink{ display:none;}
.pro-indof{ padding:15px;    overflow-x: auto;}

.lanmu-left{ width:100%; float:none; margin-bottom:10px;}
.contact-z1{ display:none;}
.main-r{ width:100%; float:none;}
.lanmu-tit { padding:10px 15px; position:relative;}
.lanmu-tit:before{content: "\f0d7"; position:absolute; right:15px; top:50%; margin-top:-14px;}
.lanmu-tit span{ font-size:18px;}
.lanmu-tit em{ font-size:12px;}
.lanmu-nav ul li{ height:40px; line-height:40px; font-size:12px;}
.lanmu-nav{ display:none;}
.lanmu-nav.on{ display:block;}
.arccontent img{ height:auto !important;}
.ny-bd{ padding:20px 0;}
.ny-about .about-l{ width:100%; float:none;}
.ny-about .about-r{ width:100%; float:none; padding-left:0; margin-top:15px;}
.ny-about .about-l .ny-ab-title .t1{ font-size:22px;}
.ny-about .about-l .ny-ab-title .t2{ font-size:20px; margin-bottom:0;}
.ny-about .about-l .ny-ab-title .t3{ font-size:16px;}
.ny-about .about-l .ab-data{ width:100%; margin-top:15px;}
.ny-about .about-l .ab-data ul li{ padding:15px;}
.ny-about .about-l .ab-data ul li .num{ font-size:24px;}
.ny-about .about-l .ab-data ul li .tit{ font-size:14px;}
.ny-about .about-r .arccontent{ font-size:14px;}
.culture-box{ padding:0;}
.culture-box .culture-l{ width:100%; float:none; font-size:20px;}
.culture-box .culture-r{ width:100%; float:none; height:auto; padding:20px;}
.culture-box .culture-r .tit{ font-size:20px; margin-bottom:10px;}
.culture-box .culture-r .note{ font-size:14px;}
.ny-ml-title{ font-size:20px; margin-bottom:10px;}


.ue-news-list{ margin-top:5px;}
.ue-news-list ul li{ padding:15px;}
.ue-news-list ul li .txt h2{ font-size:14px;}
.ue-news-list ul li .thumb{ display:none;}
.ue-news-list ul li .txt p{ font-size:12px;}


.article-wrap{padding: 15px;margin: -1rem;}
.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;}

.job-box-list.am-accordion-basic .am-accordion-title{ padding:0 15px; height:45px; line-height:45px;}
.job-box-list.am-accordion-basic .am-accordion-title .tit{ font-size:14px;}
.job-box-list.am-accordion-basic .am-accordion-title span{ font-size:14px;}
.job-box-list.am-accordion-basic .am-accordion-title span i{ width:14px; height:14px; line-height:14px;}
.job-box-list.am-accordion-basic .am-active .am-accordion-title span i{ line-height:9px;}
.job-box-list .am-accordion-content{ padding:15px;}
.job-head ul li{ width:100% !important; font-size:12px; float:none;}
.job-head{ padding-bottom:15px; margin-bottom:15px;}
.job-body{ font-size:12px;}
.job-body p{ font-size:12px !important;}

.nycontact-tit .tit{font-size: 22px;}
.nycontact-tit .entit{font-size: 18px;}
.nycontact-tit .note{font-size: 14px;}
.nycontact-tit{margin-bottom: 15px; padding-bottom: 15px;}
.ny-contact-list ul li .item{font-size: 14px;}
.ny-contact-list ul li .item .tit{font-size: 18px;}
.map{margin-top: 20px;}
#allmap{height: 240px;}

.videos_wrap{width:94%}


}