body{margin: 0px auto; padding: 0px; font-size: 14px; line-height:28px; color: #333; font-family:Microsoft YaHei; box-sizing: border-box; overflow-x: hidden;
}
*{box-sizing: border-box; }
div{margin: 0px; padding: 0px;}
span, p, h3{margin: 0px; padding: 0px;}
img{margin: 0px; padding: 0px;}
dl,dt,dd,ol,ul,li, h2 {margin: 0px; padding: 0px; list-style: none;}
img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
form,input,select{margin: 0px; padding: 0px;}
ul{list-style-type: none;}
a{text-decoration: none; color:#333; font-size: 14px;}
a:hover{color:#0844be; text-decoration:blink; font-size: 14px;}
.cp img{border:solid #ddd 2px;}
.cp a:hover img{border:solid #0abd56 2px;}
.fr{ float:right;}
.fl{ float:left;}
.kg{width:1300px; height:20px;}
.kg1{width:1300px; height:30px; margin:0 auto;  overflow:hidden;}
.kg2{width:1300px; height:40px; margin:0 auto;  overflow:hidden;}
.kg80{width:1300px; height:80px; margin:0 auto;  overflow:hidden;}
.kg70{width:1300px; height:50px; margin:0 auto;  overflow:hidden;}
.bz,.w1200{ width:1200px; margin: 0 auto;overflow: hidden;}
.bz1,.box{ width:1200px; margin: 0 auto;}
.clear{height:0; overflow:hidden; clear:both;  }
.ny_bj{ width:100%;
    background: #f8f8f8;
    padding-top: 40px;
    padding-bottom: 50px;
    box-shadow: inset 0 5px 10px 0 #ddd;
}
.mod1318,.yying{
    box-shadow: inset 0 5px 10px 0 #ddd;
    padding-top: 20px;
}
.flex{
    display: flex;
}
/*preface*/   
.preface{ font-size: 26px; margin-top: 85px;margin-right: 30px;}
.pre_d{ padding-left: 10px;font-size: 42px;
    color: #000; margin-bottom: 30px}
.pre_d b{ color: #2460ac; font-weight: normal;}
.pre_d span{ font-family: Arial; font-size: 14px; color: #888;text-transform:uppercase;}
.pre_w{ font-size: 16px; color: #7f7f7f; line-height: 26px; font-weight: lighter; padding-left: 10px;    max-width: 615px;}
.pre_x{ width: 50px; height: 2px; background: #008fd7; margin-top: 15px; margin-left: 12px;}
.pre_b{ width:636px; margin-top: 34px;padding-left: 10px;    padding-bottom: 5px;}
.pre_b li{ flex: 1; margin: 0 auto; float: left; margin-right: 15px;    box-shadow: 0 0 10px 0 #ddd;
    padding: 30px 0 17px;transition: all 0.5s;}
.pre_b li:hover{box-shadow: 0 0 5px 0 #999;}
.pre_b li:last-child{margin-right: 0;}
.pre_t{width: 63px; height: 63px;margin: 0 auto;text-align: center;}
.pre_wz{ padding-left: 15px; padding-right: 15px; font-size: 12px; color: #888; line-height: 26px; margin-top: 20px;height: 104px;
    overflow: hidden;}
.preface_y{ margin-top:82px;}
.pre_wz_t{text-align: center;font-weight: bold;color: #000000;font-size: 16px;}
/*product*/  
.product_bg {position: relative; width: 100%; background: #f8f8f8; margin-top: 88px; }
.pord_dh{ overflow: hidden;}
.pord_dh_z{ font-size: 16px; color: #666; position: relative;}
.pord_dh_z b{ font-size: 36px; color: #333;line-height:55px;}
.pord_dh_z span{ color: #2460ac;}
.pord_dh_y{ margin-top:40px;}
.pord_dh_y a{ font-size: 16px; color: #666;}
.pord_dh_y a:hover{ color: #008fd7;}
.pord_cp{ overflow: hidden; margin-top: 40px;}
.pord_cp_z{ overflow: hidden;background: #fff; padding:55px; }
.pord_cp_zb{}
.pord_cp_wz{ width: 400px; margin-right: 60px; padding-top: 10px;}
.pord_cp_dh{ font-size: 38px;
    margin-top: 30px;
    position: relative;
    color: #000000;}
.pord_cp_wz1{
    font-size: 20px;
    color: #969696;
    line-height: 40px;
    margin-top: 35px;
    height: 80px;
    overflow: hidden;
}
.pord_cp_gd{ width: auto;border-radius: 5px; padding: 8px 32px; background: #2460ac; margin-right: 15px; margin-top: 40px; text-align: center;}
.pord_cp_lj{width: 120px; height: 42px; background: #666666; margin-top: 25px; line-height: 42px; text-align: center;}
.pord_cp_gd a{color: #fff;    font-size: 20px;}
.pord_cp_gd:hover a{color: #fff;}
.pord_cp_lj a{color: #fff;}
.pord_cp_lj:hover a{color: #fff;}
.pord_cp_gd:hover,.pord_cp_lj:hover{animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;}
.pord_dh_z_title{
    color: #000000;
    font-size: 38px;
    font-weight: bold;
    margin-bottom: 10px;
}
@keyframes shake {
10%, 90% {
    transform: translate3d(-1px, 0, 0);
}
20%, 80% {
    transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
}
40%, 60% {
    transform: translate3d(4px, 0, 0);
}
}
.pord_cp_y{ width:432px; background:#fff; height: 430px;}
.pord_y_w{ color: #888; padding: 25px;}
.pord_y_w a{font-size: 20px; color: #333;line-height: 30px;}
.pord_y_w a:hover{ color: #008fd7;}


.mod1402 .tempWrap{
    width: 1300px !important;
    margin: 0 auto;
}

       .mod1125 .showbox{
            width: 502px !important;
    height: 502px !important;

        }

       .fenye{
           display: flex;
           justify-content: center;
           margin-bottom: 30px;
       }

.fenye li{
    border: 1px solid #ddd;
    margin-right: 5px;
}

.fenye li.active{
    border-color: #008fd7;
}

.fenye li.active a{
    color: #008fd7;
}

.fenye li a{
    display: block;
    padding: 5px 15px;
}