.w1200{
	width: 1200px;
	margin: 0 auto;
}
.w1000{
	width: 1000px;
	margin: 0 auto;
}
.pstr{
    position: relative;
}
.web_con .mgl258{
    margin-left: 258px;
}
.pdb54{
    padding-bottom: 54px;
}
/* banner */
.juz{
    background: url(../nimages/banner_02.jpg) no-repeat center;
    height:350px;
    display: block;
}
.tmall-brand {
    position: relative;
    height: 350px;
    width: 100%;
    overflow: hidden;
}
.tmall-brand .fCl-slide a {
    display: block;
    height: 350px;
    line-height: 350px;
    width: 100%;
    text-align: center;
    color: #666;
    overflow: hidden;
}
.tmall-brand .fCl-nav {
    height: 24px;
    line-height: 18px;
    position: absolute;
    bottom: 0;
    padding: 0 33px;
    left: 50%;
    margin-left: -58.5px;
}
.tmall-brand .fCl-nav li {
    float: left;
    width: 12px;
    font-family: Tahoma,Helvetica;
    font-size: 28px;
    margin-right: 5px;
    color: #ffffff;
    opacity: 0.4;
    cursor: pointer;
}
.tmall-brand .fCl-nav li.on {
    color: #ffffff;
    opacity: 1;
}

/* 定位导航 */  /*小程序添加样式*/
.w0{width: initial!important}
.fictit_new {
    background: #1b1e22;
    height: 60px;
    width: 100%;
}
.fictit_new li {
    float: left;
    width: 171px;
    line-height: 60px;
    position: relative;
    cursor: pointer;
}
.fictit_new span {
    color: #fff;
    float: left;
    font-size: 16px;
    width: 70px;
    text-align: center;
    margin-left: 5px;
}
.fictit_new .on {
    background: #e50012;
}
.fictit_new .on span {
    color: #fff;
}
.fictit_new .on .ftop-tit {
    height: 9px;
    width: 27px;
    display: block;
    position: absolute;
    top: 62px;
    left: 135px;
}
.ftop-tit1,.ftop-tit2,.ftop-tit3,.ftop-tit4,.ftop-tit5,.ftop-tit6,.ftop-tit7,.on .ftop-tit1,.on .ftop-tit2,.on .ftop-tit3,.on .ftop-tit4,.on .ftop-tit7{
    display: inline-block;
    width:20px;
    height:22px;
    float: left;
    margin-top: 20px;
    margin-left: 55px;
}
.ftop-tit7{
    background: url(/themes/simplebootx/Public/product/jzal/image/xcx.png) no-repeat;
}
.ftop-tit1{
	background: url(/themes/simplebootx/Public/product/jzal/image/change_btn.png) no-repeat 0px 0px;
}
.ftop-tit2{
	background: url(/themes/simplebootx/Public/product/jzal/image/change_btn.png) no-repeat -21px -0px;
}
.ftop-tit3{
	background: url(/themes/simplebootx/Public/product/jzal/image/change_btn.png) no-repeat -41px -0px;
}
.ftop-tit4{
	background: url(/themes/simplebootx/Public/product/jzal/image/change_btn.png) no-repeat -62px -0px;
}
.ftop-tit5{
    background: url(/themes/simplebootx/Public/product/jzal/image/change_btn.png) no-repeat -83px -0px;
}
.ftop-tit6{
    background: url(/themes/simplebootx/Public/product/jzal/image/change_btn.png) no-repeat -104px -0px;
}
.web_content{
    background: #f4f4f4;
}

/* **********************************建站案例***************************************** */
.navigation{
    height: 159px;
    background: #fff;
    border: 1px solid #c6c5cb;
    border-top: 0px;
}
.case_nav li{
    float: left;
    width: 299px;
    height: 56px;
    text-align: center;
    color: #666;
    font-size: 16px;
    line-height: 56px;
    border: 1px solid #c6c5cb;
    border-right: 0px;
    background: #f4f4f4;
}
.case_nav li:first-child{
    border-left: 0px;
    width: 300px;
}
.navigation .case_nav .on{
    border-top: 2px solid #e50012;
    background: #fff;
    height: 55px;
    border-bottom: 0px;
    color: #e50012;
}
.case_left{
    width: 383px;
    height: 52px;
    border: 1px solid #c6c5cb;
    background: #fbfbfb;
    position: relative;
    margin-left: 27px;
    margin-top: 24px;
}
.case_left i{
    background: url(/themes/simplebootx/Public/product/jzal/image/btn_case.png) no-repeat 0px 0px;
    display: inline-block;
    width: 15px;
    height: 11px;
    line-height: 52px;
    position: absolute;
    right: 20px;
    top: 21px;
}
.case_left dt,.case_right dt{
    float: left;
    font-size: 16px;
    color: #666;
    line-height: 52px;
    margin-left: 20px;
}
.case_left dd{
    font-size: 16px;
    color: #b4b4b4;
    float: left;
    line-height: 52px;
}
.case_right{
    width: 550px;
    height: 52px;
    border: 1px solid #c6c5cb;
    background: #fbfbfb;
    position: relative;
    margin-left: 32px;
    margin-top: 24px;
}
.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12,.span13{
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-top: 15px;
    margin-right: 8px;
}
.span1{
    background: #fe0000;
}
.span2{
    background: #ff6300;
}
.span3{
    background: #fae242;
}
.span4{
    background: #80d031;
}
.span5{
    background: #26e0d2;
}
.span6{
    background: #198ede;
}
.span7{
    background: #fe68ff;
}
.span8{
    background: #990099;
}
.span9{
    background: #ffffff;
    width: 21px;
    height: 21px;
    border: 1px solid #c6c5cb;
}
.span10{
    background: #b4b4b4;
}
.span11{
    background: #974b00;
}
.span12{
    background: #000;
}
.span13{
    background: url(/themes/simplebootx/Public/product/jzal/image/btn_case.png) no-repeat -15px 0px;
}
.case_right a{
    display: inline-block;
}
.pc_case a,.pc_case2 a{
    display: block;
}
.pc_box{
    display: block;
    width: 271px;
    height: 242px;
    border: 1px solid #c6c5cb;
    background: #fff;
}
.pc_case img,.pc_case2 img{
    border-bottom: 1px solid #c6c5cb;
}
.pc_case em,.pc_case2 em{
    font-size: 14px;
    color: #666;
    display: block;
    padding-left: 8px;
    line-height: 30px;
}
.case_phone{
    display: block;
    background: url(/themes/simplebootx/Public/product/jzal/image/smoll_phone_03.png) no-repeat center;
    width: 51px;
    height: 104px;
}
.pc_case li,.pc_case2 li{
    width: 273px;
    height: 244px;
    float: left;
    position: relative;
}
.pst{
    position: absolute;
    top: 0px;
    right: 0px;
}
.case_bgh{
    background: url(/themes/simplebootx/Public/product/jzal/image/case_bgh_03.png) no-repeat center;
    height: 201px;
    width: 271px;
    position: absolute;
    top: 1px;
    left: -221px;
    z-index: 99;
}
.case_bgh img{
    margin-top:28px;
    margin-left: 76px;
    display: block;
}
.case_bgh em{
    font-size: 16px;
    color: #fff;
    display: inline-block;
    margin-left: 10px;
}
.case_bgh .mgl63{
    margin-left: 63px;
}
.mglr{
    margin-left: 36px;
    margin-right: 36px;
}
.mgr36{
    margin-right: 36px;
}
.mt56{
    margin-top: 56px;
}
.mt36{
    margin-top: 36px;
}
.pc_case li:hover,.pc_case2 li:hover{
    box-shadow:0px 4px 11px 1px rgba(0, 0, 0, 0.1);
}

.case_p{
    font-size: 14px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 7px;
}
.mlr5{
    margin-left: 5px;
    margin-right: 5px;
}
.case_link .mrl810{
    margin-left: 10px;
    margin-right: 7px;
}
.click_up{
    width: 1044px;
    min-height: 279px;
    background: #fff;
    position: absolute;
    z-index: 9999;
    border: 1px solid #c6c5cb;
    padding-top: 25px;
    padding-left: 10px;
    left: -1px;
}
.click_up dt,.click_up dd{
    font-size: 12px;
    color: #666;
    line-height: 26px;
}
.click_up dt{
    margin-right: 167px;
}
.click_up dd{
    margin-left: 50px;
    /*margin-right: 60px;*/
}
.click_up a:hover{
    color: #e50012;
}
.click_up .mgr0{
    margin-right: 0px;
}
.web_gray {
    background: #f4f4f4;
}
.phone_bg {
    background: url(/themes/simplebootx/Public/product/yhjz/image/wxb_phone_03.jpg) no-repeat center;
    width: 229px;
    height: 475px;
    position: relative;
    margin-bottom: 54px;
}
.phone_bg img {
    margin-top: 57px;
    margin-left: 13px;
}
.wxb_cover {
    background: url(/themes/simplebootx/Public/product/jzal/image/wxb_z_03.png) center no-repeat;
    width: 208px;
    height: 370px;
    position: absolute;
    top: 0px;
    margin-top: 56px;
    margin-left: 12px;
}
.mgr89 {
    margin-right: 89px;
}
.mgr70 {
    margin-right: 70px;
}
.case_cover{
    background: url(/themes/simplebootx/Public/product/jzal/image/wxb_z_03.png) no-repeat center;
    width: 208px;
    height: 370px;
    display: block;
    position: absolute;
    top: 56px;
    left: 12px;
    text-align: center;

}
.case_cover em{
    display: inline-block;
    font-size: 16px;
    color: #fff;
    line-height: 16px;
    margin-top: 39px;
    margin-bottom: 19px;
}
.case_cover .fo14{
    font-size: 14px;
    margin-top: 21px;
    margin-bottom: 19px;
}
.case_cover img{
    margin-top: 0px;
    margin-left: 0px;
}
.dspn{
    display: none;
}
.mgb0{
    margin-bottom: 19px;
}
.pc_case2 em{
    text-align: center;
    padding-left: 0px;
}
.mgt32{
    margin-top: 32px;
}
.pc_right{
    position: relative;
    margin-right: 25px;
}
li em{
    text-align: center;
}
.wx_build{
    margin-top: 60px;
}
.hybrid img{
    border-bottom: 1px solid #c6c5cb;
}
.disabled{
    display: inline-block;
    font-size: 12px;
    color: #9f9f9f;
    border: 1px solid #c6c5cb;
    height: 37px;
    background: #fff;
    line-height: 37px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 3px;
    margin-right: 2px;
}
#pagevalue{
    width: 20px;
    margin: 0 5px;
    padding: 9px 5px;
    margin-top: -9px;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 4px;
}
#search{
    color: #e50012;
    border: 1px solid #e50012;
    background: #fff;
    margin-left: 3px;
}
#classli dd{
    width: 155px;
    text-align: left;
}

/* 2018-09-14 */
/* yun_banner*/
.yun_banner{position:relative;overflow:hidden;width:100%;height:350px;}
.yun_banner .hd{position:absolute;bottom:40px;left:0;z-index:1;overflow:hidden;width:100%;height:12px;}
.yun_banner .hd ul{overflow:hidden;text-align:center;font-size:0;zoom:1;}
.yun_banner .hd ul li{display:inline-block;margin:0 7.5px;width:12px;height:12px;border-radius: 12px;background:#fff;opacity:.5;cursor:pointer;}
.yun_banner .hd ul li.on{opacity:1;}
.yun_banner .bd{position:relative;z-index:0;height:100%;}
.yun_banner .bd li{width:100%;height:350px;vertical-align:middle;zoom:1;}
.yun_banner .bd a{display:block;width:100%;height:100%;}