@charset "utf-8";
.pic{width:100%;overflow:hidden;position:relative}
.pic img{transition:.5s}
.pic:after{content:'';display:block;padding-bottom:100%}
.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}
.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%}
.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-title{text-align:center;position:relative;padding-top:64px}
.home-title h3{position:absolute;top:0;left:0;width:100%;font-size:90px;color:#f1f1f1;text-transform:uppercase;z-index:1}
.home-title span{font-size:50px;font-weight:700;color:#040404;z-index:2;position:relative;display:block;line-height:60px}
.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}
.content .home-title span{margin-bottom:8px}
@media (max-width:1620px){.container{width:1360px}
.container02{width:1360px}
}
@media (max-width:1420px){.container{width:1260px}
.container02{width:1260px}
.home-title span{font-size:35px;line-height:50px}
.home-title h3{font-size:70px}
.home-title{padding-top:38px}
.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}
}
@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}
.home-title h3{font-size:30px;line-height:50px}
.home-title span{font-size:25px;line-height:40px}
.home-title{padding-top:15px}
.home-title span{font-size:20px;line-height:30px}
.inbanner{margin-top:60px}
.inbanner .inbanner-slick{display:none}
.inbanner .inbanner-slick-phone{display:block}
.content{padding:40px 0}
}
@media (max-width:768px){.home-search{padding:10px 0}
.home-search .keys{width:100%}
.home-search .search-right{width:100%}
.home-search .search-right input{font-size:14px}
}
@media (max-width:420px){.home-title span{font-size:16px}
}
.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}
@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:40px 0}
}
.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)}
}
.home-title{text-align:center;position:relative;padding-top:64px}
.home-title h3{position:absolute;top:0;left:0;width:100%;font-size:90px;color:#f1f1f1;text-transform:uppercase;z-index:1}
.home-title span{font-size:50px;font-weight:700;color:#040404;z-index:2;position:relative;display:block;line-height:60px}
.form ul{margin:0 -12px}
.form ul li{width:50%;float:left;padding:0 16px;margin-bottom:29px}
.form textarea,.form ul li input{height:34px;width:100%;background:#fff;border:0;border-radius:5px;padding:0 22px;font-size:14px;color:#333;box-shadow:0 0 8px 0 rgba(151,161,217,.62)}
.content{padding:25px 0 0 0}
.content .home-title span{margin-bottom:8px}
.contact01 .contactlist{overflow:hidden;padding-top:42px;margin-top:12px;font-size:0;text-align:center}
.contact01 .contactlist li{width:20%;text-align:center;display:inline-block;vertical-align:top}
.contact01 .contactlist li .box{overflow:hidden;border-right:1px solid #ebebeb;margin-bottom:32px;padding:35px 10px 44px 10px;min-height:270px}
.contact01 .contactlist li .pic{height:50px;margin-bottom:19px}
.contact01 .contactlist li .bt{font-size:16px;color:#666;margin-bottom:19px}
.contact01 .contactlist li .jsh{font-size:17px;font-family:'Microsoft YaHei',arial;line-height:28px;color:#333}
.contact01 .contactlist li .jsh a{color:#333}
.contact01 .contactlist li:last-child{width:25%}
.contact01 .contactlist li:last-child .box{border:0}
.contact{position:relative;padding-bottom:0}
.contact .contact-title{position:relative;margin-top:100px;padding:40px 0;background:url(../images/cbg.jpg) repeat top center}
.contact .contact-title .img{position:absolute;top:-68px;left:78px}
.contact .contact-title .img img{display:block}
.contact .contact-title .h3{color:#0e5eb5;font-size:30px;font-weight:700;letter-spacing:2px;margin-bottom:21px}
.contact .contact-title .p{font-size:18px;color:#333;line-height:24px;letter-spacing:1.4px}
.contact .inmain-bottom{padding-top:30px;padding-left:31px;padding-bottom:25px}
.contact .inmain-bottom .text{float:left;width:36%;padding-top:5px}
.contact .inmain-bottom .text .jsh{font-size:18px;color:#333}
.contact .inmain-bottom .text .jsh p{padding-left:40px;line-height:30px;border-bottom:1px dotted #d9d9d9;padding-bottom:20px;margin-bottom:20px}
.contact .inmain-bottom .text .jsh p b{font-style:italic;font-size:34px;color:#0e5eb5;letter-spacing:1px;vertical-align:middle}
.contact .inmain-bottom .text .jsh .co1{background:url(../images/zuoji.png) no-repeat left 4px}
.contact .inmain-bottom .text .jsh .co2{background:url(../images/shouji.png) no-repeat left 5px}
.contact .inmain-bottom .text .jsh .co3{background:url(../images/youxiang.png) no-repeat left 8px}
.contact .inmain-bottom .text .jsh .co4{background:url(../images/dizhi.png) no-repeat left 4px}
.contact .inmain-bottom .text .jsh .co6{background:url(../images/chuanzhen.png) no-repeat left 4px}
.contact .inmain-bottom .form{float:right;width:54%}
.contact .inmain-bottom .form ul{margin:0 -17px}
.contact .inmain-bottom .form ul li{width:50%;float:left;padding:0 17px;margin-bottom:30px}
.contact .inmain-bottom .form ul li input{font-size:16px;color:#666;height:56px;width:100%;padding:0 20px 0 40px;border-radius:5px;background:#f8f8f8;border:1px solid #f8f8f8;font-family:'Microsoft YaHei',arial}
.contact .inmain-bottom .form ul li input:focus{border:1px solid #0e5eb5}
.contact .inmain-bottom .form ul li input::not(:placeholder-shown)~.placeholder{transform:translateY(0) translateX(0) scale(0);opacity:0;top:-31px;visibility:visible}
.contact .inmain-bottom .form textarea{font-size:16px;color:#666;height:200px;width:100%;padding:15px 20px 15px 40px;border-radius:5px;background:#f8f8f8;border:1px solid #f8f8f8;margin-bottom:30px;font-family:'Microsoft YaHei',arial}
.contact .inmain-bottom .form textarea:focus{border:1px solid #0e5eb5}
.contact .inmain-bottom .form .tijiao2{width:150px;height:56px;padding:0}
@media (max-width:1620px){.container{width:1360px}
.container02{width:1360px}
.contact .contact-title .h3{font-size:26px;padding-left:8%}
.contact .contact-title .p{font-size:16px;padding-left:8%}
}
@media (max-width:1420px){.container{width:1260px}
.container02{width:1260px}
.home-title span{font-size:35px;line-height:50px}
.home-title h3{font-size:70px}
.home-title{padding-top:38px}
}
@media (max-width:1300px){.container{width:1200px}
.container02{width:1200px}
}
@media (max-width:1220px){.container{width:1100px}
.container02{width:1100px}
.contact .inmain-bottom .text .jsh{font-size:15px}
.contact01 .contactlist li .jsh{font-size:15px}
.contact .inmain-bottom .text .jsh p b{font-size:26px}
.contact .inmain-bottom .text .jsh p{padding-bottom:15px;margin-bottom:15px}
.contact .contact-title .img img{width:80px}
.contact .contact-title .img{top:-33px;left:35px}
.contact .contact-title{margin-top:100px}
.contact .contact-title .h3{font-size:21px}
}
@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}
.home-title h3{font-size:30px;line-height:50px}
.home-title span{font-size:25px;line-height:40px}
.home-title{padding-top:15px}
.home-title span{font-size:20px;line-height:30px}
.form ul li input{font-size:15px}
.form ul li{margin-bottom:16px}
.contact .inmain-bottom .form{width:100%}
.contact .inmain-bottom .text{width:100%}
.content{padding:20px 0}
}
@media (max-width:768px){.contact .contact-title .h3{font-size:16px}
.contact .contact-title .p{font-size:14px}
.contact .contact-title{margin-top:50px}
.contact01 .contactlist{display:none}
.contact01 .contactlist li{width:100%}
.contact01 .contactlist li .box{overflow:hidden;border-right:0;margin-bottom:0;padding:10px 0;min-height:0}
.contact01 .contactlist li:last-child{width:100%}
.contact .inmain-bottom{padding-top:0;padding-left:0;padding-bottom:15px}
.contact .inmain-bottom .text .jsh p{padding-bottom:10px;margin-bottom:10px}
.contact .inmain-bottom .form ul li{width:100%;margin-bottom:20px}
.contact{padding-bottom:0}
.contact .inmain-bottom .form ul li input{font-size:14px}
}
@media (max-width:420px){.home-title span{font-size:16px}
.form ul li{width:100%}
}
.bg{background:url(../images/bg1.jpg) no-repeat top center}
.contact .inmain-bottom .form .btnGroup ul li{width:30%;float:left;padding:0 17px;margin:0 35% 30px}
@media (max-width:768px){.contact .inmain-bottom .form .btnGroup ul li{margin:0 25%}
}
.contact .inmain-bottom .form .btnGroup ul li input:hover{background:#0e5eb5;color:#fff}
@keyframes fadeInLeft2{from{opacity:0;transform:translate3d(-70px,0,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
.fadeInLeft2{animation-name:fadeInLeft2}
@keyframes fadeInRight2{from{opacity:0;transform:translate3d(70px,0,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
.fadeInRight2{animation-name:fadeInRight2}
@keyframes fadeInUp2{from{opacity:0;transform:translate3d(0,70px,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
.fadeInUp2{animation-name:fadeInUp2}
@keyframes fadeInDown2{from{opacity:0;transform:translate3d(0,-70px,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
.fadeInDown2{animation-name:fadeInDown2}