body {
	font-family: Arial, "Microsoft YaHei", "微软雅黑", sans-serif, Helvetica;
	color: #000;
	padding-top: 70px;
}
a {
    color: #fff;
    text-decoration: none;
}
a:focus, a:hover {
	color: #f08519;
	text-decoration: none;
}
.lighter{
	font-weight: lighter;
}
.red{
	color: #F00;
}
.blue{color: #6eb3b1;}
.grey{
	color: #999;
}
.orange{
	color: #f08519;
}
.redbg{
	background-color: #ec7404;
}
.margin5{
	margin: 5px;
}
.margin10{
	margin: 10px;
}
.padding-top-50{
	padding-top: 50px;
}
.padding-bottom-50{
	padding-bottom: 50px;
}

.top10{
	margin-top: 10px;
}
.top15{margin-top: 15px;}
.top20{margin-top: 20px;}
.top30{margin-top: 30px;}
.top40{margin-top: 40px;}
.top50{margin-top: 50px;}
.top60{margin-top: 60px;}
.top70{margin-top: 70px;}
.top80{margin-top: 80px;}
.top90{margin-top: 90px;}
.top100{margin-top: 100px;}
.top150{margin-top: 150px;}
.top180{margin-top: 180px;}
.btn10{
	margin-bottom: 10px;
}
.btn20{margin-bottom: 20px;}
.btn30{margin-bottom: 30px;}
.btn40{margin-bottom: 40px;}
.btn50{margin-bottom: 50px;}
.btn60{margin-bottom: 60px;}
.btn70{margin-bottom: 70px;}
.btn80{margin-bottom: 80px;}
.btn90{margin-bottom: 90px;}
.btn100{margin-bottom: 100px;}
.btn130{margin-bottom: 130px;}
.left100{
	margin-left: 100px;
}
ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.greybg{
	background-color: #f5f3f2;
	clear: both;
}
.bg333{
	background-color: #333;
}
.bgfff{
	background-color: #fff;
}
.ybg{
	background-color: #f2bf5e;
}
.rbg{
	background-color: #ff6161;
}
.bbg{
	background-color: #536eb7;
}
.gbg{
	background-color: #75cba8;
}
.clear {
	clear:both;
}
.line{
	float: left;
	width: 100%;
	clear: both;
	height: 1px;
	background-color: #ec7404;
}
.fa-rotate--30 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg); 
}
.fa-rotate--45 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); 
}
.px80{
	font-size: 90px;
	font-family: League_Gothic;
}
@font-face
{
	font-family: League_Gothic;
	src: url("../fonts/League_Gothic.otf");
}
.px70{
	font-size: 70px;
}
.px60{
	font-size: 60px;
}
.px50{
	font-size: 50px;
}
.px24{
	font-size: 24px;
}
.btn-black{
	color: #333;
	background-color: #fff;
	border-color: #333;
	font-size: 16px;
	border-radius: 20px;
	margin: 10px;
	padding: 6px 20px;
}
.btn-black:hover {
    color: #fff;
	background-color: #31b0d5;
	border-color: #269abc;
}
.container1570{
	width: 1570px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
.rel{
	position: relative;	
}
.abs{
	position: absolute;		
}
.shadow-active {
	-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.3);
	box-shadow: 0 10px 10px rgba(0,0,0,0.3);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
	cursor: pointer;
}
.brick-item-active {
	-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -5px, 0);
	transform: translate3d(0, -5px, 0);
	cursor: pointer;
}

/* 返回顶部及首页 */
/*clearboth*/
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.clearfix .clear{_height:0px;}
/*gotop*/
.qrcode-service{
	transition: bottom ease .3s;
	z-index: 999;
	cursor: pointer;
	position: absolute;
	right: 0px;
	background-color: #FFF;
	text-align: center;
	margin-top: 20px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.qrcode-service h4{
	margin-bottom: 5px;
	font-weight: bold;
	color: #f08519;
}
.qrcode-service p{
	margin-bottom: 2px;
}
.qrcode-service img{
	margin-bottom: 5px;
	width: 120px;
}
.cbbfixed {
	position: fixed;
	right: 50px;
	transition: bottom ease .3s;
	bottom: -185px;
	z-index: 999;
	cursor: pointer;
}
.cbbfixed .cbbtn {
	width: 60px;
	height: 60px;
	display: block;
	background-color: #ddd;
}
.cbbfixed .gotop,  .cbbfixed .home, .cbbfixed .cweixin{transition: background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop:hover, .cbbfixed .home:hover {
	background-color: #2c2d2e;
	color: #fff;
}
.cbbfixed .home, .cbbfixed .gotop {
	text-align: center;
	color: #999;
	line-height: 60px;
	background-color: #ddd;
	border-radius: 5px;
}
.cbbfixed .gotop {
	font-size: 18px;	
}
.cbbfixed .cweixin {
	text-align: center;
	color: #FFF;
	line-height: 60px;
	background-color: #ec7404;
	font-size: 30px;
}
.cbbfixed .cweixin div {
	background: url(../images/erwei.png);
	width: 194px;
	height: 199px;
	position: absolute;
	left: -184px;
	top: -45px;
	opacity: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
	transform-origin: 100% 70%;
	-webkit-transform-origin: 100% 70%;
	transition: transform ease .3s,opacity ease .3s;
	-webkit-transition: all ease .3s;
	display: none;
*display:none;}
.cbbfixed .cweixin:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.cbbfixed .cweixin .weixin-icon{float: left;margin:12px 0 0 11px;width:18px;height: 18px; background: url(../images/side-icon01.png);}

/* 兼容IE */
.ie6 thumbnail {
	float: left;
	clear: none;
}
.ie7 thumbnail{
	float: left;
	clear: none;
}
.ie8 .thumbnail {
	float: left;
	clear: none;
}

@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

/* 首页 */
header{
	background-color: #FFF;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.175);
}
header .logo{
	margin-top: 10px;
	float: left;
	margin-left: 30px;
}
header .logo img{
	float: left;
	margin-top: 13px;
	margin-right: 8px;
	width: 55px;
}
header .logo h1{
	float: left;
	font-size: 32px;
	margin: 0px;
	line-height: 80px;
}
.navmenu{
	float: left;
	margin-left: 80px;
}
.navmenu li{
	float: left;
}
.navmenu li a{
	line-height: 100px;
	height: 100px;
	display: block;
	width: 95px;
	text-align: center;
	font-size: 17px;
}
.navmenu li a:hover{
	color: #f6b403;
}
.navmenu li a.active{
	/*color: #f08519;	*/
	color: #f6b403;
}
.service-tel {
	color: #9f9f9f;
	width: 250px;
	float: left;
	margin-top: 20px;
	margin-left: 150px;
}
.service-tel .fa-phone-volume {
    font-size: 40px;
    display: block;
    float: left;
    height: 70px;
    line-height: 70px;
}
.service-tel span {
    float: left;
    display: block;
    width: 220px;
}
.service-tel span.info {
	color: #fff;
}
.service-tel span.tel {
	font-size: 24px;
	font-style: italic;
	color: #f6b403;
	font-weight: bold;
	line-height: 25px;
}
.service-tel span.tel small{
	font-size: 16px;
}
.carousel-indicators .active{
	background-color: #f08519;
}
.carousel-indicators li{border: 1px solid #f08519;}
.index-about{
	margin-top: 70px;
	margin-bottom: 10px;
}
.index-about h1{
	font-size: 42px;
	margin-top: 0px;
}
.index-about p{
	color: #b6b6b7;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.index-about h2{
	margin: 0px;
	text-align: center;
}
.index-about h3{
	margin: 0px;
	text-align: center;
}
.advantage h1{
	text-align: center;
	font-size: 42px;
}
.advantage h3{
	text-align: center;
	color: #b6b6b7;
	font-size: 20px;
}
.advantage ul{
	margin-left: 20px;
	width: 1170px;
	margin-top: 40px;
}
.advantage ul li{
	float: left;
	width: 180px;
	margin-right: 20px;
	margin-left: 20px;
}
.advantage ul li div.advantage-info{
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 180px;
	width: 180px;
	border: 1px solid #6b6148;
	text-align: center;
	background-color: #FFF;
}
.advantage ul li div.advantage-info h1{
	padding: 0px;
	font-size: 20px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.advantage ul li:nth-child(2) div.advantage-info h1{
	margin-top: 27px;
	margin-bottom: 10px;
}
.advantage ul li:last-child div.advantage-info h1{
	margin-top: 27px;
	margin-bottom: 10px;
}
.advantage ul li div.advantage-info h5{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
}
.advantage ul li div.advantage-info h5 span{
	background-color: #6b685f;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
}

.ca-menu{

}
.ca-menu li{
    overflow: hidden;
    position: relative;
    float:left;
    margin-right: 4px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-menu li:last-child{
    margin-right: 0px;
}
.ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.ca-menu li:hover{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.product-menu{
	text-align: center;
	margin-top: 120px;
}
.product-menu h1{
	text-align: center;
	font-size: 42px;
}
.product-menu h3{
	text-align: center;
	color: #b6b6b7;
	font-size: 20px;
}
.product-menu p a{
	font-size: 16px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #f08519;
	padding-right: 6px;
	padding-left: 6px;
	line-height: 40px;
	color: #000;
}
.product-menu p a:last-child{border-right-width: 0px;}
.index-product{
	background-attachment: scroll;
	background-image: url(../images/201905162043569a7097.png);
	background-repeat: repeat-y;
	background-position: center top;
	float: left;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 50px;
}
.index-product .thumbnail{
	border: 0px;
	border-radius: 0px;
	padding: 0px;
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.175);
	margin-bottom: 30px;
}
.index-product .thumbnail .caption{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.index-product .thumbnail .caption a{
	font-size: 18px;
}
.index-product .thumbnail .caption a img{
	margin-top: 10px;
}
.index-product .thumbnail .caption a:hover img{
	-webkit-animation: aase 1s 1;
	-moz-animation: aase 1s 1;
	animation: aase 1s 1;
}
@-webkit-keyframes aase{
	0%{-webkit-transform: rotateY(0deg);}
	100%{-webkit-transform: rotateY(360deg);}
}
@-moz-keyframes aase{
	0%{-moz-transform: rotateY(0deg);}
	100%{-moz-transform: rotateY(360deg);}
}
@keyframes aase{
	0%{transform: rotateY(0deg);}
	100%{transform: rotateY(360deg);}
}
.client{
	margin-top: 80px;
	float: left;
	width: 100%;
	height: auto;
	clear: both;
	margin-bottom: 80px;
}
.client h1{
	text-align: center;
	font-size: 42px;	
}
.client h3{
	text-align: center;
	color: #b6b6b7;
	font-size: 20px;
	margin-bottom: 60px;
}

footer{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b6b6b7;
	clear: both;
	float: left;
	width: 100%;
	padding-top: 40px;
	/*padding-bottom: 20px;*/
}
footer .address{
	float: left;
}
footer .address h2{
	margin-top: 0px;
	line-height: 25px;
	font-size: 25px;
	clear: both;
	float: left;
	width: 100%;
}
footer .address h2 span{
	float: right;
}
footer .address h2 img{
	margin-right: 5px;
	height: 50px;
}
footer .address h1{
	font-size: 30px;
}
footer .qrcode{
	width: 100px;
	text-align: center;
	float: right;
}
footer .qrcode img{
	margin-bottom: 5px;
}
footer ul{}
footer ul li{
	float: left;
	margin-right: 25px;
}
footer ul li:last-child{
	margin-right: 0px;
}
footer ul li h4{
	font-size: 14px;
	font-weight: bold;
}
footer .beian{
	color: #b6b6b7;
}
footer .beian a{
	color: #b6b6b7;
}
footer .beian a:hover{
	color: #f08519;
}

/*关于建基 */
.about h1{
	text-align: center;
	font-size: 42px;
	margin-top: 100px;
	margin-bottom: 30px;
}
.about p{
	font-size: 18px;
	line-height: 40px;
}
.about-factory h1{
	text-align: center;
	font-size: 42px;
	margin-top: 60px;
}
.about-factory h3{
	text-align: center;
	color:
	#b6b6b7;
	font-size: 20px;
	margin-bottom: 60px;
}
.about-factory img.img-responsive{
	margin-bottom: 30px;
}

/* 联系我们 */
.content{
	margin-top: 50px;
}
.content h1{}
.content ul li{}
.content ul li h2{
	font-size: 18px;
	line-height: 35px;
}
.content ul li h4{
	font-weight: bold;
	font-size: 16px;
	margin-top: 25px;
}
.content ul li p{
	font-size: 16px;
}
.content img.img-responsive{
	margin-top: 15px;
	margin-bottom: 15px;
}

/* 产品展示 */
.product {
	margin-top: 60px;
	margin-bottom: 60px;
}
.product h2{
	margin-top: 0px;
}
.product h4{
	color: #b6b6b7;
	font-size: 20px;
	margin-bottom: 40px;
}
.product .thumbnail{
	border: 0px;
	border-radius: 0px;
	padding: 0px;
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.175);
	margin-bottom: 50px;
}
.product .thumbnail .caption{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.product .thumbnail .caption a{
	font-size: 18px;
}
.product .thumbnail .caption a img{
	margin-top: 10px;
}
.product .thumbnail .caption a:hover img{
	-webkit-animation: aase 1s 1;
	-moz-animation: aase 1s 1;
	animation: aase 1s 1;
}
.product ul{}
.product ul li{
	
}
.product .col-md-2 ul li:first-child{
	font-size: 20px;
	color: #fff;
	background-color: #f08519;
	text-align: center;
	font-weight: normal;
	margin-bottom: 15px;
	height: 50px;
	line-height: 50px;
}
.product .col-md-2 ul li a{
	font-size: 16px;
	width: 100%;
	height: auto;
	display: block;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.product .col-md-2 ul li:hover a{
	background-color: #f08519;
	color: #fff;
}
.product .col-md-2 ul li.on a{
	font-size: 16px;
	width: 100%;
	height: auto;
	display: block;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #f08519;
	color: #fff;
}
/* 新闻详情页 */
.content{
	font-size: 16px;
	line-height: 30px;
}
.context {
    text-align: right;
    float: left;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 50px;
}
.context a {
   margin-right: 15px;
}

/* 分页 */
.list_pages{
	text-align: center;
	float: left;
	width: 100%;
}
.list_pages ul li{
	display: inline-block;
	padding: 5px;
}

.list_pages .pagelist li.thisclass a{
	color: #FFF;
	background-color: #0099ff;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/* 案例分享 */
.case h1{
	text-align: center;
	font-size: 42px;
	margin-top: 80px;
}
.case h3 {
    text-align: center;
    color: 
    #b6b6b7;
    font-size: 20px;
    margin-bottom: 60px;
}
.case .thumbnail{
	border: 0px;
	border-radius: 0px;
	padding: 0px;
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.175);
	margin-bottom: 30px;
}
.case .thumbnail .caption{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.case .thumbnail .caption a{
	font-size: 18px;
}
.case .thumbnail .caption a img{
	margin-top: 10px;
}
.case .thumbnail .caption a:hover img{
	-webkit-animation: aase 1s 1;
	-moz-animation: aase 1s 1;
	animation: aase 1s 1;
}

/* 新闻资讯 */
.article {
	background: #eef2f5;
}
.article .content-wrapper {
	background: #fff;
	box-shadow: 0 3px 10px rgba(0,0,0,.1);
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
}

.news-list {
	margin:0 auto;
	text-align:center
}
.news-list .tabs {
	width:100%;
	text-align:center;
	border-bottom:1px solid #e8e8e8;
	height:75px;
	line-height:75px;
	margin-bottom:10px
}
.news-list .tabs li {
	float:left;
	width:207px;
	height:75px;
	line-height:75px;
	position:relative;
	margin-right:7px;
	cursor:pointer
}
.strategy-list .tabs li{
	width: 180px;
}
.news-list .tabs a {
	color:#a3a3a3;
	font-size:22px
}
.news-list .tabs li.on a {
	color:#758ead
}
.news-list .tabs li:before {
	position:absolute;
	content:" ";
	display:block;
	width:5px;
	height:5px;
	right:-7px;
	bottom:-4px;
	border:1px solid #dbdbdb;
	background:#f2f2f2;
	border-radius:100%
}
.news-list .tabs li.on:after {
	position:absolute;
	content:" ";
	display:block;
	width:100%;
	height:3px;
	left:0;
	bottom:-2px;
	background:#758ead
}
.tab-content {
	width:1100px;
	margin:0 auto;
	padding-top:20px
}
.tab-content li {
	height:82px;
	line-height:82px;
	border-bottom:1px solid #e8e8e8;
	font-size:14px;
	position:relative;
	cursor:pointer
}
.tab-content li a {
	display:block;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	padding-left:80px
}
.tab-content li a:hover{
	text-decoration: none
}
.item-title {
	display:block;
	color:#db9b00;
	width:70px;
	height:20px;
	line-height:20px;
	border:1px solid #db9b00;
	position:absolute;
	top:30px;
	left:0;
	text-align:center
}
.notice .item-title {
	color:#758ead;
	border:1px solid #758ead
}
.activity .item-title {
	color:#ad7578;
	border:1px solid #ad7578
}
.strategy .item-title {
	color:#75ad92;
	border:1px solid #75ad92
}
.item-link {
	color:#555959
}
.item-time {
	position: absolute;
	height: 82px;
	line-height: 82px;
	top: 0;
	right: 0;
	color: #a4a7a7;
	font-style: normal;
}
.item-descrip {
	width:90%;
	margin-top:13px;
	line-height:24px;
	font-size:16px;
	color:#777;
	height:50px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.articlepage{
	float: left;
	width: 100%;
	height: 100px;
}
.pages {
	width: 100%;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0;
	height: 60px;
}

/* 媒体查询*/

@media screen and (min-width: 2880px) {


}

@media screen and (min-width: 2560px) and (max-width: 2879px){


}

@media screen and (min-width: 2304px) and (max-width: 2559px){


}

@media screen and (min-width: 1680px) and (max-width: 1919px){


}
@media screen and (min-width: 1600px)  and (max-width: 1679px) {


}
@media screen and (min-width: 1400px)  and (max-width: 1599px) {
.navmenu li a{width: 90px;}
header .logo {
    margin-left: 30px;
}

}

@media screen and (min-width: 1366px) and (max-width: 1399px)
{
.navmenu li a{width: 80px;}
header .logo {
    margin-left: 30px;
}

} 

@media screen and (min-width: 1360px) and (max-width: 1365px) {
.navmenu {
    margin-left: 50px;
}
.navmenu li a{width: 80px;}
header .logo {
    margin-left: 30px;
}

} 

@media screen and (min-width: 1200px) and (max-width: 1359px) {
.navmenu {
    margin-left: 50px;
}
.navmenu li a{
	width: auto;
	margin-right: 15px;
}
header .logo {
    margin-left: 20px;
}
.service-tel {
    margin-left: 0px;
	margin-top: 20px;
}
.service-tel span.tel {
    font-size: 16px;
}
footer .address h2 {
    font-size: 22px;
}
footer .address h2 span {
    margin-right: 38px;
}

} 

@media screen and (min-width: 1152px) and (max-width: 1199px) {
header .logo h1 {
    font-size: 28px;
}	
.navmenu{
	margin-left: 20px;
}
.navmenu li a{
	width: auto;
	margin-right: 15px;
	font-size: 16px;
}
header .logo {
    margin-left: 20px;
}
.service-tel {
    margin-left: 0px;
	margin-top: 20px;
}
.service-tel span.tel {
    font-size: 16px;
}
.advantage ul {
    margin-left: 0px;
    width: 970px;
}
.advantage ul li {
    margin-right: 5px;
    margin-left: 5px;
}
footer .address{
	float: left;
	width: 339px;
}
footer .address h2 {
    font-size: 18px;
}
footer .address h2 span {
    margin-right: 18px;
}
footer .beian {
	float: left;
	width: 100%;
	font-size: 12px;
}
footer .beian a{font-size: 12px;}
.product .thumbnail .caption a {
    font-size: 16px;
}
.product .col-md-2 ul li a {
    font-size: 14px;
}
.product .col-md-2 ul li.on a {
    font-size: 14px;
}
.case .thumbnail .caption a {
    font-size: 15px;
}
.tab-content {
    width: 900px;
}


}
/* 平板 start */
@media screen and (min-width: 960px) and (max-width: 1151px) {
header .logo {
    margin-left: 10px;
}
header .logo img {
    margin-top: 20px;
    width: 45px;
}
header .logo h1 {
    font-size: 20px;
	line-height: 87px;
}	
.navmenu{
	margin-left: 20px;
}
.navmenu li a{
	width: auto;
	margin-right: 10px;
	font-size: 16px;
}
header .logo {
    margin-left: 20px;
}
.service-tel {
    margin-left: 0px;
	margin-top: 20px;
}
.service-tel span.tel {
    font-size: 16px;
}
.advantage ul {
    margin-left: 0px;
    width: 970px;
}
.advantage ul li {
    margin-right: 5px;
    margin-left: 5px;
}
footer .address{
	float: left;
	width: 339px;
}
footer .address h2 {
    font-size: 18px;
}
footer .address h2 span {
    margin-right: 18px;
}
footer .beian {
	float: left;
	width: 100%;
	font-size: 12px;
}
footer .beian a{font-size: 12px;}
.product .thumbnail .caption a {
    font-size: 16px;
}
.product .col-md-2 ul li a {
    font-size: 14px;
}
.product .col-md-2 ul li.on a {
    font-size: 14px;
}
.case .thumbnail .caption a {
    font-size: 15px;
}
.tab-content {
    width: 900px;
}


}
/* 平板 end */

/* 小平板 start*/
@media screen and (min-width: 768px) and (max-width: 959px) {

header .logo {
    margin-left: 10px;
}
header .logo img {
    margin-top: 20px;
    width: 45px;
}
header .logo h1 {
    font-size: 18px;
	line-height: 87px;
}	
.navmenu{
	margin-left: 20px;
}
.navmenu li a{
	width: auto;
	margin-right: 10px;
	font-size: 15px;
}
header .logo {
    margin-left: 20px;
}
.service-tel {
    margin-left: 0px;
}
.service-tel span.tel {
    font-size: 16px;
}
.index-about {
    margin-top: 40px;
    margin-bottom: 40px;
}
.product-menu {
    margin-top: 30px;
}
.client {
    margin-top: 30px;
    margin-bottom: 50px;
}
.advantage ul {
    margin-left: 0px;
    width: 750px;
}
.advantage ul li {
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 30px;
}
footer .address{
	float: left;
	width: 339px;
}
footer .address h2 {
    font-size: 18px;
}
footer .address h2 span {
    margin-right: 18px;
}
footer .beian {
	float: left;
	width: 100%;
	font-size: 12px;
}
footer .beian a{font-size: 12px;}
.product h2 {
    margin-top: 20px;
}
.product .thumbnail .caption a {
    font-size: 16px;
}
.product .col-md-2 ul li a {
    font-size: 14px;
}
.product .col-md-2 ul li.on a {
    font-size: 14px;
}
.product ul li:not(:first-child){
	float: left;
	width: 25%;
}
.case .thumbnail .caption a {
    font-size: 15px;
}
.tab-content {
    width: 680px;
}
	
}
/* 小平板 end*/

@media only screen and (min-width: 480px) and (max-width: 767px){
	
} 

@media only screen and (max-width: 479px) { 

}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* 320x480 start */
body {
    padding-top: 0px;
}
header{
	margin-top: 10px;
}
header .logom{
	float: left;
	width: 15%;
}
header .huajian{
	float: left;
	width: 85%;
}
header .huajian h1{
	text-align: center;
	color: #1a6b95;
	font-size: 25px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-family: SimSun;
	font-weight: bold;
}
header .huajian h2{
	text-align: center;
	font-size: 20px;
	margin: 0px;
	color: #1a6b95;
}
header ul{
	float: left;
	width: 100%;
	margin-top: 5px;
}
header ul li{
	float: left;
	width: 25%;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
}
.footerbg{
	background-color: #6eb3b1;
	color: #FFF;
	text-align: center;
	padding-bottom: 70px;
}
.footerbg p:first-child{
	margin-top: 20px;
} 
.footerbg a{
	font-weight: bold;
	color: #fff;
	font-size: 16px;
}
.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 0px 0 0;
}
footer {
    background-color: #178ce9;
    padding-top: 40px;
    padding-bottom: 10px;
    float: left;
    width: 100%;
    color: #83888a;
	text-align: center;
	margin: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
footer a{
	color: #fff;
}
footer i{
	font-size: 2rem;
}
footer span{
	display: block;
	width: 100%;
	font-size: 1.5rem;
}
.swiperbanner .swiper-container {
      width: 100%;
      height: 100%;
}
.swiperbanner .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index-about {
    margin-top: 30px;
    margin-bottom: 0px;
}
.index-about .px80{
	font-size: 50px;
}
.index-about h3 {
	font-size: 14px;       
}
.index-product{
	background-color: #fff;
	background-image: none;
}
.index-product h2{
	margin: 0px;
	text-align: center;
}
.index-product h3{
	color: #b6b6b7;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}
.product-menu {
	margin-top: 0px;
	text-align: left;
}
.product-menu a{
	margin-bottom: 10px;
}
.product-menu h2{margin-bottom: 0px;}
.product-menu h3{
	font-size: 16px;
	line-height: 25px;
	margin-top: 10px;
}
.breadcrumb {
    margin-bottom: 10px;
	margin-top: 15px;
}
.about h1 {
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.about-factory h1 {
    margin-top: 30px;
}
.about-factory h3 {
    margin-bottom: 30px;
}

.product {
    margin-top: 20px;
    margin-bottom: 20px;
}
.product h2 {
	font-size: 26px;   
}
.content {
    margin-top: 10px;
}
.context {
    text-align: left;
}
.article {
    background: #fff;
}
.article .media .media-body h5 a{
	font-size: 16px;
	font-weight: bold;
}

/* 320x480 End */
}

@media only screen and (max-device-width : 320px) {

	
}