@charset "utf-8";
/*================重置样式部分===============*/
html,
body,
div,
span,
object,
iframe,
table,
tr,
th,
td,
em,
img,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
dl,
dt,
dd,
ul,
li,
ol,
form,
label {
    border: 0 none;
    font-family: inherit;
    font-style: inherit;
    margin: 0;
    padding: 0;
}
body {
    color: #000;
    font-family: 微软雅黑;
    font-size: 21px;
}

img {
    border: none;
}
a {
    text-decoration: none;
}
ul,
li {
    list-style-type: none;
}
em,i{ font-style:normal}
i,p,em{ font-weight: normal}
.hide{ overflow:hidden}
.auto{ width: 1200px; margin: 0 auto}
.fl{ float: left}
.fr{ float: right;}
.text_c{ text-align: center}
.pa40{ padding: 40px 0}
.pa20{ padding: 20px 0}
.mb20{ margin-bottom: 20px}
.pat30{ padding-top: 30px}
.pr{ position: relative}
img{ vertical-align:bottom}
.bg_yellow{ background: #fbfaf4}
.bg_yellow1{ background: #fff7e3}
.col_blue{ color: #18d8ff}
.clear{ clear: both}

.btn{ display: block; width: 436px; height: 73px; background: url("../images/btn.png") no-repeat; color: #fff; text-align: center; line-height: 78px; margin: 0 auto; font-size: 31px}

.ti{ margin-bottom: 20px;text-align: center; font-size: 45px}
.ti h3{ height: 65px}
.ti h3:before,.ti h3:after{content: ""; display: block; width: 160px; height: 26px; display: inline-block; }
.ti h3:before{ background: url("../images/line_L.png") no-repeat; margin-right: 10px}
.ti h3:after{  background: url("../images/line_R.png") no-repeat; margin-left: 10px}
.ti i{ font-size: 30px; color: #000}

.banner{ width: 100%; height:775px; background: url("../images/banner.jpg") no-repeat center; position: relative}

.part1 dl{height: 627px;}
.part1 dl dt{ position:absolute;right: -10px;top: 0;z-index:2;}
.part1 .text{ width: 570px;height: 336px; padding: 40px; background: url("../images/pic_04.jpg") no-repeat; font-size: 24px; color: #fff; line-height: 40px; margin: 40px 0}
.part1 dl dd{position: absolute; left:-52px; top:0;}

.part2 .con{ width: 1052px; height: 483px; background: #0dc6ec; margin: 0 auto; padding: 50px 40px; color: #fff}
.part2 .con ol li{ width: 42px; height: 36px; position: absolute;}
.part2 .con ol li:nth-child(1){ background: url("../images/pic_08.jpg") no-repeat; top:0;left: 0}
.part2 .con ol li:nth-child(2){ background: url("../images/pic_10.jpg") no-repeat; top:0;right: 0}
.part2 .con ol li:nth-child(3){ background: url("../images/pic_14.jpg") no-repeat;left: 0; bottom:0}
.part2 .con ol li:nth-child(4){ background: url("../images/pic_15.jpg") no-repeat; right: 0; bottom:0}
.part2 .con .text{ line-height: 46px;}
.part2 .con .text i{ display: inline-block; width: 240px;height: 50px; border: 1px solid #fff; text-align: center; color: #fcff00; margin-right: 20px; cursor: pointer}
.part2 .con ul{ padding: 20px 0; font-size: 18px; border-top:1px solid #fff; margin-top: 40px; }
.part2 .con ul li{ width: 350px; float: left; line-height: 33px; position: relative}
.part2 .con ul li i{ display: block; width: 59px; height: 59px; background: #fff; border-radius: 50%; text-align: center; line-height: 45px; position: absolute; top:-50px}
.part2 .con ul li h3{ font-size: 22px; line-height: 60px}
.part2 .con ul li p{ width: 270px;margin-bottom: 20px}
.part2 .con .active{ display: none; position: absolute; top:100px; left:260px }

.part3 ul{ overflow: hidden; margin-bottom: 30px}
.part3 ul li{ width: 50%; float: left; color: #fff;}
.part3 ul li span{display: block;  width: 580px; padding: 30px 0; height: 170px; float: right}
.part3 ul li h3{ font-size: 35px; margin-bottom: 20px;position:relative;}
.part3 ul li h3:after{content: '';position:absolute;width: 72px;height:2px;left:0;bottom:0;background: #fff;}
.part3 ul li:nth-child(odd) span{ margin-right: 20px}
.part3 ul li:nth-child(even) span{ float: left; padding-left: 160px; margin-left: 20px}
.part3 ul li span .text{ width: 420px}
.part3 ul li:nth-child(1),.part3 ul li:nth-child(4){ background: #0dc6ec}
.part3 ul li:nth-child(2),.part3 ul li:nth-child(3){ background: #ecad24}
.part3 ul li:nth-child(1) span{ background: url("../images/ico1.png") no-repeat right center}
.part3 ul li:nth-child(2) span{ background: url("../images/ico2.png") no-repeat left center}
.part3 ul li:nth-child(3) span{ background: url("../images/ico3.png") no-repeat right center}
.part3 ul li:nth-child(4) span{ background: url("../images/ico4.png") no-repeat left center}


.part4 ul li{ width: 540px; height: 270px; padding: 20px; line-height: 46px; color: #fff; float: left; margin-bottom: 20px}
.part4 ul li img{ float: left; margin-right: 10px; border: 2px solid #fff;-webkit-box-shadow: 3px 3px 3px #999;
    -moz-box-shadow: 3px 3px 3px #999;  box-shadow: 3px 3px 3px #999;  }
.part4 ul li span{ float: left; width: 340px}
.part4 ul li h3{ display: block;width: 285px; height: 52px; border: 1px solid #fff; text-align: center; line-height: 52px; margin-bottom: 20px}
.part4 ul li:nth-child(1),.part4 ul li:nth-child(4){ background: #ecad24; }
.part4 ul li:nth-child(2),.part4 ul li:nth-child(3){ background: #0dc6ec}
.part4 ul li:nth-child(odd){margin-right: 20px}
.part4 ul li:nth-child(2) h3,.part4 ul li:nth-child(3) h3{ color: #ffff00}

.part5 .con .dy{ display: block; text-indent: 2em; line-height: 40px;}
.part5 .con .dy p{ width: 1100px; float: left}
.part5 .con .dy:before{ content: ""; display:block; float: left; width: 47px; height: 86px; background: url("../images/p5_L.png") no-repeat}
.part5 .con .dy:after{ content: ""; display:block; float: right; width: 47px; height: 86px; background: url("../images/p5_R.png") no-repeat}
.part5 .btn{ margin: -28px auto 0;position:relative;z-index:1;}
.part6 .con a{ position: absolute; bottom:20px; left: 0; right: 0; margin: 0 auto;}

.part7 .silder{ width:1200px; height:590px; overflow:hidden; position:relative; margin: 0 auto;}
.part7 .silder ul{ height:590px; position:absolute; left:0; top:0; }
.part7 .silder ul li{ float:left}
.part7 .silder ol li{ color: #fff; position: absolute; z-index: 9999; cursor: pointer; width: 32px; height: 32px; background: #e1e1e1; text-align: center}
.part7 .silder ol li:nth-child(1){ right: 10px; top:317px}
.part7 .silder ol li:nth-child(2){ right:10px; top:277px}
.part7 .silder .active{ background: #e72645}



.picMarquee-left{ width:1200px;  overflow:hidden; position:relative;  margin: 0 auto}
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }

.part8 ul{ width:1120px; overflow: hidden; height: 413px; background: #fff; padding: 20px; margin: 0 auto 30px }
.part8 ul li{ float: left; width: 230px; height: 413px; overflow: hidden; position: relative; background: #e69e00;margin-right: 10px; position: relative; color: #fff }
.part8 ul li .on{ background: rgba(0,0,0,0.5); width: 632px; height: 413px; position: absolute; top:0; left: 0}
.part8 ul li.first{ width: 632px}
.part8 ul li.first .on{ opacity: 0}
.part8 ul li.first span{ display: block}
.part8 ul li:nth-last-child(1){ margin-right: 0}
.part8 ul li span{ display: none; width: 380px; height: 413px; position: absolute; right:10px; top:20px; font-size: 24px;}
.part8 ul li span h3{ font-size: 51px}
.part8 ul li span p{ line-height: 45px}
.part8 ul li span a{ position: absolute; right:10px; bottom:80px; background: url("../images/btn1.png") no-repeat; width:346px; height: 68px;z-index: 999 }
.part8 .zj{width: 1200px; margin: 0 auto;}
.part8 .p8_btn{position:absolute;height: 176px;width: 100%;left: 0;bottom: 0;}

.part9 .con{ width: 100%; height: 871px; background: url("../images/pic_47.jpg") no-repeat top center;}
.part9 .con .auto{ height: 871px}
.part9 .con .news{ width: 760px; height: 600px; background: #fff; position: absolute; top:80px; left:0;  overflow-y:scroll; }
.part9 .con .news ul{ height: 1000px; padding: 40px;}
.part9 .con .news ul li{ clear: both; margin-bottom: 30px; overflow: hidden; font-size: 30px; }
.part9 .con .news ul li:before{ display: block; float: left; width: 90px; height: 90px; font-size: 73px;;text-align: center; line-height: 73px; margin-right: 20px}
.part9 .con .news ul li:nth-child(odd):before{content: "Q";border: 1px solid #ffc300;  color: #ffc300;}
.part9 .con .news ul li:nth-child(even):before{content: "A";border: 1px solid #000;  color: #000 }
.part9 .con .news ul li:nth-child(odd){ color: #ffc300; line-height: 73px}
.part9 .con .news ul li:nth-child(even){ color: #000; line-height: 35px; font-size: 20px; border-bottom: 1px dashed #000; padding-bottom: 20px}
.part9 .con .news ul li p{ float: left; width: 540px}
.part9 .con a{ position: absolute; bottom:60px; left: 150px;}