@charset "utf-8";
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea,p {margin:0; padding:0;font-style: normal;font-weight:normal;font-size:12px;}
ol, ul ,li{list-style: none;}
img {border: 0; vertical-align:top;}
body{font-family: "微软雅黑"; color: #000; background: #fff; overflow-x:hidden;}
a{text-decoration:none; color: #000;} 
.clear{clear:both;height:0; line-height:0; font-size:0;display:block; overflow:hidden}
.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;font-size:0}
.clearfix {zoom:1}
.fl{float:left; display: inline;}
.fr{float:right; display: inline;}
a:hover{
  
}
input:focus{
    outline: 0 none;
}
/*common*/
input,select{font-family: "微软雅黑";}
body{
    background: #fff;
    overflow-x:hidden;
    width:100%;
}
textarea:focus,select:focus{
    outline: 0 none;
}
* { -webkit-animation-fill-mode:both !important;animation-fill-mode:both !important;}


.animate_top{
    -webkit-animation: s1-1 0.7s ease;
    -ms-animation: s1-1 0.7s ease;
    -o-animation: s1-1 0.7s ease;
    animation: s1-1 0.7s ease;
}
@-webkit-keyframes s1-1 {
    0% { 
        opacity: 0; 
        -webkit-transform:translateY(40px);
    }
}
@-ms-keyframes s1-1 {
    0% { 
        opacity: 0; 
        -ms-transform:translateY(40px);
    }
}
@-o-keyframes s1-1 {
    0% { 
        opacity: 0; 
        -o-transform:translateY(40px);
    }
}
@keyframes s1-1 {
    0% { 
        opacity: 0; 
        transform:translateY(40px);
    }
}


.animate_right{
    -webkit-animation: s1-2 0.7s ease;
    -ms-animation: s1-2 0.7s ease;
    -o-animation: s1-2 0.7s ease;
    animation: s1-2 0.7s ease;
}
@-webkit-keyframes s1-2 {
    0% { 
        opacity: 0; 
        -webkit-transform:translateX(-40px);
    }
}
@-ms-keyframes s1-2 {
    0% { 
        opacity: 0; 
        -ms-transform:translateX(-40px);
    }
}
@-o-keyframes s1-2 {
    0% { 
        opacity: 0; 
        -o-transform:translateX(-40px);
    }
}
@keyframes s1-2 {
    0% { 
        opacity: 0; 
        transform:translateX(-40px);
    }
}

.animate_left{
    -webkit-animation: s1-3 0.7s ease;
    -ms-animation: s1-3 0.7s ease;
    -o-animation: s1-3 0.7s ease;
    animation: s1-3 0.7s ease;
}
@-webkit-keyframes s1-3 {
    0% { 
        opacity: 0; 
        -webkit-transform:translateX(40px);
    }
}
@-ms-keyframes s1-3 {
    0% { 
        opacity: 0; 
        -ms-transform:translateX(40px);
    }
}
@-o-keyframes s1-3 {
    0% { 
        opacity: 0; 
        -o-transform:translateX(40px);
    }
}
@keyframes s1-3 {
    0% { 
        opacity: 0; 
        transform:translateX(40px);
    }
}

.zt_header{
    width: 100%;
    height: 88px;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}
body{
    padding-top: 88px;
}
.zt_header .inner{
    width: 1200px;
    margin: 0 auto;
}
.zt_header .logo{
    margin-right:105px; 
}
.zt_header .nav{
    padding-top: 38px;
}
.zt_header .nav a{
    float: left;
    margin-right: 30px;
    font-size: 16px;
    color: #767676;
}
.zt_header .home_btn{
    font-size: 16px;
    color: #767676;
    margin-top: 35px;
    background: url(../images/zt_i7.png)  no-repeat 0 center;
    padding-left: 24px;
}
.zt_header  .nav .on{
    color: #265196;
    border-bottom: 2px solid #265196;
    padding-bottom: 10px;
}

.ztiList_main{
    width: 100%;
    padding-top: 463px;
    position: relative;
    background: url(../images/list_bg.jpg)  no-repeat center 0;
}

.zt_footer{
    width: 100%;
    height:253px;
    background: url(../images/ft_bg.jpg)  no-repeat center 0;
}


.zt_banner{
    position: absolute;
    top: 80px;
    left: 0%;
    width: 100%;
    text-align: center;
}
.ztiList_main .modal_1{
    width: 1200px;
    margin: 0 auto;
}
.ztiList_main .zt_search_box{
    padding: 30px 28px;
    background: #eaeaea;
}

.ztiList_main .zt_search_box select{
    width: 350px;
    border: 0 none;
    background: #fff;
    color: #999;
    margin-right: 35px;
    font-size: 16px;
    padding: 9px 12px;
}


.zt_search_box .shai { float:left; width:404px; height:40px; padding:0px; }
.zt_search_box .shai .store-selector { font-size:14px; padding-right:34px; margin:0px; }
.zt_search_box .shai img,.zt_search_box .shai .store-selector .text b { display:none; }
.zt_search_box .shai .store-selector .text {    text-indent: 20px;
    width: 374px;
    height: 40px;
    line-height: 40px;
    border: 0 none;
    color: #999;
    font-size: 14px;
    font-family: "微软雅黑";
    margin: 0 auto;
    display: block;
	padding:0px;
    background: url(../images/zt_i6.png) #fff no-repeat 95% center;
}
.zt_search_box .shai .store-selector .text div { font-size:14px; }
.zt_search_box .shai .store-selector .content { top:40px; }
.zt_search_box .shai .store-selector .close { left:380px; top:11.5px; }
.type_box{
    width: 374px;
    height: 40px;
    position: relative;
    margin-right: 34px;
}
.type_box .s{
    text-indent: 20px;
    width: 374px;
    height: 40px;
    line-height: 40px;
    border: 0 none;
    color: #999;
    font-size: 14px;
    font-family: "微软雅黑";
    margin: 0 auto;
    display: block;
    background: url(../images/zt_i6.png) #fff no-repeat 95% center;
}
.type_box .sub_type{
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-top: 0 none;
    z-index: 1;
    background: #fff ;
    display: none;
}
.type_box .sub_type a{
    display: block;
    width: 100%;
    text-indent: 20px;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #e1e1e1;

}
.type_box .sub_type a:hover{
    background: #eee;
}


.ztiList_main .zt_search_box .zt_search{
    width: 550px;
    height: 40px;
    background: #fff;
    position: relative;
	padding:10px 20px;
}

.zt_header .nav { width:auto; }
.ztiList_main .zt_search_box .zt_search .text{
    width:100%;
    padding:0px;
    height: 20px;
    line-height: 20px;
    color: #999;
    border: 0 none;
    background: #fff;
    font-size: 16px;
	float:left;
}
.ztiList_main .zt_search_box .zt_search .submit_btn{
    position: absolute;
    top: 0;
    right: 0;
    width: 124px;
    border: 0 none;
    height: 40px;
    background: url(../images/zt_i1.png)  no-repeat center 0;
}
.ztiList_main .item{
    margin-bottom: 10px;
    border: 1px solid #f1f1f1;
    background: #fff;
    padding: 0 28px;
}
.ztiList_main .item .hd{
    padding: 28px 23px 28px 0;
    background: url(../images/zt_i4.png)  no-repeat right center;
    cursor: pointer;
}
.ztiList_main .item.on .hd{
    background: url(../images/zt_i5.png)  no-repeat right center;
}
.ztiList_main .item .hd .tit{
    font-size: 20px;
    color: #2d2d2d;
}
.ztiList_main .item .hd span{
    font-size: 16px;
    color: #9e9e9e;
    margin-right: 15px;
    height: 24px;
    line-height: 24px;
    padding-left: 28px;
}
.ztiList_main .item .hd .s1{
    background: url(../images/zt_i2.png)  no-repeat 0 center;
}
.ztiList_main .item .hd .s2{
    background: url(../images/zt_i3.png)  no-repeat 0 center;
}



.ztiList_main .item .bd{
    border-top: 1px solid #eaeaea;
    padding: 30px 0 10px;
    display: none;
}
.ztiList_main .item.on .bd{
    display: block; font-size: 16px;line-height: 40px;
}
.ztiList_main .item.on .bd p { font-size:16px; }
.ztiList_main .item.on .bd p strong { padding-bottom:18px; display:block;color:#2d2d2d; font-weight:normal;  }
.ztiList_main .item .bd dl{
    margin-bottom: 30px;
}
.ztiList_main .item .bd dt{
    font-size: 18px;
    color: #2d2d2d;
    margin-bottom: 25px;
}
.ztiList_main .item .bd dd{
    font-size: 18px;
    color: #808080;
    line-height: 40px;
}
.ztiList_main .item .bd .btn img{
    width: 140px;
    margin-left: -10px;
}
.ztiList_main .item .bd .btn {
    display: block;
    width: 120px;
    height: 47px;
    overflow: hidden;
}

.ztiList_main .pager_list{
    text-align: center;
    padding: 34px 0;
    text-align: center;
}

.ztiList_main .pager_list a,.ztiList_main .pager_list span a {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 6px;
    text-align: center;
    line-height: 32px;
    background: #ddd;
    color: #949492;
    font-size: 14px;
}
.ztiList_main .pager_list .current,.ztiList_main .pager_list a:hover{
    background: #1172bc;
    color: #fff;
}


.zt_main{
    position: relative;
}
.zt_main .zt_banner{
    top: 88px;
}
.zt_main .zt_1{
    width: 100%;
    height: 2801px;
    background: url(../images/zt_bg1.jpg)  no-repeat center 0;

}
.zt_main .zt_2{
    width: 100%;
    height: 1726px;
    background: url(../images/zt_bg2.jpg)  no-repeat center 0;

}
.zt_main .zt_3{
    width: 100%;
    height: 2573px;
    background: url(../images/zt_bg3.jpg)  no-repeat center 0;

}

.zt_main .modal{
    width: 1200px;
    margin: 0 auto;
}
.zt_main .modal_1{
    padding-top: 513px;
}
.zt_main .modal_1 .text{
    width: 650px;
    margin-right: 38px;
    padding-top: 90px;
}
.zt_main .modal_1 .img{
    margin-top: 70px;
}
.zt_main .modal_1 .img img{
    width: 450px;
}
.zt_main .modal_1 .text .tit{
    margin-bottom: 27px;
}
.zt_main .modal_1 .text .txt{
    color: #5c5c5c;
    font-size: 18px;
    line-height: 30px;
}
.zt_main .modal_2{
   position: relative;
   height: 794px;
   margin-top: 140px;
}
.zt_main  .inner{
    display: none;
}
.zt_main .modal_2 .d{
    position: absolute;
}
.zt_main .modal_2 .tit1{
    left: 50%;
    top: 0;
    margin-left: -150px;
}
.zt_main .modal_2 .tit2{
    left: 50%;
    top: 123px;
    margin-left: 264px;
}
.zt_main .modal_2 .c1{
    left: 69px;
    top: 98px;
    -webkit-animation-delay:0.5s;
    -ms-animation-delay:0.5s; 
    -o-animation-delay:0.5s;
    animation-delay:0.5s;
}
.zt_main .modal_2 .c1 img{
    width: 220px;
}
.zt_main .modal_2 .c2 img,.zt_main .modal_2 .c3 img,.zt_main .modal_2 .c4 img{
    width: 190px;
}
.zt_main .modal_2 .c2{
        left: 522px;
    top: 197px;
    -webkit-animation-delay:1s;
    -ms-animation-delay:1s; 
    -o-animation-delay:1s;
    animation-delay:1s;
}
.zt_main .modal_2 .c3{
        left: 361px;
    top: 470px;
    -webkit-animation-delay:1.5s;
    -ms-animation-delay:1.5s; 
    -o-animation-delay:1.5s;
    animation-delay:1.5s;
}
.zt_main .modal_2 .c4{
        left: 866px;
    top: 439px;
    -webkit-animation-delay:2s;
    -ms-animation-delay:2s; 
    -o-animation-delay:2s;
    animation-delay:2s;
}
.zt_main .modal_2 .c:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
}
img{

    -webkit-transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
}
.zt_main .modal_3{
    padding-top: 74px;
}
#nav2{
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
        width: 1px;
    height: 1px;
}
.zt_main .modal_3 .hd{
    margin-bottom: 64px;
}
.zt_main .modal_3 .bd  ul{
    margin-right: -40px;
}
.zt_main .modal_3 .bd li{
    float: left;
    width: 380px;
    height: 160px;
    margin: 0 30px 27px 0;
    display: inline;
    background: url(../images/zt_img12.png)  no-repeat 0 0;
    -webkit-transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
}
.zt_main .modal_3 .bd li p{
    padding-left: 122px;
    width: 220px;
}
.zt_main .modal_3 .bd li .p1{
    padding-top: 28px ;
    padding-bottom: 28px ;
    font-size: 22px;
    color: #2f2f2f;
}
.zt_main .modal_3 .bd li .p2{
    font-size: 16px;
    color: #838383;
}
.zt_main .modal_3 .bd .li_1{
    background-position: 0 0;
}
.zt_main .modal_3 .bd .li_2{
    background-position: -409px 0;
}
.zt_main .modal_3 .bd .li_3{
    background-position: -819px 0;
}
.zt_main .modal_3 .bd .li_4{
    background-position: 0 -188px;
}
.zt_main .modal_3 .bd .li_5{
    background-position: -409px -188px;
}
.zt_main .modal_3 .bd .li_6{
    background-position: -819px -188px;
}
.zt_main .modal_3 .bd li:hover{
    -webkit-transform: translateY(-10px) ;
    -webkit-transform: translateY(-10px) ;
    -ms-transform:translateY(-10px) ;
    transform: translateY(-10px) ;
    -webkit-transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
}



.zt_main .modal_4{
}
.zt_main .modal_4 .hd{
    margin-bottom: 79px;
    text-align: center;
    height: 136px;
}
.zt_main .modal_4 .hd img{
    margin-top: -90px;
}
.zt_main .modal_4 .bd  ul{
    float: left;
}
.zt_main .modal_4 .bd {
    padding-left: 83px;
}
.zt_main .modal_4 .bd  .ul_1{
    margin-right: 65px;
    text-align: right;
}
.zt_main .modal_4 .bd li{
    width: 366px;
    height: 96px;
    padding-right: 125px;
    margin-bottom: 16px;
    background: url(../images/zt_img13.png)  no-repeat 380px 0;
}
.zt_main .modal_4 .bd .ul_2 li{
    padding-right: 0;
    padding-left: 125px;
    margin-bottom: 16px;
    background: url(../images/zt_img13.png)  no-repeat -160px 0;
}
.zt_main .modal_4 .bd li p{
    width:366px;
}
.zt_main .modal_4 .bd li .p1{
    font-size: 22px;
    color: #fff;
    padding: 15px 0 5px 0;
}
.zt_main .modal_4 .bd li .p2{
    font-size: 18px;
    color: #98aed1;
}
.zt_main .modal_4 .bd .ul_1  .li_1{
   background-position: 380px 0;
}
.zt_main .modal_4 .bd .ul_1  .li_2{
   background-position: 380px -109px;
}
.zt_main .modal_4 .bd .ul_1  .li_3{
   background-position: 380px -219px;
}
.zt_main .modal_4 .bd .ul_1  .li_4{
   background-position: 380px -329px;
}
.zt_main .modal_4 .bd .ul_1  .li_5{
   background-position: 380px -439px;
}
.zt_main .modal_4 .bd .ul_1  .li_6{
   background-position: 380px -550px;
}
.zt_main .modal_4 .bd .ul_2  .li_1{
   background-position: -160px 0;
}
.zt_main .modal_4 .bd .ul_2  .li_2{
   background-position: -160px -109px;
}
.zt_main .modal_4 .bd .ul_2  .li_3{
   background-position: -160px -219px;
}
.zt_main .modal_4 .bd .ul_2  .li_4{
   background-position: -160px -329px;
}
.zt_main .modal_4 .bd .ul_2  .li_5{
   background-position: -160px -439px;
}



.zt_main .modal_5{
    margin-top: 155px;
    position: relative;
}
.zt_main .modal_5 .hd{
    position: absolute;
    top: -70px;
    right: 0;
}
.zt_main .modal_5 .bd .l_img{
    float: left;
    width: 448px;
    overflow: hidden;
    margin-right: 18px;
}
.zt_main .modal_5 .bd .r_img{
    width: 730px;
    padding-top: 113px;
}
.zt_main .modal_5 .bd  ul{
    margin-right: -18px;
}
.zt_main .modal_5 .bd li{
    float: left;
    margin: 0 13px 13px 0;
    overflow: hidden;
}

.zt_main .modal_5 .bd li:hover img,.zt_main .modal_5 .bd .l_img:hover img,.zt_main .modal_6 .a:hover img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
}

.zt_main .modal_6 .txt_1{

    -webkit-animation-delay:0.5s;
    -ms-animation-delay:0.5s;
    -o-animation-delay:0.5s;
    animation-delay:0.5s;
}
.zt_main .modal_6 .txt_2{

    -webkit-animation-delay:1s;
    -ms-animation-delay:1s;
    -o-animation-delay:1s;
    animation-delay:1s;
}
.zt_main .modal_6 .txt_3{

    -webkit-animation-delay:1.5s;
    -ms-animation-delay:1.5s;
    -o-animation-delay:1.5s;
    animation-delay:1.5s;
}


.zt_main .modal_6{
    position: relative;
    z-index: 1;
}
.zt_main .modal_6 .d{
    position: absolute;
}
.zt_main .modal_6 .tit_1{
    left: 0;
    top: 72px;
}
.zt_main .modal_6 .tit_2{
    left: 849px;
    top: 1007px;
}
.zt_main .modal_6 .txt_1{
    left: 490px;
    top: 72px;
}
.zt_main .modal_6 .txt_2{
    left: 57px;
    top: 373px;
}
.zt_main .modal_6 .txt_3{
    left: 595px;
    top: 614px;
}
.zt_main .modal_6 .d .txt{
    margin-left: 36px;
}
.zt_main .modal_6 .d .txt .p1{
    font-size: 22px;
    color: #2f2f2f;
    padding: 35px 0 32px 0;
}
.zt_main .modal_6 .d .txt .p2{
    font-size: 16px;
    color: #838383;
    line-height: 30px;
}
.zt_main .modal_6 .a1{
    left: 65px;
    top: 1046px;
}
.zt_main .modal_6 .a2{
    left: 98px;
    top: 1332px;
}
.zt_main .modal_6 .a3{
    left: 434px;
    top: 960px;
}
.zt_main .modal_6 .a4{
        left: 324px;
    top: 1160px;
}
.zt_main .modal_6 .a5{
    left: 334px;
    top:1362px;
}
.zt_main .modal_6 .a6{
   left: 583px;
    top: 1144px;
}
.zt_main .modal_6 .a7{
    left: 671px;
    top:1419px;
}
.zt_main .modal_6 .a8{
        left: 889px;
    top: 1269px;
}
.zt_main .modal_6 .a9{
        left: 913px;
    top: 1452px;
}
.zt_main .modal_6 .a1 img{
    width: 230px
}
.zt_main .modal_6 .a2 img{
    width: 210px
}
.zt_main .modal_6 .a3 img{
    width: 190px
}
.zt_main .modal_6 .a4 img{
    width: 160px
}
.zt_main .modal_6 .a5 img{
    width: 250px
}
.zt_main .modal_6 .a6 img{
    width: 220px
}
.zt_main .modal_6 .a7 img{
    width: 200px
}
.zt_main .modal_6 .a8 img{
    width: 150px
}
.zt_main .modal_6 .a9 img{
    width: 210px
}



.zt_main .modal_7{
    position: relative;
    padding-top: 1758px;
}
.zt_main .modal_7 .hd{
    text-align: center;
}
.zt_main .modal_7 .bd{
    background: url(../images/zt_img31.png)  no-repeat 50px 0;
    background-size: 600px;
    height: 603px;
    position: relative;
}
.zt_main .modal_7 .bd  p{
    color: #565656;
    font-size: 16px;
    line-height: 26px;
    position: absolute;
}
.zt_main .modal_7 .bd .p1{
    top: 100px;
    left: 73px;
    -webkit-animation-delay:0.5s;
    -ms-animation-delay:0.5s; 
    -o-animation-delay:0.5s;
    animation-delay:0.5s;
}
.zt_main .modal_7 .bd .p2{
    top: 63px;
    left:671px;
    -webkit-animation-delay:1s;
    -ms-animation-delay:1s; 
    -o-animation-delay:1s;
    animation-delay:1s;
}
.zt_main .modal_7 .bd .p3{
    top: 346px;
    left: 133px;
    -webkit-animation-delay:1.5s;
    -ms-animation-delay:1.5s; 
    -o-animation-delay:1.5s;
    animation-delay:1.5s;
}
.zt_main .modal_7 .bd .p4{
    top: 460px;
    left: 674px;
    -webkit-animation-delay:2s;
    -ms-animation-delay:2s; 
    -o-animation-delay:2s;
    animation-delay:2s;
}