body { margin:0; padding:0; width:100%; color:#666; font:normal 12px/1.8em "Microsoft YaHei", Arial, Helvetica, sans-serif; background:#fff;}
html{ padding:0; margin:0;}
.fl{ float: left}
.logo{background: url(../images/logoxin.png?v=20251201160339) no-repeat; width:440px; height:44px; float:left; margin:25px 0 15px 25px;}

.header { margin:0; padding:0;}
.header_resize { margin:0 auto; padding:0; width:1100px; position:relative}

.header_resize h1 { margin:30px 0 15px 50px; font-weight:bold; font-size:30px; color:000;}
.top_line{width:10px; height:87px; background: url(../images/hbg.jpg?v=20251201160339) no-repeat; position:absolute; left:0; top:30px;}

/*================================ listnews ========================================*/
ul.li_title_date { margin:0; padding:0; list-style:none; }
ul.li_title_date li { margin:0; padding:5px 0; background: url(../images/icon.gif?v=20251201160339) no-repeat left 12px;}
ul.li_title_date li a{ font-size:14px; color:#666; text-decoration:none; padding-left:18px;}
ul.li_title_date li a:hover{ color:#f10601; text-decoration:none;}
ul.li_title_date li span { float:right; font-size:12px; color:#666;}

/*========================================= content ===============================*/

.content { margin:0; padding:0; margin:30px 0 50px 0;}
.content_resize { margin:0 auto; padding:20px; width:1100px; border:1px solid #d0d0d0;}

.article { padding:10px;}
.paging { margin:0 auto; padding:30px 0; text-align:center;}

.position { padding:0 0 10px 0; color:#454545; margin-top:10px; background: url(../images/l_line.jpg?v=20251201160339) bottom no-repeat; height:30px; line-height:30px;}
.position a{ color:#454545; text-decoration:none; padding:0; vertical-align:top;}
.position a:hover{ color:#47b8f4;}
.position .arrow { background: url(../images/i_arrow.png?v=20251201160339) no-repeat;width:27px; height:28px; padding-right:10px; display: inline-block; line-height:30px;}
.position .ch_left {float:left; width:30%; font-size:14px; margin-bottom:-20px;}
.position .wz_right { float:right; width:70%; text-align:right;}

.article #title{ font:bold 24px/1.6em "Microsoft YaHei",Arial, Helvetica, sans-serif; color:#333; text-align:center;}
.article .date{ border-top:1px dashed #a6a6a6;border-bottom:1px dashed #a6a6a6; height:48px; line-height:48px;margin:15px auto;text-align:center;font-size:14px;}
.article .date span{ margin:auto 10px; display:inline-block;}
.article .date span a{ color:red;}
.article .abstract{ background:#fafafa; line-height:24px;text-indent:2em; padding:10px; margin:10px auto; text-align:left;}
.editor{ float:right; font-size:12px; margin-bottom:30px; color:#232323;}
.article .keyword { color:#999;font-size:12px; line-height:20px; text-align:left; margin-left:20px; margin-top:40px; }
.pagecon{line-height:32px;text-align:left;overflow:hidden; color:#333; font-size:15px;}
.pagecon p{ margin:15px 0; color:#333; font-size:15px; line-height:32px;}
.imgcenter{text-align:center;}

/*导航*/
.navigation { margin:0; padding:0; }
.navigation-wapper { width:1100px; margin:0 auto; padding-left:22px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

#navmenu,#navmenu #menu-button,#navmenu ul,#navmenu ul li,#navmenu ul li a{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

#navmenu:after,#navmenu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#navmenu #menu-button{display:none}
#navmenu{width:1100px;font-family:'Open Sans',sans-serif;line-height:1;/*background:#fff; */margin:0 auto}
#menu-line{position:absolute;top:0;left:0;height:3px;/*background:#feab11;*/-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
#navmenu>ul>li{float:left;/* background:#035bb4;*/}
#navmenu.align-center>ul{font-size:0;text-align:center}
#navmenu.align-center>ul>li{display:inline-block;float:none}
#navmenu.align-center ul ul{text-align:left}
#navmenu.align-right>ul>li{float:right}
#navmenu.align-right ul ul{text-align:right}
#navmenu>ul>li>a{padding:15px 30px;text-align:center; font-size:16px;text-decoration:none;text-transform:uppercase;color:#000;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
#navmenu>ul>li.active>a,#navmenu>ul>li:hover>a{color:#fff; background:#c32428}

#navmenu>ul>li.has-sub>a{padding-right:25px}
/*#navmenu>ul>li.has-sub>a::after{position:absolute;top:21px;right:10px;width:4px;height:4px;border-bottom:1px solid #000;border-right:1px solid #000;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
#navmenu>ul>li.has-sub:hover>a::after{border-color:#009ae1}*/
#navmenu ul ul{position:absolute;left:-9999px;z-index:99;}
#navmenu li:hover>ul{left:auto}
#navmenu.align-right li:hover>ul{right:0}
#navmenu ul ul ul{margin-left:100%;top:0}
#navmenu.align-right ul ul ul{margin-left:0;margin-right:100%}
#navmenu ul ul li{height:0; -webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease}
#navmenu ul li:hover>ul>li{ height:40px;}

#navmenu ul ul li a{ padding:0 10px; width:120px;line-height:40px; border-top:1px solid #fff; text-align:center; font-size:14px;background:#dd171c;text-decoration:none;color:#fff;/*-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease*/ }
#navmenu ul ul li a:hover,#navmenu ul ul li:hover>a{color:#fff}
/*#navmenu ul ul li.has-sub>a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
#navmenu.align-right ul ul li.has-sub>a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #ddd;border-left:1px solid #ddd}*/
/*#navmenu ul ul li.has-sub:hover>a::after{border-color:#fff}*/



@media all and (max-width:768px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),only screen and (min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min-resolution:192dpi) and (max-width:1024px),only screen and (min-resolution:2dppx) and (max-width:1024px){
#navmenu{width:100%;position:relative; background:#b60005}
.open { background:#fafafa; position:relative;}
#navmenu ul{width:100%;display:none;}
#navmenu ul li:last-child{border-bottom:1px solid rgba(120,120,120,.15)}
#navmenu ul ul li:last-child{border:none}
#navmenu.align-center>ul,#navmenu.align-right ul ul{text-align:left}
#navmenu ul li,#navmenu ul li:hover>ul>li,#navmenu ul ul li{width:100%;height:auto;border-top:1px solid rgba(120,120,120,.15)}
#navmenu ul li a,#navmenu ul ul li a{width:100%; padding:20px 20px 20px 30px; font-size:14px; text-align:left;border:none;}
#navmenu.align-center>ul>li,#navmenu.align-right>ul>li,#navmenu>ul>li{float:none;display:block}
#navmenu ul ul li a{padding:0 20px 0 30px;font-size:12px;color:#000;background:#fff; }
#navmenu ul ul li a:hover,#navmenu ul ul li:hover>a{color:#000;background:#fafafa}
#navmenu>ul>li.active>a,#navmenu>ul>li:hover>a{color:#000; background:#fafafa}
#navmenu ul ul ul li a{padding-left:40px}
#navmenu ul ul,#navmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
#navmenu ul ul li.has-sub>a::after,#navmenu>ul>li.has-sub>a::after{display:none}
#menu-line{display:none}
#navmenu #menu-button{display:block;padding:24px;color:#fff;cursor:pointer;font-size:12px;text-transform:uppercase; width:22px; height:22px;}
#navmenu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#fff}
#navmenu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #fff;border-bottom:2px solid #fff}
#navmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,.15);height:52px;width:52px;cursor:pointer}
#navmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#000;z-index:99}
#navmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#000;z-index:99}
#navmenu .submenu-button.submenu-opened:after{display:none}

.content { margin:0;}
.content_resize { width:100%; margin-bottom:20px; padding:10px;border:none;}
.content_resize img { width:100%; height:auto;}
.article #title { font-size:20px;}
.pagecon p {line-height: 26px;}


.header {display:none}
.navigation-wapper { width:100%; padding:0;}

}


