/* @Author: anchen
* @Date:   2021-05-07 16:14:59
* @Last Modified by:   anchen
* @Last Modified time: 2021-05-14 15:36:31
*/

.informodel1 li:hover .imgbox img,
.ulmodel2 li:hover a .imgbox img{
    -o-transform:scale(1.1,1.1);
    -ms-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1);
    -o-transition:all 1s;
    -ms-transition:all 1s;
    -moz-transition:all 1s;
    -webkit-transition:all 1s;
    transition:all 1s;
    -o-transform-origin:center center;
    -ms-transform-origin:center center;
    -moz-transform-origin:center center;
    -webkit-transform-origin:center center;
    transform-origin:center center;
}
.ulmodel7 li:hover a{
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    transition: all 0.5s;
}



.ulmodel2{
    margin:0 -10px;
}
.ulmodel2 li{
    width: 25%;
    padding: 0px 10px;
    height: 430px;
    float: left;
    box-sizing: border-box;
}
.ulmodel2 li a{
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: left;
    position: relative;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
}
.ulmodel2 li a .imgbox{
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.ulmodel2 li a .licon{
    padding: 25px;
    box-sizing: border-box;
    width: 100%;
    height: 230px;
    position: relative;
}
.ulmodel2 li a .licon h3{
    font-size: 16px;
    max-height: 40px;
    overflow: hidden;
    margin-bottom: 10px;
}
.ulmodel2 li a .licon p{
    color:#666;
    overflow: hidden;
    text-align: left;
}
.ulmodel2 li a .licon span{
    display: block;
    position: absolute;
    bottom: 25px;
    left: 25px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: solid 1px #3698ff;
    color: #3698ff;
    padding: 5px 15px;
}
.ulmodel2 li:nth-child(2) a .imgbox,
.ulmodel2 li:nth-child(4) a .imgbox{
    position: absolute;
    bottom: 0;
    left: 0;
}
.ulmodel2 li a:hover{
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
@media only screen and (max-width: 1440px) {
    .ulmodel2 li{
        height: 366px;
    }
    .ulmodel2 li a .imgbox{
        height: 166px;
    }
    .ulmodel2 li a .licon{
        height: 200px;
        padding: 20px;
    }
    .ulmodel2 li a .licon span{
        left: 20px;
    }
}
.ulmodel3 li{
    float: left;
    width: 20%;
    padding: 0 18px;
}
.ulmodel3 li a img{
    width: 100%;
}
.ulmodel4 {
    width: 1200px;
    height: 534px;
}
.ulmodel4 li{
    width: 25%;
    float: left;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
}
.ulmodel4 li .conbox{
    height: 178px;
    position: relative;
    overflow: hidden;
    padding-top: 30px;
}
.ulmodel4 li .conbox.height1{
    height: 356px;
}
.ulmodel4 li .conbox a{
    position: relative;
    z-index: 1;
}
.ulmodel4 li .conbox .imgbg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ulmodel4 li .conbox p{
    font-size: 20px;
}
.ulmodel4 li .conbox:hover a img {
    transform: rotateY(360deg) scale(1.2, 1.2);
    -ms-transform: rotateY(360deg) scale(1.2, 1.2); /* IE 9 */
    -moz-transform: rotateY(360deg) scale(1.2, 1.2); /* Firefox */
    -webkit-transform: rotateY(360deg) scale(1.2, 1.2); /* Safari 和 Chrome */
    -o-transform: rotateY(360deg) scale(1.2, 1.2);
    transition: all 0.5s;
}
.ulmodel4 li .conbox:hover .imgbg {
    transform:  scale(1.2, 1.2);
    -ms-transform:  scale(1.2, 1.2); /* IE 9 */
    -moz-transform:  scale(1.2, 1.2); /* Firefox */
    -webkit-transform:  scale(1.2, 1.2); /* Safari 和 Chrome */
    -o-transform:  scale(1.2, 1.2);
    transition: all 0.5s;
}

@media only screen and (max-width: 1440px) {
    .ulmodel4{
        width: 900px;
        height: 432px;
    }
    .ulmodel4 li .conbox{
        height: 144px;
        padding-top: 14px;
    }
    .ulmodel4 li .conbox.height1{
        height: 288px;
    }
}
.ulmodel5 li{
    float: left;
    width: 25%;
    padding: 0 55px;
}
.ulmodel5 li a img{
    width: 100%;
}

@media only screen and (max-width: 1440px) {
    .ulmodel5{
        width: 960px;
        margin: 0 auto;
    }
}
.ulmodel6 li{
    width: 25%;
    padding: 0 20px;
    float: left;
    box-sizing: border-box;
}
.ulmodel6 li a{
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.ulmodel6 li a .imgbox{
    height: 220px;
    width: 100%;
}
.ulmodel6 li a .txtbox{
    margin: 10px 15px 0;
    padding-bottom: 30px;
    border-bottom: solid 1px #efefef;
}
.ulmodel6 li a .txtbox .title{
    padding: 10px 0;
    font-size: 18px;
    font-weight: bold;
}
.ulmodel6 li a .txtbox .times,
.ulmodel6 li a .txtbox .address{
    font-size: 14px;
    color: #999;
    margin: 0 0px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 26px;
}
.ulmodel6 li a .txtbox .times {
    background: url(../icon/timesicon.png) left center no-repeat;
}
.ulmodel6 li a .txtbox .address {
    background: url(../icon/addressicon.png) left center no-repeat;
}
.ulmodel6 li a .funbox{
    padding: 0 15px;
    margin: 20px 0 ;
}
.ulmodel6 li a .funbox .leftcon{
    color: #888;
    font-size: 12px;
}
.ulmodel6 li a .funbox .leftcon span{
    color: #cb4b4c;
    font-size: 18px;
    margin: 0 0 0 4px;
}
.ulmodel6 li a .funbox .rightcon{
    display: block;
    height: 32px;
    line-height: 32px;
    color: #fff;
    padding: 0 20px;
    border-radius: 4px;
    background: #cb4b4c;
}
.ulmodel6 li:hover a{
    transition: all 0.3s;
    box-shadow: 0 0 30px rgba(0,0,0,0.3);
    margin-top: -20px;
}
.ulmodel7{

}
.ulmodel7{
    margin: 0px -20px 0;
}
.ulmodel7 li{
    width: 33.3333333%;
    /*height: 250px;*/
    float: left;
    padding: 20px 10px;
    box-sizing: border-box;
    cursor: pointer;
}
.ulmodel7 li a{
    display: block;
    background: #fff;
    overflow: hidden;
    padding: 10px 10px 0;
    box-sizing: border-box;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.15);
}
.ulmodel7 li a img{
    width: 100%;
    height: 250px;
}
.ulmodel7 li a h4{
    padding: 18px 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 1440px) {
    .ulmodel7 li a img {
         height: 220px; 
    }
}
.informodel1 ul{
    float:left;
}
.informodel1 .first_ul{
    width: 44%;
    padding-right:20px;
    padding: 10px 10px;
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.06);
}
.informodel1 .last_ul{
    width: 54%;
    float:right;
}
.informodel1 li{
    position:relative;
    overflow:hidden;
}
.informodel1 li .imgbox img{
    width:100%;
    height:100%;
}
.informodel1 li .textbox{
    overflow:hidden;
    position:relative;
}
.informodel1 li span{
    display:block;
    width: 94px;
    line-height:28px;
    font-size:14px;
    color:#333;
    text-align:right;
    white-space:nowrap;
    border-right:2px solid #333;
    position:absolute;
    left:10px;
    top:20px;
    font-family:"宋体";
    padding: 0px 20px 0 0;
    z-index:2;
}
.informodel1 li span strong{
    display:block;
    font-size:30px;
    color:#333;
    font-weight:normal;
}
.informodel1 li span i{
    font-style: normal;
}
.informodel1 li .textbox .con{
    height: 87px;
    font-size:14px;
    color:#666;
    padding-top:15px;
    line-height:24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.informodel1 li:hover span{
    border-right:2px solid #006756;
    color:#006756;
}
.informodel1 li:hover span strong{
    color:#006756;
}
.informodel1 .first_ul li .imgbox{
    display:block;
    width:100%;
    height:251px;
    overflow:hidden;
}
.informodel1 .first_ul li .textbox{
    padding: 20px 10px 19px;
}
.informodel1 .first_ul li .textbox h2{
    display:block;
    padding-left:114px;
    font-size:16px;
    color:#111;
    line-height:24px;
    height:48px;
    overflow: hidden;
    font-weight: bold;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.informodel1 .first_ul li:hover .textbox h2{
    color:#006756;
    transition: all 0.3s;
}
.informodel1 .last_ul{
    position:relative;
}
.informodel1 .last_ul li{
    padding: 15px 25px 0 0;
    background: #fff;
    box-shadow:  0 0 20px rgba(0,0,0,0.06);
    height: 137px;
    margin-bottom: 17px;
}
.informodel1 .last_ul li:last-child{
    margin-bottom: 0;
}
.informodel1 .last_ul li .imgbox{
    position: absolute;
    right: 10px;
    top: 10px;
    display:block;
    width: 190px;
    height: 117px;
    float:left;
    overflow:hidden;
    margin-left:130px;
}
.informodel1 .last_ul li span{
    top: 8px;
    left: 15px;
}
.informodel1 .last_ul li:hover{
    background: #006756;
    transition: all 0.3s;
}
.informodel1 .last_ul li:hover span{
    border-color: #fff;
    transition: all 0.3s;
}
.informodel1 .last_ul .textbox{
    float:left;
    width: 410px;
    margin: 0 200px 0 0px;
}
.informodel1 .last_ul .textbox h2,
.informodel1 .last_ul .textbox .con{
    margin-left: 130px;
}
.informodel1 .last_ul .textbox h2{
    font-size:16px;
    font-weight: bold;
    padding-top: 5px;
    color:#111;
    display:block;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.informodel1 .last_ul .textbox .con{
    padding-top:6px;
    min-height: 100px;
}
.informodel1 .last_ul li:hover span,
.informodel1 .last_ul li:hover span strong,
.informodel1 .last_ul li:hover .textbox h2,
.informodel1 .last_ul li:hover .textbox .con{
    color:#fff;
    transition: all 0.3s;
}
@media only screen and (max-width: 1440px) {
    .informodel1 .first_ul {
        width: 42%; 
    }
    .informodel1 li .textbox .con{
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .informodel1 .first_ul li .imgbox{
        height: 220px;
    }
    .informodel1 .first_ul li .textbox{
        padding: 16px 10px 10px;
    }
    .informodel1 .last_ul{
        width: 56%;
    }
    .informodel1 .last_ul .textbox{
        width: 420px;
    }
    .informodel1 .last_ul li{
        height: 115px;
        margin-bottom: 16px;
    }
    .informodel1 .last_ul li .imgbox{
        width: 148px;
        height: 96px;
    }
}

.boxmodel1 .bd {
    background-color: #fff;
}
.boxmodel1 .bd ul li{
    height: 370px;
}
.boxmodel1 .bd ul li a,
.boxmodel1 .bd ul li a .imgbox img{
    width: 100%;
    height: 100%;
}
.boxmodel1 .bd ul li a .imgbox {
    padding: 0;
    width: 650px;
    height: 100%;
    display: block;
    float: left;
}

.boxmodel1 .bd ul li a .imgbox:hover {
    color: unset;
}

.boxmodel1 .bd ul li a .imgbox img {
    display: block;
    width: 100%;
    height: 100%;
}
.boxmodel1 .bd ul li a .venue {
    width: 500px;
    height: 100%;
    float: right;
    overflow: hidden;
    padding: 30px;
}

.boxmodel1 .bd ul li a .venue .venue-title {
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0;
}

.boxmodel1 .bd ul li a .venue .venue-des {
    color: #666;
    width: 100%;
    margin: 10px 0 20px;
    height: 136px;
    line-height: 22px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.boxmodel1 .bd ul li a .venue .venue-des p {
    color: #333;
    height: auto;
    overflow: hidden;
    margin-top: 0;
    font-size: 16px;
}
.boxmodel1 .bd ul li a .venue .venue-item {
    color: #999999;
    line-height: 22px;
}

.boxmodel1 {
    margin: 0 auto;
    width: 100%;
    padding: 5px;
    position: relative;
    zoom: 1;
    height: 565px
}

.boxmodel1 .hd {
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
}

.boxmodel1 .hd ul {
    margin-right: -5px;
    overflow: hidden;
    zoom: 1;
    display: block;
    height: 120px;
    margin-left: 60px
}

.boxmodel1 .hd ul li {
    float: left;
    text-align: center;
    height: 120px;
    width: 207px;
    position: relative;
    background: transparent;
    margin-right: 12px;
}

.boxmodel1 .hd ul li img {
    width: 207px;
    height: 120px;
    cursor: pointer;
}

.boxmodel1 .hd ul li  .shadow-venue {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    color: #fff;
    font-size: 16px;
    line-height: 8;
}

.boxmodel1 .hd ul li.on .shadow-venue {
    display: none;
}

.boxmodel1 .hd ul li.on img {
    border-color: #f60;
}

.boxmodel1 .hd .venueLt,
.boxmodel1 .hd .venueRg {
    width: 50px;
    height: 50px;
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    z-index: 8;
    top: 32px;
}

.boxmodel1 .hd .venueLt {
    left: 0;
}

.boxmodel1 .hd .venueRg {
    right: 0;
}

.boxmodel1 .hd .venueLt i,
.boxmodel1 .hd .venueRg i{
    display: block;
    width: 100%;
    height: 100%;
}
.boxmodel1 .hd .venueLt i {
    background: url("../images/arrowleft.png") center no-repeat;
    background-size: 14px 28px;
}

.boxmodel1 .hd .venueRg i {
    background: url("../images/arrowright.png") center  no-repeat;
    background-size: 14px 28px;
}

.boxmodel1 .bd li {
    vertical-align: middle;
}

@media only screen and (max-width: 1440px) {
    .boxmodel1 .bd ul li{
        height: 270px;
    }
    .boxmodel1 .bd ul li a .imgbox{
        width: 450px;
    }
    .boxmodel1 .bd ul li a .venue{
        width: 600px;
        padding: 22px 30px 30px;
    }
    .boxmodel1 .bd ul li a .venue .venue-des{
        height: 64px;
    }
    .boxmodel1 .hd ul li,
    .boxmodel1 .hd ul li img{
        height: 112px;
        width: 200px;
    }
}


/*****************
**  头部start
******************/

.userlogin .havelogin {
  width: 100px;
  height: 40px;
  padding-top: 5px;
  display: none;
  float: right;
}
.userlogin .havelogin .top {
  width: 100px;
  line-height: 32px;
  color: #fff;
}
.userlogin .havelogin .top img {
  width: 32px;
  height: 32px;
  margin: 0 5px 0 0;
  border-radius: 50%;
}

.userlogin .havelogin ul {
  display: none;
  background: #16c188;
  color: #ffffff;
  width: 100px;
  position: relative;
  z-index: 9999999999999999;
  padding:1px 0;
}
.userlogin .havelogin ul li {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
.userlogin .havelogin ul li a{
    display: block;
    line-height: normal;
}
.userlogin .havelogin:hover ul{
  display: block;
}
.userlogin .havelogin ul li:hover{
  background-color: rgba(0, 0, 0, 0.4)
}


/* custom-header-style1 龙州 */
.custom-header-style1 {
  width: 100%;
  position: relative;
  z-index: 11;
  height: 100px;
  background: -webkit-linear-gradient(left, #007592 , #00d09d); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #007592, #00d09d); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #007592, #00d09d); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #007592 , #00d09d); /* 标准的语法 */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#007592, endColorstr=#00d09d);
}
.custom-header-style1 .container {
  position: relative;
  height: 100%;
}
.custom-header-style1 .logo {
    float: left;
    padding: 15px 0 ;
}
.custom-header-style1 .logo img {
    height: 70px;
}
.custom-header-style1 .menuList {
    float: left;
}
.custom-header-style1 .menuList .menuItem {
  float: left;
  color: #fff;
  font-family: boldS;
  font-size: 20px;
  line-height: 100px;
  position: relative;
}
.custom-header-style1 .menuList .menuItem a{
    display: block;
  padding: 0 20px;
}
.custom-header-style1 .menuList .menuItem.on {
  background: -webkit-linear-gradient(top, #00b09d , #01dbaf); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #00b09d, #01dbaf); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #00b09d, #01dbaf); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, #00b09d , #01dbaf); /* 标准的语法 */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#00b09d, endColorstr=#01dbaf);
}
.custom-header-style1 .menuList .menuItem.on .navList {
  width: 100% ;
}
.custom-header-style1 .menuList .menuItem .navList {
  z-index: 999999999;
  display: none;
  position: absolute;
  top: 100px;
  background: url(../images/header.png) center no-repeat;
  left: 0;
  background-color: #0fba8d;
  width: 100%;
}
.custom-header-style1 .menuList .menuItem .navList .naitem {
  width: auto;
  color: #fff;
  padding: 0 18px;
  text-align: center;
  height: 60px;
  line-height: 60px;
  writing-mode: horizontal-tb;
  font-size: 16px;
  position: relative;
}
.custom-header-style1 .menuList .menuItem .navList .naitem a{
  display: block;
}
.custom-header-style1 .menuList .menuItem .navList .naitem:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.custom-header-style1 .menuList .menuItem .navList .naitem .naitemList{
  display: none;
  width: 100%;
  left: 100%;
  top: 0;
  position: absolute;
  background-color: #0fba8d;
}
.custom-header-style1 .menuList .menuItem .navList .naitem:hover .naitemList{
  display: block;
}
.custom-header-style1 .menuList .menuItem .navList .naitem .naitemList a:hover{
  background-color: rgba(0, 0, 0, 0.4);
}

.custom-header-style1 .searchbox {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  background-color: #fff;
  margin: 0 20px 0 20px;
  float: right;
  cursor: pointer;
}
.custom-header-style1 .searchbox input {
  width: 100%;
  height: 100%;
  color: #37a791;
  padding-left: 30px;
}
.custom-header-style1 .searchbox .searchBtn {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 8px;
  top: 8px;
}
.custom-header-style1 .userlogin,
.custom-header-style1 .searchbox{
    margin-top: 30px;
}
.custom-header-style1 .userlogin {
  float: right;
}
.custom-header-style1 .userlogin .nologin {
  width: 124px;
  height: 40px;
  background-color: #fff;
  border-radius: 10px;
  line-height: 40px;
  color: #278d7b;
  text-align: center;
  float: right;
}


.custom-header-style2{
    height: 90px;
    background: #f6f6f6;
}
.custom-header-style2 .navlogo{
    float: left;
}
.custom-header-style2 .headerright{
    padding-top: 25px;
}
.custom-header-style2 .indexsearchbox{
    width: 500px;
    height: 40px;
    border: solid 1px #da251c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
}

.custom-header-style2 #searchInput {
    padding: 0 60px 0 15px;
    width: 100%;
    height: 38px;
    line-height: 38px;
}

.custom-header-style2 .searbut {
    width: 60px;
    height: 38px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #da251c;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    text-align: center;
    padding: 6px 0 0;
}

.custom-header-style2 .searbut i {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../icon/icon-search.png) no-repeat;
    background-size: 100% 100%;
}

.custom-header-style2 .userlogin{
    margin: 0 0 0 20px;
}
.custom-header-style2 .userlogin .nologin{
    margin-top: 10px;
}


/* custom-header-style3 舞阳 */
.custom-header-style3 {
  width: 100%;
  position: relative;
  z-index: 11;
  height: 116px;
}
.custom-header-style3 .navlogo{
    float: left;
    margin: 23px 0 0;
}
.custom-header-style3 .headerright{
    padding-top: 34px;
}
.custom-header-style3 .indexsearchbox{
    width: 400px;
    height: 48px;
    border-radius: 24px;
    position: relative;
    background: #f6f6f6;
}

.custom-header-style3 #searchInput {
    padding: 0 60px 0 20px;
    width: 100%;
    height: 48px;
    line-height: 48px;
}

.custom-header-style3 .searbut {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #baa27c;
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    text-align: center;
    padding: 8px 0 0;
}

.custom-header-style3 .searbut i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../icon/icon-search.png) no-repeat;
    background-size: 100% 100%;
}

.custom-header-style3 .userlogin{
    margin: 0 0 0 20px;
}
.custom-header-style3 .userlogin .nologin{
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    background: #baa27c;
    border-radius: 10px;
}
.custom-header-style3 .userlogin .nologin a{
    color: #fff;
}
/* custom-header-style4 临漳 */

.custom-header-style4{
    height: 130px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50%;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    padding: 0 10%;
}
.custom-header-style4 .logo{
    position: absolute;
    z-index: 2;
    width: 226px;
    left: 50%;
    margin-left: -113px;
    top: 0;
}
.custom-header-style4 .logo img{
    width: 100%;
}

.custom-header-style4 .h2title{
    float: left;
    line-height: 80px;
    color: #fff;
    font-size: 16px;
}
.custom-header-style4 .headerright{
    padding-top: 20px;
}
.custom-header-style4 .indexsearchbox{
    width: 200px;
    height: 40px;
    border-radius: 20px;
    position: relative;
    background: #f7ebda;
}

.custom-header-style4 #searchInput {
    padding: 0 60px 0 20px;
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.custom-header-style4 .searbut {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    right: 10px;
    display: block;
    text-align: center;
    padding: 8px 0 0;
}

.custom-header-style4 .searbut i {
    display: inline-block;
    width: 24px;
    height: 24px;
}

.custom-header-style4 .userlogin{
    margin: 0 0 0 20px;
}
.custom-header-style4 .userlogin .nologin{
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    background: #f6ead7;
    border-radius: 10px;
}
.custom-header-style4 .userlogin .nologin a{
    color: #fff;
}

/* custom-header-style5 连山 */

.custom-header-style5 {
  width: 1400px;
  position: absolute;
  z-index: 11;
  height: 80px;
  background:#fff;
  left: 50%;
  margin-left: -700px;
  top: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0 0 50px rgba(0, 40, 69, 0.3);
}
.custom-header-style5 .container {
  position: relative;
  padding: 0 20px 0 40px;
  height: 100%;
}
.custom-header-style5 .logo {
    float: left;
    padding: 15px 0 ;
    margin: 0 200px 0 0;
}
.custom-header-style5 .logo img {
    height: 50px;
}
.custom-header-style5 .menuList {
    float: left;
}
.custom-header-style5 .menuList .menuItem {
  float: left;
  color: #333;
  font-size: 18px;
  line-height: 80px;
  position: relative;
}
.custom-header-style5 .menuList .menuItem a{
    display: block;
  padding: 0 10px;
}
.custom-header-style5 .menuList .menuItem.on a{
    color: #008edd;
}
.custom-header-style5 .menuList .menuItem.on .navList {
  width: 100% ;
}
.custom-header-style5 .menuList .menuItem .navList {
  z-index: 999999999;
  display: none;
  position: absolute;
  top: 100px;
  background: url(../images/header.png) center no-repeat;
  left: 0;
  background-color: #0fba8d;
  width: 100%;
}
.custom-header-style5 .menuList .menuItem .navList .naitem {
  width: auto;
  color: #fff;
  padding: 0 18px;
  text-align: center;
  height: 60px;
  line-height: 60px;
  writing-mode: horizontal-tb;
  font-size: 16px;
  position: relative;
}
.custom-header-style5 .menuList .menuItem .navList .naitem a{
  display: block;
}
.custom-header-style5 .menuList .menuItem .navList .naitem:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.custom-header-style5 .menuList .menuItem .navList .naitem .naitemList{
  display: none;
  width: 100%;
  left: 100%;
  top: 0;
  position: absolute;
  background-color: #0fba8d;
}
.custom-header-style5 .menuList .menuItem .navList .naitem:hover .naitemList{
  display: block;
}
.custom-header-style5 .menuList .menuItem .navList .naitem .naitemList a:hover{
  background-color: rgba(0, 0, 0, 0.4);
}

.custom-header-style5 .searchbox {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  background-color: #fff;
  margin: 0 20px 0 20px;
  float: right;
  cursor: pointer;
}
.custom-header-style5 .searchbox input {
  width: 100%;
  height: 100%;
  color: #37a791;
  padding-left: 30px;
}
.custom-header-style5 .searchbox .searchBtn {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 8px;
  top: 8px;
}
.custom-header-style5 .userlogin,
.custom-header-style5 .searchbox{
    margin-top: 20px;
}
.custom-header-style5 .userlogin {
  float: right;
}
.custom-header-style5 .userlogin .nologin {
  width: 90px;
  height: 40px;
  background-color: #e5e5e5;
  border-radius: 10px;
  line-height: 40px;
  color: #333;
  text-align: center;
  float: right;
}
/*****************
**  头部end
******************/


/*****************
**  导航start
******************/

/* .custom-nav-style1 南涧 导航 */
.custom-nav-style1{
    z-index: 10;
    position: relative;
}
.custom-nav-style1 ul li{
    float: left;
    position: relative;
}
.custom-nav-style1 ul li>a{
    display: block;
    line-height: 90px;
    padding: 0 22px;
    font-size: 22px;
    position: relative;
}
.custom-nav-style1 ul li .navList{
    position: absolute;
    display: none;
    width: 100%;
    top: 100%;
    left: 0;
    background: #fff;
}
.custom-nav-style1 ul li .navList li{
    float: none;
}
.custom-nav-style1 ul li .navList li a{
    padding: 0 10px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
}
.custom-nav-style1 ul li .navList,
.custom-nav-style1 ul li .navList .naitemList{
    display: none;
}
.custom-nav-style1 ul li:hover .navList{
    display: block;
}
.custom-nav-style1 ul li:hover a,
.custom-nav-style1 ul li:hover .navList a:hover{
    color: #da251c;
}
.custom-nav-style1 ul li:hover a:after{
    display: block;
    content: '';
    width: 54%;
    left: 50%;
    margin-left: -27%;
    bottom: 15px;
    background: #da251c;
    height: 4px;
    position: absolute;
}
.custom-nav-style1 ul li:hover .navList a{
    color: #333;
}
.custom-nav-style1 ul li:hover .navList a:after{
    display: none;
}

/* .custom-nav-style2 平舆 导航 */
.custom-nav-style2{
    position: relative;
    z-index: 10;
}
.custom-nav-style2 .container{
    height: 160px;
    background: #fff;
    box-shadow: 0px 0px 50px 0px
    rgba(0, 40, 69, 0.3);
    border-radius: 10px;
}

.custom-nav-style2 ul,
.custom-nav-style2 ul li,
.custom-nav-style2 ul li a{
    height: 100%;
}
.custom-nav-style2 ul li{
    width: 20%;
    float: left;
    position: relative;
}

.custom-nav-style2 ul li:after{
    content: ' ';
    width: 1px;
    height: 100px;
    background-color: rgba(210, 210, 210, 1);
    display: block;
    position: absolute;
    left: 0;
    top: 30px;
}
.custom-nav-style2 ul li:first-child:after{
    display: none;
}
.custom-nav-style2 ul li a{
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.custom-nav-style2 ul li a img{
    display: block;
    margin:0 auto 4px;
    padding-top: 22px;
}
.custom-nav-style2 ul li a .img{
    display: block;
}
.custom-nav-style2 ul li a .imgOn{
    display: none;
}
.custom-nav-style2 ul li.on a .imgOn{
    display: block;
    padding-top: 16px;
}
.custom-nav-style2 ul li.on a .img{
    display: none;

}
.custom-nav-style2 ul li.on{
    background-image: linear-gradient(0deg, #009092 0%, #97c4c5 100%);
    box-shadow: 0px 0px 50px 0px rgba(0, 40, 69, 0.3);
    border-radius: 10px;
    box-sizing: content-box;
    padding: 20px 0;
    margin-top: -20px;
}

.custom-nav-style2 ul li.on .nav-name{ color: #fff; }
.custom-nav-style2 ul li.on a .nav-english{color: #fff;font-weight: lighter;}
.custom-nav-style2 ul li.on:after{
    width: 0;
}
.custom-nav-style2 ul li a .nav-name{
    font-size: 22px;
    text-align: center;
    padding-bottom: 2px;
    font-family:'Medium';
}
.custom-nav-style2 ul li a  .nav-english{
    font-size: 12px;
    color: #809aa5;
    text-align: center;
    font-family:'Medium';
}
.custom-nav-style2 ul li a .nav-icon-go{
    width: 42px;
    height: 42px;
    background: url("../images/nav_icon_go.png");
    position: absolute;
    bottom: -21px;
    margin-left: -21px;
    left: 50%;
    display: none;
}
.custom-nav-style2 ul li.on a .nav-icon-go{
    display: block;
}
.custom-nav-style2 ul li.on,
.custom-nav-style2 ul li.on .nav-name,
.custom-nav-style2 ul li.on a .nav-english,
.custom-nav-style2 ul li.on a .nav-icon-go,
.custom-nav-style2 ul li.on a .imgOn{
    transition: all 0.3s;
}


/* .custom-nav-style3 舞阳 导航 */
.custom-nav-style3{
    z-index: 10;
    position: relative;
    background: #baa27c;
}
.custom-nav-style3 ul li{
    float: left;
    position: relative;
}
.custom-nav-style3 ul li>a{
    display: block;
    line-height: 58px;
    padding: 0 26px;
    font-size: 18px;
    position: relative;
    color: #fff;
}
.custom-nav-style3 ul li .navList{
    position: absolute;
    display: none;
    width: 100%;
    top: 100%;
    left: 0;
    background: #fff;
}
.custom-nav-style3 ul li .navList li{
    float: none;
}
.custom-nav-style3 ul li .navList li a{
    padding: 0 10px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
}
.custom-nav-style3 ul li .navList,
.custom-nav-style3 ul li .navList .naitemList{
    display: none;
}
.custom-nav-style3 ul li:hover .navList{
    display: block;
}
.custom-nav-style3 ul li:hover a,
.custom-nav-style3 ul li:hover .navList a:hover{
    background: #9c8156;
}
.custom-nav-style3 ul li:hover .navList a{
    color: #fff;
    background: #baa27c;
}

/* .custom-nav-style4 临漳 导航 */
.custom-nav-style4 {
    text-align: center;
    top: 170px;
    position: relative;
}
.custom-nav-style4 li{
    display: inline-block;
    margin: 0 20px;
    font-size: 18px;
    color: #fff;
}
.custom-nav-style4 li a{
    padding: 15px 32px 15px 28px;
}

/*****************
**  导航end
******************/


/*****************
**  轮播图end
******************/
.custom-bannerswiper-style .swiper-pagination-bullet{
    width: 16px;
    height: 16px;
    background: #fff;
}
.custom-bannerswiper-style.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 25px;
}
.custom-bannerswiper-style.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 14px;
}
.custom-bannerswiper-style .swiper-pagination-bullet-active{
    width: 28px;
    height: 28px;
    position: relative;
    top: 6px;
}

/* .custom-bannerswiper-style1  邓州*/
.custom-bannerswiper-style1 .focus {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.custom-bannerswiper-style1 .focus ul {
    overflow: hidden;
    height: 100%;
    position: relative;
}
.custom-bannerswiper-style1 .focus ul li {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.custom-bannerswiper-style1 .focus ul li a {
    display: block;
    width: 100%;
    height: 100%;
}
.custom-bannerswiper-style1 .focus .page {
    position: absolute;
    left: 0;
    bottom: 3%;
    width: 100%;
    text-align: center;
}
.custom-bannerswiper-style1 .focus .page i {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    line-height: 3px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: rgba(255,255,255,1);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66ffffff, endcolorstr=#66ffffff);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
}
.custom-bannerswiper-style1 .focus .page i.now {
    background: #fff;
    width: 160px;
    opacity: 0.5;
    border-radius: 6px;
}
.custom-bannerswiper-style1 ul li .item0{
    display: block;
}
.custom-bannerswiper-style1 ul li .item1{
    display: none;
}

/*****************
**  轮播图end
******************/



/*****************
**  搜索start
******************/

/* custom-search-style1 邓州 */
.custom-search-style1{
    height: 80px;
    background: #aec398;
}
.custom-search-style1 .searchbox{
    width: 750px;
    height: 40px;
    position: relative;
    margin: 20px auto 0;
    background: #fff;
}

.custom-search-style1 .searchbox #searchInput {
    padding: 0 60px 0 20px;
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.custom-search-style1 .searchbox .searbut {
    width: 50px;
    height: 40px;
    background: #839f73;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    text-align: center;
    padding: 8px 0 0;
}

.custom-search-style1 .searchbox .searbut i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../icon/icon-search.png) no-repeat;
    background-size: 100% 100%;
}


/*****************
**  搜索end
******************/



/*****************
**  模块标题start
******************/

/* custom-title-style1 龙州 */
.custom-title-style1{
    position: relative;
}

.custom-title-style1 .more{
    position: absolute;
    right: 0;
    height: 36px;
    line-height: 36px;
    padding: 0 18px 0 20px;
    border-radius: 18px;
    color: #359a70;
    border: solid 1px #359a70;
    top: 20px;
    font-weight: bold;
}

/* custom-title-style2 南涧 */
.custom-title-style2{
    position: relative;
    margin: 0 0 55px;
}
.custom-title-style2 h2{
    font-size: 40px;
}
.custom-title-style2 h2 span{
    color: #db3543;
}
.custom-title-style2 .more{
    border: solid 1px #666;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    position: relative;
    color: #666;
    padding: 0 22px;
    top: 4px;
}
.custom-title-style2 .more:after,
.custom-title-style2 .more:before{
    display: block;
    content: '';
    width: 18px;
    height: 1px;
    background: #666;
    top: 19px;
    position: absolute;
}
.custom-title-style2 .more:before{
    left: -9px;
}
.custom-title-style2 .more:after{
    right: -9px;
}
.custom-title-style2.white h2,
.custom-title-style2.white .more{
    color: #fff;
}
.custom-title-style2.white .more{
    border-color: #fff;
}
.custom-title-style2.white .more:after,
.custom-title-style2.white .more:before{
    background: #fff;
}

/* custom-title-style3 平舆 */
.custom-title-style3{
    text-align: center;
    margin: 0 0 22px;
}


/* custom-title-style4 舞阳 */
.custom-title-style4{
    position: relative;
}

.custom-title-style4 .more{
    position: absolute;
    right: 0;
    height: 30px;
    line-height: 28px;
    padding: 0 10px;
    border-radius: 4px;
    color: #baa27c;
    border: solid 1px #baa27c;
    top: 8px;
    font-size: 16px;
}
.custom-title-style4 .more i{
    display: inline-block;
    content: '';
    width: 0;
    height: 0;
    border-top: solid 5px transparent;
    border-bottom: solid 5px transparent;
    border-left: solid 7px #baa27c;
    margin: 0 0 0 4px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

/* custom-title-style5 金秀 */
.custom-title-style5{
    position: relative;
}
.custom-title-style5 .leftcon{
    padding: 0 0 0 100px;
    height: 80px;
    background: url('../images/icon-title.png') left center no-repeat;
}
.custom-title-style5 .leftcon h2{
    font-size: 38px;
    padding: 6px 0 2px;
    letter-spacing: 1px;
}
.custom-title-style5 .leftcon p{
    font-size: 18px;
    color: #666;
}

.custom-title-style5 .more{
    position: absolute;
    right: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 18px 0 20px;
    border-radius: 20px;
    color: #3f326f;
    border: solid 1px #3f326f;
    top: 20px;
    font-size: 18px;
}
.custom-title-style5.white .leftcon h2,
.custom-title-style5.white .leftcon p,
.custom-title-style5.white .more{
    color: #fff;
}
.custom-title-style5.white .more{
    border-color: #fff;
}

/* custom-title-style6 连山 */
.custom-title-style6{
    position: relative;
}
.custom-title-style6 .leftcon{
    padding: 0 0 0 100px;
    height: 80px;
    background: url('../images/icon-titlebg.png') left center no-repeat;
    position: relative;
}
.custom-title-style6 .leftcon span{
    position: absolute;
    top: 0px;
    left: 5px;
    font-size: 52px;
    color: #fff;
}
.custom-title-style6 .leftcon h2{
    font-size: 32px;
    padding: 7px 0 2px;
    letter-spacing: 1px;
}
.custom-title-style6 .leftcon p{
    font-size: 12px;
    color: #666;
}

.custom-title-style6 .more {
    position: absolute;
    right: 0;
    height: 30px;
    line-height: 28px;
    padding: 0 10px;
    border-radius: 4px;
    color: #209ce1;
    border: solid 1px #209ce1;
    top: 20px;
    font-size: 16px;
}
.custom-title-style6 .more i {
    display: inline-block;
    content: '';
    width: 0;
    height: 0;
    border-top: solid 5px transparent;
    border-bottom: solid 5px transparent;
    border-left: solid 7px #209ce1;
    margin: 0 0 0 4px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.custom-title-style6.white .leftcon h2,
.custom-title-style6.white .leftcon p,
.custom-title-style6.white .more{
    color: #fff;
}
.custom-title-style6.white .more{
    border-color: #fff;
}


/* custom-title-style7 通城 */
.custom-title-style7{
    position: relative;
     height: 64px;
}

.custom-title-style7 .more{
    position: absolute;
    right: 0;
    width: 82px;
    height: 30px;
    border: 1px solid #856E56;
    border-radius: 6px;
    text-align: center;
    line-height: 30px;
    color: #856E56;
    top: 16px;
}

.custom-title-style7 span{
  font-size: 30px;
  color: #fff;
  line-height: 64px;
  padding: 0 0 0 40px;
}



/*****************
**  模块标题end
******************/



/*****************
**  图文模块start
******************/

/* custom-graphic-style1 资讯 龙州 */
.custom-graphic-style1 ul{
    float:left;
}
.custom-graphic-style1 .first_ul{
    width: 540px;
}
.custom-graphic-style1 .last_ul{
    width: calc(100% - 570px);
    float:right;
}
.custom-graphic-style1 li{
    position: relative;
    overflow: hidden;
    padding: 10px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.06);
}
.custom-graphic-style1 li a,
.custom-graphic-style1 li a span{
    display: block;
}
.custom-graphic-style1 li .imgbox img{
    width:100%;
    height:100%;
}
.custom-graphic-style1 li .textbox{
    overflow:hidden;
    position:relative;
}
.custom-graphic-style1 li a span.date{
    color: #999;
    margin: 10px 0 12px;
}
.custom-graphic-style1 li .textbox .con{
    height: 54px;
    font-size: 16px;
    color: #666;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.custom-graphic-style1 .first_ul li .imgbox{
    display: block;
    width: 100%;
    height: 340px;
    overflow: hidden;
    border-radius: 20px;
}
.custom-graphic-style1 .first_ul li .textbox{
    padding: 22px 22px 14px;
}
.custom-graphic-style1 ul li .textbox h2{
    display: block;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.custom-graphic-style1 .last_ul{
    position: relative;
}
.custom-graphic-style1 .last_ul li{
    margin-bottom: 20px;
}
.custom-graphic-style1 .last_ul li:last-child{
    margin-bottom: 0;
}
.custom-graphic-style1 .last_ul li .imgbox{
    display: block;
    width: 210px;
    height: 140px;
    float: left;
    overflow: hidden;
    border-radius: 20px;
}
.custom-graphic-style1 ul li:hover .textbox h2{
    color: #006756;
    transition: all 0.3s;
}
.custom-graphic-style1 .last_ul .textbox{
    float: left;
    width: calc(100% - 240px);
    margin-left: 20px;
    padding: 10px 0 0;
}

@media only screen and (max-width: 1440px) {
    .custom-graphic-style1 .first_ul {
        width: 42%; 
    }
    .custom-graphic-style1 li .textbox .con{
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .custom-graphic-style1 .first_ul li .imgbox{
        height: 220px;
    }
    .custom-graphic-style1 .first_ul li .textbox{
        padding: 16px 10px 10px;
    }
    .custom-graphic-style1 .last_ul{
        width: 56%;
    }
    .custom-graphic-style1 .last_ul .textbox{
        width: 420px;
    }
    .custom-graphic-style1 .last_ul li{
        height: 115px;
        margin-bottom: 16px;
    }
    .custom-graphic-style1 .last_ul li .imgbox{
        width: 148px;
        height: 96px;
    }
}


/* custom-graphic-style2 活动 龙州 */
.custom-graphic-style2 {
    width: 100%;
    height: 430px;
    position: relative;
}

.custom-graphic-style2 ul {
    margin: 0 -12px;
}

.custom-graphic-style2 ul li {
    width: 25%;
    height: 100%;
    padding: 10px 12px;
    float: left;
}

.custom-graphic-style2 ul li a{
    display: block;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
    padding: 10px 10px 30px;
    border-radius: 20px;
}
.custom-graphic-style2 ul li .imgbox{
    width: 100%;
    height: 220px;
    display: block;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
}
.custom-graphic-style2 ul li img {
}

.custom-graphic-style2 ul li .hdtit {
    padding: 0 18px;
    width: 100%;
    color: #333333;
    font-weight: bold;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 25px 0 15px 0;
}

.custom-graphic-style2 ul li .detail {
    padding: 0 18px;
    width: 100%;
    margin-bottom: 27px;
    height: 40px;
}

.custom-graphic-style2 ul li .detail .date,  
.custom-graphic-style2 ul li .detail .place {
    width: 100%;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    overflow: hidden;
    padding: 0 0 0 26px;
    position: relative;
}
.custom-graphic-style2 ul li .detail .date:before{
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background: url(../images/icondate1.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 2px;
    left: 0;
}
.custom-graphic-style2 ul li .detail .place:before{
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background: url(../images/iconaddress1.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.custom-graphic-style2 ul li .gomore {
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #359a70;
    font-size: 16px;
    border-radius: 8px;
    margin: 0 20px;
    position: relative;
}
.custom-graphic-style2 ul li .gomore:after{
    display: block;
    content: '';
    width: 28px;
    height: 10px;
    background: url(../images/icon-line.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 10px;
    right: 0;
}
.custom-graphic-style2 ul li a:hover{
    margin-top: -10px;
    transition: all 0.4s;
}
.custom-graphic-style2 ul li a:hover .hdtit{
    transition: all 0.3s;
    color: #359a70;
}
/*.custom-graphic-style2 ul li a:hover{
    transition: all 0.3s;
    color: #359a70;
}
.custom-graphic-style2 ul li a:hover .hdtit,
.custom-graphic-style2 ul li a:hover .detail .date,
.custom-graphic-style2 ul li a:hover .detail .place,
.custom-graphic-style2 ul li a:hover .gomore{
    color: #fff;
    transition: all 0.3s;
}
.custom-graphic-style2 ul li a:hover .detail .date:before{
    background: url(../images/icon1white.png) no-repeat;
    background-size: 100%;
    transition: all 0.3s;
}
.custom-graphic-style2 ul li a:hover .detail .place:before{
    background: url(../images/icon2white.png) no-repeat;
    background-size: 100%;
    transition: all 0.3s;
}
.custom-graphic-style2 ul li a:hover .gomore:after{
    background: url(../images/icon-linewhite.png) no-repeat;
    background-size: 100%;
    transition: all 0.3s;
}*/


/* custom-graphic-style3 总分馆 龙州 */
.custom-graphic-style3 li{
    width: 120px;
    float: left;
    height: 480px;
    position: relative;
    overflow: hidden;
    background: #fff;
    margin: 0 2px 0 0;
    transition: all 0.3s;
}

.custom-graphic-style3 li a{
    display: block;
    width: 100%;
    height: 100%;
}
.custom-graphic-style3 li .txt{
    float: left;
    background: url("../images/numb1.jpg") center 30px no-repeat;
    background-size: 53px 53px;
    height: 100%;
    width: 120px;
    position: relative;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
}
.custom-graphic-style3 li .txt h4{
    box-sizing: border-box;
    width: 30px;
    overflow: hidden;
    padding: 48% 0 0;
    height: 88%;
    text-align: center;
    font-size: 24px;
    margin: 0 0 0 42px;
    font-weight: normal;
}

.custom-graphic-style3 li:nth-child(even) .txt{
    background-color: #e9fbff;
}
.custom-graphic-style3 li:nth-child(odd) .txt{
    background-color: #fff;
}

.custom-graphic-style3 li .txt h5{
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: vertical-lr;
    float: left;
    color: #fff;
}
.custom-graphic-style3 li .conbox{
    position: absolute;
    left: 120px;
    top: 0;
    width: 680px;
    padding: 45px 50px;
    height: 100%;
}
.custom-graphic-style3 li .conbox .imgbox{
    display: block;
    width: 100%;
    height: 270px;
    border-radius: 10px;
    overflow: hidden;
}
.custom-graphic-style3 li .conbox span{
    display: inline-block;
    width: 120px;
    margin: 0 30px 0 0;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background-color: #006756;
    border: solid 1px #006756;
}
.custom-graphic-style3 li .conbox span.sp1{
    background: #fff;
    color: #006756;
}
.custom-graphic-style3 li .conbox h2{
    margin: 10px 0 2px;
    font-size: 20px;
    padding: 20px 0 10px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.custom-graphic-style3 li .conbox .descstyle{
    height: 48px;
    overflow: hidden;
}
.custom-graphic-style3 li .conbox .descstyle,
.custom-graphic-style3 li .conbox .descstyle p{
    font-size: 16px!important;
    line-height: 26px!important;
    color: #666!important;
}
.custom-graphic-style3 li.on .txt{
    background: -webkit-linear-gradient(left, #45b9e3 , #36a3ca); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #45b9e3, #36a3ca); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #45b9e3, #36a3ca); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #45b9e3 , #36a3ca); /* 标准的语法 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#45b9e3, endColorstr=#36a3ca);
}
.custom-graphic-style3 li.on .txt:after{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-left: 24px solid #36a3ca;
    border-bottom: 24px solid transparent;
    right: -24px;
    top: 50%;
    margin-top: -12px;

}
.custom-graphic-style3 li.on .txt h4{
    color: #fff;
}
.custom-graphic-style3 li:first-child{
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.custom-graphic-style3 li:last-child{
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

@media only screen and (max-width: 1440px) {
    .custom-graphic-style3 li{
        height: 360px;
    }
    .custom-graphic-style3 li .txt,
    .custom-graphic-style3 li{
        width: 78px;
    }
    .custom-graphic-style3 li .txt h4{
        font-size: 20px;
        margin: 0 0 0 26px;
    }
    .custom-graphic-style3 li .conbox{
        width: 448px;
        padding: 25px;
        left: 78px;
    }
    .custom-graphic-style3 li .conbox .img1{
        height: 220px;
    }
    .custom-graphic-style3 li .conbox h2{
        margin: 0;
        padding: 16px 0 6px;
    }
}

/* custom-graphic-style4 志愿者 龙州 */
.custom-graphic-style4 {
  width: 100%;
  height: 420px;
}
.custom-graphic-style4 .leftpart {
  width: calc(100% - 430px);
  height: 100%;
  float: left;
  background-color: #fff;
}
.custom-graphic-style4 .leftpart .tit {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 30px;
  margin-bottom: 30px;
  background: -webkit-linear-gradient(left, #65c2ed, #439ad9);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #65c2ed, #439ad9);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #65c2ed, #439ad9);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #65c2ed, #439ad9);
  /* 标准的语法 */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#65c2ed, endColorstr=#439ad9);
}
.custom-graphic-style4 .leftpart .tit span:nth-child(1) {
  font-size: 26px;
  color: #fff;
}
.custom-graphic-style4 .leftpart .tit span:nth-child(2) {
  font-size: 18px;
  color: #4babe2;
}
.custom-graphic-style4 .leftpart .tit a {
  float: right;
  color: #fff;
}
.custom-graphic-style4 .leftpart .details {
  width: 100%;
  background-color: #fff;
  padding: 0 30px;
}
.custom-graphic-style4 .leftpart .details .items {
  height: 140px;
  background-color: #fff;
  margin-bottom: 20px;
}
.custom-graphic-style4 .leftpart .details .items .imgbox{
  width: 220px;
  height: 140px;
  border-radius: 10px;
  float: left;
  overflow: hidden;
}
.custom-graphic-style4 .leftpart .details .items .text {
  width: calc(100% - 245px);
  float: right;
}
.custom-graphic-style4 .leftpart .details .items .text h2 {
  color: #333333;
  font-size: 20px;
  margin: 15px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custom-graphic-style4 .leftpart .details .items .text div {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #b6b6b6;
  font-size: 14px;
  height: 63px;
}
.custom-graphic-style4 .leftpart .details .items:hover .imgbox img{
    transition: all 0.3s;
    transform:  scale(1.2, 1.2);
    -ms-transform:  scale(1.2, 1.2); /* IE 9 */
    -moz-transform:  scale(1.2, 1.2); /* Firefox */
    -webkit-transform:  scale(1.2, 1.2); /* Safari 和 Chrome */
    -o-transform:  scale(1.2, 1.2);
}
.custom-graphic-style4 .rightPart {
  float: right;
  width: 400px;
  height: 100%;
}
.custom-graphic-style4 .rightPart .sec,
.custom-graphic-style4 .rightPart .fir,
.custom-graphic-style4 .rightPart .thir{
  float: left;
}
.custom-graphic-style4 .rightPart .sec,
.custom-graphic-style4 .rightPart .fir {
  width: 190px;
  height: 220px;
  margin-bottom: 20px;
}
.custom-graphic-style4 .rightPart .sec {
    margin-left: 20px;
}
.custom-graphic-style4 .rightPart .thir {
  width: 100%;
}
.custom-graphic-style4 .rightPart a{
    display: block;
    border-radius: 10px;
    position: relative;
}
.custom-graphic-style4 .rightPart a .txtbox{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    padding: 10px;
}
.custom-graphic-style4 .rightPart a .txtbox h3{
    height: 100%;
    border: solid 1px #fff;
    font-size: 30px;
    border-radius: 10px;
    padding: 36px 0 0;
    text-align: center;
    position: relative;
    color: #fff;
}
.custom-graphic-style4 .rightPart a .txtbox h3:after{
    display: block;
    content: '';
    width: 46px;
    height: 4px;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    left: 50%;
    margin-left: -23px;
    top: 90px;
}
.custom-graphic-style4 .rightPart .thir a .txtbox h3{
    text-align: left;
    padding-left: 30px;
}
.custom-graphic-style4 .rightPart .thir a .txtbox h3:after{
    left: 30px;
    margin-left: 0;
}
.custom-graphic-style4 .rightPart a .txtbox:hover h3{
    padding-top: 26px;
    transition: all 0.3s; 
}
.custom-graphic-style4 .leftPart,
.custom-graphic-style4 .rightPart .sec, 
.custom-graphic-style4 .rightPart .fir, 
.custom-graphic-style4 .rightPart .thir{
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}

/* custom-graphic-style5 非遗文化 龙州 */
.custom-graphic-style5{
    position: relative;
}
.custom-graphic-style5 .gallery-left-swiper-container{
    width: calc(50% + 265px);
    right: 0;
    top: 10px;
    position: absolute;
    z-index: 2;
    padding-top: 30px;
}
.custom-graphic-style5 .gallery-left-swiper-container .swiper-slide{
    width: 280px;
}
.custom-graphic-style5 .gallery-left-swiper-container .swiper-slide .innerbox{
    height: 280px;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    display: block;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}
.custom-graphic-style5 .gallery-left-swiper-container .swiper-slide .innerbox .imgbox{
    height: 100%;
}
.custom-graphic-style5 .gallery-left-swiper-container .swiper-slide .innerbox h2{
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 1;
    font-size: 18px;
    text-align: center;
    padding: 0 20px;
    line-height: 60px;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) , rgba(0, 0, 0, 0.8)); /* 标准的语法 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=rgba(0, 0, 0, 0), endColorstr=#99d29f);
}
.custom-graphic-style5 .gallery-left-swiper-container .swiper-slide.swiper-slide-thumb-active{
    width: 320px;
    transition: all 0.3s;
}
.custom-graphic-style5 .gallery-left-swiper-container .swiper-slide.swiper-slide-thumb-active .innerbox{
    height: 320px;
    transition: all 0.3s;
}
.custom-graphic-style5 .gallery-right-swiper-container{
    position: absolute;
    left: 50%;
    width: 460px;
    height: 460px;
    box-shadow: 0 0 30px rgb(0 0 0 / 5%);
    top: 0;
    background: #fff;
    border-radius: 20px;
    margin-left: -600px;
    padding: 35px 150px 0 50px;
    z-index: 1;
}
.custom-graphic-style5 .gallery-right-swiper-container .swiper-slide{
    background: #fff;
}
.custom-graphic-style5 .gallery-right-swiper-container .swiper-slide h2{
    font-size: 30px;
    line-height: 60px;
    border-bottom: solid 1px #eee;
}
.custom-graphic-style5 .gallery-right-swiper-container .swiper-slide .descbox{
    height: 232px;
    overflow-y: hidden;
    font-size: 16px;
    line-height: 32px;
    margin: 6px 0;
}
.custom-graphic-style5 .gallery-right-swiper-container .swiper-button-prev,
.custom-graphic-style5 .gallery-right-swiper-container .swiper-button-next{
    width: 50px;
    height: 50px;
    background-color: #359a70;
    border: solid 2px transparent;
    border-radius: 50%;
    background-size: 16px 28px;
}

.custom-graphic-style5 .gallery-right-swiper-container .swiper-button-prev{
    left: auto;
    right: 110px;
    top: auto;
    bottom: 30px;
}
.custom-graphic-style5 .gallery-right-swiper-container .swiper-button-next{
    right: 40px;
    bottom: 30px;
    top: auto;
}
.custom-graphic-style5 .gallery-right-swiper-container .numberbox{
    position: absolute;
    bottom: 30px;
    left: 50px;
    z-index: 1;
    font-size: 40px;
    color: #999;
}
.custom-graphic-style5 .gallery-right-swiper-container .numberbox i{
    font-style: normal;
}
.custom-graphic-style5 .gallery-right-swiper-container .numberbox i:first-child{
    color: #359a70;
}
.custom-graphic-style5 .gallery-right-swiper-container .numberbox i:last-child{
    font-size: 24px;
}


/* custom-graphic-style6 非遗文化 龙州 */
.custom-graphic-style6{
    margin: 0 -18px;
}
.custom-graphic-style6 *{
    box-sizing: border-box;
}
.custom-graphic-style6 li{
    width: 25%;
    height: 490px;
    padding: 0 18px;
    float: left;
}
.custom-graphic-style6 li a{
    display: block;
    background: #fff;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 35px 22px 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
  border-bottom: solid 8px #008891;
}
.custom-graphic-style6 li a .title{
    font-size: 26px;
    line-height: 28px;
        height: 28px;
        overflow: hidden;
    overflow: hidden;
    text-align: center;
    margin: 28px 0 20px;
    font-family: '华文中宋';
}
.custom-graphic-style6 li a .date{
    font-size: 12px;
    color: #ea4e52;
    margin: 12px 0 18px;
}
.custom-graphic-style6 li a .imgbox{
    width: 190px;
    height: 190px;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: top;
    display: block;
    margin: 0 auto;
    border: solid 10px #b2dbde;
}
.custom-graphic-style6 li a .con{
    color: #666;
    line-height: 26px;
    margin: 16px 0 28px;
    height: 126px;
    overflow: hidden;
    font-size: 16px!important;
}
.custom-graphic-style6 li a .con span,
.custom-graphic-style6 li a .con p{
    line-height: 26px!important;
    color: #999!important;
    font-size: 16px!important;
}
.custom-graphic-style6 li a .con img,
.custom-graphic-style6 li a .con a{
    display: none!important;
}
.custom-graphic-style6 li a span.detail{
    display: block;
    width: 150px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 18px;
    border:solid 1px #aaa;
    color: #aaa;
    margin: 0 auto;
}
.custom-graphic-style6 li:after{
    display: block;
    background: #bdbdbd;
    height: 6px;
    width: 100%;
    z-index: 2;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.custom-graphic-style6 li:hover a{
  background: -webkit-linear-gradient(top, #007592 , #00d09d); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #007592, #00d09d); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #007592, #00d09d); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, #007592 , #00d09d); /* 标准的语法 */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#007592, endColorstr=#00d09d);
}
.custom-graphic-style6 li:hover a .con,
.custom-graphic-style6 li:hover a .con span,
.custom-graphic-style6 li:hover a .con p,
.custom-graphic-style6 li:hover a .title{
    color: #fff!important;
    transition: all 0.4s;
}


/* custom-graphic-style7 南涧 资讯 */

.custom-graphic-style7 {
    height: 580px;
}
.custom-graphic-style7 .leftcon,
.custom-graphic-style7 .rightcon,
.custom-graphic-style7 .rightcon li{
    height: 100%;
}
.custom-graphic-style7 .leftcon{
    width: 520px;
    background: #f1f2f4;
    border-radius: 4px;
    padding: 30px;
}
.custom-graphic-style7 .leftcon a{
    display: block;
}
.custom-graphic-style7 .leftcon p{
    font-size: 16px;
    color: #666;
}
.custom-graphic-style7 .leftcon h1{
    font-size: 34px;
    height: 54px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.custom-graphic-style7 .leftcon .imgbox{
    height: 260px;
    border-radius: 4px;
    overflow: hidden;
    margin: 22px 0 22px;
}
.custom-graphic-style7 .leftcon .desc{
    color: #888;
    height: 130px;
    overflow: hidden;
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 32px;
}
.custom-graphic-style7 .leftcon a{
    color: #da251c;
}

.custom-graphic-style7 .rightcon{
    position: relative;
    width: calc(100% - 540px);
}
.custom-graphic-style7 .rightcon li{
    width: 25%;
    float: left;
    padding: 25px 55px 0;
    border-right: solid 1px #cecece;
}
.custom-graphic-style7 .rightcon li a{
    display: block;
}
.custom-graphic-style7 .rightcon li a .date span{
    display: block;
    text-align: right;
    color: #999;
}
.custom-graphic-style7 .rightcon li a .date span.sp1{
    font-size: 18px;
}
.custom-graphic-style7 .rightcon li a .date span.sp2{
    font-size: 28px;
    font-weight: bold;
}
.custom-graphic-style7 .rightcon li a .txt{
    margin-top: 40px;
    height: calc(100% - 140px);
}
.custom-graphic-style7 .rightcon li a,
.custom-graphic-style7 .rightcon li a .txt .title,
.custom-graphic-style7 .rightcon li a .txt .con{
    height: 100%;
}
.custom-graphic-style7 .rightcon li a .txt .title{
    width: 24px;
    font-size: 24px;
    overflow: hidden;
    line-height: 26px;
    /* font-weight: bold; */
    margin-left: 15px;
    position: relative;
    padding: 45px 0 0;
}
.custom-graphic-style7 .rightcon li a .txt .title:after{
    position: absolute;
    width: 100%;
    height: 6px;
    background: #999999;
    left: 0;
    top: 0;
    display: block;
    content: '';
}
.custom-graphic-style7 .rightcon li a .txt .con{
    width: 64px;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: vertical-lr;
    writing-mode:tb-rl;
    line-height: 36px;
    overflow: hidden;
    color: #999;
    font-size: 18px;
    letter-spacing: 1px;
    padding: 45px 0 0;
}
.custom-graphic-style7 .leftcon:hover h1,
.custom-graphic-style7 .rightcon li a:hover .date span{
    color: #da251c;
}

.custom-graphic-style7 .rightcon li a:hover .txt .title:after{
    background: #da251c;
}

/* custom-graphic-style8 非遗文化 南涧 */

.custom-graphic-style8 {
    height: 640px;
}

.custom-graphic-style8 li{
    width: 33.333333%;
    height: 100%;
    float: left;
    padding: 0 10px;
    position: relative;
}
.custom-graphic-style8 li a{
    padding: 50px 50px 0;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    display: block;
    height: 100%;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    border-bottom: solid 9px #bdbdbd;
}
.custom-graphic-style8 li .title{
    font-size: 22px;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.custom-graphic-style8 li .date{
    font-size: 12px;
    color: #ea4e52;
    margin: 12px 0 18px;
}
.custom-graphic-style8 li .imgbox{
    height: 160px;
}
.custom-graphic-style8 li .con{
    color: #999;
    line-height: 30px;
    margin: 16px 0 40px;
    height: 210px;
    overflow: hidden;
    font-size: 18px;
}
.custom-graphic-style8 li span.detail{
    display: block;
    width: 132px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    border-radius: 6px;
    border: solid 1px #ea4e52;
    font-size: 16px;
    color: #ea4e52;
    margin: 0 auto;
}
.custom-graphic-style8 li:hover  span.detail{
    background: #ea4e52;
    transition: all 0.3s;
    color: #fff;
}
.custom-graphic-style8 li:hover a{
    border-color: #ea4e52;
    transition: all 0.3s;
}


/* custom-graphic-style9 文物博物 南涧 */
.custom-graphic-style9{
    margin: 0 -18px;
    height: 490px;
}
.custom-graphic-style9 *{
    box-sizing: border-box;
}
.custom-graphic-style9 li{
    width: 20%;
    padding: 0 18px;
    height: 100%;
    float: left;
}
.custom-graphic-style9 li a{
    display: block;
    background: #fff;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 32px 35px 0;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
}
.custom-graphic-style9 li a .title{
    font-size: 24px;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    overflow: hidden;
    text-align: center;
    margin: 28px 0 20px;
}
.custom-graphic-style9 li a .date{
    font-size: 12px;
    color: #ea4e52;
    margin: 12px 0 18px;
}
.custom-graphic-style9 li a .imgbox{
    width: 180px;
    height: 180px;
    display: block;
    margin: 0 auto 64px;
    position: relative;
}

.custom-graphic-style9 li a .imgbox img{
    border-radius: 50%;
}

.custom-graphic-style9 li a .imgbox:after{
    width: 72px;
    height: 10px;
    background: #e1e1e1;
    position: absolute;
    left: 50%;
    margin-left: -36px;
    bottom: -30px;
    display: block;
    content: '';
    border-radius: 50%;
}
.custom-graphic-style9 li a .con{
    color: #999;
    line-height: 30px;
    margin: 16px 0 28px;
    height: 126px;
    overflow: hidden;
    font-size: 16px!important;
}
.custom-graphic-style9 li a .con span,
.custom-graphic-style9 li a .con p{
    line-height: 26px!important;
    color: #999!important;
    font-size: 16px!important;
}
.custom-graphic-style9 li a .con img,
.custom-graphic-style9 li a .con a{
    display: none!important;
}
.custom-graphic-style9 li a span.detail{
    display: block;
    width: 150px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 18px;
    border:solid 1px #aaa;
    color: #aaa;
    margin: 0 auto;
}
.custom-graphic-style9 li:hover a{
    transition: all 0.4s;
    margin-top: -10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}


/* custom-graphic-style10 畅游南涧 南涧 */
.custom-graphic-style10 {
    margin: 0 -15px 0;
}
.custom-graphic-style10 li{
    float: left;
    width: 25%;
    padding: 0 15px;
}
.custom-graphic-style10 li a{
    display: block;
    border-radius: 6px;
    height: 220px;
    position: relative;
    text-align: center;
    padding: 60px 0 0;
    overflow: hidden;
}
.custom-graphic-style10 li a h3,
.custom-graphic-style10 li a h2{
    color: #fff;
    position: relative;
    z-index: 1;
}
.custom-graphic-style10 li a h2{
    font-size: 22px;
    margin: 22px 0 0;
    padding: 25px 0 0;
    position: relative;
}
.custom-graphic-style10 li a h2:after{
    display: block;
    content: '';
    width: 56px;
    height: 4px;
    background: #FFF;
    position: absolute;
    left: 50%;
    margin-left: -28px;
    top: 0;
}
.custom-graphic-style10 li a h3{
    font-size: 16px;
}
.custom-graphic-style10 li a .imgbox{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}
.custom-graphic-style10 li:hover a h2{
    padding: 15px 0 0;
    transition: all 0.4s;
}
.custom-graphic-style10 li:hover a .imgbox img{
    transform:  scale(1.2, 1.2);
    -ms-transform:  scale(1.2, 1.2); /* IE 9 */
    -moz-transform:  scale(1.2, 1.2); /* Firefox */
    -webkit-transform:  scale(1.2, 1.2); /* Safari 和 Chrome */
    -o-transform:  scale(1.2, 1.2);
    transition: all 0.4s;
}

/* custom-graphic-style11 畅游南涧下 南涧 */
.custom-graphic-style11{

}
.custom-graphic-style11 li{
    float: left;
    width: 110px;
    height: 228px;
    border: solid 2px #719450;
    padding: 0px 8px;
    margin: 0 40px 0 0;
}
.custom-graphic-style11 li a{
    display: block;
    height: 100%;
    border-left: solid 1px #719450;
    border-right: solid 1px #719450;
    padding: 28px 0 0 22px;
}
.custom-graphic-style11 li a h2,
.custom-graphic-style11 li a p{
    float: left;
}
.custom-graphic-style11 li a h2{
    width: 25px;
    font-size: 25px;
}
.custom-graphic-style11 li a p{
    font-size: 12px;
    color: #666;
    width: 12px;
    writing-mode: vertical-lr;
    position: relative;
    top: 4px;
    margin: 0 0 0 6px;
}

/* custom-graphic-style12 新时代文明实践中心 南涧 */
.custom-graphic-style12 {
    margin: 0 -15px 0;
}
.custom-graphic-style12 li{
    float: left;
    width: 50%;
    padding: 0 15px;
}
.custom-graphic-style12 li a{
    display: block;
    border-radius: 6px;
    height: 330px;
    position: relative;
    text-align: center;
    padding: 30px;
    overflow: hidden;
}
.custom-graphic-style12 li a .txtbox{
    border: solid 2px #fff;
    border-radius: 6px;
    padding: 64px 0 0;
    position: relative;
    z-index: 1;
    height: 100%;
}
.custom-graphic-style12 li a h3,
.custom-graphic-style12 li a h2{
    color: #fff;
    position: relative;
    z-index: 1;
}
.custom-graphic-style12 li a h2{
    font-size: 40px;
    margin: 28px 0 0;
    padding: 34px 0 0;
    position: relative;
}
.custom-graphic-style12 li a h2:after{
    display: block;
    content: '';
    width: 70px;
    height: 8px;
    background: #FFF;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    border-radius: 4px;
    top: 0;
}
.custom-graphic-style12 li a h3{
    font-size: 20px;
}
.custom-graphic-style12 li a .imgbox{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}
.custom-graphic-style12 li:hover a h2{
    padding: 24px 0 0;
    transition: all 0.4s;
}
.custom-graphic-style12 li:hover a .imgbox img{
    transform:  scale(1.2, 1.2);
    -ms-transform:  scale(1.2, 1.2); /* IE 9 */
    -moz-transform:  scale(1.2, 1.2); /* Firefox */
    -webkit-transform:  scale(1.2, 1.2); /* Safari 和 Chrome */
    -o-transform:  scale(1.2, 1.2);
    transition: all 0.4s;
}


/* custom-graphic-style13 直播 南涧/镇平 */

.custom-graphic-style13 ul li{
    width: 320px;
    height: 220px;
    margin: 0 30px 0 0;
    float: left;
    position: relative;
}
.custom-graphic-style13 ul li a,
.custom-graphic-style13 ul li a .imgbox{
    display: block;
    width: 100%;
    height: 100%;
}
.custom-graphic-style13 ul li a{
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    position: relative;
}
.custom-graphic-style13 ul li a:after{
    display: none;
    width: 100px;
    height: 100px;
    background: url(../images/icon/icon-vedio.png) no-repeat;
    background-size: 100% 100%;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -80px 0 0 -50px;
    z-index: 11;
}
.custom-graphic-style13 ul li a .txtbox{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 11;
    background: #fff;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.custom-graphic-style13 ul li a .txtbox h2{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
    height: 64px;
    line-height: 64px;
    padding: 0 20px;
}
.custom-graphic-style13 ul li a .txtbox .txt{
    height: 44px;
    overflow: hidden;
    line-height: 22px;
    display: none;
}
.custom-graphic-style13 ul li a .txtbox .txt p,
.custom-graphic-style13 ul li a .txtbox .txt span{
    line-height: 22px!important;
    font-size: 14px!important;
    text-indent: 0!important;
}
.custom-graphic-style13 ul li:nth-child(3),
.custom-graphic-style13 ul li:nth-child(5){
    margin-right: 0;
}
.custom-graphic-style13 ul li:nth-child(2),
.custom-graphic-style13 ul li:nth-child(3){
    margin-bottom: 30px;
}
.custom-graphic-style13 ul li:nth-child(1){
    width: calc(100% - 700px);
    height: 470px;
    margin-right: 30px;
}

.custom-graphic-style13 ul li a .type{
    width: 60px;
    height: 26px;
    line-height: 26px;
    border-radius: 13px;
    position: absolute;
    z-index: 22;
    left: 20px;
    top: 20px;
    color: #fff;
    text-align: center;
    background: -webkit-linear-gradient(left, #71bbd4 , #138cb6); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #71bbd4, #138cb6); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #71bbd4, #138cb6); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #71bbd4 , #138cb6); /* 标准的语法 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#71bbd4, endColorstr=#138cb6);
}
.custom-graphic-style13 ul li a:hover:after{
    display: block;
}
.custom-graphic-style13 ul li a:hover .imgbox img{
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: all 0.3s;
}
.custom-graphic-style13.style1 ul li{
    width: 290px;
    height: 240px;
    margin: 0 20px 20px 0;
}
.custom-graphic-style13.style1 ul li:nth-child(1){
    height: 500px;
    width: calc(100% - 620px);
}
.custom-graphic-style13.style1 ul li a {
    border-radius: 0;
    padding: 10px;
}
.custom-graphic-style13.style1 ul li:nth-child(3), 
.custom-graphic-style13.style1 ul li:nth-child(5){
    margin-right: 0;
}
.custom-graphic-style13.style1 ul li a .txtbox{
    border-radius: 0;
}
.custom-graphic-style13.style1 ul li a .txtbox h2{
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
}


/* custom-graphic-style14 资讯 平舆 */
.custom-graphic-style14 {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  height: 630px;
  position: relative;
}
.custom-graphic-style14 .infoswiper {
  float: left;
  width: 500px;
  height: 480px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  overflow: hidden;
}
.custom-graphic-style14 .infoswiper .swiper-pagination-bullets {
  text-align: right !important;
  padding-right: 20px;
}
.custom-graphic-style14 .infoswiper .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background-color: rgba(255, 255, 255, 0.4);
}
.custom-graphic-style14 .infoswiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #ffffff;
}
.custom-graphic-style14 .infoswiper .swiper-slide {
  position: relative;
  width: 100%;
  height: 100%;
}
.custom-graphic-style14 .infoswiper .swiper-slide a{
    display: block;
    height: 100%;
}
.custom-graphic-style14 .infoswiper .swiper-slide .name {
  width: 100%;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  padding-left: 20px;
  line-height: 50px;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  bottom: 0;
  left: 0;
}
.custom-graphic-style14 .rightInfos {
  background-color: #fff;
  width: calc(100% - 500px);
  float: right;
  height: 480px;
}
.custom-graphic-style14 .rightInfos .item {
  width: 100%;
  padding: 20px 27px 18px 25px;
  height: 120px;
}
.custom-graphic-style14 .rightInfos .item:hover {
  background-color: #bc2115;
}
.custom-graphic-style14 .rightInfos .item:hover .dates div,
.custom-graphic-style14 .rightInfos .item:hover .details .tit,
.custom-graphic-style14 .rightInfos .item:hover .details .conts {
  color: #fff !important;
}
.custom-graphic-style14 .rightInfos .item .dates {
    width: 97px;
    height: 100%;
    float: left;
    position: relative;
    top: -8px;
}
.custom-graphic-style14 .rightInfos .item .dates div:nth-child(1) {
  font-size: 30px;
  color: #333333;
  font-weight: bold;
  text-align: right;
}
.custom-graphic-style14 .rightInfos .item .dates div:nth-child(2) {
  font-size: 18px;
  color: #999999;
  text-align: right;
}
.custom-graphic-style14 .rightInfos .item .details {
  width: calc(100% - 140px);
  height: 100%;
  float: left;
  margin-left: 30px;
  font-family: semiBold;
}
.custom-graphic-style14 .rightInfos .item .details .tit {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333333;
  margin-bottom: 8px;
  font-size: 18px;
}
.custom-graphic-style14 .rightInfos .item .details .conts {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  font-size: 14px;
  -webkit-line-clamp: 2;
  /* 可以显示的行数，超出部分用...表示*/
  -webkit-box-orient: vertical;
  color: #666;
}

/* custom-graphic-style15 场馆 平舆 */
.custom-graphic-style15 {
  position: relative;
  height: 430px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
}
.custom-graphic-style15 .gallery-top {
  width: 100%;
  overflow: hidden;
}
.custom-graphic-style15 .gallery-top .imgbox {
  width: 820px;
  float: left;
  height: 430px;
}
.custom-graphic-style15 .gallery-top .slidecon {
  width: calc(100% - 820px);
  float: left;
  height: 430px;
  background: #fff;
}
.custom-graphic-style15 .gallery-top .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.custom-graphic-style15 .gallery-top .slidecon h2 {
  height: 86px;
  line-height: 86px;
  padding: 0 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: -webkit-linear-gradient(left, #4a816f, #66cec7);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #4a816f, #66cec7);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #4a816f, #66cec7);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #4a816f, #66cec7);
  /* 标准的语法 */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#4a816f, endColorstr=#66cec7);
  color: #fff;
  font-size: 24px;
  font-weight: normal;
}
.custom-graphic-style15 .gallery-top .slidecon .txt {
  padding: 20px 30px;
}
.custom-graphic-style15 .gallery-top .slidecon .txt .labelul li {
  position: relative;
  line-height: 26px;
  min-height: 26px;
}
.custom-graphic-style15 .gallery-top .slidecon .txt .labelul li label {
  position: absolute;
  top: 0px;
  left: 0;
  line-height: 26px;
  color: #999;
}
.custom-graphic-style15 .gallery-top .slidecon .txt .labelul li span {
  margin: 0 0 0 50px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.custom-graphic-style15 .gallery-top .slidecon .txt .labelul li:last-child span {
  white-space: normal;
  height: 78px;
}
.custom-graphic-style15 .gallery-top .slidecon .txt .funul {
  text-align: center;
  position: relative;
  margin-top: 30px;
}
.custom-graphic-style15 .gallery-top .slidecon .txt .funul li {
  display: inline-block;
  width: 46%;
  height: 40px;
  line-height: 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 0 3px;
}
.custom-graphic-style15 .gallery-top .slidecon .txt .funul li a {
  background: #e9e9e9;
  color: #8e6c58;
  display: block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.custom-graphic-style15 .gallery-top .slidecon .txt .funul li a i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/icon-fun1.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  top: 3px;
  margin-right: 5px;
}
.custom-graphic-style15 .gallery-top .slidecon .txt .funul li:last-child a {
  background: #d2484d;
  color: #fff;
}
.custom-graphic-style15 .gallery-top .slidecon .txt .funul li:last-child a i {
  background: url(../images/icon-fun2.png) no-repeat;
  background-size: 100% 100%;
}
.custom-graphic-style15 .gallery-thumbs {
  box-sizing: border-box;
  padding: 20px 60px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 820px;
  height: 140px;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
}
.custom-graphic-style15 .gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  cursor: pointer;
}
.custom-graphic-style15 .gallery-thumbs img {
  width: 100%;
  height: 100%;
  border: solid 2px #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.custom-graphic-style15 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active img {
  border-color: #fff;
}
.custom-graphic-style15 .gallery-thumbs .swiper-button-next,
.custom-graphic-style15 .gallery-thumbs .swiper-button-prev {
  width: 23px;
  height: 28px;
  background-size: 100% 100%;
  margin-top: -14px;
}

/* custom-graphic-style16 文化平舆 平舆 */
.custom-graphic-style16 ul{
    margin: 0 -18px 20px;
}
.custom-graphic-style16 *{
    box-sizing: border-box;
}
.custom-graphic-style16 ul li{
    width: 25%;
    height: 450px; 
    padding: 0 18px;
    float: left;
}
.custom-graphic-style16 ul li a{
    display: block;
    background: #fff;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
    border-radius: 10px;
    text-align: center;
}
.custom-graphic-style16 ul li a:before{
    display: block;
    content: '';
    width: 60px;
    height: 60px;
    background: url(../images/icon-go.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -30px;
    bottom: -30px;
    z-index: 10;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
}
.custom-graphic-style16 ul li a .txtbox h2{
    max-width: 80%;
    background: #fff;
    font-size: 26px;
    line-height: 28px;
    overflow: hidden;
    text-align: center;
    margin: 28px 0 20px;
    height: 28px;
    display: inline-block;
    position: relative;
    z-index: 10;
    padding: 0 10px;
}
.custom-graphic-style16 ul li a .imgbox{
    width: 100%;
    height: 308px;
    overflow: hidden;
    vertical-align: top;
    display: block;
    margin: 0 auto;
    border-radius: 10px;
}
.custom-graphic-style16 ul li:after{
    display: block;
    background: #bdbdbd;
    height: 6px;
    width: 100%;
    z-index: 2;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.custom-graphic-style16 ul li:hover a{
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    transition: all 0.3s;
}
.custom-graphic-style16 ul li a:hover .imgbox img{
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: all 0.3s;
}

/* custom-graphic-style17 活动票务 晋宁 */
.custom-graphic-style17 ul{
    overflow: hidden;
    padding: 30px 15px;
}
.custom-graphic-style17 ul li{
    width: 25%;
    float: left;
    overflow: hidden;
    padding: 0 15px;
    border-right: solid 1px #e2d6c1;
}
.custom-graphic-style17 ul li:nth-child(4n){
    border-right: none;
}
.custom-graphic-style17 ul li a{
    display: block;
}
.custom-graphic-style17 ul li a .imgbox{
    height: 170px;
    overflow: hidden;
}
.custom-graphic-style17 ul li a .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.custom-graphic-style17 ul li a .txtbox{
    padding: 10px;
}
.custom-graphic-style17 ul li a .txtbox h3{
    margin: 10px 0 15px;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}
.custom-graphic-style17 ul li a .txtbox p{
    line-height: 20px;
    color: #666;
}
.custom-graphic-style17 ul li a .ticket{
    padding: 20px 0 0;
}
.custom-graphic-style17 ul li a .ticket em{
    display: inline-block;
    font-style: normal;
    color: #666;
    cursor: pointer;
}
.custom-graphic-style17 ul li a .ticket em i{
    margin: 0 10px 0 0;
}
.custom-graphic-style17 ul li a .ticket span {
    font-size: 12px;
    color: #999;
}
.custom-graphic-style17 ul li a .ticket span i {
    display: inline-block;
    font-style: normal;
    color: #333;
    padding: 0 2px;
}
.custom-graphic-style17 ul li a .ticket .em,
.custom-graphic-style17 ul li a .txtbox p,
.custom-graphic-style17 ul li a .ticket span i,
.custom-graphic-style17 ul li a .ticket em .icon-collect:before{
    font-size: 14px;
}


/* custom-graphic-style18 总分馆 晋宁 */
.custom-graphic-style18 .itembox h3{
    width: 80px;
    height: 200px;
    background: #95bbbe;
    color: #fff;
    font-size: 24px;
    float: left;
    padding: 16px 22px 0 28px;
    line-height: 28px;
}
.custom-graphic-style18 .itembox ul{
    float: right;
    width: calc(100% - 80px);
}
.custom-graphic-style18 .itembox ul li{
    width: 33.333333%;
    float: left;
    padding: 0 0 0 20px;
}
.custom-graphic-style18 .itembox ul li a{
    display: block;
    position: relative;
    height: 200px;
}
.custom-graphic-style18 .itembox ul li a h2{
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 16px;
    text-align: center;
}
.custom-graphic-style18 .itembox ul li a i{
    display: block;
    width: 48px;
    height: 48px;
    position: absolute;
    z-index: 1;
    right: 0;
    top: -8px;
    color: #fff;
    padding: 9px 15px 0 17px;
    font-style: normal;
    line-height: 15px;
}
.custom-graphic-style18 .itembox ul li a .imgbox {
    height: 100%;
    overflow: hidden;
}
.custom-graphic-style18 .itembox ul li a .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.custom-graphic-style18 .itembox ul li a:hover .imgbox img{
    transform: scale(1.1);
    transition: all 0.3s;
}
.custom-graphic-style18 .itembox:nth-child(1){
    margin: 0 0 30px 0;
}

/* custom-graphic-style19 活动 舞阳 */
.custom-graphic-style19 {
    width: 100%;
    position: relative;
}

.custom-graphic-style19 ul {
    margin: 0 -15px;
}

.custom-graphic-style19 ul li {
    width: 25%;
    height: 100%;
    padding: 10px 15px;
    float: left;
}

.custom-graphic-style19 ul li a{
    display: block;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
}
.custom-graphic-style19 ul li .imgbox{
    width: 100%;
    height: 230px;
    display: block;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
}
.custom-graphic-style19 ul li img {
}

.custom-graphic-style19 ul li .txtbox{
    padding: 20px 20px;
    height: 190px;
    position: relative;
}
.custom-graphic-style19 ul li .hdtit {
    color: #333333;
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 15px;
}

.custom-graphic-style19 ul li .detail {
    margin-bottom: 25px;
}

.custom-graphic-style19 ul li .detail .date,  
.custom-graphic-style19 ul li .detail .place {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    position: relative;
}

.custom-graphic-style19 ul li .gomore {
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #359a70;
    font-size: 16px;
    border-radius: 8px;
    position: absolute;
    bottom: 30px;
    left: 20px;
    z-index: 1;
}
.custom-graphic-style19 ul li .gomore:after{
    display: block;
    content: '';
    width: 28px;
    height: 10px;
    background: url(../images/icon-line.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 10px;
    right: 0;
}
.custom-graphic-style19 ul li a:hover{
    margin-top: -10px;
    transition: all 0.4s;
}
.custom-graphic-style19 ul li a:hover .hdtit{
    transition: all 0.3s;
    color: #359a70;
}

/* custom-graphic-style20 直播 舞阳 */

.custom-graphic-style20 ul li{
    width: 320px;
    height: 190px;
    float: left;
    margin: 0 0 12px 0;
    border-radius: 12px;
    overflow: hidden;
}
.custom-graphic-style20 ul li a{
    display: block;
    position: relative;
    height: 100%;
}
.custom-graphic-style20 ul li:nth-child(1){
    width: 860px;
    height: 590px;
    margin: 0 20px 0 0 ;
}
.custom-graphic-style20 ul li a .imgbox{
    width: 100%;
    height: 100%;
    position: relative;
}
.custom-graphic-style20 ul li a .imgbox i{
    display: block;
    height: 28px;
    line-height: 28px;
    left: 10px;
    top: 10px;
    position: absolute;
    z-index: 10;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    font-style: normal;
    padding: 0 12px;
    color: #fff;
}
.custom-graphic-style20 ul li a .imgbox i.beginTab{
    background: #f18723;
}
.custom-graphic-style20 ul li a .imgbox i.noTab{
    background: #6eb92e;
}
.custom-graphic-style20 ul li a .imgbox i.endTab{
    background: #4eb4ca;
}
.custom-graphic-style20 ul li a .title{
    position: absolute;
    height: 40px;
    line-height: 40px;
    padding: 0 14px;
    font-size: 16px;
    color: #fff;
    background: rgba(0,0,0,0.5);
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
}
.custom-graphic-style20 ul li:nth-child(1) .imgbox i{
    left: 20px;
    top: 20px;
}
.custom-graphic-style20 ul li:nth-child(1) a .title{
    line-height: 50px;
    height: 50px;
}
.custom-graphic-style20 ul li:hover a .imgbox img{
    transform: scale(1.1);
    transition: all 0.3s;
}

/* custom-graphic-style21 舞阳 地图及点单 */
.custom-graphic-style21 {
    margin: 0 30px 0;
}
.custom-graphic-style21 li{
    float: left;
    width: 50%;
    padding: 0 15px;
}
.custom-graphic-style21 li a{
    display: block;
    border-radius: 10px;
    height: 240px;
    position: relative;
    text-align: center;
    padding: 10px;
    overflow: hidden;
}
.custom-graphic-style21 li a .txtbox{
    border: solid 1px #fff;
    border-radius: 6px;
    padding: 42px 0 0;
    position: relative;
    z-index: 1;
    height: 100%;
}
.custom-graphic-style21 li a h3,
.custom-graphic-style21 li a h2{
    color: #fff;
    position: relative;
    z-index: 1;
}
.custom-graphic-style21 li a h2{
    font-size: 34px;
    margin: 28px 0 15px;
    position: relative;
}
.custom-graphic-style21 li a h3{
    font-size: 18px;
    letter-spacing: 2px;
}
.custom-graphic-style21 li a .imgbox{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}
.custom-graphic-style21 li:hover a .imgbox img{
    transform:  scale(1.2, 1.2);
    -ms-transform:  scale(1.2, 1.2); /* IE 9 */
    -moz-transform:  scale(1.2, 1.2); /* Firefox */
    -webkit-transform:  scale(1.2, 1.2); /* Safari 和 Chrome */
    -o-transform:  scale(1.2, 1.2);
    transition: all 0.4s;
}


/* custom-graphic-style22 志愿者 舞阳 */
.custom-graphic-style22 {
  width: 100%;
  height: 400px;
}
.custom-graphic-style22 .leftpart {
  width: calc(100% - 430px);
  height: 100%;
  float: right;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.custom-graphic-style22 .leftpart .tit {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 30px;
  background: #baa27c;
}
.custom-graphic-style22 .leftpart .tit span:nth-child(1) {
  font-size: 26px;
  color: #fff;
}
.custom-graphic-style22 .leftpart .tit span:nth-child(2) {
  font-size: 18px;
  color: #4babe2;
}
.custom-graphic-style22 .leftpart .tit a {
  float: right;
  color: #fff;
}
.custom-graphic-style22 .leftpart ul{
    padding: 20px 20px 0;
}
.custom-graphic-style22 .leftpart ul li{
    float: left;
    width: 220px;
    height: 140px;
    margin: 0 0 20px 20px;
    border-radius: 10px;
    overflow: hidden;
}
.custom-graphic-style22 .leftpart ul li:nth-child(1){
    width: calc(100% - 240px);
    height: 300px;
    margin: 0;
}
.custom-graphic-style22 .leftpart ul li a{
    display: block;
    height: 100%;
    position: relative;
}
.custom-graphic-style22 .leftpart ul li a h2{
    position: absolute;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    background: rgba(0,0,0,0.5);
}
.custom-graphic-style22 .leftpart ul li a .imgbox{
    height: 100%;
}
.custom-graphic-style22 .leftpart ul li:hover a .imgbox img{
    transform: scale(1.1);
    transition: all 0.3s;
}

.custom-graphic-style22 .rightPart {
  float: left;
  width: 400px;
  height: 100%;
}
.custom-graphic-style22 .rightPart .sec,
.custom-graphic-style22 .rightPart .fir,
.custom-graphic-style22 .rightPart .thir{
  float: left;
}
.custom-graphic-style22 .rightPart .sec,
.custom-graphic-style22 .rightPart .fir {
  width: 190px;
  height: 220px;
  margin-bottom: 20px;
}
.custom-graphic-style22 .rightPart .sec {
    margin-left: 20px;
}
.custom-graphic-style22 .rightPart .thir {
  width: 100%;
}
.custom-graphic-style22 .rightPart a{
    display: block;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.custom-graphic-style22 .rightPart a .txtbox{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    padding: 10px;
}
.custom-graphic-style22 .rightPart a .txtbox h3{
    font-size: 24px;
    border-radius: 10px;
    padding: 30px 0 5px;
    text-align: center;
    position: relative;
    color: #fff;
}
.custom-graphic-style22 .rightPart a .txtbox p{
    text-align: center;
    color: #fff;
}
.custom-graphic-style22 .rightPart .thir a .txtbox h3,
.custom-graphic-style22 .rightPart .thir a .txtbox p{
    text-align: left;
    padding-left: 30px;
}
.custom-graphic-style22 .rightPart .thir a .txtbox h3{
    padding-top: 40px;
}
.custom-graphic-style22 .rightPart a .txtbox:hover h3{
    padding-top: 26px;
    transition: all 0.3s; 
}
.custom-graphic-style22 .leftPart,
.custom-graphic-style22 .rightPart .sec, 
.custom-graphic-style22 .rightPart .fir, 
.custom-graphic-style22 .rightPart .thir{
  border-radius: 20px;
}


/* custom-graphic-style23 场馆 舞阳 */
.custom-graphic-style23 {
  position: relative;
  height: 480px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
}
.custom-graphic-style23 .gallery-top {
  width: 100%;
  overflow: hidden;
  height: 100%;
}
.custom-graphic-style23 .gallery-top .imgbox {
  width: 540px;
  float: left;
  height: 100%;
}
.custom-graphic-style23 .gallery-top .slidecon {
  width: calc(100% - 540px);
  float: left;
  height: 100%;
  background: #fff;
  position: relative;
  padding: 10px 50px 35px;
}
.custom-graphic-style23 .gallery-top .slidecon .more{
    position: absolute;
    right: 50px;
    top: 46px;
    font-size: 18px;
    color: #baa27c;
    z-index: 1;
}
.custom-graphic-style23 .gallery-top .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.custom-graphic-style23 .gallery-top .slidecon h2 {
  height:96px;
  line-height:96px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 26px;
  font-weight: bold;
  position: relative;
}
.custom-graphic-style23 .gallery-top .slidecon h2:after{
    display: block;
    content: '';
    height: 5px;
    width: 50px;
    background-color: #baa27c;
    position: absolute;
    bottom: 0;
    left: 0;
}
.custom-graphic-style23 .gallery-top .slidecon .txt {
  margin: 20px 0;
  height: 160px;
  overflow-y: auto;
}
.custom-graphic-style23 .gallery-top .slidecon .txt .labelul li {
  position: relative;
  line-height: 26px;
  min-height: 26px;
}
.custom-graphic-style23 .gallery-top .slidecon .txt .labelul li label {
  position: absolute;
  top: 0px;
  left: 0;
  line-height: 26px;
  color: #999;
}
.custom-graphic-style23 .gallery-top .slidecon .txt .labelul li span {
  margin: 0 0 0 50px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.custom-graphic-style23 .gallery-top .slidecon .txt .labelul li:last-child span {
  white-space: normal;
  height: 78px;
}
.custom-graphic-style23 .gallery-top .slidecon .txt .funul {
  text-align: center;
  position: relative;
  margin-top: 30px;
}
.custom-graphic-style23 .gallery-top .slidecon .txt .funul li {
  display: inline-block;
  width: 46%;
  height: 40px;
  line-height: 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 0 3px;
}
.custom-graphic-style23 .gallery-top .slidecon .txt .funul li a {
  background: #e9e9e9;
  color: #8e6c58;
  display: block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.custom-graphic-style23 .gallery-top .slidecon .txt .funul li a i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/icon-fun1.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  top: 3px;
  margin-right: 5px;
}
.custom-graphic-style23 .gallery-top .slidecon .txt .funul li:last-child a {
  background: #d2484d;
  color: #fff;
}
.custom-graphic-style23 .gallery-top .slidecon .txt .funul li:last-child a i {
  background: url(../images/icon-fun2.png) no-repeat;
  background-size: 100% 100%;
}
.custom-graphic-style23 .gallery-thumbs {
  box-sizing: border-box;
  padding: 20px 60px;
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100% - 540px);
  height: 170px;
  z-index: 1;
}
.custom-graphic-style23 .gallery-thumbs:after{
    display: block;
    content: '';
    height: 1px;
    width: 100%;
    background: #eee;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 0;
    visibility: visible;
}
.custom-graphic-style23 .gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  cursor: pointer;
  position: relative;
}
.custom-graphic-style23 .gallery-thumbs .swiper-slide p{
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    padding: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: solid 1px #eee;
    top: 20px;
    left: 50%;
    margin-left: -10px;
    box-sizing: border-box;
}
.custom-graphic-style23 .gallery-thumbs .swiper-slide p span{
    display: block;
    content: '';
    width: 14px;
    height: 14px;
    background: #eee;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: 50%;
    margin-top: -7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.custom-graphic-style23 .gallery-thumbs .swiper-slide h2{
    font-size: 16px;
    color: #666;
    margin: 56px 0 0;
    text-align: center;
}
.custom-graphic-style23 .gallery-thumbs .imgbox{
    opacity: 0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: -20px;
}
.custom-graphic-style23 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active img {
  border-color: #fff;
}
.custom-graphic-style23 .gallery-thumbs .swiper-button-next,
.custom-graphic-style23 .gallery-thumbs .swiper-button-prev {
  width: 23px;
  height: 28px;
  background-size: 100% 100%;
  margin-top: -14px;
}
.custom-graphic-style23 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .imgbox,
.custom-graphic-style23 .gallery-thumbs .swiper-slide:hover .imgbox{
    opacity: 1;
    transition: all 0.3s;
}

.custom-graphic-style23 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active h2,
.custom-graphic-style23 .gallery-thumbs .swiper-slide:hover h2{
    margin-top: 92px;
    transition: all 0.3s;
}


/* custom-graphic-style24 场馆预览 舞阳 */
.custom-graphic-style24 .bd {
    background-color: #fff;
}
.custom-graphic-style24 .bd ul li{
    height: 370px;
}
.custom-graphic-style24 .bd ul li a,
.custom-graphic-style24 .bd ul li a .imgbox img{
    width: 100%;
    height: 100%;
}
.custom-graphic-style24 .bd ul li a .imgbox {
    padding: 0;
    width: 650px;
    height: 100%;
    display: block;
    float: left;
}

.custom-graphic-style24 .bd ul li a .imgbox:hover {
    color: unset;
}

.custom-graphic-style24 .bd ul li a .imgbox img {
    display: block;
    width: 100%;
    height: 100%;
}
.custom-graphic-style24 .bd ul li a .venue {
    width: calc(100% - 650px);
    height: 100%;
    float: right;
    overflow: hidden;
    padding: 30px;
}

.custom-graphic-style24 .bd ul li a .venue .venue-title {
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0;
}

.custom-graphic-style24 .bd ul li a .venue .venue-des {
    color: #666;
    width: 100%;
    margin: 10px 0 20px;
    height: 136px;
    line-height: 22px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.custom-graphic-style24 .bd ul li a .venue .venue-des p {
    color: #333;
    height: auto;
    overflow: hidden;
    margin-top: 0;
    font-size: 16px;
}
.custom-graphic-style24 .bd ul li a .venue .venue-item {
    color: #999999;
    line-height: 22px;
}

.custom-graphic-style24 {
    margin: 0 auto;
    width: 100%;
    padding: 5px;
    position: relative;
    zoom: 1;
    height: 565px
}

.custom-graphic-style24 .hd {
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
}

.custom-graphic-style24 .hd ul {
    margin-right: -5px;
    overflow: hidden;
    zoom: 1;
    display: block;
    height: 120px;
    margin-left: 60px
}

.custom-graphic-style24 .hd ul li {
    float: left;
    text-align: center;
    height: 120px;
    width: 204px;
    position: relative;
    background: transparent;
    margin-right: 12px;
}

.custom-graphic-style24 .hd ul li img {
    width: 100%;
    height: 120px;
    cursor: pointer;
}

.custom-graphic-style24 .hd ul li  .shadow-venue {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    color: #fff;
    font-size: 16px;
    line-height: 8;
}

.custom-graphic-style24 .hd ul li.on .shadow-venue {
    display: none;
}

.custom-graphic-style24 .hd ul li.on img {
    border-color: #f60;
}

.custom-graphic-style24 .hd .venueLt,
.custom-graphic-style24 .hd .venueRg {
    width: 50px;
    height: 50px;
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    z-index: 8;
    top: 32px;
}

.custom-graphic-style24 .hd .venueLt {
    left: 0;
}

.custom-graphic-style24 .hd .venueRg {
    right: 0;
}

.custom-graphic-style24 .hd .venueLt i,
.custom-graphic-style24 .hd .venueRg i{
    display: block;
    width: 100%;
    height: 100%;
}
.custom-graphic-style24 .hd .venueLt i {
    background: url("../images/arrowleft.png") center no-repeat;
    background-size: 14px 28px;
}

.custom-graphic-style24 .hd .venueRg i {
    background: url("../images/arrowright.png") center  no-repeat;
    background-size: 14px 28px;
}

.custom-graphic-style24 .bd li {
    vertical-align: middle;
}


/* custom-graphic-style25 资讯 舞阳 */
.custom-graphic-style25 {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
.custom-graphic-style25 .infoswiper {
  float: right;
  width: 500px;
  height: 480px;
  overflow: hidden;
}
.custom-graphic-style25 .infoswiper .swiper-pagination-bullets {
  text-align: right !important;
  padding-right: 20px;
  bottom: 14px;
}
.custom-graphic-style25 .infoswiper .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.4);
}
.custom-graphic-style25 .infoswiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #ffffff;
}
.custom-graphic-style25 .infoswiper .swiper-slide {
  position: relative;
  width: 100%;
  height: 100%;
}
.custom-graphic-style25 .infoswiper .swiper-slide a{
    display: block;
    height: 100%;
}
.custom-graphic-style25 .infoswiper .swiper-slide .name {
  width: 100%;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  padding-left: 20px;
  line-height: 50px;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-right: 100px;
}
.custom-graphic-style25 .leftInfos {
  background-color: #fff;
  width: calc(100% - 500px);
  float: left;
  height: 480px;
}

.custom-graphic-style25 .leftInfos .item{
    border-bottom: solid 1px #e5e5e5;
}
.custom-graphic-style25 .leftInfos .item:last-child{
    border-bottom: none;
}
.custom-graphic-style25 .leftInfos .item a{
  width: 100%;
  padding: 20px;
  height: 160px;
  display: flex;
}
.custom-graphic-style25 .leftInfos .item a .imgbox{
    width: 190px;
    height: 120px;
    border-radius: 10px;
    overflow: hidden;
}
.custom-graphic-style25 .leftInfos .item:hover {
  background-color: #bc2115;
  transition: all 0.3s;
}
.custom-graphic-style25 .leftInfos .item:hover .dates div,
.custom-graphic-style25 .leftInfos .item:hover .details .tit,
.custom-graphic-style25 .leftInfos .item:hover .details .conts {
  color: #fff !important;
}
.custom-graphic-style25 .leftInfos .item .details {
  height: 100%;
  flex: 1;
  min-width: 0;
  margin: 0 0 0 20px;
  font-family: semiBold;
}
.custom-graphic-style25 .leftInfos .item .details .tit {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333333;
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 54px;
}
.custom-graphic-style25 .leftInfos .item .details .conts {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  font-size: 14px;
  -webkit-line-clamp: 2;
  /* 可以显示的行数，超出部分用...表示*/
  -webkit-box-orient: vertical;
  color: #666;
}

/* custom-graphic-style26 非遗 舞阳 */
.custom-graphic-style26 {
    position: relative;
}
.custom-graphic-style26 .imgul{
    width: 100%;
}
.custom-graphic-style26 .imgul ul{
    display: flex;
    align-items: flex-end;
    width: 100%;
}
.custom-graphic-style26 .imgul ul li{
    width: 250px;
    height: 160px;
    margin: 0 0 0 30px;
}
.custom-graphic-style26 .imgul ul li:nth-child(1){
    width: 640px;
    height: 410px;
    margin-left: 0;
}
.custom-graphic-style26 .imgul ul li a{
    display: block;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
}
.custom-graphic-style26 .imgul ul li a:hover img{
    transition: all 0.3s;
    transform: scale(1.1);
}
.custom-graphic-style26 .txtbox{
    width: 620px;
    height: 200px;
    position: absolute;
    top: 20px;
    right: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    background: #fff;
    z-index: 1;
    display: flex;
    overflow: hidden;
}
.custom-graphic-style26 .txtbox ul,
.custom-graphic-style26 .txtbox ul li,
.custom-graphic-style26 .txtbox ul li a{
    height: 100%;
}
.custom-graphic-style26 .txtbox ul li a{
    display: flex;
}
.custom-graphic-style26 .txtbox ul li .desc{
    width: 560px;
    padding: 35px 30px 0;
    height: 100%;
    overflow-y: auto;
    height: calc(100% - 35px);
}
.custom-graphic-style26 .txtbox ul li h2.title{
    width: 60px;
    font-size: 24px;
    color: #fff;
    background: #baa27c;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 20px 0 20px 18px;
}
.custom-graphic-style26 .txtbox ul li h2.title span{
    display: block;
    height: 100%;
    overflow: hidden;
}



/* custom-graphic-style27 临漳 非遗 */
.custom-graphic-style27 {
  position: relative;
  height: 550px;
  background: #fff;
  padding: 10px;
}
.custom-graphic-style27 .gallery-top {
  width: 100%;
  overflow: hidden;
  height: 320px;
}
.custom-graphic-style27 .gallery-top .imgbox {
  width: 600px;
  float: left;
  height: 100%;
}
.custom-graphic-style27 .gallery-top .slidecon {
  width: calc(100% - 600px);
  float: left;
  height: 100%;
  padding: 30px 40px 30px 50px;
  background: #fff;
  position: relative;
}
.custom-graphic-style27 .gallery-top .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.custom-graphic-style27 .gallery-top .slidecon h2 {
  font-size: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}
.custom-graphic-style27 .gallery-top .slidecon .txt {
  padding: 20px 0;
  height: 170px;
  overflow: hidden;
  line-height: 24px;
  color: #777;
}
.custom-graphic-style27.style1 .gallery-top .slidecon .txt .labelul{
    height: 166px;
    overflow-y: auto;
}
.custom-graphic-style27.style1 .gallery-top .slidecon .txt .labelul li {
  position: relative;
  line-height: 26px;
  min-height: 26px;
}
.custom-graphic-style27.style1 .gallery-top .slidecon .txt .labelul li label {
  position: absolute;
  top: 0px;
  left: 0;
  line-height: 26px;
  color: #999;
}
.custom-graphic-style27.style1 .gallery-top .slidecon .txt .labelul li span {
  margin: 0 0 0 50px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.custom-graphic-style27.style1 .gallery-top .slidecon .txt .labelul li:last-child span {
  white-space: normal;
  height: 78px;
}
.custom-graphic-style27.style1 .gallery-top .slidecon .txt .funul {
  position: relative;
  margin-top: 30px;
}
.custom-graphic-style27.style1 .gallery-top .slidecon .txt .funul li {
  display: inline-block;
  margin: 0 20px 0 0;
}
.custom-graphic-style27.style1 .gallery-top .slidecon .txt .funul li a {
  border: solid 1px #839f73;
  color: #839f73;
  display: block;
  text-align: center;
  width: 130px;
  height: 42px;
  line-height: 42px;
}
.custom-graphic-style27.style1 .gallery-top .slidecon .txt .funul li:last-child a {
  border: solid 1px #839f73;
  background: #839f73;
  color: #fff;
}
.custom-graphic-style27 .gallery-top .slidecon .more{
    display: block;
    float: right;
    color: #732d21;
    font-size: 16px;
    position: relative;
    padding: 0 36px 0 0;
    margin: 30px 0 0;
}
.custom-graphic-style27 .gallery-top .slidecon .more:after {
    display: block;
    content: '';
    width: 28px;
    height: 10px;
    background: url(../images/icon-line.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 6px;
    right: 0;
}
.custom-graphic-style27.style1 .gallery-top .slidecon:after{
    position: absolute;
    width: 50px;
    height: 5px;
    background: #839f73;
    display: block;
    content: '';
    top: 80px;
    left: 50px;
}
.custom-graphic-style27.style1 .gallery-top .slidecon .txt{
    padding: 50px 0 0;
    height: auto;
}
.custom-graphic-style27 .thumbsbox{
    padding: 10px 45px 0;
    margin-top: 10px;
    background: #dac9b2;
    position: relative;
    height: 200px;
}
.custom-graphic-style27 .gallery-thumbs {
  box-sizing: border-box;
  z-index: 1;
}
.custom-graphic-style27 .gallery-thumbs .swiper-slide {
  width: 300px;
  height: 100%;
  cursor: pointer;
}
.custom-graphic-style27 .gallery-thumbs .imgbox{
  height: 180px;
}
.custom-graphic-style27 .gallery-thumbs h2{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 24px;
    padding: 74px 20px 0;
    text-align: center;
}
.custom-graphic-style27 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active h2 {
    display: none;
}
.custom-graphic-style27 .thumbsbox .swiper-button-next,
.custom-graphic-style27 .thumbsbox .swiper-button-prev {
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #732d21;
    background: none;
}
.custom-graphic-style27 .thumbsbox .swiper-button-prev{
    border-left: none;
    border-right: 18px solid #732d21;
}

/*  场馆预订 洪湖  */
.custom-graphic-style27.style2{
    height: 540px;
    padding: 20px;
    box-shadow: 0 0 30px rgba(0,0,0,0.05);
}
.custom-graphic-style27.style2 .gallery-top{
    height: 100%;
}
.custom-graphic-style27.style2 .gallery-top .imgbox{
    height: 360px;
}
.custom-graphic-style27.style2 .thumbsbox{
    width: 600px;
    height: 160px;
    background: none;
    position: absolute;
    bottom: 0;
    left: 20px;
    padding-top: 20px;
}
.custom-graphic-style27.style2 .gallery-thumbs .swiper-slide{
    width: 160px;
}
.custom-graphic-style27.style2 .gallery-thumbs .imgbox{
    height: 120px;
}
.custom-graphic-style27.style2 .gallery-thumbs h2{
    display: none;
}
.custom-graphic-style27.style2 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .imgbox{
    border: solid 4px #12a789;
}
.custom-graphic-style27.style2 .thumbsbox .swiper-button-next{
    border-left-color: #13a689;
}
.custom-graphic-style27.style2 .thumbsbox .swiper-button-prev{
    border-right-color: #13a689;
}
.custom-graphic-style27.style2 .gallery-top .slidecon{
    padding: 0 0 0 20px;
}
.custom-graphic-style27.style2 .gallery-top .slidecon h2{
    line-height: 70px;
    border-bottom: solid 1px #e5e5e5;
    font-size: 30px;
    font-weight: bold;
}
.custom-graphic-style27.style2 .gallery-top .slidecon ul{
    height: 278px;
    overflow: hidden;
}
.custom-graphic-style27.style2 .gallery-top .slidecon ul li.remark{
    max-height: 180px;
    overflow: hidden;
    margin: 0 0 20px;
}
.custom-graphic-style27.style2 .gallery-top .slidecon .txt{
    height: auto;
    padding: 10px 0 0;
}

.custom-graphic-style27.style2 .gallery-top .slidecon .txt .funul {
  position: relative;
  margin: 60px -10px 0;
}
.custom-graphic-style27.style2 .gallery-top .slidecon .txt .funul li {
  display: block;
  width: 50%;
  float: left;
  padding: 0 10px;
}
.custom-graphic-style27.style2 .gallery-top .slidecon .txt .funul li a {
  border: solid 1px #839f73;
  color: #839f73;
  display: block;
  text-align: center;
  width: 100%;
  height: 42px;
  line-height: 42px;
}
.custom-graphic-style27.style2 .gallery-top .slidecon .txt .funul li:last-child a {
  border: solid 1px #839f73;
  background: #839f73;
  color: #fff;
}



/* custom-graphic-style28 临漳 直播 */

.custom-graphic-style28{
    padding: 20px 0;
}
.custom-graphic-style28 .swiper-slide {
    width: 600px;
}
.custom-graphic-style28 .swiper-slide a .imgbox {
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
}
.custom-graphic-style28 .swiper-slide a .imgbox i{
    display: block;
    height: 28px;
    line-height: 28px;
    left: 20px;
    top: 20px;
    position: absolute;
    z-index: 10;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    font-style: normal;
    padding: 0 12px;
    color: #fff;
}
.custom-graphic-style28 .swiper-slide a .imgbox  i.beginTab{
    background: #cb5f4c;
}
.custom-graphic-style28 .swiper-slide a .imgbox  i.noTab{
    background: #d0995f;
}
.custom-graphic-style28 .swiper-slide a .imgbox  i.endTab{
    background: #4eb4ca;
}
.custom-graphic-style28 .swiper-slide a .txtbox{
    text-align: center;
    display: none;
}
.custom-graphic-style28 .swiper-slide a .txtbox h2{
    font-size: 18px;
    line-height: 66px;
    padding: 0 20px;
    margin: 10px 0 0;
}
.custom-graphic-style28 .swiper-slide a .txtbox .desc{
    color: #666;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}
.custom-graphic-style28 .swiper-slide a .txtbox p{
    color: #666;
    display: inline-block;
    position: relative;
}
.custom-graphic-style28 .swiper-slide a .txtbox p:before {
    display: block;
    content: '';
    width: 16px;
    height: 16px;
    background: url(../images/icondate1.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 2px;
    left: -24px;
}
.custom-graphic-style28 .swiper-slide.swiper-slide-active a .txtbox{
    display: block;
}

/* custom-graphic-style29 洪湖 资讯 */
.custom-graphic-style29 ul{
    float:left;
}
.custom-graphic-style29 .first_ul{
    width: 450px;
    padding-right:20px;
    padding: 10px 10px;
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.06);
}
.custom-graphic-style29 .last_ul{
    width: calc(100% - 470px);
    float:right;
}
.custom-graphic-style29 li{
    position:relative;
    overflow:hidden;
}
.custom-graphic-style29 li .imgbox img{
    width:100%;
    height:100%;
}
.custom-graphic-style29 li:hover .imgbox img{
    transition: all 0.4s;
    transform: scale(1.1);
}
.custom-graphic-style29 li .textbox{
    overflow:hidden;
    position:relative;
}
.custom-graphic-style29 li span{
    display:block;
    line-height:28px;
    font-size:14px;
    color:#999;
    text-align:right;
    white-space:nowrap;
    border-right:1px solid #999;
    position:absolute;
    left:10px;
    top:35px;
    padding: 0px 10px 0 0;
    z-index:2;
}
.custom-graphic-style29 li span strong{
    display:block;
    font-size:30px;
    color:#999;
    font-weight:normal;
}
.custom-graphic-style29 li span i{
    font-style: normal;
}
.custom-graphic-style29 li span i.yy{
    position: relative;
    bottom: -7px;
}
.custom-graphic-style29 li .textbox .con{
    height: 60px;
    font-size:14px;
    color:#666;
    padding-top:15px;
    line-height:24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.custom-graphic-style29 li:hover span{
    border-right:1px solid #006756;
    color:#006756;
}
.custom-graphic-style29 li:hover span strong{
    color:#006756;
}
.custom-graphic-style29 .first_ul li .imgbox{
    display:block;
    width:100%;
    height:300px;
    overflow:hidden;
}
.custom-graphic-style29 .first_ul li .textbox{
    padding: 35px 10px 15px;
}
.custom-graphic-style29 .first_ul li .textbox h2{
    display:block;
    padding-left:114px;
    font-size:18px;
    color:#111;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    font-weight: bold;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position: relative;
    top: -5px;
}
.custom-graphic-style29 .first_ul li:hover .textbox h2{
    color:#006756;
    transition: all 0.3s;
}
.custom-graphic-style29 .last_ul{
    position:relative;
}
.custom-graphic-style29 .last_ul li{
    padding: 10px;
    background: #fff;
    box-shadow:  0 0 20px rgba(0,0,0,0.06);
    height: 150px;
    margin-bottom: 20px;
}
.custom-graphic-style29 .last_ul li:last-child{
    margin-bottom: 0;
}
.custom-graphic-style29 .last_ul li .imgbox{
    display: block;
    width: 180px;
    height: 130px;
    overflow: hidden;
    float: left;
}
.custom-graphic-style29 .last_ul li span{
    top: 8px;
    left: 15px;
}
.custom-graphic-style29 .last_ul li:hover{
    background: #006756;
    transition: all 0.3s;
}
.custom-graphic-style29 .last_ul li:hover span{
    border-color: #fff;
    transition: all 0.3s;
}
.custom-graphic-style29 .last_ul .textbox{
    float:right;
    width: calc(100% - 195px);
}
.custom-graphic-style29 .last_ul .textbox h2,
.custom-graphic-style29 .last_ul .textbox .con{
}
.custom-graphic-style29 .last_ul .textbox h2{
    font-size:18px;
    font-weight: bold;
    line-height: 54px;
    color:#111;
    display:block;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.custom-graphic-style29 .last_ul .textbox .con{
    padding-top:6px;
    height: 64px;
    line-height: 20px;
    -webkit-line-clamp: 3;
}
.custom-graphic-style29 .last_ul li:hover span,
.custom-graphic-style29 .last_ul li:hover span strong,
.custom-graphic-style29 .last_ul li:hover .textbox h2,
.custom-graphic-style29 .last_ul li:hover .textbox .con{
    color:#fff;
    transition: all 0.3s;
}

/* custom-graphic-style30 洪湖 非遗 */
.custom-graphic-style30 {
    margin: 0 -15px;
}
.custom-graphic-style30 li{
    height: 220px;
    width: 50%;
    padding: 0 15px;
    float: left;
    margin: 0 0 30px 0;
}
.custom-graphic-style30 li a{
    display: block;
    height: 100%;
    padding: 10px 15px 10px 10px;
    background: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,0.05);
}
.custom-graphic-style30 li a .imgbox{
    height: 200px;
    width: 220px;
    float: left;
    overflow: hidden;
}
.custom-graphic-style30 li a .txtbox{
    float: right;
    width: calc(100% - 240px);
}

.custom-graphic-style30 li a .txtbox h2{
    font-size: 20px;
    line-height: 80px;
    text-align: center;
}
.custom-graphic-style30 li a .txtbox .desc{
    max-height: 72px;
    line-height: 24px;
    overflow: hidden;
    color: #666;
}
.custom-graphic-style30 li:hover a .imgbox img{
    transition: all 0.4s;
    transform: scale(1.1);
}
.custom-graphic-style30 li:hover a .txtbox h2{
    color: #359a70;
    transition: all 0.4s;
}
/* custom-graphic-style31 洪湖 自然风光 */
.custom-graphic-style31 {
    margin: 0 -10px;
}
.custom-graphic-style31 li{
    width: 33.333333%;
    height: 240px;
    float: left;
    padding: 0 10px;
    margin: 0 0 20px 0;
}
.custom-graphic-style31 li a{
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.custom-graphic-style31 li:nth-child(1){
    height: 500px;
}
.custom-graphic-style31 li:nth-child(4){
    width: 66.666667%;
}
.custom-graphic-style31 li a .content{
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    height: 40px;
    width: 100%;
    bottom: 0;
    left: 0;
}
.custom-graphic-style31 li a .content h3{
    font-size: 14px;
    line-height: 40px;
    padding: 0 20px;
    text-align: center;
}
.custom-graphic-style31 li a .content h3,
.custom-graphic-style31 li a .content p,
.custom-graphic-style31 li a .content span{
    color: #fff;
}
.custom-graphic-style31 li:hover a img{
    transition: all 0.4s;
    transform: scale(1.1);
}
/*.custom-graphic-style31 li:hover a .content{
    height: 100%;
    transition: all 0.5s;
}*/


/* custom-graphic-style32 金秀 资讯 */
.custom-graphic-style32{
    height: 340px;
}
.custom-graphic-style32 .leftcon,
.custom-graphic-style32 .rightcon{
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.custom-graphic-style32 .rightcon{
    width: 480px;
    float: right;
    overflow: hidden;
}
.custom-graphic-style32 .leftcon{
    width: calc(100% - 500px);
    float: left;
    background: #fff;
    padding: 20px 0 0;
    box-shadow: 0 0 30px rgba(153,153,153, 0.3);
}
.custom-graphic-style32 .leftcon ul li a{
    display: block;
    line-height: 40px;
    padding: 0 30px 0 48px;
    position: relative;
    margin: 9px 0;
}
.custom-graphic-style32 .leftcon ul li a i{
    display: block;
    width: 14px;
    height: 14px;
    border: solid 1px #ff7030;
    border-radius: 50%;
    position: absolute;
    top: 13px;
    left: 22px;
}
.custom-graphic-style32 .leftcon ul li a i:after{
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    border: solid 1px #ff7030;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px;
}
.custom-graphic-style32 .leftcon ul li a p,
.custom-graphic-style32 .leftcon ul li a span{
    float: left;
    font-size: 18px;
}
.custom-graphic-style32 .leftcon ul li a span{
    width: 180px;
    color: #999;
    text-align: right;
}
.custom-graphic-style32 .leftcon ul li a p{
    width: calc(100% - 180px);
}

.custom-graphic-style32 .rightcon .txtbox{
    height: 116px;
    background: rgba(63, 60, 111, 0.6);
    padding: 12px 25px 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.custom-graphic-style32 .rightcon .txtbox h2{
    font-size: 18px;
    line-height: 36px;
    margin: 0 0 2px;
}
.custom-graphic-style32 .rightcon .txtbox .desc{
    height: 48px;
    line-height: 24px;
    overflow: hidden;
}
.custom-graphic-style32 .rightcon .txtbox h2,
.custom-graphic-style32 .rightcon .txtbox .desc{
    color: #fff;
}
.custom-graphic-style32 .leftcon ul li a:hover p{
    color: #037ddc;
}
.custom-graphic-style32 .rightcon:hover img{
    transition: all 0.4s;
    transform: scale(1.1);
}

/* custom-graphic-style33 金秀 活动 */

.custom-graphic-style33{
    margin: 0 -15px;
}
.custom-graphic-style33 li{
    width: 25%;
    padding: 0 15px;
    float: left;
}
.custom-graphic-style33 li a{
    display: block;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 30px rgba(153, 153, 153, 0.3);
    background: #fff;
    height: 450px;
}
.custom-graphic-style33 li a .imgbox{
    height: 220px;
    overflow: hidden;
}
.custom-graphic-style33 li a .txtbox{
    padding: 14px 20px 0;
}
.custom-graphic-style33 li a .txtbox h2{
    line-height: 30px;
    height: 60px;
    font-size: 18px;
    margin: 0 0 12px;
    font-weight: bold;
    overflow: hidden;
}
.custom-graphic-style33 li a .txtbox p{
    color: #999;
    padding: 0 0 0 24px;
    position: relative;
    line-height: 26px;
}
.custom-graphic-style33 li a .txtbox p:before{
    display: block;
    content: '';
    height: 14px;
    width: 16px;
    position: absolute;
    left: 0;
    top: 5px;
}
.custom-graphic-style33 li a .txtbox p.date:before{
    background: url('../images/timesicon.png') center no-repeat;
    background-size: auto 100%;
}
.custom-graphic-style33 li a .txtbox p.place:before{
    background: url('../images/addressicon.png') center no-repeat;
    background-size: auto 100%;
}
.custom-graphic-style33 li a .txtbox span{
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    display: block;
    background: #5e608c;
    margin: 40px 0 0;
}
.custom-graphic-style33 li:hover a .imgbox img{
    transition: all 0.4s;
    transform: scale(1.1);
}
.custom-graphic-style33 li:hover a .txtbox h2{
    color: #037ddc;
}


/* custom-graphic-style34 金秀 订场馆 */
.custom-graphic-style34 {
    margin: 0 -15px;
}
.custom-graphic-style34 li{
    width: 33.333333%;
    padding: 0 15px;
    float: left;
}

.custom-graphic-style34 li a{
    display: block;
    height: 374px;
    padding: 10px;
    background: #fff;
    position: relative;
}
.custom-graphic-style34 li a:after{
    display: block;
    content: '';
    width: 26px;
    height: 40px;
    background: url('../images/icon1.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    z-index: 1;
    margin-left: -13px;
    bottom: -12px;
}
.custom-graphic-style34 li a .innerbox{
    border: solid 1px #ececec;
    height: 100%;
    padding: 10px;
    text-align: center;
}
.custom-graphic-style34 li a .innerbox h2{
    font-size: 18px;
    margin: 15px 0 0;
}
.custom-graphic-style34 li a .innerbox i{
    display: inline-block;
    width: 12px;
    height: 1px;
    background: #111;
}
.custom-graphic-style34 li a .innerbox p{
    color: #666;
    margin: 5px 0 16px;
    height: 21px;
}
.custom-graphic-style34 li a .innerbox .imgbox{
    height: 212px;
    overflow: hidden;
}
.custom-graphic-style34 li:hover a .innerbox .imgbox img{
    transition: all 0.4s;
    transform: scale(1.1);
}


/* custom-graphic-style35 场馆 连山 */
.custom-graphic-style35 {
  position: relative;
  height: 580px;
  box-shadow: 0 0 60px rgba(3, 116, 204, 0.16);
  background: #fff;
  padding: 20px 0 20px 20px;
  border-radius: 10px;
}
.custom-graphic-style35 .gallery-top {
  width: 100%;
  overflow: hidden;
}
.custom-graphic-style35 .gallery-top .imgbox {
  width: 600px;
  float: left;
  height: 340px;
  border-radius: 10px;
  overflow: hidden;
}
.custom-graphic-style35 .gallery-top .slidecon {
  width: calc(100% - 640px);
  float: right;
  height: 340px;
  background: #fff;
  padding-right: 20px;
}
.custom-graphic-style35 .gallery-top .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.custom-graphic-style35 .gallery-top .slidecon h2 {
  height: 60px;
  line-height: 60px;
  padding: 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 22px;
  font-weight: normal;
}
.custom-graphic-style35 .gallery-top .slidecon span.line{
    width: 25px;
    height: 3px;
    background: #333333;
    display: block;
}
.custom-graphic-style35 .gallery-top .slidecon .txt {
  padding: 20px 0 0;
}
.custom-graphic-style35 .gallery-top .slidecon .txt .labelul{
    height: 182px;
    overflow: hidden;
}
.custom-graphic-style35 .gallery-top .slidecon .txt .labelul li {
  position: relative;
  line-height: 26px;
  min-height: 26px;
}
.custom-graphic-style35 .gallery-top .slidecon .txt .labelul li label {
  position: absolute;
  top: 0px;
  left: 0;
  line-height: 26px;
  color: #999;
}
.custom-graphic-style35 .gallery-top .slidecon .txt .labelul li span {
  margin: 0 0 0 50px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.custom-graphic-style35 .gallery-top .slidecon .txt .labelul li:last-child span {
  white-space: normal;
  height: 78px;
}
.custom-graphic-style35 .gallery-top .slidecon .txt .funul {
  position: relative;
  margin-top: 30px;
}
.custom-graphic-style35 .gallery-top .slidecon .txt .funul li {
  display: inline-block;
  width: 136px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 0 3px;
}
.custom-graphic-style35 .gallery-top .slidecon .txt .funul li a {
  background: #e9e9e9;
  color: #8e6c58;
  display: block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.custom-graphic-style35 .gallery-top .slidecon .txt .funul li a i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/icon-fun1.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  top: 3px;
  margin-right: 5px;
}
.custom-graphic-style35 .gallery-top .slidecon .txt .funul li:last-child a {
  background: #037ddc;
  color: #fff;
}
.custom-graphic-style35 .gallery-top .slidecon .txt .funul li:last-child a i {
  background: url(../images/icon-fun2.png) no-repeat;
  background-size: 100% 100%;
}
.custom-graphic-style35 .thumbsbox {
  box-sizing: border-box;
  padding: 36px 90px 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 220px;
  z-index: 1;
}
.custom-graphic-style35 .thumbsbox:after{
    position: absolute;
    display: block;
    content: '';
    height: 1px;
    width: 90%;
    background: #e5e5e5;
    top: 100px;
    left: 5%;
}
.custom-graphic-style35 .gallery-thumbs .swiper-slide{
    padding: 26px 0 0;
    cursor: pointer;
}
.custom-graphic-style35 .gallery-thumbs .swiper-slide .imgbox{
    width: 74px;
    height: 74px;
    overflow: hidden;
    border: solid 2px #fff;
    border-radius: 50%;
    margin: 0 auto;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.custom-graphic-style35 .gallery-thumbs .swiper-slide p{
    text-align: center;
    padding: 0 10px;
    margin: 14px 0 0;
}
.custom-graphic-style35 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{
    padding-top: 0;
}
.custom-graphic-style35 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .imgbox {
  width: 116px;
  height: 116px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.4s;
}
.custom-graphic-style35 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{
    font-size: 18px;
    transition: all 0.4s;
}
.custom-graphic-style35 .thumbsbox .swiper-button-next,
.custom-graphic-style35 .thumbsbox .swiper-button-prev {
  width: 46px;
  height: 46px;
  background-size: 22px 22px;
  margin-top: -32px;
  background-color: #037ddc;
  border-radius: 50%;
}
.custom-graphic-style35 .thumbsbox .swiper-button-next{
    right: 40px;
}
.custom-graphic-style35 .thumbsbox .swiper-button-prev{
    left: 40px;
}


/* custom-graphic-style36 票务 连山 */
.custom-graphic-style36 {
    margin: 0 -15px;
}
.custom-graphic-style36 li{
    float: left;
    width: 20%;
    padding: 0 15px;
}
.custom-graphic-style36 li a{
    display: block;
    height: 490px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}
.custom-graphic-style36 li a:before,
.custom-graphic-style36 li a:after{
    width: 40px;
    height: 40px;
    display: block;
    content: '';
    border-radius: 50%;
    position: absolute;
    bottom: 110px;
    background: #eef5f9;
    z-index: 2;
}
.custom-graphic-style36 li a:before{
    left: -20px;
}
.custom-graphic-style36 li a:after{
    right: -20px;
}
.custom-graphic-style36 li a .imgbox{
    height: 360px;
    overflow: hidden;
}
.custom-graphic-style36 li a .txtbox{
    height: 130px;
    background: #fff;
    padding: 28px;
}
.custom-graphic-style36 li a .txtbox h2{
    font-size: 18px;
    margin: 0 0 6px 0;
}
.custom-graphic-style36 li a .txtbox p{
    color: #999;
    line-height: 22px;
}
.custom-graphic-style36 li a .iconright{
    position: absolute;
    top: 0;
    right: 20px;
    display: block;
    width: 42px;
    height: 102px;
    overflow: hidden;
    border-bottom-left-radius: 21px;
    border-bottom-right-radius: 21px;
    font-size: 16px;
    color: #fff;
    padding: 12px 13px 0;
    z-index: 3;
    line-height: 18px;
    background: -webkit-linear-gradient(top, #228de0 , #6db0e4); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #228de0, #6db0e4); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom, #228de0, #6db0e4); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #228de0 , #6db0e4); /* 标准的语法 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#228de0, endColorstr=#6db0e4);
}
.custom-graphic-style36 li a:hover .imgbox img{
    transition: all 0.4s;
    transform: scale(1.1);
}
.custom-graphic-style36 li a:hover .txtbox h2{
    color: #037ddc;
}


/* custom-graphic-style37 资讯 通城 */
.custom-graphic-style37 {
  overflow: hidden;
  position: relative;
}

.custom-graphic-style37 ul {
  float: left;
  overflow: hidden;
}

.custom-graphic-style37 .first_ul {
  width: 520px;
}

.custom-graphic-style37 .last_ul {
  width: calc(100% - 560px);
  float: right;
}

.custom-graphic-style37 li {
  position: relative;
  overflow: hidden;
}

.custom-graphic-style37 .first_ul li .imgbox {
  display: block;
  width: 100%;
  height: 300px;
  float: none;
  overflow: hidden;
}

.custom-graphic-style37 li:hover .imgbox img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.custom-graphic-style37 li .textbox {
  overflow: hidden;
  position: relative;
}

.custom-graphic-style37 .first_ul li .textbox {
  padding: 15px 2px 0px;
}

.custom-graphic-style37 li span {
  display: block;
  width: 120px;
  height: 114px;
  line-height: 28px;
  font-size: 20px;
  color: #ccc;
  text-align: right;
  padding-right: 15px;
  white-space: nowrap;
  border-right: 1px solid #D9D9D9;
  position: absolute;
  left: 0;
  top: 20px;
  z-index: 2;
}

.custom-graphic-style37 li:hover span {
  border-right: 1px solid #53817e;
  color: #53817e;
}

.custom-graphic-style37 li span strong {
  display: block;
  font-size: 32px;
  color: #999;
  margin: 0 0 15px 0;
}

.custom-graphic-style37 li:hover span strong {
  color: #53817e;
}

.custom-graphic-style37 .first_ul li .textbox a {
  display: block;
  font-size: 18px;
  color: #111;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-weight: bold;
}

.custom-graphic-style37 .first_ul li:hover .textbox a {
  color: #53817e;
}

.custom-graphic-style37 li .textbox p {
  font-size: 14px;
  color: #666;
  line-height: 24px;
    height: 48px;
  padding: 10px 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.custom-graphic-style37 .last_ul {
  position: relative;
}

.custom-graphic-style37 .last_ul li {
  padding-bottom: 30px;
  padding-top: 0;
}

.custom-graphic-style37 .last_ul li .imgbox {
  display: block;
  width: 314px;
  height: 114px;
  float: left;
  overflow: hidden;
  padding-left: 134px;
}

.custom-graphic-style37 .last_ul li span {
  top: 0;
  padding: 10px 20px 20px 0;
}

.custom-graphic-style37 .last_ul .textbox {
  float: right;
  width: calc(100% - 335px);
    padding: 10px 0 0;
}

.custom-graphic-style37 .last_ul .textbox a {
  font-size: 16px;
  color: #111;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: bold;
}

.custom-graphic-style37 .last_ul li:hover .textbox a {
  color: #53817e;
}

.custom-graphic-style37 .last_ul li:last-child {
  padding-bottom: 0;
}

.custom-graphic-style37 .last_ul .textbox p {
  padding-top: 8px;
}


/* custom-graphic-style38 美食 通城 */
.custom-graphic-style38 li{
    width: 50%;
    float: left;
    height: 240px;
}
.custom-graphic-style38 li a{
    display: block;
    height: 100%;
    position: relative;
}
.custom-graphic-style38 li a .imgbox,
.custom-graphic-style38 li a .txtbox{
    height: 100%;
    float: left;
    width: 50%;
    position: relative;
    z-index: 1;
}
.custom-graphic-style38 li a .imgbox{
    overflow: hidden;
}
.custom-graphic-style38 li a .txtbox{
    padding: 30px;
    background: #FAF3E7;
    position: relative;
    z-index: 5;
}
.custom-graphic-style38 li a .txtbox:after{
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-top: solid 14px transparent;
    border-bottom: solid 15px transparent;
    border-right: solid 15px #FAF3E7;
    position: absolute;
    top: 35px;
    left: -14px;
    z-index: 10;
}
.custom-graphic-style38 li a .txtbox h2{
    font-size: 18px;
    margin: 0 0 10px 0;
}
.custom-graphic-style38 li a .txtbox .desc{
    font-size: 14px;
    line-height: 30px;
    height: 120px;
    overflow: hidden;
    color: #999;
}
.custom-graphic-style38 li:nth-child(3) a .imgbox,
.custom-graphic-style38 li:nth-child(4) a .imgbox{
    float: right;
}
.custom-graphic-style38 li:nth-child(3) a .txtbox,
.custom-graphic-style38 li:nth-child(4) a .txtbox{
    float: left;
}
.custom-graphic-style38 li:nth-child(3) a .txtbox:after,
.custom-graphic-style38 li:nth-child(4) a .txtbox:after{
    left: auto;
    right: -14px;
    border-right: none;
    border-left: solid 15px #FAF3E7;
}
.custom-graphic-style38 li a:hover .imgbox img{
    transition: all 0.4s;
    transform: scale(1.1);
}
.custom-graphic-style38 li a:hover .txtbox{
    background: #947B62;
    transition: all 0.4s;
}
.custom-graphic-style38 li a:hover .txtbox:after{
    border-right: solid 15px #947B62;
    transition: all 0.4s;
}

.custom-graphic-style38 li:nth-child(3) a:hover .txtbox:after,
.custom-graphic-style38 li:nth-child(4) a:hover .txtbox:after{
    border-left: solid 15px #947B62;
    border-right: none;
    transition: all 0.4s;
}
.custom-graphic-style38 li a:hover .txtbox h2,
.custom-graphic-style38 li a:hover .txtbox .desc{
    color: #fff;
}


/*****************
**  图文模块end
*****************/



/*****************
**  链接模块start
*****************/

/* custom-linkhref-style1 云阅读 龙州 */

.custom-linkhref-style1{
    position: relative;
}
.custom-linkhref-style1:before{
    display: block;
    width: 100%;
    height: 1px;
    background: #bee4d4;
    content: '';
    top: 0;
    left: 0;
}
.custom-linkhref-style1 ul{
    padding: 40px 0 0;
  display: block;
  text-align: center;
}
.custom-linkhref-style1 ul li{
  margin: 0 40px;
  display: inline-block;
}
.custom-linkhref-style1 ul li a{
  display: block;
  position: relative;
}
.custom-linkhref-style1 ul li a:before{
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background: #bee4d4;
    border-radius: 50%;
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -10px;
}
.custom-linkhref-style1 ul li a .imgbox{
  width: 160px;
  height: 160px;
  background: transparent;
  border-radius: 50%;
  border: solid 3px #bee4d4;
  padding: 7px;
}
.custom-linkhref-style1 ul li a .imgbox img{
  object-fit: cover;
  border-radius: 50%;
}
.custom-linkhref-style1 ul li a .txtbox{
  width: 66px;
  min-height: 100px;
  text-align: center;
  display: inline-block;
  color: #fff;
  margin: 30px 0 0;
  line-height: 30px;
}
.custom-linkhref-style1 ul li a .txtbox h2,
.custom-linkhref-style1 ul li a .txtbox p{
    float: left;
}
.custom-linkhref-style1 ul li a .txtbox h2{
    font-size: 30px;
    width: 46px;
}
.custom-linkhref-style1 ul li a .txtbox p{
    font-size: 14px;
    color: #999999;
    width: 20px;
    writing-mode: vertical-rl;
    position: relative;
    top: 5px;
}
.custom-linkhref-style1 ul li:hover a .imgbox{
  transition: all 0.4s;
  padding: 0;
}
.custom-linkhref-style1 ul li:hover a:before{
    width: 14px;
    height: 14px;
    top: -54px;
    margin-left: -14px;
    border: solid 6px #bee4d4;
    background: #359a70;
    transition: all 0.2s;
}

/* custom-linkhref-style2 文旅服务 龙州 */
.custom-linkhref-style2{
    margin: 0 auto;
    width: 1040px;
}
.custom-linkhref-style2 li{
    float: left;
}
.custom-linkhref-style2 li a{
    display: block;
    width: 100%;
    height: 100%;
}
.custom-linkhref-style2 li:nth-child(1){
    width: 280px;
}
.custom-linkhref-style2 li:nth-child(2){
    width: 480px;
}
.custom-linkhref-style2 li:nth-child(3){
    width: 280px;
}
.custom-linkhref-style2 li .imgbox{

}
.custom-linkhref-style2 li .txtbox{
    text-align: center;
    padding-top: 40px;
}
.custom-linkhref-style2 li .txtbox h2{
    font-size: 30px;
    color: #fff;
}
.custom-linkhref-style2 li .txtbox img{
    margin: 0 auto;
}
.custom-linkhref-style2 li:nth-child(1) .txtbox,
.custom-linkhref-style2 li:nth-child(2) .imgbox,
.custom-linkhref-style2 li:nth-child(3) .imgbox{
    height: 260px;
}
.custom-linkhref-style2 li:nth-child(1) .imgbox,
.custom-linkhref-style2 li:nth-child(2) .txtbox,
.custom-linkhref-style2 li:nth-child(3) .txtbox{
    height: 180px;
}
.custom-linkhref-style2 li .txtbox{
    background: -webkit-linear-gradient(left, #359a70 , #99d29f); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #359a70, #99d29f); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #359a70, #99d29f); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #359a70 , #99d29f); /* 标准的语法 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#359a70, endColorstr=#99d29f);
}
.custom-linkhref-style2 li:nth-child(1) .txtbox{
    padding-top: 70px;
}
.custom-linkhref-style2 li:nth-child(1) .txtbox h2{
    margin-bottom: 20px;
}
.custom-linkhref-style2 li .txtbox:hover img{
    transform: rotateY(360deg) scale(1.2,1.2);
    -ms-transform: rotateY(360deg) scale(1.2,1.2);   /* IE 9 */
    -moz-transform: rotateY(360deg) scale(1.2,1.2);  /* Firefox */
    -webkit-transform: rotateY(360deg) scale(1.2,1.2); /* Safari 和 Chrome */
    -o-transform: rotateY(360deg) scale(1.2,1.2);
    transition: all 0.5s;
}

/* custom-linkhref-style3 畅游平舆 平舆 */

.custom-linkhref-style3{
    margin: 0 auto;
    width: 1140px;
    height: 500px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.08);
    padding: 10px;
    background: #fff;
}
.custom-linkhref-style3 li{
    float: left;
    height: 240px;
    overflow: hidden;
}
.custom-linkhref-style3 li a{
    display: block;
    width: 100%;
    height: 100%;
}
.custom-linkhref-style3 li:nth-child(1),
.custom-linkhref-style3 li:nth-child(2){
    width: 300px;
}
.custom-linkhref-style3 li:nth-child(3),
.custom-linkhref-style3 li:nth-child(6){
    width: 290px;
}
.custom-linkhref-style3 li:nth-child(5){
    width: 600px;
}
.custom-linkhref-style3 li:nth-child(4),
.custom-linkhref-style3 li:nth-child(7){
    width: 230px;
}
.custom-linkhref-style3 li .imgbox{
    height: 100%;
}
.custom-linkhref-style3 li .txtbox{
    background: -webkit-linear-gradient(left, #009092 , #6fa9aa); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #009092, #6fa9aa); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #009092, #6fa9aa); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #009092 , #6fa9aa); /* 标准的语法 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#009092, endColorstr=#6fa9aa);
    padding: 40px 0 0 40px;
    height: 100%;
}
.custom-linkhref-style3 li .txtbox h2{
    font-size: 30px;
    color: #fff;
}
.custom-linkhref-style3 li .txtbox .line{
    display: block;
    width: 42px;
    height: 2px;
    background: #fff;
    margin: 12px 0 18px;
}
.custom-linkhref-style3 li .txtbox p{
    font-size: 16px;
    color: #fff;
}
.custom-linkhref-style3 li .txtbox span.sp1{
    display: block;
    width: 100px;
    height: 34px;
    line-height: 34px;
    border: solid 1px #fff;
    color: #fff;
    text-align: center;
    border-radius: 17px;
    margin: 40px 0 0;

}
.custom-linkhref-style3 li .txtbox img{
    margin: 0 auto;
}
.custom-linkhref-style3 li a{
}
.custom-linkhref-style3 li:nth-child(1) .txtbox{
}
.custom-linkhref-style3 li:nth-child(1) .txtbox h2{
}
.custom-linkhref-style3 li:hover .imgbox img{
    transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);   /* IE 9 */
    -moz-transform: scale(1.2,1.2);  /* Firefox */
    -webkit-transform: scale(1.2,1.2); /* Safari 和 Chrome */
    -o-transform: scale(1.2,1.2);
    transition: all 0.5s;
}
.custom-linkhref-style3 li:nth-child(3) .txtbox{
    background: -webkit-linear-gradient(left, #5297cb , #aed1f2); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #5297cb, #aed1f2); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #5297cb, #aed1f2); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #5297cb , #aed1f2); /* 标准的语法 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#5297cb, endColorstr=#aed1f2);
    padding: 40px 0 0 40px;
    height: 100%;
}
.custom-linkhref-style3 li:nth-child(7) .txtbox{
    background: -webkit-linear-gradient(left, #d1b771 , #dfd597); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #d1b771, #dfd597); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #d1b771, #dfd597); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #d1b771 , #dfd597); /* 标准的语法 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#d1b771, endColorstr=#dfd597);
    padding: 40px 0 0 40px;
    height: 100%;
}
.custom-linkhref-style3 li:nth-child(1){
    border-top-left-radius: 10px;
}
.custom-linkhref-style3 li:nth-child(4){
    border-top-right-radius: 10px;
}
.custom-linkhref-style3 li:nth-child(5){
    border-bottom-left-radius: 10px;
}
.custom-linkhref-style3 li:nth-child(7){
    border-bottom-right-radius: 10px;
}
.custom-linkhref-style3 li:hover .txtbox h2,
.custom-linkhref-style3 li:hover .txtbox .line,
.custom-linkhref-style3 li:hover .txtbox p{
    margin-left: 20px;
    transition: all 0.3s;
}

.custom-linkhref-style4{

}
.custom-linkhref-style4 ul{
    margin: 0 -1px;
}
.custom-linkhref-style4 ul li{
    width: 50%;
    height: 220px;
    float: left;
    margin: 0 0 2px 0;
    padding: 0 1px;
}
.custom-linkhref-style4 ul li a{
    display: block;
    height: 100%;
    position: relative;
}
.custom-linkhref-style4 ul li a .imgbox{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.custom-linkhref-style4 ul li a .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.custom-linkhref-style4 ul li a .txtbox{
    padding: 48px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.custom-linkhref-style4 ul li a .txtbox h2{
    font-size: 30px;
}
.custom-linkhref-style4 ul li a .txtbox p{
    font-size: 18px;
    margin-top: 15px;
}
.custom-linkhref-style4 ul li a .txtbox h2,
.custom-linkhref-style4 ul li a .txtbox p{
    color: #fff;
}

.custom-linkhref-style4 ul li a .txtbox span{
    display: block;
    width: 58px;
    height: 4px;
    background: #fff;
    margin-top: 20px;
}
.custom-linkhref-style4 ul li a:hover .txtbox{
    padding-left: 60px;
    transition: all 0.3s;
}
.custom-linkhref-style4 ul li a:hover .imgbox img{
    transition: all 0.3s;
    transform: scale(1.1);
}


/* custom-linkhref-style5 学才艺 舞阳 */
.custom-linkhref-style5{
  text-align: center;
  margin: 0 -25px;
}
.custom-linkhref-style5 li{
  display: block;
  float: left;
  width: 20%;
  height: 440px;
  padding: 0 25px;
}
.custom-linkhref-style5 li.li1{
  position: relative;
  top: 35px;
}
.custom-linkhref-style5 li a{
  display: block;
  cursor: pointer;
  padding: 10px;
  background: #fff;
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
  border-radius: 10px;
}
.custom-linkhref-style5 li a img{
  vertical-align: top;
  width: 100%;
  height: 100%;
}

/* custom-linkhref-style6 赶大集 舞阳 */


.custom-linkhref-style6 {
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.08);
    padding: 10px;
    background: #fff;
}
.custom-linkhref-style6 ul{
    border-radius: 10px;
    overflow: hidden;
}
.custom-linkhref-style6 li{
    float: left;
    height: 240px;
    width: 33.333333%;
    height: 200px;
    overflow: hidden;
}
.custom-linkhref-style6 li a{
    display: block;
    width: 100%;
    height: 100%;
}
.custom-linkhref-style6 li .imgbox{
    height: 100%;
    overflow: hidden;
}
.custom-linkhref-style6 li .txtbox{
    background-color: #d4a457;
    height: 100%;
}
.custom-linkhref-style6 li .txtbox a{
    display: flex;
    padding: 25px 40px 0;
}
.custom-linkhref-style6 li .txtbox h2{
    font-size: 28px;
    color: #fff;
    width: 32px;
    position: relative;
    top: -6px;
    margin: 0 0 0 8px;
}
.custom-linkhref-style6 li .txtbox p{
    font-size: 14px;
    color: #fff;
    width: 16px;
    writing-mode: vertical-rl;
}
.custom-linkhref-style6 li .txtbox span.sp1{
    display: block;
    color: #fff;
    text-align: center;
    border-radius: 17px;
    margin-left: auto;
    width: 16px;
    line-height: 18px;
    position: relative;
}
.custom-linkhref-style6 li .txtbox img{
    margin: 0 auto;
}
.custom-linkhref-style6 li:nth-child(3) .txtbox{
    background-color: #a2ba7c;
}
.custom-linkhref-style6 li:nth-child(5) .txtbox{
    background-color: #7ca6ba;
}
.custom-linkhref-style6 li:nth-child(5) .txtbox a{
    align-items: flex-end;
    padding: 0 40px 25px;
}
.custom-linkhref-style6 li:nth-child(5) .txtbox a h2{
    top: 2px;
}
.custom-linkhref-style6 li .txtbox span.sp1:after{
    display: block;
    content: '';
    width: 11px;
    height: 27px;
    background: url(../images/icon-line1.png) no-repeat;
    background-size: 100%;
    left: 50%;
    margin-left: -5.5px;
    top: 80px;
    position: absolute;
}
.custom-linkhref-style6 li:nth-child(5) .txtbox span.sp1:after{
    top: auto;
    bottom: 80px;
}

.custom-linkhref-style6 li:nth-child(5) .txtbox span.sp1:after{
    transform: rotate(180deg);
}

.custom-linkhref-style6 li:hover .imgbox img{
    transition: all 0.3s;
    transform: scale(1.1);
}

/* custom-linkhref-style7 赶大集 临漳 */
.custom-linkhref-style7{
    width: 1100px;
    margin: 0 auto;
}
.custom-linkhref-style7 li{
    width: 220px;
    height: 200px;
    float: left;
}
.custom-linkhref-style7 li a{
    display: block;
    height: 100%;
    position: relative;
}
.custom-linkhref-style7 li a .bgbox{
    height: 100%;
    overflow: hidden;
}
.custom-linkhref-style7 li a .txtbox{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    text-align: center;
    padding: 60px 0 0;
}
.custom-linkhref-style7 li a:hover .bgbox img{
    transform: scale(1.1);
}

.custom-linkhref-style7 li a .txtbox p,
.custom-linkhref-style7 li a .txtbox h2{
    color: #fff;
}
.custom-linkhref-style7 li a .txtbox p{
    font-size: 16px;
    margin: 0 0 16px 0;
}
.custom-linkhref-style7 li a .txtbox h2{
    font-size: 24px;
}
.custom-linkhref-style7 li.li1,
.custom-linkhref-style7 li.li3{
    margin: 0 220px 0 0;
}
.custom-linkhref-style7 li.li1 a .bgbox{
    background: #dac9b2;
}
.custom-linkhref-style7 li.li1 a .txtbox p,
.custom-linkhref-style7 li.li1 a .txtbox h2{
    color: #732d21;
}
.custom-linkhref-style7 li.li3 a .bgbox{
    background: #5a6ea4;
}
.custom-linkhref-style7 li.li5{
    height: 400px;
}
.custom-linkhref-style7 li.li5 a .txtbox{
    padding-top: 150px;
}
.custom-linkhref-style7 li.li6{
    width: 440px;
}
.custom-linkhref-style7 li.li6 a .txtbox{
    padding-right: 220px;
}
.custom-linkhref-style7 li.li7 a .bgbox{
    background: #c89e71;
}
.custom-linkhref-style7 li.li8{
    margin: 0 0 0 220px;
}
.custom-linkhref-style7 li.li8 a .bgbox{
    background: #334e3f;
}

/* custom-linkhref-style8 聚服务 临漳 */
.custom-linkhref-style8{
    width: 1000px;
    margin: 0 auto;
}
.custom-linkhref-style8 li{
    width: 250px;
    height: 230px;
    float: left;
}
.custom-linkhref-style8 li a{
    display: block;
    height: 100%;
    position: relative;
}
.custom-linkhref-style8 li a .bgbox{
    height: 100%;
    overflow: hidden;
}
.custom-linkhref-style8 li a .txtbox{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 50px 0 0 50px;
}
.custom-linkhref-style8 li a:hover .bgbox img{
    transform: scale(1.1);
}

.custom-linkhref-style8 li a .txtbox span,
.custom-linkhref-style8 li a .txtbox h2{
    color: #fff;
}
.custom-linkhref-style8 li a .txtbox span{
    font-size: 16px;
    position: relative;
    padding: 0 0 0 14px;
}
.custom-linkhref-style8 li a .txtbox span:after {
    display: block;
    content: '';
    width: 28px;
    height: 10px;
    background: url(../images/icon-line.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 4px;
    right: -36px;
}
.custom-linkhref-style8 li a .txtbox h2{
    font-size: 24px;
    margin-bottom: 70px;
}
.custom-linkhref-style8 li.li1,
.custom-linkhref-style8 li.li2{
    height: 460px;
}
.custom-linkhref-style8 li.li1 a .bgbox{
    background: #dac9b2;
}
.custom-linkhref-style8 li.li1 a .txtbox h2,
.custom-linkhref-style8 li.li1 a .txtbox span{
    writing-mode: vertical-rl;
}
.custom-linkhref-style8 li.li1 a .txtbox span{
    position: absolute;
    bottom: 100px;
    right: 38px;
}
.custom-linkhref-style8 li.li1 a .txtbox span:after {
    top: auto;
    right: -6px;
    bottom: -30px;
    transform: rotate(90deg);
}
.custom-linkhref-style8 li.li3{
    width: 500px;
}
.custom-linkhref-style8 li.li4 a .txtbox,
.custom-linkhref-style8 li.li5 a .txtbox{
    padding-left: 26px;
}

/* custom-linkhref-style9 门户之窗 临漳 */
.custom-linkhref-style9{
    margin: 0 auto;
    width: 1120px;
}
.custom-linkhref-style9 li{
    width: 560px;
    height: 250px;
    float: left;
    padding: 0 20px;
    margin: 0 0 40px;
}
.custom-linkhref-style9 li a{
    display: block;
    position: relative;
    padding: 50px 80px 0;
    height: 250px;
}
.custom-linkhref-style9 li a h2{
    font-size: 30px;
    padding: 0 25px;
    line-height: 56px;
    height: 56px;
    color: #fff;
    position: relative;
    display: inline-block;
}

.custom-linkhref-style9 li a h2:before,
.custom-linkhref-style9 li a h2:after{
    display: block;
    content: '';
    width: 30px;
    height: 54px;
    position: absolute;
    top: 0;
}
.custom-linkhref-style9 li a h2:before{
    background: url('../images/icon-arrow-left.png') no-repeat;
    background-size: 100% 100%;
    left: -30px;
}
.custom-linkhref-style9 li a h2:after{
    background: url('../images/icon-arrow-right.png') no-repeat;
    background-size: 100% 100%;
    right: -30px;
}
.custom-linkhref-style9 li a span{
    display: block;
    width: 110px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    color: #fff;
    border: solid 1px #fff;
    margin: 65px 0 0 0px;
}
.custom-linkhref-style9 li a img{
    position: absolute;
    right: 30px;
    bottom: 40px;
}
.custom-linkhref-style9 li a:hover span{
    border-width: 2px;
    transition: all 0.4s;
    line-height: 36px;
}
.custom-linkhref-style9 li a:hover img{
    transition: all 1s;
    transform: rotateY(360deg);
}
.custom-linkhref-style9 li a:hover{
    box-shadow: 0 0 30px rgba(0,0,0,0.1);
    transition: all 0.4s;
}

/* custom-linkhref-style10 赶大集 洪湖 */

.custom-linkhref-style10{
    width: 1200px;
    margin: 0 auto;
}
.custom-linkhref-style10 li{
    width: 240px;
    height: 320px;
    float: left;
}
.custom-linkhref-style10 li a{
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.custom-linkhref-style10 li a .bgbox{
    height: 100%;
    overflow: hidden;
}
.custom-linkhref-style10 li a .txtbox{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 50px 0 0 50px;
}
.custom-linkhref-style10 li a:hover .bgbox img{
    transform: scale(1.1);
    transition: all 0.4s;
}

.custom-linkhref-style10 li a .txtbox span,
.custom-linkhref-style10 li a .txtbox h2{
    color: #fff;
}
.custom-linkhref-style10 li a .txtbox span{
    font-size: 16px;
    position: relative;
    padding: 0 0 0 14px;
}
.custom-linkhref-style10 li a .txtbox span:after {
    display: block;
    content: '';
    width: 28px;
    height: 10px;
    background: url(../images/icon-line.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 4px;
    right: -36px;
}
.custom-linkhref-style10 li a .txtbox h2{
    font-size: 30px;
    margin-bottom: 70px;
}
.custom-linkhref-style10 li.li1,
.custom-linkhref-style10 li.li2{
    height: 540px;
}
.custom-linkhref-style10 li.li1 a .bgbox{
    background: #0085a1;
    background: -webkit-linear-gradient(top, #0085a1, #24cd94);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #0085a1, #24cd94);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom, #0085a1, #24cd94);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #0085a1, #24cd94);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#0085a1, endColorstr=#24cd94);
}
.custom-linkhref-style10 li.li1 a .txtbox{
    padding-left: 106px;
}
.custom-linkhref-style10 li.li1 a .txtbox h2,
.custom-linkhref-style10 li.li1 a .txtbox span{
    writing-mode: vertical-rl;
}
.custom-linkhref-style10 li.li1 a .txtbox span{
    position: absolute;
    bottom: 100px;
    right: 50%;
    margin-right: -12px;
}
.custom-linkhref-style10 li.li1 a .txtbox span:after {
    top: auto;
    right: -6px;
    bottom: -30px;
    transform: rotate(90deg);
    background: url(../images/icon-line-white.png) no-repeat;
    background-size: 100%;
}
.custom-linkhref-style10 li.li2{
    margin: 0 20px 0 0;
}
.custom-linkhref-style10 li.li3 a .txtbox{
    background: #0085a1;
    background: -webkit-linear-gradient(left, #2abd8b, #00abbf);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #2abd8b, #00abbf);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #2abd8b, #00abbf);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #2abd8b, #00abbf);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#2abd8b, endColorstr=#00abbf);
}
.custom-linkhref-style10 li.li3{
    width: 600px;
    height: 200px;
    margin: 0 0 20px 0;
}
.custom-linkhref-style10 li.li3 a .txtbox{
    padding-top: 65px;
}
.custom-linkhref-style10 li.li3 a .txtbox h2{
    margin-bottom: 8px;
}
.custom-linkhref-style10 li.li3 a .txtbox img{
    position: absolute;
    right: 70px;
    top: 50px;
    z-index: 1;
}
.custom-linkhref-style10 li.li3 a .txtbox span:after {
    display: none;
}

.custom-linkhref-style10 li.li4{
    margin-right: 20px;
}
.custom-linkhref-style10 li.li4,
.custom-linkhref-style10 li.li5{
    width: 290px;
}
.custom-linkhref-style10 li.li4 a .txtbox,
.custom-linkhref-style10 li.li5 a .txtbox{
    padding: 0;
    text-align: center;
}

.custom-linkhref-style10 li.li4 a .txtbox img,
.custom-linkhref-style10 li.li5 a .txtbox img{
    display: block;
    margin: 94px auto 0;
}
.custom-linkhref-style10 li.li4 a .txtbox h2,
.custom-linkhref-style10 li.li5 a .txtbox h2{
    font-size: 24px;
    color: #333;
}
.custom-linkhref-style10 li a:hover .txtbox img{
    transform: rotateY(360deg);
    transition: all 0.4s;
}

/*custom-linkhref-style11 金秀 学才艺*/
.custom-linkhref-style11{
    margin: 0 -13px;
}
.custom-linkhref-style11 li{
    float: left;
    width: 33.333333%;
    padding: 0 13px;
}
.custom-linkhref-style11 li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 44px 0 50px;
    height: 168px;
}
.custom-linkhref-style11 li:nth-child(1) a{
    background: url('../images/img_bg1.png') no-repeat;
    background-size: 100% 100%;
}
.custom-linkhref-style11 li:nth-child(2) a{
    background: url('../images/img_bg2.png') no-repeat;
    background-size: 100% 100%;
}
.custom-linkhref-style11 li:nth-child(3) a{
    background: url('../images/img_bg3.png') no-repeat;
    background-size: 100% 100%;
}
.custom-linkhref-style11 li a h2{
    font-size: 28px;
    margin: 0 0 16px 0;
}
.custom-linkhref-style11 li a p{
    font-size: 12px;
}
.custom-linkhref-style11 li a h2,
.custom-linkhref-style11 li a p{
    color: #fff;
}

.custom-linkhref-style11 li:hover{
    margin-top: -10px;
    transition: all 0.3s;
}
.custom-linkhref-style11 li:hover img{
    transform: 
}

/*custom-linkhref-style12 金秀 游本地*/
.custom-linkhref-style12{
    margin: 0 auto;
    height: 480px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.08);
    padding: 20px;
    background: #fff;
}
.custom-linkhref-style12 ul li{
    float: left;
    width: 25%;
    height: 220px;
    overflow: hidden;
}
.custom-linkhref-style12 ul li a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.custom-linkhref-style12 ul li .imgbox{
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}
.custom-linkhref-style12 ul li .txtbox{
    text-align: center;
    height: 100%;
    position: relative;
    z-index: 1;
    padding: 60px 0 0;
}
.custom-linkhref-style12 ul li .txtbox .line{
    display: inline-block;
    width: 46px;
    height: 4px;
    background: #fff;
    margin: 12px 0 18px;
}
.custom-linkhref-style12 ul li .txtbox p{
    font-size: 20px;
    color: #fff;
}
.custom-linkhref-style12 ul li .txtbox h2{
    font-size: 24px;
    color: #fff;
}
.custom-linkhref-style12 ul li:hover .imgbox img{
    transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);   /* IE 9 */
    -moz-transform: scale(1.2,1.2);  /* Firefox */
    -webkit-transform: scale(1.2,1.2); /* Safari 和 Chrome */
    -o-transform: scale(1.2,1.2);
    transition: all 0.5s;
}
.custom-linkhref-style12 ul li:hover .txtbox .line{
    width: 80px;
    transition: all 0.3s;
}

.custom-linkhref-style12 li:nth-child(1) {
    border-top-left-radius: 10px;
}
.custom-linkhref-style12 li:nth-child(4) {
    border-top-right-radius: 10px;
}
.custom-linkhref-style12 li:nth-child(5) {
    border-bottom-left-radius: 10px;
}
.custom-linkhref-style12 li:nth-child(8) {
    border-bottom-right-radius: 10px;
}
/*custom-linkhref-style13 桥西 文化服务*/
.custom-linkhref-style13{

}

.custom-linkhref-style13 li {
    width: 275px;
    height: 180px;
    float: left;
    background-size: 100% 100%;
    text-align: center;
    box-sizing: border-box;
    padding-top: 30px;
    overflow-x: hidden;
}

.custom-linkhref-style13 li img {
    display: inline-block;
}

.custom-linkhref-style13 li a {
    color: #fff;
    width: 100%;
    height: 100%;
    display: block;
}

.custom-linkhref-style13 li a p {
    font-size: 20px;
}


.custom-linkhref-style13 li.li4 a p,
.custom-linkhref-style13 li.li6 a p,
.custom-linkhref-style13 li.li8 a p {
    color: #04a4b7;
}

.custom-linkhref-style13.w275 {
    width: 275px;
}

.custom-linkhref-style13 li.li1 {
    height: 360px;
    padding-top: 120px;
}

.custom-linkhref-style13 li:hover a img {
    transform: rotateY(360deg) scale(1.2, 1.2);
    -ms-transform: rotateY(360deg) scale(1.2, 1.2); /* IE 9 */
    -moz-transform: rotateY(360deg) scale(1.2, 1.2); /* Firefox */
    -webkit-transform: rotateY(360deg) scale(1.2, 1.2); /* Safari 和 Chrome */
    -o-transform: rotateY(360deg) scale(1.2, 1.2);
    transition: all 0.4s;
}

/*custom-linkhref-style14 桥西 文化服务*/

.custom-linkhref-style14 .leftcon,
.custom-linkhref-style14 .rightcon{
    width: 540px;
    float: left;
}
.custom-linkhref-style14 .leftcon{
    margin: 0 20px 0 0;
}

.custom-linkhref-style14 .leftcon .topbox {
    margin: 0 0 20px 0;
}
.custom-linkhref-style14 .leftcon .topbox .titlebox{
    height: 60px;
    background: #23a7d2;
    line-height: 60px;
    padding: 0 20px;
}
.custom-linkhref-style14 .itembox,
.custom-linkhref-style14 .itembox h2,
.custom-linkhref-style14 .itembox a,
.custom-linkhref-style14 .itembox p,
.custom-linkhref-style14 .leftcon .topbox .titlebox h2,
.custom-linkhref-style14 .leftcon .topbox .titlebox a{
    color: #fff;
}
.custom-linkhref-style14 .leftcon .topbox .titlebox h2{
    float: left;
    line-height: 60px;
}

.custom-linkhref-style14 .leftcon .topbox .titlebox a{
    float: right;
}
.custom-linkhref-style14 .leftcon .topbox .topcontentbox{
    height: 280px;
    background: #fff;
    padding: 20px;
}
.custom-linkhref-style14 .leftcon .topbox .topcontentbox .imgbox{
    height: 240px;
    width: 240px;
    float: left;
    overflow: hidden;
}
.custom-linkhref-style14 .leftcon .topbox .topcontentbox .txtbox{
    width: calc(100% - 260px);
    float: right;
}
.custom-linkhref-style14 .leftcon .topbox .topcontentbox .txtbox h2{
    font-size: 18px;
    line-height: 50px;
}
.custom-linkhref-style14 .leftcon .topbox .topcontentbox .txtbox .desc{
    color: #666;
    height: 190px;
    line-height: 24px;
    overflow: hidden;
}
.custom-linkhref-style14 .leftcon .topbox .topcontentbox:hover .imgbox img{
    transition: all 0.4s;
    transform: scale(1.1);
}
.custom-linkhref-style14 .itembox {
    padding: 40px 0 0 40px;
}
.custom-linkhref-style14 .itembox h2{
    font-size: 26px;
    margin: 0 0 25px 0;
}
.custom-linkhref-style14 .itembox a,
.custom-linkhref-style14 .itembox p{
    font-size: 16px;
}
.custom-linkhref-style14 .leftcon .itembox{
    height: 160px;
}
.custom-linkhref-style14 .rightcon .itembox{
    height: 200px;
    padding-top: 65px;
}
.custom-linkhref-style14 .rightcon ul {
    margin: 20px -10px 0;
}
.custom-linkhref-style14 .rightcon ul li{
    width: 50%;
    height: 300px;
    float: left;
    padding: 0 10px;
}
.custom-linkhref-style14 .rightcon ul li a{
    display: block;
    text-align: center;
    background: #e9f9ff;
    height: 100%;
    padding: 60px 0 0;
}
.custom-linkhref-style14 .rightcon ul li a h2{
    font-size: 26px;
    color: #23a7d2;
}
.custom-linkhref-style14 .rightcon ul li a p{
    font-size: 14px;
    color: #23a7d2;
    margin: 10px 0 50px;
}
.custom-linkhref-style14 .rightcon ul li:hover a img{
    transform: rotateY(360deg) scale(1.2, 1.2);
    -ms-transform: rotateY(360deg) scale(1.2, 1.2); /* IE 9 */
    -moz-transform: rotateY(360deg) scale(1.2, 1.2); /* Firefox */
    -webkit-transform: rotateY(360deg) scale(1.2, 1.2); /* Safari 和 Chrome */
    -o-transform: rotateY(360deg) scale(1.2, 1.2);
    transition: all 0.4s;
}




/*****************
**  链接模块end
*****************/



/*****************
**  底部start
*****************/

/* custom-footer-style1 底部 龙州 */
.custom-footer-style1{
    padding: 25px 0;
    background: #2f634b;
}
.custom-footer-style1 .custom-bottominfo{

}
.custom-footer-style1 .custom-bottominfo .txtbox{
    width: calc(100% - 440px);
    padding: 15px 0;
    float: left;
}
.custom-footer-style1 .custom-bottominfo .txtbox .infobox:nth-child(1) {
    margin-bottom: 20px;
}
.custom-footer-style1 .custom-bottominfo .txtbox .infobox h2{
    font-size: 18px;
    color: #fff;
    position: relative;
    padding-left: 20px;
    margin: 0 0 10px;
}
.custom-footer-style1 .custom-bottominfo .txtbox .infobox h2:before{
    position: absolute;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    border: solid 2px #fff;
    border-radius: 50%;
    left: 0;
    top: 4px;
}
.custom-footer-style1 .custom-bottominfo .txtbox .infobox .descbox{
    padding-left: 20px;
}
.custom-footer-style1 .custom-bottominfo .txtbox .infobox .descbox a{
    color: #fff;
    margin: 0 20px 15px 0;
}
.custom-footer-style1 .custom-bottominfo .imgbox{
    width: 400px;
    float: right;
}
.custom-footer-style1 .custom-bottominfo .imgbox ul li{
    float: left;
    text-align: center;
    margin: 0 0 0 20px;
}
.custom-footer-style1 .custom-bottominfo .imgbox ul li img{
    width: 90px;
    height: 90px;
    display: block;
    margin: 0 auto 10px;
}
.custom-footer-style1 .custom-bottominfo .imgbox ul li p{
    line-height: 22px;
    color: #fff;
}


/* custom-footer-style2 底部 南涧 */
.custom-footer-style2{
    padding: 65px 0 35px;
    background: #2f634b;
}
.custom-footer-style2 .custom-bottominfo{

}
.custom-footer-style2 .custom-bottominfo .txtbox{
    width: calc(100% - 440px);
    padding: 15px 0;
    float: left;
}
.custom-footer-style2 .custom-bottominfo .txtbox .infobox h2{
    font-size: 18px;
    color: #fff;
    position: relative;
    margin: 0 0 10px;
    line-height: 20px;
}
.custom-footer-style2 .custom-bottominfo .txtbox .infobox:nth-child(1) {
    margin-bottom: 15px;
}
.custom-footer-style2 .custom-bottominfo .txtbox .infobox:nth-child(1) h2{
    line-height: 26px;
}
.custom-footer-style2 .custom-bottominfo .txtbox .infobox .descbox,
.custom-footer-style2 .custom-bottominfo .txtbox .infobox .descbox a{
    color: #fff;
}
.custom-footer-style2 .custom-bottominfo .txtbox .infobox .descbox a{
    margin: 0 20px 15px 0;
    font-size: 18px;
}
.custom-footer-style2 .custom-bottominfo .txtbox .infobox:nth-child(2) h2,
.custom-footer-style2 .custom-bottominfo .txtbox .infobox:nth-child(2)  .descbox a{
    font-size: 14px;
}
.custom-footer-style2 .custom-bottominfo .imgbox{
    width: 400px;
    float: right;
}
.custom-footer-style2 .custom-bottominfo .imgbox ul li{
    float: left;
    text-align: center;
    margin: 0 0 0 20px;
}
.custom-footer-style2 .custom-bottominfo .imgbox ul li img{
    width: 110px;
    height: 110px;
    display: block;
    margin: 0 auto 10px;
}
.custom-footer-style2 .custom-bottominfo .imgbox ul li p{
    line-height: 22px;
    color: #fff;
}

/* custom-footer-style3 底部 平舆 */
.custom-footer-style3 {
    width: 100%;
    background: url(../images/footerbg.jpg) top left no-repeat #008891;
    padding: 30px 0;
}
.custom-footer-style3 div {
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 16px;
    margin: 10px 0;
}
.custom-footer-style3 a {
    display: inline-block;
    margin-right: 10px;
}

/*****************
**  底部end
*****************/