@charset "utf-8";
body{ font-family:"微软雅黑","SourceHanSansCN-Normal","SourceHanSansCN"; margin:0; padding:0; color: #444;}
p,dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
li{ list-style:none;}
a{text-decoration:none;}
a:focus, a:hover{text-decoration:none;}
img{ border: none; outline: none;}
input{ border:none; outline:none; background: none;}
input::-moz-placeholder{ color: rgba(105,108,108,0.5);}
input:-ms-input-placeholder { color: rgba(105,108,108,0.5); }
input::-webkit-input-placeholder{ color:rgba(105,108,108,0.5); }
input::placeholder{ color:rgba(105,108,108,0.5); }
textarea::-moz-placeholder{color:rgba(105,108,108,0.5); }
textarea:-ms-input-placeholder { color: rgba(105,108,108,0.5); }
textarea::-webkit-input-placeholder{ color:rgba(105,108,108,0.5); }

.clear{clear: both; margin: 0; padding: 0;}
.clearfix:after{ content: ""; display:block; height: 0; clear: both; visibility: hidden;}
.clearfix{*zoom:1;}

.position{position: fixed; top: 0; left: 0; z-index: 100;}
header{ height: 100px; background: #fff;}
header .container{ position: relative;}
header .logo{ float: left; width: 38.5%; margin-top: 28px;}
.logo img{ max-width: 100%; height: auto;}
header nav{ float: right; }
header nav li{ float: left;margin-left: 1px;  position: relative;}
header nav>li>a{ font-size:18px; position: relative; overflow: hidden; padding-left: 18px;height: 100px; padding-right:18px; display:block;line-height: 100px;color: #333;}
header nav>li>a span{position:relative;z-index: 2; width: 100%; height: 100%;transition: top 200ms;}
header nav>li>a span.bkg{ position: absolute;left: 0;background: #0361af;  top: 100%; z-index: 1;}
header nav>li>a:focus{}
header nav>li.current>a{border-bottom:4px solid #0361af;}
nav>li:hover span.bkg{  top: 0;}
header nav>li:hover>a{ color: #fff;}
header nav>li.current>a:hover{ border-bottom: none;}
header nav>li .subnav{ display:none;position: absolute; width: 100%; padding-top: 10px; z-index: 100; padding-bottom: 10px; top: 100px;background: #fff; text-align: center; }
header nav>li .subnav a{ display: block; font-size: 16px; line-height: 40px; color: #333;}
header nav>li .subnav a:hover{ color: #231B40; }
header nav>li:hover .subnav{ display: block;}
header .cn-flag{ position: absolute; right: 0; top: 40px;}

/*手机版导航*/
.mobileNav{ display:none;position:absolute; top:80px; z-index:10000; width:100%; height:100%; background:#fff;left:0;}
.mobileNav .close{ float:right;opacity: 1; margin-right:15px; width:25px; height:25px; background:url(/skin/default/images/close.png) no-repeat; background-size: 20px auto; }
.mobileNav ul{}
.mobileNav ul li{ line-height: 40px; border-bottom: 1px solid #ddd;}
.mobileNav ul li a{ display: block; color:#333; font-size: 16px; line-height: 52px;}

/*.mobileNav ul li span.addBtn{ display: inline-block;cursor: pointer; width:60px; height:50px; line-height: 50px; position: absolute;text-align:center;right: 0px; top: 0px; z-index: 100;}*/
/*.mobileNav ul li span.addBtn img{width: 20px; height: auto;}*/
/*.mobileNav ul li>a{ display:block; border-bottom:1px solid #fff; width:100%; line-height:50px; padding-left:22px; margin:auto; font-size:16px; color:#fff; }*/
/*.mobileNav ul li dl{ display:none; background:#fff;}*/
/*.mobileNav ul li dl dd{ margin:auto;  }*/
/*.mobileNav ul li dl dd a{ line-height:40px; color:#015aa5; border-bottom: 1px solid #ddd; display:block; font-size:15px; padding-left:34px;}*/
.video-js .vjs-tech{ z-index: 100 !important;}

.swiper-container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    text-align: center;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-button-next, .swiper-button-prev{ opacity: 0;}
.bannerindex{ width: 100%;}
.bannerindex .swiper-slide{ width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.banner1{ text-align: center;}
/* .banner1 h1{ font-size: 48px; margin-bottom: 25px; color: #fff; font-weight: bold;} */
.banner1 p{ width: 32%; margin: auto; font-size: 16px; line-height: 24px; color: rgba(255,255,255,.65);}
.banner1 img{ margin-top: 18px;}
.bannerindex .swiper-slide h1{
    width: 85%;
    margin: auto;
    padding: 30px 10px 35px;
    text-align: center;
    font-size: 42px; margin-bottom: 25px; color: #fff; font-weight: bold;
    /* background: rgba(3,97,175,.7); */
    background: url(/skin/default/images/titbg.png) no-repeat center center;
    background-size: 100% 100%;
}

.bannerindex .swiper-pagination{ bottom: 5px;}
.bannerindex .swiper-pagination-bullet{ width: 80px; height: 8px; border-radius: 0; background:#fff; opacity: .4;}
.bannerindex .swiper-pagination-bullet-active{ background: #fff; opacity: 1;}

.section_1{ padding-top: 95px; overflow: hidden; padding-bottom: 90px;}
.bigbox{ text-align: center;}
.bigbox h1{ font-size: 40px; margin-bottom: 7px; font-weight:bold;color: #333;}
.bigbox span{ font-size: 14px; color: #999;position: relative;}
.bigbox span::before,.bigbox span::after{content: ""; position: absolute;top:9px; width: 32px; height: 1px; background: #999; display:inline-block;}
.bigbox span::before{left:-33px;}
.bigbox span::after{right:-33px;}

.section_1 .core_product{ padding-top: 35px;}
.core_product .core_left{ width: 72.75%; float: left;}
.core_left a{ display: block;}
.core_left li{ float: left; width: 32.6%; margin-right: 1.1%; overflow: hidden; margin-bottom: 10px; }
.core_left li img{ width: 100%; height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
/* .core_left li.index0{ width: 53.2%; height: 287px;}
.core_left li.index1{ width: 45.7%; margin-right: 0; height: 287px;}
.core_left li.index2{ width: 29.1%; height: 172px;}
.core_left li.index3{ width: 22.87%; height: 172px;}
.core_left li.index4{ width: 45.7%; margin-right: 0; height: 172px;} */
.section_1 .core_info{ width: 26.33%; float: right; box-sizing: border-box; padding:70px 33px; height: 418px; background:#F1F1F1;}
.core_info h2{ text-align: left; font-weight: bold; margin-bottom: 32px; font-size: 26px; line-height: 42px; color: #333;}
.core_info p{ color: #666; line-height: 32px; height: 96px; overflow: hidden; font-size: 16px; text-align: justify;}
.core_info a{ float: right; margin-top: 38px; color: #fff; font-size: 16px; width: 142px; line-height: 48px; text-align: center; background: #0361af; border-radius: 48px; height: 48px; box-shadow: 0 10px 15px 0 rgba(3,97,175,.4);}
.core_left li:hover img{
    transform: scale(1.25);
    -webkit-transform: scale(1.25);
    -o-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.core_info a:hover{ background: #33285D; box-shadow: 0 10px 15px 0 rgba(51,40,93,.4);}

.section_2{ background: #F7F9FC; padding-top: 76px; padding-bottom: 80px;}
.section_2 .bigbox{ margin-bottom:33px;}
.section_2 p{ width: 79%; margin:33px auto; text-align: center; font-size: 18px; line-height: 27px; color: rgba(0,0,0,.45);}
.section_2 .bigbox span::before,.section_2 .bigbox span::after{ width: 44px;}
.section_2 .bigbox span::before{ left:-46px;}
.section_2 .bigbox span::after{ right: -46px;}

.section_2 dl{}
.section_2 dl dd{ overflow: hidden; float: left; width: 32%; min-height: 75px; margin-bottom: 43px; text-align: center; margin-right:1.3%;}
.section_2 dl dd a{ display: block;}
.section_2 dl dd img{ max-width: 100%; height: auto;}
.section_2 dl dd img.hover{ display: none;}
.section_2 dl dd:hover img.normal{ display: none;}
.section_2 dl dd:hover img.hover{ display: inline-block;}
.section_2 a.case_more,.section_3 a.news_more{ color: #fff; display: block; font-size: 16px; width: 142px; margin: auto; line-height: 48px; text-align: center; background: #0361af; border-radius: 48px; height: 48px; box-shadow: 0 10px 15px 0 rgba(3,97,175,.4);}
.section_2 a.case_more:hover,.section_3 a.news_more:hover{background: #33285D; box-shadow: 0 10px 15px 0 rgba(51,40,93,.4);}

.section_3{ overflow: hidden; padding-bottom: 80px;}
.section_3 .bigbox span::before,.section_3 .bigbox span::after{ width: 26px;}
.section_3 .bigbox span::before{ left:-27px;}
.section_3 .bigbox span::after{ right: -27px;}

.section_3 .newsindex{ margin-top: 38px; margin-bottom: 4px;}
.newsindex .news-left{ width: 30.8%; height: 334px; float: left; border: 1px solid #979797;}
.news-left img{width: 100%; height: auto;}
.newsindex ul{ width: 67%; float: right;}
.newsindex ul li{ float: left; width: 47.5%; margin-right:5%; margin-bottom: 63px; overflow: hidden;}
.newsindex ul li a{ display: block;}
.newsindex ul li .date{ width: 60px; float: left; text-align: right;}
.date span{ font-size: 24px; font-weight: bold; color: #999;}
.date p{ font-size:14px; font-weight: bold; color: #999;}
.newsindex ul li .news-info{ float: right; width: 82%;box-sizing: border-box; border-left:1px solid #CECECE; padding-left: 10px;}
.newsindex ul li h2{ font-size: 18px; margin-bottom: 15px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333;}
.news-info p{ font-size: 14px; height: 64px; overflow: hidden; line-height: 22px; color: #999;}
.news-info a.more{width: 97px; margin-top: 14px; font-size: 14px; color: #0361af; line-height: 19px; background: url(/skin/default/images/arrow-more.png) no-repeat right center;}
.section_3 ul li:hover h2{ color:#0361af;}

.section_4{ background: #F1F1F1; height: 600px; position: relative; margin-bottom: 137px;}
.section_4 .bigbox{ position: absolute; left: 50%; top: 80px; z-index: 2;}
.section_4 .bigbox h1{ color: #fff;}
.section_4 .bigbox span::before,.section_4 .bigbox span::after{ width: 18px;}
.section_4 .bigbox span::before{ left:-19px;}
.section_4 .bigbox span::after{ right: -19px;}

.section_4 .videobox{ width: 100%; height: 675px; position: relative; margin-top: -38px;}
.videobox video{ width: 100%; height:675px;}
.videobox .video-cover{ position: relative;}
.videobox .video-cover img{ width: 100%; height: auto;}
.video-cover .playbtn{ width: 100%; height: 100%;background: url(/skin/default/images/video_play.png) no-repeat center center rgba(0,0,0,.4); position: absolute;left: 0; top:0; z-index: 1; }

footer{ background: #144f97; padding-top:25px; padding-bottom: 20px;}
footer .foot-u{ border-bottom: 1px solid #fff; padding-bottom: 100px; margin-bottom: 12px;}
footer dl{ float: left; width:20%;}
footer dl dt{ font-size: 16px; margin-bottom: 8px; font-weight: bold; color: #fff;}
footer dl dd{ line-height: 28px;}
footer dl dd a{ font-size: 14px; color: rgba(255,255,255,.65);}
footer dl dd a:hover{ color: #fff;}
footer p{ text-align: center; font-size: 16px;color:#fff; line-height: 28px;}
footer p a{ color:#fff; font-size: 12px;}
footer p a:hover{ color: #fff;}

@media (min-width: 992px) and (max-width: 1240px) {
    header nav li{ margin-left: 8px; margin-right: 8px;}

    .section_1 .core_info{ padding: 30px 32px; }
    .core_info h2{ margin-bottom: 16px; font-size: 34px; line-height: 42px;}
    .core_info p{ line-height: 28px;}
    .core_info a{ margin-top: 18px; height: 38px; line-height: 38px; border-radius: 38px;}

    .newsindex .news-left{ height: 270px;}
    .newsindex ul li .news-info{ width: 78%;}
    .news-info p{ display: none;}

    .section_4{ height: 470px;}
}

/*.navbar-toggle{ background: #231B40;}*/
.navbar-toggle{ margin-top: 20px; margin-right: 0;}
.navbar-toggle .icon-bar{ background: #231B40; width: 32px;}
.navbar-toggle .icon-bar+.icon-bar{ margin-top: 8px;}
@media (max-width: 992px) {
    .navbar-toggle{ display: block;}
    header .cn-flag,header nav{ display: none;}
}
@media (min-width: 767px) and (max-width: 992px) {
    header .logo{ width: 18.2%;}
    .banner1 p{ width: 70%;}
    .banner1 img{ max-width: 100%; height: auto;}
    .core_product .core_left{ width: 100%;}
    .section_1 .core_info{ width: 100%; min-height: auto !important; padding: 35px 25px;}
    .newsindex .news-left{ height: 209px;}
    .newsindex ul li .news-info{ width: 72%;}
    .section_4{ height: 350px;}
}
@media (max-width: 767px) {
    header{height: 80px;}
    header .logo{ width:25%; margin-left: 15px; margin-top: 20px;}
    .mobileNav ul{ width: 90%; margin: auto;}
    .banner1 h1{ font-size: 20px; margin-bottom: 0;}
    .banner1 p{ display:none;}
    .banner1 img{max-width: 30%; height: auto; margin-top: 10px;}
    .bannerindex .swiper-pagination-bullet{ width: 20px; height: 2px;}

    .section_1{ padding-top: 40px; padding-bottom: 20px;}
    .bigbox h1{ font-size: 32px;}
    .bigbox span::before, .bigbox span::after{ width:15px;}
    .bigbox span::before{ left:-16px;}
    .bigbox span::after{ right: -16px;}
    .section_1 .core_product{ padding: 25px 15px;}
    .core_product .core_left,.section_1 .core_info{ width: 100%;}
    .core_left li{ margin-bottom: 4px;}
    .section_1 .core_info{ padding: 15px 15px 30px;}
    .core_info h2{ font-size: 24px; margin-bottom: 0;}
    .core_info a{ margin-top: 15px;}
    .section_2{ padding-top: 40px;padding-bottom: 40px;}
    .section_2 .bigbox span::before, .section_2 .bigbox span::after{ width: 30px;}
    .section_2 .bigbox span::before{ left: -31px;}
    .section_2 .bigbox span::after{ right: -31px;}
    .section_2 p{ width: 90%; margin: 10px auto; font-size: 14px; line-height: 24px;}
    .section_2 dl{ padding: 0 10px;}
    .section_2 dl dd{ margin-bottom: 20px; min-height: 46px; width: 30%; margin-right: 5%;}
    .section_3{ padding:40px 15px;}
    .section_3 .bigbox span::before, .section_3 .bigbox span::after{ width: 8px;}
    .section_3 .bigbox span::before{ left:-9px;}
    .section_3 .bigbox span::after{ right: -9px;}
    .section_3 .newsindex{ margin-top: 25px;}
    .newsindex .news-left{ width: 100%; height: auto;}
    .newsindex ul{ width: 100%; padding-top: 20px;}
    .newsindex ul li{ width: 100%; margin-right: 0;}
    /*.newsindex ul li .date{ width: 50px;}*/
    /*.date p,.date span{ font-size: 20px;}*/
    .newsindex ul li h2{ font-size: 16px;}
    .newsindex ul li{ margin-bottom: 23px;}
    .news-info p{ display: none;}

    .section_4{height: auto; margin-bottom: 40px; }
    .section_4 .videobox{ height: auto; margin-top: 0;}
    .videobox video{ height: auto;}
    .video-cover .playbtn{ background-size: 50px;background-position: center 60%;}
    .section_4 .bigbox{ top: 20px;}
    .section_4 .bigbox span{ color: #fff;}
    .section_4 .bigbox span::before,.section_4 .bigbox span::after{ background: #fff;}
    footer{padding: 30px 15px 20px;}
    footer dl{ width: 100%; margin-bottom: 10px;}
    footer dl dt{ position: relative;}
    footer dl dt::after{
        content: "∨";
        display: table;
        position: absolute;right: 0px; top: 0;
    }
    footer dl dd{ display: none; padding-left: 24px;}
    footer .foot-u{ padding-bottom: 10px;}
}

/*产品中心——智能互动白板*/
.bannerbox{ width: 100%;padding-top: 50px; padding-bottom: 50px; background-size: cover; background-position: center center;background-repeat: no-repeat;}
.bannerbox h1{ font-size: 40px; font-weight: bold; color: rgba(255,255,255,.45);}
.tabbox{ height: 70px; border-bottom: 1px solid #EAEAEA;}
.tabbox .location{ float: left; padding-left: 18px; background:url(/skin/default/images/icon_public_home.png) no-repeat left center;}
.location a{ font-size: 16px; color: #333333; font-weight: bold; line-height: 70px;}
.location a:hover{color: #0560ad;}
.location a.current{color: #0560ad;}
.tabnav{ float: right;}
.tabnav a{ line-height: 66px; color: #333; font-size: 12px; font-weight: bold; margin-left: 40px; display: inline-block; border-bottom: 2px solid #fff;}
.tabnav a:hover{ border-bottom: 2px solid #0560ad;}
.tabnav a.current{ border-bottom: 2px solid #0560ad;}

.znhd_main{ margin-top: 20px;}
.znhd_main .pro_1{ background: #F5F5F5; box-sizing: border-box; padding: 50px 100px 99px;}
.pro_1 p{ font-size: 20px; line-height: 36px; color: #666; margin-bottom: 40px;}
.pro_1 .high-left{ width: 43.3%; float: left; padding-top: 20px;}
.high-left h2{ font-size: 40px; line-height: 52px; margin-bottom: 60px; font-weight: 700; color: #333;}
.high-left ul{overflow: hidden;}
.high-left ul li{ float: left; width: 32%; text-align: center; margin-right: 2%; margin-bottom: 35px;}
.high-left ul li img{ max-width:100%; height:auto;}
.high-left ul li span{ display: block; margin-top: 15px; font-size: 14px; color: #727272;}

.pro_1 .high-right{ width: 50.6%; float: right; overflow: hidden;}
.high-right .swiper-slide{ background: none;}
.high-right .swiper-pagination{ opacity: 0;}
.pro_1 .high-right img{width: 100%; height: auto;}

.znhd_main .six_block{ overflow: hidden; margin-top: 20px;}
.six_block dd{ width:32.25%; margin-right: 1.625%; margin-bottom: 20px; padding: 30px 38px 34px; box-sizing: border-box; float: left; background:#F5F5F5; text-align: center;}
.six_block dd h3{ font-size: 18px; color: #333; font-weight: 700; margin-top: 10px; margin-bottom: 20px;}
.six_block dd img{ max-width: 100%; height: auto;}
.six_block dd p{ font-size: 14px; color: #999; line-height: 20px;}

.product_main{ padding-top: 60px;}
.product_main h2{ text-align: center; font-size: 40px; font-weight: bold; color: #333; margin-bottom: 50px;}
.znhd_pro1{ text-align: center;}
.znhd_pro1 img{ max-width: 100%; height: auto;}
.znhd_pro1 h5,.product_main ul li h5{ font-size: 18px; font-weight: 700; color: #666; margin-top: 18px;}

.product_main ul{ overflow: hidden; padding-top: 50px;}
.product_main ul li{ width: 49.17%; background: #F5F5F5; padding: 50px 56px 46px; text-align: center; margin-bottom: 20px; box-sizing: border-box; float: left; margin-right: 1.66%;}
.product_main ul li img{ max-width: 100%; height: auto;}
.product_main ul li.index1,.product_main ul li.index4{margin-right: 0;}
.product_main ul li.index2,.product_main ul li.index3{ width: 100%;}
.product_main ul li.index3{ padding: 48px 100px;}
.product_main ul li.index4{ padding:44px 68px 46px;}

.product_main .apply_place{ padding-top: 40px;}
.apply_place ol{ overflow: hidden;}
.apply_place ol li{ float: left; width: 49.17%; float: left; margin-bottom: 20px; margin-right: 1.66%; position: relative; overflow: hidden;}
.apply_place ol li .pic_title{ position: absolute;height: 80px; line-height:80px;left: 0; bottom: 0; font-size: 18px; color: #fff; font-weight: 700; width: 100%; text-align: center; background: rgba(0,0,0,0.5);}
.apply_place ol li img{ width: 100%; height: auto;
 transition: all .5s ease-in-out;
 -webkit-transition: all .5s ease-in-out;
 -o-transition: all .5s ease-in-out;
 -moz-transition: all .5s ease-in-out;
}
.apply_place ol li:hover img{
    transform: scale(1.25);
    -webkit-transform: scale(1.25);
    -o-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);

}
.product_main .parameters{ padding-top:58px; padding-left: 100px; padding-bottom: 98px;}
.parameters h2{ float: left;}
.parameters .brief{ float: right; width:76%;}
.brief p{ font-size: 16px; color: #333; line-height: 58px; border-bottom: 2px solid #CECECE;}

/*产品中心——红外光学触控模组*/
.hwgx_main{ padding-top: 20px;}
.hwgx_main .pro_2{ text-align: center;}
.hwgx_main .pro_2 img{ width: 100%; height: auto; margin-bottom: 20px;}
.pro_2 ul{ overflow: hidden; width: 68.3%; margin: 0 auto;}
.pro_2 .hw_pics{ background: #F5F5F5; margin-bottom: 20px; padding-top: 42px; padding-bottom: 18px;}
.pro_2 ul li{ float: left; width: 48.85%; float: left; margin-right: 2.3%;}

.hwgx_main .hwgx_text{ background: #F5F5F5; padding: 50px 100px;}
.hwgx_text p{ width: 80%; margin: 0 auto; font-size: 20px; color: #666; line-height: 36px;}
.hwgx_text .hwgx_number{padding-top: 48px; padding-left: 100px; padding-right: 100px; border-bottom: 1px solid #CECECE;}
.hwgx_number dl.hwgx_left{ float: left; width: 80%;}
.hwgx_left dd{ margin-bottom: 55px;}
.hwgx_left dd span{ display: block; height: 12px; border-radius: 12px; margin-bottom: 10px;}
.hwgx_left dd span.line-b{ width: 100%; background: #0381FF;}
.hwgx_left dd span.line-g{ width: 20%; background: #666;}
.hwgx_left dd b{ font-size: 14px; line-height: 19px;}
.hwgx_number .hwgx_right{ float: right;}
.hwgx_right b{ font-size: 16px; color: #333; line-height: 21px;}
.hwgx_right h1{ font-size: 48px; line-height: 64px; color: #333; font-weight: bold;}
.hwgx_right h1 b{ font-size: 80px; line-height: 106px;}
.num-top{ margin-top:49px; padding-left: 100px; padding-right: 100px;}
.num-top ul li{ float: left;}
.num-top ul li .cn-tt{ font-size:14px; color: #666; font-weight: normal; line-height: 19px;}
.num-top ul li p{ width:100%;}
.num-top ul li .num{ font-size: 24px; color: #333; line-height: 79px;}
.num-top ul li .num span{ font-size: 60px;color: #333; font-weight: bold;}
.num-top ul li.index0{ width:34.9%;}
.num-top ul li.index1{ width: 35.9%;}
.num-top ul li.index2{ width: 29.2%;}

.hwgx_brief{ box-sizing: border-box; background: #F5F5F5; margin-bottom: 100px; padding: 33px 200px 23px; margin-top: 20px;}
.hwgx_brief li{ width: 45%; float: left; margin-right: 10%;}
.hwgx_brief li img{ max-width: 100%; height: auto;}
.hwgx_brief li h5{ font-size:16px; line-height: 21px; margin-bottom: 10px; margin-top: 20px; font-weight: bold; color: #333;}
.hwgx_brief li p{ font-size: 14px; line-height: 19px; color: #333;}

/*产品中心——小青松课桌椅*/
.xqs_main{}
.xqs_main .xqs_pics{ text-align: center;}
.xqs_pics img{ vertical-align: bottom; max-width: 100%;height: auto;}
.xqs_pics dl{ overflow: hidden; width: 83.3%; margin: 0 auto; margin-top: 60px;}
.xqs_pics dl dd{ float: left; width:16.66%;}
.xqs_pics dl dd p{ color: #333; font-size: 14px; font-weight: 700; margin-top: 20px;}

.sjzs{ padding-top: 65px; padding-bottom: 100px; text-align: center;}
.sjzs h1{ font-size: 40px; font-weight: 700; color: #333; margin-bottom: 40px;}
.sjzs img{ max-width: 100%; height: auto; vertical-align: bottom;}

/*产品中心——超短焦投影仪*/
.cdj_main{ padding-top: 20px; padding-bottom: 100px;}
.cdj_main img{ max-width: 100%; height: auto;}
.cdj_main .cdj_info{ width: 100%; background: #F5F5F5;position:relative;box-sizing: border-box; padding-top: 50px; padding-left: 100px; padding-bottom:50px;}
.cdj_info h2{ font-size: 40px; font-weight: bold; margin-bottom: 20px; color: #333;}
.cdj_info p{ font-size: 18px; line-height: 24px; color: #999; margin-bottom: 20px;}
.cdj_info span{ font-size: 18px; font-weight: bold; color: #fff; display: inline-block; width: 222px; height: 48px; background: #0381FF; line-height: 48px; text-align: center; border-radius: 48px;}
.cdj_info img{ position: absolute; top: -137px; z-index: 1; right: 80px;}

.cdj_color{ position: relative;}
.cdj_color img{ width: 100%; height: auto;}
.cdj_color .color_title{ text-align: center; width: 100%; position: absolute; left: 0; z-index: 1; bottom: 20px;}
.color_title span{ font-size: 18px; display: inline-block; width: 140px; margin-left: 28px; margin-right: 28px; height: 40px; text-align: center; border-radius: 40px; line-height: 40px; color: #fff; background: rgba(0,0,0,0.5);}

.color_info{ background: #F5F5F5; overflow: hidden; padding-top: 40px; padding-bottom: 50px;}
.color_info li{ width: 33.3%; float: left; padding-left: 26px; padding-right: 60px;}
.color_info li h3{ padding-left: 10px; margin-bottom: 26px; font-size: 20px; color: #333; position: relative; font-weight: bold; line-height: 26px;}
.color_info li h3::before{
    content: ''; display: inline-block;position: relative; width: 4px; height: 20px; background: #0381FF;position: absolute; left: 0; top:4px;
}
.color_info li div{ padding-left: 10px; font-size: 14px; color: #666; line-height: 19px;}

.cdj_main h1{ margin-top: 60px; margin-bottom: 40px; text-align: center; font-size: 40px; color: #333; font-weight: bold;}
.cdj_main table tr td{ font-size: 15px; color: #333; line-height: 20px;}

/*关于我们——企业简介*/
.about{ padding-top: 40px; padding-bottom: 50px; }
.aboutbox{
    overflow: hidden;
    padding-top: 20px;
}
.about p{
    font-size: 15px;
    line-height: 30px;
    color: #333;
}
.about .about-left{ width: 59.8%; float: left; }
.about h1{ font-size: 40px; font-weight: bold; color: #EAEAEA; margin-bottom: 20px;}
.about h2{ font-size: 24px; font-weight: bold; color: #0560ad;}
.about-left .info-text{ margin-top: 25px; font-size: 15px; color: #333; padding: 36px 24px; line-height: 33px; background: #F5F5F5;
    height: 212px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.about .about-right{ width: 37.8%; float: right; margin-top: 114px;}
.about-right img{ width: 100%; height: auto;}
.about h3{
    font-size: 24px;
    font-weight: 700;
    padding-left: 13px;
    color: #0560ad;
    margin-top: 25px;
    margin-bottom: 20px;
    border-left: 4px solid #0560ad;
}


.about .history{ clear: both; padding-top: 75px;}
.process{height: 750px; background: url(/skin/default/images/bg_contact_mountain.jpg) no-repeat left bottom; background-size: 100% auto;}
.process .pro_list{ position: relative;}
.pro_list li{ position: absolute;}
.pro_list li h2{ font-size: 48px; font-weight: bold; margin-bottom: 12px; color: #33285D;}
.pro_list li .his_info{ width: 112px; box-sizing: border-box; text-align: justify; padding-top: 3px; padding-bottom: 7px; padding-right: 10px; border-right: 1px solid #776D9A;}
.pro_list li span{ position: relative;}
.pro_list li span.flag_dots::before{content: url("/skin/default/images/icon_conetact_flag.png");width:26px; height: 28px; display:block; position:absolute;top: 9px; left: 110px;}
.pro_list li span.flag_dots::after{ content: ""; width: 14px; background: #fff; height: 14px; display: block;position:absolute;top:40px;left:105px;border-radius: 14px; border: 3px solid #0381FF;}
.pro_list li span.liner::before{content: ""; width: 190px; display:block; height: 3px;position: absolute; left: 113px; top:22px; background: #0381FF;
    transform: rotate(166deg);
    -webkit-transform: rotate(166deg);
    -o-transform: rotate(166deg);
    -ms-transform: rotate(166deg);
    -moz-transform: rotate(166deg);
}

.pro_list li.index0{ left:90px; top: 300px;}
.pro_list li.index1{ left:285px; top: 232px;}
.pro_list li.index1 span.liner::before{ left: 116px; top: 38px;
    transform: rotate(175deg);
    -webkit-transform: rotate(175deg);
    -o-transform: rotate(175deg);
    -ms-transform: rotate(175deg);
    -moz-transform: rotate(175deg);
}
.pro_list li.index2{ left:485px; top: 315px;}
.pro_list li.index2 span.liner::before{ width: 153px; left: 108px; top:9px;
    transform: rotate(153deg);
    -webkit-transform: rotate(153deg);
    -o-transform: rotate(153deg);
    -ms-transform: rotate(153deg);
    -moz-transform: rotate(153deg);
}
.pro_list li.index3{ left:632px; top: -18px;}
.pro_list li.index3 span.liner::before{ width: 217px; left: 118px; top:37px;
    transform: rotate(176deg);
    -webkit-transform: rotate(176deg);
    -o-transform: rotate(176deg);
    -ms-transform: rotate(176deg);
    -moz-transform: rotate(176deg);
}
.pro_list li.index4{ left:860px; top: 28px;}
.pro_list li.index4 span.liner::before{ width: 178px; left: 110px; top:8px;
    transform: rotate(157deg);
    -webkit-transform: rotate(157deg);
    -o-transform: rotate(157deg);
    -ms-transform: rotate(157deg);
    -moz-transform: rotate(157deg);
}
.pro_list li.index5{ left:1030px; top: 15px;}


/*关于我们——荣誉证书*/
.award{ margin-top: 20px;}
.award .award-text{ background:#F5F5F5; font-size: 15px; text-align: justify; color: #333; line-height: 24px; padding: 30px 100px;}
.award h1{ font-size: 40px; color: #333; font-weight: bold; text-align: center; margin-top: 70px; margin-bottom: 40px;}
.award .software{}
.software .swiper-slide{ box-sizing: border-box; padding: 22px 21px 27px 22px; background: url(/skin/default/images/recordBg.png) no-repeat; background-size: contain;}
.software .swiper-slide img{width: 100%; height: auto;}

.zlbox{ padding-bottom: 100px;}
.zlbox .swiper-slide{ box-sizing: border-box; padding: 22px 21px 27px 22px; background: url(/skin/default/images/recordBg.png) no-repeat; background-size: contain;}
.zlbox .swiper-slide img{width: 100%; height: auto;}
.award .swiper-container{ padding-bottom: 60px;}

.award .swiper-pagination .swiper-pagination-bullet{ width: 40px; height: 4px; background: rgba(3,129,255,.3); opacity: 1; border-radius: inherit;}
.award .swiper-pagination .swiper-pagination-bullet-active{background: rgba(3,129,255,1);}
/*关于我们——企业动态*/
.status{ padding-top: 50px; padding-bottom: 50px;}
.status ul.status_list{}
.status_list li{ overflow: hidden; margin-bottom: 40px;}
.status_list li a{ display: block;}
.status_list li .status_img{ width: 31.66%; float: left; border-radius: 5px; overflow: hidden;}
.status_list li .status_img img{width: 100%;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}

.status_list li .status_right{ float: right; width: 66.66%;}
.status_list li h2{ font-size: 24px; color: #222; margin-bottom: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.status_list li span.newsdate{ font-size: 16px; color: #222;}
.status_list li p{ color: #222; font-size: 14px; line-height:26px; margin-top: 58px; margin-bottom:12px;}
.status_list li span.more{ font-size: 14px; color:#C2C9D6;}
.status_list li:hover h2,.status_list li:hover span.more{ color: #0361af;}
.status_list li:hover img{
    transform: scale(1.25);
    -webkit-transform: scale(1.25);
    -o-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}

.pages{}
.pages a{ border: 1px solid #D9D9D9; display: inline-block; font-size: 14px; color: rgba(0,0,0,0.65); margin-left:2px; margin-right:2px; padding: 0 12px; line-height: 32px; border-radius: 3px;}
.pages b{ border: 1px solid #D9D9D9; background: #0361af; font-weight: normal; margin-left:2px; margin-right:2px; font-size: 14px; line-height: 32px; color: #fff; display: inline-block; padding: 0 12px; border-radius: 3px;}

/*新闻内容页*/
.content{ padding-top: 40px; padding-bottom: 50px;}
.content .titlebox{ text-align: center; border-bottom: 1px solid #eaeaea; padding-bottom: 25px;}
.titlebox h1{ font-size: 30px; color: #333; margin-bottom: 15px;}
.titlebox span{ color: #666; font-size: 16px;}
.newstext{overflow: hidden; padding-top: 30px; padding-bottom: 40px; font-size: 16px; color: #333;line-height: 32px;}
.newstext p{ line-height: 32px; font-size: 16px; color: #333;}
.newstext p img{max-width: 100%; height: auto; margin-top: 10px; margin-bottom: 10px;}
.newschange{ padding-top: 20px; border-top: 1px solid #eaeaea; margin-top: 20px; clear: both;}
.newschange p{ font-size: 16px; line-height: 32px; color: #333;}
.newschange p a{ color: #444; font-size: 14px; }
.newschange p a:hover{ color: #0361af;}

/*关于我们——联系我们*/
.contact{ position: relative;}
#map{ width: 100%; height: 600px;}
.contact .container{ position: relative; position: absolute; left: 50%; margin-left: -600px; top: 150px;}
.contact ul.connect{ width:420px; height: 280px; box-sizing: border-box; padding: 40px 20px 45px; background: #fff; border-radius: 10px; border-top: 8px solid #0361af;}
.contact ul.connect li{ padding-left: 40px; margin-bottom: 30px; background-position: left top; background-repeat: no-repeat;}
.contact ul.connect li p{ color: #666; font-size: 15px; line-height: 20px;}
.contact ul.connect li span{ font-size: 20px; line-height: 26px; font-weight: bold; color: #333;}
.contact ul.connect h1{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 28px;
    text-indent: 4px;
    color: #0361af;
}
/*服务与支持——使用指南*/
.service{ padding-top: 20px; padding-bottom: 50px; }
.service-tab{ text-align: center; width: 360px; height: 30px; margin: 0 auto; border-radius: 5px; border: 1px solid #33285D;}
.service-tab a{ display: inline-block; width: 119px; line-height: 28px; border-right:1px solid #33285D; font-size: 15px; color: #33285D;}
.service-tab a:hover{ background: #33285D; color: #fff;}
.service-tab a.current{ background: #33285D; color: #fff;}

.service-list{ margin-top: 52px; margin-bottom:60px;}
.service-list li{ padding-left: 68px; background: url(/skin/default/images/icon_service_pdf.png) no-repeat left center; overflow: hidden; padding-top: 33px; padding-bottom: 22px; border-bottom: 1px solid #CECECE;}
.service-list li a{ font-size: 18px; font-weight: bold;}
.service-list li a.guide-title{ float: left; color: #000;}
.service-list li a.download{ float: right; text-align: center; border-radius: 40px; line-height: 40px; width: 80px; height: 40px;color: #fff; background: #0381FF;}
.service-list li a.guide-title:hover{ color: #33285D;}
.service-list li a.download:hover{ background: #33285D;}

/*服务与支持——售后服务*/
.service-content{ background: #F5F5F5; padding-top: 22px; padding-bottom: 20px;}
.service-content .after-sale{ padding: 20px 100px 60px; background: #fff;font-size: 15px; line-height: 20px; color: #333;}
.service-content h3{ margin-top: 40px; border-left: 3px solid #0381FF; margin-bottom: 10px; padding-left: 10px; font-size: 15px;color: #000; font-weight: bold;}
.service-content p{ font-size: 16px; line-height: 32px; color: #333;}
.service-content table{ margin-top: 10px; margin-bottom: 10px;}
.service-content table tr td {padding-left: 8px; padding-right: 8px; font-size: 15px; line-height: 40px; color: #333;}
.service-content table tr td p{ line-height:40px;}

/*案例中心*/
.ceses{ background: #f5f5f5;}
.gallery { display: flex; flex-wrap: wrap; width: 100%; background: #f5f5f5; overflow: hidden; max-width: 1300px; margin: auto; }
.gallery__strip { min-height: 100vh; }
.gallery__strip__wrapper { flex: 0 0 100%; justify-content: flex-end; background: #f5f5f5; border-right: 1px solid #CECECE; position: relative; }
@media (min-width: 300px) {
    .gallery__strip__wrapper { flex: 0 0 50%; }

}
@media (min-width: 950px) {
    .gallery { height: 100vh; }
    .gallery__strip.one {
        animation: 60s move-it ease alternate infinite 5s;
        transform: translateY(2%);
    }
    .gallery__strip.three {
        animation: 70s move-it ease alternate infinite 6s;
        transform: translateY(2%);
    }
    .gallery__strip.two {
        animation: 58s move-it-2 ease alternate infinite 5s;
        transform: translateY(1%);
    }
    .gallery__strip.four {
        animation: 65s move-it-2 ease alternate infinite 5.5s;
        transform: translateY(1%);
    }
    .gallery__strip:hover { animation-play-state: paused; }
    .gallery__strip__wrapper { flex: 0 0 25%; }
}
.photo { position: relative; text-align: right; padding-bottom: 3rem; }
.photo__image img { width: 95%; transform: translateX(19%); transition: 1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; }
.photo__name {
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 2px;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    font-weight: bold;
    margin-top: 10px;
    transition: 0.4s ease-in-out 0.4s;
    position: relative;
    width: 100%;
}
.photo:hover .photo__image img { transform: translateX(0%); }
.photo:hover .photo__name { color: #000; }
@keyframes move-it {
    0%,
    90%,
    100% { transform: translateY(2%); }
    45% { transform: translateY(-50%); }
}
@keyframes move-it-2 {
    0%,
    90%,
    100% { transform: translateY(-50%);}
    45% { transform: translateY(5%); }
}

/*案例详情*/
.casecontent{ padding-top: 30px; padding-bottom: 50px;}
.casecontent h1{ text-align: center; margin-bottom: 30px; font-size: 24px; color: #333; font-weight: bold;}
.casecontent ul.case_list{ overflow: hidden;}
.case_list li{ width: 23.75%; float: left; margin-right: 1.66%; margin-bottom: 40px;}
.case_list li h2{ width: 100%; text-align: center; font-size: 14px; color: #333; line-height: 60px; font-weight: bold; height: 60px; background: #F5F5F5;}
.case_list li .imgbox{overflow: hidden;}
.case_list li img{ width: 100%; height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}
.case_list li:hover img{
    transform: scale(1.25);
    -webkit-transform: scale(1.25);
    -o-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}
.phone_img{ display: none;}

.casebox{
    padding-top: 40px;
    padding-bottom: 25px;
}
.casebox .case_lists{
    overflow: hidden;
}  
.case_lists li{
    float: left;
    position: relative;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 28px;
}
.case_lists li a{
    display: block;
    border: 1px solid #ddd;
}
.case_lists li .imgbox{
    width: 100%;
    height:auto;
    overflow: hidden;
}
.case_lists li img{
    width:100%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}
.case_lists li .case_title{
    height: 48px;
    width: 100%;
    font-size: 16px;
    color: #fff;
    line-height:24px;
    background: rgba(0,0,0,.7);
    padding: 10px 22px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: background .5s ease-in-out;
}
.case_lists li:hover img{
    transform: scale(1.25);
    -webkit-transform: scale(1.25);
    -o-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
}
.case_lists li:hover .case_title{
    background: rgba(3,97,175,.7);
}

.informbox{ padding-top: 30px; padding-bottom: 50px;}
ul.newslist{  padding-bottom: 50px;}
.newslist li{ line-height: 70px; padding-left: 28px; padding-right: 24px; border-bottom: 1px solid #ededed;}
.newslist li a{ display: block;overflow: hidden; }
.newslist li .newsleft{ float: left;width: 97%; font-size: 16px; color: #8e8e8e;}
.newsleft span{ display: inline-block; width: 80%;vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 45px; font-size: 16px; color: #444; padding-left: 36px; background: url(/skin/default/images/square.jpg) no-repeat left center;}
.newslist li .arrow-more{ float: right; text-align: center; margin-top: 20px; width: 28px; height: 28px; line-height: 28px; font-size: 16px; font-family: "宋体"; color: #444;}
.newslist li:hover .newsleft span{ color: #0562b0;}
.newslist li:hover .arrow-more{ color: #fff; background: url(/skin/default/images/roungbg2.png) no-repeat;}

.caseText{
    text-align: center;
    margin-bottom: 25px;
}
.caseText h1{
    font-size: 24px;
    color: #0361af;
    font-weight: 700;
    margin-bottom: 15px;
}
.caseText p{
    font-size: 16px;
    width: 70%;
    margin: auto;
    line-height: 28px;

}

@media (max-width: 768px) {
    .bannerbox{ padding-top: 40px; padding-bottom: 40px;}
    .bannerbox h1{ font-size: 24px;text-indent: 15px;}
    .tabbox{ height: auto;}
    .tabbox .location{ display: none;}
    .tabnav{ float: none; text-align: center;}
    .tabnav a{ margin-left: 5px; margin-right: 5px;}
    .hwgx_main .pro_2 img{ margin-bottom: 5px;}
    .pro_2 .hw_pics{ margin-bottom: 5px; padding-top: 20px;}
    .pro_2 ul li{ width: 49%; margin-right: 2%;}
    .hwgx_main .hwgx_text{ padding: 25px 15px;}
    .hwgx_text p{ width: 100%; font-size: 16px; line-height:28px;}
    .hwgx_text .hwgx_number{ padding: 30px 0 0;}
    .hwgx_number dl.hwgx_left{ float: none; width: 100%;}
    .hwgx_left dd{ margin-bottom: 25px;}
    .hwgx_right h1{ font-size: 24px; line-height: 40px;}
    .hwgx_right h1 b{ font-size: 40px; line-height: 60px;}
    .hwgx_number .hwgx_right{ float: none;}
    .num-top{ margin-top: 10px; padding: 0;}
    .num-top ul li.index0{ width: 28%;}
    .num-top ul li.index1{ width: 40%;}
    .num-top ul li.index2{ width: 32%;}
    .num-top ul li .num{ font-size: 16px; line-height: 48px;}
    .num-top ul li .num span{ font-size: 24px;}
    .hwgx_brief{ margin-top: 10px; padding: 30px 15px; margin-bottom: 0;}
    .hwgx_brief li{ width: 100%; margin-right: 0; margin-bottom: 15px; text-align: center;}
    .hwgx_brief li p{ line-height: 28px; text-align: left;}

    .znhd_main .pro_1{ padding: 30px 15px 10px;}
    .pro_1 p{ margin-bottom: 15px; font-size: 18px; line-height: 32px;}
    .pro_1 .high-left{ width: 100%; float: none; padding-top: 0;}
    .high-left h2{ font-size: 24px; text-align: center; margin-bottom: 20px;}
    .high-left ul li{ margin-bottom: 25px;}
    .pro_1 .high-right{ width: 100%; float: none;}
    .six_block dd{ width: 49%; height: 230px; margin-right:2%; margin-bottom: 10px; padding: 20px 15px 25px; }
    .six_block dd h3{ margin-top: 5px; font-size: 16px; margin-bottom: 15px;}
    .six_block dd p{ font-size: 12px;}
    .product_main{ padding-top: 25px;}
    .product_main h2{ font-size: 24px; margin-bottom: 25px;}
    .znhd_pro1{ padding: 0 15px;}
    .znhd_pro1 h5, .product_main ul li h5{ font-size: 16px;}
    .product_main ul{ padding-top: 30px;}
    .product_main ul li{ padding: 30px 15px; margin-bottom: 6px;}
    .product_main ul li.index3{ padding: 30px 10px;}
    .product_main .apply_place{ padding: 30px 15px 0;}
    .apply_place ol li .pic_title{ font-size: 16px; height: 40px; line-height: 40px;}
    .product_main .parameters{ padding: 20px 15px 30px;}
    .parameters h2{ float: none; text-align: center; margin-bottom: 10px;}
    .parameters .brief{ width: 100%; float: none;}
    .brief p{ line-height: 48px;}
    .gallery__strip{min-height: inherit;}
    .photo__name{ color: #333;
        -webkit-text-stroke-width:inherit;
        -webkit-text-stroke-color:#333;
        transition:inherit;
    }

    .cdj_main{ padding-bottom: 40px;}
    .cdj_main .cdj_info{ padding-left: 15px; padding-bottom: 30px;}
    .cdj_info img{ right: 20px; top:-53px; width: 50%;}
    .cdj_info h2{ font-size: 24px; margin-bottom: 15px;}
    .cdj_info p{ font-size: 16px; line-height: 20px;}
    .cdj_info span{ line-height: 42px; font-size: 16px; width: 190px; border-radius: 42px; height: 42px;}
    .color_info{ padding-top: 20px; padding-bottom: 20px;}
    .color_info li{ float: none; width: 100%; padding-left: 15px; padding-right: 15px; margin-bottom: 15px;}
    .color_info li h3{ font-size: 16px; margin-bottom: 10px;}
    .cdj_color .color_title{ bottom: 10px;}
    .color_title span{ font-size: 16px; width: 120px;}
    .color_info li div{ line-height: 28px;}
    .cdj_main h1{ font-size: 24px; margin-top: 30px; margin-bottom: 20px;}

    .xqs_pics dl{ margin-top: 30px; width: 100%;}
    .xqs_pics dl dd{ width: 33.3%; margin-bottom:25px;}
    .xqs_pics dl dd p{ font-size: 12px;}
    .sjzs{padding-top: 10px; padding-bottom: 30px;}
    .sjzs h1{ font-size: 24px;}

    .service-content .after-sale{ padding:20px 15px;}
    .service-content .after-sale img{ max-width: 100%; height: auto;}
    .photo__image img{ transform: translateX(10%);}
    .photo__name{ font-size: 14px;}

    .case_list li{ width: 49.17%; margin-bottom: 8px;}
    .casecontent{ padding-bottom: 30px;}
    .case_list li h2{ line-height: 40px; height: 40px;}

    .service-list{ margin-top: 10px; margin-bottom: 30px; padding-left: 15px; padding-right: 15px;}
    .service-list li{ padding-left: 55px;}
    .service-list li a{ font-size: 14px;}
    .service-list li a.guide-title{ float: none;}
    .service-list li a.download{ display: none;}

    .pages{ padding: 0 15px;}
    .pages select{ margin-top: 15px;}
    .service-content h3{ margin-top: 20px;}

    .about .about-left{ float: none; width: 100%;}
    .about h1{ font-size: 24px; text-indent: 15px;}
    .about h2{ font-size: 18px; text-indent: 15px;}
    .about-left .info-text{ padding: 20px 15px;}
    .about .about-right{ padding: 0 15px; float: none; width: 100%; margin-top: 15px !important;}
    .about .history{ padding-top: 35px;}
    .process .pro_list{ padding-top: 30px; padding-bottom: 40px;}
    .pro_list li{ position: relative; left: inherit !important; top: inherit !important; padding: 10px 15px;}
    .process{ height: auto; background: none;}
    .pro_list li .his_info{ width: 100%; border-right: none;}
    .pro_list li span{ position: initial;}
    .pro_list li span.flag_dots::before{ left: 15px;}
    .pro_list li span.liner::before{ display: none;}
    .pro_list li span.flag_dots::after{  display: none;}
    .pro_list li h2{ font-size: 24px; margin-left: 35px;}

    .award .award-text{ padding: 30px 15px;}
    .award h1{ font-size: 24px; margin-top: 30px; margin-bottom: 30px;}
    .award .swiper-container{ padding-bottom: 80px;}
    .software .swiper-container{ padding-bottom: 40px;}
    .zlbox{ padding-bottom: 40px;}

    .status{ padding-bottom: 30px;}
    .status ul.status_list{ padding: 0 15px;}
    .status_list li{ margin-bottom: 25px;}
    .status_list li .status_img{ width: 100%; float: none;}
    .status_list li .status_img img{ width: auto; max-width: 100%; height: auto;}
    .status_list li .status_right{ width: 100%; float: none;}
    .status_list li h2{ margin-top: 10px; line-height: 24px; font-size: 16px; white-space: normal; margin-bottom: 5px;}
    .status_list li p{ display: none;}
    .status_list li span.more{ float: right; margin-top: 2px;}

    #map{ height: 180px;}
    .contact .container{ position: inherit; left: inherit; top: inherit; margin-left: 0;}
    .contact ul.connect{ width: 100%; height: auto; border-top: none; padding: 30px 15px 10px;}
    .phone_img{ display: block;}
    .pc_img{ display: none;}
}

@media (max-width: 380px) {
    header{ height: 60px;}
    header .logo{ margin-top: 15px;}
    .mobileNav{ top: 60px;}
    .navbar-toggle{ margin-top: 10px;}
    .date span{ font-size: 16px;}
    .newsindex ul li .news-info{ width: 78%;}
    .news-info p{ font-size: 12px;}
    .core_info p{ font-size: 14px; line-height: 28px;}
    .core_info a,.section_2 a.case_more,.section_3 a.news_more{ font-size: 14px; width: 100px; line-height: 40px; border-radius: 40px; height: 40px;}
    .bigbox h1{ font-size: 24px;}
    .section_1{ padding-top: 25px; padding-bottom: 10px;}
    .section_2{ padding-top: 25px; padding-bottom: 30px;}
    .bigbox span{ font-size: 12px;}
    .bigbox span::before, .bigbox span::after{ display: none;}
    .section_2 .bigbox{ margin-bottom: 20px;}
    .section_3{ padding: 30px 15px;}
    .section_4{ margin-bottom: 20px;}
    .tabnav a{ line-height: 18px; padding-top: 5px; padding-bottom: 5px; margin-left: 0; margin-right: 0;}

    .pro_1 p{ font-size: 16px; line-height: 28px;}
    .high-left ul li span{ font-size: 12px;}
    .six_block dd{ padding-top: 10px;}
    .six_block dd h3{ margin-top: 0; margin-bottom: 10px;}
    .brief p{ line-height: 40px; font-size: 14px; border-bottom: 1px solid #CECECE;}
    .color_title span{ font-size: 14px; width: 100px;}
    .xqs_pics img{ max-width: 80%;}

    .sjzs h1{ margin-bottom: 20px;}
    .service-content table tr td p{ line-height: 32px;}
    .service-tab{ width: 300px;}
    .service-tab a{ width: 100px; font-size: 14px; }
    .pages{ font-size: 12px;}
    .service-content table tr td p{ font-size: 12px; line-height: 28px;}
    .about .history{ padding-top: 20px;}
    .contact ul.connect li{ margin-bottom: 15px;}
    .contact ul.connect li span{ font-size: 16px;}
    .contact ul.connect li p{ font-size: 12px;}
}


/*
     FILE ARCHIVED ON 14:34:15 Feb 06, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:45:07 May 16, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.667
  exclusion.robots: 0.038
  exclusion.robots.policy: 0.023
  esindex: 0.014
  cdx.remote: 24.864
  LoadShardBlock: 158.028 (3)
  PetaboxLoader3.datanode: 95.061 (4)
  PetaboxLoader3.resolve: 142.512 (2)
  load_resource: 140.79
*/