/* CSS Document */
body {
	FONT-SIZE: 14px;
	margin:0px;
	padding: 0px;
    font-family:"微软雅黑";
	color:#666666;
	margin:0px;
	padding:0px; background-color:#fff;
	overflow-x: hidden;
	box-sizing: border-box;
	
	}
*{font-family:"微软雅黑";}
a{text-decoration:none;}
li{list-style:none}
ul{padding-left:0;margin:0 0}
a{color:#666}
.center{width:1200px;margin:0 auto}
h1,h2,h3,h4,h5,p{margin:0 0;padding:0 0;font-weight:500}
.ctrl span{ float:left; cursor:pointer;}
input,textarea,select{outline:none;font-family:"微软雅黑";}
img{
    border:none;
    display: block;
}
.cursor_pointer{
	cursor:pointer;
}
button{
	cursor:pointer;
}
.float_l{
    float: left;
}
.float_r{
    float: right;
}
.clear{
    clear:both
}
.sr-bdimgshare .bdimgshare-content{
    display: none;
}
.sr-bdimgshare-black .bdimgshare-bg{
    display: none;
}
select::-ms-expand{ display: none; }
select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
input::-webkit-input-placeholder{
    color:#cccccc;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#cccccc;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#cccccc;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#cccccc;
}
textarea::-webkit-input-placeholder{
    color:#cccccc;
}
textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#cccccc;
}
textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#cccccc;
}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#cccccc;
}



/* 顶部 */
.header_top{
    width: 100%;
    height: 48px;
    background: #242424;
}
.header_top .p{
    font-size: 14px;
    color: #cccccc;
    line-height: 48px;
    margin-left: 14px;
}
.header_top .float_r p{
    border-left: solid 1px #474747;
    border-right: solid 1px #000000;
    line-height: 48px;
    padding: 0 28px;
    font-size: 14px;
    color: #cccccc;
}
.header_top .float_r p:hover{
    color: #ffffff;
}
.header_top .float_r a:nth-child(1) p{
    border-left: none;
}
.header_top .float_r a:nth-child(3) p{
    border-right: none;
}

/* 搜索 */
.logo{
    height: 100px;
    background: #fff;
}
.logo .search{
    margin-top: 27px;
    margin-left: 70px;
}
.logo .search input{
    width: 358px;
    height: 44px;
    border: solid 1px #cccccc;
    font-size: 13px;
    color: #8c8c8c;
    line-height: 44px;
    text-indent: 14px;
    padding: 0;
    border-right: none;
}
.logo .search a{
    display: block;
    background: url("../image/search.png") top center no-repeat;
    width: 80px;
    height: 46px;
}

.nav{
    height: 70px;
    background: #cc0e17;
}
.nav ul li{
    width: 150px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 16px;
    color: #ffffff;
    margin-left: 24px;
    background: url("../image/nav_background.jpg") top -70px center no-repeat;
    transition:all 0.32s ease-in-out;
}
.nav ul a:nth-child(1) li{
    margin-left: 0;
}
.nav ul li:hover{
    background: url("../image/nav_background.jpg") top 0px center no-repeat;
}
.nav ul .xuanzhong{
    background: url("../image/nav_background.jpg") top 0px center no-repeat;
}

/* 轮播图 */
.banner .banner_img{
    width: 100%;
    height: 650px;
}
.banner .swiper-button-prev-b,.banner .swiper-container-rtl .swiper-button-next-b{
    background: url("../image/left.png") top center no-repeat;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    left: 100px;
    margin-top: -30px;
}
.banner .swiper-button-next-b,.banner .swiper-container-rtl .swiper-button-prev-b{
    background: url("../image/right.png") top center no-repeat;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    right: 100px;
    margin-top: -30px;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, 
.banner .swiper-pagination-custom, 
.banner .swiper-pagination-fraction{
    bottom: 40px;
}
.banner .swiper-pagination{
    height: 16px;
}
.banner .swiper-pagination-bullet{
    background: url("../image/dian1.png") top center no-repeat;
    width: 16px;
    height: 16px;
    margin: 0 7px !important;
    opacity: 1;
}
.banner .swiper-pagination-bullet-active{
    background: url("../image/dian2.png") top center no-repeat;
}

.foot{
    background: #242424;
    height: 411px;
}
.foot .nav ul li{
    background:none;
    font-size: 16px;
    color: #ffcbce;
    transition:all 0.3s ease-in-out;
}
.foot .nav ul li:hover{
    color: #fff;
}
.foot .nav ul .xuanzhong{
    color: #fff;
}
.foot .border_bottom{
    height: 59px;
    border-bottom: solid 1px #5c5c5c;
}
.foot .border_bottom .center{
    position: relative;
}
.foot .border_bottom img{
    position: absolute;
    top: 50px;
    left: 0;
    background: #242424;
}
.foot .lianjie{
    width: 1200px;
    margin: auto;
    padding-left: 19px;
    margin-top: 28px;
}
.foot .lianjie a{
    display: block;
    padding: 0 20px;
    border-left: solid 1px #cccccc;
    height: 12px;
	color:#909090;
    line-height: 12px;
	transition:all ease-in-out .3s;
}
.foot .lianjie a:hover{
	color:#fff;
}
.foot .lianjie a:nth-child(1){
    border-left: none;;
}
.foot .foot_bottom{
    margin-top: 40px;
}
.foot .foot_bottom .foot_logo{
    height: 140px;
    border-right: solid 1px #5c5c5c;
}
.foot .foot_bottom .qr_code{
    width: 120px;
    margin-right: 56px;
}
.foot .foot_bottom .qr_code img{
    width: 100%;
}
.foot .foot_bottom .qr_code p{
    font-size: 14px;
    color: #b2b2b2;
    text-align: center;
    line-height: 44px;
}
.foot .foot_bottom .p{
    margin-left: 76px;
    padding-top: 26px;
}
.foot .foot_bottom .p p{
    font-size: 14px;
    color: #909090;
    line-height: 28px;
}
#fanhui{
    position: fixed;
    right: 50px;
    bottom: 200px;
    z-index: 100;
    cursor: pointer;
}

.index_html{
    
}
.index_html .index_product{
    margin-bottom: 50px;
    background: #fff;
}
.index_html .title{
    margin-top: 60px;
}
.index_html .title .float_r{
   float: right;  width: 980px;
}
.index_html .title h6{
    font-size: 28px;
    color: #323232;
    font-weight: 500;
    margin-top: 0;
    margin: 0;
    line-height: 28px;
    margin-bottom: 8px;
}
.index_html .title p{
    font-size: 16px;
    line-height: 16px;
    color: #909090;
    text-transform:uppercase;
}
.index_html .title a{
    display: block;
    width: 128px;
    height: 40px;
    border: solid 1px #ebebeb;
    border-radius: 3px;
    margin-left: 4px;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    color: #909090;
    transition:all 0.3s ease-in-out;
}
.index_html .title a:hover{
    background: #cc0e17;
    color: #fff;
}
.index_html  .title .xuanzhong{
    background: #cc0e17;
    color: #fff;
}
.index_html .product{
    margin-top: 49px;
    position: relative;
}
.index_html .product .chanpin{
    width: 398px;
    height: 378px;
}
.index_html .product .chanpin:nth-child(2){
    margin: 0 3px;
}
.index_html .product .chanpin .img{
    width: 398px;
    height: 298px;
    position: relative;
}
.index_html .product .chanpin .img .product_img{
    width: 398px;
    height: 298px;
}
.index_html .product .chanpin .img .beijing{
    width: 398px;
    height: 298px;
    background: rgba(0, 0, 0, 0); 
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    transition:all 0.3s ease-in-out;
}
.index_html .product .chanpin:hover .img .beijing{
    background: rgba(0, 0, 0, 0.5); 
}
.index_html .product .chanpin .img .beijing img{
    margin: auto;
    margin-top: -60px;
    transition:all 0.3s ease-in-out;
}
.index_html .product .chanpin:hover .img .beijing img{
    margin-top: 122px;
}
.index_html .product .chanpin .p{
    width: 398px;
    height: 80px;
    transition:all 0.3s ease-in-out;
}
.index_html .product .chanpin:hover .p{
    background: #cc0e17;
}
.index_html .product .chanpin .p .float_l{
    margin-left: 20px;
}
.index_html .product .chanpin .p .mingzi{
    font-size: 16px;
    color: #555555;
    width: 290px;
    transition:all 0.3s ease-in-out;
    margin-top: 17px;
    margin-bottom: 5px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1; 
}
.index_html .product .chanpin:hover .p .mingzi{
    color: #fff;
}
.index_html .product .chanpin .p .zhonglei{
    font-size: 14px;
    color: #909090;
    width: 290px;
    transition:all 0.3s ease-in-out;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1; 
}
.index_html .product .chanpin:hover .p .zhonglei{
    color: #fff;
}
.index_html .product .chanpin .p .float_r{
    width: 25px;
    height: 20px;
    background: url("../image/jiantou1_1.png") no-repeat;
    margin-right: 20px;
    margin-top: 30px;
}
.index_html .product .chanpin:hover .p .float_r{
    background: url("../image/jiantou1_2.png") no-repeat;
}
.index_html .product .product_more{
    display: block;
    width: 138px;
    height: 42px;
    border: solid 1px #ebebeb;
    font-size: 14px;
    color: #adadad;
    text-align: center;
    line-height: 42px;
    border-radius: 5px;
    margin: auto;
    margin-top: 70px;
    transition:all 0.3s ease-in-out;
}
.index_html .product .product_more:hover{
    border: solid 1px #cc0e17;
    background: #cc0e17;    
    color: #fff;
}
.index_html .product .product_more p{
    width: 138px;
    height: 42px;
    background: url("../image/more_1.png") top 16px right 32px no-repeat;
    transition:all 0.3s ease-in-out;
}
.index_html .product .product_more:hover p{
    width: 138px;
    height: 42px;
    background: url("../image/more_1.png") top 16px right 24px no-repeat;
    text-indent: -12px;
}
.index_html .product .swiper-pagination-p{
    width: 100%;
    margin-top: 25px;
}
.index_html .product .swiper-pagination-p span{
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #e1e1e1;
    opacity: 1;
}
.index_html .product .swiper-pagination-bullet-active{
    background: #cc0e17 !important;
}
.index_html .product .swiper-button-prev, 
.index_html .product .swiper-container-rtl .swiper-button-next{
    background: url("../image/product_left1.png") no-repeat;
    width: 32px;
    height: 70px;
    top: 35%;   
    left: -32px;
    transition:all 0.3s ease-in-out;
    opacity: 0;
}
.index_html .product:hover .swiper-button-prev, 
.index_html .product:hover .swiper-container-rtl .swiper-button-next{
    left: 0px;
    background: url("../image/product_left2.png") no-repeat;
    opacity: 1;
}
.index_html .product .swiper-button-next, 
.index_html .product .swiper-container-rtl .swiper-button-prev{
    background: url("../image/product_right1.png") no-repeat;
    width: 32px;
    height: 70px;
    top: 35%; 
    right: -32px;
    transition:all 0.3s ease-in-out;
    opacity: 0;
    
}
.index_html .product:hover .swiper-button-next, 
.index_html .product:hover .swiper-container-rtl .swiper-button-prev{
    right: 0px;
    background: url("../image/product_right2.png") no-repeat;
    opacity: 1;
}

.index_html .index_about{
    height: auto;
    height: 580px;
    background: #cc0e17;
}
.index_html .index_about .bounceInLeft{
    width: 50%;
    background: url("../image/index_about_img.png") top center no-repeat;
    /* display: table-cell; */
    /* vertical-align: middle; */
    height: 580px;
    position: relative;
}
.index_html .index_about .bounceInLeft .beijing{
    height: 160px;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
}
.index_html .index_about .bounceInLeft .beijing .each_piece{
    width: 33.33%;
    text-align: center;
    height: 80px;
    margin-top: 40px;
}
.index_html .index_about .bounceInLeft .beijing .each_piece div{
    font-size: 50px;
    line-height: 50px;
    color: #fff;
    background: url("../image/cooperation2.png") top 24px right no-repeat;
    display: unset;
    padding-right: 16px;
}
.index_html .index_about .bounceInLeft .beijing .each_piece p{
    font-size: 16px;
    line-height: 16px;
    margin-top: 5px;
    color: #fff;
}
.index_html .index_about .bounceInLeft .beijing .each_piece:nth-child(2){
    border-left: solid 1px #373737;
    border-right: solid 1px #373737;
}
.index_html .index_about .bounceInLeft img{
    width: 100%;
}
.index_html .index_about .bounceInRight{
    width: 50%;
    margin: 0 0 20px 0;
}
.index_html .index_about .bounceInRight .title{
    width: 80%;
    margin: auto;
    margin-top: 64px;
    margin-bottom: 40px;
}
.index_html .index_about .bounceInRight .title h6{
    font-size: 28px;
    color: #fff;
    line-height: 28px;
    margin: 0;
    margin-bottom: 10px;
}
.index_html .index_about .bounceInRight .title p{
    font-size: 16px;
    color: #fff;
    line-height: 16px;
    margin: 0;
}
.index_html .index_about .bounceInRight .text{
    width: 80%;
    margin: auto;
    font-size: 14px;
    color: #ffffff;
    text-align: justify;
    line-height: 40px;
}
.index_html .index_about .bounceInRight .text p{
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:6; 
}
.index_html .index_about .product_more{
    display: block;
    width: 138px;
    height: 42px;
    border: solid 1px #ebebeb;
    overflow: hidden;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    border-radius: 5px;
    margin: auto;
    margin-top: 70px;
    transition:all 0.3s ease-in-out;
    background: #cc0e17;
    position: relative;
}
.index_html .index_about .product_more:hover{ 
    color: #fff;
    border: solid 1px #9e0008;
    background: #9e0008;
    text-indent: -12px;
}
.index_html .index_about .product_more p{
    width: 138px;
    height: 42px;
    background: url("../image/more_1.png") top 16px right 32px no-repeat;
    transition:all 0.3s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.index_html .index_about .product_more:hover p{
    width: 138px;
    height: 42px;
    opacity: 1;
    background: url("../image/more_1.png") top 16px right 24px no-repeat;
}
.index_html .index_about .product_more{
    margin-top: 46px;
    margin-left: 10%;
}
.index_html .index_case .product_more {
    display: block;
    width: 138px;
    height: 42px;
    border: solid 1px #ebebeb;
    font-size: 14px;
    color: #adadad;
    text-align: center;
    line-height: 42px;
    border-radius: 5px;
    margin: auto;
    /* margin-top: 70px; */
    transition: all 0.3s ease-in-out;
}
.index_html .index_case .product_more:hover{
    border: solid 1px #cc0e17;
    background: #cc0e17;    
    color: #fff;
}
.index_html .index_case .product_more p{
    width: 138px;
    height: 42px;
    line-height: 42px;
    background: url("../image/more_1.png") top 16px right 32px no-repeat;
    transition:all 0.3s ease-in-out;
}
.index_html .index_case .product_more:hover p{
    width: 138px;
    height: 42px;
    background: url("../image/more_1.png") top 16px right 24px no-repeat;
    text-indent: -12px;
    color: #fff;
}
.index_case .anli{
    width: 390px;
    margin-left: 15px;
}
.index_case .anli .img{
    width: 390px;
    height: 293px;
	overflow:hidden;
}
.index_case .anli .img img{
    width: 390px;
    height: 293px;
	transform:scale(1);
	transition:all ease-in-out 0.3s;
}
.index_case .anli:hover .img img{
	transform:scale(1.2);
}
.index_case .anli .p{
    height: 100px;
}
.index_case .anli .p .mingzi{
    font-size: 16px;
    color: #555555;
    width: 300px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1; 
    margin-left: 20px;
    margin-top: 18px;
    margin-bottom: 6px;
    transition:all 0.3s ease-in-out;
}
.index_case .anli:hover .p .mingzi{
    color: #cc0e17;
}
.index_case .anli .p .xiangqing{
    font-size: 14px;
    color: #909090;
    background: url("../image/more.png") top 4px right no-repeat;
    width: 76px;
    margin-left: 20px;
}
.index_case .case{
    width: 1215px;
    margin-left: -15px;
    margin-top: 50px;   
}
.index_case .anli .p .float_r{
    width: 47px;
    border-left: solid 1px #e0e0e0;
    height: 20px;
    margin-top: 30px;
    background: url("../image/jiantou1.png")left 9px top 3px no-repeat;
    transition:all 0.3s ease-in-out;
}
.index_case .anli:hover .p .float_r{
    background: url("../image/jiantou2.png")left 19px top 3px no-repeat;
}
.index_case{
    padding-bottom: 47px;
}
.index_html .index_news .product_more {
    display: block;
    width: 138px;
    height: 42px;
    border: solid 1px #ebebeb;
    font-size: 14px;
    color: #adadad;
    text-align: center;
    line-height: 42px;
    border-radius: 5px;
    margin: auto;
    /* margin-top: 70px; */
    transition: all 0.3s ease-in-out;
}
.index_html .index_news .product_more:hover{
    border: solid 1px #cc0e17;
    background: #cc0e17;    
    color: #fff;
}
.index_html .index_news .product_more p{
    width: 138px;
    height: 42px;
    line-height: 42px;
    background: url("../image/more_1.png") top 16px right 32px no-repeat;
    transition:all 0.3s ease-in-out;
}
.index_html .index_news .product_more:hover p{
    width: 138px;
    height: 42px;
    background: url("../image/more_1.png") top 16px right 24px no-repeat;
    text-indent: -12px;
    color: #fff;
}
.index_html .index_news .chanpin{
    width: 390px;
    height: 358px;
    border-bottom: solid 1px #ececec;
}
.index_html .index_news .chanpin:nth-child(2){
    margin-left: 15px;
    margin-right: 15px;
}
.index_html .index_news .chanpin .img{
    width: 390px !important;
    height: 240px !important;
}
.index_html .index_news .chanpin .img img{
    width: 390px !important;
    height: 240px !important;
}
.index_html .index_news .chanpin .text{
    height: 118px;
    position: relative;
}
.index_html .index_news .chanpin .text .clear{
    position: absolute;
    height: 1px;
    width: 50px;
    background: #555555;
    bottom: 0;
    left: 0;
    transition:all 0.6s ease-in-out;
}
.index_html .index_news .chanpin:hover .text .clear{
    width: 100%;
}
.index_html .index_news .chanpin .text .float_l{
    width: 67px;
    height: 75px;
    border-right: solid 1px #ececec;
    margin-top: 22px;
}
.index_html .index_news .chanpin .text .float_l p:nth-child(1){
    font-size: 20px;
    color: #555555;  
}
.index_html .index_news .chanpin .text .float_l p:nth-child(2){
    font-size: 16px;
    color: #909090;  
}
.index_html .index_news .chanpin .text .float_r{
    width: 304px;
    margin-right: 8px;
    margin-top: 20px;
}
.index_html .index_news .chanpin .text .float_r p:nth-child(1){
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
    color: #333333;  
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1; 
    transition:all 0.3s ease-in-out;
}
.index_html .index_news .chanpin .text .float_r p:nth-child(2){
    font-size: 14px;
    line-height: 24px;
    color: #909090;  
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}
.index_html .index_news .chanpin:hover .text .float_r p:nth-child(1){
    color: #cc0e17;  
}
.index_html .index_news{
    height: 618px;
    padding-top: 1px;
}
.index_html .index_news .swiper-pagination-n{
    width: 100%;
    margin-top: 25px;
}
.index_html .index_news .swiper-pagination-n span {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #e1e1e1;
    opacity: 1;
}
.index_html .index_news .swiper-pagination-bullet-active {
    background: #cc0e17 !important;
}
.message{
    height: 903px;
    background: url("../image/guanggao.png") top center no-repeat;
    padding-top: 1px;
}
.message .background{
    background: #fff;
    width: 1200px;
    height: 503px;
    margin-top: 340px;
}
.message .liuyan{
    width: 565px;
    margin-top: 50px;
    margin-left: 93px;
}
.message h6{
    font-size: 24px;
    color: #323232;
    margin: 0;
    font-weight: 500;

}
.message .liuyan p{
    font-size: 14px;
    color: #909090;
    line-height: 32px;
    padding-top: 18px;
}
.message .liuyan input{
    width: 483px;
    height: 42px;
    border: solid 1px #e2e2e2;
    padding: 0 10px;
    font-size: 15px;
    color: #909090;
}
.message .liuyan textarea{
    width: 483px;
    height: 90px;
    border: solid 1px #e2e2e2;
    padding: 10px 10px;
    font-size: 15px;
    color: #909090;
}
.message .liuyan .chongzhi{
    display: block;
    width: 90px;
    height: 46px;
    background: #1f1f1f;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    color: #fffefe;
    margin-top: 22px;
}
.message .liuyan .tijiao{
    display: block;
    width: 90px;
    height: 46px;
    background: #cc0e17;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    color: #fffefe;
    margin-left: 4px;
    margin-top: 22px;
}
.message .linaxi{
    width: 450px;
    margin-top: 50px;
}
.message .linaxi .p{
    font-size: 18px;
    color: #323232;
    margin-top: 22px;
    margin-bottom: 16px;

}
.message .linaxi .text{
    font-size: 14px;
    color: #646464;
    line-height: 25px;
}   
.message .linaxi .icon{
    height: 62px;
    margin-top: 38px;
}
.message .linaxi .icon .float_l p:nth-child(1){
    font-size: 18px;
    color: #323232;
    padding: 2px 0 10px 0;
}
.message .linaxi .icon .float_l p:nth-child(2){
    font-size: 14px;
    color: #646464;
}
.inside_pages_banner{
    background: url("../image/inside_pages_banner.png") top center no-repeat;
    height: 450px;
}
.position{
    height: 90px;
    background: #f5f5f5;
}
.position .float_l{
    font-size: 28px;
    color: #323232;
    line-height: 90px;
}
.position .float_r p{
    font-size: 16px;
    color: #646464;
}
.position .float_r p a{
    font-size: 16px;
    color: #646464;
}
.position .float_r img{
    margin-right: 10px;
    margin-top: 33px;
}
.contact_html{
    background: #fff;
    padding: 60px 0 80px 0;
}
.contact_html .gongsiming{
    font-size: 18px;
    color: #323232;
    font-weight: 600;
    margin-bottom: 20px;
}
.contact_html .text{
    margin-bottom: 24px;
}
.contact_html .text p{
    font-size: 16px;
    color: #646464;
    line-height: 40px;
}
.message_html{
    padding: 80px 0 60px 0;
    background: #ffffff;
    display: block
}
.message_html .input{
    margin-bottom: 14px;
}
.message_html .input p{
    width: 112px;
    line-height: 46px;
    margin-left: 194px;
    font-size: 18px;
    color: #444444;
}
.message_html .input input{
    width: 608px;
    height: 46px;
    border: solid 1px #ababab;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 18px;
    color: #444444;
}
.message_html .input span{
    font-size: 16px;
    color: #ff0101;
    margin-left: 10px;
}
.message_html .input textarea{
    width: 608px;
    height: 160px;
    border: solid 1px #ababab;
    border-radius: 5px;
    padding: 10px;
    font-size: 18px;
    color: #444444;
}
.message_html .tijiao{
    display: block;
    font-size: 18px;
    color: #ffffff;
    width: 157px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    background: #1f1f1f;
    margin-left: 612px;
    margin-right: 10px;
    margin-top: 16px;
}
.message_html .chongzhi{
    display: block;
    font-size: 18px;
    color: #ffffff;
    width: 157px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    background: #cc0e17;
    margin-top: 16px;
}
.feedback{
    width: calc(100% - 28px);
    padding-left: 28px;
    height: 60px;
    background: #cc0e17;
    margin-top: 60px;
    font-size: 16px;
    color: #fff;
    line-height: 56px;
    margin-bottom: 50px;
}
.message_feedback{
    /* height: 190px; */
    width:calc(100% - 60px);
    background: #f5f5f5;
    margin-bottom: 20px;
    padding:0 30px;
}
.foot_connect{
    background: #fff;
    padding-top: 1px;
}

.message_character{
    width: 58px;
}
.message_feedback_p{
    width: 800px;
    margin-right: 20px;
    padding-top: 18px;
}
.message_feedback_p p{
     font-size: 16px;
     color: #323232;
     margin-top: 10px;
}
.message_feedback_p p span{
    font-size: 14px;
    color: #646464;
}
.message_feedback_tiem p{
    font-size: 16px;
    color: #323232;
    margin-top: 26px;
}
.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;
}

/* 关于我们页面 */
.single_html{
    padding-top: 54px;
    padding-bottom: 64px;
}
.single_html p{
    font-size: 16px;
    color: #646464;
    line-height: 40px;
    text-align: justify;
    text-indent: 2rem;
    margin-bottom: 10px;
}

/* 菜品展示页面 */
.show_html{
    padding-top: 56px;
    padding-bottom: 78px;
}
.show_html .h3{
    font-size: 24px;
    color: #323232;
    text-align: center; 
    margin-bottom: 12px;
}
.show_html .h6{
    font-size: 16px;
    color: #909090;
    text-align: center;
}
.show_html .h6 span{
    margin: 0 14px;
}
.show_html .img .left{
    display: block;
    width: 35px;
    height: 90px;
    background: url("../image/show_left1.png") no-repeat;
    transition:all 0.3s ease-in-out;
    margin-top: 180px;
    margin-left: 205px;
    margin-right: 60px;
}
.show_html .img .left:hover{
    background: url("../image/show_left2.png") no-repeat;
}
.show_html .img .right{
    display: block;
    width: 35px;
    height: 90px;
    background: url("../image/show_right1.png") no-repeat;
    transition:all 0.3s ease-in-out;
    margin-top: 180px;
    margin-left: 60px;
}
.show_html .img .right:hover{
    background: url("../image/show_right2.png") no-repeat;
}
.show_html .img{
    margin-top: 50px;
}
.show_html .img img{
    width: 600px;
    height: 450px;
}
.show_html .xianqing .title{
    height: 70px;
    background: #cc0e17;
    font-size: 16px;
    color: #fff;
    line-height: 70px;
    text-indent: 30px;
    margin-top: 78px;
}
.show_html .text p{
    font-size: 16px;
    color: #646464;
    line-height: 40px;
    text-indent: 2rem;
    margin-top: 28px;
}
.show_html .text p img{
	max-width:100%;
}
.switch_each_item{
    height: 80px;
    border-top: dashed 1px #cccccc;
    border-bottom: dashed 1px #cccccc;
    position: relative;
    margin-top: 46px;
}
.switch_each_item .fanhui_lb{
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    background: url("../image/show_icon2_1.png") no-repeat;
    left: 50%;
    top:24px;
    margin-left: -17px;
    transition:all 0.3s ease-in-out;
    margin-right: 28px;
}
.switch_each_item .fanhui_lb:hover{
    background: url("../image/show_icon2_2.png") no-repeat;
}
.switch_each_item .xiehuan{
    display: block;
    background: url("../image/show_icon1_1.png") top 32px left 30px no-repeat;
    transition:all 0.3s ease-in-out;
    max-width: 340px;
    line-height: 80px;
    padding-left: 55px;
    font-size: 16px;
    color: #323232;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1; 
}
.switch_each_item .xiehuan span{
    font-size: 15px;
    color: #646464;
    margin-left: 6px;
}
.switch_each_item .xiehuan:hover{
    background: url("../image/show_icon1_2.png") top 32px left 30px no-repeat;
}
.switch_each_item .xiehuan:hover span{
    color: #cc0e17;
}

/* 列表详情页面 */
.list_show_html{
    
}
.list_show_html .h6{
    border-bottom: dashed 1px #909090;
    padding-bottom: 20px;
}

/* 新闻列表页面 */
.list_html .index_news{
    height: auto !important;
}
.list_html .index_news .chanpin:nth-child(2){
    margin-right: 0;
}
.list_html .index_news .chanpin{
    margin-left: 15px;
    margin-bottom: 40px;
}
.index_html .product{
    width: 1215px;
    margin-left: -15px;
}
.fanye{
    padding-bottom: 80px;
}
.fanye ul{
    padding: 15px 24px;
    background: #f5f5f5;
    border-radius: 50px;
    display: flex;
}
.fanye ul li{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 6px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #646464;
    transition:all 0.3s ease-in-out;
}
.fanye ul li:hover{
    color: #fff;
    background: #cc0e17;
}
.fanye ul .xuanzhong{
    color: #fff;
    background: #cc0e17;
}
.fanye .zuo{
    display: block;
    width: 60px;
    height: 60px;
    background: url("../image/list1_1.png") no-repeat;
    transition:all 0.3s ease-in-out;
}
.fanye .zuo:hover{
    background: url("../image/list1_2.png") no-repeat;
}
.fanye .you{
    display: block;
    width: 60px;
    height: 60px;
    margin-left: 20px;
    background: url("../image/list2_1.png") no-repeat;
    transition:all 0.3s ease-in-out;
}
.fanye .you:hover{
    background: url("../image/list2_2.png") no-repeat;
}
.gallery_html{

}
.gallery_html .product .chanpin:nth-child(2) {
    margin: 0 3px;
    margin-right: 0
}
.gallery_html .product .chanpin{
    margin-left: 3px;
	margin-bottom:3px;
}
.gallery_html .product {
    margin-left: 0px;
}
.gallery_html .fanye{
    margin-top: 40px;
}
.gallery_html .index_product{
    height: auto;
}
.gallery_html .index_product ul{
    
    margin-top: 60px;width: 1260px;
}
.gallery_html .index_product ul li{
    width: 128px;
    height: 40px;
    border: solid 1px #ebebeb;
    font-size: 15px;
    color: #909090;
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
    margin-right: 4px;float: left;
}
.gallery_html .index_product ul li:hover{
    color: #fff;
    background: #cc0e17;
    border: solid 1px #cc0e17;
}
.gallery_html .index_product ul .xuanzhong{
    color: #fff;
    background: #cc0e17;
    border: solid 1px #cc0e17;
}
.index_html .index_cooperation{
    background: #f5f5f5;
}
.index_html .index_cooperation .left{
    padding: 10px 0;
}
.index_html .index_cooperation .float_l{
    width: 50%;
}
.index_html .index_cooperation .bounceInRight{
    background: url("../image/guanggao2.png") top center no-repeat;
    height: 500px;
}
.index_html .index_cooperation .block{
    height: 160px;
    transition:all 0.3s ease-in-out;
}
.index_html .index_cooperation .block:hover{
    background: #FFF;
}
.index_html .index_cooperation .block .width{
    width: 650px;
    margin: auto;
}
.index_html .index_cooperation .block img{
    width: 138px;
    height: 138px;
    border-radius: 50%;
    margin-top: 10px;
}
.index_html .index_cooperation .block h6{
    font-size: 20px;
    margin: 0;
    color: #212121;
    font-weight: 500;
    margin-left: 50px;
    margin-top: 55px;
    transition:all 0.3s ease-in-out;
}
.index_html .index_cooperation .block:hover h6{
    color: #cc0e17;
}
.index_html .index_cooperation .block p{
    font-size: 14px;
    margin: 0;
    color: #5f5f5f;
    font-weight: 500;
    margin-left: 50px;
    margin-top: 8px;
    line-height: 24px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}
.index_html .index_cooperation .block .p{
    width: 430px;
}
.index_html .index_cooperation .block .img{
    width: 29px;
    height: 20px;
    background: url("../image/cooperation.png") top left -29px no-repeat;
    overflow: hidden;
    margin-top: 84px;
    margin-left: 50px;
    transition:all 0.3s ease-in-out;
}
.index_html .index_cooperation .block:hover .img{
    background: url("../image/cooperation.png") top left 0px no-repeat;
}

.phone_state{
    display: none;
}
.index_html .index_news .chanpin .text .float_r p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.single_html img{
    width: 100%;
}


.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}