@font-face {
  font-family: 'REGULAR';
  src: url('./SOURCEHANSANSCN-REGULAR.OTF');
}
@font-face {
  font-family: 'MEDIUM';
  src: url('./SOURCEHANSANSCN-MEDIUM.OTF');
}
@font-face {
  font-family: 'BOLD';
  src: url('./SOURCEHANSANSCN-BOLD.OTF');
}


*{margin:0;padding:0;} 
h1,h2,h3,h4,h5,h6{ font-style: normal; font-size:100%; font-weight:normal;}
li{list-style-type: none;}
a{text-decoration:none;color:#333333;}
body{min-width:1200px;max-width:1920px;margin: 0 auto;color: #333333; font-family: 'REGULAR';font-size: 18px;}
img{ border:0;}
.clear{clear:both;}
.no{display:none;}
.img{display: block;width:100%;}
.box{width:1200px;margin:0 auto;}
.box1{width:72.916%;min-width:1200px;margin:0 auto;}
.over{overflow: hidden}
.fl{float: left}
.fr{float: right}
.border{box-sizing:border-box; 
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;}

.wr{writing-mode: vertical-rl;writing-mode: tb-rl;}
.wl{writing-mode: vertical-lr; writing-mode: tb-lr;}
.dx{text-transform : uppercase} 
.xx{text-transform : lowercase}
.sdx{text-transform : capitalize}
.zc{font-family: 'MEDIUM';}
.ct{font-family: 'BOLD';}
.swiper{ margin: 0;}
.swiper-button-prev,.swiper-button-next{outline: none;margin: 0;}

.ht_img img{transition: all 0.6s;}
.ht_img:hover img{transform: scale(1.06);}

/* 首页 */
header{width: 100%;min-width: 1200px;background: #fff; position: fixed;top:0;left:0;right: 0;margin: auto; z-index: 999999;}
header .head_T{height: 80px;}
header .head_T h3{line-height: 29px;font-size: 16px;}
header .head_T .htr{width: 220px; height: 80px;background: #B83D36;color: #E9E3CB}
header .head_T .htr .line{width: 1px;height: 24px;opacity: 0.3; background: #fff;margin: 0 15px 0 18px;}
header .head_T .htr h5{font-size: 14px;}
header .head_T .htr span{font-size: 26px;}
header .head_B{width: 100%;height: 90px;background:#102636;}
header .head_B .box1{height: 90px;}
header .head_B .logo{display: block;height: 65px}
header .head_B nav{width: 56%}
header .head_B nav a{color: #E9E3CB;font-size: 16px;}
header .head_B nav a:hover,header nav a.active{color: #B83D36;font-family: 'BOLD';}

header.active{ box-shadow: 0 0 10px rgba(0,0,0,0.1)}


.banner{width:100%;padding-bottom: 31.25%; margin-top: 170px;}
.banner .box1{height: 100%;top: 0;left: 0;right: 0;margin:auto;}
.banner .box1 div{font-size: 32px;}
.banner .box1 div::before{display: block;content: '';width: 31px;height: 2px;background: #fff;margin-right: 10px;}
.banner .box1 div::after{display: block;content: '';width: 31px;height: 2px;background: #fff;margin-left: 10px;}


.sy_banner{margin-top: 170px;}
.sy_banner .swiper-button-prev{width: 78px;height: 149px;top:0;bottom: 0;left: 5%;margin:auto;}
.sy_banner .swiper-button-next{width: 78px;height: 149px;top:0;bottom: 0;right: 5%;margin:auto;}
.sy_banner .swiper-button-next::after,.sy_banner .swiper-button-prev::after{font-size: 50px;color: #fff;}


.sy_banner .swiper-pagination{bottom: 20px;}
.sy_banner .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background:#E9E3CB;}
.sy_banner .swiper-pagination .swiper-pagination-bullet-active{opacity: 1}

.cor{color: #102636}
.cor1{color: #FFFCEF}
.cor2{color: #ffffff}
.cor3{color: #B83D36}
/* 内容 */

.title>span{font-size: 142px;display: block;line-height: 110px;}
.title div{margin-left: 15px;}
.title h6{font-size: 40px;line-height: 44px;opacity: 0.5}
.title h3{font-size: 40px;line-height: 44px; margin: 8px 0;}
.title h4{font-size: 24px;line-height: 30px;}

.ht1{width: 100%;height: 840px;background:url('../images/ht1.jpg') no-repeat center;padding-top: 140px;}
.ht111{width: 48.857%;height: 360px;padding: 35px 3%;margin-top: 105px; background:url('../images/ht10.jpg') no-repeat right center #fff;border-left: 8px solid #B83D36;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16)}
.ht111 h5{font-size: 21px}
.ht111 h5::after{display: inline-block;content: '';width: 84px;height: 1px;background:#B83D36;margin-left: 28px;}
.ht111 p{font-size: 18px;line-height: 33px;margin: 35px 0 50px;}
.ht111 a{font-size: 16px;color: #B83D36}
.ht111 a img{margin-left: 10px}
.ht12{width: 42.142%;padding: 2% 2% 0 0;background:url('../images/ht10.png') no-repeat right top;top: 50px;right: 0}

.ht2{width: 100%;background:url('../images/ht2.jpg') no-repeat center;}
.ht20{padding: 70px 0 60px;}
.ht21{background:#fff;border-radius: 6px 6px 0 0;padding: 27px 2% 0;}
.ht211{width: 55.49%;height: 56px;font-size: 26px;margin: 0 auto 27px; background-image: linear-gradient(to right, rgba(184, 61, 54, 0),rgba(184, 61, 54, 0.32),rgba(184, 61, 54, 0))}
.ht21 ul li{width: 23.343%;padding-bottom: 160px;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16)}
.ht213{width: 100%;height: 184px;border-radius: 13px 13px 0 0;background:#fff;bottom: 0;left: 0;padding: 33px 10px 0;}
.ht213 p{font-size: 15px;line-height: 28px;color: #5A6165}
.ht213 h5{width: 136px;height: 41px;background: #B83D36;color: #fff;font-size: 16px;top: -20px;left: 0;right: 0;margin:auto;}
.ht213 .line{width: 146px;height: 10px;border-radius: 13px 13px 0 0 ;background:#B83D36;bottom: -6px;left: 0;right: 0;margin:auto;}

.ht3{width: 100%;height: 640px;padding-top: 77px; background:url('../images/ht3.jpg') no-repeat center;}
.ht30{width: 66.285%}
.ht30 h3{font-size: 28px;line-height: 50px;}
.ht30 h3 span{font-size: 48px;}
.ht31{width: 83.4%;height: 98px;margin: 25px auto 75px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0),#FFFCEF,rgba(255, 255, 255, 0))}
.ht31 h4{line-height: 40px;}
.ht31 h4 span{font-size: 28px;}
.ht32 ul li{width: 36.42%;height: 208px; background-image: linear-gradient(to top, #E8C7AA,#FFF7EF);padding: 40px 0 0 20px;border-radius: 15px;margin: 0 8px;}
.ht32 ul li p{width: 70%; font-size: 16px;line-height: 28px;}
.ht32 ul li img{display: block;position: absolute;top: 48px;right: 27px;}

.ht4{width: 100%;background: #102636;padding-top: 72px;}
.ht41{margin-bottom: 27px;}
.ht41 ul li{width: 49.428%;height: 71px;background:rgba(255,255,255,0.3);font-size: 24px;color: #fff}
.ht41 ul li.active{background:#B83D36;}
.ht420{width: 100%;height: 274px;border-radius: 6px;background:url('../images/ht420.jpg') no-repeat center;padding: 0 3% 0 5%;}
.ht421{width: 25%}
.ht421 h3{font-size: 36px;line-height: 61px;}
.ht421 h4{font-size: 24px;line-height: 38px;}
.ht421 a{width: 115px;height: 38px;border-radius: 19px;background:#B83D36;font-size: 15px;color: #fff;margin-top: 15px;}
.ht422{width: 60%;height: 218px;background:url('../images/ht420.png') no-repeat right center;}
.ht423 ul{padding: 0 10%;height: 218px;font-size: 16px;}
.ht423 ul li h5{line-height: 25px;margin-bottom: 27px;}
.ht423 ul li p{width: 127px;height: 31px;border-radius: 6px; background-image: linear-gradient(to top, #E8C7AA,#FFF7EF);}
.ht420 .line{width: 1px;height: 184px;background: #707070;opacity: 0.4}
.ht4220{width: 76.058%;height: 114px;background-image: linear-gradient(to top, #E8C7AA,#FFF7EF);border-radius: 0.3rem;}
.ht4220 p{font-size: 16px;line-height: 25px;}

.ht5{width: 100%;height: 480px;background:url('../images/ht5.jpg') no-repeat center;}
.ht50{height: 480px;}
.ht51{margin-left: 5%}
.ht51 h4{font-size: 24px;}
.ht51 h3{font-size: 36px;}
.ht511{width: 266px;margin: 40px 0; background:url('../images/ht51.png') no-repeat center top 19px;padding: 0 4%;}
.ht511 p{width: 110px;height: 38px;background: #FFFCEF;color: #694644}
.ht511 h5{font-size: 27px;line-height: 30px;margin-top: 28px;}
.ht512 h6{font-size: 16px;margin-left: 10px;}
.ht512 span{font-size: 33px;}
.ht52{width: 46.928%;padding: 35px 22px 28px;background:#FFFCEF;}
.ht52 .hz321{margin: 5px 0 40px;}
.ht52 .tj{display: block;width: 48%;height: 48px;background:#B83D36;color: #FFF8EF;outline:none;cursor: pointer;border: none;border-radius: 25px; font-size: 16px;}
.ht52  a{width: 48%;height: 48px;border-radius: 25px; background:#102636;color: #FFF8EF;font-size: 16px;}

.ht6{width: 100%;background: #FFFCEF;padding-bottom: 130px;}
.ht60{width: 100%;background:url('../images/ht61.jpg') no-repeat center bottom #FFFCEF;padding: 135px 0 65px;}
.ht61{padding-left: 3.5%}
.ht62{margin-top: 93px; width: 49.323%;height: 380px;background: #B83D36;padding: 0 0 2% 1.5%}
.ht620{width: 105%;height: 311px;padding:  0 5%;border-left: 8px solid #B83D36; background:url('../images/ht610.jpg') no-repeat right center #ffffff;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);left: 3%;bottom: 5.5%}
.ht620 ul{background:url('../images/ht621.png') no-repeat 8px 25px}
.ht620 ul li{padding-left: 28px;background:url('../images/ht62.png') no-repeat left center;font-size: 20px;line-height: 49px;}
.ht63{top: 40px;left: 58%}
.ht63 h5{width: 36px;height: 107px;background: #B83D36;letter-spacing: 3px;}
.ht63 h4{font-size: 36px;letter-spacing: 5px;margin-left: 5px;}

.ht64{padding: 70px 0 100px;}
.ht641{width: 48.275%;}
.ht642{width: 51.725%;height: 379px;padding: 3% 0 0 3%; background:url('../images/ht64.png') no-repeat left center;}
.ht643{ width: 100%;height: 311px;padding:  0 23% 0 7%;border-left: 8px solid #B83D36; background:url('../images/ht610.jpg') no-repeat right center #ffffff;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.ht643{font-size: 16px;line-height: 29px;}

.ht65 .mySwiper{overflow:visible;}
.ht650{border-radius: 47px;}


.ht7{width: 100%;height: 840px;background:url('../images/ht7.jpg') no-repeat center;}
.ht7 .title{padding: 60px 0 0;}
.ht71{padding-bottom: 40px;border-bottom: 1px solid rgba(255,252,239,0.1);margin-bottom: 46px;}
.ht71 ul li{width: 22%}
.ht710{background:url('../images/ht710.png') no-repeat center;padding: 70px 0 75px;background-size: 130%;}
.ht71 ul li h5{font-size: 24px;}
.ht71 ul li p{font-size: 16px;line-height: 23px;margin-top: 10px;}
.ht72 ul li{width: 24.142%;height: 89px;background:#FFFCEF;border-radius: 6px;padding-top: 13px;}
.ht72 ul li h5{width: 136px;height: 41px;background:#B83D36;font-size: 20px;top: -20px;left: 0;right: 0;margin:auto;}

.ht70{width: 100%;background:url('../images/ht70.jpg') no-repeat center top #FFFCEF;}
.ht73{padding: 120px 0 110px;}
.ht73 h3{font-size: 40px;}
.ht73 h4{font-size: 30px;margin-top: 10px;}

.ht74{background:#FFFCEF;border-radius: 50px 50px 0 0;padding: 60px 2.8% 50px;}
.ht74 ul li{width: 49.37%;margin-bottom: 20px;}
.ht742{width: 100%;height: 100%;background-image: linear-gradient(to top, rgba(16, 38, 54, 1), rgba(16, 38, 54, 0));bottom: 0;left: 0}
.ht743{width: 100%;padding: 0 6% 25px;bottom: 0;left: 0}
.ht743 h5{font-size: 24px;margin-bottom: 5px;}

.ht8{width: 100%;height: 640px;background:url('../images/ht8.jpg') no-repeat center;padding-top: 130px;}
.ht81{width: 42.14%;margin-top: 50px;}
.ht81 h4{width: 100%;height: 54px;background-image: linear-gradient(to right, rgba(255, 255, 255, 0),#FFFCEF,rgba(255, 255, 255, 0));font-size: 24px;}
.ht81 h3{font-size: 28px;line-height: 40px;margin: 33px 0 40px;}
.ht81 h3 span{font-size: 36px;}
.ht811{width: 347px;height: 119px;padding-top: 13px; box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.16);background-image: linear-gradient(to top, rgba(184, 61, 54, 0),#B83D36);margin: 0 auto;}
.ht811 h5{font-size: 16px;}
.ht811 span{font-size: 33px;}
.ht811 img{display: :block;position: absolute;top: -20px;left: 0;right: 0;margin:auto;}
.ht81 a{width: 115px;height: 38px;color: #B83D36; background:#FFFCEF;border-radius: 20px;margin: 15px auto 22px;}
.ht81 p{opacity: 0.64}
.ht82{width: 51.571%;}
.ht82 ul li h6{font-size: 35px;color: #E0443B}
.ht821{width: 146px;height: 146px;border-radius: 50%;border: 1px dashed #B83D36;padding: 20px;margin: 32px auto 30px;}
.ht8211{width: 100%;height: 100%;border-radius: 50%;border: 1px solid #B83D36;}
.ht82 ul li h5{width: 85%;height: 43px;background: #E0443B; font-size: 24px;margin: 0 auto 12px;}
.ht82 ul li p{font-size: 20px;}
.ht82 ul li.active .ht8211{background:#B83D36;}
.ht82 ul li.active .ht8211 img{filter: brightness(100);}

.ht9{width: 100%;background: #FFFCEF;padding: 85px 0 110px;}
.ht91 nav{margin-top: 60px;}
.ht91 nav a{display: block;margin-bottom: 35px; padding-left: 36px;font-size: 20px;color: rgba(0, 0, 0, 0.5)}
.ht91 nav a.active{color: #000;background:url('../images/ht90.png') no-repeat left 14px center;}
.ht92{width: 66.285%;}
.ht92 ul li{padding-bottom: 24px;margin-bottom: 24px;border-bottom: 1px solid rgba(125, 125, 131, 0.3)}
.ht9_img{display: block;width: 23.7%;padding-bottom: 17.8%; position: relative;}
.ht9_img img{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;}
.ht9_con{width: 62%;padding-right: 5% }
.ht9_tit{font-size: 20px;line-height: 36px;height: 108px;color: #000000;-webkit-line-clamp: 3;margin: 0 0 45px;}
.ht9_more{font-size: 16px;color: #B83D36;text-decoration: underline}
.ht92 ul li p{font-size: 16px;}

@media (min-width: 0px) and (max-width: 1199px) {
.ht421 h3{font-size: 30px;line-height: 40px;}
.ht421 h4{font-size: 18px;line-height: 30px;}
.ht423 ul{padding: 0 10% 0 5%;}
.ht82 ul li p{font-size: 18px;}
.ht81 h3{font-size: 22px;}
.ht81 h3 span{font-size: 30px;}
}
@media (min-width: 1199px) and (max-width: 1299px) {

.ht421 h3{font-size: 30px;line-height: 40px;}
.ht421 h4{font-size: 18px;line-height: 30px;}
.ht423 ul{padding: 0 10% 0 5%;}
.ht82 ul li p{font-size: 18px;}
.ht81 h3{font-size: 22px;}
.ht81 h3 span{font-size: 30px;}

}
@media (min-width: 1299px) and (max-width: 1399px) {

.ht421 h3{font-size: 30px;line-height: 40px;}
.ht421 h4{font-size: 18px;line-height: 30px;}
.ht423 ul{padding: 0 10% 0 5%;}
.ht82 ul li p{font-size: 18px;}
.ht81 h3{font-size: 22px;}
.ht81 h3 span{font-size: 30px;}

}
@media (min-width: 1399px) and (max-width: 1499px) {

.ht421 h3{font-size: 30px;line-height: 40px;}
.ht421 h4{font-size: 18px;line-height: 30px;}
.ht423 ul{padding: 0 10% 0 5%;}
.ht82 ul li p{font-size: 18px;}
.ht81 h3{font-size: 22px;}
.ht81 h3 span{font-size: 30px;}

}
@media (min-width: 1499px) and (max-width: 1599px) {

.ht421 h3{font-size: 30px;line-height: 40px;}
.ht421 h4{font-size: 18px;line-height: 30px;}
.ht423 ul{padding: 0 10% 0 5%;}
.ht82 ul li p{font-size: 18px;}
.ht81 h3{font-size: 22px;}
.ht81 h3 span{font-size: 30px;}
}

@media (min-width: 1599px) and (max-width: 1699px) {

.ht421 h3{font-size: 30px;line-height: 40px;}
.ht421 h4{font-size: 18px;line-height: 30px;}
.ht423 ul{padding: 0 10% 0 5%;}
.ht82 ul li p{font-size: 18px;}
.ht81 h3{font-size: 22px;}
.ht81 h3 span{font-size: 30px;}
}
@media (min-width: 1699px) and (max-width: 1799px) {

.ht421 h3{font-size: 32px;line-height: 50px;}
.ht421 h4{font-size: 20px;line-height: 34px;}
.ht423 ul{padding: 0 10% 0 5%;}
.ht82 ul li p{font-size: 18px;}
.ht81 h3{font-size: 24px;}
.ht81 h3 span{font-size: 34px;}

}
@media (min-width: 1799px) and (max-width: 1899px) {

.ht421 h3{font-size: 34px;line-height: 60px;}
.ht421 h4{font-size: 20px;line-height: 34px;}
.ht423 ul{padding: 0 10% 0 7%;}
.ht82 ul li p{font-size: 19px;}
.ht81 h3{font-size: 24px;}
.ht81 h3 span{font-size: 34px;}
}
@media (min-width: 1899px) and (max-width: 1920px) {



}


.xf{width: 78px;height: 268px;background: #FFFFFF;box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1); position: fixed;bottom: 10%;right: 1%;z-index: 100}
.xf>ul{height: 268px;padding: 16px 0; text-align: center;}
.xf>ul>li{width: 78px;position: relative}
.xf>ul .line{width: 38px;height: 1px;background: #AA271E;}
.xf>ul>li:last-child a{display: block;margin: 0 auto;color: #AA271E}
.xfl{display: none;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); position: absolute;top:0;bottom: 0;right: 100px;margin:auto;border-radius: 13px;background-color: #fff;}
.xfl .ss{display: block;position: absolute;top:0;bottom: 0;right: -6px;margin:auto;}
.xfl1{width: 250px;height: 80px; font-size: 24px;}
.xfl2{width: 110px;height: 110px; padding:10px;}
.xf>ul>li.active .xfl{display: flex;}
.xf>ul>li.active a>.xf0{display: none}
.xf>ul>li.active a>.xf0_{display: inline-block}

/* 底部 */
footer{width: 100%;background: #102636;padding: 62px 0 0;}
footer .footT{margin: 0 auto 85px}
footer .footT .logo{display: block;height: 107px;}
footer .footT nav{width: 51.428%}
footer .footT nav a{color: #fff}
footer .footM .fml{width: 30%;}
footer .footM .fml ul li{font-size: 18px;line-height: 32px; margin-bottom: 5px;}
footer .footM .fml ul li h5{color: #7D7D83}
footer .footM .fml ul li p{font-size: 20px;}
footer .footM .fml ul li:last-child{margin-bottom: 0}
footer .footM .fmm{width: 347px;height: 130px; background:#102636;box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.1)}
footer .footM .fmm h5{font-size: 16px;}
footer .footM .fmm p{font-size: 33px;}
footer .footM .fmm img{display: block;position: absolute;top: -20px;left: 0;right: 0;margin:auto;}
footer .footM .fmr ul li{margin-right: 50px;font-size: 14px;}
footer .footM .fmr ul li:last-child{margin-right: 0}
footer .footM .fmr ul li .dewm{width: 140px;margin: 0 auto 10px;}
footer .footB{width: 100%;height: 51px;background: #0C1C27; margin-top: 120px; font-size: 14px;color: #7D7D83;}
footer .footB .box1{height: 51px;}
footer .footB a{color:#7D7D83}


.sy_footer{padding-top: 288px;}
.bd{height: 386px;background:#DEE7F4;padding: 30px 2%;top: -120px;left: 0;right: 0;margin:auto;color: #333;}
.bd1{width: 35%;}
.bd1 .logo{display: block;height: 90px;margin: 0 auto;}
.bd1 h4{font-size: 22px;margin: 25px 0 35px;color: #141A22}
.bd11 img{margin-right: 9px}
.bd11 span{font-size: 37px;color: #141A22;line-height: 42px;}
.bd1 a{width: 292px;height: 53px;border-radius: 9px;background-image: linear-gradient(to right, #0154C9, #01afdb);font-size: 16px;color: #fff;margin: 40px auto 0;}
.bd2{width: 58.37%;background:#fff;padding: 35px 35px 35px;}
.bd21{width: 48%;}
.bd21 h5{font-size: 16px;margin-bottom: 8px;}
.bd21 .text{display: block;width: 100%;height: 47px; background: #F5F7FC; outline: none;border: none;font-size: 16px;padding: 0 20px;}
.bd22{width: 100%;margin: 18px 0 33px;}
.bd22 .text{resize:none;}
.bd2 .tj{display: block;width: 100%;height: 44px;background:#0154C9;color: #fff;outline:none;cursor: pointer;border: none;border-radius: 10px; font-size: 16px;color: #fff;letter-spacing: 1px;}

.bj{background:#FFFCEF;}
.con{padding: 80px 0 100px;}
.con1{padding:80px  0 0;}

.ebt{padding: 90px 0 70px;}
.ebt h3{font-size: 40px;}

/* 关于我们 */
.about_body{font-size:18px;line-height: 32px;color: #fff; white-space:-moz-pre-wrap;word-wrap:break-word;}
.about_body img{max-width:100%;}

.gy1{padding-bottom: 115px;}
.gy11{width:46.428%; }
.gy11 h5{font-size: 24px; }
.gy11 p{font-size: 16px;line-height: 28px;color: #434343;margin: 5px 0 55px;}
.gy111{width: 79% }
.gy111 li h6{margin-top: 6px;}
.gy112{margin-top: 50px}
.gy112 li{width: 100px;height: 100px;background:url('../images/a1.png') no-repeat center;margin-right: 18px;}
.gy12{width: 46.785%}

.gy2{width: 100%;background: #102636;padding-bottom: 120px;}
.gy21 ul li{width: 24.142%;height: 430px; background-image: linear-gradient(to top, #E0443B,#FFFCEF);padding-top: 90px;}
.gy21 ul li h5{font-size: 30px;margin: 45px 0 5px;}
.gy21 ul li h6{font-size: 20px;}

.gy3{width: 100%;background:#FFFCEF;padding-bottom: 120px;}
.gy31 ul li{width: 49.428%;background: #fff;box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1)}
.gy312{padding: 30px 0 25px;}
.gy312 h5{font-size: 30px;margin-bottom: 5px;color: #37384A}
.gy312 p{color:#434343}

/* 课程中心 */
.kc_nav{padding: 32px 0 18px;border-bottom: 1px solid rgba(16, 38, 54, 0.2)}
.kc_nav nav a{display: block; line-height: 36px;min-width: 88px;padding:  0 20px;font-size: 16px;color: #7D7D83;margin:  0 16px; }
.kc_nav nav a:hover,.kc_nav nav a.active{background: #B83D36;color: #fff}

.course ul li{width: 24.142%;margin: 0 1.144% 16px 0;background:#FFFFFF;}
.course ul li:nth-child(4n){margin-right: 0}
.kc_img{display: block; width: 100%;padding-bottom: 66.5%;}
.kc_img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0}
.kc_con{padding: 20px 5% 15px;}
.kc_tit{font-size: 18px;line-height: 24px;height: 24px;color: #37384A;}
.kc_des{font-size: 14px;line-height: 20px;height: 20px;color: #7D7D83;margin: 8px 0 10px; }
.kc_more{color: #B83D36;font-size: 14px;}

/* 情感服务合作 */
.hz11 ul li{width: 24.142%}
.hz110{width: 100%;height: 100%;top: 0;left: 0;background-image: linear-gradient(to top, rgba(16, 38, 54, 0.8), rgba(16, 38, 54, 0));}
.hz111{width: 100%;left: 0;bottom: 25px}
.hz111 h5{font-size: 23px;}
.hz111 p{font-size: 15px;margin-top: 5px;}

.hz2{width: 100%;height: 800px;background:url('../images/hz2.jpg') no-repeat center;}
.hz211{width: 50%;padding-top: 155px;}
.hz211 h6{font-size: 88px;}
.hz211 h5{font-size: 32px;background:url('../images/hz20.png') no-repeat center bottom;padding-bottom: 6px;margin: 10px 0 65px;}
.hz211 p{font-size: 24px;}
.hz212{width: 50%;}
.hz22{bottom: 100px;left: 0;}
.hz22 .swiper{width: 550px;font-size: 16px;margin-left: 5%}
.hz22 .swiper-slide-thumb-active .hz220{color: #B83D36;font-family: 'MEDIUM';}
.hz22 .swiper-button-next{width: 26px;height: 26px;background:url('../images/hz2n.png') no-repeat center;position: static}
.hz22 .swiper-button-next::after{display: none}

.hz3{width: 100%;height: 818px;background:url('../images/hz3.jpg') no-repeat center;}
.hz30{background:#fff;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16)}
.hz31{width: 50%;height: 416px;background:#B83D36;}
.hz31 div{width: 85%}
.hz31 div h5{font-size: 24px;}
.hz31 div h4{font-size: 36px;}
.hz31 div ul li{width: 18.5%;height: 38px;background:#FFFCEF;color: #694644;margin-top: 40px;}
.hz32{width: 50%;padding: 0 4%;}
.hz320{width: 47.5%;margin-bottom: 15px;}
.hz320 h5{font-size: 16px;margin-bottom: 8px;}
.hz320 .text{display: block;width: 100%;height: 48px; background: none; outline: none;border: 1px solid #3D3939;font-size: 16px;padding: 0 20px;}
.hz321{width: 100%;}
.hz32 .tj{display: block;width: 293px;height: 48px;background:#B83D36;color: #FFF8EF;outline:none;cursor: pointer;border: none;border-radius: 25px; font-size: 16px;margin: 45px auto 0;}



/* 新闻资讯 */
.news ul li{width: 32.571%;margin: 0 1.1435% 50px 0;background:#fff;}
.news ul li:nth-child(3n){margin-right: 0}
.n_img{display: block;width: 100%;padding-bottom: 75%; position: relative;}
.n_img img{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;}
.n_con{padding: 10px 5% 15px;}
.n_tit{font-size: 16px;line-height: 26px;height: 78px;color: #37384A;-webkit-line-clamp: 3;margin: 0 0 40px;}
.n_more{font-size: 14px;color: #B83D36;text-decoration: underline}
.n_more img{margin-left: 5px;}
.news ul li p{font-size: 14px;color: #7D7D83}
.news ul li:hover .n_tit{color: #AA271E}



/* 联系我们 */
.lx{background:#fff;padding: 1.5%;}
.lx0{width: 43%;padding-left: 2.5%;margin-top: 20px;}
.lx0 ul li{margin-bottom: 45px;}
.lx .line{width: 1px;height: 228px;background:#37384A;opacity: 0.19}
.lx1{width: 89%}
.lx1 h5{font-size: 24px;line-height: 30px; margin: 0 0 4px;}
.lx1 p{font-size: 18px;}
.map{width: 55%; height: 480px;overflow: hidden;}
#container{width:100%;height: 100%;overflow: hidden;}
.cus_info_window{background:#fff;padding: 15px;border-radius: 10px;font-size: 20px;}
.cus_info_window p{font-size: 16px;margin-top: 5px;}



/* 页码 */
.pagination{margin-top: 50px; clear: both;width:100%;padding:0 0 0;text-align: center; font-size:18px; color:#333;}
.pagination li{ width:40px; height:40px; text-align:center; line-height:40px; display:inline-block; margin:0 3px; background:#fff;}
.pagination li a{width:40px; height:40px; display:block; color:#333;}
.pagination li a:hover{  background:#B83D36;color: #fff;}
.pagination li.active{ background:#B83D36 !important;color: #fff;}


/* 上下篇 */
.sxy{margin-top: 50px;font-size: 16px;color: #37384A}
.sxy div{max-width: 48%;}
.sxy a{color: #37384A}
.sxy a:hover{color: #B83D36}
/* 详情页 */
.article_title{text-align: center;margin-bottom: 30px}
.article_title h2{font-size: 30px;}
/* .article_title p{font-size: 14px;color:#737476;margin-top: 10px;} */
.article_body{white-space:-moz-pre-wrap;word-wrap:break-word;font-size: 18px;line-height: 36px;padding:50px 0;border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.1);}
.article_body img{max-width:100%;}