#top-banner {width: 100%;}
#top-banner img{max-width: 100%; max-height: 100%; width: 100%; height: auto;}
.bannerText {position: absolute; right: 6%; top: 35%;}
.bannerText p{font-size: 65px; color: #e60012; text-shadow: 4px 0px 4px rgba(150, 150, 150, 1); float: right; font-weight: bold; line-height: 25px;}



.go-bottom{position: absolute; bottom: 40px; z-index: 999; left: calc(50% - 23.5px);}

.home-business-bug{float: left; background: #f80019;}
.home-business-bug .desc{width: 505px; background: #f80019; }
.home-business-bug .desc .desc-detail{padding: 40px; text-align: center;}
.home-business-bug .desc .desc-detail h2{font-size: 40px; color: #fff; line-height: 25px; margin: 30px 0px;}
.home-business-bug .desc .desc-detail p{font-size: 18px; color: #fff; line-height: 25px; margin-bottom: 50px; text-align: left;}
.home-commerical-list{background: url(../images/bg01.jpg); background: #ffe9c4; width: calc(100% - 505px); padding: 100px 45px; /*border-top: 10px solid #dfab5a; border-bottom: 10px solid #dfab5a*/}
.commerical-list > li{display: inline-block; /* float: left; */ margin-right: 29px; margin-bottom: 40px; max-width: 235px; vertical-align: top;}
.commerical-list > li:nth-of-type(5n){margin-right: 0px;}
.commerical-list > li a{float: left; width: 100%}
.commerical-list > li a .thumb{width: 235px; height: 146px; /*border:1px solid transparent;*/}
.commerical-list > li a .thumb img{max-width: 100%; max-height:100%; width: auto; height: auto;}
.commerical-list > li a .title{background: #8a6428; padding: 10px 0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-align: center; margin-top: -4px;  border:1px solid transparent;}
.commerical-list > li:nth-of-type(2n) a .title{background: #af833c}
.commerical-list > li a .title p{font-size: 16px; line-height: 25px; color: #fff}
.commerical-list > li a:hover .title{background: #f80019;/*border:1px solid #f80019;*/}
.commerical-list > li a:hover .thumb{/*border:1px solid #f80019;*/}
.home-middle-bg{display:none; background: url(../images/home-bg.jpg) no-repeat; background-size: 100%; -webkit-background-size: 100%; background-attachment: fixed; height: 810px; width: 100%; }

.home-home-bug{float: left; background: #f80019;}
.home-home-bug .desc{width: 510px; background: #f80019; }
.home-home-bug .desc .desc-detail{padding: 40px; text-align: center;}
.home-home-bug .desc .desc-detail h2{font-size: 40px; color: #fff; line-height: 25px; margin: 30px 0px;}
.home-home-bug .desc .desc-detail p{font-size: 18px; color: #fff; line-height: 25px; margin-bottom: 50px; text-align: left;}
.home-home-list{background: url(../images/bg01.jpg); background: #fff1dc; width: calc(100% - 510px); padding: 100px 45px; /*border-bottom: 10px solid #dfab5a*/}
.home-list li{display: inline-block; /* float: left; */ margin-right: 24px; margin-bottom: 40px; max-width: 105px; vertical-align: top;}
.home-list li:nth-of-type(10n){margin-right: 0px;}
.home-list li a{float: left; width: 100%}
.home-list li a .thumb{width: 105px; height: 98px; background: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; border: 1px solid transparent;}
.home-list li a .thumb img{max-width: 100%; max-height:100%; width: auto; height: auto;}
.home-list li a .title{background: #8a6428; padding: 5px 0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-align: center; /*margin-top: -1px;*/}
.home-list li:nth-of-type(2n) a .title{background: #af833c}
.home-list li a .title p{font-size: 16px; line-height: 25px; color: #fff}
.home-list li a:hover .title{background: #f80019;}
.home-list li a:hover .thumb{border:1px solid #f80019;}
.home-client{width: 100%; padding: 60px 0px;}	
.home-client h2{font-size: 40px; color: #f80019; line-height: 25px; margin-bottom: 45px; padding-top: 10px; text-align: center;}
.home-client-list li{display: inline-block; margin-right: 56px; margin-bottom: 50px;}
.home-client-list li:nth-of-type(6n){margin-right: 0px;}
.home-client-list li .thumb{width: 150px; height: 120px; background: #fff}
.home-client-list li .thumb img{max-width: 100%; max-height:100%; height:auto; width: auto;}


.btn{padding: 10px 30px; border:1px solid #fff; font-size: 16px; color: #fff; margin:0 auto;}
.btn:hover{background: #b10000;}
.fLeft{float: left;}
.fRight{float: right;}
.flex{display: flex}
.flex-h-center{justify-content: center; -webkit-justify-content: center;}
.flex-v-center{    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;}

.contact-top{background: url(../images/contact-top-bg.jpg) no-repeat; background-size: 100%; background-color: #dec490; float: left; width: 100%;}
.title-bar{background: #f7e7c8; border-top:1px solid #a38d62; border-bottom:1px solid #a38d62; margin-top: 85px; float: left; width: 100%; padding: 16px 0px; margin-bottom: 20px;}
.title-bar .page-title p{font-size: 20px; color: #e60012; font-weight: bold; line-height: 25px;}
.title-bar .page-selection{font-size: 16px; color: #8a6428; line-height: 25px;}
.title-bar .page-selection a{font-size: 16px; color: #8a6428; line-height: 25px; margin: 0px 15px;}
.title-bar .page-selection a.selected, .title-bar .page-selection a:hover{color: #e60012}

.page-detail{float:left; width: 100%;}
.page-detail .wrap{overflow: inherit;}
.page-detail .page-title{position: relative; float: left; margin-bottom: 30px;}
.page-detail .page-title h1{font-size: 40px; color: #e60012; line-height: 45px; background:#fff; padding: 15px 0px; float: left; margin: 0px 85px;}
.page-detail .page-title:before{content:''; background: url(../images/title-bg-left.png); width: 85px; height: 100%; position: absolute; top: 0px; left: 0;}
.page-detail .page-title:after{content:''; background: url(../images/title-bg-right.png); width: 85px; height: 100%; position: absolute; top: 0px; right: 0;}
#map{width: 100%; height: 455px; border:1px solid #000; -webkit-box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.75); box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.75); margin-bottom: 40px;}

.contact-bottom{/*background: url(../images/contact-bottom-bg.jpg) repeat-y; background-size: 100%;*/ background: #ffe9c4; float: left; width: 100%; padding: 55px 0px;}

.area-bar{background: #fff7e7; border-top:1px solid #a38d62; border-bottom:1px solid #a38d62; padding: 6px 0px;}
.area-bar .area-title p{font-size: 18px; line-height: 25px; font-weight: bold; color: #e60012;}
.area-bar .area-btn a{font-size: 18px; color: #8a6428; position: relative; top: 5px;}

.area-list li{display: inline-block; margin-right: 44px; margin-top: 45px; margin-bottom: 45px; margin-bottom: 0px; width: 22%; vertical-align: top}
.area-list ul{margin-bottom: 45px;}
.area-list li:nth-of-type(4n){margin-right: 0}
.area-list li p.area-name{font-size: 16px; font-weight: bold; color: #000; line-height: 25px; margin-bottom: 15px; text-align: center;}
.area-list li .thumb{width: 100%; height: 153px; text-align: center; margin-bottom: 20px;}
.area-list li .thumb img{max-height: 100%; max-width: 100%; width: auto; height: auto; -webkit-box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.75); box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.75);}


.area-info .table-tr{margin-bottom: 10px;}
.area-info .table-tr > div:nth-of-type(1){width: 25px; line-height: 25px;}
.area-info .table-tr > div:nth-of-type(2){width: calc(100% - 25px); font-size: 16px; line-height: 25px;}
.area-info .table-tr > div:nth-of-type(2) a{text-decoration: underline;}

.infoBox{width: 550px; background: #fff; border:1px solid #000; -webkit-box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.75); box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.75); padding: 25px}
.infoBox p.title{font-size: 14px; font-weight: bold; color:#000; text-align: center; margin-bottom: 10px; line-height: 20px;}
.infoBox .thumb{width: 260px;  height: 153px; text-align: center; margin: 0 auto ; margin-bottom: 20px;}
.infoBox .thumb img{max-height: 100%; max-width: 100%; width: auto; height: auto; -webkit-box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.75); box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.75);}
.infoBox .leftSide, .infoBox .rightSide{width: 50%;}
.infoBox .leftSide{padding-left: 40px}
.infoBox .table-tr > div:nth-of-type(1){width: 25px; line-height: 25px;}
.infoBox .table-tr > div:nth-of-type(2){width: calc(100% - 25px); font-size: 14px; line-height: 20px;}
.infoBox .table-tr > div:nth-of-type(2) a{text-decoration: underline;}


.table-tr {width: 100%; overflow: hidden;}
.table-tr > div {float: left;}

.quote-top{background: url(../images/quote-bg.jpg) no-repeat; background-size: 100%; background-color: #dec490; float: left; width: 100%; background-color: #e6d0a7}
.quote-form{max-width: 765px; clear: both; margin: 0 auto; margin-top: 40px; margin-bottom: 65px;}
.quote-form p{font-size: 16px; color: #000; line-height: 20px; margin-bottom: 30px;}
.quote-form .table-tr{margin-bottom: 35px;}
.quote-form .table-tr > div:nth-of-type(1){width: 145px; font-size: 16px; color: #000; line-height: 20px; height: 50px;}
.quote-form .table-tr > div:nth-of-type(1) span.red{color: red}
.quote-form .table-tr > div:nth-of-type(2){width: calc(100% - 145px);}
.quote-form .table-tr > div:nth-of-type(2) input{width: 100%; height: 50px; border: 1px solid #000; background: #dfbf7b;  background: #fff}
.quote-form .table-tr > div:nth-of-type(2) textarea{width: 100%; height: 180px; border: 1px solid #000; background: #dfbf7b; background: #fff}
.quote-form .table-tr > div:nth-of-type(2) input:focus {background-color: #a78949; color: #f3d9a3}
.quote-form .table-tr > div:nth-of-type(2) textarea:focus {background-color: #a78949; color: #f3d9a3}
.btn2{font-size: 24px; color: #fff; background: #e60012; line-height: 25px; padding: 10px 60px; float: left; margin: 0 auto;}
.btn2:hover{background: #b10000}

.brown-top{background: url(../images/quote-bg.jpg) no-repeat; background-size: 100%; float: left; width: 100%;    background-color: #dec490; background-color:#e1cb9c; background-color: #e6d0a7 }
.noTitleBar{margin-top: 55px;}
.career{float: left; width: 100%;}
.career .slogan{font-size: 20px; line-height: 35px; color: #000; text-align: center; margin-bottom: 30px;}
.career-type{float: left; margin-top: 45px; width: 100%}
.career-type .career-item{width: 49%; background: #fff7e7; border: 1px solid #e60012; border-radius: 10px; text-align: center; padding: 50px; margin-bottom: 40px;}
.career-type .career-item h2{font-size: 35px; color: #e60012; line-height: 40px; margin-bottom: 15px;}
.career-type .career-item p{font-size: 16px; line-height: 25px; color: #000;margin-bottom: 10px;}
.career .want-apply{font-size: 16px; font-weight: bold; color: #000; margin-bottom: 50px; text-align: center;}

.page-detail .normal-title h1 {font-size: 40px; color: #e60012; line-height: 45px; padding: 15px 0px; float: left;}

.information-top{background: url(../images/information-bg.jpg) no-repeat; background-size: 100%; float: left; width: 100%;    background-color: #dec490;}
.prevent-bug-info{float: left; width: 100%; margin-top: 25px;}
.prevent-bug-info h2{font-size: 35px; line-height: 35px; color: #e60012; margin-bottom: 40px; text-align: center;}
.prevent-bug-info li{display: inline-block; margin-right: 53px; margin-bottom: 60px; position: relative;}
.prevent-bug-info li:nth-of-type(4n){margin-right: 0}
.prevent-bug-info li .book{width: 257px; height: 259px; background: url(../images/book01.jpg)}
.prevent-bug-info li:nth-of-type(4n-7) .book{background: url(../images/book01.jpg)}
.prevent-bug-info li:nth-of-type(4n-6) .book{background: url(../images/book02.jpg)}
.prevent-bug-info li:nth-of-type(4n-5) .book{background: url(../images/book03.jpg)}
.prevent-bug-info li:nth-of-type(4n-4) .book{background: url(../images/book04.jpg)}
.prevent-bug-info li .book .num{position: absolute; top:10px; left: 10px; font-size: 40px; color: #fff;}
.prevent-bug-info li .book .title{position: absolute; bottom: 95px; right: 42px; color: #fff; font-size: 16px; line-height: 20px;}
.promotion h2{font-size: 35px; line-height: 35px; color: #e60012; margin-bottom: 45px; text-align: center;}
.promotion li{display: inline-block; margin-right: 42px; margin-bottom: 45px; position: relative;}
.promotion li:nth-of-type(4n){margin-right: 0}
.promotion li .thumb{width: 265px; height: 187px; background: #a9a9a9; margin-bottom: 20px; position: relative;}
.promotion li .thumb img{max-width: 100%; max-height: 100%; height: auto; width: auto;}
.promotion li p.title{font-size: 16px; line-height: 20px; text-align: center; color: #000}
.promotion li a .overlay{position: absolute; top:0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none; border: 4px solid #ddac56; text-align: center;}
.promotion li a:hover .overlay{display: flex;}
.promotion li a .overlay p{font-size: 14px; color: #ddac56; margin-top: 5px;}

.bug-info-top{background: url(../images/bug-info-bg.jpg) no-repeat; background-size: 100%; float: left; width: 100%;     background-color: #dec490;}

.bug-info{float: left; width: 100%;}
.bug-row{float: left; width:100%; background: rgba(222, 196, 144, 0.5);}
.bug-row:nth-of-type(1){background: inherit;}
.bug-row:nth-of-type(2n){background: rgba(226, 205, 162, 0.5)}
.bug-row h2{font-size: 24px; color: #fff; background: #795418; min-width: 260px; line-height: 25px; padding: 10px 20px; text-align: center; margin: 0 auto; border-radius: 50px; margin-bottom: 30px; width: inherit}
.bug-type{width: 50%; padding: 45px;}


.bug-type li{display: inline-block; /*width: calc(100% / 3 - 30px);*/ width: 140px !important; margin-right: 30px; margin-bottom: 20px;}
.bug-type li:nth-of-type(3n){margin-right: 0;}
.bug-type li .thumb{/*background: #fff; border:1px solid transparent;*/ border-top-right-radius: 10px; border-top-left-radius: 10px; height: 100px;}
.bug-type li .thumb img{max-width: 100%; max-height: 100%; width: auto; height: auto; width: 140px;}
.bug-type li .title{background: #8a6428; color: #fff; font-size: 16px; line-height: 20px; text-align: center;padding: 5px 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;  border:1px solid transparent;}
.bug-type li .title:nth-of-type(2n){background: #af833c;}
.bug-type li a:hover .title{background: #e60012; border:1px solid  #e60012;}
.bug-type li a:hover .thumb{border:1px solid  #e60012;}

.bug-last-than2{text-align: center;}
.bug-last-than2 li:nth-of-type(2n){margin-right: 0px;}

.bug-type.last{width: 100%; padding: 45px 160px; text-align: center;}
.bug-type.last h2{display: inline-block; width: auto}
.bug-type.last li{width: calc(100% / 5 - 30px)}
.bug-type.last li:nth-of-type(3n){margin-right: 30px;}
.bug-type.last li:nth-of-type(5n){margin-right: 0px;}

.insert-detail{float: left; width: 100%; margin-top: 50px;}
.insert-content{width: 670px; margin-right: 75px; padding-left: 10px;}
.insert-content .table-tr{margin-bottom: 40px;}
.insert-content .table-tr > div:nth-of-type(1){min-width: 95px; background: #8a6428; color: #fff; font-size: 20px; line-height: 25px; padding: 10px 25px; text-align: center; position: relative; margin-right: 20px; margin-top: 5px;}
.insert-content .table-tr > div:nth-of-type(1):after{content:''; position:absolute; top:0px; right: -9px; width: 0; height: 0; border-style: solid; border-width: 9px 9px 0 0; border-color: #8a6428 transparent transparent transparent;}
.insert-content .table-tr:nth-of-type(2n) > div:nth-of-type(1){background: #af833c;}
.insert-content .table-tr:nth-of-type(2n) > div:nth-of-type(1):after{border-color: #af833c transparent transparent transparent;}
.insert-content .table-tr > div:nth-of-type(2){width: 100%; text-align: justify; font-size: 16px; color: #000; line-height: 25px; }



.insert-photo{width: calc(100% - 670px - 75px);}
.insert-photo img{-webkit-box-shadow: 6px 5px 19px -4px rgba(0,0,0,0.75);-moz-box-shadow: 6px 5px 19px -4px rgba(0,0,0,0.75);box-shadow: 6px 5px 19px -4px rgba(0,0,0,0.75);}

.insert-btn-container{float: left; width: 100%; clear: both; text-align: center; margin: 60px 0px; margin-top: 40px;}
.insert-btn-container .btn2{padding: 5px 25px; font-size: 20px; text-align: center; float: none;}

#commercial .single-largeSlide{background: inherit;}

.header-quote-bottom a:nth-of-type(1){margin-left: -2px;}

.bug-faq{float: left;width:100%;}
.bug-faq-title{
    cursor: pointer;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    color: #fff;
    background: #895605;
    padding: 10px;
}
.bug-faq-body{
    display: none;
    line-height: 30px;
    font-size: 16px;
    letter-spacing: 0.95px;
    padding: 8px 18px 22px;
    background: #fff;
}
.bug-faq li{ margin-bottom: 15px;}
.bug-faq-icon{ position: relative;width: 18px;height: 18px;overflow: hidden;}
.bug-faq-icon:after,.bug-faq-icon:before{ content: " "; position: absolute;left: 0px;top:0px;}
.bug-faq-icon:after{ width: 50%;height: 100%;border-right: 2px solid #fff;margin-left: -1px;}
.active .bug-faq-icon:after{ display: none;}
.bug-faq-icon:before{ width: 100%;height:50%;border-bottom: 2px solid #fff;margin-top: -1px;}
.media, .media-body { overflow: hidden; zoom: 1; }
.media-body, .media-left, .media-right { display: table-cell; vertical-align: top; }
.media-left, .media>.pull-left { padding-right: 10px;  }
.media-right, .media>.pull-right { padding-left: 10px;  }
.media-body { width: 10000px;  }
.media-middle { vertical-align: middle;  }