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


body{
    margin:0 auto;
    overflow-x:hidden;
}
.wrap{
    margin:0 auto;
    width:100%;
    max-width:1920px;
    min-width:1000px;
}
.main{
    margin:0 auto;
    width:1000px;
}
.header{
    margin:0 auto;
    width:100%;
}
.header .top{
    height:88px;
}
.header .top .logo{
    margin-top:22px;
    float:left;
}
.header .top .logo-text{
    float:left;
    margin-top:24px;
    margin-left:10px;
    padding-left:12px;
    font-size:18px;
    font-weight:bold;
    line-height:22px;
}
.header .top .logo-text{
    font-size:18px;
    font-weight:bold;
    border-left:1px solid #616161;
}
.header .top .logo-text span{
    font-size:14px;
    font-weight:normal;
}
.header .top .phone{
    float:right;
    padding-left:56px;
    font-size:30px;
    line-height:88px;
    font-weight:bold;
    background:url("../img/phone.png") no-repeat left center;
}
.header .bottom{
    width:100%;
    height:45px;
    background:#222222;
}
.header .bottom .nav li{
    float:left;
    width:118px;
    height:45px;
    text-align:center;
    line-height:45px;
    position:relative;
    transition:0.2s;
}
.header .bottom .nav li a{
    width:100%;
    height:45px;
    display:block;
    line-height:45px;
    font-size:15px;
    color:#ffffff;
    transition:0.2s;
}
.header .bottom .nav li img{
    bottom:0;
    left:50%;
    margin-left:-6px;
    position:absolute;
}
.header .bottom .nav li.act{
    background:#dd9522;
}
.header .bottom .nav li.act a{
    color:#222222;
}
.header .bottom .nav li:hover{
    background:#dd9522;
    transition:0.2s;
}
.header .bottom .nav li:hover a{
    color:#222222;
    transition:0.2s;
}
.content{
    margin:0 auto;
    width:100%;
}
.content.bg1{
    background:#f2f2f2;
}
.content .banner{
    width:100%;
    height:500px;
}
.content .banner .banner-img{
    width:100%;
    height:500px;
    position:relative;
    overflow:hidden;
}
.content .banner .banner-img img{
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:500px;
    display:block;
    position:absolute;
}
.content .hot{
    padding:30px 0 40px;
}
.content .hot .main .container{
    width:1020px;
}
.content .hot .box{
    margin-right:12px;
    float:left;
    width:239px;
    height:100px;
    transition:0.2s;
}
.content .hot .box.tag1{
    background:url("../img/hot1.png") no-repeat 6px center;
    border:1px solid #fbd340;
    border-radius:8px;
}
.content .hot .box.tag2{
    background:url("../img/hot2.png") no-repeat 6px center;
    border:1px solid #3fc8f4;
    border-radius:8px;
}
.content .hot .box.tag3{
    background:url("../img/hot3.png") no-repeat 6px center;
    border:1px solid #b0e146;
    border-radius:8px;
}
.content .hot .box.tag4{
    background:url("../img/hot4.png") no-repeat 6px center;
    border:1px solid #ff6100;
    border-radius:8px;
}
.content .hot .box h2{
    margin-left:82px;
    padding-top:20px;
    font-size:18px;
    line-height:18px;
    font-weight:bold;
}
.content .hot .box p{
    margin-left:82px;
    padding-top:24px;
    font-size:14px;
    line-height:14px;
}
.content .hot .box.tag1 p span{
    color:#fbd340;
}
.content .hot .box.tag2 p span{
    color:#3fc8f4;
}
.content .hot .box.tag3 p span{
    color:#b0e146;
}
.content .hot .box.tag4 p span{
    color:#ff6100;
}
.content .hot .box:hover{
    margin-top:-10px;
    transition:0.2s;
}
.title{
    padding:40px 0 35px;
    background:url("../img/title-line.png") no-repeat center bottom;
}
.title h2{
    font-size:44px;
    line-height:44px;
    font-weight:bold;
    text-align:center;
}
.title h2 span{
    color:#f1a122;
}
.title h3{
    padding-top:20px;
    font-size:22px;
    line-height:22px;
    text-align:center;
}
.title h3 span{
    color:#f1a122;
}
.title.c2{
    background:url("../img/title-line2.png") no-repeat center bottom;
}
.title.c2 h2{
    color:#ffffff;
}
.title.c2 h3{
    color:#ffffff;
}
.title.c3{
    background:url("../img/title-line2.png") no-repeat center bottom;
}
.title.c3 h2 span{
    color:#ffffff;
}
.title.c4 h2{
    color:#ffffff;
}
.title.c4 h3{
    color:#ffffff;
}
.title.c5{
    background:none;
}
.title.c5 h2 span{
    color:#3a6de2;
}
.title.c5 h3 span{
    color:#3a6de2;
}
.title.c6{
    background:none;
}
.title.c7{
    background:none;
}
.title.c7 h2{
    color:#ffffff;
}
.title.c7 h3{
    color:#f1a122;
}
.title.c8{
    background:none;
}
.title.c8 h2{
    color:#ffffff;
}
.title.c8 h3{
    color:#ffffff;
}
.title.c8 p{
    margin-top:14px;
    font-size:12px;
    line-height:24px;
    color:#888888;
    text-align:center;
}
.part{
    margin:0 auto;
    padding-bottom:55px;
    width:100%;
}
.p1 .container{
    margin-top:70px;
    width:100%;
    height:491px;
    position:relative;
    background:url("../img/p1-img.png") center top;
}
.p1 .box{
    width:263px;
    position:absolute;
    transition:0.2s;
}
.p1 .box p{
    margin:8px 0;
    width:257px;
    line-height:25px;
}
.p1 .box.b1 p span{
    color:#81cef6;
}
.p1 .box.b2 p span{
    color:#b0e146;
}
.p1 .box.b3 p span{
    color:#ff9186;
}
.p1 .box.b4 p span{
    color:#7c97ff;
}
.p1 .box.b1{
    top:-12px;
    left:0;
}
.p1 .box.b2{
    top:-12px;
    right:0;
}
.p1 .box.b3{
    top:300px;
    left:0;
}
.p1 .box.b4{
    top:300px;
    right:0;
}
.p1 .box.b1:hover{
    left:20px;
    transition:0.2s;
}
.p1 .box.b2:hover{
    right:20px;
    transition:0.2s;
}
.p1 .box.b3:hover {
    left: 20px;
    transition: 0.2s;
}
.p1 .box.b4:hover{
    right:20px;
    transition:0.2s;
}
.link{
    margin:65px auto 0;
    width:297px;
    height:57px;
    line-height:57px;
    font-size:26px;
    color:#ffffff;
    font-weight:bold;
    text-align:center;
    text-shadow:1px 1px 1px #a26a16;
    display:block;
    background:url("../img/link.png") no-repeat center;
    transition:0.2s;
}
.link:hover{
    opacity:0.9;
    transition:0.2s;
}
.p2{
    padding:0;
    height:951px;
    background:url("../img/p2-bg.jpg") no-repeat center;
}
.p2 .container{
    margin-top:70px;
    width:100%;
    height:650px;
    position:relative;
    background:url("../img/p2-img.png") no-repeat  center 107px;
}
.p2 .container img{
    position:absolute;
}
.p2 .container img.img1{
    top:0;
    left:76px;
}
.p2 .container img.img2{
    top:0;
    right:69px;
}
.p2 .container img.img3{
    top:408px;
    left:0;
}
.p2 .container img.img4{
    top:443px;
    left:348px;
}
.p2 .container img.img5{
    top:408px;
    right:0;
}
.p2 .container:hover img.img1,
.p2 .container:hover img.img2{
    animation:1s p2-1 linear infinite;
}
.p2 .container:hover img.img3,
.p2 .container:hover img.img5{
    animation:1s p2-2 linear infinite;
}
.p2 .container:hover img.img4{
    animation:1s p2-3 linear infinite;
}
@keyframes p2-1{
    0%{top:-10px;}
    50%{top:0;}
    100%{top:-10px;}
}
@keyframes p2-2{
    0%{top:418px;}
    50%{top:408px;}
    100%{top:418px;}
}
@keyframes p2-3{
    0%{top:443px;}
    50%{top:453px;}
    100%{top:443px;}
}
.p3 .main h2{
    padding-top:44px;
    font-size:22px;
    line-height:22px;
    text-align:center;
}
.p3 .main h2 span{
    color:#f1a122;
}
.p3 .container{
    margin-top:60px;
    height:740px;
    overflow:hidden;
    background:url("../img/p3-img.png") no-repeat center top;
}
.p3 .box{
    margin:510px auto 0;
    width:100%;
    height:216px;
    position:relative;
    background:url("../img/p3-line.png") no-repeat center;
}
.p3 .box .info{
    width:430px;
    position:absolute;
}
.p3 .box .info.i1{
    top:0;
    left:0;
}
.p3 .box .info.i2{
    top:0;
    right:0;
}
.p3 .box .info h3{
    font-size:30px;
    font-weight:bold;
    line-height:30px;
    text-align:center;
}
.p3 .box .info.i1 h3{
    color:#f7a522;
}
.p3 .box .info h4{
    margin-top:50px;
    font-size:24px;
    font-weight:bold;
    line-height:24px;
    text-align:center;
}
.p3 .box .info.i1 h4{
    color:#f7a522;
}
.p3 .box .info ul{
    margin-left:37px;
    margin-top:20px;
}
.p3 .box .info ul li{
    font-size:17px;
    line-height:32px;
}
.p3 .box .info ul li span{
    margin-right:9px;
}
.p3 .box .info.i1 ul li span{
    color:#f7a522;
}
.p3 .box .info.i2 ul li span{
    color:#848484;
}
.p4{
    padding-bottom:0;
    background:url("../img/p4-bg.jpg") no-repeat top;
}
.p4 .container{
    margin-top:55px;
    width:1073px;
}
.p4 .box{
    margin-bottom:55px;
    margin-left:25px;
    margin-right:70px;
    float:left;
    width:255px;
    height:338px;
    overflow:hidden;
    position:relative;
    background:#ffffff;
}
.p4 .box.b2{
    background:none;
}
.p4 .box .box-title{
    width:255px;
    height:47px;
    border:1px solid #003a75;
}
.p4 .box .box-title h2{
    padding-top:10px;
    line-height:18px;
    font-size:18px;
    text-align:center;
}
.p4 .box .box-title p{
    padding-top:5px;
    line-height:12px;
    font-size:12px;
    color:#9e9e9e;
    text-align:center;
}
.p4 .box .info{
    bottom:-338px;
    width:100%;
    height:290px;
    position:absolute;
    background:#000000;
    background:rgba(0,0,0,0.7);
    transition:0.2s;
}
.p4 .box .info p{
    padding:100px 20px 0;
    font-size:16px;
    line-height:28px;
    color:#ffffff;
}
.p4 .box .info p span{
    color:#e89c24;
}
.p4 .box:hover .info{
    bottom:0;
    transition:0.2s;
}
.p5 .container{
    margin-top:60px;
    width:1010px;
    overflow:hidden;
}
.p5 .box{
    margin-right:1px;
    float:left;
    width:79px;
    height:439px;
    overflow:hidden;
    transition:0.2s;
}
.p5 .box.act{
    width:593px;
    height:439px;
    transition:0.2s;
}
.p5 .box.tag1{
    background:url("../img/p5-tag1.jpg") no-repeat -1px -1px;
    border:1px solid #9654b6;
}
.p5 .box.tag2{
    background:url("../img/p5-tag2.jpg") no-repeat -1px -1px;
    border:1px solid #f9d602;
}
.p5 .box.tag3{
    background:url("../img/p5-tag3.jpg") no-repeat -1px -1px;
    border:1px solid #f98700;
}
.p5 .box.tag4{
    background:url("../img/p5-tag4.jpg") no-repeat -1px -1px;
    border:1px solid #88cb5a;
}
.p5 .box.tag5{
    background:url("../img/p5-tag5.jpg") no-repeat -1px -1px;
    border:1px solid #2abbb4;
}
.p5 .box.tag6{
    background:url("../img/p5-tag6.jpg") no-repeat -1px -1px;
    border:1px solid #81a0d7;
}
.p5 .box .info{
    margin-left:80px;
    margin-top:1px;
    margin-right:1px;
    width:512px;
}
.p5 .box .info h2{
    padding-top:26px;
    font-size:24px;
    line-height:24px;
    text-align:center;
}
.p5 .box .info p{
    padding:0 15px;
    padding-top:15px;
    font-size:16px;
    line-height:26px;
}
.p6{
    background:#f2f2f2;
}
.p6 .container{
    margin-top:34px;
}
.p6 .img{
    display:block;
}
.p6 ul li{
    margin-bottom:2px;
    position:relative;
}
.p6 ul li div.left{
    float:left;
    width:625px;
    height:100px;
    background:#4f71b8;
}
.p6 ul li div.left h2{
    margin-left:42px;
    padding-top:22px;
    font-size:16px;
    line-height:28px;
    color:#ffffff;
}
.p6 ul li div.left h2 span{
    color:#f1a122;
}
.p6 ul li div.left h3{
    margin-left:42px;
    font-size:16px;
    line-height:100px;
    color:#ffffff;
}
.p6 ul li div.left h3 span{
    color:#f1a122;
}
.p6 ul li div.right{
    float:left;
    width:375px;
    height:100px;
    background:#e4e4e4;
}
.p6 ul li div.right h2{
    margin-right:10px;
    margin-left:70px;
    font-size:16px;
    width:260px;
    line-height:100px;
}
.p6 ul li div.right h3{
    padding-top:24px;
    margin-left:70px;
    font-size:16px;
    width:260px;
    line-height:28px;
}
.p6 ul li div.tag{
    left:555px;
    width:116px;
    height:101px;
    position:absolute;
    background:url("../img/p6-tag.png");
    transition:0.2s;
}
.p6 ul li div.tag h2{
    padding-top:22px;
    font-size:22px;
    font-weight:bold;
    line-height:24px;
    text-align:center;
}
.p6 ul li div.tag h2 span{
    line-height:26px;
    font-size:26px;
    font-weight:bold;
    color:#f1a122;
}
.p6 ul li div:hover .tag{
    left:540px;
    transition:0.2s;
}
.p7{
    padding:0;
}
.p7 .bg{
    margin-top:30px;
    padding-bottom:30px;
    background:url("../img/p7-bg.png") no-repeat center 275px #43445f;
}
.p7 .container{
    width:1100px;
}
.p7 .box{
    margin-right:90px;
    margin-left:47px;
    margin-top:38px;
    float:left;
    width:381px;
    height:381px;
    position:relative;
    overflow:hidden;
    border:1px solid #a0a2cd;
}
.p7 .box .info{
    top:381px;
    width:381px;
    height:381px;
    position:absolute;
    background:#16161c;
    transition:0.4s;
}
.p7 .box:hover .info{
    top:0;
    transition:0.6s;
}
.p7 .box .info h2{
    padding-top:36px;
    font-weight:bold;
    font-size:38px;
    line-height:38px;
    color:#ffffff;
    text-align:center;
}
.p7 .box .info h3 {
    padding-top: 16px;
    font-size: 22px;
    line-height: 22px;
    color: #ffffff;
    text-align: center;
}
.p7 .box .info .line{
    margin:38px auto 0;
    padding:8px 0;
    width:317px;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
}
.p7 .box .info ul li{
    font-size:14px;
    text-indent:90px;
    line-height:32px;
    color:#ffffff;
}
.p7 .box .info a{
    margin:27px auto 0;
    width:127px;
    height:32px;
    line-height:32px;
    font-size:14px;
    text-align:center;
    display:block;
    color:#ffffff;
    border:1px solid #ffffff;
}
.p7 .box .info ul.ul2{
    float:left;
    width:50%;
}
.p7 .box .info ul.ul2 li{
    text-indent:18px;
}
.p7 .box .info ul.ul3{
    float:left;
    width:50%;
}
.p7 .box .info ul.ul3 li{
    font-size:12px;
    height:26px;
    line-height:26px;
    text-indent:18px;
}
.p8{
    background:#e5e5e5;
}
.p8 .container{
    margin-top:76px;
    width:1100px;
}
.p8 .box{
    margin-right:27px;
    float:left;
    width:176px;
    height:154px;
    transition:0.4s;
}
.p8 .box.img1{
    background:url("../img/p8-img1.png") no-repeat center top;
}
.p8 .box.img2{
    background:url("../img/p8-img2.png") no-repeat center top;
}
.p8 .box.img3{
    background:url("../img/p8-img3.png") no-repeat center top;
}
.p8 .box.img4{
    background:url("../img/p8-img4.png") no-repeat center top;
}
.p8 .box.img5{
    background:url("../img/p8-img5.png") no-repeat center top;
}
.p8 .box.img1:hover{
    background:url("../img/p8-img1-act.png") no-repeat center top;
}
.p8 .box.img2:hover{
    background:url("../img/p8-img2-act.png") no-repeat center top;
}
.p8 .box.img3:hover{
    background:url("../img/p8-img3-act.png") no-repeat center top;
}
.p8 .box.img4:hover{
    background:url("../img/p8-img4-act.png") no-repeat center top;
}
.p8 .box.img5:hover{
    background:url("../img/p8-img5-act.png") no-repeat center top;
}
.p8 .box:hover{
    transition:0.4s;
}
.p9{
    padding:0;
    height:904px;
    background:url("../img/p9-bg.jpg") no-repeat center;
    overflow:hidden;
}
.p9 .container{
    margin-top:50px;
    position:relative;
}
.p9 .link{
    margin:110px auto 0;
}
#swiper2{
    margin:0 auto;
    padding:10px 0;
    width:1000px;
    height:481px;
    overflow:hidden;
}
#swiper2 .swiper-slide{
    width:307px;
    height:447px;
    transform:scale(0.8);
    transition:0.5s;
}
#swiper2 .swiper-slide .box-3d{
    margin:0 auto;
    width:307px;
    height:447px;
    perspective:1200px;
}
#swiper2 .swiper-slide .box{
    margin:0 auto;
    width:307px;
    height:447px;
    position:relative;
    overflow:hidden;
    transform:rotateY(30deg);
    transition:1s;
}
#swiper2 .swiper-slide.swiper-slide-active{
    transform:scale(1);
    transition:0.5s;
}
#swiper2 .swiper-slide.swiper-slide-active .box{
    transform:rotateY(0deg);
}
#swiper2 .swiper-slide.swiper-slide-active + .swiper-slide .box{
    transform:rotateY(-30deg);
}
#swiper2 .swiper-slide .box.box-2d{
    transform:rotateY(0deg);
    transition:0.5s;
}
#swiper2 .swiper-slide .box .info{
    top:396px;
    width:100%;
    height:220px;
    position:absolute;
    transition:0.5s;
}
#swiper2 .swiper-slide:hover .info{
    top:210px;
    transition:0.5s;
}
#swiper2 .swiper-slide .box .info h1{
    width:100%;
    height:50px;
    line-height:50px;
    font-size:20px;
    font-weight:bold;
    color:#ffffff;
    text-indent:16px;
    background:#e88f00;
    background:rgba(232,143,0,0.9);
}
#swiper2 .swiper-slide .box .info h1 span{
    font-size:16px;
    padding-left:4px;
}
#swiper2 .swiper-slide .box .info .text{
    width:100%;
    height:100%;
    background:#f2ac01;
    background:rgba(242,172,1,0.9);
}
#swiper2 .swiper-slide .box .info .text p{
    padding:12px 16px;
    line-height:24px;
    color:#ffffff;
}
#swiper2 .swiper-slide.act{
    transform:scale(1);
}
#swiper2 .swiper-slide.act .box{
    transform:rotateY(0deg);
}
#swiper2 .swiper-slide.sub .box{
    transform:rotateY(30deg);
}
#swiper2 .swiper-slide.swiper-slide-active.sub{
    transform:scale(0.8);
}
#swiper2 .swiper-slide.swiper-slide-active.sub .box{
    transform:rotateY(0deg) rotateX(15deg);
}
#swiper2 .swiper-slide.swiper-slide-active + .swiper-slide.sub{
    transform:scale(0.8);
}
#swiper2 .swiper-slide.swiper-slide-active + .swiper-slide.sub .box{
    transform:rotateY(-30deg);
}
#swiper2 .swiper-slide.swiper-slide-active + .swiper-slide.act{
    transform:scale(1);
}
#swiper2 .swiper-slide.swiper-slide-active + .swiper-slide.act .box{
    transform:rotateY(0deg);
}
.p9 .btn{
    top:174px;
    width:93px;
    height:113px;
    cursor:pointer;
    display:block;
    z-index:9999;
    position:absolute;
}
.p9 .btn.prev{
    left:-70px;
    background:url("../img/prev.png") no-repeat center;
    transition:0.2s;
}
.p9 .btn.next{
    right:-70px;
    background:url("../img/next.png") no-repeat center;
    transition:0.2s;
}
.p9 .btn.prev:hover{
    background:url("../img/prev-2.png") no-repeat center;
    transition:0.2s;
}
.p9 .btn.next:hover{
    background:url("../img/next-2.png") no-repeat center;
    transition:0.2s;
}
.p10{
    padding:0;
    height:723px;
    background:url("../img/p10-bg.jpg") no-repeat center top;
}
.p10 .container{
    margin:0 auto;
    margin-top:24px;
    width:1000px;
    position:relative;
}
#swiper3{
    margin:0 auto;
    width:600px;
    height:406px;
    overflow:hidden;
}
#swiper3 .box{
    margin:0 auto;
    width:571px;
    height:406px;
    position:relative;
    background:url("../img/p10-box.png") no-repeat;
}
#swiper3 .box img{
    top:24px;
    left:13px;
    position:absolute;
}
#swiper3 .box table{
    left:290px;
    width:250px;
    position:absolute;
}
#swiper3 .box table td{
    padding-bottom:18px;
}
#swiper3 .box table h2{
    font-size:20px;
    font-weight:bold;
}
#swiper3 .box table td{
    font-size:20px;
}
#swiper3 .box table h3{
    font-size:30px;
    font-weight:bold;
    color:#ea5609;
}
#swiper3 .box .table1{
    top:30px;
}
#swiper3 .box .table2{
    top:260px;
}
.p10 .btn{
    top:450px;
    width:122px;
    height:121px;
    cursor:pointer;
    display:block;
    position:absolute;
}
.p10 .btn.prev2{
    left:395px;
    background:url("../img/prev2.png") no-repeat 24px 18px;
}
.p10 .btn.next2{
    right:395px;
    background:url("../img/next2.png") no-repeat 24px 18px;
}
.p10 .btn.prev2:hover{
    background:url("../img/prev2-act.png") no-repeat center;
}
.p10 .btn.next2:hover{
    background:url("../img/next2-act.png") no-repeat center;
}
.p11{
    padding:0;
    height:494px;
    background:url("../img/p11-bg.jpg") no-repeat center;
}
.p11 .container{
    margin-top:50px;
}
.p11 form{
    margin-left:250px;
    width:500px;
}
.p11 form label{
    margin-bottom:22px;
    font-size:24px;
    text-align:right;
    display:block;
}
.p11 form label input[type="text"]{
    width:336px;
    height:53px;
    font-size:18px;
    line-height:53px;
    text-indent:20px;
    border:1px solid #c5cbd2;
    border-radius:10px;
    background:#ffffff;
    background:linear-gradient(#f7f7f8,#ffffff);
}
.p11 form input[type="submit"]{
    margin-left:160px;
    width:181px;
    height:53px;
    line-height:53px;
    font-size:20px;
    color:#ffffff;
    cursor:pointer;
    text-align:center;
    text-shadow:3px 3px 3px #e19f34;
    background:#f2aa37;
    border-radius:8px;
    border:1px solid #926200;
}
.footer{
    width:100%;
    height:40px;
    background:#000000;
}
.footer p{
    color:#ffffff;
    text-align:center;
    line-height:40px;
}

.pe1 .container{
    margin-top:40px;
    width:1028px;
}
.pe1 .box{
    margin-top:28px;
    margin-right:28px;
    float:left;
    padding:8px;
    width:466px;
    height:299px;
    border:1px solid #e8e8e8;
}
.pe1 .box .img{
    width:466px;
    height:299px;
    position:relative;
    overflow:hidden;
}
.pe1 .box .info{
    top:240px;
    width:466px;
    height:299px;
    position:absolute;
    background:#000000;
    background:rgba(0,0,0,0.5);
    transition:0.4s;
}
.pe1 .box .info h2{
    font-size:22px;
    line-height:60px;
    color:#ffffff;
    text-align:center;
}
.pe1 .box .info h2 span{
    font-size:24px;
    font-weight:bold
}
.pe1 .box .info p{
    padding:85px 50px 0;
    font-size:18px;
    line-height:32px;
    color:#ffffff;
}
.pe1 .box:hover .info{
    top:0;
    transition:0.4s;
}
.pe1 .box:hover .info h2{
    /*display:none;*/
    margin-top: 120px;
}
.pe1 .box:hover .info h3{
    bottom:30px;
    left:50%;
    margin-left:-110.5px;
    width:221px;
    height:48px;
    font-size:24px;
    line-height:48px;
    text-align:center;
    color:#ffffff;
    position:absolute;
    background:#f0a122;
    border:1px solid #ffffff;
}
.pe1 .box:hover .info h4{
    padding:85px 50px 0;
    font-size:24px;
    line-height:32px;
    text-align:center;
    font-weight:bold;
    color:#ffffff;
}
.pe2{
    padding:0;
}
.pe2 .bg{
    margin-top:40px;
    padding-bottom:20px;
    background:url("../img/pe2-bg.jpg") no-repeat center;
}
.pe2 .container .box{
    float:left;
    padding-top:65px;
    width:50%;
}
.pe2 .container .box h2{
    font-size:30px;
    line-height:30px;
    color:#ffffff;
    text-align:center;
    background:url("../img/pe2-title.png") no-repeat center;
}
.pe2 .container .box h2 span{
    font-size:18px;
}
.pe2 .container .box img{
    margin:25px auto 0;
    display:block;
}
.pe2 a{
    margin:0 auto;
    width:232px;
    height:56px;
    line-height:56px;
    display:block;
    color:#ffffff;
    font-size:24px;
    text-align:center;
    background:#cccccc;
    background:rgba(252,252,252,0.16);
    border:1px solid #ffffff;
    border-radius:5px;
    transition:0.5s;
}
.pe2 a:hover{
    background:rgba(252,252,252,0.3);
    transition:0.5s;
}
.pe3 .main{
    margin-top:40px;
}
.pe3 .container{
    width:1020px;
    position:relative;
}
.pe3 .box{
    float:left;
    margin-bottom:11px;
    margin-right:11px;
    width:326px;
    height:237px;
    cursor:pointer;
    position:relative;
    overflow:hidden;
}
.pe3 .box h2{
    left:12px;
    bottom:12px;
    font-size:30px;
    font-weight:bold;
    line-height:26px;
    color:#ffffff;
    position:absolute;
    text-shadow:2px 2px 2px #000000;
}
.pe3 .box h2 span{
    font-weight:normal;
    font-size:24px;
}
.pe3 .info{
    padding-bottom:20px;
    width:1000px;
    height:auto;
    overflow:hidden;
    background:#f5f4f4;
    transform:scale(0);
    transition:0.5s;
}
.pe3 .info h2{
    padding:10px;
    font-size:30px;
    line-height:30px;
    font-weight:bold;
    text-align:center;
}
.pe3 .info h2 img{
    float:right;
    cursor:pointer;
    display:block;
}
.pe3 .info table{
    margin:0 auto;
    width:96%;
}
.pe3 .info table td.td1{
    font-size:18px;
    width:95px;
    color:#f0a122;
}
.pe3 .info table td{
    padding-bottom:20px;
    font-size:16px;
    line-height:28px;
    color:#333333;
}
.pe4{
    padding:0;
    height:850px;
    background:url("../img/pe4-bg.jpg") no-repeat center;
}
.pe4 .container{
    margin-top:40px;
    width:100%;
    position:relative;
}
.pe4 .box{
    top:100px;
    left:270px;
    width:431px;
    height:435px;
    position:absolute;
    background:url("../img/pe4-box.png") no-repeat center;
}
.pe4 .box .info{
    top:150px;
    left:124px;
    width:215px;
    position:absolute;
}
.pe4 .box .info img{
    margin:0 auto;
    margin-top:40px;
    padding-bottom:17px;
    display:block;
}
.pe4 .box .info h2{
    margin-top:10px;
    font-size:24px;
    line-height:24px;
    font-weight:bold;
    text-align:center;
    color:#a1a1a1;
}
.pe4 .box .info h3{
    margin-top:2px;
    font-size:16px;
    line-height:28px;
    text-align:center;
    color:#a1a1a1;
}
.pe4 .box ul{
    top:150px;
    left:124px;
    width:215px;
    display:none;
    position:absolute;
}
.pe4 .box ul li{
    display:none;
}
.pe4 .box ul li.act{
    display:block;
}
.pe4 .box ul li p{
    margin-top:34px;
    font-size:16px;
    line-height:32px;
    color:#a1a1a1;
    text-align:center;
}
.pe4 .box > img{
    display:none;
    position:absolute;
}
.pe4 .box > img.act{
    display:block;
}
.pe4 .box > img.jt1{
    top:92px;
    left:136px;
}
.pe4 .box > img.jt2{
    top:206px;
    left:75px;
}
.pe4 .box > img.jt3{
    top:305px;
    left:136px;
}
.pe4 .box > img.jt4{
    top:305px;
    left:304px;
}
.pe4 .box > img.jt5{
    top:206px;
    left:345px;
}
.pe4 .box > img.jt6{
    top:92px;
    left:296px;
}
.pe4 .tag > div{
    width:228px;
    height:82px;
    position:absolute;
}
.pe4 .tag > div h2{
    margin-top:21px;
    float:left;
    width:137px;
    height:36px;
    font-size:18px;
    color:#ffffff;
    line-height:36px;
    text-align:center;
    border:1px dashed #ffffff;
}
.pe4 .tag > div img{
    float:right;
}
.pe4 .tag > div.t4 h2,
.pe4 .tag > div.t5 h2,
.pe4 .tag > div.t6 h2{
    float:right;
}
.pe4 .tag > div.t4 img,
.pe4 .tag > div.t5 img,
.pe4 .tag > div.t6 img{
    float:left;
}
.pe4 .tag > div{
    cursor:pointer;
}
.pe4 .tag > div.t1{
    top:29px;
    left:105px;
}
.pe4 .tag > div.t2{
    top:270px;
    left:2px;
}
.pe4 .tag > div.t3{
    top:511px;
    left:105px;
}
.pe4 .tag > div.t4{
    top:511px;
    left:649px;
}
.pe4 .tag > div.t5{
    top:270px;
    left:760px;
}
.pe4 .tag > div.t6{
    top:29px;
    left:649px;
}
.pe5{
    background:url("../img/pe5-bg.jpg") repeat center;
}
.pe5 .container{
    margin-top:40px;
}
.pe5 .box{
    margin:0 auto;
    width:896px;
    height:550px;
    position:relative;
}
.pe5 .img{
    margin:0 auto;
    perspective:600px;
    position:absolute;
}
.pe5 .img img{
    width:224px;
    height:526px;
    transform: rotateY(30deg) scale(0.8);
    transition:0.5s;
}
.pe5 .img:hover{
    z-index:999;
}
.pe5 .img:hover img{
    transform: rotateY(0deg) scale(1);
    transition:0.5s;
}
.pe5 .img.img1{
    right:0;
}
.pe5 .img.img2{
    right:112px;
}
.pe5 .img.img3{
    right:224px;
}
.pe5 .img.img4{
    right:336px;
}
.pe5 .img.img5{
    right:448px;
}
.pe5 .img.img6{
    right:560px;
}
.pe5 .img.img7{
    right:674px;
}
.pe6{
    padding:0;
    height:469px;
    background:url("../img/pe6-bg.jpg") no-repeat;
}
.pe6 form{
    margin-left:280px;
}
.pe6 img{
    margin:50px auto 70px;
    display:block;
}
.pe6 label{
    margin-bottom:28px;
    color:#ffffff;
    display:block;
    font-size:18px;
}
.pe6 input[type='text']{
    width:303px;
    height:47px;
    line-height:47px;
    text-indent:20px;
    color:#ffffff;
    background:#454545;
    background:rgba(255,255,255,0.14);
    border:1px solid #737373;
    border-radius:10px;
}
.pe6 input[type='submit']{
    margin-left:95px;
    width:197px;
    height:46px;
    line-height:46px;
    background:#f1a122;
    border:1px solid #000000;
    border-radius:10px;
}
.th1 .main{
    padding-bottom:30px;
    background:#ffffff;
}
.th1 .vedio{
    margin:0 auto;
    width:894px;
    height:463px;
}
.th1 .menu{
    margin:56px auto 0;
    width:894px;
}
.th1 .menu .menu-left{
    width:81px;
    height:201px;
    background:#3a6de2;
}
.th1 .menu .menu-left h2{
    padding-top:40px;
    font-size:24px;
    line-height:30px;
    text-align:center;
    color:#ffffff;
}
.th1 .menu .menu-right{
    width:813px;
}
.th1 .menu .menu-right ul li{
    float:left;
    margin-left:10px;
    margin-bottom:5px;
    width:261px;
    height:98px;
    cursor:pointer;
}
.th1 .menu .menu-right ul li h2{
    padding-left:20px;
    padding-top:20px;
    font-size:24px;
    line-height:24px;
    color:#3a6de2;
}
.th1 .menu .menu-right ul li p{
    padding-left:20px;
    padding-top:20px;
    font-size:14px;
    line-height:14px;
}
.th1 .menu .menu-right ul li.tag1{
    background:url("../img/th1-tag1.png") no-repeat 193px 0 #f2f2f2;
}
.th1 .menu .menu-right ul li.tag2{
    background:url("../img/th1-tag2.png") no-repeat 193px 0 #f2f2f2;
}
.th1 .menu .menu-right ul li.tag3{
    background:url("../img/th1-tag3.png") no-repeat 193px 0 #f2f2f2;
}
.th1 .menu .menu-right ul li.tag4{
    background:url("../img/th1-tag4.png") no-repeat 193px 0 #f2f2f2;
}
.th1 .menu .menu-right ul li.tag5{
    background:url("../img/th1-tag5.png") no-repeat 193px 0 #f2f2f2;
}
.th1 .menu .menu-right ul li.tag6{
    background:url("../img/th1-tag6.png") no-repeat 193px 0 #f2f2f2;
}
#rocket-to-top div {
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 150px;
}
#rocket-to-top .level-2 {
    background: url("../img/rocket_button_up.png") no-repeat scroll -149px 0 transparent;
    display: none;
    height: 250px;
    opacity: 0;
    z-index: 1;
}
#rocket-to-top .level-3 {
    background: none repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 250px;
    z-index: 2;
}
#rocket-to-top {
    background: url("../img/rocket_button_up.png") no-repeat scroll 0 0 transparent;
    cursor: default;
    display: block;
    height: 250px;
    margin: -125px 0 0;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    top: 80%;
    width: 150px;
    z-index: 11;
}
.title-th{
    background:url("../img/th-line.png") no-repeat center 22px;
}
.title-th h2{
    font-size:44px;
    line-height:44px;
    text-align:center;
}
.title-th p{
    margin-top:10px;
    font-size:18px;
    line-height:18px;
    text-align:center;
}
.th-info{
    margin-top:150px;
    width:100%;
    height:316px;
    background:#282928;
}
.th-info .main{
    position:relative;
}
.th-info img{
    left:30px;
    top:-150px;
    position:absolute;
}
.th-info .info{
    float:right;
    width:560px;
}
.th-info.i2{
    margin-top:196px;
}
.th-info.i2 img{
    top:-196px;
    left:auto;
    right:30px;
}
.th-info.i2 .info{
    float:left;
}
.th-info.i3{
    margin-top:140px;
}
.th-info.i3 img{
    top:-140px;
}
.th-info.i4{
    margin-top:192px;
}
.th-info.i4 img{
    top:-192px;
}
.th-info.i5{
    margin-top:141px;
}
.th-info.i5 .info{
    float:left;
}
.th-info.i5 img{
    top:-141px;
    right:30px;
    left:auto;
    float:right;
}
.th-info.i6{
    margin-top:181px;
}
.th-info.i6 .info{
    float:left;
}
.th-info.i6 img{
    top:-181px;
    right:30px;
    left:auto;
}
.th-info.i7{
    margin-top:181px;
}
.th-info.i7 img{
    top:-181px;
}
.th-info.i8{
    margin-top:187px;
}
.th-info.i8 .info{
    float:left;
}
.th-info.i8 img{
    top:-187px;
    right:30px;
    left:auto;
}
.th-info .info h2{
    margin-bottom:22px;
    margin-top:32px;
    font-size:30px;
    line-height:30px;
    color:#ffffff;
}
.th-info .info h2 span{
    margin-left:20px;
    font-size:18px;
    color:#f4d459;
}
.th-info p{
    font-size:14px;
    line-height:24px;
    color:#ffffff;
}
.th-info h3{
    padding-top:22px;
    margin-top:22px;
    margin-bottom:14px;
    font-size:24px;
    line-height:24px;
    color:#f4d459;
    border-top:1px solid #a7a7a7;
}
.th-vedio{
    margin-top:5px;
    padding-top:47px;
    padding-bottom:30px;
    background:#ffffff;
}
.th-vedio .tab-box{
    margin:0 auto;
    width:840px;
    height:525px;
    overflow:hidden;
}
.th-vedio .tab-box .vedio{
    padding-bottom:45px;
}
.th-vedio .tab-box .vedio h2{
    margin-top:26px;
    font-size:18px;
    line-height:18px;
}
.th-vedio .tab-box .vedio h2 span{
    padding-left:32px;
    float:right;
    font-size:14px;
    background:url("../img/th1-tag.png") no-repeat left center;
}
.th-vedio .tab-box .vedio div{
    width:840px;
    height:436px;
    background:#000000;
}
.th-vedio .tab-ul{
    margin-bottom:48px;
    margin-left:10px;
}
.th-vedio .tab-ul li{
    float:left;
    width:327px;
    cursor:pointer;
}
.th-vedio .tab-ul li img{
    border:5px solid #ffffff;
    transition:0.2s;
}
.th-vedio .tab-ul li p{
    margin-top:12px;
    font-size:16px;
    line-height:16px;
    text-indent:5px;
}
.th-vedio a{
    margin:0 auto;
    width:234px;
    height:56px;
    line-height:56px;
    font-size:18px;
    color:#ffffff;
    display:block;
    text-align:center;
    background:#3a6de2;
    border-radius:4px;
}
.th-vedio .tab-ul li.act img{
    border:5px solid #3a6de2;
    transition:0.2s;
}
.th-form{
    padding-bottom:60px;
}
.th-form.bg{
    padding-top:20px;
    background:#f2f2f2;
}
.th-form.bg1{
    padding-top:20px;
    background:url("../img/th-form-bg1.jpg") no-repeat center;
}
.th-form h2{
    font-size:44px;
    text-align:center;
}
.th-form table{
    margin-top:78px;
    margin-left:260px;
}
.th-form table td label{
    font-size:18px;
    line-height:49px;
}
.th-form form input{
    display:block;
}
.th-form table td input[type="text"]{
    margin-bottom:30px;
    width:371px;
    height:47px;
    text-indent:10px;
    border:1px solid #bfbfbf;
    border-radius:5px;
}
.th-form form input[type="submit"]{
    margin:0 auto;
    width:234px;
    height:56px;
    line-height:56px;
    font-size:18px;
    color:#ffffff;
    text-align:center;
    background:#3a6de2;
    border:none;
}
.th-form.bg form input[type="submit"]{
    background:#f1a122;
}
.th-form.bg1 form input[type="submit"]{
    background:#f1a122;
    border-radius:5px;
}
.th-form.bg1 h2{
    color:#ffffff;
}
.th-form.bg1 h2 span{
    color:#f1a122;
}
.th-form.bg1 table td{
    color:#ffffff;
}
.te1{
    background:#f2f2f2;
}
.te1 ul{
    height:410px;
    position:relative;
}
.te1 li{
    width:215px;
    position:absolute;
}
.te1 li.tag1{
    top:80px;
    left:0;
}
.te1 li.tag2{
    top:0;
    left:195px;
}
.te1 li.tag3{
    top:80px;
    left:390px;
}
.te1 li.tag4{
    top:0;
    left:590px;
}
.te1 li.tag5{
    top:80px;
    right:0;
}
.te1 li h2{
    font-size:24px;
    text-align:center;
}
.te1 li h2 span{
    font-size:16px;
    text-align:center;
}
.te1 .h2-title{
    margin:60px auto;
    font-size:18px;
    width:420px;
    text-align:center;
    line-height:48px;
    border:1px solid #f1a122;
    border-radius:5px;
}
.te1 a{
    margin-top:70px;
    margin-left:120px;
    float:left;
    width:220px;
    height:48px;
    line-height:48px;
    display:block;
    text-align:center;
    font-size:18px;
    border:1px solid #f1a122;
    border-radius:5px;
}
.te1 a.a2{
    margin-left:335px;
}
.te1.c2{
    background:none;
}
.te1.c2 ul{
    height:445px;
}
.te1.c2 li.tag1{
    top:0;
    left:0;
}
.te1.c2 li.tag2{
    top:145px;
    left:195px;
}
.te1.c2 li.tag3{
    top:0;
    left:390px;
}
.te1.c2 li.tag4{
    top:145px;
    left:590px;
}
.te1.c2 li.tag5{
    top:0;
    right:0;
}
.te1.c2 .h2-title{
    border:1px solid #99cc33;
}
.te1.c2 a{
    border:1px solid #99cc33;
}
.te2{
    background:#f2f2f2;
}
.te2 .box{
    margin-right:118px;
    float:left;
    width:253px;
    height:315px;
    overflow:hidden;
    position:relative;
    border:1px solid #d1d1d1;
}
.te2 .container{
    width:1200px;
}
.te2 .box .info{
    top:229px;
    width:253px;
    height:87px;
    position:absolute;
    transition:0.2s;
}
.te2 .box .info.i1{
    background:url("../img/te2-info1-1.png") no-repeat top;
}
.te2 .box .info.i2{
    background:url("../img/te2-info2-1.png") no-repeat top;
}
.te2 .box .info.i3{
    background:url("../img/te2-info3-1.png") no-repeat top;
}
.te2 .box:hover .info{
    top:0;
    height:315px;
    transition:0.2s;
}
.te2 .box:hover .info.i1{
    background:url("../img/te2-info1-2.png") no-repeat top;
}
.te2 .box:hover .info.i2{
    background:url("../img/te2-info2-2.png") no-repeat top;
}
.te2 .box:hover .info.i3{
    background:url("../img/te2-info3-2.png") no-repeat top;
}
.te2 .box .info h2{
    padding-top:20px;
    font-size:24px;
    line-height:24px;
    font-weight:bold;
    color:#ffffff;
    text-align:center;
}
.te2 .box .info h3{
    padding-top:10px;
    font-size:18px;
    line-height:18px;
    color:#ffffff;
    text-align:center;
}
.te2 .box .info p{
    padding:120px 28px 0;
    font-size:18px;
    line-height:32px;
    color:#ffffff;
}
.te2 .box:hover .info h2,
.te2 .box:hover .info h3{
    display:none;
}
.te3 .box{
    height:495px;
    position:relative;
    background:url("../img/te3-bg.png") no-repeat top;
}
#te3{
    top:25px;
    left:211px;
    width:580px;
    height:362px;
    position:absolute;
    overflow:hidden;
}
#te3-prev{
    top:192px;
    left:141px;
    cursor:pointer;
    position:absolute;
}
#te3-next{
    top:192px;
    right:141px;
    cursor:pointer;
    position:absolute;
}
.te3 ul{
    margin-left:107px;
}
.te3 ul li{
    float:left;
    margin-right:96px;
    cursor:pointer;
}
.te4{
    padding:0;
    height:832px;
    overflow:hidden;
    background:url("../img/te4-bg.jpg") no-repeat center;
}
.te4 .container{
    width:1036px;
}
.te4 .box{
    float:left;
    padding-top:82px;
    margin-top:105px;
    margin-right:36px;
    width:223px;
    height:117px;
    position:relative;
    background:#202448;
}
.te4 .tag{
    left:17px;
    top:-54px;
    width:188px;
    position:absolute;
}
.te4 .tag h2{
    padding:9px 0;
    font-size:24px;
    line-height:14px;
    font-weight:bold;
    color:#ffffff;
    text-align:center;
    overflow:hidden;
    border:4px solid #f1a122;
}
.te4 .tag h2 span{
    font-size:14px;
    color:#ffffff;
    text-align:center;
}
.te4 .tag h3{
    font-size:24px;
    line-height:54px;
    font-weight:bold;
    color:#202448;
    text-align:center;
    background:#f1a122;
}
.te4 p{
    padding:0 18px 0 36px;
    font-size:16px;
    line-height:28px;
    color:#ffffff;
    background:#f1a122;
    background:url("../img/te4-p-tag.png") no-repeat 17px 6px ;
}
.te5 .container{
    width:1020px;
}
.te5 .box{
    float:left;
    margin-right:18px;
    width:320px;
    height:264px;
}
.te5 .box.bg1{
    background:url("../img/te5-2.png") no-repeat center;
}
.te5 .box.bg2{
    background:url("../img/te5-1.png") no-repeat center;
}
.te5 .box.bg3{
    background:url("../img/te5-3.png") no-repeat center;
}
.te5 .box.last{
    margin-top:21px;
}
.te5 .box h2{
    margin:0 auto;
    margin-top:59px;
    font-size:24px;
    font-weight:bold;
    line-height:34px;
    height:34px;
    width:129px;
    color:#ffffff;
    text-align:center;
    border:1px solid #ffffff;
    border-radius:5px;
}
.te5 .box table td{
    font-size:14px;
    line-height:25px;
    color:#ffffff;
}
.te5 .box table{
    margin:18px auto 0;
    width:280px;
}
.te5 .box table td{
    font-size:14px;
    line-height:25px;
    color:#ffffff;
}
.link2{
    margin:30px auto 0;
    width:221px;
    height:48px;
    line-height:48px;
    display:block;
    font-size:18px;
    text-align:center;
    border:1px solid #f1a122;
    border-radius:5px;
}
.te6 .box{
    width:1000px;
    height:380px;
    position:relative;
    background:url("../img/te6-bg.png") no-repeat top center;
}
.te6 .box .img1{
    top:33px;
    left:0;
    width:308px;
    height:349px;
    z-index:1;
    position:absolute;
    background:url("../img/te6-img1-1.png") no-repeat center;
    transition:0.2s;
}
.te6 .box .img2{
    top:25px;
    left:218px;
    width:307px;
    height:349px;
    z-index:2;
    position:absolute;
    background:url("../img/te6-img2-1.png") no-repeat center;
    transition:0.2s;
}
.te6 .box .img3{
    top:24px;
    left:472px;
    width:307px;
    height:349px;
    z-index:3;
    position:absolute;
    background:url("../img/te6-img3-1.png") no-repeat center;
    transition:0.2s;
}
.te6 .box .img4{
    top:21px;
    left:693px;
    width:307px;
    height:353px;
    z-index:4;
    position:absolute;
    background:url("../img/te6-img4-1.png") no-repeat center;
    transition:0.2s;
}
.te6 .box .img1:hover{
    background:url("../img/te6-img1-2.png") no-repeat center;
    transition:0.2s;
}
.te6 .box .img2:hover{
    background:url("../img/te6-img2-2.png") no-repeat center;
    transition:0.2s;
}
.te6 .box .img3:hover{
    background:url("../img/te6-img3-2.png") no-repeat center;
    transition:0.2s;
}
.te6 .box .img4:hover{
    background:url("../img/te6-img4-2.png") no-repeat center;
    transition:0.2s;
}
.te7{
    background:#f2f2f2;
}
.te7.bn{
    background:none;
}
.te7 .container{
    width:1070px;
}
.te7 ul li{
    float:left;
    margin-left:46px;
    margin-right:68px;
    width:227px;
}
.te7 ul li .box{
    width:227px;
    height:197px;
    background:url("../img/te7-box.png") no-repeat center;
}
.te7 ul li .box h2{
    padding-top:26px;
    font-size:30px;
    font-weight:bold;
    line-height:30px;
    color:#949494;
    text-align:center;
}
.te7 ul li .box h3{
    margin:0 auto;
    padding:10px 0;
    font-size:30px;
    font-weight:bold;
    line-height:30px;
    color:#f1a122;
    text-align:center;
}
.te7 ul li .box img{
    margin:0 auto;
    display:block;
}
.te7 ul li .box p{
    padding-top:11px;
    font-size:18px;
    line-height:28px;
    text-align:center;
}
.te7 ul li a{
    margin-top:40px;
    width:97px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#ffffff;
    display:block;
    background:#949494;
    border-radius:5px;
    transition:0.2s;
}
.te7 ul li a:hover{
    background:#f1a122;
    transition:0.2s;
}
.te8 ul{
    float:left;
    width:273px;
    border:1px solid #e9e9e9;
}
.te8 ul li{
    width:273px;
    height:62px;
    font-size:18px;
    line-height:62px;
    cursor:pointer;
    text-align:center;
    position:relative;
    background:#e9e9e9;
}
.te8 ul li.c2{
    background:#f2f2f2;
}
.te8 ul li img{
    top:24px;
    right:-7px;
    display:none;
    position:absolute;
}
.te8 ul li.act{
    font-weight:bold;
    color:#ffffff;
    background:#f1a122;
}
.te8 ul li.act img{
    display:block;
}
.te8 .info{
    float:left;
    width:723px;
    height:310px;
    overflow:hidden;
    border:1px solid #e9e9e9;
    border-left:none;
    background:#f2f2f2;
}
.te8 .info div{
    height:310px;
    position:relative;
}
.te8 .info div img{
    padding-top:22px;
    margin:0 auto;
    display:block;
}
.te8 .info div a{
    dbottom:8px;
    right:5px;
    color:#f1a122;
    position:absolute;
    text-decoration: underline;
}
.cpa1 .container{
    position:relative;
}
.cpa1 img{
    margin-left:48px;
    float:left;
    display:block;
}
.cpa1 .info{
    left:690px;
    position:absolute;
}
.cpa1 .info.i1{
    top:0;
}
.cpa1 .info.i2{
    top:109px;
}
.cpa1 .info.i3{
    top:219px;
}
.cpa1 .info.i4{
    top:329px;
}
.cpa1 .info.i1 h2{
    color:#ed7370;
}
.cpa1 .info.i2 h2{
    color:#eeb750;
}
.cpa1 .info.i3 h2{
    color:#00abbd;
}
.cpa1 .info.i4 h2{
    color:#663a77;
}
.cpa1 .info h2{
    font-size:24px;
    font-weight:bold;
}
.cpa1 .info p{
    font-size:14px;
}
.cpa2{
    position:relative;
    background:#f2f2f2;
    border-top:1px solid #f1a122;
}
.cpa2 .jt{
    top:0;
    left:50%;
    margin-left:-20px;
    position:absolute;
}
.cpa2 ul{
    margin-bottom:70px;
    height:425px;
    position:relative;
}
.cpa2 li{
    width:215px;
    position:absolute;
}
.cpa2 li.tag1{
    top:80px;
    left:0;
}
.cpa2 li.tag2{
    top:0;
    left:195px;
}
.cpa2 li.tag3{
    top:80px;
    left:390px;
}
.cpa2 li.tag4{
    top:0;
    left:590px;
}
.cpa2 li.tag5{
    top:80px;
    right:0;
}
.cpa2 li h2{
    font-size:24px;
    text-align:center;
}
.cpa2 li h2 span{
    font-size:16px;
    text-align:center;
}
a.cpa{
    margin:0 auto;
    width:223px;
    height:50px;
    line-height:50px;
    font-size:18px;
    color:#ffffff;
    text-align:center;
    display:block;
    background:#f1a122;
    border-radius:5px;
}
.cpa3 ul{
    height:390px;
    position:relative;
    background:url("../img/cpa3-line.png") no-repeat center 88px;
}
.cpa3 ul li{
    width:196px;
    position:absolute;
}
.cpa3 ul li.li1{
    top:89px;
    left:13px;
}
.cpa3 ul li.li2{
    top:0;
    left:265px;
}
.cpa3 ul li.li3{
    top:0;
    left:535px;
}
.cpa3 ul li.li4{
    top:89px;
    left:788px;
}
.cpa3 ul li img{
    margin:0 auto;
    display:block;
}
.cpa3 ul li h2{
    margin-top:20px;
    font-size:24px;
    line-height:24px;
    font-weight:bold;
    text-align:center;
}
.cpa3 ul li p{
    margin-top:10px;
    font-size:14px;
    line-height:25px;
}
.cpa4{
    padding:0;
}
.cpa4 .bg{
    height:734px;
    background:url("../img/cpa4-bg.jpg") no-repeat center;
}
.cpa4 img{
    margin-top:37px;
    margin-bottom:30px;
}
.cpa5 .line{
    margin-bottom:30px;
    height:1517px;
    position:relative;
    background:url("../img/cpa5-line.jpg") no-repeat center;
}
.cpa5 .line .info{
    width:360px;
    position:absolute;
}
.cpa5 .line .info h2{
    font-size:30px;
    line-height:30px;
}
.cpa5 .line .info p{
    margin-top:10px;
    line-height:25px;
    color:#8e8d8d;
}
.cpa5 .line .info.i1{
    top:109px;
    left:81px;
}
.cpa5 .line .info.i2{
    top:429px;
    left:610px;
}
.cpa5 .line .info.i3{
    top:716px;
    left:81px;
}
.cpa5 .line .info.i4{
    top:1031px;
    left:610px;
}
.cpa5 .line .info.i5{
    top:1320px;
    left:81px;
}
.cpa6{
    padding-bottom:20px;
    background:url("../img/cpa6-bg.jpg") no-repeat center;
}
.cpa6 ul{
    width:1032px;
}
.cpa6 ul li{
    margin-right:32px;
    margin-bottom:30px;
    float:left;
    width:309px;
    height:219px;
    overflow:hidden;
    position:relative;
}
.cpa6 ul li .info{
    top:168px;
    width:309px;
    height:219px;
    position:absolute;
    background:#000000;
    background:rgba(0,0,0,0.64);
    transition:0.2s;
}
.cpa6 ul li .info h2{
    padding:5px 8px;
    font-size:22px;
    line-height:22px;
    font-weight:bold;
    color:#ffffff;
}
.cpa6 ul li .info h3{
    padding:0 8px;
    font-size:14px;
    line-height:14px;
    color:#ffffff;
}
.cpa6 ul li:hover .info h4{
    padding-top:50px;
    font-size:22px;
    line-height:22px;
    text-align:center;
    color:#ffffff;
}
.cpa6 ul li:hover .info p{
    padding:20px;
    font-size:14px;
    line-height:25px;
    color:#ffffff;
}
.cpa6 ul li:hover .info{
    top:0;
    transition:0.4s;
}
.cpa6 ul li:hover .info h2,
.cpa6 ul li:hover .info h3{
    display:none;
}
.tu1{
    background:url("../img/tu1-bg.jpg") repeat center;
}
.tu1 #tu1-ul{
    float:left;
    width:161px;
}
.tu1 #tu1-ul li{
    width:153px;
    height:88px;
    font-size:20px;
    color:#ffffff;
    line-height:88px;
    text-align:center;
}
.tu1 #tu1-ul li.c1{
    background:#ef6d45;
}
.tu1 #tu1-ul li.c2{
    background:#1fbeba;
}
.tu1 #tu1-ul li.c3{
    background:#7695c3;
}
.tu1 #tu1-ul li.c4{
    background:#f6af49;
}
.tu1 #tu1-ul li.c1.act{
    border-left:8px solid #bd4621;
}
.tu1 #tu1-ul li.c2.act{
    border-left:8px solid #0b9591;
}
.tu1 #tu1-ul li.c3.act{
    border-left:8px solid #28569a;
}
.tu1 #tu1-ul li.c4.act{
    border-left:8px solid #c3801f;
}
.tu1 .vedio{
    float:left;
    width:492px;
}
.tu1 .vedio iframe{
    border:5px solid #cfcfcf;
    border-radius:5px;
}
.tu1 .vedio p{
    margin-top:18px;
    line-height:25px;
}
.tu1 .img{
    float:right;
    width:335px;
}
.tu1 .img img{
    margin-bottom:20px;
    width:318px;
    height:178px;
    display:block;
    border:8px solid #ffffff;
}
#tu1-box{
    height:430px;
    overflow:hidden;
}
.tu2{
    padding:0 0 100px 0;
    background:url("../img/tu2-bg.jpg") no-repeat bottom;
}
.tu2 .img{
    margin-top:100px;
    height:364px;
    position:relative;
    background:url("../img/tu2-img.png") no-repeat center;
}
.tu2 .img p{
    line-height:26px;
    color:#969696;
}
.tu2 .img p{
    width:140px;
    line-height:26px;
    color:#969696;
    position:absolute;
}
.tu2 .img p.p1{
    top:-30px;
    left:15px;
}
.tu2 .img p.txt1{
    top:-30px;
    left:15px;
}
.tu2 .img p.txt2{
    top:-30px;
    left:345px;
}
.tu2 .img p.txt3{
    top:-30px;
    left:680px;
}
.tu2 .img p.txt4{
    top:235px;
    left:178px;
}
.tu2 .img p.txt5{
    top:235px;
    left:508px;
}
.tu2 .img p.txt6{
    top:235px;
    left:846px;
}
.tu3{
    background:#f2f2f2;
}
.tu4 img{
   padding-bottom:60px;
    display:block;
}
.about05-bg{height:700px; background:url(../img/bg-loop1.jpg);}
.about05-ul01{width:1000px;}
.about05-ul01 li{float:left; height:43px; line-height:43px; padding:0 12.5px; background:#1d1d29; font-size:14px; border-bottom:1px solid #f6af49; border-right:1px dashed #4b4b4b; color:#ffffff; text-align:center; position:relative; cursor:pointer; transition:0.5s;}
.about05-ul01 li img{opacity:0; transition:0.5s; display:none \9; position:absolute; top:44px;}
.about05-tab-box{width:1002px; margin:27px 0 0 0;}
.about05-tab-box .about05-tab-box-div{}
.about05-tab-box ul.about05-ul-tab-box{float:left; width:165px; margin-right:2px; cursor:pointer;}
.about05-tab-box ul.about05-ul-tab-box:hover .li02{background:#000; transition:0.5s;}
.about05-tab-box ul.about05-ul-tab-box img{float:left;}
.about05-tab-box ul.about05-ul-tab-box .li01{float:left; width:154px; height:46px; background:#353647; color:#fff; font-size:14px; line-height:20px; padding:6px 0 0 11px;}
.about05-tab-box ul.about05-ul-tab-box .li02{float:left; width:165px; height:101px; background:#1d1d29;}
.about05-tab-box ul.about05-ul-tab-box .li02 .p01{float:left; width:165px;}
.about05-tab-box ul.about05-ul-tab-box .li02 .p01 img{float:left; margin-left:12px;}
.about05-tab-box ul.about05-ul-tab-box .li02 .p02{float:left; width:150px; line-height:20px; color:#c7c7c7; font-size:12px; margin:3px 0 0 8px; text-align:justify;}

.about05-ul01 li.about05-ul01-selected{
    transition:0.5s;
    background:#f6af49;
}
.about05-ul01 li.about05-ul01-selected img{
    opacity:1;
    transition:0.5s;
}
.hide{
    display:none;
}


.about07-bg{padding-top:30px;background:url(../img/about07-bg.jpg) no-repeat top center;}
.about07-bg h1{color:#fff;}
.about07{
    margin-top:50px;
    width:1000px;
    height:420px;
    background:url("../img/about07-line.png") no-repeat 176px 19px;
}
.about07 .box{
    padding-bottom:20px;
}
.about07 .box h1{
    padding-right:28px;
    float:left;
    width:160px;
    height:35px;
    font-size:16px;
    line-height:35px;
    text-align:right;
    background:url("../img/about07-tag1.png") no-repeat 171px center;
}
.about07 .box.selected h1{
    background:url("../img/about07-tag2.png") no-repeat 176px center;
}
.about07 .box .info{
    float:right;
    width:797px;
    height:33px;
    transition:0.5s;
    overflow:hidden;
    border:1px solid #5a5a5b;
}
.about07 .box.selected .info{
    height:193px;
    transition:0.5s;
}
.about07 .box .info h2{
    margin-left:13px;
    text-indent:15px;
    line-height:33px;
    color:#a7a7a7;
    background:url("../img/about07-jt.png") no-repeat left center;
}
.about07 .box.selected .info h2{
    display:none;
}
.about07 .box .info h3{
    padding:16px 12px;
    font-size:16px;
    color:#ffffff;
    line-height:16px;
}
.about07 .box .info .img{
    margin-left:12px;
}
.about07 .box .info .img img{
    margin-right:7px;
    float:left;
    width:149px;
    height:126px;
}
.tu5 .container{
    padding:60px 0;
    width:1106px;
}
.tu5 .box{
    margin-left:18px;
    margin-right:106px;
    float:left;
    width:234px;
    height:234px;
    border:2px solid #f2f2f2;
    border-radius:5px;
    position:relative;
}
.tu5 .box img.img{
    margin:0 auto;
    padding-top:42px;
    display:block;
}
.tu5 .box img.tag{
    top:-2px;
    right:-2px;
    position:absolute;
}
.tu5 .box img.yy{
    bottom:-50px;
    left:50%;
    margin-left:-146.5px;
    position:absolute;
}
.tu5 .box h2{
    padding-top:45px;
    font-size:24px;
    line-height:24px;
    font-weight:bold;
    text-align:center;
    color:#535353;
}
.cou{
    background:url("../img/cou-bg.jpg") repeat;
}
.cou-ul li{
    margin-right:1px;
    float:left;
    width:332px;
    height:45px;
    cursor:pointer;
    font-size:18px;
    color:#f6af49;
    position:relative;
    transition:0.5s;
    line-height:45px;
    text-align:center;
    background:#222222;
}
.cou-ul li img{
    top:45px;
    left:158px;
    opacity:0;
    transition:0.5s;
    display:none \9;
    position:absolute;
}
.cou-ul li.selected{
    transition:0.5s;
    color:#222222;
    background:#f6af49;
}
.cou-ul li.selected img{
    opacity:1;
    transition:0.5s;
}
.cou-box{
    margin-top:34px;
    width:1024px;
}
.cou-box h2{
    font-size:18px;
    line-height:18px;
    text-align:center;
}
.cou-box .box{
    margin-top:30px;
    margin-right:20px;
    float:left;
    width:236px;
    height:226px;
    background:url("../img/course08-box.png") no-repeat center top;
}
.cou-box .box h1{
    padding-top:40px;
    margin-left:20px;
    padding-bottom:12px;
    font-size:20px;
    line-height:20px;
    width:195px;
    border-bottom:1px solid #dedede;
}
.cou-box .box p{
    padding-top:22px;
    margin-left:20px;
    color:#888888;
    line-height:25px;
    width:195px;
}
.about09{height:700px; background:url(../img/bg-loop1.jpg);}
.about09 .box{
    margin-top:50px;
    padding-bottom:50px;
}
.tu6 img{
    margin-left:9px;
    margin-top:9px;
    float:left;
    width:189px;
    height:115px;
    display:block;
}
.about11{
    background:#f2f2f2;
}
.about11-div{width:1016px;}
.about11-div img{float:left; margin:17px 16px 0 0;}
.about12-bg{background:url(../img/about12-bg.jpg) no-repeat bottom;}
.about12{width:1015px;}
.about12 ul{float:left; width:112px; text-align:center; margin:17px 14px 0 0;}
.about12 ul p{font-size:14px; color:#FFF;}

.tu7{
    padding:0;
    height:500px;
    background:url("../img/tu7-bg.jpg") no-repeat center;
}
.tu7 a{
    width:100%;
    height:100%;
    display:block;
}


/**
banner分页器css样式
**/
.banner .pagination {
    bottom:20px;
    width:100%;
    z-index:20;
    text-align:center;
    position:absolute;
}
.banner .swiper-pagination-switch {
    margin:0 5px;
    width:40px;
    height:5px;
    cursor:pointer;
    display:inline-block;
    background:#d2d6d9;
}
.banner .swiper-active-switch {
    background:#fdc12d;
}