body{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    color: #000;
    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%;}

.background-intro{ background-color: #f0f0f0;}
.background-intro .container{ position: relative;}
.background-intro h2{ position: absolute; left: 15px; top: 0; height: 100%; width: 82px; background-color: #fff; text-align: center; font-size: 36px; line-height: 40px; color: #cc0000; font-weight: 700;}
.background-intro h2 span{ position: absolute; top: 50%; left: 0; margin-top: -80px; padding: 0 20px;}
.background-intro p{ padding: 30px 0 35px 120px; font-size: 20px; line-height: 42px;}
.background-intro b{ color: #cc0000; font-size: 24px;}
.background-pic{ padding: 40px 0 70px; background-color: #fff;}
.background-pic p{ max-width: 982px; margin: 0 auto 10px; line-height: 24px;}

.huodong{ padding: 70px 0; background: url(/zt/zhiliang/images/huodong-bg.jpg) no-repeat center/cover;}
.title{ position: relative; max-width: 950px; margin: 0 auto 45px; text-align: center;}
.title span{ position: absolute; left: 0; top: 50%; margin-top: -7px; width: 100%; height: 15px; border-top: 1px solid #d9b191; border-bottom: 7px solid #d9b191;}
.title h2{ position: relative; display: inline-block; padding: 0 30px; background: #ffe2c0; font-size: 42px; color: #cc0000; font-weight: 700;}
.huodong-video{ position: relative; width: 56.25%; padding-top: 33%; background: #ccc;}
.huodong-video iframe{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.huodong-txt{ position: relative; width: 43%; height: 396px; padding: 35px 60px 0 45px; background: #f0f0f0;}
.huodong-txt h3{ margin-bottom: 20px; font-size: 26px; font-weight: 700; color: #cc0000;}
.huodong-txt p{ line-height: 30px; color: #333;}
.huodong-txt .p{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; line-height: 84px; background: #dcdcdc;}
.huodong-txt .p b{ font-size: 24px; color: #cc0000; font-weight: 400;}

.zhengcheng{ padding: 60px 0 80px; background: #fff;}
.zc-item{ margin-bottom: 50px;}
.zhengcheng .bt{ position: relative; padding-left: 260px; margin-bottom: 50px;  }
.zhengcheng .bt .icon{ position: absolute; left: 0; top: 0; width: 255px; height: 60px; padding-left: 65px; line-height: 46px; font-size: 30px; color: #cc0000; font-weight: 700; background: url(/zt/zhiliang/images/zhengcheng-title.png) no-repeat center;}
.zhengcheng .bt .icon span{ position: absolute; top: 14px; width: 23px; height: 22px; background: url(/zt/zhiliang/images/zhengcheng-icon.png) no-repeat center;}
.zhengcheng .bt .xing1{ left: 30px;}
.zhengcheng .bt .xing2{ right: 70px;}
.zhengcheng .bt .p{ position: relative; display: inline-block; padding-top: 20px;}
.zhengcheng .bt .p span{ position: relative; z-index: 2;}
.zhengcheng .bt .p a{ display: inline-block; margin-left: 15px; color: #cc0000; }
.zhengcheng .bt .p a:hover{
     transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);}
.zhengcheng .bt .p i{ position: absolute; left: 0; bottom: -7px; width: 100%; border-bottom: 12px solid rgba(252,208,104,.4);}
.zhengcheng .more{ display: inline-block; padding: 0 25px; font-size: 30px; color: #cc0000; font-weight: 700; line-height: 60px; border-top: 1px solid; border-bottom: 1px solid;}

.map-box .icon{ position: absolute; left: 50%; top: 50%; }
.map-box .icon span{ position: absolute; width: 6px; height: 6px; border-radius: 50%; }
.map-box .dotted{ background: #faea07; }
.map-box span[class^='pluse']{ left: 50%; top: 50%; box-shadow: 0 0 6px #faea07; }
.map-henan .map-item1 .icon{ left: 25%;}
.map-henan .map-item2 .icon{ top: 22%;}



.map li{ position: absolute; width: 220px; height: 150px; }
.map li a{ display: block; overflow: hidden; position: relative; z-index: 2;}
.map li img{
    transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;}
.map li:hover img{
    transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
}
.map-henan .li1{ right: 313px; top: 34px; }
.map-henan .li2{ right: 11px; top: 113px; }

.map-hebei .li1{ right: 403px; top: 11px; }
.map-hebei .li2{ right: 146px; top: 11px; }
.map-hebei .li3{ right: 11px; top: 189px; }
.map-hebei .li4{ right: 561px; bottom: 77px; }
.map-hebei .li5{ right: 263px; bottom: 11px; }

.map-yanhai .li1{ right: 278px; top: 11px; }
.map-yanhai .li2{ right: 11px; top: 61px; }
.map-yanhai .li3{ right: 334px; bottom: 80px; }
.map-yanhai .li4{ right: 66px; top: 232px; }
.map-yanhai .li5{ right: 606px; bottom: 11px; }


.yiyi{ padding: 80px 0; background: url(/zt/zhiliang/images/yiyi-bg.jpg) no-repeat center/cover;}
.yiyi .title span{ border-color: rgba(193,148,116,.6);}
.yiyi .title h2{ background: #d2e4eb;}
.yiyi .p{ font-size: 20px; line-height: 42px;}
.yiyi-wenda{ margin-top: 60px;}
.yiyi-wen{ position: relative; padding-left: 93px; margin-bottom: 25px;}
.yiyi-wen span{ position: absolute; left: 0; top: 20px;}
.yiyi-wenda .txt{ position: relative; width: 570px; padding: 10px 25px; background-color: #015196; font-size: 14px; line-height: 24px; color: #fff; border-radius: 15px; }
.yiyi-wenda .txt i{ position: absolute; left: -28px; top: 50%; margin-top: -20px;}
.yiyi-wen .txt strong{ font-size: 16px; color: #ff6600; font-weight: normal; }
.yiyi-da{ position: relative; padding-right: 240px;}
.yiyi-da span{ position: absolute; right: 0; bottom: 0;}
.yiyi-da .txt{ width: 560px; padding: 20px 25px; background-color: #cc0000;}
.yiyi-da .txt i{ left: auto; right: -28px;}
.yiyi-wenda2 .yiyi-wen span{ top: -10px;}
.yiyi-wenda2 .yiyi-wen .txt{ padding: 25px;}
.yiyi-wenda2 .yiyi-wen{ margin-bottom: 40px;}
.yiyi-ad{ display: block;}
.yiyi-ad1{ margin: 40px 0 100px;}
.yiyi-ad2{ margin-top: 65px;}
.yiyi-wen:hover .txt,.yiyi-da:hover .txt{ 
    transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.about{ padding: 80px 0; background-color: #f0f0f0;}
.about .title h2{ background: #f0f0f0;}
.about .title span{ border-color: #d4b9a6;}
.about .p{ font-size: 20px; line-height: 42px;}
.about-youshi{ margin: 30px 0 40px; text-align: center; }
.about-icon{ display: inline-block; text-align: left;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;  }
.about-icon + .about-icon{ margin-left: 105px;}
.about-icon:hover{
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.about b{  color: #c40000;}
.about-youshi img{ margin-right: 15px; }
.about-youshi p{ display: inline-block; vertical-align: middle;}
.about-youshi b { display: inline-block; margin-right: 10px; font-size: 34px; font-weight: 700; margin-bottom: 5px; }
.about h4{ margin-bottom: 30px; font-size: 24px; text-align: center; color: #000;}
.about-fuwu{ margin: 30px 0 50px; font-size: 20px; line-height: 42px;}
.about-fuwu h3{ font-size: 24px; font-weight: 700; color: #cc0000; margin-bottom: 15px; }
.about-fuwu p{ margin-bottom: 25px;}

.contact{ padding: 80px 0; background: #fff;}
.contact .title h2{ background: #fff;}
.contact .title span{ border-color: #dabfac;}
.liuyanban{ position: relative; padding: 50px 40px 60px 35px; margin-top: 100px; background: url(/zt/zhiliang/images/contact-bg.jpg) repeat center; border-radius: 10px; box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.3);}
.liuyanban .bt{ position: absolute; left: 25px; top: -54px; padding: 7px 20px 2px 20px; width: 752px; color: #fff; line-height: 42px; font-size: 18px; background: url(/zt/zhiliang/images/contact1.png) no-repeat left top;}
.liuyanban .bt h3{ display: inline-block; font-size: 30px; position: relative; top: 3px;}
.liuyanban .txt{ width: 29%; padding-top: 25px;}
.liuyanban .txt p{ line-height: 28px; margin-bottom: 40px;}
.liuyanban .txt strong{ color: #c40000; font-weight: normal;}
.liuyanban .txt strong:last-child{ font-size: 20px; }
.biaodan{ width: 68.5%; padding: 30px 40px 15px; background: #fdfdfd; box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.3)}
.biaodan ul{ margin: 0 -5px;}
.biaodan li{ position: relative; float: left; width: 100%; padding: 0 5px; margin-bottom: 16px;}
.biaodan .name, .biaodan .mycall{ width: 50%;}
.biaodan input,.biaodan textarea{ width: 100%; height: 46px; padding-left: 60px; line-height: 46px; border: 1px solid #c8c8c8; resize: none;}
.biaodan textarea{ height: 120px;}
.biaodan label{ position: absolute; left: 5px; top: 0; width: 60px; text-align: center; line-height: 46px; font-weight: normal; color: #666;}
.biaodan label span{ color: #c40000; position: relative; top: 2px;display: inline-block; margin-right: 3px;}
.biaodan .submit{ display: block; padding: 0; width: 140px; margin: 0 auto; font-size: 20px; height: 42px; line-height: 42px; color: #fff; background: #c40000; border: 0; }

.LV_validation_message{ position: absolute; bottom: -15px; left: 5px; font-size: 14px; color: #c40000;}
.biaodan .LV_valid{ font-size: 0; }


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

.map{ position: relative;}
.map-box{ position: absolute; top: 0; left: 156px; width: 380px; height: 360px; /*background: rgba(230, 50, 101, 0.1);*/}
.map-box .map-item{ position: absolute; bottom: 0;}
.map-box .map-item p{ display: none;  position: absolute; width: 220px; text-align: left; font-size: 14px; line-height: 22px;  }

.map-henan .map-item1{ right: 9.7%; top: 3.6%; width: 18.9%; height: 16.6%; /*background: rgba(156, 248, 129, 0.6)*/ }
.map-henan .map-item2{ right: 28.68%; top: 0; width: 19.47%; height: 23.6%; /*background: rgba(248, 190, 149, 0.6);*/}
.map-henan .map-item3{ right: 26.579%; top: 11.11%; width: 25.79%; height: 18.889%; /*background:rgba(248, 129, 129, 0.6);*/}
.map-henan .map-item4{ right: 48.158%; top: 17.778%; width: 16.579%; height: 13.889%; /*background: rgba(129, 240, 248, 0.6);*/}
.map-henan .map-item5{ right: 1%; top: 30.2778%; width: 28.421%; height: 22.778%; /*background: rgba(220, 129, 248, 0.6);*/}
.map-henan .map-item6{ left: 12.368%; top: 26.3889%; width: 28.421%; height: 30%; /*background: rgba(224, 129, 248, 0.6);*/}
.map-henan .map-item7{ right: 37.63%; top: 39.44%; width: 19.4737%; height: 14.1667%; /*background: rgba(156, 248, 129, 0.6)*/;}
.map-henan .map-item8{ left: 10%; top: 51.3889%; width: 44.21%; height: 30.2778%; /*background: rgba(236, 248, 129, 0.6);*/}
.map-henan .map-item9{ right: 37.895%; top: 47.778%; width: 13.1579%; height: 11.667%; /*background: rgba(248, 206, 129, 0.6);*/}
.map-henan .map-item10{ right: 12.3%; bottom: 0.28%; width: 34.21%; height: 25.555%; /*background: rgba(248, 129, 159, 0.6);*/}
.map-henan .map-item1 p{ top: -66.7%; left: -83.3%;}
.map-henan .map-item2 p{ top: -5.88%; right: -2.7%;}
.map-henan .map-item3 p{ top: -67.65%; left: 107.143%;}
.map-henan .map-item4 p{ top: -70%; right: 55.555%;}
.map-henan .map-item5 p{ top: 0; left: 81.48%;}
.map-henan .map-item6 p{ top: 32.4%; right: 32.4%;}
.map-henan .map-item7 p{ top: -88.235%; right: -101.35%;}
.map-henan .map-item8 p{  top: 27.523%; right: 59.5238%;}
.map-henan .map-item9 p{ top: 95.238%; left: 48%;}
.map-henan .map-item10 p{ top: 32.6087%; right: 46.154%;}

.map-hebei .map-box{ left: 154px; top: 40px; width: 323px; height: 421px; /*background: rgba(230, 50, 101, 0.1);*/}
.map-hebei .map-item1{ right: 8.05%; top: 33.02%; width: 27.24%; height: 21.14%; /*background: rgba(156, 248, 129, 0.6)*/}
.map-hebei .map-item2{ right: 44.582%; top: 45.84%; width: 13.31%; height: 17.34%; /*background: rgba(248, 190, 149, 0.6);*/}
.map-hebei .map-item3{ right: 30.96%; top: 56.532%; width: 32.508%; height: 21.85%; /*background:rgba(248, 129, 129, 0.6);*/}
.map-hebei .map-item4{ left: 2.167%; bottom: 20.19%; width: 29.72%; height: 20.665%; /*background: rgba(129, 240, 248, 0.6);*/}
.map-hebei .map-item5{ left: 5.263%; bottom: 9.976%; width: 34.0557%; height: 16.152%; /*background: rgba(220, 129, 248, 0.6);*/}
.map-hebei .map-item1 p{ top: -14.60674%; left: 134.1%;}
.map-hebei .map-item2 p{ top: -30.137%; left: -153.49%;}
.map-hebei .map-item3 p{ top: -45.652%; right: 9.5238%;}
.map-hebei .map-item4 p{ top: -40.23%; right: 46.875%;}
.map-hebei .map-item5 p{ top: 29.41%; right: 36.3636%;}

.map-yanhai .map-box{ left: 112px; top: 15px; width: 520px; height: 470px; /*background: rgba(230, 50, 101, 0.1);*/}
.map-yanhai .map-item1{ right: 3.846%; top: 24.68%; width: 7.3%; height: 7.66%; /*background: rgba(156, 248, 129, 0.6)*/}
.map-yanhai .map-item2{ right: 4.23%; top: 7.87%; width: 17.6923%; height: 20.21%; /*background: rgba(248, 190, 149, 0.6);*/}
.map-yanhai .map-item3{ right: 43.27%; top: 27.4468%; width: 11.53846%; height: 11.7%; /*background:rgba(248, 129, 129, 0.6);*/}
.map-yanhai .map-item4{ right: 40.3846%; top: 42.98%; width: 5.77%; height: 5.1%; /*background: rgba(129, 240, 248, 0.6);*/}
.map-yanhai .map-item5{ left: 32.6923%; top: 39.36%; width: 12.1154%; height: 15.74468%; /*background: rgba(220, 129, 248, 0.6);*/}
.map-yanhai .map-item6{ left: 0.1923%; bottom: 0.212766%; width: 27.5%; height: 27.234%; /*background: rgba(224, 129, 248, 0.6);*/}
.map-yanhai .map-item1 p{ bottom: -111.11%; left: 0; }
.map-yanhai .map-item2 p{ top: -22.1%; right: -22.826%;}
.map-yanhai .map-item3 p{ top: -18.18%; right: 0;}
.map-yanhai .map-item4 p{ top: 0; left: 20%;}
.map-yanhai .map-item5 p{ bottom: -94.5946%; left: 0;}
.map-yanhai .map-item6 p{ top: -15.625%; right: 0;}

.map-box .map-item:hover{ cursor: pointer;}
.map-box .map-item:hover p{ display: block;}

.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){
    .title{ margin-bottom: 40px;}
    .title h2{ font-size: 38px;}

    .huodong{ padding: 60px 0;}
    .huodong-video{ padding-top: 36%;}
    .huodong-txt{ height: 339px; padding: 25px 40px 0 30px;}
    .huodong-txt h3{ margin-bottom: 12px; font-size: 24px;}
    .huodong-txt p{ line-height: 28px; font-size: 15px;}
    .huodong-txt .p{ line-height: 66px; }
    .huodong-txt .p b{ font-size: 22px; }

    .zhengcheng img{ width: 840px;}
    .zhengcheng .bt{ padding-left: 217px; font-size: 15px;}
    .zhengcheng .bt .icon{ width: 220px; height: 53px; font-size: 24px; line-height: 44px; padding-left: 52px; background-size: contain;}
    .zhengcheng .bt .icon span{ top: 11px;}
    .zhengcheng .bt .xing1{ left: 20px;}
    .zhengcheng .bt .xing2{ right: 65px;}

    .map-henan .map-box{ left: 100px; width: 305px; height: 290px;}
    .map-hebei .map-box{ left: 100px; top: 32px; width: 260px; height: 338px;}
    .map-yanhai .map-box{ left: 100px; top: 11px; width: 401px; height: 365px;}

    .map-henan li{ width: 177px; height: 120.69px;}
    .map-henan .li1{ right: 252px; top: 28px; }
    .map-henan .li2{ right: 9px; top: 91px; }

    .map-hebei li{ width: 176.673px; height: 120.459px;}
    .map-hebei .li1{ right: 323px; top: 8.5px; }
    .map-hebei .li2{ right: 117px; top: 8.5px; }
    .map-hebei .li3{ right: 8.5px; top: 151px; }
    .map-hebei .li4{ right: 450px; bottom: 62px; }
    .map-hebei .li5{ right: 211px; bottom: 9px; }

    .map-yanhai li{ width: 169.853px; height: 115.81px;}
    .map-yanhai .li1{ right: 215px; top: 8px; }
    .map-yanhai .li2{ right: 8px; top: 47px; }
    .map-yanhai .li3{ right: 258px; bottom: 61px; }
    .map-yanhai .li4{ right: 51px; top: 179px; }
    .map-yanhai .li5{ right: 468px; bottom: 8px; }

    .yiyi{ padding: 70px 0;}

    .about{ padding: 65px 0;}
    .about-icon + .about-icon{ margin-left: 35px;}

    .contact{ padding: 65px 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;}

    .background-intro h2{ width: 76px; font-size: 32px; }
    .background-intro p{ padding: 25px 0 30px 110px; font-size: 18px; line-height: 36px;}
    .background-intro b{ font-size: 22px;}
    .background-pic{ padding: 30px 0 50px;}

    .title{ margin-bottom: 30px;}
    .title h2{ font-size: 32px;}

    .huodong{ padding: 50px 0;}
    .huodong-video{ padding-top: 40%;}
    .huodong-txt{ height: 288px; padding: 15px 17px 0 12px;}
    .huodong-txt h3{ margin-bottom: 8px; font-size: 20px;}
    .huodong-txt p{ line-height: 26px; font-size: 14px;}
    .huodong-txt .p{ line-height: 56px; font-size: 14px; }
    .huodong-txt .p b{ font-size: 16px; }

    .yiyi{ padding: 55px 0;}
    .yiyi .p{ font-size: 18px; line-height: 36px;}
    .yiyi-wenda{ margin-top: 40px;}
    .yiyi-wen{ padding-left: 70px;}
    .yiyi-wen span{ width: 50px;}
    .yiyi-wenda .txt{ width: 70%;}
    .yiyi-wenda .txt i{ width: 20px;}
    .yiyi-wen .txt i{ left: -18px; margin-top: -32px;}
    .yiyi-da{ padding-right: 29%;}
    .yiyi-da span{ width: 27%;}
    .yiyi-da .txt{ width: 90%;}
    .yiyi-da .txt i{ right: -18px; margin-top: -10px;}
    .yiyi-wenda2 .yiyi-wen{ margin-bottom: 30px;}
    .yiyi-ad1{ margin: 30px 0 40px;}
    .yiyi-ad2{ margin-top: 45px;}

    .about{ padding: 50px 0;}
    .about-youshi{ margin: 25px 0 30px;}
    .about-icon{ font-size: 14px;}
    .about-icon + .about-icon{ margin-left: 12px;}
    .about-youshi img{ margin-right: 6px;}
    .about-youshi b{ font-size: 28px;}
    .about-fuwu{ margin-bottom: 35px;}
    .about-fuwu h3{ font-size: 22px; margin-bottom: 10px;}

    .contact{ padding: 50px 0;}
    .liuyanban{ margin-top: 90px; padding: 25px 30px 40px 20px;}
    .liuyanban .bt{ font-size: 16px; background-size: 660px 70px;}
    .liuyanban .bt h3{ font-size: 26px;}
    .liuyanban .txt{ width: 31%;}
    .biaodan{ width: 67%; padding: 25px 20px 10px;}
    .biaodan input, .biaodan textarea{ height: 42px; line-height: 42px;}
    .biaodan textarea{ height: 100px;}
    
}

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

    .background-intro h2{ width: 50px; font-size: 26px; }
    .background-intro h2 span{ padding: 0 10px;}
    .background-intro p{ padding: 20px 0 20px 60px; font-size: 15px; line-height: 28px;}
    .background-intro b{ font-size: 17px;}
    .background-pic{ padding: 20px 0 30px;}
    .background-pic{ font-size: 14px;}

    .title{ margin-bottom: 25px;}
    .title h2{ font-size: 26px; padding: 0 20px;}
    .title span{ height: 10px; margin-top: -5px; border-bottom-width: 4px;}

    .huodong{ padding: 35px 0;}
    .huodong-video{ width: 100%; padding-top: 65%; margin-bottom: 15px;}
    .huodong-txt{ width: 100%; height: auto; padding: 15px 15px 70px;}
    .huodong-txt .p{ line-height: 1.5; font-size: 14px; padding: 10px; }
    .huodong-txt .p b{ font-size: 16px; }

    .yiyi{ padding: 40px 0;}
    .yiyi .p{ font-size: 16px; line-height: 30px;}
    .yiyi-wenda{ margin-top: 25px;}
    .yiyi-wen span{ width: 44px; top: 20px;}
    .yiyi-wenda .txt{ width: 100%; padding: 10px; line-height: 22px; font-size: 13px;}
    .yiyi-wenda .txt strong{ font-size: 14px;}
    .yiyi-wen .txt i{ top: 45px; margin-top: 0;}
    .yiyi-da{ padding-right: 100px;}
    .yiyi-da span{ width: 80px; bottom: 10px; }
    .yiyi-da .txt{ width: 100%; }
    .yiyi-da .txt i{ margin-top: 0; top: auto; bottom: 20px;}
    .yiyi-wenda2 .yiyi-wen .txt{ padding: 12px;}
    .yiyi-wenda2 .yiyi-wen i{ top: 15px;}
    .yiyi-ad1{ margin: 25px 0 30px;}
    .yiyi-ad2{ margin-top: 30px;}

    .about{ padding: 35px 0;}
    .about .p{ margin-top: -10px; font-size: 16px; line-height: 30px;}
    .about-youshi{ margin: 20px 0 10px;}
    .about-icon{ float: left; width: 50%; margin-bottom: 20px;}
    .about-icon img{ height: 40px;}
    .about-icon + .about-icon{ margin-left: 0;}
    .about h4{ font-size: 22px; margin-bottom: 20px;}
    .about-fuwu{ font-size: 14px; line-height: 30px;}
    .about-fuwu h3{ font-size: 18px; margin-bottom: 10px;}

    .contact{ padding: 35px 0;}
    .contact .bt{ top: -50px; width: 160px; line-height: 36px; background-position: center top; background-size: 240px 50px; border-radius: 15px 20px 0 0; }
    .liuyanban { margin-top: 70px;}
    .liuyanban .bt h3{ font-size: 22px;}
    .liuyanban .txt{ width: 100%; padding-top: 0; margin-bottom: 20px;}
    .liuyanban .txt p{ margin-bottom: 20px;}
    .biaodan{ width: 100%; padding: 20px 12px 10px;}
    .biaodan .name,.biaodan .mycall{ width: 100%;}


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

}

@media screen and (max-width: 520px){
    .about-icon{ font-size: 12px; }
    .icon1, .icon3{ width: 55%;}
    .icon2, .icon4{ width: 45%;}
    .icon3,.icon4{ letter-spacing: -0.7px;}
    .about-icon img{ height: 32px; margin-right: 2px;}
    .about-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; }
}<!--ºÄʱ1778812758.5148Ãë-->