.content{position: relative;width: 100%;overflow: hidden;}

.wrap_row01{width: 100%;background: #f2f2f2;}
.mode01{width: 1200px;margin: 0 auto;padding: 30px 0;}
.mode01 .title{font-size: 0;margin-bottom: 7px;position: relative;}
.mode01 .title img{margin-left: 5px;margin-right: 35px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
.mode01 .title a{font-size: 36px;font-weight: bold;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 91%;}
.mode01 .title a:hover{background: #fff;white-space: normal;overflow: visible;position: absolute;top: 0;z-index: 4;left: 86px;padding: 0 10px;border: 1px solid #666;}
.mode01 .engTitle{width: 260px;height: 38px;border: 1px solid #ccc;margin: 0 auto -23px;background: #f2f2f2;line-height: 38px;z-index: 3;position: relative;text-align: center;font-family:'Cambria';font-size: 24px;color: #b2b2b2;}
.mode01 .engTitle span{display: block;height: 1px;width: 100%;background: #ccc;position: absolute;bottom: 2px;}
.mode01 .engTitle:after{position: absolute;right: -2px;bottom: 2px;content: '';display: block;width: 1px;height: 20px;background: #ccc;}
.mode01 .engTitle:before{position: absolute;left: -2px;bottom: 2px;content: '';display: block;width: 1px;height: 20px;background: #ccc;}

.mode01 .intro{padding: 41px 11px 32px 18px;border: 1px solid #ccc;position: relative;}
.mode01 .intro span{color: #666;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;margin-right: 80px;}
/* .mode01 .intro a{float: right;color: #de0c13;font-size: 18px;padding-left: 24px;} */
.mode01 .intro a{position: absolute;right: 11px;bottom: 32px;color: #de0c13;font-size: 18px;}

.mode02{max-width: 1200px;margin:20px auto 48px;background: #fff;}
.articleHeadLine{overflow: hidden;padding:0px;}
.headLineImg{position: relative;overflow: hidden;}
.headLineImg>.imgs{position: relative; width:61.7%; float:left;height: 0;padding-bottom:41%;background: #ccc;display: block;overflow:hidden;}
.headLineImg>.imgs img{width: 100%;}
.headLineImg>a>img{display: block;border:none;width: 100%;}

/* 手风琴 */
#col{width:38.3%;float:right;/*clear:both;position: absolute;top:0;right: 40px;*/height: 0;padding-bottom: 41%;overflow: hidden;}
.sliderbox{overflow:hidden;background:#b0221f;padding: 20px 15px;}
.sliderbox a{color:#fff;position: relative;z-index: 999;display: inline-block;/*text-align: left;float: left;*/}
.sliderbox a:hover{color:#FFF;text-decoration:none;}
.sliderbox li.current dd{  transition:1s; display:block; }
.sliderbox li.current dt .rightDate { display:none; }
.sliderbox dd { display:none; transition:1s; }
.sliderbox dt{height:46px;cursor:pointer;}
.sliderbox .open{font-size:14px;/* background: #0d84c6; */color:#fff;cursor:default;margin-bottom: 0px;}
.sliderbox .title{font-size:16px;color:#fff;line-height:16px;display: block;padding:10px 0px 5px 0px;}
.sliderbox .open .title{font-weight: bold;font-size: 18px;}
.sliderbox .title a{height: 20px;display: block;overflow: hidden;line-height: 20px;}
.sliderbox .title .rightDate{color: #feb5b3;float: right;margin-left: 10px;}
.sliderbox .open .rightDate{display: none;}
.sliderbox .date{font-size:14px;color:#fff;display:block;float: right; padding:0px 30px 0 0;background: #b0221f;height: 26px;margin-right:20px;}
.sliderbox dt:hover span{color:#fff;}
.sliderbox .open:hover span{color:#fff;}
.sliderbox .open .date{display: none; }


.sliderbox .listTitle20 a { float: left; }
.sliderbox .listTitle20 i { display: inline-block; float: right; font-size: 14px; color: #fff; font-family: "宋体"; background: #b0221f; font-style: normal; position: relative; z-index: 99; top: -3px; }


.sliderbox dd{font-size:12px;color:#fff;height: 67px;padding:0;margin:0;/* background: #0d84c6; */position:relative;overflow:hidden;}
.sliderbox .text{font-size:11px;color:#99cee0;border-bottom: 1px solid rgba(255,255,255,0.2);}
.sliderbox .text a{display: block;padding: 0 0px;font-size: 14px;line-height: 20px;height: 40px;overflow: hidden;color: #daa9a9;margin-bottom: 11px;}
.sliderbox .text .date01{font-size:14px;color:#fff;display:block;float: right; padding:0px 30px 0 0;background: url(../../images/newhy/headline_open.png) no-repeat center right;height: 26px;margin-right:20px;}
.sliderbox .text .date01 a{padding:0px 0 0 0;}

.mode03{width: 1200px;margin: 0 auto;overflow: hidden;position: relative;}
.mode03 .lf{width: 47%;float: left;}
.mode03 .rt{width: 47.5%;float: right;}
.mode03 .listTitle{margin-bottom: 24px;}
.listTitle{width: 100%;text-align: center;font-size: 0;position: relative; }
.listTitle div,.listTitle h2{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
.listTitle .title{padding: 0 26px;background: #fff; font-family: "方正吕建德字体简体"; font-weight: initial; font-size: 43px;}
.listTitle20 {overflow: hidden; background: #b0221f; padding: 20px 0 0 0;}
.listTitle20  a {position: relative; z-index: 999; color: #fff; float: left; background: #b0221f; padding:0 0 0 10px;}
.listTitle20  i {position: relative; z-index: 999; color: #fff; float: right; background: #b0221f; display: inline-block; font-size: 14px; font-style: normal; top: 10px; padding: 0 10px 0 10px;}
.listTitle20  a .title {background: none;text-align: left;padding:0px;width: auto;float: left;}
.diamond{width: 24px;height: 24px;background: #e53d42;transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);}
.titleBg{display: block;position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: #ccc;z-index: -1;}
.titleBg1 {background: #fff;z-index: 0; top: 60%;}
.articleList02{position: relative;}
.list02 li{overflow: hidden;position: relative;margin-bottom: 30px;}
.list02 li .left{width: 49.6%;float: left;}
.list02 li .right{width: 46.6%;float: right;}

.list02 li .left .img{width: 100%;height: 0;padding-bottom: 60%;overflow: hidden;display: block;}
.list02 li .left .img img{width: 100%;}
.list02 li .right .title{display: block;color: #333;font-size: 16px;line-height: 24px;margin-top: -4px;height: 48px;overflow: hidden;margin-bottom: 8px;transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;position: relative;left: 0;}
.list02 li .right p{color: #999;font-size: 14px;line-height: 22px;height: 88px;overflow: hidden;margin-bottom: 12px;}
.list02 li .right .more{color: #de0c13;font-size: 14px;line-height: 14px;height: 14px;text-indent: -8px;display: block;transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;position: relative;left: 0;}
.list02 li .right a:hover{left: 8px;}

.articleList03{position: relative;}
.list03 {padding-top: 10px;}
.list03 li{overflow: hidden;position: relative;margin-bottom: 30px;}
.list03 li .rightDate{float: right;color: #999;font-size: 16px;font-family: arial;margin-left: 16px;}
.list03 li a{font-size: 16px;color: #333;height: 16px;display: block;line-height: 16px;white-space: nowrap;text-overflow: ellipsis;padding-left: 22px;position: relative;overflow: hidden;transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;position: relative;left: 0;}
.list03 li a:before{content: '';display: block;position: absolute;width: 5px;height: 5px;background: #de0c13;left: 0;top: 50%;margin-top: -2.5px;}
.list03 li a:hover{left: 8px;}

.mode04{margin: 47px auto 0;overflow: hidden;position: relative;}
.mode04 .listTitle{width: 1200px;margin: 0 auto 36px;}
.mode04 .videoSliderBox{background: url(../../images/newhy/flexsliderBg.png) center center no-repeat;width: 100%;}
.mode04 .videoSlider{width: 1000px;margin: 0 auto;}

.mode04 .flexslider .flex-control-nav{display: none;}
.mode04 .flexslider .slides li{position: relative;}
/*.mode04 .flexslider .slides li a{width:80px;height: 80px;position: absolute;left: 50%;top: 50%;margin: -40px 0 0 -40px;display: block;background-size: cover;}*/
.flex-direction-nav{position: absolute;top: 50%;left: 0;width: 100%;}
.flex-direction-nav a{width: 40px;height: 60px;margin: -30px 0 0;}
.flex-direction-nav .flex-prev{background: url(../../images/newhy/lf.png) center center no-repeat;background-size: cover;left: -45px;}
.flex-direction-nav .flex-next{background: url(../../images/newhy/rt.png) center center no-repeat;background-size: cover;right: -45px;}

.mode05{width: 1200px;margin: 0 auto;}
.mode05 .listTitle{margin: 0 auto 34px;}
.list04{position: relative;overflow: hidden;}
.list04 li{width: 47.5%;float: left;padding: 20px 0 10px;border-bottom: 1px dashed #d9d9d9;overflow: hidden;position: relative;}
.list04 li:nth-child(2n){float: right;}
.list04 li .left{width: 120px;float: left;}
.list04 li .left .img{width: 100%;height: 0;padding-bottom: 65%;overflow: hidden;display: block;}
.list04 li .right{display: block;margin-left: 134px;}
.list04 li .date{color: #de0c13;font-size: 18px;font-family: arial;font-style: italic;padding-right: 16px;float: left;}
.list04 li .title{font-size: 16px;display: block;margin-left: 62px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;position: relative;left: 0;}
.list04 li .title:hover{left: 8px;}
.list04 li .right p{color: #999;font-size: 14px;line-height: 20px;height: 40px;overflow: hidden;margin-top: 15px;}

.list05 {padding-top: 20px;overflow: hidden;}
.list05 li{overflow: hidden;position: relative;margin-bottom: 18px;width: 47.5%;float: left;}
.list05 li:nth-child(2n){float: right;}
.list05 li .rightDate{float: right;color: #999;font-size: 16px;font-family: arial;margin-left: 16px;}
.list05 li a{font-size: 16px;color: #333;height: 16px;display: block;line-height: 16px;white-space: nowrap;text-overflow: ellipsis;padding-left: 22px;position: relative;overflow: hidden;transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;position: relative;left: 0;}
.list05 li a:before{content: '';display: block;position: absolute;width: 5px;height: 5px;background: #de0c13;left: 0;top: 50%;margin-top: -2.5px;}
.list05 li a:hover{left: 8px;}

.mode06{margin: 40px auto 55px;}
.mode06 .listTitle{width: 1200px;margin: 0 auto 18px;}


.articleList06 { max-width: 1200px; margin: 0 auto; background: #f9f9f9; }
.articleList06 ul { overflow: hidden; padding: 15px 15px; margin:0 -20px; }
.articleList06 li { width: 25%; float: left; }
.articleList06 li:hover img { transition: 1s; transform: scale(1.1); }
.articleList06 li span { height: 0px; display: block; overflow: hidden; padding-bottom: 63%; }
.articleList06 li span img { width: 100%; transition: 1s; transform: scale(1.0);}
.articleList06 li a { display: block; margin: 0 20px; }
.articleList06 li p { background: url(../../images/newhy/bg_07.png) no-repeat; background-size: cover; padding: 5px 10px; font-size: 17px; color: #fff; height: 48px; line-height: 24px; }
.articleList06 li a:hover p { font-weight: bold; }


/* 轮播尺寸 */
.section-project {/* padding: 50px 0; */position: relative;/* background-color: #222; */}
.section__title, .section__subtitle {text-align: center;color: white;display: block;}
.section__title {font-size: 3em;line-height: 1;margin: 0 0 20px;}
.section__subtitle {font-size: 1.2em;line-height: 1.5;opacity: .5;}
.section__subtitle a {color: inherit;}
.project-carousel {position: relative;/* padding: 50px 0; */}
.project-strip {margin: 180px 0 190px;-webkit-filter: blur(5px);filter: blur(5px);}
.project-strip .project {cursor: pointer;}
.project-strip img {max-width: 100%;width: 100%;height: auto;}
.project-screen {position: absolute;left: 0;right: 0;top: 50%;bottom: 0;margin: auto;width: 840px;}
.project-screen .project-detail {width: 100%;padding-bottom: 56.25%;height: 0;margin: -28.125% auto 0;z-index: 1;background-color: #333;overflow: hidden;}
.project-screen .project {margin-right: -100%;float: left;cursor: move;}
.slick-slide img{width: 100%;}
.project-strip .img{width: 100%;padding-bottom: 56.25%;overflow: hidden;height: 0;}

.mode08{margin-top: 30px;}
.listTitle8 {text-align: left;margin-bottom: 20px;}
.listTitle8 .title{padding-left: 0;}

@media screen  and (max-width:1386px){
	.listTitle .title img{height: 38px;}
	.diamond{width: 20px;height: 20px;}
	
	.mode01,.mode02,.mode03,.mode04 .listTitle,.mode05,.mode06 .listTitle{width: 1000px;}
	
	.mode01{padding: 20px 0 30px;}
	.mode01 .title img{width: 46px;margin-right: 30px;}
	.mode01 .title a{font-size: 32px;}
	.list02 li .right p{height: 66px;margin-bottom: 8px;}
	.list03{height: 306px;overflow: hidden;}
	.project-screen{width: 700px;}
	
	.mode03 .listTitle,.mode04 .listTitle{margin-bottom: 29px;}
	.mode05 .listTitle{margin-bottom: 10px;}
	.mode06 .listTitle{margin-bottom: 0;}
	
	.mode06{margin-top: 30px;}
	.project-strip{margin-top: 150px;}
}
@media screen  and (max-width:1100px){
	.mode04 .videoSlider{width: 90%;}
}

@media screen  and (max-width:1020px){
	.listTitle .title img{height: 32px;}
	.diamond{width: 18px;height: 18px;}
	
	.mode01,.mode02,.mode03,.mode04 .listTitle,.mode05,.mode06 .listTitle{width: auto;margin-left: 15px;margin-right: 15px;}
	.project-strip{margin: 18% 0 20%;}
	
	.mode01 .title img{float: left;}
	.mode01 .title a{display: block;margin-left: 82px;width: auto;}
	
	
}
@media screen  and (max-width:992px){
	.mode01 .title a{font-size: 26px;}
	.headLineImg>.imgs{width: 100%;padding-bottom: 66.6%;}
	#col{height: auto;padding-bottom: 0;width: 100%;}
	.mode03 .lf{width: 50%;}
	.list02 li .right p{height: 44px;}
	.list02 li .left{width: 59.6%;}
	.list02 li .right{width: 37%;}
	.list02 li .right .title{font-size: 15px;margin-bottom: 12px;}
	.list02 li .right p{font-size: 13px;margin-bottom: 20px;}
	.list03{padding-top: 0;}
	.list03 li a{font-size: 15px;}
	.mode04{margin-top: 30px;}
	.mode04 .listTitle{margin-bottom: 20px;}
	.mode04 .videoSlider{width: auto;margin: 0 42px;}
	.list04 li .date,.list04 li .title{font-size: 15px;}
	
	.flex-direction-nav a{width: 27px;height: 41px;}
	.flex-direction-nav .flex-next{right: -32px;}
	.flex-direction-nav .flex-prev{left: -32px;}
	.flexslider{margin-bottom: 38px;}
	.mode05 .listTitle{margin-bottom: 8px;}
	.mode06{margin-top: 33px;}
	
	
	.project-screen{width: 70%;}
}

@media screen  and (max-width:767px){
	.listTitle .title img{height: 25px;}
	.diamond{width: 14px;height: 14px;}
	
	.mode01 .title a{font-size: 18px;white-space: normal;height: 48px;overflow: hidden;}
	.mode01 .intro span{font-size: 14px;}
	.mode01 .intro a{font-size: 14px;}
	.sliderbox .title a{font-size: 15px;}
	.sliderbox .text a{font-size: 12px;}
	.sliderbox{padding: 15px;}
	.mode03 .lf,.mode03 .rt,.list04 li,.list05 li{width: 100%;float: none;}
	.list04 li .date,.list05 li a,.list05 li .rightDate{font-size: 14px;}
	.list03 li a{font-size: 14px;}
	.list03 li{margin-bottom: 25px;}
	.list03{height: auto;}
	
	.list04 li .title{font-size: 14px;margin-left: 46px;}
	.list04 li .right p{font-size: 12px;}
	.mode06{margin-top: 23px;}
	.mode01 .intro span{height: 38px;white-space: normal;}
	.articleList06 li { width: 50%; margin: 0 0 10px 0; }
	.articleList06 li p { font-size: 15px; }
}

@media screen  and (max-width:480px){
.articleList06 li { width: 100%; float: none; }
}