﻿* { font: 14px/1.5 "微软雅黑", "Arial", "Helvetica", "SimHei", "STXihei", sans-serif; margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
table, th, td, tr { border-collapse: collapse; border-spacing: 0; font-size: 16px;}
ol, ul { list-style: none;}
li { list-style-type: none;}
img { max-width: 100%; border: 0;}
.clear::after { content: ''; display: block; height: 0; overflow: hidden; clear: both;}
a { color: #222; text-decoration: none;}
a:visited, a:hover, a:active { text-decoration: none;}
.fl { float: left;}
.fr { float: right;}

.icon { display: block; width: 100%; height: 100%;}

.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.cover, .cover1 { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.cover { width: 100%; height: 100%; object-fit: cover;}
.cover1 { max-width: 100%; max-height: 100%; margin: auto;}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width: 0;}/* 滚动槽宽度 */
::-webkit-scrollbar-track { background-color: #f6f6f6;}/* 滚动条滑块默认状态 */
::-webkit-scrollbar-thumb { background-color: #d80031;}
::-webkit-scrollbar-thumb:window-inactive { background-color: #d80031;}  /* 滚动条滑块点击状态 */

@font-face {
  font-family: "iconfont"; /* Project id 4848148 */
  src: url('../font/iconfont.woff2') format('woff2'),
       url('../font/iconfont.woff') format('woff'),
       url('../font/iconfont.ttf') format('truetype');
}
.iconfont{font-family:"iconfont"!important; font-style:normal;}

.w1400 { width: 1400px; margin: 0 auto;}
@media (max-width:1440px) {
  .w1400 { width: 94%;}
}

.w1600 { width: 1600px; margin: 0 auto;}
@media (max-width:1680px) {
  .w1600 { width: 94%;}
}



/*lyTop start*/
.lyTop{width:100%; z-index:999; position:fixed; transition:all 0.3s ease-out; backdrop-filter: blur(3px);}
.lyTop:after {content: ""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:rgb(255, 255, 255, .1); z-index:998} 

.lyTop.fxd,.ny .lyTop{ background:#fff; -webkit-box-shadow: 0 5px 5px rgb(0, 0, 0, .06); box-shadow: 0 5px 5px rgb(0, 0, 0, .06); position: fixed; left: 0; top: 0; z-index: 999;}
.lyTop a.lyLogo { display: block; height:50px; margin:25px 0; float: left;}
.lyTop a.lyLogo img { max-height: 100%;}
.lyTop a.lyLogo .lazy-load{display:none}
.lyTop a.lyLogo .logo{display:block}
.lyTop.fxd a.lyLogo .lazy-load,.ny .lyTop a.lyLogo .lazy-load{display:block}
.lyTop.fxd a.lyLogo .logo,.ny .lyTop a.lyLogo .logo{display:none}



.lyTop:hover{background:#fff;}
.lyTop:hover:after {content: ""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:rgb(0, 0, 0, .1);}
.lyTop:hover a.lyLogo .lazy-load{display:block}
.lyTop:hover a.lyLogo .logo{display:none}

.lyTop_btn {margin-top:28px;}
.lyTop_btn i{font-size:30px; color:#fff}
.lyTop.fxd .lyTop_btn i,.lyTop:hover .lyTop_btn i,.lyTop.fxd .search i,.lyTop:hover .search i,.ny .lyTop .lyTop_btn i,.ny .lyTop:hover .lyTop_btn i,.ny .lyTop .search i,.lyTop:hover .search i{color:#d80031}



.lyTop .search{width:5%; text-align:center}
.lyTop .search i{font-size:22px; color:#fff; line-height:100px}
{color:#333}

.lyNav_list>ul { display: -webkit-flex; display: flex; align-items: center; justify-content: space-between;}
.lyNav_list>ul>li { padding: 0 16px; position: relative;}
.lyNav_list>ul>li>a { display: block; height: 100px; overflow: hidden; line-height: 100px; color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase; padding: 0 16px; position: relative;}
.lyNav_list>ul>li:hover>a, .lyNav_list>ul>li.active>a { color: #d80031;}
.lyNav_list>ul>li>i { display:none; width: 16px; height: 16px; margin-top: -10px; position: absolute; top: 50%; right: 14px;}
.lyNav_list>ul>li:hover>i svg path, .lyNav_list>ul>li.active>i svg path { fill: #d80031;}

.lyNav_list>ul>li ul { opacity:0; width: 140%; overflow: hidden; background:rgb(255, 255, 255, 1); backdrop-filter: blur(3px); -webkit-box-shadow: 0 5px 5px rgb(0, 0, 0, .06); box-shadow: 0 5px 5px rgb(0, 0, 0, .06); border-radius: 0 0 4px 4px; position: absolute; left: -20%; top: 100px; z-index: 2; transition:all 0.3s ease-out;}
.lyNav_list>ul>li:hover ul { opacity:1}
.lyNav_list>ul>li ul li { height:0px; line-height:0px; transition:all 0.3s ease-out;}
.lyNav_list>ul>li:hover ul li{height:60px; line-height:60px;}
.lyNav_list>ul>li ul li:hover {}
.lyNav_list>ul>li ul li:last-child { border: 0;}
.lyNav_list>ul>li ul li a {display: block; color: #454545; font-size:15px; text-align: center; text-transform: capitalize; height:60px; line-height:60px; border-bottom:1px solid rgb(0, 0, 0, .05);}
.lyNav_list>ul>li ul li a:hover {background:#d80031; color:#fff;}

.lyTop:hover .lyNav_list>ul>li>a,.lyTop.fxd .lyNav_list>ul>li>a,.ny .lyTop .lyNav_list>ul>li>a{color:#333;}
.lyTop:hover .lyNav_list>ul>li:hover>a, .lyTop:hover .lyNav_list>ul>li.active>a,.lyTop.fxd .lyNav_list>ul>li.active>a,.ny .lyTop .lyNav_list>ul>li.active>a{ color: #d80031;}




.lyNav_list>ul>li .img{position: fixed; width:100%; left:0; padding:0; z-index:997; transition:all 0.3s ease-out;}
.lyNav_list>ul>li .img .width{width:1600px; margin: 0 auto;}
.lyNav_list>ul>li .img li{width:calc(20% - 20px); margin:0px 10px; float:left; height:0px; line-height:0px; transition:all 0.3s ease-out;}
.lyNav_list>ul>li .img li img{border-radius:5px; height:0}
.lyNav_list>ul>li .img li a{height:auto; line-height:40px; border-bottom:none; font-size:18px; font-weight:bold}
.lyNav_list>ul>li .img li a:hover {background:none; color:#d80031;}
.lyNav_list>ul>li .img li .pro_name{}
.lyNav_list>ul>li .img li .pro_name p{line-height:40px; font-size:14px; border-bottom:1px solid rgb(0, 0, 0, .05);}


.lyNav_list>ul>li:hover .img{padding:40px 0;}
.lyNav_list>ul>li:hover .img li img{border-radius:5px; height:auto}
.lyNav_list>ul>li:hover .img li{height:auto; line-height:0px;}

.lyNav_list>ul>li .three{width:400%;}
.lyNav_list>ul>li .three li{width:33.333%; float:left; border-right:1px solid rgb(0, 0, 0, .05);}
.lyNav_list>ul>li .three li:last-child {border-right:1px solid rgb(0, 0, 0, .05);}
/*lyTop end*/


/*lyFooter start*/
.lyFooter { overflow: hidden; background-color: #222;}
.lyFoot_main { padding: 60px 0;}
.lyFoot_main .lyFoot_left { width: 28%;}
.lyFoot_left a.ftlogo { display: block; height: 60px;}
.lyFoot_left a.ftlogo img { max-height: 100%;}
.lyFoot_left p.des { line-height: 2; color: #fff; font-size:27px; font-weight:bold; margin-top:30px}
.lyFoot_left p.en{ text-transform:uppercase; color:#fff; font-size:16px; margin-bottom:30px}
.lyFoot_left .followus span { display: block; line-height: 38px; color: #fff; font-size: 16px; font-weight: bold; margin-right:20px; float: left;}
.lyFoot_left .followus a {display: block; width:40px; height:40px; line-height:43px; border-radius:20px; margin-right:8px; float: left; text-align:center; color:#fff; background:#d80031; position:relative}
.lyFoot_left .followus a i{font-size:18px}
.lyFoot_left .followus a:hover{}

.lyFoot_left .followus a .ewm{position:absolute; bottom:-160px; left:-55px; width:140px; padding:5px; background:rgba(255,255,255,1); display:none}
.lyFoot_left .followus a .ewm:before {content:"";display:block;width:0;height:0;border:10px solid transparent; border-bottom:10px solid #fff; position:absolute; top:-20px; left:45%}
.lyFoot_left .followus a:hover .ewm{display: block}

.lyFoot_main .lyFoot_right { width: 72%; padding-left: 90px;}
.lyFoot_right dl { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -15px; padding-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, .15);}
.lyFoot_right dl dd { width: 33.333333%;}
.lyFoot_right dl dd i { display: block; width: 40px; height: 40px; float: left; font-size:36px; color:#d80031}
.lyFoot_right dl dd span { display: block; line-height: 1; color: #fff; font-size: 20px; margin-bottom: 10px; padding-left: 60px;}
.lyFoot_right dl dd p { line-height: 1.6; padding-left: 60px; color: #fff; font-size: 15px; color: #fff;}
.lyFoot_right ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 40px -20px 0;}
.lyFoot_right ul li { width:22%;}
.lyFoot_right ul li:nth-child(2){ width:34%;}
.lyFoot_right ul li:nth-child(2) a{ width:50%; float:left}
.lyFoot_right ul li .tit { line-height: 1; color: #fff; font-size: 15px; margin-bottom: 20px;}
.lyFoot_right ul li a { display: block; height: 36px; overflow: hidden; line-height: 36px; color: #fff; font-size: 10px; white-space: nowrap; text-overflow: ellipsis; padding: 0 0 0 16px; position: relative;}
.lyFoot_right ul li a:hover { color: #d80031;}
.lyFoot_right ul li a::before { content: ''; display: block; width: 5px; height: 5px; margin-top: -3px; background-color: #d80031; position: absolute; left: 0; top: 50%;}
.lyFoot_right ul li p { line-height: 1.6; color: #fff; font-size: 16px; margin-bottom: 20px;}

.lyFoot_right ul li i.totop { display: block; width: 54px; height: 54px; margin-top: 60px; padding: 17px; border: 1px solid rgba(255, 255, 255, .15); border-radius: 4px; float: right; cursor: pointer;}
.lyFoot_right ul li i.totop:hover { background-color: #d80031; border-color: #d80031;}

.lyFoot_copy { padding: 16px 0; background-color: #d80031;}
.lyFoot_copy p { line-height: 2; color: #fff; font-size: 14px;}
.lyFoot_copy p a { color: #fff; font-size: 14px;}
.lyFoot_copy p a:hover { color: rgba(255, 255, 255, .55);}
/*lyFooter end*/


.lyMore a{display:block; width:200px; height:50px; line-height:48px; color:#fff; font-size: 15px; font-weight: bold; text-align:center; background-color:rgba(215, 0, 47, .9); border-radius:4px; backdrop-filter: blur(3px); transition:all 0.3s ease-out;}
.lyMore i{width:50px; line-height:50px; font-size:24px; float:right; border-left: 1px solid rgba(255, 255, 255, .15);}
.lyMore a:hover {width:240px; background-color:rgba(215, 0, 47, 1);}




/*nyBanner start*/
.nyBanner { height:600px; overflow: hidden; position: relative; margin-top:100px}
.nyBanner .nyBa_text {position: absolute; left: 50%; top:48%; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}
.nyBa_text .nyBa_tit {line-height: 1; color:#d80031; font-size:50px; font-weight: bold;}
.nyLocation {width:90%; margin-top:20px; position: relative; color:#fff; font-size:18px}
.nyLocation i{font-size:20px; padding-right:10px}
.nyLocation a{color:#fff; font-size:18px}
.nyLocation a:hover{color:#d80031;}
.nyLocation font{font-size:18px}
.nyLocation.grey,.nyLocation.grey a{color:#666;}
/*nyBanner end*/

.nyLine { display: block; width: 150%; height: 8px; background-color: #d80031; border-radius: 0 0 0 8px; position: absolute; left: -8px; top: 0;}

.nyTitle {margin-bottom:30px;}
.nyTitle span { display:block; color: #222; font-size:30px; font-weight: bold; float: left;}
.nyTitle span::before { content: ''; display: block; width:8px; height:32px; background-color: #d80031; border-radius:3px; margin:8px 10px 0 0; float: left;}
.nyTitle1, .nyTitle1 span { color: #fff;}

/*nyPage start*/
.nyPage { line-height: 44px; color: #999; font-size: 18px; text-align: center;}
.nyPage a { display: inline-block; width: 44px; height: 44px; vertical-align: top; margin: 0 3px; background-color: #fff; border-radius: 4px;}
.nyPage1 a { background-color: #fbfbfb;}
.nyPage a.pnnum, .nyPage a.pnnum1 { line-height: 44px; font-size: 18px; text-align: center;}
.nyPage a.pnnum { color: #555;}
.nyPage a.pnnum:hover, .nyPage a.pnnum1 { color: #fff; background-color: #d80031 !important;}
.nyPage a.prev, .nyPage a.next { padding: 15px;}
.nyPage a.prev:hover, .nyPage a.next:hover { background-color: #d80031;}
.nyPage a.prev:hover svg path, .nyPage a.next:hover svg path { fill: #ffffff;}
/*nyPage end*/

#translate{ display:none}

@media (max-width:1680px) {
  .lyNav_list>ul>li { padding: 0 20px;}
  .lyNav_list>ul>li>i { right: 20px;}

  .lyFoot_main { padding: 40px 0;}
  
  .lyFoot_left .followus span { font-size: 15px; margin-right: 20px;}
  .lyFoot_main .lyFoot_right { padding-left: 80px;}
  .lyFoot_right ul li .tit { font-size: 22px;}
  .lyFoot_right ul li a { height: 35px; line-height: 35px; font-size: 15px; padding: 0 0 0 15px;}
  .lyFoot_right ul li p { font-size: 15px;}
  .lyFoot_right ul li form input.ipt { width: calc(100% - 104px); height: 48px; line-height: 48px; font-size: 15px;}
  .lyFoot_right ul li form input.smt { width: 96px; height: 48px; line-height: 48px; font-size: 16px;}
  .lyFoot_right ul li i.totop { width: 48px; height: 48px; margin-top: 40px; padding: 14px;}

  .lyMore a { width: 180px; height: 48px; line-height: 46px; font-size: 14px;}
  .lyMore a:hover {width:200px;}
  
  .nyBanner {height:500px;}
  .nyBa_text .nyBa_tit { font-size: 48px;}
  .nyLocation {}
  .nyLocation em { width: 22px; height: 22px; top: 3px;}
  .nyLocation p, .nyLocation p a { font-size: 15px;}
  .nyLocation p i { width: 12px;}
  

  
.lyNav_list>ul>li .img .width{width:94%;}

}

@media (max-width:1600px) {
  .lyTop a.lyLogo { margin: 15px 0;}  
  .lyNav_list>ul>li>a { height: 90px; line-height: 90px;}
  .lyNav_list>ul>li ul { top: 90px;}
  .lyNav_list>ul>li:hover .img{padding:30px 0;}
  .lyTop .lyTop_btn { margin: 21px 0 21px 0;}
  .lyTop .search i{line-height:90px;}
  .nyBanner {height: 420px; margin-top:90px}
  .nyBa_text .nyBa_tit { font-size: 46px;}
  
  .nyLine { height: 6px; border-radius: 0 0 0 6px; left: -6px;}
}



@media (max-width:1440px) {
  .lyHeader::before { width: 40%;}
  .lyTop a.lyLogo { height:45px; margin: 18px 0;}
  .lyTop .search i{line-height:80px;}
  
  .lyNav_list>ul>li { padding: 0 15px;}
  .lyNav_list>ul>li>a { height: 80px; line-height: 80px; font-size: 15px; padding: 0 15px;}  
  .lyNav_list>ul>li>i { right: 12px;}
  .lyNav_list>ul>li ul { top: 80px;}
  .lyNav_list>ul>li ul li a,.lyNav_list>ul>li:hover ul li{ height: 44px; line-height: 44px; font-size:14px}
  .lyNav_list>ul>li .img li a{font-size:16px;}


  .lyTop .lyTop_btn { margin: 17px 0 0 0;}
  .lyTop_btn a { height: 44px; line-height: 44px; font-size: 14px;}

  .lyFoot_left a.ftlogo { height: 52px;}
  .lyFoot_left p.des { font-size:22px;}
  .lyFoot_left p.en{ font-size:12px;}
  .lyFoot_main .lyFoot_right { padding-left: 60px;}
  .lyFoot_right dl { margin: 0 -10px;}
  .lyFoot_right dl dd { padding: 0 10px;}
  .lyFoot_right dl dd i { width: 36px; height: 36px;}
  .lyFoot_right dl dd span { font-size: 18px; padding-left: 50px;}
  .lyFoot_right dl dd p { font-size: 14px; padding-left: 50px;}
  .lyFoot_right ul { margin: 40px -10px 0;}
  .lyFoot_right ul li { padding: 0 10px;}
  .lyFoot_right ul li .tit { font-size: 20px;}
  .lyFoot_right ul li a { height: 32px; line-height: 32px; font-size: 14px; padding: 0 0 0 14px;}
  .lyFoot_right ul li a::before { width: 4px; height: 4px; margin-top: -2px;}
  .lyFoot_right ul li p { font-size: 14px;}

  .lyFoot_right ul li i.totop { width: 44px; height: 44px; margin-top: 40px; padding: 12px;}

  .lyMore a { height: 44px; line-height: 42px; font-size: 14px;}

  .nyBanner { height: 380px;  margin-top:80px}
  .nyBa_text .nyBa_tit { font-size: 44px;}

  .nyLocation em { width: 16px; height: 16px; padding: 0; top: 6px;}
  .nyLocation p { padding: 4px 0;}
  .nyLocation p, .nyLocation p a { line-height: 22px; font-size: 14px;}
  .nyLocation p i { height: 22px;}

  .nyTitle { font-size: 40px; margin-bottom: 30px;}  


}

@media (max-width:1380px) {
  .lyHeader::before { width: 36%;}
  .lyHeader p { font-size: 14px;}
  .lyHeader p:first-child { margin-right: 20px; padding-right: 20px;}
  .lyHeader p i { width: 16px; height: 16px; margin: 15px 8px 15px 0;}
  .lyHeader a.lySearch { margin-left: 10px;}
  .lyHeader a.lyEn { margin-left: 10px; padding: 0 20px;}

  .lyFoot_right dl { padding-bottom: 20px;}

  .nyBanner { height: 360px;}
  .nyBa_text .nyBa_tit { font-size: 40px;}

  .nyTitle { margin-bottom: 20px;} 
  .nyTitle span {font-size:30px;}
  .nyTitle span::before {width:8px; height:32px; margin:8px 10px 0 0;}
  
  .nyLocation{margin-top:10px; font-size:16px}
  .nyLocation i{font-size:18px}
  .nyLocation a,.nyLocation font{font-size:16px}
  


}

@media (max-width:1280px) {
  .lyHeader::before { width: 38%;}

  .lyLang_pop { width: 800px; padding: 20px 20px 10px;}
  .lyLang_pop h3 { height: 40px; line-height: 30px; font-size: 24px; margin-bottom: 20px;}
  .lyLang_pop h3 a.lyLang_close { width: 30px; height: 30px; padding: 5px;}
  .lyLang_pop ul li a { height: 44px; font-size: 14px; padding: 7px 30px 7px 44px;}

  .lyNav_list>ul>li { padding: 0 12px;}  
  .lyNav_list>ul>li>a { padding: 0 12px;}
  .lyNav_list>ul>li>i { width: 10px; height: 10px; margin-top: -6px; right: 8px;}

  .lyTop .lyTop_btn { margin: 18px 0 0 0;}
  
  .lyFoot_left p.des{font-size:20px;}
  .lyFoot_main .lyFoot_left { width: 25%;}
  .lyFoot_main .lyFoot_right { width: 75%; padding-left: 40px;}
  .lyFoot_right dl dd { width: 30%;}
  .lyFoot_right dl dd:last-child { width: 40%;}

  .nyBanner { height: 340px;}
  .nyBa_text .nyBa_tit { font-size: 36px;}
  
    


}

@media (max-width:1200px) {
  .lyHeader::before { width: 40%;}

  .lyNav_list>ul>li { padding: 0 10px;}
  .lyNav_list>ul>li>a { font-size: 14px; padding: 0 8px;}
  .lyNav_list>ul>li>i { right: 4px;}

  .lyTop .lyTop_btn { margin: 18px 0 0 0;}
  
  .lyFoot_right ul li .tit{font-size:16px;}
  .lyFoot_left p.des{font-size:18px;}
   
  .nyBanner { height: 320px;}
}

@media (max-width:1080px) {
  .lyHeader::before { width: 44%;}

  .lyTop a.lyLogo { height: 46px; margin: 17px 0;}
  .lyTop .lyNav { width: auto; float: right;}
  .lyNav .lyNav_list { width: 100%; height: 1000%; background-color: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: -100%; z-index: 9999;}
  .lyNav .lyNav_list.open { left: 0;}
  .lyNav_list>ul { width: 50%; height: 100%; background-color: #fff; position: relative; z-index: 9999; display: block; align-items: inherit; justify-content: inherit; }  
  .lyNav_list>ul>li { padding: 0;}
  .lyNav_list>ul>li a { display: block; width: 100%; height: 60px; line-height: 60px; font-size: 16px; text-align: left; padding: 0 60px 0 30px; border-bottom: 1px solid rgba(85, 87, 89, 0.1);}
  .lyNav_list>ul>li:hover>a, .lyNav_list>ul>li.active>a { border-bottom: 1px solid #d80031;}
  .lyNav_list>ul>li i { display: block; width: 60px; height: 60px; margin: 0; padding: 22px; position: absolute; top: 0; right: 0;}
  .lyNav_list>ul>li i.on { transform: rotateX(180deg); -webkit-transform: rotateX(180deg);}
  .lyNav_list>ul>li i.on svg path { fill: #d80031;}
  .lyNav_list>ul>li ul { width: 100%; padding: 0 30px; border-radius: 0; box-shadow: none; border-bottom: 1px solid rgba(85, 87, 89, 0.1); position: inherit; left: inherit; top: inherit;}
  .lyNav_list>ul>li:hover>em, .lyNav_list>ul>li.active>em { display: none;}
  .lyNav_list>ul>li ul li a { height: 48px; line-height: 48px; text-align: left; border: 0; padding: 0 0 0 14px; position: relative;}
  .lyNav_list>ul>li ul li a::before { content: ''; display: block; width: 4px; height: 4px; margin-top: -2px; background-color: #d80031; position: absolute; left: 0; top: 50%;}
  
  .lyNav_list>ul>li .img{position: inherit; width:100%; padding: 0 30px; border-radius: 0; box-shadow: none;border-bottom: 1px solid rgba(85, 87, 89, 0.1);position: inherit;  left: inherit;top: inherit;}
  .lyNav_list>ul>li:hover .img{padding: 0 30px; }
  .lyNav_list>ul>li .img .width{width:100%;}
  .lyNav_list>ul>li .img li{width:100%; margin:0px 0; }
  .lyNav_list>ul>li .img li img{ display:none}
  .lyNav_list>ul>li .img li .pro_name{ display:none}
  .lyNav_list>ul>li .img li a, .lyNav_list>ul>li:hover .img li{height: 44px;line-height: 44px;font-size: 14px; font-weight:normal}
   
   .lyNav_list>ul>li .three{width:100%;}
   .lyNav_list>ul>li .three li{width:100%; border-right:none}
  
  .lyNav .lyNav_btn { display: block; width: 44px; height: 44px; margin: 18px 0; padding: 14px 12px; background-color: #d80031; border-radius: 4px;}
  .lyNav_btn i { display: block; height: 2px; background-color: #fff; margin: 5px 0;}
  .lyNav_btn::before, .lyNav_btn::after { content: ''; display: block; height: 2px; background-color: #fff;}  
  .lyNav_list .lyNav_mask { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; z-index: 9998;}

  .lyFoot_main .lyFoot_left { width: 100%; float: none; position: relative;}
  .lyFoot_left a.ftlogo { display: inline-block; height: 46px;}
  .lyFoot_left p.des { margin: 20px 0 0;}
  .lyFoot_left .followus { position: absolute; top: 4px; right: 0;}
  .lyFoot_left .followus span { font-size: 16px;}
  .lyFoot_main .lyFoot_right { width: 100%; float: none; margin-top: 40px; padding-left: 0;}
  .lyFoot_right dl { padding-bottom: 0; border-bottom: 0;}
  .lyFoot_right ul { display: none;}
  .lyFoot_copy p { text-align: center; float: none!important;}

  .nyBanner { height: 300px;}
  .nyBa_text .nyBa_tit { font-size: 32px;}

  .nyTitle { font-size: 30px;}
  
  .lyTop .lyNav_list>ul>li>a{color:#333;}

}

@media (max-width:1024px) {
  .nyBanner { height: 280px;}
    .lyFoot_left p.des,.lyFoot_left p.en{ display:none}

}

@media (max-width:920px) {
  .lyHeader::before { width: 50%; transform: skewX(-45deg); -webkit-transform: skewX(-45deg);}
  .lyLang_pop { width: 90%;}

  .nyBanner { height: 250px;}

  .nyTitle span {font-size:24px;}
  .nyTitle span::before {width:6px; height:24px; margin:7px 8px 0 0;}
  
}

@media (max-width:820px) {
  .lyHeader::before { width: 54%;}
  .lyHeader span.share a { width: 40px; padding: 14px 10px;}
  .lyForm { width: 320px;}

  .lyFoot_right dl dd i { width: 40px; height: 40px; margin: 0 auto 20px; float: none;}
  .lyFoot_right dl dd span, .lyFoot_right dl dd p { text-align: center; padding-left: 0;}    

  .nyBanner { height: 220px;}
  .nyBa_text .nyBa_tit { font-size: 30px;}
  .nyLocation { margin-top: 4px;}

  .nyTitle { font-size: 24px;}
}

@media (max-width:767px) {
  .lyHeader p, .lyHeader span.share, .lyHeader a.lyEn::before { display: none;}
  .lyHeader a.lySearch { margin-left: 8px;}

  .lyHeader .lyLang { margin-left: 0; padding: 0 20px 0 0;}
  .lyLang::before { display: none;}
  .lyLang_pop ul li { width: 50%;}

  .lyTop a.lyLogo { height: 44px; margin: 10px 0;}

  .lyNav .lyNav_btn { margin: 10px 0;}  
  .lyNav_list>ul { width: 60%;}
  .lyNav_list>ul>li a { padding: 0 50px 0 20px;}
  .lyNav_list>ul>li i { width: 50px; height: 60px; padding: 15px;}
  .lyNav_list>ul>li ul { padding: 0 20px;}
  .lyNav_list>ul>li ul li a { font-size: 14px; padding: 0 0 0 12px;}

  .lyTop .lyTop_btn { display: none;}

  .lyFoot_main { padding: 30px 0;}
  .lyFoot_main .lyFoot_right { display: none;}
  .lyFoot_left a.ftlogo { height: 44px;}
  .lyFoot_left .followus { margin-top: 20px; position: inherit; top: inherit; right: inherit;}

  .nyBanner { height: 180px;}
  .nyBa_text .nyBa_tit { font-size: 24px;}
  .nyLocation { width: 98%;}



  .nyPage a.pnnum { display: none;}
}
  
@media (max-width:580px) {
	.search { display:none} 
	.lyTop a.lyLogo { height:30px; margin:18px 0;}
	.nyBanner { height:180px;  margin-top:66px}
	.nyLocation{font-size:14px}
    .nyLocation i{font-size:16px}
    .nyLocation a,.nyLocation font{font-size:14px}
	
	}

@media (max-width:320px) {
  .lyLang_pop ul li { width: 100%;}
  

  .lyNav .lyNav_btn { width: 40px; height: 40px; margin: 12px 0; padding: 12px 10px;}
  .lyNav_list>ul { width: 72%;}

  .lyMore a { height: 40px; line-height: 38px;}  
}

@media (max-width:280px) {
  .lyFoot_left .followus span { font-size: 14px; margin-right: 10px;}
}




/**搜索**/
.fancybox-content{border-radius:10px;}
#pop__search {display:none;margin-bottom:0;position:relative}
#pop__search .box {width:680px;height:52px;background:#fff;border:1px solid #ddd; border-radius:5px; -webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
#pop__search .box form {display:block;width:100%;height:50px;position:relative;padding-right:50px}
#pop__search .box form .btn01 {width:100%;height:50px;line-height:50px;border:none;background:none;outline:0;padding:0 0 0 20px;font-size:14px;color:#666}
#pop__search .box form .btn01::-webkit-input-placeholder {color:#666;font-size:14px}
#pop__search .box form .btn01::-moz-placeholder {color:#666;font-size:14px}
#pop__search .box form .btn01:-moz-placeholder {color:#666;font-size:14px}
#pop__search .box form .btn01:-ms-input-placeholder {color:#666;font-size:14px}
#pop__search .box form .btn02 {display:block;width:50px;height:50px; line-height:50px; border:none;background:none;outline:0;position:absolute;right:0;top:0}
#pop__search .box form .btn02 i {margin-top:0px; display:block; color:#333;font-family:"iconfont" !important;font-size:24px;font-style:normal;}
#pop__search .box form .btn02:hover svg {color:#0000ff}


/*分页样式 开始*/
#fengye{clear:both; margin:auto 0; text-align: center; }
div.digg{text-align:center; font-size:16px; border-radius:3px}
div.digg span.disabled{padding:14px 20px; margin:0 2px; color:#666; background:#fff; border-radius:3px}
div.digg span.current{padding:14px 20px; margin:0 2px; color:#fff; background:#d80031; border-radius:3px}
div.digg a{padding:14px 20px; margin:0 2px; color:#666; text-decoration: none; background:#fff; border-radius:3px}
div.digg a:hover {background:#d80031; color:#fff;}
div.digg .keng{display:none}


/**搜索**/
.search_tit{margin-bottom:30px; font-size:16px}
.search_tit strong{ color:#d80031; font-size:20px;}
@media (max-width:540px) {
.search_tit{margin-bottom:10px; font-size:14px}	
.search_tit strong{font-size:16px;}
}