
/* CSS Document */

.public_tab {
    width: 100%;
    padding: 40px 0px 30px;
}



.jmfw{ display:block; margin:0 auto; width:760px; text-align:center; color:#19110b;}
.jmfw span:nth-child(1){ float:left; width:100%; font-weight:bold; font-size:36px; height:60px;}
.jmfw span:nth-child(2){ float:left; width:100%; font-size:16px; line-height:34px; margin-top:40px;}


.process{ float:left; width:100%; height:740px;
	background: #001d5f;
    background: -moz-linear-gradient(left,  #001d5f 0%, #184da7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001d5f), color-stop(100%,#184da7));
    background: -webkit-linear-gradient(left,  #001d5f 0%,#184da7 100%);
    background: -o-linear-gradient(left,  #001d5f 0%,#184da7 100%);
    background: -ms-linear-gradient(left,  #001d5f 0%,#184da7 100%);
    background: linear-gradient(to right,  #001d5f 0%,#184da7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001d5f', endColorstr='#184da7',GradientType=0 );}

.process .span_a{ float:left; width:100%; text-align:center; font-size:36px; color:#FFF; text-transform:uppercase; margin-top:100px;}
.process .span_b{ display:block; width:760px; line-height:34px; text-align:center; margin:0 auto; font-size:16px; color:#FFF; margin-top:40px;}
.process ul{ display:block; width:1100px; margin:0 auto; margin-top:65px;}
.process ul li{ float:left; width:118px; height:180px; background:url(../image/jt1.png) 125px 54px no-repeat; padding-right:20px;}
.process ul li samp{ float:left; width:114px; height:114px; border:2px solid #006cff; border-radius:50%;}
.process ul li span{ float:left;  width:100%; text-align:center; font-size:14px; color:#FFF; line-height:20px; margin-top:22px;}
.process ul li:last-child{ padding-right:0; background:0;}    

.process ul li:nth-child(1) samp{ background:url(../image/process.png) 30px 30px no-repeat;}
.process ul li:nth-child(2) samp{ background:url(../image/process.png) -134px 30px no-repeat;}
.process ul li:nth-child(3) samp{ background:url(../image/process.png) -295px 30px no-repeat;}
.process ul li:nth-child(4) samp{ background:url(../image/process.png) -460px 30px no-repeat;}
.process ul li:nth-child(5) samp{ background:url(../image/process.png) -635px 30px no-repeat;}
.process ul li:nth-child(6) samp{ background:url(../image/process.png) -800px 30px no-repeat;}
.process ul li:nth-child(7) samp{ background:url(../image/process.png) -965px 30px no-repeat;}
.process ul li:nth-child(8) samp{ background:url(../image/process.png) -1130px 30px no-repeat;}
.process ul li:nth-child(8) span{font-weight: bold;}
.process .samp{ display:block; width:114px; margin:0 auto; margin-top:140px;}

.standard{ width:1100px; margin:0 auto;}
.standard .span{ float:left; width:100%; text-align:center; font-size:36px; text-transform:uppercase;}
.standard ul{}
.standard li{ float:left; width:540px; height:310px; background:#f7f7f7; margin-bottom:20px;}
.standard li:nth-child(2n){ float:right;}

.standard li span:nth-child(1){ float:left; font-size:36px; margin-top:66px; line-height:56px; line-height:56px; margin-left:168px; padding-left:87px;}
.standard li span:nth-child(2){ float:left; width:210px; font-size:16px; line-height:30px; margin-top:26px; margin-left:255px;}
.standard li:nth-child(1) span:nth-child(1){ background:url(../image/ty.png) no-repeat;}
.standard li:nth-child(2) span:nth-child(1){ background:url(../image/zy.png) no-repeat;}
.standard li:nth-child(3) span:nth-child(1){ background:url(../image/st.png) no-repeat;}
.standard li:nth-child(4) span:nth-child(1){ background:url(../image/tx.png) no-repeat;}

.kfjz{ float:left; width:100%;}
.kfjz span{ float:left; width:100%; text-align:center; text-transform:uppercase;}
.kfjz span:nth-child(1){ font-size:36px;}
.kfjz span:nth-child(2){ font-size:16px; line-height:34px; margin-top:40px;}
.kfjz .kfjz_div{ float:left; width:100%; background:#000; height:740px;}
.kfjz .kfjz_div li{ float:left; width:562px; height:359px; margin:0 10px;}
.kfjz .kfjz_div #gdtw2{ margin-top:20px;}
.kfjz .kfjz_div .window{ display:none;}


.make{display: block; width: 1100px; margin:0 auto;  background:url(../image/yzcgd.png) right 60px no-repeat; background-size: 40%;}
.make .span{ float:left; width:100%; font-size:36px; text-transform:uppercase;}
.make .span_a{ float:left; width:100%; font-size:16px; line-height:34px; margin-top:20px;}
.make form{ display:block; width:1100px; margin:0 auto;}
.make form li{ display:flex; width:590px;}
.make form li label{ float: right; font-size:16px; margin:20px auto;}
.make form li span{ float:left; font-size:16px; line-height:61px; width:65px;}
.make form li .span{ float:left; width:600px; height:50px; font-size:20px; margin:0; padding:0; text-align:left; border:0; border-bottom:1px solid #cdcdcd;}
.make form li:nth-child(1) .span{ width:380px; }
.make form li select{ float:left; width:600px; height:61px; margin:0; padding:0; text-align:left; border:0; border-bottom:1px solid #cdcdcd;}
.make form button{ float:left; width:240px; height:54px; border:0; color:#FFF; font-weight:bold; font-size:16px; margin-top:50px; background: linear-gradient(to right,  #001d5f 0%,#184da7 100%);}
	/* m_zlxg */
.m_zlxg{ width:696px; height:50px; line-height:50px;cursor:pointer;float:left;margin:0 10px 0 0;display:inline;background:url(https://www.macio.com.cn/template/pc/skin/css/images/zlxg2.jpg) no-repeat; position:relative;}
.m_zlxg span {float: left;font-size: 16px;line-height: 61px;width: 58px;}
.m_zlxg p{float: left;width: 533px;height: 50px;font-size: 20px;margin: 0;padding: 0;text-align: left;border: 0;border-bottom: 1px solid #cdcdcd;}
.m_zlxg2{ position:absolute; top:50px; left: 96px; border:1px solid #ded3c1;background:#fff; width:100%; display:none; max-height:224px;-height:224px; overflow-x:hidden; overflow-y:auto;white-space:nowrap; z-index: 9;}
.m_zlxg2 li{line-height:28px;white-space:nowrap; padding-left:10px;font-family:"微软雅黑";color:#333333; font-size:12px;}
.m_zlxg2 li:hover{ color:#7a5a21;}




.city-picker-selector {width: 590px;}
.city-picker-selector .selector-item {float: left; font-size: 16px; width: 100%;height: 44px; line-height: 44px; border-radius: 5px; padding-left: 5px;background: rgba(255,255,255,0.8); position: relative; border-bottom:1px solid #cdcdcd;   margin-bottom: 20px;}
.city-picker-selector .selector-name {color: #333;font-size: 16px;display: block;text-indent: 5%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.city-picker-selector .hide {display: none;}
.city-picker-selector .selector-list {border: 1px solid #ccc;background: #fff;width: 100%;position: absolute;top: 36px;left: -1px;z-index: 1;}
.city-picker-selector ul {max-height: 160px;overflow-x: hidden;overflow-y: auto;}
.city-picker-selector li:first-child {border-top: none;}
.city-picker-selector li {border-top: 1px solid #ccc;color: #333;cursor: pointer;width: 90%;padding: 0 5%;height: 30px;line-height: 30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}