@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:none;}

body{
    margin:0 auto;
    width:100%;
    overflow-x:hidden;
    background:#e8e8e8;
}
.wrap{
    margin:0 auto;
    width:100%;
    min-width:1000px;
}
.header{
    margin:0 auto;
    width:100%;
}
.header-main{
    margin:0 auto;
    width:1000px;
    height:95px;
}
.logo{
    margin-top:36px;
}
.logo-text{
    margin-top:35px;
    margin-left:11px;
    padding-left:17px;
    height:42px;
    border-left:1px solid #bababa;
}
.logo-text img{
    margin-top:1px;
}
.logo-text p{
    margin-left:18px;
    line-height:20px;
    color:#222222;
}
.phone{
    margin-top:38px;
}
.phone p{
    line-height:20px;
    color:#222222;
}
.nav{
    margin:0 auto;
    width:100%;
    height:45px;
    background:#222222;
}
.nav ul{
    margin:0 auto;
    width:1000px;
}
.nav ul li{
    float:left;
}
.nav ul li a{
    width:100px;
    height:45px;
    line-height:45px;
    color:#ffffff;
    text-align:center;
    display:block;
}
.nav ul li a:hover{
    background:#bf095f;
}
.nav ul li a.act{
    background:url("../images/act.png") no-repeat center bottom #bf095f;
}
.nav2{
    margin:0 auto;
    width:100%;
    height:45px;
}
.nav2 ul{
    margin:0 auto;
    width:1000px;
}
.nav2 ul li{
    float:left;
}
.nav2 ul li a{
    padding-right:32px;
    padding-left:35px;
    height:45px;
    line-height:45px;
    text-align:center;
    color:#666666;
    display:block;
    background:url("../images/nva2li-tag.png") no-repeat left center;
}
.nav2 ul li a.first{
    background:none;
}
.nav2 ul li a:hover{
    color:#bf095f;
}


#content{
    margin:0 auto;
    width:100%;
}
.banner{
    margin:0 auto;
    width:100%;
    height:512px;
    background:url("../images/banner.jpg") no-repeat center top;
}
.title{
    margin:0 auto;
    width:100%;
    height:185px;
    background:url("../images/title-bg.jpg") repeat-x center center;
}
.title-main{
    margin:0 auto;
    width:1100px;
    position:relative;
}
.title-img{
    top:0;
    left:0;
    height:272px;
    width:256px;
    position:absolute;
    background:url("../images/title-bg2.png") no-repeat center -88px ;
}
.title-info{
    margin-top:33px;
    margin-left:370px;
    font-size:24px;
    font-weight:bold;
    line-height:38px;
    color:#ffffff;
}
.part1{
    margin:0 auto;
    width:100%;
}
.part1-main{
    margin:0 auto;
    padding-bottom:90px;
    width:1100px;
}
.part-title{
    padding:75px 0 55px;
    font-size:44px;
    font-weight:bold;
    line-height:44px;
    text-align:center;
    color:#232b35;
}
.part-title.t2{
    color:#fabc3d;
}
.part-title.t3{
    color:#ffffff;
}
.part-title.t4{
    padding:75px 0 25px;
    line-height:60px;
}
.part-title.t5{
    font-size:46px;
    line-height:50px;
    color:#818181;
}
.part-title.t6{
    line-height:66px;
}
.part-title span{
    font-size:44px;
    font-weight:bold;
    line-height:44px;
    color:#42a673;
}
.part1-box{
    width:222px;
    height:366px;
    cursor:pointer;
}
.part1-box.bg1{
    margin-left:78px;
    background:url("../images/part1-box1.png");
}
.part1-box.bg2{
    margin-left:132px;
    background:url("../images/part1-box2.png");
}
.part1-box.bg3{
    margin-left:112px;
    margin-top:5px;
    background:url("../images/part1-box3.png");
}
.part1-box:hover{
    animation:an1 1s;
}
@keyframes an1
{
    0%   {transform:rotate(0deg) scale(1);}
    20%  {transform:rotate(-10deg) scale(1.1);}
    40%  {transform:rotate(10deg) scale(1.2);}
    60%  {transform:rotate(-10deg) scale(1.2);}
    80%  {transform:rotate(10deg) scale(1.1);}
    100% {transform:rotate(0deg) scale(1);}
}
.part2{
    margin:0 auto;
    width:100%;
    background-color:#232b35;
}
.part2-main{
    margin:0 auto;
    padding-bottom:60px;
    width:1100px;
    background:url("../images/part2-bg.jpg") no-repeat 17px 160px;
}
.part2-box{
    margin-left:360px;
    width:623px;
    height:93px;
    cursor:pointer;
}
.part2-box.bg1{
    margin-top:75px;
    background:url("../images/part2-box1.png") no-repeat center center;
}
.part2-box.bg2{
    margin-top:30px;
    background:url("../images/part2-box2.png") no-repeat center center;
}
.part2-box.bg3{
    margin-top:30px;
    background:url("../images/part2-box3.png") no-repeat center center;
}
.part2-box:hover{
    animation:an2 1s;
}
@keyframes an2
{
    0%   {margin-left:360px;transform:scale(1);}
    20%  {transform: scale(1.05);}
    40%  {transform: scale(1.1);}
    60%  {margin-left:420px;transform: scale(1.1);}
    80%  {transform: scale(1.05);}
    100% {margin-left:360px;transform: scale(1);}
}
.part3{
    margin:0 auto;
    width:100%;
}
.part3-main{
    margin:0 auto;
    padding-bottom:80px;
    width:1100px;
}
.part3-box{
    margin:0 auto;
    width:1100px;
    height:421px;
    background:url("../images/part3-bg.png") no-repeat center top;
}
.part4{
    margin:0 auto;
    width:100%;
    background-color:#42a673;
}
.part4-main{
    margin:0 auto;
    padding-bottom:128px;
    width:1100px;
}
.part4-box{
    margin:0 auto;
    width:875px;
    height:309px;
    background:url("../images/part4-bg.png") no-repeat center top;
}
.part5{
    margin:0 auto;
    width:100%;
}
.part5-main{
    margin:0 auto;
    padding-bottom:100px;
    width:1100px;
}
.part5-box{
    width:196px;
}
.part5-box.bg1{
    padding-top:137px;
    background:url("../images/java.png") no-repeat center top;
}
.part5-box.bg1 ul{
    width:196px;
    height:196px;
    overflow:hidden;
    background-color:#e60012;
    box-shadow:4px 4px 4px #cecccc;
}
.part5-box.bg1 ul li{
    width:196px;
    height:66px;
    text-align:center;
}
.part5-box.bg1 ul li:hover{
    background-color:#990000;
}
.part5-box.bg1 ul li a{
    width:196px;
    line-height:66px;
    font-size:13px;
    font-weight:bold;
    color:#ffffff;
    display:block;
}
.part5-box a.btn{
    margin-top:18px;
    width:193px;
    height:49px;
    line-height:49px;
    font-size:24px;
    font-weight:bold;
    text-align:center;
    color:#ffffff;
    display:block;
    border-radius:12px;
    box-shadow:4px 4px 4px #cecccc;
}
.part5-box a.bg1{
    background-color:#ff0000;
}
.part5-box a.bg1:hover{
    background-color:#990000;
}
.part5-box.bg2{
    margin-left:27px;
    padding-top:137px;
    background:url("../images/w3c.png") no-repeat center 56px;
}
.part5-box.bg2 ul{
    width:196px;
    height:196px;
    overflow:hidden;
    background-color:#448aca;
    box-shadow:4px 4px 4px #cecccc;
}
.part5-box.bg2 ul li{
    width:196px;
    height:66px;
    text-align:center;
}
.part5-box.bg2 ul li:hover{
    background-color:#006699;
}
.part5-box.bg2 ul li a{
    width:196px;
    line-height:66px;
    font-size:13px;
    font-weight:bold;
    color:#ffffff;
    display:block;
}
.part5-box a.bg2{
    background-color:#3399cc;
}
.part5-box a.bg2:hover{
    background-color:#006699;
}
.part5-box.bg3{
    margin-left:27px;
    padding-top:137px;
    background:url("../images/ui.png") no-repeat center 30px;
}
.part5-box.bg3 ul{
    width:196px;
    height:196px;
    overflow:hidden;
    background-color:#e5004f;
    box-shadow:4px 4px 4px #cecccc;
}
.part5-box.bg3 ul li{
    width:196px;
    height:98px;
    text-align:center;
}
.part5-box.bg3 ul li:hover{
    background-color:#cc3366;
}
.part5-box.bg3 ul li a{
    width:196px;
    line-height:98px;
    font-size:34px;
    font-weight:bold;
    color:#ffffff;
    display:block;
}
.part5-box a.bg3{
    background-color:#dd004c;
}
.part5-box a.bg3:hover{
    background-color:#cc0066;
}
.part5-box.bg4{
    margin-left:27px;
    padding-top:137px;
    background:url("../images/ios.png") no-repeat center 32px;
}
.part5-box.bg4 ul{
    width:196px;
    height:196px;
    overflow:hidden;
    background-color:#d2d2d2;
    box-shadow:4px 4px 4px #cecccc;
}
.part5-box.bg4 ul li{
    width:196px;
    height:196px;
    text-align:center;
}
.part5-box.bg4 ul li:hover{
    background-color:#b3b3b3;
}
.part5-box.bg4 ul li a{
    width:196px;
    line-height:196px;
    font-size:34px;
    font-weight:bold;
    color:#ffffff;
    display:block;
}
.part5-box a.bg4{
    background-color:#b3b3b3;
}
.part5-box a.bg4:hover{
    background-color:#a0a0a0;
}
.part5-box.bg5{
    margin-left:27px;
    padding-top:137px;
    background:url("../images/android.png") no-repeat center 32px;
}
.part5-box.bg5 ul{
    width:196px;
    height:196px;
    overflow:hidden;
    background-color:#8fc31f;
    box-shadow:4px 4px 4px #cecccc;
}
.part5-box.bg5 ul li{
    width:196px;
    height:196px;
    text-align:center;
}
.part5-box.bg5 ul li:hover{
    background-color:#7dad14;
}
.part5-box.bg5 ul li a{
    width:196px;
    line-height:196px;
    font-size:34px;
    font-weight:bold;
    color:#ffffff;
    display:block;
}
.part5-box a.bg5{
    background-color:#8fc31f;
}
.part5-box a.bg5:hover{
    background-color:#7dad14;
}
.part6{
    margin:0 auto;
    width:100%;
    background-color:#232b35;
}
.part6-main{
    margin:0 auto;
    padding-bottom:125px;
    width:1100px;
}
.part6-box{
    margin:0 auto;
    width:998px;
    height:416px;
    background:url("../images/part6-bg.png") no-repeat center top;
}
.part7{
    margin:0 auto;
    width:100%;
    background-color:#ff6130;
}
.part7-main{
    margin:0 auto;
    padding-bottom:100px;
    width:1100px;
}
.part7-box{
    margin-top:45px;
    width:189px;
    height:248px;
    cursor:pointer;
}
.part7-box.bg1{
    margin-left:96px;
    background:url("../images/part7-box1.png") no-repeat center top;
}
.part7-box.bg2{
    margin-left:43px;
    background:url("../images/part7-box2.png") no-repeat center top;
}
.part7-box.bg3{
    margin-left:43px;
    background:url("../images/part7-box3.png") no-repeat center top;
}
.part7-box.bg4{
    margin-left:43px;
    background:url("../images/part7-box4.png") no-repeat center top;
}
.part7-box:hover{
    animation:an3 1s;
}
@keyframes an3
{
    0%   {margin-top:45px;}
    25%  {margin-top:25px;}
    50%  {margin-top:45px;}
    75%  {margin-top:25px;}
    100% {margin-top:45px;}
}
.part7-main h2{
    margin:0 auto;
    width:551px;
    height:47px;
    line-height:47px;
    font-size:33px;
    text-align:center;
    color:#ffffff;
    background-color:#448aca;
    border-radius:20px;
}
.part7-main h3{
    margin-top:45px;
    line-height:50px;
    font-size:50px;
    text-align:center;
    color:#ffffff;
}
.part8{
    margin:0 auto;
    width:100%;
    background-color:#252525;
}
.part8-main{
    margin:0 auto;
    padding-bottom:150px;
    width:1100px;
}
.part8-box{
    margin-right:6px;
    width:115px;
    height:515px;
    cursor:pointer;
}
.part8-box.bg1{
    margin-left:8px;
    background:url("../images/t1.jpg") no-repeat center center;
}
.part8-box.bg2{
    background:url("../images/t2.jpg") no-repeat center center;
}
.part8-box.bg3{
    background:url("../images/t3.jpg") no-repeat center center;
}
.part8-box.bg4{
    background:url("../images/t4.jpg") no-repeat center center;
}
.part8-box.bg5{
    background:url("../images/t5.jpg") no-repeat center center;
}
.part8-box.bg6{
    background:url("../images/t6.jpg") no-repeat center center;
}
.part8-box.bg7{
    background:url("../images/t7.jpg") no-repeat center center;
}
.part8-box.bg8{
    background:url("../images/t8.jpg") no-repeat center center;
}
.part8-box.bg9{
    background:url("../images/t9.jpg") no-repeat center center;
}
.part8-box-main:hover .part8-box{
    opacity:0.4;
}
.part8-box-main:hover .part8-box:hover{
    opacity:1;
}

.part9{
    margin:0 auto;
    width:100%;
    background-color:#eeeeee;
}
.part9-main{
    margin:0 auto;
    padding-bottom:80px;
    width:1100px;
}
.part9-bg{
    margin:0 auto;
    width:932px;
    height:921px;
    position:relative;
    background:url("../images/part9-bg.png") no-repeat center top;
}
.part9-img1{
    top:190px;
    left:370px;
    width:196px;
    height:275px;
    cursor:pointer;
    position:absolute;
    background:url("../images/part9-img1.png") no-repeat center top;
}
.part9-img1:hover{
    animation:an4 0.5s;
}
@keyframes an4
{
    0%   {transform:rotate(0deg) scale(1);}
    20%  {transform:rotate(-5deg) scale(1.1);}
    40%  {transform:rotate(5deg) scale(1.2);}
    60%  {transform:rotate(-5deg) scale(1.2);}
    80%  {transform:rotate(5deg) scale(1.1);}
    100% {transform:rotate(0deg) scale(1);}
}
.part10{
    margin:0 auto;
    width:100%;
}
.part10-main{
    margin:0 auto;
    padding-bottom:70px;
    width:1100px;
}
.part10-box{
    margin-left:15px;
    margin-bottom:15px;
    width:168px;
    height:199px;
    cursor:pointer;
}
.part10-box.img1{
    background:url("../images/s1.jpg") no-repeat center center;
}
.part10-box.img2{
    background:url("../images/s2.jpg") no-repeat center center;
}
.part10-box.img3{
    background:url("../images/s3.jpg") no-repeat center center;
}
.part10-box.img4{
    background:url("../images/s4.jpg") no-repeat center center;
}
.part10-box.img5{
    background:url("../images/s5.jpg") no-repeat center center;
}
.part10-box.img6{
    background:url("../images/s6.jpg") no-repeat center center;
}
.part10-box.img7{
    background:url("../images/s7.jpg") no-repeat center center;
}
.part10-box.img8{
    background:url("../images/s8.jpg") no-repeat center center;
}
.part10-box.img9{
    background:url("../images/s9.jpg") no-repeat center center;
}
.part10-box.img10{
    background:url("../images/s10.jpg") no-repeat center center;
}
.part10-box.img11{
    background:url("../images/s11.jpg") no-repeat center center;
}
.part10-box.img12{
    background:url("../images/s12.jpg") no-repeat center center;
}
.part10-box-main:hover .part10-box{
    opacity:0.6;
}
.part10-box-main:hover .part10-box:hover{
    opacity:1;
}
.part10-btn1{
    margin-left:275px;
    margin-top:80px;
    width:253px;
    height:41px;
    display:block;
    background:url("../images/part10-btn1.png") no-repeat center center;
}
.part10-btn2{
    margin-left:35px;
    margin-top:80px;
    width:253px;
    height:41px;
    display:block;
    background:url("../images/part10-btn2.png") no-repeat center center;
}
#footer{
    width:100%;
    height:140px;
    background-color:#1e1e1e;
}
#footer p{
    padding-top:58px;
    font-size:16px;
    line-height:22px;
    text-align:center;
    color:#666666;
}
#footer a{
    font-size:16px;
    line-height:22px;
    text-align:center;
    color:#666666;
}

#top{ margin:0 auto; text-align:center; width:1160px}
#top p a {
    background: #000 none repeat scroll 0 0;
    color: #fff; margin-right:17px;
}
#top p a:hover {
    background: #e01c70 none repeat scroll 0 0;
    color: #fff;
}



.fixbox{
    bottom:0;
    width:100%;
    height:70px;
    line-height:70px;
    position:fixed;
    z-index:1;
    background:#222222;
}
.fixbox-main{
    width:1000px;
	margin-left:4%;
}
.fixbox-main p{
    margin-right:24px;
    float:left;
    font-size:16px;
    color:#ffffff;
}
.fixbox-main input{
    float:left;
}
.fixbox-main input.text{
    margin-right:10px;
    margin-top:20px;
    width:150px;
    height:30px;
    line-height:30px;
    text-indent:15px;
    background:#ffffff;
    border:none;
}
.fixbox-main input.submit{
    margin-left:10px;
    margin-top:10px;
    width:150px;
    height:50px;
    cursor:pointer;
    background:url("../images/submit.jpg") no-repeat center top;
    border:none;
}