/* CSS Document */
*{padding:0; margin:0;}

html {overflow:-moz-scrollbars-vertical; scrollbar-face-color:#e8e8e8;scrollbar-shadow-color:#c1c1bb;scrollbar-highlight-color:#c1c1bb;scrollbar-3dlight-color:#ebebe4;scrollbar-darkshadow-color:#ebebe4;scrollbar-track-color:#f4f4f0;scrollbar-arrow-color:#cacab7;font-size:625%;}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0; margin:0;}   
div,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
a{text-decoration:none; color:#333; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
a:hover {text-decoration:none; color:#eb0000;}
.clear{margin:0; padding:0; clear:both;}
table {BORDER-COLLAPSE:collapse; border-spacing:0;}
img{display:block; border:0; width:100%;}
b {font-weight:600;}i,em {font-style:normal;}

button, input, select, textarea {display:block; margin:0; padding:0; outline:none; background-color:transparent; border:0; border-radius:none; -webkit-font-smoothing:antialiased; -webkit-appearance:none; appearance:none; font-family:Microsoft YaHei;}
button {cursor:pointer;}

.clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}
*html .clearfix {height:1%;}
.clearfix {display:block;}
*+html .clearfix {min-height:1%;}

@font-face {
/*阿里巴巴普惠体*/
font-family: 'Alibaba-PuHuiTi-Regular';
src:url('../font/Alibaba-PuHuiTi-Regular.ttf') format('truetype')
font-weight: normal;
font-style: normal;
}

body {font-size:12px; color:#555; font-family:Verdana,Arial,Helvetica,sans-serif; padding:0; margin:0; behavior:url("images/csshover.htc");-webkit-text-size-adjust:none; background:#f8f8f8;}


/****************************公用****************************/
.main {position:relative; margin:0 auto; width:94%; max-width:1750px;}

/***htitle***/
.htitle {position:relative; margin:0 auto 30px; width:94%; max-width:1750px; line-height:40px; text-transform:uppercase; overflow:hidden;}
.htitleleft {float:left;}
.htitleleft h2 {font-size:24px; color:#000; text-align:left; height:35px; line-height:35px;}
.htitleleft .en {margin:0px 0px; height:24px; line-height:24px; font-size:12px; color:#999; text-transform:lowercase;}
.htitleleft .line{ width:40px; height:2px; background:#de2220; margin:10px 0 0 0;}
@media screen and (max-width:768px) {
.htitle {position:relative; margin:0 auto 5px; line-height:30px;}
.htitleleft {float:none; width:100%;margin-bottom:30px; line-height:30px;}
.htitleleft h2 {float:none; width:100%; font-size:20px; font-weight:700; line-height:20px; height:20px;}
.htitleleft .en {float:none; margin:0px auto 0; display:inline-block; height:20px; line-height:20px;}
.products .htitle{display:none;}
.lymain .htitle{display:none;}
.newspage .htitle{display:none;}
}


/***imgbox***/
.imgbox {overflow:hidden; position:relative;}
.imgbox img {transition:clip 0.3s cubic-bezier(0,.3,.6,1), transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -webkit-clip 0.3s cubic-bezier(0,.3,.6,1);}
a:hover .imgbox img{-webkit-transform:scale(1.05); transform:scale(1.05);}


/***header***/
.header {position:fixed; top:0; left:0; width:100%; background-color:rgba(255,255,255,0); z-index:99;}
.header_over {position:fixed; top:0; left:0; width:100%; background-color:rgba(255,255,255,1); z-index:99;box-shadow:0 1px 6px 0 rgba(0,0,0,0.3);}

.header .main {height:75px;}
.header-logo{float:left; margin-top:5px; width:336px; height:65px;}

.header-nav {float:right;}
.header-nav li {position:relative; float:left; margin-top:21px; height:32px; width:80px; text-align:center;}
.header-nav li:nth-child(n+2) {margin-left:20px;}
.header-nav li:last-child {padding-right:0;}
.header-nav a {position:relative; display:inline-block; padding:0; height:32px; line-height:32px; font-size:14px;}

.header-nav li a span.en{display: none;}
.header-nav li a:hover span.ch{display: none;}
.header-nav li a:hover span.en{display: block; color: #d81e06; font-size:13px; font-family:Verdana, Geneva, sans-serif;}

.m-header {display:none;}
@media screen and (max-width:768px) {
.header {display:none;}
.header_index {display:none;}
.m-header {display:block; position:fixed; top:0; left:0; width:100%; background-color:rgba(255, 255, 255, 1); z-index:9;}
.m-header .main {margin:0 auto; width:94%; height:45px; overflow:hidden;}
.m-header-logo {float:left; margin-top:5px; width:200px;}

.nav-btn {position:relative; float:right; margin:14px -9px 0 0; width:50px; height:30px; cursor:pointer;}
.nav-btn span {position:absolute; left:10px; display:block; width:30px; height:3px; background:#de2220; transition:all ease 0.35s;}
.nav-btn span:nth-of-type(1){top:0;}
.nav-btn span:nth-of-type(2){top:8px;}
.nav-btn span:nth-of-type(3){top:16px;}
.nav-btn-se span:nth-of-type(1){top:10px; transform:rotate(45deg);}
.nav-btn-se span:nth-of-type(2){width:0}
.nav-btn-se span:nth-of-type(3){top:10px; transform:rotate(-45deg);}

.m-nav {position:fixed; top:-100%; left:0; z-index:9999; width:100%; height:calc(100%); font-size:16px; line-height:42px; background:#eee; overflow:auto; overflow-x:hidden; transition:top ease 0.35s; opacity:.95;}
.nav-show {top:45px;}
.nav-show ul {border-bottom:0px #ddd solid;}
.m-nav ul li i {position:absolute; top:5px; right:0px; border-left:1px #ddd solid; height:30px; padding:0 17px 0 17px;}
.m-nav ul li i svg {transform:rotate(-90deg); transition:all ease 0.35s;}
.m-nav ul li .m-nav-i-se svg {transform:rotate(0deg);}
.m-nav ul li {position:relative; padding-left:20px; line-height:40px; font-size:15px; border-top:1px #ddd solid;}
.m-nav >ul >li:last-child {border-bottom:1px #ddd solid;}
.m-nav ul li ul {display:none;}
.m-nav ul li a {color:#000;width:80%;}
.m-nav ul li ul li a {display:block; font-size:14px; color:#6a6a6a; line-height:36px; text-align:left;}
.m-nav ul li i svg {width:20px; height:20px; fill:#555;}
.m-nav ul li .m-nav-i-se svg {fill:#de2220;}
.m-nav ul li ul li>ul {margin-left:10px;}
}


/***banner***/
.flexslider{display:block; position:relative; height:auto; background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative; z-index:0; margin:0 auto; width:100%; overflow:hidden;}
.slides li {position:relative;}
.slides li img {display:block;}

.flex-control-nav{position:absolute; bottom:15px; left:50%; margin-left:-60px; padding:4px 0 2px; z-index:2; width:120px; text-align:center;}
.flex-control-nav li{display:inline-block; width:14px; height:14px; margin:0 5px; *display:inline; zoom:1;}
.flex-control-nav a{display:inline-block; width:14px; height:14px; line-height:40px; overflow:hidden; background:url(../images/bpng01.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active{background:url(../images/bpng02.png) no-repeat;}

.flex-direction-nav{position:absolute; z-index:3; width:100%; top:50%; margin-top:-40px;}
.flex-direction-nav li a{position:absolute; display:block; width:28px; height:40px; overflow:hidden; cursor:pointer;}
.flex-direction-nav li a.flex-prev{left:10px; background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10px; background:url(../images/next.png) center center no-repeat;}

@media screen and (max-width:768px) {
.flexslider {display:block; position:relative; height:auto; overflow:hidden; background:url(../images/loading.gif) 50% no-repeat; margin:45px auto 0;}
.slides {position:relative; z-index:0;}
.flex-control-nav {position:absolute; bottom:5px; z-index:2; left:50%; margin-left:-35px; padding:1px 0; z-index:2; width:70px; text-align:center;}
.flex-control-nav li {display:inline-block; width:8px; height:8px; margin:0 4px; *display:inline; zoom:1;}
.flex-control-nav a {display:inline-block; width:8px; height:8px; line-height:30px; overflow:hidden; background:url(../images/bpng03.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active {background:url(../images/bpng04.png) no-repeat;}

.flex-direction-nav {position:absolute; top:35%; z-index:3; width:100%; display:none;}
.flex-direction-nav li a {position:absolute; display:block; width:15px; height:29px; overflow:hidden; cursor:pointer;}
.flex-direction-nav li a.flex-prev {left:10px; background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next {right:10px; background:url(../images/next.png) center center no-repeat;}
}


/***footer***/
.footer {padding:20px 0;  overflow:hidden; background:#575757;}
.footer-left {float:left; width:100%; text-align:center;}
.footer-left .name {height:28px; line-height:28px; font-size:16px; font-weight:600;}
.footer-left .copyright {margin:0px 0 0 0; line-height:26px; color:#fff;}
.footer-left .copyright a{color:#fff;}
.footer-left .copyright img{ width:auto; vertical-align:middle; display:inline;}
@media screen and (max-width:768px) {
.footer {padding:10px 0;}
.footer-left{float:none; width:100%;}
.footer-left {text-align:center;}
.footer-left .name {height:auto; line-height:24px; font-size:1rem; font-weight:600;}
.footer-left .copyright{height:auto; line-height:24px;}
.footer-left .copyright{margin-top:5px;}
}




/***index product***/
.index-product {padding:80px 0 0 0;}
.index-category {float:right; margin-top:19px;}
.index-category a {display:inline-block; line-height:32px; font-size:12px; height:32px; padding:0 15px; margin-left:4px; color:#999;}
.index-category a:hover{background:#de2220; border-radius:5px; color:#FFF;}

.index-product-list li {float:left; width:22.8%; background-color:#fff; box-shadow:0 0 0.6rem 0 #ebebeb; display:block;}
.index-product-list li:nth-child(n+2) {margin-left:2.933%;}
.index-product-list li:nth-child(4n+1){margin-left:0;}
.index-product-list li:nth-child(n+5) {margin-top:2.933%;}
.index-product-list li .title {line-height:24px; color:#555457; text-align:left; padding:10px 15px;}
.index-product-list li .title h2{font-size:14px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; height:24px; line-height:24px;}
.index-product-list li .title p{font-size:12px; color:#999; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; height:20px; line-height:20px;}
.index-product-list li a {position:relative; display:block;}
.index-product-list li:hover {box-shadow:0 0 0.6rem 0 #ddd}
.index-product-list li:hover .title h2{color:#de2220;} 

.index-product-list li .imgbox .mask, .index-product-list li .imgbox .view {position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; opacity:0;}
.index-product-list li .imgbox .mask {bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3);}
.index-product-list li .imgbox .view {top:50%; left:50%; margin:-26px 0 0 -24px; width:48px; height:48px; background:url(../images/view.png) no-repeat; -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.index-product-list li .imgbox:hover .mask, .index-product-list li .imgbox:hover .view {opacity:1;}
.index-product-list li .imgbox:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1);}

.morecase{ text-align:center; margin-top:30px;}
.morecase a {line-height:32px; font-size:12px; height:34px; padding:0 25px; color:#999;display:inline-block; border:1px #ddd solid; box-sizing:border-box; border-radius:5px;}
.morecase a:hover{background:#de2220; border-radius:5px; color:#FFF;}

@media screen and (max-width:768px) {
.index-product {padding:30px 0 0 0;}
.index-category {float:none; width:100%; text-align:center; margin-top:0px; display:none;}
.index-category a {margin:0 5px; line-height:30px; height:30px; font-size:12px; margin-bottom:8px; padding:0 10px; background:#fff;}

.index-product-list li .title h2{font-size:14px;}
.index-product-list li {width:49%;}
.index-product-list li:nth-child(n+2) {margin-left:0;}
.index-product-list li:nth-child(2n) {margin-left:2%;}
.index-product-list li:nth-child(n+3) {margin-top:2%;}

.index-product-list li .imgbox  .mask, .index-product-list li .imgbox .view {display:none;}
}




/***index news***/
.index-news{padding:80px 0 0 0;}
.index-news ul{overflow:hidden;}
.index-news ul li{width:31.33%; float:left;}
.index-news ul li:nth-child(n+2) {margin-left:3%;}
.index-news ul li h2{font-size:18px; font-weight:700; line-height:30px; height:30px;overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.index-news ul li h3{font-size:16px; margin-bottom:15px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.index-news ul li p{font-size:14px; height:30px; line-height:30px; background: url(../images/dian.png) left center no-repeat; padding-left:15px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.index-news ul li p a{color:#666;}
.index-news ul li p a:hover{color:#de2220;}
.index-news ul li p span{font-size:12px; color:#999; margin-right:10px;}
@media screen and (max-width:768px) {
.index-news{padding:40px 0 0 0;}
.index-news ul li{width:100%; float:left;}
.index-news ul li:nth-child(n+2) {margin-left:0%; margin-top:30px;}
.index-news ul li h3{font-size:16px; margin-bottom:5px;}
}


/***index custmoster***/
.index-cust{padding:80px 0;}
.index-cust-list li {float:left; width:10.11%; background-color:#fff; box-shadow:0 0 0.15rem 0 #ebebeb; display:block;}
.index-cust-list li:nth-child(n+2) {margin-left:1%;}
.index-cust-list li:nth-child(9n+1){margin-left:0;}
.index-cust-list li:nth-child(n+10) {margin-top:1%;}
.index-cust-list li:hover {box-shadow:0 0 0.15rem 0 #ddd}
@media screen and (max-width:768px) {
.index-cust{padding:40px 0;}
.index-cust-list li {width:32%;}
.index-cust-list li:nth-child(n+2) {margin-left:2%;}
.index-cust-list li:nth-child(3n+1) {margin-left:0%;}
.index-cust-list li:nth-child(n+4) {margin-top:2%;}
}


/***index contact***/
.index-contact{padding:60px 0; border-top:1px #ddd solid; overflow:hidden; background:#fff;}
.index-contact .contactleft {float:left; width:30%; text-align:left; padding-right:5%;}
.index-contact .contactleft li{float: left; width: 100%; line-height: 26px; padding-left:35px; font-size:14px; margin:0px 0px 20px 0;}
.index-contact .contactleft li b{font-weight: 700; display: block; font-size:15px;}
.icon_1{background:url(../images/icon_1.png) left top no-repeat; background-size:24px;}
.icon_2{background:url(../images/icon_2.png) left top no-repeat; background-size:24px;}
.icon_3{background:url(../images/icon_3.png) left top no-repeat; background-size:24px;}
.icon_4{background:url(../images/icon_4.png) left top no-repeat; background-size:24px;}
.icon_5{background:url(../images/icon_5.png) left top no-repeat; background-size:24px;}
.icon_6{background:url(../images/icon_6.png) left top no-repeat; background-size:24px;}
.icon_7{background:url(../images/icon_7.png) left top no-repeat; background-size:24px;}

.index-contact .contactright {float:right; width:65%; text-align:left; }
.index-contact .contactright h3{font-size:16px; font-weight:700; line-height:30px; line-height:30px; color:#333;}
.index-contact .contactright, .index-contact .contactright p{line-height:24px; font-size:12px; color:#7d7d7d;}
.index-contact .contactright span{margin-right:15px;}
.index-contact .contactright a{color:#7d7d7d;}
.index-contact .contactright a:hover{color:#eb0000;}
.margintop30 {margin-top:30px;}
@media screen and (max-width:768px) {
.index-contact{padding:40px 0; border-top:1px #ddd solid; overflow:hidden;}
.index-contact .contactleft {width:100%;}
.index-contact .contactright {width:100%; padding-left:0%; margin-top:30px;}
}



/************内页banner*************/
.banner {margin:75px auto 0;}
#mob{display:none;}
#pc{display:block;}
.margintop40{margin-top:40px;}
@media screen and (max-width:768px) {
.banner {margin:45px auto 0;}
#pc{display:none;}
#mob{display:block;}
}


/*分页*/
.page{text-align:center; padding:40px 0 0 0; /*border:1px solid #D9D9D9;background:#fff; margin-top:20px;*/ }
.page a{display:inline-block; border:1px #ddd solid; font-size:14px; padding:2px 10px; border-radius:3px; margin:0 2px; font-family:"宋体"; line-height:20px; height:20px;}
.page a:hover{background:#de2220; color:#fff;}
.pagea{background:#de2220; color:#fff;}
@media screen and (max-width: 768px) {
.page{padding:0px 0;margin-top:20px;}
.page a{font-size:12px; padding:3px 8px; margin:0;}
}


#onsec {background:#de2220;color:#FFF; border-radius:5px;}
#onsec a{background:#de2220;color:#FFF;}
#onseca {color:#de2220;}
#onseca a{color:#de2220;}


/*--------内页路径--------*/
#weizhi{width:100%; margin:75px auto 0; border-bottom:1px #ddd solid;  border-top:1px #ddd solid; background:#fff;}
.weizhi{overflow:hidden;width:94%; max-width:1750px; margin:0 auto; font-size:14px; line-height:30px; padding:5px 0 5px;}
.span_right{float:right; font-size:12px;}
.span_page{width:20px; height:20px; background: url(../images/icon5.png) no-repeat left center; margin-right:5px; display:-webkit-inline-box; vertical-align:middle;}
.span_root{width:3px; height:5px; background: url(../images/point.png) no-repeat left center; margin:0 8px; display:-webkit-inline-box;vertical-align:middle;}
@media screen and (max-width:768px) {
#weizhi{margin:45px auto 0;}
.weizhi{padding:5px 0px; font-size:12px; width:94%;}
.span_right{font-size:12px;}
}



/*--------内页左右框架--------*/
.lymain{padding:60px 0; overflow:hidden;}
.lymain_left{float:left; width:65%; margin-right:5%; background:#FFF; padding:2.5%;}

.lymain_right{float:right; width:25%;}
.lymain_right h2{ font-size:20px; line-height:24px; margin-bottom:10px; font-weight:700; color:#000;}
.lymain_right .right_en{ font-size:12px; line-height:20px; color:#999; padding-top:10px; border-top:1px #ddd solid;}
.lymain_right .right_txt{ font-size:14px; line-height:26px; color:#666; padding-top:25px; margin-bottom:100px;}
.lymain_right .right_title{ font-size:16px; font-weight:700; padding-bottom:10px; border-bottom:1px #ddd solid; margin-bottom:5px; color:#000;}
.lymain_right  ul{overflow:hidden;}
.lymain_right  ul li{line-height:55px; font-size:14px; background: url(../images/file.png) left center no-repeat; padding-left:35px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; border-bottom:1px #ddd dotted;}

@media screen and (max-width:768px) {
.lymain{padding:20px 0; overflow:hidden;}
.lymain_left{float:left; width:100%; margin-right:0; padding:0; background:none;}
.lymain_right{float:left; width:100%; margin-top:40px;}
.lymain_right .right_txt{margin-bottom:50px;}
}



/*新闻列表页框架*/
.newspage{padding:60px 0;}
@media screen and (max-width:768px) {
.newspage{padding:10px 0;}	
}

/*新闻列表*/
.newsul{overflow:hidden;}
.newsul li{overflow:hidden; margin-bottom:4%; padding:3%; border:1px #ddd dotted; background:#fff;position: relative;}
.newsul li:last-child {margin-bottom:0%;}
.newsul li:hover{ background:#f8f8f8; cursor:pointer;}
.newsul li:hover h2 {color:#de2220;}
.newsul li img{width:30%; margin-right:2%; float:left;}
.newsul li h2{font-size:18px; line-height:26px; font-weight:600;}
.newsul li h2 a{}
.newsul li:hover h2 a{color:#de2220;}
.newsul li div{color:#666; line-height:24px; font-size:12px;}
.newsul li p{color:#919191; padding:5px 0 5px 0; line-height:20px; font-size:12px;}
.newsul li p span{ margin-right:10px;}
.newsul li .sub {position: absolute; top:0; right:0; width:48px; height:48px; background:url(../images/new.png) no-repeat;  background-size: cover; z-index: 2;}
@media screen and (max-width:768px) {
.newsul li{margin-bottom:4%;}
.newsul li:not(:nth-of-type(2n)){ margin-right:0%;}
.newsul li img{width:100%; margin-bottom:2%; margin-right:0;}
.newsul li h2{font-size:16px; line-height:24px;}

}



/*新闻_产品详情页*/
.news_xxjs{line-height:28px!important; overflow:hidden; font-size:14px;}
.news_xxjs p,.news_xxjs span{line-height:28px!important;}
.news_xxjs td{padding:4px; font-size:12px!important; border:1px #CCCCCC solid;}
.news_xxjs table{width:100!important; margin:10px 0;}
.news_xxjs img{width:auto; max-width:100%;overflow:hidden; margin:0 auto; display:-webkit-inline-box; padding:0px;}

.news_title{text-align:left; padding:10px 0px 10px 0px; font-weight:bold; border-bottom:1px #ddd dotted;}
.news_title h1{font-size:24px; font-weight:bold; color:#000;}
.pubdate{border-top:#ccc 0px dotted; line-height:20px; margin:5px 0 25px 0; OVERFLOW: hidden; text-align:left; font-size:12px; color:#999;}
.pubdate span{margin:0px 20px 0 0;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}

/*相关资讯*/
.Information{overflow:hidden;margin:30px 0 0 0; padding:10px; background:#f5f5f5; border:1px #ddd solid;}
.Information h4{padding-left:10px; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#000; border-bottom:1px solid #ccc; background:#fff;}
.Information ul{ padding:0px;}
.Information li{border-bottom:1px dotted #DCDCDC; line-height:22px;font-size:13px; padding:10px 0;}
.Information li span{float:right; font-size:12px; color:#999999;padding-left:10px; padding-right:10px;}
.Information li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (max-width:768px) {
.newsshow{padding:5%; width:90%; margin:0px; border:0; background:#FFF;}
.news_title{font-size:16px; font-weight:bold; padding:0 0 10px 0;}
.news_title h1{font-size:16px;}
.news_xxjs{font-size:14px!important;}
.news_xxjs p,.news_xxjs span{font-size:14px!important;}
.news_xxjs td{font-size:12px!important;}
.news_xxjs img{max-width:100%; width:auto;}
.news_xxjs table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0px #ddd solid;}
.Information ul li{font-size:12px; padding:10px 0;}
}


/*产品中心*/
.products{margin:60px auto; overflow:hidden;}

.product-category {float:left; width:100%; margin:0px auto 30px;}
.product-category a {display:inline-block; line-height:32px; font-size:14px; height:32px; padding:0 25px; background:#555; margin-left:10px; color:#FFF; border-radius:5px;}
.product-category a:hover{background:#de2220;}

.productsul {}
.productsul li {float:left; width:22.8%; background-color:#fff; box-shadow:0 0 0.6rem 0 #ebebeb; display:block;}
.productsul li:nth-child(n+2) {margin-left:2.933%;}
.productsul li:nth-child(4n+1){margin-left:0;}
.productsul li:nth-child(n+5) {margin-top:2.933%;}
.productsul li .title {line-height:24px; color:#555457; text-align:left; padding:10px 15px;}
.productsul li .title h2{font-size:14px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; height:24px; line-height:24px;}
.productsul li .title p{font-size:12px; color:#999; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; height:20px; line-height:20px;}
.productsul li a {position:relative; display:block;}
.productsul li:hover {box-shadow:0 0 0.6rem 0 #ddd}
.productsul li:hover .title h2{color:#de2220;} 

.productsul li .imgbox .mask, .productsul li .imgbox .view {position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; opacity:0;}
.productsul li .imgbox .mask {bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3);}
.productsul li .imgbox .view {top:50%; left:50%; margin:-26px 0 0 -24px; width:48px; height:48px; background:url(../images/view.png) no-repeat; -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.productsul li .imgbox:hover .mask, .productsul li .imgbox:hover .view {opacity:1;}
.productsul li .imgbox:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1);}
@media screen and (max-width:768px) {
.products{margin:10px auto;}
.productsul li .title h2{font-size:14px;}
.productsul li {width:49%;}
.productsul li:nth-child(n+2) {margin-left:0;}
.productsul li:nth-child(2n) {margin-left:2%;}
.productsul li:nth-child(n+3) {margin-top:2%;}
.productsul li .imgbox  .mask, .productsul li .imgbox .view {display:none;}
}



/*关于我们*/
.about_txt{ font-size:12px; line-height:24px; margin-bottom:80px;}
.about_txt h2{ font-size:18px; font-weight:700; padding-bottom:8px; border-bottom:1px #ddd dotted; margin-bottom:8px; color:#de2220;}
.about_txt:last-child {margin-bottom:0;}
@media screen and (max-width:768px) {
.about_txt{margin-bottom:40px;}
}


.sitemap{overflow:hidden; background:#FFF; padding:20px; border:1px #ddd solid;}
.sitemap h2 {padding:5px; font-size:16px; font-weight:bold; color:#34a7ff;}
.sitemap h2 a{color:#34a7ff;}
.sitemap h2 a:hover{color:#ff6600;}
.sitemap ul{ overflow:hidden; margin-bottom:15px; padding:6px 10px; background:#fafafa; border:1px #ddd dotted;}
.sitemap ul h3 {font-size:14px; padding-bottom:5px; border-bottom:1px #ddd dotted; margin-bottom:5px; line-height:24px; font-weight:600;}
.sitemap ul li{float:left; width:auto; margin-right:25px; font-size:14px; line-height:24px;}



/*知识堂*/
.zhidao{overflow:hidden;}
.zhidao ul{overflow:hidden;}
.zhidao ul li{border-bottom:1px dotted #dddddd; line-height:20px; padding:10px 0px;}
.zhidao ul li a{}
.zhidao ul li span{float:right; font-size:11px; color:#999999;padding-left:100px;}

.rightzhidao{ margin-top:30px;}
.rightzhidao a{ display:block; line-height:20px; margin-bottom:10px; font-size:12px; color:#999;}
.rightzhidao a:hover{color:#ff0000;}