.header{
    width:100%;	
	height:auto;
}
.backbg{
    width:100%;
	height:686px;
	margin:0 auto;
}
.bgimg{
    width:100%;
	height:686px;
	top:0;
	left:0;
}
.flash div{
	width:100%;
	height:686px;
}
.flash div.banner2,.flash div.banner3{
	display: none;
}
.banner1{
    background:url(../../../../Img/webIndex/cdirsIndex/home/banner1.jpg) no-repeat center;	
}
.banner2{
    background:url(../../../../Img/webIndex/cdirsIndex/home/banner1.jpg) no-repeat center;	
}
.banner3{
    background:url(../../../../Img/webIndex/cdirsIndex/home/banner1.jpg) no-repeat center;	
}
.f-bar{
    width:110px;
	left:50%;
	bottom:32px;
	margin-left:-55px;
	z-index:999;
	text-align: center;
}
.f-bar ul li{
	width:10px;
	height:10px;
    float:left;
	cursor:pointer;
	background:url("../../../../Img/webIndex/cdirsIndex/home/icon-f1.png") no-repeat;
	background-size:10px 10px ;
	margin:0px 8px;
}
.f-bar ul li.current{
	width:42px ;
    background:url("../../../../Img/webIndex/cdirsIndex/home/icon-f2.png") no-repeat;
    background-size: 42px 10px;
}
.header-wrapper{
	width: 100%;
	height: 100px;
	top: 0;
	left: 0;
	border-bottom: 1px solid #274EBB;
	padding: 0 40px 0 120px;
	display: flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.left-wrapper{
	width: 203px;
	height: 100px;
}
.logo{
	margin: 22px 0;
}
.right-wrapper{
	display: flex;
}
/*.lgAndReg{
	background: #1E97F3;
	border-radius: 15px;
	color: #FFFFFF;
}
.lgAndReg a{
	line-height: 30px;
	color: #FFFFFF;
	font-size: 16px;
	padding: 0 20px;
}*/
.language{
	width: 24px;
	height: 24px;
	text-align: center;
	border: 1px solid #FFFFFF;
	border-radius: 50%;
	margin: 38px 0 38px 30px;
}
.language a{
	display: block;
	line-height: 22px;
	font-size: 12px;
	color: #FFFFFF;
}
.nav-wrapper{
	width: auto;
	height: 100px;
	margin: 0 auto;
}
.nav-wrapper ul{
	height: 100px;
	display: flex;
}
.nav-wrapper ul li{
	line-height: 100px;
	padding: 0 26px;
}
.nav-wrapper ul li a{
	font-family: "Normal";
	font-size: 20px;
	color: #FFFFFF;
}
.nav-wrapper ul li a.cur{
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 8px;
}

/*@media only screen and (max-width: 1024px) {
.left-wrapper{
	left: 0;
}
.right-wrapper{
	right: 0;
}
.nav-wrapper ul{
	margin-right: 30px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
.nav-wrapper ul{
	margin-right: 120px;
}
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
.nav-wrapper ul{
	margin-right: 100px;
}
}
@media only screen and (min-width: 1367px) and (max-width: 1440px) {
.nav-wrapper ul{
	margin-right: 70px;
}
}
@media only screen and (min-width: 1441px) and (max-width: 1920px) {
.nav-wrapper ul{
	margin-right: 0;
}
}
@media only screen and (min-width: 1681px) and (min-width: 1920px) {
.nav-wrapper ul{
	margin-right: 0;
}
}*/

.comm-width{
	width: 1200px;
	margin: 0 auto;
}
.consult-wrapper{
	max-width: 1200px;
	padding-top: 478px;
	overflow: hidden;
}
.consult-wrapper .btnWrap{
	height: 50px;
}
.btnWrap a{
	width: 158px;
	border: 1px solid #FFFFFF;
	border-radius: 5px;
	text-align: center;
	line-height: 48px;
	display: inline-block;
	font-size: 14px;
	margin-left: 16px;
}
.btnWrap .btn1{
	color: #FFFFFF;
}
.btnWrap .btn2{
	background: #FFFFFF;
	color: #1086FD;
}

/*------------------------*/
.section-wrapper{
	width: 100%;
	height: auto;
}
.backImg{
	width: 100%;
	height: 1784px;
	background: url(../../../../Img/webIndex/cdirsIndex/home/bg.jpg) no-repeat center;
}
.title-cn,.title-en{
    text-align: center;
}
.title-cn{
	font: 600 42px "Regular";
}
.title-en{
	font: 23px "Light";
}
.product-wrapper >h1{
    margin-top: 76px;
}
.product-wrapper >h3 {
    margin-bottom: 68px;
}

.list-wrapper{
	display: flex;
	justify-content: space-between;	
	-webkit-justify-content: space-between;
}
.list-wrapper li{
	width: 322px;
	height: 515px;
	position: relative;
	color: #FFFFFF;
	text-align: center;
}
li.item1{
	background: url(../../../../Img/webIndex/cdirsIndex/home/pd-01.jpg) no-repeat;
}
li.item2{
	background: url(../../../../Img/webIndex/cdirsIndex/home/pd-02.jpg) no-repeat;
}
li.item3{
	background: url(../../../../Img/webIndex/cdirsIndex/home/pd-03.jpg) no-repeat;
}
.pd-icon{
	width: 100%;
	padding: 56px 0 42px;
}
.pd-icon img{
	display: block;
	margin: 0 auto;
}
.list-wrapper li >h3{
	font: 30px "Medium";
	line-height: 40px;
}
.list-wrapper li >h5{
	font-size: 19px;
	line-height: 24px;
}
.line{
	display: block;
	padding: 6px 0 17px;
}
.line em{
	width: 37px;
	border: 1px solid #1e97f3;
	display: inline-block;
}
.list-wrapper li p.normal{
	font-size: 19px;
	padding: 0 45px;
	line-height: 35px;
}
.list-wrapper li p.strong{
	font: 19px "Medium";
	margin-top: 26px;
}
.details{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 62px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.cell1{
	background: -webkit-linear-gradient(90deg, #1E97F2, #1D98F5); 
    background: -o-linear-gradient(90deg, #1E97F2, #1D98F5); 
    background: -moz-linear-gradient(90deg, #1E97F2, #1D98F5); 
    background: linear-gradient(90deg, #1E97F2, #1D98F5); 
}
.cell2{
	background: -webkit-linear-gradient(90deg, #2251DE, #2351DE); 
    background: -o-linear-gradient(90deg, #2251DE, #2351DE); 
    background: -moz-linear-gradient(90deg, #2251DE, #2351DE); 
    background: linear-gradient(90deg, #2251DE, #2351DE); 
}
.cell3{
	background: -webkit-linear-gradient(90deg, #142C94, #152C95); 
    background: -o-linear-gradient(90deg, #142C94, #152C95); 
    background: -moz-linear-gradient(90deg, #142C94, #152C95); 
    background: linear-gradient(90deg, #142C94, #152C95); 
}
.details i{
	width: 32px;
	height: 32px;
	background: url(../../../../Img/webIndex/cdirsIndex/home/icon-plus.png) no-repeat;
	display: inline-block;
	margin-top: -16px;
}
.details a{
	display: block;
	color: #FFFFFF;
	font-size: 16px;
}
/*-------------------------------*/
.trains-wrapper{
	width: 100%;
}
.trains-wrapper h1{
	margin-top: 110px;	
}
.trains-wrapper h3{
	margin-bottom: 40px;	
}
.train-bnt{
	width: 100%;
	height: 41px;
	color: #496BBD;
	text-align: right;
}
.cal-bnt {
	display: inline-block;
	width: auto;
	height: 27px;
	line-height: 27px;
	cursor: pointer;
}
#rightBnt{
	margin-left: 5px;
}
.cal-bnt >div{
	float: left;
	color: #fff;
	text-align: center;
}
.cal-bnt .bnt-code{
	width: 33px;
	background: #3EAFFE;
	font-size: 26px;
}
.cal-bnt .bnt-text{
	width: auto;
	background: #2356C1;
	font: 19px "Normal";
	line-height: 27px;
	padding: 0 14px;
}
.train-calendar{
	width: 100%;
}
.cal-week{
	width: 100%;
	background: #2356C1;
	height: 80px;
}
#week{
	width : 97%;
}
.cal-ul{
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
.cal-ul li{
	float: left;
	width: 12%;
	height: 100%;
	text-align: center;
	color: #fff;
}
.cal-ul .line-week{
	width: 100%;
	height: 50px;
	margin-top: 15px;
	font-size: 16px;
	line-height: 25px;
}
.cal-ul .line-week span{
	font: 21px "Normal";
}
.cal-ul .have-line{
	margin: 2px;
	text-align: center;
	height: 45px;
	line-height: 45px;
	cursor: pointer;
}
#week .li-line{
	width: 16%;
	font: 24px "Medium";
	line-height: 80px;
}
#we {
	height: 657px;
	background-color: #fff;
	overflow: hidden;
}
.cal-west{
	width: 100%;
	height: auto;
	background-color: #fff;
}
.cal-west li{
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	border-right: 1px solid #D8D8D9;
	border-bottom: 1px dashed #D8D8D9;
}
.last >li{
	border-bottom: 1px solid #D8D8D9;
}
.cal-west .li-line{
	width: 16%;
	text-align: left;
	font: 18px "Normal";
	line-height: 50px;
	color: #2e3439;
	background: #F6F6F7;
	border-left: 1px solid #D8D8D9;
}
.cal-west .cal-we{
	box-sizing: border-box;
	border-right: 1px dashed #D8D8D9;
	border-left: 1px solid #D8D8D9;
	border-bottom: 1px solid #D8D8D9;
}
.cal-west .k6{
	border-right: 1px solid #D8D8D9;
}

.line-title{
	background: #D8D8D9;
	height: 32px;
}
.line-title >li{
	height: 32px;
	line-height: 32px;
	font: 18px "Normal";
}
.color-ample{
	background-color: #C7DFF4;
	color: #4772A6;
}
.color-tense{
	background-color: #F3DEDA;
	color: #9A5747;
}
.color-full{
	background-color: #E6E8EB;
	color: #76869C;
}
.today{
	background-color: #fff;
	color: #3055AD;
}
/*---------------------*/
.newsBg{
	width: 100%;
	height: 937px;
	background: url(../../../../Img/webIndex/cdirsIndex/home/bg2.jpg) no-repeat center;
}
.newsTitle{
	width: 100%;
	background: rgba(22,48,106,0.7);
	padding: 47px 0 64px;
	color: #FFFFFF;
}
.news-wrapper{
	
}
.newsSlide{
	width: 100%;
	height: 367px;
	margin: 46px 0 50px;
}
.carousel{
	height: 367px;
}
.carousel li{
	float: left;
	width: 1200px;
	height: 367px;
}
.newsImg{
	width: 638px;
	height: 367px;
	float: left;
	position: relative;
}
.newsImg i{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 53px;
    height: 50px;
    background: url(../../../../Img/webIndex/cdirsIndex/home/icon-04.png) no-repeat;
    
}
.newsImg img{
	width: 638px;
	display: block;
}
.newsContent{
	width: 486px;
	height: 367px;
	float: right;
	margin: 0 38px;
	padding: 55px 0;
}
.newsContent h1,.newsContent h5{
	color: #FFFFFF;
	display: block;
	overflow: hidden;
}
.newsContent h1{
	font: 27px "Regular";
	text-overflow:ellipsis;
	white-space: nowrap;
}
.newsContent h5{
	font: 19px "Regular";
	margin: 25px 0 8px;
}
.newsContent p{
	color: #C4C7D1;
	font: 17px "Regular";
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
a.more1{
	width: 134px;
	line-height: 25px;
	text-align: center;
	color: #FFFFFF;
	background: #42AFFD;
	border-radius: 15px;
	display: block;
	font-size: 14px;
	margin-top: 49px;
}
.tabWrap{
	width: 130px;
	height: 18px;
	bottom: 62px;
	right: 44px;
	display: flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.img-index{
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}
.img-index li{
    width: 5px;
    height: 5px;   
    cursor: pointer;
    margin: 0 8px;
    background: url(../../../../Img/webIndex/cdirsIndex/home/cur2.png) no-repeat;
}
.img-index li.js_index{
	background: url(../../../../Img/webIndex/cdirsIndex/home/cur1.png) no-repeat;
}
.carousel-prev,.carousel-next{
	cursor: pointer;
}

.newsList{
	width: 100%;
	display: flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.newsList li{
	width: 398px;
	height: 227px;
	position: relative;
	background: #F5F7F8;
}
.top{
	padding:25px 27px 18px;
	display: flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
span.left-news-title{
	width: 170px;
	font: 22px "Normal";
	line-height: 28px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
span.right-time{
	font: 16px "Regular";
	color: #152F6A;
}
p.newsDesc{
	padding: 0 27px;
	font-size: 15px;
	color: #848585;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.more2{
	width: 100%;
	height: 34px;
	bottom: 0;
	left: 0;
	background: #E8E7E7;
}
.more2 i{
	width: 23px;
    height: 23px;
    background: url(../../../../Img/webIndex/cdirsIndex/home/icon-more.png) no-repeat;
    display: inline-block;
    margin-top: 6px;
    margin-right: 29px;
    float: right;
}
.more2 a{
	display: block;
	font: 13px "Normal";
	color: #7DB9F6;
	line-height: 34px;
	padding-left: 30px;
}
/*--------------------------*/
.aboutBg{
	width: 100%;
	background: #F5F7F8;
}
.about-wrapper{
	padding-bottom: 94px;
}
.about-wrapper h1{
	margin-top: 75px;
}
.about-wrapper h3{
	margin-bottom: 78px;
}
.abouts-content-title{
	font: 23px "Medium";
	letter-spacing:1px;
	display: block;
	overflow: hidden;
}
.abouts-content-info{
	letter-spacing:1px;
	line-height:34px;
	font-size:19px;
	margin-top:14px;
}
.more3{
	height: 40px;
	display: block;
	margin-top: 50px;
}
.abouts-more-button{
	width: 140px;
	display: block;
	padding: 6px 0;
	text-align: center;
	background:#1D98F6; 
	border-radius: 20px;
	color:#FFFFFF;
	font: 19px "Normal";
}
