.header {position:relative;width:100%;height:60px;z-index:101;margin:0 auto;}
.head {width:100%;height:60px;background-color:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.2);margin:0 auto;}
@keyframes slowDown {0% {transform:translateY(-100px);}
100% {transform:translateY(0);}
}
.head_fixed {position:fixed;z-index:101;left:0;top:0;right:0;-webkit-animation:slowDown .4s ease-in-out;animation:slowDown .4s ease-in-out; background-color:#ccc;}
.head .logo {width:150px;margin:12px 5px;float:left;}
.head .logo img {width:150px;height:auto;border:0;}
.head .cmenu {float:left;display:none;}
.head .cmenu li {font-size:16px;line-height:80px;padding:0 10px;float:left;}
.head .cmenu li a {color:#333;}
.head .cmenu li a:hover {color:#e50112;text-decoration:none;}
.head .cmenu li.on a.active {color:#e50112;font-weight:bold;}

.head .cmenu li#m1 .sub,.head .cmenu li#m2 .sub,.head .cmenu li#m4 .sub {width:100%;position:absolute;padding-bottom:30px;left:0px;top:80px;background-color:#ddd;box-shadow:0 2px 6px 0 rgba(0,0,0,.2);z-index:102;}
dl.subList {width:80%;height:auto;margin-top:30px;float:left;}
dl.subList dd {width:100%;height:50px;font-size:16px;line-height:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #eee;float:left;}
dl.subList dd:last-child {border-bottom:0px;}
.subItem {width:100%;height:auto;background-color:#fff;float:left;}
.subItem .subpic {width:100%;text-align:center;overflow:hidden;display:block;}
.subItem .subpic img {max-width:100%;max-height:96px;border:0px;}
.cmenu li#m4 .sub .subItem .subpic img {max-width:60%;max-height:60px;border:0px;}
.subItem .subname {font-size:14px;text-align:center;line-height:40px;font-weight:700;padding:0 10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
dl.subList dd a,.subItem .subname a {color:#333;}
dl.subList dd a,.subItem .subname1 a {color:#fff;}
dl.subList dd a:hover,.subItem .subname a:hover {color:#e50112;text-decoration:none;}

.head .cmenu li#m3 .sub {width:100%;position:absolute;left:0px;top:80px;background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.2);z-index:102;}
.head .cmenu li#m3 .sub li {line-height:40px;border-bottom:1px solid #eee;transition:all .3s ease-in-out;}
.head .cmenu li#m3 .sub li:hover {background-color:#f6f6f6;}
.head .cmenu li#m3 .sub li a {color:#333;}
.head .cmenu li#m3 .sub li a:hover {color:#e50112;text-decoration:none;}

.head .rnav {float:right;}
.head .rnav dl {width:122px; height:60px; float:left;}
.head .rnav dl dt {width:117px;height:70px;color:#e50112;font-size:16px;text-align:right;float:left; padding-top:10px; text-align:center;}
.head .rnav dl dt a,.head .rnav dl dd a {color:#333;text-decoration:none;}
.head .rnav dl dt a em,.head .rnav dl dd a em {width:100%;font-size:20px; display:block;}
.head .rnav dl dt a span,.head .rnav dl dd a span {width:100%;font-size:16px; color:#333; line-height:24px; display:block;}
.head .rnav dl dt a:hover span,.head .rnav dl dd a:hover span { color:#e50112;}
.head .rnav dl dd {width:60px;height:60px;background-color:#f3f3f3;border-left:1px solid #fff;float:left;}
.head .rnav dl dd a.active {width:60px;height:60px;color:#e50112;font-size:18px;text-align:center;text-decoration:none;float:left;}
.head .rnav dl .s1,.head .rnav dl .s2,.head .rnav dl .s3, .head .rnav dl .s4 a span {display:none;}
.head .rnav dl .s2 .show,.head .rnav dl .s3 .show,.head .rnav dl .s4 .show,.head .rnav dl .s5 .show {position:absolute;z-index:101;}


.dianhua {padding:20px;width:220px;height:40px;color:#333;font-size:18px;line-height:40px;text-align:center;white-space:nowrap;top:80px;left:-80px;background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.2);}
.weixing {padding:20px;height:auto;top:80px;left:-30px;background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.2);}
.weixing img {width:120px;height:120px;border:0px;}
.search {width:100%;height:41px;padding:15px 0;left:0;top:60px;overflow:hidden;background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.2);}
.snav {width:100%;height:auto;padding:15px 0;left:0;top:60px;overflow:hidden;background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.2);}


.Huifold .item {border-bottom:1px solid #eee;}
.Huifold .item h4 {border-top:0px;padding:0px 0px;background-color:#fff;}
.Huifold .item h4 a {height:36px;line-height:36px;text-decoration:none;}
.Huifold .item h4 b {right:0px;top:8px;width:16px;height:16px;text-align:center;color:#999;}
.Huifold .item .info {padding:10px 0px;}
.Huifold .item .info ol li {border-bottom:1px dashed #eee;}
.Huifold .item .info ol li i {color:#cacaca;float:right;}
.Huifold .item .info ol li a {font-size:14px;line-height:36px;text-decoration:none;display:block;}

@media (max-width:1200px){
    .head .rnav dl .s4, .head .rnav dl .s5 {line-height:60px;}
}
@media ( min-width:768px) {.header {height:80px;}
.head {height:80px;}
.head .logo {width:200px;height:48px;margin:5px 5px;}
.head .logo img {width:200px;height:48px;}
.head .rnav dl {width:202px;float:left;}
.head .rnav dl dd {width:100px;height:70px;padding-top:10px; }
.head .rnav dl dd a.active {width:100px;height:60px;font-size:32px; text-align:center;}

}
@media ( min-width:992px) {.head .logo {margin:16px 10px;}
}
@media ( min-width:1200px) {.head .logo {margin:16px 15px;}
.head .cmenu {display:block;}
.head .cmenu li {padding:0 10px;}
.head .rnav dl {width:420px;}
.head .rnav dl .s1,.head .rnav dl .s2,.head .rnav dl .s3, .head .rnav dl .s4 a span {display:block;}
.head .rnav dl .s5 {display:none;}
.search {padding:20px 0;top:80px;}
.anli_item{height:14rem;}
}
@media ( min-width:1300px) {.head .logo {margin:16px 20px;}
.head .cmenu li {padding:0 15px;}
.anli_item{height:14rem;}
}
@media ( min-width:1400px) {.head .logo {margin:16px 25px;}
.head .cmenu li {padding:0 20px;}
.anli_item{height:16rem;}
}
@media ( min-width:1500px) {.head .logo {margin:16px 50px;}
.head .cmenu li {padding:0 30px;}
.anli_item{height:18rem;}
}


.banner {width:100%;height:auto;margin:0 auto;}
.banner img {width:100%;border:0px;}

.pcSlide {width:100%;position:relative;overflow:hidden;display:none;}
.pcSlide .hd {width:100%;height:8px;position:absolute;z-index:1;bottom:24px;}
.pcSlide .hd ul {width:100%;height:8px;text-align:center;float:left;}
.pcSlide .hd ul li {transition:all .3s ease-in-out;width:30px;height:8px;margin:0px 5px;text-indent:1000px;background-color:#eaeaea;border-radius:4px;display:inline-block;overflow:hidden;cursor:pointer;}
.pcSlide .hd ul li.on {width:50px;background-color:#fff;}
.pcSlide .bd {position:relative;z-index:0;}
.pcSlide .bd li {zoom:1;vertical-align:middle;}
.pcSlide .bd img {width:100%;border:0px;}

.mbSlide {width:100%;position:relative;overflow:hidden;}
.mbSlide .hd {width:100%;height:0.4rem;position:absolute;z-index:1;bottom:1.2rem;}
.mbSlide .hd ul {width:100%;height:0.4rem;text-align:center;float:left;}
.mbSlide .hd ul li {transition:all .3s ease-in-out;width:1rem;height:0.4rem;margin:0 0.2rem;text-indent:100rem;background-color:#eaeaea;border-radius:0.2rem;display:inline-block;overflow:hidden;cursor:pointer;}
.mbSlide .hd ul li.on {width:2rem;background-color:#fff;}
.mbSlide .bd {position:relative;z-index:0;}
.mbSlide .bd li {zoom:1;vertical-align:middle;}
.mbSlide .bd li img {width:100%;border:0px;}

@media ( min-width:992px) {.pcSlide {display:block;}
.mbSlide {display:none;}
}

.breadcrumb {border-bottom:0px;}
.main {width:100%;height:auto;margin:0 auto;}

.title-f1 {display:block; width:30px; height:32px; background-color:#e50112; float:left; margin-right:5px;}
.title-f2 {display:block; width:10px; height:32px; background-color:#e50112; float:left; margin-right:10px;}

.ctitle, .wtitle {width: 100%;height: auto;text-align: center; float: left;}
.ctitle h2 {color:#333;font-size:36px;display:inline-block; font-weight:bold;}
.wtitle h2 {color:#fff;font-size:36px;display:inline-block; font-weight:bold;}
.ctitle h2 span {color:#e50112}
.ctitle h2::after {position:absolute;width:40%;height:2px;content:"";background-color:#000000;bottom:-10px;left:30%;}
.wtitle h2::after {position:absolute;width:40%;height:2px;content:"";background-color:#fff;bottom:-10px;left:30%;}

.cbitiao {width:100%;height:auto;text-align:center;float:left;}
.cbitiao h3 {color:#333;font-size:28px;font-weight:700;display:inline-block;}
.cbitiao h3 span {color:#e50112}

.newsview img {max-width:100%;border:0px;}

.item {width:100%;height:auto;background-color:#fff;float:left;}
.item .scale {width:100%;line-height:150px;text-align:center;overflow:hidden;display:block;}
.item .scale img {max-width:80%; max-height:140px; border:0px;}
.item .scale .check-box {position:absolute;background-color:#fff;right:0;top:0;padding-left:0px;}
.item .pname {font-size:14px;text-align:center;line-height:40px;font-weight:700;padding:0 10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.item .pname a {text-decoration:none;}

.transform {transition:all .6s;}
.transform:hover {transform:scale(1.1);}

.cuse {display:none;}
.cuse ul {width:100%;float:left;}
.cuse ul li {width:20%;text-align:center;float:left;}
.cuse ul li a {display:block;}
.cuse ul li img {max-width:60%;border:0px;}
.cuse ul li span {width:100%;color:#fff;font-size:18px;line-height:40px;text-align:center;float:left; font-weight:bold;}

.picScroll {width:100%;position:relative;overflow:hidden;}
.picScroll .hd {width:100%;height:0.4rem;position:absolute;z-index:1;bottom:1rem;}
.picScroll .hd ul {width:100%;height:0.4rem;text-align:center;float:left;}
.picScroll .hd ul li {transition:all .3s ease-in-out;width:1rem;height:0.4rem;margin:0 0.2rem;text-indent:100rem;background-color:#eaeaea;border-radius:0.2rem;display:inline-block;overflow:hidden;cursor:pointer;}
.picScroll .hd ul li.on {width:2rem;background-color:#fff;}
.picScroll .bd ul {width:100%;float:left;}
.picScroll .bd li {width:100%;text-align:center;float:left;}
.picScroll .bd li a {display:block;}
.picScroll .bd li img {max-width:100%;background:url(../images/loading.gif) center center no-repeat;border:0px;}
.picScroll .bd li span {width:100%;color:#fff;font-size:14px;line-height:30px;text-align:center;float:left;}

.ab_mover {width:100%;height:auto;text-align:center;float:left;}
.ab_mover a {color:#e50112;text-decoration:none;}

.anli {
    background-size: cover; /* 或者可以使用contain来保持图片的宽高比 */
    background-repeat: no-repeat;
    background-position: center; /* 可以根据需要调整背景图像的初始位置 */
    overflow: hidden;
    position: relative;
    top: -1px;
    transition: all 1s ease-in-out;
}
.anli_info{ float:left; width:100%; margin-top: 30px; color:#fff;}
.anli_info .title {font-size:36px;line-height:80px;font-weight:bold;}
.anli_info .info {font-size:18px;line-height:32px;}
.anli_info .l-info {width:6.375rem;height:2.375rem;line-height:2.375rem;text-align:center;border:1px solid #fff;font-size:18px;font-weight:400;margin-top:1rem;cursor:pointer;}
.anli_info .l-info a {color:#fff;}
.anli_info .l-info a:hover {text-decoration:none;}
.anli_list .anli_item {min-height:10rem;border:1px solid hsla(0,0%,100%,.25);margin-right:-1px;margin-top:-1px;background:#000;opacity:.4;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;}
.anli_list .anli_item.selected {background:#c23442;opacity:1;}
.anli_list .anli_item:hover {background:#c23442;opacity:1;}

.anli_list .anli_item .scale {text-align:center;overflow:hidden;display:block;}
.anli_list .anli_item .pname {font-size:14px;text-align:center;line-height:40px;font-weight:700;padding:0 10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


.news {width:80%;height:auto;background-color:#fff;display:inline-block;}
.news .pic {width:100%;height:200px;text-align:center;overflow:hidden;display:block;}
.news .title {height:40px;padding:10px;display:block;}
.news .title span {width:100%;height:40px;font-size:14px;text-align:center;line-height:20px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news .time {height:20px;color:#666;font-size:12px;text-align:center;}
.news .news_mover {width:100%;height:auto;font-size:14px;text-align:center;line-height:40px;}
.news .news_mover a {color:#e50112;text-decoration:none;}


.wleft {width:100%;height:auto;float:left;}
.wright {display:none;width:25%;height:auto;float:left;}

.casetitle {background-color:#e50112;color:#fff;padding:8px 20px;border-radius:3px;}
.case {width:100%;height:auto;background-color:#fff;display:inline-block;}
.case .pic {width:100%; text-align:center;overflow:hidden;display:block;}
.case .title {height:40px;padding:10px 0;display:block;}
.case .title span {width:100%;height:40px;font-size:14px;text-align:left;line-height:20px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.case .time {height:20px;color:#666;font-size:12px;text-align:left;}

.tabBar {border-bottom:1px solid #e50112;height:40px;}
.tabBar span {background-color:#e6e6e6;height:40px;font-size:16px;line-height:40px;padding:0 20px;margin-right:1px;}
.tabBar span.current {background-color:#e50112;}
.tabCon {font-size:14px;padding-top:10px;}
.tabCon table {width:100%;}
.tabCon td {font-size:14px;}
.tabCon img {max-width:100%;}

.dload {width:100%;height:auto;border-bottom:1px solid #eee;padding:20px 0;float:left;}
.dload .left {color:#e50112;font-size:50px;line-height:50px;float:left;}
.dload .name {color:#e50112;font-size:16px;line-height:30px;padding-left:10px;float:left;}
.dload .name span {display:block;color:#999;font-size:12px;line-height:20px;}
.dload .right {color:#333;font-size:24px;line-height:50px;float:right;}
.dload a {width:100%;height:auto;float:left;}

.rightNav {margin-left:30px;height:auto;background-color:#e50112;}
.rightNav h2 {position:relative;padding:20px 30px;height:40px;color:#fff;font-size:24px;line-height:40px;}
.rightNav h2::after {position:absolute;content:"";width:50px;height:2px;background-color:#fff;top:60px;left:30px;}
.rightNav ul {padding:10px 30px 50px 30px;}
.rightNav ul li {width:100%;height:40px;border-bottom:1px solid #9ac5e3;}
.rightNav ul li a {width:100%;color:#fff;font-size:16px;line-height:40px;text-decoration:none;display:inline-block;transition:all .3s;overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.rightNav ul li a span {display:none;font-size:12px;line-height:40px;float:left;}
.rightNav ul li a:hover,.rightNav ul li a.hover {color:#000; font-weight:bold;}
.rightNav ul li a:hover span,.rightNav ul li a.hover span {display:block;}
.line2 {font-size:0px;line-height:0px;border-top:solid 2px #e50112;float:none}


.bottom {width:100%;height:auto;margin:0 auto;}
.bottom .bq {height:220px;border-top:1px solid #787878;}
.bottom .bq .sinfo {width:100%;height:180px;}
.bottom .bq .sinfo p {color:#999;font-size:14px;}
.bottom .bq .sinfo .sinput a {width:32px;height:32px;color:#999;font-size:16px;text-align:center;line-height:32px;border-radius:50% 50%;border:2px solid #787878;cursor:pointer;background-position:center center;background-size:60%;background-repeat:no-repeat;margin:0 10px 0 0 !important;padding:0 0 !important;text-decoration:none;float:left;}
.bottom .bq .sinfo .sinput a.a1 {background-image:url(../images/phone.png);display:none;}
.bottom .bq .sinfo .sinput a.a1 .phone {position:absolute;background-color:#fff;padding:10px;width:220px;height:40px;left:-10px;top:-75px;}
.bottom .bq .sinfo .sinput a.a1 .phone::after {position:absolute;content:"";width:10px;height:10px;background-color:#fff;transform:rotate(45deg);top:55px;left:22px;}
.bottom .bq .sinfo .sinput a.a2 {background-image:url(../images/weixin.png);}
.bottom .bq .sinfo .sinput a.a2 .code {position:absolute;background-color:#fff;padding:10px;width:120px;height:120px;left:-54px;top:-155px;}
.bottom .bq .sinfo .sinput a.a2 .code::after {position:absolute;content:"";width:10px;height:10px;background-color:#fff;transform:rotate(45deg);top:135px;left:65px;}
.bottom .bq .sinfo .sinput a.a2 .code img {width:120px;height:120px;border:0px;}
.bottom .bq .sinfo .sinput a.a3 {background-image:url(../images/weibo.png);}
.bottom .bq .sinfo .sinput a.a4 {background-image:url(../images/email.png);}
.bottom .bq .sinfo .sinput a:hover {opacity:1;filter:alpha(opacity=100);}
.bottom .bq .stext {width:100%;height:160px;float:left;}
.bottom .bq .stext p {color:#999;font-size:14px;}
.br-1 {border-right:1px solid #787878;}

.serweima {display:none;width:50%;height:auto;float:right;}
.serweima ul {float:right;}
.serweima ul li {background-color:#fff;padding:5px;margin-left:10px;float:left;}
.serweima ul li img {height:120px;}

.logos {width:100%;height:auto;text-align:center;float:left;}
.logos ul {display:inline-block;}
.logos ul li {background-color:#fff;padding:5px;margin:10px 5px 0 5px;float:left;}
.logos ul li img {height:100px;}


.modFloatCate {position:fixed;width:50px;right:10px;bottom:10px;z-index:102;display:none;}
.modFloatCate li {height:50px;margin-top:5px;}
.modFloatCate li a {display:block;text-decoration:none;background-color:rgba(0,0,0,.2);color:#e50112;font-size:24px;text-align:center;line-height:50px;cursor:pointer;transition:all 0.3s;}
.modFloatCate li a:hover {background-color:rgba(0,0,0,.4);color:#fff;}

.wxCode {display:none;}
.wxCode .code {position:absolute;background-color:#fff;padding:10px;width:120px;height:120px;left:-150px;top:-45px;}
.wxCode .code::after {position:absolute;content:"";width:10px;height:10px;background-color:#fff;transform:rotate(45deg);left:135px;top:65px;}
.wxCode .code img {width:120px;height:120px;border:0px;}
.btn {height:31px;}

/*分页*/
.pages {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 20px 0;
    float: left;
}

@media ( min-width:768px) {.container {width:80%}

}
@media ( min-width:992px) {.container {width:80%;}
.ab_mover {text-align:left;}
.cuse {display:block;}
.picScroll {display:none;}
.wleft {width:75%;}
.wright {display:block;}
.bottom .bq .sinfo .sinput a.a1 {display:block;}
.bottom .bq .stext {width:50%;}
.logos {display:none;}
.serweima {display:block;}
}
@media (max-width: 992px) {
 .bottom .bq{height:360px;}
 .bottom .bq .sinfo{height:120px;}
}
@media ( min-width:1200px) {.container {width:80%}
.wxCode {display:block;}
.iPhone,.myCart {display:none;}
}
@media ( min-width:1300px) {.container {width:80%}
}
@media ( min-width:1400px) {.container {width:80%}
}