@font-face {
    font-family: 'iconfont';
    src: url('../font/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/iconfont.woff2') format('woff2'),
        url('../fonts/iconfont.woff') format('woff'),
        url('../fonts/iconfont.ttf') format('truetype'),
        url('../fonts/iconfont.svg#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    color: #323232;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
body { font-family: "microsoft yahei"; }
a:hover { text-decoration: none; }
ul { padding: 0; margin: 0; }
ul li { list-style-type: none; }
p { margin: 0; }

/*----------- 电脑端 -----------*/
@media screen and (min-width:768px) {
    .pc { display: block; }
    .mob { display: none; }
    
    /*-------- common --------*/
    body { font-size: 20px; }

    /* 头部 */
    .topCon { background-color: #ddddde; }
    .topCon .topCon-heap { padding: 0.8em 0; }
    .topCon-heap .topCon-item { float: left; margin-right: 2.5em; }
    .topCon-item i { font-size: 1em; color: #c62b2b; line-height: 1.1; float: left; }
    .topCon-item span { font-size: 0.6em; color: #666666; line-height: 1.1; padding-left: 0.5em; padding-top: 0.3em; float: left; }

    
    .header { padding-top: 1em; position: relative; }
    .header .logo { width: 15%; float: left; overflow: hidden; position: relative; z-index: 900; }
    /* .header .logo img { height: 100%; } */
    
    /* 导航 */
    .header .head-nav { width: 85%; padding-top: 1.5em; float: left; position: relative; }
    .gnavbar.navbar-default { margin: 0 auto; border: none; background-color: transparent; }
    .gnavbar .collapse { padding: 0; }
    .gnavbar .gnavbar-nav { float: left !important; width: 100%; position: relative; display: flex; justify-content: space-around; }
    .gnavbar-nav li { padding: 0 0 2.5em; text-align: center; position: relative; transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease; }
    .gnavbar-nav li a,.gnavbar-nav li p { font-size: 0.8em; color: #000000 !important; line-height: 1.1; padding: 0; cursor: pointer; }
    .gnavbar-nav li i { font-size: 0.8em; color: #000000; font-weight: 800; line-height: 1.4; position: absolute; left: 50%; top: 0.9em; transform: translateX(-50%); visibility: hidden; opacity: 0; transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease; }
    .gnavbar-nav li .navborder { position: absolute; left: 0; bottom: -5px; width: 100%; }
    .gnavbar-nav li .navborder .hr { width: 0; height: 2px; background-color: #c62b2b; margin: 0 auto; margin-top: -7px; visibility: hidden; opacity: 1; transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease; }
    .gnavbar-nav li .navborder .triangle { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #c62b2b; display: inline-block; display: none; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 900; }
    .gnavbar-nav li:nth-child(1) i,.gnavbar-nav li:nth-child(1) .triangle { display: none !important; }
    .gnavbar-nav li:hover>a,.gnavbar-nav li.active>a { color: #c62b2b !important; font-weight: 800; background-color: transparent !important; }
    .gnavbar-nav li:hover>p,.gnavbar-nav li.active>p { color: #c62b2b !important; font-weight: 800; background-color: transparent !important; }
    .gnavbar-nav li:hover i, .gnavbar-nav li.active i { color: #c62b2b; top: 1.1em; visibility: visible; opacity: 1; }
    .gnavbar-nav li:hover .hr, .gnavbar-nav li.active .hr { width: 100%; visibility: visible; opacity: 1; }
    .gnavbar-nav li:hover .triangle { display: block; }
    .gnavbar-nav li:hover .drop-menu { top: 67px; opacity: 1; visibility: visible;  }
    .gnavbar-nav li .drop-menu { background-color: rgba(255, 255, 255, .9); padding: 1.5em 4em; border-bottom: 2px solid #c62b2b; display: flex; justify-content: space-between; position: absolute; top: 60px; visibility: hidden; opacity: 0; overflow: hidden; z-index: 800; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .gnavbar-nav li:nth-child(2) .drop-menu { width: 44em; left: -3em; padding: 0.75em 4em; }
    .gnavbar-nav li:nth-child(3) .drop-menu { width: 45em; left: -10em; padding: 0.75em 4em;}
    .gnavbar-nav li:nth-child(4) .drop-menu { width: 55em; left: -25em; padding: 0.75em 4em; }
    .gnavbar-nav li:nth-child(5) .drop-menu { width: 45em; left: -25em; padding: 0.75em 4em; }
    .gnavbar-nav li:nth-child(6) .drop-menu { width: 25em; left: -13em; padding: 0.75em 4em; }
    .gnavbar-nav li:nth-child(7) .drop-menu { width: 12em; left: -8em; padding: 0.75em 4em; }
    .drop-menu .drop-box { text-align: left; }
    .drop-box .drop-name { font-size: 0.8em; color: #4c4c4c !important; line-height: 1.1; }
    /* .gnavbar-nav li:nth-child(3) .drop-menu .drop-name { font-weight: 800; }*/
    .drop-box .drop-link { padding-top: 0.5em; }
    .drop-box .drop-link .drop-list { font-size: 0.7em; color: #4c4c4c !important; line-height: 1.1; padding: 0; margin-top: 0.75em; display: block; }
    .drop-box .drop-name:hover,.drop-box .drop-list:hover { color: #c62b2b !important; }

    /* banner */
    .carousel { display: block; }
    .carousel-indicators { margin-bottom: 0; bottom: 10px; }
    .carousel-indicators li.active { background-color: #c62b2b; border: none; }
    .arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 3em; height: 3em; display: inline-block; border-radius: 50%; text-align: center; background-color:rgba(217, 57, 36, .4); visibility: hidden; opacity: 0; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .arrow.left {left: 5%; }
    .arrow.right { right: 5%; }
    .arrow span { font-family: "simsun"; font-size: 2em; color: rgba(255, 255, 255, .4); font-weight: 800; }
    .arrow:hover,.arrow:focus { background-color: rgba(198, 43, 43, .9); text-decoration: none; }
    .arrow:hover span { color: rgba(255, 255, 255, .7); }
    .carousel:hover .arrow { visibility: visible; opacity: 1; }

    /* 特点 */
    .trait { padding: 1.5em 0; background-color: #1a1a1a; }
    .trait-heap ul { display: flex; justify-content: center; }
    .trait-heap .trait-item { margin: 0 3em; overflow: hidden; }
    .trait-item .trait-icon { float: left; }
    .trait-icon img { width: 100%; }
    .trait-item .trait-infor { float: left; padding-left: 0.75em; padding-top: 0.25em; }
    .trait-infor .trait-title { font-size: 1em; color: #ffffff; line-height: 1; font-weight: 800; }
    .trait-infor .trait-con { font-size: 0.7em; color: #666666; line-height: 1; margin-top: 0.75em; }

    /* 底部导航 */
    .footer-nav { padding: 1.5em 0 1.25em; background-color: #000000; }
    .footer-nav .container>ul { display: flex; justify-content: center; }
    .footer-nav .fnav-box { margin: 0 2em; }
    .footer-nav .fnav-box:last-of-type { width: 11em; }
    .fnav-box .fnav-title { font-size: 0.8em; color: #e5e5e5; line-height: 1; }
	 .fnav-box .fnav-title a{ font-size: 0.8em; color: #e5e5e5; line-height: 1; }
    .fnav-box .fnav-heap { padding-top: 0.5em; }
    .fnav-heap .fnav-item { padding-top: 0.5em; display: block; }
    .fnav-item a,.fnav-item p { font-size: 0.7em; color: #999999; line-height: 1; display: block; }
    .fnav-item a:hover { color: #ffffff; font-weight: 800; }

    /* footer */
    .footer { padding: 0.25em 0 0.5em; border-top: 1px solid #999999; background-color: #1a1a1a; text-align: center; }
    .footer p { font-size: 0.7em; color: #e5e5e5; line-height: 1; display: inline-block; margin: 0 0.5em; position: relative; }
    .footer .vertical { width: 1px; height: 15px; background-color: rgba(255, 255, 255, .5); display: inline-block; }
    .footer p:last-of-type { padding-left: 25px; }
    .footer i { width: 20px; height: 20px; background: url(../copyright.png) no-repeat center center; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

    /* sidebar */
    .sidebar { position: fixed; bottom: 20%; right: 1%; z-index: 9999; }
    .sidebar .sidebar-box { width: 50px; height: 50px; background-color: #ce3232; margin-top: 1px; text-align: center; position: relative; cursor: pointer; }
    .sidebar .sidebar-box:first-of-type::before { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #ce3232; position: absolute; top: -5px; left: 50%; transform: translateX(-50%); }
    .sidebar-box .top { font-size: 0.7em; color: #ffffff; line-height: 50px; font-weight: 800; text-align: center; }
    .sidebar-box i { font-size: 24px; color: #ffffff; line-height: 50px; }
    .sidebar-box div { right: 70px; visibility: hidden; opacity: 0; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .sidebar-box .sidebar-con { font-size: 18px; color: #ffffff; line-height: 50px; width: 300px; height: 100%; padding: 0 10px; background-color: #7171e9; position: absolute; top: 0; }
    .sidebar-con::after { content: ""; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #7171e9; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); }
    .sidebar-box .qq { display: flex; justify-content: space-around; }
    .sidebar-box .sidebar-chat { padding: 5px; background-color: #ffffff; position: absolute; top: 50%; transform: translateY(-50%); }
    .sidebar-chat::after { content: ""; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #ffffff; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); }
    .sidebar-box:hover div { right: 60px; visibility: visible; opacity: 1; }
    .sidebar-box a:visited { text-decoration: none; }

    /* 网站导航 */
    .address-nav { float: right; width: 32%; text-align: right; padding: 1em 0; overflow: hidden;  }
    .address-nav b { font-size: 0.7em; color: #808080; font-weight: normal; line-height: 1; display: inline-block; }
    .address-nav b i { font-size: 1.25em; color: #c62b2b; padding-right: 0.25em; }
    .address-nav a { font-size: 0.7em; color: #808080; }
    .address-nav a i { font-style: normal; }
    .address-nav a.cur,.address-nav a:hover { color: #c62b2b; font-weight: 800; }
    
    .add-tab { position: relative; z-index: 20; }
    .inset-tab { float: left; width: 68%; }
    .inset-tab li { float: left; width: 4em; padding-top: 1em; margin-right: 1em; text-align: center; position: relative; z-index: 30; }
    .inset-tab li .inset-box { display: table; margin: 0 auto; position: relative; }
    .inset-tab a { font-size: 0.8em; color: #666666; line-height: 1; display: inline-block; position: relative; }
    .inset-tab li .line { width: 9px; height: 2px; background-color: #c62b2b; margin: 0 auto; margin-top: 1em; position: relative; visibility: hidden; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .inset-tab li .line:before { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #c62b2b; position: absolute; top: -5px; left: 50%; transform: translateX(-50%); visibility: hidden; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .inset-tab li a:hover,.inset-tab li a.active { color: #c62b2b; font-weight: 800; }
    .inset-tab li a:hover+.line,.inset-tab li a.active+.line { width: 100%; visibility: visible; opacity: 1; }
    .inset-tab li a:hover+.line::before,.inset-tab li a.active+.line::before { visibility: visible; opacity: 1; }
    .inset-tab li:nth-child(14) .line { margin-top: 0; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
    .inset-tab li:nth-child(14) .line:before { border-bottom: 5px solid transparent; border-top: 5px solid #c62b2b; top: 2px; }
    .inset-tab .hr { width: 100%; height: 1px; background-color: #cccccc; position: absolute; left: 0; top: 3.45em; z-index: 10; }
    
    /* 分页 */
    .pagination-bar { text-align: center; padding: 2.5em 0 0.5em; }
    .pagination-bar a { font-size: 16px; color: #4c4c4c; line-height: 22px; border: 1px solid #666666; background-color: #ffffff; display: inline-block; width: 25px; height: 25px; margin: 0 2px; }
    .pagination-bar a:first-of-type,.pagination-bar a:last-of-type { font-family: "simsun"; font-weight: 800; }
    .pagination-bar a.on,.pagination-bar a:hover { color: #ffffff; background-color: #d93924; border-color: #d93924; }
    .pagination-bar span { font-size: 16px; color: #666666; display: inline-block; width: 25px; }
    .pagination-bar .pagination-arrow { width: 40px; }


    /*-------- 首页内容 --------*/
    /* 核心业务 */
    .iservice,.icase { padding: 3em 0; overflow: hidden; }
    .ititle { text-align: center; }
    .ititle .ititle-ch { font-size: 1.5em; color: #000000; line-height: 1.1; }
    .ititle .ititle-en { font-size: 0.7em; color: #000000; line-height: 1.1; }
    .ititle .ititle-con { font-size: 0.8em; color: #323232; line-height: 1.1; padding-top: 1em; }
    .ititle .line { width: 40px; height: 4px; background-color: #c62b2b; margin: 0.5em auto; }
    .iservice .iservice-main { padding-top: 2.5em; }
    .iservice-main .iservice-film { margin: 1em; position: relative; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .iservice-main .face { position: absolute; top: 0; left: 0; }
    .iservice-main .iservice-box { padding: 1em 1.5em 3.5em; cursor: pointer; visibility: visible; opacity: 1; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .iservice-box img { display: table; margin: 0 auto; }
    .iservice-box .box-name { font-size: 1.2em; color: #333333; line-height: 1.1; text-align: center; padding-top: 1.2em; }
    .iservice-box .box-con { font-size: 0.8em; color: #666666; line-height: 1.6; text-align: center; padding-top: 0.8em; }
    .iservice-main .iservice-hover { width: 100%; height: 100%; padding: 2.5em 2em; background: url(../iservice_bg.png) no-repeat center center; border-radius: 10px; text-align: center; overflow: hidden; visibility: hidden; opacity: 0; transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; }
    .iservice-film:hover .iservice-box { visibility: hidden; opacity: 0; }
    .iservice-film:hover .iservice-hover { visibility: visible; opacity: 1; }
    .iservice-hover .iservice-title  { text-align: left; position: relative; }
    .iservice-title img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
    .iservice-title a { font-size: 1.2em; color: #ffffff; line-height: 1.1; font-weight: 800; display: inline-block; padding-left: 2.5em; }
    .iservice-title a:hover { text-decoration: underline; }
    .iservice-hover .iserHover-heap { padding: 1em 0; width: 35%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    .iserHover-heap .iserHover-item { padding: 0.6em 0; border-bottom: 1px dashed rgba(255, 255, 255, .5); overflow: hidden; }
    .iserHover-item i { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid rgba(255, 255, 255, .7); float: left; margin-top: 0.2em; }
    .iserHover-item a { font-size: 0.8em; color: rgba(255, 255, 255, .7); line-height: 1.1; margin-left: 0.7em; float: left; }
    .iservice-hover .iservice-more { font-size: 0.7em; color: rgba(255, 255, 255, .7); line-height: 1.1; padding: 0.5em 3em; border: 1px solid rgba(255, 255, 255, .7); border-radius: 2em; display: inline-block; position: absolute; left: 50%; bottom: 2em; transform: translateX(-50%); transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; }
    .iservice-main .iservice-item:nth-child(4) .iservice-more { bottom: 4em; }
    .iserHover-item:hover a { color: #ffffff; }
    .iserHover-item:hover i { border-left-color: #ffffff; }
    .iservice-hover .iservice-more:hover { color: #c62b2b; background-color: #ffffff;  }

    /* .iservice-main .iservice-film { position: relative; transform-style: preserve-3d; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .iservice-main .face { position: absolute; top: 0; left: 0; -webkit-backface-visibility: hidden; }
    .iservice-main .iservice-box { padding: 2em 2.5em 4.5em; cursor: pointer; }
    .iservice-box img { display: table; margin: 0 auto; }
    .iservice-box .box-name { font-size: 1.2em; color: #333333; line-height: 1.1; text-align: center; padding-top: 1.2em; }
    .iservice-box .box-con { font-size: 0.9em; color: #666666; line-height: 1.6; text-align: center; padding-top: 0.8em; }
    .iservice-main .iservice-hover { width: 100%; height: 100%; padding: 2.5em 2em; background: url(../service_i/iservice_bg.png) no-repeat center center; border-radius: 10px; text-align: center; overflow: hidden; -webkit-transform: rotateY(180deg); }
    .iservice-ifilm:hover .iservice-film { transform: rotateY(180deg); }
    .iservice-hover .iservice-title  { position: relative; }
    .iservice-title img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
    .iservice-title p { font-size: 1.2em; color: #ffffff; line-height: 1.1; font-weight: 800; text-align: left; padding-left: 2.5em; }
    .iservice-hover .iserHover-heap { padding: 1em 0; width: 40%; margin: 0 auto;  }
    .iserHover-heap .iserHover-item { padding: 0.75em 0; border-bottom: 1px dashed rgba(255, 255, 255, .5); overflow: hidden; }
    .iserHover-item i { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid rgba(255, 255, 255, .7); float: left; margin-top: 0.2em; }
    .iserHover-item a { font-size: 0.8em; color: rgba(255, 255, 255, .7); line-height: 1.1; margin-left: 0.7em; float: left; }
    .iservice-hover .iservice-more { font-size: 0.7em; color: rgba(255, 255, 255, .7); line-height: 1.1; padding: 0.5em 4em; margin-top: 2em; border: 1px solid rgba(255, 255, 255, .7); border-radius: 2em; display: inline-block; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .iserHover-item:hover a { color: #ffffff; }
    .iserHover-item:hover i { border-left-color: #ffffff; }
    .iservice-hover .iservice-more:hover { color: #c62b2b; background-color: #ffffff;  } */

    /* 改善方向 */
    .idirec { padding: 2em 0; background: url(../direc_bg.png) no-repeat center center; background-size: cover; overflow: hidden; }
    .idirec .idirec-t { padding: 2em 0; background-color: rgba(255, 255, 255, .8); }
    .idirec-t .idirec-icons { padding: 2em 0; }
    .idirec-icons ul { display: flex; justify-content: center; }
    .idirec-icons .idirec-i { margin: 0 4.5em; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .idirec-icons .idirec-i:hover { margin-top: -0.25em; }
    .idirec-t .idirec-con { padding: 0 8em; }
    .idirec-t .idirec-con p { font-size: 0.9em; color: #323232; line-height: 1.9; text-align: center; }
    .idirec .idirec-heap { padding-top: 1em; }
    .idirec-heap .idirec-item { padding: 1em; background-color: rgba(255, 255, 255, .8); }
    .idirec-item .idirec-item-l { width: 16%; float: left; }
    .idirec-item-l img { width: 70%; display: table; margin: 0 auto; }
    .idirec-item-l p { font-size: 1em; color: #000000; line-height: 1.1; text-align: center; padding-top: 0.2em; }
    .idirec-item .idirec-item-r { font-size: 0.8em; color: #333333; line-height: 1.5; float: left; width: 84%; padding-top: 0.25em; padding-left: 1em; }

    /* 客户案例 */
    .icase-tab { padding-top: 1.25em; }
    .icase-tab ul { display: flex; justify-content: center; }
    .icase-tab li { padding: 0 1em;  }
    .icase-tab li a { font-size: 0.9em; color: #000000; line-height: 1; text-align: center; width: 6.5em; padding: 0.4em; border-radius: 5px; background-color: #e0e0e0; display: block; transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease; }
    .icase-tab li a:hover { color: #ffffff; background-color: #c62b2b; }

    .icase .icase-main { padding-top: 0.5em; position: relative; }
    .icase-main .icase-heap { width: 90%; padding: 1em 1em 0; position: static; }
    .icase-main .swiper-container .swiper-slide .icase-item { border: 5px solid #e6e6e6; transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; }
    .icase-main .swiper-container .swiper-slide .icase-img { width: 100%; position: relative; overflow: hidden; }
    .icase-img img { width: 100%; transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; }
    .icase-main .swiper-container .swiper-slide .icase-text { padding: 1.5em 0.75em 1em; position: relative; }
    .icase-text .icase-name { font-size: 1em; color: #000000; line-height: 1.1; width: 85%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .icase-text .icase-con { font-size: 0.7em; color: #333333; line-height: 1.7; margin-top: 1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
    .icase-main .swiper-container .swiper-slide .icase-item:hover { box-shadow: -5px -5px 15px 0px rgba(0, 0, 0, .3); }
    .icase-main .swiper-container .swiper-slide .icase-item:hover img { transform: scale(1.1); }
    .icase-main .swiper-container .swiper-slide .icase-item:hover .icase-name { margin-left: 3%; }

    .icase-main .swiper-container .icase-button { background-image: none; font-size: 2em; color: #ffffff; line-height: 2em; text-align: center; background-color: #7f7f7f; margin-top: 0; width: 1em; height: 2em; border-radius: 5px; position: absolute; top: 53%; transform: translateY(-50%); cursor: pointer; }
    .icase-main .swiper-container .swiper-button-prev { left: 0; }
    .icase-main .swiper-container .swiper-button-next { right: 0; }
    .icase-main .swiper-container .icase-button:hover { background-color: #c62b2b; }

    .icase .icase-more { padding-top: 2em; text-align: center; }
    .icase .icase-more a { font-size: 0.9em; color: #333333; line-height: 1.1; padding: 0.3em 1.75em; border: 1px solid #333333; border-radius: 1.5em; display: inline-block; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .icase-more a:hover { color: #ffffff; background-color: #c62b2b; border-color: #c62b2b; }

    /* 解决方案 */
    .islove { padding: 3em 0; background-color: rgba(0, 0, 0, .7); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; }
    .islove .islove-img img { width: 90%; }
    .islove .islove-r { padding-top: 1.5em; padding-left: 0; }
    .islove-r .sltitle .sltitle-ch { font-size: 1.5em; color: #ffffff; line-height: 1.1; }
    .sltitle .sltitle-en { font-size: 0.9em; color: #ffffff; line-height: 1.1; font-weight: 800; margin-top: 0.5em; }
    .sltitle .line { width: 3em; height: 1px; background-color: #ffffff; margin-top: 1em; }
    .islove-r .islove-tab { width: 90%; padding-top: 1em; margin-top: 1em; }
    .islove-tab .islove-btn { float: left; margin-right: 2em; }
    .islove-btn a { font-size: 1.1em; color: #ffffff; line-height: 1.1; }
    .islove-btn .hr { width: 0; height: 2px; background-color: #c62b2b; margin: 0 auto; margin-top: 1em; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .islove-tab .line { width: 100%; height: 1px; background-color: rgba(255, 255, 255, .3); margin-top: -1px; }
    .islove-btn a:hover+.hr,.islove-btn.active .hr { width: 100%; }
    .islove-r .islove-content { padding-top: 2.5em; }
    .islove-content .islove-con { display: none; }
    .islove-content .islove-con.active { display: block; }
    .islove-content .islove-name { font-size: 1.5em; color: #ffffff; line-height: 1.1; }
    .islove-content .islove-infor { font-size: 0.8em; color: #ffffff; line-height: 1.8; padding-top: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .islove-content .islove-more { font-size: 0.8em; color: #ffffff; line-height: 1.1; padding: 0.5em 2em; margin-top: 1.5em; background-color: rgba(255, 255, 255, .5); display: inline-block; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .islove-content .islove-more:hover { background-color: #c62b2b; }

    /* 关于我们 */
    .icompany { padding-top: 3em; overflow: hidden; }
    .icompany .container { padding-bottom: 3em; background-color: #ffffff; position: relative; z-index: 20; }
    .icompany .icompany-main { padding-top: 1.5em; }
    .icompany-main .icompany-item { position: relative; overflow: hidden; }
    .icompany-item .icompany-img { width: 100%; overflow: hidden; }
    .icompany-img img { width: 100%; transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; }
    .icompany-item .icompany-text { padding: 1.5em 1.5em 2em; background-color: #f0f0f0; text-align: center; }
    .icompany-text .icompany-ch { font-size: 1.2em; color: #000000; line-height: 1.1; }
    .icompany-text .icompany-en { font-size: 0.7em; color: #666666; line-height: 1.1; margin-top: 0.5em; }
    .icompany-text .icompany-con { font-size: 0.7em; color: #666666; line-height: 1.8; text-align: left; margin-top: 1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
    .icompany-item .line { width: 100%; height: 4px; background-color: #c62b2b; position: absolute; left: 0; bottom: -4px; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .icompany-item:hover img { transform: scale(1.1); }
    .icompany-item:hover  .line { bottom: 0; }

    /* 新闻中心 */
    .inews { padding: 13em 0 3em; margin-top: -10em; background: url(../inews_bg.png) no-repeat center center; background-size: cover; overflow: hidden; }
    .inews .inews-main { padding-top: 2.5em; }
    .inews-main>ul>li:first-of-type { padding-right: 2.5em; }
    .inews-main>ul>li:last-of-type { padding-left: 2.5em; }
    .inews-main .inews-l { overflow: hidden; }
    .inews-l .inewsl-img { width: 100%; overflow: hidden; }
    .inewsl-img img { width: 100%; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .inews-l .inewsl-text { overflow: hidden; }
    .inewsl-text .inewsl-t { padding: 1em 0; border-bottom: 1px solid #ce3232; }
    .inewsl-t .inewsl-name { font-size: 1em; color: #000000; line-height: 1.1; font-weight: 800; float: left; width: 75%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .inewsl-t .inewsl-date { font-size: 0.9em; color: #000000; line-height: 1.1; float: right; }
    .inewsl-text .inewsl-con { font-size: 0.8em; color: #000000; line-height: 1.5; padding-top: 0.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .inews-l:hover img { transform: scale(1.1); }
    .inews-l:hover .inewsl-name { color: #ce3232; margin-left: 2%; }
    .inews-main .inews-heap { overflow: hidden; }
    .inews-heap .inews-item { padding-top: 1em; }
    .inews-heap .inews-item:first-of-type { padding-top: 0; }
    .inews-item .inewsr-date { padding: 0.5em; background-color: #ce3232; }
    .inewsr-date .inewsr-month { font-size: 2.6em; color: #ffffff; line-height: 1; font-weight: 800; text-align: center; }
    .inewsr-date .line { width: 90%; height: 1px; background-color: rgba(255, 255, 255, .8); margin: 0.25em auto 0.5em; }
    .inewsr-date .inewsr-year { font-size: 0.8em; color: #ffffff; line-height: 1; letter-spacing: 0.1em; text-align: center; }
    .inews-item .inewsr-text { padding-top: 0.25em; }
    .inewsr-text .inewsr-name { width: 85%; padding-bottom: 0.5em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .inewsr-text .inewsr-name a { font-size: 1em; color: #000000; line-height: 1; font-weight: 800; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .inewsr-text .inewsr-con { font-size: 0.8em; color: #000000; line-height: 1.5; padding-top: 0.5em; border-top: 1px solid #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .inews-item:hover .inewsr-name { margin-left: 2%; }
    .inews-item:hover .inewsr-name a { color: #ce3232;  }
	
	
	    /* 营销 */
    .inews2 { padding: 13em 0 3em; margin-top: -10em; /*background: url(../inews_bg.png) no-repeat center center; */background-size: cover; overflow: hidden; }
    .inews2 .inews2-main { padding-top: 2.5em; }
    .inews2-main>ul>li:first-of-type { padding-right: 2.5em; }
    .inews2-main>ul>li:last-of-type { padding-left: 2.5em; }
    .inews2-main .inews2-l { overflow: hidden; }
    .inews2-l .inewsl-img { width: 100%; overflow: hidden; }
    .inewsl-img img { width: 100%; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .inews-l .inewsl-text { overflow: hidden; }
    .inewsl-text .inewsl-t { padding: 1em 0; border-bottom: 1px solid #ce3232; }
    .inewsl-t .inewsl-name { font-size: 1em; color: #000000; line-height: 1.1; font-weight: 800; float: left; width: 75%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .inewsl-t .inewsl-date { font-size: 0.9em; color: #000000; line-height: 1.1; float: right; }
    .inewsl-text .inewsl-con { font-size: 0.8em; color: #000000; line-height: 1.5; padding-top: 0.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .inews2-l:hover img { transform: scale(1.1); }
    .inews2-l:hover .inewsl-name { color: #ce3232; margin-left: 2%; }
    .inews2-main .inews2-heap { overflow: hidden; margin-top:50px;}
    .inews2-heap .inews2-item { padding-top: 1em; }
    .inews2-heap .inews2-item:first-of-type { padding-top: 0; }
    .inews2-item .inewsr2-date { padding: 0.5em; background-color: #ce3232; }
    .inewsr2-date .inewsr2-month { font-size: 2.6em; color: #ffffff; line-height: 1; font-weight: 800; text-align: center; }
    .inewsr2-date .line { width: 90%; height: 1px; background-color: rgba(255, 255, 255, .8); margin: 0.25em auto 0.5em; }
    .inewsr2-date .inewsr2-year { font-size: 0.8em; color: #ffffff; line-height: 1; letter-spacing: 0.1em; text-align: center; }
    .inews2-item .inewsr2-text { padding-top: 0.25em; }
    .inewsr2-text .inewsr2-name { width: 85%; padding-bottom: 0.5em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .inewsr2-text .inewsr2-name a { font-size: 1em; color: #000000; line-height: 1; font-weight: 800; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .inewsr2-text .inewsr2-con { font-size: 0.8em; color: #000000; line-height: 1.5; padding-top: 0.5em; border-top: 1px solid #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .inews2-item:hover .inewsr2-name { margin-left: 2%; }
    .inews2-item:hover .inewsr2-name a { color: #ce3232;  }

    /*-------- 公司简介 --------*/
    /* 公司简介 */
    .company { padding: 3em 0; }
    .company h1 { font-size: 1.8em; color: #333333; line-height: 1; margin: 0; }
    .company .company-img { width: 60%; padding-left: 4em; padding-bottom: 1em; float: right; }
    .company img { width: 100%; }
    .company .company-s-img { width: 80%; padding: 1em 0; margin: 0 auto; display: none; }
    .company-s-img img { width: 100%; }
    .company p { font-size: 0.8em; color: #333333; line-height: 1.9; text-indent: 2em; margin-top: 2.5em; }

    /* 发展历程 */
    .history { padding: 3em 0; }
    .history .history-tab { position: relative; }
    .history-tab .history-heap { width: 90%; position: static; }
    .history-tab .history-item { font-size: 0.9em; color: #999999; line-height: 1; text-align: center; padding: 0.5em 0; border: 2px solid #b3b3b3; cursor: pointer; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .history-heap .history-item:hover,.history-heap .swiper-slide.on .history-item { color: #ffffff; background-color: #ce3232; border-color: #ce3232; }
    .history-tab .swiper-container .history-button { background-image: none; font-size: 1em; color: #ffffff; line-height: 2.2em; text-align: center; background-color: #7f7f7f; margin-top: 0; width: 1.5em; height: 2.2em; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; }
    .history-tab .swiper-container .swiper-button-prev { left: 0; }
    .history-tab .swiper-container .swiper-button-next { right: 0; }
    .history-tab .swiper-container .history-button:hover { background-color: #c62b2b; }

    .history .history-content { padding-top: 2.5em; }
    .history-content .history-box { display: none; }
    .history-content .history-box.active { display: block; }
    .history-box .history-img { width: 90%; overflow: hidden; }
    .history-img img { width: 100%; }
    .history-box>div:last-of-type { padding-left: 0; }
    .history-box .history-infor { padding-top: 2em; }
    .history-infor .history-title { overflow: hidden; }
    .history-title .borderleft { width: 5px; height: 1.2em; background-color: #ce3232; float: left; }
    .history-title p { font-size: 1.2em; color: #ce3232; line-height: 1; font-weight: 800; padding-left: 0.5em; float: left; }
    .history-infor .history-text { padding-top: 1.5em; }
    .history-text p { font-size: 0.8em; color: #666666; line-height: 1.9; margin-top: 1em; }

    /* 文化与理念 */
    .culture { position: relative; padding-bottom: 3em; }
    .culture .container { position: static; }
    .culture-box .culture-img img { width: 100%; }
    .culture-box .culture-img { position: absolute; width: 50%; }
    .culture-box .culture-text { width: 50%; padding: 7em 4em 0; }
    .culture .culture-box:nth-child(2n+1) .culture-img { left: 0; }
    .culture .culture-box:nth-child(2n+1) .culture-text { float: right; }
    .culture .culture-box:nth-child(2n) .culture-img { right: 0; }
    .culture .culture-box:nth-child(2n) .culture-text { float: left; }
    .culture-text .culture-name { font-size: 1.2em; color: #000000; line-height: 1; font-weight: 800; }
    .culture-text .culture-con { font-size: 0.8em; color: #000000; line-height: 1.9; margin-top: 2em; }

    /* 联系方式 */
    .contactus { padding: 2em 0; }
    .contactus .contactus-text { padding-top: 2.5em; }
    .contactus-text .contactus-title { overflow: hidden; }
    .contactus-title h1 { font-size: 1.5em; color: #333333; line-height: 1; margin: 0; }
    .contactus-title .line { width: 40%; height: 1px; background-color: #c62b2b; margin-top: 1em; }
    .contactus-text .contactus-heap { overflow: hidden; }
    .contactus-heap .contactus-item  { padding: 0.75em 0; float: left; }
    .contactus-item i { font-size: 1.1em; color: #c62b2b; line-height: 1; float: left; margin-right: 0.75em; margin-top: 0.1em; }
    .contactus-item p { font-size: 0.9em; color: #333333; line-height: 1.5; padding-right: 2em; float: left; }
    .contactus .contactus-map { height: 380px; }
    .contactus-map iframe { width: 100%; height: 100%; }

    /* 资质荣誉 */
    .honor { padding-bottom: 3em; }
    .honor .honor-main { overflow: hidden; }
    .honor-main .honor-title { padding: 1.7em 0 1.2em; border-bottom: 1px solid #ce3232; }
    .honor-title li { font-size: 1em; color: #c62b2b; line-height: 1; font-weight: 800; text-align: center; }
    .honor-main .honor-heap { padding-top: 0.5em; }
    .honor-heap .honor-item { padding: 1em 0; border-bottom:  1px dashed #cccccc; }
    .honor-item li p { font-size: 0.8em; color: #666666; line-height: 1; text-align: center; margin-top: 0.25em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    .honor-main .honor-img a { width: 30px; height: 25px; background: url(../sprite.png) no-repeat; background-position: 0 0; display: table; margin: 0 auto; }
    .honor-img a:hover { background-position: 0 -30px; }

    /* 组织架构 */
    .organ { padding: 3em 0; }
    .organ .organ-main { width: 90%; display: table; margin: 0 auto; }
    .organ-main .organ-row { display: flex; justify-content: center; }
    .row1 .row1-item1 { overflow: hidden; }
    .row1-item1 .row1-item1-box { width: 6em; height: 6em; border-radius: 50%; background-color: rgba(198, 43, 43, .5); position: relative; }
    .row1-item1-box .row1-item1-in { width: 5.5em; height: 5.5em; border-radius: 50%; background-color: #c62b2b; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    .row1-item1-in p { font-size: 1.2em; color: #ffffff; line-height: 4.6em; font-weight: 800; text-align: center; }

    .row1 .row1-item2 { padding-top: 0.5em; margin: 0 0.5em; overflow: hidden; }
    .row1-item2 .row1-item2-box { width: 5em; height: 5em; border-radius: 50%; background-color: rgba(198, 43, 43, .5); position: relative; float: left; }
    .row1-item2-box .row1-item2-in { width: 4.5em; height: 4.5em; border-radius: 50%; background-color: #c62b2b; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    .row1-item2-in p { font-size: 1em; color: #ffffff; line-height: 4.6em; font-weight: 800; text-align: center; }
    .row1-item2 .organ-arrow { width: 92px; height: 12px; background: url(../sprite_organ.png) no-repeat 0 0; float: left; margin-top: 2.3em; margin-left: 10px; }

    .row1 .row1-item3 { padding-top: 0.5em; margin: 0 0.5em; overflow: hidden; }
    .row1-item3 .row1-item3-box { width: 5em; height: 5em; border-radius: 50%; background-color: rgba(198, 43, 43, .5); position: relative; float: left; }
    .row1-item3-box .row1-item3-in { width: 4.5em; height: 4.5em; border-radius: 50%; background-color: #c62b2b; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    .row1-item3-in p { font-size: 1em; color: #ffffff; line-height: 4.6em; font-weight: 800; text-align: center; }
    .row1-item3 .organ-arrow { width: 92px; height: 12px; background: url(../sprite_organ.png) no-repeat 0 -20px; float: left; margin-top: 2.3em; margin-right: 10px; }

    .row2 .row2-item1 { margin-top: 0.5em; overflow: hidden; }
    .row2-item1 .row2-item1-box { padding: 0.5em 4em; border-radius: 5px; background-color: #0a61a4; }
    .row2-item1-box p { font-size: 1em; color: #ffffff; line-height: 1; font-weight: 800; text-align: center; }
    .row2-item1 .organ-arrow { width: 12px; height: 34px; background: url(../sprite_organ.png) no-repeat 0 -41px; margin: 0 auto; margin-bottom: 10px; }

    .row3 { margin-top: 1.5em; position: relative; }
    .row3 .row3-item1 { margin: 0 2.5em; overflow: hidden; }
    .row3-item1 .row3-item1-box { width: 5em; height: 5em; border-radius: 50%; background-color: rgba(10, 97, 164, .5); position: relative; }
    .row3-item1-box .row3-item1-in { width: 4.5em; height: 4.5em; border-radius: 50%; background-color: #0a61a4; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    .row3-item1-in p { font-size: 1em; color: #ffffff; line-height: 4.6em; font-weight: 800; text-align: center; }
    .row3-item1 .organ-arrow { width: 12px; height: 34px; background: url(../sprite_organ.png) no-repeat 0 -41px; margin: 0 auto; margin-bottom: 10px; }
    .row3 .line1 { height: 2px; background: url(../img/company/sprite_organ.png) repeat 0 -80px; position: absolute; left: 50%; top: 0; transform: translateX(-50%); }
    .row3 .line2 { width: 2px; height: 11em; background: url(../sprite_organ.png) repeat-y 0 -90px; position: absolute; left: 50%; top: -1em; transform: translateX(-50%); }

    .row4 { margin-top: 3em; position: relative; }
    .row4 .row4-item1 { margin: 0 1em; overflow: hidden; }
    .row4-item1 .row4-item1-box { padding: 0.7em 1em; background-color: #00d3aa; }
    .row4-item1-box p { font-size: 1em; color: #ffffff; line-height: 1; font-weight: 800; }
    .row4-item1 .organ-arrow { width: 12px; height: 34px; background: url(../sprite_organ.png) no-repeat 0 -41px; margin: 0 auto; margin-bottom: 10px; }
    .row4 .line3 { height: 2px; background: url(../sprite_organ.png) repeat 0 -80px; position: absolute; left: 50%; top: 0; transform: translateX(-50%); }

    /*-------- 新闻中心 --------*/
    .newslist { padding: 1em 0 2em; }
    .newslist-heap { position: relative; }
    .newslist-heap .newslist-item { padding-top: 2em; }
    .newslist-heap .newslist-item:nth-child(2n+1) { padding-right: 3.5em; }
    .newslist-heap .newslist-item:nth-child(2n) { padding-left: 3.5em; }
    .newslist-item a { display: inline-block; width: 100%; }
    .newslist-item .newslist-title { padding-bottom: 0.75em; border-bottom: 1px dashed #666666; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .newslist-title .newslist-name { font-size: 1em; color: #333333; line-height: 1; font-weight: 800; width: 80%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .newslist-title .newslist-date { font-size: 0.9em; color: #333333; line-height: 1; float: right; margin-top: 0.1em; }
    .newslist-item .newslist-text { padding-top: 0.5em; position: relative; }
    .newslist-text .newslist-con { font-size: 0.8em; color: #333333; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .newslist-text .newslist-arrow { font-size: 0.7em; font-style: normal; color: #333333; line-height: 1; padding: 0.5em 1.15em; background-color: #ffffff; position: absolute; right: 0; bottom: 0; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .newslist-item:hover .newslist-name { margin-left: 2%; color: #c62b2b; }
    .newslist-item a:hover .newslist-title { border-bottom-color: #c62b2b; }
    .newslist-item a:hover .newslist-arrow { color: #c62b2b; }

    /*-------- 新闻详情 --------*/
    .news-details { padding: 2em 0; }
    .news-details .news-main { overflow: hidden; }
    .news-main .news-t { padding: 0 5em 2em; overflow: hidden; }
    .news-t h1 { font-size: 1.4em; color: #000000; line-height: 1.3; font-weight: 800; text-align: center; margin: 0; }
    .news-t .news-date { padding: 0.75em 0; border-bottom: 1px solid #c62b2b; margin-bottom: 1em; text-align: center; }
    .news-date span { font-size: 0.7em; color: #666666; line-height: 1; margin: 0 1em; }
    .news-t .news-content { width: 90%; margin: 0 auto; }
    .news-content p { font-size: 0.8em; color: #333333; line-height: 1.9; text-indent: 2em; margin-top: 0.5em; }
    .news-content img { width: 70%; display: table; margin: 0 auto; margin-top: 1em; }
    .details-btn { padding: 1em 5em 0; border-top: 1px solid #cccccc; }
    .details-btn .details-prev { float: left; }
    .details-btn .details-next { float: right; }
    .details-btn i { font-size: 0.7em; font-style: normal; color: #999999; line-height: 1; padding: 0 0.5em; border: 1px solid #999999; float: left; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; }
    .details-btn p { font-size: 0.7em; color: #999999; line-height: 1; float: left; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out2 }
    .details-prev p { padding-left: 1em; }
    .details-next p { padding-right: 1em; }
    .details-btn a:hover i { color: #ffffff; background-color: #c62b2b; border-color: #c62b2b; }
    .details-btn a:hover p { color: #c62b2b; }
    .news-link { padding-top: 2em; }
    .news-link .link-title { position: relative; }
    .link-title .link-name { padding-right: 1em; background-color: #ffffff; float: left; position: relative; z-index: 20; }
    .link-name .borderleft { width: 0.25em; height: 1em; background-color: #ce3232; float: left; margin-top: 0.1em; }
    .link-name p { font-size: 1.2em; color: #ce3232; line-height: 1; font-weight: 800; float: left; padding-left: 0.3em; }
    .link-title .line { width: 100%; height: 0; border-bottom: 1px dashed #ce3232; position: absolute; left: 0; top: 50%; z-index: 10; }

    /*-------- 客户案例 --------*/
    .case { padding: 0.5em 0 2em; }
    .case .case-heap { position: relative; }
    .case-heap .case-box { padding-top: 1.5em; }
    .case-heap .case-item { border: 5px solid #e6e6e6; transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; }
    .case-heap .case-img { width: 100%; position: relative; overflow: hidden; }
    .case-img img { width: 100%; transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; }
    .case-heap .case-text { padding: 1.5em 0.75em 1em; position: relative; }
    .case-text .case-name { font-size: 1em; color: #000000; line-height: 1.1; width: 85%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .case-text .case-con { font-size: 0.7em; color: #333333; line-height: 1.7; margin-top: 1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .case-heap .case-item:hover { box-shadow: -5px -5px 15px 0px rgba(0, 0, 0, .3); }
    .case-heap .case-item:hover img { transform: scale(1.1); }
    .case-heap .case-item:hover .case-name { margin-left: 3%; }
    .case .pagination-bar { padding: 2em 0 0.5em; }

    /*-------- 案例详情 --------*/
    .case-details { padding: 2em 0; }
    .case-details .case-main { position: relative; }
    .case-main .case-t { position: relative; }
    .case-t .case-t-img { width: 90%; overflow: hidden; }
    .case-t .case-t-img img { width: 100%; }
    .case-t .case-t-infor { padding-top: 2.5em; }
    .case-t-infor h1 { font-size: 1.4em; color: #000000; line-height: 1.3; font-weight: 800; margin: 0; }
    .case-t-infor .case-t-heap { padding-top: 1em; }
    .case-t-heap .case-t-item { float: left; padding-top: 1.5em; }
    .case-t-heap .case-t-item:nth-child(2n+1) { width: 60%; }
    .case-t-heap .case-t-item:nth-child(2n) { width: 40%; }
    .case-t-item img { float: left; }
    .case-t-item p { font-size: 0.9em; color: #333333; line-height: 1; float: left; padding-left: 0.5em; padding-top: 0.3em; }
    .case-t-infor .case-t-text { font-size: 0.8em; color: #808080; line-height: 1.9; text-indent: 2em; padding-top: 2.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
    .case-main .case-b { padding-top: 1.5em; }
    .case-b .case-title { overflow: hidden; }
    .case-title .case-border { position: relative; }
    .case-border i { width: 22px; height: 22px; background: url(../sprite2.png) no-repeat -180px 0; display: table; margin: 0 auto; position: relative; z-index: 30; }
    .case-border .line1 { width: 60%; height: 3px; background-color: #c62b2b; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); z-index: 20; }
    .case-border .line2 { width: 100%; height: 1px; background-color: #c62b2b; position: absolute; top: 50%; left: 0; z-index: 10; }
    .case-title p { font-size: 1.2em; color: #c62b2b; line-height: 1; font-weight: 800; text-align: center; padding: 1.5em 0; }
    .case-b .case-content { padding: 0 7em; }
    .case-content p { font-size: 0.8em; color: #333333; line-height: 1.9; text-indent: 2em; margin-top: 0.5em; }
    .case-content img { width: 100%; display: table; margin: 0 auto; margin-top: 1em; }
    .news-link .link-main { position: relative; padding-top: 0.5em; }

    .link-main .icase-link { width: 90%; padding: 1em 1em 0; position: static; }
    .link-main .swiper-container .swiper-slide .icase-item { border: 5px solid #e6e6e6; transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; }
    .link-main .swiper-container .swiper-slide .icase-img { width: 100%; position: relative; overflow: hidden; }
    .icase-img img { width: 100%; transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; }
    .link-main .swiper-container .swiper-slide .icase-text { padding: 1.5em 0.75em 1em; position: relative; }
    .icase-text .icase-name { font-size: 1em; color: #000000; line-height: 1.1; width: 85%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .icase-text .icase-con { font-size: 0.7em; color: #333333; line-height: 1.7; margin-top: 1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
    .link-main .swiper-container .swiper-slide .icase-item:hover { box-shadow: -5px -5px 15px 0px rgba(0, 0, 0, .3); }
    .link-main .swiper-container .swiper-slide .icase-item:hover img { transform: scale(1.1); }
    .link-main .swiper-container .swiper-slide .icase-item:hover .icase-name { margin-left: 3%; }

    .link-main .swiper-container .icase-button { background-image: none; font-size: 2em; color: #ffffff; line-height: 2em; text-align: center; background-color: #7f7f7f; margin-top: 0; width: 1em; height: 2em; border-radius: 5px; position: absolute; top: 53%; transform: translateY(-50%); cursor: pointer; }
    .link-main .swiper-container .swiper-button-prev { left: 0; }
    .link-main .swiper-container .swiper-button-next { right: 0; }
    .link-main .swiper-container .icase-button:hover { background-color: #c62b2b; }

    /*-------- 解决方案 --------*/
    .slove { padding: 1em 0 2em; }
    .slove .slove-main { padding: 0 5em 2em; }
    .slove-main .slove-title { position: relative; display: table; margin: 0 auto; margin-bottom: 1em; }
    .slove-title h1 { font-size: 1.7em; color: #000000; line-height: 1.3; font-weight: 800; text-align: center; padding: 0 0.25em 0.1em; margin: 0; position: relative; z-index: 20; }
    .slove-title .p-bg { width: 100%; height: 1em; background-color: rgba(198, 43, 43, .2); position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 10; }
    .slove-main .slove-content { padding: 1em 2em 0; border-top: 1px solid #c62b2b; }
    .slove-content h2 { font-size: 1.1em; color: #c62b2b; line-height: 1; font-weight: 800; margin: 1em 0 0; }
    .slove-content p { font-size: 0.8em; color: #333333; line-height: 1.9; text-indent: 2em; margin-top: 1em; }
    .slove-content img { width: 100%; display: table; margin: 0 auto; margin-top: 1em; }
    .slove-content video { width: 100%; display: table; margin: 0 auto; margin-top: 1em; }
    .slove-content .pc>img { width: 70%; display: table; margin: 0 auto; margin-top: 1em; }
    .slove-content .imgbox { padding-top: 1em; }
    .imgbox img { width: 90%; display: table; margin: 0 auto; }
    .imgbox p { font-size: 0.8em; color: #c62b2b; line-height: 1; text-align: center; padding-top: 1em; margin: 0; }

    /*-------- 安全管理 --------*/
    /* 安全管理 */
    .product01 { position: relative; }
    .product01 .psafe { padding: 3em 0; }
    .stitle { padding: 0 5em; text-align: center; }
    .stitle .stitle-name { position: relative; display: inline-block; }
    .stitle-name p { font-size: 1.5em; color: #c62b2b; line-height: 1; font-weight: 800; padding: 0 0.75em; position: relative; z-index: 20; }
    .stitle-name img { width: 210px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; }
    .stitle .stitle-con { font-size: 0.8em; color: #333333; line-height: 1.5; text-align: center; padding-top: 1.5em; }
    .psafe .psafe-main { padding-top: 6em; position: relative; }
    .psafe-main .psafe-bg { width: 60%; display: table; margin: 0 auto; }
    .psafe-main .psafe-box { width: 3.5em; position: absolute; }
    .psafe-box a { display: inline-block; width: 100%; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .psafe-box img { width: 100%; }
    .psafe-box p { font-size: 0.8em; color: #c62b2b; line-height: 1.2; font-weight: 800; text-align: center; padding-top: 0.3em; }
    .psafe-box a:hover { transform: translateY(-5%); }
    .psafe-main .psafe-box1 { left: 25%;top: 16%;}
    .psafe-main .psafe-box2 { left: 36%;top: 11%;}
    .psafe-main .psafe-box3 { left: 43%;top: 11%;}
    .psafe-main .psafe-box4 { right: 42%;top: 13%;}
    .psafe-main .psafe-box5 { right: 34%;top: 11%;}
    .psafe-main .psafe-box6 { right: 26%;top: 16%;}
    .psafe-main .psafe-box7 { left: 20%;top: 40%;}
    
    .product01 .prisk { padding: 3em 0; background-color: #f5f5f5; }
    .safetitle { padding: 0 5em; text-align: center; }
    .safetitle .safetitle-name { display: inline-block; }
    .safetitle-name p { font-size: 1.5em; color: #010101; line-height: 1; font-weight: 800; text-align: center; }
    .safetitle-name .hr { width: 1.5em; height: 5px; background-color: #c62b2b; margin: 0 auto; margin-top: 1em; position: relative; z-index: 20; }
    .safetitle-name .line { width: 6.5em; height: 2px; background-color: #cccccc; margin: 0 auto; margin-top: -3px; position: relative; z-index: 10; }
    .safetitle .safetitle-con { font-size: 0.8em; color: #333333; line-height: 1.5; text-align: center; padding-top: 1.5em; }
    .prisk .prisk-main { padding-top: 1em; }
    .prisk-main ul { text-align: center; }
    .prisk-main .prisk-item { padding-top: 1em; margin: 0 1em; display: inline-block; vertical-align: top; }
    .prisk-item .prisk-icon { width: 6.5em; height: 6.5em; background-color: #9681b6; border-radius: 50%; box-shadow: -8px -6px 20px 0px rgba(150, 129, 182, .6); position: relative; }
    .prisk-icon img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
    .prisk-item .prisk-infor { padding-left: 0.5em; padding-top: 1em; }
    .prisk-infor .prisk-name { font-size: 0.9em; color: #333333; line-height: 1; font-weight: 800;text-align: left; }
    .prisk-infor .prisk-list { padding-top: 1em; }
    .prisk-list p { font-size: 0.8em; color: #333333; line-height: 1; text-align: left; padding-top: 0.5em; }

    .product01 .psaf3 { padding: 3em 0; }
    .psaf3 .psaf3-main { padding-top: 2.5em; overflow: hidden; }
    .psaf3-main img { display: table; margin: 0 auto; }

    .product01 .psaf4 { padding-top: 3em; background: url(../03_3.png) no-repeat center center; background-size: cover; }
    .psaf4 .psaf4-img img { width: 100%; display: table; margin: 0 auto; }
    .psaf4 .psaf4-infor { padding-top: 4em; padding-left: 5em; }
    .psaf4-infor p { font-size: 1em; color: #ffffff; line-height: 1.1; font-weight: 800; margin-top: 0.5em; }

    .product01 .psaf5 { padding: 3em 0; }
    .psaf5 .psaf5-main { padding-top: 1.5em; overflow: hidden; }
    .psaf5-main img { display: table; margin: 0 auto; }

    .product01 .psaf6 { padding: 3em 0; background-color: #f8f9fb; }
    .psaf6 .psaf6-main { padding-top: 1.5em; overflow: hidden; }
    .psaf6-main img { display: table; margin: 0 auto; }

    .product01 .psaf7 { padding: 3em 0; }
    .psaf7 .psaf7-main { width: 80%; margin: 0 auto; margin-top: 2.5em; position: relative; }
    .psaf7-main li:nth-child(2n+1) .psaf7-item { padding: 2.5em 2em 2.5em 1em; }
    .psaf7-main li:nth-child(2n) .psaf7-item { padding: 2.5em 1em 2.5em 2em; }
    .psaf7-item .psaf7-img { width: 24%; float: left; }
    .psaf7-img img { width: 100%; }
    .psaf7-item .psaf7-text { width: 76%; float: left; padding-left: 1em; padding-top: 0.5em; }
    .psaf7-text .psaf7-name { font-size: 1.1em; color: #333333; line-height: 1; font-weight: 800; }
    .psaf7-text .psaf7-con { font-size: 0.9em; color: #333333; line-height: 1.5; padding-top: 0.5em; }
    .psaf7-main .horline { width: 100%; height: 2px; background-color: #cccccc; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
    .psaf7-main .verline { width: 2px; height: 100%; background-color: #cccccc; position: absolute; left: 50%; top: 0; transform: translateX(-50%); }
    .product01 + .product-link { background-color: #f5f5f5; }
    
    /* 风险辨识 */
    .product01-1 { position: relative; }
    .product01-1 .risk1 { padding: 3em 0; }
    .risk1 .risk1-main { margin-top: 2.5em; padding: 5em 0; position: relative; }
    .risk1-main ul { text-align: center; position: relative; z-index: 20; }
    .risk1-main .risk1-item { position: relative; display: inline-block; vertical-align: top; margin: 0 1.5em; }
    .risk1-item .risk1-infor { width: 16em; position: absolute; }
    .risk1-item .risk1-infor p { font-size: 0.9em; line-height: 1.3; font-weight: 800; }
    .risk1-infor .line { width: 60%; height: 8px; position: relative; }
    .risk1-infor .line::after { content: ""; width: 0; height: 0; border-left: 1em solid transparent; border-right: 1em solid transparent; display: inline-block; position: absolute; left: 2em; }
    .risk1-item .risk1-box { width: 9em; height: 9em; border-radius: 50%; background-color: #ffffff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3); position: relative; }
    .risk1-item .risk1-in { width: 8em; height: 8em; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
    .risk1-box p { font-size: 1.4em; color: #ffffff; line-height: 1.3; font-weight: 800; text-align: center; margin-top: 2em; }
    .risk1-main .risk1-bg { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; }

    .risk1-main .risk1-item:nth-child(1) .risk1-in { background-color: #ff9900; }
    .risk1-main .risk1-item:nth-child(1) .risk1-infor { left: 2%; top: -60%; }
    .risk1-main .risk1-item:nth-child(1) .risk1-infor p { color: #ff9900; }
    .risk1-main .risk1-item:nth-child(1) .risk1-infor .line { background-color: #ff9900; margin-top: 0.75em; }
    .risk1-main .risk1-item:nth-child(1) .risk1-infor .line:after { border-top: 1em solid #ff9900; bottom: -1em; }
    .risk1-main .risk1-item:nth-child(2) .risk1-in { background-color: #8cc63f; }
    .risk1-main .risk1-item:nth-child(2) .risk1-infor { left: 2%; bottom: -60%; }
    .risk1-main .risk1-item:nth-child(2) .risk1-infor p { color: #8cc63f; }
    .risk1-main .risk1-item:nth-child(2) .risk1-infor .line { background-color: #8cc63f; margin-bottom: 0.75em; }
    .risk1-main .risk1-item:nth-child(2) .risk1-infor .line:after { border-bottom: 1em solid #8cc63f; top: -1em; }
    .risk1-main .risk1-item:nth-child(3) .risk1-in { background-color: #00a89d; }
    .risk1-main .risk1-item:nth-child(3) .risk1-infor { left: 2%; top: -60%; }
    .risk1-main .risk1-item:nth-child(3) .risk1-infor p { color: #00a89d; }
    .risk1-main .risk1-item:nth-child(3) .risk1-infor .line { background-color: #00a89d; margin-top: 0.75em; }
    .risk1-main .risk1-item:nth-child(3) .risk1-infor .line:after { border-top: 1em solid #00a89d; bottom: -1em; }
    .risk1-main .risk1-item:nth-child(4) .risk1-in { background-color: #0e647c; }
    .risk1-main .risk1-item:nth-child(4) .risk1-infor { left: 2%; bottom: -60%; }
    .risk1-main .risk1-item:nth-child(4) .risk1-infor p { color: #0e647c; }
    .risk1-main .risk1-item:nth-child(4) .risk1-infor .line { background-color: #0e647c; margin-bottom: 0.75em; }
    .risk1-main .risk1-item:nth-child(4) .risk1-infor .line:after { border-bottom: 1em solid #0e647c; top: -1em; }

    .product01-1 .risk2 { padding: 2em 0; background-color: #f5f5f5; }
    .risk2 .risk2-img img { width: 80%; display: table; margin: 0 auto; }
    .risk2 .risk2-infor { padding-top: 5em; padding-left: 3em; }
    .risk2-infor .risk2title { display: inline-block; }
    .risk2title p { font-size: 1.5em; color: #010101; line-height: 1; font-weight: 800; }
    .risk2title .line1 { width: 30px; height: 4px; background-color: #c62b2b; margin-top: 1em; position: relative; z-index: 20; }
    .risk2title .line2 { width: 70%; height: 2px; background-color: #cccccc; margin-top: -3px; position: relative; z-index: 10; }
    .risk2-infor .risk2-text { padding-top: 1em; }
    .risk2-text p { font-size: 0.9em; color: #333333; line-height: 1.5; }

    .product01-1 .risk3 { padding: 3em 0; }
    .risk3 .risk3-main { padding-top: 2em; }
    .risk3-main img { display: table; margin: 0 auto; }

    .product01-1 + .product-link { background-color: #f5f5f5; }

    /* 相关产品 */
    .product-link { padding: 3em 0; }
    .product-link .prolink-main { margin-top: 2em; position: relative; }

    .prolink-main .prolink-heap { width: 90%; padding-top: 1em; position: static; }
    .prolink-main .swiper-container .swiper-slide .prolink-item {  transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; }
    .prolink-main .swiper-container .swiper-slide .prolink-img { width: 100%; position: relative; overflow: hidden; }
    .prolink-img img { display: table; margin: 0 auto; }
    .prolink-main .swiper-container .swiper-slide .prolink-text { padding: 1em 0 0; position: relative; }
    .prolink-text .prolink-name { font-size: 0.9em; color: #333333; line-height: 1.1; font-weight: 800; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    .prolink-text .prolink-con { font-size: 0.8em; color: #333333; line-height: 1.5; padding-top: 1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
    .prolink-main .swiper-container .swiper-slide .prolink-item:hover { transform: translateY(-0.5em); }

    .prolink-main .swiper-container .prolink-button { background-image: none; font-size: 2em; color: #ffffff; line-height: 2em; text-align: center; background-color: #929292; margin-top: 0; width: 1em; height: 2em; position: absolute; top: 53%; transform: translateY(-50%); cursor: pointer; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .prolink-main .swiper-container .swiper-button-prev { left: 0; }
    .prolink-main .swiper-container .swiper-button-next { right: 0; }
    .prolink-main .swiper-container .prolink-button:hover { background-color: #c62b2b; }

    /* 隐患排查 */
    .product01-2 .danger1 { padding: 3em 0; }
    .danger1 .danger1-main { padding-top: 1em; }
    .danger1-main img { display: table; margin: 0 auto; }

    .product01-2 .danger2 { padding: 3em 0; background: url(../03_4.png) no-repeat center center; background-size: cover; }
    .danger2 .safetitle p { color: #ffffff; }
    .danger2 .danger2-main { padding-top: 3em; }
    .danger2-item img { width: 47%; display: table; margin: 0 auto; }
    .danger2-item .danger2-text { margin-top: -1em; }
    .danger2-text .danger2-name { font-size: 0.9em; color: #ffffff; line-height: 1; text-align: center; }
    .danger2-text .danger2-con { font-size: 0.9em; color: #ffffff; line-height: 1.3; text-align: center; margin-top: 0.8em; }

    .product01-2 .danger3 { padding: 3em 0; }
    .danger3 .danger3-main { padding-top: 10em; }
    .danger3-main .danger3-item { padding: 8.5em 1em 2.5em; border: 2px solid #9b9b9b; border-radius: 10px; position: relative; }
    .danger3-item .danger3-name { width: 12em; height: 12em; border-radius: 50%; position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); }
    .danger3-main li:nth-child(1) .danger3-name { background-color: #ff9900; }
    .danger3-main li:nth-child(2) .danger3-name { background-color: #8cc63f; }
    .danger3-main li:nth-child(3) .danger3-name { background-color: #00a89d; }
    .danger3-main li:nth-child(4) .danger3-name { background-color: #c72c2c; }
    .danger3-name p { font-size: 1.2em; color: #ffffff; line-height: 1.3; font-weight: 800; width: 60%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
    .danger3-text p { font-size: 0.9em; color: #333333; line-height: 1.5; }

    .product01-2 .danger4 { padding: 3em 0; background-color: #f5f5f5; }
    .danger4 .danger4-main { padding-top: 1em; }
    .danger4-main li { margin: 0.75em 0; }
    .danger4-main .danger4-item { padding: 3em 3em 1.5em; border: 2px solid #c62b2b; }
    .danger4-item img { display: table; margin: 0 auto; }
    .danger4-item .danger4-text { padding-top: 1.5em; }
    .danger4-text .danger4-name { font-size: 1.2em; color: #333333; line-height: 1; font-weight: 800; text-align: center; }
    .danger4-text .danger4-con { font-size: 0.9em; color: #333333; line-height: 1.3; padding-top: 0.75em; }

    .product01-2 .danger4 { padding: 3em 0 0; background-color: #cdcdcb; }
    .danger4 .safetitle .line { background-color: #999999; }
    .danger4 .danger4-main { padding-top: 1em; overflow: hidden; position: relative; }
    .danger4-main img { display: table; margin: 0 auto; }
    .danger4 .danger4-infor { position: absolute; top: 40%; right: 20%; }
    .danger4-infor .danger4-text { padding-top: 1.5em; }
    .danger4-text p { font-size: 0.9em; color: #c62b2b; line-height: 1.5; font-weight: 800; }

    /* 特种设备 */
    .product01-3 .equip1 { padding: 3em 0; }
    .equip1 .equip1-main { padding-top: 2em; }
    .equip1-main ul { text-align: center; text-align-last: center; }
    .equip1-main .equip1-item { display: inline-block; vertical-align: top; margin: 0 5em; }
    .equip1-item .equip1-name { width: 12em; position: relative; }
    .equip1-name img { width: 100%; }
    .equip1-name p { font-size: 1.1em; color: #ffffff; line-height: 1.5; font-weight: 800; position: absolute; top: 50%; left: 50%; width: 50%; transform: translate(-45%,-50%); }
    .equip1-item .equip1-con { font-size: 0.9em; color: #343434; line-height: 1.3; font-weight: 800; text-align: center; text-align-last: center; }

    .product01-3 .equip2 { padding: 3em 0; background-color: #f5f5f5; position: relative; }
    .equip2 .equip2-main { padding-top: 2em; }
    .equip2-main ul { text-align: center; text-align-last: center; }
    .equip2-main .equip2-item { display: inline-block; vertical-align: top; width: 13%; margin: 0 2em; position: relative; }
    .equip2-item img { display: table; margin: 0 auto; }
    .equip2-item .equip2-con { font-size: 0.8em; color: #333333; line-height: 1.3; text-align: center; text-align-last: center; padding-top: 1em; }

    
    .product01-3 .equip3 { padding: 9em 0; overflow: hidden; position: relative; }
    .equip3 .equip3-main { overflow: hidden; }
    .equip3-main .equip3-img { position: static; }
    .equip3-main .equip3-img img { position: absolute; left: 0; top: 50%; width: 50%; transform: translateY(-50%); }
    .equip3 .equip3-infor { padding-left: 3em; }
    .equip3-infor .equip3-text { padding-top: 1em; }
    .equip3-text p { font-size: 0.8em; color: #333333; line-height: 1.5; }

    .product01-3 + .product-link { background-color: #f5f5f5; }

    /* 作业许可 */
    .product01-4 .opera1 { padding-top: 3em; }
    .opera1 .opera1-main { overflow: hidden; }
    .opera1-main img { width: 100%; display: table; margin: 0 auto; }
    /* .opera1-main .opera1-img { overflow: hidden; }
    .opera1-img img { width: 100%; }
    .opera1-main .opera1-text { padding-top: 3em; }
    .opera1-main p { font-size: 0.9em; color: #333333; line-height: 1.5; margin-top: 1em; }
    .opera1-one .opera1-text { padding-left: 3em; }
    .opera1-two .opera1-text { padding-right: 3em; } */

    .product01-4 .opera2 { padding: 2em 0; background-color: #f5f5f5; }
    .opera2 .opera2-img { padding: 15px; background-color: #ffffff; }
    .opera2 .opera2-img img { display: table; margin: 0 auto; }
    .opera2 .opera2-infor { padding-top: 5em; padding-left: 3em; }
    .opera2-infor .opera2title { display: inline-block; }
    .opera2title p { font-size: 1.5em; color: #010101; line-height: 1; font-weight: 800; }
    .opera2title .line1 { width: 30px; height: 4px; background-color: #c62b2b; margin-top: 1em; position: relative; z-index: 20; }
    .opera2title .line2 { width: 100%; height: 2px; background-color: #cccccc; margin-top: -3px; position: relative; z-index: 10; }
    .opera2-infor .opera2-text { padding-top: 1em; }
    .opera2-text p { font-size: 0.8em; color: #333333; line-height: 1.5; }

    .product01-4 .opera3 { padding: 3em 0; background: url(../04_3.png) no-repeat center center; background-size: cover; }
    .opera3 .safetitle-name p { color: #ffffff; }
    .opera3 .opera3-main { padding-top: 1em; }
    .opera3-main .opera3-item { padding: 1em 3em; }
    .opera3-item .opera3-img { width: 13%; float: left; }
    .opera3-img img { width: 100%; }
    .opera3-item .opera3-text { width: 87%; float: left; padding-left: 1em; }
    .opera3-text .opera3-name { font-size: 1.2em; color: #ffffff; line-height: 1; font-weight: 800; }
    .opera3-text .opera3-con { font-size: 0.9em; color: #ffffff; line-height: 1.5; padding-top: 0.5em; }
    
    .product01-4 .opera4 { padding: 5em 0 3em; }
    .opera4 .opera4-main { position: relative; }
    .opera4-main ul { margin-left: -1em; margin-right: -1em; }
    .opera4-main li { padding: 0 2em; margin-top: 5em; }
    .opera4-main li:nth-child(1),.opera4-main li:nth-child(3),.opera4-main li:nth-child(4),.opera4-main li:nth-child(6) { transform: translateY(-50%); }
    .opera4-main .opera4-item { padding: 5em 3em 2em; border: 1px solid #303030; position: relative; }
    .opera4-item img { position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); }
    .opera4-item .opera4-name { font-size: 1em; color: #000000; line-height: 1; font-weight: 800; text-align: center; }
    .opera4-item .opera4-con { font-size: 0.8em; color: #000000; line-height: 1.5; text-align: center; padding-top: 0.5em; }

    .product01-4 .opera5 { padding: 3em 0 24em; background: url(..05_2.png) no-repeat center center; background-size: cover; }
    
    /* 证照管理 */
    .product01-5 .train1 { padding: 3em 0; }
    .train1 .train1-main { padding-top: 9em; position: relative; }
    .train1-main ul { text-align: center; }
    .train1-main .train1-item { display: inline-block; vertical-align: top; margin: 0 1em; position: relative; }
    .train1-main .train1-item:nth-child(1) { transform: translateY(-80%); }
    .train1-main .train1-item:nth-child(3) { transform: translateY(-60%); }
    .train1-main .train1-item:nth-child(4) { transform: translateY(-15%); }
    .train1-main .train1-item:nth-child(5) { transform: translateY(-90%); }
    .train1-item img { display: table; margin: 0 auto; }
    .train1-item p { font-size: 0.9em; color: #333333; line-height: 1.1; font-weight: 800; text-align: center; padding-top: 0.3em; }

    .product01-5 .train2 { padding: 3em 0; background: url(../01_3.png) no-repeat center center; background-size: cover; }
    .train2 .safetitle p { color: #ffffff; }
    .train2 .train2-main { padding-top: 2em; }
    .train2-main ul { text-align: center; }
    .train2-main .train2-item { display: inline-block; vertical-align: top; margin: 0 4em; position: relative; }
    .train2-item .train2-name { position: relative; }
    .train2-name img { display: table; margin: 0 auto; }
    .train2-name p { font-size: 1.5em; color: #ffffff; line-height: 1; font-weight: 800; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
    .train2-item .train2-con { font-size: 0.9em; color: #ffffff;line-height: 1.1; font-weight: 800; text-align: center; padding-top: 1em; }

    .product01-5 .train3 { padding: 3em 0; }
    .train3 .train3-main { padding-top: 1em; }
    .train3-main img { display: table; margin: 0 auto; }

    .product01-5 .train4 { padding: 3em 0; background-color: #f5f5f5; }
    .train4 .train4-main { padding: 4em 0 0; }
    .train4-main .train4-heap { width: 75%; margin: 0 auto; position: relative; }
    .train4-heap .train4-item { width: 50%; background-color: #40a1ee; border-radius: 10px; margin: 0.5em 0; float: left; position: relative; }
    .train4-item .train4-icon { position: absolute; top: 50%; transform: translateY(-50%); }
    .train4-item p { font-size: 0.8em; color: #ffffff; line-height: 1.5; }
    .train4-heap .train4-item:nth-child(2n+1) { padding: 1em 11em 1em 5em; }
    .train4-heap .train4-item:nth-child(2n) { padding: 1em 5em 1em 11em; }
    .train4-heap .train4-item:nth-child(3),.train4-heap .train4-item:nth-child(5) { padding-right: 14em !important; }
    .train4-heap .train4-item:nth-child(4),.train4-heap .train4-item:nth-child(6) { padding-left: 14em !important; }
    .train4-heap .train4-item:nth-child(2n+1) .train4-icon { left: 2em; }
    .train4-heap .train4-item:nth-child(2n) .train4-icon { right: 2em; }
    .train4-heap .train4-item:nth-child(2n+1) p { text-align: left; }
    .train4-heap .train4-item:nth-child(2n) p { text-align: right; }
    .train4-heap>img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

    /* 人员定位 */
    .product01-6 .pos1 { margin-top: 2em; position: relative; }
    .pos1 .container { position: static; }
    .pos1 .pos1-infor { width: 50%; padding: 4em 3em 0; }
    .pos1-infor .pos1title { display: inline-block; }
    .pos1title p { font-size: 1.5em; color: #010101; line-height: 1; font-weight: 800; }
    .pos1title .line1 { width: 30px; height: 4px; background-color: #c62b2b; margin-top: 1em; position: relative; z-index: 20; }
    .pos1title .line2 { width: 100%; height: 2px; background-color: #cccccc; margin-top: -3px; position: relative; z-index: 10; }
    .pos1-infor .pos1-text { padding-top: 1em; }
    .pos1-text p { font-size: 0.8em; color: #333333; line-height: 1.5; }
    .pos1 .pos1-img { position: absolute; top: 0; right: 0; width: 50%; }
    .pos1 .pos1-img img { width: 100%; }

    .product01-6 .pos2 { padding-top: 3em; background-color: #f5f5f5; }
    .pos2 .line { width: 100%; height: 2px; background-color: #cccccc; margin-top: -3px; position: relative; z-index: 10; }
    .pos2 .pos2-main { margin-top: 3em; position: relative; z-index: 20; }
    .pos2-main .pos2-content { width: 95%; margin: 0 auto; }
    .pos2-content .pos2-con { overflow: hidden; position: relative; display: none; }
    .pos2-content .pos2-con.active { display: block; }
    .pos2-con .pos2-img { width: 80%; display: table; margin: 0 auto; }
    .pos2-img img { width: 100%; }
    .pos2-con .pos2-infor { position: absolute; left: 50%; top: 50%; transform: translateY(-50%); }
    .pos2-infor .pos2-name { font-size: 1.1em; color: #333333; line-height: 1; font-weight: 800; }
    .pos2-infor .pos2-text { padding-top: 1em; }
    .pos2-text p { font-size: 0.8em; color: #333333; line-height: 1.5; }
    .pos2-main .pos2-tab { padding-top: 3em; }
    .pos2-tab ul { text-align: center; }
    .pos2-tab .pos2-item { margin: 0 2em; display: inline-block; vertical-align: top; cursor: pointer; }
    .pos2-item img { width: 2.4em; padding: 0.5em; border-radius: 50%; background-color: #000000; box-sizing: content-box; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .pos2-item p { font-size: 1em; color: #000000; line-height: 1; padding-top: 0.5em; text-align: center; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .pos2-item .line { width: 10px; height: 2px; background-color: #c62b2b; margin: 0 auto; margin-top: 2em; position: relative; visibility: hidden; opacity: 0; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .pos2-item .line::before { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #c62b2b; position: absolute; left: 50%; top: -5px; transform: translateX(-50%); }
    .pos2-item:hover img,.pos2-item.active img { background-color: #c62b2b; }
    .pos2-item:hover p,.pos2-item.active p { color: #c62b2b; }
    .pos2-item:hover .line,.pos2-item.active .line { width: 100%; visibility: visible; opacity: 1; }
    .pos2-tab .pos2-btn { font-size: 1em; color: #ffffff; padding: 0.5em 0.1em; border-radius: 2px; background-color: rgba(0, 0, 0, .5); position: absolute; top: 30%; transform: translateY(-50%); cursor: pointer; }
    .pos2-tab .pos2-btn.pos2-prev { left: 0; }
    .pos2-tab .pos2-btn.pos2-next { right: 0; }
    .pos2-tab .pos2-btn:hover { background-color: #c62b2b; }

    .product01-6 .pos3 { background-color: #050505; }
    .pos3 .pos3-main { overflow: hidden; }
    .pos3 .pos3-img img { width: 100%; }
    .pos3-main .sidetitle p { color: #ffffff; }
    .pos3-main .sidetitle .line2 { width: 50%; }
    .pos3-main .pos3-text p { color: #dcdcdc; }
    .pos3 .pos3-infor { padding-top: 10em; padding-left: 3em; }
    .pos3-infor .pos3-text { padding-top: 1em; }
    .pos3-text p { font-size: 0.9em; color: #dcdcdc; line-height: 1.5; }

    /* 对讲 */
    .product01-7 .inter1 { padding: 3em 0; }
    .inter1 .inter1-main { padding-top: 1em; }
    .inter1-main img { display: table; margin: 0 auto; }
    
    .product01-7 .inter2 { padding: 5em 0; background: url(../img/product/pro_01/pro_01_7/02.png) no-repeat center center; background-size: cover; }
    .inter2 .inter2-infor { width: 55%; }
    .inter2-infor .inter2title { display: inline-block; }
    .inter2title p { font-size: 1.5em; color: #ffffff; line-height: 1; font-weight: 800; }
    .inter2title .line1 { width: 30px; height: 4px; background-color: #c62b2b; margin-top: 1em; position: relative; z-index: 20; }
    .inter2title .line2 { width: 100%; height: 2px; background-color: #cccccc; margin-top: -3px; position: relative; z-index: 10; }
    .inter2-infor .inter2-text { padding-top: 1.5em; }
    .inter2-text p { font-size: 0.8em; color: #ffffff; line-height: 1.9; }

    .product01-7 .inter3 { padding: 3em 0; }
    .inter3 .inter3-main { padding-top: 0.5em; }
    .inter3-main img { display: table; margin: 0 auto; }

    .product01-7 .inter4 { padding: 3em 0 4em; background: url(../img/product/pro_01/pro_01_7/04.png) no-repeat center center; background-size: cover; }
    .inter4 .safetitle p { color: #ffffff; }
    .inter4 .inter4-main { padding-top: 3em; }
    .inter4-main .inter4-heap { width: 85%; margin: 0 auto; position: relative; }
    .inter4-heap .inter4-l { padding-right: 8.5em; position: relative; z-index: 20; }
    .inter4-heap .inter4-r { padding-left: 8.5em; position: relative; z-index: 20; }
    .inter4-heap .inter4-item { margin-top: 1.5em; position: relative; }
    .inter4-item .inter4-num { width: 2.4em; height: 2.4em; border-radius: 50%; position: absolute; top: 0; }
    .inter4-num p { font-size: 1.4em; color: #ffffff; line-height: 1.6; text-align: center; }
    .inter4-item .inter4-con { font-size: 0.8em; color: #ffffff; line-height: 1.3; font-weight: 800; padding-top: 0.7em; width: 78%; float: left; }
    .inter4-item img { width: 22%; float: left; padding-top: 0.7em; }
    .inter4-l .inter4-item .inter4-num { left: 0; }
    .inter4-l .inter4-item .inter4-con { padding-left: 3.5em; padding-right: 1em; }
    .inter4-r .inter4-item .inter4-num { right: 0; }
    .inter4-r .inter4-item .inter4-con { padding-right: 3.5em; padding-left: 1em; }
    .inter4-l .inter4-item:nth-child(1) .inter4-num,.inter4-r .inter4-item:nth-child(1) .inter4-num { background-color: #8cc63f; }
    .inter4-l .inter4-item:nth-child(2) .inter4-num,.inter4-r .inter4-item:nth-child(2) .inter4-num { background-color: #ff9900; }
    .inter4-l .inter4-item:nth-child(3) .inter4-num,.inter4-r .inter4-item:nth-child(3) .inter4-num { background-color: #00a89d; }
    .inter4-l .inter4-item:nth-child(4) .inter4-num,.inter4-r .inter4-item:nth-child(4) .inter4-num { background-color: #0e647c; }
    .inter4-l .inter4-item:nth-child(5) .inter4-num,.inter4-r .inter4-item:nth-child(5) .inter4-num { background-color: #c62b2b; }
    
    .inter4-heap>img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10; }
    
    /*-------- 智能硬件 --------*/
    /* 智能硬件 */
    .product03 { position: relative; }
    .product03 .hardware01 { padding: 3em 0 2em; }
    .hardware01 .hardware01-main { padding-top: 2em; }
    .hardware01-main ul { text-align: justify; text-align-last: justify; }
    .hardware01-main .hardware01-item { width: 18%; display: inline-block; vertical-align: top; }
    .hardware01-item .hardware01-img { width: 100%; overflow: hidden; }
    .hardware01-img img { width: 100%; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .hardware01-item p { font-size: 0.9em; color: #333333; line-height: 1; font-weight: 800; text-align: center; text-align-last: center; padding: 1em 0.5em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .hardware01-item:hover img { transform: scale(1.1); }
    .hardware01-item:hover p { color: #c62b2b; }

    .product03 .hardware02 { padding: 3em 0; background-color: #f5f5f5; }
    .hardware02 .hardware02-img { padding-right: 3em; }
    .hardware02 .hardware02-img img { width: 100%; }
    .hardware02 .hardware02-r { padding-top: 1.5em; padding-left: 3em; }
    .hardware02 .sltitle { display: inline-block; }
    .sltitle p { font-size: 1.5em; color: #010101; line-height: 1; font-weight: 800; }
    .sltitle .line1 { width: 30px; height: 4px; background-color: #c62b2b; margin-top: 1em; position: relative; z-index: 20; }
    .sltitle .line2 { width: 100%; height: 2px; background-color: #cccccc; margin-top: -3px; position: relative; z-index: 10; }
    .hardware02-r .hardware02-tab { padding-top: 2em; }
    .hardware02-tab .hardware02-btn { float: left; margin-right: 2em; }
    .hardware02-tab .hardware02-btn:last-of-type { margin-right: 0; }
    .hardware02-btn a { font-size: 0.9em; color: #333333; line-height: 1; font-weight: 800; }
    .hardware02-btn .hr { width: 0; height: 2px; background-color: #c62b2b; margin: 0 auto; margin-top: 0.5em; position: relative; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .hardware02-btn .hr::before { content: ""; width: 50%; height: 100%; background-color: #c62b2b; position: absolute; left: 0; top: 0; }
    .hardware02-btn .hr::after { content: ""; width: 50%; height: 100%; background-color: #333333; position: absolute; right: 0; top: 0; }
    .hardware02-btn a:hover+.hr,.hardware02-btn.active .hr { width: 100%; }
    .hardware02-r .hardware02-content { padding-top: 2em; }
    .hardware02-content .hardware02-con { display: none; }
    .hardware02-content .hardware02-con.active { display: block; }
    .hardware02-con p { font-size: 0.9em; color: #333333; line-height: 1.5; }

    /* 产品列表 */
    .product03-1 .product03-list { padding: 3em 0 1.5em; }
    .product03-list .pro03list-heap { overflow: hidden; }
    .pro03list-heap .pro03list-item { width: 24%; float: left; margin-right: 1.33%; }
    .pro03list-heap .pro03list-item:nth-child(4n) { margin-right: 0; }
    .pro03list-item .pro03list-img { width: 100%; overflow: hidden; }
    .pro03list-img img { width: 100%; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .pro03list-item p { font-size: 0.9em; color: #333333; line-height: 1; font-weight: 800; text-align: center; text-align-last: center; padding: 1em 0.5em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .pro03list-item:hover img { transform: scale(1.1); }
    .pro03list-item:hover p { color: #c62b2b; }
    .product03-1 + .product-link { background-color: #f5f5f5; }

    /* 产品详情 */
    .product03-2 { padding: 3em 0 1.5em; }
    .product03-2 .prodetails { overflow: hidden; }
    .prodetails .prodetails-t { padding-bottom: 1em; }
    .prodetails-t .prodetails-l { padding-right: 3em; }
    .prodetails-t .prodetails-t-img { width: 100%; border: 1px solid #999999; }
    .prodetails-t-img img { width: 100%; }
    .prodetails-t .prodetails-infor { padding-left: 3em; padding-right: 3em; padding-top: 5em; }
    .prodetails-infor h1 { font-size: 1.4em; color: #000000; line-height: 1.3; font-weight: 800; padding-bottom: 1em; margin: 0; }
    .prodetails-infor p { font-size: 0.8em; color: #333333; line-height: 1.9; text-indent: 2em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
    .prodetails .prodetails-main { padding-bottom: 2em; }
    .prodetails-main .prodetails-title { padding-bottom: 1em; }
    .prodetails-title .prodetails-border { position: relative; }
    .prodetails-border i { width: 22px; height: 22px; background: url(../sprite1.png) no-repeat -210px 0; display: table; margin: 0 auto; position: relative; z-index: 20; }
    .prodetails-border .line1 { width: 100%; height: 1px; background-color: #c62b2b; position: absolute; top: 8px; left: 0; z-index: 10; }
    .prodetails-border .line2 { width: 5em; height: 1px; background-color: #c62b2b; position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); z-index: 10; }
    .prodetails-title p { font-size: 1.2em; color: #c62b2b; line-height: 1; font-weight: 800; text-align: center; padding-top: 1em; }
    .prodetails-main .prodetails-content { padding: 0 7em; }
    .prodetails-content p { font-size: 0.8em; color: #333333; line-height: 1.9; margin-top: 0.5em; }
    .prodetails-content img { width: 100%; display: table; margin: 0 auto; margin-top: 1em; }
    
    /*-------- 定制开发 --------*/
    .product04 { position: relative; }
    .product04 .develop1 { padding: 3em 0; }
    .develop1 .develop1-main { padding-top: 3em; }
    .develop1-main .develop1-item { width: 60%; margin: 0 auto; }
    .develop1-item img { display: table; margin: 0 auto; }
    .develop1-item .develop1-name { font-size: 1.1em; color: #333333; line-height: 1; font-weight: 800; text-align: center; padding: 1.5em 0 1em; }
    .develop1-item .develop1-con { font-size: 0.9em; color: #333333; line-height: 1.5; text-align: center; }

    .product04 .develop2 { padding: 3.5em 0; background: url(../img/product/pro_04/01.png) no-repeat center center; background-size: cover; }
    .develop2 .safetitle p { color: #ffffff; }
    .develop2 .develop2-main { padding-top: 3em; }
    .develop2-main ul { text-align: center; }
    .develop2-main .develop2-item { display: inline-block; margin: 0 4em; }
    .develop2-item img { display: table; margin: 0 auto; }
    .develop2-item p { font-size: 1.1em; color: #ffffff; line-height: 1; font-weight: 800; text-align: center; padding-top: 1em; }
    
    .product04 .develop3 { padding: 3em 0; }
    .develop3 .develop3-main { position: relative; }
    .develop3-main .develop3-item { padding: 1em; margin-top: 4.5em; background-color: #f0f0f0; border-radius: 5px; position: relative; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .develop3-item img { position: absolute; left: 1em; top: 0; transform: translateY(-50%); }
    .develop3-item .develop3-name { font-size: 1.2em; color: #000000; line-height: 1; font-weight: 800; padding-left: 5em; }
    .develop3-item .develop3-con { font-size: 0.8em; color: #000000; line-height: 1.5; padding-top: 1em; }
    .develop3-main .develop3-item:hover { box-shadow: -3px -3px 10px 0px rgba(0, 0, 0, .2); }
    
    .product04 + .product-link { background-color: #f5f5f5; }

    /*-------- 生产管理 --------*/
    /* 生产管理 */
    .product02 { position: relative; }
    .product02 .output1 { padding: 3em 0 4em; }
    .output1 .output1-main { padding-top: 2em; position: relative; }
    .output1-main .output1-bg { display: table; margin: 0 auto; }
    .output1-main .output1-box { position: absolute; }
    .output1-box .output1-infor { display: inline-block; width: 100%; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .output1-box img { display: table; margin: 0 auto; }
    .output1-box p { font-size: 0.9em; color: #000000; line-height: 1; text-align: center; padding-top: 0.5em; }
    .output1-box .output1-border { border-top: 2px solid #c62b2b; position: absolute; }
    .output1-main .output1-box:nth-of-type(1) .output1-border { width: 14em; height: 2.5em;  border-right: 2px solid #c62b2b; top: -50%; right: 50%; }
    .output1-main .output1-box:nth-of-type(2) .output1-border { width: 20em; height: 2em; border-right: 2px solid #c62b2b; top: -45%; right: 50%; }
    .output1-main .output1-box:nth-of-type(3) .output1-border { width: 14em; height: 2.5em; border-right: 2px solid #c62b2b; top: -50%; right: 50%; }
    .output1-main .output1-box:nth-of-type(4) .output1-border { width: 7em; height: 2em; border-left: 2px solid #c62b2b; top: 45%; right: 105%; }
    .output1-main .output1-box:nth-of-type(5) .output1-border { width: 7em; height: 2em; border-right: 2px solid #c62b2b; top: 45%; left: 105%; }
    .output1-main .output1-box:nth-of-type(6) .output1-border { width: 7em; height: 2em; border-right: 2px solid #c62b2b; top: 45%; left: 105%; }
    .output1-main .output1-box:nth-of-type(7) .output1-border { width: 10em; height: 2em; border-left: 2px solid #c62b2b; top:-40%; left: 50%; }
    .output1-main .output1-box:nth-of-type(1) { left: 50%; bottom: -6%; }
    .output1-main .output1-box:nth-of-type(2) { right: 7%; bottom: 35%; }
    .output1-main .output1-box:nth-of-type(3) { right: 23%; bottom: 13%; }
    .output1-main .output1-box:nth-of-type(4) { right: 16%; top: 3%; }
    .output1-main .output1-box:nth-of-type(5) { left: 3%; top: 16%; }
    .output1-main .output1-box:nth-of-type(6) { left: 25%; top: 7%; }
    .output1-main .output1-box:nth-of-type(7) { left: 7%; top: 75%; }
    .output1-box .output1-infor:hover { transform: translateY(-5%); }
    
    .product02 .output2 { padding: 3em 0; background-color: #f0f0f0; }
    .output2 .output2-main { margin-top: 1em; }
    .output2-main .output2-tab { overflow: hidden; }
    .output2-tab .output2-item { padding: 2em 1em; border: 1px solid #333333; cursor: pointer; }
    .output2-tab li:nth-child(4),.output2-tab li:nth-child(5),.output2-tab li:nth-child(6) { padding-top: 1.5em; }
    .output2-item img { width: 23%; display: table; margin: 0 auto; }
    .output2-item .item-name { font-size: 0.9em; color: #000000; line-height: 1; font-weight: 800; text-align: center; padding: 1em 0; }
    .output2-item .item-con { font-size: 0.7em; color: #343434; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .output2-main .output2-content { padding: 4em 2em; border: 1px solid #333333; }
    .output2-content .output2-art { display: none; overflow: hidden; }
    .output2-art img { width: 20%; display: table; margin: 0 auto; }
    .output2-art .art-name { font-size: 1.5em; color: #343434; line-height: 1; text-align: center; padding: 1em 0; }
    .output2-art .art-con p { font-size: 0.8em; color: #343434; line-height: 1.5; }
    .output2-tab .output2-item:hover,.output2-tab .output2-item.active { background-color: #ffffff; }
    .output2-content .output2-art.active { display: block; }
    
    .product02 .output3 { padding: 3em 0; }
    .output3 .output3-main { overflow: hidden; position: relative; }
    .output3-main .output3-heap { width: 100%; position: static; }
    .output3-main .swiper-container .swiper-slide .output3-item { padding: 2em; background-repeat: no-repeat; background-position: center center; background-size: cover; }
    .output3-main .swiper-container .swiper-slide .output3-img { width: 100%; overflow: hidden; }
    .output3-img img { width: 100%; }
    .output3-item .output3-name { font-size: 1.2em; color: #ffffff; line-height: 1; font-weight: 800; text-align: center; padding-top: 1.5em; }
    .output3-item .line { width: 2.5em; height: 3px; background-color: #ffffff; margin: 0 auto; margin-top: 1em; }
    .output3-item .output3-con { font-size: 0.9em; color: #ffffff; line-height: 1.5; padding-top: 1em; }
    .output3-main .swiper-container .output3-button { display: none; background-image: none; font-size: 2em; color: #ffffff; line-height: 2em; text-align: center; background-color: #7f7f7f; margin-top: 0; width: 1em; height: 2em; border-radius: 5px; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; }
    .output3-main .swiper-container .swiper-button-prev { left: 0; }
    .output3-main .swiper-container .swiper-button-next { right: 0; }
    .output3-main .swiper-container .output3-button:hover { background-color: #c62b2b; }
    
    /* 巡检管理 */
    .product02-1 .censor1 { padding: 3em 0; }
    .censor1 .censor1-main { margin: 0 auto; margin-top: 3em; position: relative; }
    .censor1-main img { display: table; margin: 0 auto; }
    .censor1-main .censor1-box { width: 40%; position: absolute; }
    .censor1-box .censor1-num { width: 2em; height: 2em; border-radius: 50%; background-color: #ffffff; box-shadow: 1px 5px 5px 0 rgba(198, 43, 43, .3); position: absolute; top: 50%; transform: translateY(-50%); }
    .censor1-num p { font-size: 1.2em; color: #c62b2b; font-weight: 800; text-align: center; line-height: 1.7; }
    .censor1-box .censor1-con { font-size: 0.8em; color: #333333; line-height: 1.3; }
    .censor1-main .censor1-box:nth-of-type(1) .censor1-con,
    .censor1-main .censor1-box:nth-of-type(3) .censor1-con,
    .censor1-main .censor1-box:nth-of-type(7) .censor1-con,
    .censor1-main .censor1-box:nth-of-type(8) .censor1-con { padding-right: 3em; text-align: right; }
    .censor1-main .censor1-box:nth-of-type(1) .censor1-num,
    .censor1-main .censor1-box:nth-of-type(3) .censor1-num,
    .censor1-main .censor1-box:nth-of-type(7) .censor1-num,
    .censor1-main .censor1-box:nth-of-type(8) .censor1-num { right: 0; }
    .censor1-main .censor1-box:nth-of-type(2) .censor1-con,
    .censor1-main .censor1-box:nth-of-type(4) .censor1-con,
    .censor1-main .censor1-box:nth-of-type(5) .censor1-con,
    .censor1-main .censor1-box:nth-of-type(6) .censor1-con { padding-left: 3em; text-align: left; }
    .censor1-main .censor1-box:nth-of-type(2) .censor1-num,
    .censor1-main .censor1-box:nth-of-type(4) .censor1-num,
    .censor1-main .censor1-box:nth-of-type(5) .censor1-num,
    .censor1-main .censor1-box:nth-of-type(6) .censor1-num { left: 0; }
    
    .censor1-main .censor1-box:nth-of-type(1) { left: 2em; top: 2em; }
    .censor1-main .censor1-box:nth-of-type(2) { left: 39em; top: -0.5em; }
    .censor1-main .censor1-box:nth-of-type(3) { left: 4em; top: 8em; }
    .censor1-main .censor1-box:nth-of-type(4) { right: 0; top: 5em; }
    .censor1-main .censor1-box:nth-of-type(5) { right: 4em; top: 8em; }
    .censor1-main .censor1-box:nth-of-type(6) { right: 1em; bottom: 3em; }
    .censor1-main .censor1-box:nth-of-type(7) { left: 8em; bottom: 4em; }
    .censor1-main .censor1-box:nth-of-type(8) { left: -1em; bottom: 7em; }

    .product02-1 .censor2 { padding: 3em 0; background-color: #f5f5f5; }
    /* .censor2 .censor2-main { padding-top: 2em; }
    .censor2-main img { display: table; margin: 0 auto; } */
    .censor2 .censor2-main { padding-top: 2em; background-color: #f5f5f5; }
    .censor2-main .censor2-img img { width: 90%; display: table; margin: 0 auto; }
    .censor2-main .censor2-infor { padding-top: 7em; padding-left: 2em; }
    .censor2-infor p { font-size: 0.9em; color: #333333; line-height: 1.5; }

    .product02-1 .censor3 { padding: 3em 0 7em; background: url(../img/product/pro_02/pro_02_1/04.png) no-repeat center center; background-size: cover; }
    .censor3 .safetitle p { color: #ffffff; }
    .censor3 .censor3-main { padding-top: 3em; width: 65%; margin: 0 auto; }
    .censor3-main p { font-size: 0.9em; color: #ffffff; line-height: 1.5; text-align: center; }

    .product02-1 .censor4 { padding: 3em 0; background-color: #efefef; }
    .censor4 .censor4-main { margin-top: 2em; }
    .censor4-main li { position: static; }
    .censor4-main .censor4-tab { overflow: hidden; }
    .censor4-tab ul { text-align: justify; text-align-last: justify; }
    .censor4-tab .censor4-item { display: inline-block; width: 48%; padding: 1em; background-color: #808080; cursor: pointer; }
    .censor4-tab .censor4-item:nth-child(3),.censor4-tab .censor4-item:nth-child(4) { margin: 1em 0; }
    .censor4-item img { display: table; margin: 0 auto; }
    .censor4-item p { font-size: 1.1em; color: #ffffff; line-height: 1; font-weight: 800; text-align: center; text-align-last: center; padding-top: 0.5em; }
    .censor4-main .censor4-content { position: absolute; right: 0; width: 64%; }
    .censor4-content .censor4-con { display: none; height: 100%; padding: 5em 10em 3em; background-repeat: no-repeat; background-position: center center; background-size: cover; }
    .censor4-con .censor4-title { overflow: hidden; }
    .censor4-title p { font-size: 1.1em; color: #ffffff; line-height: 1; font-weight: 800; }
    .censor4-title .line { width: 2em; height: 2px; background-color: #ffffff; margin-top: 0.5em; }
    .censor4-con .censor4-text { padding-top: 1em; }
    .censor4-text p { font-size: 0.8em; color: #ffffff; line-height: 1.5; }
    .censor4-tab .censor4-item:hover,.censor4-tab .censor4-item.active { background-color: #c62b2b; }
    .censor4-content .censor4-con.active { display: block; }

    .product02-1 .censor5 { padding-bottom: 10em; }
    .censor5 .censor5-main { width: 63%; margin: 0 auto; padding: 3em 6em 8em; position: relative; }
    .censor5-main>img { position: absolute; top: 0; left: 0; }
    .censor5-main .safetitle .safetitle-con { color: #666666; }
    .censor5-main .censor5-heap { overflow: hidden; }
    .censor5-main .censor5-box { width: 13em; position: absolute; }
    .censor5-box img { position: absolute; }
    .censor5-box .censor5-text { overflow: hidden; }
    .censor5-text .censor5-name { font-size: 1em; color: #333333; line-height: 1; font-weight: 800; text-align: center; }
    .censor5-text .censor5-con { font-size: 0.8em; color: #333333; line-height: 1.3; padding-top: 1em; }
    .censor5-heap .censor5-box:nth-of-type(1) { left: -18%; top: 40%; }
    .censor5-heap .censor5-box:nth-of-type(2) { left: 9%; top: 93%; }
    .censor5-heap .censor5-box:nth-of-type(3) { left: 38%; bottom: -6em; }
    .censor5-heap .censor5-box:nth-of-type(4) { right: 5%; top: 89%; }
    .censor5-heap .censor5-box:nth-of-type(5) { right: -18%; top: 40%; }
    .censor5-heap .censor5-box:nth-of-type(1) img { top: -30%; right: -10%; }
    .censor5-heap .censor5-box:nth-of-type(2) img { top: -4em; left: 50%; transform: translateX(-50%); }
    .censor5-heap .censor5-box:nth-of-type(3) img { top: -90%; left: 50%; transform: translateX(-50%); }
    .censor5-heap .censor5-box:nth-of-type(4) img { top: -4em; left: 24%; }
    .censor5-heap .censor5-box:nth-of-type(5) img { top: -40%; left: -10%; }
    .product02-1 + .product-link { background-color: #f5f5f5; }

    .product02-1 .censor6 { padding: 3em 0; background-color: #f5f5f5; }
    .censor6 .censor6-main { padding-top: 2em; }
    .censor6-main img { display: table; margin: 0 auto; }
    /* .censor6 .censor6-main { padding-top: 2em; background-color: #f5f5f5; }
    .censor6-main .censor6-img img { width: 90%; display: table; margin: 0 auto; }
    .censor6-main .censor6-infor { padding-top: 7em; padding-left: 2em; }
    .censor6-infor p { font-size: 0.9em; color: #333333; line-height: 1.5; } */

    .product02-1 .censor7 { padding: 3em 0 15em; background: url(../img/product/pro_02/pro_02_1/04.png) no-repeat center center; background-size: cover; }
    .censor7 .safetitle p { color: #ffffff; }
    .censor7 .censor7-main { padding-top: 3em; width: 65%; margin: 0 auto; }
    .censor7-main p { font-size: 0.9em; color: #ffffff; line-height: 1.5; text-align: center; }

    /* 安全检查 */
    .product02-1 .security3 { padding: 3em 0; background: url(../img/product/pro_02/pro_02_1/07.png) no-repeat center center; background-size: cover; }
    .security3 .safetitle p { color: #ffffff; }
    .security3 .security3-main { padding-top: 3em; }
    .security3-main ul { text-align: center; text-align-last: center; }
    .security3-main .security3-item { width: 17%; display: inline-block; vertical-align: top; margin: 0 2em; }
    .security3-item img { display: table; margin: 0 auto; }
    .security3-item p { font-size: 0.9em; color: #ffffff; line-height: 1.5; text-align: center; text-align-last: center; padding-top: 1em; }

    .product02-1 .security6 { padding: 5em 0; background-color: #fafafa; overflow: hidden; position: relative; }
    .security6 .security6-main { overflow: hidden; }
    .security6-main .security6-img { position: static; }
    .security6-main .security6-img img { position: absolute; left: 0; top: 50%; width: 50%; transform: translateY(-50%); }
    .security6 .security6-infor { padding-left: 3em; }
    .security6-infor .security6-text { padding-top: 1em; }
    .security6-text p { font-size: 0.9em; color: #333333; line-height: 1.5; }

    /* 数据采集 */
    .product02-2 .data1 { padding: 3em 0; }
    .data1 .data1-main { padding-top: 1em; }
    .data1-main img { display: table; margin: 0 auto; }

    .product02-2 .data2 { padding: 3em 0 1em; background-color: #fafafa; }
    .data2 .data2-main { padding: 6em 0; position: relative; }
    .data2-main .data2-img { display: table; margin: 0 auto; }
    .data2-main .data2-bg { display: none; width: 60%; margin: 0 auto; }
    .data2-main .data2-heap { overflow: hidden; }
    .data2-heap .data2-item { width: 12em; position: absolute; }
    .data2-item .data2-name { font-size: 0.9em; color: #c62b2b; line-height: 1; font-weight: 800; text-align: center; }
    .data2-item .data2-con { font-size: 0.8em; color: #666666; line-height: 1.5; padding-top: 0.5em; }
    .data2-heap .data2-item:nth-child(1) { left: 30%; top: 13%; }
    .data2-heap .data2-item:nth-child(2) { left: 47%; top: 5%; }
    .data2-heap .data2-item:nth-child(3) { right: 20%; top: 13%; }
    .data2-heap .data2-item:nth-child(4) { right: 11%; top: 27%; }
    .data2-heap .data2-item:nth-child(5) { right: 9%; bottom: 42%; }
    .data2-heap .data2-item:nth-child(6) { right: 10%; bottom: 28%; }
    .data2-heap .data2-item:nth-child(7) { right: 19%; bottom: 10%; }
    .data2-heap .data2-item:nth-child(8) { left: 46%; bottom: 4%; }
    .data2-heap .data2-item:nth-child(9) { left: 28%; bottom: 8%; }
    .data2-heap .data2-item:nth-child(10) { left: 17%; bottom: 20%; }
    .data2-heap .data2-item:nth-child(11) { left: 10%; top: 46%; }
    .data2-heap .data2-item:nth-child(12) { left: 12%; top: 29%; }

    .product02-2 .data3 { padding: 3em 0; }
    .data3 .data3-main { overflow: hidden; }
    .data3 .data3-img img { width: 90%; display: table; margin: 0 auto; }
    .data3 .data3-infor { padding-top: 5em; padding-left: 3em; padding-right: 2em; }
    .sidetitle { display: inline-block; }
    .sidetitle p { font-size: 1.5em; color: #010101; line-height: 1; font-weight: 800; }
    .sidetitle .line1 { width: 30px; height: 4px; background-color: #c62b2b; margin-top: 1em; position: relative; z-index: 20; }
    .sidetitle .line2 { width: 100%; height: 2px; background-color: #cccccc; margin-top: -3px; position: relative; z-index: 10; }
    .data3-infor .data3-text { padding-top: 1em; }
    .data3-text p { font-size: 0.8em; color: #333333; line-height: 1.5; }

    .product02-2 .data4 { padding: 3em 0; background: url(../img/product/pro_02/pro_02_2/05.png) no-repeat center center; background-size: cover; }
    .data4 .data4-main { overflow: hidden; }
    .data4 .data4-img img { width: 100%; }
    .data4 .data4-infor { padding-top: 2em; padding-right: 5em; }
    .data4-infor .sidetitle p { color: #ffffff; }
    .sidetitle .line1 { width: 30px; height: 4px; background-color: #c62b2b; margin-top: 1em; position: relative; z-index: 20; }
    .sidetitle .line2 { width: 100%; height: 2px; background-color: #cccccc; margin-top: -3px; position: relative; z-index: 10; }
    .data4-infor .data4-text { padding-top: 1.5em; }
    .data4-text p { font-size: 0.8em; color: #ffffff; line-height: 1.5; }

    .product02-2 .data5 { padding: 3em 0; background-color: #fafafa; }
    .data5 .data5-main { padding-top: 3em; }
    .data5-main .data5-item { padding: 1em 2em; }
    .data5-item img { display: table; margin: 0 auto; }
    .data5-item .data5-name { font-size: 1.2em; color: #010101; line-height: 1; font-weight: 800; text-align: center; padding: 1em 0 0.5em; }
    .data5-item .data5-con { font-size: 0.8em; color: #010101; line-height: 1.5; }
    .data5-main .data5-line { width: 2px; height: 100%; background-color: #e6e6e6; position: absolute; top: 0; }
    .data5-line .top { width: 4px; height: 1.3em; background-color: #c62b2b; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
    .data5-main .line1 { left: 0; }
    .data5-main .line2 { right: 0; }

    /* 维修保修 */
    .product02-3 .repair1 { padding: 3em 0; background-color: #fafafa; }
    .repair1 .repair1-main { padding-top: 2em; }
    .repair1-main img { display: table; margin: 0 auto; }

    .product02-3 .repair2 { padding: 9em 0; background: url(../img/product/pro_02/pro_02_3/02.png) no-repeat center center; background-size: cover; }
    .repair2 .repair2-main { overflow: hidden; }
    .repair2 .repair2-infor { width: 50%; padding: 1.5em; border: 1px dashed #c62b2b; background-color: rgba(255, 255, 255, .7); }
    .repair2-infor .repair2-text { padding-top: 1.5em; }
    .repair2-text p { font-size: 0.8em; color: #333333; line-height: 1.5; }

    .product02-3 .repair3 { padding: 3em 0; }
    .repair3 .repair3-main { padding-top: 2em; }
    .repair3-main img { display: table; margin: 0 auto; }

    .product02-3 .repair4 { background-color: #ebebeb; }
    .repair4 .repair4-main { overflow: hidden; }
    .repair4 .repair4-img img { width: 100%; }
    .repair4 .repair4-infor { padding-top: 8em; padding-left: 3em; }
    .repair4-infor .repair4-text { padding-top: 1em; }
    .repair4-text p { font-size: 0.8em; color: #333333; line-height: 1.5; }

    .product02-3 .repair5 { padding: 6em 0; background-color: #fafafa; overflow: hidden; position: relative; }
    .repair5 .repair5-main { overflow: hidden; }
    .repair5-main .repair5-img { position: static; }
    .repair5-main .repair5-img img { position: absolute; right: 0; top: 50%; width: 50%; transform: translateY(-50%); }
    .repair5 .repair5-infor { padding-right: 2em; }
    .repair5-infor .repair5-text { padding-top: 1em; }
    .repair5-text p { font-size: 0.8em; color: #333333; line-height: 1.5; }

    /* 设备管理 */
    .product02-4 .device1 { padding: 3em 0; }
    .device1 .device1-main { width: 80%; height: 27em; margin: 0 auto; margin-top: 3em; position: relative; }
    .device1-main .device1-box { position: absolute; }
    .device1-main .device1-box img { position: relative; z-index: 20; }
    .device1-box .device1-infor { position: absolute; }
    .device1-infor p { font-size: 0.9em; color: #333333; line-height: 1.3; }

    .device1-box1 { top: 30%; left: 21%; z-index: 10; }
    .device1-box1 .infor1 { width: 15em; height: 5em; border: 1px dashed #333333; top: -40%; right: -40%; z-index: 10; }
    .infor1 .device1-text { width: 13em; height: 5em; padding-top: 0.5em; position: absolute; top: 0; right: 2em; background-color: #ffffff; }
    .device1-box2 { bottom: 14%; left: 27%; z-index: 20; }
    .device1-box2 .infor2 { width: 22em; height: 4em; border: 1px dashed #333333; bottom: -20%; right: -40%; z-index: 10; }
    .infor2 .device1-text { width: 16em; height: 4em; padding-top: 0.5em; position: absolute; top: -2px; right: 6em; background-color: #ffffff; }
    .infor2 p { position: absolute; left: 0; bottom: 0.5em; }
    .device1-box3 { top: 19%; right: 51%; z-index: 10; }
    .device1-box3 .infor3 { width: 21em; height: 5em; padding-top: 0.5em; border-top: 1px dashed #333333; border-right: 1px dashed #333333; top: -40%; right: 50%; }
    .device1-box4 { bottom: 10%; left: 51%; z-index: 20; }
    .device1-box4 .infor4 { width: 21em; height: 5em; border-bottom: 1px dashed #333333; border-left: 1px dashed #333333; bottom: -21%; left: 50%; }
    .infor4 p { position: absolute; right: 0; bottom: 0.5em; }
    .device1-box5 { top: 17%; right: 29%; z-index: 10; }
    .device1-box5 .infor5 { width: 14em; height: 5em; border-top: 1px dashed #333333; border-left: 1px dashed #333333; top: -50%; left: 50%; }
    .infor5 p { position: absolute; right: 0; top: 0.5em; }
    .device1-box6 { bottom: 27%; right: 22%; z-index: 10; }
    .device1-box6 .infor6 { width: 17em; height: 5em; border: 1px dashed #333333; bottom: -15%; left: -40%; z-index: 10; }
    .infor6 .device1-text { width: 16em; height: 5em; padding-top: 0.5em; position: absolute; top: -2px; left: 2em; background-color: #ffffff; }
    .infor6 p { position: absolute; right: 0; bottom: 0.5em; }

    .product02-4 .device2 { padding: 3em 0; background-color: #f5f5f5; }
    .device2 .device2-small { display: none; }
    .device2 .device2-main { position: relative; }
    .device2-main ul { text-align: justify; text-align-last: justify; }
    .device2-main .device2-item { width: 19%; margin-top: 0.5em; display: inline-block; vertical-align: top; }
    .device2-main .device2-item img { width: 100%; }
    /* .device2-main .device2-infor { border: 4px solid #c72c2c; }
    .device2-infor .device2-text { overflow: hidden; }
    .device2-text .device2-name { font-size: 1.2em; color: #333333; line-height: 1; font-weight: 800; text-align: center; text-align-last: center; }
    .device2-text .device2-con { font-size: 0.8em; color: #333333; line-height: 1.5; text-align: left; text-align-last: left; padding-top: 1em; } */
    .device2-main .device2-title { padding: 5em 1em 0; }
    .device2-main .device2-title .safetitle { padding: 0; text-align-last: center; }
    .device2-title .safetitle .safetitle-con { color: #010101; }
    

    .product02-4 .device3 { padding: 3em 0; }
    .device3 .device3-main { padding-top: 2em; }
    .device3-main img { display: table; margin: 0 auto; }

    .product02-4 .inter4 { padding: 3em 0 4em; background: url(../img/product/pro_01/pro_01_7/04.png) no-repeat center center; background-size: cover; }

    .product02-4 .device5 { padding: 3em 0; background-color: #f5f5f5; }
    .device5 .device5-main { padding-top: 2em; width: 85%; margin: 0 auto; }
    .device5-main .device5-heap { position: relative; z-index: 30; }
    .device5-heap ul { text-align: justify; text-align-last: justify; }
    .device5-heap .device5-item { width: 28%; padding: 1em; margin: 0 1.5em 1.5em; display: inline-block; vertical-align: top; }
    .device5-item p { font-size: 0.8em; color: #ffffff; line-height: 1.5; font-weight: 800; text-align-last: left; }
    .device5-heap .device5-item:nth-child(2) { padding-top: 4em; }
    .device5-heap .device5-item:nth-child(1),.device5-heap .device5-item:nth-child(3) { background-color: #72aab2; }
    .device5-heap .device5-item:nth-child(2),.device5-heap .device5-item:nth-child(6) { background-color: #ea502c; }
    .device5-heap .device5-item:nth-child(4) { background-color: #ccb77f; }
    .device5-heap .device5-item:nth-child(5) { background-color: #7b5f56; }
    .device5-heap .device5-item:nth-child(4),.device5-heap .device5-item:nth-child(5),.device5-heap .device5-item:nth-child(6) { transform: translateX(20%); }
    .device5-main .device5-order { padding-top: 1em; position: relative; z-index: 20; }
    .device5-order .order-box { float: left; margin-right: 6.5em; }
    .device5-order .order-box:last-child { margin-right: 0; }
    .order-box .order-circle { width: 3em; height: 3em; border-radius: 50%; background-color: #898989; margin: 0 auto; position: relative; }
    .order-circle .order-circle1 { width: 60%; height: 60%; border-radius: 50%; background-color: #ffffff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
    .order-circle .order-circle2 { width: 60%; height: 60%; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
    .order-box .order-circle::before { content: ""; width: 0.3em; background-color: #74a7ae; position: absolute; left: 50%; bottom: 3em; transform: translateX(-50%); }
    .order-box .order-circle::after { content: ""; width: 10em; height: 0.8em; background-color: #898989; position: absolute; left: 2.5em; top: 50%; transform: translateY(-50%); }
    .order-box p { font-size: 1.3em; color: #6c6c6c; line-height: 1; font-weight: 800; padding-top: 0.5em; }
    .device5-order .order-box:nth-child(2n+1) .order-circle::before { height: 14em; }
    .device5-order .order-box:nth-child(2n) .order-circle::before { height: 3em; }
    .device5-order .order-box:last-child .order-circle::after { width: 0; }
    .device5-order .order-box:nth-child(1) .order-circle2,.device5-order .order-box:nth-child(1) .order-circle::before { background-color: #74a7ae; }
    .device5-order .order-box:nth-child(2) .order-circle2,.device5-order .order-box:nth-child(2) .order-circle::before { background-color: #ccb77f; }
    .device5-order .order-box:nth-child(3) .order-circle2,.device5-order .order-box:nth-child(3) .order-circle::before { background-color: #ea502c; }
    .device5-order .order-box:nth-child(4) .order-circle2,.device5-order .order-box:nth-child(4) .order-circle::before { background-color: #7b6057; }
    .device5-order .order-box:nth-child(5) .order-circle2,.device5-order .order-box:nth-child(5) .order-circle::before { background-color: #74a7ae; }
    .device5-order .order-box:nth-child(6) .order-circle2,.device5-order .order-box:nth-child(6) .order-circle::before { background-color: #ea502c; }
    

    /* GPS */
    .product02-5 .gps1 { padding: 3em 0; }
    .gps1 .gps1-main { padding-top: 1em; }
    .gps1-main img { width: 60%; display: table; margin: 0 auto; }

    .product02-5 .gps2 { padding: 6em 0; background-color: #ece9ec; overflow: hidden; position: relative; }
    .gps2 .gps2-main { overflow: hidden; }
    .gps2-main .gps2-img { position: static; }
    .gps2-main .gps2-img img { position: absolute; left: 0; top: 0; width: 50%;}
    .gps2 .gps2-infor { padding-left: 4em; }
    .gps2-infor .gps2-text { padding-top: 1em; }
    .gps2-text p { font-size: 0.9em; color: #333333; line-height: 1.5; }

    .product02-5 .gps3 { padding: 3em 0; }
    .gps3 .gps3-main { overflow: hidden; }
    .gps3-main .gps3-box { padding-top: 3em; position: relative; }
    .gps3-main .gps3-box:nth-child(2n+1) .gps3-infor { padding-right: 3em; }
    .gps3-main .gps3-box:nth-child(2n) .gps3-infor { padding-left: 3em; }
    .gps3-infor .gps3-text { padding-top: 1.5em; }
    .gps3-text .gps3-name { font-size: 1.2em; color: #c62b2b; line-height: 1; font-weight: 800; }
    .gps3-text .gps3-con { font-size: 0.8em; color: #333333; line-height: 1.5; padding-top: 0.75em; }
    .gps3-box .gps3-img img { display: table; margin: 0 auto; }

    .product02-5 .gps4 { padding: 3em 0; background-color: #f5f5f5; }
    .gps4 .gps4-main { padding-top: 1em; }
    .gps4-main img { display: table; margin: 0 auto; }

    /* 备件管理 */
    .product02-6 .spare1 { padding: 3em 0; }
    .spare1 .spare1-main { padding-top: 1em; }
    .spare1-main img { display: table; margin: 0 auto; }

    .product02-6 .spare2 { padding: 3em 0; background: url(../img/product/pro_02/pro_02_6/02.png) no-repeat center center; background-size: cover; }
    .spare2 .safetitle p { color: #ffffff; }
    .spare2 .spare2-main { padding-top: 2em; }
    .spare2-main ul { text-align: center; text-align-last: center; }
    .spare2-main .spare2-item { width: 20%; margin: 0 1em; display: inline-block; vertical-align: top; }
    .spare2-item .spare2-title { padding-left: 2em; overflow: hidden; position: relative; z-index: 20; }
    .spare2-title .spare2-num { width: 2.4em; height: 2.4em; background-color: #808080; float: left; }
    .spare2-num p { font-size: 1.3em; color: #ffffff; line-height: 1.8; font-weight: 800; text-align: center; text-align-last: center; }
    .spare2-title .spare2-name { font-size: 1.1em; color: #ffffff; line-height: 1; font-weight: 800; float: left; padding-left: 2em; padding-top: 0.4em; }
    .spare2-item .spare2-con { padding: 1em; background-color: #c62b2b; transform: translateY(-0.5em); position: relative; z-index: 10; display: table-cell; vertical-align: middle; }
    .spare2-con p { font-size: 0.8em; color: #ffffff; line-height: 1.5; text-align: left; text-align-last: left; }

    .product02-6 .spare3 { padding: 3em 0; }
    .spare3 .spare3-main { padding-top: 5em; }
    .spare3-main ul { text-align: center; text-align-last: center; }
    .spare3-main .spare3-item { width: 25%; margin: 0 1.5em; position: relative; display: inline-block; vertical-align: top; }
    .spare3-item .spare3-num { width: 4.2em; position: absolute; top: -3.6em; left: 50%; transform: translateX(-50%);  z-index: 20; }
    .spare3-num img { width: 100%; }
    .spare3-num p { font-size: 2.4em; color: #ffffff; line-height: 1; font-weight: 800; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
    .spare3-item .spare3-con { padding: 1.5em 1.5em 1em; border: 1px solid #c62b2b; border-radius: 15px; position: relative; z-index: 10; display: table-cell; vertical-align: middle; }
    .spare3-con p { font-size: 0.8em; color: #000000; line-height: 1.5; text-align: left; text-align-last: left; }

    .product02-6 .spare4 { padding: 3em 0; background-color: #f5f5f5; }
    .spare4 .spare4-main { padding-top: 1em; }
    .spare4-main ul { text-align: justify; text-align-last: center; }
    .spare4-main .spare4-item { width: 22%; margin: 1em 1em 0; display: inline-block; vertical-align: top; }
    .spare4-main .spare4-item:last-child { display: none; }
    .spare4-item img { width: 100%; }

    /*-------- 自定义 --------*/
    .zdy { padding: 2em 0; }
    .zdy .zdy-main { padding: 0 2em; }
    .zdy-main h1 { font-size: 1.4em; color: #000000; line-height: 1.3; font-weight: 800; text-align: center; margin: 0; }
    .zdy-main h2 { font-size: 0.9em; color: #000000; line-height: 1.3; font-weight: 800; text-indent: 2em; margin: 1em 0 0; }
    .zdy-main p { font-size: 0.8em; color: #333333; line-height: 1.9; text-indent: 2em; margin-top: 0.5em; }
    .zdy-main img { width: 70%; display: table; margin: 0 auto; margin-top: 1em; }
    
    
    /*-------- Media --------*/
    @media screen and (max-width:1650px) {
        .header .logo { width: 18%; }
        .header .head-nav { width: 82%; }

        .iservice-main .iservice-box { padding: 1em 1em 3em; }
        .iservice-box img { width: 70%; }
        .iservice-hover .iserHover-heap { width: 40%; }


        .idirec-icons .idirec-i { margin: 0 2.5em; }
        .idirec-t .idirec-con { padding: 0 4em; }
        .idirec-item .idirec-item-l { width: 18%; }
        .idirec-item .idirec-item-r { padding-top: 0; }
        .idirec-item .idirec-item-r { width: 82%; }

        /* .islove .islove-img { height: 21em; }
        .islove .islove-img img { height: 100%; width: auto; } */
        .islove .islove-r { padding-top: 1em; }
        .islove-r .islove-tab { margin-top: 0.5em; }
        .islove-tab .islove-btn { margin-right: 0.8em; }
        .islove-r .islove-content { padding-top: 2em; }

        .inews-main>ul>li:first-of-type { padding-right: 2em; }
        .inews-main>ul>li:last-of-type { padding-left: 2em; }
        .inews-l .inewsl-img { height: 17em; }
        .inewsl-img img { height: 100%; width: auto; }
        .inews-item .inewsr-date { padding: 0.5em 0; }
        .inewsr-date .inewsr-month { font-size: 2.4em; }
        .inewsr-date .inewsr-year { font-size: 0.7em; letter-spacing: 0; }

        .trait-heap .trait-item { margin: 0 2.5em; }

        /* .inset-tab { width: 60%; } */
        /* .inset-tab li:nth-child(10) .line { margin-top: 0; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
        .inset-tab li:nth-child(10) .line:before { border-bottom: 5px solid transparent; border-top: 5px solid #c62b2b; top: 2px; } */

        .contactus-item p { padding-right: 0.5em; }
        .contactus-heap .contactus-item:nth-child(2) { margin-right: 1em; }

        .psaf7-text .psaf7-con { font-size: 0.8em; }

        .danger3 .danger3-main { padding-top: 7em; }
        .danger3-main .danger3-item { padding: 5.5em 1em 1em; }
        .danger3-item .danger3-name { width: 9em; height: 9em; }
        .danger3-name p { width: 72%; font-size: 1em; }
        .danger3-text p { font-size: 0.8em; }

        .danger4-main .danger4-item { padding: 3em 2em 1.5em; }

        .opera1-main .opera1-text { padding-top: 1em; }

        .opera3-item .opera3-img { width: 16%; }
        .opera3-item .opera3-text { width: 84%; }

        .train4-main .train4-heap { width: 90%; }

        .inter4-main .inter4-heap { width: 100%; }

        .hardware02-tab .hardware02-btn { margin-right: 1em; }

        .output1 .output1-main { width: 1250px; margin: 0 auto; padding-top: 3em; }
        .output1-main .output1-bg { width: 100%; }
        .output1-box img { width: 90%; }
        .output1-main .output1-box:nth-of-type(1) .output1-border { width: 12em; height: 2em;  top: -45%; right: 50%; }
        .output1-main .output1-box:nth-of-type(2) .output1-border { width: 17em; height: 2em; top: -45%; right: 50%; }
        .output1-main .output1-box:nth-of-type(3) .output1-border { width: 12em; height: 2em; top: -45%; right: 50%; }
        .output1-main .output1-box:nth-of-type(4) .output1-border { width: 6em; height: 2em; top: 45%; right: 105%; }
        .output1-main .output1-box:nth-of-type(5) .output1-border { width: 6em; height: 2em; top: 45%; left: 105%; }
        .output1-main .output1-box:nth-of-type(6) .output1-border { width: 7em; height: 2em; top: 45%; left: 105%; }
        .output1-main .output1-box:nth-of-type(7) .output1-border { width: 10em; height: 2em; top:-40%; left: 50%; }    
        .output1-main .output1-box:nth-of-type(1) { left: 50%; bottom: -8%; }
        .output1-main .output1-box:nth-of-type(2) { right: 3%; bottom: 34%; }
        .output1-main .output1-box:nth-of-type(3) { right: 20%; bottom: 11%; }
        .output1-main .output1-box:nth-of-type(4) { right: 11%; top: 5%; }
        .output1-main .output1-box:nth-of-type(5) { left: 0; top: 18%; }
        .output1-main .output1-box:nth-of-type(6) { left: 20%; top: 7%; }
        .output1-main .output1-box:nth-of-type(7) { left: 3%; top: 75%; }

        .censor1 .censor1-main { width: 1180px; }
        .censor1-main img { width: 19em; }
        .censor1-main .censor1-box { width: 32%; }
        .censor1-main .censor1-box:nth-of-type(1) { left: 5em; top: 2em; }
        .censor1-main .censor1-box:nth-of-type(2) { left: 29em; top: -0.5em; }
        .censor1-main .censor1-box:nth-of-type(3) { left: 2em; top: 8em; }
        .censor1-main .censor1-box:nth-of-type(4) { right: 3em; top: 5em; }
        .censor1-main .censor1-box:nth-of-type(5) { right: 7em; top: 8em; }
        .censor1-main .censor1-box:nth-of-type(6) { right: 4em; bottom: 3em; }
        .censor1-main .censor1-box:nth-of-type(7) { left: 11em; bottom: 3em; }
        .censor1-main .censor1-box:nth-of-type(8) { left: 3em; bottom: 6em; }

        .product02-1 .censor5 { padding-bottom: 6em; }
        .censor5 .censor5-main { width: 860px; height: 430px; padding: 3em 0; }
        .censor5-main .safetitle { padding: 0 10em; }
        .censor5-main>img { width: 100%; }
        .censor5-heap .censor5-box:nth-of-type(1) { left: -19%; top: 40%; }
        .censor5-heap .censor5-box:nth-of-type(2) { left: 8%; top: 75%; }
        .censor5-heap .censor5-box:nth-of-type(3) { left: 38%; bottom: -2em; }
        .censor5-heap .censor5-box:nth-of-type(4) { right: 0%; top: 69%; }
        .censor5-heap .censor5-box:nth-of-type(5) { right: -20%; top: 40%; }

        .censor6-main img { width: 80%; }

        .data2 .data2-main { width: 1190px; margin: 0 auto; }
        .data2-main .data2-img { width: 55%; }
        .data2-heap .data2-item:nth-child(1) { left: 25%; top: 13%; }
        .data2-heap .data2-item:nth-child(2) { left: 47%; top: 5%; }
        .data2-heap .data2-item:nth-child(3) { right: 14%; top: 13%; }
        .data2-heap .data2-item:nth-child(4) { right: 3%; top: 27%; }
        .data2-heap .data2-item:nth-child(5) { right: 1%; bottom: 42%; }
        .data2-heap .data2-item:nth-child(6) { right: 2%; bottom: 28%; }
        .data2-heap .data2-item:nth-child(7) { right: 13%; bottom: 10%; }
        .data2-heap .data2-item:nth-child(8) { left: 43%; bottom: 4%; }
        .data2-heap .data2-item:nth-child(9) { left: 21%; bottom: 8%; }
        .data2-heap .data2-item:nth-child(10) { left: 11%; bottom: 20%; }
        .data2-heap .data2-item:nth-child(11) { left: 3%; top: 46%; }
        .data2-heap .data2-item:nth-child(12) { left: 4%; top: 29%; }

        .product02-3 .repair2 { padding: 5em 0; }

        .repair4 .repair4-infor { padding-top: 5em; }

        .product01-3 .equip3 { padding: 6em 0; }

        .gps3-box .gps3-img img { width: 100%; }

        .device1 .device1-main { width: 1150px; }
        .device1-box1 { top: 30%; left: 19%; }
        .device1-box2 { bottom: 11%; left: 27%; }
        .device1-box3 { top: 19%; right: 51%; }
        .device1-box4 { bottom: 10%; left: 51%; }
        .device1-box5 { top: 17%; right: 29%; }
        .device1-box6 { bottom: 27%; right: 19%; }

        .device5 .device5-main { width: 1050px; }
        .device5-heap .device5-item { width: 29%; margin: 0 1em 1.5em; }
        .device5-order .order-box { margin-right: 3.7em; }
        .device5-order .order-box:nth-child(2n+1) .order-circle::before { height: 15em; }
        .order-box .order-circle::after { width: 9em; }

        .equip2-item img { width: 90%; }

        .spare4-main .spare4-item { width: 21%; }

        .pos2-tab .pos2-item { margin: 0 1.5em; }

        .psaf4 .psaf4-infor { padding-top: 3em; }

        /* .psafe-main .psafe-box7 { left: 3%; top: 40%; } */
    }

    @media screen and (max-width:1620px) {
        .iservice-main .iservice-film { margin: 0.5em; }
        .iservice-main .iservice-hover { padding: 2em 1em; }
        .iservice-hover .iservice-more { padding: 0.5em 0; width: 50%; }
        
        .islove .islove-img img { width: 95%; }
        .islove .islove-r { padding-top: 0.5em; }
        
        .trait-heap .trait-item { margin: 0 2em; }

        .history-box .history-infor { padding-top: 1em; }

        .contactus-heap .contactus-item:first-of-type p:last-of-type { padding-left: 2em; }

        .case-t .case-t-infor { padding-top: 1em; }

        .opera3-text .opera3-con { font-size: 0.8em; }

        .censor2-main .censor2-infor { padding-top: 6em; }
        .censor2-infor p { font-size: 0.8em; }

        .product01-7 .inter2 { padding: 4em 0; }
        .inter2-text p { line-height: 1.7; }

        .pos2-con .pos2-img { width: 85%; }

        .pos3 .pos3-infor { padding-top: 8em; }

        .censor2-main img { width: 90%; }

        .data4 .data4-infor { padding-top: 0; }
        .data4-main .data4-img { padding-top: 1em; }

        .product02-3 .repair5 { padding: 4em 0; }
        .product02-5 .gps2 { padding: 4em 0; }
        .gps1-main img { width: 60%; }

        .security3-main .security3-item { width: 20%; margin: 0 1em; }
    }

    @media screen and (max-width:1550px) {
        .opera1-main p { font-size: 0.8em; }

        .pos1 .pos1-infor { padding: 3em 3em 0; }

        .pos2-tab .pos2-item { margin: 0 0.9em; }

        .hardware02 .hardware02-img { padding-right: 2em; }
        .hardware02 .hardware02-r { padding-left: 2em; }
        .hardware02-tab .hardware02-btn { margin-right: 0.5em; }

        .prodetails-t .prodetails-infor { padding-top: 2em; }

        .output2-art .art-name { font-size: 1.3em; }

        .equip1-main .equip1-item { margin: 0 3em; }
    }

    @media screen and (max-width:1510px) {
        /* .inset-tab { width: 58%; } */
        .inset-tab li:nth-child(9) .line { margin-top: 0; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
        .inset-tab li:nth-child(9) .line:before { border-bottom: 5px solid transparent; border-top: 5px solid #c62b2b; top: 2px; }

        .culture-box .culture-text { padding: 5em 4em 0; }

        .psafe-main .psafe-box { width: 3em; }
        .psafe-box p { font-size: 0.7em; }
        .psafe-main .psafe-box1 {left: 25%;top: 18%;}
        .psafe-main .psafe-box2 {left: 36%;top: 15%;}
        .psafe-main .psafe-box3 {left: 43%;top: 15%;}
        .psafe-main .psafe-box4 {right: 42%;top: 16%;}
        .psafe-main .psafe-box5 {right: 34%;top: 14%;}
        .psafe-main .psafe-box6 {right: 26%;top: 19%;}
        .psafe-main .psafe-box7 {left: 20%;top: 43%;}

        .opera2 .opera2-img img { width: 100%; }

        .train1 .train1-main { padding-top: 7em; }
        .train1-item img { width: 4em; }
        .train1-item p { font-size: 0.8em; }

        .inter1-main img { width: 100%; }
        .gps3-main .gps3-box:nth-child(2n+1) .gps3-infor { padding-right: 1em; }
        .gps3-main .gps3-box:nth-child(2n) .gps3-infor { padding-left: 1em; }

        .gps4-main img { width: 90%; }

        .device2-main .device2-title { padding: 4em 1em 0; }
        .device2-title .safetitle .safetitle-con { font-size: 0.7em; }

        .gps2-text p { font-size: 0.8em; }
    }

    @media screen and (max-width:1480px) {
        .iservice-main .iservice-film { margin: 0; }
        
        .iservice-hover .iserHover-heap { width: 45%; }
        
        .islove-r .sltitle .sltitle-ch { font-size: 1.2em; }
        .sltitle .sltitle-en { font-size: 0.8em; }
        .sltitle .line { margin-top: 0.75em; }
        .islove-r .islove-tab { width: 100%; }
        .islove-btn a { font-size: 1em; }
        .islove-r .islove-content { padding-top: 1.5em; }
        .islove-content .islove-name { font-size: 1.2em; }
        
        .trait-heap .trait-item { margin: 0 1.5em; }

        .history-text p { line-height: 1.7; }

        .newslist-title .newslist-name { width: 70%; }

        .stitle,.safetitle { padding: 0 3em; }
        .prisk-main .prisk-item { margin: 0 0.5em; }

        .danger4-main img { width: 70%; }
        /* .danger4-main .danger4-item { padding: 1em; }
        .danger4-item img { width: 30%; }
        .danger4-item .danger4-text { padding-top: 1em; } */

        .opera3-main .opera3-item { padding: 1em 2em; }

        .opera4-main .opera4-item { padding: 5em 2em 1em; }

        .inter3-main img { width: 90%; }

        .inter4 .inter4-main { padding-top: 2em; }
        .inter4-heap .inter4-l { padding-right: 7.5em; }
        .inter4-heap .inter4-r { padding-left: 7.5em; }
        .inter4-item .inter4-con { width: 83%; }
        .inter4-item img { width: 17%; }
        .inter4-heap>img { width: 15.8em; }

        .output1 .output1-main { width: 1050px; }
        .output1-main .output1-box:nth-of-type(1) .output1-border { width: 10em; height: 1.5em;  top: -45%; right: 50%; }
        .output1-main .output1-box:nth-of-type(2) .output1-border { width: 13em; height: 1.5em; top: -40%; right: 50%; }
        .output1-main .output1-box:nth-of-type(3) .output1-border { width: 10em; height: 1.5em; top: -40%; right: 50%; }
        .output1-main .output1-box:nth-of-type(4) .output1-border { width: 5em; height: 2em; top: 45%; right: 105%; }
        .output1-main .output1-box:nth-of-type(5) .output1-border { width: 4em; height: 1.5em; top: 40%; left: 105%; }
        .output1-main .output1-box:nth-of-type(6) .output1-border { width: 4em; height: 2em; top: 45%; left: 105%; }
        .output1-main .output1-box:nth-of-type(7) .output1-border { width: 9em; height: 2em; top:-40%; left: 50%; } 
        .output1-main .output1-box:nth-of-type(1) { left: 52%; bottom: -10%; }
        .output1-main .output1-box:nth-of-type(2) { right: 3%; bottom: 28%; }
        .output1-main .output1-box:nth-of-type(3) { right: 20%; bottom: 6%; }
        .output1-main .output1-box:nth-of-type(4) { right: 10%; top: 4%; }
        .output1-main .output1-box:nth-of-type(5) { left: 0; top: 20%; }
        .output1-main .output1-box:nth-of-type(6) { left: 18%; top: 7%; }
        .output1-main .output1-box:nth-of-type(7) { left: 2%; top: 77%; }

        .output3-main .swiper-container .swiper-slide .output3-item { padding: 1em; }
        .output3-item .output3-name { font-size: 1.1em; padding-top: 1em; }
        .output3-item .output3-con { font-size: 0.8em; }

        .data3 .data3-infor { padding-top: 3em; }

        .data4 .data4-infor { padding-right: 2em; }

        .data5-item img { width: 40%; }

        .repair4 .repair4-infor { padding-top: 4em; }

        .device1 .device1-main { width: 1050px; height: 23em; }
        .device1-main .device1-box img { width: 75%; display: table; margin: 0 auto; }
        .device1-box1 { top: 30%; left: 21%; }
        .device1-box1 .infor1 { width: 15em; height: 5em; top: -40%; right: -15%; }
        .infor1 .device1-text { width: 14em; height: 5em; }
        .device1-box2 { bottom: 18%; left: 27%; }
        .device1-box2 .infor2 { width: 17em; height: 4em; bottom: -35%; right: 6%; }
        .infor2 .device1-text { width: 14em; height: 4em; right: 3em; }
        .infor2 p { position: absolute; left: 0; bottom: 0.5em; }
        .device1-box3 { top: 19%; right: 49%; }
        .device1-box3 .infor3 { width: 20em; height: 4em; top: -45%; right: 50%; }
        .device1-box4 { bottom: 11%; left: 49%; }
        .device1-box4 .infor4 { width: 21em; height: 5em; bottom: -21%; left: 50%; }
        .device1-box5 { top: 23%; right: 29%; }
        .device1-box5 .infor5 { width: 14em; height: 4em; top: -55%; left: 50%; }
        .device1-box6 { bottom: 34%; right: 20%; }
        .device1-box6 .infor6 { width: 18em; height: 5em; bottom: -15%; left: -31%; }
        .infor6 .device1-text { width: 16em; height: 5em; padding-top: 0.5em; top: -2px; left: 2em; }

        .product02-1 .security6 { padding: 3em 0; }

        .newslist-heap .newslist-item { padding-top: 1.5em; }
    }
    
    @media screen and (max-width:1470px) {
        .idirec-item .idirec-item-l { width: 19%; }
        .idirec-item .idirec-item-r { width: 81%; }

        .train2-main .train2-item { margin: 0 2em; }

        .pos2-infor .pos2-name { font-size: 1em; }
        .pos2-text p { font-size: 0.7em; }
    }

    @media screen and (max-width:1430px) {
        .contactus .contactus-text { padding-top: 2em; }
        .contactus-heap .contactus-item { padding: 0.5em 0; }
        .contactus-heap .contactus-item:nth-child(4) p:last-of-type { padding-left: 2em; }

        .case-t-infor .case-t-heap { padding-top: 0; }
        .case-t-item img { width: 1.2em; }
        .case-t-item p { font-size: 0.8em; padding-top: 0.1em; }
        .case-t-infor .case-t-text { padding-top: 1.5em; }
        .case-b .case-content { padding: 0 5em; }

        .risk1-main .risk1-item { margin: 0 1em; }
        .risk1-item .risk1-box { width: 8em; height: 8em; }
        .risk1-item .risk1-in { width: 7em; height: 7em; }
        .risk1-box p { font-size: 1.2em; }
        .risk1-main .risk1-bg { width: 90%; transform: translate(-48%,-50%); }

        .pos1 .pos1-infor { padding: 2em 3em 0 0; }

        .train4-main .train4-heap { width: 100%; }
        .train4-item p { font-size: 0.8em; }

        .inter2 .inter2-infor { width: 60%; }
        .inter2-text p { font-size: 0.8em; }

        .prodetails-main .prodetails-content { padding: 0 5em; }

        .product02-3 .repair5 { padding: 3em 0; }
        .product02-5 .gps2 { padding: 5em 0; }

        .product01-3 .equip3 { padding: 3em 0; }
    }

    @media screen and (max-width:1400px) {
        /* body { font-size: 17px; } */
        .header { padding-top: 0.5em; }
        .gnavbar-nav li:hover .drop-menu { top: 3.35em; }
        .gnavbar-nav li:nth-child(2) .drop-menu { left: -8em; }
        .gnavbar-nav li:nth-child(4) .drop-menu { left: -31em; }

        .iservice-main .iservice-box { padding: 1em 1em 2em; }
        .iservice-box img { width: 65%; }
        .iservice-box .box-name { font-size: 1em; }
        .iservice-box .box-con { font-size: 0.8em; }
        .iservice-title img { height: 2.5em; }
        .iservice-title a { font-size: 1em; padding-left: 2em; }
        .iserHover-heap .iserHover-item { padding: 0.5em 0; }
        .iserHover-item a { font-size: 0.7em; }
        .iservice-hover .iservice-more { padding: 0.3em 0; }

        .idirec-icons .idirec-i img { width: 80%; display: table; margin: 0 auto; }
        .idirec-item .idirec-item-l { width: 21%; }
        .idirec-item .idirec-item-r { width: 79%; font-size: 0.8em; }

        .icase-tab li { padding: 0 0.5em; }
        .icase-main .swiper-container .icase-button { font-size: 1.5em; line-height: 2.5em; height: 2.5em; }
        .link-main .swiper-container .icase-button { font-size: 1.5em; line-height: 2.5em; height: 2.5em; }
        .prolink-main .swiper-container .prolink-button { font-size: 1.5em; line-height: 2.5em; height: 2.5em; }

        .inews-main>ul>li:first-of-type { padding-right: 1.5em; }
        .inews-main>ul>li:last-of-type { padding-left: 1.5em; }
        .inews-l .inewsl-img { height: 15em; }
        .inews-item>div:first-of-type { padding-right: 0; }
        .inewsr-date .inewsr-month { font-size: 2em; }
        .inews-item .inewsr-text { padding-top: 0; }
        .inewsr-text .inewsr-name { padding-bottom: 0.3em; }
        .inewsr-text .inewsr-con { padding-top: 0.3em; }

        .trait-heap .trait-item { margin: 0 1em; }
        .trait-item .trait-icon { width: 50px; }
        .trait-infor .trait-title { font-size: 0.9em; }

        /* 面包屑 */
        /* .inset-tab { width: 56%; }
        .inset-tab li:nth-child(8) .line { margin-top: 0; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
        .inset-tab li:nth-child(8) .line:before { border-bottom: 5px solid transparent; border-top: 5px solid #c62b2b; top: 2px; } */

        .slove .slove-main { padding: 0 2em 2em; }

        .censor2-main .censor2-img img { width: 100%; }
        .censor2-main .censor2-infor { padding-top: 5em; }

        .psaf7-main li:nth-child(2n+1) .psaf7-item { padding: 2.5em 1em; }
        .psaf7-main li:nth-child(2n) .psaf7-item { padding: 2.5em 1em; }
        .psaf7-item .psaf7-text { padding-top: 0; }

        .opera1-one .opera1-text { padding-left: 1em; }
        .opera1-two .opera1-text { padding-right: 1em; }

        .output3-main .swiper-container .output3-button { font-size: 1.5em; line-height: 2.5em; height: 2.5em; }

        .output2-tab .output2-item { padding: 1.5em 0.5em; }
        .output2-item .item-name { font-size: 0.8em; }
        .output2-main .output2-content { padding: 3em 2em; }
        .output2-art .art-name { font-size: 1.1em; }

        .censor1 .censor1-main { width: 1070px; }
        .censor1-main .censor1-box:nth-of-type(1) { left: 4em; top: 2em; }
        .censor1-main .censor1-box:nth-of-type(2) { left: 26em; top: -1em; }
        .censor1-main .censor1-box:nth-of-type(3) { left: 1em; top: 8em; }
        .censor1-main .censor1-box:nth-of-type(4) { right: 2em; top: 5em; }
        .censor1-main .censor1-box:nth-of-type(5) { right: 6em; top: 8em; }
        .censor1-main .censor1-box:nth-of-type(6) { right: 3em; bottom: 3em; }
        .censor1-main .censor1-box:nth-of-type(7) { left: 10em; bottom: 3em; }
        .censor1-main .censor1-box:nth-of-type(8) { left: 1em; bottom: 6em; }

        .censor3 .censor3-main { width: 80%; }

        .censor4-item img { width: 40%; }
        .censor4-item p { font-size: 1em; }
        .censor4-content .censor4-con { padding: 3em 5em; }

        .censor5 .censor5-main { width: 750px; }
        .censor5-main .safetitle { padding: 0 7em; }
        .censor5-main>img { width: 110%; left: 50%; transform: translateX(-50%); }
        .censor5-box img { width: 2.5em; }
        .censor5-text .censor5-name {font-size: 0.9em;}
        .censor5-text .censor5-con {font-size: 0.7em;}
        .product02-1 .censor5 { padding-bottom: 3em; }
        .censor5-heap .censor5-box:nth-of-type(1) {left: -26%;top: 53%;top: 40%;}
        .censor5-heap .censor5-box:nth-of-type(2) {left: 3%;top: 72%;}
        .censor5-heap .censor5-box:nth-of-type(3) {left: 33%;bottom: -2%;}
        .censor5-heap .censor5-box:nth-of-type(4) {right: -2%;bottom: 14%;}
        .censor5-heap .censor5-box:nth-of-type(5) {right: -25%;top: 40%;}
        .censor5-heap .censor5-box:nth-of-type(1) img { top: -30%; right: -4%; }
        .censor5-heap .censor5-box:nth-of-type(2) img {top: -90%;left: 50%;transform: translateX(-50%);}
        .censor5-heap .censor5-box:nth-of-type(3) img {top: -90%;left: 50%;transform: translateX(-50%);}
        .censor5-heap .censor5-box:nth-of-type(4) img {top: -40%;left: 11%;}
        .censor5-heap .censor5-box:nth-of-type(5) img {top: -50%;left: 2%;}

        .data2 .data2-main { width: 1050px; margin: 0 auto; padding: 7em 0; }
        .data2-heap .data2-item { width: 10em; }
        .data2-heap .data2-item:nth-child(1) { left: 24%; top: 14%; }
        .data2-heap .data2-item:nth-child(2) { left: 47%; top: 5%; }
        .data2-heap .data2-item:nth-child(3) { right: 14%; top: 13%; }
        .data2-heap .data2-item:nth-child(4) { right: 3%; top: 27%; }
        .data2-heap .data2-item:nth-child(5) { right: 2%; bottom: 42%; }
        .data2-heap .data2-item:nth-child(6) { right: 3%; bottom: 24%; }
        .data2-heap .data2-item:nth-child(7) { right: 16%; bottom: 6%; }
        .data2-heap .data2-item:nth-child(8) { left: 43%; bottom: 3%; }
        .data2-heap .data2-item:nth-child(9) { left: 21%; bottom: 3%; }
        .data2-heap .data2-item:nth-child(10) { left: 10%; bottom: 20%; }
        .data2-heap .data2-item:nth-child(11) { left: 3%; top: 44%; }
        .data2-heap .data2-item:nth-child(12) { left: 5%; top: 26%; }

        .data5-main .data5-item { padding: 1em 1.5em; }

        .product02-3 .repair2 { padding: 4em 0; }
        .repair2 .repair2-infor { padding-right: 3em; }

        .gps3-box .gps3-img { padding-top: 2em; }

        .device3-main img { width: 70%; }

        .device5 .device5-main { width: 1000px; }
        .device5-heap .device5-item { width: 28%; }
        .device5-order .order-box { margin-right: 3.4em; }
        .device5-order .order-box:nth-child(2n+1) .order-circle::before { height: 16em; }

        .equip2-main .equip2-item { width: 15%; margin: 0 1em; }

        .spare2-item .spare2-title { padding-left: 1.5em; }
        .spare2-title .spare2-name { padding-left: 1em; }
    }

    @media screen and (max-width:1380px) {
        .islove-r .islove-tab { margin-top: 0; }
        .islove-r .islove-content { padding-top: 1.5em; }
        .islove-content .islove-infor { padding-top: 1em; }
        .islove-content .islove-more { font-size: 0.7em; }

        .company .company-img { width: 55%; }

        .history-infor .history-text { padding-top: 0.5em; }

        .culture-box .culture-text { padding: 4em 4em 0; }

        .risk2 .risk2-img img { width: 100%; }
        
        .risk2 .risk2-infor { padding-top: 3em; }

        .danger3 .danger3-main { padding-top: 5em; }
        .danger3-main .danger3-item { padding: 4em 1em 1em; }
        .danger3-item .danger3-name { width: 7em; height: 7em; }
        .danger3-name p { font-size: 0.9em; width: 78%; }
        .danger3-text p { font-size: 0.7em; }

        .danger4-item img { width: 25%; }
        .danger4-text .danger4-name { font-size: 1.1em; }
        .danger4-text .danger4-con { font-size: 0.8em; }

        .opera3-main .opera3-item { padding: 1em 1em; }

        .product01-4 .opera4 { padding: 4em 0 3em; }
        .opera4-main .opera4-item { padding: 4em 1em 1em; }
        .opera4-item img { width: 28%; }

        .product01-4 .opera5 { padding: 3em 0 20em; }

        .pos1-text p { font-size: 0.8em; }

        .pos2-con .pos2-img { width: 90%; }

        .pos3 .pos3-infor { padding-top: 6em; }

        .product03 .hardware02 { font-size: 18px; }

        .develop2-main .develop2-item { margin: 0 3em; }
        .develop2-item img { width: 85%; }

        .repair4 .repair4-infor { padding-top: 5em; padding-left: 1em; }

        .product02-3 .repair5 { font-size: 19px; }

        .device2-main .device2-title { padding: 3em 0.5em 0; }

        .security3-item img { width: 35%; }
        .security3-item p { font-size: 0.8em; }

        .equip1-name p { font-size: 1em; width: 45%; }

        .equip3-text p { font-size: 0.8em; }

        .spare3-main .spare3-item { width: 28%; margin: 0 1em; }

        .psaf5-main img { width: 90%; }
        .psaf6-main img { width: 90%; }

        .psaf4 .psaf4-infor { padding-top: 2em; }
        
    }

    @media screen and (max-width:1360px) {
        .inter4-main .inter4-heap { font-size: 18px; }

        .inset-tab { width: 67%; }
        .inset-tab li:nth-child(8) .line { margin-top: 0; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); }
        .inset-tab li:nth-child(8) .line:before { border-bottom: 5px solid transparent; border-top: 5px solid #c62b2b; top: 2px; }
    }
    
    @media screen and (max-width:1320px) {
        .inset-tab { width: 65%; }
        .address-nav { width: 35%; }
        
        .prisk-item .prisk-icon { width: 5.5em; height: 5.5em; }
        .prisk-icon img { width: 60%; }

        .psaf4 .psaf4-infor { padding-left: 3em; }

        .opera1-main p { font-size: 0.7em; }

        .gps2-main .gps2-img img { top: 50%; transform: translateY(-50%); }
    }

    @media screen and (max-width:1300px) {
        .row3 .row3-item1 { margin: 0 1.5em; }
        .row4 { margin-top: 2.5em; }
        .row4 .row4-item1 { margin: 0 0.5em; }
        .row4-item1-box p { font-size: 0.9em; }

        .train1-main .train1-item { margin: 0 0.9em; }

        .spare4-main .spare4-item { width: 20%; }
    }

    @media screen and (max-width:1280px) {
        body { font-size: 17px; }
        .logo img { width: 100%; }
        .header .head-nav { padding-top: 1.5em; }
        .gnavbar-nav li { padding: 0 0 2.1em; }
        .gnavbar-nav li:nth-child(3) .drop-menu { left: -5em; }
        .gnavbar-nav li:hover .drop-menu { top: 2.95em; }

        .iservice-main .iservice-box { padding: 1.5em 0.5em 1.8em; }
        .iserHover-heap .iserHover-item { padding: 0.6em 0; }

        .idirec-item .idirec-item-l { width: 18%; }
        .idirec-icons .idirec-i { margin: 0 0.5em; }
        .idirec-icons .idirec-i img { width: 65%; }
        .idirec-t .idirec-con p { line-height: 1.6; }
        .idirec-heap .idirec-item { padding: 1em; }
        .idirec-item-l p { font-size: 0.9em; }
        .idirec-item .idirec-item-r { width: 82%; }

        .icase-main .swiper-container .icase-button { height: 3em; line-height: 3em; }
        .link-main .swiper-container .icase-button { height: 3em; line-height: 3em; }
        .prolink-main .swiper-container .prolink-button { height: 3em; line-height: 3em; }

        .inews-l .inewsl-img { height: 15.5em; }

        .inset-tab .hr { top: 59px; }
        /* .inset-tab li .line { margin-top: 0.95em; } */
        .inset-tab li:nth-child(8) .line { margin-top: 1em; position: relative; top: 0; left: 0; transform: translateX(0); }
        .inset-tab li:nth-child(8) .line:before { border-bottom: 5px solid #c62b2b; border-top: 5px solid transparent; top: -10px; }

        .contactus-item p { font-size: 1em; }

        .case-t-item p { padding-top: 0.3em; }
        
        .psaf3-main img { width: 90%; }

        .stitle-name img { width: 180px; }

        .psaf7 .psaf7-main { width: 90%; }
        .psaf7-item .psaf7-text { padding-top: 0.5em; }

        .risk2 .risk2-infor { padding-top: 4em; }

        .train3-main img { width: 60%; }

        .opera1-main p { font-size: 0.8em; }

        .danger3 .danger3-main { padding-top: 6em; }
        .danger3-main .danger3-item { padding: 5em 1em 1em; }
        .danger3-item .danger3-name { width: 8em; height: 8em; }
        .danger3-name p { font-size: 1em; }
        .danger3-text p { font-size: 0.9em; }

        .danger4-text .danger4-con { font-size: 0.9em; }

        .train2-name img { width: 7em; }

        .train4-main .train4-heap { width: 90%; }
        .train4-heap>img { width: 42%; }
        .train4-item .train4-icon { width: 7%; }
        .train4-heap .train4-item:nth-child(2n+1) .train4-icon { left: 2em; }
        .train4-heap .train4-item:nth-child(2n) .train4-icon { right: 2em; }

        .pos1-text p { font-size: 0.9em; }

        /* .inter2-text p { font-size: 0.9em; } */

        .inter4-main .inter4-heap { font-size: 17px; }

        .product03 .hardware02 { font-size: 17px; }

        .develop1-main .develop1-item { width: 75%; }
        .develop1-item img { width: 30%; }
        .develop1-item .develop1-name { padding: 1em 0 0.5em; }

        .develop3-main .develop3-item { margin-top: 4em; }
        .develop3-item img { width: 5em; }

        .output1 .output1-main { width: 820px; }
        .output1-box img { width: 60%; }
        .output1-box p { font-size: 0.8em; }
        .output1-main .output1-box:nth-of-type(1) .output1-border { width: 9em; height: 1.5em;  top: -45%; right: 50%; }
        .output1-main .output1-box:nth-of-type(2) .output1-border { width: 12em; height: 1.5em; top: -40%; right: 50%; }
        .output1-main .output1-box:nth-of-type(3) .output1-border { width: 9em; height: 1.5em; top: -40%; right: 50%; }
        .output1-main .output1-box:nth-of-type(4) .output1-border { width: 4em; height: 2em; top: 45%; right: 90%; }
        .output1-main .output1-box:nth-of-type(5) .output1-border { width: 4em; height: 1.5em; top: 40%; left: 90%; }
        .output1-main .output1-box:nth-of-type(6) .output1-border { width: 4em; height: 1.5em; top: 45%; left: 90%; }
        .output1-main .output1-box:nth-of-type(7) .output1-border { width: 7em; height: 1.5em; top:-40%; left: 50%; } 
        .output1-main .output1-box:nth-of-type(1) { left: 50%; bottom: -7%; }
        .output1-main .output1-box:nth-of-type(2) { right: 3%; bottom: 31%; }
        .output1-main .output1-box:nth-of-type(3) { right: 20%; bottom: 9%; }
        .output1-main .output1-box:nth-of-type(4) { right: 10%; top: 6%; }
        .output1-main .output1-box:nth-of-type(5) { left: 0; top: 20%; }
        .output1-main .output1-box:nth-of-type(6) { left: 18%; top: 8%; }
        .output1-main .output1-box:nth-of-type(7) { left: 2%; top: 77%; }

        .output3-main .swiper-container .output3-button { height: 3em; line-height: 3em; }

        .censor1 .censor1-main { width: 820px; }
        .censor1-main .censor1-box:nth-of-type(1) { left: 2em; top: 2em; }
        .censor1-main .censor1-box:nth-of-type(2) { left: 23em; top: -1em; }
        .censor1-main .censor1-box:nth-of-type(3) { left: 0em; top: 8em; }
        .censor1-main .censor1-box:nth-of-type(4) { right: 1em; top: 5em; }
        .censor1-main .censor1-box:nth-of-type(5) { right: 5em; top: 8em; }
        .censor1-main .censor1-box:nth-of-type(6) { right: 2em; bottom: 3em; }
        .censor1-main .censor1-box:nth-of-type(7) { left: 9em; bottom: 3em; }
        .censor1-main .censor1-box:nth-of-type(8) { left: 0em; bottom: 6em; }

        .censor5 .censor5-main { width: 600px; height: 350px; padding: 2em 0; }
        .censor5-main .safetitle { padding: 0 6em; }
        .censor5-main .censor5-box { width: 8em; }
        .censor5-heap .censor5-box:nth-of-type(1) { left: -17%; top: 40%; }
        .censor5-heap .censor5-box:nth-of-type(2) { left: 9%; top: 72%; }
        .censor5-heap .censor5-box:nth-of-type(3) { left: 38%; bottom: -5%; }
        .censor5-heap .censor5-box:nth-of-type(4) { right: 9%; top: 71%; }
        .censor5-heap .censor5-box:nth-of-type(5) { right: -17%; top: 40%; }
        .censor5-heap .censor5-box:nth-of-type(1) img { top: -30%; right: -23%; }
        .censor5-heap .censor5-box:nth-of-type(2) img { top: -4em; left: 50%; transform: translateX(-50%); }
        .censor5-heap .censor5-box:nth-of-type(3) img { top: -3em; left: 50%; transform: translateX(-50%); }
        .censor5-heap .censor5-box:nth-of-type(4) img { top: -3em; left: 24%; }
        .censor5-heap .censor5-box:nth-of-type(5) img { top: -30%; left: -23%; }

        .data1-main img { width: 90%; }

        .data2 .data2-main { width: 800px; }
        .data2-heap .data2-item:nth-child(1) { left: 24%; top: 14%; }
        .data2-heap .data2-item:nth-child(2) { left: 47%; top: 5%; }
        .data2-heap .data2-item:nth-child(3) { right: 14%; top: 13%; }
        .data2-heap .data2-item:nth-child(4) { right: 2%; top: 27%; }
        .data2-heap .data2-item:nth-child(5) { right: 0%; bottom: 42%; }
        .data2-heap .data2-item:nth-child(6) { right: 1%; bottom: 24%; }
        .data2-heap .data2-item:nth-child(7) { right: 12%; bottom: 6%; }
        .data2-heap .data2-item:nth-child(8) { left: 43%; bottom: 5%; }
        .data2-heap .data2-item:nth-child(9) { left: 20%; bottom: 3%; }
        .data2-heap .data2-item:nth-child(10) { left: 9%; bottom: 20%; }
        .data2-heap .data2-item:nth-child(11) { left: 1%; top: 44%; }
        .data2-heap .data2-item:nth-child(12) { left: 4%; top: 26%; }

        .data4-main .data4-img { padding-top: 0; }

        .repair1-main img { width: 90%; }

        .product02-3 .repair2 { padding: 5em 0; }

        .product02-3 .repair5 { font-size: 17px; }

        .gps3-box .gps3-img { padding-top: 0; }

        .device1 .device1-main { width: 800px; height: 22em; margin-top: 1em; }
        .device1-main .device1-box img { width: 60%; }
        .device1-box1 { top: 30%; left: 20%; }
        .device1-box1 .infor1 { width: 15em; height: 5em; top: -40%; right: 0%; }
        .infor1 .device1-text { width: 14em; height: 5em; top: 0; right: 1em; }
        .device1-box2 { bottom: 15%; left: 27%; }
        .device1-box2 .infor2 { width: 17em; height: 3em; bottom: -25%; right: 10%; }
        .infor2 .device1-text { width: 14em; height: 3em; right: 3em; }
        .device1-box3 { top: 19%; right: 47%; }
        .device1-box3 .infor3 { width: 16em; height: 3em; top: -35%; right: 50%; }
        .device1-box4 { bottom: 7%; left: 47%; }
        .device1-box4 .infor4 { width: 20em; height: 3em; bottom: -16%; left: 50%; }
        .device1-box5 { top: 23%; right: 29%; }
        .device1-box5 .infor5 { width: 14em; height: 4em; top: -55%; left: 50%; }
        .device1-box6 { bottom: 34%; right: 20%; }
        .device1-box6 .infor6 { width: 15em; height: 5em; bottom: -36%; left: 0%; }
        .infor6 .device1-text { width: 14em; height: 5em; top: -2px; left: 1em; }

        .device5 .device5-main { width: 730px; }
        .device5-heap .device5-item { width: 30%; margin: 0 0.5em 1.5em; }
        /* .device5-main .device5-order { transform: translateX(-2%); } */
        .device5-order .order-box { margin-right: 2.9em; }
        .order-box .order-circle { width: 2.5em; height: 2.5em; }
        .order-box .order-circle::before { bottom: 2.5em; }
        .order-box .order-circle::after { width: 6em; left: 2em; }
        .order-box p { font-size: 1.1em; }

        .gps2-main .gps2-img img { top: 0; transform: translateY(0); }
    }

    @media screen and (max-width:1240px) {
        .repair3-main img { width: 75%; }

        .spare2 .spare2-main { padding-top: 1em; }
        .spare2-main .spare2-item { width: 32%; margin: 1em 1em 0; }
        .spare2-item .spare2-title { padding-left: 1.5em; }
    }

    @media screen and (max-width:1220px) {
        .inset-tab { width: 64%; }
        .inset-tab li:nth-child(8) .line { margin-top: 0; position: absolute; top: -18px; left: 50%; transform: translateX(-50%); }
        .inset-tab li:nth-child(8) .line:before { border-bottom: 5px solid transparent; border-top: 5px solid #c62b2b; top: 2px; }
    }
    
    @media screen and (max-width:1216px) {
        .output3-main .output3-heap { width: 90%; }
        .output3-main .swiper-container .output3-button { display: block; }
    }

    @media screen and (max-width:1200px) {
        .company h1 { font-size: 1.6em; }
        .company .company-img { width: 55%; padding-left: 3em; }

        .news-main .news-t { padding: 0 3em 2em; }
        .news-t .news-content { width: 95%; }
        .details-btn { padding: 1em 2em; }

        .case-t .case-t-img { width: 95%; }
        .case-b .case-content { padding: 0 3em; }

        .risk1 .risk1-main { padding: 0; }
        .risk1-item .risk1-box { margin: 0 auto; }
        .risk1-main .risk1-item:nth-child(2n+1) .risk1-infor { position: relative; left: 0; top: 0; }
        .risk1-main .risk1-item:nth-child(2n) .risk1-infor { position: relative; left: 0; bottom: 0; }
        .risk1-item .risk1-infor { width: 9em; padding-top: 1em; }
        .risk1-infor .line { display: none; }
        .risk1-main .risk1-bg { display: none; }

        .risk3-main img { width: 90%; }

        .opera1-main .opera1-img { height: 15em; }
        .opera1-img img { width: auto; height: 100%; }
        .opera1-one .opera1-img { padding-right: 0; }
        .opera1-two .opera1-img { padding-left: 0; }

        .danger3-text p { font-size: 0.8em; }

        .train4-main .train4-heap { width: 100%; }
        .train4-item .train4-icon { width: 7%; }
        .train4-heap .train4-item:nth-child(2n+1) { padding: 1em 11em 1em 5em; }
        .train4-heap .train4-item:nth-child(2n) { padding: 1em 5em 1em 11em; }

        .pos1-text p { font-size: 0.8em; }

        .inter4-main .inter4-heap { font-size: 15px; }

        .hardware02 .hardware02-r { padding-left: 0; padding-top: 0.5em; }
        .hardware02-r .hardware02-tab { padding-top: 1.5em; }
        .hardware02-r .hardware02-content { padding-top: 1.5em; }

        .prodetails-main .prodetails-content { padding: 0 3em; }

        .develop2-main .develop2-item { margin: 0 2em; }
        .develop2-item img { width: 70%; }

        .develop3-main .develop3-item { margin-top: 3em; }
        .develop3-item img { width: 4em; }
        .develop3-item .develop3-name { padding-left: 4em; }

        .data4-main .data4-img { padding-top: 1em; }

        .gps3-box .gps3-img { padding-top: 1em; }

        .equip3 .equip3-infor { padding-left: 2em; }

        .product02-1 .censor7 { padding: 2em 0 11em; }
    }

    @media screen and (max-width:1110px) {
        .iservice-main .iservice-box { padding: 2em 0 2.5em; }
        .iserHover-heap .iserHover-item { padding: 0.5em 0; }
        .iservice-hover .iservice-more { padding: 0.25em 0; }

        .islove-r .sltitle .sltitle-ch { font-size: 1.1em; }
        .sltitle .sltitle-en { display: none; }
        .islove-btn .hr { margin-top: 0.5em; }
        .islove-content .islove-more { font-size: 0.6em; }
        
        .inews-main>ul>li:first-of-type { padding-right: 15px; }
        .inews-main>ul>li:last-of-type { padding-left: 15px; }

        .trait-heap .trait-item { margin: 0 0.8em; }
        .trait-item .trait-icon { width: 35px; }
        .trait-item .trait-infor { padding-left: 0.5em; padding-top: 0; }
        .trait-infor .trait-con { margin-top: 0.5em; }

        .footer-nav .fnav-box { margin: 0 1em; }

        .history-box .history-img { width: 95%; height: 16em; }
        .history-img img { width: auto; height: 100%; }

        .stitle,.safetitle { padding: 0 1em; }
        .psafe-main .psafe-bg { width: 70%; }
        .psafe-main .psafe-box1 {left: 21%;top: 18%;}
        .psafe-main .psafe-box2 {left: 34%;top: 15%;}
        .psafe-main .psafe-box3 {left: 42%;top: 15%;}
        .psafe-main .psafe-box4 {right: 41%;top: 16%;}
        .psafe-main .psafe-box5 {right: 32%;top: 14%;}
        .psafe-main .psafe-box6 {right: 22%;top: 19%;}
        .psafe-main .psafe-box7 {left: 16%;top: 42%;}

        .risk2 .risk2-infor { padding-top: 3em; padding-left: 1em; }

        .danger3-main .danger3-item { padding: 5em 0.5em 1em; }

        .opera3-main .opera3-item { padding: 1em 0; }

        .opera4-item img { width: 30%; }

        .pos2-item img { width: 2em; }
        .pos2-item p { font-size: 0.9em; }
        .pos2-item .line { margin-top: 1.5em; }

        .product01-7 .inter2 { padding: 3em 0; }
        .inter2 .inter2-infor { width: 75%; }

        .data3 .data3-infor { padding-top: 2em; padding-left: 1em; padding-right: 1em; }

        .gps3-box .gps3-img { padding-top: 3em; }

        .spare4-main ul { text-align: center; }
        .spare4-main .spare4-item { width: 29%; }
        .spare4-main .spare4-item:nth-child(1),.spare4-main .spare4-item:nth-child(2) { margin: 1em 1.5em; }

        .spare1-main img { width: 60%; }

        .gps2 .gps2-infor { padding-left: 3em; }

        .danger1-main img:last-child { width: 90%; }
    }

    @media screen and (max-width:1090px) {
        .iservice-main .iservice-box { padding: 1em 0 1.5em; }
        .iservice-main .iservice-hover { padding: 1.5em; }
        
        .idirec-item .idirec-item-l { width: 21%; }
        .idirec-item .idirec-item-r { width: 79%; }

        .icase-tab li a { width: 6em; }
        .icase .icase-more { padding-top: 1.5em; }

        .icompany-item .icompany-text { padding: 1.5em 1em 2em; }

        .inset-tab { width: 63%; }
        .inset-tab li:nth-child(7) .line { margin-top: 0; position: absolute; top: -18px; left: 50%; transform: translateX(-50%); }
        .inset-tab li:nth-child(7) .line:before { border-bottom: 5px solid transparent; border-top: 5px solid #c62b2b; top: 2px; }        

        .culture-box .culture-text { padding: 3em 2em 0; }

        .row1-item2 .organ-arrow { width: 60px; }
        .row1-item3 .organ-arrow { width: 60px; background-position: -32px -20px; }
        .row3 .row3-item1 { margin: 0 1em; }
        .row4 .row4-item1 { margin: 0.0.4em; }
        .row4-item1 .row4-item1-box { padding: 0.5em 0.75em; }

        .product01-3 .equip3 { padding: 4em 0; }

        .pos1 .pos1-infor { padding: 1em 2em 0 0; }

        .psaf4 .psaf4-infor { padding-left: 2em; }

        .psaf7-main li:nth-child(2n+1) .psaf7-item { padding: 1.5em 1em; }
        .psaf7-main li:nth-child(2n) .psaf7-item { padding: 1.5em 1em; }

        .danger2-item img { width: 55%; }

        .train1-main .train1-item { margin: 0 0.5em; }

        .train4-heap .train4-item:nth-child(2n+1) { padding: 0.5em 11em 0.5em 4em; }
        .train4-heap .train4-item:nth-child(2n) { padding: 0.5em 4em 0.5em 11em; }
        .train4-heap .train4-item:nth-child(2n+1) .train4-icon { left: 1.5em; }
        .train4-heap .train4-item:nth-child(2n) .train4-icon { right: 1.5em; }

        .product03 .hardware02 { font-size: 15px; }

        .output2-tab ul { margin-left: -10px; margin-right: -10px; }
        .output2-tab li { padding-left: 10px; padding-right: 10px; }

        .output2-tab li:nth-child(4), .output2-tab li:nth-child(5), .output2-tab li:nth-child(6) { padding-top: 1em; }
        .output2-tab .output2-item { padding: 1.5em 0.4em; }
        .output2-main .output2-content { padding: 1em 1em; }

        .data4 .data4-infor { padding-right: 1em; }
        .data4-main .data4-img { padding-top: 2em; }

        .repair4 .repair4-infor { padding-bottom: 3em; }

        .product02-5 .gps2 { padding: 2em 0; }
        .gps2 .gps2-infor { padding-left: 2em; }

        .device2 .device2-small { display: block; }
        .device2 .device2-main { padding-top: 1em; }
        .device2-main .device2-title { display: none; }
        .device2-main .device2-null { display: none; }
        .device2-main .device2-item:nth-last-child(3) { display: none; }
        .device2-main .device2-item { width: 32%; }

        .equip1-main .equip1-item { margin: 0 2em; }

        .pos2-con .pos2-img { width: 100%; height: 15em; background-color: #ffffff; position: relative; }
        .pos2-img img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
    }

    @media screen and (max-width:1050px) {
        .iservice-hover .iserHover-heap { width: 50%; }

        .inset-tab { width: 60%; }
        .address-nav { width: 40%; }
        
        .prisk-infor .prisk-list { display: none; }

        .opera2 .opera2-infor { padding-top: 2em; }

        .opera3-item .opera3-img { width: 12%; }
        .opera3-item .opera3-text { width: 88%; }

        .pos1 .pos1-infor { padding: 0em 2em 0 0; }

        .inter4-main .inter4-heap { font-size: 14px; }

        .gps2-main .gps2-img img { top: 50%; transform: translateY(-50%); }
    }

    @media screen and (max-width:1020px) {
        .inset-tab { width: 58%; }
        .inset-tab li:nth-child(6) .line { margin-top: 0; position: absolute; top: -18px; left: 50%; transform: translateX(-50%); }
        .inset-tab li:nth-child(6) .line:before { border-bottom: 5px solid transparent; border-top: 5px solid #c62b2b; top: 2px; }

        .case-t .case-t-img { width: auto; height: 18em; }
        .case-t .case-t-img img { width: auto; height: 100%; }
        .case-t-infor .case-t-heap { padding-top: 1em; }
        .case-t-heap .case-t-item { float: none; padding-top: 0.8em; }
        .case-t-heap .case-t-item:nth-child(2n+1) { width: 100%; }
        .case-t-heap .case-t-item:nth-child(2n) { width: 100%; }

        .censor2-main .censor2-infor { padding-top: 3em; }

        .train2-main .train2-item { margin: 0 1em; }

        .spare2-main .spare2-item { width: 40%; }
        
        .spare3-item .spare3-num { width: 3.5em; top: -2.9em; }
        .spare3-num p { font-size: 2em; }

        .spare4-main .spare4-item { width: 28%; }
        
        .pos2-tab .pos2-item { margin: 0 0.6em; }
    }

    @media screen and (max-width:991px) {
        .iservice, .icase { padding: 2em 0; }
        .islove { padding: 2em 0; }
        .icompany { padding-top: 2em; }
        .inews { padding: 12em 0 3em; }
        .company,.organ,.history { padding: 2em 0; }
        .slove .slove-main { padding: 0 2em 1em; }
        .case-title p { padding: 1em 0; }
        .product01 .psafe,.product01 .prisk,.product01 .psaf3,.product01 .psaf5,.product01 .psaf6,.product01 .psaf7 { padding: 2em 0; }
        .psaf3 .psaf3-main { padding-top: 1.5em; }
        .product01-1 .risk1,.product01-1 .risk3,.product-link { padding: 2em 0; }
        .product-link .prolink-main { margin-top: 1em; }
        .product01 .psaf4 { padding-top: 2em; }
        .psaf4 .psaf4-infor { padding-left: 15px; padding-top: 1em; }

        .product01-2 .danger1,.product01-2 .danger2,.product01-2 .danger3 { padding: 2em 0; }
        .product01-2 .danger4 { padding: 2em 0 0; }
        .danger2 .danger2-main { padding-top: 2em; }
        .danger4-main img { width: 80%; }

        .product01-3 .equip1,.product01-3 .equip2,.product01-3 .equip3 { padding: 2em 0; }

        .product01-4 .opera1 { padding-top: 2em; }
        .product01-4 .opera3 { padding: 2em 0; }
        .product01-4 .opera5 { padding: 2em 0 18em; }

        .product01-5 .train1,.product01-5 .train2,.product01-5 .train3,.product01-5 .train4 { padding: 2em 0; }
        .train2 .train2-main { padding-top: 1em; }

        .product01-6 .pos2 { padding-top: 2em; }

        .product01-7 .inter1,.product01-7 .inter3,.product01-7 .inter4 { padding: 2em 0; }

        .product02 .output1 { padding: 2em 0 4em; }
        .product02 .output2,.product02 .output3 { padding: 2em 0; }

        .product02-1 .censor1,.product02-1 .censor2,.product02-1 .censor4 { padding: 2em 0; }
        .censor1 .censor1-main { margin-top: 2em; }
        .censor2 .censor2-main { padding-top: 1.5em; }
        .censor4 .censor4-main { margin-top: 1em; }
        .product02-1 .censor3 { padding: 2em 0 6em; }
        .censor3 .censor3-main { padding-top: 2em; }

        .censor4-item img { width: 30%; }

        .product02-2 .data1,.product02-2 .data3,.product02-2 .data4,.product02-2 .data5 { padding: 2em 0; }
        .product02-2 .data2 { padding: 2em 0 1em; }
        .data5 .data5-main { padding-top: 2em; }

        .product02-3 .repair1,.product02-3 .repair3 { padding: 2em 0; }
        .repair1 .repair1-main { padding-top: 1em; }

        .product02-4 .device1,.product02-4 .device2,.product02-4 .device3,.product02-4 .device5 { padding: 2em 0; }
        .device1 .device1-main { margin-top: 0; }
        .product02-4 .inter4 { padding: 2em 0; }

        .product02-5 .gps1,.product02-5 .gps3,.product02-5 .gps4 { padding: 2em 0; }
        .gps4 .gps4-main { padding-top: 0; }

        .product02-6 .spare1,.product02-6 .spare2,.product02-6 .spare3,.product02-6 .spare4 { padding: 2em 0; }

        .product03 .hardware01 { padding: 2em 0 1em; }
        .product03 .hardware02 { padding: 2em 0; }

        .product03-1 .product03-list { padding: 2em 0 0.5em; }
        .product03-2 { padding: 2em 0 0.5em; }
        .prodetails .prodetails-main { padding-bottom: 1em; }

        .product04 .develop1,.product04 .develop3 { padding: 2em 0; }
        .develop1 .develop1-main { padding-top: 2em; }
        .product04 .develop2 { padding: 2em 0; }
        .develop2 .develop2-main { padding-top: 2em; }
        
        .header .logo { width: 22%; }
        .header .head-nav { width: 78%; height: 4em; padding-top: 1.3em; }
        .gnavbar-nav li { padding: 0 0 1.9em; }
        .gnavbar-nav li:hover .drop-menu { top: 2.7em; }
        .gnavbar-nav li .drop-menu { padding: 1.5em 2em; }
        .gnavbar-nav li:nth-child(2) .drop-menu { width: 32em; padding: 0.75em 2em; }
        .gnavbar-nav li:nth-child(3) .drop-menu { width: 25em; left: -5em; }
        .gnavbar-nav li:nth-child(4) .drop-menu { width: 43em; left: -24em; padding: 0.75em 2em; }
        .gnavbar-nav li:nth-child(5) .drop-menu { width: 26em; left: -13em; padding: 0.75em 2em; }
        .gnavbar-nav li:nth-child(6) .drop-menu { width: 18em; left: -10em; padding: 0.75em 2em; }
        .gnavbar-nav li:nth-child(7) .drop-menu { width: 8em; left: -4em; padding: 0.75em 2em; }

        .iservice-main .iservice-item { padding-top: 0.5em; }
        .iservice-main .iservice-box { padding: 2em 3em 2em; }
        .iservice-box img { width: 55%; }
        .iservice-main .iservice-hover { padding: 2em; width: 80%; left: 50%; transform: translateX(-50%); }
        .iservice-hover .iserHover-heap { width: 30%; }
        .iservice-hover .iservice-more { padding: 0.5em 0; margin-top: 1em; }

        .idirec-item .idirec-item-l { width: 24%; padding-top: 0.75em; }
        .idirec-item .idirec-item-r { width: 76%; padding-left: 1em; }

        .islove .islove-img { height: 22em; overflow: hidden; }
        .islove .islove-img img { width: 100%; margin-top: -11%; }
        .islove .islove-r { padding-left: 15px; padding-top: 1.5em; }
        .islove-r .islove-tab { width: 90%; }
        .islove-tab .islove-btn { margin-right: 2em; }
        
        .icompany-main>div { padding-top: 0.5em; padding-bottom: 0.5em; }
        .icompany-text .icompany-con { -webkit-line-clamp: 2; }

        .inews-main>ul>li:first-of-type { padding-right: 1.5em; }
        .inews-main>ul>li:last-of-type { padding-left: 1.5em; }
        .inewsl-t .inewsl-name { width: 70%; }
        .inews-item>div:first-of-type { padding-right: 0.5em; }

        .trait-heap .trait-item { margin: 0 2em; }
        .trait-item .trait-icon { float: none; margin: 0 auto; }
        .trait-item .trait-infor { float: none; padding-left: 0; padding-top: 1em; }
        .trait-infor .trait-con { display: none; }

        .history-box .history-img { width: 100%; }
        .history-img img { width: 100%; height: auto; }
        .history-box>div:last-of-type { padding-left: 15px; }

        .contactus .contactus-text { padding-top: 0; padding-bottom: 1em; }
        .contactus-item p { padding-right: 2em; }

        .newslist-heap .newslist-item:nth-child(2n+1) { padding-right: 1.5em; }
        .newslist-heap .newslist-item:nth-child(2n) { padding-left: 1.5em; }

        .news-main .news-t { padding: 0 1em 1em; }

        .case-b .case-content { padding: 0 1em; }

        .prisk-main .prisk-item { margin: 0 2.5em; }

        .psaf4-infor p { font-size: 1em; }

        .psaf7-main li:nth-child(2n+1) .psaf7-item { padding: 0.5em 1em; }
        .psaf7-main li:nth-child(2n) .psaf7-item { padding: 0.5em 1em; }
        .psaf7-item .psaf7-img { width: 15%; }
        .psaf7-item .psaf7-text { width: 85%; padding-top: 1em; }
        .psaf7-main .horline,.psaf7-main .verline { display: none; }

        .risk2title p { font-size: 1.3em; }

        .prolink-main .prolink-heap { width: 85%; }

        .danger2-item img { width: 60%; }

        .danger3-main li:nth-child(2n+1) { padding-right: 2em; }
        .danger3-main li:nth-child(2n) { padding-left: 2em; }
        .danger3-main li:nth-child(3) { margin-top: 6em; }
        .danger3-main li:nth-child(4) { margin-top: 6em; }

        .opera3-main .opera3-item { padding: 0.5em 3em; }
        .opera3-item .opera3-img { width: 9%; }
        .opera3-item .opera3-text { width: 91%; }

        .product01-4 .opera4 { padding: 2em 0; }
        .opera4-main li:nth-child(1),.opera4-main li:nth-child(3),.opera4-main li:nth-child(4),.opera4-main li:nth-child(6) { transform: translateY(0); }
        .opera4-main .opera4-item { padding: 5em 1em 1em; }
        .opera4-item img { width: 25%; }

        .train1 .train1-main { padding-top: 1em; }
        .train1-main .train1-item:nth-child(1) { transform: translateY(0); }
        .train1-main .train1-item:nth-child(3) { transform: translateY(0); }
        .train1-main .train1-item:nth-child(4) { transform: translateY(0); }
        .train1-main .train1-item:nth-child(5) { transform: translateY(0); }
        .train1-main .train1-item { width: 30%; margin: 1em 0; }
        .train1-item img { width: 40%; }
        .train1-item p { font-size: 0.9em; }

        .train2-name p { font-size: 1.3em; }

        .train4 .train4-main { padding: 1em 0 0; }
        .train4-main .train4-heap { width: 80%; }
        .train4-heap .train4-item { width: 100%; }
        .train4-heap .train4-item:nth-child(2n+1) { padding: 1em 2em 1em 4em; }
        .train4-heap .train4-item:nth-child(2n) { padding: 1em 2em 1em 4em; }
        .train4-heap .train4-item:nth-child(3), .train4-heap .train4-item:nth-child(5) { padding-right: 2em !important; }
        .train4-heap .train4-item:nth-child(4), .train4-heap .train4-item:nth-child(6) { padding-left: 4em !important; }
        .train4-item .train4-icon { width: 2em; }
        .train4-heap .train4-item:nth-child(2n) .train4-icon { left: 1.5em; }
        .train4-item p { font-size: 1em; }
        .train4-heap .train4-item:nth-child(2n) p { text-align: left; }
        .train4-heap>img { display: none; }

        .product01-6 .pos1 { margin-bottom: 2em; }
        .pos1 .pos1-img { position: static; right: auto; width: 100%; padding-left: 15px; padding-right: 15px; overflow: hidden; }
        .pos1 .pos1-infor { width: 100%; padding-left: 15px; padding-right: 15px; padding-top: 1em; }

        .pos2 .pos2-main { margin-top: 2em; }
        .pos2-con .pos2-img { width: 50%; height: auto; }
        .pos2-img img { position: relative; top: auto; transform: translateY(0); }
        .pos2-con .pos2-infor { padding-top: 1.5em; position: relative; left: auto; top: auto; transform: translateY(0); }
        .pos2-infor .pos2-text { padding-top: 0.5em; }
        .pos2-infor .pos2-name { text-align: center; }
        .pos2-main .pos2-tab { padding-top: 2em; }
        .pos2-tab .pos2-btn { top: 6.5em; }

        
        .pos3 .pos3-infor { padding-top: 4em; }
        .pos3-infor .sidetitle .line2 { display: table; margin: -3px auto 0; }
        .pos3-main .pos3-text p { font-size: 0.8em; }

        .product01-7 .inter2 { padding: 2em 0; }
        .inter2-infor .inter2-text { padding-top: 1em; }
        .inter2-text p { font-size: 0.8em; }

        .inter4 .inter4-main { padding-top: 0; }
        .inter4-main .inter4-heap { font-size: 17px; width: 85%; }
        .inter4-heap .inter4-l,.inter4-heap .inter4-r { padding-right: 15px; padding-left: 15px; }
        .inter4-heap .inter4-item { margin-top: 1.5em; }
        .inter4-item img { display: none; }
        .inter4-r .inter4-item .inter4-num { right: auto; left: 0; }
        .inter4-r .inter4-item .inter4-con { padding-left: 3.5em; padding-right: 1em; }
        .inter4-heap>img { display: none; }

        .product03 .hardware02 { font-size: 17px; }
        .hardware02 .hardware02-img { padding-right: 15px; }
        .hardware02 .hardware02-r { padding-left: 15px; padding-top: 1em; }

        .hardware01-main ul { text-align-last: center; }
        .hardware01-main .hardware01-item { width: 27%; margin: 0 1em; }

        .pro03list-heap .pro03list-item { width: 32%; margin-right: 2%; }
        .pro03list-heap .pro03list-item:nth-child(4n) { margin-right: 2%; }
        .pro03list-heap .pro03list-item:nth-child(3n) { margin-right: 0; }

        .prodetails-t .prodetails-l { padding-right: 1em; }
        .prodetails-t .prodetails-infor { padding-left: 1em; padding-right: 1em; }
        .prodetails-main .prodetails-content { padding: 0 1em; }

        .develop1-main .develop1-item { width: 90%; }

        .output1 .output1-main { width: 620px; }
        .output1-main .output1-box:nth-of-type(1) .output1-border { width: 7em; height: 1.5em;  top: -45%; right: 50%; }
        .output1-main .output1-box:nth-of-type(2) .output1-border { width: 9em; height: 1.5em; top: -40%; right: 50%; }
        .output1-main .output1-box:nth-of-type(3) .output1-border { width: 6em; height: 1.5em; top: -40%; right: 50%; }
        .output1-main .output1-box:nth-of-type(4) .output1-border { width: 3em; height: 1.5em; top: 45%; right: 90%; }
        .output1-main .output1-box:nth-of-type(5) .output1-border { width: 3em; height: 1em; top: 40%; left: 90%; }
        .output1-main .output1-box:nth-of-type(6) .output1-border { width: 4em; height: 1.5em; top: 45%; left: 90%; }
        .output1-main .output1-box:nth-of-type(7) .output1-border { width: 6em; height: 1.5em; top:-40%; left: 50%; } 
        .output1-main .output1-box:nth-of-type(1) { left: 51%; bottom: -15%; }
        .output1-main .output1-box:nth-of-type(2) { right: 2%; bottom: 22%; }
        .output1-main .output1-box:nth-of-type(3) { right: 20%; bottom: 2%; }
        .output1-main .output1-box:nth-of-type(4) { right: 7%; top: 6%; }
        .output1-main .output1-box:nth-of-type(5) { left: -3%; top: 20%; }
        .output1-main .output1-box:nth-of-type(6) { left: 18%; top: 8%; }
        .output1-main .output1-box:nth-of-type(7) { left: 2%; top: 77%; }

        .output2 .output2-main { font-size: 20px; }
        .output2-main .output2-content { margin-top: 1.5em; }
        .output2-art img { width: 13%; }

        .censor1 .censor1-main { width: 90%; background: url(../img/product/pro_02/pro_02_1/02.png) no-repeat center center; background-size: contain; }
        .censor1-main img { display: none; }
        .censor1-main .censor1-box { width: 100%; padding: 1em 0; position: relative; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; }
        .censor1-main .censor1-box:nth-of-type(1) .censor1-num,
        .censor1-main .censor1-box:nth-of-type(3) .censor1-num,
        .censor1-main .censor1-box:nth-of-type(7) .censor1-num,
        .censor1-main .censor1-box:nth-of-type(8) .censor1-num { right: auto; left: 0; }
        .censor1-main .censor1-box:nth-of-type(1) .censor1-con,
        .censor1-main .censor1-box:nth-of-type(3) .censor1-con,
        .censor1-main .censor1-box:nth-of-type(7) .censor1-con,
        .censor1-main .censor1-box:nth-of-type(8) .censor1-con { text-align: left; padding-left: 3em; padding-right: 0; }

        .censor3 .censor3-main { width: 90%; }

        .censor4-tab .censor4-item { width: 32%; }
        .censor4-tab .censor4-item:nth-child(3),.censor4-tab .censor4-item:nth-child(4) { margin: 0; }
        .censor4-tab .censor4-item { margin: 0.5em 0; }
        .censor4-main .censor4-content { position: static; right: auto; width: 100%; padding-top: 1em; }

        .product02-1 .censor5 { padding-bottom: 0; }
        .censor5 .censor5-main { width: 100%; height: auto; padding: 2em 0; }
        .censor5-main .safetitle { padding: 0 1em; }
        .censor5-main>img { display: none; }
        .censor5-main .censor5-heap { text-align: justify; text-align-last: center; }
        .censor5-main .censor5-box { width: 28%; display: inline-block; vertical-align: top; position: relative; margin: 1.5em 1em 0; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; }
        .censor5-main .censor5-box:nth-child(2n+1) img { left: 0; top: 0; right: auto; bottom: auto; transform: translateX(0); }
        .censor5-main .censor5-box:nth-child(2n) img { left: 0; top: 0; right: auto; bottom: auto; transform: translateX(0); }
        .censor5-box .censor5-name { text-align: left; text-align-last: left; }
        .censor5-box .censor5-con { text-align: left; text-align-last: left; }
        .censor5-box .censor5-text { padding-left: 3em; }

        .data2 .data2-main { width: 100%; padding: 1em 0; }
        .data2-main .data2-img { display: none; }
        .data2-main .data2-bg { display: block; }
        .data2-main .data2-heap { text-align: justify; text-align-last: justify; }
        .data2-heap .data2-item { margin-top: 1em; width: 22%; display: inline-block; vertical-align: top; position: relative; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; }
        .data2-item .data2-name { font-size: 1em; text-align-last: center; }
        .data2-item .data2-con { text-align-last: left; }

        .data3 .data3-img img { width: 100%; }
        .data3 .data3-infor { padding-top: 1em; }

        .data5-main .data5-item { padding: 1em; }

        .product02-3 .repair2 { padding: 2em 0; }

        .repair4 .repair4-infor { padding-top: 3em; padding-bottom: 2em; }

        .product02-3 .repair5 { padding: 2em 0; }

        .gps3-main .gps3-box { padding-top: 1em; }
        .gps3-box .gps3-img { padding-top: 0; }
        .gps3-box .gps3-img img { width: 83%; }
        .gps3-infor .gps3-text { padding-top: 1em; }

        .device1 .device1-main { width: 600px; height: 22em;}
        .device1-main .device1-box img { width: 50%; }
        .device1-box1 { top: 38%; left: 15%; }
        .device1-box1 .infor1 { width: 10em; height: 5em; top: -54%; right: 0%; }
        .infor1 .device1-text { width: 9em; height: 5em; top: 0; right: 1em; }
        .device1-box2 { bottom: 19%; left: 22%; }
        .device1-box2 .infor2 { width: 15em; height: 3em; bottom: -34%; right: 10%; }
        .infor2 .device1-text { width: 12em; height: 3em; right: 3em; }
        .device1-box3 { top: 26%; right: 43%; }
        .device1-box3 .infor3 { width: 13em; height: 3em; top: -35%; right: 50%; }
        .device1-box4 { bottom: 10%; left: 43%; }
        .device1-box4 .infor4 { width: 14em; height: 3em; bottom: -25%; left: 50%; }
        .infor4 p { left: 0.5em; }
        .device1-box5 { top: 32%; right: 23%; }
        .device1-box5 .infor5 { width: 12em; height: 4em; top: -55%; left: 50%; }
        .infor5 p { left: 0.5em; }
        .device1-box6 { bottom: 25%; right: 14%; }
        .device1-box6 .infor6 { width: 10em; height: 5em; bottom: -36%; left: 0%; }
        .infor6 .device1-text { width: 9em; height: 5em; top: -2px; left: 1em; }

        .device5 .device5-main { width: 90%; overflow: hidden; }
        .device5-main .device5-heap { float: right; width: 90%; }
        .device5-main .device5-order { float: left; width: 10%; padding-top: 0; }
        .device5-heap .device5-item { width: 100%; padding: 1em; margin: 0 0 1em; }
        .device5-heap .device5-item:nth-child(2) { padding-top: 1em; }
        .device5-heap .device5-item:nth-child(4), .device5-heap .device5-item:nth-child(5), .device5-heap .device5-item:nth-child(6) { transform: translateX(0); }
        .order-circle .order-circle1 { width: 100%; height: 100%; background-color: transparent; }
        .order-circle .order-circle2 { width: 40%; height: 40%; }
        .order-box .order-circle::before { display: none; }
        .order-box .order-circle::after { width: 0.3em; height: 4.5em; left: 50%; top: 2em; transform: translate(-50%,0); }

        .device5-order .order-box { margin-right: 0; margin-bottom: 1.7em; position: relative; }
        .device5-order .order-box:nth-child(1) { margin-bottom: 1em; }
        .device5-order .order-box:nth-child(2) { margin-bottom: 1em; }
        .order-box .order-circle { width: 2em; height: 2em; position: absolute; top: 50%; left: 35%; transform: translateY(-50%); }
        .order-box p { font-size: 1em; width: 20%; }

        .product02-1 .security3 { padding: 2em 0; }
        .security3 .security3-main { padding-top: 2em; }

        .product02-1 .security6 { padding: 2em; }
        .security6 .security6-infor { padding-left: 2em; }
        .security6-text p { font-size: 0.8em; }

        .equip1 .equip1-main { padding-top: 1em; }
        .equip1-main .equip1-item { margin: 0 1em; }

        .equip2 .equip2-main { padding-top: 1em; }
        .equip2-main .equip2-item { width: 17%; margin: 0 0.5em; }

        .equip3-main .equip3-img { height: 20em; overflow: hidden; }
        .equip3-main .equip3-img img { position: relative; left: auto; top: auto; width: 100%; transform: translateY(-25%); }
        .equip3 .equip3-infor { padding-left: 15px; padding-top: 1em; }
        .sidetitle { display: table; margin: 0 auto; }
        .sidetitle .line1 { margin: 1em auto 0; }

        .spare2 .spare2-main { padding-top: 0.5em; }

        .repair2-main .sidetitle,.repair4-main .sidetitle,.repair5-main .sidetitle,.gps2-main .sidetitle { display: inline-block; margin: 0; }
        .repair2-main .sidetitle .line1,.repair4-main .sidetitle .line1,.repair5-main .sidetitle .line1,.gps2-main .sidetitle .line1 { margin: 1em 0 0; }
    }
    
    @media screen and (max-width:940px) {
        .company h1 { font-size: 1.4em; }
        .company .company-img { display: none; }
        .company .company-s-img { display: block; }
        .company p { margin-top: 1.5em; }

        .culture-box .culture-text { padding: 2em 1em 0; }

        .organ { font-size: 15px; }
        .row4 { margin-top: 2em; }

        .censor2-main .censor2-infor {padding-top: 2em;padding-left: 1em;}

        .opera1-main .opera1-img { height: 18em; }

        .opera2 .opera2-infor { padding-top: 1em; }

        .pos2-tab .pos2-item { margin: 0 0.4em; }

        .device5-main .device5-heap { width: 89%;}
        .device5-main .device5-order { width: 11%; }
        .device5-order .order-box { margin-bottom: 2.5em; }
        .order-box .order-circle::after { height: 5.5em; }
    }

    @media screen and (max-width:920px) {
        .iservice-main .iservice-box { padding: 2em 3em 3em; }

        .inset-tab { width: 55%; }
        .address-nav { width: 45%; }
        
        .slove .slove-main { padding: 0 0 2em; }

        .psafe-main .psafe-bg { width: 90%; }
        .psafe-main .psafe-box1 {left: 13%;top: 18%;}
        .psafe-main .psafe-box2 {left: 28%;top: 15%;}
        .psafe-main .psafe-box3 {left: 39%;top: 15%;}
        .psafe-main .psafe-box4 {right: 37%;top: 16%;}
        .psafe-main .psafe-box5 {right: 26%;top: 14%;}
        .psafe-main .psafe-box6 {right: 13%;top: 19%;}
        .psafe-main .psafe-box7 {left: 4%;top: 42%;}

        .risk1 .risk1-main { margin-top: 1em; }
        .risk1-main .risk1-item { margin: 0 3em; padding-top: 1em; }
        .risk1-item .risk1-infor { width: 12em; }

        .risk2-text p { font-size: 0.8em; }

        .opera3-main .opera3-item { padding: 0.5em 1em; }

        .train2-main .train2-item { width: 25%; }
        .train2-name img { width: 50%; }
        .train2-name p { font-size: 1.2em; }

        .prodetails-t .prodetails-infor { padding-top: 1em; }
        .prodetails-infor h1 { padding-bottom: 0.5em; }

        .data4-main .data4-img { padding-top: 3em; }

        .data5-main .data5-item { padding: 1em 0; }

        .spare3-main .spare3-item { width: 30%; margin: 0 0.5em; }
        .spare3-item .spare3-con { padding: 1.5em 1em 1em; }
    }

    @media screen and (max-width:910px) {
        .inset-tab { width: 54%; }
        .inset-tab li:nth-child(5) .line { margin-top: 0; position: absolute; top: -18px; left: 50%; transform: translateX(-50%); }
        .inset-tab li:nth-child(5) .line:before { border-bottom: 5px solid transparent; border-top: 5px solid #c62b2b; top: 2px; }

        .security3-main .security3-item { width: 21%; margin: 0 0.5em; }
    }

    @media screen and (max-width:880px) {
        .footer-nav .fnav-box { margin: 0 0.6em; }

        .prisk-main .prisk-item { margin: 0 1.5em; }

        .repair4 .repair4-img { padding-top: 0; }
        .repair4 .repair4-img img { width: 100%; }

        .equip1-main .equip1-item { margin: 0 0.2em; }

        .risk2 .risk2-infor { padding-top: 1.5em; }
    }

    @media screen and (max-width:870px) {
        .idirec-heap .idirec-item { padding: 0.5em; }
        .idirec-item .idirec-item-l { width: 25%; }
        .idirec-item .idirec-item-r { width: 75%; }

        .inews-main>ul>li:first-of-type { padding-right: 15px; }
        .inews-main>ul>li:last-of-type { padding-left: 15px; }
        .inewsl-t .inewsl-name { width: 65%; }
        .inews-item>div:first-of-type { padding-right: 0; }

        .culture-box .culture-text { padding: 2em 1em 0; }
        .culture-text .culture-name { font-size: 1.1em; }
        .culture-text .culture-con { line-height: 1.6; margin-top: 1.5em; }

        .data3 .data3-infor { padding-top: 0; }

        .pos2-tab .pos2-item { margin:  0 0.3em; }
        .pos2-item p { font-size: 0.8em; }
        .pos2-item .line { margin-top: 1em; }

        .censor2-main .censor2-infor { padding-top: 0; }
    }

    @media screen and (max-width:840px) {
        .iservice-main .iservice-box { padding: 2em 1em 2em; }
        .iservice-main .iservice-hover { width: 95%; }

        .islove .islove-img img { margin-top: -5%; }

        .newslist-heap .newslist-item:nth-child(2n+1) { padding-right: 15px; }
        .newslist-heap .newslist-item:nth-child(2n) { padding-left: 15px; }

        .psaf4-infor p { font-size: 0.9em; }
        .psaf5-main img,.psaf6-main img { width: 90%; }

        .danger2-item img { width: 65%; }

        .opera2 .opera2-infor { padding-top: 0.5em; padding-left: 2em; }

        .opera4-item img { width: 30%; }

        .train1-item p { font-size: 0.8em; }

        .train4-main .train4-heap { width: 100%; }

        .inter2 .inter2-infor { width: 85%; }

        .inter4-main .inter4-heap { width: 100%; }

        .develop2-main .develop2-item { margin: 0 1em; }
        .develop2-item img { width: 50%; }

        .censor5-main .censor5-heap { text-align-last: left; }
        .censor5-main .censor5-box { width: 44%; }

        .data4-text p { font-size: 0.8em; }

        .repair2 .repair2-infor { padding-right: 1em; }

        .equip2-main .equip2-item { width: 18%; margin: 0 0.2em; }

        .spare4-main .spare4-item { width: 42%; }
        .spare4-main .spare4-item:nth-child(1), .spare4-main .spare4-item:nth-child(2) { margin: 1em 1em 0; }
        .spare4-main .spare4-item:last-child { display: inline-block; }

        .pos3 .pos3-infor { padding-top: 3em; padding-left: 15px; }
    }

    @media screen and (max-width:820px) {
        .inset-tab { width: 100%; }
        .address-nav { width: 100%; }
        .inset-tab li { margin-right: 0.7em; }
        .inset-tab li:nth-child(8) .line { margin-top: 1em; position: relative; top: 0; left: 0; transform: translateX(0); }
        .inset-tab li:nth-child(8) .line:before { border-bottom: 5px solid #c62b2b; border-top: 5px solid transparent; top: -10px; }
        .inset-tab li:nth-child(7) .line { margin-top: 1em; position: relative; top: 0; left: 0; transform: translateX(0); }
        .inset-tab li:nth-child(7) .line:before { border-bottom: 5px solid #c62b2b; border-top: 5px solid transparent; top: -10px; }
        .inset-tab li:nth-child(6) .line { margin-top: 1em; position: relative; top: 0; left: 0; transform: translateX(0); }
        .inset-tab li:nth-child(6) .line:before { border-bottom: 5px solid #c62b2b; border-top: 5px solid transparent; top: -10px; }
        .inset-tab li:nth-child(5) .line { margin-top: 1em; position: relative; top: 0; left: 0; transform: translateX(0); }
        .inset-tab li:nth-child(5) .line:before { border-bottom: 5px solid #c62b2b; border-top: 5px solid transparent; top: -10px; }
        .address-nav { padding: 0.5em 0; }

        .spare2-main .spare2-item { width: 44%; }

        .pos2-con .pos2-img { width: 75%; }
        .pos2-tab .pos2-btn { top: 8em; }
    }

    @media screen and (max-width:800px) {
        .idirec-item .idirec-item-l { width: 26%; padding-top: 1.75em; }
        .idirec-item .idirec-item-r { width: 74%; }

        .culture-box .culture-text { padding: 1em 1em 0; }
        .culture-text .culture-name { font-size: 1em; }
        .culture-text .culture-con { line-height: 1.6; margin-top: 1.5em; }

        .opera2title p { font-size: 1.3em; }
        .opera2-text p { font-size: 0.8em; }

        .censor2-main .censor2-img { padding-top: 1em; }
    }
}

/*----------- 手机端 -----------*/
@media screen and (max-width:767px) and (min-width:320px) {
    .pc { display: none; }
    .mob { display: block; }
    
    /*-------- common --------*/
    body { font-size: 20px; }

    .img { width: 140px; margin: 100px auto;  }
    .img img { width: 100%; }

    /* 头部 */
    .header { padding: 0.5em 0; background-color: #ffffff; position: fixed; left: 0; top: 0; width: 100%; z-index: 999; }
    .header .logo { height: 2em; position: absolute; left: 1em; top: 50%; transform: translateY(-50%); z-index: 20; }
    .logo img { height: 100%; }
    .nav-btn { width: 2em; height: 2em; background: url(../img/nav_btn.png) no-repeat; float: right; cursor: pointer; }
    .nav-list { display: none; position: fixed; right: 0; top: 3em; width: 100%; height: 100%; z-index: 999; }
    .nav-list>ul { width: 60%; background-color: rgba(255, 255, 255, .9); padding: 0.6em 1em; border-bottom: 2px solid #c62b2b; margin-left: auto; position: relative; z-index: 800; }
    .nav-list .nav-item { margin: 0.8em 0; display: table; }
    .nav-item a,.nav-item p { font-size: 0.8em; color: #000000; line-height: 1; float: left; margin-right: 0.3em; transition:all .2s ease-in; -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in; }
    .nav-item i { font-size: 0.8em; color: #000000; line-height: 1; float: left; transition:all .2s ease-in; -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in; }
    .nav-item .drop-menu { padding-left: 1em; position: absolute; left: 5em; transform: translateY(-0.7em); visibility: hidden; opacity: 0; transition:all .2s ease-in; -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in; }
    .nav-list .nav-item:nth-child(4) .drop-menu { transform: translateY(-45%); }
    .nav-list .nav-item:nth-child(5) .drop-menu { transform: translateY(-82%); }
    .nav-list .nav-item:nth-child(6) .drop-menu { transform: translateY(-70%); }
    .drop-menu li { margin: 0.8em 0; overflow: hidden; }
    .drop-menu li a { font-size: 0.7em; color: #333333; line-height: 1; text-align: left; transition:all .2s ease-in; -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in; }
    .nav-list .nav-item:hover>a,.nav-list .nav-item.active>a { color: #c62b2b; }
    .nav-list .nav-item:hover>p,.nav-list .nav-item.active>p { color: #c62b2b; }
    .nav-list .nav-item:hover i,.nav-list .nav-item.active i { color: #c62b2b; transform: rotate(-90deg); }
    .drop-menu li:hover a { color: #c62b2b; }
    .nav-list .nav-item:hover .drop-menu { visibility: visible; opacity: 1; }
    .nav-list .navclose { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 700; }

    /* banenr */
    .m-banner { position: relative; overflow-x: hidden; margin-top: 3em; }
    .m-banner-img { overflow: hidden; }
    .m-banner-img ul { position: relative; }
    .m-banner-img li { float: left; width: 100%; font-size: 0; }
    .m-banner-img li a { display: inline-block; width: 100%; height: 100%; }
    .m-banner-img img { width: 100%; }
    .m-banner-icons { position: absolute; bottom: 0.5em;; left: 50%; z-index: 30; transform: translateX(-50%); }
    .m-banner-icons .swiper-pagination-bullet { display: inline-block; width: 0.5em; height: 0.5em; border-radius: 50%; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; opacity: 1; cursor: pointer; outline: none; }
    .m-banner-icons .swiper-pagination-bullet-active { background: #d93924; }
    
    /* footer */
    .footer { margin-bottom: 2.4em; }
    .footer .footer-t { padding: 0.8em 0; background-color: #000000; }
    .footer-t p,.footer-t a { font-size: 0.8em; color: #ffffff; line-height: 1.3; text-align: center; margin: 0.5em; }
    .footer .footer-b { padding: 0.5em 0; border-top: 2px solid #999999; background-color: #1a1a1a; }
    .footer-b p { font-size: 0.7em; color: #e5e5e5; line-height: 1; text-align: center; padding-left: 25px; position: relative; display: table; margin: 0 auto; }
    .footer-b i { width: 20px; height: 20px; background: url(../img/copyright.png) no-repeat center center; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

    .key { background-color: #c62b2b; text-align: center; padding: 0.5em 0; position: fixed; bottom: 0; width: 100%; z-index: 999; }
    .key i { font-size: 1em; color: #ffffff; line-height: 1; display: inline-block; margin-right: 0.5em; }
    .key a { font-size: 0.8em; color: #ffffff; line-height: 1; display: inline-block; }

    /* 网站导航 */
    .address-nav { padding: 0.25em 0 0.5em; overflow: hidden;  }
    .address-nav b { font-size: 0.7em; color: #808080; font-weight: normal; line-height: 1; }
    .address-nav b i { font-size: 1.25em; color: #c62b2b; padding-right: 0.25em; }
    .address-nav a { font-size: 0.7em; color: #808080; }
    .address-nav a i { font-style: normal; }
    .address-nav a.cur,.address-nav a:hover { color: #c62b2b; font-weight: 800; }

    .add-tab { position: relative; z-index: 20; }
    .inset-tab { position: relative; }
    .inset-tab li { float: left; width: 3.5em; padding-top: 0.5em; margin-right: 0.5em; text-align: center; position: relative; z-index: 30; }
    .inset-tab li .inset-box { display: table; margin: 0 auto; position: relative; }
    .inset-tab a { font-size: 0.7em; color: #666666; line-height: 1; display: table; margin: 0 auto; position: relative; }
    .inset-tab li .line { width: 9px; height: 2px; background-color: #c62b2b; margin: 0 auto; margin-top: 0.5em; position: relative; visibility: hidden; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .inset-tab li .line:before { content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #c62b2b; position: absolute; top: -4px; left: 50%; transform: translateX(-50%); visibility: hidden; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .inset-tab li a:hover,.inset-tab li a.active { color: #c62b2b; font-weight: 800; }
    .inset-tab li a:hover+.line,.inset-tab li a.active+.line { width: 100%; visibility: visible; opacity: 1; }
    .inset-tab li a:hover+.line::before,.inset-tab li a.active+.line::before { visibility: visible; opacity: 1; }
    .inset-tab li:nth-child(14) .line { margin-top: 0; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
    .inset-tab li:nth-child(14) .line:before { border-bottom: 5px solid transparent; border-top: 5px solid #c62b2b; top: 2px; }
    .inset-tab .hr { width: 100%; height: 1px; background-color: #cccccc; position: absolute; left: 0; top: 1.75em; z-index: 10; }

    /* 分页 */
    .pagination-bar { text-align: center; padding: 1em 0 0.5em; }
    .pagination-bar a { font-size: 16px; color: #4c4c4c; line-height: 22px; border: 1px solid #666666; background-color: #ffffff; display: inline-block; width: 24px; height: 24px; margin: 0; }
    .pagination-bar a:first-of-type,.pagination-bar a:last-of-type { font-family: "simsun"; font-weight: 800; }
    .pagination-bar a.on,.pagination-bar a:hover { color: #ffffff; background-color: #d93924; border-color: #d93924; }
    .pagination-bar span { font-size: 16px; color: #666666; display: inline-block; width: 25px; }
    .pagination-bar .pagination-arrow { width: 40px; }

    /*-------- 首页内容 --------*/
    /* 核心业务 */
    .iservice,.icase { padding: 2em 0; overflow: hidden; }
    .ititle { text-align: center; }
    .ititle .ititle-ch { font-size: 1.2em; color: #000000; line-height: 1; }
    .ititle .ititle-en { font-size: 0.6em; color: #000000; line-height: 1; }
    .ititle .ititle-con { font-size: 0.6em; color: #323232; line-height: 1.1; padding-top: 1em; }
    .ititle .line { width: 40px; height: 4px; background-color: #c62b2b; margin: 0.4em auto; }
    .iservice .iservice-main { padding-top: 1em; }
    .iservice-main .iservice-item { margin: 0.5em 0; }
    .iservice-main .iservice-film { position: relative; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .iservice-main .face { position: absolute; top: 0; left: 0; }
    .iservice-main .iservice-box { width: 100%; padding: 1em 1em 3em; cursor: pointer; visibility: visible; opacity: 1; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .iservice-box img { width: 50%; display: table; margin: 0 auto; }
    .iservice-box .box-name { font-size: 0.9em; color: #333333; line-height: 1; text-align: center; padding-top: 1em; }
    .iservice-box .box-con { font-size: 0.7em; color: #666666; line-height: 1.6; text-align: center; padding-top: 0.5em; }
    .iservice-main .iservice-hover { width: 100%; height: 100%; padding: 1.5em 1em; background: url(../img/service_i/iservice_bg.png) no-repeat center center; border-radius: 10px; text-align: center; overflow: hidden; visibility: hidden; opacity: 0; position: relative; transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; }
    .iservice-film:hover .iservice-box { visibility: hidden; opacity: 0; }
    .iservice-film:hover .iservice-hover { visibility: visible; opacity: 1; }
    .iservice-hover .iservice-title  { text-align: left; position: relative; }
    .iservice-title img { position: absolute; left: 0; top: 50%; height: 3em; transform: translateY(-50%); }
    .iservice-title a { font-size: 1em; color: #ffffff; line-height: 1; font-weight: 800; display: inline-block; padding-left: 2.5em; }
    .iservice-title a:hover { text-decoration: underline; }
    .iservice-hover .iserHover-heap { padding: 1em 0; width: 40%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    .iserHover-heap .iserHover-item { padding: 0.5em 0; border-bottom: 1px dashed rgba(255, 255, 255, .5); overflow: hidden; }
    .iserHover-item i { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid rgba(255, 255, 255, .7); float: left; margin-top: 0.2em; }
    .iserHover-item a { font-size: 0.7em; color: rgba(255, 255, 255, .7); line-height: 1; margin-left: 0.7em; float: left; }
    .iservice-hover .iservice-more { font-size: 0.6em; color: rgba(255, 255, 255, .7); line-height: 1; padding: 0.4em 3.5em; border: 1px solid rgba(255, 255, 255, .7); border-radius: 2em; display: inline-block; position: absolute; left: 50%; bottom: 2em; transform: translateX(-50%); transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; }
    .iservice-main .iservice-item:nth-child(4) .iservice-more { bottom: 4em; }
    .iserHover-item:hover a { color: #ffffff; }
    .iserHover-item:hover i { border-left-color: #ffffff; }
    .iservice-hover .iservice-more:hover { color: #c62b2b; background-color: #ffffff;  }

    /* 改善方向 */
    .idirec { padding: 2em 0; background: url(../img/direc_i/direc_bg.png) no-repeat center center; background-size: cover; overflow: hidden; }
    .idirec .idirec-t { padding: 2em 0; background-color: rgba(255, 255, 255, .8); }
    .idirec-t .idirec-icons { padding: 1em 0; }
    .idirec-icons ul { text-align: center; text-align-last: center; }
    .idirec-icons .idirec-i { display: inline-block; margin: 0.5em 0; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .idirec-i img { width: 65%; display: table; margin: 0 auto; }
    .idirec-icons .idirec-i:hover { transform: translateY(-5%); }
    .idirec-t .idirec-con { padding: 0 0.5em; }
    .idirec-t .idirec-con p { font-size: 0.7em; color: #323232; line-height: 1.5; text-align: center; }
    .idirec .idirec-heap { padding-top: 0; }
    .idirec-heap .idirec-item { padding: 0.75em 0.75em; margin-top: 1em; background-color: rgba(255, 255, 255, .8); }
    .idirec-item .idirec-item-l { width: 9%; float: left; }
    .idirec-item-l img { width: 100%; }
    .idirec-item-l p { font-size: 0.8em; color: #000000; line-height: 1.1; text-align: center; padding-top: 0.25em; }
    .idirec-item .idirec-item-r { font-size: 0.7em; color: #333333; line-height: 1.5; float: left; width: 91%; padding-top: 1em; padding-left: 1em; }

    /* 客户案例 */
    .icase-tab { padding-top: 1em; }
    .icase-tab ul { text-align: center; text-align-last: center; }
    .icase-tab li { display: inline-block; padding: 0.3em 1em; }
    .icase-tab li a { font-size: 0.8em; color: #000000; line-height: 1; text-align: center; width: 6.5em; padding: 0.4em; border-radius: 5px; background-color: #e0e0e0; display: block; transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease; }
    .icase-tab li a:hover { color: #ffffff; background-color: #c62b2b; }

    .icase .icase-heap { position: relative; }
    .icase-heap li { margin-top: 1em; }
    .icase-heap .icase-item { border: 5px solid #e6e6e6; transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; }
    .icase-heap .icase-img { width: 100%; position: relative; overflow: hidden; }
    .icase-img img { width: 100%; transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; }
    .icase-heap .icase-text { padding: 1em 0.75em; position: relative; }
    .icase-text .icase-name { font-size: 1em; color: #000000; line-height: 1.1; width: 85%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .icase-text .icase-con { font-size: 0.7em; color: #333333; line-height: 1.7; margin-top: 1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
    .icase-heap .icase-item:hover { box-shadow: -5px -5px 15px 0px rgba(0, 0, 0, .3); }
    .icase-heap .icase-item:hover img { transform: scale(1.1); }
    .icase-heap .icase-item:hover .icase-name { margin-left: 3%; }

    .icase .icase-more { padding-top: 1em; text-align: center; }
    .icase .icase-more a { font-size: 0.8em; color: #333333; line-height: 1; padding: 0.3em 1.75em; border: 1px solid #333333; border-radius: 1.5em; display: inline-block; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .icase-more a:hover { color: #ffffff; background-color: #c62b2b; border-color: #c62b2b; }

    /* 解决方案 */
    .islove { padding: 2em 0; background-color: rgba(0, 0, 0, .7); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; }
    .islove .islove-img img { width: 100%; }
    .islove .islove-r { padding-top: 1.5em; }
    .islove-r .sltitle .sltitle-ch { font-size: 1.3em; color: #ffffff; line-height: 1; }
    .sltitle .sltitle-en { font-size: 0.7em; color: #ffffff; line-height: 1; font-weight: 800; margin-top: 0.5em; }
    .sltitle .line { width: 2em; height: 1px; background-color: #ffffff; margin-top: 1em; }
    .islove-r .islove-tab { padding-top: 1em; margin-top: 1em; }
    .islove-tab .islove-btn { float: left; margin-right: 1em; }
    .islove-tab .islove-btn:last-of-type { margin-right: 0; }
    .islove-btn a { font-size: 1em; color: #ffffff; line-height: 1.1; }
    .islove-btn .hr { width: 0; height: 2px; background-color: #c62b2b; margin: 0 auto; margin-top: 1em; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .islove-tab .line { width: 100%; height: 1px; background-color: rgba(255, 255, 255, .3); margin-top: -1px; }
    .islove-btn a:hover+.hr,.islove-btn.active .hr { width: 100%; }
    .islove-r .islove-content { padding-top: 2em; }
    .islove-content .islove-con { display: none; }
    .islove-content .islove-con.active { display: block; }
    .islove-content .islove-name { font-size: 1.3em; color: #ffffff; line-height: 1; }
    .islove-content .islove-infor { font-size: 0.7em; color: #ffffff; line-height: 1.8; padding-top: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .islove-content .islove-more { font-size: 0.7em; color: #ffffff; line-height: 1; padding: 0.5em 2em; margin-top: 1.5em; background-color: rgba(255, 255, 255, .5); display: inline-block; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .islove-content .islove-more:hover { background-color: #c62b2b; }

    /* 关于我们 */
    .icompany { padding-top: 2em; overflow: hidden; }
    .icompany .container { padding-bottom: 2em; background-color: #ffffff; position: relative; z-index: 20; }
    .icompany .icompany-main { padding-top: 1.5em; position: relative; }
    .icompany-main .icompany-heap { width: 90%; position: static; }
    .icompany-main .swiper-container .swiper-slide .icompany-item { position: relative; overflow: hidden; }
    .icompany-main .swiper-container .swiper-slide .icompany-item .icompany-img { width: 100%; overflow: hidden; }
    .icompany-img img { width: 100%; transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; }
    .icompany-main .swiper-container .swiper-slide .icompany-text { padding: 1em 1em 1.5em; background-color: #f0f0f0; text-align: center; }
    .icompany-text .icompany-ch { font-size: 1.2em; color: #000000; line-height: 1; }
    .icompany-text .icompany-en { font-size: 0.7em; color: #666666; line-height: 1; margin-top: 0.7em; }
    .icompany-text .icompany-con { font-size: 0.7em; color: #666666; line-height: 1.5; margin-top: 1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
    .icompany-item .line { width: 100%; height: 4px; background-color: #c62b2b; position: absolute; left: 0; bottom: -4px; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .icompany-main .swiper-container .swiper-slide .icompany-item:hover img { transform: scale(1.1); }
    .icompany-main .swiper-container .swiper-slide .icompany-item:hover .line { bottom: 0; }

    .icompany-main .swiper-container .icompany-button { background-image: none; font-size: 1.2em; color: #ffffff; line-height: 2.5em; text-align: center; background-color: #7f7f7f; margin-top: 0; width: 1em; height: 2.5em; border-radius: 3px; position: absolute; top: 53%; transform: translateY(-50%); cursor: pointer; outline: none; }
    .icompany-main .swiper-container .swiper-button-prev { left: 0; }
    .icompany-main .swiper-container .swiper-button-next { right: 0; }
    .icompany-main .swiper-container .icompany-button:hover { background-color: #c62b2b; }

    /* 新闻中心 */
    .inews { padding: 12em 0 2em; margin-top: -10em; background: url(../img/news_i/inews_bg.png) no-repeat center center; background-size: cover; overflow: hidden; }
    .inews .inews-heap { padding-top: 1em; }
    .inews-heap .inews-item { padding: 1em 0 0.5em; border-bottom: 1px dashed #999999; }
    .inews-item .inews-name { font-size: 0.8em; color: #000000; line-height: 1; font-weight: 800; width: 90%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .inews-item .inews-date { margin: 0.2em 0; position: relative; }
    .inews-date .line { width: 85%; height: 1px; background-color: #666666; position: absolute; left: 0; top: 50%; }
    .inews-date p { font-size: 0.7em; color: #333333; line-height: 1; text-align: right; }
    .inews-item .inews-con { font-size: 0.7em; color: #000000; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .inews-item a:hover .inews-name { color: #ce3232; margin-left: 2%; }
    .inews-item a:hover .line { background-color: #c62b2b; }
    
    /*-------- 公司简介 --------*/
    /* 公司简介 */
    .company { padding: 2em 0; }
    .company h1 { font-size: 1.2em; color: #333333; line-height: 1; margin: 0; padding-top: 1em; }
    .company img { width: 100%; }
    .company p { font-size: 0.8em; color: #333333; line-height: 1.5; text-indent: 2em; margin-top: 1em; }

    /* 发展历程 */
    .history { padding: 2em 0; }
    .history .history-tab { position: relative; }
    .history-tab .history-heap { width: 85%; padding-right: 0.1em; position: static; }
    .history-tab .history-item { font-size: 0.9em; color: #999999; line-height: 1; text-align: center; padding: 0.3em 0; border: 2px solid #b3b3b3; cursor: pointer; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .history-heap .history-item:hover,.history-heap .swiper-slide.on .history-item { color: #ffffff; background-color: #ce3232; border-color: #ce3232; }
    .history-tab .swiper-container .history-button { background-image: none; font-size: 0.8em; color: #ffffff; line-height: 2em; text-align: center; background-color: #7f7f7f; margin-top: 0; width: 1.4em; height: 2em; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; outline: none; }
    .history-tab .swiper-container .swiper-button-prev { left: 0; }
    .history-tab .swiper-container .swiper-button-next { right: 0; }
    .history-tab .swiper-container .history-button:hover { background-color: #c62b2b; }

    .history .history-content { padding-top: 1.5em; }
    .history-content .history-box { display: none; }
    .history-content .history-box.active { display: block; }
    .history-box .history-img { width: 100%; overflow: hidden; }
    .history-img img { width: 100%; }
    .history-box .history-infor { padding-top: 1em; }
    .history-infor .history-title { overflow: hidden; }
    .history-title .borderleft { width: 5px; height: 1.2em; background-color: #ce3232; float: left; }
    .history-title p { font-size: 1.2em; color: #ce3232; line-height: 1; font-weight: 800; padding-left: 0.5em; float: left; }
    .history-infor .history-text { padding-top: 0.5em; }
    .history-text p { font-size: 0.8em; color: #666666; line-height: 1.9; margin-top: 0.5em; }

    /* 文化与理念 */
    .culture { position: relative; padding-bottom: 2em; }
    .culture .container { position: static; }
    .culture .culture-box { padding-top: 1.5em; }
    .culture-box .culture-img img { position: absolute; width: 95%; }
    .culture-box .culture-text { padding-top: 1em; }
    .culture .culture-box:nth-child(2n+1) img { left: 0; }
    .culture .culture-box:nth-child(2n) img { right: 0; }
    .culture-text .culture-name { font-size: 1.1em; color: #000000; line-height: 1; font-weight: 800; }
    .culture-text .culture-con { font-size: 0.8em; color: #000000; line-height: 1.5; margin-top: 0.5em; }

    /* 联系方式 */
    .contactus { padding: 2em 0; }
    .contactus .contactus-text { padding-top: 1.5em; }
    .contactus-text .contactus-title { overflow: hidden; }
    .contactus-title h1 { font-size: 1.2em; color: #333333; line-height: 1; margin: 0; }
    .contactus-title .line { width: 40%; height: 1px; background-color: #c62b2b; margin-top: 1em; }
    .contactus-text .contactus-heap { padding-top: 0.5em; overflow: hidden; }
    .contactus-heap .contactus-item  { padding-top: 0.5em; float: left; }
    .contactus-item i { font-size: 1.1em; color: #c62b2b; line-height: 1; float: left; margin-right: 0.75em; margin-top: 0.1em; }
    .contactus-item p { font-size: 0.9em; color: #333333; line-height: 1.5; padding-right: 2em; float: left; }
    .contactus .contactus-map { height: 380px; }
    .contactus-map iframe { width: 100%; height: 100%; }

    /* 资质荣誉 */
    .honor { padding-bottom: 2em; }
    .honor .honor-main { overflow: hidden; }
    .honor-main .honor-title { padding: 1em 0 0.7em; border-bottom: 1px solid #ce3232; }
    .honor-title li { font-size: 0.9em; color: #c62b2b; line-height: 1; font-weight: 800; text-align: center; }
    .honor-main .honor-heap { padding-top: 0.5em; }
    .honor-heap .honor-item { padding: 0.5em 0; border-bottom:  1px dashed #cccccc; }
    .honor-item li p { font-size: 0.8em; color: #666666; line-height: 1; text-align: center; margin-top: 0.25em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    .honor-main .honor-img a { width: 21px; height: 18px; background: url(../img/company/honor/sprite_m.png) no-repeat; background-position: 0 0; display: table; margin: 0 auto; }
    .honor-img a:hover { background-position: 0 -20px; }

    /* 组织架构 */
    .organ { padding: 2em 0; }
    .organ .organ-main { width: 100%; display: table; margin: 0 auto; }
    .organ-main .organ-row { display: flex; justify-content: center; }
    .row1 .row1-item1 { overflow: hidden; }
    .row1-item1 .row1-item1-box { width: 3.5em; height: 3.5em; border-radius: 50%; background-color: rgba(198, 43, 43, .5); position: relative; }
    .row1-item1-box .row1-item1-in { width: 3.2em; height: 3.2em; border-radius: 50%; background-color: #c62b2b; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    .row1-item1-in p { font-size: 0.7em; color: #ffffff; line-height: 4.7em; font-weight: 800; text-align: center; }

    .row1 .row1-item2 { padding-top: 0.5em; margin: 0 0.5em; overflow: hidden; }
    .row1-item2 .row1-item2-box { width: 3em; height: 3em; border-radius: 50%; background-color: rgba(198, 43, 43, .5); position: relative; float: left; }
    .row1-item2-box .row1-item2-in { width: 2.7em; height: 2.7em; border-radius: 50%; background-color: #c62b2b; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    .row1-item2-in p { font-size: 0.6em; color: #ffffff; line-height: 4.5em; font-weight: 800; text-align: center; }
    .row1-item2 .organ-arrow { width: 50px; height: 12px; background: url(../img/company/sprite_organ.png) no-repeat 0 0; float: left; margin-top: 1.3em; margin-left: 10px; }

    .row1 .row1-item3 { padding-top: 0.5em; margin: 0 0.5em; overflow: hidden; }
    .row1-item3 .row1-item3-box { width: 3em; height: 3em; border-radius: 50%; background-color: rgba(198, 43, 43, .5); position: relative; float: left; }
    .row1-item3-box .row1-item3-in { width: 2.7em; height: 2.7em; border-radius: 50%; background-color: #c62b2b; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    .row1-item3-in p { font-size: 0.6em; color: #ffffff; line-height: 4.5em; font-weight: 800; text-align: center; }
    .row1-item3 .organ-arrow { width: 50px; height: 12px; background: url(../img/company/sprite_organ.png) no-repeat -42px -20px; float: left; margin-top: 1.3em; margin-right: 10px; }

    .row2 .row2-item1 { margin-top: 0.5em; overflow: hidden; }
    .row2-item1 .row2-item1-box { padding: 0.4em 2em; border-radius: 5px; background-color: #0a61a4; }
    .row2-item1-box p { font-size: 0.6em; color: #ffffff; line-height: 1; font-weight: 800; text-align: center; }
    .row2-item1 .organ-arrow { width: 12px; height: 34px; background: url(../img/company/sprite_organ.png) no-repeat 0 -41px; margin: 0 auto; margin-bottom: 10px; }

    .row3 { margin-top: 1.5em; position: relative; }
    .row3 .row3-item1 { margin: 0 1em; overflow: hidden; }
    .row3-item1 .row3-item1-box { width: 3em; height: 3em; border-radius: 50%; background-color: rgba(10, 97, 164, .5); position: relative; }
    .row3-item1-box .row3-item1-in { width: 2.7em; height: 2.7em; border-radius: 50%; background-color: #0a61a4; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    .row3-item1-in p { font-size: 0.6em; color: #ffffff; line-height: 4.5em; font-weight: 800; text-align: center; }
    .row3-item1 .organ-arrow { width: 12px; height: 34px; background: url(../img/company/sprite_organ.png) no-repeat 0 -41px; margin: 0 auto; margin-bottom: 10px; }
    .row3 .line1 { height: 2px; background: url(../img/company/sprite_organ.png) repeat 0 -80px; position: absolute; left: 50%; top: 0; transform: translateX(-50%); }
    .row3 .line2 { width: 2px; height: 8em; background: url(../img/company/sprite_organ.png) repeat-y 0 -90px; position: absolute; left: 50%; top: -1em; transform: translateX(-50%); }

    .row4 { margin-top: 1em; position: relative; background-color: #ffffff; }
    .row4 .row4-item1 { margin: 0 0.4em; overflow: hidden; }
    .row4-item1 .row4-item1-box { padding: 0.5em 0.5em; background-color: #00d3aa; }
    .row4-item1-box p { font-size: 0.6em; color: #ffffff; line-height: 1; font-weight: 800; }
    .row4-item1 .organ-arrow { width: 12px; height: 34px; background: url(../img/company/sprite_organ.png) no-repeat 0 -41px; margin: 0 auto; margin-bottom: 10px; }
    .row4 .line3 { height: 2px; background: url(../img/company/sprite_organ.png) repeat 0 -80px; position: absolute; left: 50%; top: 0; transform: translateX(-50%); }
    
    /*-------- 客户案例 --------*/
    .case { padding: 0.5em 0 1em; }
    .case .case-heap { position: relative; }
    .case-heap li { margin-top: 1em; }
    .case-heap .case-item { border: 5px solid #e6e6e6; transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; }
    .case-heap .case-img { width: 100%; position: relative; overflow: hidden; }
    .case-img img { width: 100%; transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; }
    .case-heap .case-text { padding: 1em 0.75em; position: relative; }
    .case-text .case-name { font-size: 1em; color: #000000; line-height: 1.1; width: 85%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .case-text .case-con { font-size: 0.7em; color: #333333; line-height: 1.7; margin-top: 1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
    .case-heap .case-item:hover { box-shadow: -5px -5px 15px 0px rgba(0, 0, 0, .3); }
    .case-heap .case-item:hover img { transform: scale(1.1); }
    .case-heap .case-item:hover .case-name { margin-left: 3%; }
    .case .pagination-bar { padding: 1em 0 0.5em; }

    /*-------- 案例详情 --------*/
    .case-details { padding: 2em 0; }
    .case-details .case-main { position: relative; }
    .case-main .case-t { position: relative; }
    .case-t .case-t-img { width: 100%; overflow: hidden; }
    .case-t .case-t-img img { width: 100%; }
    .case-t .case-t-infor { padding-top: 1em; }
    .case-t-infor h1 { font-size: 1em; color: #000000; line-height: 1.3; font-weight: 800; margin: 0; }
    .case-t-infor .case-t-heap { padding-top: 0.75em; }
    .case-t-heap .case-t-item { float: left; padding-top: 0.5em; }
    .case-t-heap .case-t-item:nth-child(2n+1) { width: 60%; }
    .case-t-heap .case-t-item:nth-child(2n) { width: 40%; }
    .case-t-item img { float: left; width: 1.3em; }
    .case-t-item p { font-size: 0.8em; color: #333333; line-height: 1; float: left; padding-left: 0.5em; padding-top: 0.3em; }
    .case-main .case-b { padding-top: 1.5em; }
    .case-b .case-title { overflow: hidden; }
    .case-title .case-border { position: relative; }
    .case-border i { width: 22px; height: 22px; background: url(../img/sprite.png) no-repeat -180px 0; display: table; margin: 0 auto; position: relative; z-index: 30; }
    .case-border .line1 { width: 20%; height: 3px; background-color: #c62b2b; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 20; }
    .case-border .line2 { width: 100%; height: 1px; background-color: #c62b2b; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10; }
    .case-title p { font-size: 1.1em; color: #c62b2b; line-height: 1; font-weight: 800; text-align: center; padding: 1em 0; }
    .case-content p { font-size: 0.8em; color: #333333; line-height: 1.5; text-indent: 2em; margin-top: 0.5em; }
    .case-content img { width: 100%; display: table; margin: 0 auto; margin-top: 1em; }
    .news-link .link-main { position: relative; padding-top: 0.5em; }

    .link-main .icase-link { width: 100%; }

    /*-------- 新闻中心 --------*/
    .newslist { padding: 0.5em 0 1em; }

    /*-------- 新闻详情 --------*/
    .news-details { padding: 2em 0; }
    .news-details .news-main { overflow: hidden; }
    .news-main .news-t { padding-bottom: 1em; overflow: hidden; }
    .news-t h1 { font-size: 1em; color: #000000; line-height: 1.3; font-weight: 800; text-align: center; margin: 0; }
    .news-t .news-date { margin-bottom: 1em; text-align: center; }
    .news-date .date-s { padding: 0.5em 0; }
    .news-date span { font-size: 0.7em; color: #666666; line-height: 1; margin: 0 1em; }
    .news-date .line { width: 100%; height: 1px; background-color: #c62b2b; position: absolute; left: 0; }
    .news-t .news-content { width: 100%; margin: 0 auto; }
    .news-content p { font-size: 0.8em; color: #333333; line-height: 1.5; text-indent: 2em; margin-top: 0.5em; }
    .news-content img { width: 100%; margin-top: 1em; }
    .details-btn { padding: 1em 1em 0; border-top: 1px solid #cccccc; }
    .details-btn .details-prev { float: left; }
    .details-btn .details-next { float: right; }
    .details-btn i { font-size: 0.7em; font-style: normal; color: #999999; line-height: 1; padding: 0 0.5em; border: 1px solid #999999; float: left; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; }
    .details-btn p { font-size: 0.7em; color: #999999; line-height: 1; float: left; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out2 }
    .details-prev p { padding-left: 0.5em; }
    .details-next p { padding-right: 0.5em; }
    .details-btn a:hover i { color: #ffffff; background-color: #c62b2b; border-color: #c62b2b; }
    .details-btn a:hover p { color: #c62b2b; }
    .news-link { padding-top: 1.5em; }
    .news-link .link-title { position: relative; }
    .link-title .link-name { padding-right: 0.5em; background-color: #ffffff; float: left; position: relative; z-index: 20; }
    .link-name .borderleft { width: 0.25em; height: 0.9em; background-color: #ce3232; float: left; margin-top: 0.1em; }
    .link-name p { font-size: 1em; color: #ce3232; line-height: 1; font-weight: 800; float: left; padding-left: 0.3em; }
    .link-title .line { width: 100%; height: 0; border-bottom: 1px dashed #ce3232; position: absolute; left: 0; top: 50%; z-index: 10; }

    /*-------- 解决方案 --------*/
    .slove { padding: 2em 0; }
    .slove .slove-main { padding-bottom: 1em; }
    .slove-main .slove-title { position: relative; display: table; margin: 0 auto; margin-bottom: 1em; }
    .slove-title h1 { font-size: 1.3em; color: #000000; line-height: 1.3; font-weight: 800; text-align: center; padding: 0 0.25em 0.1em; margin: 0; position: relative; z-index: 20; }
    .slove-title .p-bg { width: 100%; height: 1em; background-color: rgba(198, 43, 43, .2); position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 10; }
    .slove-main .slove-content { padding-top: 1em; border-top: 1px solid #c62b2b; }
    .slove-content h2 { font-size: 1em; color: #c62b2b; line-height: 1; font-weight: 800; margin: 1em 0 0; }
    .slove-content p { font-size: 0.8em; color: #333333; line-height: 1.5; text-indent: 2em; margin-top: 1em; }
    .slove-content>img { width: 100%; display: table; margin: 0 auto; margin-top: 1em; }
    .slove-content .imgbox { padding-top: 1em; }
    .imgbox div:last-child { padding-top: 1em; }
    .imgbox img { width: 100%; display: table; margin: 0 auto; }
    .imgbox p { font-size: 0.9em; color: #c62b2b; line-height: 1; text-align: center; margin: 0; }

    /*-------- 安全管理 --------*/
    /* 安全管理 */
    .product01 { position: relative; }
    .product01 .psafe { padding: 2em 0; }
    .stitle { text-align: center; }
    .stitle .stitle-name { position: relative; display: inline-block; }
    .stitle-name p { font-size: 1.3em; color: #c62b2b; line-height: 1; font-weight: 800; padding: 0 0.75em; position: relative; z-index: 20; }
    .stitle-name img { position: absolute; left: 50%; top: 50%; width: 9em; transform: translate(-50%,-50%); z-index: 10; }
    .stitle .stitle-con { font-size: 0.7em; color: #333333; line-height: 1.5; text-align: center; padding-top: 1em; }
    .psafe .psafe-main { padding-top: 1em; position: relative; }
    .psafe-main .psafe-heap { padding-bottom: 1em; }
    .psafe-heap ul { text-align: justify; text-align-last: justify; }
    .psafe-heap .psafe-box { width: 4em; display: inline-block; vertical-align: top; }
    .psafe-box a { display: inline-block; width: 100%; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .psafe-box img { width: 100%; }
    .psafe-box p { font-size: 0.9em; color: #c62b2b; line-height: 1.2; font-weight: 800; text-align: center; text-align-last: center; padding-top: 0.3em; }
    .psafe-box a:hover { transform: translateY(-5%); }
    .psafe-main .psafe-bg { width: 100%; }
    
    .product01 .prisk { padding: 2em 0; background-color: #f5f5f5; }
    .safetitle { text-align: center; }
    .safetitle .safetitle-name { display: inline-block; }
    .safetitle-name p { font-size: 1.1em; color: #010101; line-height: 1; font-weight: 800; text-align: center; }
    .safetitle-name .hr { width: 1em; height: 4px; background-color: #c62b2b; margin: 0 auto; margin-top: 0.5em; position: relative; z-index: 20; }
    .safetitle-name .line { width: 4.5em; height: 2px; background-color: #cccccc; margin: 0 auto; margin-top: -3px; position: relative; z-index: 10; }
    .safetitle .safetitle-con { font-size: 0.7em; color: #333333; line-height: 1.5; text-align: center; padding-top: 1em; }
    .prisk .prisk-main { padding-top: 1em; }
    .prisk-main ul { text-align: justify; text-align-last: justify; }
    .prisk-main .prisk-item { display: inline-block; vertical-align: top; }
    .prisk-item .prisk-icon { width: 3em; height: 3em; background-color: #9681b6; border-radius: 50%; margin: 0 auto; box-shadow: -8px -6px 20px 0px rgba(150, 129, 182, .6); position: relative; }
    .prisk-icon img { position: absolute; top: 50%; left: 50%; width: 60%; transform: translate(-50%,-50%); }
    .prisk-item .prisk-infor { padding-top: 0.5em; }
    .prisk-infor .prisk-name { font-size: 0.7em; color: #333333; line-height: 1; font-weight: 800;text-align: left; }
    .prisk-infor .prisk-list { padding-top: 1em; display: none; }
    .prisk-list p { font-size: 0.7em; color: #333333; line-height: 1; text-align: left; padding-top: 0.5em; }

    .product01 .psaf3 { padding: 2em 0; }
    .psaf3 .psaf3-main { padding-top: 1em; overflow: hidden; }
    .psaf3-main img { width: 100%; }

    .product01 .psaf4 { padding-top: 2em; background: url(../img/product/pro_01/03.png) no-repeat center center; background-size: cover; }
    .psaf4 .container { overflow: hidden; }
    .psaf4 .psaf4-img { width: 50%; float: left; }
    .psaf4 .psaf4-img img { width: 100%; display: table; margin: 0 auto; }
    .psaf4 .psaf4-img .img1 { display: table; }
    .psaf4 .psaf4-img .img2 { display: none; }
    .psaf4 .psaf4-infor { width: 50%; float: left; padding-top: 0.5em; padding-left: 15px; }
    .psaf4-infor p { font-size: 0.8em; color: #ffffff; line-height: 1.3; font-weight: 800; margin-top: 0.5em; }

    .product01 .psaf5 { padding: 2em 0; }
    .psaf5 .psaf5-main { padding-top: 1em; overflow: hidden; }
    .psaf5-main img { width: 100%; display: table; margin: 0 auto; }

    .product01 .psaf6 { padding: 2em 0; background-color: #f8f9fb; }
    .psaf6 .psaf6-main { padding-top: 1em; overflow: hidden; }
    .psaf6-main img { width: 100%; display: table; margin: 0 auto; }

    .product01 .psaf7 { padding: 2em 0; }
    .psaf7 .psaf7-main { position: relative; }
    .psaf7-main .psaf7-item { padding-top: 1em; }
    .psaf7-item .psaf7-name { overflow: hidden; }
    .psaf7-name img { width: 2em; float: left; }
    .psaf7-name p { font-size: 1em; color: #333333; line-height: 1; font-weight: 800; float: left; padding-left: 0.5em; padding-top: 0.5em; }
    .psaf7-item .psaf7-con { font-size: 0.7em; color: #333333; line-height: 1.5; padding-top: 0.2em; }
    
    /* 风险辨识 */
    .product01-1 { position: relative; }
    .product01-1 .risk1 { padding: 2em 0; }
    .risk1 .risk1-main { padding-top: 1em; position: relative; }
    .risk1-main ul { text-align: center; text-align-last: center; }
    .risk1-main .risk1-item { width: 24%; padding: 0 0.5em; display: inline-block; vertical-align: top; }
    .risk1-item .risk1-box { width: 6.5em; height: 6.5em; border-radius: 50%; background-color: #ffffff; margin: 0 auto; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3); position: relative; }
    .risk1-item .risk1-in { width: 5.8em; height: 5.8em; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
    .risk1-box p { font-size: 1em; color: #ffffff; line-height: 1.3; font-weight: 800; text-align: center; text-align-last: center; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
    .risk1-item .risk1-con { font-size: 0.7em; line-height: 1.3; font-weight: 800; text-align-last: left; padding-top: 0.5em; }

    .risk1-main .risk1-item:nth-child(1) .risk1-in { background-color: #ff9900; }
    .risk1-main .risk1-item:nth-child(1) .risk1-con { color: #ff9900; }
    .risk1-main .risk1-item:nth-child(2) .risk1-in { background-color: #8cc63f; }
    .risk1-main .risk1-item:nth-child(2) .risk1-con { color: #8cc63f; }
    .risk1-main .risk1-item:nth-child(3) .risk1-in { background-color: #00a89d; }
    .risk1-main .risk1-item:nth-child(3) .risk1-con { color: #00a89d; }
    .risk1-main .risk1-item:nth-child(4) .risk1-in { background-color: #0e647c; }
    .risk1-main .risk1-item:nth-child(4) .risk1-con { color: #0e647c; }

    .product01-1 .risk2 { padding: 2em 0; background-color: #f5f5f5; }
    .risk2 .risk2-img img { width: 100%; }
    .risk2 .risk2-infor { padding-top: 1.5em; }
    .risk2-infor .risk2title { display: inline-block; }
    .risk2title p { font-size: 1.1em; color: #010101; line-height: 1; font-weight: 800; }
    .risk2title .line1 { width: 30px; height: 4px; background-color: #c62b2b; margin-top: 0.8em; position: relative; z-index: 20; }
    .risk2title .line2 { width: 100%; height: 2px; background-color: #cccccc; margin-top: -3px; position: relative; z-index: 10; }
    .risk2-infor .risk2-text { padding-top: 0.8em; }
    .risk2-text p { font-size: 0.8em; color: #333333; line-height: 1.5; }

    .product01-1 .risk3 { padding: 2em 0; }
    .risk3 .risk3-main { padding-top: 1em; }
    .risk3-main img { width: 100%; display: table; margin: 0 auto; }

    .product01-1 + .product-link { background-color: #f5f5f5; }

    /* 相关产品 */
    .product-link { padding: 2em 0; }
    .product-link .prolink-main { position: relative; }

    .prolink-main .prolink-heap { width: 90%; padding-top: 1em; position: static; }
    .prolink-main .swiper-container .swiper-slide .prolink-item {  transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; }
    .prolink-main .swiper-container .swiper-slide .prolink-img { width: 100%; position: relative; overflow: hidden; }
    .prolink-img img { width: 35%; display: table; margin: 0 auto; }
    .prolink-main .swiper-container .swiper-slide .prolink-text { padding: 1em 0 0; position: relative; }
    .prolink-text .prolink-name { font-size: 0.9em; color: #333333; line-height: 1.1; font-weight: 800; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    .prolink-text .prolink-con { font-size: 0.7em; color: #333333; line-height: 1.5; padding-top: 1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
    .prolink-main .swiper-container .swiper-slide .prolink-item:hover { transform: translateY(-0.5em); }

    .prolink-main .swiper-container .prolink-button { background-image: none; font-size: 1.5em; color: #ffffff; line-height: 2em; text-align: center; background-color: #929292; margin-top: 0; width: 1em; height: 2em; position: absolute; top: 53%; transform: translateY(-50%); cursor: pointer; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; outline: none; }    .prolink-main .swiper-container .swiper-button-prev { left: 0; }
    .prolink-main .swiper-container .swiper-button-next { right: 0; }
    .prolink-main .swiper-container .prolink-button:hover { background-color: #c62b2b; }
    
    /* 隐患排查 */
    .product01-2 .danger1 { padding: 2em 0; }
    .danger1 .danger1-main { padding-top: 0; }
    .danger1-main img { width: 100%; display: table; margin: 0 auto; }

    .product01-2 .danger2 { padding: 2em 0; background: url(../img/product/pro_01/pro_01_2/03.png) no-repeat center center; background-size: cover; }
    .danger2 .safetitle p { color: #ffffff; }
    .danger2 .danger2-main { padding: 1.5em 4.5em 0; }
    .danger2-main .danger2-item { padding-top: 2em; overflow: hidden; }
    .danger2-main .danger2-item:first-child { padding-top: 0; }
    .danger2-item img { float: left; }
    .danger2-item .danger2-text { float: left; width: 79%; padding-left: 0.5em; padding-top: 0.2em; }
    .danger2-text .danger2-name { font-size: 0.8em; color: #ffffff; line-height: 1; }
    .danger2-text .danger2-con { font-size: 0.8em; color: #ffffff; line-height: 1.3; margin-top: 0.4em; }

    .product01-2 .danger3 { padding: 2em 0; }
    .danger3 .danger3-main { overflow: hidden; }
    .danger3-main ul { text-align: justify; text-align-last: justify; }
    .danger3-main .danger3-item { width: 48%; padding: 1.5em 0.5em; margin-top: 1em; border: 2px solid #9b9b9b; border-radius: 10px; display: inline-block; vertical-align: top; }
    .danger3-item .danger3-name { position: relative; display: table; margin: 0 auto; }
    .danger3-name p { font-size: 1em; color: #ffffff; line-height: 1.3; font-weight: 800; text-align-last: center; }
    .danger3-name .danger3-scle { width: 0.6em; height: 0.6em; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
    .danger3-main li:nth-child(1) .danger3-name p { color: #ff9900; }
    .danger3-main li:nth-child(1) .danger3-name .danger3-scle { background-color: #ff9900; }
    .danger3-main li:nth-child(2) .danger3-name p { color: #8cc63f; }
    .danger3-main li:nth-child(2) .danger3-name .danger3-scle { background-color: #8cc63f; }
    .danger3-main li:nth-child(3) .danger3-name p { color: #00a89d; }
    .danger3-main li:nth-child(3) .danger3-name .danger3-scle { background-color: #00a89d; }
    .danger3-main li:nth-child(4) .danger3-name p { color: #c72c2c; }
    .danger3-main li:nth-child(4) .danger3-name .danger3-scle { background-color: #c72c2c; }
    .danger3-item .danger3-text { padding-top: 0.8em; }
    .danger3-text p { font-size: 0.8em; color: #333333; line-height: 1.5; text-align-last: left; }

    .product01-2 .danger4 { padding: 2em 0; background-color: #f5f5f5; }
    .danger4 .danger4-main { padding-top: 0.5em; }
    .danger4-main ul { text-align: justify; text-align-last: justify; }
    .danger4-main .danger4-item { width: 48%; padding: 1em; margin-top: 1em; border: 2px solid #c62b2b; display: inline-block; vertical-align: top; }
    .danger4-item .danger4-name { overflow: hidden; }
    .danger4-name img { width: 2em; float: left; }
    .danger4-name p { font-size: 1em; color: #333333; line-height: 1; font-weight: 800; float: left; padding-left: 1em; padding-top: 0.5em; }
    .danger4-item .danger4-con { font-size: 0.7em; color: #333333; line-height: 1.5; text-align-last: left; padding-top: 0.5em; }

    /* 特种设备 */
    .product01-3 .equip1 { padding: 2em 0; }
    .equip1 .equip1-main { padding-top: 1em; }
    .equip1-main ul { text-align: center; text-align-last: center; }
    .equip1-main .equip1-item { display: inline-block; vertical-align: top; }
    .equip1-item .equip1-name { width: 10em; position: relative; }
    .equip1-name img { width: 100%; }
    .equip1-name p { font-size: 0.9em; color: #ffffff; line-height: 1.5; font-weight: 800; position: absolute; top: 50%; left: 50%; width: 50%; transform: translate(-45%,-50%); }

    .product01-3 .equip2 { padding: 2em 0; background-color: #f5f5f5; position: relative; }
    .equip2 .equip2-main { padding-top: 0.5em; }
    .equip2-main ul { text-align: center; text-align-last: center; }
    .equip2-main .equip2-item { display: inline-block; vertical-align: top; width: 25%; margin: 1em 1em 0; position: relative; }
    .equip2-item img { width: 100%; }
    .equip2-item .equip2-con { font-size: 0.7em; color: #333333; line-height: 1.3; text-align: center; text-align-last: center; padding-top: 0.5em; }

    
    .product01-3 .equip3 { padding: 2em 0; overflow: hidden; position: relative; }
    .equip3 .equip3-main { overflow: hidden; }
    .equip3-main .equip3-img { position: static; }
    .equip3-main .equip3-img img { width: 100%; }
    .equip3 .equip3-infor { padding-top: 1em; }
    .equip3-infor .equip3-text { padding-top: 1em; }
    .equip3-text p { font-size: 0.8em; color: #333333; line-height: 1.5; }

    .product01-3 + .product-link { background-color: #f5f5f5; }
    
    /* 作业许可 */
    .product01-4 .opera1 { padding: 2em 0; }
    .opera1 .opera1-main { overflow: hidden; }
    .opera1-main .opera1-one,.opera1-main .opera1-two { padding-top: 1em; }
    .opera1-main .opera1-img { overflow: hidden; }
    .opera1-img img { width: 100%; }
    .opera1-main .opera1-text { padding-top: 0.5em; }
    .opera1-main p { font-size: 0.7em; color: #333333; line-height: 1.5; margin-top: 0.5em; }

    .product01-4 .opera2 { padding: 2em 0; background-color: #f5f5f5; }
    .opera2 .opera2-img img { width: 100%; display: table; margin: 0 auto; }
    .opera2 .opera2-infor { padding-top: 1.5em; }
    .opera2-infor .opera2title { display: inline-block; }
    .opera2title p { font-size: 1.1em; color: #010101; line-height: 1; font-weight: 800; }
    .opera2title .line1 { width: 30px; height: 4px; background-color: #c62b2b; margin-top: 0.8em; position: relative; z-index: 20; }
    .opera2title .line2 { width: 100%; height: 2px; background-color: #cccccc; margin-top: -3px; position: relative; z-index: 10; }
    .opera2-infor .opera2-text { padding-top: 0.7em; }
    .opera2-text p { font-size: 0.8em; color: #333333; line-height: 1.5; }

    .product01-4 .opera3 { padding: 2em 0; background: url(../img/product/pro_01/pro_01_4/04.png) no-repeat center center; background-size: cover; }
    .opera3 .safetitle-name p { color: #ffffff; }
    .opera3 .opera3-main { padding-top: 0.5em; }
    .opera3-main .opera3-item { margin-top: 1em; }
    .opera3-item .opera3-name { overflow: hidden; }
    .opera3-name img { width: 1.5em; float: left; }
    .opera3-name p { font-size: 1em; color: #ffffff; line-height: 1; font-weight: 800; float: left; padding-left: 0.5em; padding-top: 0.2em; }
    .opera3-item .opera3-con { font-size: 0.7em; color: #ffffff; line-height: 1.5; padding-top: 0.5em; }
    
    .product01-4 .opera4 { padding: 2em 0; }
    .opera4 .opera4-main { padding-top: 1em; position: relative; }
    .opera4-main ul { text-align: justify; text-align-last: justify; }
    .opera4-main .opera4-item { width: 48%; padding: 3em 0.5em 1.5em; margin-top: 2.5em; border: 1px solid #303030; position: relative; display: inline-block; vertical-align: top; }
    .opera4-item img { position: absolute; top: 0; left: 50%; width: 3.5em; transform: translate(-50%,-50%); }
    .opera4-item .opera4-name { font-size: 0.9em; color: #000000; line-height: 1.3; font-weight: 800; text-align: center; text-align-last: center; }
    .opera4-item .opera4-con { font-size: 0.7em; color: #000000; line-height: 1.5; text-align: center; text-align-last: center; padding-top: 0.5em; }

    .product01-4 .opera5 { padding: 2em 0 12em; background: url(../img/product/pro_01/pro_01_4/06.png) no-repeat center bottom; background-size: cover; }
    
    /* 证照管理 */
    .product01-5 .train1 { padding: 2em 0; }
    .train1 .train1-main { padding-top: 0.5em; position: relative; }
    .train1-main ul { text-align: center; text-align-last: center; }
    .train1-main .train1-item { width: 32%; display: inline-block; vertical-align: top; margin: 1em 0 0; position: relative; }
    .train1-item img { width: 4em; display: table; margin: 0 auto; }
    .train1-item p { font-size: 0.8em; color: #333333; line-height: 1.3; font-weight: 800; text-align: center; padding-top: 0.4em; }

    .product01-5 .train2 { padding: 2em 0; background: url(../img/product/pro_01/pro_01_5/01.png) no-repeat center center; background-size: cover; }
    .train2 .safetitle p { color: #ffffff; }
    .train2 .train2-main { padding: 0.5em 3em 0; }
    .train2-main .train2-item { margin-top: 1em; position: relative; overflow: hidden; }
    .train2-item .train2-name { position: relative; float: left; }
    .train2-name img { width: 3.5em; display: table; margin: 0 auto; }
    .train2-name p { font-size: 0.8em; color: #ffffff; line-height: 1; font-weight: 800; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
    .train2-item .train2-con { float: left; width: calc(100% - 3.5em); padding-top: 1em; padding-left: 1em; }
    .train2-con p { font-size: 0.9em; color: #ffffff;line-height: 1.3; font-weight: 800; }

    .product01-5 .train3 { padding: 2em 0; }
    .train3 .train3-main { padding-top: 1em; }
    .train3-main img { width: 100%; display: table; margin: 0 auto; }

    .product01-5 .train4 { padding: 2em 0; background-color: #f5f5f5; }
    .train4 .train4-main { padding-top: 1em; }
    .train4-main .train4-heap { width: 80%; margin: 0 auto; position: relative; }
    .train4-heap .train4-item { padding: 0.5em 1.5em 0.5em 3em; background-color: #40a1ee; border-radius: 5px; margin: 0.5em 0; position: relative; }
    .train4-item .train4-icon { position: absolute; top: 50%; left: 0.8em; width: 1.5em; transform: translateY(-50%); }
    .train4-item p { font-size: 0.7em; color: #ffffff; line-height: 1.5; }

    /* 人员定位 */
    .product01-6 .pos1 { padding: 2em 0; position: relative; }
    .pos1 .pos1-main { padding-top: 1.5em; }
    .pos1-main .pos1-img img { width: 100%; }
    .pos1-main .pos1-text { padding-top: 0.5em; }
    .pos1-text p { font-size: 0.7em; color: #333333; line-height: 1.5; text-indent: 2em; }

    .product01-6 .pos2 { padding: 2em 0; background-color: #f5f5f5; position: relative; }
    .pos2 .line { width: 100%; height: 2px; background-color: #cccccc; margin-top: -3px; position: relative; z-index: 10; }
    .pos2 .pos2-main { margin-top: 1em; z-index: 20; }
    .pos2-main .pos2-content { width: 95%; margin: 0 auto; }
    .pos2-content .pos2-con { overflow: hidden; display: none; }
    .pos2-content .pos2-con.active { display: block; }
    .pos2-con .pos2-img { width: 65%; display: table; margin: 0 auto; }
    .pos2-img img { width: 100%; }
    .pos2-con .pos2-infor { padding-top: 1em; }
    .pos2-infor .pos2-name { font-size: 1em; color: #333333; line-height: 1; font-weight: 800; text-align: center; }
    .pos2-infor .pos2-text { padding-top: 0.5em; }
    .pos2-text p { font-size: 0.8em; color: #333333; line-height: 1.5; }
    .pos2-main .pos2-tab { padding-top: 0.5em; }
    .pos2-tab ul { text-align: justify; text-align-last: justify; }
    .pos2-tab .pos2-item { margin: 1em 0 0; display: inline-block; vertical-align: top; cursor: pointer; }
    .pos2-item img { width: 1.5em; padding: 0.5em; display: table; margin: 0 auto; border-radius: 50%; background-color: #000000; box-sizing: content-box; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .pos2-item p { font-size: 0.7em; color: #000000; line-height: 1; padding-top: 0.5em; text-align: center; text-align-last: center; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .pos2-item .line { width: 10px; height: 2px; background-color: #c62b2b; margin: 0 auto; margin-top: 2em; position: relative; visibility: hidden; opacity: 0; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .pos2-item .line::before { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #c62b2b; position: absolute; left: 50%; top: -5px; transform: translateX(-50%); }
    .pos2-item:hover img,.pos2-item.active img { background-color: #c62b2b; }
    .pos2-item:hover p,.pos2-item.active p { color: #c62b2b; }
    .pos2-item:hover .line,.pos2-item.active .line { width: 100%; visibility: visible; opacity: 1; }
    .pos2-tab .pos2-btn { font-size: 1em; color: #ffffff; padding: 0.5em 0.1em; border-radius: 5px; background-color: rgba(0, 0, 0, .5); position: absolute; top: 10em; transform: translateY(-50%); cursor: pointer; }
    .pos2-tab .pos2-btn.pos2-prev { left: 5px; }
    .pos2-tab .pos2-btn.pos2-next { right: 5px; }
    .pos2-tab .pos2-btn:hover { background-color: #c62b2b; }

    .product01-6 .pos3 img { width: 100%; }

    /* 对讲 */
    .product01-7 .inter1 { padding: 2em 0; }
    .inter1 .inter1-main { padding-top: 1em; }
    .inter1-main ul { text-align: center; text-align-last: center; }
    .inter1-main .inter1-item { width: 4em; height: 4em; border-radius: 50%; position: relative; display: inline-block; margin: 0 0.8em; }
    .inter1-item .inter1-in { width: 3.3em; height: 3.3em; border-radius: 50%; border: 2px solid #ffffff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
    .inter1-item p { font-size: 0.7em; color: #ffffff; line-height: 1; text-align: center; text-align-last: center; width: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
    .inter1-main .inter1-item:nth-child(1) { background-color: #4f80b8; }
    .inter1-main .inter1-item:nth-child(2) { background-color: #86bd62; }
    .inter1-main .inter1-item:nth-child(3) { background-color: #e58c54; }
    .inter1-main .inter1-item:nth-child(4) { background-color: #4aa1b5; }
    .inter1-main .inter1-item:nth-child(5) { background-color: #86bd62; }
    
    .product01-7 .inter2 { padding: 2em 0 7em; background-color: #030919; background-image: url(../img/product/pro_01/pro_01_7/06.png); background-position: bottom right;  background-repeat: no-repeat; }
    .inter2 .safetitle p { color: #ffffff; }
    .inter2 .inter2-text { padding-top: 0.5em; }
    .inter2-text p { font-size: 0.8em; color: #ffffff; line-height: 1.5; }

    .product01-7 .inter3 { padding: 2em 0; }
    .inter3 .inter3-main { padding-top: 0.5em; }
    .inter3-main img { width: 100%; display: table; margin: 0 auto; }

    .product01-7 .inter4 { padding: 2em 0; background: url(../img/product/pro_01/pro_01_7/04.png) no-repeat center center; background-size: cover; }
    .inter4 .safetitle p { color: #ffffff; }
    .inter4 .inter4-main { position: relative; }
    .inter4-main .inter4-heap { width: 80%; margin: 0 auto; position: relative; }
    .inter4-heap .inter4-item { margin-top: 1.5em; position: relative; }
    .inter4-item .inter4-num { width: 1.5em; height: 1.5em; border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
    .inter4-num p { font-size: 0.9em; color: #ffffff; line-height: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
    .inter4-item .inter4-con { font-size: 0.8em; color: #ffffff; line-height: 1.3; font-weight: 800; width: calc(100% - 1.2em); float: left; padding-left: 2.5em; }
    .inter4-heap .inter4-item:nth-child(1) .inter4-num,.inter4-heap .inter4-item:nth-child(6) .inter4-num { background-color: #8cc63f; }
    .inter4-heap .inter4-item:nth-child(2) .inter4-num,.inter4-heap .inter4-item:nth-child(7) .inter4-num { background-color: #ff9900; }
    .inter4-heap .inter4-item:nth-child(3) .inter4-num,.inter4-heap .inter4-item:nth-child(8) .inter4-num { background-color: #00a89d; }
    .inter4-heap .inter4-item:nth-child(4) .inter4-num,.inter4-heap .inter4-item:nth-child(9) .inter4-num { background-color: #0e647c; }
    .inter4-heap .inter4-item:nth-child(5) .inter4-num,.inter4-heap .inter4-item:nth-child(10) .inter4-num { background-color: #c62b2b; }

    /*-------- 智能硬件 --------*/
    /* 智能硬件 */
    .product03 { position: relative; }
    .product03 .hardware01 { padding: 2em 0; }
    .hardware01 .hardware01-main { padding-top: 1em; }
    .hardware01-main ul { text-align: justify; text-align-last: justify; }
    .hardware01-main .hardware01-item { width: 18%; display: inline-block; vertical-align: top; }
    .hardware01-item .hardware01-img { width: 100%; overflow: hidden; }
    .hardware01-img img { width: 100%; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .hardware01-item p { font-size: 0.8em; color: #333333; line-height: 1; font-weight: 800; text-align: center; text-align-last: center; padding: 0.5em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .hardware01-item:hover img { transform: scale(1.1); }
    .hardware01-item:hover p { color: #c62b2b; }

    .product03 .hardware02 { padding: 2em 0; background-color: #f5f5f5; }
    .hardware02 .hardware02-main { padding-top: 0.5em; }
    .hardware02-main .hardware02-tab { overflow: hidden; }
    .hardware02-tab .hardware02-btn { float: left; padding-top: 0.3em; margin-right: 1em; }
    .hardware02-tab .hardware02-btn:last-of-type { margin-right: 0; }
    .hardware02-btn a { font-size: 0.7em; color: #333333; line-height: 1; font-weight: 800; }
    .hardware02-btn .hr { width: 0; height: 2px; margin: 0 auto; margin-top: 0.2em; position: relative; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .hardware02-btn .hr::before { content: ""; width: 50%; height: 100%; background-color: #c62b2b; position: absolute; left: 0; top: 0; }
    .hardware02-btn .hr::after { content: ""; width: 50%; height: 100%; background-color: #333333; position: absolute; right: 0; top: 0; }
    .hardware02-btn a:hover+.hr,.hardware02-btn.active .hr { width: 100%; }
    .hardware02-main .hardware02-content { padding-top: 0.5em; }
    .hardware02-content .hardware02-con { display: none; }
    .hardware02-content .hardware02-con.active { display: block; }
    .hardware02-con .hardware02-img img { width: 100%; }
    .hardware02-con .hardware02-text { padding-top: 0.8em; }
    .hardware02-text p { font-size: 0.8em; color: #333333; line-height: 1.5; }

    /* 产品列表 */
    .product03-1 .product03-list { padding: 2em 0 1.5em; }
    .product03-list .pro03list-heap { overflow: hidden; }
    .pro03list-heap ul { text-align: justify; text-align-last: justify; }
    .pro03list-heap .pro03list-item { width: 24%; display: inline-block; vertical-align: top; }
    .pro03list-item .pro03list-img { width: 100%; overflow: hidden; }
    .pro03list-img img { width: 100%; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .pro03list-item p { font-size: 0.8em; color: #333333; line-height: 1; font-weight: 800; text-align: center; text-align-last: center; padding: 0.7em 0.5em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .pro03list-item:hover img { transform: scale(1.1); }
    .pro03list-item:hover p { color: #c62b2b; }
    .product03-1 + .product-link { background-color: #f5f5f5; }

    /* 产品详情 */
    .product03-2 { padding: 2em 0; }
    .product03-2 .prodetails { overflow: hidden; }
    .prodetails .prodetails-t { padding-bottom: 1em; }
    .prodetails-t .prodetails-t-img { width: 100%; border: 1px solid #999999; }
    .prodetails-t-img img { width: 100%; }
    .prodetails-t .prodetails-infor { padding-top: 1em; }
    .prodetails-infor h1 { font-size: 1em; color: #000000; line-height: 1.3; font-weight: 800; padding-bottom: 0.4em; margin: 0; }
    .prodetails-infor p { font-size: 0.8em; color: #333333; line-height: 1.5; text-indent: 2em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
    .prodetails .prodetails-main { padding-bottom: 1em; }
    .prodetails-main .prodetails-title { padding-bottom: 0.5em; }
    .prodetails-title .prodetails-border { position: relative; }
    .prodetails-border i { width: 25px; height: 25px; background: url(../img/sprite.png) no-repeat -178px 0; display: table; margin: 0 auto; position: relative; z-index: 20; }
    .prodetails-border .line1 { width: 100%; height: 1px; background-color: #c62b2b; position: absolute; top: 8px; left: 0; z-index: 10; }
    .prodetails-border .line2 { width: 5em; height: 1px; background-color: #c62b2b; position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); z-index: 10; }
    .prodetails-title p { font-size: 1.1em; color: #c62b2b; line-height: 1; font-weight: 800; text-align: center; padding-top: 0.7em; }
    .prodetails-main .prodetails-content { position: relative; }
    .prodetails-content p { font-size: 0.8em; color: #333333; line-height: 1.5; margin-top: 0.5em; }
    .prodetails-content img { width: 70%; display: table; margin: 0 auto; margin-top: 1em; }
    
    /*-------- 定制开发 --------*/
    .product04 { position: relative; }
    .product04 .develop1 { padding: 2em 0; }
    .develop1 .develop1-main { padding-top: 1em; }
    .develop1-main .develop1-item { position: relative; }
    .develop1-item img { width: 5.5em; display: table; margin: 0 auto; }
    .develop1-item .develop1-name { font-size: 0.9em; color: #333333; line-height: 1; font-weight: 800; text-align: center; padding: 0.8em 0; }
    .develop1-item .develop1-con { font-size: 0.7em; color: #333333; line-height: 1.5; text-align: center; }

    .product04 .develop2 { padding: 2em 0; background: url(../img/product/pro_04/01.png) no-repeat center center; }
    .develop2 .safetitle p { color: #ffffff; }
    .develop2 .develop2-main { padding-top: 1em; }
    .develop2-main ul { text-align: center; text-align-last: center; }
    .develop2-main .develop2-item { display: inline-block; margin: 0 2em; }
    .develop2-item img { width: 3em; display: table; margin: 0 auto; }
    .develop2-item p { font-size: 0.9em; color: #ffffff; line-height: 1; font-weight: 800; text-align: center; text-align-last: center; padding-top: 1em; }
    
    .product04 .develop3 { padding: 2em 0; }
    .develop3 .develop3-main { padding-top: 1em; position: relative; }
    .develop3-main ul { text-align: justify; text-align-last: left; }
    .develop3-main .develop3-item { width: 48%; padding: 0.5em 0.5em 1em; margin-top: 2.5em; background-color: #f0f0f0; border-radius: 5px; position: relative; display: inline-block; vertical-align: top; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .develop3-item img { width: 3em; position: absolute; left: 1em; top: 0; transform: translateY(-50%); }
    .develop3-item .develop3-name { font-size: 1em; color: #000000; line-height: 1; font-weight: 800; padding-left: 4em; text-align-last: left; }
    .develop3-item .develop3-con { font-size: 0.7em; color: #000000; line-height: 1.5; padding-top: 0.7em; text-align-last: left; }
    .develop3-main .develop3-item:hover { box-shadow: -3px -3px 10px 0px rgba(0, 0, 0, .2); }
    
    .product04 + .product-link { background-color: #f5f5f5; }
    
    /*-------- 生产管理 --------*/
    /* 生产管理 */
    .product02 { position: relative; }
    .product02 .output1 { padding: 2em 0; background: url(../img/product/pro_02/02.png) no-repeat center center; background-size: cover; }
    .output1 .output1-main { padding-top: 1em; position: relative; }
    .output1-main ul { text-align: center; text-align-last: center; }
    .output1-main .output1-box { display: inline-block; margin: 0 0.5em; }
    .output1-box .output1-infor { display: inline-block; width: 100%; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; }
    .output1-box img { width: 3em; display: table; margin: 0 auto; }
    .output1-box p { font-size: 0.7em; color: #000000; line-height: 1; text-align: center; text-align-last: center; padding-top: 0.5em; }
    .output1-box .output1-infor:hover { transform: translateY(-5%); }
    
    .product02 .output2 { padding: 2em 0; background-color: #f0f0f0; }
    .output2 .output2-main { margin-top: 1em; }
    .output2-main .output2-tab { padding-top: 1em; overflow: hidden; }
    .output2-tab ul { margin-left: -10px; margin-right: -10px; }
    .output2-tab li { padding-left: 10px; padding-right: 10px; }
    .output2-tab .output2-item { padding: 1em; border: 1px solid #333333; cursor: pointer; }
    .output2-tab li:nth-child(4),.output2-tab li:nth-child(5),.output2-tab li:nth-child(6) { padding-top: 1em; }
    .output2-item img { width: 2.5em; display: table; margin: 0 auto; }
    .output2-item .item-name { font-size: 0.8em; color: #000000; line-height: 1.3; font-weight: 800; text-align: center; padding: 1em 0; }
    .output2-item .item-con { font-size: 0.7em; color: #343434; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .output2-main .output2-content { padding: 2em 1em; border: 1px solid #333333; }
    .output2-content .output2-art { display: none; overflow: hidden; }
    .output2-art img { width: 4em; display: table; margin: 0 auto; }
    .output2-art .art-name { font-size: 0.9em; color: #343434; line-height: 1; text-align: center; padding: 1em 0; }
    .output2-art .art-con p { font-size: 0.7em; color: #343434; line-height: 1.5; }
    .output2-tab .output2-item:hover,.output2-tab .output2-item.active { background-color: #ffffff; }
    .output2-content .output2-art.active { display: block; }
    
    .product02 .output3 { padding: 2em 0; }
    .output3 .output3-main { overflow: hidden; position: relative; }
    .output3-main .output3-heap { width: 85%; position: static; }
    .output3-main .swiper-container .swiper-slide .output3-item { padding: 1.5em; background-repeat: no-repeat; background-position: center center; background-size: cover; }
    .output3-main .swiper-container .swiper-slide .output3-img { width: 100%; overflow: hidden; }
    .output3-img img { width: 100%; }
    .output3-item .output3-name { font-size: 1em; color: #ffffff; line-height: 1; font-weight: 800; text-align: center; padding-top: 1.5em; }
    .output3-item .line { width: 2.5em; height: 3px; background-color: #ffffff; margin: 0 auto; margin-top: 1em; }
    .output3-item .output3-con { font-size: 0.8em; color: #ffffff; line-height: 1.5; padding-top: 1em; }
    .output3-main .swiper-container .output3-button { background-image: none; font-size: 1.5em; color: #ffffff; line-height: 2.5em; text-align: center; background-color: #7f7f7f; margin-top: 0; width: 1em; height: 2.5em; border-radius: 5px; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; outline: none; }
    .output3-main .swiper-container .swiper-button-prev { left: 0; }
    .output3-main .swiper-container .swiper-button-next { right: 0; }
    .output3-main .swiper-container .output3-button:hover { background-color: #c62b2b; }
    
    /* 巡检管理 */
    .product02-1 .censor1 { padding: 2em 0; }
    .censor1 .censor1-main { position: relative; background: url(../img/product/pro_02/pro_02_1/02.png) no-repeat center center; background-size: contain; }
    .censor1-main .censor1-box { position: relative; margin-top: 1.5em; }
    .censor1-box .censor1-num { width: 1.5em; height: 1.5em; border-radius: 50%; background-color: #ffffff; box-shadow: 1px 5px 5px 0 rgba(198, 43, 43, .3); position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
    .censor1-num p { font-size: 0.9em; color: #c62b2b; font-weight: 800; text-align: center; line-height: 1.7; }
    .censor1-box .censor1-con { font-size: 0.7em; color: #333333; line-height: 1.5; padding-left: 3em; }

    .product02-1 .censor2 { padding: 2em 0; background-color: #f5f5f5; }
    .censor2 .censor2-main { padding-top: 1em; }
    .censor2-main img { display: table; margin: 0 auto; }

    .product02-1 .censor3 { padding: 2em 0; background: url(../img/product/pro_02/pro_02_1/04.png) no-repeat center center; background-size: cover; }
    .censor3 .safetitle p { color: #ffffff; }
    .censor3 .censor3-main { padding-top: 1.5em; }
    .censor3-main p { font-size: 0.8em; color: #ffffff; line-height: 1.5; text-align: center; }

    .product02-1 .censor4 { padding: 2em 0; background-color: #efefef; }
    .censor4 .censor4-main { padding-top: 1em; }
    .censor4-main .censor4-tab { padding-top: 0.3em; overflow: hidden; }
    .censor4-tab ul { text-align: justify; text-align-last: justify; }
    .censor4-tab .censor4-item { display: inline-block; padding: 0.5em 2.5em; background-color: #808080; cursor: pointer; }
    .censor4-item img { width: 1em; float: left; }
    .censor4-item p { font-size: 0.8em; color: #ffffff; line-height: 1; font-weight: 800; float: left; text-align-last: left; padding-top: 0.1em; padding-left: 0.5em; }
    .censor4-main .censor4-content { position: relative; }
    .censor4-content .censor4-con { display: none; height: 100%; padding: 2em 1em; background-repeat: no-repeat; background-position: center center; background-size: cover; }
    .censor4-con .censor4-title { overflow: hidden; }
    .censor4-title p { font-size: 1em; color: #ffffff; line-height: 1; font-weight: 800; }
    .censor4-title .line { width: 2em; height: 2px; background-color: #ffffff; margin-top: 0.5em; }
    .censor4-con .censor4-text { padding-top: 1em; }
    .censor4-text p { font-size: 0.8em; color: #ffffff; line-height: 1.5; }
    .censor4-tab .censor4-item:hover,.censor4-tab .censor4-item.active { background-color: #c62b2b; }
    .censor4-content .censor4-con.active { display: block; }

    .product02-1 .censor5 { padding: 2em 0; }
    .censor5 .censor5-main { position: relative; }
    .censor5-main .safetitle .safetitle-con { color: #666666; }
    .censor5-main .censor5-heap { position: relative; }
    .censor5-main .censor5-box { position: relative; margin-top: 1.5em; }
    .censor5-box img { width: 3em; position: absolute; top: 50%; transform: translateY(-50%); }
    .censor5-box .censor5-text { overflow: hidden; }
    .censor5-text .censor5-name { font-size: 0.9em; color: #333333; line-height: 1; font-weight: 800; }
    .censor5-text .censor5-con { font-size: 0.7em; color: #333333; line-height: 1.5; padding-top: 0.5em; }
    .censor5-heap .censor5-box:nth-child(2n+1) img { left: 0; }
    .censor5-heap .censor5-box:nth-child(2n) img { right: 0; }
    .censor5-heap .censor5-box:nth-child(2n+1) .censor5-text { padding-left: 4em; text-align: left; }
    .censor5-heap .censor5-box:nth-child(2n) .censor5-text { padding-right: 4em; text-align: right; }

    .product02-1 + .product-link { background-color: #f5f5f5; }

    /* 安全检查 */
    .product02-1 .security3 { padding: 2em 0; background: url(../img/product/pro_02/pro_02_1/07.png) no-repeat center center; background-size: cover; }
    .security3 .safetitle p { color: #ffffff; }
    .security3 .security3-main { padding-top: 1em; }
    .security3-main ul { text-align: center; text-align-last: center; }
    .security3-main .security3-item { width: 21%; display: inline-block; vertical-align: top; margin: 0 0.5em; }
    .security3-item img { width: 50%; display: table; margin: 0 auto; }
    .security3-item p { font-size: 0.7em; color: #ffffff; line-height: 1.3; text-align: center; text-align-last: center; padding-top: 1em; }

    .product02-1 .security6 { padding: 2em 0; background-color: #fafafa; overflow: hidden; position: relative; }
    .security6 .security6-main { overflow: hidden; }
    .security6-main .security6-img img { width: 100%; }
    .security6 .security6-infor { padding-top: 1em; }
    .security6-infor .security6-text { padding-top: 0.5em; }
    .security6-text p { font-size: 0.8em; color: #333333; line-height: 1.5; }

    /* 数据采集 */
    .product02-2 .data1 { padding: 2em 0; }
    .data1 .data1-main { padding-top: 1em; }
    .data1-main img { width: 100%; display: table; margin: 0 auto; }

    .product02-2 .data2 { padding: 2em 0; background-color: #fafafa; }
    .data2 .data2-main { padding-top: 2em; }
    .data2-main .data2-bg { display: table; width: 60%; margin: 0 auto; }
    .data2-main .data2-heap { overflow: hidden; }
    .data2-heap ul { text-align: center; text-align-last: center; }
    .data2-heap .data2-item { display: inline-block; width: 17%; margin: 0.5em 1em 0; }
    .data2-item .data2-name { font-size: 0.9em; color: #c62b2b; line-height: 1; font-weight: 800; text-align: center; text-align-last: center; }

    .product02-2 .data3 { padding: 2em 0; }
    .data3 .data3-main { padding-top: 1em; }
    .data3 .data3-img img { width: 100%; display: table; margin: 0 auto; }
    .data3 .data3-infor { padding-top: 5em; padding-left: 3em; padding-right: 2em; }
    .data3-main .data3-text { padding-top: 1em; }
    .data3-text p { font-size: 0.8em; color: #333333; line-height: 1.5; }

    .product02-2 .data4 { padding: 2em 0; background: url(../img/product/pro_02/pro_02_2/05.png) no-repeat center center; background-size: cover; }
    .data4 .safetitle p { color: #ffffff; }
    .data4 .data4-main { padding-top: 1em; }
    .data4-main .data4-img { padding-top: 1em; }
    .data4-img img { width: 100%; }
    .data4-main .data4-text { overflow: hidden; }
    .data4-text p { font-size: 0.8em; color: #ffffff; line-height: 1.5; }

    .product02-2 .data5 { padding: 2em 0; }
    .data5 .data5-main { padding-top: 1.5em; }
    .data5-main .data5-item { padding: 0 0.6em; }
    .data5-item img { width: 3.5em; display: table; margin: 0 auto; }
    .data5-item .data5-name { font-size: 0.8em; color: #010101; line-height: 1; font-weight: 800; text-align: center; padding: 0.8em 0 0.5em; }
    .data5-item .data5-con { font-size: 0.7em; color: #010101; line-height: 1.5; }
    .data5-main .data5-line { width: 2px; height: 100%; background-color: #e6e6e6; position: absolute; top: 0; }
    .data5-line .top { width: 4px; height: 1em; background-color: #c62b2b; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
    .data5-main .line1 { left: 0; }
    .data5-main .line2 { right: 0; }

    .product02-2 + .product-link { background-color: #efefef; }

    /* 维修保修 */
    .product02-3 .repair1 { padding: 2em 0; background-color: #fafafa; }
    .repair1 .repair1-main { padding-top: 1em; }
    .repair1-main img { width: 100%; display: table; margin: 0 auto; }

    .product02-3 .repair2 { padding: 2em 0; background: url(../img/product/pro_02/pro_02_3/07.png) no-repeat bottom right; }
    .repair2 .repair2-main { padding-top: 1em; width: 50%; }
    .repair2-main p { font-size: 0.7em; color: #333333; line-height: 1.5; }

    .product02-3 .repair3 { padding: 2em 0; }
    .repair3 .repair3-main { padding-top: 1em; }
    .repair3-main img { display: table; margin: 0 auto; }

    .product02-3 .repair4 { padding: 2em 0; background-color: #ebebeb; background-image: url(../img/product/pro_02/pro_02_3/08.png); background-position: bottom left; background-repeat: no-repeat; }
    .repair4 .repair4-main { padding-top: 1em; width: 50%; margin-left: auto; }
    .repair4-main .repair4-text { overflow: hidden; }
    .repair4-text p { font-size: 0.7em; color: #333333; line-height: 1.5; }

    .product02-3 .repair5 { padding: 2em 0; background: url(../img/product/pro_02/pro_02_3/09.png) no-repeat center center; }
    .repair5 .safetitle p { color: #ffffff; }
    .repair5 .repair5-main { padding-top: 1em; }
    .repair5-main p { font-size: 0.7em; color: #ffffff; line-height: 1.5; }

    /* 设备管理 */
    .product02-4 .device1 { padding: 2em 0; }
    .device1 .device1-main { width: 580px; height: 11em; margin: 0 auto; margin-top: 1em; position: relative; }
    .device1-main .device1-box { position: absolute; }
    .device1-main .device1-box img { position: relative; z-index: 20; }
    .device1-box .device1-infor { position: absolute; }
    .device1-infor p { font-size: 0.9em; color: #333333; line-height: 1.3; }

    .device1-box1 { top: 2em; left: 5em; z-index: 10; }
    .device1-box2 { top: 4.5em; left: 7.5em; z-index: 20; }
    .device1-box3 { top: 0; right: 51%; z-index: 10; }
    .device1-box4 { bottom: 0; left: 51%; z-index: 20; }
    .device1-box5 { top: 1em; right: 7.5em; z-index: 10; }
    .device1-box6 { bottom: 2em; right: 5em; z-index: 10; }
    .device1-box1 img { width: 3em; }
    .device1-box2 img { width: 3.5em; }
    .device1-box3 img { width: 4.5em; }
    .device1-box4 img { width: 4.5em; }
    .device1-box5 img { width: 3.5em; }
    .device1-box6 img { width: 3em; }

    .product02-4 .device2 { padding: 2em 0; background-color: #f5f5f5; }
    .device2 .device2-main { padding-top: 1em; position: relative; }
    .device2-main ul { text-align: justify; text-align-last: justify; }
    .device2-main .device2-item { width: 32%; margin-top: 0.5em; display: inline-block; vertical-align: top; }
    .device2-main .device2-item img { width: 100%; }
    

    .product02-4 .device3 { padding: 2em 0; }
    .device3 img { width: 100%; display: table; margin: 0 auto; }

    .product02-4 .inter4 { padding: 2em 0; background: url(../img/product/pro_01/pro_01_7/04.png) no-repeat center center; background-size: cover; }

    .product02-4 .device5 { padding: 2em 0; background-color: #f5f5f5; }
    .device5 .device5-main { padding-top: 1em; width: 100%; margin: 0 auto; overflow: hidden; }
    .device5-main .device5-item { margin-top: 0.5em; position: relative; }
    .device5-item .device5-text { width: 90%; padding: 1em; margin-left: auto; }
    .device5-text p { font-size: 0.7em; color: #ffffff; line-height: 1.5; font-weight: 800; text-align-last: left; }
    .device5-main .device5-item:nth-child(1) .device5-text,.device5-main .device5-item:nth-child(3) .device5-text { background-color: #72aab2; }
    .device5-main .device5-item:nth-child(2) .device5-text,.device5-main .device5-item:nth-child(6) .device5-text { background-color: #ea502c; }
    .device5-main .device5-item:nth-child(4) .device5-text { background-color: #ccb77f; }
    .device5-main .device5-item:nth-child(5) .device5-text { background-color: #7b5f56; }
    .device5-item .device5-box { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
    .device5-box .order-circle { width: 1.5em; height: 1.5em; border-radius: 50%; background-color: #898989; position: absolute; top: 50%; left: 1.2em; transform: translateY(-50%); }
    .order-circle .order-circle1 { width: 40%; height: 40%; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
    .device5-box .order-circle::after { content: ""; width: 0.3em; height: 5em; background-color: #898989; position: absolute; left: 50%; top: 1.2em; transform: translateX(-50%); }
    .device5-box p { font-size: 0.9em; color: #6c6c6c; line-height: 1.1; font-weight: 800; width: 0.9em; }
    .device5-main .device5-item:last-child .device5-box .order-circle::after { height: 0; }
    .device5-main .device5-item:nth-child(1) .device5-box .order-circle1 { background-color: #74a7ae; }
    .device5-main .device5-item:nth-child(2) .device5-box .order-circle1 { background-color: #ccb77f; }
    .device5-main .device5-item:nth-child(3) .device5-box .order-circle1 { background-color: #ea502c; }
    .device5-main .device5-item:nth-child(4) .device5-box .order-circle1 { background-color: #7b6057; }
    .device5-main .device5-item:nth-child(5) .device5-box .order-circle1 { background-color: #74a7ae; }
    .device5-main .device5-item:nth-child(6) .device5-box .order-circle1 { background-color: #ea502c; }
    
    /* GPS */
    .product02-5 .gps1 { padding: 2em 0; }
    .gps1 .gps1-main { padding-top: 1em; }
    .gps1-main img { display: table; margin: 0 auto; }

    .product02-5 .gps2 { padding: 2em 0; background-color: #ece9ec; overflow: hidden; position: relative; }
    .gps2 .gps2-main { overflow: hidden; }
    .gps2-main .gps2-img img { width: 100%;}
    .gps2 .gps2-infor { padding-top: 1.5em; }
    .sidetitle { display: table; margin: 0 auto; }
    .sidetitle p { font-size: 1.1em; color: #010101; line-height: 1; font-weight: 800; }
    .sidetitle .line1 { width: 30px; height: 4px; background-color: #c62b2b; margin: 0 auto; margin-top: 0.7em; position: relative; z-index: 20; }
    .sidetitle .line2 { width: 100%; height: 2px; background-color: #cccccc; margin-top: -3px; position: relative; z-index: 10; }
    .gps2-infor .gps2-text { padding-top: 0.5em; }
    .gps2-text p { font-size: 0.8em; color: #333333; line-height: 1.5; }

    .product02-5 .gps3 { padding: 2em 0; }
    .gps3 .gps3-main { overflow: hidden; }
    .gps3-main .gps3-box { padding-top: 1em; position: relative; }
    .gps3-infor .gps3-text { padding-top: 1em; }
    .gps3-text .gps3-name { font-size: 0.9em; color: #c62b2b; line-height: 1; font-weight: 800; }
    .gps3-text .gps3-con { font-size: 0.7em; color: #333333; line-height: 1.5; padding-top: 0.5em; }
    .gps3-box .gps3-img img { width: 100%; display: table; margin: 0 auto; }

    .product02-5 .gps4 { padding: 2em 0; background-color: #f5f5f5; }
    .gps4 .gps4-main { position: relative; }
    .gps4-main img { width: 100%; display: table; margin: 0 auto; }

    /* 备件管理 */
    .product02-6 .spare1 { padding: 2em 0; }
    .spare1 .spare1-main { padding-top: 1em; }
    .spare1-main img { width: 70%; display: table; margin: 0 auto; }

    .product02-6 .spare2 { padding: 2em 0; background: url(../img/product/pro_02/pro_02_6/02.png) no-repeat center center; background-size: cover; }
    .spare2 .safetitle p { color: #ffffff; }
    .spare2 .spare2-main { padding-top: 1em; }
    .spare2-main ul { text-align: center; text-align-last: center; }
    .spare2-main .spare2-item { width: 43%; margin: 0.5em 1em 0; display: inline-block; vertical-align: top; }
    .spare2-item .spare2-title { padding-left: 1.5em; overflow: hidden; position: relative; z-index: 20; }
    .spare2-title .spare2-num { width: 2.2em; height: 2.2em; background-color: #808080; float: left; }
    .spare2-num p { font-size: 1.1em; color: #ffffff; line-height: 2; font-weight: 800; text-align: center; text-align-last: center; }
    .spare2-title .spare2-name { font-size: 1em; color: #ffffff; line-height: 1; font-weight: 800; float: left; padding-left: 1em; padding-top: 0.4em; }
    .spare2-item .spare2-con { padding: 1em; background-color: #c62b2b; transform: translateY(-0.5em); position: relative; z-index: 10; display: table-cell; vertical-align: middle; }
    .spare2-con p { font-size: 0.7em; color: #ffffff; line-height: 1.5; text-align: left; text-align-last: left; }

    .product02-6 .spare3 { padding: 2em 0; }
    .spare3 .spare3-main { padding-top: 3.5em; }
    .spare3-main ul { text-align: justify; text-align-last: justify; }
    .spare3-main .spare3-item { width: 32%; position: relative; display: inline-block; vertical-align: top; }
    .spare3-item .spare3-num { width: 3em; position: absolute; top: -2.5em; left: 50%; transform: translateX(-50%); z-index: 20; }
    .spare3-num img { width: 100%; }
    .spare3-num p { font-size: 1.8em; color: #ffffff; line-height: 1; font-weight: 800; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
    .spare3-item .spare3-con { padding: 1.5em 1em 1em; border: 1px solid #c62b2b; border-radius: 15px; position: relative; z-index: 10; display: table-cell; vertical-align: middle; }
    .spare3-con p { font-size: 0.7em; color: #000000; line-height: 1.5; text-align: left; text-align-last: left; }

    .product02-6 .spare4 { padding: 2em 0; background-color: #f5f5f5; }
    .spare4 .spare4-main { padding-top: 0.5em; }
    .spare4-main ul { text-align: center; text-align-last: center; }
    .spare4-main .spare4-item { width: 43%; margin: 1em 1em 0; display: inline-block; vertical-align: top; }
    .spare4-item img { width: 100%; }
    

    /*-------- Media --------*/
    @media screen and (max-width:690px) {
        .inset-tab { padding-right: 0.4em; }
        .inset-tab li:nth-child(8) .line { margin-top: 0; position: absolute; top: -11px; left: 50%; transform: translateX(-50%); }
        .inset-tab li:nth-child(8) .line:before { border-bottom: 5px solid transparent; border-top: 5px solid #c62b2b; top: 2px; }
    }
    @media screen and (max-width:680px) {
        .psaf4 .psaf4-infor { padding-top: 0; }
        .psaf4-infor p { margin-top: 0.25em; }

        .danger3-main .danger3-item { width: 100%; }

        .train1-main .train1-item { width: 49%; }

        .spare2-main .spare2-item { width: 45%; margin: 0.5em 0.5em 0; }

        .spare4-main .spare4-item { width: 45%; margin: 1em 0.5em 0; }

        .equip1 .equip1-main { padding-top: 0.5em; }
        .equip1-main .equip1-item { margin: 1em 1em 0; }

        .security3-main ul { text-align: justify; text-align-last: justify; }
        .security3-main .security3-item { width: 22%; margin: 0; }
    }
    
    @media screen and (max-width:650px) {
        .organ-main .row3 { display: -webkit-box; text-align: justify; text-align-last: justify; }
        .row3 .row3-item1 { display: inline-block; margin: 0 1.5em; }
        .row3-item1-in p { text-align-last: center; }
        .row3 .line2 { height: 14em; }
        .organ-main .row4 { display: -webkit-box; text-align: justify; text-align-last: justify; }
        .row4 .row4-item1 { display: inline-block; margin: 0 1.5em; }
        .row4-item1-in p { text-align-last: center; }
    }
    
    @media screen and (max-width:640px) {
        .nav-item a,.nav-item p { font-size: 0.7em; }
        .drop-menu li a { font-size: 0.6em; }
        .nav-item .drop-menu { left: 4.5em; }
        
        .iservice-box .box-con { display: none; }
        .iservice-box img { width: 70%; }
        .iservice-main .iservice-box { padding: 0.5em 1em; }
        .iservice-main .iservice-hover { padding: 2.5em 1em; }
        .iservice-title img { position: relative; left: auto; top: auto; transform: translateY(0); display: table; margin: 0 auto; }
        .iservice-title a { display: table; padding-left: 0; margin: 0 auto; margin-top: 1em; }
        .iservice-hover .iserHover-heap { display: none; }
        .iservice-hover .iservice-more { display: none; }

        .idirec-icons .idirec-i { margin: 0.5em 2em; }
        .idirec-t .idirec-icons { padding: 1em 0 0; }
        .idirec-item .idirec-item-l { width: 11%; }
        .idirec-item .idirec-item-r { width: 89%; }

        .icase-tab li { padding: 0.3em 0.5em; }

        .islove-r .islove-tab { margin-top: 0; }
        .islove-r .islove-content { padding-top: 1em; }
        .islove-btn a { font-size: 0.9em; }
        
        .icompany-main .icompany-heap { width: 85%; }
        .icompany-main .swiper-container .swiper-slide .icompany-text { padding: 1em 0.5em; }
        .icompany-text .icompany-ch { font-size: 1.1em; }
        .icompany-text .icompany-en { font-size: 0.6em; }
        .icompany-text .icompany-con { margin-top: 0.7em; }

        .inews-date .line { width: 80%; }

        .honor-item li p { font-size: 0.7em; }

        .history-title .borderleft { height: 1em; }
        .history-title p { font-size: 1em; }
        .history-text p { font-size: 0.7em; }

        .culture-text .culture-name { font-size: 1em; }

        .psafe-heap ul { text-align: center; text-align-last: center; }
        .psafe-heap .psafe-box { margin: 0.5em 1.2em 0; }

        .prisk .prisk-main { padding-top: 0; }
        .prisk-main ul { text-align: center; text-align-last: center; }
        .prisk-main .prisk-item { margin: 1em 1.1em 0; }

        .psaf4 .psaf4-infor { padding-top: 0; }

        .risk1 .risk1-main { padding-top: 0; }
        .risk1-main .risk1-item { width: 45%; margin-top: 1em; }

        .prolink-main .prolink-heap { width: 85%; }
        .prolink-main .swiper-container .prolink-button { font-size: 1.2em; line-height: 2.5em; height: 2.5em; }

        .danger2 .danger2-main { padding: 1.5em 0 0; }

        .product01-4 .opera5 { padding: 2em 0 9em; }

        .train2 .train2-main { padding: 0.5em 1em 0; }

        .train4-main .train4-heap { width: 100%; }

        .pos2-con .pos2-img { width: 80%; }
        .pos2-tab ul { text-align: center; text-align-last: center; }
        .pos2-tab .pos2-item { margin: 1em 1.1em 0; }
        .pos2-tab .pos2-btn { top: 11em; }

        .inter1-main .inter1-item { margin: 0 0.5em; }

        .inter4-main .inter4-heap { width: 100%; }

        .hardware01 .hardware01-main { padding-top: 0.5em; }
        .hardware01-main ul { text-align: center; text-align-last: center; }
        .hardware01-main .hardware01-item { width: 27%; margin: 0.5em 0.5em 0; }

        .pro03list-heap ul { text-align-last: left; }
        .pro03list-heap .pro03list-item { width: 31%; margin: 0 0.2em; }

        .develop2-main .develop2-item { margin: 0 1.3em; }

        .censor4-tab .censor4-item { padding: 0.5em 1.8em; }

        .data2-heap .data2-item { margin: 0.5em 0.9em 0; }

        .repair2 .repair2-main { width: 45%; }

        .repair4 .repair4-main { width: 45%; }

        .device1 .device1-main { width: 390px; }
        .device1-box1 { top: 2em; left: 1em; }
        .device1-box2 { top: 5em; left: 3.5em; }
        .device1-box5 { top: 1em; right: 3.5em; }
        .device1-box6 { bottom: 2em; right: 1em; }

        .device5-item .device5-text { width: 88%; }
        .device5-box .order-circle::after { height: 6em; }

        .product01 .psaf4 { padding: 2em 0; }
        .psaf4 .psaf4-img { width: 100%; float: none; }
        .psaf4 .psaf4-img .img1 { display: none; }
        .psaf4 .psaf4-img .img2 { display: table; }
        .psaf4 .psaf4-infor { width: 100%; float: none; padding-left: 0; padding-top: 1em; }

        .output1 .output1-main { padding-top: 0.5em; }
        .output1-main .output1-box { margin: 1em 1em 0; }
        .output1-box img { width: 4.5em; }
    }

    @media screen and (max-width:620px) {
        .security3 .security3-main { padding-top: 0; }
        .security3-main ul { text-align: center; text-align-last: center; }
        .security3-main .security3-item { width: 35%; margin: 1em 1em 0; }
        .security3-item img { width: 35%; }
    }

    @media screen and (max-width:610px) {
        .inset-tab li:nth-child(7) .line { margin-top: 0; position: absolute; top: -11px; left: 50%; transform: translateX(-50%); }
        .inset-tab li:nth-child(7) .line:before { border-bottom: 5px solid transparent; border-top: 5px solid #c62b2b; top: 2px; }
    }

    @media screen and (max-width:580px){
        .danger4-main .danger4-item { width: 100%; }

        .inter1-main .inter1-item { margin: 0 0.2em; }

        .output1-main .output1-box { margin: 1em 0.6em 0; }

        .output2-tab .output2-item { padding: 0.5em; }
        .output2-item .item-name { padding: 1em 0 0; }
        .output2-item .item-con { display: none; }

        .data2-heap .data2-item { width: 23%; }
        .data2-main .data2-bg { width: 70%; }

        .data5-main .data5-item { padding: 0 0.5em; }
        .data5-item .data5-con { display: none; }

        .product02-3 .repair2 { padding: 2em 0 12em; }
        .repair2 .repair2-main { width: 100%; }

        .product02-3 .repair4 { padding: 2em 0 14em; }
        .repair4 .repair4-main { width: 100%; }

        .device2 .device2-main { padding-top: 0.5em; }
        .device2-main .device2-item { width: 49%; }
        .device2-main .device2-item:nth-child(5) { display: none; }

        .spare3 .spare3-main { padding-top: 0; }
        .spare3-main .spare3-item { width: 100%; margin-top: 3em; }

        .equip2-main .equip2-item { width: 28%; margin: 1em 0.5em 0; }

        .pos2-tab .pos2-item { margin: 1em 0.9em 0; }

        .psafe-heap .psafe-box { margin: 0.5em 0.7em 0; }
    }

    @media screen and (max-width:560px) {
        .icase-tab li { padding: 0.3em 0.2em; }

        .case-t-heap .case-t-item:nth-child(2n+1) { width: 100%; }
        .case-t-heap .case-t-item:nth-child(2n) { width: 100%; }
        .case-border .line1 { width: 30%; }

        .details-btn { padding: 1em 0 0; }
        .details-btn .details-prev { float: none; overflow: hidden; }
        .details-btn .details-next { float: none; overflow: hidden; padding-top: 0.5em; }
        .details-next p { padding-right: 0; padding-left: 0.5em; }

        .pro03list-heap .pro03list-item { margin: 0 0.14em; }

        .censor4-tab .censor4-item { padding: 0.5em 1em; }

        .repair3-main img { width: 100%; }

        .spare2-main ul { text-align: justify; text-align-last: justify; }
        .spare2-main .spare2-item { width: 48%; margin: 0.5em 0 0; }
        .spare2-title .spare2-num { width: 2em; height: 2em; }
        .spare2-num p { font-size: 1em; line-height: 1.9; }
        .spare2-title .spare2-name { font-size: 0.9em; }
    }

    @media screen and (max-width:540px) {
        .inset-tab { padding-right: 1em; }
        .inset-tab li:nth-child(6) .line { margin-top: 0; position: absolute; top: -11px; left: 50%; transform: translateX(-50%); }
        .inset-tab li:nth-child(6) .line:before { border-bottom: 5px solid transparent; border-top: 5px solid #c62b2b; top: 2px; }
        
        .row3 .row3-item1 { margin: 0 0.9em; }
        .row4 .row4-item1 { margin: 0 1em; }

        .prisk-main .prisk-item { margin: 1em 0.6em 0; }

        .pos2-main .pos2-content { width: 90%; }
        .pos2-tab .pos2-item { margin: 1em 0.7em 0; }
        .pos2-tab .pos2-btn { top: 9.5em; }

        .device5-item .device5-text { width: 86%; }
        .device5-box .order-circle::after { height: 7em; }

        .equip1-main .equip1-item { margin: 0.5em 0.5em 0; }
        .equip1-item .equip1-name { width: 9em; }
        .equip1-name p { font-size: 0.8em; }
    }

    @media screen and (max-width:520px) {
        .iservice-box img { width: 90%; }

        .idirec-icons .idirec-i { margin: 0.5em 1em; }
        .idirec-item .idirec-item-l { width: 13%; }
        .idirec-item .idirec-item-r { width: 87%; padding-top: 0.5em; }

        .icase-tab li a { font-size: 0.7em; width: 6em; }
        .icase-heap .icase-text { padding: 0.5em; }
        .icase-text .icase-name { font-size: 0.8em; width: 100%; }
        .icase-text .icase-con { display: none; }

        .islove-tab .islove-btn { margin-right: 0.8em; }
        .islove-btn a { font-size: 0.8em; }

        .icompany-text .icompany-ch { font-size: 1em; }
        .icompany-text .icompany-con { font-size: 0.6em; }

        .case-heap .case-text { padding: 0.5em; }
        .case-text .case-name { font-size: 0.8em; width: 100%; }
        .case-text .case-con { display: none; }

        .inter1-main .inter1-item { width: 2.8em; height: 2.8em; }
        .inter1-item .inter1-in { width: 2.3em; height: 2.3em; }
        .inter1-item p { font-size: 0.6em; width: 60%; }

        .develop2-main .develop2-item { margin: 0 0.9em; }

        .develop3 .develop3-main { padding-top: 0.5em; }
        .develop3-main .develop3-item { width: 100%; margin-top: 2.2em; }

        .output2-item .item-name { font-size: 0.7em; }

        .output3-main .output3-heap { width: 80%; }

        .censor5-heap .censor5-box:nth-child(2n) .censor5-text { text-align: left; }

        .spare1-main img { width: 100%; }

        .spare4-main ul { text-align: justify; text-align-last: justify; }
        .spare4-main .spare4-item { width: 48%; margin: 1em 0 0; }

        .security3-main .security3-item { width: 39%; }

        .output1-main .output1-box { margin: 1em 0.2em 0; }
    }

    @media screen and (max-width:490px) {
        .inset-tab { padding-right: 0; }
       
        .psafe-heap .psafe-box { margin: 0.5em 0.4em 0; }

        .device5-item .device5-text { width: 85%; }
        .device5-box .order-circle::after { height: 7.5em; }

        .equip2-main .equip2-item { width: 27%; }

        .pos2-tab .pos2-item { margin: 1em 0.5em 0; }
    }

    @media screen and (max-width:450px) {
        .address-nav b { font-size: 0.6em; }
        .address-nav a { font-size: 0.6em; }
        
        .inset-tab li { width: 3em; }
        .inset-tab a { font-size: 0.6em; }
        .inset-tab .hr { top: 1.65em; }
        
        .iservice,.icase,.idirec,.idirec .idirec-t,.islove { padding: 1.5em 0; }
        .icompany { padding-top: 1.5em; }
        .icompany .container { padding-bottom: 1.5em; }
        .icompany .icompany-main { padding-top: 1em; }
        .inews { padding: 11.5em 0 1.5em; }

        .company,.organ,.contactus { padding: 1.5em 0; }
        .honor,.culture { padding-bottom: 1.5em; }
        .history { padding: 1.5em 0; }

        .case-details,.news-details,.slove { padding: 1.5em 0; }

        .product01 .psafe,.product01 .prisk,.product01 .psaf3,.product01 .psaf4,.product01 .psaf5,.product01 .psaf6,.product01 .psaf7 { padding: 1.5em 0; }

        .product01-1 .risk1,.product01-1 .risk2,.product01-1 .risk3,.product-link { padding: 1.5em 0; }

        .product01-2 .danger1,.product01-2 .danger2,.product01-2 .danger3,.product01-2 .danger4 { padding: 1.5em 0; }

        .product01-3 .equip1,.product01-3 .equip2,.product01-3 .equip3 { padding: 1.5em 0; }

        .product01-4 .opera1,.product01-4 .opera2,.product01-4 .opera3 { padding: 1.5em 0; }
        
        .product01-5 .train1,.product01-5 .train2,.product01-5 .train3,.product01-5 .train4 { padding: 1.5em 0; }

        .product01-6 .pos1,.product01-6 .pos2 { padding: 1.5em 0; }

        .product01-7 .inter1,.product01-7 .inter3,.product01-7 .inter4 { padding: 1.5em 0; }

        .product03 .hardware01,.product03 .hardware02 { padding: 1.5em 0; }

        .product04 .develop1,.product04 .develop2,.product04 .develop3 { padding: 1.5em 0; }

        .product02 .output1,.product02 .output2,.product02 .output3 { padding: 1.5em 0; }

        .product02-1 .censor1,.product02-1 .censor2,.product02-1 .censor3,.product02-1 .censor4,.product02-1 .censor5 { padding: 1.5em 0; }

        .product02-2 .data1,.product02-2 .data2,.product02-2 .data3,.product02-2 .data4,.product02-2 .data5 { padding: 1.5em 0; }

        .product02-3 .repair1,.product02-3 .repair3,.product02-3 .repair5 { padding: 1.5em 0; }

        .product02-4 .device1,.product02-4 .device2,.product02-4 .device3,.product02-4 .inter4,.product02-4 .device5 { padding: 1.5em 0; }

        .product02-5 .gps1,.product02-5 .gps2,.product02-5 .gps3,.product02-5 .gps4 { padding: 1.5em 0; }

        .product02-6 .spare1,.product02-6 .spare2,.product02-6 .spare3,.product02-6 .spare4 { padding: 1.5em 0; }

        .product02-1 .security3,.product02-1 .security6 { padding: 1.5em 0; }
        
        .iservice .iservice-main { padding-top: 0.5em; }
        .iservice-main .row { margin-left: -10px; margin-right: -10px; }
        .iservice-main .iservice-item { padding-left: 10px; padding-right: 10px; }
        .iservice-main .iservice-box { padding: 0.3em 0.5em; }
        .iservice-box .box-name { font-size: 0.8em; padding-top: 0.5em; }
        .iservice-main .iservice-hover { padding: 1.5em 1em; }
        .iservice-title a { font-size: 0.8em; }

        .idirec-icons .idirec-i { margin: 0.5em 0.1em; }
        .idirec-heap .idirec-item { margin-top: 0.5em; }
        .idirec-item .idirec-item-l { width: 15%; }
        .idirec-item-l p { font-size: 0.7em; }
        .idirec-item .idirec-item-r { width: 85%; font-size: 0.6em; padding-top: 0.2em; }

        .icase-tab { padding-top: 0.5em; }
        .icase-tab ul { text-align: justify; text-align-last: justify; }
        .icase-tab li { padding: 0.1em 0; }
        .icase-tab li a { font-size: 0.7em; width: 5em; text-align-last: center; }
        .icase .icase-heap { padding-top: 0.5em; }
        .icase-heap ul { margin-left: -5px; margin-right: -5px; }
        .icase-heap li { padding-left: 5px; padding-right: 5px; margin-top: 0.5em; }
        .icase-heap .icase-item { border-width: 3px; }
        .icase-heap .icase-text { padding: 0.3em; }
        .icase-text .icase-name { font-size: 0.7em; }
        .icase .icase-more { padding-top: 0.7em; }
        .icase .icase-more a { font-size: 0.7em; padding: 0.3em 1.2em; }

        .islove .islove-r { padding-top: 1em; }
        .islove-r .sltitle .sltitle-ch { font-size: 1.2em; }
        .islove-btn a { font-size: 0.6em; }
        .islove-btn .hr { margin-top: 0.5em; }
        .islove-content .islove-name { font-size: 1.2em; }
        .islove-content .islove-infor { font-size: 0.6em; padding-top: 1em; }
        .islove-content .islove-more { font-size: 0.6em; margin-top: 1em; }

        .icompany-main .swiper-container .icompany-button { font-size: 0.9em; line-height: 3em; height: 3em; }

        .inews .icase-tab ul { text-align: center; text-align-last: center; }
        .inews .icase-tab li { padding: 0.1em 0.3em; }
        .inews .inews-heap { padding-top: 0; }
        .inews-heap .inews-item { padding: 0.8em 0 0.5em; }
        .inews-item .inews-name { font-size: 0.7em; }
        .inews-date p { font-size: 0.6em; }
        .inews-date .line { width: 75%; }
        .inews-item .inews-con { font-size: 0.6em; }

        .footer-t p, .footer-t a { font-size: 0.7em; }
        .footer-b p { font-size: 0.6em; }

        .company h1 { font-size: 1.1em; }
        .company p { font-size: 0.7em; }

        .row1 .row1-item2 { padding-top: 0.2em; }
        .row1-item2 .organ-arrow { width: 30px; margin-top: 1.2em; }
        .row1 .row1-item3 { padding-top: 0.2em; }
        .row1-item3 .organ-arrow { width: 30px; margin-top: 1.2em; background-position-x: -62px; }
        .row3 .row3-item1 { margin: 0 0.45em; }
        .row4 .row4-item1 { margin: 0 0.55em; }

        .honor-title li { padding-left: 10px; padding-right: 10px; }
        .honor-title li:last-child { text-align: right; }
        .honor-item li { padding-left: 10px; padding-right: 10px; }
        .honor-item li p { font-size: 0.6em; }

        .history-tab .history-item { font-size: 0.8em; }
        .history-tab .swiper-container .history-button { font-size: 0.7em; }
        .history .history-content { padding-top: 1em; }

        .culture .culture-box { padding-top: 1em; }
        .culture-box .culture-text { padding-top: 0.7em; }
        .culture-text .culture-name { font-size: 0.9em; }
        .culture-text .culture-con { font-size: 0.7em; }

        .contactus-title .line { width: 80%; }
        .contactus-title h1 { font-size: 1.1em; }
        .contactus-item p { font-size: 0.8em; }

        .case .case-heap { padding-top: 0.5em; }
        .case-heap ul { margin-left: -5px; margin-right: -5px; }
        .case-heap li { padding-left: 5px; padding-right: 5px; margin-top: 0.5em; }
        .case-heap .case-item { border-width: 3px; }
        .case-heap .case-text { padding: 0.3em; }
        .case-text .case-name { font-size: 0.7em; }

        .case-t-infor h1 { font-size: 0.9em; }
        .case-t-item img { width: 1.2em;     }
        .case-t-item p { font-size: 0.7em; }
        .case-main .case-b { padding-top: 1em; }
        .case-title p { font-size: 1em; padding: 0.75em 0 0.5em; }
        .case-content p { font-size: 0.7em; }

        .news-date .date-s { padding: 0.2em 0 0.5em; }
        .news-t h1 { font-size: 0.9em; }
        .news-t .news-date { margin-bottom: 0.5em; }
        .news-date span { font-size: 0.6em; }
        .news-content p { font-size: 0.7em; }
        .details-btn p { font-size: 0.6em; }
        .news-link { padding-top: 1em; }
        .link-name .borderleft { height: 0.8em; }
        .link-name p { font-size: 0.9em; }

        .slove-title h1 { font-size: 1.2em; }
        .slove-content h2 { font-size: 0.9em; margin: 0.5em 0 0; }
        .slove-content p { font-size: 0.7em; margin-top: 0.5em; }
        .imgbox p { font-size: 0.8em; }
        .slove .slove-main { padding-bottom: 0.5em; }

        .stitle-name p { font-size: 1.2em; }
        .stitle .stitle-con { font-size: 0.6em; }
        .psafe-box p { font-size: 0.8em; }
        .psafe .psafe-main { padding-top: 0.5em; }

        .safetitle-name p { font-size: 1em; }
        .safetitle .safetitle-con { font-size: 0.6em; }
        .prisk-infor .prisk-name { font-size: 0.6em; }
        .prisk-main .prisk-item { margin: 1em 0.3em 0; }
        
        .psaf4-infor p { font-size: 0.8em; }

        .psaf7 .psaf7-main { padding-top: 0.5em; }
        .psaf7-main .psaf7-item { padding-top: 0.6em; }
        .psaf7-name p { font-size: 0.9em; }
        .psaf7-item .psaf7-con { font-size: 0.6em; }

        .risk1-main ul { text-align: justify; text-align-last: justify; }
        .risk1-main .risk1-item { padding: 0; }
        .risk1-item .risk1-box { width: 6em; height: 6em; }
        .risk1-item .risk1-in { width: 5.3em; height: 5.3em; }
        .risk1-box p { font-size: 0.9em; }
        .risk1-item .risk1-con { font-size: 0.6em; padding-top: 1em; }

        .risk2 .risk2-infor { padding-top: 1em; }
        .risk2title p { font-size: 1em; }
        .risk2-infor .risk2-text { padding-top: 0.6em; }
        .risk2-text p { font-size: 0.7em; }

        .prolink-main .swiper-container .swiper-slide .prolink-text { padding: 0.6em 0 0; }
        .prolink-main .swiper-container .prolink-button { font-size: 0.9em; }

        .danger2-main .danger2-item { padding-top: 1.5em; }
        .danger2-text .danger2-name { font-size: 0.7em; }
        .danger2-text .danger2-con { font-size: 0.7em; }

        .danger3-main .danger3-item { padding: 1em 0.5em; }
        .danger3-name p { font-size: 0.9em; }
        .danger3-text p { font-size: 0.7em; }

        .danger4-name p { font-size: 0.9em; }
        .danger4-item .danger4-con { font-size: 0.6em; }

        .opera1-main p { font-size: 0.6em; }

        .opera2 .opera2-infor { padding-top: 1em; }
        .opera2title p { font-size: 1em; }
        .opera2-text p { font-size: 0.7em; }

        .opera3-name p { font-size: 0.9em; }
        .opera3-item .opera3-con { font-size: 0.6em; }

        .opera4-item .opera4-name { font-size: 0.8em; }
        .opera4-item .opera4-con { font-size: 0.6em; }
        .opera4-item img { width: 3em; }
        .opera4-main .opera4-item { padding: 2.5em 0.5em 1.5em; margin-top: 2em; }

        .product01-4 .opera5 { padding: 1em 0 6em; }

        .train1-main .train1-item { margin: 0.6em 0 0; }
        .train1-main .train1-item:nth-child(2n+1) { width: 40%; }
        .train1-main .train1-item:nth-child(2n) { width: 58%; }
        .train1-item p { font-size: 0.7em; }

        .train2 .train2-main { padding: 0 0.5em; }
        .train2-name p { font-size: 0.7em; }
        .train2-con p { font-size: 0.8em; }

        .train4-item p { font-size: 0.6em; }

        .pos1-text p { font-size: 0.6em; }

        .pos2-con .pos2-img { width: 100%; }
        .pos2-infor .pos2-name { font-size: 0.9em; }
        .pos2-text p { font-size: 0.7em; }
        .pos2-item p { font-size: 0.6em; }
        .pos2-tab .pos2-item { margin: 1em 0.4em 0; }

        .product01-7 .inter2 { padding: 1.5em 0 12em; }
        .inter2title p { font-size: 1em; }
        .inter2-text p { font-size: 0.7em; }

        .inter4-num p { font-size: 0.8em; }
        .inter4-item .inter4-con { font-size: 0.7em; }

        .hardware01-main .hardware01-item { width: 30%; margin: 0.5em 0.1em 0; }
        .hardware01-item p { font-size: 0.7em; }

        .hardware02-btn a { font-size: 0.6em; }
        .hardware02-text p { font-size: 0.7em; }
        .hardware02-tab .hardware02-btn { margin-right: 0.8em; }

        .product03-1 .product03-list { padding: 1.5em 0 1em; }
        .product03-list .pagination-bar { padding: 0.5em 0; }
        .pro03list-heap ul { text-align-last: justify; }
        .pro03list-heap .pro03list-item { width: 48%; margin: 0; }
        .pro03list-item p { font-size: 0.7em; }

        .product03-2 { padding: 1.5em 0; }
        .prodetails-infor h1 { font-size: 0.9em; }
        .prodetails-infor p { font-size: 0.7em; }
        .prodetails-title p { font-size: 1em; }
        .prodetails-content p { font-size: 0.7em; }

        .develop1-item img { width: 4.5em; }
        .develop1-item .develop1-name { font-size: 0.8em; padding: 0.8em 0 0.5em; }
        .develop1-item .develop1-con { font-size: 0.6em; }

        .develop2 .develop2-main { padding-top: 0; }
        .develop2-main .develop2-item { margin: 1.5em 2em 0; }

        .develop3-item .develop3-name { font-size: 0.9em; padding-left: 4.5em; }
        .develop3-item .develop3-con { font-size: 0.6em; padding-top: 1em; }

        .output1-main .output1-box { margin: 0.5em 0.4em 0; }
        .output1-box img { width: 3.5em; }
        .output1-box p { font-size: 0.6em; }

        .output2-main .output2-tab { padding-top: 0.5em; }
        .output2-main .output2-content { padding: 1.5em 0.5em; }
        .output2-tab ul { margin-left: -3px; margin-right: -3px; }
        .output2-tab li { padding-left: 3px; padding-right: 3px; }
        .output2-tab li:nth-child(4), .output2-tab li:nth-child(5), .output2-tab li:nth-child(6) { padding-top: 0.3em; }
        .output2-art img { width: 3em; }
        .output2-art .art-name { font-size: 0.8em; }
        .output2-art .art-con p { font-size: 0.6em; }
        .output2-item img { width: 2em; }
        .output2-item .item-name { font-size: 0.6em; }

        .output3-item .output3-name { font-size: 0.9em; }
        .output3-item .output3-con { font-size: 0.8em; }
        .output3-main .swiper-container .output3-button { font-size: 1.2em; }

        .censor1-box .censor1-con { font-size: 0.6em; padding-left: 3.5em; }

        .censor3 .censor3-main { padding-top: 1em; }
        .censor3-main p { font-size: 0.7em; }

        .censor4-tab .censor4-item { padding: 0.4em 0.8em; }
        .censor4-item p { font-size: 0.7em; padding-top: 0.2em; }
        .censor4-content .censor4-con { padding: 1.5em 0.5em; }
        .censor4-title p { font-size: 0.9em; }
        .censor4-text p { font-size: 0.7em; }

        .censor5-text .censor5-name { font-size: 0.8em; }
        .censor5-text .censor5-con { font-size: 0.6em; }
        .censor5-heap .censor5-box:nth-child(2n+1) .censor5-text { padding-left: 3.5em; }
        .censor5-heap .censor5-box:nth-child(2n) .censor5-text { padding-right: 3.5em; }

        .data2-heap .data2-item { margin: 0.5em 0.8em 0; }
        .data2-item .data2-name { font-size: 0.8em; }
        .data2-main .data2-bg { width: 80%; }

        .data3-text p { font-size: 0.7em; }

        .data4-text p { font-size: 0.7em; }

        .data5-main ul { margin-left: -10px; margin-right: -10px; }
        .data5-main li { padding-left: 10px; padding-right: 10px; }
        .data5-main .data5-item { padding: 0; }
        .data5-item .data5-name { font-size: 0.7em; }

        .product02-3 .repair2 { padding: 1.5em 0 12em; }
        .repair2-main p { font-size: 0.6em; }

        .product02-3 .repair4 { padding: 1.5em 0 14em; }
        .repair4-text p { font-size: 0.6em; }

        .repair5-main p { font-size: 0.6em; }

        .device1 .device1-main { width: 290px; height: 13em; }
        .device1-box1 { top: 2em; left: 0; }
        .device1-box2 { top: 5em; left: 2em; }
        .device1-box3 { top: 0; right: 6em; }
        .device1-box4 { bottom: 0; left: 6em; }
        .device1-box5 { top: 3em; right: 2em; }
        .device1-box6 { bottom: 2em; right: 0; }

        .device5 .device5-main { padding-top: 0.5em; }
        .device5-item .device5-text { padding: 0.5em; }
        .device5-text p { font-size: 0.6em; }
        .device5-box p { font-size:0.8em; }
        .device5-box .order-circle { left: 1em; }
        .device5-box .order-circle::after { height: 5em; }

        .gps2 .gps2-infor { padding-top: 1em; }
        .sidetitle p { font-size: 1em; }
        .gps2-text p { font-size: 0.7em; }

        .gps3-text .gps3-name { font-size: 0.8em; }
        .gps3-text .gps3-con { font-size: 0.6em; }

        .spare2-main .spare2-item { width: 100%; }
        .spare2-con p { font-size: 0.6em; }

        .spare3-main .spare3-item { margin-top: 2.5em; }
        .spare3-item .spare3-num { width: 2.5em; top: -2.1em; }
        .spare3-num p { font-size: 1.4em; }
        .spare3-item .spare3-con { padding: 1.2em 1em 1em; }
        .spare3-con p { font-size: 0.6em; }

        .spare4-main ul { text-align: center; text-align-last: center; }
        .spare4-main .spare4-item { width: 90%; }
        .spare4-main .spare4-item:last-child { display: none; }

        .equip1-main .equip1-item { margin: 0.5em 0 0; }
        .equip1-item .equip1-name { width: 8em; }
        .equip1-name p { font-size: 0.7em; line-height: 1.3; }

        .equip2-item .equip2-con { font-size: 0.6em; }

        .equip3-text p { font-size: 0.7em; }

        .security3-main .security3-item { width: 43%; margin: 1em 0.5em 0; }
        .security3-item p { font-size: 0.6em; }

        .security6-text p { font-size: 0.7em; }

        .psafe-heap .psafe-box { width: 3.5em;  }
    }

    @media screen and (max-width:420px) {
        .equip2-main ul { text-align: justify; }
        .equip2-main .equip2-item { width: 43%; margin: 1em 0 0; }
    }

    @media screen and (max-width:400px) {
        .psafe-heap .psafe-box { margin: 0.5em 0.2em 0; }

        .inter1-main ul { text-align: justify; text-align-last: justify; }
        .inter1-main .inter1-item { margin: 0; }

        .censor4-tab .censor4-item { padding: 0.3em 0.4em; }

        .data2 .data2-main { padding-top: 1em; }
        .data2-heap ul { text-align: justify; text-align-last: justify; }
        .data2-heap .data2-item { width: 27%; margin: 0.5em 0 0; }
        .data2-main .data2-bg { width: 100%; }

        .device5-item .device5-text { width: 83%; }
        .device5-box .order-circle::after { height: 6em; }

        .pos2-tab .pos2-item { margin: 1em 0.3em 0; }

        .output1-main .output1-box { margin: 0.5em 0.2em 0; }
    }

    @media screen and (max-width:390px) {
        .inset-tab { padding-right: 0.2em; }
        .inset-tab li:nth-child(5) .line { margin-top: 0; position: absolute; top: -11px; left: 50%; transform: translateX(-50%); }
        .inset-tab li:nth-child(5) .line:before { border-bottom: 5px solid transparent; border-top: 5px solid #c62b2b; top: 2px; }
    }
    

    @media screen and (max-width:375px) {
        .row1-item2 .organ-arrow { width: 23px; }
        .row1-item3 .organ-arrow { width: 23px; background-position-x: -69px; }
        .row3 .row3-item1 { margin: 0 0.2em; }
        .row4 .row4-item1 { margin: 0 0.3em; }

        .honor-title li { padding-left: 7px; padding-right: 7px; }

        .prisk-main ul { text-align: justify; }
        .prisk-main .prisk-item { margin: 1em 0.1em 0; }

        .pos2-tab .pos2-btn { top: 8.5em; }
        .pos2-tab ul { text-align: center; text-align-last: center; }
        .pos2-tab .pos2-item { margin: 1em 0.1em 0; }

        .device5-item .device5-text { width: 81%; }

        .gps1-main img { width: 100%; }

        .equip1-item .equip1-name { width: 7.4em; }

        .security3-main ul { text-align: justify; text-align-last: justify; }
        .security3-main .security3-item { width: 46%; margin: 1em 0 0; }

        .psafe-heap .psafe-box { margin: 0.5em 0 0; }

        .output1-box img { width: 3em; }
    }

    @media screen and (max-width:350px) {
        .censor2-main img { width: 100%; }

        .censor4-tab .censor4-item { padding: 0.3em 0.3em; }
    }
    
}