@charset "UTF-8";
.b-1 {padding:20px 0;}
.b-1 img {width:100%;}
.b-1 .bd {margin:0 auto ;}
.b-1 .bd li {float:left;display:inline;width:24.5%;margin-right:0.66%;position:relative;overflow:hidden;}
.b-1 .bd li:last-child {margin-right:0;}
.b-1 .bd li:hover img {transform:scale(1.1);}
.b-1 .bd li a {display:block;position:relative;overflow:hidden;}
.b-1 .bd li p {transition:all 0.5s;font-size:15px;text-align:center;position:absolute;left:50%;top:50%;width:98px;height:28px;line-height:28px;color:#ffffff;background:#e60013;margin-left:-50px;margin-top:-14px;}
.b-1 .bd li span {transition-delay: 0.2s;display:block;width:100%;height:0;background:rgba(230,0,19,0.75) url(tang-video.png) top 32% center no-repeat;position:absolute;top:50%;left:0;z-index:10;}
.b-1 .bd li span em {transition:all 0.5s;position:absolute;width:100%;text-align:center;font-size:20px;color:#ffffff;top:54%;opacity:0}
.b-1 .bd li a:hover p {top:-20%;}
.b-1 .bd li a:hover span {height:100%;top:0;}
.b-1 .bd li a:hover span em {opacity:1;}
.b-1 .bd li:nth-child(4) {float:right;margin-right:0;}
@media all and (max-width:1200px) {
    .b-1 {padding:15px 2% ;}
    .b-1 .bd {width:100%;margin-top:0;}
    .b-1 .bd li {width:49%;margin-right:0;height:auto;}
    .b-1 .bd li:nth-child(2n) {float:right;}
    .b-1 .bd li:nth-child(1),.b-1 .bd li:nth-child(2) {margin-bottom:10px;}
    .b-1 .bd li p {font-size:15px;text-align:center;position:absolute;left:50%;top:50%;width:98px;height:28px;line-height:28px;color:#ffffff;background:#e60013;margin-left:-50px;margin-top:-14px;}
    .b-1 .bd li a:hover p {display:block;}
    .b-1 .bd li span {display:none;}
    .b-1 .bd li a:hover p {top:50%;}
}

.b-2,.b-3,.b-4,.b-5,.b-6,.b-7 {padding:70px 0 0;}
.b-2 {background:#f7f7f7;}
.hd {padding-bottom:14px;text-align: center}
.hd p:first-child {font-weight:bold;text-align:center;font-size:30px;color:#01003b;margin-bottom:6px;}
.hd p:first-child em {color:#e60013;}
.hd p:last-child {font-size:16px;color:#999999;text-transform: uppercase;}
.b-2 .bd {position:relative;width:1160px;margin:0 auto;}
.b-2 .bd .swiper-slide {position:relative;}
.b-2 .bd .swiper-slide a {display:block;}
.b-2 .photo {width:100%;overflow:hidden;}
.b-2 .photo img {width:100%;transition:all 0.5s;}
.b-2 .bd .swiper-slide a:hover .photo img {transform:scale(1.1);}
.b-2 .text {width:100%;height:90px;background:#e2e2e4;margin-top:4px;text-align:center;}
.b-2 .text img {margin-top:-25px;transition:all 0.5s;}
.b-2 .bd .swiper-slide a:hover .text img {transform:scale(0.9);}
.b-2 .bd .text p {color:#000;margin-top:18px;font-size:20px;line-height:18px;}
.b-2 .bd .swiper-button-prev {position:absolute;top:142px;left:-80px;width:36px;height:86px;background:url("tang-prev.png") center no-repeat;outline:none;}
.b-2 .bd .swiper-button-next {position:absolute;top:142px;right:-80px;width:36px;height:86px;outline:none;background:url("tang-next.png") center no-repeat;}
.swiper-container-2 > .swiper-pagination-bullets {display:none;}
@media all and (max-width:1200px) {.b-2 .wrap {padding:0;}
    .b-2 .bd {position:relative;width:100%;margin:0 auto;}
    .b-2 .bd .swiper-slide {position:relative;}
    .b-2 .bd .text p {color:#000;margin-top:10px;font-size:20px;line-height:18px;}
    .b-2 .bd .swiper-button-prev {display:none}
    .b-2 .bd .swiper-button-next {display:none}
    .swiper-container-2 .swiper-pagination-bullet {background:#fff;width:8px;height:8px;opacity:1;}
    .swiper-container-2 .swiper-pagination-bullet-active {background:#e60013;border-radius:30px;}
    .swiper-container-2 > .swiper-pagination-bullets {bottom:16px !important;display:block;}
}
@media all and (max-width:1200px) {.b-2,.b-3,.b-4,.b-5,.b-6,.b-7 {padding:30px 2%;}
    .hd {padding-bottom:10px;}
    .hd p:first-child {font-weight:bold;text-align:center;font-size:20px;color:#01003b;line-height:18px;margin-bottom:6px;}
    .hd p:first-child em {color:#e60013;}
    .hd p:last-child {text-align:center;font-size:14px;color:#999999;}
}

.b-3 .text {font-size:15px;line-height:30px;text-align:center;}

.b-3 .ul-1 ul {margin-top:30px;}
.b-3 .ul-1 ul li {width:24.7%;border-right:1px solid #dcdcdc;box-sizing:border-box;float:left;padding:10px 0;text-align:center;margin-right:0.5%;}
.b-3 .ul-1 ul li:nth-child(4) {border-right:0;margin-right:0;width:23%;}
.b-3 .ul-1 ul li p:first-child {font-size:30px;line-height:27px;font-weight:bold;color:#e60013;}
.b-3 .ul-1 ul li p:first-child em {font-weight:normal;font-size:14px;color:#000;}
.b-3 .ul-1 ul li p:nth-child(2) {font-size:14px;color:#000000;}

.b-3 .ul-2 {margin-top:15px;width:1426px;}
.b-3 .ul-2 a> img {width:100%;}
.b-3 .ul-2 li {position:relative;margin-right:1.3%;width:24%;float:left;}
.b-3 .ul-2 li:last-child {margin-right:0;}
.b-3 .ul-2 li a {display:block;position:relative;overflow:hidden;}
.b-3 .ul-2 li a .text {box-sizing:border-box;font-size:14px;line-height:24px;text-transform:uppercase;color:#ffffff;bottom:0;left:0;position:absolute;width:100%;height:100%;padding-top:20%;text-align:center;}
.b-3 .ul-2 li a .text img {width:24px;height:24px;margin:0 auto;}
.b-3 .ul-2 li:hover img {transform:scale(1.1);}
.b-3 .ul-2 li a .text p:nth-child(2) {margin-top:10px;}
.b-3 .ul-2 li a .text .whiteLine {width:20px;height:1px;background:#ffffff;margin:8px auto 0;}
.b-3 .ul-2 li .more {opacity:0;position:absolute;width:86px;height:28px;left:50%;margin-left:-43px;bottom:-14px;background:#ffffff;box-shadow:0 5px 5px #e0e0e0;border-radius:14px;}
.b-3 .ul-2 li .more a {display:block;text-align:center;color:#e60013;font-size:14px;line-height:28px;}
.b-3 .ul-2 li:hover .text {transition:all 0.5s;background:rgba(230,0,19,0.7);}
.b-3 .ul-2 li:hover .more {opacity:1;transition:all 0.5s;}
@media all and (max-width:1426px) {.b-3 .ul-2 {width:1200px;}
}
@media all and (max-width:1200px) {
    .b-3 {padding-bottom: 10px;}
    .b-3 .text {text-align:justify;}
    .b-3 .ul-1 ul li {width:50%;margin-right:0;text-align:center;}
    .b-3 .ul-1 ul li:nth-child(2) {border-right:0;}
    .b-3 .ul-1 ul li:nth-child(-n+2){border-bottom:1px solid #dcdcdc;}
    .b-3 .ul-1 ul li:nth-child(4) {width:50%;}
    .b-3 .ul-2 {margin-top:20px;width:100%;}
    .b-3 .ul-2 li {position:relative;margin-right:0;width:100%;float:none;margin-bottom:20px;}
    .b-3 .ul-2 li:hover .text {background:none;}
    .b-3 .ul-2 li:hover .more {opacity:0;}
}

.b-4-content {background:url("tang-b-4-bg.jpg") top center no-repeat;width:100%;background-size:cover;}
.b-4-left {width:51%;float:left;}
.b-4-left li {box-sizing:border-box;width:100%;height:192px;overflow: hidden;}
.b-4-left li a {display:block;width:100%;height:100%;position: relative;}
.b-4-left li .li-content{width:60%;position: absolute;top: 0;right: 5%;}
.b-4-left li a .redLi{position:absolute;width: 0;height:100%;background-color: rgba(230,0,19,0.6);transition:all 0.5s;}
.b-4-left .b-4-li-left{position: relative;}
.b-4-left .b-4-li-left .redL2{position: absolute;width: 100%;height: 100%}
.b-4-left li .b-4-li-left {text-align:center;width:27%;height:192px;float:left;}
.b-4-left li .b-4-li-left img{position: absolute;width: 82px;height: 68px;top: 50%;margin-top: -34px;right: 50%;margin-right: -41px;}
.b-4-left li .b-4-li-left .redLi2{position: absolute;width: 100%;height: 100%;background-color:#e60012;left: 0px;top: 0px;transform: scale(0.5) rotate(0);-webkit-transform: scale(0.5) rotate(0);-moz-transform: scale(0.5) rotate(0);opacity: 0;transition: all 0.5s;}
.b-4-left li:hover .redLi{ width: 100%;}
.b-4-left li:hover .redLi2{transform: scale(1) rotate(180deg);-webkit-transform: scale(1) rotate(180deg);-moz-transform: scale(1) rotate(180deg);opacity: 1;}
.b-4-left li .b-4-li-right {width:73%;text-align:left;padding:62px 0 0 5%;box-sizing:border-box;float:left;}
.b-4-left li .b-4-li-right p:first-child {font-size:20px;color:#ffffff;line-height:18px;}
.b-4-left li:hover .b-4-li-right p:first-child em {display:block;transition:all 0.5s;}
.b-4-left li .b-4-li-right p:nth-child(n+2) {margin-top:12px;font-size:14px;line-height:20px;color:#ffffff;}
.b-4 .verticalLine{height: 15px;width: 3px;position: absolute;top: -20px;right: 83px;transition: all 0.5s;background: #ffffff;}
.b-4 .horizontalLine{width: 15px;height: 3px;position: absolute;bottom: -20px;right: 77px;transition: all 0.5s;background: #ffffff;}
.b-4-left li:hover .verticalLine{top:62px;}
.b-4-left li:hover .horizontalLine{bottom:121px;}
.b-4-right {height:576px;width:32%;float:left;position:relative;}
.b-4-right a {display:block;width:100%;position:absolute;left:30px;bottom:0;}

@media all and (max-width:1426px) {.b-4-left li .b-4-li-right {width:73%;text-align:left;padding:62px 0 0 2%;box-sizing:border-box;float:left;}
}
@media all and (max-width:1200px) {
    .b-4 {padding:0 2%;}
    .b-4-content {background:url("tang-b-4-bg.jpg") top center no-repeat;width:100%;background-size:cover;}
    .b-4-left {width:100%;float:none;padding-bottom: 20px;}
    .b-4-left li {box-sizing:border-box;width:100%;overflow: hidden;height: 140px;}
    .b-4-left li a {display:block;width:100%;height:100%;position: relative;}
    .b-4-left li .li-content{width:100%;position: absolute;top: 0;right: 0;}
    .b-4-left li a .redLi{position:absolute;width: 0;height:100%;background-color: rgba(230,0,19,0.6);transition:all 0.5s;}
    .b-4-left .b-4-li-left{position: relative;}
    .b-4-left .b-4-li-left .redL2{position: absolute;width: 100%;height: 100%}
    .b-4-left li .b-4-li-left {text-align:center;width:27%;height:150px;float:left;}
    .b-4-left li .b-4-li-left img{position: absolute;width: 82px;height: 68px;top: 50%;margin-top: -34px;right: 50%;margin-right: -41px;}
    .b-4-left li .b-4-li-left .redLi2{position: absolute;width: 100%;height: 100%;background-color:#e60012;left: 0px;top: 0px;transform: scale(0.5) rotate(0);-webkit-transform: scale(0.5) rotate(0);-moz-transform: scale(0.5) rotate(0);opacity: 0;transition: all 0.5s;}
    .b-4-left li:hover .redLi{ width: 100%;}
    .b-4-left li:hover .redLi2{transform: scale(1) rotate(180deg);-webkit-transform: scale(1) rotate(180deg);-moz-transform: scale(1) rotate(180deg);opacity: 1;}
    .b-4-left li .b-4-li-right {width:73%;text-align:left;padding:20px;box-sizing:border-box;float:left;}
    .b-4-left li .b-4-li-right p:first-child {font-size:20px;color:#ffffff;line-height:18px;}
    .b-4-left li:hover .b-4-li-right p:first-child em {display:block;transition:all 0.5s;}
    .b-4-left li .b-4-li-right p:nth-child(n+2) {margin-top:12px;font-size:14px;line-height:20px;color:#ffffff;}
    .b-4 .verticalLine{height: 15px;width: 3px;position: absolute;top: -20px;right: 54px;transition: all 0.5s;background: #ffffff;}
    .b-4 .horizontalLine{width: 15px;height: 3px;position: absolute;top: -20px;right: 49px;transition: all 0.5s;background: #ffffff;}
    .b-4-left li:hover .verticalLine{display: none;}
    .b-4-left li:hover .horizontalLine{display: none;}
    .b-4-right {display:none}
}

.b-5-content {margin:0 auto;width:1198px;}
.b-5-content li {text-align:center;font-size:18px;line-height:64px;margin-right:6px;width:166px;height:64px;background:#f4f4f4;color:#000;float:left;cursor:pointer;}
.b-5-content li.on {background:#e60013;color:#ffffff;font-weight:bold;}
.b-5-content li:last-child {margin-right:0;}
.b-5-content .bd {position:relative;}
.b-5-content .swiper-slide .photo {width:503px;height:471px;float:left;overflow:hidden}
.b-5-content .swiper-slide .photo:hover img {transform:scale(1.1);}
.b-5-content .swiper-slide .text {box-sizing:border-box;width:695px;height:471px;float:right;background:url("tang-b-5-right-bg.png") center no-repeat;padding:76px 0 0 50px;}
.b-5-content .swiper-slide .text p:first-child {font-size:25px;color:#000000;line-height:22px;font-weight:bold;margin-bottom:44px;}
.b-5-content .swiper-slide .text p:nth-child(n+2) {text-align:justify;width:600px;line-height:30px;font-size:15px;}
.b-5-content .swiper-slide .text p:nth-child(n+2) em {font-weight:bold;color:#c20c17;font-size: 16px;}
.b-5-content .swiper-slide .text p:nth-child(5){font-size: 14px;}
.b-5-content .swiper-button-next1,.b-5-content .swiper-button-next2,.b-5-content .swiper-button-next3,.b-5-content .swiper-button-next4,.b-5-content .swiper-button-next5,.b-5-content .swiper-button-next6,.b-5-content .swiper-button-next7 {position:absolute;top:190px;right:-75px;width:36px;height:86px;outline:none;background:url("tang-next.png") center no-repeat;cursor:pointer;}
.b-5-content .swiper-button-prev1,.b-5-content .swiper-button-prev2,.b-5-content .swiper-button-prev3,.b-5-content .swiper-button-prev4,.b-5-content .swiper-button-prev5,.b-5-content .swiper-button-prev6,.b-5-content .swiper-button-prev7 {position:absolute;top:190px;left:-75px;width:36px;height:86px;outline:none;background:url("tang-prev.png") center no-repeat;cursor:pointer;}
.b-5-content .swiper-pagination-bullet {background:#fff;opacity: 1;}
.b-5-content .swiper-pagination-bullet-active {background:#e60013;}
.b-5-content .swiper-pagination{display: none;}
.b-5 .more {margin: 20px 0 0;width:120px;height:38px;}
.b-5 .more a {display:block;font-size:14px;color:#666666;background: #ffffff;line-height:38px;text-align:center;border:1px solid #cccccc;}
.b-5 .more a:hover {border:1px solid #e60013;background:#e60013;color:#ffffff;}

@media all and (max-width:1200px) {
    .b-5-content {width:100%;}
    .b-5-content li {font-size:18px;line-height:64px;margin-right:2%;width:32%;height:64px;float:left;cursor:pointer;margin-bottom: 10px;}
    .b-5-content li:nth-child(3n) {margin-right:0;}
    .b-5-content li:last-child{display: none;}
    .b-5-content li.on {background:#e60013;color:#ffffff;font-weight:bold;}
    .b-5-content li.on a{color:#ffffff;}
    .b-5-content .swiper-slide .photo {width:100%;height: auto;float:none;overflow:hidden;}
    .b-5-content .swiper-slide .photo img{width: 100%;}
    .b-5-content .swiper-slide .text {box-sizing:border-box;width:100%;height: auto !important;float:none;background:url("tang-b-5-right-bg.png") center no-repeat;
    padding:20px;background-size: cover;}
    .b-5-content .swiper-slide .text p:first-child {color:#000000;line-height:22px;font-weight:bold;margin-bottom:20px;}
    .b-5-content .swiper-slide .text p:nth-child(n+2) {text-align:justify;width:100%;line-height:30px;}
    .b-5-content .swiper-pagination{display: block;}
}

.b-6 {background:url("tanb-b-6-bg.jpg") top center no-repeat;background-size: cover;margin-top: 60px;}
.b-6 .wrap {position:relative;width:1200px;}
.b-6 .text {background:#f4f4f4;width:703px;height:352px;float:left;box-sizing:border-box;padding:40px 0 0 45px;}
.b-6 .text p:first-child {color:#01003b;font-size:20px;line-height:18px;margin-bottom:40px;}
.b-6 .text p:first-child em {color:#e60013;}
.b-6 .text p:first-child b {font-weight:normal;font-size:16px;color:#9a9a9a;}
.b-6 .text p:nth-child(2) {font-size:25px;color:#01003b;font-weight:bold;line-height:22px;margin-bottom:30px;}
.b-6 .text p:nth-child(3) {width:610px;font-size:14px;line-height:30px;color:#3d3d3d;text-indent:28px;text-align:justify;margin-bottom:30px;}
.b-6 .photo {width:497px;height:auto;float:left;overflow:hidden;}
.b-6 .photo:hover img {transform:scale(1.1);}
.b-6 .swiper-button-prev {outline:none;left:40%;top:85%;width:62px;height:49px;background:url("tang-prev2.png") center no-repeat;position:absolute;}
.b-6 .swiper-button-next {outline:none;left:45%;top:85%;width:62px;height:49px;background:url("tang-next2.png") center no-repeat;position:absolute;}
.b-6 .swiper-pagination{display: none;}
@media all and (max-width:1200px) {
    .b-6{margin-top: 0;}
    .b-6 .wrap {width:100%;margin-top: 0;}
    .b-6 .swiper-container {position:relative;}
    .b-6 .swiper-button-prev {display: none;}
    .b-6 .swiper-button-next {display: none;}
    .b-6 .text {background:#f4f4f4;width:100%;height:auto;float:none;padding:20px;}
    .b-6 .text p:first-child {color:#01003b;font-size:20px;line-height:18px;margin-bottom:20px;}
    .b-6 .text p:first-child em {color:#e60013;}
    .b-6 .text p:first-child b {font-weight:normal;font-size:16px;color:#9a9a9a;}
    .b-6 .text p:nth-child(2) {font-size:25px;color:#01003b;font-weight:bold;line-height:22px;margin-bottom:20px;}
    .b-6 .text p:nth-child(3) {width:100%;font-size:14px;line-height:30px;color:#3d3d3d;text-indent:28px;text-align:justify;margin-bottom:30px;}
    .b-6 .photo {width:100%;height:auto;float:none;}
    .b-6 .photo img {width:100%;}
    .b-6 .swiper-pagination{display: block;}
    .swiper-container-4 .swiper-pagination-bullet {background:#fff;opacity: 1;}
    .swiper-container-4 .swiper-pagination-bullet-active {background:#e60013;}
}

.b-7 .wrap {width:1200px;}
.b-7 li {float:left;width:580px;}
.b-7 li:nth-child(2) {float:right;}
.b-7 li .b-7-li dt {font-weight:bold;padding:14px 0 22px;font-size:20px;line-height:18px;border-bottom:1px dashed #e6e6e6;}
.b-7 li .b-7-li dt a {color:#212054;}
.b-7 li .b-7-li dd {color:#333333;border-bottom:1px dashed #e6e6e6;padding: 10px 0;}
.b-7 li .b-7-li dd a{font-size:14px;color:#333333;line-height: 30px;}
.b-7 li .b-7-li dd span {float:right;font-size: 12px;}
.b-7 li .b-7-li dd a:hover{color: #e60013;}
.b-7 .more {margin:40px auto 70px;width:120px;height:38px;}
.b-7 .more a {display:block;font-size:14px;color:#666666;line-height:38px;text-align:center;border:1px solid #cccccc;}
.b-7 .more a:hover {border:1px solid #e60013;background:#e60013;color:#ffffff;}
.b-7-li-img {width:100%;overflow:hidden;}
.b-7-li-img img {width:100%;}
.b-7-li-img:hover img {transform:scale(1.1);}
@media all and (max-width:1200px) {
    .b-7 .wrap {width:100%;}
    .b-7{padding-bottom: 0;}
    .b-7 li {float:none;width:100%;margin-bottom: 30px;}
    .b-7 li:nth-child(2) {float:none;}
    .b-7 li .b-7-li dt {font-weight:bold;padding:14px 0 22px;font-size:20px;line-height:18px;border-bottom:1px dashed #e6e6e6;}
    .b-7 li .b-7-li dt a {color:#212054;}
    .b-7 li .b-7-li dd {color:#333333;border-bottom:1px dashed #e6e6e6;}
    .b-7 li .b-7-li dd a{font-size:14px;line-height:24px;}
    .b-7 li .b-7-li dd span {display:block;float: none;font-size: 12px;}
    .b-7 .more {margin:30px auto;width:120px;height:38px;}
    .b-7 .more a {display:block;font-size:14px;color:#666666;line-height:38px;text-align:center;border:1px solid #cccccc;}
    .b-7 .more a:hover {border:1px solid #e60013;background:#e60013;color:#ffffff;}
}