@charset "utf-8";
@font-face{
    font-family:"eleganticons";
    font-style:normal;font-weight:400;
    src: format("embedded-opentype"),
     format("woff"),
     format("truetype");
    font-style: normal;
    font-weight: normal;
}

.design-tab2 a.on{color:red;}
.icos{font-family:"eleganticons";font-style:normal;}
@font-face{
    font-family:"sourcehansanscnlight";
    font-style:normal;font-weight:400;
    src: format("embedded-opentype"),
     format("woff"),
     format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face{
    font-family:"sourcehansanscnregular";
    font-style:normal;font-weight:400;
    src: format("embedded-opentype"),
     format("woff"),
     format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face{
    font-family:"sourcehansanscnbold";
    font-style:normal;font-weight:400;
    src: format("embedded-opentype"),
     format("woff"),
     format("truetype");
    font-style: normal;
    font-weight: normal;
}
.dtable{display:table;width:100%;height:100%;}
.dtable .dtcell{display:table-cell;vertical-align:middle;}
.inline-block{display:inline-block;}
.icos-prev:after{content:'\34';}
.icos-next:after{content:'\35';}

/* .index-header{position:absolute;top:0;left:5%;width:90%;z-index: 99;} */
.index-header{position:fixed;top:0;left:0;width:100%;padding:0 5%;z-index: 99;}
.index-header:before {
    content: "";
    display: table;
    table-layout: fixed;
}
.index-header:after {
    width: 100%;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.index-header:after {
    content: '';
    position: absolute;
    top: -90px;
    left: 0;
    display: inline;
    height: 90px;
    background: #fff;
    -ms-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    z-index: -1;
}
.index-header.activehead:after {
    top: 0;
}
.index-header .navbar-default{background:transparent;border-width:0;padding-top:18px;}
.navbar-default .navbar-nav > li{margin-right:10px;}
.navbar-default .navbar-nav > li > a{color:#fff;font-size: 16px;}
.index-header.activehead .navbar-default .navbar-nav > li > a{color:#000;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li.on > a{color:#bbb;}
.index-header.activehead .navbar-default .navbar-nav > li > a:hover,
.index-header.activehead .navbar-default .navbar-nav > li > a:focus,
.index-header.activehead .navbar-default .navbar-nav > li.on > a{color:#104692;}
.navbar-nav > li.sea{padding:14px 15px;}
.navbar-nav > li.sea:before {
    display: block;
    width: 0;
    height: 14px;
    border-left: 1px solid #ccc;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top:-7px;
}
.navbar-nav > li.sea .hed-input {
    width: 40px;
    height: 24px;
    background:  10px center no-repeat;
    border-color: transparent;
    color: #fff;
    box-shadow: none;
    margin-top: 0;
}
.navbar-nav > li.sea .hed-input.stxton{background:transparent;}
.navbar-default .navbar-nav > li.lastlang{padding:15px 0;margin-right:0;}
.navbar-default .navbar-nav > li.lastlang .lang-t{width:73px;height:20px;background:;}
.navbar-default .navbar-nav > li.lastlang .lang-t a{float: left;width:36px;height:20px;}
.index-banner-text{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9;
    text-align:center;
    color:#fff;
    padding:0 20px;
}
.index-banner-text h1{font-size: 48px;margin-top:0;margin-bottom: 15px;}
.ico-mouse{position:absolute;width:24px;height:40px;bottom:10px;left:50%;margin-left:-12px;background:;z-index: 9;}
/* .index-banner-text h1 > span{margin-bottom:28px;} */
.line{border-bottom:2px solid rgba(255,255,255,0.4);margin-top:25px;font-size:0;}
.line i{display:inline-block;width:100px;height:5px;background:#e2e2e2;margin-bottom:-3px;}
.index-ban-tips{margin-bottom:70px;}
.index-ban-tips a{font-size:20px;color:#fff;vertical-align: middle;}
.index-ban-tips em{font-family:arial;color:#bcbcbc;vertical-align:middle;margin:0 20px;font-style:normal;font-size:20px;}
.index-ban-btn .btns{
    position: relative;
    display:inline-block;
    width:154px;
    padding:10px 24px;
    color:#f0f0f0;
    border: 2px solid #fff;
    border-radius:60px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 0;
    margin:0 10px;
}
.index-ban-btn .btns:after{
    background: #36c0cc;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 60px;
    opacity: 0;
    z-index: -2;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.index-ban-btn .btns span{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
    border-radius: 60px;
    z-index: -1;
}
.index-ban-btn .btns span:after{
    background: #fff;
    content: '';
    height: 100%;
    width: 0;
    position: absolute;
    top: 0;
    left: -10px;
    -webkit-transform: skewx(-30deg);
    transform: skewx(-30deg);
    -webkit-transition: all .4s;
    transition: all .4s;
    z-index: -1;
}
.index-ban-btn .btns:hover{color:#df1f26;}
.index-ban-btn .btns:hover:after{
    top: -19%;
    left: -9px;
    height: 138%;
    width: calc(100%   18px);
    opacity: .4;
}
.index-ban-btn .btns:hover span:after{width:112%;}
.index-swp1{
    padding:0px 0 40px;
    border-bottom:1px solid #e5e5e5;
    overflow: hidden;
}
.index-swp1 .swiper-slide{text-align:center;width: auto;}
.index-swp1 .swiper-slide p{font-size: 18px;color:#000;margin-bottom:0;}
.index-swp1 .container{position:relative;}
.index-prev,.index-next{position:absolute;top:50%;font-size:50px;color:#ababab;transform:translate(0,-50%);cursor:pointer;}
.index-prev{left:-50px;}
.index-next{right:-50px;}

/* .home-products-list ul:after{content:attr(na)} */
.title{text-align:center;margin-bottom:52px;}
.title h3{font-family:"sourcehansanscnbold";font-size: 36px;color:#000;margin-bottom:20px;}
.title h3 span{
    display:inline-block;
    padding-bottom:20px;
    border-bottom:2px solid #104692;
}
.title p{font-size:16px;color:#555;line-height:30px;margin-bottom:30px;}
.title .more a{
    display:inline-block;
    padding:7px 60px;
    border:1px solid #cfcfcf;
    border-radius:50px;
    font-size:18px;
}
.home-products{padding-top:28px;padding-bottom:60px;}
.home-products-list{
    display: flex;
    justify-content: space-between;
    margin-bottom:60px;
}
.home-products-list ul   ul{
    padding-left:30px;
    border-left:1px solid #e2e2e2;
}
.home-products-list ul li{position:relative;white-space:nowrap;}
.home-products-list ul li   li{
    padding-left:20px;
    margin-bottom:15px;
}
.home-products-list ul li   li:after{
    display:block;
    width:6px;
    height:6px;
    border:1px solid #ccc;
    border-radius:6px;
    content: '';
    position:absolute;
    left:0;
    top:50%;
    margin-top:-3px;
}
.home-products-list ul li.hmprotit{margin-top:-15px;margin-bottom:15px;}
.home-products-list ul li.hmprotit a{font-size:20px;color:#000;vertical-align:middle;}
.home-products-list ul li.hmprotit i{
    display:inline-block;
    width:32px;
    height:32px;
    vertical-align:middle;
    background-position:center center;
    background-repeat:no-repeat;
    margin-right:10px;
}
.home-products-list ul li .ico-pro1{background-image:;}
.home-products-list ul li .ico-pro2{background-image:;}
.home-products-list ul li .ico-pro3{background-image:;}
.home-products-list ul li .ico-pro4{background-image:;}
.home-products-list ul li .ico-pro5{background-image:;}

.home-about{height:828px;background: center center no-repeat;color:#fff;padding-top:90px;text-align:center;}
.home-about .title{margin-bottom:130px;}
.home-about .title h3 span{color:#fff;border-bottom-color:#fff;}
.home-about .title p{color:#fff;}
.home-about .title .more a{background:rgba(255,255,255,0.17);border-color:#fff;color:#fff;}
.home-about .row div img{margin:0 auto;}
.home-fb{height:831px;padding-top:80px;}
.home-tx{
    padding-top:100px;
    padding-bottom:30px;
    background:#c3c3c3;
}
.home-tx .title p{color:#000;}
.home-tx .title .more a{background:#383838;color:#fff;}

.foot-nav{background:#1467c0;padding-top:40px;}
.foot-nav-dl dt,.foot-nav-dl dt a{font-size:15px;color:#fff;}
.foot-nav-dl dt{margin-bottom:15px;font-weight:500;line-height:24px;}
.foot-nav-dl dd{margin-bottom:8px;}
.foot-nav-dl dd a{color:#aeaeae;}
.foot-mes dt a,.foot-mes dt{font-size:18px;color:#fff;}
.foot-mes dt{margin-bottom:15px;font-weight:500;line-height:24px;}
.foot-mes dd{padding-left:30px;margin-bottom:8px;color:#aeaeae;position:relative;line-height:20px;}
.foot-mes dd:after{
    display:none;
    width:24px;
    height:24px;
    background: left center no-repeat;
    content:'';
    position:absolute;
    left:0;
    top:-2px;
}
.foot-mes dd.f1:after{
    display:block;
    background-position:0 5px!important;
}
.foot-mes dd.f2:after{
    display:block;
    background-position:0 -23px!important;
}
.foot-mes dd.f3:after{
    display:block;
    background-position:0 -55px!important;
}
.foot-mes dd.f4:after{
    display:block;
    background-position:0 -86px!important;
}
.foot-mes dd.f5{height:auto;}
.foot-mes dd.f5 img{display:block;}
.foot-mes dd.f5 p{width:122px;margin-left:-15px;text-align:center;margin-top:5px;}
.foot-icp{background:#1c191a;padding:15px;color:#fff;text-align:center;}
.porducts-item{position:relative;border:1px solid #c9c9c9;margin-bottom:30px;}
.porducts-item .products-img{display:block;overflow: hidden;}
.porducts-item .products-img img{transition:all 0.3s;}
.porducts-item:hover .products-img img{transform:scale(1.05);}
.porducts-item .products-tit{
    display:block;
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    background:rgba(0,0,0,0.5);
    text-align:center;
    font-size:18px;
    color:#fff;
    padding:25px 0;
    z-index: 3;
}

.pro-slide{margin-bottom:30px;}
.pro-slide-top{border:1px solid #e3e3e3;}
.pro-slide-t{
    background:#fff;
    display:inline-block;
    padding:5px;
    transform:translate(-10px,-50%);
}
.pro-slide-t .sz36{
    font-size:36px;
    color:#000;
    font-family:"sourcehansanscnbold";
    font-weight:bold;
    vertical-align:middle;
}
.pro-slide-t .sz14{
    color:#888;
    text-transform:uppercase;
    margin-left:6px;
    vertical-align:middle;
}
.pro-snbox{margin-top:-20px;}
.pro-slide-group{padding:0 18px;margin-bottom:0;}
.pro-slide-group dt{
    font-size:16px;
    padding-left:30px;
    background:#888;
    line-height:40px;
    font-size:20px;
    color:#fff;
    font-weight:500;
}
.pro-slide-group dt a{color:#fff;}
.pro-slide-group.on dt{background:#1e5eae;}
.pro-slide-group dd{
    padding:0 30px;
    font-size:14px;
    line-height:50px;
}
.pro-slide-group.on dd{font-size:16px;}
.pro-slide-group dd a{color:#555;}
.pro-slide-group dd   dd{border-top:1px dotted #888;}

.products-detail{padding-top:32px;}
.pro-det-tit{text-align:center;font-size:24px;overflow: hidden;margin-bottom:45px;}
.pro-det-tit span{display:inline-block;color:#555;position:relative;padding:0 30px;}
.pro-det-tit span:after,.pro-det-tit span:before{
    display:block;
    width:600px;
    height:1px;
    background:#e3e3e3;
    content:'';
    position:absolute;
    top:50%;
}
.pro-det-tit span:after{left:100%;}
.pro-det-tit span:before{right:100%;}
.pro-det-st{font-size:16px;color:#000;padding-bottom:15px;border-bottom:1px solid #e3e3e3;}
.pro-det-sp{color:#555;padding:10px 0 30px;}
.pro-det-smswp .swiper-slide{cursor:pointer;}
.pro-det-smswp{padding:15px 40px;position:relative;}
.pro-det-smswp .proprev,.pro-det-smswp .pronext{
    position:absolute;
    top:50%;
    font-size:46px;
    transform:translatey(-50%);
    cursor:pointer;
}
.pro-det-smswp .proprev{left:-15px;}
.pro-det-smswp .pronext{right:-15px;}
.pro-det-smswp .proprev i:after{content:'\34';}
.pro-det-smswp .pronext i:after{content:'\35';}
.pro-det-mp{margin:30px 0;}
.pro-det-con .t{font-size: 24px;font-family:"sourcehansanscnregular";color:#555;margin-bottom:10px;}
.other{margin-top:20px;}
.tabs{padding:25px 0 15px;border-bottom:1px solid #f3f3f3;text-align:center;font-size: 0;margin-bottom:45px;}
.tabs a{font-size:18px;color:#666;display:inline-block;padding:0 40px;}
.about-wrap .index-swp1{margin-top: 30px;margin-bottom:50px;}
.about-wrap .title{margin-bottom:15px;}
.factory{margin-bottom:55px;}
.factory ul{margin-right:-3px;margin-left:-3px;}
.factory ul li{
    float: left;
    width:25%;
    padding:0 3px;
    position:relative;
    margin-bottom:6px;
    transition:all 0.3s;
}
.factory ul li img{width:100%;}
.factory ul li.factory-item-0,
.factory ul li.factory-item-1,
.factory ul li.factory-item-2{
    width:33.3333332%;
}
.factory ul li .factory-txt{
    display:block;
    padding:10px;
    position:absolute;
    right:3px;
    bottom:0;
    left:3px;
    z-index:3;
    background:rgba(0,0,0,0.5);
    text-align:center;
    color:#fff;
    transition:all 0.3s;
}
.factory ul li .factory-txt h5{font-size:18px;margin:0;font-family:"sourcehansanscnregular";}
.factory ul li .factory-txt p{line-height:30px;max-height: 0;margin-bottom:0;overflow: hidden;}
.factory ul li:hover .factory-txt{height:100%;background:rgba(20,103,192,0.55);}
.factory ul li:hover .factory-txt p{max-height:100%;margin-top:20px;}
.structure{padding:60px 0 80px;background:#f9f9f9;}
.company-culture{padding-top:40px;margin-bottom:75px;}
.company-culture .row div img{margin:0 auto;}
.partner-tit{font-family:"sourcehansanscnbold";font-size:36px;color:#000;line-height:1;padding:15px 0 10px;border-bottom:1px solid #d5d5d5;margin-bottom:20px;}
.partner-wrap{padding-top: 20px;}
.partner-tabs{font-size:0;margin-bottom:15px;}
.partner-tabs a{font-size:16px;color:#000;display:inline-block;padding:8px 20px;border-radius:5px;margin-right:5px;}
.partner-tabs a.on{background:#1e5eae;color:#fff;}
.partner-list{padding:0 65px;margin:80px 0 90px;}
.partner-logo{border:1px solid #c8c8c8;margin-bottom:30px;text-align:center;}
.partner-logo img{max-width:100%;}
.contact-wrap{padding-top:20px;margin-bottom:60px;}
.contact-list{margin-top:50px;margin-bottom:45px;text-align:center;line-height:30px;}
.partner-ico{height:92px;margin-bottom:10px;}
.parico-1{background: center center no-repeat;background-size:auto 100%;}
.parico-2{background: center center no-repeat;background-size:auto 100%;}
.parico-3{background: center center no-repeat;background-size:auto 100%;}
.text img,.text iframe,.text table{max-width:100%;}
.service-con{padding:0 70px;}
.service-con ul.service-list{
    margin:0 -45px;
}
.service-con ul.service-list li{
    float: left;
    width: 33.3%;
    padding:0 40px;
    margin-bottom:60px;
}

.service-con ul.service-list li div{transition:all 0.3s;}
.service-con ul.service-list li:hover div{transform:translate(0,-8px);box-shadow:0 2px 8px 4px #ddd;}
.service-con ul.service-list li img{max-width: 100%;width:100%;}
.service-t{margin:50px 0 40px;font-size:16px;color:#000;line-height:30px;}
.service-more{text-align:center;margin-bottom:30px;cursor:pointer;}
.service-more i{display:inline-block;font-size:36px;line-height:0.5;}
.service-more i:after{content:"\33";}
video::-webkit-media-controls-enclosure {overflow:hidden;}video::-webkit-media-controls-panel {width: calc(100%   30px);}

.index-swp1 .swiper-slide div{padding-top:14px;}
.index-swp1 .swiper-slide div a,
.home-about .row div a,.company-culture .row div a{display:block;-webkit-transition:all 0.3s;transition:all 0.3s;}
.index-swp1 .swiper-slide div a:hover,
.home-about .row div a:hover,
.company-culture .row div a:hover{-webkit-transform:translatey(-10px);transform:translatey(-10px);}

.title .more a{-webkit-transition:all 0.3s;transition:all 0.3s;}
.title .more a:hover{color:#fff;background:#383838;}
.home-about .title .more a:hover {
    background: #383838;
    border-color: #383838;
    color: #fff;
}
.home-tx .title .more a:hover{background:#1467c0;}
.page {margin-bottom:50px;}
.page span.pageinfo{width:auto;background:transparent;}

.focus .dtcell h3,.focus .dtcell p {
    animation-fill-mode: forwards;
    transform: translatey(100%);
    -webkit-transform: translatey(100%);
    overflow: hidden;
    opacity:0;
    transition: opacity 0.5s;
    transition-delay:0.35s;
}
.focus .dtcell p{transition-delay:0.65s;}
.focus.active .dtcell h3 {
    -webkit-animation-name: maskupin;
    animation-name: maskupin;
    animation-duration: 0.4s;
    animation-delay: 0.35s;
    opacity: 1;
}
.focus.active .dtcell p {
    -webkit-animation-name: maskupin;
    animation-name: maskupin;
    animation-duration: 0.4s;
    animation-delay: 0.65s;
    opacity: 1;
}
.swiper-pagination-bullet{width: 14px;height: 14px;}
.other.row > div{margin-bottom:30px;}
.design-tab2 {font-size: 0;padding-top:20px;border-top:1px solid #d5d5d5;margin-top: 20px;margin-bottom: 40px;}
.design-tab2 a{font-size: 14px;vertical-align:middle;}
.design-tab2 i{display:inline-block;width:0;height: 14px;border-left:1px solid #ddd;margin:0 10px;vertical-align:middle;}
.design-honor-wrap{padding:0 ;}
.design-honor-wrap ul.service-list{margin-right:-15px;margin-left:-15px;}
.design-honor-wrap ul.service-list li{width:25%;padding:0 15px;margin-bottom: 30px;}
ul.about-down{margin-bottom:40px;}
ul.about-down li{
    position: relative;
    padding:20px 30px;
    line-height: 24px;
    border-bottom: 1px dashed #ddd;
}
ul.about-down li .ico{
    position: absolute;
    top:20px;
    left: 0;
    width: 24px;
    height: 24px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
}
ul.about-down li .tit{
    font-size: 16px;
    margin-bottom: 8px;
    color: #000;
}
ul.about-down li .ps{font-size:14px;color:#666;}
ul.about-down li .icon-pdf{background-image:}
ul.about-down li .icon-word{background-image:}