@charset "utf-8";
*{padding:0px; margin:0px;}
body{font-size:14px; color:#555; font-family:"Microsoft YaHei",Arial,Tahoma,sans-serif;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td{margin:0; padding:0; font-style:normal;}
h1,h2,h3,h4,h5,h6{list-style:none;}
input,select,button,textarea{font-size:14px; border:0; background:none; outline:none; vertical-align:middle; font-family:"Microsoft YaHei",Arial,Tahoma,sans-serif;}
button{overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#000; text-decoration:none;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
a:hover{color:#00b7ee; text-decoration:none !important;}
.clear{overflow:hidden; clear:both; height:0px;}
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background-color:#000;}
::-webkit-scrollbar-thumb{background-color:#aaa;}
::-webkit-scrollbar-thumb:hover{background-color:#5b5b5b;}
::-webkit-scrollbar-thumb:active{background-color:#00b7ee;}
@media only screen and (max-width:992px){
body{font-size:13px;}
input,select,button,textarea{font-size:13px;}
input,textarea{-webkit-appearance:none; border-radius:0;}
}

@media only screen and (max-width:992px){
html.on{width:100%; height:100%; position:fixed; top:0; left:0; overflow:hidden;}
}

body{background-position:center; background-attachment:fixed; background-repeat:no-repeat; background-size:cover;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
@media only screen and (max-width:992px){
body.on{transform:translateX(-60%);
-webkit-transform:translateX(-60%);
-moz-transform:translateX(-60%);
-ms-transform:translateX(-60%);
-o-transform:translateX(-60%);}
}

@media only screen and (max-width:992px){
.sj_bj{width:100%; height:100%; background-color:rgba(0,0,0,.5); position:absolute; top:0; left:0; content:""; z-index:99999; display:none;}
}
.topest{
    line-height:35px;
    text-align: right;
    background-color: #3e3429;
    color: #fff;
}
.topest a{
    color: #fff;
}
.header{width:100%; background-color:#fff; 
    /* position:fixed; top:0; left:0;  */
    z-index:9999;height: 110px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;
padding: 0 80px;
box-shadow:0 0 10px #ddd;
}
/* .header.on{box-shadow:0 0 10px #ddd; background-color:#fff;} */
.header .logo{ float:left; margin:20px 0; position:relative;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
/* .header.on .logo{margin:20px 0;} */
.header .logo img{width:100%; height:auto; display:block;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.heade.on .logo img{opacity:0;}
.header .logo img.d_w{position:absolute; top:0; left:0; opacity:0;}
/* .header.on .logo img.d_w{opacity:1;} */
.header .language{float:right; height:32px; text-align:center; line-height:32px; color:#fff; margin-top:34px; margin-left:25px; cursor:pointer; position:relative; z-index:9;}
/* .header.on .language{color:#555;} */
.header .language .l_m i{display:inline-block; vertical-align:middle; margin-top:-2px; margin-right:5px;}
.header .language .x_l{width:120px; padding-top:8px; position:absolute; top:58px; left:50%; margin-left:-60px; display:none;}
.header .language .x_l:before{width:0; height:0; border-right:10px solid transparent; border-left:10px solid transparent; border-bottom:8px solid #535352; content:""; position:absolute; top:0; left:50%; margin-left:-10px;}
.header .language .x_l ul{padding:5px 15px; background-color:#535352;}
.header .language .x_l ul li a{color:#ddd; line-height:36px; display:block;}
.header .language .x_l ul li a:hover{color:#00b7ee;}
.header .s_ch{height:32px; font-weight:bold; line-height:32px; text-align:center; color:#fff; margin-top:34px; margin-left:15px; float:right; cursor:pointer;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
/* .header.on .s_ch{color:#555;} */
.header .s_ch i{font-size:22px;}
.header .s_ch:hover{color:#00b7ee;}
.header .an{position:absolute; top:50%; margin-top:-12px; right:15px; height:22px; width:30px; display:none;}
.header .an span{width:30px; height:2px; background-color:#555; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:10px; left:0;}
.header .an span.a3{top:20px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:10px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:10px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .nav{float:right;line-height: 110px;}
.header .nav ul{float:left;}
.header .nav ul li{margin:0; float:left; position:relative;padding: 2px 15px;}
.header .nav ul li:after{width:0; height:2px; background-color:#00b7ee; position:absolute; left:50%; bottom:0; content:"";
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
/* .header .nav ul li:hover:after{width:100%;} */
/* .header .nav ul li.on:after{width:100%;} */
.header .nav .y_j{position:relative;}
.header .nav .y_j i{display:none;}
.header .nav .y_j a{display:inline-block; font-size:18px; color:#000; text-transform:uppercase; font-weight: lighter;}
/* .header.on .nav .y_j a{color:#555;} */
/* .header .nav ul li:hover .y_j a{color:#00b7ee;} */
/* .header .nav ul li.on .y_j a{color:#00b7ee;} */
.header .nav ul li.on {color: #fff;border-radius: 15px;}
/* .header .nav ul li.on a{color: #fff;} */

.header .nav .e_j{width:150px; padding:10px 0; background-color:#fff; box-shadow:0 0 5px #aaa; position:absolute;top:110px; left:50%; margin-left:-75px; opacity:0; visibility:hidden;z-index: 9999;
transform:translateY(10px);
-webkit-transform:translateY(10px);
-moz-transform:translateY(10px);
-ms-transform:translateY(10px);
-o-transform:translateY(10px);
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .nav ul li:hover .e_j{opacity:1; visibility:inherit;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);}
/* .header-h{
    height: 160px;
} */
.header .nav .e_j a{font-size:14px; line-height:36px; text-align:center; display:block;}
@media only screen and (max-width:992px){
    .header .nav ul li.on {background-color: transparent;}
    /* .header-h{height: 90px;} */
.header{background-color:#fff; position:fixed; top:auto; left:auto;}
.header.on{box-shadow:none;}
.header .logo{width:60px; margin:15px 0;}
/* .header.on .logo{margin:20px 0;} */
.header .logo img{width:100%; height:auto; display:block; opacity:0;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .logo img.d_w{opacity:1;}
.header .language{float:right; height:32px; font-size:15px; text-align:center; line-height:32px; color:#fff; margin-top:21px; margin-left:0; margin-right:50px; color:#555;}
.header .s_ch{margin-top:20px; margin-left:0; float:left;}
.header .an{display:block; right:39px;}
.header .nav{width:60%; height:100%; padding:10px 5% 0; margin:0; background-color:#141414; height:100%; position:fixed; top:0; right:-60%; z-index:9999; overflow:auto;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .nav ul{width:100%; float:none;}
.header .nav ul li{width:100%; height:auto; line-height:50px; text-align:left; border-bottom:1px solid rgba(255,255,255,.1); float:none; padding:5px 0; margin:0;}
.header .nav ul li:after{display:none;}
.header .nav .y_j i{display:block; width:100%; padding-right:10px; position:absolute; top:0; right:0; font-size:14px; text-align:right; color:#fff; line-height:50px; z-index:99;}
.header .nav .y_j a{line-height:50px; color:#fff;}
.header .nav ul li:hover .y_j a{color:#fff;}
.header .nav ul li.on .y_j a{color:#fff;}
.header .nav .e_j{width:100%; background:none; box-shadow:none; position:relative; left:auto; top:auto; padding:5px 0; margin-left:0; opacity:1; visibility:inherit; display:none;
transform:none;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;
transition:none;
-o-transition:none;
-ms-transition:none;
-moz-transition:none;
-webkit-transition:none;}
.header .nav ul li:hover .e_j{transform:none;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;}
.header .nav .e_j a{line-height:32px; text-align:left; color:#fff;}
}
@media only screen and (max-width:640px){
.header .an{right:15px;}
}
@media only screen and (max-width:320px){
.header .logo{width:168px;}
.header .language{margin-top:19px; margin-right:45px;}
}



.head_h{width:100%; height:86px; background-color:#fff; overflow:hidden;}
@media only screen and (max-width:992px){
.head_h{display:block;}
}

.indexA{
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #CB3B3D;
}
/* .indexA .link{
    display: block;
    line-height: 50px;
    padding: 0 15px;
    border: 1px solid #fff25b;
    border-radius: 25px;
    position: absolute;
    color: #fff25b;
    right: 5%;
    top: 5%;
    font-size: 24px;
    font-weight: lighter;
} */
.indexA .container{
    position: relative;
}
/* .indexA .link{
    display: block;
    position: absolute;
    right: 5%;
    top: 5%;
    width: 150px;
} */
.indexA .link{
    display: block;
    line-height: 33px;
    padding: 0 25px;
    background-color: #CB3B3D;
    border-radius: 26px;
    border: 1px solid #EDA74E;
    font-size: 16px;
    position: absolute;
    top: 4%;
    right: 1%;
    color: #EDA74E;
}
.indexA img{
    max-width: 100%;
}
.indexB{
    overflow: hidden;
    background-color: #fff;
}
.indexB img{
    max-width: 100%;
}
.indexC{
    overflow: hidden;
    position: relative;
    background-color: #D9D8D7;
}
.indexC img{
    max-width: 100%;
}
.indexC .icons{
    width: 97%;
    position: absolute;
    top: 16%;
}
.indexC .icons .row li{
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

.indexC .icons .row li img{
    width: 190px;
}
/* .indexC .link{
    display: block;
    line-height: 50px;
    padding: 0 15px;
    border: 1px solid #454e50;
    border-radius: 25px;
    position: absolute;
    color: #454e50;
    right: 5%;
    top: 2%;
    font-size: 24px;
    font-weight: lighter;
    background-color: #fff;
} */
/* .indexC .link{
    display: block;
    position: absolute;
    right:0;
    top: 2%;
    width: 150px;
} */
.indexC .link{
    display: block;
    line-height: 33px;
    padding: 0 25px;
    background-color: #fff;
    border-radius: 26px;
    border: 1px solid #5F5F5F;
    font-size: 16px;
    position: absolute;
    top: 4%;
    right: 1%;
    color: #5F5F5F;
}
.indexC .link:hover{
    color: #00b7ee;
}
.indexC .container{
    position: relative;
}
.indexD {
    overflow: hidden;
}
.indexD .t_p img{
    max-width: 100%;
}
.d-item .slt{
    overflow: hidden;
}
.d-item{
    box-shadow: 0 0 2px 2px #f3f4f6;
    margin-bottom: 40px;
}
.d-item img{
    max-width: 100%;
}
.d-item:hover .w_z{
    background-color: #e8374c;
}
.d-item:hover .w_z{
    color: #fff;
}
.slt img{
    width: 100%;
    transition: all ease .5s;
}
.d-item:hover img{
    transform: scale(1.1);
}
.d-item .w_z{
    display: block;
    padding: 15px 0;
    text-align: center;
}
.d-item.w_z1{
    font-size: 18px;
    font-weight: bold;
}
.d-item .w_z2{
    font-size: 16px;
}
.you{
    margin: 0 auto;
    text-align: center;
}
.you img{
    width: 40%;
}
.indexE {
    margin-top: 100px;
    position: relative;
}
.top{
    position: relative;
}
.indexE .t_p img{
    width: 100%;
}
.indexE .container{
    position: relative;
}
/* .indexE .link{
    display: block;
    line-height: 50px;
    padding: 0 15px;
    border: 1px solid #454e50;
    border-radius: 25px;
    position: absolute;
    color: #454e50;
    right: 5%;
    bottom:5%;
    font-size: 24px;
    font-weight: lighter;
    background-color: #fff;
} */


/* .indexE .link{
    display: block;
    width: 150px;
    position: absolute;
    right: 5%;
    bottom:5%;
} */

.indexE .link{
    display: block;
    line-height: 33px;
    padding: 0 25px;
    background-color: #fff;
    border-radius: 26px;
    border: 1px solid #5F5F5F;
    font-size: 16px;
    position: absolute;
    bottom: 4%;
    right: 1%;
    color: #5F5F5F;
}
.indexE .link:hover{
    color: #00b7ee;
}
.indexE .link img{
    width: 100%;
}
.indexE .n_r{
    margin-top: 60px;
}
.e-item{
    box-shadow: 0 0 2px 2px #f3f4f6;
    margin-bottom: 40px;
}
.e-item .slt{
    overflow: hidden;
}
.e-item .slt img{
    width: 100%;
    transition: all ease .5s;
}
.e-item .w_z{
    display: block;
    width: 100%;
    line-height: 50px;
    text-align: center;
    background-color: #f4f4f6;
    font-size: 13px;
}
.e-item .slt:hover img{
    transform: scale(1.1);
}
.indexF{
    overflow: hidden;
}
.indexF img{
    max-width: 100%;
}
.indexF{
    position: relative;
}
.indexF .more{
    display: block;
    line-height: 33px;
    padding: 0 25px;
    background-color: #fff;
    border-radius: 26px;
    border: 1px solid #000;
    font-size: 16px;
    position: absolute;
    bottom: 4%;
    right: 1%;
    color: #5F5F5F;
    border: 1px solid #5F5F5F;
}
.indexF .container{
    position: relative;
}
.indexF .more:hover{
    color: #00b7ee;
}

.indexG{
    overflow: hidden;
    margin-top: 90px;
}
.indexG .bt{
    height: 45px;
    font-size: 18px;
    background-color: #221714;
}
.indexG .bt .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.indexG .bt1{
    line-height: 45px;
    color: #fff;
}
.indexG .bt .more{
    display: block;
    line-height: 35px;
    padding: 0 25px;
    background-color: #fff;
    border-radius: 26px;
    font-size: 16px;
}

.indexG .n_r{
    margin-top: 80px;
}
.indexG .row li{
    padding: 0 5px !important;
}




.indexH{
    margin-top: 20px;
    overflow: hidden;
}
.indexH .b_t{
    text-align: center;
}
.indexH .w_z{
    font-size: 24px;
    line-height: 50px;
    margin-top: 15px;
}

.indexI{
    margin-top: 70px;
}
.indexI img{
    max-width: 100%;
}
.indexI .you{
    margin-top: 80px;
}
.indexI .t_p{
    text-align: center;
    background-color: #fff;
}

.indexJ{
    margin-top: 70px;
    background-color: #D9D9D8;
}
.indexJ img{
    max-width: 100%;
}
.indexK{
    overflow: hidden;
    background-color: #CB3B3D;
}
.indexK .t_p{
    margin: 50px auto 0;
    max-width: 800px;
    text-align: center;
}
.indexK img{
    max-width: 100%;
}

.indexL{
    overflow: hidden;
    padding-bottom: 60px;
}
.indexL .title{
    text-align: center;
    margin-top: 60px;
}
.indexL .title1{
    font-size: 36px;
    color:#000;
}
.indexL .title2{
    font-size: 28px;
    color: #000;
}
.indexL .title i{
    display: block;
    width: 120px;
    height: 3px;
    background-color: #1d2526;
    margin: 15px auto 0;
}

.indexL .n_r{
    margin-top: 70px;
}

.lx-item{
    padding: 50px 20px 0;
    border: 2px solid #ececec;
    min-height: 300px;
}
.lx-item .t_p{
    width: 100%;
    text-align: center;
}
.lx-item .t_p i{
    font-size: 60px;
    color: #e94650;
}
.lx-item .w_z{
    text-align: center;
}
.lx-item .w_z1{
    font-size: 24px;
    font-weight: bold;
}
.lx-item .w_z2{
    font-size: 18px;
    margin-top: 15px;
}

.footer{
    padding: 50px 0;
    background-color: #202121;
    color: #fff;
}
.footer:after{
    display: block;
    content: '';
    clear: both;
}
.footer .left{
    float: left;
}
.footer a{
    color: #fff;
    font-size: 14px;
}
.footer .f-nav ul{
    display: flex;
}
.footer .f-nav ul li{
    padding-right: 15px;
    border-right: 1px solid #fff;
    margin-right: 15px;
    font-size: 16px;
}


.footer .left .w_z1{
    font-size: 14px;
    margin-top: 20px;
}
.footer .left .w_z2{
    display: block;
    font-size: 14px;
    margin-top: 20px;
}
.footer .right{
    float: right;
   display: flex;
   align-items: center;
}
.footer .right .w_z{
    text-align: center;
}
.footer .right .w_z1{
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 15px;
}
.footer .right .w_z2{
    font-size: 15px;
}
.footer .right .t_p{
    margin-right: 10px;
}

.f-nav{
    font-size: 14px;
}
.neiye1 .bt{
    text-align: center;
}
.neiye1 .bt img{
    max-width: 1200px;
}
/* .neiye1 img{
    max-width: 100%;
    height: auto !important;
} */
.neiye1  .n_r{
    margin-top: 40px;
    padding-bottom: 80px;
}
.neiye1  .row li{
    padding: 0 5px !important;
}
.ny1-item{
    padding: 20px;
    border: 1px solid;
  border-color:rgba(95,95,95,.1);
    min-height: 290px;
    margin-bottom: 20px;
}
.ny1-item .t_p img{
    width: 100%;
}
.ny1-item .t_p a{
    display: block;
    margin: 0 auto;
    width: 55%;
}
.ny1-item .w_z{
    padding-top: 20px;
    font-size: 16px;
    font-weight: lighter;
}
.zmd{
    width: 100%;
    overflow: hidden;
}
.zmd .bd{
    font-size: 20px;
    line-height: 40px;
}
.ny1-item .w_z a{
    color: #006ebb;
}
.ny1-item:hover .w_z a{
    color: #cb3b3d;
}
.ny1-item:hover{
    border: 1px solid #cb3b3d;
}

/* .header{
    width: 1200px;
    margin: 0 auto;
}
.indexA{
    width: 1200px;
    margin: 0 auto;
}
.indexB{
    width: 1200px;
    margin: 0 auto;
}
.indexC{
    width: 1200px;
    margin: 0 auto;
}
.indexD{
    width: 1200px;
    margin: 0 auto;
}
.indexE{
    width: 1200px;
    margin: 0 auto;
}
.indexF{
    width: 1200px;
    margin: 0 auto;
}
.indexG{
    width: 1200px;
    margin: 90px auto 0;
}
.indexH{
    width: 1200px;
    margin: 0 auto;
}
.indexI{
    width: 1200px;
    margin: 0 auto;
}
.indexJ{
    width: 1200px;
    margin: 70px auto 0;
}
.indexK{
    width: 1200px;
    margin: 0 auto;
}
.you img{
    width: 45%;
}
.zmd{
    width: 1200px;
    margin: 0 auto;
} */



@media only screen and (max-width:992px){
    .topest{
        display: none;
    }
    .header{
        height: auto;
        padding: 0 10px;
    }
    .header-h{
        height: 56px;
    }
    .indexA .link{
        line-height: 20px;
        padding: 0 10px;
        font-size: 12px;
        right: 1%;
    }
    .indexC .link{
        line-height: 20px;
        padding: 0 10px;
        font-size: 12px;
        right: 1%;
        top: 1%;
        /* width: 50px; */
    }
    .indexE .link{
        line-height: 20px;
        font-size: 12px;
        padding: 0 10px;
    }
    .you{
        display: none;
    }
    .indexF .more{
        line-height: 20px;
        font-size: 12px;
        padding: 0 10px;
        right: 1%;
    }
    .indexG .bt .more{
        line-height: 20px;
        font-size: 12px;
        padding: 0 10px;
        right: 1%;
    }
    .indexG .bt{
        height: 50px;
        font-size: 20px;
    }
    .indexG .bt1{
        line-height: 50px;
    }
    .indexH .w_z{
        margin-top: 15px;
    }
    .footer .f-nav{
        display: none;
    }
    .footer .right{
        display: none;
    }
    .zmd .bd{
        font-size: 12px;
        line-height: 25px;
    }
}   


.e_m {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .9);
    z-index: 99999;
    display: none;
}

.e_m .n_r {
    width: 200px;
    padding: 10px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.e_m .n_r img {
    width: 100%;
    height: auto;
    display: block;
}

.e_m .n_r p {
    font-size: 15px;
    color: #888;
    margin-top: 10px;
}

.e_m2 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .9);
    z-index: 99999;
    display: none;
}

.e_m2 .n_r {
    width: 200px;
    padding: 10px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.e_m2 .n_r p {
    font-size: 15px;
    color: #888;
    margin-top: 10px;
}
.e_m3 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .9);
    z-index: 99999;
    display: none;
}
.e_m3 .n_r{
    width: 160px;
    background-color: #CB3B3D;
    font-size: 18px;
    line-height: 50px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    padding-left: 10px;
}
.e_m3 .n_r a{
    color: #fff;
}
@media only screen and (max-width:992px) {
    .e_m .n_r {
        width: 230px;
        padding: 15px;
    }

    .e_m .n_r p {
        font-size: 15px;
    }
    .e_m2 .n_r {
        width: 230px;
        padding: 15px;
    }

    .e_m2 .n_r p {
        font-size: 15px;
    }
}

.pc_kf {
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 99999;
}

.pc_kf .nr {
    font-size: 18px;
    text-align: center;
    line-height: 50px;
    margin-bottom: 10px;
    position: relative;
}

.pc_kf .tel {
    width: 160px;
    background-color: #CB3B3D;
    font-size: 18px;
    line-height: 50px;
    color: #fff;
    position: absolute;
    top: 0;
    right: -160px;
    opacity: 0;
}

.pc_kf .nr:hover .tel {
    right: 50px;
    opacity: 1;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.pc_kf .ewm {
    width: 130px;
    padding: 10px 10px 0;
    background-color: #CB3B3D;
    position: absolute;
    bottom: 0;
    right: -180px;
    opacity: 0;
}

.pc_kf .ewm img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 10px;
}

.pc_kf .ewm p {
    font-size: 14px;
    color: #fff;
    line-height: 16px;
    margin-bottom: 10px;
}

.pc_kf .nr:hover .ewm {
    right: 56px;
    opacity: 1;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.pc_kf .nr a {
    display: block;
    width: 50px;
    height: 50px;
    box-shadow: 0 0 10px #ddd;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
}
.pc_kf .nr .dhh {
    display: block;
    width: 50px;
    height: 50px;
    box-shadow: 0 0 10px #ddd;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
}
.pc_kf .nr .qqin {
    display: block;
    width: 50px;
    height: 50px;
    box-shadow: 0 0 10px #ddd;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
}

.pc_kf .nr i {
    color: #333;
    font-size: 26px;
}

.pc_kf .nr i.icon-aui-icon-qq {
    font-size: 30px;
}

.pc_kf .nr i.icon-icon {
    font-size: 26px;
    vertical-align: middle;
}

.pc_kf .fh {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    background-color: #CB3B3D;
    text-align: center;
    line-height: 50px;
    color: #fff;
    cursor: pointer;
}

.pc_kf .fh i {
    font-size: 30px;
    font-weight: bold;
}

@media only screen and (max-width:992px) {
    .pc_kf {
        right: 10px;
        bottom: 10px;
    }
    .neiye1 .bt img{
        max-width: 100%;
    }
    .neiye1 .n_r img{
        max-width: 100%;
    }
}

@media only screen and (max-width:768px) {
    .pc_kf {
        width: 100%;
        background-color: #CB3B3D;
        position: fixed;
        right: 0;
        bottom: 0;
    }

    .pc_kf .nr {
        width: 25%;
        border-right: 1px solid rgba(255, 255, 255, .6);
        font-size: 20px;
        background: none;
        box-shadow: none;
        margin-bottom: 0;
        float: left;
    }

    .pc_kf .tel {
        display: none;
    }

    .pc_kf .ewm {
        display: none;
    }

    .pc_kf .nr a {
        display: block;
        width: 100%;
        border-radius: 0;
        background-color: #CB3B3D;
        box-shadow: none;
    }
    .pc_kf .nr .dhh {
        display: block;
        width: 100%;
        border-radius: 0;
        background-color: #CB3B3D;
        box-shadow: none;
    }
    .pc_kf .nr i {
        color: #fff;
    }

    .pc_kf .nr a:hover i {
        color: #fff;
    }

    .pc_kf .fh {
        width: 25%;
        box-shadow: none;
        font-size: 22px;
        float: left;
    }
}

.pc_kf .nr .kf .kfqq{
    display: inline-block;
    width: auto;
    height: auto;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.qq .tel {
    background-color: #fafafa;
    font-size: 16px;
    color: #CB3B3D;
    line-height: 30px;
    text-align: left;
    padding: 0 15px;
}

.qq .tel .b_t {
    line-height: 50px;
    border-bottom: 1px solid #e1e1e1;
}

.qq .tel p {
    font-size: 14px;
    color: #cbcbcb;
}


@media only screen and (max-width:768px) {
    .pc_kf .nr .qqin{
        width: auto;
        overflow: visible;
        background: transparent;
        box-shadow: none;
    }
    .header .nav .y_j a{
        font-size: 18px;
    }
    .footer-h{
        height: 50px;
    }
.indexC .icons{
    width:90%;
   right:auto;
} 
.indexD .row .w_z{
padding:15px 10px;
}
.indexD .row .w_z1{
   font-size:16px;
}
.indexD .row .w_z2{
font-size:14px;
}
.e-item .w_z{
line-height:25px;
}
.indexK .w_z p span{
 font-size:14px !important;
}
.indexD .row .col-6:last-child{
  display:none;
}
.indexE{
 margin-top:40px;
}
.indexG{
 margin-top:40px;
}
.indexG .n_r{
 margin-top:40px;
}
}

/* .xz{
    width: 1200px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
} */


.dowebok a{
    display: inline-block;
    line-height: 30px;
    font-size: 15px;
    margin-right: 100px;
}