/* ========== */
/* = NY = */
/* ========== */
.ny-banner{ position: relative; z-index: 2; width: 100%;}
.ny-banner img{ width: 100%;height: 350px;}

.bread{ padding: 31px 12%; font-size: 17px; text-align: left; color: #999999; position: relative; z-index: 1;}
.bread i{ font-style: normal; margin: 0 8px;}
.bread a{ color: #999999;}
/*.bread span,
.bread .red{ color: #ff0000;}*/


/* ========== */
/* = ABOUT = */
/* ========== */
.theme{ letter-spacing:3px; text-align: center; color: #000000; font-size: 30px; }
.about-box{ padding: 40px 0 30px; position: relative;}
.about-letter{ position: absolute; z-index: -1; top:-110px; left:-2%; width: 39%;}
.about-box .content{ position: relative;}
.about-box .content .left{ float: left; width: 64%; padding:95px 5% 195px 8%;}
.about-box .content .left .theme{ text-align: left;}
.about-box .content .left .des{ margin-top: 5%; width: 100%; padding: 5% 0; border-bottom: 3px solid #222222; border-top: 3px solid #222222; text-align: justify; line-height: 36px;}
.about-box .content .left .des p{ margin-bottom: 2%;}
.about-box .content .right{ position:absolute; right: 22px; top:0; height: 100%; width: 36%;}
.about-box .pos{ position: absolute; bottom:80px; width: 100%; left:0; }
.about-box .box{  max-width: 1060px; width: 100%; margin: 0 auto; color:#FFFFFF;  background: #e6061f; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.about-box .box .video-box{ position: relative; width: 50%; }
.about-box .box .video-box>img{width: 100%; }
.about-box .box .video-box p{ position: absolute; top:50%; left:0; margin-top: -20px; line-height:40px; text-align: center; width: 100%;}
.about-box .box .video-box p span{ display: inline-block; vertical-align: middle; letter-spacing:3px;}
.about-box .box .video-box p img{ margin: 0 10px; display: inline-block; vertical-align: middle;}
.about-box .box .red{ padding:3%; width:50%; text-align: center; background: url(../images/about/x_line.png) no-repeat center;}
.about-box .box .red span{ float: left; width: 50%; font-size: 22px;}
.about-box .box .red i{ font-size: 40px; display: block; font-style:normal;}
.about-box .box .red span:nth-child(1){ padding-top: 25px;}


.culture-box{ padding: 60px 0 70px; background-attachment: fixed; background-image: url(../images/about/culture_bg.jpg);}
.culture-box .theme{ color: #FFFFFF;}
.culture-box .container{ margin-top: 40px;}
.culture-box ul{ float: left; width:50%; }
.culture-box li{ width: 100%; background: #222222; color: #a7a7a7;  text-align: left; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; cursor: pointer;}
.culture-box li .img{ width: 50%;}
.culture-box li .img img{ width: 100%;}
.culture-box li .box{ padding:5px 30px; width: 50%;}
.culture-box li .box img{ margin: 0;}  
.culture-box li .box span{ margin-top: 18px; font-size: 22px; color: #FFFFFF; display: block;}
.culture-box li .box p{ margin-top: 10px; color:#a7a7a7; line-height: 28px;}  
.culture-box li:hover{ background: #e6061f;}
.culture-box li:hover .box p{ color:#FFFFFF;}
  
.honor-box{ padding: 70px 0 175px; background-image: url(../images/about/honor_bg.jpg);}
.honor-box .container{ margin-top: 70px; max-width: 1650px; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.honor-box .left{ width: 41%;}
.honor-box .left div{ padding: 0 40px; color: #666; cursor: pointer;}
.honor-box .left div p{ padding:12px 0; border-bottom: 1px solid #303030;line-height: 28px; }
.honor-box .left div a{ color: #666; }
.honor-box .left div:last-child p{ border-bottom: none;}
.honor-box .left .active{ background: #e6061f; color:#FFFFFF; font-size: 20px;}
.honor-box .left .active p{ border-bottom: none; padding: 20px 0; font-weight: bold;}
.honor-box .left .active p a{ color:#FFFFFF;}
.honor-box .left .bordernone p{ border-bottom: none;}
.honor-box .right{ width: 59%;}
.honor-box .right div{ display: none;}
.honor-box .right div.active{ display: block;}
.honor-box .right img{ width: 100%;}
.honor-box .right a{ display: block; position: relative;}
.honor-box .right a span{ position: absolute; bottom:20px; left:20px; color: #FFFFFF; font-size: 16px;}

@media (max-width:1300px) {
  .honor-box .left div{ padding:0 30px; }
  .honor-box .left .active{ font-size:17px;}
}



/* ========== */
/* = EXPERT = */
/* ========== */
.expert{ padding:45px 5% 95px; max-width: 1670px; margin: 0 auto; position: relative;}
.expert-letter{ position: absolute; z-index: 0; top:-100px; left:-20px; width: 37%;}
.expert .content{ position: relative; z-index: 1; margin-top: 100px; display: flex; flex-flow: wrap; align-items: flex-start; justify-content: space-between;  }
.expert .content .img{ max-width: 45%;}
.expert .content .text{ width:51%; padding-top: 16px;}
.expert .content .text .tit{ font-size: 32px; }
.expert .content .text .tip{ line-height: 24px; margin-top: 22px;}
.expert .content .text .des{  margin-top: 20px; font-size: 16px; line-height: 32px; text-align: justify;}
.expert .content .text .more{ margin-top: 40px; padding: 15px 50px; display: inline-block; background: #e6061f; color: #FFFFFF;}

.partner{ padding:60px 5% 80px; max-width: 1670px;  margin: 0 auto; background: #f9f9f9;}
.partner ul{ margin-top: 45px;}
.partner li{ float: left; margin-top:38px; width: 30.6666666%; margin-right: 4%;}
.partner li:nth-child(3n){ margin-right:0;}
.partner li:nth-child(3n+1){ clear: both;}
.partner li .img{ background: #FFFFFF; position: relative; overflow: hidden;}
.partner li .text{ padding: 25px; }
.partner li .tit{ font-size: 26px; text-align: center;}
.partner li .tip{ margin-top: 15px; font-size:18px;  text-align: center}
.partner li .des{ margin-top: 20px; font-size: 18px; line-height: 36px; text-align: justify; letter-spacing: 1px;}
.partner li .pop{ position: absolute; bottom:-100%; height: 100%; left:0;overflow: hidden; background: rgba(255,255,255,.6); background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,1)); -webkit-transition: all ease .4s;  transition: all ease .4s;}
.partner li .pop .con{  padding: 36px 40px 70px;}
.partner li .img:hover .pop { bottom: 0; }
.partner li .img:hover .text{ opacity: 0;}


/* ========== */
/* = EXPERT = */
/* ========== */
.expert2 { padding: 80px 0 95px;}
.expert2 .content{ margin-top: 0;}
.expert-detail{ padding: 80px 0 0;  background: #f9f9f9; overflow: hidden;}
.expert-detail .tab{ max-width: 760px; margin:0 auto; text-align: center;}
.expert-detail .tab span{ cursor: pointer; width: 50%; float: left; font-size: 30px; color: #FFFFFF; line-height: 98px; position:relative;}
.expert-detail .tab span:nth-child(1){ background-image: url(../images/team/expert_tab_bg1.jpg);}
.expert-detail .tab span:nth-child(2){ background-image: url(../images/team/expert_tab_bg2.jpg);}
.expert-detail .tab span i{ position: relative; z-index: 1; font-style: normal;}
.expert-detail .tab span:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.6);  background-image: linear-gradient(90deg,rgba(0,0,0,.3), rgba(0,0,0,.4));}
.expert-detail .tab span.active:after{ background: rgba(230,7,32,.7); background-image: linear-gradient(90deg,rgba(230,7,32,.3), rgba(230,7,32,.8));}
.expert-detail .tab span.active:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%;  background-size: cover; background-image: url(../images/team/expert_tab_line.png); z-index: 2;}
.expert-detail .js-tab-con{ height: 0; overflow: hidden; opacity: 0;}
.expert-detail .js-tab-con.active{ height: auto; opacity:1;}
.expert-dongjian{ padding:80px 0 120px;}
.expert-dongjian li{ margin-top: 55px; float:left; width: 46%; margin-right:8%;}
.expert-dongjian li:nth-child(1),
.expert-dongjian li:nth-child(2){ margin-top: 0;}
.expert-dongjian li:nth-child(2n){ margin-right: 0; }
.expert-dongjian li .box{ display: block; background: #ffffff; padding: 6px 6px 0;}
.expert-dongjian li .box img{ width: 100%;}
.expert-dongjian li .box .tit{ padding: 20px 0; font-size: 20px; text-align: center;}

.expert-knowledge{ margin-bottom: 65px; padding: 50px 80px 50px 0; height:530px; position: relative;  }
.swiper-expert-knowledge{ width: 100%; height:530px; margin-left:-50px;}
.swiper-expert-knowledge .swiper-slide{ padding-left: 50px; }
.swiper-expert-knowledge .swiper-slide .box{  margin-top: -50px; height:530px;display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; }
.swiper-expert-knowledge .swiper-slide .img{ position: relative; width: 52%; -webkit-box-shadow:0 0 15px rgba(0,0,0,.1); box-shadow:0 0 15px rgba(0,0,0,.1);}
.swiper-expert-knowledge .swiper-slide .img div{ padding:5px; background: #FFFFFF; position: relative; z-index: 1;}
.swiper-expert-knowledge .swiper-slide .img img{ width: 100%; }
.swiper-expert-knowledge .swiper-slide .img:after{ content: ""; position:absolute; z-index: 0; border: 2px solid #e6061f;  width: 100%; height: 100%; top:38px; right:38px;}
.swiper-expert-knowledge .swiper-slide .text{ position: relative; width:48%; text-align: center;}
.swiper-expert-knowledge .swiper-slide .text .des{ max-width: 90%; margin:0 auto; font-size: 24px; line-height: 36px; position: relative; z-index: 1;}
.swiper-expert-knowledge .swiper-slide .text .num{ position: absolute; width: 100%; left:0; z-index: 0; top:50%; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center; font-size:180px; font-weight: bold;  color: #FFFFFF;}
.expert-knowledge .con{ position: absolute; top:50px; right:0; width:85px; height:430px; padding-top: 50px;}
.expert-knowledge .con:before{ content: ""; position: absolute; top:-100%; left:15px; height: 300%; border-left: 1px solid rgba(0,0,0,.1);}
.expert-knowledge .swiper-button-next,
.expert-knowledge .swiper-button-prev{  left:0; top:auto; bottom: auto; right:auto; margin: 0; width: 30px; height: 30px; background-size: cover;}
.expert-knowledge .swiper-button-next{ bottom: 0; background-image: url(../images/team/next.png);}
.expert-knowledge .swiper-button-prev{ top:0; background-image: url(../images/team/prev.png);}
.expert-knowledge .swiper-button-next.swiper-button-disabled,
.expert-knowledge .swiper-button-prev.swiper-button-disabled{ opacity: 1;}
.swiper-expert-date{ height: 330px; }
.swiper-expert-date .swiper-slide{  height: 66px; text-align: right; cursor: pointer;} 
.swiper-expert-date .swiper-slide span{ display: block; height: 66px; line-height: 66px;}
.swiper-expert-date .swiper-slide .cricle{ position: absolute; left:8px; top:50%; margin-top: -8px; display: block; width: 16px; height: 16px; border:1px solid rgba(0,0,0,0); border-radius: 100%;} 
.swiper-expert-date .swiper-slide .cricle:before{ content: ""; position: absolute; top:50%; left:50%;margin-top: -3px; margin-left: -3px; width: 6px; height: 6px; background: #040404; border-radius: 100%; overflow: hidden; }
.swiper-expert-date .swiper-slide-thumb-active{ color: #e6061f;}
.swiper-expert-date .swiper-slide-thumb-active .cricle{ background: #F9F9F9; border:1px solid #e6061f;}
.swiper-expert-date .swiper-slide-thumb-active .cricle:before{ background: #e6061f;}

@media (max-width:1360px) {
  .swiper-expert-knowledge .swiper-slide .text .des{ font-size: 22px; line-height: 36px;}
  .swiper-expert-knowledge .swiper-slide .text .num{ font-size: 160px;}
}


/* ========== */
/* = JOIN = */
/* ========== */
.join-box{ padding-top: 50px; padding-bottom:160px; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;  position:relative;}
.join-box .bg{ position: absolute; top:-90px; left:0; width:30%;}
.join-box .left{ width: 40%;}
.join-box .left .theme{ text-align:left;}
.join-box .left .con div{ margin-top:10%; float: left; width: 50%; padding-right: 10px;}
.join-box .left .con div span{ font-size: 24px; color: #ac8c44;}
.join-box .left .con div p{ margin-top: 10px; line-height: 32px; color: #222222; }
.join-box .right{ width:85%; margin-right: -25%;}

.join-list .content{ margin: 40px 0; border-top: 2px solid #222222;}
.join-list .box{ border-bottom: 2px solid #222222; padding: 45px 0;}
.join-list .box .tit{ font-size: 24px; color: #000000; font-weight: bold;}
.join-list .box .con{ margin-top: 30px;  line-height: 36px;}
.join-contact{ padding: 80px 0 65px; line-height: 36px;}
.join-contact .tit{ margin-bottom: 15px; font-weight: bold;}
.join-contact a:hover{ color:#e6061f;}



/* ========== */
/* = CONTACT = */
/* ========== */
.contact{ padding-top:80px; position: relative;}
.contact-letter{ position: absolute; z-index: -1; top:-110px; left:-20px; width: 43%;}
.contact .theme{ margin-bottom: 35px;}
.contact .line{ margin: 0 auto; border-top:3px solid #222222; }
.contact .tit{ font-size: 30px;}
.business-form{  margin: 0 auto; padding:40px 0 80px;}
.business-form .tit{ float: left; margin-top: 15px;}
.business-form .right .fl{ float: left;}
.business-form .right .in{ margin-top: 15px; width:22.5%; margin-right:3%; font-size: 16px; line-height: 34px;}
.business-form .right .in:nth-child(4n){ margin-right:0; }
.business-form .right .in i{ margin-right: 2px; font-style: normal;  color:#e6061f;}
.business-form .right .in .inp{ display: block; width: 100%; height: 36px; padding:5px 10px; border: none; background: #f5f5f5; line-height: 26px; border-radius: 6px; }
.business-form .right .in select{ display: block; width: 100%; height: 36px; border: none; background: #f5f5f5; border-radius: 6px; }
.business-form .right .frcont_liaojie{  margin-top: 25px; width:100%;}
.business-form .right span{ display:inline-block; vertical-align:middle;}
.business-form .right label{ margin-left: 20px; display:inline-block; vertical-align:middle;}
.business-form .right label .radio{ margin-right: 5px; display: inline-block; vertical-align: middle; width: 14px; height:14px;}
.business-form .right .in label .inp{ width:120px; height: 36px; padding:5px 10px; border: none; background: #f5f5f5; line-height: 26px; border-radius: 6px; }
.business-form .right .in-text{ width:100%; }
.business-form .right textarea{ width:80%; height: 80px; display: block; border: none; background: #f5f5f5; line-height: 26px; padding: 10px; border-radius: 6px; }
.business-form .right .button{ margin-top: 22px; background: none; padding: 0 40px; line-height: 40px; font-size: 16px; color: #6e6e6e; border:2px solid #6e6e6e;}
.business-form .right .button:hover{ color: #dd061f; border: 2px solid #dd061f;}
.business-form .right .tip{ margin-top: 25px; background: url(../images/contact/ico_tip.png) no-repeat left; padding-left: 25px; line-height: 30px;font-size: 16px;}
.business-form .right .tip a:hover{ color: #dd061f;}

.contact-info{ margin: 0 auto; padding: 60px 0 125px;}
.contact-info ul{ margin-top: 55px;}
.contact-info li{ float: left; margin-right: 40px; font-size: 18px; line-height: 26px;}
.contact-info li:last-child{ margin-right:0;}
.contact-info li .box{ margin-bottom: 45px;} 
.contact-info li .box p{ color: #999999;}
.contact-info li .box a{ color: #999999; }
.contact-info li .box a:hover{  color: #ff0000;}
.contact-info img{ width: 100%;}


@media (max-width:1500px) {
  
  .theme{ letter-spacing:1px; font-size: 28px; }
  .expert li .tit{ font-size: 22px;}
  .partner li .tit{ font-size: 22px;}
  
  .expert-detail .text .tit{ font-size: 22px;}
  .expert-detail .text .con{ line-height:28px;}
}




/* ========== */
/* = CASE = */
/* ========== */
.case-box{ padding: 0 0 160px; background: #f8f8f8; position: relative;}
.case-letter{ position: absolute; top:-20px; left:10px; width: 55%;}
.case-box .theme{ padding-top: 40px;}
.case-slick{ margin:60px -56% 0;}
.case-slick .slick-slide{ padding: 0 0.2%;}
.case-slick .slick-slide .box{ display: block; position: relative;}
.case-slick .slick-slide .default{ display: none; }
.case-slick .slick-slide .hover{ display: block;}
.case-slick .slick-current .default{ display: block; }
.case-slick .slick-current .hover{ display: none;}
.case-slick .slick-prev,
.case-slick .slick-next{ width: 33%; top:0; margin: 0; height: 100%; border-radius:0;}


.scroll-logobox{ padding: 90px 0 95px; position: relative;}
.scroll-logobox .des{ font-size: 20px; margin-top: 40px; text-align: center;}
.scroll-logobox .swiper-container .swiper-wrapper{
    -webkit-transition-timing-function: linear; 
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.scroll-logobox .swiper-slide{ padding: 0 6px 40px;}
.scroll-logobox .swiper-slide .img{ margin-top: 40px; -webkit-box-shadow:0 0 7px rgba(0,0,0,.1); box-shadow:0 0 7px rgba(0,0,0,.1); position:relative;}
.scroll-logobox .swiper-slide .img span{ position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,.55); color:#fff; font-size:16px; line-height:32px; text-align:center; display:none;}
.scroll-logobox .swiper-slide .img:hover span{  display:block; }



.case-xg-box{ padding: 80px 3% 0; background: #fff;}
.case-xg-box ul{ margin: 40px auto 0; max-width: 1440px;}
.case-xg-box li{ float: left; width:33.33333%; padding: 20px;}
.case-xg-box li .box{ -o-box-shadow:0 0 30px rgba(0,0,0,.1); 
  -ms-box-shadow:0 0 30px rgba(0,0,0,.1); 
  -moz-box-shadow:0 0 30px rgba(0,0,0,.1); 
  -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); 
  box-shadow:0 0 30px rgba(0,0,0,.1); position:relative;}
.case-xg-box li .box img{ -webkit-transition: all ease .4s;
     -moz-transition: all ease .4s;
      -ms-transition: all ease .4s;
       -o-transition: all ease .4s;
          transition: all ease .4s;}
.case-xg-box li a:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); }

.case-xg-box li .box span{ display:none; position:absolute; bottom:10px; left:0; width:100%; text-align:center; color:#e6061f; text-align:center; font-size:12px;}
.case-xg-box li .box .aline:after{ display:none;content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#e6061f; }
.case-xg-box li .box:hover span{  display:block;}
.case-xg-box li .box:hover .aline:after{ display:block;}

/* ========== */
/* = CASE-DETAIL = */
/* ========== */
.case-detail-banner{ position: relative;}
.case-detail-banner .box{ padding: 13% 0; }
.case-detail-banner .box .container{ min-height:300px; padding: 0 4.5%;}
.case-detail-banner .box img{ margin: 0;}
.case-detail-banner .box .tit{ margin-top:38px; font-size:26px; line-height: 42px; text-align: justify; letter-spacing:4px;}
.case-detail-banner .box .tit .red{color: #e6061f;}
.case-detail-banner:hover .bg{ display: block;}
.case-detail-banner .bg{ display: none; position: absolute; bottom:0; left:0; width: 100%; padding:3% 4.5%; background: rgba(255,255,255,.5); line-height: 36px; color:#000;}
.case-detail-banner .text{  width:70%; max-width: 730px; letter-spacing: 1px; text-align: justify;}
.case-detail-banner .font-white{ color: #FFFFFF;}

.case-result{ padding-bottom: 80px; overflow: hidden;}
.case-result .content{ max-width: 1076px; margin: 0 auto; position: relative;}
.case-result .content:before{ content: ""; position:absolute; top:0; left:13px; width: 2px; height: 100%; background: #eeeeee;}
.case-result .content .theme{ position: relative; z-index: 1; padding: 65px 0 65px 60px; text-align: left;}
.case-result .content .des{ margin-bottom: 45px; padding-left: 60px; position: relative; font-size: 20px; line-height:32px; letter-spacing:1px;}
.case-result .content .des:last-child{ margin-bottom: 0;}
.case-result .content .des:before{ content: ""; position: absolute; top:2px; left:0; width: 27px; height: 27px; background: #c5c5c5;}
.case-result .content .des:hover:before{ background: #e6061f;}
.case-result .content .des:last-child:after{ content: ""; position: absolute; top:29px; left:0; width: 27px; height: 100%; background: #FFFFFF;}
.case-result .tip{ margin-top: 25px; text-align: right; font-size: 14px; color: #999; }

.case-expert{ padding: 60px 0; background:#f6f6f6;}
.case-expert .theme{ text-align: left; max-width: 950px; margin: 0 auto; padding: 0 5px;}
.case-expert .content{ max-width: 950px; margin:50px auto 0;  padding: 50px 0; border-top: 2px solid #000000; border-bottom: 2px solid #000000;  display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.case-expert .img{ width: 30%;}
.case-expert .text{ width: 65%; text-align:justify; padding-left:3%;}
.case-expert .text .tit{ font-size:24px; font-weight: bold;}
.case-expert .text .des{ margin-top: 15px; font-size: 15px;}
.case-expert .text .con{ margin-top: 30px; line-height: 36px;}

@media (max-width:1500px) {
  .case-expert .text .des{ font-size:14px;}
}




/* ========== */
/* = COMPETE = */
/* ========== */
.compete-box{ padding:60px 0 105px; position: relative; overflow: hidden;}
.compete-letter{ position: absolute; z-index:0; top:0; right:10px; width: 64%;}
.compete-box .container{ position: relative; z-index: 1;}
.compete-box .content{ margin:0 auto; position: relative; padding-top: 115px;}
.compete-box .content:before{ content: ""; position: absolute; top:0; right:40%; width: 200%; height: 150%; background: #f4f4f4;}
.compete-box .content .left{ float: left; width: 40.4%; position: relative; z-index: 1; padding-bottom: 95px;}
.compete-box .content .left .theme{ text-align: left; }
.compete-box .content .left .des{ margin-top: 35px; line-height:32px; text-align: justify;}
.compete-box .content .left .des p{ margin-bottom:10px;}
.compete-box .content .right{ float: right; width: 47.5%; position: relative; z-index: 1;}
.compete-box .content .right div{ position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center; width: 100%; }
.compete-box .content .right div p{ font-size: 20px; color: #bcbcbc; margin-top: 20px;}
.compete-box .red-bg{ position: absolute; z-index: 0; bottom: -65px; left:0; width: 200%; background:#e6061f; color: #FFFFFF; padding: 30px 20px;}
.compete-box .red-bg div{ display: inline-block; margin: 0 30px; text-align: center;}
.compete-box .red-bg div i{ margin-right: 5px; font-style: normal; font-size: 30px;}
.compete-box .red-bg div p{ margin-top: 10px; }

.compete-value{ padding-top: 125px;}
.compete-value ul{ margin-top: 70px; background-image: url(../images/compete/compete_bg.jpg);}
.compete-value li{ float: left; width: 20%; color: #FFFFFF; border-left: 1px solid rgba(255,255,255,.4); padding: 8% 3% 9% 2%; text-align: justify;}
.compete-value li:first-child{ border-left: none;}
.compete-value li:nth-child(2n){ padding: 12% 3% 5% 2%;}
.compete-value li span .default{ display: block;}
.compete-value li span .hover{ display: none;}
.compete-value li span img{ margin: 0;}
.compete-value li .tit{ margin-top: 45px; font-size:24px;}
.compete-value li .des{ margin-top: 30px; line-height: 30px; min-height:240px;}
.compete-value li:hover{ background: #e6061f;}
.compete-value li:hover span .default{ display: none;}
.compete-value li:hover span .hover{ display: block;}

@media (max-width:1500px) {
  .compete-value li{ min-height: 580px;}
  .compete-value li .tit{ margin-top: 30px; font-size: 22px;}
  .compete-value li .des{ margin-top: 20px;}
}

.compete-college{ padding:80px 0 70px; position: relative;}
.compete-college .compete-letter{ right: auto; left:0; top:15px; z-index:0;}
.compete-college .theme{ position: relative; z-index: 1; letter-spacing:3px;}
.compete-linkbox{ margin-top:35px; position: relative; z-index: 1; padding: 30px 0 45px;}
.compete-linkbox:before{ content: ""; position: absolute; z-index:0; top:0; left:20%; background: #f4f4f4; height: 100%; width:200%;}
.compete-linkbox .img{ width: 85%; position: relative; z-index: 1;}
.compete-linkbox .con{ padding:45px 5% 0 26%; padding-right: 5%; text-align: justify; position: relative; z-index: 1;}
.compete-linkbox .con p{ letter-spacing: 2px; line-height:28px; }
.compete-linkbox .con .home-button{ margin-top:25px;}

.compete-list{ margin-top: 40px;}
.compete-list li{ margin-top: 25px; margin-right: 40px;position: relative;}
.compete-list li:first-child{ margin-top:0;}
.compete-list li:before{ content: ""; position: absolute; z-index:0; top:10%; left:5%; background: #f4f4f4; height:90%; width:95%;}
.compete-list li .img{ float: left; width: 35%;position: relative; z-index: 1;}
.compete-list li .con{ float: right; width: 65%;position: relative; z-index: 1; padding: 65px 45px 50px; line-height: 28px;  text-align: justify; letter-spacing: 2px;}
.compete-list li .tit{ font-size: 24px; font-weight: bold; letter-spacing: 3px;}
.compete-list li .des{ margin-top: 10px;}
.compete-list li .text{ margin-top: 15px; color: #777777;}
.compete-list li:nth-child(2n){ margin-right: 0; margin-left: 40px;}
.compete-list li:nth-child(2n):before{ right:5%; left:auto;}
.compete-list li:nth-child(2n) .img{ float: right;}
.compete-list li:nth-child(2n) .con{ float:left;}

.compete-picbox{  padding: 50px 6% 0;}
.compete-picbox .tit{  font-weight: bold; font-size: 24px; text-align: center; letter-spacing: 3px;}
.compete-picbox ul{ margin-top: 25px;}
.compete-picbox li{ float: left; padding: 8px; width: 50%;}











/* ========== */
/* = CAMP = */
/* ========== */
.fixed-camp-link{  position: absolute; left:5px; z-index: 99; }
.fixed-camp-link.fx{ position: fixed; top:174px; }
.fixed-camp-link li{ display: block;}
.fixed-camp-link li a{ margin-bottom:2px; text-align:center; padding: 10px 6px; display: block;  color: #888888; font-size: 14px; background: #e9e9e9;}
.fixed-camp-link li a span{display:block;  display:block; margin:0 auto 2px; width:36px; height: 36px; background-size: cover;}
.fixed-camp-link li:nth-child(1) span{ background-image: url(../images/camp/ico_01.png);}
.fixed-camp-link li:nth-child(2) span{ background-image: url(../images/camp/ico_02.png);}
.fixed-camp-link li:nth-child(3) span{ background-image: url(../images/camp/ico_03.png);}
.fixed-camp-link li:nth-child(4) span{ background-image: url(../images/camp/ico_04.png);}
.fixed-camp-link li:nth-child(5) span{ background-image: url(../images/camp/ico_05.png);}
.fixed-camp-link li.current a{  color: #e6061f;}
.fixed-camp-link li.current:nth-child(1) span{ background-image: url(../images/camp/ico_01h.png);}
.fixed-camp-link li.current:nth-child(2) span{ background-image: url(../images/camp/ico_02h.png);}
.fixed-camp-link li.current:nth-child(3) span{ background-image: url(../images/camp/ico_03h.png);}
.fixed-camp-link li.current:nth-child(4) span{ background-image: url(../images/camp/ico_04h.png);}
.fixed-camp-link li.current:nth-child(5) span{ background-image: url(../images/camp/ico_05h.png);}
.anchor-link{ position:absolute; top:-67px; left:0; width: 100%;}

.camp-entrepreneurs{ padding: 30px 0 60px; position: relative;}
.camp-entrepreneurs .container{ max-width: 1620px; padding: 0 100px;}
.camp-entrepreneurs .title{ margin-bottom: 50px; text-align: center; }
.camp-entrepreneurs .title h2{ font-size: 28px; letter-spacing: 2px;}
.camp-entrepreneurs .title h1{ margin-top: 30px; font-size: 40px; letter-spacing: 2px;}
.camp-entrepreneurs .title .des{ margin-top: 30px; padding:18px 0; display: inline-block; /* font-size:28px; */font-size:22px; line-height:36px;  color: #e6061f; border-top:1px solid #222; border-bottom:1px solid #222;}
.camp-entrepreneurs .video{ margin: 45px auto 0; position: relative;}
.camp-entrepreneurs .video span{ position: absolute; top:50%; left:50%; display: block; width: 80px; height: 80px; margin-left: -40px; margin-top: -40px; background-image: url(../images/video/red_play.png);}
.camp-entrepreneurs-list{ margin-top: 40px;}
.camp-entrepreneurs-list li{ float: left; padding:8px; width: 33.333%;}
.camp-entrepreneurs-list .box{ position: relative; border: 1px solid #e9e9e9;  background: #e9e9e9; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.camp-entrepreneurs-list .box img{ width: 48%;}
.camp-entrepreneurs-list .box .txt{ width: 52%; padding: 0 10px; text-align: center;}
.camp-entrepreneurs-list .box .txt span{ font-size: 24px;}
.camp-entrepreneurs-list .box .txt p{ margin-top: 10px; line-height:26px; min-height:52px;}
.camp-entrepreneurs-list .box .pop{ display: none; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.7); color: #FFFFFF; line-height: 34px; padding: 0 8%; text-align: center;}
.camp-entrepreneurs-list .box .pop div{ width: 100%; display: inline-block; vertical-align: middle; text-align:justify;}
.camp-entrepreneurs-list .box .pop div+i{ display: inline-block; vertical-align: middle; height: 100%;}
.camp-entrepreneurs-list .box:hover .pop{ display: block;}

.camp-lecturer{ padding:50px 0 40px; background: #f4f4f4; position: relative;}
.camp-lecturer-list{margin:45px -8px 0;}
.camp-lecturer-list li{ float: left; width: 50%; padding:0 8px;}
.camp-lecturer-list .box{ position: relative; -webkit-box-shadow:0 0 10px rgba(0,0,0,.1); box-shadow:0 0 10px rgba(0,0,0,.1);}
.camp-lecturer-list .box img{ width: 100%;}
.camp-lecturer-list .box .text{ padding: 10px;  background: #e9e9e9; text-align:center;}
.camp-lecturer-list .box .text span{  margin-bottom: 3px; display: block; font-size: 24px;}
.camp-lecturer-list .box .pop{ position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.7); color: #FFFFFF; line-height: 30px; padding:5%;  display: none; flex-flow: wrap; align-items: center; justify-content: pace-between; text-align:justify;   }
.camp-lecturer-list .box:hover .pop{ display: flex;}
.camp-lecturer .anchor-link{ top:50px;}

.camp-course-title{ position: relative; padding-top: 65px;}
.camp-course{ position: relative; margin:45px auto 0;  background: #fff; -webkit-box-shadow:0 0 10px rgba(0,0,0,.1); box-shadow:0 0 10px rgba(0,0,0,.1); position: relative;}
.camp-course:before{ content: ""; position: absolute; top:80px; left:-2%; width: 104%; height:4px; background: #e6061f;}
.camp-course li{ float: left; width: 33.333333%; border-right:4px solid #f4f4f4; padding:0 5% 5%;}
.camp-course li:last-child{ border-right:none;}
.camp-course li .tit{ line-height: 80px; font-size: 24px; font-weight: bold; text-align: center;}
.camp-course li .text{ line-height: 36px; color: #888888;}
.camp-course li .text .des{ margin: 30px 0 15px; font-weight: bold; color:#222222;}

.camp-sign{ padding-top: 65px; position: relative;}
.camp-sign .content{ margin-top: 45px; padding:20px 40px 60px; border-top:3px solid #222222; border-bottom: 3px solid #222222;}
.camp-sign .left{ float: left; padding-top: 30px;}
.camp-sign .left h2{ font-size:30px; color:#e6061f;}
.camp-sign .left h3{ margin-top: 10px; line-height:46px; font-size: 22px;}
.camp-sign .right{ float:right; width:52%;}
.camp-sign .right .in{ float: left; margin-top: 30px; margin-right:3%; width:47%; font-size: 16px; line-height: 34px;}
.camp-sign .right .in i{ margin-right: 2px; font-style: normal;  color:#e6061f;}
.camp-sign .right .in input{ display: block; width: 100%; height:46px; padding:10px; border: none; background: #f5f5f5; line-height: 26px; border-radius:6px;}
.camp-sign .right .button{ margin-top:30px; background: none; padding: 0 40px; line-height: 40px; font-size: 16px; color: #6e6e6e; border:2px solid #6e6e6e;}
.camp-sign .right .button:hover{ color: #dd061f; border: 2px solid #dd061f;}
.camp-sign .right .des span{ margin-top: 30px; line-height: 30px; display:inline-block; position:relative;}
.camp-sign .right .des span:nth-child(1){ margin-right: 8%;}




/* ========== */
/* = KNOWLEDGE = */
/* ========== */
.knowledge{ position: relative; padding:30px 5% 140px;}
.knowledge-bg{ position: absolute; z-index: 0; top:-80px; right:0; width: 26%;}
.knowledge .theme{ position: relative; z-index: 1;}
.knowledge .des{  position: relative; z-index: 1; margin-top: 40px; text-align: center; font-size: 22px; line-height: 44px;}
.knowledge ul{ position: relative; z-index: 1;}
.knowledge li{ float: left; margin-top:85px; width: 33.33333%; padding: 0 15px;}
.knowledge .box{ display: block;}
.knowledge .box .img{ overflow: hidden; }
.knowledge .box .img img{ width: 100%;}
.knowledge .box .text{ padding: 25px 15px 0; font-size: 20px; line-height: 36px;}
.knowledge .box .text .tit{ height: 72px; overflow: hidden;}
.knowledge .box .text span{ display: block; margin-top: 12px; color: #666666;}
.knowledge .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.knowledge .box:hover .text .tit{ color:#e6061f;}


/* ========== */
/* = KNOWLEDGE = */
/* ========== */
.knowledge-box{ padding: 90px 0 150px;  display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.knowledge-box .text{ width: 54%; padding: 0 5% 0 7%;}
.knowledge-box .text .tit{ font-size:28px; line-height:50px;}
.knowledge-box .text .des{ margin-top:30px; padding: 35px 0; border-top: 2px solid #222222; border-bottom: 2px solid #222222; line-height: 36px; text-align: justify;}
.knowledge-box .img{ width: 46%;}
.knowledge-box .img img{ width: 100%;}

.knowledge-guest{ padding: 80px 0 150px; background: #f7f7f7;}
.knowledge-guest .slick{ margin-top:50px; width: 100%;}
.knowledge-guest .slick-slide{ padding: 0 10px;}
.knowledge-guest .slick-slide img{ width: 100%;}
.knowledge-guest .box{ position: relative;}
.knowledge-guest .box .text{ position: absolute; bottom: 0; left:0; width: 100%; padding: 15px; background: rgba(0,0,0,.6); color: #FFFFFF;}
.knowledge-guest .box .text .con{ margin-top: 5px; line-height:20px; font-size: 13px; display: none;}
.knowledge-guest .box:hover .text .con{ display: block;}



.knowledge-scene{ padding: 80px 0 65px;}
.knowledge-scene .tab{ margin: 60px auto 0; max-width: 1250px; padding: 0 70px;}
.knowledge-scene .tab span{ float: left; padding: 20px 0; width:33%; margin-right:0.5%; display: block; text-align:center; background: #ededed; cursor: pointer;}
.knowledge-scene .tab span:nth-child(3n){ margin-right: 0;}
.knowledge-scene .tab span.active{ background: #e6061f; color: #FFFFFF;}
.knowledge-scene .js-tab-box{  margin:45px auto 0;}
.knowledge-scene .js-tab-con{ height: 0; overflow: hidden;}
.knowledge-scene .js-tab-con.active{ height: auto;}
.knowledge-scene .slick{ max-width: 1250px; padding: 0 70px; margin: 0 auto;}
.knowledge-scene .slick-prev{ background-image: url(../images/slick_prev.png);}
.knowledge-scene .slick-next{ background-image: url(../images/slick_next.png);}
.knowledge-scene .img{ padding:8px;} 


.knowledge-case{ padding:70px 0;}
.knowledge-case .slick{ max-width: 1180px; margin:45px auto 0; padding-bottom: 60px;}
.knowledge-case .slick-slide{ padding: 0 12px;}
.knowledge-case .slick-dots{ bottom: 0;}
.knowledge-case .slick-dots li{ margin: 0 15px;}
.knowledge-case .slick-dots li button{ border: 2px solid #757575; background: none;}
.knowledge-case .slick-dots li.slick-active button{ background: #757575;}

.knowledge-video{ background:#f7f7f7; padding-top: 60px; margin-bottom:80px;}
.knowledge-video .video{ margin-top: 50px; position: relative;}
.knowledge-video .video span{ position: absolute; top:50%; left:50%; width: 51px; height: 51px; margin-left:-25px; margin-top:-25px; background-image:url(../images/compete/play.png);}

.knowledge-news{ margin: 80px 0 100px;}
.knowledge-news ul{ max-width: 820px; margin: 0 auto;}
.knowledge-news li{ margin-top: 50px; }
.knowledge-news li a{ display: block; line-height: 80px; position:relative; padding-left: 195px; font-size: 20px; color: #666;}
.knowledge-news li img{ position: absolute; top:0; left:0;}

@media (max-width:1360px) {
  .knowledge-guest .box .text .con{ font-size:12px; line-height:19px;}
}




/* ========== */
/* = SERVICE = */
/* ========== */
.service-box{ margin-top: -84px; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; position: relative; z-index: 1; background: #FFFFFF; -webkit-box-shadow:0 0 50px rgba(0,0,0,.05);  box-shadow:0 0 50px rgba(0,0,0,.05);}
.service-box .img{ width: 45.5%; position: relative; z-index: 1;}
.service-box .text{ width: 54.5%; padding-right:10%; position: relative;z-index: 1; text-align: justify;}
.service-box .text .des{ max-width: 420px; line-height:36px; letter-spacing:2px; } 
.service-box .text .con{ margin-top: 4%; max-width: 420px; font-size:20px; font-weight:bold; line-height:40px; letter-spacing: 2px;}
.service-box .letter{ position: absolute; top:20%; right:-6%; z-index:0; width: 41%;}

.service-content{ background: #fefefe; padding: 95px 0 125px;}
.service-content .row .box{ float: left; width: 50%;}
.service-content .row .box .des{ text-align: left;  padding-left: 30%;}
.service-content .box { text-align: center;}
.service-content .box .tit{ position: relative; padding-bottom: 8px;}
.service-content .box .tit p{ position: absolute; bottom:0; left:0; width: 100%; font-size: 30px;}
.service-content .box .tit span{ position: relative; display: inline-block; padding-left: 40px;}
.service-content .box .tit span:before{ content: ""; position: absolute; top:50%; left:0; margin-top:-9px; background: #be0712; width:18px; height: 18px;}
.service-content .box .des{ margin-top: 30px; line-height: 34px;}
.service-content .line{ margin:50px auto 25px; width: 32%; height: 1px; background: #6e6e6e;}
.service-content .imgbox{ margin-top: 60px;}
.service-content .bg{ position: relative;}
.service-content .bg .line{ margin-bottom: 0; position: relative; z-index:1;}
.service-content .bg img{ margin-top: -30px; position: relative; z-index:0;}
.service-content .img{ margin-top: -40px; position: relative; z-index: 1;}


@media (max-width:1360px) {
  .service-box .text .des{ max-width: 390px; }
  .service-box .text .con{ max-width: 390px; font-size:18px; line-height:34px;}
  
  .service-content .box .tit p{ font-size:26px; }
  
}






/* ========== */
/* = VIDEO = */
/* ========== */
.video-banner{ position: relative;}
.video-banner .ico-paly{ position: absolute; z-index: 2; top:50%; left:50%; width: 90px; height: 90px; margin-left: -45px; margin-top: -45px; background-image: url(../images/video/gary_play.png);}
.video-banner:after{ content:""; z-index:0; position: absolute; top:0; left:0; z-index: 1; height: 100%; width: 100%; background: rgba(0,0,0,.3);}
.video-banner .text{ position: absolute; z-index:2; bottom:0; left:0; width: 100%; text-align: center;}
.video-banner .text p{ position:relative; display: inline-block; padding: 10px 5%; font-size: 30px; transform: translateY(50%); -webkit-transform: translateY(50%); background: #dd061f; color: #FFFFFF;}
.video-banner:hover .ico-paly{ background-image: url(../images/video/red_play.png);}

.video-list{ padding: 108px 0 65px;}
.video-list li{  margin-bottom: 40px; float: left; width: 32.666%; margin-right:1%; -o-box-shadow:0 0 30px rgba(0,0,0,.1); 
  -ms-box-shadow:0 0 30px rgba(0,0,0,.1); 
  -moz-box-shadow:0 0 30px rgba(0,0,0,.1); 
  -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); 
  box-shadow:0 0 30px rgba(0,0,0,.1);}
.video-list li:nth-child(3n){ margin-right: 0;}
.video-list li:nth-child(3n+1){ clear: both;}
.video-list li .img{ position: relative; background: #000000; padding: 24px 0;}
.video-list li .img div{ overflow: hidden; width: 100%;}
.video-list li .img div:after{ content:""; position: absolute; top:0; left:0; z-index: 1; height: 100%; width: 100%; background: rgba(0,0,0,.2);}
.video-list li .img img{ position: relative; z-index:0;}
.video-list li .img span{ position: absolute; top:50%; left:50%; width: 36px; height: 36px; margin-left: -18px; margin-top: -18px; background-image: url(../images/video/gary_play.png); background-size:cover; z-index: 1;}
.video-list li .text{ padding: 12px 24px 20px; border-bottom: 5px solid #FFFFFF;}
.video-list li .text span{ padding: 3px 12px; background: #dd061f; color: #FFFFFF; display: inline-block;}
.video-list li .text p{ margin-top: 8px; text-align: justify; line-height: 28px; height: 56px; overflow: hidden; color: #333333;}
.video-list li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.video-list li:hover .img span{ background-image: url(../images/video/red_play.png);}
.video-list li:hover .text{ border-bottom: 5px solid #dd061f;}
.video-list .more{ text-align: center;}


/* ========== */
/* = MEDIA-LIST = */
/* ========== */
.media-list{ padding: 40px 0 80px;}
.media-list .theme{ position:relative;}
.media-list .theme .video { position:absolute; top:-100%; width: 39%;}
.media-list ul{ margin-bottom: 55px;}
.media-list li{ margin-top: 75px;}
.media-list li a{ display: block; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.media-list li .img{ width: 39%; overflow: hidden;}
.media-list li .img img{ width: 100%;}
.media-list li .text{ width: 61%; padding:0 5%; }
.media-list li .tit{ max-width: 460px; font-size: 20px; color: #333333; line-height: 40px; max-height: 88px; overflow: hidden;}
.media-list li .source span{ margin-top: 20px; display: block; position: relative; color:#999999; padding-left: 45px; line-height: 30px;}
.media-list li .source span:before{ content: ""; position: absolute; top:0; left:0; width: 30px; height: 30px; background-size: cover;}
.media-list li .source span:nth-child(1):before{ background-image: url(../images/ico_article.png);}
.media-list li .source span:nth-child(2):before{ background-image: url(../images/ico_date.png);}
.media-list li a:hover .img img{  transform: scale(1.1); -webkit-transform: scale(1.1);}
.media-list li a:hover .tit{  color: #e6061f;}


.media-list .video{ position: relative;}
.media-list .video:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: #000; opacity: .3;}
.media-list .video:after{ content: ""; position: absolute; top:50%; left:50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; background-image: url(../images/release/ico_play.png); background-size: cover;}


/* ========== */
/* = NEWS-DETAIL = */
/* ========== */
.news-detail{ padding: 45px 0 145px;}
.news-detail-top{ position: relative; padding-right: 170px;}
.news-detail-top .title{  font-size: 24px; font-weight: bold; line-height:48px; color: #333333;}
.news-detail-top .source{ margin-top: 40px; color:#999999;}
.news-detail-top .source span{ position: relative; display:inline-block; padding-left: 40px; line-height: 30px;}
.news-detail-top .source span:before{ content: ""; position: absolute; top:0; left:0; width: 30px; height: 30px; background-size: cover;}
.news-detail-top .source span:nth-child(1){ margin-right: 50px; }
.news-detail-top .source span:nth-child(1):before{ background-image: url(../images/ico_article.png);}
.news-detail-top .source span:nth-child(2):before{ background-image: url(../images/ico_date.png);}
.news-detail-top .share{ position: absolute; right:20px; top:-5px; height:60px; width: 60px; background-image: url(../images/ico_share.png); background-size: cover;}
.news-detail-top .share:hover{ background-image: url(../images/ico_shareh.png);}
.news-detail-top .share:hover .bshare-custom{ display: block;}
.news-detail-top .share .bshare-custom{ display: none; padding-bottom: 20px; position:absolute; top:60px; left:50%; margin-left: -50px; width: 100px; border:2px solid #d7d7d7;}
.news-detail-top .share .bshare-custom span{ padding-top:20px; display: block;padding-left: 15px;}
.news-detail-top .share .bshare-custom a{ margin-right: 10px;  font-size: 20px; line-height: 20px; height: 20px; padding-left:27px; background-position:left;}
.news-detail-top .share .bshare-custom .bshare-weixin{ background-image: url(../images/ico_weixin_black.png);}
.news-detail-top .share .bshare-custom .bshare-sinaminiblog{ background-image: url(../images/ico_weibo_black.png);}
#bsWXBox{ box-sizing: content-box; }
.news-article{ margin-top: 80px; line-height: 36px; color: #666666;}
.news-article p{ margin-top: 20px;}



.recommend-news{ padding:50px 0 75px; background: #f5f5f5;}
.recommend-news ul{ margin:35px -25px 0; background: #FFFFFF;}
.recommend-news li{  float: left; width: 33.333%;}
.recommend-news .box{ display: block; padding:25px 25px 50px;}
.recommend-news .box .img{ width: 100%; overflow: hidden;}
.recommend-news .box .img img{ width: 100%;}
.recommend-news .box .text{ margin-top: 20px; line-height: 30px; height: 60px; overflow: hidden; color: #333333;}
.recommend-news .box:hover{ background:#FFFFFF; -webkit-box-shadow: 0 0 22px rgba(0,0,0,.15); box-shadow: 0 0 22px rgba(0,0,0,.15);}
.recommend-news .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.recommend-news .box:hover .text{ color: #e6061f;}



/* ========== */
/* = DONGTAI = */
/* ========== */
.dongtai{ padding:30px 0 60px;}
.dongtai-slick .slick-prev{ left:-65px; background-image: url(../images/slick_prev.png);}
.dongtai-slick .slick-next{ right:-65px; background-image: url(../images/slick_next.png);}
.dongtai-top{ margin-top:45px;}
.dongtai-top .img{ overflow: hidden;}
.dongtai-top .tit{ margin-top: 25px; line-height: 36px;}
.dongtai-top:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.dongtai-list{ margin:0 -10px 60px;}
.dongtai-list li{ margin-top: 50px; float: left; width: 33.333%; padding: 0 10px;}
.dongtai-list .box{ display: block; -o-box-shadow:0 0 30px rgba(0,0,0,.1); 
  -ms-box-shadow:0 0 30px rgba(0,0,0,.1); 
  -moz-box-shadow:0 0 30px rgba(0,0,0,.1); 
  -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); 
  box-shadow:0 0 30px rgba(0,0,0,.1);}
.dongtai-list .box .img{ overflow: hidden;}
.dongtai-list .box .text{ padding: 25px 30px; line-height: 30px;}
.dongtai-list .box .text .tit{ height: 60px; overflow: hidden;}
.dongtai-list .box .text span{ margin-top: 3px; display: block; color: #666666; }
.dongtai-list .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.dongtai-list .box:hover .text .tit{ color: #e6061f;}




/* ========== */
/* = BOOK = */
/* ========== */
.book-tit{ letter-spacing:1px; font-size: 24px; font-weight: bold;}
.book-box{ padding: 42px 0 80px;}
.book-box ul{ margin-top: 55px; border-top: 1px solid #171717;}
.book-box .content{ display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; border: 1px solid #171717; border-top:none; padding: 50px 7%;}
.book-box .img{ width: 36%; }
.book-box .con{ width: 64%; padding-left:6%;}
.book-box .con .des{ margin-top:5%; line-height: 32px;}
.book-box .con .home-button{ margin-top: 8%; }


.book-author .container{  display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.book-author .img{ width:32%; }
.book-author .con{ width:68%; padding-right: 6%;}
.book-author .con .name{ margin-top: 40px;}
.book-author .con .tip{ margin-top: 5px; line-height: 32px; font-weight: bold;}
.book-author .con .des{ line-height: 32px; margin-top: 15px; text-align: justify;}  

.book-introduce{ padding: 50px 0 70px;}
.book-introduce .content{ margin-top: 45px; line-height: 32px; text-align:justify;} 
 
.book-list{ padding:40px 0; border-bottom: 1px solid #171717;  border-top: 1px solid #171717;}
.book-list:last-child{ border-top:none; margin-bottom:95px;}
.book-list ul{ margin: 0 -20px;}
.book-list li{ float: left; width: 33.33333%; padding: 0 20px; margin-top: 40px; text-align: justify; line-height:32px;}
.book-list li:nth-child(3n+1){ clear: both;}




/* ========== */
/* = RELEASE = */
/* ========== */
.release-box{ padding: 98px 0 100px; position: relative;}
.release-box .content{ display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.release-box .content .left{ width:54%; padding: 0 5% 0 7%;}
.release-box .content .left .tit{ font-weight:bold; color: #333333; font-size: 34px; }
.release-box .content .left .tip{ margin-top:5%; font-size: 20px;}
.release-box .content .left .des{ margin-top:8%; width: 100%; padding: 6% 0; border-bottom: 2px solid #222222; border-top: 2px solid #222222; text-align: justify; line-height: 34px;}
.release-box .content .right{ width: 46%;}
.release-box .content .right img{ width: 100%;}


.w1400{ max-width: 1600px; padding: 0 100px; margin: 0 auto;}
.release-theme{ font-size: 40px; color: #333333; position: relative; padding-top:30px; text-align: center; font-weight: bold;}
.release-theme p{ position: absolute; top:0; left:0; width: 100%; color: #f5f5f5; font-size: 64px; text-transform: uppercase;}
.release-theme span{ position: relative; z-index: 1;}
.release-video{ padding-bottom: 100px;}
.release-video .video{ margin-top: 40px; position: relative;}
.release-video .video .text{ position: absolute; margin-top: -60px; z-index: 2; top:50%; left:0; width: 100%; padding: 0 5%; text-align: center; color: #FFFFFF;} 
.release-video .video .text span{ display: inline-block; background-size: cover; width: 70px; height: 70px; background-image:url(../images/release/ico_play.png);}
.release-video .video .text p{ font-size: 24px; margin-top: 20px; font-size: 24px;}
.release-video li{ margin-top: 40px; float: left; width: 25%; padding: 0 3px;}
.release-video li .img{ position: relative;}
.release-video li .img:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.2);}
.release-video li .img p{ display: none; position: absolute; padding:12px 20px; font-size: 16px; bottom: 0; left:0; width: 100%; background: rgba(0,0,0,.7); color: #FFFFFF;}
.release-video li .img span{ position: absolute; z-index: 2; margin-left: -20px; top:50%; left:50%; margin-top: -20px; display: inline-block; background-size: cover; width: 40px; height: 40px; background-image:url(../images/release/ico_play.png);}
.release-video li .img:hover p{ display: block;}

.release-photos{ background: #fbfbfb; padding: 80px 0 90px;}
.release-photos .ul-01{ margin: 0 -5px;}
.release-photos .ul-01 li{ float: left; width: 25%; padding: 0 5px; margin-top: 50px;}
.release-photos .ul-01 li p{ padding:15px 20px; font-size: 16px;}
.release-photos .ul-02{ margin: 0 -2px;}
.release-photos .ul-02 li{ float: left; width: 20%; padding: 0 2px; margin-top: 50px;}

.release-news{ padding: 100px 0 136px;}
.release-news ul{ margin-bottom:40px; margin-top: 58px; border-top: 1px solid #e6e9eb;}
.release-news li{ padding: 50px 0; border-bottom:1px solid #e6e9eb;}
.release-news li a{  display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.release-news li .img{ width: 28%; overflow: hidden;}
.release-news li .text{ width: 67%;}
.release-news li .text .tit{ font-size: 24px; color: #333333;}
.release-news li .text .tip{ margin-top: 15px; font-size: 16px; color: #999999;}
.release-news li .text .des{ margin-top: 20px; font-size: 16px; line-height: 34px; height: 68px; overflow: hidden; color: #333333;}
.release-news li a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.release-news li a:hover .tit{ color: #ff071f;}
.release-news .more { margin: 0 auto; display: block; background: #082fc3; color: #FFFFFF; width: 200px; height: 44px; line-height: 44px; text-align: center;}
.release-news .more img{ display: inline-block; vertical-align: middle;}
.release-news .more span{ margin-left: 10px; display: inline-block; vertical-align: middle;}



/* ========== */
/* = BYSZK = */
/* ========== */
.fixed-byszk-link li:nth-child(4) span {background-image: url(../images/byszk/ico_x.png);}
.fixed-byszk-link li:nth-child(5) span {background-image: url(../images/camp/ico_04.png);}
.fixed-byszk-link li:nth-child(6) span {background-image: url(../images/camp/ico_05.png);}

.camp-entrepreneurs .container2{ max-width: 1240px;}
.camp-entrepreneurs .byszk-title h2{ font-size:44px; font-weight:bold;}
.camp-entrepreneurs .byszk-title .des{  display: flex; flex-flow: wrap; align-items:flex-start; justify-content: space-between;  text-align: left;}
.camp-entrepreneurs .byszk-title .des  .tit{ width: 40%; padding-top: 10px;}
.camp-entrepreneurs .byszk-title .des .con{ font-size: 16px; line-height: 32px; color: #333333; width:55%;}
 
.byszk-entrepreneurs-list{ margin: 40px -8px;}
.byszk-entrepreneurs-list li{ float: left; padding:8px; width: 50%;}
.byszk-entrepreneurs-list .box{ position: relative; border: 1px solid #e9e9e9;  background: #e9e9e9; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.byszk-entrepreneurs-list .box img{ width: 48%;}
.byszk-entrepreneurs-list .box .txt{ width: 52%; padding: 0 10px; text-align: center;}
.byszk-entrepreneurs-list .box .txt span{ font-size: 24px;}
.byszk-entrepreneurs-list .box .txt p{ margin-top: 10px; line-height:26px; min-height:52px;}
.byszk-entrepreneurs-list .box .pop{ display: none; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.7); color: #FFFFFF; line-height: 34px; padding: 0 8%; text-align: center;}
.byszk-entrepreneurs-list .box .pop div{ width: 100%; display: inline-block; vertical-align: middle; text-align:justify;}
.byszk-entrepreneurs-list .box .pop div+i{ display: inline-block; vertical-align: middle; height: 100%;}
.byszk-entrepreneurs-list .box:hover .pop{ display: block;}


.byszk-course{ margin-top:50px; background-image: url(../images/byszk/byszk_course_bg.jpg); background-size: cover;}
.byszk-course li{ float: left; width:33.333333%; padding:6% 2% 3%; min-height: 430px; border-right: 1px solid rgba(255,255,255,.3); color: #FFFFFF;}
.byszk-course li .tit{ margin-top: 20px; font-size:20px; color: #FFFFFF; font-weight: bold; text-align:center;  position: relative; padding-bottom: 20px;}
.byszk-course li .tit:after{ content: ""; position: absolute; bottom: 0; left:50%; margin-left: -12px; width: 24px; height: 4px; background: #e6061f;}
.byszk-course li .des{ margin: 25px auto 0; font-size: 16px; line-height: 36px; text-align:justify;}
/* .byszk-course li:nth-child(2) .des{ font-size: 14px; line-height: 28px;} 
.byszk-course li:nth-child(1) .des{ text-align: center;}*/
.byszk-course li:nth-child(3) .des{ max-width: 270px;}

@media (max-width:1400px) {
  .byszk-course li .tit{ font-size:20px;}
  .byszk-course li .tip{ font-size:14px;}
  .byszk-course li .des{ font-size:13px; line-height:28px; min-height:170px;}
}

@media (max-width:1220px) {
  .byszk-course li{ min-height:570px; padding-bottom:6%;}
  .byszk-course li .tip{ min-height:38px;}
  .byszk-course li .des{ font-size:12px; line-height:28px; min-height:250px;}
}



.camp-lecturer .container3{ max-width: 1430px;}
.byszk-course-day{ margin-top: 60px; display: flex; flex-flow: wrap; align-items:stretch; justify-content: space-between; background: #ffffff; font-size: 16px; line-height: 30px;} 
.byszk-course-day .js-tab-box{ width: 75%; position: relative; padding:50px 65px 120px;}
.byszk-course-day .js-tab-con{ display: none;}
.byszk-course-day .js-tab-con.active{ display:block;} 
.byszk-course-day .js-tab-con .tit{ font-size: 24px; color: #000000; font-weight:600;}
.byszk-course-day .js-tab-con .des{ margin-top: 20px; color: #222222;  font-weight: 600;}
.byszk-course-day .js-tab-con .tip{ margin-top: 40px; line-height: 36px; color: #666666;}
.byszk-course-day .js-tab-con .tip p{ position: relative; padding-left: 15px;}
.byszk-course-day .js-tab-con .tip .dots:before{ content: ""; position: absolute; top:50%; margin-top: -3px; left:0; width: 4px; height: 4px; background: #666666; border-radius: 100%;}
.byszk-course-day .js-tab-con .num{ position: absolute; bottom:60px; left:65px; font-size:40px; color: #eeeeee;}

.byszk-course-day .js-tab{ width: 25%; border-left: 1px solid #e5e5e5;}
.byszk-course-day .js-tab div{ padding:50px 0 50px 15%; position: relative; color: #000000; cursor: pointer;}  
.byszk-course-day .js-tab div .cricle{ position: absolute; left:-7px; top:50%; margin-top: -8px; display: block; width: 16px; height: 16px; border:1px solid #8f8f8f; border-radius: 100%; background: #FFFFFF;} 
.byszk-course-day .js-tab div .cricle:before{ content: ""; position: absolute; top:50%; left:50%;margin-top: -3px; margin-left: -3px; width: 6px; height: 6px; background: #8f8f8f; border-radius: 100%; overflow: hidden; }
.byszk-course-day .js-tab div span{ display: block; font-size: 24px; font-weight: 600;}
.byszk-course-day .js-tab div p{ margin-top: 5px;}
.byszk-course-day .js-tab div.active{ color: #e6061f;}
.byszk-course-day .js-tab div.active .cricle{ border: 1px solid #e6061f;}
.byszk-course-day .js-tab div.active .cricle:before{ background: #e6061f;}
 
.byszk-info{ margin-top: 3%; font-size: 18px; line-height: 44px;}
.byszk-info p{ float: left; width: 50%; padding: 0 5%;}
.camp-sign .right .button.byszk-button{ background: #e6061f; color: #FFFFFF; border:2px solid #e6061f;}
.camp-sign .red-button{  margin:0 auto; text-align:center; display:block; width:180px; line-height:50px; height:50px; font-weight:bold; background: #e6061f; color: #FFFFFF; border:2px solid #e6061f;}