.f-l{float: left;}
.f-r{float: right;}
.clear{clear: both;}
.t-l{text-align: left}
.t-r{text-align: right}
.t-c{text-align: center}
.t-j{text-align: justify}
.t-hide{font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-center{text-align: center;}
.en-big{text-transform: uppercase;}
.hide{display: none;}
.show{display: block;}
.img-mid{display: inline-block; max-width: 100%;vertical-align: middle;}
.com-table{display: table;height: 100%;}
.com-cell{display: table-cell;vertical-align: middle;}
.com-width{margin-right: auto; margin-left: auto; width: 1200px;}
.box{display: block; width: 100%; height: 100%;}
.fw-600{font-weight: 600;}
.fw-300{font-weight: 300;}
.mw-100{max-width: 100%;}
ul, ol, li {
    list-style: none;
}

.pd-80 {
    padding-bottom: 80px;
}
/*左侧*/
.news-show-left{float: left; margin: auto; width: 800px; background: #fff; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1); box-shadow: 0 1px 1px rgba(0,0,0,.1); -ms-box-shadow: 0 1px 1px rgba(0,0,0,.1);}
.news-show-left .news-title{padding: 40px 20px; padding-bottom: 20px;border-top: 1px #f1f1f1 solid; text-align: center;}
.news-show-left .news-title .tit{padding-bottom: 10px; color: #333;font-weight: normal;font-size: 24px;}
.news-show-left .news-title p{padding-bottom: 10px;border-bottom: 1px solid #F0F2F5; color: #a3afb7;font-size: 14px;}
.news-show-left .news-title p a{color: #a3afb7;}
.news-show-left .news-views{overflow: hidden;margin: 40px 20px 20px; margin-top: 0;min-height: 600px; color: #666; font-size: 14px; line-height: 25px;}
.news-show-left .news-views p{margin-bottom: 10px;}
.news-show-left .news-views img{max-width: 100%;}
.news-show-left .news-other{padding: 20px 15px; border-top: 1px #f1f1f1 solid;}
.news-show-left .news-other p{display: block;padding-left:3px; height: 40px;line-height: 40px;}
.news-show-left .news-other p a{color: #333;font-size: 14px;}
.news-show-left .news-other p a:hover{color: #d4141a;}
.news-show-left .share-bar{padding: 20px;}
/*右侧*/
.news-show-right{float: right; width: 370px;}
.news-show-right dl{display: block; margin-top: 0; margin-bottom: 20px; background: #fff; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1); box-shadow: 0 1px 1px rgba(0,0,0,.1); -ms-box-shadow: 0 1px 1px rgba(0,0,0,.1);}
.news-show-right dl dt{position: relative;display: block; height: 42px; border-bottom: 1px #f1f1f1 solid; line-height: 42px;}
.news-show-right dl.tab dt{padding-left: 20px;height: 42px;border-top: 1px #f1f1f1 solid;color: #1d1d1d; font-size: 18px; line-height: 42px;}
.news-show-right dl.tab dd{position: relative;}
.news-show-right dl.tab dd ul{display: block; padding: 0 20px;}
.news-show-right dl.tab dd ul li{display: block; padding: 15px 0; border-bottom: 1px #f1f1f1 solid;height: 60px;}
.news-show-right dl.tab dd ul li .pic{position: relative; overflow: hidden; margin-right: 20px; width: 60px; height: 60px; text-align: center; font-size: 0; line-height: 60px;}
.news-show-right dl.tab dd ul li .pic img {max-width: none;}
.news-show-right dl.tab dd ul li h5{display: block; overflow: hidden; padding-top: 4px; padding-bottom: 10px; color: #333; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 20px;}
.news-show-right dl.tab dd ul li h5 a{color: #333;}
.news-show-right dl.tab dd ul li h5 a:hover{color: #d4141a;}
.news-show-right dl.tab dd ul li .news-cate{color: #999;}
.news-show-right dl.tab dd ul li i{float: left;color: #999;font-size: 12px;}
.news-show-right dl.tab dd ul li em{float: right; padding-left: 25px; background: url(../images/common/eye.png) no-repeat left center; color: #999; font-style: normal; font-size: 12px;min-width: 50px;}
.news-show-right dl.tab dd .more{position: relative; top: -1px; height: 45px; border-top: 1px #f1f1f1 solid;color: #333; text-align: center; line-height: 45px;}
.news-show-right dl.tab dd .more a{position: relative;display: inline-block; color: #333;}
.news-show-right dl.tab dd .more a b{margin-left: 5px;font-family: "'Microsoft YaHei";-webkit-transition: transform .3s;-o-transition: transform .3s;transition: transform .3s;}
.news-show-right dl.tab dd .more a:hover b{-webkit-transform: translateX(5px);-o-transform: translateX(5px);transform: translateX(5px);-ms-transform: translateX(5px);}
.news-show-right dl.tab dd .more a:hover{color: #d4141a;}
.news-show-right dl.list dt{padding-left: 20px; color: #333; font-size: 18px;}
.news-show-right dl.tab dt a{display: table-cell;width: 33%; height: 42px; color: #009A62; text-align: center; font-size: 18px; line-height: 42px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out;}
.news-show-right dl.list dt a b{position: relative; top: -1px; display: inline-block; overflow: hidden; margin-left: 2px;width: 15px; height: 15px; background-position: 0 -64px; vertical-align: middle;}
.news-show-right dl.list dd ul{display: block; padding: 20px;}
.news-show-right dl.list dd ul li{display: block; overflow: hidden;padding-bottom: 12px; text-overflow: ellipsis; white-space: nowrap;}
.news-show-right dl.list dd ul li a{color: #333; font-size: 14px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s;}
.news-show-right dl.list dd ul li a:hover{color: #d4141a;}
.gr-page-other{margin-top: 15px; padding-top: 10px; padding-bottom: 10px; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd;}
.gr-product-content .gr-page-other{border-color: #E4EAEC;}
.gr-page-other p{line-height: 26px;}
.gr-back-btn{margin-top: 6px; width: 125px; height: 40px; background-color: #999; color: #fff!important; text-align: center; font-size: 14px; line-height: 40px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.gr-back-btn:hover{opacity: 0.8; filter: alpha(opacity=80);}
.news-case {
    padding: 20px;
}
.news-case .gr-case-list {
    width: 100%;
}
.news-case .gr-case-list li,
.news-case .gr-case-list li .pic {
    float: none;
    width: 100%;
    height: auto;
}
.gr-case-list {
    width: 1220px;
}
.gr-case-list li {
    margin-right: 18px;
    width: 388px;
    float: left;
}

.gr-case-list li .pic {
    display: block;
    position: relative;
    width: 388px;
    height: 262px;
    overflow: hidden;
}
.gr-case-list li .pic .cover {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
}
.gr-case-list li .pic img {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.gr-case-list li:hover .pic img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
} 
.gr-case-list li .cont {
    position: relative;
    margin: -40px auto 25px;
    padding: 15px 25px 15px;
    z-index: 99;
    position: relative;
    background: #fff;
    width: 95%;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
.gr-case-list li .cont:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 3px solid #d4141a;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.gr-case-list li:hover .cont:before {
    opacity: 1;
}
.gr-case-list li .cont .tit {
    margin-bottom: 5px;
    font-size: 16px;
    color: #d4141a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gr-case-list li .cont .tit a {
    color: #000;
}
.gr-case-list li:hover .cont .tit a{
    color: #d4141a;
}
i{display: inline-block;vertical-align: middle;}
.crumbs {
	background-color: #f7f7f7;
	border-bottom: 1px solid #ededed;
}
.crumbs .pull-right {
	display: none;
}
@media (min-width:1200px) {
.container {
	width: 1170px;
	    margin-left: auto;
}
.breadcrumb {
	padding: 18px 15px 20px 0;
	margin-bottom: 0px;
	list-style: none;
	background-color: #f7f7f7;
	border-radius: 0px;
}
.breadcrumb > li {
	display: inline-block;
}
.breadcrumb > li + li:before {
	padding: 0 5px;
	color: #cccccc;
	content: "/\00a0";
}
.breadcrumb > .active {
	color: #999999;
}
.btn-menu {
	padding: 19px 19px;
	border: 0px solid transparent;
	border-radius: 0px;
}

/*  案例列表 */
.clearfix:after {clear: both; content: "."; display:block; height: 0; overflow: hidden; visibility: hidden; }
.clearfix { zoom:1;}

.p_wrapper{border-top:1px solid #ddd;margin-top:60px;}
.proList_left{width:900px;overflow:hidden;padding-top:30px;}
.list_lan{overflow:hidden;}
.list_lan dl { padding:14px 0; _padding:0; height:auto; border-bottom:1px dashed #d1d0d0; overflow:hidden;}
.list_lan dl dt { float:left; width:84px; color:#383838; font:15px/34px "'Microsoft YaHei"; _margin:14px 0; overflow:hidden;}
.list_lan dl dd { float:left; width:810px; overflow:hidden; _margin:14px 0;}
.list_lan dl dd a { color:#383838; margin:0 20px; display:inline-block; font:15px/34px "'Microsoft YaHei";}
.list_lan dl dd a.hong { color:#fff; height:26px; font:15px/26px "'Microsoft YaHei"; padding:0 13px; background:#97292c;}
.list_lan dl dd h1 { margin:0 20px;  font:15px/34px "'Microsoft YaHei";display:inline-block;color:red;}
.productList{width:900px;margin-top:45px;}
.productList ul{width:940px;}
.productList li{float:left;width:275px;padding:9px;border:1px solid #ddd; margin-right:14px;color:#757575;margin-bottom:12px;height:311px; font-size:14px;}
.productList li p{width: 268px;height: 92px;}
.productList li .pImg{display:block;width:270px;height:170px;overflow:hidden;margin-bottom:10px;}
.productList li img{width:270px;height:170px;transition:all 0.5s;transform:scale(1,1);}
.productList li h4{height:30px;border-bottom:1px solid #ddd;font-size:14px;margin-bottom:5px;font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.productList li h4 a{color:#333; font-size:16px;}
.productList li h4 span{float:right;color:#757575;font-size:12px;}
.productList li p span{margin-left:30px;}
.productList li:hover{border:1px solid #b11e28;}
.productList li h4 a:hover{color:#b11e28;}
.productList li:hover img{transition:all 0.5s;transform:scale(1.1,1.1);}
.productList li:hover{box-shadow:0 0 5px #f0979d;}
.proList_right{width:270px;background:#f0f0f0;overflow:hidden;}
.rightBox1{border-bottom:2px solid #fff;padding:30px 20px;}
.rightBox1 h3{font-size:22px;color:#b11e28;text-align:center;margin-bottom:20px;}
.rightBox1 h3 span{font-size:14px;color:#676767;display:block;font-weight:normal;}
.rightBox2,.rightBox3,.rightBox4{padding:25px 0 30px 0;border-bottom:2px solid #fff;}
.proList_right .r_title{font-size:20px;color:#b11e28;height:40px;border-bottom:1px solid #d5d5d5;margin-bottom:30px;}
.proList_right .r_title span{border-bottom:2px solid #b11e29;display:inline-block;height:39px;padding:0 8px}
.r_slide{height:390px;overflow:hidden;padding:0 15px;}
.r_slide li{ width:240px;overflow:hidden;margin-bottom:10px;}
.r_slide li span{display:block;width:240px;height:145px;overflow:hidden;}
.r_slide li img{ width:240px; height:145px;transition:all .5s;}
.r_slide li p{height:40px; line-height:40px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;background:#fff;padding:0 10px;font-size:14px}
.r_slide li:hover img{transform:scale(1.1,1.1);}
.rightBox3 .r_title{margin-bottom:15px;}
.proList_right .r_label{height:240px;width:270px;}
.rightBox4 .main{padding:0 20px;overflow:hidden;}
.rightBox4 .main .phone{font-size:14px;background: url('../images/pIcon.png') no-repeat left center;padding-left:50px;margin-top:30px;}
.rightBox4 .main .phone span{display:block;font-size:24px;line-height:26px;color:#b5313a;}
/* 相关案例样式 */
.relatedPro{width:1200px;    margin: auto;}
.relatedPro ul{width:1240px;}
.relatedPro{margin-bottom:30px;}
.relatedPro .tie{margin-bottom:25px;border-bottom:1px solid #ddd;}
.relatedPro .tie span{height:40px;border-bottom:1px solid #b11e28;display:inline-block;    margin-left: 50%;
    font-size: 20px;}
.hotBanner{width:1200px;overflow:hidden;position:relative;}
.hotBanner li,.hotBanner li img{width:1200px;height:220px;}
}

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

.relatedPro{width:1100px;    margin: auto;}
.relatedPro ul{width:100%;}
.productList li{float:left;width:21.7%;padding:9px;border:1px solid #ddd; margin-right:14px;color:#757575;margin-bottom:12px;height:311px; font-size:14px;}
.productList li p{width: 268px;height: 92px;}
.productList li .pImg{display:block;width:100%;height:auto;overflow:hidden;margin-bottom:10px;}
}
@media only screen and (max-width:1100px) {
	
	
/*  案例列表 */
.clearfix:after {clear: both; content: "."; display:block; height: 0; overflow: hidden; visibility: hidden; }
.clearfix { zoom:1;}

.p_wrapper{border-top:1px solid #ddd;margin-top:60px;}
.proList_left{width:900px;overflow:hidden;padding-top:30px;}
.list_lan{overflow:hidden;}
.list_lan dl { padding:14px 0; _padding:0; height:auto; border-bottom:1px dashed #d1d0d0; overflow:hidden;}
.list_lan dl dt { float:left; width:84px; color:#383838; font:15px/34px "'Microsoft YaHei"; _margin:14px 0; overflow:hidden;}
.list_lan dl dd { float:left; width:810px; overflow:hidden; _margin:14px 0;}
.list_lan dl dd a { color:#383838; margin:0 20px; display:inline-block; font:15px/34px "'Microsoft YaHei";}
.list_lan dl dd a.hong { color:#fff; height:26px; font:15px/26px "'Microsoft YaHei"; padding:0 13px; background:#97292c;}
.list_lan dl dd h1 { margin:0 20px;  font:15px/34px "'Microsoft YaHei";display:inline-block;color:red;}
.productList{width:900px;margin-top:45px;}
.productList ul{width:940px;}
.productList li{float:left;width:21.7%;padding:9px;border:1px solid #ddd; margin-right:14px;color:#757575;margin-bottom:12px;height:311px; font-size:14px;}
.productList li p{width: 268px;height: 92px;}
.productList li .pImg{display:block;width:100%;height:auto;overflow:hidden;margin-bottom:10px;}
.productList li img{width:100%;height:auto;transition:all 0.5s;transform:scale(1,1);}
.productList li h4{height:30px;border-bottom:1px solid #ddd;font-size:14px;margin-bottom:5px;font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.productList li h4 a{color:#333; font-size:16px;}
.productList li h4 span{float:right;color:#757575;font-size:12px;}
.productList li p span{margin-left:30px;}
.productList li:hover{border:1px solid #b11e28;}
.productList li h4 a:hover{color:#b11e28;}
.productList li:hover img{transition:all 0.5s;transform:scale(1.1,1.1);}
.productList li:hover{box-shadow:0 0 5px #f0979d;}
.proList_right{width:270px;background:#f0f0f0;overflow:hidden;}
.rightBox1{border-bottom:2px solid #fff;padding:30px 20px;}
.rightBox1 h3{font-size:22px;color:#b11e28;text-align:center;margin-bottom:20px;}
.rightBox1 h3 span{font-size:14px;color:#676767;display:block;font-weight:normal;}
.rightBox2,.rightBox3,.rightBox4{padding:25px 0 30px 0;border-bottom:2px solid #fff;}
.proList_right .r_title{font-size:20px;color:#b11e28;height:40px;border-bottom:1px solid #d5d5d5;margin-bottom:30px;}
.proList_right .r_title span{border-bottom:2px solid #b11e29;display:inline-block;height:39px;padding:0 8px}
.r_slide{height:390px;overflow:hidden;padding:0 15px;}
.r_slide li{ width:240px;overflow:hidden;margin-bottom:10px;}
.r_slide li span{display:block;width:240px;height:145px;overflow:hidden;}
.r_slide li img{ width:240px; height:145px;transition:all .5s;}
.r_slide li p{height:40px; line-height:40px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;background:#fff;padding:0 10px;font-size:14px}
.r_slide li:hover img{transform:scale(1.1,1.1);}
.rightBox3 .r_title{margin-bottom:15px;}
.proList_right .r_label{height:240px;width:270px;}
.rightBox4 .main{padding:0 20px;overflow:hidden;}
.rightBox4 .main .phone{font-size:14px;background: url('../images/pIcon.png') no-repeat left center;padding-left:50px;margin-top:30px;}
.rightBox4 .main .phone span{display:block;font-size:24px;line-height:26px;color:#b5313a;}
/* 相关案例样式 */
.relatedPro{width:94%;    margin: auto;}
.relatedPro ul{width:100%;}
.relatedPro{margin-bottom:30px;}
.relatedPro .tie{margin-bottom:25px;border-bottom:1px solid #ddd;}
.relatedPro .tie span{height:40px;border-bottom:1px solid #b11e28;display:inline-block;    margin-left: 50%;
    font-size: 20px;}
.hotBanner{width:100%;overflow:hidden;position:relative;}
.hotBanner li,.hotBanner li img{width:100%;height:220px;}
}