body{font-size: 16px; font-family: "微软雅黑"; text-align:left;color:#333; background: #F4F4F4;}
li,ol,ul{list-style-type:none}
*{margin:0;padding:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
img{border:none;vertical-align:middle}
a{color:#333;text-decoration:none}
a:hover {color: #295179;}
em,i {font-style: normal;}
input,select,textarea {outline: none;}
p {text-align:justify;}
.fl {float: left;}
.fr {float: right;}
.rel {position: relative;}
.abs {position: absolute;}
.w {width: 1400px; margin: 0 auto;}
.ellipsis-1 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;	white-space: normal !important;	-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ellipsis-2 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;	white-space: normal !important;	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsis-3 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;	white-space: normal !important;	-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ellipsis-4 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;	white-space: normal !important;	-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.ellipsis-5 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;	white-space: normal !important;	-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.ellipsis-6 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;	white-space: normal !important;	-webkit-line-clamp: 6;-webkit-box-orient: vertical;}

.main{width: 100%; position: relative; overflow: hidden;}
.header {height: 90px; width: 100%; background:#f4f4f4; position: fixed; left: 0;top: 0; z-index: 9;}
.header-top {height: 90px; box-shadow: 0 0 5px #ccc; background: #fff;}
.header-top .rel{ padding-right: 360px;}
.logo {width:250px; height: auto; left:78px; top: 25px; position: absolute; z-index: 9; }
.logo img {width:100%;}
.navwrap { position: fixed; top:16px; right:52px; transition: all 0.5s; z-index: 8; }
.nav {width: 100%; height: 100%;}
.nav ul {font-size: 0;}
.nav li {float: left;}
.nav li a {text-align: center; padding:15px 26px;  font-size: 20px; color: #333; display: block;}
.nav li a:hover {color: #0f4780;}
.nav li a.on {color: #0f4780;font-weight: bold;}
.nav li:last-child {border: none;}
.navico {width: 120px; display: block;display: none; height: 120px; right: 0; top:0; background: url(/skins/images/pc/menu.png) center center no-repeat; background-size: 40%; position: absolute;}
.navclose {width: 120px; display:none; height: 120px; cursor: pointer; right:0px; top:0; background: url(/skins/images/pc/menu2.png) center center no-repeat; background-size: 40%; position: absolute;}
.mmask {display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background:rgba(0,0,0,0.5) ; z-index: 3;}

/*footer*/
.footer {background: #333333;}
.footer .fnav {padding-top: 75px;}
.footer .fnav a {font-size: 18px; color: #9e9e9e; margin-right: 50px;}
.footer .fnav a:hover {color: #295179;}
.footer-con  {padding: 75px 370px; position: relative;}
.footer-con::before {content: ""; width: 1px; height: 100px; background: #545454; position: absolute; left: 320px; top: 80px;}
.footer-con .blogo {display: block; width: 265px; height: 103px; position: absolute; left: 0; top: 75px;}
.footer-con p {font-size: 16px; color: #9e9e9e; line-height: 36px;}
.footer-con p a {font-size: 16px; color: #9e9e9e; line-height: 36px;display: inline-block;}
.footer-con p a:hover {font-size: 16px; color: #fff; line-height: 36px; }
.footer .ewm {position: absolute;right: 0px; top: 110px; width: 128px;}
.footer .ewm h4 {width:128px;height: 128px; margin: 0 auto;}
.footer .ewm h4 img{width:128px;height: 128px; }
.footer .ewm p {text-align: center; font-size: 16px; color: #9e9e9e; padding:15px 0 0;}

/*手机底部*/
.footheight { display: none;}
.footfix {display: none;}

/*banner*/
.banner {position: relative; z-index: 1; padding-top: 90px;}
.banner img {width: 100%;}
.banner img.mbanner {display: none;}
.banner .swiper-pagination{position: absolute; left: 0; text-align: center; bottom:20px; width: 100%;}
.swiper-pagination-bullet{display: inline-block; width: 60px; height: 3px; border-radius: 12px; opacity: 1; background: #fff;  margin: 0 6px; cursor: pointer;}
.swiper-pagination-bullet-active{background: #696969;opacity: 1;}

/*fixed-layer*/
.fico{width: 40px; height: 40px; background: url(/skins/images/pc/fico.png) no-repeat;}
.fixed-layer{display: none; position: fixed; width: 72px; left: 0; bottom: 50px; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-460)); z-index: 8;}
.fixed-layer li{border-top: 1px solid #eaf1f1; text-align: center; font-family: "Microsoft Yahei"; font-size: 14px;}
.fixed-layer li:first-child{border: none;}
.fixed-layer li a{display: block; width: 72px; height: 66px; font-weight: bold; background: #d0d0d0; color: #666666; padding-top: 10px; cursor: pointer}
.fixed-layer li a:hover{background: #295179; color: #fff; text-decoration: none;}
.fixed-layer i{display: block; width: 40px; height: 40px; margin: 0 auto; cursor: pointer}
.fixed-layer .weixin i{background-position: 0 0;}
.fixed-layer .qq i{background-position: -40px 0;}
.fixed-layer .online i{background-position: -80px 0;}
.fixed-layer .tel-ask i{background-position: -120px 0;}
.fixed-layer .to-top i{background-position: -160px 0; height: 11px;}
.fixed-layer .to-top a{height: 32px; padding-top: 16px; background: #2f2f2f;}
.fixed-layer .tel-ask, .fixed-layer .weixin, .fixed-layer .qq, .fixed-layer .online{position: relative; /*vertical-align:middle;*/ _float: left;}
.fixed-layer li.tel-ask a:hover, .fixed-layer li.weixin a:hover{background: #295179}
.fixed-layer .tel-ask-tips{position: absolute; left: -140px; top: 0; text-align: left; width: 110px; height: 56px; background: #295179; color: #fff; padding: 20px 10px 10px 10px; display: none;}
.fixed-layer .tel-ask-tips span{font-size: 16px; font-family: 'Microsoft Yahei', Arial;}
.fixed-layer .weixin-tips{position: absolute; right: -174px; top: 0; text-align: center; width: 135px; height: 150px; background: #295179; padding: 10px; border-radius: 10px; border:none; display: none;}
.fixed-layer .weixin-tips p {text-align: center; line-height: 43px; font-size: 14px; color: #fff;}
.fixed-layer .weixin-tips img{width: 120px; height: 120px; display: block; margin: 0 auto;}
.fixed-layer .app-tips{position: absolute; left: -313px; top: 0; text-align: left; width: 281px; height: 150px; background: #fff; padding: 10px; border: 1px solid #1d5fc2; display: none;}
.fixed-layer .tel-ask-tips em, .fixed-layer .weixin-tips em, .fixed-layer .app-tips em{width: 0; height: 0; font-size: 0; line-height: 0; position: absolute; right: -10px; top: 27px; border-width: 10px; border-style: dashed dashed dashed solid;}
.fixed-layer .tel-ask-tips em{border-color: transparent transparent transparent #147ec1;}
.fixed-layer .weixin-tips em{border-color: transparent #295179 transparent transparent; left: -20px; _right: -12px; top: 32px;}
.fixed-layer .app-tips em{border-color: transparent transparent transparent #1d5fc2; right: -11px; _right: -12px;}
.fixed-layer .qq:hover i {background-position: -40px -40px;}
.fixed-layer .weixin:hover i {background-position: 0px -40px;}

/*内页*/
.innercontent {background: #F5F5F5;}

.innerpositon {height: 50px; background: #f4f4f4; }
.innerpositon p {line-height: 50px;  color: #666666; font-size: 16px; text-align: left; }
.innerpositon p i {width: 16px; height: 16px; vertical-align: middle; display: inline-block; background: url(/skins/images/pc/nyico1.png) 0 0 no-repeat; margin:-3px 10px 0 0; background-size: 16px;}
.innerpositon p a {color: #666666; font-size: 14px;}
.innerpositon p a:hover {color:#295179;}

/*内页banner*/
.nybanner {margin-top: 80px;}
/*.nybanner  {height:600px;}*/
.nybanner .txt {position: absolute; right: 0; top: 0;width: 320px; height: 600px; background:rgba(255,255,255,0.9);}
.nybanner .txt .tcon {padding: 300px 0 0 30px;}
.nybanner .txt h1 {font-size: 24px; color: #295179; font-weight: normal; }
.nybanner .txt p {font-size: 16px; color: #333333;  padding:15px 40px 0 0px ;}
.nybanner1 {background: url(/skins/images/pc/nybanner1.jpg) center center no-repeat;}
.nybanner2 {background: url(/skins/images/pc/nybanner2.jpg) center center no-repeat;}
.nybanner3 {background: url(/skins/images/pc/nybanner3.jpg) center center no-repeat;}
.nybanner4 {background: url(/skins/images/pc/nybanner4.jpg) center center no-repeat;}
.nybanner5 {background: url(/skins/images/pc/nybanner5.jpg) center center no-repeat;}
.nybanner6 {background: url(/skins/images/pc/nybanner6.jpg) center center no-repeat;}
.nybanner7 {background: url(/skins/images/pc/nybanner7.jpg) center center no-repeat;}
.nybanner8 {background: url(/skins/images/pc/nybanner8.jpg) center center no-repeat;}
.nybanner9 {background: url(/skins/images/pc/nybanner9.jpg) center center no-repeat;}
.nybanner10 {background: url(/skins/images/pc/nybanner10.jpg) center center no-repeat;}

/*page*/
.nypages {padding:80px 0 120px;text-align: center; background: #f5f5f5;}
.nypages a {display:inline-block;padding: 16px 21px;margin: 0 3px; background: #e9e9e9; font-size: 18px; color: #666666;}
.nypages span{background: #295179;font-size: 18px; color: #fff;display: inline-block;padding: 16px 21px;margin: 0 3px;}
.nypages a:hover{background: #295179;font-size: 18px; color: #fff;display: inline-block;padding: 16px 21px;margin: 0 3px;}

@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}

@media screen and (min-width: 1001px) and (max-width: 1370px) {

}
@media screen and (max-width: 1000px) {

    .w {width: 100%;}
    .w2 {width: 100%;}
    .main{width: 100%; position: relative; overflow: hidden;}
    .header {height: 3.125rem; width: 100%; box-shadow: 0 0 5px #ddd; background:rgba(255,255,255,1); position: fixed; left: 0;top: 0; z-index: 9;}
    .header-top {height: 3.125rem;}
    .header-top .rel{ padding-right: 0;}
    .logo {width:9.53125rem; height: auto; left:0.625rem; top: 0.42rem; position: absolute; z-index: 9; }
    .logo img {width:100%;display: block;}
    .navwrap { position: fixed; width: 10rem; top:0; right:-10rem; transition: all 0.5s; z-index: 8; }
    .nav {width: 100%; height: 100%; background:rgba(0,0,0,0.85);}
    .nav ul {font-size: 0; padding-top: 3.125rem;}
    .nav li {float: left; width: 100%;}
    .nav li ul {display: none}
    .nav li a {text-align: left; padding:0.875rem 1rem;  font-size: 0.875rem; color: #fff; display: block;}
    .nav li a:hover {color: #fff;}
    .nav li.on a {color: #fff;}
    .nav li:last-child {border: none;}
    .navico {width: 3.125rem; display: block; height: 3.125rem; right: 0; top:0; background: url(/skins/images/pc/menu.png) center center no-repeat; background-size: 60%; position: absolute;}
    .navclose {width: 3.125rem; display:block; height: 3.125rem; cursor: pointer; right:0px; top:0; background: url(/skins/images/pc/menu2.png) center center no-repeat; background-size: 60%; position: absolute;}
    .mmask {display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background:rgba(0,0,0,0.5) ; z-index: 3;}
    .header.on .navwrap { right:0;}


    /*footer*/
    .footer {background: #333333; padding-bottom: 9%}
    .footer .fnav {padding: 1.5625rem 0.625rem 0;}
    .footer .fnav a {font-size: 0.625rem; color: #9e9e9e; margin-right: 0.45rem;}
    .footer .fnav a:hover {color: #295179;}
    .footer-con  {padding: 1.5625rem 0.625rem 1.2rem; position: relative;}
    .footer-con::before {content: ""; width: 1px;display: none; height: 100px; background: #545454; position: absolute; left: 320px; top: 80px;}
    .footer-con .blogo {display: block; width: 8.28125rem; height: auto; position: relative; left: auto; top: auto; margin-bottom: 0.625rem;}
    .footer-con .blogo img {width: 100%;}
    .footer-con p {font-size: 0.75rem; color: #9e9e9e; line-height: 1.5; text-align: left;}
    .footer-con p a {font-size: 0.75rem; color: #9e9e9e; line-height: 1.5;display: inline-block;}
    .footer-con p a:hover {font-size: 0.75rem; color: #fff; line-height: 1.5; }
    .footer .ewm {position: relative;right: auto;display: none; top: auto; width: 5rem; margin-left: 0.625rem; padding-bottom: 1rem;}
    .footer .ewm h4 {width:5rem;height: 5rem; margin: 0 auto;}
    .footer .ewm h4 img {width:5rem;height: 5rem;display: block;}
    .footer .ewm p {text-align: center; font-size: 0.625rem; color: #9e9e9e; padding:0.5rem 0 0;}
    /*手机底部*/
    .footheight { display: none !important;}
    .footfix {display: none !important;}
    /*手机底部*/
    .footheight { height:3.125rem;display: block;}
    .footfix {height: 3.125rem; background: #295179; width: 20rem; bottom: 0; position: fixed; z-index: 99; display: block;}
    .footfix ul {display: flex;}
    .footfix ul li{ width: 25%;height: 3.125rem; border-right: #ef9149 solid 0.03125rem; box-sizing:border-box;}
    .footfix ul li h3 { width:1.5625rem; height: 1.5625rem; margin: 0 auto; padding:0.35rem 0 0.15rem;}
    .footfix ul li h3 img { width:1.5625rem; height: 1.5625rem; margin: 0 auto;}
    .footfix ul li p {font-size: 0.75rem; color: #fff; text-align: center;}
    .footfix ul li:last-child {border: none;}

    /*banner*/
    .banner {position: relative; z-index: 1; margin-top: 3.125rem; padding-top: 0;}
    .banner img {width: 100%;display: none;}
    .banner img.mbanner {display: block;}
    .banner .swiper-pagination{position: absolute; left: 0; text-align: center; bottom:0.375rem; width: 100%;}
    .swiper-pagination-bullet{display: inline-block; width: 2rem; height: 0.125rem; border-radius: 0.375rem; opacity: 1; background: #fff;  margin: 0 0.1875rem; cursor: pointer;}
    .swiper-pagination-bullet-active{background: #295179;opacity: 1;}

    /*fixed-layer*/
    .fico{width: 40px; height: 40px; background: url(/skins/images/pc/fico.png) no-repeat;}
    .fixed-layer{display: none !important; position: fixed; width: 72px; left: 0; bottom: 50px; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-460)); z-index: 8;}
    .fixed-layer li{border-top: 1px solid #eaf1f1; text-align: center; font-family: "Microsoft Yahei"; font-size: 14px;}
    .fixed-layer li:first-child{border: none;}
    .fixed-layer li a{display: block; width: 72px; height: 66px; font-weight: bold; background: #d0d0d0; color: #666666; padding-top: 10px; cursor: pointer}
    .fixed-layer li a:hover{background: #295179; color: #fff; text-decoration: none;}
    .fixed-layer i{display: block; width: 40px; height: 40px; margin: 0 auto; cursor: pointer}
    .fixed-layer .weixin i{background-position: 0 0;}
    .fixed-layer .qq i{background-position: -40px 0;}
    .fixed-layer .online i{background-position: -80px 0;}
    .fixed-layer .tel-ask i{background-position: -120px 0;}
    .fixed-layer .to-top i{background-position: -160px 0; height: 11px;}
    .fixed-layer .to-top a{height: 32px; padding-top: 16px; background: #2f2f2f;}
    .fixed-layer .tel-ask, .fixed-layer .weixin, .fixed-layer .qq, .fixed-layer .online{position: relative; /*vertical-align:middle;*/ _float: left;}
    .fixed-layer li.tel-ask a:hover, .fixed-layer li.weixin a:hover{background: #295179}
    .fixed-layer .tel-ask-tips{position: absolute; left: -140px; top: 0; text-align: left; width: 110px; height: 56px; background: #295179; color: #fff; padding: 20px 10px 10px 10px; display: none;}
    .fixed-layer .tel-ask-tips span{font-size: 16px; font-family: 'Microsoft Yahei', Arial;}
    .fixed-layer .weixin-tips{position: absolute; right: -174px; top: 0; text-align: center; width: 135px; height: 150px; background: #295179; padding: 10px; border-radius: 10px; border:none; display: none;}
    .fixed-layer .weixin-tips p {text-align: center; line-height: 43px; font-size: 16px; color: #fff;}
    .fixed-layer .weixin-tips img{width: 120px; height: 120px; display: block; margin: 0 auto;}
    .fixed-layer .app-tips{position: absolute; left: -313px; top: 0; text-align: left; width: 281px; height: 150px; background: #fff; padding: 10px; border: 1px solid #1d5fc2; display: none;}
    .fixed-layer .tel-ask-tips em, .fixed-layer .weixin-tips em, .fixed-layer .app-tips em{width: 0; height: 0; font-size: 0; line-height: 0; position: absolute; right: -10px; top: 27px; border-width: 10px; border-style: dashed dashed dashed solid;}
    .fixed-layer .tel-ask-tips em{border-color: transparent transparent transparent #147ec1;}
    .fixed-layer .weixin-tips em{border-color: transparent transparent transparent #295179; right: -20px; _right: -12px; top: 32px;}
    .fixed-layer .app-tips em{border-color: transparent transparent transparent #1d5fc2; right: -11px; _right: -12px;}
    .fixed-layer .qq:hover i {background-position: -40px -40px;}
    .fixed-layer .weixin:hover i {background-position: 0px -40px;}

    /*内页*/
    .innercontent {background: #F5F5F5;}

    .innerpositon {height: 55px; background: #fff; border-top: #fff solid 1px;display: none; }
    .innerpositon p {line-height: 55px;  color: #666666; font-size: 18px; text-align: right; }
    .innerpositon p span {width: 25px; height: 25px; vertical-align: middle; display: inline-block; background: url(/skins/images/pc/nyico1.png) 0 0 no-repeat; margin-right: 10px;}
    .innerpositon p a {color: #666666;}
    .innerpositon p a:hover {color:#295179;}

    /*内页banner*/
    .nybanner {margin-top: 3.125rem;}
    .nybanner  {height:6rem;}
    .nybanner .txt {position: absolute; left: 0.625rem; top:2rem;width: 14rem; height: 5rem; background:rgba(255,255,255,0.9);}
    .nybanner .txt .tcon {padding: 0;}
    .nybanner .txt h1 {font-size: 1rem; color: #295179; padding:0.625rem 0 0.625rem 0.625rem ; position: relative;}
    .nybanner .txt p {font-size: 0.75rem; color: #666;  padding:0px 0.625rem 0.3125rem 0.625rem ; line-height: 1.25;}
    .nybanner1 {background: url(/skins/images/pc/nybanner1.jpg) center 0 no-repeat; background-size: cover;}
    .nybanner2 {background: url(/skins/images/pc/nybanner2.jpg) center 0 no-repeat; background-size: cover;}
    .nybanner3 {background: url(/skins/images/pc/nybanner3.jpg) center 0 no-repeat; background-size: cover;}
    .nybanner4 {background: url(/skins/images/pc/nybanner4.jpg) center 0 no-repeat; background-size: cover;}
    .nybanner5 {background: url(/skins/images/pc/nybanner5.jpg) center 0 no-repeat; background-size: cover;}
    .nybanner6 {background: url(/skins/images/pc/nybanner6.jpg) center 0 no-repeat; background-size: cover;}
    .nybanner7 {background: url(/skins/images/pc/nybanner7.jpg) center 0 no-repeat; background-size: cover;}
    .nybanner8 {background: url(/skins/images/pc/nybanner8.jpg) center 0 no-repeat; background-size: cover;}
    .nybanner9 {background: url(/skins/images/pc/nybanner9.jpg) center 0 no-repeat; background-size: cover;}
    .nybanner10 {background: url(/skins/images/pc/nybanner10.jpg) -16rem 0 no-repeat; background-size: cover;}

    /*page*/
    .nypages {padding:2rem 0 2.5rem;text-align: center; background: #f5f5f5;}
    .nypages a {display:inline-block;padding: 0.5rem 0.5rem;margin: 0 0.0625rem; background: #fff; font-size: 0.625rem; color: #666666;}
    .nypages span{background: #295179;font-size: 0.625rem; color: #fff;display: inline-block;padding:0.5rem 0.5rem;margin: 0 0.0625rem;}
    .nypages a:hover{background: #295179;font-size: 0.625rem; color: #fff;display: inline-block;padding: 0.5rem 0.5rem;margin: 0 0.09375rem;}



}


.banner-outer {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #f5f7fa;
}

.banner-wrapper {
    display: flex;
    max-width: 1920px;
    position: relative;
}

.banner-img-box {
}
.banner-img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 1920px;
}

.banner-side {
    width: 260px;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    position: absolute;
    right: 13%;
    top: 0;
}
.banner-side tcon h1 {
    font-size: 24px;
    color: #295179;
    font-weight: normal;
}
.banner-side .txt p {
    font-size: 16px;
    color: #333333;
    padding: 15px 40px 0 0px;
}