@charset "utf-8";
/* CSS Document */
body{background-color: #f2f2f1; }
.body{ margin:0px; padding:0px; background-color:#f2f2f1; color:#5d5d5d;}
.box{ width:960px; margin:0 auto; padding:0px;}
.top_nav{ width:100%; background-color:#f2f2f1; height:65px;}
.top_nav_title{ float:right; height:50px; width:340px;}
.top_nav_title ul li{ margin-top:5px;}
.top_nav_title ul li ul{ margin-top:5px;}
.top_nav_title ul li ul li{ float:left; margin-left:24px;}
.text-r{ text-align:right; padding-right:3px; color:#897458; }
.text-r li{ font-weight:bold;}
.banner{ width:100%;background:#000000; }
.c{ background-color:#f2f2f1; height:175px;}
.c_2{ background-color:#f2f2f1; height:235px;}
.c_3{ height: 203px;border-bottom: 1px solid #bcbbba;}
.c_4{  min-height:447px; background:#FFFFFF;}
.c_6{  height:145px;}
.c_5{ background-color:#f2f2f1; }
.c_5 .xian {
border-top: 2px solid #bcbbba;
border-bottom: 2px solid #bcbbba;
width: 960px;
margin: 0 auto;
margin-bottom:20px;
}
.al_list li{ float:left; margin:0px 6px 5px 0px}
.c_list li{ float:left;}
.c_list4 li{ float:left; height:138px;}
.c_listanli{ padding-left:20px;}
.c_listanli li{ float:left; height:138px; margin:0px 1px 1px 0px;}
.c_listfuwu{ padding-left:20px;}
.c_listfuwu li{ float:left; height:200px; margin:0px 1px 1px 0px;}
.c_listlc{ padding-left:10px;}
.c_listlc li{ float:left; height:215px; margin:0px 5px 5px 0px;}
.c_listlc2{ padding-left:60px;}
.c_listlc2 li{ float:left; height:275px; margin:0px 20px 10px 0px;}
.tz_01{ float:left; margin-left:20px; width:200px; height:216px; padding-top:20px;}
.tz_01_nav{ margin-left:10px; width:170px; height:20px; background-color:#151d2a;}
.tz_01_nav span{ font-size:14px; color:#FFFFFF; font-weight:bold;}
.newslist{ padding-top:10px;}
.newslist span{ float:right; padding-right:2px; padding-top:5px;}
.newslist ul li{  background:url(../images/ico_li.gif) no-repeat left center; padding-left:5px; padding-top:5px;}
.tz_img{ float:right;}
.foot{ width:100%; height:100px; background-color:#252c3c;}
.fimg{ padding-top:20px; padding-left:10px; }
.foot_lx{ width:180px;  float:left; color:#FFFFFF; padding-top:10px; margin-left:180px; }
.foot_logo{ float:right; color:#FFFFFF;}
.main{ background-color:#f2f2f1;}
.mainanli{ background-color:#f2f2f1; }
.content{ background-color:#ffffff; padding-bottom:20px;}
.contentanli{ background-color:#ffffff; width:960px; margin: 0 auto; }
.content .fenlan{ width:920px; text-align:left; font-size:25px; margin:30px auto 10px auto; padding:2px 0px 0px 10px; color:#535353; border-top: 1px #535353 solid; border-bottom: 1px #535353 solid; }
.fenlan img{ margin-left:5px;}
.content .title{ text-align:left; font-size:25px; padding:30px 0px 0px 20px; color:#535353; }
.content .img{ padding-left:255px;}
.content .img1{ padding-left:175px; margin-top:30px;}
.content .img2{ padding-top:20px;}
.content .img3{padding-left:175px; padding-top:60px;}
.contentlc { background-color:#072032; padding-bottom:20px;}
.contentlc .fenlan{ width:920px; text-align:left; font-size:25px; margin:30px auto 10px auto; padding:2px 0px 0px 10px; color:#ffffff; border-top: 1px #535353 solid; border-bottom: 1px #535353 solid; }
.contentlc1 { background-color:#e6e6e6; padding-bottom:20px;}
.contentlc1 .fenlan{ width:920px; text-align:left; font-size:25px; margin:30px auto 10px auto; padding:2px 0px 0px 10px; color:#000000; border-top: 1px #757981 solid; border-bottom: 1px #757981 solid; }
.article p{text-indent: 2em; color:#535353;}
.article span{ padding-left:20px; color:#535353;}
.articlelc{ padding-left:30px;}
.articlelc p{ color:#ffffff; padding-bottom:10px;}
.articlelc span{ color:#b28850;}
.articlelc1{ padding-left:30px;}
.articlelc1 p{text-indent: 2em; color:#575757; padding-top:10px; padding-bottom:10px;}
.articlelc1 span{ color:#575757; padding-left:200px; font-size:16px; display:block; line-height:18px;}
p.t1{ color:#b28850; font-size:14px;}
.ds{  height:285px;}
.fuwu{  height:400px;}
.lc{  height:220px; background-color:#113456;}
.lc2{  height:550px;}
.lc_img{ margin-top:20px; margin-bottom:20px;} 
.boss_title{ height:60px; background:url(../images/3xdbg_name.jpg) no-repeat; padding:25px 0px 0px 168px; font-size:24px;}
.neirong{ height:250px;}
.boss_img{ float:left;}
.boss_imgi{ float:left;}
.text{ float:left; width:340px; padding:0px 0px 0px 10px; font-size:13px; font-family:"黑体"; color:#242c3b; font-weight:bold;}
.text1{ float:left; width:148px; padding:0px 0px 0px 10px; font-size:13px; font-family:"黑体"; color:#242c3b; font-weight:bold;}
.text span{ font-size:24px; color:#a98e5f;}
.text p{ font-size:14px; font-family:"黑体"; color:#575757; padding-top:20px;}
.boss_img img{ padding:5px 0px 0px 70px;}
.lctitle{ text-align:center; font-size:24px; font-family:"微软雅黑"; color:#142336; font-weight:600;}
.lc4title{ padding-left:350px; font-size:24px; font-family:"微软雅黑"; color:#142336; font-weight:600; line-height:45px;}
.lc4title span{ padding-left:20px;}
.lc4title a{ text-decoration:none; color:#000000;}
.lctext{ font-size:14px; font-family:"黑体"; padding-left:270px; color:#113456;}
.lctext p{ line-height:20px; font-weight:bold;}
.neirong1{ height:250px; padding-left:50px; padding-top:20px;}
.name{ font-size:24px; font-family:"微软雅黑"; }
.bigtitle{ background-color:#e5e5e5; height:90px; width:940px; margin:0 auto; color:#535353; }
.bigtitle span{ font-size:35px; font-family:"微软雅黑"; color:#535353; display:block; text-align:center; padding-top:2px;}
.bigtitle span img{padding-top:7px; padding-left:5px;}
.bigtitle p{ text-align:center;}
.bigtitleanli{ background-color:#e5e5e5; height:120px; width:670px; margin:0 auto; color:#535353; }
.bigtitleanli span{ font-size:35px; font-family:"微软雅黑"; color:#535353; display:block; text-align:center; padding-top:2px;}
.bigtitleanli span img{padding-top:7px; padding-left:5px;}
.bigtitleanli p{ text-align:center;}
.anlileft{ float:left; width:290px; }
.anliright{ float:left; width:668px; margin-top:41px; border-left:1px solid #cfcfc9; }
.tname{ font-size:24px; font-family:"微软雅黑"; color:#535353;}

.caselist{}
.caselist ul { background:#000;}
.caselist ul li{ width:25%; float:left; position:relative; height:auto; overflow:hidden;}
.caselist ul li i{ width:100%; height:100%; background:url(../images/cov.png); position:absolute; left:0; top:0;}
.caselist ul li img{ width:100%; height:auto; display:block;}
.caselist ul li.subnav dl{ position:absolute; left:11%; top:11%;}
.caselist ul li.subnav dl dt{ font-size:16px; color:#333; padding-bottom:10px;}
.caselist ul li.subnav dl dd{ background:url(../images/dot02.png) left center no-repeat; height:20px; line-height:20px; overflow:hidden; padding-left:7px;}
.caselist ul li.subnav dl dd a{ color:#777; text-decoration:line-through;}
.caselist ul li.subnav dl dd a.on{ text-decoration:none;}
.caselist ul li div.showtxt{ position:absolute; width:100%; height:100%; position:absolute; bottom:-100%; left:0; background:url(../images/pinkBg.png); overflow:hidden; z-index:1}
.caselist ul li div.showtxt h2{ color:#FFF; font-size:16px; margin-bottom:6px; height:24px; overflow:hidden; line-height:24px;}
.caselist ul li div.showtxt h2 a{ color:#FFF;}
.caselist ul li div.showtxt p{ height:50%; overflow:hidden; line-height:18px; color:#FFF;}
.caselist ul li div.showtxt div{ padding:10%; height:80%;}
.caselist ul li div.showtxt a.more{ background:url(../images/arrow02.png) right center no-repeat; padding-right:22px; color:#FFF; text-decoration:none; position:absolute; bottom:12px; right:20px;}








@media screen and (max-width: 1440px)
{
.caselist ul li{ width:25%;}
}

@media screen and (max-width: 1280px)
{

}

@media screen and (max-width: 1170px)
{

}


@media screen and (max-width: 880px)
{


.caselist ul li{ width:50%;}

}

@media screen and (max-width:768px){

}

@media screen and (max-width:740px){

}

@media screen and (max-width:640px)
{

.caselist ul li{ width:100%;}
}

@media screen and (max-width:380px)
{

}

@media screen and (max-width:480px)
{

}

@media screen and (max-width:450px)
{

}

@media screen and (max-width:310px)
{

}

#timetree{ width:960px; height:1523px; background:url(../images/ttree_bg.png) no-repeat; position:relative; z-index:1;}
.ttree_list{ height: auto; clear:both; position:relative;z-index:2;}
.ttree_list .lbox{ position:absolute; top:0; left:0; z-index:2;  width:500px;}
.ttree_list .lbox img{ position:absolute; top:0; right:0;}

.ttree_list .rbox{ position:absolute; top:0; right:0; z-index:2;  width:458px;}
.ttree_list .rbox img{ position:absolute; top:0; left:0; }

.ttree_list .cbox{ position:relative; z-index:3; top:0; left:0;}
.ttree_list .cbox img{ display:block;}

.ttree_list .lbox img{width:0;  opacity:0;}
.ttree_list .rbox img{ width:0; opacity:0;}