﻿.body-pb { padding-bottom: 40px; } 
.thumbnail { padding:0px; border:none; background-color:transparent;}
.container-fluid { padding-left: 10px; padding-right: 10px;}

.mod-link{ display:block; width:100%; overflow:hidden}
.mod-link a{ text-decoration:none;}

.mod-btn {text-align:center;}
.mod-btn .glyphicon{margin-right:5px;}
.mod-btn .btn:hover,.mod-btn .btn:focus,.mod-btn .btn.focus{ color:none;}
.mod-btn .btn{ width:100%;}

.mod-title h1,.mod-title h2,.mod-title h3,.mod-title h4,.mod-title h5,.mod-title h6{ margin:0px; }
.mod-title h1,.mod-title h2,.mod-title h3,.mod-title h4,.mod-title h5,.mod-title h6{ border-left:6px solid red; padding-left: 10px; padding:5px;}
.mod-title small{margin-left:10px; }
/*标题*/
.mod-title .t1 span.title{ border-left:5px solid #fff; background-color:#fff; font-size:22px; font-weight:500; padding:1px;}
.mod-title .t1 { width:100%; border-left:7px solid #000000; background-color:#f7f7f7}
.mod-title .t2 { border-bottom:2px solid #ccc}
.mod-title .t2 span.title{ background-color:#fff; font-size:22px; font-weight:500; padding-left:5px; border-bottom:3px solid #fff /*padding:1px;border-bottom:1px solid #fff;*/}
/**/
.carousel-inner img{ width:100%}
.carousel-indicators {bottom:0px;}

.mod-text { padding-left: 0px;padding-right: 0px; }
.mod-text p{margin:0px;}
.mod-text .mbottom p{margin-bottom:10px}
.mod-text .indent p{ text-indent:2em;}
.mod-map img{ max-width:480px; width:100%;height:auto;}

.mod-lightbox .col-xs-12,.col-xs-4,.col-xs-6{padding:3px;}
.mod-lightbox .thumbnail { padding:0px; margin-bottom:0px;}

.mod-postlist a{overflow:hidden;display:block}
.mod-postlist .col-xs-1,.mod-postlist .col-xs-2,.mod-postlist .col-xs-3,.mod-postlist .col-xs-4,
.mod-postlist .col-xs-5,.mod-postlist .col-xs-6,.mod-postlist .col-xs-7,.mod-postlist .col-xs-8, 
.mod-postlist .col-xs-9,.mod-postlist .col-xs-10,.mod-postlist .col-xs-11,.mod-postlist .col-xs-12 {padding-right: 5px; padding-left:5px;}
.mod-postlist .title {display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mod-postlist .title span{ font-size:20px; color:black; text-decoration:none; }
.mod-postlist .thumbnail{ margin-bottom:0px;}
.mod-postlist .row { margin-bottom:5px;}
.mod-postlist .container {margin-left: 0px;margin-right: 0px;}

.mod-postlist .list6 .thumbnail img { width:100%}
.mod-postlist .list6 .items { margin-bottom:10px; margin-left:5px; margin-right:5px;}
.mod-postlist .list6 .desc,.mod-postlist .list6 .title { width:100%;  margin-bottom:5px;}
.mod-postlist .desc{color:rgba(0,0,0,0.5)}


.mod-postlist .more{ margin-top:10px;color:#333; background-color:#fff; text-decoration:none; width:80%; height:35px; text-align:center; margin-left:10%; line-height:35px; font-weight:bold; display:block; border-radius:10px; text-shadow:0 1px 0 #fff; border:1px solid #ccc;}

.mod-head .navbar{margin-bottom: 0px; }

.mod-video video{ max-width:100%; width:auto;}
.mod-img .thumbnail { margin-bottom: 0px; border-radius:0px;}

.banner { position: relative; overflow: auto; margin:0px;padding:0px;}
.banner li { list-style: none; margin:0px;padding:0px; }
.banner ul li { float: left; margin:0px; padding:0px; max-width:100%;}
.banner ul { float: left; margin:0px; padding:0px;}

.banner a { border:0px;}
.banner .inner {padding: 160px 0 110px;}

.banner .dot {
	-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}

.banner .dots {
	position: absolute;
	/*left: 0;*/
	right: 0;
	bottom: 0px;
}
.banner .dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;

	text-indent: -999em;

	border: 2px solid #fff;
	border-radius: 6px;

	cursor: pointer;
	opacity: .4;

	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}
.banner .dots li.active {
	background: #fff;
	opacity: 1;
}
.banner .arrows {
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #fff;
}
.banner .arrow {
	display: inline;
	padding-left: 10px;
	cursor: pointer;
}

.mod-layout2cols #left,.mod-layout2cols #right {padding:3px;}

/*.mod-nav a {background:#ccc;}*/

.mod-nav {
text-align:center;
}
.mod-nav li {margin-left: 0px; }
.mod-nav li a:before{ content:"|" ; float:left;}
.mod-nav li:first-child a:before{ content:"";}
.mod-nav .nav-pills > li + li{ margin-left: 0px;}
.mod-nav .nav-pills > li > a {border-radius: 0px;}
.mod-nav .nav > li > a {padding: 10px 0px;}
.mod-nav .nav > li > a:hover,.mod-nav .nav > li > a:focus,.mod-nav .nav>li>a:hover{ background:none;}

.mod-head-static {
color: white;
background-color: #d54a29;
}

.mod-head-static {
text-align: left;
height: 50px;
line-height: 50px;
overflow: hidden;
position: relative;
}

.mod-head-static #mod-head-logoimg { height:50px;}
.mod-head-static .head-bgc { height:50px;}

.mod-head-static .cell {
display: block;
height: 50px;
width: auto;
text-align: left;
float: left;
}

.mod-head-static .site-title{
margin-left: 10px;
}

.mod-head-static .site-title, .mod-head-static .mod-column .mod-text {
text-indent: 0;
/*margin: 0 !important;*/
padding: 0;
line-height: 50px;
font-size: 20px;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 202px;
overflow: hidden;
}

.header-theme2 .home, .header-theme1 .home {
position: absolute;
top: 0;
right: 0;
}
.mod-head-static .home {float: right; font-size:25px; margin-right:10px;}
.mod-head-static .site-title > b {margin: 0 0 16px 0;}

.phone-header .site-title , .phone-header .mod-column .mod-text {
text-indent: 0;
margin: 0 !important;
padding: 0;
line-height: 50px;
font-size: 20px;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 202px;
overflow: hidden;
}

.mod-product-price ul,.mod-product-property ul{ margin:0px; padding:0px; list-style:none;}
.mod-product-price ul li,.mod-product-property ul li{ margin:0px; padding:0px; list-style:none;}
.nav > li > a:hover,.nav > li > a:focus { background-color:none}

.navbar-nav .open .dropdown-menu {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    float:initial;
    margin-top: initial;
    position:absolute;
    width: initial;
	clear:both;
}
.mod-tel { text-align:center;}
.mod-tel .btn { width:80%;}
/*产品列表*/
.mod-productlist .pd-more{ margin-top:10px;color:#333; background-color:#fff; text-decoration:none; width:70%; height:35px; text-align:center; margin-left:15%; line-height:35px; font-weight:bold; display:block; border-radius:10px; text-shadow:0 1px 0 #fff; border:1px solid #ccc;}

.mod-productlist .porductlist1 .row{ margin-bottom:10px;}
.mod-productlist .porductlist1 .title,.mod-productlist .porductlist1 .desc{ text-align:left;}
.mod-productlist .porductlist1 .title{ font-weight:700;border-bottom:1px solid #ccc;margin-bottom:5px;}
.mod-productlist .porductlist1 .title a{font-size:16px; padding-bottom:5px;}
.mod-productlist .porductlist1 .col-xs-7 {min-height:150px;}

.mod-productlist .porductlist3 .col-xs-6{ min-height:150px;}
.mod-productlist .porductlist3 .title a { display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-decoration:none}

.mod-productlist .thumbnail{/*padding: 70% 0;line-height: 245;height: 0; position: relative;*/width: 100%;margin-bottom:5px;}
.mod-productlist .thumbnail img{width: 100%;/*position: absolute;height: 100%;top: 0;left: 0;*/}
.mod-productlist .title { text-align:center;}
.mod-productlist .title a{ display:inline-block;}

.mod-productlist .list4 .title a {display: block;position: absolute;left: 5px;right: 5px;bottom: 9px;height: 25px;line-height: 25px;background-color: rgba(0,0,0,0.5);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #fff; text-decoration:none}

.mod-productlist .col-xs-1,.mod-productlist .col-xs-2,.mod-productlist .col-xs-3,.mod-productlist .col-xs-4,
.mod-productlist .col-xs-5,.mod-productlist .col-xs-6,.mod-productlist .col-xs-7,.mod-productlist .col-xs-8, 
.mod-productlist .col-xs-9,.mod-productlist .col-xs-10,.mod-productlist .col-xs-11,.mod-productlist .col-xs-12 {padding-right: 5px; padding-left:5px;}

.mod-productlist .search { padding:0 5px; margin-bottom:5px;}

.mod-article-content p {text-indent:2em; }
.mod-article-content img{ max-width:100%;}

.mod-nav-bottom { border-bottom:0px; background-color:white; }
.mod-nav-bottom .navbar-nav{ margin:0px; width:100%;}
.mod-nav-bottom .navbar{ min-height:initial;}
.mod-nav-bottom .nav>li { float:left;}

.mod-nav-bottom .navbar-nav>li>a:before {content:"|"; float:left;}
.mod-nav-bottom .navbar-nav>li:first-child a:before{ content:"";}
.mod-nav-bottom .nav>li>a{ padding:initial;}
.mod-nav-bottom .dropdown-menu{ min-width:100%}
.mod-nav-bottom .dropdown-menu>li>a{ padding:5px 0px 5px 0px;}
.mod-nav-bottom .navbar-nav .open .dropdown-menu>li>a{ padding:5px 0px 5px 0px;}
.mod-nav-bottom .navbar li>a { text-align:center; padding-top:8px; padding-bottom:8px;}
.mod-nav-bottom .navbar-default .navbar-nav>.open>a:focus {background-color:initial;color:none;}

/* 焦点图 */
.mod-silder{ position:relative; overflow:hidden; margin:0px;  max-width:560px;/* 设置焦点图最大宽度 */ }
.mod-silder .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.mod-silder ul{ margin:0px; padding:0px;}
.mod-silder .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.mod-silder .hd li.on{ background:#fff;  }
.mod-silder .bd{ position:relative; z-index:0; }
.mod-silder .bd li{ position:relative; text-align:center; list-style:none; }
.mod-silder .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; max-width:100%; margin:0 auto; /* 图片宽度100%，达到自适应效果 */}
.mod-silder .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.mod-silder .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }

/*文章分类列表,产品分类列表*/
.mod-article-category .container,.mod-product-category .container{ padding-left:5px; padding-right:5px;}
.mod-article-category .list-group,.mod-product-category .list-group{ margin-bottom:0px;}

.mod-product-body img { max-width: 100%;height: auto;}
/*透明块*/
.mod-transparentblock { overflow:hidden; min-height:30px;}
.mod-transparentblock a { display: inline-block; }

/*高级导航*/
.mod-senior-nav .cols a{ display:inline-block; text-decoration:none; width:100% }
.mod-senior-nav .cols .glyphicon{ margin:0px 10px 0 5px;}

/*.mod-senior-nav .nav1 .cols .glyphicon { margin:0px 10px 0 5px;}*/
.mod-senior-nav .nav1 .cols a{ text-align:left; }
.mod-senior-nav .nav1 .cols {  margin-bottom:18px;font-size:20px; }

/*.mod-senior-nav .nav2 .cols .glyphicon { margin:0px 10px 0 5px;}*/
.mod-senior-nav .nav2 .cols a{ text-align:left; border-bottom:1px solid #ccc; text-align:center;}
.mod-senior-nav .nav2 .cols { font-size:20px; }

.mod-senior-nav .nav3 { margin-left:5px; margin-right:5px;}
.mod-senior-nav .nav3 .cols { float:left; font-size:20px;}
.mod-senior-nav .nav3 .cols a{ text-align: center; }

/*视频*/
.mod-video {padding-right: 5px;padding-left: 5px;margin-right: auto;margin-left: auto;}
.mod-video iframe { width:100%; height:250px;}


/*文章封面*/
.mod-article-cover { text-align:center;}
.mod-article-cover img{display:initial;}
.mod-article-content { margin:5px 10px 5px 10px}
.mod-article-title, .mod-article-time { margin:5px;}

/*产品介绍*/
.mod-product-body{ padding:0 5px;}

/*背景轮播*/
.mod-bgsilder { position:relative;}
.mod-bgsilder .swiper-slide{ background-size:100% 100%; }
.mod-bgsilder ul{ padding:0;}
.mod-bgsilder #info-container{ width:100%; height:100%; position:absolute; top:0px; z-index:300;overflow: hidden;}

/*留言板*/
.mod-msgboard { padding-left:5px; padding-right:5px;}
.mod-msgboard .form-group{ margin-bottom:5px;}
.mod-msgboard .msgboard-list{ list-style:none; margin:0; padding:0}
.mod-msgboard .msgboard-list li{ width:100%; overflow:hidden; padding:5px 0px 5px 0px; border-bottom:1px solid #ccc;}
.mod-msgboard .msgboard-list li:last-child{border-bottom:none;}
.mod-msgboard .msgboard-list .board-left,.mod-msgboard .msgboard-list .board-right { float:left}
.mod-msgboard .msgboard-list .board-left { width:15%; }
.mod-msgboard .msgboard-list .board-right { width:80%; margin:5px}
.mod-msgboard .msgboard-list .board-right p{ margin:0; padding:0px;word-break:break-all}
.mod-msgboard .msgboard-list .board-left img{ max-width:100%; border-radius:100%; }
.mod-msgboard .btn-group { text-align:center; width:100%;}
.mod-msgboard .btn-group .btn{ width:33%;}

/*表单*/
.mod-form { padding-left:5px; padding-right:5px;}
.mod-form .form-group{ margin-bottom:5px;}
.mod-form .btn-group { text-align:center; width:100%;}
.mod-form .btn-group .btn{ width:33%;}

/*产品图片*/
.mod-product-img img{ text-align:center; margin:0 auto;}

/*上传图片按钮*/
.multiupload .singleupload{position:absolute;}

.uploadbtn{display: inline-block;width: 100px;height: 100px;position:relative }
.uploadbtn input{width: 100%;height: 100%;background: red;position: absolute;z-index:20;opacity: 0; top:0; }
.uploadbtn img{ width:100px; height:100px;}


/*表单多图上传*/
.multiupload img{ width:100px; height:100px;}
.multiupload .uploadbtn{ margin:2px;}
.multiupload .uploadbtn div{width: 100px;height: 100px;font-size: 60px;text-align: center;line-height: 100px;border: 1px solid #ccc;}
.multiupload .dimg{ float:left; position:relative;}
.multiupload .dimg .closebtn{position:absolute; top:2px; right:2px ;display:block; color:red; width:30px; height:30px; text-align:right; font-size:35px; text-decoration:none; line-height:30px;}
.multiupload .loading,.singleupload .loading{width: 40px;height: 40px;border-radius: 100%;margin: 30px;border: 4px solid transparent;border-bottom: 4px solid firebrick;-webkit-animation: rotate 1s linear infinite normal;animation: rotate 1s linear infinite normal;}
.multiupload .loadblock,.singleupload .loadblock{ width:100px; height:100px; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.2)}
@-webkit-keyframes rotate {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        /*border-left: 5px solid #fff;*/
    }

    100% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
        /*border-left: 5px solid rgba(142,195,35,1);*/
    }
}