body{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    color: #0e050b;
    font: 14px/1 "Microsoft YaHei",Arial,"Helvetica Neue", Helvetica,sans-serif;
    background: #e5e5e5;
}
ul,ol,dl,p,h1,h2,h3{ margin: 0; padding: 0;}
a{ color: inherit; }
a:hover{ color: inherit; text-decoration: none;}
a:focus{ outline: 0; color: inherit; text-decoration: none; }

.bgfff{ background: #fff;}


.header{ padding: 15px 0; line-height: 1; background: #fff;}
.header ul{ margin-top: 22px; line-height: 20px; font-size: 16px;}
.header li{ float: left;  }
.header li:first-child{ margin-right: 30px;}
.header b{ font-size: 20px; color: #e60012;}
.header .tel{ font-size: 20px; font-weight: 700; color: #da251d; margin-top: 7px;}

.banner img{ width: 100%;}


.title{ padding: 70px 0 40px; text-align: center; color: #313131;}
.title h2{ margin-bottom: 10px; font-size: 40px; font-weight: 700;}
.title p{ text-transform: uppercase; }


.intro .pic{ width: 48.83%;}
.intro .cont{ width: 48.83%;}
.intro .cont p{ line-height: 32px; margin: -11px 0 10px; }
.intro .cont b{ font-size: 16px; color: #c40000;}


.pro-hd{ width: 17%; background: #313131;}
.pro-hd li{ position: relative; text-align: center; line-height: 74px; font-size: 20px; color: #fff; cursor: pointer; }
.pro-hd li + li{ margin-top: 2px;}
.pro-hd li:hover,.pro-hd li.on{ background: #c40000;}
.pro-hd li i{ position: absolute; left: 9.5%; bottom: -2px; width: 81%; height: 0; border-top: 1px solid #505050; border-bottom: 1px solid #000;}
.pro-bd{ width: 80.75%; padding-top: 3px;}
.pro-item{ display: none; background: #eee;}
.pro-item-on{ display: block;}
.pro-item .txt{ width: 39.52%; padding: 30px;}
.pro-item .bt{ padding: 10px 0; border-top: 1px solid #fff; border-bottom: 1px solid #d1d1d1;}
.pro-item h3{ font-size: 18px; color: #c40000; padding-left: 7px; border-left: 2px solid;}
.pro-item h3 span{ font-size: 12px; text-transform: uppercase;}
.pro-item p{ line-height: 28px; color: #313131;}
.pro-item .bt + p{ margin: 8px 0 10px;}
.pro-item p b{ font-weight: 400; color: #c40000;}
.product .more{ margin-top: 15px; display: block; width: 154px; text-align: center; line-height: 34px; font-size: 16px; color: #fff; background: #313131; border-radius: 0;}
.pro-item .pic{ width: 60.47%;}
.pro-item .pic img{ width: 100%;}
.product .btn-more{ margin: 30px auto 60px; background: #c40000;}


.shili{ background: url("../images/shili-bg.jpg") no-repeat center/cover;}
.shili .item{ margin-bottom: 50px;}
.shili .pic,.shili dl{ width: 48.8%;}
.shili dt{ position: relative; padding-left: 48px; margin-bottom: 5px; font-size: 20px; line-height: 42px; color: #c40000;}
.shili dt img{ position: absolute; left: 0; top: -3px;}
.shili dd{ padding-left: 30px; line-height: 30px; background: url("../images/icon1.png") no-repeat 6px 7px;}
.shili dd + dt{ margin-top: 30px;}


.fahuo ul{ margin: 0 -14px 40px;}
.fahuo li{ width: 25%; float: left; padding: 0 14px; margin-bottom: 28px; cursor: pointer; }
.fahuo .pic{ position: relative;}
.fahuo .pic img{ width: 100%;}
.fahuo .txt{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(169,11,11,.5);}
.fahuo .txt p{ position: absolute; width: 68.4%; height: 94px; left: 15.8%; top: 52px; font-size: 16px; color: #fff; text-align: center; border: 2px solid #fff; padding-top: 62px; background: url("../images/icon2.png") no-repeat center 10px; }
.fahuo li:hover .txt{ display: block;}


.fuwu{ background: url("../images/fuwu-bg.jpg") repeat -4px 0;}
.fuwu .title{ position: relative; height: 380px; padding: 25px 0 0; background: url("../images/fuwu1.jpg") no-repeat center;}
.fuwu .title .txt{ width: 366px; margin: -166px auto 0; }
.fuwu .title p + p{ text-align: left; line-height: 28px; margin: 25px 0 15px; color: #313131;}
.fw-cont .icon{ margin: 6px auto;}
.fw-cont .fw-list{ position: relative; margin-bottom: 25px;}
.fw-cont .line{ position: absolute; height: 100%; width: 1px; background: #313131; left: 50%; top: 0;}
.fw-cont .line .point{left: 50%; margin-left: -3px;}
.fw-cont .point1{ top: 0; }
.fw-cont .point2{ bottom: 0;}
.fw-cont ul{ width: 78.84%; max-width: 946px; margin: 0 auto; padding-bottom: 20px;}
.fw-cont .li-l{ float: left;}
.fw-cont .li-r{ float: right;}
.fw-cont li{ width: 47.2%; max-width: 446px; margin-top: 30px; color: #313131; }
.fw-cont .bt{ position: relative; padding: 25px 0 10px 15px; font-size: 18px; border-bottom: 1px solid;}
.fw-cont .num{ position: absolute; right: 0; top: 0; width: 34px; text-align: center; line-height: 34px; color: #fff; background: #c40000;}
.fw-cont .fname{ font-size: 12px; color: #666; text-transform: uppercase;}
.fw-cont .point{ position: absolute; left: 0; bottom: -4px; width: 7px; height: 7px; background: #fff; border: 1px solid #313131; border-radius: 7px;}
.fw-cont p{ line-height: 24px; padding: 6px 0 6px 15px;}
.fw-cont .li-r .bt{ text-align: right; padding: 25px 15px 10px 0;}
.fw-cont .li-r .num{ left: 0; right: auto;}
.fw-cont .li-r .name{ float: right; margin-left: 5px;}
.fw-cont .li-r .point{ right: 0; left: auto;}
.fw-cont .li2{ margin-top: 50px;}
.fw-cont li img{ width: 100%;}

.online{ padding-bottom: 70px;}
.online .title{ text-align: left;}
.biaodan{ width: 64.5%;}
.biaodan .row{ margin-bottom: 28px;}
.biaodan .bitian{ position: relative;}
.biaodan .txt:focus{ outline: none;}
.biaodan .bitian .txt{ padding-right: 15px;}
.biaodan .txt{ width: 100%; height: 50px; padding-left: 40px; line-height: 50px; color: #313131; background: #dfdfdf url("../images/icon-name.png") no-repeat 15px center; border: 1px solid #cacaca; }
.biaodan .mycall{ background-image: url("../images/icon-tel.png");}
.biaodan .diqu{ background: #dfdfdf url("../images/icon-map.png") no-repeat 12px center;}
.biaodan .saytext{ height: 130px; resize: none; background: #dfdfdf url("../images/icon-chat.png") no-repeat 12px 18px;}
.biaodan span{ position: absolute; right: 20px; top: 20px; font-weight: 700; color: #c40000; }
.btns .btn{ width: 48%; height: 50px; line-height: 50px; color: #fff; font-size: 18px; padding: 0; border-radius: 0;}
.btns .submit{ background: #c40000;}
.btns .reset{ background: #9e9e9e;}

.biaodan .LV_validation_message{ position: absolute; bottom: -18px; left: 15px; top: auto; right: 0; line-height: 1; font-size: 13px; height: 14px; font-weight: 400;  color: #c40000;}
.biaodan .LV_valid{ font-size: 0;}

.weixin{ width: 33%; padding: 45px 18px 20px; color: #313131; border: 1px solid #cacaca;}
.weixin ul{ text-align: center;}
.weixin li{ display: inline-block; line-height: 18px;}
.weixin li + li{ margin-left: 50px;}
.weixin h2{ margin: 30px 0 14px; font-size: 30px; font-weight: 700;}
.weixin p{ font-size: 16px; line-height: 32px;}
.weixin p b{ color: #c40000;}



.footer{ padding: 30px 0; color:#fff; background: #000;}
.footer .links{ margin-top: 13px;}
.share{ margin-top: 11px;}
.share span{ line-height: 27px;}
.share a{ margin: 0 6px 0 0!important;}




.go-top a{
    display: none;
    position: fixed !important; right: 0px; bottom: 50px;
    width: 40px; height: 40px;
    background: #ff3333;
    transition: all 0.2s ease;
    z-index: 10; cursor: pointer;
}
.go-top .go1{
    display: none;
    width: 40px; height: 40px;
    color: #fff; font-size: 12px;
    line-height: 40px; text-align: center;
}
.go2{
    position: absolute; right: 0; top: 0;
    width: 40px; height: 40px;
    background: url(http://www.changchengjixie.com/skin/ccjxzz/images/top.png) no-repeat 11px;
}
.go-top a:hover{
    display: block;
    width: 80px;
    transition: all 0.2s ease;
    border-radius: 5px 0px 0px 5px;
    background: #666;
}
#goTop1:hover{ width: 40px; }
.go-top a:hover .go1 { display: block; }



@media screen and (max-width: 1199px){
    .intro .pic { width: 49.83%; }
    .intro .cont p { line-height: 22px; margin: -5px 0 4px; }
    .intro .cont b{ font-size: 14px;}

    .pro-hd li{ line-height: 57px; font-size: 17px;}
    .pro-bd{ padding-top: 0;}
    .pro-item .txt{ padding: 15px;}
    .pro-item .bt{ padding: 6px 0;}
    .pro-item p{ line-height: 24px; font-size: 13px;}
    .pro-item .more{ margin-top: 10px; font-size: 15px; line-height: 32px;}

    .shili .item{ margin-bottom: 30px;}
    .shili .title + .item .pic{ margin-top: 50px;}
    .shili dd + dt{ margin-top: 20px;}

    .fahuo .txt p{ top: 30px;}

    .fw-cont ul{ width: 946px;}

    .weixin{ padding: 27px 10px 20px;}
    .weixin h2{ font-size: 25px;}
    .weixin p{ font-size: 15px; line-height: 30px;}
}


@media screen and (max-width: 991px){

    .header ul{margin-top: 11px; font-size: 14px;}
    .header .logo img{ width: 140px;}
    .header b{ font-size: 16px;}

    .title{ padding: 40px 0 30px;}
    .title h2{ font-size: 34px;}

    .intro .pic,.intro .cont { width: 100%; }
    .intro .cont p { line-height: 26px; margin: 10px 0; }

    .pro-hd{ width: 100%; margin-bottom: 20px;}
    .pro-hd li{ line-height: 46px; font-size: 16px; width: 20%; float: left;}
    .pro-hd li + li{ margin-top: 0;}
    .pro-hd li i{ display: none;}
    .pro-bd{ width: 100%;}
    .pro-item .bt h3{ font-size: 16px; }
    .pro-item p{ line-height: 22px; font-size: 12px;}
    .pro-item .more{ font-size: 14px; line-height: 30px;}
    .product .btn-more{ margin: 20px auto 40px;}

    .shili dd{ font-size: 13px; line-height: 24px; background-position-y: 5px;}

    .fahuo ul{ margin: 0 -5px 30px;}
    .fahuo li{ padding: 0 5px; margin-bottom: 10px;}
    .fahuo li:hover .txt,.fahuo .txt{ display: none;}

    .fw-cont ul{ width: 100%;}
    .fw-cont li{ width: 48%;}

    .weixin li{ width: 45%;}
    .weixin li + li{ margin-left: 5%;}
    .weixin h2{font-size: 22px; line-height: 32px; margin: 14px 0;}
    .weixin p{ font-size: 14px; line-height: 22px;}



    #swt{ display: none;}
}

@media screen and (max-width: 768px){
    .header .logo img{ width: 120px;}

    .title{ padding: 30px 0 20px;}
    .title h2{ margin-bottom: 5px; font-size: 24px;}
    .title p{ font-size: 12px;}

    .product .container{ position: relative;}
    .pro-bd{ margin: 0 -2px;}
    .pro-item{ display: block; float: left; width: 50%; margin-bottom: 6px; padding: 0 2px; background: #fff;}
    .pro-item .pic,.pro-item img{ position: relative; width: 100%; }
    .pro-item .pic span{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; font-size: 12px; line-height: 22px; color: #fff; background: rgba(0,0,0,.8);}
    .product .btn-more{ margin: 10px auto 30px;}

    .shili .item{ margin-bottom: 20px;}
    .shili .title + .item .pic{ margin-top: 0;}
    .shili .pic,.shili dl{ width: 100%;}
    .shili .pic{ margin-bottom: 20px;}

    .fahuo ul{ margin: 0 -2px 25px;}
    .fahuo li{ width: 33.333%; padding: 0 2px; margin-bottom: 4px;}

    .fuwu .title{ background: none; height: auto;}
    .fuwu .title .txt{ position: static; margin: 0; width: 100%;}
    .fuwu .title p + p{ width: 90%; margin: 10px auto;}
    .fuwu .title img{ width: 90%; max-width: 386px;}
    .fw-cont .fw-list{ margin-bottom: 0;}
    .fw-cont ul{ padding-bottom: 0;}
    .fuwu .fw-cont li{ width: 100%; margin: 20px auto; float: none;}
    .fw-cont .bt{ padding-top: 15px; font-size: 16px;}
    .fw-cont .li-l .bt{ padding-right: 35px;}
    .fw-cont .li-r .bt{ padding-left: 35px;}

    .online{ padding-bottom: 30px;}
    .biaodan{ width: 100%; margin-bottom: 30px;}
    .biaodan .row{ margin-bottom: 0;}
    .biaodan .txt{ line-height: 40px; height: 40px; margin-bottom: 18px; padding-left: 30px; background-position: 8px center;}
    .biaodan .LV_validation_message{ bottom: 1px;}
    .biaodan .diqu{ background-position: 6px center;}
    .biaodan .saytext{ height: 90px; background-position: 6px 12px;}
    .biaodan span{ top: 14px;}
    .btns .btn{ height: 40px; line-height: 40px; font-size: 16px;}
    .weixin{ width: 100%;}


}