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{ padding: 15px 0; line-height: 1; background: #fff;}
.header ul{ margin-top: 22px; line-height: 20px; }
.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%;}

.baodao{ padding: 70px 0; background: url("../images/baodao-bg.jpg") no-repeat center/cover;}
.bd-bt{ height: 290px; margin-right: 2.75%; border-left: 3px solid #5f5f5f; }
.bd-bt i{ width: 76%; display: block; border: 3px solid #5f5f5f;}
.bd-bt .line1{ height: 45px; letter-spacing: -1px; border-width: 3px 3px 0 0;}
.bd-bt .line2{ height: 135px; border-width: 0 3px 3px 0;}
.bd-video{ position: relative; width: 43.4%; height: 290px;}
.bd-bt .bt{ padding: 0 0 10px 15px;}
.bd-bt h4{ font-size: 24px; font-weight: bold; color: #e60012;}
.bd-bt h3{ margin-bottom: 5px; font-size: 46px; font-weight: bold; }
.bd-video iframe{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.bd-txt{ width: 34.2%;}
.bd-bt2{ position: relative; padding-left: 80px;}
.bd-bt2 .date{ position: absolute; left: 0; top: -8px; font-size: 16px; color: #656565; text-align: center;}
.bd-bt2 .date b{ display: block; margin-bottom: 5px; font-size: 40px; color: #e60012;}
.bd-bt2 h3{ position: relative; font-size: 22px; padding-bottom: 20px; }
.bd-bt2 i{ position: absolute; left: 0; bottom: 0; width: 40px; border-top: 3px solid #333; }
.bd-txt p{ margin: 25px 0 20px; font-size: 18px; line-height: 32px;}
.bd-txt .more{ display: block; width: 160px; height: 40px; line-height: 40px; font-size: 19px; color: #e60012; text-align: center; border: 1px solid;}
.more:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}

h2{ position: relative; padding-bottom: 20px; font-size: 46px; text-align: center; font-weight: 700; margin-bottom: 45px;}
h2 i{ position: absolute; bottom: 0; left: 50%; margin-left: -65px; width: 130px; border-top: 3px solid #e60012;}
.intro{ padding-top: 70px; background: #fff;}
.intro h2{ text-align: left;}
.intro h2 i{ left: 0; margin-left: 0;}
.intro .txt{ position: relative; padding-left: 37.5%; font-size: 18px; line-height: 36px;}
.intro .txt img{ position: absolute; left: 0; top: -20px; width: 33.4%;}
.intro-top{ padding: 20px 0 60px;}
.intro-bottom{ color: #fff; background: #e8262a; }
.intro-bottom .txt{ padding: 40px 0 50px 37.5%; line-height: 42px; }
.intro-bottom .txt b{ font-size: 24px;}

.yiyi{ padding: 50px 0; background:url("../images/yiyi-bg.jpg") no-repeat center/cover;}
.yiyi .txt{ color: #fff; padding: 35px 50px 40px 50px; line-height: 48px; background: rgba(0,0,0,.5);}

.fangan{ padding: 60px 0; background: #fff;}
.fangan p{ line-height: 36px; margin-bottom: 30px;}
.fangan a{ display: block; overflow: hidden;}
.fangan img{
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear ;
    -ms-transition: all .3s linear ;
    -o-transition: all .3s linear ;
    transition: all .3s linear ;}
.fangan img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}

.youshi{ padding: 60px 0; background: url("../images/youshi-bg.jpg") no-repeat center/cover;}
.ys-bt{ margin-bottom: 50px; font-size: 30px; text-align: center; font-weight: bold;}
.youshi .pic{ width: 35.2%;}
.youshi .txt{ width: 40%; margin-right: 13.3%;}
.youshi li{ position: relative;}
.youshi li + li{ margin-top: 45px;}
.youshi li div.wow{ padding: 15px 30px 10px; border: 2px dashed #0084cf;  }
.youshi li img{ position: absolute; top: 50%; left: -280px;}
.youshi h4{ margin-bottom: 8px; font-size: 18px; font-weight: bold;}
.youshi p{ font-size: 14px; line-height: 30px; color: #6b6b6b;}

.liucheng{ padding: 60px 0 70px; background: #fff;}
.liucheng .txt{ margin-top: -15px; font-size: 14px; line-height: 36px;}

.kehu{ padding: 70px 0; color: #fff; background: url("../images/kehu-bg.jpg") no-repeat center/cover;}
.kehu h2 i{ border-color: #fff;}
.kehu .p{ line-height: 36px;}
.kehu ul{ margin: 0 -10px;}
.kehu li{ float: left; width: 33.333%; padding: 0 10px; margin-top: 30px;}
.kehu li a{ display: block; position: relative;}
.kehu li .pic{ position: relative;}
.kehu li .hover{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 35px 60px 0; line-height: 36px; color: #fff; background: rgba(0,0,0,.5);}
.kehu li a > p{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 5px; line-height: 38px; text-align: center; background:url("../images/kehu-bt.png") no-repeat center/cover; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kehu .more{ display: block; margin: 35px auto 0; width: 335px; line-height: 74px; font-size: 22px; text-align: center; border: 1px solid;}


.gram-bt{ padding-left: 22px; font-size: 30px; line-height: 30px; font-weight: 700; border-left: 6px solid #ff6600;}
.advantage{ padding: 70px 0; background-color: #f0f0f0;}
.nengli-item{ margin-top: 36px;}
.nengli-item .txt{ width: 38%; padding: 50px 0 0 40px;}
.nengli-item .txt p{ padding: 50px 0 0 30px; font-size: 14px; line-height: 30px; color: #333; background: url(../images/adv-nengli-icon.png) no-repeat left top;}
.nengli-item .pic{ width: 43%;}
.nengli-item2 .pic{ width: 51%;}
.nengli-item2 .txt{ width: 43%; padding: 70px 40px 0 0;}

.adv-fuwu{ padding-top: 60px;}
.fuwu-cont{ margin: 40px 0;}
.fuwu-cont li{ float: left; width: 31.7%; padding: 50px 45px 40px; color: #fff; background: url(../images/adv-fuwu1.jpg) no-repeat center/cover;}
.fuwu-cont li + li{ margin-left: 2.45%;}
.fuwu-cont h4{ margin-bottom: 20px; font-size: 24px; font-weight: 700;}
.fuwu-cont h4 img{ display: inline-block; margin-right: 15px; vertical-align: middle;}
.fuwu-cont p a,.fuwu-cont p span{ display: inline-block; width: 33.33%; font-size: 14px; line-height: 30px; }
.fuwu-cont .link a:hover,.fuwu-cont p span:hover{ text-decoration: underline; color: #e8262a;}


.adv-fuwu b{  color: #c40000;}
.fuwu-youshi{ margin-bottom: 40px; text-align: center; }
.ys-icon{ display: inline-block; text-align: left;  }
.ys-icon + .ys-icon{ margin-left: 105px;}
.fuwu-youshi img{ margin-right: 15px; }
.fuwu-youshi p{ display: inline-block; vertical-align: middle;}
.fuwu-youshi b { display: inline-block; margin-right: 10px; font-size: 34px; font-weight: 700; margin-bottom: 5px; }
.adv-fuwu .p{ margin-bottom: 30px; font-size: 24px; text-align: center; color: #000; }


.lianxi{ padding: 60px 0 40px; background: #fff;}
.lianxi .txt{ padding: 30px 40px; margin-bottom: 35px; color: #fff; font-size: 18px; line-height: 36px; background: url("../images/lianxi.jpg") no-repeat center/cover;}
.lianxi .txt h3{ font-size: 24px; font-weight: bold; margin-bottom: 15px;}
.lx-lianxi{ padding: 0 0 40px; background: #f0f0f0;}
.lx-lianxi .kzx-title{ margin-bottom: 30px;}
.lx-biaodan{ width: 51.25%; }
.lx-biaodan p{ line-height: 36px; margin-bottom: 15px; }
.lx-biaodan p b{ color: #c40000; }
.lx-biaodan label{ font-weight: 400; color: #040000; line-height: 26px; }
.lx-biaodan input{ height: 30px; line-height: 30px; }
.lx-biaodan textarea{ line-height: 24px; resize: none; }
.lx-biaodan input,.lx-biaodan textarea{ padding: 0 3px; width: 100%; border: 1px solid #ccc; }
.lx-biaodan li{ position: relative; float: left; width: 100%; padding-left: 70px; margin-bottom: 17px; }
.lx-biaodan label{ position: absolute; left: 0; top: 0; font-size: 14px; }
.lx-biaodan label b{ position: absolute; left: -8px; top: 2px; color: #f00; }
.lx-biaodan .diqu,.lx-biaodan .name{ width: 48%; }
.lx-biaodan .name{ margin-right: 4%; }
.lx-biaodan .diqu label{ left: 20px; }
.lx-biaodan .saytext + li input{
    display: block; width: 140px; height: 32px;
    padding: 0; margin: 0 auto;
    text-align: center; line-height: 32px; color: #fff;
    border: 0 none; background: #c40000;
}
.lx-biaodan .LV_validation_message{ position: absolute; bottom: -16px; left: 70px; top: auto; right: 0; line-height: 1; font-size: 13px; height: 14px; font-weight: 400;  color: #c40000;}
.lx-biaodan .LV_valid{ font-size: 0;}

.lx-weixin{ width: 30.5%; margin-right: 70px; }
.lx-weixin  img + p{ margin: 10px 0 10px; line-height: 24px; }
.lx-weixin p + p{ line-height: 30px; }
.lx-weixin p b{ font-size: 24px; color: #c40000;}

.footer{ padding: 30px 0; background-color: #333; color: #fff;}
.footer a{ display: inline-block; padding: 0 5px; line-height: 46px;}
.footer a:hover{ text-decoration: underline;}

.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 (min-width: 992px){


    .kehu li:hover a > p{ display: none;}
    .kehu li:hover .hover{ display: block;}
}
@media screen and (max-width: 1259px){

    .baodao{ padding: 50px 0;}
    .bd-bt{ margin-right: 0; height: 350px;}
    .bd-bt h4{ font-size: 22px;}
    .bd-bt h3{ font-size: 40px;}
    .bd-bt .line1{ height: 70px;}
    .bd-bt .line2{ height: 180px;}
    .bd-bt img{ width: 90%;}
    .bd-video{ height: 350px;}


    h2{ font-size: 36px; margin-bottom: 35px;}
    .intro{ padding-top: 55px;}
    .intro-top{ padding: 0 0 25px;}
    .intro .txt img{ top: 0;}
    .intro-bottom .txt{ padding: 25px 0 30px 37.5%;}

    .yiyi .txt{ padding: 30px 40px 40px 40px; }

    .fangan{ padding: 50px 0;}

    .youshi{ padding: 50px 0;}
    .youshi .pic{ width: 50%;}
    .youshi .pic img{ width: 100%;}
    .youshi .txt{ margin-right: 0;}

    .liucheng{ padding: 50px 0 55px;}

    .kehu{ padding: 60px 0;}
    .kehu li .hover{ padding: 30px 20px; font-size: 15px; line-height: 30px;}


    .advantage{ padding: 55px 0;}
    .nengli-item1 .txt{ width: 40%; padding: 20px 0 0 20px;}
    .nengli-item2 .txt{ padding: 30px 20px 0 0;}
    .adv-fuwu{ padding-top: 50px;}
    .fuwu-cont li{ padding: 40px 29px 35px;}
    .ys-icon + .ys-icon{ margin-left: 35px;}

    .lianxi{ padding: 50px 0 30px;}
    .lx-weixin{ width: 37.5%; margin-right: 0;}

}

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

    .baodao{ padding: 80px 0 50px;}
    .bd-bt{ position: relative; float: none!important; padding-bottom: 15px; width: 320px; margin: 0 auto; height: auto; text-align: center; border: 3px solid #5f5f5f; border-top: 0;}
    .bd-bt .bt{ display: inline-block; margin-top: -50px; padding: 0;}
    .bd-bt i{ width: 23%; position: absolute; top: 0;}
    .bd-bt .line1{ height: auto;}
    .bd-bt .line2{ right: 0; height: auto;}
    .bd-bt h4{ font-size: 18px;}
    .bd-bt h3{ font-size: 36px; margin: 0;}
    .bd-video{ margin: 30px 0; width: 100%; height: auto; padding-top: 60%;}
    .bd-txt{ width: 100%;}

    h2{ font-size: 32px; margin-bottom: 25px; padding-bottom: 15px;}
    h2 i{ width: 90px; margin-left: -45px;}
    .intro{ padding-top: 45px;}
    .intro .txt{ font-size: 16px; line-height: 30px;}
    .intro .txt img{ width: 35%;}
    .intro-bottom .txt b{ font-size: 20px;}

    .yiyi{ padding: 45px 0; }
    .yiyi .txt{ padding: 30px 30px 35px 30px; line-height: 40px; }

    .fangan{ padding: 40px 0;}

    .youshi{ padding: 40px 0;}
    .ys-bt{ font-size: 26px; margin-bottom: 35px;}
    .youshi .pic{ width: 44%; padding-top: 44px;}
    .youshi .txt{ width: 45%;}
    .youshi li{ padding: 15px 10px 10px;}
    .youshi li + li{ margin-top: 20px;}
    .youshi li img{ width: 220px; left: -235px;}
    .youshi p{ line-height: 22px;}

    .liucheng{ padding: 40px 0;}

    .kehu{ padding: 45px 0;}
    .kehu .more{ width: 270px; line-height: 66px;}


    .gram-bt{ font-size: 26px;}
    .advantage{ padding: 45px 0;}
    .nengli-item1 .txt{ padding: 0; width: 53%;}
    .nengli-item2 .txt{ padding: 0; width: 46.5%;}

    .fuwu-cont{ margin: 30px 0;}
    .fuwu-cont li{ width:32.6%; padding: 35px 15px 25px;}
    .fuwu-cont li + li{ margin-left: 1.1%;}
    .fuwu-cont h4{ margin-bottom: 10px; font-size: 20px;}
    .fuwu-cont li a{ font-size: 13px;}
    .fuwu-youshi{ margin-bottom: 30px;}
    .ys-icon{ font-size: 14px;}
    .ys-icon + .ys-icon{ margin-left: 12px;}
    .fuwu-youshi img{ margin-right: 6px;}
    .fuwu-youshi b{ font-size: 28px;}

    .lianxi{ padding: 40px 0 20px;}
    .lx-biaodan{ width: 53%;}
    .lx-biaodan p{ font-size: 14px; line-height: 30px;}
    .lx-weixin{ width: 44%; font-size: 14px;}
    
}

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

    .baodao{ padding: 60px 0 30px;}
    .bd-bt{ width: 250px;}
    .bd-bt i{ width: 20%;}
    .bd-bt h4{ font-size: 15px;}
    .bd-bt h3{ font-size: 30px;}
    .bd-bt2{ padding-left: 70px;}
    .bd-bt2 .date b{ font-size: 34px;}

    h2{ font-size: 26px; margin-bottom: 20px; }
    h2 i{ width: 84px; margin-left: -42px;}
    .intro{ padding-top: 30px;}
    .intro .txt{ font-size: 15px; line-height: 28px;}
    .intro .txt img{ width: 35%;}
    .intro-top{ padding-bottom: 15px;}
    .intro-bottom .txt{ padding: 15px 0 20px 37%;}
    .intro-bottom .txt b{ font-size: 18px;}

    .yiyi{ padding: 35px 0; }
    .yiyi .txt{ padding: 20px 4% 30px; font-size: 15px; line-height: 30px; }

    .fangan{ padding: 30px 0;}
    .fangan p{ line-height: 30px; margin-bottom: 20px;}

    .youshi{ padding: 30px 0;}
    .ys-bt{ font-size: 20px; margin-bottom: 25px;}
    .youshi .txt { width: 100%;}
    .youshi .txt li{ padding: 20px 15px 15px;}
    .youshi p{ line-height: 26px;}

    .liucheng{ padding: 30px 0;}
    .liucheng .txt{ line-height: 30px;}

    .kehu{ padding: 35px 0;}
    .kehu .p{ line-height: 30px; margin-bottom: 10px;}
    .kehu ul{ margin: 0 -3px;}
    .kehu li{ padding: 0 3px; margin-top: 6px;}
    .kehu .more{ width: 230px; margin-top: 20px; font-size: 18px; line-height: 52px;}


    .gram-bt{ font-size: 22px; padding-left: 15px;}
    .advantage{ padding: 30px 0;}
    .nengli-item .pic{ width: 100%; margin-top: 10px;}
    .nengli-item .txt{ width: 100%;}
    .nengli-item .txt p{ padding: 36px 0 0 20px; background-size: 36px 27px;}

    .fuwu-cont li{ width: 100%; padding: 25px 15px 20px;}
    .fuwu-cont li + li{ margin-left: 0; margin-top: 15px;}
    .fuwu-cont h4 img{ height: 26px; margin-right: 10px;}
    .fuwu-cont li a{ font-size: 15px;}
    .fuwu-youshi{ margin-bottom: 10px;}
    .ys-icon{ float: left; width: 50%; margin-bottom: 20px;}
    .ys-icon img{ height: 40px;}
    .ys-icon + .ys-icon{ margin-left: 0;}

    .adv-fuwu .p{ font-size: 20px; }

    .lianxi{ padding: 30px 0;}
    .lianxi .txt{ padding: 20px 15px 15px; font-size: 15px; line-height: 30px;}
    .lianxi .txt h3{ font-size: 20px; margin-bottom: 10px;}
    .lx-biaodan{ width: 100%;}
    .lx-biaodan .diqu, .lx-biaodan .name{ width: 100%;}
    .lx-weixin{ width: 100%;}

    .footer{ padding: 15px 0;}
    .footer img{ width: 120px;}
    .footer a{ font-size: 14px; line-height: 34px; }

}

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

    h2{ font-size: 22px; }
    .intro h2 i{ left: 38%;}
    .intro .txt{ padding-left: 0;}
    .intro .txt img{ position: static; float: left; margin-right: 3%;}
    .intro-top{ padding-bottom: 15px;}
    .intro-bottom .txt{ padding: 15px;}
    .intro-bottom .txt b{ font-size: 18px;}

    .kehu li{ width: 50%;}

    .ys-icon{ font-size: 12px; }
    .icon1, .icon3{ width: 55%;}
    .icon2, .icon4{ width: 45%;}
    .icon3,.icon4{ letter-spacing: -0.7px;}
    .ys-icon img{ height: 32px; margin-right: 2px;}
    .fuwu-youshi b{ font-size: 20px;}
   
}
@media screen and (max-width: 450px){
    .footer img{ width: 78px;}
    .footer a{ padding: 0 .1vw; font-size: 12px; line-height: 22px; }
}