body{ font-family:"Microsoft YaHei";} /*划过样式*/ a:hover,.marea .article_box li .title_type:hover,.more:hover,.tab_box ul.article_list li a.title_type:hover{ color:#128a6b} .Min5 .Scroll_Box .swiper-box ul li h2 a:hover,.Min4 .Scroll_Box .swiper-box ul li h2 a{ text-decoration:underline} /*头部*/ .header{width: 100%; height:160px} .header_In{ height: 160px;margin: 0 auto;position: relative; width: 1022px;*zoom:1} .header_In .logo img{ margin-top:16px} .flash{left: 500px;position: absolute;top: 40px;} .search_box{ bottom: 10px;position: absolute;right: 10px;} .searchTxt{background: #fff;border: 1px solid #858681;height: 20px;padding: 3px; float:left; font-size:12px; color:#000} .searchbtn{ background:url("/cyq82702971com/Content/Areas/News/images/ChaoYangQu/serch-bnt.png") no-repeat center center; width:32px; height:28px; float:left; border:none; cursor:pointer} .searchbtn:hover{ opacity:0.8} /*导航*/ div.nav{width:1022px;} .sy1_li .sy1_tit{ color:#fff; } .homeLi .sy1_tit{ } div.nav .sy1_ul .sy1_li { width: 105px; } .nav .syHover .sy1_tit, .nav .sy1_tit:hover{color:#ddd;background:none;} div.nav .sy2_ul{ left:0; width:121px; top:40px; background:#e8e6df} div.nav .sy2_ul .sy2_li{ border-bottom:1px dotted #ed9620 } div.nav .sy2_ul .sy2_li .sy2_tit{ color:#333} div.nav .sy2_ul .sy2_li .sy2_tit:hover{ color:#128a6b} /*main*/ div.main_content{ width: 1022px; background: #fff; } .SwitchImage, .swiper-box{ height:310px;overflow: hidden;width: 560px; position:relative; float:left} .SwitchImage img{ width:560px;} .SwitchImage .swiper-box ul li h2 a{ font-size:14px; font-weight:bold;color#fff;} div.SwitchImage .pagination span.swiper-active-switch{ background:#f60} .marea{ float: left;margin-left: 20px;overflow: hidden;width: 400px;} .marea .title{background:url("/cyq82702971com/Content/Areas/News/images/ChaoYangQu/hot-bj.jpg") no-repeat left center;font-weight: normal;line-height: 27px;text-align: right;} .marea .title .more{ font-size:12px; line-height:27px;} .marea .article_box li{ border-bottom: 1px dotted #ccc;margin-top: 4px; padding-bottom: 10px; position: relative;*zoom:1} .marea .article_box li .title_type{ font-size:16px; color:#000; font-family:"微软雅黑"; font-weight: normal} .marea .article_box li p{ color: #999;line-height: 22px;padding-top: 5px; font-size:12px;} .marea .article_box li .span_date{ position:absolute; bottom:10px; right:0; font-size:12px;} .marea .article_box li .detail{ display:none} /*tab*/ .tab_title{ background:url("/cyq82702971com/Content/Areas/News/images/ChaoYangQu/titlebj.gif") repeat-x 0 0;height: 33px;line-height: 33px;} .tab_title span a{ display:block; float:left; padding:0 30px; color:#666 ;font-size: 14px; font-weight: normal;border-right: 1px solid #cacac8;} .tab_title span a.last{ border-right:0;} .tab_title span a.active{ background: #fff;border-top: 3px solid #ef9825;height: 30px;line-height: 27px;font-family: "微软雅黑"; color:#000; font-weight:bold} .tab_title a.more{ font-size:12px; float:right; margin-right:5px;} .tab_box ul.article_list li{ background:url("/cyq82702971com"/cyq82702971com/Content/Areas/News/images/ChaoYangQu/d.png"") no-repeat left center;line-height: 28px;padding-left: 10px;} .tab_box ul.article_list li a.title_type{ font-size:14px; color:#000;} /*模块*/ .Min2_1,.Min4_1{ float: left;width: 295px;} .Min2_2,.Min4_2{ float: left;margin-left: 20px;width: 400px;} .Min2_3,.Min4_3{float: right;width: 245px;} .Min2_3 .tab_title{background:url("/cyq82702971com"/cyq82702971com/Content/Areas/News/images/ChaoYangQu/titlebjs.png"") repeat-x 0 0;} .Min2_3 .tab_title span a{ border-right:none; padding:0 10px; font-weight:bold; color:#000} /*图标*/ .jd-l{ background: #9ec43d;float: left;height: 200px;text-align: center;width: 225px;} .jd-m{ float: left;height: 200px;margin-left: 5px;overflow: hidden; width: 510px;_width:500px;} .jd-r{ float: right;height: 200px;overflow: hidden;width: 240px;} .jd-l li{ height: 200px; margin-right: 5px;text-align: center;width: 225px;} .jd-m li{float: left;height: 100px;margin-bottom: 5px;margin-right: 5px;text-align: center;width: 245px;} .jd-r li{float: left;height: 100px;text-align: center; width: 240px;} .jd-r .wli{ float: left;height: 100px;margin-bottom: 5px; margin-right: 5px;text-align: center;width: 117px;} .jd li a{ display:block} .jd li:hover{ opacity:0.8} .blue{ background-color:#72bcd7} .blueq{background-color:#9ccddc } .icon1{ background:url("/cyq82702971com/Content/Areas/News/images/ChaoYangQu/b1.png") no-repeat center center; width:100%; height:100%;} .icon2{ background:url("/cyq82702971com/Content/Areas/News/images/ChaoYangQu/b2.png") no-repeat center center; width:100%; height:100%;} .icon3{ background:url("/cyq82702971com/Sites/Uploaded/UserUpLoad/20170215/20170215144459.png") no-repeat center center; width:100%; height:100%;} .icon4{ background:url("/cyq82702971com/Content/Areas/News/images/ChaoYangQu/b4.png") no-repeat center center; width:100%; height:100%;} .icon5{ background:url("/cyq82702971com/Content/Areas/News/images/ChaoYangQu/b5.png") no-repeat center center; width:100%; height:100%;} .icon6{ background:url("/cyq82702971com/Content/Areas/News/images/ChaoYangQu/b6.png") no-repeat center center; width:100%; height:100%;} .icon7{ background:url("/cyq82702971com/Content/Areas/News/images/ChaoYangQu/b7.png") no-repeat center center; width:100%; height:100%;} .icon8{ background:url("/cyq82702971com/Content/Areas/News/images/ChaoYangQu/b3.png") no-repeat center center; width:100%; height:100%;} /*视频*/ .video_box{ position:relative} .video_box img{ width:246px; height:168px; display:block; margin:0 auto;} a.video_btn{ background:url("/cyq82702971com/Content/Areas/Hospitals/images/main/s_play.gif") no-repeat center center;display: block;height: 168px;left:0px;position: absolute;top: 0px;width:246px;z-index: 10;} a.video_btn:hover{ opacity:0.8} .video_box h2{ line-height:32px; font-weight:bold; position:absolute; background:url("/cyq82702971com"/cyq82702971com/Content/Areas/Common/images/Article/op_bg.png"") repeat; color:#fff;text-align:center; bottom:0; left:0; width:100%} .video_box h2 a{ color:#fff; } /*专家介绍*/ .Min4 .Scroll_Box{ height: 170px;margin:20px auto 0;overflow: hidden;position: relative;width: 1022px;} .Min4 .Scroll_Box .swiper-box{ width:1022px; height:170px} .Min4 .Scroll_Box .swiper-box ul li{ position:relative} .Min4 .Scroll_Box .swiper-box ul li .Img_Box .pic{ height: 130px;margin-right: 19px;width: 105px;} .Min4 .Scroll_Box .swiper-box ul li img{ height: 130px;width: 105px;} .Min4 .Scroll_Box .Name{ bottom:40px;color: #fff;font-size: 12px;font-weight: normal;left:5px;line-height: 25px;position: absolute;text-align: center;width:105px;z-index: 99; background:url("/cyq82702971com"/cyq82702971com/Content/Areas/News/images/ChaoYangQu/op_bg.png"") repeat ; } .Min4 .Scroll_Box .XX,.Min4 .Scroll_Box .phone,.Min4 .Scroll_Box .details { display:none} /*图片新闻*/ .Min5 .Scroll_Box{ height:95px;margin:20px auto 0;overflow: hidden;position: relative;width: 1022px;} .Min5 .Scroll_Box .swiper-box{ width:1022px; height:95px} .Min5 .Scroll_Box .swiper-box ul li{ position:relative} .Min5 .Scroll_Box .swiper-box ul li .Img_Box .pic{ height: 95px;margin-right: 26px;width: 140px;} .Min5 .Scroll_Box .swiper-box ul li img{ height:95px;width:140px;} .Min5 .Scroll_Box .swiper-box ul li h2{ bottom:0px;color: #fff;font-size: 12px;font-weight: normal;left:5px;line-height: 25px;position: absolute;text-align: center;width:140px;z-index: 99; background:url("/cyq82702971com"/cyq82702971com/Content/Areas/News/images/ChaoYangQu/op_bg.png"") repeat ; } .Min5 .Scroll_Box .swiper-box ul li h2 a{ color:#fff} /*底部*/ /*二维码样式*/ .kefu{position:fixed;bottom:35px;_position:absolute;_bottom:expression(documentElement.scrollBottom + 80 + "px");_left:1400px; z-index:999;width:120px;font-size:12px;line-height:22px;display:none} /*友情链接*/ .links { width:1022px; margin:20px auto 0; border:1px solid #ddd} .links h2{ background:url("/cyq82702971com"/cyq82702971com/Content/Areas/News/images/ChaoYangQu/titlebjs.png"") repeat-x scroll 0 0;color: #000;font-family: 微软雅黑;font-size: 14px;padding: 5px 10px;} .linkspic{ padding:15px 10px} .linkspic a{ line-height:28px; padding-right:20px} /*foot*/ .footer{ padding:12px 0 10px; color:#fff;} .footer_In{margin:0 auto;position:relative} .footerNav li{ float:left; line-height:25px;} .footerNav li.line{padding:0 10px; margin:0; color:#666} .footerNav a:hover{ text-decoration:underline;} .footerNav{width: 430px;margin:0 auto;} .footer p{ text-align:center; line-height:25px; color:#666} /*Linkmap*/ div.linkmap{ background:none; width:1022px; padding-left:0;margin: 0 auto;} div.linkmap span{ font-size:12px;} div.linkmap span a{ color:#000;} div.linkmap span a:hover{ color:#f1971c ;} /*栏目列表页*/ .cy-title{background:#f1f3f3;border-bottom: 1px solid #e2e6e7;color: #128a6b;font-family: 微软雅黑;font-size: 22px;line-height: 40px;width: 100%;text-indent:1em;} .article_right .column_list li{background:url("/cyq82702971com"/cyq82702971com/Content/Areas/News/images/ChaoYangQu/d.png"") no-repeat left 12px;font-weight: normal; border-bottom: 1px dotted #ccc;margin-bottom: 15px;padding-bottom: 15px;} .article_right .column_list li h2{ font-size:16px;} .article_right .column_list .dy_date{ float:right} .article_right .articleCont .img_box img{ float: left;height: 95px;margin-right: 20px;margin-top: 5px;} .article_right .articleCont p{ color:#999; line-height:24px} div.ae-pagination a{ color:#128a6b !important} div.pages a:hover{background-color:#FDAE42!important;border: 1px solid #FDAE42 !important;} div.pages .ae-pagination-current, div.pages .ae-pagination-current:hover{ background-color: #f1971c !important;border: 1px solid #f1971c !important;} /*文章页*/ div.article_right .article_title,div.article_right .sub_tit{ text-align:left} /*栏目左侧导航*/ div.article_left{ width:170px; } div.article_right{ width:80%;} h1.leftNavTitle{ display: block; background: #128a6b; color: #fff; font-size: 14px; line-height: 40px; padding-left: 10px; border-radius: 0; text-indent: 0; font-weight: bold; width: 160px;} .ChaXun,.ChaXun_con{ display:none} div.article_left .lv1_ul{ line-height: 40px; background: url("/cyq82702971com/Content/Areas/News/images/ChaoYangQu/menubj.png") repeat-y; background-position-x: right; background-size: contain; } div.article_left .lv1_li{ border-bottom: 1px solid #e0ebef;border-top: 1px solid #fff;color: #666;display: block;line-height: 40px;} div.article_left .lv1_li .lv1_p{ padding-left:10px; font-size:14px;} div.article_left .lv1_li .lv1_p a.lv1_tit{ color:#666; font-weight:normal} div.article_left .lv1_li .current{background: url("/cyq82702971com/Content/Areas/News/images/ChaoYangQu/side-menuover.png") no-repeat 0 0; background-size: cover;display: block;line-height: 40px;} .article_left .lv1_li a:hover{ color:#128a6b !important} div.article_left .lv1_li .current a.lv1_tit{ color:#128a6b; } /* * @Author: Marte * @Date: 2017-09-22 11:45:11 * @Last Modified by: Marte * @Last Modified time: 2017-09-22 18:19:55 */ .wrap{ position: relative; width: 100%; min-width:0; overflow: hidden; } .main{ width: 1022px; margin:10px auto 0; overflow: hidden; } /*头部start*/ .header{ width: 100%; height: 80px; } .header-content{ width: 1022px; height: 80px; margin:0px auto; background:#f7f7f7; } /*头部左侧 start*/ .header-l{ float: left; width: 346px; } .header-l h2{ font-size: 24px; color:#fff; margin-top:16px; font-weight: bold; } .header-l p{ font-size:12px; color:#fff; } /*头部右侧 start*/ .header-r{ float: right; margin-right: 12px; } .header-r .search{ position: relative; height: 32px; margin-top: 20px; background: #ffffff; border: none; width: 198px; right: 0px; bottom: 0px; border-radius: 16px; } .search-int{ width: 168px; height: 20px; padding:5px 15px 5px 15px; border-radius: 16px; border: 1px solid #009983; } .search-int:focus{ outline-style: none; } .search-btn{ position:absolute; top: 2px; right:9px; width: 28px; height: 28px; border:1px solid #fff; background: url("/cyq82702971com/Content/Areas/News/images/ChaoYangQu/search.png") no-repeat center; } /*导航栏start*/ .nav{ width: 1020px; margin:0px auto; } .nav-list{ width: 100%; height:82px; border:1px solid #f5f5f5; border-top: none; background-color: #fff; filter: progid:DXImageTransform.Microsoft.Shadow(color='#ddd', Direction=135, Strength=3);/*for ie6,7,8*/ -moz-box-shadow: 0px 3px 10px 0px #ddd;/*firefox*/ -webkit-box-shadow: 0px 3px 10px 0px #ddd;/*webkit*/ box-shadow:0px 3px 10px 0px #ddd;/*opera或ie9*/ } .li_one{ display:none; } .li_two{ display:none; } .li_three{ display:none; } .li_three span{ display: inline-block; line-height: 22px; text-align: center; height: 22px; width: 70px; border-radius: 8px; background-color: #009983; border: 1px solid #638688; outline-style: none; color: #fff; cursor: pointer; } .li_three span:hover{ background-color:#5ce677; border:none; } .nav-item{ float:left; height: 55px; text-align: center; line-height: 55px; padding:0 43px; margin:14px 0; border-right: 1px solid #f5f5f5; } .nav-list li:last-child{ border-right:none; } .nav-item a{ text-decoration:none; color:#000; font-size:14px; font-weight: 500; } .nav-item .active{ color:#128a6b; } /*main start*/ .main{ margin: 10px auto 0; } .main-top{ width: 100%; overflow: hidden; position:relative; } /*slider start*/ .slider{ float:left; position:relative; width: 55.4%; } .slider-list{ } .slider-list li{ position:relative; height:100%; } .slider-list li img{ height:100%; width: 100%; } .cover{ position:absolute; bottom: 8px; left:8px; height:23%; width: 98%; background:#000; opacity: 0.4; } .slider-itro{ position:absolute; bottom: 6px; left:6px; height:23%; width: 98%; color:#fff; } .slider-itro h3{ color:#fff; padding-left: 15px; margin-top:5px; font-size: 18px; } .slider-itro p{ color:#fff; padding-left: 15px; margin-top:5px; width: 80%; display:block; word-wrap: break-word; word-break: normal; overflow:hidden; text-overflow:ellipsis; font-size: 14px; } /*左右点击小图标*/ .btn-l,.btn-r{ position:absolute; top:120px; width: 40px; height:90px; background-color:#000; opacity:0.4; } .btn-l{ left:8px; } .btn-r{ right:8px; } .btn-l img,.btn-r img{ position:absolute; left:12px; top:20px; z-index: 2; } /*资讯部分*/ .messages{ float:left; padding:10px 0 13px 10px; width: 41.8%; background:#fff; padding-left:32px; padding-top:0px; border: 1px solid #ddd; } .article-title{ float:left; color:#128a6b; margin-right:40px; margin-top: 5px; font-size: 22px; } .article-nav{ overflow:hidden; } .article-nav ul{ width:100%; display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content:space-around; justify-content:space-around; -moz-box-pack:space-around; -webkit--moz-box-pack:space-around; box-pack:space-around; } .article-nav li{ font-size: 14px; height: 40px; width: 33.3%; line-height: 40px; text-align: center; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; background: #f6f6f6; } .article-nav>ul>li:last-child{ border-right:none; } .article-nav .active{ border-bottom: 1px solid #128a6b; background: #fff; } .article-nav li a{ text-decoration:none; color:#000; font-size: 14px; } /*资讯内容部分*/ .article-content{ position: relative; margin-top:0px; } .article-content-items{ position: absolute; width: 100%; display: none; } .article-content-items h2{ font-size: 16px; margin: 10px 0; } .article-content-l{ margin-top: 0px; } .article-content-t{ margin-top: 0; } .article-content h3{ font-size: 14px; height: 40px; padding-left: 10px; line-height: 40px; border-bottom: 1px solid #ddd; } .article-content p{ font-size:12px; line-height: 19px; color:#8f8f8f; } .article-content p a{ color:#8f8f8f; } .article-list { padding: 0 10px; position: relative; } .article_list{ padding: 10px; } .article-list .span_date{ position: absolute; right: 0; bottom: 0; color:#8f8f8f; } .article-list li{ position:relative; margin:14px 0; overflow: hidden; } .article_list .article-more a{ float:right; font-size: 16px; color: #128a6b; margin-right: 7px; display:none; } .article-list li a{ font-size:14px; } .article_list li a { font-size: 12px; padding-left: 10px; } .article-list .article-more{ height: 19px; overflow: visible; } .article-list .article-more a{ float:right; font-size: 16px; color: #128a6b; margin-right: 7px; margin-top:12px; display:none; } .article-list .article-more .more_d{ bottom: -28px; } ul.article_list li span.span_date { float: right; margin-right: 20px; } ul.article_list li { background: url("/cyq82702971com/Sites/Uploaded/UserUpLoad/20171029/20171029155250.png") no-repeat 0 16px; } .article-icon{ float: left; display: block; margin-right: 10px; margin-top: 8px; height: 3px; width: 3px; background: #128a6b; border-radius: 3px; } .article-dian{ font-size:12px; color:#128a6b; float: left; margin-right: 10px; } .article-date{ position:absolute; right:20px; } /*出诊表*/ .main-center{ margin: 20px 0; overflow: hidden; } .main-items{ float:left; position: relative; width: 304px; height: 62px; border-radius: 8px; padding: 8px; cursor: pointer; } .main-center .items1{ background-image:-webkit-linear-gradient(0deg,#2293cd,#22ccc7); background-image:linear-gradient(0deg,#2293cd,#22ccc7); } .main-center .items2{ background-image:-webkit-linear-gradient(0deg, #23c8cb, #45f0a0); background-image:linear-gradient(0deg,#23c8cb, #45f0a0); margin-left: 30px; } .main-center .items3{ background-image:-webkit-linear-gradient(0deg, #27ce56, #aeed50); background-image:linear-gradient(0deg, #27ce56, #aeed50); margin-left: 30px; } .items1-tt{ height: 30px; font-size: 18px; line-height: 30px; margin-bottom: 6px; vertical-align:center; color: #fff; font-weight: normal; } .items1-tt .icon-list{ display: inline-block; float: left; height: 30px; width: 30px; margin-right: 10px; background: url("/cyq82702971com/Content/Areas/News/images/ChaoYangQu/icons-list.png"); background-position: -5px 0px; } .items2-tt{ font-size: 20px; line-height: 50px; color: #fff; margin-top: 5px; font-weight: normal; } .items2-tt .icon-list{ display: inline-block; float: left; height: 50px; width: 50px; margin-left: 12px; margin-right: 22px; background: url("/cyq82702971com/Sites/Uploaded/UserUpLoad/20171123/20171123161644.png"); background-size: 50px 50px; -moz-background-size:50px 50px; -webkit-background-size:50px 50px; -o-background-size:50px 50px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"/cyq82702971com/Sites/Uploaded/UserUpLoad/20171123/20171123161644.png"', sizingMethod='scale'); } .choice-list{ position: relative; } .choice-list .choice-label{ height: 22px; width: 188px; /* padding: 0 5px; */ border-radius: 3px; margin-right: 3px; outline-style: none; display: inline-block; } .choice-label select{ width: 100%; margin: 0; outline: none; height: 22px; border-radius: 5px; } .choice-list input[type="submit"]{ position: absolute; right: 20px; height: 22px; width: 70px; border-radius: 8px; background-color: #22c7cd; border: 1px solid #22c7cd; outline-style: none; color: #fff; font-size: 14px; } .icon-date{ position: absolute; top: 2px; right: 88px; height: 20px; width: 20px; background-color: #22b6c9; background-image: url("/cyq82702971com/Content/Areas/News/images/ChaoYangQu/icon-xiao.png"); } /*医生选择表*/ .list-doctor{ position: absolute; display: none; width: 949px; height: 382px; padding: 14px 30px; border: 5px solid #19a28f; background: #fff; z-index: 10; } .jigou{ top: 100px; left: 0px; } .yilian{ top: 100px; left: -341px; } .yilian .icon-v{ left: 610px; } .yimiao{ top: 100px; left: -686px; } .yimiao .icon-v{ left: 956px; } .icon-v{ position: absolute; left: 274px; top:-34px; height: 34px; width: 38px; background: url("/cyq82702971com"/cyq82702971com/Content/Areas/News/images/ChaoYangQu/icon-v.png""); } .items2-tt-icons{ float: right; position: relative; display: inline-block; height: 34px; width: 38px; } .icon-v1{ display: inline-block; height: 34px; width: 38px; filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); background: url("/cyq82702971com"/cyq82702971com/Content/Areas/News/images/ChaoYangQu/icon-v.png""); } .icon-shadow{ position: absolute; bottom: -20px; left: -3.5px; width: 38px; height: 20px; background: url("/cyq82702971com/Content/Areas/News/images/ChaoYangQu/icon-shadow.png"); } .list-doctor-tt{ font-size: 16px; position: relative; } .list-doctor-tt span{ display: inline-block; margin-right: 15px; height: 19px; line-height: 19px; } .list-doctor-tt span i:not(.icon-red){ float: left; display: inline-block; height: 19px; width: 19px; margin-right: 5px; } .icon-zhu{ background: url("/cyq82702971com/Content/Areas/News/images/ChaoYangQu/icon-zhu.png"); } .icon-fu{ background: url("/cyq82702971com/Content/Areas/News/images/ChaoYangQu/icon-fu.png"); } .icon-yu{ background: url("/cyq82702971com/Content/Areas/News/images/ChaoYangQu/icon-yue.png"); } .icon-te{ background: url("/cyq82702971com/Content/Areas/News/images/ChaoYangQu/icon-te.png"); } .icon-yue{ background: url("/cyq82702971com/Content/Areas/News/images/icon-yue.png"); } .icon-jia{ background: url("/cyq82702971com/Content/Areas/News/images/ChaoYangQu/icon-jia.png"); } .icon-ting{ background: url("/cyq82702971com/Content/Areas/News/images/ChaoYangQu/icon-ting.png"); } .btn-up{ position: absolute; right: 10px; color: #19a28f; } .duty-table{ margin-top: 10px; } .duty-table,tr,th,td{ border: 1px solid #19a28f; border-collapse: collapse; font-size: 20px; font-weight: normal; } .duty-table .th-last{ border-right: 1px solid #19a28f; } .duty-table th,.duty td{ width: 138px; } .duty-table th{ height: 65px; background: #19a28f; color: #fff; border-right: 1px solid #fff; } .duty-table td{ height: 130px; text-align: center; color: #19a28f; } .duty-table .td-first{ color: #000; } .icon-red{ color: red; font-style: normal; font-size: 16px; margin-right: 10px; text-align: left; } /*服务项目*/ .main-center .messages{ width: 320px; height:306px; padding:0; margin-left:28px; } .main-center .guojia{ margin-left:0px; } .main-center .baojian{ margin-left:0px; } .main-center .article-list li{ margin: 20px 0; } .main-center .article-imgs li{ margin: 10px 0; } .main-center .article-nav .active a{ color: #128a6b; } .article-imgs li{ margin: 10px 0; } .article-imgs .article-date{ color: #8f8f8f; } .article-imgs img{ float: left; height: 77px; width: 115px; margin-right: 10px; } /*服务部分*/ .main-service{ margin-bottom: 22px; position: relative; height:94.5px; border: 1px solid #ddd; } .main-service .main-servie-t{ width: 100%; height: 94.5px; } .main-service-img{ width:100%; height:94.5px; } .main-service .main-servie-b{ position: absolute; top: 22px; left: 278px; } /*脚部*/ .footer{ height: 100px; line-height: 100px; text-align: center; background:#fff; } .copyright{ font-size: 14px; color: #8f8f8f; } .copyright-service{ margin-left: 24px; } .copyright-logo{ margin-left: 30px; } /*轮播图左右滑动*/ .btn-left,.btn-right{ position:absolute; top:118px; width: 30px; height:70px; background-color:#000; opacity:0.4; z-index:3; font-size:46px; } .btn-left{ left:0px; } .btn-right{ right:462px; } /*头部导航*/ .nav_bj{background: #f8f8f8 url("/cyq82702971com/Content/Areas/Common/images/common/headbj.jpg") repeat-x scroll center bottom;padding-top: 5px;width: 100%;} .banner{background:url("/cyq82702971com/Sites/Uploaded/UserUpLoad/20170206/20170206175238.jpg") no-repeat;height: 145px; margin: 0 auto;position: relative; width: 960px;} .searchtxt{ background:#fff;border: 1px solid #fff;color: #999;font-size: 12px;padding-left: 5px;width: 268px;height:24px; line-height:24px;} .searchBtn{ background:url("/cyq82702971com/Content/Areas/Common/images/common/searchebtn.jpg") no-repeat;border:none;cursor: pointer;height: 19px;width: 19px;} .searchtxt:focus{box-shadow:none; border-color:#fff!important;} /*一级导航*/ .sy1_ul .sy1_li{float: left;font-size: 14px;font-weight: bold;position: relative;text-align: center;border-right:1px solid #579c9c;z-index:990; *zoom:1;} div.nav .sy1_ul .sy1_li.last{ border-right:none} .sy1_tit { color:#000;font-size:14px; font-weight: normal; display:block} .syHover .sy1_tit,.sy1_tit:hover{color:#128a6b;transition: all 0.3s ease 0s;} /****二级菜单**f8a701**ffbb2f**/ .sy2_ul{ position:absolute;top:38px; left:-6px; width:125px; display:none;z-index:1000;overflow:hidden; background:#ed9620 } /****二级菜单定位****/ .sy2_li{ position:relative;border-bottom:1px solid #fad17d;} .sy2_tit{ display:block; line-height:20px; color:#fff; font-size:12px; overflow:hidden; text-align:center; padding: 10px 0; _height:20px;} .extendMenu{ border-top:#dbdbdb solid 1px} .sy2_tit:hover{ color:#FFF; text-decoration:none;transition: all 0.4s ease 0s;} /*轮播图*/ .swiper-slide .Img_Box img{ width:560px; } .swiper-box ul li h2 { position: absolute; width: 100%; height: 34px; line-height: 34px; bottom: 0; background: url("/cyq82702971com"/cyq82702971com/Content/Areas/Common/images/Article/op_bg.png"") repeat; text-indent:3em; } .SwitchImage{ position: relative; } .swiper-box ul li h2 a{ color:#fff; font-size:14px; } .details{ display:none; } .detail{ display:none; } .jumindangan h2{ font-size: 14px; } .jumindangan p{ line-height:33px; } .header-m{ height: 80px; float: left; line-height: 70px; margin-left:25px; } .header-m li{ float: left; margin-right: 20px; font-size: 14px; } .header-m li a{ color: #10a88c; } .manbing p{ line-height:33px; text-indent:2em } .copyright p span{ margin-left:30px; } .header-m .login{ margin-right:0; } a.open_btn { display:none; position: absolute; z-index: 5; top: 7px; right: 3%; height: 44px; width: 44px; overflow: hidden; background-color: #009983; background-image: url("/cyq82702971com/Sites/Uploaded/UserUpLoad/20171103/20171103133131.png"); } .phone_header h3{ display:none; } .zhongyi .article-nav li{ width:50%; } /光影社区/ .manbing li a.video_img{ background: url("/cyq82702971com/Content/Areas/News/images/play.gif") no-repeat center; position: absolute; top: -3px; left: 69px; width: 150px; height: 100px; } ul.manbing li{ padding-left: 76px; position: relative; } .manbing .Count,.manbing .play_time{ display: none; } ul.manbing h2{ margin: 0px; line-height: 24px; padding-left: 24px; } .manbing a.video_btn{ background: none; height: 100px; width: 150px; } /*响应式*/ @media only screen and (max-width: 768px){ div.nav .sy1_ul .sy1_li{ text-align: left; padding-left: 20px; border-right: none; width: 200px; } div.article_right .article_title, div.article_right .sub_tit{ text-align:center; } .swiper-box ul li h2{ text-indent: 1em; } .footer{ height:auto; } .header-r .search{ width: 300px; } .phone_container{ position: fixed; z-index: 4; top: 0; right: 0; width: 60%; height: 100%; overflow-y: auto; background-image: -webkit-linear-gradient(0deg,#1fd9be,#a1b6b2); background-image: linear-gradient(0deg,#1fd9be,#a1b6b2); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s; } .phone_container.is-visible { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-overflow-scrolling: touch; box-shadow: -4px 0 30px rgba(0, 0, 0, 0.2); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0s; transition: transform 0.4s 0s, box-shadow 0s 0s; } .main{ overflow-x: hidden; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; width:100%; padding:0 10px; box-sizing: border-box; } .phone_container .phone_header{ padding: 1.5em 0 0 6.25%; height: 55px; position: relative; background: #009983; } .btn-right{ right:0px; } .main.scale-down { height: 100vh; position: relative; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } .main-items{ height:78px; } div.nav .sy1_ul .sy1_li { float: none; border-bottom: 1px dotted #C8A357; line-height: 40px; position: relative; float: none; } .phone_container h3 a { font-size: 16px; font-weight: bold; font-family: "Lora", serif; text-transform: uppercase; color: #fff; } .phone_container h3{ display:block; } .sy_nav{ height:0px; } .close_btn { position: absolute; height: 44px; width: 44px; right: 6.25%; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; text-indent: 100%; white-space: nowrap; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s;} .close_btn:before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .close_btn:after, .close_btn:before { content: ''; position: absolute; height: 3px; width: 32px; left: 50%; top: 50%; background-color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .close_btn:after { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .header{ width: 100%; height: 130px; } .header-l{ float:none; margin: 0px auto; } .header-r{ float:none; width:300px; margin:0 auto; } .search-int{ width:270px; } .header-m{ display:none; } .header-l h2{ display: inline-block; } .header-content{ width:100%; height:100%; margin:0 auto; } a.open_btn{ display:block; } .SwitchImage, .swiper-box{ overflow: hidden;width: 100%;} .swiper-slide .Img_Box img{ width:100%; } .li_one{ display:blcok; } .li_two{ display:block; } .li_three{ display:block; } .li_three a{ color:#fff; } .article-nav li{ margin:0px; } .items2-tt-icons{ display:none; } .items2-tt{ line-height:31px; font-size:18px; } .main-items{ width: 31%; box-sizing: border-box; } .zixun{ margin-top:10px; } .messages{ width:100%; padding-left:10px; } .main-center .messages{ width:49%; height: 315px; box-sizing: border-box; } .kefu{ display:none; } .main-center{ margin:10px auto; margin-bottom:0px; } .main-center .zhongyi{ width:100%; margin-left:0; margin-top:10px; } .main-center .wisheng{ width:100%; margin-left:0; margin-top:10px; } .main-service-img{ height:80px; } .main-service .main-servie-t{ height:80px; } .main-service{ height:80px; margin:10px 0; width:100%; } .main-center .tupian,.main-center .jumin{ margin-left:2%; } .main-center .items2,.main-center .items3{ margin-left:3.5%; } .choice-list .choice-label{ width:65%; } .choice-label select{ width:100%; } .choice-list input[type="submit"]{ width:42px; } .footerNav{ display:none; } .address{ display:none; } /*栏目列表页*/ div.main_content{ width:100%; padding-right:0px; box-sizing:border-box; } div.article_right{ width:100%; } .side_menu{ display:none; } div.linkmap{ width:100%; } .wrap{ background:#f1f1f1; } } @media only screen and (max-width: 720px){ .main-center .messages{ width:49%; } .main-center .zhongyi,.main-center .wisheng{ width:100%; } .main-service{ margin-bottom:10px; } } @media only screen and (max-width: 680px){ .items1-tt{ font-size:16px; } @media only screen and (max-width: 640px){ .main-center .messages{ width:49%; } .main-center .wisheng{ width:100%; } .main-center .zhongyi{ width:100%; } .items2-tt { line-height: 23px; font-size: 16px; } } .main-center .items2, .main-center .items3{ margin-left: 3%; } } @media only screen and (max-width: 620px){ .messages{ width:100%; box-sizing: border-box; } .main-items{ width: 100%; box-sizing: border-box; } .main-center .items2,.main-center .items3{ margin-left:0px; margin-top:10px; } .SwitchImage, .swiper-box{ height:225px;} .choice-list .choice-label{ width: 231px; } .choice-list input[type="submit"]{ width:72px; } .main-center .messages{ width:100%; box-sizing: border-box; height:315px; } .main-center .tupian, .main-center .jumin{ margin-left:0; margin-top:10px; } .main-service-img{ height:61px; width:100%; } .main-service .main-servie-t{ height:61px; width:100%; } .main-service{ height:61px; width:100%; margin-bottom:10px; } .btn-left, .btn-right{ top:66px; } .main-center{ margin:10px 0; } } @media only screen and (max-width: 414px){ .main-service { height: 50px; width: 100%; margin-bottom:10px; } .main-service-img{ height:50px; } .main-service .main-servie-t{ height:50px; } } @media only screen and (max-width: 375px){ .messages{ width:100%; } .logo img{ width:267px; } .main-service { height: 50px; width: 100%; margin-bottom: 10px; } .main-service-img{ height:50px; } .main-service .main-servie-t{ height:50px; } div.main_content { width: 100%; } } @media only screen and (max-width: 360px){ .SwitchImage, .swiper-box{ height:190px; } } @media only screen and (max-width: 320px){ .btn-left, .btn-right{ top:36px; } .logo img{ width:250px; } .messages { width: 100%; box-sizing: border-box; height: 310px; } .ul.article_list li{ line-height:26px; } .main-service-img { height: 40px; width: 100%; } .main-service .main-servie-t{ height: 40px; width: 100%; } .main-service { height: 40px; } .SwitchImage, .swiper-box{ height:168px; } div.main_content { width: 95.5%; } }