﻿.header{height: 80px; background-color: #fff; line-height: 80px; position: fixed; top:0; left: 0; box-shadow: 0px 1px 0px #eee; overflow: hidden; width: 100% ;z-index: 999  }
.container{width: 1280px; margin:0 auto; overflow: hidden; }
.header .logo{ margin-top: 10px; }
.header ul{ overflow: hidden; }
.header ul li{float: left; width: 70px; text-align: center;}
.header ul li a{ display: block; font-size: 16px;}
.header .nav .share{}
.header .nav .share a{ display:inline-block; margin-top: 16px;}
.header .nav .way .reg{ color: #00c8f2; margin-left: 18px; border-radius: 20px; border:1px solid #00c8f2; padding:10px 20px; }
.header .nav .way .login{ color: #dd4250; margin-left: 16px; border-radius: 20px; border:1px solid #dd4250; padding:10px 20px; }
.banner{margin-bottom:10px; background:url(../images/banner.png) no-repeat bottom  center;  height:824px;}

.parts .part_tit{ float: left; width:450px; }
.parts .part_tit img{ width: 100%; }
.parts .part1 .content{ overflow: hidden; margin-bottom: 10px; }
.parts .part1 .content .wrap{ width: 850px;height:481px;overflow: hidden; }
.parts .part1 .content .wrap .swiper-container1 {width: 850px;height: 516px;left: 0; top:0;}
.swiper-button-prev{background-image:url(../images/arrow_left.png)}
.swiper-button-next{background-image:url(../images/arrow_right.png)}
.parts .part1 .content .text{ width: 390px;height: 481px; background-color: #2bb0e0; color: #fff; font-size: 24px; line-height: 50px; padding:20px; }
.parts .part1 .content .bot{ overflow: hidden; }
.parts .part1 .content .bot .imgbox{ float: left; width: 406.6px; margin:5px; padding:5px; background-color: #fff; box-shadow: 1px 1px 5px #eee }
.parts .part1 .content .bot .imgbox .img img{ width: 100%; }
.parts .part1 .content .bot .imgbox p{ line-height: 60px;  font-size: 16px; }
.parts .part2 .content{margin-bottom: 10px; height: 1762px; background-image: url(../images/part2_bg.png); position: relative; }
.parts .part2 .content .line{ overflow: hidden; }
.parts .part2 .content .line .text{ width: 500px; }
.parts .part2 .content .line .text p{color:#2bb0e0; font-size: 20px; line-height: 40px;}
.parts .part2 .content .line .img{border-radius: 50%; }
.parts .part2 .content .line .img img{ width: 100%; height: 100%; border-radius: 50%; }
.parts .part2 .content .l1 .text{position: absolute; top:186px; left: 50px; }
.parts .part2 .content .l1 .img{position: absolute;top:100px; right: 102px;width: 300px;height: 300px  }

.parts .part2 .content .l2 .text{position: absolute; top:670px; right: 50px; }
.parts .part2 .content .l2 .img{position: absolute;top:542px; left:241px;width: 300px;height: 300px;-webkit-box-shadow:inset 2px 6px 10px #666;  
  -moz-box-shadow:inset 2px 6px 10px #666;  box-shadow:inset 2px 6px 10px #666;    }
.parts .part2 .content .l2 .img img{ width: 98%; }
.parts .part2 .content .l3 .text{position: absolute; top:1092px; left: 50px; }
.parts .part2 .content .l3 .img{position: absolute;top:932px; right: 8px;width: 440px;height: 440px  }

.parts .part2 .content .l4 .text{position: absolute; top:1470px; right: 50px; }
.parts .part2 .content .l4 .img{position: absolute;    top: 1282px;left: 99px;width: 440px;height: 440px }
.parts .part3 .content{margin-bottom: 10px;}
.parts .part3 .content .swiper-container2{ left: 0;top:0; }
.parts .part4 .content{ margin-bottom: 10px; }
.parts .part4 .content a{ display: block; width: 260px; margin:0 auto; color: #fff; background-color:#2bb0e0; line-height: 40px; font-size: 16px;  }
.parts .part5{height: 1094px; background-image: url(../images/part5_bg.png);} 
.parts .part5 .content .logobox { overflow: hidden; margin-top: 40px; }
.parts .part5 .content .logobox .b1 img{ height: 81px; }
.parts .part5 .content .logobox  a{ margin-top: 20px; float: left; margin-right: 40px; margin-left: 40px; display: block; box-shadow: 3px 3px 3px #333;-webkit-box-shadow: 3px 3px 3px #333;  -moz-box-shadow: 3px 3px 3px #333;font-size: 0 }
