@charset "utf-8";
.topline{
    border-bottom:2px solid #0374ce;
    height: 2px;
    margin: 0;
}
.top{
    background: url(../images/top.png) top right no-repeat;
    height: 26px;
}
.top .fr{
    width: 520px;
    height: 26px;
    line-height: 22px;
    letter-spacing: 0.2em;
}
.footlinks {clear:both;margin:0px auto;padding:0px;max-width:1000px;height:auto;font-size:9pt;line-height:140%;color:#777;text-align:center;}
.footlinks a:link, .footlinks a:visited {font-size:9pt;line-height:140%;color:#777;}
.navBar{   z-index:1;  height:64px; line-height:64px;  }
.nav{  }
.nav a{  }
.nav h3{ font-size:100%; font-weight:normal;   }
.nav .m{ float:left;  position:relative; z-index:1; }
.nav .s{ float:left; width:3px; text-align:center; color:#D4D4D4; font-size:12px; }
.nav h3 a{ display:block; padding:0 40px; text-align:center;font-size: 16px;  }

.nav .m:nth-child(1) h3 a{ padding:0 25px;  }
.nav .m:hover h3 a{background: #01579b;}
.nav h3 .navon{background: #004a85 !important;}
.nav .sub{ display:none; /*默认隐藏*/  padding:14px 0; position:absolute; left:0; top:64px; z-index:1; width:195px;  background:#08589a; }
.nav .sub li{ text-align:center; margin-bottom:-1px; line-height: 32px;justify-content: space-between; border-bottom:1px solid #506e9b; }
.nav .sub li:hover{background: #064273;}
.nav .sub li .fx{  padding:0 14px 0 42px;justify-content: space-between; }
.nav .sub li .fx:hover .dn{  display:block;}
.nav .sub li a{ display:block;   height:32px;   }
.baninfbox{
    border:1px solid #dedede;    
}
.baninfpd{
    padding: 10px 14px;

}
.txtMarquee-left{ width:450px;  position:relative;     height:42px;
    overflow: hidden; }
.txtMarquee-left .bd{ }
.txtMarquee-left .bd .tempWrap{ width:100% !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1;     height:60px;
    overflow: hidden;}
.txtMarquee-left .bd ul li{ margin-right:10px;  float:left; height:42px; line-height:42px;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li a{
}

.add{
    background: #f4f4f4;
    width: 90px;
    height:100px;
    justify-content: center;
}

.protypedel{
    padding: 1rem 1.8rem;
    color:#3d3d3d;
}
.protype1 .fx{
    color:#3d3d3d;
    line-height: 3rem;
    border-bottom:1px solid #f4f4f4;
    transition: 0.3s ease-in-out;
    border-bottom:1px solid #959595;
}
.protype1 .protype1on {
    color:#0062d0;
    border-bottom:1px solid #0062d0;
}
.protype1 .protype1on a{
    color:#0062d0;
}
.protype1 .protype1on .db{
    background:#0062d0;
}
.protype1:hover .fx{
    color:#0062d0;
    border-bottom:1px solid #0062d0;
}
.protype1:hover .fx a{
    color:#0062d0;
}
.protypelist2{
    margin-left: 1.4rem;
    transition: 0.3s ease-in-out;
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;

}
.protypelist2:hover{
    color:#0062d0;
    padding-left:0.5rem;
}
.protypelist2:hover a{
    color:#0062d0;
}
.protypelist2 .bd{
    border-bottom:1px solid #f4f4f4;
    transition: 0.3s ease-in-out;
}
.protypelist2:hover .bd{
    border-bottom:1px solid #0062d0;
    
}
.protype1 .fx .bgf4{
    width: 5px;
    height:24px;
    transition: 0.3s ease-in-out;

}
.protype1:hover .bgf4{
    background:#0062d0;
}
/* .protypede{
    height:1px;
    border-bottom:1px solid #959595;
} */
.proshow p{
    height:2.4rem;
    line-height: 2.4rem;
}
.proshow{
    border:1px solid #eaeaea;
    padding:1rem 0 1px 0;
}
.proshow:hover{
    border:1px solid #0968d2;
}
.prolink{
    background: #fff;
    padding:0.6rem 1.8rem;
}
a.prolink{
    color:#0374ce;
}

.aboutbg{
    background: linear-gradient(#0374ce 0,#0374ce 45%,#fff 45%,#fff)
}
.aboutpadd{
    background: #fff;
    padding:2rem;
}
.aboutpaddbg{
    background: #f2f2f2;    
}
.aboutinf{
    padding:1rem 1.5rem 1rem 2.5rem;
}
.aboutinf .ti2{
    line-height: 1.6rem;
}

.sglay{
    top:0;
    justify-content: center;
    padding-top:85px;
}
.sglay{
    background: rgba(0, 98, 208, 0.8);
    box-sizing: border-box;
    opacity: 0;
    transition: 0.2s ease-in;
}
.sgimg:hover .sglay{
    opacity: 1;
}
.sgtit{
    padding: 1rem 0 0 0;
}

.newsone{
    background: #0374ce;
    padding: 1.6rem 1.8rem 1.6rem 0;
}
.data1{
    font-size: 2.25rem;
    color:#787878;
    /* margin-top: 1rem; */
}
.data2{
    color:#959595;
        font-size: 0.857rem;
}
/* .newsonet{
    padding:10px 2rem 10px 0;
} */
.newsonet a {color: white}
.newsonet h3{
    font-size: 1rem;
    line-height: 2rem;
    height:2.3rem;
    overflow: hidden;
    border-bottom:1px solid #fff;
}
.newsonetfr a{color: #6a6a6a}
.newsonetfr .bn{
    height:2rem; 
    color:#6a6a6a;
}
.newsonetfr p{
    color:#959595;
}
.newsonetfrda .data1{

}
.newsonetfrdabox:hover .newsonetfrda{
    color:#0374ce;
}
.newsonetfrdabox:first-child{
    margin-top: 0;
}
.newsonet p{
    font-size: 0.857rem;
    line-height: 1.2rem;
    height:2.4rem;
    overflow: hidden;
}
.newsonepic img{
    width: 100%;
}
.newstwot{
    font-size: 1rem;
    height:3.25rem;
    line-height:3.25rem;
    overflow: hidden;
}
.newstwodata2{
    height:3.25rem;
    line-height:3.25rem;
    font-size: 0.857rem;
}
.newstwo{
    border-bottom:#5e7287 1px solid;
}
.newstwo:hover .newstwot{
    color:#1ea17f;
}
.newstwo:hover .newstwodata2{
    color:#1ea17f;
    font-weight: bold;
}
.newstwos{
    margin-top: 0.9rem;
    font-size: 0.857rem;
    line-height: 1.5rem;
    height:3rem;
    overflow: hidden;
}
.newsone .data1,.newsone .data2{
    color:#fff;
}

.contbg{
    background: #eee;
}
.contfltit1{
    width: 7px;
    height:34px;
}
.contfltit2,.contfltit3{
    color:#6b6b6b;
}
.newsonetfrdabox:hover .data1{
    color:#0374ce;
}
.newsonetfrdabox:hover .data2{
    color:#0374ce;
}

.contflewm{
    border:1px solid #000;
    padding: 1rem;
    margin-right:2rem;
}
.contflewmandinf{
    align-items: flex-start;
}
.contflcont .ifx{
    margin:0.5rem 0 1.3rem;
    color:#6b6b6b;
}
.contflcont .ifx img{
    margin-right:0.8rem;
}
.map{
    width: 470px;
    height:192px;
    border:4px solid #dcdcdc;
}
.formbox{
    margin-top: 4.375rem;;
    padding:0 2rem 0 3rem;
}
.ys{
    /* flex-direction: row-reverse; */
    justify-content: flex-end;
}
.ysbox h4{
    color:#414141;
    font-size: 1rem;
}
.ysbox span{
    color:#969696;
}
.ysbox p{
    color:#969696;
}
.ysbox img{
    transition: 0.5s ease-in;
}
.ysbox .tx:hover img{
    transform: rotate(360deg);
}
.footer{
    background: #282828;
}
.fotop{
    padding:2.2rem 0 1rem;
}
.fo1{
    flex-direction: column;
}

.fofr .tx{
    padding:0.8rem 2rem;
    background: #5c5c5c;
    border-radius: 0.5rem;
}
.fofr .r14{
    opacity:0.5;
}
.focop{
    color:#bcbcbc;
    padding:1rem 0;
    border-top:1px solid #5c5c5c;
}
.focop a{
    color:#bcbcbc;
}
.fonav a{
    color:#fff;
    opacity:0.6;
    /* border-left:1px solid #8e8e8e;
    margin-right:1rem; */
}
.fonav{
    color:#fff;
    opacity:0.6;
 
}
.fo2 p{
    color:#fff;
    opacity:0.3;
    line-height: 1.6rem;
}
.folink{
    padding: 0.8rem 2.8rem;
    background: #5c5c5c;
    border-radius: 10px;
}
.fo3 p{
    opacity:0.5;
}
.gototop{
    right:0;
    top:0;
}
.path{
    background: url(../images/pathline.png) left bottom no-repeat;
    padding-bottom:1.2rem;
}
.path1{
    height:1rem;
    width: 4px;
    background: #0374ce;
   
}

.newsline{
    height:1px;
    background: url(../images/newsline.png) left center no-repeat;
}

.picMarquee-leftin{  overflow:hidden; position:relative;    }
.picMarquee-leftin .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-leftin .bd ul li{ margin:15px 0.5rem 0; float:left;    border: 1px solid #b0b0b0; _display:inline; overflow:hidden; text-align:center;width: 270px;height:auto; }
.picMarquee-leftin .bd ul li .pic{ text-align:center;padding:10px 10px 0; }
.picMarquee-leftin .bd ul li .pic img{ width:250px; height:187px; display:block; }
/* .picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  } */
.picMarquee-leftin .bd ul li .title a{ line-height:2rem;font-size: 1rem;   }
.contflcont .ifx:nth-child(2) img{
    padding-left: 1px;
}
.contflcont .ifx:nth-child(3) img{
    padding-left: 4px;
    padding-right: 5px;
}
.contflcont .ifx:nth-child(4) img{
    padding-left: 3px;
}
.contflcont .ifx:nth-child(5) img{
    padding-left: 4px;
    padding-right: 3px;
}



@media screen and (min-width:1200px) {
    .lgdn {
        display: none;
    }
    .lgdb {
        display: none;
    }
    .banner .layui-carousel {
        height: 567px !important;
    }
    .formbox{
        margin-left: 1px solid #a3a3a3;
    }
    .folink{
        margin-top: 5.5rem;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .mddn {
        display: none;
    }
    .mddb {
        display: none;
    }
    .banner .layui-carousel {
        height: 33vw !important;
    }
	
}

@media screen and (min-width:992px) {
    .logoandtel{
        height: 96px;
    }
    .logoandtel img{
        line-height: 96px;
    }
  .lgdn {
    display:none
  }
}

@media screen and (max-width:992px) {
	.titleen { display: none
	}
	.logohide {display: none !important; 
	}
    .smdn {
        display: none;
    }

    .smdb {
        display: none;
    }

    .infoInput,
    .blue2 {
        padding: 5px;
        margin: 0px;
        border: 1px solid #d5d5d5;
        width: 200px;
    }

    .blue2 {
        width: 210px;
    }

    .form0 {
        width: 220px;
        margin: 0 auto;
    }
    .logoandtel{
        padding:1rem 0;
    }
    .logo img{
        width: 40px;
    }
    .logoandtel .ml30{
        margin-left: 1.4rem;
        margin-top:5px;
    }
    .banner .layui-carousel {
        height: 50vw !important;
    }
    
}

@media screen and (max-width:768px) {}