@charset "utf-8";
/* CSS Document */
/***************加盟购买*******************/
.qineng{ height:640px;}
.qineng h3,.qineng ul{ width:1200px;}
.qineng h3{ height:200px; line-height:200px; margin:0 auto; text-align:center; background:url(../images/jiam.jpg) center bottom no-repeat; letter-spacing:3px; font-size:30px; color:#2f2f2f}
.qineng ul{ padding-left:80px; padding-top:30px;}
.qineng ul.map,.qineng ul.text{ margin:0 auto; text-align:center; height:160px; }
.qineng ul.map li{ background:#ececec; width:145px;  height:145px;   margin:15px 70px; border-radius:50%; float:left; }
.qineng ul.map li.f5_1{ background:url(../images/ys12.jpg) center no-repeat}
.qineng ul.map li.f5_2{ background:url(../images/ys22.jpg) center no-repeat}
.qineng ul.map li.f5_3{ background:url(../images/ys32.jpg) center no-repeat}
.qineng ul.map li.f5_4{ background:url(../images/ys22.jpg) center no-repeat}
.qineng ul.text li{ width:245px;  height:145px;   margin:15px 20px; float:left }
.qineng ul.text li h2{ font-size:24px; color:#666; font-weight:400; height:45px;  background:url(../images/bt.png) bottom center no-repeat}
.qineng ul.text li p{ font-size:14px; color:#888; width:245px; height:60px;  display:inline-block; line-height:24px; padding-top:15px}

/***************加盟图文展示*******************/
.tuwenbox{ height:540px; background:#f5f5f5; padding-top:120px;}
.tuwen{ width:1200px; margin:0 auto;}
.tuwen .lefttw{ width:294px; height:414px; float:left; }
.tuwen .lefttw img{ width:294px; height:414px;}
.tuwen .righttw{ width:900px; height:414px; float:left}
.tuwen .righttw ul li{ width:294px; float:left; height:207px;  background:#3bcdf6; margin-left:6px; margin-bottom:5px;}
.tuwen .righttw ul li p{ height:35px; width:90%; font-size:20px; color:#FFF; text-align:center}
.tuwen .righttw ul li.yi,.tuwen .righttw ul li.er ,tuwen .righttw ul li.san{ width:294px;  height:102px; padding-top:100px;}
.tuwen .righttw ul li.yi{background:#3bcdf6 url(../images/tub2.png) center 20px no-repeat;}
.tuwen .righttw ul li.er{background:#3bcdf6 url(../images/tub1.png) center 20px no-repeat;}
.tuwen .righttw ul li.san{background:#3bcdf6 url(../images/tub3.png) center 20px no-repeat;  height:102px; padding-top:100px;}
.tuwen .righttw ul li img{ width:294px; height:207px;}
/***************加盟合作******************/
.jm_show{ width:1200px; margin:0px auto; height:580px; margin-top:50px; }
.jm_show .jm_left{ float:left; width:360px; height:570px; margin-top:10px;}
.jm_show .jm_left img{ width:360px; height:570px;}
.jm_show li{ width:405px; height:280px; float:left;  margin-left:10px; margin-top:10px;}
.jm_show li img{ width:405px; height:280px; }
.jm_show li:first-child{background:#3bcdf6;font-size:30px; height:220px; color:#FFF; padding-top:60px;}
.jm_show li:first-child p{ width:80%; line-height:50px; margin:0 auto}
.jm_show2{ width:1200px; margin:10px auto; height:300px; margin-bottom:50px;}
.jm_show2 li:first-child{ width:775px; height:300px; float:left}
.jm_show2 li:first-child img{width:775px; height:300px;}
.jm_show2 li:last-child{ width:405px; height:300px; float:left; margin-left:10px;}
.jm_show2 li:last-child img{ width:405px; height:300px; float:left}
/***************加盟分布显示******************/
.maptext{ background:#F1f1f1;  height:120px; line-height:120px; font-size:31px; text-align:center; margin-bottom:50px;}
.mymap{ width:1180px; height:600px; margin:0 auto; position:relative; border:10px solid #f5f5f5; margin-bottom:30px;}
        .info {
            border: solid 1px silver;
        }
        div.info-top {
            position: relative;
            background: none repeat scroll 0 0 #F9F9F9;
            border-bottom: 1px solid #CCC;
            border-radius: 5px 5px 0 0;
        }
        div.info-top div {
            display: inline-block;
            color: #333333;
            font-size: 14px;
            font-weight: bold;
            line-height: 31px;
            padding: 0 10px;
        }
        div.info-top img {
            position: absolute;
            top: 10px;
            right: 10px;
            transition-duration: 0.25s;
        }
        div.info-top img:hover {
            box-shadow: 0px 0px 5px #000;
        }
        div.info-middle {
            font-size: 12px;
            padding: 6px;
            line-height: 20px;
        }
        div.info-bottom {
            height: 0px;
            width: 100%;
            clear: both;
            text-align: center;
        }
        div.info-bottom img {
            position: relative;
            z-index: 104;
        }
        span {
            margin-left: 5px;
            font-size: 11px;
        }
        .info-middle img {
            float: left;
            margin-right: 6px;
        }

/***************加盟提交*****************/
 /****************留言板*******************/
.jmly{ height:510px; background:#f5f5f5}
.jmly .massage{ width:1200px; margin:0 auto; height:460px;  padding-top:65px;} 
.jmly .massage .f8box2{ float:left; }
.jmly .massage .f8_1{ margin-right:40px}
.jmly .massage .f8box2 h2{  font-size:22px; margin-left:20px; color:#666; height:22px; line-height:20px; padding-left:15px; font-weight:400;  border-left:4px #1360bc solid}
.jmly .massage .f8box2 .butt{ width:575px; height:280px; padding-top:25px; background:#FFF; margin-top:25px; box-shadow:1px 1px 3px #CCC}
.jmly .massage .f8box2 .butt .m_f{ margin:25px 0px; }
.jmly .massage .f8box2 .butt .m_f span{ width:60px; padding:3px 0; padding-left:70px; background:#2974cf; font-size:16px; color:#FFF;  display:block; float:left}
.jmly .massage .f8box2 .butt .m_f input{  border:1px solid #d1d6d9; margin-left:15px; height:35px; width:220px; color:#CCC; font-size:14px;}
.jmly .massage .f8box2 .butt .m_f select{min-width: 80px;border: 1px solid #bdbdbd}
.jmly .massage .f8box2 .butt .m_f select.first{margin-left:15px;}
.jmly .massage .f8box2 .butt .m_f .area{  height:120px; width:365px; border:1px solid #d1d6d9;margin-left:15px; color:#CCC; font-size:14px;} 
.jmly .massage .f8box2 .butt .m_l{ text-align:center;margin:25px 0px;}
.jmly .massage .f8box2 .butt .m_l input{ width:100px; border-radius:3px; margin:0 10px; background:#2974cf; color:#FFF; height:30px; line-height:30px;} 
.jmly .f8_tel{ width:475px;}
.jmly .f8_tel .butt ul{ padding:10px 20px;}
.jmly .f8_tel .butt li{ height:35px; margin-left:30px; line-height:35px; border-bottom:1px dashed #CCC; padding:9px 0; width:90%;   background: url(../images/dx.png) left center no-repeat}
.jmly .f8_tel .butt li p{ font-size:16px; color:#888; width:80%; padding-left:45px; line-height:35px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden; letter-spacing:1px;}
.jmly .f8_tel .butt em{ color:#C60}
.jmly .f8_tel .butt span{ color:#FFF; background:#C30; padding:2px; font-size:12px}
.jmly .f8_tel .butt #demo{ height:310px;}