/* CSS Document */
@media (max-width: 767px) {
.mar20 { height:10px}
.mar40 { height:20px}
.mar100 { height:50px}
	
.tiptitle {font-size:16px;}
.tiptitle ul {width:50%;  height:32px; line-height:32px;   }
.tiptitle span { width:20%;  margin-top:16px;}
.tiptitle .text {color:#222; font-size:12px; float:none; width:100%}
.brand-img img {width: 114px; height: 29px}
.brand-img {width: 114px; }
.protabtil ul li {margin:10px 10px 0px 0px; }
.protabtil ul li a { padding:8px 10px; }

.protabcon ul li {float:left; margin:10px 4% 0px 0; position:static; width:48%; height:auto;}
.protabcon ul li:nth-child(2n)  {margin-right:0}

.protabcon .at {background-color:rgba(0,0,0,0.3); color:#fff; padding:8px 0; display:block; position:static;   text-decoration:none; opacity:1}
.protabcon .at:hover {background-color:rgba(0,0,0,0.3); } 

.protabcon .at p { text-align:center; line-height:150%; width:90%; margin:0 auto; margin-top:0;}


.aboutus {  background:#efefef;  height:auto;}
.aboutus dl {margin:0; padding:0}
.aboutus .condl { margin:0 auto; height:auto; width:80%; padding-top:10px; padding-bottom:10px  }
.aboutus .condl dt { width:100%;  margin:0 auto; float:none; padding:0}
.aboutus .condl dt img { width:100%; height:auto}

.aboutus .condl dd {background:#fff; padding:10px; width:100%;  float:none; height:auto; }
.aboutus .condl dd span {font-size:20px; margin-bottom:5px; display:block}
.aboutus .condl dd  p {margin-bottom:10px; height:auto;}
.aboutus .condl dd a {margin:10px 0; display:block; width:25%; padding:8px 10px; text-align:center}


.case { background:#f9f9f9;}
.case #myNiceCarouse2 {padding:0;width:100%; margin:0 auto }
.case #myNiceCarouse2 .carousel-control {width:30px; background:#b4b4b4}
.case dl {margin:0 30px;}


.case dl { height:auto;; margin-bottom:0; padding:0; margin-top:0}

.case dl dd ul {float:left; width:32%; margin-right:1%; position: static; margin-bottom:0; padding:0}

.case dl dd ul span { position: static; background-color:rgba(0,0,0,0.3);  }
.case dl dd ul:hover span {display:block}
.case .at {display:none; width:1px; height:1px  }
.case dl dd ul span em {font-style:normal; font-size:16px;}

.case .carousel-control:hover, .case .carousel-control:focus {opacity:.6}


.news {position: static; height:auto}
.news .newsdlcon dt {background:#f9f9f9; padding:10px 0}
.news .newsdlcon dd {margin-top:0}
.news .dlgb { display:none}
.news .newsdlcon {  position: static; }
.news .newsdlcon dd ul {padding:20px;}
.news .newsdlcon dd ul li {float:none; width:100%; padding:0;  border-right:0; }

.news .newsdlcon dd ul li img,.newslistpage dl dt img {width:100%; height:auto}


.news .newsdlcon .carousel-control { display:none}
.news .more  {margin-top:0}


.couttiptitle ul {width:100%; padding-left:0}
.couttiptitle span {width:10%}
.cont .mar100 {display:none}
.cont .contdl { width:100%; margin:0 auto;   }

.cont .contdl dl dd { width:100%; height:auto }
.cont .contdl dl div dd img,.cont .contdl dl div dd ul {width:100%; float:none; height:auto}

.cont .contdl dd p {padding:10px; line-height:180%}

.cont .contdl dt {background:#fff; height:auto }
.cont .contdl dt ul li {float:left; border-right:1px solid #e5e5e5; padding:0px; width:30%; margin-right:0; margin-left:1%; border:0}
.cont .contdl dt ul li img { width:100%; height:auto}

.map {background:url(../img/mapbg.jpg) center no-repeat; height:auto}
.map ul { margin-bottom:0; padding-top:20px; padding-bottom:20px}

.map ul li {width:80%; float:none; text-align:left; margin:0 auto}

.map ul li span {display:block; width:20px; height:20px; margin:0 auto; float:left; margin-right:10px }
.map ul li span i {font-size:20px; }

.bread {margin-bottom:5px}
.promode {padding:20px; margin-top:20px}
.promode .text {width:20%; margin-right:6%; font-size:14px}
.promode .modetab {width:74%; }
.promode .modetabr {width:100%; }
.promode li span a {margin-right:6%; padding:2% 4%;  margin-bottom:6%;}

.procon { margin-top:20px}
.procon li { width:48%; margin-right:4%; margin-bottom:4%; float:left}
.procon li:nth-child(2n) { margin-right:0}
.procon .at {padding:10px;  }

.pro dl dt {width:100%; float:none}
.pro dl dt img {width:100%; height:auto}
.pro dl dd {margin-left:0; width:100%; float:none }


.prot ul a {padding:2%; margin:2% 0  }
.prot ul img {width:100%; height:auto}

.service dl dt,.service dl dd {float:none; width:100%}
.service dl dd ul { margin-left:0; padding:0 4%; }


.newslistpage dl dt,.newslistpage dl dd  {width:100%; float:none;}
.newslistpage dl dd { margin-left:0; }

.newslistpage dl dd a { padding:2% 0; margin-bottom:4%;width:20%; }
.panel-default .firstRow {text-align:left}
.probgc ul li p {font-size:16px}



.sub-c a span {

	font-size: 18px;


}
	}

@media (min-width: 1921px) {
	.aboutus {
	background-position:center
}
.container {
    max-width: 1560px;
}