body{font-family: Microsoft Yahei;overflow-x:hidden;color: #666;background:#fff;position: relative;}
ul,ol,li{list-style: none;}
a{color: #333;}
a:hover{text-decoration:none;outline:none;}
a:visited,a:active {outline:none;}
div:focus{
    outline:none;
}


/* 通用 */

.blank5,.blank10,.blank15,.blank20,.blank30,.blank50,.blank60 {clear:both;height:5px;overflow:hidden;}
.blank10 {height:10px;}
.blank15 {height:15px;}
.blank20 {height:20px;}
.blank30 {height:30px;}
.blank50 {height:50px;}
.blank60 {height:60px;}

 
 .color-orange {color:#FE6604}


@media (min-width: 768px) {
    .navbar-brand {padding:10px 15px;}
    .navbar-default.active .navbar-brand img,.navbar-default.active a.navbar-brand img {max-height:40px;}
}


.section1{padding: 60px 0;text-align: center;background: #F1F1F1; text-align:center;}
.s1-img{text-align: center;}
.s1-img img{max-width:100%;height: auto;width:auto;}
.section1 h4{font-size: 40px;color: #323232;margin: 30px 0;}
.section1 p{max-width:300px; color: #999;font-size: 18px;line-height: 2;margin:0px auto;}


.section2{padding: 60px 0;}

.title10{margin-bottom: 30px;}
.title10:after{content:"";display: table;clear: both;}
.title10 p{float: right;font-size: 26px;color: #323232;margin-top: 10px;}
.title10 h4{font-size: 40px;color: #323232;}
@media (max-width: 468px) {
.title10 h4{font-size: 30px;}
}
.title10 h4 a{color: #323232;}
.title10 h4:after{content:"";display: block;height: 2px;width: 1em;background: #323232;margin: 30px 0 0;}


.s2-item{margin: 10px 0;}
.s2-img{position: relative;display:block;overflow:hidden;}
.s2-img img{width:100%;height:100%;margin:0px auto;transition:600ms;}
.s2-item:hover .s2-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform:scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.s2-text{position: relative;height: 118px;overflow: hidden;padding: 15px;background: #C0A57D;text-align: center;}
.s2-text h4{color: #fff;font-size: 30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s2-text h4 a{color: #fff;}
.s2-text p{color: #fff;font-size: 20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s2-text p a{color: #fff;}



@media screen and (min-width: 1200px) {
.s2-img{width: 360px;height: 360px;}
}

@media screen and (min-width: 992px) and (max-width: 1199px){
.s2-img{width: 293px;height: 293px;}
}

@media screen and (min-width: 768px) and (max-width: 991px){
.s2-img{width: 220px;height: 220px;}
}

@media screen and (min-width: 768px) {
.section2 [class*="col-"]:nth-child(1) .s2-img{top: 118px;}
.section2 [class*="col-"]:nth-child(1) .s2-text{top: -360px;}
.section2 [class*="col-"]:nth-child(3) .s2-img{top: 118px;}
.section2 [class*="col-"]:nth-child(3) .s2-text{top: -360px;}
.section2 [class*="col-"]:nth-child(4) .s2-img{top: 118px;}
.section2 [class*="col-"]:nth-child(4) .s2-text{top: -360px;}
.section2 [class*="col-"]:nth-child(6) .s2-img{top: 118px;}
.section2 [class*="col-"]:nth-child(6) .s2-text{top: -360px;}
}



.section3{padding: 100px 0 60px;background: url(../images/base/s3-bg.jpg);background-size:cover;}
.s3{text-align: center;max-width:700px;margin: 0 auto;color: #fff;	}
.s3 h4{color: #fff;font-size: 46px;margin-bottom: 30px;}
.s3 h4 a {color:#fff;}
.s3 p{color: #fff;font-size: 18px;line-height: 2;}




.section4{padding: 60px 0;}
.s4-item{margin: 20px 0;}
.s4-img{display:block;overflow:hidden;}
.s4-img img{width:100%;height:auto;margin:0px auto;transition:600ms;}
.s4-item:hover .s4-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform:scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}





.section5{padding: 40px 0;}
.s5-item{padding: 40px 0;}
.s5-item span{display: block;color: #7f7f7f;font-size: 18px;}
.s5-item h4{color: #323232;font-size: 28px;margin-bottom: 30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s5-item p{color: #666;font-size: 16px;line-height: 24px;height: 72px;overflow: hidden;}

.section5 [class*="col-"]:nth-last-child(1) .s5-item{border-top:1px solid #666;}
.section5 [class*="col-"]:nth-last-child(2) .s5-item{border-top:1px solid #666;}





.s6-item{height:304px; overflow:hidden;}
.s6-item a{display:block;overflow:hidden;}
.s6-item img{width:100%;height:auto;margin:0px auto;transition:600ms;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.s6-item:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform:scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: none; }



.section7{padding: 60px 0}
.s7-text{margin:20px 0}
.s7-text h3{font-size:24px;color:#444}
.s7-text h4{font-size:20px;color:#555;margin:40px 0 10px}
.s7-text p{font-size:22px;color:#444}
.s7-form{margin:20px 0}
.s7-form ul{padding:0;margin:0}
.s7-form ul li+li{margin-top:45px}
.s7-form input.form-control{height:47px;font-size:16px;border:none;background:#F2F2F2;-webkit-box-shadow:inset 0 1px 1px transparent;box-shadow:inset 0 1px 1px transparent}
.s7-form textarea{border:none;background:#F2F2F2;font-size:16px;padding:12px;-webkit-box-shadow:inset 0 1px 1px transparent;box-shadow:inset 0 1px 1px transparent}
.s7-form .btn{width:100%;background:#9A9A9A;color:#fff}
.s7-form .btn:hover{background:#666;color:#fff}



.foot{padding: 40px 0;background: #323232;}
.foot-logo{margin: 20px 0;text-align: center;}
.foot-logo p{color: #ccc;font-size: 16px;}
.foot-logo a{color: #fff;}
.foot-logo img{max-width:100%;height: auto;max-height: 103px;margin-bottom: 30px;}
.foot-text{margin: 20px 0;text-align: right;}
.foot-text h4{color: #fff;height: 50px;margin-bottom: 30px;}
.foot-text h4 a{color: #fff;font-size: 16px;margin-left: 20px;display: inline-block;}

.foot-text p{color: #ccc;}
.foot-text p a{color: #ccc;}
@media screen and (min-width: 0) and (max-width: 767px){
.foot-text{text-align: center;}
.foot-text h4{margin: 40px 0 20px;height: auto;}
}

.copyright{background: #323232;padding: 15px 0;color: #ccc;}
.copyright a{color: #ccc;}

.title20{padding: 0  0 20px;}
.title20:after{content:"";display: table;clear: both;}
.title20 ul{text-align: center;position: 0;margin: 0;}

.title20 ul li{display: inline-block;margin: 10px 0;	}
.title20 ul li a{display: inline-block;line-height: 36px;padding: 0 40px;font-size: 18px;color: #333;
border:1px solid #ccc;margin: 0 5px;
border-radius: 36px;
}

.title20 ul li a:hover,
.title20 ul li a.on{background: #C08C3E;border-color:#C08C3E;color: #fff;}


.sub_menu{margin: 30px 15px;}

.section11{}

.s11-item{margin: 15px 0;position: relative;overflow: hidden;}
.s11-img{display:block;overflow:hidden;}
.s11-img img{width:100%;height:auto;margin:0px auto;transition:600ms;}
.s11-item:hover .s11-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform:scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}


.s11-text{position: absolute;left: 0;right: 0;top: 100%;height: 100%;
 transition: all 300ms ease-in-out 0s;padding: 20px;
 background: rgba(192,140,62,.8);text-align: center;
}
.div-table{display:table;height:100%;width:100%;}
.div-cell{display:table-cell;vertical-align:middle;}


.s11-text h4{color: #fff;font-size: 30px;margin-bottom: 15px;}
.s11-text h4 a{color: #fff;}
.s11-text p{color: #fff;font-size: 16px;line-height: 24px;max-height: 48px;overflow: hidden;}
.s11-text p a{color: #fff;}

.s11-item:hover{box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);}
.s11-item:hover .s11-text{top: 0;}




.section12{padding: 100px 0; color:#fff;background: url(../images/base/s12-bg.jpg) center center no-repeat;background-size:cover;}
.section12 a {color:#fff}
.s12-title{text-align: center;margin-bottom: 60px;}
.s12-title h4{font-size: 40px;color: #fff;}


.s12-item{padding: 20px;border:1px solid #eee;margin: 15px 0;}
.s12-item h4{color: #fff;margin-bottom: 25px;text-align: center;font-size: 30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.s12-item p{color: #fff;line-height: 24px;height: 72px;overflow: hidden;}