html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    font-family:"Microsoft Yahei"
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1
}
ol,ul,li{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
a{
    text-decoration:none
}
@-webkit-keyframes header-productLiActive{
    0%{
        opacity:0;
        -webkit-transform:translate(70px);
        transform:translate(70px)
    }
    100%{
        opacity:1;
        -webkit-transform:translate(0);
        transform:translate(0)
    }
}
@keyframes header-productLiActive{
    0%{
        opacity:0;
        -webkit-transform:translate(70px);
        transform:translate(70px)
    }
    100%{
        opacity:1;
        -webkit-transform:translate(0);
        transform:translate(0)
    }
}
.header{
    height:78px;
    min-width:1280px;
    border-bottom:2px solid #46b8da;
    background:url(../img/public/headerBg.jpg) no-repeat center center;
    background-size:cover;
    position:relative
}
.header .header-content{
    width:1280px;
    margin:0 auto;
    height:80px
}
.header .header-content .header-logo{
    width:255px;
    text-align:center;
    height:100%;
    line-height:80px;
    float:left
}
.header .header-content .header-logo img{
    vertical-align:middle;
    height:80%;
    cursor:pointer
}
.header .header-content .header-nav{
    float:left;
    height:100%;
    line-height:80px;
    font-size:16px
}
.header .header-content .header-nav .header-nav-a{
    float:left;
    position:relative;
    cursor:pointer
}
.header .header-content .header-nav .header-nav-a>a{
    display:block;
    padding:0 30px;
    height:100%
}
.header .header-content .header-nav .header-nav-a a{
    color:#333
}
.header .header-content .header-nav .header-nav-a:hover>a{
    color:#46b8da;
    font-weight:bold
}
.header .header-content .header-nav .product-a{
    position:static
}
.header .header-content .header-nav .navActive{
    background-color:#fff
}
.header .header-content .header-nav .currentActive{
    background-color:#fff
}
.header .header-content .header-right{
    float:right;
    height:100%
}
.header .header-content .header-right .header-search{
    float:left;
    box-sizing:border-box;
    padding-top:22px;
    padding-bottom:20px;
    margin-right:38px;
    width:56px;
    position:relative;
    cursor:pointer
}
.header .header-content .header-right .header-search .header-search-btn{
    border-left:1px solid #cfcfcf;
    border-right:1px solid #cfcfcf;
    height:36px;
    background:url(../img/public/sou1.png) no-repeat center center
}
.header .header-content .header-right .header-search .header-search-popup{
    z-index:10;
    display:none;
    box-sizing:border-box;
    position:absolute;
    bottom:-71px;
    right:4px;
    width:349px;
    height:77px;
    line-height:77px;
    border:1px solid #dcdcdc;
    background-color:#fff;
    padding:18px 20px 21px
}
.header .header-content .header-right .header-search .header-search-popup:before{
    content:"";
    position:absolute;
    top:-15px;
    right:8px;
    width:27px;
    height:15px;
    background:url(../img/public/sou3.png) no-repeat center center
}
.header .header-content .header-right .header-search .header-search-popup input{
    float:left;
    height:36px;
    line-height:30px;
    box-sizing:border-box;
    border:1px solid #46b8da;
    font-size:18px;
    color:#333;
    width:272px;
    outline:none;
    text-indent:5px
}
.header .header-content .header-right .header-search .header-search-popup .header-input-btn{
    float:left;
    box-sizing:border-box;
    border:1px solid #46b8da;
    width:35px;
    height:36px;
    cursor:pointer;
    outline:none;
    background:url(../img/public/sou2.png) no-repeat center center;
    background-color:#46b8da
}
.header .header-content .header-right .header-info{
    float:left;
    margin-top:15px;
    height:46px;
    background:url(../img/public/headerPhone.png) no-repeat 0 0;
    text-indent:46px
}
.header .header-content .header-right .header-info h6{
    margin:5px 0;
    font-weight:bold;
    font-size:19px;
    color:#46b8da
}
.header .header-content .header-right .header-info p{
    color:#999;
    font-size:12px
}
.header .product-popup{
    position:absolute;
    overflow:hidden;
    box-sizing:border-box;
    min-width:1280px;
    line-height:normal;
    padding-top:5px;
    top:80px;
    left:0;
    right:0;
    height:0;
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    background-color:#fff;
    z-index:5
}
.header .product-popup li{
    float:left;
    width:248px;
    text-align:center;
    opacity:0
}
.header .product-popup li:hover p{
    color:#46b8da
}
.header .product-popup li img{
    width:100%
}
.header .product-popup li p{
    font-size:22px;
    color:#333
}
.header .product-popup li:nth-of-type(1){
    -webkit-animation-delay:0s !important;
    animation-delay:0s !important
}
.header .product-popup li:nth-of-type(2){
    -webkit-animation-delay:.1s !important;
    animation-delay:.1s !important
}
.header .product-popup li:nth-of-type(3){
    -webkit-animation-delay:.2s !important;
    animation-delay:.2s !important
}
.header .product-popup li:nth-of-type(4){
    -webkit-animation-delay:.3s !important;
    animation-delay:.3s !important
}
.header .productActive{
    opacity:1;
    height:239px;
    box-shadow:0 5px 5px -5px #999
}
.header .productLiAxctive li{
    -webkit-animation:.8s ease header-productLiActive forwards 1;
    animation:.8s ease header-productLiActive forwards 1
}
.header .introduce-popup{
    position:absolute;
    overflow:hidden;
    box-sizing:border-box;
    line-height:normal;
    top:80px;
    left:0;
    right:0;
    height:0;
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    background-color:#fff;
    z-index:5
}
.header .introduce-popup li{
    height:42px;
    line-height:42px;
    text-align:center
}
.header .introduce-popup li:hover{
    color:#46b8da
}
.header .introduce-popup a:last-child li{
    margin-bottom:15px
}
.header .introduceActive{
    opacity:1;
    height:auto;
    box-shadow:0 5px 5px -5px #999
}
.footer{
    min-width:1280px;
    border-top:4px solid #46b8da
}
.footer .footer-content{
    width:1280px;
    margin:0 auto
}
.footer .footer-content .footer-top{
    box-sizing:border-box;
    height:283px;
    overflow:hidden;
    background-color:#fff;
    padding-top:49px;
    padding-left:23px
}
.footer .footer-bottom{
    height:110px;
    overflow:hidden;
    background-color:#fafafa
}
.footer-top .footer-top-left{
    float:left
}
.footer-top .footer-top-left dl{
    width:190px;
    float:left
}
.footer-top .footer-top-left dl dt{
    font-size:18px;
    font-weight:bold;
    color:#46b8da;
    margin-bottom:42px
}
.footer-top .footer-top-left dl dd{
    color:#777;
    font-size:16px;
    margin-bottom:15px;
    cursor:pointer
}
.footer-top .footer-top-left dl dd:hover{
    color:#46b8da;
    text-decoration:underline
}
.footer-top .footer-top-right{
    float:right;
    width:578px;
    position:relative
}
.footer-top .footer-top-right h6{
    font-size:24px;
    font-weight:bold;
    margin-bottom:15px;
    color:#46b8da
}
.footer-top .footer-top-right p{
    font-size:14px;
    color:#777;
    margin-bottom:15px
}
.footer-top .footer-top-right .footer-tr-text{
    cursor:pointer;
    border:1px solid #46b8da;
    height:32px;
    line-height:32px;
    width:171px;
    text-indent:40px;
    color:#46b8da;
    font-size:15px;
    background:url(../img/public/qq.png) no-repeat 12px center
}
.footer-top .footer-top-right .footer-tr-qrcode{
    position:absolute;
    top:0;
    right:0;
    width:140px;
    text-align:center
}
.footer-top .footer-top-right .footer-tr-qrcode img{
    display:block;
    width:140px;
    height:140px
}
.footer-top .footer-top-right .footer-tr-qrcode span{
    margin-top:13px;
    display:inline-block;
    color:#777;
    font-size:18px
}
.footer-bottom{
    padding-bottom:190px
}
.footer-bottom .footer-bottom-content{
    width:1280px;
    margin:0 auto;
    padding-top:28px;
    overflow:hidden
}
.footer-bottom .footer-bottom-content .footer-bottom-left{
    float:left;
    font-size:14px;
    color:#666
}
.footer-bottom .footer-bottom-content .footer-bottom-left .footer-bl-span{
    float:left;
    width:57px;
    height:59px;
    border-radius:5px;
    background-image:url(../img/99.png)
}
.footer-bottom .footer-bottom-content .footer-bottom-left .footer-bl-ul{
    padding-top:8px;
    box-sizing:border-box;
    margin-left:78px;
    overflow:hidden;
    height:29px
}
.footer-bottom .footer-bottom-content .footer-bottom-left .footer-bl-ul li{
    color:#666;
    float:left;
    border-right:1px solid #666;
    padding-right:5px;
    margin-right:5px
}
.footer-bottom .footer-bottom-content .footer-bottom-left .footer-bl-ul li:last-child{
    border-right:0
}
.footer-bottom .footer-bottom-content .footer-bottom-left .footer-bl-ul li:hover{
    color:#46b8da
}
.footer-bottom .footer-bottom-content .footer-bottom-left p{
    margin-left:78px;
    height:29px;
    line-height:29px
}
.footer-bottom .footer-bottom-content .footer-bottom-right{
    float:right;
    padding-top:3px
}
.footer-bottom .footer-bottom-content .footer-bottom-right li{
    float:left;
    width:88px;
    height:35px;
    background-repeat:no-repeat;
    background-size:100% 100%;
    margin-right:10px
}
.footer-bottom .footer-bottom-content .footer-bottom-right li:last-child{
    margin-right:0
}
.footer-bottom .footer-bottom-content .footer-bottom-right li:nth-of-type(1){
    background-image:url(../img/public/v-logo-1.png)
}
.footer-bottom .footer-bottom-content .footer-bottom-right li:nth-of-type(2){
    background-image:url(../img/public/v-logo-2.png)
}
.footer-bottom .footer-bottom-content .footer-bottom-right li:nth-of-type(3){
    background-image:url(../img/public/v-logo-3.png)
}
.footer-bottom .footer-bottom-content .footer-bottom-right li:nth-of-type(4){
    background-image:url(../img/public/v-logo-4.png)
}
.carousel-li{
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover
}
.carousel-li.img1{
    background-image:url(../img/homePage/banner1.jpg);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/homePage/banner1.jpg', sizingMethod='scale');
    -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/homePage/banner1.jpg', sizingMethod='scale')
}
.carousel-li.img2{
    background-image:url(../img/homePage/banner2.jpg);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/homePage/banner2.jpg', sizingMethod='scale');
    -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/homePage/banner2.jpg', sizingMethod='scale')
}
.carousel-li.img3{
    background-image:url(../img/homePage/banner3.jpg);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/homePage/banner3.jpg', sizingMethod='scale');
    -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/homePage/banner3.jpg', sizingMethod='scale')
}
.carousel-li.img4{
    background-image:url(../img/homePage/banner4.jpg);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/homePage/banner4.jpg', sizingMethod='scale');
    -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/homePage/banner4.jpg', sizingMethod='scale')
}
.carousel-li.img5{
    background-image:url(../img/homePage/banner5.jpg);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/homePage/banner5.jpg', sizingMethod='scale');
    -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/homePage/banner5.jpg', sizingMethod='scale')
}
.carousel-li.img6{
    background-image:url(../img/homePage/banner6.jpg);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/homePage/banner6.jpg', sizingMethod='scale');
    -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/homePage/banner6.jpg', sizingMethod='scale')
}
.top-banner{
    width:100%;
    min-width:1280px;
    height:330px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center
}
.product-banner{
    background-image:url(../img/homePage/banner2.jpg)
}
.introduce-banner{
    background-image:url(../img/homePage/banner3.jpg)
}
.news-banner{
    background-image:url(../img/homePage/banner4.jpg)
}
.service-banner{
    background-image:url(../img/homePage/banner5.jpg)
}
.contact-banner{
    background-image:url(../img/homePage/banner6.jpg)
}

.float-frame{
    position:fixed;
    z-index:1000;
    bottom:0;
    left:0;
    right:0;
    height:130px;
    background-color:rgba(0,0,0,0.7);
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, 0, endColorstr=#90000000, 0);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, 0, endColorstr=#90000000, 0);
    zoom:1
}
.float-frame .float-frame-content{
    position:relative;
    height:100%;
    width:1280px;
    margin:0 auto
}
.float-frame .float-frame-content .float-frame-div{
    position:absolute;
    top:15px;
    left:0;
    width:140px;
    height:100px;
    z-index:1001
}
.float-frame .float-frame-content .float-frame-div .qr-code{
    float:left;
    height:100px;
    width:100px
}
.float-frame .float-frame-content .float-frame-div div{
    float:left;
    width:40px;
    height:90px;
    text-align:center;
    color:#fff;
    padding-top:10px
}
.float-frame .float-frame-content .float-frame-div div p{
    line-height:20px
}
.float-frame .float-frame-content .float-frame-ul{
    box-sizing:border-box;
    margin-left:135px;
    height:100%;
    padding-top:20px;
    padding-left:60px;
    overflow:hidden
}
.float-frame .float-frame-content .float-frame-ul li{
    float:left;
    padding-left:36px;
    border-right:1px solid #a4a4a4
}
.float-frame .float-frame-content .float-frame-ul li h3,.float-frame .float-frame-content .float-frame-ul li h4{
    color:#fff;
    font-size:30px;
    font-weight:bold;
    margin-bottom:25px
}
.float-frame .float-frame-content .float-frame-ul li h4{
    margin-bottom:0;
    color:#fff
}
.float-frame .float-frame-content .float-frame-ul .float-frame-li1{
    padding-right:66px
}
.float-frame .float-frame-content .float-frame-ul .float-frame-li2{
    padding-right:90px
}
.float-frame .float-frame-content .float-frame-ul .float-frame-li3{
    padding-right:55px;
    border-right:0;
    background:url(../img/phone2.png) no-repeat right center
}
.float-frame .qq-btn,.float-frame .bd-btn{
    box-sizing:border-box;
    display:inline-block;
    width:137px;
    height:36px;
    line-height:34px;
    font-size:16px;
    text-indent:50px;
    border-radius:5px;
    background-repeat:no-repeat;
    background-position:15px center;
    vertical-align:middle;
    margin-right:10px
}
.float-frame .bd-btn{
    border:1px solid #46b8da;
    color:#fff;
    background-color:#46b8da;
    background-image:url(../img/bd.png)
}
.float-frame .qq-btn{
    border:1px solid #5dcdee;
    color:#fff;
    background-color:#46b8da;
    background-image:url(../img/qq2.png)
}
.qq-btn,.bd-btn{
    box-sizing:border-box;
    display:inline-block;
    width:137px;
    height:36px;
    line-height:34px;
    font-size:16px;
    text-indent:50px;
    border-radius:5px;
    background-repeat:no-repeat;
    background-position:15px center;
    vertical-align:middle;
    margin-right:10px
}
.bd-btn{
    border:1px solid #e74649;
    color:#fff;
    background-color:#e23a3c;
    background-image:url(../img/bd.png)
}
.qq-btn{
    border:1px solid #5dcdee;
    color:#fff;
    background-color:#46b8da;
    background-image:url(../img/qq2.png)
}
.homePage{
    width:1280px;
    margin:0 auto
}
.homePage .homePage-h3{
    font-size:35px;
    color:#333;
    height:165px;
    line-height:165px;
    text-align:center
}
.homePage .homePage-ul{
    min-width:1280px;
    box-sizing:border-box;
    width:100%;
    overflow:hidden
}
.homePage .homePage-ul li{
    width:24%;
    float:left;
    text-align:left;
    margin-left:1.3%;
    margin-bottom:120px
}
.homePage .homePage-ul li:hover img{
    box-shadow:0 5px 10px rgba(0,0,0,0.3)
}
.homePage .homePage-ul li:hover p{
    color:#46b8da
}
.homePage .homePage-ul li img{
    display:block;
    width:100%;
    -webkit-transition:all .2s linear 0s;
    transition:all .2s linear 0s
}
.homePage .homePage-ul li p{
    margin-top:20px;
    font-size:22px;
    color:#333;
    -webkit-transition:all .2s;
    transition:all .2s
}
.contact-wrap{
    box-sizing:border-box;
    width:1280px;
    min-width:1280px;
    padding:0 5%;
    margin:0 auto
}
.contact-wrap .contact-h3{
    font-size:28px;
    height:98px;
    line-height:98px
}
.contact-wrap .contact-ul{
    overflow:hidden;
    margin-bottom:48px
}
.contact-wrap .contact-ul li{
    float:left;
    width:23%;
    height:233px;
    background-color:#f4f4f4;
    margin-left:2.6%;
    text-align:center
}
.contact-wrap .contact-ul li:first-child{
    margin-left:0
}
.contact-wrap .contact-ul li h5{
    color:#333;
    margin-top:30px;
    font-size:20px
}
.contact-wrap .contact-ul .contact-li-3 p{
    color:#666;
    font-size:14px;
    margin-top:8px
}
.contact-wrap .contact-ul .contact-li-3 img{
    display:inline-block;
    width:100px;
    height:100px;
    margin-top:28px
}
.contact-wrap .contact-ul .contact-li-1 img{
    display:inline-block;
    width:100px;
    height:100px;
    margin-top:15px
}
.contact-wrap .contact-ul .contact-li-1 p{
    color:#46b8da;
    font-size:14px;
    font-weight:bold;
    margin-top:14px
}
.contact-wrap .contact-map{
    width:100%;
    margin:0 auto;
    height:393px;
    margin-bottom:68px
}
.nav-ul{
    min-width:1280px;
    height:64px;
    line-height:64px;
    text-align:center;
    overflow:hidden;
    background-color:#f8f7fc;
    border-top:1px solid #dcdcdc;
    border-bottom:1px solid #dcdcdc;
    font-size:0
}
.nav-ul a:last-child li:before{
    background-color:#fff
}
.nav-ul li{
    font-size:16px;
    color:#333;
    height:64px;
    box-sizing:border-box;
    display:inline-block;
    padding:0 15px;
    position:relative;
    cursor:pointer;
    border-bottom:6px solid #f8f7fc
}
.nav-ul li:before{
    content:"";
    position:absolute;
    top:14px;
    bottom:8px;
    right:0;
    width:1px;
    background-color:#dcdcdc
}
.nav-ul li:hover{
    font-weight:bold;
    border-bottom:6px solid #46b8da
}
.nav-ul .navUlActive{
    font-weight:bold;
    border-bottom:6px solid #46b8da
}
.nav2-ul{
    min-width:1280px;
    height:64px;
    line-height:64px;
    text-align:center;
    overflow:hidden;
    background-color:#f8f7fc;
    border-top:1px solid #dcdcdc;
    border-bottom:1px solid #dcdcdc;
    font-size:0
}
.nav2-ul li{
    font-size:16px;
    color:#333;
    height:64px;
    box-sizing:border-box;
    display:inline-block;
    padding:0 15px;
    position:relative;
    cursor:pointer;
    letter-spacing:3px;
    border-bottom:6px solid #f8f7fc;
    margin-right:15px
}
.nav2-ul li:hover{
    font-weight:bold;
    border-bottom:6px solid #46b8da
}
.nav2-ul .navUlActive{
    font-weight:bold;
    border-bottom:6px solid #46b8da
}
.service-nav-ul li{
    letter-spacing:3px
}
.crumbs-nav{
    height:66px;
    line-height:66px;
    font-size:16px;
    color:#333;
    position:relative;
    text-indent:35px
}
.crumbs-nav:before{
    content:"";
    width:20px;
    height:18px;
    position:absolute;
    top:50%;
    left:5px;
    margin-top:-9px;
    background:url(../img/home.png) no-repeat 0 0;
    background-size:100% 100%
}
.crumbs-nav a{
    color:#333
}
.paging{
    box-sizing:border-box;
    text-align:center;
    overflow:hidden;
    height:40px;
    padding-top:5px
}
.paging li{
    cursor:pointer;
    display:inline-block;
    margin-right:15px;
    border:1px solid #e6e6e6;
    padding:6px 8px;
    background-color:#fff;
    color:#000
}
.paging li a{
    color:#000
}
.paging li:hover{
    background-color:#46b8da;
    color:#fff
}
.paging li:hover a{
    color:#fff
}
.paging .pagingActive{
    background-color:#46b8da;
    color:#fff
}
.paging .pagingActive a{
    color:#fff
}
.paging .thisclass{
    background-color:#46b8da;
    color:#fff
}
.paging .thisclass a{
    color:#fff
}
.product-wrap{
    min-width:1280px;
    background-color:#f5f5f5;
    overflow:hidden
}
.product-wrap .product-content{
    width:1280px;
    margin:0 auto;
    color:#333
}
.product-wrap .product-content .paging{
    margin-bottom:50px
}
.list-ul{
    overflow:hidden
}
.list-ul a:first-child li{
    margin-left:0
}
.list-ul li{
    box-sizing:border-box;
    padding-top:25px;
    float:left;
    width:240px;
    height:304px;
    margin-left:20px;
    margin-bottom:30px;
    background-color:#fff;
    text-align:center;
    top:0;
    -webkit-transition:all .2s linear 0s;
    transition:all .2s linear 0s
}
.list-ul li:hover{
    box-shadow:0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform:translate3d(0, -2px, 0);
    transform:translate3d(0, -2px, 0);
    top:-2px;
    z-index:2
}
.list-ul li:hover p{
    color:#46b8da
}
.list-ul li img{
    width:100%;
    height:200px;
    display:inline-block;
    margin-bottom:20px
}
.list-ul li p{
    color:#333;
    width:70%;
    margin:0 auto;
    font-size:14px;
    line-height:22px
}
.list-ul .list-ul-li6{
    margin-left:0
}
.detail-wrap{
    min-width:1280px;
    background-color:#fff
}
.detail-wrap .detail-top{
    width:1280px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
    padding-bottom:30px
}
.detail-wrap .detail-top .detail-top-left{
    float:left;
    box-sizing:border-box;
    width:365px;
    margin-right:50px
}
.detail-wrap .detail-top .detail-top-left .top-left-img{
    height:355px;
    border:1px solid #e7e7e7;
    margin-bottom:14px;
    position:relative
}
.detail-wrap .detail-top .detail-top-left .top-left-imgList{
    position:relative;
    height:54px;
    padding:0 25px;
    overflow:hidden
}
.detail-wrap .detail-top .detail-top-left .top-left-imgList .imgList-btn{
    position:absolute;
    top:50%;
    margin-top:-14px;
    background-color:transparent;
    cursor:pointer
}
.detail-wrap .detail-top .detail-top-left .top-left-imgList .prev-btn{
    left:5px;
    border-right:15px solid #a6a7a7;
    border-top:15px solid transparent;
    border-bottom:15px solid transparent
}
.detail-wrap .detail-top .detail-top-left .top-left-imgList .next-btn{
    right:5px;
    border-left:15px solid #a6a7a7;
    border-top:15px solid transparent;
    border-bottom:15px solid transparent
}
.detail-wrap .detail-top .detail-top-left .top-left-imgList .imgList-ul-box{
    width:100%;
    height:100%;
    overflow:hidden
}
.detail-wrap .detail-top .detail-top-left .top-left-imgList .imgList-ul-box .imgList-ul{
    height:100%;
    width:2000px;
    overflow:hidden;
    -webkit-transition:all .3s;
    transition:all .3s
}
.detail-wrap .detail-top .detail-top-left .top-left-imgList .imgList-ul-box .imgList-ul li{
    box-sizing:border-box;
    float:left;
    height:100%;
    width:60px;
    border:1px solid #e34e4e;
    margin-right:25px
}
.detail-wrap .detail-top .detail-top-left .top-left-imgList .imgList-ul-box .imgList-ul li img{
    width:100%;
    height:100%
}
.detail-wrap .detail-top .detail-top-right{
    float:left
}
.detail-wrap .detail-top .detail-top-right .top-right-h3{
    font-size:22px;
    font-weight:bold;
    margin-bottom:10px
}
.detail-wrap .detail-top .detail-top-right .top-right-p{
    font-size:14px;
    color:#46b8da;
    margin-bottom:6px
}
.detail-wrap .detail-top .detail-top-right .top-right-ul{
    box-sizing:border-box;
    height:262px;
    background-color:#eee;
    font-size:16px;
    color:#333;
    padding-top:10px
}
.detail-wrap .detail-top .detail-top-right .top-right-ul li{
    height:31px;
    line-height:31px;
    margin-bottom:10px
}
.detail-wrap .detail-top .detail-top-right .top-right-ul li span{
    display:inline-block;
    width:105px;
    text-align:right;
    margin-right:10px
}
.detail-wrap .detail-top .detail-top-right .top-right-phone{
    font-size:16px;
    color:#333;
    margin:28px 0 25px 0
}
.detail-wrap .detail-top .detail-top-right .top-right-phone span{
    font-size:25px;
    font-weight:bold;
    color:#46b8da;
    vertical-align:middle;
    margin-left:10px
}
.detail-wrap .detail-top .detail-top-right .top-right-btn{
    position:relative;
    height:50px;
    line-height:50px;
    width:192px;
    background-color:#46b8da;
    text-indent:71px;
    color:#fff;
    font-size:18px;
    letter-spacing:5px;
    cursor:pointer
}
.detail-wrap .detail-top .detail-top-right .top-right-btn:before{
    content:"";
    position:absolute;
    top:50%;
    left:32px;
    width:28px;
    height:24px;
    margin-top:-12px;
    background:url(../img/gwc.png) no-repeat 0 0;
    background-size:100% 100%
}
.detail-wrap .detail-top .detail-top-list{
    position:absolute;
    top:42px;
    right:0;
    width:178px;
    border:1px solid #e5e5e5;
    color:#575757;
    padding-bottom:17px;
    font-size:12px
}
.detail-wrap .detail-top .detail-top-list dt{
    border-bottom:1px solid #e5e5e5;
    height:36px;
    line-height:36px;
    padding:0 10px;
    margin-bottom:17px;
    background-color:#fcfcfc
}
.detail-wrap .detail-top .detail-top-list dt span{
    cursor:pointer;
    float:right;
    text-indent:17px;
    color:#919191;
    background:url(../img/refresh.png) no-repeat 0 center
}
.detail-wrap .detail-top .detail-top-list dd{
    height:135px;
    text-align:center
}
.detail-wrap .detail-top .detail-top-list dd img{
    display:block;
    width:80%;
    height:70px;
    margin:0 auto
}
.detail-wrap .detail-top .detail-top-list dd p{
    color:#575757;
    width:80%;
    margin:8px auto
}
.detail-wrap .detail-top .detail-top-list dd span{
    color:#46b8da
}
.detail-wrap .detail-middle{
    height:58px;
    line-height:58px;
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    text-align:center
}
.detail-wrap .detail-middle li{
    display:inline-block;
    padding:0 72px;
    cursor:pointer;
    position:relative
}
.detail-wrap .detail-middle li:before{
    content:"";
    position:absolute;
    top:10px;
    bottom:10px;
    right:0;
    width:1px;
    background-color:#dcdcdc
}
.detail-wrap .detail-middle li:last-child:before{
    background-color:#fff
}
.detail-wrap .detail-middle .middleActive{
    color:#46b8da
}
.detail-wrap .detail-bottom{
    background-color:#f5f5f5;
    overflow:hidden
}
.detail-wrap .detail-bottom .detail-bottom-ul{
    width:1280px;
    margin:0 auto;
    color:#333;
    background-color:#fff;
    box-sizing:border-box
}
.detail-wrap .detail-bottom .detail-bottom-ul .bottom-ul-li1{
    margin-top:20px
}
.detail-wrap .detail-bottom .detail-bottom-ul .bottom-ul-li1 .ul-li2-table{
    width:100%;
    font-size:18px
}
.detail-wrap .detail-bottom .detail-bottom-ul .bottom-ul-li1 .ul-li2-table .first{
    background-color:transparent
}
.detail-wrap .detail-bottom .detail-bottom-ul .bottom-ul-li1 .ul-li2-table .first td{
    padding:20px 30px;
    border:1px solid #d2d2d2
}
.detail-wrap .detail-bottom .detail-bottom-ul .bottom-ul-li1 .ul-li2-table tr{
    background-color:#fff
}
.detail-wrap .detail-bottom .detail-bottom-ul .bottom-ul-li1 .ul-li2-table tr td:first-child{
    vertical-align:middle;
    text-align:center;
    width:273px;
    padding-bottom:25px
}
.detail-wrap .detail-bottom .detail-bottom-ul .bottom-ul-li1 .ul-li2-table tr td{
    padding:25px 35px;
    padding-bottom:15px;
    border:1px solid #d2d2d2
}
.detail-wrap .detail-bottom .detail-bottom-ul .bottom-ul-li1 .ul-li2-table tr td p{
    margin-bottom:10px;
    line-height:normal
}
.detail-wrap .detail-bottom .detail-bottom-ul .bottom-ul-li1 .ul-li2-table tr td p span{
    font-weight:bold;
    margin-right:30px
}
.detail-wrap .detail-bottom .detail-bottom-ul .bottom-ul-li2{
    display:none;
    text-align:center;
    padding-top:20px;
    padding-left:25px;
    padding-bottom:20px;
    line-height:35px
}
.detail-wrap .detail-bottom .detail-bottom-ul .bottom-ul-li2 img{
    display:inline-block;
    width:750px;
    margin-left:-25px;
    margin-bottom:10px
}
.detail-wrap .detail-bottom .detail-bottom-ul .bottom-ul-li2 p{
    text-align:left
}
.detail-wrap .detail-bottom .detail-bottom-ul .bottom-ul-li3{
    display:none;
    padding-top:20px;
    padding-left:25px;
    padding-bottom:20px;
    line-height:35px
}
.detail-wrap .detail-bottom .detail-bottom-list{
    width:1280px;
    margin:0 auto;
    color:#333
}
.detail-wrap .detail-bottom .detail-bottom-list h3{
    font-size:30px;
    margin-top:30px;
    margin-bottom:50px
}
.detail-wrap .detail-bottom .detail-bottom-list .list-ul-box{
    width:100%;
    overflow:hidden
}
.detail-wrap .detail-bottom .detail-bottom-list .list-ul-box .list-ul{
    width:20000px;
    -webkit-transition:all .3s;
    transition:all .3s
}
.detail-wrap .detail-bottom .detail-bottom-list .list-ul-box .list-ul a:nth-of-type(6) li{
    margin-left:0
}
.detail-wrap .detail-bottom .detail-bottom-list .detail-bottom-list-btn{
    margin-bottom:30px;
    text-align:center
}
.detail-wrap .detail-bottom .detail-bottom-list .detail-bottom-list-btn li{
    cursor:pointer;
    display:inline-block;
    box-sizing:border-box;
    width:17px;
    height:17px;
    border:1px solid #d2d2d2;
    margin-right:10px
}
.detail-wrap .detail-bottom .detail-bottom-list .detail-bottom-list-btn .detailActive{
    background-color:#46b8da
}
.top-left-img>img{
    width:100%;
    height:100%
}
.top-left-img .magnifyingBegin{
    width:182px;
    height:178px;
    left:0;
    top:0;
    background-color:rgba(255,255,255,0.5);
    position:absolute;
    cursor:move;
    display:none
}
.top-left-img .magnifyingShow{
    box-sizing:border-box;
    display:none;
    position:absolute;
    right:-490px;
    top:-1px;
    z-index:100;
    width:490px;
    height:484px;
    overflow:hidden;
    background-color:#fff;
    text-align:center;
    border:1px solid #e7e7e7
}
.top-left-img .magnifyingShow>img{
    width:960px;
    height:966px;
    margin-left:0;
    margin-top:0
}
.introduce-wrap{
    min-width:1280px
}
.introduce-wrap .introduce-content{
    box-sizing:border-box;
    width:1280px;
    margin:0 auto;
    font-size:16px;
    color:#333;
    padding:0 5%;
    padding-bottom:35px
}
.introduce-ul .introduce-ul-li1 img{
    display:block;
    width:100%;
    height:230px;
    margin-bottom:10px
}
.introduce-ul .introduce-ul-li1 p{
    font-size:16px;
    line-height:35px
}
.news-wrap{
    min-width:1280px
}
.news-wrap .news-content{
    box-sizing:border-box;
    width:1280px;
    padding:0 5%;
    margin:0 auto
}
.news-ul .news-ul-li1 .li1-list{
    box-sizing:border-box;
    padding:27px 0 27px 0;
    border-bottom:1px dashed #6f6f6f
}
.news-ul .news-ul-li1 .li1-list:first-child{
    padding-top:0
}
.news-ul .news-ul-li1 .li1-list .li1-left{
    float:left;
    width:100px
}
.news-ul .news-ul-li1 .li1-list .li1-left .day{
    height:44px;
    font-size:35px;
    width:72px;
    background-color:#dedede;
    text-align:center;
    line-height:44px
}
.news-ul .news-ul-li1 .li1-list .li1-left .date{
    font-size:16px;
    width:64px;
    margin-top:5px;
    padding:4px;
    background-color:#dedede;
    height:20px;
    line-height:20px
}
.news-ul .news-ul-li1 .li1-list .li1-right{
    margin-left:95px
}
.news-ul .news-ul-li1 .li1-list .li1-right .right-title{
    padding-top:4px;
    color:#333;
    font-weight:bold
}
.news-ul .news-ul-li1 .li1-list .li1-right .right-content{
    padding-top:15px;
    color:#666;
    font-size:16px;
    line-height:30px
}
.news-ul .news-ul-li1 .li1-list .li1-right .right-content a{
    float:right;
    cursor:pointer;
    padding:5px 10px;
    color:red;
    font-weight:bold
}
.news-ul .news-ul-li1 .paging{
    margin:20px 0
}
.service-wrap{
    min-width:1280px
}
.service-wrap .service-content{
    box-sizing:border-box;
    width:1280px;
    padding:0 5%;
    margin:0 auto;
    padding-bottom:60px
}
.service-ul{
    color:#333
}
.service-ul .ul-li1 h5{
    font-size:20px;
    line-height:50px;
    color:#46b8da
}
.service-ul .ul-li1 p{
    font-size:16px;
    line-height:35px
}
 
 .news{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}


.news .title span{
	background: #fff;
}
 
.news ul{
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}

.news ul li{
	float: left;
	width: 575px;
	height: auto;
	overflow: hidden;
	margin-bottom: 24px;
	position: relative;
}

.news ul li .intro{
	width: 543px;
	height: 136px;
	border: 1px solid #DADADA;
	box-sizing: border-box;
	padding: 14px;
}


.news ul li  .intro img{
	display: block;
	width: 141px;
	height: 106px;
	float: left;
}

.news ul li  .info {
	width: 315px;
	height: auto;
	overflow: hidden;
	float: left;
	margin-left: 20px;
	margin-top: 8px;

}

.news ul li  .info p{
	color:#000000;
	font-size: 18px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news ul li  .info  span{
	display: block;
	width: 100%;
	margin-top: 15px;
	color:#666666;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;

	font-size: 15px;
	line-height: 28px;
}

.news ul li  .time{
	float: right;
	width: 66px;
	height: 70px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -35px;
	background: #1E5AD2;
}

.news ul li  .time b{
	display: block;
	text-align: center;
	font-size: 32px;
	font-weight: normal;
	color: #fff;
}


.news ul li  .time p{
	display: block;
	text-align: center;
	color:#ffffff;
	font-size: 12px;
}

.news ul li:nth-child(2n){
	float: right;
}


.news ul li:hover .intro .info p{
	color:#1E5AD2;
}

.links{
	width: 1200px;
	margin: 0 auto;
	height: 100px;
	border: 1px solid #CCCCCC;
	margin-top:50px;
}


.links .tit {
	position: relative;
	z-index: 1;
	padding: 0 15px;
	box-sizing: border-box;
	height: auto;
	overflow: hidden;
	width: 190px;
	background: #fff;
 	margin-top: -20px;
	z-index: 1;
	margin-left: 20px;
}
.links .tit p{
	color:#1e5ad2;
	font-size: 32px;
	float: left;
	text-transform: uppercase;
	font-family: 'Arial';
}


.links .tit span{
	display: block;
	color:#333333;
	font-size: 14px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

.links ul{
	width: 1150px;

	overflow: hidden;
	margin-left: 25px;
	margin-top: 8px;
}
.links ul li{
	float: left;
	padding:0  10px;
	line-height: 25px;
	position: relative;
}

.links ul li:after{
	content: "";
	width: 1px;
	height: 14px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -7px;
	background: #808080;
}
.links ul li:last-child:after{
	width: 0;
	height: 0;
	overflow: hidden;
}
.links ul li a{
	color:#666666;
	font-size: 12px;
}