.cont{
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
}
.index_nav{
    padding:60px 0;
}
.index_nav ul li{
    float:left;
    position:relative;
    margin-right:30px;
}
.index_nav ul li .zi{
    position:absolute;
    top:30px;left:175px;
}
.index_nav ul li .zi p{
    color:#ffffff;
    font-size:18px;
}
.index_nav ul li .zi span{
    color:#ffffff;
    font-size:16px;

}


.huo i {
    color: #ff0000;
    font-style: normal;
    cursor: pointer;
}

.huo {
    position: relative;
}

    .huo em {
        font-style: normal;
        position: absolute;
        top: 45px;
        width: 190px;
        right: 0;
        display: block;
        background: #fff;
        display: none;
        border: 1px solid #333;
        text-align: center;
        z-index: 99;
    }

    .huo:hover em {
        display: block;
    }

.news .news_right ul li .zi{
position: absolute;
    top: 28px;
    left: 163px;
}
.news .news_right ul li .zi p{
    color:#ffffff;
    font-size:18px;
}
.news .news_right ul li .zi span{
    color:#ffffff;
    font-size:16px;

}
.proinfo_nei{
    padding:10px 0 0 0;
    width:90%;
    margin:0 auto;
    margin-bottom:20px;
}
.proinfo_nei p{
    color:#666666;
    font-size:14px;
    padding-bottom:10px;
}
.proinfo_nei p span{
    color:#f23030;
    font-size:14px;
    margin-right:25px;
}
.nei {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.queryxia{
    margin-bottom:16px;
}
.queryxia a {
    float: left;
    display: inline-block;
    overflow: hidden;
    margin: 0 5px 0 0;
    color: #666666;
}
.queryxia span {
    color: #666666;
    float: left;
    font-size:14px;
    display: inline-block;
    margin: 0 5px 0 0;
    overflow: hidden;
}
.queryxia a i {
    float: right;
    font-style: normal;
    margin: 1px 0 0 5px;
    font-size: 14px;
}
.queryxia span i {
    float: right;
    font-style: normal;
    margin: 1px 0 0 5px;
    font-size: 14px;
}
.queryxiacont .layui-form-mid{
    float:none;
    margin-left:15px;
    display:inline-block;
    margin-right:0;
}
.queryxiacont .layui-input{
    width:300px;
    display:inline-block;
}
.queryxiacont .layui-form-label{
   color: #666;
    width: 90px;
    font-size: 14px;
    padding-right: 0;
    padding-left: 5px;
}
.queryxiacont .layui-input-block .layui-select{
    width: 300px;
    font-size:14px;
    -webkit-appearance:menulist;
    display: inline-block;
    color:#999999;
}

.queryxiacont .layui-input-block:hover{
    border-color: #D2D2D2!important;
}
.queryxiacont .layui-input-min{
    width:130px;
}
.queryxiacont .layui-input-block span{
    color:#999999;
    font-size:14px;
    margin:0 9px;
}
.queryxiacont .chaxun{
    width: 200px;
    display: inline-block;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    background: #f23030;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
    text-align: center;
}
.queryxiacont .rest{
    width: 200px;
    display: inline-block;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    margin: 0 0 0 20px;
    background: #ff8800;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
    text-align: center;
}
.queryxiacont .minfo_box{
    min-height:initial;
}
.query .minfo{
    padding-bottom:0;
}
.query .cart_num{
    margin:0 30px;
    margin-top:12.5px;
    float:left;
}
.query .cart_foot_right .titt{
    width:140px;
height:13px;
font-size:14px;
float:left;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(242,48,48,1);
}
.query .cart_foot{
    margin:20px 0; 
}
.query .table_top{
    margin-bottom:40px;
}
.query .table_top .layui-table{
    margin-top:0;
    border-color: #fff;
}
.query .layui-table td, .query .layui-table th{
    padding:12px;
}
.query .table_top .layui-table th{
    border-bottom: 20px solid #f8f8f8;
}
.query .table_top .layui-table tr{
    background:#fff;
    height: 52px;
    line-height: 52px;
}
.query .table_top .layui-table tr.que td{
        background: #fff9f2;
}
.query .table_top .layui-table tr.que td.tai{
        color: #ff8800;
}
.tablexia .table_top{
    margin-bottom:0;
}
.tablexia .table_top .layui-table{
    margin-bottom:0;
}
.tablexia .cart_foot{
    margin-bottom:40px;
}
.tablexia .table_top{
    margin-top:20px;
}
.tablexia .queryxiacont .litt{
    width:100%;
    height:54px;
    line-height:54px;
    background:rgba(255,242,242,1);
    border-radius:4px;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(102,102,102,1);
}
.tablexia .queryxiacont .litt p i {
    color:#FF4444;
    margin:0 18px;
}
.tablexia .queryxiacont .ass{
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-top:30px;
    margin-bottom:10px;
}
.tablexia .queryxiacont .ass a{
    width:250px;
height:40px;
background:rgba(242,48,48,1);
border-radius:4px;
line-height:40px;
font-size:16px;
font-family:Microsoft YaHei;
font-weight:400;
display:inline-block;
text-align:center;
margin:0 10px;
color:rgba(255,255,255,1);
}
.tablexia .queryxiacont .ass a i{
        color: #fff;
    font-size: 18px;
    margin-left: 10px;
}
.tablexia .queryxiacont .ass a.huang{
    background:#FF8800;
}
.yin{
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0;
    right: 0;
}
.deng{
    z-index: 19999;
    position: relative;
    background: #fff;
    margin: 0 auto;
    width: 330px;
    margin-top:5%;
}
.deng .reg_right{
    padding:30px;
}
.showdeng{
    position:fixed;
    top:0;
    z-index:999;
    left:0;
    width: 100%;
    height: 100%;

}



/*#region ===========图文介绍4===========*/
.i-info4.ibox{ padding: 80px 0 !important;background:#f5f5f5; }
.i-info4.ibox .il-info{background:#fff;}
.i-info4 {  background-color:#fff;   background-position: initial;background-size: cover;background-repeat: no-repeat; padding:100px 0; }
.i-info4 .i-info4-con { position: relative; width:100%; margin: 0 auto;  }

.i-info4 .mediabody { width: 50%;}
.i-info4 .i-info4-con .mediabody .image {width: 100%;  position: relative;z-index: 10; display: block; overflow: hidden; }

.i-info4 .i-info4-con .contentbody  { padding-top: 60px;  width:48%; margin-left: 2%;  }
.i-info4 .i-info4-con .contentbody .txt .tit {font-size: 24px; line-height: 30px; color: #666;}
.i-info4 .i-info4-con .contentbody .txt .subtit { line-height: 30px; display: inline-block;   color:#929292; font-size:16px;}
.i-info4 .i-info4-con .contentbody .desc p{
    color:#666666;
    font-size:15px;
    line-height:28px;
}
.i-info4 .i-info4-con .contentbody .desc {   line-height: 26px; color:#666; margin-top: 20px;margin-right:20px;}
.i-info4 .i-info4-con .contentbody .desc a { margin-top: 20px;}
.i-info4-nun{ padding-top: 50px;}
.i-info4-nun h1{ font-family: Arial; font-size: 42px;}
.iin-line{ width: 1px;  background:#f5f5f5;    margin: 0px 30px;  background: #e0e0e0; height:80px;}
.i-info4-nun p{  font-size: 14px;}
/*#endregion */

.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.fr{
    float:right;
}
.fl{
    float:left;
}
.i-more {
    display: inline-block;
    line-height: 40px;
    width: 200px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding-left: 10px;
    color: #929292;
    transition: all .36s ease;
}

/*#region ===========常用样式===========*/
/*.ibox {padding:100px 0; overflow: hidden;}*/
.i-list14 .il-tit .tit-info .tit{
    border-bottom:2px solid #000000;
    float:left;
    line-height:50px;
    margin:0;
}
.i-list14 .il-tit .tit-info .subtit{
    color:#999999;
    font-size:14px;
    line-height:50px;
}
.il-tit .tit-info .tit { font-size:24px; color:#333;line-height:60px;display:inline-block;float:left;margin-left:15px;  }
.il-tit .tit-info .subtit { color:#929292; padding:0 0 0 15px; }
.il-tit .cate a { display: inline-block; line-height: 30px; border-radius: 30px; padding: 0 20px; margin: 0 5px; text-align: center; color:#929292; }
.il-tit .cate a:hover , .il-tit .cate a.active {background:#666; color:#fff;}
.i-more-c { text-align:center; margin:60px auto 0;}
.i-more {display: inline-block; line-height: 40px; width: 200px; text-align: center;  border: 1px solid #ddd;  border-radius: 4px; padding-left: 10px;color:#929292;  transition: all .36s ease; }
.i-more:hover { color: #fff;  background-color: #666; border: 1px solid #666; }
.i-more .fa-angle-right {color:#fff; padding-left: 10px; transition: all .36s ease;}
.i-more:hover .fa-angle-right { padding-left: 26px;  color: rgba(253,253,253,.88);}
.i-more .fa-angle-right:before {margin-left: -7px; position: relative; transition: all .36s ease; }
.i-more:hover .fa-angle-right:before {position: relative;top: 0;margin-left: -20px;}
.ellipsis {text-overflow: ellipsis;overflow: hidden; white-space: nowrap; display: block;}
.fontcc {font-family: 'CenturyGothic';}
.fonthn {font-family:'HelveticaNeue';}
input, textarea {  font-size: 14px;}
.h80 {width:100%; height:80px;}
/*#endregion */

/*#region ===========图文列表14===========*/
.i-list14 .il-info {position:relative;padding-top:0px;margin-top:20px;}
.i-list14 .swiper-container { width:1080px;}

.i-list14 .swiper-wrapper a {display:block;}
.i-list14 .swiper-wrapper img {width:100%;}
.i-list14 .sp-pn { position: absolute; top: 50%; z-index: 10; margin-top:-20px; cursor: pointer; width:40px; height: 40px;  text-align: center;  transition: all .36s ease; }
/*.i-list14 .sp-pn:hover { background: #666;}*/
.i-list14 .sp-prev {left: 0; }
.i-list14 .sp-next {right: 0;}
.i-list14 .sp-pn i {display:inline-block; line-height:40px; font-size: 20px; color:#fff;}
.i-list14 .il-tit{
    width:1200px;
    line-height:50px;
    border-bottom:2px solid #e6e6e6;
}
/*#endregion */


/*#region ===========图文列表12===========*/
/*.i-list12 { background:#f6f6f6; }*/
.guanpei .i-list12 .newstitem{
    height:92px;
}
.i-list12 .newstitem {  width: 100%; margin-top: 25px;  transition: all 0.3s ease-out 0s;}
.i-list12 .newstitem:nth-child(2) , .i-list12 .newstitem:nth-child(4) { margin-right: 0;}
.i-list12 .newstitem:nth-child(3) , .i-list12 .newstitem:nth-child(4) { margin-bottom: 0;}
.i-list12 .newstitem a.newscontent {  display: block;  position: relative; }
.i-list12 .news-wrapper {height: 100%; z-index: 1; position:relative;transition: all 0.25s ease 0s;}
/*.i-list12 .newstitem .news-wrapper::before { content: "";  display: inline-block; height: auto; vertical-align: middle; border-top: 1px solid #666;  width: 0px;   position: absolute;  left: 75px;  top: 15%;   z-index: 3; opacity: 0;  transition: all 0.3s ease-out 0s;}*/
.i-list12 .newstitem:hover .news-wrapper::before { opacity: 1; width: 46px;}
.i-list12 .newsbody .date {  position: absolute; background: #f5f5f5; padding: 24px 20px; opacity: 1;  left: 0px;  transition: all 0.4s ease 0s;}
.i-list12 .newsbody .date .md {  color: #666666; top: 40px;display: block;  line-height: 20px; width: 100%; font-size:16px;}
.i-list12 .newsbody .date .year { white-space: nowrap; font-size: 20px; color: #666666;  display: block; line-height: 24px; width: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list12 .newsbody .title { width: ;  height: 42px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;  font-size: 16px; color: #575757;  line-height: 32px; top: 54px; padding-left: 120px;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);}
.i-list12 .newsbody .description { width: ; overflow: hidden;   text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2; font-size:14px; -webkit-box-orient: vertical; line-height:180%;  color: #999;  top: 108px; padding-left: 120px;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }
/*.i-list12  .newstitem:hover .newsbody .title , .i-list12  .newstitem:hover .newsbody .description { padding-left: 130px;}*/
/*#endregion */
.clearfix:after { content: ""; display: block; height: 0; clear: both; }
.clearfix { zoom: 1; }
.news .news_left{
    width:808px;
    float:left;
}
.news .news_right{
    width:350px;
    float:right;
}
.news .tit-info{
    width:100%;
height:60px;
background:rgba(245,245,245,1);
}
.news .tit-info .tit{
font-size:24px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(0,0,0,1);
}
.news .tit-info .subtit{
font-size:14px;
font-family:Arial;
line-height:70px;
font-weight:400;
color:rgba(153,153,153,1);
}
.news .tit-info a{
font-size:14px;
float:right;margin-right:15px;
margin-top:20px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(153,153,153,1);
}
.news .news_right a img{
    width:100%;
}
.news .news_right ul li{
    margin-bottom:40px;
    position:relative;
}
.guanpei .news{
    padding:70px 0;
}
.i-list14{
    padding:70px 0;
}
.guanpei .guang{
    width:100%;
height:250px;
background:rgba(242,48,48,1);
}
.guanpei .guang .nei .nei_l{
    width:300px;
height:250px;
text-align:center;
background:rgba(255,255,255,1);
}
.guanpei .guang .nei .nei_l .zitop{
    text-align:center;
    padding:20px;
    border-bottom:1px solid #e6e6e6;
}
.guanpei .guang .nei .nei_l .zitop p{
font-size:30px;
font-family:Microsoft YaHei;
font-weight:bold;
color:rgba(51,51,51,1);
}
.guanpei .guang .nei .nei_l .zitop span{
font-size:24px;
font-family:Microsoft YaHei;
font-weight:bold;
color:rgba(242,48,48,1);
}
.guanpei .guang .nei .nei_l .zibot{
    padding:20px 0;
    text-align:center;
    display: inline-block;
    padding-left: 55px;
    background:url("/WebShop/images/dianhua.png") no-repeat center left;
}
.guanpei .guang .nei .nei_l .zibot p{
font-size:16px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(102,102,102,1);
}
.guanpei .guang .nei .nei_l .zibot span{
font-size:28px;
font-family:Arial;
font-weight:400;
color:rgba(0,0,0,1);
}
.guanpei .guang .nei .nei_r ul li {
    text-align:center;
    float:left;
    margin:0 30px;
    margin-top:62.5px;

}
.guanpei .guang .nei .nei_r ul li p{
font-size:20px;
margin:5px 0;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(255,255,255,1);
}
.guanpei .guang .nei .nei_r ul li img{
    height:47px;
}

.guanpei .guang .nei .nei_r ul li span{
font-size:14px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(255,255,255,1);
}