*{margin:0;padding:0;}
html{color:#5f5f5f;background:#fff;}
body{width:100%;margin:0 auto;font-size:14px;font-family:"Microsoft YaHei";}
ol,ul,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img{border:0 none;-ms-interpolation-mode:bicubic;}
.clear,.clearfix{zoom:1;}
.clear:after,.clearfix:after{content:' ';display:block;clear:both;height:0;visibility:hidden;}
.hidden,.hide{display:none;}
a{color:#2c2c2c;text-decoration:none; cursor: pointer;}
.fixed{position:fixed;top:0;z-index:99;_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);*zoom:1;}
.navhigh{ width: 100%; display: none;}
.fl{float: left;}
.fr{float: right;}
.mc{margin:0 auto;}
.wa{width:100%;}
.over{ overflow: hidden;}
.container h2{ color: #012c4b; font-size: 36px; text-align: center; line-height: 1; margin-top: 40px;}
.container h3{ font-size: 18px; color: #012c4b; font-weight: normal; text-align: center; line-height: 1; margin-top: 10px;}
.wrapper{ width: 1180px; height: auto; margin: 0 auto;}

.banner{ background: url(../images/csdao-images-banner.jpg) no-repeat center #000000; width: 100%; height: 550px}
.banner a{ display: block; width: 1180px; height: 100%; margin: 0 auto;}
#subnav{ background: #012c4b; width: 100%; height: 60px;}
#subnav a{ display: block;float: left; width: 120px; text-align: center;; height: 60px; line-height: 60px; color: #fff; font-size: 21px;}
#subnav a:hover,.cur{ background: #ffc701}
#subnav span{ display: block;float: left; width: 210px; height: 40px; margin-top: 10px; border-right: 1px solid #959595; line-height: 40px; color: #ffc701; font-size: 16px;}

.imgbox1{ overflow: hidden; margin-top: 50px; width: 1200px; font-size: 22px;}
.imgbox1 dl{ float: left; width: 228px; display: inline; margin-right: 10px;}
.imgbox1 dd{ padding-top: 20px; text-align: center; font-size: 21px;}
a.abtn,a.abtn2{ display: block;border-radius: 25px;background:url(../images/aicon.png) no-repeat right 20px center #3d71c2; height: 50px; line-height:50px; padding: 0 50px 0 30px; margin: 40px auto 0;  font-size: 24px; color: #fff; width: 220px}
a.abtn2{ width: 150px}
.bg1{ background: url(../images/banner2.jpg) no-repeat center #f5decf; width: 100%; height: 420px; overflow: hidden; margin-top: 40px;}
.podiv{ width: 1180px; height: 420px; margin: 0 auto; position: relative;}
.podiv a{ display: block; width: 230px; height: 50px; position: absolute; bottom: 45px; right: 165px}
.bg2{ background: url(../images/bg2.jpg) no-repeat center bottom #f5decf; width: 100%;height: 540px; overflow: hidden; padding-top:40px;}
.bgc1{ background:#f5decf; overflow:hidden; margin-top:40px;}
.content{ width: 600px; float: right; display: inline; margin-top: 25px; font-size: 16px; color: #5f5f5f; line-height: 1.7;}
.content h2{ font-size: 30px;  margin-top: 10px; margin-bottom: 10px; text-align: left; color: #a36521; }
.content li{ width: 100%; overflow: hidden;}
.content li div{ width: 700px;}
.content span{ display: inline-block; float: left; width: 250px; height: 35px; background: url(../images/icon1.png) no-repeat 8px center; padding-left: 40px; border: 1px solid #858585; font-size: 17px; margin-top: 10px; margin-right: 8px; }
.bg3{ background: #b9d4ff; width: 100%; height: auto; overflow: hidden;}
.tabbox{ width: 1172px; overflow: hidden; border: 3px solid #fff; margin: 40px auto; border-radius: 5px;}
.tabbox .leftbox{ float: left; width: 138px; background: #3468bb; }
.leftbox li{ height: 65px; width: 100; font-size: 18px; color: #012c4b; font-weight: bold; text-align:  center; border-bottom: 1px solid #fff; line-height: 65px; color:#fff}
.conbox{ width: 333px; float: left; background: #b9d4ff; font-size: 14px; color: #5f5f5f;}
.conbox2{ float: left; width: 333px; background: #ccdffd; font-size: 14px; color:#5f5f5f; }
.conbox li{ height: 65px; padding-left: 25px; border-bottom: 1px solid #fff; line-height: 65px;}
.conbox2 li{height: 65px; padding: 0 15px;border-bottom: 1px solid #fff;line-height: 65px;}
.rightbox{ float: left; width: 368px; font-size: 14px; color: #fff; background: #3468bb}
.rightbox li{height: 65px; padding: 0 15px;border-bottom: 1px solid #fff;line-height: 65px;}
.tbg1{ background: #bd8460;}
.tbg2{ background: #75a2ea; text-align: center; font-size: 26px; color: #fff; font-weight: bold;}
.tbg3{ background: #99b9ec; text-align: center; font-size: 26px; color: #fff; font-weight: bold;}
.tbg4{ background: #103d83; text-align: center; font-size: 26px; color: #fff; font-weight: bold;}

.img7{ float: left; width: 466px; display: inline; margin: 70px 0 0 75px}
.rightcon{ float: right; width: 575px; margin-right: 20px; margin-top: 70px;}
.rightcon ul{ width: 100%; padding: 15px 0; overflow: hidden;}
.rightcon  li.icons{ width: 42px; height: 42px; text-align: center;line-height: 42px; border: 1px solid #43a6ca; font-size: ; color:#43a6ca; font-size: 40px; float: left; display: inline-block; margin-right: 15px; margin-top: 5px; }
.rightcon  li.texts{ font-size: 18px; line-height: 1.7; color: #012c4b; width: 515px; float: left;}
.bb{border-bottom: 1px dashed #43a6ca; overflow: hidden;}

.container .wrap{ width: 525px; overflow: hidden; margin-top: 40px;color: #012c4b; line-height: 1.7; font-size: 16px }
.container .wrap .title{ font-size: 30px; line-height: 53px; font-weight: bold; }
.container .wrap .title span{ display:inline-block; width: 53px; height: 53px; background: #cf0660; color: #fff; font-size: 30px; font-weight: bold; line-height: 53px; text-align: center; border-radius: 50%; margin: 0 10px; float: left;}
.container .wrap .dis{ height: 33px; padding:0 10px; line-height: 33px; border: 1px solid #012c4b; font-size: 22px; color: #012c4b; margin-left: 70px; }
.pt15{ padding-top: 15px;}
.pb40{ padding-bottom: 40px;}
.casebox{overflow: hidden; width: 1108px; height: 227px; margin-top: 35px}
.casebox .imgs{ width: 503px; height: 227px; overflow: hidden; display: inline;}
.casebox .textbox{ width: 580px; padding-top: 45px; font-size: 18px; color: #012c4b; line-height: 1.8;}
.casebox .textbox span{ width: 105px; display: block; height: 37px; background: #3265b6; font-size: 24px; color: #fff; text-align: center; line-height: 37px; margin-bottom: 15px; overflow: hidden;}
.casebox .textbox p{ overflow: hidden; width: 100%;}
.pb50{ padding-bottom: 50px;}
.pt30{padding-top:30px}

.bg4{ background: url(../images/bg3.jpg) no-repeat center #f5decf; width: 100%; height: 664px; overflow: hidden; margin-top: 40px;}
.positionbox{ width: 1180px; height: 480px;  margin: 90px auto 0; position: relative;}
.positionbox span.sp1,.positionbox span.sp2,.positionbox span.sp3{ display: block; position: relative; color: #fff; font-size: 18px; line-height: 2; position: absolute; top: 0; height: 30px; width: 184px}
.positionbox span.sp1{ left: 195px}
.positionbox span.sp2{ left: 535px}
.positionbox span.sp3{ left: 880px}
.positionbox ul{ position: absolute; width: 480px; height: 310px; bottom: 45px;right:60px;}
.positionbox .title{ font-size: 24px; font-weight: bold; color: #323232; line-height: 1; margin-bottom: 10px; padding-left: 10px;}
.positionbox .dis{font-size: 18px; line-height: 1.7; color: #323232; margin-bottom: 10px; padding-left: 10px;}
.positionbox .text{padding:15px 15px 20px 15px;background: #e8c8b3; font-size: 18px; line-height: 1.8; color: #a36521; border-radius: 5px;}
.positionbox .text strong{ font-size: 24px;}
.positionbox a.zixun,.positionbox a.xq{ display: block;position: absolute;border-radius: 5px;background-color: rgb(163, 101, 33);height: 43px;width: 182px; line-height: 43px; text-align: center; font-size: 18px; color: #fff; bottom: 45px;right:160px}
.positionbox a.xq{ background-color: #545556; right: 355px;}

.items{ width: 1230px; overflow: hidden; margin-top: 40px;}
.items dl{ width: 360px; float: left; margin-right: 50px; font-size: 20px; color: #545556; line-height: 2;}
.items .title{ color: #a36521}
.items dd{ padding-left: 20px;}



.faqbox{ width: 1230px; overflow: hidden; margin-top: 50px;}
.faqbox a{ display:inline-block; width: 215px; height: 155px; float: left; margin-right: 25px; padding-top: 60px; font-size: 22px; color: #fff; line-height: 1.7; text-align: center; border-radius: 50%;}
.faqbox a.a1{ background: url(../images/a_icon.png) no-repeat center 150px #3468bb; }
.faqbox a.a2{ background: url(../images/a_icon.png) no-repeat center 150px #8034bb; }
.faqbox a.a3{ background: url(../images/a_icon.png) no-repeat center 150px #bb8734; }
.faqbox a.a4{ background: url(../images/a_icon.png) no-repeat center 150px #3468bb; }
.faqbox a.a5{ background: url(../images/a_icon.png) no-repeat center 150px #8034bb; }
.tjbox{clear:both;overflow:hidden;padding:20px 0;}
.tjbox .l_btn{width:21px;height:82px;cursor:pointer;margin-top:75px;float:left;}
.tjbox .r_btn{width:21px;height:82px;float:left;cursor:pointer;margin-top:75px;}
.tjbox .l_btn:hover{background:url(../images/black50.png) repeat;}
.tjbox .r_btn:hover{background:url(../images/black50.png) repeat;}
.tjbox .cont{width:1134px;overflow:hidden;float:left;margin:0 2px;}
.tjbox .scrcont{width:11340px;}
.tjbox .cont li{float:left;width: 378px; text-align:center;padding:5px 0;}
.tjbox .cont li img{width:355px;box-shadow:0 0 5px #000;}
.tjbox ul{float:left;}
#scroll8 h2{ padding-bottom: 20px; }

#tabnav{ overflow: hidden; width: 100%; height: 100px; margin-top: 65px;}
#tabnav a{ display:inline-block; width: 280px; height: 46px; line-height: 36px; text-indent: 85px; padding-top: 52px; margin: 0 55px; font-size: 18px; color: #fff;}
#tabnav a.tab1{ background:url(../images/icona1.png) no-repeat center;}
#tabnav a.tab2{ background:url(../images/icona2.png) no-repeat center;}
#tabnav a.tab3{ background:url(../images/icona3.png) no-repeat center;}
#tabnav a.tab1.on{ background:url(../images/icona1_1.png) no-repeat center;}
#tabnav a.tab2.on{ background:url(../images/icona2_1.png) no-repeat center;}
#tabnav a.tab3.on{ background:url(../images/icona3_1.png) no-repeat center;}
.changebox{ width: 100%;overflow: hidden; height: 425px; }
.changebox .change{ width: 100%; height: 425px;}
.tabbox1{ background: url(../images/tabbg1.jpg) no-repeat left bottom;}
.tabbox2{ background: url(../images/tabbg2.jpg) no-repeat left bottom;}
.tabbox3{ background: url(../images/tabbg3.jpg) no-repeat left bottom;}
.changebox .change .contents{ width: 480px; height: 425px; overflow: hidden; margin-left: 640px; font-size: 18px; color: #323232; position: relative;}
.changebox .change .contents li.title{ font-size: 24px; font-weight: bold; line-height: 1; margin-top: 70px; margin-bottom: 20px;}
.changebox .change .contents li.box{ padding: 10px 20px;border-radius: 5px;background-color: rgb(232, 200, 179); color: #a36521; line-height: 1.7; margin-top: 20px;}
.changebox .change .contents li.box strong{ font-size: 24px; display: block;}
.changebox .change .contents a{ display: block;border-radius: 21px;background-color: rgb(84, 85, 86);width: 182px; height: 43px; text-align: center; line-height: 43px; font-size: 18px; color: #fff; position: absolute; bottom: 40px; left: 0;}
.changebox .change .contents a.zixun{background-color: #2e66bb; left: 200px; }
.bgq{overflow: hidden; padding-bottom: 60px;}


.wkc{
	width: 1000px;
	margin: auto;
}

/* part1 */
.part1{font-size: 18px; line-height:1.7; text-align:center}
.part1 p{ margin-bottom: 20px; text-align:left}
.part1 h3{font-size: 30px;font-weight: bold; margin-top: 60px; margin-bottom: 30px;}
.p1_swtbtn{	display: block;	width: 307px;	height: 48px;	background: url(../images/p1_swt_btn.png) no-repeat;	margin:50px auto;}
.p1_swtbtn:hover{	background: url(../images/p1_swt_btn.png) no-repeat 0 -48px;}

/* part2 */
.part2{	width: 100%;	height: 683px;	background: #b9d5ff;}
.part2 h2{ color:#fff; line-height:68px;}
.p2Title{	height: 68px;	background: #3067ba;}
.p2Content{	position: relative;	height: 615px;	background: url(../images/p2bg.jpg) no-repeat center;}
.p2p_a{	position: absolute;	top: 390px;	left: 0px;	width: 530px;	height: 150px;	font-size: 18px;line-height: 36px;	/*text-align: justify;*/
	text-justify: inter-ideograph;}
.p2p_a span{font-weight: bold;}
/* part3 */
.part3{
	width: 100%;
	height: 741px;
}
.part3 span{font-weight: normal;}
.p3Title{
	height: 68px;
}
.p3Title h2{
	color: #000;
	line-height: 100px;
}
.p3Content{
	position: relative;
	height: 673px;
}
.p3Content li{
	position: relative;
	display: block;
	float: left;
	width: 298px;
	height: 483px;
	border: 1px solid #3067ba;
	margin-left: 25px;
	margin-top: 35px;
}
.p3_imga{
	position: absolute;
	top:48px;
	left:51px;
}
.p3_imgb{
	position: absolute;
	top:290px;
	left:20px;
}
.p3_txt{
	width: 260px;
	position: absolute;
	bottom: 32px;
	left: 22px;
	line-height: 26px;
	font-size: 14px;
}
.p3_swtbtn{
	position: absolute;
	bottom: 50px;
	left:390px;
	display: block;
	width: 228px;
	height: 48px;
	background: url(../images/p3_swt_btn.png) no-repeat;
}
.p3_swtbtn:hover{
	background: url(../images/p3_swt_btn.png) no-repeat 0 -48px;
}
/* part4 */
.part4{
	width: 100%;
	height: 761px;
	background: url(../images/p4bg.jpg) no-repeat center;
}
.p4Title{
	height: 68px;
}
.p4Title h2{
	color: #000;
	line-height: 90px;
}
.p4Content{
	height: 693px;
	position: relative;
}
.lhy{
	position: absolute;
	top:120px;
	right:90px;
	font-size: 34px;
}
.lhy strong{
	font-size: 48px;
}
.lhypy{
	font-size: 28px;
	position: absolute;
	top:92px;
	right:322px;
}
.lhyt{
	font-size: 20px;
	position: absolute;
	top: 211px;
	right: 128px;
}
.p4_swtbtn{
	position: absolute;
	bottom: 55px;
	left:590px;
	display: block;
	width: 307px;
	height: 48px;
	background: url(../images/p4_swt_btn.png) no-repeat;
}
.p4_swtbtn:hover{
	background: url(../images/p4_swt_btn.png) no-repeat 0 -48px;
}
/* part7 */
.part7{
	width: 100%;
	height: 795px;
}
.p7Title{
	height: 68px;
}
.p7Title h2{
	color: #000;
	line-height: 90px;
}
.p7Content{
	height: 691px;
	position: relative;
	background: url(../images/p7bg.jpg) no-repeat center 20px;
}
.p7x{
	position: absolute;
	font-size: 18px;
	width: 228px;
}
.p7_01{
	top: 108px;
	left: 48px;
}
.p7_02{
	top: 108px;
	right: -15px;
}
.p7_03{
	top: 412px;
	left: 48px;
}
.p7_04{
	top: 412px;
	right: -15px;
}
.p7_note{
	position: absolute;
	bottom: 148px;
	left:464px;
	color: #fff;
}
.p7_notea{
	position: absolute;
	font-size: 18px;
	bottom:88px;
	left:205px;
}
.p7_swtbtn{
	position: absolute;
	bottom: 6px;
	left: 365px;
	display: block;
	width: 264px;
	height: 48px;
	background: url(../images/p7_swt_btn.png) no-repeat;
}
.p7_swtbtn:hover{
	background: url(../images/p7_swt_btn.png) no-repeat 0 -48px;
}