.banner .text .learmore a, .quick-product-item .lear a, .company-exhibition-box .learnmore a, .layout-info-item .more a {
    display:block;
    border:1px solid #fff;
    border-radius:50px;
    -webkit-transition:0.3s;
    transition:0.3s;
}

.banner .text .learmore a:hover, .quick-product-item .lear a:hover, .company-exhibition-box .learnmore a:hover, .layout-info-item .more a:hover {
    color:#fff;
    background-color:#52c3f1;
    border-color:#52c3f1;
}

.banner {
    position:relative;
    margin-top:1px;
}

.banner .pic {

}

.banner .pic img {
    -webkit-transition:8s;
    transition:8s;
}

.banner .swiper-slide-active img {
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
}

.banner video, .banner img {
    width:100%;
    vertical-align:top;
}

.banner .text {
    position:absolute;
    top:50%;
    left:20%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    color:#fff;
}

.banner .swiper-wrapper, .banner .swiper-slide {
    height:auto;
}

.banner .text h2, .banner .text p, .banner .text .learmore {
    opacity:0;
    -webkit-transform:translateY(20px);
    transform:translateY(20px);
    -webkit-transition:0.5s;
    transition:0.5s;
}

.banner .swiper-slide-active .text h2, .banner .swiper-slide-active .text p, .banner .swiper-slide-active .text .learmore {
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0);
}

.banner .text h2 {
    font-size:40px;
    line-height:50px;
}

.banner .text p {
    font-size:22px;
    margin:12px 0;
    transition-delay:0.2s;
}

.banner .text .learmore {
    width:106px;
    height:32px;
    line-height:32px;
    margin-top:34px;
    text-align:center;
    transition-delay:0.4s;
}

.banner .gs5 img { height:65px; width:auto;}

.banner .gs5 { padding-bottom:5px;}

.banner .text .learmore a {
    color:#Fff;
}

.banner .pic { position:absolute; width:100%; height:100%; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover;}

.banner, .banner .swiper-slide { height:500px;}

.swiper-button-prev-warp, .swiper-button-next-warp {
    position:absolute;
    z-index:9;
    top:0;
    width:15%;
    height:100%;
    -webkit-transition:0.2s;
    transition:0.2s;
}

.swiper-button-prev-warp, .swiper-button-next-warp {
    opacity:0.2;
}

.swiper-button-prev-warp:hover, .swiper-button-next-warp:hover {
    opacity:1;
}

.swiper-button-prev-warp {
    left:0;
}

.swiper-button-next-warp {
    right:0;
}

.swiper-button-prev-warp:hover {
    background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image:-o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image:linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-repeat:repeat-x;
}

.swiper-button-next-warp:hover {
    background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image:-o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image:linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-repeat:repeat-x;
}

.swiper-button-next, .swiper-button-prev {
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    outline:none;
}

.banner .swiper-pagination {
    bottom:20px;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
}

.banner .swiper-pagination-bullet {
    margin:0 8px;
    opacity:1;
    background-color:#fff;
}

.banner .swiper-pagination-bullet-active {
    background-color:#007aff;
}

.quick-pro-warp {
    position:absolute;
    min-width:226px;
    z-index:10;
    top:50%;
    right:20%;
    border-radius:5px;
    background-color:rgba(255, 255, 255, 0.9);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}

.quick-pro-warp.hover {
    border-radius:0 5px 5px 0;
}

.quick-pro-box {
    /* padding: 16px 16px 10px 0; */
    background:url('/assets/addons/cms/img/pro-bg.jpg') center/cover no-repeat;
}

.quick-pro-title {
    line-height:56px;
    font-size:18px;
    padding-left:44px;
    margin-left:16px;
    border-radius:5px 5px 0 0;
    color:#fff;
    background:url('/assets/addons/cms/img/t-icon.png') 10px/20px no-repeat;
}

.quick-pro-list {

}

.quick-pro-item {
    position:relative;
    padding-left:26px;
    line-height:54px;
    font-size:14px;
    /* border-top: 1px solid rgba(255,255,255,0.4); */
    transition:0.3s;
    background:url("/assets/addons/cms/img/p-prev-w.png") -16px/10px no-repeat;
}

.quick-pro-item:after {
    position:absolute;
    content:"";
    width:100%;
    height:1px;
    top:0;
    left:0;
    background-color:rgba(255, 255, 255, 0.4);
    transform:scaleY(0.5);
}

.quick-pro-item.hover {
    padding-left:56px;
    background-color:rgba(255, 255, 255, 0.22);
    background-position:28px;
}

.quick-pro-item a {
    display:block;
    color:#fff;
}

.quick-pro-item.hover a {
    color:#fff;
}

.quick-product-list {
    position:absolute;
    top:0;
    right:226px;
}

.quick-product-item {
    width:0;
    overflow:hidden;
    background-color:rgba(8, 74, 111, 0.9);
    -webkit-transition:0.6s;
    transition:0.6s;
}

.quick-product-item.show {
    width:564px;
}

.product-list {
    display:flex;
    width:564px;
    flex-wrap:wrap;
}

.product-item {
    position:relative;
    width:188px;
    height:122px;
    /* border-right: 1px solid #e9e9e9; */
}

.product-item:hover {
    background-color:rgba(8, 74, 111, 1);
}

.product-item:after, .product-item:before {
    position:absolute;
    content:"";
    right:0;
    bottom:0;
    background-color:rgba(255, 255, 255, 0.2);
}

.product-item:after {
    width:1px;
    height:100%;
}

.product-item:before {
    width:100%;
    height:1px;
}

.product-item:nth-child(3n):after {
    display:none;
}

.product-item a {
    position:relative;
    display:block;
    text-align:center;
    height:100%;
}

.product-item img {
    width:auto;
    margin-top:24px;
}

.product-item p {
    position:absolute;
    width:100%;
    text-align:center;
    bottom:20px;
    font-size:12px;
    color:#fff;
}

.quick-product-item .lear {
    width:188px;
    line-height:40px;
    font-size:14px;
    text-align:center;
    margin:20px auto;
}

.quick-product-item .lear a {
    color:#fff;
    border-radius:0;
    background-color:#0075c1;
    border-color:#0075c1;
}

.quick-product-item .lear a:hover {
    background-color:#0075c1;
    border-color:#0075c1;
}


.case-warp {
    border-top:1px solid #fff;
}

.case-list {
    overflow:hidden;
}

.case-item {
    position:relative;
    box-sizing:border-box;
    border-right:1px solid #fff;
    cursor:pointer;
    float:left; width:33.33%;

}

.case-item:last-child {
    border-right:none;
}

.case-item .pic {
    position:relative;
    overflow:hidden;
}

.threepic { background-position:-9999px -9999px; background-size:cover; background-repeat:no-repeat;}

.case-item .pic:before {
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    opacity:0;
    -webkit-transition:0.3s;
    transition:0.3s;
}

.case-item .pic:before {
    background-color:rgba(74, 144, 226, .5);
}

.case-item:hover .pic:before {
    opacity:1;
}

.case-item .pic img {
    width:100%;
    vertical-align:top;
    -webkit-transition:0.3s;
    transition:0.3s;
}

/* .case-item:hover .pic img{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
} */
.case-item .text {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}

.case-item .text h3 {
    font-size:18px;
    font-weight:bold;
    color:#fff;
}

.case-item .text h3 .icon {
    display:none;
    width:20px;
    height:20px;
    margin-left:8px;
    background:url('/assets/addons/cms/img/play-p.png') center/cover no-repeat;
}

.case-item.hover .text h3 .icon {
    display:inline-block;
}

.body-main {

}

.main-warp {
    background-color:#f2f2f2;
}

.exhibition {
    width:1200px;
    margin:auto;
    padding-top:66px;
}

.exhibition .enter {
    position:absolute;
    bottom:18px;
    right:22px;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    vertical-align:middle;
    border:1px solid #000;
}

.exhibition .enter .fa {
    font-size:30px;
    margin-top:-4px;
}

.exhibition .pic {
    overflow:hidden;
}

.exhibition .pic img {
    width:100%;
    vertical-align:top;
    -webkit-transition:0.8s;
    transition:0.8s;
}

.exhibition-t-l, .exhibition-t-r, .exhibition-b-item {
    cursor:pointer;
}

.exhibition-t-l:hover .pic img, .exhibition-t-r:hover .pic img, .exhibition-b-item:hover .pic img {
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
}

.exhibition-t {
    margin-bottom:20px;
}

.exhibition-t-l {
    width:443px;
    background-color:#fff;
}

.exhibition-t-l .news-warp {

}

.exhibition-t-l .news-title {
    font-size:18px;
    line-height:64px;
    padding-left:20px;
    color:#0283d7;
    background-color:#e5e5e5;
}

.exhibition-t-l .news-title h3 {
    font-weight:bold;
}

.exhibition-t-l .news-list {
    background-color:#fff;
}

.exhibition-t-l .news-list a {
    display:block;
    padding:10px 20px;
    color:#000;
    border-bottom:1px solid #e5e5e5;
}

.exhibition-t-l .news-list a:hover {
    color:#0283d7;
    background-color:#f9f9f9;
}

.exhibition-t-l .news-list .time {
    font-size:12px;
    margin-bottom:8px;
    color:#b1b1b1;
}

.exhibition-t-l .news-list .txt {
    font-size:14px;
    width:100%;
    height:24px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.exhibition-t-l .more {
    font-size:16px;
    padding:21px 20px;

    color:#9298a0;
    background-color:#fff;
}

.exhibition-t-l .more:hover {
    color:#0283d7;
}

.exhibition-t-l .more:hover p:after {
    border-left-color:#0283d7;
}

.exhibition-t-l .more p {
    position:relative;
}

.exhibition-t-l .more p:after {
    position:absolute;
    content:'';
    width:0;
    height:0;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    border-left:8px solid #a4a3a3;
    border-top:6px solid transparent;
    border-right:none;
    border-bottom:6px solid transparent;
}

.exhibition-t-r {
    position:relative;
    width:737px;
}

.exhibition-t-r .pic {

}

.exhibition-t-r .video {
    display:none;
    position:absolute;
    top:0;
    left:0;
}

.exhibition-t-r .video video {
    width:100%;
    vertical-align:top;
}

.exhibition-t-r .text {
    position:absolute;
    bottom:12%;
    left:10%;
    font-size:18px;
    color:#fff;
}

.exhibition-t-r .play {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:52px;
    height:52px;
    margin:auto;
}

.company-exhibition-warp {
    padding-top:50px;
}

.company-exhibition-box {
    max-width:1200px;
    margin:auto;
}

.company-exhibition-tit {
    font-size:18px;
    padding-left:20px;
    color:#0075c1;
}

.company-exhibition-list {
    display:flex;
    padding-top:30px;
}

.company-exhibition-item {
    width:32%;
    margin-right:2%;
    background-color:#fff;
    -webkit-transition:0.6s;
    transition:0.6s;
}

.company-exhibition-item:hover {
    box-shadow:0 0 15px #bdb7b7;
}

.company-exhibition-item:nth-child(3n) {
    margin-right:0;
}

.company-exhibition-item .pic {
    padding:24px 30px 14px;
    border-bottom:1px solid #f4f4f4;
}

.company-exhibition-item .pic img {
    max-width:100%;
}

.company-exhibition-item .text {
    position:relative;
    padding:20px 28px 30px 34px;
}

.company-exhibition-item .text .time {
    display:flex;
    padding-bottom:20px;
    justify-content:space-between;
}

.company-exhibition-item .text .time span {
    font-size:12px;
    color:#afafaf;
}

.company-exhibition-item .text .time .tit {
    font-size:14px;
    color:#464646;
}

.company-exhibition-item:hover .text .time .tit {
    color:#0283d7;
}

.company-exhibition-item .text .txt {
    max-width:236px;
    font-size:12px;
    line-height:24px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#464646;
}

.company-exhibition-item .text .r-arrow {
    position:absolute;
    width:14px;
    height:14px;
    bottom:28px;
    right:32px;
    background:url('/assets/addons/cms/img/r-arrow-g.png') center/14px no-repeat;
}

.company-exhibition-item:hover .text .r-arrow {
    background-image:url("/assets/addons/cms/img/r-arrow-b.png");
}

.company-exhibition-box .learnmore {
    width:160px;
    height:38px;
    text-align:center;
    line-height:38px;

    margin:50px auto;
}

.company-exhibition-box .learnmore a {

    border:1px solid #9c9c9c;
    color:#2d2d2d;
}


/*0802*/
.case-item .text { z-index:4;}

.case-item-bg { position:absolute; width:100%; height:100%; background:#000;opacity:0;-webkit-opacity:0;-moz-opacity:0; z-index:2;}

.case-item { position:relative; overflow:hidden;}

.case-item .pic { display:none;}

.case-item img {width:100%}

.case-item span { display:inline-block; width:55px; height:55px;}

.f1_1 { background:url(/assets/addons/cms/img/f_i_1.png) center no-repeat;}

.f1_2 { background:url(/assets/addons/cms/img/f_i_2.png) center no-repeat;}

.f1_3 { background:url(/assets/addons/cms/img/f_i_3.png) center no-repeat;}

.case-item span { background-size:40px auto !important;}

.case-item:hover .case-item-bg {opacity:0.3;-webkit-opacity:0.3;-moz-opacity:0.3;}

.case-item:hover img {transform:scale(1.03);-webkit-transform:scale(1.03);}

.case-item-bg, .case-item img {transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}

.z8videol { width:375px;}

.z8videor { width:780px; border-radius:5px;-webkit-border-radius:5px; overflow:hidden;}

.z8video a { display:block; vertical-align:top; position:relative; height:418px; width:100%;}

.z8vrslide p { color:#fff; font-size:18px; position:absolute; width:240px; z-index:6; left:30px; bottom:70px;}

.z8video { padding-top:50px;}

.videobtns { background:url(/assets/addons/cms/img/videobtns.png) center no-repeat; display:inline-block; width:60px; height:60px; position:absolute;left:50%; top:50%; margin-left:-30px; margin-top:-30px; z-index:5;}

.z8new { margin-top:50px; padding-bottom:100px;}

.z8newm { float:left; background:#f8f8f8; width:307px; padding:34px; margin-right:27px;}

.z8newmsub { font-size:14px; color:#0075c1; font-style:normal;}

.z8newmtit { font-size:16px; color:#333; line-height:28px;}

.z8newmtit i { font-size:12px; font-style:normal; color:#666;}

.z8newmtit { padding-right:85px; position:relative; margin-top:20px;}

.z8newmtit i { position:absolute; right:0; top:0;}

.z8newmore { color:#999; margin-top:30px; overflow:hidden;}

.z8new .m3 { margin:0;}

.z8newm:hover { background:#0075c1; }

.z8newm:hover .z8newmsub, .z8newm:hover .z8newmtit, .z8newm:hover .z8newmore, .z8newm:hover .z8newmtit i {color:#fff;}

.z8newm:hover .z8newmore span, .z8newm:hover .z8newmore i {transform:translateX(0);-webkit-transform:translateX(0);}

.case-item .text h3, .case-item .text span { position:relative;top:0;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}

.case-item:hover .text h3 { top:5px;}

.case-item:hover .text span { top:-5px;}

.case-item .text { text-align:center;}

.z8video a { cursor:pointer;}

.z8newmsub { display:none;}

.z8newmtit { margin:0;}

.z8newm h5 { padding:0 30px; color:#fff; line-height:42px;}

.z8newm.m1 h5 { background:#5f4ca1;}

.z8newm.m2 h5 { background:#4158a1;}

.z8newm.m3 h5 { background:#2e799f;}

.z8newm { padding:0; width:375px;}

.z8newjia { padding:30px;}

.z8newm {box-shadow:none;-webkit-box-shadow:none;}

.vid_js img {transition:1s ease;-webkit-transition:1s ease;}

.vid_js:hover img {transform:scale(1.05);-webkit-transform:scale(1.05);opacity:0.98;-webkit-opacity:0.98;}

.z8video video { position:absolute; left:0; top:0; z-index:3; width:100%;}

.z8video img { z-index:4; position:relative;}

.z8vrslide .swiper-slide-active { z-index:66;}

/*.banner, .banner .swiper-slide{ height:650px;}
@media screen and (max-width: 1600px){
	.banner, .banner .swiper-slide{ height:550px;}
	.case-item{ height:200px; overflow:hidden;}
}
@media screen and (max-width: 1440px){
	.banner, .banner .swiper-slide{ height:500px;}
	.case-item{ height:160px; overflow:hidden;}
}*/

@media screen and (max-width:1366px) {
    /*.top-nav-t{ padding-top:5px;}
    .nav-t-main .logo{ width:180px;}
    .top-nav-link-list a{ padding-bottom:15px; padding-top:5px;}
    .top-nav-link-list a span{ }
    .top-nav-link-list a .line{bottom:-2px;}
    .top-subnav-warp{ top:87px;}
    .banner, .banner .swiper-slide{ height:430px;}*/
    .banner .text h2 { font-size:35px;}

    .banner .gs5 img { height:45px;}

    .quick-pro-title { line-height:50px;}

    .quick-pro-item { line-height:50px;}

    .quick-pro-item { background-size:8px auto;}

    .product-item { height:109px;}

    .banner .swiper-button-next, .banner .swiper-button-prev { background-size:20px auto;}
}

ul {
    padding-left:0;
    padding-bottom:0;
    margin:0;
}

li {
    list-style:none;
}

.case-warp-ul {
    display:flex;
}

.case-warp-ul a {
    flex:1;
}

.case-warp-ul a img {
    width:100%;
}