@charset "utf-8";
/* CSS Document */
html{color:#333;background:#fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font:16px/28px "Microsoft YaHei";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
ol,ul,li {list-style:none;}
img{border:none}
h1,h2{ font-weight:bold}
h3,h4,h5{ font-weight:normal}
i,em{ font-style:normal}
a{text-decoration:none;}
.fl{float:left;}
.fr {float:right;}
.cl { *zoom:1;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{ position:relative}
.pd50{ padding:50px 0}
.pt50{ padding-top:50px;}

.w1200{ width:1200px; margin:0 auto}
.w690{ width:690px;}
.w600{ width:600px;}
.w580{ width:580px}
.w475{ width:475px;}

.bg-gray{ background:#f7f7f7}
.bg03{ background:url(images/bg03.jpg) no-repeat center top; height:690px;}

.top01{ background:url(images/top01.jpg) no-repeat center top; height:200px;}
.top02{ background:url(images/top02.jpg) no-repeat center top; height:200px;}
.top03{ background:url(images/top03.jpg) no-repeat center top; height:200px;}
.top04{ background:url(images/top04.jpg) no-repeat center top; height:200px;}

.topbox{ width:1200px; margin:0 auto; position:relative}
.topbox>div{ position:absolute; }
.qylg{ top:-206px; left:50%; margin-left:-115px;opacity:0; filter:alpha(opacity=0);}
.zt01{ top:-323px; left:50%; margin-left:-323px;opacity:0; filter:alpha(opacity=0);}
/*.mouse{ top:812px; left:50%; margin-left:-12px;}*/

.title{ width:100%; text-align:center; margin-bottom:50px;}
.title h2{ font-size:32px; line-height:50px;}
.title span{ display:inline-block; vertical-align:middle; width:20px; height:1px; background:#fff; border-left:110px solid #333; border-right:110px solid #333}
.title h3{ font-size:28px; line-height:50px; text-transform:uppercase; color:#dbb375}

.part02 .bd ul li{ width:100%; float:left}
.part02 .bd ul li h2{ line-height:50px; position:relative}
.part02 .bd ul li h2 span{ display:block; width:60%; height:2px; background:#000; position:absolute; top:24px; left:0; z-index:1}
.part02 .bd ul li h2 b{ display:inline-block; position:relative; z-index:2; padding:0 10px 0 0; background:#f7f7f7;font-size:30px;text-transform:uppercase}
.part02 .bd ul li h3{font-size:24px; font-weight:bold }
.part02 .bd ul li p{ padding:20px 100px 20px 0;}
.part02 .btn,.part04 .bd ul li .inbox .btn{ width:180px; height:80px; position:absolute; top:490px; left:620px;}
.part02 a,.part04 .bd ul li .inbox a{ display:block; width:76px; height:76px; background:url(images/arrow01.png) no-repeat; float:left; margin-right:10px; }
.part02 a.prev,.part04 .bd ul li .inbox a.sPrev{ background-position:0 -76px;}
.part02 a.next,.part04 .bd ul li .inbox a.sNext{ background-position:-76px -76px}
.part02 a.prev:hover,.part04 .bd ul li .btn a.sPrev:hover{ background-position:0 0}
.part02 a.next:hover,.part04 .bd ul li .btn a.sNext:hover{ background-position:-76px 0}

.part03 .bd ul li{ width:100%; float:left}
.part03 .bd ul li img{ display:block}
.part03 a{ display:block; width:76px; height:76px; background:url(images/arrow02.png) no-repeat; position:absolute;top:50%; margin-top:-38px;}
.part03 a.prev{ background-position:0 -76px; left:-86px }
.part03 a.next{ background-position:-76px -76px; right:-86px}
.part03 a.prev:hover{ background-position:0 0}
.part03 a.next:hover{ background-position:-76px 0}
.part03 .txt{ width:1160px;padding:20px;  background:url(images/tmbg.png) repeat; color:#fff; position:absolute; left:0; bottom:0}
.part03 .txt b{ font-size:20px; font-weight:normal}

.part04 .bd ul li .inbox .btn{ top:430px; left:870px;}
.part04 .hd{ float:left; border:1px solid #ccc; overflow:hidden; width:1198px; text-align:center; margin-top:20px;}
.part04 .hd ul li{ display:inline-block; *display:inline; *zoom:1;  width:25%;*width:24.5%;padding:30px 0; text-align:center; float:left; cursor:pointer}
.part04 .hd ul li i{ display:inline-block; vertical-align:middle; font-size:72px; *line-height:80px;  color:#e6e6e6; font-weight:bold}
.part04 .hd ul li b{ display:inline-block; vertical-align:middle; font-size:20px; text-align:left; font-weight:normal}
.part04 .hd ul li b em{ text-transform:uppercase; font-size:16px; color:#999}
.part04 .hd ul li.on{ background:#333; color:#fff;}
.part04 .bd ul li .inbox .inbd ul li img{ width:820px; height:546px; float:left}
.part04 .bd ul li .inbox .inbd ul li .txt{ background:#f7f7f7; width:280px; height:426px; padding:120px 50px 0 50px; float:right}
.part04 .bd ul li .inbox .inbd ul li .txt h2{font-size:24px;font-weight:normal;}
.part04 .bd ul li .inbox .inbd ul li .txt h2 em{ display:block; text-transform:uppercase; font-size:18px; color:#999}
.part04 .bd ul li .inbox .inbd ul li .txt p{ padding:20px 0 50px 0}

.bg05{ width:100%; background:url(images/bg05.jpg) no-repeat center top; height:700px; display:table}
.bg05>div{ display:table-cell; vertical-align:middle; *padding-top:200px}
.bg05 .title{ color:#fff;}
.part05 p{ text-align:justify; padding:0 180px; color:#fff; line-height:32px; text-indent:2em}

.p10{ width:100%; text-align:center}
.p10>div{ display:inline-block; *display:inline; *zoom:1; margin:0 20px;}
.team p{ line-height:30px;}
.team p span{ display:inline-block; width:200px; text-align:right}
.mz{ text-align:center; margin-top:20px;}
.mz h2{ font-size:24px;}
.mz b{ color:#333}
.mz p{ line-height:30px;}








