@charset "utf-8";
.header{width:100%;height:76px;background:#333;}
.header .container{width:1250px;}
.header .logo{margin-top:23px;width:280px;font-size:20px;line-height:43px;}
.header .logo a{display:block;color:#fff;}
.header .logo img{margin-right:35px;float:left;}
.nav{width:588px;padding-top:15px;height:61px;background:#fff;}
.nav li{display:inline-block;*display:inline;*zoom:1;margin-right:-10px;}
.nav li a{padding:12px 13px;font-size:20px;color:#333;}
.nav li a:hover,
.nav li.on a{border-bottom:2px solid #333;}
.header .tel{width:220px;font-size:22px;color:#fff;margin-top:20px;}
.header .tel i{margin-right:10px;width:35px;height:35px;float:left;}
.banner{width:100%;height:670px;position:relative;}
.banner li{display:block;width:100%;height:325px;background:url(http://cdn.chuanglvjia.net/zt4/images/zt4-newbanner1.jpg) center no-repeat;position:absolute;top:0;left:0;z-inde:10;}
/*.banner li{display:block;width:100%;height:325px;background:url(http://cdn.chuanglvjia.net/zt4/images/linshi1.jpg) center no-repeat;position:absolute;top:0;left:0;z-inde:10;}*/
#bannar2{display:block;width:100%;height:325px;background:url(http://cdn.chuanglvjia.net/zt4/images/zt4-newbanner2.jpg) center no-repeat;position:absolute;top:0;left:0;z-inde:10; margin-top:325px;}
/*#bannar2{display:block;width:100%;height:325px;background:url(http://cdn.chuanglvjia.net/zt4/images/linshi2.jpg) center no-repeat;position:absolute;top:0;left:0;z-inde:10; margin-top:325px;}*/
#bannar2 a {color: rgba(239, 239, 239, 0);text-align: center;width: 380px;height: 180px;margin-left: 48%;display: block;margin-top: 4%;position: relative;}
.booking{background:url(http://cdn.chuanglvjia.net/zt4/images/booking_bg.png) no-repeat;width:326px;height:570px;position:absolute;left:50%;margin-left:-625px;text-align:center;top:33px;z-index:20;}
.booking h1{font-size:22px;color:#fff;line-height:38px;padding-top:36px;font-weight:normal;}
.booking h1 span{font-size:36px;}
.booking h2{font-size:24px;color:#fff;padding:30px 0 50px 0;font-weight:normal;}
.booking h2 span{color:#f8b750;font-size:36px;}
.booking .text{width:284px;height:50px;line-height:50px;background:#fff;border:1px solid #aaa;margin-bottom:28px;text-indent:20px;font-size:20px;color:#999;border-radius:10px;}
.booking .btn{width:286px;height:60px;line-height:60px;background:#3b80f2;margin-bottom:25px;font-size:26px;color:#fff;border-radius:10px;border:none;}
.booking h3{font-size:16px;color:#fff;font-weight:normal;}
.booking h3 i{width:19px;height:21px;background-position:-40px 0;margin-right:9px;position:relative;top:4px;}

.harm .container{width:1148px;height:573px;padding:64px 0;position:relative;}
.harm .bg{width:696px;height:573px;background:#fb702b;position:absolute;left:0;top:65px;z-index:10;}
.harm ul{position:relative;z-index:20;padding:36px 0 0 40px;}
.harm ul li{float:left;}
.harm ul .harm_consult{text-align:center;margin-right:29px;width:275px;}
.harm ul .harm_consult h1{line-height:62px;font-size:34px;color:#fff;font-weight:normal;}
.harm ul .harm_consult b{display:block;width:60pxheight:2px;background:#fff;margin:0 auto;}
.harm ul .harm_consult p{margin-top:20px;line-height:30px;font-size:18px;color:#fff;}
.harm ul .harm_consult a{display:block;width:139px;height:37px;line-height:37px;text-align:center;margin:34px auto 0;border-radius:14px;font-size:20px;color:#fff;border:1px solid #fff}
.harm ul li{position:relative;width:264px;height:243px;margin:0 6px 7px 0;}
.harm ul li img{display:block;width:100%;height:100%;}
.harm ul li .con{width:100%;height:91px;position:absolute;left:0;top:61px;background:rgba(0,0,0,0.7);color:#fff;text-align:center;font-size:18px;line-height:31px;padding-top:30px;}
.harm ul li.harm_more{width:298px;margin-right:0;background:url(http://cdn.chuanglvjia.net/zt4/images/harm_more.jpg) no-repeat;font-size:24px;color:#fb702b;}
.harm ul li.harm_more a{display:block;width:147px;height:51px;line-height:51px;text-align:center;border:1px solid #fb702b;color:#fb702b;margin:98px auto 0;}
.harm ul li a:hover{background:#fff;color:#fb702b;border:1px solid #fff;}

.intro{width:100%;min-width:1250px;position:relative;}
.intro img{width:100%;}
.intro a{display:block;width:17%;position:absolute;left:41.5%;top:33%;}


.adv .container{width:1125px;padding:85px 0 75px 0;}
.adv .tit{width:100%;height:95px;background:url(http://cdn.chuanglvjia.net/zt4/images/adv_tit.png) no-repeat center;}
.adv ul{margin:70px 0 35px 0;}
.adv ul li{width:310px;height:360px;float:left;text-align:center;}
.adv ul li .icon{width:193px;height:193px;position:relative;margin:0 auto;}
.adv ul li .icon b{display:none;width:168px;height:168px;border:1px solid #fff;border-radius:50%;position:absolute;top:12px;left:12px;}
.adv ul li .icon:hover b{display:block;}
.adv ul li h1{margin-top:5px;line-height:76px;font-size:30px;color:#333;font-weight:normal;}
.adv ul li p{line-height:30px;font-size:20px;color:#888;}
.adv .more{display:block;width:280px;height:73px;text-align:center;line-height:73px;margin:0 auto;border:1px solid #c3311d;font-size:30px;color:#c3311d;border-radius:36px;}
.adv .more:hover{background:#c3311d;color:#fff;}

.process{background:url(http://cdn.chuanglvjia.net/zt4/images/process_bg.jpg) center top no-repeat;padding-bottom:100px;}
.process .container{width:1050px;}
.process .tit{text-align:center;padding-top:40px;}
.process .tit h1{font-size:36px;color:#fff;font-weight:normal;line-height:53px;}
.process .tit h2{font-size:18px;color:#999;font-weight:normal;line-height:37px;}
.process ul{margin-top:63px;text-align:center;}
.process ul li{width:110px;float:left;margin-right:125px;}
.process ul li p{font-size:20px;color:#fff;margin-top:38px;}

.charging_standard{margin-top:70px;background:#fff000;height:375px;}
.charging_standard .main{width:445px;padding:29px 0 0 62px;}
.charging_standard .main h1{font-size:34px;color:#333;line-height:70px;}
.charging_standard .main b{display:block;width:60px;height:2px;background:#333;margin-bottom:14px;}
.charging_standard .main p{font-size:18px;color:#333;line-height:24px;}
.charging_standard .main a{display:block;width:136px;height:36px;line-height:36px;text-align:center;border:1px solid #333;color:#333;font-size:18px;border-radius:16px;margin-top:25px;}
.charging_standard .main a:hover{background:#333;color:#fff000;}
.charging_standard img{margin-top:-40px;}

.case{width:100%;height:800px;background:url(http://cdn.chuanglvjia.net/zt4/images/case_bg.jpg) center top no-repeat;padding:49px 0 60px 0;}
.case .container{width:1120px;}
.case_top{height:65px;}
.case_top .tit{width:165px;font-weight:bolder;font-size:36px;color:#fff;line-height:63px;}
.case_top .tit b{display:block;width:30px;height:2px;background:#f5c030;}
.case_nav{width:900px;text-align:right;margin-top:10px;}
.case_nav li{display:inline-block;*display:inline;*zoom:1;line-height:55px;font-size:20px;color:#fff;margin-left:40px;cursor:pointer;}
.case_nav li.on,
.case_nav li:hover{color:#e6b42e;}
.case_nav li i{margin-right:9px;position:relative;top:7px;}
.case_nav li .icon1{width:36px;height:34px;background-position:-70px 0;}
.case_nav li .icon2{width:32px;height:33px;background-position:-110px 0;}
.case_nav li .icon3{width:37px;height:28px;background-position:-150px 0;}
.case_nav li .icon4{width:37px;height:32px;background-position:-190px 0;}
.case_nav li .icon5{width:48px;height:29px;background-position:-230px 0;}

.case_list{margin-top:37px;}
.case_list li{width:363px;float:left;margin-right:15px;}
.case_main{display:block;width:100%;position:relative;overflow:hidden;}
.case_main img{display:block;width:100%;height:100%;}
.case_main .tit{width:100%;height:45px;line-height:45px;text-align:center;background:rgba(0,0,0,0.77);font-size:18px;color:#fff;position:absolute;left:0;bottom:0;}
.case_main .layer{padding:14px;background:rgba(0,0,0,0.8);position:absolute;top:100%;left:0;z-index:20;}
.case_main .layer .main{width:335px;border:1px solid #d4d4d3;background:url(http://cdn.chuanglvjia.net/zt4/images/case_layer.png) center no-repeat;text-align:center;}
.case_main .layer .main .con{padding:0 20px;font-size:20px;color:#fff;line-height:29px;}
.case_main .layer .main .more{width:164px;height:40px;line-height:40px;text-align:center;margin:29px auto 0;border:1px solid #fff;font-size:20px;color:#fff;}
.case1 .main{height:339px;}
.case1 .con{margin-top:100px;}
.case_info{width:100%;margin-top:15px;}
.case_info img{display:block}
.case2{height:594px;}
.case2 .main{height:566px;}
.case2 .con{margin-top:215px;}
.case3{height:291px;margin-bottom:12px;}
.case3 .main{height:263px;}
.case3 .con{margin-top:61px;}
.case4{height:291px;}
.case4 .main{height:263px;}
.case4 .con{margin-top:61px;}

.honor .container{width:1179px;padding:87px 0 83px 0;}
.honor .tit{height:101px;background:url(http://cdn.chuanglvjia.net/zt4/images/honor_tit.png) center no-repeat;margin-bottom:57px;}
.honor ul li{width:321px;height:228px;float:left;padding:11px 15px;border:1px solid #999;margin:0 20px 30px 20px;}
.honor ul li img{display:block;width:100%;height:100%;}
.honor .more{display:block;width:280px;height:73px;margin:70px auto 0;border:1px solid #c3311d;border-radius:35px;font-size:30px;color:#c3311d;line-height:73px;text-align:center;}
.honor .more:hover{background:#c3311d;color:#fff;}

.footer{width:100%;height:624px;background:url(http://cdn.chuanglvjia.net/zt4/images/footer_bg.jpg) center no-repeat;}
.footer .container{width:1120px;}
.footer dl{padding-top:135px;width:720px;}
.footer dl dt{font-size:40px;color:#fff;margin-bottom:70px;font-size:40px;}
.footer dl dd{position:relative;margin-bottom:50px;padding-left:45px;font-size:18px;color:#fff;line-height:36px;}
.footer dl dd i{position:absolute;left:0;top:0;}
.footer dl dd .icon1{width:22px;height:31px;background-position:-290px 0;top:5px;}
.footer dl dd .icon2{width:23px;height:33px;background-position:-320px 0;}

.footer .booking{background-color:transparent;position:relative;top:0;left:0;margin:28px 0 0 0;}
.formModal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.56);
}
.formwrapper {
    background: #fff;
    width: 505px;
    height: 482px;
    margin-top:10%;
    margin-left: 30%;
    border-left: 4px solid #ffa311;
}
.colseModal {
    position: absolute;
    top: 18%;
    right: 32%;
    cursor: pointer;
}
.formwrapper .title {
    text-align: center;
    padding-top: 40px;
    font-size: 20px;
    color: #555;
}
.formwrapper .tips {
    text-align: center;
    font-size: 12px;
    color: #555;
    margin-top: 16px;
}
.formwrapper .tips span {
    color: #ffa311;
}
.formwrapper .iptcell {
    width: 411px;
    margin: 0 auto;
    margin-bottom:18px;
    overflow: hidden;
}
.formwrapper .iptlabal {
    font-size: 15px;
    color: #555;
    vertical-align: middle;
    margin-top: 10px;
}
.formwrapper .iptlabal span {
    color: #ffa311;
    margin: 0 6px;
    vertical-align: middle;
}
.formwrapper .ipt input {
    width: 300px;
    outline: none;
    border: 1px solid #ddd;
    font-size: 15px;
    color: #555;
    padding: 10px 0px;
    text-indent: 16px;
    vertical-align: middle;
}
.formwrapper .ipt select {
    width: 300px;
    outline: none;
    border: 1px solid #ddd;
    font-size: 15px;
    color: #555;
    padding: 10px 0px;
    text-indent: 16px;
    vertical-align: middle;
}
.formwrapper .notice {
    color: #ffa311;
    font-size: 12px;
    overflow: hidden;
    margin-top: 5px;
    text-align: center;
}
.formwrapper .fmbtn {
    text-align: center;
    margin-top: 20px;
    overflow: hidden;
}
.formwrapper .fmbtn button {
    font-size: 18px;
    color: #fff;
    background: #ffa311;
    outline: none;
    border: none;
    padding: 10px 140px;
    cursor: pointer;
}

.sq-fixed {
    position: fixed;
    left: 10px;
    top: 50%;
    margin-top: -200px;
    z-index: 9999;
    overflow: hidden;
}

.joinprobg {
    background: url(http://cdn.chuanglvjia.net/style/images/joinprobg.png) center no-repeat;
    width: 100%;
    height: 428px;
    /*padding-top: 60px;*/
}

.new-tit {
    position: relative;
    margin-top: 60px;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.new-tit .nt1 {
    color: #888;
    font-size: 16px;
    text-transform:uppercase;
    letter-spacing: 16px;
}
.new-tit .nt2 {
    color: #333;
    font-size: 36px;
    width: 200px;
    background: #fff;
    margin: 16px auto;
    z-index: 66;
}
.new-tit .ntline {
    width: 100%;
    height: 2px;
    border-top: 1px solid #a4a2a4;
    position: relative;
    margin-top: -40px;
    z-index: -1;
}
.new-tit .nt3 {
    margin-top: 40px;
    color: #333;
    font-size: 18px;
}
.new-tit .nt3 i {
    background: none !important;
}

.onlyimg {
    width: 100%;
    margin: 45px auto;
    position: relative;
    z-index: 5;
}