﻿@charset "utf-8";
@charset "utf-8";
/* CSS Document */
html{-webkit-text-size-adjust:none;  }
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
body{ margin:0px; padding:0px; font-size:14px; font-family:"微软雅黑", Arial; color:#666; background:#f6f6f6; -webkit-text-size-adjust:none; /*position:relative;*/}
ul,li,hr,table,td,tr,p{ margin:0px;  padding:0px;}
li{ list-style:none;}
div{zoom:1}
img{ border:none;}
A{ text-decoration:none; color:#666;}
A:hover{ cursor:pointer;text-decoration:none;}
* {margin:0;list-style-type:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#ie6-warning { background: #FFFFE1; position: absolute; left: 0; font-size: 12px; color: #333; width: 100%; padding: 2px 15px 2px 23px; text-align: left; z-index: 999; }
#ie6-warning a { color: #00F; }
a { text-decoration: none; outline-style: none; }
*:focus { outline: none; }
/*******************/
.f_cb{ zoom: 1; }
.f_cb:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }

.h_flex{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.h_imgflex{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}


.clear_both{clear:both; overflow: hidden; font-size:0px; line-height:1px; height:1px;}
.cb{ clear:both;}
.dib{ display:inline-block; height:1px; width:100%;}
.oh{ overflow:hidden;}
.none{ display:none;}
.blok{ display:block;}

.fl{float:left;}
.fr{float:right;}
.mr{margin:auto;}
.vm { vertical-align:middle; }
.vtt{ vertical-align:text-top}
.pr { position:relative; }
.pa { position:absolute; }	 

/*边框样式*/
.btn{ border-top:none !important;}
.bbn{ border-bottom:none !important;}
.brn{ border-right:none !important;}
.bln{ border-left:none !important;}

/*文本样式*/
.t_align{text-align:Justify;/*Firefox*/text-justify:inter-ideograph;/*IE*/}
.lwf{letter-spacing:0; word-spacing:0; font-size: 0;}

/* CSS Document */
.in_bg{width:100%; height: auto; background: #fff; position: relative; z-index: 22; box-shadow: 1px 0px 5px  rgba(0,0,0,.3); overflow: hidden;}
.top{width:1280px; height: 100px; margin: auto;}
.top .logo{ width:35%; height: auto; margin: 21px 0; overflow: hidden; float: left;}
.top .top_ad{width:15%; height: auto; margin: 34px 0 0 0; overflow: hidden; float: left;}
.top_s{width:46%; height: auto; margin-top: 32px; float: right; text-align: right; overflow: hidden; position: relative;}
.top_fh{display: block; height: 38px; line-height: 38px; text-align: left; position: absolute; top: 0; left: 0; overflow: hidden; font-size: 14px; color: #333; cursor: pointer;}
.top_fx{display: block; height: 38px; line-height: 38px; text-align: left; position: absolute; margin:0 0 0 65px; overflow: hidden; font-size: 14px; color:#ff0000; cursor: pointer;}
.input_a{width:335px; height: 38px; line-height: 38px; border: 2px solid #a7120a; border-radius: 5px 0 0 5px; font-size: 14px; color: #999999; text-indent: 10px; overflow: hidden;}
.but_a{width:80px; height: 38px; vertical-align: top; background:url(/Content/Images/Images_WebSite/ss.png) center left no-repeat #a7120a; border: none; border-radius: 0 5px 5px 0; font-size: 14px; color: #FFFFFF; text-indent: 15px; cursor: pointer;}

/* nav */
.nav_a{width:100%; height: auto;  text-align: left; background: #a7120a; position: relative;}
.in_nav{display: block; width:1280px; height: 45px; overflow: hidden; margin: auto;}
.in_nav div{ display: inline-block; vertical-align: top; height: 45px; line-height: 45px; font-size: 16px; color: #fff; text-shadow: 1px 1px 0px rgba(0,0,0,.2); padding: 0 20px; margin-right: 5px; overflow: hidden;}
.in_nav div a{ color: #FFFFFF;}
.in_nav div:hover{ background: #cc170c;}
.in_nav .nuw{background: #cc170c;}
.nav_cf{ display: none; width: 19px; height: 14px; position: absolute; top: 50%; right:5%; z-index: 555; margin: -7px 0 0 0;}
.nav_cf a{ display:block; width: 19px; height: 14px; background: url(/Content/Images/Images_WebSite/n.png) center center no-repeat; overflow: hidden;}
.nav_b{width:100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; z-index: 88; overflow: hidden; display: none;}
.in_nav div:last-child{ margin-right: 0;}

.nav_mb{display: none;}

/*热卖*/
.in_bg_a{width:100%; height: 600px; background: #fafafa; overflow: hidden;}
.in_rm{width:100%; height: 600px; margin: auto; position: relative; overflow: hidden;}
.in_rm_li{width:100%; height: auto; line-height: 0; background: #e8e8e8;/* transition: all .4s ease 0s; */overflow: hidden;}
.in_rm_li a{width: 100%; height: 100%; background-position:  center center; display: block;}
.in_rm_a{width:100%; height: 10px; line-height: 1; text-align: center; position: absolute; bottom: 15px; left: 0; z-index: 99;}
.in_rm_a .swiper-pagination-bullet{width:10px; height: 10px; background: #767676; opacity: 1; vertical-align: top; margin: 0 5px;}
.in_rm_a .swiper-pagination-bullet-active{width:20px; height: 10px; border-radius: 5px; background: #cc170c;}

.in_tit_a{width:1280px; height: auto; margin:0 auto 20px auto; font-size: 20px; overflow: hidden;}
.in_tit_a span{display: inline-block; vertical-align: middle; width: 4px; height: 20px; margin-right: 10px; border-radius: 2px; background: #f3a24b; overflow: hidden;}

/**/
.in_tit{width:100%; height: auto; padding:35px 0 35px 0; overflow: hidden; text-align: center; font-size: 26px; color: #333333;}
.in_tit div{width:100%; height: 1px; background: #e3e3e3; margin:13px auto 10px auto; position: relative;}
.in_tit div span{ display: block; width:7px; height: 7px; background: #cc170c; border-radius: 100%; margin: auto; position: relative; top: -3px;}
.in_tit p{font-family:Georgia; font-style: italic; font-size: 18px; color: #a8a8a8; overflow: hidden;}
.ny_tit{font-size: 16px; color: #999999;}
.ny_tit div{ margin:8px auto 5px auto;}
.ny_tit p{ font-size: 22px; color: #666666;}

.in_pro{width:1280px; height: auto; margin: auto; overflow: hidden;}
.in_pro .in_pro_li{width:300px; height: auto; line-height: 0; margin: 0 26.5px 30px 0; background: #e8e8e8; transition: all .4s ease 0s; overflow: hidden;}
.in_pro .in_pro_li .in_pro_li_a{width:100%; height: auto; min-height: 300px; overflow: hidden;}
.in_pro .in_pro_li .in_pro_li_a img{width:100%; height: 100%; min-height: 300px; overflow: hidden;}
.in_pro .in_pro_li .in_pro_li_b{width:100%; height: auto; padding: 15px; box-sizing: border-box; display: table-cell; vertical-align: middle;}
.in_pro .in_pro_li .in_pro_li_b p{width:100%; height:28px; line-height:28px; font-size: 14px; color: #333; transition: all .4s ease 0s;}
.in_pro .in_pro_li .in_pro_li_b p b{ -webkit-animation:pg_bs .5s linear 0s infinite normal; animation:pg_bs .5s linear 0s infinite normal;}
.in_pro .in_pro_li:nth-child(4n){ margin-right: 0;}
.in_pro .in_pro_li:hover{ box-shadow: 1px 1px 5px rgba(0,0,0,.3);}
.in_pro .in_pro_li:hover p{}

/**/
.foot{width:100%; height: auto; padding: 15px 0; line-height: 24px; background: #eaeaea; text-align: center; overflow: hidden;}

.ny_dy{width:1280px; height: auto; padding: 35px 0; text-align: left; margin: auto; line-height: 24px; overflow: hidden;}

.in_ewm{width:45px; height: 45px; position: fixed; top: 50%; right:5px; z-index: 999; background: url(/Content/Images/Images_WebSite/p16.png) center center no-repeat #444; border-radius: 100%; overflow: hidden; cursor: pointer; margin-top: -22.5px; transition: all .4s ease 0s;}
.in_ewm:hover{background: url(/Content/Images/Images_WebSite/p16.png) center center no-repeat #f3a24b;}
.in_ewm_nuw{background: url(/Content/Images/Images_WebSite/p16.png) center center no-repeat #f3a24b;}
.in_ewm_a{width:158px; height: 158px; background: #fff; padding: 2px; border: 2px solid #f3a24b; position: fixed; top: 50%; right:-200px; z-index: 888; margin-top: -79px; overflow: hidden; display: none;}

.pro_top{width: 1280px; height: auto; background: #fff; margin: 30px auto; overflow: hidden;}
.pro_topimg{width: 500px; height: 500px; overflow: hidden; position: relative;}
.pro_topimg .pro_topimg_li{width: 500px; height: 500px; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; background: #e2e2e2; overflow: hidden;}
.pro_topimg .pro_topimg_li img{max-width:500px; max-height:500px; width: auto; height: auto;}
.pro_topimg .tswzb1{width: 100%; display: block; position: relative;}
.pro_topimg .tswzb1 .qiantao1{width:100%; position: absolute; text-align:right; display: inline-block; z-index:1000; margin: 430px 0 0 0px;}
.pro_topimg .tswzb1 .qiantao1 .wenzibg{height: 35px; display:inline-block; padding:0 10px 0 20px; border-radius: 30px 0 0 30px; line-height: 35px; background: #00A0E9; color: #fff;}
.pro_top_txt{width: calc(1280px - 500px); height: 500px; box-sizing: border-box; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:flex-start; padding:0 50px; line-height: 1; overflow: hidden;}
.pro_top_txta{width: 100%; height:50px; line-height: 50px; font-size: 16px; color: #777; overflow: hidden; border-bottom: 1px solid #e2e2e2; box-sizing: border-box;}
.pro_top_txta span{color: #555;}
.pro_top_txta:last-child span{color: red;}

.pro_top_txta1{width: 100%; height:auto; padding:10px 0; line-height: 1.5; font-size: 16px; color: #777; overflow: hidden; border-bottom: 1px solid #e2e2e2; box-sizing: border-box;}
.pro_top_txta1 div{float:left; width:49px;}
.pro_top_txta1 span{color: red; float:left;}


.carBox{display: flex;flex-wrap: nowrap; flex-direction: row;align-items:center;justify-content:flex-start;width: 100%; margin-top: 20px;}
.carBox .shuliang{display: flex;flex-wrap: nowrap; flex-direction: row;align-items:center;justify-content:flex-start;}
.carBox .shuliang .add{font-size: 40px;text-align: center; cursor: pointer;padding: 0 5px;background-color: #e3e3e3;}
.carBox .shuliang .num{font-size: 20px;text-align: center; border: #333 solid 1px; width: 80px; padding:7px 0; margin: 0 10px;}
.carBox .shuliang .jianxiao{font-size: 40px;text-align: center;cursor: pointer;padding: 0 5px;background-color: #e3e3e3;}
.carBox .buyCar{ margin-right: 30px; padding:12px; font-size: 16px; cursor:pointer; background-image: linear-gradient(to bottom right, #FFCE1D, #FF8A17);border: #FC625D solid 1px; color: #ffffff;border-radius: 100px;}

.carBuyBox{width: 1280px; margin:10px auto;}
.carBuyList{display: flex;flex-wrap: nowrap; flex-direction: row;justify-content:flex-start; border-radius: 10px; background-color: #fff; border: #e3e3e3 solid 1px; width: 96%; margin: 0 auto 10px auto; padding: 10px;}
.carBuyList .imgbox{width: 100px; margin: 0 20px 0 0;}
.carBuyList .proInfoBox{text-align: left;}
.carBoxList{display: flex;flex-wrap: nowrap; flex-direction: row;align-items:center;justify-content:flex-start;width: 100%; margin-top:10px;}
.carBoxList .shuliang{display: flex;flex-wrap: nowrap; flex-direction: row;align-items: center;  justify-content:flex-start;}
.carBoxList .shuliang .add{font-size: 25px; cursor: pointer; background-color: #e3e3e3; padding: 0 5px;}
.carBoxList .shuliang .jine{font-size: 16px;color: #ff0000; margin-right: 30px;}
.carBoxList .shuliang .num{font-size: 14px;text-align: center; border: #333 solid 1px; width:50px; padding:7px 0; margin: 0 10px;}
.carBoxList .shuliang .jianxiao{font-size: 25px;cursor: pointer;background-color: #e3e3e3;padding: 0 5px;}

.prolisttswx{width:100%; position: absolute; text-align:right; display: inline-block; margin: 265px 0 0 -300px;}
.prolisttswz{height: 35px; display:inline-block; padding:0 10px 0 20px; border-radius: 30px 0 0 30px; line-height: 35px; background: #00A0E9; color: #fff;}

span.pro_gg{cursor: pointer; border:solid 1px #A7120A; padding:2px 8px; margin:0 10px 3px 0; line-height: 25px; display: inline-block;}
span.pro_gg_cur{ background: #A7120A; color: #fff;}


.pro_xjt{width: 1280px; height: auto; background: #fff; margin: 0 auto; border-radius: 10px; overflow: hidden; box-sizing: border-box; padding:0 30px 30px;}
.s_text{font-size: 14px; line-height:28px; color: #666; overflow: hidden;}
.s_text img{max-width: 100%; width: auto; height: auto;}

.pro_video{width: 1280px; height: auto; background: #fff; margin:20px auto; border-radius: 10px; overflow: hidden; box-sizing: border-box; padding:0 30px 30px;}

.my_video{margin: 0 auto; width: 100%;}
.wengan{display: none;}

.video{width:100%; height:auto; text-align:center; margin:0 auto;}
.video iframe{width:100% !important; height:600px !important;}

.swiper-pagination-bullet{ width: 15px; height:15px; font-size: 12px;}
.swiper-pagination-bullet-active{background:#A7120A;color: #fff;}

/* 分页 */
.n_fy{width:100%; min-height:27px; padding: 10px 0 40px 0; text-align:center; overflow:hidden;}
.n_fy a{ display:inline-block; width:25px; height:25px; line-height:22px; text-align:center; color:#9d9d9d; border-radius:50%; overflow:hidden; background:#f2f2f2; border:2px solid #f2f2f2; margin:0 5px;}
.n_fy a:hover{ background:#e7a342; border:2px solid #e7a342; color:#FFFFFF;}
.n_fy .fy_nuw{ background:#e7a342; border:2px solid #e7a342; color:#FFFFFF;}
.fy_left{ background:url(/Content/Images/Images_WebSite/p7.png) center center no-repeat !important; border:2px solid #9d9d9d !important;}
.fy_right{ background:url(/Content/Images/Images_WebSite/p8.png) center center no-repeat !important; border:2px solid #9d9d9d !important;}
.fy_left:hover,.fy_right:hover{border:2px solid #e7a342 !important;}

.footer {
    display: none;
}

 @keyframes pg_bs {
   0% {
 	opacity: .5;
   }
     
   25%{
 	opacity:1;
   }
 
   100% {
 	opacity:.2;
   }
 }
 
 .pg_bs {
   animation-name: pg_bs;
 }