body{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    color: #0e050b;
    font: 14px/1 "Microsoft YaHei",Arial,"Helvetica Neue", Helvetica,sans-serif;
    background: #e5e5e5;
}
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;  }
.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%;}

.title{ display: inline-block; position: relative; padding: 0 223px; color: #005bac; font-weight: 700; }
.title .txt{ display: inline-block; padding: 0 60px; }
.title h2{ padding-bottom: 15px; font-size: 33px; font-weight: 700;}
.title p{ font-size: 16px; text-transform: uppercase;}
.title img{ position: absolute; bottom: 8px;}
.title .line1{ left: 0;}
.title .line2{ right: 0;}


.guzhang{ padding: 60px 0 70px;}
.guzhang .title,.fangan .title{ margin-bottom: 50px;}


.fangan{ padding: 60px 0 70px; background: #eee;}
.fangan .cont{ color: #fff; background: #005bac;}
.fangan .pic{ width: 50%;}
.fangan .cont .txt{ width: 50%; padding: 23px 0 0 44px; line-height: 28px;}


.chanpin{ padding: 40px 0 15px;}
.cp-tab-hd{ margin: 50px 0; text-align: center;}
.cp-tab-hd li{ display: inline-block; width: 190px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; background: #005bac; cursor: pointer; }
.cp-tab-hd li + li{ margin-left: 60px;}
.cp-tab-hd .on,.cp-tab-hd li:hover{ background: #e60012;}
.cp-tab-item{ display: none;}
.cp-tab-item .swiper-container{ padding: 0 7%;}
.cp-tab-item .swiper-slide{background: #eee; }
.cp-tab-item .txt{ width: 50%; padding: 30px 35px 30px 45px; }
.cp-tab-item .pic{ width: 50%;}
.cp-tab-item .bt{ position: relative; font-size: 18px; line-height: 60px; font-weight: 700; color: #005bac; }
.cp-tab-item .bt img{ position: absolute; left: -12px; top: 0;}
.cp-tab-item p{ line-height: 28px;}
.cp-tab-item .canshu{ margin: 15px 0 25px; font-weight: 700; color: #005bac; }
.cp-tab-item .zx{ font-size: 12px;}
.cp-tab-item .zx a{ display: inline-block; width: 110px; height: 30px; font-size: 14px; text-align: center; line-height: 30px; color: #fff; background: #ccc; margin-right: 15px;}
.cp-tab-item .zx a:hover{ background: #e60012;}
.chanpin h3{ font-size: 20px; margin: 15px 0;}
.list{ margin: 0 -3px;}
.list li{ float: left; width: 50%; padding: 0 3px; margin-bottom: 6px;}
.list span{ display: block; text-align: center; padding-top: 5px;}
.list2 li{ width: 33.333%;}
.chanpin .more{ display: block; width: 190px; height: 40px; margin: 50px auto 10px; text-align: center; line-height: 40px; font-size: 16px; font-weight: 700; color: #fff; background: #e60012;}


.shili{ padding: 60px 0 70px; background: url("../images/shili-bg.jpg") no-repeat center top/cover}
.info{ font-size: 12px; color: #005bac; text-align: center; line-height: 20px; margin-top: 5px;}
.sl-item{ margin-top: 40px;}
.sl-item .bt{ line-height: 58px; color: #fff; font-weight: 700; text-align: center; }
.sl-item .bt i{ float: left; width: 44px; margin-right: 20px; font-style: normal; background: url("../images/shili1.png") no-repeat center;}
.sl-item .bt span{  float: left; width: 374px; font-size: 18px; background: #005bac; }
.sl-item .pull-left{ width: 47.5%;}
.sl-item .pull-right{ width: 47%;}
.sl-item .txt{ line-height: 28px;}
.sl-item1 .bt{ margin-bottom: 35px;}
.sl-item2 .txt{ padding-top: 40px;}
.sl-item3 .bt{ margin-bottom: 30px;}
.sl-jieshu{ margin-top: 80px; font-size: 18px; font-weight: 700; text-align: center; line-height: 1.3; color: #005bac;}


.fuwu{ padding: 70px 0 80px;}
.fuwu .pic{ margin-top: 60px;}




.online{ padding: 70px 0;}
.online .title{ margin-bottom: 50px;}
.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 .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: 1199px){


    .title{ padding: 0 200px; overflow: hidden; }
    .title .txt{ padding: 0 40px;}
    .title p{ font-size: 15px; }
    .title .line1{ left: -23px; }
    .title .line2{ right: -23px; }

    .fangan .cont .txt{ padding: 10px 0 0 15px; line-height: 25px; font-size: 13px;}

    .cp-tab-hd li{ width: 170px;}
    .cp-tab-hd li + li{ margin-left: 30px;}
    .cp-tab-item .txt{ padding: 8px 15px 15px 20px; }
    .cp-tab-item .canshu{ margin: 10px 0 15px;}
    .cp-tab-item p{ line-height: 24px;}
    .chanpin .more{ margin-top: 35px;}

    .shili{ padding: 50px 0;}
    .sl-item .txt{ line-height: 24px;}
    .sl-item1 .bt{ margin-bottom: 15px;}
    .sl-item2 .txt{ padding-top: 30px;}
    .sl-item3 .bt{ margin-bottom: 15px;}
    .sl-jieshu{ margin-top: 60px;}

    .fuwu{ padding: 60px 0 70px;}
    .fuwu .pic{ margin-top: 50px;}

    .online{ padding: 60px 0;}
    .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;}

    .title{ padding: 0 120px; }
    .title .txt{ padding: 0 30px;}
    .title h2{ font-size: 30px; }
    .title p{ font-size: 14px; }
    .title .line1{ left: -102px; }
    .title .line2{ right: -102px; }

    .guzhang,.fangan{ padding: 40px 0 50px;}
    .guzhang .title,.fangan .title{ margin-bottom: 40px;}

    .fangan .cont{ width: 100%; max-width: 600px; margin: 0 auto; }
    .fangan .pic{ width: 100%;}
    .fangan .cont .txt{ width: 100%; padding: 15px; line-height: 28px;}

    .cp-tab-hd{ margin: 30px 0;}
    .cp-tab-hd li{ width: 140px; height: 44px; line-height: 44px; font-size: 15px;}
    .cp-tab-hd li + li{ margin-left: 20px;}
    .cp-tab-item .txt{ width: 100%; }
    .cp-tab-item .pic,.cp-tab-item .pic img{ width: 100%; }
    .cp-tab-item .canshu{ margin: 10px 0 15px;}
    .cp-tab-item p{ line-height: 24px;}
    .chanpin .more{ margin-top: 25px;}

    .shili{ padding: 40px 0;}
    .sl-item{ margin-top: 25px;}
    .sl-item .pic{ width: 100%;}
    .sl-item .txt{ width: 100%; padding: 10px; line-height: 24px;}
    .sl-item1 .bt{ margin-bottom: 15px;}
    .sl-item2 .txt{ padding-top: 15px;}
    .sl-item3 .bt{ margin-bottom: 15px;}
    .sl-jieshu{ margin-top: 40px;}

    .fuwu{ padding: 50px 0 60px;}
    .fuwu .pic{ margin-top: 40px;}


    .online{ padding: 50px 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;}



    #swt{ display: none;}
}

@media screen and (max-width: 768px){
    .header .logo img{ width: 120px;}

    .title{ padding: 0; }
    .title .txt{ padding: 0;}
    .title h2{ font-size: 24px; padding-bottom: 5px; }
    .title p{ font-size: 13px; line-height: 16px;}
    .title img{ display: none;}

    .guzhang,.fangan{ padding: 30px 0;}
    .guzhang .title,.fangan .title{ margin-bottom: 20px;}

    .fangan .cont .txt{ line-height: 24px;}

    .chanpin .more{ margin-top: 10px;}

    .sl-item .bt{ background: #005bac; line-height: 1; padding: 10px;}
    .sl-item .bt i{ float: none; width: auto; height: auto; margin-right: 0; background: none;}
    .sl-item .bt span{  float: none; width: auto; font-size: 16px;}
    .sl-jieshu{ margin-top: 20px; font-size: 16px; line-height: 1.5;}

    .fuwu{ padding: 30px 0;}
    .fuwu .pic{ margin-top: 30px;}


    .online{ padding: 30px 0;}
    .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: 18px; padding-left: 30px; background-position: 8px center;}
    .biaodan .LV_validation_message{ bottom: 1px;}
    .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%;}


}
























