@charset "utf-8"; /* */ 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: right; } /*宸︽诞鍔?/ .fr { float: left; } /*鍙虫诞鍔?/ .c { clear: both; } /*娓呮诞鍔?/ .dn { display: none; } /*涓嶆樉绀?/ /* ------------------------------------------index----------------------------------- */ input[placeholder], [placeholder], *[placeholder] { color:#a4a4a4 !important; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #a4a4a4; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #a4a4a4; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #a4a4a4; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #a4a4a4; } /* 澶撮儴 */ /* 椤堕儴鏍峰紡 */ .h_top_c { width: 100%; height: 45px; background-color: #000000; } .h_top, .h_mid { width: 980px; 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(../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: 109px; background-color: #fcfbfb; position: relative; z-index: 99; } .logo { float: left; margin-top: 15px; } .search { float: right; /* width: 294px; */ margin-top: 29px; border-radius: 25px;/* overflow: hidden; */ } .s_c { height: 37px; float: left; /* border:1px solid #220630; */ position: relative; z-index: 10; background-color: #fff; border-radius: 25px 0 0 25px; } .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(../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; cursor: pointer; background: #fff url(../images/0014050_12.png) no-repeat 13px center; border-radius: 0 25px 25px 0; } .search_submit:hover { opacity: 0.9; filter: alpha(opacity=90); } .h_mid_news { width: 100%; height: 93px; background: #ededed; } .h_mid_news_c { width: 980px; margin:0 auto; } .h_mid_news_c_nn { width: 300px; height: 93px; line-height: 93px; color:#1a1717; font-size: 16px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; background: url(../images/0014050_09.png) no-repeat 17px center; padding-left: 63px; text-align: left; } /* logo search end*/ /* 澶撮儴 end*/ /* nav */ .nav_c { width: 100%; height: 50px; background-color: #333e8d; position: relative; z-index: 8; } .nav { width: 1010px; margin:0 auto; height: 50px; position: relative; z-index: 11; } .nav ul li { float: left; width: 112px; height: 50px; font-size: 16px; text-align: center; position: relative; z-index:8; font-weight: bold; } /* .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: 50px; line-height: 50px; color:#fff; text-align: center; position: relative; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .nav ul li:hover { background: #db0e34; } /* .nav ul li:last-child{ background: none; } */ .nav_dd { width: 100%; position: absolute; top: 50px; left: 0; z-index: 10; text-align: center; padding: 7px 0; } .nav_dd a { font-size: 14px; } .nav_dd a:hover { color:#e73455; } .nav_dd a:last-child { border-right: 0; } .zz_nav { width: 100%; position: absolute; top: 50px; left: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 8; } /* 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: 980px; 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; } */ .txtMarquee-left .bd ul li { width: 225px!important; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; margin-right: 15px; } .txtMarquee-left .bd ul li a { width: 225px!important; color:#787878; font-size: 14px; } .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: 980px; margin:0 auto; overflow: hidden; } /* common */ .common { width: 980px; 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_c { width: 980px; margin:0 auto; } .c_title_c .c_title { padding-bottom: 0!important; border-bottom: 0!important; margin-bottom: 0 !important; } .c_title { position: relative; margin-top: 23px; border-bottom: 1px solid #dbd9e8; padding-bottom: 12px; margin-bottom: 16px; } .c_title h2 { font-size: 24px; color:#333e8d;/* padding: 0 12px; */ } .c_title a { display: inline-block; width: 68px; height: 24px; line-height: 24px; color:#716b97; position: absolute; top: 3px; right: 0; text-align: center; border:1px solid #b1b6db; border-radius: 4px; } .tuijian .c_title a { background-color: #fff } .c_title span { display: inline-block; font-size: 20px; color:#959fe7; font-family: "Arial"; padding-left: 3px; margin-top: 5px; font-weight: normal; } /* 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(../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(../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(../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(../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; } /* 鐗硅壊鎶€鏈痚nd */ /* 妗堜緥灞曠ず */ .anli .common_title h2 { background: url(../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(../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(../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(../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(../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*/ /* 鑽h獕璧勮川 */ .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); } /* 鑽h獕璧勮川 end*/ /* 鍙嬫儏閾炬帴 */ .links_cc { background-color: #293485; padding:1px 0; } .links { color:#004676; width: 980px; margin:12px auto; font-size: 14px; text-align: left; } .links .links_c { width: 900px; float: right; } .links span { color:#fff; font-weight: bold; } .links a { display: inline-block; color:#b7bbdb; margin:0 9px; margin-bottom: 8px; } .links a:hover { color:#fff; text-decoration: underline; } /* 鍙嬫儏閾炬帴 end*/ .bottom_c { width: 100%; background-color: #000000; padding:40px 0; } .bottom_nav { width: 980px; 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(../images/0013920_45.png) no-repeat left -198px; } .zx { background: url(../images/0013920_45.png) no-repeat left -329px; } .xg { background: url(../images/0013920_45.png) no-repeat left -456px; } .jg { background: url(../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: #333e8d; } .footer { width: 980px; margin:0 auto; text-align: center; overflow: hidden; } .f_pic { display: inline-block; vertical-align: top; margin-top: 34px; margin-right: 10px; } .f_content { line-height: 32px; color: #666666; overflow: hidden; text-align: center; color: #6c76c0; margin-top: 20px; } .f_content a { color:#6c76c0; } .f_content a:hover { color:#fff; text-decoration: underline; } .jiathis_style { display: inline-block; margin-top: 20px; opacity: 0.7; color:#486dd3; } .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: #333e8d url(../images/yuyue_icon_12.png) no-repeat 15px 15px; } .QQ a { background: #333e8d url(../images/0013920_47.png) no-repeat 15px -96px; } .sub_QR a { background: #333e8d url(../images/0013920_47.png) no-repeat 15px -207px; } .back_top a { background: #333e8d url(../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; color:#515d6b; } .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(../images/sub_common_title_bg_03.png) no-repeat center center; } .content_com_title { position: relative; height: 55px; margin-bottom: 15px; background-color: #e0e0e0;/* border-bottom: 2px solid #d6bae4; */ /* background:url(../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: 55px; line-height: 55px; font-size: 24px; color:#fff; text-align: center; background: #333e8d; } .bread { color:#000000; position: absolute; top: 20px; right: 12px; } .bread a { display: inline-block; color:#000000;/* height: 26px; line-height: 26px; */ } .bread a:hover { color:#db0e34; } /* 宸︿晶 */ .sp_left { width: 225px; float: left; margin-top: 15px; background-color: #f0f0f0; margin-bottom: 13px; } /* 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; padding:0 5px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; color:#595959; } .syl_list ul li a:hover { color:#fff; background-color: #db0e34; } /* 浼樻儬妯″潡 end*/ /* 宸︿晶鑱旂郴鎴戜滑 */ .sub_content_list { padding:0 17px; padding-top: 10px; padding-bottom: 15px; line-height: 27px; } .sub_content_list div { margin-bottom: 7px; } /* 宸︿晶鑱旂郴鎴戜滑 end*/ /* 宸︿晶 end*/ /* 鍙充晶鍐呭 */ .sp_content { width: 758px; float: right; margin-top: 15px; } .content { min-height: 672px; line-height: 38px; padding:0 5px; _height:expression(this.scrollHeight < 672 ? "672px" : "auto"); } /* ------------------------------------------subpage end------------------------------------- */ .select { float:left; width:100px; height: 37px; line-height: 37px; border:0;/* background:url(../images/select.jpg) right center no-repeat #000; */ } select { font-family: "寰蒋闆呴粦"; } .select select { width: 96%; padding:0 3%; cursor: pointer; background-color: transparent; overflow: hidden; color:#a4a4a4; border-right: 1px solid #b7bfe8; border-left: 1px solid #b7bfe8; font-size: 14px; } /* 浜у搧瀵艰埅 */ .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 { background-color: #f4f4f4; padding-bottom: 29px; margin-top: 17px; height:860px; } .pro_cc_c { width: 980px; 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(../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("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(../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: 980px; margin:0 auto; overflow: hidden; padding-bottom: 16px; background: url(../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: 980px; 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(../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: 980px; margin:0 auto; margin-bottom: 35px; } .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; */ background:url( ) no-repeat; } .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: 10px; margin-left: 10px; } .news_all ul li { color:#4c4c4c; height: 50px; line-height: 50px; border-bottom: 1px dashed #b2b2b2; } .news_all ul li a { display: inline-block; width: 100%; color:#4c4c4c; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .news_all ul li a:hover { color:#e70000; } .news_all ul li span { color:#848484; float: right; } .r_news_content { width: 590px; } .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); } .big_news { margin-top: -18px; } .big_news ul li { padding-bottom: 8px; border-bottom: 1px dashed #ccc; margin-top: 6px; } .big_news ul li:hover .bn_cc { border:4px solid #eb0a4a; padding:8px; } .bn_cc { padding:12px; } .bn_pic { float: left; } .bn_pic a img { width: 76px; height: 56px; } .bn_content { float: left; width: 465px; margin-left: 12px; } .bn_content a h4 { color:#373737; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .bn_content a h4:hover { color:#c90219; } .bn_content div { height: 50px; overflow: hidden; font-size: 12px; line-height: 30px; text-align: justify; color:#919191; margin-top:15px; } .bn_date { float: right; } .bn_date { width: 65px; height: 60px; font-family: "Arial"; margin-top:15px; } .bn_date h2 { width: 63px; height: 39px; line-height: 39px; border:1px solid #dcdcdc; border-bottom: 0; text-align: center; color:#9b9b9b; font-size: 24px; } .bn_date span { display: block; width: 65px; height: 20px; line-height: 20px; color:#fff; text-align: center; background-color: #7782ad; } .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:#757575; } .contact_content span { display: inline-block; /* float: right; */ width: 175px; vertical-align: top; color:#383838; } .contact_pic img { width: 157px; height: 116px; border: 1px solid #10a710; } /* 鏈緥瀛恈ss */ .slideBox { width:354px; height:75px; overflow:hidden; position:relative; margin-left: 10px; } .slideBox .hd { height:15px; overflow:hidden; position:absolute; right:50%; margin-right: -32px; bottom:41px; z-index:1; } .slideBox .hd ul { overflow:hidden; zoom:1; float:left; } .slideBox .hd ul li { color:#b1b1b1; font-size: 12px; float:left; margin-right:5px; width:10px; height:10px; line-height:10px; text-align:center; background-color: #fff; border-radius: 50%; cursor:pointer; } .slideBox .hd ul li.on { background:#fff000; } .slideBox .bd ul li a span { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; color:#e70000; font-weight: bold; text-align: left; margin-top: 5px; } .slideBox .bd { position:relative; height:100%; z-index:0; } .slideBox .bd li { zoom:1; vertical-align:middle; } .slideBox .bd img { width:354px; height:238px; display:block; } .slideBox .prev, .slideBox .next { position: absolute; left: 0; top: 50%; margin-top: -25px; display: block; width: 51px; height: 51px; background: url(../images/next_slidebox_03.png) left center no-repeat; } .slideBox .next { left: auto; right: 0; background-position:right center; } .news_all_new ul li { height: 27px; line-height: 27px; } .news_all_new ul li a { width: 100%; } .bb_nav { height: 53px; line-height: 53px; position: relative; border-bottom: 1px solid #4450a0; } .bb_nav_c { width: 980px; margin:0 auto; } .bb_nav ul li { width: 98px; float: left; text-align: center; } .bb_nav ul li a { color:#838dd1; font-weight: bold; font-size:; /* display: inline-block; width: 80px; height: 28px; line-height: 28px; color:#fff; margin-top: 9px; font-size: 12px; font-family: "瀹嬩綋"; border-radius: 4px; */ } .bb_nav ul li a:hover { color: #e70000; } .bb_nav_c span { display: inline-block; width: 42px; height: 21px; background: url(../images/0013942_22.png) no-repeat center center; position: absolute; left: 50%; margin-left: -21px; bottom: -21px; z-index: 10; } .xml_map { margin-top: 38px; margin-bottom: 15px; height: 34px; line-height: 34px; background: url(../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: 38px; } .top_contact h2 { color:#0069b2; font-size: 16px; text-align: right; font-weight: normal; font-family: "Arial"; } .top_contact span { display: inline-block; font-size: 28px; color:#c83000; font-family: "Impact"; } .share_i { text-align: center; } .c_title_new { margin: 0; border-bottom: 0; padding-top: 0; } .c_title_new h2 { width: auto!important; height: 55px; line-height: 55px; font-size: 24px; color:#fff; background: #333e8d; text-align: left; padding:0 12px; } .contact_content_new { height: auto!important; margin-top: 5px; } .pro_content { margin-top: -53px; width:740px; float:right; } .pro_content ul li { float: left; position: relative; margin-left: 22px; } .pro_content ul li span { display: inline-block; width: 100%; height: 34px; line-height: 34px; line-height: 40px; text-align: left; color:#6b6f8b; font-size: 14px; font-weight: bold; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; text-align:center; } .pro_content ul li a img { /* width: 220px; height: 165px; */ border:2px solid #fff; display: block; } .pro_content ul li a img:hover { opacity: 0.9; filter: alpha(opacity=90); border-color: #eb0a4a; } .pro_content ul li span:hover { color:#e70000; } .yanfa { width: 980px; 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: 980px; 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(../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(../images/001397_15.jpg); font-size: 18px; color:#fff; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .tujian_tab_nav a:hover { color:#f9e0ba; } .jishu { border-bottom: 1px solid #dbd9e8; padding-bottom: 29px; } .jishu_c { width: 980px; margin: auto; margin-top: 22px; } .jishu_c_js { width: 419px; float: left; text-align: center; padding:0 35px; } .jcj_title h3 { display: inline-block; width: 150px; height: 150px; line-height: 150px; font-size: 24px; color:#333e8d; background: url(../images/0014050_17.png) no-repeat center center; text-align: center; font-weight: normal; } .jcj_title div { margin-top: 20px; height: 147px; overflow: hidden; color:#716b97; font-size: 16px; line-height: 30px; } .jcj_title a { display: inline-block; width: 79px; height: 29px; line-height: 29px; border:1px solid #b2afc5; border-radius: 5px; text-align: center; color:#817baa; margin-top: 20px; } .jcj_title a:hover { background-color: #293485; color:#fff; } .c_title a:hover { background-color: #293485; color:#fff; } .jishu_c_js_one { border-right: 1px solid #dbd9e8; } /* 鏈緥瀛恈ss */ .picScroll-top { width:550px; height: 120px; overflow:hidden; position:relative; } .picScroll-top .hd { overflow:hidden; background:#fff; width: 25px; float: left; text-align: center; ; } .picScroll-top .hd ul { display: inline-block; } .picScroll-top .hd ul li { width:11px; height:11px; overflow:hidden; cursor:pointer; margin:5px 0; background-color: #d3d3d3; border-radius: 50%; color:#d3d3d3; } .picScroll-top .hd ul li.on { background-color: #eb0a4a; color:#eb0a4a; } .picScroll-top .bd { float: left; } .picScroll-top .bd ul { overflow:hidden; zoom:1; } .picScroll-top .bd ul li { zoom:1; } .picScroll-top .bd ul li .pic { text-align:center; float: left; } .picScroll-top .bd ul li .pic img { width:160px; height:120px; display:block; } .picScroll-top .bd ul li .pic a:hover img { border-color:#999; } .picScroll-top .bd ul li .title { line-height:24px; } .picScroll-top .bd ul li .title_content { float: left; margin-left: 15px; width:350px; text-align: justify; } .picScroll-top .bd ul li .title_content a h2 { width: 100%; font-size: 20px; color:#333e8d; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .picScroll-top .bd ul li .title_content div { color:#716b97; line-height: 24px; height: 90px; overflow: hidden; margin-top: 3px; } .case_honor_c { width: 980px; margin:0 auto; } .jiagong_case { width: 550px; float: left; } .jiagong_case_honor { width: 387px; float: right; } .jiagong_case_honor .picScroll-top { width: 387px; } .jiagong_case_honor .picScroll-top .bd ul li { margin-right: -20px; } .jiagong_case_honor .picScroll-top .bd ul li a img { width: 156px; height: 116px; border:2px solid #e3e3e3; margin-right: 20px; } .case_honor { padding-bottom: 30px; border-bottom: 1px solid #dbd9e8; } .c_title_ss { margin:0 12px; border-bottom: 1px solid #b7b7b7; } .c_title_ss a { width: 40px; height: 13px; line-height: 13px; color:#505050; font-weight: bold; border:0; top:15px; right: 0; } .c_title_ss a:hover { color:#db0e34; background-color: #f0f0f0; } .selectBox { width: 84px; padding:0 8px; border-left: 1px solid #b7bfe8; border-right: 1px solid #b7bfe8; height: 30px; margin-top: 4px; } .selectLt { float: left; width:67px; line-height: 30px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; cursor: pointer; } .selectRt { float: left; width: 17px; height: 28px; background: url(../images/b_sanjiao_03.jpg) no-repeat center; cursor: pointer; } .optionsBox { width: 100px; background-color: #fff; border:1px solid #b7bfe8; border-top: 0; } .optionBox { cursor: pointer; } .optionBox span { padding:0 9px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .optionBox:hover { background-color: #eb0a4a; color:#fff; } .cssSelect .selected { background-color: #eb0a4a; color:#fff; } /*棣栭〉浜у搧宸︿晶鍒楄〃 start*/ .left_nav { width:238px; height:auto; overflow:hidden; background:#e6e6e6; padding:20px 0 16px; max-height: 662px; margin-bottom:15px; float:left; } .left_nav li a { display:block; width:214px; height:37px; overflow:hidden; text-align:center; background:url(../images/leftli1.jpg) 0 -44px no-repeat; font:14px/37px "microsoft yahei"; color:#666666; margin:0 auto 7px; } .left_nav li li a { background:url(../images/leftli3.jpg) 0 -44px no-repeat; } .left_nav li a:hover, .left_nav li li a:hover, .left_nav li a.hover, .left_nav li li a.hover { background-position: 0 0; color:#fff; } .more_product { display: block; width: 214px; height: 37px; background: url(../images/leftli2.jpg) 0 0 no-repeat; text-align: center; font: 14px/37px "microsoft yahei"; color: #737373; margin: 9px auto 0; } .left_title1 { width: 238px; height: 56px; background: url(../images/lefttitle.jpg) 67px center no-repeat #333e8d; font: 700 16px/56px "microsoft yahei"; color: #fff; text-align: center; text-indent: 4px; overflow: hidden; margin-top:30px; } /*棣栭〉浜у搧宸︿晶鍒楄〃 end*/