@charset "utf-8";
/* CSS Document 全局*/
*, ::after, ::before {-moz-box-sizing: border-box;box-sizing: border-box;}
html,body {height: 100%;min-height: 100%;margin: 0;font-weight: 300; color:#333}
html, body, div,h1, h2, h3, h4, h5, h6,hr, p, blockquote,dl, dt, dd, ul, ol, li,pre, form, fieldset, object, code,legend, button, input, textarea, label,th, td, a, img {
margin: 0;padding: 0;border: 0;outline: 0;}
body {font: 14px/1.5 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft YaHei', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif';}
/*清除内外边距*/
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
/*设置默认字体*/
:focus {outline: 0;}
.search-select select:focus {outline: none;}
 
ul,ol,li{list-style: none;}
/*重置列表*/
fieldset, img {border: 0 none;vertical-align: top;}
img{ width:100%; max-width:100%; height:100%;}
/*重置图片元素*/
address, caption, cite, code, dfn, em, i, th, var, optgroup {font-style: normal;font-weight: normal;}
abbr, acronym {border: 0;font-variant: normal;}
input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
code, kbd, samp, tt {font-size: 100%;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
.search_input{ width: 150px;
    height: 30px;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    padding-left: 5px;
	padding-top:10px;
    font-size: 13px;
  }
 textarea{*font-size: 100%;outline: none;}

.search_select {height: 30px;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    padding-left: 5px;
	padding-top:10px;
    font-size: 13px;;outline: none;}




.search_button{
    width: 60px;
    color: #fff;
    border: 0;
    text-align: center;
    background-color: #249622;
    border-radius: 0 2px 2px 0;
    font-size: 16px;
	height:40px;
}
textarea {resize: none;}
table {border-collapse: collapse;border-spacing: 0;}
/*重置表格*/
blockquote, q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
/*a 链接*/
a,a:focus {	outline: none; text-decoration:none}

.fl{ float:left;}
.fr{ float:right}
.container{ width:80%;margin:0 auto; max-width:1200px;}
.page-padding,.page-box,.webmap{ padding:3rem 0 1rem 0; overflow:hidden; width:100%}
.xian{ border: 1px solid #d5d5d5;
    border-radius: 4px;
    line-height: 35px;
    margin-bottom: 12px;}
.product-main{ background:#f5f8f9}
/*头部*/
.top{ height:32px;background:#333; position:relative; z-index:8; line-height:32px;display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap; color:#fff; overflow: hidden}
.top .top_fl{ background:#249622;height:32px; left:0; top:0}
.top .container{ background:#333; height:32px; position:relative; z-index:1}
.top .top_fl, .top .top_fr,.fl.bottom-fl,.fr.bottom-fr{width:50%; position:absolute}
.top .container .fl{background:#d70c25 url(../images/icon/top.png) right center no-repeat; padding:0 10rem 0 0}
.top .container .fl b{ font-size:1.15rem}
.top_link li{ float:left; padding-left:20px; position:relative}
.top_link li a{padding:0 0 0 25px; color:#ccc}
.top_link li.mall::before{display:block; width:20px; height:17px; position:absolute; padding-top:25px;content: '';background:url(../images/icon/icon.png) no-repeat;background-position:-2px 5px}
.top_link li.college::before{display:block; width:20px; height:17px; position:absolute; padding-top:25px;content: '';background:url(../images/icon/icon.png) no-repeat;background-position:-3px -21px}
.top_link li.jz{background:url(../images/icon/jz.png) no-repeat 21px;}




/*首页产品中心*/
.container .index-tit{ font-size:2.25rem; font-weight:bold}
.container .common-tit{ position:relative; overflow:hidden}
.container .common-tit::before{ position:absolute; background:#249622;top:37%; left:170px; z-index:0; height:12px;z-index:-1; width:8px; display:block;content: '';}
.container .common-tit::after{ position:absolute; background:#e6ebef; width:100%; top:37%; left:185px; z-index:-1; height:12px; display:block;content: '';}
.index-tit-txt{ font-size:1rem; color:#666}
.index-tab-main{ margin-top:2rem; padding:1px}
.index-pro-main li{width:31%; margin-right:1.5%; float:left;margin-bottom:2.5%;}
.index-pro-main li a{ color:#fff}
.index-pro-main li:last-child{ margin-right:0}
.index-pro-main li .tit{ background:#fff;-moz-box-shadow:0px 0px 5px 2px #ccc;-webkit-box-shadow:0px 0px 5px 2px #ccc;box-shadow:0px 0px 5px 2px #ccc;text-align:center;padding:1.25rem 0;color:#666}
.index-pro-main li h2{ font-size:1.15rem; font-weight:bold; color:#333}
.index-pro-main li:hover .stars-info{ display:block; bottom:70%;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.index-pro-main li .stars-info h2{ color:#fff}
.index-pro-main li .stars-info hr{ background:#fff; width:40px; margin:1.25rem auto; height:3px;}
.index-pro-main li .stars-info .shuffer-link{ width:80%; margin:0 auto; text-align:left}
.index-pro-main li .stars-info .shuffer-link h3 a{ color:#fff; background: url(../images/icon/arrow_white.png) right center no-repeat; display:block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;float: left;width: 95%;margin-bottom:10px; letter-spacing:1px}
.index-pro-main li .stars-info .shuffer-link h3 a:hover{ text-decoration:underline}
.index-pro-main.index-tab-main li .img{box-shadow: 0px 0px 2px 1px #CCC;}
.index-pro-main.index-tab-main li .img img{ height:auto}



@media screen and (max-width:768px){

.index-pro-main li{ width:100%; margin-bottom:1rem; margin-right:0}
.index-pro-main li .img,.index-pro-main li .tit{ display:table-cell; vertical-align:middle; width:50%}
.index-pro-main li .shuffer-link h3{ width:50%}
.ProductList.patent-box li{ height:310px;}
	}


/*鼠标触发背景上升变色*/
.shuffer-up{ position:relative}
.shuffer-bg {height: 0px;width: 100%;position: absolute;bottom: 0;opacity:0;-webkit-transition: all linear 300ms;transition: all linear 300ms;}
.shuffer-up:hover .shuffer-bg{height: 100%;background-color: #249622; opacity:1;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.stars-info {height: 180px;position: absolute;bottom: 0;text-align: center;width: 100%;-webkit-transition: all linear 500ms;transition: all linear 500ms;color: #fff;opacity:0;}
.shuffer-up:hover .stars-info {height: 20%;border-bottom:none;-webkit-transition: all linear 500ms;transition: all linear 500ms;opacity:1; display:block}
.shuffer-link{opacity:0;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.shuffer-up:hover .stars-info{opacity:1;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.shuffer-up:hover .shuffer-link{opacity:1;-webkit-transition: all linear 800ms;transition: all linear 800ms;}