/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details,summary,picture{display:block;}
table{border-collapse:collapse; border-spacing:0;}
caption,th{text-align:left; font-weight:normal;}
html,body,img,iframe,abbr{border:0;}
address,i,em,b{font-style:normal;}
[hidefocus],summary,button:focus{outline:0;}
li{list-style:none;}
sup,sub{font-size:12px;}
textarea{overflow:auto; resize:none;}
label{cursor:default;}
a,button,input[type="submit"]{cursor:pointer;}
h1,h2,h3,h4,h5,h6,b{font-weight:normal; display:block;}
a{-webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
a{color:inherit;}
a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:14px/1.6 Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'SimSun', Tahoma, Helvetica, STHeiti !important; color:#454545; outline:0;}
body{position:relative; min-width:1280px; background:#fff; -webkit-transition:none !important; -moz-transition:none !important; -ms-transition:none !important; -o-transition:none !important;}

.fl{float:left;}
.fr{float:right;}
.clear{zoom:1;}
.clear:after{content:''; width:0; height:0; display:block; clear:both;}
.dib{display:inline-block; *display:inline; *zoom:1;}



.wrap{position:relative; min-width:1315px; margin:auto; background-repeat:no-repeat; background-position:50% 0;}

.header{height:1786px; margin:auto; background-image:url(../img/01.jpg);}

.banner{position:relative; height:1000px; background-image:url(../img/02.jpg);}
.banner .swiper-container{top:64px; height:530px; margin-left:-601px;}
.banner .swiper-main{height:438px;}

.main{padding-top:22px; background-color:#067457; background-image:url(../img/03.jpg);}

.container01{padding-bottom:50px; background:url(../img/container01.png) 50% 100% no-repeat; overflow:hidden;}
.container02{padding-bottom:50px; background:#0e8c6c url(../img/container02.png) 50% 100% no-repeat; overflow:hidden;}
.container03{padding-bottom:80px; background:#0e8c6c; text-align:center; overflow:hidden;}

.swiper{position:relative; width:1315px; height:827px; margin:0 auto 17px; background:url(../img/swiper-bg.png) 50% 50% no-repeat;}
.swiper2{height:889px; background:url(../img/swiper-bg2.png) 50% 50% no-repeat;}
.swiper3{height:930px; background:url(../img/swiper-bg3.png) 50% 50% no-repeat;}
.swiper-title{position:absolute; top:66px; left:50%; width:1100px; margin-left:-550px;}
.swiper-title img{display:block; margin:auto;}
.swiper-container{position:absolute; top:240px; left:50%; width:1200px; height:468px; margin-left:-600px; overflow:hidden;}
.swiper2 .swiper-container{height:530px;}
.swiper3 .swiper-container{height:563px;}
.swiper-main{position:relative; width:100%; height:375px;}
.swiper2 .swiper-main{height:438px;}
.swiper3 .swiper-main{height:100%;}
.swiper-main li{position:absolute; top:0; left:0; width:100%; height:100%;}
.swiper-main li img{display:block; width:100%;}
.swiper-indicator{height:87px; margin-top:3px; overflow:hidden; background:#000;}
.swiper-indicator li{position:relative; float:left; width:238px; height:100%; margin:0 1px; overflow:hidden;}
.swiper-indicator li:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.swiper-indicator li.act:after{background:rgba(0,0,0,0);}
.swiper-indicator li img{display:block; width:100%; height:100%;}
.swiper-prev{position:absolute; top:410px; left:-10px; width:46px; height:63px; background:url(../img/arr-left.png) no-repeat; cursor:pointer;}
.swiper-next{position:absolute; top:410px; right:-10px; width:46px; height:63px; background:url(../img/arr-right.png) no-repeat; cursor:pointer;}




.title01{display:block; margin:0 auto 100px;}
.content01{display:block; margin:20px auto 100px;}
.title02{display:block; margin:20px auto 50px;}
.content02{display:block; width:520px; height:370px; margin:-80px auto 0; background:url(../img/content02.png) no-repeat;}
.content03{display:block; margin:30px auto 120px;}
.content04{display:block; margin:30px auto 60px;}
.btn{display:inline-block; width:210px; height:99px; margin:0 25px; background-repeat:no-repeat;}
.btn.web{background-image:url(../img/btn01.png);}
.btn.client{background-image:url(../img/btn02.png);}


#nav{box-sizing:border-box; position:fixed; top:130px; right:45px; width:101px; height:408px; padding:34px 11px 0 10px; background:url(../img/nav-bg.png) no-repeat;}
#nav span,
#nav a{display:block; height:60px; cursor:pointer;}


#footer{position:relative; min-width:1200px; height:58px; background:#0a624b; text-align:center; line-height:58px; font-size:16px;}
#footer:after{content:''; position:absolute; top:0; left:50%; width:140px; height:100%; margin-left:460px; background:url(../img/ft-bg.png) 0 50% no-repeat;}
#footer a{color:#f7d778;}
#footer span{color:#0d8668; margin:0 24px;}