/**************閲嶈娴忚鍣ㄩ粯璁ゆ牱寮廩鍙傝€儁ahoo]**************/ /* 闃叉鐢ㄦ埛鑷畾涔夎儗鏅鑹插缃戦〉鐨勫奖鍝嶏紝娣诲姞璁╃敤鎴峰彲浠ヨ嚜瀹氫箟瀛椾綋 */ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { color: #333; font-size: 14px; text-align: left; font-family: "Microsoft YaHei",arial,tahoma,\5b8b\4f53,sans-serif; -webkit-font-smoothing:antialiased; } /* 鍐呭杈硅窛閫氬父璁╁悇涓祻瑙堝櫒鏍峰紡鐨勮〃鐜颁綅缃笉鍚 */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, span, img, table { margin: 0; padding: 0; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } a { color: #000; text-decoration: none; } a:hover { color: #8c010b; text-decoration: none; } ol, ul { list-style: none; } fieldset, img { border: 0; } table { border-collapse: collapse; border-spacing: 0; } /* 鍘绘帀鍚凾able cell 鐨勮竟璺濆苟璁╁叾杈归噸鍚 */ th { text-align: inherit; } /* IE bug fixed: th 涓嶇户鎵 text-align*/ iframe { display: block; } /* ie6 7 8(q) bug 鏄剧ず涓鸿鍐呰〃鐜 */ sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; } /*to enable resizing for IE*/ input, textarea, select { *font-size: 100%; } /* 娓呯悊娴姩 */ .clearfix { *zoom: 1; }/*IE6 7 鍙瑙﹀彂layout鍗冲彲*/ .clearfix:after { content: "."; clear: both; height: 0; font-size: 0; line-height: 0; display: block; } .clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; } /* 闅愯棌 */ .hide { display: none; } .l { float: left } .r { float: right } /*-------------------澶栧洿-------------------*/ .w1200 { max-width: 1300px; margin-left: auto; margin-right: auto; overflow: hidden } /*-------------------閫氱敤-------------------*/ /*-------------------澶撮儴-------------------*/ .logo{ width: 450px; } .header { height: 125px; max-width: 1300px; margin: 0 auto } .header .logo { float: left; margin-top: 25px; } .header .search { margin-top: 40px; float: left; width: 380px } .searchfor { float: right; margin-top: 10px } .header .search a { color: #414141; padding: 0px 6px; font-size: 13px } .searchfor_txt { border: none; background-color: #FFF; width: 275px; height: 30px; font-size: 12px; line-height: 30px; outline: none; color: #000; padding-left: 10px; float: right; border: 1px solid #034b87 } .searchfor_btn { border: none; width: 55px; height: 32px; padding: 5px; background-color: #034b87; float: right; color: #FFF; margin-left: 10px } .wx_xx{ margin-right: 40px; } .header .wx { float: right; margin-top: 18px; text-align: center; font-size: 13px; color: #70080f; margin-right: 25px; } .header .wx img{ width: 80px; } /*-------------------瀵艰埅-------------------*/ .nav-box { clear: both; height: 46px; background: url(../images/index_07.jpg) repeat-x; max-width: 1300px; margin: 0 auto; } .ddsmoothmenu { height: 40px; line-height: 40px; font-size: 14px; background: url(../images/index_07.jpg) repeat-x; padding-top: 5px; margin: 0 auto; max-width: 1300px; } .ddsmoothmenu ul li { DISPLAY: block; FLOAT: left; WIDTH: 116px; LINE-HEIGHT: 33px; POSITION: relative; TEXT-ALIGN: center; border-left: 2px #FFFFFF solid; margin-top: 0px; color: #8d0000 } .ddsmoothmenu ul LI a { DISPLAY: block; WIDTH: 116px; TEXT-DECORATION: none; color: #fff; } .ddsmoothmenu li.cur a, .ddsmoothmenu li a:hover { text-decoration: none; background-color: #9f4a48; color: #fff!important; } .ddsmoothmenu ul li A:link { COLOR: #fff } .ddsmoothmenu ul li A:visited { COLOR: #fff } .ddsmoothmenu ul li A:hover { COLOR: #fff } .ddsmoothmenu ul li ul { LEFT: 0px; VISIBILITY: hidden; POSITION: absolute } .ddsmoothmenu ul li ul li { BACKGROUND: #8d0000; FLOAT: left; WIDTH: 116px; LINE-HEIGHT: 32px; border-right: 2px #FFFFFF solid; border-bottom: 2px #FFFFFF solid; } .ddsmoothmenu ul li ul li:first-child { WIDTH: 116px; } .ddsmoothmenu ul li ul li:first-child A { WIDTH: 116px; border-top: 2px #FFFFFF solid } .ddsmoothmenu ul li ul li A { DISPLAY: block; WIDTH: 116px; TEXT-DECORATION: none; color: #fff !important; BACKGROUND: #6d6a62; } .ddsmoothmenu ul li ul li A:hover { BACKGROUND: #9f4a48 !important; color: #fff !important } .ddsmoothmenu ul li ul li ul { TOP: 0px } .mobile_menu { display:none; } .focus { position: relative; width: 370px; height: 265px; background-color: #000; float: left; } .focus img { width: 370px; height: 265px; } .focus .shadow .title { width: 265px; height: 35px; padding-top: 20px; } .focus .shadow .title a { text-decoration: none; color: #fff; font-size: 14px; font-weight: bolder; overflow: hidden; } .focus .btn { position: absolute; bottom: 34px; left: 510px; overflow: hidden; zoom: 1; } .focus .btn a { position: relative; display: inline; width: 13px; height: 13px; border-radius: 7px; margin: 0 5px; color: #B0B0B0; font: 12px/15px "\5B8B\4F53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #D9D9D9; } .focus .btn a:hover,.focus .btn a.current { cursor: pointer; background: #fc114a; } .focus .fPic { position: absolute; left: 0px; top: 0px; } .focus .D1fBt { overflow: hidden; zoom: 1; height: 16px; z-index:-1; } .focus .shadow { width: 100%; position: absolute; bottom: 0; left: 0px; z-index: 10; height: 32px; line-height: 32px; background: rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9; display: block; text-align: left; } .focus .shadow a { text-decoration: none; color: #fff; font-size: 14px; overflow: hidden; margin-left: 10px; font-family: "\5FAE\8F6F\96C5\9ED1"; } .focus .fcon { position: relative; width: 100%; float: left; display: none; background: #000 } .focus .fcon img { display: block; } .focus .fbg { bottom: 5px; right: 4px; position: absolute; height: 21px; text-align: center; z-index: 200; } .focus .fbg div { margin: 4px auto 0; overflow: hidden; zoom: 1; height: 14px } .focus .D1fBt a { position: relative; display: inline; width: 12px; height: 12px; margin: 0 5px; color: #fde6e5; font: 12px/15px "\5B8B\4F53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #D9D9D9; } .focus .D1fBt .current,.focus .D1fBt a:hover { background: #729ae4; } .focus .D1fBt img { display: none } .focus .D1fBt i { display: none; font-style: normal; } .x_news { height: 566px; box-shadow: 3px 2px 2px 4px rgba(0, 0, 0, 0.2); overflow: hidden; background-color: #fff; padding-top: 25px; } .x_news .zhinan_l { max-width: 380px; float: left; margin-top: 20px; margin-left: 30px; margin-right: 10px; } .x_news .zhinan_2 { max-width: 375px; float: left; margin-top: 10px; box-shadow: 10px 15px 10px rgba(0, 0, 0, 0.2); border: 0; background: #fff; margin-right:20px; border-radius: 8px; padding-top: 10px; padding-left: 20px; padding-right: 20px; } .x_news .zhinan_2 h1{ font-size: 24px; color: #3d4a80;text-align: center; } .x_news .zhinan_2 h4{ text-align: center; margin-top: 25px; font-size: 16px; } .x_news .zhinan_2 p{ margin-top:10px; color: #a5a5a5; font-size: 12px; margin-bottom: 10px; line-height: 22px; } .x_news .zhinan_2 li{ line-height: 20px; margin-top: 8px; font-size: 13px; } .x_news .zhinan_2 li span{ float: right; color: #a5a5a5; } .x_news .zhinan_2 img{ float: right; margin-top: -20px; margin-right: 20px; } .more{ float: right; } .nnna{ margin-top: 30px; } .nnna li{ list-style: none; float: left; background: url(../images/bc.png) no-repeat; font-size: 16px; margin-top: 35px; width: 172px; line-height: 65px; height: 65px; margin-left: 10px; } .nnna li img{ float: left; width: 48px; margin-right: 15px; margin-left: 20px; margin-top: 8px; } /*-------------------搴曢儴-------------------*/ .foot .footer { margin-top: 30px; color: #FFF; padding: 10px 0px; width: 750px; overflow: hidden ;background-color: rgb(138, 70, 65,0.8); float: right; font-size: 14PX; } .foot .footer p { text-align: center; line-height: 35px } .footer_n p { text-align: center; line-height: 35px } .footer_n_s { color: #FFF; padding: 30px 0px; background: url(../images/footbg.png) repeat; margin-top: 20px } .footer_n_s p { text-align: center; line-height: 35px } @media (max-width: 1300px) { .w1200 { width: 100%; } .header { height: 125px; width: 100%; margin: 0 auto } .nav-box { max-width: 100%; } .ddsmoothmenu { max-width: 100% } .ddsmoothmenu ul li { WIDTH: 8.7%; } .ddsmoothmenu ul LI a { WIDTH: 100%; } .ddsmoothmenu ul li ul li { WIDTH: 100%; } .ddsmoothmenu ul li ul li:first-child { WIDTH: 100%; } .ddsmoothmenu ul li ul li:first-child A { WIDTH: 100%; } .ddsmoothmenu ul li ul li A { DISPLAY: block; WIDTH: 100%;; } .focus { width: 100%; height: 265px; } .focus img { width: 100%; height: 265px; } .focus .shadow .title { width: 265px; height: 35px; padding-top: 20px; } .x_news { height: 566px; box-shadow: 3px 2px 2px 4px rgba(0, 0, 0, 0.2); overflow: hidden; background-color: #fff; padding-top: 20px; } .x_news .zhinan_l { width: 30%; float: left; margin-top: 20px; margin-left: 30px; margin-right: 10px; } .x_news .zhinan_2 { width: 27%; margin-right:1%; } .nnna{ margin-top: 30px; } .nnna li{ list-style: none; float: left; background: url(../images/bc.png) no-repeat; height:40%; background-size:100% 100%; font-size: 14px; margin-top: 30px; width: 42%; line-height: 60px; padding: 5px; margin-left: 10px; } .nnna li:nth-child(1){ margin-left: 10px; } .nnna li img{ float: left; width: 50px; margin-right: 10px; margin-left: 2px; } } @media (max-width: 1085px) { .header .wx { display: none; } } @media (max-width: 1000px) { .w1200 { width: 100%; } .header { height: 125px; width: 100%; margin: 0 auto; } .header .wx { display: none; } .nav-box { max-width: 100%; display: none; } .focus { width: 100%; height: 265px; } .focus img { width: 100%; height: 265px; } .focus .shadow .title { width: 265px; height: 35px; padding-top: 20px; } .x_news { height: auto; box-shadow: 3px 2px 2px 4px rgba(0, 0, 0, 0.2); overflow: hidden; background-color: #fff; padding-top: 20px; z-index: 99; } .x_news .zhinan_l { width: 94%; float: none; margin-top: 20px; margin-left: 30px; margin-right: 10px; max-width:100%; } .x_news .zhinan_2 { width: 94%; margin-right:1%; margin-left:1%; max-width: 100%; } .nnna{ margin-top: 0px; } .nnna li{ list-style: none; float: left; background: url(../images/bc.png) no-repeat; background-size:100% 100%; font-size: 14px; margin-top: 30px; width: 21%; line-height: 60px; padding: 5px; margin-left: 10px; } .nnna li:nth-child(1){ margin-left: 10px; } .nnna li img{ float: left; width: 50px; margin-right: 10px; } } @media (max-width: 778px) { .x_news { z-index: 1; position: relative; padding-top: 0px; } .x_news .zhinan_l { width: 96%; margin-left: 10px; margin-right: 10px; } .x_news .zhinan_2 { width: 90%; margin-right: 1%; margin-left: 1%; max-width: 100%; } .focus .fPic { width: 100%; } .nnna{ margin-top: 0px; } .nnna li{ list-style: none; float: left; background: url(../images/bc.png) no-repeat; background-size:100% 100%; font-size: 14px; margin-top: 30px; margin-left: 3%; width:42%; line-height: 60px; padding: 5px; } .nnna li:nth-child(1){ margin-left: 3%; } .nnna li img{ float: left; width: 50px; margin-right: 20px; margin-top: 5px; } .foot .footer { margin-top: 30px; color: #FFF; padding: 10px 0px; width: 100%; overflow: hidden ;background-color: rgb(138, 70, 65,0.8); float: right; font-size: 12PX; } .foot .footer p { text-align: right; line-height: 35px; font-size: 12px; margin-right: 20px; } .container { width: 100%; transition: all 500ms; display: block; position: absolute; z-index: 999; } .headernav { display: none; } .mobile_nav { right: 20px; height: 20px; position: absolute; top: 48px; width: 30px; cursor: pointer; display: block; background: url('../images/menu.png') no-repeat top center; background-size: auto 20px; } .container.show_menu .mobile_nav { background-image: url('../images/close.png'); right: 2px; } .mobile_menu { position: fixed; top: 0; width: 560px; bottom: 0; right: -560px; padding: 24px 36px 72px; box-sizing: border-box; background-color: #fff; height: 1901px; border: 1px solid #eee; border-radius: 5px; z-index: 999; display: block; } .mobile_menu .menu { color: #000; padding:10px 0; display: block; cursor: pointer; z-index: 999; } .mobile_menu .menu.current { color: rgba(41, 41, 41, 0.9); } .container { transition: all 500ms;margin: 0 auto; display: block;z-index: 999; } .container.show_menu { transform: translateX(-260px); } .mobile_mask { position: fixed; top: 0; left: 0;right:0;bottom:0; display: none; } .container.show_menu .mobile_mask { display: block; } .m_dh{ } .m_dh li{ line-height: 30px; } #h1{ display: none; margin-left: 30px; } #h2{ display: none; margin-left: 30px; } #h3{ display: none; margin-left: 30px; } #h4{ display: none; margin-left: 30px; } #h5{ display: none; margin-left: 30px; } #h6{ display: none; margin-left: 30px; } #h7{ display: none; margin-left: 30px; } #h8{ display: none; margin-left: 30px; } .logo{ width: 350px; } .header .search { margin-top: 40px; float: left; width: 380px; display: none; } }