.introduce{width:1190px;overflow: hidden; height:465px; margin:30px auto;}
.widRjknt{width:600px; height:480px; float:left; position:relative; }
.companyinfo{text-align: left}
.companyinfo ul li.tp{color:#0f3273; font-size: 36px; letter-spacing:0.05em;}
.companyinfo ul li.gp{color:#0f3273; font-size: 18px;  text-transform: uppercase; line-height:36px; font-family:Verdana, Geneva, sans-serif}


.Jibje{position:absolute; left:0px; top:90px; }
.Ttextb pre{font-size: 14px; line-height:25px;white-space: pre-wrap;  word-wrap: break-word;}
.Jibje .note{ position:absolute; left:0px; top:268px; width:600px; }
.Jibje .note li{ float:left; display:block; width:24.5%; line-height:35px;text-align:center}
.Jibje .note li span{ color:#f3ad00; font-weight:bold; font-size:24px; font-family:Verdana, Geneva, sans-serif; }

.VIEW{padding-top:5vw;}
.VIEW a{ color:#fff000; text-decoration:underline; font-weight: bold; font-size: 14px; text-transform: uppercase}
.Rghht{width:550px; height:422px; float:right; }
.video-div video{display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
    z-index: 2;
    background: #f9f9f9;
}

.service{width: 100%; height:620px; background: url("../image/bg-2.jpg") center top no-repeat;}
.staff{width: 100%; height:480px; background: url("../image/bg-3.jpg") #f0f0f0 center top no-repeat;}
.honor{width: 100%; height:480px; background: url("../image/bg-4.jpg") #ffffff center top no-repeat;}
.Gflmlm{width: 100%; margin-top:25px; }
.Gflmlm li{ width:24.5%; float:left;}
.Gflmlm .stitle{ line-height:46px; font-weight:bold; font-size:16px}
.Gflmlm .sinfo{ line-height:20px; padding-right:15px}
.Gflmlm .smore{ font-family:Verdana, Geneva, sans-serif; line-height:50px; font-size:14px}
.Gflmlm .smore a:link,.Gflmlm .smore a:visited,.Gflmlm .smore a:hover{ color:#005cc1;font-size:14px}

.HOnknr{width:1190px; margin: auto; height:100%;}
.Tehun-tle{padding-top:60px; text-align: center}
.Tehun-tle ul li.tp{color:#FFFFFF; font-size: 36px; letter-spacing:0.05em; }
.Tehun-tle ul li.gp{color:#7f8cb9; font-size: 18px;  text-transform: uppercase; line-height:36px; font-family:Verdana, Geneva, sans-serif}






@-webkit-keyframes gogogo {

    0%{

        -webkit-transform:translateY(-20px) translateX(-20px); rotate(-5deg);
    }
    50%{
        -webkit-transform:rotate(0deg) translateY(20px) translateX(30px); ;
    }
    100%{
        -webkit-transform:translateY(5px) translateX(40px); rotate(0deg);
    }
}

.imgshowlist ul li.on1:after{-webkit-animation:ccc 2s infinite linear ; }

@-webkit-keyframes ccc {

    0%{

        -webkit-transform: rotate(0deg) translateY(-0px) translateX(-70px);;
    }
    50%{
        -webkit-transform:rotate(-5deg) translateY(0px) translateX(200px) ;
    }
    100%{
        -webkit-transform: rotate(0deg) translateY(-5px) translateX(200px);;
    }
}

.imgshowlist ul li.on2:after{-webkit-animation:ddd 2s infinite linear ; }

@-webkit-keyframes ddd {

    0%{

        -webkit-transform: rotate(-10deg) translateY(-50px) translateX(-20px);;
    }
    50%{
        -webkit-transform:rotate(-32deg) translateY(55px) translateX(20px) ;
    }
    100%{
        -webkit-transform: rotate(0deg) translateY(55px) translateX(40px);;
    }
}
.imgshowlist ul li.on3:after{-webkit-animation:eee 2s infinite linear ; }

@-webkit-keyframes eee {

    0%{

        -webkit-transform: rotate(-15deg) translateY(50px) translateX(-70px);;
    }
    50%{
        -webkit-transform:rotate(8deg) translateY(-60px) translateX(70px) ;
    }
    100%{
        -webkit-transform: rotate(0deg) translateY(-60px) translateX(70px);;
    }
}


.imgshowlist ul li.on4:after{-webkit-animation:zzz 2.5s infinite linear ; }

@-webkit-keyframes zzz {

    0%{

        -webkit-transform: rotate(0deg) translateY(-30px) translateX(-30px);;
    }
    50%{
        -webkit-transform:rotate(-10deg) translateY(60px) translateX(55px) ;
    }
    100%{
        -webkit-transform: rotate(0deg) translateY(60px) translateX(30px);;
    }
}


.imgshowlist ul li p{width: 100%; height: 200px; background: #0061ae; border-radius: 200px;display: table; position: absolute; left: 0;top:0%;color:#fff; line-height: 25px; padding: 35px; text-align: center; opacity: 0;  transition: all 0.5s; transform: scale(0)}
.imgshowlist ul li p span{ display: table-cell; vertical-align: middle; color:#fff; font-size: 14px;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3; overflow: hidden}
.imgshowlist ul li:hover p{opacity: 1;  top:0; transform: scale(1)}
.imgshowlist ul li:nth-child(1){animation-delay: 0.6s}
.imgshowlist ul li:nth-child(2){animation-delay: 0.5s}
.imgshowlist ul li:nth-child(3){animation-delay: 0.4s}
.imgshowlist ul li:nth-child(4){animation-delay: 0.3s}
.imgshowlist ul li:nth-child(5){animation-delay: 0.2s}
.imgshowlist ul li:nth-child(6){animation-delay: 0.1s}



.FieldBox{width: 100%; background: #f4f4f4; }
.Pmnkrn{width: 1300px; background: #f4f4f4; margin: auto;padding: 25px 0; overflow: hidden}
.telet-left{ float:left}
.telet-left ul li p{color:#222222; font-size: 28px; font-weight: bold}
.telet-left ul li span{display: block;position: relative; color:#e8e8e8; font-size: 46px; font-weight: bold; text-transform: uppercase}
.telet-left ul li span:after{content: ''; width: 40px; height: 3px; background: #0061ae; position: absolute; left: 0; top:50%; margin-top:-1px;}
.Tab-rugt{float:right; padding-top:40px;}
.Tab-rugt ul li{background: #0061ae; padding: 2px;}
.Tab-rugt ul li span{display: inline-block; width: 115px; height: 40px; text-align: center; ;line-height: 40px; color:#0061ae; font-size: 14px; cursor: pointer; background: #fff}
.Tab-rugt ul li span.on{background: #0061ae; color:#fff}
.Gpjkbjnr{width: 100%; height: 820px; background: url("../image/bg-g1.jpg") no-repeat;background-size: cover}
.Gloopr{width: 100%; height: 820px; background: url("../image/bg-n1.jpg") no-repeat;background-size: cover}
.GPnknrj{width: 1300px; margin: auto; padding-top:90px; overflow: hidden}
.GPnknrj ul li{width: 320px; height: 320px; border-radius: 100%; float:left; padding: 20px; text-align: center;  position: relative; overflow: hidden}
.GPnknrj ul li img{ display: block; margin: auto;margin-top:40px;}
.GPnknrj ul li a{position: relative; z-index: 2;display: block}
.GPnknrj ul li p{color:#fff; font-size: 20px; padding:25px 0}
.GPnknrj ul li span{color:#fff; display: block; font-size: 14px;padding: 0 25px; line-height: 25px; display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical; overflow: hidden;}
.GPnknrj ul li em{width: 100%; height: 100%; background: #00438E; opacity: 0; position: absolute; transform: scale(0); transition: all 0.5s; top:0;left: 0; border-radius: 100%; z-index: 1}
.GPnknrj ul li:hover em{transform: scale(1);opacity:1}
.GPnknrj:nth-child(1) ul li:nth-child(1){animation-delay: 0.1s; animation-name: slideInUp;}
.GPnknrj:nth-child(1) ul li:nth-child(2){animation-delay: 0.2s;animation-name: slideInUp;}
.GPnknrj:nth-child(1) ul li:nth-child(3){animation-delay: 0.3s;animation-name: slideInUp;}
.GPnknrj:nth-child(1) ul li:nth-child(4){animation-delay: 0.4s;animation-name: slideInUp;}
.GPnknrj:nth-child(1) ul li:nth-child(5){animation-delay: 0.5s;animation-name: slideInUp;}
.GPnknrj:nth-child(1) ul li:nth-child(6){animation-delay: 0.6s;animation-name: slideInUp;}
.GPnknrj:nth-child(1) ul li:nth-child(7){animation-delay: 0.7s;animation-name: slideInUp;}
.GPnknrj:nth-child(1) ul li:nth-child(8){animation-delay: 0.8s;animation-name: slideInUp;}
.Goodsbvox{width: 100%; background: #f4f4f4; overflow: hidden}


.picScroll-left{ width:100%; position:relative;overflow: inherit !important   }
.picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .pgk{width: 1250px; margin: auto; overflow: hidden}
.picScroll-left .pgk ul{ overflow:hidden; zoom:1; }
.picScroll-left .pgk ul li{ width:380px; height: 500px; margin-right:55px; float:left; _display:inline; overflow:hidden; text-align:center;  position: relative}
.picScroll-left .pgk ul li .pic{ text-align:center; }
.picScroll-left .pgk ul li .pic img{ width:380px; height:420px; display:block;  }
.picScroll-left .pgk ul li .title{ line-height:80px;  color:#222222; font-size: 16px; text-align: center}
.picScroll-left .pgk ul li:last-child{margin-right: 0}
.Tko_bibc{width: 1350px; margin: auto}
.hd a{display: block;width: 50px; height: 50px; position: absolute; top:50%; margin-top:-25px;transition: all 0.5s;border-radius: 100%}
.hd a.next{background: url("404.png") no-repeat center; right:-25px; }
.hd a.prev{background: url("404.png") no-repeat center; left: -25px}
.hd a.next:hover{background:#0061ae url("404.png") no-repeat center; right:-25px;}
.hd a.prev:hover{background:#0061ae url("404.png") no-repeat center; left: -25px;}
.hovpi{background: rgba(0,97,174,0.9); position: absolute; left:0 ; padding: 20px; width: 100%; height: 100%; top:-100%; transition: all 0.5s}
.hovpi a span{display: block; color:#fff; font-size: 22px; text-align: left; padding: 50px 0}
.hovpi a em{display: block; color:#fff; font-size: 14px; line-height: 30px; text-align: left}
.hovpi a i{color:#fff000; font-size: 14px; text-transform: uppercase; font-weight: bold; display: inline-block; float:left; position: absolute; bottom:50px; left:20px;text-decoration:underline}
.picScroll-left .pgk ul li:hover .hovpi{top:0}

.Clpnrt-rugt{float:right; padding-top:40px;}
.Clpnrt-rugt ul li{background: #0061ae; padding: 2px;}
.Clpnrt-rugt ul li span{display: inline-block; width: 115px; height: 42px; text-align: center; ;line-height: 40px; color:#0061ae; font-size: 14px; cursor: pointer; background: #fff}
.Clpnrt-rugt ul li span.on{background: #0061ae; color:#fff}



.Yejmklnr{float:right; padding-top:40px;}
.Yejmklnr ul li {padding: 2px;}
.Yejmklnr ul li span{display: inline-block; width: 115px; height: 42px; text-align: center; ;line-height: 40px; color:#fff; font-size: 14px; cursor: pointer}
.Yejmklnr ul li span.on{background: #f4f4f4; color:#0061ae}
.Pmnkrn2{background: none}
.FPmjolfk{width: 100%; background: url("../image/gp.jpg"); padding:50px 0}
.Tamknr{width: 1350px; margin: auto; position: relative}
.Pmnktnk{width: 1280px; margin: auto; transition: all 0.5s}
.Pmnktnk ul li{position: relative; float:left; width: 1280px !important;}
.Pmnktnk ul li .pgfr{width: 280px; height: 220px; position: relative; margin-right:50px; float:left; margin-top:20px; overflow: hidden; transition: all 0.5s}
.Pmnktnk ul li .pgfr:nth-child(4n){margin-right: 0; transition: all 0.5s}
.Pmnktnk ul li .pgfr p{color:#fff; font-size: 16px; position:absolute; left: 0;width: 80%; text-align: center; padding: 10px 20px; background: rgba(0,0,0,0.5); bottom: 0; opacity: 1; transition: all 0.5s; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.Pmnktnk ul li .pgfr:nth-child(5){height: 280px; transition: all 0.5s}
.Pmnktnk ul li .pgfr:nth-child(6){height: 280px; }
.Pmnktnk ul li .pgfr:nth-child(7){height: 280px; transition: all 0.5s}
.Pmnktnk ul li .pgfr:nth-child(8){height: 280px; transition: all 0.5s}

.Pmnktnk ul li .pgfr img{width: 100%; height: 280px;}
.Pmnktnk ul li .pgfr.on{overflow: inherit; transition: all 0.5s}
.Pmnktnk ul li .pgfr .pg{height: auto; transition: all 0.5s}
.Pmnktnk ul li .pgfr.on .pg{height: 280px; position: absolute; left: 0; top:0; overflow: hidden; transition: all 0.5s; width: 280px;}
.Pmnktnk ul li .pgfr a{background: rgba(0,67,147,0.8); position: absolute; left: 0; bottom:-100%; z-index: 5; height: 100%; padding: 30px; transition: all 0.5s; width: 100%}
.Pmnktnk ul li .on a{bottom: 0}
.Pmnktnk ul li .on p{opacity: 0}
.Pmnktnk ul li .pgfr a em.e1{display: block; color:#fff; font-size: 22px;}
.Pmnktnk ul li .pgfr a em.e2{display: block; color:#fff; font-size: 14px; padding-top:40px; line-height: 30px;}
.Pmnktnk ul li .pgfr a em.e3{color:#fff000; font-size: 14px; font-weight: bold; text-decoration: underline; position: absolute; bottom: 20px; left: 30px; text-transform: uppercase}
.Pmnktnk ul li .pgfr.pou .pg{height: 220px; overflow: hidden; margin-top:80px; transition: all 0.5s}

.pnkrn{float:right; padding-top:40px;}
.pnkrn ul li{background: #0061ae; padding: 2px;}
.pnkrn ul li span{display: inline-block; width: 115px; height: 42px; text-align: center; ;line-height: 40px; color:#0061ae; font-size: 14px; cursor: pointer; background: #fff}
.pnkrn ul li span.on{background: #0061ae; color:#fff}
.GFponkr2 ul li{padding-left: 20px !important;}

.Pmnktnk ul li.pot .pgfr{height:380px;transition: all 0.5s}

.Pmnktnk ul li.pot .pgfr:nth-child(5){height: 220px; transition: all 0.5s}
.Pmnktnk ul li.pot .pgfr:nth-child(6){height: 220px; transition: all 0.5s}
.Pmnktnk ul li.pot .pgfr:nth-child(7){height: 220px; transition: all 0.5s}
.Pmnktnk ul li.pot .pgfr:nth-child(8){height: 220px; transition: all 0.5s}

.Pmnktnk ul li.pot .pgfr:nth-child(5).on{  height: 280px;  margin-top:-140px;  transition: all 0.5s}
.Pmnktnk ul li.pot .pgfr:nth-child(6).on{  height: 280px;  margin-top:-140px; transition: all 0.5s }
.Pmnktnk ul li.pot .pgfr:nth-child(7).on{  height: 280px;  margin-top:-140px; transition: all 0.5s }
.Pmnktnk ul li.pot .pgfr:nth-child(8).on{  height: 280px;  margin-top:-140px; transition: all 0.5s }
.Pmnktnk ul li.pot .pgfr.pou .pg{
    margin-top:0;
    right: auto;
    transition: all 0.5s;
}
.Pmnktnk ul li.ds .pgfr{height:380px;transition: all 0.5s}

.Pmnktnk ul li.ds .pgfr:nth-child(4){height: 220px; transition: all 0.5s}
.Pmnktnk ul li.ds .pgfr:nth-child(5){height: 220px; transition: all 0.5s}
.Pmnktnk ul li.ds .pgfr:nth-child(6){height: 220px; transition: all 0.5s}

.Pmnktnk ul li.ds .pgfr:nth-child(4).on{  height: 280px;  margin-top:-140px;  transition: all 0.5s}
.Pmnktnk ul li.ds .pgfr:nth-child(5).on{  height: 280px;  margin-top:-140px; transition: all 0.5s }
.Pmnktnk ul li.ds .pgfr:nth-child(6).on{  height: 280px;  margin-top:-140px; transition: all 0.5s }
.Pmnktnk ul li.ds .pgfr.pou .pg{
    margin-top:0;
    right: auto;
    transition: all 0.5s;
}
.Gbor a{display: block;width: 50px; height: 50px; position: absolute; top:50%; margin-top:-25px;transition: all 0.5s;border-radius: 100%}
.Gbor a.next{background: url("404.png") no-repeat center; right:-25px; }
.Gbor a.prev{background: url("404.png") no-repeat center; left: -25px}
.Gbor a.next:hover{background:#0061ae url("404.png") no-repeat center; right:-25px;}
.Gbor a.prev:hover{background:#0061ae url("404.png") no-repeat center; left: -25px;}


.Newsbox{width: 100%; background: #f4f4f4; padding: 50px 0}
.indexNews{width: 100%; height:680px; background: url("../image/bg-4.jpg") #ffffff center top no-repeat;}
.left-mighsow{width:49.5%; float:left; overflow: hidden;}
.left-mighsow ul li span.sn1{display: block; width: 100%; height: 375px; overflow: hidden; }
.left-mighsow:hover span.sn1 img{transform: scale(1.1)}
.left-mighsow ul li span.sn1 img{width: 100%; height: 100%;transition: all 0.5s}
.left-mighsow ul li p.p1{width: 100%; overflow: hidden; height: 140px;}
.left-mighsow ul li p.p1 span.df1{width: 120px; height: 140px; display: block; float:left; text-align: center; font-weight: bold;color:#b0b0b0; border-right: 1px solid #f0f0f0}
.left-mighsow ul li p.p1 span.df1 b{color:#333333; font-size: 46px; display: block; padding-top:20px;}
.left-mighsow ul li p.p1 span.df2 em{display: block; color:#222222; font-size: 18px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;  padding-top:40px; padding-right: 20px; padding-left: 20px;}
.left-mighsow ul li p.p1 span.df2 i{display: block; color:#999999; font-size: 14px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;  padding-top:10px; padding-right: 20px; padding-left: 20px;}
.right-list{width: 49.5%; float:left; padding-left: 40px;}
.right-list ul li{margin-bottom:20px;}
.right-list ul li p.p1{width: 100%; overflow: hidden; height: 130px; background: #fff;transition: all 0.5s}
.right-list ul li p.p1 span.df1{width: 120px; height: 140px; display: block; float:left; text-align: center; font-weight: bold;color:#b0b0b0; border-right: 1px solid #f0f0f0;transition: all 0.5s}
.right-list ul li p.p1 span.df1 b{color:#333333; font-size: 46px; display: block; padding-top:20px;transition: all 0.5s}
.right-list ul li p.p1 span.df2 em{display: block; color:#222222; font-size: 18px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;  padding-top:40px; padding-right: 20px; padding-left: 20px;transition: all 0.5s}

.right-list ul li p.p1 span.df2 i{display: block; color:#999999; font-size: 14px; overflow:hidden; padding-top:10px; padding-right: 20px; padding-left: 20px;transition: all 0.5s; line-height:22px}

.right-list ul li a.ad{color:#fff; text-transform: uppercase; font-size: 14px; height: 40px; border-radius: 40px; width: 160px; display: block; line-height: 40px; text-align: center; background: #0061ae; margin-top:30px; transition: all 0.5s}
.right-list ul li a.ad:hover{background: none; border: 2px solid #0061ae; color:#0061ae}
.right-list ul li:hover p{background: #0061ae; box-shadow: 0 0 10px #ccc; transform: scale(1.05)}
.right-list ul li:hover p span.df1{color:#DDD; border:1px solid #3a96de}
.right-list ul li:hover p span.df1 b{color:#fff}
.right-list ul li:hover p span.df2 i{color:#DDD}
.right-list ul li:hover p span.df2 em{color:#fff}

.banner-x{width: 100%; overflow:hidden;}
.banner-x img{width: 100%; display: block;}
.Gongyong{width: 1280px; margin: auto;}
.naverji{width: 280px; float:left}
.boxobg{width: 100%; overflow: hidden; background: #f4f4f4; position: relative; padding-top:30px}
.yicnav{width: 100%; background: #0061ae; height: 120px; position: relative;}
.yicnav ul li span{color:#fff; font-size: 30px; display: block ; text-align: center; line-height: 120px; font-weight: bold; position: relative; z-index: 2; background: url("../image/xl.png") no-repeat 80% center; }
.yicnav ul li p{position: absolute;  color:#086fc1; font-size: 60px; font-weight: bold; text-transform: uppercase; font-family: "060 CAI978"; right: 10px; text-align: center; top:50%; margin-top:-40px}
.ysry{height: 120px; position: absolute; left: 0; top:0; background:#0061ae}
.ysry2{height: 100%; position: absolute; right: 0; top:0; background:#fff}
.GFponkr ul li{width: 100%; border-left:1px solid #dddddd; border-bottom: 1px solid #ddd;  line-height: 100px; padding-left: 90px}
.GFponkr ul li a{color:#333; font-size: 16px;}
.GFponkr ul li.on a{color:#0061ae; background: url("404.png") no-repeat right center; padding-right: 30px; background-size: 10px;}
.GFponkr ul li.gk a{color:#0061ae; background: url("../image/icon-c2.png") no-repeat right center; padding-right: 30px; background-size: 16px;}
.right-bosn{width: 1000px; float:left; background: #fff; padding-left: 60px; min-height: 800px; }
.top-gongy{width: 100%; height: 120px; border-bottom: 1px solid #dddddd; padding-right:10px}
.top-gongy ul li b{color:#333333; font-size: 26px; line-height: 120px; padding-left: 30px; position: relative;display: inline-block; overflow: hidden; white-space: nowrap}
.top-gongy ul li b:after{content: ''; width: 20px; height: 20px; border-radius: 100%; border:2px solid #086fc1; position: absolute; left: 0; top:50%; margin-top:-10px;}
.top-gongy ul li b:before{content: ''; width: 10px; height: 10px; border-radius: 100%; border:2px solid #086fc1; position: absolute; left: 5px; top:50%;margin-top:-5px;}
.top-gongy ul li p{float:right; line-height: 120px; color:#888888}
.top-gongy ul li p a{ color:#888888}
.Gklnkjmnlr{width: 100%; overflow: hidden; height: 400px; position: relative; margin-top:50px;}
.Gnkm{width: 100%; height: 400px; position: relative}
.Gnkm ul li{position: relative}
.Gnkm ul li img{width: 100%; height: 400px;}
.Gnkm ul li p{width: 100%; position: absolute; left:0; text-align: center; z-index: 66; color:#fff; font-size: 16px; background: rgba(0,0,0,0.5); bottom: 0; height: 40px; line-height: 40px;}
.Gnkm ul li p span{width: 700px; margin: auto; overflow: hidden}


.FJonr a{display: block;width: 11px; height: 22px; position: absolute; bottom:7px;transition: all 0.5s;border-radius: 100%; z-index: 999}
.FJonr a.next{background: url("404.png") no-repeat center; right:50px; }
.FJonr a.prev{background: url("404.png") no-repeat center; left:50px}
.Jine{width: 100%; line-height: 30px; font-size: 16px; padding-top:50px; color:#444; padding-bottom: 100px;}
.zmenu{padding:0 65px; overflow: hidden; width: 100%; background: #f2f2f2; height: 60px; margin-top:50px; position: relative}
.Jine p span{font-size:14px;}
.gjnknkre{width: 100%; height: 60px;  overflow: hidden}
.gjnknkre ul li{float:left}
.gjnknkre ul li a{display: inline-block; padding: 0 20px; color:#666666; font-size: 14px; line-height: 60px; font-weight: bold}
.gjnknkre ul li a.on{background: #0061ae; color:#fff;}
.zip{width: 65px; height: 60px; position: absolute; top:0}
.swiper-button-next{background:url("404.png") no-repeat center;left: 0;  }
.swiper-button-prev{background:url("404.png") no-repeat center;right: 0;  }
.swiper-button-next:hover{background:url("404.png") no-repeat center;left: 0;  }
.swiper-button-prev:hover{background:url("404.png") no-repeat center;right: 0;  }
.Gonkme{width: 100%; line-height: 30px; font-size: 16px; padding-top:50px; color:#444444; padding-bottom: 50px;}
.imgnonr{width: 100%; overflow: hidden}
.imgnonr ul li{width: 290px; height: 210px; float:left;margin-right: 35px; position: relative; margin-bottom: 35px;}
.imgnonr ul li:nth-child(3n){margin-right: 0}
.imgnonr ul li img{width: 290px; height: 210px; }
.imgnonr ul li p{width: 100%; height: 100%; text-align: center; padding: 10px; background: rgba(0,97,147,0.8); position: absolute; left: 0; top:0; transition: all 0.5s; transform: scale(0); color:#fff; line-height: 210px; font-size: 15px;}
.imgnonr ul li:hover p{transform: scale(1)}
.jiaovcmkle{width: 100%; overflow: hidden; margin-bottom: 50px;margin-top:50px;}
.jiaovcmkle span{width: 290px; margin: auto; height: 50px; border-radius: 50px; border:1px solid #dddddd; text-align: center; line-height: 50px; display: block; font-size: 14px; color:#0061ae; background: url("../image/jiazai.jpg") no-repeat 100px center; padding-left: 30px;cursor: pointer}
table tbody td{border:1px solid #ccc; vertical-align: middle}

body.none {
    overflow-x: hidden;
    overflow-y: hidden;
}
.LookPicture *:before,
.LookPicture *:after {
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    content: "";
}
.LookPicture {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.LookPicture * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.LookPicture_Background {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 19960924;
    width: 100%;
    height: 100%;
    background-color: #000;
    display: none !important;
}
.LookPicture {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 19960925;
    width: 100%;
    height: 100%;
    display: none;
}
.LookPicture .Look_Close {
    position: absolute;
    right: 20px;
    top: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 19960925;
}
.LookPicture .Look_Close:before,
.LookPicture .Look_Close:after {
    background-color: #fff;
    width: 30px;
    height: 8px;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    top: 17px;
    left: 5px;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.LookPicture .Look_Close:hover:before,
.LookPicture .Look_Close:hover:after {
    box-shadow: 0 0 10px #66ccff;
    -moz-box-shadow: 0 0 10px #66ccff;
    -webkit-box-shadow: 0 0 10px #66ccff;
}
.LookPicture .Look_Close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.LookPicture .Look_Close:after {
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg);
}
.LookPicture .Look_img {
    display: none;
    position: absolute;
    max-width: 85%;
    max-height: 85%;
    top: 50%;
    left: 50%;
    z-index: 19960924;
    box-shadow: 0 0 20px #000;
    -moz-box-shadow: 0 0 20px #000;
    -webkit-box-shadow: 0 0 20px #000;
    border: 0;
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.LookPicture .Look_img:hover {
    box-shadow: 0 0 20px #000000;
    -moz-box-shadow: 0 0 20px #000000;
    -webkit-box-shadow: 0 0 20px #000000;
}
.LookPicture .Look_img.Look_Show {
    display: block;
}
.LookPicture .Look_before {
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    width: 70px;
    height: 70px;
    z-index: 19960926;
    left: 50px;
    top: 50%;
    margin-top: -35px;
    cursor: pointer;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.LookPicture .Look_before:before,
.LookPicture .Look_before:after {
    left: 0;
    width: 57px;
    height: 5px;
    background-color: #fff;
    border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.LookPicture .Look_before:before {
    top: 50px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.LookPicture .Look_before:after {
    top: 13px;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg);
}
.LookPicture .Look_before:hover {
    left: 40px;
}
.LookPicture .Look_before:hover:before,
.LookPicture .Look_before:hover:after {
    box-shadow: 0 0 20px #66ccff;
    -moz-box-shadow: 0 0 20px #66ccff;
    -webkit-box-shadow: 0 0 20px #66ccff;
}
.LookPicture .Look_next {
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    width: 70px;
    height: 70px;
    z-index: 19960926;
    right: 50px;
    top: 50%;
    margin-top: -35px;
    cursor: pointer;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.LookPicture .Look_next:before,
.LookPicture .Look_next:after {
    left: 0;
    width: 57px;
    height: 5px;
    background-color: #fff;
    border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.LookPicture .Look_next:before {
    top: 50px;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg);
}
.LookPicture .Look_next:after {
    top: 13px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.LookPicture .Look_next:hover {
    right: 40px;
}
.LookPicture .Look_next:hover:before,
.LookPicture .Look_next:hover:after {
    box-shadow: 0 0 20px #66ccff;
    -moz-box-shadow: 0 0 20px #66ccff;
    -webkit-box-shadow: 0 0 20px #66ccff;
}
.Look_Open {
    display: block !important;
}
.leftimgbx{width: 390px; float:left; margin-top: 50px;}
.leftimgbx img{margin-top:30px; margin-left: 30px;}
.leftimgbx{width: 360px; height: 470px; background: #0061ae}
.jnolrnr{width: 500px; float:right}
.Gkbrk{width: 100%; position: relative}
.Gkbrk ul{background: url("../image/faz.jpg") no-repeat center;height: 656px;}
.Gkbrk ul:nth-child(1){background: url("../image/faz.jpg") no-repeat center bottom; margin-top:150px; }
.Gkbrk ul li{width: 100%; position: relative; height: 160px; margin-bottom: 20px;}

.Gkbrk ul li.g1 div.Textbf{width: 350px; height: 160px; border-radius: 5px; background: #0061ae; position:absolute; padding: 0 20px; padding-top:30px; top:-100px; left: 261px; transition: all 0.5s}
.Gkbrk ul li div.Textbf b{display: block;color:#fff; font-size: 36px}
.Gkbrk ul li div.Textbf em{color:#fff; line-height: 25px; font-size: 14px; margin-bottom:50px;  height: 50px;display: block; overflow: hidden; transition: all 0.5s}

.Gkbrk ul li div.Textbf:after{content: ""; width: 105px; height: 2px; background: #0061ae; position: absolute; right: -105px; top:79px;}
.Gkbrk ul li div.Textbf:before{content: ''; width: 30px; height: 32px; background: url("../image/hq.png") no-repeat; position: absolute; right:-145px; top:65px;}

.Gkbrk ul li.g2 div.Textbf{width: 350px; height: 160px; border-radius: 5px; background: #0061ae; position:absolute; padding: 0 20px; padding-top:30px; top: -50px;  left: -32px; transition: all 0.5s}
.Gkbrk ul li.g0 div.Textbf{width: 350px; height: 160px; border-radius: 5px; background: #0061ae; position:absolute; padding: 0 20px; padding-top:30px; top:-20px; left: 453px; transition: all 0.5s}
.Gkbrk ul li.g0 div.Textbf:after{content: ""; width: 105px; height: 2px; background: #0061ae; position: absolute;right:inherit;left: -105px; top:79px;}
.Gkbrk ul li.g0 div.Textbf:before{content: ''; width: 30px; height: 32px; background: url("../image/hq.png") no-repeat; position: absolute; right:inherit;left: -145px; top:65px;}

.Gkbrk ul li div.Textbf.pgl{height: 210px !important; transition: all 0.5s; z-index: 9}
.Gkbrk ul li div.Textbf.pgl em{height: 125px;}
.Gkbrk ul li div.Textbf em.pgl2{overflow-y: scroll}
.Gkbrk ul li div.Textbf:hover{transition: all 0.5s; transform: scale(1.01)}
.Tkhnrkrnk{width: 100%; line-height: 25px; color:#333333; font-size: 16px;padding-top: 50px;}
.Tkhnrkrnk .img{max-width: 100%}
.olbiox{width: 280px; background: #00438E; margin-left: -90px;padding: 10px 0; padding-left: 90px; line-height: 40px; opacity: 0; margin-top:-50px; z-index: -5; position: absolute;transition: all 0.5s}

.GFponkr ul li ol.olbiox a{color:#fff; display: block; background: none}
.GFponkr ul li ol.olbiox a.gf{color:#fff000; background:none}
.GFponkr ul li.gk ol.olbiox{margin-top:0px; z-index:2; position: relative; opacity: 1; transition: all 0.5s}
.Goods-lsit{position: relative; z-index: 2}
.Goods-lsit ul li{width: 290px; float:left; box-shadow: 0 2px 10px #c4daec; margin-top:30px; margin-right: 35px; transition: all 0.5s}
.Goods-lsit ul li:hover{transform: scale(1.03); transition: all 0.5s}
.Goods-lsit ul li:hover img{transform: scale(1.03); transition: all 0.5s}
.Goods-lsit ul li span{width: 100%; height: 320px; overflow: hidden;display: block}
.Goods-lsit ul li:nth-child(3n){margin-right: 0}
.Goods-lsit ul li a img{width: 100%; height: 320px;}
.Goods-lsit ul li a p{width: 100%; overflow: hidden; text-align: center;  line-height: 70px; text-overflow: ellipsis; white-space: nowrap; color:#222222; font-size: 15px; }
.imgboxgr{width: 100%; overflow: hidden;margin: auto}
.imgboxgr img{width: 100%; margin: auto; }
.igvodeo{width: 800px; height: 500px; margin: auto}
.ginrlr{width: 100%; color:#444444; line-height: 30px; padding-top:30px; min-height: 600px;font-family: "微软雅黑"}
.ginrlr p{font-size:16px;}
.ginrlr h2{color:#333; font-size: 18px; font-weight: bold; width: 100%; text-align: center}
.anli-lsit{position: relative; z-index: 2}
.anli-lsit ul li{width: 290px;height: 290px; overflow: hidden; float:left;  margin-top:30px; margin-right: 35px; transition: all 0.5s; position: relative}
.anli-lsit ul li:hover img{transform: scale(1.03); transition: all 0.5s}
.anli-lsit ul li span{width: 100%; height: 320px; overflow: hidden;display: block}
.anli-lsit ul li:nth-child(3n){margin-right: 0}
.anli-lsit ul li a img{width: 100%; height: 290px; transition:  all 0.5s}
.anli-lsit ul li a p.p1{overflow: hidden; text-align: center;  line-height: 40px; text-overflow: ellipsis; white-space: nowrap;font-size: 15px; position: absolute; bottom: 0; left: 0;width:100%; padding: 0 20px; color:#fff; background: rgba(0,0,0,0.5)}
.anli-lsit ul li a p.p2{width: 100%; height: 100%; position: absolute; padding: 30px; background: rgba(0,97,174, 0.8); top:100%; left: 0; transition: all 0.5s}
.anli-lsit ul li a p.p2 em{color:#fff; font-size: 18px; padding: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: block}
.anli-lsit ul li a p.p2 i.i1{color:#fff; font-size: 14px; padding-top:20px; line-height: 25px;display: block}
.anli-lsit ul li a p.p2 i.i2{position: absolute; bottom: 30px; left: 30px; color:#fff000; font-size: 14px; font-weight: bold; text-transform: uppercase}
.anli-lsit ul li:hover p.p2{top:0}
.xiyibr{width: 100%; background: #f2f2f2; height: 50px;}
.xiyibr ul li a,.xiyibr ul li span{display: block; float:left; width: 40.3%; line-height: 50px; text-align: center; color:#888888; cursor: pointer;height: 50px;}
.xiyibr ul li a{display: block; float:left; width: auto; line-height: 50px; text-align: center; color:#888888; cursor: pointer;height: 50px;}
.xiyibr ul li a.sa1{background: url("404.png") no-repeat 120px center; background-size: 8px;transition: all 0.5s; border-right: 1px solid #fff}
.xiyibr ul li a.sa2{background: url("404.png") no-repeat 185px center; background-size: 8px;transition: all 0.5s; border-right: 1px solid #fff}
.xiyibr ul li a.sa1:hover{background:#00438E url("404.png") no-repeat 120px center; background-size: 8px;color:#fff}
.xiyibr ul li a.sa2:hover{background:#00438E url("404.png") no-repeat 185px center; background-size: 8px;color:#fff}
.xiyibr ul li em{display: block; float:left; width: 15%; line-height: 50px; text-align: center;color:#888888; cursor: pointer;border-right: 1px solid #fff; background: url("../image/bf.png") no-repeat 110px center; background-size: 15px;}
.Newsboxobg{width: 100%;  margin: 50px 0; position: relative; overflow: hidden}
.Gklbnrl{width: 450px; height: 265px; float:left; overflow: hidden}
.Gklbnrl ul li{width: 100%; height: 265px; }
.Gklbnrl ul li img{width: 100%; height: 265px; }
.Gklbnrl ul li p{display: none}
.Pg{background: rgba(0,0,0,0.5); width: 450px; left: 0; bottom: 0; z-index: 9; text-align: center; position: absolute; height: 50px; line-height: 50px;}
.Pg ul li{width: 10px; height: 10px; border-radius: 100%; background: #fff; margin-right: 10px; display: inline-block; }
.Pg ul li.on{background: #00438E}
.Pg span{width: 12px; height: 25px; display: block; position: absolute; top:50%;margin-top:-12px;}
.Pg span.next{background: url("404.png") no-repeat center; right:25px; }
.Pg span.prev{background: url("404.png") no-repeat center; left: 25px}
.right-text{width: 450px; height: 265px; position: relative; float:right; }
.right-text ul li{height: 265px; width: 100%; position: absolute; left: 0; top:0; opacity: 0; z-index: -1}
.right-text ul li.p{opacity: 1; z-index: 2}
.right-text ul li b{color:#222222; font-size: 17px;display: block}
.right-text ul li span{color:#999999; font-size: 12px; display: inline-block; margin: 20px 0; padding-left: 20px;}
.right-text ul li span.sp1{background: url("../image/sj.jpg") no-repeat left center; background-size: 15px}
.right-text ul li span.sp2{background: url("../image/li.jpg") no-repeat left center;background-size: 15px; margin-left: 50px;}
.right-text ul li p{color:#666; font-size: 13px; line-height: 25px;}
.right-text ul li em{background: #0061ae; width: 120px; height: 40px; border-radius: 40px; display: block; color:#fff; font-size: 12px; text-align: center; line-height: 40px; position: absolute; bottom: 0; left: 0}
.newslsitbnox{width: 100%; overflow: hidden}
.newslsitbnox ul li{width: 100%; height: 240px; padding: 50px 0; border-top:1px solid #dddddd;transition: all 0.5s}
.newslsitbnox ul li a{display: block; height: 140px;}
.newslsitbnox ul li span.n1{border:4px solid #eeeeee; width: 120px; height: 140px;display: block; float:left}
.newslsitbnox ul li span.n1 b{display: block; text-align: center; color:#333333; font-size: 46px; margin-top:25px;}
.newslsitbnox ul li span.n1 em{text-align: center; font-weight: bold; color:#b0b0b0; font-size: 14px; display: block;}
.newslsitbnox ul li span.n2{width: 240px; float:left; margin: 0 50px; height: 140px; display: block}
.newslsitbnox ul li span.n2 img{width: 100%; height: 140px;}
.newslsitbnox ul li span.n3{display: block; float:left; width: 475px;}
.newslsitbnox ul li span.n3 b{color:#222222; font-size: 16px; display: block; }
.newslsitbnox ul li span.n3 em{display: block; padding-top:20px;  color:#666666; line-height: 25px;font-size: 12px; height: 95px; overflow: hidden}
.newslsitbnox ul li:hover{background: #0061ae}
.newslsitbnox ul li:hover span.n1,span.n1 b{border:0; color:#fff; margin-top:4px;}
.newslsitbnox ul li:hover span.n1 b{color:#fff; margin-top:33px;}
.newslsitbnox ul li:hover span.n1 em{color:#3a96de;}
.newslsitbnox ul li:hover span.n3 b{color:#fff;}
.newslsitbnox ul li:hover span.n3 em{color:#3a96de;}
.Gklpnlrl ul li{border-bottom: 1px solid #ddd; height: 70px; line-height: 70px;  font-size: 16px; color:#444}
.Gklpnlrl ul li span{font-size: 16px; color:#444}
.Map{padding:50px 0; position: relative; }
.Measage{width: 100%; overflow: hidden; padding-top:100px;}
.Measage ul li.int1{width: 290px; height: 35px; border:1px solid #dddddd; padding: 0 10px; line-height: 35px; float:left;margin-right: 35px;}
.Measage ul li.int3{width: 290px; height: 35px; border:1px solid #dddddd; padding: 0 10px; line-height: 35px;  float:left}
.Measage ul li.int1 span{color:#888888; font-size: 14px;}
.Measage ul li.int1 input{width: 200px; border:0; color:#999}
.Measage ul li.int3 span{color:#888888; font-size: 14px;}
.Measage ul li.int3 input{width: 200px; border:0; color:#999}
.Measage ul li.int4{margin-top:30px;}
.Measage ul li.int4 textarea{ vertical-align: top; width: 870px; color:#999; font-size: 12px; line-height: 25px; border:0; height: 200px; resize: none;    padding-top: 5px;}
.Measage ul li.int4 span{color:#888888; font-size: 14px;}
.Measage ul li.int4{width: 100%;  border:1px solid #dddddd; padding: 0 10px; line-height: 35px; float:left;margin-right: 35px; }
.Measage ul li.inpt input{width: 290px; height: 50px; text-align: center; color:#fff; font-size: 16px; background: #0061ae; border:0; cursor: pointer; margin-top:30px;}

.zhaoobn{width: 100%; overflow: hidden}
.zhaoobn ul >li{margin-bottom: 1px;}
.zhaoobn ul >li >span{display: block; height: 50px; background: #ececec url("../image/jia.png") no-repeat 900px center; color:#515151; font-size: 14px; padding: 0 20px; line-height: 50px;}
.zhaoobn ul >li.on >span{background: #0061ae url("../image/jian.png") no-repeat 900px center; color:#fff}
.zhaoobn ul >li div.flph{padding: 30px 20px;color:#515151; line-height: 25px; border:1px solid #ddd; display: none}
.Hkdmnsle{width: 100%; overflow: hidden; background: #f6f6f6; height: 50px; line-height: 50px; padding: 0 30px; margin-top: 50px}
.ery1{float:left}
.ery1 span{color:#999999; font-size: 14px; padding-left: 25px; }
.ery1 span.spng1{background: url("../image/sj.jpg") no-repeat left center;}
.ery1 span.spng2{background: url("../image/li.jpg") no-repeat left center;display: inline-block; margin-left: 100px; background-size: 20px;}
.xinijg{padding-left: 100px; float:left;}
.xinijg span{float:left; color:#999999; font-size: 14px;}
.xinijg a{ vertical-align: middle !important; width: 25px !important; height: 25px !important; margin-top:13px !important}
.xinijg a.weix{background: url("../image/weix.jpg") no-repeat; background-size: cover}
.xinijg a.weib{background: url("../image/weib.jpg") no-repeat; background-size: cover}
.xinijg a.qq{background: url("../image/qq.jpg") no-repeat; background-size: cover}

.neirong{ line-height:30px; font-size:1.2em; padding:15px 0;}
.footer-logo{ padding-bottom:50px;}


.lunbo{
  
  overflow: hidden;
  width: 1190px;
  height: 300px;
}
 
.lunbo ul{
  display: flex;
  width: 2400px;
  height: 100%;
  
  animation: left_move 20s linear infinite;
  
  animation-play-state: running;
}
.lunbo ul:hover{
  
  animation-play-state: paused;
}
.lunbo ul li{
  
  display: flex;
  
  flex-shrink: 1;
  
  justify-content: center;
  
  align-items: center;
  width: 265px;
  height: 230px;
  border: 1px solid #cccccc; background:#FFF; margin-right:15px; padding:10px
}
.lunbo ul li:hover{
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
  transform: scale(1.05);
}
.lunbo ul li img{
  width: 245px;
  height: 180px;
}
.lunbo ul li img:hover{transform: scale(1.05);}
.lunbo ul li h4{ text-align:center; color:#666; line-height:30px; background:#ccc}
.zz ul li{ height:198px}
 
@keyframes left_move {
  to{
    
    transform: translateX(-1600px);
  }
}