@CHARSET "UTF-8";
body{ padding-top:90px;}
body.body-white{background: #fff;}
a{ color:#333;}
a:hover{ text-decoration: none;}
.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;}

@media ( min-width: 768px) and (max-width: 979px) {
    .tc-gridbox {
        display: block;
        float: none;
        width: 95%;
    }
}

@media ( max-width: 979px) {
	.tc-gridbox-container {
        display: block;
        float: none;
        width: 100%;
    }
	.tc-gridbox { margin: 0 0 10px 0; }
}
.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;}

@media ( max-width: 479px) {
    .masonary-container .grid-sizer, .masonary-container .item {
        width: 98%;
        margin: 10px 1%;
        float: left;
        zoom: 1;
    }
}

@media ( min-width: 480px) and (max-width: 767px) {
    .masonary-container .grid-sizer, .masonary-container .item {
        width: 48%;
        margin: 10px 1%;
        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: #0093dd;}
.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: #0093dd; cursor: pointer; font-size: 16px;}
.list-boxes ul.list-boxes-rating li i:hover{color: #0093dd;}

/*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: #0093dd;}

/*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: #FC9B0B;}

/*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;
}


/* header 头部通用 */
.btn-primary {
    color: #fff;
    background-color: #0094DD;
    border-color: #0094DD;
}


/*subnav 子导航栏目高亮*/
#subnav {width: 100%; background-image: linear-gradient(45deg, #8eb6d3 0%, #0094DD 100%);}
#subnav ul li {	
	line-height:50px; 
	height:50px; 
	padding:0 20px; 
	text-align:center; 
	margin:0 0.5px; 
	list-style:none; 
	float:left; 
	*float:none; 
	*display:inline; 
	*zoom:1;
}
#subnav ul {display:table; margin-left:auto; margin-right:auto; padding:0 15px; margin-bottom:0px;}
#subnav ul .active { color: #fff; background: #0094DD;}
#subnav ul li:hover { color: #fff; background: #0094DD; transition: all 0.5s ease; }
#subnav ul li a{ color: #fff; }
.subnav-current-position { border-bottom: 1px solid #d6d6d6; overflow: hidden; }
.subnav-current-position ul,.subnav-current-position ol {margin: 0px;overflow:hidden;padding: 0px;	}
.subnav-current-position-search {border-bottom: 1px solid #d6d6d6;	overflow: hidden;background: #f5f5f5;padding: 40px 0;}
.subnav-current-position-search ul,.subnav-current-position-search ol { margin: 0px; overflow: hidden;	padding: 0px;}

/* current-position 当前位置 */
.current-position {	line-height:50px;font-size:14px;color:#2257A6;box-shadow: 0px 2px 4px rgba(0,0,0,0.1);overflow:hidden;background:#f5f5f5;}
.current-position .breadcrumb li { list-style-type: none; }
.current-position .breadcrumb li a { color: #999; }
.current-position .breadcrumb li a:hover { color: #999; }
.current-position .breadcrumb img{ margin-right:10px; }
.current-position .breadcrumb { margin-bottom: 0px!important; list-style-type: none; color:#999; padding:8px 0px; }
.current-position .breadcrumb .fa{ color:#2257A6; font-size:16px; }
.current-position ul{ overflow:hidden; }
.current-position-search { width: 100%; text-align: right; font-size: 12px; padding: 30px 0; }
.current-position-search ul { padding: 0px }
.current-position-search ul li { list-style-type: none; }
.current-position-search ul li a { color: #acacac; }
.current-position-search ul li a:ahover { color: #999; }
.current-position-search i { color: #999; padding-right: 5px; font-size: 18px; }
.current-position-search .breadcrumb-search { padding: 0px; margin-bottom: 0px; list-style: none; border-radius: 0; line-height: 62px; background: #999; }
.current-position-search span {color: #999;}

/* column banner 栏目页banner */
.column_banner {position:relative;}
.column_banner .bgimg{ height:400px;}
.bgimg{ background-position: center center; background-repeat: no-repeat; background-size: cover;}
.bgtxt{position: absolute; top: 50%; left: 0; text-align: center; width: 100%; transform: translateY(-50%); color: #fff;}
.bgtxt strong{font-size: 36px; line-height: 34px; font-weight: normal; letter-spacing: 2px; display: block; -display:none;}

/* footer 底部通用 */
.footer{ overflow:hidden; background:#333; padding-top:50px;}

.footer ul{ padding:0px; overflow:hidden;}
.footer ul li{ list-style-type:none;}
.footer .dropdown-toggle-1{ font-size:18px; }
.footer .dropdown-menu-level-1{ padding-top:10px; padding-bottom:30px;}
.footer .dropdown-menu-level-1 a{ color:#fff;}
.footer .menu-item-level-2{ line-height:25px;}
.footer #main-navigation a{ color: #fff;}
.footer .dropdown-menu-level-1 a:hover,.footer #main-navigation a:hover{ color:#888;}

.FooterContact{ color:#fff; text-align:center;}
.FooterContact .tel{ font-size:26px;}
.FooterContact .data{ font-size:14px;}
.FooterContact .time,.FooterContact .qq{ border:1px solid #888; color:#888; width:200px; margin:0px auto; line-height:35px; margin-bottom:15px;}
.FooterContact .qq a{ color:#888; }

.FooterWx{ text-align:center; color:#fff;}

.Copyright{ overflow:hidden; background:#222; }
.Copyright p{ text-align:center;  color:#fff; line-height:50px; margin:0px;}
.Copyright a{ color:#fff;}

/* links 友情链接 */
.links{ overflow:hidden; line-height:100px; font-size:16px;}

/* LeftMenuNan 左侧分类 */
.LeftMenuNan{border:1px solid #0093dd; margin-top:50px;}
.LeftMenuNan ul{ padding:10px 10px 10px 10px;}
.LeftMenuNan .navbar-nav-custom li{ list-style-type:none; background:#f1f1f1; margin:5px 0; padding-left:30px; line-height:40px;}
.LeftMenuNan .navbar-nav-custom li:hover{ background:#0093dd; }
.LeftMenuNan .navbar-nav-custom li a:hover{color: #fff ;}

.LeftMenuNan ul li:after{ 
	content:">";
	color:#333;
	position:absolute;
	right:50px;
	line-height:40px; 
}

.LeftMenuNan .LeftBigTitle{ 
	background:#0093dd; 
	line-height:50px; 
	text-align:center; 
	color:#fff; 
	font-size:20px; 
}

/* ListBoxes 右侧例表 */
.ListBoxes{ margin-top:50px;}

/* ProductsList 产品中心列表页 */
.ProductsList img{ width:100%; }
.ProductsList li{ list-style-type:none; overflow:hidden;  margin-bottom:30px;}
.ProductsList h3{ color:#0093DD;}
.ProductsList .more{ border:1px solid #0093DD; padding:5px 20px; color:#0093DD; position:absolute; bottom:-80px;}
.ProductsList .more:hover{ border:1px solid #0093DD; background:#0093DD; padding:5px 20px; color:#fff; }

/* ProductsDetails 产品详情页 */
.ProductsDetails{ overflow:hidden; margin-top:50px;}
.ProductsDetails .DetailsPic img{ width:100%;}
.ProductsDetails .DetailsTitle{  }

/* NewsList 新闻资讯列表页 */
.NewsList{}
.NewsList img{ width:100%; }
.NewsList li{ list-style-type:none; overflow:hidden; margin-bottom:30px;}
.NewsList .ListData{ text-align:center; color:#CACACA; position:relative; top:-15px;}
.NewsList .ListData p:nth-child(1){ font-size:60px; }
.NewsList .ListData p:nth-child(2){ font-size:18px; position:relative; top:-20px;}
.NewsList h3{ margin-top:0px; font-size:18px;}

.NewsList .more{ font-size:36px; color:#0093DD; position:absolute; bottom:-100px;}

/* NewsDetails 新闻资讯详情页 */
.NewsDetails{ overflow:hidden; margin-top:50px;}
.NewsDetailsTitle{ font-size:24px; text-align:center; margin-bottom:20px;}
.NewsDetailsTime{ margin-bottom:50px; text-align:center;}
.NewsDetails .NewsExcerpt{ font-size:16px; text-align:center; margin-bottom:30px;}

/* HonorsQualificationsList 荣誉资质列表页 */
.HonorsQualificationsList{}
.HonorsQualificationsList img{ width:100%; }
.HonorsQualificationsList li{ list-style-type:none; overflow:hidden; margin-bottom:30px;}
.HonorsQualificationsList h3{ margin-top:0px; font-size:18px;}

/* PageAbout 关于我们 */
.PageAbout{ overflow:hidden; margin-top:50px;}

.btn-warning:active:hover, 
.btn-warning.active:hover, 
.open>.dropdown-toggle.btn-warning:hover, 
.btn-warning:active:focus, 
.btn-warning.active:focus, 
.open>.dropdown-toggle.btn-warning:focus, 
.btn-warning:active.focus, 
.btn-warning.active.focus, 
.open>.dropdown-toggle.btn-warning.focus {
    color: #fff;
    background-color: #0093DD!important;
    border-color: #0093DD!important;
}

/* 屏幕大于1366px应用一下样式 */
@media (min-width: 1366px) {
	
	
}

/* 屏幕大于768px应用一下样式 */
@media (min-width: 768px) {
	.container{ width:1366px;}
	.navbar-right~.navbar-right { margin-top: 25px; }
	
	.navbar {
	    min-height: 90px!important;
	    margin-bottom: 20px;
	    border: 1px solid transparent;
	}
	
	.navbar-nav>li>a {
		    padding-top: 35px;
		    padding-bottom: 35px;
		}
	
	.navbar-brand{
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-webkit-font-smoothing: antialiased;
		box-sizing: border-box;
		background-color: transparent;
		text-decoration: none;
		float: left;
		color: #428bca;
		padding:5px 0 0 0;
		margin-right:100px;
	}
	
	
	.navbar-default .navbar-nav>.open>a,
	.navbar-default .navbar-nav>.open>a:hover,
	.navbar-default .navbar-nav>.open>a:focus {
		background-color: rgba(0, 0, 0, 0.00);
		color:#333!important;
	}
	.nav>li>a:hover, .nav>li>a:focus {
		text-decoration: none; 
		background-color: #7DBE31;
	}
	.nav>li>a:hover{ color:#2257A6;}	
	.navbar-default .navbar-nav>li>a:focus {
		color: #2257A6; 
		background-color: rgba(0, 0, 0, 0.00)
	}
	.nav>li>a{position: relative;display: block;}
	.navbar-nav>li>a{color:#2257A6;}
	.navbar-default .navbar-nav>li>a:hover,
	.navbar-default .navbar-nav>li>a:focus {
		color: #7DBE31!important; 
		background-color: rgba(0, 0, 0, 0.00);
	}
	
	/* 当前色 */
	.navbar-default .navbar-nav>.active>a, 
	.navbar-default .navbar-nav>.active>a:hover, 
	.navbar-default .navbar-nav>.active>a:focus { 
		color: #333!important; 
		background-color: rgba(240,240,240,0)!important;
	}
	
	/* 默认色 */
	.navbar-default .navbar-nav>li>a {
		color: #333!important; 
		font-size:16px;
	}
	
	/* 一级菜单光标移上去的颜色 */
	.navbar-default .navbar-nav>li>a:hover{
		color:#333!important; 
		background:transparent;
	}
	.nav-pills>li.active>a,
	.nav-pills>li.active>a:hover,
	.nav-pills>li.active>a:focus {
		color: #333;	
		background-color: transparent;
	}
	.nav .open>a,
	.nav .open>a:hover,
	.nav .open>a:focus {
		background-color: #333;	
		border-color: transparent;
	}
	a.thumbnail:hover,
	a.thumbnail:focus,
	a.thumbnail.active {
		border-color: #2257A6;
	}
	
	/* 二级菜单光标移上去的颜色 */
	.dropdown-menu>li>a:hover,
	.dropdown-menu>li>a:focus {
		text-decoration: none;	
		color: #333; 
		background-color:transparent;
	}
	.dropdown-menu>.active>a,
	.dropdown-menu>.active>a:hover,
	.dropdown-menu>.active>a:focus {
		color: #333; 
		text-decoration: none;
		outline: 0;
		background-color: transparent;
	}
	
}

/* 屏幕小于768px应用一下样式 */
@media (max-width: 768px) {
	.navbar-brand { padding: 0px;}
	.navbar-collapse { border-top: 0px solid transparent; }
	.navbar-nav { margin: 19px -15px; }
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	    background-color: rgba(255, 255, 255, 0.6);
	}
	.HomeSolution ul{
		padding: 0px;
		margin-top: 50px!important;
	}
	.HomeTitle {
	    margin-top: 20px!important;
	}
	.HomeMyProducts ul {
	    margin-top: 50px!important;
	}
	.LeftMenuNan{ display:none;}
	.NewsList .ListData { display:none;	}
}