@charset "UTF-8";
/**
 * 
 * 
 * @date    2020-03-19 14:01:31
 * 
 */
 
@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900,900i|Oswald:400,500,600,700&display=swap');

*{line-height: 1.5em;padding:0px;margin:0px;*zoom:1;font-style:normal;font-size: 16px;font-family: 'Lato', sans-serif;}
ul{list-style-type: none;}
li{list-style-type: none;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
tbody{display:table-row-group;vertical-align:middle;border-color:inherit;}
tr{display:table-row;vertical-align:inherit;border-color:inherit;}
td{padding:5px 10px;border: 1px solid #333;vertical-align:middle}
fieldset,img{border:0;}
caption,th{text-align:left;}
button{cursor:pointer;}
img{object-fit:cover;max-width: 100%;}
a,em,b,span{display: inline-block;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;font-size:100%;}
a{text-decoration:none;color:#333;}
input,select,button{outline:none;border:none;background:#fff;}
input::-webkit-input-placeholder{color:#999 !important}
input:-moz-placeholder{color:#999 !important}
input::-moz-placeholder{color:#999 !important}
input:-ms-input-placeholder{color:#999 !important}
textarea::-webkit-input-placeholder{color:#999 !important}
textarea:-moz-placeholder{color:#999 !important}
textarea::-moz-placeholder{color:#999 !important}
textarea:-ms-input-placeholder{color:#999 !important}
html{position:relative;background:#fff;overflow-x:hidden;}
.fl{float:left;}
.fr{float:right;}
.box{width:1200px;margin: 0 auto;}
.qc:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.none{display: none;}
 

 
@font-face{font-family: 'iconfont';src: url('../font/iconfont.eot');src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg#iconfont') format('svg');}
.ico{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}

.indexnav{
    float: right;
}
.indexnav a{
    color: #fff;
    line-height: 100px;
    margin-left: 60px;
    text-transform: uppercase;
    font-size: 16px;
}

.indexnav a.this{color: #BCCE34;}
.head{
    background: #000;
    overflow: hidden;
}
.head h1{
    background: #000;
    line-height: 100px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    float: left;
}
.banner{
    background: #fff;
}
.banner img{
    width: 100%;
    display: block;
}
.about{
    background: #fff;
    padding: 80px 0;
}
.about h3{
    color: #BCCE34;
    text-align: center;
    font-size: 40px;
    margin-bottom:  20px;
    font-family: 'Oswald', sans-serif;
}
.about h4{
    color: #333;
    font-size: 20px;
    text-align: center;
    font-weight: normal;
    margin-bottom:  40px;
}
.about p{
    width: 1000px;
    margin: 0 auto 1em;
    color: #333;
    font-size: 16px;
    text-align: left;
}
 

.whoweare{
    text-align: center;
    background: #FAFAF7;
    padding: 100px 0;

}
.whoweare img{
    width:200px;
    border-radius: 100%;
    margin-bottom: 30px;
}
.whoweare h3{
    color: #BCCE34;
    text-align: center;
    font-size: 40px;
    /* font-weight: normal; */
    margin-bottom: 20px;
    font-family: 'Oswald', sans-serif;
}
.whoweare p{
    width: 1000px;
    margin: 0 auto 1em;
    font-size: 16px;
    text-align: left;
}

.oueservices{
    background: #fff;
    padding: 100px 0;
}
 .oueservices h3{
    color: #BCCE34;
    text-align: center;
    font-size: 40px;
    margin-bottom: 20px;
    font-family: 'Oswald', sans-serif;
}
 .oueservices p{
    width: 800px;
    margin: 0 auto;
    font-size: 16px;
    color: #666;
    text-align: center;
}
 .oueservices ul{
    overflow: hidden;
    margin-top:  80px;
}
 .oueservices ul li{
    position: relative;
    width: 28%;
    float: left;
    margin: 0 2.5% 50px;
}
 .oueservices ul li img{
    width: 100%;
    display: block;
}
  .oueservices h5{
    color: #333;
    font-weight: normal;
    font-size: 16px;
    overflow: hidden;
}
 .oueservices h4{
    color: #333;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.oueservicestxt{
    width: 100%;
}

 .Case{
    background: #fff;
    padding: 100px 0;
}
 .Case h3{
    color: #BCCE34;
    text-align: center;
    font-size: 40px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
}
 .Case p{
    width: 800px;
    margin: 0 auto;
    font-size: 16px;
    color: #333;
    text-align: center;
}
 .Case ul{
    overflow: hidden;
    margin-top:  80px;
}
 .Case ul li{
    width: 30%;
    float: left;
    margin: 0 1.6% 30px;
}
 .Case ul li img{
    width: 100%;
    display: block;
    margin-bottom:  10px;
}
  .Case h5{
    font-weight: normal;
    color: #333;
}
 .Case h4{
    font-weight: normal;
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
}



 
.foot {background: #000;padding: 30px 0;}
.foot  p{text-align: center; color: #fff;}

 
.contact form{
    display: block;    margin-top: 40px;
}
.contact input{
    width: 99%;
    border: 1px solid #ddd;
    line-height: 40px;
    height: 40px;
    margin-bottom: 10px;
    font-size: 14px;
    text-indent: 10px;
}
.contact textarea{
    width: 99%;
    border: 1px solid #ddd;
    line-height: 40px;
    height: 40px;
    margin-bottom: 10px;
    font-size: 14px;
    text-indent: 10px;
    outline:none;
    min-height: 100px;
    display: block;
}
.contact button{
    background: #BCCE34;
    color: #fff;
    line-height: 40px;
    height: 40px;
    padding: 0 30px;
}
.contactbox{overflow: hidden;position: relative;margin: 100px auto;}
 .contacttxt{width: 50%;background: rgba(255, 255, 255, 0.8);padding: 20px;margin: 0 auto;}

 .contacttxt span{float: left;}
  .contacttxt p{margin-bottom: 10px;}
    .contacttxt h3{font-size: 30px;margin-bottom: 10px;font-family: 'Oswald', sans-serif;color: #bcce34;}


    .contactbox img{float: left;}
    .whoweareimg{height: 30vh; width: 100%;}

    .banner{overflow: hidden;position: relative;}
    .banner img{width: 100%;display:block;height: 50vh;}
    .txt{position: absolute;top: 50%;width: 100%;margin-top: -60px;z-index: 3;}
    .txt h2{text-align: center;color: #fff;font-size: 40px;font-family: 'Oswald', sans-serif;text-transform:uppercase;margin-bottom: 0.5em;opacity: 0.8;max-width: 1000px;margin: 0 auto;}
    .banner span{background: rgba(0, 0, 0, 0.2);position: absolute;width: 100%;height: 100%;z-index: 2;}
 
.map{width: 40%;float: right;height: 100%;background: #f5f5f5;position: absolute;right: 0px;bottom: 0px;}

/*1024px*****************************************************************************************************************/
.wap_head,.wap_nav{display: none;}
@media screen and (max-width:1024px){html{overflow-x: hidden;}
*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
body{transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;position: relative;left: 0px;}
.wap_head{background: #000;display: block;height: 50px;width: 100%;line-height: 50px;position: fixed;right:0px;top:0px;z-index: 100;}
.wap_head .menu{border-left: 1px solid #666;font-size: 30px;color: #fff;position: fixed;right:0%;line-height: 50px;height: 50px;width: 50px;text-align: center;top: 0px;background: #000;}
.wap_head .return{line-height: 50px;height: 50px;position: fixed;left:0%;width: 50px;text-align: center;}
.wap_head .wap_logo{ margin: 0px auto;display: block;text-align: center; color: #fff;line-height: 50px;font-size:14px; }
.wap_head img{height: 30px;margin-top: 10px;}
.wap_head i{color: #fff;}
.wap_nav select{width: 94%;margin: 10px auto;display: block;padding: 5px 0;font-size: 12px;color: #999;}
.wap_nav{display: block;width: 100vw;position: fixed;left:100vw;top:50px;background: #f9f9f9;transition: 0.4s;height: 100%;z-index: 99;overflow-y: auto;padding-bottom: 150px;}
.wap_nav>ul{width: 100%;border-top: 1px solid #eee;}
.wap_nav>ul>li>a{text-transform: uppercase;line-height:45px;color: #333;height: 45px;width:86%;display: inline-block;font-size: 14px;}
.wap_nav>ul>li i{width: 14%;font-size: 12px;display: inline-block;float: right;color: #333;text-align: center;line-height: 43px;height: 40px;}
.wap_nav>ul>li{position: relative;border-bottom: 1px solid #e5e5e5;overflow: hidden;margin: 0 20px;}
.wap_nav>ul>li>ul>li>a{text-indent:20px;display: inline-block;width:80%;line-height:36px;font-size: 12px;text-transform:capitalize;}
.wap_nav>ul>li>ul{background: #f5f5f5;display: none;float: left;width: 100%;}
.wap_nav .sousuonr{width: 100%;background: #eee;overflow: hidden;}
.wap_nav .sousuonr input{width: 80%;float: left;height: 34px;line-height: 34px;text-indent: 10px;font-size: 14px;}
.wap_nav .sousuonr button{background: #fff;width:10%;line-height: 34px;height: 34px;float: right;}
.wap_nav .sousuonr button i{font-size: 20px;position: relative;top: 2px;}
.wap_nav .sousuonr form{height: 34px;margin: 10px;background: #fff;}
.wap_nav>ul>li>ul>li>i{line-height: 32px;height:32px;}
.wap_nav>ul>li>ul>li>ul{width: 100%;display: none;padding:0 0 40px 0px;}
.wap_nav>ul>li>ul>li>ul>li>a{text-indent:40px;display: inline-block;width:80%;line-height:36px;font-size: 12px;text-transform:capitalize;}
.wap_nav>ul>li>ul>li>ul>li>i{line-height: 32px;height: 32px;}
.wap_nav .sousuonr{animation-delay:0s;}
.wap_nav select{animation-delay:0.04s;}
.wap_nav>ul>li.i1{animation-delay:0.08s;}
.wap_nav>ul>li.i2{animation-delay:0.12s;}
.wap_nav>ul>li.i3{animation-delay:0.16s;}
.wap_nav>ul>li.i4{animation-delay:0.2s;}
.wap_nav>ul>li.i5{animation-delay:0.24s;}
.wap_nav>ul>li.i6{animation-delay:0.28s;}
.wap_nav>ul>li.i7{animation-delay:0.32s;}
body.wapnav{left:-100vw;}
body.wapnav .wap_nav{left: 0px;}
.index_right a{width:33.33%;float: left;margin-bottom: 0px;border-right: 1px solid #eee;border-radius:0px;}
.index_right{left: 0px;bottom: 0px;width: 100%;}
.index_right a:last-child{border: none;}
.Customer_service{left: 2%;right: 2%;bottom: 50px;width: 96%;height:60%;}
.box{width: 100%;}
.fenye{width: 100%;margin-left: 0%;border: none;padding: 0px;}
.fenye a{width: 100%;margin-bottom: 10px;}
.fenye a.fr{text-align:left;}
.Pagination a,.Pagination i,.Pagination form{display: none;}
.Pagination a:nth-child(1){display: block;}
.Pagination a:last-child{display: block;}
.Pagination a:last-child i{display: block;}
.Pagination a:nth-child(1) i{display: block;}
.index_right i{float: none;}
.swiper-pagination span{width: 6px;height: 6px;}
/*wap_navs_tyle_end*/
 .head{display: none;}
 .banner{padding: 3%;padding-top: 60px; }
 .about h3,.whoweare h3,.oueservices h3,.Case h3,.contact .contacttxt h3{font-size: 20px;}
.about p{font-size: 14px;}
 .about,.whoweare,.foot{padding: 20px 0;}
 .about p,.whoweare p,.oueservices p,.Case p{ width: 94%; }
 .about h4{margin-bottom: 10px;}
 
 .oueservices ul li,.Case ul li{width: 100%;margin: 0; margin-bottom: 30px;}
 .oueservices ul,.Case ul{width: 94%; margin: 0 3%; margin-top: 30px;}
 .oueservices h5{font-size: 14px; margin-left: 20px;}
 .oueservices h4{font-size: 20px; margin-top: 20px; margin-left: 20px; margin-bottom:0px;}
 





.txt h2{font-size: 20px;}
.banner img{height: 30vh;}
.txt{margin-top: -50px;}
.banner{padding: 0px; margin: 3%; margin-top: 60px;}
.contacttxt{width: 100%;min-height: 90vh;}
.map{position: relative; float: left; height: 50vh; width: 90%; margin: 0 5%;}
.contacttxt h3{font-size: 20px;}
.contactbox{    margin: 60px auto;}
}