﻿body{ font:12px/1.5 arial,simsun,sans-serif; margin:0 auto; padding:0; background:#000; overflow-x:hidden; color:#fff;}

/*链接整体设置*/
a{ text-decoration:none; color:#fff; transition:all .15s;}
a:hover{ color:#fd288d;}
a:active{ color:#fff;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
div:focus,*:focus,a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:rgba(255,255,255,.1);}
input::-moz-placeholder,textarea::-moz-placeholder{ color:rgba(255,255,255,.1);}
input:-moz-placeholder,textarea:-moz-placeholder{ color:rgba(255,255,255,.1);}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:rgba(255,255,255,.1);}
input[type=button],input[type=submit],input[type=file],button,select{ -webkit-appearance:none;}

/*公用样式*/
div,table,tr,td,img,ul,li,ol,h1,h2,h3,h4,h5,h6,p,em,i,font,span,b,dl,dt,dd,form,textarea,input,select,a{ margin:0; padding:0; font-style:normal; font-family:"arial"; box-sizing:border-box;}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:500;}
img{ border:none; -ms-interpolation-mode:bicubic; -o-object-fit:cover; object-fit:cover;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.w{ max-width:1200px; width:90%; margin:0 auto; max-height:999999px;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.comflex3{ display:flex;  align-items:center;}
.comflex4{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between;}
.comflex5{ display:flex; flex-wrap:wrap; justify-content:center;}
.pic{ position:relative; width:100%; overflow:hidden; transition:all .6s; display:block;}
.dfimg{ display:block; width:100%;}
.pic_w{ position:absolute; left:0; right:0; top:0; bottom:0;}
.pic_w a{ display:block;}

/*header*********************************************************************/
.head{ position:relative; height:0; transition:all linear .2s; z-index:101;}
.head-fixed{ width:100%; height:164px; position:fixed; top:0; left:0; right:0; z-index:100; transition:all linear .2s;}
.head-fixed .w{ position:relative; z-index:55;}
.logo{ width:240px;}
.logo img{ height:86px;}
.nav{ width:60.42%; position:relative; padding:80px 0 44px 0;}
.nav .plebans{ font-size:20px; line-height:30px; position:relative;}
.nav .plebans a{ display:inline; transition:all .5s;}
.nav ul{
    justify-content:flex-start!important;
}
.nav li{ position:relative;
    margin-left: 10px;
}
.nav li em{ display:none;}
.nav li .jd{ display:none; margin:0 0 0 7px; position:relative; top:-2px; width:9px; height:5px;}
.nav_bg{ display:none;}
.nav li.hover .plebans a,.nav li.cur .plebans a{ color:#fd288d; font-weight:bold;}
.goutp{ display:none; position:absolute; top:100%; left:50%; width:100px; margin-left:-50px; border-radius:0 0 5px 5px; z-index:10; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.1); text-align:center;}
.goutp p{ font-size:14px; line-height:2.6;}
.goutp p a{ display:block; color:#333;}
.goutp p a:hover{ color:rgba(0,0,0,.8); background:rgba(0,0,0,.05);}
.lag{ position:absolute; top:49px; right:0;}
.lag a{ margin-right:14px;}
.lag a:last-child{ margin-right:0;}
.lag a img{ display:block; height:16px;}
.head_on .head-fixed{ background:url(../images/nyban.jpg) #000 center top no-repeat;}

.i_body .head{ height:164px;}
.i_body .head_on .head-fixed{ background:#000;}

.sanh{ width:50px; padding:10px; position:absolute; right:-10px; top:50%; margin-top:-37.5px; display:none; z-index:56;}
.sanh>div{ height:5px; margin:10px 0px; width:100%; transition:transform 0.5s,opacity 0.5s;}
.sanh>div{ background-color:#fd288d;}
.tesd>div{ background-color:#fff!important;}
.tesd>div:nth-child(1){ transform:translate3d(0px,15px,0px) rotate(45deg);}
.tesd>div:nth-child(2){ opacity:0;}
.tesd>div:nth-child(3){ transform:translate3d(0px,-15px,0px) rotate(-45deg);}

.banner{ width:100%; overflow:hidden; background:url(../images/banner.jpg) #000 center bottom no-repeat; height:620px; text-align:center;}
.banner .w{ padding-top:11px;}
.banner img{ display:block; margin:0 auto; height:169px;}
.banner a{ display:inline-block; border:2px solid #fff; border-radius:8px; padding:0 45px 0 48px; margin-top:35px;}
.banner a em{ font-size:24px; line-height:2.791666666666667; padding-right:37px; display:inline-block; background:url(../images/point1.png) right center no-repeat;}
.banner a:hover{ border-color:#fd288d}
.banner a:hover em,.banner a:hover{ color:#fff;}

.ny{ background:url(../images/nyban.jpg) #000 center top no-repeat; height:552px; padding-top:174px;}
.ny img{ height:136px;}

.titc{ text-align:center; font-weight:bold; font-size:55px; color:#f62789; line-height:1.236363636363636;}


.con1_1 { background: url(../images/bg_2.png); width: 100%; overflow: hidden; padding: 70px 0; background-position: center top; background-repeat: no-repeat; background-size: 100% auto; }
.video { float: left; position: relative; width: 75%; margin-top: 30px; }
.video img { display: block; width: 100%; }
.video span { position: absolute; left: 50%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
#media { width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: none; }
.videllist { float: right; position: relative; width: calc(25% - 20px); margin-top: 30px; }
.videllist li { margin-bottom: 10px; position: relative; }
.videllist li::after { content: ''; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.videllist li img { display: block; width: 100%; }
.videllist li:nth-last-child(1) { margin-bottom: 0; }
.videllist li.on::after { display: none; }


.con1{ background:url(../images/bg1.jpg) center bottom no-repeat; width:100%; overflow:hidden; padding:70px 0;}
.con1_c{ margin-top:24px;}
.con1_c .hd{ width:240px; padding-top:15px;}
.con1_c .hd ul li{ 
    border:2px solid #fff; 
    border-right:none; cursor:pointer;
     border-radius:1000px 0 0 1000px; 
     font-size:24px; line-height:1.3; 
     padding-left:38px; margin-bottom:19px;
     padding-top: 10px;
     padding-bottom: 10px;
display: flex;}
.con1_c .hd ul li img{ height:42px; margin-right:10px;}
.con1_c .hd ul li:last-child{ margin-bottom:14px;}
.con1_c .hd ul li.on{ border-color:#f62789; background:#f62789;}
.con1_c .bd{ width:calc(100% - 240px); border:2px solid #fff; border-radius:8px; background:url(../images/bg1_1.png) right center no-repeat; padding:32px 36.25% 32px 3.5%;}
.con1_c .bd .txt{ font-size:24px; line-height:2.083333333333333;}

.con2{ background:url(../images/bg2.jpg) center bottom no-repeat; width:100%; overflow:hidden; padding:95px 0;}
.con2_txt{ font-size:20px; line-height:2; text-align:center; padding:30px 16%;}
.con2_1{ background:#0d031e; padding:60px 0; overflow:hidden;}
.con2_1_c{ position:relative; margin:55px 0 30px 0;}
.con2_1_c ul li em{ display:block; color:#fff; font-size:28px; text-align:center; margin-top:20px;}
.con2_1_c .swiper-button-prev{ left:-70px;}
.con2_1_c .swiper-button-next{ right:-70px;}
.con2_1_c .swiper-button-prev:after,.con2_1_c .swiper-button-next:after{ color:#fff;}

.con3{ background:url(../images/bg3.jpg) center bottom no-repeat; width:100%; overflow:hidden; padding:60px 0;}
.con3_c{ position:relative; margin:60px 0;}
.con3_c .swiper-button-prev{ left:-60px;}
.con3_c .swiper-button-next{ right:-60px;}
.con3_c .swiper-button-prev:after,.con3_c .swiper-button-next:after{ color:#fff; font-size:40px;}
.con3_c ul li{ border:2px solid #fff; border-radius:8px; padding:32px 3% 115px 36px;}
.con3_c ul li em{ display:block; color:#fff; font-weight:bold; line-height:1.236842105263158; margin-bottom:10px; font-size:38px;}
.con3_c ul li .txt{ font-size:16px; line-height:1.625; min-height:156px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;}
.con3_c ul li a.more{ border:2px solid #fff; border-radius:1000px; display:inline-block; padding:17px 55px; position:absolute; left:36px; bottom:38px;}
.con3_c ul li a.more img{ height:20px; display:block; margin:0 auto;}
.con3_c ul li a.more:hover{ border-color:#f62789;}

.com_w{ background:#090018; overflow:hidden; padding:70px 0 50px 0;}
.com_w .titc{ padding-bottom:32px; text-align:left;}
.ab_com{ padding-bottom:20px;}
.ab_com .pic{ width:44.16666666666667%; position:relative; margin:8px 0; overflow:inherit;}
.ab_com .pic:after{ content:""; display:block; position:absolute; bottom:60px; top:60px; width:50px; background:rgba(59,59,59,.5); font-size:0; overflow:hidden;}
.ab_con1 .pic:after{ right:-50px;}
.ab_com .pic img{ display:block; width:100%;}
.ab_com .txt{ width:47.08333333333333%;}
.ab_com .clear{ width:100%;}
.ab_com .ab_tit{ font-weight:bold; font-size:40px; margin-bottom:14px; line-height:1.4;}
.ab_com .txtc{ font-size:18px; line-height:1.888888888888889;}

.ab_con2{ background:url(../images/abg2.jpg) center bottom no-repeat; width:100%; overflow:hidden; padding:50px 0 38px 0;}
.ab_con2 .pic:after{ left:-50px;}

.bus_1{ padding:17px 0 7px 0;}
.bus_1_t1{ line-height:72px;}
.bus_1_t1 i{ width:72px; height:72px; background:#e0237d; border-radius:50%; margin-right:18px;}
.bus_1_t1 i img{ max-height:100%; max-width:100%;}
.bus_1_t1 em{ font-size:58px; color:#fff; font-weight:bold;}
.bus_1 .txt{ overflow: hidden;font-size:30px; line-height:1.733333333333333; padding:30px 0;}
.bus_2{ border-top:1px solid rgba(255,255,255,.1); width:100%; overflow:hidden; padding:60px 0 0 0;}
.bus_2 ul{ width:104.15%;}
.bus_2 ul li{ margin:0 4.15% 0 0; width:29.18333333333333%;}
.bus_2_t1{ line-height:42px;}
.bus_2_t1 i{ width:42px; height:42px; background:#e0237d; border-radius:50%; margin-right:15px;}
.bus_2_t1 i img{ max-height:100%; max-width:100%;}
.bus_2_t1 em{ font-size:40px; color:#fff; font-weight:bold;}
.bus_2 .txt{ font-size:18px; line-height:2.222222222222222; padding:16px 0 0 0;}

.pj_tab_c{ position:relative;}
.pj_tab_c:after{ content:""; display:block; position:absolute; left:0; right:0; top:50%; margin-top:-.5px; height:1px; background:rgba(255,255,255,.2); font-size:0; overflow:hidden;}
.pj_tab{ width:66.66666666666667%; margin:0 auto;}
.pj_tab .swiper-slide{ border-radius:50%; overflow:hidden; border:5px solid rgba(255,255,255,.33);}
.pj_tab .swiper-slide em{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; font-size:28px; font-weight:bold; position:absolute; left:0; right:0; bottom:0; top:0; color:#333; text-align:center; background:#fff; border-radius:50%;}
.pj_tab .swiper-slide.swiper-slide-thumb-active em{ background:#fd288d; color:#fff;}
.pj_bot{ margin-bottom:-30px;}
.pj_infor{ padding:50px 0 45px 0;}
.pj_infor .pic{ width:25%;}
.pj_infor .txt{ width:67.5%; padding:20px 2% 0 0;}
.pj_infor .txt h3{ font-size:38px; font-weight:bold; margin-bottom:35px; position:relative; padding-left:24px; line-height:1;}
.pj_infor .txt h3:before{ content:""; display:block; position:absolute; left:0; top:2px; bottom:2px; width:7px; background:#fff; font-size:0; overflow:hidden;}
.pj_infor .txtc{ font-size:20px; line-height:2.1;}
.pj_pic_list{ width:101.666666666666667%;}
.pj_pic_list li{ margin:1.666666666666667% 1.666666666666667% 0 0; width:23.33333333333333%;}
.pj_pic_list li a{ display:block;}
.pj_pic_list li img{ display:block; width:100%;}

.honer_list{ width:101.666666666666667%;}
.honer_list li{ margin:0 1.666666666666667% 1.666666666666667% 0; width:23.33333333333333%; position:relative;}
.honer_list li.li1{ width:48.33333333333333%;}
.honer_list li a{ display:block;}
.honer_list li p{ position:absolute; left:0; bottom:0; right:0; color:#fff; font-size:24px; padding:19px 35px; background:rgba(253,40,141,.2);}
.honer_list li p em{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}

.contact{ padding:0 0 65px 0; margin-top:-5px;}
.contact .txt{ width:50%;}
.contact .txt h3{ font-weight:bold; font-size:38px;}
.contact .txt_ck{ padding-top:12px;}
.contact .txt_ck li{ font-size:20px; padding:10px 0 10px 32px; position:relative;}
.contact .txt_ck li:before{ content:""; display:block; position:absolute; left:0; top:50%; margin-top:-8px; border-radius:50%; width:14px; height:14px; border:1px solid #fff; font-size:0; overflow:hidden;}
.contact .txt_ck li.cur:before{ border-color:#fd288d;}
.contact .txt_ck li.cur:after{ content:""; display:block; position:absolute; left:6px; top:50%; margin-top:-2px; border-radius:50%; width:4px; height:4px; background:#fd288d; font-size:0; overflow:hidden;}
.contact .form{ width:44.58333333333333%;}
.contact .form ul li{ padding-bottom:6px;}
.contact .form ul li em{ display:block; font-size:22px; line-height:2.727272727272727;}
.f_intxt{ border:none; border-bottom:1px solid rgba(255,255,255,.1); font-size:16px; line-height:2.8125; background:none; color:#fff; width:100%;}
.f_inbut{ display:block; width:38.31775700934579%; min-width:200px; color:#fff; background:#fd288d; font-size:20px; border:none; cursor:pointer; text-align:center; border-radius:4px; line-height:3; margin-top:28px;}

.c_infor{ padding:70px 0 15px 0; border-top:1px solid rgba(255,255,255,.1);}
.c_infor li{ width:33.333333333%; position:relative; text-align:center; padding:12px 4%;}
.c_infor li:before{ content:""; display:block; position:absolute; right:0; top:0; bottom:0; width:1px; background:rgba(255,255,255,.1); font-size:0; overflow:hidden;}
.c_infor li:last-child:before{ display:none;}
.c_infor li i{ display:block; margin:0 auto; width:70px; background:rgba(255,255,255,.1); border-radius:50%;}
.c_infor li i img{ display:block; width:100%;}
.c_infor li em{ display:block; font-weight:bold; font-size:18px; margin:24px 0 10px 0;}
.c_infor li p{ font-size:16px; line-height:1.75; color:rgba(255,255,255,.4);}

.com li img{ display:block; transition:all 0.6s; max-height:100%; max-width:100%; position:relative; left:50%; transform:translateX(-50%) scale(1);}
.com li.hover img{ transform:translateX(-50%) scale(1.05);}

/*foot style*********************************************************************/
.footer{ width:100%; background:url(../images/fbg.jpg) center bottom no-repeat; padding:5px 0 0 0; overflow:hidden;}
.foot1{ border-bottom:1px solid rgba(255,255,255,.1); padding:37px 0; line-height:57px;}
.foot1 .f1_lf{ font-size:18px;}
.foot1 .f1_lf a{ margin-right:50px;}
.foot1 .f1_lf a:last-child{ margin-right:0;}
.foot1 .f1_rt a{ margin-right:30px;}
.foot1 .f1_rt a:last-child{ margin-right:0;}
.adr_list{ border-bottom:1px solid rgba(255,255,255,.1); padding:55px 0 60px 0;}
.adr_list li.li1{ width:22.5%;}
.adr_list li.li2{ width:31.67%;}
.adr_list li.li3{ width:24.17%;}
.adr_list li em{ display:block; font-weight:bold; font-size:18px; margin-bottom:8px;}
.adr_list li p{ font-size:16px; line-height:1.75;}
.footer .f_txt{ padding:64px 0 58px 0;}
.footer .f_txt img{ display:block; margin:0 auto; width:93.08333333333333%;}
.foot{ font-size:18px; line-height:1.888888888888889; padding:40px 0;}
.foot em a{ margin-right:20px;}
.foot em a:last-child{ margin-right:0;}

.videllist{
    float: right;
    position: relative;
    width:calc(25% - 20px);
    margin-top: 30px;

}
.videllist ul{
    height: 490px;
    overflow-y: auto;
    display: block;
}

.videllist li{
    margin-bottom: 10px;
    position: relative;
}
.videllist li::after{
    content: '';
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;right: 0;top: 0;bottom: 0;
}
.videllist li img{
    display: block;width: 100%;
}
.videllist li:nth-last-child(1){
    margin-bottom: 0;
}
.videllist li.on::after{
    display: none;
}

.videllist ul::-webkit-scrollbar {
    width: 8px;
    background: #707070;
    border-radius: 10px;
}

.videllist ul::-webkit-scrollbar-thumb {
    background-color: #dcdcdc;
    border-radius: 10px;
}

#zoom{ z-index:99990; position:fixed; top:0; left:0; display:none; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
#zoom .content{ z-index:99991; position:absolute; top:50%; left:50%; width:200px; height:200px; background:#fff no-repeat 50% 50%; padding:0; margin:-100px 0 0 -100px; box-shadow:-10px 10px 10px rgba(0, 0, 0, 0.3); border-radius:4px;}
#zoom .content.loading{ background-image:url('../images/loading.gif');}
#zoom img{ display:block; max-width:none; background:#ececec; box-shadow:0 1px 3px rgba(0,0,0,0.25); border-radius:4px;}
#zoom .close{ z-index:99993; position:absolute; top:0; right:0; width:49px; height:49px; cursor:pointer; background:transparent url('../images/close4.png') no-repeat 50% 50%; opacity:1; filter:alpha(opacity=100); border-radius:0 0 0 4px;}
#zoom .previous,
#zoom .next{ z-index:99992; position:absolute; top:50%; overflow:hidden; display:block; width:49px; height:49px; margin-top:-25px;}
#zoom .previous{ left:0; background:url('../images/arrows.png') no-repeat 0 0; border-radius:0 4px 4px 0;}
#zoom .next{ right:0; background:url('../images/arrows.png') no-repeat 100% 0; border-radius:4px 0 0 4px;}
#zoom .close:hover,
#zoom .previous:hover,
#zoom .next:hover{ background-color:#fd288d;}
#zoom p{ text-align:center; color:#fff; font-size:16px; position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:99992; line-height:3.25;}


.section{width:100%; max-width:1200px; margin:auto;padding:30px 0}
.section .title{padding:20px 0; text-align:center;font-weight:300;font-weight: bold;    font-size: 55px;    color: #f62789;    line-height: 1.236363636363636;}

.section .entry{ width:100%; padding:30px 10px;}
.bus_1 .txt .img{
    float: left !important;
    width: 380px;
}
.bus_1 .txt .img img{
    display: block;width: 100% !important;
}
.bus_1 .txt .desc{
    float: right;width: calc(100% - 420px);
}
.bus_2 .img{
    width: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;  
  
    margin-top: 10px;
}
.bus_2 .img img{
    width: 100%;
}