/* */ body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input {margin:0;padding:0;} body,input,textarea{font-size:14px;color:#666666; font-family: '微软雅黑';} img{border:none;} ul,ol,li,a{list-style:none;text-decoration: none;} input,select,textarea{outline:none; border:none; background:#FFF;} textarea{resize:none;} /*清浮动*/ .clearfix:after{content:"";display:block;clear:both;} .clearfix{zoom:1;} /*公共部分*/ .fl{ float: left; } /*左浮动*/ .fr{ float: right;} /*右浮动*/ .c { clear: both; } /*清浮动*/ .dn{ display: none; } /*不显示*/ /* ------------------------------------------index----------------------------------- */ input[placeholder], [placeholder], *[placeholder] { color:#0f0f0f !important; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #0f0f0f; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #0f0f0f; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #0f0f0f; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #0f0f0f; } /* 头部 */ /* 顶部样式 */ .h_top_c{ width: 100%; height: 45px; background-color: #000000; } .h_top,.h_mid{ width: 1000px; margin:0 auto; position: relative; } .h_top div{ float: left; height: 45px; line-height: 45px; padding-left: 45px; font-size: 16px; color:#fff; background: url("/App/Home/Public/images/0013920_45.png") no-repeat left 10px; } .h_top span{ position: absolute; top: 12px; right: 0; color:#ffd200; font-size: 16px; } /* 顶部样式 end*/ /* logo search */ .h_mid_c{ width: 100%; height: 75px; background-color: #fcfbfb; position: relative; z-index: 99; } .logo{ float: left; margin-top: 5px; } .search{ float: right; /* width: 294px; */ margin-top: 14px; } .s_c{ /* width: 243px; */ height: 37px; float: left; /* border:1px solid #220630; */ position: relative; z-index: 10; background: url("/App/Home/Public/images/search_bg_03.jpg") no-repeat center; } .search_text{ width: 242px; height: 37px; line-height: 37px; background-color: transparent; text-indent: 15px; color:#707070; float: left; } .drop_down{ float: left; width: 73px; height: 37px; line-height: 37px; color:#39114e; padding-left: 10px; background:url("/App/Home/Public/images/drop_down_icon_03.png") no-repeat 90% center; cursor: pointer; } .drop_down:hover{ color:#763696; } .dd_list{ width: 83px; position: absolute; top: 35px; right: 0; z-index: 9; background-color: #efe6f3; } .dd_list span{ display: inline-block; width: 73px; padding-left: 10px; height: 35px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 35px; color:#39114e; cursor: pointer; } .dd_list span:hover{ color:#763696; } .current_dd_span{ color:#fff!important; background-color: #220630; } .search_submit{ width: 51px; height: 37px; float: left; background: url("/App/Home/Public/images/search_bg_s_04.jpg") no-repeat center; cursor: pointer; } .search_submit:hover{ opacity: 0.9; filter: alpha(opacity=90); } .h_mid_news{ width: 100%; height: 65px; background: url("/App/Home/Public/images/001397_11.jpg"); } .h_mid_news_c{ width: 1000px; margin:0 auto; } .h_mid_news_c_nn{ width: 300px; height: 65px; line-height: 65px; color:#1a1717; font-size: 16px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; background: url("/App/Home/Public/images/laba_07.png") no-repeat 17px center; padding-left: 51px; text-align: left; } /* logo search end*/ /* 头部 end*/ /* nav */ .nav_c{ width: 100%; height: 47px; background: url("/App/Home/Public/images/nav_bg_t_03.jpg"); } .nav{ width: 1010px; margin:0 auto; height: 47px; position: relative; z-index: 1; } .nav ul li{ float: left; width: 101px; height: 47px; font-size: 18px; text-align: center; position: relative; z-index:8; } /* .nav ul li:hover{ background:#23201d; } */ /* .nav ul li.on{ background:#23201d; } */ /* .nav ul li.on a{ color:#fff; } */ .nav ul li a{ display:block; width: 100%; height: 47px; line-height: 47px; color:#fff; text-align: center; position: relative; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .nav ul li:hover{ background: url("/App/Home/Public/images/001397_07.jpg"); } /* .nav ul li:last-child{ background: none; } */ .nav_dd{ width: 100%; position: absolute; top: 47px; left: 0; z-index: 7; text-align: center; background: url("/App/Home/Public/images/qqqqqqqw_07.png"); } .nav_dd a{ font-size: 16px; } .nav_dd a:hover{ background-color: #2b6995; } .nav_dd a:last-child{ border-right: 0; } /* nav end*/ /* banner */ .banner{ width: 100%; text-align: center; overflow: hidden; position: relative; } /* .banner img{ display:block; } */ /* banner end*/ /* icon_nav */ /* .icon_nav_c{ width: 100%; height: 190px; background-color: #ebebeb; overflow: hidden; border-bottom: 1px solid #dfdfdf; } .icon_nav{ width: 1000px; margin:0 auto; } .icon_nav_title{ width: 118px; height: 118px; background-color: #632781; } .icon_nav_title{ float: left; margin-top: 24px; } .icon_nav_title:hover{ opacity: 0.95; filter: alpha(opacity=95); } .icon_nav_title a h2{ width: 60px; height: 63px; line-height: 32px; margin:0 auto; padding-top: 10px; font-size: 30px; color:#f1a4f0; font-weight: normal; } .icon_nav_title a span{ display: block; height: 33px; line-height: 33px; text-align: center; color:#79369a; background-color: #4b1865; font-size: 18px; font-weight: bold; margin-top: 12px; } .icon_nav_list{ float: left; margin-left: 10px; margin-top: 30px; } .icon_nav_list ul li{ float: left; width: 70px; margin:0 8px; text-align: center; } .icon_nav_list ul li a span{ display: block; margin-top: 10px; font-size: 16px; color:#390f4e; } .icon_nav_list ul li img{ border-radius: 5px; } .icon_nav_list ul li:hover img{ -webkit-box-shadow: 0 2px 2px #531272; box-shadow: 0 2px 2px #531272; } */ .icon_nav{ width: 260px; height: 255px; margin-top: 20px; margin-left: 11px; } .icon_nav ul li{ float: left; width: 100px; text-align: center; margin-right: 30px; margin-bottom: 10px; font-size: 16px; } .icon_nav ul li a{ color:#555555; } .icon_nav ul li a span{ display: inline-block; width: 100%; margin-top: 5px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .icon_nav ul li a span:hover{ color:#10a710; } .icon_nav ul li a img{ width: 100px; height: 80px; border-radius: 13px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .icon_nav ul li a img:hover{ /* -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); */ -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 2px 4px #444; box-shadow: 0 2px 4px #444; } .about_text{ width: 477px; height: 246px; margin-top: 12px; padding:0 9px; line-height: 28px; text-align: justify; overflow: hidden; } /* main */ .main_c{ width: 100%; /* background-color: #efe6f3; */ } .main{ width: 1000px; margin:0 auto; overflow: hidden; } /* common */ .common{ width: 1000px; margin:0 auto; margin-top: 10px; } .common_title{ position: relative; height: 45px; margin-bottom: 15px; border-bottom: 2px solid #d6bae4; } .common_title h2{ width: 100px; padding-left: 36px; padding-bottom: 6px; position: absolute; left: 0; top: 10px; border-bottom: 2px solid #8241a3; font-size: 22px; font-weight: normal; color:#632781; text-align: center; } .common_title a{ display: inline-block; width: 70px; height: 26px; line-height: 26px; position: absolute; top: 10px; right: 9px; text-align: center; color:#f1a4f0; background-color: #632781; } .common_title a:hover{ opacity: 0.95; filter: alpha(opacity=95); } /* 22222222222 */ .c_title{ position: relative; margin-top: 16px; background-color: #e0e0e0; } .c_title h2{ width: 166px; height: 43px; line-height: 43px; font-size: 20px; font-weight: normal; color:#fff; background: url("/App/Home/Public/images/001397_15.jpg") center; text-align: center; } .c_title a{ display: inline-block; width: 53px; color:#312931; margin-right: 10px; position: absolute; top: 13px; right: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; text-align: center; } .tuijian .c_title a{background-color: #fff} .c_title span{ display: block; height: 14px; line-height: 14px; font-size: 14px; color:#fff; background-color: #10a710; font-family: "Arial"; padding-left: 3px; margin-top: 5px; } .c_title a:hover{ -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px); } /* common */ /* 优惠 */ .youhui_banner{ width: 336px; float: left; } .big_pic{ width: 323px; height: 309px; border:2px solid #c4a7d2; overflow: hidden; } .big_pic img{ width: 323px; height: 309px; } .small_pic{ margin-top: 8px; } .small_pic a{ float: left; display: inline-block; width: 71px; height: 70px; border:2px solid #c7abd4; margin-right: 9px; } .small_pic a img{ width: 71px; height: 70px; } .current_small_pic_a{ border:2px solid #632781!important; } .youhui_content{ float: left; width: 651px; margin-left: 13px; } .youhui_content .common_title h2{ background: url("/App/Home/Public/images/0013920_43.png") no-repeat; } .youhui_content_c h2{ width: 100%; color:#632781; font-size: 20px; text-decoration: underline; font-weight: normal; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .youhui_content_c h2:hover{ color:#9549bb; } .youhui_p{ height: 77px; line-height: 25px; overflow: hidden; margin-top: 11px; color:#866e92; } .youhui_s{ margin-top: 18px; } .youhui_s span{ display: inline-block; padding:0 9px; color:#dd0000; font-size: 16px; border:1px solid #dd0000; margin-right: 5px; } .youhui_s i{ display: inline-block; padding:0 9px; color:#603774; font-size: 16px; border:1px solid #603774; font-weight: normal; text-decoration: line-through; } .youhui_content_list{ /* height: 152px; */ background-color: #dec6ea; padding:17px 15px; margin-top: 23px; } .youhui_content_list ul li{ width: 100%; height: 30px; line-height: 30px; } .youhui_content_list ul li a{ display: inline-block; width: 100%; color:#632781; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .youhui_content_list ul li a:hover{ text-decoration: underline; } /* 优惠 end*/ /* 专家团队 */ .zhuanjia .common_title h2{ background: url("/App/Home/Public/images/0013920_43.png") no-repeat left -121px; } .zhuanjia_list ul li{ float: left; width: 241px; height: 316px; border: 2px solid #d6bae4; } .zhuanjia_list ul li:hover{ border: 2px solid #632781; } .zhuanjia_pic img{ width: 241px; height: 184px; } .zhuanjia_c{ padding:11px 8px; } .zhuanjia_c h2{ width: 100%; font-size: 16px; font-weight: normal; color:#390f4e; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .zhuanjia_c div{ width: 100%; height: 36px; overflow: hidden; color:#684f74; margin-top: 5px; margin-bottom: 9px; } .zhuanjia_c span{ display: inline-block; width:73px; padding-left: 36px; height: 35px; line-height: 35px; background: #632781 url("/App/Home/Public/images/0001392_time_09.png") no-repeat 9px center; border-radius: 5px; /* text-align: center; */ color:#dec6ea; font-size: 16px; margin-right: 2px; } .zhuanjia_c span:hover{ opacity: 0.9; filter: alpha(opacity=90); } .zhuanjia_c strong{ display: inline-block; width:109px; height: 35px; line-height: 35px; border-radius: 5px; text-align: center; color:#dec6ea; background-color: #a73998; font-size: 16px; font-weight: normal; } .zhuanjia_c strong:hover{ opacity: 0.9; filter: alpha(opacity=90); } /* 专家团队 */ /* 特色技术 */ .tese .common_title h2{ background: url("/App/Home/Public/images/0013920_43.png") no-repeat left -240px; } .tese_content_p{ width: 730px; height: 210px; line-height: 26px; overflow: hidden; color:#612d7b; } .tese_content_pic img{ width: 237px; height: 214px; } /* 特色技术end */ /* 案例展示 */ .anli .common_title h2{ background: url("/App/Home/Public/images/0013920_43.png") no-repeat left -356px; } .anli_content ul li{ width: 213px; height: 161px; float: left; overflow: hidden; position: relative; } .anli_zz{ width: 81%; height: 80%; padding:10%; position: absolute; top: 100%; left: 0; background:url("/App/Home/Public/images/nav_li_bg_07.png"); overflow: hidden; opacity: 0; filter: alpha(opacity=0); } .anli_zz a{ width: 100%; height: 100%; display: block; overflow: hidden; } .anli_zz span{ display: block; color:#cfb4db; margin-bottom: 10px; } /* 案例展示 end*/ /* 媒体报道 */ .meiti{ width: 476px; float: left; } .meiti .common_title h2{ background: url("/App/Home/Public/images/0013920_43.png") no-repeat left -473px; } .youhui_p_new{ height: 50px; padding-bottom: 15px; border-bottom: 1px solid #c6b3d0; } .youhui_p_new p{ height: 50px; overflow: hidden; } .meiti_list{ margin-top: 10px; } .meiti_list ul li{ width: 100%; height: 27px; line-height: 27px; } .meiti_list ul li a { display: inline-block; width: 100%; color: #632781; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .meiti_list ul li a:hover{ text-decoration: underline; } /* 媒体报道 end*/ /* 科室简介 */ .keshi{ width: 486px; float: right; } .keshi .common_title h2{ background: url("/App/Home/Public/images/0013920_43.png") no-repeat left -590px; } .keshi_content{ height: 210px; line-height: 26px; overflow: hidden; color:#612d7b; } /* 科室简介 end*/ /* 医院环境 */ .huanjing{ width: 632px; padding:6px; float: left; border:1px solid #a869c7; } .huanjing .common_title h2{ background: url("/App/Home/Public/images/0013920_43.png") no-repeat left -706px; } .huanjing_content{ padding:0 10px; } .huanjing_content_pic img{ width: 295px; height: 221px; margin-right: 8px; } .huanjing_content_pic img:hover{ opacity: 0.9; filter: alpha(opacity=90); } .huanjing_content_p h2{ font-size: 18px; font-weight: normal; color:#632781; margin-top: 10px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .huanjing_content_p span{ display: inline-block; width: 100%; color:#632781; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .huanjing_content_p strong{ display: inline-block; width: 95px; height: 26px; line-height: 26px; color:#f1a4f0; text-align: center; background-color: #632781; font-weight: normal; margin-top: 15px; margin-bottom: 15px; } .huanjing_content_p strong:hover{ opacity: 0.95; filter: alpha(opacity=95); } /* 医院环境 end*/ /* 荣誉资质 */ .rongyu{ width: 313px; padding:0 10px; padding-top: 6px; padding-bottom: 10px; float: right; border:1px solid #a869c7; } .rongyu_content_pic a img:hover{ opacity: 0.9; filter: alpha(opacity=90); } /* 荣誉资质 end*/ /* 友情链接 */ .links{ color:#004676; width: 1000px; margin:12px auto; font-size: 16px; text-align: left; } .links .links_c{ width: 920px; float: right; } .links a{ display: inline-block; color:#004676; margin:0 9px; margin-bottom: 8px; } .links a:hover{ color:#2b2b2b; text-decoration: underline; } /* 友情链接 end*/ .bottom_c{ width: 100%; background-color: #000000; padding:40px 0; } .bottom_nav{ width: 1000px; margin:0 auto; } .bottom_content{ width: 644px; float: left; padding:3px 0; border-right: 1px solid #171717; } .bottom_content ul li{ float: left; width: 115px; color:#676767; margin-right: 45px; } .bottom_content ul li h2{ padding:10px 0; padding-left: 40px; font-size: 16px; } .gy{ background: url("/App/Home/Public/images/0013920_45.png") no-repeat left -198px; } .zx{ background: url("/App/Home/Public/images/0013920_45.png") no-repeat left -329px; } .xg{ background: url("/App/Home/Public/images/0013920_45.png") no-repeat left -456px; } .jg{ background: url("/App/Home/Public/images/0013920_45.png") no-repeat left -584px; } .bottom_content ul li a{ color:#676767; display: block; padding-left: 40px; margin-bottom: 13px; } .bottom_content ul li a:hover{ color:#9a9a9a; } .QR{ width: 330px; float: right; margin-top: 10px; } .QR div{ float: left; margin-left: 15px; margin-top: 40px; } .QR div span{ display: block; } .QR img{ float: left; margin-left: 25px; } .footer_c{ width: 100%; padding-bottom: 35px; background-color: #0073c3; } .footer{ width: 1000px; margin:0 auto; text-align: center; overflow: hidden; } .f_pic{ display: inline-block; vertical-align: top; margin-top: 34px; margin-right: 10px; } .f_content{ display: inline-block; line-height: 27px; color:#fff; margin-top: 25px; overflow: hidden; text-align: center; } .f_content a{ color:#fff; } .f_content a:hover{ text-decoration: underline; } .side_nav{ position: fixed; top: 50%; right: 0; width: 60px; z-index: 99999; } .side_nav ul li{ position: relative; width: 60px; height: 60px; float: right; margin-bottom: 1px; /* border-bottom: 1px solid #fff; */ } .side_nav ul li a{ display:inline-block; height: 60px; position: absolute; top: 0; left: 0; /* border-bottom: 1px solid #fff; */ } /* .side_nav ul li:last-child,.side_nav ul li:last-child a{ border-bottom: 0; } */ .current_side_n{ width: 140px!important; } .current_side_n a{ width: 140px!important; } /* .current_side_n span{ } */ .side_nav ul li span{ /* display:block; */ width: 148px; height: 148px; float: left; color:#fff; line-height: 60px; font-size: 16px; margin-left: 60px; cursor: pointer; } .side_nav ul li span img{ width: 148px; height: 148px; } .side_nav_3 a{ width: 60px; } .side_nav_3 a span{ width: 148px; height: 148px; position: absolute; right: 60px; bottom: 0; margin-left: 0!important; display: none; } .tel a{ background: #006ab4 url("/App/Home/Public/images/yuyue_icon_12.png") no-repeat 15px 15px; } .QQ a{ background: #006ab4 url("/App/Home/Public/images/0013920_47.png") no-repeat 15px -96px; } .sub_QR a{ background: #006ab4 url("/App/Home/Public/images/0013920_47.png") no-repeat 15px -207px; } .back_top a{ background: #006ab4 url("/App/Home/Public/images/0013920_47.png") no-repeat 15px -317px; } /* ------------------------------------------index end----------------------------------- */ /* ------------------------------------------subpage------------------------------------- */ /* 公共 */ .sub_common{ margin-bottom: 13px; } .sub_common_padding{ /* padding:0 15px; */ /* padding-bottom: 7px; */ padding:13px; background-color: #fff; color:#515d6b; border:1px solid #005a99; } .sub_common_padding a{ color:#390f4e; } .sub_common_title{ width: 100%; height: 63px; line-height: 63px; background-color: #632781 } .sub_common_title h2{ font-size: 22px; text-align: center; font-weight: normal; color:#efe6f3; background: url("/App/Home/Public/images/sub_common_title_bg_03.png") no-repeat center center; } .content_com_title{ position: relative; height: 43px; margin-bottom: 15px; background-color: #e0e0e0; /* border-bottom: 2px solid #d6bae4; */ /* background:url("/App/Home/Public/images/00139956_03.jpg") no-repeat left bottom; */ /* padding-bottom: 10px; */ } .content_com_title h2{ display: inline-block; /* padding-bottom: 6px; */ /* border-bottom: 2px solid #8241a3; */ width: 166px; height: 43px; line-height: 43px; font-size: 20px; font-weight: normal; color:#fff; text-align: center; background: url("/App/Home/Public/images/001397_15.jpg"); } .bread{ color:#000000; position: absolute; top: 13px; right: 20px; } .bread a{ display: inline-block; color:#000000; /* height: 26px; line-height: 26px; */ } /* 左侧 */ .sp_left{ width: 225px; float: left; margin-top: 15px; } /* left_nav */ .sub_nav_list{ overflow: hidden; } .sub_nav_list ul li{ width: 195px; height: 35px; line-height: 35px; margin-bottom: 9px; overflow: hidden; } .sub_nav_list ul li a{ display: block; height: 33px; padding-left: 40px; border-radius: 20px; border:1px solid #7e5195; } .sub_nav_list ul li a:hover{ background-color: #cd9ae6; border:1px solid #cd9ae6; } .current_snl a{ color:#d6bae4!important; border:1px solid #632781!important; background-color: #632781!important; } /* left_nav */ /* 优惠模块 */ .syl_pic img{ width: 240px; height: 138px; } .syl_list ul li{ width: 100%; height: 30px; line-height: 30px; margin-bottom: 5px; } .syl_list ul li a{ display: block; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; color:#004c60; } .syl_list ul li a:hover{ color:#257fbf; text-decoration: underline; } /* 优惠模块 end*/ /* 左侧联系我们 */ .sub_content_list{ padding-bottom: 15px; line-height: 27px; } .sub_content_list div{ margin-bottom: 5px; } /* 左侧联系我们 end*/ /* 左侧 end*/ /* 右侧内容 */ .sp_content{ width: 758px; float: right; margin-top: 15px; } .content{ min-height: 672px; line-height: 28px; _height:expression(this.scrollHeight < 672 ? "672px" : "auto"); } /* ------------------------------------------subpage end------------------------------------- */ .select{ float:left; width:92px; height: 37px; line-height: 37px; border:0; margin-right: 5px; background:url("/App/Home/Public/images/select.jpg") right center no-repeat; } .select .selectbox{background: none;width: 100%} .selectbox-wrapper{background: #e0e0e0;text-align:center;} select{font-family: "微软雅黑";} .select select{ width: 96%; padding:0 2%; cursor: pointer; background-color: transparent; overflow: hidden; } /* 产品导航 */ .c_title_nav{ text-align: center; margin-top: 10px; } .c_title_nav a{ display: inline-block; height: 32px; line-height: 32px; padding:0 7px; color:#2f2f2f; background-color: #d7d7d7; border-radius: 4px; margin:0 4px; } .c_title_nav a:hover{ color:#fff; background-color: #23201d; } .pro_cc_c{ width: 1000px; margin: 0 auto; padding-top: 1px; } .picScroll-left{ width:980px; position:relative; margin-top: 20px; } .picScroll-left .hd{ width: 100%; overflow:hidden; height:50px; position: absolute; top: 50%; left: 0; margin-top: -25px; text-align: center; } .picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; width:27px; height:50px; float: left; cursor:pointer; background: url("/App/Home/Public/images/0014042_03.png") no-repeat left center; border-radius: 4px; /* margin:0 10px; */ } .picScroll-left .hd .next{ background-position: right center; float: right; } /* .picScroll-left .hd a:hover{background-color: #ea7724} */ .picScroll-left .hd .prevStop{ background-position:-60px 0; } .picScroll-left .hd .nextStop{ background-position:-60px -50px; } .picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; } .picScroll-left .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("/App/Home/Public/css/images/icoCircle.gif") 0 -9px no-repeat; } .picScroll-left .hd ul li.on{ background-position:0 0; } .picScroll-left .bd{width: 915px; margin:0 auto;} .picScroll-left .bd ul{ overflow:hidden; zoom:1; } .picScroll-left .bd ul li{ margin:0 9px; float:left; _display:inline; border:1px solid #10a710; background-color: #10a710; border-radius: 4px; overflow:hidden; text-align:center; position: relative; } .picScroll-left .bd ul li .pic{ text-align:center;-webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .picScroll-left .bd ul li .pic img{ width:208px; height:158px; display:block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .picScroll-left .bd ul li .title{ width: 100%; height: 32px; position: absolute; left: 0; bottom: 0; height: 29px; line-height:29px; background: url("/App/Home/Public/images/pro_l_bg_11.png"); color:#fff; text-align: center; } .picScroll-left .bd ul li .pic img:hover{ opacity: 0.9; filter: alpha(opacity=90); } .picScroll-left .bd ul li .title a{ color:#fff; display: block; line-height: 32px; } /* .about_us_aa{ height: 371px; } */ .about_us_aa_cc{ width: 1000px; margin:0 auto; overflow: hidden; padding-bottom: 16px; background: url("/App/Home/Public/images/common_bg_07.jpg") no-repeat center bottom; } .au_logo{ text-align: center; margin-top: 40px; } .au_logo img{ -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .au_logo img:hover { -webkit-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); transform: rotateZ(360deg); } .au_c{ width: 720px; text-align: center; color:#fff; margin-top: 25px; margin-left: 140px; overflow: hidden; line-height: 28px; } .more_btn{ display: inline-block; width: 120px; height: 32px; background-color: #fff; color:#23201d; border-radius: 15px; text-align: center; line-height: 32px; margin-top: 25px; -webkit-box-shadow: 0 3px 3px #23201d; box-shadow: 0 3px 3px #23201d; } .more_btn:hover{ color:#fff; background-color: #ea7724; } .case_title_index{ text-align: center; margin:33px 0; } .case_title_index h2{ color:#23201d; font-size: 24px; font-weight: normal; } .case_title_index span{ color:#ea7724; font-size: 28px; } .case_index_c{ width: 1000px; margin:0 auto; } .case_show{ margin-bottom: 43px; } .case_show div img{ -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .case_show div:hover img{ -webkit-box-shadow: 0 4px 4px #666; box-shadow: 0 4px 4px #666; opacity: 0.9; filter: alpha(opacity=90); } .case_more{ width: 187px; height: 144px; background: #ea7724 url("/App/Home/Public/images/001394_14.jpg") no-repeat 27px 19px; padding:19px 27px; margin-bottom: 4px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .case_more:hover{ -webkit-box-shadow: 0 4px 4px #666; box-shadow: 0 4px 4px #666; } .case_more span{ display: block; font-size: 20px; color:#fff; font-weight: bold; margin-top: 64px; } .case_more a{ display: inline-block; width: 109px; height: 36px; line-height: 36px; color:#fff; border: 1px solid #fff; text-align: center; border-radius: 5px; margin-top: 15px; } .case_more a:hover{ background-color: #fff; color:#ea7724; font-weight: bold; } .bg_pic { margin-right: 4px; margin-left: 10px; } .right_pic{ margin-right: 10px; } .news_index_new{ margin-top: 30px; background-color: #f2f2f2; } .news_index_cc{ width: 1000px; margin:0 auto; } .news_index_cc_new{ background: none; padding-bottom: 25px; } .cc_common_title{ position: relative; } .cc_common_title h2{ color:#636363; font-size: 24px; } .cc_common_title span{ display: inline-block; color:#10a710; font-size: 28px; font-family: "Impact"; } .cc_common_title a{ position: absolute; right: 0; bottom: 7px; display: inline-block; background-color: #23201d; color:#fff; padding:2px 5px; } .l_news_content{ width: 497px; } .nic_t{ margin-top: 12px; padding-bottom: 10px; border-bottom: 1px dashed #8b8b8b; margin-left: 3px; } .right_c{ width: 346px; margin-left: 13px; text-align: justify; } .right_c h2{ font-size: 18px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; color:#f70000; font-weight: normal; } .right_c h2:hover{ text-decoration: underline; } .right_c span{ display: inline-block; height: 66px; line-height: 24px; overflow: hidden; margin-top:2px; color:#797979; } .left_pic img{ width: 128px; height: 94px; display: block; } .news_all{ width: 98%; margin-top: 7px; margin-left: 3px; } .news_all ul li{ color:#5d5d5d; height: 28px; line-height: 28px; } .news_all ul li a{ display: inline-block; width: 80%; color:#004c60; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .news_all ul li a:hover{ color:#137e9b; } .news_all ul li span{ color:#848484; float: right; } .r_news_content{ width: 497px; overflow: hidden; } .r_news_content_new{ width: 395px!important; margin-top: 35px; padding-left: 53px; overflow: hidden; border-left: 1px solid #ccc; } .honor_list{ margin-left: -25px; margin-top: 20px; } .honor_list ul li{ float: left; width: 209px; height: 158px; border:1px solid #10a710; border-radius: 5px; overflow: hidden; margin-left: 25px; overflow: hidden; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .honor_list ul li img{ width: 209px; height: 158px; } .honor_list ul li:hover{ -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 2px 4px #444; box-shadow: 0 2px 4px #444; opacity: 0.9; filter: alpha(opacity=90); } .contact_bottom{ text-align: right; } .contact_bottom h2{ font-size: 30px; color:#636363; } .contact_bottom span{ display: block; font-size: 36px; color:#10a710; font-family: "Impact"; } .contact_map{ margin-top: 20px; } .contact_content{ width: 217px; height: 131px; overflow: hidden; line-height: 24px; color:#004c60; } .contact_content span{ display: inline-block; /* float: right; */ width: 175px; vertical-align: top; } .contact_pic img{ width: 157px; height: 116px; border: 1px solid #10a710; } /* 本例子css */ .slideBox{ width:308px; height:218px; overflow:hidden; position:relative; border:1px solid #10a710; margin-top: 20px; } .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:0; bottom:0; z-index:1; } .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBox .hd ul li{ color:#fff; font-size: 12px; float:left; margin-right:2px; width:16px; height:16px; line-height:16px; text-align:center; background-color: rgba(0,0,0,0.6); cursor:pointer; } .slideBox .hd ul li.on{ background:#a5080f; color:#fff; width: 26px;} .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd li{ zoom:1; vertical-align:middle; } .slideBox .bd img{ width:308px; height:218px; display:block; } .slideBox .bd img:hover{ opacity: 0.9; filter: alpha(opacity=90); } .news_all_new ul li{ height: 27px; line-height: 27px; } .news_all_new ul li a{ width: 100%; } .bb_nav{ height: 45px; background-color:#1e83c9; position: relative; } .bb_nav_c{ width: 1010px; margin:0 auto; } .bb_nav ul li{ width: 101px; float: left; text-align: center; } .bb_nav ul li a{ display: inline-block; width: 100%; height: 28px; line-height: 28px; color:#fff; margin-top: 9px; font-size: 16px; border-radius: 4px; } .bb_nav ul li a:hover{ background-color: #0a4b78 } .bb_nav_c span{ display: inline-block; width: 42px; height: 21px; background: url("/App/Home/Public/images/0013942_22.png") no-repeat center center; position: absolute; left: 50%; margin-left: -21px; bottom: -21px } .xml_map{ margin-top: 38px; margin-bottom: 15px; height: 34px; line-height: 34px; background: url("/App/Home/Public/images/00139434_29.jpg") no-repeat left center; } .xml_map a{ color:#a7a7a7; font-family: "宋体"; font-size: 12px; padding-left: 46px; } .top_contact{ float: right; margin-top: 17px; } .top_contact h2{ color:#0069b2; font-size: 20px; text-align: right; font-weight: normal; } .top_contact h2 span{ display: inline-block; font-size: 24px; background: url("/App/Home/Public/images/0014042_07.png") no-repeat left center; } .share_i{ margin-top: 80px; } .c_title_new{ margin-top: 0; } .c_title_new h2{ width: auto!important; height: 43px; line-height: 43px; font-size: 20px; font-weight: normal; color:#fff; background: url("/App/Home/Public/images/001397_15.jpg") center; text-align: center; } .contact_content_new{ height: auto!important; margin-top: 5px; } .pro_content{ margin-top: 13px; margin-left: -5px; } .pro_content ul li{ float: left; width: 240px; padding:2px; position: relative; margin-left: 5px; border:1px solid #e9e9e9; } .pro_content ul li span{ display: inline-block; width: 100%; position: absolute; left: 2px; bottom: 2px; width: 239px; height: 40px; line-height: 40px; text-align: center; color:#fff; font-size: 18px; background: url("/App/Home/Public/images/qqqqqqe_08.png"); overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .pro_content ul li a img{ width: 239px; height: 178px; display: block; } .pro_content ul li a img:hover{ opacity: 0.9; filter: alpha(opacity=90); -webkit-box-shadow: 0 2px 4px #666; box-shadow: 0 2px 4px #666; } .pro_content ul li span:hover{ color:#5db7f6; } .yanfa{ width: 1000px; margin: auto; } .yanfa_c{ width: 670px; } .yanfa_c .pro_content{ margin-left: -12px; } .yanfa_c .pro_content ul li{ width: 215px; padding: 0; bottom: 0; margin-left: 12px; border:0; } .yanfa_c .pro_content ul li a img{ width: 215px; height: 163px; display: block; } .yanfa_c .pro_content ul li a span{ width: 100%; position: static; background: #e6e6e6; color:#004c60; font-size: 16px; } .xueshu{ width: 320px; } .tuijian{ width: 1000px; margin:0 auto; } .tuijian .pro_content{ margin-left: -12px; } .tuijian .pro_content ul li{ border: 0; padding: 0; margin-left: 12px; } .tuijian .pro_content ul li span{ position: static; height: 49px; line-height: 49px; background: #fff; color:#00375e; } .tuijian .pro_content ul li img{ width: 235px; height: 174px; border:4px solid #e8e8e8; } .c_title_tuijian{ text-align: center; background: url("/App/Home/Public/images/00001_12.jpg") no-repeat left center; } .c_title_tuijian h2{ display: inline-block; background: none; color:#0460a1; font-size: 24px; background-color: #fff; } .tujian_tab_nav{ text-align: center; margin-top: 5px; } .tujian_tab_nav a{ display: inline-block; width: 109px; text-align: center; height: 31px; line-height: 31px; border:1px solid #1785d1; background: url("/App/Home/Public/images/001397_15.jpg"); font-size: 18px; color:#fff; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; margin-right: 5px; } .tujian_tab_nav a:hover{ color:#f9e0ba; }