@media only screen and (max-width: 2200px) { html{ font-size: 80px; }}
@media only screen and (max-width: 2048px) { html{ font-size: 75px; }}
@media only screen and (max-width: 1920px) { html{ font-size: 69px; }}
@media only screen and (max-width: 1680px) { html{ font-size: 60px; }}
@media only screen and (max-width: 1440px) { html{ font-size: 55px; }}
@media only screen and (max-width: 1366px) { html{ font-size: 45px; }}
@media only screen and (max-width: 1280px) { html{ font-size: 35px; }}
@media only screen and (max-width: 1024px) { html{ font-size: 30px; }}
@media only screen and (max-width: 800px) { html{ font-size: 25px; }}  
@media only screen and (max-width: 600px) { html{ font-size: 20px; }}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin:0px;
    padding: 0px;
}
body {
    font-family: Raleway,sans-serif;
    font-size: 14px;
    line-height: 26px;
    color: #818181;
    font-weight: 400;
    margin: 0px;
    background-color: #f4f4f4;
    padding-top: 141px;
}
a{
	text-decoration: none;
    color: #646464;
}
a:hover{text-decoration: none;}
h1,h2,h3,h4,h5{color: #404040;font-style: normal;letter-spacing: 0px;text-transform: none;font-family: 'Montserrat', sans-serif;}
h1{font-size:30px;}
h2{font-size: 29px;line-height: 35px;}
h3{font-size: 23px;font-weight: 300;line-height: 38px;}
h4{font-size: 20px;line-height: 30px;}
p{margin: 0px;}

table {border-collapse: collapse;width: 100%;color: #000;}
td{font-size: 14px;padding: 6px 12px;border-top-color: rgb(222,226,230);border-right-color: rgb(222,226,230);vertical-align: top;border-width: 1px;border-style: solid;}
td>span{font-weight: bolder;}

.main-box{min-height: 700px;padding-bottom: 60px;}
.clear{clear:both;}
div.side-box{
    width: 72px;
    color: #fff;
    text-align: center;
    position: fixed;
    right: 15px;
    bottom: 100px;
    z-index: 1000;
}
div.side-box>div{padding: 10px 0;cursor: pointer;position: relative;}
div.side-box img{max-width: 50%;}
div.side-box a{color: #fff;text-decoration: none;}
div.side-box p{line-height: 20px;font-size: 14px;text-align: center;}
div.skype,div.skype>div.img{background: #005BAC;}
div.whatsapp,div.whatsapp>div.img{background: #3ebf2a;}
div.instagram,div.instagram>div.img{background: #C633A5;}
div.side-box div.img{min-width: 190px;height: 100%;color: #fff;padding: 10px;position: absolute;top: 0;right: 100%;display: none;font-size: 18px;line-height: 28px;}
div.img>a{display: block;}
div.skype:hover>div.img,div.whatsapp:hover>div.img,div.instagram:hover>div.img{display: block;}



/*navbar.css content start*/
#nav-bar-box{position: fixed;left:0px;top:0px;width:100%;min-width: 1000px;height: 141px;background-color: #fff;z-index: 10086;}
#nav-bar-menus{height: 60px;box-shadow: 0px 2px 4px 2px rgb(204 204 204);border-width: 0px;box-sizing: border-box;border-style: solid;background-color: rgb(67, 67, 67);}
.nav-top-logo {border-bottom: 1px solid #e2e2e2;height: 81px;}
.logo-left{height: 80px;float: left;}
.logo-left>img{height: 100%;}
.logo-right{float: right;height: 48px;margin-top: 16px;position: relative;}
.logo-right>.logo-icon{display: inline-block;height: 100%;padding-left: 40px;background: url(../image/header-icon-1.png) no-repeat -3px 7px;}
.logo-right>.logo-icon2{background-image: url(../image/header-icon-2.png);}
.logo-icon>h6{color: #424242;font-size: 13px;line-height: 26px;margin: 0px;}
.logo-icon>p{color: #949494;font-size: 13px;line-height: 20px;margin: 0px;}
.lgswitch{display: inline-block;cursor: pointer;height: 30px;line-height: 18px;position: absolute;width: 130px;left: -140px;top:10px;}
.lgswitch>div{padding: 5px 10px;padding-right: 30px;background: #fff;color: #444;border:1px solid #cdcdcd;}
.lgswitch>div.lgact span:after {
    content: '';
    vertical-align: middle;
    display: inline-block;
    border: .35em solid transparent;
    border-top: .5em solid;
    position: absolute;
    right: 10px;
    top: calc(50% - .175em);
}
.lgswitch>div.lghid{display: none;border:1px solid #fff;}
.lgswitch:hover>div.lgact{background: #eee;}
.lgswitch:hover>div.lghid{display: block;border:1px solid #cdcdcd;}
.lgswitch img{margin-right: 10px;}
div.menu-left{height: 60px;float: left;}
.item-menu{display: inline-block;height: 60px;line-height: 60px;position: relative;}
.item-menu>a{
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 0px 18px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: uppercase;
}
div.menu-en>.item-menu>a{font-weight: 600;font-size: 15px;}
div.menu-left>.item-menu:first-child>a{padding-left: 0px;}
#nav-bar-menus .on>a,.item-menu:hover>a{color: rgb(248,191,86);text-decoration: none;}
.menu-sub{position: absolute;top: 60px;display: none;z-index: 999;background-color: #262626;border-color: #3d3d3d;width: 325px;}
.menu-sub>ul{text-align: left;padding: 7px;}
.menu-sub>ul>li{display: block;padding-left: 17px;color: #fff;}
.menu-sub>ul>li.level2{padding-left: 34px;background-position: 17px center;}
.menu-sub>ul>li>a{
    font-weight: 600;
    height: 36px;
    line-height: 36px;
    text-decoration: none;
    font-size: 11px;
    color: #9d9d9d;
    text-transform: uppercase;
}
.menu-sub>ul>li>a:hover{color: #eee;}

div.menu-right{float: right;height: 60px;}
div.menu-right>p{height: 20px;margin: 20px 0px;}
div.menu-right img{max-height: 100%;margin-left: 6px;}

/*navbar.css content end*/

/*banner.css content start*/
.banner-box{
    position: relative;
    margin:auto;
}
.banner-imgs{
    width: 100%;
    padding-top: 41.66%;
    position: relative;
}
.banner-imgs>a{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: url(../image/banner1.jpg) center center;
    background-size: cover;
    opacity: 0;
    z-index: 0;
    color: #fff;
}
.banner-imgs>a.act{
    opacity: 1;
    z-index: 1;
}
.banner-imgs>a>p{
    z-index: 5;
    font-size: 1rem;
    line-height: 76px;
    font-weight: 700;
    font-family: Montserrat;
    display: inline-block;
    position: absolute;
    width: 50%;
}
.banner-en>a>p{word-break: break-word;}
.banner-zh>a>p{white-space: nowrap;}
.banner-imgs>a>p.left{
    left: 15%;
    top: 40%;
}
.banner-imgs>a>p.center{
    left: 35%;
    top: 20%;
}
.banner-imgs>a>p.right{
    left: 55%;
    top: 40%;
}
.banner-spots{
    position: absolute;
    bottom: 20px;
    right: 10px;
    z-index: 5;
    width: 30px;
}
.banner-spots>span{
    display: inline-block;
    width: 10px;
    height: 15px;
    border-radius: 10px;
    margin: 5px;
    background: #999;
    opacity: 0.5;
    filter: alpha(opacity=60);
    cursor: pointer;
}
.banner-spots>span.act,.banner-spots>span:hover{
    background: #2e82ea;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
/*banner.css content end*/

/*botbar.css content start*/
div.bot-bar-box{background-color: #2c3137;padding-top: 20px;color: #fff;}
div.bot-bar-top{margin: auto;padding-bottom: 20px;text-align: center;}
div.bot-bar-top>div{float: left;width: 33.33%}
div.bot-bar-top>p{display: inline-block;margin: 0px 20px;}
div.bot-bar-box h2{color: #fff;text-align: center;margin-bottom: 30px;}
div.ginput_container input,div.ginput_container textarea{
    padding: 10px 5px;
    font-size: inherit;
    font-family: inherit;
    letter-spacing: normal;
    width: 75%;
    margin: 5px 0 0;
    color: #818181;
    background-color: #fff;
    border: 0;
    line-height: 17px;
}
div.ginput_container textarea{max-height: 110px;}
div.footer-content-info{
    text-align: center;
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 28px;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
}
div.footer-content-info>p{margin: 0px;}
div.footer-content-info img{max-width: 150px;}

div.bot-bar-bot{
    padding: 26px 0px;
    background-color: #272b30;
}
div.bot-archival{margin: auto;}
div.bot-archival p{
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 23px;
    font-weight: 400;
    text-transform: none;
    font-style: normal;
    color: #fff;
    text-align: center;
}
div.bot-archival a{color: #fff;}
/*botbar.css content end*/

/*home.css content start*/
div.series-box{margin: 0px auto 0px;position: relative;z-index: 666;padding:35px;background-color: #f4f4f4 !important;padding-bottom: 0px;}
div.series-box div.series-item{width: 33.33%;padding: 0px 35px;float: left;}
div.series-item img{max-width: 100%;}
a.qode-btn{
    background-color: #94a0aa;
    font-size: 12px;
    height: 38px !important;
    line-height: 38px !important;
    display: inline-block;
    color: #fff;
    font-family: Montserrat;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: 0px;
    font-weight: 400;
    border-radius: 3px;
    overflow: hidden;
}
a.qode-btn>span.qode-btn-text{
    padding-left: 15px !important;
    padding-right: 15px !important;
    display: inline-block;
    float: left;
}
a.qode-btn>span.qode-btn-arrow{
    display: inline-block;
    border-color: #94a0aa;
    background-color: #67767f;
    font-size: 18px !important;
    line-height: 38px !important;
    float: left;
    margin-top: -1px;
    padding:0px 15px;
}

div.home-about-box{height: 471.5px;opacity: 1;background-repeat: repeat;background-attachment: initial;background-position: center top;background-image: url(../image/about_h.jpg);}
div.home-about-box>div{margin:auto;position: relative;height: 100%;}
div.video-div{width: 465px;height: 279px;left: 0px;bottom: 0px;position: absolute;}
div.about-div{height: 348px;left: 496px;bottom: 0px;position: absolute;color: #000;border-width: 0px;
    border-style: solid;box-shadow: 0 0 0 0 transparent;background-color: rgba(255, 255, 255, 0.73);padding: 6px 34px;overflow: hidden;}
div.about-div>div.line{width: 57px;height: 2px;background-color: rgb(248,191,86);margin: 14px 0px 18px 0px;}

div.banner-box2{margin:auto;padding-top: 97px;padding-bottom: 60px;}
div.banner-box2>ul{padding-top: 28%;position: relative;}
li.banner-li>.left{width: 33.33%;float: left;}
li.banner-li>.right{width: 66.66%;float: right;}
li.banner-li>.left>a.qode-btn{margin-top: 20px;}
div.banner-box2 .choose{
    z-index: 666;
    position: absolute;
    left:0;
    bottom:20px;
    width:100%;
    text-align: center;
    height: 10px;
}
div.banner-box2  .choose span{
    margin-right: 15px;
    display:inline-block;
    background: #cfcfcf;
    width:10px;
    height: 10px;
    border-radius: 10px;
}
div.banner-box2  .choose span:hover{
    background: #303030;
}
div.banner-box2  .choose .green{
    background: #303030;
}

div.video-box{margin:auto;padding-top: 50px;}
div.video-box>div.video-item{width: 33.33%;float: left;padding: 20px 3%;}
div.video-box2{margin: auto;padding: 20px;}
div.video-box2>div.video-item{width: 50%;float: left;}

/*home.css content end*/

div.guide-img{
    height: 228px;
    /*background-repeat: no-repeat;*/
    background-attachment: initial;
    background-position: center center;
    background-image: url(../image/guide-img.jpg);
    position: relative;
}
div.guide-img2{background-image: url(../image/guide-img2.jpg);}
div.guide-img3{background-image: url(../image/guide-img3.jpg);}
div.guide-location{height: 35px;background-color: rgb(240, 240, 240);}
div.guide-location>div{margin: auto;}
div.guide-location div.crumb{color: #222;font-size: 14px;line-height: 35px;}
div.guide-location a{color: #222;margin-left: 8px;}
div.prod-bar{height: 60px;text-align: center;background-color: #fff;line-height: 60px;font-family: Microsoft YaHei,Arial;}
div.prod-bar>a{margin: 0px 8px;color: #000;}
div.guide-location a:hover,div.prod-bar>a:hover,div.prod-bar>a.on{color: rgb(248,191,86);}

div.product-box{margin:30px auto;position: relative;padding: 10px;}
div.product-box div.product-item{width: 33.33%;padding: 0px 35px;float: left;margin-bottom: 50px;}
div.product-item img{width: 100%;}
div.product-item>div.image-text{background-color: rgb(255, 255, 255);
    border-width: 0px;
    border-style: solid;
    border-color: rgba(204,204,204,1);
    border-top-width: 0px;
    border-top-style: solid;
    border-top-color: rgba(204,204,204,1);
    box-shadow: 0px 0px 6px 0px rgb(204 204 204);
    overflow: hidden;
}
div.product-item p{height: 58px;padding: 5px;text-align: center;overflow: hidden;}
div.product-item a:hover{color: rgb(248,191,86);}

div.image-item{background-color:#fff;}
div.image-item{width: 50%;float:left}
div.image-item img{width: 100%;}
div.table-box img{max-width:100%;}
div.table-box{padding-bottom: 20px;}
div.product-title{color: #000;font-weight: bolder;font-size: 30px;padding:18px 0px;border-bottom: 1px solid #888;margin-bottom: 18px;}

div.detail-content{width: 1300px;margin: auto;padding-top: 97px;}
div.detail-content div.left{width: 33.33%;display: inline-block;float: left;padding: 7px 15px;}
div.left>img{max-width: 100%;}
div.detail-content div.right{width: 66.66%;display: inline-block;float: left;padding: 0px 15px;}

div.contact-box,div.about-box{opacity: 1;background-repeat: repeat;background-attachment: initial;background-position: center top;background-image: url(../image/about_h.jpg);}
div.graph-box{margin:auto;padding:60px 20px 20px 20px;}
div.graph-div{color: #000;border-width: 0px;border-style: solid;box-shadow: 0 0 0 0 transparent;background-color: rgba(255, 255, 255, 0.73);padding: 6px 34px;overflow: hidden;}
div.graph-div>div.line{width: 57px;height: 2px;background-color: rgb(248,191,86);margin: 14px 0px 18px 0px;}

@media only screen and (min-width: 1400px)
{
    div.wadapt{width: 1300px;}
}
@media only screen and (max-width: 1300px)
{
    div.wadapt{width: 90%;}
}