.banner{position:relative;width:100%;height:800px; margin: 0 0 80px 0; overflow:hidden;}
.banner .bd{position: absolute; left: 50%;margin: 0 0 0 -960px;width: 1920px;height: 800px;}
.banner img{display: block;width: 1920px;height: 800px;}
.banner .hd{position: absolute; z-index: 10; bottom: 25px; left: 0; font-size: 0; line-height: 0; width: 100%; text-align: center;}
.banner .hd li{display: inline-block; width: 105px; height: 12px; margin: 0 10px; background: #ee655d; cursor: pointer;}
.banner .hd li.on{background: #feb43e;}

.m{margin-bottom: 50px; width: 1200px; margin-left: auto; margin-right: auto;}
.m .zhd{font-size: 0; line-height: 0; margin-bottom: 30px;}
.m .zhd img{display: block;}

.mbtn{text-align: center;font-size: 0;line-height: 0;}
.mbtn a{display: inline-block; padding: 0 80px; font-size: 24px; vertical-align: middle; color:#fff;height:70px; line-height:70px;background: #c38c29; border-radius: 3px; transition: all ease .5s;_display: inline;_zoom:1;}
.mbtn a:hover{background: #333; color: #fff;}

.mbtn a.a2{margin-left:20px;background: #333;}
.mbtn a.a2:hover{background: #c38c29;}
.sbtn a{ height: 55px; padding: 0 60px; line-height: 55px; font-size: 20px;}
.ssbtn a{height: 45px; line-height: 45px; padding: 0 40px; font-size: 18px;}

.m1 .row1{margin-bottom: 10px;}
.m1 .row1 .video{width: 489px;height: 278px; padding: 50px 0; margin: 0 10px 0 0;background: url(../images/video.jpg);}
.m1 .row1 .video video{display: block;width: 489px;height: 277px;}
.m1 .row1 .intro{width: 366px;height: 378px; background: #e9e9e9;}
.m1 .row1 .sintro{padding:15px 0 20px 0;font-size: 18px;color: #666;line-height: 25px;}
.m1 .row1 .sintro p{padding: 10px 20px; background: url(../images/p_line.gif) left bottom repeat-x;}
.m1 .row1 .sintro p span{color: #816024;}
.m1 .row1 .pic{width:335px;height: 378px; background: #e9e9e9;}

.m1 .row2{height: 203px; margin-bottom: 30px; overflow: hidden;}
.m1 .row2 .arr{width: 47px;height: 203px; cursor: pointer; transition: all ease .5s;}
.m1 .row2 .arr-l{background: url(../images/m2-arrl.gif);}
.m1 .row2 .arr-l:hover{background: url(../images/m2-arrl2.gif);}
.m1 .row2 .arr-r{background: url(../images/m2-arr.gif);}
.m1 .row2 .arr-r:hover{background: url(../images/m2-arr2.gif);}
.m1 .row2 .pic-scroll{width: 1106px; overflow: hidden;}
.m1 .pic-scroll li{float: left;width: 362px;height: 203px;position: relative; margin:0 3px;overflow: hidden;}
.m1 .pic-scroll li img{display: block; width: 362px; height: 203px; transition: all ease .5s;}
.m1 .pic-scroll .st{position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 20px; color: #fff; background: rgba(0,0,0,0.4);opacity:1; display: block\9; transition: all ease-in-out .3s;}
.m1 .pic-scroll .intro{position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); opacity: 0; display: none\9; transition: all ease .3s; transform: scale(1.2);}
.m1 .pic-scroll .intro p{padding: 65px 40px 0; font-size: 20px; line-height: 26px; color: #fff; text-align: center;}
.m1 .pic-scroll li:hover img{transform: scale(1.02);}
.m1 .pic-scroll li:hover .intro{opacity:1; display: block\9; transition-delay: .3s; transform: scale(1);}
.m1 .pic-scroll li:hover .st{opacity:0; display: none\9; bottom: -40px;}

.m2{height: 629px; padding: 80px 0 0 0; margin-bottom: 80px; background: url(../images/m2.jpg) center top no-repeat;}
.m2 .zhd{margin-bottom: 20px;}
.m2 .intro{width: 637px;}
.m2 .intro .row1{margin-bottom: 20px;}
.m2 .intro .info{font-size: 20px;line-height: 35px;color: #666;text-indent: 2em;}

.m3 .st{ margin-bottom: 20px; text-align: center; font-size: 32px; color: #816024; line-height: 35px;}
.m3 .intro{width: 730px;}
.m3 .intro .info{padding:10px 0 20px;font-size: 20px; line-height: 35px; color: #666; text-indent: 2em;}
.m3-btn{margin-bottom: 40px;}
.m3-list ul{margin-left: -9px;} 
.m3-list li{float: left; width: 237px; height: 303px; margin-left: 9px; text-align: center; background: #dedede;}
.m3-list li img{display: block; width: 237px; height: 130px; margin-bottom: 15px;}
.m3-list li h3{ font-size: 22px; color: #333; line-height: 35px; font-weight: normal;}
.m3-list li p{font-size: 18px; line-height: 24px; color: #666; margin-bottom: 10px;}

.m4{height: 640px; padding: 80px 0 0 0; margin-bottom: 80px; background: url(../images/m4.jpg) center top no-repeat;}
.m4 .zhd{margin-bottom: 30px;}
.m4 ul{margin-left: -9px; margin-bottom: 30px;}
.m4 li{float: left;width: 293px; height: 358px;margin-left: 9px;}
.m4 li a{display: block;width: 293px; height: 358px;}
.m4 li img{display: block;width: 293px;height: 261px;}
.m4 li p{height: 82px; padding: 15px 0 0 0; background: #666; color: #fff; font-size: 24px; line-height: 30px; text-align: center; transition: all ease .3s;}
.m4 li a:hover p{background: #c38c29;}

.m5 .bd{margin-bottom: 30px;}
.m5 .hd ul{margin-left: -15px;}
.m5 .hd li{float: left;width: 228px; height: 97px; margin-left: 15px; text-align: center; background: #666; color: #fff; cursor: pointer;}
.m5 .hd li .p1{padding:15px 0 0 0;font-size: 30px; line-height: 40px;}
.m5 .hd li .p2{font-size: 20px; line-height: 20px;}
.m5 .hd li a{display: block; font-size: 24px; color: #816024; line-height: 97px; background: #ebeae4; transition: all ease .3s;}
.m5 .hd li a:hover{color:#fff;background: #c38c29;}
.m5 .hd li.on{background: url(../images/m5-on.gif);}
.case .bd li{width: 1200px; height: 462px; position: relative; overflow: hidden;}
.case .pic1{position: relative; float: left;width: 574px;height: 462px;background: #f8f8f8;}
.case .pic1 img{display: block;width: 574px; height: 300px; background: url('/static/images/loading.gif') center center no-repeat;}
.case .case-tip{position: absolute;top:310px;left: 405px;width: 135px;height: 135px; border: 5px solid #fff; background: #c38c29; border-radius: 100%; overflow: hidden; transition: all ease .3s;}
.case .case-tip a{display: block; height:95px; padding: 40px 0 0 0; text-align: center;  font-size: 22px; line-height: 26px; color: #fff;}
.case .case-tip:hover{background: #333;}
.case .info{padding: 15px 0 0 35px;}
.case .info p{padding:5px 0 0 0;font-size: 14px;color: #fff;line-height: 18px;}
.case .info .title{padding:6px 0;font-size: 20px;color: #816024;line-height: 23px;}
.case .info .intro{font-size: 14px;line-height: 24px;color: #666;}
.case .info .intro span{color: #333;}
.case .pic2{float: right; width: 584px;height: 462px;}
.case .pic2 img{display: block; width: 584px;height: 462px;background: url('/static/images/loading.gif') center center no-repeat;}


.m6{width: 100%; height: 230px; overflow: hidden; position: relative;}
.m6 img{display: block;width: 1920px; height: 230px; position: absolute; left: 50%; margin-left: -960px;}