*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;color: #333;}
body{ position: relative; font: 14px/1.5 Microsoft YaHei, arial, 微软雅黑, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}



@font-face { font-family: 'impact';src: url('../font/impact.ttf');font-weight: normal; font-style: normal;}
.ty_content{ width: 1200px; margin: 0 auto;}
.more-title{ width: 100%;}
.left{
    float: left;
}
.right{
    float: right;
}

.header{width: 1200px;height: 130px;margin:0 auto;}

.header .logo{height: 62px;float: left;padding-top: 17px;}
.header .logo img{width: 100px}


.header .text{
    width: 239px;
    height: 70px;
    float: left;
    padding-top: 29px;
    padding-left: 20px;
}
.header .text .t1{font-size: 34px;font-weight: bold;color: #333;}
.header .text .t2{font-size: 12px;color: #666666;margin-top: 2px;}


.header .header-3{  height: 78px; line-height: 78px;width:860px;float: left;padding-top:23px;}
.header .header-3 .content nav .xz{ position: relative; display: inline-block; vertical-align: middle; text-align: center; margin-left:75px;}
.header .header-3 .content nav .xz i{ color: #333; font-size: 16px;letter-spacing:1px;}
.header .header-3 .content nav .xz:before{ content: ""; position: absolute; left: 50%; top: 60px; transition: all .3s ease; width: 0; height: 3px; background: #0190fd;}
.header .header-3 .content nav .xz.on i,.header .header-3 .content nav .xz:hover i{ color: #0190fd;font-size: 16px;font-weight: bold;}

.header .header-3 .content nav .xz.on i{font-weight: bold;}


.header .header-3 .content nav .xz.on:before,.header .header-3 .content nav .xz:hover:before{ width: 100%; left:0;}
.header .header-3 .content nav a:last-child{ margin-right: 0;}
.header .header-3 .content nav .xz ul{ display: none; position: absolute; left: 50%; top: 77px; z-index: 999; transform: translateX(-50%); width: 151px; border: 1px solid rgb(216, 216, 216); background-color: rgba(255, 255, 255, 0.859); padding: 15px 0;}
.header .header-3 .content nav .xz ul li{ font-size: 16px; color: #666; line-height: 16px; margin-top: 20px;}
.header .header-3 .content nav .xz ul li:first-child{ margin-top: 0;}
.header .header-3 .content nav .xz ul li:hover{ color: #0190fd;}



.banner-index{ font-size: 0;overflow: hidden;    width: 100%;  }
.banner-index img{ width: 100%;line-height: 0;}
.slideBox{ width: 100%;overflow: hidden; position: relative;}
.slideBox .hd{ height: 12px; overflow: hidden; position: absolute; left: 46.5%; bottom: 23px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; width: 12px; height: 12px;margin-right: 10px; cursor: pointer;background: #ccc;border-radius: 50%;}
.slideBox .hd ul li.on{background: #666666;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li:first-child{ display: block;}
.slideBox .bd ul li{ display: none;}


.module{
    height: 310px;
    margin-top: 50px;
}
.module .top{
    text-align: center;
    width: 300px;
    background-position-y: 37px;
    background-position-x: 20px;
    margin: 0 auto 40px;
}
.module .top b{display: block;font-size: 38px;}

.module .nr{
    width: 1060px;

}
.module .li{
    margin-right: 30px;
    width: 330px;
    background: #808080;
    height: 200px;
}


.module .li .mr{
    margin-top: 17%;
}
.module .li .mr .tile{
    color: #fffefe;
    font-size: 24px;
    text-align: center;
}

.module .li .mr .x{

    border-bottom:  solid 1px #fffefe;
    width: 48%;
    margin: auto;
    margin-bottom: 5px;
    margin-top: 5px;
}

.module .li .mr .b{
    color: #fffefe;
    text-align: center;
    font-size: 16px;
}
.module .li:hover
{
    background-color:#00a0e9;
}






.modal_2{height: 560px;    margin-top: 32px;}
.modal_2 .top{
    text-align: center;
    width: 300px;
    background-position-y: 37px;
    background-position-x: 20px;
    margin: 0 auto 40px;
}
.modal_2 .top b{display: block;font-size: 38px;}
.modal_2 li{float: left;}
.modal_2 .jt{margin-top: 65px;
    margin-right: 20px;
    margin-left: 20px;

}







.case{height: 370px;    margin-top: 32px;}
.case .top{
    text-align: center;
    width: 300px;
    background-position-y: 37px;
    background-position-x: 20px;
    margin: 0 auto 40px;
}
.case .top b{display: block;font-size: 38px;}
.case .mr{
    background: #00a0e9;
    height: 213px;
    width: 300px;
}
.case .mok{
    position: relative;
    height: 213px;
    width: 285px;
}

.case .ho{
    position: absolute;
    background: #00a0e985;
    height: 213px;
    width: 300px;
    top: 0;
    display: none;
    text-align: center;
    line-height: 220px;
}
.case .ho h3{
    color: #fff;
    font-size: 18px;
}

.case .mr img{
    width: 100%;
    height: 213px;
}
.case li{
    margin-right: 20px;
}



.about{height: 518px;    margin-top: 80px;}
.about .top{
    text-align: center;
    width: 300px;
    background-position-y: 37px;
    background-position-x: 20px;
    margin: 0 auto 60px;
}
.about .top b{display: block;font-size: 38px;}
.about .nr .left{
    width: 58%;
}
.about .nr .left h3{
    color: #0190fd;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.about .nr .left p{
    line-height: 25px;
    margin-bottom: 8px;

}
.about .nr .right{
    width: 34%;
    background: #0190fd;
    height: 330px;
}



.partner{height: 1010px;padding-top: 60px;}

.partner .top{
    text-align: center;
    width: 300px;
    background-position-y: 37px;
    background-position-x: 20px;
    margin: 0 auto 60px;
}
.partner .top b{display: block;font-size: 38px;}



.partner .nr{width: 1400px;margin: auto;}
.partner .nr ul li{width: 226px;margin-right: 7px;float: left;height: 115px;
    background: #00a0e9;
}



.left{ float: left;}
.right{ float: right;}


.db .bottom_1{
    
    height: 377px;
    padding-top: 30px;
    background: #333;
}

.db .bottom_1 .nr{
    width: 1200px;
    margin: auto;
    padding-top: 20px;
    height: 310px;

}
.db .bottom_1 .nr .a_1{
    width: 150px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}
.db .bottom_1 .nr .a_1 img{
    width: 150px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.db .bottom_1 .nr .a_2{
    width: 140px;
    margin-left: 100px;
}
.db .bottom_1 .nr .a_2 .x{
    border-bottom: solid 1px #fff;
    margin: 8px 0 8px 0;
}
.db .bottom_1 .nr .a_2 b{
    font-size: 20px;
    color: #fff;
    margin-left: 15px;
}
.db .bottom_1 .nr .a_2 ul li{
    padding-left: 15px;
    margin-bottom: 15px;
    color: #fff;
}
.db .bottom_1 .nr .a_2 ul li a{
    font-size: 16px;
    color: #fff;

}
.db .bottom_1 .bottom_2 a{color: #fff;}
.db .bottom_1 .bottom_2{
    font-size: 16px;
    color: #fff;
    text-align: center;
}