@charset "utf-8";
img{ border:none;}
*{ margin:0px; padding:0px;}
li{ list-style:none; transition: all 0.3s linear 0s; }
.clr{ width:0px; height:0px; clear:both; overflow:hidden;}
a{ text-decoration:none; border:0; color:#555; transition: all 0.3s linear 0s;}
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-color:#f90;}
body ::-moz-selection {color:#fff;background-color:#f90;}


.header .ztop{ width:100%;}
.header .ztop .h{ height:125px; position:relative; }
.header .ztop .logo{ left:0; top:0; z-index:3; position:absolute;}
.header .ztop .ts{ height:48px; right:0; top:9px; font-size:16px; line-height:48px; color:#555;  position:absolute;}
.header .ztop .ts img{ vertical-align:text-bottom;}
.header .ztop .ts span{ margin-left:50px; float:left;}
.header .ztop .nav{ width:100%; height:68px; left:0; top:57px; z-index:2; position:absolute;}
.header .ztop .nav ul{ float:right;}
.header .ztop .nav ul li{ width:100px; padding:12px 0 0; height:56px; text-align:center; float:left; background:center bottom no-repeat; transition: all 0.3s linear 0s;}
.header .ztop .nav ul li a{width:100%; height:100%; display:block; float:left;}
.header .ztop .nav ul li .p1{ font-size:18px; color:#555;}
.header .ztop .nav ul li .p2{ font-size:12px; color:#c6c6c6;}
.header .ztop .nav ul li:hover{ background: url(../img/t_i3.jpg) center bottom no-repeat;}
.header .ztop .nav ul li:hover .p1{ color:#AD7036;}
.header .ztop .nav ul li:hover .navbox{ height:295px;}
.header .ztop .nav ul li:hover .navbox2{ height:385px;}
.header .ztop .navbox{ width:100%; height:0; background:url(../img/t_xlbg1.png); top:68px; left:0; z-index:5; position:absolute; overflow:hidden; transition: all 0.3s linear 0s;}
.header .ztop .navbox .i{ width:530px; height:auto; margin-top:15px; float:left;}
.header .ztop .navbox .z{ width:670px; height:auto; padding-top:30px; float:left;}
.header .ztop .navbox .z .bt{ width:100%; height:auto; font-size:18px; color:#c49664; text-align:left; float:left;}
.header .ztop .navbox .z .bt b{ font-size:24px; font-weight:normal;}
.header .ztop .navbox .z .zw{ width:100%; height:auto; margin-top:35px; font-size:18px; color:#c49664; float:left;}
.header .ztop .navbox .z .zw a{ width:166px; height:24px; margin:0 42px 25px 0; background:#C49664;text-align:center; line-height:24px; font-size:16px; font-weight:bold; color:#fff; float:left; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.header .ztop .navbox2{ width:100%; height:0; background:url(../img/t_xlbg2.png); top:68px; left:0; z-index:5; position:absolute; overflow:hidden; transition: all 0.3s linear 0s;}
.header .ztop .navbox2 .i{  width:530px; height:auto; margin-top:53px; float:left;}
.header .ztop .navbox2 .z{ width:670px; height:auto; padding-top:30px; float:left;}
.header .ztop .navbox2 .z .bt{ width:100%; height:auto; font-size:18px; color:#c49664; text-align:left; float:left;}
.header .ztop .navbox2 .z .bt b{ font-size:24px; font-weight:normal;}
.header .ztop .navbox2 .z .zw{ width:100%; height:auto; margin-top:35px; float:left;}
.header .ztop .navbox2 span{ width:100%; height:auto; margin-bottom:10px; font-size:16px; line-height:24px; float:left;}
.header .ztop .navbox2 span .p1{ width:96px; height:100%; margin-right:10px;  float:left;}
.header .ztop .navbox2 span .p1 a{ width:96px; height:24px; background:#C49664;text-align:center; line-height:24px; font-size:16px; font-weight:bold; color:#fff; float:left; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.header .ztop .navbox2 span .p2{ width:564px; height:auto; float:left;}
.header .ztop .navbox2 span .k{ width:94px; font-size:14px; color:#555; text-align:center; float:left;}


.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;}


.index .hj .flex-direction-nav{ display:none;}
.index .hj .flex-control-nav{ top:450px;}

.banner{ width:100%; height:500px; position:relative; }
.banner .bg{ width:100%; height:5px; z-index:3; top:0; left:0; background:url(../img/t_i4.png) 0 repeat-x; position:absolute;}
.banner .flex-control-nav{ display:none;}
.banner .slides li{ height:500px;}
.banner .slides li a{ width:100%; height:500px; display:block;}

.nbanner{ width:100%; height:360px; background: url(/img/nbanner.jpg) center no-repeat; position:relative; float:left;}
.nbanner .bg{ width:100%; height:5px; z-index:3; top:0; left:0; background:url(../img/t_i4.png) 0 repeat-x; position:absolute;}

.index .n1{ width:100%; height:auto; padding:70px 0; float:left;}
.index .n1 .z{ height:210px; position:relative; float:left; overflow:hidden; transition: all 0.3s linear 0s;}
.index .n1 .z .i{ width:100%; height:210px; left:0; top:0; z-index:-1; position:absolute;}
.index .n1 .video{ width:600px; height:420px; float:left;}
.index .n1 .z1{ width:600px;}
.index .n1 .z2{ width:300px;}
.index .n1 .z:hover .c1{ margin-top:-210px;}
.index .n1 .z:hover .c2{ margin-top:0px;}
.index .n1 .c{ width:94%; height:210px; padding:0 3%; position:relative; text-align:center;  float:left; transition: all 0.5s linear 0s;}
.index .n1 .c2 .p1{ width:100%; height:auto; font-size:24px; font-weight:bold; color:#fff; float:left;}
.index .n1 .c2 .p1 a{ font-size:24px; font-weight:bold; color:#fff;}
.index .n1 .c2 .p2{ width:100%; height:auto; font-size:16px; color:#fff; margin:20px 0 0; float:left;}
.index .n1 .c2 .p2 a{ font-size:16px; color:#fff; font-weight:normal; line-height:2em;}
.index .n1 .z1 .p2 a{ width:25%; text-align:center; float:left;}
.index .n1 .z2 .p2 a{ width:50%; text-align:center; float:left;}
.index .n1 .c .bg{ width:100%; height:210px; left:0; z-index:1; position:absolute; }
.index .n1 .c .zw{ width:100%; height:auto; left:0; top:45px; z-index:2; position:absolute; }
.index .n1 .c .zw p{ font-size:24px; font-weight:bold; color:#fff; }
.index .n1 .c2 .zw{top:30px;}
.index .n1 .c1 .bg{ background:#000; top:0px;}
.index .n1 .c2 .bg{ background:#af7b43; top:0px;}
.index .n1 .tx:hover .c1{ margin-top:0;}

.index .xbanner{ width:100%; height:300px; background:url(../img/xbannerb.png); position:relative; float:left;}
.index .xbanner .bg{ width:100%; height:300px; background:url(../img/xbanner.jpg) center 0 fixed; background-size:100%; z-index:-1;  position:absolute;}
.index .xbanner .zw{ width:780px; height:335px; padding:65px 210px 0; text-align:center; float:left;}
.index .xbanner .zw p{ padding-top:45px; font-size:16px; color:#fff; line-height:2em;}

.index .t{ width:100%; height:50px; position:relative; margin-top:50px;  float:left;}
.index .t p{left:0; bottom:0; font-size:26px; color:#707070; position:absolute;}
.index .t p b{ font-size:30px; font-weight:normal; color:#333;}
.index .t a{ right:0; bottom:0; position:absolute; display:none;}
.index .zj .b{ width:1200px; height:auto; margin-top:50px; overflow:hidden; position:relative; float:left;}
.index .zj .b .vbox{ width:1220px; height:auto; float:left;}
.index .zj .b li{ width:285px; height:390px; position:relative; margin-right:20px; background:#DCDCDC; float:left;}
.index .zj .b li img{ width:285px; height:390px; left:0; bottom:0; z-index:1; position:absolute;}
.index .zj .b li span{ width:90%; height:48px; padding:10px 5%; line-height:24px; background:#707070; left:0; bottom:-68px; z-index:2; color:#fff; position:absolute;transition: all 0.3s linear 0s;}
.index .zj .b li .p3{ width:100px; height:68px; text-align:center; line-height:58px; background:url(/img/zj_b.png); right:5px; bottom:-90px; position:absolute; transition: all 0.3s linear 0s;}
.index .zj .b li:hover span{ bottom:0;}
.index .zj .b li:hover .p3{ bottom:33px;}
.index .zj .b .jt{ width:100%; height:auto; top:50%; margin-top:-31px; left:0; z-index:2; position:absolute;}
.index .zj .b .jt span{ width:62px; height:63px; background:url(/img/i_zjjt.png) no-repeat;}
.index .zj .b .jt #gdl{ float:left;}
.index .zj .b .jt #gdr{ float:right; background-position:0 -63px;}


.index .js .b{ width:1200px; height:auto; margin-top:50px;  float:left;}
.index .js .b ul{ width:1212px; height:auto; overflow:hidden; float:left;}
.index .js .b li{ height:280px; margin:0 12px 12px 0; position:relative; overflow:hidden; line-height:48px; float:left;}
.index .js .b .z1{ width:594px;}
.index .js .b .z2{ width:291px;}
.index .js .b .z3{ width:291px; background:#F8F5EE;}
.index .js .b .z3 .more{ width:150px; height:45px; text-align:center; line-height:45px; font-size:20px; color:#fff; background:#C49664; left:70px; top:117px; position:absolute; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.index .js .b li img{ float:left;}
.index .js .b li span{ width:100%; height:94px; text-align:center; padding:93px 0; font-size:36px; color:#fff; background:url(../img/i_jsb.png) center no-repeat; left:0; top:-280px; position:absolute; transition: all 0.5s linear 0s;}
.index .js .b .on span{ top:0;}
.index .js .b li .p1{ font-size:36px; color:#fff; font-weight:100;}
.index .js .b li .p2{ font-size:36px; color:#fff; font-weight:bold;}
.index .js .b .z2 .p1{ font-size:24px;}
.index .js .b .z2 .p2{ font-size:30px;}


.index .n2{ width:100%; height:720px; background: url(../img/i_n2b.jpg); margin-top:50px; float:left;}
.index .n2 .z{ width:100%; height:500px; margin:84px 0 0; overflow:hidden;  float:left;}
.index .n2 .hj img{ width:1200px; height:400px; float:left; overflow:hidden; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; overflow:hidden;}
.index .n2 .hj p{ width:90%; height:auto; padding:25px 5%; background:url(../img/i_hjb.png); bottom:0; left:0; font-size:18px; color:#fff;  line-height:1.8em; position:absolute; border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; -webkit-border-radius:0 0 15px 15px; overflow:hidden;}
.index .n2 .qh{ width:100%; height:auto; overflow:hidden; float:left;}
.index .n2 .qh .vbox{ width:860px; height:auto; padding:0 210px; float:left;}
.index .n2 .qh a{ width:360px; margin-right:60px; height:63px; background:#C49664; text-align:center; line-height:63px; font-size:24px; color:#fff; float:left;}
.index .n2 .qh .on{ background:#A35324;}
.index .n2 .ry .i{ width:1200px; height:auto; float:left;}
.index .n2 .news ul{ width:1252px; height:auto; float:left;}
.index .n2 .news ul li{ width:261px; height:196px; margin:0 52px 40px 0; position:relative; float:left;}
.index .n2 .news ul li img{ width:261px; height:196px; float:left;}
.index .n2 .news ul li p{ width:90%; height:auto; padding:10px 5%; text-align:justify; background:url(../img/i_hjb.png); bottom:0; left:0;  line-height:1.8em; position:absolute; font-size:16px; color:#fff;}



.footer{ width:100%; height:auto; padding:35px 0 0;  background:#f3f3f3; float:left;}
.footer .z1{ width:150px; height:auto; float:left;}
.footer .t{ width:100%; height:40px; border-bottom:1px #d5d5d5 solid; float:left;}
.footer .t span{ width:150px; height:40px; text-align:center; line-height:40px; font-size:18px; color:#333; background:url(../img/f_t2.png) center bottom no-repeat; float:left;}
.footer .t span:hover{ background:url(../img/f_t1.png) center bottom  no-repeat; transition: all 0.3s linear 0s; }
.footer .z1 .b{ width:130px; height:auto; padding:10px; float:left;}
.footer .z1 .b a{ width:300px; height:38px; background: url(../img/f_li2.png) 20px center no-repeat;  padding-left:35px; font-size:14px; line-height:38px; color:#888; margin-bottom:5px;  float:Left;}
.footer .z1 .b a:hover{  color:#BC7C40; background: url(../img/f_li1.png) 20px center no-repeat;}

.footer .z3{ width:600px; height:auto; margin-right:50px; float:left;}
.footer .z3 .t{ width:350px; padding-left:150px;}
.footer .z3 .b{ width:450px; height:300px; padding-left:150px; background:url(../img/map.png) right bottom no-repeat; font-size:14px; color:#888; line-height:24px; float:left;}
.footer .z3 .p1{ width:350px; height:auto; padding-left:20px; background: url(../img/f_icon1.png) 0 5px no-repeat; margin-top:20px; float:left;}
.footer .z3 .p2{ width:350px; height:auto; font-size:24px; color:#888; padding-left:20px; background: url(../img/f_icon2.png) 0 2px no-repeat; margin-top:20px; float:left;}
.footer .z3 .p2 a{ font-size:24px; color:#888; }
.footer .z3 .p2 b{ color:#bc7c40}
.footer .z3 .p3{ width:350px; height:auto; padding-left:20px; background: url(../img/f_icon3.png) 0 5px no-repeat; margin-top:20px; float:left;}
.footer .z4{ width:250px; height:auto; text-align:center; float:left;}
.footer .z4 .i{ width:100%; float:left;}
.footer .z4 span{ width:100%; height:auto; font-size:14px; color:#888; margin-top:20px; line-height:30px;  float:left;}
.footer .z4 b{ font-size:16px; color:#333;}
.footer .z5{ width:100%; height:100px; background:#222; padding-bottom:20px; float:left;}
.footer .z5 .dlogo{ width:47%; height:auto; padding:20px 0 0 3%; float:left;}
.footer .z5 .dinfo{ width:50%; height:auto; padding-top:30px; font-size:14px; text-align:right; color:#666; float:right;}
.list .p_left{ width:180px; height:inherit; margin-top:-108px; display:block; float:left;}
.list .p_right{ width:970px; height:auto; float:right;}
.list .p_left .l_n1{ width:180px; height:524px; background:url(/img/p_lb.png); float:left;}
.list .p_left .l_n1 span{ width:180px; height:83px; padding-top:25px; text-align:center; line-height:2em; float:left;}
.list .p_left .l_n1 span .p1{ font-size:24px; color:#fff;}
.list .p_left .l_n1 span .p2{ font-size:14px; color:#fff;}
.list .p_left .l_n1 ul{ width:174px; height:auto; margin:16px 0 0 3px; float:left;}
.list .p_left .l_n1 ul li{ width:116px; height:42px; line-height:42px; padding-left:58px; border-bottom:1px #E7E7E7 solid; background:url(/img/p_lli1.png) 26px center no-repeat; float:left;}
.list .p_left .l_n1 ul li a{ font-size:18px; color:#333; }
.list .p_left .l_n1 ul .on{ background:#D3A97B url(/img/p_lli2.png) 26px center no-repeat; }
.list .p_left .l_n1 ul .on a{ color:#fff;}
.list .p_left .l_n2{ width:180px; height:auto; margin-top:20px; float:left;}
.list .wbox{ width:1200px; height:auto; position:relative; float:left;}

.panels{ width:180px; height:800px; overflow:hidden; float:left;}

.list .crumbs{ width:970px; height:50px; line-height:50px; font-size:14px; color:#fff; margin-top:-50px; float:left; }
.list .crumbs a{ font-size:14px; color:#fff; }
.list .listbox{ width:970px; height:auto; float:left; }
.list .listbox li{ width:968px; height:auto; margin-top: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 .i{ width:260px; height:196px; margin:20px 40px 20px 20px; overflow:hidden; float:left;}
.list .listbox li .i img{ width:100%; height:auto; float:left;}
.list .listbox li .zw{ width:600px; height:auto; margin-top:20px; overflow:hidden; float:left;}
.list .listbox li .zw p{ width:100%; height:auto; margin-top:20px; 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:#fff; margin-top:-50px; float:right; }
.art .crumbs a{ font-size:14px; color:#fff; }
.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:80px; 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;}