@charset "utf-8";
/* CSS Document */

/* css */
@font-face {
font-family: "anton2";
src: url("anton2.ttf") format("truetype");
}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
/*==版心定义↓==*/
.container{width:1600px;}
a:hover{color:#e8342f}

html{margin:0;padding:0;border:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,q,dl,dt,dd,ol,ul,li,fieldset,form,legend,caption,tbody,tfoot,thead,article,aside,dialog,figure,footer,header,hgroup,nav,section{list-style:none;margin:0px;padding:0px;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,dialog,footer,header,hgroup,menu,nav,section{display:block}
body{line-height: 1.5;font-size:14px;color:#333;background:#fff;font-family:"Microsoft YaHei","simsun","Zitino Neue",Arial,Zitino,sans-serif}
img{border:0;}
::-webkit-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#ccc}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
textarea{overflow:auto}
input:focus,textarea:focus,button:focus,select:focus{outline:0}
input::-ms-clear{display:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background:transparent}
a:active,a:hover{outline:0}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
h1,h2,h3,h4,h5,h6,b{margin:0px 0px;padding:0px 0px; font-weight:400}
a{color:#666666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{text-decoration:none;}
a:focus{outline:none;}
em{font-style:normal}
img{vertical-align:middle;max-width:100%;}
/*--*/
.container{ width:1600px;min-width:320px; margin: auto;}
a:hover{color:#e8342f}
.ce{text-align:center;}
.pd60{padding:60px 0;font-size:.875em;overflow:hidden;}
.pd90{padding:90px 0;font-size:.875em;overflow:hidden;}
.wh{width:100%;}
.eps{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}
.hide {overflow: hidden;}
.fl{float:left;}
.fr{float:right;}
.fn{font-weight:normal;}
.cl:after,.clearfix:after{clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden;}
.clear{clear:both;}
.cl,.clearfix{zoom:1;}
.center{text-align:center;}
.pcI{display: block;}
.wapI{display: none;}
.flatI{display: none;}
.maxWidth{max-width:100%;}
.ingBox{padding:50px 0;}
div .imgPD{position:relative;padding-top:100%;}
div .imgPD img,div .imgPD .effect-one-img{position:absolute; left:0;top:0; display:block;width:100%;height:100%;}
div .imgPD11{position:relative;padding-top:110%;}
div .imgPD70{position:relative;padding-top:70%;}
div .imgPD13{position:relative;padding-top:130%;}
/* css */

/* flex */
.flex-center-end{display: flex; justify-content: flex-end; align-items: center;}
.flex-center-center{  display: flex; align-items: center; justify-content: center;}
.flex-between-center{  display: flex; justify-content: space-between; align-items: center;}
.flex-center{  display: flex; align-items: center;}
.flex-between{  display: flex; justify-content: space-between}
.flex-between-start{ display: flex; justify-content: space-between;align-items: flex-start;}
.flex-between-end{ display: flex; justify-content: space-between;align-items: flex-end;}
.flex{  display: flex;}
.flex-column{ flex-direction: column;}
.flex-wrap{ flex-wrap: wrap;}
/* flex */

/* ynstitle */
.ynstitle{color:#212121;font-size:44px;margin-bottom:30px;text-align: center;}
.ynstitle b{color:#e8342f;}
.ynstitle span{display: block;color:#999;font-size:21px}
.ynstitlew{color:#fff;font-size:44px;margin-bottom:30px;text-align: center;}
.ynstitlew span{display: block;color:#fff;font-size:21px}
/* ynstitle */

/* fixed-top */
.fixed-top.header{position: fixed;width:100%;z-index:99;padding:10px 0;height:80px;box-shadow: 0 0 10px #999;}
.fixed-top.header:before{opacity:0.9; height:100%;}
.fixed-top.header .logo img{ height:60px;margin-top:0px}
.fixed-top.header .logo .img1{ display: none; }
.fixed-top.header .logo .img2{ display: inline-block; }
.fixed-top.header .nav{margin-top: 20px;}
.fixed-top.header .nav > li > a{padding-bottom: 26px;}
.fixed-top.header .tel{ margin-top: 10px; }
.fixed-top.header .nav > li > a{position: relative;display: block;color: #595959;font-size: 18px;text-align: center;padding-bottom: 35px;}
.fixed-top.header .nav > li:hover > a,.fixed-top.header .nav > li.active > a{color:#595959; }
/* fixed-top */

/* header */
.header{position: fixed;top: 0;z-index:99;width: 100%;padding:20px 0;height:100px;border-bottom: 1px solid rgba(255,255,255,0);}
.header:before{opacity:0;content:"";position:absolute;bottom:0;z-index:-1;width:100%;height:80%;background: rgba(255, 255, 255, .95);transition: all .4s ease-in-out;}
.header .logo{float:left;}
.header .logo img{ margin-top:-12px;/* max-height: 100%; */transition: all .4s ease-in-out;}
.header .logo .img2 { display: none; }
.header .tel{position: relative;float: right;margin: 15px 0 0 60px;font-size: 22px;color: #fff;}
.header .tel:before{content: "\e618";font-family: "iconfont";/* position: absolute; *//* left:0; */margin-right: 10px;font-weight: 400;color: #fff;}
.header .nav{display:flex;float: right;margin-top: 20px;width: 80%;}
.header .nav > li{/* flex: 1; */float: left;/* margin-left: 40px; */position: relative;width: 80%;}
.header .nav > li > a{position: relative;display: block;color: #fff;font-size: 18px;text-align: center;padding-bottom: 35px;}
.header .nav > li > a:after{content:"";position: absolute;left:0;bottom:0;width:100%;height:2px;/* background: #fff; */transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.header .nav > li:hover > a,.header .nav > li.active > a{color:#fff; }
.header .nav > li:hover > a:after,.header .nav > li.active > a:after{transform: scale(1);transform-origin:left;}
.header .nav .sub{display:none;width: 100%;top: 70%;position:absolute;border:1px #ddd solid;background: rgba(255,255,255,1);padding: 10px 0;z-index: 999;text-align: center;/* box-shadow: 0 0 10px #ddd; */}
.header .nav .sub a{display: block;color: #5e5e5e;font-size: 16px;padding:12px 10px;}
.header .nav .sub a:hover{color:#fff; background: #e8342f;}
.header .nav .sub.two{width: 600%;left: -250%;}
.header .nav .sub.two a{float: left;width:50%;}
/* header */

/* menu */
.menu{position: relative;width:100%;margin-top: -70px;border-bottom: 1px #e8e8e8 solid;}
.menu .container{padding: 0 30px;overflow:hidden;border-radius:10px 10px 0 0;background: rgba(255,255,255,0.95);}
.menu ul{float: left;}
.menu li{float: left;display: inline-block;}
.menu li a{position:relative;z-index:2;height: 70px;display: block;margin:0 0px;color: #333;font-size:18px;overflow: hidden;padding: 22px 0px;margin: 0 25px;}
.menu li a:after{content: "";position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:3px;background: #e8342f;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.menu li:hover a,.menu li.active a{ color:#e8342f;border-color:#e8342f }
.menu li:hover a:after,.menu li.active a:after{ transform: scale(1);transform-origin:left;}
.menu .right{ margin: 25px 0 0 0;}
.menu .right .home i{color:#333;font-weight:bold;font-size:16px;margin-right:10px;}
.menu .right a{color:#666;font-size:12px;}
.menu .right a:hover{color:#2e3093}
/* menu */

/* navWap-trigger */
.navWap-block{position:fixed;z-index:20;height:100%;top:55px;left:0;overflow:auto;display:none;width:100%;/*! max-width:640px; */margin:0 auto;}
.navWap-block .box{height:100%;/*! overflow-x:hidden; */overflow-y: auto;background: rgb(255 255 255 / 100%);width: 100%;position:relative;z-index:2;padding: 30px 20px 50px 20px;}
.navWap-block .searchWap{position:relative;display:table;width: 100%;margin:20px auto 15px;overflow: hidden;padding: 8px 15px;border-radius: 5px;background: rgba(0,0,0,0.05);}
.navWap-block .searchWap form{display:table;width: 100%;position: relative;}
.navWap-block .searchWap form input,.navWap-block .searchWap button{/* float: none !important; *//* display:table-cell; */}
.navWap-block .searchWap input{float: left;width: 100%;border-bottom: none;color: #fff;font-size:13px;border-top: none;border-left: none;border-right: none;line-height: 30px;background: none;}
.navWap-block .searchWap button{position: absolute;right: 0;top: 0;float:right;/* width:30px; */color: #999;font-size: 18px;background: none;border: none;line-height: 30px;border-radius: 50%;}
.navWap-block .contactWap{margin: 25px 0 0 0;padding: 20px 0px 80px 0px;border-top: 2px #ddd solid;}
.navWap-block .contactWap .online{margin-left:-2%}
.navWap-block .contactWap .online a{display: block;float:left;margin-left:2%;width:48%;padding: 15px 15px;color: #666;font-size:14px;font-weight:bold;text-align: center;background: #eee;}
.navWap-block .contactWap .online i{margin-right:5px;color:#666;font-size: 17px;font-weight:100;font-family: "iconfont";font-style: normal;}
.navWap-block .contactWap .discern{margin-top:30px;display:block;}
.navWap-block .contactWap .discern .weixin{position:relative;float:left;display: block;color:#999;font-size:14px;margin-right: 30px;padding-right:30px;text-align: center;}
.navWap-block .contactWap .discern .weixin:before{content:"";position:absolute;right:0;top: 10%;width: 1px;height: 80%;border-right:1px #ddd dashed;}
.navWap-block .contactWap .discern .weixin img{max-width:120px;margin-bottom: 5px;display: block;}
.navWap-block .contactWap .discern .consult{float:left;margin-top: 50px;padding: 6px 30px;font-size:14px;color:#fff;border-radius: 5px;background: #999;}
.navWap-block .contactWap .discern .weixin,.navWap-block .contactWap .discern .consult{}
.navWap-block .contactWap span{}
.navWap-block ul li{/*! height:2.3rem; */line-height:40px;/* border-bottom:1px solid #eee; */}
.navWap-block ul li a{display:block;font-size: 15px;color:#555;/*! height:2.3rem; *//* opacity:0; *//* transform: translateX(-100%); *//* transition: all 0.4s ease 0s; *//* transition-delay: 160ms; */padding: 2px 20px;border-radius: 5px;background: #eee;margin-bottom: 12px;}
.navWap-block ul li em{float:right;color: #666;font-size: 18px;margin-top: 0px;font-family: "iconfont";}
.navWap-block ul li:hover a,.navWap-block ul li.active a{color:#fff; background:#afafaf;/*box-shadow:3px 0 0 #fffff1 inset;*/}
.navWap-block ul li.active em{color:#fff}
.navWap-block ul li:first-child{border-top:none;}
.navWap-block ul li:first-child i{font-size:1.2rem;}
/*.navWap-block ul li:nth-child(2) a{transition-delay:240ms;}
.navWap-block ul li:nth-child(3) a{transition-delay:320ms;}
.navWap-block ul li:nth-child(4) a{transition-delay:400ms;}
.navWap-block ul li:nth-child(5) a{transition-delay:480ms;}
.navWap-block ul li:nth-child(6) a{transition-delay:540ms;}
.navWap-block ul li:nth-child(7) a{transition-delay:600ms;}*/
.navWap-block .show li a{opacity:1;transform: translateX(0);}
/*-触发按钮-*/
.navWap-trigger{/*! position:absolute; *//*! right:2%; *//*! top:0; */ /*! height: 2.3rem; */color:#fff;/*! line-height:2.3rem; */color:#fff;float: right;margin: 0px 15px 0 0;}
.navWap-trigger .btn{padding:0px;/*! position: absolute; *//*! top: 18px; *//*! right: 10px; */background: transparent;border: none;/* padding: 10px; */-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;cursor: pointer;z-index: 99999;}
.navWap-trigger .btn:focus{outline: 0;}
.navWap-trigger .icon-bar{display: block;margin: 7px 0;width: 30px;height: 2px;background-color: #fffff1;}
.navWap-trigger .btn:hover .icon-bar{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #fffff1;}
.navWap-trigger .animated{display: block; margin: 0 auto;/*! position: fixed; */}
.navWap-trigger .animated:hover .icon-bar,
.navWap-trigger .animated:focus .icon-bar{background-color: #fffff1;}
.navWap-trigger .animated:focus{cursor: pointer; z-index: 9999;}
.navWap-trigger .middle{margin: 0 auto;}
.navWap-trigger .icon-bar{-webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999;}
.navWap-trigger .animated .icon-bar{z-index: 999999; background-color: #fffff1;}
.navWap-trigger .animated .top{-webkit-transform: translateY(10px) rotateZ(45deg); -moz-transform: translateY(10px) rotateZ(45deg); -ms-transform: translateY(10px) rotateZ(45deg); -o-transform: translateY(10px) rotateZ(45deg); transform: translateY(7px) rotateZ(45deg);}
.navWap-trigger .animated .bottom{-webkit-transform: translateY(-11px) rotateZ(-45deg); -moz-transform: translateY(-11px) rotateZ(-45deg); -ms-transform: translateY(-11px) rotateZ(-45deg); -o-transform: translateY(-11px) rotateZ(-45deg); transform: translateY(-11px) rotateZ(-45deg);}
.navWap-trigger .animated .middle{width: 0;}
/*-应用块-*/
.mainBox{position:relative;}
.navWap-mask{width:100%;height:100%;background:#000;opacity:0.5;position:absolute;top:0;z-index:1;display:none;overflow:hidden;transition:all 0.5s;/*! max-width:640px; */margin:0 auto;}
/* navWap-trigger */

/* banner */
#bannerBox{width:100%;}
#bannerBox .swiper-container{width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
#bannerBox .swiper-slide{text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#bannerBox .swiper-slide img{max-width:100%; display: block}
#bannerBox .swiper-button-prev,.bannerBox .swiper-button-next{display:none;left:50px; background-image:none }
#bannerBox .swiper-button-next{left:auto;right:50px;}
#bannerBox .swiper-button-prev:before,.bannerBox .swiper-button-next:before{ color:#fff;font-size:80px;}
#bannerBox .spot{bottom:50px}
#bannerBox .spot span{opacity: 1;z-index:2;cursor:pointer;margin:0 10px !important;display:inline-block;width: 35px;height: 35px;line-height: 33px;/* line-height:initial; */ *display:inline;zoom:1;border-radius:100%;position:relative;border: 1px rgba(255,255,255,0) solid;transition:all 0.3s;background: none;}
#bannerBox .spot span:after{content:"";position:absolute;width:6px;height:6px;top: 13px;left: 13px;border-radius:100%;background:#fff;transition: all .4s ease-in-out;}
#bannerBox .spot span font{opacity:0;position: relative;font-size:14px;color: #fff;transition: all .4s ease-in-out;}
#bannerBox .spot span font:before{display: none; position: absolute;content: "";left:0;bottom:-3px;width:100%;height:2px;background:#fff; transition:transform .4s;transform: scale(0,1);transform-origin:right;}
#bannerBox .spot .swiper-pagination-bullet-active{border-color:#fff}
#bannerBox .spot .swiper-pagination-bullet-active font{opacity:1}
#bannerBox .spot span.swiper-pagination-bullet-active font:before{transform: scale(1);transform-origin:left;}
#bannerBox .spot .swiper-pagination-bullet-active:after{ opacity: 0}
#bannerBox .swiper-slide .pc{}
#bannerBox .swiper-slide .mobile{display: none;}
/* banner */

/* TopHome */
.TopHome{padding: 30px 0;background: -webkit-linear-gradient(left, #e8342f, #e8342f);}
.TopHome ul{display: flex;flex-flow: row wrap;align-content: flex-start;}
.TopHome li{position:relative;float:left;width: 20%;padding: 0px 10px; border-right: 1px #e3514d solid;/* overflow:hidden; */}
.TopHome li:last-child{border-right:none}
.TopHome li a{position: relative;display: table;margin: auto;padding-left: 70px;} 
.TopHome li em{/* float:left; */position: absolute;left: 0;top: -3px;z-index:2;display: table-cell;width: 60px;height: 60px;border-radius:50%;/* margin-right: 20px; */background-repeat:no-repeat;background-position: center;background-color: #e3514d;/* background-color: #000; */}
.TopHome li h4{display: table;color:#fff;font-size:18px;margin-bottom: 2px;}
.TopHome li span{display: table;color:#fff;font-size:14px;}
.TopHome li:hover a{transform:translateY(-5px) } 
.TopHome li:hover h4{color:#fff}
.TopHome li:hover span{color:#fff}
.TopHome ul .x1 em{background-image:url(../images/TopHomeIco01.png);}
.TopHome ul .x2 em{background-image:url(../images/TopHomeIco02.png);}
.TopHome ul .x3 em{background-image:url(../images/TopHomeIco03.png);}
.TopHome ul .x4 em{background-image:url(../images/TopHomeIco04.png);}
.TopHome ul .x5 em{background-image:url(../images/TopHomeIco05.png);}
/* TopHome */

/* ProductHome */
.ProductHome{ background: url(../images/ProductBg.jpg) no-repeat center;background-size:cover;}
.ProductHome .left{width: 100%;}
.ProductHome .left li{float: left;margin-right: 20px;width: 13.2%;text-align: center;}
.ProductHome .left li:nth-child(7) {margin-right:0;}
.ProductHome .left li a{background: #f2f2f2;}
.ProductHome .left li:nth-child(even) a{background:#ededed}
.ProductHome .left a{position: relative;z-index:2;display: block;padding: 22px 30px;color:#212121;font-size:20px;overflow:hidden;}
.ProductHome .left a:after{opacity:0;content:"";position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%;background:#e3514d;transform: translateX(10px)}
.ProductHome .left .active a{color:#fff;}
.ProductHome .left .active a:before{color:#fff;transform: translateX(5px)}
.ProductHome .left .active a:after{opacity:1;transform: translateX(0px)}
.ProductHome .top{margin-bottom:20px}
.ProductHome .right{width: 100%;margin-top: 50px;}
.ProductHome .right .thumb{display: block;float:left;width: 69%;}
.ProductHome .right .thumb img{display: block;width: 100%;height: 100%;object-fit: cover;}
.ProductHome .right .box{float:right;width: 30%;padding: 60px 40px;background: url(../images/bg04.jpg) no-repeat center;}
.ProductHome .right .box h4{color:#fff;font-size: 24px;margin-bottom: 25px;}
.ProductHome .right .box p{-webkit-line-clamp: 8;color:#fff;font-size:14px;line-height: 24px;}
.ProductHome .right .box .more{display: table;color:#e8342f;font-size:13px;margin-top:40px;padding:10px 30px;border-radius: 5px;background: #fff;}
.ProductHome .right .box .more:hover{color:#fff;background:#e8342f}
.ProductHome .thumb,.ProductHome .box{height: 445px;}
/* ProductHome */

/* product-list */
.product-list{margin:0 0 -20px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.product-list li{display: inline-block;width:33.3%;margin-bottom:20px; text-align: center;}
.product-list a{margin-left:20px;}
.product-list a,.ProSwi a{display: block;height:100%;}
.product-list .pic,.ProSwi .pic{padding-top:66%;/* box-shadow: 0 0 10px #ddd; *//* border-radius: 10px; */} 
.product-list .pic:before,.ProSwi .pic:before{opacity:0;content: "\e622";position: absolute;left:0;top:0;right: 0;z-index:2;bottom: 0;width:50px;height:50px;margin: auto;font-size: 40px;color:#fff;font-style: normal;font-family: "iconfont";line-height:1;transform: translateX(-8px);transition: all .4s ease-in-out;}
.product-list .pic:after,.ProSwi .pic:after{opacity:0; content: ""; position: absolute;left:0;top:0;width:100%;height:100%; background: #e8342f;}
.product-list h4, .ProSwi h4 {color: #212121;font-size: 16px;text-align: left;background: #fff;height: 80px;line-height: 60px;text-align: center;}  
.product-list li:hover .pic:before,.ProSwi li:hover .pic:before{opacity:1;transform: translateX(0px);}
.product-list li:hover .pic:after,.ProSwi li:hover .pic:after{opacity:0.4;}
.product-list li:hover h4,.ProSwi li:hover h4{color:#e8342f} 
.product-list.lx4 li{width:25%}
.ProSwi li{padding:5px;}
.HotHome{background: #f8f8f8;background-size: cover;}
/* product-list */

/* AboutHome */
.AboutHome{background-size:cover;}
.AboutHome .top{display: table;}
.AboutHome .left{width:50%;padding-right:50px;padding: 121px 100px 80px;background-color: #f8f8f8;}
.AboutHome .left .title{color:#212121;font-size:44px;margin-bottom:30px;}
.AboutHome .left .title span{display: block;color:#999;font-size:21px}
.AboutHome .left .titlew{color: #000;font-size:44px;margin-bottom:30px;}
.AboutHome .left .titlew span{display: block;color: #000;font-size:21px}
.AboutHome .left .wx{color: #000;font-size:16px;line-height: 36px;}
.AboutHome .digital{width:100%;margin-top: 50px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.AboutHome .digital li{float:left;width:33%;display: block;}
.AboutHome .digital li a{display: block;line-height: 1;padding-right: 20px;}
.AboutHome .digital li span{color: #e8342f;font-size: 60px;font-family: anton2;letter-spacing: 4px;}
.AboutHome .digital li font{color: #000;font-size:16px;margin-left: 5px;}
.AboutHome .digital li h5{color: #000;font-size:16px;margin-top: 8px;}
.AboutHome .left .more{display: table;margin-top: 60px;color: #000;font-size:14px;border: #000 solid 1px;padding: 8px 30px;}
.AboutHome .left .more:hover{color:#fff;border-color:#e8342f; background:#e8342f;}
.AboutHome .right{width:50%; vertical-align: bottom;}
.AboutHome .left,.AboutHome .right{float:none;display: table-cell;}
.AboutHome .down{margin-top:40px;}
.AboutHome .list li a{display:block;}
.AboutHome .list li .pic{border: 1px #eee solid; background: #f9f9f9;}
.AboutHome .list li:hover .pic{border: 1px #0054b4 solid;}
.AboutHome .list li h4{color:#666;font-size: 15px;text-align: center;margin-top:15px;}
.AboutHome .list li:hover h4{color:#0054b4;}
/* AboutHome */

/* sy_con4 */
.sy_con4{width:100%;padding-top:3.8%;}
.sy_con4 .rq .div::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:100%;background: linear-gradient(245deg,rgba(0,0,0,0) 20%,rgba(0,0,0,.8));}
.bt span{color:#00479c;}
.sy_con4 .rq{width:100%;padding-top:0.6%;position:relative;}
.sy_con4 .rq img{width:100%;vertical-align:middle;transition:all .5s;}
.sy_con4 .rq .div{position:relative;overflow:hidden;}
.sy_con4 .rq .div:hover img{transform:scale(1.1);}
.sy_con4 .rq .div1{width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);padding:0 6.2%;opacity:0;transition:all .5s;z-index: 100;}
.sy_con4 .rq .swiper-slide-active .div1{opacity:1;}
.sy_con4 .rq .div2{width:48%;}
.sy_con4 .rq .div1 .p1{width:100%;font-size:20px;color:#feffff;}
.sy_con4 .rq .div1 .p1 span{position:relative;padding-right:28px;}
.sy_con4 .rq .div1 .p1 span::before{content:'';width:2px;height:90%;background:#fff;position:absolute;right:13px;top:50%;transform:translateY(-50%);}
.sy_con4 .rq .div1 .p1 span:last-child{padding-right:0;}
.sy_con4 .rq .div1 .p1 span:last-child::before{display:none;}
.sy_con4 .rq .div1 .p2{font-size:36px;color:#fff;line-height:1.2778;margin-top:10px;}
.sy_con4 .rq .div3{width:100%;margin-top:12%;}
.sy_con4 .rq .div3 a{width:48%;font-size:18px;color:#ffffff;height:60px;line-height:56px;border:2px solid #fff;border-radius:10px;float:left;margin-right:4%;text-align:center;transition:all .5s;}
.sy_con4 .rq .div3 a:nth-child(2){margin-right:0;}
.sy_con4 .rq .div3 a:hover{background:#fff;color: #e8342f;}
.sy_con4 .swiper-button-next,.sy_con4 .swiper-button-prev{width:49px;height:50px;background-image:url(../images/img14.png);background-size:contain;background-repeat:no-repeat;right:5%;top:50%;transform:translateY(-50%);margin-top:0;}
.sy_con4 .swiper-button-prev{left:5%;transform:translateY(-50%) rotate(180deg);}
.sy_con4 .swiper-pagination{width:100%;text-align:center;position:absolute;bottom:0;left:0;}
.sy_con4 .swiper-pagination-bullet{margin:0 4px;}
/* sy_con4 */

/* yns-cooperative */
.yns-cooperative{width: 100%;padding-top: 70px;padding-bottom: 70px;background: #f5f5f5;}
.yns-cooperative h5{font-size: 30px;color: #2e2e2e;line-height: 34px;margin-bottom: 30px;}
.yns-cooperative .border{width: 53px;height: 2px;background: #e8342f;margin-bottom: 50px;}
.yns-cooperative .content{width: 100%;}
.yns-cooperative .content .ul{margin: 0 -10px;width: calc(100% + 20px);}
.yns-cooperative .content .ul .li{padding: 0 10px;width: 16.6%;float: left;margin-bottom: 20px;}
.yns-cooperative .content .ul .li .list{margin-bottom: 20px;}
.yns-cooperative .content .ul .li .list:last-child{margin-bottom: 0;}
.yns-cooperative .content .ul .li .list a{display: block;width: 100%;}
.yns-cooperative .content .ul .li .list a .pic{ width: 100%; padding-bottom: 40.8%; position: relative; overflow: hidden; min-height: 50px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.yns-cooperative .content .ul .li .list a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.yns-cooperative .content .ul .li .list a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.yns-cooperative .content .ul .slick-prev{width: 39px;height: 39px;background: url(img/img137.png) no-repeat center center; background-size: cover;left: auto;right: 77px; top: -100px;border: 1px solid #A6A6A6;
transform: translate(0,0);
-ms-transform: translate(0,0);
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);}
.yns-cooperative .content .ul .slick-next{width: 39px;height: 39px;background: url(img/img138.png) no-repeat center center; background-size: cover;right: 10px;top: -100px;border: 1px solid #A6A6A6;
transform: translate(0,0);
-ms-transform: translate(0,0);
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);}
.yns-cooperative .content .ul .slick-prev:hover{background: url(img/img139.png) no-repeat center center; background-size: cover;background-color: #e8342f;border-color: #e8342f;}
.yns-cooperative .content .ul .slick-next:hover{background: url(img/img140.png) no-repeat center center; background-size: cover;background-color: #e8342f;border-color: #e8342f;}
.yns-cooperative .content .ul .slick-dots{position: absolute; bottom: auto; height: 6px; text-align: center;top: -36px;left: auto;right: 15px;width: auto;}
.yns-cooperative .content .ul .slick-dots li{ vertical-align: top; width: 6px; height: 6px; margin: 0 5px; background: #C4C4C4;}
.yns-cooperative .content .ul .slick-dots li.slick-active{ background: #e8342f;}
/*20221129start*/
.yns-cooperative .content .ul .li .list a{ position:relative; overflow:hidden;}
.yns-cooperative .content .ul .li .list a:after{position:absolute; left:0; top:150%; z-index:3; content:''; float:left; width:100%; height:100%; z-index:3; background:#e8342f; opacity:0.8;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.yns-cooperative .content .ul .li .list .text{ position:absolute; left:0; top:150%; z-index:4; float:left; width:100%; transform:translateY(-50%); -ms-transform:translateY(-50%); text-align:center; color:#fff; font-size:14px; line-height:26px;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.yns-cooperative .content .ul .li .list a:hover:after{ top:0;}
.yns-cooperative .content .ul .li .list a:hover .text{ top:50%;}
/* yns-cooperative */

/* sy_con6 */
.sy_con6{width:100%;padding:3.8% 0;background-color: #e8342f;background-size:cover;background-position:center;}
.sy_con6 .bt .p1{color:#fff;}
.sy_con6 .rq{width:100%;}
.sy_con6 .rq .top{width:100%;margin:4% 0 2% 0;text-align:center;}
.sy_con6 .top .div{width:6.5%;margin-right:1.2%;display:inline-block;vertical-align:top;}
.sy_con6 .top .div img{width:49px;display:block;margin:0 auto;transition:all .5s;}
.sy_con6 .top .div:hover img{transform:translateY(-10px);}
.sy_con6 .top .div p{font-size:13px;color:#fefefe;text-align:center;margin-top:8px;}
.sy_con6 .rq .bot{width:100%;position:relative;}
.sy_con6 .rq .bot img{width:100%;vertical-align:middle;transition:all .5s;}
.sy_con6 .rq .bot .swiper-slide:hover img{transform:scale(1.05);}
/* sy_con6 */

/* yns-journalism */
.newsL{float: left;width:33%;background:#f2f2f2;overflow:hidden;}
.newsL2{margin:0 2%;}
.newsL .pic{height:337px;overflow:hidden;position:relative;display:block;}
.newsL .pic img{height:100%;width:100%;transition:all .5s;}
.newsL .pic span,.newsR .tie{position: absolute;left:0;top:0;width:140px;height:46px;line-height:46px;color:#fff;text-align:center;background: rgba(232,52,47,.8);font-size: 20px;}
.newsL ul{padding:30px 8%;}
.newsL li.txt{height:140px;border-bottom: 1px solid #cecece;margin-bottom:20px;}
.yns-journalism li h4{font-size: 18px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;transition:all .3s;margin-bottom:15px;}
.yns-journalism li p{ font-size:15px; line-height:26px; color:#666;}
.yns-journalism li h4 a{color:#191919;}
.yns-journalism li h4 a:hover{color:#e8342f;}
.yns-journalism li .date{display:block;font-size:12px;opacity:.6;margin-top:10px;}
.newsL li.list {line-height:35px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size: 14px;}
.newsL li.list span{float:right;color:#999;font-size: 13px;margin-left:20px;}
.newsL li.list a:hover{padding-left:10px;background-position: 10px center;color:#e8342f;}
.newsR{background:#f2f2f2;height: auto;width:30%;position:relative;padding: 70px 3% 15px 3%;}
.newsR li{height: 115px;}
.newsR li h4{margin-bottom:10px;}
.newsR li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
/* yns-journalism */

/* yns-banner */
.yns-banner{position: relative; overflow: hidden; height: 350px;}
.yns-banner .picture{overflow: hidden;}
.yns-banner .picture img{position: relative; left: 50%; margin-left: -960px; max-width: none; -webkit-animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s; animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s;}
.yns-banner .wap-pic{display: none;}
.yns-banner{height: auto;}
.yns-banner .title{position: absolute; top: 45%; left: 50%; z-index: 2; margin-left: -700px;}
.yns-banner .ce{left: 0; margin-left: 0; width: 100%;}
.yns-banner .title .en{font-size: 18px; line-height: 1; color: rgba(255,255,255,.9); margin-top: 20px;}
.yns-banner .title .black .en{color: #595959;opacity: .5;}
.yns-banner .title .en2{color: rgba(255,255,255,.5);}
.yns-banner .title .cn{font-size: 36px; line-height: 1; color: #fff; font-weight: bold;}
.yns-banner .title .black .cn{color: #262626;}
.yns-banner .title .des{margin-top: 25px; font-size: 18px; line-height: 1; color: #fff;}
/* yns-banner */

/* hTitle */
.hTitle{font-size:1rem;margin-bottom: 40px;text-align:center;}
.hTitle span{display: block;position:relative;font-size:2.25em;color:#191919;padding-bottom:10px;margin-bottom:10px;font-weight:700;}
.hTitle span::after{content:"";position: absolute;left:50%;width:40px;height:2px;background:#e8342f;margin-left:-20px;bottom:0;}
.hTitleW,.hTitleW span{color:#fff;}
.hz-product .hTitle span::after{display:none;}
/* hTitle */

/* kefu */
.kefuBox-One{position: fixed; right:0;top:180px;z-index:99}
.kefuBox-One ul li{position: relative;margin:2px 0;cursor: pointer;}
.kefuBox-One ul li a{position: relative;display: block;width: 75px;height: 75px;overflow: hidden;}
.kefuBox-One ul li em{position:absolute;left:0;top:0;display: block;/* padding: 6px 0 0 0; */width:100%;height:100%;font-size:22px;color:#eee;text-align: center;background: #e8342f;}
.kefuBox-One ul li em:before{position: absolute;left:0;top:0;right:0;bottom: 16px;margin: auto;text-align: center;height:min-content;font-size: 29px;font-style: normal;font-family: "iconfont";line-height:1;}
.kefuBox-One ul li .ewm{ display:block;width:100%;}
.kefuBox-One ul li em.icon-mobile{font-size:35px;padding: 0px 0px 0px 0px;/*! padding-top: 0px; */}
.kefuBox-One ul li em.icon-phone{font-size:30px;}
.kefuBox-One ul li b{position:absolute;left:0;top: 45px;padding:3px;display: block;width:100%;font-size:14px;height:100%;color:#ddd;line-height: 18px;text-align:center;background: #e8342f;}
.kefuBox-One ul li .toolbar-layer{position:absolute;right: 80px;bottom:-10px;width:172px;opacity:0;padding:5px;border-radius:5px;border:1px #ccc solid;background: #fff;filter:alpha(opacity=0);transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}
.kefuBox-One ul li .img{width:120px;}
.kefuBox-One ul li .tel{color:#666;font-size: 14px;padding:20px;background: rgba(255, 255, 255, 0.86);}
.kefuBox-One ul li .tel hr{width:100%;/* height:2px; */border:0px;background: #ff5400;}
.kefuBox-One ul li .tel font{float:left;width:100%;clear: both;/* margin:5px 0; *//* padding:5px 0; */font-weight: bold;color: #e8342f;font-size: 20px;bo;/* border-bottom: 1px #ccc solid; */}
.kefuBox-One ul li .qq{padding:20px;width: 140px;}
.kefuBox-One ul li .qq a{color:#666;font-size:14px;width: auto;height: auto;margin: 8px 0;}
.kefuBox-One ul li .qq a:before{ color:#12b7f5; margin-right: 6px;font-size: 16px;}
.kefuBox-One ul li .qq a:hover{color:#12b7f5}
.kefuBox-One ul li:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.kefuBox-One ul li .cd-top{height:0px;}
.kefuBox-One ul li .cd-is-visible{height:75px;}
.kefuBox-One .icon-qq:before{content:"\e61c";}
.kefuBox-One .icon-wechat:before{content:"\e695";}
.kefuBox-One .icon-phone:before{content:"\e610";}
.kefuBox-One .icon-chevron-up:before{content:"\e600";transform: scaleY(-1);}
/* kefu */

/* footer */
.footer {background-color: #f9f9f9;border-top: 1px solid #e8342f;background: url(../images/20211118164403_368.jpg) no-repeat center;background-size: cover;overflow: hidden;}
.footer .logo h1 {font-size: 0;}
.footer-wrap {position: relative;}
.footer-left p {color: #fff;color: #e8342f;}
.footer-left em {display: inline-block;width: 12px;height: 24px;background: url(../images/fire.png)no-repeat left center;padding-left: 24px;filter: drop-shadow( 0px -3px 2px #e8342f);float: left;animation: fire 1s ease-in-out infinite;-webkit-animation: fire 1s ease-in-out infinite;-moz-animation: fire 1s ease-in-out infinite;transform-origin: bottom;transform: rotateY(30deg);filter: drop-shadow( 0px -3px 1px #cc8d00);}
.footer-left h4 {font-weight: 300;float: left;margin-right: 30px;}
.footer-left a {color: #fff;font-size: 16px;height: 25px;opacity: 0.8;}
.footer-left {float: left;width: 100%;padding: 49px 0 28px;border-bottom: 1px solid rgba(255,255,255,0.15);}
.footer.index .footer-center {float: left;width: 69.2%;padding: 44px 0 30px;}
.footer-center {float: left;width: 65.1%;padding: 44px 0 60px;}
.footer-center dl {float: left;width: 16.6%;}
.footer-center a {color: #777;}
.footer-center dt {margin-bottom: 20px;}
.footer-center dt a {color: #e8342f;font-size: 18px;font-weight: bold;}
.footer-center dd {margin-bottom: 15px;}
.footer-center dd a {font-size: 16px;}
.footer-center dd a:hover{color: #e8342f;}
.footer-right {float: right;width: 29%;color: #777;text-align: center;padding-top: 43px;}
.weixin-box {padding: 10px;background: url(../images/weixin2.png)no-repeat center;display: inline-block;transition: all 0.4s;background-size: 92%;margin: 19px 0 15px;}
.weixin-box:hover {background-size: 100%;}
.weixin-box img{ width:106px;}
.footer-right h4 {margin-bottom: 0px;font-size: 40px;font-family: 'DIN-std';letter-spacing: -2px;color: #e8342f;display: inline-block;background: url(../images/telll.png)no-repeat left 8px;padding-left: 50px;}
.footer-right p {margin-bottom: 0px;font-size: 16px;}
.footer-right .footer-search {position: unset;width: 283px;height: 36px;margin: 0 0 31px;}
.footer-search input {height: 100%;}
.footer-search .search {padding: 0 10px;background-color: #fff;float: left;color: #a9a9a9;}
.footer-search .butt {width: 56px;background-color: #e8342f;text-align: center;cursor: pointer;}
.footer-search input {height: 100%;}
.footer-search .search {padding: 0 10px;background-color: #fff;float: left;color: #a9a9a9;}
.footer-search .butt {width: 56px;background-color: #e8342f;text-align: center;cursor: pointer;}
.mod_service {padding: 27px 0 18px;border-top: 1px solid #e5e2e2;}
.mod_link {color: #fff;margin-bottom: 20px;}
.mod_link a {opacity: 0.4;color: #fff;margin-right: 20px;margin-left: 5px;}
.mod_info {color: #777;}
.mod_info a {color: #585858;margin: 0 0 0 26px;}
.mod_info a:hover {color: #e8342f;}		
.mod_info .frt{ float:right;}
.mod_link a:hover,.footer-left dd:hover,.footer-center dt:hover,.footer-center dd:hover,.footer-right dd:hover {opacity: 1;}
/* footer */

/* foot */
.foot{ display:none;}
.foot .box {width: 100%;float: left;position: fixed;left: 0;bottom: 0;height: 45px;background:#e8342f;z-index: 66;box-shadow: 0 -4px 7px rgba(0, 0, 0, 0.15);z-index: 9999999;}
.foot .box li {box-sizing: border-box;width: 50%;float: left;text-align: center;border-right: 1px solid rgba(255, 255, 255, 0.2);}
.foot .box li .ico7 {width: 100%;float: left;}
.foot .box li .name {font-weight: bold;width: 100%;float: left;font-size: 1rem;color: #fff;line-height: 45px;width: 100%;height: 100%;}
.foot .box li .name img{width:22px;margin-right: 10px;display: inline-block;vertical-align: middle;}
.foot #wxnr {width: 100%;height: 100%;max-width: 640px;min-width: 320px;position: fixed;top: 0;z-index: 1000;display: none;background: rgba(0,0,0,.6);}
.foot #wxnr .nrdf {margin: auto;position: absolute;top: 50%;left: 0;right: 0;width: 22rem;padding: 4rem 0 3rem;margin-top: -11rem;text-align: center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius: 10px;}
.foot #wxnr img {display: block;margin: 0 auto 0.8rem;}
.foot #wxnr p {display: block;font-size: 1.4rem;text-align: center;color: #666;}
.foot #wxnr i {display: block;position: absolute;top: 1rem;right: 1rem;width: 1.5rem;height: 1.5rem;font-size: 1rem;line-height: 1.5rem;text-align: center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 1rem;cursor: pointer;}
.foot #wxnr #btn {display: inline-block;padding:  0.1rem 0.2rem;background-color: #f19903;color: #fff;border-radius: 0.2rem;cursor: pointer;}
/* foot */

/* menuBox */
.menuBox{background:#f0f0f0;height:60px;line-height:60px;position:relative;font-size:14px;border-left: 1px solid #ddd;}
.menuBox::after{content:"";position: absolute;left:-50%;top:0;width:200%;background:#f0f0f0;height:100%;z-index:-1;}
.menuBox p span::after{line-height:1;top:2px;}
.listMenu{font-size:1.143rem;}
.listMenu a{display:inline-block;position:relative;color:#191919;padding:0 30px;border-right: 1px solid #ddd;z-index:2;}
.listMenu a:hover,.listMenu .cur{color:#e8342f;}
.listMenu a::after{content:"";position: absolute;left:0;bottom:0;background:#e8342f;width:100%;height:100%;transition:transform .5s;z-index:-1;transform: scale(0,1);transform-origin: right;}
.listMenu .cur::after,.listMenu a:hover::after{transform: scale(1);transform-origin: left;}
.listMenu .cur,.listMenu a:hover{color:#fff;}
/* menuBox */

/* yns-product */
.yns-product{ font-size: 0; margin: 60px auto 75px; }
.yns-product .item{ width: 50%; display: inline-block; margin-bottom: 30px;}
.yns-product .item a{ display: block; max-width: 789px; }
.yns-product .item:nth-child(2n) a{ margin-left: 1.5%; }
.yns-product .item:nth-child(2n-1) a{ margin-right: 1.5%; }
.yns-product .item .main{ position: relative; overflow: hidden; }
.yns-product .item .shade{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(232, 52, 47, 0.94); color: #fff; line-height: 1; text-align: center;top: -100%; opacity: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.yns-product .item.sort2 .shade{background:rgba(232, 52, 47, 0.94);}
.yns-product .item a:hover .shade{ top: 0%; opacity: 1; }
.yns-product .item .bar{ display: inline-block; text-align: left; max-width: 390px; }
.yns-product .item .shade .middle{padding: 10px 5%;}
.yns-product .item .bar p:nth-child(1){ font-size: 24px; }
.yns-product .item .bar p:nth-child(2){ font-size: 14px; line-height: 25px; margin-top: 36px; }
.yns-product .item .title{ margin: 26px 0; line-height: 1; }
.yns-product .item .name{ font-size: 36px; color: #e8342f; padding-left: 30px; }
.yns-product .item.sort2 .name{ color: #e8342f; }
.yns-product .item .namemark{text-align:justify;text-justify:distribute-all-lines;/*ie6-8*/text-align-last:justify;/* ie9*/-moz-text-align-last:justify;/*ff*/-webkit-text-align-last:justify;/*chrome 20+*/color: #9b9b9b; width: 10px; white-space: nowrap; padding-right: 30px; border-right: 1px solid #959595;}
.yns-product .item .namemark .cn{ font-size: 18px; }
.yns-product .item .namemark .en{ font-size: 12px; margin-top: 5px; text-transform: uppercase;}
.table{display: table;height: 100%;width: 100%;margin:0;}
.table-cell{display: table-cell;vertical-align: middle;}
/* yns-product */

/* honor */
.honor{padding-bottom:60px;text-align: center;overflow:visible;position:relative;}
.honorSlide{overflow:hidden;}
.honorSlide li{width:23.5%;float:left;background: #fff;margin-bottom: 30px;margin-right: 30px;}
.honorSlide li:nth-child(4n+0){margin-right: 0;}
.honorSlide li a{display:block;overflow:hidden;border:1px solid #ebebeb;}
.honorSlide li .pic{height: 300px;line-height: 300px;display:block;padding:15px;}
.honorSlide li img{transition:all .5s;max-height:100%;}
.honorSlide li p{font-weight:normal;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;line-height:35px;padding: 20px;padding-top:0;color:#a5a5a5;font-size:14px;padding-left: 25px;}
.honorSlide li a:hover img{transform:scale(1.1);}
.honorSlide li a:hover p{color:#a81b20;}
.honorSlide .btn{width:40px;height:40px;background: #a81b20;text-align:center;line-height:40px;color:#fff;font-family:"Arial";left:-60px;top:60%}
.honorSlide .btn:hover{background: #a81b20;}
.honorSlide .swiper-button-next{right:-60px;left:auto;}
.honorSlide li h3{font-size:20px;font-weight:500;color:#555555;text-align: left;padding-left: 22px;margin-bottom: 10px;}
.honorSlide li .tbox{padding: 0 20px;margin-top: 45px;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.honorSlide li .tit{padding-bottom: 15px;font-size: 18px;border-bottom: 1px dotted #ccd0d9;height: 40px;color: #333;white-space: nowrap; text-overflow:ellipsis;overflow:hidden;}
.honorSlide li .desc{margin-top: 20px;font-size: 14px;opacity: .7;line-height: 20px;height: 40px;text-align: left;color: #333;}
.honorSlide li .info{padding: 15px 0 0;margin-top: 15px;border-top: 1px solid #ced1d3;padding-bottom: 20px;height: 126px;}
.honorSlide li .info li{padding-top:  5px;padding-bottom:  5px;border: 0;min-height: 29px;text-align: left;margin-bottom: 0;padding-left: 46px;}
.honorSlide li .info li span{top: 5px;}
.honorSlide li .btns{position: absolute;bottom: -60px;left: 0;width: 100%;line-height: 40px;height: 40px;background: #dde0e2;-moz-transition: all 0.3s;-webkit-transition: all 0.3s; transition: all 0.3s;}
.honorSlide li .btns a{display: block;float: left;width: 50%;font-size: 14px;color: #3962b0;text-align: center;}
.honorSlide li .btns a:nth-child(2){color: #fff;background: #3962b0;}
.honorSlide li .btns a:nth-child(2):after{content: "";width: 14px;height: 14px;display: inline-block;vertical-align: middle;margin-left: 10px;background: url(../images/zxico.png) no-repeat center center;}
.honorSlide li .btns a:hover{color: #fff;background-color: #4b5777;}
.honorSlide .info li{width: 100%;padding-bottom:15px;}
.info{padding: 0 20px;background: rgba(255,255,255,.7);}
.info li{position: relative;font-size: 14px;color: #021440;/* border-top: 1px dotted #cccfd8; */padding: 10px 0 10px 105px;line-height: 17px;min-height: 37px;}
.info li:first-child{border-top: 0;}
.info li span{/* position: absolute; *//* left: 0; *//* top: 10px; *//* font-size: 14px; *//* color:  rgba(2,20,64,.7); *//* border-right: 1px solid #e1e3e8; *//* width: 95px; *//* text-align: justify; */}
.info li img{margin: -4px 10px 0 0;vertical-align: middle;}
.info{padding: 0 20px;background: rgba(255,255,255,.7);}
.info li{position: relative;font-size: 14px;color: #000;/* border-top: 1px dotted #cccfd8; */padding: 10px 0 10px 105px;line-height: 17px;min-height: 37px;}
.info li:first-child{border-top: 0;}
.info li span{position: absolute;left: 0;top: 10px;font-size: 14px;color: rgba(0,0,0,.7);border-right: 1px solid #e1e3e8;width: 32px;text-align: justify;}
.info li img{margin: -4px 10px 0 0;vertical-align: middle;}
/* honor */

/* proxq-sec */
.proxq-sec {padding: 50px 0;background: #f1f1f1;}
.proxq-sec .main1 {background: #fff;}
.proxq-sec .main1 .pic {float: left;width: 50%;border-right: 1px solid #dbdbdb;padding: 30px 0;}
.proxq-sec .main1 .pic img {display: block;margin: 0 auto;max-width: 100%;height: 420px;}
.proswiper .swiper-button-next {width: 44px;right: 0;background: url(../images/pror.png) no-repeat center center;}
.proswiper .swiper-button-prev {width: 44px;left: 0;background: url(../images/prol.png) no-repeat center center;}
.proxq-sec .main1 .tbox {float: left;width: 50%;padding: 30px 50px 0;}
.proxq-sec .main1 .tbox .t1 {font-size: 20px;color: #333;font-weight: bold;padding: 15px 0;}
.proxq-sec .main1 .tbox .t2 {font-size: 14px;color: #555555;line-height: 32px;margin-top: 10px;}
.proxq-sec .main1 .tbox .t2 ul li {padding-left: 15px;position: relative;}
.proxq-sec .main1 .tbox .t2 ul li:before {content: "";width: 6px;height: 6px;border-radius: 50%;background: #e8342f;position: absolute;left: 0;top: 13px;}
.proxq-sec .main1 .tbox .t3 {margin-top: 50px;line-height: 50px;}
.proxq-sec .main1 .tbox .t3 .prozx {display: inline-block;vertical-align: middle;width: 200px;height: 50px;border-radius: 25px;font-size: 18px;color: #fff;background: #e8342f;text-align: center;}
.proxq-sec .main1 .tbox .t3 .prozx img {vertical-align: middle;margin-left: 10px;}
.proxq-sec .main1 .tbox .t3 .prozx:hover {background: #c81712;}
.hotel {display: inline-block;vertical-align: middle;margin-left: 40px;padding-left: 55px;background: url(../images/phone2.png) no-repeat left center;}
.hotel .tt1 {font-size: 15px;color: #333333;line-height: 15px;}
.hotel .tt2 {font-size: 30px;color: #e8342f;font-family: 'DIN-MEDIUM';font-weight: bold;line-height: 29px;}
.proxq-sec .main2 {margin-top: 30px;background: #fff;padding: 30px;}
.protabs {font-size: 0;border-bottom: 1px solid #f1f1f1;}
.protabs li {font-size: 20px;color: #565656;font-weight: bold;padding: 0 35px;display: inline-block;line-height: 40px;cursor: pointer;}
.protabs li.on {color: #fff;background: #e8342f;}
.protabscon {margin-top: 30px;font-size: 15px;color: #555555;line-height: 32px;}
.protabscon .box {display: none;}
.protabscon .box:first-child {display: block;}
.proxq-sec .main1 li{width: 33.3%;text-align: left;line-height: 1;margin-top: 25px;font-size: 17px;padding-left: 20px;}
.proxq-sec .main1 li:nth-child(3n+1){ border-left: none; text-align: left;}
.proxq-sec .main1 li:nth-child(1){padding-left:0;}
.proxq-sec .main1 li:nth-child(4){padding-left:0;}
.proxq-sec .main1 .tbox .cptd{margin-bottom: 15px; margin-top:40px; font-size:18px; font-weight:bold;}
.line-clamp5 {word-break: break-all;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}
.line-height {line-height: 2;}
.line-clamp5 p{ font-size:16px;}
/* proxq-sec */

/* yns-case */
.yns-case{ background:#f2f2f2;}
.case-box ul{margin-right:-30px;}
.case-box li{width:33%;text-align:center;float:left;padding-right:30px;margin-bottom:30px;}
.case-box li a{display:block;overflow:hidden;background: #fff;border-radius: 10px;}
.case-box li .pImg{padding-top:74%;border:1px solid #e1e1e1;}
.case-box li p{font-weight:normal;text-align: left;/* white-space:nowrap; */overflow:hidden;/* text-overflow:ellipsis; */color:#333;z-index:2;position:relative;/* margin-top:20px; */}
.case-box li a:hover img{transform:scale(1.1);}
.case-box li a:hover .tit{color:#e8342f;}
.case-box .tit{font-size: 18px;color: #111111;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.case-box .txt{font-size: 14px;line-height: 24px;color: #666;height: 48px;overflow: hidden;}
.case-box .content{ padding:30px;}
/* yns-case */

/* yns-video */
.video-box{display:table;width:100%;margin: 0;}
.video-box li{float:left;width: 32%;margin: 0 2% 2% 0;}
.video-box li:nth-child(3n){margin-right: 0;}
.video-box li img{max-width:100%;width:100%;}
.video-box li .pic{border: 1px #ddd solid; background: #f9f9f9;position:relative;display:block;overflow:hidden;}
.video-box li:hover .pic{border: 1px #e8342f solid;}
.video-box li h4{color: #000;font-size: 18px;text-align: center;padding:12px 0;}
.video-box li:hover h4{color:#e8342f;}
.video-box li .pImg{padding-top: 70%;}
.video-box li .pImg::after{content:"";position:absolute;left:0;top:0;background:#000;opacity:.5;width:100%;height:100%;transition:all .5s;z-index:4;}
.video-box li .pImg::before{content:"";position:absolute;left:50%;top:50%;width:50px;height:50px;background: url('../images/vIcon.png') no-repeat;margin-left:-30px;margin-top:-18px;z-index:5;transition:all .5s;}
/* yns-video */

/* yns-new */
.newsTxt{width:47%;height:500px;}
.newsTxt li{height:150px;border-bottom: 1px solid #cfcfcf;margin-bottom:24px;position:relative;}
.newsTxt li h4{font-size: 22px;font-weight: bold;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsTxt li .txt{font-size:16px;color:#666;line-height: 28px;}
.newsTxt li h4 a{color:#191919;background: url('../images/ c .jpg') no-repeat right center;padding-right:40px;}
.newsTxt li h4 span{display: block;font-size:14px;color:#e8342f;margin:8px 0 12px 0;}
.newsTxt li h4 a:hover,.newsTxt .on h4 a{color:#e8342f;}
.newsTxt li::after{content:"";position: absolute;left:0;bottom:0;height:1px;background:#e8342f;width:0;transition:all .5s;}
.newsTxt li:hover::after,.newsTxt .on::after{width:100%;}
.newsSlide{width:49%;position:relative;text-align:center;overflow:hidden;height:500px;}
.newsSlide li a{height:500px;overflow:hidden;display: block;position:relative;border-radius: 10px;}
.newsSlide li p{position: absolute;left:0;bottom:0;width:100%;height:60px;line-height:60px;background:rgba(0, 0, 0,.5);color:#fff;padding:0 5%;text-align:left;font-size:1.286em;}
.newsSlide .btn{width:28px;height:40px;color:#333;text-align:center;line-height:40px;top:50%;display:none;background: rgba(0, 0, 0,.8);color:#fff;left:0;}
.newsSlide .btn:hover{background:#e8342f;color:#fff;}
.newsSlide .swiper-button-next{left:auto;right:0;}
/*--*/	
.newsList{overflow:hidden;font-size:.813rem;}
.newsList ul{margin-right:-40px;}
.newsList li{float:left;padding-right:40px;width:33%;margin-bottom:40px;}
.newsList li a{display:block;color:#777;}
.newsList li .pImg{padding-top:64%;margin-bottom:15px;border-radius: 10px;}
.newsList li h3{font-size:22px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;transition:all .3s;margin-bottom:25px; font-weight:bold;}
.newsList li p{font-size:16px;color:#666;line-height: 28px;border-bottom: 1px solid #e5e5e5;height: 80px;margin-bottom: 20px;}
.newsList li a:hover p::after{transform: scale(1);transform-origin:left;}
.newsList li .time{background-image: url(../images/icos-time.png); background-size: auto; background-position: 0 50%; background-repeat: no-repeat;padding-left: 20px;}
.newsList li .author{background-image: url(../images/icos-author.png); background-size: auto; background-position: 0 50%; background-repeat: no-repeat;padding-left: 20px;}
.newsList li a:hover img{transform:scale(1.1);}
.newsList li a:hover h3{color:#e8342f;}
/* yns-new */

/* pagination */
.pagination{padding:25px 0 65px 0;text-align:center;overflow:hidden;}
.pagination a{font-size:12px;line-height:30px;display:inline-block;height:30px;padding:0 12px;text-align:center;color:#333;border: 1px solid #e3e3e3;background:#fff;margin-left:2px;}
.pagination a.a1{line-height:30px;height:30px;margin-top:0;padding:0 12px;}
.pagination a:hover{text-decoration:none;color:#000;background:#f1f1f1;}
.pagination span{line-height:30px;display:inline-block;height:30px;padding:0 12px;text-align:center;color:#fff;margin-left:2px;background:#e8342f;color:#fff;border:1px solid #e8342f;}
/* pagination */

/* showCon */
.picShow_l{width:68.5%;overflow:hidden;}
.picShow{max-width:1340px;}
.showTie{overflow:hidden;margin-bottom:40px;color:#333;}
.showTie p{ font-size:15px;}
.showTie h2{font-size:2.143em;color:#333;font-weight:bold;margin-bottom:15px;}
.showTie .txt span{margin-right:15px;color: #999;}
.showTie .txt i{font-style:normal;color: #999;}
.showCon{overflow:hidden;margin-bottom:40px;}
.showCon p span{ font-size:17px; line-height:32px; display:block; overflow:hidden; color:#000;}
.showCon p{ font-size:16px; line-height:32px; display:block; overflow:hidden;}
.showCon .ce img{min-width:60%;}
.show-synopsis{background:#f7f8fa;padding:15px;margin-bottom:40px;font-size: 15px;}
.show-synopsis i{display:inline-block;width:15px;background: url('../images/a_l.png') no-repeat;height:15px;margin-right:5px;}
.show-synopsis .r{background: url('../images/a_r.png') no-repeat;margin-left:5px;margin-right:0;}
.showPage{overflow:hidden;border-top: 1px solid #ddd;padding-top:30px;font-size:13px;}
.showPage a{float:left;width:43%;padding-left:30px;font-size: 16px;}
.showPage a i{font-style:normal;font-family:"宋体";font-weight:bold;margin:0 10px 0 -30px; border-right: 1px dotted #ccc;padding-right:10px;display:inline-block;}
.showPage a:nth-child(2){float:right;text-align:right;padding:0 34px 0 0;}
.showPage a:nth-child(2) i{border-left:1px solid #ddd;border-right:none;margin-left:0;margin-right:-30px;float:right;padding-right:0;padding-left:10px;}
.relativeS{background:#f6f6f6;}
.relativeS .tie{font-size:2em;color:#333;margin-bottom:30px;}
.relativeS ul{margin-right:-30px;}
.relativeS li{float:left;width:25%;padding-right:30px;text-align:center;margin-bottom:15px;}
.relativeS li p{height:50px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.relativeS li .pImg{padding-top:74%;}
.relativeS li a:hover img{transform: scale(1.1);}
.picShow_r{width:27%;overflow:hidden;}
.picShow_r .title{font-size:1.429em;color:#333;border-bottom: 1px solid #d9d9d9;height:40px;margin-bottom:25px;white-space:nowrap;text-overflow: ellipsis;}
.picShow_r .title span{display:inline-block;border-bottom: 1px solid #e8342f;height:40px;}
.picShow_r .title a{float:right;font-size:12px;margin-top:4px;}
.picShow_r li{border-bottom: 1px dotted #bfbfbf;padding-bottom:15px;margin-bottom:15px;overflow: hidden;font-size:12px;}
.picShow_r li .pImg{width:35%;float:left;padding-top:26%;margin-right:20px;border:1px solid #ddd;}
.picShow_r li h4{font-size:15px;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.picShow_r li h4 a{color:#222;}
.picShow_r li h4 a:hover{color:#e8342f;}
.picShow_r li:hover img{transform: scale(1.1);}
.picShow_r li:last-child{border-bottom:none;}
.rightNews_w li h4{font-size:18px;padding-top:10px;}
.rightNews,.rightContact{background:#f2f2f2;padding:5%;}
.rightNews_w,.rightContact_w{background:#fff;padding:8%;}
.rightContact{margin-top:30px;}
.rightContact h4{background: url('../images/zxIcon.png') no-repeat left 8px;padding-left:30px;font-size:2em;color:#191919;font-family:Arial;font-weight:bold;border-bottom: 1px solid #ddd;padding-bottom:15px;margin-bottom:15px;}
.rightContact p{padding-left:80px;margin-bottom:10px;overflow:hidden;}
.rightContact p span{margin-left:-80px;float:left;}
.newsRelative{margin-top:40px;}
.newsRelative .tie{font-size:1.714em;color:#191919;margin-bottom:20px;}
.newsRelative ul{overflow:hidden;}
.newsRelative li{float: left;width:48%;height:46px;line-height:46px;border-bottom: 1px solid #eee;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;background: url('../images/ly_li.png') no-repeat left center;padding-left:15px;}
.newsRelative li a{ font-size:16px;}
.newsRelative li:nth-child(2n){float:right;}
.newsRelative li span{float:right;opacity:.5;margin-left:15px;font-size: 15px;}
/* showCon */

/* yns-about */
.about-box .hTitle span::after{display:none;}
.about-box .hTitle {margin-bottom: 20px;}
.about-box{  padding: 80px 0;  }
.about-top .left{  float: left;  width: 63.2%;  }
.about-title{padding-bottom: 60px;}
.about-title .about-tit{  font-size: 34px;  line-height: 40px;  color: #333;  }
.about-title .line{  width: 30px;  height: 5px;  background-color: #002cd2;  margin-top: 30px;  }
.about-top .left .con{  font-size: 16px;  line-height: 32px;  color: #666666;  }
.about-top .left .con p{margin-bottom: 20px;line-height: 32px;color: #000;}
.about-top .right{  float: right;  width: 28.82%;  }
.about-top .item{  padding-bottom: 10px;  margin-bottom: 10px;  border-bottom: 1px solid #e8e8e8;  }
.about-top .item:last-child{  margin-bottom: 0;  }
.about-top .num-box{  float: left;  }
.about-top .num-top{  font-size: 0;  }
.about-top .num-box .num,
.about-top .num-box .year,
.about-top .num-box .unit{display: inline-block;zoom: 1;vertical-align: bottom;}
.about-top .num-box .num{  font-size: 54px;  line-height: 54px;  color: #e8342f;  font-family: 'BEBAS';  }
.about-top .num-top .year{  font-size: 14px;  line-height: 23px;  width:23px;  height: 23px;  background-color: #e8342f;  border-radius: 100%;  text-align: center;  color: #fff;  margin-left: .2rem;  }
.about-top .num-top .unit{  font-size: 16px;  line-height: 16px;  color: #e8342f;  margin-left: 20px;  }
.about-top .txt{  font-size: 16px; }
.about-top .icon{  float: right;  width: 80px;  }
.about-event .swiper-container { width: 100%;}
.about-event .swiper-container .swiper-slide {  height: auto; padding: 0 30px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box;  }
.about-event .swiper-container .swiper-scrollbar-drag{background: rgba(39,79,161,1)}
/* yns-about */

/* HonorCont */
.HonorCont{   background:url(../images/honorbj.jpg) no-repeat center; background-size:cover ; background-attachment:fixed ;}
.HonorCont .list{}
.HonorCont .list li{ text-align: center;}
.HonorCont .list .pic{}
.HonorCont .list h4{color: #5b5858;font-size:16px;margin-top: 0;background: #fff;line-height: 40px; height:50px;}
.HonorCont .list .box{padding: 2px;background: #fff;}
/* HonorCont */

/* yns-culture */
.yns-culture .hTitle span::after{display:none;}
.yns-culture .hTitle{ padding-top:80px;}
.yns-culture{ overflow: hidden; height:780px;}
.yns-culture .img{ width:50%; height:100%; }
.yns-culture .txt{ width:50%; height:100%; padding-left:100px;  background: url(../images/culturebj.jpg) no-repeat center center; background-size:cover;}
.yns-culture .txt .flex{ height:100%; }
.yns-culture .txt .atit{ text-align: left; }
.yns-culture .txt .info{color:#000;font-size:18px;margin:60px 0;line-height:1.8;width: 100%;display: block;overflow: hidden; background:none;}
.yns-culture .txt .info b{ color:#373636; font-size:20px;}
/* yns-culture */

/* yns-advantage */
.yns-advantage{width: 100%;padding-top: 70px;padding-bottom: 70px;}
.yns-advantage h6{font-size: 30px;color: #2e2e2e;line-height: 34px;margin-bottom: 30px;}
.yns-advantage .border{width: 53px;height: 2px;background: #e8342f;margin-bottom: 50px;}
.yns-advantage .content{width: 100%;}
.yns-advantage .content ul{overflow: hidden;width: 100%;}
.yns-advantage .content ul li{width: 50%;float: left;}
.yns-advantage .content ul li a{display: block;width: 100%;}
.yns-advantage .content ul li a .left{width: 50%;float: left;height: 338px;background: #f5f5f5;position: relative;}
.yns-advantage .content ul li a:hover .left{background: #e8342f;}
.yns-advantage .content ul li a .left .wordsbox{width: 100%;position: absolute;left: 0;top: 50%;padding: 0 36px;
transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-o-transform: translate(0,-50%);}
.yns-advantage .content ul li a .left .wordsbox .ico{width: 70px;margin: 0 auto 32px auto;}
.yns-advantage .content ul li a .left .wordsbox .ico img{width: 100%;display: block;}
.yns-advantage .content ul li a .left .wordsbox .ico img.img2{display: none;}
.yns-advantage .content ul li a:hover .left .wordsbox .ico img.img1{display: none;}
.yns-advantage .content ul li a:hover .left .wordsbox .ico img.img2{display: block;}
.yns-advantage .content ul li a .left .wordsbox .tit{font-size: 22px;color: #333333;line-height: 26px;margin-bottom: 10px;text-align: center;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.yns-advantage .content ul li a .left .wordsbox .brs{width: 20px;height: 2px;background: #e8342f;margin: 0 auto 18px auto;}
.yns-advantage .content ul li a .left .wordsbox .info{font-size: 16px;color: #666666;line-height: 30px;text-align: center;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;background: no-repeat;}
.yns-advantage .content ul li a:hover .left .wordsbox .tit{color: #fff;}
.yns-advantage .content ul li a:hover .left .wordsbox .brs{background: #fff;}
.yns-advantage .content ul li a:hover .left .wordsbox .info{color: #fff;}
.yns-advantage .content ul li a .right{width: 50%;float: right;height: 338px;overflow: hidden;}
.yns-advantage .content ul li a .right div{width: 100%;height: 100%;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;}
.yns-advantage .content ul li a:hover .right div{
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);}
.yns-advantage .content ul li:nth-child(3) a .left,
.yns-advantage .content ul li:nth-child(4) a .left{float: right;}
.yns-advantage .content ul li:nth-child(3) a .right,
.yns-advantage .content ul li:nth-child(4) a .right{float: left;}
/* yns-advantage */

/* yns-partners */
.yns-partners .content .ul .li .list a{ position:relative; overflow:hidden;}
.yns-partners .content .ul .li .list a:after{position:absolute; left:0; top:150%; z-index:3; content:''; float:left; width:100%; height:100%; z-index:3; background:#e8342f; opacity:0.8;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.yns-partners .content .ul .li .list .text{ position:absolute; left:0; top:150%; z-index:4; float:left; width:100%; transform:translateY(-50%); -ms-transform:translateY(-50%); text-align:center; color:#fff; font-size:14px; line-height:26px;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.yns-partners .content .ul .li .list a:hover:after{ top:0;}
.yns-partners .content .ul .li .list a:hover .text{ top:50%;}
.yns-partners{width: 100%;padding-top: 70px;padding-bottom: 70px;background: #f5f5f5;}
.yns-partners h5{font-size: 30px;color: #2e2e2e;line-height: 34px;margin-bottom: 30px;}
.yns-partners .border{width: 53px;height: 2px;background: #e8342f;margin-bottom: 50px;}
.yns-partners .content{width: 100%;}
.yns-partners .content .ul{margin: 0 -10px;width: calc(100% + 20px);}

.yns-partners .content .ul .li{padding: 0 10px;width: 16.6%;float: left;margin-bottom: 20px;}
.yns-partners .content .ul .li .list{margin-bottom: 20px;}
.yns-partners .content .ul .li .list:last-child{margin-bottom: 0;}
.yns-partners .content .ul .li .list a{display: block;width: 100%;}
.yns-partners .content .ul .li .list a .pic{ width: 100%; padding-bottom: 40.8%; position: relative; overflow: hidden; min-height: 50px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.yns-partners .content .ul .li .list a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.yns-partners .content .ul .li .list a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.yns-partners .content .ul .slick-prev{width: 39px;height: 39px;background: url(img/img137.png) no-repeat center center; background-size: cover;left: auto;right: 77px; top: -100px;border: 1px solid #A6A6A6;
transform: translate(0,0);
-ms-transform: translate(0,0);
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);}
.yns-partners .content .ul .slick-next{width: 39px;height: 39px;background: url(img/img138.png) no-repeat center center; background-size: cover;right: 10px;top: -100px;border: 1px solid #A6A6A6;
transform: translate(0,0);
-ms-transform: translate(0,0);
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);}
.yns-partners .content .ul .slick-prev:hover{background: url(img/img139.png) no-repeat center center; background-size: cover;background-color: #e8342f;border-color: #e8342f;}
.yns-partners .content .ul .slick-next:hover{background: url(img/img140.png) no-repeat center center; background-size: cover;background-color: #e8342f;border-color: #e8342f;}
.yns-partners .content .ul .slick-dots{position: absolute; bottom: auto; height: 6px; text-align: center;top: -36px;left: auto;right: 15px;width: auto;}
.yns-partners .content .ul .slick-dots li{ vertical-align: top; width: 6px; height: 6px; margin: 0 5px; background: #C4C4C4;}
.yns-partners .content .ul .slick-dots li.slick-active{ background: #e8342f;}
/* yns-partners */

/* yns-contact*/
.contactTel{margin-bottom:40px;overflow:hidden;border:1px solid #ccc;}
.contactTel li{float: left; width:33.3%;padding:3%;border-right:1px solid #ccc;font-size:1.286em;height:360px;}
.contactTel li p{ font-size:18px;}
.contactTel li img{width:100%;margin-bottom:20px;border-radius: 10px;}
.contactTel li:last-child{border-right:none;}
.contactTel li h5{padding-left:60px;position:relative;font-size: 16px;}
.contactTel li h5 span{color:#e8342f;display: block;font-size: 34px;}
.contactTel li h5::after{content:"\e610";position: absolute;left:0;top:0;font-family:"iconfont";color:#e8342f;font-size:3rem;}
.contactTel li.wx p{width:40%;text-align:center;}
.contactTel li .tel span{color:#e8342f;font-size: 28px;}
.contactBox2{margin-right:-1%;}
.contactBox2 li{float:left;width:32.3%;border:1px solid #d9d9d9;min-height:160px;padding:3% 2% 1% 4%;font-size:1.125em;background:#f7f8fa;margin:0 1% 0 0;}
.contactBox2 li:nth-child(3){ margin-right:0;}
.contactBox2 li span{display: block;position:relative;margin-bottom:10px;}
.contactBox2 li span::after{content:"\e94f";position:absolute;left:-30px;font-family:"iconfont";font-size:1.125rem;}
.contactBox2 li:nth-child(2) span::after{content:"\e614";}
.contactBox2 li:nth-child(3) span::after{content:"\e908";}
.contactBox2 li p{display:block;font-size: 23px;color:#333;font-weight:bold;}
/*--*/
#dituContent{width:100%;height:560px;position: relative;}
.contactR{background:#eee;height:520px;width:50%;padding:3%;line-height: 1.8;padding-right:250px;overflow: hidden;position: relative;}
.contactR .titie{font-size:28px;color:#0a4f90;margin-bottom:20px;}
.contactR .font{max-height:420px;overflow-y: auto;}
.contactR .wx{float:right;margin-right:-200px;width:160px;}
.contactR .wx p{text-align:center;margin-bottom:20px;}
.contactR .wx p span{display:block;}
#dituContent .gogo {position: absolute;left: 50%;top: 50%;margin-left: -120px;margin-top: -60px;width: 240px;height: 56px;background-color: #e8342f;box-shadow: 0px 10px 20px 0px rgba(47, 113, 214, 0.15);border-radius: 28px;z-index: 2;text-align: center;line-height: 56px;color: #fff;font-size: 18px;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
#dituContent .gogo:hover {box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);}
.icon-map-loc {width: 26px;height: 26px;background-size: contain;margin-right: 15px;margin-top: -2px;display: initial;}
/* yns-contact*/

/* contact*/
.contact{ float:left; width:100%; background:#fff; padding:20px 0 0 0;}
.contact ul{flex-wrap:wrap; display: flex; margin:0 -10px;}
.w_1600 li{ float:left; width:20%!important; padding:10px;}
.contact li .la{ float:left; width:100%; position:relative; min-height:100%; background:#f5f5f5; padding:40px!important;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.contact li .la:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.contact li:nth-child(1),
.contact li:nth-child(2),
.contact li:nth-child(3),
.contact li:nth-child(4),
.contact li:nth-child(5),
.contact li:nth-child(6){  width:33.33%;}
/*20221214start*/
.contact li:nth-child(7){ width:50%;}
/*.contact li:nth-child(8){ width:50%;}*/
/*20221214end*/
.contact li:nth-child(1) .la,
.contact li:nth-child(2) .la,
.contact li:nth-child(3) .la,
.contact li:nth-child(4) .la,
.contact li:nth-child(5) .la,
.contact li:nth-child(6) .la{padding:20px 20px 20px 130px;}
/*20221214start*/
.contact li:nth-child(7) .la{padding:20px 135px 20px 130px;}
/*.contact li:nth-child(8) .la{padding:20px 135px 20px 130px;}*/
/*20221214end*/
.contact li .ico{ float:left; width:74px; height:74px; position:absolute; left:35px; top:20px;}
.contact li h5{ float:left; width:100%; color:#333333; font-weight:bold; font-size:20px; line-height:30px; margin:1px 0 10px 0;}
.contact li h6{ float:left; width:100%; color:#4f4f4f; font-size:16px; line-height:30px; margin-bottom:3px; }
.contact li h6 span{ color:#e8342f; font-size:20px; font-weight:bold; font-family:Arial; word-break:break-word; font-weight:bold;}
.contact li h6 font{ margin-right:9px;}
.contact li .a{ float:right; position:absolute; right:40px; top:26px; color:#666666; font-size:12px; line-height:22px; padding-top:35px; background:url(img/h12.png) center top no-repeat;}
.contact li .a:hover{color:#e8342f;background:url(img/h11.png) center top no-repeat;}
.contact li i{ float:left; width:100%; text-align:center; line-height:0; position:relative; border:1px  dashed #dde2eb; border-bottom:none; padding:17px 12px 0 12px}
.contact li i img{ max-width:100%;}
.contact li h4{ float:left; width:100%; position:relative; text-align:center; white-space:nowrap; display: flex; align-items: center;  justify-content:center; line-height:36px; color:#333333; font-size:16px; position:relative; border:1px  dashed #f7c7c6; border-top:none; padding:0 12px 15px 12px;}
.contact li h4 img{ max-width:none; width:33px; height:33px; margin-right:5px;}
.contact li i:after,
.contact li i:before,
.contact li h4:after,
.contact li h4:before{ float:left; width:13px; height:13px; content:''; position:absolute; }
.contact li i:after{left:-1px; top:-1px; border-top:2px solid #e8342f; border-left:2px solid #e8342f;}
.contact li i:before{right:-1px; top:-1px; border-top:2px solid #e8342f; border-right:2px solid #e8342f;}
.contact li h4:after{left:-1px; bottom:-1px; border-bottom:2px solid #e8342f; border-left:2px solid #e8342f;}
.contact li h4:before{right:-1px; bottom:-1px; border-bottom:2px solid #e8342f; border-right:2px solid #e8342f;}
.contact li .ewma{float:left;width:100%;}
.contact li .ewma:hover h4{color: #e8342f;}
/* contact*/