@charset "utf-8";
/* CSS Document */
/***********通用基本类************/

/*格式化样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0;max-width: 100%;} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal} 
ol,ul {list-style:none} 
caption,th {text-align:left} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
q:before,q:after {content:''} 
abbr,acronym { border:0}

/*css定义超链接四个状态也有顺序的。*/

a:link, a:visited {text-decoration: none;color: black;}
a:hover, a:active {
text-decoration: none;
color: #044bb5;
border: none;
}
/*以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。
注意，必须按以上顺序写，否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。*/
ul {
clear:both;

width: 100%;
}
ul, li {
list-style:none;
}

/***********通用基本类2************/

/* Copyright 2008 TSXMLOVE. All Rights Reserved. */
* {
padding: 0px;
margin: 0px;
text-align: left;
font-family:Arial, Verdana, Tahoma, "微软雅黑", Helvetica, sans-serif;
line-height: 150%;
}
body {
        font-family: 微软雅黑;
        
}
table {
border-collapse: collapse;
}


/*长度高度*/
.w1200{ width:1200px; margin:0 auto;}
.w100{ width:100%; text-align:center;}
.w50{ width:50%}

/*清除浮动*/
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* IE <8 */
}
.fl{ float:left;}
.fr{ float:right;}


/* 头部 */
.publicheader{}
.logo-banner{
    position: relative;
}
.top-header{
    width: 1200px;
    margin: 0 auto;
    padding: 5px 0px;
}
.h-top-nav{
    width: 33%;
    float: left;
}
.h-top-nav a{
    padding: 15px 20px;
    display: block;
    width: auto;
    float: left;
    color: white;
}
.h-top-nav a:nth-child(1){
    border-right: 1px solid white;
}
.h-top-logo{
    width: 50%;
    float: left;
    text-align: left;
}
.h-top-logo img{
    max-height: 70px;
   /* margin-top: 5px;*/
}
.h-top-tell{
    width: 34%;
    float: right;
    text-align: right;
}
.h-top-tell-d1{
    width: auto;
    float: right;
    margin-top: 12px;
}
.h-top-tell-d1 p{
    font-size: 18px;
}
.h-top-tell-d1 h3{
    color: #044BB5;
    font-size: 25px;
    font-weight: bold;
    line-height: 20px;
}
.h-top-tell-d2{
    width: auto;
    float: right;
    margin-right: 10px;
}
.h-top-tell-d2 img{
    width: 70px;
    height: 70px;
}


/* banner */
.webbanner{}
.swiper-containera{
        width: 100%;
        height: 100%;
    }
.swiper-containera .swiper-slide {
    overflow: hidden;
}
.pablicnavbox{
    background-color: #044BB5;
    color: white;
}


/* 导航开始 */
.webnan-box{
    width: 100%;
    float: left;
}
.webnan-box .webnavone{
    width: auto;
    float: left;
    height: 54px;
    overflow: hidden;
}
.webnan-box .webnavone dt{}
.webnan-box .webnavone dt a{
    padding: 15px 49px;
    display: block;
    color: white;
}
.webnan-box .webnavtwo{
    z-index: 999;
    position: absolute;
    width: 164px;
    text-align: center;
    background-color: #e7e5e6;
    display: none;
}
.webnan-box .webnavtwo dd{}
.webnan-box .webnavtwo dd a{
   
display: block;
   
text-align: center;
   
padding: 5px 0px;
}
.webnan-box .webnavtwo dd a:hover{    background-color: gainsboro;}
.webnan-box .webnavone dt a:hover{color: #FFC000 !important;}

.navhoser{color: #ffc000 !important;}
.webnav{background-color: #013b7b;}
.heaernabx{
    float: left;
    width: 1px;
    height: 20px;
    background-color: #717171;
    margin-top: 19px;
}
.heaernabx:last-child{width: 0px;}



/* 宣传语 */
.index-xcy{}
.index-xcy h3{
    font-weight: bold;
    text-align: center;
    font-size: 30px;
    margin-top: 20px;
    /* font-weight: bold; */
}
.index-xcy div{
    margin-top: 10px;
    font-size: 17px;
    margin-bottom: 20px;
}



/* 产品 */
.index-probox{
    background-color: #F5F5F5;
    padding: 40px 0px 20px;
    margin-top: 10px;
}
.index-probox-d{}
.index-probox-d>h3{
    text-align: center;
    color: #044BB5;
    font-size: 35px;
    font-weight: 700;
}
.index-probox-d>h2{
    text-align: center;
    font-size: 18px;
    color: #626262;
    /*font-weight: bold;*/
    line-height: 20px;
    margin-bottom: 15px;
}
.iptype-box{
    margin-top: 10px;
    width: 200px;
    float: left;
}
.iptype-box>div{
    background-color: #044BB5;
    color: white;
    text-align: center;
    font-size: 25px;
    padding: 15px 0px;
}
.iptype-box>ul{
    margin-top: -1px;
    background-color: #DDDDDD;
}
.iptype-box>ul>li{
    border-top: 1px solid white;
    /* padding-left: 47px; */
}
.iptype-box>ul>li>a{
    display: block;
    font-size: 17px;
    padding: 5px 0px 5px 47px;
}
.iproducbox{
    width: 100%;
    float: right;
    margin-top: 10px;
}
.iprobox{
    width: 285px;
    float: left;
    margin-right: 17px;
    background-color: #044BB5;
    margin-bottom: 20px;
    height: 188px;
    border: 1px solid #044BB5;
}
.iprobox a{
    display: block;
    height: 188px;
    overflow: hidden;
}
.iprobox a img{
    width: 100%;
    height: auto;
}
.iprobox a div{
    text-align: center;
    color: white;
    padding: 10px 0px;
}
.iprobox:nth-child(4n+4){
    margin-right: 0px;
}

/* 公司简介 */
.index-jianjie-box{
    padding: 50px 0px;
}
.index-jianjie{}
.index-jianjie>img{
    width: 610px;
    height: 438px;
    float: left;
}
.jianjie-box{
    width: 565px;
    float: right;
}
.jianjie-box>h2{
    color: #044BB5;
    font-weight: bold;
    font-size: 35px;
}
.jianjie-box>h3{
    font-size: 25px;
    margin-top: 10px;
}
.jianjie-box>div{
    height: 265px;
    overflow: hidden;
}
.jianjie-box>a{
    background-color: #007aff;
    color: white;
    padding: 5px;
    margin-top: 20px;
    display: block;
    width: 135px;
    font-size: 15px;
    border-radius: 4px;
}


/* 优势 */
.indedxs-youshi{}
.youshi-box{}
.ys-box{
    width: 299px;
    float: left;
    text-align: center;
}
.ys-box h2{
    text-align: CENTER;
    color: white;
    font-weight: 700;
    font-size: 50px;
    margin-top: 50px;
}
.ys-box h4{
    color: white;
    text-align: CENTER;
    margin-bottom: 50px;
}
.ys-bx{
    width: 1px;
    height: 87px;
    float: left;
    background-color: white;
    margin-top: 60px;
}


/*新闻中心*/
.news-box{
    padding: 50px 0px 0px;
}
.newspbx{}
.newspbx>h3{
    text-align: center;
    color: #044BB5;
    font-size: 35px;
    font-weight: 700;
}
.newspbx>h2{
    text-align: center;
    font-size: 25px;
    color: black;
    /*font-weight: bold;*/
    line-height: 20px;
    margin-bottom: 15px;
}
.news-box-d1{}
.news-box-d1-d1{
    width: 370px;
    float: left;
    margin-right: 45px;
}
.news-box-d1-d1:nth-child(3n+3){
    margin-right: 0px;
}
.inews-title{}
.inews-title>img{
    float: left;
}
.inews-title h3{
    font-size: 21px;
    margin-left: 5px;
    float: left;
    line-height: 20px;
    font-weight: bold;
    margin-top: 3px;
}
.inews-title a{
    float: right;
    font-size: 15px;
    margin-top: 3px;
}
.i-news-img{
    margin-top: 10px;
    height: 129px;
    width: 100%;
}
.i-news-t-box{
    margin-top: 10px;
}
.i-news-title{background: url(../images/2020-03-15_195049.jpg) no-repeat left -1px;padding-left: 25px;padding-bottom: 10px;}
.i-news-title a{}
.i-news-title h3{
    color: black;
}
.i-news-title p{
    font-size: 15px;
    color: #989898;
}

/* 合作伙伴 */
.i-hezuo{
    margin-top: 20px;
    margin-bottom: 20px;
}
.i-hezuobox{}
.i-hezuobox>h3{
    text-align: center;
    color: #044BB5;
    font-size: 35px;
    font-weight: 700;
}
.i-hezuobox>h2{
    text-align: center;
    font-size: 25px;
    color: black;
    /*font-weight: bold;*/
    line-height: 20px;
    margin-bottom: 15px;
}
.i-hezuoimgbox{
    margin-top: 20px;
}

/*底部*/
.public-btm{
    background-color: #333333;
}
.bottom-box{
    padding: 50px 0px;
}
.bottom-box>img{
    width: 150px;
    float: left;
    margin-left: 120px;
}
.bottom-box-d1{
    width: 400px;
    float: left;
    color: white;
    margin-left: 20px;
}
.bottom-box-d1 p{
    margin-bottom: 5px;
}
.bottom-box-d2{
    width: 1px;
    float: left;
    height: 150px;
    background-color: white;
    margin-left: 25px;
    /* margin-top: 12px; */
}
.bottom-box-d3{
    margin-left: 25px;
    width: 400px;
    float: left;
    color: white;
}
.bottom-box-d3 p{
    margin-bottom: 5px;
}
.bottom-box-d3 p a{
    color: white;
}