@charset "utf-8";

/* Basic Set */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td{padding:0;margin:0;}
fieldset,img,abbr,acronym{border:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{/*font-weight:normal;*/font-size:100%;}
a{color:#333;text-decoration:none}
a:hover{color:#00c1de;text-decoration:none}
img{margin:0; padding:0;}
.img-loading {background:#eee url(../images/loading.gif) no-repeat center center;}
.c,.clear{clear:both;height:0;font-size:1px;line-height:0; visibility:hidden;}
.none{display:none}
input,select,textarea{outline:none}
button{ border:none;outline:none; cursor:pointer;}
.closed{ display:none !important;}
.opened{ display: inline-block !important;}
.display-inline{ display: inline !important;}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-family: inherit;font-weight: 500;line-height: 1.1;color: inherit;}
h1,.h1,h2,.h2,h3,.h3 {margin-top: 20px;margin-bottom: 10px;}
h4,.h4,h5,.h5,h6,.h6 {margin-top: 10px;margin-bottom: 10px;}
h1,.h1 {font-size: 36px;}
h2,.h2 {font-size: 30px;}
h3,.h3 {font-size: 24px;}
h4,.h4 {font-size: 18px;}
h5,.h5 {font-size: 14px;}
h6,.h6 {font-size: 12px;}

/*字体、字号设置*/
.font-size16{ font-size:16px}
.font-size24{ font-size:24px}
.font-size30{ font-size:30px}
.high-light{font-family:Georgia, "Microsoft Yahei",微软雅黑;color: #F30;font-weight:700;}




.row:after,.row:before {clear:both;display:table;content:" "}
/*全局*/
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
/*1440及以下生效*/
@media (max-width: 1440px) {
.m-col-1 {width: 8.33%;}
.m-col-2 {width: 16.66%;}
.m-col-3 {width: 25%;}
.m-col-4 {width: 33.33%;}
.m-col-5 {width: 41.66%;}
.m-col-6 {width: 50%;}
.m-col-7 {width: 58.33%;}
.m-col-8 {width: 66.66%;}
.m-col-9 {width: 75%;}
.m-col-10 {width: 83.33%;}
.m-col-11 {width: 91.66%;}
.m-col-12 {width: 100%;}
.m-hidden{display:none}
}
/*1280及以下生效*/
@media (max-width: 1280px) {
.sm-col-1 {width: 8.33%;}
.sm-col-2 {width: 16.66%;}
.sm-col-3 {width: 25%;}
.sm-col-4 {width: 33.33%;}
.sm-col-5 {width: 41.66%;}
.sm-col-6 {width: 50%;}
.sm-col-7 {width: 58.33%;}
.sm-col-8 {width: 66.66%;}
.sm-col-9 {width: 75%;}
.sm-col-10 {width: 83.33%;}
.sm-col-11 {width: 91.66%;}
.sm-col-12 {width: 100%;}
.sm-hidden{display:none}
}
/*1024及以下生效*/
@media (max-width: 1024px) {
.s-col-1 {width: 8.33%;}
.s-col-2 {width: 16.66%;}
.s-col-3 {width: 25%;}
.s-col-4 {width: 33.33%;}
.s-col-5 {width: 41.66%;}
.s-col-6 {width: 50%;}
.s-col-7 {width: 58.33%;}
.s-col-8 {width: 66.66%;}
.s-col-9 {width: 75%;}
.s-col-10 {width: 83.33%;}
.s-col-11 {width: 91.66%;}
.s-col-12 {width: 100%;}
.s-hidden{ display:none}
}
/*768及以下生效*/
@media (max-width: 768px) {
.xs-col-1 {width: 8.33%;}
.xs-col-2 {width: 16.66%;}
.xs-col-3 {width: 25%;}
.xs-col-4 {width: 33.33%;}
.xs-col-5 {width: 41.66%;}
.xs-col-6 {width: 50%;}
.xs-col-7 {width: 58.33%;}
.xs-col-8 {width: 66.66%;}
.xs-col-9 {width: 75%;}
.xs-col-10 {width: 83.33%;}
.xs-col-11 {width: 91.66%;}
.xs-col-12 {width: 100%;}
.xs-hidden{ display:none}
}




/*---框架---*/
body {
	font-family:"Microsoft Yahei",微软雅黑,"Helvetica Neue",Arial,sans-serif; font-size:12px;
	background:#FFF;
}
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'feathericons';
	src:url('../fonts/feathericons/feathericons.eot?-8is7zf');
	src:url('../fonts/feathericons/feathericons.eot?#iefix-8is7zf') format('embedded-opentype'),
		url('../fonts/feathericons/feathericons.woff?-8is7zf') format('woff'),
		url('../fonts/feathericons/feathericons.ttf?-8is7zf') format('truetype'),
		url('../fonts/feathericons/feathericons.svg?-8is7zf#feathericons') format('svg');
}
.container-fluid {
  padding: 0;
  margin-right: auto;
  margin-left: auto;
}

.container {
	padding:0 10px;
    margin-right: auto;
    margin-left: auto;
}
@media screen and  (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}
@media (max-width: 1200px) {
  .container {
    width: 100%;
  }
}


.position-elative{
	position:relative
}
/* Basic Set end================ */

/* 对齐设置----------------*/
.text_align_left{ text-align:left !important}
.text_align_right{ text-align:right !important}
.text_align_center{ text-align:center !important}

/* 浮动设置----------------*/
.float_left{ float:left !important}
.float_right{ float:right !important}
.float_none{ float:none !important}







/* mainbox元素----------------*/
.box{ float:left;position:relative;
	background:#fff;
	padding:15px;margin-bottom:20px; 
	-webkit-box-shadow:rgba(16,36,94,0.3) 0px 2px 5px 0px;-moz-box-shadow:rgba(16,36,94,0.3) 0px 2px 5px 0px;box-shadow:rgba(16,36,94,0.3) 0px 2px 5px 0px;
}
.box .box-title{ width:100%; height:30px;font-size:16px; line-height:30px; padding-left:10px;margin-bottom:20px; border-left:2px solid #00c1de;}
.box-style1{ padding:10px 15px 15px; background: #FFF url(../images/box-bg.png) repeat-x; border-radius:5px; box-shadow:none}
.box-style2{ padding:10px 15px 15px; background: #FFF url(../images/box-bg2.png) repeat-x; border-radius:5px; box-shadow:none}
.box-style3{ padding:10px 15px 15px; background: #FFF url(../images/box-bg3.png) repeat-x; border-radius:5px; box-shadow:none}
.box .box-title1{ width:100%; height:30px;font-size:16px;ine-height:30px; color:#FFF;text-align:center;margin-bottom:20px;}
.box .box-title span{ font-size:12px; color:#999}
.box .box-tip{ width:100%; height:20px;font-size:14px; line-height:20px; padding-left:10px;margin-bottom:20px;color:#F63}
.box .box-tip:before{ content:'Tip: '}
.box-col-1 {width: 7.33%; margin-right:1%;}
.box-col-2 {width: 15.66%;margin-right:1%;}
.box-col-3 {width: 24%;margin-right:1%;}
.box-col-4 {width: 32.33%;margin-right:1%;}
.box-col-5 {width: 40.66%;margin-right:1%;}
.box-col-6 {width: 49%;margin-right:1%;}
.box-col-7 {width: 57.33%;margin-right:1%;}
.box-col-8 {width: 65.66%;margin-right:1%;}
.box-col-9 {width: 74%;margin-right:1%;}
.box-col-10 {width: 82.33%;margin-right:1%;}
.box-col-11 {width: 90.66%;margin-right:1%;}
.box-col-12 {width: 100%;}
/*1440及以下生效*/
@media (max-width: 1440px) {
.m-box-col-1 {width: 7.33%; margin-right:1%;}
.m-box-col-2 {width: 15.66%;margin-right:1%;}
.m-box-col-3 {width: 24%;margin-right:1%;}
.m-box-col-4 {width: 32.33%;margin-right:1%;}
.m-box-col-5 {width: 40.66%;margin-right:1%;}
.m-box-col-6 {width: 49%;margin-right:1%;}
.m-box-col-7 {width: 57.33%;margin-right:1%;}
.m-box-col-8 {width: 65.66%;margin-right:1%;}
.m-box-col-9 {width: 74%;margin-right:1%;}
.m-box-col-10 {width: 82.33%;margin-right:1%;}
.m-box-col-11 {width: 90.66%;margin-right:1%;}
.m-box-col-12 {width: 100%;}
}
/*1280及以下生效*/
@media (max-width: 1280px) {
.sm-box-col-1 {width: 7.33%; margin-right:1%;}
.sm-box-col-2 {width: 15.66%;margin-right:1%;}
.sm-box-col-3 {width: 24%;margin-right:1%;}
.sm-box-col-4 {width: 32.33%;margin-right:1%;}
.sm-box-col-5 {width: 40.66%;margin-right:1%;}
.sm-box-col-6 {width: 49%;margin-right:1%;}
.sm-box-col-7 {width: 57.33%;margin-right:1%;}
.sm-box-col-8 {width: 65.66%;margin-right:1%;}
.sm-box-col-9 {width: 74%;margin-right:1%;}
.sm-box-col-10 {width: 82.33%;margin-right:1%;}
.sm-box-col-11 {width: 90.66%;margin-right:1%;}
.sm-box-col-12 {width: 100%;}
}
/*1024及以下生效*/
@media (max-width: 1024px) {
.s-box-col-1 {width: 7.33%; margin-right:1%;}
.s-box-col-2 {width: 15.66%;margin-right:1%;}
.s-box-col-3 {width: 24%;margin-right:1%;}
.s-box-col-4 {width: 32.33%;margin-right:1%;}
.s-box-col-5 {width: 40.66%;margin-right:1%;}
.s-box-col-6 {width: 49%;margin-right:1%;}
.s-box-col-7 {width: 57.33%;margin-right:1%;}
.s-box-col-8 {width: 65.66%;margin-right:1%;}
.s-box-col-9 {width: 74%;margin-right:1%;}
.s-box-col-10 {width: 82.33%;margin-right:1%;}
.s-box-col-11 {width: 90.66%;margin-right:1%;}
.s-box-col-12 {width: 100%;}
}
/*768及以下生效*/
@media (max-width: 768px) {
.xs-box-col-1 {width: 7.33%; margin-right:1%;}
.xs-box-col-2 {width: 15.66%;margin-right:1%;}
.xs-box-col-3 {width: 24%;margin-right:1%;}
.xs-box-col-4 {width: 32.33%;margin-right:1%;}
.xs-box-col-5 {width: 40.66%;margin-right:1%;}
.xs-box-col-6 {width: 49%;margin-right:1%;}
.xs-box-col-7 {width: 57.33%;margin-right:1%;}
.xs-box-col-8 {width: 65.66%;margin-right:1%;}
.xs-box-col-9 {width: 74%;margin-right:1%;}
.xs-box-col-10 {width: 82.33%;margin-right:1%;}
.xs-box-col-11 {width: 90.66%;margin-right:1%;}
.xs-box-col-12 {width: 100%;}
}
.box-close{position: absolute;top: 10px;right: 10px;width: 24px;height: 24px;text-align: center;font-size: 24px;line-height: 24px;cursor: pointer;}
.box-close:before{content:'×';font-weight: bold;color: #999;}


.logo{height:82px;background: url(../images/nav_logo.png) no-repeat center top / contain; margin:60px auto 30px;}

/* start navigation */
.navbar {
	height:40px;
	line-height:40px;
	margin:10px 0;
	color:#666;
	text-align:center;
}
.navbar a{ color:#666 ; font-size:14px; font-weight:500; margin:0 30px;}
.navbar a:hover{ color:#999}

/* end navigation */

.cate{ overflow:hidden;border-top:1px solid #CCC;border-bottom:1px solid #CCC}
.cate-cover{ float:left; width:100%; margin:5px auto;}
.cate-cover img{width:100%;}

/* start about */
.about{width:100%;color: #333;padding:60px 0 100px;text-align: center;}
.about .logo-about{ width:100%;height:66px; margin:0 auto 40px;background:url(../images/logo-about.png) no-repeat center center / contain;}
.about h1
    {
        font-size: 60px;
        font-weight: bold;
        line-height: 1em;
        letter-spacing: 2px;
        padding-top: 10px;
		margin-bottom:40px;
    }
.about .photo{ margin:10px auto;}
.about .photo img{ width:100%;border-radius:50%}
.about p{ font-size:20px;line-height:30px; margin-bottom:15px;}
.about-link{ float:left; width:100%; margin-top:30px;text-align:center}
.aboutme{font-size:14px; color:#333; font-weight:500;padding:20px;border:2px #005225 solid;}
.aboutme:hover{ color:#005225; background:#BEDE7C}
@media (max-width: 1280px) {
.about{ padding:30px 30px 60px;}
.about h1{font-size: 30px;}
.about p{ font-size:16px;line-height:20px; margin-bottom:10px;}
}
@media (max-width: 1024px) {
.about{ padding:30px 30px 60px;}
.about h1{font-size: 24px;}
.about p{ font-size:14px;line-height:20px; margin-bottom:10px;}
}

/* end about */

/* start blog */
.blog{width:100%;color: #333;padding:60px 0 100px; overflow:hidden}
.blog .logo-blog{ width:100%;height:66px; margin:0 auto 40px;background:url(../images/logo-blog.png) no-repeat center center / contain;}
.blog li{ float:left; height:260px;text-align:left; padding:20px; overflow:hidden}
.blog li h6{ color:#999;margin:20px 0; letter-spacing:1px;}
.blog li p{}
.blog li p img{ float:left; width:25%;object-fit: cover;}
.blog li p span{ float:left; width:75%; padding-left:20px; padding-top:20px; font-size:14px; color:#999;text-align:center;}


/* end blog */


/* start contact */
.contact{padding:30px 0 50px; margin-top:40px;background: #E9E9E9;overflow:hidden}
.contact .logo-center{ width:100%;height:66px; margin:0 auto 40px;background:url(../images/logo-contact.png) no-repeat center center / contain;}
.contact li{ float:left; color:#005225; line-height:32px; font-size:14px;text-align:center}
.contact li img{ width:24px; height:24px}
.contact a{ color:#005225}
.contact a:hover{ color:#005225}


/* end contact */

/* start footer */
.footer{padding:20px 0;background: #999;overflow:hidden}
.footer p{ position:relative;text-align:center; color:#EAEAEA;}
.footer a{ color:#FFF;}
.footer .friend-link{ position:absolute; top:100px;}
/* end footer */

/*filter css*/
.filter-wrapper {
    width: 100%;
    margin: 30px 0 24px 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
}
.filter-wrapper li {
    display: inline-block;
    margin: 15px;
    transition: all 0.3s ease;
}
.filter-wrapper li a {
    color: #666;
	font-size:14px;
	font-weight:600;
	letter-spacing:1px;
    padding: 12px 25px;
    display: block;
    text-decoration: none;
}
.filter-wrapper li a span{ font-size:12px; font-weight:normal}
.filter-wrapper li:hover {background: #005225;}
.filter-wrapper li:hover a {color: #fff;}
.filter-wrapper .selected{background: #005225;color: #fff;}



/*产品列表=====================*/
.product-view{width:100%; height:auto; overflow:hidden;}
.product-view li{float: left;width:30%; height:auto;margin:20px 1.5%;}
.thumb {position: relative;display: block;width:100%; height:0; padding-bottom:75%; overflow:hidden}
.thumb img {display:block;width: 100%;object-fit: cover;}
.thumb .thumb-cover{position: absolute; top:0; left:0; width:100%; height:100%; background:#000;opacity: 0;transition: .5s;}
.product-info:hover .thumb-cover{opacity: 0.5;transition: .5s;}
.thumb .thumb-cover-top{position: absolute;top:-100%;left:0;width:100%; height:100%;background:url(../images/logo_cover.png) no-repeat top center;opacity: 0.7;transition: .5s;}
.product-info:hover .thumb-cover-top{position: absolute;top:20%;transition: .5s;}
.thumb .thumb-cover-bottom{position: absolute;bottom:-100%;left:0;width:100%; height:40px; width:100%; text-align:center; font-size:12px; color:#FFF; font-weight:600;transition: .5s;}
.product-info:hover .thumb-cover-bottom{position: absolute;bottom:25px;transition: .5s;}
.thumb .thumb-cover-bottom P{ color:#DFDFDF;font-size:10px; font-weight:normal}

@media (max-width: 768px) {
.product-view li{width:45%;height:auto;margin:10px 2%;}
.thumb{ width:100%; height:auto}
}
/*产品列表结束=====================*/

/*文章、单页面内容=====================*/
.content{ border-top:1px solid #CCC; margin:30px auto 50px; padding:20px;font-size:14px; line-height:24px;overflow:hidden;}
.content a{text-decoration:underline}
.content p{text-indent:16px; margin-bottom:10px}
.content img{ max-width:100%}

/* 内页部分================================================ */
.container-content1{
	position: relative;
	width:100%;
	height:auto;
	padding:15px 0;
}
.container-content1 img {
	max-width:100%;
}
.content-info{
	position:relative;
	width:100%;
	padding:20px;
	border-bottom:1px solid #E5E5E5;
	border-top:1px solid #E5E5E5;
	margin:10px auto;
	overflow:hidden;
}
/* 新闻文章 */
.content-info > .content-view{
	float:left;
	max-width:30%;
	max-height:270px;
	margin-right:1%;
}

.content-info > .content-title{
	float:right;
	width:69%;
	height:auto;
	text-align:center;
}

.content-info > .content-title span{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;font-size:12px;color:#999;margin-right:20px;}
.main-content{width:100%; padding:30px; overflow:hidden}
.main-content p{text-indent:16px;margin-bottom:10px;line-height:24px;}
.main-content img {max-width:100%;}


/* 产品内页 */
.product{ margin:50px auto;}
.product-cover{ float:left; padding:30px}
.product-cover img{ width:100%}

.product-detail{ float:left; padding:30px; color: #666}
.product-detail .product-title{ text-align:center; padding:30px 0; font-size:16px;border-top:1px solid #CCC;border-bottom:1px solid #CCC}
.product-detail .product-details{padding:5px 0; font-size:12px;}
.product-detail .product-description{padding:5px 0; font-size:12px; line-height:20px}
.product-detail .product-price{ text-align:center; padding:30px 0; font-size:12px;border-top:1px solid #CCC;border-bottom:1px solid #CCC}
.product-detail .product-price span{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;color:#F8987C; font-size:16px; font-weight:600; padding:0 10px; letter-spacing:2px}

.container-content1{ width:100%;padding:10px 30px 30px; font-size:14px; line-height:24px; overflow:hidden}
.container-content1 img{max-width:100%;display: inline-block; margin:0 auto;}

/* 产品内页结束 */



/*分页---------*/

#pageination{ float:left; width:100%; margin-top:20px}
#pageination a{ float:left;display:inline-block;width:30px; height:30px; line-height:30px; text-align:center; color:#00BAD6;margin:8px 2px 0;}
#pageination a:hover{cursor: pointer; background:#00BAD6;text-decoration:none;color:#FFF;}
#pageination .span_page{ float:left; height:30px; line-height:30px;margin:8px 5px 0 0; padding:0 5px;}
#pageination .A_page_disabled{ cursor:default; text-decoration:none; color:#CCC}
#pageination .A_page_current{cursor:pointer; background:#00BAD6;text-decoration:none;color:#FFF;}

/* 列表页 end==========================================================================================*/