/*-----------------[初始化]--------------*/
body{color: #333;font-size: 12px;line-height: 1;font-family:微软雅黑,"Microsoft Yahei","PingFangSC-Regular","PingFang Regular",sans-self;background-color: #efefef;
    overflow-x: hidden;}
a{color: #222;-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;}
a:hover{color: #008689;}
img{max-width: 100%;}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input,textarea,select{font-size: 12px;color: #333;
    font-family:微软雅黑,"Microsoft Yahei","PingFangSC-Regular","PingFang Regular",sans-self;outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}

/*布局*/
.wp{width: 98%;max-width: 1200px;margin: 0 auto;}


/*******************************
  -------[=头部]-------
********************************/
.header{
    height: 90px;
    background-color: #fff;
}
.logo{
    float: left;
    width: 210px;
    line-height: 90px;
}
.logo img{
    display: inline-block;
    vertical-align: middle;
}
.header-r{
    float: right;
}
.nav{
    float: right;
}
.nav li{
    float: left;
    position: relative;
}
.nav li > a{
    display: block;
    font-size: 16px;
    line-height: 90px;
    color: #333;
    padding: 0 29px;
}
.nav li:first-child a{
    padding: 0 32px;
}
.nav li.on > a,
.nav li:hover > a{
    background-color: #008689;
    color: #fff;
}
.nav li dl{
    display: none;
    position: absolute;
    width: 270px;
    padding: 8px 0;
    background-color: rgba(0, 134, 134, 0.8);
    z-index: 70;
}
.nav li dd a{
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    padding-left: 28px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.nav li dd:hover a{
     background:#008689 url("../images/ico-link.png") no-repeat right 19px center;
}
.lang-box{
    float: right;
    width: 95px;
    padding-top: 38px;
    margin-left: 35px;
    position: relative;
}
.lang-box a{
    display: block;
    text-transform: capitalize;
    font-size: 16px;
    font-family: "Arial";
    color: #6e6e6e;
}
.lang-box i{
    display: inline-block;
    vertical-align: -2px;
    margin-right: 7px;
    width: 20px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center center;
}
.lang-box dt{
    margin-bottom: 10px;
    background: url("../images/ico-select.png") no-repeat right center;
}
.lang-box dt i{
    background-image: url("../images/ico-china.png");
}
.lang-box dd i{
    background-image: url("../images/ico-usa.png");
}
.lang-box dd{
    display: none;
}
/*******************************
    -------[=导航]-------
********************************/
.menuBtn{
    display: none;
    position: absolute;right: 0;top: 0;
    z-index: 9;float: right;
    width: 30px;height: 30px;margin:14px 10px 0 0;cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: 3px;background-color: #008689;
    margin: 4px 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 0px;top: 50%;margin-top: -5px;width: 30px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

/*******************************
  -------[=banner]-------
*******************************/
.banner{height: 500px;overflow: hidden;position: relative;z-index: 1;}
.banner .slick-slider,.banner .slick-list,.banner .slick-track,.banner .slick-slide{height: 100%;}
.banner a{display: block;height: 100%;}
.banner .slick-slide{
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.banner .slick-arrow{
    position: absolute;top: 50%;margin-top: -50px;overflow: hidden;
    width: 52px;height: 100px;font-size: 0;line-height: 0;line-height: 999;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 5;
    border:none;
    outline:none;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: .7;
    filter: alpha(opacity=70);
}
.banner .slick-arrow:hover{
    opacity: 1;
    filter: alpha(opacity=100);
}
.banner .slick-prev{left: 11%;background-image: url("../images/prev.png");}
.banner .slick-next{right: 11%;background-image: url("../images/next.png");}

.banner .slick-dots{position: absolute;left: 0;bottom: 30px;width: 100%;text-align: center;z-index: 99;}
.banner .slick-dots li{display: inline-block;margin: 0 7px;border: 1px solid #d2d2d2;border-radius: 50%;cursor: pointer;}
.banner .slick-dots li button{display: block;width: 6px;height: 6px;
    font-size: 0;line-height: 0;text-indent: 999px;background-color: #d2d2d2;border-radius: 50%;
    outline:none;
    border:none;
    padding: 0;
    margin: 4px;
    cursor: pointer;
}
.banner .slick-dots li.slick-active{background-color: rgba(255, 255, 255, 0.35);border-color: rgba(255, 255, 255, 0.1);padding: 1px;}
.banner .slick-dots li.slick-active button{background-color: #fff;}
.banner .wp{
    position: relative;
    height: 100%;
}
.banner h2{
    font-size: 52px;
    position: relative;
    padding-bottom: 28px;
    margin-bottom: 22px;
}
.banner h2::after{
    content:'';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -45px;
    width: 90px;
    height: 1px;
    background-color: #fff;
}
.banner .txt{
    position: absolute;
    right: 0;
    top: 27%;
    font-size: 30px;
    line-height: 1.2;
    color: #fff;
    text-align: center;
}
.banner .txt span{
    display: block;
    font-size: 36px;
}
/*******************************
  -------[=底部]-------
********************************/
.footer{
    background-color: #fff;
    overflow: hidden;
    border-top: 5px solid #1b1b1b;
}
.fd-nav{
    padding: 48px 0 42px;
    overflow: hidden;
    border-bottom: 1px solid #e3e3e3;
}
.fd-nav li{
    float: left;
    width: 26%;
}
.fd-nav li:last-child{
    width: 20%;
    padding-left: 2%;
}
.fd-nav span{
    display: block;
    margin-bottom: 22px;
    font-size: 24px;
    color: #555;
}
.fd-nav a{
    padding-left: 15px;
    display: block;
    font-size: 14px;
    line-height: 34px;
    color: #555;
    background: url("../images/ico-link1.png") no-repeat left center;
}
.fd-nav a:hover{
    color: #008689;
}
.footer .copyright{
    font-size: 14px;
    line-height: 1.5;
    color: #666;
    text-align: center;
    padding: 20px 10px;
}
.footer .copyright a{
    color: #666;
}
.footer .copyright a:hover{
    color: #008689;
}
/*******************************
  -------[=面包屑]-------
********************************/
.m-cur{
    margin: 40px 0 55px;
}
.m-cur .cur{
    float: right;
    font-size: 14px;
    color: #333;
}
.m-cur .cur a{
    color: #333;
}
.m-cur .cur a:hover,
.m-cur .cur span{
    color: #008689;
}
.m-cur h2{
    font-size: 28px;
    color: #333;
}


/*******************************
  -------[=公用]-------
********************************/
.g-tit1{
    text-align: center;
    margin-bottom: 45px;
    padding: 0 20px;
}
.g-tit1 h2{
    font-size: 32px;
    color: #333;
    margin-bottom: 26px;
}
.g-tit1 p{
    font-size: 14px;
    line-height: 1.5;
    color: #777;
}
.g-tit1.tit1 h2{
    color: #fff;
}
.g-tit1.tit1 p{
    color: #fff;
    opacity: 0.6;
    filter: alpha(opacity=60);
}