﻿article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }
h1 { font-size: 2em; margin: 0.67em 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
li{ list-style:none;}
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }


body, html { font-size: 100%; padding: 0; margin: 0; }

/* Reset */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
body { background: #f9f7f6; color: #404d5b; font-weight: 500; font-size: 1.05em; font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; }
a { color: #2fa0ec; text-decoration: none; outline: none; }
a:hover, a:focus { color: #74777b; }
.htmleaf-container {margin: 0 auto;text-align: center;overflow: hidden;padding-top: 10px;}
.htmleaf-content { font-size: 150%; padding: 1em 0; }
.htmleaf-content h2 { margin: 0 0 2em; opacity: 0.1; }
.htmleaf-content p { margin: 1em 0; padding: 5em 0 0 0; font-size: 0.65em; }
.bgcolor-1 { background: #f0efee; }
.bgcolor-2 { background: #f9f9f9; }
.bgcolor-3 { background: #e8e8e8; }

/*light grey*/
.bgcolor-4 { background: #2f3238; color: #fff; }

/*Dark grey*/
.bgcolor-5 { background: #df6659; color: #521e18; }

/*pink1*/
.bgcolor-6 { background: #2fa8ec; }

/*sky blue*/
.bgcolor-7 { background: #d0d6d6; }

/*White tea*/
.bgcolor-8 { background: #3d4444; color: #fff; }

/*Dark grey2*/
.bgcolor-9 { background: #ef3f52; color: #fff; }

/*pink2*/
.bgcolor-10 { background: #64448f; color: #fff; }

/*Violet*/
.bgcolor-11 { background: #3755ad; color: #fff; }

/*dark blue*/
.bgcolor-12 { background: #3498DB; color: #fff; }

/*light blue*/

/* Header */
.htmleaf-header { padding: 1em 190px 1em; letter-spacing: -1px; text-align: center; }
.htmleaf-header h1 { font-weight: 600; font-size: 2em; line-height: 1; margin-bottom: 0; font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; }
.htmleaf-header h1 span { font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; display: block; font-size: 60%; font-weight: 400; padding: 0.8em 0 0.5em 0; color: #c3c8cd; }


.path { position:relative; max-width: 1180px; margin: 0 auto 0px auto; padding: 10px 0px 20px 20px; text-align: left; font-size: 14px; color: #999; /*background: url(../img/icons.png) no-repeat 2px -239px #fff; */ }
.endpic {display:none;}
.copyright { margin-top:20px; padding-top:20px; background: #8a9bc7;}
/*nav*/
.htmleaf-demo a { color: #1d7db1; text-decoration: none; }
.htmleaf-demo { width: 100%; padding-bottom: 1.2em; }
.htmleaf-demo a { display: inline-block; margin: 0.5em; padding: 0.6em 1em; border: 3px solid #1d7db1; font-weight: 700; }
.htmleaf-demo a:hover { opacity: 0.6; }
.htmleaf-demo a.current { background: #1d7db1; color: #fff; }

/* Top Navigation Style */
.htmleaf-links { position: relative; display: inline-block; white-space: nowrap; font-size: 1.5em; text-align: center; }
.htmleaf-links::after { position: absolute; top: 0; left: 50%; margin-left: -1px; width: 2px; height: 100%; background: #dbdbdb; content: ''; -webkit-transform: rotate3d(0, 0, 1, 22.5deg); transform: rotate3d(0, 0, 1, 22.5deg); }
.htmleaf-icon { display: inline-block; margin: 0.5em; padding: 0em 0; width: 1.5em; text-decoration: none; }
.htmleaf-icon span { display: none; }
.htmleaf-icon:before { margin: 0 5px; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-family: 'icomoon'; line-height: 1; speak: none; -webkit-font-smoothing: antialiased; }

/* list */

.pageTPList li { padding: 22px 15px; border-bottom: 1px solid #E1E1E1; overflow: hidden; }
.pageTPList .pic { float: left; margin-right: 15px; width: 200px; }
.pageTPList .pic img { width: 100%; height: auto; border-radius: 10px;}
.pageTPList .con { overflow: hidden; zoom: 1; }
.pageTPList .title {display:contents; font-size: 22px; line-height: 36px; overflow: hidden; margin-bottom: 10px; }
.pageTPList .intro { margin-bottom: 10px;margin-top:10px; line-height: 25px; color: #777; max-height: 50px; _height: 50px; overflow: hidden; font-size: 14px; }
.pageTPList .title a:hover { text-decoration: none; }
.pageTPList .intro .more { display: none; }
.pageTPList .others { font-size: 13px; color: #aaa; }
.pageTPList .others span { margin-right: 15px; float:right; }
.pageTPList .node { color: #aaa; margin-right: 15px; }
.pageTPList .last { border-bottom: 0; margin-bottom: 0; }
.pageTPList .on { background: #F9F9F9; }



/* footer */
.htmleaf-footer { width: 100%; padding-top: 10px; }
.htmleaf-small { font-size: 0.8em; }
.center { text-align: center; }

/****/
.related { color: #fff; background: #333; text-align: center; font-size: 1.25em; padding: 0.5em 0; overflow: hidden; }
.related > a { vertical-align: top; width: calc(100% - 20px); max-width: 340px; display: inline-block; text-align: center; margin: 20px 10px; padding: 25px; font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; }
.related a { display: inline-block; text-align: left; margin: 20px auto; padding: 10px 20px; opacity: 0.8; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; }
.related a:hover, .related a:active { opacity: 1; }
.related a img { max-width: 100%; opacity: 0.8; border-radius: 4px; }
.related a:hover img, .related a:active img { opacity: 1; }
.related h3 { font-family: "Microsoft YaHei", sans-serif; }
.related a h3 { font-weight: 300; margin-top: 0.15em; color: #fff; }

/* icomoon */
.icon-htmleaf-home-outline:before { content: "\e5000"; }
.icon-htmleaf-arrow-forward-outline:before { content: "\e5001"; }
@media screen and (max-width:50em) {
	.htmleaf-header { padding: 3em 10% 4em; }
	.htmleaf-header h1 { font-size: 2em; }
}
@media screen and (max-width:40em) {
	.htmleaf-header h1 { font-size: 1.5em; }
}
@media screen and (max-width:30em) {
	.htmleaf-header h1 { font-size: 1.2em; }
}


* { margin: 0; padding: 0; }
body { font-family: sans-serif;  background: #f0f0f0; color: #505050; font-size:14px; }
a { text-decoration: none; color: black; }
.article { display: block; margin: 0 0 30px 0; padding: 12px; background: white; border-radius: 3px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); transition: all 220ms; }
.article:hover { box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1); transform: translateY(-5px); transition: all 220ms; }
.article img {display: block;width: 100%;margin: 0 0 15px 0;}
.article h2 { text-align: center; font-size: 14px; text-transform: uppercase; margin: 0 0 12px 0; }
.wall { display: block; position: relative; }
.wall-column { display: block; position: relative;  /*width: 33.333333%;*/ width: 25%; float: left; padding: 0 12px; box-sizing: border-box; }
@media (max-width:640px) {
  .wall-column { width: 50%; }
}
@media (max-width:480px) {
  .wall-column { width: auto; float: none; }
}

.main{ position: relative; width:1200px;  margin:0 auto}
.header{height: 510px;/*background:url(../img/banner.jpg) no-repeat top center;margin-bottom: 30px;*/min-width: 1200px;background-size:100% 100%;}
.top{height:500px;width: 1200px;margin: 0 auto;}
.top .rhome{ display:block; float:left; height:30px; line-height:30px; padding:0 10px; font-size:12px; border-radius:0 0 3px 3px; margin-left:30px;}
.top .rhome:hover{ opacity:0.8;}
.nav{width:100%;background:#fff;}
.nav ul{text-align:center;}
.nav ul li{display:inline-block;margin: 0 5px;height:50px;line-height:50px;float:left;}
.nav .li1.hasUl1.on1{margin:0 1px;}
.nav ul li a{padding:0 10px;font-size: 18px;}
.nav ul li.on{ border-bottom:5px solid #c00;font-weight: bold;}
.nav ul .ul1{ display:none;}
.nav .li1.first1 {
    display: none;
}
.nav ul li a.a2 {
	font-size:10px;
    color: red;
    display: block;
    border-bottom: solid 1px #f2f2f2;
    padding: 5px 20px;
    line-height: 1.8;
    text-align: left;
    font-weight: normal;
    white-space: nowrap;
    vertical-align: top;
  }

#content{ position: relative; width:1200px; margin:0 auto}
.footer{text-align:center;padding:30px 0;background:#fff;margin-top: 30px;line-height:24px;font-size:12px;min-width: 1200px;}
.pics {text-align:center;padding:20px 0}

/* 序言 */
.xyLink{position:absolute;left: -66px;top: 29px;box-sizing:content-box;}
.xyLink a{display:block;font-size:24px;font-weight:bold;text-align:center;width:36px; line-height:36px; background:#c7343e; color:#fff; padding: 16px 10px;box-sizing:content-box; border-radius:5px; box-shadow:0px 0px 3px 0px rgb(0 0 0 / 48%)}



/* 文章内容页 -----------------------------------------*/
.articleCon {text-align: left;padding: 80px 120px 30px 120px;background:#fff;border-radius:5px;}
.printArea .title { font-size: 18px; line-height: 1.5; text-align: center; margin-bottom: 30px;font-weight:bold; }
.printArea .subTitle { font-size: 20px; color: #555; text-align: center; margin-bottom: 20px; }
.printArea .property {font-size: 14px;margin-bottom: 20px;padding: 6px 10px;text-align: center;color: #777;border-bottom: 1px dashed #ddd;}
.printArea .property span { padding: 0 5px; }
.printArea .conTxt {color: #333;font-size: 16px;line-height: 2;overflow: hidden;}
.printArea .conTxt img { max-width: 800px; height: auto !important; }
.printArea .conTxt p { margin-bottom: 20px; }
.printArea .conTxt a { color: blue; text-decoration: underline; }
.printArea .conTxt em { font-style: italic; }
.printArea .conTxt ul, .printArea .conTxt ol { padding-left: 2em; }
.printArea .conTxt ul li { zoom: normal; list-style: square; text-indent: 0 !important; }
.printArea .conTxt ol li { zoom: normal; list-style: decimal; text-indent: 0 !important; }
.printArea .conTxt h1 { font-size: 2em; margin: .67em 0; }
.printArea .conTxt h2 { font-size: 1.5em; margin: .75em 0; }
.printArea .conTxt h3 { font-size: 1.17em; margin: .83em 0; }
.printArea .conTxt h5 { font-size: .83em; margin: 1.5em 0; }
.printArea .conTxt h6 { font-size: .75em; margin: 1.67em 0; }
.printArea .conTxt h1, .printArea .conTxt h2, .printArea .conTxt h3, .printArea .conTxt h4, .printArea .conTxt h5, .printArea .conTxt h6, .printArea .conTxt b, .printArea .conTxt strong { font-weight: bolder; }
.printArea .vedioPlayer {position: relative;z-index: 1500;/* background: #000; */width: 800px;text-align: center;margin: 20px auto;}
.userControl { font-size: 14px; border-bottom: 1px solid #ddd; overflow: hidden; text-align: left; margin-bottom: 20px; padding: 10px 0; }
.userControl .a { color: #777; margin: 10px 10px 0 0; float: left; }
.userControl .bdsharebuttonbox { float: right; }
.page { padding: 10px 0; text-align: center; overflow: hidden; }
.others { margin-bottom: 15px; }
.others .prev, .articleCon .others .next { padding: 5px 0; }

.contp .main{background:#fff;border-radius:5px;}
 
.pageQy .title { font-size: 28px;  line-height: 1.5; text-align: center;  margin-bottom: 30px;  font-weight: bold; letter-spacing:22px; }

/* 图片-列表页 ----------------------------------------- */
.picPageList { margin-right: -3%; overflow: hidden; text-align: center; }
.picPageList li {border: 1px solid #ddd;float: left;width: 23%;margin: 1.5% 1.7% 1% 0; *display: inline;position: relative;background: #fff;overflow: hidden;height: 261px;border-radius:6px;}
.picPageList .pic { margin: 3%; }
.picPageList .pic img { height: 192px; width: 100%; }
.picPageList .title, .picPageList .titleBg { position: absolute; bottom: 0; left: 0; width: 94%; margin: 3%; display: block; overflow: hidden; line-height: 28px; padding: 5px 0; height: 40px; z-index: 3; color: #fff; -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms; }
.picPageList .titleBg {/* background: #000; */filter: alpha(opacity=60);opacity: 0.6;z-index: 2;}
.picPageList .title a {color: #3d4444;padding: 0 10px;display: block;font-size: 14px;}
.picPageList li:hover { border-color: #bbb; -webkit-box-shadow: #eee 2px 2px 0; -moz-box-shadow: #eee 2px 2px 0; box-shadow: #eee 2px 2px 0; }
.picPageList li:hover .title, .picPageList li:hover .titleBg { }

.swp-intro{ margin-top:60px; margin-bottom:30px;}
.swp-intro-title{ margin-bottom:30px;}
.swpl-btn {width: 30px !important;}
.current .swp-img img{max-width:1120px; height:auto !important}


.swp-hd {
    width: 920px;
    padding: 50px 20px;
}
h2 {
    text-align: center;
}
.swp-tit {
    display: grid;
    text-align: center;
    padding-bottom: 50px;
}
#footer .copyRight{
    margin-top: 20px;
    padding-top: 20px;
    background: #8a9bc7;
    color:#666;
}
#footer .copyRight a{
	color:#666;
}
.mainNav {
    display:inline-block;
}

.hxlogo {

     background: #f5f5f5;
    line-height:70px;
    font-size:28px;
    font-weight:bold;
}
.hxlogo img{
	padding-right:10px;
    padding-bottom:8px;
    width:50px;
    vertical-align: middle;
}
.hxlogo a{
	color:#666;
 	 padding-left:10%;
    
}

.hxwebnav{
	height:90px;
            background:linear-gradient(180deg, rgba(222, 222, 222, 1) 0%,rgba(255, 255, 255, 1) 50%);
            background:-webkit-linear-gradient(180deg, rgba(222, 222, 222, 1) 0%,rgba(255, 255, 255, 1) 50%);
            background:-moz-linear-gradient(180deg, rgba(222, 222, 222, 1) 0%,rgba(255, 255, 255, 1) 50%);
            background:-ms-linear-gradient(180deg, rgba(222, 222, 222, 1) 0%,rgba(255, 255, 255, 1) 50%);
            background:-o-linear-gradient(180deg, rgba(222, 222, 222, 1) 0%,rgba(255, 255, 255, 1) 50%);
            background:linear-gradient(180deg, rgba(222, 222, 222, 1) 0%,rgba(255, 255, 255, 1) 50%);
}

.hxnav{
  
}
.hxnav ul{
    text-align:center;
    display:flex;
    font-size:20px;
    margin:0 auto;
    
}

.hxnav ul li{
    padding: 20px 20px;
}
.hxnav ul .ul1{ 
    position:relative;
    z-index:20;
    width:auto;
    display:none;  
    margin-top:15px;
    background: rgb(255 248 220 / 86%);
   
}
.hxnav ul .ul2{ 
    width:0px;
    display:none;
    padding:0 0;
    margin:5px;
}

.hxnav ul li a.a2 {
	font-size:10px;
    color: #666;
    display: block;
    border-bottom: solid 1px #f2f2f2;
    padding: 5px 0px;
    line-height: 1.8;
    text-align: left;
    font-weight: normal;
    white-space: nowrap;
    vertical-align: top;
  }
.hxnav ul li .li2 {
		width:auto;
        padding:5px 20px;
  }
.hxnav .li1.first1 {
	padding-top:12px;
    margin-right:20px;
    font-size:30px;
    
}
.hxnav .li1.first1 a {    
    
    font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
    color: #b7a56e;
    -webkit-text-stroke: 1px #f1dc56de;
    letter-spacing:5px;
}


/*图片轮播*/
      .swiper { width: 100%; height: 100%;   }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        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;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }


      .swiper {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
      }

      .swiper-slide {
        background-size: cover;
        background-position: center;
      }

      .mySwiper2 {
        height: 80%;
        width: 100%;
      }

      .mySwiper {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
      }

      .mySwiper .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
      }

      .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

/* 焦点图切换-广告 */
.slideBoxjr {
    overflow: hidden;
    position: relative;
    height:550px;
}
.slideBoxjr .hd {
    position:absolute;
    right:20px;
    bottom:70px;
    height:12px;
    overflow:hidden;
    width: 500px;
    margin: auto;
}
.slideBoxjr .hd ul li {
    font-size: 0;
    line-height:100px;
    display:inline-block;
    *display:inline;
    zoom:1;
    vertical-align:top;
    margin: 0 2px;
    width: 12px;
    height: 12px;
    background: #fff;
    cursor: pointer;
}
.slideBoxjr .hd ul li.on {
    background: #b90000;
}
.slideBoxjr .bd {
    position: relative;
    z-index: 0;
}
.slideBoxjr .bd .pic img{
    height:500px;
    width:100%
}
.slideBoxjr .bd .con {
    display: none;
}

/*信访调整*/
#notice .center1 {height: 40px;text-align: center;padding-top: 50px;}
#notice .info {font-size: 14px;line-height: 28px;height: 325px;overflow-y: auto;background: #ffffff;}
.onlineplForm .hd1 {height: 40px; width: 40%;margin: 0 auto; margin-top: 50px;}
.onlineplForm .hd1 h3 { width: 138px; float: left; *display: inline; text-align: center; height: 40px; line-height: 40px;    /* background: #14549d; */ color: #14549d; font-size: 16px; font-weight: bold; }
.onlineplForm .hd1 .tips { float: left; *display: inline; padding-left: 20px; height: 40px; line-height: 40px; color: #14549d; font-size: 12px; }

/*在线预约*/

.description {
    font-size: 12px;
    color: #777777bd;
    margin-left: 25px;
    margin-top: 10px;
}
#FormBox .code span.fl {
    float: left;
}

#FormBox .code input {
    float: left;
}
.side {margin-top:60px;width: 260px;overflow: hidden;float: left;position: relative;line-height:50px;font-size:20px;font-weight:bold}

#FormBox, .Form_Box {
    position: relative;
    width: 800px;
    display: inline-block;
    padding-left:100px;
}

.menuList li {
    background: #f1d179;
    margin-bottom: 15px;
    margin-right: 30px;
    text-align: center;
}
#FormBox .property {
	display:none;
}
