@charset "utf-8";
img{ border:none;}
*{ margin:0px; padding:0px;}
li{ list-style:none; }
.clr{ width:0px; height:0px; clear:both; overflow:hidden;}
a{ text-decoration:none; border:0; color:#555;}
body{ font-family:Microsoft Yahei,SimSun,Helvetica; color:#555;}
.wrap{ width:1200px; height:auto; margin:0 auto;}
.op5{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.op8{ filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
body ::selection {color:#fff;background:#C49664;}
body ::-moz-selection {color:#fff;background:#C49664;}
.header{ height:120px;}
.header .t1{ height:40px; line-height:40px; position:relative;}
.header .t2{ height:auto; position:relative;}
.header .logo{ width:320px; height:70px; left:0; top:5px; z-index:3; position:absolute;}
.header .info{  right:200px;  font-size:14px; font-weight:bold; position:absolute;}
.header .tel{  right:0;  font-size:14px; font-weight:bold; position:absolute;}
.header .tel mip-img{ width:22px; height:19px; margin-top:10px; margin-right:10px;  float:left;}
.header .line{ width:100%; border-top:5px #BD8A39 solid;  float:left;}
.header .nav{ width:864px; height:70px; padding-left:336px; right:0px; top:5px; overflow:hidden;  position:absolute;}
.header .nav ul li:first-child{ border:0;}
.header .nav ul li{ width:107px; padding:15px 0; border-left:1px #ddd solid; text-align:center; line-height:1.5em; float:left;}
.header .nav ul li a{ font-size:14px; color:#333; }
.header .nav ul li .s{ font-size:12px; color:#8e8e8e;}
.header .nav ul li:hover{ background:#BD8A39;}
.header .nav ul li:hover a{ color:#fff;}
.header .nav ul li:hover .s{ color:#fff;}

.flexslider{position:relative;height:auto;}
.slides{height:500px; position:relative;z-index:1;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;  text-align:center; }
.flex-control-nav li{display:inline-block;width:42px;height:5px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:42px;height:5px; overflow:hidden; background:#C49664;cursor:pointer;}
.flex-control-nav .flex-active{background:#A35324;}
.flex-direction-nav{position:absolute;z-index:2;width:100%;top:40%;}
.flex-direction-nav li a{display:block;width:56px;height:88px;overflow:hidden;cursor:pointer;position:absolute; }
.flex-direction-nav li a.flex-prev{left:20px;background:url(/img/l.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:20px;background:url(/img/r.png) center center no-repeat;}


.banner{ width:100%; height:500px; position:relative; float:left;}
.banner .flex-control-nav{ display:none;}
.banner .slides li{ height:500px;}
.banner .slides li a{ width:100%; height:500px; display:block;}

.index{ width:100%; height:auto; background:url(/img/bg.png) center 740px no-repeat; float:left;}
.index .n1{ height:auto; padding:50px 0 30px 0; text-align:center; float:left;}
.index .xbanner{ width:100%; height:auto; margin-top:30px; float:left;}
.index .n2{ width:100%; height:auto; margin-top:30px;float:left;}
.index .n2 .t{ width:100%; height:auto; text-align:center; line-height:1.5em; font-size:26px; color:#C49664; background:url(/img/tbg.png) center no-repeat; float:left;}
.index .n2 .t b{ font-size:42px; font-weight:bold;}
.index .n2 .b .si{ width:390px; height:300px; margin:30px 10px 0 0; overflow:hidden; float:left;}
.index .n2 .b .si2{ width:390px; height:300px; margin:30px 0 0 10px; overflow:hidden; float:left;}
.index .n2 .b .list{ width:380px; height:300px; background:#fff; margin-top:30px; padding:0 10px; box-shadow: 3px 3px #ccc; float:left;}
.index .n2 .b .list .bt{ width:100%; padding:5px 0; border-bottom:1px #C49664 solid;  float:left; }
.index .n2 .b .list .bt a{ font-size:20px; color:#C49664; float:left;}
.index .n2 .b .list .bt span{ font-size:14px; color:#ccc; margin-top:10px; float:right;}
.index .n2 .b .list ul{ width:100%; height:auto; padding-top:20px; float:left;}
.index .n2 .b .list ul li{ width:100%; height:auto; font-size:16px; color:#C49664; line-height:2em; float:left;} 
.index .n2 .b .list ul li a{ color:#333;}

.index .n3{ width:100%; height:auto; margin-top:30px; float:left;}
.index .n3 .t{ width:100%; height:auto; text-align:center; line-height:1.5em; font-size:26px; color:#C49664; background:url(/img/tbg.png) center no-repeat; float:left;}
.index .n3 .t b{ font-size:42px; font-weight:bold;}
.index .n3 .b .si{ width:590px; height:auto; margin:10px 0 0; float:left;}
.index .n3 .b .s{ margin-right:20px;}

.index .n4{ width:100%; height:auto; margin-top:10px; float:left;}
.index .n4 .t{ width:100%; height:auto;  line-height:80px; font-size:26px; color:#C49664;  float:left;}
.index .n4 .t b{ font-size:42px;}
.index .n4 .b{ width:1200px; height:480px; background:url(/img/i_n4i.jpg)no-repeat; float:left;}
.index .n4 .b ul{ width:400px; height:auto;  float:left;}
.index .n4 .b ul .s a{ height:125px;}
.index .n4 .b ul li a{ width:200px; height:88px; float:left;}
.index .n4 .b .si a{ width:800px; height:480px; float:left;}

.footer{ width:100%; height:auto; margin-top:30px;  float:left;}
.footer .f1{ width:100%; height:300px; float:left;}
.footer .f1 .wrap{ position:relative;  }
.footer .f1 .dh{ width:250px; height:200px; padding:0 100px; border:1px #BD8A39 solid; border-top:0; border-bottom:0; top:60px; left:326px;  position:absolute;}
.footer .f1 .b{ font-size:24px; color:#333; font-weight:bold;}
.footer .f1 .dh span{ width:300px; height:auto; margin-top:10px; float:left;}
.footer .f1 .dh p{ width:100px; height:auto; line-height:2.4em; float:left;}
.footer .f1 .dh p a{ font-size:20px; color:#333;}
.footer .f1 .lx{ width:460px; height:auto; top:200px; left:820px; position:absolute;}
.footer .f1 .lx p{ width:100%; line-height:1.5em; font-size:20px; color:#333; float:left;}
.footer .f1 .wx{ width:260px; height:110px; right:120px; top:60px; position:absolute;}
.footer .f1 .wx mip-img{ width:120px; height:120px; float:right;}
.footer .f1 .wx span{ width:120px; height:auto; padding:30px 20px 0 0; text-align:center; font-size:16px; line-height:2em; color:#333; float:left;}
.footer .f1 .wx span b{ font-size:24px; }
.footer .f1 .dlogo{ width:240px; height:200px; left:20px; top:60px; position:absolute;}

.footer .f2{ width:100%; height:auto; background:#C49664; padding:30px 0 50px 0; float:left;}
.footer .f2 .fn{ text-align:center; font-size:14px; color:#fff; line-height:2em; }





.list .wbox{ width:1200px; height:auto; position:relative; float:left;}

.panels{ width:180px; height:800px; overflow:hidden; float:left;}

.list .crumbs{ width:1200px; height:50px; line-height:50px; font-size:14px; color:#C49664; float:left; }
.list .crumbs a{ font-size:14px; color:#C49664; }
.list .listbox{ width:888px; height:auto; float:left; }
.list .listbox li{ width:90%; height:auto; padding:5%; margin-bottom:30px; border:1px #e7e7e7 solid; border-left:1px #C49664 solid; float:left;} 
.list .listbox li:hover{ border:1px #ccc solid; border-left:1px #f00 solid;}
.list .listbox li .zw{ width:100%; height:auto; overflow:hidden; float:left;}
.list .listbox li .zw p{ width:100%; height:auto; margin-top:10px; float:left;}
.list .listbox li .zw .p1 a{ font-size:18px; color:#333;}
.list .listbox li:hover .p1 a{ color:#C49664;}
.list .listbox li .zw .p2{ height:4.5em; font-size:14px; color:#555; line-height:1.5em;}
.list .listbox li .zw .p3 a{ font-size:16px; color:#C49664;}

.pages{ width: 970px; height:100px; text-align:center; line-height:100px; font-size:16px; color:#C49664; float:left;}
.pages a{ padding:5px; background:#eee; font-size:16px; color:#C49664;}
.pages a:hover{ background:#C49664; color:#fff;}

.p_d{ width:100%; height:300px; text-align:center; float:left;}
.p_d li{ width:240px; height:auto; padding-top:228px; position:relative; float:left;}
.p_d li .i{ width:176px; height:176px; left:32px; top:32px;overflow:hidden; transition: all 0.3s linear 0s; position:absolute;}
.p_d li .i img{ width:100%; height:auto; float:left;}
.p_d li .i2{ width:0; height:0; left:120px; top:120px;}
.p_d li:hover .i1{ width:0; height:0; left:120px; top:120px;}
.p_d li:hover .i2{ width:176px; height:176px; left:32px; top:32px;}
.p_d li a{ font-size:18px; color:#333; }
.p_d li:hover a{ color:#C49664;}

.art .crumbs{ width:100%; height:50px; line-height:50px; font-size:14px; color:#C49664; float:left; }
.art .crumbs a{ font-size:14px; color:#C49664; }
.art .content{ width:100%; height:auto; padding:30px 0; font-size:16px; color:#333;  line-height:2em; float:left;}
.art h1{ width:100%; height:auto; text-align:center; font-size:26px; font-weight:bold; color:#333; margin-top:30px; float:left;}
.art .info{ width:100%; height:auto; text-align:center; font-size:14px; color:#555; margin-top:30px; float:left;}
.art .info a{ color:#a35324}
.art .fy{ width:100%; height:auto; font-size:18px; color:#555; line-height:2em; padding:0 0 30px; border-bottom:1px #D8D8D8 solid; float:left;}
.art .fy a:hover{ color:#C49664;}
.art .artbox{ width:890px; height:auto;float:left;}

.rbox{ width:300px; height:auto; margin-left:10px;  float:left;}
.rbox .bt{ width:94%; height:auto; margin-top:10px;  padding:0 3%; line-height:2em; background:#C49664; font-size:26px; font-weight:bold; color:#fff; float:left;}
.rbox ul{ width:100%; margin-top:10px; float:left;}
.rbox ul li{ width:100%; height:auto; font-size:16px; color:#C49664; line-height:2em; float:left;} 
.rbox ul li a{ color:#333;}







