@charset "gb2312"; @media screen and (min-width:750px){ html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { border:none; font-size:14px; margin:0px; padding:0px; } html,body{ height: 100%; width: 100%; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; } a{ text-decoration:none; } input::-ms-clear{ display:none; } input::-ms-reveal{ display:none; } input{ -webkit-appearance: none; margin: 0; outline: none; padding: 0; } input::-webkit-input-placeholder{ color: #ccc; } input::-ms-input-placeholder{ color: #ccc; } input::-moz-placeholder{ color: #ccc; } input[type=submit],input[type=button]{ cursor: pointer; } button[disabled], input[disabled] { cursor: default; } img{ border:none; } ul,ol,li{ list-style-type:none; } /*1?ó?·?·¨*/ .clearfix:after{ clear: both; display:block; overflow: hidden; content: ''; } .clearfix{ zoom: 1; } .fl{ float: left; } .fr{ float: right; } a{color:#333;font-size: 14px;} a:hover{text-decoration: none;} html,body{ height: 100%; } body{ background-color: #fbfbfb; } .center_box{ width: 1100px; margin:0 auto; } /* í·2? */ .logo_bar{ min-width: 1100px; } .rd_img{ margin: 10px 0 10px 0; } .rd_menu{ min-height: 40px; line-height: 40px; margin-bottom: 10px; min-width: 1100px; } .rd_menu_box{ background-color: #4bacf3; } #nav .active,#nav a:hover{ background-color: #197cbf; } .menu_ul li{ float: left; min-width: 134px; } .menu_ul li a{ color:white; display: inline-block; width: 100%; height: 100%; text-align: center; font-size: 16px; } .menu_ul li a:hover{ text-decoration: underline; } /* end í·2?******************** */ .rd_container{ min-width: 1100px; } .top_left{ width: 762px; background: #fff; padding: 8px; border: 1px solid #d7ebff; } .tt_b{ padding-left: 340px; position: relative; padding-right: 15px; } .img_box{ position: absolute; top: 15px; left: 15px; } .img_box img{ width: 310px; height: 167px; } .line_sho{ padding: 4px 0 012px; } .line_sho h3{ line-height: 32px; } .line_sho h3 a { font-size: 16px; width: 330px; color: #d81e06; font-weight: 700; } .line_sho .detail{ color: #666; line-height: 24px; font-size: 14px; } .detail a{ color:#d81e06; } .tb_b { padding:0 15px; } .tb_b h4{ border-left: 6px solid #4bacf3; width: 100%; padding:3.5px 0; } .tb_b h4>span{ font-size: 16px; color: rgb(255, 255, 255); height: 20px; line-height: 20px; margin-left: 6px; font-weight: 700; background: rgb(75, 172, 243); padding: 3px 5px; } .art_box{ padding-top: 9px; margin-right: 10px; width: 356px; } .art_box ul li{ color: #444; width: 349px; } .art_box ul li a{ line-height: 28px; color: #444; background: no-repeat scroll -1px 4px transparent; padding-left: 10px; font-size: 14px; } .top_right{ background-color: #fff; border: 1px solid #d7ebff; height: 432px; width: 282px; margin-left: 15px; padding:10px; padding-bottom: 0; } .top_right .title{ position: relative; padding-left: 30px; font-size: 16px; color:#4bacf3; } .top_right .title img{ position: absolute; width: 20px; left: 0; top: 0px; } .hot_ul{ margin-top: 10px; } .hot_ul li{ padding: 8px 0; border-bottom: 1px dotted #d1d1d1; } .hot_ul li a{ color:#666; } /* ×ó2?μ¥ */ .child_menu{ margin-top: 10px; } .child_ul{ background-color: #fff; border: 1px solid #d7ebff; border-left: 3px solid #4bacf3; padding:10px 20px 10px 20px; } .child_ul li{ line-height: 40px; border-bottom: 1px solid rgba(221, 221, 221, 0.63); overflow: hidden; } .child_ul li:last-child{ } .child_ul li span{ background: #7cc3f7 none repeat scroll 0% 0%; padding: 2px 6px; border-radius: 3px; color: #fff; margin-right: 10px; } .child_ul li a{ margin:0 10px; color:#666; } .child_ul li a:hover{ text-decoration: underline; } /* ád±í */ .rd_list_box{ margin-top: 11px; background-color: #fff; border:1px solid #e6e6e6; padding: 20px; } .rd_tit{ line-height: 32px; font-size: 16px; border-bottom: 2px solid #4bacf3; margin-bottom: 15px; } .rd_tit .tit{ background-color: #4bacf3; color:#fff; padding:8px; } .rd_tit .more{ float: right; } .art_list>ul{ width: 760px; border-right: 1px solid #f0f0f0; } .art_list>ul>li{ width: 47%; float: left; margin-right: 3%; line-height: 34px; } .art_list>ul li a:hover{ text-decoration: underline; } .hot_tit img{ float: left; } .hot_tit { height: 34px; line-height: 29px; } .hot_list{ width: 277px; margin-left: 20px; } .hot_list>ul li{ line-height: 34px; } .time_span{ margin-left:10px; color:#777; float: right; font-size: 12px; } /* ó??éá′?ó */ .flink{ zoom: 1 } .flink::after{ clear: both; display:block; overflow: hidden; content: ''; } .flink{ width: 1068px; margin:0 auto; background-color: #fff; border: 1px solid #e3e3e3; border-left: 2px solid #4bacf3; margin-top: 10px; } .flink{ padding: 7px 15px; } .flink li{ float: left; margin-right: 10px; } .flink li a:hover{ color:red; } /* ò3?? */ .foo_con{ border-top: 1px solid #c5c5c5; margin-top: 10px; padding:15px 0px; text-align: center; } .foo_con p{ line-height: 24px; color:#333333; font-size: 12px; } } @media screen and (max-width:750px){ html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { border:none; font-size:14px; margin:0px; padding:0px; } html,body{ height: 100%; width: 100%; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; } a{ text-decoration:none; } input::-ms-clear{ display:none; } input::-ms-reveal{ display:none; } input{ -webkit-appearance: none; margin: 0; outline: none; padding: 0; } input::-webkit-input-placeholder{ color: #ccc; } input::-ms-input-placeholder{ color: #ccc; } input::-moz-placeholder{ color: #ccc; } input[type=submit],input[type=button]{ cursor: pointer; } button[disabled], input[disabled] { cursor: default; } img{ border:none; } ul,ol,li{ list-style-type:none; } /*公用方法*/ .clearfix:after{ clear: both; display:block; overflow: hidden; content: ''; } .clearfix{ zoom: 1; } .fr{ float: right; } .cursor{ cursor: pointer; } a{ color:#333; } body{ background-color:#fbfbfb; } /* 头部 */ .logo_bar{ height: 36px; padding: 8px 0 0px 0px; background-color: #fff; border-bottom: 2px solid #4bacf3; text-align: center; } .logo_bar a{ display: inline-block; } .rd_img{ width: 117px; } /* 导航 */ .rd_menu{ padding: 2%; padding-right: 0; padding-bottom: 0; } .menu_ul li{ float: left; width: 21.5%; background-color: #fff; text-align: center; height: 30px; line-height: 30px; margin-right: 2.5%; margin-bottom: 8px; border: 1px solid #d7ebff; } .menu_ul li a{ display: inline-block; width: 100%; font-size: 15px; } .menu_ul li .active{ background-color: #4bacf3; color:#fff; } /* end 头部*************************** */ .tt_b{ padding: 2%; background: #fff; border: 1px solid #d7ebff; } .img_box{ position: relative; } .img_box img{ width: 100%; max-height: 188px; } .line_sho{ padding: 7px 0; line-height: 24px; color: #666; } .line_sho h3{ color: #333; font-size: 16px; margin-bottom: 5px; } .line_sho h3 a{ font-size: 16px; line-height: 26px; color:#d81e06; } .detail a{ color:#d81e06; } .tb_b{ background-color: #fff; margin-top: 10px; border: 1px solid #d7ebff; padding: 10px 14px; } .tb_b h4{ border-left: 6px solid #4bacf3; width: 100%; padding:4px 0; } .tb_b h4>span{ font-size: 16px; color: rgb(255, 255, 255); height: 20px; line-height: 20px; margin-left: 6px; font-weight: 700; font-family: 微软雅黑; background: rgb(75, 172, 243); padding: 3px 5px; } .art_box{ padding-top: 5px; } .art_box ul li{ color: #444; width: 349px; } .art_box ul li a{ line-height: 32px; color: #444; background: no-repeat scroll -1px 6px transparent; padding-left: 10px; font-size: 15px; } .top_right{ background-color: #fff; border: 1px solid #d7ebff; padding: 0 12px; height: 217px; margin-top: 10px; padding:10px; } .top_right .title{ position: relative; padding-left: 30px; font-size: 16px; color:#4bacf3; } .top_right .title img{ position: absolute; width: 20px; left: 0; top: 0px; } .hot_ul{ margin-top: 10px; float: left; height: 194px; overflow: hidden; } .hot_ul li{ border-bottom: 1px dotted #d1d1d1; float: left; width: 50%; height: 36px; line-height: 36px; overflow: hidden; } .hot_ul li a{ color:#666; } /* 子菜单 */ .child_menu{ margin-top: 10px; } .child_ul{ background-color: #fff; border: 1px solid #d7ebff; border-left: 3px solid #4bacf3; padding:0px 14px; } .child_ul li{ line-height: 28px; padding:10px 0; border-bottom: 1px solid rgba(221, 221, 221, 0.63); } .child_ul li:last-child{ border:none; } .child_ul li span{ background: #7cc3f7 none repeat scroll 0% 0%; padding: 2px 6px; border-radius: 3px; color: #fff; } .child_ul li a{ margin:0 10px; color:#666; } .child_ul li a:hover{ text-decoration: underline; } /* 列表 */ .rd_list_box{ margin-top: 15px; background-color: #fff; border:1px solid #e6e6e6; padding: 2%; } .rd_tit{ line-height: 32px; font-size: 16px; border-bottom: 2px solid #4bacf3; margin-bottom: 15px; } .rd_tit .tit{ background-color: #4bacf3; color:#fff; padding:8px; } .rd_tit .more{ float: right; } .art_list>ul>li{ line-height: 34px; } .art_list>ul li a:hover{ text-decoration: underline; } .hot_tit img{ float: left; margin-left: -5px; } .hot_tit { height: 34px; line-height: 29px; color:#d81e06; } .hot_list>ul li{ line-height: 34px; } .time_span{ margin-left:10px; color:#777; float: right; font-size: 12px; } /* 友情链接 */ .flink{ zoom: 1 } .flink::after{ clear: both; display:block; overflow: hidden; content: ''; } .flink{ margin:0 auto; background-color: #fff; border-left: 2px solid #4bacf3; margin-top: 10px; } .flink{ padding: 7px 15px; } .flink li{ float: left; margin-right: 14px; margin-bottom: 5px; font-size: 14px; } /* 页脚 */ .foo_con{ padding:12px 10px; text-align: center; } .foo_con p{ color:#333333; font-size: 12px; line-height: 24px; } } .btmap{margin-top:15px;position:relative;z-index:104;float:right} .btmap .search{height:40px;position:relative;width:461px;z-index:105} .btmap .search .search-wrap{height:34px;border:1px solid #e5e5e5;background:#fff !important;position:relative} .btmap .search .search-wrap .search-option{border:none;position:relative;border-right:1px solid #dcdcdc;width:80px;height:34px;color:#555;line-height:34px;text-decoration:none;text-align:center;padding-right:12px;vertical-align:middle;display:block;float:left;font-size:14px;overflow:hidden;cursor:pointer} .btmap .search .search-wrap .search-option i{position:absolute;right:12px;top:15px;margin-right:8px;display:block;margin:0} .btmap .search .search-wrap .search-option i span{border-right:transparent 3px solid;border-top:transparent 3px solid;left:0px;overflow:hidden;border-left:transparent 3px solid;width:0px;border-bottom:transparent 0px solid;zoom:1;position:absolute;top:0px;height:0px;_border-color:tomato;_filter:chroma(color=tomato);border-top-color:#808080} .btmap .search .keyword{color:#909090;float:left;height:30px;line-height:30px;overflow:hidden;padding:0;width:283px;text-indent:30px;border:none;background: no-repeat -174px 7px;margin-top:2px;background-color:#fff} .btmap .search .sub-btn{border:0;cursor:pointer;height:36px;line-height:34px;overflow:hidden;width:90px;position:absolute;top:0;right:0;font-size:16px;color:#ffffff;transition:all .2s ease-in-out;background:#4bacf3;"}