/*初始化样式*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}



.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.max1440{max-width: 1470px;padding-left: 15px;padding-right: 15px;margin: 0 auto;}
.max1200{max-width: 1230px;padding-left: 15px;padding-right: 15px;margin: 0 auto;}
.flex{display: flex;justify-content: space-between;align-items: center;}

@media(min-width:1470px){
  .container2{
    width: 1470px;margin:0 auto;
  }
}


.w1660{max-width: 1660px;width: 96%;margin:0 auto}
.w1460{max-width: 1460px;width: 96%;margin:0 auto}
.w1360{max-width: 1360px;width: 96%;margin:0 auto}
.w1220{max-width: 1220px;width: 96%;margin:0 auto}


.flex_a{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}

.flex_b{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}

.flex_c{    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}




.news_vv{margin-top: 0;}

.new-list{display: none;}
.new-show{position: relative;}
.yuan_lk{position: absolute;top:50%;transform: translateY(-50%);width: 280px;left:50%;margin-left: -140px;}
.yuan_lk li{width: 90px;background:#fff;border-radius: 50%;height:90px;}
.yuan_lk li.cur{background-color: #035451;}

.yuan_lk li.cur img{filter: brightness(100);}
.yuan_lk li + li{margin-top: 78px;}
.yuan_lk li:nth-child(1){margin-left: 56%;}
.yuan_lk li:nth-child(2){margin-left: 45%;}
.yuan_lk li:nth-child(3){margin-left: 30%;}

.new-list{width: 100%;}
.new-list img{width: 100%;}


.yuan_lk li img{max-width: 100%;}




    /* 创新产品 */
.cc-list{margin-top: 55px;}
.cc-list li{width: 49%;margin-bottom: 2%;position: relative;}
.cc-list li .case-img{width: 100%;}
.cc-list li .case-img img{width: 100%;}
.wz_cb {position: absolute;top:30px;width: 100%;text-align: center;}
.wz_cb h4{	font-size: 33px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #24535a;text-align: center;}

.wz_cb h3{	font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #333333;margin-top: 10px;}

.wz_cb h2{	font-size: 12px;
	font-weight: 400;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #7b7b7b;text-align: center;margin-top: 10px;}

.wz_cb h2:hover{
    color:#24535a;
}


    /* video */
.vv_sp{width: 100%;}
.vv_sp img{width: 100%;}

.pp_44{overflow: hidden;}
.pp_44 li .fw_img{width: 100%;}
.pp_44 li .fw_img img{width: 100%;}


    /* 我们的故事-热情从未熄灭.载着我们的热爱与坚持 */

.whfw{margin-top: 20px;}
    .pp_33{overflow: hidden;margin-top: 30px;}
    .pp_33 li .fw_img{width: 100%;}
    .pp_33 li .fw_img img{width: 100%;}





    /* 完备的服务⽣态 */
.webtt{	font-family: MicrosoftYaHei-Bold;
        font-size: 37px;
        font-weight: 600;
        letter-spacing: 0px;
        color: #1d110e;text-align: center;}

.webtt22{	font-family: MicrosoftYaHei;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #1d110e;text-align: center;margin-top: 10px;}



.pp_2{overflow: hidden;margin-top: 70px;}
.pp_2 li{background:#f1f1f3;padding: 20px;}
.pp_2 li .fw_img{width: 100%;}
.pp_2 li .fw_img img{width: 100%;}

.fw_wz{margin-top: 50px;}
.pp_2 li h2{	font-family: MicrosoftYaHei;
	font-size: 25px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #0f0401;}

.pp_2 li h4{	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #7b7b7b;margin-top: 50px;margin-bottom: 30px;}




    /* df_wm */
.df_wm{margin-top: 100px;}
.wn_11{width: 36.875%;text-align: center;}
.wn_11 img{max-width: 264px;width: 100%;}
.wn_11 p:nth-child(1){	font-size: 29px;
	font-weight: 500;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;}
.wn_11 p{	font-size: 13px;
        font-weight: 500;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #666666;}

.wn_11 p img{margin: 10px 0;}


.wm_22{background:#f1f1f3;width: 63.125%;padding: 50px 50px 50px 100px;}
.wm_kk{max-width: 375px;}
.wm_kk li{width: 100%;}
.wm_kk li + li{margin-top: 45px;}
.wm_kk li .wm_s{width: 126px;}
.wm_kk li .wm_s img{max-width: 126px;}
.wm_kk li .wm_wz{width: calc(100% - 200px);}
.wm_kk li .wm_wz h2{	font-size: 21px;
	font-weight: 400;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;}

.wm_kk li .wm_wz h3{	font-size: 13px;
        font-weight: 400;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #666666;margin-top: 15px;}





/* 通栏 */
.dff{background:#231815;padding: 6.5vw 0;}
.df_b{text-align:right;}
.df_b p:nth-child(2){	font-size: 36px;
	font-weight: normal;
	line-height: 48px;
	letter-spacing: 0px;
	color: #cecece;margin: 20px 0;}


.df_b p{	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #cecece;}



.dftt{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
	color: #cecece;}

.nav_33{margin-left: 100px;}


.nn_vv li a{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 38px;
	letter-spacing: 0px;
	color: #cecece;}




.footer22{background:#231815;padding: 30px 0;}

.top_seo{font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0px;
	color: #cecece;}

.top_seo a{color: #cecece;}





/*头部样式*/
.top_head{position: relative;width: 100%;z-index: 999;padding: 30px 0;}
.so{line-height: 35px;margin-left: 20px;}
.so img{max-width: 100%;cursor: pointer;}


.ss {
    position: fixed;
    width: 100%;
    top: 50%;
    left: 50%;
    z-index: 9999;
    transform: translate(-50%, -50%);
    display: none;
}

.ss .sch {
    max-width: 600px;
    margin: 0 auto;
    background: #fff;
    padding: 75px;
    position: relative;
}

.ss .sch span {
    cursor: pointer;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 30px;
    right: 30px;
    background: url(../images/dc8ca7d15de9d08ca7d0332834c35712584195c6.png)no-repeat;
}

.ss .sch span:hover {
    background: url(../images/dddb5d6d21bb756b279fa845fd487416e134e230.png)no-repeat;
}

.ss .sch h4 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.ss .sch #formsearch {
    margin-top: 45px;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: solid 1px #ddd;
}

.ss .sch #formsearch input {
    border: none;
    background: none;
    outline: none;
    line-height: 48px;
}

.ss .sch #formsearch input#keyword {
    width: 335px;
    font-size: 14px;
}

.ss .sch #formsearch input#s_btn {
    width: calc(100% - 340px);
    background: #b71b2b;
    border-radius: 4px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    transition: all .5s ease;
}

.ss .sch #formsearch input#s_btn:hover {
    background: #035451;
}

.ss .sch p {
    font-size: 15px;
    color: #999;
    margin-top: 45px;
}

.ss .sch p a {
    font-size: 15px;
    color: #999;
    margin-left: 15px;
}

.ss .sch p a:nth-child(1) {
    margin-left: 0;
}

.ss .sch p a:hover {
    color: #035451;
}


.x-banner {overflow: hidden;position: relative;}
.x-banner .owl-carousel .banner-item a {overflow: hidden;}
.x-banner .owl-carousel .banner-item a img{animation: banner 10s linear infinite;display: block;width: 100%;}




@keyframes banner { 0%{transform: scale(1)}50%{transform: scale(1.1)}100%{transform: scale(1)} }

@media(max-width: 1440px) {
 .banner-item video {
display: block;
position: relative;
width: 100%;
height:38.02vw;
object-position: center;
object-fit: cover;
}

}


@media(max-width: 1280px) {
 .logo{width:28%;}
 .logo img{max-width:100%;}
 
 .banner-item video {
display: block;
position: relative;
width: 100%;
height:38.02vw;
object-position: center;
object-fit: cover;
}

}



@media(max-width: 968px) {

.banner-item video {
display: block;
position: relative;
width: 100%;
height:38.02vw;
object-position: center;
object-fit: cover;
}

}


/* 底部 */

.footer {
    background: url(../images/683e73bf9c3cd5b13fa9c00dca267fe21468546e.png) no-repeat center;
    background-size: 100% 100%;
}

.foot {
    padding: 40px 0;
}

.ft-nav {
    float: left;
    width: 75%;
    padding-top: 10px;
}

.foot_nav>li {
    float: left;
    margin-left: 10%;
}

.foot_nav>li:first-child {
    margin-left: 0;
}

.foot_nav>li>a {
    font-size: 18px;
    color: #fff;
    display: block;
    width: 100%;
    padding-left: 42px;
    font-weight: initial;
    position: relative;
}

.foot_nav>li>a::before {
    position: absolute;
    content: '—';
    font-size: 20px;
    font-weight: bold;
    left: 0;
}

.foot_nav li .x-nav-menu {
    width: 100%;
    margin-top: 20px;
    padding-left: 42px;
}

.foot_nav li .x-nav-menu a {
    display: block;
    font-size: 14px;
    line-height: 2;
    color: #999;
    font-weight: normal
}

.foot_nav li .x-nav-menu a:hover {
    color: #fff;
}

/*  */

.ft-contact {
    float: right;
    width: calc(100% - 75%);
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}

.ft-contact span {
    display: block;
    font-size: 16px;
    color: #999;
}

.ft-contact h3 {
    font-size: 34px;
    font-weight: bold;
    font-family: Arial;
    color: #fff;
    margin-top: 5px;
}

.ft-contact .contact {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    margin-top: 10px;
}

.ft-ewm {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin-top: 30px;
}

.ft-ewm img {
    max-width: 100%;
}

.ft-ewm h4 {
    font-size: 14px;
    color: #999;
    text-align: center;
    margin-top: 10px;
}

.ft-link {
    border-top: solid 1px rgb(221 221 221 / 10%);
    padding: 28px 0;
}

.flk {
    position: relative;
}

.flk .button {
    font-size: 14px;
    color: #999;
    background: url(../images/c9275656825cedc5509cee81dbe34ebb607a037c.png)no-repeat left center;
    padding-left: 35px;
    line-height: 24px;
    margin-bottom: 5px;
}

.flk .sec {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    background: rgba(255, 255, 255, .6);
    padding: 10px;
    min-width: 120px;
}

.flk a {
    color: #999;
    padding: 0 4px;
    font-size: 14px;
    line-height: 24px;
}

.copy {
    float: left;
    text-transform: uppercase;
}
.reg {
    float: right;
}

/* @media */

@media(max-width: 1199px) {
    .logo {
        width: 30%;
    }
    .x-menu>li>a {
        font-size: 14px;
    }
    .so img {
        max-width: 70%;
    }
}








/*手机底部*/
@media (max-width:768px){
 .db{display:block!important;}
}


.dbb{height:50px;}

/* 页脚 */
.footer2 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #231815;
}

.footer2 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer2 ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #ffffff;
  line-height: 30px;padding:10px 0;
  font-size: 0;
}

.footer2 ul li.active {
  background: #da251c;
}

.footer2 ul li a {
  display: block;color:#fff;
}

.footer2 ul li .iconfont {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.footer2 ul li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;color:#fff;
}


.footer2 li .icon-home{ background: url(../images/a1.png) no-repeat;width:20px;height:20px;}
.footer2 li .icon-home2{ background: url(../images/a2.png) no-repeat;width:20px;height:20px;}
.footer2 li .icon-phone{ background: url(../images/a3.png) no-repeat;width:20px;height:20px;}
.footer2 li .icon-contact{ background: url(../images/a4.png) no-repeat;width:20px;height:20px;}

.footer2 li .icon-phone:before{font-size:0;}
.footer2 ul li a{border-right:1px solid #fff;}
.footer2 ul li:last-child a{border-right:none;}




/*------------内页样式-------------------*/
.n_banner{width:100%;margin:0 auto;}
.n_banner img{width:100%;margin:0 auto;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}






@media (max-width: 1440px) {
    .whfw{margin-top: 45px;}

    .webtt{font-size: 30px;}
    .webtt22{font-size: 16px;}

    .cc-list{margin-top: 30px;}
    .wz_cb h4{font-size: 30px;}
    .wz_cb h3{font-size: 16px;}

    .pp_33{overflow: hidden;margin-top: 30px;}

    .pp_2 li h2{font-size: 20px;}
    .pp_2{overflow: hidden;margin-top: 30px;}

    .wn_11 img{max-width: 204px;width: 100%;}
    .wn_11 p:nth-child(1){font-size: 25px;}

    .df_b p:nth-child(2){	font-size: 30px;
        font-weight: normal;
        line-height: 48px;
        letter-spacing: 0px;
        color: #cecece;margin: 20px 0;}
   }





   @media (max-width: 1280px) {

    .webtt{font-size: 25px;}
    .webtt22{font-size: 15px;}


    .wz_cb h4{font-size: 25px;}
    .wz_cb h3{font-size: 15px;}



    .pp_2 li h2{font-size: 18px;}


    .wn_11 img{max-width: 204px;width: 100%;}
    .wn_11 p:nth-child(1){font-size: 20px;}

    .df_b p:nth-child(2){	font-size: 25px;
        font-weight: normal;
        line-height: 38px;
        letter-spacing: 0px;
        color: #cecece;margin: 20px 0;}
   }

   @media (max-width: 992px) {  

    .yuan_lk li{width: 60px;background:#fff;border-radius: 50%;height:60px;}

    .yuan_lk li + li{margin-top: 33px;}
    .yuan_lk li:nth-child(1){margin-left: 56%;}
    .yuan_lk li:nth-child(2){margin-left: 45%;}
    .yuan_lk li:nth-child(3){margin-left: 35%;}


    }




    @media (max-width: 768px) {
  

        .yuan_lk li{width: 40px;background:#fff;border-radius: 50%;height:40px;}

        .yuan_lk li + li{margin-top: 23px;}
        .yuan_lk li:nth-child(1){margin-left: 53%;}
        .yuan_lk li:nth-child(2){margin-left: 47%;}
        .yuan_lk li:nth-child(3){margin-left: 41%;}


        .wz_cb h4{font-size: 18px;}
        .wz_cb h3{font-size: 13px;}
    
        .wz_cb {position: absolute;top: 8px;width: 100%;text-align: center;}


        .new-list{height:250px}
        .new-list img{height:100%;object-fit: cover;}



        .webtt{font-size: 18px;}
        .webtt22{font-size: 13px;}

        .pp_2 li h2{font-size: 14px;line-height: 25px;}
        .fw_wz{margin-top: 20px;}

        .pp_2 li h4{	font-size: 12px;
            font-weight: bold;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #7b7b7b;margin-top: 20px;margin-bottom: 10px;}


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

            .wm_22{background:#f1f1f3;width:100%;padding:25px 15px;}

            .wm_kk li .wm_s{width: 106px;}
            .wm_kk li .wm_wz{width: calc(100% - 130px);}

            .df_a{display: none!important;}
            
            .wm_kk li .wm_wz h2{font-size:15px;}
       }


@media (max-width: 768px) {
 .xypg-right-content p img{max-width:100%!important;width:auto!important;height:auto!important;}
 .xypg-right-content p{text-indent:0!important;}
}






.qihund_img img{
    width: 100%;
    height: auto;
}
.swiat{
    position: absolute;
    top:50%;
    right:2%;
    background: url(../images/e1e.png) no-repeat;
    width: 27px;
    height: 51px;
    z-index: 999;
}
.swibv{
    position: absolute;
    top:50%;
    left:2%;
    background: url(../images/902.png) no-repeat;
    width: 27px;
    height: 51px;
    z-index: 999;
}
.qihundnei{
    position: absolute;
    top:40%;
    text-align: center;
    color: #fff;
    left: 0px;
    width: 100%;
    z-index: 999;
}
.qihundnei_a{
    font-size: 2.2rem;
	font-weight: 600;
	font-stretch: normal;
	line-height: 90px;
	letter-spacing: 0px;
   
    color: #fff;
}
.qihundnei_a span{
    color: #004098;
    margin-left: 10px;
}
.qihundnei_b{
    font-size: 1.4rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 60px;
	letter-spacing: 0px;
	color: #ffeded;
    margin-top: 0.5%;
}












.x-banner{
    position: relative;
    /*height: 100vh;*/
    overflow: hidden;
}

@media(max-width: 991px){
    .x-banner{
    position: relative;
    height: auto;
    overflow: hidden;
}

}

.bidnfgg{
    position: absolute;
    bottom: 4%;
    width: 42px;
    height: 28px;
    left: 46%;
    z-index: 99;
    background: url(../images/1a.png) center center no-repeat;
    animation: mousemove 2s infinite;
}
@keyframes mousemove {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-0.75rem);
  }
}




@media(max-width:500px){
    .banfebkeifli{
        display: none;
    }
    .banfebkeifzd{
        width: 100%;
    }
    .banfebkeifle{
        display: none;
    }
    .daohdnfg{
        display: none;
    }
    .digfingfger {
        width: 52%;
    }
    .xwfbegdrt_a {
        font-size: 16px;
        line-height: 20px;
    }
    .xwfbegdrt{
        width: 100%;
        margin-top: 2%;
    }
    .xwfbegdle{
        width: 100%;
    }
    .xwwfglenei_a, .xwwfglenei_aa {
        font-size: 15px;
        line-height: 30px;
    }
    .zn-index .list2 li .hh .hh1 {
        font-size: 16px;
    }
    .ayouindf_a {
        font-size: 20px;
        line-height: 40px;
    }
    .st .st2 {
        font-size: 18px;
        padding-top: 1%;
    }
    .bidnfgg{
        display: none;
    }
    .qihundnei_a{
        font-size: 14px;
        line-height: 30px;
    }
    .qihundnei_b{
        display: none;
    }
    .swiat , .swibv{
        width: 14px;
        height: 30px;
        background-size: 100% 100%;
    }
    .dong {
        height: 120px;
    }
}