/*样式*/
.wh{max-width: 1490px;margin:0 auto;padding:0 10px}

.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;}



.com-img{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.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.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;}


.xfcon{ position: absolute !important; bottom:53vh!important;}


/* 头部 */
.head{
	height: 97px;
	background-color: #ffffff;
	box-shadow: 0px 8px 8px 0px 
		rgba(0, 0, 0, 0.2);position:relative;left:0px;top:0px;z-index: 999;width: 100%
}
.logo{
    float: left;line-height: 97px
}
.logo a{
    display: block;
}
.logo a img{
    max-width: 100%;
}



.hd-nav{
    float: right;
    width: 61%;
    height: 100%;
    display: flex;
    align-items: center;
    /* justify-content: end; */
}




.dh11{background:url(../images/dh11.png) no-repeat left 50%;padding-left:35px;color: #004fa3;font-size: 26px;line-height: 34px;font-weight: 600}


.hd-nav2{width: 68%}




.x-menu{width: calc(100% - 248px)}





/*样式*/
@media (max-width: 1280px) {
.dh11{background:url(../images/dh11.png) no-repeat left 50%;padding-left:35px;color: #004fa3;font-size: 20px;line-height: 34px;font-weight: 600}
.x-menu{width: calc(100% - 200px)}

.x-menu > li>a {
    font-size: 16px;
    color: #444444;
    line-height: 97px;
    display: block;text-align: center;
}

  }
















/* 产品中心 */
.product{
    padding-top: 50px;
    padding-bottom: 50px;
    overflow:hidden;background:#f9f9f9;
}
.pro-show{
    display: flex;
    flex-wrap: wrap;
}
.pro-left{
    float: left;
    width: 48.6%;
}
.title{
    text-align: left;
}
.title h3{
    font-size: 40px;
    color: #333;
    font-weight: bold;
}
.title p{
    font-size: 18px;
    color: #888;
    margin-top: 25px;
}

.pro-cfn{
    margin-top: 65px;
}
/* .pro-cfn ul{

} */
.pro-cfn ul li{
    float: left;    
    width: 41.7%;
    margin-left: 30px;
    margin-top: 20px;

}
.pro-cfn ul li:nth-child(1),
.pro-cfn ul li:nth-child(2){
    margin-top: 0;
}
.pro-cfn ul li:nth-child(2n+1){
    margin-left: 0;
}
.pro-cfn ul li a{
   display: block;
    border: solid 1px #ddd;
    border-top-right-radius: 50px;
    padding: 28px 0;
text-align: center;
    transition: all .5s ease;
}



.pro-cfn ul li a h3{
    font-size: 18px;
    color: #666666;
    transition: all .5s ease;padding-left:0px;
    text-transform: uppercase;text-align: center;
}
.pro-cfn ul li.on a h3{
    color: #fff;
}

.pro-cfn ul li.on a{
    background-color: #005bac;
    border: solid 1px #005bac;
}

.pro-right{
    float: right;
    width: calc(100% - 48.6%);
}
.pro-right ul{
    width: 100%;
}
/* .pro-right ul li{
    display: none;
    position: relative;
} */
.pro-right ul li .pro-con{
    position: relative;
}
/* .pro-right ul li .pro-img{

} */
.pro-right ul li .pro-img img{
    width: 100%;
}
.pro-right ul li .pro-text{
    position: absolute;
    width: 75%;
    background-color: rgba(0, 79, 163, 0.9);
    padding-left: 34px;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 16px;
    border-top-right-radius: 90px;
    left: 0;
    bottom: 0;
}
.pro-right ul li .pro-text h3{
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
}
.pro-right ul li .pro-text p{
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    margin-top: 10px;
}   




/*公司简介*/
.gsjj{margin-top:38px;}

.ab1{width: 53.4%;margin-top:40px;}
.ab1 img{width: 100%}


.ab2{width: 43.75%;margin-top:40px;}
.gstt{    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 1px;
    color: #004fa3;background:url(../images/b1.png) no-repeat left bottom;padding-bottom: 10px}


.abcc{  font-size: 19px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #666666;margin-top:30px;}

.abcc p a{
    color: #666666; 
}


.more_11{   width: 184px;line-height: 46px;text-align: center;
    height: 46px;background:#004fa3;border-radius: 5px;margin-top:25px; font-size: 16px;}


.more_11 a{text-align: center;color:#fff;text-transform: uppercase;}


.more_11:hover{opacity: .8}





@media(max-width: 1370px){
.gstt{font-size:20px;}
.abcc{  font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #666666;margin-top:30px;}


  .more_11{   width: 160px;line-height: 40px;text-align: center;
    height: 40px;background:#004fa3;border-radius: 5px;margin-top:25px; font-size: 15px;}
  

}



@media(max-width: 1200px){
.gstt{font-size:16px;}
.abcc{  font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #666666;margin-top:25px;}


  .more_11{   width: 160px;line-height: 40px;text-align: center;
    height: 40px;background:#004fa3;border-radius: 5px;margin-top:20px; font-size: 15px;}
  

}




@media(max-width: 1024px){

.ab1{width: 100%;margin-top:30px;}

.ab2{width: 100%;margin-top:20px;}
}










/* 应用案例*/
.case{
    background: url(../images/casebg1.png)no-repeat center;
    padding-top: 75px;
    padding-bottom: 75px;overflow:hidden;background-size:cover;
}

.case-show{
    margin-left: -14px;
    margin-right: -14px;
    margin-top: 55px;
}
.case-show ul li{
    margin: 0 14px;
    padding: 10px 0;
}
.case-show ul li a{
    display: block;
    box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 6%);
}
.case-show ul li a .case-img{
    overflow: hidden;
}
.case-show ul li a .case-img img{
    max-width: 100%;
}
.case-show ul li a .case-text{
    background-color: #fff;
    padding: 30px;
    transition: all .5s ease;
}
.case-show ul li a .case-text h3{
    font-size: 24px;
    color: #333;
    font-weight: bold;
}
.case-show ul li a .case-text p{
    font-size: 14px;
    color: #666;
    margin-top: 15px;line-height: 28px;height:56px;overflow: hidden;

}
.case-show ul li a .case-text span{
    display: block;
    font-size: 14px;
    color: #999;
    margin-top: 20px;
    display: none;
}
.case-show ul li a:hover .case-text{
    background-color: #005bac;
}
.case-show ul li a:hover .case-text h3{
    color: #fff;
}
.case-show ul li a:hover .case-text p{
    color: #fff;
}
.case-show ul li a:hover .case-text span{
    color: #fff;
}
.case-show .owl-carousel .owl-nav{
    display: block;
}
.case-show .owl-carousel .owl-nav button{
    position: absolute;
    width: 60px;
    height: 60px;
    top: 40%;
}
.case-show .owl-carousel .owl-nav button.owl-prev{
    background: url(../images/la.png)no-repeat;
    left: -15px;
}
.case-show .owl-carousel .owl-nav button.owl-next{
    background: url(../images/lb.png)no-repeat;
    right: -15px;
}


.case-show .owl-carousel .owl-nav button.owl-prev:hover{
    background: url(../images/hvla.png)no-repeat;
    left: -15px;
}
.case-show .owl-carousel .owl-nav button.owl-next:hover{
    background: url(../images/hvlb.png)no-repeat;
    right: -15px;
}

.case-show .owl-carousel .owl-nav button span{
    display: none;
}


/* 选择理由 */
.reason{overflow: hidden;margin-top:50px;

}

.ron-tit .title{
    float: left;
    width: 50%;
}
.ron-cfn{
    float: right;
    width: 40%;
    height: 100%;
    display: flex;
    align-items: center;
}
.ron-cfn ul{
    width: 100%;
    display: flex;
    justify-content: end;
}
.ron-cfn ul{display:flex;justify-content:space-between;}
.ron-cfn ul li{width:24%;text-align:center;

}

.ron-cfn ul li{
    display: block;
    font-size: 20px;
    color: #888888;
    cursor: pointer;position:relative;
}
.ron-cfn ul li.on{
    font-weight: bold;
    color: #005bac; background:url(../images/xk1.jpg) no-repeat center bottom;padding-bottom:20px;
}


.ron-show{
    max-height: 700px;
    overflow: hidden;
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: flex-end;margin-top:50px;
}
.ron-list{
    float: left;
    width: 7%;
    background: #2a2a2a;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .8s;
}
.ron-show .ron-list.cur{
    transition: all .8s;
    width: calc(100% - 21%);
    height: auto;
    position: relative;
}
.ron-show .ron-list:hover{
    width: calc(100% - 21%);
    height: auto;
    position: relative;
}
.ron-list + .ron-list{
    border-left: solid 1px #ddd;
}
.ron-list .tit{
    position: absolute;
    width: 100%;
    background: #2a2a2a;
    height: 718px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ron-list .tit h3{
    font-size: 20px;
    color: #d9d9d9;
    line-height: 36px;
    font-weight: 400;
}
.ron-list .tit h3 span{
    display: block;
    text-align: center;
    margin-top: 20px;
}
.ron-list .ron-warp{
    width: 0;
    overflow: hidden;
    padding-top: 122px;
}
/*.ron-list:nth-child(1) .ron-warp{*/
/*    background: url(../images/bg11.png)no-repeat center;*/
/*}*/
/*.ron-list:nth-child(2) .ron-warp{*/
/*    background: url(../images/bg11.png)no-repeat center;*/
/*}*/
/*.ron-list:nth-child(3) .ron-warp{*/
/*    background: url(../images/bg11.png)no-repeat center;*/
/*}*/
/*.ron-list:nth-child(4) .ron-warp{*/
/*    background: url(../images/bg11.png)no-repeat center;*/
/*}*/
.ron-list.cur .tit{
    display: none;
}
.ron-list .ron-warp{
    width: 100%;
    height: 100%;
    /* padding-left: 15.5%;
    padding-right: 15%;
    padding-top: 105px; */
    display: flex;
    justify-content: center;
    align-items: center;
}
.ron-list .ron-warp .ron-con{
    width: 1050px;
}
.ron-list .ron-warp .ron-con .mod-tit{
    display: none;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.ron-list h3{
    font-size: 36px;
    color: #fff;
    font-weight: bold;
}
.ron-list .text{
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    margin-top: 40px;
}
.ron-list ul{
    margin-top: 90px;
}
.ron-list ul li{
    float: left;
        padding: 0 5%;
}
.ron-list ul li:hover a span{
     color: rgba(255, 255, 255, 0.5);
}
.ron-list ul li + li{
    border-left: solid 1px rgba(255, 255, 255, 0.15);
}
.ron-list ul li:nth-child(1){
    padding-left: 0;
}
.ron-list ul li a{
    display: block;
    
}
.ron-list ul li a .ron-ico{
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.ron-list ul li a .ron-ico .ico{
    text-align: center;
    max-width: 100%;
    height: 52px;

}

@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

.ron-list ul li:hover a .ron-ico .ico img{
    -webkit-transform: rotate(360deg);
    animation: rotation 2s linear infinite;
    -moz-animation: rotation 2s linear infinite;
    -webkit-animation: rotation 2s linear infinite;
    -o-animation: rotation 2s linear infinite;
}




.ron-list ul li a .ron-ico .ico img{
    max-width: 100%;
    max-height: 100%;
}
.ron-list ul li a span{
    display: block;
    font-size: 16px;
    color: #fff;
    margin-top: 20px;
}

.ron-list .ron-warp .ron-more{
    overflow: hidden;
    margin-top: 85px;
    transition: all .5s ease;
        padding-bottom: 120px;
}
.ron-list .ron-warp .ron-more img{
    max-width: 100%;
}
.ron-list .ron-warp .ron-more:hover{
    margin-left: 20px;
}


.ywfg{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ywfg li{
    width: 25%;
    float: none!important;
    padding: 0!important;
    border: none;
    margin-bottom: 30px;
    padding-right: 2%!important;
}
.ywfg li+li{
    border: none!important;
}
.ywfg li a{
    display: flex!important;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.ywfg li a .img1{
    max-width: 25px;
    max-height: 25px;
    overflow: hidden;
    margin-right: 16px;
}
.ywfg li a .img1 img{
    margin-top: -25px;
    width: 100%;
}
.ywfg li a h3{
    font-size: 17px;
    color: #ffffff;
    font-weight: 400;
    text-transform: uppercase;
}
.ywfg li a h3:hover{
    color: rgba(255, 255, 255, 0.5);
}

.w-message-wrap{
    margin-top: 10%;
}
.w-message-wrap input{
    border: none;
    outline: none;
    background: none;
}
.w-message-wrap textarea{
    border: none;
    outline: none;
    background: none;
}
.ysly{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
}
.ysly input{
    width: 31.5%;
    border: 1px solid #cfd7de;
    border-radius: 5px;
    height: 58px;
        text-indent: 20px;
    font-size: 16px;
    color:rgba(255, 255, 255, 0.5);
}
.ysly textarea{
    width: 31.5%;
    border: 1px solid #cfd7de;
    border-radius: 5px;
    height: 58px;
        text-indent: 20px;
        line-height: 58px;
    font-size: 16px;
    color:rgba(255, 255, 255, 0.5);
}

.code-group2{
   width: 31.5%; 
       border: 1px solid #cfd7de;
    border-radius: 5px;
    height: 58px;
}
.ysly #checkcode2{
    width: 55%;
    border: none;
    border-radius: none;
}

input::-webkit-input-placeholder{
    color:rgba(255, 255, 255, 0.5);
    text-indent: 20px;
    font-size: 16px;
}
input::-moz-placeholder{
    color:rgba(255, 255, 255, 0.5);
    text-indent: 20px;
    font-size: 16px;
}
input:-moz-placeholder{ 
    color:rgba(255, 255, 255, 0.5);
    text-indent: 20px;
    font-size: 16px;
}
input:-ms-input-placeholder{ 
    color:rgba(255, 255, 255, 0.5);
    text-indent: 20px;
    font-size: 16px;
}

textarea::-webkit-input-placeholder{
    color:rgba(255, 255, 255, 0.5);
    text-indent: 20px;
    font-size: 16px;
    line-height: 58px;
}
textarea::-moz-placeholder{
    color:rgba(255, 255, 255, 0.5);
    text-indent: 20px;
    font-size: 16px;
    line-height: 58px;
}
textarea:-moz-placeholder{ 
    color:rgba(255, 255, 255, 0.5);
    text-indent: 20px;
    font-size: 16px;
   line-height: 58px;
}
textarea:-ms-input-placeholder{ 
    color:rgba(255, 255, 255, 0.5);
    text-indent: 20px;
    font-size: 16px;
    line-height: 58px;
}


.w-submit{
    width: 50%;
    margin: 0 auto;
    display: block;
    background: #005bac!important;
    border-radius: 5px;
    border-color: none;
    height: 60px;
    font-size: 18px;
    color: #fff;
    line-height: 60px;
    margin-top: 30px;
}


/* 新闻资讯 */
.news{
    padding-top: 80px;
    padding-bottom: 80px;overflow:hidden;
}
.news .title{
    text-align: center;
}
.news .title p{
    font-size: 18px;
    color: #888888;
}




.promenu{margin-top:25px;}
.promenu li{margin:0 10px;background:url(../images/wk.png) no-repeat 0 50%;}
.promenu li a{  font-family: MicrosoftYaHei;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #888888;padding-left: 20px}


.promenu li.active a{color: #004fa3;}

.news .slick-slider{
    margin-bottom: 0;
    overflow: hidden;
}


    .tab2 { position: relative; }
    .tab2 .new-show2 { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
    .tab2 .new-show2 { opacity: 0; visibility: hidden; transition: all .5s ease; }
    .tab2 .new-show2.active { position: static; opacity: 1; visibility: visible; }





.new-show{
    margin-top: 75px;
    /* margin-left: -18px; */
}
.new-show .new-con{
    margin: 0;
    /* float: left; */
    /* width: 31.7%; */
    /* margin-left: 2.45%; */
    /* padding: 0 18px; */
   
}
/*.new-show .new-con:nth-child(1){
    display: none;
}*/




.new-show .new-con a{
       margin: 0 12px;
    display: block;
}
.new-show .new-con a .new-img{
    position: relative;
    overflow: hidden;max-height: 248px;overflow: hidden;
     
}
.new-show .new-con a .new-img img{
   width: 100%;height:100%;object-fit: cover;
}
.new-show .new-con a .new-img span{
    display: block;
    position: absolute;
    top: 0;
    left: 30px;
}
.new-show .new-con a .new-img span img{
    max-width: 100%;
}
.new-show .new-con a .new-text{
    padding-top: 35px;
}
.new-show .new-con a .new-text h3{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    transition: all .3s ease;
     display:-webkit-box;/**对象作为伸缩盒子模型展示**/
    -webkit-box-orient:vertical;/**设置或检索伸缩盒子对象的子元素的排列方式**/
    -webkit-line-clamp:1;/**显示的行数**/
    overflow:hidden;/**隐藏超出的内容**/
}
.new-show .new-con a:hover .new-text h3{
    color: #005bac;
}
.new-show .new-con a .new-text span{
    display: block;
    font-size: 14px;
    font-family: Arial;
    color: #999;
    margin-top: 5px;
}
.new-show .new-con a .new-text p{
    font-size: 16px;
    line-height: 28px;
    color: #6f6f6f;
    margin-top: 25px;
         display:-webkit-box;/**对象作为伸缩盒子模型展示**/
    -webkit-box-orient:vertical;/**设置或检索伸缩盒子对象的子元素的排列方式**/
    -webkit-line-clamp:2;/**显示的行数**/
    overflow:hidden;/**隐藏超出的内容**/
}


.new-show .new-con a:hover .new-text p{  color: #004fa3;}



/* 底部 */
.foot{
    background: #232630;
    padding-top: 50px;
    padding-bottom: 70px;overflow: hidden;
}
.ft-cfn{
    width: 35%;
}
.ft-list{
    float: left;
}
.ft-list:nth-child(1){
    margin-left: 0;
}
.ft-list h3{
    font-size: 17px;
    color: #fff;
    font-weight: bold;
}
.ft-list ul{
    margin-top: 30px;
}
.ft-list ul li a{
    display: block;
    font-size: 14px;
    color: #fff;
    opacity: .5;
    line-height: 32px;
}
.ft-list ul li a:hover{
    opacity: 1;
}

.ft-con{
    float: right;
    width: 50%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}
.ft-contact{
    float: left;
}
.ft-contact h3{
    font-size: 26px;
    color: #fff;
    font-weight: bold;
}
.ft-contact .contact{
    font-size: 14px;
    color: #fff;
    opacity: .5;
    line-height: 28px;
    margin-top: 30px;
}
.ft-share{
    margin-top: 45px;
}
.ft-share a{
    display: inline-block;
    margin-left: 15px;
}
.ft-share a:hover{
    background: #005bac;
}
.ft-share a:nth-child(1){
    margin-left: 0;
}
.ft-share a img{
    max-width: 100%;
}


.wm_ll li{max-width: 120px;text-align: center;margin:0 10px;}

.wm_ll li img{max-width: 100%}
.wm_ll li h2 a{ font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 0.5;}



.footer{
    background: #fff;
    font-size: 14px;
    color: #666;
    padding: 15px 0;
}
.footer a{
    font-size: 14px;
    color: #666;
}
.footer a:hover{
    color: #005bac;
}
.copy{
    float: left;
}
.ft-right{
    float: right;
}
.reg{
    float: right;
}
.ft-link{
    float: left;
    position: relative;
}
.ft-link span.button{
    font-size: 14px;
    color: #666666;
    cursor: pointer;
}
.ft-link span.button:hover{
    color: #005bac;
}
.ft-link .sec{
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    background: rgba(255,255,255,.6);
    padding: 10px;
    width: 100%;
    z-index: 999;
}


/* 头部自适应 */




/* 产品中心自适应 */

@media(max-width: 1469px){
    /* .pro-cfn ul li a span{
        max-width: 50px;
        max-height: 50px;
    }
    .pro-cfn ul li.on a span img{
        margin-top: -50px;
    } */
    .pro-cfn ul li a{
        padding-left:10px;
    }
    .pro-cfn ul li a h3{
        font-size: 13px;
        margin-left: 3px;
    }
    .pro-right ul li .pro-text{
        width: 100%;
        padding-right: 50px;
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .ywfg li{
        width: 33%;
    }
}
@media(max-width: 1199px){
    .pro-left{
        float: none;
        width: 100%;
    }
    .pro-cfn ul li{
        width: 45%;
    }



    .pro-cfn ul li:nth-child(1),
    .pro-cfn ul li:nth-child(5){
        margin-left: 0;
    }

    .pro-cfn ul li.on a span img{
        margin-top: -40px;
    }
    .pro-cfn ul li a h3{
        font-size: 14px;
    }
    .pro-right{
        float: none;
        width: 100%;
    }
    .pro-right ul li .pro-img img{
        width: 100%;
    }
     .pro-right ul{
         height: auto !important;
     }
    .pro-right ul li{
        position: unset !important;
    }
    .pro-right{
        margin-top: 20px;
    }
    .pro-right ul li .pro-text{
        width: 90%;
    }
    .product{
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .pro-cfn{
        margin-top: 40px;
    }
    .title h3{
        font-size: 36px;
    }
    .title p{
        font-size: 16px;
        margin-top: 15px;
    }


    .ysly #checkcode2{
        width: 37%;
    }
    .ysly input{
        height: 38px;
        line-height: 38px;
        font-size: 14px;
    }
    .ysly textarea{
        height: 38px;
        line-height: 38px;
        font-size: 14px;
    }
    .code-group2{
        height: 38px;
        line-height: 38px;
        font-size: 14px;
    }
    #codeimg1{
        margin-top: -6px;
    }
    .w-submit{
       
        height: 38px;
        line-height: 38px;
        font-size: 14px; 
    }
input::-webkit-input-placeholder{
    color:rgba(255, 255, 255, 0.5);
    text-indent: 15px;
    font-size: 14px;
    line-height: 38px;
}
input::-moz-placeholder{
    color:rgba(255, 255, 255, 0.5);
    text-indent: 15px;
    font-size: 14px;
    line-height: 38px;
}
input:-moz-placeholder{ 
    color:rgba(255, 255, 255, 0.5);
    text-indent: 15px;
    font-size: 14px;
    line-height: 38px;
}
input:-ms-input-placeholder{ 
    color:rgba(255, 255, 255, 0.5);
    text-indent: 15px;
    font-size: 14px;
    line-height: 38px;
}

textarea::-webkit-input-placeholder{
    color:rgba(255, 255, 255, 0.5);
    text-indent: 15px;
    font-size: 14px;
    line-height: 38px;
}
textarea::-moz-placeholder{
    color:rgba(255, 255, 255, 0.5);
    text-indent: 15px;
    font-size: 14px;
    line-height: 38px;
}
textarea:-moz-placeholder{ 
    color:rgba(255, 255, 255, 0.5);
    text-indent: 15px;
    font-size: 14px;
    line-height: 38px;
}
textarea:-ms-input-placeholder{ 
    color:rgba(255, 255, 255, 0.5);
    text-indent: 15px;
    font-size: 14px;
    line-height: 38px;
}

    
}
@media(max-width: 991px){
    .pro-cfn ul li a span{
        max-width: 30px;
        max-height: 30px;
    }
    .pro-cfn ul li.on a span img{
        margin-top: -30px;
    }
    .pro-cfn ul li a h3{
        font-size: 13px;
        margin-left: 0;
    }
    .pro-cfn ul li a{
        border-top-right-radius: 30px;
        padding: 10px 0;
        padding-left: 5px;
    }
    .pro-right ul li .pro-text h3{
        font-size: 22px;
    }
    .pro-right ul li .pro-text p{
        font-size: 14px;

    }
    .pro-right ul li .pro-text{
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 30px;
    }
    .title h3{
        font-size: 25px;
    }
    .title p{
        font-size: 14px;
        margin-top: 10px;
    }
    .product{
        padding: 40px 0;
    }
        .ywfg li{
        width: 50%;
        margin-bottom: 12px;
    }
    .ywfg li a h3{
        margin-top: 0;
        font-size: 14px;
    }
}

@media(max-width:768px){
 .pro-cfn ul li a span{display:none;}
}
@media(max-width: 650px){
    body{
        padding-top: 60px;
    }
    .ysly input{
        width: 100%;
        margin-bottom: 15px;
    }
    .ysly textarea{
        width: 100%;
        margin-bottom: 15px;
    }
    .code-group2{
        width: 100%;
    }
    .w-submit{
    margin-top: 15px;
    }
    #codeimg1{
        float: right;
        margin-top: 1px;
    }


}
@media(max-width: 650px){
    .pro-cfn ul li a{
        display: block;
        border-top-right-radius:unset;
        padding: 10px 5px;
    }
    .ywfg li a .img1{
        margin-right: 0;
    }
        .ywfg li a h3{
            font-size: 12px;
            line-height: 25px;
        }
    .pro-cfn ul li a span{
        /* display: block; */
        margin: 0 auto;
    }
    .pro-cfn ul li a h3{
        text-align: center;
    }
    .pro-right ul li .pro-text{
        padding: 15px;
            border-top-right-radius: 50px;
    }
    .pro-right ul li .pro-text p{
        font-size: 12px;
        margin-top: 10px;
        line-height: 20px;
         display:-webkit-box;/**对象作为伸缩盒子模型展示**/
            -webkit-box-orient:vertical;/**设置或检索伸缩盒子对象的子元素的排列方式**/
            -webkit-line-clamp:2;/**显示的行数**/
            overflow:hidden;/**隐藏超出的内容**/
    }
    .pro-right ul li .pro-text h3{
        font-size: 18px;
    }
    .pro-cfn ul li a h3{
        font-size: 12px;
                 display:-webkit-box;/**对象作为伸缩盒子模型展示**/
            -webkit-box-orient:vertical;/**设置或检索伸缩盒子对象的子元素的排列方式**/
            -webkit-line-clamp:2;/**显示的行数**/
            overflow:hidden;/**隐藏超出的内容**/
    }
    .pro-cfn{
        margin-top: 20px;
    }
}
@media(max-width: 375px){
    .pro-right ul li .pro-text{
        padding: 10px;
    }
    .pro-right ul li .pro-text p{
        display: none;
    }
}


/* 应用案例自适应 */
@media(max-width: 1199px){
    .case{
        padding: 60px 0;
    }
    .case-show{
        margin-top: 40px;
    }
    .case-show ul li a .case-text{
        padding: 20px;
    }
    .case-show ul li a .case-text h3{
        font-size: 22px;
    }

    .case-show ul li a .case-text span{
        font-size: 13px;
        margin-top: 15px;
    }
}
@media(max-width: 991px){
    .case{
        padding: 40px 0;
    }
    .case-show{
        margin-top: 20px;
        margin-left: -8px;
        margin-right: -8px;
    }
    .case-show ul li{
        margin: 0 8px;
    }
    .case-show .owl-carousel .owl-nav button{
        width: 40px;
        height: 40px;
    
    }
    .case-show .owl-carousel .owl-nav button.owl-prev,
    .case-show .owl-carousel .owl-nav button.owl-next{
        background-size: 40px 40px;
    }
    .case-show ul li a .case-text{
        padding: 15px;
    }
    .case-show ul li a .case-text h3{
        font-size: 18px;
    }
    .case-show ul li a .case-text p{
        font-size: 13px;
        margin-top: 5px;
    }
    .case-show ul li a .case-text span{
        margin-top: 10px;
        font-size: 12px;
    }
}
@media(max-width: 650px){
    .case-show .owl-carousel .owl-nav{
        display: none;
    }
}

/* 新闻资讯自适应 */
@media(max-width: 1199px){
    .news{
        padding: 60px 0;
    }
    .new-show{
        margin-top: 40px;
    }
    .new-show .new-con a .new-text{
        padding-top: 20px;
    }
    .new-show .new-con a .new-text p{
        font-size: 14px;
        margin-top: 15px;
    }
}
@media(max-width: 991px){
    .news{
        padding: 40px 0;
    }
    .new-show{
        margin-top: 20px;
    }
    .new-show .new-con a{
        margin: 0 8px;
    }
    .new-show .new-con a .new-text h3{
        font-size: 17px;
    }
    .new-show .new-con a .new-text p{
        font-size: 13px;
        line-height: 24px;
        margin-top: 10px;
    }
}
@media(max-width: 475px){
    .news .title p span{
        padding-left: 18px;
        margin: 0 3px;
    }
    .news .title p{
        font-size: 14px;
    }
}
@media(max-width: 320px){
    .news .title p span{
        margin: 0;
    }
    .news .title p{
        font-size: 12px;
    }
}


/* 选择理由自适应 */
@media(max-width: 1440px){
    .ron-list .ron-warp .ron-con{
        max-width: 840px;
    }
}
@media(max-width: 1199px){
    .ron-cfn ul li{
        font-size: 18px;
    }
    .ron-tit .title{
        width: 60%;
    }
    .ron-cfn{
        width: 40%;
    }
    .ron-cfn ul li{
 
    }
    .ron-tit{
        padding: 50px 0;
    }
    .ron-list h3{
        font-size: 32px;
    }
    .ron-list .text{
        font-size: 15px;
        margin-top: 30px;
    }
    .ron-show{
        max-height: 550px;
    }
    .ron-list .tit{
        height: 550px;
    }
    .ron-list ul li{
        padding: 0 3%;
    }
    .ron-list ul{
        margin-top: 60px;
    }
    .ron-list .ron-warp .ron-more{
        margin-top: 40px;
    }
    .ron-list ul li a span{
        font-size: 14px;
    }
    .ron-list .ron-warp .ron-con{
        max-width: 685px;
    }
}
@media(max-width: 991px){
    .ron-tit .title{
        float: none;
        width: 100%;
    }
    .ron-cfn{
        float: none;
        width: 100%;
        margin-top: 30px;
    }
    .ron-cfn ul{
        justify-content: left;
    }
    .ron-tit{
        display: block;
        padding-bottom: 20px;
    }
    .ron-cfn ul li::after{
        margin-top: 10px;
    }
    .ron-list h3{
        font-size: 28px;
    }
    .ron-list .text{
        font-size: 14px;
        line-height: 26px;
    }
    .ron-list ul li a .ron-ico .ico{
        height: 40px;
    }
    .ron-list ul{
        margin-top: 40px;
    }
    .ron-list .ron-warp .ron-con{
        max-width: 565px;
    }
    .ron-list .tit h3{
        font-size: 18px;
    }
    .ron-list ul li{
        padding: 0 2%;
    }
    .ron-list ul li a span{
        margin-top: 10px;
    }
    .ron-show{
        max-height: 450px;
    }
    .ron-list .tit{
        height: 450px;
    }
}

@media(max-width: 767px){
    .ron-list{
        width: 100%;
        float: none;
    }
    .ron-show .ron-list.cur{
        width: 100%;
    }
    .ron-show{
        max-height: 100%;
        display: block;
    }
    .ron-list .tit{
        display: none;
    }
    .ron-list .ron-warp{
        width: 100%;
        padding: 30px 15px;
    }
    .ron-list .ron-warp .ron-con .mod-tit{
        display: block;
    }
    .ron-list h3{
        font-size: 22px;
        margin-top: 30px;
    }
    .ron-list .text{
        font-size: 13px;
        margin-top: 20px;
    }
    .ron-list + .ron-list{
        border-left: none;
        border-top: solid 1px #ddd;
    }
    .ron-cfn{
        display: none;
    }
    
}
@media(max-width: 560px){
    .ron-list ul li{
        width: 50%;
    }
    .ron-list ul li a span{
        text-align: center;
    }
    .ron-list ul li{
        padding: 10px 0;
    }
    .ron-list ul li:nth-child(3),
    .ron-list ul li:nth-child(4){
        border-top: solid 1px rgba(255, 255, 255, 0.15);
    }
    .ron-list ul li:nth-child(3){
        border-left: none;
    }
}
@media(max-width: 375px){
    .ron-list h3{
        font-size: 20px;
    }
    .ron-list .text{
        font-size: 12px;
    }
    .ron-list ul{
        margin-top: 20px;
    }
    .ron-list .ron-warp .ron-more{
        margin-top: 30px;
    }
}

/* 底部自适应 */
@media(max-width: 1199px){
    .footer{
        padding: 15px 0;
    }
    .foot{
        padding: 50px 0;
    }
    .ft-list ul li a{
        font-size: 13px;
        line-height: 26px;
    }
    .ft-list ul{
        margin-top: 20px;
    }
    .ft-contact .contact{
        margin-top: 20px;
        font-size: 13px;
    }
    .ft-share{
        margin-top: 30px;
    }
    .ft-list{
        margin-left: 15%;
    }
    .ft-cfn{
        width: 45%;
    }
    .ft-con{
        width: 55%;
    }   
    .copy{
        float: none;
        width: 100%;
        font-size: 12px;
    }
    .reg{
        font-size: 12px;
    }
    .footer{
        font-size: 12px;
        text-align: center;
    }
    .footer a{
        font-size: 12px;
    }
    .ft-link span.button{
        font-size: 12px;
    }
    .ft-right{
        float: none;
        width: 100%;
        display: flex;
        justify-content: center;
    }
}


.md-foot{
  display: none;
}
@media(max-width:767px){
  .foot{
    display:none;
  }
  .footer{
    display: none;
  }
  .md-foot{
  display: block;
  background: #151515;
  }
  .mod-logo{
      text-align: center;
      padding: 30px 0;
  }
  .mod-logo a{
    display: block;
  }
  .mod-logo a img{
    max-width: 100%;
  }
  .fd-cfn{
  border-bottom: solid 1px #ccc;
  margin-top: 10px;
  }
  .fd-cfn h3{
  font-size: 16px;
  color: #fff;
  line-height: 2.5;
  }
  .fd-cfn h3 span{
  padding-right: 10px;
  }
  .fd-cfn .fd-name{
  display: none;
  padding-left: 13px;
  }
  .fd-cfn .fd-name a{
  display: block;
  line-height: 28px;
  color: #fff;
  opacity: .8;
  }
  .fd-ly .copyright{
  color: #fff;
  padding: 15px 15px;
  line-height: 1.5;
  text-align: center;
  float: none;
  }
  .fd-ly .copyright a{
  color: #fff;
  }
}





.about-left{
    background: #f9f9f9;
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
}

.about-left .xypg-left-con{
    border: none;
}

.about-left .xypg-left-title{
    display: none;
}
.about-left .xypg-left-nav > li .first-nav-btn{
    display: none;
}

.about-left .xypg-left-nav > li{
    border:none;
     flex-wrap:nowrap;
}
.about-left .xypg-left-box{
    margin:0;
}

.about-left .xypg-left-nav{
    display: flex;

}
.about-left .xypg-left-nav > li > a{
    padding: 24px 44px;
}
.about-left .xypg-left-nav > li.clicked > a{
    background: #005bac;
    color:#fff;
}

.about-left .container{
    position: relative;
}
.about-left .page-position{
    position: absolute;
    right:0;
    top:8px;
    font-size:14px;
    color:#999;
}
.about-left .page-position a{
    color:#999;
}
.about-left .page-position a:hover{
    color:#005bac;
}




@media (max-width: 768px) {

 .xypg-right-content img{max-width:100%!important;width:auto!important;height:auto!important;}
}

@media(max-width: 991px){
    .x-banner,
    page-banner{
        padding-top: 60px;
    }
}
@media(max-width: 768px){
    .x-banner,
    page-banner{
        padding-top: 0px;
    }
}

.so img {
    max-width: 100%;
}

.ss {
    display: none;
    position: absolute;
    right: 0;
    top: 67px;
    width: 238px;
    padding: 15px 20px;
    /* border-radius: 20px; */
    z-index: 999;
    background: rgba(0, 92, 172, 0.6);
}

.ss input {
    outline: none;
    line-height: 30px;
    width: 20%;
    background: none;
    border: 1px solid #fff;
    background: #fff;
    font-size: 13px;
    color: #1c4086;
    float: left;
}

.ss #keyword {
    padding-left: 5px;
    line-height: 30px;
    width: 80%;
    background: none;
    border: 1px solid #fff;
    outline: none;
    font-size: 13px;
    color: #fff;
    float: left;text-align:left;
}

.ss #keyword:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
}

.ss #keyword::placeholder {
    color: #fff;font-size:13px;text-align:left;
}

@media(max-width: 1920px){
  
.ron-list ul{
 
    display: none;
}

.ron-list.cur ul{
    /*display:block;*/
}



.ron-list .ron-con h3{display: none;  }
.ron-list.cur .ron-con h3{display: block;}




.ron-list .text p span{display: none; }
.ron-list.cur .text p span{display: block;}
}


@media(max-width: 760px){
  
.ron-list ul{
 
    display: block;
}


.ron-list .ron-con h3{display: block;  }


.ron-list .text p span{display: block; }
.ron-list .ron-warp .ron-more{

        padding-bottom: 0px;
}

}



.f_link{margin-top:25px;margin-bottom: 25px;color:#888;font-size:15px;}
.f_link a{color:#888;font-size:15px;}



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


.dbb{height:50px;}

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


.dbb{height:50px;}

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

.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: #d8e5f3;
}

.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: 16px;color:#fff;
}


      .footer2 li .icon-home{ background: url(../images/s1.png) no-repeat;width:20px;height:20px;}
      .footer2 li .icon-home2{ background: url(../images/s2.png) no-repeat;width:20px;height:20px;}
      .footer2 li .icon-phone{ background: url(../images/s3.png) no-repeat;width:20px;height:20px;}
      .footer2 li .icon-contact{ background: url(../images/s4.png) no-repeat;width:20px;height:20px;}

.footer2 li .icon-phone:before{font-size:0;}

.footer2 ul li a{border-left:1px solid #e7edf3;}