@charset "utf-8";
/* CSS Document */

header .search { padding-top:48px;}
header .search p { padding-right:0;}
header .search p .anniu { background:url(../images/search-bg.png) no-repeat;width:30px;height:29px; border:none;margin:0; cursor:pointer; float:right;}
header .search p .txt { width:185px;height:29px; padding:0 5px;color:#333; line-height:29px; border:1px solid #ff7c01; background:#FFF;}
header .search .en {background:#ff7c01 url(../images/eng-icon.png) no-repeat 23px center; padding-left:47px;width:45px;height:31px; line-height:31px;}
.header .main-nav {
    position: absolute;
    left: 24.9%;
    top: 50px;
}
.header .main-nav .menu {
    margin: 0;
}
header  .main-nav .menu li.menu-item-has-children {
    position: relative;
    display: block;
    float: left;
    padding-right: 39px;
    height: 60px;
}
header .main-nav .menu li.menu-item-has-children a.menu-main:hover{color:#ffa800}
header .main-nav .menu li.menu-item-has-children a.menu-main:hover:after{opacity:1;visibility:visible;width:100%}
header .main-nav .sub-menu li:hover .sub-menu-2{opacity:1;visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
header .main-nav li:hover .sub-menu{opacity:1;visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);} 
header .main-nav .sub-menu li a:hover,.header .main-nav #main-nav .sub-menu li.current-item a{color:#f08200}
header .main-nav.style-2 .menu li.menu-item-has-children a.menu-main{color:#11161e}
header .main-nav.style-2 .menu li.menu-item-has-children a.menu-main:hover{color:#f08200}
header .main-nav.style-2 .sub-menu{background:#11161e}
header .main-nav.style-2 .sub-menu li a{color:#fff}
header .main-nav.style-2 .sub-menu li a:hover{color:#f08200}
header .main-nav.style-2 .sub-menu .sub-menu-2{background:#11161e!important}
header .main-nav.style-2 .sub-menu .sub-menu-2 li a{color:#fff!important}
header .main-nav.style-2 .sub-menu .sub-menu-2 li a:hover{color:#f08200!important}
header .main-header-contact{padding-right:146px}
header .main-header-contact .text-phone{color:#fff;float:left;padding-right:30px}
header .main-header-contact .text-phone a:hover{color:#f08200}
.menu-item a.active{    color: #ffa800!important;}
header .main-nav .menu li.menu-item-has-children a.active:after{
    opacity: 1 !important;
    visibility: visible !important; 
    width: 100% !important;
}

header .main-nav .menu li.menu-item-has-children a.menu-main {
    position: relative;
    text-decoration: none;
    color: #666;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
header  .main-nav .menu li.menu-item-has-children a.menu-main:after{
	content: "";
    position: absolute;
    bottom: -9px;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #ffa800;
    opacity: 1;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	}
header  .main-nav .sub-menu {
    position: absolute;
    top: 25px;
    width: 250px;
    padding: 15px 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
   /* -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);*/
}
header .main-nav .sub-menu li {
    display: block;
	background:#efefef;
	padding:2px 0;
}
header .main-nav .sub-menu li:first-child{ padding-top:10px;}
header .main-nav .sub-menu li:last-child{ padding-bottom:15px;}

header .main-nav .sub-menu li a {
    position: relative;
    display: block;
    font-size: 16px;
    color: #4b4948;
    padding: 5px 20px;
    font-weight: 500;
    text-transform: uppercase;
	letter-spacing:2px;
}
.sub-logo{ height:65px;}
.sub-nav { padding:65px 0 0 105px;}

.gradient-text-one{background: linear-gradient(#c3c2c3, #f0f0f1, #fff);    -webkit-background-clip: text;color: transparent;}
.gradient-text-one-1{background: linear-gradient(#c3c2c3, #f0f0f1, #f2f2f2);    -webkit-background-clip: text;color: transparent;}
.gradient-text-one_b{background: linear-gradient(#fff, #f0f0f1, #e4e3e4);  -webkit-background-clip: text;color: transparent;}
.tit {position: relative;top: -15px;}
.a_zsx1 { height:2px; background-color:#ff7c01;}
.a_zsx2 { height:2px; background-color:#4b4948;}

/* 核心团队*/
.team_top_b{ background:url(../images/team_banner.jpg) no-repeat; background-size:cover; width:100%; height:500px; margin:0;}
.team_bg{ background:url(../images/team_list_bg.jpg);background-repeat: repeat-y; background-size:100% auto;}
.team_list{ padding-top:100px;}
.team_list dl {
    overflow: hidden;
}
.team_list dl dd {
    height: 660px;
    width: 50%;
    float: left;
    text-align: justify;
	margin:0;
}
.team_list dl dd img {
    margin: 0 auto;
}
.team_list dl dd .name {
	text-align:right;
	width:40%;
	height:50px;
}
.team_list dl dd .name div{    border-right: 2px solid #494949;
    padding: 0 25px 0 0;
    height: 22px;
    float: right;
    font-size: 20px;
    line-height: 20px; font-weight:bold}
.team_list dl dd .name1 {
    line-height: 25px;
    letter-spacing: 2px;
    text-align: left;
    width: 50%;
    padding: 0 0 0 25px;
}
.team_list dl dd p.hengxian {
    border-bottom: 1px solid #666;
    margin: 0 auto;
    width: 370px;
    display: block;
    height: 20px;
	clear:both;
}
.team_list dl dd .team_txt {
    padding: 0 112px;
    line-height: 28px;
    margin-top: 20px;
    letter-spacing: 2px;
}
.team_list dl dd .name span {}
.team_list dl dd:nth-of-type(n+3) .team_txt { padding:0 29px; line-height:28px;margin-top: 20px;letter-spacing: 1px;}
.team_list dl dd:nth-of-type(6) .team_txt { padding:0 125px; line-height:28px;margin-top: 20px;letter-spacing: 1px;}
.team_list dl dd:nth-of-type(7) .team_txt { padding:0 125px; line-height:28px;margin-top: 20px;letter-spacing: 1px;}
.team_list dl .cur .name { display:block;}
/*.team_list dl dd:nth-of-type(n+3){height:670px;width:33%;float:left;text-align:justify }*/
.team_list dl dd p.hengxian{ border-bottom:1px solid #666; margin:0 auto; width:370px; display:block; height:20px;}
.team_list dl dd:nth-of-type(6) {width:50%;float:left; text-align:justify }
.team_list dl dd:nth-of-type(7) {width:50%;float:left; text-align:justify }
.team_list dl dd:nth-of-type(n+3) p.hengxian{ border-bottom:1px solid #666; margin:0 auto; width:330px; display:block; height:20px;}
.team_list dl dd:nth-of-type(6) p.hengxian{ border-bottom:1px solid #666; margin:0 auto; width:330px; display:block; height:20px;}
.team_list dl dd:nth-of-type(7) p.hengxian{ border-bottom:1px solid #666; margin:0 auto; width:330px; display:block; height:20px;}

/*联系我们*/

.contact_top_b{background:url(../images/contact_bg.jpg) no-repeat; background-size:cover; width:100%; height:500px; margin:0;}
.border_ad{ border-bottom:2px solid #e7e7e7; width:100%; margin:40px 0;}
.cont_pt{ background:url(../images/cont_pt.png) no-repeat; display:block; width:29px; height:32px; float:left; margin-right:5px;}
.beijing{ width:50%}
.shanghai{ width:48%}
.bj_ad{ width:50%; line-height:70px;}
.sh_ad{ width:48%;line-height:70px;}
.syjhs{ width:100%; height:205px; margin-top:-10px;}
.syjhs span{ display:block; width:2px; background:#333; height:35px; float:right}
.shadow{ box-shadow:0 0 20px #e7e7e7}

/*明星项目*/
.case_top_b{background:url(../images/case_top_b.jpg) no-repeat; background-size:cover; width:100%; height:500px; margin:0;}
.case_list ul li{ width:48%; float:left;height:205px; box-shadow:0 0 20px #e7e7e7; cursor:pointer; background:#fff;  margin-bottom:60px; font-size:20px; font-weight:bold; line-height:210px; text-align:center}
.case_list ul li .case_logo{ position: relative;top: 16%;}
.case_list ul li:nth-child(even){ float: right; margin-right:0}
.case_list ul li .case_tit1{ display:block; transition: all 0.5s;width:100%; height:100%}
.case_list ul li:hover{ background:#f08200 !important; transition: all 0.5s;}
.case_list ul li:hover .case_tit2{ display: block !important; transition: all 0.5s;}
.case_list ul li:hover .case_tit1{ display:none;transition: all 0.5s;}
.case_tit2 {
    color: #FFF;
    display: none;
    width: 550px;
    height: 180px;
    margin: 24px auto;}
.case_tit2 dd{width: 360px;
    height: 160px;
    font-size: 15px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical; font-weight:100; text-align:justify;}
.case_tit2 dl>dd{ margin:0; padding:0}
.case_tit2 .list_logo{ width:175px; height:157px;}
.case_list1{ background:url(../images/case_list_1.jpg) no-repeat; background-size:cover; width:100%; height:1790px; background-size:cover; margin:0}
.case_list2{ background:url(../images/case_list_2.jpg) no-repeat; background-size:cover; width:100%; height:1460px;background-size:cover; margin:0}
.case_list3{ background:url(../images/case_list_3.jpg) no-repeat; background-size:cover; width:100%; height:1200px; background-size:100% auto; margin:0}

/*新闻中心*/
.news_top_b{background:url(../images/news_top_b.jpg) no-repeat; background-size:cover; width:100%; height:500px; margin:0;}
.news_lm{ }
.news_lm ul{height:65px; line-height:65px;border-bottom:2px solid #d2d2d2; padding-left:10%;}
.news_lm ul li{ width:45%; float:left; text-align:center;}
.news_lm .news_dq{ }
.news_lm .news_dq a{font-weight:bold; display:block;}
.news_lm a{ font-size:22px;line-height: 63px;}
.news_lm ul li span{ display:none; height:3px; background:#f08200; width:65px; margin:0 auto;}
.news_lm .news_dq span{ display:block;}
.news_list ul li{ height:140px; margin-top:100px;}
.news_list .pubdate{font-size: 22px;
    color: #f08200;
    width: 120px;
	height:140px;
    border-right: 1px solid #dcdcdc;}
.news_list .pubdate span{     font-size: 70px;
    font-weight: bold;
    display: block;
    width: 100%;
    height: 80px;
    padding-top: 5px;}
.news_list .tit_cont{ width:800px;}
.news_list .tit_cont h3{
    margin: 0;
    padding: 0;
    height: 60px;
    overflow: hidden;}
.news_list .tit_cont h3 a{ font-size: 20px;font-weight: bold;}
.news_list .tit_cont p{ margin:0; padding:0; width:100%; height:75px; overflow:hidden; text-align:justify;margin-top: 10px;}
.news_list .news_img{ width:195px; height:140px; overflow:hidden;} 
.news_list .news_img img{ width:100%}

/*关于我们*/
.about_top_b{background:url(../images/About_us.jpg) no-repeat; background-size:cover; width:100%; height:500px; margin:0;}
.company{ background:#f7f7f8; width:100%; height:635px;}
.company ul{ width:1200px; margin:0 auto; height:635px;}
.company ul li.fl{ width:640px;position:relative; top:35px; left:-105px;}
.company ul li.fl img{}
.company ul li.fr{ width:555px; position:relative; top:75px; }
.company_more{ width:100%; margin-top:50px;}
.company_more a{color: #fff;
    text-align: left;
    width: 90px;
    height: 33px;
    background: url(../images/s_more.jpg) no-repeat;
    line-height: 33px;
    margin-left: 7px;
    display: block;
    float: right;}
.company_more a b {
    width: 7px;
    display: block;
    height: 33px;
    float: left;
}
.jrbj img{ position:relative; top:-60px;}
.about_tzfx_l_img{  height:300px;background: url(../images/about_tzfx.jpg) no-repeat;position: absolute;width: 100%;}
.about_tzfx_r_txt{ background:url(../images/about_tzfx_r_txt.png) no-repeat; height:162px; background-size: cover; height:182px; padding:20px; position:absolute ; right:calc((100% - 1200px)/2); width:950px; top:60px}
.about_tzfx_b{ margin-top:80px;}
.about_tzfx_b ul{}
.about_tzfx_b ul li{ width:50%; float:left;}
.about_tzfx_b ul li div{ text-align:center; background:#f7f7f8;height: 100%;width: 450px;margin: 0 auto;}
.about_tzfx_b ul li div img{ margin-top:60px; margin-bottom:70px; width:320px;}
.about_tzfx_b ul li p{font-size: 26px;
    font-weight: bold;
    padding: 0;
    padding-top: 55px;
    width: 390px;
    text-align: left;
    margin: 0 auto;}
.about_tzfx_b ul li p span{ color:#e5e5e6; font-size:13px;float:right; display:block;padding-top: 10px;}
.about_hxtzlj_1 { width:100%; height:410px; background: url(../images/about_hxtzlj_1_bg.jpg); background-size:690px 410px;  background-repeat:no-repeat;}
.about_hxtzlj_1_bg h3{ font-size:20px; font-weight:bold;}
.about_hxtzlj_1_bg p{ font-size:15px; line-height:38px; text-align:justify}
.about_hxtzlj_1_bg span{ width:50px; height:5px; display:block; background:#f08200;}
.about_hxtzlj_2{     width: 100%;
    height: 470px;
    background: url(../images/about_hxtzlj_2_bg.jpg) no-repeat right bottom;
    background-size: 35% 310px;}
.about_hxtzlj_2 h3{ font-size:20px; font-weight:bold;}
.about_hxtzlj_2 p{ font-size:15px; line-height:38px; text-align:justify}
.about_hxtzlj_2 span{ width:50px; height:5px; display:block; background:#f08200;}
.about_hxtzlj_3 { width:100%; height:345px; background: url(../images/about_hxtzlj_1_bg.jpg) no-repeat left bottom; background-size:50% 285px;}
.about_hxtzlj_3_bg h3{ font-size:20px; font-weight:bold;}
.about_hxtzlj_3_bg img{ height:282px;}
.about_hxtzlj_3_bg p{ font-size:15px; line-height:38px; text-align:justify}
.about_hxtzlj_3_l_img{ width:calc((100% - 1200px)/2 + 555px); left:0; position:absolute;overflow: hidden;}
.about_hxtzlj_3_bg span{ width:50px; height:5px; display:block; background:#f08200;}
.about_shry_tit{ margin-right: calc((100% - 1200px)/2);}
.d_sanjiao{    }
*, *::after, *::before {
  box-sizing: border-box;
}
.cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 190px;
  width: 100%;
  max-width:1010px;
  top: -112px;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: '';
  position: absolute;
  z-index: 2;
  top: 95px;
    height: 2px;
  width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
  background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
  background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 95px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #dfdfdf;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #f08200;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 20px;
  z-index: 2;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 0;
  color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom:-25px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  background-color: #f8f8f8;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #f08200;
  border-color: #f08200;
}
.cd-horizontal-timeline .events a.selected {
	    color: #f08200;
    font-size: 1.75rem;
    font-weight: 500;
    pointer-events: none;
    line-height: 2.15rem;
    display: block;
    width: 50px;
    padding-bottom: 15px;
}
.cd-horizontal-timeline .events a.selected span{ display:block; margin-left:-10px;}
.cd-horizontal-timeline .events a b{ display:none;}
.cd-horizontal-timeline .events a.selected b{    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 40px solid #f7f7f8;
    width: 53px;
    position: relative;
    top: 30px;
    left: -10px;
    display: block;
    clear: both;
    float: left;
    z-index: 999999999999;}
.cd-horizontal-timeline .events a.selected::after {
	background:url(../images/jjry_logo.jpg);
	height:45px;
	width:40px;
	border:none;
	border-radius: 0;
	top:118px;
	cursor:pointer;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: none;
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 0 auto;
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(../images/cd-arrow.svg) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
  right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
  border-color: #f08200;
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}
.cd-horizontal-timeline .events-content{  background-color:#f7f7f8; width: 1000px;position: relative;top: -110px;  height:360px; verflow-x: hidden;   overflow: hidden;padding-top: 20px;}
.cd-horizontal-timeline .events-content ol {
  margin-top: 20px;
  width: 970px;
  margin:0;
  height:320px;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
 
  background-color:#f7f7f8;
  overflow:auto;
overflow-x: hidden;
  
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
  margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2.6rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
  content: '- ';
}
.cd-horizontal-timeline .events-content p {
  font-size: 0.9rem;
    padding: 0;
    line-height: 36px;
	padding-left: 50px;
    text-indent: -52px;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  
}
@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 7rem;
  }
  .cd-horizontal-timeline .events-content em {
    font-size: 2rem;
  }
  .cd-horizontal-timeline .events-content p {
	font-size: 0.9rem;
    padding:0;
    line-height: 36px;
	padding-left: 50px;
    text-indent: -52px;
  }
}

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.events-content ol::-webkit-scrollbar{/*滚动条整体样式*/
width:6px;/*高宽分别对应横竖滚动条的尺寸*/}
.events-content ol::-webkit-scrollbar-thumb{/*滚动条里面小方块*/
border-radius:5px;
-webkit-box-shadow:inset005pxrgba(0,0,0,0.2);
background:rgba(0,0,0,0.2);}

.events-content ol::-webkit-scrollbar-track{/*滚动条里面轨道*/
-webkit-box-shadow:inset005pxrgba(0,0,0,0.2);
border-radius:10px;
background:rgba(0,0,0,0.1);}

/*内控制度*/
.nkzd_top_b{background:url(../images/nkzd_top_b.jpg) no-repeat; background-size:cover; width:100%; height:500px; margin:0;}
.nkzd{}
.nkzd_l{ background:url(../images/nkzd_1.jpg) no-repeat left center; height:490px; width: 50%; background-size: 100% 250px;;}
.nkzd_2{background:url(../images/nkzd_2.jpg) no-repeat right center; height:490px; width: 60%; background-size:  cover;    position: absolute;right: 0;z-index: -1;}
.nkzd_2_l{ background:url(../images/nkzd_2_l.png) no-repeat top right;height:568px; width:calc((100% - 1200px)/2 + 1200px); }
.nbzykzzd{ background:url(../images/nkzd_2_bg.jpg); width:100%; height:698px;}
.nbzykzzd_1{ background:url(../images/1_2_3_4.png) no-repeat left top; height:355px;position: relative;    top: 87px;
    right: 40px;}
.nbzykzzd_1 ul{ margin-left:35px;}
.nbzykzzd_1 ul li{eight: 88px;line-height: 86px;}
.nbzykzzd_1 ul li a{ font-weight:bold; font-size:15px;}
.nbzykzzd_2{ background:url(../images/5_6_7_8.png) no-repeat left top; height:355px;}
.nbzykzzd_2 ul{ margin-left:35px;}
.nbzykzzd_2 ul li{height: 88px;line-height: 86px;}
.nbzykzzd_2 ul li a{ font-weight:bold; font-size:15px;}
.fxxxlxc ul li a{ line-height:36px; font-size:15px;}
.fxxxlxc ul{    width: 80%;
    margin: 20px auto;}
.ljcyxlxc ul li a{ line-height:36px; font-size:15px;}
.ljcyxlxc ul{ width: 80%;
    margin: 20px auto;}

footer{ height:300px; background:#4b4948;min-width: 1400px;}
footer .footer_text{ width:1400px; margin:0 auto}
footer .footer_text a{ color:#fff;}
footer .footer_text a:hover{ color:#F30;}
footer .footer_lm a{ color:#fff}
footer .footer_lm{ width:100%;height:40px; overflow:hidden}
footer .footer_lm ul {}
footer .footer_lm ul li{ float:left; color:#FFF; margin-top:20px;}
footer .footer_lm ul li:last-child span{ display:none;}
footer .footer_lm ul li,a{ font-size:14px;}
footer .footer_lm ul li a:hover{ font-size:14px; color:#FFF}
.footer_lm_c-1{width: 100%;height: 67px; font-size:12px; color:#fff}
.footer_lm_c-1 span a:hover{color:#fff}
.footer_lm_c-2{width: 100%;height: 80px; font-size:12px; color:#fff}
.footer_lm_c-2 b{ margin-bottom:3px;}
.footer_lm_c-2 span a:hover{color:#fff}


.fanye_bottom{ padding:50px 0;}
.bot-fanye {width:55%; margin:0 auto;}
.bot-fanye ul{width: -moz-fit-content;width: fit-content; margin:0 auto}
.bot-fanye li{ float:left;list-style-type:none; margin-right:20px; font-size:16px; height:30px; min-width:15px;}
.bot-fanye li span{ font-size:16px;}
.bot-fanye li select{ margin-top:-8px;}
.bot-fanye .thisclass{color: #F60;font-size:16px;}
.bot-fanye .thisclass a{color: #F60;}
.bot-fanye a {color:#3d3c3f;font-size:16px;}

.bot-sfanye {width:50%; margin:0 auto;}
.bot-sfanye td{ padding-right:15px; font-size:14px !important;}
.bot-sfanye td b{ color:#09F; padding:0 5px;}
.bot-sfanye li span{ font-size:18px;}
.bot-sfanye .thisclass{color: #F60;border-bottom:solid 2px #F60;}
.bot-sfanye .thisclass a{color: #F60;}
.bot-sfanye a {color:#09F;font-size:14px;}

.sub-tit {height:96px;border-bottom:solid 2px #d3d3d3; }
.sub-tit h4 {font-weight:normal;}
.sub-tit h7{line-height:30px;font-weight:normal; margin-top:60px;}
.sub-tit .fr {letter-spacing: 5px;}
.news-con {
    padding-top: 50px;
}
.news-list-left {
    width: 225px;
    float: left;
    height: 300px;
}
.news-list-left dl a {
    color: #fff;
    font-size: 16px;
}
.news-list-left dl {
    height: 40px;
    width: 100%;
    list-style-type: none;
    background-color: #F90;
    padding-left: 20px;
    line-height: 40px;
    margin-bottom: 10px;
}
.news-con .news-title {
    font-weight: bold;
    text-align: center;
    padding: 0 0 30px 0;
    width: 895px;
    float: right;
}
.news-con .news-des {
    text-align: center;
    padding: 0 0 30px 0;
    width: 895px;
    float: right;
    color: #999;
}
.news-con .news-nr {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    min-height: 500px;
    width: 895px;
    float: right;
}
.news-article {
    text-align: right;
    color: #CCC;
    padding: 30px 0 30px 0;
}

.nav {
  overflow: hidden;
  position: fixed;
  left: 50%;
  top: 5%;
  width: auto;
  z-index:99999999999999;
  border-radius: 5px;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2);
}
.nav__cb {
  z-index: -1000;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
}
.nav__content {
  position: relative;
   width:150px;
  height: 0;
  -webkit-transition: width 1s cubic-bezier(0.49, -0.3, 0.68, 1.23);
  transition: width 1s cubic-bezier(0.49, -0.3, 0.68, 1.23);
}
.nav__cb:checked ~ .nav__content {
  -webkit-transition: width 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
  transition: width 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
  transition: height cubic-bezier(0.48, 0.43, 0.29, 1.3);
  height: 680px;
  width: 950px;
}

.nav__items {
      width: 100%;
    list-style-type: none;
    text-align: justify;
	line-height:28px;
}
.nav__item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  color: #6C7784;
  font-size: 14px;
  line-height: 90px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  cursor: pointer;
}
.nav__item:hover {
  color: #00bdea;
}
.nav__item-text {
  display: none;
    opacity: 0;
background: #fff;
    padding: 0 30px 12px;
}
.nav__cb:checked ~ .nav__content .nav__item-text {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
  height: 100%;
 /* -webkit-transform: rotateY(-70deg);
          transform: rotateY(-70deg);
  opacity: 1;*/
  display:block;
  width: 100%;
  opacity: 1;
  margin: 0 auto;
  background:#FFF;
  padding:15px 30px 0;
 
}
.nav__cb:checked ~ .nav__content .nav__item:nth-child(4) .nav__item-text {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.nav__btn {
  position: absolute;
  right: 5px;
  top: 14px;
  width: 130px;
  height: 45px;
  padding:5px;
  cursor: pointer;
}
.nav__btn:before, .nav__btn:after {
	float:right;
  content: "";
  display: block;
  width: 28px;
  height: 4px;
  border-radius: 2px;
  background: #f08300;
}
.nav__btn:before {
  margin-bottom: 10px;
}
.nav__btn:hover:before, .nav__btn:hover:after {
  background: #f08300;
}
.nav__btn:before {
  -webkit-transform: translateY(7px) rotate(-225deg);
          transform: translateY(7px) rotate(-225deg);
}
.nav__btn:after {
  -webkit-transform: translateY(-7px) rotate(225deg);
          transform: translateY(-7px) rotate(225deg);
}
.nav__cb:checked ~ .nav__btn:before {
  -webkit-transform: translateY(7px) rotate(-225deg);
          transform: translateY(7px) rotate(-225deg);
}
.nav__cb:checked ~ .nav__btn:after {
  -webkit-transform: translateY(-7px) rotate(225deg);
          transform: translateY(-7px) rotate(225deg);
}
.nav__btn1 {
position: fixed;
    right: 7%;
    top: 3%;
    font-size: 16px;
    width: 130px;
    height: 40px;
    padding: 5px;
    cursor: pointer;
    background: #F30;
    text-align: center;
    color: #fff;
    line-height: 27px;
    letter-spacing: 4px;
    box-shadow: 3px 3px 5px rgb(0 0 0 / 30%);
    border-radius: 5px;
}