* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,
fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
li{list-style:none;text-align:left;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
abbr[title]{border-bottom:1px dotted;cursor:help;}
address,cite,dfn,em,var{font-style:normal;}
button,input,select,textarea{font-size:100%;}

html,body{
	
}

body{font-size:12px '\5fae\8f6f\96c5\9ed1',SimSun,Arial,Tahoma,Helvetica,san-serif;}
body
{
	background: #FFF;
	text-align: center;
	font-family: '\5fae\8f6f\96c5\9ed1';
}
p
{
	text-align: left;
	text-indent: 38px;
	text-align: justify;
	text-justify: distribute;
}

/*li span
{
	margin-top: 1px;
	display: block;
	width: 100%;
	float: left;
}*/
a{text-decoration:none;color:#000}
a:hover{color:#3a849b}
/*a,span{display:inline-block;}*/
img,input{margin:0;padding:0;border:none}
li,ol,ul{list-style:none}
button,input[type=button]{cursor:pointer}
input{outline:0;background:0 0}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:''}
.clearfix{*zoom:1}
.buding
{
	width: 100%;
	height: 10px;
	overflow: hidden;
	clear: both;
}
#bottom
{
	width: 100%;
	max-width: 960px;
	
	line-height: 30px;
	color: #000;
	padding-top: 15px;
	background: none;
	clear: both;
	margin: 0 auto;
}
#bottom a,
#bottom a:link,
#bottom a:visited,
#bottom a:hover,
#bottom a:active
{
	color: #000;
}
.moreright1
{
	color: #FF1515;
	float: right;
}
.moreright1 a,
.moreright1 a:link,
.moreright1 a:visited,
.moreright1 a:hover,
.moreright1 a:active
{
	color: #FF1515;
}

.fl
{
	float: left;
}
.fr
{
	float: right;
}

.bor
{
	border: 1px solid #D7D7D7;
}
/*general end*/
/*particular*/
.space01{
	height: 10px;
	font: 0px/0px SimSun;
	clear: both;	
}
.line01{
	height: 15px;
	margin-bottom: 15px;
	font: 0px/0px SimSun;
	border-bottom: 1px dotted #CCCCCC;	
	clear: both;
}
.line02{
	height: 25px;
	margin-bottom: 25px;
	font: 0px/0px SimSun;
	border-bottom: 1px dashed #CCCCCC;	
	clear: both;
}

.gray{
	color: #7d7d7d;
}
.white{
	color: white;
}
.white a{
	color: white;
}
.font12{
	font: 12px/24px '\5b8b\4f53';
}
.font14{
	font: 14px/24px '\5b8b\4f53';	
}
h1{
	line-height: 30px;		
}
.fwb{
	font-weight: bolder;
}
.ohd{
	overflow: hidden;
}
.dbk{
	display: block;
}
.pd10{
	padding: 10px;
}
.w958{
	width: 958px;
	margin: 0 auto;
}
.w96{
	width: 960px;
	margin: 0 auto;
}
.w94{
	width: 940px;
	margin: 0 auto;
}
.w124{
	width: 1240px;
	margin: 0 auto;
}
.list01 li{
	font: 14px/24px '\5b8b\4f53';
}
.col1{
	color: #8f8f8f;
}
.vs{
	font-family: '\5fae\8f6f\96c5\9ed1';	
}

.tit1{
	height: 33px;
	background: url(../images/tit5.jpg) no-repeat top left;
}
.ht{
	font-family: '\9ed1\4f53';
}
.yh{
	font-family: '\5fae\8f6f\96c5\9ed1';
}
.re{
	position: relative;
}
.re span{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: white;
	background-color: black;
	filter: alpha(opacity=70);
	opacity: 0.7;	
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	font-size: 16px;
}
.re span a{
	color: white!important;
}


.w1{

}
.tit .more{
	margin: 10px 0 0;
}
.top1{
	width: 100%;
	
}
.top2{
 display: none;

}
.top3{
	width: 100%;
	font-size: 0;
	background:url(../images/zjjdtop2.png) no-repeat top center;
	height: 392px;
	overflow: hidden;
}
.bg3{}
.topjd{ width: 100%; margin: 307px auto 0px; max-width: 1200px; text-align: left; }
.vedibox{ width: 710px; height: 430px; border: 10px solid #cba36b ;margin: 0px auto; }
.vedibox img{width: 690px; height: 410px;}
.bg4{ background:url(../images/fgl.png) no-repeat top center;  overflow: hidden; width: 100%; height: 239px; }
.fg{ width: 100%; max-width: 880px; margin: 0px auto; font-size: 20px; color: #fff; line-height: 36px; padding-top: 80px;  text-align: left;}
.bg1{ background: #faf7f1; padding-top: 20px; overflow: hidden;}
.lyr1{ width: 575px; overflow: hidden;  background:url(../images/cetit.png) no-repeat top left;   margin: 0px auto;  }
.lyr11{ color: #fff;font-size: 20px; font-weight: bold; line-height: 30px; width: 370px; padding: 10px 0px 10px 10px; float: left; text-align: left; }
.lyr11 a{ color: #fff }
.lyr11 a:hover{color: #fff }
.lyr12{ font-size: 19px; color: #000;  float: left; font-weight: bold; line-height: 40px; width: 190px; height: 63px; margin-top: 40px;  }
.lyr13{ font-size: 18px; color: #000; line-height: 41px; text-align: left;  width: 690px; overflow: hidden;  margin: 0px auto 20px;  }
.lyr14{width: 800px; margin:10px auto 30px; text-align: left;  font-size: 18px; color: #fff; line-height: 40px; font-weight: bold; }
.bg2{ background:url(../images/lyr3.png) no-repeat top center; padding-top: 10px; overflow: hidden; width: 100%}
.lyr2{ background: #fafafa; width: 100%; overflow: hidden; max-width: 1200px; padding: 20px 0px; margin: 0px auto 40px }
.lyr21{ font-size: 20px; overflow: hidden; color: #cba36b; font-weight: bold;  text-align: left; line-height: 40px; width: 740px; margin: 0px auto }
.lyr21 p{ margin: 0px auto; padding: 40px 50px 0px; }
.lyr21:before{ content: ""; background:url(../images/leftin.png) no-repeat top left; padding-left: 40px; float: left;  width: 50px; height: 50px; display: block;  }
.lyr21:after{ content: ""; background:url(../images/rightin.png) no-repeat bottom right; float: right;  padding-right: 40px;  width: 50px; height: 50px;display: block;}
.lyr22{width: 900px; margin: 0px auto; color: #4a4a4a;}
.space{ width: 100%; clear: both;}
.space2{ width: 100%; clear: both;  height:60px; }
.space3{ width: 100%; clear: both;  height:30px; }


.lyr31{ width: 690px; height: 410px; float: left; overflow: hidden; }
.lyr31 img{ width: 690px; height: 410px }
.lyr32{ width: 492px; margin-top: 50px; float: right;background:url(../images/jdbg.png) no-repeat top; min-height: 360px }
.lyr321{ width: 320px; height: 65px; overflow: hidden; float: left; font-size: 20px; font-weight: bold; color: #fff; line-height: 30px;text-align: left; padding:5px 0px 0px 15px }
.lyr321 a{ color: #fff;  }
.lyr322{ float: right; font-size:19px; width: 200px; }
.lyr323{ width: 460px; padding: 15px;  font-size: 18px; float: 
left; line-height: 38px; clear: both; text-align: left; }
.layertpl{ width: 560px; height: 330px; border: 2px solid #fff; float: left; }
.layertpr{ width: 600px; float: right; color: #fff;text-align: left; font-family: '\5fae\8f6f\96c5\9ed1';}
.layertpr h2{ font-size: 35px; line-height: 48px; font-weight: normal;  }
.layertpr h3{ font-size: 30px;font-weight: normal;font-family: '\9ed1\4f53'; }
.layertpr h4{ font-size: 21px;font-weight: normal;font-family: '\9ed1\4f53'; line-height: 30px; text-align: justify; }
.topm{ display: none; }
.layert,.layertp{ width: 100%; max-width: 1200px; margin: 20px auto }

.layert2{ width: 100%; max-width: 1200px; margin: 20px auto }
.topchar{ font-size: 20px; color: #fff;  text-align: left; line-height: 38px; width: 900px; margin: 0px auto }
.layergd{background: #fafafa; width: 100%;  max-width: 1200px; margin: 40px auto; padding: 10px 5%; }
.layergd p,.topchar p
{
	text-align: left;
	text-indent: 38px;
	text-align: justify;
	text-justify: distribute;
	margin-bottom: 20px
	no-repeat
}

.layertit{font-family: '\5fae\8f6f\96c5\9ed1'; color:#000; text-align:justify; font-size: 36px; line-height: 48px; width: 100%;font-family: '\9ed1\4f53';  }
.layertit:before {
	content:"" ;
    background: url(../images/l1.png) no-repeat;
    display: inline-block;
    width: 46px;
    height: 35px;
   
    overflow: hidden;
}

.layertit:after {
	content:"" ;
    background: url(../images/r1.png) no-repeat;
    display: inline-block;
    width: 46px;
    height: 35px;
    overflow: hidden;
   
}
.layerved{ width: 100%; max-width: 640px; margin: 40px auto }
.layerchar{ line-height: 36px; font-size: 18px; text-align: left; }


/*----5.3 17add---*/
.picul{ width: 100%; clear: both; }
.picul li{ float: left; position: relative; margin-right: 20px; }
.picul li:nth-child(4n){ float: right; margin-right: 0px;}
.picul li span{ 	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: white;
	background-color: black;
	filter: alpha(opacity=70);
	opacity: 0.7;	
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	font-size: 16px;}
.picul li span a{ color: #fff }


.vedis{ width: 1000px; }
.main{
	width: 100%;
	max-width: 1200px;
	margin: 0px auto 0;
	padding: 10px 0px;		
}

.lywq{ width: 100%; clear: both; overflow: hidden; background: #f8f8f8  }
.lywq1{ width:100%;   }
.lywq11{width: 560px; float: left; margin:35px 0px;  text-align: left;}
.lywq11:nth-child(2n){ float: right; }

.lywq111{ width: 275px; height: 380px; float: left; position: relative; overflow: hidden;}
.lywq1111{  width: 275px; height: 300px;  text-align: left;}
.lywq1112{ width: 100%; font-size: 18px; padding:0px 20px; 
	background: #fff;
	height: 80px;display: flex;
 align-items: left;
justify-content: center;
flex-direction: column;}
.lywq1112 span{ display: table-cell;
        vertical-align:middle;}
.lywq111:hover .lywq1113{ display: block; }
.lywq1113{ display: none; position: absolute;width: 275px; z-index: 100; height: 380px; padding: 20px;  text-align: left; background: #b39263; top: 0px ;left: 0px; color: #fff  }
.lywq1113 h3{ font-size: 25px; clear: both; margin-bottom: 5px; line-height: 50px }
.lywq1113 p{ line-height: 30px; font-size: 16px;text-indent: 38px;}

.lywq112{ width: 265px; float: right; padding: 80px 10px 20px; line-height: 36px; color: #2f2f2f; font-size: 18px; }
.lywq112 p{ width: 95%; margin: 0px auto; display: inline; }
.lywq112 p a{ display: inline; }
.lywq112 a{ display: inline; }


.fg p,.lywq112 p,.lyr14 p,.lyr21 p{
    text-align: left;
    text-indent: 38px;
    text-align: justify;
    text-justify: distribute;
}

.swiper-button-nextcy, .swiper-button-precy{
    position: absolute;
    bottom: 1%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a9a9a9;
    background: #ffffff;
    width: 25px; height: 25px;
    padding: 5px;
}
.swiper-button-nextcy{ right: 40% }
.swiper-button-precy {left: 40%}
.swiper-button-nextcy:after {
    content: 'next';
  

}
.swiper-button-precy:after{
    content: 'prev';
}

.swiper-button-nextcy:after, .swiper-button-precy:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}
 .swiper-container {
      width: 100%;
      max-width: 1200px;
      height: 1000px;
      margin: 0px auto
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      /* 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-pagination{ font-size: 20px; color: #666666; }
@media screen and (max-width: 768px){
	.top{  }
	.top1 { height: auto; background:none; padding-top: 0px }
	.top3 { height: auto; background:none; padding-top: 0px }
	.topjd{ margin: 0px auto }
	.topjd img{ width: 50% }
.top2{ display: block; }
.top2 img{ width: 100% }
.lyr1,.lyr11,.lyr12,.lyr13,.lyr14,.lyr21,.lyr22,.lyr31,.lyr32,.lyr321,.lyr322,.lyr323,.fg{ width: 98%; padding: 1% }
.lyr31{ height: auto; }

.lyr11{ font-size: 24px; height: 70px; }
.lyr12{ margin-top: 10px; text-align: left; }
.lyr31 img{ width: 100% }
.lyr322{ text-align: right; }
.lywq{ background: #fff;}
.lywq11,.lywq111,.lywq112,.lywq113{width: 100%; }
.lywq11{ margin-bottom: 40px }
.lywq112{ padding-top: 10px }
.lywq11:nth-child(2n){ float: left; }
.vedibox{ width: 98%; padding: 1%; height: auto; }
.vedibox img{ width: 100% }
.bg4,.bg2{ background: #cba36b; width: 100%; height: auto; overflow: hidden; }
.lyr32{ margin-top: 10px }
.lywq111{ width: 100%; text-align: center; }
.lywq1111{ margin:0px auto; }
.lywq1112{width: 100%;}

.lywq1113{ width: 100% }
.lywq112{ background: #d5e7fa}

	.layertpl{ width: 90%; height: auto; border: none;  padding: 0px 5%; margin: 20px auto; float: none}
	.layertpr{width: 90%; padding: 0px 5%;margin: 0px auto; float: none; }
	.topm{ display: block;  width: 100%}
	.topm img{ width: 100%; }
	.layert img{ width: 100%;}
	.mfix{
		width: 100%;
	}
	.space2{ display: none; }
	.layert2{ overflow: hidden; width: 100% }
	.layert2 img{ width: 130%;  }
	.topchar{width: 100%; padding:2% 10% ; background: #063988; line-height: 22px; margin-bottom: 20px; font-size: 14px}
	.topchar p{ margin-bottom: 0px }
	.layertit{ font-size: 22px; }
	.layertpr h2 { font-size: 22px; }
	.layertpr h3 { font-size: 16px; line-height: 28px }
	.layertpr h4 { font-size: 16px; line-height: 28px }
	.layergd{ margin-top: 0px; }
.layerchar iframe{ height: 300px; }
.vedis{  width: 100%; }
.swiper-container {
      width: 100%;
    
      height: 2550px;
      margin: 0px auto
    }
    .swiper-button-nextcy{ right: 10% }
.swiper-button-precy {left: 10%}
.swiper-pagination{color:#a9a9a9}
}