@charset "utf-8";
* {
    margin: 0px;
    padding: 0px;
}

.left {
    float: left;
}
body{font-family: "微软雅黑";min-width: 1200px;}
.right {
    float: right;
}

img {
    border: none;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: "020";
    height: 0px;
    display: block;
    overflow: hidden;
    clear: both;
}
a{color: #333333;}

a:hover {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
	  text-decoration: none;
}
ul li,
ol li {
    list-style-type: none;
}

body {
    font-family: "microsoft Yahei";
    width: 100%;
}
.height10{width: 100%;height: 10px;}
.height15{width: 100%;height: 15px;}
.height20{width: 100%;height: 20px;}
.height25{width: 100%;height: 25px;}
.height30{width: 100%;height: 30px;}
.height40{width: 100%;height: 40px;}


/*******main********/
.main{width: 100%;height: auto;background: #eaebeb;position: relative;}
.side{background:url(dqwz_bg.png) repeat-x center;}
.side {width: 100%;height: 67px;line-height: 67px;margin-bottom: 1px;}
.side_lt {width: 1200px;margin: 0 auto;}
.tybanner{width: 100%;height: 250px;}
.tybannercon{width: 1200px;margin: 0 auto;overflow: hidden;}
/*.tybannercon span{font-size: 30px;color: #FFFFFF;float: left;max-width:600px;margin-top: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}*/
.bsznspan{font-size: 30px;color: #FFFFFF;float: left;max-width:715px;margin-top: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.tybannercon .bszndqxz{float: left;line-height: 135px;}
.bszndqxz2{float: right;height: 100px;width: 300px;padding-top: 55px;}
.bszndzxbl{float: right;height: 340px;width: 300px;padding-top: 55px;}
.bszndqxz2 a{width: 120px;height: 40px;display: block;float: left;background: rgba(255,255,255,0.15);border-radius: 25px;border-radius: 25px;font-size: 16px;text-align: center;line-height: 38px;border: 1px solid #fff;color: #fff;margin-left: 30px;}
.bszndqxz2 a:hover{color: #4665D5;background: #fff; border: 1px solid rgba(255,255,255,0.30);}
.bszxa{width: 120px;height: 40px;display: block;/*float: left;*/background: rgba(255,255,255,0.15);border-radius: 25px;border-radius: 25px;font-size: 16px;text-align: center;line-height: 38px;border: 1px solid #fff;color: #fff;margin-left: 30px;}
.bszxa:hover{color: #4665D5;background: #fff; border: 1px solid rgba(255,255,255,0.30);}
#bszx{width: 120px;height: 40px;display: block;float: left;background: rgba(255,255,255,0.15);border-radius: 25px;border-radius: 25px;font-size: 16px;text-align: center;line-height: 38px;border: 1px solid #fff;color: #fff;margin-left: 30px;margin-top: 10px;}
#bszxe{width: 120px;height: 40px;display: block;float: left;background: rgba(255,255,255,0.15);border-radius: 25px;border-radius: 25px;font-size: 16px;text-align: center;line-height: 38px;border: 1px solid #fff;color: #fff;margin-left: 30px;margin-top: -14px;}
#bszx:hover{color: #4665D5;background: #fff; border: 1px solid rgba(255,255,255,0.30);}
#bszxe:hover{color: #4665D5;background: #fff; border: 1px solid rgba(255,255,255,0.30);}
.bsznbanner{background: url(bsznbg.png) no-repeat top center;}
.tytitle{width: 1200px;height: auto;margin: auto;}
.tytitle p{width: 100%;height: 88px;border-bottom: 2px solid #acacac;}
.tytitle p span {display: block;float: left;color: #2B2F32;font-size: 24px;height: 88px;line-height: 100px;cursor: default;}
.tybannercon .tybannercon02{line-height: 20px;font-size: 16px;color: #FFFFFF;opacity: 0.8;padding-right: 775px;}
.bsznty{width: 1200px;line-height: 30px;margin: auto;font-size: 30px;color: #fff;height: auto;margin-bottom: 10px;min-height: 30px}
.newfloor{margin: -60px 0 0;border-top: 60px solid rgba(0, 0, 0, 0);z-index: 1;}
/**各分辨率样式**/
/**左侧吸顶**/
.cebian{position: absolute;width: 140px;left: 50%;    margin-left: -750px;top: 300px;}
.cebian-fixed{position: fixed;top: 80px;}
.cebian-fixed2{position: fixed;bottom: 130px;}
#newmain{width: 100%;margin: auto;}
#newmain .newfloor{height: auto;}
#newmain  #floor1{padding-top: 0;}
#newnav{width:130px;height: auto;}
#newnav ul li a{font-size: 20px;display: block;color: #999;text-align: center;line-height: 30px;height:30px;font-size: 14px;text-align: right;padding-right: 15px;}
#newnav ul li a:hover,#newnav ul li a.newcurrent{color: #333;font-size: 18px;color: #4665D5;}
/**右侧吸顶**/
.mainconright-fixed1{position: absolute;
    bottom: -40px;
    right: 0;}
.mainconright-fixed{position: fixed;top: 90px;}
.mainconright-fixed2{position: fixed;top: 90px;}
.mainconright-fixed .mainconrightid01,.mainconright-fixed .mainconrightid02{display: none;}
.mainconright-fixed2 .mainconrightid01,.mainconright-fixed2 .mainconrightid02{display: none;}
.mainconright .newtxt ul li{margin-bottom: 0;}
.xidingnone{display: none;}
.xidingblock{display: block !important;}

/**各分辨率样式结束**/

.maincon{width: 1200px;margin: auto;overflow: hidden;margin-top: 20px;}
.mainconleft{width: 860px;height: auto;float: left;padding: 20px;background: #ffffff;box-shadow: 0 2px 15px 0 rgba(153,153,153,0.20);}
.mainconright{width: 320px;height: auto;float: right;position: relative;}
#mainconright{width: 320px;background: #ffffff;padding: 20px;box-shadow: 0 2px 15px 0 rgba(153,153,153,0.20);
}

/**左侧**/

.newtitle{height: 60px;width: 100%;border-bottom: 2px solid #999999;margin-bottom: 13px;padding-top: 20px;}
.newtitle span,.newtitle a{float: left;display: block;margin-right:20px ;}
.newtitle span{font-size: 24px;font-weight: bold;}
.newtitle a{cursor: pointer;height: 30px;line-height: 30px;font-size: 14px;}
.newtitle a.ckxqbq{padding: 0 15px;background: #f4f6f8;}
.newtitle a.ckxqzn{color: #146ad1;float: right;min-width: 110px;line-height: 30px;background-color:rgba(70, 101, 213, 0.1);text-align: center;margin-right: 0;padding-left: 10px;padding-right: 10px;}
.newtable {word-wrap: break-word; word-break: break-all; }
.newtable tr {height: 50px;}
.newtable td{padding: 0px 10px;overflow: hidden;color: #333;border: 1px solid #e5e5e5;}
.newtable td.tabbg {background: #F5F6F8;text-align: left;color: #333333;padding: 0px 10px;overflow: hidden;border: 1px solid #e5e5e5;}
.newtxt{width: 100%;height: auto;}
.newtxt ul li{width: 100%;margin-bottom: 20px;line-height: 25px;font-size: 16px;color: #666666;}
.newtxt ul li .newtetcon{color: #146ad1;}
.newtxt span c{font-weight: bold;color: #333333;margin-right: 15px;}
.newtable2 th {background: #F5F6F8;height: 50px;color: #333333;text-align: center;font-weight: normal;border: 1px solid #e5e5e5;}
.newtable2 tr{height: 50px;}
.newtable2 tr td{text-align: center;padding: 0 15px;}
.cjwtnew{width: 100%;padding: 20px;height: auto;background: #F5F6F8;}
.cjwtnew ul li{}
.cjwtnew .cjwtnew1{font-size: 20px;font-weight: 600;line-height: 40px;}
.cjwtnew .cjwtnew2{font-size: 16px;color: #999999;line-height: 35px;margin-top: 20px;margin-bottom: 10px;}
.zxtsnew{width: 100%;height: auto;}
.zxtsnew .zxtsnewleft{width: 400px;height: auto;float: left;}
.zxtsnew .zxtsnewright{width: 400px;height: auto;float: right;}
.zxtsnew td{width: 50%;}
.zxtsnew td p{font-size: 16px;line-height: 35px;}
.newtxt2{width: 100%;height: auto;overflow: hidden;}
.newtxt2 ul li{width: auto;margin-right: 30px;float: left;font-size: 16px;}
.tabbg-tknr{padding: 10px !important;}
.tabbg-tknr p{max-height: 220px;overflow-y: auto;}
.tabbg-tknr p::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;height: 4px;}
.tabbg-tknr p::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 5px;box-shadow: inset 0 0 50px #146ad1;}
.tabbg-tknr p::-webkit-scrollbar-track {/*滚动条里面轨道*/box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 0;background: rgba(0, 0, 0, 0.1);}
/**右侧**/
.mainconrightnew{width: 100%;height: auto;overflow: hidden;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #E8E8E8;;}
.mainconrightnew2{width: 100%;height: auto;overflow: hidden;margin-bottom: 30px;}
.mainconrightnew2 .bszntitle{padding: 0 20px;}
.bszntitle{width: 100%;height: 30px;line-height: 30px;}
.bszntitle i{width: 5px;height: 24px;display: block;background-color: #146ad1;float: left;margin: 4px 10px 10px 0;}
.bszntitle span{font-size: 16px;font-weight: bold;float: left;}
.bszntitle a{float: right;color: #999999;font-size: 15px;font-weight: 600;}
.newfwpj{width: 305px;height: auto;overflow: hidden;font-size: 14px;float: left;padding-left: 30px;color: #fff;}
.newfwpj div{height: 35px;line-height: 35px;}
.newfwpj .newfwpj1{width: 85px;}
.newfwpj .newfwpj2{width: 160px;margin-top: 5px;}
.newfwpj .newfwpj3{float: right;color: #FBA503;}
.newfwcn{width: 350px;overflow: hidden;float: left;}
.newfwcn div{width: 33.3%;float: left;text-align: left;}
.newfwcn .newfwcn1-1{font-size: 14px;margin-bottom: 20px;color: #fff;}
.newfwcn .newfwcn1-1 span{font-size: 24px;color: #fff;margin-right: 15px;}
.newfwcn .newfwcn1-2{color: #fff;font-size: 14px;}
.bsznpj{width: 1200px;height: auto;margin: 0 auto;}
.bsznbj{width: 1200px;height: auto;margin: 0 auto;margin-top: -200px;}
.newfwcn3{border-right: rgba(255,255,255,0.30) 1px solid;}
.Collection{width: 100%;height: 27px;line-height: 27px;}
.Collection ul li{width: 33%;float: left;text-align: center;}
.Collection ul li:first-child{border-right: 1px solid #E8E8E8;}
.Collection ul li:last-child{border-left: 1px solid #E8E8E8;}
.Collection ul li a{display: block;width: 100%;height: 100%;font-size: 14px;color: #666666;}
.Collectionon{background: url(scon.png) no-repeat 18px 6px;}
.Collectionoff{background: url(scoff.png) no-repeat 1px 6px;}
.downon{background: url(dwlan.png) no-repeat 3px 6px;}
.woodpecker{background: url(zmn.png) no-repeat 2px 6px;}
/********吸顶********/
.bsznxid{width: 100%;height: 70px; /* background-color: #ffffff; */ background: url(bsznbg.png) no-repeat center;
	box-shadow: 0 2px 15px 0 rgba(153, 153, 153, 0.20);    z-index: 9999;position: fixed;top: 0;display: none;}
.bxznxidmain{width: 1200px;height: 100%;margin: auto;}
.bxznxidmain span{font-size: 18px;color: #fff;   width: 415px;height: 100%;font-weight: bold;display: flex;flex-direction: column;justify-content: center;float: left;}
.bxznxidmain2{float: right;    height: 70px;
    width: 300px;
    padding-top: 15px;}
.bxznxidmain2 a{width: 120px;height: 40px;display: block;float: left;background: rgba(255,255,255,0.15);
    border: 1px solid #fff;border-radius: 25px;border-radius: 25px;font-size: 16px;text-align: center;line-height: 38px;color: #fff;margin-left: 30px;}
.bxznxidmain2 a:hover{color: #515EF2;background: #fff;
    border: 1px solid rgba(255,255,255,0.30);}








/********新增********/
.bszn_mc {position: fixed;z-index: 9999;width: 100%;height: auto;background: rgba(0, 0, 0, .5);top: 0;left: 0;bottom: 0;right: 0;margin: auto;display: none;}
.xiangqing .bszn_clxq .jbxx_table{overflow-y: auto;height: 535px;}
.xiangqing{color: #146ad1;}
.bszn_clxq{position: fixed;z-index: 999999;width: 1000px;height: 605px;background: #ffffff;top: 0;left: 0;bottom: 0;right: 0;margin: auto;display: none;padding: 10px;}
.panel-title {font-size: 12px;font-weight: bold;height: 16px;line-height: 16px;float: left;}
.panel-tool{	float: right;}
.panel-tool a {display: inline-block;width: 22px;height: 22px;opacity: 0.6;/*  filter: alpha(opacity=60); */margin: 0 0 0 2px;vertical-align: top;cursor: pointer;}
.panel-tool-close {background: url('panel_tools.png') no-repeat -22px -8px;background-size:300% 250%;}
.jbxx_table {width: 100%;height: 100%;}
.jbxx_table {width: 100%;}
.jbxx_table td,.jbxx_table th,.jbxx_table tr {border: 1px solid #e5e5e5;}
.jbxx_table td {font-size: 17px;padding-left: 20px;padding: 5px 20px;color: #333;line-height: 30px;min-width: 350px;}
/* .jbxx_table td a {color: #014a84;} */
.jbxx_table th {width: 170px;height: 55px;text-align: right;padding: 0 10px;font-weight: normal;color: #333;font-size: 16px;background-color: #F5F6F8;}
.bszn_clxq .jbxx_table th {width: 170px;padding-right: 12px; text-align: left;}
.kzzk {display: block;width: 100%;height: 40px;line-height: 40px;background: #f4f3f3 url(sjx_b.png) no-repeat 620px;color: #266496;text-align: center;}
.kzzk1 {display: block;width: 100%;height: 40px;line-height: 40px;background: #f4f3f3 url(sjx_t.png) no-repeat 610px;color: #266496;text-align: center;}
.table-collapse-toggle {display: block;width: 100%;height: 40px;line-height: 40px;background: #ffffff url(sjx_b.png) no-repeat 455px;color: #266496;text-align: center;border: 1px solid #e5e5e5;border-top: none;}
.table-collapse-toggle1 {display: block;width: 100%;height: 40px;line-height: 40px;background: #ffffff url(sjx_t.png) no-repeat 445px;color: #266496;text-align: center;border: 1px solid #e5e5e5;border-top: none;}

  .kbbg {
  cursor: pointer;
    display: block;
    width: auto;
    padding: 2px;
    padding-right: 15px;
    background-color: #e7f5ff;
    color: #008cc2;
    margin: 10px 0;
    background: url(empdown.png) no-repeat 72px #e7f5ff;
}
.slyb {
	cursor: pointer;
    display: block;
    width: auto;
    padding: 2px;
    padding-right: 15px;
    background-color: #fff3d2;
    color: #e78c03;
    margin: 10px 0;
    background: url(excdown.jpg) no-repeat 72px #fff3d2;
}
  .kbbg1 {
  cursor: pointer;
    display: block;
    width: 90px;
    padding: 2px;
/*     padding-right: 15px; */
    background-color: #e7f5ff;
    color: #008cc2;
    margin: 10px 0;
    background: url(empdown.png) no-repeat 73px #e7f5ff;
}
.slyb1 {
	cursor: pointer;
    display: block;
    width: 90px;
    padding: 2px;
/*     padding-right: 15px; */
    background-color: #fff3d2;
    color: #e78c03;
    margin: 10px 0;
    background: url(excdown.jpg) no-repeat 73px #fff3d2;
}

.tsize {
	font-size: 14px;
}
.newtable3 tr td{text-align: left;padding: 0 15px; }
.sdyj1 {
	background-color: #F5F6F8;
}

.newtable2 tr td p {
    word-wrap: break-word;
    word-break: break-all;
}

.branddesc{word-wrap: break-word;}
/***展开更多***/
.zkmore{color: #4665D5;font-weight: bold;margin-left: 20px; cursor: pointer;}

.change {
    min-width: 113px;
    height: 32px;
    background: #F4F6F8;
    border-radius: 16px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    color: #333333;
    margin-left: 20px;
    cursor: pointer;
    margin-top: 45px;
}

.change>img {
    vertical-align: -3px;
    width: 13px;
    height: 16px;
}

.lf {
    float: left;
}

.zt {
    width: 100px;
    height: 52px;
    background: #fff;
    text-align: center;
    line-height: 52px;
    font-size: 16px;
    color: red;
    font-weight: bold;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    margin: 10px 7px;
    box-shadow: 0 2px 15px 0 rgba(153, 153, 153, 0.2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}


/*跨省通办清单改版开始 20211129 jl*/
.kstb402 {
    margin-top: 20px;
}

.qiehuan {
    height: 48px;
    border-bottom: 4px solid #ACACAC;
}

.bmbt {
    font-size: 24px;
    color: #2B2F32;
    float: left;
    line-height: 30px;
}

.right_search_form1 {
    width: 290px;
    height: 30px;
    float: right;
    background: #FFFFFF;
}

.right_search_form1 .form_input1 {
    display: block;
    float: left;
    width: 250px;
    height: 30px;
    padding-left: 10px;
    border-right: none;
    outline: none;
    font-size: 14px;
    line-height: 30px;
    color: #9B9EA0;
    border: 1px solid #D7D8D9;
    border-right: none;
}

.right_search_form1 .form_input2 {
    display: block;
    float: left;
    width: 40px;
    height: 30px;
    outline: none;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    border: 1px solid #D7D8D9;
    border-left: none;
    background: url(images/search.png) center no-repeat;
}

.bmcont {
    height: auto;
    overflow: hidden;
}

.right_sx2 {
    width: 100%;
    height: 40px;
    opacity: 0.8;
    background: #D7D8D9;
    margin-top: 20px;
}

.right_sx2 .sxmc {
    font-size: 14px;
    color: #73777A;
    line-height: 40px;
    padding-left: 20px;
    float: left;
}

.right_sx2 .cz {
    font-size: 14px;
    color: #73777A;
    line-height: 40px;
    padding-right: 20px;
    float: right;
}

.right_list_main {
    height: auto;
    overflow: hidden;
    position: relative;
    padding-bottom: 60px;
}

.bmfw_right_cell {
    border-bottom: 1px solid #D7D8D9;
    overflow: hidden;
}

.bmfw_right_cell .r1 {
    height: 55px;
    position: relative;
}

.bmfw_right_cell .r2 {
    display: block;
    height: 50px;
    overflow: hidden;
    position: relative;
    padding-left: 25px;
}

.bmfw_right_cell .r1 .r1_tit {
    width: 1200px;
    height: 55px;
    line-height: 55px;
    padding-left: 20px;
    float: left;
    font-size: 16px;
    color: #2B2F32;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(images/lefticon.png) no-repeat 7px center;
}

.bmfw_right_cell .r1 .r1_tit span {
    line-height: 60px;
    font-size: 17px;
    color: #2B2F32;
    float: left;
    max-width: 1080px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bmfw_right_cell .r1_tit .r1_index {
    width: 50px;
    height: 28px;
    margin-top: 16px;
    /* margin-left: 20px; */
    line-height: 28px;
    /* background: url(down.png) no-repeat; */
    cursor: pointer;
    float: right;
    font-size: 14px;
    padding-left: 5px;
    background: url(images/toparrow.png) no-repeat;
}

.r1_titOn {
    background: url(images/bottomarrow.png) no-repeat !important;
}

.bmfw_right_cell .r2 {
    display: block;
    height: 50px;
    overflow: hidden;
    position: relative;
    padding-left: 25px;
}

.bmfw_right_cell .r2 .r2_tit {
    /* width: 736px; */
    height: 50px;
    line-height: 50px;
    color: #666666;
    padding-left: 10px;
    float: left;
    font-size: 17px;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    max-width: 1080px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(images/point.jpg) no-repeat left center;
}

.r2 .r2_tit a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 850px;
    cursor: pointer;
}

.bmfw_right_cell .r2 .r2_tit a {
    font-size: 17px;
    color: #515EF2;
}

.bmfw_right_cell .r2 .r2_bslj {
    height: 28px;
    /* width: 200px; */
    float: right;
    margin-top: 13px;
    margin-right: 20px;
}

.r2_bslj a {
    float: left;
    width: 80px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    margin-left: 20px;
    font-size: 12px;
    opacity: 0.7;
    color: black;
    border: 1px solid #999999;
    border-radius: 5px;
}

.fenye22 {
    padding-left: 395px;
    margin-bottom: 30px;
}

.fenye22 ul li.active {
    background-color: #388ff8;
    color: #fff;
    border: 1px solid #388ff8;
}

.fenye22 ul li {
    width: 25px;
    height: 25px;
    border: 1px solid #999;
    float: left;
    margin-right: 10px;
    text-align: center;
}

#arealist ul li {
    color: grey
}

.cityDefault {
    color: grey !important;
    cursor: pointer;
    pointer-events: none;
}

.sz50-blue {
    border: 1px solid #515EF2;
    background: #e1e3fb;
    color: #515EF2;
}

#shenglevel {
    cursor: not-allowed;
    float: none;
    text-align: center;
    font-size: 20px;
    width: 120px;
}

/*跨省通办清单改版结束 20211129 jl*/

/* 省内通办改版开始 20220803  */
.kstb01{
    background: url(images/bg.png) no-repeat top center;
    width: 100%;
    height: 520px;
    margin: 0 auto;
    padding-top: 85px;
}
.kstb01-title{
    width: 900px;
    height: 260px;
    margin:0 auto;
    position: relative;
}
.kstb01-title .title01{
    width: 400px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);

}
.kstb01-title .title02{
    display: block;
    font-size: 60px;
    font-weight: bold;
    color: #ffffff;
    width: 792px;
    height: 80px;
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translate(-50%,0);
    text-align: center;
    font-family: 'microsoft Yahei';
}
.kstb01-title .title03{
    width: 792px;
    height: 61px;
    position: absolute;
    top: 180px;
    left: 50%;
    transform: translate(-50%,0);
    display: block;
    font-size: 40px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    font-family: 'microsoft Yahei';
}

.kstb4{
    width: 1200px;
    height: auto;
    margin: auto;
    margin-top: 50px;
}
.kstb-title{
    width: 288px;
    height: 50px;
    margin: 0 auto;
}

.kstb-title span{
    font-family: 'microsoft Yahei';
    font-weight: Bold;
    font-size: 36px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
    line-height: 30px;
}

.zt_list {
    width: 1200px;
    height: 210px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;

}

.box {
    width: 216px;
    height: 50px;
    float: left;
    background: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #333333;
    cursor: pointer;
    font-weight: 400;
    font-family: 'microsoft Yahei';
    box-shadow: 0 2px 15px 0 rgba(153, 153, 153, 0.2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.box:nth-child(-n+4),.box:nth-child(n+6):nth-child(-n+9),.box:nth-child(n+11):nth-child(-n+13){
    margin-right: 30px;
}
.searchbanner {
    width: 800px;
    height: 50px;
    margin:0 auto;
}
.searchbanner input {
    height: 50px;
    line-height: 50px;
    background: none;
    outline: none;
    border: 0;
}
.searchbanner input[type=text] {
    width: 580px;
    height:50px;
    float: left;
    border: 0;
    padding-left: 20px;
    font-size: 16px;
    color: #999;
    background:#fff;
}
.searchbanner input[type=submit] {
    width: 120px;
    cursor: pointer;
    float: left;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    background-image: linear-gradient(270deg, #FF8807 0%, #FFA81C 100%);
    color: #FFFFFF;
}