@charset "utf-8";
/*------------------------------------------------------------
	default style
------------------------------------------------------------*/
* html .clearfix {
    zoom: 1;
}

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    outline: 0;
    font-size: 1em;
}
html {
    font-size: 62.5%;
}
body, table, input, textarea, select, option {
    font-family: 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
img {
    width:100%;
}
a,
a:link {
    color: #333;
    text-decoration: none;
    -webkit-transition: all .5s;
    transition: all .5s;
}
/*a:visited {*/
/*    color: #333;*/
/*}*/
/*a:hover {*/
/*    color: #333;*/
/*}*/
/*a:active {*/
/*    color: #333;*/
/*}*/

body {
    color: #333;
    font-size: 16px;
    line-height: 1.5;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    background-color: #FFF;
}
#container {
    text-align: left;
    overflow: hidden;
}
a[href^="tel:"] {
    cursor: default;
    pointer-events: none;
}
@media all and (min-width: 992px) {
    .sp {
        display: none !important;
    }
}
@media all and (max-width: 991px) {
    body {
        min-width: inherit;
        font-size: 14px;
    }
    a:hover,
    a:hover img {
        opacity: 1 !important;
    }
    .pc {
        display: none !important;
    }
    a[href^="tel:"] {
        cursor: pointer;
        pointer-events: auto;
    }
}

@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.eot?qradjf');
    src:url('../fonts/icomoon.eot?qradjf#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?qradjf') format('truetype'),
    url('../fonts/icomoon.woff?qradjf') format('woff'),
    url('../fonts/icomoon.svg?qradjf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.demo-icon{
    font-family:"icomoon";
    font-style:normal;
    font-weight:normal;
    speak:none;
    display:inline-block;
    text-decoration:inherit;
    text-align:center;
    font-variant:normal;
    text-transform:none;
    font-size:24px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    line-height:24px;
    color:#999;
}


/*头部 S*/
.header { position: absolute; left: 0; top:61px; right: 0; z-index: 99; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; background:#fff}
.header .wp { max-width: 1800px; height: 100px; align-items: center;}
.header.fixed { background: #fff; box-shadow: 0 4px 10px rgba(116, 116, 116, 0.1); }
.logo-wrap { align-items: center; }
.logo-wrap img { width: 196px; }
.logo-wrap .slogan { display: block; font-size: 14px; /*color: #fff;*/ margin-left: 25px; margin-top: 8px; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.logo-wrap .slogan b { display: block; font-size: 18px; /*color: #ffffff;*/ font-weight: normal; line-height: 1.1; margin-bottom: 3px; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.logo-wrap .inner { display: none; }
.header.inner .logo-wrap .inner, .header.fixed .logo-wrap .inner, .header:hover .logo-wrap .inner { display: block; }
.header.fixed .logo-wrap .nomarl, .header.inner .logo-wrap .nomarl, .header:hover .logo-wrap .nomarl { display: none; }
.body-inner { padding-top: 101px; }
.nav-list { margin-right: 75px; }
.nav-list li { position: relative; margin-left: 40px; }
.nav-link { display: block; position: relative; font-size: 16px; /*color: #fff ;*/ line-height: 36px; }
.nav-list li.on .nav-link, .nav-link:hover { color: rgba(231, 33, 36, 1) !important; }
.head-search { width: auto; opacity: 1; }
.head-search form { align-items: center; height: 36px; line-height: 34px; border-radius: 18px; border: solid 1px #c39c61; padding-right: 12px; }
.head-search .search-inp { width: 125px; padding: 0 10px 0 20px; font-size: 14px; color: #c39c61; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: .9; }
.head-search:hover .search-inp { opacity: 1; }
.head-search .search-sub { width: 18px; height: 18px; font-size: 18px; color: #c39c61; cursor: pointer; }
.head-search .search-inp::-webkit-input-placeholder { color: #c39c61; opacity: .7; }
.head-search .search-inp:-moz-placeholder { color: #c39c61; opacity: .7; }
.head-search .search-inp::-moz-placeholder { color: #c39c61; opacity: .7; }
.head-search .search-inp:-ms-input-placeholder { color: #c39c61; opacity: .7; }
.header.fixed .head-search .search-inp, .header.inner .head-search .search-inp { color: #333; opacity: 1; }
.header.fixed .head-search .search-inp::-webkit-input-placeholder, .header.inner .head-search .search-inp::-webkit-input-placeholder { color: #81868e; opacity: 1; }
.header.fixed .head-search .search-inp:-moz-input-placeholder, .header.inner .head-search .search-inp:-moz-input-placeholder { color: #81868e; opacity: 1; }
.header.fixed .head-search .search-inp::-moz-input-placeholder, .header.inner .head-search .search-inp::-moz-input-placeholder { color: #81868e; opacity: 1; }
.header.fixed .head-search .search-inp:-ms-input-placeholder, .header.inner .head-search .search-inp:-ms-input-placeholder { color: #81868e; opacity: 1; }

/*手机导航*/
.menu-btn { z-index: 999; overflow: hidden; margin-left: 20px; width: 35px; height: 35px; background: 0 0; text-indent: -5260px; opacity: 1; position: relative; z-index: 999; }
.menu-btn .line-1, .menu-btn .line-2, .menu-btn .line-3 { position: absolute; top: 50%; right: 0; display: block; width: 36px; height: 2px; background: #c39c62; transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s; transition-property: transform, width, margin, background-color }
.menu-btn .line-1 { margin-top: -11px; width: 30px }
.menu-btn .line-3 { margin-top: 11px; width: 30px }
.drawerMenu-open .menu-btn .line-1 { visibility: hidden }
.drawerMenu-open .menu-btn .line-2 { margin-top: 0 !important; width: 100%; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.drawerMenu-open .menu-btn .line-3 { margin-top: 0 !important; width: 100%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.searchbtn { width: 40px; line-height: 38px; text-align: center; font-size: 24px; color: #c39c62 }
.mobNav { position: fixed; top: 50px; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 1); z-index: 98; padding-top: 53px; padding: 40px 5% 30px; display: none }
.mobNav ul { height: 70vh; overflow: auto }
.mobNav ul li { padding: 15px 0; border-bottom: 1px solid #ddd }
.mobNav ul li:last-child { border-bottom: 0 }
.mobNav ul li .navp a { font-size: 15px; color: #333; font-weight: bold; }
.mobNav ul li.cur .navp a { color: #c39c62 }
.mobNav ul li .navp i { display: block; width: 16px; transition: .3s; transform-origin: center; margin-right: 5px }
.mobNav ul li.on .navp i { transform: rotate(-45deg); }
.mobNav ul li .subNavm { margin-top: 10px; padding-left: 10px; display: none }
.mobNav ul li .subNavm a { display: block; line-height: 30px; font-size: 14px }
.headerm { display: none; padding: 10px 0; position: fixed; left: 0; right: 0; top: 0; z-index: 99; box-shadow: 0 0 10px rgba(0, 0, 0, .2); background: #fff; height: 60px }
.headerm .logo img { height: 40px; width: auto; }
.serm { height: 20px; display: inline-block; }
.product-subnav { position: absolute; z-index: 9; left: 0; width: 100%; background: #fff; padding-top: 30px; border-top: 1px solid #ddd; padding-bottom: 50px; display: none; box-shadow: 0 4px 10px rgba(116, 116, 116, 0.1); }
.product-subnav .wp { height: auto; align-items: flex-start; max-width: 1600px; }
.product-subnav .wp .cate-type { width: 280px; padding-top: 10px; }
.product-subnav .wp .cate-type li { font-size: 16px; margin-bottom: 20px; padding-left: 20px; position: relative; }
.product-subnav .wp .cate-type li:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -3px; width: 6px; height: 6px; background: #c49c61; }
.product-subnav .wp .cate-type li a { color: #333; }
.product-subnav .wp .cate-type li a:hover { color: #c49c61; }
.cate-com { flex: 1; padding-left: 70px; border-left: 1px solid #ddd; }
.cate-com h3 { font-size: 24px; color: #333; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px; }
.cate-com .cont a { display: inline-block; width: 16.5%; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 10px; }
@media (max-width:1800px) {
    .nav-list li { margin-left: 30px; }
    .product-subnav .cate-com { max-height: 500px; overflow: hidden; padding-top: 20px; padding-bottom: 30px; overflow-y: scroll; }
    .product-subnav .cate-com::-webkit-scrollbar { width: 6px; height: 6px; }
    .product-subnav .cate-com::-webkit-scrollbar-button { background-color: #ddd; }
    .product-subnav .cate-com::-webkit-scrollbar-track { background: #ddd; }
    .product-subnav .cate-com::-webkit-scrollbar-thumb { background: #999; border-radius: 4px; }
    .product-subnav .cate-com::-webkit-scrollbar-corner { background: #999; }
    .product-subnav .cate-com::-webkit-scrollbar-resizer { background: #FF0BEE; }
}
@media (max-width:1600px) {
    .nav-link { font-size: 16px; }
    .nav-list { margin-right: 40px; }
    .logo-wrap .slogan { font-size: 12px; margin-left: 18px; }
    .logo-wrap .slogan b { font-size: 16px; }
    .head-search .search-inp { width: 110px; padding: 0 10px 0 15px; font-size: 12px; }
}
@media (max-width:1440px) {
    .nav-link { font-size: 15px; }
    .nav-list { margin-right: 30px; }
    .nav-list li { margin-left: 25px; }
    .logo-wrap img { width: 160px; }
}
@media (max-width:1366px) {
    .nav-link { font-size: 14px; }
    .head-search { padding-right: 8px; }
    .head-search .search-inp { width: 100px; padding: 0 5px 0 10px; }
    .product-subnav .wp .cate-type { width: 220px; }
    .cate-com { padding-left: 50px; }
    .cate-com h3 { font-size: 20px; padding-bottom: 12px; margin-bottom: 12px; }
}
@media (max-width:1280px) {
    .nav-list li { margin-left: 20px; }
}
@media (max-width:1270px) {
    .header .wp { height: 120px; align-items: center; justify-content: center; }
}
@media (max-width:1024px) { }
@media screen and (max-width:768px) {
    .header { display: none; }
    .headerm { display: block; }
    body { padding-top: 55px; }
    .menu-btn { transform: translateY(-2px); }
    .headerm { height: 55px }
    .headerm .logo img { height: 20px; width: auto; position: relative; top: -2px; }
}

/*头部 E*/

/*尾部 S*/
.footer { border-top: 2px solid #c39c61; background: url(../images/foot-bg.jpg) no-repeat center; background-size: cover; }
.copyright { padding: 20px 0; border-top: 1px solid #39434e; color: #81868e; }
.footA { padding-top: 50px; padding-bottom: 70px; }
.foot-nav .item { float: left; }
.foot-nav .item ~ .item { margin-left: 90px; }
.foot-nav .item .tit { font-size: 18px; color: #cfd4dc; position: relative; padding-bottom: 27px; margin-bottom: 20px; line-height: 1; text-align: left}
.foot-nav .item .tit:before { content: ""; position: absolute; left: 0; bottom: 0; width: 20px; height: 3px; background-color: #c39c61; }
.foot-nav .item ul li a { line-height: 36px; color: #9ea4ae; display: inline-block; }
.foot-nav .item ul li a:hover, .copyright a:hover { color: #c39c61; }
.foot-nav .item .cont { padding-top: 5px; text-align: left}
.foot-nav .item .cont h4 { font-family: DINPro-Medium; font-size: 28px; line-height: 28px; color: #c39c61; text-align: left}
.foot-nav .item .cont p { font-size: 14px; line-height: 30px; color: #9ea4ae; margin-top: 14px; }
.foot-qr { text-align: center; }
.foot-qr p { font-size: 14px; line-height: 30px; color: #9ea4ae; margin-top: 10px; }
.copyright a { color: #81868e; }
@media (max-width:1600px) {
    .foot-nav .item ~ .item { margin-left: 50px; }
    .foot-nav .item ul li a { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media (max-width:640px) {
    .foot-nav { width: 65%; }
    .foot-nav .item .cont h4 { font-size: 24px; line-height: 1; }
    .foot-nav .item .cont p { font-size: 14px; line-height: 1.75; }
    .foot-qr { margin-top: 0; }
    .foot-qr img { width: 80px; }
    .copyright { font-size: 13px; }
}

/*尾部 E*/

/*首页 S*/
.homeA .item-left { position: relative; width: 50%; }
.homeA .item-left img { width: 100%; object-fit: cover; }
.homeA .item-left .cont { position: absolute; left: 160px; top: 80px; z-index: 2; color: #fff; }
.homeA .item-left .cont h3 { font-size: 22px; }
.homeA .item-left .cont h3 b { font-size: 48px; line-height: 1.3; font-weight: normal; }
.homeA .item-left .cont p { font-size: 16px; line-height: 26px; color: #ffffff; opacity: 0.6; margin-top: 25px; }
.homeA .item-left .in-scroll-num-min { position: absolute; left: 0; bottom: 50px; z-index: 2; }
.homeA .item-right { width: 50%; }
.in-solution-list { height: 100%; }
.in-solution-list li { width: 33.3333%; width: calc(100% / 3); height: 50%;     /*border: solid 1px #dddddd; */ }
.in-solution-list li .abox { width: 100%; height: 100%; background-color: #ffffff; position: relative; text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; overflow: hidden; background-size: cover; }
.in-solution-list li .abox:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .05; }
.in-solution-list li:nth-child(2n) .abox { background: #fff !important; }
.in-solution-list li .abox .cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(195, 156, 97, .85); color: #fff; padding: 10%;    /*display: none;*/ z-index: 2; opacity: 0; visibility: hidden; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.in-solution-list li .abox:hover .cover { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.in-solution-list li .abox .cover h4 { font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.in-solution-list li .abox .cover p { color: rgba(255, 255, 255, .7); margin-top: 10px; line-height: 1.5; }
.in-solution-list li .abox .cover i { display: inline-block; vertical-align: middle; font-size: 24px; height: 24px; line-height: 24px; color: #fff; margin-top: 20px; }
.in-solution-list li .abox .cont { position: relative; z-index: 3; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-solution-list li .abox:hover .cont { opacity: 0; }
.in-solution-list li .abox .cont h4 { width: 80%; margin: 10px auto 15px; font-size: 16px; line-height: 24px; color: #595757; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.in-solution-list li .abox .cont .iconfont { font-size: 24px; line-height: 24px; height: 24px; color: #81868e; display: inline-block; vertical-align: middle; }
.solution-icon { display: inline-block; width: 37px; height: 38px; background: url(../images/solution-icon.png) no-repeat center; background-size: contain; }
.in-solution-list li:nth-child(2n+1) .abox .cont .solution-icon { display: none; }
.in-solution-list li:nth-child(2n+1) .abox .cont h4, .in-solution-list li:nth-child(2n+1) .abox .cont .iconfont { color: #fff; }
.in-solution-list li:nth-child(2n+1) .abox:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .15); z-index: 2; }
.in-scroll-num-min { padding: 0 120px 0 160px; width: 100%; }
.in-scroll-num-min li { width: 22%; color: #fff; }
.in-scroll-num-min li .num { font-family: DINPro-Regular; font-size: 40px; letter-spacing: -2px; color: #ffffff; line-height: 1; }
.in-scroll-num-min li .num i { font-style: normal; }
.in-scroll-num-min li .tit { font-size: 16px; color: #ffffff; opacity: 0.5; margin-top: 4px; }
.homeB { background: url(../images/product-bg.png) no-repeat center; background-size: cover; }
.in-product .product-index-list .item { margin-bottom: 0; }
.in-title { text-align: center; position: relative; z-index: 2; }
.in-title.left { text-align: left; }
.in-title h3 { font-size: 48px; color: #1b202e; line-height: 1.2; }
.in-title h4 { font-size: 16px; line-height: 26px; color: #81868e; margin-top: 18px; }
.in-title.photo h3 { color: #fff; }
.in-title.photo h4 { color: #ffffff; opacity: 0.6; }
.homeC { border-bottom: 1px solid #ddd; }
.homeD { margin-top: -20px; }
.product-search-index { margin: -45px auto 0; width: 1200px; height: 90px; background-color: #c39c62; box-shadow: 0px 0px 15px 0px 
rgba(0, 0, 0, 0.15); border-radius: 45px; border: 3px solid rgba(195, 156, 97, 1); justify-content: space-between; overflow: hidden; }
.product-search-index .f-l { display: flex; align-items: center; padding-left: 60px; width: 83%; background: #fff; }
.product-search-index .f-l input { width: 100%; }
.product-search-index i { font-size: 24px; color: rgba(195, 156, 97, 1); }
.product-search-index .sub { font-size: 20px; background: rgba(195, 156, 97, 1); color: #fff; width: 17%; cursor: pointer; }
.in-air-tab { width: 15.6%; background: url(../images/product-cate-bg.jpg) no-repeat center; background-size: cover; text-align: center; padding-top: 65px; overflow: hidden; }
.in-air-tab li { color: #fff; font-size: 16px; margin-bottom: 10px; line-height: 60px; position: relative; cursor: pointer; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-air-tab li a { color: #fff; }
.in-air-tab li:before { content: ""; position: absolute; left: 19px; width: 100%; height: 100%; background: #fff; opacity: 0; visibility: hidden; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-air-tab li.on:before, .in-air-tab li:hover:before {    /*left: 19px;*/
opacity: 1; visibility: visible; }
.in-air-tab li.on, .in-air-tab li:hover, .in-air-tab li a:hover, .in-air-tab li.on a { color: #c39c61; }
.in-air-tab li i { display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin-right: 15px; background-repeat: no-repeat; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-air-tab li.on i, .in-air-tab li:hover i { background-position: -30px 0; }
.in-air-tab li span { position: relative; }
.in-air-content { width: 83%;    /*padding-left: 20px;*/ }
.in-air-list li { text-align: center; }
.in-air-list li h4 { font-size: 16px; line-height: 48px; color: #595757; padding: 0 15px; }
.in-air-list li:last-child .abox { height: 0; padding-bottom: 100%; background: #F2F3F3; margin-top: 32px; position: relative; }
.in-air-list li:last-child .abox .middle { position: absolute; left: 0; top: 50%; font-size: 16px; color: #c39c61; text-align: center; width: 100%; line-height: 48px; margin-top: -52px; }
.in-air-list li:last-child .abox .middle .icon-jia { display: inline-block; width: 44px; height: 44px; line-height: 44px; font-size: 44px; }
.in-ys-content { width: 75%; }
.in-ys-content .item { position: relative; }
.in-ys-content .item .cont { position: absolute; z-index: 2; left: 15%; top: 20%; color: #fff; max-width: 680px; }
.in-ys-content .item .cont h4 { font-size: 44px; line-height: 1.3; color: #ffffff; }
.in-ys-content .item .cont p { font-size: 16px; line-height: 36px; color: #ffffff; opacity: 0.8; margin-top: 32px; }
.in-ys-tab { position: absolute; left: 0; bottom: 55px; z-index: 3; width: 100%; }
.in-tab-box .wp { height: 130px; background-color: #ffffff; align-items: center; }
.in-ys-tab .wp { background: url(../images/bg-bar.png) no-repeat center; background-size: cover; }
.in-tab-box ul li { width: 25%; text-align: center; height: 100%; align-items: center; justify-content: center; flex-wrap: wrap; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-tab-box ul li .pic { display: inline-block; vertical-align: middle; width: 66px; height: 66px; line-height: 66px; font-size: 0; background-color: #c39c61; margin-right: 10px; border-radius: 50%; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-tab-box ul li .pic .ys-icon { background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; vertical-align: middle; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-tab-box ul li .tit { display: inline-block; vertical-align: middle; text-align: left; max-width: 70%; }
.in-tab-box ul li .tit h4 { font-size: 20px; line-height: 1; color: #2e3136; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-tab-box ul li .tit .en { font-size: 14px; color: #81868e; margin-top: 8px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; line-height: 1.5; }
.in-tab-box ul li .tit p { display: none; font-size: 14px; line-height: 20px; color: #ffffff; opacity: 0.6; margin-top: 10px; }
.in-tab-box ul li:hover, .in-tab-box ul li.on { background-color: #c39c61; }
.in-tab-box ul li:hover .pic, .in-tab-box ul li.on .pic { background: #fff; }
.in-tab-box ul li:hover .pic .ys-icon, .in-tab-box ul li.on .pic .ys-icon { background-position: -38px 0; }
.in-tab-box ul li:hover .tit h4, .in-tab-box ul li.on .tit h4 { color: #fff; }
.in-tab-box ul li:hover .tit .en, .in-tab-box ul li.on .tit .en { color: #ffffff; opacity: 0.5; }
.in-ys-left { width: 25%; }
.in-ys-left ul { height: 100%; padding: 40px 0; margin-right: -40px; }
.in-ys-left ul li { margin: 1px 0; cursor: pointer; }
.in-tab-box ul li { width: 100%; height: 25%; justify-content: flex-start; padding-left: 110px; margin-left: -40px; position: relative; margin-right: -40px; z-index: 9; }
.in-partner-list li { margin-bottom: 20px; }
.in-partner-list li .box { overflow: hidden; }
.in-partner-list li img { -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.in-partner-list li:hover img { }
.homeG .pic { margin-top: 10px; position: relative; }
.homeG .pic ul { position: absolute; left: 0; top: 190px; padding: 0 50px; width: 100%;}
.homeG .pic ul li { width: 22%; align-items: center; position: relative; }
.homeG .pic ul li:nth-child(2n) { top: 120px; }
.homeG .pic ul li .pic-min { width: 66px; height: 66px; background-color: #c39c61; box-shadow: 0px 0px 20px 0px 
rgba(46, 49, 54, 0.2); overflow: hidden; border-radius: 50%; margin-right: 20px; text-align: center; line-height: 66px; font-size: 0; }
.homeG .pic ul li:nth-child(2) .pic-min,
.homeG .pic ul li:nth-child(3) .pic-min { background-color: #fff; }
.homeG .pic ul li:nth-child(2) .pic-min .ys-icon,
.homeG .pic ul li:nth-child(3) .pic-min .ys-icon { background-position: -38px 0; }
.homeG .pic ul li .pic-min .ys-icon { background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; vertical-align: middle; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.homeG .pic ul li .tit { flex: 1; }
.homeG .pic ul li .tit .en { display: none; }
.homeG .pic ul li .tit h4 { font-size: 20px; line-height: 1; color: #2e3136; }
.homeG .pic ul li .tit p { font-size: 14px; color: #81868e; line-height: 1.5; margin-top: 10px; }
.in-wd-tab { position: relative; }
.in-wd-tab .wp { background-color: #ffffff; box-shadow: 0px 0px 15px 0px 
rgba(0, 0, 0, 0.15); height: 160px; }
.homeH { padding-top: 80px; padding-bottom: 90px; background-repeat: no-repeat; background-size: cover; }
.homeH .wp .aleft { width: 40%; }
.homeH .cont { font-size: 16px; line-height: 28px; color: #595757; opacity: 0.8; margin-top: 28px; margin-bottom: 40px; text-align: left; }
.homeH .wp .pic { width:40%; background-color: #c39c61; border-radius: 5px; }
.homeH .wp .pic img { border-radius: 5px; position: relative; top: -14px; left: -14px; width: 100%; height: 100%; object-fit: cover; }
.in-scroll-num-big { margin-top: 65px; margin-bottom: -30px; }
.in-scroll-num-big li { width: 33.3333%; color: #fff; margin-bottom: 30px; }
.in-scroll-num-big li .num { font-family: DINPro-Medium; font-size: 50px; line-height: 1; color: #333; }
.in-scroll-num-big li .num i { font-style: normal; }
.in-scroll-num-big li .tit { font-size: 16px; color: #72757E; margin-top: 6px; }
.in-tit-wrap { align-items: flex-end; }
.homeG .com-more { margin-top: 45px; }
.homeG .pic { margin-top: -90px; position: relative; }
.in-news-tab { margin-bottom: 20px; }
.in-news-tab li { margin-left: 10px; }
.in-news-tab li a { display: block; padding: 0 15px; height: 32px; line-height: 32px; border-radius: 16px; font-size: 16px; color: #595757; background: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.in-news-tab li.on a, .in-news-tab li a:hover { background-color: #c39c61; color: #fff; }
.in-news-content { margin-top: 32px; padding-bottom: 1px; }
.in-news-list .item .news-pic { position: relative; height: 274px; display: block; }
.in-news-list .item .news-pic img { height: 100%; object-fit: cover; }
.in-news-list .item .news-pic .cont { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; padding: 12px 20px; background: url(../images/news-tit-bg.png) no-repeat center; background-size: cover; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5)); }
.in-news-list .item .news-pic .cont .date { font-size: 14px; line-height: 20px; color: #ffffff; }
.in-news-list .item .news-pic .cont .tit { font-size: 20px; color: #ffffff; margin-top: 2px; }
.in-news-list .item ul { padding: 5px 20px; border: solid 1px #dddddd; }
.in-news-list .item ul li { line-height: 40px; border-bottom: 1px solid rgba(238, 238, 238, .5); }
.in-news-list .item ul li:last-child { border-bottom: none; }
.in-news-list .item ul li .tit { font-size: 14px; color: #595757; width: 70%; }
.in-news-list .item ul li .tit:hover { color: #c39c61; }
.in-news-list .item ul li .date { font-size: 14px; color: #81868e; }
.in-service { padding: 0 135px; }
.in-service .in-title .com-more { margin-top: 60px; }
.homeF { background: url(../images/index2/partner-bg.jpg) no-repeat center; background-size: cover; }
.in-news-content .aleft { width: 47.5%; }
.in-news-content .aleft .pic { height: 540px; }
.in-news-content .aleft .pic img { width: 100%; height: 100%; object-fit: cover; }
.in-news-item { padding: 25px 0; border-bottom: 1px solid #ddd; align-items: center; }
.in-news-item .date { width: 23.7%; text-align: center; font-size: 24px; line-height: 1.1; color: #81868e; border-right: solid 1px #dddddd; padding-bottom: 5px; }
.in-news-item .date b { font-size: 43px; line-height: 1.1; color: #1b202e; }
.in-news-item .des { width: 76.3%; padding-right: 26px; padding-left: 26px; padding-top: 5px; }
.in-news-item .des h4 a { font-size: 20px; line-height: 1; color: #1b202e; }
.in-news-item .des h4 a:hover { color: #c39c61; }
.in-news-item .des p { font-size: 14px; line-height: 22px; color: #595757; margin-top: 10px; }
.in-news-content .aleft .in-news-item { border: 1px solid #ddd; }
.in-news-content .aright { width: 47.5%; }
.in-news-content .aright .in-news-item { height: 25%; }
.in-news-content .aright .in-news-item:first-child { border-top: 1px solid #ddd; }
.in-news-list-one { margin-top: 40px; }
.in-news-list-one .item { width: 31%; line-height: 45px; border-bottom: 1px solid #eee; padding-left: 10px; font-size: 14px; }
.in-news-list-one .item a { width: 75%; position: relative; }
.in-news-list-one .item a:before { content: "·"; margin-right: 15px; }
.in-product-list .item { border: 1px solid #ddd; align-items: center; }
.in-product-list .item ~ .item { margin-top: 20px; }
.in-product-list .item .tit { display: flex; align-items: center; width: 3.75%; background-color: #ffffff; text-align: center; font-size: 18px; line-height: 1.5; color: #272933; padding: 0 20px; }
.in-product-list .item .pic { width: 14.5%; padding: 40px 0; border-left: solid 1px #dddddd; }
.in-product-list .item ul { width: 81.75%; padding: 0 35px; }
.in-product-list .item li { width: 11%; font-size: 14px; line-height: 40px; color: #595757; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 10px; }
.in-product-list .item li .more { color: #c39c61; }
.in-product-four { margin-top: 40px; }
.in-product-four .item { width: 25%; }
@media (max-width:1600px) {
    .homeG .pic ul { padding: 0; }.om
    .in-title h3 { font-size: 42px; }
    .in-news-list .item .news-pic .cont .tit { font-size: 16px; }
    .in-news-list .item .news-pic .cont .date, .in-news-list .item ul li .tit, .in-news-list .item ul li .date { font-size: 12px; }
    .in-tab-box ul li .tit .en { font-size: 12px; }
    .in-service { padding: 0; }
    .in-ys-content .item .cont { left: 5.5%; top: 20%; max-width: 630px; }
    .in-ys-content .item .cont h4 { font-size: 42px; }
    .in-air-tab { padding-top: 45px; }
    .in-air-tab li:before { left: 10px; }
    .in-air-tab li { font-size: 15px; }
    .in-air-list li h4 { font-size: 14px; }
    .homeA .item-left .cont { left: 70px; top: 50px; }
    .in-scroll-num-min { padding: 0 50px 0 70px; }
    .in-scroll-num-min li .num { font-size: 36px; }
    .in-scroll-num-min li .tit { font-size: 14px; }
    .in-solution-list li .abox .cover h4 { font-size: 16px; }
    .in-solution-list li .abox .cover p { font-size: 12px; }
    .product-search-index { width: 1000px; }
    .in-news-list .item .news-pic { height: 240px; }
    .in-news-content .aleft .pic { height: 460px; }
    .in-scroll-num-big li .num {font-size: 50px;}
    .in-news-item .date b {
        font-size: 36px;
        line-height: 1.3;
    }
}
@media (max-width:1440px) {
    .in-air-tab li { line-height: 55px; }
    .in-news-list .item .news-pic { height: 225px; }
}
@media (max-width:1366px) {
    .in-air-tab li { line-height: 52px; }
    .in-news-list .item .news-pic { height: 212px; }
    .in-title h3, .in-ys-content .item .cont h4 { font-size: 38px; }
    .in-scroll-num-big li .num { font-size: 50px; }
}
@media (max-width:1280px) {
    .in-air-tab li { line-height: 50px; font-size: 14px; }
    .in-news-list .item .news-pic { height: 198px; }
    .foot-nav .item ~ .item { margin-left: 30px; }
}
@media (max-width:1024px) {
    .in-scroll-num-min { padding: 0 30px; }
    .homeA .item-left .cont { left: 30px; top: 50px; }
    .homeA .item-left img { height: 380px; }
    .product-search-index { width: 92%; }
    .in-air-tab { padding-top: 30px; width: 100%; display: flex; flex-wrap: wrap; }
    .in-air-tab li { line-height: 40px; font-size: 13px; padding-left: 5px; width: 20%; }
    .in-air-tab li i { background-size: 40px; width: 20px; height: 20px; margin-right: 10px; }
    .in-air-tab li.on i, .in-air-tab li:hover i { background-position: -20px 0; }
    .in-air-content { width: 100%; margin-top: 20px; }
    .in-title h4 { font-size: 14px; line-height: 1.5; }
    .in-title h3, .in-ys-content .item .cont h4 { font-size: 36px; }
    .in-ys-tab { position: static; padding: 30px 0; }
    .in-ys-content .item .cont { left: 5.5%; top: 20%; max-width: 60%; }
    .in-tab-box ul li .pic { margin-right: 0; }
    .in-tab-box ul li .tit { text-align: center; max-width: 100%; margin-top: 10px; width: 100%; }
    .in-tab-box ul li .tit h4 { font-size: 18px; }
    .case-item .pic img { height: 165px; width: 100%; }
    .case-item .tit { padding: 0 15px; }
    .homeG .pic { width: 60%; }
    .in-scroll-num-big { margin-top: 100px; padding: 0 0px; }
    .in-scroll-num-big li .tit { font-size: 14px; }
    .in-scroll-num-big li .num { font-size: 40px; }
    .in-news-list .item:last-child { display: none; }
    .in-news-list .item { width: 33.3333%; }
    .foot-form .title .tel b { font-size: 24px; }
    .foot-form .title h3 b { font-size: 34px; }
    .foot-form .title h3, .foot-form .title h4 { font-size: 18px; }
    .foot-nav .item ul li a { max-width: 150px; }
    .copyright .fr { float: none; }
    .foot-nav .item { display: none; margin-left: 0; }
    .foot-nav .item ~ .item { margin-left: 0; }
    .foot-nav .item:last-child { display: block; }
    .foot-nav .item .tit { display: none; }
    .in-scroll-num-min li .tit { font-size: 12px; }
    .in-tab-box .wp { height: auto; }
}
@media (max-width:768px) {
    .homeA .item-left, .homeA .item-right { width: 100%; }
    .homeA .item-right { margin-top: 20px; }
    .homeA .item-left .cont { left: 20px; top: 30px; }
    .homeA .item-left .cont h3 { font-size: 16px; }
    .homeA .item-left .cont h3 b { font-size: 28px; }
    .homeA .item-left .cont p { font-size: 14px; line-height: 1.5; margin-top: 20px; }
    .homeA .item-left .in-scroll-num-min { bottom: 30px; padding: 0 20px; }
    .in-scroll-num-min li .num { font-size: 26px; }
    .in-scroll-num-min li .tit { font-size: 11px; line-height: 1.5; }
    .homeA .item-left img { height: 300px; width: 100%; object-fit: cover; }
    .in-solution-list li .abox .cont h4 { line-height: 1.5; font-size: 14px; }
    .solution-icon { width: 28px; height: 28px; }
    .in-title h3, .in-ys-content .item .cont h4 { font-size: 28px; }
    .in-title h4 { font-size: 14px; line-height: 1.5; padding: 0 20px; margin-top: 12px; }
    .swp-bar-wrap .swp-btn { display: none; }
    .homeC, .product-search-index { display: none; }
    .pb-130 { padding-bottom: 60px; }
    .in-ys-content .item img { width: 100%; height: 280px; object-fit: cover; }
    .in-ys-content .item .cont { left: 4%; top: 40px; max-width: 92%; }
    .in-ys-content .item .cont h4 { font-size: 22px; }
    .in-ys-content .item .cont p { font-size: 14px; line-height: 1.5; margin-top: 30px; }
    .in-tab-box ul li .tit h4 { font-size: 16px; line-height: 1.3; padding: 0; }
    .in-tab-box ul li .tit .en { margin-top: 2px; }
    .in-tab-box ul li .pic { width: 50px; height: 50px; line-height: 50px; margin-right: 10px; }
    .in-tab-box ul li .pic .ys-icon { width: 28px; height: 28px; background-size: 56px; }
    .in-tab-box ul li:hover .pic .ys-icon, .in-tab-box ul li.on .pic .ys-icon { background-position: -28px 0; }
    .in-tab-box .wp { align-items: flex-start; }
    .case-item .pic img { height: 240px; }
    .in-partner-list li { margin-bottom: 0; }
    .in-partner-list li { width: 33.3333%; }
    .com-more { font-size: 14px; }
    .in-title h3 br { display: none; }
    .in-title.left { text-align: center; width: 100%; }
    .in-service .in-title .com-more { margin-top: 30px; }
    .homeG .pic { width: 100%; margin-top: 30px; }
    .in-wd-tab { display: none; }
    .homeH { padding-top: 40px; padding-bottom: 40px; }
    .homeH .cont { font-size: 14px; line-height: 2;        /*color: #ffffff;*/        /*opacity: 0.8;*/
    margin-top: 30px; margin-bottom: 40px; }
    .in-scroll-num-big { margin-top: 50px; padding: 0 0px; margin-bottom: -20px; }
    .in-scroll-num-big li { max-width: 30%; width: 30%; margin-bottom: 30px; }
    .in-scroll-num-big li .tit { font-size: 10px; }
    .in-scroll-num-big li .num { font-size: 30px; }
    .in-news-tab { margin-top: 30px; width: 100%; justify-content: center; }
    .in-news-list .item { width: 50%; display: none; }
    .in-news-list .item:nth-child(1), .in-news-list .item:nth-child(2) { display: block; }
    .homeH .wp .aleft { width: 100%; text-align: center; }
    .homeH .wp .pic { width: 100%; margin-top: 50px; }
    #newBridge { display: none !important; }
    .homeG .pic ul { position: static; padding: 0 4%; margin-top: -300px; }
    .homeD { margin-top: 50px; }
    .homeG .pic ul li { width: 100%; position: static; margin-bottom: 25px; }
    .in-ys-content { width: 100%; }
    .in-ys-left { width: 100%; }
    .in-ys-left ul { height: 100%; padding: 20px 4%; margin-right: 0; }
    .in-tab-box ul li { height: auto; padding-left: 0; margin-left: 0; margin-right: 0; width: 48%; padding: 10px; }
    .in-tab-box ul li .tit { width: auto; flex: 1; margin-top: 0; text-align: left; }
    .in-tab-box ul li .tit p { display: none; }
    .in-news-content .aleft { width: 100%; }
    .in-news-content .aright { width: 100%; margin-top: 30px; }
    .in-news-list-one .item { width: 48%; line-height: 40px; border-bottom: 1px solid #eee; padding-left: 10px; font-size: 14px; }
    .in-news-content .aleft .pic { height: 300px; }
    .in-news-content { margin-top: 10px; padding: 0 1px; }
    .in-product-list .item .pic {
        height: 80px;
        width: 40%;
        text-align: center;
        padding: 0;
    }
    .in-product-list .item .pic img {
        height: 100%;
        object-fit: cover;
    }
    .in-product-list .item .tit {
        width: 60%;
        font-size:20px;
        padding: 0 10px;
        justify-content: center;
    }
    .in-product-list .item ul {
        width: 100%;
        border-top: 1px solid #ddd;
        padding: 15px;
    }
    .in-product-list .item li {
        width: 25%;
        font-size: 12px;
        line-height: 35px;
    }
    .in-partner-list li { margin-bottom: 16px; }
    .homeA { padding: 40px 4%; }
    .in-solution-list li .abox .cover, .solution-icon { display: none; }
    .in-solution-list li { height: 130px; }
    .in-solution-list li .abox:hover .cont { opacity: 1; }
    .in-partner-list li:nth-child(13), .in-partner-list li:nth-child(14), .in-partner-list li:nth-child(15) { display: none; }
    .in-news-item .date b { font-size: 28px; line-height: 1.1; color: #1b202e; }
    .product-search { margin: 30px auto 0; width: 350px; height: 50px; }
    .product-search input { font-size: 16px; line-height: 40px; }
}
@media (max-width:640px) {
    .in-title h3, .in-ys-content .item .cont h4 { font-size: 24px; }
    .in-ys-content .item .cont h4 { font-size: 20px; }
    .in-ys-content .item .cont p { margin-top: 25px; }
    .in-ys-content .item { background: #000; }
    .in-ys-content .item img { opacity: .95; }
    .in-news-tab { width: 100%; }
    .in-news-tab li { margin-left: 0; }
    .in-news-list .item { width: 100%; display: none; }
    .in-news-list .item:nth-child(1), .in-news-list .item:nth-child(2) { display: none; }
    .in-news-list .item:first-child { display: block; }
    .footA { padding-top: 40px; padding-bottom: 30px; }
    .links { color: #9ea4ae; font-size: 14px; padding-bottom: 20px; display: none; }
    .foot-qr p { font-size: 13px; margin-top: 10px; line-height: 1; }
    .foot-nav .item .cont { padding-top: 0; }
    /*.in-product-wrap { display: none; }*/
    .in-product-list .item .pic {
        height: 60px;
        width: 40%;
        text-align: center;
    }
    .in-product-list .item .pic img {
        height: 100%;
        object-fit: cover;
    }
    .in-product-list .item .tit {
        width: 60%;
        font-size: 18px;
        padding: 0 10px;
    }
    .in-product-list .item ul {
        border-top: 1px solid #ddd;
        padding: 15px;
    }
    .in-product-list .item li {
        width: 33%;
        font-size: 12px;
        line-height: 35px;
    }
    .in-partner-list li { margin-bottom: 16px; }
    .in-partner-list li:nth-child(10), .in-partner-list li:nth-child(11), .in-partner-list li:nth-child(12), .in-partner-list li:nth-child(13), .in-partner-list li:nth-child(14), .in-partner-list li:nth-child(15) { display: none; }
}

/*首页 E*/

/*产品 S*/
.cate-wrap { padding-top: 50px; padding-bottom: 30px; }
.cate-wrap li { float: left; margin-right: 1.3333%; margin-bottom: 20px; }
.cate-wrap-4 li { width: 24%; }
.cate-wrap-4 li:nth-child(4n) { margin-right: 0; }
.cate-wrap-5 li { width: 19%; margin-right: 1.2222%; }
.cate-wrap-5 li:nth-child(5n) { margin-right: 0; }
.cate-wrap li a { display: block; height: 52px; line-height: 50px; background-color: #f8f8f8; border: solid 1px #dddddd; font-size: 16px; color: #595757; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.cate-wrap li.on a, .cate-wrap li a:hover { color: #fff; border-color: #c39c61; background-color: #c39c61; }
.air-search {    /*background: url(../images/search-bg.png) no-repeat center;*/

    /*background-size: cover;*/
background: rgba(3, 21, 40, .9); border: solid 1px #dddddd; padding: 55px 60px 55px 65px; }
.air-search .tit { font-size: 32px; line-height: 1.3; color: #fff; }
.air-form .item { width: 340px; margin-right: 20px; }
.air-form .item .subtit { font-size: 16px; color: #fff; margin-bottom: 10px; }
.air-form .item select { width: 100%; height: 40px; background-color: #f5f5f5; border: solid 1px #dddddd; cursor: pointer; padding: 0 15px; color: #81868e; }
.air-form .item select {    /*很关键：将默认的select选择框样式清除*/
appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #f5f5f5 url(../images/sel-sj.png) no-repeat 95% center; }

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
.air-form .item select:focus { outline: none; }
.air-form .item:last-child { width: 120px; }
.air-form .item button { width: 120px; height: 40px; background-color: #c39c61; line-height: 40px; color: #fff; font-size: 16px; color: #ffffff; text-align: center; cursor: pointer; }

/*其他气体*/
.air-search-qt .cont { margin-top: 30px; }
.air-search-qt .cont .inp-qt { line-height: 50px;    /*border: 1px solid #c39c61;*/ width: 1000px; margin: 0 auto; text-align: center; background: #fff; border-radius: 25px; font-size: 16px;    /*box-shadow: 0 0 20px rgba(0,0,0,0.1);*/ }
.s-tip { text-align: left; margin-top: 30px; font-size: 16px; }
.s-reault { font-weight: bold; color: #fff; margin-bottom: 10px; }
.s-info { line-height: 30px; color: #c39c61; }
.s-info a { margin-right: 20px; color: #c39c61; line-height: 30px; padding-bottom: 2px; }
.s-info a:hover { text-decoration: underline; }
.com-zixun { width: 300px; height: 40px; background-color: #ffffff; border: solid 1px #c39c61; line-height: 38px; font-size: 16px; color: #c39c61; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.com-zixun:hover { background-color: #c39c61; color: #fff; }
.com-zixun i { font-size: 24px; color: #c39c61; display: inline-block; vertical-align: middle; margin-right: 8px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.com-zixun:hover i { color: #fff; }
.air-result { padding: 40px 50px; background: #fff; border: solid 1px #dddddd; border-top: none; margin-bottom: 50px; }
.air-result ul li { width: 14%; line-height: 1.5; padding: 9px 5px 9px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #595757; font-size: 15px; }
.air-result-qt ul li { width: 12.5%; }
.air-result ul li .on { color: #c39c61; }
.sort_letter { width: 100%; color: #333; margin-top: 20px; margin-bottom: 10px; font-size: 0; }
.air-result ul .sort_letter:first-child { margin-top: 0; }
.sort_letter h4 { display: inline-block; background-color: #c39c61; color: #fff; width: 26px; height: 26px; line-height: 26px; font-size: 18px; vertical-align: middle; text-align: center; }
.product-index-list { margin-bottom: -20px; }
.product-index-list .item { text-align: center; margin-bottom: 20px; }
.product-index-list .item .tit { line-height: 60px; font-size: 16px; color: #595757; padding: 0 15px; background: #fff; margin-top: 1px; }
.product-index-list .item .pic { background: #fff; }
.product-inner-list { margin-bottom: -24px; }
.product-inner-list .item { margin-bottom: 24px; }
.product-inner-list .item .box { background: #fff; padding: 20px; }
.product-inner-list .item .pic { width: 45%; height: 337.5px; overflow: hidden; }
.product-inner-list .item .pic img { height: 100%; object-fit: cover; }
.product-inner-list .item .cont { width: 50%; padding-top: 8%; }
.product-inner-list .item .cont h4 a { font-size: 20px; color: #2e3136; }
.product-inner-list .item .cont h4 a:hover { color: #c39c61; }
.product-inner-list .item .cont p { font-size: 14px; line-height: 24px; color: #81868e; margin-top: 20px; margin-bottom: 20px; }
.morebar a { display: inline-block; vertical-align: middle; width: 128px; height: 30px; background-color: #81868e; border-radius: 15px; line-height: 30px; text-align: center; color: #ffffff; }
.morebar .chat { background-color: #c39c61; margin-right: 6px; }
.morebar a i { display: inline-block; vertical-align: middle; margin-right: 5px; font-size: 21px; color: #fff; }
@media (max-width:1800px) {
    .com-zixun { width: 200px; }
}
@media (max-width:1600px) {
    .air-form .item { width: 280px; }
    .product-inner-list .item .cont { padding-top: 5%; width: 54%; padding-right: 10px; }
    .product-inner-list .item .cont h4 a { font-size: 18px; }
}
@media (max-width:1440px) {
    .air-form .item { width: 240px; }
    .com-zixun { width: 150px; }
    .air-result-qt ul li { width: 14.2857%; font-size: 14px; }
    .product-index-list .item .tit { font-size: 15px; }
}
@media (max-width:768px) {
    .product-index-list .item .tit { font-size: 14px; line-height: 40px; }
}

/*产品详情*/
.product-intro { padding: 60px 0; }
.product-intro .cont { width: 47.2%; padding-right: 110px; padding-top: 30px; }
.product-intro .cont h1 { font-size: 30px; line-height: 1.3; color: #2e3136; }
.product-intro .cont .des { font-size: 16px; line-height: 32px; color: #81868e; margin-top: 15px; margin-bottom: 35px; height: 195px; overflow-y: scroll; }
.product-intro .cont .des::-webkit-scrollbar { width: 6px; height: 6px; }
.product-intro .cont .des::-webkit-scrollbar-button { background-color: #ddd; }
.product-intro .cont .des::-webkit-scrollbar-track { background: #ddd; }
.product-intro .cont .des::-webkit-scrollbar-thumb { background: #999; border-radius: 4px; }
.product-intro .cont .des::-webkit-scrollbar-corner { background: #999; }
.product-intro .cont .des::-webkit-scrollbar-resizer { background: #FF0BEE; }
.product-intro .cont h3 { font-size: 18px; color: #2e3136; margin-bottom: 20px; }
.product-intro .cont .morebar { margin-top: 130px; }
.morebar-big a { width: 178px; height: 42px; border-radius: 21px; line-height: 42px; font-size: 18px; }
.morebar-big a i { margin-right: 10px; font-size: 24px; }
.morebar-big .chat { margin-right: 10px; }
.morebar-big .tel { display: inline-block; vertical-align: middle; line-height: 42px; color: #4d4d4d; margin-left: 20px; }
.morebar-big .tel span { font-size: 18px; }
.morebar-big .tel i { font-size: 25px; color: #c39c61; display: inline-block; vertical-align: middle; margin-right: 10px; }
.product-album { width: 52.8%; }
.swiper-container-big { float: left; width: 80%; box-shadow: 0px 0px 20px 0px 
rgba(46, 49, 54, 0.15); height: 100%; }
.album-small { position: relative; float: right; width: 120px; height: auto; padding: 84px 0; text-align: center; }
.swiper-container-small {    /*height: 100%;*/
overflow: hidden; padding: 1px 0; }
.swiper-container-small .swiper-slide { width: 100%; height: 120px !important; border: solid 1px #dddddd; overflow: hidden; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.swiper-container-small .on { border-color: #c39c61; }
.swiper-container-small .swiper-slide img {    /*height: 100%;*/ }
.album-small .prev, .album-small .next { position: absolute; left: 50%; top: 20px; z-index: 2; display: block; width: 100%; background: #ddd; line-height: 30px; cursor: pointer; width: 30px; height: 30px; text-align: center; margin-left: -15px; border-radius: 50%; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.album-small .prev:hover, .album-small .next:hover { background: #C39C61; }
.album-small .prev:focus, .album-small .next:focus { outline: none; }
.album-small .next { top: auto; bottom: 20px; }
.album-small .prev i, .album-small .next i { display: inline-block; color: #fff; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
.album-small .next i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.product-content { width: 74.6%; }
.product-xg { width: 24%; }
.pro-tab-tit { padding: 30px 14px 20px; background: #fff; border-bottom: 1px solid #ddd; font-size: 0; }
.pro-tab-tit li { display: inline-block; font-size: 20px; padding: 0 10px; position: relative; color: #4d4d4d; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.js-tab-tit { padding: 30px 40px 20px; }
.js-tab-tit li { cursor: pointer; }
.js-tab-tit li:hover, .pro-tab-tit li.on { color: #c39c61; }
.pro-tab-tit li:before { content: ""; position: absolute; left: 50%; bottom: -21px; width: 0; height: 2px; background: #c39c61; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.pro-tab-tit li.on:before { width: 100%; left: 0; }
.pro-tab-tit li ~ li { margin-left: 40px; }
.product-detail { background: #fff; padding: 50px 60px 70px; }
.product-detail .item { line-height: 1.75; font-size: 16px; }
.product-detail .item ~ .item { display: none; }
.detail-other { background: #fff; margin-top: 10px; padding: 30px 40px; }
.detail-page { width: 65%; }
.detail-page .item { max-width: 45%; }
.product-index-list-xg .item { margin-bottom: 5px; }
.product-form h3 { font-size: 26px; color: #333; font-weight: bold; text-align: center; margin-bottom: 30px; }
.com-form-box { margin-top: 50px; }
.com-form-box ul { margin-left: -8px; margin-right: -8px; }
.com-form-box ul li { position: relative; float: left; width: 50%; box-sizing: border-box; margin-bottom: 20px; padding: 0 8px; }
.com-form-box ul li input { font-size: 16px; color: #999; width: 100%; line-height: 64px; padding: 0 30px; border: 1px solid #e5e5e5; background: #fff; }
.com-form-box ul li input:focus, .com-form-box .textarea:focus, .com-form-box .submit:focus { outline: none; box-sizing: border-box; }
.com-form-box .textarea { box-sizing: border-box; padding: 30px; height: 270px; width: 100% !important; border: none; border: 1px solid #e5e5e5; font-size: 16px; color: #999; background: #fff; }
.com-form-box .submit { margin-top: 20px; width: 100%; height: 64px; line-height: 64px; text-align: center; background: var(--action); color: #fff; font-size: 20px; cursor: pointer; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.com-form-box .submit:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
@media (max-width:1800px) {
    .product-intro .cont .morebar { margin-top: 60px; }
    .product-intro .cont .des { max-height: 165px; overflow-y: scroll; }
}
@media (max-width:1600px) {
    .product-intro .cont h1 { font-size: 28px; }
}

/*产品 E*/

/*案例 S*/
.cate-big { margin-top: -60px; position: relative; z-index: 3; height: 60px; background-color: rgba(0, 0, 0, .2); }
.cate-big a { position: relative; display: block; width: 50%; text-align: center; line-height: 60px; font-size: 18px; color: #dddddd; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.cate-big.cate-3 a { width: 33.3333%; }
.cate-big.cate-4 a { width: 25%; }
.cate-big.cate-5 a { width: 20%; }
.cate-big.cate-6 a { width: 16.6666%; }
.cate-big a.on { color: #c39c61; background: #fff; }
.cate-big a:hover { color: #c39c61; }
.cate-big a:before { content: ""; position: absolute; left: 50%; top: 0; width: 0; height: 2px; background-color: #c39c61; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.cate-big a:hover:before, .cate-big a.on:before { left: 0; width: 100%; opacity: 1; }
.partner-list { margin-bottom: -30px; }
.partner-list .item { text-align: center; margin-bottom: 30px; }
.partner-list .item .tit { padding: 20px 15px; font-size: 18px; color: #4d4d4d; line-height: 1.3; }
.case-list { margin-bottom: -30px; }
.case-list .item { margin-bottom: 30px; }
.case-item .pic img { /*height: 275px;*/ object-fit: cover; }
.case-item .tit { border: solid 1px #dddddd; border-top: none; padding: 0 24px; }
.case-item .tit h4 { font-size: 20px; color: #281f20; border-bottom: solid 1px #eeeeee; padding: 15px 0; }
.case-item .tit p { font-size: 14px; height: 72px; color: #81868e; padding: 12px 0; }
.detail-title { text-align: center; background: #fff; padding: 50px 60px 40px; border-bottom: 1px solid #ddd; }
.detail-title h1 { line-height: 1.3; font-size: 36px; color: #4d4d4d; }
.detail-title .info { margin-top: 20px; color: #81868e; }
.detail-title .info span { margin: 0 10px; }
@media (max-width:1366px) {
    .case-item .tit h4 { font-size: 18px; }
}
@media (max-width:1024px) {
    .case-item .tit { padding: 0 15px; }
}
@media (max-width:768px) {
    .case-item .pic img { height: 240px; }
    .case-item .tit h4 { font-size: 16px; }
}
@media (max-width:640px) {
    .case-item .pic img { height: 115px; }
    .case-item .tit h4 { font-size: 14px; }
    .case-item .tit p { font-size: 12px; height: auto; color: #81868e; padding: 8px 0; }
}

/*案例 E*/

/*方案 S*/
.solution-list { margin-bottom: -30px; }
.solution-list .item { margin-bottom: 30px; }
.solution-list .item .abox { position: relative; background: #fff; padding: 10px; overflow: hidden; }
.solution-cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(195, 156, 97, .9); z-index: 99; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; opacity: 0; visibility: hidden; text-align: center; color: #fff; padding: 0 15%; }
.solution-list .item .abox .pic { height: 365px; }
.solution-list .item .abox .pic img { height: 100%; width: 100%; object-fit: cover; }
.solution-list .item .abox:hover .solution-cover { opacity: 1; visibility: visible; }
.detail-banner { position: relative; }
.detail-banner .pic { overflow: hidden; height: 0; padding-bottom: 31.25%; background: #f5f5f5; }
.detail-banner .pic img { width: 100%; -webkit-animation: SlickIn 8s; animation: SlickIn 8s; }
.detail-banner .tit { position: absolute; z-index: 2; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 50%; margin-left: -800px; }
.detail-banner .tit h1 { font-size: 48px; line-height: 1.3; color: #ffffff; margin-bottom: 160px; }
@media (max-width:1600px) {
    .detail-banner .tit { left: 4%; margin-left: 0; }
}
.solution-cover h4 { font-size: 24px; line-height: 1.3; color: #f5f5f5; margin-bottom: 40px; }
.solution-cover p { font-size: 16px; line-height: 30px; color: #ffffff; opacity: 0.7; margin-bottom: 30px; }
.solution-cover i { font-size: 24px; color: #fff; height: 24px; line-height: 24px; width: 24px; }
.solution-list .item .abox .tit { padding: 20px 15px 10px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.solution-list .item .abox:hover .tit { opacity: 0; }
.solution-list .item .abox .tit h4 { font-size: 16px; width: 80%; color: #666; }
.solution-list .item .abox .tit i { font-size: 24px; color: #81868e; height: 24px; line-height: 24px; width: 24px; }
.solution-item ~ .solution-item { margin-top: 65px; }
.solution-item { padding-bottom: 60px; border-bottom: 2px solid #ddd; }
.solution-item:last-child { padding-bottom: 0; border-bottom: none; }
.solution-item .cont { font-size: 16px; position: relative; }
.solution-item .solution-tit { font-size: 24px; color: #1b202e; padding-left: 23px; position: relative; line-height: 28px; margin-bottom: 40px; }
.solution-item .solution-tit:before { content: ""; position: absolute; left: 0; width: 4px; height: 28px; background-color: #c39c61; }
.solution-item .solution-album { margin-top: 40px; }
.product-index-list.solution-album .item { margin-bottom: 0; }
.product-index-list.solution-album .item .abox { border: 1px solid #ddd; }

/*方案 E*/

/*新闻 S*/
.page-news-list .item { border: solid 1px #d9d9d9; border-top: none; padding: 30px 40px; position: relative; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.page-news-list .item:first-child { border-top: solid 1px #d9d9d9; }
.page-news-list .item:hover { box-shadow: 0px 0px 20px 0px 
rgba(46, 49, 54, 0.2); border-color: #c39c61; }
.page-news-list .item ~ .item:before { content: ""; position: absolute; left: 0; top: -1px; width: 100%; height: 1px; background: transparent; z-index: 2; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.page-news-list .item ~ .item:hover:before { background: #c39c61; }
.page-news-list .item .pic { width: 385px; height: 274px; text-align: center;}
.page-news-list .item .pic img {width: 100%;height: 100%;object-fit: cover;}
.page-news-list .item .cont { width: 50%; margin-left: 50px; }
.page-news-list .item .cont .tit { font-size: 24px; color: #1b202e; line-height: 1.5; }
.page-news-list .item .cont .des { font-size: 14px; line-height: 30px; color: #81868e; height: 90px; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.page-news-list .item .cont .more { display: inline-block; width: 120px; height: 32px; border-radius: 16px; border: solid 1px #c39c61; line-height: 30px; text-align: center; margin-top: 65px; color: #c39c61; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.page-news-list .item:hover .cont .more { background-color: #c39c61; color: #fff; }
.page-news-list .item .date { position: absolute; right: 80px; text-align: center; font-family: DINPro-Regular; font-size: 16px; letter-spacing: -1px; color: #81868e; }
.page-news-list .item .date b { font-family: DINPro-Regular; font-size: 40px; font-weight: normal; letter-spacing: -2px; color: #595757; line-height: 1; display: block; margin-bottom: 8px; }
.page-news-list.tech-list .item { width: 49%; margin-bottom: 20px; }
.page-news-list.tech-list .item .cont { width: 100%; margin-left: 0; }
.page-news-list.tech-list .com-page { margin-top: 60px; }
.page-news-list.tech-list .item ~ .item:before { top: 0; background: #d9d9d9; }
.page-news-list.tech-list .item ~ .item:hover:before { background: #c39c61; }

/*新闻 E*/

/*关于 S*/
.aboutA { padding-top: 90px; padding-bottom: 110px; }
.aboutA .cont { text-align: center; margin-top: 30px; margin-bottom: 35px; font-size: 16px; line-height: 30px; color: #595757; max-width: 990px; width: 100%; margin: 30px auto 35px;    /*height: 155px;*/ overflow: hidden; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }

/*.aboutA .cont.on {
height: 390px;
}*/
.aboutA .pic { position: relative; }
.aboutA .pic .video-btn { position: absolute; left: 50%; top: 50%; z-index: 2; width: 100px; margin-left: -50px; margin-top: -50px; }
.page-scroll-list { padding: 65px 70px 70px; }
.aboutB { padding-top: 84px; padding-bottom: 94px; }
.culture-list { margin-top: 64px; }
.culture-list .item { width: 32.5%; background: #fff; padding: 60px 20px; text-align: center; }
.culture-list .item h4 { font-size: 24px; line-height: 1; color: #1b202e; margin-top: 28px; margin-bottom: 15px; }
.culture-list .item p { font-size: 16px; color: #595757; }
.culture-list .item img { display: inline-block; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.culture-list .item:hover img { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
.aboutC { padding-top: 100px; padding-bottom: 140px; background: url(../images/history-bg.jpg) no-repeat center; background-size: cover; }

/*发展历程*/
.history-wrap { position: relative; }
.history-wrap:before { content: ""; position: absolute; top: 50%; width: 100%; border-bottom: 1px solid #ababab; }
.swiper-container-history { padding: 360px 0; overflow: visible; margin-top: 90px; }
.swiper-container-history .swiper-slide { width: 520px; position: relative; }
.swiper-container-history .swiper-slide-active { opacity: 1; }
.swiper-container-history .swiper-slide ~ .swiper-slide { margin-left: -160px; }
.swiper-container-history .swiper-slide .cont { position: absolute; width: 100%; height: 254px; background-color: #ffffff; box-shadow: 0px 0px 20px 0px 
rgba(18, 45, 107, 0.15); top: 50px; padding: 45px 50px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.swiper-container-history .swiper-slide .cont:before { content: ""; position: absolute; top: -14px; z-index: 2; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 14px solid #fff; margin-left: 56px; }
.swiper-container-history .swiper-slide:nth-child(2n) .cont:before { top: auto; bottom: -14px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.swiper-container-history .swiper-slide .cont h4 { font-size: 24px; line-height: 30px; color: #281f20; }
.swiper-container-history .swiper-slide .cont .des { font-size: 16px; line-height: 30px; color: #81868e; margin-top: 25px; }
.swiper-container-history .swiper-slide:nth-child(2n) .cont { top: auto; bottom: 120px; }
.swiper-container-history .swiper-slide .tit { font-size: 28px; line-height: 36px; color: #81868e; font-family: DINPro-Medium; margin-top: -75px; margin-left: 90px; position: relative; }
.swiper-container-history .swiper-slide .tit span { color: #81868e; display: inline-block; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.swiper-container-history .swiper-slide.swiper-slide-active .tit span { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); color: #c39c61; }
.swiper-container-history .swiper-slide .tit:before { content: ""; position: absolute; left: 18px; bottom: -50px; width: 22px; height: 22px; background-color: #dddddd; border-radius: 50%; }
.swiper-container-history .swiper-slide .tit:after { content: ""; position: absolute; left: 24px; bottom: -44px; width: 10px; height: 10px; background-color: #81868e; border-radius: 50%; }
.swiper-container-history .swiper-slide.swiper-slide-active .tit:after { background-color: #c39c61; }
.page-fwwd { padding-top: 30px; padding-bottom: 115px; }
.page-fwwd .pic-big { text-align: center; margin-top: 70px; }
.fwzc-list { margin-top: 50px; }
.fwzc-list .item { width: 24%; border: solid 1px #dddddd; max-height: 410px; padding: 75px 20px; text-align: center; }
.fwzc-list .item h4 { font-size: 24px; color: #1b202e; line-height: 1; margin-top: 35px; margin-bottom: 20px; }
.fwzc-list .item p { font-size: 14px; line-height: 28px; color: #81868e; }
.honor-list { margin-bottom: -35px; }
.honor-list .item .honor-box .pic { border: solid 1px #dddddd; }
.honor-list .item .honor-box .pic img { width: auto; }
.honor-list .item .honor-box h4 { margin-bottom: 35px; }

/*关于 E*/

/*联系 S*/
.contactA { padding-top: 85px; padding-bottom: 55px; background: url(../images/contact-bg.jpg) no-repeat center top; background-size: cover; }
.contact-list-1 { margin-top: 55px; background-color: #ffffff; border: solid 1px #dddddd; padding: 50px 100px; }
.contact-list-1 li { width: 30%; margin: 30px 0; }
.contact-list-1 li .des { padding-left: 20px; }
.contact-list-1 li .des h4 { font-size: 16px; line-height: 1.5; color: #595757; }
.contact-list-1 li .des p { font-size: 20px; line-height: 1.5; color: #1b202e; }
.contact-list-1 li:last-child .des p { font-size: 18px; }
.contact-list-1 li:nth-child(3n) { width: 35%; }
.contactC { padding: 85px 0 65px; }
.contact-list-2 { margin-top: 55px; }
.contact-list-2 li { margin-bottom: 20px; }
.contact-list-2 li .box { position: relative; padding: 30px 40px; height: 200px; background: url(../images/company-bg.jpg) no-repeat right bottom; border: solid 1px #dddddd; }
.contact-list-2 li .box:before { content: ""; position: absolute; left: -1px; top: 30px; width: 3px; height: 26px; background-color: #c39c61; }
.contact-list-2 li .box h4 { font-size: 18px; color: #1b202e; }
.contact-list-2 li .box .des { margin-top: 20px; font-size: 16px; line-height: 32px; color: #595757; }
.contact-list-2 li .box .des p { position: relative; }
.contact-list-2 li .box .des p:before { content: ""; display: inline-block; width: 18px; height: 18px; vertical-align: middle; background-image: url(../images/lianxiren.png); background-repeat: no-repeat; background-size: contain; margin-right: 5px;    /*margin-top: -2px;*/ position: absolute; left: -25px; top: 50%; margin-top: -9px; opacity: .5; }
}
.contact-list-2 li .box .des p:nth-child(1):before { background-image: url(../images/lianxiren.png); }
.contact-list-2 li .box .des p:nth-child(2):before { background-image: url(../images/shouji.png); }
.contact-list-2 li .box .des p:nth-child(3):before { background-image: url(../images/qq.png); }
.contact-list-2 li .box .des p:nth-child(4) { display: none; }
.contactB { position: relative; }
.map-bar { position: absolute; left: 50%; bottom: 32px; z-index: 22; margin-left: -800px; height: 90px; align-items: center; background-color: #ffffff; box-shadow: 0px 0px 15px 0px 
rgba(0, 0, 0, 0.15); padding: 0 35px; font-size: 16px; }
.map-bar .tit .iconfont { display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 24px; color: #c39c61; }
.map-bar .tit b { font-size: 20px; color: #1b202e; font-weight: normal; }
.map-bar .more { display: inline-block; width: 240px; height: 50px; background-color: #c39c61; border-radius: 25px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; }
@media (max-width:1800px) {
.contact-list-1 li:nth-child(3n) { width: 40%; }
.map-bar { position: absolute; left: 4%; margin-left: 0; }
}
@media (max-width:1440px) {
.contact-list-2 li .box .des { font-size: 14px; }
.contact-list-1 li .des p { font-size: 18px; margin-top: 5px; }
.contact-list-1 li:last-child .des p { font-size: 16px; }
}
@media (max-width:1366px) {
.contact-list-2 li .box { padding: 30px 30px; }
.contact-list-1 li { width: 25%; }
.contact-list-1 li:nth-child(3n) { width: 42%; }
}
@media (max-width:1300px) {
.contact-list-1 li:last-child .des p { font-size: 14px; }
.contact-list-2 li .box h4 { font-size: 16px; }
.contact-list-2 li .box .des { font-size: 13px; }
}
@media (max-width: 640px) {
    .contact-list-2 li {width: 100%;}
    .contactB {
        height: 240px;
    }
    .contactB img {height: 100%;object-fit: cover;}
    .map-bar .more {
        width: 100px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        margin-top: 10px;
    }
    .contactC {
        padding: 50px 0 50px;
    }
    .contact-list-2 {
        margin-top: 40px;
    }
    .contact-list-2 li .box {
        padding: 20px 30px;
        height: auto;
    }
    .contact-list-2 li .box:before {
        top: 20px;
    }
    .map-bar {
        height: auto;
        font-size: 14px;
        padding: 20px;
        line-height: 1.3;
    }
    .map-bar .tit .iconfont {
        margin-right: 8px;
        font-size: 18px;
    }
    .map-bar .tit b {
        font-size: 14px;
        color: #1b202e;
    }
    .contactA {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .contact-list-1 {
        margin-top: 45px;
        padding: 10px 20px;
    }
    .contact-list-1 li,
    .contact-list-1 li:nth-child(3n) {
        width: 100%;
    }
    .contact-list-1 li img {width: 40px;}
    .contact-list-1 li {
        margin: 10px 0;
    }
    .contact-list-1 li .des {flex: 1;}
}

/*联系 E*/

/*智造实力 S*/
.muscleA { position: relative; padding-top: 75px; padding-bottom: 62px; border-bottom: 1px solid #ddd; }
.muscleA .page-title p { width: 66.25%; margin-top: 35px; }
.muscleA .cont { margin-top: 35px; width: 66.25%; font-size: 16px; line-height: 30px; color: #595757; }
.muscleA .yf-pic { margin-top: 60px; }
.yfcenter-num { position: absolute; right: 0; top: 26%; width: 24%; }
.muscleB { padding-top: 100px; padding-bottom: 85px; }
.muscleC { padding-top: 85px; padding-bottom: 85px; }
.swiper-container-hzjg { margin-top: 45px; }
.swiper-container-honor { margin-top: 40px; }
.honor-box { text-align: center; }
.honor-box .pic { background: #fff; padding: 30px 20px; height: 325px; display: flex; align-items: center; justify-content: center; }
.honor-box .pic img { max-height: 100%; }
.honor-box h4 { font-size: 16px; line-height: 1.5; color: #595757; margin-top: 20px; margin-bottom: 4px; }
.muscleD { padding: 95px 0; }
.scsl-pic { margin-top: 50px; margin-bottom: 40px; }
.scsl-scroll li { text-align: center; width: 32%; }
.muscleE { padding-top: 85px; padding-bottom: 110px; }
.swiper-container-hzzs { margin-top: 45px; }

/*智造实力 E*/
.qt-title { margin-bottom: 50px; }
.qt-title h3 { text-align: center; font-size: 36px; color: #333; line-height: 1; }

/*服务支持*/
.down-list a { width: 49%; height: 60px; align-items: center; padding: 0 20px; border: 1px solid #ddd; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); margin-top: 20px; font-size: 16px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.down-list a:hover { background: #c39c61; color: #fff; }
.down-list a .tit { width: 80%; }
.down-list a .tit span { flex: 1; line-height: 1.3; }
.down-list a .tit i { color: #c39c61; margin-right: 10px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.down-list a:hover .tit i { color: #fff; }
.down-list a .down i { margin-right: 5px; }
.honor-list .item .vid-box .pic { height: auto; padding: 0; position: relative; height: 200px; }

/*.honor-list .item .vid-box .pic:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
z-index: 2;
margin-top: -30px;
margin-left: -30px;
width: 60px;
height: 60px;
background: url(../images/video-btn2.png) no-repeat center;
background-size: contain;
}*/
.honor-list .item .vid-box .pic:before { content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.05) url(../images/video-btn2.png) no-repeat center; background-size: 60px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.honor-list .item .vid-box:hover .pic:before { background-color: rgba(195, 156, 97, .7); }
.qr-tc { display: none; position: fixed; left: 50%; top: 50%; margin-left: -120px; margin-top: -100px; width: 240px; padding: 20px 15px 15px; text-align: center; z-index: 99; font-size: 16px; line-height: 30px; background: #fff; box-shadow: 0 0 20px rgb(0 0 0 / 10%); }
.qr-tc p {    /*margin-top: 10px;*/ }
.qr-tc p b { font-size: 20px; color: #c39c61; }
.qr-tc .close-btn { font-size: 12px; color: #999; margin-top: 10px; cursor: pointer; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; }
.qr-tc .close-btn:hover { color: #c39c61; }
.product-search-tj { margin-top: 50px; }

/*其他补充*/

/*Map*/
#map { height: 500px; }

/*#map,#map * {transition:none;}
.map_loading i {position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
font-size: 0.45rem;
color: #FFF;}*/
.infowindow-content { padding: 25px 15px; }
.infowindow-content h3 { font-size: .15rem; color: #0370be; font-weight: bold; white-space: nowrap; margin: 0 0 .1rem; }
.infowindow-content p { font-size: .13rem; color: #333; margin: 0 0 .05rem }
.amap-adcombo-close { background-color: #000 }
.foot-form { padding: 72px 0; background: url(../images/form-bg.jpg) no-repeat center; background-size: cover; }
.foot-form .title { width: 30%; padding-top: 10px; }
.foot-form .cont { width: 60.9%; }
.foot-form .title h3 { font-size: 24px; line-height: 1.5; color: #000000; }
.foot-form .title h3 b { font-size: 48px; }
.foot-form .title h4 { font-size: 24px; line-height: 1.5; color: #000000; }
.foot-form .title .tel { margin-top: 45px; }
.foot-form .title .tel b { font-family: DINPro-Medium; font-size: 28px; line-height: 28px; color: #ad7b2e; display: inline-block; vertical-align: middle; }
.foot-form .title .tel i { display: inline-block; vertical-align: middle; width: 33px; height: 33px; background-color: #c39c61; color: #fff; font-size: 20px; border-radius: 50%; line-height: 33px; text-align: center; }
.foot-form .title .tel span { display: inline-block; width: 25px; height: 26px; vertical-align: middle; font-size: 12px; line-height: 1.1; text-align: center; color: #4d4d4d; margin-left: 4px; margin-right: 12px; }
.foot-form .cont .form-list .inp { width: 32.5%; height: 50px; background-color: #ffffff; font-size: 16px; color: #888888; padding: 0 25px; }
.foot-form .cont .form-list textarea { width: 100%; height: 120px; background-color: #ffffff; font-size: 16px; color: #888888; padding: 12px 25px; margin-top: 10px; }
.foot-form .cont .form-list .sub { width: 200px; height: 50px; background-color: #c39c61; margin-top: 20px; font-size: 16px; color: #ffffff; cursor: pointer; }
@media (max-width:1600px) {
.foot-form .title h3 b { font-size: 36px; }
.foot-form .title h3, .foot-form .title h4 { font-size: 20px; }
}
@media (max-width:768px) {
.swiper-pagination-bullet-active { background: #c39c62; }
.cate-banner .tit { top: 28%; }
.cate-banner .tit img { height: 90px; }
.foot-form { padding: 40px 0; }
.foot-form .title { width: 100%; padding-top: 0; }
.foot-form .cont { width: 100%; }
.foot-form .title h3, .foot-form .title h4 { font-size: 16px; line-height: 1.75; }
.foot-form .title h3 b { font-size: 28px; }
.foot-form .title .tel { margin-top: 30px; margin-bottom: 35px; }
.foot-form .title .tel b { font-size: 24px; }
.foot-form .cont .form-list .inp { width: 100%; height: 40px; background-color: #ffffff; font-size: 14px; color: #888888; padding: 0 15px; }
.foot-form .cont .form-list .inp ~ .inp { margin-top: 10px; }
.foot-form .cont .form-list textarea { width: 100%; height: 80px; font-size: 14px; padding: 10px 15px; margin-top: 10px; }
.foot-form .cont .form-list .sub { width: 180px; height: 40px; margin-top: 15px; font-size: 14px; }
}
.links { color: #9ea4ae; font-size: 16px; padding-bottom: 25px; }
.links a { color: #9ea4ae; margin-right: 10px; }
.links a:hover { color: #c39c61; }
@media (max-width:1600px) { }
@media (max-width:1020px) { }
@media (max-width:768px) {
.cate-wrap { padding-top: 20px; padding-bottom: 20px; }
.cate-wrap li { margin-bottom: 10px; }
.cate-wrap li a { height: 40px; line-height: 40px; font-size: 14px; padding: 0 10px; }
.cate-wrap-4 li { width: auto; }
.cate-wrap-4 li:nth-child(4n) { margin-right: 1.3333%; }
.air-search { padding: 25px 25px; }
.air-search .tit { font-size: 24px; }
.air-search-qt .cont .inp-qt { line-height: 50px; width: 100%; font-size: 12px; }
.s-tip { margin-top: 30px; font-size: 14px; }
.air-result { padding: 20px 20px; margin-bottom: 10px; }
.air-result-qt ul li { width: 50%; font-size: 14px; padding: 5px 5px 5px 0; }
.air-form .item { width: 100%; margin-top: 15px; }
.air-search .cont .com-zixun { display: none; }
.air-result ul li { width: 50%; padding: 5px 5px 5px 0; font-size: 14px; }
.product-inner-list .item .pic { width: 100%; height: auto; overflow: hidden; }
.product-inner-list .item .cont { padding-top: 20px; width: 100%; padding-right: 0; }
.body-inner { padding-top: 55px; }
.mbx-bar .wp { padding: 8px 0; height: auto; font-size: 12px; }
.mbx-bar .wp .back-btn { display: none; }
.product-intro { padding: 20px 0; flex-direction: column-reverse; }
.product-intro .cont { width: 100%; padding-right: 0; padding-top: 30px; }
.product-album { width: 100%; }
.swiper-container-big { float: none; width: 100%; height: auto; }
.album-small { display: none; }
.product-intro .cont h1 { font-size: 20px; }
.product-intro .cont .des { max-height: 165px; overflow-y: scroll; font-size: 14px; line-height: 1.75; margin-top: 20px; }
.morebar-big a { width: 130px; height: 40px; border-radius: 21px; line-height: 40px; font-size: 14px; }
.morebar-big .tel { margin-top: 0; line-height: 40px; margin-left: 0; }
.product-content { width: 100%; }
.js-tab-tit { padding: 15px 20px; }
.pro-tab-tit li { font-size: 16px; }
.pro-tab-tit li ~ li { margin-left: 10px; }
.product-detail { padding: 20px; }
.pro-tab-tit li:before { bottom: -16px; }
.product-form h3 { font-size: 20px; color: #333; font-weight: bold; text-align: center; margin-bottom: 0px; margin-top: 10px; }
.com-form-box { margin-top: 30px; }
.com-form-box ul li input { font-size: 14px; color: #999; width: 100%; line-height: 40px; padding: 0 15px; }
.com-form-box .textarea { padding: 15px; height: 120px; font-size: 14px; line-height: 1.75; }
.com-form-box .submit { margin-top: 10px; width: 100%; height: 40px; line-height: 40px; font-size: 16px; }
.product-xg { display: none; width: 100%; }
.product-detail img { max-width: 100%; width: auto !important; height: auto !important; }
.detail-other { padding: 10px 20px; }
.detail-other .share { display: none; }
.detail-page { width: 100%; }
.detail-page .item { max-width: 100%; padding: 5px 0; }
.solution-list { margin-bottom: -20px; }
.solution-list .item { margin-bottom: 20px; }
.solution-list .item .abox .pic { height: 325px; }
.solution-list .item .abox .solution-cover { display: none; }
.solution-list .item .abox .tit { padding: 15px 0px 5px; }
.solution-list .item .abox .tit h4 { font-size: 14px; width: 100%; color: #666 !important; }
.solution-list .item .abox .tit i { display: none; }
.solution-list .item .abox:hover .tit { opacity: 1; }
.product-index-list.solution-album .item { margin-bottom: 20px; }
.scroll-item { width: 32%; margin-bottom: 30px; text-align: center; }
.scroll-item .num { font-size: 24px; }
.scroll-item .tit { font-size: 12px; }
}
@media (max-width:640px) {
    .detail-banner .pic { overflow: hidden; height: 200px; padding-bottom: 0; background: #f5f5f5; }
    .detail-banner .pic img { height: 100%; object-fit: cover; }
    .detail-banner .tit { left: 0; margin-left: 0; padding: 0 4%; text-align: center; }
    .detail-banner .tit h1 { font-size: 22px; line-height: 1.3; color: #fff; margin-bottom: 30px; }
    .mbx-box i { font-size: 16px; margin-right: 5px; }
    .solution-list .item .abox .pic { height: 145px; }
    .product-intro .cont .des { max-height: none; overflow-y: visible; height: auto; }
    .product-intro .cont img { height: 50px; }
    .product-intro .cont .morebar { margin-top: 40px; }
    .morebar-big .tel i { display: none; }
    .morebar-big .tel span { font-size: 16px; }
    .solution-item .solution-tit { font-size: 20px; padding-left: 15px; line-height: 20px; margin-bottom: 30px; }
    .solution-item .solution-tit:before { width: 3px; height: 20px; }
    .solution-item { padding-bottom: 30px; border-bottom: 1px solid #ddd; }
    .solution-item ~ .solution-item { margin-top: 35px; }
    .swp-bar-case .swp-btn { display: none; }
    .swp-bar-case { margin-top: 20px; }
    .swp-bar .swp-page .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 4px; }
    .cate-big { margin-top: 20px; height: auto; background: #f5f5f5; justify-content: flex-start; }
    .cate-big a { line-height: 36px; font-size: 14px; color: #333; }
    .cate-big a.on { color: #fff; background: #c39c61; }
    .cate-big a:before { height: 1px; }
    .in-solution-list li .abox { height: 130px; }
    .solution-icon { display: none; }
    .homeA .item-left .cont h3 b { font-size: 24px; }
    .homeA .item-left .cont h3 { font-size: 12px; }
    .in-scroll-num-min li .tit { font-size: 10px; line-height: 1.5; }
    .in-solution-list li .abox .cont h4 { text-shadow: 0 2px 4px rgba(0, 0, 0, .2); font-size: 13px; }
    .in-title h4 { font-size: 12px; }
    .homeA .item-left .cont p { font-size: 12px; margin-top: 15px; }
    .homeA .item-left img { height: 260px; }
    .banner .swiper-pagination .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
    .product-index-list .item .tit { font-size: 12px; line-height: 40px; }
    .in-ys-content .item .cont h4 { font-size: 18px; }
    .in-ys-content .item .cont p { font-size: 12px; margin-top: 20px; }
    .in-tab-box ul li .tit .en { font-size: 10px; margin-top: 5px; }
    .in-tab-box ul li .tit h4 { font-size: 14px; line-height: 1.3; padding: 0; }
    .com-more { padding: 0 30px; }
    .homeH .cont { font-size: 14px; }
    .homeH .cont br { display: none; }
    .in-scroll-num-big li .num { font-size: 24px; }
    .in-scroll-num-big li .tit { margin-top: 4px; }
    .in-news-tab li a { font-size: 14px; }
    .in-news-list .item .news-pic .cont .tit { font-size: 14px; }
    .foot-form .title h3, .foot-form .title h4 { font-size: 14px; }
    .foot-form .title h3 b { font-size: 24px; }
    .foot-form .title .tel b { font-size: 24px; }

    /*关于*/
    .aboutA { padding-top: 40px; padding-bottom: 40px; }
    .page-title.center h3 { padding-bottom: 20px; font-size: 24px; }
    .page-title.center h3:before { height: 2px; }
    .aboutA .cont { font-size: 14px;        /*line-height: 1.75;*/ max-width: 100%; }
    .page-scroll-list { padding: 40px 0 20px; text-align: center; }
    .scroll-item .tit { font-size: 10px; }
    .aboutA .pic .video-btn { width: 40px; margin-left: -20px; margin-top: -20px; }
    .aboutB { padding-top: 40px; padding-bottom: 40px; }
    .culture-list { margin-top: 35px; }
    .culture-list .item { width: 100%; padding: 30px 20px; }
    .culture-list .item ~ .item { margin-top: 10px; }
    .culture-list .item img { width: 60px; }
    .culture-list .item h4 { font-size: 18px; margin-top: 20px; margin-bottom: 10px; }
    .aboutC { padding-top: 40px; padding-bottom: 40px; }
    .swiper-container-history { padding: 0; margin-top: 0;        /*background: #fff;*/ overflow: hidden; }
    .swiper-container-history .swiper-slide { width: 100%; }
    .history-wrap:before { display: none; }
    .swiper-container-history .swiper-slide ~ .swiper-slide { margin-left: 0; }
    .swiper-container-history .swiper-slide .cont { position: static; height: auto; padding: 20px;        /*box-shadow: none;*/ }
    .swiper-container-history .swiper-slide .tit, .swiper-container-history .swiper-slide .cont:before { display: none; }
    .swiper-container-history .swiper-slide .cont h4 { font-size: 18px; line-height: 1; }
    .swiper-container-history .swiper-slide .cont .des { font-size: 14px; line-height: 1.75; color: #81868e; margin-top: 20px; }
    .history-wrap { margin-top: 30px; }
    .page-title p { margin-top: 15px; font-size: 12px; line-height: 1.5; }
    .culture-list .item p { font-size: 12px; }
    .fwzc-list .item { width: 100%; max-height: none; padding: 25px 20px; }
    .fwzc-list .item ~ .item { margin-top: 20px; }
    .fwzc-list { margin-top: 35px; }
    .fwzc-list .item img { width: 60px; }
    .fwzc-list .item h4 { font-size: 18px; margin-top: 20px; margin-bottom: 10px; }
    .fwzc-list .item p { font-size: 12px; line-height: 1.75; }
    .page-fwwd { padding-top: 20px; padding-bottom: 40px; }
    .honor-box .pic { padding: 10px 10px; height: 220px; }
    .honor-list .item .honor-box h4 { margin-bottom: 20px; font-size: 12px; margin-top: 10px; }
    .honor-list { margin-bottom: -15px; }
    .page-news-list .item { padding: 15px; justify-content: space-between; }
    .page-news-list .item .pic { width: 25%; height: auto; }
    .page-news-list .item .date { display: none; }
    .page-news-list .item .cont .tit { font-size: 16px; }
    .page-news-list .item .cont { width: 70%; margin-left: 0; flex: none; }
    .page-news-list .item .cont .des { font-size: 12px; line-height: 1.75; height: auto; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
    .page-news-list .item .cont .more { display: none; }
    .cate-banner .tit { top: 26%; }
    .muscleA { padding-top: 40px; padding-bottom: 40px; }
    .page-title.left h3 { padding-left: 15px; font-size: 24px; }
    .page-title.left h3:before { left: 0; top: 0; width: 4px; height: 24px; }
    .muscleA .page-title p { width: 100%; margin-top: 15px; }
    .muscleA .cont { margin-top: 30px; width: 100%; font-size: 14px; line-height: 1.75; }
    .yfcenter-num { position: static; right: 0; top: 0; width: 100%; margin-top: 30px; }
    .muscleA .yf-pic { margin-top: 0; }
    .scroll-item .num span { position: relative; top: 0; font-size: 20px; }
    .muscleA .scroll-item { width: 49%; }
    .scroll-item h4 { font-size: 12px; }
    .muscleA .yf-pic li { width: 100%; }
    .muscleA .yf-pic li ~ li { margin-top: 10px; }
    .muscleB { padding-top: 40px; padding-bottom: 40px; }
    .swp-page-com { margin-top: 30px; }
    .swp-page-com .swiper-pagination-bullet { margin: 0 5px !important; width: 10px; height: 10px; }
    .muscleC { padding-top: 40px; padding-bottom: 40px; }
    .honor-box h4 { font-size: 12px; line-height: 1.5; color: #595757; margin-top: 10px; margin-bottom: 0px; }
    .muscleD { padding: 40px 0; }
    .solution-list .item .abox .tit h4 { font-size: 12px; }
    .scsl-pic { margin-top: 40px; margin-bottom: 20px; }
    .scsl-pic li { width: 100%; }
    .scsl-pic li ~ li { margin-top: 10px; }
    .muscleD .scsl-scroll { margin-top: 30px; }
    .muscleD .scsl-scroll li { margin-bottom: 0; }
    .muscleE { padding-top: 40px; padding-bottom: 40px; }
    .cate-banner .tit img { height: 65px; }
    .cate-big.cate-6 a { width: 25%; }
    .down-list a:first-child { margin-top: 0; }
    .down-list a { width: 100%; height: 50px; align-items: center; padding: 0 15px; margin-top: 10px; font-size: 12px; }
    .page-news-list.tech-list .item { width: 100%; margin-bottom: 15px; }
    .page-news-list.tech-list .com-page { margin-top: 30px; width: 100%; }
    .honor-list .item .vid-box .pic { height: 150px; }
    .honor-list .item .vid-box .pic:before { background-size: 40px; }
    .cate-wrap-4 { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .cate-wrap-4 li { width: 49%; margin-right: 0; }
    .cate-wrap-4 li:nth-child(4n) { margin-right: 0; }
    .cate-wrap li a { padding: 0 5px; }
    .cate-wrap-4.clearfix:after { display: none; }
    .nodata-info { text-align: center; font-size: 14px; line-height: 30px; border-top: 1px solid #ddd; padding-top: 30px; }
    .nodata-info b { color: #c39c61; font-size: 16px; }
    .product-search-tj { margin-top: 40px; }
    .homeA {
        padding: 20px 4%;
    }
    .homeH .wp .pic img {
        top: -5px;
        left: -5px;
    }
    .homeG .pic ul {
        margin-top: -35%;
    }
    .homeG .pic ul li .tit h4 {
        font-size: 16px;
    }
    .homeG .pic ul li .tit p {
        font-size: 12px;
    }
    .homeG .pic ul li .pic-min {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .homeG .pic ul li {
        padding: 0 20px;
    }
    .homeG .pic ul li .pic-min .ys-icon {
        width: 28px;
        height: 28px;
        background-size: 56px;
    }
    .homeG .pic ul li:nth-child(2) .pic-min .ys-icon, .homeG .pic ul li:nth-child(3) .pic-min .ys-icon {
        background-position: -28px 0;
    }
    .homeD {
        margin-top: 30px;
    }
    .in-tab-box ul li .tit .en {
        display: none;
    }
    .in-tab-box ul li .pic {
        width: 36px;
        height: 36px;
        line-height: 36px;
        margin-right: 10px;
    }
    .in-tab-box ul li .pic .ys-icon {
        width: 20px;
        height: 20px;
        background-size: 40px;
    }
    .in-tab-box ul li:hover .pic .ys-icon, .in-tab-box ul li.on .pic .ys-icon {
        background-position: -20px 0;
    }
    .in-tab-box ul li {
        padding: 5px;
        border-radius: 30px;
    }
    .in-news-list-one .item {
        width: 100%;
    }
    .in-news-item .date b {
        font-size: 18px;
    }
    .in-news-item .date {
        font-size: 14px;
        line-height: 1.5;
    }
    .in-news-item .des h4 a {
        font-size: 16px;
    }
    .in-news-item .des p {
        font-size: 12px;
        line-height: 1.5;
        overflow:hidden; 
        text-overflow:ellipsis;
        display:-webkit-box; 
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2; 
    }
    .in-news-content .aleft .in-news-item {
        border: none;
        padding: 0;
        margin-top: 15px;
    }
    .in-news-item {
        padding: 15px 0;
    }
    .in-news-content .aright {
        margin-top: 15px;
    }
    .in-news-content .aleft .pic {
        height: 240px;
        background: #000;
    }
    .in-news-content .aleft .pic img {
        opacity: .95;
    }
    .in-news-content {
        margin-top: 5px;
    }
    .in-news-list-one {
        margin-top: 20px;
    }
    .in-news-list-one {
        display: none;
    }
    .in-news-item .des {
        padding-right: 0;
        padding-left: 15px;
        padding-top: 5px;
    }
}
.other{color:#333 !important}
.other b{color:#333 !important}
#header.on,
#header.bg {
	background: none;
	background-color: #fff;
	/*box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.15);*/
}
#header.on .language a,
#header.bg .language a {
	color: #333;
}
#header.on .navi,
#header.bg .navi{
    color: #333;
}
#header.on .logo .txt,
#header.bg .logo .txt {
	color: #333;
}
#header.on .logo .line,
#header.bg .logo .line {
	background-color: rgba(51, 51, 51, 0.37);
}
#header.on .logo h1 .black,
#header.bg .logo h1 .black {
	opacity: 1;
}
#header.on .logo h1 .white,
#header.bg .logo h1 .white {
	opacity: 0;
}

.mainVisual .width {
    /*height: 950px;*/
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    padding: 0 15px;
}
.mainVisual .bgImg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
    -webkit-transition: all 4s;
    transition: all 4s;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.mainVisual .swiper-slide-active .bgImg {
    transform: scale(1);
    -webkit-transform: scale(1);
}
.mainVisual .width01 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.mainVisual .width01 .txt {
    color: #fff;
    font-size: 68px;
    text-shadow: 0 2.88px 5.76px rgba(0, 0, 0, 0.57);
    font-weight: bold;
    font-style: italic;
    letter-spacing: 6px;
}
.mainVisual .width02 {
    max-width: 1500px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mainVisual .width02 .txtbox {
    width: 48%;
}
.mainVisual .width02 .txtbox .ttl {
    font-size: 62px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 15px;
}
.mainVisual .width02 .txtbox .txt01 {
    color: #fff;
    font-size: 36px;
    display: flex;
    margin-bottom: 40px;
}
.mainVisual .width02 .txtbox .color01 {
    display: block;
    background-color: rgba(255, 128, 0, 1);
    position: relative;
    padding: 6px 25px;
}
.mainVisual .width02 .txtbox .color01:before {
    position: absolute;
    right: -33px;
    top: 0;
    bottom: 0;
    content: "";
    width: 33px;
    background: url("../images/img17.png") no-repeat;
    background-size: 100% 100%;
}
.mainVisual .width02 .txtbox .color02 {
    background: linear-gradient(90deg, rgba(34, 78, 167, 1) 0%, rgba(11, 122, 201, 1) 100%);
    display: block;
    padding: 6px 25px 6px 58px;
}
.mainVisual .width02 .txtbox .txt02 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 10px;
}
.mainVisual .width02 .txtbox .txt03 {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.mainVisual .width02 .txtbox ul {
    background: rgba(20, 40, 82, 0.37);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 34px 0 34px 0;
    display: flex;
}
.mainVisual .width02 .txtbox ul li {
    width: 25%;
    box-sizing: border-box;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    padding: 20px 10px;
}
.mainVisual .width02 .txtbox ul li:last-child {
    border-right: none;
}
.mainVisual .width02 .txtbox ul img {
    width: 53px;
}
.mainVisual .width02 .txtbox ul p {
    font-size: 20px;
    color: #fff;
    margin-top: 10px;
}
.mainVisual .width02 .photobox {
    width: 51%;
    margin: 18% -10px 0 0;
}
.mainVisual .width03 {
    max-width: 1500px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
}
.mainVisual .width03 .photobox {
    position: absolute;
    right: 0;
    top: 50%;
    width: 53.8%;
    transform: translate(0,-33%);
    -moz-transform: translate(0,-33%);
    -ms-transform: translate(0,-33%);
    -o-transform: translate(0,-33%);
    -webkit-transform: translate(0,-33%);
    z-index: 1;
}
.mainVisual .width03 .txtbox {
    width: 56%;
    position: relative;
    z-index: 2;
}
.mainVisual .width03 .txtbox .ttl {
    font-size: 72px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: 2px;
}
.mainVisual .width03 .txtbox .ttl span {
    color: rgba(255, 141, 26, 1);
}
.mainVisual .width03 .txtbox .txt01 {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    display: inline-block;
    padding-right: 15px;
}
.mainVisual .width03 .txtbox .txt01:before {
    position: absolute;
    left: 100%;
    content: "";
    top: 50%;
    width: 200px;
    height: 1px;
    background-color: #fff;
}
.mainVisual .width03 .txtbox ul {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0 50px;
}
.mainVisual .width03 .txtbox li {
    font-size: 28px;
    background: linear-gradient(90deg, rgba(11, 144, 221, 1) 0%, rgba(1, 83, 165, 1) 100%);
    border-radius: 60px;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    margin-right: 15px;
    margin-top: 10px;
}
.mainVisual .width03 .txtbox li:last-child {
    margin-right: 0;
}
.mainVisual .width03 .txtbox li img {
    width: 46px;
    margin-right: 10px;
}
.mainVisual .width03 .txtbox .txt02 {
    font-size: 23px;
    color: #fff;
    margin-bottom: 10px;
}
.mainVisual .width03 .txtbox .txt03 {
    font-size: 12px;
    color: #fff;
}
.mainVisual .swiper-button-next:after,
.mainVisual .swiper-button-prev:after {
    display: none;
}
.mainVisual .swiper-button-next,
.mainVisual .swiper-button-prev {
    width: 94px;
    height: 94px;
    margin-top: -47px;
    opacity: 0.6;
}
.mainVisual .swiper-button-next {
    background: url("../images/next01.png") no-repeat center center;
    background-size: 100% 100%;
    right: 3%;
}
.mainVisual .swiper-button-prev {
    left: 3%;
    background: url("../images/prev01.png") no-repeat center center;
    background-size: 100% 100%;
}
.mainVisual .swiper-button-prev:hover,
.mainVisual .swiper-button-next:hover {
    opacity: 1;
}
.mainVisual .swiper-pagination {
    bottom: 30px !important;
}
.mainVisual .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    opacity: 0.5;
    background: #fff;
    position: relative;
    margin: 0 20px !important;
}
.mainVisual .swiper-pagination-bullet:before {
    position: absolute;
    left: -4px;
    top: -4px;
    right: -4px;
    bottom: -4px;
    border-radius: 100%;
    content: "";
    border: 2px solid #fff;
    box-sizing: border-box;
}
.mainVisual .swiper-pagination-bullet-active {
    opacity: 1;
}
.indexsec01 {
    padding: 100px 0;
    background: #F4F6F8 url("../images/bg01.png") no-repeat left bottom;
}
.indexsec01 .imgbox {
    padding-left: 13%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.indexsec01 .imgbox .lbox {
    width: 36%;
}
.indexsec01 .imgbox .rbox {
    width: 30%;
}
.indexsec01 .imgbox .rbox img {
    width: 100%;
}
.indexsec01 .imgbox .txt {
    color: rgba(102, 102, 102, 1);
    line-height: 2;
    font-size: 18px;
    margin-bottom: 40px;
}
.indexsec01 .imgbox .link a {
    padding: 14px 0;
    display: inline-block;
    text-align: center;
    color: #fff;
    background-color: rgba(34, 78, 167, 1);
    width: 175px;
}
.indexsec01 .imgbox .link img {
    width: 18px;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 0 0 15px;
}
.indexsec01 .imgbox .link a:hover {
    background-color: rgba(231, 33, 36, 1);
}
.headline01 {
    font-size: 48px;
    /*text-align: center;*/
    /*margin-bottom: 40px;*/
}
.headline01 .en {
    display: block;
    font-size: 14px;
    color: rgba(34, 78, 167, 1);
    text-transform: uppercase;
    position: relative;
    padding-bottom: 3px;
    /*margin-bottom: 20px;*/
}
/*.headline01 .en:before {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    content: "";*/
/*    width: 10px;*/
/*    height: 2px;*/
/*    background-color: rgba(204, 204, 204, 1);*/
/*}*/
.indexsec01 .numlist {
    display: flex;
    max-width: 1420px;
    margin: 50px auto 0;
}
.indexsec01 .numlist li {
    text-align: center;
    font-size: 19px;
    width: 25%;
}
.indexsec01 .numlist .num {
    font-size: 32px;
    font-weight: bold;
}
.indexsec01 .numlist .counter {
    font-size: 72px;
    color: rgba(34, 78, 167, 1);
    font-family: Arial;
}
.comWidth {
    max-width: 1450px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}
.indexsec02 {
    padding: 50px 0;
    /*background: url("../images/bg07.jpg") no-repeat center center fixed;*/
    background-size: cover;
}
/*.indexsec02 .inner {*/
/*    display: flex;*/
/*}*/
.indexsec02 .lbox {
    background: url("../images/bg08.jpg") no-repeat center bottom;
    background-size: cover;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 2% 20px;
}
.indexsec02 .lbox .headline01 {
    font-size: 36px;
    color: #fff;
    text-align: center;
}
.indexsec02 .lbox .headline01 .en {
    color: #fff;
}
.indexsec02 .lbox .link a {
    color: #fff;
}
.indexsec02 .lbox .link a:hover {
    text-decoration: underline;
    color: rgba(231, 33, 36, 1);
}
/*.indexsec02 .rbox {*/
/*    width: 100%;*/
/*    display: flex;*/
/*}*/
.indexsec02 .rbox a {
    height: 100%;
    display: block;
    position: relative;
    background-color: rgba(255, 255, 255, 0.9);
    box-sizing: border-box;
    padding: 20px 5%;
    min-height: 300px;
}
.indexsec02 .rbox ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.indexsec02 .rbox li {
    width: 25%;
    border-right: 1px solid rgba(224, 224, 224, 1);
    box-sizing: border-box;
}
.indexsec02 .rbox li{
    border-bottom: 1px solid rgba(224, 224, 224, 1);
}
.indexsec02 .rbox h3 {
    font-size: 20px;
    font-weight: normal;
    position: relative;
    padding-bottom: 25px;
    word-wrap: break-word;
    z-index: 2;
}
.indexsec02 .rbox h3:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 66px;
    height: 4px;
    background-color: rgba(49, 63, 128, 1);
}
.indexsec02 .rbox h3 span {
    margin-top: 5px;
    display: block;
    font-size: 14px;
    color: rgba(153, 153, 153, 1);
    text-transform: uppercase;
    font-family: Arial;
    max-width: 200px;
}
.indexsec02 .rbox li .photo {
    position: absolute;
    left: 10%;
    bottom: 5%;
    width: 55%;
    z-index: 1;
    -webkit-transition: all .5s;transition: all .5s;
}
.indexsec02 .rbox .style02 .photo {
    width: 55%;
}
.indexsec02 .rbox .style03 .photo {
    width: 55%;
}
.indexsec02 .rbox .style04 .photo {
    width:56%;
}
.indexsec02 .rbox .big {
    width: 33.34%;
}
.indexsec02 .rbox .big .photo {
    position: absolute;
    bottom: 5%;
    right: 12%;
    left: 12%;
    -webkit-transition: all .5s;transition: all .5s;
    z-index: 1;
}
.indexsec02 .rbox a:hover {
    background-color: rgba(255, 255, 255, 0.8);
}
.indexsec02 .rbox li a:hover:before {
    position: absolute;
    right: 5%;
    bottom: 5%;
    background: url("../images/icon02.png") no-repeat;
    background-size: 100% auto;
    width: 35px;
    height: 35px;
    content: "";
}
.indexsec02 .rbox .big a:hover:before {
    position: absolute;
    right: 10%;
    top: 70px;
    background: url("../images/icon02.png") no-repeat;
    background-size: 100% auto;
    width: 35px;
    height: 35px;
    content: "";
}
.indexsec02 .rbox a:hover .photo {
    transform: translateY(-5px);
}

.indexsec03 {
    padding: 50px 0;
    background-color: #F4F6F8;
}
.indexsec03 .swiper-slide a {
    display: block;
    position: relative;
    overflow: hidden;
}
.indexsec03 .swiper-slide img {
    width: 100%;
    transition: all ease 0.6s;
    -webkit-transition: all ease 0.6s;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
.indexsec03 .swiper-slide a:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.indexsec03 .swiper-slide p {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 24px;
    background: linear-gradient(360deg,rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0.01) 100%);
    box-sizing: border-box;
    width: 100%;
    padding: 20px 30px;
}
.indexsec03 .swiper-slide {
    width: 690px;
    transform: translateX(-360px);
}
.indexsec03 .swiper-container {
    padding-bottom: 60px;
}
.indexsec03 .swiper-pagination {
    bottom: 0 !important;
}
.indexsec03 .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background-color: rgba(204, 204, 204, 1);
    opacity: 1;
    border-radius: 0;
    margin: 0 12px !important;
}
.indexsec03 .swiper-pagination-bullet-active {
    background-color: rgba(34, 78, 167, 1);
}
.indexsec03 .button-width {
    max-width: 1550px;
    margin: 0 auto;
    position: relative;
}
.indexsec03 .swiper-button-next:after,
.indexsec03 .swiper-button-prev:after {
    display: none;
}
.indexsec03 .swiper-button-next,
.indexsec03 .swiper-button-prev {
    width: 90px;
    height: 40px;
    margin-top: -230px;
    top: 0;
}
.indexsec03 .swiper-button-next {
    background: url("../images/next02.png") no-repeat;
    background-size: 100% auto;
}
.indexsec03 .swiper-button-prev {
    background: url("../images/prev02.png") no-repeat;
    background-size: 100% auto;
}
.indexsec04 {
    padding: 100px 0 0;
    position: relative;
    background-color: #F4F6F8;
}
.indexsec04 .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 560px;
    background: url("../images/bg03.jpg") no-repeat center center fixed;
    background-size: cover;
    z-index: 1;
}
.indexsec04 .headline01 {
    color: #fff;
}
.indexsec04 .headline01 .en {
    color: #fff;
}
.indexsec04 .headline01 .txt {
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.56);
}
.indexsec04 .comWidth {
    position: relative;
    z-index: 2;
}
.indexsec04 ul {
    background-color: #fff;
}
.indexsec04 ul a {
    display: block;
    position: relative;
    background: url("../images/bg04.png") no-repeat right 60px center;
    background-size: 25px auto;
    padding: 45px 400px 45px 60px;
}
.indexsec04 ul a:before {
    position: absolute;
    right: 328px;
    top: 50%;
    content: "";
    transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    width: 1px;
    height: 50px;
    background-color: rgba(204, 204, 204, 1);
}
.indexsec04 ul .time {
    position: absolute;
    right: 180px;
    top: 50%;
    transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    color: rgba(153, 153, 153, 1);
    font-size: 14px;
    font-family: Arial;
}
.indexsec04 ul .time span {
    display: block;
    font-size: 24px;
    font-weight: bold;
}
.indexsec04 ul h3 {
    font-size: 20px;
    font-weight: normal;
}
.indexsec04 ul .text {
    display: none;
    margin-top: 10px;
    color: rgba(102, 102, 102, 1);
}
.indexsec04 ul a:hover .text {
    display: block;
}
.indexsec04 ul a:hover h3 {
    color: rgba(34, 78, 167, 1);
}
.indexsec04 ul a:hover .time {
    color: rgba(231, 33, 36, 1);
}
.indexsec04 ul a:hover {
    background-image: url("../images/bg05.png");
    box-shadow: 0px 1px 20px 4px rgba(53, 92, 192, 0.1);
}
.indexsec05 {
    padding: 100px 0 220px;
    background: #F4F6F8 url("../images/bg06.png") no-repeat center center;
}
.indexsec05 .headline01 {
    margin-bottom: 60px;
}
.indexsec05 .inner {
    padding: 174px 0;
    position: relative;
}
.indexsec05 .inner .line {
    height: 8px;
    background-color: rgba(34, 78, 167, 0.5);
}
.indexsec05 .inner .num {
    width: 72px;
    height: 72px;
    border-radius: 100%;
    color: #fff;
    font-size: 40px;
    background-color: rgba(212, 48, 48, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Impact;
    position: relative;
}
.indexsec05 .inner .box02 .num {
    background-color: rgba(0, 186, 173, 1);
}
.indexsec05 .inner .box03 .num {
    background-color: rgba(26, 163, 255, 1);
}
.indexsec05 .inner .box04 .num {
    background-color: rgba(255, 141, 26, 1);
}
.indexsec05 .inner .box05 .num {
    background-color: rgba(67, 207, 124, 1);
}
.indexsec05 .inner .box06 .num {
    background-color: rgba(121, 72, 234, 1);
}
.indexsec05 .inner .box01 .num:before,
.indexsec05 .inner .box03 .num:before,
.indexsec05 .inner .box05 .num:before {
    position: absolute;
    left: 36px;
    top: 100%;
    content: "";
    height: 102px;
    width: 1px;
    background-color: rgba(34, 78, 167, 0.5);
}
.indexsec05 .inner .box01 .num:after,
.indexsec05 .inner .box03 .num:after,
.indexsec05 .inner .box05 .num:after {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: rgba(34, 78, 167, 1);
    content: "";
    border-radius: 100%;
    bottom: -112px;
    left: 30px;
}
.indexsec05 .inner .box02 .num:before,
.indexsec05 .inner .box04 .num:before,
.indexsec05 .inner .box06 .num:before {
    position: absolute;
    left: 36px;
    bottom: 100%;
    content: "";
    height: 102px;
    width: 1px;
    background-color: rgba(34, 78, 167, 0.5);
}
.indexsec05 .inner .box02 .num:after,
.indexsec05 .inner .box04 .num:after,
.indexsec05 .inner .box06 .num:after {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: rgba(34, 78, 167, 1);
    content: "";
    border-radius: 100%;
    top: -112px;
    left: 30px;
}
.indexsec05 .inner h3 {
    font-size: 22px;
    margin-bottom: 10px;
}
.indexsec05 .inner p {
    color: rgba(102, 102, 102, 1);
}
.indexsec05 .inner .txt {
    margin: 20px 0 0 22px;
}
.indexsec05 .inner .box02 .txt,
.indexsec05 .inner .box04 .txt,
.indexsec05 .inner .box06 .txt {
    margin-top: 0;
}
.indexsec05 .inner .box {
    display: flex;
    position: absolute;
    -webkit-transition: all .5s;transition: all .5s;
    cursor: pointer;
}
.indexsec05 .inner .box01:hover,
.indexsec05 .inner .box03:hover,
.indexsec05 .inner .box05:hover {
    transform: translateY(-10px);
}
.indexsec05 .inner .box02:hover,
.indexsec05 .inner .box04:hover,
.indexsec05 .inner .box06:hover {
    transform: translateY(10px);
}
.indexsec05 .inner .box01 {
    left: 4%;
    top: 0;
}
.indexsec05 .inner .box02 {
    left: 18.5%;
    bottom: 0;
}
.indexsec05 .inner .box03 {
    left: 35.8%;
    top: 0;
}
.indexsec05 .inner .box04 {
    left: 50%;
    bottom: 0;
}
.indexsec05 .inner .box05 {
    left: 65.6%;
    top: 0;
}
.indexsec05 .inner .box06 {
    left: 80%;
    bottom: 0;
}
#footer {
    background-color: rgba(34, 78, 167, 1);
    position: relative;
}
#footer:before {
    position: absolute;
    left: 0;
    top: -112px;
    content: "";
    width: 7584px;
    height: 112px;
    background: url("../images/bg02.png") repeat-x;
    animation: wave 15s linear infinite;
    -webkit-animation: wave 15s linear infinite;
}
@keyframes wave {
    100% {
        transform: translateX(-50%);
    }
}
@-webkit-keyframes wave {
    100% {
        transform: translateX(-50%);
    }
}
#footer .copyright {
    padding: 15px 5px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.49);
}
#footer .copyright a {
    color: #fff;
}
#footer .copyright span {
    margin-left: 40px;
}
#footer .qyrz {
    display: inline-block;
    vertical-align: middle;
    margin: -3px 0 0 10px;
    width: 120px;
}
#footer .width {
    max-width: 1450px;
    margin: 0 auto;
    padding: 40px 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
#footer .code p {
    text-align: center;
    color: #fff;
    margin-top: 30px;
}
#footer .code img {
    width: 167px
}
#footer .address {
    margin-top: 30px;
    color: #fff;
    font-size: 18px;
}
#footer .fnavi .ttl a {
    color: #fff;
    font-size: 18px;
}
#footer .fnavi li {
    margin-top: 12px;
}
#footer .fnavi ul a {
    color: rgba(255,255,255,0.8);
}
#footer .fnavi a:hover {
    color: rgba(231, 33, 36, 1);
    text-decoration: underline;
}
#footer .flogo {
    width: 187px;
}
#footer .fbox {
    max-width: 490px;
}
#footer .fbox li {
    margin-bottom: 12px;
    color: rgba(255, 255, 255, 0.8);
}
#footer .fbox li:last-child {
    margin-bottom: 0;
}
#footer .fbox li a {
    color: rgba(255, 255, 255, 0.8);
}
#footer .fbox li span {
    font-size: 18px;
    color: #fff;
}
#footer .fbox .style {
    position: relative;
    padding-left: 108px;
    margin-bottom: 0;
}
#footer .fbox .style a {
    display: inline-block;
    margin-right: 22px;
    margin-bottom: 12px;
    min-width: 111px;
}
#footer .fbox .style .mr0 {
    margin-right: 0;
}
#footer .fbox .style span {
    position: absolute;
    left: 0;
    top: -3px;
}
.pagination {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.pagination span {
    font-size: 16px;
}
.pagination a {
    margin: 0 5px 5px;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    min-width: 36px;
    text-align: center;
}
.pagination .page-status {
    margin-right: 10px;
}
.pagination a:hover,
.pagination .page-num-current {
    background-color: #008ad6;
    color: #fff;
}

.aboutPage {
    padding: 0px 0 130px;
}
.aboutPage .indexsec01 {
    background-color: #fff;
}
.aboutPage .indexsec01 .imgbox h2 {
    font-size: 54px;
    margin-bottom: 40px;
}
.aboutPage .indexsec01 .imgbox .txtbox {
    font-size: 18px;
    color: rgba(102, 102, 102, 1);
    line-height: 1.8;
}
.aboutPage .indexsec01 .imgbox .txtbox p {
    text-indent: 2em;
}
.aboutPage .indexsec01 .imgbox .rbox {
    width: 40%;
}
.aboutPage .indexsec01 .imgbox .lbox {
    width: 40%;
}
.aboutPage .sec01 {
    padding: 100px 0 0;
    background: url("../images/img18.png") no-repeat center center fixed;
    background-size: cover;
}
.aboutPage .sec01 .comWidth {
    display: flex;
    justify-content: flex-end;
}
.aboutPage .sec01 .inner {
    width: 503px;
    background-color: rgba(246, 247, 249, 0.95);
    border-radius: 50px 0 0 0;
    box-sizing: border-box;
    padding: 80px 30px;
}
.aboutPage .sec01 h2 {
    font-size: 40px;
    margin-bottom: 30px;
}
.aboutPage .sec01 h2 span {
    display: block;
    font-size: 36px;
    color: rgba(34, 78, 167, 0.22);
    text-transform: uppercase;
    font-family: Arial;
    line-height: 1;
    margin-bottom: -30px;
    letter-spacing: -1px;
}
.aboutPage .sec01 li {
    margin-top: 10px;
}
.aboutPage .sec01 li span {
    font-size: 20px;
}
.aboutPage .sec02 {
    padding: 100px 0;
}
.aboutPage .sec02 h2 {
    text-align: center;
    font-size: 54px;
    margin-bottom: 30px;
}
.aboutPage .sec02 .swiper-container {
    padding-top: 10px;
}
.aboutPage .sec02 .swiper-slide {
    width: 240px;
}
.aboutPage .sec02 .swiper-slide a {
    display: block;
    text-align: center;
}
.aboutPage .sec02 .swiper-slide .photo {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 7px 2px rgba(41, 47, 103, 0.1);
    box-sizing: border-box;
    padding: 15px;
}
.aboutPage .sec02 .swiper-slide .photo img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.aboutPage .sec02 .swiper-slide p {
    margin-top: 20px;
    font-size: 18px;
}
.aboutPage .sec02 .swiper-slide a:hover p {
    color: rgba(231, 33, 36, 1);
}

.contactPage {
    padding: 87px 0 0;
    background-color: rgba(248, 248, 250, 1);
}
.contactPage .sec01 {
    padding: 100px 0 200px;
    background: url("../images/img20.png") no-repeat left 8% bottom -450px, url("../images/img21.png") no-repeat left 38% top 50px;
}
.contactPage .sec01 .comWidth {
    display: flex;
    justify-content: space-between;
}
.contactPage .sec01 #mapArea {
    width: 44%;
}
.contactPage .sec01 .lbox {
    width: 52%;
    margin:0 auto;
}
.contactPage .sec01 .lbox h2 {
    font-size: 36px;
    margin-bottom: 30px;
}
.contactPage .sec01 .lbox .address {
    font-size: 24px;
    padding-left: 30px;
    background: url("../images/img22.png") no-repeat left center;
    background-size: 22px auto;
}
.contactPage .sec01 .lbox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}
.contactPage .sec01 .lbox li {
    padding: 40px 0 10px;
    width: 47%;
    border-bottom: 1px solid rgba(212, 212, 212, 1);
}
.contactPage .sec01 .lbox li .ttl {
    font-size: 18px;
}
.contactPage .sec01 .lbox li a,
.contactPage .sec01 .lbox li span {
    color: rgba(102, 102, 102, 1);
    display: inline-block;
    margin-top: 10px;
}
.contactPage .sec01 .lbox li:first-child a {
    margin-right: 20px;
}

.casePage {
    padding: 100px 0 100px;
    background: url("../images/img23.png") no-repeat left top;
    background-size: cover;
}
.casePage .sec {
    padding: 100px 0;
    background: url("../images/img24.png") no-repeat left 75% top 50px;
}
.headline02 {
    text-align: center;
    color: rgba(34, 78, 167, 1);
    font-size: 40px;
    margin-bottom: 20px;
}
.pagePath {
    text-align: center;
    font-size: 18px;
    color: rgba(73, 104, 166, 1);
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 40px;
}
.pagePath:before {
    position: absolute;
    left: 50%;
    bottom: 0;
    content: "";
    width: 126px;
    height: 2px;
    margin-left: -63px;
    background-color: rgba(231, 33, 36, 1);
}
.pagePath a {
    color: rgba(73, 104, 166, 1);
}
.pagePath a:hover {
    color: rgba(231, 33, 36, 1);
}
.casePage .sec ul {
    display: flex;
    flex-wrap: wrap;
}
.cptitle{height:45px; line-height:40px; text-align: center;}
.m-page{text-align:center;margin-top:20px;}
.casePage .sec ul li {
    width: 23%;
    margin: 60px 2.66% 30px 0;
}
.casePage .sec ul li:nth-child(4n) {
    margin-right: 0;
}
.casePage .sec ul a {
    padding: 20px;
    display: block;
    border-radius: 10px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 3.24px 29.16px 0px rgba(2, 130, 184, 0.23);
    position: relative;
}
.casePage .sec ul a:before {
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    content: "";
    border: 1px dashed rgba(230, 230, 230, 1);
    border-radius: 10px;
    z-index: 1;
}
.casePage .sec ul a:hover:before {
    border-color: rgba(24, 87, 214, 1);
}
.casePage .sec ul .photo {
    margin: -60px 0 0;
    position: relative;
    z-index: 2;
}
.casePage .sec ul .photo img {
    width: 100%;
    border-radius: 10px;
}
.casePage .sec ul p {
    text-align: center;
    margin-top: 10px;
    font-size: 19px;
}
.casePage .sec ul a:hover p {
    color: rgba(231, 33, 36, 1);
}

.newsPage {
    padding: 87px 0 200px;
}
.newsPage .topbox {
    padding: 100px 15px 85px;
    background: url("../images/img26.jpg") no-repeat center center;
    background-size: cover;
}
.comCate {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.comCate li {
    margin: 0 15px 15px;
    min-width: 120px;
}
.comCate a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #fff;
    box-shadow: 1px 2px 2px 0px rgba(73, 104, 166, 0.28);
    border-radius: 5px;
    color: rgba(73, 104, 166, 1);
    height: 100%;
    box-sizing: border-box;
    padding: 10px;
}
.comCate a:hover,
.comCate .on a {
    color: #fff;
    background: linear-gradient(180deg, rgba(231, 33, 36, 1) 0.04%, rgba(255, 94, 58, 1) 100%);
    box-shadow: 0px 6px 12px 0px rgba(232, 36, 37, 0.28);
}
.newsPage .listul {
    margin-top: 40px;
}
.newsPage .listul a {
    display: block;
    padding: 0 15px;
}
.newsPage .listul .width {
    max-width: 1420px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    padding: 40px 15px 40px 150px;
    border-bottom: 1px dashed rgba(230, 230, 230, 1);
}
.newsPage .listul .time {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    text-align: center;
    font-family: Arial;
    font-size: 18px;
    color: rgba(34, 78, 167, 1);
}
.newsPage .listul .time span {
    display: block;
    font-size: 54px;
}
.newsPage .listul .photo {
    width: 23%;
}
.newsPage .listul .photo img {
    width: 100%;
}
.newsPage .listul .txtbox {
    width: 72%;
}
.newsPage .listul .txtbox h3 {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 20px;
}
.newsPage .listul .txtbox .link {
    margin-top: 20px;
}
.newsPage .listul .txtbox .link span {
    display: inline-block;
    text-align: center;
    color: rgba(34, 78, 167, 1);
    width: 130px;
    border: 1px solid rgba(34, 78, 167, 1);
    box-sizing: border-box;
    padding: 10px 0;
    border-radius: 10px 0 10px 0;
}
.newsPage .listul a:hover {
    background-color: rgba(245, 246, 251, 1);
}
.newsPage .listul a:hover .time {
    color: rgba(231, 33, 36, 1);
}
.newsPage .listul a:hover .link span {
    background-color: rgba(231, 33, 36, 1);
    border-color: rgba(231, 33, 36, 1);
    color: #fff;
}

.newsdetailPage {
    padding: 160px 0 200px;
}
.newsdetailPage .sec .h2ttl {
    text-align: center;
    font-size: 40px;
    color: rgba(34, 78, 167, 1);
    margin-bottom: 20px;
}
.newsdetailPage .sec .time {
    text-align: center;
    font-size: 20px;
    color: rgba(73, 104, 166, 1);
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 40px;
}
.newsdetailPage .sec .time:before {
    position: absolute;
    left: 50%;
    bottom: 0;
    content: "";
    width: 126px;
    height: 2px;
    margin-left: -63px;
    background-color: rgba(231, 33, 36, 1);
}
.newsdetailPage .sec .info {
    font-size: 18px;
    line-height: 2;
}
.newsdetailPage .sec .info img {
    height: auto !important;
    display: block;
    margin: 0 auto;
}
.comPageList {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}
.comPageList li {
    max-width: 49%;
    font-size: 20px;
    color: rgba(34, 78, 167, 1);
}
.comPageList a {
    color: rgba(34, 78, 167, 1);
}
.comPageList a:hover {
    color: rgba(231, 33, 36, 1);
}
.comSlider {
    margin-top: 40px;
}
.comSlider h2 {
    text-align: center;
    font-size: 40px;
    margin-bottom: 30px;
}
.comSlider .swiper-button-next:after,
.comSlider .swiper-button-prev:after {
    display: none;
}
.comSlider .swiper-button-next,
.comSlider .swiper-button-prev {
    width: 50px;
    height: 50px;
    margin-top: -25px;
}
.comSlider .swiper-button-next {
    right:  -60px;
    background: url("../images/next03.png") no-repeat;
    background-size: 100% auto;
}
.comSlider .swiper-button-prev {
    left: -60px;
    background: url("../images/prev03.png") no-repeat;
    background-size: 100% auto;
}
.comSlider .pddbox {
    padding: 0 70px;
    position: relative;
}
.comSlider .swiper-slide a {
    display: block;
    height: 100%;
    border-bottom: 1px solid rgba(207, 207, 207, 1);
    box-sizing: border-box;
}
.comSlider .swiper-slide .photo img {
    width: 100%;
    border-radius: 10px;
}
.comSlider .swiper-slide p {
    font-size: 20px;
    padding: 20px 50px 20px 0;
    background: url("../images/img29.png") no-repeat right center;
    background-size: 38px auto;
}
.comSlider .swiper-slide a:hover p {
    color: rgba(231, 33, 36, 1);
    background-image: url("../images/img30.png");
}

.productPage {
    padding: 87px 0 200px;
}
.productPage .topbox {
    padding: 100px 15px 85px;
    background: url("../images/img26.jpg") no-repeat center center;
    background-size: cover;
}
.productPage .item {
    margin-top: 70px;
    padding: 40px 2%;
    border-radius: 20px;
    background: rgba(245, 248, 250, 1) url("../images/img31.png") no-repeat left 15px bottom 15px;
    box-shadow: 0 20px 20px rgba(204, 204, 204, 0.6);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/*.productPage .item:nth-child(2n-1) {*/
/*    flex-direction: row-reverse;*/
/*    background-position: right 15px bottom 15px;*/
/*}*/
.productPage .item .photoList {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.productPage .item .photoList li {
    width: 18%;
    margin: 7px 2% 7px 0;
}
/*.productPage .item .photoList li:nth-child(3n) {*/
/*    margin-right: 0;*/
/*}*/
.productPage .item .photoList img {
    width: 100%;
    transition: all ease 0.6s;
    -webkit-transition: all ease 0.6s;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
.productPage .item .photoList a:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.productPage .item .photoList a {
    display: block;
    overflow: hidden;
}
.productPage .item .txtbox {
    width: 36%;
}
.productPage .item .txtbox h3 {
    font-size: 48px;
    margin-bottom: 20px;
}
.productPage .item .txtbox li {
    margin-top: 5px;
}
.productPage .item .txtbox li a {
    display: block;
    padding-left: 23px;
    background: url("../images/img32.png") no-repeat left top 7px;
    background-size: 16px auto;
    font-size: 20px;
}
.productPage .item .txtbox li a:hover {
    color: rgba(231, 33, 36, 1);
}
.productPage .item .txtbox .link {
    max-width: 260px;
    margin-top: 30px;
}
.productPage .item .txtbox .link a {
    display: block;
    background-color: rgba(34, 78, 167, 1);
    border-radius: 5px;
    color: #fff;
    text-align: center;
    padding: 12px 10px;
}
.productPage .item .txtbox .link a:hover {
    background-color: rgba(231, 33, 36, 1);
}

.product2ndPage {
    padding: 160px 0 200px;
    background: url("../images/img33.png") no-repeat right -100px top 160px,url("../images/img34.png") no-repeat left 11% top 280px;
    background-color: #F5F8FA;
}
.product2ndPage .headline02 {
    color: #333;
}
.product2ndPage .pagePath {
    color: #333;
}
.product2ndPage .pagePath a {
    color: #333;
}
.product2ndPage .listul {
    display: flex;
    flex-wrap: wrap;
}
.product2ndPage .listul li {
    width: 24%;
    margin: 40px 1.33% 0 0;
}
.product2ndPage .listul li:nth-child(4n) {
    margin-right: 0;
}
.product2ndPage .listul .photo {
    overflow: hidden;
}
.product2ndPage .listul .photo img {
    width: 100%;
    transition: all ease 0.6s;
    -webkit-transition: all ease 0.6s;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
.product2ndPage .listul a:hover .photo img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.product2ndPage .listul p {
    text-align: center;
    font-size: 24px;
    margin-top: 10px;
}
.product2ndPage .listul a {
    display: block;
}
.product2ndPage .listul a:hover p {
    color: rgba(231, 33, 36, 1);
}

.productdetailPage {
    padding: 110px 0 200px;
    background-color: #F5F8FA;
    position: relative;
}
.productdetailPage .posbox {
    color: rgba(153, 153, 153, 1);
}
.productdetailPage .posbox a {
    color: rgba(153, 153, 153, 1);
}
.productdetailPage .posbox a:hover {
    color: rgba(231, 33, 36, 1);
}
.productdetailPage .sec01 {
    padding: 50px 0;
    margin-bottom: 50px;
    border-bottom: 1px solid rgba(227, 227, 227, 1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.productdetailPage .sec01 .photo {
    width: 37.3%;
}
.productdetailPage .sec01 .photo img {
    width: 100%;
}
.productdetailPage .sec01 .txtbox {
    width: 57.7%;
}
.productdetailPage .sec01 .txtbox h2 {
    font-size: 45px;
    color: rgba(34, 78, 167, 1);
    margin-bottom: 20px;
}
.productdetailPage .sec01 .txtbox .txt {
    font-size: 22px;
    line-height: 1.8;
    margin-bottom: 30px;
}
.productdetailPage .sec01 .txtbox .line {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.productdetailPage .sec01 .txtbox .link a {
    color: #fff;
    background: linear-gradient(360deg, rgba(231, 33, 36, 1) 0.04%, rgba(255, 94, 58, 1) 100%);
    box-shadow: 0px 10.56px 21.12px 0px rgba(232, 36, 37, 0.28);
    font-size: 26px;
    border-radius: 10px;
    width: 200px;
    display: block;
    text-align: center;
    padding: 12px 0;
}
.productdetailPage .sec01 .txtbox .link a:hover {
    opacity: 0.7;
}
.productdetailPage .sec01 .txtbox .tel {
    background: url("../images/img35.png") no-repeat left center;
    background-size: 60px auto;
    padding-left: 70px;
}
.productdetailPage .sec01 .txtbox .tel a {
    display: block;
    font-size: 42px;
    font-family: Arial;
    font-weight: bold;
}
.productdetailPage .sec01 .swiper-container {
    padding-bottom: 50px;
}
.productdetailPage .sec01 .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}
.productdetailPage .sec02 h2 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 34px;
    color: rgba(34, 78, 167, 1);
}
.productdetailPage .sec02 .info {
    font-size: 20px;
    line-height: 2;
}
.productdetailPage .sec02 .info img {
    height: auto !important;
    margin: 0 auto;
    display: block;
}
.productdetailPage .comWidth {
    position: relative;
    z-index: 2;
}
.productdetailPage .rightqiu {
    position: absolute;
    right: 1%;
    top: 50%;
    z-index: 1;
    width: 245px;
}
.productdetailPage .leftqiu {
    position: absolute;
    left: 5%;
    top: 60%;
    z-index: 1;
    width: 30px;
}

@media all and (min-width: 1250px) and (max-width: 1500px) {
    .indexsec01 .imgbox {padding-left: 3%;}
    .indexsec03 .swiper-slide {width: 600px;transform: translateX(-315px);}
    .mainVisual .swiper-button-prev {left: 0;}
    .mainVisual .swiper-button-next {right: 0;}
    .mainVisual .width {padding: 0 80px;}
    .mainVisual .width01 .txt {font-size: 62px;}
    .mainVisual .width02 .txtbox .ttl {font-size: 53px;}
    .mainVisual .width02 .txtbox .txt01 {font-size: 30px;}
    .mainVisual .width03 .txtbox .ttl {font-size: 62px;}
    .mainVisual .width03 .txtbox li {font-size: 24px;}
    .mainVisual .width03 .txtbox li img {width: 40px;}
}
@media all and (min-width: 992px) and (max-width: 1249px) {
    #header .logo .line {margin: 0 12px;}
    #header .navi li {margin-right: 20px;}
    #header .navi a {font-size: 17px;}
    .indexsec01 .imgbox {padding-left: 15px;}
    .indexsec01 .numlist .num {font-size: 24px;}
    .indexsec01 .numlist .counter {font-size: 60px;}
    .indexsec03 .swiper-slide {width: 480px;transform: translateX(-255px);}
    .indexsec03 .swiper-button-next,
    .indexsec03 .swiper-button-prev {margin-top: -165px;}
    .indexsec05 .inner .box02 {left: 10.5%;}
    .indexsec05 .inner .box04 {left: 46%;}
    .indexsec05 .inner .box06 {left: 75%;}
    #footer .code img {width: 130px;}
    #footer .flox {width: 220px;}
    #footer .fbox {max-width: 460px;}
    #footer .fbox .style a {margin-right: 15px;}
    #footer .fbox li span {font-size: 16px;}
    #footer .fbox .style {padding-left: 96px;}
    .mainVisual .swiper-button-prev {left: 0;}
    .mainVisual .swiper-button-next {right: 0;}
    .mainVisual .width {padding: 0 80px;}
    .mainVisual .width01 .txt {font-size: 54px;}
    .mainVisual .width02 .txtbox .ttl {font-size: 49px;}
    .mainVisual .width02 .txtbox .txt01 {font-size: 24px;}
    .mainVisual .width02 .txtbox .color01 {padding: 6px 15px;}
    .mainVisual .width02 .txtbox .color02 {padding: 6px 15px 6px 48px}
    .mainVisual .width03 .txtbox .ttl {font-size: 57px;}
    .mainVisual .width03 .txtbox .txt01::before {width: 110px;}
    .mainVisual .width03 .txtbox li {font-size: 24px;}
    .mainVisual .width03 .txtbox li img {font-size: 40px;}
}
@media all and (max-width: 991px) {
    .pagination {
        margin-top: 20px;
    }
    .pagination span {
        font-size: 14px;
    }
    .pagination a {
        margin: 0 3px 5px;
        min-width: 33px;
    }
    .pagination .page-status {
        margin-right: 8px;
    }
    #header .width {
        max-width: inherit;
        display: block;
        padding: 15px 0;
    }
    #header .logo {
        display: block;
    }
    #header .logo h1 {
        width: 180px;
    }
    #header .logo .line {
        display: none;
    }
    #header .logo .txt {
        display: none;
    }
    #header .language {
        right: 55px;
    }
    #header .language a {
        font-size: 16px;
    }
    #header .language img {
        width: 18px;
    }
    .menu {
        position: absolute;
        right: 0;
        top: 18px;
        z-index: 200;
    }
    .menu-trigger,
    .menu-trigger span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }
    .menu-trigger {
        position: relative;
        width: 38px;
        height: 30px;
    }
    .menu-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #fff;
        border-radius: 4px;
    }
    #header.on .menu-trigger span,
    #header.bg .menu-trigger span {
        background-color: #333;
    }
    .menu-trigger span:nth-of-type(1) {
        top: 0;
    }
    .menu-trigger span:nth-of-type(2) {
        top: 13px;
    }
    .menu-trigger span:nth-of-type(3) {
        bottom: 0;
    }
    .menu-trigger.active span:nth-of-type(1) {
        -webkit-transform: translateY(13px) rotate(-45deg);
        transform: translateY(13px) rotate(-45deg);
    }
    .menu-trigger.active span:nth-of-type(2) {
        opacity: 0;
    }
    .menu-trigger.active span:nth-of-type(3) {
        -webkit-transform: translateY(-13px) rotate(45deg);
        transform: translateY(-13px) rotate(45deg);
    }
    #header .navi {
        display: none;
        position: absolute;
        right: 0;
        top: 100%;
        width: 130px;
        z-index: 100;
        background-color: #fff;
    }
    #header .navi ul {
        display: block;
    }
    #header .navi li {
        margin-right: 0;
    }
    #header .navi a {
        color: #333 !important;
        text-align: center;
        font-size: 18px;
        padding: 10px 0;
    }
    .mainVisual .width {
        height: 600px;
        padding: 100px 15px 0;
    }
    .mainVisual .width01 {
        padding-top: 0;
    }
    .mainVisual .width01 .txt {
        font-size: 36px;
        letter-spacing: 3px;
    }
    .mainVisual .width02 {
        max-width: inherit;
        display: block;
    }
    .mainVisual .width02 .txtbox {
        width: auto;
    }
    .mainVisual .width02 .txtbox .ttl {
        font-size: 28px;
        margin-bottom: 15px;
        text-align: center;
    }
    .mainVisual .width02 .txtbox .txt01 {
        font-size: 18px;
        margin-bottom: 20px;
        justify-content: center;
    }
    .mainVisual .width02 .txtbox .color01 {
        padding: 5px 10px;
    }
    .mainVisual .width02 .txtbox .color01:before {
        right: -24px;
        width: 24px;
    }
    .mainVisual .width02 .txtbox .color02 {
        padding: 5px 10px 5px 34px;
    }
    .mainVisual .width02 .txtbox .txt02 {
        display: none;
    }
    .mainVisual .width02 .txtbox .txt03 {
        display: none;
    }
    .mainVisual .width02 .txtbox ul {
        border-radius: 20px 0 20px 0;
    }
    .mainVisual .width02 .txtbox ul li {
        padding: 10px 0;
    }
    .mainVisual .width02 .txtbox ul img {
        width: 26px;
    }
    .mainVisual .width02 .txtbox ul p {
        font-size: 13px;
        margin-top: 5px;
    }
    .mainVisual .width02 .photobox {
        width: auto;
        max-width: 345px;
        margin: 20px auto 0;
    }
    .mainVisual .width03 {
        max-width: inherit;
        display: block;
    }
    .mainVisual .width03 .photobox {
        position: static;
        width: auto;
        transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        max-width: 345px;
        margin: 0 auto;
    }
    .mainVisual .width03 .txtbox {
        width: auto;
    }
    .mainVisual .width03 .txtbox .ttl {
        font-size: 28px;
        margin-bottom: 5px;
        text-align: center;
    }
    .mainVisual .width03 .txtbox .txt01 {
        font-size: 12px;
        padding-right: 0;
        text-align: center;
        display: block;
    }
    .mainVisual .width03 .txtbox .txt01:before {
        display: none;
    }
    .mainVisual .width03 .txtbox ul {
        justify-content: center;
        margin: 10px 0;
    }
    .mainVisual .width03 .txtbox li {
        font-size: 17px;
        padding: 8px 20px;
        margin: 10px 5px 0 !important;
    }
    .mainVisual .width03 .txtbox li img {
        width: 22px;
        margin-right: 5px;
    }
    .mainVisual .width03 .txtbox .txt02 {
        display: none;
    }
    .mainVisual .width03 .txtbox .txt03 {
        display: none;
    }
    .mainVisual .swiper-button-next,
    .mainVisual .swiper-button-prev {
        display: none;
    }
    .mainVisual .swiper-pagination {
        bottom: 15px !important;
    }
    .mainVisual .swiper-pagination-bullet {
        margin: 0 15px !important;
    }
    .mainVisual .swiper-pagination-bullet:before {
        border: 1px solid #fff;
    }
    .indexsec01 {
        padding: 40px 0;
        background-size: 370px auto;
    }
    .indexsec01 .imgbox {
        padding-left: 0;
        display: block;
    }
    .indexsec01 .imgbox .lbox {
        width: auto;
        padding: 0 15px 20px;
    }
    .indexsec01 .imgbox .rbox {
        width: auto;
    }
    .indexsec01 .imgbox .txt {
        line-height: 1.6;
        font-size: 16px;
        margin-bottom: 20px;
    }
    .indexsec01 .imgbox .link {
        text-align: center;
    }
    .indexsec01 .imgbox .link a {
        padding: 10px 0;
        width: 140px;
    }
    .indexsec01 .imgbox .link img {
        width: 16px;
        margin: -3px 0 0 10px;
    }
    .headline01 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .headline01 .en {
        font-size: 13px;
        margin-bottom: 5px;
    }
    .indexsec01 .numlist {
        max-width: inherit;
        flex-wrap: wrap;
        margin: 0;
    }
    .indexsec01 .numlist li {
        font-size: 16px;
        width: 50%;
        margin-top: 20px;
    }
    .indexsec01 .numlist .num {
        font-size: 18px;
    }
    .indexsec01 .numlist .counter {
        font-size: 36px;
    }
    .comWidth {
        max-width: inherit;
    }
    .indexsec02 {
        padding: 40px 0;
        background-attachment: inherit;
    }
    .indexsec02 .inner {
        display: block;
    }
    .indexsec02 .lbox {
        width: auto;
        padding: 15px;
        text-align: center;
    }
    .indexsec02 .lbox .headline01 {
        font-size: 28px;
    }
    .indexsec02 .lbox .headline01 .en:before {
        left: 50%;
        margin-left: -5px;
    }
    .indexsec02 .rbox {
        width: auto;
        display: block;
    }
    .indexsec02 .rbox a {
        height: auto;
        padding: 25px 5%;
        min-height: 230px;
    }
    .indexsec02 .rbox ul {
        width: auto;
        display: block;
    }
    .indexsec02 .rbox li {
        width: auto;
        border-right: none;
        border-bottom: 1px solid rgba(224, 224, 224, 1);
    }
    .indexsec02 .rbox h3 {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .indexsec02 .rbox h3:before {
        width: 60px;
        height: 2px;
    }
    .indexsec02 .rbox h3 span {
        font-size: 13px;
    }
    .indexsec02 .rbox .big {
        width: auto;
    }
    .indexsec02 .rbox .big .photo {
        position: static;
        bottom: inherit;
        right: inherit;
        left: inherit;
        margin: 0 10%;
    }
    .indexsec02 .rbox li .photo {
        width: 120px;
    }
    .indexsec02 .rbox .style02 .photo {
        width: 200px;
    }
    .indexsec02 .rbox .style03 .photo {
        width: 208px;
    }
    .indexsec02 .rbox .style04 .photo {
        width: 214px;
    }
    .indexsec02 .rbox li a:before {
        position: absolute;
        left: 5%;
        bottom: 10%;
        background: url("../images/icon02.png") no-repeat;
        background-size: 100% auto;
        width: 30px;
        height: 30px;
        content: "";
    }
    .indexsec02 .rbox .big a:before {
        position: absolute;
        right: 5%;
        top: 30px !important;
        background: url("../images/icon02.png") no-repeat;
        background-size: 100% auto;
        width: 30px;
        height: 30px;
        content: "";
    }
    .indexsec03 {
        padding: 40px 0;
    }
    .indexsec03 .swiper-slide p {
        font-size: 18px;
        padding: 15px;
    }
    .indexsec03 .swiper-slide {
        width: 300px;
        transform: translateX(0);
    }
    .indexsec03 .swiper-container {
        padding-bottom: 35px;
    }
    .indexsec03 .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 5px !important;
    }
    .indexsec03 .button-width {
        display: none;
    }
    .indexsec04 {
        padding: 40px 0 0;
    }
    .indexsec04 .bg {
        background-attachment: inherit;
        height: 300px;
    }
    .indexsec04 ul a {
        background-position: right 15px top 25px;
        background-size: 22px auto;
        padding: 15px;
    }
    .indexsec04 ul a:before {
        display: none;
    }
    .indexsec04 ul .time {
        position: static;
        right: inherit;
        top: inherit;
        transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        font-size: 13px;
        margin-bottom: 10px;
    }
    .indexsec04 ul .time span {
        font-size: 18px;
    }
    .indexsec04 ul h3 {
        font-size: 18px;
    }
    .indexsec04 ul a:hover .text {
        display: none;
    }
    .indexsec05 {
        padding: 40px 0 100px;
        background-size: 100% auto;
    }
    .indexsec05 .headline01 {
        margin-bottom: 20px;
    }
    .indexsec05 .inner {
        padding: 0;
    }
    .indexsec05 .inner .line {
        display: none;
    }
    .indexsec05 .inner .num {
        width: 50px;
        height: 50px;
        font-size: 22px;
    }
    .indexsec05 .inner .box01 .num:before,
    .indexsec05 .inner .box03 .num:before,
    .indexsec05 .inner .box05 .num:before {
        display: none;
    }
    .indexsec05 .inner .box01 .num:after,
    .indexsec05 .inner .box03 .num:after,
    .indexsec05 .inner .box05 .num:after {
        display: none;
    }
    .indexsec05 .inner .box02 .num:before,
    .indexsec05 .inner .box04 .num:before,
    .indexsec05 .inner .box06 .num:before {
        display: none;
    }
    .indexsec05 .inner .box02 .num:after,
    .indexsec05 .inner .box04 .num:after,
    .indexsec05 .inner .box06 .num:after {
        display: none;
    }
    .indexsec05 .inner h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .indexsec05 .inner .txt {
        margin: 0 0 0 15px;
    }
    .indexsec05 .inner .box {
        align-items: center;
        position: static;
        margin-top: 20px;
    }
    .indexsec05 .inner .box01:hover,
    .indexsec05 .inner .box03:hover,
    .indexsec05 .inner .box05:hover {
        transform: translateY(0);
    }
    .indexsec05 .inner .box02:hover,
    .indexsec05 .inner .box04:hover,
    .indexsec05 .inner .box06:hover {
        transform: translateY(0);
    }
    #footer:before {
        top: -56px;
        width: 3792px;
        height: 56px;
        background-size: 1896px 56px;
    }
    #footer .copyright {
        padding: 15px 5px 70px;
    }
    #footer .copyright span {
        margin: 5px 0 0;
        display: block;
    }
    #footer .qyrz {
        display: none;
    }
    #footer .width {
        max-width: inherit;
        padding: 20px 15px;
        display: block;
    }
    #footer .code {
        display: none;
    }
    #footer .address {
        margin-top: 20px;
        font-size: 16px;
    }
    #footer .fnavi {
        display: none;
    }
    #footer .flogo {
        width: 110px;
        margin: 0 auto;
    }
    #footer .fbox {
        max-width: inherit;
    }
    #footer .fbox li {
        margin: 10px 0 0;
        font-size: 16px;
    }
    #footer .fbox li span {
        font-size: 16px;
    }
    #footer .fbox .style {
        padding-left: 96px;
    }
    #footer .fbox .style a {
        margin-right: 12px;
        margin-bottom: 5px;
        min-width: inherit;
    }
    #footer .fbox .style .mr0 {
        margin-right: 12px;
    }
    #footer .fbox .style span {
        top: -1px;
    }
    .aboutPage {
        padding: 70px 0 60px;
    }
    .aboutPage .indexsec01 .imgbox h2 {
        font-size: 24px;
        margin-bottom: 10px;
        text-align: center;
    }
    .aboutPage .indexsec01 .imgbox .txtbox {
        font-size: 16px;
        line-height: 1.6;
    }
    .aboutPage .indexsec01 .imgbox .rbox {
        width: auto;
    }
    .aboutPage .indexsec01 .imgbox .lbox {
        width: auto;
    }
    .aboutPage .sec01 {
        padding: 40px 0 0;
        background: url("../images/img18.png") no-repeat center bottom;
        background-size: cover;
    }
    .aboutPage .sec01 .inner {
        width: 90%;
        border-radius: 25px 0 0 0;
        padding: 40px 20px;
    }
    .aboutPage .sec01 h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .aboutPage .sec01 h2 span {
        font-size: 22px;
        margin-bottom: -15px;
    }
    .aboutPage .sec01 li {
        margin-top: 5px;
    }
    .aboutPage .sec01 li span {
        font-size: 16px;
    }
    .aboutPage .sec02 {
        padding: 40px 0;
    }
    .aboutPage .sec02 h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .aboutPage .sec02 .swiper-slide {
        width: 200px;
    }
    .aboutPage .sec02 .swiper-slide .photo {
        height: 260px;
    }
    .aboutPage .sec02 .swiper-slide p {
        margin-top: 10px;
        font-size: 16px;
    }
    .contactPage {
        padding: 70px 0 0;
    }
    .contactPage .sec01 {
        padding: 40px 0 90px;
        background: url("../images/img21.png") no-repeat right 5% top 50px;
        background-size: 200px auto;
    }
    .contactPage .sec01 .comWidth {
        display: block;
    }
    .contactPage .sec01 #mapArea {
        width: auto;
        height: 300px;
    }
    .contactPage .sec01 .lbox {
        width: auto;
        margin-bottom: 20px;
    }
    .contactPage .sec01 .lbox h2 {
        font-size: 24px;
        margin-bottom: 15px;
        text-align: center;
    }
    .contactPage .sec01 .lbox .address {
        font-size: 18px;
        padding-left: 23px;
        background-size: 18px auto;
    }
    .contactPage .sec01 .lbox ul {
        display: block;
    }
    .contactPage .sec01 .lbox li {
        padding: 20px 0 10px;
        width: auto;
    }
    .contactPage .sec01 .lbox li .ttl {
        font-size: 16px;
    }
    .contactPage .sec01 .lbox li a,
    .contactPage .sec01 .lbox li span {
        margin-top: 5px;
    }
    .contactPage .sec01 .lbox li:first-child a {
        margin-right: 16px;
    }
    .casePage {
        padding: 70px 0 50px;
    }
    .casePage .sec {
        padding: 40px 0;
        background: url("../images/img24.png") no-repeat right 5% top 50px;
        background-size: 200px auto;
    }
    .headline02 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .pagePath {
        font-size: 14px;
        padding-bottom: 5px;
        margin-bottom: 20px;
    }
    .pagePath:before {
        width: 100px;
        height: 1px;
        margin-left: -50px;
    }
    .casePage .sec ul {
        justify-content: space-between;
    }
    .casePage .sec ul li {
        width: 48%;
        margin: 20px 0 15px;
    }
    .casePage .sec ul a {
        padding: 16px;
        box-shadow: 0px 2px 15px 0px rgba(2, 130, 184, 0.23);
    }
    .casePage .sec ul a:before {
        left: 8px;
        top: 8px;
        right: 8px;
        bottom: 8px;
    }
    .casePage .sec ul .photo {
        margin: -30px 0 0;
    }
    .casePage .sec ul p {
        margin-top: 10px;
        font-size: 15px;
    }
    .newsPage {
        padding: 69px 0 90px;
    }
    .newsPage .topbox {
        padding: 40px 15px 30px;
    }
    .comCate li {
        margin: 0 5px 10px;
        min-width: 90px;
    }
    .comCate a {
        padding: 8px;
    }
    .newsPage .listul {
        margin-top: 20px;
    }
    .newsPage .listul .width {
        max-width: inherit;
        display: block;
        padding: 20px 0;
    }
    .newsPage .listul .time {
        left: 0;
        top: 10px;
        transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        font-size: 14px;
    }
    .newsPage .listul .time span {
        font-size: 34px;
    }
    .newsPage .listul .photo {
        width: auto;
        margin: 0 0 10px 70px;
    }
    .newsPage .listul .txtbox {
        width: auto;
    }
    .newsPage .listul .txtbox h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .newsPage .listul .txtbox .link {
        margin-top: 10px;
        text-align: center;
    }
    .newsPage .listul .txtbox .link span {
        width: 130px;
        padding: 8px 0;
    }
    .newsdetailPage {
        padding: 100px 0 90px;
    }
    .newsdetailPage .sec .h2ttl {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .newsdetailPage .sec .time {
        font-size: 14px;
        padding-bottom: 5px;
        margin-bottom: 20px;
    }
    .newsdetailPage .sec .time:before {
        height: 1px;
    }
    .newsdetailPage .sec .info {
        font-size: 16px;
        line-height: 1.6;
    }
    .comPageList {
        margin-top: 20px;
    }
    .comPageList li {
        font-size: 14px;
    }
    .comSlider {
        margin-top: 20px;
    }
    .comSlider h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .comSlider .swiper-button-next,
    .comSlider .swiper-button-prev {
        width: 38px;
        height: 38px;
        margin-top: -19px;
    }
    .comSlider .pddbox {
        padding: 0 48px;
    }
    .comSlider .swiper-slide p {
        font-size: 16px;
        padding: 15px 35px 15px 0;
        background-size: 26px auto;
    }
    .productPage {
        padding: 69px 0 90px;
    }
    .productPage .topbox {
        padding: 40px 15px 30px;
    }
    .productPage .item {
        margin-top: 25px;
        padding: 15px;
        border-radius: 10px;
        box-shadow: 0 10px 10px rgba(204, 204, 204, 0.6);
        display: block;
    }
    .productPage .item .photoList {
        width: auto;
        justify-content: space-between;
    }
    .productPage .item .photoList li {
        width: 48.5%;
        margin: 10px 0 0;
    }
    .productPage .item .txtbox {
        width: auto;
    }
    .productPage .item .txtbox h3 {
        font-size: 24px;
        margin-bottom: 10px;
        text-align: center;
    }
    .productPage .item .txtbox li a {
        padding-left: 20px;
        background-size: 14px auto;
        font-size: 18px;
    }
    .productPage .item .txtbox .link {
        max-width: 200px;
        margin: 15px auto 15px;
    }
    .productPage .item .txtbox .link a {
        padding: 10px 10px;
    }
    .product2ndPage {
        padding: 100px 0 90px;
        background: url("../images/img33.png") no-repeat right -100px top 120px,url("../img/img34.png") no-repeat left 15px top 180px;
        background-size: 270px auto,50px auto;
        background-color: #F5F8FA;
    }
    .product2ndPage .listul {
        justify-content: space-between;
    }
    .product2ndPage .listul li {
        width: 48.5%;
        margin: 15px 0 0;
    }
    .product2ndPage .listul p {
        font-size: 16px;
        margin-top: 5px;
    }
    .productdetailPage {
        padding: 90px 0 100px;
    }
    .productdetailPage .sec01 {
        padding: 20px 0;
        margin-bottom: 20px;
        display: block;
    }
    .productdetailPage .sec01 .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
    .productdetailPage .sec01 .swiper-container {
        padding-bottom: 38px;
    }
    .productdetailPage .sec01 .photo {
        width: auto;
        margin-bottom: 10px;
    }
    .productdetailPage .sec01 .txtbox {
        width: auto;
    }
    .productdetailPage .sec01 .txtbox h2 {
        font-size: 24px;
        margin-bottom: 10px;
        text-align: center;
    }
    .productdetailPage .sec01 .txtbox .txt {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 30px;
    }
    .productdetailPage .sec01 .txtbox .link a {
        font-size: 16px;
        width: 120px;
        padding: 10px 0;
    }
    .productdetailPage .sec01 .txtbox .tel {
        background-size: 30px auto;
        padding-left: 35px;
    }
    .productdetailPage .sec01 .txtbox .tel a {
        font-size: 24px;
    }
    .productdetailPage .sec02 h2 {
        margin-bottom: 10px;
        font-size: 20px;
    }
    .productdetailPage .sec02 .info {
        font-size: 16px;
        line-height: 1.6;
    }
    .productdetailPage .rightqiu {
        top: 50%;
        width: 100px;
    }
    .productdetailPage .leftqiu {
        top: 50%;
    }

}
/* 工具栏 */
#toolbar{position: fixed;bottom: 0;width: 100%;z-index: 888;left: 0;display: none;}
#toolbar .list{display: flex;background: rgba(255, 141, 26, 1);}
#toolbar .list li{width: 25%; text-align: center;}
#toolbar .list a{display: block;padding: 5px;}
#toolbar .list a span{text-align: center; color: #fff; display: block; font-size: 14px;}
#toolbar .list a img {display: block;margin: 5px auto;}
#toolbar .list li:hover{background: #0185d0;}
/*微信弹窗*/
#wxnr{width:100%;height: 100%;position:fixed;top: 0;z-index:1000;display:none;background: rgba(0,0,0,.6);}
#wxnr .nrdf{position: absolute;top: 50%;left: 0;right: 0;width: 300px;height: 300px;padding: 20px 10px;text-align:center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius:10px;box-sizing: border-box;margin: -150px auto 0;}
#wxnr img{width: 135px;height: 135px;display: block;margin: 0 auto;}
#wxnr p{font-size: 14px;text-align:center;line-height: 30px;}
#wxnr i{position: absolute;top: 5px;right:5px;width: 20px;height: 20px;font-size: 14px;text-align:center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 100%;cursor: pointer;}
#wxnr span{display:inline-block;padding: 0 5px;background-color: rgba(255, 141, 26, 1);color:#fff;border-radius: 5px;cursor:pointer;}
/*复制提示*/
#weixin{position: fixed;top: 50%;margin-top: -26px;z-index: 9999999;font-size: 16px;color: #fff;width: 90%;right: 5%;text-align: center;background: rgba(0, 0, 0, 0.8);border: 2px solid #333;border-radius: 5px;display: none;line-height: 50px;}
@media all and (max-width: 991px) {
    #toolbar{display: block;}
}

/*new right*/
.cndns-right{position:fixed;right:1px;top:40%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#ff6800;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-sev .cndns-right-btn{border-color:#ff6800;background:url(../images/kefu.gif) no-repeat #ff6800 center;}
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff}
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ff6800;padding:10px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t{overflow: hidden;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:8px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#ff6800;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.meau-sev .cndns-right-box .box-border{width:230px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#ff6800;font-size:16px;line-height:16px;margin-top: 16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#ff6800}
@media all and (max-width: 991px) {
    .cndns-right{display: none;}
}