@charset "utf-8";
.hd {text-align: center;}
.hd .hd-a {display: flex;}
.hd span {flex: 1;height: 72px;}
.hd span.hd-l {background: url(hd-bd.png) right center no-repeat;}
.hd span.hd-r {background: url(hd-bdr.png) left center no-repeat;}
.hd h2 { position: relative;display: inline-block; font-size: 32px;color: #000000;font-weight: bold;text-align: center;line-height: 72px;padding: 0 20px;}
.hd h2 i {color: #cc0000;}
.hd .t {font-size: 18px;color: rgba(0,0,0,.7);}

.hd-1 {text-align: center;}
.hd-1 h2 { position: relative;display: inline-block; font-size: 26px;color: #fff;text-align: center;line-height: 49px;padding: 0 20px;}
.hd-1 .t {font-size: 18px;color: #fff;}

.col-a .hd {margin-bottom: 45px;}
.col-a1 {padding-bottom: 70px;}
.col-a-a1 {width: 760px;height: 324px; border: 1px solid #c6c6c6;padding: 15px 12px;}
.col-a-a1 .pic {float: left; width: 433px;position: relative;}
.col-a-a1 .pic .pause {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;}
.col-a-a1 .pic .pause i {display: block;color: #fff;font-size: 18px;line-height: 26px;margin-top: 40px;}
.col-a-a1 .pic .pause img {transition: all .5s;}
.col-a-a1 .pic:hover .pause img {transform: rotate(360deg);}
.col-a-a1 .content {float: left; width: 282px;padding-left: 15px;}
.col-a-a1 .content .t {font-size: 22px;font-weight: 700;color: #333;line-height: 24px;padding: 10px 0; margin-bottom: 10px;}
.col-a-a1 .content .p {font-size: 14px;color:#555555;line-height: 28px;margin-bottom: 20px;text-align: justify;}
.col-a-a1 .content .tel {font-size: 14px; color: #cc010f;margin-bottom: 15px;}
.col-a-a1 .content .tel i {display: block;font-size: 24px;font-weight: 700;}
.col-a-a1 .content .online {display: block; width: 136px;height: 38px;line-height: 38px;font-size: 14px; border-radius: 38px;background-color: #cc010f;color: #fff;text-align: center;}





.col-a-a2 {width: 364px;height: 324px; border: 1px solid #c6c6c6;padding: 15px 12px;}
.a-hd {position: relative; background-color: #cc0000;line-height: 46px;padding: 0 10px;}
.a-hd li {float: left; font-size: 22px;font-weight: 700;color: #fff;margin-right: 45px;}
.a-hd li:last-child{display: none;}
.a-hd li i {font-size: 12px;font-weight: 400;}
.a-hd .more {float: right;color: #fff;}
.col-a-a2 .bd ul {padding-top: 6px;}
.col-a-a2 .bd li {position: relative; line-height: 46px;font-size: 16px;}
.col-a-a2 .bd li::after {position: absolute;left: 12px;top: 50%;transform: translateY(-50%);content: '';width: 10px;height: 10px;background: url(li.png) no-repeat;}
.col-a-a2 .bd li a {color: #555555;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 34px;transition: all .3s;}
.col-a-a2 .bd li:hover a {padding-left: 50px;color: #cc0000;}

.col-a2 {background: url(bg100.png) center top no-repeat;padding: 47px 0 70px;}
.col-a2 .a2-hdd{line-height: 54px;}
.col-a2 .a2-hdd h3{font-size: 36px;color: #000000;padding-left: 50px;background: url(icon100.png) no-repeat left center;}
.col-a2 .a2-hdd h3 i{font-style: normal;color: #cc0000;}
.col-a2 .a2-bdd{margin-top: 32px;}
.col-a2 .a2-bdd .a2-b-hdd li{width: 199px;line-height: 46px;text-align: center;color: white;font-size: 16px;border-right: 1px solid #5c5c5c;background-color: #333333;}
.col-a2 .a2-bdd .a2-b-hdd li:last-child{border-right: none;}
.col-a2 .a2-bdd .a2-b-hdd li.on{background-color: #cc0000;}
.col-a2 .a2-bdd .a2-b-bdd{background-color: white;padding: 0 20px 22px;}
.col-a2 .a2-bdd .a2-b-bdd li{margin-top:22px;margin-right: 21px;}
.col-a2 .a2-bdd .a2-b-bdd li .tle{line-height: 40px;border-top: 1px solid #e1dfdf;font-size: 14px;color: #3c3c3c;background: url(icon101.png) no-repeat right center;}
.col-a2 .a2-bdd .a2-b-bdd li:nth-child(4n){margin-right: 0;}
.col-a2 .a2-bdd .a2-b-bdd li .pc{overflow: hidden;width: 274px;margin-bottom: 12px;}
.col-a2 .a2-bdd .a2-b-bdd li img {transition: all 0.6s ease;}
.col-a2 .a2-bdd .a2-b-bdd li:hover img {transform: scale(1.05);}
.col-a2 .a2-bdd .a2-b-bdd li:hover .tle {color: #cc0000;}
/* .col-a2 li {width: 274px;margin: 0 11px;float: left;margin-bottom: 24px;} */
/* .col-a2 li .pic {width: 274px; margin-bottom: 11px;overflow: hidden;}
.col-a2 li .t {font-size: 14px;color: #3c3c3c; line-height: 40px;border-top: 1px solid #e1dfdf;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.col-a2 li:hover img {transform: scale(1.05);}
.col-a2 li:hover .t {color: #cc0000;} */
.more-a2{font-size: 16px;color: #333;}



.a2-hd {position: relative; width: 280px;height: 46px;line-height: 46px;background-color: #cc0000;color: #fff;font-size: 22px;font-weight: 700;z-index: 10;}
.a2-box1 {position: relative;margin-top: -46px;}
.a2-box1 .box1-hd li {float: left;width: 166px; height: 46px;line-height: 46px;border-radius: 1px solid rgba(0,0,0,.2); font-size: 16px;color: #fff;background-color: #333333;}
.a2-box1 .box1-hd li.on {background-color: #cc0000;}
.a2-box1 .box1-hd .more {float: right;width: 50px;height: 46px;line-height: 46px; color: #fff;background-color: #333333;margin-left: 10px;}
.box1-bd {width: 100%;}
.box1-bd .box2-hd ul {width: 280px;padding-top: 20px;background-color: #fff;}
.box1-bd .box2-hd li {width: 280px;height: 40px;line-height: 40px;background-color: #717171;margin-bottom: 10px;font-size: 16px;color: #fff;}
.box1-bd .box2-hd li:last-child {margin-bottom: 0;}
.box1-bd .box2-hd li.on {background-color: #cc0000;}
.box2-bd {width: 100%;}
.box2-bd .box3-hd ul {width: 240px;height: 400px; padding: 20px;background-color: #fff;}
.box2-bd .box3-hd ul li {float: left;width: 118px;font-size: 14px;color: #555555;border: 1px dashed rgba(198, 198, 198,.5);;line-height: 40px;}
.box2-bd .box3-hd ul li.on {color: #cc0000;}
.box2-bd .box3-bd {position: relative;margin-top: -160px;}
.box2-bd .box3-bd ul {width: 890px;height: 580px; margin-left: 30px;background-color: #fff;padding-top: 20px;}
.box2-bd .box3-bd ul li {width: 274px;margin: 0 11px;float: left;margin-bottom: 24px;}
.box2-bd .box3-bd ul li .pic {width: 274px; margin-bottom: 11px;overflow: hidden;}
.box3-bd li .t {font-size: 14px;color: #3c3c3c; line-height: 40px;border-top: 1px solid #e1dfdf;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.box3-bd li:hover img {transform: scale(1.05);}
.box3-bd li:hover .t {color: #cc0000;}


.col-a3 {padding: 30px 0;background: url(a3-bd.jpg) center top no-repeat;}
.col-a3 li {float: left; position: relative;width: 193px;margin-right: 8px;}
.col-a3 li:last-child {margin-right: 0;}
.col-a3 li .text {position: absolute;left: 0;bottom: 0;width: 100%; font-size: 24px;color:#fff;line-height: 52px;text-align: center;background-color: rgba(0, 0, 0,.7);z-index: 1;}
.col-a3 li .mask {position: absolute;bottom:0;left: 0;width: 100%;height: 0;transition: all .4s;background-color: rgba(209, 124, 16,.7);}
.col-a3 li:hover .mask {height: 100%;}


.col-b {position: relative; background-color: #e4e5e9;padding-top: 35px;}
.col-b1 {background: url(b1-bg1.jpg)  center top no-repeat;padding-top: 14px;padding-bottom: 15px;margin-top: 30px;}
.col-b1 .swiper-b1 {width: 730px;margin-top: 25px;padding-bottom: 40px;}
.col-b1 .swiper-b1 .swiper-wrapper .swiper-slide {width: 242px;transform-origin:bottom center;-webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 50%,rgba(255,255,255,.3))} 
.col-b1 .swiper-b1 .swiper-wrapper .swiper-slide .pic {width: 242px;height: 314px;}
.col-b1 .p {font-size: 18px;color: #d4d4d4;line-height: 30px; text-align: center;}

.col-b2 {background: url(b2-bg1.jpg) center top no-repeat;padding-top: 14px;padding-bottom: 30px;}
.col-b2 .hd-1 h2 {color: #cc0000;}
.col-b2 .hd-1 .t {color: #333;}
.col-b2 .pic-box {position: relative;}
.col-b2 .pic-box ul {width: 846px;margin: 0 auto;margin-top: 25px;}
.col-b2 .pic-box li{float: left;border: 10px solid #a1a1a1;}
.col-b2 .pic-box li:last-child {margin-left: -10px;}
.col-b2 .p {width: 1000px; font-size: 18px;color: #777777;line-height: 30px; text-align: center;margin-top: 40px;}
.col-b2 .pic-box .icon {position: absolute;right: 72px;bottom: -45px;}
.col-b2 .pic-box .icon .pic {width: 113px;height: 113px;line-height: 113px;text-align: center; float: left;background: url(b2-icon-bg.png) no-repeat;margin-right: 20px;}

.col-b3 {position: relative;width: 1920px;left: 50%;margin-left: -960px; background: url(b3-bg1.jpg) center top no-repeat;padding-top: 14px;height: 536px;}
.col-b3 .items .t {position: absolute;top: 310px;left: 80px; width: 30px;font-size: 24px;text-align: center;line-height: 1.05;color: #cff0f7}
.col-b3 .items .t2 {left: 224px;top: 210px;}
.col-b3 .items .t3 {left: 654px;top: 116px;}
.col-b3 .items .t4 {left: 870px;top: 208px;}
.col-b3 .items .t5 {left: 1035px;top: 160px;}
.col-b3 .items .t6 {left: 1300px;top: 215px;}
.col-b3 .items .t7 {left: 1520px;top: 115px;}
.col-b3 .items .t8 {left: 1790px;top: 165px;}

.col-b4 {position: relative; background: url(b4-bg1.jpg) center top no-repeat;padding-top: 14px;height: 536px;text-align: center;}
.col-b4 .hd-1 h2 {color: #cc0000;}
.col-b4 .hd-1 .t {color: #333;}
.col-b4 .p {color: #333;font-size: 18px;margin-top: 20px;}
.col-b4 .car {position: absolute;right: calc((100% - 1200px) / 2 + 100px);bottom: 15px;}

.col-b5 {background: url(b5-bg1.jpg) center top no-repeat;padding-top: 22px;height: 260px;text-align: center;}
.col-b5 .tel {font-size: 14px;color:#fff;}
.col-b5 .tel i {font-size: 24px;font-weight: 700;}
.col-b5 .tel a {display: inline-block;line-height: 38px;width: 134px;border-radius: 38px;background-color: #cc0000;color: #fff;vertical-align: 4px;margin-left: 15px;}

.col-b6 {position: relative;background: url(b6-bg.jpg) center bottom no-repeat; background-color: #fff;}
.col-b6 .hd-1 {background-color: #cc0000;}
.col-b6 .hd-1 h2 {line-height: 66px;}
.col-b6 .b6-a {border: 1px solid #c6c6c6;border-top: 1px solid transparent;padding-top: 22px;padding-bottom: 37px;}
.col-b6 .b6-al {position: relative;width: 900px;float: left;}
.col-b6 .b6-ar {width: 268px;float: left;padding-left: 30px;}
.col-b6 .b6-al .swiper-b6-al {width: 810px;}
.col-b6 .b6-al .swiper-b6-al .swiper-slide{height: 216px;}
.col-b6 .b6-al .swiper-button-prev {width: 32px;height: 73px; background: url(prev.jpg) no-repeat;left: 0;}
.col-b6 .b6-al .swiper-button-next {width: 32px;height: 73px; background: url(next.jpg) no-repeat;right: 0;}
.col-b6 .b6-al .swiper-slide .pic {border: 10px solid #f5f5f6;border-left-width: 15px;border-right-width: 15px;height: 216px;}
.col-b6 .b6-al .swiper-slide .t {position: absolute;bottom: 0;width: 100%;line-height: 34px;text-align: center;font-size: 14px;color: #fff;background-color: rgba(0,0,0,.4);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.col-b6 .b6-ar {position: relative; }
.col-b6 .b6-ar .b6-ar-t{position: relative;color: #cc0000;line-height: 48px;font-size: 22px;font-weight: 700;}
.col-b6 .b6-ar .b6-ar-t::after {position: absolute;bottom: 0;left: 0;content: '';width: 152px;height: 3px;background-color: #cc0000;}
.col-b6 .b6-ar ul {margin-top: 20px;}
.col-b6 .b6-ar li {line-height: 32px;font-size: 14px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.col-b6 .b6-b {margin-top: 40px;display: none;}
.col-b6 .b6-b .b6-bl {position: relative; float: left; width: 760px;z-index: 1;}
.col-b6 .b6-b .b6-bl::after {content: '';position: absolute; width: 100%;height: 100%;left: 5px;top: 5px;background-color: #e5e5e5;z-index: -1;}
.col-b6 .b6-b .b6-br {position: relative;float: right; width: 417px;z-index: 1;}
.col-b6 .b6-b .b6-br::after {content: '';position: absolute; width: 100%;height: 100%;left: 5px;top: 5px;background-color: #e5e5e5;z-index: -1;}
.col-b6 .b6-b .b6-bl .bd {background-color: #fff;}
.col-b6 .b6-b .b6-br .bd {background-color: #fff;}
.col-b6 .b6-b .b6-bl .bd ul {height: 344px; padding: 14px;border: 1px solid #c6c6c6;}
.col-b6 .b6-b .b6-bl .bd li:first-child {margin-bottom: 12px;}
.col-b6 .b6-b .b6-bl .bd li .pic {width: 247px;float: left;overflow: hidden;}
.col-b6 .b6-b .b6-bl .bd li:hover img {transform: scale(1.05);}
.col-b6 .b6-b .b6-bl .bd li .content {width: 440px;float: left;margin-left: 25px;}
.col-b6 .b6-b .b6-bl .bd li .content .t {font-size: 16px;color: #333;font-weight: 700;line-height: 40px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.col-b6 .b6-b .b6-bl .bd li .content .p {font-size: 12px;color: #666666;line-height: 28px;margin-bottom: 18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.col-b6 .b6-b .bd li .content .more {width: 86px;height: 26px;line-height: 26px;text-align: center;border-radius: 26px;background-color: #cc0000;color: #fff;}
.col-b6 .b6-b .b6-br .bd ul {height: 344px; padding: 14px;border: 1px solid #c6c6c6;}
.col-b6 .b6-b .b6-br .bd li {float: left;}
.col-b6 .b6-b .b6-br .bd li {overflow: hidden; border-right: 1px solid #dedede;border-bottom:  1px solid #dedede;}
.col-b6 .b6-b .b6-br .bd li a img {width: 124px;height: 82px;}
.col-b6 .b6-b .b6-br .bd li:hover a img {transform: scale(1.05);}
.col-b6 .b6-b .b6-br .bd li:nth-child(3n) {border-right-color:transparent;}
.col-b6 .b6-b .b6-br .bd li:nth-last-child(-n+3) {border-bottom-color:transparent;}
.col-b6 .b6-c {position: relative; background-color: #383b3c;margin-top: 38px;padding: 13px 0 42px 13px;}
.col-b6 .b6-c .b6-c-hd {position: absolute;bottom: 95px;right: 97px;}
.col-b6 .b6-c .b6-c-hd ul li {display: inline-block;width: 122px;height: 38px;border-radius: 34px;line-height: 38px;text-align: center;border: 2px solid rgba(255, 255, 255,.5);margin-right: 10px;}
.col-b6 .b6-c .b6-c-hd ul li.on {background-color: #cc0000;border-color: #cc0000;}
.col-b6 .b6-c .b6-c-hd ul li a {display: block;font-size: 15px;color: #fff;}
.col-b6 .b6-c .swiper {width: 640px;background-color: #000000;}
.col-b6 .b6-c .swiper .items {width: 640px;}
.col-b6 .b6-c .swiper .about-swiper1 {margin-bottom: 18px;}
.col-b6 .b6-c .swiper .about-swiper2 {margin: 0 14px 28px;}
.col-b6 .b6-c .swiper .about-swiper2 .swiper-slide{border-bottom: 3px solid #fff;}
.col-b6 .b6-c .swiper .about-swiper2 .swiper-slide-thumb-active {border-bottom-color:#cc0000 ;}
.col-b6 .b6-c .swiper .about-swiper3 {margin-bottom: 18px;}
.col-b6 .b6-c .swiper .about-swiper4 {margin: 0 14px 28px;}
.col-b6 .b6-c .swiper .about-swiper4 .swiper-slide{border-bottom: 3px solid #fff;}
.col-b6 .b6-c .swiper .about-swiper4 .swiper-slide-thumb-active {border-bottom-color:#cc0000 ;}
.col-b6 .b6-c .swiper .about-swiper5 {margin-bottom: 18px;}
.col-b6 .b6-c .swiper .about-swiper6 {margin: 0 14px 28px;}
.col-b6 .b6-c .swiper .about-swiper6 .swiper-slide{border-bottom: 3px solid #fff;}
.col-b6 .b6-c .swiper .about-swiper6 .swiper-slide-thumb-active {border-bottom-color:#cc0000 ;}
.col-b6 .b6-c .content {width: 500px;padding-left: 35px;margin-bottom: 13px;}
.col-b6 .b6-c .content .t {position: relative; font-size: 26px;font-weight: 700;color: #fff;line-height: 68px;margin-bottom: 20px;}
.col-b6 .b6-c .content .t i {color: #cc0000;}
.col-b6 .b6-c .content .t::after {position: absolute;bottom: 0;left: 0;content: '';width: 50px;height: 4px;background-color: #fff;}
.col-b6 .b6-c .content .p {font-size: 15px;line-height: 28px;color: #999999;margin-bottom: 45px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.col-b6 .b6-c .content .more {display: block; width: 126px;height: 38px;border-radius: 38px;line-height: 38px;text-align: center;background-color: #cc0000;font-size: 15px;color: #fff;margin-bottom: 165px;}

.col-c .hd {margin-bottom: 50px;}
.col-c .cl {width: 740px;}
.col-c .cr {width: 410px;}
.col-c .cl .cl-1,.col-c .cr .cr-1 {margin-top: 14px;border: 1px solid #dedede;padding: 38px 12px 20px;height: 469px;}
.col-c .cr .cr-1 {padding-top: 14px;height: 493px;}
.col-c .cl .cl-1 .pic {width: 395px;height: 263px;overflow: hidden;}
.col-c .cl .cl-1 .pic img {width: 395px;height: 263px;}
.col-c .cl .cl-1 .hot-news a {display: block;}
.col-c .cl .cl-1 .hot-news:hover img {transform: scale(1.05);}
.col-c .cl .cl-1 .hot-news .content {width: 300px;padding-left: 15px;}
.col-c .cl .cl-1 .hot-news .content .t {font-size: 16px;color: #cc0000;font-weight: 700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 28px;margin-bottom: 15px;}
.col-c .cl .cl-1 .hot-news .content .p {font-size: 14px;color: rgba(0, 0, 0,.7);line-height: 22px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 20px;}
.col-c .cl .cl-1 .hot-news .content .d {font-size: 14px;color: rgba(0, 0, 0,.5);}
.col-c .cl .cl-1 .hot-news .content .more {display: block; width: 126px;height: 38px;border-radius: 38px;line-height: 38px;text-align: center;background-color: #cc0000;font-size: 15px;color: #fff;margin-top: 55px;}
.col-c .cl .cl-1 .list {padding-top: 20px;}
.col-c .cl .cl-1 .list li {border-bottom: 1px solid #dedede;line-height: 45px;}
.col-c .cl .cl-1 .list i {float: right;font-size: 14px; color: rgba(51, 51, 51, 0.902);}
.col-c .cl .cl-1 .list a {font-size: 14px; color: rgba(51, 51, 51, 0.902); display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.col-c .cl .cl-1 .list a:hover {color: #cc0000;}
.col-c .cr .cr-1 .ques {display: block; font-size: 16px;color: rgba(51, 51, 51, 0.902);line-height: 60px; padding-left: 48px;border-bottom: 1px solid #dedede;background: url(ques.png) left center no-repeat;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.col-c .cr .cr-1 .ques:hover {color: #cc0000;}
.col-c .cr .cr-1 .answ {font-size: 14px;color: #999;padding: 18px 0 16px 48px;line-height: 24px;background: url(answ.png) left 20px no-repeat;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;border-bottom: 1px solid #dedede;}
.col-c .cr .cr-1 li:last-child .answ {border-bottom-color:transparent ;}

.col-link {padding: 40px 0;}
.col-link .a-hd {line-height: 44px;background-color: #fff;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;padding: 0;}
.col-link .a-hd li {position: relative; font-size: 16px; color: #3f3333;}
.col-link .a-hd li::after {position: absolute;content: '';left: 0;bottom: -1px;width: 62px;height: 1px ;background-color: #9e0001; }
.col-link .a-hd li i {font-weight: 700;color: #6e6e6e;}
.col-link .a-hd .more {color: #61577c;}
.col-link .bd ul {margin-top: 15px;}
.col-link .bd ul li {float: left; margin: 0 24px;line-height: 36px;}