*{ font-family: Microsoft YaHei}
a{color:#787878}
a:hover{ text-decoration:none;}
ul,li{ list-style:none; padding:0; margin:0}
body{ background:#000000; overflow:auto; border: 1px solid #000}
.logo{ position:fixed; left:37px;top:30px; z-index:999}
.nav{ position:fixed; right:30px;top:50px;color:#b3b3b3; z-index:999}
.nav li{ padding:0; margin:0}
.nav .uk-subnav-line>:nth-child(n+2):before{margin-right:0;}
.nav a{color:#b3b3b3; padding:2px 10px; font-size:13px; margin:0 8px}
.nav a.act,.nav a:hover{background:#f3eee5;color:#676460;}
.nav .uk-dropdown{ background:#000; padding:0; border:1px solid #333; border-radius:0}
.nav .uk-nav-dropdown{ background:#000; margin:0}
.nav .uk-nav-dropdown li{border-bottom:1px solid #333}
.nav .uk-nav-dropdown a{margin:0 0;color:#999}
.nav .uk-nav-dropdown a:hover{ background:#333}

.idxbanner{background: #000000;cursor:pointer}

.idx_banner1_picwrap{ position:absolute;width:1064px;height:662px; left:50%; top:50%; margin-left:-532px; margin-top:-331px; }
.idx_banner_pic1_cover{position:absolute;left:0; top:0;right:0;bottom:0;background:url(../images/idx_banner_pic1_cover.png) no-repeat center; z-index:2;}
.idx_banner_pic1{position:absolute;width:1064px;height:662px;left:0; top:0; background:url(../images/idx_banner_pic1.png) no-repeat center; z-index:1;}
.uk-animation-1{-webkit-animation-duration:1s;animation-duration:1s}
.uk-animation-2{-webkit-animation-duration:2s;animation-duration:2s}
.idx_text1_1{ position:absolute;width:151px;height:268px; background:#000; z-index:4; left:390px; top:185px; text-align:center;}
.idx_text1_1 span{ display:block; line-height:30px;color:#fff; opacity:0.6}
.idx_text1_1 span.en{ font-size:16px;font-weight:bold;margin-top:90px}
.idx_text1_1 span.cn{ font-size:12px; }
.idx_text1_2{ position:absolute; right:0; top:39%; width:62.5%; height:76px; background:rgba(255,255,255,0.14); z-index:3}
.idx_text1_2 ul{ float:right; margin-right:30px}
.idx_text1_2 li{ float:left; font-size:20px;color:rgba(255,255,255,0.6); line-height:76px}
.idx_text1_2 li.divider{margin:0 20px}


.idx_banner_pic2{  background: url(../images/idx_banner_pic2.png) no-repeat center;}
.idx_text2_1{width: 375px; position: absolute; left: 15%;top:30%; margin-left: 10px}
.idx_text2_1 span.t{color:#736149; display: block; font-size: 36px; line-height: 50px}
.idx_text2_1 span.t span{font-size: 48px;}
.idx_text2_1 span.i{color:#32281d; display: block; font-size: 10px; text-transform: uppercase;}
.idx_text2_1_line{position: absolute;width: 15%;height: 2px;top:30%;background: #332717; margin-top:25px;}

.idx_text2_2{position: absolute;color:#32281d;font-size: 10px; line-height: 16px;right:15%;bottom:15%}
.idx_text2_line{ position: absolute;width:15%;right:0;bottom:15%;height: 2px;background: #332717;margin-bottom:4px}

.idx_banner_pic3{background: url(../images/idx_banner_pic3.png) no-repeat center;}
.idx_text3_1{position:absolute;width:420px;color:#b0a18e; font-size: 28px; text-align: center; left: 50%;margin-left: -210px;top:50%;margin-top:-75px}
.idx_text3_1 .t{ line-height:50px;}
.idx_text3_1 span{font-size:48px}
.idx_text3_1 .en{color:#888888; line-height:20px;width:420px; font-size: 10px; margin-top:30px; text-transform: uppercase;}

.idx_banner_pic4{background: url(../images/idx_banner_pic4_cover4.png) no-repeat center;}
.idx_text4_1{position:absolute;width:436px;left: 50%; top:50%; margin-left:-580px;margin-top:-220px}
.idx_text4_1 .cn{font-size: 30px; line-height: 50px;margin-top:10px}
.idx_text4_1 .en{font-size: 10px;line-height: 20px; text-transform: uppercase;}

.idx_rectangle4_1{position:absolute;width:430px;height:180px; border:2px solid #2a2a2a; left: 50%;top:50%; margin-left: -580px;margin-top:50px;z-index: 1;}
.idx_rectangle4_2{position:absolute;width:197px;height:390px; border:2px solid #2a2a2a;left: 50%;top:50%; margin-left: 450px;margin-top:-170px;z-index: 1;}

.idx_banner_pic4_1{position:absolute;background:url(../images/idx_banner_pic4_1.png);width:195px;height:195px; text-align:center;line-height:195px;color:#747474;font-size:30px;left:-80px;top:80px}
.idx_banner_pic4_2{position:absolute;background:url(../images/idx_banner_pic4_2.png);width:209px;height:208px; text-align:center;line-height:208px;color:#747474;font-size:30px;left:-90px;top:-170px; }
.idx_banner_pic4_3{position:absolute;background:url(../images/idx_banner_pic4_3.png);width:240px;height:236px; text-align:center;line-height:236px;color:#747474;font-size:30px;left:-190px;bottom:-120px;}

.idx_banner_pic5{background: url(../images/idx_banner_pic5.png) no-repeat center;}
.idx_text5_1{color:#bebebe;position:absolute;left:50%;top:50%; margin-left:200px; margin-top:100px}
.idx_text5_1 .t{color:#c8b7a2;font-size: 30px}
.idx_text5_1 .en{ font-size: 30px; margin-top: 40px; line-height: 30px}
.idx_text5_1 b{display: block; font-size: 24px;}

a.idxbannerbtn{ display:block;width:60px; height:60px; border:2px solid #fff;color:#fff !important; position:fixed; left:50%; margin-left:-32px; bottom:10px; z-index:1000; border-radius:50%;  text-align:center; opacity:0.6}
a.idxbannerbtn i{font-size:22px;line-height:60px;}

#navleft a.act{background:#676460;}
@keyframes idxbannerbtn_animation
{
    0%   {bottom:10px}
    50%   {bottom:15px}
    75%   {bottom:5px}
    100%  {background: 10px;}
}
 
@-webkit-keyframes idxbannerbtn_animation /* Safari 与 Chrome */
{
    0%   {bottom:10px}
    50%   {bottom:15px}
    75%   {bottom:5px}
    100%  {background: 10px;}
}
a.idxbannerbtn{animation:idxbannerbtn_animation 3s;animation-delay: 2s;animation-iteration-count: infinite;}
.innerbanner{height:382px; margin-top:100px}
.innerbanner2{height:658px; margin-top:100px; position:relative; overflow:hidden}
.innerbanner3{height:689px; margin-top:100px; position:relative; overflow:hidden}
.uk-container{max-width:980px;padding:0 25px}@media (min-width:1220px){.uk-container{max-width:1280px;padding:0 35px}}

.bodyer{margin:40px auto !important; clear:both;}
.leftmenu li{ line-height:40px}
.leftmenu .dot{width:4px;height:4px; display:inline-block; border-radius:2px; background:#787878;margin:3px 10px}
.leftmenu a .uk-icon-reorder{color:#000;margin:0 0}
.leftmenu a.act .uk-icon-reorder{color:#787878}
.leftmenu a:hover .uk-icon-reorder{color:#787878}
.leftmenu a:hover{color:#787878}
.leftmenu { background:url(../images/leftmenu_sline.jpg) repeat-y 30px}

.maintitle{color:#6e2500; border:1px solid #3b1c00; display:inline-block; padding:6px 25px; font-size:16px}
.maincontent{ margin:20px 0;font-size:14px;color:#7c7c7c;}
.maincontent td,.maincontent div.maincontent p,.maincontent a,.maincontent *{font-size:14px;color:#7c7c7c;}
.ftnav{ border-top:1px solid #0f0f10; padding:30px 0}
.ftnavlink a{ color:#282828; font-size:13px; line-height:22px; display:inline-block}
.ftnavlink a:hover{color:#4d4d4d !important}
.ftnavlink .title{margin-bottom:5px}
.ftnavlink .title a{ font-size:14px; font-weight:bold;border-bottom:1px solid #100e09; line-height:30px;color:#4d4d4d}
.copyright{ margin-top:30px;border-top:1px solid #0f0f10; padding:20px 0; text-align:center; font-size:13px}

.newslist .title a{ font-size:14px;font-weight:bold; color:#4d4d4d; line-height:30px}
.newslist .title a:hover{color:#ccc}
.newslist .date{ font-size:12px;color:#959595; margin:20px 0 0 0}
.newslist .intro{ font-size:12px;color:#4d4d4d; margin:20px 0 0 0 }
.newslist .more{ margin:20px 0 0 0 }
.newslist .more a{ font-size:12px;color:#5f4a16 }
.newslist .uk-grid-divider{border-top:1px solid #111}
.maintitl2{height:73px; background:url(../images/maintitl2_bg.jpg) no-repeat center; margin:50px 0; position:relative}
.maintitl2 .title{ position:absolute; width:210px; line-height:73px; left:50%; margin-left:-105px; top:0;font-size:24px;color:#929292; text-align:center}
.maintitl2 .entitle{position:absolute; width:410px; line-height:73px;right:50%; margin-right:140px; text-align:right; font-size:72px;color:#101010; text-transform:uppercase}

.teamlist{margin:0 10px}
.teamlist .item{width:540px; }
.teamlist .lt{ float:left; width:270px; height:140px; background:url(../images/team_lefttop_bg.jpg) no-repeat center; overflow:hidden}
.teamlist .lt .title{ color:#82807a; font-size:16px; margin:63px 0 0 60px}
.teamlist .lt .star{ color:#82807a; margin:13px 0 0 100px}
.teamlist .rt{ float:left; width:270px;height:140px; background:url(../images/team_righttop_bg.jpg) no-repeat center}
.teamlist .lb{ float:left; width:270px;height:245px; background:#2e2e2e}
.teamlist .rb{ float:left; width:270px;height:245px; background:#0d0d0b}
.teamlist .rb .intro{ margin:30px; line-height:28px}
.local{ text-align:right; line-height:30px}
.local a{color:#444444;}
.local a:hover{color:#444444;}
.cases_class{ border:1px solid #3c3c3c; padding:10px;color:#7f7f7f;line-height:26px}
.cases_class *{color:#7f7f7f;}
.cases_class li{color:#7f7f7f;line-height:26px}
.cases_class li a{color:#7f7f7f; display:inline-block; padding:0 10px; font-size:14px}
.cases_class li a.act,.cases_class li a:hover{color:#7f7f7f; background:#252525}
.cases_class .uk-subnav-line>:nth-child(n+2):before{border-left:1px solid #3c3c3c !important}

.cases_class2{ padding:20px 30px}
.cases_class2 li{float:left; padding:0 20px 0 0;}
.cases_class2 li a{color:#7f7f7f; display:inline-block; padding:0 10px; font-size:14px}
.cases_class2 li a.act,.cases_class2 li a:hover{color:#7f7f7f; background:#252525}

.caseslist,caseslist2{ margin:30px 0}
.caseslist .uk-panel-body{border:1px solid #1d1d1d; margin-top:-8px;max-width:220px }
.caseslist2 .uk-panel-body{border:1px solid #1d1d1d; margin-top:-8px;max-width:183px }
.caseslist a:hover,.caseslist2 a:hover{color:#fff}
.caseslist .newico,.caseslist2 .newico{ position:absolute; left:0; top:0}
.caseslist .pic,.caseslist2 .pic{width:250px; height:250px;}
.maintitle3{background:#131313;color:#676767; font-size:24px; line-height: 100px; 
text-align:center;margin-top:100px}
.article_detail .title span{ font-size: 16px;color:#ab9663}
.article_detail .content{ margin:30px 0;}

.tbborder{border:1px solid #232323; border-collapse: collapse}
.tbborder td{border:1px solid #232323}
a.mobilenavicon{ padding:0;}
a.mobilenavicon:hover{background: none;color:#fff}


@media screen and (max-width: 767px){
.logo{width:50%}
.nav{top: 35px;}
.innerbanner{height:180px; background-size:cover !important}
.innerbanner2{height:200px; }
#slider{width:584px !important; height:200px !important; margin-left:-292px !important; }


.idx_banner1_picwrap{ width:420px;height:260px; margin-left:-210px; margin-top:-131px; }
.idx_banner_pic1_cover{background-size: cover}
.idx_banner_pic1{width:420px;height:260px;   background-size: cover; }

.idx_text1_1{display: none}

.idx_text1_2{ top:20%; width:80%; height:46px; }
.idx_text1_2 ul{ margin-right:20px}
.idx_text1_2 li{  font-size:16px; line-height:46px}



.idx_banner_pic2{  background-size: cover;}
.idx_text2_1{width: 375px; position: absolute;}
.idx_text2_1 span.t{font-size: 26px; line-height: 50px}
.idx_text2_1 span.t span{font-size: 28px;}
.idx_text2_1 span.i{display: none}


.idx_banner_pic3{background-size: cover;}
.idx_text3_1{ font-size:20px;}
.idx_text3_1 span{font-size:28px}


.idx_banner_pic4{background-size: cover;}
.idx_text4_1{width:90%;left: 0%; top:15%; margin-left:5%;margin-top:0}
.idx_text4_1 .cn{font-size: 20px; line-height: 30px;margin-top:10px}


.idx_rectangle4_1{width:145px;height:145px; border:0; left:50%;bottom:10%; margin-left:-217px;margin-top:50px;}
.idx_rectangle4_2{width:145px;height:145px; border:0;left: 50%;bottom:10%; margin-left:-72px;margin-top:50px;}

.idx_banner_pic4_1{background-size: cover;width:145px;height:145px; text-align:center;line-height:145px;font-size:20px;left:0;top:0}
.idx_banner_pic4_2{background-size: cover;width:145px;height:145px; text-align:center;line-height:145px;font-size:20px;left:0;top:0; }
.idx_banner_pic4_3{background-size: cover;width:145px;height:145px; text-align:center;line-height:145px;font-size:20px;left:145px;bottom:0;}

.idx_banner_pic5{background-size: cover;}
.idx_text5_1{left:50%;top:50%; margin-left:0}
.idx_text5_1 .t{color:#c8b7a2;font-size: 20px}
.idx_text5_1 .en{ font-size: 20px; margin-top:20px; }
.idx_text5_1 b{ font-size: 18px;}

a.idxbannerbtn{ display:block;width:60px; height:60px; border:2px solid #fff;color:#fff !important; position:fixed; left:50%; margin-left:-32px; bottom:10px; z-index:1000; border-radius:50%;  text-align:center; opacity:0.6}
a.idxbannerbtn i{font-size:22px;line-height:60px;}


.teamlist .item{width:100%;}
.teamlist .lt{ float:none;margin:0 auto}
.teamlist .lb{ float:none; height:auto;margin:0 auto}


.caseslist .uk-panel-body{border:1px solid #1d1d1d; margin-top:-8px;width:auto !important; }
.caseslist .pic{width:auto; height:auto;}
}