body, th, td, .p1, .p2 {















    font-family: '微软雅黑', 'arial'















}































body, p, form, ol, ul, li, dl, dt, dd, h3, h4, table, img {















    margin: 0;















    padding: 0;















    list-style: none;















    border: 0;















}































input {















    padding-top: 0;















    padding-bottom: 0;















    -moz-box-sizing: border-box;















    -webkit-box-sizing: border-box;















    box-sizing: border-box















}































img {















    display: block;















    width: 100%;















}































em {















    font-style: normal;















}































body {















    background: #fff;















    color: #282828;















    font-size: 12px;















    line-height: 22px















}































a {















    text-decoration: none;















    color: #282828;















}































a:hover {















    text-decoration: none;















    color: #72c0f8;















}































.cont{

    /*text-align: justify;

    text-align-last: justify;*/

}

.cont::after {

     display: inline-block;/*行内元素*/

     content: '';

     width: 100%;    

  	  height: 0;

     visibility: hidden;

}



.fl {



    display: inline-block;



    width: 250px;



    border: 1px solid #9c9c9c;



    vertical-align: top;



    margin: 0;



   /* text-align-last: auto;*/



    padding: 15px 20px;



    border-radius: 5px;



    overflow: hidden;



    position: relative;



    margin-bottom: 10px;

	  margin-right: 25px;













}







.cont  .fl {



    margin-bottom: 35px;



    min-height: 256px;



}































.addfl{















    position: absolute;















    width: 100px;















    height: 100px;















    background: #2A93AB;















    color: #fff;















    border-radius: 50%;















    top: -50px;















    left: -50px;















}































.addfl span{















    position: absolute;















    bottom: 15px;















    right: 25px;















}































.listConImg{















    width: 100px;















    height: 90px;















    margin:  0 auto;















}































.listConImg img{















    vertical-align: middle;















}































.listConText{















    margin-top: 10px;















}































.listConText h4{















    text-align: center;















}































.listConText p{















    font-size: 15px;















    line-height: 20px;















}































.title h3{















    font-size: 26px;















    color: #fff;















}































.fr {















    float: right;















}































.clr {















    clear: both;















}































.container {















    width: 1300px;















    margin: 0 auto;















}































.title0{















    text-indent: 2em;















}































.title0 span{















    font-size: 22px;















    line-height: 60px;















    padding-right: 20px;















}































.title0 span:first-child{















    color: #72c0f8;















}























.part3{







    display: none;







}























.content {















    margin: 30px auto 0;















    line-height: 25px;















    font-size: 18px;















}















.sotre h1{



    font-size: 30px;



}











.sotre-ul{



    text-align: justify;



    text-align-last: justify;



}


.sotre-ul::after{
    display: inline-block;
    content: '';
    width: 100%;
}




.sotre-ul li{



    text-align-last: auto;



    display: inline-block;



    width: 31%;



    margin: 25px auto;



    vertical-align: top;



}







.sotre-ul li:hover{



    box-shadow: 2px 2px 20px rgb(231, 229, 229);



}







.sotre-ul li:last-child{



    width: 65.5%;



}











.sotre-ul li h4{



    font-weight: 300;



    font-size: 22px;



    color: #00b4e6;



    margin-bottom: 20px;



}







.sotre-ul li h4 span{



    position: relative;



    display: inline-block;



    height: 2px;



    width: 100px;



    background-color: #00b4e6;



    vertical-align: middle;



    margin-left: 20px;



}







.sotre-ul li h4 span::before{



    content: '';



    width: 6px;



    height: 6px;



    border-radius: 50%;



    background-color: #00b4e6;



    position: absolute;



    top: -2px;



    left: 0px;



    text-align: center;



    line-height: 20px;



}







.sotre-ul li h4 span::after{



    content: '01';



    width: 20px;



    height: 20px;



    border-radius: 50%;



    border: 2px solid #00b4e6;



    color: #00b4e6;



    position: absolute;



    top: -10px;



    right: -22px;



    text-align: center;



    line-height: 20px;



    font-size: 14px;



}







.sotre-ul li:nth-child(2) h4 span::after{



    content: '02';



}







.sotre-ul li:nth-child(3) h4 span::after{



    content: '03';



}







.sotre-ul li:nth-child(4) h4 span::after{



    content: '04';



}







.sotre-ul li:nth-child(5) h4 span::after{



    content: '05';



}







.sotre-ul li:nth-child(6) h4 span::after{



    content: '06';



}







.sotre-ul li:nth-child(7) h4 span::after{



    content: '07';



}







.sotre-ul li:nth-child(8) h4 span::after{



    content: '08';



}







.sotre-ul li p{



    font-size: 16px;







}







.introduce{







    /* background-color:rgb(221, 202, 238); */







    width: 60%;







    margin: 10px auto;







}















.int{







    text-align: justify;







    text-align-last: justify;







}






.int::after{
    content: '';
    width: 100%;
    height: 0;
    display: inline-block;
    visibility: hidden;
}








.int>li{







    width: 45%;







    display: inline-block;







    text-align-last: auto;







}















.intSon {







    text-align: justify;







    text-align-last: justify;







}















.intSon li{







    text-align-last: auto;







    display: inline-block;







    width: 45%;







    vertical-align: middle;







    margin: 20px 0;







    font-size: 16px;







}















.intBt{







    padding: 3%;







    width: 35% !important;







    border-radius: 10px;







    border: 2px dashed #1E8DA6;







}















.int li:nth-child(2) .intBt{







    border: 2px dashed #033946;







}















.int li:nth-child(3) .intBt{







    border: 2px dashed #033946;







}















.intBt span{
    display: block;
    height: 24px;
    background-color: #1E8DA6;
    color: #fff;
    text-align: center;
    line-height: 24px;
    width: 100% ;
    border-radius: 10px;
    margin: 0 auto;
    font-size: 20px;
    padding: 88px 0;
}















.int li:nth-child(2) .intBt span{







    background-color: #033946;







}















.int li:nth-child(3) .intBt span{







    background-color: #033946;







}























.tab {



    width: 1300px;



    margin: 40px auto 100px;



}















/* .tab table{







    border-collapse: collapse;







    border: 1px solid #9c9c9c;







} */























.tab th,.tab td{







    padding: 10px 15px;







    text-align: center;







    border: 6px solid #D7D7D7;







}















.tab th{







    border-bottom: none;







    color: #fff;







    font-size: 18px;







}















.tab th:nth-child(odd){







    background-color:#1E8DA6;







}















.tab th:nth-child(even){







    background-color: #033946;







}























.tab td{







    font-size: 16px;







}















.tab th:nth-child(1),.tab th:nth-child(2),.tab th:nth-child(3),







.tab td:nth-child(1),.tab td:nth-child(2),.tab td:nth-child(3){







    border-right: none;







}































.show {















    display: block !important;















}































.hide {















    display: none;















}































body {















    width: 100%;















    min-width: 1280px;















}































body {















    width: 100%;















}































.nav {















    width: 100%;















    padding: 5px 0;















    background: #2b2b2b;







    z-index: 9;















}































.nav-logo {















    padding: 7px;















    width: 160px;















    height: 35px;















}































.nav li {















    position: relative;















    float: left;















    padding: 0 30px;















}































.nav li.cur {















    /*background: url(../images/1.jpg) no-repeat bottom center;*/















}































.nav li a {















    color: #fff;















    line-height: 49px;















}































.nav li > a:hover {















    color: #14b9e0;















}































.nav li.cur > a:hover {















    color: #fff;















}































.navCon {















    position: absolute;















    padding: 4px;















    background: #1f1f1f;















    background: rgba(31, 31, 31, 0.9);















    width: 146px;















    left: -17px;







z-index: 999;







    top: 49px;















    display: none;















}































.nav .navCon a {















    display: block;















    text-align: center;















    line-height: 32px;















}































.nav .navCon a:hover {















    background: #14b9e0















}































.footer {















    width: 100%;















    background-color: #2b2b2b;















    padding: 8px 0;















    color: #9c9c9c;















    text-align: center;















}































.footer img {















    float: left;















    width: 20px;















    margin: 1px 5px;















}































.footer span {















    display: inline-block;















}































.footer p a {















    color: #9c9c9c;















    text-decoration: underline















}































.bannerCase {















    width: 100%;















    height: 430px;















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















}































.bannerPartner {















    width: 100%;















    height: 430px;















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















}































.banner {















    width: 100%;















    height: 430px;















}





.banTxt{



   color: #fff;

    text-align: center;

    font-size: 65px;

    height: 80px;

    line-height: 80px;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 650px;

    margin: auto;

}

@media screen and (min-width: 1440px){

    .banTxt{

        font-size: 80px;

    }

}



.addBox{



    position:absolute;



    top:0;



    bottom:0;



    left:300px;



    right:0;



    margin:auto;



    text-align:center;



    color: #fff;



    width: 850px;



    height: 200px



}































.addBox p{















    font-size: 18px;















    line-height: 30px;















}































.bannerProduct {





    position: relative;









    width: 100%;















    height: 430px;















    background: url(../images/banner11.png) no-repeat center top #00b4e6;















}































.scrollTop {















    position: fixed;















    right: 45px;















    bottom: 50px;















    width: 37px;















    height: 73px;















    display: none;















}































.scrollTop a {















    display: block;















    width: 37px;















    height: 73px;















    overflow: hidden;















    text-indent: -9999em;















    background: url(../images/top.png) no-repeat 0px 0px;















}































.scrollTop a:hover {















    background-position: -43px 0px;















}