body{
    width: 100%;
    max-width: 1920px;
    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{ padding: 50px 0; 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{ position: relative; text-align: center; border-bottom: 1px solid #B4B4B4; }
.title h2{ font-size: 32px; font-weight: 700; color: #117a9b;}
.title p{ margin: 13px 0; font-size: 18px; text-transform: uppercase; color: #c8c8c8; }
.title span{ position: absolute; left: 50%; margin-left: -43px; bottom: -3px; width: 86px; height: 5px; background: #117a9b;}


.fw-cont{ position: relative; margin: 40px 0;}
.fw-cont ul.pull-left{ width: 28%;}
.fw-cont ul.pull-right{ width: 27%;}
.fw-cont li{ position: relative; height: 109px; font-size: 17px; color: #fff; line-height: 28px; padding: 26px 24px 26px 50px;}
.fw-cont .li1{ padding-top: 0; padding-bottom: 0; line-height: 109px; background: #e08b38; }
.fw-cont .li2,.fw-cont .li5{ background: #36a09d; }
.fw-cont .li3,.fw-cont .li6{ background: #00789e; }
.fw-cont .li4{ background: #e08b38; }
.fw-cont li span{ position: absolute; left: 24px; top: 26px;}
.fw-cont .li1 span{ top: 0;}
.fw-cont img{ width: 45%;}
.fw-p{ margin-top: 40px; line-height: 30px; padding: 20px; background: #ededed;
    -webkit-box-shadow: 0 3px 3px rgba(68,68,68,.4);
    -moz-box-shadow: 0 3px 3px rgba(68,68,68,.4);
    box-shadow: 0 3px 3px rgba(68,68,68,.4);
}
.fw-p b{ color: #c40000; font-size: 20px;}
.fw-p span{ color: #c40000; font-weight: 700;}


.zhujian{ background: url("../images/zhujian-bg.jpg") no-repeat center/cover;}
.zj-p{ margin-top: 30px; line-height: 30px;}
.zj-p b{ color: #c40000; font-size: 18px;}
.zj-p img{ margin-top: 20px;}
.zj-item{ margin-top: 35px;}
.zj-item + .zj-item{ margin-top: 48px;}
.zj-item .txt{ position: relative; padding-left: 15px; margin-bottom: 35px;}
.zj-item .txt h3{ position: absolute; left: 0; top: -13px; width: 150px; line-height: 75px; text-align: center; font-size: 26px; font-weight: 700; color: #fff; background: url("../images/zhujian2.jpg") no-repeat center/cover;}
.zj-item .txt p{ line-height: 30px; padding: 12px 15px 12px 145px; border: 1px solid #00789E;}
.zj-item .txt b{ font-size: 18px; color: #c40000;}
.zj-item ul{ margin: 0 -14px;}
.zj-item li{ float: left; width: 25%; padding: 0 14px;}
.zj-item li a{ display: block; position: relative;}
.zj-item li span{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 5px; line-height: 30px; text-align: center; color: #fff; background: rgba(0,0,0,.7); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


.product{ background: #fff url("../images/product-bg.jpg") no-repeat top center; }
.product .title{ border-color: #fff;}
.product .title h2,.product .title p{ color: #fff; }
.product-swiper{ margin-top: 40px; padding: 40px 0; position: relative; }
.product-bg{ position: absolute; right: 0; top: 0; width: 97.5%; height: 100%; border: 3px solid #00789e;}
.product-bg span{ position: absolute; right: 0; top: 0; width: 41.2%; height: 100%; background: #00789e;}
.product-swiper .pic{ width: 50%;}
.product-swiper .txt{ width: 43%; height: 400px; padding: 60px 32px 0; margin-right: 4.3%; line-height: 28px; background: #fff;}
.product-swiper h3{ font-size: 28px; font-weight: 700; color: #00789e;}
.product-swiper h3 + p{ margin: 25px 0 15px;}
.product-swiper .canshu{ color: #00789e; font-weight: 700; }
.product-swiper .btns{ margin-top: 20px;}
.product-swiper .btns a{ display: inline-block; width: 120px; font-size: 18px; color: #c40000; line-height: 36px; text-align: center; border: 1px solid #c40000; border-radius: 5px; margin-right: 20px; }
.product-swiper .btns a:hover{ background: #c40000; color: #fff;}
.swiper-pagination{ width: 50%!important;}
.swiper-pagination .swiper-pagination-bullet{ height: 6px; width: 26px; margin: 0 4px!important; background: #fff; border-radius: 0; opacity: 1;}
.swiper-pagination .swiper-pagination-bullet-active{ background: #ff3434;}
.product .more{ display: block; width: 190px; margin: 29px auto 0; line-height: 50px; text-align: center; font-size: 24px; font-weight: 700; color: #fff; background: #c40000;}


.shili{ background: #f0f0f0;}
.shili-item{ margin-top: 30px;}
.shili-item .txt{ position: relative; width: 42%; padding-left: 50px; line-height: 32px; }
.shili-item .txt img{ position: absolute; left: 0; top: 53px;}
.shili-item h3{ display: inline-block; margin: 50px 0 20px; font-size: 36px; font-weight: 700; color: #00789e; padding-bottom: 10px; border-bottom: 1px solid;}
.shili-item .pic{ width: 50%;}

.shili-item2 .txt{ width:46%;}
.shili-item3 .txt p{ font-size: 18px; line-height: 50px;}
.shili-item3 .txt b{ color: #c40000; font-size: 30px;}


.fuwu{ padding-bottom: 0!important;}
.fuwu .p{ text-align: center; font-size: 18px; line-height: 30px; margin: 30px 0 20px;}
.fuwu .pic1{ margin-bottom: 40px; }







.online .title{ margin-bottom: 50px;}
.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;}
.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){

    .bgfff{ padding: 40px 0;}

    .fw-cont{ margin: 35px 0;}
    .fw-cont li{ height: 90px; font-size: 16px; padding: 16px 20px 16px 40px;}
    .fw-cont .li1{ line-height: 90px;}
    .fw-cont li span{ left: 16px; top: 16px;}
    .fw-cont img{ margin-top: 17px;}

    .zj-item .txt{ margin-bottom: 30px;}
    .zj-item ul{ margin: 0 -10px;}
    .zj-item li{ padding: 0 10px;}

    .product-swiper .txt{ height: 313px; padding: 25px 20px 0;}
    .product-swiper h3{ font-size: 26px;}
    .product-swiper h3 + p{ margin: 10px 0;}
    .product-swiper .btns{ margin-top: 10px;}


    .shili-item .txt{ width: 50%!important; }
    .shili-item .txt img{ top: 20px;}
    .shili-item h3{ margin: 20px 0 15px; font-size: 30px;}
    .shili-item .pic{ width: 47%;}

    .online .title{ margin-bottom: 40px;}
    .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;}

    .bgfff{ padding: 30px 0;}

    .title h2{ font-size: 28px;}
    .title p{ font-size: 16px; margin: 10px 0 8px;}

    .fw-cont{ margin: 30px 0 40px;}
    .fw-cont ul{ position: absolute; top: 0; width: 27%!important;}
    .fw-cont ul.pull-left{ left: 0;}
    .fw-cont ul.pull-right{ right: 0;}
    .fw-cont li{ font-size: 13px; padding: 19px 10px 19px 26px!important;}
    .fw-cont .li1{ line-height: 26px;}
    .fw-cont li span{ left: 7px; top: 19px!important;}
    .fw-cont img{ width: 62%;  margin: 17px 0 0 140px;}
.fw-p{ margin-top: 30px;}


    .zj-p{ margin-top: 20px;}
    .zj-p img{ margin-top: 10px;}
    .zj-item{ margin-top: 30px;}
    .zj-item + .zj-item{ margin-top: 40px;}
    .zj-item .txt{ margin-bottom: 20px;}
    .zj-item .txt p{ line-height: 28px; padding: 10px 15px 10px 145px;}
    .zj-item .txt h3{ line-height: 106px;}
    .zj-item ul{ margin: 0 -3px;}
    .zj-item li{ padding: 0 3px;}


    .product-swiper{ margin-top: 30px; padding: 30px 0; }
    .product-swiper .txt{ height: 240px; padding: 15px 15px 0; line-height: 22px; font-size: 12px;}
    .product-swiper h3 { font-size: 20px; }
    .product-swiper h3 + p { margin: 7px 0; }
    .product-swiper .btns a{ width: 90px; font-size: 15px; line-height: 32px;}


    .shili-item .txt{ padding-left: 30px; line-height: 26px; font-size: 13px;}
    .shili-item .txt img{ top: 9px; width: 24px; height: auto;}
    .shili-item h3{ margin: 10px 0; font-size: 24px;}
    .shili-item3 .txt p { font-size: 14px; line-height: 40px; }
    .shili-item3 .txt b { font-size: 26px; }


    .fuwu .p{ font-size: 16px; margin: 20px 0 10px;}
    .fuwu .pic1{ margin-bottom: 25px;}


    .online .title{ margin-bottom: 30px;}
    .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;}



    .query-tag{ display: none;}
}

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


    .title h2{ font-size: 24px;}
    .title p{ font-size: 12px; margin: 6px 0 8px;}

    .fw-cont{ margin: 25px 0;}
    .fw-cont .txt{ font-size: 15px; line-height: 26px; color: #369aba; margin-bottom: 15px;}
    .fw-cont h3{ font-size: 20px; text-align: center; font-weight: 700; margin-bottom: 8px;}
    .fw-cont ul{ position: static; width: 100%!important;}
    .fw-cont li{ font-size: 15px; height: auto!important; padding: 10px 10px 10px 30px!important;}
    .fw-cont .li1{ line-height: 26px;}
    .fw-cont li span{ left: 9px; top: 10px!important;}
    .fw-cont img{ width: 62%;  margin: 17px 0 0 140px;}
.fw-p{ margin-top: 25px;}


    .zj-item{ margin-top: 20px;}
    .zj-item + .zj-item{ margin-top: 24px;}
    .zj-item .txt{ margin-bottom: 10px; padding-left: 0; border: 1px solid #00789E;}
    .zj-item .txt h3{ line-height: 52px; width: 110px; position: static; float: left; margin-right: 10px; font-size: 20px;}
    .zj-item .txt p{ line-height: 26px; padding: 10px; border: 0;}
    .zj-item .txt b{ font-size: 16px; }
    .zj-item li{ width: 50%; margin-top: 10px; }
    .zj-item li img{ width: 100%;}
    .zj-item li span{ font-size: 12px;}


    .product-swiper{ padding: 10px; margin-top: 25px; }
    .product-bg{ width: 100%;}
    .product-swiper .pic,.product-swiper .pic img{ width: 100%;}
    .product-swiper .txt{ width: 100%; height: auto; margin-right: 0; padding: 15px 10px; line-height: 20px;  }
    .product-swiper h3 + p { margin: 5px 0; }
    .product-swiper .btns{ margin-top: 5px;}
    .product-swiper .btns a{ font-size: 14px; line-height: 30px;}
    .swiper-pagination{ width: 100%!important; bottom: 0!important;}
    .swiper-pagination .swiper-pagination-bullet{ background: #ccc; width: 20px;}
    .swiper-pagination .swiper-pagination-bullet-active{ background: #ff3434;}


    .shili-item{ margin-top: 25px;}
    .shili-item .txt{ width: 100%!important; padding-left: 24px; margin-bottom: 15px; }
    .shili-item .txt img{ top: 0px; width: 18px; }
    .shili-item h3{ margin: 0 0 10px; font-size: 20px; padding-bottom: 5px;}
    .shili-item3 .txt p { line-height: 30px;  margin-top: 5px;}
    .shili-item .pic{ width: 100%;}


    .fuwu .p{ font-size: 15px; margin: 20px 0 10px;}
    .fuwu .pic1{ margin-bottom: 25px;}


    .online .title{ margin-bottom: 20px;}
    .biaodan{ width: 100%; margin-bottom: 30px;}
    .biaodan .row{ margin-bottom: 0;}
    .biaodan .txt{ line-height: 40px; height: 40px; margin-bottom: 15px; padding-left: 30px; background-position: 8px center;}
    .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%;}


}