body{font-family: "宋体";}
.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 no-repeat;}
.banner a{display: block;height:800px;}
.mbtn{text-align: center; font-size: 0;}
.mbtn a{display: inline-block; padding: 0 30px; height: 85px;line-height: 85px;vertical-align: top; transition: all ease .3s; -webkit-border-radius: 10px; border-radius: 10px;}

@font-face {
    font-family: font;/*给引入字体起的名字*/
    src:url('SourceHanSansCN-Bold.otf'); /* IE9 */
}

/*阴影*/
.hover-list li{transition: all ease-in-out .3s;}
.hover-list li:hover{transform: translateY(-3px); box-shadow: 5px 10px 15px rgba(0,0,0,0.2);}
.bg{background: url(../images/bg.jpg) center top no-repeat;}

.zhd{width:100%;margin-left: auto;margin-right: auto;}

.m1{width: 1340px;margin-left: auto;margin-right: auto;}
.m1 .intro{margin-left:225px;font-size: 24px;color: #00c0ff;line-height:40px;}
/*.m1 ul li { float: left;width:260px;height:260px;background:url(../images/m1-bg.png);margin-left: 150px;margin-top: 50px;}*/
.m1 ul li {float: left;width: 260px;height: 260px;background: #112169;border-radius: 50%;margin-left: 150px;margin-top: 50px;}
.m1 ul li h3{position: relative; font-family: font;text-align: center;margin-top:90px;color: #ffffff;font-size: 32px;font-weight:bold}
.m1 ul li p{position: relative;text-align: center;margin-top:2px;color: #ffffff;font-size: 24px;}


.m2{width: 1340px;margin-left: auto;margin-right: auto;margin-bottom: 80px;}
.m2 .zy{text-align: center;}
.m2 .intro{margin-left:320px;font-size: 24px;color: #00c0ff;line-height:40px;}
.m2 .video{width: 1115px;height: 565px;background: url(../images/bf.jpg);text-align: center;margin-left: auto;margin-right: auto;margin-bottom: 50px;}
.m2 .video video{display: block;width: 1015px;height: 504px;padding-top: 29px;padding-left: 49px;}
.m2 .video video:focus {
 outline: -webkit-focus-ring-color auto 0px;
}

.m2 .row{width: 1340px;margin-left: auto;margin-right: auto;}
.m2 ul{margin-left: 0px;}
.m2 ul li{float: left;margin-bottom: 20px;width: 432px;height:362px;margin-left: 14px;background:#132269;}
.m2 ul li img{position: relative; margin-left: 10px;margin-top: 10px;}
.m2 ul li h3{position: relative; font-family: font;text-align: center;margin-top:30px;color: #ffffff;font-size: 32px;font-weight:bold}
.m2 ul li p{position: relative;text-align: center;margin-top:5px;color: #ffffff;font-size: 24px;width: 68%;margin-left: 84px;}

.m3 {width: 1340px;margin-left: auto;margin-right: auto;}
.m3 .intro{margin-left: 155px;font-size: 24px;color: #00c0ff;margin-bottom: 30px;}
.m3 ul{margin-left: 0px;background: url(../images/m3.jpg);height:380px;}
.m3 ul li{float: left;line-height: 58px;}
.m3 ul li h3{position: relative; font-family: font;text-align: center;width:535px;margin-top:5px;color: #ffffff;font-size: 32px;font-weight:bold}
.m3 ul li p{position: relative; text-align: center;margin-top:5px;color: #ffffff;font-size: 22px;}


.m4 {width: 1340px;margin-left: auto;margin-right: auto;height:976px;}
.m4 .intro{margin-left:210px;font-size: 24px;color: #00c0ff;line-height: 40px;margin-bottom: 70px;}
.m4 ul li { width:380px;height:180px;background:url(../images/m4-1.jpg);margin-top:11px;}
.m4 ul li p{position: absolute;width:380px;color: #ffffff;font-size: 22px;text-align: center; padding-top: 45px;line-height: 30px;}
.m4 .m4-tab .bd ul li .pic img{position: absolute;margin-left:390px;margin-top: -762px;}


/*.hover-lists li{transition: all ease-in-out .3s;}
.hover-lists li:hover{background: #334add;}*/
.hover-lists li:hover{background: #334add;}



.m5 {width: 1200px;margin-left: auto;margin-right: auto;}
.m5 .intro{margin-left:210px;font-size: 24px;color: #00c0ff;line-height: 40px;margin-bottom: 30px;}
.m5 .hd{margin-bottom: 22px;}
.m5 .hd ul{display: flex;justify-content: space-around;}
.m5 .hd ul li{position: relative; float: left;width: 258px; height: 75px; text-align: center;outline: 1px #1c2d9d solid;}
.m5 .hd ul li span{position: relative; z-index: 2; display: block;line-height: 75px;font-size: 26px;color: #fff; cursor: pointer;background: #1c2d9d;}

.m5 .hd ul li i{position: absolute;z-index: 1; top: 0; right: 0; font-size: 0; width: 0px;height: 75px;}

.m5 .hd ul li.on span{background: #334add;}
.m5 .hd ul li.on i{width: 258px;height: 89px;}
.m5-tab .bd li{height: 500px;}
.m5-tab .bd li .left{float: left;}
.m5-tab .bd li .left img{display: block;background: url("/static/images/loading.gif") center center no-repeat;}
.m5-tab .bd li .left .zinfo{position: absolute;bottom: 52%;left: 47%;}
.m5-tab .bd li .left .title{font-size: 22px;  padding: 20px 0 10px;}
.m5-tab .bd li .left p{font-size: 20px; color: #cab29e;	line-height: 43px;}
.m5-tab .bd li .left .btn{position: absolute; text-align: center;margin-top: -10%;margin-left: 54%;}
.m5-tab .bd li .left .btn a{display: block;}
.m5 .hd ul .right {margin-left:10px;}


.m6 {width: 1340px;margin-left: auto;margin-right: auto;height:1080px;}
.m6 .intro{margin-left:112px;font-size: 24px;color: #00c0ff;line-height: 40px;margin-bottom: 30px;}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #c4c4c4;
    font-size: 20px;
  }

  ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #c4c4c4;
    font-size: 20px;
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #c4c4c4;
    font-size: 20px;
  }




































