@charset "utf-8";

.main-box{position: relative; padding: 5%; min-height: 400px;}
.main-box:before{position: absolute; top: 0; right: 0; left: 0; z-index: 1; width: 100%; content: ""; background: url(../images/cktslcx/bg1.png) no-repeat center top; height: 288px;}
.main-box:after{position: absolute; bottom: 0; right: 0; left: 0; z-index: 1; width: 100%; content: ""; background: url(../images/cktslcx/bg2.png) no-repeat center top; height: 288px;}
.main-box > div{position: relative; z-index: 10;}

.main-search{width: 55%; margin-right: auto; margin-left: auto; margin-bottom: 5%;}
.main-search .searchbox{position: relative; padding: 10% 10% 5%; background-color: #fff; border-radius: 8px; box-shadow: 0 5px 15px rgba(46,106,189,.35); overflow: hidden;}
.main-search .searchbox:before{position: absolute; top: 0; right: 0; left: 0; height: 12px; content: ""; background-color: #5f91df;}
.main-search .searchtip{text-align: center; font-weight: bold; font-size: 1.125em; color: #2e6abd;}

.setIE.ie8 .main-search .searchbox{padding: 80px; width: 513px; height: 237px; background: url(../images/cktslcx/searchbox_bg.png) no-repeat center top;}
.setIE.ie8 .main-search .searchbox:before{content: normal;}
@media (max-width: 1200px) {
  .main-search{width: 100%;}	
  .main-search .searchbox{padding: 10% 5% 5%;}
}