.content img:hover{transform: scale(1.05);transition: all ease-in 0.2s;-ms-transition: all ease-in 0.2s;-moz-transition: all ease-in 0.2s;-webkit-transition: all ease-in 0.2s;-o-transition: all ease-in 0.2s;}
.mode02List li .img img:hover{transform: scale(1);transition: all ease-in 0s;-ms-transition: all ease-in 0s;-moz-transition: all ease-in 0s;-webkit-transition: all ease-in 0s;-o-transition: all ease-in 0s;}
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li.clone{position:relative;}
.flexslider .slides img {width: 100%; display: block;height:30vw}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative;zoom:1;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport { max-height: 300px;}
.flexslider .slides { zoom: 1;}
.carousel li { margin-right: 5px;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  {text-decoration:none;display: block;width: 30px;height: 65px;position: absolute;top: 50%;z-index: 10;overflow: hidden;opacity: 1;cursor: pointer;text-indent:-999em;margin-top:-25px;}
.flex-direction-nav .flex-prev {left: 20px;background:url(/dfiles/11159/images/lf3.jpg) no-repeat center center;}
.flex-direction-nav .flex-next {right: 20px;background:url(/dfiles/11159/images/rt3.jpg) no-repeat center center;}
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px;}
.flexslider:hover .flex-next { opacity: 0.7; right: 10px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1;}
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default;}
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd;}
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004';}
.flex-pauseplay a:hover  { opacity: 1;}
.flex-pauseplay a.flex-play:before { content: '\f003';}
/* Control Nav */
.flex-control-nav {width: 100%;position: absolute;bottom: -2px;left:0;/* text-align: center; */z-index: 9;}
.flex-control-nav li {margin: 10px 6px 0; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 10px;height: 10px;display: block;border: 0px solid #01369c;cursor: pointer;text-indent: -9999px;/* border-radius:8px; */background: white;}
.flex-control-paging li a:hover {background: #01369c;}
.flex-control-paging li a.flex-active {background: #01369c;}

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

.flexslider .slides .cover{position: absolute;top: 0;}
.flexslider .slides .bannerTitle{position: absolute;bottom: 0;right: 50%;margin-right: -600px;color: white;background: url(/dfiles/11159/images/bannertitle.jpg);font-size: 18px;line-height: 32px;max-width: 530px;padding: 17px 37px 26px 71px;}
.flexslider .slides a{display: block;overflow: hidden;width: 100%;height: 0;padding-bottom: 29%;}
/* ÃƒÆ’Ã?Â¨Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â®ÃƒÆ?Ã?Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢Ãƒâ€šÃ‚Â­ÃƒÆ?Ã?Â§Ãƒâ€šÃ‚Â»ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã?Â¦Ãƒâ€šÃ‚ÂÃƒâ€¦Ã‚Â? */
.banner .flex-control-nav{width: 160px;height: 32px;/* background:url(/dfiles/11159/images/banner_bg01.png) no-repeat top center; */position: absolute;bottom:-1px;left:50%;z-index: 9;margin-left: -600px;}
.banner .flex-direction-nav{}
@media screen  and (max-width:1386px){
	.banner .flex-control-nav{margin-left: -500px;}
	.flexslider .slides .bannerTitle{margin-right: -500px;font-size: 16px;padding: 12px 24px 16px 50px;}
}
@media screen  and (max-width:1020px){
	.flexslider .slides .bannerTitle{margin-right: 0;right: 0;padding: 12px 12px 12px 24px;font-size: 14px;line-height: 24px;}
	.banner .flex-control-nav{margin-left: 0;left: 12px;}
}
@media screen  and (max-width:767px){
	.flexslider .slides .bannerTitle{display: none;}
	.banner .flex-control-nav{width: 100%;text-align: center;left: 0;}
}





 
.modeWrap01{width: 100%;background: #f6f6f6;padding: 45px 0;overflow: hidden;}
.mode01{width: 1200px;margin: 0 auto;}
.mode01 > .title{width: 70px;position: relative;}
.mode01 > .title .ch{width: 24px;font-size: 24px;padding-right: 6px;line-height: 24px;float: left;
background: #01369c;color: white;padding:10px 10px 55px 5px;
}
.mode01 > .title .rt{float: left;position: relative;width: 40px;background: #01369c;}
.mode01 > .title .eng{font-size: 24px;color: white;
	-ms-transform:rotate(90deg); /* ie 9 */
	-moz-transform:rotate(90deg); /* firefox */
	-webkit-transform:rotate(90deg); /* safari and chrome */
	-o-transform:rotate(90deg); /* opera */
	transform: rotate(90deg);
	background: #01369c;transform-origin:left top;position: absolute;display: block;left: 40px;line-height: 40px;min-width: 150px;padding-left: 6px;}
.mode01 > .title .more{display: block;font-size: 14px;color: white;
	 /* -ms-transform:rotate(-90deg);ie 9 */
	 /*-moz-transform:rotate(-90deg); firefox */
	/* -webkit-transform:rotate(-90deg); safari and chrome */
	/*-o-transform:rotate(-90deg);  opera */
	/*transform: rotate(-90deg); */
	height: 14px;position: absolute;right: 2px;bottom: 10px;transform-origin: left top;}

.mode01 .notices > .title{width: 70px;position: relative;}
.mode01 .notices > .title .ch{width: 24px;font-size: 24px;padding-right: 6px;line-height: 24px;float: left;    background: #01369c;
    color: white;
    padding: 10px 10px 55px 5px;}
.mode01 .notices > .title .rt{float: left;position: relative;width: 40px;background: #01369c;}
.mode01 .notices > .title .eng{font-size: 24px;color: white;
	-ms-transform:rotate(90deg); /* ie 9 */
	-moz-transform:rotate(90deg); /* firefox */
	-webkit-transform:rotate(90deg); /* safari and chrome */
	-o-transform:rotate(90deg); /* opera */
	transform: rotate(90deg);
	background: #01369c;transform-origin:left top;position: absolute;display: block;left: 40px;line-height: 40px;min-width: 150px;padding-left: 6px;}
.mode01 .notices > .title .more{display: block;font-size: 14px;color: white;
	/*-ms-transform:rotate(-90deg);  ie 9 */
	/*-moz-transform:rotate(-90deg);  firefox */
	 /* -webkit-transform:rotate(-90deg);safari and chrome */
	/* -o-transform:rotate(-90deg); opera */
	/* transform: rotate(-90deg);*/
	height: 14px;position: absolute;right: 2px;bottom: 10px;transform-origin: left top;}

.mode01 .part1{padding: 15px 13px 18px 45px;background: white;box-shadow: rgba(0,0,0,0.1) 0 0 7px;margin-left: 87px;*border: 1px solid #eee;}
.mode01 .part1 .img{width: 500px;float: right;}
.mode01 .part1 .img a{display: block;height: 0;width: 100%;padding-bottom: 56.25%;overflow: hidden;position: relative;}
.mode01 .part1 .img a img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-height: 100%;width: auto;margin: auto;}

.mode01 .part1 .title{display: block;height: 48px;line-height: 24px;font-size: 18px;margin: 34px 0 21px;padding-right: 40px;overflow: hidden;}
.mode01 .part1 .title:hover {color:#01369c;}
.mode01 .part1 .time{color: #8c8c8c;font-family: "arial";font-size: 14px;line-height: 14px;height: 14px;overflow: hidden;}
.mode01 .part1 .info{color: #5c5c5c;font-size: 14px;line-height: 24px;margin-top: 25px;max-height: 96px;text-align: justify;text-indent: 2em;overflow: hidden;padding-right: 40px;}


.mode01 .part2{background: white;box-shadow: rgba(0,0,0,0.1) 0 0 7px;margin-top: 32px;padding: 37px 20px 38px 15px;position: relative;width: 692px;float: left;}
.mode01 .part2 .part2LF{width: 400px;float: left;}
.mode01 .part2 .part2Img{width: 100%;height: 0;padding-bottom: 56.25%;overflow: hidden;position: relative;}
.mode01 .part2 .part2Img img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-height: 100%;width: auto;margin: auto;}
.mode01 .part2 .part2RT{margin-left: 427px;}
.mode01 .part2 .part2RT .title{font-size: 16px;line-height: 24px;color: #343434;display: block;margin-bottom: 15px;height: 48px;overflow: hidden;}
.mode01 .part2 .part2RT .title:hover{color: #01369c;}
.mode01 .part2 .part2RT .time{color: #8c8c8c;font-family: "arial";font-size: 14px;line-height: 14px;height: 14px;overflow: hidden;}
.mode01 .part2 .part2RT .info{color: #5c5c5c;font-size: 14px;line-height: 24px;margin-top: 25px;max-height: 96px;text-align: justify;/* font-family: "ÃƒÆ’Ã?Â¥Ãƒâ€šÃ‚Â¾Ãƒâ€šÃ‚Â®ÃƒÆ?Ã?Â¨Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â¯ÃƒÆ?Ã?Â©ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ?Ã?Â©Ãƒâ€šÃ‚Â»ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å??"; */overflow: hidden;}
.mode01 .part2 .flex-control-nav li{display: none;}
.mode01 .part2 .flex-direction-nav a{bottom: 0;top: auto;opacity: 1;left: auto;margin-bottom: -35px;height: 35px;width: 35px;}
.mode01 .part2 .flex-direction-nav .flex-next{left: 365px;}
.mode01 .part2 .flex-direction-nav{position: absolute;top: 50%;margin-top: -17px;width: 100%;}

.mode01 .notices{float: right;margin-top: 32px;}
.mode01 .notices .title{float: right;}
.mode01 .notices .list{padding: 16px 27px 2px 35px;background: #FFFFFF;box-shadow: rgba(0,0,0,0.1) 0 0 7px;float: right;margin-right: 14px;}
.mode01 .notices .list ul{width: 280px;}
.mode01 .notices .list li{margin-bottom: 23px;}
.mode01 .notices .list li .time{font-size: 14px;color: #7e7e7e;font-family: "arial";display: block;line-height: 14px;margin-top: 8px;}
.mode01 .notices .list li a{display: block;line-height: 24px;height: 48px;overflow: hidden;font-size: 16px;}
 .mode01 .notices .list li a:hover{color:#01369c}

@media screen  and (max-width:1386px){
	.mode01{width: 1000px;}
	.mode01 .notices .title{float: right;width: 62px;}
.mode01 > .title{width: 62px;}
        .mode04 > .title .ch{font-size: 20px;padding-left: 1px;}
	.mode01 > .title .ch,.mode01 .notices > .title .ch{font-size: 20px;padding-left: 1px;}
	.mode01 > .title .eng,.mode01 .notices > .title .eng{line-height: 30px;font-size: 20px;left: 30px;}
	.mode01 > .title .rt,.mode01 .notices > .title .rt{width: 30px;}
	.mode01 > .title .more,.mode01 .notices > .title .more{bottom: -13px;font-size: 12px;}
	
	.mode01 .part1 .img{width: 400px;}
	.mode01 .part1{padding: 12px 8px 12px 35px;}
	.mode01 .part1 .info{padding-right: 20px;max-height: 72px;font-size: 12px;}
	.mode01 .part1 .title{padding-right: 20px;font-size: 16px;}
        .mode01 .part1 .title:hover {color:#01369c;}
	.mode01 .part2{width: 580px;}
	.mode01 .part2 .part2RT .title{height: 72px;}
	.mode01 .part2 .part2RT .info{font-size: 12px;}
	
	.mode01 .notices .list ul{width: 220px;}
	.mode01 .notices .list{padding: 16px 22px 2px 24px;}
	.mode01 .notices .list li a{font-size: 14px;}
        .mode01 .notices .list li a:hover{color:#01369c}
	
}
.mode04 img{
margin-left:25px
}
@media screen  and (max-width:1020px){
	.modeWrap01{padding: 30px 16px;width: auto;}
	.mode01{width: auto;}
	.mode01 .part1{padding: 12px 8px 12px 18px;}
	.mode01 .part1 .title{margin: 24px 0 20px;}
.mode01 .part1 .title:hover {color:#01369c;}
	.mode01 .part1 .info{margin-top: 20px;}
	.mode01 .part2{width: auto;}
	.mode01 .notices{width: 100%;}
	.mode01 .notices .list ul{width: auto;}
	.mode01 .notices .list{float: none;margin-right: 80px;}
	.mode01 .notices .list li a:hover{color: #01369c;}
.mode01 .notices .list li a{height: auto;}
 .mode01 .notices .list li a:hover{color:#01369c}
	.mode01 .notices .list li{margin-bottom: 18px;}
}
@media screen  and (max-width:767px){
	.mode01 > .title{width: auto;margin-bottom: 10px;float: none;margin-left: 0;display: inline-block;}
	.mode01 > .title .ch{width: auto;color: #FFFFFF;line-height: 30px;background: #01369c;width: 80px;padding:0 0 0 6px;}
	.mode01 > .title .eng, .mode01 .notices > .title .eng{transform: none;position: relative;left: 0;font-size: 14px;min-width: auto;margin-right: 6px;}
	.mode01 > .title .more,.mode01 .notices > .title .more{transform: none;position: absolute;right: 8px;bottom: 15px;display: none;}
	.mode01 > .title .rt, .mode01 .notices > .title .rt{width: auto;float: none;/*margin-left: 86px;*/}
	.mode01 .part1{margin-left: 0;padding: 10px;margin-right: 0;}
	.mode01 .part1 .img{width: 100%;float: none;}
	.mode01 .part1 .title{padding-right: 0;}
.mode01 .part1 .title:hover {color:#01369c;}
	.mode01 .part2 .part2LF{width: 100%;float: none;}
	.mode01 .part2 .part2RT{margin-left: 0;}
	.mode01 .part2 .part2RT .title{height: 48px;}
	.mode01 .part2 .part2RT .info{margin-bottom: 10px;}
	.mode01 .notices > .title{width: auto;float: none;margin-bottom: 10px;display: inline-block;}
	.mode01 .notices > .title .ch{width: auto;color: #FFFFFF;line-height: 30px;background: #01369c;width: 80px;padding:0 0 0 6px;}
	.mode01 .notices .list{margin-right: 0;}
	 .mode01 .notices .list li a:hover{color:#01369c}
	.mode01 .part2 .flex-direction-nav .flex-next{left: auto;right: 30px;}
	.mode01 .part2 .flex-direction-nav{top: 35%;}
	
}





.modeWrap02{width: 100%;padding: 43px 0 116px;background: #ffffff;overflow: hidden;}
.mode02{width: 1200px;margin: 0 auto;}
.mode02 > .title{width: 70px;position: relative;}
.mode02 > .title .ch{width: 24px;font-size: 24px;padding-right: 6px;line-height: 24px;float: left;color: #000000;position: absolute;top: 0;left: 0;    background: #01369c;
    color: white;
    padding: 10px 10px 55px 5px;}
.mode02 > .title .rt{float: left;position: relative;width: 40px;background: #01369c;margin-left: 30px;}
.mode02 > .title .eng{font-size: 24px;color: white;
	-ms-transform:rotate(90deg); /* ie 9 */
	-moz-transform:rotate(90deg); /* firefox */
	-webkit-transform:rotate(90deg); /* safari and chrome */
	-o-transform:rotate(90deg); /* opera */
	transform: rotate(90deg);
	background: #01369c;transform-origin:left top;position: absolute;display: block;left: 40px;line-height: 40px;min-width: 150px;padding-left: 6px;}
.mode02 > .title .more{display: block;font-size: 14px;color: white;
	/*-ms-transform:rotate(-90deg);  ie 9 */
	/*-moz-transform:rotate(-90deg);  firefox */
	 /*-webkit-transform:rotate(-90deg); safari and chrome */
	/*-o-transform:rotate(-90deg);  opera */
	/*transform: rotate(-90deg); */
	height: 14px;position: absolute;right: 2px;bottom: 10px;transform-origin: left top;}

.mode02List{margin-left: 6%;overflow: hidden;}
.mode02List li{float: left;margin-left:2.3%;width: 30.7%;background-color: #fff;border: 1px solid #dcdcdc;transition: all 0.3s ease-in-out;}
.mode02List li:hover{box-shadow: 1px 2px 10px rgba(0,0,0,0.2)}

.mode02List li .img{width: 100%;height: 0;padding-bottom: 66%;overflow: hidden;display: block;position: relative;}
.mode02List li .img img,.mode02List li .img:hover img{transform: scale(1.01);-ms-transform: scale(1.01);-moz-transform: scale(1.01);-webkit-transform: scale(1.01);-o-transform: scale(1.01);}
.mode02List li.onlyIMG .img{padding-bottom: 137%;}
.mode02List li.onlyIMG .img img{width: 100%;}
/* ÃƒÆ’Ã?Â¥Ãƒâ€¦Ã‚Â½Ãƒâ€¦Ã‚Â¸ÃƒÆ?Ã?Â¦Ãƒâ€šÃ‚Â¯ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÆ?Ã?Â¤Ãƒâ€šÃ‚Â¾ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ÃƒÆ?Ã?Â¤Ãƒâ€šÃ‚Â¸Ãƒâ€šÃ‚Âºpadding-bottom: 88%; */
.mode02List li .img img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-height: 100%;width: auto;margin: auto;}
.mode02List li .date{padding: 10px 20px;background: #360101;color: #FFFFFF;float: right;margin: -33px 9px;position: relative;z-index: 10;line-height: 21.5px;text-align: center;}
.mode02List li .date .day{font-size: 21px;}
.mode02List li .date .month{font-size: 14px;}
.mode02List li .info{background: #fff;padding: 36px 20px 30px ;height: 180px;}
.mode02List li .info .red{color: #01369c;font-size: 16px;line-height: 24px;margin-bottom: 22px;max-height: 48px;overflow: hidden;}
.mode02List li .info .title{font-size: 16px;line-height: 18px;display: none;max-height: 36px;overflow: hidden;}
.mode02List li .info .detail{font-size: 14px;line-height: 1.5;color: #515151;max-height: 125px;overflow: hidden;margin-top: 22px;}

@media screen  and (max-width:1386px){
	.mode02{width: 1000px;}
	.mode02 > .title .ch{font-size: 20px;padding-left: 1px;}
	.mode02 > .title .eng{line-height: 30px;font-size: 20px;left: 30px;}
	.mode02 > .title .rt{width: 30px;}
	.mode02 > .title .more{bottom: -13px;font-size: 12px;}
	
	.mode02List li .info .detail{max-height: 100px;}
	.mode02List li .info{padding: 36px 20px 20px;height: 148px;}
	.mode02List li .info .detail,.mode02List li .info .red{margin: 0;}
	
}
@media screen  and (max-width:1020px){
	.modeWrap02{padding: 30px 16px;width: auto;}
	.mode02{width: auto;}
	.mode02List{margin-left: 8%;}
}
@media screen  and (max-width:767px){
	.mode02 > .title{width: auto;margin-bottom: 10px;display: inline-block;}
	.mode02 > .title .ch{width: auto;color: #FFFFFF;line-height: 30px;background: #01369c;width: 80px;padding:0 0 0 6px;}
	.mode02 > .title .eng{transform: none;position: relative;left: 0;font-size: 14px;min-width: auto;margin-right: 6px;}
	.mode02 > .title .more{transform: none;position: absolute;right: 8px;bottom: 15px;display: none;}
	.mode02 > .title .rt{width: auto;float: none;/*margin-left: 86px;*/}
	
	.mode02List{margin-left: 0;}
	.mode02List li{width: 100%;margin-left: 0;margin-bottom: 10px;}
}



.modeWrap03{width: 100%;padding: 47px 0 0px;background: #f6f6f6;overflow: hidden;}
.mode03{width: 1200px;margin: 0 auto;}
.mode03 > .title{width: 70px;position: relative;float: right;margin-left: -70px;}
.mode03 > .title .ch{width: 24px;font-size: 24px;padding-right: 6px;line-height: 24px;float: left;color: #333333;
background: #01369c;
    color: white;
    padding: 10px 10px 55px 5px;
}
.mode03 > .title .rt{float: left;position: relative;width: 40px;background: #01369c;}
.mode03 > .title .eng{
	font-size: 24px;
	color: white;
	-ms-transform:rotate(90deg); /* ie 9 */
	-moz-transform:rotate(90deg); /* firefox */
	-webkit-transform:rotate(90deg); /* safari and chrome */
	-o-transform:rotate(90deg); /* opera */
	transform: rotate(90deg);
	background: #01369c;
	transform-origin:left top;
	position: absolute;
	display: block;
	left: 40px;
	line-height: 40px;
	min-width: 166px;
	padding-left: 6px;}
.mode03 > .title .more{display: block;font-size: 14px;color: white;
	/*-ms-transform:rotate(-90deg);  ie 9 */
	/*-moz-transform:rotate(-90deg);  firefox */
	/*-webkit-transform:rotate(-90deg);  safari and chrome */
	/*-o-transform:rotate(-90deg);  opera */
	/*transform: rotate(-90deg);*/
	height: 14px;position: absolute;right: 2px;bottom: 10px;transform-origin: left top;}

.mode03List{display: block;overflow: hidden;margin-right: 6%;}
.mode03List li{width:20%;float: left;margin-right: 5%;}
.mode03List li .img{width: 100%;height: 0;padding-bottom: 100%;overflow: hidden;display: block;border-radius: 50%;box-shadow: rgba(0,0,0,0.1) 0 0 7px;margin-bottom: 7px;position: relative;background: #fff;}
.mode03List li .img .imgBox{position: absolute;top: 0;left: 0;bottom: 0;right: 0;/*margin: 15%;*/}
.mode03List li .img .imgBox img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: auto;
    max-width: 100%;margin: auto;}
.mode03List li .info{height: 110px;overflow: hidden;}
.mode03List li .info .red{color: #a20200;font-size: 14px;line-height: 24px;margin:24px 0;max-height: 48px;overflow: hidden;color: #000;font-weight: normal;}
.mode03List li .info .title{font-size: 16px;line-height: 24px;display: block;max-height: 96px;overflow: hidden;text-align: justify;color: #000;font-weight: normal;}
.mode03List li .info .title:hover{color:#0f4a9d}
.mode03List li .info p{font-size: 14px;line-height: 24px;color: #3c3c3c;overflow: hidden;margin-top: 24px;}
@media screen  and (max-width:1386px){
	.mode03{width: 1000px;}
	.mode03 > .title{width: 62px;}
	.mode03 > .title .ch{font-size: 20px;padding-left: 1px;}
	.mode03 > .title .eng{line-height: 30px;font-size: 20px;left: 30px;}
	.mode03 > .title .rt{width: 30px;}
	.mode03 > .title .more{bottom: -13px;font-size: 12px;}
}
@media screen  and (max-width:1020px){
	.modeWrap03{padding: 30px 16px;width: auto;}
	.mode03{width: auto;}
	.mode03List{margin-right: 0;}
	.mode03List li{width: 40%;margin-right: 10%;margin-bottom: 20px;}
}
@media screen  and (max-width:767px){
	.mode03 > .title{width: auto;margin-bottom: 10px;float: none;margin-left: 0;display: inline-block;}
	.mode03 > .title .ch{width: auto;color: #FFFFFF;line-height: 30px;background: #01369c;width: 80px;padding:0 0 0 6px;}
	.mode03 > .title .eng{transform: none;position: relative;left: 0;font-size: 14px;padding-right: 6px;min-width: auto;}
	.mode03 > .title .more{transform: none;position: relative;right: 0;bottom: 0;float: right;margin: 0px  6px 0 10px;display: none;}
	.mode03 > .title .rt{width: auto;float: none;/*margin-left: 86px;*/}
	
	.mode03List{margin-right: 0;}
	.mode03List li{width: 100%;margin-right: 0;margin-bottom: 10px;}
}




.modeWrap04{width: 100%;padding: 43px 0 36px;background: #f9f6ef;overflow: hidden;}
.mode04{width: 1200px;margin: 0 auto;}
.mode04 > .title{width: 70px;position: relative;margin-right: -70px;float: left;}
.mode04 > .title .ch{width: 24px;font-size: 24px;padding-right: 6px;line-height: 24px;float: left;color: #333333;}
.mode04 > .title .rt{float: left;position: relative;width: 40px;background: #01369c;}
.mode04 > .title .eng{font-size: 24px;color: white;
	-ms-transform:rotate(90deg); /* ie 9 */
	-moz-transform:rotate(90deg); /* firefox */
	-webkit-transform:rotate(90deg); /* safari and chrome */
	-o-transform:rotate(90deg); /* opera */
	transform: rotate(90deg);
	background: #01369c;transform-origin:left top;position: absolute;display: block;left: 40px;line-height: 40px;min-width: 150px;padding-left: 6px;}
.mode04 > .title .more{display: block;font-size: 14px;color: white;
	-ms-transform:rotate(-90deg); /* ie 9 */
	-moz-transform:rotate(-90deg); /* firefox */
	-webkit-transform:rotate(-90deg); /* safari and chrome */
	-o-transform:rotate(-90deg); /* opera */
	transform: rotate(-90deg);
	height: 14px;position: absolute;right: -2px;bottom: -10px;transform-origin: left top;}

.mode04List{margin-left: 6%;padding-bottom: 10px;}
.mode04List li{margin-left: 2.2%;padding:39px 2.2% 48px;background: #FFFFFF;box-shadow: rgba(0,0,0,0.1) 0 0 7px;width: 26.7%;float: left;text-align: justify;}
.mode04List li .title{font-size: 16px;line-height: 24px;max-height: 72px;margin-bottom: 24px;overflow: hidden;display: block;}
.mode04List li p{color: #505050;font-size: 14px;line-height: 24px;overflow: hidden;height: 96px;margin-bottom: 30px;}
.mode04List li .time{color: #7e7e7e;font-size: 14px;line-height: 14px;}
.mode04List li:hover{position: relative;top: -10px;}

@media screen  and (max-width:1386px){
	.mode04{width: 1000px;}
	.mode04 > .title .ch{font-size: 20px;padding-left: 1px;}
	.mode04 > .title .eng{line-height: 30px;font-size: 20px;left: 30px;}
	.mode04 > .title .rt{width: 30px;}
	.mode04 > .title .more{bottom: -13px;font-size: 12px;}
}
@media screen  and (max-width:1020px){
	.modeWrap04{padding: 30px 16px;width: auto;}
	.mode04{width: auto;}
	.mode04List{margin-left: 8%;}
	.mode04List li{width: auto;margin-bottom: 20px;padding: 30px 2.2%;}
}
@media screen  and (max-width:767px){
	.mode04 > .title{width: auto;margin-bottom: 10px;float: none;margin-right: 0;display: inline-block;}
	.mode04 > .title .ch{width: auto;color: #FFFFFF;line-height: 30px;background: #01369c;width: 80px;padding:0 0 0 6px;}
	.mode04 > .title .eng{transform: none;position: relative;left: 0;font-size: 14px;min-width: auto;margin-right: 6px;}
	.mode04 > .title .more{transform: none;position: absolute;right: 8px;bottom: 15px;display: none;}
	.mode04 > .title .rt{width: auto;float: none;margin-left: 86px;}
	
	.mode04List{margin-left: 0;}
	.mode04List li{margin-left: 0;margin-bottom: 10px;}
}


.modeWrap05{width: 100%;position: relative;overflow: hidden;background: #ffffff;}
.modeWrap05 > .title{width: 70px;position: absolute;top: 0;right: 50%;z-index: 10;margin-right: -640px;}
.modeWrap05 > .title .rt{float: left;position: relative;width: 40px;background: #01369c;height: 60px;}
.modeWrap05 > .title .eng{font-size: 24px;color: white;
	-ms-transform:rotate(90deg); /* ie 9 */
	-moz-transform:rotate(90deg); /* firefox */
	-webkit-transform:rotate(90deg); /* safari and chrome */
	-o-transform:rotate(90deg); /* opera */
	transform: rotate(90deg);
	background: #01369c;
	background: url(/dfiles/11159/images/brand11.jpg);
	transform-origin:left top;position: absolute;display: block;left: 30px;line-height: 32px;min-width: 147px;padding-left: 16px;height: 60px;}
.modeWrap05 > .title .eng1{font-size: 16px;}
.modeWrap05 > .title .ch{
	width: 24px;
	font-size: 24px;
	padding-right: 6px;
	line-height: 24px;
	float: left;
	color: #FFFFFF;
	-ms-transform:rotate(-90deg); /* ie 9 */
	-moz-transform:rotate(-90deg); /* firefox */
	-webkit-transform:rotate(-90deg); /* safari and chrome */
	-o-transform:rotate(-90deg); /* opera */
	transform: rotate(-90deg);
	transform-origin: left top;
	margin-top: 19px;}
.modeWrap05 > .title .more{
	display: block;
	font-size: 14px;
	color: white;
	-ms-transform:rotate(-90deg); /* ie 9 */
	-moz-transform:rotate(-90deg); /* firefox */
	-webkit-transform:rotate(-90deg); /* safari and chrome */
	-o-transform:rotate(-90deg); /* opera */
	transform: rotate(-90deg);
	height: 14px;
	position: absolute;
	right: -1px;
	bottom: 0px;
	transform-origin: left top;}

.mode05{width: 100%;max-width: 1200px;margin: 0 auto;position: relative;}

.mode05 .right{position: absolute;bottom: 57px;left: 50%;margin-left: -63px;opacity: 0;width: 0;overflow: hidden;transform: translateX(100%);transition: all 620ms cubic-bezier(0.215, 0.61, 0.355, 1) 380ms;opacity: 0;filter: alpha(opacity=0);}
.mode05 .left{position: absolute;bottom: 20px;right: 50%;margin-right: 42px;opacity: 0;width:0;overflow: hidden;transform: translateX(-100%);filter: alpha(opacity=0);transition: all 620ms cubic-bezier(0.215, 0.61, 0.355, 1) 380ms;}
.mode05 .flex-active-slide .right{opacity: 1;width: auto;transform: translateX(0);opacity: 1;filter: alpha(opacity=100);white-space: nowrap;}
.mode05 .flex-active-slide .left{transform: translateX(0);width: auto;opacity: 1;filter: alpha(opacity=100);}
.mode05 .flex-control-nav{position: absolute;left: 50%;width: auto;bottom: 30px;margin-left: -28px;height: 12px;}
.mode05 .flex-control-nav li{margin: 0 12px 0 0;}
.mode05 .flex-control-paging li a{width: 12px;height: 12px;border-radius: 50%;}
.mode05 .flex-viewport{overflow: visible !important;}
.mode05 .slides li{width: 100%;overflow: hidden;background: #000;position: relative;}
.mode05 .slides li a img{opacity: 0.7;*filter: alpha(opacity=70);}
.mode05 .slides .flex-active-slide a img{opacity: 1;*filter: alpha(opacity=100);}

.mode05 .slides li a{display: block;height: 0;padding-bottom: 35%;width: 100%;background-position: top center;background-size: cover;}
.mode05 .slides li a img{width: 100%;display: block;}

.mode05 .slides .right .title{color: #FFFFFF;background: url(/dfiles/11159/images/brand11.jpg);/* font-family: "ÃƒÆ’Ã?Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å?Ãƒâ€šÃ‚Â¹ÃƒÆ?Ã?Â¦Ãƒâ€šÃ‚Â­Ãƒâ€šÃ‚Â£ƒÆ?Ã?Â¥ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦Ãƒâ€šÃ‚Â°ÃƒÆ?Ã?Â¤Ãƒâ€šÃ‚ÂºÃƒâ€šÃ‚Â­ÃƒÆ?Ã?Â¤Ãƒâ€šÃ‚Â¸Ãƒâ€šÃ‚Â­ÃƒÆ?Ã?Â©Ãƒâ€šÃ‚Â»ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å?_gbk","ÃƒÆ’Ã?Â¥Ãƒâ€šÃ‚Â¾Ãƒâ€šÃ‚Â®ÃƒÆ?Ã?Â¨Ãƒâ€šÃ‚Â½Ãƒâ€šÃ‚Â¯ÃƒÆ?Ã?Â©ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂºÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ?Ã?Â©Ãƒâ€šÃ‚Â»ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å??"; */font-size: 24px;line-height: 24px;padding: 18px 0px 18px 28px;display: inline-block;float: left;max-width: 528px;overflow: hidden;text-overflow: ellipsis;}
.mode05 .slides .right span{height: 60px;width: 90px;background: url(/dfiles/11159/images/brand12.jpg) right top;display:inline-block;float: left;}
.mode05 .slides .left .more{color: #FFFFFF;background: url(/dfiles/11159/images/brand21.jpg);font-size: 16px;line-height: 16px;padding: 8px 33px 13px 39px;display: inline-block;float: right;}
.mode05 .slides .left span{height: 37px;width: 60px;background: url(/dfiles/11159/images/brand22.jpg) left top;display:inline-block;float: right;}
@media screen  and (max-width:1386px){
	.modeWrap05 > .title{margin-right: -540px;}
	.modeWrap05 > .title .ch{font-size: 20px;margin-top: 13px;line-height: 22px;}
	.modeWrap05 > .title .eng{height: 52px;}
	.modeWrap05 > .title .eng1{line-height: 30px;}
	.mode05 .slides .right .title{font-size: 20px;padding: 15px 22px;}
	.mode05 .slides .right span{height: 54px;}
	.mode05 .slides .left .more{font-size: 14px;}
	.mode05 .slides li{}
}
@media screen  and (max-width:1020px){
	.modeWrap05 > .title{right: -38px;margin-right: 0;}
	.mode05 .right,.mode05 .flex-active-slide .right{top: 0;bottom: auto;left: 0;margin-left: 0;width: auto;}
	.mode05 .slides .left span{display: none;}
	.mode05 .flex-active-slide .left,.mode05 .left{left: 0;right: auto;top: 54px;bottom: auto;}
	.mode05 .slides .left .more{padding: 10px 20px;}
	.mode05 .flex-control-nav{width: 100%;left: 0;text-align: center;margin-left: 0;bottom: 4px;}
	.mode05 .flex-control-paging li a{width: 8px;height: 8px;}
	.mode05 .slides li{}
}
@media screen  and (max-width:767px){
	.modeWrap05 > .title{width: auto;right: auto;position: relative;background: #01369c;display: inline-block;/* margin-bottom: 10px; */left: 0;}
	.modeWrap05 > .title .eng{transform: none;position: relative;height: 32px;padding-left: 96px;left: 0;min-width: 51px;}
	.modeWrap05 > .title .ch{transform: none;width: auto;position: absolute;left: 10px;top: -9px;}
	.modeWrap05 > .title .more{transform: none;right: 6px;bottom: 18px;display: none;}
	.mode05 .slides .right .title{font-size: 14px;padding: 10px 15px;max-width: 250px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float: right;}
	.mode05 .slides .right span{height: 44px;width: 40px;display: none;}
	.mode05 .flex-active-slide .left, .mode05 .left{top: 44px;right: 0;left: auto;margin: 0;}
	.mode05 .slides .left .more{font-size: 12px;padding: 6px;float: right;}
	.mode05 .right,.mode05 .flex-active-slide .right{right: 0;}
	
}



.modeWrap06{width: 100%;position: relative;background: url(/dfiles/11159/images/teachers.jpg) no-repeat center top;overflow: hidden;}
.modeWrap06 > .title{width: 70px;position: absolute;top: 42px;left: 50%;z-index: 9;margin-left: -572px;}
.modeWrap06 > .title .rt{float: left;position: relative;width: 40px;background: #01369c;height: 60px;}
.modeWrap06 > .title .eng{font-size: 24px;color: white;
	-ms-transform:rotate(90deg); /* ie 9 */
	-moz-transform:rotate(90deg); /* firefox */
	-webkit-transform:rotate(90deg); /* safari and chrome */
	-o-transform:rotate(90deg); /* opera */
	transform: rotate(90deg);
	background: #01369c;transform-origin:left top;position: absolute;display: block;left: 32px;line-height: 32px;min-width: 147px;padding-left: 16px;height: 60px;}
.modeWrap06 > .title .eng1{font-size: 16px;}
.modeWrap06 > .title .ch{
	width: 24px;
	font-size: 24px;
	padding-right: 6px;
	line-height: 24px;
	float: left;
	color: #FFFFFF;
	-ms-transform:rotate(-90deg); /* ie 9 */
	-moz-transform:rotate(-90deg); /* firefox */
	-webkit-transform:rotate(-90deg); /* safari and chrome */
	-o-transform:rotate(-90deg); /* opera */
	transform: rotate(-90deg);
	transform-origin: left top;
	margin-top: 19px;}
.modeWrap06 > .title .more{
	display: block;
	font-size: 14px;
	color: white;
	-ms-transform:rotate(-90deg); /* ie 9 */
	-moz-transform:rotate(-90deg); /* firefox */
	-webkit-transform:rotate(-90deg); /* safari and chrome */
	-o-transform:rotate(-90deg); /* opera */
	transform: rotate(-90deg);
	height: 14px;
	position: absolute;
	right: -1px;
	bottom: 0px;
	transform-origin: left top;}

.mode06{width: 1200px;margin: 0 auto;padding: 30px 0 30px;position: relative;}
.mode06 .slides li .imgWrap{width: 23.3%;margin: 0 auto;}
.mode06 .slides li .img{width: 100%;height:0;overflow: hidden;display: block;padding-bottom: 100%;position: relative;background: #f7f4f1;border-radius: 50%;}
.mode06 .slides li .img img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-height: 100%;width: auto;margin: auto;}

.mode06 .slides li .title{font-size: 30px;color: #282828;/* font-family: "adobe ÃƒÆ’Ã?Â©Ãƒâ€šÃ‚Â»ÃƒÂ¢Ã¢â€šÂ¬Ã‹Å?ÃƒÆ?Ã?Â¤Ãƒâ€šÃ‚Â½ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œ std"; */text-align: center;line-height: 30px;height: 30px;padding: 24px 0;}
.mode06 .slides li .label{display: inline-block;width: 82px;height: 33px;color: #FFFFFF;font-size: 14px;line-height: 33px;background: #01369c;vertical-align: middle;position: relative;margin-right: 18px;margin-left: -100px;}
.mode06 .slides li .label img{position: absolute;right: -8px;top: 11px;}
.mode06 .slides li .info{font-size: 18px;line-height: 30px;width: 83.3%;margin: 0 auto;color: #000000;text-align: center;text-shadow: .3rem 0rem .5rem #fff,-.3rem 0rem .5rem #fff,0rem .3rem .5rem #fff,0rem -.3rem .5rem #fff;height: 90px;overflow: hidden;}
.mode06 .flex-control-nav{display: none;}
.mode06 .flex-direction-nav a{opacity: 1;width: 60px;height: 60px;}
.mode06 .flex-direction-nav .flex-prev{background: url(/dfiles/11159/images/lf2.jpg) no-repeat center center;left: 0px;}
.mode06 .flex-direction-nav .flex-next{background: url(/dfiles/11159/images/rt2.jpg) no-repeat center center;right: 0;}
@media screen  and (max-width:1386px){
	.modeWrap06 > .title{margin-left: -482px;}
	.modeWrap06 > .title .ch{font-size: 20px;margin-top: 13px;line-height: 22px;}
	.modeWrap06 > .title .eng{height: 52px;min-width: 130px;}
	.modeWrap06 > .title .eng1{line-height: 30px;}
	.mode06{width: 1000px;}
	.mode06 .slides li .info{font-size: 15px;line-height: 24px;height: 72px;}
	.mode06 .slides li .title{font-size: 24px;}
	.mode06 .slides li .label{height: 28px;line-height: 28px;}
	.mode06 .slides li .label img{top: 9px;}
	.mode06 .slides li .img{width: ;}
}
@media screen  and (max-width:1020px){
	.modeWrap06 > .title{left: 21px;margin-left: 0;top: 0;}
	.mode06{width: auto;padding: 30px 0px;margin: 0 16px;}
}
@media screen  and (max-width:767px){
	.modeWrap06 > .title{width: auto;position: relative;right: 0;background: #01369c;left: 0;display: inline-block;}
	.modeWrap06 > .title .eng{transform: none;position: relative;height: 32px;padding-left: 96px;left: 0;min-width: 74px;}
	.modeWrap06 > .title .ch{transform: none;width: auto;position: absolute;left: 10px;top: -9px;}
	.modeWrap06 > .title .more{transform: none;right: 6px;bottom: 18px;display: none;}
	.mode06 .flex-direction-nav a{display: none;}
	.mode06 .slides li .title{font-size: 20px;}
	.mode06 .slides li .label{font-size: 12px;width: 60px;margin-left: -78px;}
	.mode06 .slides li .info{font-size: 12px;}
	
}