@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;
}
b{font-weight:normal;}
.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;
}
#wrap{
    margin:0 auto;
    width:100%;
    min-width:1100px;
}

.layout{margin:0 auto;width:1024px;}
.china-logo{ height:75px; background:#1e426f; width:100%;}

.china-logo .china-logo-l{ float:left; width:450px;}

.china-logo .china-logo-r{ float:right;}
.china-logo .china-logo-r span{ margin-top:15px; height:26px; line-height:26px; font-size:16px; color:#fff; font-weight:bold; font-style:italic; text-align:right; width:266px; float:right;}


.china-nav{ background:#25242b; height:60px;}
.china-nav span{ display:block; width:72px; height:22px; float:left; text-align:center;color:#f0f0f0; line-height:22px; clear:left}

.china-nav .china-it { padding-top:6px; height:22px;}

.china-nav ul { float:left; clear:right}
.china-nav ul li{ font-size:12px; float:left}
.china-nav ul li a{ display:block;padding:0 18px; font-size:13px; line-height:24px;}
.china-nav  .china-it span{ background:url(../images/chinait.jpg) no-repeat top left;}
.china-nav  .china-it ul li a{ color:#1586f9; background:url(../images/chinajg002.jpg) no-repeat 0px 8px;}
.china-nav  ul li.noback a{ background:none}

#top{ width:1000px; margin:0 auto; overflow:hidden; height:53px;padding:19px 0; }

.logo{ overflow:hidden; width:622px;}

.logo01{ width:180px;}

.logo02{ padding-top:7px; padding-left:5px;}

.logo02 span{font-size: 14px;color: #45474b; }

.logo02 h1{ font-size:18px; color:#45474b;display: inline-block;}

.logo02 p{ font-size:18px; color:#323739; }

.sech{ width:368px;}

.phone{
    padding-top:25px;
    font-size:16px;    
    color:#838080;
    line-height:20px;
    clear:both;
}
.phone span{
    margin-right:3px;
    padding-left:10px;
    font-size:20px;
    font-weight:bold;
    color:#e85511;
}

.sech .pho{font-size:16px;color:#45474b;font-style:italic;text-align:right;}

.sech .pho span{font-size:25px;font-weight:bold;color:#45474b;padding-left:10px;padding-right:5px;}

/*nav*/

#nav{ background:#232b35; height:38px;}

#nav ul{ width:1000px; margin:0 auto;}

#nav ul h2{ float:left; line-height:38px; padding:0 27px; border-right:1px solid #3c4858; font-size:14px;}

#nav ul h2 a{ color:#fff;  font-weight:bold;}
.banner{
    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:46px;
    margin-left:270px;
    font-size:24px;
    line-height:50px;
    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:60px;
    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:38px;
    line-height:72px;
    color:#818181;
}
.part-title.t6{
    line-height:53px;
    color:#232b35;
}
.part-title.t6 b{
    line-height:53px;
    font-weight:bold;
    color:#ffffff
}
.part-title.t6 span{
    color:#0ea7ff;
}
.part-title.t7{
    line-height:53px;
    color:#0ea7ff;
}
.part-title.t7 b{
    line-height:53px;
    font-weight:bold;
    color:#ffffff
}
.part-title.t7 span{
    color:#d55a0c;
}
.part-title span{
    font-size:44px;
    font-weight:bold;
    line-height:44px;
    color:#0ea7ff;
}
.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%;
    padding-bottom:25px;
}
.part3-main{
    margin:0 auto;
    width:1100px;
}
.part3-title{
    margin:0 auto;
    width:613px;
    height:30px;
    font-size:30px;
    line-height:30px;
    font-weight:bold;
    text-align:center;
    color:#f16c01;
    background:url("../images/part3-title.png") no-repeat center center;
}
.part3-main1{
    margin-left:59px;
    margin-top:50px;
    width:979px;
    height:292px;
    animation-name: an3;
    animation-duration: 10s;
    animation-iteration-count:infinite;
    background:url("../images/part3-main1.png") no-repeat left top;
}
@keyframes an3
{
    from { width:0px; }
    70% { width:1022px;}
    99.9%{ width:1022px;}
    to { width:0px; }
}
.part3-title2{
    margin:0 auto;
    margin-top:42px;
    width:968px;
    height:60px;
    font-size:30px;
    line-height:60px;
    text-align:center;
    border:1px solid #989ca1;
}
.part3-box{
    width:458px;
    height:234px;
}
.part3-box h1{
    margin-top:40px;
    width:458px;
    height:63px;
    line-height:63px;
    font-size:24px;
    font-weight:bold;
    color:#ffffff;
    text-align:center;
}
.p3b-info{
    margin:0 auto;
    width:455px;
    height:170px;
    border:1px solid #baccc2;
}
.part3-info{
    margin:0 auto;
    margin-top:40px;
    width:971px;
    height:234px;
    background:url("../images/part3-info.png");
}
.part4{
    margin:0 auto;
    margin-top:30px;
    width:100%;
    height:655px;
    background-color:#42a672;
    border-bottom:2px solid #307853;
    position:relative;
}
.part4-bg{
    top:-35px;
    margin:0 auto;
    width:100%;
    height:690px;
    position:absolute;
    background:url("../images/part4-bg.png") no-repeat center top;
}
.part4-title{
    padding-top:90px;
    font-size:18px;
    font-weight:bold;
    line-height:32px;
    text-align:center;
    color:#ffffff;
}
.part4-main{
    margin:0 auto;
    margin-top:25px;
    width:1100px;
    height:384px;
    position:relative;
    background:url("../images/part4-main.png") no-repeat center top;
}
.part4-info{
    top:278px;
    right:9px;
    width:720px;
    height:204px;
    position:absolute;
    background:url("../images/part4-info.png") no-repeat center top;
}
.part4-info p{
    margin-top:10px;
    margin-left:20px;
    width:515px;
    font-size:18px;
    line-height:30px;
}
.part5{
    margin:0 auto;
    width:100%;

}
.part5-main{
    margin:0 auto;
    padding-bottom:54px;
    width:1100px;
}
.part5-title{
    font-size:24px;
    line-height:36px;
    text-align:center;
}
.part5-box{
    margin-top:23px;
    margin-left:150px;
    position:relative;
}
.part5-box h1{
    left:-101px;
    top:53px;
    font-size:127px;
    line-height:120px;
    position:absolute;
    font-family:'Impact',Microsoft YaHei;
    background-color:#ffffff;
}
.part5-box h2{
    margin-top:36px;
    padding-left:28px;
    margin-left:70px;
    font-size:24px;
    line-height:24px;
}
.part5-box p{
    margin-top:22px;
    margin-left:70px;
    width:766px;
    font-size:18px;
    line-height:36px;
    text-indent:36px;
}
.part5-box.p5b1{
    margin-top:50px;
    width:896px;
    height:237px;
    border:2px solid #45a774;
    border-bottom:5px solid #45a774;
}
.part5-box.p5b1 h1{
    color:#45a774;
}
.part5-box.p5b1 h2{
    color:#45a774;
    background:url("../images/p5b1-h2.png") no-repeat left center;
}
.part5-box.p5b2{
    width:896px;
    height:237px;
    border:2px solid #0091ca;
    border-bottom:5px solid #0091ca;
}
.part5-box.p5b2 h1{
    color:#0091ca;
}
.part5-box.p5b2 h2{
    color:#0091ca;
    background:url("../images/p5b2-h2.png") no-repeat left center;
}
.part5-box.p5b3{
    width:896px;
    height:356px;
    background:url("../images/p5b3-img.png") no-repeat 548px 17px;
    border:2px solid #f39700;
    border-bottom:5px solid #f39700;
}
.part5-box.p5b3 h1{
    color:#f39700;
}
.part5-box.p5b3 h2{
    color:#f39700;
    background:url("../images/p5b3-h2.png") no-repeat left center;
}
.part5-box.p5b3 p{
    width:420px;
}
.part6{
    margin:0 auto;
    padding-bottom:80px;
    width:100%;
    background-color:#232b35;
}
.part6-main{
    margin:0 auto;
    width:1100px;
}
.part6-title{
    font-size:30px;
    color:#ffffff;
    text-align:center;
}
.part6-title span{
    font-size:30px;
    color:#0ea7ff;
    text-align:center;
}
.part6-box{
    margin-top:43px;
    width:1028px;
    height:309px;
}
.part6-box h1{
    margin-left:406px;
    font-size:30px;
    font-weight:bold;
    line-height:60px;
    color:#ffffff;
}
.part6-box p{
    margin-top:22px;
    margin-left:49px;
    font-size:24px;
    line-height:50px;
    width:635px;
    color:#ffffff;
}
.part6-box.p6b1{
    background:url("../images/part6-box1.png") no-repeat center center;
}
.part6-box.p6b2{
    background:url("../images/part6-box2.png") no-repeat center center;
}
.part7{
    margin:0 auto;
    padding-bottom:50px;
    width:100%;
}
.part7-main{
    margin:0 auto;
    margin-top:45px;
    width:1100px;
    height:349px;
    background:url("../images/part7-main.png") no-repeat center top;
}
.part8{
    margin:0 auto;
    width:100%;
    border-bottom:1px solid #b4b4b4;
    box-shadow:0px 3px 3px #b4b4b4;
}
#menu{
    margin:0 auto;
    width:100%;
    height:529px;
    background-color:#232b35;
}
#menu ul{
    margin:0 auto;
    width:1100px;
}
#menu ul li{
    margin:0 45px;
    float:left;
    cursor:pointer;
    position:relative;
}
#menu ul li.act div{
    display:block;
}
.tabli1{
    width:273px;
    height:270px;
    background:url("../images/tabli1.png") no-repeat center center;
}
.tabli2{
    width:273px;
    height:270px;
    background:url("../images/tabli2.png") no-repeat center center;
}
.tabli3{
    width:273px;
    height:270px;
    background:url("../images/tabli3.png") no-repeat center center;
}
.hide{
    display:none;
}
.show{
    display:block;
}
.tab-act1{
    left:120px;
    top:330px;
    width:32px;
    height:26px;
    position:absolute;
    display:none;
    background:url("../images/tab-act.png") no-repeat center center;
}
.tab-act2{
    left:120px;
    top:330px;
    width:32px;
    height:26px;
    position:absolute;
    display:none;
    background:url("../images/tab-act.png") no-repeat center center;
}
.tab-act3{
    left:120px;
    top:330px;
    width:32px;
    height:26px;
    position:absolute;
    display:none;
    background:url("../images/tab-act.png") no-repeat center center;
}
#tab{
    margin:0 auto;
    width:1100px;
}
#tab div{
    padding:90px 0;
}
.tabdiv1{
    margin:0 auto;
    width:1049px;
    height:226px;
    display:block;
    background:url("../images/tabdiv1.png") no-repeat center top;
}
.tabdiv2{
    margin:0 auto;
    width:1046px;
    height:225px;
    display:block;
    background:url("../images/tabdiv2.png") no-repeat center top;
}
.tabdiv3{
    margin:0 auto;
    width:1041px;
    height:893px;
    display:block;
    background:url("../images/tabdiv3.png") no-repeat center top;
}
.part9{
    margin:0 auto;
    padding-bottom:80px;
    width:1100px;
}
.part9-box{
    margin:0 10px;
    width:346px;
    height:453px;
    display:block;
}
.part9-box.p9b1{
    background:url("../images/p9b1.png");
}
.part9-box.p9b1:hover{
    background:url("../images/p9b1-h.png");
}
.part9-box.p9b2{
    background:url("../images/p9b2.png");
}
.part9-box.p9b2:hover{
    background:url("../images/p9b2-h.png");
}
.part9-box.p9b3{
    background:url("../images/p9b3.png");
}
.part9-box.p9b3:hover{
    background:url("../images/p9b3-h.png");
}
.part10{
    margin:0 auto;
    padding-bottom:60px;
    width:100%;
    background-color:#232b35;
}
.part10-title{
    margin:0 auto;
    width:998px;
    height:72px;
    line-height:72px;
    font-size:24px;
    text-align:center;
    background:url("../images/part10-title.png") no-repeat center top;
}
.part10-box{
    margin:0 auto;
    margin-top:70px;
    width:1100px;
    padding-bottom:58px;
    border-bottom:1px solid #15181d;
    background:url("../images/part10-box.png") no-repeat 32px top;
}
.part10-info{
    width:540px;
}
.part10-info h1{
    margin-top:10px;
    font-size:30px;
    line-height:54px;
    color:#ffffff;
    font-weight:bold;
    text-indent:12px;
    border-bottom:1px solid #ffffff;
}
.part10-info p{
    padding:14px 0;
    font-size:16px;
    line-height:36px;
    color:#ffffff;
    border-bottom:1px solid #ffffff;
}
.part10-info p span{
    color:#fc760a;
}
.part10-main{
    margin:0 auto;
    margin-top:26px;
    width:991px;
    height:381px;
    background:url("../images/part10-main.png") no-repeat center top;
}
.part10-title2{
    margin:0 auto;
    margin-top:23px;
    width:1100px;
    font-size:24px;
    line-height:36px;
    color:#0ea7ff;
}
.part11{
    margin:0 auto;
    width:100%;
    background-color:#ff6130;
}
.part11-main{
    margin:0 auto;
    padding-bottom:100px;
    width:1100px;
}
.part11-box{
    margin-top:45px;
    width:189px;
    height:248px;
    cursor:pointer;
}
.part11-box.bg1{
    margin-left:96px;
    background:url("../images/part11-box1.png") no-repeat center top;
}
.part11-box.bg2{
    margin-left:43px;
    background:url("../images/part11-box2.png") no-repeat center top;
}
.part11-box.bg3{
    margin-left:43px;
    background:url("../images/part11-box3.png") no-repeat center top;
}
.part11-box.bg4{
    margin-left:43px;
    background:url("../images/part11-box4.png") no-repeat center top;
}
.part11-box:hover{
    animation:an4 1s;
}
@keyframes an4
{
    0%   {margin-top:45px;}
    25%  {margin-top:25px;}
    50%  {margin-top:45px;}
    75%  {margin-top:25px;}
    100% {margin-top:45px;}
}
.part11-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;
}
.part11-main h3{
    margin-top:45px;
    line-height:50px;
    font-size:50px;
    text-align:center;
    color:#ffffff;
}
.part12{
    margin:0 auto;
    width:100%;
    background:url("../images/part12-bg.jpg") repeat center left;
}
.part12-main{
    margin:0 auto;
    padding-bottom:100px;
    width:1100px;
}
.part12-box{
    margin-right:2px;
    width:135px;
    height:479px;
    cursor:pointer;
}
.part12-box.bg1{
    background:url("../images/t1.jpg") no-repeat center center;
}
.part12-box.bg2{
    background:url("../images/t2.jpg") no-repeat center center;
}
.part12-box.bg3{
    background:url("../images/t3.jpg") no-repeat center center;
}
.part12-box.bg4{
    background:url("../images/t4.jpg") no-repeat center center;
}
.part12-box.bg5{
    background:url("../images/t5.jpg") no-repeat center center;
}
.part12-box.bg6{
    background:url("../images/t6.jpg") no-repeat center center;
}
.part12-box.bg7{
    background:url("../images/t7.jpg") no-repeat center center;
}
.part12-box.bg8{
    background:url("../images/t8.jpg") no-repeat center center;
}
.part12-box-main:hover .part12-box{
    opacity:0.4;
}
.part12-box-main:hover .part12-box:hover{
    opacity:1;
}
.part13{
    margin:0 auto;
    width:100%;
    background-color:#eeeeee;
}
.part13-main{
    margin:0 auto;
    padding-bottom:80px;
    width:1100px;
}
.part13-bg{
    margin:0 auto;
    width:932px;
    height:921px;
    position:relative;
    background:url("../images/part13-bg.png") no-repeat center top;
}
.part13-img1{
    top:190px;
    left:370px;
    width:196px;
    height:275px;
    cursor:pointer;
    position:absolute;
    background:url("../images/part13-img1.png") no-repeat center top;
}
.part13-img1:hover{
    animation:an5 0.5s;
}
@keyframes an5
{
    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);}
}
.part14{
    margin:0 auto;
    width:100%;
    background-color:#232b35;
}
.part14-main{
    margin:0 auto;
    padding-bottom:70px;
    width:1100px;
}
.part14-box{
    margin-left:15px;
    margin-bottom:15px;
    width:168px;
    height:199px;
    cursor:pointer;
}
.part14-box.img1{
    background:url("../images/s1.jpg") no-repeat center center;
}
.part14-box.img2{
    background:url("../images/s2.jpg") no-repeat center center;
}
.part14-box.img3{
    background:url("../images/s3.jpg") no-repeat center center;
}
.part14-box.img4{
    background:url("../images/s4.jpg") no-repeat center center;
}
.part14-box.img5{
    background:url("../images/s5.jpg") no-repeat center center;
}
.part14-box.img6{
    background:url("../images/s6.jpg") no-repeat center center;
}
.part14-box.img7{
    background:url("../images/s7.jpg") no-repeat center center;
}
.part14-box.img8{
    background:url("../images/s8.jpg") no-repeat center center;
}
.part14-box.img9{
    background:url("../images/s9.jpg") no-repeat center center;
}
.part14-box.img10{
    background:url("../images/s10.jpg") no-repeat center center;
}
.part14-box.img11{
    background:url("../images/s11.jpg") no-repeat center center;
}
.part14-box.img12{
    background:url("../images/s12.jpg") no-repeat center center;
}
.part14-box-main:hover .part14-box{
    opacity:0.6;
}
.part14-box-main:hover .part14-box:hover{
    opacity:1;
}
.part14-btn1{
    margin-left:275px;
    margin-top:80px;
    width:253px;
    height:41px;
    display:block;
    background:url("../images/part14-btn1.png") no-repeat center center;
}
.part14-btn2{
    margin-left:35px;
    margin-top:80px;
    width:253px;
    height:41px;
    display:block;
    background:url("../images/part14-btn2.png") no-repeat center center;
}
.part15{
    margin:0 auto;
    width:1100px;
    padding-bottom:100px;
}
.part15 h2{
    margin-bottom:35px;
    font-size:30px;
    text-align:center;
}
.part15-main{
    margin:0 auto;
    width:1106px;
    height:1335px;
    background:url("../images/part15-main.png") no-repeat center top;
}
.part16{
    margin:0 auto;
    width:100%;
    height:420px;
    background-color:#29333d;
}
.part16-main{
    width:888px;
    height:420px;
    margin:0 auto;
}
.part16-info-box{
    padding-top:54px;
    margin:0 auto;
    width:888px;
    height:255px;
}
.class500{
    margin:2px;
}
.class-box{
    margin:2px;
}
.class500{
    width:194px;
    height:250px;
    background:url("../images/class500.png") no-repeat center center;
    background-color:#ffffff;
}
.class500:hover{
    background-color:#ffee5a;
}
.class500 a{
    width:194px;
    height:250px;
    display:block;
}
.class-box{
    width:225px;
    height:123px;
}
.class-box a{
    width:225px;
    height:123px;
    display:block;
}
.class-box1{
    background:url("../images/class-box1.png") no-repeat center center;
    background-color:#4a87a3;
}
.class-box1:hover{
    background-color:#ee534d;
}
.class-box2{
    background:url("../images/class-box2.png") no-repeat center center;
    background-color:#23908c;
}
.class-box2:hover{
    background-color:#ee534d;
}
.class-box3{
    background:url("../images/class-box3.png") no-repeat center center;
    background-color:#4a87a3;
}
.class-box3:hover{
    background-color:#ee534d;
}
.class-box4{
    background:url("../images/class-box4.png") no-repeat center center;
    background-color:#23908c;
}
.class-box4:hover{
    background-color:#ee534d;
}
.class-box5{
    background:url("../images/class-box5.png") no-repeat center center;
    background-color:#4a87a3;
}
.class-box5:hover{
    background-color:#ee534d;
}
.class-box6{
    background:url("../images/class-box6.png") no-repeat center center;
    background-color:#23908c;
}
.class-box6:hover{
    background-color:#ee534d;
}
.btn-class-info{
    margin:0px auto;
    margin-top:28px;
    width:194px;
    height:32px;
    line-height:32px;
    display:block;
    color:#ffffff;
    text-align:center;
    background-color:#ee534d;
    border-radius:15px;
}
.part17{
    margin:0 auto;
    padding-bottom:120px;
    width:100%;
}
.part17-main{
    margin:0 auto;
    width:1100px;
}
.part17-box1{
    margin-left:33px;
    width:290px;
    height:330px;
    cursor:pointer;
    background:url("../images/ts1.jpg") no-repeat center top;
}
.part17-box2{
    margin-left:3px;
    margin-bottom:2px;
    width:245px;
    height:164px;
    cursor:pointer;
    position:relative;
}
.part17-box2.img1{
    background:url("../images/ts2.jpg") no-repeat center top;
}
.part17-box2.img2{
    background:url("../images/ts3.jpg") no-repeat center top;
}
.part17-box2.img3{
    background:url("../images/ts4.jpg") no-repeat center top;
}
.part17-box2.img4{
    background:url("../images/ts5.jpg") no-repeat center top;
}
.part17-box2.img5{
    background:url("../images/ts6.jpg") no-repeat center top;
}
.part17-box2.img6{
    background:url("../images/ts7.jpg") no-repeat center top;
}
.p17b2{
    width:245px;
    height:331px;
    display:none;
    position:absolute;
    z-index:9999;
}
.p17b2.img1{
    background:url("../images/ts2-h.jpg");
}
.p17b2.img2{
    background:url("../images/ts3-h.jpg");
}
.p17b2.img3{
    background:url("../images/ts4-h.jpg");
}
.p17b2.img4{
    top:-167px;
    background:url("../images/ts5-h.jpg");
}
.p17b2.img5{
    top:-167px;
    background:url("../images/ts6-h.jpg");
}
.p17b2.img6{
    top:-167px;
    background:url("../images/ts7-h.jpg");
}
.part17-box2.img1:hover div.p17b2.img1{
    display:block;
}
.part17-box2.img2:hover div.p17b2.img2{
    display:block;
}
.part17-box2.img3:hover div.p17b2.img3{
    display:block;
}
.part17-box2.img4:hover div.p17b2.img4{
    display:block;
}
.part17-box2.img5:hover div.p17b2.img5{
    display:block;
}
.part17-box2.img6:hover div.p17b2.img6{
    display:block;
}
#footer{
    margin:0 auto;
    width:100%;
    height:140px;
    background-color:#1e1e1e;
}
#footer p{
    padding-top:56px;
    font-size:16px;
    line-height:22px;
    text-align:center;
    color:#666666;
}
#footer p a{
    font-size:16px;
    line-height:22px;
    color:#666666;
}