
.ue-container{ max-width:1400px; margin:0 auto;}
.ue-container:before,.ue-container:after{ content:""; display:block; height:0; clear:both;}
.ue-cf:after,.ue-cf:before{ content:""; display:block; clear:both; height:0; }
.ue-fl{ float:left;}
.ue-fr{ float:right;}
.ue-hide{ display:none;}
.ue-top{ height:50px; line-height:50px; font-size:14px; background:#333; color:#fff; display:none;}
.ue-top .ue-top-menu{ float:right;}
.ue-top .ue-top-menu ul li{ padding:0 15px; float:left; position:relative;}
.ue-top .ue-top-menu ul li:before{ content:""; display:block; width:1px; height:14px; background:#fff; position:absolute; left:0; top:50%; margin-top:-7px;}
.ue-top .ue-top-menu ul li:first-child:before{ display:none;}
.ue-top .ue-top-menu ul li:last-child{ padding-right:0;}
.ue-top .ue-top-menu ul li a{ display:block; color:#fff;}

.ue-top-min .ue-logo{ height:120px; line-height:120px; float:left;}
.ue-top-min .ue-logo img{-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: middle;border: 0;}
.ue-top-min .ue-top-tel{ float:right; padding-top:36px;}
.ue-top-min .ue-top-tel .s{ font-size:17px; margin-bottom:5px;}
.ue-top-min .ue-top-tel .t{ font-size:26px; font-weight:bold; color:#aa241a; font-family:Arial, Helvetica, sans-serif;}
.ue-top-min .ue-top-ewm{ float:right; padding-top:15px; margin-left:30px;}
.ue-top-min .ue-top-ewm img{ width:90px; float:left;}
.ue-top-min .ue-top-ewm span{ display:block; width:20px; color:#aa241a; float:left; font-size:18px; margin-left:5px;}


.ue-nav{ height:60px; line-height:60px; background:#aa241a;}

header .ue-nav .ulnav{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
header .ue-nav .ulnav>li{flex:1;-webkit-box-flex: 1; text-align:center; position:relative; float:left;}
header .ue-nav .ulnav>li>a{ color:#fff; font-size:18px; display:block;}
header .ue-nav .ulnav>li:after{ content:""; display:block; width:1px; height:12px; background:#982118; position:absolute; left:0; top:50%; margin-top:-6px;}
header .ue-nav .ulnav>li:first-child:after{ display:none;}
header .ue-nav .ulnav>li:hover>a{background:#982118;}
header .ue-nav .ulnav>li.on>a{ background:#982118;}

.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 #aa241a;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:60px;}
.ulnav>li .subnav li{ border-bottom:1px solid #f5f5f5;}
.ulnav>li .subnav li a{font-weight: 500;color: #666; padding: 8px 5px;line-height: 22px;display: block;transition: all .2s ease-in-out;font-size: 14px;}
.ulnav>li .subnav li a:hover{ color:#174ea0; background-color:#f9f9f9;}

.ue-banner{ position:relative;}
.ue-banner .slides{ height:auto;}
.ue-banner .slides li{ height:auto;}
.ue-banner .slides li img{ width:100%;box-sizing: border-box;vertical-align: middle;}
.ue-banner .slides li a{ display:block;}

.flex-direction-nav{ top:50%; margin-top:-20px;}


.ue-pro-nav{ box-shadow:0 2px 4px 2px rgba(0,0,0,.05); }
.ue-pro-nav .hd{}
.ue-pro-nav .hd ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.ue-pro-nav .hd ul li{flex:1;-webkit-box-flex: 1; text-align:center; position:relative;}
.ue-pro-nav .hd ul .more{flex:1;-webkit-box-flex: 1; text-align:center; position:relative;font-size:18px; color:#333; padding:20px 0; margin:0;}
.ue-pro-nav .hd ul .more:hover{background:#aa241a; color:#fff;}
.ue-pro-nav .hd ul li a{ display:block; font-size:16px; color:#333; padding:20px 0; }
.ue-pro-nav .hd ul li.on a{ background:#aa241a; color:#fff;}


.ue-product .bd{ margin-top:15px;}
.ue-product .bd ul:before,.ue-product .bd ul:after{content:""; display:block; clear:both; height:0;}
.ue-product .bd ul{ position:relative; margin:0 -10px;}
.ue-product .bd ul li{ width:25%; float:left; padding:10px;box-sizing:border-box;}
.ue-product .bd ul li a{ display:block; padding:40% 0; background-size:auto 100%; background-repeat:no-repeat; position:relative; background-color:#f5f5f5; background-position:center;}
.ue-product .bd ul li:nth-of-type(4n+1) {clear: both;}
.ue-product .bd ul li a .txt{ text-align:center; position:absolute; width:100%; height:100%; background:rgba(0,0,0,.51); left:0; top:0; opacity:0;    transition: all .3s linear;}
.ue-product .bd ul li a:hover .txt{ opacity:1;}

.ue-product .bd ul li a .txt .tit{ font-size:16px; color:#fff; margin-top:32%; margin-bottom:12px;}
.ue-product .bd ul li a .txt .moreq span{ background:#fff; color:#468bf0; display:inline-block; padding:4px 10px; font-size:16px; m}

.pro-more{ text-align:center; margin-top:20px;}
.pro-more a{ display:inline-block; width:180px; font-size:18px; background:#aa241a; color:#fff; padding:14px 0;}


.ys-box{ padding:80px 0; background:url(../images/ys-bg.jpg) center no-repeat; background-size:cover; margin-top:60px;}

.ys-box-tit{ text-align:center;}
.ys-box-tit .tit{ font-size:40px; font-weight:800; color:#aa241a; line-height:1;}
.ys-box-tit .note{ font-size:24px; color:#666; margin-top:20px;}


.ys-box-list{ margin-top:60px;}
.ys-box-list ul li{ width:25%; float:left; box-sizing:border-box; text-align:center;}
.ys-box-list ul li .tit{ font-size:24px; font-weight:bold; margin-top:20px; margin-bottom:20px;}
.ys-box-list ul li i{ display:block; position:relative;top:0; transition: all .3s linear; width:140px; height:140px; border-radius:50%; overflow:hidden; margin:0 auto;}
.ys-box-list ul li:hover i{ top:-10px;}
.ys-box-list ul li .note{ font-size:16px; color:#666; max-width:210px; margin:0 auto;    white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word; line-height:1.6;}



.ys-box-txt{ text-align:center; margin-top:60px;}
.ys-box-txt .ystitle span{ display:inline-block; font-size:24px; position:relative;}
.ys-box-txt .ystitle span font{color: #aa241a;}
.ys-box-txt .ystitle span:before{ content:""; display: inline-block; position:relative; top:-5px; width:90px; height:1px; background:#ffa801; margin-right:10px;}
.ys-box-txt .ystitle span:after{ content:""; display: inline-block; position:relative; top:-5px; width:90px; height:1px; background:#ffa801; margin-left:10px;}

.ys-box-txt .ys-wx1{ text-align:center; margin-top:40px;}
.ys-box-txt .ys-wx1 span{ display:inline-block; padding:20px 20px;font-size:28px; font-weight:bold; background:#ffa801; color:#fff;}


.ue-case{ padding:60px 0;}

.ue-case-tit{ text-align:center;}
.ue-case-tit .tit{ font-size:40px; font-weight:bold; color:#aa241a;}
.ue-case-tit .tit span{ font-size:24px; font-weight:normal; display:inline-block; margin-left:10px;}
.ue-case-tit .note{ font-size:24px; line-height:1.6; color:#666; margin-top:30px;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
.ue-case-tit .note em{ font-style:normal; color:#aa241a;}
.ue-case-tit .note font{ color:#ffa801;}
.ue-case-list{ margin-top:40px;}
.ue-case-list ul{ position:relative; margin:0 -10px;}
.ue-case-list ul li{ width:25%; float:left; box-sizing:border-box; padding:10px;}
.ue-case-list ul li a{ display:block;}
.ue-case-list ul li a .img{display:block;padding:36% 0;background-repeat:no-repeat;background-size: auto 100%;background-position: center;border: 1px solid #eee;}

.ue-case-list ul li a .txt{ background:#f5f5f5; text-align:center; padding:20px 0;transition: all .3s linear;}
.ue-case-list ul li a .txt .tit{ font-size:20px; color:#666; margin-bottom:10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ue-case-list ul li a .txt .date{ font-size:14px; color:#999;}
.ue-case-list ul li a:hover .txt{ background:#aa241a; color:#fff;}
.ue-case-list ul li a:hover .txt .tit,.ue-case-list ul li a:hover .txt .date{ color:#fff;}

.ue-bg{ background:#f3f3f3;}
.ue-ys2{ padding:80px 0;}
.ue-ys2-list{ margin-top:40px;}
.ue-ys2-list ul{ position:relative; margin:0 -15px;}
.ue-ys2-list ul li{ width:50%; padding:15px; box-sizing: border-box; float:left;}
.ue-ys2-list ul li a{ display:block; background:#fff; padding:40px; position:relative;}

.ue-ys2-list ul li a .img{ width:140px; float:left;}

.ue-ys2-list ul li a .img img{ border-radius:50%;}
.ue-ys2-list ul li a .txt{ width:420px; float:left; margin-left:30px;}
.ue-ys2-list ul li a .txt .tit{ font-size:22px; font-weight:bold; color:#333; padding-top:20px; margin-bottom:15px;}
.ue-ys2-list ul li a .txt .note{ font-size:18px; color:#999; line-height:1.6;}

.ue-ys2-list ul li a .num{ position:absolute; z-index:999; width:40px; height:49px; background:url(../images/ysnum.png) center no-repeat; background-size:cover; top:0; left:20px; text-align:center; color:#fff; font-size:22px; line-height:40px;}



.ue-ys3{ background:#f5f5f5; padding-bottom:80px;}


.yss3-list{ margin-top:40px;}
.yss3-list ul li{ width:33.33333%; float:left; float:left;}
.yss3-list ul li:nth-child(1) .item,.yss3-list ul li:nth-child(3) .item{ transform:scale(.9,.9)}
.yss3-list ul li .item{ display:block;}
.yss3-list ul li .item .img{ position:relative;}
.yss3-list ul li .item .img img{ width:100%;box-sizing: border-box;vertical-align: middle;}
.yss3-list ul li .item .img .t{ position:absolute; left:0; top:0; line-height:1.4; width:100%; height:100%; font-size:28px; color:#fff; box-sizing:border-box; padding:10%;display: flex;     
justify-content: center;
align-items: center;}
.yss3-list ul li .item .txt{ background:#fff; padding:30px;}
.yss3-list ul li .item .txt .tit{ font-size:28px; border-bottom:1px solid #eee; padding-bottom:20px;}
.yss3-list ul li .item .txt .note{ font-size:18px; color:#888;  margin-top:20px; height:100px;}




.yss4-box{ padding:80px 0;}

.yss4-box-list{ margin-top:40px;}
.yss4-box-list ul{ position:relative; margin:0 -15px;}
.yss4-box-list ul li{ width:33.333333%; float:left; position:relative; box-sizing:border-box; padding:15px;}
.yss4-box-list ul li i{ width:34%; float:left;}
.yss4-box-list ul li i img{ max-width:100%; border-radius:50%; box-shadow:2px 2px 4px 4px rgba(0,0,0,.05);}
.yss4-box-list ul li .txt{ width:66%; position:absolute; right:0; top:0; height:100%; line-height:1.4; float:left; box-sizing:border-box; padding:15px 30px; font-size:22px;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;display: flex;     
align-items: center;}
.yss4-box-list ul li .txt font{ color:#aa241a;}



.aboutus_bg{ width:100%; height:600px; background:url(../images/abimg.jpg) center no-repeat; background-size:cover;}


.aboutbx .aboutus-box{ margin-top:-240px;}
.aboutus_txt {display: flex;align-items: flex-end;}
.aboutus_txt_title{width:300px}
.aboutus_title_ti{position:relative;background-color:#aa241a;height:80px; padding-top:50px;padding-left:28px;font-size:35px;font-weight:700;color:#fff}
.aboutus_title_ti span{  font-size:20px; font-weight:normal; text-transform:uppercase;}
.aboutus_title_ti::before{content:'';position:absolute;left:28px;bottom:0;width:0;height:0;transform:translateY(100%);border-top:10px solid #aa241a;border-right:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid transparent}
.aboutus_title_c{display:flex;flex-direction:column;justify-content:center;height:179px;padding-left:28px;background-color:#2b2b2b}
.aboutus_title_c1{font-size:20px;color:#cbceda; line-height:1.4;}
.aboutus_title_note{ font-size:12px; margin-top:15px; color:rgba(255,255,255,.51);}
.aboutus_title_tel{margin-top:16px; background:url(../images/icon-tel2.png) 0 center no-repeat; padding-left:44px;}
.aboutus_title_tel span{ font-size:12px; line-height:1; color:rgba(255,255,255,.8)}
.aboutus_title_tel strong{ display:block; font-size:25px; color:#f39700; line-height:1;}
.aboutus_txt_ct{width:1100px;height:220px;background-color:#fff;padding:0 30px;display:flex;flex-direction:column;justify-content:space-between}
.aboutus_txt_ct p{margin-top:24px; font-size:16px; color:#666;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.aboutus_txt_ct a{width:95px;height:34px;line-height:34px;text-align:center;font-size:14px;color:#fff; background:#aa241a}




.gspiclist{}
.gspiclist .hd{ text-align:center;}
.gspiclist .hd ul li{ display:inline-block; margin:0 10px; font-size:18px;}
.gspiclist .hd ul li a{ display:block; padding:8px 30px; background:#eeeeee; color:#001e39; cursor:pointer;}
.gspiclist .hd ul li.on a{ background:#aa241a; color:#fff;}



.gspiclist .bd{ margin-top:30px;}
.gspiclist .bd ul{ position:relative; margin:0 -10px;}
.gspiclist .bd ul li{ width:25%; float:left; padding:0 10px; box-sizing:border-box;}
.gspiclist .bd ul li a{ display:block; overflow:hidden; border:1px solid #eee; text-align:center;}
.gspiclist .bd ul li a img{ transition: all .4s; height:220px; }
.gspiclist .bd ul li a:hover img{transform: scale(1.1);}




.ue-news{ padding:80px 0; margin-top:80px;}
.ue-news-list{ margin-top:40px;}
.ue-news-list ul li{ width:25%; float:left; box-sizing:border-box; padding:0 20px;}
.ue-news-list ul li a{ display:block; padding:15px; height:390px; box-sizing:border-box;}

.ue-news-list ul li a .tit{ font-size:18px; font-weight:bold; color:#333;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.ue-news-list ul li a .date{ font-size:14px; color:#999; margin:15px 0;}
.ue-news-list ul li a .note{ font-size:16px; color:#777; line-height:1.4;}
.ue-news-list ul li a .img img{ width:100%; opacity:0; height:120px;}
.ue-news-list ul li a{ background:#fff;}
.ue-news-list ul li a .img img{ height:auto; opacity:1;}
.ue-news-list ul li a .nmore{ text-align:center; margin-top:15px; opacity:0;}
.ue-news-list ul li a .nmore span{ display:inline-block; background:#aa241a; color:#fff; padding:4px 20px;}
.ue-news-list ul li a  .nmore{ opacity:1;}




.ue-contact{ padding:80px 0;}

.ue-catv{ margin-top:40px;}
.ue-contact-l{ width:26%; float:left; position:relative;}
.ue-contact-l:before{ content:""; display:block; width:1px; height:80%; background:#eee; position:absolute; right:10%; top:5%;}

.ue-contact-l .tit{ font-size:22px; font-weight:bold; position:relative; padding-left:10px; margin-bottom:12px;}
.ue-contact-l .tit:before{ content:""; display:block; width:4px; height:16px; background:#aa241a; position: absolute; left:0; top:50%; margin-top:-8px;}

.ue-contact-l .note{ font-size:18px; color:#999; line-height:2; margin-bottom:40px;}

.ue-contact-r{ width:68%; float:right;}
.ue-contact-r .ue-mess{ position:relative;}
.ue-contact-r .ue-mess .ue-mess-l{ width:40%; float:left;}
.ue-contact-r .ue-mess .ue-mess-l ul li .am-form-field{ font-size:18px; padding:15px; border:1px solid #e1e1e1; margin-bottom:15px; width:100%;}
.ue-contact-r .ue-mess .ue-mess-r{ width:55%; float:right; box-sizing:border-box;}
.ue-contact-r .ue-mess .ue-mess-r .nering{ font-family:"Open Sans", sans-serif; box-sizing:border-box; width:100%;padding:15px; font-size:18px;height:188px; border:1px solid #e1e1e1;}
.ue-mess-btn .am-btn{ width:100%; padding:15px; font-size:18px; color:#fff; background:#aa241a; cursor:pointer;}






.footer-con{ background:url(../images/footbg.jpg) center no-repeat; background-size:cover; padding:60px 0;}
.footer-con .ue-container{ max-width:1200px;}
.foot-tit{ font-size:18px; font-weight:bold; margin-bottom:20px;}

.ue-foot-nav{ width:40%; float:left;}
.ue-foot-nav ul li{ width:33.3333%; float:left; line-height:2;}
.ue-foot-nav ul li a{ font-size:16px; color:#666;}


.ue-foot-lx{ width:33%; float:left; border-left:1px solid #ddd; padding-left:10%;}
.ue-foot-lx p{ font-size:16px; color:#666; line-height:2;}
.ue-foot-ewm{ width:120px; text-align:center; float:right;}
.ue-foot-ewm span{ display:block; font-size:14px; margin-top:2px;}

.foot-copyr{ background:#333333; color:#fff; font-size:14px; padding:15px 0; text-align:center;}
.foot-copyr a{ color:#fff;}

.prodetail_nr img{ margin:0;    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    border: 0;}
.cfsb .prolists_main>li{ width:212px;}



.au-about{ padding:60px 0;}
.au-about-left{ width:36%; float:left;}
.au-about-left img{ max-width:100%;}
.au-about-right{ width:60%; float:right;}
.au-about-right .note p{ font-size:18px; line-height:2; color:#666; margin-bottom:15px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;}
.au-about-right .note .au-ab-more a{ display:inline-block; padding:5px 30px; font-size:16px; background:#aa241a; color:#fff;}
.au-r-img{ margin-top:5%;}
.au-r-img ul{ position:relative; margin:0 -5px;}
.au-r-img ul li{ width:50%; float:left; padding:0 5px; box-sizing:border-box;}
.au-r-img ul li img{ width:100%;}


.ue-adf{ display:block; width:100%; position:absolute; z-index:1900; left:0; top:180px;}
.ue-adf.fix{ position:fixed;top:0;}
.ue-adf .ue-adf-box{ background:rgba(0,0,0,.7); padding:15px 50px; color:#fff;}
.ue-adf .ue-adf-box .txt-l{ float:left;color: #f1d7a3; font-size:24px; padding-top:16px;}
.ue-adf .ue-adf-box .txt-l font{color: #ffa801;}
.ue-adf .ue-adf-box .txt-r{ float:right;}
.ue-adf .ue-adf-box .txt-r ul li{ display:inline-block; margin-left:20px; text-align:center;}
.ue-adf .ue-adf-box .txt-r ul li a{ display:block; padding:4px 20px; background:#ffa801; font-size:16px; color:#fff;}
.ue-adf .ue-adf-box .txt-r ul li span{ display:block;margin-top: 5px;}
@media screen and (max-width:1680px){
.ue-container{ max-width:1200px;}
.ue-ys2-list ul li a .txt{ width:220px;}
.ue-ys2-list ul li a .txt .tit{ font-size:20px;}
.ue-ys2-list ul li a .txt .note{ font-size:15px;}
.au-about-right .note p{ font-size:16px;}
}


@media screen and (max-width:1480px){
.ue-container{ max-width:1000px;}
.au-about-right .note p{ font-size:15px;    -webkit-line-clamp: 5;}
.ue-adf .ue-adf-box .txt-l{ font-size:22px;}
.ue-adf .ue-adf-box .txt-r ul li a{ padding:4px 17px;}
.ue-adf .ue-adf-box{ padding:15px 30px;}

}