/* CSS Document */
*{ margin:0; padding:0}
body{ font-size:12px; color:#666666; font-family:微软雅黑, 宋体; line-height:24px;}
ol,ul,li{list-style-type:none;}
a{ text-decoration:none}
em,i{ font-style:normal}
img{ border:0; vertical-align:bottom}
.fl{ float:left}
.fr{ float:right}
.fix:after{ clear:both; height:0; content:''; overflow:hidden; display:block;}
.fix{*zoom:1;}

.banner{ margin:0 auto; max-width:1680px;}
.banner img{ width:100%; display:block}

.part1{ margin:0 auto; max-width:1680px; height:755px; background:#4899a4}
.part1 .con{ margin:0 auto; width:900px;color:#FFFFFF;}
.part1 .con .tt{ font-size:45px;line-height:60px; text-align:center; font-weight:bold}
.part1 .con .p1{ padding:20px 0 88px 0; font-size:18px; line-height:32px;}
.part1 .p2{ position:relative; width:1200px; margin:0 auto; height:310px;}
.part1 .p2 ul{}
.part1 .p2 li{ position:absolute; width:240px; height:240px; background:#1097c2; border-radius:120px; display:table; color:#FFFFFF; cursor:pointer;}

.part1 .p2 li .pic{position:absolute; width:240px; height:240px;border-radius:120px; left:0; top:0; overflow:hidden; transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s; opacity:1; filter:alpha(opacity=100;)}

.part1 .p2 li p{ display:table-cell; vertical-align: middle; text-align:center; font-size:20px; line-height:35px;}
.part1 .p2 li p .t{ font-size:25px;}

.part1 .p2 li:nth-of-type(1){ left:-50px; top:0;}
.part1 .p2 li:nth-of-type(2){ left:212px; top:60px;}
.part1 .p2 li:nth-of-type(3){ left:478px; top:0px;}
.part1 .p2 li:nth-of-type(4){ left:740px; top:60px;}
.part1 .p2 li:nth-of-type(5){ left:1000px; top:0px;}

.jt1{transform:rotate(20deg);-ms-transform:rotate(20deg); 	/* IE 9 */
-moz-transform:rotate(20deg); 	/* Firefox */
-webkit-transform:rotate(20deg); /* Safari 和 Chrome */
-o-transform:rotate(20deg);  position:absolute; left:180px; top:10px; width:109px; height:44px; background:url(../images/jiantou.png) 0 0 no-repeat}
.jt2{ position:absolute; left:380px; top:10px; width:109px; height:44px; background:url(../images/jiantou.png) 0 0 no-repeat}
.jt3{transform:rotate(20deg);-ms-transform:rotate(20deg); 	/* IE 9 */
-moz-transform:rotate(20deg); 	/* Firefox */
-webkit-transform:rotate(20deg); /* Safari 和 Chrome */
-o-transform:rotate(20deg);  position:absolute; left:710px; top:10px; width:109px; height:44px; background:url(../images/jiantou.png) 0 0 no-repeat}
.jt4{ position:absolute; left:910px; top:10px; width:109px; height:44px; background:url(../images/jiantou.png) 0 0 no-repeat}

.part1 .p2 li:hover .pic{ opacity:0; filter:alpha(opacity=0;)}



.part2{ margin:0 auto; max-width:1680px; height:845px; background:url(../images/p2.jpg) center 0 no-repeat}
.part2 .con{ margin:0 auto; width:924px;}
.part2 .con .tt{ padding:30px 0;font-size:45px;line-height:60px; text-align:center; font-weight:bold; color:#FFFFFF}
.part2 .con .tt .video{ width:924px; height:555px; overflow:hidden}
.part2 .con  .btn{ text-align:center; padding:50px 0 0 0}

.part3{ margin:0 auto; max-width:1680px; background:#0094d1}
.part3 .con{ margin: 0 auto; width:1196px;}
.part3 .con .tt{ padding:30px 0;font-size:45px;line-height:60px; text-align:center; font-weight:bold; color:#FFFFFF}
.part3 .con .piclist{ width:100%; height:325px; position:relative}
.part3 .con .piclist li{ position:absolute; display:table; width:325px; height:325px; border-radius:163px; overflow:hidden; cursor:pointer}
.part3 .con .piclist li .pic{ position:absolute; width:325px; height:325px; overflow:hidden; filter:alpha(opacity=100); opacity:1;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s; border-radius:163px;}
.part3 .con .piclist li p{ display:table-cell; vertical-align:middle; padding:0 45px; font-size:20px; color:#FFFFFF; line-height:40px;}
.part3 .con .piclist li:nth-of-type(n){ background:#00c6ff}
.part3 .con .piclist li:nth-of-type(2n){ background:#3de89a}

.part3 .con .piclist li:nth-of-type(1){ left:-73px; top:0;}
.part3 .con .piclist li:nth-of-type(2){ left:265px; top:0;}
.part3 .con .piclist li:nth-of-type(3){ left:600px; top:0;}
.part3 .con .piclist li:nth-of-type(4){ left:938px; top:0;}

.part3 .con .piclist li:hover .pic{filter:alpha(opacity=0); opacity:0}

.part3 .con .btn{ text-align:center; padding:50px 0 50px 0}

.part4{ margin:0 auto; max-width:1680px;position:relative}
.part4 .bg{}
.part4 .con{ margin:0 auto; width:100%; position:absolute; z-index:2}
.part4 .con .tt{ padding:70px 0 0 0;font-size:45px;line-height:60px; text-align:center; font-weight:bold; color:#FFFFFF}

.part5{ margin:0 auto; max-width:1680px; height:890px; background:#327a9d}

.part5 .con{ margin:0 auto; width:1200px;}
.part5 .con .tt{ padding:70px 0 30px 0px;font-size:45px;line-height:60px; text-align:center; font-weight:bold; color:#FFFFFF}
.part5 .con .piclist{ width:100%; position:relative; background:#fff; padding-bottom:12px;}
.part5 .con .piclist .list{ float:left; display:inline; width:32%; margin:12px 0 0px 12px;}
.part5 .con .piclist .list img{ display:block; width:100%}
.part5 .con .btn{ text-align:center; padding:50px 0 50px 0}

.part6{ margin:0 auto; max-width:1680px; height:1232px; background:url(../images/p6.jpg) center 0 no-repeat}
.part6 .con{ margin:0 auto; width:1200px;}
.part6 .con .tt{ padding:70px 0 30px 0px;font-size:45px;line-height:60px; text-align:center; font-weight:bold; color:#000}
.part6 .con .conlist{ width:100%; overflow:hidden}
.part6 .con .conlist .list{ width:584px; height:414px;color:#fff;  float:left; display:inline;margin-bottom:30px; font-size:25px; line-height:35px;}
.part6 .con .conlist .list .tt1{ margin:0 auto; width:345px; height:60px; text-align:center; line-height:60px; font-size:40px; padding:45px 0px 22px 0px;}
.part6 .con .conlist .list .txt{ margin:0 auto; width:400px;}
.part6 .con .conlist .list:nth-of-type(1){ float:left; background:url(../images/p6-1.jpg) no-repeat center 0 ;}
.part6 .con .conlist .list:nth-of-type(2){ float:right; background:url(../images/p6-2.jpg) no-repeat center 0 ;}
.part6 .con .conlist .list:nth-of-type(3){ float:left; background:url(../images/p6-2.jpg) no-repeat center 0 ;}
.part6 .con .conlist .list:nth-of-type(4){ float:right; background:url(../images/p6-1.jpg) no-repeat center 0 ;}
.part6 .con .btn{ text-align:center; padding:20px 0 50px 0}

.part7{ margin:0 auto; max-width:1680px; background:#0e889e}
.part7 .con{ margin:0 auto; width:1200px;}
.part7 .con .tt{ padding:70px 0 30px 0px;font-size:45px;line-height:60px; text-align:center; font-weight:bold; color:#fff}
.part7 .con .txt{ margin:0 auto; padding-bottom:30px; width:900px; font-size:18px; color:#fff; line-height:32px;}
.part7 .con .cao{ position:relative; width:100%;}
.part7 .con .cao .t1{ font-size:37px; color:#ffba00; line-height:60px;}
.part7 .con .cao .t2{ font-size:24px; color:#fff; line-height:35px;}
.part7 .con .cao .p1{ position:absolute; width:640px; left:480px; top:60px;}

.part7 .con .btn{ text-align:center; padding:20px 0 50px 0}

.part8{ margin:0 auto; max-width:1680px; height:780px; background:url(../images/p8.jpg) center 0 no-repeat; position:relative}
.part8 .con{ margin:0 auto; width:1200px;}
.part8 .con .tt{ padding:70px 0 30px 0px;font-size:45px;line-height:60px; text-align:center; font-weight:bold; color:#fff}
.part8 .con .bd{ width:1200px; overflow:hidden;}
.part8 .con .bd li{ width:1200px; height:620px; overflow:hidden; position:relative}
.part8 .con .bd li.on{ display:block;}
.part8 .con .bd li .pic{ position:absolute; left:100px;}
.part8 .con .bd li .txt{ position:absolute; width:523px; left:578px; top:50px;}

.part8 .con .bd li .t1{ font-size:50px; line-height:68px; color:#14004e}
.part8 .con .bd li .t2{ display:inline; line-height:30px; padding:0px 5px; font-size:20px; color:#fff; background:#2c3a80}
.part8 .con .bd li .t3{ font-size:25px; line-height:37px; padding:20px 0; color:#000;}
.part8 .con .bd li .t4{ font-size:20px; line-height:32px; padding:10px 0;color:#000;}
.part8 .con .bd li .btn{ margin-top:30px; display:block;width:490px; height:55px; border:1px solid #fff; background:none; text-align:center; line-height:55px; font-size:30px; color:#fff}
.part8 .con .bd li .btn:hover{border:1px solid #000; background:#ffb400; color:#000}
.part8 .prev{ position:absolute; left:50%; top:400px; margin-left:-598px;z-index:99;}
.part8 .next{ position:absolute; right:50%; top:400px; margin-right:-598px;z-index:99;}