/* ==========================================================================
   Index Page
   ========================================================================== */
.nbanner{ background: url(../img/nban1.jpg) no-repeat center center; background-size:100%; height: 490px; position: relative; overflow: hidden;}
.nbanner .bH{ position: relative; height: 100%;}
.nbanner .bfont{ text-align: left; align-items: initial; color: #fff; position: relative; height: 100%;}
.nbanner .bfont p{ margin-top: 100px;}
.nbanner .bfont i{ font-size: 4.8rem; text-transform: uppercase; opacity: 0.2; font-weight: bold; line-height: 4rem;}
.nbanner .bfont span{ font-size: 3rem; font-weight: bold; display: block;}

.ennbanner{ background: url(../img/ennban1.jpg) no-repeat center center; background-size:100%; height: 490px; position: relative; overflow: hidden;}
.ennbanner .bH{ position: relative; height: 100%;}
.ennbanner .bfont{ text-align: left; align-items: initial; color: #fff; position: relative; height: 100%;}
.ennbanner .bfont p{ margin-top: 100px;}
.ennbanner .bfont i{ font-size: 4.8rem; text-transform: uppercase; opacity: 0.2; font-weight: bold; line-height: 4rem;}
.ennbanner .bfont span{ font-size: 3rem; font-weight: bold; display: block;}

.janbanner{ background: url(../img/janban2.jpg) no-repeat center center; background-size:100%; height: 490px; position: relative; overflow: hidden;}
.janbanner .bH{ position: relative; height: 100%;}
.janbanner .bfont{ text-align: left; align-items: initial; color: #fff; position: relative; height: 100%;}
.janbanner .bfont p{ margin-top: 100px;}
.janbanner .bfont i{ font-size: 4.8rem; text-transform: uppercase; opacity: 0.2; font-weight: bold; line-height: 4rem;}
.janbanner .bfont span{ font-size: 3rem; font-weight: bold; display: block;}

.konbanner{ background: url(../img/konban1.jpg) no-repeat center center; background-size:100%; height: 490px; position: relative; overflow: hidden;}
.konbanner .bH{ position: relative; height: 100%;}
.konbanner .bfont{ text-align: left; align-items: initial; color: #fff; position: relative; height: 100%;}
.konbanner .bfont p{ margin-top: 100px;}
.konbanner .bfont i{ font-size: 4.8rem; text-transform: uppercase; opacity: 0.2; font-weight: bold; line-height: 4rem;}
.konbanner .bfont span{ font-size: 3rem; font-weight: bold; display: block;}

.nbanner1{ background: url(../img/nban2.jpg) no-repeat center center; background-size:100%; height: 490px; position: relative; overflow: hidden;}
.nbanner1 .bH{ position: relative; height: 100%;}
.nbanner1 .bfont{ text-align: left; align-items: initial; color: #fff; position: relative; height: 100%;}
.nbanner1 .bfont p{ margin-top: 100px;}
.nbanner1 .bfont i{ font-size: 4.8rem; text-transform: uppercase; opacity: 0.2; font-weight: bold; line-height: 4rem;}
.nbanner1 .bfont span{ font-size: 3rem; font-weight: bold; display: block;}

.ennbanner1{ background: url(../img/ennban2.jpg) no-repeat center center; background-size:100%; height: 490px; position: relative; overflow: hidden;}
.ennbanner1 .bH{ position: relative; height: 100%;}
.ennbanner1 .bfont{ text-align: left; align-items: initial; color: #fff; position: relative; height: 100%;}
.ennbanner1 .bfont p{ margin-top: 100px;}
.ennbanner1 .bfont i{ font-size: 4.8rem; text-transform: uppercase; opacity: 0.2; font-weight: bold; line-height: 4rem;}
.ennbanner1 .bfont span{ font-size: 3rem; font-weight: bold; display: block;}

.janbanner1{ background: url(../img/janban2.jpg) no-repeat center center; background-size:100%; height: 490px; position: relative; overflow: hidden;}
.janbanner1 .bH{ position: relative; height: 100%;}
.janbanner1 .bfont{ text-align: left; align-items: initial; color: #fff; position: relative; height: 100%;}
.janbanner1 .bfont p{ margin-top: 100px;}
.janbanner1 .bfont i{ font-size: 4.8rem; text-transform: uppercase; opacity: 0.2; font-weight: bold; line-height: 4rem;}
.janbanner1 .bfont span{ font-size: 3rem; font-weight: bold; display: block;}

.konbanner1{ background: url(../img/konban2.jpg) no-repeat center center; background-size:100%; height: 490px; position: relative; overflow: hidden;}
.konbanner1 .bH{ position: relative; height: 100%;}
.konbanner1 .bfont{ text-align: left; align-items: initial; color: #fff; position: relative; height: 100%;}
.konbanner1 .bfont p{ margin-top: 100px;}
.konbanner1 .bfont i{ font-size: 4.8rem; text-transform: uppercase; opacity: 0.2; font-weight: bold; line-height: 4rem;}
.konbanner1 .bfont span{ font-size: 3rem; font-weight: bold; display: block;}

.janbanner2{ background: url(../img/janban3.jpg) no-repeat center center; background-size:100%; height: 490px; position: relative; overflow: hidden;}
.janbanner2 .bH{ position: relative; height: 100%;}
.janbanner2 .bfont{ text-align: left; align-items: initial; color: #fff; position: relative; height: 100%;}
.janbanner2 .bfont p{ margin-top: 100px;}
.janbanner2 .bfont i{ font-size: 4.8rem; text-transform: uppercase; opacity: 0.2; font-weight: bold; line-height: 4rem;}
.janbanner2 .bfont span{ font-size: 3rem; font-weight: bold; display: block;}

.nbanner2{ background: url(../img/nban3.jpg) no-repeat center center; background-size:100%; height: 490px; position: relative; overflow: hidden;}
.nbanner2 .bH{ position: relative; height: 100%;}
.nbanner2 .bfont{ text-align: left; align-items: initial; color: #fff; position: relative; height: 100%;}
.nbanner2 .bfont p{ margin-top: 100px;}
.nbanner2 .bfont i{ font-size: 4.8rem; text-transform: uppercase; opacity: 0.2; font-weight: bold; line-height: 4rem;}
.nbanner2 .bfont span{ font-size: 3rem; font-weight: bold; display: block;}

.konbanner2{ background: url(../img/konban3.jpg) no-repeat center center; background-size:100%; height: 490px; position: relative; overflow: hidden;}
.konbanner2 .bH{ position: relative; height: 100%;}
.konbanner2 .bfont{ text-align: left; align-items: initial; color: #fff; position: relative; height: 100%;}
.konbanner2 .bfont p{ margin-top: 100px;}
.konbanner2 .bfont i{ font-size: 4.8rem; text-transform: uppercase; opacity: 0.2; font-weight: bold; line-height: 4rem;}
.konbanner2 .bfont span{ font-size: 3rem; font-weight: bold; display: block;}

.nbanner3{ background: url(../img/nban7.jpg) no-repeat center center; background-size:100%; height: 490px; position: relative; overflow: hidden;}
.nbanner3 .bH{ position: relative; height: 100%;}
.nbanner3 .bfont{ text-align: left; align-items: initial; color: #fff; position: relative; height: 100%;}
.nbanner3 .bfont p{ margin-top: 100px;}
.nbanner3 .bfont i{ font-size: 4.8rem; text-transform: uppercase; opacity: 0.2; font-weight: bold; line-height: 4rem;}
.nbanner3 .bfont span{ font-size: 3rem; font-weight: bold; display: block;}

.nban2{ background-image: url(../img/nban3.jpg);}
.nban2 .bfont{ text-align: center;}
.nban2 .bfont span{ font-size: 4.8rem;}
.nban2 .bfont b{ font-weight: normal; font-size: 2.4rem; line-height: 36px; margin-top: 10px; display: inline-block;}
.nban3{ background-image: url(../img/nban3.jpg);}
.nban4{ background-image: url(../img/nban4.jpg);}
.nban5{ background-image: url(../img/nban5.jpg);}
.nban6{ background-image: url(../img/nban6.jpg);}
.nban7{ background-image: url(../img/nban7.jpg); height: 833px;}
.nban8{ background-image: url(../img/nban8.jpg);}
.nban7 .bfont{ padding-top: 18rem; width: 54%;}
.nban7 .bfont .title-2{ text-align: left;}
.nban7 .bfont .title-2 span{ font-size: 4.8rem;}
.nban7 .bfont p{ margin-top: 2rem; font-size: 16px; color: #fff; opacity: 0.6; line-height: 30px;}
.nban7 .cont-box{ text-align: left; margin-top: 4rem;}
.nban7 .cont-box i{ font-size: 5rem; color: #fff; opacity: 0.5; display: inline-block; vertical-align: middle; font-weight: normal; border-right: 1px solid #61666e; padding-right: 10px; margin-right: 10px; line-height: 5rem;}
.nban7 .cont-box em{ font-style: normal; font-size: 16px; display: block; margin-top: 15px; line-height: 20px;}
.nban7 .cont-box span{ font-weight: bold; display: inline-block; vertical-align: middle; font-size: 3rem; line-height: 36px;}
.nban7 .cont-box span font{ font-size: 18px;}
.nban7 .btel i{ color: #a3bcd8; font-size: 2.2rem; opacity: 1; display: inline-block; vertical-align: middle; margin-right: 10px;}
.nban7 .btel p{ margin: 0; color: #fff; line-height: 36px; opacity: 1;}
/*面包屑*/
.place{ color: #333;  position: relative; text-align: right; width: 100%;}
.place i{ font-size: 2rem; color: #2f75b5; margin-right: 5px; display: inline-block; vertical-align: middle;}
.place span{ margin: 0 5px; color: #bfbfbf;}
.place a{ color: #666;}
.place a:hover{ color: #2f75b5;}
.sect_sub{ border-bottom: 1px solid #eee; line-height: 6rem;}
/*分类样式*/
.module_cate{ background-color: #eee; height: 9rem; line-height: 9rem; text-align: center; position: relative; margin-top: -9rem; z-index: 100;}
.module_cate span{ color: #333; font-size: 2.4rem; font-weight: bold; }
.subCate{ clear: both; overflow: hidden;}
.subCate li{ float: left; margin-right: 4rem;}
.subCate li:nth-last-child(1){ margin-right: 0;}
.subCate li a{ font-size: 18px; color: #646464; display: inline-block; position: relative;}
.subCate li a::after{ content: ""; display: block; width: 0; left: 0; bottom: 0; position: absolute; height: 2px; background-color: #2f75b5;}
.subCate li:hover,.subCate li.active{ }
.subCate li:hover a,.subCate li.active a{ color: #2f75b5; }
.subCate li:hover a::after,.subCate li.active a::after{ width: 100%;}
.block-wh{ display: flex;}
.block-wh .brow{ margin-bottom: 10rem;}
.block-wh .brow:nth-child(2){ margin-bottom: 0;}
.block-wh .dot-img{ height: 100%;}
.block-wh .brow p{ font-size: 18px;}
.block-wh .brow .bimg{ margin: 5px 0;}
.block-wh .btit{ border-bottom: 1px solid #ddd;}
.block-wh .btit span{ color: #2f75b5; font-weight: bold; font-size: 2.6rem;}
.block-wh .btit i{ text-transform: uppercase; color: #e9e8e8; font-size: 14px; display: inline-block; margin-left: 10px;}
.mbg{ background-color: #f3f3f3; padding: 8rem 0;}
.block-hz .media-box{ background-color: #fff; margin-bottom: 2rem;}
.block-hz .media-box .icon{ background-color: #fff; height: 119px;}
.block-hz .media-box .ntit{ border-top: 1px solid #eee; padding:0 2rem; text-align: center; line-height: 5rem; font-size: 16px; color: #666;}
.block-hz .media-box:hover img{ transform: scale(1.2);}
.block-hz .media-box:hover .ntit{ color: #2f75b5;}
.prod-cate{ text-align: center;}
.prod-cate a{ display: inline-block;}
.prod-cate img{/*border-radius: 100px;*/}
.prod-cate span{ display: block; font-weight: bold; font-size: 17px; padding-top: 5px;}
.prod-cate .active a,.prod-cate a.active{ color: #2f75b5;}
/*.prod-cate .active img,.prod-cate a.active img,.prod-cate a:hover img{box-shadow:#127de1 0 0 10px}*/
.prod-sub .tlist{ text-align: left!important; padding: 0!important;}
.prod-sub a{ display: inline-block; font-size: 16px; margin: 0 2%; line-height: 30px;}
.prod-sub a.active{ color: #2f75b5;}
.smore{ display: inline-block; width: 160px; height: 43px; line-height: 43px; color: #999; border: 1px solid #bfbfbf; font-size: 16px; text-align: center;}
.block-honor{ background: url(../img/about/bg_nk1.jpg) no-repeat center center; background-size: cover; display: flex;}
.block-honor .bk-img{ position: relative; height: 100%; background-color: rgba(27,27,27,0.8); text-align: center;}
.block-honor .bk-img .bimg{ padding: 8rem 3rem 12rem;}
.block-honor .bk-img .bimg img{ max-height: 100%;}
.block-honor .bk-img span{ color: #fff; background-color: #2F75B5; display: block; height: 8rem; line-height: 8rem; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 2.4rem;}
.block-honor .bk-list{ background-color: rgba(83,83,83,0.8); position: relative; height: 100%; box-sizing: border-box; padding:5rem 3rem;}
.block-honor .tablist .tlist{ padding: 0 2%;}
.block-honor .tabs{ text-align: center; margin: 0;}
.block-honor .tabs a{ display: inline-block; position: relative; color: #fff; font-size: 18px; margin: 0 2%; padding-bottom: 8px;}
.block-honor .tabs a::after{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #eee;}
.block-honor .tabs a:hover::after,.block-honor .tabs a.active::after{ width: 100%;}
.hbox .icon{ height: 125px; background-color: #eee; position: relative; padding: 2px; width: auto;}
.hbox .icon img{ max-height: 100%;}
.hbox .icon i{ display: block; position: absolute; width: 100%; height: 100%; line-height: 125px; vertical-align: middle; color: #fff; top: 0; left: 0; color: #fff; font-size: 3rem; background-color: rgba(47,117,181,0.8); opacity: 0;transition: all 0.4s;}
.hbox .icon.on i,.hbox .icon:hover i{ opacity: 1; transition: all 0.6s;}
.block-honor .bk-img .bimg,.block-honor .tablist{ height: 550px; overflow: hidden;}
.block-honor .tablist{ overflow-y: scroll; position: relative;}
/*scroll*/
.block-honor .tlist::after{ content: ""; width: 1px; height: 100%; background-color: #eee; opacity: 0.2; position: absolute; display: block; right: 0; top: 0;}
.block-honor .tablist::-webkit-scrollbar {width:4px;height:4px;border-radius:5px;}
.block-honor .tablist::-webkit-scrollbar-button:vertical {display:none}
.block-honor .tablist::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:transparent; }
.block-honor .tablist::-webkit-scrollbar-thumb {border-radius:5px;background-color: #fff;}
.block-honor .tablist::-webkit-scrollbar-thumb:vertical:hover {background-color: #fff;}
.block-honor .tablist::-webkit-scrollbar-thumb:vertical:active {background-color: #fff;}
/*选项卡*/
.tablist { margin-bottom: 0.4rem;}
.tablist .tlist{  position: relative; clear: both; overflow: hidden; padding: 0 4%; text-align: center;}
.tablist .active{ display:block;}
.tabs{line-height:26px;}
.tabs a{color: #333; }
.tabs a:hover,.tabs .active a{ }
.tabs a:hover span,.tabs .active a span{}
.npad{ padding: 6rem 0;}
.news-box .full-row{}
.news-box a{ display: flex;}
.news-box .bimg{ height: 100%; background-color: #fff; object-fit: cover; overflow: hidden;}
.news-box .bimg img{ object-fit: cover; width: 100%; height: 100%; transition: all 0.6s;}
.news-box .ninfo{ background-color: #fff; padding: 4rem; box-sizing: border-box; height: 100%; align-items: initial;}
.news-box .date{ color: #c4c4c4; font-size: 18px;}
.news-box .date span{ font-size: 6rem; color: #2f75b5; display: inline-block; line-height: 6rem; }
.news-box h3{ font-size: 2.4rem; margin: 2rem 0;}
.news-box p{ color: #999; font-size: 14px; line-height: 24px;}
.news-box i{ font-size: 5rem; line-height: 5rem; color: #8a8a8a; display: block; text-align: right; margin-top: 3rem;}
.news-box a:hover,.news-box a:hover i{ color: #2f75b5;}
.news-box a:hover img{ transform: scale(1.2); transition: all 0.6s;}
.news-box2 a{ display: flex; position: relative; padding-bottom: 3rem; margin-bottom: 3rem;}
.news-box2 a::before{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 98%; height: 1px; background-color: #e5e5e5;}
.news-box2 a::after{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: #2f75b5;}
.news-box2 .jcent{ height: 100%;}
.news-box2 .icon{ background-color: #efefef; object-fit: cover; overflow: hidden;}
.news-box2 .icon img{ width: 100%; height: 100%;}
.news-box2 .ninfo{align-items: initial;}
.news-box2 .date{ color: #c4c4c4; font-size: 14px;}
.news-box2 .date span{ font-size: 4.8rem; color: #555; display: inline-block; line-height: 4rem; border-bottom: 1px solid #dedede; margin-bottom: 5px; padding-bottom: 5px; }
.news-box2 h3{ font-size: 2rem; margin: 1rem 0;}
.news-box2 p{ color: #999; font-size: 14px; line-height: 24px;}
.news-box2 i{ font-size: 3rem; line-height: 4rem; width: 4rem; height: 4rem; color: #2f75b5; display: inline-block; text-align: center; border: 1px solid #2f75b5;}
.news-box2 a:hover{ color: #2f75b5;}
.news-box2 a:hover img{ transform: scale(1.2); transition: all 0.6s;}
.news-box2 a:hover i{ background-color: #2f75b5; color: #fff;}
.news-box2 a:hover::after{ width: 98%; transition: all 0.6s;}
.down-list{ background-color: #fff; box-shadow: #e7e7e7 0 0 13px; padding: 3.5rem; margin-bottom: 3rem;}
.down-list .date{ border: 1px solid #f4f4f4; text-align: center;}
.down-list .date span{ display: block; background-color: #f4f4f4; color: #999; font-weight: bold; font-size: 3.6rem; line-height: 42px;}
.down-list .date i{ display: block; color: #999; line-height: 36px;}
.down-list h4{ border-bottom: 1px dashed #efefef; font-weight: normal; font-size: 18px; line-height: 36px; padding-bottom: 10px; margin-bottom: 10px;}
.down-list h4 a:hover{ color: #2f75b5;}
.down-list p{ color: #999; font-size: 14px;}
.down-list .adown{ text-align: center; color: #2f75b5; display: block;}
.down-list .adown i{ display: block; color: #2f75b5; border:1px solid #2f75b5; font-size: 3rem; width:50px;height:50px; border-radius: 50px; line-height: 50px; margin: 0 auto 5px;}
.down-list:hover .adown i{ background-color: #2f75b5; color: #fff;}
.down-list:hover .date{ border-color: #2f75b5;}
.down-list:hover .date span{ background-color: #2f75b5; color: #fff;}
.down-list:hover .date i,.down-list:hover h4 a{ color: #2f75b5;}
.msg-bk{ background-color: #fff; box-shadow: rgba(64 78 90 / 16%) 0 0 10px; padding: 5rem 6%; position: relative; margin-top: -15rem; z-index: 10;}
.msg-bk .title-3 span{ font-size: 3.6rem;}
.m-form .btn{ background-color: #2f75b5; border-color: #2f75b5; font-size: 2.4rem; line-height: 40px; border-radius: 40px; width: 60%;}
.m-form label{ font-size: 18px; margin-bottom: 1rem; display: block;}
.m-form label i{ color: #f00;}
.m-form .form-control{ border-color: #7d7d7d; }
.m-form .msg-btn{ margin-top: -5rem;}
/*横排分类*/
.tip{ line-height: 36px; color: #565656; font-size: 16px;}
.title-1{ position: relative; text-align: center; line-height: 4rem;}
.title-1 span{ font-size: 3rem; font-weight: bold; color: #2f75b5;}
.title-2{ position: relative; text-align: center;}
.title-2 span{ font-size:4.8rem; color: #2f75b5; font-weight: bold;}
.title-2 p{ font-size: 18px;}
.title-3{ position: relative; text-align: center;}
.title-3 span{ font-size:4.8rem; color: #333; font-weight: bold;}
.title-3 p{ font-size: 16px; color: #666; line-height: 30px;}
.content{ line-height: 36px; color: #666; font-size: 18px;}
.content p{ margin: 1rem 0; font-size: 18px;}
.sub_cont{ }
.sub_cont .subNav{ background: #fff; font-size: 18px; line-height: 3rem; padding: 2.5rem 3rem; margin-top: 1rem; position: relative;}
.sub_cont .subNav:after{ content: "\eaf3"; float: right;font-family: "iconfont" !important; color: #fff; font-size: 14px; position: absolute; right: 2rem; top: 0; width: 30px; height: 30px; line-height: 30px; background-color: #2f75b5; border-radius: 30px; text-align: center; bottom: 0; margin: auto 0;}
.sub_cont .subNav.open{ margin-bottom: 0; background-color: #434343; color: #fff;}
.sub_cont .subNav.open:after{ content: '\e870'; background-color: #fff; color: #2f75b5;}
.navContent{ display: none; background: #fff; margin: 0; padding: 3rem 4rem;}
.navContent p{ margin: 0; color: #666; font-size: 16px; line-height: 30px;}
.navContent span{ font-weight: bold; font-size: 18px;}
.navContent .subtit{}
.navContent .subtit span{ font-weight: bold; color: #2f75b5; font-size: 3rem;}
.img-box2{ border: 1px solid #dedede; margin-bottom: 2rem;}
.img-box2 .ntit{ background: linear-gradient(0deg,rgba(0,0,0,0.9),rgba(0,0,0,0.1),rgba(0,0,0,0));}
.case-box{ background-color: #fff; padding: 4rem;}
.cthumb .bimg{ text-align: center; height: 630px;}
.cthumb .bimg img{ object-fit: cover; width: 100%; height: 100%; }
.cthumb .swiper-button-next, .cthumb .swiper-button-prev{ background: rgba(0,0,0,0.3); width: 45px; height: 85px; text-align: center; line-height: 85px; top: -40px; bottom: 0; margin: auto 0; position: absolute; opacity: 1;}
.cthumb .swiper-button-next i,.cthumb .swiper-button-prev i{ font-size: 4rem; color: #fff;}
.cthumb .swiper-button-next{ right: 0;}
.cthumb .swiper-button-prev{ left: 0;}
.case-box h3{ font-size: 2.4rem; margin:0 0 1rem;}
.cinfo{ background-color: #f3f3f3; padding: 2.5rem 1rem 2.5rem 2.5rem;}
.cinfo p{ color: #666; font-size: 16px; line-height: 36px;}
.cinfo .brow{ overflow: hidden; overflow-y: scroll; height: 380px; padding-right: 2rem;}
.cinfo .brow::-webkit-scrollbar {width:3px;height:3px;background-color:#e9e9e9;}
.cinfo .brow::-webkit-scrollbar-button:vertical {display:none}
.cinfo .brow::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#e9e9e9; }
.cinfo .brow::-webkit-scrollbar-thumb {background-color: #fff;}
.cinfo .brow::-webkit-scrollbar-thumb:vertical:hover {background-color: #fff;}
.cinfo .brow::-webkit-scrollbar-thumb:vertical:active {background-color: #fff;}
.ctip{ font-size: 18px; margin: 1.24rem 0;}
.ctool a{ display: inline-block; background-color: #2f75b5; line-height: 6rem; color: #fff; font-weight: bold; font-size: 18px; padding: 0 8%; vertical-align: middle;}
.ctool span{ display: inline-block; border: 1px solid #2f75b5; color: #2f75b5; vertical-align: middle; padding: 0 2%; margin: 0 2%;}
.ctool span i{ display: inline-block; vertical-align: middle; font-size: 3rem; line-height: 6rem; margin-right: 10px;}
.ctool span b{ display: inline-block; vertical-align: middle; font-size: 18px; font-weight: bold; line-height: 24px;}
.ctool img{ height: 70px; display: inline-block;}
.article{ line-height: 30px; padding: 8rem; background: #fff;}
.news-tit{ font-size: 3.6rem; font-weight: bold; line-height: 4rem;}
.tool{ color: #999; background-color: #fbfbfb; border: 1px solid #eee; margin-top: 4rem; line-height: 48px;}
.tool span{ display: inline-block; margin: 0 4%; font-size: 14px;}
.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{color: #333;}
.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: 36px; padding: 2rem 0 0; font-size: 16px;}
.pro-box { margin-bottom: 3rem; height: 100%; background-color: #fff;}
.pro-box .icon{ background: #fff; border:none;height: 100%!important;  position: relative; padding: 2rem; box-sizing: border-box;}
.pro-box .icon i{ display: block; position: absolute; width: 100%; height: 100%; line-height:34rem; text-align: center; vertical-align: middle; top: 0; left: 0; background: rgba(248,158,29,0.5); color: #fff; font-size: 5rem; transform: scale(0); transition: all 0.3s;}
.pro-box .ptit{text-align:center;line-height:24px;padding:2rem 3rem;color: #333;}
.pro-box h4{ font-weight: normal; padding: 0; font-size:2.6rem;}
.pro-box p{ color: #666; font-size: 16px; line-height: 30px; margin: 15px 0;}
.pro-box span{ font-size: 18px; color: #1f6eb1;}
.pro-box span i{ margin-left: 10px; font-size: 20px; display: inline-block; vertical-align: middle;}
.pro-box a:hover .icon i{ transform: scale(1); transition: all 0.3s;}
.prod-info{ height: 50rem; box-sizing: border-box; }
.prod-info .swiper-container{height: 100%; overflow: hidden; padding-right: 4px; box-sizing: border-box;}
.prod-info .swiper-slide{ height: auto;}
.prod-info .swiper-scrollbar-drag{ background: #e48c0f;}
.prod-info .swiper-container-vertical>.swiper-scrollbar{ border-image-slice: ;}
.prod-info .ptit{ text-align: center; font-size: 3rem; font-weight: bold;}
.prod-info .ptit:after{ content: ""; background: #e48c0f; display: block; width:50px; height: 4px; margin: 1rem auto 2rem;}
.prod-info .pcont{ color: #6f6f6f; line-height: 33px;}
.prod-info .ptel{ font-weight: bold; color: #e48c0f; font-size: 2.4rem; display: block;}
.prod-info .ptel i{ font-weight: normal; font-size: 3rem; display: inline-block; vertical-align: middle;}
.prod-info .pzx{ display: inline-block; background: #333f47; color: #e48c0f; font-weight: bold; font-size: 2rem; width: 70%; text-align: center; line-height: 6rem;}
.pro-bk{}
.pro-bk h2{ font-size: 4.8rem; text-align: center;}
.pthumb{ position: relative; margin: 4rem auto 0; width: 75%;}
.pthumb .swiper-container{ width: 85%; border: 1px solid #eee;}
.pthumb .bimg{ /*text-align: center;*/}
.pthumb .swiper-button-next, .pthumb .swiper-button-prev{ background: #eee; width: 35px; height: 80px; text-align: center; line-height: 80px; top: -20px; bottom: 0; margin: auto 0; position: absolute; opacity: 1;}
.pthumb .swiper-button-next i,.pthumb .swiper-button-prev i{ font-size: 4rem; color: #333;}
.pthumb .swiper-button-next{ right: 0;}
.pthumb .swiper-button-prev{ left: 0;}
.pcontent{ font-size: 18px; color: #666; line-height: 36px;}
.sect_pys{}
.ys-tabs{ position: absolute; width: 100%; left: 0; bottom: 10rem;}
.ys-tit{ background-color: #fff; padding: 2rem;}
.ys-tit span{ display: block; font-size: 2.4rem; line-height: 26px;}
.ys-tit i{ color: #999; font-size: 14px;}
.ys-tabs .swiper-slide-thumb-active .ys-tit{ background-color: #1f6eb1; color: #fff;}
.ys-tabs .swiper-slide-thumb-active .ys-tit i{ color: #fff;}
.ys-bk{ display: flex;}
.yslist .ys-info{ background-color: #f5f5f5; height: 100%; box-sizing: border-box; padding: 6rem 8rem 6rem 30%;}
.yslist .ys-info i{ display: block; text-align: right; font-size: 7rem; color: #e5e4e4; font-weight: bold; line-height: 7rem;}
.yslist .ys-info span{ font-size: 4rem; color: #1f6eb1; font-weight: bold; margin-bottom: 2rem;}
.yslist .ys-info p{ font-size: 16px; line-height: 40px;}
.yslist .ys-info p i{ display: inline-block; margin-right: 10px; font-size: 2rem; color: #1f6eb1; line-height: 40px; font-weight: normal; vertical-align: middle;}
.yslist .bimg{ height: 640px;}
.yslist .bimg img{ width: 100%; height: 100%; object-fit: cover;}
.pcj-list .img-box2{ margin-bottom: 1rem;}
.pcj-list .img-box2 .ntit{ text-align: center;}
.pcj-list .img-box2 .ntit span{ width: 100%; box-sizing: border-box;}
.sect_pgn{ background: url(../img/prod/bg_nk1.jpg) no-repeat center center; background-size: cover; padding: 8rem 0;}
.sect_pgn .title-3 span{ color: #fff;}
.sect_pgn .bk-dot{}
.sect_pgn .bk-dot .brow{ float: left; width: 20%; text-align: center; color: #afafb0; font-size: 2.4rem;}
.sect_pgn .bk-dot .brow i{ display: block; width: 134px; height: 134px; margin: 0 auto 10px; line-height: 134px; background-color: rgba(252,250,251,0.4); border-radius: 5px; position: relative; font-size: 5.5rem; color: #fff;}
.sect_pgn .bk-dot .brow i::after{ content: ""; display: block; margin: auto auto; position: absolute; width: 90%; height: 90%; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #535353; border-radius: 5px;}
.pcase .swiper-button-next, .pcase .swiper-button-prev{ background: #fff; width: 35px; height: 80px; text-align: center; line-height: 80px; top: -20px; bottom: 0; margin: auto 0; position: absolute; opacity: 1; border: 1px solid #eee;}
.pcase .swiper-button-next i,.pcase .swiper-button-prev i{ font-size: 4rem; color: #666;}
.pcase .swiper-button-next{ right: -60px;}
.pcase .swiper-button-prev{ left: -60px;}
.block-tj .brow{ background:#fff; height: 490px; overflow: hidden; position: relative; transition: all 0.5s;}
.block-tj .binfo{ position: relative; height: 100%;}
.block-tj .bpad{ padding: 3rem 4rem;}
.block-tj .binfo span{ display: block; font-size: 2.2rem; font-weight: bold; margin: 10px 0;}
.block-tj .binfo p{ font-size: 14px; color: #888; line-height: 24px;}
.block-tj .bimg{ position: absolute; bottom: 0; left: 0;}
.block-tj a.more{ margin-top: 60px; opacity: 0;}
.block-tj .brow:hover{ box-shadow: #ccc 3px 3px 3px; transition: all 0.5s;}
.block-tj .brow:hover a.more{ margin-top: 20px; opacity: 1; transition: all 0.7s;}
.bk-tj2 .brow{ height: 240px; margin-bottom: 10px;}
.bk-tj2 .bimg{ position: absolute; bottom: 0; right: 0; left: auto; width: 50%;}
/*新闻详情样式2*/
.bshare-custom{ padding: 2rem 0;}
.video-box{ width: auto; margin: 0 0 2rem;}
.video-box a{ position: relative; background: #fff;}
.video-box .icon{ background: none; border: 0; position: relative; overflow: hidden;}
.video-box .icon img{ width: 100%; height: 100%; object-fit: cover;}
.video-box .icon i{ position: absolute; width: 100%; height: 100%; line-height: 100%; text-align: center; vertical-align: middle; top: 0; left: 0; background: rgba(0,0,0,0.3); color: #fff; font-size: 5rem; opacity: 1; transition: all 0.3s;}
.video-box .icon i:before{}
.video-box .ptit{ padding: 2rem 3rem; text-align: left;}
.video-box h3{ font-size: 2.2rem; padding: 0; line-height: 4rem; font-weight: normal; text-align: left;}
.video-box span{ font-size: 16px; color: #999;}
.video-box a:hover{ background: #1467ad; transition: all 0.3s;}
.video-box a:hover h3,.video-box a:hover span{ color: #fff; transition: all 0.3s;}
.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 .swiper-container2 {position: absolute;width: 50%;height: 80%; bottom: 0; top: 0; left: 0; right: 0; overflow: hidden; margin: auto auto;}
.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{width: 100%;height: 100%;display: table-cell;vertical-align: middle;text-align: center;}
.big_img .swiper-slide img{max-width: 80%;max-height: 80%;margin:0 auto;}
.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: 20px; color: #1863af; width: 30px; height: 30px; line-height: 30px; top: 10%; right: 0; left: 0; margin: 0 auto; position: absolute; z-index: 10000; cursor: pointer; text-align: center; border-radius: 30px; background-color: #fff;}
.big_img .swiper-button-next,.big_img .swiper-button-prev{ background: none;}
.big_img .swiper-button-next{ right: 0;}
.big_img .swiper-button-prev{ left: 0;}
.big_img .swiper-button-next i,.big_img .swiper-button-prev i{ font-size: 4rem; color: #ababaa; display: block; text-align: center;}
.vshare{ background-color: #fbfbfb; position: absolute; width: 100%; height: 10%; box-sizing: border-box; text-align: right; padding: 0 2rem; bottom: 0; left: 0;}
.big-video .swiper-container2{ width: 80%;}
.big-video .close{ left: auto; color: #fff; font-size: 3rem; background-color: rgba(0,0,0,0.5); right: 12%; top: 12%;}
a.amore{ display: block; border: 1px solid #b80924; color: #b80924; line-height: 40px; text-align: center;}
a.amore:hover{ background: #b80924; color: #fff;}
.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;}