.main { padding-bottom: 0px; position: relative; top: -10px; } .banner { width: 1200px; display: block !important; } .banner .swiper-container { height: 439px; } .banner .arrow_btn { display: none !important } .JXZX_main .main1 { width: 100%; } .JXZX_main .main1_box { width: 1200px; height: 439px; position: relative; margin: 0 auto; } .JXZX_main .main1_box img { width: 1200px; height: 439px; } .JXZX_main .main1_box .article_box_con { position: absolute; left: 0px; top: 0px; padding: 30px; width: 326px; height: 439px; *width: 266px; *height: 379px; background: url(/Content/Areas/Hospitals/images/Main/tex_bg.png) repeat; box-sizing: border-box; } .article_box_con h2 a { font-size: 24px; color: #fff; line-height: 40px; } .article_box_con h2 { border-bottom: 1px solid #fff; padding-bottom: 15px; margin-bottom: 15px; } .article_box_con p { font-size: 14px; line-height: 24px; color: #fff; } .article_box_con p .details { display: block; color: #fff; width: 115px; height: 40px; line-height: 40px; text-align: center; border: 2px solid #fff; float: none; margin-top: 30px; font-size: 14px; } /*2*/ .JXZX_main h2.title_header, .JXZX_main h2.title_header span { border-bottom: 0px; } .JXZX_main h2.title_header a.more, .JXZX_main h2.title_header a.more:hover { background: none; font-size: 14px; width: auto; margin-right: 5px; } .JXZX_main h2.title_header a.icon-ewm { color: #333; padding-right: 23px; background: url(/Content/Areas/Hospitals/images/Main/icon_ewm_1.png) no-repeat right center; padding-left: 0px; } .main2 { width: 100%; background: #fff; padding: 20px 0px; } .main2 .main2_con { width: 1200px; margin: 0 auto; } .w780 { width: 780px; } /*图片滚动*/ .SwitchImage { position: relative; *zoom: 1 } .SwitchImage, .SwitchImage img { width: 402px; height: 294px; } .SwitchImage .swiper-box { height: 294px; width: 402px; } .SwitchImage .swiper-box ul li h2 a { font-size: 14px; } div.SwitchImage .pagination { right: 10px } div.SwitchImage .pagination { bottom: 10px; } div.SwitchImage .pagination span { margin-left: 10px; } div.SwitchImage .pagination span.swiper-active-switch { background: #6c5086; } .article_list1 { width: 337px; background: #f5eff8; padding: 12px 20px; float: right; height: 271px; } .article_list1 li { font-size: 14px; line-height: 24px; color: #666; } .article_list1 li.Li_Odd { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #fff; } .article_list1 li a.title_type { font-size: 18px; line-height24px; } .article_list1 li span, .w395 .article_list li span { font-size: 12px; color: #999; display: block; float: none !important; } .article_list1 li .detail { display: none } .w395 { width: 395px; } .w395 .article_list li { background: url(/Sites/Uploaded/UserUpLoad/20170628/20170628113258.png) no-repeat left 10px; border-bottom: 1px dashed #ccc; line-height: 24px; padding-bottom: 5px; margin-bottom: 5px; } /**/ .main2_2 { background: url(/Sites/Uploaded/UserUpLoad/20170628/20170628114240.jpg) no-repeat left center; width: 1200px; margin: 50px auto; height: 90px; overflow: hidden; } .main2_2 .More { width: 90px; height: 40px; display: block; border: 2px solid #fff; text-align: center; line-height: 40px; color: #fff; margin-right: 10px; margin-top: 22px } .main2_2 .More:hover { background: #fff; color: #6c5086; } .scroll-box { margin-left: 230px; _margin-left: 100px; height: 90px; position: relative; width: 800px; padding-right: 50px; } .slideBox { height: 90px; } .slideBox ul li { height: 90px; line-height: 90px; } .scroll-box .Title { font-size: 18px; border-right: 2px solid #333; padding-right: 10px; width: 115px; } .scroll-box .con_box { background: url(/Sites/Uploaded/UserUpLoad/20170628/20170628142134.png) no-repeat left center; margin-left: -8px; padding-left: 25px; } .scroll-box .con_box p .detail { display: none; } .scroll-box .prev, .scroll-box .next { position: absolute; right: 0px; width: 22px; height: 12px; text-indent: 50em; } .scroll-box .prev { top: 20px; background: url(/Sites/Uploaded/UserUpLoad/20170628/20170628141005.png) no-repeat center; } .scroll-box .prev:hover { background: url(/Sites/Uploaded/UserUpLoad/20170628/20170628141126.png) no-repeat center } .scroll-box .next { bottom: 20px; background: url(/Sites/Uploaded/UserUpLoad/20170628/20170628141240.png) no-repeat center; } .scroll-box .next:hover { background: url(/Sites/Uploaded/UserUpLoad/20170628/20170628141304.png) no-repeat center } .main2_3 { margin-bottom: 20px } .main2_3 .article_list { margin: 79px 0px 0px 32px; } .main2_3 .article_list li { line-height: 24px; background: url(/Sites/Uploaded/UserUpLoad/20170628/20170628115624.png) no-repeat left center; } .main2_3 .w780 { width: 780px; height: 200px; } .main2_3 .left-jx { width: 378px; height: 100%; overflow: hidden; background: url(/Sites/Uploaded/UserUpLoad/20170628/20170628114751.jpg) left center; margin-right: 19px; float: left; } .main2_3 .right-xm { display: block; float: left; width: 378px; height: 100%; background: #cfcdd0 url(/Sites/Uploaded/UserUpLoad/20230323/20230323113809.jpg) no-repeat center } .main2_4 .w780 a.a1 { margin-right: 19px; } .w395 a.a_img { width: 100%; display: block; transition: all 0.2s; } .w395 a.a2 { background: url(/Sites/Uploaded/UserUpLoad/20170704/20170704094731.jpg) no-repeat center; height: 199px; } .w395 a.a4 { background: url(/Sites/Uploaded/UserUpLoad/20180302/20180302092726.png) no-repeat center; height: 194px; } .w395 a.a2:hover { background: url(/Sites/Uploaded/UserUpLoad/20170628/20170628113923.jpg) no-repeat center; height: 199px; } .w780 a.a_img { width: 378px; display: block; float: left; height: 194px; transition: all 0.2s; } .w780 a.a1 { background: url(/Sites/Uploaded/UserUpLoad/20170628/20170628114005.jpg) no-repeat center; } .w780 a.a3 { background: url(/Sites/Uploaded/UserUpLoad/20170628/20170628114041.jpg) no-repeat center; } .w780 a.a1:hover { background: url(/Sites/Uploaded/UserUpLoad/20170704/20170704094215.jpg) no-repeat center; } .w780 a.a3:hover { background: url(/Sites/Uploaded/UserUpLoad/20170704/20170704094248.jpg) no-repeat center; } /**/ .main3 { width: 100%; background: #eceff3; padding: 20px 0px 30px; } .main3_con { width: 1200px; margin: 0 auto; _width: 1200px; } /*滚动*/ .Scroll_Box { height: 300px; _width: 1200px; } .swiper-box { height: 300px; _width: 1200px; } .Scroll_Box .swiper-box ul li .Img_Box { float: left; width: 370px; padding: 0px 15px !important; _padding: 0px 0px !important; position: relative; } .Scroll_Box .swiper-box ul li .Img_Box .pic { display: block; width: 370px; height: 254px; overflow: hidden; } .Scroll_Box .swiper-box ul li .Img_Box img { width: 100%; height: auto; } .Scroll_Box .swiper-box ul li h2 { position: absolute; bottom: 0px; background: url(/Content/Areas/Common/images/Article/op_bg.png) repeat; color: #fff; width: 350px; text-align: left !important; height: 53px; line-height: 53px !important; padding-left: 20px; } .Scroll_Box .swiper-box ul li h2 a { color: #fff; background: url(/Sites/Uploaded/UserUpLoad/20170628/20170628131304.png) no-repeat right center; display: block; } .Scroll_Box .pagination { display: block !important; position: absolute; bottom: 0px; left: 47%; } .Scroll_Box .pagination { height: 17px; overflow: hidden; position: absolute; right: 124px; bottom: 0px; padding: 0 5px 0 0; width: auto !important; z-index: 7; } .Scroll_Box .pagination span { float: left; width: 17px; height: 17px; font-size: 0; background: #6c5086; font-size: 0; line-height: 0; cursor: pointer; margin-left: 5px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .Scroll_Box .pagination span.swiper-active-switch { background: #ce99e2; } @media only screen and (max-width: 1024px) { .main3 { width: 1200px; } } @media only screen and (max-width: 768px) { .banner { display: none !important; } .JXZX_main .main1_box img { width: 100%; float: none; margin-right: 0px; height: auto; } .JXZX_main .main1_box { height: auto; width: 100%; } .JXZX_main .main1_box .article_box_con { position: inherit; background: none; width: 100%; height: auto; padding: 0px; } .article_box_con h2 a { color: #333; font-size: 16px; } .article_box_con h2 { border-bottom: 1px solid #ccc; font-size: 16px; padding-bottom: 10px; margin-bottom: 10px; } .article_box_con p { color: #333; } .article_box_con p .details { display: none; } .main { top: 0px; } .JXZX_main .main1_box img { width: auto; ; height: 100% } .main3, .main2 .main2_con, .JXZX_main .article_box, .w780, .main3_con, .w395, .main2_3 .w780 { width: 100%; } .Scroll_Box, .main2_2, .SwitchImage { display: none } .article_list1 { width: 100%; box-sizing: border-box; height: auto; } .main2_1 { margin-bottom: 20px; } .main2_3 .w780 { margin-bottom: 10px; } .main2_4 .w780 a.a_img { margin-bottom: 10px; display: block } a.a_img { display: none !important; } a.a_img img { width: 100% !important; height: auto !important; } .main3 { background: none; padding: 0px 0px 30px; } .phone_Scroll_Box { display: block !important; } /*图片滚动*/ .phone_Scroll_Box .swiper-box { width: 674px; height: 172px; } .phone_Scroll_Box .arrow-btn { display: none } .phone_Scroll_Box .swiper-box ul li .Img_Box .pic { margin-right: 0px !important; } .phone_Scroll_Box .swiper-box ul li .Img_Box { padding: 0px !important } .phone_Scroll_Box .swiper-box ul li img { width: 160px; height: 125px; border: 1px solid #ccc; } .phone_Scroll_Box .swiper-box ul li h2 { display: block; text-align: center !important; margin-top: 10px; } } @media only screen and (max-width: 700px) { .phone_Scroll_Box { width: 505px; overflow: hidden; margin: 20px auto 0px; } } @media only screen and (max-width:600px) { .article_list1 li a.title_type { font-size: 16px; } .w395 .article_list li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; width: 100%; box-sizing: border-box; } } @media only screen and (max-width: 530px) { .phone_Scroll_Box { width: 337px; } } @media only screen and (max-width: 360px) { .phone_Scroll_Box { width: 165px; } }