@font-face {

    font-family: 'iconfont';  /* Project id 2763281 */

    src: url('//at.alicdn.com/t/font_2763281_cqs1tvqcqra.woff2?t=1629707245016') format('woff2'),

         url('//at.alicdn.com/t/font_2763281_cqs1tvqcqra.woff?t=1629707245016') format('woff'),

         url('//at.alicdn.com/t/font_2763281_cqs1tvqcqra.ttf?t=1629707245016') format('truetype');

  }



  .iconfont {

    font-family: "iconfont" !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

  }

a{ color: #ff6600;}

.news-list{ margin-top: 30px;}

.news-list li{ border-bottom:dashed 1px #999; margin:0 0 15px 0; padding:0 0 15px 0;}

.news-list li .col-md-9{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}

.news-list li:hover .col-md-9{ padding-left:30px;}

.news-list h3{ font-size:24px; margin:0 0 20px 0;}

.news-list h3 span{ float:right; color:#999; font-size:14px; display:inline-block; line-height:30px;}

.news-list p{ line-height:24px; color:#999;}

.news-list p.thumb{ border:solid 1px #ddd; overflow:hidden;}

.news-list p.thumb img{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}

.news-list li:hover p.thumb img{transform: scale(1.1, 1.1); opacity:0.7;}

/* 前端分页 */

#page{margin:30px 0;font-size:14px;height:30px;line-height:30px;text-align:center}

#page .pageinfo{display: none;}

#page  a{border:1px solid #ddd;background:#fff;color:#808080;padding:5px 11px;margin-left:5px;border-radius:2px;transition:all 0.2s}

#page  a:hover,#page .curpage{background:#ff6600;color:#fff;text-decoration:none;border:1px solid #ff6600;}

#page .nopage{cursor:not-allowed;}

#page .nopage:hover{background:#fff;color:#808080;border:1px solid #ddd;}



.container_category{ background: #f6f6f6;}

.yzm-title{ display: flex;flex-direction: row; justify-content: space-between;    padding: 20px 0;color: #898989;}

.yzm-title a{ color: #666;}

.content-container{ padding: 30px 0;}

.content-container h1{ padding: 10px 0;}

.content-info{}

.content_wrapper{ font-size: 16px; line-height: 40px; padding: 30px;}

.content-hr{border-bottom: 1px dotted #d3d3d3; padding: 10px 0 ;margin-bottom: 30px;}



.sidebar{margin-bottom;:30px}

.sidebar h3{background:#666666;line-height:40px;color:#fff;font-weight:400;font-size:16px;padding-left:20px;margin-bottom:0}

.sidebar h6{border-bottom:solid 3px #ff6600;padding:10px 0;margin:0 0 10px 0;color:#ff6600;font-size:24px; text-transform:uppercase; font-weight: bold; }

.sidebar ul{margin-bottom:10px;padding-left:3px;}

.sidebar li{line-height:40px;}

.sidebar li a{font-size:16px;color:#333;margin-left:2px;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}

.sidebar li a:hover{color:#ff6600; padding-left: 10px;}

.sidebar .sub_nav li{padding-left:10px;background: url(../images/wei-icon.jpg) no-repeat left center;}

.sidebar .sub_nav li a{font-size: 14px; color:#666;}

.sidebar .sub_nav li:hover a{color:#ff6600;}



.h30{height: 30px;}

.pic-list P.grid_box,.product-list P.grid_box{position:relative}

.zoom-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:block!important;opacity:1!important;visibility:visible!important;border-radius:0;cursor:pointer;overflow:hidden;-webkit-transition:.55s;-moz-transition:.55s;-o-transition:.55s;transition:.55s}

.zoom-icon:after{position:absolute;display:block;top:50%;left:50%;top:50%;bottom:50%;width:0;height:0;content:"";background:url(../images/plus.png) 50% 50% no-repeat;border-radius:0;z-index:0;-webkit-transition:.45s;-moz-transition:.45s;-o-transition:.45s;transition:.45s}

.zoom-icon:before{position:absolute;left:-50%;top:48%;display:block;margin:0;height:0;width:200%;background:url(../images/bg.png) repeat;content:"";border-radius:0;overflow:hidden;-webkit-transform:rotate(-55deg);-moz-transform:rotate(-55deg);-ms-transform:rotate(-55deg);-o-transform:rotate(-55deg);transform:rotate(-55deg);-webkit-transition:.65s;-moz-transition:.65s;-o-transition:.65s;transition:.65s}

.grid_box a:hover .zoom-icon{-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}

.grid_box a:hover .zoom-icon:before{left:-60%;top:-35%;height:200%;width:200%;-webkit-transform:rotate(-55deg);-moz-transform:rotate(-55deg);-ms-transform:rotate(-55deg);-o-transform:rotate(-55deg);transform:rotate(-55deg);-webkit-transition:.6s;-moz-transition:.6s;-o-transition:.6s;transition:.6s}

.grid_box a:hover .zoom-icon:after{width:44px;height:63px;margin:-31px 0 0 -22px;-webkit-transition:.45;-moz-transition:.45;-o-transition:.45;transition:.45}

.grid_box a:hover .zoom-icon{visibility:visible;border-radius:0;overflow:hidden}

.pic-list h3,.product-list h3{line-height:24px;height:48px;overflow:hidden;text-align:center;font-size:14px;font-weight:400;margin-top:10px}



.p_tabs{margin:10px 0;border-bottom:1px solid #EFEFEF;height:28px}

.p_tabs ul li{float:left;padding:0 30px;margin-left:20px;line-height:28px;background:#EFEFEF}

.p_tabs{margin:30px 0 0 0}

.p_tabs li{line-height:40px;}



h2.title {font-size: 20px;font-weight: 100;color: #333; text-transform:lowercase;}

.hot-product{ margin-bottom: 50px;}

.design-main{ padding: 0 20px;}

.design-main h3{ font-size:14px; line-height:24px; padding:10px 0; color: #666;}

.design-main a{ margin:5px; display:inline-block;}

.owl-controls .owl-buttons div {position: absolute; overflow: hidden;width: 20px;height: 50px;top: 35%; margin-top: -25px;text-indent: -999px;background: url(../images/arrow-owl.png) no-repeat center center;background-size: 20px;}

.owl-controls .owl-buttons div.owl-prev {left: -20px;}

.owl-controls .owl-buttons div.owl-next {right:-20px;transform-origin: center center;transform: rotate(180deg);-webkit-transform: rotate(180deg);	-moz-transform: rotate(180deg);}



.contact-form{position:relative;padding-bottom:30px}

.contact-form div{padding:5px 0}

.contact-form span{display:block;font-size:.8125em;color:#7B7C7E;padding-bottom:5px}

.contact-form span label{font-size:18px;font-weight:100}

.contact-form input[type=text],.contact-form select,.contact-form textarea{padding:8px;display:block;width:98%;border:none;outline:0;color:#444;font-size:1.2em;border:1px solid rgba(192,192,192,.31);-webkit-appearance:none}

.contact-form textarea{resize:none;height:120px}

.contact-form input[type=text]:focus,.contact-form textarea:focus{border:1px solid rgba(192,192,192,.72)}

.mybutton{background:#ff6600;padding:12px 32px;color:#fff;font-size:24px;transition:.5s ease;-o-transition:.5s ease;-webkit-transition:.5s ease;text-transform:uppercase;border:none;outline:0;cursor:pointer;-webkit-appearance:none}

.mybutton:hover{background-color:#000}

.mybutton:active{background-color:#000}



.news-list-qa{

   

    margin-bottom: 20px;

    padding: 20px;

    overflow: hidden;

    cursor: pointer;

}

.news-list-qa h3{

   font-size: 18px;

   color: #ff6600;

   margin-bottom: 0;

}

.news-list-qa .content{

   display: none;

}

.news-list-qa.show .content{

   font-size: 16px;

   color: #666;

   padding: 15px 0 0 0;

   display: block;

}