/* 公用样式 */
body{ font-family:"微软雅黑"; font-size:15px}
html,body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe,table,th,td{margin:0;padding:0;}
ol,ul,li{list-style-type:none;}
a{ text-decoration:none}
em,i{ font-style:normal}
img{ border:0; vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.hide{ overflow:hidden}
.auto{width:1000px; margin:0 auto; background: #fff; }

.banner{ width: 100%; height:820px; background: url("../images/ban.jpg") no-repeat center }

.part{ width: 100%; overflow: hidden}
span.btn{ display: block; margin: 30px auto 0; text-align: center; font-size: 29px;  background: url("../images/btn.png") no-repeat; width: 346px; height: 77px; line-height: 77px}
span.btn a{color: #ff0000;}
.part .ti{ width: 723px; height: 166px; background: url("../images/ti_bg.jpg") no-repeat bottom; margin: 0 auto; padding: 40px 0 0}
.part .ti img{ padding: 50px 0 0 150px;}
.part .ti p{ color: #fff; font-size: 31px; padding-top:20px;text-align: center; }

.part1{ background:url("../images/bg_02.jpg") no-repeat center;}
.part1 ul{ background:url("../images/img_08.jpg") no-repeat; width: 100%; height: 598px; margin-top: 40px; font-size: 24px; position: relative}
.part1 ul li{ position: absolute; }
.part1 ul li:nth-child(1){bottom:125px; left: 10px}
.part1 ul li:nth-child(2){top:195px; right: 115px}
.part1 ul li:nth-child(3){bottom:115px; right: 15px}

.part2{ background:url("../images/bg_04.jpg") no-repeat center; }
.part2 ul{ background:url("../images/img_11.jpg") no-repeat; width: 100%; height: 892px; margin-top: 40px; font-size: 24px; position: relative}
.part2 ul li{ position: absolute; width: 265px; height: 170px; text-align: center }
.part2 ul li i{ display: block;font-size: 24px; margin-bottom: 10px}
.part2 ul li i img{ margin-right: 5px}
.part2 ul li h2{ font-size: 30px; font-weight:normal}
.part2 ul li p{ font-size: 14px; font-family: "宋体"; text-align: left; padding: 10px 20px; line-height: 30px}
.part2 ul li:nth-child(1){ top: 67px; left: 237px}
.part2 ul li:nth-child(2){ top: 47px; right: 210px}
.part2 ul li:nth-child(3){ top: 363px; left: 0px}
.part2 ul li:nth-child(4){ top: 343px; right: 0px}
.part2 ul li:nth-child(5){ left: 250px; bottom: 80px}
.part2 dl{ padding: 40px 20px 0 20px; overflow: hidden}
.part2 dl h3{ font-size: 35px; text-align: center; color: #ff0000; font-weight: normal}
.part2 dl h3 i{ font-size: 40px; display: block; color: #999}
.part2 dl dt{ padding: 50px 0 0; width: 250px; float: left; font-size: 22px}
.part2 dl dt img{ padding-bottom: 10px}
.part2 dl dt p{ line-height: 30px; color: #333}
.part2 dl dt p{ display: none}
.part2 dl dt p:nth-child(2){ display: block}
.part2 dl dt em{ color: #ff9900}
.part2 dl dd{ background:url("../images/img_15.jpg") no-repeat right; float: right; width: 653px; height: 602px; position: relative}
.part2 dl dd ol li{ color: #333; font-size: 32px; cursor: pointer; position: absolute; width: 190px; height: 90px; text-align: center; padding: 50px 0; border-radius: 50%;}
.part2 dl dd ol li:nth-child(1){ top: 35px; right:30px }
.part2 dl dd ol li:nth-child(2){ top: 250px; right:0; line-height:90px  }
.part2 dl dd ol li:nth-child(3){ top: 410px; right:140px; line-height:90px  }

.part3{ background:url("../images/bg_05.jpg") no-repeat center;height: 907px}
.part3 .ti img{ padding: 50px 0 0 100px;}
.part3 ul{ background:url("../images/bg.jpg") no-repeat; width: 100%; height: 689px; margin-top: 20px; font-size: 24px;}
.part3 ul li{ width: 275px; height: 275px; float: left; position: relative;}
.part3 ul li img{ border-radius: 50%}
.part3 ul li:nth-child(1){ margin: 80px 0 0 20px}
.part3 ul li:nth-child(2){ margin: 80px 0 0 140px}
.part3 ul li:nth-child(3){ margin: 10px 0 0 220px}
.part3 ul li:nth-child(4){ margin: 10px 0 0 180px}
.part3 ul li span {  display: none;  width: 383px;  height: 410px;  position: absolute; z-index:9999;  background: url("../images/sj_bg.png") no-repeat; text-align: center  }
.part3 ul li:nth-child(1) span{ top:-100px;left: 270px;}
.part3 ul li:nth-child(2) span{ top:-100px;left: -370px;}
.part3 ul li:nth-child(3) span{ top:-100px;left: 270px;}
.part3 ul li:nth-child(4) span{ top:-350px;left: -270px;}
.part3 ul li span i{ color: #fff; font-size: 38px; padding:20px 0 0 240px; display: block; cursor: pointer}
.part3 ul li span p{ padding: 100px 0 0 20px; line-height: 35px; color: #fff}


.part4{ background:url("../images/bg_06.jpg") no-repeat center;}
.part4 .ti img{ padding: 50px 0 0 50px;}
.part4 .tab{ background: url("../images/bg_ico.jpg") repeat; position: relative}
.part4 .tab ul{ padding:40px 0; overflow: hidden;}
.part4 .tab ul li{ display: none}
.part4 .tab ul li img{ float: left; margin-right: 10px}
.part4 .tab ul li h3{ font-size: 53px; color: #4178c8}
.part4 .tab ul li p{ font-size: 20px; color: #333; line-height: 37px}
.part4 .tab ul li p i{color: #4178c8; font-size: 30px}
.part4 .tab ol{ width: 380px; overflow: hidden; position: absolute; bottom: 40px;right: 100px}
.part4 .tab ol li{ width:175px; height: 70px; background: #ffc266; margin: 5px; float: left; text-align: center; font-size: 30px; line-height: 70px; cursor: pointer}
.part4 .tab ol li.on{ background: #ff9900; color: #fff}

.part5{ background:url("../images/bg_07.jpg") no-repeat center;}
.part5 .ti img{ padding: 50px 0 0 10px;}
.part5 .ti p{ font-size: 25px; padding-top: 25px}
.part5 ul{ background:url("../images/img_23.jpg") no-repeat; width: 100%; height: 1315px; margin-top: 20px; font-size: 24px; position: relative}
.part5 ul li{ width: 123px; height: 123px; border-radius: 50%; color: #333; text-align: center; font-size: 20px; padding: 20px; position: absolute}
.part5 ul li:nth-child(1){ top:440px; left: 130px}
.part5 ul li:nth-child(2){ top: 35px;  left: 150px;}
.part5 ul li:nth-child(3){top: 95px;  right: 240px;}
.part5 ul li:nth-child(4){top: 310px; right: 5px;}
.part5 ul li:nth-child(5){bottom: 290px;left: 185px;}
.part5 ul li:nth-child(6){bottom: 320px;left: 500px;}
.part5 ul li:nth-child(7){bottom: 610px;right: 50px;}

.part6{ background:url("../images/bg_10.jpg") no-repeat center;}
.part6 .ti img{ padding: 50px 0 0 10px;}
.part6 .text{ width: 1000px; height: 516px; background: url("../images/img_27.jpg") no-repeat;margin-top: 20px;}
.part6 .text img{ float: right}
.part6 .text span{ font-size: 20px; display: block; float: left; padding: 50px 0 0 50px; width: 460px}
.part6 .text span h3{ font-size: 39px}
.part6 .text span h3:nth-child(4){ padding-top: 40px}
.part6 .text span p{ line-height: 35px}
.part6 .text span p:nth-last-child(1){ padding-top: 40px}

.part6 .silder{ width:1000px; height:516px;overflow:hidden; position:relative}
.part6 .silder ul{ height:516px; position:absolute; left:0; top:0;}
.part6 .silder ul li{ float:left}
.part6 .silder .prev,.silder .next{ color: #000; position: absolute; z-index: 9999; font-size: 60px;top: 0;bottom:0; margin: auto 0; cursor: pointer; height: 60px}
.part6 .silder .prev{ left: 10px}
.part6 .silder .next{ right:10px}

.part7{ background:url("../images/bg_11.jpg") no-repeat center;}
.part7 .ti img{ padding: 50px 0 0 10px;}
.part7 dl{margin-top: 20px; height: 715px }
.part7 dl dt{ width: 430px; float: left; font-size: 30px;padding: 20px; line-height: 45px;}
.part7 dl dt ul li{ display: none;}
.part7 dl dt p em{ color: #ff8400}
.part7 dl dd{ width: 513px; float: right; position:relative}
.part7 dl dd img{ cursor: pointer}
.part7 dl dd img:nth-child(1){ position: absolute;left:20px}
.part7 dl dd img:nth-child(2){ position: absolute;top:0}
.part7 dl dd img:nth-child(3){ position: absolute;top:370px}
.part7 dl dt span.btn{ margin: 150px auto 0}

.part8{ background:url("../images/bg_12.jpg") no-repeat center;}
.part8 .ti img{ padding: 50px 0 0 10px;}
.part8 .con{ width: 100%; height: 381px; position: relative}
.part8 .con a{ display: block; width: 270px; height: 300px;position: absolute;bottom:0; }
.part8 .con a:nth-child(2){left: 20px}
.part8 .con a:nth-child(3){left: 370px}
.part8 .con a:nth-child(4){right:10px}
