@import url(search.ie.css) screen and (min-width:750px);
@media screen and (max-width: 750px) {
@charset "gb2312";
body {font-size: 14px;color: #333;margin: auto;}
img { border: 0; display: block;}
a {text-decoration: none;color: #2440b3;cursor: pointer;transition: 0.3s ease;-ms-transition: 0.3s ease;-moz-transition: 0.3s ease;-webkit-transition: 0.3s ease;-o-transition: 0.3s ease;}
a:hover { color: #2ca6e0; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; }
.ts {transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
.ts:hover {transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
div, ul, li, form, h1, h2, h3, h4,h5, p, dl, dt, dd, ul, ol, li, th, td, aside, article { margin: 0px; padding: 0px; list-style: none; }
.clear { clear: both; }
.clear:after {/* content: ""; */display: block;clear: both;}
em{color: #ff0000;font-style:inherit}
.fl { float: left; }

.main { width: 1200px; margin: 0 auto; }
.bg{ background: #fff;}

/*index*/
.index{width: 100%;margin: auto;}

.index_box{width: 94%;float: left;text-align: center;margin: 4% 3%;}
.index_logo {margin-top: 13px;background: url(/static/so/img/ico.png) 0px 0px no-repeat;display: inline-block;width: 101px;height: 31px;}

.index_search {margin: 14px 0;background: #fff;border-radius: 10px;width: 100%;float: left;}
.index_search em {background: url(/static/so/img/icon.png) -77px -30px no-repeat;width: 29px;height: 27px;float: left;margin-top: 5px;margin-left: 19px;display: none;}

.index_search_text {padding: 0 10px 0 15px;line-height: 36px;border-radius: 10px 0 0 10px;color: #333;font-size: 15px;outline: none;width: 69%;height: 36px;border: 2px solid #c4c7ce;border-right: 0;float: left;}
.index_search_btn {cursor: pointer;width: 23%;height: 40px;line-height: 40px;padding: 0;background: 0 0;background-color: #2ca6e0;border-radius: 0 10px 10px 0;font-size: 15px;color: #fff;box-shadow: none;font-weight: 400;border: none;outline: 0;float: left;}
.index_search_hot {font-size: 12px;line-height: 30px;height: 30px;width: 500px;overflow: hidden;margin: 13px auto;}
.index_search_hot a {background: rgb(36 133 186);padding: 4px 7px;border-radius: 17px;opacity: 0.6;color: #fff;margin-left: 5px;}
.index_search_hot a:hover { opacity: 1; background: rgb(0,0,0,0.2); }
.index_search_btn:hover { opacity: 0.9;}
.search_hot {font-size: 12px;line-height: 30px;height: 30px;width: 100%;overflow: hidden;float: left;color: #e43f32;}
.search_hot a {padding: 4px 4px;color: #333;font-size: 13px;}
.search_hot a:hover {color:#4e6ef2;opacity: 0.7; }


/* top_box*/
.list{float:left;width: 100%;}
.top_box{float:left;width: 100%;border-bottom: 1px solid #f1f1f1;background: #fff;height: 118px;position: fixed;z-index: 10;text-align: center;}
.top_box p{float:left;color: #666;}
.top_box_r{float: right;color: #666;}
.top_box_r a{float:left;color: #666;font-size: 12px;padding-left: 13px;}
.denglu{float:left;color: #666;padding: 0 15px;}
.denglu:before{content:"";float:left;color: #666;padding: 0 8px;border-left: 1px solid #bcb9b9;height: 13px;margin-top: 10px;}
.denglu em{color: #2196f3;padding-left: 5px;font-style: inherit;}
.contwith{width: 1200px;margin: auto;}


.nav { height: 40px; }
.nav_wrap { height: 40px; line-height: 40px; }
.nav_item { position: relative; margin-right: 10px; }
.nav_item  a { font-size: 14px; color: #fff; display: block; padding: 0 15px; text-align: center; }
.nav_item_r { float: right; background: #e8b856; border-radius: 6px; position: absolute; top: -3px; right: 0;  }
.nav_item_r span a { line-height: 58px; height: 58px; }
.sub { background: #fff; background: rgba(255,255,255,0.97); box-shadow: 0 20px 30px rgba(0,0,0,.1); position: absolute; display: none; z-index: 9; left: 0; border-radius:0 10px 10px 10px; }
.sub_index { position: absolute; }
.nav_item { position:relative;  transition:0.1s all linear; cursor:pointer;  }
.nav_item::before {content:""; position:absolute; bottom:0px; left:100%; width:0; height:3px;background: #fff; transition:0.1s all linear;}
.nav_item:hover::before { width:100%; bottom:0px; left:0; transition-delay:0.1s; }
.nav_item:hover ~ li::before {left:0;}

.header_bg {height: 300px;background: url(/static/so/img/se_banner.png) no-repeat center;float: left;width: 100%;}
.nav_wrap { margin-left: 40px; width: 1058px; }
.logo {margin-top: 13px;background: url(/static/so/img/ico.png) 0px 0px no-repeat;display: inline-block;width: 101px;height: 31px;}

/*search*/
.in_header{text-align: center;float: left;margin: 0 3%;width: 94%;}
.search {margin: 14px 0;background: #fff;border-radius: 10px;width: 100%;float: left;}
.search em {background: url(/static/so/img/icon.png) -77px -30px no-repeat;width: 29px;height: 27px;float: left;margin-top: 5px;margin-left: 19px;display: none;}

.search_f {width: 610px;height: 48px;overflow: hidden;position: relative;border-radius: 10px;margin: 0 auto;}
.search_text {padding: 0 10px 0 15px;line-height: 36px;border-radius: 10px 0 0 10px;color: #333;font-size: 16px;outline: none;width: 69%;height: 36px;border: 2px solid #c4c7ce;border-right: 0;float: left;}
.search_btn {width: 23%;line-height: 40px;cursor: pointer;background: #2ca6e0;padding: 0;float: left;font-size: 15px;color: #ffffff;border: none;border-radius: 0 10px 10px 0;}
.search_btn:hover { opacity: 0.9; background: rgb(44 166 224); }

.list_b {height: 24px;line-height: 24px;}
.list_b time { font-size: 12px; color: #999; margin-left: 10px;}
.itme_text_r { width: 500px; margin-left: 20px; }
.list_img { width: 160px; height: 110px; display: block; border-radius: 10px; }
.list_img img { width: 100%; min-height: 110px; }

.con_r { width: 300px; }
.con_r .r_rwap { background: #fff; padding: 20px 20px 10px 20px; border-radius: 10px; }
.r_rwap .pic_lb1 { width: 100%; margin: 20px 0 20px 0 ; }
.r_rwap .pic_lb1:nth-child(2n) { float: none; }
.r_lm { width: 42%; position: relative; float: left; height: 30px; overflow: hidden; line-height: 30px; padding-left: 15px; margin-bottom: 5px; }
.r_lm:nth-child(2n) { float: right; }
.r_lm:before{ content:""; display: block; position: absolute; width: 6px; height: 6px; border-radius: 10px; left: 0; top: 12px; background-color: #cbd9d9; }

.list_search{width: 100%;float: left;margin-top: 117px;}

.ss_filter {padding: 20px;overflow: hidden;background: #fff;position: relative;margin-top: 20px;text-decoration: none;color: #333;cursor: pointer;float: left;width: 97%;border-radius: 10px;display: none;}
.ss_filter.on { height: 26px; }
.filter_btn { position: absolute; line-height: 26px; right: 20px; top: 20px; font-size: 12px; color: #999; }
.filter_btn a { color: #999; }
.filter_btn em {font-size: 12px;color: #ccc;background: url(/static/so/img/icon.png) -50px -57px no-repeat;float: right;width: 20px;height: 13px;margin-top: 6px;}
.icon-sanjiao-copy{background: url(/static/so/img/icon.png) -66px -57px no-repeat;}
.filter_itme {line-height: 26px;margin-top: 25px;font-size: 12px;width: 100%;display: inline-block;cursor: pointer;}
.filter_itme:first-child { margin-top: 0; }
.filter_itme span { width: 46px; display: block; }
.filter_itme ul { width: 760px; }
.filter_itme ul li { border-radius: 20px; background: #f5f9f9; padding: 0 10px; float: left; margin-right: 10px; cursor: pointer; }
.filter_itme ul li.on { background: #2ca6e0; color: #fff; }
.filter_itme ul li:hover { color: #2ca6e0; }
.filter_itme ul li.on { color: #fff; }
.ss_title {line-height: 30px;margin-top: 5px;font-size: 12px;color: #999;margin-bottom: 7px;}
.ss_title p span {margin: 0 5px;color: #2440b3;}
.btn2{display:none;}
.filter_btn:hover a{color:#2440b3}

.con_l {padding: 0;width: 94%;margin: 0 3%;}
.con_r { margin-top: 40px; }
.list_itme {position: relative;margin-bottom: 12px;padding-bottom: 12px;}
.list_itme .cz_nr {float: left;width: 100%;margin-bottom: 19px;margin-top: 2px;border-bottom: 1px solid #f0f0f0;padding-bottom: 15px;}
.list_itme .list_btn {background: #2ca6e0;line-height: 27px;border-radius: 4px;text-align: center;display: flex;justify-content: center;align-items: center;width: 88px;float: right;color: #fff;font-size: 12px;/* position: absolute; */right: 0;top: 81px;}
.itme_bt { font-size: 16px; }
.list_itme:before{content:"w";float: left;height: 13px;width: 13px;border: 2px solid #339ee6;color: #339ee6;border-radius: 4px;font-weight: 700;line-height: 13px;font-size: 12px;text-align: center;margin-right: 10px;margin-top: 3px;}
.itme_bt em{font-size: 16px;color: #f73131;font-style: inherit;text-decoration: underline;}
.itme_bt h4{font-size: 16px;font-weight: 400;text-decoration: underline;}
.list_itme p {line-height: 24px;font-size: 12px;color: #555;margin: 6px 0;overflow: hidden;width: 100%;}
.list_itme p em{font-size:12px;}
.list_itme:hover { box-shadow: 0 10px 30px rgba(49,71,68,0.08); }
.list_b time { margin-left: 0; }
.list_b p {line-height: 20px;height: 20px;padding: 0 0 0 10px;float: left;margin: 0 4px 0 0;position: relative;color: #999;font-size: 12px;width: auto;}
.list_b p span{color: #2440b3;font-size: 12px;}
.list_b p:before { content:""; display: block; position: absolute; height: 12px; width: 1px; background: #e1e1e1; position: absolute; left: 0; top: 4px; }
.list_b p:first-child { padding-left: 0; }
.list_b p:first-child:before { display: none; }
.list_itme .list_btn em {font-size: 14px;background: url(/static/so/img/ico.png) 0px -50px no-repeat;width: 15px;height: 18px;float: left;margin-right: 4px;}
.list_itme:hover .list_btn em{transition:none;background: url(/static/so/img/ico.png) 0 -50px no-repeat;}
.list_itme:hover .list_btn { background: #4e6ef2; color: #fff; }
.list_itme .list_btn em{transition: inherit;}

.list_tui {line-height: 25px;font-size: 12px;color: #666;float: left;display: flex;justify-content: flex-end;align-items: center;margin-right: 10px;}
.list_tui em {color: #e8b856;display: block;float: left;background: url(/static/so/img/ico.png) -1px -34px no-repeat;width: 77px;height: 18px;}


.pnum {padding: 6% 3%;margin-top: 5px;float: left;width: 94%;background-color: #f5f5f6;}
.pnum ul{display:inline-block;}
.pnum li{display:inline-block;margin: 0 2px;}
.pnum span{background: #2ca6e0;display: inline-block;padding: 8px 14px;border-radius: 4px;color: #ffffff;margin: 0 4px;}
.pnum span em{font-style: inherit;color: #fff;}
.pnum a{color: #2ca6e0;padding: 8px 14px;border-radius: 4px;display: inline-flex;margin: 0 5px;background: #fff;margin-bottom: 10px;}
.pnum a:hover{background: #4e6ef2;color: #fff;}
.layui-box{float:left;}

/*right*/
.main-right{float: right;width: 300px;margin-top: 40px;}
.top_right{background: #fff;padding: 24px 20px 10px 20px;border-radius: 10px;float: left;}
.right_title{float: left;color: #fb7f0a;width: 100%;font-size: 15px;height: 24px;line-height: 24px;font-weight: 700;margin-bottom: 12px;}
.right_title h4{float: left;font-size: 16px;color: #333;padding-left: 6px;}
.right_title  em {float: left;border-radius: 100%;font-size: 20px;text-align: center;line-height: 26px;left: 0;top: 3px;background: url(/static/so/img/icon.png) -28px -50px no-repeat;width: 23px;height: 22px;}

.right_list li{float: left;line-height: 40px;height: 40px;width: 100%;overflow: hidden;word-break: keep-all;text-overflow: ellipsis;white-space: nowrap;}
.right_list li a{color: #4c4c4c;font-size: 15px;}
.right_list li a:hover{color: #2ca6e0;font-size: 15px;}
.right_list li span{margin-right: 10px;color: #a5a5a5;font-size: 14px;}
.right_list li code{font-size: 12px;float: left;background: #d4dcdc;color: #fff;display: inline-block;width: 16px;height: 16px;line-height: 16px;margin-top: 13px;margin-right: 5px;text-align: center;font-family: inherit;border-radius: 4px;}
.right_list  li:nth-child(1) code{background: #2ca6e0;}
.right_list  li:nth-child(2) code{background: #5eb938;}
.right_list  li:nth-child(3) code{background: #f4a43a;}


/*footer*/
.footer{width: 100%;padding: 10px 0;background: #1d2631;float: left;margin-top: 15px;border-top: 1px solid #e2e2e2;}
.footer p {float:left;width:100%;text-align: center;color: #b0b1b2;font-size: 12px;height: 28px;line-height: 28px;}
.footer p a:hover{text-decoration:none;}
.footer p a{color: #b0b1b2;font-size: 12px;}

input:focus{color:#333;}
/* top*/
#goTop{width: 36px;height: 36px;line-height: 36px;text-align: center;background: #19191959;position: fixed;bottom: 30px;right: 3%;cursor: pointer;font-size: 14px;color: #fff;}
#goTop:hover{background: #4e6ef2; color: white;}
#goTop:hover span{display: block;}
}