﻿.article_box {position:relative;_zoom:1}
.article_box .img_box{width: 585px;height: 284px; display:block; overflow:hidden; float: right;}
.article_box .img_box img {width: 100%;height: 284px;transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s ;-webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s;}
.article_box .details{ color: #fff; }
.article_box_con{background: #45b796;height: 253px;padding: 15px;position: absolute;left: 0;top: 0;width: 179px;}
.article_box_con h2 a{ color:#fff;}
.article_box_con p{ color:#fff;}
.article_box_con span.Key_Box a{ color:#fff;}
.img_boxs{ display:block; width:100%; height:96px; overflow:hidden;}
.img_boxs img{ width:100%;transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s ;-webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s;}
.img_boxs img:hover{-webkit-transform:scale(1.03);-moz-transform: scale(1.03);-o-transform:scale(1.03);}


/*天使风采*/
.xs_scroll{padding:15px 0px;width: 1200px;}
.xs_scroll .swiper-box{width: 1090px;height: 147px;}
.xs_scroll .swiper-box ul li .Img_Box{float: left;padding: 0px !important;}
.xs_scroll .swiper-box ul li .Img_Box .pic{ width:150px;height:103px; margin:0 24px;}
.xs_scroll .swiper-box ul li img{width:150px;height:103px;}
.xs_scroll .arrow-btn{top:40px;}
div .Scroll_Box .arrow-btn{ display:block;}
.Scroll_Box .arrow-btn{top:60px;display: block;width:25px;font-size:32px;height:46px;line-height:48px;background: #45b796;color:#fff;text-align:center;transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;}
.Scroll_Box .btn-left{ _left:-30px;}
.Scroll_Box .arrow-btn:hover{color:#fff !important;background: #51d7b0;}

.article_list2{ overflow: hidden; }
.article_list2 li{ width: 48%; _width: 46%; margin: 0px 1%; float: left; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
.article_box2{ border-bottom: 1px dashed #ccc; padding-bottom: 15px; }
.article_box2 img{ width: 150px; height: 100px; }

/*意见反馈*/
.Cont_box{padding: 20px;background:#fbfbfb; height: 170px;}
.Cont_box p{line-height: 26px;}
.Cont_box .DiaoCha{width: 146px;height: 30px;display: block;background:#45b796; color:#fff; margin: 20px auto 0;text-align: center;line-height: 30px;}
.Cont_box .mailbox_search_btn,.Cont_box .JianYi{width: 80px;height: 30px;display: block;background: #45b796;color: #fff;border: none;margin: 20px 0 0 30px; float:left; cursor:pointer;text-align: center;line-height: 30px;}
.Cont_box .JianYi{text-align: center;line-height: 30px;}
.Cont_box .mailbox_search_btn{ margin-left: 75px; }
.Cont_box select{height: 30px;width: 100px;}
.Cont_box .mailbox_search_tx{height: 28px;border-left: medium none;width: 240px; _height: 20px;*height: 20px;}
.Cont_box form{margin-top: 20px;}
.Cont_box .mailbox_search_btn:hover,.Cont_box .JianYi:hover,.Cont_box .DiaoCha:hover{ background:#51d7b0;}


@media only screen and (max-width: 1024px)
{
.col-md-8 .Scroll_Box { width: 584px;padding: 15px 0;overflow: hidden;margin: 0 auto;}
.xs_scroll { width: 100%;}
div .Scroll_Box .arrow-btn { display: none;}
.xs_scroll { width: 920px; overflow: hidden; margin: 0 auto;}

}

@media only screen and (max-width: 1000px)
{
	.banner{ display:none}
.col-md-6 .article_list li,.col-sm-12 .article_list li{ width:45%; float:left;}

.col-md-4.col-sm-12.fr img{ display:none}
.col-md-8.col-sm-12 .Scroll_Box .swiper-box ul li h2{ left:auto;}
div .Scroll_Box .arrow-btn,.img_boxs { display: none;}

.xs_scroll { width: 730px; }
}

@media only screen and (max-width: 768px)
{
.xs_scroll{ width:560px; }
.Cont_box{ height: auto; }
}

@media only screen and (max-width: 640px)
{
.pr10{ padding-right:0;}
.col-md-8.col-sm-12 .Scroll_Box{ width:471px;}
.xs_scroll{width: 422px; overflow:hidden;}
}

@media only screen and (max-width: 480px)
{
.col-md-8.col-sm-12 .Scroll_Box{ width:355px;}
.col-md-6 .article_list li,.col-sm-12 .article_list li{ width:100%; float:none; box-sizing:border-box}
.col-md-4.col-sm-12.fr img{ display:block; width:100%; height:auto;}
.col-md-8.col-sm-12 .Scroll_Box{ width:343px}
.xs_scroll{ width:394px;}
.article_box_con{position: inherit;width: 100%;background: none;height: auto;padding: 0px;}
.article_box .img_box img{ width: 100%; height: auto; float: none; margin-right: 0px;  }
.article_box .img_box{ margin-bottom: 10px; width: 100%; height: auto; }
.article_box_con h2 a, .article_box_con p, .article_box_con span.Key_Box a, .article_box a.details{ color: #333; }
.article_box h2{ font-size: 16px; }
}

@media only screen and (max-width: 435px)
{
.xs_scroll{ width:198px;}
}
@media only screen and (max-width: 374px)
{
.col-md-8.col-sm-12 .Scroll_Box{ width:228px}
}
@media only screen and (max-width: 350px)
{
.col-md-8.col-sm-12 .Scroll_Box{ width:238px;}
	
}
 