.cfix:after{display: block; clear: both; visibility: hidden; font-size: 0; line-height: 0; content: ""; height: 0}
.cfix{*zoom: 1}
.banner{background: url(../images/banner.jpg) center top;}
.banner a{display: block;height:800px;}
.banner-mb{margin-bottom: 146px;}

.mbtn{text-align: center; font-size: 0;}
.mbtn a{display: inline-block;width: 480px; height: 70px;line-height: 70px;font-size:30px;color: #010a42;background: url("../images/mbtn.png") center top no-repeat;vertical-align: top;*display:inline;*zoom:1; transition: all ease .3s;}
.mbtn a:hover{color: #b06c1a; transform: translateY(-2px); box-shadow: 5px 5px 15px rgba(0,0,0,0.5);}

.ztnav{background: url("../images/navbar.jpg") center top no-repeat;}
.ztnav-fixed{position: fixed; z-index: 100; left: 0; top: 0; width: 100%;}
.ztnav li{float:left;width: 171px;}
.ztnav a{display: block;height: 146px;text-indent: -9999px;}

.m1{height: 925px;background: url("../images/m1.jpg") center top no-repeat;}
.m1 .row1{padding: 227px 0 25px 0;}
.m1-focus{position:relative;width: 644px;height: 429px;overflow: hidden;}
.m1-focus .bd li{position: relative;}
.m1-focus .bd li img{display: block;width: 644px;height: 429px;}
.m1-focus .bd li p{position: absolute;left: 0;right: 0;bottom: 0; padding: 10px 20px 25px 20px; font-size: 18px; line-height: 28px; color: #fff; background: rgba(0,0,0,0.8);}
.focus-dot{position: absolute;right: 0; bottom: 10px;}
.focus-dot li{float: left; width: 12px;height: 12px;margin-right: 7px;text-indent: -9999px; border: 2px solid #26327e; border-radius: 100%; cursor: pointer;}
.focus-dot li.on{border-color: #fcd296;}

.m1-list{width: 511px;}
.m1-list .m1-shd img{display: block;}
.m1-list li{padding:5px;margin-top:5px;font-size: 0; border: 1px solid #26327e;}
.m1-list li span{display: inline-block;width:113px;height:53px;margin-right:10px;font-size: 20px; color: #000940; line-height: 53px; text-align: center; vertical-align: top;background: url("../images/m1_dot.jpg");}
.m1-list li p{display: inline-block;height: 53px;vertical-align: top;font-size: 18px;color: #fff; line-height: 53px;}

.m2{height: 1331px;background: url("../images/m2.jpg") center top no-repeat;}
.m2-tab{padding: 236px 0 0 0; margin-bottom: 40px;}
.m2-tab-hd{margin-bottom: 10px;}
.m2-tab-hd ul{margin: 0 0 0 -10px;}
.m2-tab-hd li{float: left;width: 389px;height: 71px;margin: 0 0 0 10px; text-align: center; line-height: 71px; font-size: 24px; color: #fff; border: 2px solid #26327e; cursor: pointer;}
.m2-tab-hd li.on{background: #26327e;}
.m2-tab-bd{height: 490px;overflow: hidden;}
.m2-focus{position: relative; height: 490px;}
.m2-focus .bd li{position: relative;}
.m2-focus .bd li img{display: block; height: 490px;}
.m2-focus .bd li p{position: absolute;left: 0;right: 0;bottom: 0; padding: 10px 20px 25px 20px; font-size: 18px; line-height: 28px; color: #fff; background: rgba(0,0,0,0.8);}
.m2 .mbtn{margin-bottom: 55px;}
.m2-scroll li{float: left;width: 196px;height: 240px;margin: 0 5px 0 0; background: #000;}
.m2-scroll li img{display: block;height: 240px; opacity: 0.5; transition: all ease-in-out .5s; filter:alpha(opacity=50);}
.m2-scroll li:hover img{opacity: 1; filter:alpha(opacity=100);}


.m3{height: 1058px;background: url("../images/m3.jpg") center top no-repeat;}
.m3 .row{padding-top: 290px;}
.m3-focus{ position: relative;}
.m3-focus .bd{height: 593px; overflow: hidden;}
.m3-focus .bd img{display: block;height: 593px;}
.m3-focus .hd{position: absolute;bottom: -55px; right: 50%; transform: translateX(50%);}
.m3-focus .hd li{margin: 0 5px;border-color: #26327e;}
.m3-focus .hd li.on{border-color: #f9c171;}

.m4{height: 1045px;background: url("../images/m4.jpg") center top no-repeat;}
.m4-tab{padding-top: 240px;}
.m4-tab-hd{margin-bottom: 20px;}
.m4-tab-hd ul{margin-left: -10px;}
.m4-tab-hd li{float: left;width: 389px;height: 71px;margin: 0 0 0 10px; text-align: center; line-height: 71px; font-size: 24px; color: #fff; border: 2px solid #26327e; cursor: pointer;}
.m4-tab-hd li.on{background: #26327e;}
.m4-tab-bd{height:603px;overflow: hidden; background: #000940;}
.m4-tab-con1{padding: 30px;}
.m4-tab-con1 .intro{margin-bottom:25px;font-size: 18px;color: #fff;text-indent: 2em; line-height: 30px;}
.m4-tab-con1 ul{margin-left: -33px; margin-bottom: 30px;}
.m4-tab-con1 li{float: left;width: 260px;margin-left: 33px;}
.m4-tab-con1 .info{height: 134px; padding: 0 20px; color: #fff; text-align: center; background: #0b144c;}
.m4-tab-con1 .p1{font-size: 24px;padding: 20px 0 0 0; line-height: 35px;}
.m4-tab-con1 .p2{font-size: 18px; line-height: 26px;}

.m4-tab-con3{padding: 15px 20px;}
.m4-focus-bd{width: 715px;height: 559px;overflow: hidden;}
.m4-focus-bd li{position: relative;width: 715px;height: 559px;}
.m4-focus-bd li img{display: block;width: 715px;height: 559px;}
.m4-focus-bd li p{position: absolute;left: 0;right: 0;bottom: 0;padding: 10px 20px 25px 20px; font-size: 18px; line-height: 28px; color: #fff; background: rgba(0,0,0,0.8);}
.m4-focus-hd{width: 420px; padding: 100px 0 0 0; background: url("../images/m4-focus-hd.gif") center top no-repeat;}
.m4-focus-hd ul{margin-bottom: 30px;}
.m4-focus-hd li{height: 53px;margin: 5px 0 0 0;line-height: 53px; text-indent: 20px; font-size: 18px; color: #fff; cursor: pointer; border: 1px dashed #333a66;}
.m4-focus-hd li.on{color: #f9c171; background: #08114c;}
.m4-focus-hd .mbtn a{width: 320px; height: 65px; line-height: 65px; background: url("../images/m4btn.png");}

.m5{height: 1018px;background: url("../images/m5.jpg") center top no-repeat;}
.m5 .row1{padding-top: 218px; padding-bottom: 20px;}
.m5-focus{position: relative; height: 498px; overflow: hidden;}
.m5-focus .bd img{display: block;height: 498px;}
.m5-focus .bd li{position: relative; width: 1200px; height: 498px;}
.m5-focus .bd li .case-link{position: absolute;left: 0;top: 0;right: 0;bottom: 0; z-index: 3;}
.m5-focus .bd li .all-link{position: absolute;left: 600px;top: 420px;width: 320px;height: 60px; z-index: 5; }
.m5-focus .hd{z-index: 10;}

.m5-scroll{height: 182px;overflow: hidden;}
.m5-scroll li{float: left;width: 349px;height: 182px;margin-right: 10px; background: #000;}
.m5-scroll li img{display: block;width: 349px;height: 182px; opacity: 0.5; transition: all ease-in-out .5s; filter:alpha(opacity=50);}
.m5-scroll li a:hover img{opacity: 1; filter:alpha(opacity=100);}

.m6{height: 1156px;background: url("../images/m6.jpg") center top no-repeat;}
.m6 .row{padding-top: 260px;}
.m6-focus{position: relative; height: 800px;}
.m6-focus .bd li{float: left;width: 383px; height: 800px; margin-right: 25px; cursor: pointer;}
.m6-focus .bd li .item{margin-bottom: 20px;}
.m6-focus .bd .pic{padding: 9px; border: 1px solid #26327e;}
.m6-focus .bd .pic img{display: block;width: 363px;height: 237px;}
.m6-focus .bd li p{padding:20px;font-size: 18px;line-height: 30px; color: #fff; text-align: center;}

.m6-focus .focus-dot{bottom: -20px; right: 50%; margin-right: -20px;}

.showvideo,.vmask{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%; _position: absolute;}
.vmask{cursor: pointer;}
.showvideo{z-index: 99999999;}
.showvideo{width: 820px;height:500px;left:50%;top:50%;margin:-255px 0 0 -410px;border: 10px solid #fff;border-radius: 5px;}
.showvideo .vclose{position: absolute;z-index: 10;right: -20px;top:-20px;width: 30px;height: 30px;font-size: 14px; font-family: verdana; text-align: center;line-height: 30px;color:#fff;background: #000;border-radius: 100%;border: 3px solid #fff;}
.myvideo{display: block;width: 820px;height:500px;overflow: hidden;background: #000 url("/static/images/loading.gif") center center no-repeat;}
.myvideo video{display: block;width: 820px;height: 500px; background: #000;}
.vmask{z-index: 998;background: #000; background: rgba(0,0,0,0.8);}