/* header */
header .top { width: 1200px; height: 120px; margin: 0 auto; overflow: hidden;}
header .top .menu-left-box { display: none;}
header .top .logo-box { float: left; overflow: hidden;}
header .top .logo-box .logo { width: 139px; height: 107px; margin-top: 5px; float: left;}
header .top .logo-box .slogan { overflow: hidden; float: left; margin: 10px 0 0 28px;}
header .top .logo-box .slogan img { width: 298px; height: 94px;}
/* header .top .logo-box .slogan .r { font-size: 23px; color: #575757; margin-top: 12px; line-height: 25px;}
header .top .logo-box .slogan .r:first-child { margin-top: 8px;}
header .top .logo-box .slogan .r span { width: 96px; display: inline-block; text-align: justify; text-align-last: justify; margin-right: 20px; height: 25px;}
header .top .logo-box .slogan .r p::after { width: 100%; display: inline-block; content: "";} */
header .top .right { float: right;}
header .top .right .language { margin-top: 10px; text-align: right; font-size: 14px;}
header .top .right .language a { color: #01519a; font-weight: bold;}
header .top .right .phone { margin-top: 10px; font-size: 25px; color: #01519a; overflow: hidden;}
header .top .right .phone .p1,header .top .right .phone .p2 { height: 36px; line-height: 36px; font-weight: bold; float: left;}
header .top .right .phone .p1 img { margin-right: 10px;}
header .nav-box { height: 50px; background: #01519a;}
header .nav-box .nav-list { width: 1300px; height: 50px; margin: 0 auto;}
header .nav-box .nav-list .nav-item { width: 160px; height: 50px; float: left; color: #fff; font-size: 18px; text-align: center; line-height: 50px;}
header .nav-box .nav-list .nav-item a { display: block; color: #fff; font-size: 18px; text-align: center; line-height: 50px;}
header .nav-box .nav-list .nav-item.current { background: #013768;}
/* banner */
.banner-box { width: 100%; position: relative; background: #f7f7f7; padding-bottom: 17px; overflow: hidden;}
.banner-box .banner-list { display: flex;}
.banner-box .banner-list .banner-item { width: 100%; flex-shrink: 0; overflow: hidden;}
.banner-box .banner-list .banner-item img { width: 100%; float: left;}
.banner-box .pagination-box { position: absolute; bottom: 54px; left: 50%; transform: translateX(-50%); z-index: 100;}
.banner-box .swiper-pagination-bullet { width: 40px; height: 2px; background: #fff; margin: 0 6px; display: inline-block;}
.banner-box .swiper-pagination-bullet-active { background: #2084d2;}
/* video */
.index-video { width: 1200px; margin: 65px auto 150px;}
.index-video h1 { color: #5e5e5e; font-size: 26px; text-align: center;}
.index-video h6 { color: #5e5e5e; font-size: 16px; text-align: center; margin-top: 20px;}
.index-video .video-list { margin-top: 85px; overflow: hidden;}
.index-video .video-list .video-item { width: 336px; height: 429px; position: relative; float: left; margin-left: 96px;}
.index-video .not-player .video-item { opacity: 0; transform: translateY(50%);}
.index-video .video-list .video-item:first-child { margin-left: 0; transition: all 1s ease 0s;}
.index-video .video-list .video-item:nth-child(2) { transition: all 1s ease .3s;}
.index-video .video-list .video-item:nth-child(3) { transition: all 1s ease .6s;}
.index-video .video-list .video-item img { width: 100%; height: 100%;}
.index-video .video-list .video-item .video-play-btn { width: 66px; height: 66px; position: absolute; left: 50%; top: 50%; margin: -33px 0 0 -33px; background: url("../imgs/btn-play.png") no-repeat 0 0; background-size: 100%;}
/* product */
.index-product { padding: 82px 0 89px; background: url("../imgs/banner_c_01.jpg") no-repeat center center; background-size: cover;}
.index-product h1 { color: #fff; font-size: 32px; text-align: center; font-weight: bold;}
.index-product h6 { color: #fff; font-size: 16px; text-align: center; margin-top: 20px;}
.index-product .pro-swiper { width: 1200px; position: relative; margin: 70px auto 0;}
.index-product .pro-list-box { width: 1200px; overflow: hidden; transition: all 1s ease 0s;}
.index-product .not-player.pro-list-box { opacity: 0; transform: translateY(50%);}
.index-product .pro-list-box .pro-list-body { width: 1290px; overflow: hidden; margin-left: -45px;}
.index-product .pro-list-box .pro-list { width: 100%; display: flex;}
.index-product .pro-list-box .pro-list .pro-item { width: 100%; overflow: hidden; flex-shrink: 0;}
.index-product .pro-list-box .pro-list .pro-item .pro-item-c { width: 340px; background: #fff; display: block; margin: 0 45px; float: left;}
.index-product .pro-list-box .pro-list .pro-item .pro-item-c .pro-item-pic { position: relative;}
.index-product .pro-list-box .pro-list .pro-item .pro-item-c .pro-item-pic::before { padding-top: 72.06%; content: ""; display: block;}
.index-product .pro-list-box .pro-list .pro-item .pro-item-c img { width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.index-product .pro-list-box .pro-list .pro-item .pro-item-c h3 { color: #414141; font-size: 18px; text-align: center; overflow: hidden; margin: 20px 10px 0; white-space: nowrap; text-overflow: ellipsis;}
.index-product .pro-list-box .pro-list .pro-item .pro-item-c .btn { width: 160px; height: 40px; color: #fff; background: #01519a; font-size: 17px; text-align: center; line-height: 40px; border-radius: 5px; margin: 45px auto;}
.index-product .pro-swiper .prev-btn { width: 54px; height: 53px; position: absolute; left: -67px; top: 50%; margin-top: -27px; background: url("../imgs/ico-left.png") no-repeat 0 0; background-size: 100%;}
.index-product .pro-swiper .next-btn { width: 54px; height: 53px; position: absolute; right: -67px; top: 50%; margin-top: -27px; background: url("../imgs/ico-right.png") no-repeat 0 0; background-size: 100%;}
/* news */
.index-news { background: #fafafa; padding: 45px 0 130px;}
.index-news h1 { color: #414141; font-weight: bold; text-align: center; font-size: 30px;}
.index-news h3 { color: #8b8b8b; font-weight: bold; text-align: center; font-size: 14px; margin-top: 18px;}
.index-news .news-list { width: 1200px; margin: 80px auto 0; overflow: hidden;}
.index-news .news-m-list-box { display: none;}
.index-news .news-item { width: 375px; float: left; background: #fff;}
.index-news .not-player .news-item { opacity: 0; transform: translateY(50%);}
.index-news .news-item:first-child { margin-left: 0; transition: all 1s ease 0s;}
.index-news .news-item:nth-child(2) { transition: all 1s ease .3s;}
.index-news .news-item:nth-child(3) { transition: all 1s ease .6s;}
.index-news .news-item:nth-child(2) { margin-left: 37px;}
.index-news .news-item:nth-child(3) { margin-left: 38px;}
.index-news .news-item .news-pic { position: relative;}
.index-news .news-item .news-pic::before { content: ""; padding-top: 58.67%; display: block;}
.index-news .news-item .news-pic img { width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.index-news .news-item h4 { font-size: 14px; color: #01519a; padding: 5px 10px 5px 20px; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 24px; margin-top: 10px;}
.index-news .news-item h4::before { content: ""; background: #01519a; display: block; width: 6px; height: 6px; position: absolute; left: 10px; top: 50%; margin-top: -3px;}
.index-news .news-item h4::after { content: ""; background: #ababab; display: block; width: 38px; height: 1px; position: absolute; left: 20px; bottom: 0;}
.index-news .news-item p { font-size: 14px; color: #272f33; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 24px; margin: 10px 10px 0; padding-bottom: 30px; height: 102px; overflow: hidden;}
.index-news .more-btn { width: 160px; height: 38px; font-size: 14px; color: #fff; background: #01519a; line-height: 38px; text-align: center; display: block; border-radius: 19px; margin: 56px auto 0;}
/* contact */
.index-contact { padding: 140px 0 122px; background: url("../imgs/banner_c_02.jpg") no-repeat center center; background-size: cover;}
.index-contact .contact-body { width: 1200px; background: #fff; padding: 30px; margin: 0 auto; overflow: hidden;}
.index-contact .contact-body .left { width: 308px; height: 360px; border: 1px solid #add1ea; float: left; display: flex; align-items: center; transition: all 1s ease 0s;}
.index-contact .contact-body .left .information { padding: 0 30px;}
.index-contact .contact-body .left .information h1 { font-size: 26px; color: #222222;}
.index-contact .contact-body .left .information h1 span { font-size: 14px; color: #0275c2; padding-left: 3px;}
.index-contact .contact-body .left .information h2 { font-size: 16px; color: #222222; margin-top: 25px;}
.index-contact .contact-body .left .information p { font-size: 14px; color: #313131; margin-top: 8px;}
.index-contact .contact-body .line { width: 1px; height: 346px; float: left; margin: 7px 0 0 78px; background: #d2e4f3; transition: all 1s ease 0s;}
.index-contact .contact-body .right { width: 681px; height: 360px; float: right; transition: all 1s ease 0s;}
.index-contact .contact-body .right img { width: 100%; height: 100%;}
.index-contact .not-player .left { opacity: 0; transform: translateX(-100%);}
.index-contact .not-player .line { opacity: 0; transform: translateY(-50%);}
.index-contact .not-player .right { opacity: 0; transform: translateX(100%);}
/* footer */
.bottom-data-box { box-shadow: rgba(0,0,0,.3) 0 0 1px 1px; padding: 20px 0 30px;}
.bottom-data { width: 1200px; overflow: hidden; margin: 0 auto;}
.bottom-data .left-data { width: 480px; border-right: 1px solid #edeeee; float: left;}
.bottom-data .left-nav { padding: 55px 0; overflow: hidden;}
.bottom-data .left-nav-item { width: 146px; float: left;}
.bottom-data .left-nav-item .b-nav-title { font-size: 16px; font-weight: bold; line-height: 20px;}
.bottom-data .left-nav-item .b-nav-list { margin-top: 15px;}
.bottom-data .left-nav-item .b-nav-item a { color: #a09f9f; font-size: 14px;}
.bottom-data .right-data { width: 680px; padding: 55px 0; overflow: hidden; float: right;}
.bottom-data .right-contact { width: calc(100% - 200px); float: left;}
.bottom-data .right-contact h1 { font-size: 20px; font-weight: bold; line-height: 24px;}
.bottom-data .right-contact .contact { font-size: 16px; margin-top: 17px; line-height: 27px;}
.bottom-data .right-contact .contact-row { overflow: hidden;}
.bottom-data .right-contact .contact p { margin-left: 75px;}
.bottom-data .right-contact .contact span { float: left;}
.bottom-data .right-contact .contact-title { float: left; width: 65px; height: 27px; overflow: hidden; text-align:justify; text-justify:distribute-all-lines;/*ie6-8*/ text-align-last:justify;/* ie9*/ -moz-text-align-last:justify;/*ff*/ -webkit-text-align-last:justify;/*chrome 20+*/}
.bottom-data .right-contact .contact-title:after{ content:" "; display: block; width:100%; overflow:hidden; height:0;}
.bottom-data .qrocde { float: right; width: 170px; height: 170px; margin-top: 27px;}
.bottom-data .qrocde img { width: 100%; height: 100%;}
.bottom-address { display: none;}
footer { background: #01519a;}
footer .footer-box { width: 1200px; height: 75px; overflow: hidden; margin: 0 auto;}
footer .footer-box h1 { float: left; font-size: 14px; color: #fff; line-height: 75px;}
footer .footer-box h2 { float: right; font-size: 14px; color: #fff; line-height: 75px;}
.csdn { float: left; height: 100%; display: flex; align-items: center; margin-left: 5px;}
/* pop-video */
.pop-video-box { display: none;}
.pop-video-box.show { display: block;}
.pop-video-box .pop-bg { width: 100%; height: 100%; background: rgba(0, 0, 0, .5); position: fixed; left: 0; top: 0; z-index: 100;}
.pop-video-box .pop-video { width: 800px; height: 600px; position: fixed; left: 50%; top: 50%; z-index: 120; margin: -300px 0 0 -400px; background: #fff;}
.pop-video-box .pop-video video { width: 800px; height: 600px;}
.pop-video-box .pop-video .close-btn { width: 32px; height: 32px; border-radius: 50%; position: absolute; left: 50%; bottom: -60px; margin-left: -20px; transform: rotate(45deg); transition: all .3s ease;}
.pop-video-box .pop-video .close-btn:hover { transform: rotate(225deg);}
.pop-video-box .pop-video .close-btn::before { width: 32px; height: 4px; content: ""; display: block; position: absolute; top: 14px; left: 0; background: #fff;}
.pop-video-box .pop-video .close-btn::after { width: 4px; height: 32px; content: ""; display: block; position: absolute; left: 14px; top: 0; background: #fff;}
/*********** index end ***********/
/* c-banner */
.c-banner { overflow: hidden;}
.c-banner img { width: 100%; object-fit: cover; display: block;}
/* product */
.content-box { width: 1200px; overflow: hidden; margin: 0 auto 80px;}
.content-box .pro-left { width: 215px; float: left;}
.content-box .pro-left .left-top { overflow: hidden; margin-top: 33px;}
.content-box .pro-left .left-top img { width: 40px; height: 32px; float: left; margin-top: 4px;}
.content-box .pro-left .left-top h1 { font-size: 32px; font-weight: bold; color: #333; line-height: 40px; margin-left: 50px;}
.content-box .pro-left .pro-category { margin-top: 12px; border: 1px solid #ededed;}
.content-box .pro-left .category-title { height: 45px; padding-left: 28px; line-height: 45px; font-size: 16px; font-weight: bold; display: block; border-top: 1px dashed #ededed;}
.content-box .pro-left .category-title.current { color: #fff !important; background: #01519a; border-top: 1px dashed #01519a;}
.content-box .pro-left .category-list-box:first-child .category-title { border-top: none;}
.content-box .pro-left .category-item a { height: 45px; padding-left: 47px; line-height: 45px; font-size: 13px; color: #727272; border-top: 1px dashed #ededed; display: block;}
.content-box .pro-left .category-list-box a:hover { color: #01519a;}
.content-box .pro-left .category-item.current a { color: #fff !important; background: #01519a; border-top: 1px solid #01519a;}
.content-box .pro-right { width: 965px; float: right; margin-top: 55px;}
.content-box .pro-right .product-list-box { margin-top: 30px;}
.content-box .pro-right .product-title { color: #fff; background: #01519a; height: 45px; padding-left: 30px; line-height: 45px; font-size: 16px;}
.content-box .pro-right .product-list { overflow: hidden;}
.content-box .pro-right .product-list .product-item { width: 278px; float: left; margin: 30px 22px 0;}
.content-box .pro-right .product-list .product-item:nth-child(3n+1) { margin-left: 21px;}
.content-box .pro-right .product-list .product-item .product-item-pic { width: 278px; border: 1px solid #f3f2f2; position: relative;}
.content-box .pro-right .product-list .product-item .product-item-pic::before { content: ""; display: block; padding-top: 71.58%;}
.content-box .pro-right .product-list .product-item .product-item-pic img { width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.content-box .pro-right .product-list .product-item h1 { margin-top: 15px; text-align: center; font-size: 15px; color: #333; line-height: 25px;}
.pro-column-m { display: none;}
/* product-details */
.product-details .product-details-title { color: #fff; background: #01519a; height: 45px; padding-left: 30px; line-height: 45px; font-size: 18px; margin-top: 30px;}
.product-details .product-details-title .category-more { display: none;}
.product-details .product-introduction { overflow: hidden; margin-top: 44px;}
.product-details .product-introduction .pic-preview-box { float: left; padding: 0 0 62px 114px; position: relative;}
.product-details .product-introduction .pic-pagination { width: 70px; position: absolute; left: 0; top: 0;}
.product-details .product-introduction .pic-pagination .pic-pagination-bullet { width: 70px; height: 70px; margin-top: 16px; border: 1px solid #ededed;}
.product-details .product-introduction .pic-pagination .pic-pagination-bullet:first-child { margin-top: 0;}
.product-details .product-introduction .pic-pagination .pic-pagination-bullet.pic-pagination-bullet-active { border: 2px solid #01519a;}
.product-details .product-introduction .pic-pagination .pic-pagination-bullet img { width: 100%; height: 100%;}
.product-details .product-introduction .pic-preview { width: 362px; height: 362px; border: 1px solid #ededed; overflow: hidden;}
.product-details .product-introduction .pic-preview-list { display: flex; width: 100%; height: 100%;}
.product-details .product-introduction .pic-preview-item { width: 100%; height: 100%; flex-shrink: 0;}
.product-details .product-introduction .pic-preview-item img { width: 100%; height: 100%;}
.product-details .product-introduction .btn-box { position: absolute; bottom: 0; right: 0; width: 362px; overflow: hidden;}
.product-details .product-introduction .btn-box .btn { width: 85px; height: 32px; border-radius: 16px; border: 1px solid #ededed; text-align: center; line-height: 32px; cursor: pointer;}
.product-details .product-introduction .btn-box .prev-pic { float: left;}
.product-details .product-introduction .btn-box .next-pic { float: right;}
.product-details .product-introduction .introduction-box { width: 410px; float: right;}
.product-details .product-introduction .introduction-box h1 { font-size: 21px; color: #585858;}
.product-details .product-introduction .introduction-box .intro-cont { margin: 20px 0 0 28px;}
.product-details .product-introduction .introduction-box .intro-cont p { font-size: 16px; color: #585858; padding-left: 45px; position: relative; margin-top: 20px;}
.product-details .product-introduction .introduction-box .intro-cont p span { position: absolute; left: 0; top: 0;}
.product-details .product-specs { margin-top: 50px;}
.product-details .product-specs .specs-top { height: 60px; border: 1px solid #ededed; overflow: hidden;}
.product-details .product-specs .specs-top .tab { height: 58px; border-top: 8px solid #01519a; line-height: 50px; text-align: center; float: left; padding: 0 20px; border-right: 1px solid #ededed; color: #01519a;}
.product-details .product-specs .specs-content { padding-top: 30px;}
/* news */
.news-list-box .news-list { margin-top: 10px;}
.news-list-box .news-list .news-item { height: 40px; border-bottom: 1px dashed #aaa; padding-top: 5px; line-height: 32px; font-size: 14px; padding-left: 16px; position: relative; overflow: hidden;}
.news-list-box .news-list .news-item::before { width: 6px; height: 6px;position: absolute; left: 0; top: 50%; background: #01519a; content: ""; display: block;}
.news-list-box .news-list .news-item h1 { font-size: 14px; float: left;}
.news-list-box .news-list .news-item .date { font-size: 14px; float: left;}
.news-list-box .news-list .news-item span { color: #666; margin-left: 10px;}
.news-list-box .news-list .news-item a:hover { color: #01519a;}
.news-list-box .news-list .news-item a:hover span { color: #01519a;}
.news-page { margin-top: 15px; overflow: hidden;}
.news-page .data { float: left; font-size: 14px;}
.news-page .page-box { float: right; font-size: 14px; overflow: hidden;}
.news-page .page-box .l { line-height: 22px; float: left;}
.news-page .page-box ul { overflow: hidden; float: left;}
.news-page .page-box ul li { padding: 0 6px; float: left; margin-left: 2px;}
.news-page .page-box ul li.p1 { background: #01519a; color: #fff; line-height: 22px; height: 22px;}
.news-page .page-box ul li.p2 { background: #e8e8e8; color: #666; border: 1px solid #d3d3d4; line-height: 20px; height: 22px;}
/* news details */
.news-details { margin-top: 40px;}
.news-details h1 { text-align: center; font-size: 20px; font-weight: bold;}
.news-details h2 { text-align: center; font-size: 14px; margin-top: 20px; border-bottom: 1px dashed #aaa; padding-bottom: 5px;}
.news-details h2 span { color: #999; margin-left: 30px;}
.news-details h2 span:first-child { margin-left: 0;}
.news-details .news-details-content { margin-top: 40px;}
/* contact-us */
.contact-content { margin-top: 30px;}
.contact-content h1 { font-size: 20px; color: #01519a; font-weight: bold;}
.contact-content .information { font-size: 15px; line-height: 25px; color: #727272; margin-top: 20px;}
.contact-content .information .row { margin-top: 8px; overflow: hidden;}
.contact-content .information .row .infor-title { width: 60px; height: 25px; float: left; overflow: hidden; text-align:justify; text-justify:distribute-all-lines;/*ie6-8*/ text-align-last:justify;/* ie9*/ -moz-text-align-last:justify;/*ff*/ -webkit-text-align-last:justify;/*chrome 20+*/}
.contact-content .information .row .infor-title:after{ content:"."; display: inline-block; width:100%; overflow:hidden; height:0;}
.contact-content .information .row span { float: left; display: block;}
.contact-content .information .row p { margin-left: 75px;}
.contact-content .map-box { margin-top: 70px;}
/* about */
.about-content { margin-top: 40px;}

@media screen and (max-width: 1199px){
    /* header */
    header .top { width: auto; height: 65px; padding: 0 9px;}
    header .top .menu-btn { width: 41px; height: 28px; float: left; background: url("../imgs/btn-menu.png") no-repeat 0 0; background-size: 100% 100%; margin-top: 19px;}
    header .top .logo-box .logo { width: 52px; height: 40px; margin-top: 15px; margin-left: 10px; float: left;}
    header .top .logo-box .slogan { overflow: hidden; float: left; margin: 15px 0 0 8px;}
    header .top .logo-box .slogan img { width: 103px; height: 32px;}
    header .top .right { float: right;}
    header .top .right .language { display: none;}
    header .top .right .phone { margin-top: 20px; font-size: 10px;}
    header .top .right .phone .p1,header .top .right .phone .p2 { height: 16px; line-height: 16px; display: block; float: none;}
    header .top .right .phone .p1 img { width: 9px; height: 9px; margin-right: 2px;}
    header .nav-box { display: none;}
    header .top .menu-left-box { display: block; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 200; transition: all ease .3s; transform: translateX(-100%);}
    header .menu-left-box.active { transform: translateX(0);}
    header .menu-left-box .menu-bg { width: 100%; height: 100%; background: rgba(0, 0, 0, .5); position: relative;}
    header .menu-left-box .menu-bg .iconfont { position: absolute; right: 20px; top: 40px; font-size: 40px; color: #eee;}
    header .menu-left-box .menu-body { width: calc(100% - 80px); height: 100%; border-right: 5px solid #fff; background: #3277dd; position: absolute; left: 0; top: 0;}
    header .menu-left-box .menu-body .menu-list { margin-top: 15px;}
    header .menu-left-box .menu-body .menu-item { border-bottom: 1px solid #fff;}
    header .menu-left-box .menu-body .menu-item a { height: 40px; padding: 0 20px; line-height: 40px; font-size: 14px; color: #fff; display: block;}
    header .menu-left-box .menu-body .menu-item.current { background: #01519a; position: relative; overflow: hidden;}
    header .menu-left-box .menu-body .menu-item.current::after { content: ""; position: absolute; width: 10px; height: 10px; background: #fff; right: -7px; top: 50%; transform: translateY(-50%) rotate(45deg);}
    header .menu-left-box .menu-body .menu-item .menu-son { display: none;}
    header .menu-left-box .menu-body .menu-item .menu-title { height: 40px; padding: 0 20px; line-height: 40px; font-size: 14px; color: #fff;}
    header .menu-left-box .menu-body .menu-item.active { background: #01519a;}
    header .menu-left-box .menu-body .menu-item.active .menu-son { display: block;}
    header .menu-left-box .menu-body .menu-item .menu-son a { line-height: 30px; height: 30px; padding-left: 25px; font-size: 12px;}
    header .menu-left-box .menu-body .language-btn { padding: 10px 20px; background: #fff;}
    header .menu-left-box .menu-body .language-btn a { display: block; color: #fff; background: #3277dd; line-height: 40px; padding: 0 10px;}
    header .menu-left-box .menu-body .language-btn a span { margin-right: 5px;}
    /* banner */
    .banner-box { padding-bottom: 0;}
    .banner-box .pagination-box { bottom: 10px;}
    .banner-box .swiper-pagination-bullet { width: 13px; height: 1px; margin: 0 2px;}
    /* video */
    .index-video { width: auto; margin: 20px 10px 38px;}
    .index-video h1 { font-size: 15px;}
    .index-video h6 { font-size: 10px; margin-top: 10px;}
    .index-video .video-list { margin-top: 21px;}
    .index-video .video-list .video-item { width: calc(33.33% - 6px); height: auto; margin-left: 9px;}
    .index-video .video-list .video-item::before { width: 100%; padding-top: 127.68%; content: ""; display: block;}
    .index-video .video-list .video-item:first-child { margin-left: 0;}
    .index-video .video-list .video-item img { width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
    .index-video .video-list .video-item .video-play-btn { width: 33px; height: 33px; margin: -16px 0 0 -16px;}.index-product .pro-swiper { width: 1200px; position: relative; margin: 70px auto 0;}
    /* product */
    .index-product { padding: 20px 0 30px; position: relative;}
    .index-product h1 { font-size: 15px; font-weight: normal;}
    .index-product h6 { font-size: 10px; margin: 10px 10px 0;}
    .index-product .pro-swiper { width: auto; margin: 20px auto 0;}
    .index-product .pro-list-box { width: auto;}
    .index-product .pro-list-box .pro-list-body { width: auto; margin: 0;}
    .index-product .pro-list-box .pro-list .pro-item .pro-item-c { width: calc(33.33% - 12px); margin: 0 0 0 9px;}
    .index-product .pro-list-box .pro-list .pro-item .pro-item-c h3 { font-size: 12px; margin: 10px 10px 0;}
    .index-product .pro-list-box .pro-list .pro-item .pro-item-c .btn { width: 60px; height: 18px; font-size: 12px; line-height: 18px; border-radius: 5px; margin: 16px auto 15px;}
    .index-product .pro-swiper .prev-btn { display: none;}
    .index-product .pro-swiper .next-btn { display: none;}
    .index-product .pro-pagination { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); z-index: 100;}
    .index-product .swiper-pagination-bullet { width: 13px; height: 1px; margin: 0 2px; background: #fff; display: inline-block;}
    .index-product .swiper-pagination-bullet-active { background: #2084d2;}
    /* news */
    .index-news { background: #fafafa; padding: 16px 0 20px;}
    .index-news h1 { font-size: 15px;}
    .index-news h3 { font-size: 10px; margin-top: 0;}
    .index-news .news-list { display: none;}
    .index-news .news-m-list-box { width: auto; margin: 12px auto 0; overflow: hidden; display: block; background: #fff; position: relative;}
    .index-news .news-m-list { width: 100%; display: flex;}
    .index-news .news-m-item { width: 100%; flex-shrink: 0; background: #fff;}
    .index-news .news-m-item a { padding: 0 10px; display: block;}
    .index-news .news-m-item .news-m-pic { position: relative;}
    .index-news .news-m-item .news-m-pic::before { content: ""; padding-top: 58.67%; display: block;}
    .index-news .news-m-item .news-m-pic img { width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
    .index-news .news-m-item h4 { font-size: 13px; color: #01519a; padding: 5px 10px 5px 20px; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 24px; margin-top: 10px;}
    .index-news .news-m-item h4::before { content: ""; background: #01519a; display: block; width: 6px; height: 6px; position: absolute; left: 10px; top: 50%; margin-top: -3px;}
    .index-news .news-m-item h4::after { content: ""; background: #ababab; display: block; width: 36px; height: 1px; position: absolute; left: 20px; bottom: 0;}
    .index-news .news-m-item p { font-size: 13px; color: #272f33; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 24px; margin: 10px 10px 0; padding-bottom: 30px; height: 102px;}
    .index-news .more-btn { display: none;}
    .index-news .news-pagination { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); z-index: 100;}
    .index-news .swiper-pagination-bullet { width: 13px; height: 1px; margin: 0 2px; background: #d9d9da; display: inline-block;}
    .index-news .swiper-pagination-bullet-active { background: #2084d2;}
    /* contact */
    .index-contact { padding: 14px 0 11px;}
    .index-contact .contact-body { width: auto; background: #fff; padding: 10px 9px; margin: 0 10px; position: relative;}
    .index-contact .contact-body .left { width: 45%; height: auto; border: 1px solid #add1ea; float: left; display: block;}
    .index-contact .contact-body .left .information { padding: 20px 5px;}
    .index-contact .contact-body .left .information h1 { font-size: 13px;}
    .index-contact .contact-body .left .information h1 span { font-size: 10px; color: #0275c2; padding-left: 3px;}
    .index-contact .contact-body .left .information h2 { font-size: 10px; color: #222222; margin-top: 10px;}
    .index-contact .contact-body .left .information p { font-size: 10px; color: #313131; margin-top: 2px;}
    .index-contact .contact-body .line { display: none;}
    .index-contact .contact-body .right { width: 50%; height: calc(100% - 20px); position: absolute; top: 10px; right: 9px;}
    .index-contact .contact-body .right img { object-fit: cover;}
    /* footer */
    .bottom-data-box { padding: 10px 0 15px;}
    .bottom-data { width: auto;}
    .bottom-data .left-data { display: none;}
    .bottom-data .right-data { width: auto; padding: 0; float: none;}
    .bottom-data .right-contact { display: none;}
    .bottom-data .qrocde { float: none; width: 170px; height: 170px; margin: 0 auto;}
    .bottom-data .qrocde img { width: 100%; height: 100%;}
    .bottom-address { font-size: 14px; text-align: center; display: block; margin-top: 20px;}
    footer .footer-box { width: auto; height: auto; overflow: hidden; padding: 10px;}
    footer .footer-box h1 { float: none; font-size: 10px; line-height: 14px; text-align: center;}
    footer .footer-box h2 { float: none; font-size: 10px; line-height: 14px; text-align: center;}
    .csdn { float: none; justify-content: center;}
    /* pop-video */
    .pop-video-box .pop-video { width: calc(100% - 20px); height: 300px; left: 10px; margin: -120px 0 0 0;}
    .pop-video-box .pop-video video { width: 100%; height: 300px;}
    .pop-video-box .pop-video .close-btn { width: 32px; height: 32px; border-radius: 50%; position: absolute; left: 50%; bottom: -60px; margin-left: -20px; transform: rotate(45deg); transition: all .3s ease;}
    .pop-video-box .pop-video .close-btn:hover { transform: rotate(225deg);}
    .pop-video-box .pop-video .close-btn::before { width: 32px; height: 4px; content: ""; display: block; position: absolute; top: 14px; left: 0; background: #fff;}
    .pop-video-box .pop-video .close-btn::after { width: 4px; height: 32px; content: ""; display: block; position: absolute; left: 14px; top: 0; background: #fff;}
    /*********** index end ***********/
    /* c-banner */
    .c-banner img { height: 200px;}
    /* product */
    .content-box { width: auto; overflow: hidden; margin: 0 10px 20px;}
    .content-box .pro-left { display: none;}
    .content-box .pro-column-title { text-align: center; height: 40px; line-height: 40px; font-size: 15px; background: #01519a; color: #fff; margin-top: 10px; font-weight: bold;}
    .content-box .pro-column-title .iconfont { font-size: 12px; margin-left: 5px;}
    .content-box .pro-right { width: auto; float: none; margin-top: 0;}
    .content-box .pro-right .product-list-box { margin-top: 10px;}
    .content-box .pro-right .product-title { height: 30px; padding-left: 10px; line-height: 30px; font-size: 12px; display: none;}
    .content-box .pro-right .product-title.m-show { display: block;}
    .content-box .pro-right .product-list { overflow: hidden;}
    .content-box .pro-right .product-list .product-item { width: calc(50% - 10px); margin: 10px 0 0 20px;}
    .content-box .pro-right .product-list .product-item:nth-child(3n+1) { margin-left: 20px;}
    .content-box .pro-right .product-list .product-item:nth-child(2n+1) { margin-left: 0;}
    .content-box .pro-right .product-list .product-item .product-item-pic { width: auto;}
    .content-box .pro-right .product-list .product-item h1 { margin-top: 10px; font-size: 12px; line-height: 20px;}
    .pro-column-m { display: block;}
    /* column-pop */
    .pro-column-pop-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 100; transform: translateX(100%); transition: all .3s;}
    .pro-column-pop-box.active { transform: translateX(0);}
    .pro-column-pop-box .pro-column-pop-bg { width: 100%; height: 100%; background: rgba(0, 0, 0, .5);}
    .pro-column-pop-box .pro-column-pop { width: calc(100% - 140px); height: 100%; background: #fff; position: absolute; right: 0; top: 0;}
    .pro-column-pop-box .pop-column-title { height: 34px; line-height: 34px; padding-left: 20px; font-size: 15px; display: block; border-bottom: 1px solid #dedede;}
    .pro-column-pop-box .pop-column-title.current { background: #01519a; color: #fff; border-bottom: 1px solid #01519a;}
    .pro-column-pop-box .pop-column-list .pop-column-item { height: 34px; line-height: 34px; border-bottom: 1px solid #dedede;}
    .pro-column-pop-box .pop-column-list .pop-column-item a { padding-left: 30px; font-size: 12px; display: block;}
    .pro-column-pop-box .pop-column-list .pop-column-item.current { background: #01519a; border-bottom: 1px solid #01519a;}
    .pro-column-pop-box .pop-column-list .pop-column-item.current a { color: #fff;}
    /* product-details */
    .details-banner { display: none;}
    .product-details .product-details-title { color: #fff; background: #01519a; height: 30px; padding-left: 20px; line-height: 30px; font-size: 12px; margin-top: 0;}
    .product-details .product-details-title .category-more { display: unset; float: right; margin-right: 5px;}
    .product-details .product-introduction { margin-top: 10px;}
    .product-details .product-introduction .pic-preview-box { float: none; padding: 0; position: relative;}
    .product-details .product-introduction .pic-pagination { display: none;}
    .product-details .product-introduction .pic-preview { width: 100%; height: auto; border: none;}
    .product-details .product-introduction .pic-preview-list { height: auto;}
    .product-details .product-introduction .pic-preview-item { width: 100%; height: auto; flex-shrink: 0;}
    .product-details .product-introduction .pic-preview-item img { width: 100%;}
    .product-details .product-introduction .btn-box { position: relative; width: 100%; margin-top: 10px;}
    .product-details .product-introduction .btn-box .btn { width: 50px; height: 28px; border-radius: 14px; line-height: 28px; font-size: 12px;}
    .product-details .product-introduction .introduction-box { width: auto; float: none; margin-top: 10px;}
    .product-details .product-introduction .introduction-box h1 { font-size: 14px; color: #333; font-weight: bold;}
    .product-details .product-introduction .introduction-box .intro-cont { margin: 10px 0 0 14px;}
    .product-details .product-introduction .introduction-box .intro-cont p { font-size: 12px; padding-left: 30px; margin-top: 5px;}
    .product-details .product-introduction .introduction-box .intro-cont p span { position: absolute; left: 0; top: 0;}
    .product-details .product-specs { margin-top: 10px;}
    .product-details .product-specs .specs-top { height: 36px; border: 1px solid #ededed; overflow: hidden;}
    .product-details .product-specs .specs-top .tab { height: 34px; border-top: 4px solid #01519a; line-height: 30px; padding: 0 6px;}
    .product-details .product-specs .specs-content { padding-top: 10px;}
    .product-details .product-specs .specs-content img { max-width: 100% !important;}
    /* .product-details .product-specs .specs-content * { font-size: 12px !important;} */
    /* news */
    .news-list .news-item { height: 31px; padding-top: 0; line-height: 30px; font-size: 12px;}
    .news-list .news-item::before { margin-top: -3px;}
    .news-list .news-item h1 { font-size: 12px; width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .news-list .news-item .date { font-size: 12px; float: right;}
    .news-list .news-item span { margin-left: 0;}
    .news-page { margin-top: 10px;}
    .news-page .data { display: none;}
    .news-page .page-box .l { display: none;}
}