@charset "utf-8";
* { margin: 0; padding: 0; font-family: ""; list-style: none; 
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height:30px; }
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
input[type="submit"], input[type="button"] { box-sizing: content-box; }
a { color: inherit; text-decoration: none; font-family: ""; }
a:link, a:active, a:visited, a:hover { background: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
h2, h3, h4, h5, h6 { font-weight: normal; }
body { /* min-width: 1200px; */
background: #fff; color: #333; font-size: 16px; margin: 0 auto; overflow-x: hidden; }
table { border-collapse: collapse; border-spacing: 0; }
/*th { font-weight: 400; }*/
img {
    border: 0;
    max-width: 100%;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.con_img img { max-width: 100%; height: auto !important; display: block; margin: 0 auto; }
textarea, select, option, input { outline: none; }
.left { float: left; }
.right { float: right; }
.fw400 { font-weight: 400; }
.fw700 { font-weight: 700; }
.clearBoth:after, .clearboth:after { content: ""; display: block; clear: both; }
.bordernone { border: none!important; }
.red { color: red; }
.white { color: #fff; }
.centerBox { margin: 0 auto; width: 100%; max-width: 1200px; }
.centerBox:after { content: ""; display: block; clear: both; }


.weizhibg{ background:#f7f7f7; border-bottom:1px solid #eee; }
.weizhi{ font-size:16px; line-height:56px; padding-left:25px; background:url(../images/weizhi1.png) left center no-repeat;}

.insidebg{ padding:40px 0 60px 0;}
.inside{}
.inside_lt{ float:left; width:280px;}
.side_p{}
.side_p .h1{ font-size:20px; line-height:30px; padding:20px ; background:#238fe1; color:#fff; font-weight:bold;}
.side_p ul{}
.side_p ul li{ margin-top:2px;}
.side_p ul li a{ display:block; font-size:15px; line-height:24px; padding:10px 20px; background:#f8f8f8;}
.side_p ul li a:hover,.side_p ul li a.hover{ color:#238fe1;}
.inside_rt{ float:right; width:calc(100% - 300px);}
@media(max-width:768px){
.weizhi{ font-size:14px; line-height:44px;}

.insidebg{ padding:40px 0 60px 0;}
.inside_lt{ float:none; width:100%; margin-bottom:20px;}
.side_p .h1{ font-size:20px; line-height:30px; padding:20px ; }
.side_p ul li{ margin-top:2px;}
.side_p ul li a{ font-size:14px; line-height:24px; padding:10px 20px; }
.inside_rt{ float:none; width:100%;}
}

.product1{}
.product1 ul li{ border:1px solid #eee; background:#fafafa; margin-bottom:20px;}
.product1 ul li .nr_box{ display:flex; justify-content: space-between;align-items: center;}
.product1 ul li .imgbg{ width:30%;}
.product1 ul li .img{ height:200px; position:relative; background:#fff; border-right:1px solid #eee; overflow:hidden;}
.product1 ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.product1 ul li:hover .img img{ transform:scale(1.1);}
.product1 ul li .txtbg{ width:70%;}
.product1 ul li .txt{ padding:20px 5%;}
.product1 ul li .txt .h2{ font-size:18px; line-height:28px; margin-bottom:20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.product1 ul li .txt .h3{ font-size:12px; line-height:22px; color:#999; margin-bottom:20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
@media(max-width:768px){
.product1 ul li{ margin-bottom:20px;}
.product1 ul li .nr_box{ display:block;}
.product1 ul li .imgbg{ width:100%;}
.product1 ul li .img{ height:auto; padding-bottom:72%;}
.product1 ul li .txtbg{ width:100%;}
.product1 ul li .txt{ padding:20px 5%;}
.product1 ul li .txt .h2{ font-size:18px; line-height:28px; margin-bottom:10px; }
.product1 ul li .txt .h3{ font-size:12px; line-height:22px; margin-bottom:10px; }
}

.more1{}
.more1 span{ display:inline-block; text-align:center; border:1px solid #238fe1; color:#238fe1; font-size:14px; line-height:30px; width:80px; transition:all .3s ease;}
.more1 span:hover{ background:#238fe1; color:#fff;}
@media(max-width:768px){
.more1 span{ font-size:14px; line-height:30px; width:80px; }
}