/*公用*/
.article_box img:hover{ transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);-webkit-transform:scale(1.1);}
img:hover{ transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;}
.border-top{ border-top: 1px solid #cccccc;}
.article_banner{ display:block;}
.article_box{height: auto;width: auto;}
.zhongxing .article_box img{width: 100px;height: 72px;}
/**/
.col-md-4 .article_box h2{ font-weight:normal; font-size:20px;}
.col-md-4 .article_box h2 a{ color:#2076bd}
/*图片滚动*/
.SwitchImage{position: relative;z-index: 1;}
.SwitchImage{width: 794px;height:315px;}
.SwitchImage .pic{width: 585px;height:315px; overflow:hidden}
.SwitchImage img{width: 585px;min-height:315px; height:auto}
.SwitchImage .swiper-box{height:315px;width: 794px;}
.content_box{ background: url(/Content/Areas/Common/images/Article/op_bg.png) repeat; height: 285px;padding: 15px;position: absolute;
right: 0;top: 0;width: 179px;}
.col-md-8 .SwitchImage .swiper-box ul li h2{ background:none;color: #fff;font-size: 22px;height:auto;left: inherit;line-height: 34px;
position: static;top: inherit; width:auto;}
.col-md-8 .SwitchImage .swiper-box ul li h2 a{ padding-left:0;}
.content_box p{ color: #fff;font-size: 14px; line-height: 24px;margin-top: 15px;}
/*媒体报道*/
.col-md-7 .Box .article_box{ width:160px; position:relative}
.col-md-7 .Box .article_box img{width:100%;height: 107px;margin-right:0;}
.col-md-7 .Box .article_box h2{ color:#fff; font-size:14px; position:absolute; left:0; bottom:0;  line-height:20px; font-weight: normal; height:36px; width:172px;}
.col-md-7 .Box .article_box h2 a{ color:#fff;}

/*最新资讯*/
.col-md-7 .article_box img{ width:108px; height:72px; float:left; margin-right:15px;}
.col-md-7 .article_box img:hover{ transform:none !important;}
.col-md-7 .article_box h2{background: #007677;font-size: 14px;height: 52px;line-height: 24px;padding: 10px 15px;margin-bottom:0;_margin-top: -20px; _margin-left: -20px;}
.col-md-7 .article_box:hover h2{ opacity:0.8; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;}
.col-md-7 .article_box h2 a.more{ margin-top:27px}
.col-md-7 .article_box h2 a{ color:#fff}
.col-md-7 .ke_box h2{ background:none;}
.col-md-7 .ke_box h2 a{ color:#333}
.col-md-7 .ke_box h2 a:hover{ color:#14b39b;}
/*国际交流*/
.col-md-5 ul.new_list li{ padding:20px 0; border-bottom:1px dotted #c1c1c1}
.col-md-5 ul.new_list a.img_box{width:117px; height:67px; margin-right:20px; float:left; overflow: hidden;}
.col-md-5 ul.new_list img{ width:117px; height:56px;}
.col-md-5 ul.new_list h2{ margin-bottom:0; font-size:18px; color:#333; *margin-top:-30px;}
.col-md-5 ul.new_list p{ line-height:24px; color:#999999}
.li_box:hover{ background:#007677;-moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;}
.li_box:hover a,.li_box:hover p{ color:#fff !important}
.li_box .detail{ display:none;}

/*通知公告*/
.article_box li{ height:52px; width:273px; background:#f2f2f2 url(/Content/Areas/News/images/XinWenZhongXin/icon3.png) no-repeat left top; color:#333333; font-size:18px; padding:10px;}
.article_box li .span_date{ color:#666666; font-size:12px; display:block; line-height:28px;}
.col-md-3.col-sm-12 .article_box li a.title_type{ font-weight:bold;}
/*视频*/
.video_list{ border:1px solid #e8e8e8; border-top:3px solid #e8e8e8}
.video_list li{height: 147px;}
.video_list img{height: 105px;width: 210px;}
.video_list li{position: relative; margin-bottom:20px;}
.video_list li.last{ margin-bottom:0;}
.video_list h2{line-height: 24px;font-size: 14px;z-index: 9;left: 0;}
.video_btn{height: 105px;position: absolute;width: 100%;z-index: 10;display: block;top:0;left:0px;}
.video_btn:hover{background: url(../../common/images/video/play-btn.png) no-repeat center;}
.video_list .Count{ display:none; }
.video_list .play_time{background: url(/Content/Areas/common/images/video/btn_count.png) no-repeat left center;display: block;padding-left: 20px;line-height: 20px;font-size: 12px;color: #999;}
.video_list h2 a{color: #333;}
.showTime{position: absolute;right: 0px;top: 0px;padding: 2px 4px;background: transparent url("/Content/Areas/Common/images/Article/op_bg.png") repeat;color: #fff;}
/*专题报道*/
.col-md-12 .title_header{ line-height:67px; height:67px; background:url(/Sites/Uploaded/UserUpLoad/20160816/20160816165957.jpg) no-repeat center; margin-bottom:1px;}
.first_article{ float:left; width:400px;background:#eee}
.site_img{ width:400px; height:233px; position:relative; overflow:hidden;}
.first_article:hover{ background:#ECF0F3;}
.first_article:hover img{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);-webkit-transform:scale(1.1)}
.site_img img{ width:400px; height:233px}
.site_img i{ border-bottom: 22px solid #eee;border-left: 20px solid transparent;border-right: 20px solid transparent;bottom: 0;display: block;height: 0;position: absolute;right: 20px;width: 0;}
.first_article:hover .site_img i{ border-bottom:22px solid #ECF0F3}
.li_2 .site_img i{border-bottom: 0 none;border-top: 22px solid #eee;top: 0;}
.li_2 .first_article:hover .site_img i{ border-top:22px solid #ECF0F3; border-bottom:0;}
.site_img h2{ bottom: 5px;color: #fff;font-size: 18px;left: 15px;position: absolute;}
.site_img h2 a{ color:#fff;}
.content{padding: 20px 0; margin:0 15px; border-bottom:1px dotted #b7b7b7}
.content span{background: #60bb46 ;display: block;float: left;height: 45px;width: 4px;}
.li_2 .content span{ background:#f0582f}
.li_3 .content span{ background:#f9b31f}
.zt_list p{color: #999;line-height: 24px;margin-left: 20px;}
.zt_list p a{ color:#2076bd; float:right}
.zt_list p a:hover{ font-weight:bold;}
.zt_list .article_list{ margin:0 15px; *display:none;_display:none; }
 
ul.article_list li span.span_date { *margin-top: -30px; _margin-top: -30px;}
.Li_Even.li_2{*margin-top: -20px;_margin-top: -20px;}
.Li_Even.li_3{*margin-top: -40px;_margin-top: -20px;}
.col-md-3{*width: 24%;_width: 24%;_overflow: hidden;}

@media only screen and (max-width:768px){
.col-md-4 .article_box h2,.article_list li,.col-md-7 ul.new_list h2{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.col-md-7 .Box .article_list{ width:211px;} 
.col-md-5 ul.new_list li{overflow: hidden;}
.article_banner img{ width:100%}
.video_list img, .video_list li{ width:100%}
.video_list h2{ width:100%; box-sizing:border-box}
.first_article{ width:33.33%}
.site_img,.site_img img{ width:100%; height:auto;}
.pr10{ padding:0;} 
.pl10{ padding:0;}
ul.article_list li{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
ul.article_list li span.span_date{ display:none}
.article_list:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.col-md-4.col-sm-12 .article_list li{ width: 48%;float: left;margin-right: 2%;box-sizing: border-box;}
.col-md-7 .Box .article_list{ width:201px;}
.col-md-5 .article_box img{ margin-right:0;}
.col-md-5 .article_box h2{ overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.article_banner img{ width:100%; height:auto;}
ul.article_box{ display:none}
.col-md-3.col-sm-12 .article_list li{ width: 48%;float: left;margin-right: 2%;box-sizing: border-box;}
.video_list:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.video_list li{ float:left;}
.video_list li:nth-child(2){ margin:0 20px;}
.video_list li{width:222px;height: 172px;margin-bottom:0;}
.video_list img{width: 100%;height: 132px;}
.video_list h2{ width:100%; box-sizing:border-box}
.video_btn{ height:132px;}
.first_article:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.first_article{ float: none;width: 100%;margin-bottom: 20px;}
.site_img{ float:left; width:54%;}
.content{float: right;width: 42%;margin: 0 2%; border-bottom:none}
.site_img i{ display:none;}
.zt_list .article_list{ display:none;}
.site_img img{ width:100%;}
.col-md-7 ul.new_list a.img_box{ display:none;}

.SwitchImage,.SwitchImage .swiper-box{width: 100%;}
}
 
@media only screen and (max-width:767px){

.col-md-7 .Box .article_list{ width:187px; float:left}
.video_list li{ width:32%;}
.video_list li:nth-child(2){ margin:0 2%}
.video_list img{ width:100%;}
.video_list img, .video_list li{ height:auto;}
}
@media only screen and (max-width:728px){

.col-md-7 .Box .article_list{ width:150px; float:left}
}
@media only screen and (max-width:662px){
.article_box.pd15-0{ display:none}
.col-md-7 .Box .article_box{ display:none;}
.col-md-7 .Box .article_list{ width:100%}
.col-md-7.col-sm-7.fl{ height:339px; overflow:hidden} 
}
@media only screen and (max-width:640px){
.col-md-7.col-sm-7.fl{ height:auto;}
.pl15,.pr15{ padding:0;} 
.col-md-4.col-sm-12 .article_list li{ width:100%; float:none; margin-right:0;}
.SwitchImage, .SwitchImage img{height:246px;overflow:hidden;width: 100%;}
.SwitchImage .swiper-box{ height:246px;}
.SwitchImage .pagination{ right:2%;}
.content_box{ display:none;}
.col-md-5.col-sm-5 .article_box{ display:none;}
.col-md-7 .Box .article_box{ display:none;}
.col-md-7 .Box .article_list{ width:100%; float:none;}
.col-md-3.col-sm-12 .article_list li{width:100%; float:none; margin-right:0;}
.video_list img, .video_list li{width: 248px;margin: 0 auto 20px;float:none;}
.video_list li:nth-child(2){ margin:0 auto 20px;}
.site_img{ width:100%; float:none}
.content{ float:none; width:100%; margin:0; padding:20px 10px; box-sizing:border-box;}
.li_2{ display:none;}
.video_list{ border:none;}
.site_img{ height:auto;}
.site_img img{ height:auto; width:100%;}
}

@media only screen and (max-width:435px){
.SwitchImage, .SwitchImage img{ height:165px;min-height:auto;}
.SwitchImage .swiper-box{ height:165px;}
}

@media only screen and (max-width:375px){
.SwitchImage, .SwitchImage img{ height:141px;}
.SwitchImage .swiper-box{ height:141px;}

}
@media only screen and (max-width:320px){
.SwitchImage, .SwitchImage img{ height:119px;}
.SwitchImage .swiper-box{ height:119px;}
}