@charset "gb2312";
/* CSS Document */
html{color:#222;background:#fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; font-family:microsoft yahei,simhei; font-size:12px; min-width:640px;}
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;}
body{ background:#fcfcfc}
ol,ul,li {list-style:none;}
img{ border:none}
h1,h2,h3,h4,h5 { font-family:microsoft yahei,simhei; font-weight:bold;}
a{text-decoration:none;}

.fl,.fr {_display:inline;}
.fl{float:left;}
.fr {float:right;}
.cl { clear:both;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}


.w375{ width:375px;}
.w414{ width:414px;}
.w556{ width:566px}
.w560{ width:560px}
.w582{ width:582px}
.w640{ width:640px}
.w1000{ width:1000px; margin:0 auto; overflow:hidden}
.mt10{ margin-top:10px}
.mt20{ margin-top:20px}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px}
.mt100{margin-top:100px;}
.pt60{ padding-top:60px;}
.ml20{ margin-left:20px;}
.mr20{ margin-right:20px;}


.top01{ background:url(images/top01.jpg) no-repeat top center; height:120px;}
.top02{ background:url(images/top02.jpg) no-repeat top center; height:120px;}
.top03{ background:url(images/top03.jpg) no-repeat top center; height:120px;}
.top04{ background:url(images/top04.jpg) no-repeat top center; height:120px;}
.top05{ background:url(images/top05.jpg) no-repeat top center; height:120px;}

.wap{ width:1000px; margin:0 auto; position:relative}
.wq{ position:absolute; width:60px; height:21px; line-height:21px; top:86px; left:2px}
.backto{ position:relative; height:21px;line-height:21px;font-size:12px;color:#222;cursor:pointer;width:80px; text-indent:5px;}
.backto ul{ position:absolute; top:21px; left:-1px; background:#fff; color:#222; width:81px; height:144px;}
.backto ul li{ height:24px; line-height:24px;}
.backto ul li a{ color:#3c3c3c; font-size:12px; display:block}
.backto ul li:hover{ background:#333; }
.backto ul li:hover a{ color:#fff;}

.menu{ width:100%; height:80px; background:#3c3c3c; border-bottom:5px solid #d7d7d7}
.menu ul{ width:1002px}
.menu ul li{ float:left; width:333px; height:80px; line-height:80px; text-align: center; border-right:1px solid #6d6d6d; background:#3c3c3c;}
.menu ul li a{color:#fff; font-size:26px; display:block}
.menu ul li.on,.menu ul li:hover{ background:#848484;}


.title{ width:910px; height:40px; margin:50px auto 40px auto; background:url(images/titbg.jpg) no-repeat; text-align:center; position:relative;}
.title strong{ font-size:38px; line-height:40px; background:#fff; padding:0 20px; border-right:1px solid #000; border-left:1px solid #000; color:#3c3c3c}
.title strong em{ color:#f3a859; font-style:normal}
.title a{ position:absolute; font-size:16px; color:#f3a859; right:30px; top:-5px}


.part{ width:1000px; margin:0 auto;}
.part p.sign{padding-bottom:20px;overflow:hidden;width:930px;margin:auto;}
.part p.sign strong{ display:inline-block; padding:0 10px; font-size:14px;line-height:28px;background:url(images/bg03.jpg) repeat; font-weight:normal;text-indent:25px;}
.page01{ padding:0 20px 10px 20px; background:url(images/bg01.jpg) no-repeat bottom right}
.page01 p{ font-size:17px; line-height:40px; padding-right:70px}
.dailog{ background:url(images/pbg01.jpg) no-repeat; height:493px; padding:0 10px; position:relative}
.bg01{ position:absolute; top:74px; left:-167px; background:url(images/bg02.jpg) no-repeat; width:167px; height:248px}
.dailog .fl img{ margin:10px 0 0 5px}
.dailog .fr dl{ padding:10px 20px 0 10px; float:left}
.dailog .fr dl dt{ height:30px;}
.dailog .fr dl dt em{ display:inline-block; float:left; background:url(images/icon01.jpg) no-repeat 0 0; width:29px; height:30px; margin-right:5px}
.dailog .fr dl dt h2{ float:left; height:26px; background:url(images/icon01.jpg) no-repeat 0 -30px; padding:0 0 0 8px; margin-top:2px}
.dailog .fr dl dt h2 b{ display:block; float:left; padding-left:8px; font-size:15px; height:26px; line-height:26px; background:#3c3c3c; color:#fff}
.dailog .fr dl dd{ font-size:12px; text-indent:25px; line-height:30px; padding:10px 0}
.dailog .fr dl dd a{ color:#f3a859}
.dailog_text{width: 510px; height:415px; }


.tit{ height:36px; line-height:36px; border-bottom:1px solid #3c3c3c; padding:0 0 6px 0}
.tit h2{ background:url(images/icon01.jpg) no-repeat 0 -57px; float:left; padding:0 0 0 35px; font-size:26px; font-weight:normal}
.tit h2 b{ display:block; float:left; padding-left:10px; padding-right:40px; font-size:26px; font-weight:normal; background:url(images/icon01.jpg) no-repeat right -94px; color:#fff;}

.tit2{ height:36px; line-height:36px; padding:0 0 6px 0}
.tit2 h2{ background:url(images/icon01.jpg) no-repeat 0 -57px; float:left; padding:0 0 0 35px; font-size:26px; font-weight:normal}
.tit2 h2 b{ display:block; float:left;padding-right:30px; font-size:23px; font-weight:normal; background:url(images/icon01.jpg) no-repeat right -94px; color:#fff;}

.dailog2{ width:978px; margin:0 10px}
.dailog2 .fl .pic{ background:url(images/bg03.jpg) repeat; width:370px; height:461px;margin:12px 0 7px 0;overflow:hidden;}
.dailog2 .fl .pic img{ width:370px; height:461px; margin:-5px }

.dailog2 .fr{  width:573px; height:471px;background:url(images/wzbg1.jpg) no-repeat; }

.dailog2 .fr .fr_l{float:left}
.dailog2 .fr .fr_r{ width:6px; float:right; border:1px solid #3c3c3c; height:400px; position:relative;;}
.dragger{
	width: 6px;
	height: 60px;
	background: #3c3c3c;
	position: absolute;
	cursor: pointer;
	z-index: 10;
	left: 0;
	top: 31px
}

.dailog2 .dailog_tt{ height: 410px;width:510px;overflow: hidden;float:left; display:inline-block;padding:20px;}
.dailog2 .dailog_tt ul{display:inline-block;width:100%; height:410px; overflow-y:auto;overflow-x:hidden;padding-right:20px;}
.dailog2 .dailog_tt b{color:#f3a859; font-weight:bold; font-size:15px; text-align:center; height:40px; line-height:40px; }
.dailog2 .dailog_tt li{ float:left;}
.dailog2 .dailog_tt li em{ display:inline-block; float:left; width:20px; height:20px; text-align: center; font-style:normal; color:#fff; border-radius:100%; line-height:20px; margin-top:10px; font-size:12px}
.dailog2 .dailog_tt li.question em{ background:#d7d7d7}
.dailog2 .dailog_tt li.answer em{ background:#3c3c3c;}
.dailog2 .dailog_tt li p{ float:right; width:500px; font-size:12px; line-height:30px;}


.dailog3{ padding-left:5px; position:relative}
.bg02{ position:absolute; background:url(images/bg06.jpg) left center no-repeat; width:167px; height:300px; top:16px; right:-167px;}
.page02{ background:url(images/wzbg2.jpg) no-repeat; width:582px; height:397px; margin-top:10px;padding-top:20px;}
.page02 .gdt{width:558px;height:300px;overflow-y:auto;overflow-x:hidden;margin:auto;}
.page02 dl{ padding:0 15px; float:left }
.page02 dl dt{ font-weight:bold; color:#f3a859; font-size:12px; line-height:30px; float:left; width:100%; }
.page02 dl dt em{ display:inline-block; float:left; width:20px; height:20px; line-height:20px; text-align:center; border-radius:100%; background:#d7d7d7; color:#fff; font-weight:normal; font-style:normal; margin-top:5px;}
.page02 dl dt p{ float:left; width:520px}
.page02 dl dd{ color:#fff; font-size:12px; line-height:30px; float:left}
.page02 dl dd em{display:inline-block; float:left; width:20px; height:20px; line-height:20px; text-align:center; border-radius:100%; background:#f3a859; color:#fff; font-weight:normal; font-style:normal; margin-top:5px;}
.page02 dl dd p{ float:left; width:520px}
.page02 dl dd b{ color:#f3a859;}
.dailog3 .fr{ background:url(images/pbg03.jpg) no-repeat; width:411px; height:422px; position:relative;}
.dailog3 .fr .picbg{ position:absolute; background:url(images/pbg04.png) no-repeat; width:372px; height:399px; top:12px; left:12px}
.dailog3 .fr img{ width:370px; height:397px; margin:14px;}

.dailog4{ background:url(images/pbg04.jpg) no-repeat left top;width:1000px; position:relative}
.bg03{ position:absolute; background:url(images/bg07.jpg) no-repeat; width:152px; height:260px; top:23px; left:-152px;}
.dailog4 ul{ padding:0 15px; float:left}
.dailog4 ul li{ float:left; width:100%;}
.dailog4 ul li .pic2{height:261px; border-radius:100%;  background:url(images/bg03.jpg) repeat;}
.dailog4 ul li .pic2 img{ width:261px; height:261px;border-radius:100%;  margin-top:-8px; margin-right:5px}
.dailog4 ul li .page03 p{ line-height:30px; padding:0 5px;text-indent:25px;}
.dailog4 ul li .page03 p a{ color:#f3a859}
.dailog4 .zj{ position:absolute; top:0; right:15px; width:640px}
.dailog4 .zj p{ font-size:12px;line-height:28px;text-indent:25px;}
.dailog4 .zj p em{ background:url(images/icon01.jpg) no-repeat; display:inline-block; width:20px; height:19px;}
.dailog4 .zj p em.start{background-position:-39px 0; position:absolute; top:0; left:-30px;}
.dailog4 .zj p em.end{ background-position:-67px 0; vertical-align:middle;}

.jy_end{ width:970px; height:103px; border-radius:20px; background:url(images/bg04.jpg) repeat; position:relative; margin-left:15px; padding:35px 0}
.jy_end em{ display:inline-block; position:absolute; top:0; left:0; background:url(images/jy.png) no-repeat; width:105px; height:173px}
.jy_end p{ font-size:14px; line-height:38px; text-indent:30px; padding-left:120px; padding-right:15px; color:#3c3c3c}


.ztlist{ width:990px; margin-left:5px; overflow:hidden}
.ztlist span{ background:url(images/icon01.jpg) no-repeat; display:inline-block; width:38px; height:60px; margin-top:48px; cursor:pointer}
.ztlist span.left{ background-position:0 -131px;  float:left}
.ztlist span.right{ background-position:-40px -131px; float:right}

.zt{ position:relative; float:left; width:892px;height:175px; overflow:hidden; margin-left:9px; margin-bottom:10px;}
.zt ul { position:absolute; left:0; top:0}
.zt ul li{ position:relative; float:left;width:214px; height:175px; margin-right:14px;background:url(images/bg05.jpg) no-repeat center bottom;}
.zt ul li a{ display:block; width:208px; height:154px; border:3px solid #fff; }
.zt ul li img{ width:208px; height:154px;}
.zt ul li p{ width:208px; margin-left:3px; text-align:center; color:#fff; position:absolute; left:0; bottom:18px; background:#000; height:25px; line-height:25px; font-size:14px; opacity:0.65;filter:alpha(opacity=65)}



.rtbox{position: fixed;top: 0px;left: 50%;margin-left: 529px;_position:absolute;/*¼æÈÝIE6*/_top: expression(documentElement.scrollTop+600);text-align: center;}
.backtop{ background:url(images/nav.png) no-repeat;width:200px; height:460px; display:block; padding-top:40px;}
.backtop a{ width:180px; height:39px; line-height:39px; float:left; color:#fff; font-weight:bold; font-size:16px; text-indent:10px; text-align:left;padding-left:20px}
.backtop a.a1{ background:url(images/nava.png) no-repeat; background-position:0 -27px; margin-top:-13px}
.backtop a.a2{ margin-top:17px;}
.backtop a.a2:hover{ background:url(images/nava.png) no-repeat; background-position:0 -83px;}
.backtop a.a3{ margin-top:16px;}
.backtop a.a3:hover{ background:url(images/nava.png) no-repeat; background-position:0 -138px;}
.backtop a.a4{ margin-top:17px; text-indent:40px; }
.backtop a.a4:hover{ background:url(images/nava.png) no-repeat; background-position:0 -194px;}
.backtop a.a5{position:relative;margin-top:17px;background:url(images/ewm.jpg) no-repeat;width:120px;height:150px;}
.backtop a.a5 em{ position:absolute;left:35px;color:#2b2b2b;bottom:6px;font-size:14px;font-style:normal;}



@media screen and (max-width: 1000px) { 
.dailog3 { overflow:hidden}
}