@charset "utf-8";

.add{display: block;width: 100%;overflow: hidden;transition: all 0.6s ease;height: 200px;}
.add.off{height: 0;}

.articleListTitle{overflow: hidden;margin-bottom: 24px;line-height: 24px;}
.articleListTitle .more{float: right;color: #999;font-size: 14px;margin: 7px 0 0;}
.articleListTitle .more span{font-size: 18px;color: #999;}
.articleListTitle .more:hover,.articleListTitle .more:hover span{color: #0477d4;}
.articleListTitle h2{height: 28px;color: #014d8b;font-weight: normal;font-size: 28px;}
.articleListTitle h2 span{font-family: "times new roman";color: #b8c3cc;padding: 0 0 0 7px;}
.articleListTitle2 h2{color: #fff;}
.articleListTitle2 h2 span{color:#4d8dc2;}
.articleListTitle2 .more,.articleListTitle2 .more span{color: #a4b5cd;}
.articleListTitle2 .more:hover,.articleListTitle2 .more:hover span{color: #fff;}
@media screen  and (max-width:1024px){
	.articleListTitle h2{font-size: 24px;}
} 
@media screen  and (max-width:640px){
	.articleListTitle h2{font-size: 20px;white-space: nowrap;}
} 

/* 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;}
.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;z-index: 6 }
.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 li a{width: 40px; height: 40px; position: absolute; top: 50%; z-index: 10; margin-top:-20px;text-align: center;line-height: 40px;overflow:hidden;transition: all 0.35s ease-in-out;}
.flex-direction-nav a{ text-decoration:none; display: block;overflow: hidden; cursor: pointer;color:#fff;font-size: 43px;position: relative;z-index: 12;opacity: 0.5;filter: alpha(opacity=50);}
.flex-direction-nav .flex-prev {left: 90px;}
.flex-direction-nav .flex-next {right: 90px;}
.flex-direction-nav a:hover{opacity: 1;filter: alpha(opacity=100);}
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0) !important; 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:99; }
.flex-control-nav li {margin: 10px 6px 0; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 9px; height: 9px; display: block;  }
.flex-control-paging li a.flex-active {}

.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;}
.flex-control-nav{display: none;}
.Banner .flex-control-nav:before{content: '';width: 100%;height: 100%;background-color: #005bac;opacity: 0.6;filter: alpha(opacity=60);position: absolute;left: 0;bottom: 0;border-radius: 8px 8px 0 0}
.Banner .flex-control-paging li{vertical-align: middle;position: relative;}
.Banner .flex-control-paging li a{width: 10px;height: 14px;line-height: 14px;text-align: center;font-size: 12px;color:#fff;border-radius: 0;transition: all 0.3s ease-in-out;opacity: 0.9;filter: alpha(opacity=90);cursor: pointer;}
.Banner .flex-control-paging li a.flex-active,.Banner .flex-control-paging li a:hover{}
.Banner .flex-control-nav li{margin:0 3px;}
.Banner{position: relative;z-index: 0;overflow: hidden;}
.slide-img{width: 100%;height: 0;padding-bottom: 32.3%;overflow:hidden;display: block;}
.slide-txt{position: absolute;left: 50%;margin-left: -600px;bottom: 35px;height: 35px;line-height: 35px;overflow: hidden;color:#fff;z-index: 10;text-overflow: ellipsis;max-width: 1200px;white-space: nowrap;}
.slide-bg{width: 100%;height: 180px;background:url(../images/banner_bg.png) repeat bottom;position: absolute;left: 0;bottom: 0;z-index: 0;}
.Banner .flexslider ul li.flex-active-slide img{ transition:transform 6000ms linear 0s;-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

/*content*/
.content{width:100%;z-index: 10;overflow: hidden;}

.wrap-mode01{padding: 45px 0 50px;position: relative;}
.mode01{position: relative;}
.articleList01{position: relative;z-index: 25;}
.articleList01 ul{margin: 0 -20px;}
.articleList01 li{transition: all 0.35s ease-in-out;width: 25%;}
.articleList01 li a{display: block;margin: 0 20px;position: relative;top: 0;}
.listTitle01 h2{float: right;}
.listTitle01 span{left: 27px;top: 30px;}
.listTitle01 >a > div{overflow: hidden;}
.listTitle01 .more{float: right;}
.listTitle01 .arrow{right: 52px;}
.item-info01{background:#fff;padding: 30px 20px 36px 20px;box-shadow: 0 0 12px rgba(2,66,43,0.2);display: block;border-radius:10px;}
.item-date01{border-bottom: 1px solid #e6e6e6;padding-bottom: 7px;}
.item-date01 img{width: 42px;float: right;margin: -16px 0 0;}
.item-date01 span{font-size: 26px;color:#179c60;margin-right: 10px;}
.item-date01 strong{color:#179c60;font-weight: normal;}
.item-txt01 {line-height: 24px;height: 72px;overflow: hidden;font-weight: normal;padding-top: 14px;text-align: justify;}



.wrap-mode02{position: relative;padding: 28px 0 76px;}
.mode02{padding-top: 7px;position: relative;}
.articleList02 ul{margin: 0 -20px;}
.articleList02 li{transition: all 0.35s ease-in-out;width: 25%;}
.articleList02 li a{display: block;margin: 0 20px;position: relative;top: 0;}
.item-img02.imgResponsive{padding-bottom: 61.85%;transition: all 0.35s ease-in-out;}
.item-date02 {margin:-20px 0 13px 10px;position: relative;font-family: 'Arial';}
.item-date02 strong{display: inline-block;*display: inline;*zoom:1;height: 40px;line-height: 40px;padding:0 10px;background:#0477d4;font-family: 'Arial';
  background: -webkit-linear-gradient(left, #0477d4 , #005bbb); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #0477d4, #005bbb); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #0477d4, #005bbb); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #0477d4 , #005bbb);color:#fff;;}
.item-info02 h3{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;margin-bottom: 15px;transition: all 0.35s ease-in-out;}
.item-info02 p{color:#999;line-height: 18px;height: 54px;text-align: justify;overflow: hidden;font-size: 12px;transition: all 0.35s ease-in-out;}

.mode02_bg01{width:100%;height: 200px; background:#0062b2;
  background: -webkit-linear-gradient(left, #0062b2 , #014d8b); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #0062b2, #014d8b); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #0062b2, #014d8b); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #0062b2 , #014d8b); display: block;position: absolute;left: 0;top: 0;z-index: -1;}
  
.mode03{margin-bottom: 25px;}
.PUMC-list02{margin:0 -20px;padding-top: 31px;}
.PUMC-list02 li{width: 50%;vertical-align: top;margin-bottom: 43px;}
.PUMC-list02 li.noImg .item-txt04{margin-right: 0;}
.PUMC-list02 li > a{display: block;margin: 0 20px 0 60px;border:3px solid #edf4f2;position: relative;transition: all 0.35s ease-in-out;top: 0;}
.item-img04{width: 200px;float: right;}
.item-img04 .imgResponsive{padding-bottom: 56.44%;;}
.item-txt04{padding:14px 34px 15px 40px;overflow: hidden;min-height:78px;}
.item-txt04 h3{line-height: 24px;max-height: 48px;overflow: hidden;font-weight: normal;margin-bottom: 12px;}
.item-txt04 p{font-size: 12px;color:#999;line-height: 18px;height: 18px;overflow: hidden;}
.item-date04{width: 74px;height: 74px;
background:#0477d4;
background: -webkit-linear-gradient(left, #0477d4 , #005bbb); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #0477d4, #005bbb); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #0477d4, #005bbb); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #0477d4 , #005bbb);
text-align: center;line-height:22px;position: absolute;left: -43px;top: -22px;transition: all 0.35s ease-in-out;}
.item-date04::after{content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 100%;background: #0477D4;z-index: 1;transition: all 0.15s ease-in-out;}
.item-date04 strong{color: #fff;font-size: 24px;padding-top: 15px;display: block;position: relative;z-index: 2;}
.item-date04 span{font-size: 12px;color:#fff;position: relative;z-index: 2;}

.mode04{margin-bottom: 70px;}
.articleList04 ul{margin: -7px -16px -20px;}
.articleList04 li{width: 33.3%;}
.articleList04 a{display: block;margin: 0 16px 30px;position: relative;overflow: hidden;box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.articleList04 a.part1{background: #10989f;}
.articleList04 a.part2{background: #eca82c;}
.articleList04 a.part3{background: #81b5d1;}
.articleList04 .left{width: 240px;float: left;}
.articleList04 .img{padding-bottom: 62.5%;}
.articleList04 .right{position: absolute;left: 240px;top: 0;bottom: 0;right: 0;}
.articleList04 .titleBox{height: 90px;line-height: 90px;position: absolute;top: 0;bottom: 0;margin: auto 26px;}
.articleList04 .title{line-height: 30px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;color: #fff;max-width: 72px;text-align:center;}

.wrapMode05{position: relative;padding: 53px 0 82px;}
.mode05BgLf{position: absolute;left: 0;top: 0;bottom: 0;right: 50%;margin-right: 99px;background: url(../images/mode05lf.png) top center no-repeat;z-index: -1;background-size: cover;}
.mode05BgRt{position: absolute;right: 0;top: 0;bottom: 0;left: 50%;margin-left: -100px;background: url(../images/mode05rt.png) top center no-repeat;z-index: -1;background-size: cover;}

.mode05{position: relative;}
.mode05Title{margin: 0 0 0 500px;width: 350px;height: 100px;position: relative;background: #fff;text-align: center;}
.mode05Title h2{font-size: 28px;font-weight: normal;padding: 13px 0 4px;}
.mode05Title .more{color: #999;font-size: 14px;margin: 7px 0 0;}
.mode05Title .more span{font-size: 18px;}
.mode05Title .more:hover{color: #0477d4;}
.mode05Title i{display: block;background: #149e14;position: absolute;}
.mode05Title .line1{left: 0;top: 0;width: 60px;height: 10px;}
.mode05Title .line2{left: 0;top: 0;width: 10px;height: 60px;}
.mode05Title .line3{right: 0;bottom: 0;width: 60px;height: 10px;}
.mode05Title .line4{right: 0;bottom: 0;width: 10px;height: 60px;}

.mode05 .flexslider{margin: 0 0 0 500px;}
.mode05 .flexslider .img{padding-bottom: 62.5%;}
.mode05 .flexslider .infoBox{position: absolute;top: 0;left: -350px;width: 282px;padding: 40px 34px 64px;background: url(../images/slidetitle.png);background-size: cover;}
.mode05 .flexslider .title{line-height: 28px;color: #fff;margin: 0 0 34px;height: 84px;}
.mode05 .flexslider .time{color: #fff;}
.mode05 .flexslider .infoBox:hover{}
.mode05 .flexslider ul li.flex-active-slide img{ transition:transform 6000ms linear 0s;-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.mode05 .flex-direction-nav{position: absolute;left: -350px;width:350px;top: 250px;font-size: 0;white-space: nowrap;}
.mode05 .flex-direction-nav li{display: inline-block;*display: inline;*zoom: 1;width: 50%;margin: 0 1px 0 0;height: 50px;}
.mode05 .flex-direction-nav li a{position: static;width: 100%;height: 100%;margin: 0;font-size: 0;opacity: 1;}
.mode05 .flex-direction-nav li a.flex-prev{background: url(../images/arrow5lf.png) center center no-repeat rgba(255,255,255,0.8);*background: url(../images/arrow5lf.png) center center no-repeat #fff;}
.mode05 .flex-direction-nav li a.flex-next{background: url(../images/arrow5rt.png) center center no-repeat rgba(255,255,255,0.8);*background: url(../images/arrow5lf.png) center center no-repeat #fff;}
.mode05 .flex-direction-nav li a.flex-prev:hover{background: url(../images/arrow5lf.png) center center no-repeat #fff;}
.mode05 .flex-direction-nav li a.flex-next:hover{background: url(../images/arrow5rt.png) center center no-repeat #fff;}

.wrap-mode06{position: relative;padding: 54px 0 50px;}
.mode06{}
.mode06 .lf{width: 46.67%;background: #fff;position: relative;z-index: 20;}
.mode06 .listTitle02{background: none;text-align: left;padding-left: 43px;background:url(../images/title_bg03.png) no-repeat left 38px;}
.PUMC-list03{overflow: hidden;margin: 42px 0 0;}
.PUMC-list03 li{margin-top: 20px;border-bottom: 1px dashed #d9d9d9;padding-bottom: 15px;overflow: hidden;transition: all 0.35s ease-in-out;}
.PUMC-list03 li:first-child{margin-top: 0;}
.list-date03{float: left;width: 122px;height: 36px;margin: 0 0 0 5px;overflow: hidden;line-height: 36px;text-align: center;white-space: nowrap;overflow: hidden;}
.list-date03 strong{height: 36px;width: 51px;float: left;color:#fff;font-size: 22px;background:#0477d4;
background: -webkit-linear-gradient(left, #0477d4 , #005bbb); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #0477d4, #005bbb); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #0477d4, #005bbb); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #0477d4 , #005bbb);
border-radius: 35px 0 0 35px;}
.list-date03 span{color:#014d8b;width: 66px;background:#fff;line-height: 32px;height: 32px;display: inline-block;border-radius: 0 35px 35px 0;font-weight: bold;border: 2px solid #014d8b;border-left: 0;float: left;}
.list-txt03{margin-left: 148px;transition: all 0.35s ease-in-out;position: relative;right: 0;}
.list-txt03 h3{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;margin-bottom: 8px;}
.list-txt03 p{color:#999;font-size: 12px;height: 36px;line-height: 18px;overflow: hidden;font-size: 12px;text-align: justify;}
.list-txt03{display: block;margin-left: 148px;}
.PUMC-list03 li:hover .list-txt03{/* text-indent: 10px; */right: -10px;}

.mode06 .rt{width: 45.5%;}
.mode06 .videoBox{}
.mode06 .videoBox a{display: block;position: relative;margin: 32px 0 0;}
.mode06 .videoBox .img{padding-bottom: 58.8%;background: #000;}
.mode06 .videoBox .img img{opacity: 0.8;}
.mode06 .videoBox .play{width: 80px;height: 80px;position: absolute;left: 50%;bottom: 50%;margin-bottom: -40px;margin-left: -40px;}
.mode06 .videoBox:hover .img img{opacity: 1; transform: scale(1.05);-ms-transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);-o-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;}
.mode06 .videoBox:hover .play{margin: 0;width: 50px;height: 50px;left: 30px;bottom: 30px;}

@media screen  and (min-width:1020px) {
	.articleList01 li:hover a,.articleList02 li:hover a,.PUMC-list02 li:hover > a{top: -10px;}
	.PUMC-list02 li > a:hover .item-date04::after{right: 0;}
	
}


@media screen and (max-width: 1460px){
	.slide-txt{margin-left: -500px;max-width: 1000px;}
	.item-txt01{height: 96px;}
	.articleList01 ul,.articleList02 ul{margin: 0 -12px;}
	.articleList01 li a{margin: 0 12px;padding-bottom: 20px;}
	.wrap-mode02{padding: 38px 0 90px;}
	.articleList02 li a{margin: 0 12px;}
	.item-info02 h3{height: 38px;line-height: 19px;margin-bottom: 18px;}
	.item-date02{margin: -17px 0 19px 10px;}
	.articleList04 .left{width: 220px;}
	.articleList04 .right{left: 220px;}
	.articleList04 .titleBox{width: 100%;margin: auto 0;text-align: center;}
	.mode04{margin-bottom: 64px;}
	.wrapMode05{padding: 53px 0 72px;}
	.mode05Title,.mode05 .flexslider{margin: 0 0 0 400px}
	.mode06 .lf{width: 45%;}
	.list-txt03 p{display: none;}
	.list-txt03 h3{height: 48px;line-height: 24px;}
	.PUMC-list03 li{margin-top: 32px;}
	.mode06 .rt{width: 49.3%;}
	.wrap-mode06{padding: 54px 0 62px;}
}

@media screen  and (max-width:1300px) {
	.slide-txt{margin-left: -385px;}
	.item-date03 span{font-size: 24px;}
	.item-txt04{padding-right: 15px;min-height: 30px;}
	/* .PUMC-list02 li > a{margin:0 30px} */
	.mode06 .rt{width: 35%;}
	.mode01 .wrap-flexslider1{padding-left: 30px;}

}

@media screen and (max-width: 1020px) {
	.add{height: 160px;background-size: auto 100% !important;}
	
	.mode02 .flexslider .slides > li,.mode03 .flexslider .slides > li{margin-right: 15px;}
	.mode01{}
	.listTitle{width: 90px;margin-left: 25px;}
	.mode01 .wrap-flexslider1{margin-left: 115px;padding-right:50px;padding-left: 40px;}
	.mode_bg01{width: 115px;}
	.mode01 .flex-direction-nav li a{width: 20px;height: 20px;line-height: 20px;font-size: 20px;}
	.mode01 .flex-direction-nav .flex-prev{top: 60px;}
	.mode01 .flex-direction-nav .flex-next{top: 30px;}
	.slide-txt{margin-left: 0;left: 20px;font-size: 20px;bottom: 12px;right: 20px;}
	.mode02 .flex-direction-nav .flex-prev, .mode03 .flex-direction-nav .flex-prev{left: 0;}
	.mode02 .flex-direction-nav .flex-next, .mode03 .flex-direction-nav .flex-next{right: 0;}
	.listTitle04{padding:30px 0 40px}
	.item-date04{width: 60px;height: 60px;line-height: 19px;left: -27px;}
	.item-date04 strong{font-size: 20px;padding-top: 10px;}
	.listTitle03 span{left: 17px;top: 32px;}
	
	
	.wrap-mode01{padding: 30px 0 20px;}
	.articleList01 li{width: 50%;margin: 0 0 20px;}
	.item-txt01{height: 48px;}
	.wrap-mode02{padding: 26px 0 18px;}
	.articleList02 li{width: 50%;}
	
	.item-date02{margin: -17px 0 14px 10px;}
	.item-info02 p{display: none;}
	.PUMC-list02{margin: 0px -10px;padding-top: 26px;}
	.item-img04,.item-txt04 p{display: none;}
	.item-txt04 h3{margin: 0 0 6px 0;}
	.mode03{margin: 0;}
	.mode04{margin-bottom: 46px;}
	.articleList04 ul{margin: -12px -10px 0;}
	.articleList04 a{margin: 0 10px;}
	.articleList04 .left{width: 100%;float: none;}
	.articleList04 .right{position: relative;left: 0;}
	.articleList04 .titleBox{position: relative;height: 50px;line-height: 50px;}
	.articleList04 .title{max-width: initial;}
	
	.mode05BgLf{display: none;}
	.mode05BgRt{left: 0;margin: 0;}
	.mode05Title, .mode05 .flexslider{margin: 0;}
	.mode05 .flexslider .infoBox{left: 0;right: 0;width: auto;bottom: 0;top: auto;padding: 17px 34px 17px;}
	.mode05 .flexslider .title{height: 28px;margin: 0;}
	.mode05 .flexslider .time{display: none;}
	.mode05 .flex-direction-nav{left: 370px;top: auto;bottom: 100%;right: 0;width: auto;}
	.wrapMode05{padding: 52px 0 45px;}
	
	.wrap-mode06{padding: 46px 0 24px;}
	.list-date03{margin: 0;}
	.list-date03 strong{HEIGHT: 32PX;width: 47px;}
	.list-date03 span{height: 28px;line-height: 28px;}
	.list-txt03 h3{height: 30px;line-height: 30px;margin-bottom: 0px;}
	.PUMC-list03 li{margin-top: 17px;}
	
	.PUMC-list02 li{/* width: 100%; */margin-bottom: 52px;}
	.PUMC-list02 li > a{margin: 0 14px 0 32px;}
	.mode06 .lf, .mode06 .rt{width: 100%;float: none;/* padding:0 15px; */box-sizing: border-box;clear: both;}
	.mode06{/* padding:0; */}
	.mode06_bg01{display: none;}
	.list-txt03{margin-left: 126px;}
	.mode06_bg02{display: none;}
	.PUMC-list03{padding-bottom: 20px;}
	.mediaCon{height: auto;max-height: 88px;}
	.mode06 .rt{padding-bottom: 25px;padding-top: 20px;}
	.listTitle05{padding-top: 25px;}
	.PUMC-list03{padding-right: 0;margin: 30px 0 0;}
	
}
@media screen and (max-width: 767px) {
	.item-img01{width: 160px;}
	.item-txt01{margin-left: 0;line-height: 20px;height: 40px;}
	.mode01 .wrap-flexslider1{margin-left: 90px;padding:20px 15px 30px 20px;border-radius: 0 0 0 40px;}
	.item-txt01 p{display: none;}
	.item-txt01 h3{height: 72px;white-space: normal;line-height: 24px;}
	.listTitle{margin-left: 15px;width: 80px;margin-top: 9px;}
	.listTitle span{left: 14px;font-size: 12px;}
	.listTitle .arrow{font-size: 14px;}
	.mode_bg01{width:90px;border-radius: 0 40px 0 0;height: 40px;top: -39px;}
	.listTitle02{background-size: 300px auto;padding:15px 0 }
	.PUMC-list li{width: 50%;margin-bottom: 15px;}
	.item-info02 p{height: 36px;}
	.item-info02 h3{margin-bottom: 10px;}
	.mode03 .flexslider{padding-top:35px;}
	.wrap-mode03{margin-bottom: 15px;}
	.listTitle04{background-size: 260px auto;}
	.mode03_bg01{border-radius: 0 50px 0 0;}
	.list-date03 strong{font-size: 16px;height: 28px;width: 40px;}
	.list-date03{height: 28px;line-height: 28px;padding:1px;width: 99px;margin-top: 5px;}
	.list-date03 span{height: 24px;font-size: 12px;width: 50px;line-height: 24px;}
	.list-txt03{margin-left: 103px;}
	.list-txt03 h3{line-height: 20px;max-height: 40px;height: auto;margin-top: 8px;margin-bottom: 10px;}
	.mode06 .listTitle02{background-position: left 12px;}
	.mode03-flexslider{margin-right:80px;padding: 10px 25px 0 15px;}
	.mode03 .listTitle {margin-left: 0;margin-right: 10px;}
	.mode03{/* padding:0 */padding-top: 10px;}
	.listTitle03 .arrow{right: 47px;}
	
	.add{height: 100px;}
	
	.item-txt04 h3{max-height: 72px;}
	.item-txt04 p{display: none;}
	.item-txt04{padding: 16px 18px 7px 36px;}
	.slide-bg{display: none;}
	.slide-txt{left: 0;position: relative;bottom: 0;font-size: 16px;font-weight: normal;line-height: 50px;height: 50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 18px;background: #6794b9;}
	.PUMC-list li{width: 100%;}
	
	.articleListTitle{margin-bottom: 12px;}
	.articleList01 li{width: 100%;}
	.item-date01 span{font-size: 22px;}
	.articleList01 li a{padding: 20px 24px 19px 24px;}
	.item-date01 img{width: 32px;margin: -8px 0 0;}
	.item-date01{padding-bottom: 11px;}
	.item-date01 strong{font-size: 12px;}
	.wrap-mode01{padding: 30px 0 15px;}
	
	.item-date02 strong{height: 30px;line-height: 30px;padding: 0 14px;font-size: 12px;}
	.item-date02{margin: -12px 0 10px 10px;}
	
	.articleList02 li{margin: 0 0 16px;}
	.articleListTitle h2 span{font-size: 16px;}
	.PUMC-list02{padding-top: 16px;}
	.PUMC-list02 li{width: 100%;margin-bottom: 28px;}
	.item-date04{width: 54px;height: 54px;}
	
	.articleList04 li{width: 100%;margin: 12px 0 0;}
	.articleList04 .left{width: 230px;float: left;}
	.articleList04 .right{position: absolute;left: 230px;right: 0;top: 0;bottom: 0;}
	.articleList04 .titleBox{position: absolute;top: 0;bottom: 0;}
	.mode04{margin-bottom: 30px;}
	
	.wrapMode05{padding: 30px 0 45px;}
	.mode05Title{width: 250px;height: 72px;}
	
	.mode05Title .line1,.mode05Title .line3{width: 43px;height: 7px;}
	.mode05Title .line2,.mode05Title .line4{width: 7px;height: 43px;}
	
	.mode05Title h2{padding: 10px 0 3px;font-size: 20px;}
	.mode05Title .more{margin: -22px 0 0;}
	.mode05 .flex-direction-nav{left: 272px;width: auto;right: 0;}
	.mode05 .flexslider .infoBox{position: relative;padding: 9px;}
	
	.wrap-mode06{padding: 35px 0 0;}
	.PUMC-list03{margin: 10px 0 0;}
	.PUMC-list03 li{padding-bottom: 0px;margin-top: 11px;}
	
	.mode06 .videoBox a{margin: 14px 0 0;}
	.mode06 .videoBox .play{width: 56px;height: 56px;margin-left: -28px;margin-bottom: -28px;}
	.mode06 .rt{padding-bottom: 40px;}
	
	
}
@media screen and (max-width:400px) {

	.articleListTitle h2 span{display: none;}
	.articleList02 li{width: 100%;}
	
	.articleList04 .left{width: 100%;float: none;}
	.articleList04 .right{position: relative;left: 0;}
	.articleList04 .titleBox{position: relative;}
	.mode05Title{width: 180px;}
	.mode05 .flex-direction-nav{left: 200px;}
}