@charset "utf-8";

header{padding-bottom: 10px; position:fixed; z-index:10; width: 100%; background: #fff; box-shadow: 0 0px 5px rgba(0,0,0,.15);}
header .logo span{font-size: 22px;}
header .logo img{width: 150px;}
header .logo.baise span{color: #fff}
header .uk-navbar-nav>li>a{min-height:30px; padding: 0; font-size: 16px;}
header .uk-navbar-nav>li{margin: 0 25px;}
header .logo{background: #ea5414;padding:13px 18px;}
header .logo a{color: #fff;min-height:0px; display: block;}
header.uk-sticky-fixed{background:#fff;}
header.uk-sticky-fixed .ico-menu {width:60px;height: 60px;padding:initial;}


header .tel{font-weight: bold; font-size: 18px;    margin-top: 3px !important;}


.ico-menu{ z-index: 10;position: fixed;display: block; background: #fff; text-align: center;
    right: 0;top: 0;width: 7.14%; padding:3.57% 0;visibility: visible;opacity: 1;
    transition: opacity 0.4s ease, visibility 0.4s ease;}
.ico-menu a{position:absolute; top:36%} 
.ico-menu:hover{ background: #2D2F34; color: #fff }
.ico-menu a{display: block;width: 100%;color: inherit;}
.logo.logo-home{position: absolute; top:40px;left:18%;  right:40px; z-index:1}

.ico-menu-home{position: absolute;right:inherit; left: 7.5%;width:7.5%; padding:3.75% 0;}
.ico-menu-home a{position:absolute; top:36%} 


/*菜单*/
.tan-nav .uk-modal-dialog{background:rgba(45,47,52,1.0); color: #eee}
.close.uk-modal-close-full{position: absolute; z-index:10; right:0; top: 0; background:initial;padding:3.57%;}
.close:hover{cursor: pointer;}
.close span{display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -10px;
    transform: translateZ(0);}


.left-logo{ position: absolute; top:80px; left:2%;
-webkit-transform: rotate(-90deg);/*Safari 4+,Google Chrome 1+ */
-moz-transform: rotate(-90deg);/*Firefox 3.5+*/
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);/*ie*/}

.left-logo span{ font-size:22px;margin-top: 50px; color: #ccc;}
.menu-box-padding{padding:0 7.14%;}
.bian-lr{border-left: 1px solid #575a5e; border-right: 1px solid #575a5e;}

.bian-lr .uk-grid-divider>:not(.uk-first-column)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 1px solid #575a5e;
}

.uk-nav-default.menu{width: 100%}
.uk-nav-default.menu>li>a{font-size:36px; line-height: 46px;  color:#93959a;}

.menu.uk-nav>li>a{padding:10px 0;}
.menu ul.uk-nav-sub {padding: 5px 0 25px 10px;}

/*.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a{color: #666}
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover{color: #333}
.uk-offcanvas-bar .uk-nav-default>li>a{color: #333}
.uk-offcanvas-bar .uk-nav-default>li>a:hover{color: #333}
.uk-offcanvas-bar .uk-close{color: #999}*/

.lx{color: #93959a; line-height: 24px; font-size: 16px;}
.lx li{padding:10px 0;}
.lx .ico-lx{margin-bottom:3px;}

.banner{position:relative; width: 100%;height:100%; top: 0}
.banner .uk-position-fixed {width: 100%;}

.banner h1{font-size: 6.0vw; line-height:1.05;}
.banner h2{font-size:2.2vw; line-height: 1em;}

.banner .uk-position-small{margin:15px;}
.banner .uk-slidenav{padding:10px;}
.banner .uk-slidenav span{font-size: 5.2vw;line-height: 1.4; color:rgba(255,255,255.5)}
.banner .uk-slidenav:hover span{color:#fff}

.ad-an a{padding:0 15px; text-align: left; width: 30%; background: #fff; border: #fff; color: #ea5414 }
.ad-an a:hover{background: #ea5414; color: #fff}
.ad-an span{float: right;}

.homeabout .pic{font-size: 18px; line-height: 36px; color: #666;}
.homeabout ul li .b{height: 80px; width:80px; margin:0 auto; border: 1px solid #666; border-radius: 100%;
    font-family: 'fzltcxhjw', sans-serif; font-weight: 400;
}
.homeabout ul li .b span{ font-size:31px; font-weight: bold; line-height:80px;}
.homeabout ul li h6{margin-top:10px; color: #666;}

.homeabout .by{font-size: 5.2vw;line-height: 1.4;color:#ea5414;}
.homeabout .by span{font-size: 5.2vw;line-height: 1.4;color:#ea5414;}

.logo-kh li{width: 11.11111%}


.biaoyu {z-index: 2; top:36%; left:20%;width:35%; padding-bottom: 1px}
.biaoyu .adan{padding:10px 15px 10px 20px; border:1px solid #fff;}
.biaoyu .adan:visited {
    background: transparent;
    border-color: #fff;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    transition: all ease 0.2s;
}
.biaoyu a.adan:hover {color: #333;transition: color 0.2s ease-in 0s; transition:background-color 0.2s linear;transition: all 0.2s;
    box-shadow: inset 140px 0 0 0 #fff;}

#main {position: relative;background: #fff;}
.huanhang{display: block;}

.homefuwu{padding-right:7.5%; overflow: hidden;}
.homefuwu ul{border-right: 1px solid #f0f0f0;}
.homefuwu li{padding:8.5%;text-align: center;}
.homefuwu li:hover{color: fff; cursor: pointer}
.homefuwu li:hover a h5, .homefuwu li:hover a span{color:#fff;}
.homefuwu li a{position:absolute; left: 0; top: 0;  width: 100%;height: 100%;z-index: 10}
.homefuwu li a span{font-size: 66px;}
.homefuwu li a span.jia{font-size:24px; color: #ccc}
.homefuwu li a h5{margin-top:10px;}
.homefuwu .more{background:rgba(0,0,0,0.5); color: #fff;}
.homefuwu .more a,.homefuwu .more a h5{color: #fff;}
.homefuwu .uk-grid-divider {margin-left: 0px;}
.homefuwu .uk-grid-divider>:not(.uk-first-column)::before {left:0px;}
@media (min-width: 1200px){
.homefuwu .uk-grid-divider>:not(.uk-first-column)::before {left:0px;}
.homefuwu .uk-grid-divider {margin-left: 0px;}
}
.homefuwu .uk-grid-divider>:not(.uk-first-column)::before {border-left: 1px solid #f0f0f0;}
.fh{height:100%; width: 100%; z-index:5;position:absolute;}


/*homeabout*/
.homeabout{position: relative;}
.homeabout.brand:before{content:"";position:absolute; top: 0; left:0; height:100%; width:30.73%; z-index:1;
background-image: url(../images/home/h2.jpg); 
background-position:left top;
background-size: cover;
background-color: #333;

}

/*footer*/
.footer{background: #030304; color: #B6B6B7; position: relative}
.footer a, .footer h6{color: #B6B6B7;}.footer a:hover{color: #fff;}
.footer .foot-logo span{font-size: 25px; line-height: 110%}
.footer-nav a{line-height:16px; font-size: 16px;}
.footer .tel{border: 1px solid #666; padding:3px 15px; max-width:420px; font-size: 16px;}
.footer .tel span{margin-right:15px;}
.banquan{line-height: 22px; font-size: 12px;}
.footer .uk-grid-divider>:not(.uk-first-column)::before {border-left: 1px solid #666;}
.footer .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {border-top: 1px solid #666;}
.footer .ewm{width: 110px; text-align: center;}

/*title*/
.title span{border-bottom: 1px solid #ccc; padding-bottom: 4px;}

/*shuju*/
.shuju{position:relative;}
.shuju:before{content:""; position:absolute; top:0;  width: 100%; height:80px; background: #fff}
.shuju .sj-b{border:13px solid rgba(0,0,0,0.2);border-bottom:0}
.shuju .sj-b .sz,.shuju .sj-b .sz span,.shuju .sj-b .sz sup, .shuju .sj-b h5{line-height: 110%; font-family:'FZLTCXHJW'; font-weight: 100; color: #666}

/**/
.main-box{padding-top:60px;}
.ggbanner{background: #212121; position: relative; padding-top:60px;}
/*.ggbanner .gaodu{height:100%;}*/
.ggbanner h1{color: #fff; font-size: 82px; line-height: 90px;}
.ggbanner h2{font-size: 41px;}
.ggbanner .fw h2{font-size: 54px; line-height: 66px}

.ggbanner .uk-height-viewport{min-height: 70vh}

h1.hs{color: #212121}
.ggbanner.hei h1{color: #5F5D5D; font-size:66px;}

.subnav{background: #fff; overflow: hidden;}
.subnav li{float: left;}
.subnav li a{padding:15px 60px; display:block; text-align:center; font-size: 18px; background: #eee;color: #666}
.subnav li a .line{height: 1px; background: #ea5414}
.subnav li.uk-active a{background: #ea5414; color: #fff}
.subnav li.uk-active a h5,.subnav li.uk-active a h6{color: #fff}
.subnav li.uk-active a .line{height: 1px; background: #fff}
.subnav li a:hover h5,.subnav li a:hover h6{color: #fff}
.subnav li a:hover{background: #333; color: #fff}
.subnav li a:hover .line{height: 1px; background: #fff}

.uk-subnav.anNav{margin-left: 0}
.uk-subnav.anNav>*{padding-left:0px; background: #eee;}
.uk-subnav.anNav.uk-subnav-pill>*>:first-child{padding:15px 60px; font-size: 18px; color: #666}
.uk-subnav.anNav.uk-subnav-pill>*>:first-child:hover{background: #000; color: #fff;transition: all 1s;}
.uk-subnav.anNav.uk-subnav-pill>.uk-active>a {background-color: #ea5414;color: #fff;}

.uk-subnav.caseNav{margin-left: 0}
.uk-subnav.caseNav>*{padding-left: 15px; padding-right: 15px;}
.uk-subnav.caseNav>*>:first-child{line-height:16px; font-size: 16px;color: #666}
.uk-subnav.caseNav>*>:first-child:hover{color: #000}
.uk-subnav.caseNav>.uk-active>a {background-image: linear-gradient(180deg,transparent 50%,#ea5414 0);
    background-size:100% 100%;
    background-repeat: no-repeat;
    text-decoration: none;
    -webkit-transition: background-size .4s ease;
    -moz-transition: background-size .4s ease;
    -ms-transition: background-size .4s ease;
    -o-transition: background-size .4s ease;
    transition: background-size .4s ease;
    color: #000
}

/*about*/
.ggtitle h1{font-size: 64px; line-height: 76px;}
.ggtitle h1,.ggtitle h2{color: #ea5414}
.ggtitle .jian{width: 60px; height: 2px; margin:20px 0;  background: #ea5414}

.about-txt h1{font-size: 58px; line-height: 70px;}
.about-txt p{font-size: 22px; line-height: 38px;text-align: justify; color: #666}

.licheng-bg{background-image:url(../images/about/a6.jpg); background-repeat: no-repeat; background-size:70%; background-position: right bottom}
.licheng{ border-left:0px solid #999; position: relative;display:block; }
.licheng:before{content: ""; position:absolute; height: 100%; width: 1px; background:#999; left: 50%; right: 50%}
.licheng .lb{ position: relative; left:-15px; margin-bottom: 120px;}
.licheng dl{position: relative; margin-bottom:20px;font-size: 16px;  width: 335px}
.licheng dl.rr{margin-left: 50%;padding-left:40px; }
.licheng dl.ll{text-align: right;padding-left:40px; padding-right:29px; }
.licheng dl.ll dt,.licheng dl.ll dd{padding-right: 15px}
.licheng dl h3{line-height: 24px; padding-top:2px}
.licheng dl .dian{position: absolute;padding:2px; height: 21px; width: 21px; border-radius: 21px; border: 1px solid #333; background: #fff;  z-index: 1}
.licheng dl.rr .dian{ left:0;}
.licheng dl.ll .dian{right:0; }
.licheng dl .dian-1{height: 15px; width:15px; border-radius: 19px; background: #333; margin-top:3px; margin-left: auto; margin-right:auto;}
.licheng dl span{font-weight: bold;}

.chongshu-bg{position: relative}
.chongshu-bg:before{content: ""; position:absolute; background-image:url(../images/about/a6.jpg);background-size:100%;  width:82%; right: 0; top: 0; bottom: 0px;  height:100%;}
.chongshu{padding:20px 0;  position: relative; background-image:url(../images/about/a5.jpg); background-repeat: no-repeat; background-size:90%; background-position: left top;}
.chongshu dl dd{line-height: 22px}

.kehu{position: relative}
.kehu .t{position: relative}

/*fuwu*/
.fuwu h2 span{border-bottom: 1px solid #333;}
.fuwu h1{font-size: 55px; line-height: 60px; color: #212121}
.yizhan h3{font-size:28px;}
.ico-fw span{font-size:76px; line-height: 110%; color: #}

.yw-lb{line-height: 24px;}
.yw-lb li{margin-top: 15px;}
.yw-lb li p{font-size: 18px; line-height: 33px;}
.yw-lb h6{font-weight: bold; font-size: 16px;}

.gongju .t li{background: #fff; padding:30px 0;}
.gongju .uk-slider-nav ul li{ background:inherit; }

.uk-subnav>*>:first-child{
    background-image: linear-gradient(180deg,transparent 65%,#ea5414 0);
    background-size:0% 100%;
    background-repeat: no-repeat;
    text-decoration: none;
    -webkit-transition: background-size .4s ease;
    -moz-transition: background-size .4s ease;
    -ms-transition: background-size .4s ease;
    -o-transition: background-size .4s ease;
    transition: background-size .4s ease;
    color: #000
}
.uk-subnav>*>:first-child:hover{background-size:100% 100%;cursor:pointer}
.case-list a:hover h5 span, .case-list a:hover h6 span{color: #ea5414}
.casean{width:20%; }
.casean a{padding:5px 15px 5px 20px; display: block; border:1px solid #333; }
.casean a span{float: right; line-height: 22px;}
.casean a:hover{background: #ea5414; border:1px solid #ea5414; color: #fff;}
.casean:visited {
    background: transparent;
    border-color: #ddd;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    transition: all ease 0.2s;
}
a.casean:hover {
    color: #333;transition: color 0.2s ease-in 0s; transition:background-color 0.2s linear;transition: all 0.2s;
    box-shadow: inset 140px 0 0 0 #ddd;
}
/*case*/
.case-list h5 span{font-weight: bold;}
.case-list a h6 span{color: #666}
.case-list a:hover,.case-list a:hover h5,.case-list a:hover h6{color: #000}
.case-list .bt{border-bottom: 1px solid #ddd; padding-bottom: 15px;}

.kongjian{position: relative}
.case-kongjian:before {content: ""; position: absolute; left:50%; right: 50%; top:-80px; border-left: 1px solid #ddd; height: 104%;}

.case-list .name{border-bottom:1px solid #ddd }
.case-list .lb{position: relative}
.case-list .lb .kj-more{position:absolute; right: 0; top:0px; padding:27px; border-left: 1px solid #ddd;}
*+.kongj.uk-grid-margin, .uk-grid+.uk-grid{
    margin-top:0px; padding-top:30px;
}
.case-list.kongj.kj-mt{margin-top: -80px;margin-bottom:80px}
.case-pho img{width: 100%; margin-bottom:15px;}

/*news*/
.home-news .n-an a span{font-size:36px; color: #ea5414}
.home-news li p{color: #666; font-size: 18px;}
.news a{text-decoration: underline;}
.news-box a img{width: 100%}
.news-box .uk-inline-clip{width: 100%}


/*contact*/
.lianxi{font-size: 16px;}
.lianxi-dh h3{font-size:33px; line-height: 46px;}
.lianx-ewm .jg{height: 8px; width:33px; margin-top: 30px; margin-bottom: 10px; background: #A1A1A1}
.lianx-ewm h5{line-height: 22px;}

.dianhua{background:#212121; color: #fff; max-width: 500px; padding:15px 20px; font-size: 18px;}
.dianhua span{margin-left: 15px;}

.zixun h3{font-size: 28px;}
.zixun h1,.zixun h2,.zixun h3,.zixun h4{color: #bbb}
.biaodan .uk-input, .biaodan .uk-select, .biaodan .uk-textarea {
    max-width: 100%;
    width: 100%;
    border: 0 none;
    padding: 0 10px;
    background:#f7f7f7;
    color: #666;
    border: 0px solid #e5e5e5; border-bottom: 1px solid #ddd;
    transition: .2s ease-in-out;
    transition-property: color,background-color,border;
}

.biaodan .uk-textarea {height: 85px;}
.biaodan .uk-button-default{color: #999;
    border: 1px solid #ddd;}
.biaodan .uk-button-default:hover{color: #333;border: 1px solid #333;}