@charset "utf-8";
/* CSS Document */

/*通配符*/
*{ margin:0; padding:0; font-family:"微软雅黑"; font-size:14px;color:#646464;}
body{ margin:0; background: #f8f8f8;}
ul,ol,li{ list-style:none; margin:0; padding:0;}
h1,h2,h3,h4,h5{ font-weight:normal; margin:0;}
p{ margin:0;}
dd,dl{ margin:0; padding:0; border:none;}
img{ display:block;}
a{ text-decoration:none;}
input{ outline:none; margin:0; padding:0; border:none;}
textarea{ outline:none; margin:0; padding:0; border:none;}
.clearfix{ clear:both;}
.clear::after{ content:""; display:block; clear:both; overflow:hidden; height:0; visibility:hidden;}
.clear{ clear:both;}
.container{ width:1200px; margin:0 auto;}
.center{
    width: 1200px;
    margin: auto;
}

#head{ width:100%; height:212px; background:url(../images/headbg.jpg) repeat-x;}
#head .headt{ width:1170px; height:50px; line-height:48px; color:#a1a1a1; background:url(../images/gonggaoicon.jpg) no-repeat; padding-left:30px;}
#head .headt p{ float:left;color:#b2b2b2;}
#head .headt ul{ width:336px; float:right;}
#head .headt ul li{ width:112px; text-align:center; float:left; background:url(../images/headtrli.jpg) no-repeat right;}
#head .headt ul li:last-child{ background:none;}
#head .headt ul li a{ color:#b2b2b2;}
#head .headt ul li a:hover{ color:#fff;}


#head .headm{ height:102px;}
#head .headm img{ width:426px; padding-top:16px; float:left;}
#head .headm .searchm{ width:495px; height:74px; padding-top:28px; float:left;}
#head .headm .searchm .text{ width:358px; height:44px; border:1px solid #cccccc; text-indent:1em; border-right:none; float:left;}
#head .headm .searchm  .button{ width:80px; height:46px; background:url(../images/searchbg.jpg) no-repeat center top ; float:left;}
#head .headm .tel{ width:225px; height:61px; margin-top:26px; background:url(../images/tel.jpg) no-repeat; color:#4ab344; font-weight:bolder; font-size:28px; padding:15px 0 0 54px; float:right;}


#head .nav{ height:60px; line-height:60px;}
#head .nav li{ width:171px; color:#fff; font-size:16px; height:60px; background:none; text-align:center; float:left; display:block;transition:all ease-in-out 0.4s;}
#head .nav a li{ color:#fff; font-size:16px;}
#head .nav a li:hover{ display:block; background:#ff6537;color:#fff; cursor:pointer;}
.active{ background:#ff6537 !important; display:block; } 
.float_l{
    float: left;
}
.float_r{
    float: right;
}
.clear{
    clear: both;
}
.cursor_pointer{
    cursor:pointer;
}



.banner {
    width: 100%;
    height: 650px;
    overflow: hidden;
    position: relative;
}

.banner > ul {
    display: none;
    /*width: 999999999px;*/
    height: 650px;
    position: absolute;
    top:0;
    left: 0;
}

.banner > ul > li  {
    float: left;
    height: 650px;
}

.banner > ul > li > a {
    display: block;
    font-size: 200px;
    text-align: center;
    line-height: 650px;
    font-weight: bold;
}
.banner > ul > li > a > div{
    /*background: url('../images/banner1.jpg') top center no-repeat !important;*/
    background-size: 100% 100%;
    /* width: 100%; */
    height: 650px;
}
.left-btn,.right-btn {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 45%;
    right: 30px;
    background: url("../images/right-1.png");
    cursor: pointer;
}

.left-btn {
    left: 30px;
    background: url("../images/left-1.png");
}

.img-btn-list {
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
    text-align: center;
}

.img-btn-list > span  {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 5px;
	border:2px solid #ff6537;
    cursor: pointer;
}

.img-btn-list > span.current {
	width:40px;
	height:12px;
	border-radius:7px;
    background: #ff6537;
}


#i_product{ background:#f8f8f8; height:auto; margin-bottom:35px;}
.title{ height:148px;}
.title h2{ font-size:28px; color:#181818; text-align:center; padding-top:50px;}
.title  p{ font-size:16px; color:#888888; text-align:center; line-height:50px;}
/* #i_product .i_prolist{ width:738px; height:80px;} */
.scenic_spot{ margin-bottom:35px;display: block;}

.scenic_spot .scenic_img:nth-child(3n){ margin-right:0;}
.scenic_spot .scenic_img img{ width:380px; height:285px; overflow:hidden; transition:all ease-in-out 0.4s;}

.scenic_spot .scenic_img .protitle:after{ width:25px; height:20px; position:absolute; content:''; right:20px; top:20px; background:url(../images/productimg.jpg) no-repeat; transition:all ease-in-out 0.4s;}
.scenic_spot .scenic_img .protitle h3{ color:#323232; font-size:15px; padding-top:12px;}
.scenic_spot .scenic_img .protitle p{ color:#999999; line-height:23px;}
.scenic_spot .scenic_img:hover img{ transform:scale(1.1); transition:all ease-in-out 0.4s;}
.scenic_spot .scenic_img:hover .protitle{ padding-left:9px; transition:all ease-in-out 0.4s;}
.scenic_spot .scenic_img:hover { border-bottom:1px solid #4ab344; transition:all ease-in-out 0.4s;}


/* 选项卡 */
#box{margin-top: 10px;}
#box ul{width: 600px;margin: auto;padding-bottom: 40px;}
#box li{width: 140px;height: 40px;line-height: 40px;text-align: center;background-color: #4ab344;margin-right: 10px;float: left; color: #fff;cursor:pointer;}
#box li:hover{background-color: #ff6537;}
#box .active{background: #ff6537;}
#content{clear: both;}
#content div{
    display: none;
    width: 1200px;
    margin: auto;
}
#scenic_spot{
    margin-bottom:35px;
}
#scenic_img:nth-child(4){
    margin-right:0px; 
}
#scenic_img:nth-child(7){
    margin-right:0px; 
}
#scenic_img:nth-child(10){
    margin-right:0px; 
}
#scenic_img{ 
    display: block;
    width:380px; 
    margin-bottom:30px; 
    overflow:hidden; 
    margin-right:20px; 
    height:348px; 
    border-bottom:1px solid #cccccc; 
    transition:all ease-in-out 0.6s; 
    float: left;
}
#scenic_img:hover{ 
    border-bottom:1px solid #fff; 
}
#scenic_img #img{
    display: block;
    width:380px; 
    height:285px; 
    overflow:hidden; 
}
#scenic_img #img img{
	width:380px;
	height:285px;
	transition:all ease-in-out 0.4s; 
}
#scenic_img:hover #img img{ 
    transform:scale(1.1);
}
#h3{
    display: block;
    width: 80%;
    font-size:15px;
    color: #323232;
    padding-top: 12px;
}
#p{
    display: block;
    width: 80%;
    font-size:12px;
    color: #999999;
	text-transform:uppercase;
}

#protitle{ 
    width:380px; 
    background:#fff; 
    height:62px; 
    box-sizing:border-box; 
    padding-left:20px; 
    position:relative; 
    transition:all ease-in-out 0.4s; 
    display: block;
}
#bottom_line{
    display: block;
    height: 1px;
    width: 0px;
    background: #4ab344;
    transition:all ease-in-out 0.4s; 
}
#scenic_img:hover #bottom_line{ 
    width: 380px;
}
#productimg{
    float: right;
    margin-top: -31px;
    margin-right: 30px;
    transition:all ease-in-out 0.4s; 
}
#scenic_img:hover #productimg{
    margin-right: 20px
}






/* 视差滚动 */
.scoll {
    position: relative;
    padding-bottom: 0px;
    top: 0;
    padding-left: 0px;
    width: 100%;
    padding-right: 0px;
    height: 677px;
    padding-top: 0;
    overflow: hidden;
    margin-top: 37px;
}
.scoll-1 {
    background: url(../images/aboutbg.jpg) fixed no-repeat center bottom;
    background-size: 100% 100%;
}
.scoll .info {
    position: absolute;
    top: 50%;
    left: 0%;
    right: 0%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
}
.scoll .aboutcenter{ width:1200px; height:387px; background:rgba(255,255,255,0.9); margin:0 auto; }
.scoll .aboutcenter .aboutcontain{ width:1000px; height:160px; line-height:32px; text-align:center; margin:0 auto;}
.scoll .aboutcenter .aboutmore{ width:189px; display:block; height:49px; border:1px solid #acacac; margin: 0 auto; text-align:center; line-height:50px; font-size:18px; color:#818181; font-family:"Arial MT Regular"; transition:all ease-in-out 0.4s;}
.scoll .aboutcenter .aboutmore:hover{ width:189px; height:49px; border:1px solid #4ab344; background:#4ab344; color:#fff; border:none; transition:all ease-in-out 0.4s; }
.scoll .aboutcenter .aboutmore a{transition:all ease-in-out 0.4s; }
.scoll .aboutcenter .aboutmore:hover a{color:#fff;}





.guide{
    width: 1200px;
    height: 450px;
    margin: auto;
    margin-top: 38px;
    margin-bottom: 100px;
}
.news_index_img img{
    width: 390px;
    height: 484px;
}
.news_index_img{
    position: relative;
}
.news_index{
    width: 810px;
    height: 450px;
}
.mask{
    width: 390px;
    height: 82px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.57;
    z-index: 1;
}
.mask_size{
    width: 390px;
    height: 82px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.mask_size h3{
    float: left;
    width: 300px;
    margin-left: 24px;
    font-size: 16px;
    line-height: 30px;
    margin-top: 12px;
    color: #fff;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}
.mask_size p{
    float: left;
    width: 300px;
    margin-left: 24px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
    color: #fff;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}
.mask_size img{
    width: 21px;
    height: 13px;
    margin-top: -5px;
    margin-right: 26px;
}

.news_uide{
    width: 389px;
    height: 237px;
    background: #fff;
    transition:all ease-in-out 0.4s;
    margin-left: 16px;
    margin-bottom: 16px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.location:hover .news_uide{
    transform:scale(1.03);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.17);
}
.location{
    position: relative;
    width: 389px;
    height: 237px;
    margin-left: 16px;
    margin-bottom: 16px;
}
.information{
    position: absolute;
    width: 389px;
    height: 237px;
    top: 0;
    left: 0;
    z-index: 2;
    margin-left: 16px;
    margin-bottom: 16px;
}
.information h3{
    font-size: 18px;
    color: #323232;
    width: 329px;
    margin: auto;
    margin-top: 30px;
}
.information p{
    font-size: 14px;
    color: #646464;
    text-indent: 2rem;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
    width: 329px;
    margin: auto;
    margin-top: 18px;
    margin-bottom: 18px;
}
.news_line1{
    height: 1px;
    width: 329px;
    background: #cccccc;
    transition:all ease-in-out 0.6s;
    margin-left: 28px;
}
.news_line2{
    height: 1px;
    width: 0px;
    background: #888888;
    transition:all ease-in-out 0.4s;
    margin-left: 28px;
}

.information:hover .news_line2{
    width: 329px;
}
.information:hover .news_line1{
    opacity: 0;
}
.date .float_l p:nth-child(1){
    font-size: 35px;
    color: #999999;
    font-weight: 600;
    width: 100px;
}
.date .float_l p:nth-child(2){
    font-size: 14px;
    color: #646464;
    margin-top: -18px;
    width: 100px;
}
.date .float_r{
    margin-top: 45px;
    margin-right: 45px;
    width: 21px;
    height: 13px;
    
    position: relative;
}
.date .float_r img{
    position: absolute;
    left: -21px;
    transition:all ease-in-out 0.4s;
}
.information:hover .date .float_r img{
    position: absolute;
    left: 0px;
}



/*特色美食*/
.special_food{
    background: #fff;
    width: 100%;
    height: 718px;
    position: relative;
    /*padding-top:50px;*/
}
.delicious_food{
	width: 100%;
	/* height: 765px; */
    margin-top: 20px;
}
.delicious_food .swiper-container-n .center{
	height: 430px;
    width: 1728px;
    margin: auto;
}

.delicious_food #scenic_img{
    width: 408px;
    height: 390px;
}
.delicious_food #scenic_img #img{
    width: 408px;
    height: 307px;
}
.delicious_food #scenic_img #img img{
    width: 408px;
    height: 307px;
}
.delicious_food #protitle{
    width: 408px;
    height: 82px;
}
.delicious_food #scenic_img:hover #bottom_line{ 
    width: 408px;
}



.scoll-2{
     background: url(../images/img4.jpg) fixed no-repeat center bottom;
     height: 660px;
     margin-top:0;
     background-size: 100% 100%;
}
.scoll-2 .info{
    top:47%;
    height: 565px;
    
}
.special_food .swiper-container{
    height: 500px;
}
.special_food .swiper-button-prev,.special_food .swiper-container-rtl .swiper-button-next{
    background:url(../images/arrow_left1.jpg) no-repeat; 
    width: 52px;
    height: 50px;
    background-size: 100% 100%;
    transition:all ease-in-out 0.4s;
    left:50%;
    top:94%;
    margin-left: -108px;
}
.special_food .swiper-button-prev:hover,.special_food .swiper-container-rtl .swiper-button-next:hover{
    background:url(../images/arrow_left2.jpg) no-repeat; 
}
.special_food .swiper-button-next,.special_food .swiper-container-rtl .swiper-button-prev{
    background:url(../images/arrow_right1.jpg) no-repeat; 
    width: 52px;
    height: 50px;
    background-size: 100% 100%;
    transition:all ease-in-out 0.4s;
    left:50%;
    top:94%;
    margin-left: 56px;
}
.special_food .swiper-button-next:hover,.special_food .swiper-container-rtl .swiper-button-prev:hover{
    background:url(../images/arrow_right2.jpg) no-repeat; 
}
.swiper-button-more{
    background: #f0f0f0;
    width: 180px;
    height: 50px;
    background-size: 100% 100%;
    transition:all ease-in-out 0.4s;
    left:50%;
    top:85%;
    position: absolute;
    margin-top: -22px;
    margin-left: -90px;
    z-index: 1;
    text-align: center;
    line-height: 47px;
}
.swiper-button-more:hover{
    background: #4ab344;
    color: #fff;
}







/* 留言 */
.message_index{
    background: none !important;
}

.message_index .title h2{
    color:#fff !important;
    margin-top: -50px !important;
}
.message_index .title p{
    color:#fff !important;
}
.message_background{
    width: 860px;
    height: 415px;
    background: #fff;
    opacity: 0.96;
    border-radius: 20px;
    margin: auto;
    padding-top: 45px;
}
.message{
    margin-bottom: 12px;
}
.message .name{
    width: 112px;
    margin-left: 40px;
    font-size: 18px;
    color: #444444;
    margin-top: 12px;
    
}
.message .input input{
    width: 600px;
    border: solid 1px #ababab;
    border-radius: 5px;
    height: 44px;
    font-size: 18px;
    color: #444444;
    background: none;
}
.message .must{
    font-size: 16px;
    color: #ff0101;
    margin-top: 9px;
    margin-left: 12px;
}
.message .input textarea{
    width: 600px;
    border: solid 1px #ababab;
    border-radius: 5px;
    height: 134px;
    font-size: 18px;
    color: #444444;
    background: none;
}
.textarea_must{
    margin-top: 110px !important;
}
.submission{
    width: 157px;
    height: 48px;
    background: #1f1f1f;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 45px;
    margin-right: 106px;
    margin-left: 10px;
    transition:all ease-in-out 0.4s;
}
.submission span{
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 45px;
}
.submission span:nth-child(1){
    margin-right: 20px;
}

.submission:hover{
    background: #4ab344;
}

.reset{
    width: 157px;
    height: 48px;
    background: #1f1f1f;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 45px;
    transition:all ease-in-out 0.4s;
}
.reset span{
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 45px;
}
.reset span:nth-child(1){
    margin-right: 20px;
}

.reset:hover{
    background: #4ab344;
}

/* 返回顶部 */
.return{
    float: right;
    margin-top: -30px;
    margin-right: 50px;
    z-index: 99;
    position:fixed;
	right:30px;
	bottom:300px;
}
.return img{
    width: 33px;
    height: 48px;
}
 
.connect{
    width: 100%;
    height: 20px;
    margin-top: 38px;
    background: url('../images/connect.png') top center no-repeat;
}
.connect_p{
    width: 1200px;
    margin: auto;
    padding-top: 18px;
    padding-bottom: 30px;
}
.connect_p a:nth-child(1) span{
    margin-left: 40px;
    margin-right: 15px;
}
.connect_p a:nth-child(2) span{
    margin-left: 15px;
}
.foot_nav{
    width: 100%;
    height: 70px;
    background: #4ab344;
}
.foot_nav p{
    width: 1150px;
    margin: auto;
    padding-left: 50px;
}
.foot_nav p span{
    color: #fff;
    font-size: 16px;
    margin-left: 80px;
    line-height: 70px;
}
.foot{
    width: 100%;
    height: 243px;
    background: #1f1f1f;
    border-bottom: solid 1px #5c5c5c;
}
.foot_bottom{
    width: 100%;
    height: 70px;
    background: #1f1f1f;
    
}
.foot_bottom p{
    font-size: 14px;
    color: #b2b2b2;
    line-height: 62px;
}
.foot .foot_logo{
    border-right: solid 1px #5c5c5c;
    margin-top: 54px;
}
.foot_p{
    width: 526px;
    padding-left: 80px;
    padding-top: 70px;
}
.foot_p p{
    font-size: 14px;
    color: #b2b2b2;
    margin-bottom: 12px;
}
.qr_code{
    margin-top:62px;
}
.scanning_title{
    margin-top:75px;
    margin-left: 20px;
}


.message_banner{
    width: 100%;
    height: 400px;
    background: url('../images/message_banner.jpg') top center no-repeat;
}
.message_banner h3{
    font-size: 32px;
    color: #111;
    font-weight: 700;
    text-align: center;
    padding-top: 145px;
}
.message_banner p{
    font-size: 16px;
    color: #333;
    text-align: center;
    margin-top: 10px;
	text-transform:uppercase;
}
.current_location{
    width: 100%;
    height: 80px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.17);
}

.icon_place{
    margin-top: 28px;
}
.icon_place p{
    margin-left: 10px;
    font-size: 16px;
    color: #646464;
}
.icon_place p a{
    font-size: 16px;
    color: #646464;
    cursor:pointer;
}
.icon_place p span{
    font-size: 16px;
    color: #ff6537;
}


.icon_telephone{
    margin-top: 28px;
}
.icon_telephone p{
    margin-left: 10px;
    font-size: 16px;
    color: #646464;
}
.icon_telephone p span{
    font-size: 24px;
    color: #ff6537;
    font-weight: 700;
}
.icon_telephone .telephone{
    margin-top: -5px;
}


.message_html{
    width: 860px;
    height: 415px;
    margin: auto;
    padding-top: 80px;
    clear: both;
}
.message_html buttom{
    margin-top: 18px;
}
.feedback{
    width: calc(100% - 28px);
    padding-left: 28px;
    height: 60px;
    background: #4ab344;
    margin-top: 96px;
    font-size: 16px;
    color: #fff;
    line-height: 56px;
    margin-bottom: 50px;
}
.message_feedback{
    /* height: 190px; */
    width:calc(100% - 60px);
    background: #fff;
    margin-bottom: 20px;
    padding:30px;
}
.foot_connect{
    background: #fff;
    padding-top: 1px;
}

.message_character{
    width: 58px;
}
.message_feedback_p{
    width: 900px;
    margin-right: 20px;
}
.message_feedback_p p{
     font-size: 16px;
     color: #323232;
     margin-top: 8px;
}
.message_feedback_p p span{
    font-size: 14px;
    color: #646464;
}
.message_feedback_tiem p{
    font-size: 16px;
    color: #323232;
    margin-top: 8px;
}
.message_feedback_tiem p span{
    font-size: 14px;
    color: #646464;
}
.border_b{
    border-bottom: solid 1px #cccccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.feedback_content{
    padding-bottom:40px;
}


.list_html{

}
.news_list{
    padding-top:60px;
    width: 1230px;
    margin: auto;
}
.list_html .news_uide{
    width: 590px;
    height: 210px;
    margin-left: 0;
    margin-right: 16px;
}
.list_html .information{
    margin-left: 0;
    width: 590px;
}
.list_html .information p{
    text-indent:0rem;
}
.list_html .information .float_l{
    width: 173px;
    height: 144px;
    border-right: solid 1px #e7e7e7;
    margin-top: 33px;
}
.list_html .information .float_l p{
    width: 80px;
    margin: auto;
}
.list_html .information .float_l p:nth-child(1){
    font-size: 44px;
    color: #333333;
    font-weight: 700;
    margin-top: 20px;
}
.list_html .information .float_l p:nth-child(3){
    font-size: 14px;
    color: #333333;
}
.list_html .information .float_l div{
    width: 25px;
    height: 2px;
    background: #e7e7e7;
    margin-left: 50px;
    margin-top: 7px;
    margin-bottom: 10px;
}
.list_html .information .float_r{
    width: 380px;
}
.list_html .arrow1{
    margin-top: 32px;
    overflow: hidden;
    margin-left: 26px;
}
.list_html .arrow1 img{
    float: left;
    margin-top: 5px;
    margin-right: 16px;
    margin-left: -38px;
    transition:all ease-in-out 0.4s;
}
.list_html .arrow1 p{
    float: left;
    width: 100px;
    margin-top: 0;
    
}
.list_html .location:hover .arrow1 img{
    margin-left: 0px;
}
.list_html .location{
    width: 595px;
    margin: 0;
    margin-right: 20px;
}

.paging .float_l{
    background: #fff;
    border-radius: 70px;
    padding:10px 24px;
    display: flex;
    margin-left: -15px;
    margin-top: 28px;
}
.paging .float_l div{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    margin-left: 3px;
    margin-right: 3px;
    transition:all ease-in-out 0.4s;
}
.paging .float_l div:hover{
    background: #4ab344;
    color: #fff;
}
.current{
    background: #4ab344;
    color: #fff;
}
.list_left{
    background: url('../images/list_left1.png') top center no-repeat;
    background-size: 100% 100%;
    width: 60px;
    height: 60px;
    transition:all ease-in-out 0.4s;
}
.list_left:hover{
    background: url('../images/list_left2.png') top center no-repeat;
}
.list_right{
    background: url('../images/list_right1.png') top center no-repeat;
    background-size: 100% 100%;
    width: 60px;
    height: 60px;
    margin-left: 20px;
    transition:all ease-in-out 0.4s;
}
.list_right:hover{
    background: url('../images/list_right2.png') top center no-repeat;
}
.paging .float_r{
    display: flex;
    margin-top: 20px;
}
/* .news_list_show{
    padding-bottom: 40px;
} */
.news_list_show h4{
    width: 1230px;
    color: #333333;
    font-size: 24px;
    margin-bottom: 40px;
}
.bottom_margin{
    padding-bottom: 40px;
}
.list_show_title{
    border-bottom: solid 1px #cccccc;
    height: 146px;
}
.list_show_title h4{
    font-size: 24px;
    color: #323232;
    width: 1230px;
    margin: auto;
    padding-top:60px;
}
.list_show_title p{
    font-size: 14px;
    color: #888888;
    width: 1230px;
    margin: auto;
    padding-top:18px;
}
.list_show_title p span{
    font-size: 14px;
    color: #888888
}
.list_show_text{
    text-indent: 2rem;
    padding: 50px 0;
    width: 1230px;
    margin: auto;
    line-height: 36px;
    font-size: 14px;
    color: #646464;
}
.list_show_text p{
    margin-top: 12px;
}

.switch_background{
    background: #fff;
    height: 67px;
    width: 100%;
    padding-top:17px;
}
.switch{
    width: 1230px;
    margin: auto;
}
.switch .more{
    width: 92px;
    height: 50px;
    background: url('../images/more1.jpg') top center no-repeat;
    transition:all ease-in-out 0.4s;
    margin:auto;
    margin-top: 0px !important;
}
.switch .more:hover{
    background: url('../images/more2.jpg') top center no-repeat;
}
.switch .cursor_pointer{
    display: flex;
    margin-top: 13px;
    font-size: 16px;
    color: #323232;
}
.switch .cursor_pointer div{
    background: url('../images/list_show_icon1.png') top center no-repeat;
    width: 12px;
    height: 16px;
    margin-top: 3px;
    transition:all ease-in-out 0.4s;
    margin-right: 15px;
}
.switch .cursor_pointer span{
    font-size: 15px;
    color: #888888;
    transition:all ease-in-out 0.4s;
}
.switch .cursor_pointer:hover div{
    background: url('../images/list_show_icon2.png') top center no-repeat;
}
.switch .cursor_pointer:hover span{
    color: #4ab344;
}





.contact_html .list_show_title{
    height: 124px;
    text-align: center;
}
.contact_html .list_show_title h4{
    padding-top: 55px;
}
.contact_background{
    background:#fff;
    width: 1200px;
    height: 284px;
    margin: auto;
    position: relative;
    margin-top: 130px;
    margin-bottom: 60px;
}
.contact_img{
    width: 500px;
    height: 293px;
    margin-right: 50px; 
}
.contact_float{
    position: absolute;
    top:-80px;
    left: 80px;
}
.contact_p h2{
    font-size: 24px;
    color: #323232;
    margin-top: 20px;
    margin-bottom: 66px;
}
.contact_p p{
    font-size: 14px;
    color: #646464;
    margin-bottom: 15px;
}

.box{margin-top: 10px;width: 1200px;margin: auto;}
.box ul{width: 1200px;padding-bottom: 40px;}
.box li{width: 140px;height: 40px;line-height: 40px;text-align: center;background-color: #4ab344;margin-right: 10px;float: left; color: #fff;cursor:pointer;}
.box li:hover{background-color: #ff6537;}
.box .active{background: #ff6537;}

.gallery_connect{
    float: left;
    margin-bottom: 18px;
}
.foot_connect_float{
    background: #fff;
    width: 100%;
}
.gallery_foot_connect{
    background:none;
}
.gallery_return{
    margin-top: -155px;
}
.gallery_paging {
	width: 1200px;
}
.gallery_paging .float_l{
    margin-left: 0;
}
.gallery_box{
    padding-top:50px;
}
.about_html_food{
    height: 570px;
}
.about_html{
    padding: 55px 0 40px 0;
}
.about_html_title h4{
    font-size: 28px;
    color: #181717;
    text-align: center;
    margin-bottom: 12px;
}
.about_html_title h5{
    font-size: 16px;
    color: #888888;
    text-align: center;
    margin-bottom: 50px;
}
.about_html_text p{
    text-indent: 2rem;
    font-size: 14px;
    line-height: 30px;
    color: #646464;
    margin-bottom: 10px;
}


.show_title{
	width: calc(1200px - 30px);
	padding-left: 30px;
	height: 65px;
	background: #4ab344;
	color: #fff;
	font-size: 16px;
	line-height: 60px;
	margin: auto;
}

.show_html .list_show_text{
    padding:20px 40px 50px 40px;
    width: calc(1200px - 80px);
}
.show_html_center{
    padding:60px 0;
    display: flex;
}
.show_html_introduction{
    width: 500px;
    height: 450px;
    padding-right: 100px;
}
.show_html_broadcast{
    width: 600px;
    height: 450px;
}
.swiper-container-show .swiper-slide img{
    width: 600px;
    height: 450px;
}
.swiper-container-show .swiper-button-prev,.swiper-container-show .swiper-container-rtl .swiper-button-next{
    background: url('../images/show_left1.png') top center no-repeat;
    width: 35px;
    height: 90px;
    top:46%;
    left: 0;
    transition:all ease-in-out 0.4s;
}
.swiper-container-show .swiper-button-prev:hover,.swiper-container-show .swiper-container-rtl .swiper-button-next:hover{
    background: url('../images/show_left2.png') top center no-repeat;
}
.swiper-container-show .swiper-button-next,.swiper-container-show .swiper-container-rtl .swiper-button-prev{
    background: url('../images/show_right1.png') top center no-repeat;
    width: 35px;
    height: 90px;
    top:46%;
    right: 0;
    transition:all ease-in-out 0.4s;
}
.swiper-container-show .swiper-button-next:hover,.swiper-container-show .swiper-container-rtl .swiper-button-prev:hover{
    background: url('../images/show_right2.png') top center no-repeat;
}
.show_html_introduction h3{
    font-size: 24px;
    color: #323232;
}
.show_html_introduction .show_html_line{
    width: 60px;
    height: 1px;
    background: #646464;
    margin-top: 25px;
    margin-bottom: 30px;
}
.show_html_introduction p{
    font-size: 14px;
    color: #646464;
    line-height: 30px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3; 
    padding-bottom: 20px;
    border-bottom: solid 1px #cccccc;
}
.show_html_introduction h4{
    font-size: 16px;
    color: #323232;
    border-left: solid 4px #4ab344;
    padding-left: 10px;
    margin: 30px 0;
}
.show_img_hover{
    width: 240px;
    height: 180px;
    overflow: hidden;
    position: relative;
}
.show_img_hover img{
    width: 240px;
    height: 180px;
    position: absolute;
    top: 0;
    left: 0;
}
.show_img_hover .shou_img_background{
    transform:scale(1.15);
    opacity: 0;
    transition:all ease-in-out 0.4s;
}
.show_img_hover:hover .shou_img_background{
    opacity: 1;
    transform:scale(1);
}
.show_img_hover h5{
    position: absolute;
    top: 56px;
    left: 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    width: 100%;
    opacity: 0;
    transition:all ease-in-out 0.6s;
}
.show_img_hover:hover h5{
    opacity: 1;
}
.show_img{
    display: flex;
}
.show_img a:nth-child(1) .show_img_hover{
    margin-right: 20px;
}

.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.clear{ clear:both; display:block}
.main{ width:1200px; height:auto; margin:0px auto;}
.lf{ float:left; display:block} 
/* 内页左边 */
.ny_left{ width:240px; float:left; height:auto; margin:10px 0px; }
.ny_left_title{ width:100%; height:43px;line-height:43px;   border: 2px solid #b70000;}
.ny_left_title p{ font-size:18px;font-weight:bold;color:#333;text-align:left; height:43px; padding-left:10px; float: left; }
.ny_left_title span{ padding-left: 10px; font-size: 15px; color: #333;}
.nyl{ width:240px; color:#333; margin-top:20px;}
.nylc{ width: 242px;border:1px solid #D6D6D6;}
.nylc p{ line-height:28px; width:90%; margin:0 auto; padding:15px 0px; color: #555; height:auto;font-size: 14px;}

.ny_list{ width:242px; height:auto;  margin:0 auto;}
.ny_list li{ width:100%; margin:0 auto; height:35px; line-height:35px; text-align:left; border:1px solid #D6D6D6; margin: 5px 0px;}
.ny_list li a{ display:block; color:#222; padding-left:15px; font-size: 14px;}
.ny_list li a:hover{ color:#4d7abd;}
.ny_list li .submenuon{ color: #660B10; font-weight:bold;}
/*热门新闻列表*/
.nynlist{ width:242px; height:auto; margin:0 auto; padding:10px 0px; border:1px solid #DFDFDF; background: #fff; }
.nynlist li{ width:95%; margin:0 auto; height:35px; line-height:35px; text-align:left;background:url(../images/dd.png) no-repeat left center;}
.nynlist li a{ display:block; color:#333; padding-left: 10px; }
.nynlist li a:hover{ color:#FF6600;}

.nybanbot{ width: 100%; height: 50px; line-height: 50px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.nybanbotleft{ width: 500px; height: auto; float: left;}
.nybanbotleft p{ font-size: 15px; font-weight: bold; color: #333; display: inline-block;}
.nybanbotleft a{ color: #989898; font-size: 13px; padding: 0px 10px;}
.nybanbotright{ width: 260px; height: 30px; line-height: 30px; margin-top: 10px; float: right; border:1px solid #f63604;}
.keytext{ width: 200px; padding: 0px 0px 0px 10px; height: 29px; line-height: 29px; border: 0px; margin: 0px;}
.keysubmit{ width:45px; height: 31px; float: right; background:url(../images/news_05.jpg) repeat center center; border: 0px; padding: 0px; margin: 0px;}
/* 内页右边 */
.ny_right{ width:920px; float:right; height:auto;margin:10px 0px; padding-bottom:20px;  }
.ny_right_title{ width:100%; height:46px; line-height:46px; color:#000; background-image:url(../images/main_06.jpg); background-repeat:no-repeat; background-position:left center; border-bottom:1px solid #6e2200;}
.ny_right_title p{float:left;font-size:18px;font-weight:bold;width:auto; color:#000;}
.ny_right_title span{ float:right;}
.ny_right_title a{ color:#454545; padding:0px 5px;}
.ny_right_title a:hover{ color:#F00; }
.ny_right_content{width:890px; height:auto; line-height:24px; padding:10px 15px; color:#666;}


/*内页新闻*/
.nynewslist{ width:100%; height: auto;}
.nynewslist li{ width:100%; height:auto; margin:0 auto; border-bottom: 1px solid #d7d7d7; padding: 20px 0px 10px 0px;}

.nynewslist li p{ width:100%;  display:block; color:#8f8f8f; font-size:14px;}
.nynewslist li p a{ font-size:16px; color:#333; height:35px; line-height:35px; font-weight:bold;}
.nynewslist li p a:hover{ text-decoration:none; color: #FF6600;}
.nynewslist li span{ font-size:13px; color:#333; line-height:23px;}

/*
.nynews_list{ width:100%;}
.nynews_list li{ width:100%;line-height:35px; border-bottom:1px dashed #dedede; height:35px; background-image:url(../images/dd.jpg); background-repeat:no-repeat; background-position:left center;}
.nynews_list li a{ float:left; color:#333;}
.nynews_list li a:hover{ color:#06C; }
.nynews_list li span{ float:right;}
*/

/*内页产品*/
.procontent{ width: 898px; border: 1px solid #B8B8B8; background: #FBFCFF; height: auto; margin-top: 20px; line-height: 24px; padding: 15px 10px;}
.nypro-list{ width:918px; height:auto; margin-top: 10px;border-left: 1px solid #B8B8B8;border-top: 1px solid #B8B8B8; }
.nypro-list li{ width:285px; height:auto;float:left; padding: 10px; list-style:none;background: #FBFCFF;border-right: 1px solid #B8B8B8;border-bottom: 1px solid #B8B8B8; height:285px}
.nypro-list li .a1{width:280px; height:238px; border:1px solid #dedede; text-align:center; vertical-align:middle; display:table-cell}
.nypro-list li .a1 img{max-width:280px; max-height:238px;  }
.nypro-list li p{ width:100%; line-height:35px; height:35px; font-size:15px; font-weight: bold;}
.nypro-list li p a{color:#222;}
.nypro-list li p a:hover{    color: #346307;text-decoration:none;}
.nypro-list li span{ line-height: 23px; height: 50px; display: block; overflow: hidden;}

/*分页*/
.page{ width:100%;height:35px;padding-top:15px; text-align:center;}
.page a{display:inline-block; color:#333; border:1px solid #dedede; padding: 5px 8px; margin:0px 3px; border-radius:2px;}
.page a:hover{background-color:#6e2200;color:#fff; text-decoration:none;}
.page .current{display:inline-block; padding: 5px 8px; color:#6e2200; font-weight:bold;}

/*详情页*/
.article_title{ text-align:center; width:100%; font-size:16px; line-height:40px;}
.newsin-c{width:100%; height:auto; margin:0px auto; padding-top:20px;}
.newsnext{ width: 100%; padding: 30px 0px;}
.newsnext li{ width: 100%; height: 30px; line-height: 30px;}
.newsnext li a{ color: #333; line-height: 30px;}
.newsnext li a:hover{ color: #FF6600; cursor: pointer; text-decoration: none;}
.artdet{ width: 100%; height: 40px; line-height: 40px; text-align: center;}
/*在线留言*/
.zxlyinp{ width:300px; height:28px; line-height:28px; margin:5px 0px; padding-left:10px; border:1px solid #dedede; border-radius:4px;}
.zxlyyzm{width:100px; height:30px; line-height:30px; margin:5px 0px; font-size:14px; padding-left:10px; border:1px solid #dedede; border-radius:4px;}
.zxlysub{ width:120px; height:30px; line-height:30px; color:#fff; text-align:center; border-radius:4px; background-color:#188FE1; border:0px; font-size:15px;}
.zxlysub:hover{ cursor:pointer;}

/*更多新闻，产品*/
.ny_xg_title{ width: 100%; height: 35px; line-height: 35px; border-bottom: 1px solid #e0e0e3;}
.ny_xg_title p{color:#333; background: url(../images/productshow_06.jpg) no-repeat left bottom; font-size: 15px; }
.morearticle{ width:100%; padding:15px 0px;}
.morearticle li{ width:48%; height:35px; line-height:35px; float:left; margin: 0px 1%; border-bottom: 1px dashed #dedede;}
.morearticle li a{ color:#333; background:url(../images/productshow_14.jpg) no-repeat left center; padding-left: 10px;}
.morearticle li a:hover{ color:#000}
.moreproducts{ width:100%; padding:15px 0px;}
.moreproducts li{ width:280px; height:auto;float:left; background: #DEDEDE; margin: 10px 13px; text-align: center;}
.moreproducts li img{ width:100%; height: 220px;}
.moreproducts li a{ color:#333; line-height:30px;}
.moreproducts li a:hover{ color:#000}



.nyproleft{ display:table-cell; width: 410px; height: 340px;  vertical-align:middle; text-align:center; border:1px solid #ddd}
#tbody {width:405px;margin:0px auto;}
#mainbody {width:405px;border:1px solid #dedede; margin-bottom: 10px;}
#mainphoto {cursor:pointer;display:block;}
#goleft {float:left;clear:left;}
#goright {float:right;clear:right;}
#photos {width:370px;height:62px;overflow:hidden; float: left; margin: 0px 5px;}
#showArea img {display:block;float:left;margin:0px 6px;cursor:pointer;border:1px solid #dedede}
#showArea img:hover{ border: 1px solid #cc0000;}


.nyproright{ width: 420px; height: auto; float: right;}
.pro_title{ text-align:left; width:100%; font-size:22px; line-height:40px; }
.nyproright p{ margin: 10px 0px; line-height: 28px; height: 40px; overflow: hidden; color: #616161; font-size:15px; padding-top: 20px;}
.nyproright span{ font-size: 18px; color: #464646; height: 45px;}
.nyproright span b{ color: #e60012; font-size: 26px;}
.nyproright a{ display:block; background: #f63604 url(../images/productshow_03.jpg) no-repeat 130px center; height: 40px;line-height: 40px; font-size: 16px; color: #fff; text-align: center;  width: 160px; margin-top: 20px;float: left;}
.nyproright a:hover{ text-align: center;}
.pofont1{ float: left; color: #616161; font-size: 16px; padding-top: 25px;}
.probody{ border-top:1px dashed #dedede; padding: 15px 0px; font-size: 13px; line-height: 23px; margin-top: 40px;}
.probody img{ max-width:890px}
.probodytitle{ width: 139px; height: 42px; line-height: 30px; text-align: center; color: #fff; background: url(../images/productshow_03.png) no-repeat center center; font-size: 14px; margin-bottom: 10px;}



.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px; margin-bottom:10px; clear:both}
.page_list li {display:inline-block;color:#898989;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list li a{}
.page_list li a:hover{color:#fff;background:#898989;}
.page_list li a.on{color:#333;background:#E5EDF2;}


.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:left;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#09F;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;}
.msgflag{margin-left:4px;font-size:12px;color:#900;}

.yema { margin:30px auto; }
.yema a { padding: 0 10px; height: 26px; display: block; float: left; margin: 0 4px; font-size: 16px; color: #6d6d6d; line-height: 26px; text-align: center; border: 1px solid #d2d2d2; background: #f0f0f0; }
.yema span { padding: 0 10px; height: 26px; display: block; float: left; margin: 0 4px; font-size: 16px; color: #6d6d6d; line-height: 26px; text-align: center; border: 1px solid #d2d2d2; background: #f0f0f0; }
.yema a:hover { color: #b12923; background: #FFF; }
.yema a.yenn { color: #b12923; background: #FFF; }