@charset "utf-8";
/* CSS Document */

/*--- whole ---*/
html{ font-size:100%; }
body{ transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out; color: #666;}
html,
body{height:100%;} 
body { width: 100%; overflow-x: hidden; }

table , table tr td { border: none; cellpadding:0; cellspacing:0;}

.w1200 { max-width:1200px; margin:0 auto; position:relative;}
.line-clamp1 { overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.line-clamp2 { display:-webkit-box; display: box;-webkit-box-orient:vertical; box-orient:vertical; }

.bg1 {/* background: url(../images/bg1.jpg) left center no-repeat; *//* background-attachment:fixed; */}
.color-white { color: #fff; }
.pd0 { padding-bottom: 0 !important; }

/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}
  
.color-blue { color: #e9222d; }
.color333 { color: #333; }
.d-black { display: block !important; }
.bg-white { background-color: #fff !important; }

a:hover { color: #e9222d; }

/*初始化按钮*/
.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
.btn span{display:inline-block;}

.pb0 { padding-bottom: 0 !important; }
.pd20 { padding-bottom: 20px !important; }
.pd30 { padding-bottom: 30px !important; }

/*通用img*/
img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;}
img { max-width: 100%; }
input.text{display:block;width:100%;height:100%;border:0px;background:none;}
 
.header .nav-icon { width:9%; min-width: 50px; padding:45px 10px 0; height:50px; float:right;cursor:pointer; display: none;}

.header.cur .nav-icon { padding-top: 25px; }
.nav-icon a{display:block;width:100%;height:3px;background-color:#666;position:relative;}
.nav-icon a:before,
.nav-icon a:after{content:"";display:block;width:100%;height:3px;background-color:#666;position:absolute;left:0px;}
.nav-icon a:before{top:-10px;}
.nav-icon a:after{bottom:-10px;}
.nav-icon.cur a{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.nav-icon.cur a:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.nav-icon.cur a:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards; }
@-moz-keyframes buttonAnimationBefore {
	0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-moz-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
	100% {-moz-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } 
}
@-webkit-keyframes buttonAnimationBefore {
	0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-webkit-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
	100% {-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } 
}
@keyframes buttonAnimationBefore {
	0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-moz-transform: translateY(10px) rotate(0);-ms-transform: translateY(10px) rotate(0);-webkit-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
	100% {-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
	0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-moz-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
	100% {-moz-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@-webkit-keyframes buttonAnimationAfter {
	0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-webkit-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
	100% {-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@keyframes buttonAnimationAfter {
	0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-moz-transform: translateY(-10px) rotate(0);-ms-transform: translateY(-10px) rotate(0);-webkit-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
	100% {-moz-transform: translateY(-10px) rotate(-45deg);-ms-transform: translateY(-10px) rotate(-45deg);-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@-moz-keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); } 
}
@keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); }
}

/*wap nav*/
#wap-nav { width: 250px; right: -250px; top: 54px; position: fixed; height: calc(100% - 54px); transition: right .5s ease-in-out;-moz-transition: right .5s ease-in-out; -webkit-transition: right .5s ease-in-out; background: #fff; z-index: 99999; }
#wap-nav.cur { right: 0; }
#wap-nav ul li { line-height: 42px; font-size: 13px; background: #fff; }
#wap-nav ul li a { border-bottom: solid 1px #dedede; display: block; padding-left:14px; }
#wap-nav ul li .second { display: none; }
#wap-nav ul li .second a { background: url(../images/t1.png) 16px center no-repeat; padding-left: 30px; }
  
.header { position: relative; width: 100%; height: auto; }
.top1 { height: 40px; padding: 9px 0; background-color: #333; } 
.share-list a{ display: block; margin-right: 5px; float: left; height: 22px; width: 22px; background: url(../images/share.png);transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out; position:relative;top:0px;}
.share-list a.f { background-position: left center; }
.share-list a.in { background-position: -27px center; }
.share-list a.s { background-position: -55px center; }
.share-list a.g { background-position: -82px center; }
.share-list a.j { background-position: -109px center; }
.share-list a.p { background-position: -136px center; }
.share-list a.e { background-position: -162px center; }
.share-list a:hover{top:-5px;}

.Hsrch-box{padding:0 40px 0 10px;width:150px;height: 36px;background:#fff;position:absolute;left:-150px;top: -7px;opacity:0;transition:all .3s ease-in-out .2s;-webkit-transition:all .3s ease-in-out .2s;}
.Hsrch-box .text{display:block;width:100%;height: 36px;line-height: 36px;border:0px;padding:0px;background:#fff;margin:0px;}
.Hsrch-box .btn{display:block;width:40px;height: 36px;padding:0px;font-size:0px;background:url(../images/search.png) no-repeat center center;border:0px;margin:0px;position:absolute;right:0px;top:0px;}
.Hsrch-box.cur{left:-160px;opacity:1;}
 
.top1 .search { padding-right: 12px; background: url(../images/search.png) no-repeat center center; width: 52px; height: 24px; float: left; position: relative; }
.top1 .search.cur{background-image: url(../images/close2.png);background-size:auto auto;}
.top1 .search .Hsrch-menu { display: block; }
.top1 .search:after { position: absolute; right: 0; top: 5px; height: 14px; background: #9f9f9f;  width: 1px; content: ''}
.top1 .lang { float: right; height: 24px; line-height: 24px; padding-left: 20px; }
.top1 .lang a { display: block; background: url(../images/lang.png) no-repeat left center; font-size: 16px; padding-left: 26px; }
.header .top2 { height: 90px; background: #fff; transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out; color: #666;  }
.header .top2 .logo {height:90px;line-height:90px;font-size:0px;overflow: hidden; transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;}
.header .top2 .logo img{max-height:100%;transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;}
.header .top2 .nav { float: right; height: 100%; }
.header .top2 .nav ul,
.header .top2 .nav ul li{position:static !important;}
.header .top2 .nav ul li { float: left; font-size: 16px; color: #333; margin-left: 50px; line-height: 100%; position: relative; transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;}
.header .top2 .nav ul li a { line-height: 87px; border-bottom: solid 3px #fff; display: block; transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out; color: #333; }
.header .top2 .nav ul li a.cur { color: #e9222d; border-bottom-color: #e9222d; }
.header .top2 .nav ul li:hover a { color: #e9222d; border-bottom-color: #e9222d; } 
.header .top2 .nav ul li .nav-down { position: absolute; top: 90px; background: #fff; display: none; z-index: 999; box-shadow:2px 2px 10px rgba(0,0,0,0.5);-webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.5);}
.header .top2 .nav ul li:hover .nav-down { display: block !important; }
.header .top2 .nav ul li .nav-down.nav-pro-down { /*width: 990px; margin-left: -408px;*/width:100%;left:0px; padding: 32px; }
.header .top2 .nav ul li .nav-down.nav-pro-down dl { padding: 0 15px; width: 20%; float: left; min-height: 180px; /*border-right: solid 1px #cacaca;*/ }
.header .top2 .nav ul li .nav-down.nav-pro-down dl:nth-child(4n) { /*border-right: solid 1px #cacaca; */}
.header .top2 .nav ul li .nav-down.nav-pro-down dl dd h3 { padding: 4px 0; line-height: 28px; font-size: 14px; font-weight: normal;text-align: center; }
.header .top2 .nav ul li .nav-down.nav-pro-down dl dd h3 a { line-height: 28px; }
.header .top2 .nav ul li .nav-down.nav-pro-down dl dd h3 a:hover { color: #e9222d; }
.header .top2 .nav ul li:hover .nav-down.nav-pro-down dl dd h3 a { color: #333; }
.header .top2 .nav ul li:hover .nav-down.nav-pro-down dl dd h3 a:hover { color: #e9222d; }
.header .top2 .nav ul li .nav-down.nav-pro-down dl dd .con a { line-height: 22px; float: left; width: 50%; position: relative; padding-left: 10px; color: #666;font-size:14px; }
.header .top2 .nav ul li .nav-down.nav-pro-down dl dd .con a:before { width: 3px; height: 3px; background-color: #a1a1a1; position: absolute; left: 0; top: 10px; content: ''; }
.header .top2 .nav ul li .nav-down.nav-pro-down dl dd .con a:hover:before { background-color: #e9222d; }
.header .top2 .nav ul li .nav-down.nav-pro-down dl dd .con a:hover { color: #e9222d; }
.header .top2 .nav ul li .nav-down a { border-bottom: none; }

.top2 .nav ul li.Hnav_li{position:relative !important;}
.top2 .nav ul li.Hnav_li .Hn2nd-box{width:245px;padding:10px 0;background:#fff;box-shadow:2px 2px 10px rgba(0,0,0,0.5);-webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.5);position:absolute;top:90px;left:0px;z-index:2;display:none;}
.top2 .nav ul li.Hnav_li .Hn2nd-box a{display:block;padding:0 20px;line-height:40px !important;border:0px;color:#333;}
.top2 .nav ul li.Hnav_li .Hn2nd-box a:hover{padding:0 25px;color:#fff;background:#e9222d;}

.top2 .nav ul li.Hnav_li:hover .Hn2nd-box{display:block;}
.header.cur .top2 .nav ul li.Hnav_li .Hn2nd-box{top:55px;}
.header.cur .top2{box-shadow: 0 0 10px rgba(0, 0, 0, .2)}
.header.on .top2{box-shadow:none !important;}

/*.header.cur .top1 { display: none; }
.header.cur .top2 { position: fixed; width: 100%; height: 90px; z-index: 9; }
.header.cur .top2 .logo { height: 90px; }
.header.cur .top2 { width: 100%; height: 90px; position: fixed; left: 0; top: 0; }
.header.cur .top2 .nav ul li a { line-height: 87px; display: block; } 
.header.cur .top2 .nav ul li .nav-down { top: 90px; }
.header.cur .top2 .nav ul li:hover .nav-down { display: block !important; } */
.header.cur .top1 { display: none; }
.header.cur .top2 { position: fixed; width: 100%; height: 55px; z-index: 9; }
.header.cur .top2 .logo { height: 55px; line-height: 55px; }
.header.cur .top2 { width: 100%; position: fixed; left: 0; top: 0; }
.header.cur .top2 .nav ul li a { line-height: 52px; display: block; } 
.header.cur .top2 .nav ul li .nav-down { top: 55px; }
.header.cur .top2 .nav ul li:hover .nav-down { display: block !important; } 
.header.cur .top2 .logo  img{max-height:100%;}
 
.header .top { width: 100%; height: 55px; position: absolute; top: 0px; left: 0px; overflow: hidden; clear: both; display: block; }
.header.cur .top { height: 55px; }

.banner { height: 100%; width: 100%; }
.banner .swiper-slide .text { width: 695px; height: 220px; position: absolute; left: 50%; margin-left: -640px; z-index: 9; bottom: -220px;padding: 10px 45px; font-size: 18px; line-height: 48px; transition:bottom .5s ease-in-out;-moz-transition:bottom .5s ease-in-out;-webkit-transition:bottom .5s ease-in-out; color: #fff;transform:translateY(50%);-webkit-transform:translateY(50%);}
.banner .swiper-slide .text h1 { font-size: 42px; line-height: 86px; font-weight: normal; }
.banner .swiper-slide.swiper-slide-active .text { bottom: 50%; margin-bottom: 0px; } 

.banner .swiper-pagination { bottom: 40px !important; }
.banner .swiper-pagination-bullet { width: 54px; height: 3px; background: #4e4e56; border-radius: 0; }
.banner .swiper-pagination-bullet-active { background-color: #e9222d !important; }

.wap-banner { height:15rem; width: 100%; display: none; }
.wap-banner .swiper-pagination { bottom: 40px !important; }
.wap-banner .swiper-pagination-bullet { width: 54px; height: 3px; background: #4e4e56; border-radius: 0; }
.wap-banner .swiper-pagination-bullet-active { background-color: #e9222d !important; }

.index-title { padding: 32px 0; height: auto; overflow: hidden; background-color: #fff; }
.index-title h3.title { text-align: center; font-size: 32px; color: #333; font-weight: normal; position: relative; height: 100px; line-height: 100px; position: relative; }
.index-title h3.title:after { position: absolute; width: 60px; height: 4px; background-color: #d4d4d4; content: ''; left: 50%; margin-left: -30px; bottom: 0; }
.index-title .con { max-width: 830px; margin: 0 auto; padding-top: 16px; line-height: 24px; text-align: center; }

.index-pro { width: 100%; height: auto; overflow: hidden; background-color: #fff; }
.index-pro dl { width: calc(50% - 4px); margin: 0 2px; display: block; float: left; background: #f1f1f1; padding: 24px; padding-left: 30px; }
.index-pro dl:first-child { margin-left: -50%; transition: margin-left .5s ease-in-out;-moz-transition: margin-left .5s ease-in-out;-webkit-transition: margin-left .5s ease-in-out; transition-delay: .1s; -moz-transition-delay: .1s; -webkit-transition-delay: .1s;  float: left; }
.index-pro dl:last-child { float: right; margin-right: -50%; transition: margin-right .5s ease-in-out;-moz-transition: margin-right .5s ease-in-out; -webkit-transition: margin-right .5s ease-in-out; transition-delay: .1s; -moz-transition-delay: .1s; -webkit-transition-delay: .1s; }
.index-pro.cur dl:first-child { margin-left: 0; }
.index-pro.cur dl:last-child { margin-right: 0; }
.index-pro dl dd { width: 33%; float: left; padding-top:80px; }
.index-pro dl dd h3 { height: 45px; line-height: 45px;margin-bottom: 10px; font-size: 30px;text-transform:uppercase; }
.index-pro dl dd .con { line-height: 24px;}
.index-pro dl dd .link { padding: 30px 0; height: auto; overflow: hidden; }
.index-pro dl dd .link a {font-size: 16px; height: 42px; line-height: 40px; display: inline-block; width: calc(50% - 12px); min-width: 130px; max-width: 150px; float: left; margin: 6px 12px; margin-left: 0; border: solid 1px #747a7a; border-radius: 20px; background-position: 15px center; background-repeat: no-repeat; padding-left: 60px; background-color: #f1f1f1; transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out;  }
.index-pro dl dd .link a.a1 { background-image: url(../images/i1.png); }
.index-pro dl dd .link a.a2 { background-image: url(../images/i2.png); }
.index-pro dl dd .link a.a3 { background-image: url(../images/i3.png); }
.index-pro dl dd .link a.a4 { background-image: url(../images/i4.png); }
.index-pro dl dd .link a:hover { background-color: #e9222d; color: #fff; border-color: #e9222d; }
.index-pro dl dd .link a.a1:hover { background-image: url(../images/i1-1.png); }
.index-pro dl dd .link a.a2:hover { background-image: url(../images/i2-1.png); }
.index-pro dl dd .link a.a3:hover { background-image: url(../images/i3-1.png); }
.index-pro dl dd .link a.a4:hover { background-image: url(../images/i4-1.png); }
.index-pro dl dt { width: 55.5%; float: right; }
.index-pro dl dd a.more { background: url(../images/more.png) right center no-repeat; height: 20px; line-height: 20px; display: block; float: left; padding-right: 25px; }
.index-pro dl dd a.more:hover{ background: url(../images/more-2.png) right center no-repeat;}


.index-gallery { width: 100%; height: auto; overflow: hidden; background: #fff; padding-bottom: 100px; background: #f1f1f1; position: relative; }
.index-gallery .swiper-slide { width: 25%; float: left; }
.index-gallery ul li { width: 100%; float: left; position: relative; text-align: center; border: solid 1px #fff; }
.index-gallery ul li img { width: 100%; }
.index-gallery ul li .con { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, .8); opacity: 0; transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out; }
.index-gallery ul li:hover .con { opacity: 1; }
.index-gallery ul li .con p {color: #fff; font-size: 24px; line-height: 36px; height: 72px; overflow: hidden;}
.index-gallery ul li .con .more { background: url(../images/m.png) 68px center no-repeat; width: 104px; height: 40px; border-radius: 20px; line-height: 40px; display: inline-block; background-color: rgba(233,34,45, 1); padding-left: 20px; color:#fff; margin-top: 30px; text-align: left; }
.index-gallery ul li .con .more:hover { background-color: rgba(233,34,45, .8);}
.index-gallery ul li .content { position: absolute; height: 142px; padding: 0 40px; width: 100%; top: 50%; margin-top: -71px; }
.index-gallery .more-list { position: absolute; width: 210px; height: 50px; bottom: 25px; left: 50%; margin-left: -105px; }
.index-gallery .swiper-button-prev,
.index-gallery .swiper-button-next { width: 50px; height: 50px; border-radius: 4px; margin-top: -25px; transition: background-color .25s ease-in-out;-moz-transition: background-color .25s ease-in-out;-webkit-transition: background-color .25s ease-in-out; } 
.index-gallery .swiper-button-prev:hover,
.index-gallery .swiper-button-next:hover { background-color: #e9222d;6 }

.index-gallery a.more { width: 92px; height: 50px; line-height: 50px; display: block; margin: 0 auto; background: url(../images/more2.png) center center no-repeat #fff; border-radius: 4px; transition: background-color .25s ease-in-out;-moz-transition: background-color .25s ease-in-out;-webkit-transition: background-color .25s ease-in-out; }
.index-gallery a.more:hover { background-color: #e9222d; }
.index-gallery .swiper-button-prev { background: url(../images/left.png) center center no-repeat #fff; left: 0; }
.index-gallery .swiper-button-next { background: url(../images/right.png) center center no-repeat #fff; right: 0; }

.index-about { width: 100%; background-color: #fff; }
.index-about-lists { margin-top: 36px; height: auto; overflow: hidden;border:1px solid #eee; }
.index-about-lists dl { width: 20%; float: left; }
.index-about-lists dl dt { width: 100%; height: 210px; position: relative; }
.index-about-lists dl .ofH{height:100%;}
.index-about-lists dl dt img { width: 100%; height: 100%; object-fit: cover; }
.index-about-lists dl dd { height: 210px; padding: 50px 20px; text-align: left; transition: background-color .25s ease-in-out;-moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out; }
.index-about-lists dl dd .con { text-align: left; height: 44px; line-height: 22px; padding-top: 0; overflow: hidden; margin-top: 12px; }
.index-about-lists dl dd .con a:hover{color:#fff;}
.index-about-lists dl dd h3 { font-weight: normal; font-size: 18px; }
.index-about-lists dl dd h3 a:hover{color:#fff;}
.index-about-lists dl:hover dd { background-color: #e9222d; color: #fff; }
.index-about-lists dl:nth-child(2n):hover dd { border-top: none;}
.index-about-lists dl dt:before { position: absolute; content: ''; left: 22px; bottom: -1px; background: url(../images/icon.png) no-repeat; width: 18px; height: 8px; z-index: 99; display: none; }
.index-about-lists dl:nth-child(2n) dt:before { top: -1px; transform: rotate(180deg); }
.index-about-lists dl:hover dt:before { display: block; }

.index-video{width: 100%;overflow: hidden;margin:20px 0 0;}

.index-vod {height: 450px;width: 49.5%;position: relative;overflow:hidden;float: left;}
.index-vod:nth-child(2) {float: right;}
.index-vod .bg{width:100%;height:100%;/*background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed;background-image:url(../images/bg1.jpg);*/position:absolute;top:0px;left:0px;object-fit:cover;}
.index-vod .vod-btn { width: 190px; height: 80px; line-height: 80px; background-color: rgba(0, 0, 0, .2); background-image: url(../images/vod.png); background-position: 22px center; background-repeat: no-repeat; position: absolute; left: 50%; margin-left: -95px; margin-top: -40px; top: 50%; transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out;border:1px solid #fff;z-index:2;}
.index-vod .vod-btn:hover { background-color: #e9222d; }
.index-vod .vod-btn a { padding-left: 90px; display: block; color: #fff; font-size: 18px; }

.index-vod .bg{transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;}
.index-vod.active .bg{transition-delay:0.4s !important; transform:matrix(1.0, 0, 0, 1.0, 0, 0); -webkit-transition:all 7.0s ease; -moz-transition:all 7.0s ease; -ms-transition:all 7.0s ease; -o-transition:all 7.0s ease; transition:all 7.0s ease;}


@media all and (max-width:1000px) {
    .index-vod {width: 100%;height: 300px;margin-bottom: 10px;}
 
}



.index-news { background: #fff; height: auto; overflow: hidden; }
.index-news .lists { padding-bottom: 40px; height: auto; overflow: hidden; }
.index-news .lists .item { width: calc(50% - 40px); margin: 25px 20px; float: left; }
.index-news .lists .item dl { width: 100%; }
.index-news .lists dl dt { width: 36%; float: left; }
.index-news .lists dl dd { width: 61.6%; float: right; }
.index-news .lists dl dd h3 { line-height: 22px; font-size: 18px; font-weight: 700; }
.index-news .lists dl dd .con { height: 52px; margin-top: 6px; border-bottom: solid 1px #e5e5e5; }
.index-news .lists dl dd .con .content{ height: 44px; line-height: 22px; overflow: hidden; }
.index-news .lists dl dd a.more { display: block; float: left; background: url(../images/right.png) right center no-repeat; padding-right: 22px; margin-top: 8px; }
.index-news .lists dl dd a.more:hover{ background: url(../images/more-2.png) right center no-repeat;}

.index-news .lists .item:nth-child(2n+1) dl { transition:margin-left .5s ease-in-out;-moz-transition:margin-left .5s ease-in-out;-webkit-transition:margin-left .5s ease-in-out; margin-left: -100%; }
.index-news .lists .item:nth-child(2n+2) dl { transition: margin-left .5s ease-in-out; -moz-transition: margin-left .5s ease-in-out;-left-transition: margin-left .5s ease-in-out; margin-left: 104%; }


.index-news .lists.cur .item:nth-child(2n+1) dl { margin-left: 0; }
.index-news .lists.cur .item:nth-child(2n+2) dl { margin-left: 0; } 

.footer { background: #333; width: 100%; }
.footer .site { border-bottom: solid 1px #b9b7b7; padding: 36px 0; }
.footer .site dl { width: 20%; float: left; }
.footer .site dl dt { font-size: 16px; line-height: 48px; color: #fff; }
.footer .site dl dd { line-height: 24px;color: #fff;  }
.footer .site dl dd ul li { line-height: 24px; color: #fff; }
.footer .site dl dd ul li .txt { padding: 0 10px; border: none; height: 26px; line-height: 26px; width: 80%; margin-bottom: 14px; }
.footer .site dl dd ul li .btn { width: 104px; height: 32px; border:none; background-color: rgba(233, 34, 45, 1); color: #fff; border-radius: 10px; transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out; }
.footer .site dl dd ul li .btn:hover { background-color: rgba(233, 34, 45, .5); }

.footer .foot { padding: 36px 10px; line-height: 22px; }
.footer .foot .ewm img { border: solid 5px #212121; }
.footer .foot .ewm{border: solid 1px #737373;}
/*.footer .contact .white{color:#fff;}*/

.footer .foot .share-list { margin-bottom: 24px; }
.footer .foot p{color:#c5c3c3;}

.footer.on .site dl dd{display:block !important;}

.ny-main { padding: 0 0 40px 0; height: auto; overflow: hidden; }

.pro-type { padding: 36px 0; height: auto; overflow: hidden; border-bottom: solid 1px #e5e5e5; }
.pro-type span { display:inline-block;width:110px;color: #e9222d; font-size:16px;position: absolute;left: 0;top: 10px;}
.pro-type ul li { padding: 10px 0; position: relative;padding-left: 110px;}
.pro-type ul li a { padding: 0 16px; margin: 0 8px 8px; border: solid 1px #c6c6c6; border-radius: 16px; line-height: 32px; display: inline-block; }
.pro-type ul li a.cur,
.pro-type ul li a:hover { background-color: #e9222d; border-color: #e9222d; color: #fff !important; }

.pro-lists { padding: 30px 0; }
.pro-lists ul li { width: calc(33.33% - 30px); margin: 15px; border:solid 1px #e5e5e5; position: relative; float: left; }
.pro-lists ul li img { width: 100%; height: 100%; object-fit: cover; }
.pro-lists ul li h3{text-align: center;line-height: 60px;font-size: 16px;}
.pro-lists ul li .con { padding: 18px; text-align: center; color: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); opacity: 0; transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out; }
.pro-lists ul li:hover .con { opacity: 1; }
.pro-lists ul li .con .more { border-radius: 16px; width: 106px; height: 32px; line-height: 32px; display: inline-block; padding-left: 22px; text-align: left; background: url(../images/m.png) 68px center no-repeat rgba(233, 34, 45, 1); margin-top: 10px; }
.pro-lists ul li .con .more:hover { color: #fff; background-color: rgba(233, 34, 45, .8) }
.pro-lists ul li .con h3 { line-height: 42px; font-size: 22px; font-weight: normal; }
.pro-lists ul li .con .content { line-height: 28px; height: 112px; }


.proview { width: 100%; /*height: 100%;*/height:670px; min-height: 400px; position: relative;  background-repeat:no-repeat !important;background-size:cover !important;background-position:center center !important;overflow:hidden;}
.proview.pro-view1{height:100%;}
.pro-view1 { text-align: center; color: #fff; position: relative; overflow: hidden; }
.pro-view1 .content { max-width: 830px; min-height: 320px;  position:relative;top:-300px; /*position: absolute; left: 50%;top:50%; transform:translate(-50%,-80%);-webkit-transform:translateY(-50%,-80%);*/ transition:all .5s ease-in-out .2s; -moz-transition:all .5s ease-in-out .2s;-webkit-transition:all .5s ease-in-out .2s;opacity:0; margin:0 auto !important;}
.pro-view1.cur .content {/*transform:translate(-50%,-50%);-webkit-transform:translateY(-50%,-50%);*/ top:100px;opacity:1;}
.pro-view1 .content h3 { font-size: 32px; font-weight: normal; padding: 12px 0; }
.pro-view1 .content .con { line-height: 30px; font-size: 16px; padding: 12px 0 24px 0; }
.pro-view1 .content .list {  line-height: 30px; }
.pro-view1 .content .list i { padding-right: 24px; }
.pro-view1 .content .list a { color: rgba(233, 34, 45, 1); padding: 0 6px; }
.pro-view1 .content .list a:hover { color: rgba(233, 34, 45, .5);}

.pro-view2 { background-color: #f5f6f1;  }
.pro-view-type2 .w1200 { height: 100%;  }
.pro-view-type2 .left { width: 50%; position: relative; height: 100%; }
.pro-view-type2 .left .content { position: absolute; width: 100%; left: -150%; top: 50%; transform: translateY(-50%); transition:left .8s ease-in-out;-moz-transition:left .8s ease-in-out;-webkit-transition:left .8s ease-in-out;}
.pro-view-type2 .left .content h3 { padding: 12px 0; font-size: 36px; line-height: 50px; font-weight: normal; }
.pro-view-type2 .left .content { line-height: 30px; font-size: 16px; padding: 12px 0 24px 0; }
.pro-view-type2 .left .content .li { height: 82px; padding-top: 24px; }
.pro-view-type2 .left .content .li dl { float: left; }
.pro-view-type2 .left .content .li dl dt,
.pro-view-type2 .left .content .li dl dd { float: left; }
.pro-view-type2 .left .content .li dl dd { padding: 0 32px 0 10px; }
.pro-view-type2 .left .content .li dl dd h3 { font-size: 36px; font-weight: normal; color: #e9222d; }

.pro-view-type2.cur .left .content { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 

.pro-view-type2 .right { width: 43%; position: relative; height: 100%;}
.pro-view-type2 .right .img-box { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); right: -200%; transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;  }
.pro-view-type2.cur .right .img-box { right: 0; } 

.pro-view-type1 .left,
.pro-view-type1 .right { height: 100%; position: relative;  }
.pro-view-type1 .w1200 { height: 100%;  }
.pro-view-type1 .left { width: 50%; }
.pro-view-type1 .left .img-box { width: 100%; position: absolute; left: -200%; top: 50%; transform: translateY(-50%);transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-webkit-transition: all .8s ease-in-out;  }
.pro-view-type1 .right { width: 48%; text-align: right;}
.pro-view-type1 .right .content { position: absolute; top: 50%; transform: translateY(-50%); right: -200%; transition:right .8s ease-in-out;-moz-transition:right .8s ease-in-out;-webkit-transition:right .8s ease-in-out; }
.pro-view-type1 .right .content h3 { padding: 12px 0; font-size: 36px; font-weight: normal; }
.pro-view-type1 .right .content p{font-size: 16px;line-height: 30px;}
.pro-view-type1 .right .content .con { padding: 12px 0; line-height: 30px;}

.pro-view3 { color: #fff; } 

.pro-view-type1.cur .left .img-box { left: 0; }
.pro-view-type1.cur .right .content { right: 0; }

.pro-view4 { background-color: #fff;  }

.pro-view5 { background: #f5f6f1; padding: 36px 0; }
.pro-view5 .w1200 { height: 100%; }
.pro-view5 .content { max-width: 920px; margin: 0 auto; line-height: 30px; font-size: 16px; text-align: center; }
.pro-view5 .content h3 { padding: 12px 0; font-size: 36px; font-weight: normal;  }
.pro-view5 .content .li { text-align: center; padding-top: 24px; } 
.pro-view5 .content .li dl { display: inline-block; }
.pro-view5 .content .li dl dt,
.pro-view5 .content .li dl dd { float: left; }
.pro-view5 .content .li dl dd { padding: 10px 32px 0 10px; text-align: left; } 

.pro-view9 { background-color: #fff;  }
.pro-view9 .box { position: relative; padding-bottom: 30%; }

.pro-view9 .pic { text-align: center; position: absolute; padding-top: 50%; width: 100%; transition:padding-top .8s ease-in-out;-moz-transition:padding-top .8s ease-in-out;-webkit-transition:padding-top .8s ease-in-out; } 
.pro-view9.cur .pic { text-align: center; position: absolute; padding-top: 0; width: 100%; } 

.pro-view5 .list {  max-width: 1026px; margin: 0 auto; padding-top: 36px; }
.pro-view5 .list ul li { display: block; width: calc(33.33% - 12px); margin: 0 6px; float: left; position: relative; overflow-x: hidden;} 
.pro-view5 .list ul li:nth-child(1) img { margin-left: -100%; }
.pro-view5 .list ul li:nth-child(2) img { margin-top: -100%; }
.pro-view5 .list ul li:nth-child(3) img { margin-left: 100%; }
.pro-view5 .list.cur ul li:nth-child(1) img { margin-left: 0; }
.pro-view5 .list.cur ul li:nth-child(2) img { margin-top: 0; }
.pro-view5 .list.cur ul li:nth-child(3) img { margin-left: 0; }

.pro-view5 .box { width: 100%; position: absolute; top: 50%; transform: translateY(-50%);  }
 
.pro-view6 .w1200 { height: 100%; position: relative;}
.pro-view6 .content { width: 100%; text-align: right; line-height: 30px; right: -80%; position: absolute; top: 50%; transform: translateY(-50%); color: #fff; transition:right .8s ease-in-out;-moz-transition:right .8s ease-in-out;-webkit-transition:right .8s ease-in-out; }
.proview h3 { font-size: 36px; padding: 12px 0; font-weight: normal; }
.pro-view6.cur .content { right: 0; }

.pro-view7,
.pro-view8 { background-color: #f5f6f1; color: #666; }

.pro-detail { padding: 36px 0;}
.pro-detail h3 { font-size: 36px; padding: 12px 0; font-weight: normal; text-align: center;} 
.pro-detail .con { padding: 20px 0;  }

.pro-view2-1 { background-color: #fff;  }

.ny-current { border-bottom: solid 1px #eaeaea; }
.cur-nav { border-left: solid 1px #eaeaea; }
.cur-nav ul li { float: left; }
.cur-nav ul li a { display: block; padding: 0 18px; line-height: 65px; border-right: solid 1px #eaeaea; }
.cur-nav ul li.cur a { color: #fff; background-color: #e9222d; position: relative; }
.cur-nav ul li.cur a:after { position: absolute; width: 24px; height: 10px;left: 50%; margin-left: -12px; bottom: -10px; content: '';z-index:2;}

.ny-current .curr { line-height: 65px;  background: url(../images/cur.png) left center no-repeat; padding-left: 24px; }

.support1 { padding-top: 40px; }
.support1 .box { height: auto; overflow: hidden; background: url(../images/tel.png) right bottom no-repeat #f8f8f8; }
h3.sup-title { font-size: 36px; padding: 30px 0; font-weight: normal; text-align: center; }
.support1 .item { width: 50%; }
.support1-le { padding: 20px 32px; background-color: #444; }
.support1-le h3 { font-weight: normal; font-size: 18px;line-height: 42px; color: #fff; border-bottom: solid 1px #676767; }
.support1-le .list { height: auto; overflow: hidden; padding: 6px 0; }
.support1-le .list ul li { display: inline-block; float: left; margin: 8px 0; line-height: 32px; color: #fff; padding-right: 60px; }
.support1-ri { padding: 20px 40px; font-size: 16px; line-height: 30px; }
.support1-ri h3 { font-size: 18px; line-height: 42px; padding-bottom: 12px; font-weight: normal; }

.support2 { background: url(../images/support2.jpg) top center no-repeat; margin-top: 70px; padding: 50px 0; padding-bottom: 150px; }
.support2 .box { max-width: 800px; border: solid 2px #fff; margin: 0 auto; margin-top: 30px; padding: 3% 7%; background-color: rgba(0,0,0, .15); line-height: 28px; font-size: 18px; text-align: center;}

.support3 { padding: 50px 0; }
.support3 dl { border:solid 1px #e9e9e9; width: calc(33.33% - 32px);  margin: 0 16px; float: left; text-align: center; }
.support3 dl dt { background-color: #f7f7f7; border-bottom: solid 1px #e9e9e9; height: 132px; line-height: 132px; }
.support3 dl dd { padding: 22px; height: 148px; line-height: 26px; color: #585858; overflow: hidden; }

.support4 { background-color: #f9f9f9; padding: 40px 0; }

.support4 .item dl { margin: 10px 0; width: 100%; float: left; }
.support4 .item dl dt {padding:0 40px 0 0; height: 50px; line-height: 48px; border: solid 1px #dedede; cursor: pointer;font-size:16px;position:relative;overflow:hidden; }

.support4 .item dl dt p { background-color: #dedede; width: 50px; display: block; float: left; text-align: center; margin-right: 20px; border-right: solid 1px #dedede; }
.support4 .item dl dd { background-color: #fff; padding: 20px 70px; line-height: 22px; display: none; }
.support4 .item  h3{color:#e9222d;font-size:16px;}
.support4 .item dl.cur dt { color: #fff; background-color: #e9222d;}
.support4 .item dl.cur dt p{ color: #fff; background-color: #e9222d;}
.support4 .item dl.cur dd { display: block; } 
.support4 .swiper-container { max-width: 1200px; margin: 0 auto; }  
.support4 .swiper-pagination { position: static; padding-top: 20px; text-align: center; width: 100%; }
.support4 .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 4px; background: #dedede; border-radius: 0; border-radius: 5px; }
.support4 .swiper-pagination-bullet-active { background-color: #e9222d !important; }
.ny-banner { display: block; }
.ny-banner img { height: 100%; object-fit: cover; }
.wap-ny-banner { display: none; }
.wap-ny-banner img { height: 100%; object-fit: cover; }

.support4 .item dl dt:after{content:"";display:block;width:29px;height:100%;background:url(../images/icon-dd3.png) no-repeat center center;position:absolute;right:10px;top:0px;}
.support4 .item dl.cur dt:after{background-image:url(../images/icon-dd3-2.png);}

.ny-nav { max-width: 1200px; margin: 0 auto; }

.download { padding-top: 50px; }
.dl-type { padding-bottom: 34px; border-bottom: solid 1px #eaeaea; text-align: center; }
.dl-type ul li { height: 56px; line-height: 54px; text-align: center; border:solid 1px #eaeaea; display: inline-block; border-radius: 26px; padding: 0 46px; margin: 0 10px; cursor: pointer; font-size: 18px; } 
.dl-type ul li.cur { background-color: #e9222d; color: #fff; }
.dl-type ul li.cur a:hover{color: #fff !important; }
.download .lists {  }
.download .lists .box { width: 100%; overflow: hidden; overflow-x: auto; }
.download .lists table { width: 1200px; }
.download .lists table tr td { line-height: 48px; background: #f1f1f1; padding: 0 15px; border-bottom: solid 10px #fff; transition:background-color .2s ease-in-out; -moz-transition:background-color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out; }
.download .lists table tr td a.down { background: url(../images/down-1.png) right center no-repeat; height: 48px; display: inline-block; padding-right: 35px; font-style: normal; cursor: pointer;}
.download .lists table tr:hover td { color: #fff; background-color: #e9222d; }
.download .lists table tr:hover td a.down { background: url(../images/down-2.png) right center no-repeat; color:#fff !important;}
.download h3.title { height: 75px; padding-top: 25px; line-height: 50px; font-size: 24px; font-weight: normal; }

.popup-down { display: none; position: fixed; left: 0; top: 0;; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); z-index: 99; }
.popup-down .box { width: 600px; height: 460px; position: fixed; left: 50%; top: 50%; transform:translate(-50%, -50%); background-color: #fff; border: solid 10px #e9222d; box-shadow: 0 0 10px rgba(0,0,0, .5); padding: 60px; }
.popup-down .box .tip { background-color: #eee; padding: 16px; line-height: 28px; }
.popup-down .box .tip h3 { text-align: center; font-weight: normal; color: #333; }
.popup-down .box table tr td { text-align: center; }
.popup-down .box .txt { width: 100%; height: 40px; line-height: 38px; border:solid 1px #cacaca; padding: 0 10px; }
.popup-down .box .btn { width: 72px; height: 22px; border: none; background-color: #ededed; transition:background-color .2s ease-in-out; -moz-transition:background-color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out; margin: 0 4px; }
.popup-down .box .btn:hover { background-color: #00b2b6; color: #fff; }
.popup-down .box .close { width: 28px; height: 28px; background: url(../images/close.png) no-repeat; position: absolute; right: 36px; top: 36px; cursor: pointer; }

.ny-main2 { background-color: #f9f9f9; padding: 32px 0 42px 0; }
.ny-main2 .lists dl { display: block; width: 100%; float: left; padding: 22px; background-color: #fff; height: auto; overflow: hidden; transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; margin: 12px 0; }
.ny-main2 .lists dl dt { width: 25%; float: left; } 
.ny-main2 .lists dl dd { width: 72%; float: right; }
.ny-main2 .lists dl dd .left { float: left; width: 82%; }
.ny-main2 .lists dl dd .left h3 { line-height: 48px; font-size: 22px; font-weight: normal;overflow:hidden; }
.ny-main2 .lists dl dd .left .con { height: 48px; line-height: 24px; overflow: hidden; }
.ny-main2 .lists dl dd .right { margin-top: 35px; width: 15%; float: right; } 
.ny-main2 .lists dl dd .right p { text-align: center; font-size: 18px; padding-top: 5px;}
.ny-main2 .lists dl dd .right p:nth-child(1) { font-size: 60px; position: relative;  }
.ny-main2 .lists dl dd .right p:nth-child(1):after { position: absolute; width: 68px; height: 1px; background-color: #1a1a1a; left: 50%; margin-left: -34px; bottom: 0; content: ''; }
.ny-main2 .lists dl dd a.more { width: 110px; height: 34px; line-height: 32px; border: solid 1px #ddd; display: inline-block; text-align: center; border-radius: 16px; margin-top: 60px; }
.ny-main2 .lists dl a:hover { color: #e9222d; }
.ny-main2 .lists dl:hover dd .right p:nth-child(1):after { background-color: #fff; }.ny-main2 .lists dl:hover dd a.more { border-color: #e9222d; }
.ny-main2 .lists dl:hover dd a.more { /*background-color: #fff;*/ color: #e9222d; }
.ny-main2 .lists dl dd h3 a:hover { color: #e9222d; }

.new-view { background-color: #fff; padding: 22px 48px; }
.new-view p{line-height: 30px;}

.new-view-title { text-align: center; border-bottom: solid 1px #e5e5e5; line-height: 30px; padding:10px 0 16px 0;margin-bottom: 20px; }
.new-view-title .line { padding: 0 10px; color: #d3d3d3; }
.new-view-title h3 { padding: 8px; line-height: 32px; font-size: 22px; font-weight: normal; color: #333; }

.view-container { line-height: 24px; padding: 16px 0 36px 0; border-bottom: solid 1px #e5e5e5; }
.view-page { position: relative; height: 98px; padding: 30px 0; }
.view-page .prev,
.view-page .back,
.view-page .next { font-size: 14px; width: 48%; height: 38px; border:solid 1px #e5e5e5; line-height: 38px; position: absolute;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }
.view-page .prev.case,
.view-page .next.case { font-size: 14px; width: 162px; height: 38px; border:solid 1px #e5e5e5; line-height: 38px; position: absolute;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }

.view-page .prev { left: 0; }
.view-page .prev a { /* background: url(../images/le.png) 12px center no-repeat; */ padding-left: 10px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.view-page .prev a.case { background: url(../images/le.png) 12px center no-repeat; padding-left: 35px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.view-page .next a { padding-left: 10px;  }
.view-page a { display: block; } 
.view-page .back { left: 50%; margin-left: -80px;width:137px; }
.view-page .next { right: 0; }
.view-page .next a { /* background: url(../images/ri.png) 90% center no-repeat;  */white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.view-page .prev:hover a { color: #fff; /*  background: url(../images/le-white.png) 12px center no-repeat #e9222d; */background-color:#e9222d;   }
.view-page .next:hover a { color: #fff; /*  background: url(../images/ri-white.png) 90% center no-repeat #e9222d; */background-color:#e9222d;  }

.view-page .next a.case {  background: url(../images/ri.png) 90% center no-repeat;  white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align: center;}
.view-page .prev:hover a.case { color: #fff;  background: url(../images/le-white.png) 12px center no-repeat #e9222d; background-color:#e9222d;   }
.view-page .next:hover a.case { color: #fff;   background: url(../images/ri-white.png) 90% center no-repeat #e9222d;background-color:#e9222d;  }

.view-page .back a { background: url(../images/back.png) 16px center no-repeat #e9222d;color: #fff; text-align: center; }
.view-page .back a:hover { background: url(../images/back.png) 16px center no-repeat #e9222d; color: #fff; }

.pic-lists {}
.pic-lists ul li { float: left; position: relative; width: calc(33.33%  - 28px); margin: 14px; }
.pic-lists ul li img { width: 100%; }
.pic-lists ul li .con { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); line-height: 28px; font-size: 18px; text-align: center; color: #fff; opacity: 0; transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out; }
.pic-lists ul li:hover .con { opacity: 1; cursor: pointer; }
.pic-lists ul li .con .box { width: 90%; background-color: url(../images/tb1.png) bottom center no-repeat; padding-bottom: 60px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; -webkit-transform: translate(-50%, -50%); z-index: 1;-moz-transform: translate(-50%, -50%); z-index: 1; }
 
.contact1 { padding: 45px 0; max-width: 1200px; margin: 0 auto; }
.contact1 dl { width: 100%; }
.contact1 dl dt { width: 50%; float: left; }
.contact1 dl dd { padding:25px 38px; width: 50%; float: left; border:1px solid #eee;}
.contact1 dl dd h3 { line-height: 30px; padding: 15px 0; font-weight: normal; border-bottom: solid 1px #e2e2e2; font-size: 18px; color: #333; padding-top: 20px; }
.contact1 dl dd .con { margin-top: 8px; }
.contact1 dl dd ul li { padding: 8px 0; padding-left: 24px; line-height: 24px; }
.contact1 dl dd ul li.tel { background: url(../images/c-tel.jpg) left 12px no-repeat; }
.contact1 dl dd ul li.tel2 { background: url(../images/c-tel2.jpg) left 12px no-repeat; }
.contact1 dl dd ul li.email { background: url(../images/c-email.jpg) left 12px no-repeat; }
.contact1 dl dd ul li.addr { background: url(../images/c-addr.jpg) left 12px no-repeat; }

.map { margin-bottom: 60px; }

.feedback { background-color: #f9f9f9; padding: 30px 0; }
.devel{ background-color: #fff; padding: 30px 0; }
.feedback h3 {  font-size: 18px; font-weight: normal; color: #333; }
.devel h3 {  font-size: 18px; font-weight: normal; color: #333; }
.feedback h3.title { font-size: 36px; padding: 30px 0; font-weight: normal; text-align: center; border-bottom: solid 1px #e5e5e5; }
.devel h3.title { font-size: 36px; padding: 30px 0; font-weight: normal; text-align: center; border-bottom: solid 1px #e5e5e5; }
.feedback table tr td { padding: 12px 0; }
.feedback .txt { background: #fff; width: 100%; border: none; height: 45px; line-height: 45px; padding: 0 16px; border: solid 1px #e5e5e5; } 
.feedback .txt.txt1 { width: calc(50% - 12px); }
.feedback .select { width: calc(50% - 12px); background: #fff; border: none; height: 45px; padding: 0 16px; border: solid 1px #e5e5e5;  }
.feedback .tarea { width: 100%; height: 180px; border: none; padding: 20px; border: solid 1px #e5e5e5; } 
.feedback .con h3 {  padding: 12px 0; }
.feedback .con span { display: inline-block; border: solid 1px #e5e5e5 ; background-color: #fff; height: 36px; line-height: 34px; padding: 0 16px; border-radius: 18px; cursor: pointer; margin: 0 6px;  }
.feedback .con span.cur { background-color: #e9222d; border-color: #e9222d; color: #fff; }
.feedback .btn-td { text-align: center; }
.feedback .btn-td .btn { width: 156px; height: 44px; line-height: 44px; background: rgba(0, 176, 182, 1); margin: 0 auto; display: inline-block; color: #fff; font-size: 18px; }
.feedback .btn-td .btn:hover { background-color:  rgba(0, 176, 182, 0.8); } 

/* 定制申请 */
.pro-message-box{width: 100%;height: auto;overflow: hidden;padding: 50px 0;background-color: #fff;}
.message{width: 1200px;height: auto;overflow: hidden;margin: 0 auto;padding-top: 50px;}
.message-text{width: 100%;height: auto;color: #656565;line-height: 22px;font-size: 14px;overflow: hidden;margin-bottom: 20px;}
.message-text2{width: 100%;height: auto;color: #b2b2b2;line-height: 22px;font-size: 14px;overflow: hidden;margin-bottom: 10px;}
.message-list1{width: 100%;height: 38px;border: 1px solid #c9c9c9;border-radius: 30px;padding: 0 20px 0 20px;
position: relative;margin-bottom: 20px;}
.message-list1 span{position: absolute;height: 38px;width: 20px;line-height: 38px;color: #e90909;}
.message-list1 input{width: 100%;font-size: 14px;color: #656565;box-sizing: border-box;border: 0px solid #e5e5e5;line-height: 36px;height: 36px;display: block;float: left;}
.message-list2-box{width: 100%;height: auto;overflow: hidden;}
.message-list2{width: 48%;height: 38px;border: 1px solid #c9c9c9;border-radius: 30px;padding: 0 20px 0 20px;
position: relative;margin-bottom: 20px;float: left;}
.message-list2:nth-child(2n){float: right;}
.message-list2 span{position: absolute;height: 38px;width: 20px;line-height: 38px;color: #e90909;}
.message-list2 input{width: 100%;font-size: 14px;color: #656565;box-sizing: border-box;border: 0px solid #e5e5e5;line-height: 36px;height: 36px;display: block;float: left;}
.message-list3{width: 100%;height: auto;border: 1px solid #c9c9c9;border-radius: 14px;padding: 0 20px 0 20px;
position: relative;margin-bottom: 20px;overflow: hidden;}
.message-list3 textarea{width: 100%;height: 200px;font-size: 14px;color: #656565;border: none;padding:10px 0;line-height: 26px;border: 0px solid #e5e5e5;}
.message-list4{width: 100%;height: auto;overflow: hidden;margin: 0 auto;padding-top: 20px;}
.message-list4 input{width: 120px;font-size: 14px;color: #fff;box-sizing: border-box;border: 0px solid #e5e5e5;background-color: #656565;line-height: 40px;height: 40px;display: block;cursor: pointer;margin: 0 auto;border-radius: 20px}
.message-list4 input:hover{background-color: #e9222d;}


.gallery { padding-top: 45px !important; }
.gallery ul li { float: left; position: relative; width: calc(33.33%  - 28px); margin: 14px;border: solid 1px #e5e5e5; }
.gallery ul li img { width: 100%;max-height: 240px;object-fit:cover;}
.gallery ul li h3{text-align: center;line-height: 60px;font-size: 16px;}
.gallery ul li .con { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); line-height: 28px; font-size: 18px; text-align: center; color: #fff; opacity: 0; transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out; }
.gallery ul li:hover .con { opacity: 1; cursor: pointer; }
.gallery ul li .con .box { width: 90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; -webkit-transform: translate(-50%, -50%); z-index: 1;-moz-transform: translate(-50%, -50%); z-index: 1; }
.gallery ul li .con .box .line-clamp2 { height: 48px; line-height: 24px; overflow: hidden; }
.gallery ul li .con .box .more { border: solid 1px #e5e5e5; width: 104px; height: 40px; line-height: 38px; background:url(../images/ri-white.png) 70px center no-repeat; border-radius: 20px; padding-left: 16px; text-align: left; display: inline-block; font-size: 16px; color: #fff; margin-top: 40px; }
.gallery ul li .con .box .more:hover { background-color: #e9222d; border-color: #e9222d; }
.case-view1 { line-height: 24px; padding: 20px 0; }
.case-view1 h3 { font-size: 18px; font-weight: normal; line-height: 42px; }

.case-view2 { background-color: #f9f9f9; padding-top: 16px; }
.case-view2 h3 { padding: 30px; line-height: 30px; text-align: center; font-size: 28px; font-weight: normal; border-bottom: solid 1px #e5e5e5; }
.case-view2 .lists { max-width: 1200px; margin: 0 auto; padding: 28px 66px 62px 66px; position: relative; }
.case-view2 .lists .item { width: calc(33.33% - 20px); margin: 0 10px; float: left; border:solid 1px #ebebeb; }

.case-view2 .swiper-button-prev,
.case-view2 .swiper-button-next { top: 50%; margin-top: -44px; width: 56px; height: 56px; }
.case-view2 .swiper-button-prev { background: url(../images/left2-1.png); }
.case-view2 .swiper-button-next { background: url(../images/right2-1.png); right: 10px; }
.case-view2 .swiper-button-prev.swiper-button-disabled { background: url(../images/left2.png); }
.case-view2 .swiper-button-next.swiper-button-disabled { background: url(../images/right2.png); }

h3.ab-title { text-align: center; color: #333; font-weight: normal; font-size: 36px; font-weight: normal; padding: 22px 0; position: relative; }
h3.ab-title:after { position: absolute; width: 60px; height: 4px; background: #666; left: 50%; margin-left: -30px; bottom: 0; content: ''; }
.about1 { padding: 46px 0 56px 0; }
.about1 .left { width: 49%; float: left; }
.about1 .box { padding-top: 42px; }
.about1 .content { height: 335px; overflow: hidden; overflow-y: auto; width: 49%; float: right; line-height: 24px; }

.about2 { background: url(../images/ab2.jpg) top center no-repeat; height: 700px; padding: 45px 0; }

.about2 .box{ padding-top: 45px; max-width: 1224px; margin: 0 auto; }
.about2 .box .item { height: 224px;  width: calc(50% - 24px); float: left; background-color: #fff; margin: 12px; padding: 40px; position: relative; overflow: hidden; }
.about2 .box .item dl dt { text-align: center; height: 88px; line-height: 88px; }
.about2 .box .item dl dd { padding-top: 12px; text-align: center; line-height: 22px; }
.about2 .box .item .content { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #e9222d; padding: 22px 40px; color: #fff; line-height: 22px; transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out; opacity:0; cursor:pointer;}  
.about2 .box .item:hover .content { opacity:1; }
.about2 .box .item .content h3 { font-size: 18px; font-weight: normal; padding: 10px 0; position: relative; }
.about2 .box .item .content h3:after { width: 48px; height: 3px; background-color: #fff; left:0; bottom: 0; position: absolute; content: '' }
.about2 .box .item .content .con { height: 142px; overflow: hidden; padding-top: 8px;display:-webkit-box; display: box; -webkit-line-clamp:6; line-clamp:6; -webkit-box-orient:vertical; box-orient:vertical; color: rgba(255,255,255, .8); }

.ab-type { padding: 48px 0; height: 248px; position: relative; text-align: center; }
.ab-type span { width: 152px; height: 152px; background-color: #fff; border: solid 1px #d4d4d4; display: inline-block; border-radius: 50%; margin: 0 40px; background-repeat: no-repeat; background-position: center center; transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; cursor: pointer; }
.ab-type span.cur { background-color: #e9222d; border-color: #e9222d; position: relative; }
.ab-type span.cur:before { width: 172px; height: 172px; border:solid 1px #e9222d; position: absolute; left: -11px; top: -11px; content: ''; border-radius: 50%; }
.ab-type span:nth-child(1) { background-image: url(../images/ab3-1.png); } 
.ab-type span.cur:nth-child(1) { background-image: url(../images/ab3-1-w.png); }

.ab-type span:nth-child(2) { background-image: url(../images/ab3-2.png); } 
.ab-type span.cur:nth-child(2) { background-image: url(../images/ab3-2-w.png); }

.ab-type span:nth-child(3) { background-image: url(../images/ab3-3.png); } 
.ab-type span.cur:nth-child(3) { background-image: url(../images/ab3-3-w.png); }

.ab-type span:nth-child(4) { background-image: url(../images/ab3-4.png); } 
.ab-type span.cur:nth-child(4) { background-image: url(../images/ab3-4-w.png); }

.ab-type span:nth-child(5) { background-image: url(../images/ab3-5.png); } 
.ab-type span.cur:nth-child(5) { background-image: url(../images/ab3-5-w.png); }

.ab-type:before { height: 2px; top: 124px; background-color: #d4d4d4; position: absolute; left: 0; width: 100%; content: '' }

.about3 { height: auto; overflow: hidden; padding: 45px 0; }
.about3 .ab3-content { text-align: center; font-size: 18px;  }
.about3 .ab3-content h3 { font-size: 24px; font-weight: normal; color: #e9222d; line-height: 48px;}
.about3 .ab3-content .content { display: none; }

.about4 { background-color: #f9f9f9; padding: 45px 0; }
.about4 .detail { text-align: center; font-size: 18px; padding: 25px 0; }
.about4 .lists { padding: 0 40px; padding-top: 20px; }
.about4 .lists .item { width: calc(25% - 32px); margin: 0 16px; }
.about4 .lists .item dl dt{ width: 100%; border: solid 5px #f1f1f1; border-radius: 50%;overflow:hidden; }
.about4 .lists .item dl:hover dt { border-color: #e9222d; }
.about4 .lists .item dl dt img { width: 100%; height: 100%; object-fit: cover; }
.about4 .lists .item dl dd { text-align: center; padding-top: 20px; line-height: 30px; }
.about4 .lists .item dl dd h3 { font-size: 18px; font-weight: normal; line-height: 36px; position: relative; }
.about4 .lists .item dl dd h3:after { position: absolute; width: 40px; height: 2px; background-color: #d0d0d0; left: 50%; margin-left: -20px; bottom: 0; content: ''; }
.about4 .lists .swiper-button-prev{background:url(../images/swiper1-l.png) no-repeat center center / cover;}
.about4 .lists .swiper-button-prev:hover{background-image:url(../images/swiper1-l2.png)}
.about4 .lists .swiper-button-next{background:url(../images/swiper1-r.png) no-repeat center center / cover;}
.about4 .lists .swiper-button-next:hover{background-image:url(../images/swiper1-r2.png)}

.about6 { background: url(../images/about6.jpg) top center no-repeat; padding-bottom: 50px; background-size:cover; }
.about6 .tip { padding: 70px 0 40px 0; text-align: center; color: #fff; line-height: 28px; max-width: 700px; margin: 0 auto;}
.about6 .tip h3 { padding: 40px 0; font-size: 36px; font-weight: normal; }
.about6 .tip p { padding: 8px 0; }
.about6 .lists { max-width: 1200px; margin: 0 auto; }
.about6 .lists table tr th,
.about6 .lists table tr td { height: 62px; border:none; border-bottom: solid 1px #dadcdc; padding: 0 24px; }
.about6 .lists table tr th { font-size: 16px; color: #333; background-color: #dadcdc; text-align: left; }
.about6 .lists table tr td { color: #fff; }
.about6 a.more { width: 120px; height: 35px; line-height: 35px; text-align: center; background-color: #fff; display: inline-block; color: #666; transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out; }
.about6 a.more:hover { color: #fff; background-color: #e9222d; }

.popup-job { display: none; position: fixed; left: 0; top: 0;; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); z-index: 99; }
.popup-job .wrap{height:100%; padding: 40px  10%; padding-top: 20px; overflow: auto; }
.popup-job .box { width: 1200px; background-color: #fff; position: fixed; left: 50%; margin-left: -600px; top: 50%; transform: translateY(-50%); 
-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); line-height: 26px; max-height: none;}
.popup-job .box h3 { text-align: center; font-weight: normal; font-size: 24px; }
.popup-job .box .con { padding-top: 20px; }
.popup-job .close { width: 28px; height: 28px; background: url(../images/close.png) no-repeat; position: absolute; top:-30px;right:-30px;cursor: pointer; }

.about5 { background:#f9f9f9; background-size:cover; color: #333; padding: 45px 0 68px 0; } 

.hist-wrapper{padding:0 225px;position:relative; margin-top:25px;} 
.hist-wrapper .histSwiper-prev, 
.hist-wrapper .histSwiper-next{display:block;width:225px;height:100%;position:absolute;top:0px;}
.hist-wrapper .histSwiper-prev{left:0px;background:url(../images/left2-1.png) no-repeat center center;}
.hist-wrapper .histSwiper-prev.swiper-button-disabled { background:url(../images/left2-1.png) no-repeat center center; }
.hist-wrapper .histSwiper-next{right:0px;background:url(../images/right2-1.png) no-repeat center center;}
.hist-wrapper .histSwiper-next.swiper-button-disabled { background:url(../images/right2-1.png) no-repeat center center; }
.hist-wrapper .swiper-slide table{width:100%;border:0px;}
.hist-wrapper .swiper-slide table tr td:first-child{ width:320px;text-align:center;vertical-align:middle;color:#333;font-size:30px;}
.hist-wrapper .swiper-slide table tr td{ height:248px;vertical-align:middle;color:#333;font-size:16px;line-height: 28px;overflow:hidden; padding: 0 10px;} 
.hist-list{width:100%;height:90px;margin-top:10px;background:url(../images/bg-hintLine2.png) repeat-x left top;position:relative;overflow:hidden;} 
.hist-list .w1200{overflow:hidden;}
.hist-list ul{background:url(../images/bg-hintLine.png) repeat-x left top;} 
.hist-list ul li{width:122px;padding-top:50px;text-align:center;font-size:16px;color:#666;float:left;margin-left:60px;line-height: 40px;}
.hist-list ul li.cur{background:url(../images/hist-cur.png) no-repeat center top;font-size:26px;color:#333;}

.honor-lists { padding-bottom: 20px !important; border-top: solid 1px #e5e5e5; padding-top: 20px !important; }
.honor-lists dl { width: calc(25% - 18px); float: left; margin: 9px; }
.honor-lists dl dt { padding: 25px 40px; background-color: #fff; }
.honor-lists dl dt img { width: 100%; }
.honor-lists dl dd { text-align: center; height: 40px; padding: 10px 0; line-height: 20px; } 
.honor-lists dl:hover dt { box-shadow: 0 0 20px rgba(0, 0, 0, .2)}
.honor-lists dl:hover dd { color: #e9222d; }

.equipment { padding: 50px 0!important; }
.equipment1,
.equipment2 { max-width: 1200px; margin: 0 auto; }
.equipment1 .item { position: relative; }
.equipment1 .item .content { position: absolute; height: 70px; line-height: 70px; padding: 0 5%; z-index: 1; width: 100%; background-color: rgba(0,0,0, .6); left: 0; bottom: 0; font-size: 18px; color: #fff; }
.equipment2 { position:relative; margin-top: 6px !important; height: auto; overflow: hidden; }
.equipment2 .swiper-container { width: calc(100% - 60px)} 
/*.equipment2 .item { width: calc(20% - 4px); margin: 0 2px; height: 120px; }*/
.equipment2 .item img { width: 100%; height: 120px; object-fit: cover; }

.equipment2 .swiper-button-prev,
.equipment2 .swiper-button-next { width: 28px; height: 120px; top: 0; margin-top: 0; }
.equipment2 .swiper-button-prev { background: url(../images/ale2.jpg) no-repeat; left: 0; }
.equipment2 .swiper-button-next { background: url(../images/ari2.jpg) no-repeat; right: 0; }
.equipment2 .swiper-button-next.swiper-button-disabled {background: url(../images/ari.jpg) no-repeat;}
.equipment2 .swiper-button-prev.swiper-button-disabled {background: url(../images/ale.jpg) no-repeat;}

.equip-min{display:block;position:relative;}
.equip-min:after{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0px;left:0px;}
.equip-min.cur:after{display:none;}
/*.equip-min span{display:block;width:100px;height:100px;font-size:20px;color:#fff;text-align:center;position:absolute;top:0px;left:0px;z-index:2;}*/


.ctUs-map{width:100%;height:500px;border:1px solid #bed2c8;position:relative;overflow:hidden;margin:.14rem auto 0;}
.ctUs-map img{max-width: none;}

.Container-wrapper {position:relative;left:0px;width:100%;height:auto;}
/*网站地图*/
.web-map{padding:.57rem 0 .64rem;}
.wMap-top{line-height:47px;text-align:center;font-weight:600;font-size:32px;color:#333;padding:0 0 .15rem;border-bottom:1px solid #e5e5e5;}
.wMap-list{width:104.25%;margin:0 0 0 -4.25%;}
.wMap-list li{width:33.333%;padding:0 0 0 4.25%;float:left;margin:.4rem 0 0;}
.wMap-list .wMap-box{padding:.23rem .3rem .22rem;color:#333333;border:1px solid #e5e5e5;border-radius:15px;}
.wMap-box .top{line-height:25px;font-size:18px;padding:0 0 .2rem;text-align:center;border-bottom:1px solid #e5e5e5;margin:0 0 .13rem;}
.wMap-box a{display:block;width:50%;padding:.05rem 0;line-height:24px;color:#666666;float:left;}


.abUs-media-box{width:100%;height:100%;background:rgba(0,0,0,.6);position:fixed;top:0px;left:0px;z-index:10;display:none;}
.abUs-media-box .abUs-media-close{display:block;width:28px;height:28px;background:url(../images/close.png) no-repeat center center;position:absolute;top:-38px;right:-38px;cursor:pointer;}
.abUs-media-box .abUs-media-container{width:700px;height:400px;position:absolute;top:50%;left:50%;margin:-200px 0 0 -350px;z-index:10;}
.abUs-media-container iframe{width:100%;height:100%;}

/* 视频弹窗 */
.addup-box{position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);left: 0;top: 0;z-index: 99999;opacity: 1;margin: 0 auto;left: auto;right: auto;display: none;}
.addup{width: 1280px;height: 720;margin: 0 auto;;overflow: hidden;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #fff;}
.upclose{width: 40px;height: 40px;position: absolute;right: 0;top: 0px;z-index: 9;background: url('../images/upclose.png') no-repeat center center;cursor: pointer;user-select: none;transition: all .3s ease-in-out;}
.upclose:hover{background: #e9222d url('../images/upclose.png') no-repeat center center;}
.addup video{width: 100%;}





@media all and (max-width:1260px){

	.abUs-media-box .abUs-media-container{width:90%;left:5%;margin-left:0px;}
    .addup{width: 960px;height: 540;}
}

@media all and (max-width:980px){
    .message{width: 100%;}
    .devel h3.title{font-size: 26px;padding: 10px 0 20px;}
    .message{padding-top: 25px;}
    .message-list3 textarea{height: 130px;}
    .message-list4{padding-top: 5px;}

	.abUs-media-box .abUs-media-container{width:100%;height:100%;left:0px;top:0px;margin:0px;}
	.abUs-media-box .abUs-media-close{top:4%;right:4%;z-index:2;}

}

.wap-banner .text{width:100%;text-align:center;color:#fff;position:absolute;top:40%;left:0px;}
.wap-banner .text h1{line-height:28px;font-size:18px;font-weight:normal;}
.wap-banner .text p{line-height:22px;font-size:14px;padding:0 10%;margin:10px 0 0;}

/*精彩瞬间*/
.wdfInfo-modal{width:100%;height:100%;background:rgba(0,0,0,.9);position:fixed;top:0px;left:0px;z-index:9999;display:none;}
.wdfInfo-modal-container{padding:38px 38px 0;width:863px;height:596px;background:#fff;position:absolute;top:50%;left:50%;margin:-298px 0 0 -431px;}
.wdfInfo-modal-close{display:block;width:33px;height:33px;background:url(../images/icon-close.png) no-repeat center center;position:absolute;right:0px;top:0px;z-index:2;}
.wdfInfo-modal-container .swiper-slide img{width:100%;}

.wdfInfoSwiper-prev,
.wdfInfoSwiper-next{display:block;width:76px;height:76px;position:absolute;top:50%;margin-top:-38px;z-index:10;}
.wdfInfoSwiper-prev{left:-93px;background:url(../images/swiper2-l.png) no-repeat center center / cover;}
.wdfInfoSwiper-next{right:-93px;background:url(../images/swiper2-r.png) no-repeat center center / cover;}

.wdfInfo-modal-container .swiper-pagination{padding:0 38px 0 0;width:100%;color:#666666;text-align:right;font-size:14px;position:absolute;bottom:15px !important;right:0px;}

@media all and (max-width:1100px){

	.wdfInfoSwiper-prev{left:0px;}
	.wdfInfoSwiper-next{right:0px;}

}

@media all and (max-width:980px){

	.wdfInfo-modal-container{padding:0 10%;width:100%;height:100%;top:0px;left:0px;margin:0px;}
	.wdfInfoSwiper-prev, 
	.wdfInfoSwiper-next{width:40px;height:40px;}
	.wdfInfoSwiper-prev{left:10px;}
	.wdfInfoSwiper-next{right:10px;}
    .wdfInfo-modal-container .swiper-container{width:80%;height:auto;position:absolute;left:10%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
    
    .addup{width: 320px;height: 180px;}

}


.rtn-top{display:block;width:40px;height:40px;background:url(../images/icon-rtn.png) no-repeat center center;position:fixed;right:4%;bottom:8%;z-index:100;opacity:0;}
.rtn-top.cur{opacity:1;}


.abUs-media-btn img{transition:none !important;-webkit-transition:none !important;transform:scale(1) !important;-webkit-transform:scale(1) !important;background:url(../images/v.png)no-repeat;}
.abUs-media-btn img:hover{background:url(../images/v2.png)no-repeat;}

.pInfo_table_box{position:relative;}
.pInfo_table_box table{width:100%;border-collapse:collapse;}
.pInfo_table_box table th,
.pInfo_table_box table tr td{padding:0 0 0 .3rem;height:38px;font-weight:normal;text-align:left;vertical-align:middle;border:1px solid #e1e1e1;}
.pInfo_table_box table th{background:#f8f8f8;}

@media all and (max-width:980px){
	
	.pInfo_table_box{overflow-x:auto;}
	.pInfo_table_box table{width:980px;}

}

.pro-view1-type2{color:#fff;}
.pro-view1-type2 .list{margin:15px 0 0;}
.pro-view1-type2 .list a{margin:0 4px}

.ny-banner{overflow: hidden;}
.ny-banner img{width:1920px;height:4.65rem;object-fit:cover;max-width: none;position:relative;left:50%;margin-left:-960px;}
@media all and (max-width:1230px){
	.ny-banner img{width:1900px;margin-left:-950px;}
}
@media all and (max-width:1210px){
	.ny-banner img{width:1870px;margin-left:-935px;}
}
@media all and (max-width:1190px){
	.ny-banner img{width:1840px;margin-left:-920px;}
}
@media all and (max-width:1170px){
	.ny-banner img{width:1810px;margin-left:-905px;}
}
@media all and (max-width:1150px){
	.ny-banner img{width:1780px;margin-left:-890px;}
}
@media all and (max-width:1130px){
	.ny-banner img{width:1750px;margin-left:-875px;}
}
@media all and (max-width:1110px){
	.ny-banner img{width:1720px;margin-left:-860px;}
}
@media all and (max-width:1090px){
	.ny-banner img{width:1690px;margin-left:-845px;}
}

.container-flink{padding:10px 0;line-height:24px;font-size:12px;color:#fff;background:#333;/* border-bottom:solid 1px #b9b7b7; */}
.container-flink a{display:inline-block;margin:0 10px 0 0;color:#c5c3c3;}
.container-flink a:hover{color:#e9222d;}