.Top002262{position:absolute;width:100%;top:0;z-index:100;background: rgba(0,0,0,.35);}
.Top002262_fixed{background:#fff;position:fixed;/* box-shadow: 0 0 6px rgba(0, 0, 0, .2);*/ border-bottom: 1px solid #ccc;}
@media(max-width:1400px){.Top002262 .auto{padding:0 2%}}
.Top002262 .header-left{float:left;width:20%;display:table;height:70px;}
.Top002262 .logo{display:table-cell;vertical-align:middle}
.Top002262 .header-mid,.Top002262 .header-right{float:right}
.Top002262 .header-right{border-left: 1px solid #ccc; padding-left: 2%}
.Top002262 .header-mid{margin-right:1%}
.Top002262 .header-menu li{width:auto !important;margin-right:15px}
.Top002262 .header-menu li em.active{ /*border-bottom: 3px solid #0c7cc0;*/ color: #0c7cc0;}
.Top002262 .header-menu li em.active a{color: #0c7cc0;}
.Top002262 .header-menu li em:hover a{color: #0c7cc0;-webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;}
.Top002262 .header-menu li em{padding:0 15px;position:relative}
.Top002262 .header-menu li em a{line-height:70px;position:relative;font-size:16px;color:#333;transition:all 0.4s;}
.Top002262 .header-menu li .sub{/*width:130%;left:-15%;*/overflow:hidden; box-shadow: 0 0 5px rgba(0, 0, 0, .2);}
.Top002262 .header-menu li .sub2{width:200%}
.Top002262 .header-menu li .sub3{width:300%}
.Top002262 .header-menu li .sub-menu{padding:15px;text-align:justify}
@media(min-width:1024px){.Top002262 .header-menu li:nth-child(2) .sub-menu .auto{padding:0 0 0 19%}
.Top002262 .header-menu li:nth-child(3) .sub-menu .auto{padding-left:10%}
.Top002262 .header-menu li:nth-child(4) .sub-menu .auto{padding-left:34.5%}
.Top002262 .header-menu li:nth-child(5) .sub-menu .auto{padding-left:40%}
.Top002262 .header-menu li:nth-child(6) .sub-menu .auto{padding-left:45.5%}
.Top002262 .header-menu li:nth-child(7) .sub-menu .auto{padding-left:0}
.Top002262 .header-menu li:nth-child(8) .sub-menu .auto{padding-left:56.5%}
}.Top002262 .header-menu li .sub-menu dt:last-child{border-bottom:0}
.Top002262 .header-menu li .sub-menu dt a{color:#666; font-size: 15px; transition:0.3s}
.Top002262 .header-menu li .sub-menu dt a:hover{background:none;color:#0c7cc0}
.Top002262 .header-right dd{float:left;padding:17px 0}
.Top002262 .top-search{position:relative;z-index:100}
.Top002262 .top-search .text{width:100%;color:#999;font-size:14px;display:block;padding:0 25px 0 20px;line-height:36px;height:38px;width:160px;background:#fff;border:1px solid #ccc;border-radius:38px;transition:all .3s ease-in-out}
.Top002262 .top-search .text:focus{border-color:#0c7cc0;background:#fff;color:#333}
.Top002262 .top-search .seabtn{position:absolute;right:12px;top:0;background:url(../images/top002262-search.png) no-repeat center center;width:16px;height:100%;border: none;}
@media(max-width:1024px){.Top002262 #header-menu{position:fixed;right:-100%;top:0;background:#fff;z-index:100;padding-top:53px;width:70%;max-width:300px;height:100%;transition:ease-in-out 0.3s}
.Top002262 #header-menu.header-menu-show{right:0}
.Top002262 #header-menu.header-menu-show ul{ border-top: 1px solid #ddd; padding-top: 15px}
.Top002262 #header-menu li em,.Top002262 #header-menu li em a{border-bottom:0}
.Top002262 #header-menu li:nth-child(2n){background:rgba(255,255,255,0.1)}
.Top002262 #header-menu li em a{font-weight:normal}
.Top002262 #header-menu li.has-sub em a{background:url(../images/top002262-icon.png) no-repeat 95% center}
.Top002262 #header-menu li.clickon em a{background-image:url(../images/top002262-icon_up.png)}
.Top002262 #header-menu li .sub-menu{padding:0 5%}
.Top002262 #header-menu li.clickon .sub-menu{background: #f6f6f6;}
.Top002262 #open_menu{width:40px;height:38px;background:#0c7cc0;margin-left:10px;position:relative;z-index:101;transition:background 0.3s}
.Top002262 #open_menu i,.Top002262 #open_menu i::before,.Top002262 #open_menu i::after{background:#fff;border-radius:3px}
.Top002262 #open_menu i{left:20%;width:60%;height:2px;margin-top:-1px}
.Top002262 #open_menu.open_menu_on{background:#0c7cc0;position:fixed;right:2%}
.Top002262 #open_menu.open_menu_on i{height:3px;margin-top:-1.5px}
}
.Banner002588 {margin-top: 55px;}
.Banner002588 .swiper-container{background:#000;margin:0 auto;width:100%;position:relative;overflow:hidden;z-index:1}
.Banner002588 .swiper-container-android .swiper-slide,.Banner002588 .swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.Banner002588 .swiper-wrapper{position:relative;width:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.Banner002588 .swiper-slide{position:relative;width:100%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
.Banner002588 .swiper-slide-active{z-index:6}
.Banner002588 .swiper-slide > img{display:block;width:100%;max-width:none}
.Banner002588 .swiper-slide img.wap{display:none}
.Banner002588 .txt{position:absolute;width:100%;left:0;top:0;height:100%;padding-bottom:5%}
.Banner002588 .txt-main{width:100%;max-width:1200px;margin:0 auto;padding-top:5%}
.Banner002588 .txt-main aside{padding:1% 0;float:left;transform:translateX(-100%);transition:all 2s;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0}
.Banner002588 .swiper-slide-active .txt-main aside{transform:translateX(-5%);opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1}
.Banner002588 .text{text-align:left;opacity:0.4;clear:both}
.Banner002588 .text *{margin:0;color:#fff}
.Banner002588 .text h1{font-size:50px;font-weight:lighter;padding:5px 0;letter-spacing:5px}
.Banner002588 .text span{font-size:22px;font-weight:lighter;opacity:0.5;text-transform:uppercase}
.Banner002588 .text p{max-width:700px;font-size:20px;font-weight:lighter;text-align:justify;opacity:0.8}
.Banner002588 .text a{margin-top:5%;border-radius:40px;border:1px solid #61666b;width:164px;line-height:40px;color:#fff;text-align:center;display:block;transition:0.3s}
.Banner002588 .text a:hover{background:#e83625;color:#fff;border-color:#e83625}
@media(max-width:1366px){.Banner002588 .txt-main{padding:0 10%}
}@media(max-width:1200px){.Banner002588 .swiper-slide img.pc{display:none}
.Banner002588 .swiper-slide img.wap{display:block}
.Banner002588 .text h1{font-size:40px}
.Bottom002381 .weixin{min-width:0 !important;}
}@media(max-width:1288px){.Top002262 .header-left{width: 35%;}
.Top002262 .header-mid{margin-right:0;}
}@media(max-width:1024px){.Banner002588{margin-top: 0}
    .Banner002588 .txt-main aside{max-width:70%}
}
.Banner002588 .text h1{font-size:36px}
.Banner002588 .text p{font-size:18px}
}@media(max-width:640px){.Banner002588 .txt{top:50%;height:auto;transform:translateY(-50%);margin-top:15px}
.Banner002588 .txt-main aside{max-width:none;float:none}
.Banner002588 .text a{line-height:28px;width:100px;font-size:12px}
.Banner002588 .text h1{font-size:20px}
.Banner002588 .text span{font-size:14px}
.Banner002588 .text p{max-width:none;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}@media(max-width:480px){.Banner002588 .txt-main aside{max-width:none}
.Banner002588 .txt-main{width:94%;padding:0 3%}
.Banner002588 .text h1{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.Banner002588 .text span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.Banner002588 .text a{line-height:24px;width:80px}
.Banner002588 .swiper-slide{}
.Banner002588 .swiper-slide > img{max-width:none;height:100%}
.Top002262_fixed{position:absolute;background-color:transparent}
.Top002262 .auto{padding:10px 2%;}
.Top002262 .sub-slideDown{position:fixed;width: 100%;background: #fff;}
.Top002262 .header-left{ display: block;height: 33px;padding: 0px 0;width: 50%;}
.Top002262 .top-search .text{height:24px;line-height:normal;width:120px;padding-left:10px}
.Top002262 .logo{display:block}
.Top002262 .logo img{display:block;width:200px;}
.Top002262 .header-right dd{padding:3px 0}
.Top002262 #open_menu{margin-top:-3px;height: 30px;}
}.Banner002588 .pager{position:absolute;width:100%;bottom:5%;z-index:10}
.Banner002588 .pager li{position:relative;width:8px;border-radius:8px;background:rgba(255,255,255,0.46);opacity:0.5;height:8px;margin:0 5px;cursor:pointer}
.Banner002588 .pager li.active{background:#0c7cc0;width:30px;opacity:1}


.Bottom002381{background:#222;position:relative}
.Bottom002381 .auto{max-width:1400px}
@media(max-width:1400px){
.Bottom002381 .auto{padding:2% !important}
}.Bottom002381,.Bottom002381 a{color:#b2b2b2;font-size:15px}
.Bottom002381 a:hover{color:#0c7cc0}
.Bottom002381 .bottom{padding:3% 0}
.Bottom002381 .bottom nav li h3{font-size:18px;margin:0;font-weight:lighter}
.Bottom002381 .bottom nav li h3 a{color:#fff; font-size: 18px;}
.Bottom002381 .bottom nav li dl{padding-top:20px;max-height:255px;overflow:hidden}
.Bottom002381 .bottom nav li dl dd{padding:10px 0;}
.Bottom002381 .bottom nav li:last-child{width: 35%}
.Bottom002381 .weixin{text-align:center;float:right;min-width: 276px;}
.Bottom002381 .weixin li{float:left;vertical-align:middle;margin-left:30px;text-align:center}
.Bottom002381 .weixin figure{background:url(../images/ewm-bg.png) no-repeat center;background-size:contain;padding:5px}
.Bottom002381 .weixin img{max-width:100px}
.Bottom002381 .weixin span{display:block;margin:10px auto}
.Bottom002381 .tel dt{color:#fff;margin-bottom:15px;font-size:18px;font-weight:lighter}
.Bottom002381 .tel span{font-size:20px; font-weight: bold; color: #fff}
.Bottom002381 .share .span{color:#999;font-size:15px}
.Bottom002381 .tel dd{font-size:15px;color:#b2b2b2; padding: 7px 0;}
.Bottom002381 .share{text-align:left;margin-top:10px}
.Bottom002381 .share > *{display:inline-block}
.Bottom002381 .share a{background:none;padding-left:0;width:30px;height:30px;line-height:30px;border-radius:50%;border:1px solid #999;text-align:center;color:#999;font-size:20px;margin-right:8px}
.Bottom002381 footer,.Bottom002381 footer a{color:#999}
.Bottom002381 footer a{margin-left:5px}
.Bottom002381 footer a:hover{color:#0c7cc0}
.Bottom002381 footer{background:#333;padding:20px 0}
.Bottom002381 .bottom nav{margin-bottom:20px;float:left;width:55%}
.Bottom002381 .bottom nav li{float:left; width: 25%; min-height:185px}
.Bottom002381 .bottom nav li:last-child{margin-right:0}
.Bottom002381 .contact{float:right;padding: 0 0 2% 1%;}
.Bottom002381 .links{float:right}
.Bottom002381 .copyright{float:left;margin:0}
@media (max-width:1440px){
.Bottom002381 .bottom nav li{margin-right:4%}
}@media (max-width:1024px){
.Bottom002381 .bottom nav{width:57%}
}@media (max-width:768px){
.Bottom002381 .bottom nav{display:none}
.Bottom002381 .bottom nav li dl{display:none;padding:10px 0}
.Bottom002381 .bottom nav li h3{padding:8px 0}
.Bottom002381 .weixin,.Bottom002381 .contact{background:none;text-align:center;padding-top:10px;width:100%;height:auto}
.Bottom002381 .share{text-align:center;margin:4% auto 0;font-size:0;line-height:normal}
.Bottom002381 .share a{float:none}
.Bottom002381 footer{text-align:center}
.Bottom002381 .copyright{margin:5px 0 0;width: 100%;}
.Bottom002381 .weixin ul{font-size:0;line-height:normal;text-align:center}
.Bottom002381 .weixin li{width:31.333%;font-size:14px;vertical-align:top}
.Bottom002381 .weixin img{display:block;padding:2%;margin:0 auto}
.Bottom002381 .links{display:none;}
}

.Banner002621{position:relative;z-index:10}
.Banner002621 img{display:block;width:100%;z-index:2}
@media(max-width:768px){.Banner002621,.Banner002588{padding-top: 53px;}/*banner上边距*/}
@media(min-width:1025px){.Banner002621 .wap{display:none}}
@media(max-width:1024px){.Banner002621 .pc{display:none}}

.intel{
    float: left;
    padding: 23px 0;
    margin-right: 20px;
}
.intel a{
    font-size: 18px;
    color: #555;
    transition:all 0.4s;
}
.intel a span{
    vertical-align: middle;
    margin-left: 5px;
}
.intel a:hover{
    color: #0c7cc0;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}


.intop{
    width: 100%;
    min-height: 220px;
    background: #fbfbfb url(../images/yc02.png) no-repeat center;
}
.intopm{
    display: flex;
    padding: 2% 0;
}
.intopl{
    width: 50%;
    color: #fff;
    font-size: 16px;
}
.intopl p a{
    color: #fff;
    margin-right: 10px;
}
.intopl span{
    font-weight: bold;
}
.intoplm{
    width: 50%;
    min-width: 350px;
    background: #fff;
    color: #777;
    border-radius: 5px;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.intoplm div:first-child{
    padding: 10px 15px;
}
.intoplm div:last-child{
    background: #0c7cc0;
    padding: 10px 15px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.intopr{
    width: 50%;
    color: #fff;
    text-align: right;
}
.intopr p{
    line-height: 30px;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}
.intopr h3{
    font-size: 30px;
    text-align: right;
    margin-top: 20px;
    margin-bottom: 0;
    font-family:georgia,serif;
}

@media (max-width:768px){
    .intel{
        display: none;
    }
    .intop{
        display: none;
    }
}


.intit{
	margin-bottom: 1%;
}
.intit h2{
	font-size: 48px;
	color: #353535;
	letter-spacing: 3px;
	font-family:arial,helvetica,sans-serif;
	margin: 0;
	padding: 0;
}
.intit .xian{
	width: 170px;
	height: 1px;
	background: #999999;
	margin: 10px 0;
}
.intit h3{
	font-size: 30px;
	color: #353535;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.inpro{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 2% 0 3%;
    background: #fbfbfb url(../images/inpro.jpg) no-repeat left top;
}
.npro{
    background: #eff1f5;
}
.inpro .proul{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0rem auto;
}
.inpro .proul .proli{
	width: calc((100% - 80px) / 4);
    height: auto;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 10px;
    background: #fff;
    padding: 10px;
}
.inpro .proul .proli .porTbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding-bottom: 80%;
}
.inpro .proul .proli .proImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}
.inpro .proul .proli:hover .proImg {
    transform: translate(-50%, -50%) scale(1.1);
}
.inpro .proul .proli .showBox {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(12, 124, 192, .7);
    transition: all 0.5s ease;
}
.inpro .proul .proli:hover .showBox {
    opacity: 1;
}
.inpro .proul .proli .showBoxLink {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 60%;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 0.5rem 0;
}
.inpro .proul .proli .showBoxLink::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}
.inpro .proul .proli:hover .showBoxLink::before {
    width: 1rem;
}
.inpro .proul .proli .showBoxLink::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}
.inpro .proul .proli:hover .showBoxLink::after {
    width: 1rem;
}
.inpro .proul .proli .porBbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding: 0px;
    border: none;
    text-align: center;
}
.inpro .proul .proli .proTitle {
    font-size: 16px;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 15px;
    text-align: center;
}
.inpro .proul .proli .lookDetail {
    position: relative;
    color: #777;
    padding: 15px 13px 20px 0;
    line-height: 35px;
}
.inpro .proul .proli .arrowsR {
    position: absolute;
    top: 23%;
    right: 0px;
    left: 73%;
    width: 30px;
}
.inpro .proul .proli .arrowsR img {
    position: absolute;
    transition: all .5s ease;
}
.inpro .proul .proli:hover .barr {
    opacity: 0;
}
.inpro .proul .proli .harr {
    opacity: 0;
}
.inpro .proul .proli:hover .harr {
    opacity: 1;
}
@media (max-width:768px){
    .intit h2{
        font-size: 36px;
    }
    .intit h3{
        font-size: 20px;
    }
    .inpro{
        padding-top: 8%;
    }
    .inpro .proul .proli{
        width: calc((100% - 40px) / 2);
    }
}


/*about*/
.inabout{
    width: 100%;
    padding-bottom: 4%;
    background: url(../images/abg.png) no-repeat left top;
 /*   border-bottom: 1px solid #eee;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .02);*/
}
.inam{
    display: flex;
    justify-content: space-between;
}
.inaml{
    width: 45%;
    margin-top: 5%;
    margin-left: 5%;
    overflow: hidden;
}
.inaml img{
    border-radius: 30px;
    width: 100%;
    transition-duration: 2s;
}
.inaml img:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.inamr{
    width: 45%;
}
.inamr > p{
    line-height: 2;
    color: #666;
    font-size: 16px;
}
.inamr_m{
    width: 100%;
    overflow: hidden;
    margin-bottom: 8%;
}
.inamr_ml{
    float: left;
    margin-top: 9%;
}
.inamr .axian1{
    width: 170px;
    height: 1px;
    background: #999;
    margin: 10px 0;
}
.inamr .axian2{
    width: 50px;
    height: 1px;
    background: #999;
}
.inamr_ml h2{
    font-size: 48px;
    color: #353535;
    margin: 10px 0 0 0;
    letter-spacing: 2px;
}
.inamr_ml h3{
    font-size: 30px;
    color: #353535;
    margin: 0;
    font-weight: normal;
}
.inamr_ml p{
    font-size: 20px;
    color: #353535;
    margin: 20px 0 25px;
    font-weight: normal;
}
.inamr_mr{
    float: right;
}
.inaul{
    width: 100%;
    margin: 50px 0;
    list-style-type: none;
}
.inaul li{
    width: 33.333%;
    float: left;
}
.inaul a{
    font-size: 18px;
}

@media (max-width:1024px){
    .inamr_mr{
        display: none;
    }
}
@media (max-width:768px){
    .inabout{
        background: none;
    }
    .inam{
        display: inline-block;
    }
    .inaml{
        width: 100%;
        margin-left: 0;
    }
    .inamr{
        width: 100%;
    }
    .inamr_mr{
        display: none;
    }
    .inamr_ml h2{
        font-size: 36px;
    }
    .inamr_ml h3{
        font-size: 20px;
    }
    .inamr_ml p{
        font-size: 18px;
    }
    .inaul{
        margin: 30px 0;
    }
    .inaul a{
        font-size: 16px;
    }
    .inaul img{
        width: 35px;
    }
}



/*news*/
.innews{
    width: 100%;
    overflow: hidden;
    padding: 3.5% 0;
    background: #fbfbfb;
}
.inntit{
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    margin-bottom: 35px;
    border-bottom: 1px #cecece solid;
}
.inntit .inntitl{
    width: 50%;
}
.inntit .inntitr{
    width: 50%;
    text-align: right;
}
.inntit .inntitl h2{
    font-size: 30px;
    color: #0c7cc0;
    margin: 0;
}
.inntit .inntitl p{
    font-size: 16px;
    color: #666;
    line-height: 2;
    margin: 10px 0;
}
.inntit .inntitr a{
    padding: 13px 40px;
    background: #0c7cc0;
    color: #fff;
}

.innewsul {
    width: 100%;
    overflow: hidden;
    list-style-type: none;
}
.innewsul li{
    width: 30%;
    float: left;
    margin-right: 5%;
}
.innewsul li:last-child{
    margin-right: 0;
}
.innewsul li a > span{
    color: #777;
}
.innewsul li h2{
    font-size: 20px;
}
.innewsul li p{
    line-height: 2;
    color: #777;
    font-size: 16px;
}
.innewsul li .innewsimg{
    width: 100%;
    overflow: hidden;
    margin: 25px 0;
}
.innewsul li .innewsimg img {
  transition-duration: .6s;
}
.innewsul li .innewsimg img:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.innmore span{
    font-weight: bold;
    letter-spacing: 1px;
}



@media (max-width:768px){
    .innews{
        padding: 8% 0;
    }
    .inntit .inntitl h2{
        font-size: 26px;
    }

    .innewsul li{
        width: 100%;
        float: none;
        margin-right: 0%;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd;
    }
}

.weizhi{
    width: 100%;
    overflow: hidden;
    padding: 25px 0;
    border-bottom: 1px solid #eee;
    background: #fbfbfb;
}
.weizhi1{
    background: #fff;
}
.wz{
    font-size: 14px;
    background: url(../images/wz.png) no-repeat left center;
    padding-left: 25px;
}

@media (max-width:768px){
    .weizhi{
        padding: 20px 0;
    }
}
/*main*/
.main{
    width: 100%;
    overflow: hidden;
    padding: 3% 0;
}
.nabout{
    display: flex;
    justify-content: space-between
}
.nabout .naboutl{
    width: 56%;
}
.nabout .naboutl h2{
    font-size: 28px;
    color: #373c41;
    letter-spacing: 2px;
    margin: 0;
}
.nabout .naboutl .naxian{
    width: 35px;
    height: 3px;
    background: #0c7cc0;
    margin: 15px 0;
}
.nabout .naboutl h3{
    font-size: 28px;
    color: #373c41;
    font-weight: normal;
    margin: 0 0 30px 0;
}
.nabout .naboutl p{
    font-size: 16px;
    color: #666;
    line-height: 2;
}
.nabout .naboutr{
    width: 40%;
    overflow: hidden;
    margin-top: 15px;
}
.nabout .naboutr img {
    border-radius: 20px;
  transition-duration: 1s;
}
.nabout .naboutr img:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
@media (max-width:768px){
    .main{
        padding: 6% 0;
    }
    .nabout{
        display: inline-block;
    }
    .nabout .naboutl{
        width: 100%;
    }
    .nabout .naboutr{
        width: 100%;
    }
    .nabout .naboutl h2,.nabout .naboutl h3{
        font-size: 22px;
    }
}


.ncon{width: 100%; overflow: hidden; background: url(../images/conbg.png) no-repeat center;}
.ncon .nconl{width: 45%; float: left;}
.ncon .nconr{width: 50%; float: right;}
.ncon .nconl h2{font-size:32px; color: #333;}
.ncon .nconl p{font-size:16px; line-height: 30px; margin: 20px 0; color: #5e5e5e;}
.ncon .nconl .nconm {margin: 35px 0 0; }
.ncon .nconl .nconm p{margin: 13px 0; }
.ncon .nconl .nconm p span{font-weight:bold; margin-left:5px }
.ncon .nconr h2{font-size:32px; color: #333;}
.ncon .nconr p{font-size:16px; margin: 15px 0 25px;}
.ncon .nconr form{width: 100%; }
.ncon .nconr form .InputText{width: 100%; height:40px; border: 1px solid #ccc; margin-bottom: 15px; padding-left: 15px; font-size: 14px; color: #888;}
.ncon .nconr form .form-control{height: 90px}
.ncon .nconr form .p_submit{    background-color: #848484;
    color: #fff;
    border: 1px solid #848484;
    transition: 0.2s;
    border-radius: 0px;
    width: 22%;
    height: 43px;
    font-size: 14px;
    margin-top: 20px;
}
.ncon .nconr form .p_submit:hover{
    background-color: #0c7cc0;
    color: #fff;
    border: 1px solid #0c7cc0;
    transition: 0.2s;
}

@media (max-width: 768px){
.ncon{background: none}
.ncon .nconl{width: 100%; float: none;}
.ncon .nconr{width: 100%; float: none; margin-top: 5%;}

.ncon .nconl h2{font-size:22px; color: #333;}
.ncon .nconr h2{font-size:22px; color: #333;}
}

.proshow{
    width: 100%;
    overflow: hidden;
}
.proshowt{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.proshowtl{
    width: 40%;
    overflow: hidden;
    border: 1px solid #eee;
}
.about-wrapper .pic img {
  transition-duration: 2s;
}
.about-wrapper .pic img:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.proshowtr{
    width: 55%;
}
.proshowtr h2{
    color: #262626;
}
.proshowtr .jy{
    background: #f9f9f9;
    padding: 15px;
    margin: 20px 0;
    color: #666;
    line-height: 3;
    min-height: 100px;
}
.proshowtr h3{
    font-size: 24px;
    margin: 10px 0 45px;
}
.proshowtr h3 span{
    color: #0c7cc0;
    letter-spacing: 1px;
    font-family: impact;
}
.showa{
    margin-bottom: 35px;
}
.showa a{
    padding: 14px 38px;
    color: #fff;
    font-size: 15px;
    background: #0c7cc0;
    margin-right: 6px;
}
.showa a:last-child{
    background: #555;
}

.showm{
    background: #f5f5f5;
    overflow: hidden;
    padding-bottom: 3%;
}
.proshowm{
    width: 100%;
    margin-top: 4%;
    background: #fff;
    padding: 4% 3%;
}
.proshowmt{
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
}
.proshowmt span{
    font-size: 18px;
    padding: 13px 38px;
    color: #fff;
    background: #0c7cc0;
    font-weight: bold;
    display: inline-block;
}

.proshowmb {
    padding: 3%;
    background: #fff;
}
.proshowmb h2{
    font-size: 20px;
    color: #0c7cc0;
    padding: 10px 0;
    display: inline-block;
    border-bottom: 2px solid #ddd;
}
.proshowmb .proh2{
    font-size: 18px;
    color: #fff;
    background: #0c7cc0;
    padding: 10px 35px;
    display: inline-block;
    font-weight: normal;
    margin: 30px 0 20px;
}
.proshowmb img{
    max-width: 100%;
}
.proshowmb table{
    width: 100%;
    border-color: #ccc;
    text-align: center;
    line-height: 30px;
}
.proshowmb table td{
    font-size: 16px;
    padding: 10px;
}
.protab {
    margin: 25px 0;
}
.protab tr{
    background: #eff1f5;
}
.protab tr:nth-child(2n){
    background: #fff;
}


@media (max-width: 768px){
    .proshowt{
        display: inline-block;
    }
    .proshowtl,.proshowtr{
        width: 100%;
    }
    .proshowtr h3{
        font-size: 20px;
    }
    .proshowm{
        margin-top: 10%;
    }
    .proshowmt span{
        font-size: 15px;
    }
    .proshowmb h2{
        padding: 10px 0;
    }
    .proshowmb table{
        display: block;overflow-x: auto;-webkit-overflow-scrolling: touch;
    }
}

.PicList002256{padding-top:0}
.PicList002256 ul {list-style-type: none;}
.PicList002256 li{padding-left:35px;position:relative;margin:10px;cursor: pointer;}
.PicList002256 li time{background:url(../images/piclist002256-date.jpg) no-repeat;width:62px;height:63px;padding:12px 0 0;overflow:hidden;text-align:center;color:#fff;position:absolute;left:0;top:50%;margin-top:-31px;font-size:12px}
.PicList002256 li time span{display:block;font-size:16px;font-weight:bold;padding-top:5px}
.PicList002256 li .txt{padding:25px 20px 16px 50px;border:1px solid #e6e6e6;overflow:hidden}
.PicList002256 li .txt .pic{margin-bottom:10px;display:block}
.PicList002256 li .txt .pic img{/*width:180px;*/height:169px}
.PicList002256 li .txt h3{margin:10px 0 0 0;font-size:18px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.PicList002256 li .txt h3 a{color:#555}
.PicList002256 li .txt .more:hover,.PicList002256 li:hover .txt h3 a{color:#0c7cc0}
.PicList002256 li .txt p{margin:10px 0;color:#6f6f6f;line-height:2;overflow:hidden;font-size:15px;margin:15px 0}
.PicList002256 li .txt .more{background:url(../images/piclist002256-more.jpg) no-repeat right center;padding-right:20px;font-family:Arial;color:#a9a9a9;text-transform:uppercase}
@media only screen and (min-width:481px){
.PicList002256 li .txt .pic{float:right;margin-left:50px;margin-bottom:0}
}
@media only screen and (min-width:768px){
.PicList002256 li .txt{padding:25px 20px 16px 70px}
}
@media only screen and (max-width:768px){
.PicList002256 li .txt .pic{display:none;}
.PicList002256 li .txt h3{ margin:0; }
.PicList002256 li .txt p{margin: 10px 0; line-height: 1.8; font-size: 14px}
}

.nr{
    width: 100%;
    overflow: hidden;
}
.nr h2{
    font-size: 26px;
    color: #333;
    text-align: center;
    margin-top: 0;
}
.nr .ds{
    width: 100%;
    border-top: 1px solid #ddd;
    padding-top: 15px;
    list-style-type: none;
    display: flex;
    justify-content: center
}
.nr .ds li{
    margin: 0 8px;
}
.nr .nrshow{
    margin: 20px 0;
    padding: 10px;
}
.nr .nrshow p{
    line-height: 30px;
    font-size: 16px;
    text-indent: 2em;
}

.fy{
    width: 100%;
    text-align: center;
    margin: 50px auto 20px;
}
.fy a{
    padding: 6px 13px;
    border: 1px solid #ccc;
    margin: 0 3px;
}
.fy a:hover{
    background: #0c7cc0;
    color: #fff;
}
.fy .page-num-current{
    background: #0c7cc0;
    color: #fff;
}
.nfy{
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width:768px){
    .nfy{
        display: inline-block;
        margin-top: 0;
    }
    .nfy div:first-child{
        margin-bottom: 35px;
    }
}