@charset "utf-8";
/* CSS Document */
* { padding:0px; margin:0px; list-style:none; text-decoration:none; }
.floatL { float:left }
.floatR { float:right }
.clearb, .clearit { clear:both }
img { border:none; }
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr, td, th, dl, dd, dt { margin:0; padding:0; border:0; }
a { text-decoration:none; color:#333 }
a:hover { color:#3e83d0; text-decoration:underline; }
.clearit, .clearb{ clear:both; font-size:0; width:0; height:0; line-height:0; visibility:hidden; overflow:hidden; }
body{ font-family:Arial, Helvetica, sans-serif; background:#ffffff; font-size:12px;}
.main{padding:0px;}
/*头部*/
.header{ width:100%;height:313px; background:url(../images/YuanQing/top_banner.jpg) #d91215 no-repeat center 0px; display:block;}
.headerText{ width:960px;margin:0 auto;text-align:right; line-height:30px;}
.headerText a{color:#FFF; font-size:14px; font-weight:bold;text-decoration:none}
.headerText a:hover{text-decoration:underline}

/*导航*/
.nav{ background:url(../images/YuanQing/nav_bg.jpg) repeat-x 0 0px; height:43px; line-height:43px;}
.nav ul{ width:960px; margin:0px auto}
.nav ul li{ background:url(../images/YuanQing/nav_ico.jpg) no-repeat center right; float:left; text-align:center; font-size:16px; font-weight:bold; padding:0 12px; display:inline}
.nav ul li a{ color:#FFF}
.nav ul li a:hover{ color:#CCC;}
/*年份*/
.timeBox{height:229px;background:url(../images/YuanQing/time.jpg) repeat-x}
.timeBoxCon{background:url(../images/YuanQing/dsj.jpg) no-repeat center 6px; height:934px;}
.main_content{width:960px;margin:0 auto}

/*公用头部*/
.title1_bg{height:42px;line-height:42px;background:url(../images/YuanQing/titlebg.jpg) repeat-x 0 0px;}
.title1{ background:url(../images/YuanQing/dl.jpg) no-repeat 10px 0px;height:42px; padding:0 0 0 50px; font-family:"微软雅黑";}
.title1 li{float:left; padding:0 15px; background:url(../images/YuanQing/title_ico.jpg) no-repeat right center}
.title1 li a{color:#fff;font-size:18px;line-height:42px;}
.title1 li a:hover{color:#fff;}
.title1 li a.hover{ font-weight:bold}
.title2{ height:31px;background:#e5e5e5; padding:0 10px 0 0px;}
.title2 h2{background:url(../images/YuanQing/ttone.jpg) no-repeat;width:112px;height:31px;line-height:31px;text-align:center;color:#fff;font-size:14px;font-weight:900;}
.title2 a{display:block;line-height:24px;color:#b01310; float:right}
/*领导团队*/
.leader_box{ margin:10px 0 0 0px; width:960px; overflow:hidden; height:160px;}
.leader_box .leader_list{ width:990px;}
.leader_box .leader_list li{width:220px;height:145px;border:1px solid #feaead;background:#fff6f7;float:left; padding:5px; line-height:28px; margin:0 10px 0 0px; }
.leader_box .leader_list li img{border:solid 1px #d5cccd; display:block;width:105px;float:left; margin:0 5px 0 0px; height:138px;}
.leader_box .leader_list li .title_type{ font-size:12px; color:#333;word-break:break-all }
.leader_box .leader_list2 li{ width:172px;}
.leader_box .leader_list2 li img{ width:90px; height:120px;}

.conBox{border:1px solid #d9d9d9; margin:15px 0 0 0px; overflow:hidden}
.conBox2{ width:472px;}
.imgSizeCon{ margin:15px 0 0 0px;}
.imgSizeCon li{width:169px;float:left;margin-left:18px;display:inline; position:relative}
.imgSizeCon li img{width:163px;height:107px;padding:3px;border:1px solid #ddd; display:block}
.imgSizeCon li h2{text-align:center;line-height:30px;color:#333; font-size:12px;color:#333; font-weight:normal}
.imgSizeCon li h2 a{ color:#333}
.imgSizeCon li h2 a:hover{ color:#b01310}


.imgSizeCon2 li{width:169px;float:left;margin-left:18px;display:inline; position:relative}
.imgSizeCon2 li .img_box:hover{border:solid 1px #bb6265}
.video_btn{background: url(/Content/Areas/Common/images/play_normal.png) no-repeat center center;left: 3px;position: absolute;top: 3px;width:164px; height:107px;}
.video_btn:hover {background-color: rgb(0, 0, 0);height: 135px;opacity: 0.5;width: 100%;height:107px;width:164px;}
/*公益安贞*/
.PublicInterest{ width:665px;}
.Interest_List{ margin:10px 0 0 0px;}
.Interest_List li{width:190px;float:left;margin-left:24px;display:inline; text-align:center}
.Interest_List li .img_box{width:184px;height:107px;padding:3px;border:1px solid #ddd; overflow:hidden; float:left}
.Interest_List li .img_box img{display:block;width:184px}
.Interest_List li .img_box:hover{border:solid 1px #bb6265}
.Interest_List li .title_type{text-align:center;line-height:30px;color:#333; font-size:12px;}
.Interest_List li .title_type:hover{ color:#b01310}

.imgSizeCon2 li{width:169px;float:left;margin-left:18px;display:inline; position:relative}
.imgSizeCon2 li .img_box{width:160px;height:107px;padding:3px;border:1px solid #ddd; overflow:hidden; float:left}
.imgSizeCon2 li .img_box img{display:block;width:154px}

.photo_list{ padding:0px 0 10px 0px;}
.photo_list li{width:210px;float:left;display:inline; margin:10px 0px 0px 10px; _margin:10px 0px 0px 5px; *overflow:hidden}
.photo_list li img{width:200px;height:134px;padding:1px;border:1px solid #ddd; display:block; float:left; margin:0 5px 0 0px;}
.photo_list li img:hover{border:solid 1px #bb6265}
.photo_list li .title_type{text-align:center;line-height:30px;color:#333; font-size:12px;}
.photo_list li .title_type:hover{ color:#b01310}



.BlistL{width:280px; margin:15px 0 0 0px;}
.BlistL ul{padding-top:10px}
.BlistL ul li{line-height:32px;border-bottom:1px dashed #ddd;padding-left:16px;background:url(../images/YuanQing/hjt.jpg) no-repeat 5px 14px}
.BlistL ul li a{color:#333}
.BlistR{width:670px;}


/*底部*/
.footer{height:87px;background:#eeeeee;border-top:3px solid #b8090e;margin-top:15px;}
.footerBox{width:960px;margin:0 auto;}
.footerBox p{ line-height:30px; color:#666}
.footerBox p a{color:#a21000; margin:0 8px }
.zic{width:124px;height:16px; float:right; margin:40px 0 0 0px;}


/*内容页 列表页*/
.main_left{ float:left; width:180px!important; border:solid 1px #d9d9d9; margin:15px 0 0 0px;}
.main_left .BlistL{width:180px; margin:0px!important;}
.main_left .BlistL ul{padding-top:10px}
.main_left .BlistL ul li{line-height:32px;border-bottom:1px dashed #ddd;padding-left:16px;background:url(../images/YuanQing/hjt.jpg) no-repeat 5px 14px; font-size:14px;}
.main_left .BlistL ul li a{color:#333}
.main_left h1{ font-size:16px;}
.main_right{ width:750px!important; float:right; margin:15px 0 0 0px; overflow:hidden}
.article_right{ padding:0px!important;}
.article_right .article_head{ background:none #e5e5e5!important;border:solid 1px #d9d9d9; height:25px!important; line-height:25px!important; color:#333!important; padding:0px 5px!important;}
.article_right h1{ height:auto!important; line-height:25px!important;}
.article_right h1, .ask_title{ color:#333!important}
.newlist_6{ margin:10px 0px;}
.newlist_6 li{ height:30px; line-height:30px; border-bottom:dotted 1px #e9e9e9; font-size:14px;}
.newlist_6 li a{ color:#333}
.newlist_6 li span{ float:right}


/*大事记滚动*/
.timeBox{height:229px;background:url(../images/YuanQing/time.jpg) repeat-x; width:auto;}
.timeBox_h{ width:960px; height:229px; overflow:hidden; margin:0 auto; position:relative}
.dashiji{ padding-top:15px; cursor:move; position:relative;height:229px;}
.dashiji li{width:240px; float:left; background:url(../images/yuanqing/nows.jpg) 14px center no-repeat; position:relative}
.dashiji li.on,.dashiji li.hover{width:240px; float:left; background:url(../images/yuanqing/now.jpg) -2px center no-repeat}
.dashiji li a{ padding:5px;width:200px; height:40px; line-height:20px; overflow:hidden; display:block; margin:48px 0 0 32px; text-decoration:none; color:#666; position:absolute; left:0;top:0}
.dashiji li a font{ font-size:14px;}
.dashiji li.on a,.dashiji li.hover a{ color:#FFF;}
.dashiji li span{ font-family:'Arial','微软雅黑', Helvetica, sans-serif;margin-top:180px; display:block}
.notice{ color:#999; position:absolute; right:0; top:0; line-height:30px; z-index:11}
.overIt{ width:100%; height:132px; position:absolute; z-index:1000; left:0; bottom:0;}


@media only screen and (max-width:768px){
.header{ height: 210px; background-size: 100%; }
.headerText{ width: 100%; padding: 0 10px; box-sizing:border-box; }
.headerText{ width: 100%; padding: 0 10px; box-sizing:border-box; }
.main { padding: 0px 10px; box-sizing: border-box;}
.timeBox_h,.main_content,.BlistL,.PublicInterest{ width: 100%;}
.leader_box { width: 100%;overflow-x: scroll;}
.conBox2 { width: 49%;}
/*导航*/
 .nav ul { width: 100%;}
 .nav_no {display:none;background:#fae4bb;width: 98%;padding: 10px 0;margin: -120px auto 0;}
 .nav_no ul li { width: 96%; background: none; text-indent: 10px; padding: 0; float: none; display: block; margin: 0 auto;}
 .nav_no ul li span {display:none;}
 .nav_no ul li a {display:block;text-align:left;line-height: 36px;height: 36px;border-bottom:1px solid #fff;color:#864c1b;font-size: 16px;}
 .nav_bttom {display:none;}
 .menu-icon {display:block;background: #fae4bb;border-radius: 50%;right: 16px;padding: 20px 12px;position: absolute;top: 40px;width: 20px;z-index: 10;transition: all 0.3s ease 0s;cursor: pointer;}
 .menu-icon .icon-bar {background-color: #fff;border-radius: 1px;display: block; height: 4px; margin: 0 auto; width: 24px; transition: all 0.3s ease 0s; position: relative;left:-2px;}
 .nav_bot {position:relative;top:-1px;}
 .wrap .nav {display:block;height: auto;}
 .menu-icon .icon-bar::after, .menu-icon .icon-bar::before {background: #fff;content: "";display: block;height: 4px;position: absolute;transition: all 0.3s ease 0s;width: 24px;z-index: -1;}
 .menu-icon .icon-bar::before {top: -8px;}
 .menu-icon .icon-bar::after {top: 8px;}
 .menu-icon .icon-bar::before {top: -8px;}
 .open {border-radius: 50% 50% 0 0;top: 50px;right: 10px;}
 .open .icon-bar {background:none;}
 .open .icon-bar::after {top: 0 !important;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
 .open .icon-bar::before {top: 0 !important;transform: rotate(-45deg);-webkit-transform: rotate(-45deg)}


.photo_list li,.imgSizeCon li,.imgSizeCon2 li { width: 30%;margin: 10px 1.6%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.photo_list li img,.imgSizeCon2 li .img_box { width: 100%; height: 140px;}
.imgSizeCon2 li .img_box img{ width: 100%; }
.footer { height: auto;}
.footerBox { width: 100%; margin: 0 auto; padding: 0 10px; box-sizing: border-box;}
}
@media only screen and (max-width: 640px){
.header { height: 170px;}
.nav_no{ margin: -80px auto 0; }
.photo_list li, .imgSizeCon li, .imgSizeCon2 li { width: 46%; margin: 10px 2%;}
}
@media only screen and (max-width: 480px){
.header { height: 120px;}
.nav_no{ margin: -30px auto 0; }
.conBox2 { width: 100%;}
.title1 li:nth-child(3n){ display:none; }
}
@media only screen and (max-width: 380px){
.photo_list li img, .imgSizeCon2 li .img_box { width: 100%; height: 90px;}
.Interest_List li{  margin-left: 18%; }
}