body{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    color: #0e050b;
    font: 14px/1 "Microsoft YaHei",Arial,"Helvetica Neue", Helvetica,sans-serif;
}
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: 25px 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;}


/* nav */
.nav{ padding: 6px 0; background: url(../images/nav-bg.jpg) repeat-x left center;}
.nav ul{ text-align: center;  }
.nav li{ display: inline-block; width: 161px; line-height: 44px; font-size: 18px; color: #ffc87a;}
.nav li a{ display: block; }
.nav li + li{ margin-left: 35px;}
.nav li:hover,.nav li.on{ background: url("../images/nav.png") no-repeat center;}

.fenge{ position: relative; z-index: 2; }
.fenge-yun{ margin-top: -160px;}

.title{ margin: 0 auto; width: 777px; height: 123px; font-size: 40px; color: #fff6b5; letter-spacing: 17px; padding: 31px 0 0 285px; background: url("../images/title.png") no-repeat center/contain;}

/*jiyu*/
.jiyu{ position: relative; margin-top: -80px; padding: 120px 0 50px; background: #9d0202 url("../images/jiyu-bg.png") no-repeat center -40px/contain;}
.jiyu .title{ position: absolute; left: 50%; margin-left: -388.5px; top: 0;}
.jiyu .ren{ position: relative; z-index: 2; margin-bottom: 50px;}
.jiyu span{ position: absolute;}
.jiyu .hua1{ width: 16.5%; right: 0; top: 52%; }
.jiyu .hua2{ width: 14.375%; left: 0; bottom: 14%; }
.jiyu-cont{ padding: 142px 142px 80px; position: relative; z-index: 2;}
.jiyu-cont p{ line-height: 30px; color: #fae6a7; margin-bottom: 10px;}
.jiyu-cont .bian1{ left: 0; top: 0;}
.jiyu-cont .bian2{ right: 0; top: 0;}
.jiyu-cont .bian3{ left: 0; bottom: 0;}
.jiyu-cont .bian4{ right: 0; bottom: 0;}
/*jiyu*/

/*huigu*/
.huigu{ position: relative; padding: 60px 0 30px; background: url("../images/huigu-bg2.jpg") repeat left top/4.3%;}
.huigu .title{ margin-bottom: 30px; }
.huigu .swiper-slide{ width: 43.75%; position: relative; border: 2px solid #9d0202;}
.huigu .swiper-slide p{ position: absolute; left: 0; bottom: 0; width: 100%; line-height: 22px; color: #fff; padding: 30px 20px 10px; background: url("../images/huigu17.png") no-repeat top center/cover;}
.huigu > span{ position: absolute; z-index: 3;}
.huigu .hua{ width: 17.1%; top: -30px; }
.huigu .wenlu1{ width: 12.5%; top: 30px; right: 0;}
.huigu .wenlu2{ width:13.4%; bottom: -120px; }
.huigu .yun{ width: 15.625%; bottom: 0; right: 0; }
.huigu-swiper{ padding-bottom: 20px;}
.huigu-swiper .huigu-pagination{ bottom: 0;}
.huigu .huigu-swiper .swiper-pagination-bullet{ margin: 0 2px; width: 6px; height: 6px;}
/*huigu*/

/*fazhan*/
.fazhan{ position: relative; padding: 20px 0 110px; background: url("../images/fazhan-bg.jpg") repeat left top/4%;}
.fazhan > span{ position: absolute; z-index: 3;}
.fazhan .yun1{ width: 18.5%; top: 20px;}
.fazhan .hua{ width: 28.8%; top: -100px; right: 0;}
.fazhan .song{ width: 16.9%; bottom: -25px; z-index: 0;}
.fazhan .yun2{ width: 11.5%; bottom: 0; right: 0;}
.fazhan .title{ position: static; margin: 0 auto;}
.fz-hd{ margin: 30px 0 35px; text-align: center;}
.fz-hd li{ display: inline-block; margin: 0 25px; cursor: pointer;}
.fz-hd li .pic2{ display: none;}
.fz-hd li.on .pic1{ display: none;}
.fz-hd li.on .pic2{ display: block;}
.fz-bd{ position: relative; padding: 48px 6px 45px 7px; background: url("../images/fazhan-cont.png") no-repeat center/contain;}
.fz-bd .swiper-container{ display: none; padding: 0 58px;}
.fz-bd .swiper-show{ display: block;}
.fz-bd .swiper-slide p{ text-align: center; padding-top: 15px; font-size: 16px;}
.fz-bd .swiper-button-next,.fz-bd .swiper-button-prev{ width: 58px; height: 481px; top: 0; margin-top: 0; background:#fbdbb0 url("../images/fazhan-left.png") no-repeat center;}
.fz-bd .swiper-button-next{ right: 0; background-image: url("../images/fazhan-right.png");}
.fz-bd .swiper-button-prev{ left: 0;}
/*fazhan*/

/*liuyan*/
.liuyan{ padding: 70px 0 50px; background: #fcd59f; }
.liuyan .intro{ margin: 25px 0 80px; position: relative; text-align: center; font-size: 18px; line-height: 36px; color: #9d0e03; }
.liuyan .intro span{ position: absolute; width: 11.9%; }
.liuyan .intro .huawen1{ top: 5px; left: 38px; }
.liuyan .intro .huawen2{ bottom: -45px; right: 38px; }
.liuyan-box{ padding: 23px 26px; background: #9d0e03;
    -webkit-box-shadow: 0 0 18px 0 rgba(201, 6, 40, 0.36);
    -moz-box-shadow: 0 0 18px 0 rgba(201, 6, 40, 0.36);
    box-shadow: 0 0 18px 0 rgba(201, 6, 40, 0.36);}
.liuyan-cont{ position: relative; padding: 50px 40px ; background: url("../images/liuyan-bg.jpg") repeat-y center;}
.liuyan-cont .jiao{ position: absolute; width: 7.8%;}
.liuyan-cont .jiao1{ left: 0; top: 0;}
.liuyan-cont .jiao2{ right: 0; top: 0;}
.liuyan-cont .jiao3{ left: 0; bottom: 0;}
.liuyan-cont .jiao4{ right: 0; bottom: 0;}

.ly-left{ width: 51%; }
.ly-left h3{ position: relative; margin-bottom: 10px; width: 211px; height: 43px; font-size: 20px; color: #fbf1d4; font-weight: 700; text-align: center; line-height: 43px; background: url("../images/liuyan-btn1.png") no-repeat center;}
.liuyan .item{ margin-top: 13px; position: relative; padding-left: 96px; line-height: 28px;}
.liuyan label{ position: absolute; left: 15px; top: 0; color: #bf0000; margin: 0;}
.liuyan label b{ position: relative; top: 2px; margin-right: 2px;}
.liuyan .txt{ padding: 0 4px; width: 100%; height: 28px; line-height: 26px; border: 1px solid #F7C87F; background: transparent; }
.liuyan .txt:focus{ outline: none;}
#saytext{ display: block; height: 70px; resize: none; overflow: hidden; }
.liuyan .item4{ padding-right: 40px;}
.liuyan .submit{ width: 113px; line-height: 34px; text-align: center; font-size: 16px; color: #fff; background: url("../images/liuyan-btn2.png") no-repeat center; border: 0;}

.saoyisao{ margin-top: 40px;}
.saoyisao h3{ margin-bottom: 30px;}
.sys-left{ width: 43%; margin: 0 -7px;}
.sys-left ul{ padding-left: 10px;}
.saoyisao li{ float: left; width: 50%; padding: 0 7px;}
.saoyisao li img{ box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.23); }
.saoyisao li p{ padding-top: 7px; font-size: 12px; line-height: 16px; text-align: center;}
.sys-right{ width: 50%; font-size: 16px; line-height: 30px; color: #313131;}

.ly-right{ position: relative; margin: 27px 35px 0 0; padding: 35px 20px 40px; width: 39%; background: #fbe7cf; border: 2px solid #dcbf7f;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius: 20px;}
.ly-right .juanzhou{ position: absolute; left: -10.7%; top: -27px; width: 121.4%;}
.ly-right h3{ font-size: 18px; color: #bf0000;}
.ly-right ul,.shuo-swiper{ height: 360px; margin-top: 15px; border: solid #f7c87f; border-width: 2px 0;}
.ly-right li,.ly-right .swiper-slide{ position: relative; padding: 15px 0 15px 43px;}
.ly-right i{ position: absolute; top: 15px; left: 0; width: 34px; height: 34px; background: url(../images/liuyan-touxiang.png) no-repeat 0 0; }
.ly-right .nan{ background-position: 0 -40px;}
.ly-right .name{ color: #666; margin-bottom: 5px;}
.ly-right .p{ color: #313131; line-height: 20px;}
/*liuyan*/





.footer{ padding: 30px 0; color:#fff; background: #000;}
.footer .f-logo{ margin-top: 3px;}
.footer .links{ width: 100%; text-align: center; margin-top: 5px; }
.share span{ line-height: 24px;}
.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 0 0 5px; background: #666; }
#goTop1:hover{ width: 40px; }
.go-top a:hover .go1 { display: block; }


@media screen and (max-width: 1249px){
    .nav li + li{ margin-left: 15px;}

    .fenge-yun{ margin-top: -130px;}

    .title{ width: 680px; height: 108px; font-size: 34px; padding: 30px 0 0 250px;}

    /*jiyu*/
    .jiyu{ padding-top: 100px; }
    .jiyu .title{ margin-left: -340px; }
    .jiyu .hua1{ top: 42%;}
    .jiyu .hua2{ bottom: 19%;}
    .jiyu-cont{ padding: 130px 132px 50px;}
    /*jiyu*/

    /*huigu*/
    .huigu .swiper-slide{ width: 53%;}
    /*huigu*/

    /*fazhan*/
    .fazhan{ padding-bottom: 60px;}
    .fz-hd{ margin: 25px 0 20px;}
    .fz-hd li{ margin: 0 3px;}
    .fz-bd .swiper-button-next,.fz-bd .swiper-button-prev{ height: 365px;}
    /*fazhan*/

    /*liuyan*/
    .liuyan .intro{ margin: 15px 0 70px; font-size: 16px; line-height: 32px;}
    .liuyan .intro .huawen1{ top: 5px; left: 0; }
    .liuyan .intro .huawen2{ bottom: -25px; right: 0;  }

    .ly-left{ width: 58%;}
    .sys-right{ width: 52%; font-size: 15px;}
    .ly-right{ width: 40%; margin-right: 0; margin-top: 15px;}
    .ly-right .juanzhou{ top: -15px;}
    .shuo-swiper{ margin-top: 10px;}
    .ly-right .swiper-slide{ padding-top: 10px; padding-bottom: 10px;}
    /*liuyan*/


}

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

    .nav{ padding: 12px 0;}
    .nav li{ width: 120px; line-height: 33px; font-size: 16px;}
    .nav li + li{ margin-left: 10px;}
    .nav li:hover, .nav li.on{ background-size: contain; }

    /*jiyu*/
    .fenge-yun{ margin-top: -106px;}

    .title{ width: 560px; height: 90px; font-size: 30px; padding: 23px 0 0 204px; letter-spacing: 12px;}

    .jiyu{ margin-top: -60px; padding-top: 70px; background-position: center -20px;}
    .jiyu .title{ margin-left: -280px; }
    .jiyu .ren{ margin-bottom: 40px;}
    .jiyu .hua1{ top: 40%;}
    .jiyu .hua2{ bottom: 23%; }
    .jiyu-cont{ padding: 100px 94px 30px;}
    .jiyu-cont span{ width: 100px;}
    /*jiyu*/

    /*huigu*/
    .huigu{ padding: 50px 0 0;}
    .huigu .title{ margin-bottom: 20px;}
    .huigu .swiper-slide{ width: 62%;}
    /*huigu*/

    /*fazhan*/
    .fazhan{ padding-bottom: 50px;}
    .fz-hd{ margin: 20px 0 15px;}
    .fz-hd li{ float: left; width: 24%; margin: 0 .5%;}
    .fz-bd{ padding: 35px 6px 30px 7px;}
    .fz-bd .swiper-container{ padding: 0 40px;}
    .fz-bd .swiper-slide p{ font-size: 14px;}
    .fz-bd .swiper-button-next,.fz-bd .swiper-button-prev{ width: 40px; height: 282px; background-size: 32px;}
    /*fazhan*/

    /*liuyan*/
    .liuyan .intro{ margin: 5px 0 60px; line-height: 30px; font-size: 15px; padding: 0 100px;}
    .liuyan .intro .huawen1{ top: 5px; }
    .liuyan .intro .huawen2{ bottom: -15px; }

    .liuyan-cont{ padding: 30px;}

    .ly-left{ width: 100%; margin-bottom: 30px;}
    .saoyisao{ margin-top: 30px;}
    .ly-right{ width: 100%;}
    .ly-right .juanzhou{ width: 118%; left: -9%; top: -20px;}
    .ly-right .juanzhou img{ width: 100%; height: 60px;}
    /*liuyan*/



    .query-tag{ display: none;}
}
@media screen and (max-width: 768px){
    .header .logo img{ width: 120px;}

    .fenge-yun{ margin-top: -82px;}

    .title{ width: 480px; height: 76px; padding: 20px 0 0; text-align: center; font-size: 25px; letter-spacing: 8px;}

    /*jiyu*/
    .jiyu{ margin-top: -52px;}
    .jiyu .title{ top: -20px; margin-left: -240px; }
    .jiyu-cont{ padding: 66px 54px 40px;}
    .jiyu-cont p{ line-height: 26px;}
    /*jiyu*/

    /*huigu*/
    .huigu{ padding: 30px 0 0;}
    .huigu .hua{ top: 0;}
    .huigu .wenlu2{ bottom: -30px;}
    .huigu .title{ position: relative; margin-bottom: 15px; z-index: 4;}
    .huigu .swiper-container{ z-index: 4;}
    .huigu .swiper-slide{ width: 60%;}
    /*huigu*/

    /*fazhan*/
    .fazhan .hua{ top: -40px;}
    .fazhan .song{ bottom: -10px;}
    .fz-hd{ margin: 15px 0;}
    .fz-hd li{ width: 25%; margin: 0;}
    .fz-bd{ padding: 20px; background-size: cover;}
    .fz-bd .swiper-container{ padding: 0;}
    .fz-bd .swiper-button-next,.fz-bd .swiper-button-prev{ width: 40px; height: 281px; background-size: 32px;}
    /*fazhan*/

    /*liuyan*/
    .liuyan .intro{ margin: 0 0 30px; line-height: 28px; font-size: 14px; padding: 0 20px;}
    .liuyan .intro p{ position: relative; z-index: 2;}
    .liuyan .intro .huawen1{ top: 5px; }
    .liuyan .intro .huawen2{ bottom: 0; }

    .liuyan-box{ padding: 10px;}
    .liuyan-cont{ padding: 25px 15px;}

    .ly-left{ margin-bottom: 10px;}
    .ly-left h3{ width: 180px; margin-bottom: 2px; height: 37px; line-height: 37px; font-size: 16px; background-size: contain;}
    .liuyan .item{ padding-left: 80px;}
    .liuyan label{ font-size: 12px;}
    .saoyisao{ margin-top: 20px;}
    .saoyisao h3{ margin-bottom: 15px;}
    .sys-left{ width: 100%; margin: 0;}
    .sys-left ul{ padding: 0;}
    .sys-right{ width: 100%; margin-top: 20px; font-size: 13px; line-height: 28px;}

    .ly-right h3{ font-size: 16px;}
    .ly-right .juanzhou{ top: -15px;}
    .ly-right .juanzhou img{ height: auto;}
    .ly-right{ border-radius: 0 0 10px 10px; padding: 20px 10px 20px;}
    .ly-right .swiper-slide{ padding-top: 7px; padding-bottom: 7px;}
    .ly-right .name{ font-size: 12px;}
    .ly-right .p{ font-size: 12px; line-height: 18px;}
    /*liuyan*/


    .bottom .pic{ width: 80%; margin: 0 auto; padding: 30px 0 25px;}
    

}

@media screen and (max-width: 630px){
    .fenge-yun{ margin-top: -70px;}

    .title{ width: 400px; height: 64px; font-size: 21px; letter-spacing: 5px; padding-top: 16px;}

    .jiyu{ margin-top: -40px; padding-top: 60px; }
    .jiyu .title{ top: -60px; margin-left: -200px; }
    .jiyu .ren{ margin-bottom: 80px;}
    .jiyu-cont{ padding: 40px;}
    .jiyu-cont span{ width: 85px;}

}
@media screen and (max-width: 585px){
    /*huigu*/
    .huigu .swiper-slide{ width: 100%;}
    .huigu .swiper-slide p{ font-size: 12px; line-height: 18px; padding:30px 10px 10px;}
    /*huigu*/

    .fz-bd{ padding: 10px; }
    .fz-bd .swiper-container{ padding-bottom: 20px;}
    .fz-bd .swiper-slide p{ line-height: 22px; padding-top: 8px;}
    .fz-bd .swiper-pagination{ bottom: 3px;}

}
@media screen and (max-width: 468px){
    .fenge-yun{ margin-top: -48px;}

    .title{ width: 320px; height: 51px; font-size: 18px; padding-top: 14px;}

    .jiyu{ margin-top: -28px; padding-top: 40px; }
    .jiyu .title{ top: -70px; margin-left: -160px; }
    .jiyu-cont{ padding: 25px 25px 15px;}
    .jiyu-cont span{ width: 60px;}

}

.go-top{ position: fixed; right: 0; bottom: 50px; z-index: 99;}
.go-top:hover{ cursor: pointer;}

.query-tag{ bottom: 100px!important;}
.query-tel{ bottom: 508px!important;}
.query-wx{ bottom: 250px!important; z-index: 99;}