/* CSS Document */
* {
    margin: 0;
    padding: 0;
    text-shadow: none;

}
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, form, label { border: 0 none; font-family: inherit; font-style: inherit; margin: 0; padding: 0;}
body {color: #1D1D1D;font-family:"Microsoft YaHei"; font-size: 12px;line-height: 24px; }
input, select {font-size: 12px;line-height: 22px;}
img { border: 0 none;}
ul, li {list-style-type: none;}
.tc { text-align: center;}
.tl {text-align: left;}
.tr {text-align: right;}
.fl{float:left}
.fr{float:right}
.f14{ font-size:14px;}
.fb{ font-weight:bold;}
.pd{ padding:0px 40px;}
.pd1{ padding:0px 0px 0px 30px;}
.pt{ padding-top:10px;}
.hs{ color:#8e6f00}
.fix::after{clear:both; height:0px; display:block; content:""; overflow:hidden; font-size:1px;}
.hr_10{clear:both; height:10px; overflow:hidden; font-size:1px;}
a { color: #333;text-decoration: none;font-family:"Microsoft YaHei";}
a:link,a:visited {text-decoration: none;}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}

.maxwidth{ margin:0 auto; max-width:1903px;}
.banner{ width:100%; height:806px; background:url(../images/banner.jpg) center 0 no-repeat}
.banner .con{ margin:0 auto; width:1200px; height:806px; position:relative}
.banner .con a{ position:absolute; left:142px; top:639px; width:303px; height:68px; }
.banner .con a:hover{-webkit-animation: rubberBand 1s 1 linear;
  -moz-animation: rubberBand 2s 1 linear;
  -o-animation: rubberBand 2s 1 linear;
  -ms-animation: rubberBand 2s 1 linear;
  animation: rubberBand 2s 1 linear;}  
  
div.title{ width:100%; text-align:center; line-height:60px; padding:40px 0; font-size:50px; color:#FFFFFF}

.part1{ width:100%; height:972px; background:#246073}
.part1 .con{ margin:0 auto; width:1200px; height:972px; position:relative}
.part1 .con .box{ width:100%;}
.part1 .con .box .list{ float:left; display:inline; margin-left:35px; width:249px;}
.part1 .con .box .list .pic{ width:249px; height:249px; transition:0.5s;overflow:hidden; cursor:pointer}
.part1 .con .box .list .pic:hover {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}

.part1 .con .box .list .tt1{ line-height:60px; text-align:center; font-size:22px; color:#fff;}
.part1 .con .box1{ position:relative; width:1119px; height:295px;}
.part1 .con .box1 .txt1{ width:750px; position:absolute; line-height:35px; font-size:20px; color:#fff; left:303px; top:126px;}
.part1 .con .btn1{ display:block; margin:30px auto; width:282px; height:60px; border-radius:60px; background:#ff3c00; line-height:60px; text-align:center; color:#fff; font-size:30px;}

.part2{ width:100%;}
.part2 .con{ margin:0 auto; width:1200px;}
.part2 .con .txt1{ font-size:20px; line-height:35px;}
.part2 .con .p2slide{ width:1200px; position:relative; height:684px; padding:70px 0 0 0px; box-sizing:border-box; background:url(../images/p2_bg.jpg) no-repeat}
.part2 .con .p2slide .bd{ width:1045px; height:525px; color:#fff;}
.part2 .con .p2slide .bd .swiper-slide{ position:relative; width:100%; height:525px;}
.part2 .con .p2slide .bd .swiper-slide .tt{ font-size:36px; line-height:62px;}
.part2 .con .p2slide .bd .swiper-slide .txt{ width:100%; overflow:hidden; padding-top:30px;}
.part2 .con .p2slide .bd .swiper-slide .txt .ll{ float:left; width:365px;}
.part2 .con .p2slide .bd .swiper-slide .txt .rr{ float:right; width:645px;}
.part2 .con .p2slide .bd .swiper-slide .txt .rr .tt1{ font-size:20px; line-height:30px; padding-bottom:5px;}
.part2 .con .p2slide .bd .swiper-slide .txt .rr .span{ display:inline-block; margin-right:38px; background:#fff; color:#333; font-size:17px; padding:0 15px; height:35px; line-height:35px; border-radius:35px;}
.part2 .con .p2slide .bd .swiper-slide .txt .rr .pic{ padding:30px 0 0 0;}
.part2 .con .p2slide .bd .swiper-slide .txt .rr .btn1{display:block; margin:30px auto; width:310px; height:60px; border-radius:60px; background:#ff3c00; line-height:60px; text-align:center; color:#fff; font-size:22px;}

.part2 .con .p2slide .prev{ position:absolute; left:-30px; top:300px;}
.part2 .con .p2slide .next{ position:absolute; right:-30px; top:300px;}

.part3{ width:100%;}
.part3 .con{ width:100%; overflow:hidden}
.part3 .con .list{ width:25%; float:left; position:relative}
.part3 .con .list .txt{ position:absolute; width:90%;  overflow:hidden; padding:15px; left:5%; top:5%;box-sizing:border-box;line-height:35px;}
.part3 .con .list .txt img{ width:100%}
.part3 .con .list .txt .t1{ font-size:25px; font-weight:700; text-align:center}
.part3 .con .list .txt .t2{ font-size:22px}
.part3 .con .list:hover .txt{-webkit-animation: bounceY 1s 1 linear;
  -moz-animation: bounceY 1s 1 linear;
  -o-animation: bounceY 1s 1 linear;
  -ms-animation: bounceY 1s 1 linear;
  animation: bounceY 1s 1 linear;}
.part3 .con .list img{ width:100%;}
.part3 .btn1{ display:block; margin:50px auto; width:350px; height:60px; border-radius:60px; background:#ff3c00; line-height:60px; text-align:center; color:#fff; font-size:30px;}

.part4{ width:100%; height:1060px; background:url(../images/p4_1.jpg) center 0 no-repeat;}
.part4 .con{ margin:0 auto; width:1200px; height:1060px;}
.part4 .con .txt1{ font-size:20px; line-height:35px;}
.part4 .con .box{ position:relative; width:1200px; height:681px;}
.part4 .con .box .bt{ position:absolute; width:220px; height:220px; display:table; background:#fff; border-radius:50%; border:4px solid #0cb7ef;}


.part4 .con .box .bt .tell{ display:table-cell; text-align:center; vertical-align:middle;}
.part4 .con .box .bt .tell .tt{ font-size:34px; line-height:45px; color:#0cb7ef}
.part4 .con .box .bt .tell .tt1{ font-size:22px; color:#333; line-height:32px;}


.part4 .con .box .bt:nth-of-type(1){ left:50px; top:60px;}
.part4 .con .box .bt:nth-of-type(2){ right:50px; top:60px;}
.part4 .con .box .bt:nth-of-type(3){ left:100px; top:360px;}
.part4 .con .box .bt:nth-of-type(4){ right:100px; top:360px;}
.part4 .con .box .btn1{ position:absolute; left:50%; margin-left:-175px; width:350px; bottom:-80px; height:60px; border-radius:60px; background:#ff3c00; line-height:60px; text-align:center; color:#fff; font-size:30px;}

.part5{ width:100%; height:804px; background:url(../images/p5bg.jpg) center 0 no-repeat;}
.swiper6{width:100%;overflow:hidden; position:relative;}
.swiper6 .swiper-slide{width:634px; display:inline;float:left;text-align:center;  position:relative}
.swiper6 .swiper-slide-active{}
.swiper6 .swiper-slide img{width:100%;}
.swiper6 .swiper-slide .bg{ position:absolute; width:100%; height:476px; background:rgba(0,0,0,0.6)}
.swiper6 .swiper-slide-active .bg{ background:rgba(0,0,0,0)}

.swiper6 .swiper-slide .picbox{-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray;} 
.swiper6 .swiper-slide-active .picbox{-webkit-filter: grayscale(0%); 
-moz-filter: grayscale(0%); 
-ms-filter: grayscale(0%); 
-o-filter: grayscale(0%); 
filter: grayscale(0%); 
filter: gray;} 

.swiper6 .swiper-slide h3{ font-size:26px; height:80px; line-height:80px; text-align:center; display:none}
.swiper6 .swiper-slide-active h3{ display:block;}

.swiper6 .prev{ position:absolute; left:50%; margin-left:-375px; top:50%; margin-top:-55px;}
.swiper6 .next{ position:absolute; right:50%; margin-right:-375px; top:50%; margin-top:-55px;}

.part5 .btn1{ display:block; margin:0px auto; width:380px; height:60px; border-radius:60px; background:#ff3c00; line-height:60px; text-align:center; color:#fff; font-size:30px;}

.part6{ width:100%; height:995px; background:#0cb7ef;}
.part6 .con{ margin:0 auto; width:1200px; height:995px;}
.p7slide{ position:relative; width:1200px; height:835px;}
.swiper7{height:835px;}
.part6 .swiper-slide{ width:1200px; height:835px; position:relative}
.p7slide .tab{ width:119px; position:absolute; right:0; top:0px; height:835px; z-index:3}
.p7slide .tab li{ width:119px; height:121px; position:relative; padding-bottom:10px; opacity:0.5}
.p7slide .tab li .bg{ position:absolute; display:none; left:0; top:0; width:115px; height:115px; border-radius:50%; border:3px solid #fff799}
.p7slide .tab li.on{opacity:1;}
.p7slide .tab li.on .bg{ display:block}
.part6 .swiper-slide .btn1{ position:absolute; left:50%; margin-left:-175px; width:350px; bottom:80px; height:60px; border-radius:60px; background:#ff3c00; line-height:60px; text-align:center; color:#fff; font-size:30px;}

.part7{ width:100%;}
.part7 .con{ margin:0 auto; width:1200px;}
.part7 .con .list{ float:left; display:inline; width:177px; height:540px; position:relative ;overflow:hidden; transition:0.5s}
.part7 .con .list.on{ width:669px;}
.part7 .con .list .ll{ width:177px; height:540px; position:absolute; left:0px;}
.part7 .con .list .rr{ width:492px; text-align:center; position:absolute; left:177px;}
.part7 .con .list .rr .pic{ padding:40px 0 20px 0;}
.part7 .con .list .rr .txt{ width:434px; margin:0 auto; padding-top:30px; border-top:2px solid #fff; font-size:20px; color:#fff; line-height:32px; text-align:left}
.part7 .btn1{ display:block; margin:50px auto 50px auto; width:380px; height:60px; border-radius:60px; background:#ff3c00; line-height:60px; text-align:center; color:#fff; font-size:30px;}
.part8{ width:100%; height:710px; background:#95d6ea}
.part8 .con{ margin:20px auto 40px; width:960px;}
.part8 .con .list{ float:left; width:195px; height:195px; display:block; background:#fff; border:3px solid #0eb7ef; border-radius:50%; display:inline; margin-right:40px;}
.part8 .con .list:last-child{ margin-right:0}
.part8 .con .list .table{ display:table; width:100%; height:100%; box-sizing:border-box; padding:0 10px;}
.part8 .con .list .table p{ display:table-cell; text-align:center; vertical-align:middle; font-size:22px; color:#333}

.part8 .btn1{ display:block; margin:50px auto 50px auto; width:380px; height:60px; border-radius:60px; background:#ff3c00; line-height:60px; text-align:center; color:#fff; font-size:30px;}

.p9slide{ margin:0 auto; width:1200px; height:388px; position:relative}
.p9slide .swiper9{ width:965px;height:388px; margin:0 auto;}
.p9slide .tt{ width:100%; height:80px; background:#0eb7ef; color:#fff; text-align:center}
.p9slide .tt .t1{ font-size:24px; line-height:32px; font-weight:700; padding-top:10px;}
.p9slide .tt .t2{ font-size:20px;  line-height:28px;}
.p9slide .swiper-slide{ padding:0px 20px;}
.p9slide .prev{ position:absolute; left:0; top:60px;}
.p9slide .next{ position:absolute; right:0; top:60px;}

@-webkit-keyframes rubberBand {
  from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
}

@-webkit-keyframes halo { 0% { opacity: 0;-webkit-transform: scale(0.1); }
  50% {opacity: 1; }
  100%{opacity: 0;-webkit-transform: scale(1.2); } }
@-moz-keyframes halo {0% { opacity: 0; -moz-transform: scale(0.1); }
  50% { opacity: 1; }
  100%{ opacity: 0; -moz-transform: scale(1.2); } }
@-ms-keyframes halo {0% { opacity: 0; }
  50% { opacity: 1; }
  100%{opacity: 0; } }
@-o-keyframes halo {0% { opacity: 0; -o-transform: scale(0.1); }
  50% {opacity: 1; }
  100%{ opacity: 0;-o-transform: scale(1.2); } }
@keyframes halo {0% { opacity: 0; transform: scale(0.1); }
  50% {opacity: 1; }
  100%{opacity: 0;transform: scale(1.2); } }

@keyframes bounceY {
  0% { transform: translateY(-205px);}
  40% { transform: translateY(-100px);}
  65% { transform: translateY(-52px);}
  82% { transform: translateY(-25px);}
  92% { transform: translateY(-12px);}
  55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
}
@-moz-keyframes bounceY {
  0% { -moz-transform: translateY(-205px);}
  40% { -moz-transform: translateY(-100px);}
  65% { -moz-transform: translateY(-52px);}
  82% { -moz-transform: translateY(-25px);}
  92% { -moz-transform: translateY(-12px);}
  55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);}
}
@-webkit-keyframes bounceY {
  0% { -webkit-transform: translateY(-205px);}
  40% { -webkit-transform: translateY(-100px);}
  65% { -webkit-transform: translateY(-52px);}
  82% { -webkit-transform: translateY(-25px);}
  92% { -webkit-transform: translateY(-12px);}
  55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}
}