.sec-banner { height:700px;position:relative }
.sec-banner .shadow { background:url(../img/home/banner/shadow.png) top -40px left repeat-x;position:absolute;top:0px;right:0px;left:0px;height:100px;z-index:1; }
.sec-banner .banner { height:100%; }
.sec-banner .b1 { background:url(../img/home/banner/1.jpg) center no-repeat;background-size:cover; }
.sec-banner .b2 { background:url(../img/home/banner/2.jpg) center no-repeat;background-size:cover; }
.sec-banner .b3 { background:url(../img/home/banner/3.jpg) center no-repeat;background-size:cover; }
.sec-banner .b4 { background:url(../img/home/banner/4.jpg) center no-repeat;background-size:cover; }

.swiper-banner { height:100%; }
.swiper-banner .banner { height:100%; }
.swiper-banner .swiper-banner-pagination { position:absolute;left:0px;right:0px;bottom:150px!important;z-index:3;text-align:center }
.swiper-banner .swiper-banner-pagination .swiper-pagination-bullet { width:14px;height:14px;background-color:#ffffff;opacity:.9 }
.swiper-banner .swiper-banner-pagination .swiper-pagination-bullet-active { background-color:#2a3f88 }

.sec-present { margin-top:-120px;position:relative;z-index:1 }
.sec-present > .wrapper { max-width: 1300px;margin:0px auto; }
.sec-present .row { overflow:auto;background-color:#e5e8f2;  }
.sec-present .col { }
.sec-present .col-a { width:70%;float:left;  }
.sec-present .col-b { width:30%;float:right; }

.sec-present .box-area { overflow:auto;height:320px; }
.sec-present .box-area > .box:nth-child(1):after { background:url(../img/home/box/1.jpg) center no-repeat;background-size:cover; }
.sec-present .box-area > .box:nth-child(2):after { background:url(../img/home/box/2.jpg) center no-repeat;background-size:cover; }
.sec-present .box-area > .box:nth-child(3):after { background:url(../img/home/box/3.jpg) center no-repeat;background-size:cover; }
.sec-present .box-area > .box:nth-child(4):after { background:url(../img/home/box/4.jpg) center no-repeat;background-size:cover; }
.sec-present .box-area > .box { float:left; width:25%;  height:100%;position:relative; overflow:hidden; }
.sec-present .box-area > .box:after  { content:'';position: absolute; top:0px;left:0px;right:0px;bottom:0px;z-index:0;transition:all .5s; }
.sec-present .box-area > .box:hover:after { transform:scale(1.1); }
.sec-present .box-area > .box > .txt-area {
	position:relative;z-index:1;
	color:#ffffff;
  padding: 80px 18px;
}
.sec-present .box-area > .box .btn-area { text-align:center;margin-top:30px;}
.sec-present .box-area > .box .btn { color:#313a70;background-color:#eaebf1;padding:8px 30px;display:inline-block;border-radius:20px; }

.sec-present .box-search {
	margin-bottom:0px;
	margin-top: 13px;
	margin-right: 25px;
	margin-left: 25px;
}
.sec-present .box-search .title { background:url(../img/home/box/icon.png) left center no-repeat;padding-left:60px;margin-bottom:15px; }
.sec-present .box-search .title .txt1 { font-size:34px;font-weight:bold;line-height:.8 }
.sec-present .box-search .input { background-color:#ffffff;padding:10px 30px;color:#9e7152; width:100%;border:none;border-radius:30px;font-size:20px;margin:5px 0px;outline:none; }
.sec-present .box-search .btn-area { margin-top:10px;text-align:right; }

.sec-client { margin:18px 0px;text-align:center;}
.sec-client > .wrapper { max-width: 1300px;margin:0px auto;position:relative; }
.sec-client .client { margin:0px 30px; }
.sec-client .client img { transition:all .3s; }
.sec-client .client:hover img { transform:scale(1.1); }

.btn_homesearch { display:inline-block; background:url(../img/btn/xs.png) center no-repeat;;width:170px;height:40px; color:#ffffff; border:none; cursor:pointer; font-family:'WebFont';font-size:20px; letter-spacing:0.022em; }

::-webkit-input-placeholder {
   color:#2b2b2b;/*:#9d6e53*/
}

:-moz-placeholder { /* Firefox 18- */
   color:#2b2b2b;
}

::-moz-placeholder {  /* Firefox 19+ */
   color:#2b2b2b;/*#8b512f*/
}

:-ms-input-placeholder {
   color:#2b2b2b;
}

.ui-selectmenu-button.ui-button { width:100%; }
.ui-selectmenu-button { box-sizing:border-box;width:100%; font-size:20px !important; font-family:'WebFont'; padding:8px 4px 8px 30px; border:1px solid #FFF; background:#FFF; border-radius:30px; font-size:20px; margin:5px 0px; outline:none; position:relative; color:#9e7152 !important;}

.ui-widget-content {
    color: #9e7152;
}
.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 5px;
}
.ui-selectmenu-menu .ui-menu { width:1%;margin-top:-45px;}
.ui-menu.ui-corner-bottom.ui-widget.ui-widget-content { border-radius:20px; }
.ui-menu .ui-menu-item-wrapper { padding:8px 26px;margin:0px; }
.child-option { font-size:20px !important; font-family:'WebFont';}
.overflow { height: 260px; }

#frmHomeSearch { margin:0;}
.txterrorhomesearch {text-align:left; float:left; color:#F00; font-size:15px; line-height:40px;}

@media only screen and (min-width: 1500px) {
	.sec-banner { height:70%; }
}
@media only screen and (max-width: 1024px) {
	.box-area br {display: none;}
	.sec-banner { height:500px; }
	.sec-present { margin:0px 20px;margin-top:-80px; }
	.sec-present .col-a  { width:70%; }
	.sec-present .col-b  { width:30%; }
	.sec-present .box-area { overflow: hidden;height:350px; }
	.sec-present .box-area > .box  { width:50%;height:50%;  }
	.sec-present .box-area > .box:before { display:inline-block;content:'';vertical-align:middle;width:0px;height:100%;margin-left:0px }
	.sec-present .box-area > .box > .txt-area { vertical-align:middle;padding:20px;display: inline-block;max-width:80%;  }

	.sec-client > .wrapper { max-width:800px }

	.sec-present .box-search .title .txt1 { font-size: 38px; font-weight: normal; }
	.txterrorhomesearch {text-align:center; float:none; display:block; color:#F00; font-size:20px; line-height:40px;}
}
@media only screen and (max-width: 800px)  {
	.sec-banner { height:550px;background:url(../img/home/banner/mobi.jpg) top no-repeat;background-size:auto 100%; }
	.swiper-banner { display:none; }

	.sec-present { margin-top:-70px; }
	.sec-present .row { overflow:auto; }
	.sec-present .col-a  , .sec-present .col-b { width:auto;float:none; }
	.sec-present .box-search { padding:40px;margin:0px }
	.sec-present .box-area { height:auto; }
	.sec-present .box-area > .box  { height:180px; }
	.sec-present .box-area > .box > .txt-area br { display:none; }
	.sec-present .box-search .btn-area { text-align:center; }
	.sec-present .box-search .input { }
	.sec-present .box-search .title .txt1 {font-weight: normal; font-size: 42px;}
	h2 font {font-weight: normal !important;font-size: 38px;}
	.txt-area br{display: none;}
}
@media only screen and (max-width: 700px) {
	.sec-present .box-area > .box > .txt-area {max-width: 90%;padding: 20px 0px 20px 20px;}

}
@media only screen and (max-width: 600px)  {

	.sec-banner { height:300px; background-size: cover;}

	.sec-present {}
	.sec-present .box-area > .box:before { display:none; }
	.sec-present .box-area > .box  { width:auto;float:none; height:auto; min-height:140px; }

	.sec-present .box-search { padding:30px 20px; }

	.sec-client .client { margin:0px 10px;width:33%; }
	.sec-client .client img { height:70px }




}
@media only screen and (max-width: 440px)  {  }
@media only screen and (max-width: 380px)  {
	.sec-present .box-search .input {width:100%; }
	.sec-present .box-area > .box > .txt-area {max-width: 88%;}
}
@media only screen and (max-width: 320px)  {
	.sec-banner { height:270px; }
}