@charset "utf-8";
/* CSS Document */


.w1200{ max-width:1200px; margin:0 auto;}
.wap{ display:none;}
.ceshi{ background:#333; width:1.2rem; height:1.2rem; color:#fff; font-size:.12rem}


.header{ background-color: rgba(255, 255, 255, 0.9);
    box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.5), 0px 0px 15px rgba(75, 75, 75, 0.3);}
.header .logo{ width:260px; height:110px;}
.header .logo a{ line-height:110px; height:110px; display:inline-block;}
.header .logo a img{ line-height:110px; vertical-align:middle; max-width:190px;}
.header .nav{ width:calc(100% - 260px);}
.header .nav li{ display:inline-block; line-height:110px; width:11.11%; float:left; text-align:center;}
.header .nav li a{ display:block; line-height:110px; position:relative; color:#3d3d3d;}
.header .nav li a:after{     z-index: 9;
    position: absolute;
    width: 0px;
    bottom: 38px;
    display: block;
    background: #fff;
    height: 1px;
    content: "";
    left: 50%;
    margin-left: -9px;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;}
.header .nav li a:hover:after,.header .nav li.active a:after{ width:18px;}
.header .nav li a:hover,.header .nav li.active a{ background:#f28373; color:#fff;}
.header .nav ul{ width:calc(100% - 100px); float:left;}
.searches{ width:100px; float:right; padding-top:45px; text-align:right; position:relative;}
.searches span{ font-size:14px; color:#333; display:block;}
.searches span img{ vertical-align:middle; margin-left:5px;}
.searchbox{z-index:11; display:none; position:absolute; top:110px; right:0; width:290px;}
.searchbox button{ width:70px; background:#f4b4ab; height:40px; float:right; color:#fff;}
.searchbox input{ width:calc(100% - 70px); background:#fff; width:220px; height:40px; padding:0 20px; float:left;}

.banner img{ width:100%;}
.banner .swiper-pagination-bullet{position: relative;
    margin: 0 3px;
    display: inline-block;
    width: 43px;
    height: 3px;
    border: none;
    overflow: hidden;
    z-index: 99;
    background: #fff;
    border-radius: 12px; opacity:1;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#f4b4ab}

.titles{ padding-top:55px;}
.titles img{ max-width:100%; display:block; margin:0 auto;}
.titles p{ display:block; text-align:center; font-size:16px; color:#333; margin-top:15px; margin-bottom:25px;}

.product_box .swiper-slide img,.dianpu_box .swiper-slide img{ width:100%;}
.product_box .swiper-container{}
.product_box .swiper-button-next,.product_box  .swiper-button-prev{ background-color:#000; border-radius:100%; background-size:30px auto; width:60px; height:60px;}

.product_box  .swiper-button-prev{ background-image:url(../images/zjtou.png); left:0; margin-top:-30px;}
.product_box  .swiper-button-next{ background-image:url(../images/youjt.png); right:0; margin-top:-30px;}


.dianpu_box .swiper-button-next,.dianpu_box  .swiper-button-prev{ background-color:#000; border-radius:100%; background-size:30px auto; width:60px; height:60px;}

.dianpu_box  .swiper-button-prev{ background-image:url(../images/zjtou.png); left:0; margin-top:-30px;}
.dianpu_box  .swiper-button-next{ background-image:url(../images/youjt.png); right:0; margin-top:-30px;}


.lunbocon,.dianpuzhanshi{ padding:0 80px; position:relative;}

.product_box .swiper-container .swiper-slide span{ display:block; bottom:0; left:0; position:absolute;width: 100%;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; background:rgba(0,0,0,.5); transition:all .3s;}
.product_box .swiper-container .swiper-slide:hover span{ background:rgba(202,17,25,.5)}


.index_02{ margin-top:50px;}
.zsjmeng ul{ display:flex;}
.zsjmeng ul li{    width: calc((100% - 0px)/6); text-align: center;}
.zsjmeng ul li span{    display: flex;
    width: 142px;
    height: 142px;
    border-radius: 142px;
    text-align: center;
    align-items: center;
    background: #fff;
    margin: auto;}
.zsjmeng ul li img{ margin: auto;}
.zsjmeng ul li .z2{ display:none;}
.zsjmeng ul li:hover span{ background:#f4b4ab;}
.zsjmeng ul li:hover img{ display:none;}
.zsjmeng ul li:hover img.z2{ display:block;}
.zsjmeng ul li p{    font-size: 16px;
    color: #ffffff;
    line-height: 32px;
    padding-top: 10px;}
a.more{display: block;
    margin: auto;
    border: #c0c0c0 1px solid;
    text-align: center;
    width: 190px;
    height: 52px;
    font-size: 16px;
    line-height: 52px;
    color: #666666;
    position: relative;
    z-index: 9;
    margin-top: 45px;}
a.more2{    display: block;
    margin: auto;
    border: #fff 1px solid;
    text-align: center;
    width: 190px;
    height: 52px;
    font-size: 16px;
    line-height: 52px;
    color: #fff;
    position: relative;
    z-index: 9;
    margin-top: 45px;}
	
a.more2:after,a.more:after{z-index: -1;
    position: absolute;
    width: 100%; background:none;
    bottom: 0;
    display: block;
    height: 100%;
    content: "";
    left: 0;
    transition:all .3s;
    -webkit-transition:all .3s;}
	
.more2:hover:after,.more:hover:after{background: #f4b4ab;}


a.more2:hover,a.more:hover{ background:#f4b4ab; color:#fff;}

.zhaoshangjiameng { background-image:url(../images/box1486.jpg);    background-attachment: fixed;}
.index_add{ background-image:url(../images/box0889.jpg);background-attachment: fixed;}

.footer b{    font-size: 26px;
    color: #f28373;
    padding-bottom: 10px; display:block;
    POSITION: relative;
}
.footer .line{    width: 52px;display: block;
    background: #fff; margin-bottom:20px;
    height: 1px;}
.fot_le li{    width: calc((100% - 0px)/8);
    float: left;}
.fot_le li span{    font-size: 16px;
    color: #fff;
    display: block;
    margin-bottom: 20px;}
.fot_le li a{    font-size: 14px;
    line-height: 30px;
    color: #d1cfcf;
    display: block;}
	
.fot_le li.yyxl{    margin-top: 42px;}
	
.cmax{display: flex;
    margin-top: 35px;}
.cmax .lf{    margin-right: 16px;}
.cmax .rg{color: #fff;
    font-size: 14px;
    line-height: 30px;}
.cmax .rg img{    vertical-align: middle;
    margin-right: 5px;}
.links{ margin-top:28px;}
.links .an{display: inline-block;
    width: 115px;
    height: 40px;
    line-height: 40px;
    background: #f4b4ab;
    font-size: 14px;
    color: #fff;
    text-align: center;}
.links a{    margin-bottom: 11px;
    margin-right: 10px;}
	
	.fot_copy{ background:rgba(202, 17, 25, 1);}
	.fot_copy p{ color:#fff; font-size:14px;}
	.fot_copy p a{ display:inline-block; color:#fff; font-size:14px;}
	
	
	.index_02{ position:relative;}
	.index_02 .aboutbox{ overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%;}
	.index_02 .aboutbox img{ width:100%; height:100%; object-fit:cover;}
.index_02 .about_ri{ width:50%; background:rgba(244, 180, 171, 0.9); position:relative; z-index:11;}
.index_02  .swiper-container{ height:100%;}
.index_02 .about_ri .about_ribox{ width:630px; padding:40px;}
.index_02 .about_ri .about_ribox img{ display:block; margin:0 auto; max-width:180px;}
.index_02 .about_ri .about_ribox p{ font-size:16px; color:#fff; margin-top:20px;}
.index_02 .about_ri .about_ribox a{}
.aboutbox .swiper-container-horizontal>.swiper-pagination-bullets{ width:50%; text-align:right; padding-right:20px;}

.zhaoshangjiameng{ margin:50px auto; padding-bottom:50px;}
.zsjmeng{ margin-top:50px;}
.jujiaotab span{ display:inline-block; width:32%; cursor:pointer; text-align:center; float:left; line-height:42px; background:#f1f1f1; margin-right:2%;}
.jujiaotab span:nth-child(3){ margin-right:0;}
.jujiaotab span.on{ background:#f4b4ab; color:#fff;}
.jujiaoli_le{ padding:20px 30px; width:50%;background:#f4f4f4; height:400px;}
.jujiaoli_ri{ width:50%; height:400px; position:relative;}
.jujiaoli_ri img{ width:100%; height:100%; object-fit:cover;}
.jujiaotap{ padding:40px 0 0 0; }
.jujiaoli_ri span{ position:absolute; bottom:0; left:0; background:rgba(0,0,0,.5); width:100%; color:#fff; padding:0 20px;line-height:40px;}
.jujiaoli_ri span em{ font-size:14px; line-height:40px; font-style:normal;}

.jujiaoli{ display:none;}
.jujiaoli_le li{ border-bottom:1px solid #ddd;}
.jujiaoli_le li a{ font-size:16px; color:#666; line-height:50px;}
.jujiaoli_le li a span{ font-size:14px; line-height:50px; font-style:normal;}
.jujiaoli_le li a:hover{ color:#f4b4ab;}

.video_le{ background-size:cover;}

.video_le,.video_ri{ width:50%; height:400px; position:relative;}
.video_le img{ width:100%; height:100%; object-fit:cover;}
.video_ri { padding:40px; background:#f4f4f4}
.video_le p em,.video_ri li em{ font-style:normal;}
.video_le p{    position: absolute;
    width: 100%;
    height: auto;
    padding: 0px 15px;
    z-index: 999;
    bottom: 0;
    transition: all .5s ease;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.6); color:#fff; display:block; padding:10px 20px;}

.video_ri li{ border-bottom:1px solid #ddd;}
.video_ri li a{ font-size:16px; color:#666; line-height:50px;}
.video_ri li a span{ font-size:14px; line-height:50px; font-style:normal;}
.video_ri li a:hover{ color:#f4b4ab;}
.video_ri li em{ font-size:14px;}
.index_add{ margin-top:50px; padding:80px 0; text-align:center;}
.index_add .w1200>img{ margin-bottom:50px;}
.index_add span{ color:#fff; margin:0 10px; margin-top:20px; display:inline-block;}
.index_add span img{ margin-right:10px; display:inline-block; vertical-align:middle;}
.index_add a{ display:block;display: block;
    margin: auto;
    border: #f4b4ab 1px solid;
    text-align: center;
    width: 190px;
    height: 52px;
    font-size: 16px;
    background: #f4b4ab;
    line-height: 52px;
    color: #fff;
    position: relative;
    z-index: 9; margin-top:30px;}
	
.footer{ background:rgba(59, 59, 59, 1); padding:50px 0;}

.fot_ri{ width:240px;}
.fot_le{ width:calc(100% - 240px);}
.fot_copy{ background:#f36450; padding:15px 0;}

.sub_ban{ position:relative;}
.sub_ban img{ width:100%;}
.sub_ban .sub_chan{ position:absolute; left:0; bottom:0; background:rgba(255,255,255,.8); width:100%; text-align:center;}
.sub_chan a{ padding:0 38px; line-height:56px; color:#333; font-size:16px; display:inline-block;}
.sub_chan a.on,.sub_chan a:hover{ background:#f28373; color:#fff;}

.positions .w1200{ padding-top:18px; padding-bottom:18px; border-bottom:1px solid #d9d9d9 ;}
.positions p,.positions p a{ font-size:14px; color:#666;}

.single_tit{ text-align:center; font-size:32px; color:#333; font-weight:bold; margin:25px auto;}
.single_tit .line{width: 72px;    background: #f28373;    height: 2px; margin:0 auto;}

.contents{ padding:30px 0;}

.contents p{ font-size:16px; line-height:2; font-family:'微软雅黑' !important; margin-top:5px;}


.news_lists{ padding:30px 0;}
.news_li li{ width:49%; float:left; margin-right:2%; padding:10px; background:#f5f5f5; margin-bottom:2%; transition:all .3s;}
.news_li li:nth-child(2n){ margin-right:0;}
.news_li li .imgs{ width:40%; height:150px; float:left;}
.news_li li .imgs img{ width:100%; height:100%; object-fit:cover;}
.news_li li .txts{ width:60%; height:150px; float:right; padding-left:15px;}
.news_li li .txts h2 a{ font-size:18px; font-weight:normal; color:#333;}
.news_li li .txts p{ margin:10px auto; font-size:14px; color:#666;}
.news_li li .txts span{ font-size:12px; color:#999;}
.news_li li:hover{ background:#f28373}
.news_li li:hover .txts h2 a{ color:#fff;}
.news_li li:hover .txts p { color:#fff;}
.news_li li:hover .txts span{ color:#fff;}

.pagesd{ text-align:center; padding:40px 0;}
.pagesd li{ display:inline-block;}
.pagesd li a,.pagesd li span{ display:block; padding:5px 15px; color:#333; border:1px solid #eee;}
.pagesd li.active a,.pagesd li a:hover{ background:#f28373; color:#fff;}

.news_titles{ text-align:center;}
.news_titles h1{ font-size:24px; color:#333; font-weight:normal;}
.news_titles{ border-bottom:1px solid #eee; padding-bottom:15px;}
.times{ padding-bottom:15px; text-align:center; padding-top:15px;}
.times span{ font-size:14px; color:#888;}

.prev_next{ border-top:1px solid #eee; border-bottom:1px solid #eee; padding:40px 0;}

.prev_next a{ display:block; font-size:16px; margin:5px 0; color:#666;}
.prev_next a:hover{ color:#f28373;}

.contactbox{ padding:40px 0;}

.contact_le,.contact_ri{ width:50%; float:left; height:450px;}
.contact_ri p{ display: block; height: 100%;}
.contact_le .conli{ width:50%; float:left; padding:40px;}
.contact_le .conli1{ border-right:1px solid #eee;}
.contact_le .conli2{ border-bottom:1px solid #eee;}
.contact_le .conli .imgss{ width:50px; float:left;}
.contact_le .conli .imgss img{ width:100%;}
.contact_le .conli .txts{ width:calc(100% - 50px); padding-left:15px; float:right;}
.contact_le .conli .txts p{ font-size:14px; color:#666;}

.contact_le{ padding-right:40px; padding-top:40px;}
.contact_ri iframe{ width:100%; height:100%; border:none; background:#eee;}

.liuyanbox{ padding:40px 0;}
.liuyanbox textarea{ height:100px; width:100%; background:#eee; padding:15px; border:none;}
.liuyanbox input{ width:49%; height:40px; background:#eee; margin-top:15px; padding:0 15px;}
.liuyanbox button{ width:200px; text-align:center; color:#fff; background:#333; border-radius:5px; height:40px; margin:25px auto; display:block;}


.img_lists li{ width:23%; margin:1%; float:left; transition:all .3s;}
.img_lists li img{ width:100%; height:100%; object-fit:cover;}
.img_lists li .imgs{ height:210px;}
.img_lists li .txts{ display:block; }
.img_lists li .txts span{ display:block; text-align:center;padding:10px; position:relative;}
.img_lists li:hover{ box-shadow:0 0 10px rgba(0,0,0,.1);}
.img_lists li span:after{ content:""; height:1px; background:#F00; width:0; position:absolute; left:0; bottom:0; transition:all .3s;}
.img_lists li:hover span:after{ width:100%;}

#fancybox-inner{ left:0 !important; top:0 !important;}


.prolists{ padding:40px 0;}

.news2_li li{ border-bottom:1px solid #eee; padding:25px 0;}
.news2_li li .imgs{ width:3.9rem; float:left; height:200px;}
.news2_li li .imgs img{ width:100%; height:100%; object-fit:cover;}
.news2_li li .txts{ width:calc(100% - 4rem); float:right; padding:10px;}
.news2_li li .txts h2 a { font-size:18px; color:#333; font-weight:normal;}
.news2_li li .txts p{ font-size:14px; color:#666; margin:15px 0;}
.news2_li li .txts span{ font-size:14px; color:#999; display:block;}

.pro_li_ri{ width:260px; box-shadow:0 0 10px rgba(0,0,0,.1); position:sticky; top:0;}
.pro_li_ri b{ background:#f28373; color:#fff; padding:5px 15px; font-size:20px; color:#fff; font-weight:normal; display:block;}
.pro_li_ri a{ display:block; border-bottom:1px solid #eee; padding:0 15px; font-size:16px; line-height:45px; color:#333;}
.pro_li_ri a:hover{ background:#f5f8fa; border-left:2px solid #f28373}
.pro_li_le{ width:calc(100% - 300px);}
.pro_li_le .chanpinliebiao li { width:31.33%; float:left; margin:0 1% 2% 1%; height:350px; position:relative;}
.chanpinliebiao li img{ width:100%; height:100%; object-fit:cover;}
.chanpinliebiao li span{ position:absolute; bottom:0; left:0; padding:10px; background:rgba(0,0,0,.65); color:#fff; text-align:center; display:block; width:100%;}



.pro_view_le{ width:40%; float:left;}
.pro_view_le img{ width:100%;}
.pro_view_ri{ width:60%; padding-left:40px;}
.pro_view_ri h1{ font-size:20px; font-weight:normal; border-bottom:1px solid #eee; display:block; padding:15px 0;}
.pro_view_ri .intro{ padding:30px 0;}
.pro_view_ri .intro p{ font-size:14px; color:#333;}


.gallery-thumbs { margin-top:10px;}

.swiper-slide-thumb-active{ border:2px solid #f28373}

.provtit{ margin-top:40px; background:#e5e5e5;}
.provtit span{ display:inline-block; line-height:40px; padding:0 20px; background:#f28373; color:#fff;}





@media screen and (max-width:1280px){
	 .w1200{ padding-left:40px; padding-right:40px;}
	 .index_02 .about_ri .about_ribox{ width:100%;}
	 .contact_le .conli{ padding:15px;}
	}



@media screen and (max-width:960px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 .w1200{ padding-left:15px; padding-right:15px;}
	 .positions .w1200{ padding-top:5px; padding-bottom:5px;}
	 .positions .w1200 p,.positions .w1200 a{ font-size:12px;}
	 .sub_ban .sub_chan a{ line-height:35px; padding:0 10px; font-size:14px;}
	 .pro_li_ri{ width:100%; float:none}
	 .pro_li_le{ width:100%; float:none; margin-bottom:20px;}
	 .prolists{ padding:30px 0;}
	 .pro_li_ri a{ font-size:14px;}
	 .index_add .w1200>img{ width:200px; margin-bottom:15px;}
	 .index_add{ margin-top:20px; padding:30px 0;}
	 .provtit{ margin-top:20px;}
	 .fot_le{ display:none;}
	 .fot_ri{ margin:0 auto; float:none;}
	 .index_add{ background-size:cover;}
	 .footer b{ font-size:20px;}
	 .contents{ padding:20px 0;}
	 .contents p{ font-size:14px; color:#333; line-height:1.7;}
	 .titles p{ font-size:14px;}
	 a.more,a.more2{ line-height:40px; font-size:14px; height:40px;}
	 .index_02 .about_ri{ width:100%;}
	 .index_02 .about_ri .about_ribox{ padding:15px;}
	 a.more2{ margin-top:20px;}
	 .index_02 .about_ri .about_ribox p{ margin-top:0;}
	 
	 .zsjmeng ul li{ width:31.33%; float:left; margin:1%;}
	 .zsjmeng ul{ display:block;}
	 .zsjmeng ul li span{ width:50px; height:50px;}
	 .zsjmeng ul li span img{ width:20px;}
	 .zsjmeng ul li p{ font-size:14px;}
	 .zhaoshangjiameng{ margin-bottom:0;}
	 .titles{ padding-top:24px;}
	 .jujiaotab span{ font-size:14px;}
	 .jujiaoli_le,.jujiaoli_ri{ width:100%; float:none; height:auto;}
	 .jujiaotap{ padding-top:25px;}
	 .jujiaoli_le{ padding:15px;}
	 .jujiaoli_le li a,.video_ri li a{ font-size:14px; line-height:35px;}
	 .jujiaoli_le li a span{ line-height:35px; font-size:12px;}
	 a.more{ margin-top:15px;}
	 .video_ri{ padding:15px;}
	 .video_le, .video_ri{ width:100%; height:auto;}
	 .single_tit{ font-size:20px; margin-bottom:15px;}
	 .news_li li{ width:100%; float:none;}
	 .news_li li .txts h2 a{ font-size:16px;}
	 .news_li li .txts p{ font-size:12px;}
	 .news_li li .imgs{ height:5rem;}
	 .news_li li .txts{ height:auto;}
	 .pagesd{ padding:20px 0;}
	 .pagesd li a,.pagesd li span{ font-size:14px;}
	 .news_titles h1{ font-size:20px;}
	 .times{ padding:0;}
	 .prev_next{ padding:20px 0;}
	 
	 .contact_le, .contact_ri{ width:100%; float:none;}
	 .contact_le{ padding:10px; height:auto;}
	 .contact_le .conli .imgss{ width:30px;}
	 .contact_le .conli .imgss img{ width:25px;}
	 .contactbox{ padding:20px 0;}
	 .contact_le .conli .txts{ width:calc(100% - 30px);}
	 .liuyanbox{ padding:20px 0;}
	 .img_lists li{ width:48%;}
	 .img_lists li .imgs{ height:7rem;}
	 .news_lists{ padding:20px 0;}
	 .pro_li_le .chanpinliebiao li{ height:7rem;}
  .monav{display:block !important;}
  .product_box .swiper-button-next{ display:none;}
  .product_box .swiper-button-prev{ display:none;}
  .lunbocon, .dianpuzhanshi{padding:0; padding-bottom:40px;}
  .swiper-pagination{width:100%;}
  .swiper-pagination-bullet-active{background:#f4b4ab}
  .dianpu_box .swiper-button-next{ display:none;}
  .dianpu_box .swiper-button-prev{ display:none;}
  .swiper-pagination-clickable .swiper-pagination-bullet{margin:0 4px;}
	}
@media screen and (max-width:500px){
	.pro_view_le,.pro_view_ri{ width:100%; float:none; padding:0 ;}
	.pro_view_ri .intro{ padding:15px 0;}
	.index_add span{ font-size:14px;}
	.contact_le .conli{ padding:5px;}
	.contact_le .conli .txts{ padding-left:5px;}
	.contact_ri{ height:200px;}
	.contact_le .conli .txts p{ font-size:12px;}
	
	 .news2_li li .imgs{ width:100%;}
	 .news2_li li .txts{ width:100%;}
	 .news2_li li .txts p{ margin-top:0;}
	 .news2_li li{ padding:15px 0;}
	 .news2_li li .txts h2 a{ font-size:14px;}
	 .news2_li li .txts p{ font-size:12px; margin-bottom:5px;}
	 .news2_li li .txts span{ font-size:12px; margin-top:5px;}
	 .pro_li_le .chanpinliebiao li{ width:48%; margin:1%; height:10rem;}
	}