/*分校*/
.branchBanner{ height: 500px; background: url(../images/mapbanner.jpg) no-repeat center; min-width: 1200px;}
.branchMain{ width: 1200px; max-width: 94%; margin:auto;}
.branchMain .mainCont{margin:auto;}
.branchMain .cmmt{ /*width: 1000px; */margin: 0 auto auto; position: relative; /*top:-127px;*/ z-index: 0;text-align:left;}
.branchMain .cmmt .zpart{background: #fff; border-radius: 5px; padding: 25px; margin-bottom: 20px;}
.branchMain .cmmt .titles{border-bottom: 1px solid #cbe7c0;position: relative;padding: 20px 0 40px;}
.branchMain .cmmt .titles{text-align:center; font-weight:bold; font-size: 24px;}
.branchMain .cmmt .titles b{background: -webkit-gradient(linear, left top, right top, from(#73cd4c), to(#3fac64));background: -webkit-linear-gradient(left, #73cd4c, #3fac64);background: -o-linear-gradient(left, #73cd4c, #3fac64);background: linear-gradient(to right, #73cd4c, #3fac64); -webkit-background-clip: text; color: transparent;}
.branchMain .cmmt .titles i{display: block; width: 44px; height: 44px; position:absolute; bottom: -22px; left: 64px;}
.branchMain .cmmt .titles i img{display: block;}
.branchMain .cmmt .contm{padding-top: 60px;}
.branchMain .cmmt .infoaddr{padding-bottom: 25px; overflow: hidden;margin: 0 auto;}
.branchMain .cmmt .infoaddr b{display: block; float: left; font-size: 22px; font-weight: bold; line-height: 30px;background: -webkit-gradient(linear, left top, right top, from(#73cd4c), to(#3fac64));background: -webkit-linear-gradient(left, #73cd4c, #3fac64);background: -o-linear-gradient(left, #73cd4c, #3fac64);background: linear-gradient(to right, #73cd4c, #3fac64); -webkit-background-clip: text; color: transparent;}
.branchMain .cmmt .infoaddr span{display: block; float: left; padding-left: 30px; font-size: 16px; color: #979ba2; line-height:30px;}
.branchMain .cmmt .stle{ margin: 0 auto; font-size: 22px; font-weight: bold; line-height: 30px;background: -webkit-gradient(linear, left top, right top, from(#73cd4c), to(#3fac64));background: -webkit-linear-gradient(left, #73cd4c, #3fac64);background: -o-linear-gradient(left, #73cd4c, #3fac64);background: linear-gradient(to right, #73cd4c, #3fac64); -webkit-background-clip: text; color: transparent;}
.branchMain .productShow{  margin: 0 auto; padding-top: 30px;}
.branchMain .productShow .bigpic{  width: 100%;}
.branchMain .productShow .bigpic img{display: block; width: 100%; }
.branchMain .productShow .smpic{ margin-top: 20px; position: relative;}
.branchMain .productShow .smpic .pics{width: 100%; overflow: hidden; position: relative; height: 158px;}
.branchMain .productShow .smpic .pics ul{margin-right: -12px; position: absolute; top: 0; left: 0;}
.branchMain .productShow .smpic .pics li{ width: 220px; height: 158px;margin-right: 10px; float: left; background: #666; position: relative; cursor: pointer;}
.branchMain .productShow .smpic .pics li.on{border: 2px solid yellow; -webkit-box-shadow:  0 0 12px yellow; box-shadow:  0 0 12px yellow;}
.branchMain .productShow .smpic .pics img{ width: 100%; height: 100%; display: block;}
.branchMain .cmmt .picList{ padding-top: 26px;  }
.branchMain .cmmt .picList li{float: left; width: 24%; margin-left:1%; -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s;}
/*.branchMain .cmmt .picList li:first-child{ margin-left: 0px; }*/
.branchMain .cmmt .picList li .pic span{ padding-top: 86%; }
.branchMain .cmmt .picList li:hover{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px); -webkit-box-shadow:0px 12px 35px -13px rgba(0, 0, 0, .4); box-shadow:0px 12px 35px -13px rgba(0, 0, 0, .4);}
.branchMain .cmmt .picList li img{display: block; width: 100%;}
.branchMain .prevBtn{display: block; position: absolute; top: 0; left: -45px; width: 45px; height: 158px; background: url(../images/arrowerml.png) no-repeat center; cursor: pointer;}
.branchMain .nextBtn{display: block; position: absolute; top: 0; right: -45px; width: 45px; height: 158px; background: url(../images/arrowermr.png) no-repeat center; cursor: pointer;}

@media only screen and (max-width: 600px) {
.branchMain .cmmt .picList li{ width: 49%; margin-bottom: 1%; }
.branchMain .cmmt .infoaddr span{ padding-left: 0px; }
}