.page-selection li{display: inline-block;border-right:1px solid #8a6428;}
.page-selection li:last-of-type{border: 0px; margin-right: 0}
.title-bar .page-title i {position: absolute; right: 20px; display: none; top: calc(50% - 9px); transition: 0.3s; transform: rotate(0deg);}
.brown-top img{max-width: 100%; max-height: 100%; width: auto; height: auto}
.prevent-bug-info li .book{background-size: 100% !important; width: 100%; height: 100%;}
.prevent-bug-info li{width: 22%; margin-right: 3%; }
.prevent-bug-info li .book .title{bottom:35%; right:16%; right: 0px !important; width: 50%; text-align: center;}
.promotion li{width: 22%; margin-right: 3.6%}
.promotion li .thumb{width: 100%}
.bug-type li .thumb{overflow: hidden;}
.insert-photo img{max-height: 100%; max-width: 100%; width: auto; height: auto}
.commerical-list > li{vertical-align: top; width: 18%; margin-right: 2%; overflow: hidden; max-width: 100%;}
.commerical-list > li a .thumb{width: 100%; height: 100%;}
.home-business-bug .desc{width: 27%;}
.home-commerical-list{width: calc(100% - 27%);}
.home-business-bug .desc .desc-detail h2{line-height: 40px;}
.home-list li{width: 8%; margin-right: 1.5%; max-width: 100%;}
.home-list li a .thumb{width: 100%; /*height: 100%*/}
.home-home-bug .desc{width: 27%;}
.home-home-list{width: calc(100% - 27%);}
.home-home-bug .desc .desc-detail h2{line-height: 40px;}
.home-client-list li{width: 12.5%; margin-right: 4%; float: left;}
.home-client-list li .thumb{width: 100%; /*height: 100%;*/ text-align: center;}

.insert-photo.mobile{display: none}

.bug-type.last li{width: calc(100% / 5 - 36px)}


@media screen and (max-width: 1400px){
	.home-list li{width: 18% !important; margin-right: 1.5% !important}
	.home-list li:nth-of-type(5n){margin-right: 0 !important}
	.home-list li a .thumb{text-align: center;}
}

@media screen and (max-width: 1280px){
	.area-list li{width: 22%; margin-right: 3%;}
	.prevent-bug-info li .book .title{right:15%;}
	.insert-content{width: 60%; margin-right: 5%;}
	.insert-photo{width: 30%}
	.new-swiper-button{bottom: 7% !important;}
	.go-bottom{bottom: 5% !important}
	.bannerText p{font-size: 45px;}
	.home-commerical-list{padding: 100px 25px;}

	.bug-type:not(.last) ul{width: 325px; margin: 0 auto;}
	.bug-type:not(.last) ul li:nth-of-type(odd){margin-right: 30px !important;}
	.bug-type:not(.last) ul li:nth-of-type(even){margin-right: 0 !important;}

	.bug-type.last ul{width: 500px; margin: 0 auto;}
	.bug-type.last ul li{margin-right: 30px !important;}
	.bug-type.last ul li:nth-of-type(3n){margin-right: 0 !important;}
}

@media screen and (max-width: 1200px){
	.commerical-list > li{width: 23%; margin-right: 2% !important}
	.commerical-list > li:nth-of-type(4n){margin-right: 0 !important}
	.home-middle-bg{ height: 259px;}
}

@media screen and (max-width: 1000px){
	.wrap{width: 100%; padding: 0px 20px;}
	.page-detail .page-title h1{font-size: 32px; line-height: 35px;}
	.title-bar{background: none; border:0px; margin-top: 30px;}
	.title-bar .page-title{width: 100%;}
	.title-bar .page-title i {display: block}
	.title-bar .page-title i.active{transform: rotate(180deg);}
	.title-bar .page-selection{width: 100%; display: none;}
	.page-selection li{display: block; border:0px; border-top:1px solid #fff !important; float: left; width: 100%}
	.title-bar .page-title p{background: #e60012; color: #fff; padding: 10px 20px; padding-right: 40px; position: relative;}
	.title-bar .page-selection a{background: #af833c; color: #fff; width: 100%; float: left; padding: 10px 20px; margin: 0px;}
	.title-bar .page-selection a.selected, .title-bar .page-selection a:hover{background: #8a6428; color: #fff;}
	.career-type .career-item{width: 100%;}

	.prevent-bug-info li{width: 47%; margin-right: 3% !important}
	.prevent-bug-info li:nth-of-type(2n){margin-right: 0 !important}
	.prevent-bug-info li .book .title{right: 20%; }
	.promotion li{width: 47%; margin-right: 5.1% !important}
	.promotion li:nth-of-type(2n){margin-right: 0 !important}
	.promotion li .thumb{height: 265px;}

	.bug-type{width: 100%;}
	.bug-type.last{width: 100%; padding: 45px 0px; text-align: inherit;}
	.bug-type.last li{width: calc(100% / 3 - 30px)}
	.bug-type{padding: 45px 0px;}

	.bug-type.last li:nth-of-type(5n){margin-right: 30px;}
	.bug-type.last li:nth-of-type(3n){margin-right: 0;}

	.insert-content{width: 100%; margin-right: 0px }
	.insert-photo{width: 100%; text-align: center;}
	.insert-detail{margin-top: 20px;}
	.bannerText p{font-size: 40px}

	.home-business-bug{display: block}
	.home-business-bug .desc{width: 100%}
	.home-commerical-list{width: 100%;padding: 50px 20px;}


	.home-home-bug{display: table;}
	.home-home-list{width: 100%; display: block; float: none;padding: 50px 20px;}
	.home-home-bug .desc{width: 100%; display: table-header-group; float: none;}
	
	.insert-photo{display: none}
	.insert-photo.mobile{display: block; margin-bottom: 50px;}

	.slider-for{background: inherit !important; }
	.largeSlide{background: inherit !important;}
}

@media screen and (max-width: 767px){
	.area-list li{width: 48%; margin-right: 3% !important; margin-bottom: 0}
	.area-list li:nth-of-type(2n){margin-right: 0px !important}
	.prevent-bug-info li .book .title{right: 18%}
	.insert-content .table-tr > div:nth-of-type(2){width: 100% !important; margin-top: 20px;}
	.bannerText p{font-size: 32px;}

	.commerical-list > li{width: 48%; margin-right: 2% !important}
	.commerical-list > li:nth-of-type(2n){margin-right: 0 !important}
	.commerical-list > li a .thumb img{width: 100%;}
	.home-list li:nth-of-type(2n+1){width: 48% !important; margin-right: 2% !important}
	.home-list li:nth-of-type(2n){width: 48% !important; margin-right: 0 !important}

	.home-client-list li{width: 48% !important; margin-right: 2% !important}
	.home-client-list li:nth-of-type(2n){margin-right: 0 !important}
}

@media screen and (max-width: 600px){
	.area-list li{width: 100%; margin-right: 0% !important; margin-bottom: 0}
	.quote-form .table-tr > div:nth-of-type(1){width: 100%;}
	.quote-form .table-tr > div:nth-of-type(2){width: 100%;}
	.quote-form .table-tr{margin-bottom: 10px;}
	.quote-form .table-tr.button-container{margin-top: -20px;}
	.prevent-bug-info li{width: 100%; margin-right: 0 !important}
	.prevent-bug-info li .book .title{right: 21%}
	.promotion li{width: 100%; margin-right: 0% !important}
	.promotion li .thumb{height: 187px;}
	.bug-type li{width: calc(100% / 2 - 30px); margin-right: 30px !important}
	.bug-type li:nth-of-type(2n){margin-right: 0 !important}
	.bug-type.last li{width: calc(100% / 2 - 30px)}
	.bannerText p{font-size: 20px}
	.go-bottom { bottom: 0% !important}
	.go-bottom img{transform: scale(0.5);}

	#map{height: 300px;}

	.infoBox{width: 280px;}
	.infoBox .leftSide{padding-left: 0px; width: 100%;}
	.infoBox .leftSide, .infoBox .rightSide{width: 100%}
	.infoBox .thumb{width: 200px; margin-bottom: 5px; height: 100%;}
	.infoBox .thumb img{max-width: 100%; max-height: 100%; width: auto; height: auto}

	.home-middle-bg{background-attachment:inherit;}
	
	.page-detail .page-title{width: 100%;}
	.page-detail .page-title:before{left: -20px;}
	.page-detail .page-title:after{right: -20px;}
	.page-detail .page-title h1{font-size: 25px; width: calc(100% - 128px); text-align: center; margin: 0px 64px; line-height: 30px;}

	.bug-type.last ul{width: 325px;}
	.bug-type.last ul li:nth-of-type(odd){margin-right: 30px !important;}
	.bug-type.last ul li:nth-of-type(even){margin-right: 0 !important;}
}

@media screen and (max-width: 550px){
.bug-type li .thumb,.home-list li a .thumb{/*padding-bottom: 1px;*/}
}

.mission-desktop{text-align: center; margin-bottom: 40px;}
.mission-mobile{text-align: center; margin-bottom: 40px; display: none}
.mission-mobile img{margin-bottom: 20px;}
.philoButton{display: inline-block; padding: 0 30px; background-color: #92bf29; font-size: 15px; color: #fff; line-height: 40px; margin: 0 10px 20px 10px; box-shadow: 0 3px 5px rgba(0,0,0, .3);}
.philoButton:nth-of-type(2){background-color: #ee7228;}
.philoButton:nth-of-type(3){background-color: #f59e32;}
#i_3Five .philoblock p{color: #92bf29; color: #689400}
.philoblock p {font-size: 20px; line-height: 32px; font-weight: bold; text-align: left;}
.philoblock ul {padding: 15px 20px 15px 40px; background-color: #565655; border-radius: 10px; margin-bottom: 30px;}
.philoblock li {list-style-type: disc; font-size: 15px; line-height: 20px; margin-bottom: 5px; color: #fff; text-align: left}
#i_Manage .philoblock p {color: #ee7228;}
#i_TeamPower .philoblock p {color: #f59e32;}
@media screen and (max-width: 1000px){
.mission-desktop{display: none;}
.mission-mobile{display: block}
}

/*
.home-list li{width: 105px !important; margin-right:1.5% !important; }
.home-list li a .thumb{width: 105px !important; height: 105px !important; border:0px !important;}
.home-list li:nth-of-type(n){margin-right: 1.5% !important}

@media screen and (max-width: 1000px){
	.home-list{text-align: center;}
}

@media screen and (max-width: 400px){
	.home-list li:nth-of-type(n){margin-right: 13.5% !important}
	.home-list li:nth-of-type(2n){margin-right: 0% !important}
}
*/

.bug-type li .thumb,.home-list li a .thumb{border:0px !important; /*padding-bottom: 1px;*/}


@media screen and (max-width: 400px){
	.bug-type li .thumb{height: 98px;height: 94px; margin-bottom: -1px;}
	.bug-type.last li {width: calc(100% / 2 - 31px);}
}

.infoBox-baidu{width: 550px; background: #fff; border:0px; box-shadow: none; padding: 0px}
@media screen and (max-width: 600px){
	.infoBox-baidu{width: 280px; float: left; }
	.infoBox-baidu .infoBox-info{float: left; width: 100%;}
	.infoBox-baidu .thumb{height: 85px;}
}