*{padding:0;margin:0;box-sizing:border-box;/*transition: all 0.6s;*/font-family: '黑体';}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,textarea{border:none; overflow-x:hidden;}
h1{font-size: 18px; }
h2{font-size: 16px;}
h3{font-size: 14px;}
h4,h5,h6{font-size: 100%;}
small{font-size: 12px;}
img,input{vertical-align: middle; border:none;}
ul,ol,li{list-style: none;}
a{text-decoration:none;outline:none}
a:hover{text-decoration: underline;}
table{border-collapse: collapse;border-spacing: 0;}
body { background:#fff; font-size:12px;overflow-x:hidden;}
.clear{height:1px;clear:both;margin-bottom:-1px;overflow:hidden;visibility:hidden;display:block;}
i,em{font-style: normal;}
a{color:#333;cursor:pointer;}
a:hover{text-decoration:none;}
input,button,select{outline: none;font-size:14px; }
button,input[type=button]{cursor: pointer;}
::-webkit-scrollbar{width:5px;height:1px}
::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:#535353}
::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:10px;background:#ededed}
.w50{width:50%}
.w100{width:100%}
.w1200{width:1200px;margin:auto}
.w1440{width:1440px;margin:auto}
.fl{float:left}
.fr{float:right}
body{background:#eaeaea}
/*a:hover{text-decoration:underline;}*/
/* img{transition: all 0.6s;}  img:hover{ transform: scale(1.1);}  */
/* @media screen and (max-width:auto)  */
img{max-width:100%}
.header{overflow:hidden;position:fixed;top:0;left:0;z-index:100}
.header .nav{overflow:hidden;margin:auto}
.header .nav .logo{font-size:40px;padding:10px 0;color:#fff;cursor: pointer;}
.header .nav .logo a{background-image:url("../img/60e57b9c174ae.png");background-size:cover;width:240px;height:70px;display:block;cursor: pointer;}
.header .nav .nav-group{overflow:hidden}
.header .nav .nav-group .nav-item{float:left;line-height:100px;text-align:center;position:relative;width:100px;cursor: pointer;}
.header .nav .nav-group .nav-item a{color:#fff;font-size:16px;cursor: pointer;}
.header .nav .nav-group .nav-item:before{content:'';width:100%;cursor: pointer;height:100px;position:absolute;display:block;bottom:-100px;transition:all .6s;background:#f88334;z-index:-1}
.header .nav .nav-group .nav-item:hover a{color:#fff}
.header .nav .nav-group .nav-item:hover:before{bottom:0}
.fixednav{background:rgba(0,0,0,0.5);box-shadow:0 0 30px -5px #fff}
.fixednav .nav .nav-group .nav-item:hover a{color:#fff !important}
.banner .swiper-container{width:100%;height:100vh;background:#f2d2d2}
.banner .swiper-slide{font-size:18px;background:#fff;position:relative}
.banner .banner-item{width:100%;height:100%;background-position:center;background-size:cover;position:absolute;}
.banner .banner-text{margin-top: 20vh;}
.banner .banner-text span{font-size:60px;display: block;margin-bottom: 2vh;color: #fff;}
.banner .banner-text p{float: left;background: #fff;padding: 10px;margin-right: 30px;border-radius: 5px;}
.banner .banner-text img{width: 200px;}
.banner .banner-text p i{display: block;color: #666;font-size: 16px;text-align: center;padding-top: 10px;}
.banner .swiper-slide-active{z-index:99}
.about{background: #fff;overflow: hidden;}
.about_cent{padding: 10vh 0 ;}
.nav_title{font-size: 40px;text-align: center;padding-bottom: 5vh;}
.about_cent p{font-size: 18px;color: #666;line-height: 2;}
.about_cent p img{padding: 30px;}
.about_cent p span{padding: 30px;}
.about_superiority{overflow: hidden;margin: 20px auto;   }
.about_superiority ul{width: 20%;overflow: hidden;float: left;text-align: center;padding: 20px;}
.about_superiority ul img{width: 100px;margin: 40px 0;height: 100px;}
.about_superiority ul h3{font-size: 22px;color: #333;}
.about_superiority ul p{font-size: 16px;line-height: 2;color: #666;}
.service_box{overflow: hidden;background: rgba(251, 250, 249, 1);padding: 5vh;}
.service_cent{padding-top: 10vh;overflow: hidden;}
.service_text{font-size: 18px;line-height: 2;color: #666;padding-top: 5vh;}
.service_img1 img{width: 450px;margin: auto;display: block;}
.coming_box{background: #fff;padding: 10vh 0;}
.coming_cent{position: relative;}
.coming_text{font-size: 18px;line-height: 2;color: #666;width: 500px;position: absolute;top: 14%;}
.poa_text{position: absolute;}
.poa_text li{font-size: 20px;font-weight: bold;}
.poa_text p{font-size: 16px;color: #666;}
.poa_1{bottom: 0;left: 23%;}
.poa_2{left: 43%;bottom: 15%;}
.poa_3{left: 60%;bottom: 34%;}
.poa_4{right: 12%;top: 38%;}
.poa_5{right: -1%;top: 16%;}
.poa_1 li{color: #227fb6;}
.poa_2 li{color: #3ba2e0;}
.poa_3 li{color: #1cadb3;}
.poa_4 li{color: #74ad66;}
.poa_5 li{color: #a5c364;}
.contact_box{overflow: hidden;background: rgba(0, 0, 0, 1);padding: 5vh;}
.contact_r{overflow: hidden;margin: auto;display: block;}
.contact_r p{float: right;background: #fff;padding: 10px;margin-left: 30px;border-radius: 5px;}
.contact_r img{width: 150px;}
.contact_r p i{display: block;color: #666;font-size: 16px;text-align: center;padding-top: 10px;}
.contact_l{font-size: 15px;color: #fff;line-height: 2;}
.m_show{display:none}

@media screen and (max-width: 1200px) {
   
    .w1200{width: 95%;}
    .about_cent p img{display: none;}
    .about_cent p span{width: 100%;}
    .service_img1,.service_img,.service_text{width: 100%;}
    .coming_text{position: initial;width: 100%; padding-top: 2vh;}
    .poa_1{bottom: 46%;left: 0%;}
    .poa_2{left: 20%;bottom: 54%;}
    .poa_3{left: 39%;bottom: 66%;}
    .poa_4{right: 24%;top: 13%;}
    .poa_5{right: 10%;top: -1%;}
    .contact_l,.contact_r{float: none;width: 100%;}
    .contact_r p{float: left;margin: 20px 20px 0 0;}
}

@media screen and (max-width: 768px) {
    .header .nav .logo a{width: 150px;height: 40px;}
    .banner .swiper-container{height: 70vh;}
    .about_cent{padding: 3vh 0;}
    .about_superiority ul{padding: 0;}
    .about_superiority ul img{margin: 10px 0;width: 60px;height: 60px;}
    .about_superiority ul h3{font-size: 14px;}
    .about_superiority{display: inline-block}
    .coming_img,.poa_text,.about_superiority ul p,.header .nav .nav-group{display: none;}
    .nav_title{font-size: 20px;padding-bottom: 25px;}
    .about_cent p span,.service_box{padding: 0;}
    .about_cent p{font-size: 15px;}
    .service_cent{padding-top: 3vh;}
    .banner .banner-text img,.contact_r img{width: 120px;}
    .contact_box{padding: 1vh;}
    .coming_text,.service_text{font-size: 15px;}
    .contact_l,.contact_r p i,.banner .banner-text p i{font-size: 13px;}
    .banner .banner-text span{font-size: 26px;}
    .m_show{display:block}
}