@CHARSET "UTF-8";
body{padding-top: 70px; background: #f0f0f0;}
body.body-white{background: #fff;}
.navbar-fixed-top, .navbar-fixed-bottom{ position: fixed;}
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top{margin-right: 0px; margin-left: 0px;}
.navbar .nav .user{padding: 0; line-height: 70px;}
.navbar .nav .user .headicon{margin: 0 5px; height: 30px;}
.navbar .nav .user .caret{vertical-align: middle; margin: 0 5px;}
/*tc widget*/
.tc-main{margin-top: 20px;}
/*tc-box*/
.tc-box{background: #fff; padding: 5px 10px; margin: 0 0 10px 0;}
.body-white .tc-box{border: solid 1px #eee;}
.tc-box.first-box{margin: 0 0 10px 0;}
.tc-box.article-box{padding: 5px 20px;}
/*tc-box end */
/* The blog boxes */
/*.tc-gridbox {
  background-color: #ececec;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0px 1px 1px #a8a8a8;
  -moz-box-shadow: 0px 1px 1px #a8a8a8;
  box-shadow: 0px 1px 1px #a8a8a8;
  margin-bottom: 40px;
}*/
.tc-gridbox-container{width: 25%; float: left;}
.tc-gridbox{-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: solid 1px #eee; background: #fff; cursor: pointer;}
.tc-gridbox{margin: 0 10px 20px 10px;}
.tc-gridbox:hover{-webkit-box-shadow: 0 0 10px 1px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0 0 10px 1px rgba(50, 50, 50, 0.1); box-shadow: 0 0 10px 1px rgba(50, 50, 50, 0.1);}
.tc-gridbox a{text-decoration: none;}

.tc-gridbox .header{padding-top: 0px; padding-right: 0px; padding-left: 0px; text-align: center; background: #fff;}
.tc-gridbox .footer{padding: 5px 14px 5px 14px; text-align: right; background: #fff;}
.tc-gridbox .header .item-image{overflow: hidden; width: 100%; height: 0; padding-bottom: 100%;}
.tc-gridbox .header img {margin-bottom: 5px;width: 100%;
    /*-webkit-transition: all 0.8s ease-in-out;*/
    /*-moz-transition: all 0.8s ease-in-out;*/
    /*-o-transition: all 0.8s ease-in-out;*/
    /*-ms-transition: all 0.8s ease-in-out;*/
    /*transition: all 0.8s ease-in-out;*/
}
.tc-gridbox .header img:hover {
    /*-webkit-transform: scale(1.2) rotate(2deg);*/
    /*-moz-transform: scale(1.2) rotate(2deg);*/
    /*-o-transform: scale(1.2) rotate(2deg);*/
    /*-ms-transform: scale(1.2) rotate(2deg);*/
    /*transform: scale(1.2) rotate(2deg);*/
}
.tc-gridbox .header h3{color: #454a4e; margin: 0 5px; font-size: 16px; text-overflow: ellipsis; overflow: hidden; line-height: 24px;}
.tc-gridbox .header h3 a,.tc-gridbox .header h3 a:focus,.tc-gridbox .header h3 a:hover{color: #454a4e; white-space: nowrap;}
.tc-gridbox .header .meta{color: #5a6065;}
.tc-gridbox .header hr{border-top-color: #eee; border-bottom: none; margin: 5px 0;}
.tc-gridbox .body{padding-right: 14px; padding-left: 14px; margin-bottom: 14px; color: #343a3f;}
.tc-gridbox .body a{color: #666;}
.tc-gridbox .body a:hover{color: #428bca;}
.tc-gridbox .btn{float: right; margin-right: 10px; margin-bottom: 18px;}
/*masonary*/
.masonary-container .item{margin-bottom: 20px;}
.masonary-container .item h3{line-height: 100%;}
.masonary-container .grid-sizer, .masonary-container .item{width: 24.9%; margin: 10px 0.05%; float: left; zoom: 1;}

/*list Boxes------------------------------------*/
.list-boxes{overflow: hidden; padding: 15px 20px; margin-bottom: 25px; background: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; word-wrap: break-word; word-break: break-all; border: solid 1px #eee;}
.list-boxes:hover{border: solid 1px #ddd;}
.list-boxes h2 a{color: #555;}
.list-boxes:hover h2 a{color: #0565DD;}
.list-boxes .list-actions a{font-size: 16px; text-decoration: none;}
.list-boxes p a{color: #72c02c;}
.list-boxes .list-boxes-img li i{color: #72c02c; font-size: 12px; margin-right: 5px;}
.list-boxes .list-boxes-img img{display: block; margin: 5px 10px 10px 0;}
.list-boxes h2{margin-top: 0; font-size: 20px; line-height: 20px;}
.list-boxes ul.list-boxes-rating li{display: inline;}
.list-boxes ul.list-boxes-rating li i{color: #f8be2c; cursor: pointer; font-size: 16px;}
.list-boxes ul.list-boxes-rating li i:hover{color: #f8be2c;}
/*list Colored Boxes*/
.list-boxes-colored p,.list-boxes-colored h2 a,.list-boxes-colored .list-boxes-img li,.list-boxes-colored .list-boxes-img li i { color: #fff;}
/*Red list Box*/
.list-boxes-red{background: #e74c3c;}
/*Blue list Box*/
.list-boxes-blue{background: #3498db;}
/*Grey list Box*/
.list-boxes-grey{background: #95a5a6;}
/*Turquoise list Box*/
.list-boxes-sea{background: #1abc9c;}
/*Turquoise Top Bordered list Box*/
.list-boxes-top-sea{border-top: solid 2px #1abc9c;}
.list-boxes-top-sea:hover{border-top-color: #16a085;}
/*Yellow Top Bordered list Box**/
.list-boxes-top-yellow{border-top: solid 2px #f1c40f;}
.list-boxes-top-yellow:hover{border-top-color: #f39c12;}
/*Orange Left Bordered list Box**/
.list-boxes-left-orange{border-left: solid 2px #e67e22;}
.list-boxes-left-orange:hover{border-left-color: #d35400;}
/*Green Left Bordered list Box**/
.list-boxes-left-green{border-left: solid 2px #72c02c;}
.list-boxes-left-green:hover{border-left-color: #5fb611;}
/*Green Right Bordered list Box**/
.list-boxes-right-u{border-right: solid 2px #72c02c;}
.list-boxes-right-u:hover{border-right-color: #5fb611;}
/*comments*/
.comment{margin-bottom: 10px;}
.comment .avatar{height: 40px; width: 40px;}
.comment-body{overflow: hidden;}
.comment-content{padding-bottom: 2px; word-break: break-all; word-wrap: break-word;}
.comment > .pull-left{margin-right: 10px;}
.comment .time{color: #ccc; font-size: 12px; line-height: 14px;}
.comment-postbox-wraper{}
.comment-postbox{width: 100%; padding: 10px;}
.comment-reply-box{position: relative;}
.comment-reply-box .textbox{width: 100%}
.comment-reply-submit .btn{margin-top: 20px;}
/*ranking box*/
.ranking ul li{padding: 5px 0; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dashed #f0f0f0;}
.ranking ul.unstyled li i{margin-right: 5px;}
.ranking li i{display: inline-block; width: 20px; height: 20px; line-height: 20px; margin-right: 15px; font-style: normal; font-weight: bold; color: #FFF; text-align: center; vertical-align: middle; background-color: #aaa;}
.ranking li.top3 i{background: #008000;}
/*comment ranking box*/
.comment-ranking .comment-ranking-inner{padding: 10px; background: #f7f7f7; position: relative; margin-bottom: 10px; /*border-top: solid 2px #eee;*/}
.comment-ranking .comment-ranking-inner,.comment-ranking .comment-ranking-inner:after,.comment-ranking .comment-ranking-inner:before{transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.comment-ranking .comment-ranking-inner:after,.comment-ranking .comment-ranking-inner:before{width: 0; height: 0; right: 0px; bottom: 0px; content: " "; display: block; position: absolute;}
.comment-ranking .comment-ranking-inner:after{border-top: 15px solid #eee; border-right: 15px solid transparent; border-left: 0px solid transparent; border-left-style: inset; /*FF fixes*/ border-right-style: inset; /*FF fixes*/}
.comment-ranking .comment-ranking-inner:before{border-bottom: 15px solid #fff; border-right: 0 solid transparent; border-left: 15px solid transparent; border-left-style: inset; /*FF fixes*/ border-bottom-style: inset; /*FF fixes*/}
.comment-ranking .comment-ranking-inner:hover{border-color: #FC9B0B; border-top-color: #FC9B0B; background: #f0f0f0;}
.comment-ranking .comment-ranking-inner:hover:after{border-top-color: #FC9B0B;}
.comment-ranking .comment-ranking-inner span.comment-time{color: #777; display: block; font-size: 11px;}
.comment-ranking .comment-ranking-inner a{text-decoration: none;}
.comment-ranking .comment-ranking-inner a:hover{text-decoration: underline;}
.comment-ranking .comment-ranking-inner i.fa{top: 2px; color: #bbb; font-size: 18px; position: relative;}
/*ThinkCMF Photos*/
ul.tc-photos{margin: 0;}
.tc-photos li{display: inline;}
.tc-photos li a{text-decoration: none;}
.tc-photos li img{opacity: 0.6; width: 50px; height: 50px; margin: 0 2px 8px; border: 1px solid #ddd;}
.tc-photos li img:hover{opacity: 1; border: 1px solid #f90; /* box-shadow: 0 0 0 1px #f90; */}
/*Blog Posts------------------------------------*/
.posts .dl-horizontal a{}
.posts .dl-horizontal{margin-bottom: 15px; overflow: hidden;}
.posts .dl-horizontal dt{width: 60px; float: left;}
.posts .dl-horizontal dt .img-wraper{display: block; width: 55px; height: 55px; padding: 1px; margin-top: 2px; border: solid 1px #ddd;}
.posts .dl-horizontal dt img{width: 100%; height: 100%; /* width: 55px; height: 55px; padding: 1px; margin-top: 2px; border: solid 1px #ddd; */}
.posts .dl-horizontal dd{margin-left: 70px;}
.posts .dl-horizontal dd p{margin: 0;}
.posts .dl-horizontal dd a{font-size: 14px; line-height: 16px !important;}
.posts .dl-horizontal dd a:hover{text-decoration: none;}
.posts .dl-horizontal:hover dt img,.posts .dl-horizontal:hover dd a{color: #FC9B0B; border-color: #FC9B0B !important; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}



/* ---------------- 以下为新增加 ---------------- */




/*footer 底部通用*/
.footer{ width:100%; overflow:hidden; background:#ededed; padding:50px 0; }
.footer ul{ padding:0;}
.footer ul li{ list-style-type:none;}

.footer .logo_foter{ width:100%; }
.footer .logo_foter img{ width:100%; max-width:100%;}
.footer .time{ line-height:50px; font-size:16px;}
.footer .time i{ padding:0 19px;}
.footer .tel,.footer .mail,.footer .address,.footer .phone{ font-size:16px; line-height:30px;}
.footer .tel i,.footer .mail i,.footer .address i,.footer .phone i{ padding-right:15px;}

.footer a{ color:#555;}
.footer a:hover{ color:#008000;}
.footer .nav-bottom h5{ font-size:16px; color:#fff;}
.footer .nav-bottom .item{list-style-type:none; margin-right:50px;}
.footer .nav-bottom .dropdown{ list-style-type:none; line-height:30px;}

.footer .weixin{ text-align:center;}

/*copyright 版权通用*/
.copyright{ width:100%; overflow:hidden; background:#ededed; border-top:1px solid #00843c; line-height:40px; text-align:center; color:#555;} 
.copyright a{ color:#555; }



/* ---------------- Responsive website 响应式网站开始 ---------------- */

/*屏幕大于:;px应用一下样式*/
@media (min-width: 979px){
	/*head 头部通用*/
	.logo_pc{ display:hidden; margin-right:50px;}
	.logo_mobile{ display:none;}
	
	/*nav_search 头部搜索*/
	.nav_search{width:50px;	position:relative;	top:20px; right:0px;}
	.nav_search .nav_search_btn{ background:#008000;padding:5px;border-radius: 3px;	}
	.nav_search	.nav_search_box { position: absolute; top: 200%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; list-style: none; font-size: 14px; text-align: left; background-color: transparent;}
	.navbar-right .nav_search_box {left: auto;right: 20px;}
	.open>.nav_search_box {	display: block;	}
	.nav_search	.nav_subit_btn{	position:absolute;	right:15px;	top:12px;}
	.nav_search	.nav_serach_text{height:40px;background-color:rgba(0,0,0,0.5);	border:1px solid #fff;	}


/*home hotproducts 首页热门产品*/
/*左右滚动控制插件*/
.bodyCon08{ width:100%; overflow:hidden;}
.bodyCon08 .students{margin: 0px auto; width: 1300px; height: 480px; position: relative;}
#four_flash{position:relative; position:absolute; width:1300px; height:400px; margin:0px auto;  bottom:40px;}
#four_flash .flashBg{width:1200px; height:400px; margin:0 auto; position:relative; overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:400px; padding:0px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{list-style-type:none; float:left; width:300px; color:#6C6E85; transition:all 1s ease 0s; }
#four_flash .but_left{width:50px;height:100px;position:absolute; top:136px; left:0px;}
#four_flash .but_right{width:50px;height:100px; position:absolute; top:136px; right:0px; text-align:right;}

.hmPro_aBxo:hover {background: #fff; border: 1px solid #E8E8E8;}
.hmProDes { font-size: 13px; line-height: 23px; color: #FFF; padding: 10px 7.8% 0px; height: 112px; background: #008000; position: absolute;
    width: 100%; left: 0px; bottom: 0px; opacity: 0; transition: all 0.5s ease-in-out;}
.hmPro_aBxo:hover .hmProDes { opacity: 1;}
.hmPro_img { background: url(../images/proBor.png) no-repeat center center; height: 168px; width: 221px; margin: 0px auto; position: relative;}
.hmPro_img:after { background: url(../images/proBor2.png) no-repeat center center; height: 221px; width: 221px; position: absolute; left: 0px; top: 0px; transition: all 0.5s ease-in-out;}
.hmPro_aBxo:hover .hmPro_img:after { transform: rotate(-62deg);}
.hmPro_img:before { content: ""; background: #a20c0c; height: 14px; width: 1px; position: absolute; left: 50%; bottom: -20px;}
.hmPro_aBxo{display:block;padding-top:15px;height:395px;border:1px solid rgba(255,255,255,0);}
.hmPro_img img{position:absolute;left:50%;top:50%;max-height:80%;max-width:80%;transform:translate(-50%,-50%);}
.hmPro_nm{line-height:58px;text-align:center;height:58px;margin-top:22px;font-size:16px;position:relative;color:#008000;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.hmPro_nm:after{content:"";background:#008000;height:3px;width:38px;position:absolute;left:50%;bottom:0;margin-left:-19px;}
.hmPro_btn{font-size:14px;text-transform:uppercase;color:#008000;line-height:31px;height:33px;width:132px;border:1px solid #008000;text-align:center;display:block;border-radius:1.6em;opacity:1;transition:all .5s ease-in-out;margin:46px auto 0;}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative;}



}

/*屏幕小于979px应用一下样式*/
@media ( max-width: 979px) {
    .tc-gridbox-container {display: block;float: none;width: 100%;}
    .tc-gridbox {margin: 0 0 10px 0;}
	/**/
	/*head 头部通用*/
	.logo_pc{ display:none; margin-right:0px; position:absolute; left:30%;}
	.logo_mobile{ display:block; position:absolute; left:40%;}

	
	/*nav_search 头部搜索*/
	.nav_search{width:50px;	position:absolute; right:10px; top:22px;}
	.nav_search .nav_search_btn{ background:#008000;padding:5px;border-radius: 3px;	}
	.nav_search	.nav_search_box { position: absolute; top: 200%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; list-style: none; font-size: 14px; text-align: left; background-color: transparent;}
	.navbar-right .nav_search_box {left: auto;right: 20px;}
	.open>.nav_search_box {	display: block;	}
	.nav_search	.nav_subit_btn{	position:absolute;	right:15px;	top:12px;}
	.nav_search	.nav_serach_text{height:40px;background-color:rgba(0,0,0,0.5);	border:1px solid #fff;	}
	
	/*footer 底部通用*/
	.footer .nav-bottom{ display:none;}
	
	
/*home hotproducts 首页热门产品*/
/*左右滚动控制插件*/
.bodyCon08{ width:100%; overflow:hidden;}
.bodyCon08 .students{margin: 0px auto; width: 100%; height: 480px; position: relative;}
#four_flash{position:relative; position:absolute; width:100%; height:400px; margin:0px auto;  bottom:40px;}
#four_flash .flashBg{width:100%; height:400px; margin:0 auto; position:relative; overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:400px; padding:0px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{list-style-type:none; float:left; width:300px; color:#6C6E85; transition:all 1s ease 0s; }
#four_flash .but_left{width:50px;height:100px;position:absolute; top:136px; left:0px;}
#four_flash .but_right{width:50px;height:100px; position:absolute; top:136px; right:0px; text-align:right;}

.hmPro_aBxo:hover {background: #fff; border: 1px solid #E8E8E8;}
.hmProDes { font-size: 13px; line-height: 23px; color: #FFF; padding: 10px 7.8% 0px; height: 112px; background: #008000; position: absolute;
    width: 100%; left: 0px; bottom: 0px; opacity: 0; transition: all 0.5s ease-in-out;}
.hmPro_aBxo:hover .hmProDes { opacity: 1;}
.hmPro_img { background: url(../images/proBor.png) no-repeat center center; height: 168px; width: 221px; margin: 0px auto; position: relative;}
.hmPro_img:after { background: url(../images/proBor2.png) no-repeat center center; height: 221px; width: 221px; position: absolute; left: 0px; top: 0px; transition: all 0.5s ease-in-out;}
.hmPro_aBxo:hover .hmPro_img:after { transform: rotate(-62deg);}
.hmPro_img:before { content: ""; background: #a20c0c; height: 14px; width: 1px; position: absolute; left: 50%; bottom: -20px;}
.hmPro_aBxo{display:block;padding-top:15px;height:395px;border:1px solid rgba(255,255,255,0);}
.hmPro_img img{position:absolute;left:50%;top:50%;max-height:80%;max-width:80%;transform:translate(-50%,-50%);}
.hmPro_nm{line-height:58px;text-align:center;height:58px;margin-top:22px;font-size:16px;position:relative;color:#008000;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.hmPro_nm:after{content:"";background:#008000;height:3px;width:38px;position:absolute;left:50%;bottom:0;margin-left:-19px;}
.hmPro_btn{font-size:14px;text-transform:uppercase;color:#008000;line-height:31px;height:33px;width:132px;border:1px solid #008000;text-align:center;display:block;border-radius:1.6em;opacity:1;transition:all .5s ease-in-out;margin:46px auto 0;}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative;}

	
	
}
	

/*屏幕小于479px应用一下样式*/
@media ( max-width: 479px) {
	.masonary-container .grid-sizer, .masonary-container .item {width: 98%;margin: 10px 1%;float: left; zoom: 1; }
	/**/
	
	
	
}

/*屏幕小于767px大于480px应用一下样式*/
@media ( min-width: 480px) and (max-width: 767px) {
	.masonary-container .grid-sizer, .masonary-container .item { width: 48%; margin: 10px 1%; float: left; zoom: 1; }
	/**/
	
	
}


/*屏幕小于1024px大于768px应用一下样式*/
@media ( min-width: 768px) and (max-width: 1024px) {
	/*head 头部通用*/
	.logo_pc{ display:block; margin-right:100px; position:absolute; left:15px;}
	.logo_mobile{ display:none; position:absolute; left:40%;}
	
	.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
	    margin-right:0;
	    margin-left:20%;
	}
	
}


/*屏幕小于979px大于768px应用一下样式*/
@media ( min-width: 768px) and (max-width: 979px) {
    .tc-gridbox {display: block; float: none; width: 95%;}
	/**/
	/*head 头部通用*/
	.logo_pc{ display:block; margin-right:0px; position:absolute; left:15px;}
	.logo_mobile{ display:none; position:absolute; left:40%;}

	.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
	    margin-right:0;
	    margin-left:10%;
	}
	
	/*nav_search 头部搜索*/
	.nav_search{width:50px;	position:fixed;	top:20px;right:50px;}
	.nav_search .nav_search_btn{ background:#008000;padding:5px;border-radius: 3px;	}
	.nav_search	.nav_search_box { position: absolute; top: 200%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; list-style: none; font-size: 14px; text-align: left; background-color: transparent;}
	.navbar-right .nav_search_box {left: auto;right: 20px;}
	.open>.nav_search_box {	display: block;	}
	.nav_search	.nav_subit_btn{	position:absolute;	right:15px;	top:12px;}
	.nav_search	.nav_serach_text{height:40px;background-color:rgba(0,0,0,0.5);	border:1px solid #fff;	}
	



	
}