@charset "utf-8";
*{padding:0px; margin:0px}
body {font-family: Tahoma,"Arial","Helvetica","Microsoft YaHei","΢���ź�","΢ܛ�ź�","����";-webkit-text-size-adjust: none; font-size:14px; color:#000; }  
body,div,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,h7,form,img,p,pre,textarea,blockquote,fieldset { padding:0px; margin:0px;}
html,body{width: 100%;height: 100%;}
ul,ol,li{list-style-type:none}
table{ border-collapse:collapse}
img {border:none;-ms-interpolation-mode:bicubic;-webkit-backface-visibility: hidden;}
img{max-width:100%;	border:0;}
em {font-style:normal}
h1,h2,h3,h4,h5,h6,h7 {font-size:100%}
a:link {color:#000;text-decoration:none;  }  
a:visited {color:#000;text-decoration:none;  }  
a:hover {color:#bc371e;text-decoration:none;  }  
a:active {color:#000;text-decoration:none;  } 
.grey{color:#828282}
.grey a{color:#828282; text-decoration:none}
.grey a:hover{color:#fff; text-decoration:none}
.red{color:#ff0000}
.red a{color:#ff0000; text-decoration:none}
.red a:hover{color:#000000; text-decoration:underline}
.white{color:#FFFFFF}
.white a{color:#fff; text-decoration:none}
.white a:hover{color:#fff; text-decoration:none;}
.black{color:#000}
.black a{color:#000; text-decoration:none}
.black a:hover{color:#ea5730; text-decoration:none}
.yellow{color:#dbae3f;}
.yellow a{color:#dbae3f; text-decoration:none}
.yellow a:hover{color:#fff; text-decoration:none}
.blue{color:#3077bd;}
.blue a{color:#3077bd; text-decoration:none}
.blue a:hover{color:#3077bd; text-decoration:underline}
.blue1{color:#014592}
.blue1 a{color:#014592; text-decoration:none}
.blue1 a:hover{color:#014592; text-decoration:none}
.blue2{color:#9ba3b1}
.blue2 a{color:#9ba3b1; text-decoration:none}
.blue2 a:hover{color:#fff; text-decoration:none}
.grey1{color:#c1c1c1}
.grey1 a:link {color:#c1c1c1;text-decoration:none;  }  
.grey1 a:visited {color:#c1c1c1;text-decoration:none;  }  
.grey1 a:hover {color:#1c3b96;text-decoration:none;  }  
.grey1 a:active {color:#c1c1c1;text-decoration:none;  } 
img{border:0px;}
.left{float:left;}
.right{float:right;}
.banner1{clear:both; height:15px; overflow:hidden}
.banner2{clear:both; height:15px; overflow:hidden}
.t01{font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;}
.t02{font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;}
.left{float:left; width:auto}
.right{float:right; width:auto}
.clear{clear:both;display:block;height:0;overflow:hidden;font-size:0;}
.clearfix:after {clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.extent{width:96%; margin:0px auto}
.banner3{clear:both; overflow:hidden; height:65px;}
.box_swipe{
    overflow:hidden;
    position:relative;
}
.box_swipe ul{
    -webkit-padding-start: 0px;
}

.box_swipe>ol{
    height:20px;
    position: relative;
    z-index:10;
    margin-top:-25px;
    text-align:center;
    padding-right:15px;

}
.box_swipe>ol>li{
    display:inline-block;
    margin:5px 0;
    width:15px;
    height:5px;
    background-color:#ffffff;
    border: 8px;
}
.box_swipe>ol>li.on{
    background-color:#bc371e;
}
.maintop{height:60px; width: 100%; background-size:100%}
.maintop .logo{}
.maintop .logo img{margin-left:8px; float:left}
.maintop .right{}
.header .sh{position:absolute;top:0;right:15px;z-index:1000;display:block;width:20px;height:64px;text-indent:-9999em;background:url(../images/share.png) no-repeat center center; margin-top:3px}

.mabout{background:url(../images/bg01.png) no-repeat left bottom; clear:both; overflow:hidden; padding:20px 10px}
.mabout .title{clear:both; padding:0px 0px 20px 0px; text-align:center}
.mabout .title2{color:#bc371e; font-size:24px; font-weight:normal; text-align:center; padding:20px 0px 10px 0px}
.mabout .info{text-align:left; line-height:28px;}
.mabout .more{clear:both; padding:10px 0px 0px 0px; text-align:center}
.mnews{clear:both; background:#f7f7f7 url(../../images/bg03.jpg) no-repeat center top; overflow:hidden; padding:20px 10px}
.mnews .title{clear:both; padding:0px 0px 20px 0px; text-align:center}
.mnews .content{clear:both}
.mnews .content ul{list-style-type:none; padding:0px; margin:0px;}
.mnews .content li{clear:both; background:#fff; padding:15px 10px; overflow:hidden; margin-bottom:10px}
.mnews .content li .time{width:14%; float:left; text-align:center; padding:10px 0px 0px 0px}
.mnews .content li .time h1{padding:0px; margin:0px; font-weight:normal; font-size:24px; color:#7e7e7e}
.mnews .content li .time h2{padding:0px; margin:0px; font-weight:normal; font-size:10px; color:#7e7e7e}
.mnews .content li .info{width: calc(100% - 16%); float:right; text-align:left; line-height:22px;}
.mnews .content li .info h1{padding:0px; margin:0px; font-weight:normal; font-size:16px; color:#000}
.mnews .content li .info {color:#aaaaaa}
.mnews .more{clear:both; padding:10px 0px 0px 0px; text-align:center}
.mfooter{clear:both; text-align:center; background:#2d3033;color:#acadad; padding:15px 0px; overflow:hidden}
.footer{clear:both; background:#bc371e; overflow:hidden;bottom: 0;   position: fixed;   width: 100%;   text-align: center;}
.footer ul{list-style-type:none; padding:0px; margin:0px;}
.footer li{width:25%; float: left; padding:8px 4%; }

.subcontent{clear:both}
.about{clear:both}
.atitle{clear:both; text-align:center; padding:20px 0px; overflow:hidden}
.atitle h1{padding:0px 0px 5px 0px; margin:0px; font-size:24px; color:#bc371e;}
.atitle h2{padding:0px; margin:0px; font-size:16px; color:#787878; font-weight:normal}
.ano{clear:both; padding:0px 0px 20px 0px; overflow:hidden}
.ano ul{list-style-type:none; padding:0px; margin:0px;}
.ano li{width:25%; float:left; background:url(../images/line02.jpg) no-repeat 0px; text-align:center}
.ano li:nth-child(1){background:none}
.ano li h1{padding:0px 0px 2px 0px; margin:0px; font-size:24px; color:#bc371e;}
.ano li h2{padding:0px; margin:0px; font-size:12px; color:#787878; font-weight:normal}
.ainfo{clear:both}
.acompany{background:#f6f6f6; clear:both; overflow:hidden; padding:10px}
.acompany .avideo{clear:both}
.acompany .atxt{clear:both; text-align:left; line-height:24px;}
.acompany .atxt h1{padding:20px 0px 0px 0px; margin:0px; font-size:26px; color:#bc371e; text-align:center}
.acompany .atxt h2{padding:0px 0px 6px 0px; margin:0px; font-size:14px; color:#787878; font-weight:normal; text-align:center}
.ainfo{clear:both; text-align:left; line-height:26px; padding:10px 0px}
#aculture{background:url(../images/bg05.jpg) no-repeat center; overflow:hidden; padding:20px 0px 20px 0px}
.aculture{clear:both}
.aculture .title{clear:both; text-align:center}
.aculture .title h1{padding:10px 0px 0px 0px; margin:0px; font-size:24px; color:#bc371e;}
.aculture .title h2{padding:0px 0px 20px 0px; margin:0px; font-size:14px; color:#cdcdcd; font-weight:normal}
.aculture .content{clear:both;}
.aculture .content ul{list-style-type:none; padding:0px; margin:0px;}
.aculture .content li{width:31.2%; float:left; border:1px solid #fff; padding:8px 1% 8px 1%; text-align:center; margin:0px 1%}
.aculture .content li h1{color:#FFFFFF; font-size:18px; padding:0px; margin:0px; padding:15px 0px 6px 0px; text-align:center}
.aculture .content li span{line-height:20px; color:#FFFFFF; text-align:left}
.aculture .content li:nth-child(2){margin-top:30px}
.aculture .content li:nth-child(4){margin-left:8%; margin-top:15px}
.aculture .content li:nth-child(5){float:right;  margin-right:8%; margin-top:15px}
@keyframes xuanzhuan {
  from {
    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: linear;
  }
  20% {
    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -300deg);
    animation-timing-function: linear;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -240deg);
    animation-timing-function: linear;
  }
  60% {
    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -180deg);
    animation-timing-function: linear;
  }
  80% {
    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -60deg);
    animation-timing-function: linear;
  }
  to {
    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);;
    animation-timing-function: linear;
  }
}

.aculture .content li:hover .acpic {
    animation: xuanzhuan 0.5s 1;
    -webkit-animation: xuanzhuan 0.5s 1;
    -moz-animation: xuanzhuan 0.5s 1;}
.aculture .content li:hover{background:#bc371e; border:1px solid #bc371e}
.ahonor{clear:both}
.ahonor .title{clear:both; text-align:center}
.ahonor .title h1{padding:30px 0px 0px 0px; margin:0px; font-size:32px; color:#bc371e;}
.ahonor .title h2{padding:0px 0px 20px 0px; margin:0px; font-size:14px; color:#cdcdcd; font-weight:normal}
.ahonor .content{clear:both}
.ahonor .content .gallery{margin:0; padding:0;list-style-type:none;	font-size:0;}
.ahonor .content .gallery li{width:46%; margin:0px 2% 2% 2%; padding:2%; float:left; border:1px solid #f0f0f0; font-size:14px; text-align:center;display:inline-block;vertical-align:top; font-size:12px;}
.ahonor .content .gallery li{*display:inline;}
.ahonor .content .gallery .proimg{width:100%; text-align:center; }
.ahonor .content .gallery .proimg img{width:100%}
.ahonor .content .gallery .proname{ text-align:center; margin-top:6px;}
#submenu{background:#f6f6f6; clear:both;  text-align:center}
.submenu{clear:both}
.submenu a{height:40px; line-height:40px; font-size:16px; width:25%; text-align:center; display:inline-table; background:url(../images/line01.jpg) no-repeat 0px}
.submenu a:nth-child(1){background:none}
.submenu a:hover{ background:#bc371e;  color:#fff}
.submenu a.hover{background:#bc371e; color:#fff}
.news{width:96%;  margin:0px auto; padding:15px 0px}
.news ul{list-style-type:none; padding:0px; margin:0px;}
.news li{clear:both; background:#f6f6f6; padding:15px 10px; overflow:hidden; margin-bottom:10px}
.news li .time{width:14%; float:left; text-align:center; padding:10px 0px 0px 0px}
.news li .time h1{padding:0px; margin:0px; font-weight:normal; font-size:24px; color:#7e7e7e}
.news li .time h2{padding:0px; margin:0px; font-weight:normal; font-size:10px; color:#7e7e7e}
.news li .info{width: calc(100% - 16%); float:right; text-align:left; line-height:22px;}
.news li .info h1{padding:0px; margin:0px; font-weight:normal; font-size:16px; color:#000}
.news li .info {color:#aaaaaa}
.newsinfo{clear:both; padding:10px 10px}
.news_title{ text-align:left; border-bottom:1px solid #d9d9d9; color:#999; padding-bottom:8px; overflow:hidden}
.news_title b{font-size:18px; color:#000000; line-height:30px;}
.news_content{clear:both; padding-top:10px}
.feedback{clear:both; }
.feedtop{background:url(../images/i12.png) no-repeat 0px 0px; background-size:30px; text-align:center; font-size:16px; line-height:22px; margin:0px auto; padding:20px 30px 10px 30px;letter-spacing:2px; text-transform:uppercase; border-bottom:1px dotted #f0f0f0; margin:15px 0px 10px 0px}
.scontact .content{clear:both; border-bottom:1px dotted #2a2a2a; overflow:hidden; margin-bottom:30px}
.feedback .title{font-size:20px; color:#000; clear:both; text-align:left; padding:10px 0px 10px 0px}
.feedback .content{clear:both; margin-bottom:10px}
.query1, .query1 td {border-collapse: collapse; padding:10px 0px;}
.message{clear:both; padding-top:15px}
.message ul{list-style-type:none; padding:0px; margin:0px;}
.message li{clear:both;  margin-bottom:20px;}
.m_wt{clear:both; text-align:left; color:#bc371e; font-size:16px; padding-bottom:10px; border-top:2px solid #bc371e; background:#f8f8f8; padding:0px 10px; line-height:35px;}
.m_wt span{padding-left:20px; color:#818080}
.m_info{clear:both; line-height:20px; text-align:left; padding:10px 10px;border-bottom:1px dotted #e8e8e8;}
.m_hd{clear:both; text-align:right; color:#bc371e; padding:10px 10px 0px 10px;}
.query2, .query2 td {border-collapse: collapse; padding:3px 0px; font-size:16px}
.text04{border:1px solid #e4e4e4; height:30px; line-height:30px; width:95%}
.contact2 .content{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 94%;
    display-radio: flex;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    background_radio: 1
}

.contact2 .content > .c_item {
    flex: none;
    max-width: 100%;
    max-height: 100%;
    width: calc((100% - 10px) / 2);
    background: #fafafa;
    transition: all 0.5s; margin:6px 0px
}

.contact2 .content > .c_item:hover {
    box-shadow: 0 15px 50px -5px rgb(29 56 72 / 20%);
    margin-top: -15px
}
.ci_info{text-align:center; line-height:24px; padding:25px 15px; color:#3a3a3a}
.ci_info img{width:60px;}
.ci_info h1{font-size:24px; padding:20px 0px; margin:0px; font-weight:normal; color:#000}

.l_soso{clear:both; margin:15px auto; width:90%;}
.l_soso input{font-size:16px;}
.soso1{background:#eee; height:40px; line-height:40px; width:100%; border:none; text-indent:10px}
.btn1{height:40px; background:#bc371e; border:none; width:100px; color:#fff}
.logistics{clear:both; border:1px solid #efefef; box-shadow:0px 0px 2px #efefef; margin:20px auto; overflow:hidden; width:95%; margin:0px auto; font-size:16px;}
.logistics .title{clear:both; border-bottom:1px solid #efefef; background:#f8f6f7; text-align:left; text-indent:10px; height:40px; line-height:40px; font-size:18px; color:#000000}
.logistics .pic{clear:both; margin:10px auto; overflow:hidden; display:none}
.logistics .pic ul{list-style-type:none; padding:0px; margin:0px}
.logistics .pic li{float:left;  display:block; height:99px}
.logistics .pic li.dlj{background:url(../images/wl.png) no-repeat 0px -111px;width:254px;}
.logistics .pic li.dlj2{background:url(../images/wl.png) no-repeat 0px 0px;width:254px;}
.logistics .pic li.ys{background:url(../images/wl.png) no-repeat -254px -111px;width:254px;}
.logistics .pic li.ys2{background:url(../images/wl.png) no-repeat -254px 0px;width:254px;}
.logistics .pic li.ps{background:url(../images/wl.png) no-repeat -508px -111px;width:254px;}
.logistics .pic li.ps2{background:url(../images/wl.png) no-repeat -508px 0px;width:254px;}
.logistics .pic li.qs{background:url(../images/wl.png) no-repeat -762px -111px;width:83px;}
.logistics .pic li.qs2{background:url(../images/wl.png) no-repeat -762px 0px;width:83px;}
.logistics .info{background:#f3f3f3; clear:both; width:98%; margin:0px auto; margin:10px auto}
.i_title{clear:both; text-align:left; border-bottom:1px solid #e7e7e7; height:40px; line-height:40px; padding:0px 20px; font-size:18px}
.i_content{clear:both; padding:0px 20px 10px 20px; }
.i_content ul{list-style-type:none; padding:0px; margin:0px;}
.i_content li{clear:both; text-align:left; padding:8px 0px}
.i_content li .qr{float:left; width:110px; display:none}
.i_content li .xq{float:left; width:60px; display:none}
.i_content li .sj{float:left; width:150px; color:#000}
.i_content li .wu{float:left; line-height:22px;}
.orderinfo{clear:both; border-top:1px solid #f3f3f3; margin-top:20px; padding-top:20px; text-align:left; line-height:30px;width:96%; margin:0px auto 10px auto; overflow:hidden}

.products{clear:both}
.p_top{clear:both; padding:10px 10px; background: #fafafa; overflow:hidden; margin:10px 0px}
.pt_text{ text-align:left; line-height:28px;}
.pt_text h1{font-size:32px; padding:13px 0px 13px 0px; margin:0px; font-weight:normal; color:#000}
.p_bottom{clear:both; overflow:hidden; padding:20px 0px 20px 0px}
.p_bottom ul{list-style-type:none; padding:0px 0px; margin:0px 0px;}
.p_bottom li{width:46%; margin:0px 2% 2% 2%; padding:2% 2% 1% 2%; float:left; border:1px solid #f0f0f0; font-size:14px; text-align:center;display:inline-block;vertical-align:top; font-size:14px; line-height:36px}
.p_bottom li:nth-child(4n+1){margin-left:0px;}
.pb_img img{width:100%}
.p_bottom li:hover {
    box-shadow: 0 10px 20px -5px rgb(29 56 72 / 20%);
}

.p_title{clear:both; font-size:24px; padding:15px 0px 5px 0px; color:#000; text-align:center}
.p_content{clear:both; padding:15px 0px}