@charset "utf-8";
@font-face {
    font-family:"BlueSkyStandard";font-weight:normal;src:url(../font/bluesky/BlueSkyStandard-Regular.ttf) format("truetype"),url(../font/bluesky/BlueSkyStandard-Regular.eot) format("eot"),url(../font/bluesky/BlueSkyStandard-Regular.woff2) format("woff2"),url(../font/bluesky/BlueSkyStandard-Regular.woff) format("woff");
}
@font-face {
    font-family:"BlueSkyStandard";font-style:italic;font-weight:normal;src:url(../font/bluesky/BlueSkyStandard-RegularItalic.ttf) format("truetype"),url(../font/bluesky/BlueSkyStandard-RegularItalic.eot) format("eot"),url(../font/bluesky/BlueSkyStandard-RegularItalic.woff2) format("woff2"),url(../font/bluesky/BlueSkyStandard-RegularItalic.woff) format("woff");
}
@font-face {
    font-family:"BlueSkyStandard";font-weight:300;src:url(../font/bluesky/BlueSkyStandard-Light.ttf) format("truetype"),url(../font/bluesky/BlueSkyStandard-Light.eot) format("eot"),url(../font/bluesky/BlueSkyStandard-Light.woff2) format("woff2"),url(../font/bluesky/BlueSkyStandard-Light.woff) format("woff");
}
@font-face {
    font-family:"BlueSkyStandard";font-weight:700;src:url(../font/bluesky/BlueSkyStandard-Bold.ttf) format("truetype"),url(../font/bluesky/BlueSkyStandard-Bold.eot) format("eot"),url(../font/bluesky/BlueSkyStandard-Bold.woff2) format("woff2"),url(../font/bluesky/BlueSkyStandard-Bold.woff) format("woff");
}

.float{ width:100%; height:100%; position:fixed; background-color:rgba(0,0,0,0.8); z-index:1000; display:none; }
.float > .f-search{ width:10rem; height:2.6rem; background-color:#FFF; position:absolute; left:50%; top:50%; margin-top:-1.3rem; margin-left:-8.6rem; padding-right:4.8rem; padding-left:2.6rem; border:1px solid #d3d3d3; display:none;  }
.float > .f-search > p:nth-of-type(1){ width:2.6rem; height:2.6rem; border-right:1px solid #d3d3d3; box-sizing:border-box; line-height:2.6rem; text-align:center; position:absolute; left:0; top:0; }
.float > .f-search > p:nth-of-type(1) > i{ font-size:1.4rem;}
.float > .f-search > p:nth-of-type(2){ width:100%; height:100%;  position:relative;}
.float > .f-search > p:nth-of-type(2) > input{ width:100%; height:2.6rem; line-height:2.6rem; border:0; box-sizing:border-box; padding-left:1rem; padding-right:1rem;}
.float > .f-search > p:nth-of-type(3){ width:4.8rem; height:2.6rem; background-color:#F00; position:absolute; right:0; top:0; }
.float > .f-search > p:nth-of-type(3) > input{ width:100%; height:100%; border:0; font-size:1rem; background-color:#999; color:#FFF;}
.float > .f-navlist{ width:100%; position:absolute; left:0; top:0; z-index:1002; display:none;}
.float > .f-navlist > h3{ width:100%; height:4rem; line-height:4rem; font-size:16px; box-sizing:border-box; padding-left:1rem; padding-right:1rem; border-bottom:1px solid #FFF; color:#FFF;} 
.float > .f-navlist > h3 > span{ float:right;}
.float > .f-navlist > h3 > span > i{ font-size:14px;}
.float > .f-navlist > ul{ width:100%; box-sizing:border-box; box-sizing:border-box; padding-left:1rem; padding-right:1rem;}
.float > .f-navlist > ul > li{ width:100%; box-sizing:border-box; height:3rem; line-height:3rem; font-size:1.2rem; overflow:hidden; text-align:center;}
.float > .f-navlist > ul > li + li{ border-top:1px solid rgba(255,255,255,0.6);}
.float > .f-navlist > ul > li > a,.float > .f-navlist > ul > li > a:hover{ color:#FFF !important; }
.float > .f-navlist > ul > li > a:hover{ font-weight:bold;}
.header{width:100%;border-bottom: 1px solid rgba(255,255,255,.2);background-color: #3D3D3D;}
.header > .hd-site,.header > .hd-header{ height:auto;}
.header > .hd-site{border-bottom:1px solid #e9e9e9;}
.header > .hd-site > p{ height:42px; line-height:42px; text-align:right; font-size:14px; }
.header > .hd-site > p > span{ float:left; text-align:left;}
.header > .hd-site > p > i{ color:#ff9000;}
.header > .hd-header > .logo{ width:750px; height:auto; float:left; display:block;padding-top:20px }
.header > .hd-header > .logo > img{ width:100%;}
.header > .hd-header > .search{ width:190px; height:36px;font-size:15px; padding-right:36px; padding-left:10px;  position:relative; float:right; box-sizing:border-box; margin-top:42px; overflow:hidden; margin-left:10px;color:#ff6e00}
.header > .hd-header > .search > p:nth-of-type(1){ width:100%; height:34px; position:relative;}
.header > .hd-header > .search > p:nth-of-type(1) > input{  width:100%; height:34px; line-height:34px; border:0; position:absolute; left:0; top:0; border:0; color:#999; }
.header > .hd-header > .search > p:nth-of-type(2){ width:36px; height:36px; position:absolute; right:0; top:0;}
.header > .hd-header > .search > p:nth-of-type(2) > input{ width:36px; height:36px; text-align:center; line-height:36px; font-size:16px; font-family:"iconfont" !important; border:0; background-color:transparent; cursor:pointer;}
.header > .hd-header > .btn-search,.header > .hd-header > .btn-nav{ width:36px; height:30px; line-height:30px; text-align:center; float:right; margin-top:20px; cursor:pointer; display:none; position:relative; }
.header > .hd-header > .btn-search::after{ content:' '; width:1px; height:16px; background-color:#DDD; position:absolute; left:0; top:50%; margin-top:-8px;}
.header > .hd-header > .btn-search > i,.header > .hd-header > .btn-nav > i{ font-size:16px; }
.header > .hd-header > .nav{ float:right; height:100px; float:right;}
.header > .hd-header > .nav > ul > li{ width:auto; height:100px; float:left; position:relative; }
.header > .hd-header > .nav > ul > li > a{ width:auto; padding:0 10px; display:block; height:100px; line-height:100px; display:block; font-size:16px; transition:all linear 0.3s; -webkit-transition:all linear 0.3s;color:#fff}
.header > .hd-header > .nav > ul > li > p{ width:180%; height:0; background-color:#FFF; position:absolute; left:0; top:100px; z-index:100; transition:all linear 0.3s; -webkit-transition:all linear 0.3s; overflow:hidden;}
.header > .hd-header > .nav > ul > li > p > a{ width:100%; height:40px; line-height:40px; display:block; text-align:center; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.header > .hd-header > .nav > ul > li > p > a + a{ border-top:1px solid #d6e9fb;}
.header > .hd-header > .nav > ul > li:hover > a{ background-color:#92d758; color:#FFF !important;}
.header > .hd-header > .nav > ul > li:hover > p{ height:auto;}

.flash,.banner{ width:100%; margin:0 auto;}
.banner img{width:100%;height:100%;}
.swiper1{ width:100%; }
.swiper1 .swiper-pagination {width: 100%; bottom:10px;}
.swiper1 .swiper-pagination-bullet{opacity:1; background:rgba(127,126,125,0.6); margin:0 3px!important;width:12px; height:12px; border-radius:50%;}
.swiper1 .swiper-pagination-bullet-active{background:rgba(119,182,241,1);}
.swiper1 .swiper-container{width: 100%;}
.swiper1 .swiper-slide{ position:relative;}
.swiper1 .swiper-slide img{ width:100%;}
.swiper1 .swiper-slide h3{ width:45%; height:100%; position:absolute; left:0; top:50%; overflow:hidden; color:#FFF; box-sizing:border-box; padding-left:12%; padding-right:2%; font-weight:normal; font-size:40px; height:144px; line-height:72px; margin-top:-72px;  }
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ background-image:url(none); display:none;}
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ width:60px; height:60px; line-height:60px; text-align:center; border-radius:50%; background-color:rgba(255,255,255,0); top:50%; margin-top:-30px; color:rgba(255,255,255,0.6)}
.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:36px;}
.swiper1 .swiper-button-next:hover,.swiper1 .swiper-button-prev:hover{  background-color:rgba(255,255,255,0); color:#FFF;}


.about,.prods,.news,.cases,.service{ padding-top:4.5%; padding-bottom:4.5%; }

.col-hd{ width:100%; position:relative;}
.col-hd::after{ content:' '; width:30px; height:2px; background-color:#92d758; position:absolute; left:50%; bottom:0; margin-left:-15px;}
.col-hd h3,.col-hd > p{ width:100%; font-weight:normal; height:50px; line-height:50px; font-size:30px; text-align:center; white-space:nowrap; text-overflow:ellipsis; text-transform:uppercase; color:#ffffff;}
.col-hd > p{ font-size:18px; color:#ea5106; height:60px; line-height:60px; }

.about{}
.about-img{ width:90%; position:relative;  margin:3% auto 0px auto}
.about-img > img{ width:100%;}
.ai-cen{ width:100%; height:100%;  position:absolute; left:0; top:0; padding-top:3.5%; padding-right:48%; padding-bottom:1%; padding-left:2.5%; box-sizing:border-box;}
.ai-cen > .aic-img{ width:510px;  box-sizing:border-box; border:2px solid #FFF; border-radius:2px; overflow:hidden; position:absolute; right:0; top:50%; margin-top:-110px;}
.ai-cen > .aic-img img{ width:100%;}
.ai-cen > .aic-text{ width:100%; height:100%;  color:rgba(255,255,255,0.8); position:relative; }
.ai-cen > .aic-text > .aic-text-nr{ width:120%; height:250px; line-height:18px; overflow:hidden; font-size:12px;}
.ai-cen > .aic-text > .aic-text-nr > .title{ font-size:16px;}
.aic-text-a{ width:120px; height:30px; line-height:30px; text-align:center; color:#FFF; background-color:#92d758; display:block; position:absolute; left:0; bottom:0; font-size:14px; transition:all linear 0.3s; -webkit-transition:all linear 0.3s; cursor:pointer;}
.ai-cen > .aic-text:hover > .aic-text-a{ background-color:#FFF; color:#92d758 !important;}

.contain-prod {
    background-color: #000;
}
.prods{}
.prods > .col-hd::after{  background-color:#FFF;}
.prods > .col-hd > p{ color:#FFF; }

.prods > .prods-list{
    width:100%;
    margin-top:5%;
    }

.prods > .prods-list >ul{
    margin-top:5%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width:90%;
    margin-left: auto;
    margin-right: auto;
}
.prods > .prods-list > ul > li{  width:32%; }
.prods > .prods-list > ul > li:nth-of-type(6n){ margin-right:0;}
.prods > .prods-list > ul > li p,.prods > .prods-list > ul > li p img{ width:100%;}
.prods > .prods-list > ul > li p{ background-color:#FFF;; overflow:hidden; box-sizing:border-box; }
.prods > .prods-list > ul > li h3{ width:100%; font-size:16px; font-weight:normal; height:48px; line-height:48px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#FFF; transition:all linear 0.3s; -webkit-transition:all linear 0.3s;}
.prods-btn{ width:140px; height:30px; line-height:30px; display:block; background-color:#FFF; color:#333 !important; text-align:center; font-size:14px; margin:0 auto; margin-top:5%;transition:all linear 0.3s; -webkit-transition:all linear 0.3s;}
.prods > .prods-list > ul > li:hover p{ background-color:#92d758;}
.prods > .prods-list > ul > li:hover h3 { color:#92d758 !important;}
.prods-btn:hover{  background-color:#92d758; color:#FFF !important;}

.contain-news{
    /*
    background-color:#f0f0f0;
    */
background-image: url("../images/news.jpg");
}
.news{padding-top:2%; padding-bottom:2%;}
.news > .news-list{width:49%; height:auto; margin-top:0%; float:left;}
.news > .news-list > h2{ width:100%; font-size:16px; padding:20px 0; overflow:hidden; color:#333;text-align:center; }
.news > .news-list > h2 > span{ text-transform:uppercase;color:#fff}
.news > .news-list:nth-of-type(2){ float:right;}
.news > .news-list > ul > li{ width:100%; float:left; position:relative; cursor:pointer; margin-bottom:20px; transition:all linear 0.3s; -wetransition:all linear 0.3s;background-color: #fff}
.news > .news-list > ul > li.on,.news > .news-list > ul > li:hover{ background-color:#92d758;}
.news > .news-list > ul > li:nth-of-type(2n){ float:right; }
.news > .news-list > ul > li:nth-of-type(3),.news > .news-list > ul > li:nth-of-type(4){margin-top:4%; }
.news > .news-list > ul > li > img{ width:100%;}
.news > .news-list > ul > li > .nl-about{ width:100%; height:100%; position:absolute; left:0; top:0; ; box-sizing:border-box;}
.news > .news-list > ul > li > .nl-img{ width:272px; height:214px; position:absolute; right:0; top:50%; margin-top:-107px; display:block;}
.news > .news-list > ul > li > .nl-img img{width:100%;}
.news > .news-list > ul > li > .nl-cen{ width:100%; height:100%; padding-right:272px; padding-top:6%; padding-bottom:6%; box-sizing:border-box;  position:absolute; left:0; top:0; }
.news > .news-list > ul > li > .nl-cen > .nlc-about{ width:100%; box-sizing:border-box; padding-left:6%; padding-right:6%;}
.news > .news-list > ul > li > .nl-cen > .nlc-about > h3,.news > .news-list > ul > li > .nl-cen > .nlc-about > p,.news > .news-list > ul > li > .nl-cen > .nlc-about > h4{ width:100%; height:60px; line-height:20px; overflow:hidden; font-weight:normal; font-size:13px;}
.news > .news-list > ul > li > .nl-cen > .nlc-about > h3{ position:relative; height:30px; line-height:30px; white-space:nowrap; text-overflow:ellipsis; font-size:16px;}
.news > .news-list > ul > li > .nl-cen > .nlc-about > h3::after{ content:' '; width:30px; height:2px; background-color:#92d758; position:absolute; left:0; bottom:0px; z-index:12;}
.news > .news-list > ul > li > .nl-cen > .nlc-about > p{ margin-top:20px; margin-bottom:20px;}
.news > .news-list > ul > li > .nl-cen > .nlc-about > h4{ height:20px;}
.news > .news-list > ul > li > .nl-btn{ display:block; position:absolute; left:4%; bottom:-12px; width:120px; height:30px; line-height:30px; display:block; background-color:#92d758; text-align:center; font-size:14px; color:#FFF !important; transition:all linear 0.3s; -webkit-transition:all linear 0.3s; }
.news > .news-list > ul > li > a:hover{ color:#FFF !important;}
.news > .news-list > ul > li > .nl-btn > i{ font-size:14px;}
.news > .news-list > ul > li.on > .nl-cen > .nlc-about > p,.news > .news-list > ul > li:hover > .nl-cen > .nlc-about > p,.news > .news-list > ul > li.on > .nl-cen > .nlc-about > h4,.news > .news-list > ul > li:hover > .nl-cen > .nlc-about > h4,.news > .news-list > ul > li.on > .nl-cen > .nlc-about > h3 a,.news > .news-list > ul > li:hover > .nl-cen > .nlc-about > h3 a,.news > .news-list > ul > li.on > .nl-cen > .nlc-about > h3 a:hover,.news > .news-list > ul > li:hover > .nl-cen > .nlc-about > h3 a:hover{ color:#FFF !important;}
.news > .news-list > ul > li.on > .nl-btn,.news > .news-list > ul > li:hover > .nl-btn{ background-color:#231815;}

.cases{/*background-color:#EEE;*/}
.box{ width:100%; box-sizing:border-box; padding-left:0; padding-right:0; position:relative;}
.swiper2{ width:100%; padding-bottom:30px; padding-top:5%;}
.swiper2 .swiper-pagination {width: 100%; bottom:10px; }
.swiper2 .swiper-pagination-bullet{opacity:1; background:rgba(210,210,210,1); margin:0 3px!important; width:60px; height:2px; border-radius:0;/*width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        font-size: 14px;*/}
.swiper2 .swiper-pagination-bullet-active{background:rgba(146,215,88,1);}
.swiper2 .swiper-container{width: 100%;}
.swiper2 .swiper-slide{ position:relative;/* padding:20px;*/ box-sizing:border-box;}
.swiper2 .swiper-slide a img{ width:100%;}
.swiper2 .swiper-slide a h3{ width:100%; height:40px; line-height:40px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal; font-size:16px;}
.swiper2 .swiper-slide a:hover h3{ color:#92d758 !important; }
.box .swiper-button-next,.box .swiper-button-prev{ background-image:url(none); display:none;}
.box .swiper-button-next{ right:0;}
.box .swiper-button-prev{ left:0;}
.box .swiper-button-next,.box .swiper-button-prev{ width:30px; height:60px; line-height:60px; text-align:center; border-radius:5px; background-color:rgba(0,0,0,0.3); top:50%; margin-top:-30px; color:rgba(255,255,255,0.6)}
.box .swiper-button-next i,.box .swiper-button-prev i{ font-size:24px;}
.box .swiper-button-next:hover,.box .swiper-button-prev:hover{  background-color:rgba(0,0,0,0.1); color:#FFF;}

.box2{ width:100%; box-sizing:border-box; padding-left:0; padding-right:0; position:relative; display:none;}
.swiper3{ width:100%; padding-bottom:30px; padding-top:5%;}
.swiper3 .swiper-pagination {width: 100%; bottom:10px; }
.swiper3 .swiper-pagination-bullet{opacity:1; background:rgba(210,210,210,1); margin:0 3px!important; width:20px; height:2px; border-radius:0;/*width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        font-size: 14px;*/}
.swiper3 .swiper-pagination-bullet-active{background:rgba(146,215,88,1);}
.swiper3 .swiper-container{width: 100%;}
.swiper3 .swiper-slide{ position:relative;/* padding:20px;*/ box-sizing:border-box;}
.swiper3 .swiper-slide a img{ width:100%;}
.swiper3 .swiper-slide a h3{ width:100%; height:40px; line-height:40px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal; font-size:14px;}
.swiper3 .swiper-slide a:hover h3{ color:#92d758 !important; }
.box2 .swiper-button-next,.box2 .swiper-button-prev{ background-image:url(none); display:none;}
.box2 .swiper-button-next{ right:0;}
.box2 .swiper-button-prev{ left:0;}
.box2 .swiper-button-next,.box .swiper-button-prev{ width:30px; height:60px; line-height:60px; text-align:center; border-radius:5px; background-color:rgba(0,0,0,0.3); top:50%; margin-top:-30px; color:rgba(255,255,255,0.6)}
.box2 .swiper-button-next i,.box .swiper-button-prev i{ font-size:24px;}
.box2 .swiper-button-next:hover,.box .swiper-button-prev:hover{  background-color:rgba(0,0,0,0.1); color:#FFF;}


.service{ }
.service > .serv-list{margin-top:5%;}
.service > .serv-list > ul > li{ width:23.3%; float:left; margin-right:2.2%; cursor:pointer;}
.service > .serv-list > ul > li:nth-of-type(4n){ margin-right:0;}
.service > .serv-list > ul > li p,.service > .serv-list > ul > li p img{ width:100%;}
.service > .serv-list > ul > li > h3{ width:100%; box-sizing:border-box; padding-left:10px; padding-right:10px; margin-top:3%; font-weight:normal; font-size:18px; height:36px; line-height:36px; overflow:hidden; text-align:left; white-space:nowrap; text-overflow:ellipsis;}
.service > .serv-list > ul > li > h4{ width:100%; box-sizing:border-box; padding-left:10px; padding-right:10px; height:48px; line-height:24px; overflow:hidden; font-size:14px; font-weight:normal;}
.service > .serv-list > ul > li > h5{width:100%; box-sizing:border-box; padding-left:10px; padding-right:10px; margin-top:5%;}
.service > .serv-list > ul > li > h5 > a{ display:block; width:160px; height:30px; line-height:30px; background-color:#92d758; color:#FFF; display:block; font-size:14px; font-weight:normal; text-align:center; transition:all linear 0.3s; -webkit-transition:all linear 0.3s;}
.service > .serv-list > ul > li:hover > h5 > a{ background-color:#FFF; color:#92d758 !important;}


.link{}
.link > .link-hd{ font-size:16px; text-align:left; line-height:32px; height:32px; padding-top:2%; padding-bottom:2%; }
.link > .link-list{ height:auto; line-height:30px; font-size:13px;}
.footer{ background-color:#141414; margin-top:0px;}
.online{ width:1200px; box-sizing:border-box; padding-left:240px; padding-right:240px; padding-top:20px; padding-bottom:20px; margin:0 auto; position:relative; }
.online > .online-logo,.online > .online-ewm{ width:240px; height:100%; position:absolute; top:0; height:100%; box-sizing:border-box; padding-top:20px;}
.online > .online-logo{ left:0; }
.online > .online-logo > .ol-logo{ width:120px; height:100px; display:block; position:absolute; left:50%; top:50%; margin-left:-60px; margin-top:-50px;}
.online > .online-ewm{ right:0;}
.online > .online-ewm > .oe-hd{ width:140px; margin:0 auto; text-align:left; box-sizing:border-box; font-size:16px; height:32px; line-height:24px; overflow:hidden; color:rgba(255,255,255,0.6);}
.online > .online-ewm > p{width:140px; height:140px; overflow:hidden; margin:0 auto; margin-top:10px;}
.online > .online-ewm > p img{ width:100%;}
.online > .online-ewm > h3{ width:100%; height:40px; line-height:40px; font-weight:normal; font-size:12px; color:rgba(255,255,255,0.6);}
.online > .online-contact{width:100%; height:auto; color:rgba(255,255,255,0.6); box-sizing:border-box; border-left:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2); padding-right:5%; box-sizing:border-box;}
.online > .online-contact > .oc-hd{ width:100%; text-align:left; box-sizing:border-box; font-size:16px; height:32px; line-height:24px; overflow:hidden; color:rgba(255,255,255,0.6); padding-left:5%;}
.online > .online-contact > .oc-list{ width:50%; box-sizing:border-box; padding-left:5%; height:auto; float:left; line-height:28px; font-size:12px; text-align:left;}
.footer > .copyright{ height:auto; height:auto; line-height:24px; padding-top:10px; padding-bottom:10px; text-align:center; color:#d9d9d9; border-top:1px solid rgba(255,255,255,0.2);}


.bannersec{
    width: 100%;
    min-width: 320px;
    margin: 0 auto;
    height: auto;
    box-sizing: border-box;

}
.bannervideo{width:100%;}






.footer {
    overflow: hidden;
    background-color:
            #18191b;
    color:
            #676767;
    font-size: 13px;
    font-size: 1.3rem;
}

.footer-main .page-width {
    padding-top: 45px;
    padding-bottom: 35px;
}
.page-width {
    width: 1120px;
    margin: 0 auto;
}
.footer a {
    color:#676767 !important;
}
.module {
    margin-bottom: 25px;
}
.qhd-content .column, .qhd-module .column {
    width: 100%;
}
.qhd-content .column, .qhd-module .column {
    width: 100%;
}
.col-6-1 {
    width: 10%;
    margin-right: 1%;
}
.footer .module-title-default {
    margin-bottom: 15px;
}
.module-title-default {
    margin-bottom: 10px;
    overflow: hidden;
}
.qhd-content .column .last, .qhd-module .column .last {
    margin-right: 0;
    *float: right;
    *clear: right;
}
.qhd-content img {
    vertical-align: middle;
    max-width: 100%;
    _max-width: none;
    height: auto !important;
}
fieldset, img {
    border: 0;
}

.module-default {
    margin: 0;
    padding: 0;
}

.footer .module-title-default {
    margin-bottom: 15px;
}
.module-title-default {
    margin-bottom: 10px;
    overflow: hidden;
}
.module-title-default > .module-title-content {
    padding-top: 5px;
    padding-bottom: 5px;
}

.footer .module-title-default > .module-title-content h3 {
    color:#666;
}
.module-title-default > .module-title-content h3 {
    display: block;
    float: left;
    _display: inline;
    line-height: 20px;
    font-size: 16px;
}
.clearfix::after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.qhd-module .column .col-6-1{
    float: left;
    min-height: 1px;
    height: auto !important;
    _height: 1px;
}
.module {
    margin-bottom: 25px;
}
.module-default {
    margin: 0;
    padding: 0;
}
.footer .module-divider {
    margin-bottom: 25px;
    margin-top: 25px;
    background-color:
            #2a2a22;
}
.module-divider {
    height: 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    margin-top: 25px;
    clear: both;
}
.qhd-content .column, .qhd-module .column {
    width: 100%;
}
.qhd-content .column .col-2-1, .qhd-content .column .col-3-1, .qhd-content .column .col-4-1, .qhd-content .column .col-4-2, .qhd-content .column .col-5-1, .qhd-content .column .col-3-2, .qhd-content .column .col-4-3, .qhd-content .column .col-5-2, .qhd-content .column .col-5-3, .qhd-content .column .col-5-4, .qhd-module .column .col-2-1, .qhd-module .column .col-3-1, .qhd-module .column .col-4-1, .qhd-module .column .col-4-2, .qhd-module .column .col-5-1, .qhd-module .column .col-3-2, .qhd-module .column .col-4-3, .qhd-module .column .col-5-2, .qhd-module .column .col-5-3, .qhd-module .column .col-5-4 {
    float: left;
    min-height: 1px;
    height: auto !important;
    _height: 1px;
}
.qhd-content .column .col-3-1, .qhd-module .column .col-3-1 {
    width: 31.3333%;
    margin-right: 3%;
}

.qhd-content .column .last, .qhd-module .column .last {
    margin-right: 0;
    *float: right;
    *clear: right;
}
.module-divider {
    height: 1px;
    overflow: hidden;
    background-color:#e5e5e5;
    margin-top: 25px;
    clear: both;
}
.footer .module-divider {
    margin-bottom: 25px;
    margin-top: 25px;
    background-color: #2a2a22;
    float: left;
    width: 100%;
}

.page4 {
    background:#000;
}
.index_inner {
    display: table;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3;
    padding-bottom: 100px;
}
.index_inner .index_box {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.current .item_box h2 {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    transform: none;
}
.page4 .item_box > h2, .page4 .item_box > h5 {
    display: none;
}

.item_box h2, .item_box h2 a {
    font-size: 36px;
    font-weight: 700;
    color:
            #fff;
    text-align: center;
    margin-top: 50px;
}

.current .item_box h5 {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    transform: none;
}
.page4 .item_box > h2, .page4 .item_box > h5 {
    display: none;
}
.item_box h5 {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 0;
}
.item_box h5 {
    text-align: center;
    margin-top: 16px;
    position: relative;
    font-weight: 400;
}

.container {
    width: 1170px;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container::before{
    display: table;
    content: " ";
}
::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.page4 .item_box .item_bd {
    margin-top: 0;
}
.item_bd {
    margin-top: 85px;
}
.custom_box {
    position: relative;
    z-index: 1;
}
.custom_box > div {
    position: relative;
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
.custom_box .item:nth-child(1), .custom_box .item:nth-child(2), .custom_box .item:nth-child(3) {
    margin-bottom: -12.5%;
}
.custom_box .item:nth-child(1) {
    margin-left: 12.5%;
}
.custom_box .item {
    display: inline-block;
    width: 24%;
    position: relative;
    z-index: 2;
    /*
    vertical-align: top;
    */
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom_box .item > div {
    position: relative;
    width: 70%;
    padding-top: 70%;
    margin: 15%;
    cursor: pointer;
    background:
            #000;
    border-radius: 5px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}

span{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.custom_box .item img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.custom_box .item > div::after {
    content: "";
    left: 1px;
    top: 1px;
    bottom: 1px;
    right: 1px;
    display: block;
    border: 1px solid #ccc;
    border: 1px solid
    rgba(255,255,255,.3);
    position: absolute;
    border-radius: 5px;
}
::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.custom_box .item > div {
    cursor: pointer;
}
.page4.current .city {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    transform: none;
}
.page4 .city {
    width: 100%;
    padding-top: 100%;
    background: url(../images/custom_city.png) 0 0 no-repeat;
    background-size: auto;
    background-size: cover;
    position: absolute;
    left: 76%;
    top: 4%;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -moz-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out;
    opacity: 0;
}
.page4.current .names {
    opacity: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.page4 .names {
    width: 100%;
    padding-top: 100%;
    background:
            #ccc;
    border-radius: 15px;
    position: absolute;
    right: 109%;
    top: -76%;
    -webkit-transform: translateX(-200px) rotate(20deg);
    -ms-transform: translateX(-200px) rotate(20deg);
    -moz-transform: translateX(-200px) rotate(20deg);
    transform: translateX(-200px) rotate(20deg);
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.page4 .names span {
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: 5;
    font-size: 32px;
    color:#ea5106;
    font-weight: 700;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.clearfix::after{
    clear: both;
}

.custom_box > div {
    position: relative;
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
.custom_box .item:nth-child(1), .custom_box .item:nth-child(2), .custom_box .item:nth-child(3) {
    margin-bottom: -12.5%;
}
.custom_box .item:nth-child(1) {
    margin-left: 12.5%;
}
.custom_box .item:nth-child(3) {
    margin-right: 12.5%;
}
.custom_box .item:nth-child(10), .custom_box .item:nth-child(8), .custom_box .item:nth-child(9) {
    margin-top: -12.5%;
}


#productslink{
    display: none;
    background-image: url("../images/di.jpg");
    background-size:cover;
}

#products{
    overflow: auto;
    font-family: BlueSkyStandard;
}
#products .proleft{
    float: left;
    width:200px;
}
#products .proright{
    float: right;
    width:980px;
}
#products .item{

    background-image: url("../images/di8.gif");

}

#products .title {
    /*
    background-image: linear-gradient(270deg,#4940AC 0%,#00A38E 100%);
    */
    background-color: #A3A9AE;
    color:#fff;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    font-size:16px;
    border-radius: 2px;
    border: 0px solid #0d85e8;
    font-family: BlueSkyStandard,Microsoft YaHei;
    position:relative;
}

#products .title::before {
    position:absolute;
    content: '';
    background-image: url("../images/flask1.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    left:5px;
    top:16px;
    width: 20px;
    height: 20px;
    display:inline-block;
}
#products  .item a{
    display: block;
    padding:5px 5px;
    color:#000;
    font-family: BlueSkyStandard,Microsoft YaHei;

}



.protoppic img{
    width:100%;
}
#articlecontent{

    font-family: BlueSkyStandard,Microsoft YaHei;
    font-size: 13px;
    color:#000;
    padding: 20px;
}
#articlecontent p {
    font-size: 13px;
    line-height: 25px;
    margin-bottom: 20px;
}


.page2 {
    background: url(../images/about.jpg) center center no-repeat;
    background-size: auto;
    background-size: cover;
    padding-bottom: 20px;
}
.page1{
    background: url(../images/bg2.jpg) center center no-repeat;
    background-size: auto;
    background-size: cover;
}

.index_inner .index_box {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.item_box h2, .item_box h2 a {
    font-size: 36px;
    font-weight: 700;
    color:
            #fff;
    text-align: center;
    margin-top: 50px;
}
.item_box h5 .t {
    font-family: 'Titillium-Regular';
    color:#ea5106;
    padding: 5px 0;
    line-height: 1;
    font-size: 18px;
    display: inline-block;
    border-top: 1px solid
    #ea5106;
    border-bottom: 1px solid
    #ea5106;
}
.item_box h5 .page_icon::before {
    color:#000;
    font-size: 36px;
    display: block;
    text-align: center;
    width: 58px;
    height: 58px;
    line-height: 58px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.item_box h5 .page_icon::before {
    color:#000;
    font-size: 36px;
    display: block;
    text-align: center;
    width: 58px;
    height: 58px;
    line-height: 58px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.container::after, .container::before{
    display: table;
    content: " ";
}
::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-group-vertical > .btn-group::after, .btn-toolbar::after, .clearfix::after, .container-fluid::after, .container::after, .dl-horizontal dd::after, .form-horizontal .form-group::after, .modal-footer::after, .modal-header::after, .nav::after, .navbar-collapse::after, .navbar-header::after, .navbar::after, .pager::after, .panel-body::after, .row::after {

    clear: both;

}
.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .modal-header::after, .modal-header::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row::after, .row::before {

    display: table;
    content: " ";

}
::after, ::before {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.container {
    width: 1170px;

}

.container {

    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;

}
.card{
    height: 348px;
}
.card :hover{




}
.card a{
    display: inline-block;
    overflow: auto;
    width:100%;
    height: 100%;
}
.item_bd {
    margin-top: 85px;
}
.about_box {
    text-align: center;
    position: relative;
}
.current .about_box > div {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    transform: none;
}
.about_box > div {
    min-height: 300px;
    padding-top: 10%;
    width: 25%;
    margin: 0 30px;
    display: inline-block;
    position: relative;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -moz-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out;
    opacity: 0;
}

.card_image::after {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(
            rgba(0,0,0,.1),
            rgba(0,0,0,.4));
    transition: opacity .3s ease;
    opacity: 0;
}
.card_detail {
    z-index: 2;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    -webkit-transform: translateZ(30px);
    -moz-transform: translateZ(30px);
    -ms-transform: translateZ(30px);
    transform: translateZ(30px);
}
.card_detail {
    pointer-events: none;
}
.card_detail  h3 {
    font-size: 26px;
}

.card_detail p {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
}

.about_box {
    text-align: center;
}
.card_detail{

}
.card_detail1{
background-image: url("../images/card1.jpg");

}
.card_detail2{
    background-image: url("../images/card2.jpg");
}
.card_detail3
{
    background-image: url("../images/card3.jpg");
}

.card{

}

.card_detail .text{
    position:absolute;
    color:#fff;
    text-align: center;
    width:100%;
    text-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5), 0 0 1.2em rgba(0, 0, 0, 0.5);
    background-color: #92D758;
    height: 100%;
    display: none;
    opacity: 0.95;
    top:0px;

}
.card_detail .texts{
    position: absolute;
    bottom: 5%;
    width:100%;
    text-align: center;
    color:#fff;
}
.card_detail .text2{
    margin: 0px 10%;
    position: absolute;
    bottom: 35%;
    text-align: center;
}
.card_detail .text2 p{
    margin: 20px 0px;
}
.protoppic{
    overflow: hidden;
    display: flex;
    /*
    flex-direction: row;
    justify-content: space-between;
    */
}
.protoppic .picitem{
    width:18%;
}
.line {
    font-size: 14px;
    padding-top:10px;
}

#articletitle{
    text-align: center;
    background-color: #A3A9AE;
    color:#fff;
    padding: 5px;
    margin-top: 20px;
    font-size: 16px;
    margin-bottom: 20px;
}
.footer>section{
    width:1200px;
    margin: 20px auto;
    text-align: left;

}
.footer {
    font-size: 14px;
    line-height: 26px;
}
.footer .companyname{
    font-size:16px;
    font-weight: bold;
    margin-bottom: 20px;
}
.footer .parts{
    overflow: auto;
}

.footer .part{
    float: left;
    margin-right: 10%;
}
.footer i{
    margin-right: 5px;
}
.guanyu i{
    margin-right: 5px;
}
.custom_box .item > div:hover {
    background:
            #ea5006;
    border-color:
            transparent;
    z-index: 2;
}
.page4{
    height:700px;
    display: block;
    overflow: hidden
}
.col-6-1-16p{
    width:16%;
}
.col-6-1-15p{
    width:15%;
}
.beian{
    width:1080px;margin: 50px auto 0px auto;text-align:center
}
.linkphone{
    display: none;
}
#mobileProMenu{display: none}
 @media (max-width:768px){
     #card1{display: block;height: 60px;width: 100%;margin-bottom: 10px;}
     #card2{display: block;height: 60px;margin-top: 10px;margin-bottom: 10px;width: 100%;}
     #card3{display: block;height: 60px;width: 100%;margin-bottom: 30px;}
     .cont{height: 60px}
     .about_box > div{min-height: 60px;width:100%;margin: 0px;}
     .container{width:100%;padding: 0px;overflow:hidden;text-align: left}
     .item_bd{margin-top: 25px}
     .index_inner{padding-bottom: 0px}
     .card_detail .texts{bottom:40%}
     .card_detail{height: 98px}
     .city{display: none}
     .names{display: none}
     .page4{height: 300px}
     .custom_box{width:99%;padding:0px;margin: 0px; }
     .item_bd{width:99%;padding:0px;margin: 0px;}
     .custom_box .item:nth-child(1) {margin-left: 12.5%;}
     .custom_box > div{width:99%;}
     .custom_box .item{width:23%}
     .proleft{display: none}
     #mobileProMenu{display: block;overflow-x: scroll;margin-bottom: 10px}
     #mobileProMenu ul{margin: 0px;padding: 0px;overflow-x: scroll;white-space: nowrap;}
     #mobileProMenu ul li{display: inline-block;margin-right: 10px;}
     #mobileProMenu a.m1{font-weight: bold;color:#000}
     #products .proright {width: 100%;}
	 .aic-text-a{
		 right:0px;
		 position:relative;
		 bottom: -10px
	 }
	 .about-eng{display:none}

     .page-width{
         width:100%;
     }
     .page-width .col-6-1{
         width:33%;
         padding:0px;
         display: block;
        font-size: 90%;
         box-sizing: border-box;
     }
     .page-width .col-6-1-16p{
         width:30%;
         padding:0px;
     }
     .page-width .col-6-1-15p{
         width:33%;
         padding:0px;
     }
     .footer{
         font-size:12px;
     }
     .beian{
         width:100%;text-align:center;
     }

     .linkphone{
         width: 100%;
         overflow: auto;
         clear: both;
         background-color: #93188C;
         padding: 5px 5px;
         display: block;
         height: 3rem;
         position: fixed;
         left: 0px;
         bottom: 0px;
         text-align: center;

     }
     .linkphone a{
         color:#fff;
         font-size:18px
     }
     .profile-eng{
         display: none;
     }
 }