.kingproductbg{ background:url(../images/aboutbg.jpg) center top; width:100%; height:100%;background-size:cover}

.kingyoushibg{ background:url(../images/youshibg.jpg) center top; width:100%; height:100%;background-size:cover}

.kingcasebg{ background:url(../images/casebg.jpg) center top; width:100%; height:100%;background-size:cover}

.kingclientbg{ background:url(../images/clientbg.jpg) center top; width:100%; height:100%;background-size:cover}

.kingcontactbg{ background:url(../images/aboutbg.jpg) center top; width:100%; height:100%;background-size:cover}

.kingaboutbg{ background:url(../images/aboutbg.jpg) no-repeat center top; background-attachment:fixed;width:100%;  height:auto; padding:13em 0 2em 0;min-height:83%;background-size:cover}

.kingaboutbg1{ background:#eeeeee url(../images/aboutbg1.jpg) no-repeat center top; background-attachment:fixed;background-size: cover; width:100%;height:auto;padding:13em 0 2em 0;min-height:83%;background-size:cover}

.teamdetails{min-height:83%;}

.kingaboutbg1,.kingaboutbg,.teamdetails{padding-top:120px;}



.kingteambg{ background:url(../images/contactbg.jpg) center top; width:100%; height:100%;}







.kingprdbg{ background:url(../images/kingproductbg.jpg) center top; width:100%; height:230px;}

.kingcontactbg{ background:url(../images/contactbg2.jpg) center top; width:100%; height:230px;}





.servicebg{ background:url(../images/servicebg.jpg) center top; width:100%; height:320px; margin: 3em 0 2em 0;}



.kingcbg,.kingcbg1,.kingcbg2,.kingcbg3,.kingcbg4,.kingcbg5{ margin-top:80px;}

.kingcbg1{ background:url(../images/top_4.jpg) center top; width:100%; height:220px;margin-top:80px;}

.kingcbg2{ background:url(../images/top_1.jpg) center top; width:100%; height:220px;margin-top:80px;}

.kingcbg3{ background:url(../images/top_3.jpg) center top; width:100%; height:220px;margin-top:80px;}

.kingcbg4{ background:url(../images/top_5.jpg) center top; width:100%; height:220px;margin-top:80px;}

.kingcbg5{ background:url(../images/top_2.jpg) center top; width:100%; height:220px;margin-top:80px;}



.kingcbg{ background:url(../images/cbg.jpg) center top; width:100%; height:220px;margin-top:80px;}

.kingcbg1{ background:url(../images/top_4.jpg) center top; width:100%; height:220px;margin-top:80px;}

.kingcbg2{ background:url(../images/top_1.jpg) center top; width:100%; height:220px;margin-top:80px;}

.kingcbg3{ background:url(../images/top_3.jpg) center top; width:100%; height:220px;margin-top:80px;}

.kingcbg4{ background:url(../images/top_5.jpg) center top; width:100%; height:220px;margin-top:80px;}

.kingcbg5{ background:url(../images/top_2.jpg) center top; width:100%; height:220px;margin-top:80px;}

.kingcbg6{ background:url(../images/cbg02.png) center top; width:100%; height:220px;margin-top:80px;}

/*菜单*/



.king_yuan ul{width:100%; margin: auto; text-align: center;}

.king_yuan ul li{display: inline-block; width: 120px; height: 120px; margin: 20px; position: relative; transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s;}

.king_yuan ul li span{display: block; width: 120px; height: 120px; border:#f00 3px solid; border-radius:50%; position: absolute; left: 0; top: 0; transition: all .3s ease-in-out 0s; -webkit-transition: all .3s ease-in-out 0s;}

.king_yuan ul li:hover{background: none;}

.king_yuan ul li .cl{clip: rect(0px, 120px, 120px, 50px);}

.king_yuan ul li .cr{clip: rect(0px, 50px, 120px, 0px);} 

.king_yuan ul li:hover .cl{clip: rect(0px, 120px, 0px, 50px);}

.king_yuan ul li:hover .cr{clip: rect(120px, 50px, 114px, 0px);}





/*.......................................这段css 先对一下 开始.................................*/

/*pc端样式*/

.section1{width:100%;height:100%;}

#box{width:100%;height:100%;position: relative;margin: 0;padding: 0;}

#box .swiper-container{width: 100%;height: 100%;margin-left: auto;margin-right: auto;}

#box .swiper-slide{text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

#container1 .pcSwiper{height:100%;}

#container1 .pcSwiper .swiper-slide{margin-top:0;overflow:hidden;background-color:#000;position:relative;height:100%;}

#container1 .pcSwiper .banner{position:absolute;top:0;left:0;width:100%;height:100%;}

#container1 .pcSwiper .banner img{width:2000px;height:1100px;position:absolute;top:50%;left:50%;margin-left:-1000px;margin-top:-550px;}

#container1 .pcSwiper .mask{width:2000px;height:1100px;position:absolute;top:50%;left:50%;margin-left:-1000px;margin-top:-550px;z-index:7;}

#container1 .pcSwiper .mask img{width:100%;height:100%;}

#container1 .pcSwiper .red_k{width:730px;height:440px;border:1px dashed red;position:absolute;top:50%;left:50%;margin-left:-365px;margin-top:-170px;z-index:8;}

#container1 .pcSwiper .small_img{position:absolute;top:54%;left:50%;margin-left:-187px;margin-top:-87px;z-index:9;width:375px;height:174px;}

#container1 .pcSwiper .small_img img{width:100%;height:auto;max-width:375px;}

#container1 .pcSwiper .second_tit{position:absolute;bottom:0;left:3%;z-index:9;width:506px;height:302px;}

#container1 .pcSwiper .second_tit img{width:100%;height:auto;max-width:506px;}



#container1 .pcSwiper .fourth_left{position:absolute;width:100%;height:auto;text-align:center;bottom:0;left:14%;z-index:8;max-width:590px;}

#container1 .pcSwiper .fourth_left img{width:100%;height:auto;max-width:590px;}

#container1 .pcSwiper .fourth_right{width:325px;height:171px;position:absolute;top:15%;left:50%;margin-left:-162px;z-index:9;text-align:center;}

#container1 .fourth_right img{width:100%;height:auto;max-width:325px;margin:0 auto;}

.fourth_1{width:92%;position:absolute;left:4%;bottom:87px;z-index:7;}

.fourth_1 img{width:100%;display:block;margin:0 auto;}

#container1 .swiper-button-next{width:60px;height:60px;background:url(../images/swiperBtnLeft01.png) no-repeat center;background-size:60px 60px;right:10px;margin-top:-30px;display:none;}

#container1 .swiper-button-prev{width:60px;height:60px;background:url(../images/swiperBtnRight01.png) no-repeat center;background-size:60px 60px;left:10px;margin-top:-30px;display:none;}



#container1 .five_top{position:absolute;width:675px;top:27%;left:50%;margin-left:-337px;z-index:9;}

#container1 .five_top img{width:100%;}

#container1 .five_bottom{position:absolute;width:873px;top:62%;left:50%;margin-left:-436px;z-index:9;}

#container1 .five_bottom img{width:100%;}

#container1 .five_tit{position:absolute;bottom:2%;left:3%;z-index:9;width:436px;}

#container1 .five_tit img{width:100%;height:auto;}









.pc_hd_logo{display:block;}

.mb_hd_logo{display:none;}

.pc_fourthTitle{display:block;}

.mb_fourthTitle{display:none;}

.pc_fourthbg{display:block;}

.mb_fourthbg{display:none;}

.pc_thirdTitle{display:block;}

.mb_thirdTitle{display:none;}

.fourth_right .tcenter{display:block;display:none;}

.pc_s6bg{display:block;}

.mb_s6bg{display:none;}

.mb_red_k{display:none;}

/*移动端样式*/

#container0{display:none;z-index:20;}

#container0 .mbSwiper{height:100%;}

#container0 .mbSwiper .swiper-slide{margin-top:0;overflow:hidden;height:100%;background-color:#000;position:relative;margin:0;padding:0;}

#container0 .mbSwiper .banner{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}

#container0 .mbSwiper .banner img{width:750px;height:1121px;position:absolute;top:50%;left:50%;margin-left:-375px;margin-top:-560px;}

#container0 .mbSwiper .small_img{position:absolute;width:100%;height:auto;top:33%;left:0;z-index:9;}

#container0 .mbSwiper .small_img img{display:block;width:100%;height:auto;max-width:750px;margin:0 auto;}

#container0 .mbSwiper .red_k{position:absolute;width:100%;height:auto;top:33%;left:0;z-index:8;}

#container0 .mbSwiper .red_k img{display:block;width:100%;height:auto;max-width:750px;margin:0 auto;}





#container0 .mbSwiper .second_tit{position:absolute;width:100%;height:auto;bottom:1%;left:0;z-index:9;}

#container0 .mbSwiper .second_tit img{display:block;width:100%;height:auto;max-width:750px;margin:0 auto;}



#container0 .mbSwiper .fourth_left{position:absolute;width:100%;height:auto;bottom:0;left:0;z-index:10;}

#container0 .mbSwiper .fourth_left img{display:block;width:100%;height:auto;max-width:750px;margin:0 auto;}

#container0 .mbSwiper .fourth_right{position:absolute;width:100%;height:auto;top:16%;left:0;z-index:9;}

#container0 .mbSwiper .fourth_right img{display:block;width:100%;height:auto;max-width:750px;margin:0 auto;}

#container0 .swiper-button-next{width:30px;height:30px;background:url(../images/swiperBtnLeft01.png) no-repeat center;background-size:30px 30px;right:8px;margin-top:-25px;}

#container0 .swiper-button-prev{width:30px;height:30px;background:url(../images/swiperBtnRight01.png) no-repeat center;background-size:30px 30px;left:8px;margin-top:-25px;}



#container0 .mbSwiper .five_top,#container0 .mbSwiper .five_bottom{position:absolute;margin:0;z-index:7;}

#container0 .mbSwiper .five_top{top:30%;width:72%;left:14%;}

#container0 .mbSwiper .five_bottom{top:53%;width:90%;left:5%;}

#container0 .mbSwiper .five_top img,#container0 .mbSwiper .five_bottom img{width:100%;left:0;margin:0;}









/*2018.06.07改：banner1，banner2，banner3，banner4*/

.banner_text{position:absolute;}

.banner_text img{display:block;width:100%;}

.banner_1 .banner_text{width:506px;bottom:0;left:3%;}

.banner_2 .banner_text{width:74%;left:50%;top:48%;max-width:680px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

#particles-js,#particles-js0,.particles-js-canvas-el{width:100%;height:100%;}

.banner_4 .banner_text{width:30%;height:100%;left:12%;display:flex;justify-content:center;align-items:center;z-index:2;}

.banner_4 .banner_right{position:absolute;padding-top:90px;width:61.5%;top:52%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);}

.banner_4 .banner_right img{position:relative;width:100%;}

#container1 .banner_4 .banner_right{margin-top:-20px;-webkit-animation:myfirst 1s linear 0s infinite alternate running;animation:myfirst 1s linear 0s infinite alternate running;}



#container0 .banner_1 .banner_text{width:100%;bottom:1%;left:0;}

#container0 .banner_2 .banner_text{width:80%;top:46%;max-width:450px;}







#container0 .mbSwiper .banner_4{flex-flow:column wrap;padding-top:30px;}

#container0 .banner_4 .banner_text{width:100%;height:auto;position:static;display:block;margin-bottom:50px;}

#container0 .banner_4 .banner_right{width:80%;padding:0;position:relative;-webkit-transform:translateY(0);transform:translateY(0);top:-20px;-webkit-animation:myfirst1 1s linear 0s infinite alternate running;animation:myfirst1 1s linear 0s infinite alternate running;}

@keyframes myfirst{

    0%{margin-top:-20px}

    50%{margin-top:0px}

	100%{margin-top:20px}

}



@-webkit-keyframes myfirst{

   0%{margin-top:-20px}

   50%{margin-top:0px}

   100%{margin-top:20px}

}

@keyframes myfirst1{

    0%{top:-20px}

    50%{top:0px}

	100%{top:20px}

}

@-webkit-keyframes myfirst1{

   0%{top:-20px}

   50%{top:0px}

   100%{top:20px}

}

/*2018.06.07*/







/*第二屏*/

.yuanxing{ width:120px; height:120px; border-radius:100%; background:#fff; border:1px solid #d4d4d4;}

.kingicon{ width:200px; height:200px; background:#fff; border-radius:100%; font-size:6em; border:1px inset #dbdbdb; padding:0.3em; line-height:2em;}

.mini_item{display:none;transform: translateY(100%);opacity: 0;transition: all 0.5s;}

.active .mini_item{transform:none;opacity: 1;}



.texiao2 { position: relative; top:-150px;   transition: all 1s; opacity:0; width:100%; float:left;}

.active .texiao2{ top:0; opacity: 1; transition-delay: 0.7s;}



.s2_item a{color:#333;}



/*第三屏*/

.s3_icon.icon-weixin{font-size:30px;}

.kingsan{ margin:5em 0;animation:kingsan 5s;}

.texiao3 { position: absolute; bottom:-500px;   transition: all 1s;}

.active .texiao3 { bottom:8em; opacity: 1; transition-delay: 0.7s;}





.kingsan dd{ float:left; width:100%; margin:0 0 12px 0}

.kingsan dd i{ padding:0 8px;}

.kingsan dt{ line-height:2em}



.section3 .p1 a{display: block;width: 270px;height: 54px;line-height: 54px;padding:0;text-align: center;font-size:20px;margin:0 auto;cursor: pointer;background:#fff;border-radius: 10px;border: solid 1px #ccc;color: #333;transition: all 1s;}

.section3 .section7_btn{position: absolute;left:50%;transform: translate(-50%,200%);bottom:10%;opacity: 0;transition: transform 0.5s,opacity 0.5s;}

.active.section3 .section7_btn{opacity: 1;transform: translate(-50%,0);}

    





/*第四屏*/

.item-preview{position: relative; text-align: center; margin-bottom:0.8em} 

.item-preview h4{margin-bottom: 0;font-size:16px;height:30px;line-height:30px;}

.item-preview p{color: #838383;} 

.item-preview a{display: block; text-decoration: none;} 

.item-preview a h3{-webkit-transition :all 0.3s; transition :all 0.3s;}

 .item-preview a:hover h4{color: #E0243B; font-size:18px;} 

 .item-preview a:hover .text-default-color{color: #212121;font-size:16px;} 

 .item-preview-thumb{position: relative;font-size:16px; height:500px; margin-bottom: 20px;

  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.11); background: no-repeat center top; -webkit-background-size: cover;

   background-size: cover; -webkit-transition: background 10s; transition: background 10s;} 

 .item-preview:hover .item-preview-thumb{background-position: center bottom;font-size:16px;}



.Animation{transition: all 0.6s linear; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear;

 -ms-transition: all 0.6s linear; -o-transition: all 0.6s linear;}





/*.caseSection{position:absolute;width:1400px;height:516px;top:57%;left:50%;transform:translate(-50%,-50%);overflow:visible;}*/

.caseSection{position:absolute;width:73%;min-width:1200px;max-width:1400px;height:516px;top:57%;left:50%;transform:translate(-50%,100%);overflow:visible;overflow:hidden;opacity: 0;transition: all 0.5s;}

.active .caseSection{transform:translate(-50%,-50%);opacity: 1;}

.caseSection .swiper-wrapper>div{position:absolute;height:auto;overflow:hidden;margin:0;padding:0;top:50%;transform:translate(0,-50%);cursor:pointer;}

.caseSection .swiper-wrapper a{position:absolute;display:block;width:100%;height:100%;top:0;left:0;}

/*.caseSection .width_0{width:240px;left:0;top:90px;z-index:1;}

.caseSection .width_1{width:306px;left:225px;top:44px;z-index:2;}

.caseSection .width_2{width:364px;left:518px;top:0;z-index:5;} 

.caseSection .width_3{width:306px;left:866px;top:44px;z-index:2;}

.caseSection .width_4{width:240px;left:1158px;top:90px;z-index:1;}*/



/*.caseSection .width_0{width:17%;left:0;top:12.4%;z-index:1;}

.caseSection .width_1{width:22%;left:16%;top:5.5%;z-index:2;}

.caseSection .width_2{width:26%;left:37%;top:0;z-index:5;} 

.caseSection .width_3{width:22%;left:62%;top:5.5%;z-index:2;}

.caseSection .width_4{width:17%;left:83%;top:12.4%;z-index:1;}*/



.min_swiper_container{display:none;}

.caseSection .width_00{width:17%;left:-17%;z-index:1;}

.caseSection .width_0{width:17%;left:0;z-index:1;}

.caseSection .width_1{width:22%;left:16%;z-index:2;}

.caseSection .width_2{width:26%;left:37%;z-index:5;box-shadow:0 0 20px rgba(0,0,0,0.3);} 

.caseSection .width_3{width:22%;left:62%;z-index:2;}

.caseSection .width_4{width:17%;left:83%;z-index:1;}

.caseSection .width_5{width:17%;left:100%;z-index:1;}



.caseSection .waiting{display:none;}

.caseSection .img{position:relative;}

.caseSection .img img{width:100%;display:block;}

.caseSection .imgMark{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.2);}

.caseSection .imgMark div{position:absolute;width:100%;left:0;top:35.5%;}

.caseSection .imgMark img{display:block;width:45.3%;margin:0 auto 25px;}

.caseSection .imgMark .t_p3{width:80%;color:#fff;text-align:center;font-size:16px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;margin:auto;float:none;}

.caseSection .text{position:absolute;width:100%;left:0;bottom:-100%;}

.caseSection .text p{float:none;width:auto;margin:0;color:#fff;text-align:center;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;padding:0 10px;}

.caseSection .text .t_p1{font-size:14px;background:rgba(0,0,0,0.74);line-height:57px;}

.caseSection .text .t_p2{font-size:16px;background:#DF3739;line-height:68px;}



.caseSection .width_2 .imgMark{display:none;}

.caseSection .width_2 .text{bottom:0;}



@media ( min-width:992px ) and ( max-height:700px ){

    .caseSection{width:60%;min-width:auto;top:65%;}

    .caseSection .text .t_p1{font-size:13px;}

    .caseSection .text .t_p1,.caseSection .text .t_p2{line-height:45px;}

    .caseSection .text .t_p2,.caseSection .imgMark .t_p3{font-size:15px;}

}

@media ( min-width:992px ) and ( max-height:640px ){

    .caseSection{width:50%;min-width:auto;top:65%;}

    .caseSection .text .t_p1{font-size:13px;}

    .caseSection .text .t_p1,.caseSection .text .t_p2{line-height:35px;}

    .caseSection .text .t_p2,.caseSection .imgMark .t_p3{font-size:15px;}

}

/*关于*/



#menu { position: fixed; left:8em; float:left; top: 50%; margin: -160px 0 0; padding: 0; list-style-type: none; z-index: 70;}

#menu li {margin-top:1em; }

#menu a { display: block; padding:10px 20px; background-color: #fff; color: #555; text-align: center; text-decoration: none;border-radius:4%;}

#menu .active a { color: #fff; background-color:#E0243B}



.kingabout{ float:left; width:100%; }



.kingleft{ float:left; width:20%; position:relative;animation:kingleft 5s;}

@keyframes kingleft

{

0%   {left:-300px; top:0;}

25%  {left:0; top:0;}

}

.kingleft ul { float: left; }

.kingleft li { text-align:center;  padding:0 2em; width:100%; height:3em;}

.kingleft li a { color:#000; display:block; height:2.6em; line-height:2.6em;padding:0 1em; }

.kingleft li a:hover, .kingleft li a.active{ color:#fff; background:#E0243B; border-radius:5px;}



.kingrihgt{ float:right; width:80%;position:relative;animation:kingrihgt 5s;}

@keyframes kingrihgt

{

0%   {left:300px; top:0;}

25%  {left:0; top:0;}

}

.kingrihgt dd{ width:100%; float:left;}

.kingrihgt dd span{ width:100%; float:left;}

.kingrihgt dd em{ width:100%; float:left;font-size:18px;}



.kingrihgt dt{ width:100%; float:left; margin:1em 0 0 0}

.grid{overflow: hidden;margin: 0;padding:0;width: 100%;max-width: 1920px;list-style: none;text-align: center;}











.label{ font-size:1.6em}





.ab_bg{ float: left; width: 100%;   background: url(../images/ab_1.png) no-repeat bottom; height: 632px;}



.product_cont {

    overflow: hidden;

    margin-top: 30px;

}



.product_cont li {

    float: left;

    width: 16.66666%;

    overflow: hidden;

}



.product_cont li a {

    display: block;

    width: 100%;

    position: relative;

}



.product_cont li a img {

    display: block;

    width: 100%;

    height: 100%;

}



.product_cont li a span {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: -100%;

    left: 0;

    background: rgba(180, 23, 89, .8);

}



.product_cont li a:hover span {

    background: rgba(180, 23, 89, .8);

    background: #b41759\9;

    *background: #b41759;

    top: 0;

    color: #fff;

}



.product_cont li a span i {

    display: block;

    width: 100%;

    text-align: center;

    margin-top: 30%;

}



.product_cont li a span em {

    display: block;

    width: 100%;

    text-align: center;

}



/*产品开始----------product_banner

.product_header{display:none;}

.product_banner{position:relative;width:100%;margin-top:90px;}

.product_banner .swiper-wrapper{width:100%;}

.product_banner .swiper-slide{float:left;width:33.33%;margin:0;padding-bottom:0;}

.product_banner .swiper-slide img{display:block;margin:0 auto;width:100%;max-width:1920px;max-height:480px;}

.product_banner .swiper-pagination-bullet-active{background:#fff;}

.product_banner .swiper-button-next,.product_banner .swiper-button-prev{width:60px;height:60px;}

.product_banner .swiper-button-next{left:50px;background:url(../images/swiperBtnLeft02.png) no-repeat center;background-size:100% 100%;opacity:2.8;}

.product_banner .swiper-button-prev{right:50px;left:auto;background:url(../images/swiperBtnRight02.png) no-repeat center;background-size:100% 100%;}

*/



.product_header{display:none;}

.product_banner{position:relative;width:100%;margin-top:90px;/*height:480px;*/}

.product_banner .swiper-wrapper{width:100%;}

.product_banner .swiper-slide{width:100%;margin:0;padding-bottom:0;}

.product_banner .swiper-slide img{display:block;margin:0 auto;width:100%;max-width:1920px;max-height:480px;}







/*侧导航*/

.pro_sideBar{position:absolute;top:97px;left:0;width:150px;height:500px;background:#fff;z-index:99;display:none!important;}

.pro_sideBar_inner{width:150px;background:url(../images/pro_line_02.png) right center no-repeat;background-size:1px 287px;}

.pro_sideBar li{height:45px;line-height: 45px;text-align: right;cursor:pointer;padding-right:13px;position: relative;overflow:hidden; }

.pro_sideBar li.cur{color:#E0243B;}

.pro_sideBar li:after{content:'';position: absolute;width:150px;height:1px;background:url(../images/pro_line_01.png) no-repeat center;left:100%;bottom:0;transition:all 0.5s;}

.pro_sideBar li.cur:after{content:'';position: absolute;width:150px;height:1px;background:url(../images/pro_line_01.png) no-repeat center;left:0;bottom:0;transition:all 0.5s;}

.pro_sideBar b{width:12px;height:15px;background:url(../images/pro_side_icon.png) center;position:absolute;top:15px;right:-4px;}









/*产品结束----------product_banner*/



/*产品开始*/

.kinganniu{ width:100%;float:left; }

.kinganniu dl{ width:100%;margin-top:4em;}

.kinganniu a { padding:0.5em 2em; background:#fff; color:#000;  border:solid 1px #E0243B; border-radius:5px; height:2.6em; line-height:2.6em; margin:0 0.3em;}

.kinganniu a:hover, .kinganniu a.act1 { color:#fff; background:#E0243B; border-radius:5px;}



.kifu{ float:left; width:100%;}

.kifu li i{ width:15%; float:left; }

.kifu li span{ width:85%; float:left; }





.internet{ width: 100%; float: left;}

.internet ul{ margin: 0 auto; width: 95%;}

.internet ul li{ width: 100%; margin: 1em 0; min-height: 600px;}





/*产品结束*/



/*新闻开始*/

#kingbox{width: 100%; float:left; background:#eff2f4} 



.kleftmuen{width: 300px; min-height: 920px;position:fixed; float:left; z-index:88; background: #fff;} 

.kleftmuen a{display: block; width: 100%; margin: 0 auto 20px; color: #fff; text-align: center;} 

.klogo{ width:100%; float:left;}

.klogo dd{ width:100%;text-align:center; ;}

.klogo dt{ width:100%; text-align:center; margin:5em 0 10em 0;}

.klogo img{text-align:center; margin:0 auto}

.klogo dt em{ float:left; width:100%; text-align:center;}



.leftmuen{ width:100%; margin:0 auto; text-align:center}

.leftmuen ul { float: left; width:100%; }

.leftmuen li { text-align:center;  padding:0.3em 4em;}

.leftmuen li a { color:#000; display:block; height:2.6em; line-height:2.6em;}

.leftmuen li a:hover, .leftmuen li a.active { color:#fff; background:#E0243B; border-radius:5px;}

.leftmuen li a.active {background:#E0243B; border-radius:5px; color:#fff}

.kfooter{ bottom:2.5em; text-align:center; position: fixed; left:3em;}









.return1{width:100%; position: fixed; z-index:9999999; background:#eff2f4; height: 250px;}



.kingcontent{width:100%; height:100%; min-height:1000px; top:0; left: 300px;background: #eff2f4; z-index:9999; position:relative;}



#back{ float:left; display: inline-block; margin:3em 0 0 2em; width:1%; cursor:pointer}







.news-tit {height:40px;position: relative; margin-bottom:2.5rem;margin:3rem auto 2.5rem;background:#f4f4f4;}



.news-yeartit { width:130px; height: 40px; position:relative }



.news-yearsel { width:130px; position:absolute; top:0; left:0; z-index:20; display:none; background:#E0243B; padding:0 }

.news-yearsel li a { display: block; text-align:center; float: left; width:130px; height:3em; line-height:3em; overflow: hidden; font-size: 14px; color:#000; background:#f4f4f4; cursor: pointer }

.news-yearsel li a:hover { color: #000; background:#fff }

.news-yearbg { width:120px; height: 40px; line-height:44px; text-align:center; font-size:18px; position:absolute; top:0; left:0; z-index:10; background:#E0243B; color:#fff; cursor:pointer }

.news-yearbg em { border-top:8px solid transparent; border-bottom: 8px solid transparent; border-left:8px solid #E0243B; position:absolute; right:-8px; top:12px; z-index:10; width:0; height:0 }



.monthList{width:100%;height:40px;position: absolute;top:0;left:0;padding-left:114px;box-sizing:border-box;-webkit-box-sizing:border-box;}

.news-monthtit { height: 40px; line-height:40px; }

.news-monthtit li { float: left; width:8.33% ;margin:0; padding:0;}

.news-monthtit li a { display: block; text-align:center; float: left; width:100%; text-align:center;height: 40px; line-height: 40px; overflow: hidden; font-size: 16px; color:#333; cursor: pointer; }

.news-monthtit li.this a, .news-monthtit li a:hover { color: #fff;background: #E0243B }



/*下拉列表*/

.ui-input {vertical-align: top; height: 2.2em; line-height:2.2em; border: 1px solid #aaa; padding: 6px 8px; background:#f00}

.ui-select{ border:none; background:#fff;}





.newsIndex .area_100{padding-top:0;}

.news_box{width:100%;}

.inner_height{ float:left;height:280px;}

.image_box{ float:right; width:60%;height:150px;overflow:hidden;}

.image_box img{width:100%; height:auto;display: block;min-height:150px;}



.inner_box{ width:100%; z-index:3; top:0; position: relative;}



.post_date{ float:left; width:35%; margin:2em 0 0 0;}

.post_date dl{ float:left; width:70%; line-height:3em; background:#fff; border-radius:3px; margin-left:1em;}

.post_date dd{ float:left; width:100%; text-align:center; font-size:2.6em; line-height:0.6em; padding:0.5em 0 0.3em 0; border-bottom:1px solid #d7d7d7;}

.post_date dt{ float:left; width:100%; text-align:center; font-size:1rem; line-height:2.6em;}



.post_title{ float:left; padding:0.7em 0.3em 0 0.3em; line-height:2.2em; margin:0em; height:2.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.post_text{ float:left; width:100%; margin:0 0 0.5em 0; height:auto;overflow:hidden; font-size: 14px; line-height: 1.4em;text-align:justify;}



.loaded{ float:left; width:100%; text-align:center;  margin:0; font-size:1.4em;}

.loaded i{ float:left; width:100%; line-height:1.6em; font-size:2em}





.king_details{ float:left; width:100%; padding:3em 0 0.2em 0;border-bottom:1px solid #dbdbdb;margin-bottom:1em; }

.kdtilte{ float:left; width:80%; line-height:2em;}

.kdtilte span{ float:left; width:100%;}





.kingtilte1{ float:left; width:100%; margin-top:3em;}

.kingtilte1 dl{width:1000px;margin:0 auto;position:relative;}

.kingtilte1 dl dd{ width:100%; float: left;}

.kingtilte1 dl dd span{ float: left;width:auto; }

.kingtilte1 dl dd em{ float: left;width:15px; border-top:solid 1px #fff; margin:13px 12px 0 0; }

.kingtilte1 dl dd i{ float: left;}



.kingtilte1 dl dt{ width:100%; float: left; }

.kingtilte1 dl dt span{ width:100%; float: left; font-size: 30px; line-height:2em;}

.kingtilte1 dl dt p{ width:100%; float: left; font-size: 15px;}

.kingtilte1 dl dt p img{ width:18px; float: left; padding:5px 10px 0 0;}



/*detail_1.html*/

.case_text1{width:100%;background:#f5f5f5;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}

.case_text1 .case_t_inner{width:1000px;margin:0 auto;padding:40px 0 20px;}

.case_text1 dl{margin-bottom:20px;}

.case_text1 dt{float:left;font-size:16px;color:#333;width:100px;}

.case_text1 dd{float:left;font-size:14px;color:#666;width:90%;}



/*ad_detail6.html*/

.kingcbg6 dl dd span{ float: left;width:auto; }

.kingcbg6 dl dd i{ float: left;width:auto;}

.kingcbg6 dl dd i.tit{ float: left;width:auto;}

.kingcbg6 p{font-size:14px;}

.kingcbg6 .kingtilte1 dl{width:60%;max-width: 1200px;margin:0 auto;}

.kingcbg6 .kingtilte1 dl dt span{font-size:25px;}

.case_logo{width:194px;height:77px;position:absolute;right:0;bottom:10%;}

.case_introduce{width:100%;}

.case_introduce h3{font-size:22px;text-align:center;height:100px;line-height: 100px;}

.case_introduce .case_text{width:100%;background:#f5f5f5;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}

.case_introduce .case_t_inner{width:60%;max-width:1200px;margin:0 auto;padding-top:30px;}

.case_introduce .case_t_inner h4{font-size:16px;font-weight: 700;}

.case_introduce .case_t_inner p{font-size:14px;line-height:30px;margin-bottom:30px;}

.ad_container6{width:100%;}

.ad_container6>div{width:100%;}

.width1200{width:60%;max-width:1200px;margin:0 auto;}

.cace_img{padding:4% 0;}

.cace_img1 div{width:100%;text-align:center;}

.cace_img1 img{width:100%;max-width:1000px;}

.cace_img2 div{width:48%;margin-right:2%;text-align:center;}

.cace_img2 img{width:100%;max-width:556px;}

.cace_img3{padding-top:0;}

.cace_img3 div{width:28%;margin-right:5%;text-align:center;}

.cace_img3 img{width:100%;max-width:343px;}

.case_tit{padding-top:4%;}

.case_tit h3{font-size:18px;width:275px;height:40px;line-height: 40px;text-align:center;margin:0 auto;background:#638ddb;color:#fff;}

.case_tit p{font-size:16px;line-height: 30px;text-align:center;padding:1% 0;}



#case_bg{width:100%;height:100%;background:url(../images/case_bg.png) no-repeat top center;z-index:100;background-size:100% 100%;}

#case_bg .mobile_case_box{width:1000px;margin:0 auto;padding-top:10%;}

#case_bg .case_list{width:327px;margin-right:200px;}

#case_bg .mobile_bg{height:458px;padding-top:0;}

#case_bg .case_bg_ewm{width:380px;height:380px;padding:80px;background:url(../images/case_ewmBg.png) no-repeat center;background-size:100% 100%;margin-top:50px;box-sizing:border-box;-webkit-box-sizing:border-box;}

#case_bg .p1{color:#428AB2;font-size:14px;}

#case_bg .p2{font-size:16px;text-align: center;}

#case_bg .case_bg_ewm .ewm{text-align:center;margin:30px auto;width:100px;height:100px;}

#case_bg .case_bg_ewm .ewm img{width:100%;height:100%;}



.nd-titbox { width:20%; float:right; margin-top:1.5em} 

.nd-title { width:80%;  font-size:1.8rem;}

.nd-choose { right:0; bottom:15px }

.nd-choose li { float:right; margin-left:5px; width:24px; text-align:center; height:20px; line-height:20px; background:#bcbcbc; border-radius:3px; -moz-border-radius:3px }

.nd-choose li a { display:block; color:#fff; border-radius:3px; -moz-border-radius:3px }

.nd-choose li a:hover, .nd-dthis { background:#e70012 }

.nd-txt {line-height:1.8em; float: left; width: 100%; margin:0 0 2em 0 }

.nd-txt img {display:block; margin:0 auto;max-width:100%;}



/*新闻结束*/





/*案例开始*/

.registerHead{position:absolute;background:#fff;width:100%;left:0;top:0;z-index:22;}

.registerHead .k1200{position:relative; z-index:33; background:#4c4c4c; height:60px}

.registerHead .k12001{position:relative; z-index:33; background:#000; height:80px}



.registerBox{height:100%;margin:0 auto;position:relative;z-index:1;}

.registerBox1{height:100%;margin:0 auto;position:relative;z-index:1;}

.registerBox2{height:100%;margin:0 auto;position:relative;z-index:1;}



.area_550{width:550px;height:398px;float:left;padding-top:24px;margin:0 13px;}

.item-preview-thumb1{width:550px;height:300px;}

.item-preview-thumb1 img{width:100%;}

.area_550 .item-preview{text-align:left;}

.area_550 .item-preview .ownd_tit{padding:25px 0 0;}

.area_550 .item-preview h4{font-size:20px;}

.area_550 .item-preview:hover h4{font-size:20px;color:#E0243B;}

.area_550 .item-preview p{font-size:16px;color:#999;line-height:40px;float:none;}





.registerMain{position:absolute;top:60px;left:0;right:0;bottom:0;}

#displayframe{width:93%;height:66%;margin:4% 3.5% 0;}

.registerNav{width:320px;left:50%;margin-left:-160px;position:absolute;text-align:center; margin-top:0.6em}

.siteUrl{float:right;margin:1.2em 1em 0 0;}

.registerNav a{color:#999;display:inline-block;margin:0 6px;}

.registerNav a i{color:#fff;}

.registerNav a:hover,

.registerNav a:hover i,

.registerNav a.active i,

.registerNav a.active{color:#E0243B;}

.k1200{ width:100%; margin:0 auto; padding:1em 0}

.kPad{padding-left:20px;padding-right:20px;}

.newLogo{float:left; margin-left:1em;}

.newLogo img{max-width: 240px;}

.logoA{display:inline-block;width:115px;height:32px;background:url(../images/logo1.png) no-repeat;background:url(../images/logo1.png) no-repeat 0 bottom \9;background-size:111px 49px;}

.siteUrl input{border:1px solid #ccc;border-right:none;height:32px;padding:5px;width:190px;float:left;}

.siteUrl a{display:inline-block;width:60px;text-align:center;line-height:32px;float:left;background:#E0243B;color:#fff;}

.siteUrl a:hover{color:#fff;background:#b20000;}

.registerBox iframe{height:100%;width:100%;border:none;overflow:hidden;}.tipsAlert{box-shadow: 0 0 13px #999999; border:1px solid #ccc \9; position: absolute; z-index:1001; background:#fff;}

.tipsAlertText{padding:40px;}

.tipsAlertFoot{padding:30px 40px;text-align:right;}

.tipsAlertFoot .btn.important{color:#fff;background:#3079ed; padding:0 1em;}

.tipsAlertFoot .btn{line-height:24px;}





.select_mac{

    width:940px;

    height:750px;

    background:url(../images/mac.png) no-repeat center;

    position:absolute;top:50%;left:50%;

    margin-left:-470px;

    margin-top:-335px;

}

.select_ipaid{

    width:770px;height:520px;background:url(../images/ipad.png) no-repeat center;position:absolute;top:50%;left:50%;margin-left:-385px;margin-top:-260px;

}









.solution{ float:right; width: 92%; margin-top:170px; } 

.solution ul{ float: left; width:70%;}



.solution1{ float:right; width: 100%; margin-top:170px; } 

.solution1 ul{ float: left; width:92%; margin-bottom: 3em;}



.main_text ul .news-yeartit { width:130px; height: 40px; position:relative; margin: 0; }



.main_text ul .news-yearsel { width:130px; position:absolute; top:0; left:0; z-index:20; display:none; background:#E0243B; padding:0 }

.main_text ul .news-yearsel li a { display: block; text-align:center; float: left; width:130px; height:3em; line-height:3em; overflow: hidden; font-size: 14px; color:#000; background:#fff; cursor: pointer }

.main_text ul .news-yearsel li a:hover { color: #000; background:#eff2f4 }

.main_text ul .news-yearbg { width:120px; height: 40px; line-height:44px; text-align:center; font-size:18px; position:absolute; top:0; left:0; z-index:10; background:#E0243B; color:#fff; cursor:pointer }

.main_text ul .news-yearbg em { border-top:8px solid transparent; border-bottom: 8px solid transparent; border-left:8px solid #E0243B; position:absolute; right:-8px; top:12px; z-index:10; width:0; height:0 }









.caseimg{ width:100%; float:left;}

.caseimg dl{ float: left; width:100%; }

.caseimg dl dd{ float: left; width:100%; }

.caseimg dl dd img{ float: left; width:100%; transition:all 1s;}

.caseimg dl dt{ float: left; width:100%; margin: 1em 0; }

.caseimg dl dt span{ float: left; width:100%; font-size:20px; text-align: center; color: #000; line-height: 2em;}

.caseimg dl dt p{ width:90%; margin: 0 auto; text-align: left; }

.caseimg dl dt p img{padding-right:0.5em; width:20px; float:left; padding-top:0.1em; }

.caseimg dl dt p em{width:80%; float:left;}

.case_ad dl dt span{float:none; font-size:16px;}

.case_ad dl dt p em{ float:none; font-size:14px;}

.case_ad dl dt p{width:90%;}



.cacs{ width: 1000px; margin:3em auto 1.8em; }

.cacs dd{ float: left; width: 100%; margin-bottom:1.8em}

.cacs dd p{float: left; width:100%; padding-bottom:1em;font-size:14px;color:#4D4D4D;line-height:27px;}

.cacs dd span{float: left; width:100px; background: #fff; border-radius: 5px; border:1px solid #ccc; text-align: center;}

.cacs dd span a{ color: #f00}

.cacs img{display:block;width:100%;max-width:1200px;}







/*案例结束*/





/*服务开始*/

.kfuwubg{ background:url(../images/jia.jpg) center top; width:100%; height:10px; float:left;}

.cacsim .kfuwubg{ background:url(../images/jia.jpg) center top; width:100%; height:160px; float:left;}

  .col-md-3 {

    width: 25%;

  }

.product{ position: relative;display: none;}

.show{ display: block;}

.full-width, .divider, .divider1, .div

.ider2, .divider3, .divider4, .case-item-wrapper img, .border-vertical img { width: 100% }

.casethotli{ float:left; margin:1em 1em 2em 1em; position: relative; height:330px; width:30%}

.casethotImg{width:100%;}

.casethotImg img{width:100%;height:280px;}

.casdetail{font-size:1em; text-align: center; line-height:1.8em; color:#aeaeae}



.casemaintitle{ font-size:1.2em; text-align:center;}

.casemaintitle1{ font-size:1.6em;}

.casefutitle{ font-size:1em; }

.casehottxt{ overflow: hidden; position:absolute; left:0; top:0;width:100%; height:320px; display:block; text-align:center;  }

.casethottxtdo{width:100%;background-color:#E0243B; height:380px;display:block;top:-380px;left:0; position:absolute; opacity:0; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s;visibility: hidden;}

.casethottxtdo p{ width:90%; margin:0 auto;}

.casethotli:hover .casethottxtdo{ display:block; opacity:1; top:0; visibility: visible; }



.button1{background-color: transparent;border:1px solid #fff;color:#fff;display:inline-block;font-size:1em; line-height:2.6em; padding:0 2em;margin:0;-webkit-border-radius: 3px 3px;-moz-border-radius: 3px 3px;border-radius: 3px 3px;transition: all .50s ease-in-out;-moz-transition: all .50s ease-in-out;-webkit-transition: all .50s ease-in-out;}

.button1:hover{background-color:#fff;border:1px solid #ff0;color:#E0243B;transition: all .50s ease-in-out;-moz-transition: all .50s ease-in-out;-webkit-transition: all .50s ease-in-out;}



.servtext{ width: 100%; float:left; text-align: center; font-size:26px; color: #fff; line-height:5em;}

.servimg{ float: left; width: 100%; }

.servimg dl{ width: 25%; float: left;}

.servimg dl dd{ width: 100%; text-align: center; color: #fff; }

.servimg dl dt img{ width:120px; max-width:120px;max-height:120px;opacity: 0.8;transition:opacity 0.5s;}

.servimg dl dt{ width: 100%; text-align: center;}

.servimg dl:hover img{opacity:1;}

.servimg dl.s_07:hover dd{text-shadow:1px 1px 0px #ee7542;}

.servimg dl.s_08:hover dd{text-shadow:1px 1px 0px #eca737;}

.servimg dl.s_09:hover dd{text-shadow:1px 1px 0px #7ac0cf;}

.servimg dl.s_10:hover dd{text-shadow:1px 1px 0px #6e8c59;}











.single-member{width: 25%; float: left; margin:4% ; background-color: #fff; text-align: center; position: relative;}

.member-image img{max-width: 100%; vertical-align: middle;}



.effect-3{overflow: hidden; max-height: 360px; min-height: 310px;}

.effect-3 h3{line-height:1.8em; font-size:18px; color: #000; text-align: center; margin-top:0.5em;}

.effect-3 h5{ font-size:14px; color: #b1b1b1;text-align: center;}

.effect-3 p{ font-size:14px; color: #555;text-align: center;}

.effect-3 .member-image{border-bottom: 5px solid #E0243B; transition: 0.4s; height:auto; width: 100%; display: inline-block; float: none; vertical-align: middle;}

.effect-3 .member-info{transition: 0.4s;}

.effect-3 .member-image img{width: 100%; vertical-align: bottom;}

.effect-3 .social-touch{background-color: #E0243B; float: left; left: 0; bottom: 0; overflow: hidden; border-radius: 30px;  text-align: center; width:100%; height: 2.2em; line-height: 2.2em; transition: 0.4s; margin-top:1em;}

.effect-3:hover .member-image{border-bottom: 0; border-radius: 0 0 50px 50px; height: 81px; display: inline-block; overflow: hidden; width: 109px; transition: 0.4s;}



.single-member1{width: 31%; float: left; margin:0 2% 2% 0; background-color: #fff; text-align: center; position: relative;}

.member-image img{max-width: 100%; vertical-align: middle;}

.effect-8{overflow: hidden;  perspective: 800px;}

.effect-8 .member-info{height: 3em;line-height: 3em;width: 100%;}

.effect-8 .member-image{margin-top:4%;}

.effect-8 .member-image img{width: 91%; transition: 0.4s; }



/*

.effect-8 .member-image{position: absolute; bottom: top:0;opacity: 1; transition: 0.4s; z-index: 1;overflow:hidden;height: 207px;top: 14px;}

.effect-8:hover .member-image{transform: translateY(70%); border-radius: 50%;opacity: 0.3;transition: 0.4s;}

.effect-8 .more-info p{ float: left; width:100%;}

.effect-8 .more-info p span{width:90%;font-size: 14px; color:#8e8e8e;  float: left;padding:0 5%; line-height:1.4em;}

.effect-8 .more-info p input{ margin-top:1em; font-size: 14px;}

*/





/*服务结束*/







/*联系开始*/



.kinglx{ width: 100%;margin: 0 auto}

.kinglx dl{float: left; width: 25%; margin-top:6em;}

.kinglx dl dd{float: left; width: 100%; text-align: center; font-size:45px; font-weight: bold;}

.kinglx dl dt{float: left; width: 100%; text-align: center; line-height:3.6em;color:#b1b1b1; font-size: 14px;}



.kinglx1{ width:70%; margin: 0 auto}

.kinglx1 dl{float: left; width: 25%; margin:6em 0 4em 0;}

.kinglx1 dl dd{float: left; width: 100%; text-align: center; font-size:45px; font-weight: bold;}

.kinglx1 dl dt{float: left; width: 100%; text-align: center; line-height:3.6em; color:#b1b1b1;font-size: 14px;}







/*联系我们 开始*/

.heightAuto{height:auto;min-height:100%;}

.contact_body_bg{height:auto;min-height:100%;background:#fff;padding-top:90px;}

.contact_bg{width:100%; height:218px;position:relative;}

.contact_bg .contact_tit{width:250px;height:auto;color:#fff;position:absolute;top:74px;left:50%;margin-left:-125px;text-align:center;}

.contact_bg .contact_tit span{display:inline-block;font-size:38px;width:100%;margin-bottom:16px;text-transform:uppercase;}

.contact_bg .contact_tit i{font-size:24px;}



/*2个*/

/*.contact_list{width:960px;margin:0 auto;padding:130px 0 170px;}

.contact_item{width:50%;float:left;}

.contact_item h2{font-size:20px;color:#000;font-weight:700;}

.contact_item a{display:block;position:relative;font-size:16px;color:#000;line-height:26px;margin-top:30px;padding-left:30px;}

.contact_item a i{position:absolute;left:0;top:0;font-size:23px;color:#666;}

.contact_item_02{width:399px;padding:0 0 0 80px;border-left:1px solid #ccc;}*/



/*3个*/

.contact_list{width:100%;margin:0 auto;padding:50px 0;}

.contact_list .innerCon{width:1200px;margin:0 auto;display: flex;align-content: stretch;flex-flow: row wrap;}

.contact_item{width:33.333%;float:left;border-right:1px solid #ccc;box-sizing:border-box;}

.contact_item h2{font-size:20px;color:#000;font-weight:700;}

.contact_item a{display:block;position:relative;font-size:16px;color:#000;line-height:26px;margin-top:30px;padding-left:30px;}

.contact_item a i{position:absolute;left:0;top:0;font-size:23px;color:#666;}

.contact_item_01{padding-right:25px;}

.contact_item_04{padding-left:25px;border-right:none;}

.contact_item_02{padding:0 25px;}

.contact_item_03{padding-left:25px;border-right:none;}





.contact_item a:hover{color:#E0243B;}

.contact_item a:hover i{color:#E0243B;}





.contactService{background:#fff;padding:50px 0 60px;}

.contactService .kifu{float:none;width:1200px;margin:0 auto;}

.contactService .tcenter{margin-bottom:30px;}

.contactService .fwcn{float:none;}

.contactService li{float:left;width:400px;padding-right:2.5%;box-sizing:border-box;}

.contactService li:last-child{padding-right:0;}

.contactService_02{padding:10px 0 80px;}



/* 2019-08-09 开始*/

.contact_list .innerCon{align-items: center;}

.contact_item{border-right:none;}

.contact_item_map{width:66.666%;height:400px;border-bottom:none!important;}

.contact_item_map .map,

.contact_item_map .map>div{width:100%;height:100%;}

.map .BMap_bubble_content,

.map .BMap_bubble_content p{font-size:14px;line-height:24px;}

.map .BMap_bubble_content h1{font-size:16px;font-weight: 700;margin-bottom:5px;}

.map .BMap_bubble_content a{margin:0;padding:0;display: inline;font-size:14px;}

/* 2019-08-09 结束*/

/*联系我们 结束*/







#content {width:1160px; margin:0 aauto;}

.kctop{ float:left; margin-top:12em; width:100%;}

.relative{position:relative;text-align:center; top:0;}

.demo1{width:100%;height:889px;float: left;}

.demo1 img{float: left; width:1160px;}

.preloader{background:url(../images/loader.gif) no-repeat center #fff;}

.marker{display:block;text-indent:-9999px;width:15px;height:23px;outline:none;background:url(../images/marker.png) no-repeat;cursor:pointer; text-align:left;}

.popup{width:300px;position:absolute;padding:8px;background:#2a2a2a;color:#fff;font-weight:bold;font-size:11px;line-height:20px;}

.popup h3{margin:0;margin-bottom:10px;font-weight:normal;font-size:20px;}

.popup .close{display:block;text-indent:-9999px;position:absolute;top:4px;right:4px;width:12px;height:12px;outline:none;background:url(../images/close.png) no-repeat;cursor:pointer;}

.relative{position:relative;}

.controls{position:absolute;top:40px;left:20px;z-index:20;}

.controls a{background:#2e3233;color:#fff; display:block;float:left;clear:both;font-size:11px;font-weight:bold;line-height:28px;margin-bottom:4px;outline:none;padding:0 15px;text-decoration:none;}

.controls a:hover{background:#eee;color:#2a2a2a;}

.controls .active{background:#E0243B;color:#fff;}



.cd-main-header{height:80px; background: #2e3233; z-index: 3;} 



.kjiaru{ background:url(../images/jia.jpg) center top; width:100%; height:160px;}



.contactsj{display: none;}



.jobxxbtnimg img{transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; float:left; padding:0 1em 5em 0;}

.jobxxbtnimg img:hover{ opacity: 0.6; }



.jobs{ margin:0 0 5em 0; width: 100%; float: left; }

.jobs img{ padding:10px 20px 50px 0; }





.jobcenter{float: left; width: 100%; margin-top:10em;}

.jobtop{ float: left; width: 100%; }

.jobtop p{ font-size:20px; line-height: 2em;}

.jobcentersj{display: none;}











.footer1{display: none; overflow: hidden;}





.culimg{float: left; width: 100%; margin:0;}



.culimg dl{ width:28%;  float: left; margin:1em 2em 1em 0 }

.culimg dt{ width:100%; text-align: center;  font-size: 16px; color: #000}

.culimg dt img{ width:180px; height:180px ; border-radius:100%; text-align: center; margin: 0 auto;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3); box-shadow:0 1px 3px rgba(0,0,0,0.3); }

.culimg dd{ float: left; width: 100%; text-align: center;}

.culimg dd span{ width: 100%; float: left; font-size: 20px; }

.culimg p{ width:100%; float: left;}

.culimg p img{ width:150px; height:150px ; border-radius:100%; text-align: center; margin: 0 auto}





.fwcn{ float: left; width: 100%;}

.fwcn dl{-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3); box-shadow:0 1px 3px rgba(0,0,0,0.3); background: #fff; display: block; overflow: hidden; border:1px solid #eaeaea;}

.fwcn dl dd{ font-size:60px; text-align: center; line-height:1.4em; color: #E0243B}

.fwcn dl dt { float: left; width: 100%; text-align: center; padding:0 0 1em 0;}

.fwcn dl dt span{ font-size: 18px; font-weight: bold; width: 100%; line-height: 2.6em; }

.fwcn dl dt em{ font-size: 14px; width:100%; color: #ababab;  float: left; line-height:22px;}

.fwcn dl dt em p{ width: 90%; margin: 0 auto}







.culturebg{width:100%;overflow:hidden; float: left;}

.hotext {float: left; width: 31%;margin:10px 20px 10px 0;max-width:420px;}

.holder{overflow:hidden;width:100%;float:left;position:relative;background:#121317;}

.holder .image{display:block;width:100%;max-width:420px;max-height:240px;}

.holder span{font-size:30px;color:#333;padding:4px 20px;position:absolute;top:120px;left:0; line-height: 2em; width: 100%; background: url(../images/bg2.png);  text-align: center;}

.holder .text{padding:17% 6% 0;line-height:26px;position:absolute;top:100%;font-size:16px;color:#fff;width:100%;height:100%;background:rgba(0,0,0,0.7);box-sizing:border-box;-webkit-box-sizing:border-box;transition:transform 0.5s;-ms-transition:top 0.5s;-moz-transition:top 0.5s;-webkit-transition:top 0.5s;-o-transition:top 0.5s; }

.lg_item .holder:hover .text{top:0;}

.hotext p{ width: 100%; text-align: center; font-size:20px;  line-height: 2em; padding-top:0.5em; font-weight: bold;}







/*右边菜单*/

.floating_ck{position:fixed;right:20px;top:50%; z-index: 9999;}

.floating_ck dl dd{position:relative;width:80px;height:60px;background-color:#bebebe;border-bottom:solid 1px #fff;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}

.floating_ck dl dd:hover{background-color:#E0243B;border-bottom:solid 1px #fff;}

.floating_ck dl dd:hover .floating_left{display:block;}

.home{background-image:url(../images/home.png);}

.cp{background-image:url(../images/pr.png);}

.cl{background-image:url(../images/case.png);}

.at{background-image:url(../images/about.png);}

.ct{background-image:url(../images/contact.png);}

.ky1{background-image:url(../images/ky_1.png);}

.ky2{background-image:url(../images/ky_2.png);}

.ky3{background-image:url(../images/ky_3.png);}





.floating_ck dd span{color:#fff;display:block;padding-top:35px; font-size: 14px;}

.floating_left{position:absolute;left:-160px;top:0;width:160px;height:60px;background-color:#e40231;border-bottom:solid 1px #a40324;display:none;}

.floating_left a{color:#fff;line-height:60px;}

.floating_ewm{height:60px;top:0;}

.floating_ewm i{background-image:url(../images/erweima.png);display:block;width:145px;height:145px;margin:auto;margin-top:7px;}

.floating_ewm p{color:#fff;margin-top:5px;}

.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}

.floating_ewm .qrcord_p02{font-size:18px;}







.casemiddle {width:100%;height:auto;text-align:left;background:#fff;margin:50px auto;padding-bottom:200px;}

.main_left {width:300px;background:#fff;}



.picBox {width:50px;background:url(../images/right.gif) no-repeat center 30px; }

.main_left,.picBox {float:left;height:100%; }





.main_text{ width: 100%; margin-bottom: 2rem; }

.main_text ul{ width: 90%; margin:0 auto; padding-top:2.5em;}

.main_text span{ font-size: 30px; width: 100%; text-align: center; display: block; }

.main_text em{  width: 100%; margin-top:1em ;  display: block;  text-indent: 2em;;}





.mian_tp{ width: 100%; margin:0 auto;}

.mian_tp ul{width:1160px; margin:0 auto}



.mian_tp1{ float: left; width: 100%; margin:12.5em 0 2em 0}

.mian_tp1 ul{width:95.5%; margin:0 auto}



.mian_tp2{ width: 100%; margin:0 auto;}

.mian_tp2 ul{width:1205px; margin:0 auto}



.mian_tp3{ float: left; width: 100%; margin:14em 0 2em 0}

.mian_tp3 ul{width:94%; margin:0 auto}



.main_text .texttop { width:50%;float:left; background:#fff; height:2.6em; line-height:2.6em; margin:1em 0;}

.main_text .texttop  span{float:left;  width:130px; background:#fff; text-align: center;}

.main_text .texttop  em{float:left;  width:20%; margin: 0}

.main_text .texttop  em a{ background:#fff;overflow:hidden; display:block; text-align:center;}

.main_text .texttop  em a:hover{background:#E0243B; overflow:hidden; display:block; color:#fff}

.main_text .texttop  em.border{ border-right: none}

.main_text .texttop  em a:hover,.main_text .texttop  em a.case{background:#E0243B;overflow:hidden; display:block; color:#fff}

.main_text .texttop  ul div{float:left;  width:100px; background:#fff; text-align: center;}





.main_text .texttop1 { width:30%;float:left; background:#fff; height:2.6em; line-height:2.6em; margin:1em 0;}



.main_text .texttop1  em{float:left;  width:33.3%; margin: 0; background:#E0243B;}

.main_text .texttop1  em a{ background:#fff;overflow:hidden; display:block; text-align:center;}

.main_text .texttop1  em a:hover{background:#E0243B; overflow:hidden; display:block; color:#fff}

.main_text .texttop1  em a:hover,.main_text .texttop1  em a.case{background:#E0243B;overflow:hidden; display:block; color:#fff}

.main_text .texttop1  em.border{ border-right: none}