@charset "utf-8";
/* CSS Document */
/* common */
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,span,ul,ol,li{margin:0px; padding:0px; text-indent:0; font-weight:normal;font-size:14px; font-family:'Microsoft YaHei',Verdana, Arial, Helvetica, sans-serif;color:#363636;}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
img{border:0px;}
.clear{width:0px; height:0px; font-size:0px; line-height:0px; margin:0px; padding:0px; clear:both}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/* link : style */
a{text-decoration:none;}
a:hover{text-decoration:underline;}


body{
    margin:0 auto;
    width:100%;
    overflow-x:hidden;
}
#wrap{
    margin:0 auto;
    width:100%;
}
#header{
    margin:0 auto;
    width:100%;
    height:55px;
    background-color:#228cd6;
}
.header-main{
    margin:0 auto;
    width:1000px;
    height:55px;
    position:relative;
}
.logo{
    top:0px;
    left:-55px;
    width:244px;
    height:129px;
    position:absolute;
    background:url("../images/logo.png") no-repeat center top;
}
.phone{
    line-height:55px;
    font-weight:bold;
    font-size:16px;
    color:#ffffff;
}
#content{
    margin:0 auto;
    width:100%;
}
.banner{
    width:100%;
    height:505px;
    background:url("../images/banner.jpg") no-repeat center top;
}
.banner-main{
    margin:0 auto;
    width:1000px;
    height:505px;
    position:relative;
}
.banner-txt1{
    top:98px;
    left:81px;
    width:370px;
    height:78px;
    position:absolute;
    background:url("../images/banner-txt1.png") no-repeat center top;
}
.banner-txt2{
    top:188px;
    left:80px;
    width:377px;
    height:173px;
    position:absolute;
    background:url("../images/banner-txt2.png") no-repeat center top;
}
.banner-txt3{
    top:379px;
    left:267px;
    width:180px;
    height:40px;
    display:block;
    position:absolute;
    background:url("../images/banner-txt3.png") no-repeat center top;
}
.part1{
    margin:0 auto;
    padding:70px 0;
    width:100%;
}
.part1-main{
    margin:0 auto;
    width:1000px;
}
.part1-main h1{
    margin-bottom:125px;
    font-size:30px;
    font-weight:bold;
    text-align:center;
    line-height:38px;
    color:#0090ec;
}
.part1-box{
    width:300px;
    height:165px;
    border-radius:7px;
    position:relative;
}
.part1-box.bg1{
    margin-left:10px;
    margin-right:40px;
    background-color:#ff9a5d;
}
.part1-box.bg2{
    margin-right:40px;
    background-color:#b4d44d;
}
.part1-box.bg3{
    background-color:#f77a9a;
}
.part1-box.bg4{
    margin-top:94px;
    margin-left:10px;
    margin-right:40px;
    background-color:#4fbfe3;
}
.part1-box.bg5{
    margin-top:94px;
    margin-right:40px;
    background-color:#ffca57;
}
.part1-box.bg6{
    margin-top:94px;
    background-color:#9280eb;
}
.pt{
    top:-55px;
    width:300px;
    height:220px;
    position:absolute;
}
.pb-img{
    top:-55px;
    left:85px;
    width:130px;
    height:130px;
    z-index:99;
    position:absolute;
}
.pb-img.s1{
    background:url("../images/s1.png") no-repeat center center;
}
.pb-img.s2{
    background:url("../images/s2.png") no-repeat center center;
}
.pb-img.s3{
    background:url("../images/s3.png") no-repeat center center;
}
.pb-img.s4{
    background:url("../images/s4.png") no-repeat center center;
}
.pb-img.s5{
    background:url("../images/s5.png") no-repeat center center;
}
.pb-img.s6{
    background:url("../images/s6.png") no-repeat center center;
}
.pb-p{
    top:77px;
    padding:0 50px;
    line-height:23px;
    font-weight:bold;
    color:#ffffff;
    position:absolute;
}
.part1-box:hover .pb-img{
    -webkit-transform:translate(-145px,30px);
    -ms-transform:translate(-145px,30px);
    -o-transform:translate(-145px,30px);
    -webkit-transition:transform 0.8s;
    -ms-transition:transform 0.8s;
    -o-transition:transform 0.8s;
}
.part1-box:hover .pb-p{
    -webkit-transform:translate(30px,-35px);
    -ms-transform:translate(30px,-35px);
    -o-transform:translate(30px,-35px);
    -webkit-transition:transform 0.8s;
    -ms-transition:transform 0.8s;
    -o-transition:transform 0.8s;
}
.part1-info{
    margin:0 auto;
    margin-top:21px;
    width:995px;
    height:285px;
    background:url("../images/p1-bg1.png") no-repeat center top;
}
.part1-info h2{
    margin:0 auto;
    padding-top:72px;
    padding-bottom:27px;
    margin-left:133px;
    width:820px;
    font-size:17px;
    line-height:17px;
    color:#ffffff;
}
.part1-info span{
    margin-top:19px;
    margin-left:134px;
    margin-bottom:22px;
    padding-left:9px;
    font-size:20px;
    font-weight:bold;
    line-height:22px;
    color:#ffffff;
    display:block;
    border-left:4px solid #ff9453;
}
.part1-info p{
    margin-top:16px;
    margin-left:136px;
    font-size:17px;
    line-height:28px;
    color:#ffffff;
}
.part2{
    margin:0 auto;
    padding:70px 0;
    width:100%;
    background:url("../images/part2-bg.jpg") repeat center center;
}
.part2-main{
    margin:0 auto;
    width:1000px;
}
.part2-main h1{
    font-size:30px;
    line-height:30px;
    font-weight:bold;
    text-align:center;
    color:#0c0c0c;
}
.part2-main h2{
    margin-top:65px;
    text-align:center;
    font-size:17px;
    line-height:28px;
    color:#0c0c0c;
}
.part2-main h2 b{
    color:#ff6000;
}
.part2-box1{
    margin-left:120px;
    margin-top:55px;
    width:797px;
    height:187px;
    background:url("../images/p2-bg1.png") no-repeat center top;
}
.part2-box1 p{
    padding-top:20px;
    width:760px;
    font-size:20px;
    line-height:42px;
    text-align:center;
    color:#ffffff;
}
.part2-box2{
    top:-15px;
    margin-left:104px;
    width:791px;
    height:338px;
    position:relative;
    background:url("../images/p2-bg2.png") no-repeat center top;
}
.part3{
    margin:0 auto;
    padding:70px 0;
    width:100%;
    background-color:#00c07e;
}
.part3-main{
    margin:0 auto;
    width:1000px;
    background:url("../images/part3-bg.png") no-repeat center;
}
.part3-main h1{
    margin-bottom:70px;
    font-size:34px;
    line-height:34px;
    font-weight:bold;
    text-align:center;
    color:#ffffff;
}
.part3-box{
    width:420px;
    height:320px;
    position:relative;
    border:3px solid #009a65;
}
.part3-box.bg1{
    margin-left:21px;
    background:url("../images/p3-b1.jpg") no-repeat center top;
}
.part3-box.bg2{
    margin-top:60px;
    margin-left:548px;
    background:url("../images/p3-b2.jpg") no-repeat center top;
}
.part3-info{
    position:absolute;
}
.part3-info.bg1{
    top:25px;
    left:385px;
    width:570px;
    height:270px;
    background:url("../images/p3-i1.png") no-repeat center top;
}
.part3-info.bg1 h2{
    margin-left:40px;
    margin-top:47px;
    font-size:22px;
    line-height:22px;
    color:#ffffff;
    text-shadow:1px 1px 1px #fc5a2d;
}
.part3-info.bg1 p{
    margin-left:42px;
    margin-top:16px;
    width:490px;
    font-size:15px;
    line-height:24px;
    color:#ffffff;
    text-shadow:1px 1px 1px #fc5a2d;
}
.part3-info.bg2{
    top:15px;
    left:-525px;
    width:595px;
    height:290px;
    background:url("../images/p3-i2.png") no-repeat center top;
}
.part3-info.bg2 h2{
    margin-left:35px;
    margin-top:45px;
    font-size:22px;
    line-height:22px;
    color:#ffffff;
    text-shadow:1px 1px 1px #168ce6;
}
.part3-info.bg2 p{
    margin-left:37px;
    margin-top:18px;
    width:527px;
    font-size:15px;
    line-height:24px;
    color:#ffffff;
    text-shadow:1px 1px 1px #168ce6;
}
.part4{
    margin:0 auto;
    padding:70px 0;
    width:100%;
    background:url("../images/part4-bg.jpg") repeat center center;
}
.part4-main{
    margin:0 auto;
    width:1000px;
    background:url("../images/part4-bg.png") no-repeat center top;
}
.part4-main h1{
    font-size:37px;
    font-weight:bold;
    line-height:37px;
    text-align:center;
    color:#ffffff;
}
.part4-box1{
    margin-top:19px;
    margin-left:140px;
    width:780px;
    height:238px;
    position:relative;
    background:url("../images/p4-b1.png") no-repeat center top;
}
.part4-box1-h{
    top:24px;
    left:606px;
    width:120px;
    height:120px;
    position:absolute;
    background:url("../images/p4-b1-h.png") no-repeat center center;
}
.part4-box1:hover .part4-box1-h{
    transform:rotate(720deg);
    transition: transform 1.5s;
}
.part4-box2{
    margin-top:63px;
    margin-left:116px;
    width:770px;
    height:149px;
    position:relative;
    background:url("../images/p4-b2.png") no-repeat center top;
}
.part4-box2-h{
    top:-40px;
    left:651px;
    width:78px;
    height:70px;
    position:absolute;
    background:url("../images/p4-b2-h.png") no-repeat center top;
}
.part4-box2:hover .part4-box2-h{
    transform:scale(1.2);
    transition: transform 0.5s;
}
.part4-box3{
    margin-top:34px;
    margin-left:65px;
    width:419px;
    height:344px;
    background:url("../images/p4-b3.png") no-repeat center top;
}
.part4-box3 h2{
    margin-top:42px;
    margin-left:15px;
    font-size:16px;
    line-height:16px;
    font-weight:bold;
    color:#ffffff;
}
.part4-box3 p{
    margin-top:33px;
    margin-left:39px;
    width:343px;
    font-size:15px;
    line-height:30px;
    color:#ffffff;
    text-shadow:2px 2px 2px #2895e8;
}
.part4-box4{
    margin-top:34px;
    margin-left:31px;
    width:419px;
    height:344px;
    background:url("../images/p4-b4.png") no-repeat center top;
}
.part4-box4 h2{
    margin-top:42px;
    margin-left:15px;
    font-size:16px;
    line-height:16px;
    font-weight:bold;
    color:#ffffff;
}
.part4-box4 p{
    margin-top:33px;
    margin-left:39px;
    width:343px;
    font-size:15px;
    line-height:30px;
    color:#ffffff;
    text-shadow:2px 2px 2px #ff9b00;
}
.part4-box4 h3{
    margin-top:55px;
    margin-left:60px;
    font-size:23px;
    line-height:23px;
    font-weight:bold;
    color:#ffffff;
}
.part5{
    margin:0 auto;
    padding:70px 0;
    width:100%;
    background:url("../images/part5-bg.jpg") repeat center center;
}
.part5-main{
    margin:0 auto;
    width:1000px;
}
.part5-main h1{
    margin-bottom:70px;
    font-size:36px;
    line-height:36px;
    text-align:center;
    color:#ffffff;
}
.part5-main h2{
    margin-bottom:24px;
    line-height:28px;
    color:#ffffff;
}
.part5-main h2 b{
    font-size:16px;
}
.part5-box1{
    width:497px;
    height:233px;
    background:url("../images/p5-b1.png") no-repeat center top;
}
.part5-box1 h3{
    margin-left:100px;
    margin-top:36px;
    font-size:18px;
    line-height:18px;
    font-weight:bold;
    color:#ffffff;
}
.part5-box1 p{
    margin-left:58px;
    margin-top:38px;
    width:415px;
    font-size:14px;
    line-height:24px;
    color:#ffffff;
}
.part5-box2{
    width:493px;
    height:225px;
    background:url("../images/p5-b2.png") no-repeat center top;
}
.part5-box2 h3{
    margin-left:100px;
    margin-top:36px;
    font-size:18px;
    line-height:18px;
    font-weight:bold;
    color:#ffffff;
}
.part5-box2 p{
    margin-left:52px;
    margin-top:38px;
    width:415px;
    font-size:14px;
    line-height:20px;
    color:#ffffff;
}
.part5-box3{
    margin-left:128px;
    margin-top:20px;
    width:747px;
    height:272px;
    background:url("../images/p5-b3.png") no-repeat center top;
}
.part5-box3 h3{
    margin-left:100px;
    margin-top:36px;
    font-size:18px;
    line-height:18px;
    font-weight:bold;
    color:#ffffff;
}
.part5-box3 p{
    margin-left:52px;
    margin-top:38px;
    width:660px;
    font-size:14px;
    line-height:20px;
    color:#ffffff;
}
.part5-box4{
    width:497px;
    height:250px;
    background:url("../images/p5-b4.png") no-repeat center top;
}
.part5-box4 h3{
    margin-left:100px;
    margin-top:36px;
    font-size:18px;
    line-height:18px;
    font-weight:bold;
    color:#ffffff;
}
.part5-box4 p{
    margin-left:52px;
    margin-top:38px;
    width:415px;
    font-size:13px;
    line-height:20px;
    color:#ffffff;
}
.part5-box5{
    width:493px;
    height:250px;
    background:url("../images/p5-b5.png") no-repeat center top;
}
.part5-box5 h3{
    margin-left:100px;
    margin-top:36px;
    font-size:18px;
    line-height:18px;
    font-weight:bold;
    color:#ffffff;
}
.part5-box5 p{
    margin-left:52px;
    margin-top:58px;
    width:415px;
    font-size:14px;
    line-height:24px;
    color:#ffffff;
}
.part6{
    margin:0 auto;
    width:100%;
    height:780px;
    background:url("../images/part6-bg.jpg") no-repeat center top;
}
.part6-main{
    margin:0 auto;
    width:1000px;
    height:780px;
}
.part6-txt1{
    margin:0 auto;
    padding-top:70px;
    width:288px;
    height:50px;
    background:url("../images/p6-txt1.png") no-repeat center bottom;
}
.part6-txt2{
    margin:0 auto;
    margin-top:70px;
    width:841px;
    height:64px;
    background:url("../images/p6-txt2.png") no-repeat center top;
}
.part6-txt3{
    margin:0 auto;
    margin-top:70px;
    width:655px;
    height:80px;
    background:url("../images/p6-txt3.png") no-repeat center top;
}
.part6-txt4{
    margin:0 auto;
    margin-top:70px;
    width:616px;
    height:53px;
    background:url("../images/p6-txt4.png") no-repeat center top;
}
.part6-txt5{
    margin:0 auto;
    margin-top:70px;
    width:685px;
    height:107px;
    background:url("../images/p6-txt5.png") no-repeat center top;
}
.part7{
    margin:0 auto;
    padding:70px 0;
    width:100%;
    background:url("../images/part7-bg.jpg") repeat center center;
}
.part7-main{
    margin:0 auto;
    width:1010px;
}
.part7-main h1{
    margin-bottom:70px;
    font-size:33px;
    line-height:33px;
    font-weight:bold;
    text-align:center;
    color:#ffffff;
}
.part7-txt1{
    margin:0 auto;
    margin-bottom:10px;
    width:1010px;
    height:70px;
    background:url("../images/part7-txt1.png") no-repeat center top;
}
.part7-txt2{
    margin:0 auto;
    margin-bottom:10px;
    width:1010px;
    height:70px;
    background:url("../images/part7-txt2.png") no-repeat center top;
}
.part7-txt3{
    margin:0 auto;
    margin-bottom:10px;
    width:1010px;
    height:70px;
    background:url("../images/part7-txt3.png") no-repeat center top;
}
.part7-txt4{
    margin:0 auto;
    margin-bottom:10px;
    width:1010px;
    height:70px;
    background:url("../images/part7-txt4.png") no-repeat center top;
}
.part7-txt5{
    margin:0 auto;
    margin-bottom:50px;
    width:1010px;
    height:70px;
    background:url("../images/part7-txt5.png") no-repeat center top;
}
.part7-txt6{
    margin-left:21px;
    width:957px;
    height:141px;
    background:url("../images/part7-txt6.png") no-repeat center top;
}
.part8{
    margin:0 auto;
    padding:70px 0;
    width:100%;
    background-color:#1796df;
}
.part8-main{
    margin:0 auto;
    width:1000px;
}
.part8-title{
    margin:0 auto;
    margin-bottom:70px;
    width:241px;
    height:65px;
    background:url("../images/part8-title.png") no-repeat center top;
}
.part8-txt1{
    margin-bottom:55px;
    width:997px;
    height:113px;
    background:url("../images/part8-txt1.png") no-repeat center top;
}
.part8-txt2{
    margin-bottom:55px;
    width:906px;
    height:94px;
    background:url("../images/part8-txt2.png") no-repeat center top;
}
.part8-txt3{
    margin-bottom:55px;
    width:867px;
    height:101px;
    background:url("../images/part8-txt3.png") no-repeat center top;
}
.part8-box{
    margin:0 auto;
    width:941px;
    height:110px;
    background-color:#33a3e3;
}
.part8-box p{
    padding:25px 61px 0;
    font-size:20px;
    line-height:30px;
    color:#ffffff;
}
.part9{
    margin:0 auto;
    width:100%;
    height:636px;
    background:url("../images/part9-bg.jpg") no-repeat center top;
}
.part9-main{
    margin:0 auto;
    width:1000px;
    height:636px;
}

.part9-w1{
    margin-top:80px;
    margin-left:70px;
    width:280px;
    height:240px;
    background:url("../images/w1.jpg") no-repeat center top;
}
.part9-w2{
    margin-top:80px;
    width:280px;
    height:240px;
    background:url("../images/w2.jpg") no-repeat center top;
}
.part9-w3{
    margin-top:80px;
    width:280px;
    height:240px;
    background:url("../images/w3.jpg") no-repeat center top;
}
.part9-w4{
    margin-left:70px;
    width:280px;
    height:240px;
    background:url("../images/w4.jpg") no-repeat center top;
}
.part9-w5{
    width:280px;
    height:240px;
    background:url("../images/w5.jpg") no-repeat center top;
}
.part9-w6{
    width:280px;
    height:240px;
    background:url("../images/w6.jpg") no-repeat center top;
}
.part9-w7{
    margin-left:70px;
    width:280px;
    height:240px;
    background:url("../images/w7.jpg") no-repeat center top;
}
.part9-w8{
    width:280px;
    height:240px;
    background:url("../images/w8.jpg") no-repeat center top;
}
.part9-w9{
    width:280px;
    height:240px;
    background:url("../images/w9.jpg") no-repeat center top;
}
.part9-w:hover .part9-w1,
.part9-w:hover .part9-w2,
.part9-w:hover .part9-w3,
.part9-w:hover .part9-w4,
.part9-w:hover .part9-w5,
.part9-w:hover .part9-w6,
.part9-w:hover .part9-w7,
.part9-w:hover .part9-w8,
.part9-w:hover .part9-w9
{
    opacity: 0.6;
}
.part9-w:hover .part9-w1:hover,
.part9-w:hover .part9-w2:hover,
.part9-w:hover .part9-w3:hover,
.part9-w:hover .part9-w4:hover,
.part9-w:hover .part9-w5:hover,
.part9-w:hover .part9-w6:hover,
.part9-w:hover .part9-w7:hover,
.part9-w:hover .part9-w8:hover,
.part9-w:hover .part9-w9:hover {
    opacity:1;
}

#footer{
    margin:0 auto;
    width:100%;
    height:109px;
    background-color:#262626;
}
#footer p{
    line-height:109px;
    font-size:12px;
    color:#b3b3b3;
    text-align:center;
}