body { font-size: 14px; line-height: 24px; }
.container { position: relative; width: 1200px; margin: 0 auto; }
img { vertical-align: top; }

/* Loading Overlay */
.loading-overlay-showing { overflow: hidden; }

.loading-overlay-showing > .loading-overlay { opacity: 1; visibility: visible; }

.loading-overlay { transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out; bottom: 0; left: 0; position: absolute; opacity: 0; right: 0; top: 0; visibility: hidden; background: #FFF; }

body > .loading-overlay { position: fixed; z-index: 999999; }

/* Bounce Loading */
.bounce-loader { transition: all 0.2s; margin: -9px 0 0 -35px; text-align: center; width: 70px; left: 50%; position: absolute; top: 50%; z-index: 10000; }

.bounce-loader .bounce1,
.bounce-loader .bounce2,
.bounce-loader .bounce3 { -webkit-animation: 1.4s ease-in-out 0s normal both infinite bouncedelay; animation: 1.4s ease-in-out 0s normal both infinite bouncedelay; background-color: #ff9100; border-radius: 100%; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); display: inline-block; height: 18px; width: 18px; }

.bounce-loader .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }

.bounce-loader .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }

@-webkit-keyframes bouncedelay { 
    0%, 80%, 100% {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}

html.safari.iphone .bounce-loader .bounce1,
html.safari.iphone .bounce-loader .bounce2,
html.safari.iphone .bounce-loader .bounce3 { -webkit-animation: 1.4s ease-in-out infinite bouncedelay; animation: 1.4s ease-in-out infinite bouncedelay; }

/* header */
#header { width: 100%; height: 110px; background-color: #fff; }
.logo { position: absolute; z-index: 1; top: 30px; left: 0; }
.logo img { width: 289px; height: 47px; }
.slogan { position: absolute; z-index: 1; top: 37px; left: 306px; padding-left: 18px; }
.slogan:after { content: ''; position: absolute; z-index: 1; top: -10px; left: 0; display: block; width: 1px; height: 56px; background-color: #ddd; }
.hotline { position: absolute; z-index: 1; top: 40px; right: 0; padding-left: 30px; background: url('/index/images/icon_tel.png') no-repeat 0px 0px; font-size: 16px; color: #666; line-height: 30px; }
.hotline span { font-size: 20px; color: #cd0116; font-weight: 600; }

/* nav */
#nav { width: 100%; height: 68px; border-top: 1px solid #e1e1e1; }
#nav ul > li { position: relative; z-index: 99; float: left; line-height: 68px; margin: 0 45px; }
#nav ul > li:after { content: ''; position : absolute; z-index: 1; left: 0; bottom: 0; display: block; width: 0px; height: 3px; background-color: #fdac00; transition: all ease-in-out .2s; }
#nav ul > li.active:after,
#nav ul > li:hover:after { width: 100%; }
#nav ul > li > a { color: #333; display: block; font-size: 16px; }
#nav ul > li > ul { position: absolute; top: 85px; left: -35px; padding: 10px 0; visibility: hidden; opacity: 0; transition: all ease-in-out .2s; background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.1); border-top: 3px solid #fdac00; }
#nav ul > li:hover > ul { visibility: visible; top: 65px; opacity: 1; }
#nav ul > li > ul > li { float: none; margin: 0; }
#nav ul > li > ul > li > a { display: block; font-size: 14px; color: #333; padding: 0 40px; line-height: 36px; white-space: nowrap; }
#nav ul > li ul li.active:after,
#nav ul > li ul li:hover:after { width: 0; }
#nav ul > li ul li.active > a,
#nav ul > li ul li:hover > a { background-color: #fdac00; color: #fff; }
#nav ul > li > ul > li ul { display: none; }
 
/* banner */
#banner { height: 540px; background-color: #aab6f9; overflow: hidden; }
.banner-item { height: 540px; background-position: center; background-size: cover; }

/* common */
.i-title { margin: 0 auto 40px; text-align: center; }
.i-title p.title { font-size: 28px; color: #333; line-height: 28px; font-weight: 700; margin-bottom: 20px; }
.i-title p.subtitle { font-size: 18px; color: #666; margin-bottom: 16px; }
.i-title p.mask { position: relative; height: 8px; }
.i-title p.mask:before { content: ''; position: absolute; z-index: 1; top: 0; left: 50%; margin-left: -14px; display: block; width: 12px; height: 100%; background-color: #000; }
.i-title p.mask:after { content: ''; position: absolute; z-index: 1; top: 0; right: 50%; margin-right: -14px; display: block; width: 12px; height: 100%; background-color: #ff9100; }

.i-submenu { margin: 0 150px 60px; text-align: center; }
.i-submenu a { display: inline-block; font-size: 14px; color: #333; padding: 6px 25px; border: 1px solid #dcdcdc; border-radius: 40px; margin: 0 8px 15px; transition: all .3s linear; }
.i-submenu a:hover { color: #fdac00; border-color: #fdac00; }

a.more { display: block; width: 198px; height: 48px; line-height: 48px; font-size: 16px; color: #333; text-align: center; border: 1px solid #e5e5e5; margin: 60px auto 0; transition: all .3s linear; }
a.more:hover { color: #fdac00; border-color: #fdac00; }

/* 图文效果 */
.media-item { display: block; width: calc(100% - 2px); border: 1px solid #dcdcdc; transition: all .4s linear; }
.media-thumb { overflow: hidden; }
.media-thumb img { display: block; max-width: 100%; position:relative; transition: all .4s linear; }
.media-txt { padding: 0 20px; font-size: 18px; color: #000; text-align: center; line-height: 36px; margin-bottom: 15px; }
.media-more { width: 64px; height: 28px; color: #ff9100; line-height: 28px; text-align: center; border: 1px solid #ff9100; border-radius: 30px;; margin: 0 auto 40px; }
.media-more i.layui-icon { font-size: 12px; }
.media-item:hover { border-color: #ff9100; }
.media-item:hover img { transform:scale(1.2); }

/* 首页图片滚动 */
.slide-item { display: block; width: 285px; margin: 0 10px; }
.slide-thumb { width: 285px; height: 214px; overflow: hidden; }
.slide-thumb img { display: block; max-width: 100%; position:relative; transition: all .4s linear; }
.slide-txt { padding: 0 20px; font-size: 16px; color: #333; text-align: center; line-height: 48px; }
.slide-item:hover img { transform:scale(1.2); }
.slide-item:hover .slide-txt { color: #ff9100; }
a.prev, a.next { position: absolute; z-index: 1; top: 72px; display: block; width: 70px; height: 70px; text-align: center; border-radius: 70px; background-color: #ff9100; }
a.prev { left: -100px; }
a.next { right: -100px; }
a.prev i.layui-icon, a.next i.layui-icon { font-size: 30px; color: #fff; line-height: 70px; }

/* home-advantage */
#home-advantage { width: 100%; padding: 40px 0; background-color: #aa6711; }
.home-advantage-item { display: flex; padding-right: 15px; }
.home-advantage-item04 { padding: 0; }
.home-advantage-item-thumb { width: 67px; margin-right: 15px; }
.home-advantage-item-info { flex: 1; }
.home-advantage-item-info p.tit { font-size: 18px; color: #fff; margin-bottom: 3px; }
.home-advantage-item-info p.desc { font-size: 13px; color: #fff; line-height: 20px; }

/* home-product */
#home-product { padding: 55px 0 65px; }
.home-product-content { width: 1200px; overflow: hidden; margin-top: -25px; }
.home-product-list { width: 1230px; }
.home-product-item { display: block; width: 378px; border: 1px solid #dcdcdc; margin-right: 30px; transition: all .4s linear; }
.home-product-thumb { overflow: hidden; }
.home-product-thumb img { display: block; max-width: 100%; position:relative; transition: all .4s linear; }
.home-product-txt { padding: 0 20px; font-size: 18px; color: #000; text-align: center; line-height: 36px; margin-bottom: 15px; }
.home-product-more { width: 64px; height: 28px; color: #ff9100; line-height: 28px; text-align: center; border: 1px solid #ff9100; border-radius: 30px;; margin: 0 auto 40px; }
.home-product-more i.layui-icon { font-size: 12px; }
.home-product-item:hover { border-color: #ff9100; }
.home-product-item:hover img { transform:scale(1.2); }

/* home-application */
#home-application { padding: 55px 0; background-color: #f5f5f5; }
.home-application-content { position: relative; margin: 0 -10px; }

/* home-about */
#home-about { padding: 100px 0; }
.home-about-content { float: left; width: 540px; }
.home-about-content p.title { font-size: 38px; color: #333; line-height: 38px; margin: 35px 0 48px; }
.home-about-content p.desc { position: relative; padding-left: 20px; height: 140px; color: #878787; line-height: 28px; overflow: hidden; }
.home-about-content p.desc:after { content: ''; position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 2px; height: 100%; background-color: #ff9100; }
.home-about-content a.more { width: 160px; height: 40px; border: none; border-radius: 2px; background-color: #ff9100; font-family: Arial; font-size: 16px; color: #fff; line-height: 40px; margin: 60px 0 0; }
.home-about-thumb { float: right; width: 590px; }
.home-about-thumb img { max-width: 100%; }

/* home-equipment */
#home-equipment { padding: 60px 0 100px; background-color: #f5f5f5; }
.home-equipment-content { position: relative; margin: 0 -15px; }
.home-equipment-content .slide-item { width: 380px; margin: 0 15px; }
.home-equipment-content .slide-thumb { width: 380px; height: 285px; }
.home-equipment-content a.prev,
.home-equipment-content a.next { top: 110px; }

/* home-news */
#home-news { padding: 60px 0 70px; }
.home-news-item { display: block; }
.home-news-item .date { font-size: 18px; color: #999; padding-left: 20px; margin-bottom: 20px; }
.home-news-item-info { position: relative; padding-left: 20px; padding-bottom: 5px; }
.home-news-item-info:after { content: ''; position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 1px; height: 100%; background-color: #e5e5e5; }
.home-news-item-info p.title { font-size: 16px; color: #333; font-weight: 700; }
.home-news-item-info p.desc { height: 48px; color: #777; overflow: hidden; margin: 25px 0 15px; }
.home-news-item-info p.more { width: 64px; height: 28px; border: 1px solid #757575; border-radius: 30px; color: #777; text-align: center; line-height: 28px; }
.home-news-item-info p.more i.layui-icon { font-size: 12px; }

/* -----------------------page ------ */
.banner-page { height: 360px; background-color: #fefefe; background-repeat: no-repeat; background-position: center; }
.page-breadcrumb { padding: 20px 0 15px; background-color: #f7f7f7; }
.page-breadcrumb .layui-breadcrumb a:hover { color: #ff9100!important; cursor: pointer; }

.page { padding: 50px 0 100px }
.side-menu { position: absolute; z-index: 1; right: 0; top: 0; }
.side-menu ul li { display: inline-block; }
.side-menu ul li a { padding: 0 20px; }
.side-menu ul li.active>a { color: #ff9100; font-weight: 600; }
.side-menu ul li ul { display: none; }

.page-sidemenu .side-menu { position: static; background-color: #fff; padding: 20px 20px 30px; border-radius: 2px; border: 1px solid #eee; }
.page-sidemenu .side-menu > ul > li { display: block; border-bottom: 1px dotted #ddd; padding: 15px 0; }
.page-sidemenu .side-menu > ul > li > a { display: block; }
.page-sidemenu .side-menu > ul > li.active > a { color: #ff9100; font-weight: 600; }
.page-sidemenu .side-menu > ul > li ul { display: none; padding: 5px 0 0 20px; }
.page-sidemenu .side-menu > ul > li.active > ul { display: block; }
.page-sidemenu .side-menu > ul > li ul li { padding: 5px 0; }
.page-sidemenu .side-menu > ul > li ul li.active > a { color: #ff9100; font-weight: 600; }
.page-sidemenu .side-menu > ul > li.active > ul > li.active > ul { display: block; }

.page-tit { position: relative; font-size: 20px; font-weight: 700; margin-bottom: 40px; }
.page-tit::after { position: absolute; content: ""; width: 40px; height: 3px; background-color: #ff9100; left: 0; bottom: -15px; }
.page-content { line-height: 30px; }
.page-content img { max-width: 100%; }

/* newslist */
.news-list { width: 100%; }
.news-item { position: relative; padding: 20px 0; display: flex; border-bottom: 1px solid #eee; }
.news-item .news-info { flex: 1; padding-left: 27px; transform: translateX(-27px); transition: all .36s ease-in-out; }
.news-item .news-info p.title { font-size: 16px; }
.news-item .news-info p.date { font-size: 14px; color: #999; font-family: Arial; line-height: 30px; }
.news-item .news-info p.description { height: 60px; overflow: hidden; margin-top: 10px; font-size: 13px; color: #999; }
.news-item .news-thumb { width: 150px; margin-left: 30px; margin-top: 10px; overflow: hidden; }
.news-item .news-thumb img { width: 100%; height: auto; transition: all .36s ease-in-out; }
.news-item:hover .news-info { transform: translateX(-17px) }
.news-item:hover .news-info p.title { color: #ff9100; }
.news-item:hover .news-thumb img { transform: scale(1.2); }

/* zoom item */
.zoom-thumb { overflow: hidden; }
.zoom-thumb img { display: block; max-width: 100%; transition: all .4s linear; }
.zoom-txt { padding: 0 20px; font-size: 18px; color: #000; text-align: center; line-height: 36px; transition: all .4s linear; }
.zoom-item:hover img { transform:scale(1.2); }
.zoom-item:hover .zoom-txt { color: #ff9100; }

/* show product */
.show-pro { padding: 30px 0; background-color: #fff; }
.show-pro .preview { float: left; width: 18%; margin-right: 10px; }
.show-pro .preview .swiper-container { width: 100%; }
.show-pro .preview .swiper-slide { position: relative; width: 100%; cursor: pointer; margin-bottom: 10px; }
.show-pro .preview .swiper-slide:after { content: ''; position: absolute; z-index: 1; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .7); }
.show-pro .preview .swiper-slide:hover:after,
.show-pro .preview .swiper-slide.active-nav:after { opacity: 0; filter:alpha(opacity=0); }
.show-pro .preview .swiper-slide img { width: calc(100% - 2px); height: auto; border: 1px solid #ddd; }
.show-pro .view { float: left; width: calc(82% - 10px); }
.show-pro .view .swiper-container { width: 100%; }
.show-pro .view .swiper-slide { width: 100%; }
.show-pro .view .swiper-slide img { width: 100%; height: auto; }
.show-pro-title { font-size: 24px; margin: 10px 0 30px; padding-bottom: 15px; border-bottom: 1px solid #eee; }
.show-pro-brief { color: #666; }
.show-pro-con { padding: 60px 0; background-color: #f5f5f5; }
.show-pro-reco { padding: 50px 0; background-color: #fff; }
.show-pro-reco-title { font-size: 20px; color: #333; margin-bottom: 30px; }
.reco-item { display: block;/* width: calc(100% - 2px); border: 1px solid #eee;*/ padding-bottom: 15px; }
.reco-item img { max-width: 100%; }
.reco-item p.title { color: #333; text-align: center; line-height: 28px; padding: 0 20px; transition: all ease-in-out .3s; }
.reco-item:hover p.title { color: #ff9100; }

/* show */
.show-title { font-size: 24px; font-weight: 600; margin: 15px 0; text-align: center; }
.show-para { color: #ccc; margin-bottom: 10px; text-align: center; }
.show-content { padding: 15px 0; line-height: 30px; }
.show-content img { max-width: 100%; }

/* pagination */
.pagination { clear: both; margin-top: 30px; }
.report-list+.pagination { margin-top: 0; }
.pagination li { display: inline-block; margin: 0 5px; }
.pagination li a,
.pagination li span { display: inline-block;  line-height: 30px; padding: 2px 15px; background-color: #f7f7f7; border-radius: 3px; }
.pagination li a:hover { color: #ff9100; }
.pagination li.active span { background-color: #ff9100; color: #fff; }

.footer { background-color: #424242; color: #fff; padding: 60px 0 70px; }
.foot-contacts { float: left; padding-right: 60px; line-height: 30px; }
.foot-title { font-size: 16px; color: #999; font-weight: 700; margin-bottom: 20px; }
.foot-submenu { float: left; width: 120px; margin: 0 90px 0 60px; }
.foot-submenu .submenu li a { color: #fff; line-height: 30px; }
.foot-hotline { float: left; }
.foot-hotline .foot-title { margin-bottom: 10px; }
.foot-hotline-info p { font-family: Arial; font-size: 36px; line-height: 40px; }
.foot-hotline-info a { display: block; width: 168px; height: 34px; border: 1px solid #ff9100; border-radius: 36px; color: #ff9100; text-align: center; line-height: 34px; margin-top: 20px; }
.foot-qrcode { float: right; }
.foot-qrcode img { width: 109px; width: 109px; }
.foot-qrcode p { text-align: center; margin-top: 5px; }
.copyright { background-color: #2a2b2d; color: #fff; padding: 10px 0; text-align: center; }

.table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table-responsive .layui-table th,
.table-responsive .layui-table td { white-space: nowrap; }