@charset "utf-8";
@import url("core.css");
/* CSS Document */
* { margin: 0; padding: 0; transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; }
html, body { margin:0 auto; min-width:100%; }
body{ overflow-x:hidden}
body { font-family:Arial, 'Microsoft yahei', Helvetica, sans-serif; font-size:14px; color:#5f5f5f; background:#fff }
.swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
/***/
.w1200 { margin:0 auto; width:1280px; }
a{ transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s;-webkit-transition-duration: .3s;}
/***/
#top{ z-index:9999; min-width:1300px;}
.site-header{ background:#000; height:80px; padding:0 75px}
.logo{ position:absolute; left:75px; top:20px;}
.logo a{ background:url(../images/logo.png) no-repeat; width:449px; height:45px; display:block}
.logo a h1{ display:none}
.welcome{ float:right; line-height:24px; padding-top:28px; color:#fff}
.welcome a{ color:#fff; font-size:14px;}
.welcome span{ margin-right:40px;}
.welcome em{ font-size:12px; list-style:none; margin:0 20px;}
.welcome a:hover{ text-decoration:underline}
/***/
#submenu{ background:#3e3d3d; height:50px; padding:0 75px}
nav{ float:left;}
nav li{ margin:0 20px; float:left;}
nav li:first-child{ margin-left:0}
nav a{ line-height:50px; color:#fff; position:relative; display:block}
nav a:hover{ color:#fff}
nav a:hover:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; display:block; background:#ca1421}
.login_reg{ float:right;}
.login_reg a.login{ background:#575757; color:#fff; line-height:50px; display:block; float:left;padding:0 24px;}
.login_reg a.login:before{ background:url(../images/icon_ls.png) no-repeat; height:22px; width:19px; content:""; display:inline-block; margin-top:12px; vertical-align:top; margin-right:10px}
.login_reg a.reg{background:#575757; color:#fff; line-height:50px; display:block; float:left;padding:0 24px;}
.login_reg font{ color:rgba(255,255,255,0.2); display:block; float:left; line-height:50px;background:#575757;}
.login_reg a.buychart{background:#ca1421; color:#fff; line-height:50px; display:block; float:left;padding:0 24px;}
.login_reg a.buychart:before{ background:url(../images/icon_ls.png) no-repeat right center; height:22px; width:19px; content:""; display:inline-block; margin-top:12px; vertical-align:top; margin-right:10px}
/***/
#banner{ position:relative; z-index:998;height:500px; background:#000}
.banner_form{ position:absolute; left:50%; top:40px; width:1280px; margin-left:-640px; z-index:998;}
.count_form{height:420px; width:469px; background:#fff;-webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px; }
.count_title{ color:#fff; text-align:center; font-size:20px; display:block; background:url(../images/jbbg.png) no-repeat; height:57px; line-height:57px;}
.count_form ul{ display:block; padding:25px; padding-top:35px; padding-bottom:0; float:left; width:100%;}
.count_form li{ float:left; width:47%; margin-right:6%; margin-bottom:22px}
.count_form li:nth-child(2n){ float:right; margin-right:0}
.count_form li label{ color:#444; display:block; margin-bottom:10px}
.count_form li input{ border:1px solid #d2d2d2;-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; padding:7px 10px; display:block; width:100%}
.count_form li select{border:1px solid #d2d2d2;-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; padding:7px 10px; display:block; width:100%}
.submit_js{ text-align:center}
.submit_js input{ background:url(../images/submit_jj.png) no-repeat; width:169px; height:42px; display:inline-block; border:0;}
#banner_carousel{ height:500px;}
#banner_carousel .item{ height:500px; background-color:#000; background-position:center top; background-repeat:no-repeat}
/**/
#four_ul{ padding:30px 0;-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.1); -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.1); box-shadow:2px 2px 5px rgba(0,0,0,0.1); background:#fff; float:left; width:100%;}
#four_ul li{ float:left; position:relative; padding-left:75px; color:#868686; font-size:13px; line-height:1.5}
#four_ul li a{color:#868686; font-size:13px;}
#four_ul li.four{ width:330px; border-left:1px solid #e5e5e5; padding-left:48px;}
#four_ul li:before{ background:url(../images/icon_jhs.png) no-repeat; content:""; width:45px; height:39px; display:block; position:absolute; left:0; top:0}
#four_ul li.first:before{}
#four_ul li.four{ float:right}
#four_ul li.two{ margin:0 100px}
#four_ul li.two:before{ background-position:-312px center; width:40px;}
#four_ul li.three:before{ background-position:right center; width:48px}
#four_ul li.four:before{ display:none}
#four_ul li b{ color:#1a1a1a; display:block; font-size:18px; margin-bottom:5px}
#four_ul li span{ margin-right:40px}
#four_ul li .amore{ position:absolute; right:0; top:0; color:#ca1421}
/**/
.product_index{ background:#f5f5f5; padding:80px 0}
.product_index_menu{ text-align:center; padding-bottom:15px;}
.product_index_menu a{ font-size:20px; margin:0 50px; color:#333}
.product_index_menu a.on,.product_index_menu a:hover{color:#ca1421}
.h1_title{ display:block; font-size:35px; color:#333; text-align:center; margin-bottom:15px; font-weight:normal}
.h1_title_p{ font-size:20px; color:#999; display:block; text-align:center;}
.marginbottom50{ margin-bottom:50px;}
.product_index_ul{}
.product_index_ul li{ width:410px; margin-right:25px; background:#fff; float:left; position:relative; margin-top:25px;}
.product_index_ul li i{ position:absolute; left:10px; top:0; background:url(../images/icon_3day.png) no-repeat; width:38px; height:53px; padding-top:25px; line-height:22px; text-align:center; color:#fff; font-style:normal; display:block; font-size:13px;}
.product_index_ul li:nth-child(3n){ margin-right:0}
.product_index_ul li .thumb{ display:block; text-align:center; padding:20px}
.product_index_ul li .desc{ border-bottom:1px solid #dcdcdc; padding:20px;float:left; width:100%}
.product_index_ul li .desc font{ width:50%; display:block; float:left}
.product_index_ul li .desc font:nth-child(2){ text-align:right}
.product_index_ul li .price{ padding:20px;float:left; width:100%; font-size:16px;}
.product_index_ul li .price span{ float:left; padding-top:10px}
.product_index_ul li .price span em{color:#ca1421; font-style:normal}
.product_index_ul li .price a{ display:inline-block; float:right; padding:12px 35px;color:#ca1421; border:1px solid #ca1421;-webkit-border-radius:8px; border-radius:8px; -moz-border-radius:8px; vertical-align:top}
.product_index_ul li:hover{-moz-box-shadow:1px 5px 15px rgba(0,0,0,0.1); -webkit-box-shadow:1px 5px 15px rgba(0,0,0,0.1); box-shadow:1px 5px 15px rgba(0,0,0,0.1);}
.product_index_ul li:hover .price a,.price a:hover{ background:#ca1421; color:#fff}
/*****/
#about_index{ background:#ca1421 url(../images/abgg.jpg) no-repeat right center;}
#about_index .w1200{ position:relative;}
#about_index .thumb{ display:block; float:left; width:520px; height:506px;}
#about_index .thumb img{ position:absolute; left:-320px; top:0;}
#about_index .desc{ float:left; width:760px; padding:80px 100px; padding-bottom:0; padding-right:0; color:#fff; line-height:1.5;}
.about_title{ font-size:35px; font-weight:bold}
.about_title_p{ font-size:25px;}
.about_title_p:after{ width:60px; height:1px; background:#fff; content:""; display:block; margin-top:15px}
.about_p{ display:block; margin:35px 0; line-height:1.8; height:150px}
.about_icon{ font-size:18px;}
.about_icon span{ display:block; float:left; padding-right:25px; border-right:1px solid #a80813; margin-right:25px}
.about_icon span:before{ background:url(../images/icon_lgs.png) no-repeat; content:""; height:32px; width:29px; display:inline-block; margin-top:-2px; margin-right:15px; vertical-align:top}
.about_icon span.icon4{ border-right:0; margin-right:0}
.about_icon span.icon2:before{ width:35px; background-position:-166px center}
.about_icon span.icon3:before{ width:29px; background-position:-340px center}
.about_icon span.icon4:before{ background-position:right center}
/*****/
.adv_index{ padding:80px 0; background:#f9f9f9}
.adv_lt{ width:460px; float:left; color:#5f5f5f; line-height:1.2}
.adv_rt{ float:right; width:736px}
.adv_title{ font-size:30px; font-weight:bold; margin-bottom:50px; margin-top:20px}
.adv_ull li{ float:left; width:50%; margin-bottom:26px;}
.adv_ull li:nth-child(2){ padding-left:15px; position:relative}
.adv_ull li:nth-child(2):before{ width:1px; height:25px; background:#a5a5a5; display:block; content:""; position:absolute; left:0; top:12px;}
.adv_ull li em{ font-size:36px; font-weight:bold; color:#ca1421; margin-right:5px}
.adv_ull li.full{ width:100%; height:140px}
#adv_carousel .item{ position:relative}
#adv_carousel .title{ background:#535353; padding:10px 20px; line-height:1.6; color:#fff}
#adv_carousel .title b{ font-size:18px;}
#adv_carousel .owl-nav div{ background:url(../images/next.png) no-repeat; width:17px; height:30px; position:absolute; top:50%; margin-top:-15px;}
#adv_carousel .owl-nav div.owl-next{ right:20px}
#adv_carousel .owl-nav div.owl-prev{ left:20px;background:url(../images/prev.png) no-repeat;}
/*****/
.produce_index{ padding:80px 0}
#produce_carousel .item{ overflow:hidden; padding-bottom:20px}
#produce_carousel .thumb{ float:left; width:573px; height:354px; background:#fff;-moz-box-shadow:2px 5px 15px rgba(0,0,0,0.2); -webkit-box-shadow:2px 5px 15px rgba(0,0,0,0.2);box-shadow:2px 5px 15px rgba(0,0,0,0.2)}
#produce_carousel .thumb img{ width:573px; height:354px;}
#produce_carousel .desc{ width:707px; height:354px; float:left; padding-top:40px}
#produce_carousel{ margin-bottom:40px}
.descbur{ height:275px; background:#f8f8f8; padding:50px 100px; line-height:1.6; color:#3d3d3d;}
.descbur b{ font-size:25px; margin-bottom:25px; display:block}
.descbur b:after{ width:20px; height:2px; background:#ca1421; content:""; display:block; margin-top:10px;}
#produce_carousel .owl-nav div{ background:url(../images/next.png) no-repeat; width:17px; height:30px; position:absolute; top:50%; margin-top:-15px}
#produce_carousel .owl-nav div.owl-next{ right:-50px;}
#produce_carousel .owl-nav div.owl-prev{ left:-50px; background-image:url(../images/prev.png)}
/*****/
.produce_li{ position:relative; background:url(../images/icon_line.jpg) repeat-x right 8px; float:left; width:100%}
.produce_li span{ display:block; float:left; width:11.111111111%; text-align:center; cursor:pointer}
.produce_li span:before{ border:2px solid #dedede; background:#fff; width:12px; height:12px; display:block; margin:0 auto; margin-bottom:20px; content:"";-webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%;}
.produce_li span.on:before{ border-color:#ca1421; background:#ca1421}
/**/
.world_index{padding:80px 0; background:#f8f8f8}
.world_ul{ margin-bottom:50px}
.world_ul li{ float:left; position:relative; color:#999; padding-left:55px}
.world_ul li small{ display:block; font-size:45px; position:relative; color:#ca1421; font-weight:bold}
.world_ul li small em{ font-style:normal; font-size:25px; vertical-align:top}
.world_ul li:before{ background:url(../images/icon_qs.png) no-repeat; position:absolute; left:0; top:10px; height:40px; width:40px; content:""; display:inline-block}
.world_ul li.icon3{ margin-left:180px;}
.world_ul li.icon2{ margin-left:180px;}
.world_ul li.icon2:before{ width:45px; background-position:-340px center}
.world_ul li.icon3:before{ width:34px; background-position:-725px center}
.world_ul li.icon4:before{ width:38px; background-position:right center}
.world_ul li.icon4 small em{ vertical-align:middle}
.world_ul li.icon4{ float:right}
/***/
.world_lt{ float:left; width:605px; z-index:998; position:relative}
.world_lt label{ font-size:18px; display:block; padding-bottom:20px; padding-top:10px}
.word_table{-moz-box-shadow:2px 5px 15px rgba(0,0,0,0.2); -webkit-box-shadow:2px 5px 15px rgba(0,0,0,0.2);box-shadow:2px 5px 15px rgba(0,0,0,0.2);
-webkit-border-top-left-radius:25px; border-top-left-radius:25px; -moz-border-top-left-radius:25px;
-webkit-border-top-right-radius:25px; border-top-right-radius:25px; -moz-border-top-right-radius:25px;
background:#fff;
-webkit-border-bottom-left-radius:25px; border-bottom-left-radius:25px; -moz-border-bottom-left-radius:25px;
-webkit-border-bottom-right-radius:25px; border-bottom-right-radius:25px; -moz-border-bottom-right-radius:25px;}
.word_header{ background:#ca1421; color:#fff; line-height:48px; height:48px; -webkit-border-top-left-radius:25px; border-top-left-radius:25px; -moz-border-top-left-radius:25px;
-webkit-border-top-right-radius:25px; border-top-right-radius:25px; -moz-border-top-right-radius:25px;}
.world_rt{ float:left; width:675px; position:relative; height:405px; z-index:990}
.world_rt img{ position:absolute; left:-45px; top:0}
.word_body{height:282px; padding-top:20px}
.word_header{ padding-left:30px;}
.word_table span{ display:block; float:left;text-align:left}
.word_table .name{ width:115px; text-align:left}
.word_table li{ float:left; width:100%; color:#494949; line-height:35px; padding-left:30px;}
.word_table .time{ width:60px;}
.word_table .order{ width:75px;}
.word_table .type{ width:60px;}
.word_table .num{ width:80px;}
.word_table .hour{ width:60px;}
.word_table .price{ width:100px; padding-left:10px;}
.word_body .price{ color:#ca1421; font-weight:bold}
.word_body li .name{ background:url(../images/icon_z0.png) no-repeat left center; padding-left:30px;}
.word_body li.icon1 .name{ background-image:url(../images/icon_z1.png);}
.world_customer{ margin-top:50px;}
.world_customer label{ display:block; padding-bottom:20px; font-size:18px; color:#959595}
/***/
.comments_index{ background:url(../images/ksbg.jpg) no-repeat center center; height:940px; padding-top:80px; min-width:1300px;}
#comments_carousel{ margin-top:30px}
#comments_carousel .owl-item:before{ background:rgba(0,0,0,0.8); content:""; position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:990}
#comments_carousel .owl-item.active:before{ display:none}
.comments_index .h1_title,.comments_index.h1_title_p{ color:#fff}
.label_icon{ text-align:center; margin-top:30px;}
.label_icon em{ font-size:12px; display:inline-block; margin:0 15px; background:#ca1421; color:#fff; padding:7px 12px;-webkit-border-radius:20px; border-radius:20px; -moz-border-radius:20px; font-style:normal}
.coments_box{ background:#fff; padding:20px; float:left; background:#fff}
.coments_box .thumb{float:left; width:100%;}
.coments_box .thumb img{ width:100%; height:auto}
.coments_box  .thumbs{ margin-top:15px;float:left; width:100%;}
.owl-carousel .owl-item .coments_box .thumbs img{ display:block; width:60px; height:auto; margin-right:12px; float:left;}
.owl-carousel .owl-item .username{ float:left; width:100%;display: flex;
    align-items: center; }
.owl-carousel .owl-item .username img{ width:auto; height:auto; float:left; vertical-align:middle;}
.owl-carousel .owl-item .username img:fisrt-child{-webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; width:42px; height:42px;}
/* .owl-carousel .owl-item .username img:last-child{ margin-top:10px} */
.owl-carousel .owl-item .username span{ display:inline-block; font-size:18px; color:#333; float:left; margin-left:10px; vertical-align:middle}
.owl-carousel .owl-item .username span em{ display:block; color:#333; font-size:13px; padding-top:5px;}
.coments_box .desc{ line-height:1.5; color:#3f3f3f; padding:20px 0; float:left; width:100%; min-height:103px; margin-bottom:20px;}
.coments_box .itme{ float:left; width:100%;    display: flex;
    justify-content: space-between;}
.coments_box .itme font{ display:block; float:left;  position:relative; padding-left:25px; line-height:17px; color:#999}
.coments_box .itme font:before{ content:""; display:block; position:absolute; left:0; top:-2px; width:17px; height:17px; background:url(../images/icon_its.jpg) no-repeat;}
.coments_box .itme font.number{ margin-right:0;padding-left:25px;}
.coments_box .itme font.view{padding-left:30px;}
.coments_box .itme font.number:before{ background-position:right center; top:0;}
.coments_box .itme font.view:before{ background-position:-164px center; top:0; width:23px;}
#comments_carousel .owl-nav div{ background:url(/images/newUiImg/left-ic.svg) no-repeat; width:68px; height:68px; position:absolute; top:50%; margin-top:-30px}
#comments_carousel .owl-nav div.owl-prev{ left:-75px}
#comments_carousel .owl-nav div.owl-next{ background-image:url(/images/newUiImg/right-ic.svg); right:-70px}
#comments_carousel.owl-carousel .owl-nav.disabled{ display:block}
/***/
#news_index{ padding:80px 0;}
.news_lrt{ float:left; width:384px; margin-right:36px}
.news_lrt .thumb{ margin-bottom:20px}
.news_lrt li{ position:relative; margin-bottom:15px; padding-right:60px; padding-left:10px}
.news_lrt li:before{ width:4px; height:4px; background:#696969; content:""; display:block; position:absolute; left:0; top:5px;}
.news_lrt li:hover a{ color:#ca1421}
.news_lrt li small{ position:absolute; right:0 ;top:0; color:#696969}
.news_lrt li a{ display:block; color:#696969;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_h1title{ border-bottom:1px solid #ccc; padding-bottom:15px; position:relative; margin-bottom:25px;}
.news_h1title span{ display:inline-block; font-size:20px; color:#333; position:relative; font-weight:bold}
.news_h1title span:after{ content:""; display:block; position:absolute; left:0; bottom:-18px; width:100%; height:4px; background:#ca1421; z-index:990}
.news_h1title a{ position:absolute; right:0; top:5px; color:#a4a4a4; font-size:13px;}
.news_h1title a:hover{ color:#ca1421}
.faqs_rt{ background:url(../images/fabb.jpg) no-repeat left 60px; padding-left:40px; width:440px; float:right}
.faqs_rt li{color:#696969; line-height:1.5; padding-bottom:18px; border-bottom:1px dotted #ddd; margin-bottom:18px}
.faqs_rt li .title{ background:url(../images/icon_w.png) no-repeat left 2px; padding-left:25px; margin-bottom:8px}
.faqs_rt li p{ background:url(../images/icon_d.png) no-repeat left 2px; padding-left:25px;}
.faqs_rt label{ color:#ca1421; float:left; padding-top:10px}
.faqs_rt a.faqs_submit{ color:#535353; display:inline-block; border:1px solid #ddd; padding:12px 15px; padding-left:40px; background:url(../images/icon_dw.png) no-repeat 15px center; float:right}
/**********/
.myad{ background:url(../images/bjj.jpg) no-repeat center center; height:122px; position:relative; padding-top:40px;}
.myad .w1200{ position:relative}
.myad b{ font-size:26px; display:block; color:#fff; margin-bottom:10px}
.myad p{ color:#fff; font-size:14px}
.countform{ position:absolute; right:0; top:0px;}
.countform input[type='text'],.countform select{ display:inline-block; background:#fff;-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; padding:13px 10px; border:0;}
.countform select{ margin:0 15px}
.countform #submit_jsq{ margin-left:50px; background:url(../images/icon_jsq.png) no-repeat; width:156px; height:44px; display:inline-block; border:0; cursor:pointer}
/**/
.flink{ background:#3b3635; padding:15px 0;color:#9c9c9c; float:left; width:100%}
.flink .w1200{ position:relative; padding-left:80px}
.flink label{ position:absolute; left:0; top:5px;}
.flink a{ color:#9c9c9c; display:block; float:left; margin:5px 10px}
.flink a:hover,footer a:hover{ color:#fff}
footer{  float:left; width:100%; background:#2b2726; padding:45px 0;color:#9c9c9c; line-height:1.5}
footer a{color:#9c9c9c;}
footer ul{ float:left; width:100%}
footer li{ float:left; margin-right:94px}
footer li b{ display:block; margin-bottom:10px}
footer li b a{ color:#fff; font-size:16px;}
footer li p{ display:block; padding:3px 0}
footer li.contact{ float:right; width:535px; position:relative; margin-right:0; border-left:1px solid #434343; padding-left:65px}
footer li.contact label{ display:block; margin-bottom:22px;}
footer li.contact span.tel{ background:url(../images/icon_tel.png) no-repeat left center; line-height:33px; padding-left:38px; color:#ca1421; font-size:38px; font-weight:bold}
footer li.contact .time{ margin-top:22px;}
footer li.contact .code{ width:125px; position:absolute; right:0; top:0; text-align:center}
footer li.contact .code small{}
.ison_ren{ border-top:1px solid #434343;  padding:30px 0; margin-top:45px; float:left; width:100%}
.ison_ren .iso_lt,.ison_ren .iso_ct,.ison_ren .iso_rt{ float:left;}
.ison_ren label,.ison_ren img{display:inline-block; float:left; vertical-align:top}
.ison_ren label{ padding-top:10px; margin-right:15px}
.ison_ren .iso_rt{ float:right}
.ison_ren .iso_ct{ margin-left:200px}