/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 12px;
    /*background: #f5f5f5;*/
    background: #fff;
}
.container a{
	color:#126ad3;
}

.navbar-inverse {
    background-color: #f6f6f6 !important;
    border-color: #f6f6f6 !important;
}

.navbar-inverse .navbar-brand {
    color: #696969 !important;
}
.navbar-inverse .navbar-nav>li>a {
    color: #696969 !important;
}

.img-portfolio {
    margin-bottom: 0px;
    border: 1px solid #eee;
    width:228px;
    height:118px;
    float: left;
    padding: 5px 8px 5px;
    margin: 3px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
    text-align: center;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}



/*******************************************global*************************************************/

ul li, li {
    list-style-type: none;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}
p {
    margin: 0px 0 0px;
}

/*******************************************index*************************************************/

.g-row {
    width: 1190px;
    margin: 0 auto;
    zoom: 1;
}

.g-row.mt15 {
    margin-top: 15px;
}
.hot_product {
    float: left;
    width: 250px;
    height: 280px;
}

.hot_product h3 {
    height: 47px;
    line-height: 47px;
    background: #f6f6f6;
    text-align: center;
    border-bottom: 2px solid #1844a7;
    overflow: hidden;
    font-size: 18px;
    color: #131313;
}

.hot_product ul {
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden;
}

.hot_product ul li {
    float: left;
    width: 82px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-top: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    overflow: hidden;
}

.slideBox {
    float: left;
    width: 630px;
    margin-left: 15px;
    height: 280px;
    overflow: hidden;
    position: relative;
}
.dashboard {
	float:right;
    background-color: #fff;
    width: 250px;
    height: 280px;
    padding: 16px;
    border: 1px solid #e7e7e7;
}
.dashboard .section-icon{
    height: 80px;
}
.dashboard .section-icon h3{
    height: 30px;
}
.dashboard .section-icon .icon-subtitle{
    float: left;
    width: 105px;
    height: 50px;
    line-height: 40px;
}
.dashboard .section-icon .icon-subtitle .svg-icon{
    font-size: 24px;
    margin-right: 10px;
    vertical-align: middle;
}
.dashboard .section-icon .icon-subtitle .subtitle{
    font-size: 12px;
    color: #4a4a4a;
    -webkit-transition: color .1s linear;
    transition: color .1s linear;
}

svg:not(:root) {
    overflow: hidden;
}
.icon {
    width: 1em;
    height: 1em;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden;
}

.louxh {
    width: 1200px;
    margin: 0 auto;
    clear: both;
}

/*lou S*/
.category{width:1200px; height:350px; margin:20px auto 0; background:#fff; overflow:hidden;}
.category_title{width:100%; height:68px; padding:0 25px; border:1px solid #eee;}
.category_title span{float:left;line-height:68px;padding-right:8px;font-size: 26px;color:#2277e6;font-family:Arial, Helvetica, sans-serif;}
.category_title h2{float:left;line-height:68px;font-size: 20px;color:#333;margin-top: 0px;}
.category_title p{float:right; height:14px; line-height:14px; font-size:14px; text-align:right; margin-top:32px;}
.category_title p a{margin-left:20px; color:#999;}
.category_title p a:hover{color:#2277e6;}
.category_content{width:1200px; height:280px; position:absolute;}
.category_content_left{float:left; width:250px; height:100%;}
.category_content_left_ad{width:249px;height: 239px;border-right:1px solid #eee;border-bottom:1px solid #eee;overflow:hidden}
.category_content_left_ad img{width:249px;height: 239px;}
.category_content_left_ad:hover img{transition:0.2s; transform: scale(1.1); transition: all 1s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}
.category_content_left ul{border-bottom: 1px solid #eee;height: 239px;overflow: hidden;}
.category_content_left ul li{width:124px; height:39px; float:left; line-height:39px; font-size:12px; overflow:hidden; text-align:left; text-indent:15px; border-right:1px solid #eee; border-bottom:1px solid #eee;}
.category_content_left ul li a{width:94%; height:100%; display:block; color:#999;}
.category_content_left ul li:hover{background:#F6F6F6;}
.category_content_left ul li:hover a{color:#2277e6;text-indent:10px}
.category_content_center{float:left; width:950px; height:100%;}
.category_content_center li{float:left;width:190px;height: 239px;padding:0px 18px 0px 10px;border-right:1px solid #eee;border-bottom:1px solid #eee;}
.category_content_center li:hover{background:#F6F6F6;}
.category_content_center li a.category_content_img{width:150px;height:150px;display: table-cell;vertical-align: middle;text-align: center;overflow: hidden;}
.category_content_center li a.category_content_img img{max-height:150px;max-width:150px;_height:150px;_width:150px;}
.category_content_center_li_p1{width: 150px;height:40px;line-height:18px;font-size:14px;margin-top:5px;overflow: hidden;}
.category_content_center_li_p1 a{color:#333;}
.category_content_center_li_p2{float:left; height:24px; line-height:24px; font-size:12px; color:#888888;margin-left: 5px;}
.category_content_center_li_p2 span{font-size:12px;}
.category_content_center_li_p3,.category_content_center_li_p3 a{float:right; height:24px; line-height:24px; font-size:12px; color:#fcae52;}
.category_content_center li:hover .category_content_center_li_p3 a{background:#ff7730;padding:0 5px;color:#ffffff}
.category_content_right{float:left; width:230px; height:100%;}
.category_content_right .hd_company{height:40px;background: #1269d3;line-height:40px;padding:0 10px;color:#fff;}
.category_content_right .hd_company h3{font-size:16px;}
.category_content_right .hd_company .cx_ico{display:inline-block; width:30px; height:30px; vertical-align:middle;background:url("../images/ico-cx.png?s=2016") no-repeat 0 0px;padding-right:3px}
.category_content_right ul li{width:100%;height: 78px;line-height: 28px;padding: 0px 0px 0px 0px;border-right:1px solid #eee;border-bottom:1px solid #eee;font-size:12px;color:#999;margin-top: 10px;}
.category_content_right ul li:hover{background:#f2f2f2;padding-left:2px}
.category_content_right ul li a{color:#555; width:200px; display:inline-block;overflow: hidden;height: 20px;line-height: 20px;}
.category_content_right ul li a:hover{color:#2277e6;}
.category_content_right ul li p{height: 26px;overflow:hidden;}
.category_content_right ul li p a{font-size:14px;margin: 0 0 10px}
.category_content_right ul li p img{padding-right:2px;}
.category_content_line{width:1px; height:480px; background:#eee; position:absolute; top:0; left:0;}
/*lou end*/




.section{
    margin-top: 30px;
}
.card-row {
    zoom: 1;
    padding: 0 1px;
}
.card-row .card-span {
    float: left;
    margin-right: 6px;
    margin-bottom: 16px;
}
.section-card {
    box-shadow: 0 0 0 1px rgba(0,0,0,.04);
    -webkit-transition: box-shadow .1s linear,-webkit-transform .1s linear;
    transition: box-shadow .1s linear,transform .1s linear;
    background-color: #fff;
    padding: 24px;
}

.hot-card .item-card {
	width:488px;
	height:278px;
	padding:0;
	font-size:12px
}
@media screen and (min-width:1260px) {
.hot-card .item-card {
	width:593px
}
}.hot-card .item-card .left-box,.hot-card .item-card .right-box{
	float:left
}
.hot-card .item-card .left-box{
	width: 160px;
	height:100%;
	position:relative;
}
.hot-card .item-card .left-box p{
	position:absolute;
	top:24px;
	left:24px
}
.hot-card .item-card .left-box .title{
	width:160px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#333;
	font-size:20px;
	-webkit-transition:color .1s linear;
	transition:color .1s linear
}
.hot-card .item-card .left-box .title:hover {
	color:#ef1f1f
}
.hot-card .item-card .left-box .slogan {
	width:160px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#999;
	position:absolute;
	top:54px;
	left:25px;
	-webkit-transition:color .1s linear;
	transition:color .1s linear
}
.hot-card .item-card .left-box .slogan:hover {
	color:#ef1f1f
}
.hot-card .item-card .left-box img {
	display:block;
	width:100%;
	height:100%
}
.hot-card .item-card .right-box {
	width:290px;
	overflow:hidden
}
@media screen and (min-width:1260px) {
	.hot-card .item-card .right-box {
	width: 400px;
}
}.hot-card .item-card .right-box .top-box {
	height:190px;
	overflow:hidden
}
.hot-card .item-card .right-box .top-box .notable {
	float:left;
	width:133px;
	height:100%;
	text-align:center
}
.hot-card .item-card .right-box .top-box .notable .title {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#333;
	font-size:15px;
	margin:24px 10px 3px;
	-webkit-transition:color .1s linear;
	transition:color .1s linear
}
.hot-card .item-card .right-box .top-box .notable .title:hover {
	color:#ef1f1f
}
.hot-card .item-card .right-box .top-box .notable .slogan {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#999;
	margin:0 10px 10px;
	-webkit-transition:color .1s linear;
	transition:color .1s linear
}
.hot-card .item-card .right-box .top-box .notable .slogan:hover {
	color:#ef1f1f
}
.hot-card .item-card .right-box .gap-line {
	border-top:1px solid #eee;
	margin:0 24px
}
.hot-card .item-card .right-box .bottom-box {
	width: 430px;
	height:87px;
	padding:16px 20px 13px 28px;
	overflow:hidden;
	zoom:1;
}
.hot-card .item-card .right-box .bottom-box:after,.hot-card .item-card .right-box .bottom-box:before {
	content:"";
	display:table
}
.hot-card .item-card .right-box .bottom-box:after {
	clear:both
}
.hot-card .item-card .right-box .bottom-box .normal {
	display:inline-block;
	width:70px;
	height:24px;
	line-height:24px;
	margin-right:18px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}