@charset "utf-8";
@media (min-width: 1200px) {
  .container {
    width: 360px;
  }
}

@charset "utf-8";
/* CSS Document */
@font-face {      font-family: 'Raleway-Bold';      
src: url('Raleway-Bold.eot'); /* IE9 Compat Modes */      
src: url('Raleway-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */              
url('Raleway-Bold.woff') format('woff'), /* Modern Browsers */              
url('Raleway-Bold.otf')  format('truetype'), /* Safari, Android, iOS */              url('Raleway-Bold.svg#MicrosoftYaHei') format('svg'); /* Legacy iOS */    } 

a {
    color: #000000;
    text-decoration: none;
}

a:hover { 
    text-decoration:none;
	transition: all 300ms ease-in 0ms;
	}

body{  color:#666; line-height:24px; font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;}

.banner img {
    width:100%;
}

.ctt {
    text-align: center;
    padding-top: 10px;
    padding-right: 20px;
    cursor: pointer;
}

#toggle-sidebar {
    cursor: pointer;
}

.cha {
    color: #000000;
    font-size: 20px;
}
   
.dhw-aa {
    width: 50%;
    float: left;
}  

.dhw-bb {
    width: 50%;
    float: right;
    text-align: right;
}
   
.logo img {
   width:150px;
   }   

      
.lanmu {
    padding: 15px;
    height: auto;
    overflow: hidden;
	padding-bottom:0px;
}
   
   
.lanmu li {
   list-style-type:none;
   float:left;
   width:14%;
   margin-left:3%;
   margin-right:3%;
   text-align:center;
   margin-bottom:8px;
   }
   
.lanmu li img {
   width:100%;
   }
   
.lanmu li p {
   text-align:center;
   margin-top:0px;
   margin-bottom:0px;
   font-size: 12px;
   height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;
   }
   
.xiahua {
    border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
    height: auto;
    overflow: hidden;
    background-color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: -15px;
    margin-right: -15px;
}

.xiahua-aa {
    width: 18%;
    float: left;
    border-right: 1px solid #ececec;
    padding-left: 5px;
    padding-right: 5px;
}

.xiahua-bb {
    width: 65%;
    float: left;
    height: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 60px;
    padding-left: 5px;
    padding-right: 5px;
}

.xiahua-cc {
    width: 17%;
    float: left;
	text-align:right;
    line-height: 60px;
    padding-left: 5px;
    padding-right: 15px;
}

.web {
   height:auto; overflow:hidden;
   padding:15px;
   }
   
.web h2 {
   font-family: 'Raleway-Bold', Helvetica, Arial, sans-serif;
   font-size: 20px;
   font-weight: 800;
   text-align:center;
   color: #0a1e3d;
   margin-top: 0px;
   margin-bottom: 15px;
   }
   
.trading-radio-item-block {
    height: auto;
    overflow: hidden;
    font-size: 16px;
    color:#536177;
}

.trading-radio-item {
    width:50%;
    float:left;
    margin-bottom: 15px;
}

.radio-circle {
    float: left;
    margin-right: 10px;
}

.out-circle {
    position: relative;
    top: 4px;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    border: 1px solid #ccc;
}

.trading-radio-item:hover {
 cursor:pointer
}

.trading-radio-item:hover .out-circle {
 border-color:#db351f
}
.trading-radio-item:hover .out-circle:after {
 content:"";
 display:inline-block;
 width:8px;
 height:8px;
 border-radius:100%;
 position:absolute;
 left:50%;
 top:50%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 background-color:#db351f
}

.trading-text-block {
padding-top: 20px;
padding-bottom: 60px;
line-height: 1.75;
   font-size: 16px;
   color:#536177;
   }
   
.trading-text-block {
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 1.75;
    font-size: 14px;
    color: #536177;
} 

.tradingkk {
    height: auto;
    overflow: hidden;
}

.trading-more {
    width: 31.3%;
    height: 30px;
    float: left;
    margin-right: 2%;
}

.trading-more a {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #db351f;
    color: #FFFFFF;
    font-size: 14px;
    border-radius: 20px;
}

.trading-more a:hover {
   background-color:#000000;
   }  
   
.cpkk {
   height:auto; overflow:hidden;
   padding:15px;
   }
   
.icp {
   height:auto; overflow:hidden;
   text-align:center;
   padding:15px;
   }
   
   
.cprow {
   height:auto; overflow:hidden;
   }
   
.cprow li {
   list-style-type:none;
   width:46%;
   float:left;
   margin-left:2%;
   margin-right:2%;
   }
   
.cptu {
   height:auto; overflow:hidden;
   margin-top:5px;
   } 
   
.cptu img {
    width: 100%;
    aspect-ratio: 800 / 800;
    object-fit: cover;
   }
   
.cptu p {
   height:49px; overflow:hidden;
   margin-top:5px;
   font-size:14px;
   }         
   
.about {
   height:auto; overflow:hidden;
   padding:15px;
   background-color:#eeeeee;
   }
   
.about h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:20px;
   text-align:center;
   margin-top:0px;
   margin-bottom:6px;
   color:#333333;
   }
   
.dingbu {
   height:auto; overflow:hidden;
   padding:10px;
   background-color:#f0eff4;
   }
   
.dingbuk {
    width:100%;
	position:fixed;
	top:0px;
	left:0px;    
   height:auto; overflow:hidden;
   padding:10px;
   background-color:#f0eff4;
   z-index: 9;
   }
   
.ddk {
    width:100%;
    position:fixed;
    background-color:#FFFFFF;
	top:0px;
	left:0px;  
	z-index: 9;
}
   

.search1 {
   width:100%;
   border: 1px #707070 solid;
   border-radius:30px;
   }
   
.search1 form {
    display: flex;
}

.search1 .search {
    border: 0;
    height: 36px;
    font-size: 14px;
    padding-left: 20px;
    width: 82%;
    border-radius:20px 0 0 20px;
}   

.search1 .btn {
    height: 36px;
    margin: 0;
    background: #FFFFFF;
    border-radius:0 20px 20px 0;
    color: #333333;
	font-size:16px;
    text-align: center;
    width: 18%;
} 

   
/* 单页 */
.huibj {
   padding:15px;
   background-color:#eaeaeb;
   height:auto; overflow:hidden;
   }
   
   
.biaoti {
    overflow: hidden;
    height: 45px;
    line-height: 45px;
    background: #fff;
}


.biaoti .left {
    width: 14%;
    float: left;
    background: url(../images/a_01.jpg) no-repeat center;
    background-size: 100% 100%;
}

.biaoti .center {
    width: auto;
    float: left;
    color: #e56810;
    font-size: 16px;
    padding-left: 3%;
}

.biaoti .right {
    width: auto;
    float: right;
    margin-right: 4%;
    color: #898989;
    font-size: 14px;
    background: url(../images/home.jpg) no-repeat center left;
    padding-left: 25px;
}

.class {
    height: auto;
    padding-bottom: 10px;
    overflow: hidden;
    position: relative;
    padding-top: 10px;
}

.class li {
    width: 49%;
    margin-right: 1%;
    line-height: 32px;
    float: left;
    font-size: 14px;
    text-align: center;
    margin-bottom: 5px;
	list-style-type:none;
	   height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;
}


.class li.hover a {
    color: #fff;
    background: #e56810;
}

.class li a:hover {
    color: #fff;
    background: #e56810;
}

.class li a {
    width: 100%;
    height: 32px;
    display: block;
    color: #848484;
    background: #fff;
    transition: all 300ms ease-in 0ms;
}

.bd {
   border:1px solid #e70012;
   }


.abcd {
    height: auto;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    background: #fff;
    padding: 5%;
    line-height: 26px;
    font-size: 12px;
    color: #717071;
}

.abcd a {
    color: #717071;
}

.abcd img {
    border: 0px none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
   }
   
.abcd h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:18px;
   text-align:center;
   margin-top:10px;
   margin-bottom:15px;
   }


/* 新闻列表 */
.title-date {
    font-size: 20px;
    font-weight: bold;
    color:#000000;
    margin-top: 25px;
    margin-bottom: 15px;
}


.zplb {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    border-bottom: 1px 
    rgba(0,0,0,.1) solid;
    transition: .5s;
    cursor: pointer;
}

.zplb span {
    display: block;
    font-size: 14px;
    line-height: 25px;
    padding: 12px;
    overflow: hidden;
}

.zplb span h3 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 15px;
}

.zplb span font::after {
    content: "+";
    font-size: 30px;
    color:#db351f;
}
.bse span font:after{
	content:"-";
	font-size:30px;
	color:#db351f;
}

.zkzpxq {
    display: none;
    background: #f9f9f9;
    padding-bottom: 1px;
}

.zpxq {
    justify-content: center;
    height: auto;
    overflow: hidden;
    background-color: 
    #FFFFFF;
    padding: 15px;
    line-height: 30px;
}

/* 产品列表 */

.biaoge {
    height: auto;
    overflow: hidden;
}

.biaoge .table {
    margin-bottom: 0px;
}

.biaoge .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #dddddd;
	color:#868c92;
	text-align:center;
}   

.biaoge .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 0px;
	height:50px;
    line-height: 50px;
    vertical-align: top;
    border-top: 1px solid #dddddd;
	border-bottom: 5px solid #f6f6f6;
	text-align:center;
}

.biaoge .table > tbody > tr, .table > tfoot > tr {
	background-color:#FFFFFF;
}

.biaoge .table > tbody > tr:hover, .table > tfoot > tr:hover {
   background-color:#fbfbfb;
   }
   
.cpmk {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100%;
}
   
.cplist {
    flex: 1;
    display: flex;
    overflow: hidden; /* 隐藏超出部分 */
    position: relative;
    padding-top: 56px;
   }   
   
   
.cpleft {
    width: 27%;
    flex-shrink: 0;
    overflow-y: auto;
    background-color: #f7f7f7;
    padding-bottom: 60px;
    -webkit-overflow-scrolling: touch;
   }
   
.cpleft li {
   list-style-type:none;
   height:44px;
   }
   
.cpleft li a {
   display:block;
   text-align:center;
   color:#333333;
   font-size:16px;
   height:44px;
   line-height:44px;
   border-left:2px solid #FFFFFF;
   }
   
.cpleft li a:hover {
   background-color:#FFFFFF;
   color:#e56810;
   border-left:2px solid #e56810;
   }
   
.cpleft li.hover a {
   background-color:#FFFFFF;
   color:#e56810;
   border-left:2px solid #e56810;
   }
   
.cpright {
    width: 73%;
    flex: 1;
    overflow-y: auto;
    padding: 8px;
    padding-bottom: 66px;
    background-color: #fff;
    -webkit-overflow-scrolling: touch;  
   }
   
.cplm {
   height:auto; overflow:hidden;
   margin-left:-3px;
   margin-right:-3px;
   }
   
.cplm li {
   list-style-type:none;
   float:left;
   padding-left:3px;
   padding-right:3px;
   margin-bottom:6px;
   }
   
.cplm li a {
   display:block;
   padding:2px;
   padding-left:10px;
   padding-right:10px;
   color:#333333;
   border:1px solid #c9c9c9;
   border-radius: 20px;
   }
   
.cplm li a:hover {
   border:1px solid #e56810;
   color:#e56810;
   background-color:rgba(229, 104, 16, 0.1);
   }
   
.cplm li.hover a {
   border:1px solid #e56810;
   color:#e56810;
   background-color:rgba(229, 104, 16, 0.1);
   }
   
.cphh {
   height:auto; overflow:hidden;
   }   
   
.cphh li {
   list-style-type:none;
   }
   
.cpww {
   height:auto; overflow:hidden;
   position:relative;
   }
   
.cpww a {
   display:block;
   padding-top:10px;
   padding-bottom:10px;
   height:auto; overflow:hidden;
   border-bottom:1px solid #e2e2e2;
   }
   
.cpww-aa {
   width:40%;
   float:left;
   }
   
.cpww-aa img {
    width: 100%;
    aspect-ratio: 800 / 800;
    object-fit: cover;
   }   
   
.cpww-bb {
   width:55%;
   float:right;
   }
   
.cpww-bb h2 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 15px;
   }
   
.cpmore {
   position:absolute;
   right:0px;
   bottom:10px;
   width:100px;
   height:30px;
   line-height:30px;
   text-align:center;
   color:#333333;
   border:1px solid #333333;
   }
   
.moreload ul {
    height: auto;
    overflow: hidden;
}

.moreload ul li {
    list-style-type:none;
}

.load {
    width: 120px;
    height: auto;
    overflow: hidden;
    margin: 20px auto 0px;
}

.morex {
    text-align: center;
    color: #666666;
    cursor: pointer;
}

/* 产品详情 */
.cpnei {
   height:auto; overflow:hidden;
   padding:10px;
   background-color:#f0eff4;
   }
   
.cptit {
   height:auto; overflow:hidden;
   padding:8px;
   font-size:18px;
   background-color:#FFFFFF;
   border-radius: 10px;
   margin-bottom:10px;
   }   

.cpkt .swiper-slide img {
    width: 100%;
    aspect-ratio: 800 / 800;
    object-fit: cover;    
}

.cpxq {
   height:auto; overflow:hidden;
   padding:8px;
   background-color:#FFFFFF;
   border-radius: 10px;
   } 
   

.cpxq h2 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 14px;
    width:100%;
    height:auto; overflow:hidden;
    line-height: 30px;
    background:url(../images/cptit.jpg) center center;
    background-size: 100% 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 15px;    
}
   
.cpxq img {
    width:100%;
}
   
.fanhui {
    height: auto;
    overflow: hidden;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #757472;
}

.fenye {
    width: 100%;
    height: 40px;
}

.fenye-aa {
    width: 50%;
    float: left;
}

.fenye-aa a {
    display: block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #FFFFFF;
    background-color: #ff6101;
    font-size: 16px;
}

.fenye-bb {
    width: 50%;
    float: right;
}

.fenye-bb a {
    display: block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #FFFFFF;
    background-color: #ffb601;
    font-size: 16px;
}   

.dst {
    height: auto;
    overflow: hidden;
    text-align:center;
    position: relative;
    color:#333333;
    line-height: 44px;
    background-color: #f8f8f8;
}

.dst-jt {
    position:absolute;
    width:44px;
    text-align:center;
    left:0px;
    top:0px;
}

.xgcp {
    height: auto; overflow: hidden;    
}

.xgcp h2 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 15px;    
}
 

/* 固定底 */

   
.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
	background-color:#FFFFFF;
}

.fygnav {
    padding: 0px;
	height:66px;
	background-color:#FFFFFF;
	border-top:1px solid #c2c4c1;
}


.fygnav ul {
    list-style-type: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.fygnav li {
    width: 33.3%;
    text-align: center;
    float: left;	
}
.fygnav li a { display:block; color:#666666; padding-top:6px; font-size: 12px; border-right:1px solid #e5e5e5; padding-bottom:16px;}

.fygnav li a:hover {
    color:#e96709;
}

.fygnav li.hover a {
    color:#e96709;
}

.fygnav li a:hover img {
    filter: 
        invert(60%) 
        sepia(100%) 
        saturate(1000%) 
        hue-rotate(330deg);
}

.bottom {
    margin-bottom: 60px;
}

#mcover img {
    position: fixed;
    right: 18px;
    top: 5px;
    width: 260px;
    height: 180px;
    z-index: 20001;
}

#mcover {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);
    display: none;
	}