body{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    color: #313131;
    font: 14px/24px "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; }


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

.bgfff{ background: #fff;}

.foreword{ padding: 50px 0;}
.foreword-cont{ position: relative; padding: 10px 35px 10px 37px;}
.foreword .bor{ position: absolute; top: 0; height: 100%; width:35px; border: 3px solid #313131;}
.foreword .bor-l{ left: 0; border-right: 0;}
.foreword .bor-r{ right: 0; border-left: 0;}
.foreword .bt{ width: 23%;}
.foreword .txt{ position: relative; padding-top: 10px; width: 73%; }
.foreword .txt i{ position: absolute; top: 0; left: 0; width: 20px; height: 6px; background: #c40000;}


.duibi{ padding: 10px 0 50px;}
.duibi .title + p{ margin: 40px 0 25px; }
.duibi tbody td{ border-top: 42px solid #fff; height: 112px; font-size: 16px; font-weight: 700; background: #f0f0f0;}
.duibi tbody tr td:first-child{ position: relative; color: #c40000; text-align: right; padding-right: 145px;}
.duibi tbody td + td{ padding-left: 145px;}
.duibi tbody img{ position: absolute; right: -78px; top: 50%; margin-top: -78px; }


.gongyi{ padding-top: 30px;}

.gy-liucheng{ margin-top: 50px; padding: 60px 0; background: #f0f0f0;}
.gy-lc-txt{ width: 47%;}
.gongyi h3,.youshi h3{ margin-bottom: 23px;}
.gongyi h3 span,.youshi h3 span{ display: inline-block;}
.gongyi h3 .en,.youshi h3 .en{ width: 100%; font-size: 35px; font-weight: 700; color: #999; text-transform: uppercase;}
.gongyi h3 .zh,.youshi h3 .zh{ font-size: 18px; font-weight: 700; padding-right: 28px; background: url("../images/icon-left.png") no-repeat right center;}
.gy-lc-txt b{ font-weight: 400; color: #c40000;}
.gy-lc-pic{ width: 45%;}

.gy-xitong{ padding: 70px 0;}
.gy-xt-l{width: 41.25%; }
.gy-xt-r{width: 49.4%; }
.gy-xt-txt h4{ font-size: 16px; font-weight: 700; color: #c40000;}
.gy-xt-txt ul{ margin: 5px 0;}
.gy-xt-txt li{ padding-left: 20px; background: url("../images/icon-xitong.png") no-repeat left center;}
.gy-xt-txt li b{ color: #c40000; font-weight: 400;}
.gy-xt-txt1,.gy-xt-txt4{ height: 145px; }
.gy-xt-txt2,.gy-xt-txt5{ height: 90px; }

.gy-zhuji{ padding: 70px 0; color: #fff; background: url("../images/zhuji-bg.jpg") no-repeat center/cover;}
.gy-zhuji h3 .en{ color: #fff;}
.gy-zhuji h3 .zh{ background-image: url("../images/icon-left2.png");}
.gy-zhuji ul{ margin: 0 -30px;}
.gy-zhuji li{ float: left; width: 25%; padding: 0 30px;}
.gy-zhuji h4{ font-size: 16px;}
.gy-zhuji h4 + p{ margin-bottom: 15px;}
.gy-zhuji .li1,.gy-zhuji .li3{ padding-top: 150px;}
.gy-zhuji .li1 img,.gy-zhuji .li3 img{ margin-top: 10px;}
.gy-zhuji .li2 img,.gy-zhuji .li3 img{ margin-bottom: 15px;}

.gy-canshu{ padding: 60px 0;}
.gy-canshu p{ font-weight: 700; font-size: 18px; margin: 30px 0 20px;}
.gy-canshu table{ width: 100%;}
.gy-canshu thead{ background: #969594;}
.gy-canshu tbody tr:nth-child(even){ background: #a9b4d9;}
.gy-canshu td{ text-align: center; font-weight: 700; line-height: 20px; height: 36px; color: #151514; border: 2px solid #393532; }


.kehu{ padding: 60px 0; background: url("../images/kehu.jpg") no-repeat center/cover;}
.kehu .txt{ width: 62%;}
.kehu h3{ margin: 45px 0 30px; font-size: 18px; font-weight: 700; color: #c40000;}
.kehu .txt p{ margin-bottom: 12px; line-height: 26px;}
.kehu .txt b{ font-weight: 400; color: #c40000;}
.kehu .txt i{ display: block; width: 54px; height: 9px; background: #c40000;}

.tedian{ background: url("../images/tedian.jpg") no-repeat center/cover; }
.tedian .container{ }
.tedian .txt{position: relative; padding: 40px 0 80px 130px; margin-left: 50%; width: 50%; color: #fff; }
.tedian img{ position: absolute; left: -42px; top: 50%; margin-top: -211px;}
.tedian h3{ margin: 35px 0 13px; font-size: 18px; font-weight: 700;}


.youshi{ padding: 60px 0;}
.ys-cont{ margin: 40px 0;}
.ys-cont-l{ width: 48%;}
.ys-cont-r{ width: 48.75%;}
.youshi h3{ margin: 30px 0 35px;}
.youshi dt,.youshi dd{ line-height: 24px;}
.youshi dt{ color: #c40000; margin-bottom: 10px;}
.youshi dd{ margin-bottom: 10px; padding-left: 15px; background: url("../images/icon-xitong.png") no-repeat left 6px; }
.ys-cont-l img{ margin-top: 45px;}
.ys-cont-r img{ margin-bottom: 45px;}

.ys-fuwu .pull-left,.ys-fuwu .pull-right{ width: 49.25%;}
.ys-fuwu img + dl{ margin-top: 20px;}


.lianxi{ padding: 50px 0 60px; background: #f0f0f0;}
.lianxi h2{ padding-left: 30px; margin-bottom: 20px; font-size: 18px; font-weight: 700; color: #c40000; background: url("../images/icon-lianxi.png") no-repeat left center; }
.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 .email{ background: #dfdfdf url("../images/icon-email.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; left: 19px; top: 15px; 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; background: #fff; border: 1px solid #cacaca;}
.weixin ul{ text-align: center;}
.weixin li{ display: inline-block; line-height: 18px;}
.weixin li + li{ margin-left: 50px;}
.weixin h3{ 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{ 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;}




@media screen and (max-width: 1199px){
    .foreword{ padding: 40px 0;}
    .foreword .bt{ margin-top: 20px;}

    .duibi{ padding: 0 0 30px;}
    .duibi tbody tr td:first-child{  padding-right: 124px;}
    .duibi tbody td + td{ padding-left: 124px;}
    .duibi tbody img{ width: 140px; margin-top: -70px; right: -70px;}

    .gongyi{ padding-top: 30px;}

    .gy-liucheng{ margin-top: 40px; padding: 40px 0;}

    .gy-xitong{ padding: 60px 0;}
    .gy-xt-txt1,.gy-xt-txt4{ height: 165px; }

    .gy-zhuji{ padding: 50px 0;}
    .gy-zhuji ul{ margin: 0 -15px;}
    .gy-zhuji li{ padding: 0 15px;}
    .gy-zhuji .li1,.gy-zhuji .li3{ padding-top: 110px;}

    .gy-canshu,.youshi{ padding: 50px 0;}

    .tedian .txt{ padding: 30px 0 50px 80px;}
    .tedian img{ width: 90px; height: auto; left: -37px; margin-top: -188px;}

    .ys-fuwu h3{ margin: 30px 0 15px;}

    .lianxi{ padding: 40px 0 50px;}
    .weixin{ padding: 27px 10px 20px;}
    .weixin h3{ 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;}

    .foreword{ padding: 30px 0;}
    .foreword-cont{ padding: 0;}
    .foreword .bor{ width: 0; border: 0;}
    .foreword .bt{ width: 100%; margin: 0 0 15px;}
    .foreword .bt img{ width: 200px;}
    .foreword .txt{ width: 100%;}

    .duibi tbody td{ font-size: 14px; height: 76px; border-top-width: 24px;}
    .duibi tbody tr td:first-child{  padding-right: 72px;}
    .duibi tbody td + td{ padding-left: 86px;}
    .duibi tbody img{ width: 100px; margin-top: -50px; right: -50px;}

    .gongyi{ padding-top: 20px;}

    .gy-liucheng{ margin-top: 30px; padding: 30px 0;}
    .gongyi h3,.youshi h3{ margin-bottom: 15px;}
    .gongyi h3 .en,.youshi h3 .en{ font-size: 30px;}
    .gy-lc-pic{ width: 50%; padding-top: 100px;}

    .gy-xitong{ padding: 50px 0;}

    .gy-zhuji,.youshi{ padding: 40px 0;}
    .gy-zhuji ul{ margin: 0 -5px;}
    .gy-zhuji li{ padding: 0 5px;}
    .gy-zhuji .li1,.gy-zhuji .li3{ padding-top: 60px;}

    .gy-canshu{ padding: 50px 0;}
    .gy-canshu td{ font-size: 12px; font-weight: 400; line-height: 20px; padding: 8px 3px;}

    .tedian .txt{ padding-left: 70px;}

    .ys-fuwu h3{ margin: 10px 0;}
    .ys-fuwu img + dl{ margin-top: 10px;}

    .lianxi{ padding: 30px 0 40px;}
    .weixin li{ width: 45%;}
    .weixin li + li{ margin-left: 5%;}
    .weixin h3{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;}

    .foreword .bt img{ width: 140px;}

    .title img{ width: 220px;}

    .duibi{ padding: 0 0 30px;}
    .duibi .title + p{ margin: 20px 0 20px;}
    .duibi thead img{ height: 35px; width: 100%;}
    .duibi tbody td{ font-size: 12px; height: 42px; border-top-width: 2px; padding: 0 5px; }
    .duibi tbody tr td:first-child{ text-align: left; padding-right: 22px;}
    .duibi tbody td + td{ padding-left: 22px;}
    .duibi tbody img{ width: 40px; margin-top: -20px; right: -20px;}
    .duibi .visible-xs{ line-height: 18px; padding: 8px 0;}

    .gongyi{ padding-top: 0;}

    .gy-lc-txt{ width: 100%;}
    .gongyi h3 .en,.youshi h3 .en{ font-size: 24px;}
    .gy-lc-pic{ width: 100%; padding-top: 15px;}

    .gy-xitong{ padding: 30px 0 20px;}
    .gy-xt-l,.gy-xt-r{width: 100%; }
    .gy-xt-txt{ margin-bottom: 15px;}
    .gy-xt-txt1,.gy-xt-txt4{ height: auto; }
    .gy-xt-txt2,.gy-xt-txt5{ height: auto; }

    .gy-zhuji{ padding: 30px 0;}
    .gy-zhuji ul{ margin: 0 -6px;}
    .gy-zhuji li{ width: 50%; padding: 0 6px; font-size: 13px; line-height: 20px; }
    .gy-zhuji h4 + p{ margin-bottom: 10px;}
    .gy-zhuji .li1,.gy-zhuji .li3{ padding-top: 0;}
    .gy-zhuji .li1,.gy-zhuji .li2{ height: 490px;}

    .gy-canshu{ padding: 30px 0;}
    .gy-canshu .table2{ min-width: 520px;}
    .gy-canshu p{ margin: 20px 0 10px;}

    .kehu,.youshi{ padding: 30px 0; }
    .kehu .txt{ width: 100%;}
    .kehu h3{ font-size: 16px; line-height: 24px; margin: 20px 0 10px;}
    .kehu .txt p{ line-height: 24px; margin-bottom: 8px;}

    .tedian{ background-image: url("../images/tedian2.jpg"); }
    .tedian .txt{ padding: 30px 0 30px 80px; margin: 0; width: 100%; }
    .tedian img{ width: 70px; left: 0; margin-top: -146px;}
    .tedian h3{ margin: 25px 0 10px;}

    .ys-cont{ margin: 20px 0 0;}
    .ys-cont-l,.ys-cont-r{ width: 100%;}
    .ys-cont h3{ margin: 10px 0 15px;}
    .ys-cont img{ margin: 15px 0;}

    .ys-fuwu .pull-left,.ys-fuwu .pull-right{ width: 100%;}

    .lianxi{ padding: 30px 0;}
    .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: 520px){
    .gy-zhuji .li1,.gy-zhuji .li2{ height: 460px;}

    .tedian .txt{ padding: 20px 0 20px 60px; }
    .tedian img{ width: 50px; margin-top: -104px;}
    .tedian h3{ margin: 20px 0 10px;}
}

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