@charset "utf-8";
/*5680*/
body{/*font-size:16px*/}
a,a:hover,a:focus{color:#333;text-decoration:none}
.navbar{margin-bottom:0}
.navbar-brand{height:100%}
.navbar-nav>li>a{font-size:16px;line-height:30px}
.navbar-logo{float:left}
.icon-bar{background:#888}
.dropdown-menu>li>a{line-height:2}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover,.nav>li>a:focus, .nav>li>a:hover{background:0}
.navbar-nav>li>.dropdown-menu{border:none;border-radius:0;}
@media screen and (min-width:768px){
	.navbar{margin-bottom:20px}
	.navbar-collapse{padding-top:30px;}
}
@media screen and (min-width: 1200px){
	.navbar .container{width:1200px}	
}
/**等比图片**/
.proportion-constrain-4b3,.proportion-constrain-16b9{position:relative;height:0}
.proportion-constrain-4b3{padding-bottom:75%}
.proportion-constrain-16b9{padding-bottom:56.25%}
.proportion-constrain-4b3>img,.proportion-constrain-16b9>img{position:absolute;width:100%;height:100%;object-fit:cover}
@media screen and (max-width:768px){
.proportion-constrain-1b1-xs{padding-bottom: 100%}
}
/*图片缩放动画*/
.zoomable{overflow:hidden;}
.zoomable>img{-ms-transform:-ms-transform .3s;-moz-transition:-moz-trasnform .3s;-o-transition:-o-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s}
.zoomable>img:hover{-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}

.banner{height:100px;background:#eee no-repeat center;background-size:cover}
@media screen and (min-width:480px){.banner{height:200px}}
@media screen and (min-width:768px){.banner{height:300px}}
.breadcrumb{margin-top:20px;margin-bottom: 0}
/**产品推荐**/
.rec-header{border-bottom: solid 1px #999}
.rec-header>.header-txt{display:inline-block;line-height:2;padding:0 15px;border-bottom:solid 1px #666}
.rec-list>.rec-item{margin:15px 0}
.rec-item:nth-child(n+5){display:none}
.rec-item>.img-item{display:block;padding:5px;line-height:2;font-size:14px;border:solid 1px #ddd}
.rec-item>.img-item>.img-title{text-align: center;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media screen and (max-width:767px){
	.breadcrumb{margin-bottom:0}
	.rec-list>.rec-item{margin:10px 0}
	.rec-list>.rec-item:nth-child(odd){padding-right:7px}
	.rec-list>.rec-item:nth-child(even){padding-left:7px}
}
@media screen and (min-width:768px){
	.rec-item>.img-item{padding:10px;font-size:14px}
	.rec-item>.img-item>.img-title{margin-top:10px}
}
/****************/
.footer{font-size:16px;color:#979aab;background:#3a3c48}
.footer-wrap{padding:40px 0 20px;border-bottom:1px solid #2b2b31}
.footer .contact>.list{line-height:2;padding:0;list-style:none}
.footer .friend-link{background:rgba(0,0,0,.2);line-height:3}
.footer a{color:#979aab;}

.copyright-wrap{padding:20px 0;border-top:1px solid #4f5463}
.copyright{font-size:14px;line-height:1.5;text-align:center}
.copyright-item{display:block}

.footer .form-control{background:0;border-radius:0;resize:none;color:#fff;}
.footer .btn-submit{color:#fff;background:#07C160;border-radius:0;border-color: #07C160}
.footer .btn-submit:active{background:#07C160;border-color: #07C160}
/*layui.css*/
div.layui-layer-dialog .layui-layer-title{color:#fff;background:#07C160}
.layui-layer-dialog .layui-layer-btn .layui-layer-btn0{background:#07C160;border-color:#07C160}
/*
.fixed-navbar-bottom{height:50px}
.fixed-navbar-bottom>.navbar-bottom{position:fixed;height:50px;width:100%;left:0;bottom:0;z-index:999;line-height:50px;text-align:center;background:#fff;box-shadow:0 0 2px #000}
*/
.fixed-navbar-bottom>.navbar-bottom>a{position: fixed; width: 50px; height: 50px; right: 0; bottom: 50px; line-height: 50px; text-align: center; border-radius: 50px; background: #fff; box-shadow: 0 0 5px #000;}

@media screen and (max-width: 767px){
	.detail-desc img {width: 100%;}
	.detail-title{font-size:18px}
	.article img,.case-img img,.case-img embed,.case-img video{max-width: 100%;display:block;height: auto;margin:0 auto;}

	.footer .contact {color:#333;background: #fff;border-top: solid 15px #eee;border-bottom: solid 15px #eee;padding: 30px 15px 20px;}
	.footer .feedback {padding-top:30px;/*background: #333;*/}
	.footer .copyright-wrap{/*background:#333*/}
	.footer .footer-wrap{padding:0}
	.footer .contact .head {text-align: center;font-size: 16px;font-weight: bold;margin: 0;margin-bottom: 10px;}
	.footer .contact>.list {line-height: 3;}
}
@media screen and (min-width: 768px){
	.navbar-nav{float:right}
	.rec-item:nth-child(n+5){display:block}
	.copyright-item{display:inline}
}
/* end common */
/*首页*/
.carousel-inner>.item>img{height:190px;object-fit:cover}
.index-product-cate-container,.index-about-container,.index-product-container,.index-advantage-container,.index-case-container,.index-news-container,.index-feedback-container{padding-top:40px;padding-bottom:40px}
.column-container{padding-top:20px;border-bottom:solid 10px #eee}
.column-list{font-size:14px;padding:0;list-style:none;overflow:hidden}
.column-item{float:left;width:25%;text-align:center;line-height:2.5}
.column-item>a{color:#333}
.product-item{margin-top:10px}
.product-item .img-title,.case-item .img-title{font-size:14px;text-align:center;padding:10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.section-header{text-align:center}
.section-header>h2{font-weight:bold;font-size:20px;margin-top:0}
.section-header>p{color:#999;margin-bottom:20px;line-height:1.5;/*height:48px;*/overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.product-cate{padding:10px 0;text-align:center}
.product-cate img{width:40px;height:40px}
.product-cate>h3{font-weight:bold}
.product-cate>h3:after{content:'';width:15%;border-bottom:solid 3px #FE8027;display:block;border-bottom:solid 3px #FE8027;margin:10px auto}
.about-container{line-height:2;color:#fff;background:#123 url(/imgs/about-bg.jpg) no-repeat fixed center;background-size:cover}
.about-container .desc{text-indent:2em;max-height:160px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}
@media screen and (max-width:991px){
	.product-item:nth-child(odd){padding-right:7px}
	.product-item:nth-child(even){padding-left:7px}
	.about-container h3{font-size:16px;font-weight:bold;text-align:center;/*margin-top:30px*/}
	.index-news-container .news-img {
		width: 37px;
	}

	.index-news-container .news-info> p.txt {
		display: block;
		white-space: nowrap;
		height: auto;
		width: 80%;
		font-size: 10px;
		line-height: 1.6;
		margin: 0;
	}

	
}
.about-container{display:table-footer-group}
.product-container{display:table-header-group}
.about-container:before,.about-container:after,.product-container:before,.product-container:after{content:'';display:block;height:40px;}

.section-link-wrap{margin:20px auto 0 auto;float:none}
.section-link{display:inline-block;width:100%;color:#fff;border:solid 1px;padding:5px 20px;text-align:center}
.section-link:hover{color:#fff}
.advantage-container{color:#fff;background-color:#333}
.advantage-container .header-icon{float:left}
.advantage-container .row{font-size:0}
.advantage{margin-top:20px;font-size:14px;float:none;display:inline-block;vertical-align:top}
.index-advantage-container .adv-desc p {height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.adv-desc{overflow:hidden;margin-left:100px}
.index-case-container .case-item{margin-top:0px}
.index-news-container{background:#f7f7f7}
.index-news-container .container .news-item{margin-top: 10px;border:none}

.news-item:nth-child(n+5){display:none}
.news-img{float:left;width:30%;}
.news-img>img{width:100%;height:100%;object-fit:cover}
.news-info{color:#999;overflow:hidden;padding-left:20px;line-height:2}
.news-info>h3,.news-info>.txt{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-info>h3{color:#333;line-height:1.3;height:41px;font-size:16px}
.news-info>.txt{height:56px}
textarea{resize:none}
.feedback-container h2{margin-bottom:20px}
.feedback-code-wrapper{margin-top:12px}
.feedback-code-wrapper>img{padding: 0;width: auto}
@media screen and (min-width:768px){
	.carousel-inner>.item>img{height:auto}
	.section-header>h2{font-weight:normal;font-size:24px}
	.about-container .desc{max-height:352px;-webkit-line-clamp:11}
	.product-cate-container,.about-container,.product-container,.advantage-container,.case-container,.index-news-container,.feedback-container{padding:50px 0}
	.news-info>h3{font-size:18px;line-height:1.1;height:20px;display:block;white-space:nowrap}
	.news-item:nth-child(n+5){display: block}

	.about-container,.product-container{display:block}
	.about-container:before,.about-container:after,.product-container:before,.product-container:after{display:none}
}
/*产品详情*/

.detail-container{padding-bottom: 40px}
.detail-info{color:#999;line-height:2;padding:20px 0}
.detail-title,.detail-info b{color:#333}
.detail-title{/*font-size:24px*/}
.detail-desc-head{font-weight:bold;text-indent:20px;background: #eee;line-height:2}
.detail-desc{line-height:2;padding:20px 0}
@media screen and (min-width:768px){
	.detail-title{font-size:30px}
	
}
/* 新闻列表 */
.news-links{font-weight:bold;text-align: center;}
.news-links>a{display:inline-block;font-size:16px;padding:10px}
.news-links>.active{color:#FE8027;border-bottom:solid 1px}
.news-list .news-item{padding:10px 15px;border-bottom:solid 1px #ddd}

.pagination-container{text-align: center;}
@media screen and (min-width:768px){
	
	.news-container .news-item{margin-top:20px;border:solid 1px #ddd}
}
/* 新闻详情 */
.news-title{/*font-size:24px*/}
.news-detail{padding:20px 0;line-height:2}
.news-detail img{display:block;max-width:100%;height:auto;margin:0 auto;}
.rec-read-list{padding:0;line-height:2;display: inline-block;margin-bottom: 20px;}
.rec-read-list li{padding-left:0;}
@media screen and (min-width:768px){
	.news-title{font-size:24px}
}
/*案例详情*/
.picture-detail-container .detail-title,.picture-detail-container .date{text-align: center}
.case-datetime{font-size:14px;color:#999;}
.case-img{padding:20px 0;text-align:center}
.case-img>img{max-width:100%}
.case-nav{padding:15px 0}
.detail-title{/*  font-size:24px  */}
video{max-width:100%}
@media screen and (min-width:768px){
	.detail-title{font-size:24px}
	video{max-width:60%;max-height:400px}
}
/*案例列表*/
.pics-container .case-item{margin-top:30px}
.cate-links{font-weight:bold;text-align:center}
.cate-links>a{display:inline-block;font-size:16px;padding:10px}
.cate-links>.active{color:#FE8027;border-bottom:solid 1px}
.case-item>.img-item{display:block;border:solid 1px #ddd;padding:10px}
.case-item .img-title{font-size:16px;text-align:center;padding-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pagination-container{text-align: center;}
.article img,.case-img img{max-width: 100%}
@media screen and (max-width:767px){
	/*MOBILE*/
	.case-list .case-item{margin-top:10px}
	.case-list .case-item:nth-child(odd){padding-right:7px;}
	.case-list .case-item:nth-child(even){padding-left:7px;}
	.case-list .case-item>.img-item{padding:5px}
	.case-item .img-title{font-size:14px;}
	/*推荐阅读*/
	.rec-read-list{list-style: none}
	.news-detail img{height:auto !important;}
}
@media screen and (min-width:768px){
	.case-item .img-title{padding-top:20px}
	.case-item>.img-item{padding:20px}
	
}

/*下载*/

.news-links{font-weight:bold;text-align: center;}
.news-links>a{display:inline-block;font-size:16px;padding:10px}
.news-links>.active{color:#FE8027;border-bottom:solid 1px}
.news-item>.h4{color:#337ab7;overflow:hidden;text-overflow:ellipsis;line-height:2;/*height:72px;*/display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-item>p{color:#999;font-size:14px;line-height:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.pagination-container{text-align: center;}
.btn-wrap{text-align:right}
.btn-download{border:solid 1px #ddd;padding:5px 15px;background:0;border-radius:2px;-webkit-appearance:none}
@media screen and (max-width:767px){
	/*MOBILE*/
	.news-list .news-item{padding:10px}
	.news-item>.h4{font-size:14px;font-weight:bold;color:#333;margin:0}
	.news-item>p{margin-bottom: 0}
}
@media screen and (min-width:768px){
	/*PC*/
	.news-item>.h4{display:block;white-space: nowrap;margin:0;}
	.news-item>p{height:56px}
	.download-container .news-item{margin-top:20px;border:solid 1px #ddd}
}
/*关于*/
.title{font-size:24px;padding:0 15px}
.article{padding:15px;font-size:16px;line-height:2}
@media screen and (min-width:768px){
	.title{font-size:30px;}
}
@media screen and (max-width: 767px){
	.title {font-size: 18px;}
}
/*个人信息*/
.personal-info{line-height:2.5}
.personal-info>.info-bar{height:120px;line-height:2;padding-top:10px;text-align:center;font-weight: bold;color: #fff;background:url(/imgs/info-bg.jpg) no-repeat left top/cover;}
.personal-info>.info-bar>p{height: 64px;overflow: hidden;text-overflow: ellipsis;width: 80%;margin: 0 auto;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.personal-info>.info-bar>img{border:solid 2px #fff;border-radius:50px}
.personal-info>.info-wrapper{margin-top:50px;overflow:hidden}
.info-wrapper>.info-item{padding:0 15px}
.info-wrapper>.info-item::after{content:'';display:block;border-bottom:solid 1px #ddd;clear:left}
.info-item>.info-name{float:left;width:100px;}
.info-item>.info-btn{float:right;font-size:14px;line-height:40px;margin-left: -58px;}
.info-title>.info-name{font-size:18px;font-weight:bold;padding-left:20px;background:url(/imgs/info-icon.png)no-repeat left center/ 20px;}
.info-more-link{text-align:center}
.personal-info>.fixed-wx{display:none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.5);z-index: 1;}
.fixed-wx>img{position: absolute;width: 80%;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);}
/*PC*/


@media screen and (max-width:991px){
/*手机端*/
body{font-size: 14px}
h1{font-size:18px}
h2{font-size:16px}
h3,h4,h5,h6{font-size:14px}
h1,h2,h3,h4,h5,h6{font-weight:bold}

.navbar-brand{position: absolute;left: 0;right: 60px;padding-right: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;}
.section-header>h2{font-size:16px}
.section-header>p{font-size: 14px;height: 42px;text-align: left;text-indent: 2em;}
.about-container .desc{font-size:14px}
.news-info>h3{font-size:14px;height: auto;display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0;}

.rec-header>.header-txt{font-size: 16px}

.footer{font-size:14px}
}