*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0}
a,body,div,h3,header,img,input,li,nav,p,section,span,ul{margin:0;padding:0}
body{font-family:'Microsoft YaHei',arial;font-size:14px;color:#666;line-height:1.5;margin:0 auto;background:#fff;max-width:1920px;-webkit-tap-highlight-color:transparent}
a:link,a:visited{text-decoration:none;color:#666}
a:active,a:focus,a:hover{color:#666;text-decoration:none}
li,ul{list-style:none}
img{border:0;max-width:100%}
div{outline:0}
h3{font-weight:400;font-size:100%}
input{font-family:arial;font-size:14px;outline:0;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;border-radius:0}
input[type=submit]{cursor:pointer}
input[type=text]{color:#666}
::-webkit-input-placeholder{color:#333}
:-moz-placeholder{color:#333}
::-moz-placeholder{color:#333}
:-ms-input-placeholder{color:#333}
.clearfix:after{content:"";display:table;clear:both}



.container{width:1470px;margin-left:auto;margin-right:auto}
.container02{width:1440px;margin-left:auto;margin-right:auto}
#container{overflow:hidden;position:relative;background:#fff}
.header{height:126px;transition:.5s;z-index:100;width:100%;position:fixed;top:0;left:0;background-color:#fff}
.header .container{width:100%}
.header .logo{float:left;z-index:4;transition:.5s;padding-top:0;padding-left:139px}
.header .logo a{float:left;position:relative}
.header .logo a img{transition:.5s;display:block;float:left}
.header .header-right{float:right;transition:.5s;padding-right:40px}
.header .header-right .phone{float:right;background:url(../images/phone.png) no-repeat center left;padding-left:46px;background-size:38px}
.header .header-right .phone p{font-size:20px;color:#0e5eb5;font-weight:700;line-height:35px}

.header .header-right .nav{float:right;margin-right:52px}
.header .header-right .nav ul li{float:left;margin-left:55px;position:relative}
.header .header-right .nav ul li>a{display:block;color:#333;font-size:18px;text-align:center;position:relative;transition:.5s;text-transform:uppercase}
.header .header-right .nav ul .active>a{display:block;color:#0e5eb5;font-size:18px;text-align:center;position:relative;transition:.5s;text-transform:uppercase}
.header .header-right .nav ul li>a span{font-size:12px;display:block;margin-top:3px}
.header .header-right .nav ul li .subnav{position:absolute;top:38px;left:50%;width:160px;margin-left:-80px;display:none;padding:45px 10px 0 10px;text-align:center}
.header .header-right .nav ul li .subnav:after{width:0;height:0;display:block;position:absolute;left:55px;top:35px;z-index:5;content:'';border-top:8px transparent dashed;border-left:8px transparent dashed;border-right:8px transparent dashed;border-bottom:8px #fff solid;overflow:hidden}
.header .header-right .nav ul li .subnav ul{background:#fff;padding:5px;box-shadow:0 0 15px 0 rgba(0,0,0,.1)}
.header .header-right .nav ul li .subnav ul li{float:none;margin:0;padding:0;background:0}
.header .header-right .nav ul li .subnav ul li a{line-height:45px;font-size:15px;color:#333;height:45px;width:auto;padding:0 5px;overflow:hidden;transition:.5s;font-weight:400;text-transform:inherit}
.header .header-right .nav ul li .subnav ul li a:after{display:none}


@media (min-width:1025px){.header .header-right .nav ul li .subnav ul li:hover a{color:#0e5eb5;text-decoration:underline}
}
@media (min-width:1025px){.header .header-right .nav ul li:hover a{color:#0e5eb5}
.header .header-right .nav ul li:hover a:after{width:100%}
}
.header .header-right .nav ul:nth-child(1){background:0}
.header .header-right .nav ul .active a:after{width:100%}
.headerFixed{box-shadow:0 4px 10px 0 rgba(4,0,0,.2)}
@keyframes mymove4{0%{transform:scale(1)}
50%{transform:scale(1.03)}
100%{transform:scale(1)}
}
@-webkit-keyframes mymove4{0%{transform:scale(1)}
50%{transform:scale(1.03)}
100%{transform:scale(1)}
}
.phone-nav{position:fixed;right:15px;top:0;line-height:60px;display:none;color:#666;z-index:116}
.phone-nav svg{height:22px;margin-top:19px;display:block;fill:#1391e2}
.about01{position:relative;margin:58px 0;clear:both}
.about01:after{content:'';display:block;width:78px;height:530px;background:url(../images/a.png) no-repeat top center;position:absolute;left:-78px;top:8px}
.about01 .right{width:802px;float:left;height:557px;margin-top:13px;margin-right:10px;cursor:pointer}
.about01 .right:after{content:'';display:block;width:551px;height:547px;position:absolute;bottom:-54px;right:-56px;background:url(../images/abg1.png) no-repeat center center;z-index:1}
.about01 .right:before{content:'';display:block;width:274px;height:272px;position:absolute;top:-16px;left:-22px;background:url(../images/abg1.png) no-repeat center center;z-index:1}
.header .container{width:1470px}
.header .logo{padding-left:0;display:flex;justify-content:center;align-items:center;height:126px;width:30%}
.header .header-right{padding-right:0;display:flex;justify-content:center;align-items:center;height:126px;width:70%}
.header .header-right .nav ul li{margin-left:25px}
@media (max-width:1875px){.header .container{width:1470px}
.header .logo{padding-left:0;display:flex;justify-content:center;align-items:center;height:126px;width:30%}
.header .header-right{padding-right:0;display:flex;justify-content:center;align-items:center;height:126px;width:70%}
.header .header-right .nav ul li{margin-left:25px}
}
@media (max-width:1620px){.container{width:1360px}
.container02{width:1360px}
.header .container{width:1360px}
.header .header-right .phone p{font-size:20px}
.about01 .right{width:700px;height:486px}
.about01 .right:after{width:500px;height:447px}
}
@media (max-width:1420px){.container{width:1260px}
.container02{width:1260px}
.header .container{width:1260px}
.header .header-right .nav ul li>a{font-size:16px}
.header .header-right .nav ul li .subnav{padding-top:37px}
.header .header-right .nav ul li .subnav:after{top:21px}
.header .header-right .phone p{font-size:18px}
.header .header-right .phone{padding-left:40px;background-size:30px}

.header{height:112px}
.header .logo{height:112px}
.header .header-right{height:112px}
}
@media (max-width:1300px){.container{width:1200px}
.container02{width:1200px}
.header .container{width:1200px}
}
@media (max-width:1220px){.container{width:992px}
.container02{width:992px}
.header .container{width:992px}
.about01 .right{width:600px;height:417px}
.header .header-right .nav ul li{margin-left:10px}
.header .header-right .nav ul li>a{font-size:14px}
}
@media (max-width:1200px){.container{width:992px}
.container02{width:992px}
.header .container{width:992px}
.about01 .right{width:500px;height:347px}
}
@media (max-width:1000px){.container{width:100%;padding:0 15px}
.container02{width:100%;padding:0 15px}
.header .container{width:100%;padding:0 15px}
.header .header-right{display:none}
.phone-nav{display:block}
.header{height:60px}
.header .logo{height:60px}
}
@media (max-width:768px){.about01 .right{width:100%;height:auto}
.about01{margin:20px 0}
.about01 .right:after{display:none}
.about01 .right:before{display:none}
.header .logo{width:30%}
}
@media (max-width:1023px){.header p{display:none}
}
.nav ul li h3{font-weight:600}
.foot_bg{width:100%;background:url(../images/foot-map.png) no-repeat center top #689dcb;background-size:contain;padding:3rem 0 0.5rem}
.clearfix::after{content:"";display:table;clear:both}
.foot-content{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;width:1360px;margin:0 auto}
.foot-Column{flex-grow:1;margin-right:1rem}
.foot-Column li{padding-right:3rem;float:left}
.Column-Level-2{text-align:center}
.Column-Level-2 a{color:#fff;font-weight:400;font-size:18px;line-height:36px}
.Column-Level-2 a:hover{color:#0e5eb5}
.Column-xiahua{width:100%;height:2px;background:#fff;margin:10px 0}
.Column-Level-3{text-align:center}
.Column-Level-3 a{font-size:16px;line-height:32px;color:#fff}
.Column-Level-3 a:hover{color:#0e5eb5}

.foot-code{padding:0 0.5rem;max-width:40%;line-height:40px;}
.foot-code p{font-size:18px;line-height:36px;font-weight:400;color:#fff;margin-bottom:.5rem}
.foot-code p span{color:#0e5eb5;margin-right:.5rem;font-size:18px;line-height:36px}
.foot-code .wenzi{font-size:14px;line-height:28px;text-align:center;margin-top:.5rem;color:#fff}
.foot-code img{width:100%;display:block}

.foot-connect{margin-left:2.5rem;}
.foot-connect .lianxi{font-size:18px;line-height:36px;font-weight:400;color:#fff;text-align:left}
.foot-connect p span{color:#0e5eb5;margin-right:.5rem;font-size:18px;line-height:36px}
.foot-connect p{font-size:16px;line-height:32px;text-align:left;color:#fff}
.foot-connect .jiada{font-size:20px;line-height:32px;font-weight:600;color:#fff;text-align:left}

.copyright{width:100%;background:#3d7db4;height:50px}
.copyright-content{width:1360px;margin:0 auto}
.copyright-content p{font-size:16px;line-height:50px;float:left;color:#fff}
.copyright-content a{font-size:16px;line-height:50px;float:right;color:#fff}



.floating-box{position:fixed;right:10px;bottom:60px;display:flex;flex-direction:column;align-items:flex-end;z-index:9999}
.floating-box .item{width:50px;height:50px;margin-bottom:10px;background-color:#0e5eb5;border-radius:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative}
.floating-box .item:last-child{margin-bottom:0}
.floating-box .item:not(#top):hover{width:160px}
.floating-box .item:not(#top):hover .icon{left:20px}
.floating-box .icon{width:25px;height:25px;position:absolute;transition:all .3s ease}
.floating-box .text{opacity:0;transition:opacity .3s ease;white-space:nowrap;color:#fff}
.floating-box .item:not(#top):hover .text{opacity:1;margin-left:30px}
.floating-box .item#top:hover{width:100px}
.floating-box .item#top{display:none}

@media (max-width:1000px){.floating-box .item#contact,.floating-box .item#qq{display:none}
}
.middleCenter{position:absolute;top:0;bottom:0;left:0;right:0;max-width:100%;max-height:100%;display:block;vertical-align:middle;text-align:center;margin:auto;}
.middleCenter1{position:absolute;top:0;bottom:0;left:0;right:0;max-width:100%;max-height:100%;display:block;vertical-align:middle;text-align:center;margin:auto;height:188px;width:328px}
.container{width:1470px;margin-left:auto;margin-right:auto}
.container02{width:1440px;margin-left:auto;margin-right:auto}
#container{overflow:hidden;position:relative;background:#fff}
.inbanner{overflow:hidden;width:100%;position:relative;margin-top:126px}
.inbanner .inbanner-slick{width:100%;/*height:430px;left:50%;margin-left:-960px;position:relative*/}
.inbanner .inbanner-slick img{transition:5s;animation:mymove4 5s;display:block}
.inbanner .inbanner-slick .banner-info{position:absolute;top:138px;left:0;width:100%;color:#fff;text-shadow:.5px .86px 2px rgba(0,0,0,.71)}
.inbanner .inbanner-slick .banner-info .h3{margin-bottom:-3px;font-size:35px;font-weight:700;letter-spacing:3px}
.inbanner .inbanner-slick .banner-info .jsh{font-size:15px;text-transform:uppercase;margin-bottom:18px}
.inbanner .inbanner-slick .banner-info .span{font-size:26px;letter-spacing:1px;float:left}
.inbanner .inbanner-slick .banner-info .span:after{content:'';display:block;width:100px;height:6px;background:#0e5eb5;margin-top:19px}
.inbanner .inbanner-slick-phone{display:none}
.inbanner .inbanner-slick-phone img{display:block;transition:5s;animation:mymove4 5s}
.inbanner .inbanner-slick-phone .banner-info{position:absolute;top:50%;left:0;width:100%;color:#fff;transform:translateY(-50%);text-shadow:.5px .86px 2px rgba(0,0,0,.71)}
.inbanner .inbanner-slick-phone .banner-info .h3{margin-bottom:-3px;font-size:22px;font-weight:700;letter-spacing:3px}
.inbanner .inbanner-slick-phone .banner-info .jsh{font-size:12px;text-transform:uppercase;margin-bottom:5px}
.inbanner .inbanner-slick-phone .banner-info .span{font-size:16px;letter-spacing:1px}
.inbanner .inbanner-slick-phone .banner-info .span:after{content:'';display:block;width:30px;height:3px;background:#0e5eb5;margin-top:5px}
@keyframes mymove4{0%{transform:scale(1)}
50%{transform:scale(1.03)}
100%{transform:scale(1)}
}
@-webkit-keyframes mymove4{0%{transform:scale(1)}
50%{transform:scale(1.03)}
100%{transform:scale(1)}
}
.home-search{padding:16px 0 14px 0;overflow:hidden;background:#0e5eb5}
.home-search .keys{float:left;font-size:18px;line-height:28px;letter-spacing:2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:70%;color:#fff}
.home-search .keys span{color:#fff;display:block;float:left}
.home-search .keys a{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;vertical-align:middle;margin:0 5px}
.home-search .keys a:hover{text-decoration:underline}
.home-search .search-right{float:right;width:22.6%;position:relative}
.home-search .search-right input{border:0;height:36px;padding:0 60px 0 28px;font-size:16px;color:#333;width:100%;border-radius:30px;background:rgba(255,255,255,.76)}
.home-search .search-right .submit{width:55px;height:36px;color:#fff;background:url(../images/search.png) no-repeat center center;background-size:24px;overflow:hidden;padding:0;border:0;position:absolute;top:0;right:0}
.content{padding:42px 0 71px 0}

@media (max-width:1620px){.container{width:1360px}
.container02{width:1360px}
}
@media (max-width:1420px){.container{width:1260px}
.container02{width:1260px}
.about01 .text .span{font-size:18px}
.home-search .keys{font-size:14px}
.inbanner{margin-top:112px}
}
@media (max-width:1300px){.container{width:1200px}
.container02{width:1200px}
}
@media (max-width:1220px){.container{width:1100px}
.container02{width:1100px}
.about01 .text .span{margin-bottom:20px}
}
@media (max-width:1200px){.container{width:992px}
.container02{width:992px}
}
@media (max-width:1000px){.container{width:100%;padding:0 15px}
.container02{width:100%;padding:0 15px}
.inbanner{margin-top:60px}
.inbanner .inbanner-slick{display:none}
.inbanner .inbanner-slick-phone{display:block}
.content{padding:40px 0}
}
@media (max-width:768px){.about01{margin:20px 0}
.about01 .text{padding-top:5px;width:100%}
.about01 .text .span{margin-bottom:10px}
.home-search{padding:10px 0}
.home-search .keys{width:100%}
.home-search .search-right{width:100%}
.home-search .search-right input{font-size:14px}
}
.bg{background:url(../images/bg1.jpg) no-repeat top center}
#container{overflow:hidden;position:relative;background:#fff}
@keyframes mymove4{0%{transform:scale(1)}
50%{transform:scale(1.03)}
100%{transform:scale(1)}
}
@-webkit-keyframes mymove4{0%{transform:scale(1)}
50%{transform:scale(1.03)}
100%{transform:scale(1)}
}

.content{padding:42px 0 71px 0}

.about01{position:relative;margin:58px 0 20px;clear:both}
.about01:after{content:'';display:block;width:78px;height:530px;background:url(../images/a.png) no-repeat top center;position:absolute;left:-78px;top:8px}
.about01 .right{width:688px;float:left;height:557px;margin-top:13px;margin-right:10px;cursor:pointer}
.about01 .right:after{content:'';display:block;width:551px;height:547px;position:absolute;bottom:-54px;right:-56px;background:url(../images/abg1.png) no-repeat center center;z-index:1}
.about01 .right:before{content:'';display:block;width:274px;height:272px;position:absolute;top:-16px;left:-22px;background:url(../images/abg.png) no-repeat center center;z-index:1}

.about01 .right img{width:100%;position:relative;z-index:2;}
.about01 .right .video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:3}
.about01 .right .video img{display:block}
.about01 .text{width:44%;float:right}
.about01 .text .bt{font-size:42px;color:#0e5eb5;font-weight:700}
.about01 .text .span{font-size:21px;color:#8b8b8b;text-transform:uppercase;line-height:26px;margin-bottom:15px}
.about01 .text .jsh{font-size:16px;color:#333;line-height:32px;margin-bottom:52px;text-indent: 2rem}


.culture-top{text-align:center;color:#fff;padding-top:25px;margin-bottom:25px}
.culture-top h3{font-size:42px;color:#0e5eb5;font-weight:700}
.culture-top p{font-size:21px;text-transform:uppercase;color:#333}
.culture{padding-bottom:9px;background-size:cover}
.culture .list{overflow:hidden;position:relative}
.culture li{width:33.33333333%;float:left;-webkit-transition:all .5s;transition:all .5s}
.culture li .box{padding:10px 0;background:#fff;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;text-align:center}
.culture li .icon{display:block;width:20rem;height:10rem;border-radius:50%;position:relative;margin:auto auto auto auto}
.culture li .info{margin:10px 0;padding:0 30px;font-size:16px;color:#000}




@media(max-width:768px){.culture .list{padding-bottom:0;padding-left:0;padding-right:0;height:auto}
.culture li{width:100%}
.culture li .box{padding:15px 0}
.culture li .icon{display:block;width:100%;border-radius:50%;position:relative;margin:auto auto auto auto}
.culture li .info{margin:10px 0;min-height:0}
}
@media (max-width:1620px){.container{width:1360px}
.container02{width:1360px}
.about01 .right{width:600px;height:437px}
.about01 .right:after{width:360px;height:322px;bottom:-120px}
.about01 .text .jsh{font-size:14px;line-height:30px;}
.about01 .text{width:46%}
}
@media (max-width:1420px){.container{width:1260px}
.container02{width:1260px}
.culture li .info{font-size:18px}
.culture-top h3{font-size:32px}
.culture-top p{font-size:18px}
.about01 .text .bt{font-size:32px}
.about01 .text .span{font-size:18px}
.about01 .right{width:540px;height:486px}
.about01 .right:after{width:300px;height:269px;bottom:-44px;right:-40px}
}
@media (max-width:1300px){.container{width:1200px}
.container02{width:1200px}
}



@media (max-width:1220px){.container{width:1100px}
.container02{width:1100px}
.about01 .right{width:515px;height:417px}
.about01 .text .span{margin-bottom:20px}
.about01 .text .jsh{font-size:14px;line-height:30px;margin-bottom:22px;}
.culture .list{padding-left:20px;padding-right:20px}
}

@media (max-width:1200px){.container{width:992px}
.container02{width:992px}
.about01 .right{width:428px;height:347px}
.about01 .right:after{width:200px;height:179px;bottom:-34px;right:-30px}
.about01 .text{width:47%}
.about01 .text .bt{font-size:24px}
.about01 .text .jsh{font-size:12px;line-height:24px;}
.culture-top h3{font-size:24px}
.culture-top p{font-size:16px}
.culture-top{padding-top:30px;margin-bottom:15px}
}


@media (max-width:1000px){.container{width:100%;padding:0 15px}
.container02{width:100%;padding:0 15px}
.culture li .info{font-size:15px}
.culture li .box{padding:15px 0}
.content{padding:40px 0}
.about01{margin:0}
.about01 .text{padding-top:5px;width:100%}
.about01 .text .bt{font-size:18px}
.about01 .text .span{margin-bottom:10px}
.culture .list{padding-left:0;padding-right:0}
.about01 .right:after{display:none}
.about01 .right:before{display:none}
.about01 .text .jsh{font-size:14px;line-height:28px;margin-top:20px;}
}


@media (max-width:768px){.about01 .right{width:100%;}
.about01{margin:0}
.about01 .text{padding-top:5px;width:100%}
.about01 .text .bt{font-size:18px}
.about01 .text .span{margin-bottom:10px}
.culture .list{padding-left:0;padding-right:0}
.about01 .right:after{display:none}
.about01 .right:before{display:none}
.about01 .text .jsh{font-size:14px;line-height:28px;margin-top:60px;}
}


.bg{background:url(../images/bg1.jpg) no-repeat top center}
@keyframes mymove4{0%{transform:scale(1)}
50%{transform:scale(1.03)}
100%{transform:scale(1)}

}




@-webkit-keyframes mymove4{0%{transform:scale(1)}
50%{transform:scale(1.03)}
100%{transform:scale(1)}
}
.content{padding:25px 0 0 0}
.contact .inmain-bottom .form ul li input::not(:placeholder-shown)~.placeholder{transform:translateY(0) translateX(0) scale(0);opacity:0;top:-31px;visibility:visible}
@media (max-width:1620px){.container{width:1360px}
.container02{width:1360px}
}
@media (max-width:1420px){.container{width:1260px}
.container02{width:1260px}
}
@media (max-width:1300px){.container{width:1200px}
.container02{width:1200px}
}
@media (max-width:1220px){.container{width:1100px}
.container02{width:1100px}
}
@media (max-width:1200px){.container{width:992px}
.container02{width:992px}
}
@media (max-width:1000px){.container{width:100%;padding:0 15px}
.container02{width:100%;padding:0 15px}
.content{padding:20px 0}
.about01 .text{margin-top:-30px;padding-top:0}
.about01 .text .span{margin-bottom:10px}
}
.bg{background:url(../images/bg1.jpg) no-repeat top center}






@media (max-width:1400px){.header .header-right .nav{margin-right:26px}
.header .header-right .nav ul li{margin-left:20px}
.foot-content{width:1200px}
.foot-connect{margin-left:0px;}
.foot-code{padding:0 1rem}
.foot-Column li{padding-right:2.5rem}
.Column-Level-2 a{font-size:16px;line-height:32px}
.Column-Level-3 a{font-size:14px;line-height:28px}
.copyright-content{width:1200px}
}


@media (max-width:1220px){.foot-content{width:992px}
.foot-Column li{padding-right:2rem}
.foot-code{padding:0 .5rem}
.foot-code p{font-size:16px;line-height:32px;margin-bottom:.4rem}
.foot-code p span{font-size:16px;line-height:32px}
.foot-code .wenzi{margin-top:.4rem}
.foot-connect{flex-basis:23%;max-width:23%}
.foot-connect .lianxi{font-size:16px;line-height:32px}
.foot-connect p span{font-size:16px;line-height:32px}
.foot-connect p{font-size:14px;line-height:28px}
.foot-connect .jiada{font-size:24px;line-height:48px}
.copyright-content{width:992px}
}


@media (max-width:1220px){.header .header-right .nav ul li{margin-left:10px}
.header .header-right .nav ul li>a{font-size:14px}



@media (max-width:850px){.foot-Column{display:none}
.foot-code{padding:0;margin:0 0 1rem}
.foot-code img{width:40%;margin:0 auto}
.foot-code p{display:none}
.foot-connect{margin:0 1rem;width:70%;}
.foot-connect .lianxi{font-size:16px;line-height:25px}
.foot-connect p span{font-size:14px;line-height:25px}
.foot-connect p{font-size:14px;line-height:25px}
.foot-connect .jiada{font-size:20px;line-height:25px}
.copyright{height:48px}
.copyright-content p{font-size:14px;line-height:44px;float:left}
.copyright-content a{font-size:14px;line-height:44px;float:left;margin-left:5px}
}