.commontagslist a {
    display: inline-block;
    padding: 3px 5px;
    background-color: #fff;
    color: #666;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    margin: 0 1% 3% 0;
}

.padding2 {
    padding: 2%;
}
/*header*/
header.s1 {
    background-color: #fff;
    padding: 2.4% 0;
    overflow: hidden;
}

    header.s1 .logo {
        padding-left: 3%;
    }

        header.s1 .logo img {
            height: 30px;
            vertical-align: middle;
        }

    header.s1 .curcity {
        color: #333;
        padding: 0 16px 0 10px;
        background: url('../Images/bg/arrowdown.png') right 5px no-repeat;
        background-size: 12px auto;
        font-size: 105%;
        font-weight: 700;
    }

    header.s1 .usercenter, header.s1 .menu {
        float: right;
        color: #333;
        background: url('../Images/bg/user.png') center no-repeat;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 2px 15px 0 0;
    }

    header.s1 .usercenter {
        margin-right: 18px;
        background-size: 16px auto;
    }

    header.s1 .menu {
        background-image: url('../Images/bg/menu.png');
        margin-top: 3px;
        background-size: 17px auto;
        position: relative;
        z-index: 31;
    }


header.s2 {
    position: relative;
    width: 100%;
    color: #333;
    text-align: center;
    background: rgba(246,246,246,1);
    box-sizing: border-box;
    padding-top: 12.8%;
	border-bottom:1px solid #D7D7D7;
}

    header.s2 .backto {
        border-left: 2px solid #666;
        border-bottom: 2px solid #666;
        width: 0;
        height: 0;
        padding: 3% 3% 0 0;
        display: inline-block;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        text-indent: -9999px;
        position: absolute;
        left: 4.5%;
        top: 40%;
    }

    header.s2 h1 {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-40%);
        transform: translate(-50%,-40%);
        display: inline-block;
        font-size: 125%;
        font-weight: 400;
        white-space: nowrap;
    }
 header.s2 h1 a{ font-size:100%; color:#333;}
    header.s2 .menu {
        text-indent: -9999px;
        position: absolute;
        right: 4.5%;
        top: 57%;
        margin-top: -10px;
        background: url('../Images/bg/menu.png') center no-repeat;
        background-size: 100% auto;
        z-index: 31;
        width: 5%;
    }
	header.s2 .home {
        text-indent: -9999px;
        position: absolute;
        right: 4.5%;
        top: 43%;
        margin-top: -10px;
        background: url('../Images/bg/home.png') center no-repeat;
        background-size: 100% auto;
        z-index: 31;
        width: 4.6%;
        height: 30px;
        cursor:pointer;
    }
/*header end*/

/*footer*/
footer .b1 {
    padding: 4.2% 0;
    text-align: center;
    font-size: 115%;
}

    footer .b1 a img {
        vertical-align: sub;
        width: 12%;
    }

    footer .b1 span.red {
        color: #c00;
        font-weight: 700;
    }


/*2016.6.24 电话号码优化 开始*/
footer .bn{ padding:4.2% 0; text-align:center; font-size:115%;}
footer .bn a img{ vertical-align:sub; width:12%; margin-left:1%;}
footer .bn span.red{ color:#F60; font-weight:700; font-size:18px;}
footer .bn span.red i{ font-style:normal; font-weight:normal; color:#666; margin:auto 5px; font-size:14px;}
/*2016.6.24 电话号码优化 结束*/


footer .b2 {
    padding: 2.4% 3%;
    background-color: #fff;
}

    footer .b2 a {
        color: #666;
        display: inline-block;
        width: 23%;
        text-align: center;
        position: relative;
        box-sizing: border-box;
        font-size: 95%;
    }

        footer .b2 a:after {
            content: "";
            border-right: #c8c8c8 solid 1px;
            position: absolute;
            top: 10%;
            right: -2px;
            height: 80%;
        }

        footer .b2 a:last-child:after {
            content: none;
        }

footer .b3 {
    padding: 4.4% 3% 3.3%;
    color: #999;
    text-align: center;
    font-size: 90%;
    line-height: 151%;
}

    footer .b3 a {
        color: #999;
    }

footer .b4 {
    text-align: center;
}

    footer .b4 a {
        display: inline-block;
        width: 23%;
        text-align: center;
        position: relative;
        box-sizing: border-box;
        font-size: 95%;
        color: #30b2f2;
    }

        footer .b4 a span {
            padding-left: 18%;
            background: left 61% no-repeat;
            background-size: 24%;
        }

        footer .b4 a:first-child span {
            background-image: url('../Images/bg/tv.png');
        }

        footer .b4 a:nth-child(3n+2) span {
            background-image: url('../Images/bg/phone.png');
            background-size: 17%;
        }

        footer .b4 a:nth-child(3n) span {
            background-image: url('../Images/bg/weixin.png');
            background-size: 26%;
        }

        footer .b4 a:after {
            content: "";
            border-right: #c8c8c8 solid 1px;
            position: absolute;
            top: 10%;
            right: -2px;
            height: 80%;
        }

        footer .b4 a:last-child:after {
            content: none;
        }

/*footer {
    padding-bottom: 22%;
}*/
/*footer end*/
/*nav*/
nav {
    padding: 0.3% 0 0.8%;
    position: fixed;
    bottom: 0;
    background-color: #fafafa;
    border-top: 1px solid #DDD;
    z-index: 10;
    width: 100%;
    max-width: 600px;
}

    nav ul li {
        float: left;
        width: 20%;
        text-align: center;
        color: #333;
    }

        nav ul li a {
            display: block;
        }

        nav ul li span {
            display: inline-block;
            padding: 20%;
            background: center no-repeat;
            width: 0;
            height: 0;
            overflow: hidden;
            text-indent: -9999px;
            vertical-align: bottom;
        }

        nav ul li p {
            margin: 0;
            color: #666;
            font-size: 90%;
        }

        nav ul li:first-child span {
            /*background-position: -19px 0px;*/
            background-size: 65% auto;
            background-image: url('../Images/bg/home.png');
        }

        nav ul li:nth-child(5n+2) span {
            /*background-position: -95px 0px;*/
            background-size: 53% auto;
            background-image: url('../Images/bg/calc.png');
        }

        nav ul li:nth-child(5n+3) span {
            /*background-position: -179px 0px;*/
            background-size: 67% auto;
            background-image: url('../Images/bg/zb.png');
        }

        nav ul li:nth-child(5n+4) span {
            /*background-position: -255px 0px;*/
            background-size: 74% auto;
            background-image: url('../Images/bg/fdj.png');
        }

        nav ul li:nth-child(5n) span {
            /*background-position: -330px 0px;*/
            background-size: 63% auto;
            background-image: url('../Images/bg/user.png');
        }


        nav ul li.sel p {
            color: #dd0000;
        }

        nav ul li.sel:first-child span {
            background-image: url('../Images/bg/homesel.png');
            margin-top: -3px;
        }

        nav ul li.sel:nth-child(5n+2) span {
            background-image: url('../Images/bg/calcsel.png');
        }

        nav ul li.sel:nth-child(5n+3) span {
            background-image: url('../Images/bg/zbsel.png');
        }

        nav ul li.sel:nth-child(5n+4) span {
            background-image: url('../Images/bg/fdjsel.png');
        }

        nav ul li.sel:nth-child(5n) span {
            background-image: url('../Images/bg/usersel.png');
        }

    nav.n2 {
        padding: 0 0 0.2%;
    }

        nav.n2 ul li {
            width: 25%;
        }

            nav.n2 ul li:nth-child(5n+2) span {
                background-size: 62% auto;
                background-image: url('../Images/bg/zb.png');
                margin-top: -3px;
            }

            nav.n2 ul li.sel:nth-child(5n+2) span {
                background-image: url('../Images/bg/zbsel.png');
            }

            nav.n2 ul li:nth-child(5n+3) span {
                background-size: 48% auto;
                background-image: url('../Images/bg/calc.png');
                margin-top: -3px;
            }

            nav.n2 ul li.sel:nth-child(5n+3) span {
                background-image: url('../Images/bg/calcsel.png');
            }

            nav.n2 ul li:nth-child(5n+4) span {
                background-size: 65% auto;
                background-image: url('../Images/bg/tel.png');
                margin-top: -3px;
            }

            nav.n2 ul li.sel:nth-child(5n+4) span {
                background-image: url('../Images/bg/telsel.png');
            }

/*nav end*/
/*header menu*/
.menuin {
    display: block;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-name: menuin;
    animation-name: menuin;
    -webkit-transform-origin: 50% 50%;
}

@-webkit-keyframes menuin {
    0% {
        -webkit-transform: scale(3);
        -moz-transform: scale(3);
        -ms-transform: scale(3);
        -o-transform: scale(3);
        transform: scale(3);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.menuout {
    display: block;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-name: menuout;
    animation-name: menuout;
    -webkit-transform-origin: 50% 50%;
}

@-webkit-keyframes menuout {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(3);
        -moz-transform: scale(3);
        -ms-transform: scale(3);
        -o-transform: scale(3);
        transform: scale(3);
        opacity: 0;
    }
}

#headnav {
    position: fixed;
    top: 0;
    width: 100%;
    bottom: 0;
    background-color: rgba(255,255,255,.95);
    z-index: 31;
    max-width: 600px;
}

    #headnav ul {
        position: absolute;
        width: 100%;
        left: 0;
        top: 45%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #headnav li {
        height: 45%;
        text-align: center;
        float: left;
        width: 25%;
        font-size: 12px;
        color: #333;
        padding-top: 4.5%;
        box-sizing: border-box;
    }

        #headnav li h2 {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font-weight: 400;
            vertical-align: baseline;
            background: 0 0;
            padding-top: 2%;
            color: #333;
        }

        #headnav li span {
            background: center no-repeat;
            background-size: 65%;
            display: inline-block;
            padding: 25.45%;
            border-radius: 1000px;
            box-sizing: border-box;
        }

        #headnav li:nth-child(100n+1) span {
            background-color: #FF6AB0;
            background-image: url("../Images/bg/homewhite.png");
        }

        #headnav li:nth-child(100n+2) span {
            background-color: #FDC359;
            background-image: url("../Images/icon/n1.png");
        }

        #headnav li:nth-child(100n+3) span {
            background-color: #65ABFC;
            background-image: url("../Images/icon/n2.png");
        }

        #headnav li:nth-child(100n+4) span {
            background-color: #AAD35D;
            background-image: url("../Images/icon/nn.png");
            /*background-position: -132px -39px;*/
        }

        #headnav li:nth-child(100n+5) span {
            background-color: #C5DC27;
            background-image: url("../Images/icon/n22.png");
        }

        #headnav li:nth-child(100n+6) span {
            background-color: #ABD45E;
            background-image: url("../Images/icon/n3.png");
        }

        #headnav li:nth-child(100n+7) span {
            background-color: #FCBF4F;
            background-image: url("../Images/icon/n9.png");
        }

        #headnav li:nth-child(100n+8) span {
            background-color: #66ACFC;
            background-image: url("../Images/icon/n6.png");
        }

        #headnav li:nth-child(100n+9) span {
            background-color: #FDC156;
            background-image: url("../Images/icon/n7.png");
        }

        #headnav li:nth-child(100n+10) span {
            background-color: #63ABFC;
            background-image: url("../Images/icon/n4.png");
        }

        #headnav li:nth-child(100n+11) span {
            background-color: #ABD35E;
            background-image: url("../Images/icon/n10.png");
        }

        #headnav li:nth-child(100n+12) span {
            background-color: #66ACFC;
            background-image: url("../Images/icon/n8.png");
        }
		
		#headnav li:nth-child(100n+13) span {
            background-color: #ABD45E;
            background-image: url("../Images/icon/n20.png");
        }
		#headnav li:nth-child(100n+14) span {
            background-color: #C6DC2A;
            background-image: url("../Images/icon/n21.png");
        }
		
		#headnav li:nth-child(100n+15) span {
            background-color: #FCBE4E;
            background-image: url("../Images/icon/n23.png");
        }
		#headnav li:nth-child(100n+16) span {
            background-color: #FA72AB;
            background-image: url("../Images/bg/userwhite.png");
        }
        #headnav li span.sp {
            position: relative;
        }

            #headnav li span.sp i {
                position: absolute;
                font-style: normal;
                right: -10px;
                top: 0;
                font-size: 80%;
                background-color: #EA4504;
                color: #fff;
                border-radius: 100px;
                padding: 0 5px;
            }
/*header menu end*/
/*vip*/
.vip span.v1 {
    background: url('/img/v1.gif') right 2px no-repeat;
    padding-right: 25px;
	background-size:auto 65%;
}

.vip span.v2 {
    background: url('/img/v2.gif') right 1px no-repeat;
	padding-right: 25px;
	background-size:auto 68%;
}

.vip span.v3 {
    background: url('/img/v3.gif') right 1px no-repeat;
	padding-right: 25px;
	background-size:auto 69%;
}

.vip span.v4 {
    background: url('/img/v4.gif') right 1px no-repeat;
    padding-right: 32px;
	background-size:auto 68%;
}
/*vip end*/
/*commonfrm*/
.commonfrm{/* position:relative;*/}
.commonfrm a.zblink{ position:absolute; width:100%; height:145px; color:#039; display:block; z-index:9; top:0; left:0;}
.commonfrm div {
    padding: 1.2% 0;
}

    .commonfrm div input, .commonfrm div textarea {
        /*border-radius: 4px;*/
        width: 100%;
		border:none;
        border-bottom: 1px solid #DEDEDE;
        padding: 2.8% 1%;
		font-size:14px;
        /*box-shadow: 0 0 4px #ccc;*/
        /*border-radius:5px;*/
        /*font-size:90%;
		text-indent:5px;*/
    }

    .commonfrm div:last-child {
        padding: 1.2% 0 2.2%;
    }

        .commonfrm div:last-child input {
            height:42px;
			border:none;
            line-height: 0;
            background-color: #F40;
            font-size: 100%;
            color: #fff;
            font-weight: 700;
            font-family: tahoma,"Microsoft YaHei",arial,simsun,"宋体",sans-serif;
        }


/*预约设计列表 2017.3.28*/
.ybm_main{ background-color:#FFF; text-align:center; padding:3% 0 5% 0;}
.ybm_main p{ color:#999; line-height:35px;}
.ybm_main p i{ font-style:normal; color:#F30; font-weight:bold; font-size:15px; margin:auto 5px;}

.ybm_main ul{ width:95%; text-align:left; padding:2.5% 2.5% 0;}
.ybm_main ul li{ line-height:165%; *zoom:1; line-height:32px;}
.ybm_main ul li:after{ content:"\20"; display:block; height:0; clear:both;}
.ybm_main ul li span{ float:left; display:block; height:100%;line-height: 30px;overflow: hidden;}
.ybm_main ul li span.city{ width: 15%;}
.ybm_main ul li span.name{ width: 35%; margin-right:5%;}
.ybm_main ul li span.cla{ width: 25%;}
.ybm_main ul li span.area{ width:15%; margin-left:5%;}

/*预约设计列表 2017.3.28*/

.x_hx{ position:relative;}
.x_hx select{ height:40px; padding-left:82px; border:1px solid #DEDEDE; border-radius:5px; font-size:14px; color:#999;appearance:none; -moz-appearance:none; -webkit-appearance:none; background-color:#FFF;}
.x_hx i{ width:0px; height:0px; display:block; position:absolute; z-index:5; right:0; top:43%; border-top:8px solid #CCC; border-left:8px solid transparent; border-bottom:4px solid transparent; border-right:8px solid transparent; background-color:#FFF; margin-right:-3px;}

.commonfrm .sp,.commonfrm .sp0, .commonfrm .sp1, .commonfrm .sp2, .commonfrm .sp3, .commonfrm .sp4, .commonfrm .sp5, .commonfrm .sp6,.commonfrm .spys, .commonfrm .spch,.commonfrm .spsj,.commonfrm .spszd { position: relative;}
.commonfrm .sp:after,.commonfrm .sp0:after, .commonfrm .sp1:after, .commonfrm .sp2:after, .commonfrm .sp3:after, .commonfrm .sp4:after, .commonfrm .sp5:after, .commonfrm .sp6:after, .commonfrm .spys:after, .commonfrm .spch:after, .commonfrm .spsj:after,.commonfrm .spszd:after { 
		position: absolute;
		z-index:4;
		left:5px;
		top:14.5%;
		padding:0 10px;
		font-size:97.5%;
		font-family:simsun;
		color:#555;
		height:40px;
		line-height:38px;}

.commonfrm .sp:after{ content: "房屋面积 :";}
.commonfrm .sp0:after{ content: "小区名称 :";}
.commonfrm .sp1:after{ content: "房屋户型 :";}
.commonfrm .sp2:after{ content: "装修档次 :";}
.commonfrm .sp3:after{ content: "装修风格 :";}

.commonfrm .sp4:after{ content: "您的称呼 :";}
.commonfrm .sp5:after{ content: "您的手机 :";}
.commonfrm .sp6:after{ content: "所在城市 :";}

.commonfrm .spys:after{ content: "装修预算 :";}

.commonfrm .spch:after{ content: "您的称呼 :";}
.commonfrm .spsj:after{ content: "手机号码 :";}

.commonfrm .spszd:after{ content: "所 在 地 :";}


.commonfrm .sp4 span{ color:#999;}
.commonfrm .sp i{ position:absolute; right:4%; line-height:40px; font-size:115%; font-family:microsoft yahei; font-style:normal; color:#999;}
.commonfrm .sp1 i,.commonfrm .sp2 i,.commonfrm .sp3 i,.commonfrm .sp6 i,.commonfrm .spys i, .commonfrm .spszd i{ width:0px; height:0px; display:block; position:absolute; right:4%; top:43%; border-top:8px solid #CCC; border-left:8px solid transparent; border-bottom:4px solid transparent; border-right:8px solid transparent;}


#zxzbstep1 div{ position:relative;}
#zxzbstep1 i{ width:0px; height:0px; display:block; position:absolute; right:3%; top:43%; border-top:8px solid #CCC; border-left:8px solid transparent; border-bottom:4px solid transparent; border-right:8px solid transparent;}

.spnn{ position: relative;}
.spnn i{ width:0px; height:0px; display:block; position:absolute; right:4%; top:43%; border-top:8px solid #CCC; border-left:8px solid transparent; border-bottom:4px solid transparent; border-right:8px solid transparent;}

#zxzbstep1 .sp em{ position:absolute; right:4%; line-height:40px; font-size:115%; font-family:microsoft yahei; font-style:normal; color:#999;}
#yysj .sp em{ position:absolute; right:4%; line-height:40px; font-size:115%; font-family:microsoft yahei; font-style:normal; color:#999;}


.commonzxfa{}

div.carousel.commonzxfa {
    padding: 10% 0 0 10%;
    background: #fff url('../Images/bg/speaker.png') 2% center no-repeat;
    background-size: 5.3%;
    color: #666;
}

    div.carousel.commonzxfa ul {
        top: 0;
        width: 90%;
        height: 100%;
    }

        div.carousel.commonzxfa ul li {
            height: 100%;
        }

            div.carousel.commonzxfa ul li span {
                float: left;
                display: inline-block;
	white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    text-overflow: ellipsis;
	text-align:center;
            }
/*commonzxfa end*/
/*bannerads*/
.bannerads {
    position: relative;
    /*border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e3e3e3;*/
    padding-top: 43%;
}

    .bannerads img {
        position: absolute;
        top: 0px;
        left: 0px;
        /*height: 100%;*/
        width: 100%;
    }
/*bannerads end*/
/*tips*/
#tips {
    position: fixed;
    left: 50%;
    width: 96%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    font-size: 14px;
    background: #fff;
    background-clip: padding-box;
    z-index: 101;
    box-shadow: 2px 2px 4px #999;
    max-width: 500px;
}

    #tips .tipstitle {
        padding: 7% 0;
        line-height: 0;
        border-bottom: 1px solid #ddd;
        font-size: 115%;
        font-weight: 700;
        text-align: left;
        text-indent: 6%;
    }

    #tips .tipscontent {
        /*padding: 2%;*/
    }

        #tips .tipscontent .msg {
            padding: 4% 4%;
            font-size: 115%;
        }

    #tips .tipsbottom {
        text-align: center;
        border-top: 1px solid #ddd;
        font-size: 114%;
    }

        #tips .tipsbottom a {
            width: 50%;
            display: inline-block;
            text-decoration: none;
            color: #000;
            padding: 6.5% 0;
            line-height: 0;
            box-sizing: border-box;
            font-weight: 500;
			font-size:100%;
        }

            #tips .tipsbottom a:nth-child(2n) {
                border-left: 1px solid #ddd;
            }

        #tips .tipsbottom #tipsbtnok {
            color: #EA4504;
        }

/*tips end*/
/*tips3*/
#tips3 {
    position: fixed;
    left: 50%;
    width: 80px;
    height: 80px;
    padding-top: 55px;
    top: 50%;
    margin: -40px 0 0 -40px;
    font-size: 12px;
    border-radius: 8px;
    z-index: 101;
    background: #000; /* url('/Images/icon/loading.gif') center 20px no-repeat*/
    opacity: .5;
    text-align: center;
    color: #ccc;
    box-sizing: border-box;
    text-align: center;
}

    #tips3 span {
        position: absolute;
        left: 50%;
        margin: -3px;
        top: 35px;
        width: 6px;
        height: 6px;
        opacity: .8;
        border-radius: 100px;
        background: #999;
        display: inline-block;
        -webkit-animation-name: gmloading;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: 0;
        -webkit-animation-duration: 1s;
        animation-name: gmloading;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        animation-delay: 0;
        animation-duration: 1s;
    }

@-webkit-keyframes gmloading {
    from {
        width: 5px;
        height: 5px;
        opacity: .8;
        margin-left: -3px;
    }

    to {
        width: 20px;
        height: 20px;
        opacity: .2;
        margin-left: -10px;
        top: 25px;
    }
}

@keyframes gmloading {
    from {
        width: 5px;
        height: 5px;
        opacity: .8;
        margin-left: -3px;
    }

    to {
        width: 20px;
        height: 20px;
        opacity: .2;
        margin-left: -10px;
        top: 25px;
    }
}
/*tips3 end*/
/*commonblock*/
.commonblock {
    overflow-y: auto;
}

    .commonblock li {
        float: left;
        display: inline-block;
        width: 33%;
        padding: 4% 0;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        text-align: center;
        box-sizing: border-box;
    }

        .commonblock li.sel {
            color: #EA4504;
        }

        .commonblock li:nth-child(3n) {
            border-right: none;
        }

.borderbotnone {
    border-bottom: none !important;
}
/*commonblock end*/
/*commonxgt*/
div.commonxgt {
    padding: 2.7% 3% 1%;
    overflow-y: auto;
}

    div.commonxgt div {
        position: relative;
    }

        div.commonxgt div img {
            width: 100%;
			/*height:196px;*/
			overflow:hidden;
            vertical-align: middle;
        }

        div.commonxgt div span {
            position: absolute;
            left: 0;
            bottom: 0;
            height: 30px;
            line-height: 30px;
            background: rgba(0,0,0,.4);
            display: block;
            width: 100%;
            color: white;
            text-indent: 3%;
        }

        div.commonxgt div.s1 {
            margin-bottom: 2.3%;
			display:none;
        }
		
		div.commonxgt div.s1 img {
         height: 240px;
        }

        div.commonxgt div.s2 {
            float: left;
            width: 49%;
			margin-top:2%;
        }
        div.commonxgt div.s2 img {
         height: 125px;
        }

        div.commonxgt div.s3 {
            float: right;
            width: 49%;
			margin-top:2%;
        }
        div.commonxgt div.s3 img {
         height: 125px;
        }
        div.commonxgt div.sn {
            float: left;
            width: 49%;
			margin-top:2%;
        }
		div.commonxgt div.sn img {
         height: 125px;
        }


        div.commonxgt div.snr {
            float: right;
            width: 49%;
			margin-top:2%;
        }
		div.commonxgt div.snr img {
         height: 125px;
        }
		
		
div.commonxgt{ margin:auto -2%;}
div.commonxgt .xgt_li{ width:48%; float:left; margin:auto 1% 2%; height:125px; overflow:hidden;}
		
/*commonxgt end*/
/*forms1*/
.forms1 {
    background-color: #fff;
    padding: 2% 5%;
}

    .forms1 .title {
        padding: 1% 0;
    }

    .forms1 .content {
        overflow-y: auto;
        padding-bottom: 2%;
    }

    .forms1 .ipts1 {
        float: left;
        width: 71%;
    }

    .forms1 .btns1 {
        float: right;
        width: 26%;
        padding: 4%;
    }

        .forms1 .btns1:after {
            content: "修改";
        }

.forms2 {
    padding: 2% 3%;
}

    .forms2 .title {
        padding: 4% 0 1.5% 2%;
    }

    .forms2 .content {
        overflow-y: auto;
        padding: 1% 0;
    }

    .forms2 .ipts1 {
        padding-top: 2.5%;
        padding-bottom: 2.5%;
        color: #999;
    }

    .forms2 .left {
        float: left;
        overflow-y: auto;
        width: 47.5%;
    }

        .forms2 .left .title, .forms2 .right .title {
            padding-top: 8%;
            padding-bottom: 3%;
            padding-left: 4%;
        }

        .forms2 .left input, .forms2 .right input {
            padding-top: 5%;
            padding-bottom: 5%;
        }

    .forms2 .right {
        float: right;
        overflow-y: auto;
        width: 47.5%;
    }

    .forms2 .sp1 {
        position: relative;
    }

        .forms2 .sp1:after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border: solid transparent;
            border-width: 7px 7px;
            border-top-color: #c9c9c9;
            right: 3%;
            top: 50%;
            margin-top: -5px;
        }

.btns1 {
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 105%;
    background: -webkit-linear-gradient(top, #f6f5f8, #d7d7d7);
    color: #a2a2a2;
    position: relative;
    box-sizing: border-box;
}

    .btns1:after {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

.ipts1 {
    border-radius: 4px;
    border: 0;
    padding: 2%;
    border: 2px solid #f1f1f1;
    box-sizing: border-box;
}
/*forms1 end*/
/*staticbot*/
.staticbot {
    padding: 3.1% 0 3.1%;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fafafa;
    border-top: 1px solid #DDD;
    z-index: 10;
    width: 100%;
    max-width: 600px;
    left: 50% !important;
    right: auto;
    -webkit-transform: translateX(-50%);


    transform: translateX(-50%);
    text-align: center;
}

    .staticbot a {

        display: inline-block;
        width: 60%;
        background-color: #EA4504;
        border-radius: 5px;
        color: #fff;
        font-size: 110%;
        padding: 2%;
    }
/*twobtn*/
.twobtn .btns2 {
    width: 40% !important;
    margin: 0 5% !important;
}

.btns2 {
    display: inline-block;
    background-color: #EA4504;
    border-radius: 5px;
    color: #fff;
    font-size: 110%;
    padding: 2%;
    box-sizing: border-box;
}
.btns2.btnWidth{width: 25% !important;margin: 0 2% !important;}
/*twobtn*/
/*sjseswarpper*/
.sjseswarpper {
    border-top: 1px solid #e1e1e1;
    background-color: #fff;
    padding: 2% 3%;
    overflow-y: auto;
}

    .sjseswarpper a {
        display: inline-block;
        float: left;
        width: 33.3%;
        text-align: center;
        color: #333;
    }

        .sjseswarpper a img {
            border-radius: 1000px;
            box-sizing: border-box;
            margin: 12%;
            width: 64%;
        }

        .sjseswarpper a i {
            display: block;
            font-style: normal;
            color: #666;
            margin-top: -7%;
            margin-bottom: 19%;
        }
/*sjseswarpper end*/
/*star*/
#companyinfo .star {
    background-position: right 25%;
    background-repeat: no-repeat;
/*    background-size: 125% auto;
*/    padding-right: 73px;
	margin-left:0;
}
.star {
    background-position: right 25%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-right: 52px;
	margin-left:0;
}

.star1 {
    background-image: url('/fz/touch/Images/icon/star/1.png');
}

.star2 {
    background-image: url('/fz/touch/Images/icon/star/2.png');
}

.star3 {
    background-image: url('/fz/touch/Images/icon/star/3.png');
}

.star4 {
    background-image: url('/fz/touch/Images/icon/star/4.png');
}

.star5 {
    background-image: url('/fz/touch/Images/icon/star/5.png');
}

.star6 {
    background-image: url('/fz/touch/Images/icon/star/6.png');
}

.star7 {
    background-image: url('/fz/touch/Images/icon/star/7.png');
}

.star8 {
    background-image: url('/fz/touch/Images/icon/star/8.png');
}

.star9 {
    background-image: url('/fz/touch/Images/icon/star/9.png');
}

.star10 {
    background-image: url('/fz/touch/Images/icon/star/10.png');
}
/*star end*/
/*page start*/
.paginator { font: 12px Arial, Helvetica, sans-serif;padding:10px 0 10px 0; margin:10px 0 9px;}
.paginator a {padding: 4px 8px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px;color:#666;}
.paginator a:visited {padding: 4px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}

.paginator .cpb {padding: 4px 8px; background:#FF5500; border:0px solid #FF5500;color:#FFFFFF;font-weight:bold;}
.paginator a:hover {color: #fff; background: #FF5500;border-color:#FF5500;text-decoration: none;}
/*page end*/


/*在线报价输入框优化 20160726*/
.inp_xq{ text-indent:80px; /*background-image:url(inp_xqbg.png);*/ background-repeat:no-repeat; background-position:10px center; font-size:100%; height:42px; border-style:none;}
input.inp_xq{ padding:0 1%;}

.inp_mj{ text-indent:80px; /*background-image:url(inp_mjbg.png);*/ background-repeat:no-repeat; background-position:10px center; font-size:100%; height:42px; border-style:none;}
input.inp_mj{ padding:0 1%;}
.inp_hx{ text-indent:80px; /*background-image:url(inp_hxbg.png);*/ background-repeat:no-repeat; background-position:10px center; font-size:100%; height:42px; border-style:none;}
.inp_dc{ text-indent:80px; /*background-image:url(inp_dcbg.png);*/ background-repeat:no-repeat; background-position:10px center; font-size:100%; height:42px; border-style:none;}
.inp_fg{ text-indent:80px; /*background-image:url(inp_fgbg.png);*/ background-repeat:no-repeat; background-position:10px center; font-size:100%; height:42px; border-style:none;}

.inp_ch{ text-indent:80px; /*background-image:url(inp_chbg.png);*/ background-repeat:no-repeat; background-position:10px center; font-size:100%; height:42px; border-style:none;}
.inp_sj{ text-indent:80px; /*background-image:url(inp_sjbg.png);*/ background-repeat:no-repeat; background-position:10px center; font-size:100%; height:42px; border-style:none;}
.inp_cs{ text-indent:80px; /*background-image:url(inp_csbg.png);*/ background-repeat:no-repeat; background-position:10px center; font-size:100%; height:42px; border-style:none;}

.inp_ys{ text-indent:80px; /*background-image:url(inp_csbg.png);*/ background-repeat:no-repeat; background-position:10px center; font-size:100%; height:42px; border-style:none;}

.inp_ch{ text-indent:80px; /*background-image:url(inp_xqbg.png);*/ background-repeat:no-repeat; background-position:10px center; font-size:100%; height:42px; border-style:none;}
.inp_sj{ text-indent:80px; /*background-image:url(inp_xqbg.png);*/ background-repeat:no-repeat; background-position:10px center; font-size:100%; height:42px; border-style:none;}

.inp_szd{ text-indent:80px; /*background-image:url(inp_xqbg.png);*/ background-repeat:no-repeat; background-position:10px center; font-size:100%; height:42px; border-style:none;}

/*找回密码*/
.zmm_p{ position:relative;}
.zmm_p input{ z-index:8;}
.zmm_p i{ position:absolute; z-index:9; top:7px; right:8px; font-style:normal; font-family:microsoft yahei; font-size:15px; color:#CCC; line-height:35px;}
#zmmContent{ height:150px; line-height:22px;}

.tjzmm{ margin:5px auto; padding:10px;}
.tjzmm a{ color:#333;}
.tjzmm #isautologin{ padding-left:10px;}
.tjzmm .a_zmm{ float:right; padding-right:10px;}


/*微信公众号*/
#ewm_hui{ width:100%; height:100%; background-color:#000; position:fixed; z-index:19; left:0; top:0; filter:alpha(Opacity=70); -moz-opacity:0.7; opacity:0.7;}
#wx_gzh{ position:fixed; width:84%; height:185px; bottom:15%; left:5%; right:5%; background-color:#FFF; border-radius:10px; z-index:20; *zoom:1; padding:3%; line-height:22px; background-image:url(ewm_toptit.jpg); background-repeat:no-repeat; background-position:center 0; padding-top:52px;}
#wx_gzh p{}
#wx_gzh:after{ content:"\20"; display:block; height:0; clear:both;}
#wx_gzh img{ width:100px; height:100px; float:right; display:inline; border:1px solid #E6E6E6; margin-top:-80px;}

#ewm_close{ position:absolute; right:-10px; top:-10px; font-style:normal; font-size:25px; font-family:simsun;}
#ewm_close a{ width:28px; height:28px; border:1px solid #CCC; background-color:#FFF; border-radius:28px; line-height:30px; text-align:center; display:block; color:#333;}


/*————————————————————新底部版权信息底部———————————————————*/
.foot_s{ width:100%; max-width:600px; margin:0 auto 65px; overflow:hidden; /*padding-bottom:100px;*/ background-color:#f7f7f7;/* padding-bottom: 25px; */}
.foot_s .cop_st{ text-align:center; font: 13px/30px "microsoft yahei"; color:#666; margin-top:3px;/* margin-bottom: 20px; */}
.foot_s .cop_st a{ color:#666;}
.foot_s .num_c{ text-align:center; font: 13px/30px "microsoft yahei"; color:#666;}
.foot_s .num_c i{ font-style:normal; margin:auto 5px; font-size:9px; color:#999;}
.foot_s .num_c a{ color:#666;}
.foot_s .num_c span{ margin:auto 10px;}
.bo_na{ width:100%; overflow:hidden; text-align:center; margin-top:10px;}
.bo_na a{ font: 13px/32px "microsoft yahei"; color:#4abbf3; margin:0 10px; display:inline-block;}

.bo_na a img{ float:left; width: 32px; height: 32px;}

.weixin{ text-align:center;}
.weixin img{ margin:5px; height:90px; padding:5px; background-color:#fff;}

.foot_s .num_gl{ width:100%; overflow:hidden; text-align:center; font: 13px/30px "microsoft yahei"; color:#999;}
.foot_s .num_gl a{ color:#666; margin:auto 8px;}



/*————————————————————底部通用悬浮报价条、区块————————————————————*/
.floa_block{ width:100%; max-width:600px; position:fixed; bottom:0; left:0; right:0; margin:0 auto; z-index:20; }
.floa_block .fir_bloc{ width:100%; overflow:hidden;}
.floa_block .fir_bloc .per_fl{ float:left; width:50%;}
.floa_block .fir_bloc .per_fl img{ float:left; width:100%; cursor:pointer;}

.blc_b{ width:100%; background:rgba(0, 0, 0, 0.7); height:69px; position:absolute; z-index:0; top:68px;}
.heig_ani{ width:100%; overflow:hidden; /*height:0;*/ margin-top:-6px;}
.sec_bloc{ width:100%; overflow:hidden;}

.out_sec_b{width:100%; overflow:hidden; height:0;}
.sec_bloc .top_info{ width:100%; position:relative; overflow:hidden;}

.sec_bloc .top_info .peo_w{ float:left; width:130px; height:143px; background:url(/css/m/floatbar/rw.png) no-repeat center; position:relative; z-index:2; margin-left:20px;}
.sec_bloc .top_info .info_ti{ position:relative; z-index:2; margin-left:40px; margin-top:77px; float:left; padding-left:70px; float:left; height:48px; background:url(/css/m/floatbar/czb.png) left center no-repeat;}

.sec_bloc .top_info .fla_x{float:left;width:18px;height:18px;cursor:pointer;border-radius:18px;background-image:url(/css/m/floatbar/close_pic.png);background-repeat:no-repeat;background-position:center center;background-size:22px;position:relative;z-index:2;margin-left: 10px;top:50px;}


.sec_bloc .top_info .info_ti h1{ font:24px/26px "microsoft yahei"; color:#fc0;}
.sec_bloc .top_info .info_ti h2{ font:14px/22px "microsoft yahei"; color:#fff; margin-top:auto;}
.sec_bloc .top_info .info_ti h2 em{ color:#fc0; margin-right:4px; font-style:normal;}

.sec_bloc .top_info span{ position:absolute;
     width:42px; transition:all linear.5s;height:42px; background:url(/css/m/floatbar/jt_t.png) no-repeat center; top:82px; right:20px; background-size:42px;  z-index:2; cursor:pointer; }
.sec_bloc .top_info .cu_sp_180{
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);}
.inp_info{ width:100%; height:500px; overflow:hidden; background-color:#f7f7f7; padding: 15px 0 5px 0;}
.inp_info .per_inp{ width:90%;position:relative; height:72px; margin:20px auto; overflow:hidden; background-color:#fff; border:1px #e2e2e2 solid; border-radius:10px;}
.inp_info .per_inp input{ width:100%; height:100%; font:20px/72px "microsoft yahei"; color:#999; text-indent:10px; outline:none; border:none;}
.inp_info .per_inp span{ position:absolute; height:72px; right:10px; top:0; font:22px/72px "microsoft yahei"; color:#666;}
.inp_info button{ width:90%; border:none; height:74px; color:#fff; border-radius:10px; display:block; text-align:center; margin:25px auto; background-color:rgba(0, 0, 0, 0.7); font:22px/74px "microsoft yahei";}

.pri_pic{ background-image:url(/css/m/floatbar/jsq.png) !important;}


.per_sel{ width:90%; overflow:hidden; margin:20px auto;}
.per_sel select{ width:48%; float:left; height:72px; text-indent:8px; outline:none; font:20px/72px "microsoft yahei"; color:#999; border:1px solid #e3e3e3; box-sizing:border-box; border-radius:10px; background-color:#fff;}
.per_sel span{ width:4%; float:left; height:10px;}
.per_sel .wi_90{ width:100%;}
.inp_info p{ text-align:center; color:#666; margin-top:40px; font:20px/36px "microsoft yahei"; margin-bottom:15px;}

.inp_info em{ color:#999;}




.price{ width:100%; overflow:hidden; background-color:#f7f7f7; height:490px; padding-bottom:30px; display:none;}
.price img{ width:90%; overflow:hidden; display:block; margin:0 auto;}

.price .pri_box{ width:90%; margin:0 auto; overflow:hidden; background-color:#fff; padding-bottom:10px; border-top:8px solid #c33;}
.price .pri_box .ti_pri{ width:100%; overflow:hidden; margin-top:20px;}
.price .pri_box .ti_pri p{ float:left; width:33%; float:left; font:22px/60px "microsoft yahei"; color:#666; text-align:center;}

.price .pri_box .pri_info_num{ width:100%; overflow:hidden;}
.price .pri_box .pri_info_num .pri_num_ev{ width:100%; overflow:hidden;}

.price .pri_box .pri_info_num .pri_num_ev h1{float:left; width:33%; float:left; font:22px/66px "microsoft yahei"; color:#666; text-align:center; }
.price .pri_box .pri_info_num .pri_num_ev p{float:left; width:33%; float:left; font:22px/66px "microsoft yahei"; color:#cc3333; text-align:center; }
.tip_info{ width:90%; overflow:hidden; margin:0 auto; margin-top:36px;}
.tip_info p{ font:18px/36px "微软雅黑"; color:#666; text-align:center; margin-bottom:10px;}
.tip_info p span{ color:#ff6600;}

.ti_mes{ text-align:center; font:24px/50px "microsoft yahei"; color:#333; margin-bottom:15px; margin-top:20px;}

.fl_pe_pri{ position:fixed; overflow:hidden; right:5px; bottom:10px; z-index:10; width:130px; height:120px; display:inline-block;}

.fl_pe_pri span{ position:absolute; right:0; top:5px; width:25px; height:25px; cursor:pointer;}
.fl_pe_pri p{ width:130px; height:120px; cursor:pointer; background:url(/css/m/floatbar/pe_pri.png) no-repeat 0 0; background-size:130px;}
@media screen and (max-width: 500px){
	
	.fl_pe_pri{background-size:78px;}
	.fl_pe_pri p{width:78px; height:72px;background-size:78px;}
	.fl_pe_pri span{width:15px; height:15px; top:3px;}
	.fl_pe_pri{ width:78px; height:72px;} 

	.tip_info p{ font:14px/24px "微软雅黑";}
	.inp_info p{font:14px/24px "microsoft yahei"; margin-top:20px;}
	.inp_info{ height:320px;}

	.price{ height:310px;}
	.blc_b{ height:53px; top:32px;}
    .sec_bloc .top_info .peo_w {
    width: 100px;
    height:100px;
    background-size:100px;
    position: relative;
    z-index: 2;
    margin-left: 15px;
    margin-top: -9px;
    }
	.sec_bloc .top_info .info_ti{
	margin-top:35px;
	margin-left:10px; background-size:36px; padding-left:40px;
		}
		

	.suc_inf img {
     margin-top: 20px !important;
     }	
	 .suc_inf p{ font-size:16px !important;}
	 .suc_inf .f_c_s {
    font-size: 12px !important; margin:0 auto;
    margin-top: 10px !important;
	line-height:24px !important;
	 width:94%;
     }
	
	 
	.suc_inf img {
    width: 18%;}
	.suc_inf span {
    font: 16px/30px "microsoft yahei";
    padding-left: 20px;
    background-size: 16px;
}
	.sec_bloc .top_info .info_ti h1{font: 15px/26px "microsoft yahei";}
	.sec_bloc .top_info .info_ti h2{font: 12px/16px "microsoft yahei";}
	.sec_bloc .top_info span{ top:35px; right:5px; background-size:24px;}
	.inp_info .per_inp{ height:48px; margin:10px auto; border-radius:5px;}
	.inp_info .per_inp input {
    font: 14px/48px "microsoft yahei";}
	.inp_info .per_inp span {
    height: 48px;
    font: 14px/48px "microsoft yahei";}
	.inp_info button {
    height: 48px;
    margin: 15px auto;
    font: 16px/48px "microsoft yahei"; border-radius:5px;
    }
	.per_sel {
    margin: 10px auto;
    }
	.per_sel select {
    height:48px; font:14px/48px "microsoft yahei"; border-radius:5px;
    }
	.ti_mes{ font:16px/24px "microsoft yahei"; margin-top:15px;}
	.price .pri_box .ti_pri p {
    font: 16px/32px "microsoft yahei";
	}
	.price .pri_box .pri_info_num .pri_num_ev p {
    font: 16px/36px "microsoft yahei";
	}
	.price .pri_box .pri_info_num .pri_num_ev h1{
    font: 16px/36px "microsoft yahei";
	}
	.tip_info {
    width: 75%;
    margin-top:10px;
    }
    .tip_info p {
    font: 12px/25px "微软雅黑"; 
    }
	
	
	}
/*————————————————————底部通用悬浮报价条、区块————————————————————*/


/*login*/
.swit_cl{width: 100%;
    text-align: center;
    border-bottom: 1px solid #eee;
     height:40px; margin-bottom:30px;}
	
.swit_cl p{
    display: inline-block;
    width: 26%;
    font: 16px/39px "宋体"; color:#999; margin:0 8%;}	
.swit_cl .sel_swi_p{border-bottom: 2px solid #f60; color:#333;}


.pho_lo{ overflow:hidden; display:none;}
.pho_lo ul{width: 100%;}
.pho_lo ul li{width: 100%; overflow:hidden;
    border-bottom: 1px solid #dedede; margin:1.2% 0; margin-bottom:2.4%;}
.pho_lo ul li input{border: none;
    
    font-size: 14px;
    vertical-align: middle;
    padding: 2.8% 1%;
    box-sizing: border-box;
   
    float:left;
    width: 70%; color:#999;}
.pho_lo ul li span{width: 26%;
    float: right;
    font-size: 14px;
    margin: 1.8% 1%;
    text-align: center;
    font-family: "宋体";
    color: #666;
    border-left: 1px solid #ccc;
    margin-right: 0;
    padding: 0.5% 0;}	
.pho_lo .tj_btn{height: 42px; margin-top:30px;
    border: none;
    line-height: 0;
    background-color: #F40;
    font-size: 100%; display:block; width:100%;
    color: #fff;
    font-weight: 700;
    font-family: tahoma,"Microsoft YaHei",arial,simsun,"宋体",sans-serif;}
.ot_lo{ overflow:hidden; text-align:center; background-color:#fff;}
.ot_lo h1{ height:16px; border-bottom:1px solid #dedede; width:96%; margin:0 auto;}
.ot_lo h1 span{ display:inline-block; font:14px/32px "宋体"; color:#999; text-align:center; padding:0 10px; background-color:#fff; height:32px;}
.ot_lo ul{ overflow:hidden; display:block; text-align:center; margin-top:20px;}
.ot_lo ul li{ overflow:hidden; display:inline-block; text-align:center; width:40px; margin:0 8%;}
.ot_lo ul li em{ width:40px; height:40px; display:inline-block; }
.ot_lo ul li .lo_q{ background: url('../Images/qq_tt.png') no-repeat center; background-size:36px;}
.ot_lo ul li .lo_x{ background: url('../Images/wx_tt.png') no-repeat center; background-size:36px;}
.ot_lo ul li .lo_w{ background: url('../Images/wb_tt.png') no-repeat center; background-size:36px;}
.ot_lo ul li span{ font:13px/22px "microsoft yahei"; color:#333; width:40px; }

/*login_end*/


/*文章摘要*/
.txt_about{ border:1px solid #E5E5E5; margin:auto 2% 5%; padding:10px; background-color:#F5F5F5; text-indent:2em;}

/*首页招标处图片添加链接*/
#yyzxfa{ position:relative;}