.container{background:url(pic-20.jpg) no-repeat center bottom;padding-bottom:75px;}

.box1 .title .h{float: left;font-size:30px;line-height: 30px;color:#00d4f5;font-weight: bold;}
.box1 .title .m{float: right;font-size:14px;line-height:30px;padding-right:25px;background:url(pic-7.png) no-repeat right center;}
.box1 .title{padding-bottom:20px;background: url(pic-6.png) no-repeat center bottom;margin-bottom:24px;}
.box1 .b1-b .b1-b-l{float:left;width:564px;overflow: hidden;}
.box1 .b1-b .b1-b-l img{transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;}
.box1 .b1-b .b1-b-l:hover img{transform: scale(1.05);-ms-transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);}

.box1 .b1-b .b1-b-r{float: right;width:600px;}
.box1 .b1-b .b1-b-r .h{font-size:20px;line-height:28px;font-weight:bold;color:#00d4f5;text-indent:26px;margin-bottom:20px;margin-top:35px;}
.box1 .b1-b .b1-b-r .p{font-size:14px;line-height:28px;text-indent:2em;}
.box1 .b1-b .b1-b-r ul li{float: left;width:33.3333%;font-size:18px;line-height:34px;color:#4c4c4c;text-align: center;position: relative;}
.box1 .b1-b .b1-b-r ul li span{font-size:30px;line-height:34px;color:#00bfd9;font-family:arial;display: block;}
.box1 .b1-b .b1-b-r ul li span em{font-size:16px;vertical-align: middle;}
.box1 .b1-b .b1-b-r ul li:after{position: absolute;width:1px;height:38px;background:#cccccc;display: block;right:0;top:50%;margin-top:-19px;content:"";}
.box1 .b1-b .b1-b-r ul li:last-child:after{display: none;}
.box1 .b1-b .b1-b-r ul{margin-top:50px;}
.box1{margin-top:60px;}

.box2{margin-top:60px;background: url(pic-21.jpg) no-repeat center;padding:50px 0 45px;background-size: cover;}
.box2 .title .h{float: left;font-size:30px;line-height: 30px;color:#00d4f5;font-weight: bold;color:#fff;}
.box2 .title .m{float: right;font-size:14px;line-height:30px;padding-right:25px;background:url(pic-10.png) no-repeat right center;}
.box2 .title .m a{color:#fff;}
.box2 .title{padding-bottom:20px;background: url(pic-9.png) no-repeat center bottom;margin-bottom:24px;}
.box2 .b2-b .hd ul{float: right;}
.box2 .b2-b .hd ul li{float:left;}
.box2 .b2-b .hd ul li a{font-size:16px;line-height:38px;padding-bottom:8px;height:38px;width:112px;color:#fff;text-align: center;display: block;}
.box2 .b2-b .hd ul li.on a{font-size:18px;font-weight:bold;color:#00d4f5;background:url(pic-11.png) no-repeat center;}
.box2 .b2-b .bd .ls ul li{width: 280px;float: left;margin-right:26.666px;margin-bottom:26px;border-top-right-radius:12px;border-top-left-radius:12px;overflow: hidden;}
.box2 .b2-b .bd .ls ul li:nth-child(4n){margin-right:0;}
.box2 .b2-b .bd .ls ul li .pic{overflow: hidden;}
.box2 .b2-b .bd .ls ul li .txt{font-size:16px;line-height:50px;text-align: center;background:#e6e6e6;padding:0 25px;transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;background:#e6e6e6 url(pic-14.png) no-repeat right -50px center;}
.box2 .b2-b .bd .ls ul li:hover .txt{text-align: left;background:#00ddff url(pic-14.png) no-repeat right 25px center;color:#fff;}
.box2 .b2-b .bd{margin-top:25px;}

.box2 .b2-b .bd .ls ul li img{transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;}
.box2 .b2-b .bd .ls ul li:hover img{transform: scale(1.05);-ms-transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);}


.box3{margin-top:60px;}
.box3 .title .h{float: left;font-size:30px;line-height: 30px;color:#00d4f5;font-weight: bold;}
.box3 .title .m{float: right;font-size:14px;line-height:30px;padding-right:25px;background:url(pic-7.png) no-repeat right center;}
.box3 .title{padding-bottom:20px;background: url(pic-6.png) no-repeat center bottom;margin-bottom:25px;}
.box3 .b3-b .b3-l{float: left;width:770px;}
.box3 .b3-b .b3-l .bd .ls{position: relative;overflow: hidden;}
.box3 .b3-b .b3-l .bd .ls .txt{width:100%;background:rgba(0,0,0,0.6);left:0;bottom:0;position: absolute;padding:20px 35px;box-sizing:border-box;}
.box3 .b3-b .b3-l .bd .ls .txt .h{font-size:18px;line-height:30px;color:#fff;}
.box3 .b3-b .b3-l .bd .ls .txt .t{font-size:12px;line-height:22px;color:#cacacb;}
.box3 .b3-b .b3-l .bd .ls .txt .m{position: absolute;width:86px;height:31px;background:url(pic-15.png) no-repeat center;right:35px;top:30px;}
.box3 .b3-b .b3-r{float: right;width:430px;box-shadow:0 0 10px #efefef;height:440px;}
.box3 .b3-b .b3-r .hd{margin-left:30px;margin-top:20px;}
.box3 .b3-b .b3-r .hd ul li{padding:10px;margin-bottom:10px;border-bottom:1px solid #dbdbdb;}
.box3 .b3-b .b3-r .hd ul li .pic{float: left;width:118px;overflow: hidden;}
.box3 .b3-b .b3-r .hd ul li .txt{float: right;width:250px;}
.box3 .b3-b .b3-r .hd ul li .txt .h{font-size:16px;margin:10px 0 6px;color:#333;}
.box3 .b3-b .b3-r .hd ul li .txt .t{font-size:12px;color:#adadad;}
.box3 .b3-b .b3-r .hd ul li.on{background:#00cde7;}
.box3 .b3-b .b3-r .hd ul li.on .txt .h,.box3 .b3-b .b3-r .hd ul li.on .txt .t{color:#fff;}

.box3 .b3-b .b3-r .hd ul li .pic img,.box3 .b3-b .b3-l .bd .ls img{transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;}
.box3 .b3-b .b3-r .hd ul li:hover .pic img,.box3 .b3-b .b3-l .bd .ls:hover img{transform: scale(1.05);-ms-transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);}



.box4{margin-top:60px;}
.box4 .title .h{float: left;font-size:30px;line-height: 30px;color:#00d4f5;font-weight: bold;}
.box4 .title .m{float: right;font-size:14px;line-height:30px;padding-right:25px;background:url(pic-7.png) no-repeat right center;}
.box4 .title{padding-bottom:20px;background: url(pic-6.png) no-repeat center bottom;margin-bottom:25px;}
.box4 .b4-b .b4-b-l{float: left;width: 537px;background:url(pic-17.jpg) no-repeat center;height:405px;box-sizing: border-box;padding-top:10px;padding-left:12px;}
.box4 .b4-b .b4-b-l img{margin-top:10px;margin-left:12px;}
.box4 .b4-b .b4-b-r{float: right;width:590px;}
.box4 .b4-b .b4-b-r .tit{font-size:20px;line-height: 20px;padding-bottom:25px;border-bottom:1px solid #cbcbcb;margin-right:55px;margin-top:20px;}
.box4 .b4-b .b4-b-r .cont{font-size:14px;line-height:40px;margin-top:20px;}


