/* ==========================================================================
   Index Page
   ========================================================================== */
/*首页banner大图样式*/
.ibanner{ position:relative; height:600px; width: 100%;}
.ibanner .swiper-container {width: 100%;height: 100%; overflow: hidden;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:cover;}

.ibanner .swiper-button-next,.ibanner .swiper-button-prev{ background: none; width: 46px; height: 46px; line-height: 46px; border-radius: 46px; border: 1px solid rgba(255,255,255,0.2); opacity: 1; margin-top: -23px; text-align: center;}
.ibanner .swiper-button-next i,.ibanner .swiper-button-prev i{ color: #fff; font-size: 30px;}
.ibanner .swiper-button-prev{ left: 3%;}
.ibanner .swiper-button-next{ right: 3%;}
.ibanner .swiper-button-next:hover,.ibanner .swiper-button-prev:hover{background-color: #fff; color: #c52d2f;}
.ibanner .swiper-button-next:hover i,.ibanner .swiper-button-prev:hover i{ color:  #c52d2f; opacity: 1;}

.ibanner .bH{ height: 100%; position: relative; width: 75%; align-items: start; margin: 0 auto;}
.ibanner .bfont{ color: #fff; text-align: left;}
.ibanner .bfont span{ display: block; font-size: 6.4rem; line-height: 8.6rem;transform: translateY(100px); opacity: 0;}
.ibanner .bfont p{ font-size: 2.2rem; margin-top: 10px;transform: translateY(200px); opacity: 0;}
.ibanner .bfont p i{ display: inline-block; background: url(../img/icon1.png) no-repeat center center; width: 12px; height: 12px; margin-right: 10px;}

.pro-box{ width: auto; position: relative; padding-top: 40px; border: 1px solid #dcdcdc;}
.pro-box .ptip{ position: absolute; top: 0; left: 0; z-index: 3; line-height: 40px; color: #fff; background-color: #264c90; width: 70%; border-radius: 0 0 35px 0; font-size: 16px; padding: 0 20px; box-sizing: border-box;}
.pro-box .icon{ background-color: #fff;}
.pro-box .icon img{}
.pro-box .ntit{ background-color: #f1f1f1; padding: 20px;}
.pro-box .ntit h3{ font-size: 20px; text-align: left; padding: 0;}
.pro-box .ntit h3 a{ color: #222;}
.pro-box .ntit h3 a:hover{ color: #264c90;}
.pro-box .ntit p{ color: #666; line-height: 22px;}

.pro-box2{ width: auto; position: relative; border: 1px solid #dcdcdc;}
.pro-box2 .icon{ background-color: #fff;}
.pro-box2 .icon img{}
.pro-box2 .ntit{ background-color: #f1f1f1; padding: 20px;}
.pro-box2 .ntit h3{ font-size: 20px; color: #264c90; text-align: left; padding: 0;}
.pro-box2 .ntit p{ color: #666; line-height: 22px;}
.pro-box2 a:hover .ntit{ background-color: #264c90; transition: all 0.3s;}
.pro-box2 a:hover .ntit h3,.pro-box2 a:hover .ntit p{ color: #fff;}
 
.pro-box3{ width: auto; position: relative; border: 1px solid #dcdcdc;}
.pro-box3 .icon{ background-color: #fff;}
.pro-box3 .icon img{}
.pro-box3 .ntit{ border-top: 1px solid #dcdcdc; padding: 20px;}
.pro-box3 .ntit h3{ font-size: 16px; color: #264c90; text-align: left; padding: 0;}
.pro-box3 .ntit p{ color: #333; line-height: 22px;}
.pro-box3 span{ display: block; text-align: center; background-color: #b0b0b0; color: #fff; line-height: 43px;}
.pro-box3 a:hover span{ background-color: #264c90; color: #fff; transition: all 0.3s;}


.iblock-1{ background-color: #fff; padding: 30px;}
.iblock-1 .swiper-button-next,.iblock-1 .swiper-button-prev{ background: #fff; width: 60px; height: 60px; line-height: 60px; border-radius: 60px; border: 1px solid #e5e5e5; opacity: 1; margin: auto 0; text-align: center; top: inherit; bottom: 0; top: 0; z-index: 1000;}
.iblock-1 .swiper-button-next i,.iblock-1 .swiper-button-prev i{ color: #313140; font-size: 24px; font-weight: bold;}
.iblock-1 .swiper-button-prev{ left: -70px;}
.iblock-1 .swiper-button-next{ right: -70px;}
.iblock-1 .swiper-button-next:hover,.iblock-1 .swiper-button-prev:hover{background-color: #fff; color: #313140;}
.iblock-1 .swiper-button-next:hover i,.iblock-1 .swiper-button-prev:hover i{ color: #313140;}

.iblock-2{ background: url(../img/ibk_bg1.jpg) no-repeat 0 center; height: 156px; background-size: cover; color: #fff; box-sizing: border-box; padding: 30px;}
.iblock-2 span{ display: block; font-size: 32px;}
.iblock-2 a{ color: #a8b7d3; display: inline-block; vertical-align: middle; margin-right: 40px;}
.iblock-2 a i{ font-size: 20px; margin-right: 6px; vertical-align: middle;}
.iblock-2 a:hover{ color: #fff;}

.iblock-3{ background: url(../img/ibk_bg2.jpg) no-repeat center center; height: 156px; background-size: cover; color: #fff; box-sizing: border-box; padding: 30px; text-align: center; line-height: 36px;}
.iblock-3 span{ display: block; font-size: 32px; }
.iblock-3 a{ font-weight: bold; font-size: 16px; text-decoration: revert; color: #fff;}

.news-box{ margin-bottom: 0;}
.news-box a{ display: block;}
.news-box span{ font-size: 3.8rem; font-family: "SapientSansMedium";}
.news-box h3{ text-align: left; font-size: 26px; font-weight: normal; padding: 0;}
.news-box p{ line-height: 28px; color: #555; margin: 10px 0;}
.news-box i{ display: block; margin-top: 20px; vertical-align: middle;}
.news-box i::before{ font-size: 30px; color: #e62028; font-weight: bold; margin-right: 10px; vertical-align: sub;}

a.imore{display: inline-block; color: #fff; font-size: 16px; background-color: #c52d2f; padding: 0 40px; line-height: 57px; border-radius: 57px;}
a.imore i{ font-size: 30px; line-height: 55px; margin-right: 10px;  vertical-align: middle;}
a.imore:hover{  color: #f70404;  border-color: #fff; background: #fff;}


/* ==========================================================================
   Other Page
   ========================================================================== */

.nbanner{ background-image: url(../img/nban1.jpg); background-position: 0 center; background-size: cover; height: 159px; width: 100%; position: relative;}
.nbanner .wrap{ height: 100%;}
.nbanner .nbrow{color: #fff; padding-top: 20px;}
.nbanner .nbrow span{ font-size: 4rem; }


.nban2{ height: 80px!important;}
.nban3{ background-image: url(../img/nban3.jpg);}
.nban4{ background-image: url(../img/nban4.jpg);}



.aback{ text-align: right;}
.aback a{ color: #555; vertical-align: middle;}
.aback a i{ color: #cb2a3a; font-size: 24px; margin-right: 5px;}
.aback a:hover{ color: #cb2a3a;}

.down-list .brow{ border-top: 1px solid #cacaca; position: relative; padding: 30px 0;}
.down-list .brow .binfo{ width: 70%;}
.down-list .brow .btit{ font-size: 24px;}
.down-list .brow .btit i{ color: #ef6a63; font-size: 30px; margin-right: 5px;}
.down-list .brow p{ color: #777;}
.down-list .brow p span{ margin-right: 20px; display: inline-block;}
.down-list .brow .down-dot{ position: absolute; top: 0; right: 30px; width: 155px; height: 50px; line-height: 50px; text-align: center;}
.down-list .brow .down-dot a{ display: block; color: #fff; background-color: #c52735; vertical-align: middle;}
.down-list .brow .down-dot a i{ font-size: 26px; margin-right: 5px; vertical-align: sub;}
.down-list .brow .down-dot a:hover{ background-color: #F80A0A;}
/*yu*/
.bg-eee { background: #eee;  background-size: cover; padding-top: 7.5rem;  overflow: hidden;   margin-bottom: -7.5rem;  padding-bottom: 2rem;}
/*yu end*/
.nblock-1 {background-color: #fff; position: relative; padding: 30px;}
.nblock-1::before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background:linear-gradient(90deg,rgba(44,74,141) 0,rgba(196,46,52) 90%);}
.nblock-1 table{ width: 100%; border: none;}
.nblock-1 table tr{ background-color: #f6f6f6;}
.nblock-1 table tr td{ border-bottom: 1px solid #fff; padding:15px 20px;}
.nblock-1 table tr:nth-child(2n){ background-color: #eeeeee;}
.nblock-1 table td a{ color: #264c90; font-size: 16px;}
.nblock-1 table td a:hover{ color: #cc2c2f;}

.diagramContainer{transition: all 50ms linear; position: relative;}
.zoomHolder{width: 100%;height: auto;border: solid 1px #dcdcdc;position: relative;overflow: hidden;-webkit-transition: all 300ms linear;transition: all 300ms linear;}
.controlHolder{position: absolute;right: 0;top: 0;left: 0;z-index: 10;padding-top: 3px;height: 40px;text-align: right;}
.catalog .controlHolder a{border: 1px solid #dcdcdc!important; color: #fff; background-color: #777!important; transition-duration: .5s; display: inline-block; padding: 10px; margin-right: 3px; cursor: pointer; height: 35px; padding: 6px 15px; font-size: 14px; border-radius: 3px;}
.glyphicon-zoom-in,.glyphicon-zoom-out{ display: inline-block; width: 40px; height: 40px; margin-right: 5px;}
.glyphicon-zoom-in:before{content: "\e65d"; font-family: "iconfont"; line-height: 40px; text-align: center; color: #fff; background: #666; font-size: 24px; display: block; border-radius: 2px;}
.glyphicon-zoom-out:before{content: "\e65f"; font-family: "iconfont";line-height: 40px; text-align: center; color: #fff; background: #666; font-size: 24px; display: block; border-radius: 2px;}
.diagramContainer .pinchzoom {
    top: 0 !important;
}
.tableContainer {
    position: relative;
}

.table-striped{ width: 100%; border: 1px solid #dcdcdc; position: relative;}
.table-striped td,.table-striped th{border: 1px solid #dcdcdc; padding:5px 10px; line-height: 26px;}
.table-striped th{ background-color: #f1f1f1; font-weight: normal; color: #555;}
.table-striped span{ display: block;}
.table-striped .blue{ color: #264c90;}
.table-striped .grey{ color: #a9a9a9;}
.table-striped .red{ color: #f1494c; font-size: 12px;}
.table-striped .red2{ color: #cc2c2f; font-size: 14px; line-height: 20px;}
.table-striped .in-num{ width: 50px; height: 27px; line-height: 27px; border: 1px solid #dcdcdc; padding: 0; text-align: center;}
.table-striped select{ height: 29px; line-height: 29px; border: 1px solid #dcdcdc; width: 100px;}
.btn-buy{ border: 0; background: none; color: #264c90;}
.btn-buy i{ font-size: 34px; line-height: 29px;}

.nbk_bg1{ background-color: #f7f7f7; padding: 7.5rem 0;}
.table-opt{ width: 100%; border: 1px solid #dcdcdc; position: relative;}
.table-opt td,.table-opt th{border: 1px solid #dcdcdc; padding:10px 20px; line-height: 26px;}
.table-opt th{ background-color: #f1f1f1; font-size: 16px;}
.table-opt span{ display: block;}
.table-opt .blue{ color: #264c90;}
.table-opt .grey{ color: #a9a9a9;}
.table-opt .red{ color: #f1494c; font-size: 12px;}
.table-opt .red2{ color: #cc2c2f; font-size: 14px; line-height: 20px; display: inline-block; margin-left: 10px;}
.table-opt .in-num{ width: 50px; height: 27px; line-height: 27px; border: 1px solid #dcdcdc; padding: 0; text-align: center;}
.table-opt select{ height: 29px; line-height: 29px; border: 1px solid #dcdcdc; width: 100px;}


.gg-list .tlist{ padding: 0;}
.gg-list .gallery-top{ float: left; width: 83%; height: 460px; border: 1px solid #dcdcdc;}
.gg-list .gallery-top .jcent{ height: 100%;}
.gg-list .gallery-thumbs{ float: right; width: 13%; margin-right: 2%; height: 460px;}
.gg-list .gallery-thumbs .smal-img{ border: 1px solid #dcdcdc; height: 100%; width: 100%; box-sizing: border-box; vertical-align: middle;display: flex; align-items: center;justify-content: center;flex-direction: column;}
.gg-list .gallery-thumbs .smal-img img{ vertical-align: middle;}
.gg-list .gallery-thumbs .swiper-slide-thumb-active .smal-img{ border-color: #264c90;}

.acc-tit{ font-size: 28px; font-weight: bold; line-height: 36px;}
.acc-price{ font-size: 22px; color: #cc2c2f; margin: 10px 0;}
.acc-tit2{ border-top: 1px solid #dcdcdc; font-size: 16px; color: #666; padding-top: 10px; margin-bottom: 10px;}

.gg-tabs{ width: 102%;}
.gg-tabs a{ display: block; float: left; width: 31%; margin-right: 2%; padding: 10px 0; line-height: 26px; border: 1px solid #dcdcdc; text-align: center; margin-bottom: 10px;}
.gg-tabs a.active,.gg-tabs a:hover{ background-color: #f6eced; color: #cc2c2f; border-color: #cc2c2f;}

.buy-tit{ background: #eeeeee; text-align: center; line-height: 43px;}
.buy-sp{ border-top: 1px solid #dcdcdc; padding: 10px 0;}
.buy-sp .row{ display: flex;}
.buy-sp .price-wrap{ font-size: 22px;}
.buy-sp .yj{ margin-left: 20px; text-decoration: line-through; color: #888; font-weight: bold; font-size: 14px;}
.buy-sp .red{ margin-left: 20px; color: #c30d23; font-size: 14px;}
.buy-sp .sp-img{ text-align: left; }
.buy-sp .sp-img img{ width: 100%; height: auto;}
.buy-sp .jleft{ align-items: flex-start;}
.buy-sp .sp-tit span{ color: #264c90; font-size: 20px; font-weight: bold;}
.buy-sp .sp-tit p{ color: #666;}
.buy-sp .delete-btn{ color: #264c90; line-height: 38px; display: inline-block; cursor: pointer;}
.buy-sp .delete-btn i{ font-size: 28px; vertical-align: sub;}
.buy-sp .delete-btn:hover{ color: #c30d23;}

.buy-tool{ border-top: 1px solid #dcdcdc; padding-top: 30px; line-height: 55px;}
.buy-tool .pdot{ text-align: center; font-size: 16px;}
.buy-tool .pdot .sp-fh{ font-size: 3.2rem; font-weight: bold; margin: 0 5px;}
.buy-tool .pdot .sp-fh2{ font-size: 16px; font-weight: bold; color: #666; text-decoration: line-through;}
.buy-tool a.add{ color: #264c90; font-size: 16px;}
.buy-tool a.add i{ font-size: 28px; vertical-align: sub; margin-right: 5px;}
.buy-tool a.add:hover{ color: #c30d23;}
.buy-tool .btn-submit{ border: 0; border-radius: 2px; background-color: #264c90; color: #fff; font-size: 16px; font-weight: bold; text-align: center; width: 80%; float: right;}
.buy-tool .btn-submit:hover{ background-color: #c30d23;}


.pnum span{ margin-right: 5px;}
.pnum input{ border: 1px solid #ddd; background: #fff; width: 60px; height: 36px; line-height: 36px; text-align: center; padding: 0; display: inline-block; vertical-align: middle; }
.pnum input[type="button"]{ font-weight: normal; font-size: 26px; width: 40px; height: 38px; font-family: ""; line-height: 36px; margin: 0 -5px; background-color: #dcdcdc; color: #fff;}

.order-list .order-brow{ border: 1px solid #eee; margin-bottom: 10px;}
.order-list .tit-info{ background-color: #f1f1f1; line-height: 50px; padding: 0 30px;}
.order-list .tit-info .date{ font-weight: bold; font-size: 15px;}
.order-list .tit-info .number span{ font-weight: bold; font-size: 15px;}
.order-list .tit-info .del-btn i{ font-size: 24px; color: #999;}
.order-list .tit-info .del-btn:hover i{ color: #c30d23;}
.order-list .nbk-info{ padding: 10px 30px;}
.order-list .nbk-info .sp-img{ margin-right: 10px;}
.order-list .nbk-info .jleft{ align-items: flex-start;}
.order-list .nbk-info .jright{ align-items: flex-end;}
.order-list .nbk-info p{ color: #555; padding-top: 15px;}
.order-list .nbk-info span{ display: block;}
.order-list .nbk-info .txt-zt1{ font-weight: bold; font-size: 16px;}
.order-list .nbk-info .txt-zt2{ font-weight: bold; font-size: 16px; color: #f3a713;}
.order-list .nbk-info .txt-zt3{ font-weight: bold; font-size: 16px; color: #0bb11f;}
.order-list .nbk-info .txt-zt4{ color: #ddd;}
.order-list .nbk-info .red{color: #c30d23;}
.order-list .nbk-info .yj{color: #888; font-weight: bold; text-decoration: line-through;}
.order-list .btn-tool a{ display: inline-block; border-radius: 30px; border: 1px solid #264c90; font-weight: bold; color: #264c90; line-height: 30px; text-align: center; width: 75px; margin: 0 3px; cursor:pointer} 
.order-list .btn-tool a:hover{ background-color: #264c90; color: #fff;}
.order-list .nbk-info .nbrow{ float: left;}
.order-list .nbk-info .wid1{ width: 8%;}
.order-list .nbk-info .wid2{ width: 28%;}
.order-list .nbk-info .wid3{ width: 10%;}
.order-list .nbk-info .wid4{ width: 10%;}
.order-list .nbk-info .wid5{ width: 10%;}
.order-list .nbk-info .wid6{ width: 14%;}
.order-list .nbk-info .wid7{ width: 24%;}

.order-jdt{ position: relative;}
.order-jdt::before{ content: ""; width: 100%; display: block; position: absolute; height: 12px; border-radius: 12px; background-color: #e5e5e5; top: 45px;}
.order-jdt .jdt-line{ width: 25%; display: block; position: absolute; height: 12px; border-radius: 12px; background-color: #4066a9; top: 45px;}
.order-jdt .nbrow{ width:16.6%; float: left; text-align: center; color: #d1d1d1; position: relative; z-index: 2;}
.order-jdt .nbrow.ywc{ color: #264c90;}
.order-jdt .nbrow span{ display: block; font-weight: bold;}
.order-jdt .nbrow .jd-dot{ display: block; margin: 10px auto; width: 32px; height: 32px; line-height: 32px; border-radius: 32px; color: #fff; background-color: #d1d1d1; font-size: 22px; text-align: center;}
.order-jdt .nbrow.ywc .jd-dot{ background-color: #264c90;}
.order-jdt .nbrow p{ min-height: 60px; line-height: 26px; }
.order-jdt .nbrow a{ line-height: 40px; display: inline-block; width: 90%; border-radius: 2px; color: #fff; background-color: #cc2c2f; text-align: center;}
.order-jdt .nbrow a i{ margin-right: 5px; font-size: 14px;}
.order-jdt .nbrow em{line-height: 40px; display: inline-block; width: 90%; border-radius: 2px; color: #bcbcbc; border: 1px solid #bcbcbc; text-align: center; font-style: normal;}
.order-jdt .nbrow em i{margin-right: 5px; font-size: 14px;}


.order-jdt .nbrow a.FileView{ background:none;color:black; text-decoration:underline}

.order-xq .jd-tit{ background-color: #264c90; color: #fff; font-size: 22px; font-weight: bold; line-height: 55px; text-align: center;}
.order-bk1{ border: 1px solid #e6e9f1; background-color: #f0f3f9; padding: 20px;}
.order-bk1 .nbrow{  background-color: #fff; border-radius: 10px; padding: 20px; line-height: 42px;}
.order-bk1 .nbrow span{ color: #555; font-size: 16px;}
.order-bk1 .nbrow p{ font-weight: bold; color: #555; font-size:16px;}
.order-bk1 .layui-form-label{ padding: 9px 0; width: 115px; font-size: 16px; color: #555;}
.order-bk1 .layui-input-block{ margin-left: 120px;}
.order-bk1 .layui-form-item{ margin-bottom: 5px;}
.order-bk1 .layui-input{ font-size: 16px; font-weight: bold; color: #555;}

.order-xq .jd-tit2{ color: #cc2b2e; line-height: 28px;}
.order-bk2{ border: 1px solid #e6e9f1; background-color: #f0f3f9; padding: 20px; border-radius: 10px; line-height: 36px; height: 210px; margin-bottom: 10px;}
.order-bk2 span{ color: #555;}
.order-bk2 p{ font-weight: bold; color: #555;}
.order-xq .order-brow{ border: 1px solid #eee; margin-bottom: 10px;}
.order-xq .tit-info{ background-color: #f1f1f1; line-height: 50px; padding: 0 30px;}
.order-xq .tit-info .date{ font-weight: bold; font-size: 15px; color: #264c90;}
.order-xq .tit-info .number span{ font-weight: bold; font-size: 15px; color: #264c90;}
.order-xq .nbk-info{ padding: 10px 30px;}
.order-xq .nbk-info .full-row{ border-bottom: 1px solid #eee; padding-bottom: 10px;}
.order-xq .nbk-info:nth-last-child(1) .full-row{ border-bottom: 0;}
.order-xq .nbk-info .jleft{ align-items: flex-start;}
.order-xq .nbk-info .jright{ align-items: flex-end;}
.order-xq .nbk-info p{ color: #555; padding-top: 15px;}
.order-xq .nbk-info span{ display: block;}
.order-xq .nbk-info .txt-zt1{ font-weight: bold; font-size: 16px;}
.order-xq .nbk-info .txt-zt2{ font-weight: bold; font-size: 16px; color: #264c90;}
.order-xq .nbk-info .txt-zt3{ font-weight: bold; font-size: 16px; color: #0bb11f;}
.order-xq .nbk-info .txt-zt4{ color: #ddd;}
.order-xq .nbk-info .red{color: #c30d23;display: inline-block; font-size: 14px; margin-left: 5px; font-weight: normal;}
.order-xq .nbk-info .yj{color: #888; font-weight: bold; text-decoration: line-through; display: inline-block; font-size: 14px; margin-left: 10px;}
.order-xq .nbk-info .inp-num{ width: 50%; font-weight: bold; font-size: 16px; height: 27px; line-height: 27px; border: 1px solid #dcdcdc; padding: 0; text-align: center;}
.order-xq .nbk-info .del-btn i{ color: #999; font-size: 24px;}
.order-xq .nbk-info .del-btn:hover i{ color: #cc2c2f;}
.order-xq .btn-tool a{ display: inline-block; border-radius: 40px; border: 1px solid #264c90; font-weight: bold; color: #264c90; line-height: 40px; text-align: center; width: 108px; margin: 0 5px;} 
.order-xq .btn-tool a:hover{ background-color: #264c90; color: #fff;}
.order-xq .nbk-info .nbrow{ float: left;}
.order-xq .nbk-info .wid1{ width: 8%;}
.order-xq .nbk-info .wid2{ width: 20%; margin-left: 2%;}
.order-xq .nbk-info .wid3{ width: 30%;}
.order-xq .nbk-info .wid3-3{ width: 25%;}
.order-xq .nbk-info .wid4{ width: 10%;}
.order-xq .nbk-info .wid5{ width: 10%;}
.order-xq .nbk-info .wid6{ width: 20%;}
.order-xq .nbk-info .wid7{ width: 10%;}
.order-xq .nbk-info .wid8{ width: 5%;}
.order-xq .btn-submit{border: 0; line-height: 70px; border-radius: 2px; background-color: #cc2c2f; color: #fff; font-size: 18px; font-weight: bold; text-align: center; width: 340px;}

.je-tool{ text-align: center; font-weight: bold; line-height: 30px;}
.je-tool span{ font-size: 16px;}
.je-tool .istyle1{ color: #264c90; font-size: 18px;}
.je-tool .istyle2{ color: #cc2c2f; font-size: 24px;}
.je-tool .istyle3{ color: #cc2c2f; font-size: 18px;}

.order-bz .tit{ font-size: 16px; color: #555;}
.order-bz .order-info{ border: 1px solid #e8e8e8; background-color: #f1f1f1; padding: 30px; color: #888; font-size: 16px; height: 150px; width: 100%; box-sizing: border-box;}

.sect_bank{ background-color: #264c90; padding: 6rem 0 9rem;}
.sect_bank .btit{ color: #fff; font-size: 16px; line-height: 30px;}
.bank_bk{ background-color: #fff; border-radius: 3px; line-height: 30px; overflow: hidden;}
.bank_bk .bank-info{ padding: 30px;}
.bank_bk .bank-info p{ font-weight: bold;}
.bank_bk .bank-info span{ color: #555;}
.bank_bk .bank-tip{ background-color: #f1f1f1; line-height: 30px; padding: 10px 30px;}

.sub-th{ background-color: #c52735; color: #fff; padding: 2.5rem 5rem; position: relative; font-weight: bold; font-size: 20px;}
/* .sub-th:after{ content: "操作"; float: right; color: #fff; font-size: 18px; position: absolute; right: 2rem; top: 0; width: 60px; height: 30px; line-height: 30px; text-align: center; bottom: 0; margin: auto 0;} */
.sub_cont{ }
.sub_cont .subNav{ background: #fff; font-size: 18px; line-height: 3rem; padding: 2.5rem 5rem; margin-top: 1rem; position: relative; border-bottom: 1px solid #f1f1f1; font-weight: bold;}
.sub_cont .subNav:after{ content: "\eaf3"; float: right;font-family: "iconfont" !important; color: #555; font-size: 18px; position: absolute; right: 3rem; top: 0; width: 30px; height: 30px; line-height: 30px; border: 1px solid #555; border-radius: 30px; text-align: center; bottom: 0; margin: auto 0;}
.sub_cont .subNav.open{ margin-bottom: 0; background-color: #fff; color: #555;}
.sub_cont .subNav.open:after{ content: '\e870'; background-color: #fff; color: #555;}
.navContent{ display: none; background: #f1f1f1; margin: 0; padding: 5rem;}
.navContent p{ margin: 10px 0 0; color: #666; font-size: 16px; line-height: 30px;}
.navContent span{ font-weight: bold; font-size: 22px; display: block;}
.navContent .tmore{ margin-top: 20px;}
.navContent .tmore a{ display: inline-block; color: #fff; padding: 10px 40px; background-color: #c52735; font-size: 18px;}
.navContent .tmore a:hover{ border-radius: 40px;}

.cont-map{ position: relative;}
.cont-map .wrap{ position: absolute; left: 0; right: 0; margin: 0 auto; height: 100%;}
.contact-bk{}
.contact-bk .brow{ width: 33.33%; float: left;}
.contact-bk .brow:nth-child(1) span{ width: 65%;}
.contact-bk .brow:nth-child(2) .cont-box{ border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.contact-bk .cont-box{ text-align: center; }
.contact-bk .cont-box i{ display: inline-block; width: 50px; height: 50px; line-height: 50px; border-radius: 100%; border: 1px solid #dcdcdc; margin-right: 10px; font-size: 30px; text-align: center; vertical-align: middle;}
.contact-bk span{ display: inline-block;  vertical-align: middle; text-align: left; }
.contact-bk a{color: #c52735; display: inline-block;}

.my-auto{ display: flex;}

/*面包屑*/
.place{ color: #8090b6;  position: relative; width: 100%; vertical-align: middle; }
.place span{ margin: 0 2px; color: #8090b6;}
.place a{ color: #8090b6; margin: 0 2px;}
.place a:hover{ color: #fff;}
.place i{color: #8090b6; font-size: 18px; vertical-align: middle;}

.img-box{ position: relative; }
.img-box::after{ content: ""; height: 100%; width: 1px; background-color: #f1f1f1; position: absolute; top: 0; right: -15px;}
.img-box .icon{ background-color: #fff;}
.img-box .ntit{ text-align: center; font-size: 16px; color: #264c90;}

/*分类样式*/
.module_cate{height: 54px; line-height: 54px; position: relative; z-index: 100; border-bottom: 1px solid #dcdcdc; }
.module_cate span{ color: #333; font-size: 20px }
.subCate{ clear: both; overflow: hidden;}
.subCate li{ border-bottom: 1px solid #dcdcdc; line-height: 47px;}
.subCate li a{color: #555;}
.subCate li span{ float: right; color: #555;}
.subCate li:hover a,.subCate li.active a,.subCate li:hover span,.subCate li.active span{ color: #264c90;}



.msg-bk{ background: linear-gradient(180deg,rgba(231,239,248) 0,rgba(255,255,255,1) 35%); padding: 7rem 0;}

.m-form{ width: 65%; margin-left: auto; margin-right: auto;}
.m-form label{ font-size: 18px; margin-bottom: 1rem; display: block;}
.m-form label i{ color: #f00;}
.m-form .btn{ background-color: #c52735; border-color: #c52735; border-radius: 5px; font-size: 17px;  line-height: 55px; width: 40%; color: #fff; padding: 0; margin: 0 auto; display: block;}
.m-form .form-control{ border: 1px solid #e5e5e5; border-radius: 5px; color: #666; height: 55px; font-size: 16px; }
.m-form .msg-btn .btn:hover{ background-color: #ff8e00; color: #fff; opacity: 1;}
.m-form textarea.form-control{ border: 2px solid #f7f7f7; height: auto;}
.m-form .form-group{ margin-bottom: 2rem;}

.m-form2{ border: 1px solid #dcdcdc; padding: 45px;}
.m-form2 .layui-form-label{ padding: 0 0 10px; text-align: left; font-size: 16px; font-weight: bold; width: 100%;}
.m-form2 .layui-form-label i{ color: #cc2c2f; margin-left: 5px;}
.m-form2 .btn{ background-color: #264c90; border: 0; font-size: 16px; font-weight: bold;  line-height: 55px; width: 225px; color: #fff; padding: 0; display: block; height: 50px; border-radius: 2px;}
.m-form2 .layui-input{ border: 1px solid #e5e5e5; color: #333; height: 55px; font-size: 16px; padding-left: 16px; }
.m-form2 .msg-btn .btn:hover{ background-color: #ff8e00; color: #fff; opacity: 1;}
.m-form2 .layui-input::-moz-placeholder{color: #333; opacity: 1;}
.m-form2 .layui-input:-ms-input-placeholder{color: #333;}
.m-form2 .layui-input::-webkit-input-placeholder{color: #333;}

/*横排分类*/
.tip{ line-height: 36px; color: #565656; font-size: 16px;}

.title-1{ line-height: 30px;}
.title-1 p{ font-size: 16px;}

.title-2{ line-height: 30px; vertical-align: middle;}
.title-2 i{ color: #264c90; font-size: 20px; margin-right: 5px;vertical-align: middle;}
.title-2 span{ font-size: 20px; font-weight: bold; display: inline-block; vertical-align: middle;}

.title-3{ line-height: 30px;}
.title-3 span{ font-size: 28px;}
.title-3 p{ font-size: 16px; color: #555; line-height: 28px;}

a.abtn{ display: inline-block; border: 1px solid #264c90; color: #264c90; font-size: 16px; font-weight: bold; width: 170px; line-height: 55px; text-align: center;}
a.abtn:hover{ background-color: #264c90; color: #fff;}

.content{ line-height: 30px; color: #666; font-size: 16px;}
.content p{ margin: 0 0 20px;}


.news-content{background-color: #fff; padding:8rem;}


.ul-list1 li{ clear: both;line-height: 45px; margin-bottom: 15px;font-size: 18px; position: relative; display: block; background-color: #f5f5f5;}
.ul-list1 li a{ display: block; clear: both; overflow: hidden; padding: 15px 40px; position: relative; border-top: 1px solid #ddd;}
.ul-list1 li .ntit{ float: left; width: 55%; font-size: 18px;}
.ul-list1 li a::before{content: ""; background-color: #0f7fbc; width: 8px; height: 8px; border-radius: 8px; position: absolute; top: 32px; left: 20px;}
.ul-list1 li .nma{ display: block; position: absolute; width: 117px; height: 43px; line-height: 43px; background-color: #e7e7e7; top: 0; right: 40px; color: #777; font-size: 16px; text-align: center; border-radius: 0 0 10px 10px;}
.ul-list1 li .nma i{ font-size: 20px; margin-left: 5px;}
.ul-list1 li a:hover .nma{ background-color: #1e94d4; color: #fff;}
.ul-list1 li a:hover{ border-color: #1e94d4;}

.ul-list2{ }
.ul-list2 li{ display: block; border-bottom: 1px solid #dcdcdc;  line-height: 30px; padding: 10px 0;}
.ul-list2 li a{ color: #264c90; font-size: 16px;}
.ul-list2 li a:hover{ color: #cc2c2f;}

.news-box3{ margin-bottom: 30px; padding: 4rem; background-color: #fff; width: auto; position: relative;}
.news-box3::after{ content: ""; position: absolute; display: block;height: 5px; width: 0; background-color: #c52735; left: 0; bottom: 0;}
.news-box3 .icon{ height: 270px;}
.news-box3 .icon img{ max-width: initial;max-height:inherit; height: 100%;}
.news-box3 .ntit em{ font-style: normal; color: #555; display: block; margin: 10px 0; font-size: 14px;}
.news-box3 .ntit h3{ text-align: left; font-size: 22px; padding: 0;}
.news-box3 .ntit p{ color: #666;}
.news-box3 .ntit span{ display: inline-block; line-height: 46px; padding: 0 20px; border: 1px dashed #d2d2d2; color: #333; margin-top: 15px; vertical-align: middle;}
.news-box3 .ntit span i{ font-size: 20px; margin-left: 5px;  vertical-align: bottom;}
.news-box3 a:hover .ntit span{ color: #fff; background-color: #c52735; border: 1px solid #c52735;}
.news-box3:hover::after{ width: 100%;}

.article{ line-height: 30px; padding: 0; background: #fff;}
.news-tit{ font-size: 4.2rem;  line-height: 6rem;}
.tool{ padding: 20px 0 0; color: #666; font-size: 16px;}
.tool span{ display: inline-block; margin-right:20px; }
.tool a{ display: inline-block; float: right; padding: 0 3rem; background-color: #2f75b5; color: #fff;}
.tool a i{ margin-right: 5px; font-size: 20px; display: inline-block; vertical-align: middle;}
.bshare-custom{ padding: 2rem 0;}
.article .content,.article .content p{ line-height: 30px; color: #666; font-size: 16px;}
.keys{ border-bottom: 1px solid #dedede; padding-bottom: 2rem; line-height: 36px;}
.keys span{ color: #999; font-size: 2.4rem;}
.keys a{ color: #999; display: inline-block; background-color: #fafafa; border-radius: 36px; padding: 0 20px; margin: 0 1rem 5px;}
.keys a:hover{ background-color: #1467ad; color: #fff;}

.ny-page{line-height: 24px; background-color: #ececec; font-size: 16px; position: relative;}
.ny-page::before{ content: ""; position: absolute; height: 100%; background: url(../img/page_bg.jpg) no-repeat 0 center #f5f5f5; width: 25%; top: 0; right: 0;}
.ny-page .row{ position: relative; z-index: 3;}
.ny-page span{ display: inline-block;}
.ny-page .nptit{ padding: 28px 30px; float: left;}
.ny-page .nptit a{ color: #264c90;}
.ny-page .nptit a:hover{ color: #cc2c2f;}
.ny-page a.aback{ display: inline-block; background-color: #cc2c2f; color: #fff; padding: 0 20px; line-height: 50px; border-radius: 2px;}
.ny-page a.aback i{ font-size: 30px; margin-right: 10px; vertical-align: sub;}
.ny-page a.aback:hover{ background-color: #F80A0A;}
.ny-page .jcent{ height: 100%; text-align: center; align-items: center;}
/*新闻详情样式2*/
.bshare-custom{ padding: 2rem 0;}

.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.8);width: 100%;height: 100%;top:0;left:0;}
.big_img .big-box{position: absolute;width: 50%;height: 80%; bottom: 0; top: 0; left: 0; right: 0; margin: auto auto;}
.big_img .swiper-container2 {width: 100%;height: 100%; overflow: hidden;}
.big_img .swiper-container2  .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: table}
.big_img .swiper-slide .cell{ padding: 8% 8% 0; margin-bottom: 3%; overflow: hidden; position: relative; height: 70%;}
.big_img .swiper-slide img{ width: 100%; height: 100%;}
.big_img .swiper-slide .txt{ background-color: #fff; line-height: 28px; padding: 0 8%;}
.big_img .page2{position: absolute; top:0.2rem;text-align: center;width: 100%;}
.big_img .page2 span{margin:0 0.05rem;}
.big_img .close{ font-size: 30px; color: #fff; width: 48px; height: 48px; line-height: 48px; top: 10%; right: 0; left: 0; margin: 0 auto; position: absolute; z-index: 10000; cursor: pointer; text-align: center; border-radius: 48px; background-color: #464646;}
.big_img .close i{ line-height: 48px; font-size: 30px;}
.big_img .swiper-button-next,.big_img .swiper-button-prev{ background: #fff; width: 74px; height: 74px; line-height: 74px; border-radius: 74px; margin-top: -40px;}
.big_img .swiper-button-next{ right: -37px; opacity: 1; background-color: #e33e20;}
.big_img .swiper-button-prev{ left: -37px; opacity: 1; box-shadow: #eae9e9 4px 0 5px;}
.big_img .swiper-button-next i,.big_img .swiper-button-prev i{ font-size: 50px; color: #d3d3d3; display: block; text-align: center;}
.big_img .swiper-button-next i{ color: #fff;}

.vshare{ background-color: #fff; position: absolute; width: 100%; height: 10%; box-sizing: border-box; text-align: right; padding: 0 2rem; bottom: 0; left: 0;}
.big-style .swiper-container2{ background-color: #ffffff; border-radius: 5px;}
.big-style .close{ left: auto; right: -48px; top: 5px;}



.fmsg{ width: 70%; margin: 0 auto;}
.ys-msg input{ background: #fff; border: 1px solid #ddd; height: 55px; line-height: 55px; box-sizing: border-box; padding: 0 20px; width: 80%; display: block;float: left; border-radius: 5px; font-size: 16px;}
.ys-msg button{ background: #0e68b0; text-align: center; width: 18%; font-size: 16px; border-radius: 5px; border: 0; float: right; height: 55px; line-height: 55px; color: #fff;}

/**yu add**/
.order-sate, .order-sate1,.order-sate2, .order-sate3, .order-sate4, .order-sate5{color: #f3a713}
.order-sate6 { color: #0bb11f}
.order-sate7 {color: #ddd}
.hide {display:none!important}
.order-jdt .jdt-line{width: 8%}
.order-jdt .jdt-line1 {width: 8%}
.order-jdt .jdt-line2 {width:25%}
.order-jdt .jdt-line3 {width: 42%}
.order-jdt .jdt-line4 {width: 58%}
.order-jdt .jdt-line5 {width: 75%}
.order-jdt .jdt-line6 {width: 100%}
.order-jdt .jdt-line7 {width: 100%}
.pro-box .ntit h3, .pro-box2 .ntit h3, .pro-box3 .ntit h3 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height:33px;
    overflow:hidden;
}
.order-jdt .nbrow a {
    cursor: pointer;
}
.pro-box2 .ptip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    line-height: 40px;
    color: #fff;
    background-color: #264c90;
    width: 90%;
    border-radius: 0 0 35px 0;
    font-size: 16px;
    padding: 0 10px;
    box-sizing: border-box;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
   
 
/**yu add  end**/
.del-btn {
    cursor:pointer;
}
.pc-hide {
    display: none
}
.order-bk2-2 .row .span-9 {
width:63%;
}
.row .export-box {
    float: right!important;
    margin-right:0;
    cursor:pointer;
}
.price-box .brow {
display:flex;
flex-direction:row;
justify-content:center;
margin-bottom:20px;
}
    .price-box .brow .item-name,
    .price-box .brow .item-value {
        width:48%;
    }
    .price-box .brow .item-name {
    text-align:right;
    padding-right:1%;
    }
    .price-box .brow .item-value {
    text-align:left;
    }
.order-brow .nbk-info .table-head {
    opacity: 0
}
.order-brow div.nbk-info:nth-child(2) .table-head {
    opacity: 1;
}

@media only screen and (max-height: 600px) {
    .ibanner{ height: 600px;}
	.ibk_bg1,.ibk_bg2,.ibk_bg3{ padding: 8rem 0;}
	.ibk_bg2 .wrap::before{ width: 200%;}
    .sdot i {
        font-size: 20px!important;
        vertical-align: sub;
    }
    .pro-box2 .ptip {
    font-size:12px!important;
    }
    .order-brow div.nbk-info .table-head {
        opacity: 1;
    }
}
@media (max-width: 640px) {
    .pro-box .ntit h3, .pro-box2 .ntit h3, .pro-box3 .ntit h3 {
        height:30px
    }
    .place {
    line-height:19px;
    }
    .htool a {
        padding:0 8px;
    }
}