@charset "utf-8";
body{padding:0;margin:0;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;color:#333;text-align:center;background:url(images/bg.jpg);}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;}
a:link,a:visited{color:#333;text-decoration:none;}
a:hover{color:#c00;text-decoration:underline;}
img{border:none;}
ol,ul,li{list-style:none;} 
em{font-style:normal;}
/*clear*/
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
.w1000{width:1000px;}
.fl{float:left;}
.fr{float:right;}
.list_14 li{background:url(images/dot.gif) no-repeat 0 14px;padding-left:8px;}
.white,.white a:link,.white a:visited,.white a:hover{color:#fff;}
/*header*/
.header{height:36px;background:#fff;}
.header span{float:left;}
.header span img{margin-top:2px;}
.header em{float:right;line-height:36px;font-family: \5B8B\4F53;}
.header em a{margin:0 6px;}
.header em,.header em a:link,.header em a:visited,.header em a:hover{color:#666;}
/*top*/
.top{height:auto;background:url(images/topbg.jpg) no-repeat top center;padding-top:320px;}
/*note*/
.note{padding:25px 0 10px 0;width:800px;margin:0 auto;}
.note h1{background:url(images/note.png) no-repeat;width:47px;height: 101px;float:left;margin-right:15px;}
.note p{font-size: 14px;line-height: 190%;color:#333;font-family:\9ED1\4F53;width: 760px;margin:16px auto 0 3px;}
.note span{display: none;text-align: right;width: 760px;margin:0 auto 0 0}
/*p1Con*/
.Conbg{background:#fbfbfb;-moz-box-shadow:0px 0px 10px #e3e3e3; -webkit-box-shadow:0px 0px 10px #e3e3e3; box-shadow:0px 0px 10px #e3e3e3;margin-top: 25px;padding-bottom:20px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.Conbg2{margin-top: 0;padding-bottom:65px;}
.p1Con{margin-top:40px;width: 940px;}
.p1Con .fl{width: 550px;}
.p1Con .fr{width: 360px;}
.jdt{width:550px;height:330px;position:relative;}
.jdt ul li{display:none;position:absolute;font-weight:bold;height:50px;}
.jdt ul li span{position:absolute;top:280px;left:0%;z-index:3;display: block;width:97%;height: 50px;font:normal 18px/50px \5FAE\8F6F\96C5\9ED1;background:url(images/box_kuai.png);padding-left: 3%}
.jdt ol{position:absolute;top:296px;right:0;z-index:999;}
.jdt ol li{width:20px;height:20px;line-height:20px;float:left;cursor:pointer;font-size:14px;text-align: center;border-radius:50%;background:#e41011;margin-right: 10px;}
.jdt ol li.active{display:block;background:#ae1b1b;}
.p1Con .fr h1{font:bold 22px/26px \5FAE\8F6F\96C5\9ED1;margin-top: 15px;}
.p1Con .fr p{font-size:14px;font-family:\5B8B\4F53;line-height: 160%;margin-top:12px;padding-bottom: 15px;border-bottom:1px solid #e8d7e9;}
/*p2Con*/
.p2Con{margin-top: 60px;}
.p2Con h1{text-align:center;}
.p2Con ul{width: 875px;margin:32px auto 0 auto;}
.p2Con ul li{width: 218px;position: relative;height: 210px;border-right:1px solid #e9e1db;float:left;}
.p2Con ul li em{background:url(images/p2_1.png) no-repeat;position: absolute;width: 150px;height: 150px;left:32px;}
.p2Con ul li img{position: absolute;left:32px;}
.p2Con ul li span{text-align: center;width: 100%;display: block;position: absolute;bottom:0;font-size: 14px;}
/*p3Con*/
.p3Con{position:relative;margin-top:20px;overflow: hidden;margin-top: 40px;}
.p3Con h1{text-align:center;padding:20px 0;}
.p3Con li{position: relative;}
.roundabout-holder{width:600px;height:350px;margin:0 auto}
.roundabout-moveable-item{width:600px;height:350px;cursor:pointer;}
.roundabout-moveable-item img{height:100%;width:100%;position: absolute;}
.roundabout-moveable-item b{position: absolute;z-index: 99;width: 100%;top:300px;display: none;z-index: 999;}
.roundabout-in-focus b{font-size: 18px;background:url(images/box_kuai.png);height: 50px;line-height: 50px;text-align: center;display: block;font-weight: normal;}
.roundabout-moveable-item span{background:url(images/box_kuai2.png);height:100%;position: absolute;z-index: 99;width: 100%;top:0;}
.roundabout-in-focus span{display: none;background:none;}
.prev{background:url(images/prev.png) no-repeat;width:65px;height:91px;z-index:9999;position:absolute;top:40%;left:160px;cursor:pointer;}
.next{background:url(images/next.png) no-repeat;width:65px;height:91px;z-index:9999;position:absolute;top:40%;right:160px;cursor:pointer;}

/*p4Con*/
.p4Con{margin-top: 60px;}
.p4Con h1{text-align:center;}
.rollBox{width:952px;overflow:hidden;margin:40px auto 0 auto;height:300px;position:relative;}
.rollBox .ScrCont{width:878px;overflow:hidden;}
.rollBox .LeftBotton,.rollBox .RightBotton{width:14px;height:23px;position: absolute;cursor:pointer;top:35%;}
.rollBox .LeftBotton{background:url(images/left.png) no-repeat;left:0;}
.rollBox .RightBotton{background:url(images/right.png) no-repeat;right:0;}
.rollBox ul li{float:left;width:200px;margin:0 13px;display:inline;height:300px;font-size:14px;text-align: center;}
.rollBox ul li img{display: block;margin-bottom: 8px;}
/*p5Con*/
.p5_sub{height: 60px;line-height: 60px;background:#007d76;}
.p5_sub li{padding:0 15px;float:left;font-size: 18px;cursor: pointer;}
.p5_sub li#active{background:#00958d;}
.p5con{background:#fff;-moz-box-shadow:0px 0px 10px #e3e3e3; -webkit-box-shadow:0px 0px 10px #e3e3e3; box-shadow:0px 0px 10px #e3e3e3;margin-top: 20px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;width:912px;padding:18px 24px;display: none;}
.p5con img{float:right;}
.p5con div{float:left;width: 666px;}
.p5con h3{font:bold 20px/24px \5FAE\8F6F\96C5\9ED1;padding:15px 0;border-bottom: 1px solid #e6e6e6}
.p5con p{font-family: \5B8B\4F53;margin-top: 20px;}
.more{font-size: 18px;color:#acacac;cursor: pointer;text-align: center;margin-top:30px;}
.foot{background:url(images/foot.jpg) no-repeat center 445px;}
/*---------MEDIA QUERIES Mobile phone--------------*/	   
@media (min-device-width:320px) and (max-width:689px),(max-device-width:480px){
	body{background:url(images/topbg.jpg) no-repeat center 36px #fff}
	.w1000,.foot,.top{width:1000px !important;}
	.note{width:760px !important;}
	.p2Con ul li em{background:none;}
	.p2Con ul li img{border-radius: 50%;}
	.roundabout-holder{width:850px !important;overflow: hidden;}

}