*{margin: 0;padding: 0;}
header,footer,nav,div,p,span,b,a,input,textarea,ul,li{font-family: '微软雅黑';margin: 0;padding: 0;}
ul li{list-style: none;}
a{text-decoration: none;color: #000;}
table {border-collapse:collapse;}table,th, td{border: 1px solid #ddd;}
input{outline: none;}
body{min-width: 1200px;position: relative;}

/* ::-webkit-input-placeholder{color: #201f1d;}
::-moz-placeholder{color: #201f1d;}
:-moz-placeholder{color: #201f1d;} */

/*浮动*/
.f_le{float: left;}
.f_ri{float: right;}
/*清除浮动*/
.clearfix:after{content: "";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}

/*定位*/
.p_re{position: relative;}
.p_ab{position: absolute;}

/*弹性盒子*/
.flexbox{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;} /*横向弹性*/
.flexbox_1{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;height: 900px;} /*纵向弹性*/
.flexc{margin: auto auto;}
.flexwarp{flex-wrap: wrap;}  /*弹性盒子换行*/

/* 文字分栏 */
.column{column-width:300px;-moz-column-width:300px; /* Firefox */-webkit-column-width:300px; /* Safari and Chrome */
    column-count:; /* 列数 */
    column-gap:; /* 列间距 */
    column-rule:; /* 分隔线 */
}

/*字体超出隐藏*/
.txthide{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*.txthide_2{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}*/

/*宽度*/
.wrapper{width: 1200px;margin: 0 auto;}



/* -------- 引导页 -------- */

/* 顶部 */
.g-top{width: 100%; min-width: 1200px;box-sizing: border-box;padding: 20px 30px;position: absolute;top: 0;left: 0;right: 0;z-index: 1;}
.g-top .g-logo{display: block;float: left;  animation-name: bounceInLeft;animation-duration: 1.5s;}
.g-top .g-entrance{display: block;width: 160px;height: 45px;border: 1px solid #fff;text-align: center;line-height: 45px;font-size: 24px;color: #fff;float: right;margin-top: 34px; /* animation: mymove 3s ease infinite; */   animation-name: bounceInRight;animation-duration: 1.5s;}
/* .g-top .g-entrance:hover{opacity: 1;animation-play-state:paused;-webkit-animation:mymove 5s;-webkit-animation-play-state:paused;} */

/* @keyframes mymove {
    0% { opacity: 1;}
    50% { opacity: .3;}
    100% { opacity: 1;}
} */



/* one */
.g-one{width: 100%;background: #35bd70;height: 930px;box-sizing: border-box;padding-top: 160px; color: #fff;position: relative; overflow: hidden;}
.g-one .g-t1{text-align: center;font-size: 90px;line-height: 110px;font-weight: bold;  animation-name: fadeInUp;animation-delay: 0.2s;animation-duration: 1.5s;}
.g-one .g-t2{text-align: center;font-size: 60px;line-height: 85px;font-weight: bold;margin-bottom: 15px;  animation-name: fadeInUp;animation-delay: 0.4s;animation-duration: 1.5s;}
.g-one .g-desc{text-align: center;font-size: 20px;line-height: 35px;  animation-name: fadeInUp;animation-delay: 0.6s;animation-duration: 1.5s;}
.g-one .g-pic{display: block;margin: 0 auto;position: absolute;bottom: -22px;left: 0;right: 0;  animation-name: fadeInUp;animation-delay: 0.5s;animation-duration: 1.5s;}



/* two */
.g-two{width: 100%;height: 930px;background: #fff;color: #000;box-sizing: border-box;padding-top: 90px;overflow: hidden;position: relative;}
.g-two .g-t2{text-align: center;font-size: 60px;line-height: 85px;font-weight: bold;margin-bottom: 15px;  animation-name: fadeInUp;animation-delay: 0.2s;animation-duration: 1.5s;}
.g-two .g-pic{display: block;margin: 0 auto;position: absolute;bottom: 0;left: 0;right: 0;  animation-name: fadeInUp;animation-delay: 0.4s;animation-duration: 1.5s;}



/* three */
.g-three{width: 100%;background: #35bd70;height: 930px;box-sizing: border-box;color: #fff;padding-top: 115px;position: relative;overflow: hidden;}
.g-three .wrapper{position: relative;z-index: 1;overflow: hidden;}
.g-three .g-t1{font-size: 80px;font-weight: bold;line-height: 110px;margin-bottom: 10px;  animation-name: fadeInLeft;animation-delay: 0.2s;animation-duration: 1.8s;}
.g-three .g-t2{font-size: 48px;font-weight: bold;line-height: 70px;  animation-name: fadeInLeft;animation-delay: 0.4s;animation-duration: 1.8s;}
.g-three .g-t3{font-size: 36px;line-height: 50px;  animation-name: fadeInLeft;animation-delay: 0.6s;animation-duration: 1.8s;}
.g-three .g-pic{display: block;margin-top: 25px;  animation-name: rollIn;animation-delay: 0.8s;animation-duration: 1.8s;}
.g-three .g-bj1{display: block;position: absolute;right: 0;bottom: 0;z-index: 0;transition: .8s;}

.g-three:hover .g-bj1{-webkit-transform: translateX(100px);-moz-transform: translateX(100px);-ms-transform: translateX(100px);-o-transform: translateX(100px);transform: translateX(100px);}



/* four */
.g-four{width: 100%;background: #fff;padding: 95px 0;}
.g-four .wrapper{overflow: hidden;}

.g-four .g-t1{font-size: 72px;color: #000;font-weight: bold;text-align: center;  animation-name: fadeInUp;animation-delay: 0.2s;animation-duration: 1.8s;}
.g-four .g-t2{font-size: 60px;color: #000;font-weight: bold;text-align: center;  animation-name: fadeInUp;animation-delay: 0.4s;animation-duration: 1.8s;}
.g-four .g-t3{font-size: 48px;color: #000;font-weight: bold;text-align: center;line-height: 65px;  animation-name: fadeInUp;animation-delay: 0.6s;animation-duration: 1.8s;}
.g-four .g-t4{font-size: 36px;color: #000;text-align: center;  animation-name: fadeInUp;animation-delay: 0.8s;animation-duration: 1.8s;}

.g-four ul{width: 1140px;margin: 0 auto;}
.g-four ul li.g-list{float: left;width: 150px;margin: 0 48px 50px 0;position: relative;}
.g-four ul li.g-list:nth-child(6n){margin-right: 0;}
.g-four ul li.g-list .pic{display: block;width: 130px;height: 130px;margin: 0 auto 15px;transition: .5s;}
.g-four ul li.g-list .pic img{display: block;width: 100%;}
.g-four ul li.g-list .tit{display: block;width: 100%;text-align: center;font-size: 20px;color: #000;line-height: 25px;height: 50px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.g-four ul li.g-list .g-jt{display: block;position: absolute;top: 65px;margin-top: -10px;}

.g-four ul.ul1{margin-top: 55px;  animation-name: fadeInLeft;animation-delay: 0.6s;animation-duration: 1.8s;}
.g-four ul.ul2{padding: 0 0 25px;border-bottom: 1px solid #a1a1a1;margin-bottom: 85px;  animation-name: fadeInRight;animation-delay: 0.6s;animation-duration: 1.8s;}

.g-four ul.ul1 .g-jt{right: -24px;margin-right: -13px;}
.g-four ul.ul1 li.g-list:nth-child(6) .g-jt{transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg); right: 50%;top: unset;bottom: -25px;margin-bottom: -13px;}
.g-four ul.ul2 .g-jt{left: -24px;margin-left: -13px;}
.g-four ul.ul2 li.g-list:nth-child(1) .g-jt{transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg); left: 50%;top: -25px;margin-top: -13px;}

.g-four ul.ul1 li.g-list:hover .pic{transform: rotate(30deg);-ms-transform: rotate(30deg);-webkit-transform: rotate(30deg)}
.g-four ul.ul2 li.g-list:hover .pic{transform: rotate(-30deg);-ms-transform: rotate(-30deg);-webkit-transform: rotate(-30deg)}

.g-four .g-list2{float: left;width: 388px;margin: 35px 18px 10px 0;  animation-name: fadeInLeft;animation-delay: 0.6s;animation-duration: 1.8s; transition: .5s;}
.g-four .g-list2:nth-child(3n){margin-right: 0;}
.g-four .g-list2 .pic{display: block;width: 100%;}
.g-four .g-list2 .pic img{display: block;width: 100%;}
.g-four .g-list2 .tit{display: block;font-size: 30px;color: #000;text-align: center;line-height: 45px;margin: 15px 0;}
.g-four .g-list2 .desc{font-size: 24px;color: #000;text-align: center;line-height: 35px;padding-bottom: 15px;}

.g-four .g-list2:hover{box-shadow: 5px 5px 20px rgba(0,0,0,.1);}



/* five */
.g-five{width: 100%;background: #35bd70;padding: 95px 0;position: relative;}
.g-five .wrapper{overflow: hidden;position: relative;z-index: 1;}

.g-five .g-t1{font-size: 72px;color: #fff;text-align: center;font-weight: bold;margin-bottom: 60px;  animation-name: fadeInUp;animation-delay: 0.2s;animation-duration: 1.8s;}

.g-five .list{display: block;float: left;width: 232px;margin: 0 10px 10px 0;box-sizing: border-box;border: 1px solid rgba(255,255,255,.6);overflow: hidden;  animation-name: fadeInUp;animation-delay: 0.2s;animation-duration: 1.8s;}
.g-five .list:nth-child(5n){margin-right: 0;}
.g-five .list img{display: block;width: 100%;transition: .5s;}

.g-five .list:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.g-five .g-b1{display: block;position: absolute;left: 0;top: -212px;z-index: 0; transition: .8s;}
.g-five .g-b2{display: block;position: absolute;right: 0;bottom: -353px;z-index: 0;}

.g-five:hover .g-b1{-webkit-transform: translateX(-50px);-moz-transform: translateX(-50px);-ms-transform: translateX(-50px);-o-transform: translateX(-50px);transform: translateX(-50px);}



/* six */
.g-six{width: 100%;background: #fff;padding: 65px 0;}
.g-six .wrapper{position: relative;z-index: 1;overflow: hidden;}

.g-six .g-t1{font-size: 60px;color: #000;text-align: center;font-weight: bold;line-height: 80px;  animation-name: fadeInUp;animation-delay: 0.2s;animation-duration: 1.8s;}
.g-six .g-desc{font-size: 36px;color: #000;line-height: 50px;text-align: center;margin: 25px 0 40px;  animation-name: fadeInUp;animation-delay: 0.4s;animation-duration: 1.8s;}
.g-six .g-pic{display: block;margin: 0 auto 35px;  animation-name: fadeInUp;animation-delay: 0.6s;animation-duration: 1.8s;}

.g-six .g-tcont{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}
.g-six .g-tcont img{display: block;float: left;margin-bottom: 15px;  animation-name: fadeInUp;animation-delay: 0.6s;animation-duration: 1.8s;}

.g-six .g-more{display: block;width: 245px;height: 60px;background: #35bd70;font-size: 24px;color: #fff;text-align: center;line-height: 60px;margin: 45px auto 0;border-radius: 60px;  animation-name: fadeInUp;animation-delay: 0.6s;animation-duration: 1.8s;}



/* seven */
.g-seven{width: 100%;background: #33bd72;padding: 65px 0;}
.g-seven .wrapper{position: relative;z-index: 1;overflow: hidden;}

.g-seven .g-t1{font-size: 60px;color: #fff;text-align: center;font-weight: bold;line-height: 80px;  animation-name: fadeInUp;animation-delay: 0.2s;animation-duration: 1.8s;}
.g-seven .g-desc{font-size: 36px;color: #fff;line-height: 50px;text-align: center;margin: 25px 0 40px;  animation-name: fadeInUp;animation-delay: 0.4s;animation-duration: 1.8s;}
.g-seven .g-pic{display: block;margin: 0 auto 35px;  animation-name: fadeInUp;animation-delay: 0.6s;animation-duration: 1.8s;}

.g-seven .g-tcont{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}
.g-seven .g-tcont img{display: block;float: left;margin-bottom: 15px;  animation-name: fadeInUp;animation-delay: 0.6s;animation-duration: 1.8s;}

.g-seven .g-more{display: block;width: 245px;height: 60px;background: #fff;font-size: 24px;color: #35bd70;text-align: center;line-height: 60px;margin: 45px auto 0;border-radius: 60px;  animation-name: fadeInUp;animation-delay: 0.6s;animation-duration: 1.8s;}



/* eight */
.g-eight{width: 100%;background: #33bd72;padding: 90px 0;position: relative;overflow: hidden;}
.g-eight .wrapper{position: relative;z-index: 1;overflow: hidden;}

.g-eight .g-t1{font-size: 60px;color: #fff;font-weight: bold;  animation-name: fadeInLeft;animation-delay: 0.2s;animation-duration: 1.8s;}
.g-eight .g-t2{font-size: 48px;color: #fff;  animation-name: fadeInLeft;animation-delay: 0.4s;animation-duration: 1.8s;}
.g-eight em{display: block;width: 375px;height: 1px;background: rgba(255,255,255,.6);margin: 35px 0 45px;  animation-name: fadeInLeft;animation-delay: 0.4s;animation-duration: 1.8s;}

.g-eight .g-text1{font-size: 24px;color: #fff;line-height: 40px;  animation-name: fadeInLeft;animation-delay: 0.6s;animation-duration: 1.8s;}
.g-eight .g-phone{font-size: 60px;font-family: 'Impact';color: #fff;line-height: 60px;margin: 10px 0;  animation-name: fadeInLeft;animation-delay: 0.6s;animation-duration: 1.8s;}
.g-eight .g-text2{font-size: 18px;color: #fff;left: 25px;  animation-name: fadeInLeft;animation-delay: 0.8s;animation-duration: 1.8s;}
.g-eight .g-text2 span{display: inline-block;width: 100px;vertical-align: top;}
.g-eight .g-text2 a{display: inline-block;width: 240px;font-size: 18px;color: #fff;line-height: 25px;vertical-align: top;text-align: justify;}

.g-eight .g-pic{display: block;position: absolute;bottom: 0;left: 50%;margin-left: -30px;transition: .8s;}
.g-eight:hover .g-pic{-webkit-transform: translateY(50px);-moz-transform: translateY(50px);-ms-transform: translateY(50px);-o-transform: translateY(50px);transform: translateY(50px);}



/* 开始 */
.n-wrapper{width: 78.59375%;min-width: 1200px;margin: 0 auto;}



/* 导航 */
.header{width: 100%;min-width: 1200px;position: absolute;top: 0;left: 0;right: 0;z-index: 1;padding-top: 25px;}
.header .n-wrapper{margin: 0;box-sizing: border-box;padding: 0 3.125%;overflow: hidden;}

.header .logo{display: block;float: left;width: 19.522%;    animation-name: bounceInLeft;animation-delay:0;animation-duration: 1.5s;}
.header .logo img{display: block;width: 100%;}

.header .nav{float: right;height: 70px;}
.header .nav a{display: block;float: left;font-size: 16px;color: #fff;margin-left: 50px;line-height: 70px;}
.header .nav a:hover{font-weight: bold;}
.header .nav a.active{font-weight: bold;  animation-name: shake;animation-delay: 1s;animation-duration: 1.2s;}



/* 底部 */
.footer{width: 100%;height: 780px;background: url(../img/bj_footer.jpg) center center no-repeat;box-sizing: border-box;padding: 75px 0;}

	/* -------------- */
.n-magess{width: 50%;float: left;}
.n-magess b{font-size: 48px;color: #000;display: block;  animation-name: fadeInLeft;animation-delay: .2s;animation-duration: 1.2s;}
.n-magess p{font-size: 18px;color: #6c6c6c;margin-bottom: 25px;  animation-name: fadeInLeft;animation-delay: .3s;animation-duration: 1.2s;}

.n-magess .nm-form{width: 562px;position: relative;  animation-name: fadeInLeft;animation-delay: .4s;animation-duration: 1.2s;}

.n-magess .nm1{width: 375px;height: 60px;background: #fff;border: 1px solid #dcdcdc;margin-bottom: 14px;}
.n-magess .nm1 em{display: block;width: 1px;height: 24px;background: #9c9c9c;float: left;margin: 18px 0 0;}
.n-magess .nm1 img{display: block;float: left;margin: 18px 15px 0 20px;width: 24px;}
.n-magess .nm1 input{display: block;float: right;border: 0;height: 60px;width: 315px;box-sizing: border-box;padding: 0 20px;font-size: 18px;color: #9c9c9c;}

.n-magess .nm2{width: 560px;height: 60px;background: #fff;border: 1px solid #dcdcdc;margin-bottom: 14px;}
.n-magess .nm2 em{display: block;width: 1px;height: 24px;background: #9c9c9c;float: left;margin: 18px 0 0;}
.n-magess .nm2 img{display: block;float: left;margin: 18px 15px 0 20px;width: 24px;}
.n-magess .nm2 input{display: block;float: right;border: 0;height: 60px;width: 500px;box-sizing: border-box;padding: 0 20px;font-size: 18px;color: #9c9c9c;}

.n-magess .nm3{width: 155px;position: absolute;top: 0;right: 0;height: 62px;}
.n-magess .nm3 .nm-sex{width: 50%;float: left;}
.n-magess .nm3 .nm-sex span{display: block;width: 100%;line-height: 62px;position: relative;box-sizing: border-box;padding-left: 25px;font-size: 18px;color: #5b5b5b;}
.n-magess .nm3 .nm-sex input{display: block;width: 40px;height: 62px;position: absolute;top: 0;left: 0;clip: rect(0, 0, 0, 0);}
.n-magess .nm3 .nm-sex input[type="radio"] + span::before {content: "\a0";display: block;vertical-align: middle;width: 18px;height: 18px;background: url(../img/yuan01.png);background-size: 100% 100%;position: absolute;left: 0;top: 50%;margin-top: -9px;}
.n-magess .nm3 .nm-sex input[type="radio"]:checked + span::before {width: 18px;height: 18px;background: url(../img/yuan02.png);background-size: 100% 100%;position: absolute;left: 0;top: 50%;margin-top: -9px;}

.n-magess .nm4{width: 100%;height: 25px;line-height: 25px;margin-bottom: 14px;}
.n-magess .nm4 font{display: block;float: left;font-size: 18px;color: #5b5b5b;line-height: 25px;}
.n-magess .nm4 .nm-sex{display: block;float: left;margin: 0 0 0 15px;}
.n-magess .nm4 .nm-sex span{display: block;width: 100%;line-height: 25px;position: relative;box-sizing: border-box;padding-left: 25px;font-size: 18px;color: #5b5b5b;}
.n-magess .nm4 .nm-sex input{display: block;width: 40px;height: 25px;position: absolute;top: 0;left: 0;clip: rect(0, 0, 0, 0);}
.n-magess .nm4 .nm-sex input[type="checkbox"] + span::before {content: "\a0";display: block;vertical-align: middle;width: 18px;height: 18px;background: url(../img/yuan01.png);background-size: 100% 100%;position: absolute;left: 0;top: 50%;margin-top: -9px;}
.n-magess .nm4 .nm-sex input[type="checkbox"]:checked + span::before {width: 18px;height: 18px;background: url(../img/yuan02.png);background-size: 100% 100%;position: absolute;left: 0;top: 50%;margin-top: -9px;}

.n-magess .nm-textarea{display: block;width: 562px;height: 166px;border: 1px solid #dcdcdc;box-sizing: border-box;padding: 15px 20px;outline: none;resize: none;font-size: 18px;color: #9c9c9c;margin: 0 0 14px;}

.n-magess .nm-btn{display: block;width: 160px;height: 60px;background: #990009;color: #fff;text-align: center;line-height: 60px;font-size: 24px;font-weight: 400;border: 0;}

	/* -------------- */
.n-contact{width: 50%;float: right;}
.n-contact .nc-cont{width: 540px;margin: 0 auto;color: #fff;}
.n-contact .nc-title{width: 100%;  animation-name: fadeInRight;animation-delay: .2s;animation-duration: 1.2s;}
.n-contact .nc-title b{font-size: 48px;}
.n-contact .nc-title small{font-size: 24px;font-weight: lighter;}
.n-contact .text1{font-size: 18px;margin-bottom: 30px;  animation-name: fadeInRight;animation-delay: .2s;animation-duration: 1.2s;}

.n-contact .list{width: 100%;min-height: 71px;margin-top: 30px;  animation-name: fadeInRight;animation-delay: .2s;animation-duration: 1.2s;}
.n-contact .list img{display: block;width: 71px;height: 71px;margin: auto 0;}
.n-contact .list .box{width: calc(100% - 81px);margin: auto 0;}
.n-contact .list p{font-size: 18px;line-height: 26px;}
.n-contact .list b{display: block;font-size: 30px;/* font-family: 'Impact'; */}

.n-contact .qrcode{display: block;width: 144px;height: 144px;margin: 45px auto 0;  animation-name: fadeInUp;animation-delay: .2s;animation-duration: 1.2s;}


	/* -------------- */
.n-bottom{width: 100%;background: #700007;padding: 25px 0;}
.n-bottom .d_logo{display: block;width: 180px;float: left;}
.n-bottom .d_logo img{display: block;width: 100%;}
.n-bottom .nb_right{float: right;}
.n-bottom .foot_nav{margin-top: 15px;margin-bottom: 10px;}
.n-bottom .foot_nav a{display: inline-block;font-size: 16px;color: #fff;margin-left: 50px;}
.copyright{width: 100%;font-size: 12px;color: rgba(255,255,255,.6);height: 30px;line-height: 30px;text-align: right;}
.copyright a{font-size: 12px;color: rgba(255,255,255,.6);}
.copyright a:hover{color: rgba(255,255,255,1);} 



/*轮播*/
.banner{width: 100%;position: relative;overflow: hidden;z-index: 0;}
.banner img{width: 100%;display: block;}



/* 首页 标题 */
.ind-tbox{width: 100%;overflow: hidden;}
.ind-tbox img{display: block;margin: 0 auto;}
.ind-tbox img.it1{  animation-name: fadeInDown;animation-delay: .2s;animation-duration: 1.2s;}
.ind-tbox img.it2{margin-top: -95px;margin-bottom: 30px;  animation-name: fadeInRight;animation-delay: .4s;animation-duration: 1.2s;}
.ind-tbox .itText{font-size: 26px;color: #272727;text-align: center;  animation-name: fadeInUp;animation-delay: .4s;animation-duration: 1.2s;}



/* 首页 01 品牌实力 */
.n-brand{width: 100%;padding: 95px 0;}

.n-brand .nbCont{width: 100%;margin-top: 45px;}
.n-brand .nbCont .list{width: 145px;margin: auto auto;}
.n-brand .nbCont .list .pic{display: block;width: 141px;height: 141px;margin: 0 auto 25px;overflow: hidden;background: #b10004;border-radius: 141px;}
.n-brand .nbCont .list .pic img{display: block;width: 100%;}
.n-brand .nbCont .list p{font-size: 18px;color: #000;text-align: center;}
.n-brand .nbCont .list .nb-num{color: #b10004;text-align: center;}
.n-brand .nbCont .list .nb-num a{font-size: 48px;color: #b10004;}
.n-brand .nbCont .list .nb-num small{font-size: 48px;color: #b10004;}
.n-brand .nbCont .list .nb-num span{font-size: 24px;}

.n-brand .nbCont .list:hover .pic{animation:dh1 1s;}
/* @keyframes dh1{
    from{transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);}
    to{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);}
} */



/* 首页 02 团建课程 */
.n-party{width: 100%;padding: 95px 0;background: #201f1d;}
.n-party .ind-tbox .itText{color: #fff;}

.n-party .np-banner{width: 100%;position: relative;overflow: hidden;margin-top: 35px;}
.n-party .np-banner .swiper-slide{width: 1042px;border: 5px solid rgba(220,220,220,0);box-sizing: border-box;position: relative;overflow: hidden;opacity: .3;z-index: 1;}
.n-party .np-banner .swiper-slide .np-pic{display: block;width: 100%;overflow: hidden;  }
.n-party .np-banner .swiper-slide .np-pic img{display: block;width: 100%;transition: .5s;}

.n-party .np-banner .np-cont{position: absolute;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,.86);color: #fff;width: 338px;box-sizing: border-box;padding: 0 30px;display: none;}
.n-party .np-banner .np-cont .flexbox{width: 100%;height: 100%;}
.n-party .np-banner .np-box{margin: auto 0;}
.n-party .np-banner .np-cont .np-ftit{font-size: 16px;}
.n-party .np-banner .np-cont .np-tit{font-size: 26px;margin-bottom: 20px;}
.n-party .np-banner .np-cont article{font-size: 16px;line-height: 30px;}
.n-party .np-banner .np-cont article p{padding-left: 20px;position: relative;}
.n-party .np-banner .np-cont article p:before{content: '';display: block;width: 8px;height: 8px;background: #fff;border-radius: 8px;position: absolute;top: 11px;left: 0;}
.n-party .np-banner .np-cont em{display: block;width: 45px;height: 2px;background: #fff;margin: 45px 0;}
.n-party .np-banner .np-cont .np-more{display: block;width: 250px;height: 58px;background: #af1611;text-align: center;color: #fff;line-height: 58px;font-size: 16px;margin: 0 auto;}
.n-party .np-banner .np-cont .np-more img{margin-left: 10px;transition: .5s;}
.n-party .np-banner .np-cont .np-more:hover img{margin-left: 20px;}

.n-party .np-banner .btn{width: 1200px;position: absolute;top: 50%;left: 0;right: 0;margin: 0 auto;z-index: 3;}
.n-party .np-banner .swiper-button-prev{width: 51px;height: 51px;background: url(../img/anL.png) center center no-repeat;/* background-size: 100% 100%; */z-index: 3;}
.n-party .np-banner .swiper-button-next{width: 51px;height: 51px;background: url(../img/anR.png) center center no-repeat;/* background-size: 100% 100%; */z-index: 3;}

.n-party .np-banner .swiper-slide:hover .np-pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.n-party .np-banner .swiper-slide-active{border: 5px solid rgba(220,220,220,1);opacity: 1;}
.n-party .np-banner .swiper-slide-active .np-cont{display: block;}



/* 视频播放 */
.n-video{display: block;width: 100%;height: 1080px;overflow: hidden;position: relative;}

.n-video iframe{display: block;width: 100%;height: 100%;}
.n-video .white-shade{display: block;width: 100%;height: 50px;box-sizing: border-box;background: #fff;position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;}
.n-video .black-shade{display: block;width: 100%;height: 50px;box-sizing: border-box;background: #000;position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;}
.n-video .no-shade{display: none;width: 100%;height: 100%;box-sizing: border-box;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;}

.n-video .nv-sp{width: 100%;height: 100%;position: relative;display: none;}
.n-video .nv-sp .nv-pic{display: block;width: 100%;}
.n-video .nv-sp .bf{display: block;width: 120px;height: 120px;cursor: pointer;position: absolute;top: 50%;left: 50%;margin: -120px 0 0 -60px;}

.n-video .nv-sp .nv-shade{background: rgba(0,0,0,.8);position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 9;display: none;}
.n-video .nv-sp .nv-shade iframe{display: block;border: 0;width: 1000px;height: 563px;margin: auto auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;/* z-index: 10; */}
/* .n-video .nv-sp .nv-shade video{display: block;width: 80%;height: 80%;margin: 0 auto;} */

.n-video .nv-sp .nv-shade .gb{display: block;position: absolute;top: 30px;right: 30px;cursor: pointer;z-index: 10;}

.n-video .nv-thumbs{display: block;position: absolute;bottom: 0;left: 0;right: 0;padding-bottom: 60px;background: rgba(0,0,0,.5);background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) , rgba(0,0,0,0) );background: -o-linear-gradient(bottom, rgba(0,0,0,1) , rgba(0,0,0,0) );background: -moz-linear-gradient(bottom, rgba(0,0,0,1) , rgba(0,0,0,0) );background: linear-gradient(bottom, rgba(0,0,0,1) , rgba(0,0,0,0) );}
.n-video .nv-thumbs a{display: block;width: 20%;float: left;box-sizing: border-box;border-right: 1px solid #bfbfbf;height: 52px;text-align: center;}
.n-video .nv-thumbs a:last-child{border-right: 0;}
.n-video .nv-thumbs a .nv-tit{font-size: 18px;color: #d2d2d2;line-height: 18px;margin-bottom: 14px;}
.n-video .nv-thumbs a .nv-ftit{font-size: 20px;color: #fff;text-transform: uppercase;line-height: 20px;}



/* 首页 03 活动策划 */
.n-event{width: 100%;padding: 95px 0 0;background: #202f66;overflow: hidden;}
.n-event .ind-tbox{margin-bottom: 45px;}
.n-event .ind-tbox .itText{color: #fff;}

.n-event .ne-list{float: left;width: 20%;position: relative;overflow: hidden;transition: .5s;}
.n-event .ne-list .ne-pic{display: block;width: 100%;transition: .5s;}
.n-event .ne-list .ne-cont{display: block;box-sizing: border-box;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.7);color: #fff; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.n-event .ne-list .ne-cont span{display: block;margin: auto auto;text-align: center;}
.n-event .ne-list .ne-cont img{display: block;margin: 0 auto;margin-bottom: 15px;}
.n-event .ne-list .ne-cont .ne-tit{font-size: 36px;font-weight: bold;}
.n-event .ne-list .ne-cont .ne-ftit{font-size: 20px;color: #fffefe;text-transform: capitalize;margin-top: 5px;}
.n-event .ne-list:hover .ne-pic{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
/* .n-event .ne-list:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);position: relative;z-index: 1;} */



/* 红 选择 */
.n-choice{width: 100%;background: #b10004;padding: 70px 0 100px;overflow: hidden;}
.n-choice .bt{display: block;margin: 0 auto;   animation-name: fadeInLeft;animation-delay: .2s;animation-duration: 1.2s;}
.n-choice .by{color: #fff;font-size: 28px;text-align: center;margin: 15px auto 45px;  animation-name: fadeInRight;animation-delay: .2s;animation-duration: 1.2s;}

.n-choice .nc-list{width: 335px;margin: auto 0;text-align: center;color: #fff;  animation-name: fadeInUp;animation-delay: .4s;animation-duration: 1.5s;}
.n-choice .nc-list .tb{display: block;margin: 0 auto 28px;}
.n-choice .nc-list .nc-tit{font-size: 24px;color: #fff;font-weight: bold;line-height: 40px;margin-bottom: 20px;}
.n-choice .nc-list article{font-size: 16px;line-height: 25px;}
.n-choice .nc-list:hover .tb{animation:dh2 1s;}



/* 首页 04 资深顾问 */
.n-senior{width: 100%;padding: 95px 0;background: #fff;}

/* .n-senior .picMarquee-left{width: 100%;overflow: hidden;margin-top: 45px;}
.n-senior .picMarquee-left .bd{} */
/* .n-senior .picMarquee-left .tempWrap{overflow: visible!important;} */
/* .n-senior li{display: block;width: 286px;float: left;margin: 0 9px;position: relative;}
.n-senior li .pic{display: block;width: 100%;}
.n-senior li .pic img{display: block;width: 100%;}
.n-senior li .tit{display: block;background: rgba(255,255,255,.9);width: 255px;height: 48px;line-height: 45px;font-size: 20px;color: #201f1d;text-align: center;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 15px;} */

.n-senior .ns-box{width: 100%;margin-top: 45px;}
.n-senior .ns-box li{width: 14%;margin-right: 0.333%;float: left;position: relative;height: 520px;}
.n-senior .ns-box li:nth-child(7){margin-right: 0;}
.n-senior .ns-box li .pic{display: block;width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 0;}
.n-senior .ns-box li .pic img{display: block;/* width: 100%; */height: 100%;position: absolute;top: 0;bottom: 0;left: 50%;margin-left: -173px;}
.n-senior .ns-box li .tit{display: block;background: rgba(255,255,255,.9);width: 140px;height: 48px;line-height: 45px;font-size: 20px;color: #201f1d;text-align: center;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 15px;z-index: 1;transition: .5s;}
.n-senior .ns-box li:hover .tit{background: #e00024;color: #fff;}



/* 首页 05 品牌案例 */
.n-case{width: 100%;padding: 95px 0;background: #201f1d;}
.n-case .ind-tbox .itText{color: #fff;}

.n-case .gallery-top{width: 1200px;margin: 70px auto 50px;overflow: hidden;position: relative;}
.n-case .gallery-top .swiper-slide{width: 760px;box-sizing: border-box;border: 10px solid #e0e0e0;position: relative;}
.n-case .gallery-top .pic{display: block;width: 100%;}
.n-case .gallery-top .pic img{display: block;width: 100%;}
.n-case .gallery-top .nc-cont{display: none;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(32,31,29,.85);box-sizing: border-box;padding: 90px 30px;color: #fff;text-align: center;}
.n-case .gallery-top .nc-cont .tit{font-size: 30px;font-weight: lighter;}
.n-case .gallery-top .nc-cont .tit b{font-weight: bold;}
.n-case .gallery-top .nc-cont .bf{display: block;margin: 45px auto 60px;}
.n-case .gallery-top .nc-cont .more{font-size: 16px;}

.n-case .gallery-top .swiper-slide-active .nc-cont{display: block;}

.n-case .gallery-top .swiper-button-next,.n-case .gallery-top .swiper-button-prev{display: block;width: 220px;height: 395px;background: transparent;position: absolute;top: 0;bottom: 0;margin: auto 0;}
.n-case .gallery-top .swiper-button-prev{left: 0;}
.n-case .gallery-top .swiper-button-next{right: 0;}

.n-case .gallery-thumbs{width: 1200px;margin: 0 auto;overflow: hidden;}
.n-case .gallery-thumbs img{display: block;width: 100%;}
.n-case .gallery-thumbs .swiper-slide{box-sizing: border-box;border: 2px solid #e0e0e0;}
.n-case .gallery-thumbs .swiper-slide-thumb-active{border-color: #af1611;}

.n-case .line{display: block;width: 100%;height: 1px;background: #e00024;margin-top: -39px;}



/* 新闻中心 */
.n-news{width: 100%;padding: 0 0 70px;background: #fff;overflow: hidden;}

.n-news .nn-left{width: 495px;float: left;position: relative;padding-top: 300px;overflow: hidden;}
.n-news .nn-left .nn-h{display: block;width: 232px;height: 495px;background: #f5f5f5;position: absolute;top: 0;left: 0;  animation-name: fadeInDown;animation-duration: 1.5s;transition: .5s;}
.n-news .nn-left .nn-t1{display: block;float: right;  animation-name: fadeInUp;animation-delay: .2s;animation-duration: 1.5s;}
.n-news .nn-left .nl-bt{position: absolute;top: 165px;left: 130px;  animation-name: fadeInRight;animation-delay: .2s;animation-duration: 1.5s;transition: .5s;}
.n-news .nn-left .nl-bt img{display: block;}
.n-news .nn-left .nl-bt p{font-size: 40px;color: #af1611;font-weight: bold;margin-top: 12px;}
.n-news .nn-left .nl-bt .more{display: inline-block;border-top: 1px solid #af1611;border-bottom: 1px solid #af1611;font-size: 16px;color: #af1611;line-height: 44px;font-weight: bold;text-transform: uppercase;margin-top: 30px;}
.n-news .nn-left .nl-bt .more em{display: block;width: 0;height: 0;border-style:solid;border-width: 6px 0 6px 6px;border-color: transparent transparent transparent #af1611;float: right;margin: 16px 0 0 10px;transition: .5s;}
.n-news .nn-left .nl-bt .more:hover em{margin-left: 25px;}

.n-news .nn-left:hover .nn-h{-webkit-transform: translateX(-20px);-moz-transform: translateX(-20px);-ms-transform: translateX(-20px);-o-transform: translateX(-20px);transform: translateX(-20px);}
.n-news .nn-left:hover .nl-bt{-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-o-transform: translateY(-20px);transform: translateY(-20px);}

.n-news .nn-right{width: calc(100% - 530px);float: right;padding-top: 145px;}
.n-news .nn-right .nn-list{width: 100%;border-bottom: 1px solid #f0f0f0;padding-bottom: 40px;margin-bottom: 40px;  animation-name: fadeInUp;animation-delay: .2s;animation-duration: 1.5s;}
.n-news .nn-right .nn-list:last-child{padding-bottom: 0;margin-bottom: 0;border: 0;}
.n-news .nn-right .nn-list .time{display: block;width: 90px;border: 1px solid #dcdcdc;box-sizing: border-box;padding: 15px 12px;font-size: 18px;color: #999999;text-align: center;margin: auto 0;}
.n-news .nn-right .nn-list .time span{display: block;border-bottom: 1px solid #dcdcdc;padding-bottom: 12px;margin-bottom: 12px;line-height: 20px;transition: .5s;}
.n-news .nn-right .nn-list .time span:last-child{padding-bottom: 0;margin-bottom: 0;border: 0;}
.n-news .nn-right .nn-list .nn-text{width: calc(100% - 145px);margin: auto 0;display: block;}
.n-news .nn-right .nn-list .nn-text .nn-tit{font-size: 22px;color: #343434;line-height: 35px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 18px;transition: .5s;}
.n-news .nn-right .nn-list .nn-text .nn-desc{font-size: 16px;color: #888888;line-height: 30px;text-align: justify;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}

.n-news .nn-right .nn-list:hover .nn-tit{color: #af1611;}
.n-news .nn-right .nn-list:hover .time{color: #af1611;border-color: #af1611;}
.n-news .nn-right .nn-list:hover .time span{border-color: #af1611;}



/* 公司简介 */
.about{width: 100%;padding: 95px 0;overflow: hidden;}
.about .titbox{width: 100%;overflow: hidden;position: relative;}
.about .titbox img{display: block;margin: 0 auto;  animation-name: fadeInDown;animation-duration: 1.5s;}
.about .titbox p{font-size: 40px;color: #272727;font-weight: bold;line-height: 50px;height: 50px;text-align: center;margin: auto auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;  animation-name: fadeInRight;animation-delay: .2s;animation-duration: 1.5s;}
.about article{font-size: 20px;color: #272727;line-height: 30px;  animation-name: fadeInUp;animation-delay: .4s;animation-duration: 1.5s;}

.about1{width: 100%;overflow: hidden;}
.about1 .a-list{width: 100%;overflow: hidden;}
.about1 .a-list span{display: block;width: 50%;float: left;}
.about1 .a-list span img{display: block;width: 100%;}
.about1 .a-list span:nth-child(even){  animation-name: fadeInRight;animation-delay: .2s;animation-duration: 1.5s;}
.about1 .a-list span:nth-child(odd){  animation-name: fadeInLeft;animation-delay: .2s;animation-duration: 1.5s;}

.about2{width: 100%;overflow: hidden;padding: 100px 0;}
.about2 .nbCont{width: 100%;}
.about2 .nbCont .list{width: 145px;margin: auto auto;}
.about2 .nbCont .list .pic{display: block;width: 141px;height: 141px;margin: 0 auto 25px;overflow: hidden;background: #ff0000;border-radius: 141px;}
.about2 .nbCont .list .pic img{display: block;width: 100%;}
.about2 .nbCont .list p{font-size: 18px;color: #000;text-align: center;}
.about2 .nbCont .list .nb-num{color: #ff0000;text-align: center;}
.about2 .nbCont .list .nb-num a{font-size: 48px;color: #ff0000;}
.about2 .nbCont .list .nb-num small{font-size: 48px;color: #ff0000;}
.about2 .nbCont .list .nb-num span{font-size: 24px;}
.about2 .nbCont .list:hover .pic{animation:dh1 1s;}
.about2 .a-tu1{display: block;margin: 45px auto 0;max-width: 100%;  animation-name: flipInX;animation-delay: .2s;animation-duration: 1.5s;}

.about3{width: 100%;background: #000000;padding: 95px 0;}
.about3 .wrapper{overflow: hidden;}
.about3 .pic{display: block;width: 440px;float: left;  animation-name: fadeInDown;animation-duration: 1.5s;}
.about3 .pic img{display: block;width: 100%;}
.about3 .cont{width: 665px;float: right;color: #fff;  animation-name: fadeInUp;animation-delay: .2s;animation-duration: 1.5s;}
.about3 .cont .ftitle{font-size: 72px;font-weight: bold;line-height: 65px;text-transform: uppercase;}
.about3 .cont .title{font-size: 36px;color: #fff;line-height: 65px;}
.about3 .cont .a3-list{margin-top: 15px;}
.about3 .cont .a3-list .tit{font-size: 24px;font-weight: bold;}
.about3 .cont .a3-list article{display: block;width: 100%;font-size: 18px;text-align: justify;line-height: 30px;}

.about4{width: 100%;padding: 85px 0;}
.about4 .a4-title{font-size: 40px;color: #272727;text-align: center;font-weight: bold;line-height: 65px;  animation-name: fadeInLeft;animation-duration: 1.5s;}
.about4 .a4-desc{font-size: 24px;color: #434343;text-align: center;line-height: 45px;margin-bottom: 25px;  animation-name: fadeInRight;animation-delay: .2s;animation-duration: 1.5s;}
.about4 .a4-wrap{/* display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap; */width: 100%;}
.about4 .a4-wrap li{width: 20%;float: left;margin-bottom: 60px;}
.about4 .a4-wrap .a4-pic{display: block;width: 60px;height: 60px;margin: 0 auto 10px;}
.about4 .a4-wrap .a4-pic img{display: block;width: 100%;}
.about4 .a4-wrap .a4-tit{font-size: 18px;color: #5a5a5a;text-align: center;line-height: 30px;}
.about4 .a4-wrap li:hover .a4-pic{animation:dh1 1s;}
.about4 .a4-wrap li:nth-child(n){  animation-name: fadeInUp;animation-duration: 1.5s;}
.about4 .a4-wrap li:nth-child(2n){  animation-name: fadeInUp;animation-delay: .1s;animation-duration: 1.5s;}
.about4 .a4-wrap li:nth-child(3n){  animation-name: fadeInUp;animation-delay: .2s;animation-duration: 1.5s;}
.about4 .a4-wrap li:nth-child(4n){  animation-name: fadeInUp;animation-delay: .3s;animation-duration: 1.5s;}
.about4 .a4-wrap li:nth-child(5n){  animation-name: fadeInUp;animation-delay: .4s;animation-duration: 1.5s;}



/* 精品案例 */
.case{width: 100%;background: #000;padding: 110px 0 135px;}
.case .n-wrapper{overflow: hidden;}
.case .c-title{font-size: 48px;color: #ffffff;letter-spacing: 5px;text-align: center;line-height: 65px;  animation-name: fadeInLeft;animation-duration: 1.5s;}
.case .c-ftitle{font-size: 24px;color: #fff;letter-spacing: 3px;text-align: center;font-weight: lighter;line-height: 40px;  animation-name: fadeInRight;animation-delay: .2s;animation-duration: 1.5s;}
.case .c-desc{font-size: 24px;color: #fff;text-align: center;font-weight: lighter;letter-spacing: 3px;line-height: 35px;margin: 25px 0 65px;  animation-name: fadeInUp;animation-delay: .4s;animation-duration: 1.5s;}
.case .c-list{display: block;width: 32%;height: 310px;float: left;margin-right: 2%;background: url(../img/d01.png) center center no-repeat;background-size: 100% 100%;box-sizing: border-box;padding: 55px 15px;color: #fff;text-align: center;}
.case .c-list:last-child{margin-right: 0;}
.case .c-list .c-num{font-size: 48px;margin-bottom: 15px;}
.case .c-list .c-num a{font-size: 48px;color: #fff;}
.case .c-list .c-tit{font-size: 24px;line-height: 35px;}
.case .c-list .c-ftit{font-size: 16px;font-weight: lighter;line-height: 30px;}
.case .c-list em{display: block;width: 48px;height: 3px;background: #fff;margin: 35px auto 0;transition: .5s;}
.case .c-list:hover em{width: 70px;}

.case1{width: 100%;min-width: 1200px;background: #d81212;}
.case1 .c1-list{width: 25%;float: left;position: relative;overflow: hidden;}
.case1 .c1-list .c1-pic{display: block;width: 100%;overflow: hidden;}
.case1 .c1-list img{display: block;width: 100%;}
.case1 .c1-list .c1-cont{display: block;background: rgba(172,0,0,.9);position: absolute;top: 355px;right: 0;bottom: 0;left: 0;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;box-sizing: border-box;padding: 15px;color: #fff;transition: .8s;}
.case1 .c1-list .c1-cont p{margin: auto;}
.case1 .c1-list .c1-cont span{display: block;font-size: 24px;color: #fff;text-align: center;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.case1 .c1-list .c1-cont em{display: block;width: 65px;height: 1px;background: #fff;margin: 30px auto 0;}
.case1 .c1-list:hover .c1-cont{top: 0;}

.case2{width: 100%;min-width: 1200px;background: #d81212;overflow: hidden;}
.case2 img{display: block;width: 100%;  animation-name: fadeInUp;animation-duration: 1.5s;}

.case3{width: 100%;height: 675px;box-sizing: border-box;padding: 65px 0;background: url(../img/bj_case1.jpg) center center no-repeat;}
.case3 .c3-wrap{width: 67.708%;margin: 0 auto;min-width: 1200px;overflow: hidden;position: relative;}
.case3 .c3-wrap .c3-cont{width: 382px;height: 510px;background: #4b97ff;box-sizing: border-box;float: left;padding: 65px 30px;}
.case3 .c3-wrap .c3-cont span{display: block;width: 125px;height: 125px;overflow: hidden;border-radius: 125px;margin: 0 auto;}
.case3 .c3-wrap .c3-cont span img{display: block;width: 100%;}
.case3 .c3-wrap .c3-cont .s3-name{font-size: 24px;color: #fff;text-align: center;line-height: 35px;margin: 15px 0 20px;}
.case3 .c3-wrap .c3-cont article{font-size: 18px;color: #fff;line-height: 30px;text-align: justify;}
.case3 .c3-pic{display: block;width: calc(100% - 440px);float: right;height: 510px;background: #4b97ff;overflow: hidden;}
.case3 .c3-pic img{display: block;height: 100%;}

.case4{width: 100%;background: #000;padding: 75px 0;}
.case4 .n-wrapper{overflow: hidden;}
.case4 .c4-title{font-size: 36px;color: #fff;text-align: center;line-height: 55px;  animation-name: fadeInLeft;animation-duration: 1.5s;}
.case4 .c4-ftitle{font-size: 24px;color: #fff;text-align: center;font-weight: lighter;line-height: 40px;margin-bottom: 40px;  animation-name: fadeInRight;animation-delay: .2s;animation-duration: 1.5s;}
.case4 .c4-list{display: block;width: 16%;margin: 0 2% 40px;/* overflow: hidden; */float: left;}
.case4 .c4-list img{display: block;width: 100%;transition: .5s;}
.case4 .c4-list:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.case4 .c4-list:nth-child(n){  animation-name: fadeInUp;animation-delay: .2s;animation-duration: 1.5s;}
.case4 .c4-list:nth-child(2n){  animation-name: fadeInUp;animation-delay: .3s;animation-duration: 1.5s;}
.case4 .c4-list:nth-child(3n){  animation-name: fadeInUp;animation-delay: .4s;animation-duration: 1.5s;}
.case4 .c4-list:nth-child(4n){  animation-name: fadeInUp;animation-delay: .5s;animation-duration: 1.5s;}
.case4 .c4-list:nth-child(5n){  animation-name: fadeInUp;animation-delay: .6s;animation-duration: 1.5s;}



/* 团建课程 */
.course{width: 100%;background: #f4f4f4;padding: 85px 0;}
.course .c-title{font-size: 48px;text-align: center;color: #000;line-height: 75px;  animation-name: fadeInUp;animation-duration: 1.5s;}
.course .c-title span{font-weight: lighter;}
.course .c-bt1{color: #c81e28;font-size: 50px;font-family: 'simsun';text-align: center;font-weight: bold;line-height: 75px;  animation-name: fadeInUp;animation-delay: .2s;animation-duration: 1.5s;}
.course article{font-size: 24px;color: #2b2b2b;font-weight: lighter;line-height: 35px;text-align: center;letter-spacing: 2px;margin: 15px auto 35px;  animation-name: fadeInUp;animation-delay: .4s;animation-duration: 1.5s;}
.course .list{margin: auto auto;width: 240px;}
.course .list img{display: block;width: 80px;height: 80px;margin: 0 auto;}
.course .list p{font-size: 48px;color: #000000;text-align: center;}
.course .list p a{font-size: 48px;color: #000;}
.course .list p span{font-size: 18px;color: #323232;display: inline-block;width: 90px;line-height: 18px;text-align: left;}
.course .list:hover img{animation:dh1 1s;}

.course1{width: 100%;padding: 75px 0 0;position: relative;}
.course1 .n-wrapper{position: relative;padding: 0 0 130px;overflow: hidden;}
.course1 .ce1-title{width: 990px;margin: 0 auto;font-size: 48px;color: #000;text-align: center;border-bottom: 1px solid #bfbfbf;padding-bottom: 18px;position: relative;  animation-name: fadeInUp;animation-duration: 1.5s;}
.course1 .ce1-title em{display: block;width: 110px;height: 3px;background: #c81e28;position: absolute;bottom: -2px;left: 50%;margin-left: -55px;}
.course1 .ce1-ftitle{font-size: 24px;color: #565656;text-align: center;line-height: 65px;margin-bottom: 30px;  animation-name: fadeInUp;animation-delay: .2s;animation-duration: 1.5s;}
.course1 .ce1_tu{display: block;position: absolute;bottom: 0;left: 0;z-index: 2;  animation-name: fadeInUp;animation-delay: .4s;animation-duration: 1.5s;}
.course1 .ce1-list{width: 19.36%;height: 432px;margin-right: 0.8%;background: #c81e28;float: left;transition: .5s;  animation-name: fadeInDown;animation-delay: .2s;animation-duration: 1.5s;}
.course1 .ce1-list img{display: block;width: 100%;}
.course1 .ce1-list1{width: 19.36%;height: 432px;margin-right: 0.8%;background: #e5e5e5;box-sizing: border-box;float: left;box-sizing: border-box;padding: 40px 0; animation-name: fadeInUp;animation-delay: .2s;animation-duration: 1.5s;}
.course1 .ce1-list1:last-child{margin-right: 0;}
.course1 .ce1-list1 .ce1-pic{display: block;width: 148px;height: 148px;border: 4px solid #c81e28;overflow: hidden;box-sizing: border-box;border-radius: 148px;margin: 0 auto;transition: .5s;}
.course1 .ce1-list1 .ce1-pic img{display: block;width: 100%;}
.course1 .ce1-list1  em{display: block;width: 68px;height: 3px;background: #c81e28;margin: 30px auto;transition: .5s;}
.course1 .ce1-list1 .ce1-desc{width: 205px;font-size: 20px;color: #343434;text-align: justify;margin: 0 auto;line-height: 30px;}
.course1 .ce1-list1:nth-child(2n){ animation-name: fadeInUp;animation-delay: .4s;animation-duration: 1.5s;}
.course1 .ce1-list:hover{box-shadow: 5px 5px 10px rgba(0,0,0,.1);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}
.course1 .ce1-list1:hover .ce1-pic{box-shadow: 5px 5px 10px rgba(0,0,0,.2);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}
.course1 .ce1-list1:hover em{width: 90px;}

.course2{width: 100%;min-width: 1200px;background: #000;padding: 75px 0 0;}
.course2 .ce2-title{width: 990px;margin: 0 auto;font-size: 48px;color: #fff;text-align: center;border-bottom: 1px solid #bfbfbf;padding-bottom: 18px;position: relative;  animation-name: fadeInUp;animation-duration: 1.5s;}
.course2 .ce2-title em{display: block;width: 110px;height: 3px;background: #c81e28;position: absolute;bottom: -2px;left: 50%;margin-left: -55px;}
.course2 .ce2-ftitle{font-size: 24px;color: #fff;text-align: center;line-height: 65px;margin-bottom: 30px;  animation-name: fadeInUp;animation-delay: .2s;animation-duration: 1.5s;}
.course2 .ce2-navbar{margin-bottom: 30px;  animation-name: fadeInUp;animation-delay: .2s;animation-duration: 1.5s;}
.course2 .ce2-navbar a{display: block;width: 15.5%;height: 65px;background: #fff;border-radius: 5px;overflow: hidden;text-align: center;line-height: 65px;font-size: 24px;color: #707070;margin: 0 1.4% 15px 0;float: left;transition: .5s;}
.course2 .ce2-navbar a:nth-child(6n){margin-right: 0;}
.course2 .ce2-navbar a b{display: inline-block;width: 40px;height: 37px;overflow: hidden;position: relative;vertical-align: middle;margin-right: 8px;}
.course2 .ce2-navbar a b img{display: block;width: 100%;position: absolute;top: 0;left: 0;right: 0;transition: .5s;}
.course2 .ce2-navbar a span{display: inline-block;vertical-align: middle;line-height: 50px;}
.course2 .ce2-navbar a:hover{background: #c81e28;color: #fff;}
.course2 .ce2-navbar a:hover img{top: -56px;}
.course2 .ce2-navbar a.active{background: #c81e28;color: #fff;}
.course2 .ce2-navbar a.active img{top: -56px;}
.course2 .ce2-box1{width: 100%;display: none;}
.course2 .ce2-box1 li{width: 25%;float: left;position: relative;overflow: hidden;}
.course2 .ce2-box1 li .ce2-pic{display: block;width: 100%;}
.course2 .ce2-box1 li .ce2-pic img{display: block;width: 100%;-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: .5s;}
.course2 .ce2-box1 li .ce2-text{display: block;position: absolute;top: 355px;left: 0;right: 0;bottom: 0;font-size: 30px;color: #fff;font-weight: bold; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;transition: .8s;}
.course2 .ce2-box1 li .ce2-text p{margin: auto auto;}
.course2 .ce2-box1 li:hover .ce2-pic img{-webkit-filter: grayscale(0);filter: grayscale(0);}
.course2 .ce2-box1 li:hover .ce2-text{top: 0;}

.course3{width: 100%;padding: 85px 0 65px;}
.course3 .n-wrapper{overflow: hidden;}
.course3 .ce3-title{font-size: 48px;color: #000;text-align: center;font-weight: bold;margin-bottom: 50px;  animation-name: fadeInUp;animation-delay: .2s;animation-duration: 1.5s;}
.course3 .ce3-list{width: 165px;margin: 0 auto;  animation-name: fadeInLeft;animation-duration: 1.5s;}
.course3 .ce3-list .ce3-pic{display: block;width: 126px;height: 126px;border-radius: 126px;overflow: hidden;margin: 0 auto 15px;transition: .5s;}
.course3 .ce3-list .ce3-pic img{display: block;width: 100%;}
.course3 .ce3-list .ce3-tit{font-size: 24px;color: #565656;text-align: center;line-height: 30px;}
.course3 .ce3-list .ce3-ftit{font-size: 18px;color: #000;font-weight: lighter;text-align: center;line-height: 20px;}
.course3 .ce3-list:hover .ce3-pic{animation:dh1 1s;}
.course3 .ce3-list:nth-child(2){animation-delay: .1s;}
.course3 .ce3-list:nth-child(3){animation-delay: .2s;}
.course3 .ce3-list:nth-child(4){animation-delay: .3s;}
.course3 .ce3-list:nth-child(5){animation-delay: .4s;}
.course3 .ce3-list:nth-child(6){animation-delay: .5s;}

.course4{width: 100%;min-width: 1200px;overflow: hidden;background: #000;}
.course4 img{display: block;width: 50%;float: left;}
.course4 img:nth-child(1){  animation-name: fadeInLeft;animation-delay: 0;animation-duration: 1.5s;}
.course4 img:nth-child(2){  animation-name: fadeInRight;animation-delay: .2s;animation-duration: 1.5s;}

.course5{display: block;width: 100%;overflow: hidden;}
.course5 img{display: block;width: 100%;  animation-name: fadeInUp;animation-delay: .4s;animation-duration: 1.5s;}

.course6{display: block;width: 100%;padding: 75px 0 100px;}
.course6 .n-wrapper{overflow: hidden;}
.course6 .ce6-title{width: 1200px;margin: 0 auto;font-size: 48px;color: #000;text-align: center;border-bottom: 1px solid #bfbfbf;padding-bottom: 18px;position: relative;  animation-name: fadeInUp;animation-duration: 1.5s;}
.course6 .ce6-title em{display: block;width: 110px;height: 3px;background: #c81e28;position: absolute;bottom: -2px;left: 50%;margin-left: -55px;}
.course6 .ce6-ftitle{font-size: 24px;color: #565656;text-align: center;line-height: 65px;margin-bottom: 30px;  animation-name: fadeInUp;animation-delay: .2s;animation-duration: 1.5s;}
.course6 .ce6-list{width: 19%;margin: 0 1.25% 15px 0;float: left;overflow: hidden;position: relative;}
.course6 .ce6-list:nth-child(5n){margin-right: 0;}
.course6 .ce6-list img{display: block;width: 100%;transition: .5s;}
.course6 .ce6-list .ce6-text{display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between; font-size: 36px;color: #fff;}
.course6 .ce6-list .ce6-text p{margin: auto auto;}
.course6 .ce6-list:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.course6 .ce6-list:nth-child(n){  animation-name: fadeInUp;animation-delay: 0;animation-duration: 1.5s;}
.course6 .ce6-list:nth-child(2n){  animation-name: fadeInUp;animation-delay: .1s;animation-duration: 1.5s;}
.course6 .ce6-list:nth-child(3n){  animation-name: fadeInUp;animation-delay: .2s;animation-duration: 1.5s;}
.course6 .ce6-list:nth-child(4n){  animation-name: fadeInUp;animation-delay: .3s;animation-duration: 1.5s;}
.course6 .ce6-list:nth-child(5n){  animation-name: fadeInUp;animation-delay: .4s;animation-duration: 1.5s;}



/* 活动策划 */
.e-titbox{width: 100%;text-align: center;  animation-name: flipInX;animation-duration: 1.5s;}
.e-titbox b{display: block;font-size: 26px;color: #000;line-height: 55px;}
.e-titbox p{height: 30px;font-size: 18px;color: #000;text-transform: uppercase;line-height: 30px;background: url(../img/f00.png) center center no-repeat;}

.event{width: 100%;padding: 95px 0 100px;}
.event .e-title{font-size: 36px;color: #000;line-height: 55px;margin: 0 auto 15px;text-align: center;font-weight: bold;  animation-name: fadeInUp;animation-delay: .1s;animation-duration: 1.5s;}
.event .e-desc{font-size: 24px;color: #000;text-align: center;line-height: 35px;margin-bottom: 35px;  animation-name: fadeInUp;animation-delay: .2s;animation-duration: 1.5s;}
.event .e-list{width: 200px;margin: 0 auto;text-align: center;  animation-name: fadeInUp;animation-delay: .2s;animation-duration: 1.5s;}
.event .e-list .num{font-size: 24px;color: #db1411;}
.event .e-list .num a{font-size: 46px;font-weight: bold;vertical-align: top;}
.event .e-list img{display: block;margin: 0 auto 15px;}
.event .e-list p{font-size: 16px;color: #000;}
.event .e-more{display: block;width: 238px;height: 54px;box-sizing: border-box;border: 2px solid #b10004;font-size: 20px;color: #b10004;line-height: 50px;text-align: center;margin: 30px auto 0;  animation-name: fadeInUp;animation-delay: .4s;animation-duration: 1.5s;}
.event .e-more img{display: inline-block;margin-left: 5px;transition: .5s;}
.event .e-more:hover img{margin-left: 20px;}

.event1{width: 100%;min-width: 1200px;background: #f4f4f4;padding: 85px 0 95px;}
.event1 .e1-wrap{height: 680px;margin-top: 30px;}
.event1 .e1-list{width: 17%;margin: auto 0;color: #fff;cursor: pointer;transition: .5s;}
.event1 .e1-list:nth-child(5){margin-right: 0;}
.event1 .e1-top{background: #1f1815;height: 115px;line-height: 115px;text-align: center;transition: .5s;}
.event1 .e1-top img{display: inline-block;vertical-align: middle;height: 40px;transition: .5s;}
.event1 .e1-top p{display: inline-block;vertical-align: middle;text-align: left;}
.event1 .e1-top p span{display: block;line-height: 35px;font-size: 30px;transition: .5s;}
.event1 .e1-top p small{display: block;line-height: 15px;font-weight: lighter;font-size: 14px;}
.event1 .e1-cont{width: 100%;text-align: center;position: relative;}
.event1 .e1-cont .shade{padding: 65px 0 150px;box-sizing: border-box;background: rgba(0,0,0,.8);width: 100%;transition: .5s;}
.event1 .e1-cont img{display: block;width: 70%;margin: 0 auto 25px;transition: .5s;}
.event1 .e1-cont p{font-size: 24px;line-height: 40px;}
.event1 .e1-list.active{width: 28.6%;}
.event1 .e1-list.active .e1-top{background: #b10004;height: 135px;}
.event1 .e1-list.active .e1-top img{height: 50px;}
.event1 .e1-list.active .e1-top p span{font-size: 42px;line-height: 45px;}
.event1 .e1-list.active .e1-cont .shade{padding: 90px 0 165px;text-align: center;}
.event1 .e1-list.active .e1-cont img{width: 50%;}
.event1 .e1-list:hover .e1-top{background: #b10004;}
.event1 .e1-list:nth-child(1){  animation-name: fadeInUp;animation-delay: .4s;animation-duration: 1.5s;}
.event1 .e1-list:nth-child(2){  animation-name: fadeInUp;animation-delay: .2s;animation-duration: 1.5s;}
.event1 .e1-list:nth-child(3){  animation-name: fadeInUp;animation-delay: 0;animation-duration: 1.5s;}
.event1 .e1-list:nth-child(4){  animation-name: fadeInUp;animation-delay: .2s;animation-duration: 1.5s;}
.event1 .e1-list:nth-child(5){  animation-name: fadeInUp;animation-delay: .4s;animation-duration: 1.5s;}

.event2{width: 100%;padding: 90px 0 45px;}
.event2 .e-titbox{margin-bottom: 35px;}
.event2 .e2-list{width: 25%;margin: 0 12.5% 40px 0;float: left;overflow: hidden;  animation-name: fadeInUp;animation-delay: .2s;animation-duration: 1.5s;}
.event2 .e2-list:nth-child(3n){margin-right: 0;}
.event2 .e2-list img{display: block;width: 45px;float: left;margin-top: 10px;}
.event2 .e2-list .e2-cont{width: calc(100% - 50px);float: right;}
.event2 .e2-list .e2-cont .e2-tit{font-size: 24px;color: #000;line-height: 30px;margin-bottom: 10px;}
.event2 .e2-list .e2-cont .e2-desc{font-size: 18px;color: #636363;line-height: 25px;text-align: justify;}

.event3{width: 100%;padding: 0 0 100px;position: relative;/* cursor: pointer; */}
.event3 .e-titbox{margin-bottom: 35px;}
.event3 .e3-pic{display: block;width: 100%;}
.event3 .bf{display: block;width: 120px;height: 120px;position: absolute;top: 50%;left: 50%;margin: -60px 0 0 -60px;}
.event3 .e3-sp{width: 100%;height: 1080px;position: relative;}
.event3 .e3-sp iframe{display: block;width: 100%;height: 100%;}
.event3 .e3-sp .white-shade{display: block;width: 100%;height: 50px;box-sizing: border-box;background: #fff;position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;}
.event3 .e3-sp .no-shade{display: none;width: 100%;height: 100%;box-sizing: border-box;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;}
.event3 .e3-sp .e3-shade{background: rgba(0,0,0,.8);position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 9;display: none;}
.event3 .e3-sp .e3-shade iframe{display: block;border: 0;width: 1000px;height: 563px;margin: auto auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}

.event4{width: 100%;padding: 80px 0;background: #f4f4f4;}
.event4 .e-titbox{margin-bottom: 35px;}
.event4 .e4-wrap{overflow: hidden;position: relative;padding-bottom: 95px;}
.event4 .e4-wrap .e4-desc{display: block;width: 100%;min-height: 150px;border-bottom: 1px solid #bfbfbf;padding-bottom: 30px;margin-bottom: 35px;font-size: 18px;color: #5f5f5f;line-height: 30px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;line-clamp: 6;-webkit-box-orient: vertical;}
.event4 .e4-wrap .e4-portrait{display: inline-block;width: 120px;height: 120px;overflow: hidden;border-radius: 120px;vertical-align: top;}
.event4 .e4-wrap .e4-portrait img{display: block;width: 100%;}
.event4 .e4-wrap .swiper-slide span{display: inline-block;width: 37px;vertical-align: top;margin-left: 10px;}
.event4 .e4-wrap .swiper-slide span img{display: block;width: 100%;}
.event4 .swiper-pagination-bullet{width: 15px;height: 15px;opacity: 1;background: #aaa;}
.event4 .swiper-pagination-bullet-active{background: #b10004;opacity: 1;}



/* 拍摄服务 */
.film{width: 100%;padding: 100px 0;}
.film .n-wrapper{overflow: hidden;}
.film .f-pic{/* float: left; */width: 51.359%;position: relative;margin: auto auto;overflow: hidden;}
.film .f-pic .f-tu1{display: block;width: 57.8%;  animation-name: fadeInDown;animation-delay: .2s;animation-duration: 1.5s;}
.film .f-pic .f-tu2{display: block;width: 64.258%;margin: auto 0;position: absolute;top: 0;bottom: 0;right: 0;z-index: 1;transition: .5s;  animation-name: fadeInLeft;animation-delay: .4s;animation-duration: 1.5s;}
.film .f-cont{width: 40%;margin: auto auto;  animation-name: fadeInRight;animation-delay: .4s;animation-duration: 1.5s;}
.film .f-cont .f-title{margin-bottom: 30px;}
.film .f-cont .f-title img{display: block;}
.film .f-cont article{font-size: 18px;color: #6a6a6a;line-height: 45px;text-align: justify;}
.film .f-cont article img{vertical-align: top;}
.film .f-cont .f-more{display: block;width: 170px;height: 50px;border: 1px solid #959595;text-align: center;line-height: 50px;font-size: 18px;color: #000;text-transform: uppercase;font-weight: lighter;margin-top: 40px;transition: .5s;}
.film .f-cont .f-more:hover{box-shadow: 5px 5px 10px rgba(0,0,0,.1);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}
.film .f-pic:hover .f-tu2{-webkit-transform: translateX(-10px);-moz-transform: translateX(-10px);-ms-transform: translateX(-10px);-o-transform: translateX(-10px);transform: translateX(-10px);}

.film1{width: 100%;min-width: 1200px;}
.film1 .f1-titbox{width: 100%;height: 65px;position: relative;box-sizing: border-box;padding-top: 32px;margin-bottom: 35px;}
.film1 .f1-titbox em{display: block;width: 100%;height: 1px;background: #bfbfbf;}
.film1 .f1-titbox p{width: 600px;height: 65px;/* padding: 0 25px; */background: #fff;margin: auto auto;position: absolute;top: 0;right: 0;bottom: 0;left: 0;text-align: center;line-height: 65px;font-size: 48px;  animation-name: flipInX;animation-delay: .2s;animation-duration: 1.5s;}
.film1 .f1-titbox p span{font-weight: lighter;}
.film1 .f1-wrap{width: 100%;position: relative;}
.film1 .f1-wrap .f1-pic{display: none;width: 100%;}
.film1 .f1-wrap .f1-pic img{display: block;width: 100%;}
.film1 .nv-thumbs{display: block;position: absolute;bottom: 0;left: 0;right: 0;padding-bottom: 60px;/* background: rgba(0,0,0,.5);background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) , rgba(0,0,0,0) );background: -o-linear-gradient(bottom, rgba(0,0,0,1) , rgba(0,0,0,0) );background: -moz-linear-gradient(bottom, rgba(0,0,0,1) , rgba(0,0,0,0) );background: linear-gradient(bottom, rgba(0,0,0,1) , rgba(0,0,0,0) ); */}
.film1 .nv-thumbs a{display: block;width: 20%;float: left;box-sizing: border-box;border-right: 1px solid #bfbfbf;height: 52px;text-align: center;}
.film1 .nv-thumbs a:last-child{border-right: 0;}
.film1 .nv-thumbs a .nv-tit{font-size: 18px;color: #d2d2d2;line-height: 18px;margin-bottom: 14px;}
.film1 .nv-thumbs a .nv-ftit{font-size: 20px;color: #fff;text-transform: uppercase;line-height: 20px;}

.film2{width: 100%;min-width: 1200px;background: #f4f4f4;padding: 85px 0 120px;}
.film2 .f2-wrap{width: 64.0625%;min-width: 1200px;margin: 0 auto;overflow: hidden;position: relative;box-sizing: border-box;padding: 0 50px;}
/* .film2 .f2-wrap img{display: block;width: 100%;} */
.film2 .f2-wrap img{display: block;margin: 0 auto;}
.film2 .f2-wrap .f2-title{font-size: 40px;color: #af1611;text-align: center;line-height: 55px;font-weight: bold;margin-top: 60px;margin-bottom: 15px;}
.film2 .f2-wrap article{width: 100%;font-size: 20px;color: #272727;line-height: 35px;text-align: center;margin-bottom: 45px;}
.film2 .f2-wrap .f2-more{display: block;width: 170px;height: 50px;border: 1px solid #959595;text-align: center;line-height: 50px;font-size: 18px;color: #000;text-transform: uppercase;font-weight: lighter;margin: 0 auto 0;transition: .5s;}
.film2 .f2-wrap .f2-more:hover{box-shadow: 5px 5px 10px rgba(0,0,0,.1);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}
.film2 .f2-wrap .swiper-button-prev{width: 50px;height: 88px;background: url(../img/jt-l.png) center center no-repeat;left: 0;}
.film2 .f2-wrap .swiper-button-next{width: 50px;height: 88px;background: url(../img/jt-r.png) center center no-repeat;right: 0;}

.film3{width: 100%;min-width: 1200px;height: 915px;background: url(../img/bj_film.jpg) center bottom no-repeat #000;box-sizing: border-box;padding: 90px 0 95px;overflow: hidden;}
.film3 .f3-titbox{width: 100%;height: 110px;position: relative;box-sizing: border-box;padding-top: 32px;margin-bottom: 35px;}
.film3 .f3-titbox em{display: block;width: 100%;height: 1px;background: #bfbfbf;}
.film3 .f3-titbox p{width: 600px;height: 110px;background: #000;margin: auto auto;position: absolute;top: 0;right: 0;bottom: 0;left: 0;text-align: center;line-height: 65px;font-size: 48px;font-family: 'SimSun';color: #fff;box-sizing: border-box;padding-top: 5px;z-index: 1;  animation-name: flipInX;animation-delay: .2s;animation-duration: 1.5s;}
.film3 .f3-titbox p b{font-family: 'SimSun';display: block;line-height: 65px;}
.film3 .f3-titbox p span{font-weight: lighter;font-family: 'SimSun';display: block;font-size: 24px;line-height: 40px;}
.film3 .f3-wrap{margin-bottom: 65px;  animation-name: fadeInUp;animation-delay: .2s;animation-duration: 1.5s;}
.film3 .f3-wrap .f3-list{width: 19.1%;background: #fff;padding: 40px 15px;box-sizing: border-box;transition: .5s;}
.film3 .f3-wrap .f3-list img{display: block;max-width: 100%;margin: 0 auto 30px;}
.film3 .f3-wrap .f3-list article{font-size: 16px;color: #272727;line-height: 30px;text-align: justify;text-indent: 2em;}
.film3 .f3-wrap .f3-list:hover{box-shadow: 5px 5px 10px rgba(255,255,255,.3);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}
.film3 .f3-wrap1{ animation-name: fadeInUp;animation-delay: .4s;animation-duration: 1.5s;}
.film3 .f3-wrap1 .f3-item{width: 19.1%;color: #fff;}
.film3 .f3-wrap1 .f3-item .f3-num{font-family: 'Impact';font-size: 60px;line-height: 65px;width: 210px;margin: 0 auto;}
.film3 .f3-wrap1 .f3-item .f3-num a{color: #fff;font-family: 'Impact';line-height: 65px;}
.film3 .f3-wrap1 .f3-item .f3-num span{font-size: 36px;line-height: 36px;vertical-align: top;}
.film3 .f3-wrap1 .f3-item p{font-size: 18px;width: 210px;margin: 0 auto;}

.film4{width: 100%;min-width: 1200px;overflow: hidden;background: #f4f4f4;}
.film4 img{display: block;width: 100%;  animation-name: fadeInUp;animation-delay: .2s;animation-duration: 1.5s;}

.film5{width: 100%;padding: 100px 0 150px;}
.film5 .f5-wrap{width: 100%;height: 900px;position: relative;/* cursor: pointer; */}

.film5 .f5-wrap iframe{display: block;width: 100%;height: 100%;}
.film5 .f5-wrap .white-shade{display: block;width: 100%;height: 50px;box-sizing: border-box;background: #fff;position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;}
.film5 .f5-wrap .no-shade{display: none;width: 100%;height: 100%;box-sizing: border-box;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;}

.film5 .f5-wrap .f5-pic{display: block;width: 100%;}
.film5 .f5-wrap .f5-bf{display: block;width: 120px;height: 120px;position: absolute;margin: auto auto;top: 0;right: 0;bottom: 0;left: 0;}
.film5 .f5-wrap .f5-shade{background: rgba(0,0,0,.8);position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 9;display: none;}
.film5 .f5-wrap .f5-shade iframe{display: block;border: 0;width: 1000px;height: 563px;margin: auto auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}



/* 联系我们 */
.massage{width: 100%;background: #9d1a23;padding: 80px 0 85px;}
.massage .n-wrapper{overflow: hidden;}
.massage .m-pic{display: block;margin-bottom: 35px;  animation-name: fadeInLeft;animation-delay: .2s;animation-duration: 1.5s;}
.massage form{display: block;width: 100%;margin-bottom: 85px;  animation-name: fadeInUp;animation-delay: .2s;animation-duration: 1.5s;}
.massage .m-btn{display: block;width: 196px;height: 186px;border: 0;background: #fff;float: right;}
.massage .m-btn img{display: block;width: 100%;}
.massage .m-wrap{width: calc(100% - 220px);float: left;}
.massage .m-wrap .m-box{width: 48.5%;float: left;}
.massage .m-wrap .m-box .m-inp{display: block;width: 100%;hegiht: 72px;margin-bottom: 40px;border: 0;box-sizing: border-box;padding: 0 30px;font-size: 22px;color: #6d6d6d;line-height: 72px;}
.massage .m-wrap .m-box .m-inp:last-child{margin-bottom: 0;}
.massage .m-wrap .m-textarea{display: block;width: 48.5%;float: right;height: 184px;box-sizing: border-box;border: 0;padding: 15px 30px;font-size: 22px;color: #6d6d6d;line-height: 38px;resize: none;outline: none;}
.massage .m-pic1{display: block;width: 100%;margin: 0 auto;  animation-name: fadeInRight;animation-delay: .2s;animation-duration: 1.5s;}

.contact{width: 100%;min-width: 1200px;background: #dfdfdf;padding: 100px 0;overflow: hidden;}
.contact .lx-title{width: 62.5%;border-bottom: 14px solid #fff;padding-bottom: 30px;float: right;margin-bottom: 60px;  animation-name: fadeInRight;animation-delay: .2s;animation-duration: 1.5s;}
.contact .lx-title img{display: block;}
.contact .lx-wrap{width: 89.323%;background: #ededed;min-width: 1200px;position: relative;  animation-name: fadeInLeft;animation-delay: .2s;animation-duration: 1.8s;}
.contact .lx-box{width: 1200px;float: right;}
.contact .lx-text{width: 415px;float: left;padding: 40px 0 15px;}
.contact .lx-text .lx-title1{font-size: 48px;color: #000;font-weight: bold;text-transform: uppercase;}
.contact .lx-text article{font-size: 18px;color: #161616;line-height: 30px;padding-left: 10px;}
.contact .lx-text .qrcode{display: block;width: 210px;height: 210px;margin-top: 40px;}
.contact .map{width: 750px;height: 580px;float: right;}
.contact .lx-tu1{width: calc(100% - 1200px);overflow: hidden;position: absolute;top: 0;left: 0;}



/* 新闻中心 */
.news{padding: 75px 0;}
.news .list{width: 48.5%;margin: 0 3% 30px 0;float: left;transition: .5s;  animation-name: fadeInUp;animation-delay: .2s;animation-duration: 1.5s;}
.news .list:nth-child(2n){margin-right: 0;}
.news .list .pic{display: block;width: 165px;margin: auto 0;}
.news .list .pic img{display: block;width: 100%;}
.news .list .cont{display: block;width: calc(100% - 200px);margin: auto 0;}
.news .list .cont .tit{font-size: 16px;color: #000;line-height: 30px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news .list .cont .desc{font-size: 14px;color: #727272;line-height: 25px;text-align: justify;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 10px;}
.news .list .cont .time{font-size: 14px;color: #727272;}
.news .list:hover{-webkit-transform: translateX(-10px);-moz-transform: translateX(-10px);-ms-transform: translateX(-10px);-o-transform: translateX(-10px);transform: translateX(-10px);}



/* 资深顾问 */
.counselor{padding: 75px 0;}
/* .counselor{width: 100%;margin-top: 45px;} */
.counselor .list{width: 23.5%;margin-right: 2%;margin-bottom: 30px;float: left;position: relative;}
.counselor .list:nth-child(4){margin-right: 0;}
.counselor .list .pic{display: block;width: 100%;}
.counselor .list .pic img{display: block;width: 100%;}
.counselor .list .tit{display: block;background: rgba(255,255,255,.9);width: 255px;height: 48px;line-height: 45px;font-size: 20px;color: #201f1d;text-align: center;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 15px;transition: .5s;}
.counselor .list:hover .tit{background: #e00024;color: #fff;}


/* 内容页 */
.content{background: #fff;margin-top: -150px;position: relative;z-index: 5;box-sizing: border-box;padding: 85px 45px 150px;position: relative;}
.content .fanhui{display: block;width: 45px;height: 45px;position: absolute;top: 30px;left: 45px;}
.content .fanhui img{display: block;width: 100%;}
.content h6{font-size: 20px;text-align: center;line-height: 35px;text-align: center;margin-bottom: 55px;}
.content article{font-size: 16px;color: #727272;line-height: 30px;text-align: justify;}
.content article img{max-width: 100%;}
.content article iframe{display: block;width: 1000px!important;height: 563px!important;margin: 0 auto;overflow: hidden!important;}
.content article table,.content article table td,.content article table tr,.content article table th{border: 1px solid #eee;border-collapse: collapse;}



/* 上下页 */
.m-clips{font-size: 16px;color: #727272;line-height: 35px;margin-top: 40px;}
.m-clips a{font-size: 16px;color: #727272;line-height: 35px;}
.m-clips a:hover{color: #000;}















@keyframes dh1{
    from{transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);}
    to{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);}
}

@keyframes dh2{
    0 {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
    25% {-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}
	50% {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
	75% {-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}
	100% {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
}



/*效果  hover滑动效果*/
/* animation-name:fadeInUp;animation-delay: 0.1s; */
.y{box-shadow: 5px 5px 10px #535c8c;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}
.r{transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);box-shadow: 5px 5px 10px #888;}
.x{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.c{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);}
@media screen and (max-width: 1360px) {}
.z{  animation-name: bounceInLeft;animation-delay: 0.2s;animation-duration: 1.5s;}
