body{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    color: #333;
    font: 16px/30px "Microsoft YaHei",Arial,"Helvetica Neue", Helvetica,sans-serif;
    background: #e5e5e5;
    /*overflow-x: hidden;*/
}
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: 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 img{ width: 100%;}

.xianzhuang{ overflow: hidden; padding: 50px 0; background: url("../images/xianzhuang-bg.jpg") no-repeat center/cover;}
.xianzhuang h2{ margin-bottom: 20px; font-size: 40px; font-weight: bold; color: #112574; padding-left: 15px; border-left: 3px solid #fe9e00;}
.xz-cont::before{ position: absolute; top: 0; width: 100%; height: 100%; left: 32%; background: #4b7d8a;}
.xz-cont{ position: relative; padding: 45px 0 60px; margin-top: 40px;}
.xianzhuang h3{ font-weight: bold; color: #0a1438;}
.xianzhuang .bt{ width: 19%;}
.xianzhuang .bt span{ font-size: 500px; color: #0a1438; font-weight: bold; font-family: Arial; letter-spacing: -50px;}
.xianzhuang .bt h3{ margin: 60px 0 35px; font-size: 24px; }
.xianzhuang .bt p{ margin-bottom: 30px; font-size: 14px; line-height: 30px; }
.xianzhuang ul{ width: 74%; margin: 0 -1%; position: relative;}
.xianzhuang li{ float: left; width: 48%; margin: 0 1% 28px; padding: 25px 20px; background: #fff;}
.xianzhuang li h3{ font-size: 20px; margin-bottom: 15px; line-height: 1.4;}
.xianzhuang li p{ color: #666;}

.shengji{ padding-top: 80px; background: #fff;}
.title{ text-align: center; margin-bottom: 40px;}
.title h2{ position: relative; padding: 0 70px; margin-bottom: 25px; display: inline-block; font-size: 40px; font-weight: bold; }
.title i{ font-style: normal;}
.title span{ position: relative; z-index: 9;}
.title h2::before,.title h2::after{ position: absolute; top: 0; content: ''; width: 200px; height: 46px; background: url("../images/title1.png") no-repeat center/contain; }
.title h2::before{ left: 0;}
.title h2::after{ right: 0; background-image: url("../images/title2.png");}
.title h2 b{ color: #112574;}
.title p{ position: relative; }
.title p span{ position: relative; display: inline-block; padding: 0 30px; font-size: 24px; z-index: 3; background: #fff;}
.title p::before{ position: absolute; content: ''; left: 0; top: 50%; width: 100%; border-top: 1px solid #112574;}

.shengji .p{ text-align: center; font-size: 18px; line-height: 36px; margin-bottom: 40px;}

.sj-item1{ margin-top: 100px; padding-bottom: 40px; background: url("../images/shengji1-1.jpg") no-repeat center/cover; }
.sj-video{ position: relative; top: -100px; max-width: 1050px; width: 100%; margin: 0 auto; padding-top: 50%; background: #dcdcdd; border: 25px solid #dcdcdd;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);}
.sj-video iframe{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

.sj-item2{ padding: 60px 0 80px; background: url("../images/shengji2-1.png") no-repeat left center/30%; }
.sj-bt{ position: relative; padding: 10px 0; margin-left: 64px; border-bottom: 1px dashed #c8c8c8;}
.sj-bt .num{ position: absolute; left: -64px; top: 0; width: 44px; text-align: center; background: #fff;}
.sj-bt .shuzi{ display: block; background: #112574; padding-top: 14px; color: #fff; font-size: 50px; font-weight: bold;}
.sj-bt .shuzi .en{ display: block; margin-top: 5px; font-size: 13px; font-weight: normal; text-transform: uppercase;}
.sj-bt i{ display: block; margin-top: 2px; height: 9px; border: 3px solid #112574; border-width: 3px 0 4px 0;}
.sj-bt h3{ font-size: 32px; font-weight: bold; color: #112574;}
.sj-bt p{ font-size: 24px; margin-top: 5px; }
.sj-li .pull-left{ width: 48.5%;}
.sj-li .pull-right{ width: 46%;}
.sj-li .txt{ padding-top: 35px;}
.sj-li .p{ text-align: left; font-size: 16px; line-height: 30px; margin: 30px 0 0;}
.sj-li2{ margin: 60px 0;}
.sj-li2 .txt{ width: 48.5%;}
.sj-li3 .txt{ padding-top: 0;}
.sj-li3 .p{ margin-bottom: 20px;}

.pro{ padding: 60px 0 30px; background: #5994a0;}
.pro .title{ color: #fff;}
.pro .title h2{ padding: 0 155px;}
.pro .title p span{ background: #5994a0;}
.title p::before{ border-top-color: #fff;}
.pro ul{ margin: 0 -12px;}
.pro li{ float: left; width: 33.33%; padding: 0 12px; margin-bottom: 50px;}
.pro .txt{ padding: 20px 30px 35px; text-align: center; background: #fff;}
.pro .txt h3{ font-size: 24px; margin-bottom: 20px;}
.pro .txt p a{ display: inline-block; width: 140px; height: 40px; line-height: 38px; color: #007ee1; font-size: 18px; border: 1px solid; border-radius: 5px;}
.pro .txt .zx{ color: #e72828; margin-left: 40px;}
.pro .txt .more:hover{ background: #007ee1; color: #fff;}
.pro .txt .zx:hover{ background: #e72828; color: #fff;}

.ad{ padding: 30px 0; background: url("../images/ad.jpg") no-repeat center/cover;}
.ad ul{ margin: 0 -37px; padding-right: 10px; border-right: 1px solid #666;}
.ad li{ float: left; padding: 0 37px; text-align: center;}
.ad img{ display: inline-block;}
.ad .txt{ padding-top: 15px; font-size: 18px; color: #000;}
.ad .txt b{ color: #ba0000;}
.ad .txt strong{ font-size: 24px; font-weight: bold; color: #ba0000;}

.online{ padding: 50px 0; background: #fff;}
.online .title h2{ padding: 0 155px;}
.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 .btn:focus{ outline: none;}
.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: 1259px){

    .xianzhuang h2{ font-size: 36px;}
    .xianzhuang ul{ width: 80%;}
    .xianzhuang li{ padding: 20px 15px;}
    .xianzhuang li:nth-child(2){ height: 201px;}
    .xianzhuang li h3{ font-size: 18px; letter-spacing: -0.6px}

    .shengji{ padding-top: 70px;}
    .sj-item1{ padding-bottom: 0;}
    .sj-li .txt{ padding-top: 0;}
    .sj-li2{ margin: 45px 0;}

    .pro li{ margin-bottom: 40px;}
    .pro .txt{ padding: 20px 20px 25px;}
    .pro .txt span{ width: 120px; font-size: 17px;}
    .pro .txt .zx{ margin-left: 15px;}

    .ad ul{ margin: 0 -15px;}
    .ad li{ padding: 0 15px;}

    .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;}

    .xianzhuang h2{ font-size: 32px;}
    .xianzhuang .bt h3{ font-size: 22px;}
    .xianzhuang ul{ width: 78%;}
    .xianzhuang li{ padding: 15px 10px;}
    .xianzhuang li:nth-child(2){ height: 241px;}
    .xianzhuang li h3{ margin-bottom: 10px; letter-spacing: 0;}

    .sj-item1{ padding-bottom: 50px; margin-top: 70px;}
    .sj-video{ margin-top: -70px; top: 0;}

    .title{ margin-bottom: 30px;}
    .title h2{ font-size: 34px; margin-bottom: 20px;}
    .title h2::before, .title h2::after{ height: 38px;}
    .title p span{ font-size: 22px;}

    .shengji .p{ font-size: 17px; line-height: 32px;}

    .shengji{ padding-top: 60px;}
    .sj-item2{ padding: 50px 0 60px;}
    .sj-bt{ padding: 8px 0 11px;}
    .sj-bt .shuzi{ font-size: 44px;}
    .sj-bt .shuzi .en{ font-size: 12px; margin-top: 0;}
    .sj-bt h3{ font-size: 28px;}
    .sj-bt p{ font-size: 20px; margin-top: 6px;}
    .sj-li .p{ font-size: 16px; line-height: 30px; margin-top: 15px;}
    .sj-li .pic{ padding-top: 50px;}
    .sj-li2{ margin: 35px 0;}
    .sj-li3 .pic{ padding-top: 0;}

    .pro{ padding: 45px 0 20px;}
    .pro ul{ margin: 0 -5px;}
    .pro li{ padding: 0 5px; margin-bottom: 30px;}
    .pro .txt{ padding: 15px 10px;}
    .pro .txt h3{ font-size: 20px; margin-bottom: 14px;}
    .pro .txt span{ width: 100px; height: 36px; line-height: 34px; font-size: 16px;}
    .pro .txt .zx{ margin-left: 10px;}

    .ad{ padding: 20px 0 15px;}
    .ad ul{ margin: 0 -5px;}
    .ad li{ padding: 0 5px;}
    .ad li img{ width: 40px;}
    .ad li p{ font-size: 14px;}
    .ad .txt{ padding-top: 5px; font-size: 16px;}
    .ad .txt strong{ font-size: 20px;}

    .online{ padding: 40px 0;}
    .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: 767px){
    .header .logo img{ width: 120px;}

    .xianzhuang{ padding: 30px 0 20px;}
    .xianzhuang h2{ font-size: 26px;}
    .xz-cont{ padding: 0; margin-top: 25px;}
    .xz-cont::before{ display: none;}
    .xianzhuang .bt h3{ margin: 0 0 20px;}
    .xianzhuang .bt p{ margin-bottom: 20px;}
    .xianzhuang .bt{ width: 100%;}
    .xianzhuang ul{ width: 100%; margin: 0;}
    .xianzhuang li{ width: 100%; margin: 0 0 15px;}
    .xianzhuang li:nth-child(2){ height: auto;}

    .title{ margin-bottom: 10px;}
    .title h2{ font-size: 26px; padding: 0 20px; margin-bottom: 8px;}
    .title h2::before, .title h2::after{ height: 30px; width: 120px; }
    .title p span{ font-size: 16px; padding: 0 5px;}

    .shengji{ padding-top: 35px;}
    .shengji .p{ margin-bottom: 20px;}
    .sj-item1{ padding-bottom: 40px;}
    .sj-video{ border-width: 10px;}
    .sj-item2{ padding: 30px 0 35px;}
    .sj-li .pull-left{ width: 100%;}
    .sj-li .pull-right{ width: 100%;}
    .sj-li .pic{ padding-top: 0;}
    .sj-bt .shuzi{ line-height: 1; padding: 8px 0; font-size: 30px;}
    .sj-bt h3{ font-size: 22px;}
    .sj-bt p{ font-size: 16px; margin-top: 8px; line-height: 1;}
    .sj-li .p{ font-size: 15px; line-height: 26px; margin-bottom: 15px;}

    .pro{ padding: 30px 0 20px;}
    .pro .title h2{ padding: 0 65px;}
    .pro ul{ margin: 0 -3px;}
    .pro li{ margin-bottom: 15px; padding: 0 3px;}
    .pro .txt{ padding: 10px;}
    .pro .txt h3{ margin-bottom: 0; font-size: 15px;}

    .ad ul{ width: 100%; padding-right: 0; border-right: 0;}
    .ad li{ width: 16.66%;}
    .ad .txt{ width: 100%; padding-top: 10px;}

    .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%;}
}
@media screen and (max-width: 500px){
    .pro li{ width: 50%;}

    .ad li{ width: 33.33%; margin-top: 5px;}
}