.cfix:after{display: block; clear: both; visibility: hidden; font-size: 0; line-height: 0; content: ""; height: 0}
.cfix{*zoom: 1}
/*
.banner{height:800px;background: url(../images/banner.jpg) center top;}
.banner a{display: block;height: 800px;}
*/
.m{padding: 60px 0;font-size: 18px;line-height: 30px;color: #333;}
.mhd{font-size: 0;line-height: 0;text-align: center;margin-bottom: 50px;}

.m1 .info{text-indent: 2em;margin-bottom: 30px;}
.m1-tab{margin-bottom: 30px;}
.m1-tab .hd{width: 460px;}
.m1-tab .hd a{position:relative;display: block;height: 120px;margin-bottom: 10px; background: #cdc191;}
.m1-tab .hd a span{padding-top:25px;display: block; font-size: 24px;line-height: 36px; color: #fff; text-align: center;}
.m1-tab .hd a i{position: absolute;width: 0;height: 0; right: -20px; top: 50%; margin-top: -10px; border: 10px solid #fff;}
.m1-tab .hd a.on { background: #915e95;}
.m1-tab .hd a.on i{ border-left-color: #915e95;}
.m1-tab .bd{width: 670px;height: 470px;padding:20px;background: url("../images/m1-bg.gif") no-repeat;}
.m1-tab .bd ul{height: 470px; overflow: hidden;}
.m1 .tubiao{font-size: 0;margin-left: -25px;}
.m1 .tubiao img{ vertical-align: top;width:220px;height:100px;margin-left: 25px;}

.m2{background: #132550;}
.m2 .row1{margin-bottom: 55px;}
.m2 .video{width: 640px;height: 360px;padding: 19px;border: 1px solid #163663;}
.m2 .info{position: relative; margin-top: 40px; width: 478px;height: 358px;border: 1px solid #163663;}
.m2 .info .title{position: absolute;left: 39px;top: -22px;}
.m2 .info .con{padding: 50px 40px;color: #fff;}
.m2 ul{margin-left: -40px;}
.m2 li{float: left; width: 259px;height: 259px; position: relative; margin-left: 40px; _display: inline; background: url("../images/m2-2.gif") no-repeat;}
.m2 li.l1{text-indent: -9999px; background: url("../images/m2-1-10.gif") no-repeat;}
.m2 li span{display: block;width: 180px;margin: 0 auto; padding-top: 80px; color: #fff;}
.m2 li.l3 span{padding-top: 100px; width: 259px; text-align: center;}
.m2 li.l4 span{padding-top: 100px; width: 259px; text-align: center;}

.m3 .row1{margin-bottom: 40px; position: relative;}
.m3 .box{position: absolute; z-index: 10; width: 405px;height: 405px; left: 397px; top: 100px;}
.m3 .box .shine{border-radius: 100%; overflow: hidden;}
.m3 .box img{display: block;width: 405px;height: 405px;}

.m3 .row1 ul{position: relative; z-index: 1; width: 100%; height: 610px;}
.m3 .row1 li{position: absolute; transition: all ease .5s;}
.m3 .row1 li:hover{transform: translateY(-5px);}
.m3 .row1 li .info{position: absolute;left: 8px; top: 0;}
.m3 .row1 li .info h3{font-size: 20px; line-height: 40px; font-weight: normal;color: #a19565}
.m3 .row1 li .info p{line-height: 28px;color: #999;padding-left: 20px; background: url("../images/m3-i.gif") 0 6px no-repeat;}
.m3 .row1 li.no1{left:50px;top: 0;}
.m3 .row1 li.no2{left:0;top: 210px;}
.m3 .row1 li.no3{left:45px;top: 470px;}
.m3 .row1 li.no4{right:65px;top: 0;}
.m3 .row1 li.no5{right:0;top: 210px;}
.m3 .row1 li.no6{right:60px;top: 470px;}
.m3 .row1 li.no4 .info,
.m3 .row1 li.no5 .info,
.m3 .row1 li.no6 .info{left: 150px;}
.m3 .row2{margin-bottom: 35px;}

.m4{ position: relative; width: 100%;height: 160px; overflow: hidden;}
.m4 img{ position: absolute; width: 1920px;height: 160px; left: 50%; margin-left: -960px;}

.m5{background: #132550;}
.m5 .hd{margin-bottom: 50px;}
.m5 .hd li{float: left;width: 258px;height: 258px; padding: 0 21px; overflow: hidden; cursor: pointer;}
.m5 .hd li .ton{display: none;}
.m5 .hd li.on .t{display: none;}
.m5 .hd li.on .ton{display: block;}
.m5 .bd{border: 1px solid #163663; background: #122956;}
.m5 .bd .box{padding: 28px;}
.m5 .bd .info{width: 470px; height: 500px; position:relative;}
.m5 .bd .pic{font-size: 0;width: 600px;}
.m5 .bd .info h3{font-size: 30px;color: #cfc08d; font-weight: normal;line-height: 90px;padding: 6px 0 0 0; margin-bottom: 20px; text-align: center; border-bottom: 1px dotted #163663;}
.m5 .bd .info p{padding:15px 0;color: #fff;}
.m5 .bd .info p strong{font-size: 24px;font-weight: normal; color: #cfc08d;}
.m5 .bd .info p.mbtn{position: absolute; left: 0; width: 470px; bottom: 40px; padding: 0; text-align: center;}

.m6 .mbd{position: relative; /*height: 795px;*/ overflow: hidden;}
/*
.m6 .bd{width: 993px; margin: 0 auto;}
.m6 li{position: relative; height: 795px;}
.m6 li .item{position: absolute;}
.m6 li .item img{display: block;}
.m6 li .it1{width: 351px;height: 273px;left: 0;top: 28px;}
.m6 li .it2{width: 272px;height: 345px;left: 361px;top: 0;}
.m6 li .it3{width: 349px;height: 274px;right: 0px;top: 71px;}
.m6 li .it4{width: 285px;height: 198px;left: 63px;top: 311px;}
.m6 li .it5{width: 347px;height: 347px;left: 361px;top: 355px;}
.m6 li .it6{width: 275px;height: 198px;right: 0px;top: 355px;}
.m6 li .it7{width: 351px;height: 274px;left: 0px;top: 519px;}
.m6 li .it8{width: 275px;height: 198px;right: 0px;top: 563px;}
.m6 li .tbg{position: absolute;left: 0; bottom: 0; width: 100%; height: 40px; background: #000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.m6 li p{position: absolute;left: 0;bottom: 0;width: 100%;height: 40px; overflow: hidden; line-height: 40px;font-size:15px;text-align: center; color: #fff;}
.m6 .m6-prev,.m6 .m6-next{position: absolute;top: 50%; width: 38px; height: 56px;left:0;top: 50%;margin-top: -28px; background: url("../images/m6-prev.gif") no-repeat;}
.m6 .m6-next{left: auto;right: 0; background: url("../images/m6-next.gif") no-repeat;}

*/
.m6 ul{position: relative;height: 700px;}
.m6 ul li{position: absolute;}
.m6 ul li p{position: absolute;left: 0;bottom: 0;width: 100%;height: 40px;font-size: 18px;color: #fff;line-height: 40px;text-align: center;background:#000;background: rgba(0, 0, 0, 0.5);}
.m6 ul .no1{position: absolute;top: 0px;left: 0px;width: 390px;height: 320px;}
.m6 ul .no2{position: absolute;top: 334px;left: 0;width: 390px;height: 320px;}

.m6 ul .no3{position: absolute;top: 4px;left: 405px;width: 390px;height: 380px;}
.m6 ul .no4{position: absolute;top: 394px;left: 405px;width: 390px;height: 260px;}

.m6 ul .no5{position: absolute;top: 4px;right: 0;width: 390px;height: 260px;}
.m6 ul .no6{position: absolute;top: 274px;right: 0;width: 390px;height: 380px;}
.m6 .btn{width: 440px;height: 60px;margin: 0 auto;}
.m6 .btn a{display: block;width: 440px;height: 60px; -webkit-animation-duration: 1.5s;  animation-duration: 1.5s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;-webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;}
.m6 .btn a img{width: 440px; height: 60px;}