/* Write your styles */
ul,li,dl,dt,dd,h1,h2,h3,em,p{ font-style:normal; list-style:none; margin:0; padding:0;}
a{text-decoration: none;transition: all .1s linear; color:#444;}
a:hover{color:#cf3832;}
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 .top .logo{ float:left; line-height:140px;}
.header .top .top-r .top-tel{ float:left; background:url(../image/tel.png) 0 center no-repeat; padding-left:50px; margin-right:50px; margin-top:30px;}
.header .top .top-r .top-tel span{ display:block; color:#999;}
.header .top .top-r .top-tel p{ display:block; font-size:26px; font-weight:bold; color:#cf3832; line-height:1.3;}
.header .top .top-r .top-ewm{ float:right; width:104px; position:relative; padding-right:22px; margin-top:30px;}
.header .top .top-r .top-ewm span{ width:18px; position:absolute; right:0; top:3px; font-size:14px; color:#999; line-height:1.1;}
.header .top .top-r .top-ewm img{ border:1px solid #cf3832;}
.header .nav{ height:60px; line-height:60px; background:#cf3832;}
.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:#fff; position:relative;}

.header .nav .ulnav>li:hover>a{ color:#fff;}
.header .nav .ulnav>li.on>a{ color:#fff;}
.header .nav .ulnav>li.on>a:before,.header .nav .ulnav>li:hover>a:before{ content:""; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; bottom:0; border-radius:2px;}

.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: 68px;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:58px;}
.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;}


.banner .am-slider-a1{ box-shadow:none;}
.banner .am-slider .am-slides>li{ background-position:center; background-repeat:no-repeat; background-size:cover; height:100%;}
.banner .am-slider .am-slides>li a{ display:block; width:100%; height:100%;}
.banner .am-slider-a1 .am-control-nav{ bottom:15px;}
.banner .am-slider-a1 .am-control-nav li a{ width:12px; height:12px;background-color:#fff; box-shadow:none;}
.banner .am-slider-a1 .am-control-nav li a.am-active{ background-color:#cf3832;}

.am-pd{ padding:60px 0;}
.am-pb{ padding-bottom:60px;}
.bgr{ background:#fafafa;}

.sbox{ padding:25px 0;}
.sbox .hotkeyword{ color:#666; float:left; padding-top:11px; }
.sbox .hotkeyword a{ display:inline-block;color:#666; margin:0 10px;}
.sbox .hotkeyword a:hover{color:#cf3832;}
.sbox .searbox{ float:right;width:500px;}
.sbox .searbox .box{ position:relative;}
.sbox .searbox .box .serinput{ width:100%; padding:11px 15px; background:#fff; border:1px solid #cf3832; outline:none;}
.sbox .searbox .box .am-btn{ background:#cf3832; height:100%; width:94px; color:#fff; outline:none; border:none; position:absolute; right:0; top:0;}

.proicon ul{ margin:0 -13px;}
.proicon ul li{ padding:13px;}
.proicon ul li a{ display:block; background:#fff; padding:20px 0 20px 20px; box-shadow:0 2px 15px 2px rgba(0,0,0,.05)}
.proicon ul li a img{width:90px;}
.proicon ul li a span{ font-size:18px; font-weight:bold;transition: all .3s linear; margin-left:10px;}
.proicon ul li a:hover span{ margin-left:20px;}


.proclass{ margin-top:40px;}
.proclass-l{ width:304px; height:480px; float:left; background:#cf3832; color:#fff;}
.proclass-l .title{ text-align:center; border-bottom:1px solid rgba(255,255,255,.2); padding-top:20px; padding-bottom:20px;}
.proclass-l .title .tit{ font-size:34px; font-weight:bold;}
.proclass-l .sublit{ padding:30px 30px 30px 0;}
.proclass-l .sublit ul li{ height:40px; line-height:40px; padding-left:30px; margin-bottom:10px; position:relative;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.proclass-l .sublit ul li:before{ content:""; display:block; width:0; height:100%; background:#fff;transition: all .3s linear; position:absolute; left:0; top:0;}
.proclass-l .sublit ul li:hover:before{ width:100%;}
.proclass-l .sublit ul li a{ display:block; position:relative; color:#fff; padding-left:10px; z-index:2;}
.proclass-l .sublit ul li a:before{ content:""; display:block; width:2px; height:2px; border-radius:50%; background:#fff; position:absolute; left:0; top:50%; margin-top:-1px;}
.proclass-l .sublit ul li:hover a{ color:#cf3832;}
.proclass-l .sublit ul li:hover a:before{ background:#cf3832;}

.proclass-r{ width:74%; float:right; position:relative;}
.proclass-r .imgbox{ position:relative;}
.proclass-r .imgbox .img{ background:#fff; text-align:center; height:480px; line-height:480px; overflow:hidden; width:80%; border:1px solid #eee;}
.proclass-r .imgbox .img img{transition: all .3s linear;}
.proclass-r .imgbox .img:hover img{transform: scale(1.05);}
.proclass-r .imgbox .txt{ width:540px; padding:35px; background:rgba(207,56,50,.9); position:absolute; color:#fff; top:50%; right:0;transform: translate3d(0px,-50%,0);}
.proclass-r .imgbox .txt .tit{ font-size:24px; font-weight:bold;}
.proclass-r .imgbox .txt .note{ padding-right:20px; margin:20px 0; line-height:1.6;}
.proclass-r .imgbox .txt .more a{ display:inline-block; background:#fff;border:1px solid #fff; padding:6px 30px; font-size:18px; font-weight:600; color:#cf3832;}
.proclass-r .imgbox .txt .more a:hover{ background:#cf3832; color:#fff; border:1px solid rgba(255,255,255,.51);}



.prolist{ margin-top:30px;}
.prolist ul{ margin:0 -15px;}
.prolist ul li{ padding:5px 15px; text-align:center;}
.prolist ul li a{ display:block;border:1px solid transparent}
.prolist ul li a i{ display:block; overflow:hidden; border:1px solid #eee;}
.prolist ul li a i img{transition: all .3s linear;}
.prolist ul li a:hover i img{transform: scale(1.05);}
.prolist ul li a .tit{ padding:10px;}
.prolist ul li a:hover{ border:1px solid #cf3832}
.prolist ul li a:hover i{ border-color:#cf3832;transition: all .1s linear;}
.prolist ul li a:hover .tit{ background:#cf3832; color:#fff;}

.promore{ text-align:center; margin-top:40px;}
.promore a{ display:inline-block; padding:15px 20px; width:240px; margin:0 15px; background:#fff; border:1px solid #cf3832; font-size:18px; font-weight:bold; color:#cf3832;}
.promore a:nth-child(1):hover{ background:#cf3832; color:#fff;}

.promore a:nth-child(2){ background:#cf3832; color:#fff;}

.promore a:nth-child(2):hover{background:#fff; color:#cf3832;}

.am-title{ text-align:center;}
.am-title .tit{ font-size:36px; color:#cf3832; font-weight:bold;}
.am-title .tit span{ display:block;}
.am-title .tit:after{ content:""; display:block; width:100px; height:2px; background:#cf3832; margin:5px auto 10px auto;}
.am-title .note{ color:#666;}

.sultion .bd{ margin-top:40px;}
.sultion .bd ul{background:#fafafa;display: flex;flex-wrap: wrap;align-items: center;}
.sultion .bd ul .img{ width:50%; float:left;}
.sultion .bd ul .img a{ display:block; overflow: hidden;}
.sultion .bd ul .img a img{transition: all .3s linear;}
.sultion .bd ul .img a:hover img{transform: scale(1.05);}
.sultion .bd ul .txt{ width:50%; float:left; padding:15px 50px;}
.sultion .bd ul .txt .tit{ font-size:24px; color:#cf3832; font-weight:bold;}
.sultion .bd ul .txt .tit em{ font-size:60px; line-height:1; color:#999; font-style:normal; font-family: Arial, Helvetica, sans-serif;}
.sultion .bd ul .txt .note{ margin:20px 0; line-height:2; color:#666;}
.sultion .bd ul .txt .more a{ display:inline-block; background:#fff;border:1px solid #cf3832; padding:6px 30px; font-size:18px; font-weight:600; color:#cf3832;}
.sultion .bd ul .txt .more a:hover{ background:#cf3832; color:#fff;}
.sultion .hd{ background:#cf3832;}
.sultion .hd ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.sultion .hd ul li{flex:1;-webkit-box-flex: 1; text-align:center; position:relative; float:left; border-left:1px solid rgba(255,255,255,.1);transition: all .2s linear;font-size: 14px;}
.sultion .hd ul li.on{ background:#952723;}
.sultion .hd ul li:first-child{ border:none;}
.sultion .hd ul li a{ color:#fff; display:block; padding:25px 0; cursor:pointer;}

.about{ position:relative;}
.about .am-container{ position: relative; z-index:2;}
.about:before{ content:""; display:block; width:100%; height:85%; background:url(../image/bg1.jpg) center no-repeat; background-size:cover; position:absolute; left:0; top:0;}
.about .about-txt{ background:#fff; box-shadow:0 2px 20px 2px rgba(0,0,0,.1); padding:100px 10%; margin-top:40px;}
.about .about-txt .note{ font-size:18px; line-height:2; color:#666;}
.about .ablink{ text-align:center; margin-top:100px;}
.about .ablink a{display:inline-block; padding:15px 20px; width:240px; margin:0 15px; background:#fff; border:1px solid #cf3832; font-size:18px; font-weight:bold; color:#cf3832;}
.about .ablink a:hover{ background:#cf3832; color:#fff;}

.youshi-list{ margin-top:30px;}
.youshi-list ul li{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between; padding:20px 0;}
.youshi-list ul li .img{ width:47%; float:right; order:1;border-radius:0 30px 0 30px; overflow:hidden;}
.youshi-list ul li .img img{transition: all .3s linear;}
.youshi-list ul li .img:hover img{transform: scale(1.05);}
.youshi-list ul li .txt{ width:47%; float:left; order:0; padding-right:50px;}
.youshi-list ul li .txt span{ display:inline-block; background:#cf3832; color:#fff; padding:4px 20px; font-size:22px;}
.youshi-list ul li .txt .tit{ font-size:26px; font-weight:bold; margin:15px 0;}
.youshi-list ul li .txt .note{ color:#999;}
.youshi-list ul li:nth-child(2n) .img{ float:left; order:0;}

.youshi-list ul li:nth-child(2n) .txt{ float:right; order:1;  }

.swiper-re{ margin-top:40px;}
.swiper-re .swiper-slide{ width:29%;}
.swiper-re .swiper-slide a{ display:block; background:#f5f5f5; overflow:hidden;}
.swiper-re .swiper-slide a i{ display:block; overflow:hidden; background:#000;}
.swiper-re .swiper-slide a img{transition: all .3s linear; width:100%;}
.swiper-re .swiper-slide a:hover img{transform: scale(1.1);}
.swiper-re .swiper-slide a .txt{ padding:15px 15%; position:absolute; z-index:22; left:0; top:0; background:rgba(207,56,50,.8); width:100%; height:100%; opacity:0;transition: all .3s linear; }
.swiper-re .swiper-slide a .txt .tit{ font-size:24px; color:#fff; text-align:center; margin-bottom:15px;}
.swiper-re .swiper-slide a .txt .note{ font-size:14px; color:#666; padding-top:5px; margin-top:10px; color:#fff;}
.swiper-re .swiper-slide a .txt .line{ height:2px; width:80px; background:#fff; margin:0 auto;}
.swiper-re .swiper-slide a .masktit{ position:absolute; width:100%; left:0; bottom:0; background:rgba(0,0,0,.5); color:#fff; padding:15px; text-align:center;transition: all .3s linear;}
.xc-box{ position:relative;}
.swiper-re .swiper-slide a:hover .txt{ opacity:1;}
.swiper-re .swiper-slide a:hover .masktit{ bottom:-100px;}
.xc-box .swiper-button-next,.xc-box .swiper-button-prev{ width:120px; height:50px; background-color:#cf3832;transition: all .3s linear; background-size:auto;}
.xc-box .swiper-button-next{ background-image:url(../image/btn-r.png); background-position:center; background-repeat:no-repeat;right:60px;}
.xc-box .swiper-button-prev{ background-image:url(../image/btn-l.png); background-position:center; background-repeat:no-repeat;left:60px;}
.xc-box .swiper-button-next:hover{ background-position:60px center;}
.xc-box .swiper-button-prev:hover{ background-position:20px center;}

.newstit .tit{ font-size:36px; font-weight:bold; color:#cf3832;}
.newstit .hm-news-nav ul{ display:inline-block;}
.newstit .hm-news-nav ul li{ display:inline-block;}
.newstit .hm-news-nav ul li a{ font-size:18px; margin:0 15px; background:#fff; border:1px solid #cf3832; padding:8px 30px; color:#cf3832;}
.newstit .hm-news-nav ul li a:hover{ background:#cf3832; color:#fff;}
.newstit .hm-news-nav .more{ padding:8px 0 8px 30px; font-size:18px; color:#cf3832;}

.newsbox{ margin-top:40px;}

.newsbox .hm-news-l{ width:45%; float:left;}
.newsbox .hm-news-l .tit{ position:relative; padding-right:108px; margin-top:20px; margin-bottom:15px;}
.newsbox .hm-news-l .tit span{font-size:22px; font-weight:bold; display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newsbox .hm-news-l .tit em{ font-size:14px; font-style:normal; position:absolute; right:0; top:5px; color:#999;}
.newsbox .hm-news-l .note{ color:#999; font-size:14px;}
.newsbox .hm-news-l i{ display:block; overflow: hidden; border:1px solid #eee;}
.newsbox .hm-news-l a i img{transition: all .3s linear; width:100%;}
.newsbox .hm-news-l a:hover i img{transform: scale(1.1);}
.newsbox .hm-news-l .more{ margin-top:20px; color:#cf3832; font-size:18px;}

.newsbox .hm-news-r{ width:50%; float:right;}
.newsbox .hm-news-r ul li a{ display:block; border-bottom:1px solid #dedede; padding:30px 0; position:relative;}
.newsbox .hm-news-r ul li a:before{ content:""; display:block; width:0px; height:1px; background:#cf3832;transition: all .4s linear; position:absolute; left:0; bottom:0; }
.newsbox .hm-news-r ul li a:hover:before{ width:100%;}
.newsbox .hm-news-r ul li:first-child a{ padding-top:0;}
.newsbox .hm-news-r ul li a .tit{ font-size:18px; margin-bottom:5px;}
.newsbox .hm-news-r ul li a .note{ font-size:14px; color:#999;}


.hm-contact .am-container{ max-width: 1036px;}
.hm-contact{ background:url(../image/bg2.jpg) center no-repeat; background-size:cover; padding: 80px 0;}
.hm-contact .am-title .tit{ color:#fff;}
.hm-contact .am-title .tit:after{ background:#fff;}
.hm-contact .am-title .note{ color:rgba(255, 255, 255, 0.6);}


.hm-contact-txt{ color:#fff; text-align:center; font-size:20px; margin:4% 0;}

.hm-contact-x{ max-width:1000px; margin:0 auto;}
.hm-contact-x ul li{ width:50%; padding:0 15px; float:left;}
.hm-contact-x ul li a{ display:block; border:2px solid rgba(255,255,255,.6); text-align:center; padding:25px 0; font-size:24px; color:#fff;}
.hm-contact-x ul li a:hover{ background:#cf3832;}
.hm-contact-x ul li a img{ margin-right:8px;}
.hm-contact-x ul li a i{width: 60px;height: 60px; display: inline-block;transition: all .3s linear;}
.hm-contact-x ul li a:hover i{margin-left: 15px;} 
.hm-contact-x ul li a b{display: inline-block; position: relative; top: -20px;}
.hm-contact-x ul li a i.t{background: url(../image/tel-w.png) center no-repeat; background-size: contain;}
.hm-contact-x ul li a i.e{background: url(../image/mes-w.png) center no-repeat; background-size: contain;}

footer{ background:#181818;}
footer .foot-logo{ padding:30px 0; border-bottom:1px solid #5e6570; margin-bottom:30px;}
footer .foot-logo .img{ float:left;}
footer .foot-logo .txt{ float:left; margin-left:30px; padding-left:30px; position:relative;}
footer .foot-logo .txt:before{ content:""; display:block; width:1px; height:50px; background:#5e6570; position:absolute; left:0; top:12px;}
footer .foot-logo .txt .tit{ font-size:26px; font-weight:bold; color:#fff;}
footer .foot-logo .txt .tit span{ color:#cf3832;}
footer .foot-logo .txt .note{ color:#999;}

footer .foot-tit{ font-size:18px; font-weight:600;  position:relative; color:#fff;margin-bottom:10px;}

footer .footnav{ width:53%; float:left;}
footer .footnav ul li{ width:33.33%; float:left;}
footer .footnav ul li p{ font-size:15px; line-height:2;}
footer .footnav ul li p a{ color:rgba(255,255,255,.5);}
footer .foot-contact{ width:47%; float:left;}
footer .foot-contact .foot-ewm{ width:100px; float:left; margin-right:30px;}
footer .foot-contact .foot-ewm img{width:100%;}
footer .foot-contact .foot-ewm p{ position:relative; overflow:hidden;}
footer .foot-contact .foot-ewm p:after{ content:"";background: url(../image/light01.png); position: absolute;left: 0;top: 0;display: block;width: 100%;height: 40px;content: "";animation: light 5s infinite;}
@keyframes light {
    0% {
        top: 0;
    }

    50% {
        top: 100%;
    }

    100% {
        top: -40px;
    }
}
footer .foot-contact .foot-ewm span{ display:block; text-align:center; color:#a7a7a7; font-size:14px; background: #fff;line-height: 2.4;}
footer .foot-contact .txt{ line-height:2; color:#a7a7a7}
footer .foot-contact .txt .ftel span{font-size: 26px;
    color: #fff;
    font-weight: bold;}
footer .foot-contact .foot-ctm{ padding-top:4px;}
footer .copyr{ color:#fff; padding:20px 0; margin-top:40px; font-size:14px; background:#000; text-align:center;}
footer .copyr a{ color:#fff;}


.nybanner img{ width:100%;}
.ny-warp{ padding-top:24px; padding-bottom:40px;}
.am-path{ padding:15px 0; background:#f6f6f6;}
.path{ font-size:14px; position:relative; padding-left:15px;}
.path em{ font-family:"宋体"; margin:0 5px; color:#666;}
.path:after{ content:""; display:block; width:6px; height:14px; background:#ee2d32; position:absolute; left:0; top:50%; margin-top:-7px;}

.main{ }
.lanmu-left{ width:18%; float:left;}
.lanmu-tit{ background:#cf3832; color:#fff; padding:15px; color:#fff;}
.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);}
.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:#ee2d32; 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;}
.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:#cf3832;}
.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;} 
.main-r{ width:80%; float:right;}
.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: #ee2d32;color: #FFF;}


.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:30%; 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:70%; padding-left:20px; float:left;}
.ny-newscase ul li a .txt .tit{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.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:30px; 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.w10 i{ width:25%;}

.contact-z1 {height: 140px;background: url("../image/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(../image/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;}

.ny-newsarc{ background:#fff; padding:36px 40px;}

.ny-newsarc-head{ text-align:center;}
.ny-newsarc-head h1{ font-size:20px;}
.ny-newsarc-head hr{ margin:10px 0;}
.ny-newsarc-head .info{ font-size:14px; color:#999;}
.ny-newsarc-head .info em{ margin:0 10px;}
.arc-body{ padding-top:20px; font-size:14px;}
.arc-body p{ line-height:2;}

.arc-tag{ margin-top:20px; padding-top:10px; border-top:1px solid #eee; color:#666;}
.arc-tag a{ color:#666; display:inline-block; position:relative; padding:0 10px;}
.arc-tag a:after{ content:""; display:block; width:1px; height:14px; background:#ccc; position:absolute; left:0; top:50%; margin-top:-7px;}
.arc-tag a:first-child:after{ display:none;}
.arc-tag a:hover{ color:#ee2d32;}

.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:#ee2d32; position:absolute; left:0; top:50%; margin-top:-7px;}

.ny-prolist ul{ position:relative; margin:0 -10px;}
.ny-prolist ul li{ width:33.3333%; float:left; padding:0 10px; margin-bottom:20px;}
.ny-prolist.slo4 ul li{ width:25%;}

.ny-prolist ul li a{ position:relative; display:block; width:100%; height:100%; background:#fff; box-shadow:0 2px 4px 4px rgba(0,0,0,.01)}
.ny-prolist ul li a em{ display:block; position:absolute; right:20px; top:0; z-index:22;}
.ny-prolist ul li a i{ display:block;  text-align:center; overflow:hidden;}
.ny-prolist ul li a i img{transition: all .7s;}
.ny-prolist ul li a:hover i img{transform: scale(1.06);}
.ny-prolist ul li a .txt{ padding:15px;}
.ny-prolist ul li a .txt .tit{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ny-prolist ul li a .txt .line{ height:1px; background:#eee; margin:12px 0;}
.ny-prolist ul li a .txt .note{ font-size:14px; color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}


.pro-xq-head{ background:#fff; padding:30px; height:350px;}
.pro-banner{width:400px;overflow:hidden; float:left; margin-right:20px;}
.large_box{margin-bottom:10px;width:400px; height:228px;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 #ee2d32;}
.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(../image/left_btn.png);}
.right_btn{float:right;right: 0;left: auto;background-image:url(../image/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:#ee2d32; 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;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;}
.kflink{ position:absolute; left:0; bottom:30px;}
.kflink a{ display:inline-block; border:1px solid #ee2d32; padding:6px 20px; color:#ee2d32; font-size:14px;}
.kflink a:hover{ background:#ee2d32; color:#fff;}

.contactA{width:100%;float:left;background:#fff;padding-bottom:55px;}
.contactA_T{padding:55px 2.8%;overflow:hidden;border-bottom:1px solid #e2e2e2;height:320px;position:relative;}
.contactA_T_l{left:2.8%;width:314px;position:absolute;top:50px;}
.contactA_T_l>p{font-size:20px;color:#3a3a3a;}
.contactA_T_l>span{display:block;font-size:30px;color:#333333;line-height:32px;margin:20px 0px;}
.contactA_T_l>i{display:block;font-style:normal;color:#333;line-height:32px;letter-spacing:0.05rem; font-size:1.2rem;}
.contactA_T_l>a{display:inline-block;width:180px;line-height:50px;background:#cf3832;color:#fff;text-align:center;font-size:18px;letter-spacing:0.05rem;margin-top:20px;}
.contactA_T_R{position:absolute;width:171px;right:7%;text-align:center;top:62px;}
.contactA_T_R p{font-size:16px;line-height:28px;}

.contactA_T_m{width:562px;margin:0 auto;padding:0px 3%;height:100%;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;}
.contactA_T_m div{width:100%;float:left;}
.contactA_T_m div span{font-size:16px;color:#cf3832;display:block;line-height:34px;}
.contactA_T_m div strong{display:block;font-family:"Arial";font-size:36px;color:#cf3832;line-height:34px;margin:14px 0px 10px 0px;}
.contactA_T_m div p{color:#333;line-height:34px; font-size:12px;}
.contactA_T_m>p{font-size:14px;color:#333;line-height:32px;}

.contactA_B{margin:25px 2.8% 0px 2.8%;height:455px;overflow:hidden;position:relative;z-index:10;}
.con_img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;}
.con_img i{display: block;background: url(/tpl/web/images/map.png) no-repeat;width: 35px;height: 50px;margin: 0 auto 40px;animation: myanimate 0.5s infinite alternate;-webkit-animation: myanimate 0.5s infinite alternate;}
.con_img a{width:150px;padding:12px 0px;background:#e60012;text-align:center;border-radius:6px;color:#fff;display:inline-block;}

.zzliuyan{width:100%;}
.lylist{width:100%}
.lylist button,.lylist input,.lylist textarea{border-radius:5px;border:none;font-size:14px}
.lylist .lytitle{width:99%;height:52px;line-height:52px;padding:0 0 0 30px;background:#f5f5f5}
.lylist .inp_name{width:48%;height:52px;line-height:52px;padding:0 0 0 30px;margin:20px 0 0 0;background:#f5f5f5}
.lylist .inp_sex{width:48%;height:52px;line-height:52px;padding:0 0 0 30px;float:right;margin:20px 8px 0 0;background:#f5f5f5; border:none; font-size:14px;}
.lylist .inp_tel{width:48%;height:52px;line-height:52px;padding:0 0 0 30px;float:left;margin:20px 8px 0 0;background:#f5f5f5}
.lylist .inp_email{width:48%;height:52px;line-height:52px;padding:0 0 0 30px;float:right;margin:20px 8px 0 0;background:#f5f5f5}
.lylist .inp_neirong{width:99%;height:200px;line-height:35px;padding:0 0 0 30px;margin:20px 0 0 0;background:#f5f5f5}
.lylist .vcode{width:200px;height:52px;line-height:52px;padding:0 0 0 30px;margin:20px 0 0 0;background:#f5f5f5}
.lylist .submit{width:99%;text-align:center;background:#cf3832;height:52px;line-height:52px;color:#fff;margin:20px 0 0 0;font-size:16px}
.lylist .submit:hover{cursor:pointer}
.contact_main{padding:40px 30px 30px 30px;border-top:1px #f1f1f1 solid;font-size:16px;line-height:33px;color:#666;min-height:300px}
.contact-tit{position:relative;font-size:24px;color:#333;padding-bottom:20px;margin-bottom:10px; text-align:center;}
.contact-tit:before{content:"";position:absolute;left:50%; margin-left:-15px;bottom:0;width:30px;border-bottom:3px solid #333}



#mymap{ height:480px;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;}

@media screen and (max-width: 1560px){
body{zoom:.8!important;}
}
@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 .top{ height:70px;}
.header .top .logo{ height:70px; line-height:70px; padding-top:0;}
.header .top .logo img{ height:32px;}
.header .top .top-r{ display:none;}
.header .head-m .top-lbtn{ padding-top:24px; margin-right:50px;}
.header .head-m .top-lbtn a{ font-size:12px; margin-left:8px; padding:2px 10px;}
.header .head-m .top-tel{ display:none;}
.menu-bar{ display:block; width:26px; height:18px; right:15px; position: absolute; top:30px; border-bottom:2px solid #333;}
.menu-bar:after{ content:""; display:block; width:100%; height:2px; background:#333; position:absolute; left:0; top:0;}
.menu-bar:before{ content:""; display:block; width:100%; height:2px; background:#333; position:absolute; left:0; top:50%;}
.nav .am-container{ padding:0; position:relative; height:100%;}
.nav .am-close {position: absolute;right: 32%;top: 4px;color: #fff;text-shadow: none;opacity: .5;font-size: 2.6rem;display: block;}
.header .nav{width: 100%;height: 100%;position: fixed;left:-100%;top: 0;z-index: 1601;transition: all .3s linear;pointer-events: none; background:none;}
.header .nav.active{ left:0;}
.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;}
.header .nav .ulnav>li.on>a{ border:none;}
.header .nav .ulnav>li.sh>a{pointer-events: none;}
.nav .ulnav>li .subnav{ position:relative; top:0; height:0;padding:0; background:#f5f5f5;}
.header .nav .ulnav>li:hover .subnav{ top:0; opacity:0;}
.header .nav .ulnav>li .subnav.show{top:0; height:auto;padding: 10px 0; overflow:hidden;opacity: 1;visibility: visible; box-shadow:none; padding:0;}

.header .nav .ulnav>li .subnav:before{border-bottom: 5px solid #f5f5f5;}
.header .nav .ulnav>li .xm{ position:absolute; width:70px; display:block; right:0; top:0; color:rgba(0,0,0,.61)}
.ulnav>li .subnav li{ border-bottom:1px solid #fff;}
.header .nav .am-close {position: absolute;right: 27%;top: 4px;color: #fff;text-shadow: none;opacity: .5;font-size: 2.6rem;display: block;}
.nav-warp{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:1000;background: rgba(0,0,0,.8); display:none;}
.ulnav>li .subnav{ border-top:none;}
.header .nav .ulnav>li.on>a,.header .nav .ulnav>li:hover>a{ color:#333;}
.header .nav .ulnav>li.on>a:before, .header .nav .ulnav>li:hover>a:before{ display:none;}
.sbox{ padding:10px 0; display:none;}
.sbox .searbox{ float:none; width:100%;}
.am-pd{ padding:20px 0;}
.am-pb{ padding-bottom:20px;}
.proicon ul{ margin:0 -5px;}
.proicon ul li{ padding:5px;}
.proicon ul li a{ padding:10px; text-align:center;}
.proicon ul li a img{ width:60px;}
.proicon ul li a span{ display:block; font-size:14px; margin-left:0;white-space: nowrap;}

.proclass{ margin-top:15px;}
.proclass-r .imgbox .img{ width:100%; height:auto; line-height:1;}
.proclass-r .imgbox .txt{ position:relative; width:100%; top:0;transform: translate3d(0px,0,0); padding:10px;}
.proclass-r .imgbox .txt .note{ display:none;}
.proclass-r .imgbox .txt .more{ display:none;}
.proclass-r .imgbox .txt .tit{ text-align:center; font-size:14px;}
.proclass-l{ display:none;}
.proclass-r{ width:100%;}
.prolist ul li{ padding:5px;}
.prolist ul{ margin:0 -5px;}
.prolist{ margin-top:15px;}
.prolist ul li a .tit{ padding:5px; font-size:12px; }
.prolist ul li a i{ border-color:#eee;transition: all .1s linear;}
.prolist ul li a .tit{ background:#eee; color:#333;}
.promore{ margin-top:20px;}
.promore a{ font-size:12px;width:100px; padding:8px 20px;}

.am-title .tit{ font-size:20px;}
.am-title .tit:after{ width:60px; margin-bottom:5px; height:1px;}
.am-title .note{ font-size:12px;}

.sultion .bd ul .txt{ padding:15px; width:100%; float:none;}
.sultion .bd ul .img{ width:100%; float:none;}
.sultion .bd ul .txt .tit em{ font-size:18px;}
.sultion .bd ul .txt .tit{ font-size:16px;}
.sultion .bd ul .txt .note{ font-size:12px; margin:8px 0; height:24px; overflow:hidden;}
.sultion .bd ul .txt .more a{ font-size:12px;}
.sultion .bd{ margin-top:15px;}
.sultion .hd ul{ display:block;}
.sultion .hd ul li{ width:33.333%;border-bottom: 1px solid rgba(255,255,255,.1);}
.sultion .hd ul li a{ padding:10px 0; font-size:12px;}
.sultion .hd ul li i{ display:none;}
.about .about-txt{ padding:15px; margin-top:15px;}
.about .about-txt .note{ font-size:12px;}
.about .ablink{ margin-top:20px;}
.about .ablink a{ width:90px; font-size:14px; margin:0 10px; padding:6px 0;}
.youshi-list{ margin-top:15px;}
.youshi-list ul li{ background:#f5f5f5; padding:15px; margin-bottom:5px;}
.youshi-list ul li .txt span{ font-size:12px;}
.youshi-list ul li .txt .tit{ font-size:14px; margin:5px 0;}
.youshi-list ul li .txt .note{ font-size:12px;}
.youshi-list ul li .txt{ padding-right:0; width:100%; float:none;}
.youshi-list ul li .img{ display:none;}
.swiper-re{ margin-top:15px;}
.swiper-re .swiper-slide{ width:55%;}
.swiper-re .swiper-slide a .masktit{ font-size:12px; padding:10px;}
.swiper-re .swiper-slide a .txt{ display:none;}
.xc-box .swiper-button-next, .xc-box .swiper-button-prev{ width:40px; height:28px; background-size:20px auto; opacity:.7;}
.xc-box .swiper-button-next{ right:15px;}
.xc-box .swiper-button-prev{ left:15px;}
.xc-box .swiper-button-next:hover,.xc-box .swiper-button-prev:hover {background-position:center;}
.newstit .tit{ font-size:20px; float:none; text-align:center;}
.newstit .hm-news-nav{ float:none; margin-top:15px; text-align:center;}
.newstit .hm-news-nav ul li a{ font-size:12px; padding:6px 15px; margin:0 10px;}
.newstit .hm-news-nav .more{ display:none;}

.newsbox{ margin-top:25px;}
.newsbox .hm-news-l{ width:100%; float:none; margin-bottom:15px;}
.newsbox .hm-news-r{ width:100%; float:none;}
.newsbox .hm-news-l .tit{ margin-top:5px; margin-bottom:5px;}
.newsbox .hm-news-l .more{ display:none;}
.newsbox .hm-news-l .tit span{ font-size:14px;}
.newsbox .hm-news-l .tit em{ top:0;}
.newsbox .hm-news-l .note{ font-size:12px;}
.newsbox .hm-news-r ul li a .tit{ font-size:14px; margin-bottom:4px;}
.newsbox .hm-news-r ul li a{ padding:15px 0;}
.hm-contact-txt {font-size: 14px;}
.hm-contact-x ul{ margin-top: 0;}
.hm-contact-x ul li{padding: 0 5px;}
.hm-contact-x ul li a{ font-size:14px; padding:10px 0;}
.hm-contact-x ul li a i{width:30px;height: 30px;}
.hm-contact-x ul li a b{display: block; margin-top: 5px;top: 0;}
footer{ padding-top:20px;}
footer .foot-contact{ width:100%; float:none;}
footer .foot-contact .txt{ font-size:12px;}
footer .foot-logo{ display:none}
footer .foot-contact .foot-ewm span{ font-size:12px;}
footer .foot-contact .foot-ewm{ margin-right:15px;}
	footer .foot-contact .txt .ftel span{font-size: 17px;}
footer .footnav{ display:none;}
footer .copyr{ font-size:12px; margin-top:20px;}
.contactA_T{height:auto;}
.contactA_T_l{width:100%;position:static;float:left;margin-bottom:50px;}
.contactA_T_m{width:70%;padding:0px;float:left;border:none;}
.contactA_T_R{width:171px;float:none; margin:0 auto;position:static;}
.contactB_l{width:100%;height:auto;padding:60px 0px 200px 0px;}

.contactA_T_m{ width:100%;}
.contactA_T{ padding-top:15px;}
.contactA_T_l>p{ font-size:14px;}
.contactA_T_l>span{ font-size:20px; margin:8px 0;}
.contactA_T_l>a {width: 120px;line-height: 40px;font-size: 14px;margin-top: 28px; margin-top:10px;}
.contactA_T_l{ margin-bottom:15px;}
.zzliuyan{ padding:10px;}
.contactA_B{ margin-top:10px; height:200px;}
.lylist .inp_email,.lylist .inp_sex,.lylist .inp_tel,.lylist .inp_name{ margin-right:0;}
.contactA{ padding-bottom:20px;}
#mymap{ height:200px;}
.contactA_T_R{ display:none;}

.ny-warp{ padding:20px 0;}
.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{ line-height:40px; font-size:12px;}
.lanmu-nav{ display:none;}
.lanmu-nav.on{ display:block;}
.ny-newsarc{ padding:15px;}
.ny-newsarc-head h1{ font-size:18px;}
.ny-newsarc-head .info{ font-size:12px;}
.sxpian{ padding:15px;}
.sxpian p:first-child{ margin-bottom:8px;}
.sxpian a{ margin-left:0; display:block; line-height:1.6;}
.page a{ font-size:12px;}
.ny-newscase ul li{ padding:15px; margin-bottom:10px;}
.ny-newscase ul li a .txt { padding-left:10px;}
.ny-newscase ul li a .txt .tit{ font-size:14px;}
.ny-newscase ul li a .txt .line{ margin:8px 0;}
.ny-newscase ul li a .txt .note{ display:none;}
.ny-newscase ul li a .txt .info span{ margin-right:10px;}
.ny-newscase ul li a .txt .info{ font-size:12px; margin-top:10px;}
.ny-prolist ul{ margin:0 -5px;}
.ny-prolist ul li{ padding:5px; width:50%; margin-bottom:0;}
.ny-prolist.slo4 ul li{ width:50%;}
.ny-prolist ul li a .txt .tit{ font-size:14px;white-space: inherit;}
.ny-prolist ul li a .txt .note{ font-size:12px;}
.ny-prolist ul li a .txt .line{ margin:8px 0;}
.foot-bar{ position:fixed; width:100%; height:64px; background:#cf3832; 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;}
.cndns-right{ display:none;}

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