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/banner.jpg) no-repeat center top;height:640px;}
 .banner1{background:url(../img/2.png) no-repeat center top;height:548px;}

.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;height: 782px;}
.tit h3{    color: #383940;
           font-weight: bold;
    letter-spacing: 4px;
    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;}
.cont1{width: 1160px;height: 100px;margin: 0 auto;}
 .cont1 li {  float: left;  width: 229px; padding: 40px 16px 20px; } 
.cont1 li img{width: 100%}
.cont2_2{    width: 1000px;  margin: 0 auto;  padding-top: 50px;}

.cont2_2>.con-l{float: left;    width: 400px; height: 357px;}
.cont2_2>.con-r{float: right;    width: 600px;  height: 357px;}
.cont2_2>.con-r>p{    width: 589px;
    height: 290px;
    font-size: 20px;
    font-family: sans-serif;
    color: #d2560b;}

.zt1 {
    width: 1100px;
    margin: 0 auto;
}

.zt1>.cont2{width: 1100px;background: #f6f6f6;}

.zt1>.cont2>img{width: 100%;}
.zt1>.cont3{width: 1100px;height: 90px;background: #dd605f;border-radius: 16px;}
.zt1>.cont3>p{font-size: 25px;  color: #fff; text-align: center;  height: 43px;  line-height: 43px;}

.zt1>.cont3>p>.yuyue{background:#0081D4;font-size: 16px;border-radius: 4px;padding: 2px 12px; text-decoration: none;color: #FAE711; margin-left: 8px;}
.zt1>.cont4{
    width: 1100px;
    height: 192px;
    margin: 0 auto;
    margin-top: 30px;
    }
.zt1>.cont4>.cont4-title{width: 527px;height: 192px;float: left;}
.zt1>.cont4>.cont4-title>img{
    width: 100%;
    /* margin-top: 30px; */
    }
.zt1>.cont4>.cont4-img{width: 524px;height: 192px;float: right;/* margin-right: 30px; */}
.zt1>.cont4>.cont4-img>img{width: 100%;}
.zt1>.cont5{
    width: 1100px;
    height: 311px;
    /*    background: red;*/
}
.zt1>.cont5>.contents1 {
    float: left;
    width: 234px;
    height: 240px;
    background: #bbe4ff;
    /* border: 1px solid #fb7390; */
    -moz-box-shadow:0px 0px 20px #C2BEC5;
    /* -webkit-box-shadow:0px 0px 20px #C2BEC5; */
    box-shadow: 0px 0px 20px #8158a0;
    border-radius: 11px;
}
.zt1>.cont5>.contents2 {
    float: left;
    width: 234px;
    height: 240px;
    background: #ffd8bb;
    /* border: 1px solid #fb7390; */
    -moz-box-shadow:0px 0px 20px #C2BEC5;
    -webkit-box-shadow:0px 0px 20px #C2BEC5;
    box-shadow: 0px 0px 20px #8158a0;
    border-radius: 11px;
}
 .zt1>.cont5>.contents3 {
    float: left;
    width: 234px;
    height: 240px;
    background: #ffbbbb;
    /* border: 1px solid #fb7390; */
    -moz-box-shadow:0px 0px 20px #C2BEC5;
    -webkit-box-shadow:0px 0px 20px #C2BEC5;
    box-shadow: 0px 0px 20px #8158a0;
    border-radius: 11px;
}
 .zt1>.cont5>.contents4{
    float: left;
    width: 234px;
    height: 240px;
    background: #f0c9ff;
    /* border: 1px solid #fb7390; */
    -moz-box-shadow:0px 0px 20px #C2BEC5;
    -webkit-box-shadow:0px 0px 20px #C2BEC5;
    box-shadow: 0px 0px 20px #8158a0;
    border-radius: 11px;
}

.zt1>.cont5>.contents2:hover,.zt1>.cont5>.contents1:hover,.zt1>.cont5>.contents3:hover,.zt1>.cont5>.contents4:hover{background:#fff; }
.zt1>.cont5>.contents2:hover .lwz,.zt1>.cont5>.contents1:hover .lwz,.zt1>.cont5>.contents3:hover .lwz,.zt1>.cont5>.contents4:hover .lwz{color:#dd605f}
.zt1>.cont5>.contents2>p,.zt1>.cont5>.contents1>p,.zt1>.cont5>.contents3>p,.zt1>.cont5>.contents4>p{
    font-size: 21px;
    font-weight: bolder;
    padding-top: 11px;
    padding-left: 8px;
}
.zt1>.cont5>.contents2>p>img,.zt1>.cont5>.contents1>p>img,.zt1>.cont5>.contents3>p>img,.zt1>.cont5>.contents4>p>img{
       margin-left: 67px;
    margin-top: -5px; 
}
.zt1>.cont5>.jia{float: left;}
.zt1>.cont5>.jia>img{    margin-top: 92px; margin-left: 10px; margin-right: 10px;}
.lwz{padding: 10px;color: #4e4545;}




@font-face {
  font-family: 'fontstyle';
  src: url('../font/font.ttf'); 
  font-weight: normal;
  font-style: normal;
} 
 
.titl2{font-weight: bold; font-size: 38px;text-align: center;}
.cont5{    width: 990px;
    height: 496px;
    margin: 40px auto 0px;}
/*.cont5 img{width: 100%}*/
.cont6{background:#0c202d;height: 724px;}
.cont7{width: 1160px;height: 346px;margin: 50px auto 0px;}
.cont7 img{width: 100%}
.yanse {color: #eefbfd;padding-top: 60px;}
.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:4px ; padding-top: 50px;font-size: 38px;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: 254px;margin:10px auto;}

.grid {
        overflow: hidden;
        margin: 0;
        float: left;
        width: 280px;
        height: 275px;
        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;
}

.intr{padding-bottom: 17px;background:#f1f1f1;}
.intr h2{font-size:38px;text-align:center;padding-top:50px;/* margin-bottom:30px; */color: #48443a;letter-spacing: 4px;}
/*.intr h2 b{ font-size: 44px;color: #dca00f; }*/
.intr p{font-size:18px;width:852px;margin:0 auto;line-height:28px;margin-bottom:48px;color: #252529;}

.ulf{width: 1122px;margin:50px auto;height: 514px;}
.fl{float: left;}
.ulf .si{width: 360px;height: 240px;margin-right: 20px;position: relative;overflow: hidden;margin-bottom: 20px;border-radius: 10px;}
.ulf .sii{float: right;position: relative;overflow: hidden;width: 360px;height: 240px;border-radius: 10px;}
.ulf .si img,.ulf .sii img{width: 360px;height: 240px;}
 .ulf .si img:hover,.ulf .sii img:hover{ box-shadow:0 0 10px #252829; }

.ulf1{width: 1180px;margin:50px auto;height: 395px;}
.fl{float: left;}
.ulf1 .si2{width: 280px;height: 392px;margin-right: 20px;position: relative;}
.ulf1 .sii2{float: right;position: relative;width: 280px;height: 392px;}
.ulf1 .si2 img,.ulf1 .sii2 img{width: 280px;height: 392px}

  .ulf1 .si2 img:hover,.ulf1 .sii2 img:hover{ box-shadow:0 0 10px #fff; }
.si h3 p,.sii h3 p{
    color: #fff;
    font-size: 14px;
    width: 220px;
    position: absolute;
    left: 15px;
    top: 16px;
    padding-right: 10px;
    line-height: 29px;
}
.si h3 p span,.sii h3 p span{
    font-size: 16px;
}
.si h3,.sii h3{
    width: 100%;
    height: 55px;
    position: absolute;
    left: 0;
    /* bottom: -89px;*/
    bottom: 0px;
    text-align: left;
    transition:0.3s;
}

.si:hover h3,.sii:hover h3{
    width: 100%;
    height:60px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
    transition:0.3s;
}

.si h3 strong,.sii h3 strong{
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    position: absolute;
    left: 0;
    top:0;
}
.si h3 p,.sii h3 p{
    color: #fff;
    font-size: 14px;
    width: 339px;
    position: absolute;
    left: 15px;
    top: 11px;
    padding-right: 10px;
    line-height: 29px;
}
.si h3 p span,.sii h3 p span{
    font-size: 15px;
}



 .cont14,.cont15{
        width: 1130px;
        height: 310px;
        margin: 0 auto;
    }
 

 
    .c_141{background:url(../img/kc1.png) no-repeat center top;width: 362px;height: 292px;margin-right: 20px;float: left;position: relative;}
    .c_142{background:url(../img/kc2.png) no-repeat center top;width: 362px;height: 292px;margin-right: 20px;float: left;position: relative;}
    .c_143{background:url(../img/kc3.png) no-repeat center top;width: 362px;height: 292px;float: left;position: relative;}
    .c_151{background:url(../img/kc4.png) no-repeat center top;width: 362px;height: 292px;margin-right: 20px;float: left;position: relative;}
    .c_152{background:url(../img/kc5.png) no-repeat center top;width: 362px;height: 292px;margin-right: 20px;float: left;position: relative;}
    .c_153{background:url(../img/kc6.png) no-repeat center top;width: 362px;height: 292px;float: left;position: relative;}
    .c_141>p,.c_142>p,.c_143>p,.c_151>p,.c_152>p,.c_153>p{
 
    padding-left: 10px;
    padding-right: 10px;
    display: none;
}
  .bgh{display: none;}
    .title1,.title2,.title3,.title4,.title5,.title6{
    /*width: 392px;
    height: 262px; */
    background: rgba(49, 49, 49, 0.1);width: 362px;height: 292px;
    line-height: 262px;
    text-align: center;
    font-size: 33px;
    color: #fff; 

    }

   .kc {     padding: 0px 50px 50px;}
   .c_141:hover .title1, .c_142:hover .title2, .c_143:hover .title3, .c_151:hover .title4, .c_152:hover .title5, .c_153:hover .title6{display: none;}
   .c_141:hover p {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    padding: 20px 30px;
    color: #fff;
    font-size: 14px;
    text-align: left; 
    }
    .c_142:hover p {
    display: block;
    position: absolute;
    top: 15px;
    left: 0;
    padding: 30px 30px;
    color: #fff;
    font-size: 14px;
    text-align: left; 
    }
   .c_143:hover p {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    padding: 60px 30px;
    color: #fff;
    font-size: 14px;
    text-align: left; 
    }
    .c_151:hover p {
    display: block;
    position: absolute;
    top: 25px;
    left: 0;
    padding: 60px 30px;
    color: #fff;
    font-size: 14px;
    text-align: left; 
    }
     .c_152:hover p {
    display: block;
    position: absolute;
    top: 25px;
    left: 0;
    padding: 60px 30px;
    color: #fff;
    font-size: 14px;
    text-align: left; 
    }
     .c_153:hover p{
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    padding: 60px 30px;
    color: #fff;
    font-size: 14px;
    text-align: left; 
    }

    .c_141:hover .bgh,.c_142:hover .bgh,.c_143:hover .bgh,.c_151:hover .bgh,.c_152:hover .bgh,.c_153:hover .bgh{background: rgba(49, 49, 49, 0.6);width: 362px;height: 292px;display: block;border-radius: 6px}
 
 .tit{
    text-align: center;
   /* margin-top: 30px;*/
        margin-bottom: 30px;
}
.tit h3{
        font-size: 38px;
    font-weight: bold;
    color: #333;
}
.tit h3 span{
/*     color:#ca0612; */
}
.tit p{
        font-size: 18px;
    color: #2d2929;
    width: 1000px;
    margin: 0 auto;
    text-align: center;
      
}
.jieshao{width: 1100px;margin: 0 auto;height: 500px}
.jsl{float: left;width: 800px;height: 500px}
.jsr{float: right;width: 300px;height: 500px}
.jsr img{width: 200px;height: 200px}
.jsl p{    padding: 0px 20px 0px;
    font-size: 16px;
    line-height: 25px;}
      .lygj166{
    font-size: 20px;
    color: #dde3e4;
    text-align: center;
    width: 264px;
    height: 48px;
    border: 2px solid #d4d4d4;
    display: block;
    margin: 0 auto;
    line-height: 43px;
 
    border-radius: 5px;
    font-weight: bold;
    }
 .lygj166:hover{background:#000000;color:#ffffff;}
 .global_link1{
    font-size: 20px;
    color: #031420;
    text-align: center;
    width: 264px;
    height: 48px;
    border: 2px solid #031420;
    display: block;
    margin: 0 auto;
    line-height: 43px;
    border-radius: 5px;
    font-weight: bold;
    }
     .global_link1:hover{background:#031420;color:#ffffff;}