﻿/* 代码初始化 */
div,form,ul,ol,li,dl,dt,dd,cite,p,input,img{ margin:0; padding:0; border:none; }
img{display:block;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight:normal; }
input,textarea,select{ font-size:12px; font-family:Microsoft Yahei; }
ol,ul,li{ list-style-type:none;}
/*a,a:visited{ color:#666; text-decoration:none; }
a:hover{ color:#666; text-decoration:underline; }*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { *+height:1%; }
body{ margin:0; padding:0; width:100%; height:auto; color:#666; font-size:16px; line-height:24px; font-family:Microsoft Yahei,SimSun,Arial, Helvetica, sans-serif; } 
:focus { outline: none; } 
.left{ float:left; }
.right{ float:right; }
.hide{ display:none; }
a{
	text-decoration:none;
}
.textcenter{ text-align:center; }
.overflow-ellipsis{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis; }
.inline{ display:inline-block; *display:inline; *zoom:1; }
i{ font-style:normal; }
.widthauto{ width:1200px; margin:0 auto; }


.container {
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.container .banner {
  width: 100%;
  height: 440px;
  background: url("http://www.gzkjdq.com/images/jx20180509banner.jpg") no-repeat center top;
  margin: 0 auto;
  overflow: hidden;
}

.container .banner img{
  width: 100%;
  height: 100%;
}

.container .conter {
  /*width: 980px;*/
  width: 1208px;
  background-color: #fff;
  margin: 0 auto;
}
.container .conter .citytitle {
  width: 100%;
  /*height: 255px;*/
  height: 411px;
  margin-top: 52px;
}
.container .conter .citytitle .slideBox {
  /*width: 340px;*/
  /*height: 255px;*/
  width: 628px;
  height: 411px;
  position: relative;
  float: left;
  overflow: hidden;
}
.container .conter .citytitle .slideBox .bannerLeft {
  /*width: 340px;*/
  /*height: 223px;*/
  width: 628px;
  height: 380px;
  position: absolute;
  margin-bottom: 23px;
}
.container .conter .citytitle .slideBox .bannerLeft li {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.container .conter .citytitle .slideBox .bannerLeft li img {
  width: 100%;
  height: 100%;
}
.container .conter .citytitle .slideBox .bannerLeft li .bannerTxt1 {
  /*width: 340px;*/
  width: 628px;
  height: 34px;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  bottom: 0;
  text-align: center;
}
.container .conter .citytitle .slideBox .bannerLeft li .bannerTxt1 p {
  font-size: 14px;
  line-height: 34px;
  color: #fff;
}
.container .conter .citytitle .titleRight {
  /*width: 600px;*/
  width: 560px;
  /*height: 255px;*/
  height: 410px;
  position: relative;
  float: left;
  margin-left: 20px;
}
.container .conter .citytitle .titleRight h2 {
  font-size: 24px;
  padding-bottom: 8px;
  line-height: 38px;
  color: #27367b;
  text-align: center;
}
.container .conter .citytitle .titleRight p {
  padding: 5px 10px;
  font-size: 16px;
  line-height: 26px;
  color: #27367b;
  text-indent: 2em;
}
.container .conter .citytitle .titleRight .title1 {
  /*width: 600px;*/
  width: 570px;
  height: 340px;
}
.container .conter .citytitle .titleRight .title1 li {
  /*width: 600px;*/
  width: 570px;
  height: 38px;
}
.container .conter .citytitle .titleRight .title1 li p {
  float: left;
  padding: 0;
  font-size: 20px;
  color: #393939;
  width:430px;
  height: 35px;
  overflow:hidden;
  line-height:38px;
}
.container .conter .citytitle .titleRight .title1 li p a{
  font-size: 20px;
  line-height: 30px;
  color: #393939;
}

.container .conter .citytitle .titleRight .title1 li span {
  width: 100px;
  display: inline-block;
  float: right;
  padding-right: 20px;
  text-align: right;
}
.container .conter .citytitle .titleRight .more{
  position: absolute;
  font-size: 14px;
  display: block;
  right: 14px;
  bottom: 0;
  color: red;
  font-weight: bold;
}
.container .conter .main {
  width: 100%;
  position: relative;
  top: 75px;
  /*width: 980px;*/
  width: 1208px;
  /*height: 535px;*/
  height: 660px;
  margin: 0 auto;
  background: url(jx201806281100.png) no-repeat;
  background-size: 100%;   
}

.container .conter .show {
  width: 160px;
  margin: 18px auto;
}
.container .conter .bannerDown {
  /*width: 980px;*/
  width: 1208px;
  height: 185px;
  position: relative;
  overflow: hidden;
}
.container .conter .bannerDown ul {
  width: 2000px;
}
.container .conter .bannerDown ul li {
  float: left;
  width: 218px;
  height: 185px;
  margin-left: 22px;
}
.container .conter .bannerDown ul li img {
  display: block;
}
.container .conter .bannerDown ul li p {
  text-align: center;
  font-size: 14px;
  line-height: 29px;
  color: #0b0b0b;
}
.container .conter .prev,
.container .conter .next {
  display: inline-block;
  width: 23px;
  font-size: 30px;
  font-weight: bold;
  line-height: 156px;
  background-color: #4147c4;
  position: relative;
  bottom: 186px;
  left: 0;
  color: #fff;
  float: left;
}
.container .conter .next {
  right: 0;
  float: right;
}
.container .conter .foot {
    margin: 0 auto;
    max-width: 1000px;
    height: 68px;
    line-height: 26px;
    font-family: "宋体";
    font-size: 14px;
    color: #323232;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 20px;
    margin-top: 13px;
    position: relative;
}
.container .conter .foot .foot2{
    width: 80px;
    height: 80px;
    position: absolute;
    left: 20px;
    top: 30px;
}
.container .conter .foot .foot3{
  width: 80px;
  height: 80px;
  position: absolute;
  right: 50px;
  top: 40px;
}