*,body,ul, ul li{
    padding: 0;
    margin: 0;
    font-family: "微軟正黑體";
    color: #3C3C3C;
}

@font-face{
    font-family: "NotoSerif";
    src: url('../fonts/NotoSerif.otf');
    src:url('../fonts/NotoSerif.otf'),
    url('../fonts/NotoSerif.otf'),
    url('../fonts/NotoSerif.otf');
}
.footer .newsletter input::-webkit-input-placeholder { /* WebKit browsers */
color: #bbbbbb;
}
.footer .newsletter input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #bbbbbb;
}
.footer .newsletter input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #bbbbbb;
}
.footer .newsletter input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #bbbbbb;
}
a,a:link,a:visited,a:hover,a:active{  text-decoration:none; }
input,textarea,select,button{outline:none;  -webkit-border-radius: 0;  -moz-border-radius: 0; border-radius: 0;}
select::-ms-expand { display: none; }
h1,h2,h3,h4,h5,h6{  font-weight: 400;  }
select{display:block;}
option{display:block;}
.visible-xs{display:none;}
ul li{list-style:none;}
a{color:#333; transition: all 0.5s ease 0s ;}
.form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.has-error .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.row::after,.row::before{display: none;}
iframe{margin: 0;padding: 0;display: block;}
.btn-group.open .dropdown-toggle{box-shadow:none;}
.headeryd .headright button{background:none;}
header{position: absolute;width: 100%;top: 0;left: 0;z-index: 99;}

.headBox{
    position: absolute;
    width: 100%;
    height:auto;
    top: 0px;
    left: 0px;
    background-color: #fff;
    z-index: 999;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
   
}
.swiper-button-next, .swiper-button-prev{outline: none;}
.headBox .toptop{width: 100%;height: auto;color: #333;padding: 10px 0px;}
.headBox .toptop .container{width: 76%;}
.headBox .topnav .container{width: 76%;}
.headBox .toptop .link{display: flex;justify-content: space-between;align-items: center;width: 100%;}
.headBox .toptop .link ul{display: flex;justify-content: space-between;align-items: center;}
.headBox .toptop .link ul li{float: left;font-size: 0.14rem;color: #3C3C3C;padding: 0 0.05rem}

.headBox .topnav{padding: 0.2rem 0rem;background-color: #202020 ;}
.headBox .inner{display: flex;justify-content: space-between;align-items: center;}
.headBox .navitems {width: 100%;}
.headBox .navitems ul{width: 100%;text-align: right;display: flex;justify-content: space-between;}
.headBox .navitems ul li{float: left;}
.headBox .navitems ul li a{display: block; font-size: 0.2rem;float: left;color: #fff;font-size: 0.2rem;}
.dropdown-menu{min-width: 100%;}
.fixmenu {
    height: 100%;
    position: fixed;
    left: 0.2rem;
    top: 0;
    z-index: 999900099999;
    display: flex;
    align-items: center;
    border-left: 1px solid #c8c8c8;

}
.fixmenu ul li a{font-size: 0.16rem;margin-top: 0.2rem;display: block;display: flex;align-items: center;}
.fixmenu ul li a i::after{display: block; content: ''; width: 0.09rem;height: 0.09rem;background-color: #3C3C3C;border-radius: 50%;margin: 0 auto;}
.fixmenu ul  .active a{color: #a6ce38;}
.fixmenu ul li a i{ width: 0.2rem;height: 0.2rem; box-sizing: border-box;padding: 0.05rem;border: none;border-radius: 50%;margin-right: 0.2rem;margin-left: -0.1rem;}
.fixmenu ul .active i{border: 1px solid #3C3C3C;}
.fixednav{
    position: fixed;
    top: 0;
    background-color: #fff;
}

.menu-bg{
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: rgba(0,0,0,.4);
    display: none;
	top:0;
}
.menu-box{
    box-sizing:border-box;
	padding:20px 0px;
    position: fixed;
    top: 0px;
    box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
    width: 100%;
    height: 100%;
    background: #fff;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    z-index: 100000000001;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    top: 0;
    transform: translateX(100%);
	color:#fff;
    right: 0;
}

.menu-box.open {
    transform: translateX(0);
    overflow-x: hidden;
}
.open .logo img{display:block;margin:0px auto;max-width: 100%;}
.open .close{display:block;opacity: 1;}
.phoneshow{display: flex;justify-content: space-between;align-items: center;padding: 0 15px;}
.language-bg{
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: rgba(0,0,0,.4);
    display: none;
}
.language-box{
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 10001;
    display: none;
}
footer{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
    bottom: 0;

    
}
footer .lianxi{}
footer .lianxi ul{display: flex;justify-content: space-between;flex-wrap: wrap; align-items: center;}
footer .lianxi ul li{width: 50%;background-color: #1d595b;height: 1.6rem;}
footer .lianxi ul li a{display: block;width: 100%;height: 100%; text-align: center;color: #fff;font-size: 0.24rem;display: flex;align-items: center;justify-content: center;}
footer .lianxi ul li a i{margin-right: 0.2rem;font-size: 0.3rem;}
footer .lianxi ul li:nth-child(2){background-color: #154446;}
footer .lianxi ul li a:hover{color: #85a2a3;}
footer .foot{width: 100%;height: 100%;padding: 0.3rem 0;background-color: #202020;}
footer .foot .inner{display: flex;flex-wrap: wrap;justify-content: space-between;}
footer .foot .inner .logo img{max-width: 100%;}
footer .foot .inner .lins ul{font-size: 0.18rem;color: #fff;display: flex;justify-content: space-between;}
footer .foot .inner .right ul li a{display: block; color: #fff;margin-bottom: 10px;font-size: 0.16rem}
footer .foot .inner .right{display: flex;justify-content: space-around;flex-wrap: wrap;}
footer .foot .inner .right ul {margin: 0 0.1rem;}
footer .foot .inner .lins ul li{margin: 0 0.1rem;}
footer .foot .inner .wz p{font-size: 0.16rem}
footer  p{color: #fff;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
footer  p span{color: #fff;}
footer  p a{text-align: right;}
footer .foot .inner .lins ul li a i{color: #fff;}
footer .copy{text-align: center;font-size: 0.14rem;color: #fff;padding-top: 0.1rem;background-color: #3C3C3C;}
footer .copy p a{color: #fff;text-align: right;}
.backtop{width: 0.8rem;height: 0.8rem;background-color: #F6E055;color: #333;border-radius: 50%;position: fixed;bottom: 30px;right: 30px;z-index: 99999999;cursor: pointer;box-shadow: 2px 2px 5px 1px #ccc;}
.backtop a{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}