@charset "utf-8";

body {min-width: 1329px;}
.hide{
    display: none;
}
.body-div {
    /*background: url(../../images/front/bg.jpg) top center no-repeat;*/
    overflow: hidden;
}

.body-m {
    width: 1204px;
    margin: 0 auto;
    overflow: hidden;
}

.top {
    height: 84px;
    background: #fff;
    overflow:  hidden;
}
.top {
    height: 109px;
    background: #f4f4f4;
    overflow:  hidden;
}
.top>div{
    width: 1329px;
    margin: 0 auto;
    padding-top: 8px;
}
.logo {
    /* margin-left: 110px; */
    display: inline-block;
}

.nav {
    text-align: center;
    float: right;
    margin-top: 32px;
    font-size: 0;
}
.nav li:first-child{
    margin-left:0;
}
.nav li {
    height: 40px;
    line-height: 50px;
    font-size: 18px;
    display: inline-block;
    margin-left: 35px;
    position: relative;
}


.nav li a {}

.nav li.on,
.nav li:hover {
}

.nav li.on:after, .nav li:hover:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    height: 7px;
    background: #c6a063;

}
.banner{
    
    background: #ccc;
    position:  relative;
    padding-top: 41.66666667%
}
.banner .swiper-container{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.banner .swiper-container .swiper-pagination-bullet{
    width:  40px;
    height:  7px;
    background:  #818181;
    border-radius: 0;
    opacity: 1;
}
.banner .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #ffb238;
}
.suspend{
    width: 1100px;
    height:  457px;
    background:  url(../../images/front/logobg.png) top right no-repeat;
    position:  absolute;
    top: 240px;
    z-index: 2;
    left:  50%;
    margin-left: -960px;
}
.suspend img{
    float:  right;
    margin-top: 77px;
    margin-right: 200px;
}
.content {
    font-size: 0;
}
.cont{
    width:  1329px;
    margin: 0 auto;
    padding: 25px;
}
.cont-t{
    position: relative;
    text-align:  center;
    height:  1px;
    /* background:  #cbcbcb; */
    margin: 24px 0;
    margin-top: 50px;
}
.cont-t:after{
    content:'';
    display:block;
    height: 1px;
    background: #cbcbcb;
    width: 405px;
    position: absolute;
    right: 0;
    top: 0;
}
.cont-t:before{
    content:'';
    display:block;
    height: 1px;
    background: #cbcbcb;
    width: 405px;
    position: absolute;
    l: 0;
    top: 0;
}
.cont-t img{
    display:  inline-block;
    margin-top: -33px;
    /* background:  #fff; */
    padding: 0 20px;
}
.cont-m{
    margin-top: 55px;
}
.imgul{
    font-size: 0;
}
.imgul li{
    display:  inline-block;
    width:  297px;
    height: 300px;
    border-radius:  5px;
    margin-right: 30px;
    background: #fff;
    margin-bottom: 45px;
}
.imgul li:after{
    content:'';
    display:block;
    width:  297px;
    height: 45px;
    background:  url(../../images/front/shadow_01.png) top center no-repeat;
}
.imgul li:last-child{
    margin-right:0;
}
.imgul li img{
    height:  223px;
    width:  100%;
    border-top-left-radius:  5px;
    border-top-right-radius: 5px;
}
.imgul li p{
    height: 77px;
    font-size:  17px;
    color:  #242424;
    text-align:  center;
    line-height: 77px;
    overflow:  hidden;
    text-overflow:  ellipsis;
    white-space:  nowrap;
}
/*img*/

.iconul{
    text-align:  center;
    padding-left: 67px;
    margin-bottom: 110px;
    margin-top: 65px;
}
.iconul li {
    width: 200px;
    height: 200px;
    display: inline-block;
    padding: 40px;
    color: #fff;
    position:  relative;
    margin-right: 67px;
}
.iconul li:nth-child(2) a:after{background:#284964;}
.iconul li:nth-child(3) a:after{background:#db9432;}
.iconul li:nth-child(4) a:after{background:#d2b17c;}
.iconul li a{
}
.iconul li a:after{
    content:'';
    display:block;
    width:  143px;
    height: 143px;
    background: #c09f6a;
    position:  absolute;
    top: 27px;
    transform: rotate(7deg);
    -ms-transform:rotate(7deg);  /* IE 9 */
    -moz-transform:rotate(7deg);  /* Firefox */
    -webkit-transform: rotate(60deg); /* Safari 和 Chrome */
    -o-transform:rotate(7deg);
    z-index: -1;
    left:  50%;
    margin-left: -71px;
}
.iconul li:hover a:after{
    -webkit-transform:rotate(240deg);
    transform: rotate(240deg);
    -webkit-transition:-webkit-transform 1s linear;
    transition: transform 1s linear;
    }
.iconul li img {
    display: block;
    margin: 12px auto;
}

.iconul li p {
    font-size: 19px;
    text-align: center;
}



.news-tit {
    background: url(../../images/front/tit_01.png) center no-repeat;
    height: 58px;
}

.cont-r ul {}

.cont-r ul li {
    height: 132px;
    background: #d0af7a url(../../images/front/bgbottom.png) bottom center no-repeat;
}

.cont-r ul li.on,
.cont-r ul li:hover {
    background: #644035;
}

.cont-r ul li div:before {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    left: 24px;
    top: 28px;
}

.cont-r ul li div {
    padding: 20px 45px;
    position: relative;
}

.cont-r ul li div p {
    font-size: 16px;
    color: #fff;
    line-height: 25px;
}

.news-t {
    margin-bottom: 5px;
}

.news-m {
    height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/*bottom*/
.bottom {
    height: 300px;
    overflow: hidden;
    color: #d4d4d4;
    background: #213649;
    padding-top: 70px;
}

div.bottom>div {
    display: block;
    width: 1200px;
    margin: 0 auto;
}

.bottom div {
    display: inline-block;
    vertical-align: top;
}

.bottom-l {}

.bottom-l img {
    width: 119px;
    margin-top: 24px;
    margin-left: 20px;
}

.bottom-l div {
    font-size: 14px;
    line-height: 30px;
    padding: 40px 0;
    margin-left: 20px;
}

.bottom-l div p {}

.bottom-r {
    margin-left: 300px;
    padding: 30px 0;
}

.bottom-r>div:first-child {
    font-size: 18px;
    line-height: 50px;
    background: url(../../images/front/icon_01.png) center no-repeat;
    /* padding: 10px 0; */
    width: 140px;
}

.qrcode {
    margin-left: 20px;
    font-size: 0;
}

.qrcode div {
    width: 70px;
    margin-right: 15px;
}

.qrcode div img {
    width: 100%;
}

.qrcode div p {
    font-size: 12px;
    text-align: center;
    line-height: 34px;
}

#page {
	font-size: 13px;
	color: #494949;
	text-align: center;
	padding-top: 20px;
}

#page span {
	color: #0047b2;
}

#page a {
	display: inline-block;
	border: 1px solid #c0bfbf;
	margin-left: 5px;
	padding: 3px;
}


.qrcode>div{
    position: relative;
}
.qrcode>div:hover div{
    display:block;
}
.qrcode>div div{
    width: 160px;
    /* height: 100px; */
    position: absolute;
    bottom: -8px;
    left: -165px;
    z-index: 3;
    display: none;
}

.topt{
    background: #20384d;height: 32px;
}
.topt div{
    width: 1329px;
    margin: 0 auto;
}
.topt div ul{text-align: right;}
.topt div ul li{
    line-height: 32px;
    font-size: 18px;
    display: inline-block;
    margin-left: 35px;
}

.qrcodebox{
    position: absolute;
    top: 73px;
    right: -145px;
    z-index: 2;
}
.qrcodebox div{
    width: 144px;
    height: 171px;
    background: #fff;
    padding: 5px;
    margin-bottom: 16px;
}
.qrcodebox div p{
    font-size: 14px;
    color: #0f0f0f;
    text-align: center;
    margin: 5px 0;
}
.qrcodebox div img{
    width: 131px;
    height: 131px;
}