body{font-size: 16px; font-family:"Microsoft YaHei", Arial, sans-serif; text-align:left;color:#000; background: #fff;}
li,ol,ul{list-style-type:none}
*{margin:0;padding:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
img{border:none;vertical-align:middle; transition: all 0.5s;}
a{color:#333;text-decoration:none}
a:hover {color: #ff0000;}
em,i {font-style: normal;}
input,select,textarea {outline: none;}
p {text-align:justify;}
.fl {float: left;}
.fr {float: right;}
.rel {position: relative;}
.abs {position: absolute;}
.w {width: 1550px; margin: 0 auto;}
.ellipsis-1 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;	white-space: normal !important;	-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ellipsis-2 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;	white-space: normal !important;	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsis-3 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;	white-space: normal !important;	-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ellipsis-4 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;	white-space: normal !important;	-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.ellipsis-5 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;	white-space: normal !important;	-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.ellipsis-6 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;	white-space: normal !important;	-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
@media screen and (min-width: 1000px) {
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{width: 3px;height: 3px;	background-color:f6f6f6;}
::-webkit-scrollbar{width: 3px;height: 3px;	background-color:#f6f6f6;}
/*定义滑块 内阴影+圆角*/
/*::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 6px rgba(231,231,231,.3);	background-color:#f00;}*/
::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 3px rgba(231,231,231,.3);	background-color:#999;}
}

.main{width: 100%; position: relative; overflow: hidden;}
.header {height: 80px; width: 100%; background:#fff; position: fixed; left: 0;top: 0; z-index: 9; padding-top: 0 !important;}
.header-top {height: 80px; box-shadow: 0 0 5px #ccc; background: #fff;}
.logo {width:226px; height: auto; left:90px; top: 25px; position: absolute; z-index: 9; }
.logo img {width:100%;}
.navwrap { position: fixed; top:0; right:350px; transition: all 0.5s; z-index: 8; }
.nav {width: 100%; height: 100%;}
.nav ul {font-size: 0;}
.nav li {float: left; position: relative;}
.nav li a {text-align: left; padding:0 30px; line-height: 80px; font-size: 18px; color: #333; display: block;}
.nav li a:hover {color: #ff0000;}
.nav li.on a {color: #ff0000;}
.nav li:last-child {border: none;}
.nav li em {display: none;}
.navico {width: 90px; display: block; height: 90px; display: none; right: 0; top:0; z-index: 9; background: url(../images/menu.png) center center no-repeat; background-size: auto; position: absolute;}
.navclose {width: 90px; display:none; height: 90px; cursor: pointer; right:0px; top:0; background: url(../images/menu2.png) center center no-repeat; background-size: 50%; position: absolute;}
.mmask {display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background:rgba(0,0,0,0.5) ; z-index: 10;}
.navitem-box {background:rgba(255,255,255,0.8);  width: 250px; border-radius: 6px;box-shadow: 0 0 5px #999;}
.navitem {position: absolute; left:0; top: 80px; padding-top: 10px; display: none; }
.nav li:nth-child(3) .navitem-box {width: 280px;}
.nav li:nth-child(4) .navitem-box {width: 250px;}
.navitem-box dl {padding: 10px 0;}
.navitem-box dl dd {line-height: 36px; text-align: center;}
.navitem-box dl dd:last-child {border: none;}
.navitem-box dl dd a {color: #333 !important;font-size: 16px; padding: 0 0 0 30px; line-height: 36px; font-weight: normal;}
.navitem-box dl dd a:hover {color: #ff0000;text-decoration: underline;}
.navcon li:hover .navitem { display: block;}
/* 顶部小图标 */
.hico {height: 80px; position: absolute; right: 100px; top: 0;}
.hsearchcon {display: none; position: absolute; left: -325px; top: 20px; height: 40px; box-shadow: 0 0 5px #999;}
.hsearchcon input {width: 300px; height: 40px; background: #fff; border: 0; padding: 0 10px;}
.hsearchcon input.sbtn {width: 80px; height: 40px; background: #e60012; position: absolute; right: 0; top: 0; color: #fff; cursor: pointer;}
.hsearch {width: 36px; height: 80px; position: relative; z-index: 10; cursor: pointer;}
.hsearch em{width: 36px; height: 80px; display: block;background:url(../images/ixico_sou.png) left center no-repeat}
.hsearch em.on{ background: url(../images/ixsearon.png) center center no-repeat;}
.hsearch.on {width: 50px; height: 80px; position: relative; z-index: 10; background: url(../images/ixsearon.png) center center no-repeat;  cursor: pointer;}
.hsearch::before {content: ""; width: 1px; height: 20px; background: #000; position: absolute; right: 0; top: 50%; margin-top: -10px;}
.lang {width: 70px; height: 80px; position: relative; line-height:80px; padding-left: 27px;}
.lang::before {content: ""; width: 1px; height: 20px; background: #000; position: absolute; right: 0; top: 50%; margin-top: -10px;}
.langcon {width: 70px; height: 20px; background: #eeeeee; border-radius: 20px; position: absolute; left: 12px; top: 30px;}
.langcon a {width: 35px; height: 20px; line-height: 20px; text-align: center; color: #000; display: inline-block; float: left;}
.langcon a.on {background: #f00; border-radius: 20px; color: #fff;}
.langcon a:hover {background: #f00; border-radius: 20px; color: #fff;}
.hcart {width: 50px; height: 80px; position: relative; text-align: center;}
.hcart a { line-height:80px;display: block;}
.hcart i {width: 25px; height: 25px;display: inline-block; background: url(../images/ixico_cart.png) no-repeat center 0; margin: 27px 0 0;}

/*footer*/
.footer {background:#434343;}
.foot-top {padding: 45px 0 30px; border-bottom: #a7a7a7 solid 1px;}
.blogo {width: 218px; height: 55px; display: block;}
.blogo img{width: 100%;}
.foot-mid {padding-top: 20px;}
.fcontact h2 {font-size: 18px; color: #fff; font-weight: normal;}
.fcontact h3 {font-size: 34px; color: #fff; padding-bottom: 10px;}
.fcontact p {font-size: 14px; color: #fff; line-height: 30px;}
.fcontact .ewm {padding-top: 40px; width: 150px;}
.fcontact .ewm h4 {text-align: center;}
.fcontact .ewm p {font-size: 12px; color: #fff;}
.fnav  { position: absolute; right: 0; top: -85px; display: flex; display: -webkit-flex; justify-content: flex-start;}
.fnav dl {margin-right: 40px;}
.fnav dl dt { margin-bottom: 70px;}
.fnav dl dt a { font-size: 16px; color: #fff;}
.fnav dl dd a { font-size: 14px; color: #fff; line-height: 35px;}
.fnav dl dd a:hover {color: #f00; text-decoration: underline;}
.ftxt {position: absolute; right: 0; bottom: 20px;}
.ftxt p {font-size: 12px; color: #fff;}
.foot-btm {height: 66px; border-top:#9b9b9b solid 1px;}
.foot-btm p {font-size: 14px;line-height: 66px; color: #848484;}
.foot-btm a {font-size: 14px;line-height: 66px; color: #848484;}
.foot-btm a:hover {text-decoration: underline; color: #fff;}
/*手机底部*/
.footheight { display: none;}
.footfix {display: none;}

/*banner*/
.banner {position: relative; z-index: 1; overflow: hidden; height: 100vh;}
.banner a { overflow: hidden; height: 100vh; display: block;}
.banner img {display: block; width: 100%;height:100vh; -o-object-fit: cover; object-fit: cover; }
.banner video {display: block; width: 100%;height: 100vh; -o-object-fit: cover; object-fit: cover; }
.banner img.mbanner {display: none;}
.banner a.mbanner {display: none;}
.banner .swiper-pagination{ text-align: center; bottom: 50px;}
.banner .swiper-pagination-bullet{display: inline-block; width: 37px; height: 37px; background: url(../images/bannerico.png) no-repeat;  border-radius: 37px; opacity: 1;  margin: 0 6px; cursor: pointer;}
.banner .swiper-pagination-bullet-active{ background: url(../images/bannerico-on.png) no-repeat;  opacity: 1;}
.banner .swiper-button-prev {width: 60px; height: 60px; background:url(../images/bleft.png) no-repeat;background-size: cover; left: 80px; border-radius: 60px;}
.banner .swiper-button-prev:hover { background:url(../images/bleft.png) #E60012 no-repeat;}
.banner .swiper-button-next {width: 60px; height: 60px; background:url(../images/bright.png) no-repeat;background-size: cover; right: 80px; border-radius: 60px;}
.banner .swiper-button-next:hover { background:url(../images/bright.png) #E60012 no-repeat;}


/*内页*/
.innercontent {background: #fff;}

.innerpositon {height: 100px; background: #f6f6f6; border-bottom: #cecece solid 1px;}
.innerpositon p {line-height: 100px;  color: #666666; font-size: 16px; text-align: left; }
.innerpositon p i {width: 28px; height: 28px; background: url(../images/nypos.png) no-repeat; margin: -3px 20px 0 0; vertical-align: middle; display: inline-block; }
.innerpositon p a {color: #333;}
.innerpositon p a:hover {color:#ff0000;}


/*page*/
.nypages {padding:60px 0 60px;text-align: center; }
.nypages a {display:inline-block;padding: 10px 15px; height: 28px;line-height: 28px;vertical-align: middle;margin: 0px;background: #fff; font-size: 16px; color:#333; border: #aeaeae solid 1px; border-right: none;}
.nypages span{font-size: 16px; color: #fff; height: 28px;line-height: 28px;vertical-align: middle;display: inline-block; position: relative; padding: 10px 15px;margin: 0px;border: #aeaeae solid 1px;border-right: none;background: #f00;}
.nypages a:hover{background: #ff0000;font-size: 16px; color: #fff;display: inline-block;padding: 10px 15px;margin: 0px;}
.nypages a:first-child {border: #d2d2d2 solid 1px; background: #d2d2d2; color: #333; font-family: Tahoma,Arial, Helvetica, sans-serif;}
.nypages a:last-child {border: #d2d2d2 solid 1px; background: #d2d2d2; color: #333; font-family: Tahoma,Arial, Helvetica, sans-serif;}
.nypages .layui-laypage .layui-laypage-curr .layui-laypage-em {position: absolute;left: -1px; top: -1px; padding: 1px;width: 100%; height: 100%;background: #f00;}
.nypages .layui-laypage { display: inline-block;  *display: inline;  *zoom: 1; vertical-align: middle; margin: 10px 0; font-size: 0;}
.nypages .layui-laypage>a:first-child, .layui-laypage>a:first-child em { border-radius: 2px 0 0 2px;}
.nypages .layui-laypage>a:last-child, .layui-laypage>a:last-child em { border-radius:0 2px 2px 0;}
.nypages .layui-laypage .layui-laypage-curr em { position: relative; color: #fff;}
.nypages .layui-laypage .layui-laypage-spr { color: #999; font-weight: 700;}

@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}


@media screen and (max-width: 1000px) {

.w {width: 100%;}
.w2 {width: 100%;}
.main{width: 100%; position: relative; overflow: hidden;}
.header {height: 2.85rem; width: 100%; box-shadow: 0 0 0.15625rem #000; background:rgba(255,255,255,1); position: fixed; left: 0;top: 0; z-index: 9;}
.header-top {height: 2.85rem;}
.header-top .rel{ padding-right: 0;}
.logo {width:9.5rem; height: auto; left:0.625rem; top:0.9rem; position: absolute; z-index: 9; }
.logo img {width:100%;display: block;}
.navwrap { position: fixed; width: 20rem; top:0; height: 100%; right:-20rem; transition: all 0.5s; z-index: 10; }
.nav {width: 100%; height: 100%; background:rgba(0,0,0,0.9); overflow: hidden; overflow-y: scroll;}
.nav ul {font-size: 0; padding-top: 2.85rem; padding-bottom: 2.85rem;}
.nav li {float: left; width: 100%;}
.nav li a {text-align: left; padding:0.875rem 1rem; width: 50%; line-height: 1.5; font-size: 0.875rem; color: #fff; display: block;}
.nav li em {width:3rem; height:3rem;background: url(../images/xl.png) center center no-repeat; position: absolute; right: 0rem; top:0rem; display: block;}
.nav li a:hover {color: #fff;}
.nav li.on a {color: #fff;}
.nav li:last-child {border: none;}
.navico {width:2.85rem; display: block; height: 2.85rem; z-index: 1; right: 0; top:0; background: url(../images/menuon.png) #ff0000 center center no-repeat; background-size: 60%; position: absolute;}
.navclose {width: 2.85rem; display:block; height: 2.85rem; cursor: pointer; right:0px; top:0; background: url(../images/menu2.png)#ff0000 center center no-repeat; background-size: 60%; position: absolute;}
.mmask {display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background:rgba(0,0,0,0.5) ; z-index: 10;}
.header.on .navwrap { right:0;}
.navitem-box {background:rgba(255,255,255,0.95);  width: 96%!important; margin: 0 auto;}
.navitem {position: inherit; left:auto; top: auto; display: none; width: 100%; }
.navitem-box dl {padding: 0.3125rem 0;}
.navitem-box dl dd {line-height: 1.8; text-align: center; display: inline-block; width: 50%;}
.navitem-box dl dd:last-child {border: none;}
.navitem-box dl dd a {color: #333;font-size: 0.75rem; padding: 0 0 0 1rem; width: 100%; line-height: 1.8; font-weight: normal;}
.navitem-box dl dd a:hover {color: #333;text-decoration: underline;}
.navcon li:hover .navitem { display: block;}
.navcon li:hover em {background: url(../images/xlon.png) center center no-repeat;}

/* 顶部小图标 */
.hico {height: 2.85rem; width: 17.25rem; background: rgba(0,0,0,0.85); position: absolute; right:-20rem; top: 0; transition: all 0.5s;}
.hsearchcon {display: none; position: absolute; left: -325px; top: 20px; height: 40px; box-shadow: 0 0 5px #999; }
.hsearchcon input {width: 300px; height: 40px; background: #fff; border: 0; padding: 0 10px;}
.hsearchcon input.sbtn {width: 80px; height: 40px; background: #e60012; position: absolute; right: 0; top: 0; color: #fff; cursor: pointer;}
.hsearch {width: 36px; height: 80px; position: relative; z-index: 10; cursor: pointer; display: none;}
.hsearch em{width: 36px; height: 80px; display: block;background:url(../images/ixico_sou.png) left center no-repeat}
.hsearch em.on{ background: url(../images/ixsearon.png) center center no-repeat;}
.hsearch.on {width: 50px; height: 80px; position: relative; z-index: 10; background: url(../images/ixsearon.png) center center no-repeat;  cursor: pointer;}
.hsearch::before {content: ""; width: 1px; height: 1rem; background: #fff; position: absolute; right: 0; top: 50%; margin-top: -10px;}
.lang {width:5rem; height: 1rem; position: relative; line-height:1rem; padding-left: 0.5rem;}
.lang::before {content: ""; width: 1px; height: 1rem; background: #fff; position: absolute; right:0.3rem; top: 50%; margin-top: 0.4rem;}
.langcon {width: 4rem; height: 1rem; background: #eeeeee; border-radius: 1rem; position: absolute; left: 0; top:0.9rem;}
.langcon a {width: 2rem; height: 1rem; line-height: 1rem; text-align: center; color: #000; display: inline-block; float: left;}
.langcon a.on {background: #f00; border-radius: 1rem; color: #fff;}
.hico .lang.fl {float: right;}
.hcart {width: 2.5rem; height: 2.85rem; position: relative; text-align: center;}
.hcart a { line-height:2.85rem;display: block;}
.hcart i {width: 1rem; height: 1rem;display: inline-block; background: url(../images/ixico_cartw.png) no-repeat center 0; background-size: cover; margin: 0.84375rem 0 0;}
.header.on .hico { z-index: 11; right:2.85rem; height: 2.85rem;}

/*footer*/
.footer {background:#434343;}
.foot-top {padding: 1rem 0.625rem 0.9375rem; border-bottom: #a7a7a7 solid 1px;}
.blogo {width: 8rem; height: auto; display: block;}
.blogo img{width: 100%;}
.foot-mid {padding: 0.625rem 0.625rem;}
.fcontact h2 {font-size: 0.75rem; color: #fff; font-weight: normal;}
.fcontact h3 {font-size: 1rem; color: #fff; padding-bottom: 10px;}
.fcontact p {font-size: 0.625rem; color: #fff; line-height: 1.5;}
.fcontact .ewm {padding-top: 1.25rem; width: 6rem;}
.fcontact .ewm h4 {text-align: left;}
.fcontact .ewm p {font-size: 0.625rem; color: #fff; text-align: left;}
.fnav  { position: absolute; right: 0; top: -85px; display: flex; display: -webkit-flex; justify-content: flex-start; display: none;}
.fnav dl {margin-right: 80px;}
.fnav dl dt { margin-bottom: 70px;}
.fnav dl dt a { font-size: 18px; color: #fff;}
.fnav dl dd a { font-size: 16px; color: #fff; line-height: 35px;}
.fnav dl dd a:hover {color: #f00; text-decoration: underline;}
.ftxt {position: absolute; right: 0; bottom: 0.625rem; padding-bottom: 0.9375rem; width: 11rem;}
.ftxt p {font-size: 0.625rem; color: #fff; line-height: 1.8;}
.foot-btm {height: auto; border-top:#9b9b9b solid 1px; padding: 0.3125rem 0.625rem;}
.foot-btm p {font-size: 0.625rem;line-height: 2; color: #848484;}
.foot-btm a {font-size: 0.625rem;line-height: 2; color: #848484;display: block; float: inherit;}
.foot-btm a:hover {text-decoration: underline; color: #fff;}
/*手机底部*/
.footheight { display: block;}
.footfix {display: block;}
/*手机底部*/
.footheight { height:3.125rem;display: block;background: #f00;}
.footfix {height: 3.125rem; background: #333; width: 20rem; bottom: 0; position: fixed; z-index: 8; display: block;}
.footfix ul {display: flex;}
.footfix ul li{ width: 20%;height: 3.125rem; border-right: #545454 solid 0.03125rem; box-sizing:border-box;}
.footfix ul li h3 { width:1.5625rem; height: 1.5625rem; margin: 0 auto; padding:0.35rem 0 0.15rem;}
.footfix ul li h3 img { width:1.5625rem; height: 1.5625rem; margin: 0 auto;}
.footfix ul li p {font-size: 0.625rem; color: #fff; text-align: center;}
.footfix ul li:last-child {border: none;}
.footfix ul li.on {background: #f00; border-right: #f00 solid 0.03125rem;}
/*banner*/
.banner {height:auto; padding-top: 2.85rem;}
.banner img {display: block; width: 100%;height:auto; }
.banner video {display: none; width: 100%;height: auto; }
.banner a {height:auto;}
.banner img {display: none;}
.banner img.mbanner {display: block;}
.banner a.mbanner {position: relative;display: block;}
.banner a.mbanner img {display: block;}
.banner a.mbanner:before {content: "";width: 3.125rem; height: 3.125rem; background: url(../images/vico.png) no-repeat; left: 50%; top: 50%; margin-left: -1.5625rem; margin-top:  -1.5625rem; background-size: 3.125rem; position: absolute;}
.banner .swiper-pagination{ text-align: center; bottom: 3rem;}
.banner .swiper-pagination-bullet{display: inline-block; width: 1.15625rem; height: 1.15625rem; background: url(../images/bannerico.png) no-repeat; background-size: 1.15625rem;  border-radius: 1.15625rem; opacity: 1;  margin: 0 0.1875rem; cursor: pointer;}
.banner .swiper-pagination-bullet-active{ background: url(../images/bannerico-on.png) no-repeat; background-size: cover; opacity: 1;}
.banner .swiper-button-prev {width: 1.875rem; height: 1.875rem; background:url(../images/bleft.png) no-repeat;background-size: cover; left: 0.625rem; border-radius: 1.875rem;}
.banner .swiper-button-prev:hover { background:url(../images/bleft.png) #E60012 no-repeat;background-size: cover;}
.banner .swiper-button-next {width: 1.875rem; height: 1.875rem; background:url(../images/bright.png) no-repeat;background-size: cover; right: 0.625rem; border-radius: 1.875rem;}
.banner .swiper-button-next:hover { background:url(../images/bright.png) #E60012 no-repeat;background-size: cover;}




/*内页*/
.innercontent {background: #fafafa;}

.innerpositon {height: 55px; background: #fff; border-top: #fff solid 1px;display: none; }
.innerpositon p {line-height: 55px;  color: #666666; font-size: 18px; text-align: right; }
.innerpositon p span {width: 25px; height: 25px; vertical-align: middle; display: inline-block; background: url(../images/nyico1.png) 0 0 no-repeat; margin-right: 10px;}
.innerpositon p a {color: #666666;}
.innerpositon p a:hover {color:#ff0000;}


/*page*/
.nypages {padding:1.875rem 0 1.875rem;text-align: center; }
.nypages a {display:inline-block;padding: 0.3125rem 0.65rem; height: 1.25rem;line-height: 1.25rem;vertical-align: middle;margin: 0px;background: #fff; font-size: 0.75rem; color:#333; border: #aeaeae solid 1px; border-right: none;}
.nypages span{font-size: 0.75rem; color: #fff; height:1.25rem;line-height: 1.25rem;vertical-align: middle;display: inline-block; position: relative; padding: 0.3125rem 0.65rem;margin: 0px;border: #aeaeae solid 1px;border-right: none;}
.nypages a:hover{background: #ff0000;font-size: 16px; color: #fff;display: inline-block;padding: 0.3125rem 0.46875rem;margin: 0px;}
.nypages a:first-child {border: #d2d2d2 solid 1px; background: #d2d2d2; color: #333; font-family: Tahoma,Arial, Helvetica, sans-serif;}
.nypages a:last-child {border: #d2d2d2 solid 1px; background: #d2d2d2; color: #333; font-family: Tahoma,Arial, Helvetica, sans-serif;}
.nypages .layui-laypage .layui-laypage-curr .layui-laypage-em {position: absolute;left: -1px; top: -1px; padding: 1px;width: 100%; height: 100%;background: #f00;}
.nypages .layui-laypage { display: inline-block;  *display: inline;  *zoom: 1; vertical-align: middle; margin: 10px 0; font-size: 0;}
.nypages .layui-laypage>a:first-child, .layui-laypage>a:first-child em { border-radius: 2px 0 0 2px;}
.nypages .layui-laypage>a:last-child, .layui-laypage>a:last-child em { border-radius:0 2px 2px 0;}
.nypages .layui-laypage .layui-laypage-curr em { position: relative; color: #fff;}
.nypages .layui-laypage .layui-laypage-spr { color: #999; font-weight: 700;}
 

   
}