@charset "utf-8";
*{padding: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:1024px){
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:1024px){
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:1024px){
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:1024px){
.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;}
}

.header{width:100%; background-color:#000; position:fixed; top:0; left:0; z-index:9999;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header2{background: transparent;}
.header.on{box-shadow:0 0 10px #ddd; background-color:#000;}
.header .logo{width:80px; float:left; margin:10px 0; position:relative;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.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:24px; 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:#fff;}
.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;}
.header .nav ul{float:left;}
.header .nav ul li{float:left; position:relative;}
.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;padding:24px 0}
.header .nav .y_j i{display:none;}
.header .nav .y_j a{display:inline-block; font-size:16px; color:#fff; text-transform:uppercase; line-height:100px;padding: 0 20px;line-height: 30px;border-radius: 19px;border: 1px solid transparent;}
.header.on .nav .y_j a{color:#fff;}
.header .nav ul li:hover .y_j a{border: 1px solid #fff;}
.header .nav ul li.on .y_j a{border: 1px solid #fff;}
.header .nav .e_j{width:200px; background-color:#fff; box-shadow:0 0 5px #aaa; position:absolute; left:50%; margin-left:-90px; opacity:0; visibility:hidden;
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 .nav .e_j a{font-size:14px; line-height:36px; text-align:center; display:block;}
@media only screen and (max-width:1024px){
.header{background-color:#fff; position:relative; top:auto; left:auto;}
.header.on{box-shadow:none;}
.header .logo{width:188px; margin:15px 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;}
.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;}
}

.search{width:100%; background-color:#0050AE; position:fixed; top:0; left:0; z-index:9999; display:none;}
.search .container{position:relative;}
.search .sc_gb{position:absolute; top:50%; margin-top:-25px; right:15px; cursor:pointer;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.search .sc_gb:hover{transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);}
.search .sc_gb i{font-size:26px; line-height:50px; color:#fff;}
.search .sc_nr{width:700px; margin:20px auto;}
.search input{width:430px; height:60px; font-size:16px; line-height:60px; color:#fff; float:left;}
.search input::placeholder{color:#fff;}
.search button{width:70px; height:60px; line-height:60px; text-align:center; color:#fff; float:right; outline:none;}
.search button i{font-size:30px;}
@media only screen and (max-width:1024px){
.search .sc_gb i{font-size:22px;}
.search .sc_nr{width:90%;}
.search input{width:85%; font-size:15px;}
.search button{width:15%;}
.search button i{font-size:26px;}
}

.head_h{width:100%; height:86px; background-color:#fff; overflow:hidden;}
@media only screen and (max-width:1024px){
.head_h{display:block;}
}

.pc_ban{width:100%; height:100vh; position:relative; overflow:hidden;}
.pc_ban .swiper-slide:after{width:100%; height:100%; background-color:rgba(0,0,0,.5); position:absolute; left:0; bottom:0; content:"";}
.pc_ban .swiper-button-prev{width:40px; height:40px; background:url(../images/ban_l.png) no-repeat center; left:0%; margin-top:-20px; opacity:0;
background-size:40px 40px;
-webkit-background-size:40px 40px;
-moz-background-size:40px 40px;
-ms-background-size:40px 40px;
-o-background-size:40px 40px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pc_ban:hover .swiper-button-prev{left:2%; opacity:.8;}
.pc_ban .swiper-button-next{width:40px; height:40px; background:url(../images/ban_r.png) no-repeat center; right:0%; margin-top:-20px; opacity:0;
background-size:40px 40px;
-webkit-background-size:40px 40px;
-moz-background-size:40px 40px;
-ms-background-size:40px 40px;
-o-background-size:40px 40px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pc_ban:hover .swiper-button-next{right:2%; opacity:.8;}
.pc_ban .swiper-pagination-bullet{width: 15px;height: 15px;border-radius: 50%;border: 1px solid #fff;background-color: transparent;}
.pc_ban .swiper-pagination-bullet-active{background-color: #fff;}
.pc_ban .container{position:absolute; top:55%; left:50%; z-index:99;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);}
.pc_ban .w_z{width:80%; margin:0 auto; color:#fff; text-align:center; position:relative;}
.pc_ban .w_z h2{font-size:50px;}
.pc_ban .w_z p{font-size:18px; text-transform:uppercase; line-height:32px; margin-top:15px;}
.pc_ban .w_z .n_r{margin:10px 30px 20px  600px}
.pc_ban .w_z .n_r:hover{background-color:rgba(255,255,255,0);}
.pc_ban .w_z .n_r .lx{color:#fff; font-size:16px; text-align:center; line-height:50px; display:inline-block;width:150px; height:50px;  background-color:#146eb2; position:relative;
    transition:all .5s;
    -o-transition:all .5s;
    -ms-transition:all .5s;
    -moz-transition:all .5s;
    -webkit-transition:all .5s;
    margin-right: 40px;
}
.pc_ban .w_z .n_r .more{color:#fff; font-size:16px; text-align:center; line-height:50px; display:inline-block;width:150px; height:50px; text-decoration:underline; position:relative;
    transition:all .5s;
    -o-transition:all .5s;
    -ms-transition:all .5s;
    -moz-transition:all .5s;
    -webkit-transition:all .5s;}
.pc_ban .w_z .n_r i{font-size:14px; font-weight:bold; padding-left:10px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pc_ban .w_z .n_r a:hover i{padding-left:15px;} 
@media only screen and (max-width:1024px){
.pc_ban{height:36vh; min-height:inherit;}
.pc_ban .container{width:100%; top:50%;}
.pc_ban .swiper-button-prev{display:none;}
.pc_ban .swiper-button-next{display:none;}
.pc_ban .swiper-pagination{bottom:10px;}
.pc_ban .swiper-pagination-bullet{width: 15px;height: 15px;border-radius: 50%;}
.pc_ban .w_z{width:100%;}
.pc_ban .w_z h2{font-size:22px; font-weight:normal; line-height:32px;}
.pc_ban .w_z p{font-size:16px; letter-spacing:1px; line-height:26px;}
.pc_ban .w_z .n_r{width:130px; height:44px; margin:30px auto 0;}
.pc_ban .w_z .n_r a{font-size:14px; line-height:40px;}
}
@media only screen and (max-width:640px){
.pc_ban .w_z h2{font-size:20px; font-weight:bold; line-height:28px;}
.pc_ban .w_z p{font-size:14px; line-height:24px; margin-top:8px;}
.pc_ban .w_z .n_r{display:none;}
}

.yewu{
    padding: 100px 0;
}
.title{
    text-align: center;
}
.title1{
    font-size: 36px;
}
.title2{
    font-size: 18px;
    color: #565656;
}
.title i{
    display: block;
    width: 60px;
    height: 1px;
    background-color: #1f86c0;
    margin: 10px auto 0;
}
.yw-item{
    display: block;
    padding: 30px 0;
    transition: all ease .3s;
}
.yw-item i{
    font-size: 60px;
    color: #0169b7;
    transition: all ease .3s;
}
.yw-item  .t_p{
    width: 100px;
    height: 100px;
    border: 2px solid #1f86c0;
    border-radius: 50%;
    line-height: 94px;
    text-align: center;
    margin: 10px auto 0;
    transition: all ease .3s;
}
.yw-item .w_z{
    margin-top: 30px;
    padding: 0 20px;
}
.yw-item .w_z .bt{
    font-size: 20px;
    font-weight: bold;
    color: #000;
    text-align: center;
    transition: all ease .3s;
}
.yw-item .w_z .info{
    margin-top: 20px;
    font-size: 14px;
    color: #646464;
    line-height: 30px;
    transition: all ease .3s;
}
.yw-item .white{
    display: none;
}
.yewu .n_r{
    margin-top: 50px;
}
.yw-item:hover{
    background-color: #0169b7;
}
.yw-item:hover .t_p{
    border: 2px solid #0169b7;
}
.yw-item:hover .t_p i{
    color: #fff;
}
.yw-item:hover .bt{
    color: #fff;
}
.yw-item:hover .info{
    color: #fff;
}
.yw-item:hover .blue{
    display: none;
}
.yw-item:hover .white{
    display: inline-block;
}
.about{
    padding: 110px 0;
}

.about .w_z{
    width: 45%;
    float: left;
}
.about .w_z .title{
    text-align: left;
}
.about .w_z .title1{
    color: #fff;
}
.about .w_z .title2{
    color: #fff;
}
.about .w_z .title i{
    margin: 10px 0 0;
    background-color: #fff;
}
.about .container:after{
    display: block;
    content: '';
    clear: both;
}
.about .w_z .info{
    margin-top: 30px;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
}
.about .w_z .more{
    display: block;
    width: 150px;
    height: 50px;
    border: 1px solid #0169b7;
    background-color: #0169b7;
    color: #fff;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    margin-top: 60px;
    transition: all ease .5s;
}

.about .w_z .more img{
    margin-left: 8px;
    transition: all ease .5s;
}
.about .w_z .more:hover{
    opacity: .9;
    background: #1F85BF;
}
.about .w_z .more:hover img{
    margin-left: 12px;
}
.w_h{
    width: 45%;
    float: right;
    //background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 70px;
}

.wh-item{
    width: 180px;
    height: 150px;
    text-align: center;
    padding: 25px 0;
}
.wh-item .t_p{
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wh-item .wz1{
    font-size: 14px;
    color: #000;
    margin-top: 10px;
}
.wh-item .wz i{
    display: block;
    width: 30px;
    height: 1px;
    background-color: #000;
    margin: 5px auto 0;
}
.wh-item .wz2{
    margin-top: 5px;
    font-size: 12px;
}
.news{
    padding: 110px 0;
}
.news .n_r{
    margin-top: 60px;
}
.news-item{
    border: 1px solid #f2f2f2;
}
.news-item .t_p{
    overflow: hidden;
}
.news-item .t_p img{
    width: 100%;
    transition: all ease 2s;
}
.news-item .t_p:hover img{
    transform: scale(1.1);
}
.news-item .w_z{
    padding: 15px 25px;
}
.news-item .w_z .bt{
    font-size: 16px;
    display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.news-item .w_z .info{
    margin-top: 5px;
    font-size: 14px;
    color: #646464;
}
.news-item .w_z i{
    display: block;
    width: 100%;
    height: 1px;
    background-color: #f2f2f2;
    margin-top: 10px;
}
.news-item .w_z .more{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    align-items: center;
}
.news-nav{
    display: flex;
    justify-content: center;
    margin-top: 30px;
    flex-wrap: wrap;
}
.news-nav div{
    margin-right: 80px;
    width: 150px;
    height: 50px;
    border: 1px solid #0169b7;
    color: #0169b7;
    border-radius: 5px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}
.news-nav div.on{
    color: #fff;
    background-color: #0169b7;
}
.news-nav div:last-child{
    margin-right: 0;
}

.case{
    padding: 110px 0;
}
.case .title1{
    color: #fff;
}
.case .title2{
    color: #fff;
}
.case .title i{
    background-color: #fff;
}


.case .n_r{
    margin-top: 50px;
}
.case-item{
    display: block;
    transition: none;
}
.case-item .t_p{
    overflow: hidden;
}
.case-item .t_p img{
    width: 100%;
    transition: all ease 2s;
}
.case-item .w_z{
    background-color: #fff;
    padding: 20px 30px;
    line-height: 35px;
    font-size: 18px;
    font-weight: bold;
    margin-top: 15px;
    transition: all ease .5s;
}
.case-item:hover .w_z{
    background-color: #0169b7;
    color: #fff;
}
.case-item:hover .t_p img{
    transform: scale(1.1);
}
.case-item .white{
    display: none;
}
.case-item:hover .black{
    display: none;
}
.case-item:hover .white{
    display: inline-block;
}
.lxwm{
    padding: 110px 0;
}
.lxwm .container:after{
    display: block;
    content: '';
    clear: both;
}
.lxwm .container{
    display: flex;
}
.lxwm .t_p{
    width: 50%;
    position: relative;
}
.lxwm .lxin{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 36px;
    color: #fff;
    text-align: center;
}
.lxwm .lxin img{
    margin-top: 50px;
}

.gsdz{
    background-color: #fff;
    width: 50%;
}
.gs-item{
    display: block;
    padding:5px 15px;
}
.gs-item .mc{
    font-size: 16px;
}
.gs-item .dz{
    font-size: 14px;
    margin-top: 2px;
}
.gs-item.on{
    background: url(../images/lxi-bg.jpg) no-repeat center/cover !important;
    color: #fff;
}
.banquan{
    padding: 15px 0;
    background-color: #6e7073;
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.banquan a{
    color: #fff;
}
.banquan a:hover{
    color: #17a2b8;
}
.inbanner{
    height: 400px;
}
.header-h{
    height: 80px;
}
.intitle{
    margin-top: 100px;
}
.intitle{
    padding: 50px 0;
}
.intitle1{
    font-size: 36px;
    color: #0050ae;
}
.intitle2{
    font-size: 26px;
    color: #0050ae;
}
.mbx{
    margin-top: 40px;
}
.innav{
    margin-top: 50px;
}
.innav .bt{
    font-size: 28px;
    color: #000000;
    font-weight: bold;
}
.innav_lb{
    margin-top: 25px;
}
.innav_lb a{
    margin-bottom: 8px;
}
.innav a{
    display: inline-block;
    width: 216px;
    height: 48px;
    border: 1px solid #0050ae;
    border-radius: 24px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    color: #0050ae;
    margin-right: 20px;
}
.innav a:hover{
    background-color: #0050ae;
    color: #fff;
}
.innav a.on{
    background-color: #0050ae;
    color: #fff;
}

.inbt{
    text-align: center;
}
.inbt1{
    font-size: 36px;
    color: #365194;
    font-weight: bold;
}
.inbt2{
    font-size: 30px;
    color: #365194;
}
.gy{
    padding: 70px 0;
}
.gy_nr{
    font-size: 16px;
    line-height: 35px;
    color: #646464;
}

.qy_wh{
    padding: 70px 0;
    background-color: #f7f7f7;
}
.qy_wh .n_r{
    height: 360px;
    display: flex;
    margin-top: 40px;
}
.whin-item{
    width: 50%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    position: relative;
}
.whin{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.whin-item .wh1{
    font-size: 26px;
    font-weight: bold;
}
.whin-item .wh2{
    font-size: 16px;
}
.whin-item:first-child{
    background-color: rgba(0,0,0,.7);
}
.jt5{
    display: block;
    margin: 35px auto 0;
}

.proin_lb{
    padding: 50px 0;
}
.proin_lb .t_p{
    position: relative;
    width: 100%;
    overflow: hidden;
    border: 1px solid #D3D3D3;
}
.proin_lb .t_p img{
    width: 100%;
}
.proin_lb .w_z{text-align:center}
.proin-item{
    display: block;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 20px;
}
.proin-item .mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    opacity: 0;
    transition: all ease .5s;

}
.proin-item .mask_in{
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 16px;
    text-align: center;
}
.proin-item .mask_in img{
    width: 20px;
    height: 20px;
}
.proin-item:hover .mask{
    opacity: 1;
}

.casein_lb{
    padding: 70px 0;
}
.casein-item{
    display: block;
    position: relative;
    margin-bottom: 23px;
}
.casein-item .w_z{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 40px;
    text-align: center;
    background: rgba(0,0,0,.5);
    color: #fff;
}
.casein-item .t_p{
    overflow: hidden;
    height: 250px;
}
.casein-item .t_p img{
    transition: all ease 2s;
    width: 100%;
}
.casein-item .t_p:hover img{
    transform: scale(1.1);
}
.solin_lb{
    margin-top: 50px;
    position: relative;
}
.solin-item{
    height: 340px;
    margin-bottom: 40px;
    position: relative;
    color: #fff;
}
.inin{
    width: 800px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.solin-item .bt{
    font-size: 30px;
    text-align: center;
}
.solin-item .info{
    font-size: 14px;
    line-height: 30px;
    margin-top: 5px;
}
.solin-item .more{
    display: block;
    width: 110px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 15px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    margin: 10px auto 0;
}
.solin-item .more:hover{
    background-color: #0050ae;
    color: #fff;
    border: 1px solid #0050ae;
}
.serin{
    padding: 70px 0;
}
.ser-img{
    margin-bottom: 30px;
}
.tuandui{
    font-size: 14px;
    line-height: 30px;
    color: #646464;
    padding: 20px;
    border: 1px solid #dcdcdc;
}
.fwms{
    padding: 50px 0;
}

.fwms .bt{
    font-size: 24px;
    color: #646464;
    text-align: center;
}
.fwms .bt i{
    color: #0050ae;
}
.fwms .tp{
    text-align: center;
    margin-top: 70px;
}
.inbt .bt{
    font-size: 30px;
    color: #0050ae;
    margin-bottom: 20px;
}
.fwnr .w_z{
    margin-top: 70px;
    font-size: 16px;
    line-height: 30px;
}

.fwnr_lb{
    margin-top: 70px;
}
.fwnr-item{
    padding: 170px 30px;
    border:1px solid #d2d2d2;
    position: relative;
}
.fwnr-item .xh{
    position: absolute;
    font-size: 36px;
    font-weight: lighter;
    top: 10px;
    left: 20px;
}
.fwnr-item .xh:after{
    width: 110px;
    height: 2px;
    background-color: #000;
    content: '';
    display: block;
    transform: rotate(-45deg);
    position: absolute;
    top: 45px;
    right: -65px;
}
.fwnr-item .bt{
    font-size: 20px;
    font-weight: bold;
    color: #0050ae;
    text-align: center;
}
.fwnr-item .info{
    font-size: 16px;
    line-height: 30px;
    color: #646464;
    margin-top: 30px;
}
.fwnr .ditu{
    margin-top: 90px;
}
.fwnr .ditu img{
    max-width: 100%;
}



.newsin{
    padding: 70px 0;
}

.newsin-item2 .t_p{
    width: 150px;
    height: 85px;
    overflow: hidden;
    float: left;
}
.newsin-item2 .t_p img{
    width: 100%;
    transition: all ease 2s;
}
.newsin-item2 .t_p:hover img{
    transform: scale(1.1);
}
.newsin-item2 .w_z{
    width:430px;
    height: 85px;
    float: left;
    border: 1px solid #d2d2d2;
    padding: 20px 30px 30px;
}
.newsin-item2:after{
    display: block;
    content: '';
    clear: both;
}
.newsin-item2 .w_z .bt{
    font-size: 16px;
    margin-bottom: 10px;
}
.newsin-item2 .w_z .info{
    font-size: 14px;
    color: #646464;
    line-height: 26px;
}
.newsin-item2 .w_z .bottom{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.newsin-item2 .w_z .bottom .date img{
    margin-right: 8px;
}
.newsin-item2{
    margin-bottom: 20px;
    float: left;
}



.pages2{width:100%; height:30px;  line-height:30px; text-align:center;margin-top: 50px;clear:both;}
.pages2 a{ text-decoration:none; font-family:微软雅黑; margin-left:5px; color:#666; font-size:12px; border:solid 1px #ccc ; padding:5px 8px; }
.pages2 .current-page{ color:#fff; margin-left:5px; font-size:12px; border:solid 1px #0050AE; background:#0050AE; padding:5px 8px; }
.pages2 span{ text-decoration:none; font-family:微软雅黑; margin-left:5px; color:#666; font-size:12px; border:solid 1px #ccc ; padding:5px 8px; }

.xxk-item{
    display: none;
}
.xxk-item:first-child{
    display: block;
}


.xfk{
    width: 240px;
    position: fixed;
    top: 20%;
    left: 50px;
    line-height: 49px;
    transition: all ease 1s;
    z-index: 999;
}

.xfk-item{
    display: block;
    border-bottom: 1px solid #b1aeb1;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}
.xfk-item:hover{
    background-color: #0050ae;
}


.ny_nr .xw_xq{ padding: 30px 0px;}
.ny_nr .xw_xq .xq_lf .xq_tl{ text-align: center; font-size: 30px; font-weight: bold; margin-bottom: 15px;color:#0050AE}
.ny_nr .xw_xq .xq_lf .xq_fc{ width: 100%; border-bottom: solid 1px #cacaca; padding: 20px 0px; }
.ny_nr .xw_xq .xq_lf .xq_fc .right{text-align: right;}
.ny_nr .xw_xq .xq_nr{ width: 100%; overflow: hidden; padding: 20px 0px; line-height: 30px; font-size: 14px;}
.ny_nr .xw_xq .xq_nr img{ max-width: 100%; }
.ny_nr .xw_xq .xq_fy{ text-align: center; padding: 15px 0px;}
.ny_nr .xw_xq .xq_fy a{ display: inline-block; margin: 0px 15px; padding: 10px 20px; background-color: #000000; color: #FFFFFF; font-size: 14px;}
.ny_nr .xw_xq .xq_rt{ width: 100%; overflow: hidden; margin-top: 56px; }
.ny_nr .xw_xq .xq_rt .rt_bt{font-size: 24px; font-weight: bold;background-color: #000000; color: #FFFFFF; padding: 15px 0px; text-align: center;}
.ny_nr .xw_xq .xq_rt .rt_lb li a{ display: block; border-bottom: dashed 1px #cccccc; line-height: 56px; font-size: 14px; color: #666;}
@media only screen and (max-width:640px) {

    .ny_nr .xw_xq{ padding: 20px 0px;}
    .ny_nr .xw_xq .xq_lf .xq_tl{font-size: 22px;}
    .ny_nr .xw_xq .xq_lf .xq_fc{padding: 15px 0px; }
    .ny_nr .xw_xq .xq_lf .xq_fc .right{text-align: center;}
    .ny_nr .xw_xq .xq_fy{  padding: 10px 0px;}
    .ny_nr .xw_xq .xq_fy a{ margin: 0px 10px; padding: 10px 15px; }
    .ny_nr .xw_xq .xq_rt{  margin-top: 15px; }
    .ny_nr .xw_xq .xq_rt .rt_bt{font-size: 20px;  padding: 10px 0px; }
    .ny_nr .xw_xq .xq_rt .rt_lb li a{ line-height: 40px;}
}

.lx_wm .n_r h3{font-size:22px; line-height:32px; color:#0050B5;}
.lx_wm .n_r h4{font-size:16px; line-height:24px; color:#888; text-transform:uppercase; margin-bottom:20px;}
.lx_wm .w_z{font-size:15px; line-height:32px;}
.lx_wm .l_y input{width:100%; height:47px; font-size:14px; line-height:46px; border-bottom:1px solid #ddd; display:block;}
.lx_wm .l_y textarea{width:100%; height:72px; padding:10px 0; font-size:14px; line-height:26px; border-bottom:1px solid #ddd; display:block; resize:none;}
.lx_wm .l_y button{width:120px; height:36px; background-color:#0050B5; margin-top:15px; margin-right:15px; font-size:15px; line-height:36px; text-align:center; color:#fff; float:left;}
.lx_wm .l_y button.c_z{background-color:#aaa;}

.sw{
    width: 100%;
    position: relative;
    padding-bottom: 100px;
}
.case .swiper-container {
    width: 100%;
    height: 100%;
  }

.case .btns{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
}
.case .swiper-button-next1{
    width: 80px;
    height: 50px;
    cursor: pointer;
}
.case .swiper-button-prev1{
    width: 80px;
    height: 50px;
    margin-right: 10px;
    cursor: pointer;
}

.qy_jzg{
    padding: 70px 0;
}
.qy_jzg .inbt{
    margin-bottom: 50px;
}
.jts{
    display: none;
}

.m-sw1{
    display: none;
}
.m-sw2{
    display: none;
}

.pc-sw{
    position: relative;
}

.pc-sw .swiper-button-prev{
    left: -80px;
}
.pc-sw .swiper-button-next{
    right: -80px;
}

.pc-sw  .swiper-button-next,.pc-sw  .swiper-button-prev{
    width: 40px;
    height: 40px;
    background: transparent !important;
}
.pc-sw  .swiper-button-next img,.pc-sw  .swiper-button-prev img{
    width: 100%;
}

.m-sw1{
    position: relative;
    padding-top: 40px;
    margin-bottom: 20px;
}
.m-sw2{
    position: relative;
    padding-top: 40px;    
}
.m-sw1 .swiper-button-next,.m-sw1 .swiper-button-prev{
    width: 30px;
    height: 30px;
    background: transparent !important;
}
.m-sw2 .swiper-button-next,.m-sw2 .swiper-button-prev{
    width: 30px;
    height: 30px;
    background: transparent !important;
}
.m-sw1 .swiper-button-next,.m-sw2 .swiper-button-next{
    right: 0;
}
.m-sw1 .swiper-button-prev,.m-sw2 .swiper-button-prev{
    left: 0;
}
.m-sw1 .btns,.m-sw2 .btns{
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
}

.m-sw1 .btns img,.m-sw2 .btns img{
    width: 100%;
}

.yw-item{
    word-break: break-all;
}
.swiper-button-disabled{
    display:none;
  }
  .searchin .w_z{
    width: 800px;
  }

  .searchin{
      padding: 60px 0;
  }
.sjd_nr{
   display:none;
}
@media only screen and (max-width:768px){
   .sjd_nr{
   display:block;
}
.dnd_nr{
display:none
}
}