﻿﻿/* CSS Document */
*{padding:0;margin:0;box-sizing: border-box;}
body{ margin:0 auto;color:#333;font:14px/26px 'Microsoft YaHei',Arial,宋体,Tahoma,Sans-Serif; background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0; padding:0;}
ul,li,ol,dt,dd,dl,map,area{ margin:0; padding:0; border:none}
h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;} 
img,form{ border:none;margin:0;padding:0;vertical-align:bottom;}
ul,li,dl,dd,dt{list-style:none}
table{ table-layout:fixed; border-collapse:collapse;}
.fl{ float:left}
.fr{ float:right}
.cl{ clear:both; overflow:hidden}
.tc{ text-align:center}
.tl{ text-align:left}
.tr{ text-align:right}
.pr{ position:relative;}
.overh{overflow:hidden;}
.wapper{ white-space:nowrap; overflow:hidden}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/** html .clearfix { height: 1%;}*/
.clearfix {display: block;}
a{ color:#333; text-decoration:none;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;}
a:hover{ color:#000; text-decoration:none;}
.dispno{display:none;}
.dispblock{display:block;}
.z-in99{z-index:99;}
.z-in999{z-index:999;}
.z-in9999{z-index:9999;}
.z-in99999{z-index:99999;}
.ifmo_h{display:none;}
.ifpc_h{display:block;}
.w1600{margin-left: auto;margin-right: auto;}
.disflex{display: flex;}
.bg_white{background: rgba(255, 255, 255, 0.7);}
.bor_bm{border-bottom: 4px solid #e36567;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.pd20{padding: 20px;}

.hi_auto{padding-top: 20px;margin-bottom: 40%;}
.hilist_auto{margin-bottom: 40%;padding-top: 20px;}
.w-80a{width:90%;margin-left: auto;margin-right: auto;}
/*---------------------------------------------------------------*/
body{background-color: #f3f3f3}
.container_all{width: auto;margin-left: auto;margin-right: auto;}
.fan_header cite img{width: 100%;}
.fan_header i{display: block;text-align: center;}
.fan_header img.ifpc_h{width: 100%;max-width: 700px;margin: auto;}
.fan_header cite{display: block;text-align:right;width: 40%;float: right;}
.fan_header em{display: block;text-align: left;width: 40%;float: left;background: url(../images/back_h.svg) no-repeat left center;background-size: auto 100%;    padding-left: 32px;line-height: 32px;font-style: normal;}
.fan_header em a{width: 100%;height: 100%;display: block;color: #fff;}
.search_box{margin-left: auto;margin-right: auto;}
.search_init{display: flex;margin: auto;width: 90%;}
.search_init input{width: 60%;height: 50px;border: 1px solid #d5d5d5;background: #fff;outline:none;border-top-left-radius: 5px;border-bottom-left-radius: 5px;padding: 5px 15px;font-size:18px;}

.search_init button{width: 25%;height: 50px;border: 0;background: #ffae00 url(../images/icon_search.svg) no-repeat -8px top;color: #fff;font-size:18px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.search_init button.more_bt_sml{width: 80%;height: 40px;border-radius: 5px;}

.search_init span{width: 15%;color: #fff;text-align: right;margin-top: 11px;}
.search_init span a{border-bottom: 1px solid #fff;color: #fff;font-size:16px;}
.search_init span a:hover{color: #fff;}

.title_litop{background: #2353a4;color: #fff;display: inline-block;position: relative;padding: 6px 60px 6px 15px;font-size: 18px;border-top-right-radius: 8px;}
.title_litop cite{width:8px;height: 8px;display: block;position: absolute;right: 5px;top: 5px;border-radius: 4px;background: #fff;overflow: hidden;}
.title_litop i{width:0;height:0;border-bottom:10px solid #ffae00;border-left:10px solid transparent;position: absolute;right: 0;bottom: 0;}

.list_recomment{}
.list_recomment span{width: 5px;height: 5px;display:block;background: #104291;float: left;margin-top: 10px;margin-right: 10px;
transform:rotate(45deg);-ms-transform:rotate(45deg); 	/* IE 9 */-moz-transform:rotate(45deg); 	/* Firefox */-webkit-transform:rotate(45deg); /* Safari 和 Chrome */-o-transform:rotate(45deg);}
.list_recomment a{color: #333;font-size: 16px;line-height: 26px;position: relative;}
.list_recomment a:hover{color: #104291}

.search_some{width: 90%;padding-right: 0px;margin: -10px auto 0;}
.search_some .mo_flex{display: flex;margin-right: 30px;margin-bottom: 15px;width:100%;float: left;position: relative;}
.search_some span{width: 95px;display:inline-block;line-height: 40px;font-size: 16px;color: #fff;}
.search_some .mo_flex input{border:1px solid #d5d5d5;outline:none;border-radius:3px;padding: 5px 10px;font-size: 16px;height: 40px;width: 100%;}
.search_some .mo_flex cite{display: flex;flex: 1;line-height: 40px;font-style: normal;width:80%;color: #fff;position: relative;}
.search_some button{width: 18%;height: 46px;border: 0;background: #ffae00 url(../images/icon_search.svg) no-repeat -8px top;color: #fff;font-size:24px;border-radius: 3px;}
.search_some span a{border-bottom: 1px solid #fff;color: #fff;font-size: 16px;}
.more_link{margin-left: 40px;font-size: 16px;}

.list {z-index: 999;width: 240px;margin: 2px 0;padding: 0;border: 1px solid #ddd;display: none;position: absolute;left: 0;top: 40px;background: #fff; }
.list li {font-size: 18px;color: #333;list-style: none;cursor: pointer;padding: 0 10px;line-height: 50px;text-align: left;}
.list li.selected {background: #eee;}
.search_init span a.more_hide{color: #333;border-bottom: 1px solid #333;}


/*--------------列表页样式-------------------*/
.bg_list{background: url(../images/bg_list_head_sml.png) no-repeat center -50px;background-size: 100%;}
.bg_search{background: url(../images/bg_header_sm.png) no-repeat center -50px;background-size: 100%;}
.search_top{position: relative;z-index: 10;top: -15px;}
.gra_bd{clear: both;--gradient-start: #efefef;--gradient-start-text: '#efefef';--gradient-center: rgba(200,200,200,0.1);--gradient-center-text: '#f3f3f3';--gradient-end: rgba(255,255,255,0);--gradient-end-text: '#fff';}
.gra_qr{background: linear-gradient(90deg, var(--gradient-start), var(--gradient-center), var(--gradient-end));overflow: hidden;line-height: 38px;padding-left: 20px;color: #999;}
.list_news_bd{padding: 20px;}
.list_news_bd li{border-bottom: 1px dashed #d5d5d5;overflow: hidden;padding: 10px 0;background: url(../images/bg_list_hover.gif) no-repeat;background-size: 0% 100%;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;}
.list_news_bd li span{font-size: 16px;display: block;text-align: left;color: #898989;margin-right: 20px;padding: 6px 10px 3px;background: #1b4996;display: inline-block;color: #fff;}
.list_news_bd li span b{display: none;}
.list_news_bd li h3{font-size:20px;line-height: 40px;margin-bottom: 5px;margin-top: 6px;}
.list_news_bd li p{font-size: 14px;line-height: 22px;color: #8f8f8f;}
.list_news_bd li:hover{background: url(../images/bg_list_hover.gif) no-repeat;background-size: 100% 100%;}
.list_news_bd li:hover h3 a{color: #1b4996;}
.list_news_bd li h3 a:hover{color: #1b4996; }

/*-------------------内容---------------------*/
.view_navigation a{padding: 5px 10px;font-size: 16px;color: #898989;}
.view_navigation a:hover{background: #ccc;border-radius: 15px;}
.view_bd{padding: 40px 20px 10px 20px;}
.view_bd h1{font-size:24px;color: #333;text-align: center;padding-bottom: 30px;}
.view_bd h4{background: #ececec;display: flex;}
.view_bd h4 span{padding: 10px;font-size: 14px;color: #a5a5a5;width: 100%;}
.view_bd h4 cite{font-style: normal;background: #5b83bf;color: #fff;font-size: 14px;padding: 0 15px;
/*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;
}
.view_cont p{font-size: 16px;color: #333;line-height: 32px;margin-bottom: 10px;text-indent: 2em;}
.view_cont p img{margin-left: -2em;max-width: 100%;}
.view_cont{padding-bottom:20px;border-bottom: 1px solid #ccc;}

/*页尾*/

.footer{background:#eaeaea;text-align:center;color:#4a4949;padding:10px 0;font:12px/30px "微软雅黑";margin: 70px auto;width:100%;}
.footer a{color:#eaeaea;padding:0 10px;}
.footer a:hover{ text-decoration:underline;}
.footer span{white-space:nowrap;padding: 0 5px;}

/*-------高级搜索--------*/
.site-mobile-menu {
width: 300px;
position: fixed;
right: 0;
z-index: 2000;
padding-top: 20px;
background: #fff;
height: calc(100vh);
-webkit-transform: translateX(110%);
-ms-transform: translateX(110%);
transform: translateX(110%);
-webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
-webkit-transition: .3s all ease-in-out;
-o-transition: .3s all ease-in-out;
transition: .3s all ease-in-out; }
.site-mobile-menu:before {
content: "";
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 500%;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease;
background: rgba(0, 0, 0, 0.4);
opacity: 0;
visibility: hidden; }
.offcanvas-menu .site-mobile-menu {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%); }
.offcanvas-menu .site-mobile-menu:before {
opacity: 1;
visibility: visible; }
.site-mobile-menu .site-mobile-menu-header {
width: 100%;
float: left;
padding-left: 10px;
padding-right: 10px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
float: right;
margin-top: 8px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
font-size: 14px;
display: inline-block;
padding: 3px 15px;
background: #2353a4;
border-radius: 15px;
color: #fff;
cursor: pointer;
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease; }
.offcanvas-menu .site-wrap {
  height: 100%;
  width: 100%;
  z-index: 2; }
  .offcanvas-menu .site-wrap:before {
    opacity: 1;
    visibility: visible; }

.site-nav-wrap .mo_flex{margin-top: 10px;overflow: hidden;display: block;padding: 0 15px;display: flex;}
.site-nav-wrap .mo_btn{margin-top: 10px;overflow: hidden;display: block;padding: 0 15px;}
.site-nav-wrap .mo_flex span{font-size: 14px;width: 30%;float: left;line-height: 36px;}
.site-nav-wrap .mo_flex input{height: 36px;border: 1px solid #ccc;width: 100%;border-radius: 3px;padding: 0 5px;}
.site-nav-wrap .mo_flex cite{flex: 1;line-height: 36px;display: flex;font-style: normal;}
.site-nav-wrap .mo_btn button{width: 100%;height: 42px;border: 0;background: #ffae00 url(../images/icon_search.svg) no-repeat -8px top;color: #fff;font-size:20px;border-radius: 3px;margin-top: 30px;}
.site-nav-wrap .mo_btn span{margin-top: 40px;font-size: 18px;display: block;text-align: center;}
.site-nav-wrap .mo_btn span a{border-bottom: 1px solid #999;}

/* 小屏幕（平板，大于等于 768px） */
@media (min-width:768px) {
.search_init span a.more_hide{color: #fff;border-bottom: 1px solid #fff;}
.search_some{width: 100%;padding-right: 55px;margin: auto;}
.search_some .mo_flex{width: 30%;}
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width:992px) {
	.hi_auto{height: 760px;padding-top: 20px;margin-bottom:auto;}
	.hilist_auto{height: 520px;padding-top: 20px;margin-bottom: auto;}
	.w-80a{width: 70%;margin-left: auto;margin-right: auto;}
	.ifmo_h{display:block;}
	.ifpc_h{display:none;}
	.container_all{width: 1260px;margin-left: auto;margin-right: auto;}
	.fan_header cite{width: auto;}
	.fan_header img,.fan_header img{width: auto;margin: auto;}
	.search_init{display: flex;width: 910px;margin: auto;justify-content: center;}
	.search_init input{width: 70%;height: 60px;border: 1px solid #d5d5d5;background: #fff;outline:none;border-top-left-radius: 5px;border-bottom-left-radius: 5px;padding: 5px 15px;font-size: 20px;}

	.search_init button{width: 18%;height: 60px;border: 0;background: #ffae00 url(../images/icon_search.svg) no-repeat -8px top;color: #fff;font-size:24px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
	.search_init button.more_bt_sml{width: 30%;height: 45px;border-radius: 5px;}
	.search_init span{width: 12%;color: #fff;text-align: right;margin-top: 16px;}
	.title_litop{background: #2353a4;color: #fff;display: inline-block;position: relative;padding: 6px 60px 6px 15px;font-size: 20px;border-top-right-radius: 8px;}
	.title_litop cite{width:8px;height: 8px;display: block;position: absolute;right: 5px;top: 5px;border-radius: 4px;background: #fff;overflow: hidden;}
	.title_litop i{width:0;height:0;border-bottom:10px solid #ffae00;border-left:10px solid transparent;position: absolute;right: 0;bottom: 0;}

	.list_recomment{}
	.list_recomment span{width: 5px;height: 5px;display:block;background: #104291;float: left;margin-top: 10px;margin-right: 10px;
		transform:rotate(45deg);-ms-transform:rotate(45deg); 	/* IE 9 */-moz-transform:rotate(45deg); 	/* Firefox */-webkit-transform:rotate(45deg); /* Safari 和 Chrome */-o-transform:rotate(45deg);}
	.list_recomment a{color: #333;font-size: 18px;
	 white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;position: relative;}
	.list_recomment a:hover{color: #104291}
	.list_recomment a:before {
	content: "";position: absolute;width: 100%;height: 1px;bottom: 0;left: 0;background-color: #104291;visibility: hidden;-webkit-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);-webkit-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
	.list_recomment a:hover:before {visibility: visible;-webkit-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);}
	.footer{width: 60%;}
	.bg_list{background: url(../images/bg_list_head.png) no-repeat center top;}
	.bg_search{background: url(../images/bg_header.png) no-repeat center top;}
	.list_news_bd{padding: 30px;}
	.list_news_bd li{border-bottom: 1px dashed #d5d5d5;overflow: hidden;padding: 10px 0;background: url(../images/bg_list_hover.gif) no-repeat;background-size: 0% 100%;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;}
	.list_news_bd li span{font-size: 24px;width: 130px;display: block;border-right: 2px solid #d5d5d5;float: left;text-align: center;color: #898989;margin-right: 20px;background: none;padding: 0;}
	.list_news_bd li span b{font-size:72px;width: 100%;display: block;font-weight: 500;}
	.list_news_bd li h3{font-size: 24px;line-height: 40px;margin-bottom: 5px;margin-top: 6px;}
	.list_news_bd li p{font-size: 16px;line-height: 26px;color: #8f8f8f;}
	.list_news_bd li:hover{background: url(../images/bg_list_hover.gif) no-repeat;background-size: 100% 100%;}
	.list_news_bd li:hover h3 a{color: #1b4996;}
	.list_news_bd li h3 a:hover{color: #1b4996;}
	.gra_bd{clear: none;}

	.view_navigation a{padding: 5px 10px;font-size: 16px;color: #898989;}
	.view_navigation a:hover{background: #ccc;border-radius: 15px;}
	.view_bd{padding: 40px 40px 10px 40px;}
	.view_bd h1{font-size:40px;color: #333;text-align: center;padding-bottom: 30px;}
	.view_bd h4{background: #ececec;display: flex;}
	.view_bd h4 span{padding: 10px;font-size: 16px;color: #a5a5a5;width: 100%;}
	.view_bd h4 cite{font-style: normal;background: #5b83bf;color: #fff;font-size: 16px;padding: 0 15px; white-space: nowrap;
	/*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;
	}
	.view_cont p{font-size: 18px;color: #333;line-height: 40px;margin-bottom: 10px;text-indent: 2em;}
	.view_cont{padding-bottom: 40px;border-bottom: 1px solid #ccc;}
	.list {z-index: 999;width: 240px;margin: 2px 0;padding: 0;border: 1px solid #ddd;display: none;position: absolute;left: 0;top: 40px;background: #fff; }
	.list li {color: #333;list-style: none;cursor: pointer;padding: 0 10px;line-height: 30px;text-align: left;}
	.list li.selected {background: #eee;}
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width:1200px) {

}

/* 大屏幕（大桌面显示器，大于等于 1600px） */
@media (min-width:1600px) {
	.w1600{width: 1600px;}
}