body{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    color: #333;
    font: 16px/1 "Microsoft YaHei",Arial,"Helvetica Neue", Helvetica,sans-serif;
    background: #ededed;
}
ul,ol,dl,p,h1,h2,h3,h4,h5{ margin: 0; padding: 0;}
a{ color: inherit; }
a:hover{ color: inherit; text-decoration: none;}
a:focus{ outline: 0; color: inherit; text-decoration: none; }
input:focus,textarea:focus{ outline: none;}
.imgHover{ overflow: hidden;}
.imgHover img{ 
    transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
}
.imgHover:hover img{
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}


.header{ position: absolute; top: 0; left: 0; width: 100%; padding: 15px 0; line-height: 1; }
.header ul{ margin-top: 14px; 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{ position: relative; height: 998px; background: url("../images/banner.jpg") no-repeat center; }
.banner .cont{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
.banner .container{ height: 100%; position: relative; }
.banner .txt{ position: absolute; right: 0; bottom: 40%; padding: 45px 25px 45px 45px; font-size: 50px; font-weight: bold; line-height: 64px; color: #fff; background: rgba(237,178,178,.7); }
.banner .txt span{ display: block; width: 100px; margin-top: 20px; border-top: 8px solid; }
.banner ul{ position: absolute; bottom: 0; left: 0; width: 100%; }
.banner li{ float: left; width: 19.8%;}
.banner li + li{ margin-left: .25%; }

.title{ font-size: 48px; color: #a01c0b; font-weight: bold;  margin-bottom: 50px;}
.title .icon1{ position: relative; top: -2px; vertical-align: bottom;}

.qianyan{ overflow: hidden; background: #fff;}
.qy-box{ padding: 100px 0; position: relative; }
.qy-box .bg{ position: absolute; right: 25%; top: 0; width: 110%; }
.qy-box .cont{ position: absolute; width: 55%; left: 0; top: 100px; z-index: 2; }
.qy-box .subtit{ font-size: 24px; font-weight: bold; line-height: 38px; margin-bottom: 50px; }
.qy-box .subtit span{ display: block; width: 45px; margin-bottom: 10px; border-top: 4px solid #a01c0b; }
.qy-box .intro{ padding: 45px 65px; font-size: 18px; line-height: 36px; color: #313131; background: #fff;
    -webkit-box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.18);
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.18); }
.qy-box .intro p{ margin-top: 20px; }
.qy-box .pic{ position: relative; width: 50%; }


.gongyi{ padding: 100px 0 120px; color: #fff; background: url("../images/gongyi-bg.jpg") no-repeat center/cover;}
.gongyi .title{ color: #fff;}
.gongyi .txt{ width: 30%;}
.gongyi .txt p{ font-size: 18px; line-height: 36px;}
.gongyi .pic{ width: 60%;}


.shili{ padding-top: 10px; background: #fff;}
.shili .container{ position: relative; top: 90px;}
.shili .pic{ width: 62.5%; }
.shili .txt{ width: 37.5%; padding-left: 50px; }
.shili .txt .title{ margin-bottom: 25px;}
.shili .txt .h3{ position: relative; margin-bottom: 40px; padding: 8px 0 10px; font-size: 24px; line-height: 34px; color: #fff; background: #a01c0b;}
.shili .txt .h3 span{ position: absolute; left: -50px; top: 0; width: 50px; height: 100%; background: #a01c0b;}
.shili .txt .item{ font-size: 18px; line-height: 36px; margin-top: 30px; letter-spacing: -0.2px;}
.shili .txt h3{ margin-bottom: 25px; font-size: 18px; font-weight: bold; color: #a01c0b;}
.shili ul{ }
.shili li{ float: left; width: 25%; }

.title2{ color: #fff; text-align: center;}

.kehu{ color: #fff; padding-top: 120px; background: url("../images/kehu-bg.jpg") no-repeat center/cover;}
.kehu .container{ position: relative; top: 60px;}
.kehu .p{ font-size: 18px; line-height: 36px; text-align: center; max-width: 860px; margin: 0 auto;}
.kehu .p + img{ display: block; margin: 20px auto 30px;}
.kehu li{ position: relative; float: left; width: 50%;}
.kehu li p{ position: absolute; left: 35px; bottom: 20px; font-size: 18px; line-height: 24px; font-weight: bold;}
.kehu li p span{ display: block; width: 20px; border-top: 4px solid; margin-bottom: 5px;}


.rongyu{ padding: 180px 0 120px; background: url("../images/rongyu-bg.jpg") no-repeat center/cover;}
.rongyu .container{ top: auto!important;}
.rongyu .txt{ padding: 0 50px 0 0; }
.rongyu .txt .h3{ padding-left: 15px;}
.rongyu .txt .h3 span{ left: auto; right: -50px; }
.rongyu .txt .h3 img{ vertical-align: middle;}


.lianxi{ padding: 70px 0 60px; color: #fff; background: url(../images/lianxi-bg.jpg) no-repeat center/cover; }
.lianxi .lxfs li{ float: left; width: 33.33%; text-align: center; }
.lianxi .lxfs img{ display: inline-block; }
.lianxi .lxfs p{ margin-top: 10px; font-size: 18px; line-height: 30px; }
.lianxi .lxfs p b{ font-size: 20px; }
.lianxi h3{ margin: 25px 0 40px; font-weight: bold; font-size: 32px; text-align: center;  }
.lianxi .biaodan ul{ margin: 0 -25px; }
.lianxi .biaodan li{ position: relative; float: left; width: 33.33%; padding: 0 25px; font-size: 18px; }
.lianxi .biaodan .txt{ width: 100%; background: transparent; border: 0; border-bottom: 1px solid; line-height: 50px; height: 50px; padding-left: 88px; resize: none; overflow: hidden;}
.lianxi .biaodan label{ position: absolute; left: 25px; top: 0; line-height: 50px; font-weight: normal; }
/*.lianxi .biaodan label b{ color: #d0111b; }*/
.lianxi .biaodan .saytext{ margin: 30px 0; width: 100%;  }
.lianxi .biaodan .anniu{ width: 100%; }
.lianxi .biaodan .submit{ display: block; margin: 0 auto; width: 186px; height: 40px; line-height: 40px; color: #a01c0b; background: #fff; border-radius: 20px; border: 0;  }
.lianxi .biaodan .submit:hover,.lianxi .biaodan .submit:focus{ color: #fff; }
.lianxi .LV_validation_message{ position: absolute; bottom: -25px; left: 25px; top: auto; right: 0; line-height: 1; font-size: 16px; height: 14px; font-weight: 400;  color: #c40000;}
.lianxi .LV_valid{ font-size: 0;}


.footer{ padding: 30px 0; color:#fff; background: #000;}
.footer .links{  margin-top: 13px;}
.footer .links a{ display: inline-block; padding:0 3px; }

.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: 1259px){

  .box{ padding: 60px 0 65px; }

  .banner{ height: 700px; background-size: cover;}
  .banner .txt{ padding: 35px 25px 35px 35px; font-size: 38px; line-height: 56px; }

  .title{ margin-bottom: 30px; font-size: 42px;}
    .title img{ width: 14px; height: auto;}

    .qy-box{ padding: 80px 0;}
  .qy-box .cont{ top: 80px;}
  .qy-box .subtit{ font-size: 22px; line-height: 34px; margin-bottom: 30px;}
  .qy-box .intro{ padding: 30px 30px; font-size: 16px; line-height: 32px;}
  .qy-box .intro p{ margin-top: 15px;}

    .gongyi{ padding: 90px 0 100px;}
    .gongyi .txt{ width: 32%;}
    .gongyi .txt p{ font-size: 16px; line-height: 32px;}

    .shili .container{ top: 65px; }
    .shili .txt{ padding-left: 30px;}
    .shili .txt .h3{ font-size: 22px; margin-bottom: 20px;}
    .shili .txt .h3 span{ width: 30px; left: -30px;}
    .shili .txt .item{ margin-top: 15px; font-size: 15px; line-height: 26px;}
    .shili .txt h3{ margin-bottom: 10px;}

    .kehu{ padding-top: 65px;}

    .rongyu{ padding: 150px 0 100px; }
    .rongyu .txt{ padding: 0 30px 0 0;}
    .rongyu .txt .h3{ padding-left: 10px; font-size: 21px; letter-spacing: -1.5px;}
    .rongyu .txt .h3 span{ left: auto; right: -30px;}
    .rongyu .txt .h3 img{ width: 14px; height: auto;}


  
}

@media screen and (max-width: 991px){
    
  .header ul{margin-top: 11px; font-size: 14px;}
  .header .logo img{ width: 140px;}
  .header b{ font-size: 16px;}

  .banner{ height: 550px; }
  .banner .txt{ padding: 25px 15px 25px 25px; font-size: 30px; line-height: 44px; }
  .banner .txt span{ margin-top: 10px; border-top-width: 5px;}

  .title{ margin-bottom: 20px; font-size: 32px;}

  .qy-box{ padding: 55px 0;}
  .qy-box .bg{ right: 28%; width: 120%;}
  .qy-box .cont{ top: 55px;}
  .qy-box .subtit{ font-size: 20px; line-height: 30px; margin-bottom: 20px;}
  .qy-box .intro{ padding: 25px 20px; font-size: 14px; line-height: 26px;}
  .qy-box .intro p{ margin-top: 8px;}
  .qy-box .pic{ width: 56%;}

    .gongyi{ padding: 70px 0 80px;}
    .gongyi .txt{ width: 35%;}
    .gongyi .txt p{ font-size: 14px; line-height: 28px;}
    .gongyi .pic{ width: 62%;}

    .shili .container{ top: 50px;}
    .shili .pic{ width: 100%;}
    .shili .txt{ width: 100%; padding: 20px 0;}
    .shili .txt .h3{ font-size: 20px; line-height: 30px; padding-left: 15px;}
    .shili .txt .h3 span{ display: none;}

    .kehu{ padding-top: 50px;}
    .kehu .container{ top: 45px;}
    .kehu .p{ font-size: 16px; line-height: 32px;}
    .kehu li p{ font-size: 16px; left: 20px; bottom: 10px;}

    .rongyu{ padding: 90px 0 60px;}



  .lianxi .lxfs li img{ width: 110px; height: auto; }
  .lianxi .lxfs p{ font-size: 16px; line-height: 26px; }
  .lianxi .lxfs p b{ font-size: 20px; }
  .lianxi h3{ font-size: 26px; margin: 35px 0 30px; }
  .lianxi .biaodan ul{ padding: 0 -15px; }
  .lianxi .biaodan li{ padding: 0 15px; }
  .lianxi .biaodan .txt{ padding-left: 80px; }
  .lianxi .biaodan label{ left: 15px; font-size: 16px; }
  .lianxi .LV_validation_message{ left: 15px; }

  
  .query-tag{ display: none;}

}

@media screen and (max-width: 767px){
  .header .logo img{ width: 120px;}
    
  .box{ padding: 30px 0 35px; }

    .banner{ height: auto; }
    .banner > img{ width: 130%;}
    .banner .cont{ position: relative; padding-top: 65px; }
    .banner .txt{ margin: 7vw 0 9vw; float: right; position: relative; bottom: auto; font-size: 4.5vw; line-height: 6vw; padding: 3.5vw 3vw 3.5vw 3.5vw; }
    .banner .txt span{ width: 10vw;}
    .banner ul{ position: relative; clear: both; }


    .title{ margin-bottom: 15px; font-size: 26px;}
    .title img{ width: 10px; }

    .qianyan{ background: url("../images/qianyan-bg.jpg") no-repeat center/cover;}
    .qy-box{ padding: 35px 0;}
    .qy-box .bg{ display: none;}
    .qy-box .cont{ position: static; width: 100%;}
    .qy-box .intro{ padding: 20px 4vw; }
    .qy-box .pic{ width: 100%; height: 50vw; margin-top: 20px; background: url("../images/qianyan.jpg") no-repeat 50% 35%/100%;}
    .qy-box .pic img{ display: none;}

    .gongyi{ padding: 8vw 0;}
    .gongyi .txt{ width: 100%;}
    .gongyi .txt p{ font-size: 14px; line-height: 28px;}
    .gongyi .pic{ width: 100%; margin-top: 15px;}

    .shili .container{ top: 7vw;}
    .shili .txt .h3{ font-size: 18px; line-height: 26px; padding-left: 10px;}
    .shili .txt h3{ font-size: 16px;}

    .kehu{ padding-top: 7vw;}
    .kehu .container{ top: 6vw;}
    .kehu .p{ font-size: 14px; line-height: 24px;}
    .kehu .p + img{ margin: 15px auto;}
    .kehu li p{ font-size: 14px; line-height: 18px; left: 2vw; bottom: 1vw;}
    .kehu li p span{ border-top-width: 2px;}

    .rongyu{ padding: 10vw 0 7vw;}

  
  .lianxi .lxfs li img{ width: 90px; }
  .lianxi .lxfs p{ font-size: 13px; line-height: 18px; }
  .lianxi .lxfs p b{ font-size: 16px; }
  .lianxi h3{ font-size: 22px; }
  .lianxi .biaodan .txt{ padding-left: 70px; }
  .lianxi .biaodan label{ font-size: 14px; }

   

  .f-logo{ width: 120px; }
  .footer .links{ margin-top: 0; line-height: 36px; }
    

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

}
@media screen and (max-width: 520px){
    
  .lianxi .lxfs li{ width: 100%;  }
  .lianxi .lxfs li + li{ margin-top: 15px; }
  .lianxi .lxfs li img{ float: left; width: 65px; margin-right: 5px; }
  .lianxi .lxfs p{ margin: 0; overflow: hidden; text-align: left; font-size: 14px; padding-top: 23px; }
  .lianxi .lxfs li:last-child p{ padding-top: 18px; }
  .lianxi h3{ margin: 20px 0 10px; font-size: 18px; line-height: 26px; }
  .lianxi .biaodan ul{ margin: 0; }
  .lianxi .biaodan li{ width: 100%; padding: 0; }
  .lianxi .biaodan .saytext{ margin: 0 0 15px; }
  .lianxi .biaodan label{ left: 0; }
  .lianxi .LV_validation_message{ left: 0; }


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

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

  .footer{ padding: 20px 0 15px; }
  .f-logo{ width: 100px; }
  .footer .links{ line-height: 33px; font-size: 13px; }
  .footer .links a{ padding: 0; }

}