body{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    color: #000;
    font: 14px/1 "Microsoft YaHei",Arial,"Helvetica Neue", Helvetica,sans-serif;
    background: #ededed;
}
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; padding-left: 15px;  }
.header li + li{ border-left: 1px solid; margin-left: 15px; }
.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; padding-bottom: 18px; font-size: 43px; font-weight: 700; color: #0f51bb; text-align: center;  border-bottom: 1px solid #d2d2d2; letter-spacing: 1px;}
.title i{ position: absolute; left: 50%; bottom: -2px; width: 264px; margin-left: -132px; height: 5px; background: #0f51bb;}

.qianyan{ padding: 40px 0;}
.qianyan .title{letter-spacing: 25px;}
.qianyan .title i{ margin-left: -85px; width: 146px;}
.qianyan .container{ max-width: 1040px;}
.qianyan .text-center{ line-height: 30px; margin: 22px 0 15px; }
.qianyan li{ margin-bottom: 10px; width: 46.2%; height: 54px; padding: 0 18px 0 50px; line-height: 54px; font-size: 16px; background: #fff url("../images/qianyan1.png") no-repeat 18px center;
    -webkit-box-shadow: 1px 2px 0 0 rgba(80,80,80,.3);
    -moz-box-shadow:  1px 2px 0 0 rgba(80,80,80,.3);
    box-shadow:  1px 2px 0 0 rgba(80,80,80,.3);
}
.qianyan .jieshu{ position: relative; padding: 18px 20px 18px 170px; margin-top: 20px; line-height: 30px; border: 2px solid #0f51bb; background: #fff;}
.qianyan .jieshu .pic{ position:absolute; left: 0; top: 0; }


.fangan .bt{ padding-bottom: 20px; font-size: 42px; font-weight: 700; color: #fff; text-align: center; line-height: 114px; background: url("../images/bt.png") no-repeat center bottom;}
.fangan .txt{ margin: 20px 0; line-height: 30px;}
.fangan .txt b{ color: #d70006;}
.fa-item{ margin-bottom: 40px;}
.fa-item-bt{ font-size: 30px; line-height: 50px; font-weight: 700; border-bottom: 2px solid #0f51bb;}
.fa-item-bt span{ display: inline-block; padding: 0 20px; color: #fff; margin-right: 10px; background: #0f51bb;}
.fa-item-des{ margin: 30px 0; background: #ededed;
    -webkit-box-shadow: 1px 2px 1px rgba(80,80,80,.5);
    -moz-box-shadow:  1px 2px 1px rgba(80,80,80,.5);
    box-shadow:  1px 2px 1px rgba(80,80,80,.5);
}
.fa-item-tit{ text-align: center; height: 20px; background: #c8c8c8;}
.fa-item-tit span{display: inline-block; height: 20px; width: 43%; background: #005bac;}
.fa-item1 .fa-item-tit{ height: auto;}
.fa-item1 .fa-item-tit span{ line-height: 36px; color: #fff; font-size: 16px; height: auto;}
.fa-item-des p{ line-height: 30px; padding: 20px 30px;}
.fa-item-list h3{ margin-bottom: 30px; font-size: 24px; line-height: 30px; text-align: center; font-weight: 700;}
.fa-item-list h3 span{ display: inline-block; padding-left: 45px; background: url("../images/fa-icon.png") no-repeat left center;}
.fa-item-list ul{ width: 95.5%;}
.fa-item-list li{ float: left; width: 23.56%; }
.fa-item-list li + li{ margin-left: 1.92%;}
.fa-item-list li span{ display: block; text-align: center; line-height: 20px; padding-top: 5px;}
.fa-item-list .more{ width: 38px; height: 180px; padding: 42px 5px; font-size: 18px; line-height: 24px; text-align: center; color: #fff; background: #d32e26;}
.fa-item-btn{ display: block; margin: 20px auto 0; width: 224px; height:40px; line-height: 40px; text-align: center; font-size: 20px; color: #fff; background: #da0909; border-radius: 5px;
    -webkit-box-shadow: 1px 2px 1px rgba(80,80,80,.5);
    -moz-box-shadow:  1px 2px 1px rgba(80,80,80,.5);
    box-shadow:  1px 2px 1px rgba(80,80,80,.5);
}
.fa-item-list .pic{ position: relative;}
.fa-item-list .txt{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 10px; line-height: 36px; color: #fff; background: rgba(0,91,172,.7);}
.fa-item-list li:hover .txt{ display: block;}


/*case*/
.case{ padding: 30px 0;}
.case .title{ margin-bottom: 36px;}

/*yizhanshi*/
.yzs{ padding: 40px 0 45px;}
.yzs-item{ position: relative; padding: 18px 142px 10px 109px; margin-top: 45px; color: #fff; background: url("../images/yzs1.jpg") no-repeat left bottom/cover;}
.yzs-item .zimu{ position: absolute; right: -2px; top: 0; width: 128px; height: 100%;}
.yzs-item ul{ width: 64%; margin-top: 10px;}
.yzs-item li{ float: left; width: 24%; }
.yzs-item li + li{ margin-left: 1.333%;}
.yzs-item li span{ display: block; text-align: center; padding-top: 5px;}
.yzs-item .txt{ width: 35%; text-align: justify;}
.yzs-item h4{ font-size: 24px; font-weight: 700; margin: 0 0 8px; text-align: right;}
.yzs-item p{ line-height: 22px;}
.yzs-p{ padding: 24px 148px 24px 76px; background-image: url("../images/yzs2.jpg");}
.yzs-p ul{ margin-top: 0;}
.yzs-p .txt{ width: 32%; margin-top: 10px;}
.yzs-c{ padding: 22px 152px 18px 130px; background-image: url("../images/yzs3.jpg");}
.yzs-c ul{ margin-top: 30px;}
.yzs-c li{ width: 27%;}
.yzs-c .txt{ width: 33%;}
.yzs-c p{ line-height: 24px;}
.yzs-c .last{ width: 15%;}

/*contact*/
.contact{ padding: 57px 0; background: url("../images/contact-bg.jpg") no-repeat center/cover;}
.biaodan{ width: 46%; padding: 28px 40px; border-radius: 6px;}
.biaodan h3{ font-size: 36px; margin-bottom: 20px; }
.biaodan li{ position: relative; }
.biaodan .mycall{ margin: 30px 0;}
.biaodan li img{ position: absolute; left: 0; top: 0;}
input,textarea{ width: 100%; height: 48px; padding: 0 5px 0 46px; line-height: 48px; border: 1px solid #787878;}
textarea{ height: 118px;}
input:focus,textarea:focus{ outline: none;}
.biaodan .p{ color: #505050; padding: 10px 0 15px;}
.biaodan .submit{ width: 100%; height: 56px; padding: 0; line-height: 56px; color: #fff; font-size: 24px; border: 0; border-radius: 5px; background: #da0909;}
.biaodan .LV_validation_message{ position: absolute; bottom: -18px; left: 0; top: auto; right: 0; line-height: 1; font-size: 13px; height: 14px; font-weight: 400;  color: #c40000;}
.biaodan .LV_valid{ font-size: 0;}
.lianxi{ width: 44%; color: #fff;}
.lianxi h3{ font-size: 42px; margin-bottom: 22px;}
.lianxi h3 + p{ line-height: 30px;}
.lianxi ul{ margin: 30px 0 50px;}
.lianxi li{ float: left; width: 30%; padding: 25px 0; text-align: center; background: #00558e; background: rgba(0,85,142,.7); border-radius: 10px;}
.lianxi li + li{ margin-left: 5%;}
.lianxi li img{ width: 49%;}
.lianxi li p{ font-size: 18px; margin-top: 12px;}
.lianxi .p{ position: relative; padding-left: 46px; font-size: 18px; line-height: 40px;}
.lianxi .tel{ margin-bottom: 20px; font-size: 30px; font-weight: 700;}
.lianxi .p img{ position: absolute; left: 0; top: 0;}



.footer{ padding: 30px 0; color:#fff; background: #000;}
.footer .links{ width: 100%; text-align: center; 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(https://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 (min-width: 1200px){
    .fangan .bt{ padding-bottom: 40px; background-size: cover; }
}
@media screen and (max-width: 1199px){
    .fa-item-list .more{ width: 34px; height: 140px; padding: 22px 3px;}
    .fa-item-list .txt{ line-height: 24px; font-size: 13px;}

    .yzs-item ul{ margin-top: 48px;}
    .yzs-item p{ font-size: 13px; line-height: 20px;}
}


@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{ font-size: 38px; }
    .title i{ width: 220px; margin-left: -110px;}

    .qianyan  .title{ letter-spacing: 16px;}
    .qianyan .title i{ width: 140px; margin-left: -78px;}
    .qianyan li{ font-size: 14px; height: 48px; line-height: 48px;}
    .qianyan .jieshu{ padding: 12px 10px 12px 160px; line-height: 24px;}

    .fangan .bt{ font-size: 26px; line-height: 100px;}
    .fa-item-bt{ font-size: 24px;}
    .fa-item1 .fa-item-tit span{ width: 52%; font-size: 15px;}
    .fa-item-list .more { width: 26px; height: 108px; padding: 14px 3px; font-size: 16px; line-height: 20px; }
    .fa-item-list .txt{ display: none;}
    .fa-item-list li:hover .txt{ display: none;}

    .case .title{ margin-bottom: 30px;}

    .yzs{ padding: 30px 0 35px;}
    .yzs-item{ margin-top: 30px;}
    .yzs-item ul{float: none!important; width: 90%; margin: 0 0 10px 7%;   }
    .yzs-item .txt{ width: 100%;}
    .yzs-c{ padding-left: 150px;}

    .contact{ padding: 40px 0;}
    .biaodan{ width: 50%; padding: 20px;}
    .biaodan h3 { font-size: 30px; margin-bottom: 15px; }
    .biaodan .mycall{ margin: 20px 0;}
    .biaodan li img{ height: 42px; width: auto;}
    input, textarea{ padding-left: 40px; height: 40px; line-height: 40px;}
    textarea{ height: 110px;}
    .biaodan .submit{ height: 46px; line-height: 46px; font-size: 20px;}
    .lianxi{ width: 48%;}
    .lianxi h3{ font-size: 34px; margin-bottom: 15px;}
    .lianxi ul{ margin: 24px 0 35px;}
    .lianxi li{ width: 32%; padding: 17px 0;}
    .lianxi li + li{ margin-left: 2%;}
    .lianxi li p{ font-size: 14px;}
    .lianxi .p{ font-size: 15px;}
    .lianxi .tel{ font-size: 26px; margin-bottom: 15px;}




    .query-tag{ display: none;}
}

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

    .title{ font-size: 26px; padding-bottom: 10px; letter-spacing: 0; }
    .title i{ width: 180px; margin-left: -90px;}

    .qianyan .title i{ width: 120px; margin-left: -68px;}
    .qianyan li{ width: 100%; height: auto; line-height: 30px; padding: 10px 10px 10px 40px; background-position: 10px 15px; }
    .qianyan .jieshu{ padding: 12px 10px 12px 10px;}

    .fangan .bt{ font-size: 19px; line-height: 80px;}
    .fa-item-bt{ font-size: 18px; line-height: 36px;}
    .fa-item-bt span{ padding: 0 10px;}
    .fa-item1 .fa-item-tit span{ width: 100%; text-align: left; line-height: 24px; padding: 8px 10px;}
    .fa-item-des p{ padding: 15px;}
    .fa-item-des{ margin: 20px 0;}
    .fa-item-list h3{ font-size: 20px; margin-bottom: 15px;}
    .fa-item-list ul{ float: none!important; width: 100%; margin: 0 -3px;}
    .fa-item-list li{ width: 50%; padding: 0 3px; margin-bottom: 10px; }
    .fa-item-list li + li{ margin-left: 0;}
    .fa-item-list li span{ font-size: 12px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .fa-item-list .more{ display: block; float: none!important; width: 60%; line-height: 36px; height: 32px; margin: 0 auto; padding: 0;}

    .case{ padding: 20px 0;}
    .case .title{ margin-bottom: 24px;}

    .yzs{ padding: 24px 0 28px;}
    .yzs-item{ padding: 13px 10px 10px; margin-top: 25px; background:#1d9ef2;}
    .yzs-item ul{ width: 100%; margin: 0;}
    .yzs-item li span{ font-size: 12px; line-height: 16px;}
    .yzs-item .txt{ margin-top: 10px;}
    .yzs-item h4{ font-size: 18px; text-align: left;}
    .yzs-p{ background: #0f51bb;}
    .yzs-c{ background: #00558e;}

    .contact{ padding: 24px 0;}
    .contact h3{ font-size: 24px; }
    .biaodan{ width: 100%; margin-bottom: 20px; padding: 15px 10px;}
    .biaodan .mycall{ margin: 22px 0;}
    .lianxi{ width: 100%;}
    .lianxi h3 + p{ line-height: 24px;}
    .lianxi ul{ margin: 15px 0 20px;}
    .lianxi li p{ font-size: 12px;}
    .lianxi .p{ line-height: 26px; padding-left: 35px;}
    .lianxi .p img{ height: 26px; width: auto;}
}