b,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;border:0 none}
img,input{border:0;vertical-align:middle}
li,ul{list-style:none;margin:0;padding:0}
form{padding:0;margin:0}
td{FONT-SIZE:12px}
img{border:0}
@font-face{font-family:DINProb;src:url(../images/DINPro-Bold.otf)}
@media screen and (min-width:320px){blockquote,body,button,code,dd,div,dl,dt,fieldset,form,input,legend,lipre,ol,p,td,textarea,th,ul{font-size:16px;font-family:'Microsoft YaHei'}
}
.over{overflow:hidden}
a{COLOR:#666;blr:expression(this.onFocus=this.blur());text-decoration:none}
a:focus{outline:0}
input,textarea{outline:0}
a:hover{color:#2070af;text-decoration:none;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}
.content{width:1400px;overflow:hidden;margin:0 auto}
.content_mbx{width:1400px;overflow:hidden;margin:0 auto}
.concom{width:1400px;overflow:hidden;margin:30px auto}
.con_box{width:1400px;overflow:hidden;margin:50px auto}
.title{text-align:center;overflow:hidden;margin:0 auto;margin-top: 30px;}
.title h3{font-size:32px;text-align:center;color:#000;  padding-bottom:30px;font-weight:400;position: relative;}
.title h3:after{
    content: "";
    width: 50px;
    height: 5px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background:#0172D8;
    bottom: 0;
}
.title h3 span{color:#2070af;font-weight:700}
.title h3 span i{font-size:56px}
.title p{font-size:20px;color:#999;line-height:24px}
.title b{color:#333}
.mtel{float:right;display:none}
.news_title{overflow:hidden;text-align:right;background:url(../images/tit.png) no-repeat center right;padding:30px 250px 30px 0}
.news_title h3{font-size:16px;font-weight:400}
.news_title h3 span{font-size:30px;color:#000;font-weight:700;margin-left:5px}
.news_title i{font-size:80px;color:#2070af;font-family:DINProb;display:block}
.news_title i img{vertical-align:baseline}
.news_title p{font-size:16px;color:#fff;line-height:24px;display:inline-block;background:#2070af;padding:8px 30px;border-radius:30px}
.news_title p a{color:#fff}
.news_title p:hover{background:#2160b8}
.n_title{text-align:center;padding:60px 0 25px;overflow:hidden;margin:0 auto 0}
.n_title h3{font-size:38px;text-align:center;color:#000;margin-bottom:5px;background:url(../images/xx.png) no-repeat center bottom;padding-bottom:20px}
.n_title h3 span{color:#000;font-weight:700}
.n_title h3 span i{font-size:56px}
.n_title p{font-size:20px;color:#999;line-height:24px}
.n_title b{color:#333}
.title1{text-align:left;padding:40px 0 25px;overflow:hidden;margin:0 auto;background:url(../images/sha.png) no-repeat center left 130px;padding-bottom:20px;margin-bottom:15px;position:relative}
.title1 h3{font-size:30px;text-align:left;color:#000;font-weight:600;margin-bottom:5px}
.title1 h3 span{color:#fff}
.title1 h3 span i{font-size:56px}
.title1 p{font-size:20px;color:#666;line-height:24px}
.title1 b{color:#fff}
.title1 i{border-radius:30px;height:40px;border:1px #2070af solid;text-align:center;font-style:normal;line-height:40px;display:block;position:absolute;width:150px;right:0;bottom:30px;overflow:hidden}
.title1 i a{color:#2070af;display:block}
.title1 i a:hover{border-radius:30px;background:#186fe8;color:#fff}
.top{background:#2070af;height:40px;line-height:40px;margin:0 auto;color:#fff}
.top span{float:right}
.top span a{color:#fff}
.top span a:after{content:"|";margin:0 8px;color:#fff}
.top span a:last-child:after{display:none;content:""}
.head{width:100%;height:100px;border-bottom:1px solid #ffffff3d;position:relative;z-index:99;background:#fff;position:fixed;box-shadow:0 0 5px #ccc}
.had{background:#fff}
.head .logo{float:left;margin-top:20px}
.head .main{width:1400px;margin:0 auto}
.head .nav{float:left;height:100px;margin-left:40px}
.head .nav ul{height:60px;margin-top:6px}
.head .nav ul li{float:left;padding-left:36px;text-align:center;position:relative;line-height:50px;height:60px}
.head .nav ul li a{color:#333;font-size:18px;display:block}
.head .nav ul li a:hover{color:#2070af}
.head .nav ul li ul{position:absolute;left:0;display:none;width:100%;z-index:555}
.head .nav ul li:hover ul{display:block}
.head .nav ul li ul li{height:40px;padding:0;width:100%;line-height:40px;height:auto;overflow:hidden;background:rgba(32,112,175,.65);border-bottom:1px #fff solid}
.head .nav ul li ul li:hover{background:#2070af}
.head .nav ul li ul li:hover a{color:#fff}
.head .nav ul li ul li a{color:#fff;font-size:14px}
.head .nav ul li ul li:first-child{margin-top:5px}
.head .nav ul li ul li:last-child{margin-bottom:5px}
.head .hot{font-size:14px;color:#2070af;margin-top:10px;text-align:right;font-size:22px;font-family:DINProb}
.head .hot img{vertical-align:middle;margin-right:5px}
.head .hot span{float:right;font-size:24px;color:#2070af;font-weight:700;margin-top:-8px}
.head .nav ul li:nth-child(5) ul{width:150px;left:50%;margin-left:-56px}
.head .nav ul li:nth-child(5) ul li{width:100%;margin:0 auto 1px}
.wx{float:right;margin-top:28px;font-size:25px;font-weight:700;width:58px;height:45px;border-radius:50%;color:#fff;background:url(../images/wx.png) no-repeat center center;margin-left:20px;cursor:pointer;position:relative;z-index:999}
.wx span{opacity:0;width:85px;margin-top:45px;margin-left:-20px;display:inline-block;overflow:hidden;font-size:20px;color:#fff;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}
.wx span img{width:100%}
.wx:hover span{opacity:1}
.banner{width:100%;overflow:hidden;position:relative;margin:0 auto;height:100%}
 
.g-adv{width:100%;overflow:hidden;position:relative}
.g-adv .banimg{width:100%;transition:all 1s ease 2.5s;position:relative;transform:perspective(1000px) translate3d(0,0,100px)}
.g-adv .swiper-slide-active .banimg{transition:all 5s ease 0s;transform:perspective(1000px) translate3d(0,0,0)}
.g-adv .swiper-pagination{bottom:40px;width:auto;left:auto;right:10%}
.g-adv .swiper-pagination-bullet{width:30px;height:8px;border-radius:8px;line-height:6px;color:#2070af;background:0 0;opacity:1;font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:20px;position:relative;-ms-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.g-adv .swiper-pagination-bullet-active{background:0 0;width:90px;text-align:right;-ms-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.g-adv .swiper-pagination-bullet-active:after{background:rgba(255,255,255,.6);content:"";width:65%;height:2px;background:#2070af;position:absolute;left:0;top:3px;-ms-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.g-adv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px}
.caidan{float:right;display:none;margin-top:30px}
.about_box{background:#dee5ee url(../images/aboutbj.jpg) no-repeat center bottom;margin:0 auto 0;overflow:hidden;height:100vh;width:100%;background-size: cover;}
.about{width:1400px;margin:10% auto 0;overflow:hidden}
.ab_txt{overflow:hidden}
.ab_txt h3{font-size:32px;text-align:center;font-weight:400;color:#000}
.ab_txt h3:after{content:"";width:60px;height:4px;background:#2070af;display:block;margin:30px auto}
.ab_txt dd{font-size:16px;line-height:28px;color:#222;padding:0 100px;text-indent:2em}
.ab_txt p{text-indent:2em;font-size:16px;color:#666;margin:60px auto 30px;line-height:30px}
.ab_txt dt{width:180px;height:45px;line-height:45px;text-align:center;border-radius:30px;border:1px #2070af solid;margin:20px auto}
.ab_txt dt a{color:#2070af}
.ab_txt dt:hover{background:#2070af}
.ab_txt dt:hover a{color:#fff}
.ab_img{width:50%;float:left;overflow:hidden}
.about ul{overflow:hidden;margin:60px auto 0;clear:both;float:left;width:100%}
.about ul li{width:16.5%;float:left;overflow:hidden;border-right:1px #f2f2f2 solid;text-align:center;box-sizing:border-box;cursor:pointer}
.about ul li:first-child{border-left:1px #f2f2f2 solid}
.about ul li div{overflow:hidden}
.about ul li p{line-height:60px;font-size:18px;text-align:center;color:#555}
.about ul li div img{transition:all .5s ease}
.about ul li:hover div img{transform:rotateY(180deg)}
.pic_nav{overflow:hidden}
.pic_nav h3{float:left;color:#333;text-align:left;font-size:50px}
.pic_nav h3 p{font-size:20px;font-weight:400}
.pic_nav span{float:right;margin:20px;font-size:16px;background:url(../images/tel.png) no-repeat left top;padding-left:50px}
.pic_nav span p{font-size:26px;color:#000;font-family:DINProb}
.fll{background:url(../images/picbj.jpg) no-repeat center top;overflow:hidden;padding:50px 0 50px;margin:50px auto 0}
.zhitongche{display:none}
.product{margin:60px auto 0;overflow:hidden}
.p_left{overflow:hidden;width:16%;float:left}
.p_left ul{overflow:hidden}
.p_left ul li{overflow:hidden;font-size:14px;line-height:50px}
.p_left ul li a{position:relative;padding:0 5px}
.p_left ul li a:after{content:"";background:#ed7e7f;width:0%;height:5px;position:absolute;bottom:3px;left:0;z-index:-1;transition:all .5s}
.p_left ul li a:hover{font-size:18px;color:#000}
.p_left ul li a:hover:after{width:100%;transition:all .5s}
.adv .advbox{overflow:hidden;margin-top:60px;position:relative;display:block}
.adv .advboxul{overflow:hidden;height:540px;position:relative}
.adv .advboxul li{width:25%;height:100%;position:relative;float:left;overflow:hidden;background:#fff;transition:all 1s;box-sizing:border-box}
.adv .advboxul_img{position:absolute;top:0;right:0;width:100%;height:100%;transition:all 1s}
.adv .advboxul_img img{width:100%;height:100%}
.adv .advbox_h3{font-size:20px;color:#fff;font-weight:400;position:relative;z-index:1;overflow:hidden;transition:all 1s;padding:30px}
.adv .advbox_h3 i{display:block;width:6px;height:62px;background:#e71421;float:left;margin-right:15px;transition:all 1s}
.adv .advbox_h3 h3{display:block;width:100%;font-size:26px;text-align:left;float:left;font-weight:400;transition:all 1s}
.adv .advbox_h3 em{display:block;font-size:18px;color:#e71421;margin-top:10px;float:left;width:90%;opacity:0;transition:all 1s;text-decoration:line-through}
.adv .advbox_text{overflow:hidden;color:#333;margin-top:10px;transition:all 1s;opacity:0;font-size:22px;font-weight:700;line-height:40px;padding-left:40px}
.adv .advboxul li.active1{width:18.666%}
.adv .advboxul li.active{width:44%;padding:0 45px 0 45px;background:url(../images/adv05.png) no-repeat center center;background-size:cover}
.adv .advboxul li.active .advboxul_img{right:-100%}
.adv .advboxul li.active .advbox_h3 i{width:10px;height:100px;margin-right:30px}
.adv .advboxul li.active .advbox_h3 h3{color:#2070af;font-size:26px;text-align:left;float:left;font-weight:700}
.adv .advboxul li.active .advbox_h3 em{opacity:1}
.adv .advboxul li.active .advbox_text{opacity:1}
.adv .advboxul_img1{position:absolute;bottom:20px;width:100%;z-index:1}
.adv .advboxul_img1 img{width:100%;display:block}
.madv{overflow:hidden;display:none}
.madv ul{overflow:hidden}
.madv ul li{overflow:hidden;position:relative;margin-bottom:2px}
.madv ul li img{overflow:hidden;width:100%}
.madv ul li div{position:absolute;width:100%;height:100%;overflow:hidden;top:0;left:0}
.madv ul li div dl{padding:5%;overflow:hidden;margin-top:20px}
.madv ul li div dl h3{font-size:.3rem;color:#fff;font-weight:400;margin-bottom:10px;position:relative;padding:10px 0;text-indent:1em}
.madv ul li div dl dd{font-size:.2rem;line-height:.3rem;color:#fff}
.madv ul li div dl h3:after{content:"";width:3px;background:#2070af;height:100%;position:absolute;left:0;top:0}
.fuwuys{overflow:hidden;margin:0 auto;position:relative;height:100%;width:100%;background:url(../images/ysbj.jpg) no-repeat center;background-size:cover}
.fuwuys .title h3{
    color: #fff;
}

.fuwuys .title h3:after{
    background: #fff;
}

.swiper-slide .ys .ystit h3{
    color: #010103;
}

.swiper-slide .ys .ystit h3:after{
    background: #0172D8;
}
.fuwuys ul{overflow:hidden;margin-top:40px}
.fuwuys ul li{width:25%;float:left;overflow:hidden}
.fuwuys ul li div{background:#fff;margin:0 10px;overflow:hidden}
.fuwuys ul li div dd{overflow:hidden}
.fuwuys ul li div dd img{width:100%;overflow:hidden}
.fuwuys ul li div dl{overflow:hidden;padding:40px 30px;text-align:center}
.fuwuys ul li div dl h3{text-align:center;font-size:24px;font-weight:400}
.fuwuys ul li div dl h3:after{content:"";width:40px;height:3px;background:#2070af;display:block;margin:10px auto}
.fuwuys ul li div dl p{font-size:16px;color:#555;line-height:30px}
.fuwuys ul li div dl p span{display:block}
.ys{overflow:hidden;margin:0 auto;position:relative;height:100%; background-size:cover;transition: .3s;}
.ys .title h3{
    color: #fff;
}

.ys .title h3:after{
    background: #fff;
}
.ys .war{position:absolute;width:100%;top:30%}
.ys .war h3{width:1400px;margin:100px auto 0;color:#fff;font-size:54px;position:relative;padding-bottom:30px}
.ys .war h3 span{display:block}
.ys .war h3:after{content:"";width:100px;height:5px;background:#fff;display:block;bottom:0;position:absolute}
.ys .swi{position:absolute;width:100%;bottom:0}
.ys .swir{width:1400px;margin:0 auto;position:relative}
.ys .mySwiper{background:#fff;height:150px}
.ys .mySwiper .swiper-slide{width:20%}
.ys .mySwiper .siv1{padding:30px 30px;font-size:22px;color:#333;font-weight:700;position:relative;height:90px}
.ys .mySwiper .siv1 span{display:block}
.ys .mySwiper .siv1:after{content:"";width:50px;height:3px;background:#2070af;display:block;position:absolute;bottom:40px}
.ys .mySwiper .siv2{overflow:hidden;background:#2070af;display:none;height:150px}
.ys .mySwiper .siv2 dl{padding:30px}
.ys .mySwiper .siv2 dl dd{overflow:hidden;line-height:24px;font-size:15px;color:#fff;margin-bottom:10px}
.ys .mySwiper .swiper-slide-thumb-active{width:59%}
.ys .mySwiper .swiper-slide-thumb-active .siv1{display:none}
.ys .mySwiper .swiper-slide-thumb-active .siv2{display:block}
.ys .swiper-button-next,.ys .swiper-button-prev{top:-22px;background:#2070af;width:40px}
.swiper-rtl .swiper-button-prev:after,.ys .swiper-button-next:after{content:'next';color:#fff;font-size:20px}
.swiper-rtl .swiper-button-next,.ys .swiper-button-prev{left:inherit;right:40px}
.swiper-rtl .swiper-button-next:after,.ys .swiper-button-prev:after{content:'prev';color:#fff;font-size:20px}
.swiper-rtl .swiper-button-prev,.ys .swiper-button-next{right:0}
.ys .swiper-button-disabled{background:#000;opacity:1;color: #fff}
.ys .swiper-button-disabled:after{
    color: #fff;
}
.ys .mySwiper2{width:100%;height:100vh;margin:0 auto}
.ystit{width:96%;position:absolute;top:15%;z-index:9;margin: 0 auto;}
.mys{overflow:hidden;display:none}
.mys .swiper-slide div{overflow:hidden}
.mys .swiper-slide div img{width:100%}
.mys .swiper-slide dl{overflow:hidden;background:#2070af;padding:.3rem;padding-bottom:1.5rem}
.mys .swiper-slide dl h3{color:#fff;font-size:.3rem;position:relative;padding-bottom:30px;margin-bottom:.5rem}
.mys .swiper-slide dl h3 span{display:block}
.mys .swiper-slide dl h3:after{content:"";width:60px;height:5px;background:#fff;display:block;bottom:0;position:absolute}
.mys .swiper-slide dl dd{overflow:hidden;line-height:.38rem;font-size:.2rem;color:#fff}
.mys .swiper-button-next,.mys .swiper-button-prev{top:auto}
.mys .swiper-button-next,.mys .swiper-button-prev{bottom:20px;background:#fff;width:40px}
.mys .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next';color:#0172D8;font-size:20px}
.mys .swiper-button-prev,.swiper-rtl .swiper-button-next{left:inherit;left:20px}
.mys .swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev';color:#0172D8;font-size:20px}
.mys .swiper-button-next,.swiper-rtl .swiper-button-prev{left:60px}
.mys .swiper-button-disabled{background:#000;opacity:1}
.mysbox{overflow:hidden;position:relative}
.mysbox .swiper-slide{display:block!important;background:#2070af}
.mys .swiper-slide dl{padding-bottom:1.5rem}
.mys .swiper-slide dl h3{margin-bottom:.2rem}
.mys .swiper-slide dl dd{padding:0}
.product .ewm{width:150px;margin:0 auto;height:auto;margin-top:20px;overflow:hidden}
.product .ewm img{display:block;width:150px;height:150px}
.product .ewm p{text-align:center;color:#333;font-size:12px;line-height:30px}
.case{overflow:hidden;display:none}
.case .swiper-slide{overflow:hidden;position:relative}
.case .swiper-slide img{width:100%;height:100%}
.case .swiper-slide .ys_txt{position:absolute;left:10%;top:30%}
.case .swiper-slide .ys_txt h3{font-size:32px;font-weight:400;color:#fff}
.case .swiper-slide .ys_txt p{font-size:16px;color:#fff;margin:15px auto}
.case .swiper-slide .ys_txt dd{width:200px;height:45px;line-height:45px;background-color:#0d4497;transition:all .5s;background-image:linear-gradient(to right,#0d4497 ,#da3332);text-align:left;text-indent:2em}
.case .swiper-slide .ys_txt dd a{color:#fff}
.case .swiper-slide .ys_txt dd:hover{background:#0d4497;transition:all .5s}
.case .swiper-pagination-bullet{width:30px;height:6px;border-radius:6px;background:#666;opacity:1}
.case .swiper-pagination-bullet-active{background:#2070af}
.pic_tab{overflow:hidden;margin-top: 40px;display: none;}
.pic_tab ul{text-align:center;margin-bottom:20px}
.pic_tab ul li{display:inline-block;overflow:hidden;margin:0 10px;position:relative}
.pic_tab ul li a{text-align:center;font-size:18px}
.pic_tab ul li.osel:after{content:"";width:100%;height:6px;background:#80B8EB;position:absolute;bottom:0;left:0;z-index:-1}
.pic_tab ul li a:hover{color:#000}
.pic{overflow:hidden;margin:0 auto;display:none}
.pic ul{overflow:hidden}
.pic ul li{float:left;width:25%;border:10px rgba(255,255,255,.01) solid;transition:.5s;box-sizing:border-box;height:auto;overflow:hidden}
.pic ul li .bg{width:100%;height:100%;position:absolute;left:0;opacity:0;top:0;transition:.3s;background:rgba(0,0,0,.5)}
.pic ul li .bg span{display:block;width:180px;height:50px;border-radius:30px;text-align:center;line-height:50px;color:#fff;font-size:18px;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);text-indent:30px;background:#2070af url(../images/icon01.png) no-repeat 35px center}
.pic ul li img{display:block;width:100%;transition:.5s}
.pic ul li .img-box{position:relative;transition:.5s}
.pic ul li p{width:100%;height:60px;line-height:60px;color:#333;font-size:16px;white-space:nowrap;overflow:hidden;background:#e8e8e8;text-align:center;text-overflow:ellipsis}
.more{display:block;width:262px;height:58px;background:#083684;margin:0 auto;margin-top:40px;color:#333;font-size:18px;text-align:center;line-height:58px}
.pic ul li:hover p{background:#2070af;color:#fff}
.pic ul li:hover .bg{opacity:1}
.pic_content ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.pic_content{overflow:hidden;margin:15px auto 0}
.pic_content ul{overflow:hidden;margin:0 auto}
.pic_content ul li{width:25%;float:left;border:10px #fff solid;box-sizing:border-box}
.pic_content ul li div{overflow:hidden;position:relative}
.pic_content ul li p{height:45px;line-height:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:16px}
.pic_content ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%}
.pic_content ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.pic_content ul li:hover p{color:#2070af}
.pic_content ul li:hover div dl{-webkit-transition:all .5s;transition:all .5s;height:100%}
.pic_cont{overflow:hidden;margin:15px auto 0}
.pic_cont ul{overflow:hidden;margin:0 auto}
.pic_cont ul li{float:left;width:50%;float:left;border:20px #f5f5f5 solid;box-sizing:border-box;position:relative}
.pic_cont ul li a{display:block;background:#fff;overflow:hidden}
.pic_cont ul li .pic_img{overflow:hidden;float:left;width:45%;box-sizing:border-box}
.pic_cont ul li .pic_img img{-webkit-transition:all .5s;transition:all .5s;width:100%}
.pic_cont ul li:hover .pic_img img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.pic_cont ul li .pic_txt{overflow:hidden;position:absolute;display:block;width:55%;right:0;box-sizing:border-box;padding:20px;text-align:left;height:100%}
.pic_cont ul li .pic_txt h3{line-height:60px;font-size:20px;margin-top:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pic_cont ul li .pic_txt p{text-align:left;color:#555;font-size:15px;line-height:30px;background:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.pic_cont ul li .pic_txt:after{content:"";background:#2070af;height:6px;position:absolute;bottom:0;width:0%;left:0;-webkit-transition:all .5s;transition:all .5s}
.pic_cont ul li:hover .pic_txt:after{width:100%;-webkit-transition:all .5s;transition:all .5s}
.pic_cont ul li a:hover{box-shadow:0 0 20px #ccc}
.pic_cont ul li:nth-child(2n) .pic_img{float:right}
.pic_cont ul li:nth-child(2n) .pic_txt{right:auto;left:0}
.pic_con{overflow:hidden;margin:0 auto 0}
.pic_con ul{overflow:hidden;margin:0 auto}
.pic_con ul li{width:23%;float:left;overflow:hidden;margin:1%;border:1px #ccc solid;box-sizing:border-box}
.pic_con ul li div{overflow:hidden;position:relative}
.pic_con ul li p{height:45px;line-height:45px;border-top:1px #ccc solid;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:20px;font-weight:700;color:#2070af}
.pic_con ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%}
.pic_con ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.pic_con ul li:hover p{color:#fff;background:#2070af}
.gengduo{width:200px;height:50px;background:#2070af;text-align:center;margin:15px auto;line-height:50px;display:none}
.gengduo a{color:#fff;display:block}
.gengduo a:hover{background:#000;color:#fff}
.fenlei{display:none}
.x_banenr{width:100%;overflow:hidden;margin:30px auto 0}
.x_banenr img{width:100%}
.x_banenr img:first-child{display:block;width:100%}
.x_banenr img:last-child{display:none;width:100%}
.news_nav{overflow:hidden;text-align:left;margin:20px auto}
.news_nav ul{text-align:center}
.news_nav ul li{overflow:hidden;background:#f2f2f2;text-align:center;font-size:18px;width:250px;display:inline-block;border:8px #fff solid;box-sizing:border-box;line-height:50px}
.news_nav ul li a{color:#333;border:1px #ccc solid;display:block}
.news_nav a:hover{color:#fff;background-color:#2070af}
.ban{width:100%;margin:0 auto;overflow:hidden}
.ban img{width:100%;margin:0 auto;overflow:hidden}
.m_banner{width:100%;overflow:hidden;display:none}
.m_banner img{width:100%;overflow:hidden}
.w50{margin:50px auto 0}
.fl{float:left}
.buttom,.fanhui{display:none}
.anlibj{overflow:hidden;margin:0 auto 0;width:100%;height:100%}
.anli{overflow:hidden;margin:40px auto 0}
.anli ul li{width:460px;position:relative;float:left;overflow:hidden;margin-right:17px;margin-bottom:16px;margin-top:6px;padding-bottom:30px}
.anli ul li div{overflow:hidden}
.anli ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:50px;line-height:50px;font-size:18px;text-align:center}
.anli ul li a{color:#333}
.anli ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.anli ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.anli ul li:hover p{color:#2070af;-webkit-transition:all .5s;transition:all .5s}
.zizhi .swiper-container{position:relative}
.zz{overflow:hidden;position:relative}
.zz div{overflow:hidden;background:#fff;box-shadow:0 0 4px #d8d6d6;-webkit-transition:all .5s;transition:all .5s}
.zz div img{width:100%}
.zz p{height:36px;line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;text-align:center}
.zz:hover div{box-shadow:0 0 4px #d8d6d6;transform:translate(0,-10px);-moz-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-o-transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-webkit-transition:all .5s;transition:all .5s}
.swiper-pagination11{display:none}
.gengduo3{width:200px;height:50px;background:#2070af;text-align:center;margin:15px auto;line-height:50px}
.gengduo3 a{color:#fff;display:block}
.gengduo3 a:hover{background:#1b90ec;color:#fff}
.a_box{margin:50px auto}
.iabout-cont{width:45%;float:right;padding:10px 2% 10px 0}
.iabout-cont .ti{font-size:24px;font-weight:700;color:#00479d;margin-top:15px}
.iabout-cont .ti span{float:right}
.iabout-cont .line{display:block;margin:40px 0 20px}
.iabout-cont .line ul li{float:left;width:33.33%;box-sizing:border-box;text-align:left;padding-left:5%;border-right:1px #ccc solid}
.iabout-cont .line ul li b{color:#f80;font-size:48px;font-family:DINProb}
.iabout-cont .line ul li b per{color:#f80;font-weight:400;font-size:48px;font-family:"Microsoft YaHei"}
.iabout-cont .line ul li p{font-size:18px;color:#555}
.iabout-cont .line ul li:last-child{border-right:none}
.iabout-cont .line ul li:first-child b per{color:#f80}
.iabout-cont .desc{line-height:30px;height:235px;overflow:hidden;-webkit-line-clamp:8;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;font-size:16px;color:#333;margin-top:20px;text-indent:2em}
.iabout-cont .more{color:#2070af;border:1px solid #2070af;padding:10px 30px}
.iabout-cont .link{margin-top:30px}
.iabout-cont .link ul{overflow:hidden}
.iabout-cont .link ul li{width:20%;border-right:1px #ccc solid;overflow:hidden;padding-right:3%;float:left;padding-left:3%}
.iabout-cont .link ul li h3{font-size:60px;font-family:DINProb;color:#ff7a0b}
.iabout-cont .link ul li:nth-child(n+2){padding-left:6%}
.iabout-cont .link ul li:last-child{border-right:none}
.iabout-cont .link a:hover{background-position:0 0;transition:0s ease-out;-moz-transition:0s ease-out;-webkit-transition:0s ease-out;-o-transition:0s ease-out}
.iabout-cont dd{margin-top:20px}
.iabout-cont a:hover.more{color:#2070af}
.iabout-cont .desc a{color:#f90}
.lingyu{overflow:hidden;margin:0 auto;background:url(../images/lybj.jpg) no-repeat center top;padding:80px 0}
.ly_left{width:50%;float:left}
.ly_left h3{font-size:36px;color:#fff;margin:10px auto 20px}
.ly_left h4{font-size:40px;color:#fff;font-weight:400;text-transform:uppercase}
.ly_left p{font-size:15px;line-height:30px;color:#fff;margin:40px auto}
.ly_left dd{overflow:hidden}
.ly_right{width:48%;float:right}
.ly_right ul li{background:rgba(27,177,204,.4);float:left;width:25%;margin:1%;padding:3%}
.ly_right ul li div{width:40px;height:40px;overflow:hidden}
.ly_right ul li div img{width:100%;height:100%}
.ly_right ul li p{color:#c4c4c4;margin:10px auto}
.ly_right ul li h3{font-size:18px;color:#fff}
.form{width:100%;height:887px;background:#eee url(../images/bangong.jpg) no-repeat center top;overflow:hidden}
.form .tit{display:table;margin:0 auto;margin-top:45px;text-transform:uppercase}
.form .tit b{color:#fff;font-size:60px;text-align:center}
.form .tit h4{color:#fff;width:250px;height:84px;background:rgb(4 76 207 / 62%);text-align:center;line-height:84px;color:#fff;font-size:40px;margin:0 auto}
.form .bd{width:100%;height:630px;overflow:hidden;background:#fff;margin-top:28px;position:relative;box-shadow:0 0 10px 1px #c2c1c1}
.form .bd:after{content:"";width:1px;height:464px;background:#dcdcdc;position:absolute;left:50%;top:50%;margin-top:-232px}
.form .bd .cont{margin-top:60px;margin-left:100px;float:left;height:auto;overflow:hidden}
.form .bd .cont h4{color:#333;font-size:30px}
.form .bd .cont .info{width:100%;height:auto;overflow:hidden;color:#2070af;font-size:48px;margin-top:10px;font-weight:400}
.form .bd .cont .info h3{font-weight:400;margin:10px auto}
.form .bd .cont .info p{font-size:18px;font-weight:700}
.form .bd .cont .ewm{width:410px;height:auto;overflow:hidden;margin-top:20px;height:146px;background:url(../images/rwmbj.png) no-repeat left center}
.form .bd .cont img{margin:4px;display:block;width:140px;height:140px;box-sizing:border-box;padding:4px}
.form .bd .msg{float:right;margin-top:60px;margin-right:74px;width:456px;height:auto;overflow:hidden}
.form .bd .msg .t p{color:#333;font-size:18px;text-align:center;font-weight:700;text-transform:uppercase}
.form .bd .msg form{width:100%;height:auto;overflow:hidden;margin-top:30px}
.form .bd .msg form ul li{width:100%;height:auto;overflow:hidden;margin-bottom:12px}
.form .bd .msg form ul li p{color:#555;font-size:18px;float:left;line-height:50px}
.form .bd .msg form ul li input{width:365px;height:48px;border:1px solid #d2d2d2;box-sizing:border-box;color:#555;font-family:'微软雅黑';border-radius:5px;text-indent:5px;outline:0;float:right}
.form .bd .msg form ul li textarea{width:365px;height:90px;border:1px solid #d2d2d2;float:right;color:#555;font-family:'微软雅黑';text-indent:5px;padding-top:10px;resize:none;border-radius:5px;outline:0;box-sizing:border-box}
.form .bd .msg form .btn{width:100%;height:auto;overflow:hidden;margin-top:30px}
.form .bd .msg form .btn input{width:220px;height:50px;background:#2070af;float:left;border:none;border-radius:10px;color:#fff;font-size:18px}
.form .bd .msg form .btn input:last-child{float:right;background:#999}
.shebei{width:1400px;margin:0 auto}
.ipro{width:100%;overflow:hidden;padding:35px 0;z-index:1;position:relative;max-width:1920px;margin:0 auto}
.ipro .bg{position:absolute;width:100%;height:175px;background:#2070af;left:0;bottom:0;z-index:-1}
.ipro .more{display:block;float:right;height:50px;line-height:50px}
.ipro h2{height:50px;padding-left:45px;line-height:50px;font-size:24px;background:url(../images/ipro_icon.png) no-repeat 0 50%;margin:10px auto 30px}
.ipro .more:hover,.ipro h2 a:hover{color:#00458e}
.ipro-silder{width:1400px;margin:0 auto;position:relative}
.ipro-silder .btn{position:absolute;width:66px;height:66px;top:50%;margin-top:-54px;background:url(../images/ipro_btn.png);cursor:pointer;z-index:3}
.ipro-silder .btn.prev{left:-80px;background-position:0 0}
.ipro-silder .btn.next{right:-80px;background-position:-66px 0}
.ipro-silder .box{width:1400px}
.ipro-silder ul{overflow:hidden}
.ipro-silder li{width:290px;float:left;margin-right:13px;text-align:center;overflow:hidden}
.ipro-silder a{display:block}
.ipro-silder li div{width:284px;height:212px;border:2px solid #fff;overflow:hidden}
.ipro-silder p{height:50px;line-height:50px;color:#fff;font-size:16px}
.ipro-silder li:hover .pic{border-color:#00458e}
.ipro-silder li div img{-webkit-transition:all .5s;transition:all .5s}
.ipro-silder li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.slide{width:100%}
.news_mr{background:#fff;padding:20px;overflow:hidden;margin:50px auto 0}
.news_left{width:60%;overflow:hidden;float:left}
.news_right{width:36%;overflow:hidden;float:right;border-left:1px #ccc solid;padding-left:2%}
.news_left h3{color:#333;font-size:28px;height:60px;line-height:60px;font-weight:400}
.news_left h3 span{float:right;font-size:30px;font-weight:700;font-weight:400}
.news_left ul{overflow:hidden}
.news_left ul li{overflow:hidden;width:50%;border:5px #fff solid;float:left;box-sizing:border-box;background:#f7f7f7;padding:3%}
.news_left ul li dl{overflow:hidden;background:url(../images/xii.png) no-repeat center right 5px}
.news_left ul li dl dd{overflow:hidden;font-size:18px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:50px}
.news_left ul li dl dt{color:#999;margin:8px auto;font-size:15px}
.news_left ul li dl p{font-size:15px;color:#666;line-height:28px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.news_left ul li:nth-child(n+2) dl p{display:none}
.news_left ul li:first-child{width:100%;overflow:hidden;float:inherit}
.news_left ul li div{float:left;width:30%;overflow:hidden;margin-right:15px}
.news_left ul li div img{width:100%;height:100%}
.news_left ul li:first-child dl{background:0 0}
.news_left ul li:first-child{background:#fff}
.news_left ul li:first-child dl dt:before{content:"——";letter-spacing:-1px;color:#999}
.news_left ul li:hover a dl dd{color:#2070af;font-weight:700}
.news_left ul li:hover dl{overflow:hidden;background:url(../images/xii1.png) no-repeat center right 5px}
.news_left ul li:first-child:hover dl{background:0 0}
.news_left ul li:hover dl dd{text-decoration:underline}
.faq{overflow:hidden}
.faq h3{color:#333;font-size:28px;height:60px;line-height:60px;font-weight:400}
.faq h3 span{float:right;font-size:30px;font-weight:700;font-weight:400}
.fq{overflow:hidden;height:416px}
.fqimg img{width:100%;margin-bottom:15px;overflow:hidden}
.fq ul{overflow:hidden}
.fq ul li{overflow:hidden;border:1px #ccc solid;background:url(../images/fq.png) no-repeat 20px 20px;padding:20px;margin-bottom:10px;overflow:hidden}
.fq ul li h3{height:30px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;padding-left:32px}
.fq ul li p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;color:#666;padding-left:32px;line-height:24px}
.fq ul li:hover{border:1px #2070af solid}
.fq ul li:hover h3{text-decoration:underline;color:#2070af}
.bottom_nav{width:100%;max-width:1920px;min-width:1400px;margin:45px auto 0;background:#2070af}
.bottom_nav ul{width:1400px;overflow:hidden;margin:0 auto}
.bottom_nav ul li{display:inline;float:inherit;width:inherit;text-align:center;margin:0 39px;line-height:60px}
.bottom_nav ul li a{color:#fff}
.bottom_nav ul li a:hover{text-decoration:underline}
.links{width:100%;max-width:1920px;margin:0 auto 0;min-width:1100px;overflow:hidden;color:#666;border-top:1px #ccc solid}
.links ul{width:1400px;margin:0 auto;margin:0 auto}
.links span{line-height:30px;float:left;padding:2% 0;display:inline-block;color:#2070af;text-align:left;font-size:16px;padding-left:31px;background:url(../images/sos.png) no-repeat center left}
.links dl{overflow:hidden;width:85%;float:left}
.links dl dd{padding:2% 0}
.links dl dd a{padding:0 10px;font-size:16px;white-space:normal;display:inline-block;line-height:40px}
.footer{width:100%;background:url(../images/footerbj.jpg) no-repeat center center;background-size:cover;overflow:hidden;padding:60px 0;margin:0 auto 0}
.footer .kusu{width:20%;float:left}
.footer .kusu h3{font-size:18px;color:#fff}
.footer .kusu ul{overflow:hidden;margin-top:20px}
.footer .kusu ul li{overflow:hidden;float:left;width:50%;line-height:36px;font-size:13px}
.footer .kusu ul li a{color:#a7b9d5}
.footer .kusu ul li a:hover{color:#fff;text-decoration:underline}
.footer .left{height:auto;float:left}
.footer .name{margin-bottom:15px}
.footer .name img{display:block}
.footer .info{width:40%;float:left;height:auto;overflow:hidden}
.footer .info p{color:#333;font-size:14px;line-height:25px;margin-top:15px}
.footer .icon{width:330px;float:left}
.footer .icon ul li{float:left;width:83px;height:83px;border-radius:50%;margin-right:25px;position:relative}
.footer .icon ul li img{display:block;width:90px;height:90px;position:absolute;display:none;left:90px;z-index:100;top:-10px}
.footer .cr{width:100%}
.footer .icon ul li:nth-child(1){background:url(../images/icon02.png) no-repeat left top}
.footer .icon ul li:nth-child(2){background:url(../images/icon02.png) no-repeat -107px top}
.footer .icon ul li:nth-child(3){background:url(../images/icon02.png) no-repeat -214px top}
.footer .icon ul li:hover img{display:block}
.footer .icon ul li a{display:inline-block;cursor:pointer;width:83px;height:83px}
.footer .icon ul li{float:left;width:83px;height:83px;border-radius:50%;margin-right:25px;position:relative}
.footer .icon ul li img{display:block;width:110px;position:absolute;display:none;left:90px;z-index:100;top:-10px}
.footer .cr{width:100%}
.footer .info1{color:#fff;line-height:41px;font-size:16px;text-align:left;float:left}
.footer .info h3{font-size:18px;color:#fff}
.footer .info h3 span{font-weight:400;font-size:13px;margin-left:5px}
.footer .cr{width:100%;height:auto;overflow:hidden}
.footer .cr p{color:#fff;font-size:14px}
.footer .ewm{float:right}
.footer .ewm div{float:right;width:130px}
.footer .ewm h3{font-size:18px;color:#2070af;margin-bottom:20px;font-weight:700;position:relative;padding-bottom:20px}
.footer .ewm h3:after{content:"";width:30px;height:2px;background:#2070af;position:absolute;bottom:0;display:block}
.footer .ewm h3 span{font-weight:400;font-size:13px;margin-left:5px}
.footer .ewm p{text-align:center;color:#fff;font-size:14px}
.footer .ewm p img{display:block;width:100%}
.fiv{width:100%;position:fixed;bottom:0;left:0;background:#e13531;padding:10px 0;z-index:999}
.fiv .tmb{width:1400px;overflow:hidden;font-size:24px;color:#fff;margin:0 auto;font-weight:700}
.fiv .tmb span{color:#ff2070af0}
.fiv .tmb em{float:right;font-style:normal;font-weight:400;font-size:24px}
.fiv .tmb em b{font-size:24px}
.fiv .tmb em a.anniu{width:120px;height:36px;line-height:36px;text-align:center;color:#fff;display:inline-block;border-radius:5px;margin-left:10px;border:1px #fff solid;font-size:14px}
.Copyright{width:100%;overflow:hidden;background:#595757;text-align:center;color:#fff;padding:30px 0}
.ys_lxwm{overflow:hidden;width:1000px;margin:30px auto}
.ys_lxwm ul{width:60%;float:left}
.ys_lxwm ul li{font-size:18px;color:#666;background:url(../images/lxwm01.png) no-repeat center left;padding-left:35px;height:40px;line-height:40px;margin-bottom:20px}
.ys_lxwm ul li:nth-child(2){background:url(../images/lxwm02.png) no-repeat center left}
.ys_lxwm ul li:nth-child(3){background:url(../images/lxwm03.png) no-repeat center left}
.ys_lxwm ul li:nth-child(4){background:url(../images/lxwm04.png) no-repeat center left}
.ys_lxwm .rwm{float:right}
.ys_lxwm .rwm h3{font-size:18px;color:#666;background:url(../images/xrwm.png) no-repeat center left;padding-left:30px;height:40px;line-height:40px;margin-bottom:20px}
.ys_lxwm .rwm div{float:left;overflow:hidden}
.ys_lxwm .rwm div dd{width:140px;border:1px #ccc solid;padding:5px;background:#fff}
.ys_lxwm .rwm div dd img{width:100%}
.ys_lxwm .rwm div p{text-align:center;font-size:16px;color:#fff}
.b_nav1{overflow:hidden;float:left;margin-right:30px;width:15%}
.b_nav1 h3{font-size:18px;color:#2070af;position:relative;padding-bottom:20px}
.b_nav1 h3:after{content:"";width:30px;height:2px;background:#2070af;position:absolute;bottom:0;display:block}
.b_nav1 h3 span{font-weight:400;font-size:13px;margin-left:5px}
.b_nav1 ul{overflow:hidden;margin-top:15px}
.b_nav1 ul li{float:left;text-align:left;width:100%;margin-right:10px;height:36px;line-height:36px;position:relative}
.b_nav1 ul li a{color:#333;font-size:16px;display:block}
.b_nav1 ul li a:hover{color:#2070af}
.foot{width:100%;position:absolute;bottom:0}
.b_nav{overflow:hidden;float:left;margin-right:30px;width:25%}
.b_nav h3{font-size:18px;color:#2070af;position:relative;padding-bottom:20px}
.b_nav h3:after{content:"";width:30px;height:2px;background:#2070af;position:absolute;bottom:0;display:block}
.b_nav h3 span{font-weight:400;font-size:13px;margin-left:5px}
.b_nav ul{overflow:hidden;margin-top:15px}
.b_nav ul li{text-align:left;width:50%;height:36px;line-height:36px;float:left;position:relative}
.b_nav ul li a{color:#333;font-size:16px;display:block}
.b_nav ul li a:hover{color:#2070af}
.tit_bt1{border-bottom:3px #13a33d solid;height:59px;line-height:59px;text-indent:1em;font-size:18px;font-weight:700;color:#13a33d;background:#f1f1f1;margin:0 auto 20px}
.tit_bt1 span{float:right;font-weight:400;font-size:16px;padding-right:10px}
.tit_bt1 span.dqian{margin:0}
.tit_bt1 i{font-size:14px;color:#333;text-transform:uppercase;margin-left:10px;font-weight:400}
.tit_bt1 span a{background:url(../images/icon.png) no-repeat center right;padding-right:10px;margin-left:6px}
.tit_bt1 span a:last-child{background:0 0}
.toolbar{width:52px;position:fixed;right:1%;top:44%;z-index:999}
.toolbar dd{width:51px;height:51px;margin-bottom:1px;position:relative;-webkit-border-radius:100%;border-radius:100%;margin-top:4px;border:#ebebeb solid 1px;background-color:#fff;-webkit-border-radius:100%;border-radius:100%}
.toolbar dd i{width:51px;height:51px;display:block;position:absolute;left:0;top:0;cursor:pointer;text-align:center;-webkit-border-radius:100%;border-radius:100%}
.toolbar dd i span{width:35px;height:35px;display:block;margin:8px 0 0 8px;background:url(../images/rightfixicon.png) no-repeat 0 0}
.toolbar dd.gottop{display:none}
.toolbar .slide-tel{display:block;width:0;height:43px;line-height:34px;font-size:24px;font-weight:700;font-family:arial;color:#fff;position:absolute;padding:10px 0 0 53px;top:-1px;right:-2px;-webkit-border-radius:50px;border-radius:50px;overflow:hidden}
.toolbar .pop{position:absolute;right:90px;top:-65px;background:#2070af;display:none}
.toolbar .pop-code{width:160px}
.toolbar .pop-code img{width:120px;height:120px;display:block;padding:20px 20px 0}
.toolbar .pop-code h3{height:52px;line-height:26px;text-align:center;color:#fff;font-size:16px;font-weight:400;white-space:nowrap}
.toolbar .pop-code h3 b{display:block;font-size:14px;font-weight:400}
.toolbar .qq span{background-position:-35px -47px}
.toolbar .qq a{width:52px;height:52px;cursor:pointer;display:block}
.toolbar .qq:hover{background-color:#2070af;border-radius:100%}
.toolbar .qq:hover span{background-position:0 -47px}
.toolbar .tel span{background-position:-35px 0}
.toolbar .tel:hover{background:#2070af}
.toolbar .tel:hover span{background-position:0 0}
.toolbar .code span{background-position:-35px -95px}
.toolbar .code:hover{background-color:#2070af;border-radius:100%;overflow:inherit}
.toolbar .code:hover span{background-position:0 -95px}
.toolbar .top1 span{background-position:-36px -142px}
.toolbar .top1:hover{background-color:#2070af;border-radius:100%}
.toolbar .top1:hover span{background-position:0 -142px}
.active .animated{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.delay100{-webkit-animation-delay:.1s;animation-delay:.1s}
.delay200{-webkit-animation-delay:.2s;animation-delay:.2s}
.delay300{-webkit-animation-delay:.3s;animation-delay:.3s}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:1}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg)}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:1}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg)}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}
}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.active .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@keyframes down-ico{0%{top:0;opacity:1}
35%{top:20%;opacity:0}
65%{top:-20%;opacity:0}
100%{top:0;opacity:1}
}
@-webkit-keyframes down-ico{0%{top:0;opacity:1}
35%{top:20%;opacity:0}
65%{top:-20%;opacity:0}
100%{top:0;opacity:1}
}
@keyframes scale-three2{0%{transform:scale(1);opacity:.8}
100%{transform:scale(1.3);opacity:0}
}
@-webkit-keyframes scale-three2{0%{-webkit-transform:scale(1);opacity:.7}
100%{-webkit-transform:scale(1.3);opacity:0}
}
@-moz-keyframes scale-three2{0%{-moz-transform:scale(1);opacity:.7}
100%{-moz-transform:scale(1.3);opacity:0}
}
@-o-keyframes scale-three2{0%{-o-transform:scale(1);opacity:.7}
100%{-o-transform:scale(1.3);opacity:0}
}
.page{width:100%;height:auto;overflow:hidden;margin:30px auto}
.page ul{display:table;margin:0 auto}
.page ul li{border:1px solid #ccc;padding:0 10px;height:30px;line-height:30px;color:#333;float:left;margin:0 5px}
.page ul li a{color:#333}
.page ul .thisclass{background:#2070af;color:#fff;border:1px solid #2070af}
.page select{border:none;background:0 0;outline:0}
.page ul .thisclass a{color:#fff}
.mbx{width:100%;height:62px;border-bottom:1px solid #eaeaea;max-width:1920px;margin:0 auto;position:relative;z-index:2}
.mbx a.home{display:block;width:64px;height:62px;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;background:url(../images/InpageAddress_icon01.png) no-repeat center;float:left;position:relative;z-index:999}
.mbx a.home:hover{background:url(../images/InpageAddress_icon03.png) no-repeat center}
.mbx .p1{line-height:62px;float:left;margin-left:16px;position:relative;z-index:9999}
.mbx .p1 a{display:block;padding-right:14px;background:url(../images/InpageAddress_icon02.png) no-repeat right center;font-size:16px;float:left;margin-left:10px}
.mbx .p1 a:first-child{margin-left:0}
.mbx .p1 a:last-child{background-image:none}
.n_banner{width:100%;margin:0 auto;overflow:hidden}
.n_banner img{width:100%;margin:0 auto}
.n_banner img:first-child{display:block}
.n_banner img:last-child{display:none}
.news{width:100%;overflow:hidden;margin:30px auto 50px}
.news ul{overflow:hidden}
.news ul li{background:#fff url(../images/jtt.png) no-repeat center right;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position:relative;width:50%;float:left;border:10px #fff solid;box-sizing:border-box}
.news ul li::marker{display:none;color:#fff;opacity:0}
.news ul li dl{text-align:center;color:#333;float:left;margin-right:28px;border-right:1px #ccc solid}
.news ul li dl dd{padding:0 30px 0;font-size:38px}
.news ul li dl dt{text-align:center;font-size:14px;height:20px;line-height:10px}
.news ul li span{overflow:hidden}
.news ul li span h3{color:#333;height:30px;line-height:30px;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:0}
.news h3 a{transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;color:#333}
.news h3 a:hover{color:#3351e2;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}
.news i{font-style:normal;font-size:12px;color:#999}
.news ul li span p{font-size:14px;line-height:23px;color:#999;height:48px;margin:0 auto;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding:0 20px 0 0}
.news ul li span i{font-size:13px;color:#999;height:30px;line-height:30px;background:url(../images/newsList_icon02.png) no-repeat center left;text-indent:2em;display:inline-block}
.news ul li:hover a h3{color:#2070af;z-index:1002;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.news ul li a{border:1px #ccc solid;display:block;padding:20px 80px 20px 0}
.news ul li:hover a{box-shadow:0 0 5px #ccc}
.news_box{background:#f6f4f4;overflow:hidden;padding:50px 0}
.news_mbt{margin:40px auto 0}
.news_mbt .swiper-container{padding-bottom:50px}
.news_mbt .swiper-pagination-bullet{width:10px;height:10px}
.news_mbt .swiper-pagination-bullet-active{background:#2070af}
.n_box{overflow:hidden;margin:0 auto 0;padding:0 0 15px;background:#fff}
.n_box dl{margin:-30px 30px 0;background:#f5f5f5;padding:20px;position:relative;z-index:33;border-bottom:5px #2070af solid}
.n_box h3{overflow:hidden;height:30px;line-height:30px;position:relative;padding:0 15px;margin:20px auto 0;color:#000}
.n_box dd{font-size:14px;padding:5px 30px;margin:10px 15px;color:#fff;display:inline-block;background:#2070af}
.n_box p{font-size:16px;color:#666;margin:20px 15px 20px;line-height:28px;display:-webkit-box;-webkit-box-orient:vertical;height:50px;-webkit-line-clamp:2;overflow:hidden}
.n_box dt{font-size:14px;color:#2070af;padding:8px 15px;margin-left:10px}
.n_box .n_box div{overflow:hidden;margin:0 15px}
.n_box div img{width:100%}
.n_box:hover h3{text-decoration:underline;color:#2070af}
.n_box:hover dt{background:#2070af;color:#fff;display:inline-block}
.pro-intro{overflow:hidden;margin-top:6px;padding:10px 14px 20px}
.pro-intro .img{float:left;width:450px;height:auto;overflow:hidden}
.pro-intro .img img{display:block;width:450px;height:395px}
.pro-intro .info{float:right;width:428px;height:395px;box-sizing:border-box;overflow:hidden;border:1px solid #d2d2d2;border-left:none}
.pro-intro .info p{color:#555;font-size:20px;border-bottom:1px solid #d9d9d9;height:45px;margin-top:60px;text-indent:20px}
.pro-intro .info .tel{width:100%;height:160px;border-bottom:1px solid #d9d9d9}
.pro-intro .info .tel img{display:block;margin-top:25px;margin-left:25px}
.pro-intro .info .tel b{width:100%;display:block;color:#1c71c8;margin-left:25px;font-size:36px;margin-top:10px;line-height:36px;font-weight:400}
.pro-intro .data{width:100%;height:auto;overflow:hidden}
.pro-intro .info .btn{width:100%;height:auto;overflow:hidden;margin-top:30px;margin-left:25px}
.pro-intro .info .btn a{display:block;width:165px;height:48px;background:#1c71c8;color:#fff;float:left;margin-right:15px;line-height:48px;font-size:16px;text-indent:30px;border-radius:10px;position:relative}
.pro-intro .info .btn a:after{content:url(../images/kf.png);position:absolute;top:13px;right:29px}
.pro-intro h2{font-size:28px;color:#333;font-weight:400;margin-bottom:16px;text-align:center;margin-top:20px}
.pro-intro .share{width:100%;height:46px;line-height:46px;border-bottom:1px #e7e7e7 solid;background:#f1f1f1;text-align:center}
.pro-intro .share p span{display:inline-block;font-size:12px;color:#999;padding:0 8px}
.pro-intro .info .btn a:last-child{background:#595757;text-indent:0;text-align:center}
.pro-intro .info .btn a:last-child::after{content:""}
.pro-intro .info .btn a:hover{background:#25b240}
.pro-intro .intro{width:100%;height:auto;overflow:hidden;margin-top:40px;min-height:500px}
.pro-intro .intro .t{width:100%;height:30px;border-bottom:1px solid #d2d2d2}
.pro-intro .intro .t p{color:#fff;font-size:18px;background:#1c71c8;width:180px;height:30px;line-height:30px;text-align:center}
.pro-intro .text{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin:20px 0 20px}
.pro-intro .textxq{height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin-top:20px;padding:0 10px}
.pro-intro .textxq img{display:block;max-width:100%;margin:0 auto}
.pro-intro .textxq p{font-size:16px;line-height:28px;color:#666;text-indent:2em}
.article-detailed{overflow:hidden;margin:20px auto}
.article-detailed .tit{height:auto;overflow:hidden;margin-bottom:15px}
.article-detailed .tit p{color:#333;font-size:18px;text-align:center;border-bottom:1px dashed #f1f1f1;height:30px}
.article-detailed .tit span{display:block;color:#333;margin-top:5px;font-size:12px;text-align:center}
.article-detailed .intro{height:auto;overflow:hidden}
.article-detailed .intro img{display:block;max-width:100%;margin:0 auto}
.article-detailed .intro p{color:#333;font-size:16px;line-height:30px;text-indent:2em}
.fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin-top:30px}
.fy p{width:33.3333%;height:60px;line-height:60px;float:left;color:#666;font-size:16px;text-align:center;border-right:1px solid #d2d2d2;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px}
.fy p:last-child{border:none}
.fy p a{color:#666}
.fy p a:hover{color:#006cd8}
.anli_lb{width:1400px;overflow:hidden;margin:20px auto 0}
.anli_lb ul{overflow:hidden}
.anli_lb ul li{width:25%;float:left;overflow:hidden;border:10px #fff solid;box-sizing:border-box}
.anli_lb ul li div{overflow:hidden;border:1px #fff solid}
.anli_lb ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px;line-height:40px;font-size:16px;text-align:center;position:relative}
.anli_lb ul li a:hover dd{color:#fff}
.anli_lb ul li a{color:#333}
.anli_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.anli_lb ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.anli_lb ul li:hover p{color:#2070af}
.anli_lb ul li:nth-child(4n){margin-right:0}
.news_lb{overflow:hidden;margin-top:20px}
.news_lb ul{overflow:hidden;padding:10px}
.news_lb ul li{padding:2%;margin-bottom:20px;float:left;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;border:1px #ccc dotted;width:96%}
.news_lb ul li h3{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;color:#494949;font-size:18px;margin-bottom:20px;display:block;position:relative;padding-right:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}
.news_lb ul li p{background:url(../images/icon.jpg) no-repeat center right;padding-right:60px;color:#7f7f7f;font-size:15px;line-height:24px;padding-left:20px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news_lb ul li h3:before{content:'';width:6px;height:6px;border-radius:50%;background:#494949;display:inline-block;margin:0 12px 2px 0;-moz-box-sizing:border-box;box-sizing:border-box}
.news_lb ul li h3 span{font-family:HNT;font-size:16px;font-weight:400;color:#919191;position:absolute;top:1px;right:0;line-height:1}
.news_lb ul li h3:hover{padding-left:10px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}
.news_lb ul li:hover{box-shadow:0 0 6px #ccc;-moz-box-shadow:0 0 6px #ccc;-ms-box-shadow:0 0 6px #ccc;-o-box-shadow:0 0 6px #ccc;-box-shadow:0 0 6px #ccc;transform:translate(0,-10px);box-shadow:0 0 10px #ccc;-moz-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-o-transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}
.map{width:100%;height:400px}
.lxwmmt{overflow:hidden;line-height:30px;font-size:16px;padding:20px 0}
.mssg-intro{overflow:hidden;margin:0 auto;padding-bottom:2%;margin-bottom:20px;background:url(../images/z.png) no-repeat;width:1400px}
.mssg-intro form{margin:5%;background:rgba(255,255,255,.8);padding:5%;overflow:hidden}
.mssg-intro form h3{font-size:36px;text-align:center;margin-bottom:30px}
.mssg-intro form ul li{width:100%;height:auto;overflow:hidden;border:1px solid #d2d2d2;margin-bottom:15px;background:#fff;border-radius:5px}
.mssg-intro form ul li input{height:50px;border:none;width:100%;outline:0;text-indent:10px;color:#999;font-size:16px;background:0 0;font-family:'微软雅黑'}
.mssg-intro form ul li textarea{width:788px;height:100px;border:none;outline:0;font-family:'微软雅黑';resize:none;background:0 0;text-indent:10px;padding-top:10px;color:#999;font-size:16px}
.mssg-intro form .btn input{width:49%;display:block;float:left;padding:3% 0;background:#2070af;outline:0;border:none;font-size:16px;color:#fff;border-radius:6px;font-family:'微软雅黑'}
.mssg-intro form .btn input:last-child{background:#999;margin-left:2%}
.g-adv{position:relative;width:100%;margin:0 auto 0 auto;z-index:15;display:none;overflow:hidden}
.g-adv .m-box img{display:block;position:relative;width:100%}
.g-adv .m-cnt{width:100%;position:absolute;bottom:0;left:0;z-index:10;height:4px}
.g-adv .m-cnt li{float:left;width:100%;height:4px}
.g-sbox .m-cnt{background:#dfdfdf;position:relative;border-bottom:1px solid #bdbab7}
.g-sbox .m-cnt li{position:relative}
.m-cnt li{text-align:center;width:32%}
.g-adv .m-cnt{background:#333}
.g-adv .m-cnt .z-on{background:#f4821f}
.g-adv img{width:100%}
.slider{display:none}
.fixed-contact-wrap{z-index:999;position:fixed;right:1px;bottom:25%;width:60px;margin-top:-120px;overflow:hidden;border-radius:30px;height:280px;opacity:0;transition:all .4s;transform:translateX(95px);-webkit-transform:translateX(95px);-moz-transform:translateX(95px);overflow:hidden;border-radius:30px}
.index_fixed{bottom: 5%}
.fixed-contact-wrap ul{border-radius:30px;overflow:hidden}
.fixed-contact-wrap.show{transform:none;opacity:1}
.fixed-contact-wrap.active{width:215px}
.fixed-contact-wrap li{position:relative;height:60px;background:#2070af;overflow:hidden}
.fixed-contact-wrap li strong{margin-right:20px}
.fixed-contact-wrap.active li{overflow:inherit}
.fixed-contact-wrap li a{position:relative;z-index:1000;display:block}
.fixed-contact-wrap li i{z-index:1000;position:absolute;right:0;display:block;width:60px;height:60px;transition:all .4s}
.fixed-contact-wrap.active li:after{z-index:1001;content:'';position:absolute;bottom:0;left:50%;display:block;width:80%;height:1px;margin-left:-40%;background:rgba(255,255,255,.1)}
.fixed-contact-wrap.active li:last-child:after{display:none}
.fixed-contact-wrap .phone i{background:#2070af url(../images/icon5.png) no-repeat center center;border-top-left-radius:30px;-moz-border-top-left-radius:30px;-webkit-border-top-left-radius:30px;border-top-right-radius:30px;-moz-border-top-right-radius:30px;-webkit-border-top-right-radius:30px}
.fixed-contact-wrap .weixin i{background:#2070af url(../images/icon8.png) no-repeat center center;height:100px}
.fixed-contact-wrap .qq i{background:#2070af url(../images/icon6.png) no-repeat center center}
.fixed-contact-wrap .back-top i{background:#2070af url(../images/icon7.png) no-repeat center center}
.fixed-contact-wrap.active .back-top i{border-bottom-left-radius:0;-moz-border-bottom-left-radius:0;-webkit-border-bottom-left-radius:0}
.fixed-contact-wrap li strong{position:absolute;top:0;right:-145px;display:block;width:100px;padding:0 15px 0 30px;font:normal 16px/60px gotham-medium;color:#fff;background:#2070af;white-space:nowrap;transition:all .4s;text-align:center}
.fixed-contact-wrap.active li strong{right:40px}
.fixed-contact-wrap.black li{background:#2070af}
.fixed-contact-wrap.black li strong{background:#2070af}
.fixed-contact-wrap .weixin{border-radius:0 0 30px 30px;overflow:hidden}
.fixed-contact-wrap .weixin strong{width:80px;margin-top:20px;border-radius:30px}
.fixed-contact-wrap .weixin strong img{width:100%}
.w60{margin:8% auto 0}



.product .swiper-slide ul{
    width: 100%;
}

.product .swiper-slide ul li{
    float:left;
    width: 24%;
    margin-left: 1%;
    background: #E8E8E8;
    padding: 1px;
    box-sizing: border-box;
    position: relative;
}
.product .swiper-slide ul li:first-child{
    margin-left: 0;
}

.product .swiper-slide ul li div{
    position: relative;
    overflow: hidden;
}
.product .swiper-slide ul li div:after{
    content: "查看详情";
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 180px;
    text-indent: 30px;
    height: 50px;
    border-radius: 30px;
    background:#0172D8 url(../images/icon01.png) no-repeat 35px center;
    line-height: 50px;
    color: #fff;
    left: 50%;
    transform:translate3d(-50%,-50%,0);
    top: 50%;
    transition: .5s;
    z-index: 2;
    font-size: 18px;
    opacity: 0;
}


.product .swiper-slide ul li img{
    display: block;
    width: 100%;
	 transition: .5s;
}
.product .swiper-slide ul li div:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
     transition: .5s;
    background: rgba(0, 0, 0, .5);
}


.product .swiper-slide ul li:nth-child(4n-3){
    margin-left: 0px;
}



.product .swiper-slide ul li p{
    text-align: center;
    color: #282828;
    font-size: 18px;
    line-height: 50px;
     white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.product .proSwiper .swiper-pagination{
    position: inherit;
    display:flex;
    justify-content: center;
    margin-top: 40px;
    bottom: inherit;

}
.product .proSwiper .swiper-wrapper{
    margin-top: 30px;
}

.product .proSwiper .swiper-pagination span{
    float: left;
    width: auto;
    height: auto;
    border-radius:inherit;
    border: none;
    position: relative;
    line-height: 30px;
    color: #282828;
    padding: 0 10px;
    box-sizing: border-box;
    margin:  0 15px;
}

.product .proSwiper .swiper-pagination span:after{
    content: "";
    width: 100%;
    height: 0px;
    background: #80B8EB;
    position: absolute;
    left: 0;
    bottom: 5px;
    transition: .5s;
}

.product .proSwiper .swiper-pagination span a{
    display: block;
    position: relative;
    transition: .5s;
    font-size: 15px;
    z-index: 10;
    color: #282828;
}
.product .proSwiper .swiper-pagination  .swiper-pagination-bullet-active{
    background: none;
}
.product .proSwiper .swiper-pagination  .swiper-pagination-bullet-active:after{
    height: 6px;
    
}

.product .proSwiper .swiper-pagination  .swiper-pagination-bullet-active a{
    font-size: 18px;
}

.fixed-contact-wrap{
    overflow: hidden;
}
.fixed-contact-wrap .phone p {
    color: #fff;
    font-size: 16px;
    width: 151px;
    text-align: center;
    text-align: center;
 
    margin: 0 auto;
    /* margin-right: 70px; */
    margin-top: 10px;
    float: left;
    margin-left: 25px;
}



@media screen and (min-width:1200px){


 .product .swiper-slide ul li:hover div:before{
    opacity: 1;
 }
  .product .swiper-slide ul li:hover div:after{
    opacity: 1;
  }

  .product .swiper-slide ul li:hover img{
    transform: scale(1.05);
  }
}   

.banner .swiper-pagination {
    position: absolute;
    right: 240px;
    left: inherit;
    bottom: 80px;
    display: table;
    width: auto;
    top: inherit;
}

.banner .swiper-pagination span{
    display: block;
    color: #fff;
    float: left;
    border: none;
    font-size: 20px;
    height: auto;
    margin: 0 15px !important;
    border-radius:inherit;
    text-align: right;
    transition: .3s;
    position: relative;
}

.banner .swiper-pagination span:after{
    content: "";
    width: 0px;
    height: 2px;
    display: block;
    left: 0;
    position: absolute;
    bottom:5px;
    transition: .3s;
    background: #fff;
}
 
.banner .swiper-pagination .swiper-pagination-bullet-active{
    width: 90px;
    background: none;
}

.banner .swiper-pagination .swiper-pagination-bullet-active:after{
    width: 70px;
   
}

.swiper-slide .detail {
      height: 90px;
      background: rgba(0, 0, 0, .7);
      position: absolute;
      width: 100%;
      bottom: 0;
      color: #fff;
      opacity: 0;
      transition: opacity .3s .3s;
  }

  .swiper-slide-active .detail {
      opacity: 1;
  }

  .effect1 img {
      transform: scale(1.25, 1.25) translate(10%, 10%);
      transform: scale(1.1, 1.1) translate(4.545%, 4.545%);

  }

  .leftUp img {
      -webkit-animation-name: leftUp;
      animation-name: leftUp;
  }

  @-webkit-keyframes leftUp {
      0% {
          transform: scale(1.1, 1.1) translate(4.545%, 4.545%);
      }

      100% {
          transform: scale(1.1, 1.1) translate(-4.545%, -4.545%);
      }
  }

  @keyframes leftUp {
      0% {
          transform: scale(1.1, 1.1) translate(4.545%, 4.545%);
      }

      100% {
          transform: scale(1.1, 1.1) translate(-4.545%, -4.545%);
      }
  }

  .moveRight img {
      -webkit-animation-name: moveRight;
      animation-name: moveRight;
  }

  @-webkit-keyframes moveRight {
      0% {
          transform: scale(1.1, 1.1) translate(-4.545%, 0);
      }

      100% {
          transform: scale(1.1, 1.1) translate(4.545%, 0);
      }
  }

  @keyframes moveRight {
      0% {
          transform: scale(1.1, 1.1) translate(-4.545%, 0);
      }

      100% {
          transform: scale(1.1, 1.1) translate(4.545%, 0);
      }
  }

  .moveDown img {
      -webkit-animation-name: moveDown;
      animation-name: moveDown;
  }

  @-webkit-keyframes moveDown {
      0% {
          transform: scale(1.1, 1.1) translate(0, -4.545%);
      }

      100% {
          transform: scale(1.1, 1.1) translate(0, 4.545%);
      }
  }

  @keyframes moveDown {
      0% {
          transform: scale(1.1, 1.1) translate(0, -4.545%);
      }

      100% {
          transform: scale(1.1, 1.1) translate(0, 4.545%);
      }
  }

  .centerBig img {
      -webkit-animation-name: centerBig;
      animation-name: centerBig;
  }

  @-webkit-keyframes centerBig {
      100% {
          transform: scale(1.1, 1.1);
      }
  }

  @keyframes centerBig {
      100% {
          transform: scale(1.1, 1.1);
      }
  }

  .rightDownBig img {
      -webkit-animation-name: rightDownBig;
      animation-name: rightDownBig;
  }

  @-webkit-keyframes rightDownBig {
      100% {
          transform: scale(1.1, 1.1) translate(4%, 4%);
      }
  }

  @keyframes rightDownBig {
      100% {
          transform: scale(1.1, 1.1) translate(4%, 4%);
      }
  }

  .swiper-slide img {
      animation-duration: 5s;
      animation-timing-function: linear;
      animation-fill-mode: forwards;
      -webkit-animation-duration: 5s;
      -webkit-animation-timing-function: linear;
      -webkit-animation-fill-mode: forwards;
  }