body{background:#fff}
.warp-banner{height:400px;background:url(../images/about.jpg) no-repeat;background-size:cover;text-align:center;color:#fff;position:relative}
.warp-banner h4{font-size:33px;padding-top: 160px;position:relative;letter-spacing:6px;font-weight: bold;margin: 0;}
.warp-banner .position {padding-top:12px;position:relative}
.warp-banner .position span{color:#ff5d61}
.warp-banner .position a{color:#fff;opacity: 0.8;}
.warp-banner .position a:hover{color:#ff5d61;opacity: 1;}
.warp-banner .position .p-line{padding:0px 5px;color:#fff; opacity: 0.6;}
.warp-banner .position .sub-p{color:#fff;opacity: 0.8;;}
.warp-banner .pos-bg{background:#000;position:absolute;width:100%;height:100%;opacity: 0.7;}
.warp-content{position:relative;margin-top:50px;min-height:700px;z-index:1}

.left-menu{position:absolute;top:13px;}
.left-menu a{line-height:43px;line-height: 51px;border-radius:6px;display: block;width: 152px;margin: 22px 0px;text-align: center;font-size: 15px;font-weight: bold;color: #666; border: 1px solid #ddd;}

.left-menu .active a{ color: #fff;background: #db1d20;border: 1px solid #fff;}



.right-cont{padding-left:240px;min-height:1280px}
.left-none{padding-left:0px}
.right-cont .warp-title{margin-top: 37px;margin-bottom: 40px;}
.right-cont .warp-title .title{font-size: 33px;font-weight: bold;border-left: 4px solid #db1d20;padding-left: 25px;padding-right:192px;}
.right-cont .warp-title .tag{color:#666;height: 32px;display:none;}
.right-cont .warp-title .title span{display:block;font-size:14px;color:#aeaeae; font-weight: normal;padding-top:6px;}


/* introduction */
.introduction{font-size:16px}
.introduction p{line-height:47px;text-indent: 33px;}
.introduction .top-m{padding-top:25px}
.introduction img{float:right;width:500px}
.introduction .intr-honor{margin-top:118px;background:#fff6e9;padding: 20px;border-radius: 6px;}
.introduction .intr-honor .honor-title{font-weight:bold;height: 38px;}
.introduction .intr-honor .fa-circle{font-size:11px;transform: scale(0.5);}
.introduction .intr-honor li{display: inline-block;width: 49%;line-height:45px}
.activity-tab {padding-left:32px;}
.activity-tab li{display:inline-block}
.activity-tab li a {display: inline-block;padding: 7px 10px;border: 1px solid #ddd;border-radius: 31px;font-size: 13px;margin-right: 7px; margin-bottom: 11px; color: #666;width: 163px;text-align: center;}
.activity-tab .active a{color: #fff; background: #db1d20;border: 1px solid #db1d20}
.bz_travel_content{ padding-left: 32px;    padding-right: 32px;padding-top: 9px;}
.bz_travel_content li>h3 {font-size: 18px;color: #333;     padding-left: 279px;font-weight: bold;}
.bz_travel_content li .w_travel { padding: 0; float: left;padding-right:22px ;position: relative;top: -33px;}
.bz_travel_content li .w_travel img { width:260px;border-radius:5px}
.bz_travel_content li p {line-height:25px;padding-top: 15px;font-size:14px;    text-indent: 0;}
.bz_travel_content li .clear {clear: both; height: 1px;margin-top: -1px; overflow: hidden;}
.bz_travel_content li a{color:#258cd4;padding-left:12px}
.bz_travel_content li a:hover{color:#db1d20} 
.bz_travel_content li{height: 182px;margin-top: 41px;}
.bz_travel_hongcun p {line-height:28px;padding-top:30px;font-size:14px;text-indent: 29px;}
.bz_travel_hongcun img{max-width:600px;display:block;margin:auto;margin-top: 30px;border-radius: 10px}
.bz_travel_hongcun .return{text-align:right;height:30px}
.bz_travel_hongcun .return a{background: #faebec;padding: 12px 21px;border-radius: 76px;color: #db1d20;}


.culture li{position:relative;padding: 22px 0px; font-size: 16px;}
.culture .culture-img{width:300px;position:absolute;right:170px;height:490px;border-radius:6px;overflow:hidden;}
.culture .culture-img img{width:100%}

.list-honor li { width: 244px;height: 230px;float: left;text-align:center;margin-left: 21px;}
.list-honor li img{width:100%;height: 162px;}
.list-honor li p{padding-bottom:12px ; height: 163px;margin-bottom:8px; overflow: hidden;}

.right_honor_img {text-align:center;}
.right_honor_img img{max-width:600px;display: block;margin: auto;margin-top: 63px;}
.right_honor_img .return{text-align: right;height: 40px;}
.right_honor_img .return a{background: #faebec;padding: 12px 21px;border-radius: 76px;color: #db1d20;}
.right_honor_img p{padding-top:12px;}
.right_honor_img .font-cont{line-height: 27px;text-align: left; text-indent: 29px;}


@media screen and (max-width:786px){
.introduction p { line-height: 32px;text-indent: 33px;font-size: 12px;}
.introduction .intr-honor li{width:100%;    line-height: 29px;}
.introduction .intr-honor { margin-top: 18px; padding: 10px; border-radius: 6px;font-size: 12px;line-height: 13px;}
.introduction .intr-honor .honor-title {height: 18px;}
.introduction img { float: right; width: 50%;}
.introduction .top-m { padding-top: 0px;}
.warp-banner { height: 138px;}
.warp-banner h4{font-size: 25px;padding-top: 58px;margin: 0px;}
.warp-banner .position {padding-top: 10px;}
.left-menu{position: relative; top: 0px;}
.left-menu a{width: 100px;line-height: 31px;font-size: 12px;text-align: center;margin: 6px;}
.warp-content{ position: relative;margin-top: 10px;min-height: 600px;}
.left-menu li{display:inline-block}
.right-cont{ padding-left: 0;}
.right-cont .warp-title .title {font-size: 23px;    padding-right: 0;}
.right-cont .warp-title {margin-top:20px; margin-bottom:10px;}
.right-cont .warp-title .tag {display: none;}

.culture .culture-img{display:none;}
.culture li {padding: 9px 0px;font-size: 14px;}

.activity-tab{text-overflow:ellipsis; word-break:keep-all; white-space:nowrap;    overflow: auto;    padding-left: 0;}
.bz_travel_hongcun img {max-width: 100%;}
.activity-tab li a {padding: 5px 6px;border-radius: 31px; font-size: 12px;margin-right: 4px; width: auto;}
.bz_travel_content{padding:0px}
.list-honor li { width: 167px;height:179px;margin-left: 0;}
.list-honor li img { height: 122px;}
.list-honor li p {height: 125px;margin: 6px;}
.bz_travel_content li .w_travel img { width:146px;}
.bz_travel_content li>h3 { font-size: 14px;padding-left: 155px}
.bz_travel_content li p { line-height: 17px;padding-top: 0; font-size: 12px;text-indent: 0; height: 68px;overflow: hidden;}
.bz_travel_content li .w_travel { padding-right: 14px;top: -22px;}
.bz_travel_content li {height: 93px;margin-top: 41px;}
.bz_travel_content li a { padding-left: 0px;}
.right_honor_img img{max-width:100%;margin-top: 23px;}
.bz_travel_hongcun p{padding-top:10px}

}



/* news  */
.list-img .box{width:25%;float: left;height: 305px}
.list-img .box img{width: 100%;transition:all 0.5s linear; }
.list-img .box img:hover{transform: scale(1.1);}
.list-img .box-warp{padding: 20px}
.list-img .box-warp h4{font-weight: bold;text-align:left;line-height: 20px;margin:2px 0px;padding-top:6px}
.list-img .box-warp time{color:#666}
.list-img .box .i-block{border-radius:8px;overflow:hidden;   display: block;height:200px}
.news-more {border: 1px solid #258cd4;height: 40px;width: 130px;text-align: center; margin: auto; line-height: 35px; margin-top: 22px; color: #258cd4;opacity: 0.8;cursor:pointer}
.news-more:hover{opacity:1}
@media screen and (max-width:786px){
.list-img .box {width: 100%;height: 265px;}
.list-img .box .i-block{height:210px}
}
/* contact  */
.contact{padding:44px;display:flex}
.contact .contact-map { width: 697px;height: 550px;background: url(../images/map.jpg)no-repeat 0px 0px;background-size: cover;}
.contact .contact-map .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.contact .contact-map .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#dituContent{width:100%;height:100%;border:#ccc solid 1px;}
.contact .contact-add{padding-top: 40px;padding-left: 72px;}
.contact .contact-add li{height:74px;padding-left:70px;position: relative; }
.contact .contact-add .contact-icon {background: url(../images/contact-icon.png)no-repeat 0px -48px;background-size: 56px;width: 58px; height: 65px;position: absolute;padding-left: 41px;left:0px}
.contact .contact-add .title {padding-top:11px;color:#a6a6a6}
.contact .contact-add .tel{background-position: 0px -108px}
.contact .contact-add .fax{background-position: 0px 10px}
.contact .contact-add .maill{background-position: 0px -168px}
.contact .contact-add .name{background-position: 0px -229px}
.contact .contact-add .add{background-position: 0px -48px}

@media screen and (max-width:786px){
.contact .contact-map {display: none;}
.contact .contact-add { padding-top: 0px;padding-left: 0;}
}

/* jobs */
.jobs h3{font-weight:bold;font-size: 16px;margin-top:16px; border-bottom:1px solid #4f4f4f;height: 37px;}
.jobs li {line-height: 25px;display: inline-table;width: 46%;height: 600px; margin-left: 21px;background: #f8f8f8;padding:15px 30px;border-radius: 12px;margin-top: 31px;}
.jobs .jobs-title{font-weight:bold; padding-top: 16px; display: block;}
.jobs .bz-js {padding-top:12px}
.jobs .bz-js span{width: 32%;display: inline-block;}
.jobs li:nth-child(3),
.jobs li:nth-child(4){height:364px} 
.jobs-conact{float: right; padding-right: 62px; margin-top: 18px;}
.jobs-conact span{padding-left:15px;color: #666}
.jobs-conact .jobs-data{font-weight:bold;color: #f60;padding-left:0px;}

@media screen and (max-width:786px){
.jobs-conact span { padding-left: 0;}
.jobs-conact {float: none;padding-right: 0px; margin-top: 0;margin-bottom: 10px;}
.jobs li { line-height: 25px;display: inline-table;width: 100%; height: 600px; margin-left: 1px; background: #f8f8f8;padding: 15px 13px; border-radius: 12px;margin-top: 23px;}
}

/* business */
.business .bus-pro li{position:relative;padding-left:144px;height: 160px;padding-right: 21px;border-radius:5px;border-bottom:1px solid #f0f0f0}
.business .bus-pro img{position:absolute;left:10px;top:10px}
.business .bus-pro li h3{font-weight:bold;    padding-top: 22px}
.business .bus-pro li p{color:#666;line-height:26px;}
.business .bus-ifo{line-height:25px;font-weight:bold;padding-bottom:12px}
.business .swiper-container {width: 100%;padding-top: 90px;padding-bottom: 50px;}
.business .swiper-slide {background-position: center top;background-size: cover;width: 300px;height: 360px;}
.business  .swiper-pagination-bullet-active {background: #db1d20;}
@media screen and (max-width:786px){
.business .swiper-container { padding-top: 30px;}
.business .bus-pro li{height:auto;padding-bottom: 38px;padding-right: 0px;padding-bottom: 15px;}
.business .bus-pro li h3 { padding-top: 0px;}
.business .bus-ifo {line-height: 22px;padding-bottom: 0px; text-indent: 23px;}
.business .bus-pro img {left: 0px; top: 0px;}
.business .bus-pro li{}
.business .bus-pro li p {line-height: 20px;}
.business .bus-pro li{padding-left: 130px;}
}