/* banner */
#banner{width: 100%;height: 100vh;}
#banner .swiper-slide{background-repeat: no-repeat;background-size: cover;background-position: center center;	}
#banner .swiper-pagination{width: auto !important; bottom: .5rem !important; left: 50% !important; border-bottom: 1px solid rgba(255,255,255,.35); -webkit-transform: translateX(-50%); transform: translateX(-50%);}
#banner .swiper-pagination-bullet{position: relative; width: auto; height: auto; margin: 0 10px !important; padding: 5px 10px; font-size: 14px; color: #f5f5f5; opacity: 1; background: none; -webkit-border-radius: 0; border-radius: 0;}
#banner .swiper-pagination-bullet::after{position: absolute; display: block; content: ""; left: 50%; bottom: -15px; width: 0; height: 2px; background: #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .4s cubic-bezier(0.28, 0.51, 0.38, 1); transition: all .4s cubic-bezier(0.28, 0.51, 0.38, 1);}
#banner .swiper-pagination-bullet-active::after{width: 16px;}
#banner .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
#banner .swiper-pagination-bullet:last-child{margin-right: 0 !important;}

#banner .container {width:82%;margin:0 9%;}
#banner .banner-info{width: 100%;height: 100%;display: flex;/*flex-direction: column;justify-content: space-around;*/margin-top:15%;color:#fff;font-weight:bold;}
#banner .banner-info .p1 {font-size:.52rem;line-height:.5rem;border-left:4px solid #de0012;padding-left:28px;font-family:"TW"}
#banner .banner-info .p1 span{font-size:.26rem;line-height:24px !important;font-weight:normal}
/*#banner .banner-info .p2 {font-size:22px;line-height:36px;text-transform:uppercase;margin-top:.3rem}*/
#banner .banner-info .p2 {font-size:14px;line-height:24px;padding-left:32px;margin-top:30px;font-weight:normal;}

#banner .banner-info .p3 {font-size:.7rem;line-height:.5rem;border-left:4px solid #de0012;padding-left:28px;font-family:"TW"}
#banner .banner-info .p3 span{font-size:.26rem;line-height:24px !important;font-weight:normal}
#banner .banner-info .cer{margin-top:3.1rem}

#banner .swiper-slide-active .banner-info{-webkit-animation: fadeInUp 1.5s; animation: fadeInUp 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}


@media (max-width: 767px){
    #banner .swiper-pagination{right:30px;top: 85%;}
    #banner{width: 100%;height: 55vh;margin-top:60px;}
    #banner .swiper-pagination-bullets .swiper-pagination-bullet{margin: 10px 0;padding:0}
    #banner .banner-info .p1 {font-size:16px;line-height:24px;border-left:4px solid #de0012;padding-left:28px}
    #banner .banner-info .p1 span{font-size:14px;line-height:20px !important;font-weight:normal}
    #banner .banner-info .cer{display:none}
}
@media (min-width: 768px) and (max-width: 991px){
    #banner{width: 100%;height: 35vh;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    #banner{width: 100%;height: 65vh;}
    #banner .banner-info .cer{margin-top:2.5rem}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    #banner{width: 100%;height: 63vh;}
    #banner .banner-info .cer{margin-top:2.5rem}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    #banner{width: 100%;height: 85vh;}
    #banner .banner-info .cer{margin-top:2.8rem}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    #banner{width: 100%;height: 80vh;}
}

/*第一块*/
.divSm1 {float:left;width:100%;padding:.66rem 15% .64rem 15%;display:flex}
.divSm1 .item {flex:1}
.divSm1 .item a{float:left;width:100%;text-align:center;display:block}
.divSm1 .item a img{display:table;margin:0 auto;}
.divSm1 .item a p{line-height:55px;color:#595757}
@media (max-width: 767px){
    .divSm1 {padding:20px 15px 20px 15px;display:block;}
    .divSm1 .item {width:33.333333%;float:left;}
    .divSm1 .item a img{width:45px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .divSm1 {padding:.66rem 5% .64rem 5%;} 
}
@media (min-width: 992px) and (max-width: 1199px) {
    .divSm1 {padding:.66rem 8% .64rem 8%;} 
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .divSm1 {padding:.66rem 10% .64rem 10%;} 
}
.divSm2 {float:left;width:100%;}
.divSm2 .dlVideo {float:left;width:48.5%;height:569px;background:url(../images/video.jpg) no-repeat center;border-radius:20px;}
.divSm2 .dlVideo a {float:left;width:100%;height:100%;display:block;}
.divSm2 .drCulture{float:left;width:48.5%;margin-left:3%;background:#e6e6e6;border-radius:20px;padding:.52rem .65rem;height:569px;}
.divSm2 .drCulture .title {float:left;width:100%;font-size:.61rem;color:#265697;font-weight:bold;text-transform:uppercase;line-height:.61rem;font-family:"TW";margin-bottom:15px;}
.divSm2 .drCulture .item {float:left;width:50%;margin-bottom:10px;}
.divSm2 .drCulture .item span{float:left;width:100%;font-size:19px;color:#265697;font-weight:bold;height:24px;overflow:hidden;}
.divSm2 .drCulture .item p{float:left;width:100%;font-size:15px;color:#595757;line-height:30px;height:60px;overflow:hidden;}
@media (max-width: 767px){
    .divSm2 .dlVideo {width:100%;height:240px;background:url(../images/video.jpg) no-repeat center;background-size:contain}
    .divSm2 .drCulture{width:100%;margin-left:0;padding:35px 15px 0px 15px;height:auto;margin-top:15px;}
    .divSm2 .drCulture .title {font-size:.51rem;line-height:.51rem;}
    .divSm2 .drCulture .item {padding-right:10px;}   
    .divSm2 .drCulture .item span{font-size:16px;margin-bottom:10px;}
    .divSm2 .drCulture .item p{font-size:12px;line-height:20px;height:80px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .divSm2 .dlVideo {height:469px;}
    .divSm2 .drCulture{padding:.42rem .45rem;height:469px;}
    .divSm2 .drCulture .item {padding-right:10px;}    
    .divSm2 .drCulture .title {font-size:.41rem;line-height:.41rem;}
    .divSm2 .drCulture .item span{font-size:17px;}
    .divSm2 .drCulture .item p{font-size:13px;line-height:24px;height:48px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .divSm2 .dlVideo {height:469px;}
    .divSm2 .drCulture{padding:.42rem .45rem;height:469px;}
    .divSm2 .drCulture .item {padding-right:10px;}    
    .divSm2 .drCulture .title {font-size:.41rem;line-height:.41rem;}
    .divSm2 .drCulture .item span{font-size:17px;}
    .divSm2 .drCulture .item p{font-size:13px;line-height:24px;height:48px;}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .divSm2 .drCulture .item {padding-right:10px;}
}
.divSm3 {position: relative;padding: .7rem 0px 1.25rem;background-position: center top;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;float:left;width:100%;background-image:url(../images/pcpBG.jpg);margin-top:1.06rem}
.divSm3 .container {margin:0 12%;}
.divSm3 .title {float:left;width:100%;font-size:.5rem;color:#fff;line-height:1.5rem}
.divSm3 .san {float:left;width:100%;}
.divSm3 .san .item{float:left;width:30%;margin-right:5%;}
.divSm3 .san .item a{float:left;width:100%;height:100%;display:block;background:url(../images/shu.png) repeat-x top;padding:22px 36px 95px 36px;color:#fff;min-height:222px;}
.divSm3 .san .item a .p1 {float:left;font-size:.43rem;font-weight:bold;word-break:break-all;padding:.15rem 0;line-height:.43rem;font-family:"TW";width:100%;transition: all 400ms ease-in-out;}
.divSm3 .san .item a .p2 {float:left;font-size:.26rem;line-height:.4rem;transition: all 400ms ease-in-out;}

.divSm3 .san .item a:hover .p1{ transform: translate(-9px, -9px);text-shadow: 1.5px 1.5px 0 #333, 0px 1.5px 0 #333, -1.5px -1.5px 0 #333, -1.5px -1.5px 0 #333, -1.5px 1.5px 0 #333, 1.5px -1.5px 0 #333, 0.77782px 0.77782px 0 #aaaaaa, 1.55563px 1.55563px 0 #aaaaaa, 2.33345px 2.33345px 0 #aaaaaa, 3.11127px 3.11127px 0 #aaaaaa, 3.88909px 3.88909px 0 #aaaaaa, 4.6669px 4.6669px 0 #aaaaaa, 5.44472px 5.44472px 0 #aaaaaa, 6.22254px 6.22254px 0 #aaaaaa, 7.00036px 7.00036px 0 #aaaaaa, 7.77817px 7.77817px 0 #aaaaaa;}
.divSm3 .san .item a:hover .p2 {transform: translate(-9px, -9px);text-shadow: 1.5px 1.5px 0 #333, 0px 1.5px 0 #333, -1.5px -1.5px 0 #333, -1.5px -1.5px 0 #333, -1.5px 1.5px 0 #333, 1.5px -1.5px 0 #333, 0.77782px 0.77782px 0 #aaaaaa, 1.55563px 1.55563px 0 #aaaaaa, 2.33345px 2.33345px 0 #aaaaaa, 3.11127px 3.11127px 0 #aaaaaa, 3.88909px 3.88909px 0 #aaaaaa, 4.6669px 4.6669px 0 #aaaaaa, 5.44472px 5.44472px 0 #aaaaaa, 6.22254px 6.22254px 0 #aaaaaa, 7.00036px 7.00036px 0 #aaaaaa, 7.77817px 7.77817px 0 #aaaaaa;}

.divSm3 .san .item:last-child {margin-right:0;}
.divSm3 .divRemark {float:left;width:80%;font-size:16px;line-height:30px;color:#fff;margin-top:.7rem}
@media (max-width: 767px){
    .divSm3 {position: relative;padding:20px 0px 25px;margin-top:15px}
    .divSm3 .container {margin:0 15px;}
    .divSm3 .title {font-size:24px;color:#fff;line-height:60px;}
    .divSm3 .san .item{float:left;width:100%;margin-right:0 ;}
    .divSm3 .san .item a{padding:22px 36px 35px 36px;color:#fff;min-height:initial;}
    .divSm3 .divRemark {width:100%;font-size:14px;line-height:30px;color:#fff;margin-top:15px}
}
@media (min-width: 768px) and (max-width: 991px) {
    .divSm3 .container {margin:0 5%;}
    .divSm3 .divRemark {font-size:14px;line-height:30px;width:100%;}  
}
@media (min-width: 992px) and (max-width: 1199px) {
    .divSm3 .container {margin:0 5%;}
    .divSm3 .divRemark {font-size:14px;line-height:30px;width:100%;} 
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .divSm3 .container {margin:0 8%;}
    .divSm3 .divRemark {float:left;width:100%;font-size:16px;line-height:30px;color:#fff;margin-top:.7rem}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .divSm3 .container {margin:0 10%;}
    .divSm3 .divRemark {float:left;width:100%;font-size:16px;line-height:30px;color:#fff;margin-top:.7rem}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    .divSm3 .container {margin:0 10%;}
    .divSm3 .divRemark {float:left;width:100%;font-size:16px;line-height:30px;color:#fff;margin-top:.7rem}
}

.divSm4 {float:left;width:100%;padding:1rem 0 1.03rem}
.divSm4 .container {margin:0 12%;}
.divSm4 .item {float:left;width:100%;}
.divSm4 .item .img{float:left;width:50%;height:359px;}
.divSm4 .item .con{float:left;width:50%;height:359px;padding:.55rem 1rem}
.divSm4 .item .con strong{float:left;width:100%;font-size:.27rem;color:#265697;font-weight:bold;line-height:.9rem;position:relative;}
.divSm4 .item .con strong:before {width:70px;height:5px;background:#de0012;content:" ";position:absolute;left:0;top:0}
.divSm4 .item .con p {float:left;width:100%;line-height:30px;color:#4e4e4e;font-size:16px;margin-top:.1rem}
.divSm4 .item .con2 {padding-top:.7rem}
@media (max-width: 767px){
    .divSm4 {padding:0}   
    .divSm4 .container {margin:0;} 
    .divSm4 .item .img{width:100%;height:220px;background-size:contain;}
    .divSm4 .item .con{width:100%;height:auto;padding:20px 15px}
}
@media (min-width: 768px) and (max-width: 991px) {
    .divSm4 .container {margin:0 5%;}
    .divSm4 .item .con{height:359px;padding:.35rem .5rem}
    .divSm4 .item .con strong{font-size:20px;line-height:70px;}
    .divSm4 .item .con p {float:left;width:100%;line-height:30px;color:#4e4e4e;font-size:14px;margin-top:5px;line-height:24px;}
    .divSm4 .item .con2 {padding-top:70px;} 
}
@media (min-width: 992px) and (max-width: 1199px) {
    .divSm4 .container {margin:0 5%;}
    .divSm4 .item .con{height:359px;padding:.35rem .5rem}
    .divSm4 .item .con strong{font-size:20px;line-height:70px;}
    .divSm4 .item .con p {float:left;width:100%;line-height:30px;color:#4e4e4e;font-size:14px;margin-top:15px}
    .divSm4 .item .con2 {padding-top:70px;}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .divSm4 .container {margin:0 10%;}
    .divSm4 .item .con{height:359px;padding:.35rem .5rem}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .divSm4 .container {margin:0 10%;}
    .divSm4 .item .con{height:359px;padding:.45rem .7rem}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    .divSm4 .container {margin:0 10%;}
    .divSm4 .item .con{height:359px;padding:.45rem .7rem}
}


.divSm5 {float:left;width:100%;padding:.3rem 0;background:#fff;}
.divSm5 .item{float:left;width:8.3333333333%;}
.divSm5 .item a{float:left;width:100%;display:block;text-align:center;}

.foot {float:left;width:100%;background:#515457;padding:1.57rem 0 1.83rem}
.fms {float:left;width:14%;}
.fms strong{float:left;width:100%;font-size:18px;color:#fff;line-height:.3rem;margin-bottom:20px;}
.fms ul{float:left;width:100%;padding:0;margin:0;}
.fms ul li{float:left;width:100%;line-height:37px;font-size:17px;}
.fms ul li a{color:#8e8e8e;}
.fms ul li a:before{content:"-";color:#8e8e8e;margin-right:10px;}
.fms ul li a:hover {color:#940914}

.fms2 {float:left;width:20%;}
.fms2 strong{float:left;width:100%;font-size:18px;color:#fff;line-height:.3rem;margin-bottom:20px;padding-left:48px;}
.fms2 .add {float:left;width:100%;}
.fms2 .add img{float:left;margin-right:20px;margin-top:5px;}
.fms2 .add p {float:left;width:60%;font-size:17px;color:#8e8e8e;line-height:37px;}
.fms2 .tel {float:left;width:100%;}
.fms2 .tel img{float:left;margin-right:20px;margin-top:5px;}
.fms2 .tel p {float:left;width:80%;font-size:18px;color:#de0012;line-height:37px;font-weight:bold}

.fms3 {float:left;width:10%;}
.fms3 img{float:right;}

.copy {float:left;width:100%;border-top:1px solid #3f3f40;background:#3a3b3c;text-align:center;padding:20px 0;font-size:17px;color:#8e8e8e}
.copy br {display:none}
.copy a {color:#8e8e8e}

@media (max-width: 767px){
    .fms strong{font-size:14px}
    .foot {padding:30px 0 0}
    .fms {float:left;width:100%;margin-bottom:20px;}
    .fms ul{display:none }
    .fms2 {display:none}
    .fms3 {display:none}
    .copy {padding-bottom:80px;font-size:14px;}
    .copy br {display:block}
}
@media (min-width: 768px) and (max-width: 991px) {
    .foot {float:left;width:100%;background:#191818;padding:1.07rem 0 1.13rem}
    .fms {float:left;width:13%;}
    .fms2 {float:left;width:25%;} 
    .fms strong{font-size:14px;line-height:30px;}
    .fms ul li{line-height:24px;font-size:12px;}
    .fms2 strong{font-size:14px;line-height:24px;padding-left:48px;}
    .fms2 .add p {float:left;width:70%;font-size:12px;color:#8e8e8e;line-height:30px;}
    .fms2 .tel p {float:left;width:80%;font-size:12px;color:#de0012;line-height:30px;font-weight:bold}
    .copy {font-size:15px;} 
}
@media (min-width: 992px) and (max-width: 1199px) {
    .foot {float:left;width:100%;background:#191818;padding:1.27rem 0 1.53rem}
    .fms {float:left;width:13%;}
    .fms2 {float:left;width:25%;} 
    .fms strong{font-size:16px;line-height:30px;}
    .fms ul li{line-height:24px;font-size:14px;}
    .fms2 strong{font-size:16px;line-height:24px;padding-left:48px;}
    .fms2 .add p {float:left;width:70%;font-size:14px;color:#8e8e8e;line-height:30px;}
    .fms2 .tel p {float:left;width:80%;font-size:14px;color:#de0012;line-height:30px;font-weight:bold}
    .copy {font-size:15px;}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .fms {float:left;width:13%;}
    .fms2 {float:left;width:25%;}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .fms {float:left;width:13%;}
    .fms2 {float:left;width:25%;}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    .fms {float:left;width:13%;}
    .fms2 {float:left;width:25%;}
}




.mobMenu{ position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 99; background: #f1f1f1; /*border-top: 2px solid #e5e5e5;*/}
.mobMenu>.foot_nav{width:25%;float:left;text-align:center;color:#898989;font-size:14px; margin: 5px auto;}
.mobMenu>.foot_nav>a>i.iconfont{display:block;padding:3px 0 0 0;font-size:18px;line-height:24px;color:#999}
.mobMenu>.foot_nav>a>.hamburger{position:inherit;float:none;margin:0 auto;width:100%;color:#999}



.nBanner {float:left;width:100%;height:553px}
@media (max-width: 767px){
    .nBanner {float:left;width:100%;height:300px;margin-top:60px;}
}
@media (max-width: 767px){
    .nBanner {float:left;width:100%;height:130px;margin-top:60px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .nBanner {float:left;width:100%;height:280px}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .nBanner {float:left;width:100%;height:300px}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .nBanner {float:left;width:100%;height:350px}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .nBanner {float:left;width:100%;height:400px}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    .nBanner {float:left;width:100%;height:453px}
} 


.iframe {float:left;width:100%;margin:.95rem 0}
.iframe .container {margin:0 12%;}
.iframe .left {float:left;width:280px}
.iframe .left .lbt{float:left;width:100%;height:138px;line-height:138px;background:#0f1f52;color:#fff;font-size:24px;text-align:center;}
.iframe .left .mbt {float:left;width:100%;background:#fff;}
.iframe .left .mbt a{float:left;width:100%;display:block;height:85px;line-height:85px;text-align:center;color:#707070;font-size:22px;background:url(../images/heng.jpg) no-repeat bottom center}
.iframe .left .mbt a:last-child {background:none}
.iframe .left .mbt a:hover {background:#4c9cfe;color:#fff;}
.iframe .left .mbt a.on {background:#4c9cfe;color:#fff;}

.iframe .right {float:right;width:calc(100% - 370px)}
.iframe .right .mt{float:left;width:100%}
.iframe .right .mt .p1{float:left;width:100%;font-size:.42rem;font-family:"TW";color:#0f1f52;text-transform:uppercase;letter-spacing:-2px}
.iframe .right .mt .p2{float:left;width:100%;color:#0f1f52;font-size:28px;line-height:38px;}
.iframe .right .mc {float:left;width:100%;margin-top:40px;line-height:30px;font-size:16px;color:#8c8b8b}

.divPosition {float:left;width:100%;display:none}
.divPosition div{float:left;}

.pcpChild {float:left;width:100%;}
.pcpChild ul{float:left;width:100%;margin:0;padding:0;margin-bottom:10px;display:none}
.pcpChild ul li{float:left;/*margin-right:15px;*/}
.pcpChild ul li a{color:#8c8b8b;float:left;}
.pcpChild ul li:after{margin:0 15px;width:5px;display:block;content:"/";float:right;margin:0 20px;}
.pcpChild ul li a.on{color:#0f1f52}

@media (max-width: 767px){
    .iframe .left {float:left;width:100%}
    .iframe .right {float:right;width:100%}
    .iframe .container {margin:0 15px;}
    .iframe {float:left;width:100%;margin:20px 0}
    .iframe .left .lbt{height:48px;line-height:48px;font-size:16px;}
    .iframe .left .mbt a{height:32px;line-height:32px;font-size:14px;background:none;border-bottom:1px solid #ececec}

    .iframe .right .mt .p1{font-size:24px;margin-top:20px;width:100%;text-align:center}
    .iframe .right .mt .p2{font-size:18px;line-height:24px;width:100%;text-align:center;}
    .iframe .right .mc {margin-top:15px;min-height:150px;font-size:14px;line-height:26px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .iframe {float:left;width:100%;margin:.65rem 0}
    .iframe .left {width:180px}
    .iframe .left .lbt{height:98px;line-height:98px;font-size:18px;}
    .iframe .left .mbt a{height:45px;line-height:45px;font-size:16px;}

    .iframe .right {float:right;width:calc(100% - 210px)}
    .iframe .container {margin:0 5%;}

    .iframe .right .mt .p1{font-size:.42rem;}
    .iframe .right .mt .p2{font-size:22px;line-height:38px;}

    .iframe .right .mc {margin-top:35px;line-height:26px;font-size:14px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .iframe {float:left;width:100%;margin:.75rem 0}
    .iframe .left {width:220px}
    .iframe .left .lbt{height:108px;line-height:108px;font-size:18px;}
    .iframe .left .mbt a{height:55px;line-height:55px;font-size:16px;}

    .iframe .right {float:right;width:calc(100% - 260px)}
    .iframe .container {margin:0 5%;}

    .iframe .right .mt .p1{font-size:.42rem;}
    .iframe .right .mt .p2{font-size:22px;line-height:38px;}

    .iframe .right .mc {margin-top:35px;line-height:26px;font-size:14px;}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .iframe .left {width:240px}
    .iframe .left .lbt{height:118px;line-height:118px;font-size:20px;}
    .iframe .left .mbt a{height:65px;line-height:65px;font-size:18px;}

    .iframe .right {float:right;width:calc(100% - 300px)}
    .iframe .container {margin:0 10%;}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .iframe .left {width:240px}
    .iframe .left .lbt{height:118px;line-height:118px;font-size:20px;}
    .iframe .left .mbt a{height:65px;line-height:65px;font-size:18px;}

    .iframe .right {float:right;width:calc(100% - 300px)}
    .iframe .container {margin:0 10%;}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    .iframe .left {width:260px}
    .iframe .left .lbt{height:128px;line-height:128px;font-size:22px;}
    .iframe .left .mbt a{height:75px;line-height:75px;font-size:20px;}

    .iframe .right {float:right;width:calc(100% - 320px)}
    .iframe .container {margin:0 10%;}
} 



.cerItem{float:left;width:31%;margin-right:3.5%;margin-bottom:35px;}
.cerItem:nth-child(3n){margin-right:0px;}
@media (max-width: 767px){
    .cerItem{float:left;width:48%;margin-right:4%;margin-bottom:20px;}
    .cerItem:nth-child(3n){margin-right:4%}
    .cerItem:nth-child(2n){margin-right:0px;}
}

.downItem {float:left;width:100%;margin-bottom:8px;}
.downItem a{float:left;width:100%;height:70px;line-height:70px;padding:0 32px;display:block;background:#fff;}
.downItem a span{float:left;color:#000;font-size:20px;}
.downItem a img{float:right;margin-top:25px;}

@media (max-width: 767px){
    .downItem a{height:60px;line-height:60px;}
    .downItem a span{float:left;color:#000;font-size:16px;}
    .downItem a img{float:right;margin-top:20px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .downItem a{height:60px;line-height:60px;}
    .downItem a span{float:left;color:#000;font-size:18px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .downItem a{height:60px;line-height:60px;}
    .downItem a span{float:left;color:#000;font-size:18px;}
}

.newsList {float:left;width:100%;padding-bottom:.3rem;}

.newsList .item .content .h1{font-size: .18rem;color: #333;font-weight: bold;transition: all .3s;margin-bottom: .2rem;line-height:.24rem}
.newsList .item .content .h2{font-size:.14rem;color: #666;line-height: 1.857;transition: all .3s;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.newsList .item .time{padding:0 2.3vw;text-align: center;}
.newsList .item .time .h1{font-size:.4rem;font-weight: bold;color: #333;transition: all .3s;}
.newsList .item .time .h2{font-size: .14rem;color:#333;margin-top: .05rem;transition: all .3s;}
.newsList .item{display: flex;align-items: center;height: 2.06rem;background: #f7f7f7;padding-right: 3vw;transition: all .3s;}
.newsList .col-sm-6{padding: .2rem}
.newsList .row{margin: 0 -.2rem}
.newsList{padding-bottom:.2rem}

@media(max-width: 767px){
	.newsList .col-sm-6{padding:.15rem .2rem}
	.newsList .item .time{padding: 0 5vw}
	.newsList .item .content .h1{font-size: 14px}
	.newsList .item .content .h2{font-size: 12px}
	.newsList .item .time .h2{font-size: 12px}
	.newsList .item{padding-right: 5vw}
	.newsList{padding: .2rem 0 .6rem}
}
@media (min-width: 1000px){
	.newsList .item:hover{background-color: rgb(76, 156, 254);box-shadow: 0px .1rem .4rem 0px rgba(35, 67, 140, 0.3);transform: translateY(-5px);}
	.newsList .item:hover .h1{color: #fff}
	.newsList .item:hover .h2{color: #fff}
}

.news2con{padding: .45rem 0 1rem;background: #fbfbfb}
.news2box{background: #fff;box-shadow: 0.349px 9.994px .3rem 0px rgba(179, 179, 179, 0.15);}
.news2box{padding:3.5vw 9vw 4.5vw}
.news2box .contentbox{padding: .3rem 0;line-height:.4rem;font-size:15px;font-family:"Microsoft YaHei", "PingFangSC Regular","SourceHanSansCN-Normal","HELVETI1ca Neue","Arial","Tohoma";font-weight:normal;min-height:300px;}
.news2box .contentbox img{display:inline-block;}
.news2box .contentbox strong{font-weight:bold;}
.news2top .h1{font-size: .34rem;color: #2f2f2f;margin-bottom: .25rem}
.news2top{text-align: center;padding-bottom: .5rem;border-bottom: .02rem solid #cccccc}
.news2top .h2{font-size:14px;color: #2f2f2f}
.news2bottom .item{float: left;width: 50%;text-align: center;font-size: 0;background: #f8f8f8;line-height: .7rem;transition: all .3s ease-in-out}
.news2bottom .item span{display: inline-block;vertical-align: middle;font-size:14px;color: #333;transition: all .3s ease-in-out;margin: 0 .15rem}
.news2bottom .item .txt{max-width: 65%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
@media (min-width: 1000px){
  .news1tab .item:hover{background: #4c9cfe;color: #fff}
  .news2bottom .item:hover{background: #4c9cfe}
  .news2bottom .item:hover span{color: #fff}
  .news1tab2 .item:hover{background: #4c9cfe;color: #fff}
}

@media (max-width: 1000px){
  .news2top .h2{font-size:12px;color: #2f2f2f}
  .news2bottom .item{float: left;width: 100%;}
  .news2bottom .item span {font-size:12px;}
  .news2con{padding: .45rem 0 .5rem;background: #fbfbfb}
  .news2box{padding:3.5vw 6vw 4.5vw}
}



/*产品栏目*/
.pro_list_box {float:left;width:100%;}
@media only screen and (max-width:768px ) {
    .pro_list_box .col-sm-3 {padding-right:5px;padding-left:5px;}
}


.probox2 .row{margin: -.1rem;}
.probox2 .col-sm-4{padding: .1rem}
.probox2 .item{padding:.05rem;display: block;background: rgba(0,0,0,.2);transition: all .3s ease;padding-bottom: .05rem;margin-bottom:10px;}
.probox2 .item .imgbox{position: relative;}
.probox2 .item .imgbox .img1{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-width: 95%;max-height: 95%;transition: all .3s ease}
.probox2 .item .imgbox .img2{width: .38rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;opacity: 0;transition: all .3s ease}
.probox2 .item .h1{transition: all .3s;font-size: .15rem;color: #fff;font-weight: bold;/*white-space: nowrap;*/  text-overflow: ellipsis;margin-bottom: .1rem;}
.probox2 .item p{transition: all .3s;font-size: 12px;color: #333;line-height: 2}
.probox2 .item .content{padding: .2rem 0 0 0;transition: all .3s ease;position: relative;height:55px}
.probox2 .item .content:before{content:"";height: 1px;background: #e0e0e0;position: absolute;top: 0;left: 0;right: 0;transition: all .3s ease}

@media (min-width: 1000px){

    .probox2 .item:hover .img1{transform:scale(1.05)}
	.probox2 .item:hover{background: rgba(76, 156, 254,.5);}
	.probox2 .item:hover .content{background:rgba(0,0,0,.2);transform: translateY(-5px);padding:.15rem .1rem 0;}
    .probox2 .item:hover .img2{opacity: 1;}
    .probox2 .item:hover .content:before{opacity: 0;}
    .probox2 .item:hover .h1{color: #fff}
    .probox2 .item:hover p{color: #fff}

}
@media (max-width: 1000px){
	.probox2 .item .content{height:50px}
}
@media (max-width: 767px){
	.probox2 .col-sm-4{padding: 5px}
	.probox2 .item .h1{font-size: 13px}
	.probox2 .row{margin: -5px}
	.probox2 .item .content{height:50px}
	.probox2 .item p{line-height: 1.6}
}



.prodetails{background: #f4f5f6;}
.prodetails .nav{padding: .42rem 0;}
.prodetails .nav .left a{color:#999;transition: all .3s}
.prodetails .nav .left a.on{color:rgb(53, 53, 53)}
.prodetails .nav .left span{color: #4c9cfe;font-size: .18rem;}
.prodetails .nav .right img{display: inline-block;margin-right: 5px;height: .18rem}
.prodetails .nav .right span{font-size: .18rem;color: rgb(102, 102, 102);display: inline-block;vertical-align: middle;transition: all .3s}

.pro-title{font-size: .3rem;color: rgb(1, 51, 51);padding-left: .3rem;position: relative;}
.pro-title:before{content: "";width: .07rem;height: .3rem;position: absolute;left: 0;top: 50%;margin-top: -.15rem;background: #4c9cfe}

.prodetails .one{background: #fff;margin-bottom: .2rem;padding: .5rem 0}
.prodetails .one .btn-box a{font-size: .24rem;color: #fff;display: inline-block;width: 2.5rem;line-height: .6rem;text-align: center;border-radius: 30px;cursor:pointer;transition:all .3s}
.prodetails .one .btn-box .btn2{background: #4c9cfe;margin-right: .16rem}
.prodetails .one .btn-box .btn3{background: #4c9cfe}
.prodetails .one .btn-box{font-size: 0;text-align: center;margin-top: .4rem}
.prodetails .one .name{font-size: .36rem;color: rgb(51, 51, 51);text-align: center;margin-top: .5rem}
.prodetails .one .swiper{display: flex;align-items: center;position: relative;}
.prodetails .one .swiper-container{width: 50%;padding-bottom: .4rem}
.prodetails .one .swiperbtn{width: 25%;}
.prodetails .one .btn1{width: .9rem;height: .9rem;position: relative;background: #f4f5f6;border-radius: 50%;margin: 0 auto;cursor: pointer;margin-top: -.4rem;user-select:none;}
.prodetails .one .btn1 img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: .28rem}
.prodetails .one .swiper-pagination-bullet{width: .3rem;height:4px;opacity: 1;border-radius: 0;background: #eeeff0;margin: 0 3px;}
.prodetails .one .swiper-pagination-bullet-active{background: #4c9cfe}
.prodetails .one .swiper-pagination{bottom: 0}
.prodetails .one .btn1 img{opacity: 0.3;transition:all .25s;}
.prodetails .one .ask1{height: 3rem;background:rgba(247, 180, 38,0.929);position: absolute;z-index: 10;top: 50%;margin-top: -1.7rem;width: 32vw;left: 50%;margin-left: -16vw;}
.prodetails .one .ask1{padding: 0 2.5vw;z-index: 20;display: none;}
.prodetails .one .ask1 .col{float: left;width: 50%;padding: 0 .1rem}
.prodetails .one .ask1 .row{margin: 0 -.1rem}
.prodetails .one .ask1 .input{border-bottom: 1px solid #fff;position: relative;margin-top: .2rem}
.prodetails .one .ask1 .input input{width: 100%;color: #fff;font-size: .16rem;height: .32rem;background: transparent;padding: 0 5px}
.prodetails .one .ask1 .input input::-webkit-input-placeholder{color:#fff;}
.prodetails .one .ask1 .input:before{content:"";height: .05rem;width: 1px;background: #fff;position: absolute;left: 0;bottom: 0}
.prodetails .one .ask1 .input:after{content:"";height: .05rem;width: 1px;background: #fff;position: absolute;right: 0;bottom: 0}
.prodetails .one .ask1 h1{font-size: .3rem;color: #fff;text-align: center;}
.prodetails .one .ask1 .submit{background: none;padding: 0;display: block;margin: .28rem auto 0}
.prodetails .one .ask2{height: 3rem;background:rgba(247, 180, 38,0.929);position: absolute;z-index: 10;top: 50%;margin-top: -1.7rem;width: 32vw;left: 50%;margin-left: -16vw;}
.prodetails .one .ask2{padding: 0 6vw;display: none;z-index: 20}
.prodetails .one .ask2 img{margin: 0 auto;width: .69rem}
.prodetails .one .ask2 p{font-size: .16rem;color: #fff;line-height: 1.316;margin-top: .35rem}


.prodetails .two{background: #fff;margin-bottom: .2rem;padding: .35rem 0 .5rem}
.prodetails .two .item{font-size: .18rem;color: rgb(102, 102, 102);line-height: 2.667;float: left;width: 50%}
.prodetails .two .item .title{min-width:1.25rem;padding-right: .25rem}
.prodetails .two .item span{display: inline-block;}
.prodetails .two .item:nth-child(2n+1){padding-left: 4vw}
.prodetails .two .clearfix{margin-top: .35rem}
.prodetails .three{padding: .35rem 0;background: #fff;margin-bottom: .2rem;padding-right: .4rem}
.prodetails .three .right span{font-size: .24rem;color: rgb(102, 102, 102);display: inline-block;vertical-align: middle;}
.prodetails .three .right img{display: inline-block;margin-right:5px;width: .48rem}

.prodetails .four{padding-top: .4rem;background: #fff;padding-bottom: .32rem}
.prodetails .four .imgbox{overflow: hidden;padding:30px;line-height:30px;font-size:15px;}

@media (min-width: 1000px){
   .prodetails .one .btn-box a:hover{transform:translateY(-5px)}
   .prodetails .one .btn1:hover img{opacity:1}
   .prodetails .one .prev .btn1:hover img{transform:translateX(-5px)}
   .prodetails .one .next .btn1:hover img{transform:translateX(5px)}

}
@media (max-width: 767px){
    .prodetails .four .imgbox{padding:0px;}
    .prodetails .four .imgbox{margin:15px;}

	.prodetails .one .btn-box a{width: 40%}
	.prodetails .two .item{width: 100%;padding: 0 15px;font-size: 14px;}
	.prodetails .two .item span{display: inline;}
	.prodetails .one .swiper-container{flex: 1;margin: 0 15px}
	.prodetails .one .name{font-size: 18px;}
	.prodetails .one .swiperbtn{position: absolute;z-index: 10;    width: auto;padding: 0 15px;}
	.prodetails .one .prev{left: 0;}
	.prodetails .one .next{right: 0;}
	.prodetails .one .btn1{background: rgba(255,255,255,.1)}
	.prodetails .one .ask1 .input input{font-size: 14px;}
	.prodetails .one .ask1 .col{width: 100%}

	.prodetails .one .ask1{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}
	.prodetails .one .ask2{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}

}

@media (min-width: 1000px){
.prodetails .one .btn-box a:hover{transform:translateY(-5px)}
.platform2 .two .next:hover img{transform:translateX(8px)}
.platform2 .two .prev:hover img{transform:translateX(-8px)}
.platform .four .next:hover img{transform:translateX(8px)}
.platform .four .prev:hover img{transform:translateX(-8px)}
.prodetails .one .btn1:hover img{opacity:1}
   .prodetails .one .prev .btn1:hover img{transform:translateX(-5px)}
   .prodetails .one .next .btn1:hover img{transform:translateX(5px)}

}
@media (max-width: 767px){
    .prodetails .four .imgbox{padding:0px;}
.prodetails .four .imgbox{margin:15px;}
    .pro-menu .item{width:1.2rem}
	.pro-menu .item p{font-size:5px;}

	.search-box .right{padding: 0 10px}
	.search-box .right span{font-size: 14px;}
	.search-box input{font-size: 14px;}
	.prodetails .one .btn-box a{width: 40%}
	.prodetails .two .item{width: 100%;padding: 0 15px;font-size: 14px;}
	.prodetails .two .item span{display: inline;}
	.prodetails .one .swiper-container{flex: 1;margin: 0 15px}
	.prodetails .one .name{font-size: 18px;}
	.prodetails .one .swiperbtn{position: absolute;z-index: 10;    width: auto;padding: 0 15px;}
	.prodetails .one .prev{left: 0;}
	.prodetails .one .next{right: 0;}
	.prodetails .one .btn1{background: rgba(255,255,255,.1)}
	.prodetails .one .ask1 .input input{font-size: 14px;}
	.prodetails .one .ask1 .col{width: 100%}
	.pro-menu{display: none;}
	.prodetails .one .ask1{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}
	.prodetails .one .ask2{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}
}
.text-content table{border-collapse:collapse; border:0px none; border-top:1px solid #464646 !important; border-left:1px solid #464646 !important; border-spacing:0; table-layout:fixed;}
.text-content table tr{height:auto !important;}
.text-content table td{width:100% !important; height:auto !important; border:0px none !important; line-height:1.5; padding:5px !important; text-align:center; border-right:1px solid #464646 !important; border-bottom:1px solid #464646 !important; font-size:14px;}
.text-content table td p{display:block; margin:0;}
.text-content table td span{display:inline-block; margin:0;}
.text-content table tr{transition:all .2s;}
.text-content table tr:hover{background:#e7f1fc;}
.text-content .con {float:left;width:100%;overflow-x:scroll}
@media (min-width: 767px){
    .text-content table{width:100% !important; }
    .text-content .con {float:left;width:100%;overflow-x:hidden;}
}

#fh5co-contact {margin-top:10px;float:left; width:100%;margin-top:.3rem}
#fh5co-contact p{ font-size:16px; line-height:30px;}
#fh5co-contact .contact-info {margin: 0;padding: 0;margin-top:20px;float:left;}
#fh5co-contact .contact-info li {list-style: none;margin: 0 0 15px 0;position: relative;width:100%;float:left;}
#fh5co-contact .contact-info li span {width:62px;display:block;float:left;}
#fh5co-contact .contact-info li div {float:left;}
#fh5co-contact .contact-info li a {font-weight: 400 !important;}
#fh5co-contact .form-control {-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;border: none;border: 1px solid rgba(0, 0, 0, 0.1);font-size: 14px;font-weight: 400;-webkit-border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius: 0px;border-radius: 0px;}
#fh5co-contact .form-control:focus, #fh5co-contact .form-control:active {border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
#fh5co-contact input[type="text"] {height: 50px;}
#fh5co-contact .form-group {margin-bottom: 20px;}

.since {float:left;width:100%;font-weight:bold;color:#0f1f52;margin-top:.3rem;font-size:.5rem}

.DevList {float:left;width:23.5%;background:#fff;margin-right:2%;margin-bottom:20px;}
.DevList:nth-child(4n) {margin-right:0px;}
.DevList a{float:left;width:100%;display:block;color:#666}
.DevList .dvTit{float:left;width:100%;background:#4c87e9;padding:10px 15px;color:#fff;font-weight:bold}
.DevList .dvCon{float:left;width:100%;padding:15px;}
.DevList .dvCon strong{float:left;width:100%;font-size:16px;margin-bottom:10px;}
.DevList .dvCon p{float:left;width:100%;font-size:14px;line-height:20px;height:120px;overflow:hidden}
.DevList .dvCon img{float:left;width:100%;}

@media (max-width: 767px){
    .DevList {float:left;width:100%;background:#fff;margin-right:0%;}
    .DevList:nth-child(4n) {margin-right:0%;}
    .DevList:nth-child(2n) {margin-right:0%;}
}
@media (min-width: 768px) and (max-width: 991px){
    .DevList {float:left;width:48%;background:#fff;margin-right:4%;}
    .DevList:nth-child(4n) {margin-right:0%;}
    .DevList:nth-child(2n) {margin-right:0%;}   
}
@media (min-width: 992px) and (max-width: 1199px) {
    .DevList {float:left;width:48%;background:#fff;margin-right:4%;}
    .DevList:nth-child(4n) {margin-right:0%;}
    .DevList:nth-child(2n) {margin-right:0%;}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .DevList {float:left;width:32%;background:#fff;margin-right:2%;}
    .DevList:nth-child(4n) {margin-right:2%;}
    .DevList:nth-child(3n) {margin-right:0%;}   
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .DevList {float:left;width:32%;background:#fff;margin-right:2%;}
    .DevList:nth-child(4n) {margin-right:2%;}
    .DevList:nth-child(3n) {margin-right:0%;}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    
}


.pcp {float:left;width:32%;margin-right:2%;margin-bottom:.2rem}
.pcp:nth-child(3n) {margin-right:0;}
.pcp a{float:left;width:100%;display:block;}
.pcp a img{float:left;width:100%;display:block;}
.pcp a p{float:left;width:100%;height:.7rem;line-height:.7rem;overflow:hidden;background:#a9bcd0;color:#fff;text-align:center}

@media (max-width: 767px){
    .pcp {float:left;width:48.5%;margin-right:3%;}
    .pcp:nth-child(3n) {margin-right:3%;}
    .pcp:nth-child(2n) {margin-right:0;}
}