@charset "utf-8";
@import url("core.css");
@import url("common.css");
/* CSS Document */
/***/
#banner{ z-index:1899;position:relative; min-width:1178px;}
#banner .flexslider{}
#banner .slides li{ position:relative}
#banner .slides li img{ width:100%;}
#banner .p_div{ position:absolute; left:0; top:0; width:100%; height:100%;-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; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
#banner .p_div p{ color:#898989; display:block; text-align:left; font-size:56px; width:480px; padding:14px 0;opacity:0;
-webkit-transform:translate3d(0,3000px, 0);
transform:translate3d(0, 3000px, 0)}
#banner .slides li.flex-active-slide .p_div p{opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)}
#banner .slides li.flex-active-slide .p_div p.p_en{-webkit-transition:all 1s ease-in-out .4s;
-moz-transition:all 1s ease-in-out .4s;
-ms-transition:all 1s ease-in-out .4s;
-o-transition:all 1s ease-in-out .4s;
transition:all 1s ease-in-out .4s;}
#banner .slides li.flex-active-slide .p_div p.p_cn{-webkit-transition:all 1s ease-in-out 0.8s;
-moz-transition:all 1s ease-in-out 0.8s;
-ms-transition:all 1s ease-in-out 0.8s;
-o-transition:all 1s ease-in-out 0.8s;
transition:all 1s ease-in-out 0.8s;}
#banner .slides li.flex-active-slide .p_div p.p_desc{-webkit-transition:all 1s ease-in-out 1.2s;
-moz-transition:all 1s ease-in-out 1.2s;
-ms-transition:all 1s ease-in-out 1.2s;
-o-transition:all 1s ease-in-out 1.2s;
transition:all 1s ease-in-out 1.2s;}
#banner .slides li.flex-active-slide .p_div p.p_amore{-webkit-transition:all 1s ease-in-out 1.6s;
-moz-transition:all 1s ease-in-out 1.6s;
-ms-transition:all 1s ease-in-out 1.6s;
-o-transition:all 1s ease-in-out 1.6s;
transition:all 1s ease-in-out 1.6s;}
#banner .p_div p.p_cn{font-size: 32px;}
#banner .p_div div{ width:1178px; margin:0 auto; color:#fff}
#banner .p_div p.p_desc{ font-size:12px; line-height:24px;}
#banner .p_div p.p_amore{width: 400px; line-height: 43px;}
#banner .p_div .p_amore a.amore{ background:#d80c18; display:inline-block; padding:0px 60px; color:#fff; font-size:14px; float: left;}
#banner .p_div p span.red{color: #d80c18;}
#banner .p_div a.abuy{float: left; font-size: 14px; margin-left: 40px;}
#banner .flexslider .flex-direction-nav{}
#banner .flexslider .flex-direction-nav a{top:50%; margin-top:-35px;  width:70px; height:70px;}
#banner .flex-direction-nav .flex-prev { left:20px;background:url(../../images/prev.png) no-repeat;}
#banner .flex-direction-nav .flex-next { right:20px;background:url(../../images/next.png) no-repeat;}
#banner .flex-control-nav{ bottom:120px; display:none}
/***/
.index_product_hot{ margin-top:10px; min-width:1178px;}
.index_product_hot li{ float:left; width:20%; height:20%; overflow:hidden; position:relative}
.index_product_hot li a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%;z-index:9990;}
.index_product_hot li a p{position:relative;background:url(../../images/index_prd_bg.jpg) no-repeat #d80c18;display:block;-webkit-transition:all .2s ease-in-out 0s;
-moz-transition:all .2s ease-in-out 0s;
-ms-transition:all .2s ease-in-out 0s;
-o-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;}
.index_product_hot li a p font{ display:block;position:absolute; left:0; top:0; z-index:9990; color:#fff; font-size:1.25vw; padding-left:1.25vw; padding-top:1.25vw;-webkit-transition:all .2s ease-in-out 0s;
-moz-transition:all .2s ease-in-out 0s;
-ms-transition:all .2s ease-in-out 0s;
-o-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;}
.index_product_hot li a p span{color:#fff; position:absolute; display:none; z-index:9988;-webkit-transition:all .2s ease-in-out 0s;
-moz-transition:all .2s ease-in-out 0s;
-ms-transition:all .2s ease-in-out 0s;
-o-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;}
.index_product_hot li a p span em{ height:15px; width:15px; background:#fff;display:none; vertical-align:middle;-webkit-transition:all .2s ease-in-out 0s;
-moz-transition:all .2s ease-in-out 0s;
-ms-transition:all .2s ease-in-out 0s;
-o-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;z-index:9999; position:relative}
.index_product_hot li a p i{ background:url(../../images/icons_jia.png) no-repeat; background-size:100% 100%;display:none;-webkit-transition:all .2s ease-in-out 0s;
-moz-transition:all .2s ease-in-out 0s;
-ms-transition:all .2s ease-in-out 0s;
-o-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;}
.index_product_hot li img{ width:100%;display:block;-webkit-transition:all .2s ease-in-out 0s;
-moz-transition:all .2s ease-in-out 0s;
-ms-transition:all .2s ease-in-out 0s;
-o-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s; position:relative;z-index:9989;}
.index_product_hot li.first{ width:40%;height:40%;}
.index_product_hot li.two{ width:40%;height:40%;}
.index_product_hot li.first a:hover p{padding-left:5.20833333333333vw;padding-top:5.20833333333333vw;}
.index_product_hot li.first a:hover p font{left:5.20833333333333vw; top:5.20833333333333vw;}
.index_product_hot li.first a p span{left:5.20833333333333vw; top:2.60416666666667vw; font-size:1.45833333333333vw; }
.index_product_hot li.first a:hover p span{display:block}
.index_product_hot li.first a:hover p span em{ }
.index_product_hot li.first a:hover p i{ width:40px; height:40px; position:absolute; left:5.20833333333333vw; margin-left:1.5vw; top:50%; margin-top:20px; display:block}
/***/
.index_product_hot li.two a:hover p{padding-left:5.20833333333333vw;padding-top:5.20833333333333vw;}
.index_product_hot li.two a:hover p font{left:5.20833333333333vw; top:5.20833333333333vw;}
.index_product_hot li.two a p span{left:5.20833333333333vw; top:2.60416666666667vw; font-size:1.45833333333333vw; }
.index_product_hot li.two a:hover p span{display:block}
.index_product_hot li.two a:hover p span em{ }
.index_product_hot li.two a:hover p i{ width:40px; height:40px; z-index:9990;position:absolute; left:5.20833333333333vw; margin-left:1.5vw; top:50%; margin-top:20px; display:block}
/***/
.index_product_hot li a:hover p{padding-left:3.20833333333333vw;padding-top:3.20833333333333vw;}
.index_product_hot li a:hover p font{left:3.20833333333333vw; top:3.20833333333333vw;}
.index_product_hot li a p span{left:3.20833333333333vw; top:0.80416666666667vw; font-size:1.15833333333333vw; }
.index_product_hot li a:hover p span{display:block}
.index_product_hot li a:hover p span em{ }
.index_product_hot li a:hover p i{ width:40px; height:40px;z-index:9999; position:absolute; left:3.20833333333333vw; margin-left:1.5vw; top:50%; margin-top:20px; display:block}
/******/
.index_video{ min-width:1178px; }
.index_video li{ position:relative; float:left; width:33.3333333%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box; }
.index_video li img{ width:100%; display:block;}
.index_video li:nth-child(3n){ margin-right:0}
.index_video li a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center;-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; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.index_video li a i{ background:url(../../images/icon_video.png) no-repeat; height:4.16666666666667vw; width:4.16666666666667vw; display:inline-block; background-size:100% 100%}
.index_video li a font{ display:none}



/*****************电脑 放在 style.css里面****************************/
#index_product_hot_ul{ background:#f2f2f2; padding:20px 0;}
#index_product_hot_ul ul{ width:1178px; margin:0 auto;}
#index_product_hot_ul ul li{     float: left;
    width: 239px;
    padding: 12px 18px 12px 18px;
    height: 373px;
    background: #fff;
    margin-right: 22px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #fff;}

#index_product_hot_ul ul li:hover
{border: 1px solid #d80c18;}

#index_product_hot_ul ul li.hot:before{ content:""; background:url(../../images/hot_icon.png) no-repeat; width:43px; height:48px; position:absolute; right:10px; top:0;}
#index_product_hot_ul ul li img{ width:230px;margin-bottom: 30px;}
#index_product_hot_ul ul li.three,#index_product_hot_ul ul li:nth-child(3){ margin-right:0}
#index_product_hot_ul ul li:last-child,#index_product_hot_ul ul li.last{  margin-right:0}
#index_product_hot_ul ul li.first,#index_product_hot_ul ul li:first-child{ padding:0; width:576px; height:399px;overflow: hidden;}
#index_product_hot_ul ul li.first img,#index_product_hot_ul ul li:first-child img{ display:block; width:100%; height:399px;}

#index_product_hot_ul ul li:hover{ border: 1px solid #d80c18;}
#index_product_hot_ul ul li.first{border: none;}
#index_product_hot_ul ul li p{ display:block; text-align:left;}
#index_product_hot_ul ul li p.name a{ display:block; font-size:14px; font-weight:bold; color:#000;}
#index_product_hot_ul ul li p.name a font{ display:block; color:#7f7f7f; font-weight:normal; padding-top:5px;font-size: 12px;}
#index_product_hot_ul ul li p.name{ margin-bottom:15px;}
#index_product_hot_ul ul li p.buy a.buy-a{ background:#d80c18; color:#fff; font-size:14px;text-align:center;height:35px; line-height:35px; padding:0 25px; display:inline-block; float:left;}
#index_product_hot_ul ul li p.buy a{ float:right; width:70px; text-align:right; height:35px; line-height:35px; display:inline-block;}

/****产品******/
.spsc_table{width: 46%;  margin-bottom: 50px; float: left;}
.spsc_table h6{ font-size: 24px; color: #d72825;}
.spsc_table tr td{ padding: 10px;}
.spsc_table td {}
.spsc_table .f_r{}


.menu_scroll li font{    font-size: 16px;
    color: #696969;
    display: block;
    line-height: 59px;}
.menu_scroll li font:hover{ color:#d80c18}  


.white-popup {
  position: relative;
  background: #FFF;
  padding: 0px;
  width: auto;
  max-width: 800px;
  margin: 20px auto;
}