@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; } /*公用方法*/ .clearfix:after{ clear: both; display:block; overflow: hidden; content: ''; } .clearfix{ zoom: 1; } .fl{ float: left; } .fr{ float: right; } a{color:#333;} a:hover{text-decoration: none;} html,body{ height: 100%; } body{ background-color: #f3f3f3; } .center_box{ width: 1100px; margin:0 auto; } /* 头部 */ .logo_bar{ background-color: #fff; min-width: 1100px; } .kh_img{ margin: 10px 0 10px 0; } .kh_menu{ min-width: 1100px; min-height: 40px; line-height: 40px; background-color: #244986; margin-bottom: 10px; } .menu_ul li{ float: left; min-width: 176px; text-align: center; } .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 头部******************** */ .part_top{ background-color: #ffffff; border: 1px solid #e3e3e3; padding: 10px; } .one_left{ padding-right: 10px; border-right: #d2d2d2 1px dotted; } .one_left a{ display: inline-block; width: 454px; height: 228px; } .one_left a img{ width: 450px; height: 228px; } .one_right{ width: 585px; padding:0 10px; } .one_right .title{ text-align: center;; font-size: 18px; color: #003399; font-weight: 700; margin-bottom: 10px; } .r_ul{ width: 100%; } .r_ul li{ line-height: 33px; padding-left: 10px; overflow: hidden; height: 33px; float: left; width: 30%; } .r_ul li a:hover{ color:red; } .r_ul li b{ background: #a9a9a9 none repeat scroll 0 0; float: left; height: 4px; margin: 13px 5px 0 0; width: 4px; } /* 中间循环列表 */ .part_middle{ margin-top: 10px; } .list_ran{ width: 843px; } .list_li_box{ width: 409px; margin-right: 10px; background-color: #fff; border: 1px solid #e3e3e3; margin-bottom: 10px; height: 339px; overflow: hidden; } .chi_title{ height: 36px; border-bottom: 2px solid #244986; padding:0 20px; } .chi_title a{ display: inline-block; height: 100%; line-height: 36px; color: #333333; font-size: 16px; font-weight: 600; } .con_img{ padding:15px 20px 3px 20px; } .con_img a{ display: inline-block; padding-left:112px; position: relative; } .con_img a img{ position: absolute; left: 0; top: 0; width: 110px; height: 75px; } .con_img a h3{ font-size: 14px; height: 20px; line-height: 20px; font-weight: 600; width: 207px; overflow: hidden; } .con_img a:hover{ text-decoration: none; } .con_img a p{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-top: 10px; font-size: 14px; } .art_ul{ padding:0 20px 8px 20px; } .art_ul li{ line-height: 33px; width: 47%; overflow: hidden; text-overflow: ellipsis; display: inline-block; background: url(/uploads/image/simages/ye_dian.gif) no-repeat center left; padding-left: 10px; float: left; height: 33px; } .art_ul li a:hover{ color:red; } .list_rank{ width: 255px; background-color: #fff; border: 1px solid #e3e3e3; } .rank_box{ } .rank_title{ height: 36px; line-height: 36px; font-weight: 600; border-bottom: 2px solid #244986; padding: 0 18px; font-size: 16px; } .rank_box ul{ padding:10px 18px; } .rank_box ul li{ line-height: 26px; height: 26px; overflow: hidden; } .rank_box ul li a:hover{ color: red; } .number{ display: inline-block; line-height: 16px; text-align: center; font-size: 12px; margin-right: 10px; border:1px solid #dddddd; color:#3688d1; width: 16px; height: 16px; } .numberact{ background-color: #3688d1; color:white; } /* 友情链接 */ .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-top: 2px solid #244986; margin-top: 10px; } .flink{ padding: 7px 15px; } .flink li{ float: left; margin-right: 10px; font-size: 12px; line-height: 24px; } .flink li a:hover{ color:red; } /* 页脚 */ .foo_con{ border-top: 1px solid #e2e2e2; padding: 10px 0px; text-align: center; background: #fff; } .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:#f3f3f3; } /* 头部 */ .logo_bar{ height: 40px; padding: 10px 0 0px 0px; background-color: #fff; text-align: center; } .logo_bar a{ display: inline-block; } .kh_img{ width: 100px; } /* 导航 */ .kh_menu{ padding: 3%; padding-bottom: 0; padding-right: 0; } .menu_ul li{ float: left; width: 30%; background-color: #fff; text-align: center; height: 36px; line-height: 36px; margin-right: 2.5%; margin-bottom: 8px; border: 1px solid #c2ccdc; } .menu_ul li a{ display: inline-block; width: 100%; height: 100%; font-size: 16px; color: #244986; } .rt_menu li a{ width:100%; height:100%; display:block; } /* end 头部*************************** */ .one_left{ width: 96%; background-color: #fff; float: none; padding: 2%; } .one_left a{ width: 100%; height: 200px; display: inline-block; } .one_left img{ width: 100%; height: 200px; } .one_right{ padding: 0 3%; background-color: #fff; float: none; } .one_right .title{ font-size: 16px; color:#244986; margin-bottom: 10px; } .r_ul{ float: none; height: 130px; overflow: hidden; } .r_ul li{ line-height: 28px; padding-left: 8px; height: 32px; width: 46%; display: inline-block; } .r_ul li a{ width: calc(100% - 12px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .r_ul li b{ background: #a9a9a9 none repeat scroll 0 0; float: left; height: 4px; margin: 13px 7px 0 0; width: 4px; } .list_li_box{ background-color: #fff; margin-top: 15px; } .chi_title,.rank_title{ font-size: 16px; height: 36px; line-height: 36px; padding:0 18px; border-bottom: 2px solid #244986; font-weight: 600; } .con_img{ padding-left: 120px; padding-right: 14px; position: relative; margin-top: 10px; margin-bottom: 10px; } .con_img a img{ position: absolute; top: 0; left: 14px; width: 96px; height: 60px; } .con_img a h3{ height: 19px; overflow: hidden; margin-bottom: 4px; font-size: 16px; } .con_img a p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; color: #999; } .art_ul{ padding:0 18px 20px 18px; } .art_ul li{ line-height: 31px; background: url(/uploads/image/simages/ye_dian.gif) no-repeat center left; padding-left: 10px; width: 46%; display: inline-block; height: 31px; overflow: hidden; } .list_ran{ float: none; } .list_rank{ background-color: #fff; float: none; margin-top: 15px; } .rank_box{ margin-bottom: 10px; } .rank_title{ height: 36px; line-height: 36px; font-weight: 600; border-bottom: 2px solid #244986; padding: 0 18px; font-size: 16px; } .rank_box ul{ padding:10px 18px; } .rank_box ul li{ line-height: 34px; overflow: hidden; height: 34px; display: inline-block; width: 49%; } .rank_box ul li a:hover{ color: red; } .number{ display: inline-block; line-height: 16px; text-align: center; font-size: 12px; margin-right: 10px; border:1px solid #dddddd; color:#3688d1; width: 16px; height: 16px; } .numberact{ background-color: #3688d1; color:white; } /* 友情链接 */ .flink{ zoom: 1 } .flink::after{ clear: both; display:block; overflow: hidden; content: ''; } .flink{ margin:0 auto; background-color: #fff; border-top: 2px solid #244986; margin-top: 10px; } .flink{ padding: 7px 15px; } .flink li{ float: left; margin-right: 10px; margin-bottom: 5px; } /* 页脚 */ .foo_con{ padding: 2%; text-align: center; } .foo_con p{ color:#333333; font-size: 12px; line-height: 22px; } } .index-news{width:320px;display:flex;justify-content:center;align-items:center;margin:0 auto;padding-top:1px;float:right} .index-news .index_aa{height:38px;position:relative;box-sizing:border-box;float:left;padding-top: 10px;} .index_aa input{width:210px;line-height:32px;box-sizing:border-box;background:rgba(255,255,255,1);border:2px solid #3c4554;border-right:0;top:0;left:0;padding-left:12px;color:#222222;outline:none;font-size:16px;position: relative;left: 5px;top: -1px;} .index-news .btn_a{width:90px;height:36px;background:#244986;border:none;color:#ffffff;outline:none;font-size:16px;margin-top:2px;}