body{font:normal 12px 'Microsoft YaHei','light'; sans-serif;text-alt:justify;text-justify:inter-ideograph;overflow-x:hidden;color:#313131;}

body,p,ul,li,ol,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,iframe{margin:0;padding:0;color:#313131;}
body {
    min-width: 1240px;
}

ul,li,ol{list-style:none outside none;}

a img{border:none;}

.fl{float:left;}

.fr{float:right;}

a:link,a:visited{text-decoration:none;cursor: pointer;}

a:hover{text-decoration:none;cursor: pointer;}

a:focus{color:#0c1d0d;cursor: pointer;}
 
.clear{ clear:both;}

.clear{zoom:1;clear:both;display:inline-block;}
 
.clear{display:block;} 
 #BizQQWPA1{background:url( /img/gif.png); position:fixed; right:2px; width:110px; height:154px; top:130px; cursor:pointer;z-index: 998;}
.banner{background:url(../img/1.jpg) no-repeat center top;height:640px;}
 .banner1{background:url(../img/2.png) no-repeat center top;height:572px;}

.part_bg {
    background: #f7f7f7;
}
.cj_content {
    padding-top: 40px;
    padding-bottom: 38px;
   /* width: 1200px;*/
    margin: 0 auto;
}

.cj_content li{
    display: inline-block;
    float: left;
    width: 19.9%;
    text-align: center;
    border-right: 1px solid #e4e4e4;
}
 .last_border{ border-right: none!important;}
.cj_content li .num{
    position: relative;
    color: #3c3c3c;
    font-size: 30px;
    display: inline-block;
    font-family: Arial;
}
.cj_content li .num i{
    position: absolute;
    top:0;
    right: -20px;
    color: #949494;
    font-size: 12px;
    font-style: normal;
}


.clear_fix:after, .clear_fix:before {
    content: "";
    display: block;
    clear: both;
}
.cj_content li .cj_text{width: 166px;height: 43px;border: 1px solid #9a9393;text-align: center;line-height:38px;margin: 20px auto 0;display: block;font-size: 17px;color: #6F6F6F;background: #f7f7f7;position: relative;box-sizing: border-box;overflow: hidden;text-decoration: none;white-space: nowrap;z-index: 0;border-radius: 5px;}
.cj_content li .cj_text:before {position: absolute;content: '';background:rgba(73, 73, 73, 0.75);transition-duration: .3s;z-index: -1;top: auto;right: auto;bottom: 0;left: 0;width: 100%;height: 0;opacity: 1;}
.cj_content li .cj_text:hover:before {width: 100%;height: 100%;opacity: 1;}
.cj_content li .cj_text:hover {color: #fff;border-color:#9a9393 ;}
 
    .mtop{
animation:movetop 1s;
animation-fill-mode:forwards;
animation-direction:alternate;

}
    @keyframes movetop{
    from { 
    opacity: 0;
    filter: alpha(opacity=0)\9;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
 }
    to{
    opacity: 1;
    filter: alpha(opacity=100)\9;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes movetop{
    from { 
    opacity: 0;
    filter: alpha(opacity=0)\9;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
 }
    to{
    opacity: 1;
    filter: alpha(opacity=100)\9;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    }
}

.syxm{background: #f7f7f7;   }
.tit h3{    color: #383940;
           font-weight: bold;
    letter-spacing: 8px;
    padding-top: 50px;
    font-size: 42px;
     text-align: center;
}
.tit h3 span{
    color:#ca0612;
}
.tit p{ font-size: 18px;
    color: #2d2929;
    width: 1000px;
    margin: 0 auto;
    text-align: center;    
} 
.ms_part4{
    margin-top: 50px; 
    padding-bottom: 50px;
}
.ms_part4 .device {
    width: 1060px;
    position: relative;
    height: 470px;
}
.ms_part4 .swiper-container {
    width: 1060px;
    height: 470px;
    padding-top: 10px;
}
.ms_part4 .swiper-slide {
    opacity: 0.8;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
 
}
.ms_part4 .swiper-slide-visible {
 
   /* opacity: 0.2;*/
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.ms_part4 .swiper-slide-active {
    top: 0;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.ms_part4 .device .arrow-left {
    position: absolute;
    left: -58px;
    top: 196px;
    width: 30px;
    height: 60px;
    z-index: 10;
    background: #031420; 
    text-align: center;
    color: #fff;
    line-height: 60px;
    font-size: 20px;
    cursor: pointer;
}
.ms_part4 .device .arrow_active{
    background: red!important;
}
.ms_part4 .device .arrow-right {
       position: absolute;
    right: -58px;
    top: 196px;
    width: 30px;
    height: 63px;
    z-index: 10;
    background:#031420; 
    text-align: center;
    color: #fff;
    line-height: 60px;
    font-size: 20px;
    cursor: pointer;
} 
.w-containerxm{
    max-width: 1060px!important;
    height: 418px!important;
    margin: auto;
} 
.ms_main{
    width: 272px; 
    background:rgb(3, 20, 32);
    color: #999;
    cursor: pointer; 
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
/*    margin-left: 10px;*/
        border-radius: 9px;
}
.ms_img >img{
    display: block;
    width: 100%;
        border-top-right-radius: 9px;
    border-top-left-radius: 9px;
}
.ms_h{
    font-size: 16px;
    color: #ffffff;
    font-weight:bold;
    padding: 20px 10px 10px;
}
.ms_h i{font-size: 12px;
    font-style: normal;
    margin-left: 14px;}

    .ms_p{    padding-left: 10px;
    color: #ebedf1;
    font-size: 14px;}
.ms_text{
    font-size: 13px;
    color:#2d65ce;
    padding:10px 10px 0;
}
.ms_link{
    padding:10px 10px 15px 10px;
  
}
.ms_link a{
    font-size: 14px;
  color: #9da0a5;
}
.ms_link a:hover{
    
    color:#2d65ce;
}
.ms_main:hover{ 
    -webkit-box-shadow: 0px 0px 12px rgba(25, 21, 21, 0.5);
    box-shadow: 0px 0px 12px rgba(25, 21, 21, 0.5);
    margin-top:0px; 
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)

}
 
.global_link{
    text-align: center;
} 

.new_subject{ width:1160px; margin:10px auto; height:190px; background:#fff; position:relative; overflow:hidden;}
.new_subject ul{ position:absolute; left:0px; top:15px;width: 1160px;}
.new_subject li{ float:left; width:290px; height:180px; margin-right:5px;}

@font-face {
  font-family: 'fontstyle';
  src: url('../font/font.ttf'); 
  font-weight: normal;
  font-style: normal;
} 
.titl1{    /* font-family: 'fontstyle';*/
    font-size: 58px;
    text-align: center;
    color: #ef931e;
    padding-top: 50px;}
.tlak{width: 852px;    height: 32px;margin: 0 auto;}
.tlak span{      
    font-family: 'fontstyle';
    font-size: 30px;
    color: #c02326; 
    float: right;
}
.cont1{    font-size: 29px;
    height: 80px;
    line-height: 80px;
    color: #0f57d0;
    width: 562px;
    margin: 0 auto;
    text-align: left;
    font-weight: bold;
        /*text-shadow: 0px 0px 5px #6195a5;*/
}
.cont3{ width: 567px;}
.cont2{
     font-size: 29px;
    height: 50px;
    line-height: 50px;
    color:#2ddfb3;
    width:1068px;
    margin: 0 auto;
    text-align: right;
    font-weight: bold;
 
}
.cont2 span,.cont4 span{      font-size: 42px;
    color: #2ddfb3;
    text-shadow: 0px 0px 5px #a1ec5c;}
.cont4{
          font-size: 29px;
    height: 50px;
    line-height: 50px;
    color: #2ddfb3;
    width: 1011px;
    margin: 0 auto;
    text-align: left;
    font-weight: bold;
    padding-left: 279px;
 
}
.titl2{font-weight: bold;  letter-spacing:8px ; padding-top: 50px;font-size: 42px;text-align: center;color:#383940; }
.cont5{    width: 990px;
    height: 496px;
    margin: 40px auto 0px;}
.cont5 img{width: 100%}
.cont6{background:url(../img/24.jpg) no-repeat center top;height:821px;}
.cont7{    width: 1024px;  height: 346px; margin: 50px auto;}
.cont7 img{width: 100%}
.yanse { color: #4be0f0;    padding-top: 64px; }
.lis{      text-align: center;
    float: left;
    width: 400px;
    height: 350px;
 
    font-size: 16px;
    font-weight: bold;
    /*background:url(../img/27.png) no-repeat center top;*/
}
.lis2{  background:url(../img/3333.png) no-repeat center top;    width: 360px;
    float: left;
    height: 389px;
    text-align: center;
    padding-top:77px;
    padding-right: 5px;}
.lis3{      text-align: center;
    float: right;
    width: 400px;
    height: 350px;
  
    font-size: 16px;
    font-weight: bold;
    /*background:url(../img/27.png) no-repeat center top;*/
}

.bg1{ background:url(../img/bg1.png) no-repeat center top;width: 387px;height: 108px;    margin-top: -30px;}
.bg2{ background:url(../img/bg2.png) no-repeat center top;width: 387px;height: 108px}
.bg3{ background:url(../img/bg3.png) no-repeat center top;width: 387px;height: 108px}
.bg4{ background:url(../img/bg4.png) no-repeat center top;width: 387px;height: 108px}
.bg5{ background:url(../img/bg5.png) no-repeat center top;width: 387px;height: 108px;    margin-top: -30px;}
.bg6{ background:url(../img/bg6.png) no-repeat center top;width: 387px;height: 108px}
.bg7{ background:url(../img/bg7.png) no-repeat center top;width: 387px;height: 108px}
.bg8{ background:url(../img/bg8.png) no-repeat center top;width: 387px;height: 108px}
 .bg1 span:nth-child(1), .bg2 span:nth-child(1), .bg3 span:nth-child(1), .bg4 span:nth-child(1){   
  font-size: 24px;
    line-height: 64px;
    height: 67px;
    text-align: center;
    color: #4c4848;
    float: left;
    width: 293px;
    display: inline-block;}
 .bg1 span:nth-child(2), .bg2 span:nth-child(2), .bg3 span:nth-child(2), .bg4 span:nth-child(2){     font-size: 36px;
    text-align: left;
    padding-left: 10px;
    color: #eeeeee;
    float: right;
    width: 68px;
    display: inline-block;
    line-height: 63px;
    height: 67px;}

 .bg5 span:nth-child(1), .bg6 span:nth-child(1), .bg7 span:nth-child(1), .bg8 span:nth-child(1){  
      font-size: 36px;
    text-align: left;
    padding-left: 42px;
    color: #eeeeee;
    float: left;
    width: 86px;
    display: inline-block;
    line-height: 63px;
    height: 67px;}
 .bg5 span:nth-child(2), .bg6 span:nth-child(2), .bg7 span:nth-child(2), .bg8 span:nth-child(2){  
   font-size: 24px;
    line-height: 64px;
    height: 67px;
    text-align: center;
    color: #4c4848;
    float: left;
    width: 293px;
    display: inline-block;}
 .img2{ z-index:5;width: 198px;
    height: 169px;
           /*-webkit-animation:circle-outer 4s linear infinite;
            -moz-animation:circle-outer 4s linear infinite;
            -o-animation:circle-outer 4s linear infinite;
            animation:circle-outer 4s linear infinite;*/ }

        @-webkit-keyframes circle-outer{
            from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}
        }
        @-moz-keyframes circle-outer{
            from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}
        }
        @-o-keyframes circle-outer{
            from{-o-transform:rotate(0deg)}to{-o-transform:rotate(360deg)}
        }
        @keyframes circle-outer{
            from{transform:rotate(0deg)}to{transform:rotate(360deg)}
        }


    .bg9{  margin-right:0px;}

.cont8{height: 704px;}
.cont8 ul{   width: 1160px;  height: 400px;margin:86px auto 50px;}
/*.cont8 ul span{       font-family: 'fontstyle';
    font-size: 36px;
    text-align: center;
    color: #fff;
    padding-top: 0px;
    margin-bottom: 9px;
    display: inline-block;}*/
 .entry{padding-bottom:98px; background:url(../img/qiye_01.jpg) no-repeat center top; height: 870px;}
.entry h2{font-weight:bold;letter-spacing:8px ; padding-top: 50px;font-size: 42px;color:#ffffff;text-align:center; }
.entry p{width:994px;margin:0 auto;text-align:center;font-size:16px;color:#ffffff;margin-bottom:60px;line-height:28px;}
.entry ul{width:1140px;margin:50px auto;}
.entry ul li{width:366px;float:left;margin-right:20px;margin-bottom:20px;}
.entry ul li .de{height:224px;overflow:hidden;    position: relative;}
.entry ul li .de span{    position: absolute;
    bottom: 6px;
    left: 12px;
    font-size: 14px;}
.entry ul li .de1{ background:url(../img/qiye7.png) no-repeat center top;height: 224px}
.entry ul li .de2{ background:url(../img/qiye8.png) no-repeat center top;height: 224px}
.entry ul li .de3{ background:url(../img/qiye9.png) no-repeat center top;height: 224px}
.entry ul li .de4{ background:url(../img/qiye04.png) no-repeat center top;height: 224px}
.entry ul li .de5{ background:url(../img/qiye05.png) no-repeat center top;height: 224px}
.entry ul li .de6{ background:url(../img/qiye10.png) no-repeat center top;height: 224px}
.entry ul .r0{margin-right:0;}
.entry ul h3{font-size:14px;font-weight:normal;text-align:left; color:#ffffff;}
.gd{    padding-bottom: 50px;
    background: #f1f1f1;}
 
.graid{width: 1140px;height: 269px;margin:10px auto;}

.grid {
        overflow: hidden;
        margin: 0;
        float: left;
        width: 280px;
        height: 274px;
        padding-top: 20px;
        list-style: none;
        text-align: center;
}

/* Common style */
.grid figure {
        position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    width: 244px;
    font-family: "微软雅黑";
    height: 234px;
    background: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 14px;
    box-shadow: 0px 0px 16px #291313;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    opacity: 0.8;
}

.grid figure figcaption {
    padding: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid figure h2 {
    word-spacing: -0.15em;
    
    font-weight: 300;
}

.grid figure h2 span {
    font-weight: 800;
}

.grid figure h2,
.grid figure p {
    margin: 0;
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 12px;
}

figure.effect-oscar {
    /*background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
    background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);*/
}

figure.effect-oscar img {
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    -moz-transition: opacity 0.35s;
    -ms-transition: opacity 0.35s;
    -o-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
    padding: 3em;
/*  background-color: rgba(58,52,42,0.7);
    -webkit-transition: background-color 0.35s;
    transition: background-color 0.35s;*/
}

figure.effect-oscar figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: '';
}

figure.effect-oscar h2 {
    margin: 20% 0 10px 0;
    -webkit-transition: -webkit-transform 0.35s;
    -moz-transition: -webkit-transform 0.35s;
    -ms-transition: -webkit-transform 0.35s;
    -o-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    -moz-transform: translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0);
    -o-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    -moz-transition: opacity 0.35s, -webkit-transform 0.35s;
    -ms-transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

figure.effect-oscar:hover h2 {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
           color: #fff;
           font-size: 22px;
    font-weight: bold; 
    padding-top: 50px;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
figure.effect-oscar:hover p span{
    font-size:16px;
    padding-top: 10px;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
figure.effect-oscar:hover figcaption {
    background-color: rgba(35, 24, 34, 0.44);
}

figure.effect-oscar:hover img {
    opacity: 0.6;
}



.qylg{    text-align: center;
    padding: 0px 0px 70px;
    background: #041e2f;
 }
.qytit{
      letter-spacing: 4px!important; 
}
.qydbt{color: #fff!important;}
.qyfbt{text-align: center;
    font-size: 18px;
    width: 915px;
    margin: 10px auto 40px;color: #fff}
    .leyu {
    padding-top: 5px;
    background: url(../img/leyu1.jpg) no-repeat center bottom;
    height: 72px;
}