@charset "utf-8";

/*初始化*/

* {
    padding: 0;
    margin: 0;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
    font-size: calc(100vw/19.2);
}

html,
body {
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', 'Arial', 'sans-serif', \5b8b\4f53;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    background: #fff;
}

input,
button {
    -webkit-appearance: none;
    border-radius: 0;
}

a,
a:hover,
a:focus {
    text-decoration: none;
}

textarea {
    resize: none;
    overflow: auto;
}

input,
button {
    border: 0;
}

img {
    border: 0;
    vertical-align: top;
}

li {
    list-style: none;
}

ul,
ol,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}


/* placeholder修改 */

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #999 !important;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999 !important;
    opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999 !important;
    opacity: 1;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999 !important;
}

input,
textarea,
select {
    background: transparent;
}

input {
    color: #999;
}

select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    color: #999 !important;
}

select::-ms-expand {
    display: none;
}


/*字体图标*/

@font-face {
    font-family: "iconfont";
    src: url('iconfont.eot?t=1564728060010');
    /* IE9 */
    src: url('iconfont.eot?t=1564728060010#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('iconfont.woff?t=1564728060010') format('woff'), url('iconfont.ttf?t=1564728060010') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('iconfont.svg?t=1564728060010#iconfont') format('svg');
    /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.iconweixin:before {
    content: "\e679";
}

.iconai-arrow-down:before {
    content: "\e658";
}

.iconshouye:before {
    content: "\e654";
}

.iconjiantouzuo:before {
    content: "\e659";
}

.iconicon_arrow_bottom:before {
    content: "\e601";
}

.iconchanpinyufuwu:before {
    content: "\e7db";
}

.iconsousuo:before {
    content: "\e718";
}

.iconQQ:before {
    content: "\e68c";
}

.iconhuidaodingbu1:before {
    content: "\e682";
}

.iconjiantoushang:before {
    content: "\e62c";
}

.iconjiantouyou:before {
    content: "\e62d";
}

.iconwinfo-icon-dianhua:before {
    content: "\e63e";
}

.iconzixun:before {
    content: "\e625";
}

.iconweibo:before {
    content: "\e608";
}

.icondianhua:before {
    content: "\e6e3";
}

.iconerweima1:before {
    content: "\e600";
}


/* 动画 */

@-webkit-keyframes arrow {
    0% {
        opacity: 1;
        bottom: 40px;
    }
    100% {
        opacity: 0;
        bottom: 15px;
    }
}

@keyframes arrow {
    0% {
        opacity: 1;
        bottom: 40px;
    }
    100% {
        opacity: 0;
        bottom: 15px;
    }
}

@-webkit-keyframes moveTop {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes moveTop {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.moveTop {
    -webkit-animation-name: moveTop;
    animation-name: moveTop;
}

@-webkit-keyframes fadeInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(1%);
        transform: translateX(1%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(1%);
        transform: translateX(1%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight2 {
    -webkit-animation-name: fadeInRight2;
    animation-name: fadeInRight2;
}


/*公共样式*/

#c-footer .c-list li:last-child .c-clear {
    margin-top: 0.6rem;
}

.c-clear {
    zoom: 1;
}

.c-clear:after {
    content: '';
    display: block;
    clear: both;
}

.c-fl {
    float: left;
}

.c-fr {
    float: right;
}

.c-commonbtn {
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 0;
    font-size: 16px;
    line-height: 1em;
    color: #000;
    overflow-x: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.c-commonbtn:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #f20000;
}

.c-commonbtn:hover {
    color: #000;
}

.c-commonbtn:hover:before {
    animation: btnBefore .4s linear;
    -webkit-animation: btnBefore .4s linear;
}

@-webkit-keyframes btnBefore {
    0% {
        left: 0;
    }
    80% {
        left: 200%;
    }
    81% {
        left: -100%;
    }
    100% {
        left: 0;
    }
}

@keyframes btnBefore {
    0% {
        left: 0;
    }
    80% {
        left: 200%;
    }
    81% {
        left: -100%;
    }
    100% {
        left: 0;
    }
}

.c-commonbtn {
    color: #000;
}

.c-commonbtn span {
    display: inline-block;
}

.c-commonbtn.c-active span:nth-child(1) {
    animation: scheme .3s linear;
}

.c-commonbtn.c-active span:nth-child(2) {
    animation: scheme .3s linear .04s;
}

.c-commonbtn.c-active span:nth-child(3) {
    animation: scheme .3s linear .08s;
}

.c-commonbtn.c-active span:nth-child(4) {
    animation: scheme .3s linear .12s;
}

.c-commonbtn.c-active span:nth-child(5) {
    animation: scheme .3s linear .16s;
}

.c-commonbtn.c-active span:nth-child(6) {
    animation: scheme .3s linear .2s;
}

.c-commonbtn.c-active span:nth-child(7) {
    animation: scheme .3s linear .24s;
}

.c-commonbtn.c-active span:nth-child(8) {
    animation: scheme .3s linear .28s;
}

.c-commonbtn.c-active span:nth-child(9) {
    animation: scheme .3s linear .32s;
}

.c-commonbtn.c-active span:nth-child(10) {
    animation: scheme .3s linear .34s;
}

@-webkit-keyframes scheme {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes scheme {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes moveBottom {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes moveBottom {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes moveTop2 {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes moveTop2 {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

#c-header.on {
    animation: moveBottom .6s;
}

#c-topBanner.on {
    margin-top: 0;
    height: 100vh;
}


/*顶部*/

#c-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    line-height: 80px;
    font-size: 16px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#c-header .c-header {
    position: relative;
    padding: 0 1rem;
    margin: 0 auto;
    text-align: center;
}

#c-header.c-style {
    padding: 0;
    color: #333;
    background: #fff;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, .06);
    /* font-size: 14px; */
}


/* #c-header.c-navFade {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
} */


/*顶部logo*/

#c-header .c-logo {
    position: relative;
    z-index: 910;
}

#c-header .c-logo a {
    display: block;
    float: left;
    text-align: left;
}

#c-header .c-logo a img {
    height: 35px;
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#c-header .c-logo a img:first-child,
#c-header.c-style .c-logo a img:last-child {
    display: none;
}

#c-header .c-logo p {
    float: left;
    margin-left: 20px;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#c-header.c-style .c-logo p {
    color: #333;
}

#c-header.c-style .c-logo a img:first-child {
    display: inline-block;
}


/*顶部pc导航*/

#c-header .c-nav {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    text-align: center;
}

#c-header .c-nav>li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding: 0 .3rem;
    line-height: 80px;
}

#c-header .c-nav .jiantou{
    background: url(/Public/web/images/xia2.png) no-repeat center center;
}
#c-header .c-nav2 .jiantou{
    background: url(/Public/web/images/xia2.png) no-repeat center center;
}


#c-header .c-nav li a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


#c-header .c-nav>li a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 2px solid #356db7;
    opacity: 0;
}


#c-header .c-nav>li.on>a::before {
    opacity: 1;
}

/*
#c-header .c-nav li>.on{
    border-bottom: 2px solid #e50000;
}
*/

#c-header.c-style .c-nav li a {
    color: #3c3c3c;
}
#c-header .c-style .c-nav .jiantou{
    background: url(/Public/web/images/xia1.png) no-repeat center center;
}

#c-header .c-commonbtn {
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#c-header.c-style .c-commonbtn {
    color: #333;
}

#c-header .c-commonbtn::before {
    border-color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#c-header.c-style .c-commonbtn::before {
    border-color: #e50000;
}

#c-header .c-nav ul {
    position: absolute;
    top: 99%;
    left: 50%;
    display: none;
    width: 170px;
    line-height: 50px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#c-header .c-nav .test{
    /*width: 460px;*/
	/*width: 230px;*/
	width: 690px;
}
#c-header .c-nav .test span{
    width: 230px;
	line-height: 50px;
}
#c-header .c-nav .test li{
    width: 230px;
	line-height: 50px;
}

#c-header .c-nav ul li {
    border-bottom: 1px solid rgba(0, 0, 0, .03);
}

#c-header .c-nav ul li:last-child {
    border: 0;
}

#c-header .c-nav ul a {
    display: block;
    color: #666;
}

#c-header .c-nav ul a:hover {
    color: #fff;
    background: #356db7;
}


/*顶部移动端导航*/

#c-header .c-nav2 {
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 900;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: #222;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

body.c-open {
    overflow: hidden;
}

body.c-open #c-header .c-nav2 {
    left: 0;
}

#c-header .c-nav2 a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#c-header .c-nav2 li.c-active>a {
    color: #e50000;
}

#c-header .c-nav2 li ul {
    display: none;
    background: #fff;
}

#c-header .c-nav2 li ul a {
    padding-left: 15px;
    color: #333;
}

#c-header .c-nav2 li li li a {
    padding-left: 30px;
}


/*顶部导航开关*/

#c-header .c-switch {
    position: absolute;
    top: 50%;
    z-index: 910;
    display: none;
    cursor: pointer;
}

#c-header .c-switch i {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#c-header.c-style .c-switch i {
    background: #333;
}

#c-header .c-switch i:nth-child(1) {
    top: 0;
}

#c-header .c-switch i:nth-child(3) {
    bottom: 0;
}

body.c-open #c-header .c-switch i:nth-child(2) {
    opacity: 0;
}

body.c-open #c-header .c-switch i:nth-child(1) {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

body.c-open #c-header .c-switch i:nth-child(3) {
    -webkit-transform: translateY(50%) rotate(-45deg);
    transform: translateY(50%) rotate(-45deg);
}

#c-header .c-btnBox {
    display: flex;
    align-items: center;
}

#c-header .c-top-phone {
    padding: 0 60px 0 34px;
    background: url(../images/top-phone2.png) no-repeat left center / 26px;
    font-size: 20px;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#c-header.c-style .c-top-phone {
    color: #333;
    background-image: url(../images/top-phone.png);
}


/* banner */

#c-home {
    display: none;
}

#c-banner {
    position: relative;
    height: 100vh;
    color: #fff;
    background: #f7f7f7;
    overflow: hidden;
    text-align: center;
}

#c-banner video {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#c-banner>img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}

#c-banner .c-pc {
    z-index: 2;
    display: block;
}

#c-banner .c-mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}

#c-banner .c-text-box {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 5;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#c-banner .c-text-box .c-text {
    font-size: 36px;
    line-height: 40px;
}

#c-banner .c-text-box .c-title {
    padding: .15rem 0 .65rem;
    font-weight: bold;
    font-size: .6rem;
    line-height: .7rem;
}

#c-banner .c-text-box .c-btn {
    display: inline-block;
    width: 214px;
    border-radius: 30px;
    font-size: 18px;
    line-height: 60px;
    color: #fff;
    background: #356db7;
}

#c-banner .c-btn2 {
    position: absolute;
    bottom: 40px;
    left: 50%;
    z-index: 6;
    color: #fff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

#c-banner .c-btn2 .c-jt {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 50%;
}

#c-banner .c-btn2 .c-jt img {
    width: 14px;
    animation: jump 1.5s linear infinite;
    -webkit-animation: jump 1.5s linear infinite;
}

#c-banner .c-btn2 p {
    font-size: 14px;
    line-height: 24px;
}

@-webkit-keyframes jump {
    0% {
        transform: translateY(0)
    }
    25% {
        transform: translateY(-20%)
    }
    50% {
        transform: translateY(0)
    }
    75% {
        transform: translateY(20%)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes jump {
    0% {
        transform: translateY(0)
    }
    25% {
        transform: translateY(-20%)
    }
    50% {
        transform: translateY(0)
    }
    75% {
        transform: translateY(20%)
    }
    to {
        transform: translateY(0)
    }
}




/* 关于我们 */

#c-about {
    padding: 0.8rem 2.6rem;
    text-align: center;
    background-color: #fff;
}

#c-about .c-text {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 28px;
}

#c-about .c-title {
    font-weight: bold;
    margin: 0 auto;
    max-width: 11.8rem;
    font-size: .36rem;
    color: #222;
}

#c-about .c-playBox {
    padding: 1rem 0 1.6rem 0;
    line-height: 70px;
    text-align: center;
}

#c-about .c-playBox .c-play {
    display: inline-block;
    cursor: pointer;
}

@-webkit-keyframes movePlay {
    0% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    50% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
}

@keyframes movePlay {
    0% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    50% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
}

@-webkit-keyframes movePlay2 {
    0% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px);
    }
    50% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    100% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px);
    }
}

@keyframes movePlay2 {
    0% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px);
    }
    50% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    100% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px);
    }
}

#c-about .c-playBox .c-play .c-wrap {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    text-align: center;
    line-height: 64px;
    overflow: hidden;
    background: #e50000;
    animation: movePlay2 1.5s linear infinite;
    -webkit-animation: movePlay2 1.5s linear infinite;
}

#c-about .c-playBox .c-play:hover .c-wrap,
#c-about .c-playBox .c-play:hover .c-wrap img {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

#c-about .c-playBox .c-play:hover .c-wrap {
    border-color: transparent;
}

#c-about .c-playBox .c-play .c-wrap img {
    width: 100%;
    height: 100%;
    animation: movePlay 1.5s linear infinite;
    -webkit-animation: movePlay 1.5s linear infinite;
}

#c-about .c-playBox span {
    display: inline-block;
    position: relative;
    margin-left: 20px;
    font-size: 18px;
    color: #222;
    overflow: hidden;
    vertical-align: middle;
}

#c-about .c-playBox span i {
    position: absolute;
    top: 50%;
    left: -100%;
    margin-top: 15px;
    width: 100%;
    border-bottom: 1px solid #222;
}

#c-about .c-list,
#c-about2 .c-list {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -10px;
}

#c-about .c-list li,
#c-about2 .c-list li {
    width: 16.6666%;
    padding: 0 10px;
    margin-bottom: 20px;
}

#c-about .c-list .c-wrap,
#c-about2 .c-list .c-wrap {
    background: #f8f9fa;
}

#c-about .c-list img,
#c-about2 .c-list img {
    width: 100%;
    height: 1.rem;
    object-fit: cover;
    vertical-align: top;
}

.c-videoBox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
}

.c-videoBox .c-btn {
    position: fixed;
    top: 86%;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    color: #fff;
    background: #fff;
    border-radius: 50%;
    transition: .5s;
}

.c-videoBox .c-btn:after,
.c-videoBox .c-btn:before {
    content: "";
    position: absolute;
    bottom: 24px;
    left: 10px;
    width: 30px;
    height: 2px;
    background: #333;
    transition: .5s;
}

.c-videoBox .c-btn:hover {
    background: #e50000;
}

.c-videoBox .c-btn:hover:after,
.c-videoBox .c-btn:hover:before {
    background: #fff;
}

.c-videoBox .c-btn:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.c-videoBox .c-btn:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.c-videoBox video {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/* 关于我们详情 */

#c-about2 {
    padding: 3rem 3rem 1.8rem;
    text-align: center;
    background: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 60vh;
}

#c-about2 .c-titleBox .c-title {
    margin-bottom: .4rem;
    font-weight: bold;
    font-size: .36rem;
    color: #222;
}

#c-about2 .c-titleBox .c-title span {
    color: #f20000;
    text-decoration: none !important;
}

#c-about2 .c-titleBox .c-text {
    line-height: 2em;
    color: #666;
}

#c-about2 .c-dataList {
    padding: .9rem 0;
}

#c-about2 .c-dataList li {
    display: inline-block;
    padding: 0 1.1rem;
}

#c-about2 .c-dataList .c-topBox span {
    font-size: .72rem;
    line-height: 1em;
    color: #f20000;
}

#c-about2 .c-dataList .c-topBox i {
    font-style: normal;
    font-size: 24px;
    line-height: 1em;
    color: #f20000;
}

#c-about2 .c-dataList .c-title {
    padding-top: .3rem;
    line-height: 1em;
    color: #666;
}


/* 案例 */

#c-case {
    padding: 1.6rem;
}

#c-case.c-dt {
    padding: 80px 0 0;
}

#c-case .c-common-title .c-title {
    margin-bottom: 1.5rem;
}

#c-case .c-list li {
    float: left;
    margin-bottom: 1.8rem;
    width: 46%;
}

#c-case .c-list li:nth-child(even) {
    float: right;
}

#c-case .c-list .c-wrap {
    display: block;
}

#c-case .c-list li:first-child .c-imgBox,
#c-case .c-list li:last-child .c-imgBox {
    height: 6.1rem;
}

#c-case .c-list .c-imgBox {
    height: 8.3rem;
    overflow: hidden;
}

#c-case .c-list .c-imgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1s;
}

#c-case .c-list .c-wrap:hover .c-imgBox img {
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
}

#c-case .c-list .c-textBox .c-subtitle {
    margin: 35px 0 10px;
    font-size: 18px;
    line-height: 28px;
    color: #666;
}

#c-case .c-list .c-textBox .c-title {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: .36rem;
    line-height: .56rem;
    color: #333;
}

#c-case .c-list .c-textBox .c-more {
    display: inline;
    text-decoration: underline;
    font-size: 18px;
    line-height: 28px;
    color: #333;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

#c-case .c-list .c-wrap:hover .c-textBox .c-more {
    color: #e50000;
}

#c-case .c-btn-box {
    text-align: center;
}

#c-case .c-btn-box .c-btn {
    display: inline-block;
    padding-bottom: 15px;
    border-bottom: 1px solid #9a9a9a;
    font-weight: bold;
    font-size: .36rem;
    line-height: 1.2;
    color: #333;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-case .c-btn-box .c-btn:hover {
    color: #e50000;
    border-color: #e50000;
}


/* 公共样式 */

.c-commonBox {
    padding: 1.9rem 0;
    text-align: center;
    background-color: #fff;
}

.c-commonBox .c-text {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 28px;
    color: #a6a6a6;
}

.c-commonBox .c-title {
    margin-bottom: 30px;
    font-size: .6rem;
    color: #222;
}

.c-commonBox .c-title2 {
    margin-bottom: 30px;
    font-size: .48rem;
    line-height: 1.5em;
    color: #222;
}

.c-commonBox .c-title2 span {
    color: #e10000;
}

.c-commonBox .c-btn {
    display: inline-block;
    position: relative;
    z-index: 2;
    padding-left: 25px;
    font-size: 18px;
    line-height: 50px;
    color: #6a6a6a;
}
.c-commonBox .c-btn.new{
    padding: 0 25px;
    background: #e10000;
    color: #fff;
    border-radius: 25px;
}
.c-commonBox .c-btn i {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #f1f1f1;
    vertical-align: middle;
    margin-right: -25px;
}

.c-commonBox .c-btn span {
    position: relative;
    display: inline-block;
    margin-left: 20px;
    width: 50px;
    height: 50px;
    vertical-align: middle;
}

.c-commonBox .c-btn span::before,
.c-commonBox .c-btn span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    margin: -1px 0 0 -5px;
    background: #6a6a6a;
}

.c-commonBox .c-btn span::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.c-commonBox2 {
    position: relative;
    z-index: 1;
    padding: 1.6rem;
    overflow: hidden;
}

.c-commonBox2 video {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.c-commonBox2 .c-glass {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6) url(../images/mbl.png) no-repeat center center;
    background-size: cover;
}

.c-commonBox2 .c-textBox {
    padding-left: 1rem;
    position: relative;
    z-index: 10;
    color: #fff;
    background: url(../images/dh.png) no-repeat top .06rem left;
    background-size: .54rem auto;
}

.c-commonBox2 .c-textBox .c-title {
    margin-bottom: .5rem;
    font-size: .3rem;
    color: #fff;
}

.c-commonBox2 .c-textBox .c-photo {
    line-height: 80px;
}

.c-commonBox2 .c-textBox .c-photo .c-img {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    vertical-align: middle;
    overflow: hidden;
}

.c-commonBox2 .c-textBox .c-photo .c-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.c-commonBox2 .c-textBox .c-photo span {
    margin-left: 20px;
    font-size: 14px;
}

.c-commonBox2.c-dt .c-textBox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.c-commonBox2.c-dt .c-textBox>div {
    width: 48%;
}


/* 按钮 */

.c-btn-move {
    display: inline-block;
    position: relative;
    z-index: 2;
    padding-left: 25px;
    font-size: 18px;
    line-height: 50px;
    color: #6a6a6a;
}

.c-btn-move:hover {
    color: #6a6a6a;
}

.c-btn-move i {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #f1f1f1;
    vertical-align: middle;
    margin-right: -25px;
}

.c-btn-move span {
    position: relative;
    display: inline-block;
    margin-left: 20px;
    width: 50px;
    height: 50px;
    vertical-align: middle;
}

.c-btn-move span::before,
.c-btn-move span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    margin: -1px 0 0 -5px;
    background: #6a6a6a;
}

.c-btn-move span::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.c-btn-move.c-dt i {
    background: #f20000;
}

.c-btn-move.c-dt span::before,
.c-btn-move.c-dt span::after {
    background: #fff;
}

.c-btn-move.c-dt,
.c-btn-move.c-dt:hover {
    color: #fff;
}


/* 如果简单，我找增长超人干嘛 */

#c-slogan {
    position: relative;
    overflow: hidden;
    background: #f9f9f9;
}

#c-slogan .c-bg {
    width: 55.6%;
}

#c-slogan .c-titleBox {
    position: absolute;
    top: 50%;
    left: 60%;
    -webkit-transform: translate(100px, -50%);
    transform: translate(100px, -50%);
    transition: .1s;
}

#c-slogan .c-titleBox .c-title1 {
    font-size: .55rem;
    color: #222;
}

#c-slogan .c-titleBox .c-title2 {
    font-size: 2.2rem;
    line-height: 1em;
    color: #e50000;
}


/* 新闻 */

#c-news {
    padding: 1.5rem 1.6rem 1.9rem 1.5rem;
    background-color: #fff
}

#c-news .c-titleBox .c-title {
    margin-bottom: .8rem;
    font-size: .36rem;
    color: #222;
    text-align: center;
}

#c-news .c-list {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

#c-news .c-list li {
    margin-bottom: 20px;
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
}

#c-news .c-list a {
    position: relative;
    display: block;
    height: 3.3rem;
}

#c-news .c-list .c-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-news .c-list .c-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f6f6f6 url(../images/news-bg.png) no-repeat center center;
    background-size: cover;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-news .c-list .c-wrap {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 0;
    box-sizing: border-box;
    padding: .4rem;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#c-news .c-list .c-textBox {
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-news .c-list .c-textBox .c-classification {
    margin-bottom: 10px;
    font-size: 15px;
    color: #999;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-news .c-list .c-textBox .c-title {
    font-size: .25rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-news .c-list .c-arrow {
    position: relative;
    width: 45px;
}

#c-news .c-list .c-arrow img {
    width: 100%;
    opacity: 1;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-news .c-list .c-arrow img:last-child {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#c-news .c-list a:hover .c-textBox {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

#c-news .c-list a:hover .c-box {
    background: rgba(0, 0, 0, .4) url(../images/news-bg.png) no-repeat center center;
}

#c-news .c-list a:hover .c-textBox .c-classification,
#c-news .c-list a:hover .c-textBox .c-title {
    color: #fff;
}

#c-news .c-list a:hover .c-arrow img:first-child {
    opacity: 0;
}

#c-news .c-list a:hover .c-arrow img:last-child {
    opacity: 1;
}

#c-news .c-list a:hover .c-bg {
    opacity: 1;
}


/* 价值观 */

#c-values {
    overflow: hidden;
    padding: 1.3rem 1.6rem .6rem;
    background-color: #fff;
}

#c-values .c-topBox .c-title {
    margin-bottom: .3rem;
    font-weight: bold;
    font-size: .36rem;
    line-height: 1.7em;
    color: #222;
}

#c-values .c-topBox .c-title span {
    color: #e80909;
    text-decoration: none !important;
}

#c-values .c-topBox .c-text {
    margin-bottom: 90px;
    max-width: 1100px;
    color: #666;
    line-height: 2em;
}

#c-values .c-list {
    margin: 0 -25px;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

#c-values .c-list li {
    box-sizing: border-box;
    margin-bottom: 70px;
    width: 25%;
    padding: 0 25px;
}

#c-values .c-list .c-num {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    font-size: 24px;
    color: #e73535;
    background: #f5f5f5;
}

#c-values .c-list .c-title {
    padding: 35px 0 15px;
    font-weight: bold;
    font-size: 18px;
    color: #333;
}

#c-values .c-list .c-text {
    font-size: 14px;
    color: #666;
    line-height: 2em;
}


/*底部*/

#c-footer {
    padding: 1.2rem 1.6rem 0;
    background: #262626;
	background: url(/Public/web/images/foot_form.jpg) no-repeat;
	background-size: cover;
    color: #fff;
}

#c-footer .c-titleBox {
    font-size: .40rem;
    border-bottom: 1px solid #3c3c3c;
		display: none;
}

#c-footer .c-titleBox .c-wrap {
    display: inline-block;
    position: relative;
}

#c-footer .c-titleBox .c-wrap .c-line {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    border-top: 1px solid #fff;
}

#c-footer .c-titleBox .c-title {
    position: relative;
    display: inline-block;
    margin-bottom: 0.9rem;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#c-footer .c-titleBox .c-title.c-move {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

#c-footer .c-titleBox .c-title span {
    display: inline-block;
}

@-webkit-keyframes fadeInUp2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp2 {
    -webkit-animation-name: fadeInUp2;
    animation-name: fadeInUp2;
}

#c-footer .c-list {
    padding: 0.8rem 0;
}

#c-footer .c-list li {
    float: left;
    width: 16.3%;
    font-size: 18px;
    box-sizing: border-box;
    padding-right: 2%;
}

#c-footer .c-list li:last-child {
    padding-right: 0;
    padding-left: 8.8%;
    width: 34.8%;
}

#c-footer .c-list .c-title {
    margin-bottom: .3rem;
}

.sinye_move {
    margin: 0.2rem;
}

#c-footer .c-list .c-title span {
    margin-left: .3rem;
    display: inline-block;
    width: 20px;
    border-top: 2px solid #fff;
    vertical-align: middle;
}

#c-footer .c-list p {
    line-height: 2em;
}

#c-footer .c-list p a {
    color: rgba(255, 255, 255, 0.4);
    font-size: 16px;
}

#c-footer .c-list p {
    font-size: 16px;
}

#c-footer .c-list p .r_a {
    color: #fff;
}

#c-footer .c-list .a_link {
    position: relative;
    float: left;
    margin-right: 20px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #333;
}

#c-footer .c-list a img {
    width: 100%;
}

#c-footer .c-list a .c-imgBox {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100px;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-footer .c-list a:hover .c-imgBox {
    height: 100px;
}

#c-footer .c-list a .c-imgBox img {
    width: 100%;
}

#c-footer .c-footer {
    padding-bottom: .5rem;
}

#c-footer .c-footer,
#c-footer .c-footer a {
    font-size: 14px;
    color: #6b6b6b;
}

#c-footer .c-footer .c-copyright {
    padding-right: 10px;
}

#c-footer .c-footer .c-agreement img {
    width: 20px;
    margin-right: 10px;
    vertical-align: middle;
}


/* 兼容背景 */

.c-compatible {
    display: none;
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* 顶部banner */

#c-topBanner {
    margin-top: 80px;
    position: relative;
    padding: 1.6rem;
    text-align: center;
    color: #fff;
    height: 8rem;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

#c-topBanner.c-dt {
    height: 5rem;
}

#c-topBanner .c-glass {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6) url(../images/mbl.png) no-repeat center center;
    background-size: cover;
    opacity: .5;
}

#c-topBanner .c-textBox {
    position: relative;
    z-index: 10;
    font-size: .6rem;
}

#c-topBanner .c-textBox .c-title1.c-dt {
    font-size: .5rem;
}

#c-topBanner .c-textBox .c-title1 {
    font-weight: bold;
}

#c-topBanner .c-textBox .c-title2 {
    font-size: 18px;
    line-height: 2em;
}

#c-topBanner .c-arrow {
    position: absolute;
    left: 50%;
    bottom: 40px;
    z-index: 10;
    margin-left: -22px;
    width: 44px;
    height: 44px;
    border: 1px solid #ddd;
    border-radius: 50%;
}

#c-topBanner .c-arrow img {
    opacity: .5;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    animation: arrow 1s linear infinite;
    -webkit-animation: arrow 1s linear infinite;
}

#c-topBanner2 {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 80px;
    padding: 0 1.6rem;
    background: #f8f8f8;
    overflow: hidden;
}

#c-topBanner2 .c-textBox {
    width: 41%;
}

#c-topBanner2 .c-textBox .c-title1 {
    margin-bottom: 30px;
    font-weight: bold;
    font-size: .48rem;
    color: #333;
}

#c-topBanner2 .c-textBox .c-title1 span {
    color: #333;
    text-decoration: none !important;
}

#c-topBanner2 .c-textBox .c-title2 {
    padding-left: 44px;
    margin-bottom: 30px;
    font-size: 18px;
    color: #333;
    background: url(../images/dh.png) no-repeat top 5px left;
    background-size: 26px auto;
}

#c-topBanner2 .c-textBox .c-authorBox {
    font-size: 14px;
    line-height: 44px;
    color: #666;
}

#c-topBanner2 .c-textBox .c-authorBox .c-photo {
    margin-right: 10px;
    display: inline-block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle;
}

#c-topBanner2 .c-textBox .c-authorBox .c-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#c-topBanner2 .c-img {
    width: 49.4%;
}

#c-about .c-playBox {
    padding: 1rem 0 1.6rem 0;
    line-height: 70px;
    text-align: center;
}

#c-topBanner .c-playBox .c-play {
    display: inline-block;
    cursor: pointer;
}

#c-topBanner .c-playBox .c-play .c-wrap {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 40px 0 10px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    text-align: center;
    line-height: 64px;
    overflow: hidden;
    background: #e50000;
    animation: movePlay2 1.5s linear infinite;
    -webkit-animation: movePlay2 1.5s linear infinite;
}

#c-topBanner .c-playBox .c-play:hover .c-wrap,
#c-topBanner .c-playBox .c-play:hover .c-wrap img {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

#c-topBanner .c-playBox .c-play:hover .c-wrap {
    border-color: transparent;
}

#c-topBanner .c-playBox .c-play .c-wrap img {
    width: 100%;
    height: 100%;
    animation: movePlay 1.5s linear infinite;
    -webkit-animation: movePlay 1.5s linear infinite;
}

#c-topBanner .c-playBox span {
    display: block;
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    overflow: hidden;
}

#c-topBanner .c-playBox span i {
    position: absolute;
    bottom: 0;
    left: -100%;
    width: 100%;
    border-bottom: 1px solid #fff;
}


/* 顶部菜单 */

#c-topMenu {
    padding: .6rem 1.6rem;
    text-align: center;
    color: #666;
    background: #fff;
}

#c-topMenu p {
    display: inline-block;
    margin-right: 1rem;
    cursor: pointer;
}

#c-topMenu p:last-child {
    margin: 0;
}

#c-topMenu a {
    color: #666;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    line-height: 1.8;
    display: inline-block;
}

#c-topMenu p.c-active a{
    color: #f20000;
    border-bottom: 1px solid #f20000;
}
#c-topMenu p a:hover {
    color: #f20000;
}

#c-topMenu2 {
    margin-top: 80px;
    padding: .2rem 1.6rem;
    background: #f5f5f5;
}

#c-topMenu2 p {
    display: inline-block;
    vertical-align: top;
    margin-right: 1.5rem;
}

#c-topMenu2 p:last-child {
    margin-right: 0;
}

#c-topMenu2 a {
    color: #666;
}

#c-topMenu2 p.c-active a,
#c-topMenu2 p:hover a {
    color: #f20000;
}

#c-topMenu.c-sticky {
    padding: 28px 0;
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
}

#c-topMenu.c-sticky p.c-active,
#c-topMenu.c-sticky p:hover {
    color: #f20000;
}


/* 流程 */

#c-process {
    padding: 0 1.6rem;
    background: #f5f5f5;
}

#c-process .c-boxWrap {
    position: relative;
}

#c-process .c-leftBox {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 1.4rem 0;
    float: left;
    width: 36.25%;
}

#c-process .c-rightBox {
    padding: 1.4rem 0;
    float: right;
    width: 43%;
}

#c-process .c-leftBox .c-title {
    margin-bottom: .3rem;
    font-size: .36rem;
    line-height: 1.5em;
    color: #000;
}

#c-process .c-leftBox .c-text {
    margin-bottom: .7rem;
    color: #666;
    line-height: 2em;
}

#c-process .c-rightBox li {
    margin-bottom: 40px;
    position: relative;
    padding: .7rem .6rem;
    background: #fff;
    overflow: hidden;
}

#c-process .c-rightBox li:last-child {
    margin-bottom: 0;
}

#c-process .c-rightBox .c-title {
    margin-bottom: 20px;
    font-size: .3rem;
    color: #333;
}

#c-process .c-rightBox .c-text {
    color: #666;
    line-height: 2em;
}

#c-process .c-rightBox .c-num {
    position: absolute;
    left: .6rem;
    bottom: -.2rem;
    font-size: .72rem;
    line-height: 1em;
    color: #ddd;
}


/* 摄影 */

#c-photography {
    padding: 1.3rem 1.6rem 0;
    background-color: #fff;
}

#c-photography .c-titleBox .c-title {
    margin-bottom: .7rem;
    font-size: .36rem;
    line-height: 1.5em;
    color: #222;
    text-align: center;
}

#c-photography .c-titleBox .c-title span {
    color: #f30000;
}

#c-photography .c-list {
    margin: 0 -10px .7rem;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

#c-photography .c-list li {
    box-sizing: border-box;
    width: 50%;
    padding: 0 10px;
}

#c-photography .c-list a {
    position: relative;
    display: block;
    overflow: hidden;
}

#c-photography .c-list a .c-textBox {
    padding: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    background: rgba(0, 0, 0, .5);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-photography .c-list a .c-time {
    margin-bottom: 5px;
    font-size: 18px;
}

#c-photography .c-list a:hover .c-textBox {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#c-photography .c-list a img {
    width: 100%;
    height: 5.34rem;
    object-fit: cover;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-photography .c-list a:hover img {
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
}

#c-photography .c-btnBox {
    margin: 0 auto;
    text-align: center;
}


/* 团队 */

#c-team {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 0 1.6rem;
    background: #f5f5f5;
    background: -webkit-linear-gradient(left, #f5f5f5 70%, #fff 20%);
    background: linear-gradient(to right, #f5f5f5 70%, #fff 20%);
}

#c-team .c-boxWrap {
    position: relative;
    width: 100%;
}

#c-team .c-leftBox {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    float: left;
    padding: 1.9rem 0;
    width: 36.25%;
}

#c-team .c-rightBox {
    float: right;
    width: 26.3%;
}

#c-team .c-leftBox .c-title {
    margin-bottom: 30px;
    font-size: .36rem;
    line-height: 1.5em;
    color: #000;
}

#c-team .c-leftBox .c-text {
    margin-bottom: 25px;
    padding-left: 40px;
    position: relative;
    font-weight: bold;
    font-size: 18px;
    color: #333;
    background: url(../images/dh.png)no-repeat top 6px left;
    background-size: 24px auto;
}

#c-team .c-leftBox .c-photo {
    line-height: 50px;
}

#c-team .c-leftBox .c-photo .c-img {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle;
}

#c-team .c-leftBox .c-photo .c-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#c-team .c-leftBox .c-photo .c-title2 {
    display: inline-block;
    font-size: 14px;
    color: #333;
    vertical-align: middle;
}

#c-team .c-rightBox .c-list li {
    margin-bottom: 20px;
}

#c-team .c-rightBox .c-list li:last-child {
    margin-bottom: 0;
}

#c-team .c-rightBox .c-list {
    background: #fff;
    padding-left: 20px;
}

#c-team .c-rightBox .c-list li img {
    width: 100%;
}


/* 案例列表 */

#c-caseList {
    padding: 0 1.6rem 1.2rem;
    background-color: #fff;
}

#c-caseList .c-top-box {
    text-align: center;
}

#c-caseList .c-top-box .c-title {
    font-size: .36rem;
    color: #222;
}

#c-caseList .c-top-box .c-text {
    padding: .5rem 0 .6rem;
    line-height: 26px;
    color: #666;
}

#c-caseList .c-list {
    margin: 0 -10px -120px;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

#c-caseList .c-list li {
    margin-bottom: 120px;
    box-sizing: border-box;
    padding: 0 10px;
    width: 33.333333%;
}

#c-caseList .c-list a {
    position: relative;
    display: block;
    border-bottom: 1px solid #4e4e4e;
}

#c-caseList .c-list .c-imgBox {
    position: relative;
    overflow: hidden;
}

#c-caseList .c-list .c-imgBox img {
    width: 100%;
    height: 3.6rem;
    object-fit: cover;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-caseList .c-list .c-imgBox .c-more {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-caseList .c-list .c-imgBox .c-more p {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    font-size: .48rem;
    text-align: center;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#c-caseList .c-list .c-title {
    margin: 10px 0 35px;
    position: relative;
    display: inline-block;
    font-size: 24px;
    color: #333;
    height: 34px;
    line-height: 34px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}

#c-caseList .c-list a:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    border-bottom: 1px solid #f20000;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-caseList .c-list .c-textBox {
    padding-top: 25px;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    color: #999;
}

#c-caseList .c-list .c-textBox .c-text2 {
    margin-left: 10px;
    color: #333;
}

#c-caseList .c-list a:hover .c-imgBox img {
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
}

#c-caseList .c-list a:hover .c-imgBox .c-more {
    opacity: 1;
}

#c-caseList .c-list a:hover:before {
    width: 100%;
}

#c-caseList .c-clickMore {
    margin: 0 auto;
    width: 194px;
    height: 52px;
    border: 2px solid #f20000;
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    color: #f20000;
    cursor: pointer;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#c-caseList .c-clickMore i {
    margin-left: 30px;
}

#c-caseList .c-clickMore:hover {
    color: #fff;
    background: #f20000;
}

#c-caseList .c-btn-box {
    text-align: center;
    font-size: 16px;
}

#c-caseList .c-btn-box .c-btn {
    margin-bottom: 10px;
    padding: 0 20px;
    display: inline-block;
    line-height: 60px;
    border-radius: 30px;
    color: #fff;
    background-color: #e50000;
    transition: .5s;
}

#c-caseList .c-btn-box .c-btn:hover {
    background: #e50000;
    color: #fff;
}

#c-caseList .c-btn-box .c-text {
    font-size: 12px;
    color: #999;
}


/* 新闻列表、详情 */

#c-newsList {
    padding: .9rem 1.6rem 1.4rem;
    background-color: #fff;
}

#c-newsContent {
    padding: .9rem 1.6rem 0;
    background-color: #fff;
}

#c-newsList .c-leftBox,
#c-newsContent .c-leftBox {
    float: left;
    width: 49.3%;
}

#c-newsList .c-rightBox,
#c-newsContent .c-rightBox {
    position: sticky;
    top: 0;
    float: right;
    width: 30%;
}

#c-newsList .c-leftBox .c-list li {
    margin-bottom: .7rem;
}


/* #c-newsList .c-leftBox .c-list li .c-titleBox {
	display: block;
} */

#c-newsList .c-leftBox .c-list .c-title,
#c-newsContent .c-leftBox .c-title {
    margin-bottom: 20px;
    font-size: .3rem;
    line-height: 1.5em;
    color: #333;
}

#c-newsList .c-leftBox .c-list .c-authorBox {
    margin-bottom: 20px;
}

#c-newsContent .c-leftBox .c-authorBox {
    margin-bottom: 40px;
}

#c-newsList .c-leftBox .c-list .c-photo,
#c-newsContent .c-leftBox .c-photo {
    float: left;
    width: 44px;
    height: 44px;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    overflow: hidden;
}

#c-newsList .c-leftBox .c-list .c-photo img,
#c-newsContent .c-leftBox .c-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#c-newsList .c-leftBox .c-list .c-textBox,
#c-newsContent .c-leftBox .c-textBox {
    float: right;
    padding-left: 10px;
    box-sizing: border-box;
    width: -webkit-calc(100% - 45px);
    width: calc(100% - 45px);
}

#c-newsList .c-leftBox .c-list .c-textBox .c-name,
#c-newsContent .c-leftBox .c-textBox .c-name {
    font-size: 14px;
    line-height: 22px;
    color: #333;
}

#c-newsList .c-leftBox .c-list .c-textBox .c-text,
#c-newsContent .c-leftBox .c-textBox .c-text {
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    line-height: 22px;
    color: #999;
}

#c-newsList .c-leftBox .c-list .c-textBox .c-text .c-time,
#c-newsContent .c-leftBox .c-textBox .c-text .c-time {
    width: 90px;
}

#c-newsList .c-leftBox .c-textBox .c-text .c-tag,
#c-newsContent .c-leftBox .c-textBox .c-text .c-tag {
    width: -webkit-calc(100% - 90px);
    width: calc(100% - 90px);
    text-indent: 2em;
}

#c-newsList .c-leftBox .c-textBox .c-text .c-tag a,
#c-newsContent .c-leftBox .c-textBox .c-text .c-tag a {
    color: #999;
}

#c-newsList .c-leftBox .c-list .c-imgBox {
    display: block;
    overflow: hidden;
    height: 3.05rem;
}

#c-newsList .c-leftBox .c-list .c-imgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-newsList .c-leftBox .c-list .c-imgBox:hover img {
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
}

#c-newsList .c-leftBox .c-list .c-note {
    padding: 30px 0 20px;
    color: #666;
}

#c-newsList .c-leftBox .c-list .c-more {
    color: #f30000;
    text-decoration: underline;
}

#c-newsList .c-pnBox,
#c-caseList .c-pnBox {
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
}

#c-caseList .c-pnBox {
    justify-content: center;
}

#c-newsList .c-pnBox a,
#c-caseList .c-pnBox a {
    margin: 5px;
    width: 56px;
    height: 56px;
    text-align: center;
    line-height: 56px;
    color: #333;
    background: #f5f5f5;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-newsList .c-pnBox .prev,
#c-newsList .c-pnBox .next,
#c-caseList .c-pnBox .prev,
#c-caseList .c-pnBox .next {
    width: 136px;
}

#c-newsList .c-pnBox a:hover,
#c-newsList .c-pnBox a.active,
#c-caseList .c-pnBox a:hover,
#c-caseList .c-pnBox a.active {
    color: #fff;
    background: #356db7;
}

#c-newsList .c-rightBox .c-list li {
    margin-bottom: 20px;
}

.c-rightBox .address {
    
	padding:1.7rem 0 400px;
	background: url(/Public/web/images/address.jpg) no-repeat center center;
	object-fit: cover;
	z-index:999;
}


#c-newsList .c-rightBox .c-list li:last-child {
    margin-bottom: 0;
}

#c-newsList .c-rightBox .c-list li a {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

#c-newsList .c-rightBox .c-list .c-title {
    box-sizing: border-box;
    padding-left: 20px;
    width: 60.5%;
    font-size: 16px;
    line-height: 1.5em;
    color: #333;
}

#c-newsList .c-rightBox .c-list .c-imgBox {
    width: 39.5%;
    height: .76rem;
    overflow: hidden;
}

#c-newsList .c-rightBox .c-list .c-imgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-newsList .c-rightBox .c-list li a:hover .c-imgBox img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
}

#c-newsList .c-rightBox .c-titleBox .c-title {
    padding: .7rem 0 30px;
    font-size: 18px;
    color: #333;
}

#c-newsList.c-dt .c-leftBox .c-list .c-textBox {
    display: flex;
    align-items: flex-start;
    padding: 0;
    width: 100%;
}

#c-newsList.c-dt .c-leftBox .c-textBox .c-text .c-tag {
    text-indent: 0;
}

#c-newsList.c-dt .c-leftBox .c-list .c-textBox .c-name {
    color: #999;
}

#c-newsList.c-dt .c-leftBox .c-list .c-textBox .c-text .c-time {
    margin-left: 10px;
}

.c-zhishi .c-rightBox2 {
    float: right;
    width: 350px;
    padding: 20px;
    background: #f5f5f5;
}

.c-zhishi .c-rightBox2 .c-title {
    margin-bottom: 15px;
    padding-left: 8px;
    border-left: 2px solid #f20000;
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
}

.c-zhishi .c-rightBox2 .c-list1,
.c-zhishi .c-rightBox2 .c-list2 {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 24px;
}

.c-zhishi .c-rightBox2 .c-list1 li,
.c-zhishi .c-rightBox2 .c-list2 li {
    margin-bottom: 10px;
}

.c-zhishi .c-rightBox2 .c-list2 li {
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}

.c-zhishi .c-rightBox2 a {
    color: #333;
    transition: .5s;
}

.c-zhishi .c-rightBox2 a:hover {
    color: #f20000;
}

.c-zhishi .c-rightBox2 .c-tags {
    font-size: 14px;
    line-height: 44px;
}

.c-zhishi .c-rightBox2 .c-tags a {
    margin-right: 15px;
}

#c-newsContent .c-leftBox .c-content {
    border-top: 1px solid #dfdfdf;
    margin-bottom: 1rem;
    padding-top: 40px;
    color: #666;
    line-height: 2;
}

#c-newsContent .c-leftBox .c-content iframe {
    width: 100%;
    height: 5.34rem;
}

#c-newsContent .c-leftBox .c-content img {
    max-width: 100%;
    height: auto !important;
}

#c-newsContent .c-rightBox .c-listBox {
    margin-bottom: 20px;
    padding: 40px;
    box-sizing: border-box;
    background: #f5f5f5;
}

#c-newsContent .c-rightBox .c-titleBox .c-title {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5em;
    color: #333;
}

#c-newsContent .c-rightBox li {
    margin-bottom: 20px;
    color: #666;
}

#c-newsContent .c-rightBox li:last-child {
    margin-bottom: 0;
}

#c-newsContent .c-rightBox a {
    color: #666;
}

#c-newsContent .c-rightBox .c-ad {
    display: block;
    overflow: hidden;
}

#c-newsContent .c-rightBox .c-ad img {
    width: 100%;
}

#c-newsContent .c-pnBox {
    position: relative;
}

#c-newsContent .c-pnBox a {
    position: relative;
    display: block;
    display: none;
    height: 3.12rem;
    font-size: 18px;
    text-align: center;
    color: #999;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .2);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-newsContent .c-pnBox .c-next,
#c-newsContent .c-pnBox .c-prev {
    display: block;
}

#c-newsContent .c-pnBox a .c-tBox {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: #f6f6f6 url(../images/news-bg.png) no-repeat center center;
    background-size: cover;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-newsContent .c-pnBox a .c-tBox .c-wrap {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 0 1.6rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#c-newsContent .c-pnBox a .c-tBox .c-title2 {
    font-size: .3rem;
    color: #333;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-newsContent .c-pnBox a img {
    opacity: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-newsContent .c-pnBox a:hover {
    box-shadow: none;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

#c-newsContent .c-pnBox a:hover img {
    opacity: 1;
}

#c-newsContent .c-pnBox a:hover .c-tBox {
    background: rgba(0, 0, 0, .4) url(../images/news-bg.png) no-repeat center center;
    background-size: cover;
    color: #fff;
}

#c-newsContent .c-pnBox a:hover .c-title2 {
    color: #fff;
}

#c-newsContent .c-pnBox2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#c-newsContent .c-pnBox2 p {
    padding: 5px 0;
}

#c-newsContent .c-pnBox2 a {
    line-height: 26px;
    color: #808080;
}

#c-newsContent .c-pnBox2 a:hover {
    color: #f20000;
}

#c-newsContent .c-pnBox2 .c-abox {
    padding-right: 20px;
}

#c-newsContent .c-pnBox2 .c-return {
    flex-shrink: 0;
    width: 140px;
    line-height: 38px;
    text-align: center;
    color: #808080;
    border: 1px solid #808080;
    transition: all .5s;
}

#c-newsContent .c-pnBox2 .c-return:hover {
    color: #fff;
    background: #f20000;
    border-color: #f20000;
}

#c-newsContent.c-zhishi .c-leftBox .c-textBox {
    display: flex;
    padding: 0;
    width: 100%;
}

#c-newsContent.c-zhishi .c-leftBox .c-textBox .c-name {
    color: #999;
}

#c-newsContent.c-zhishi .c-leftBox .c-textBox .c-text .c-tag {
    text-indent: 0;
}

#c-newsContent.c-zhishi .c-leftBox .c-textBox .c-text .c-time {
    margin-left: 10px;
}


/* 新闻页表单 */

#c-newsForm {
    display: none;
    padding: 1rem 1.6rem .8rem;
    background: #f5f5f5;
}

#c-newsForm form {
    margin: 0 auto;
    width: 47%;
}

#c-newsForm form .c-title {
    font-size: .48rem;
    line-height: 1.5em;
    color: #222;
    text-align: center;
}

#c-newsForm form .c-subtitle {
    padding: 20px 0 50px;
    font-size: 18px;
    color: #999;
    text-align: center;
}

#c-newsForm form .c-box {
    border: 1px solid #ddd;
}

#c-newsForm form .c-box input {
    float: left;
    padding: 0 20px;
    height: 62px;
    width: -webkit-calc(100% - 139px);
    width: calc(100% - 139px);
    color: #999;
}

#c-newsForm form .c-box button {
    float: right;
    width: 138px;
    height: 62px;
    color: #999;
    background: #fff;
    border-left: 1px solid #ddd;
}


/* 联系我们 */

#c-contact {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 100px;
    padding: 0 1.6rem 1.0rem;
    height: -webkit-calc(100vh - 80px);
    height: calc(100vh - 80px);
    background-color: #fff;
}

#c-contact .c-maxWrap {
    width: 100%;
}

#c-contact .c-leftBox {
    float: left;
    width: 47%;
}

#c-contact .c-rightBox {
    float: right;
    width: 48.5%;
}

#c-contact .c-leftBox .c-title {
    margin-bottom: 40px;
    font-size: 30px;
    line-height: 54px;
}

#c-contact .c-leftBox .c-title span {
    color: #f20000;
}

#c-contact .c-leftBox .c-text {
    margin-bottom: 120px;
}

#c-contact .c-leftBox .c-text p {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 38px;
    color: #333;
}

#c-contact .c-leftBox .c-text p:last-child {
    margin-bottom: 0;
}

#c-contact .c-btnBox {
    float: left;
    padding-top: 28px;
}

#c-contact .c-btn {
    display: block;
    width: 152px;
    height: 54px;
    font-size: 18px;
    line-height: 52px;
    text-align: center;
    color: #333;
    border: 1px solid #ddd;
    background: #fff;
    transition: .3s;
}

#c-contact .c-btn .c-img {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
}

#c-contact .c-btn .c-img img {
    width: 100%;
}

#c-contact .c-btn .c-img img:last-child {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: .3s;
}

#c-contact .c-btn:hover .c-img img:last-child {
    opacity: 1;
}

#c-contact .c-btn:hover {
    border: 1px solid #f20000;
    background: #f20000;
    color: #fff;
}

#c-contact .c-rightBox .c-title {
    margin-bottom: 40px;
    font-size: 30px;
    line-height: 54px;
    color: #222;
}

#c-contact .c-rightBox .c-title span {
    color: #f20000;
}

#c-contact .c-rightBox form {
    margin: 0 -10px;
    font-size: 14px;
}

#c-contact .c-rightBox form .c-btn {
    margin-left: 10px;
}

#c-contact .c-rightBox .c-lBox,
#c-contact .c-rightBox .c-rBox {
    float: left;
    padding: 0 10px;
    width: 50%;
}

#c-contact .c-rightBox .c-lBox>li,
#c-contact .c-rightBox .c-rBox>li {
    margin-bottom: 30px;
    position: relative;
    border-bottom: 1px solid #ddd;
}

#c-contact .c-rightBox .c-lBox>li:before,
#c-contact .c-rightBox .c-rBox>li:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    border-bottom: 1px solid #333;
    transition: .3s;
}

#c-contact .c-rightBox li.c-active:before {
    width: 100%;
}

#c-contact .c-rightBox label {
    display: block;
    line-height: 30px;
}

#c-contact .c-rightBox form input {
    width: 100%;
    height: 36px;
    font-size: 16px;
}

#c-contact .c-rightBox .c-select {
    position: relative;
    height: 36px;
    line-height: 36px;
}

#c-contact .c-rightBox .c-select select {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 36px;
    font-size: 16px;
}

#c-contact .c-rightBox .c-select .c-arrow {
    position: absolute;
    top: 14px;
    right: 0;
    z-index: 1;
    border: 8px solid transparent;
    border-top: 8px solid #666;
}

#c-contact .c-rightBox .c-list {
    display: none;
    position: absolute;
    top: 36px;
    left: 0;
    width: 100%;
    line-height: 36px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    background: #fff;
}

#c-contact .c-rightBox .c-list li {
    padding: 0 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#c-contact .c-rightBox .c-list li:hover {
    color: #f20000;
}


/* 故事 */

#c-story .c-list {
    position: relative;
    overflow: hidden;
}

#c-story .c-list::before {
    content: "";
    position: absolute;
    top: 2rem;
    left: 1.6rem;
    z-index: 5;
    border-left: 1px solid #ddd;
    height: -webkit-calc(100% - 4rem);
    height: calc(100% - 4rem);
}

#c-story .c-list li {
    position: relative;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: .8rem 1.6rem;
    background-color: #fff;
}


/* #c-story .c-list li:last-child::before{
	content: "";
	position: absolute;
	top: 2rem;
	left: 1.55rem;
	margin-top: 22px;
	width: 10px;
	z-index: 10;
	height: -webkit-calc(100% - 2rem);
	height: calc(100% - 2rem);
	background: #f5f5f5;
} */

#c-story .c-list li:nth-child(even) {
    background: #f5f5f5;
}

#c-story .c-list li .c-textBox {
    padding: 1rem 0 0 .8rem;
    width: 35%;
}

#c-story .c-list li .c-textBox .c-time1 {
    position: relative;
    font-size: .6rem;
    line-height: 1em;
    color: #f20000;
}

#c-story .c-list li .c-textBox .c-time1::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -.8rem;
    margin: -10px 0 0 -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ddd;
}

#c-story .c-list li .c-textBox .c-time2 {
    font-size: 24px;
    color: #999;
}

#c-story .c-list li .c-textBox .c-content {
    padding-top: 30px;
    font-size: 18px;
    line-height: 2em;
    color: #333;
}

#c-story .c-list li .c-imgBox {
    width: 49.4%;
    height: 5.1rem;
    overflow: hidden;
}

#c-story .c-list li .c-imgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-story .c-list li .c-imgBox:hover img {
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
}

#c-story .c-clickMore {
    margin: 70px auto 0;
    width: 194px;
    height: 52px;
    border: 2px solid #f20000;
    font-size: 18px;
    line-height: 52px;
    text-align: center;
    color: #f20000;
    cursor: pointer;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-story .c-clickMore i {
    margin-left: 30px;
}

#c-story .c-clickMore:hover {
    color: #fff;
    background: #f20000;
}


/* 顶部信息 */

#c-topInformation {
    position: relative;
    z-index: 10;
    margin-top: -108px;
    padding: 30px 1.6rem;
    background: #fff;
    animation: moveTop2 .6s;
}

#c-topInformation .c-list {
    margin: 0 -15px;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#c-topInformation .c-list li {
    padding: 0 15px;
}

#c-topInformation .c-list .c-text1 {
    font-weight: bold;
    color: #333;
}

#c-topInformation .c-list .c-text2 {
    word-break: break-all;
}

#c-topInformation .c-list a {
    color: #f30000;
}

#c-topInformation .c-list .c-website {
    color: #333;
    transition: .5s;
}

#c-topInformation .c-list .c-website:hover {
    color: #f30000;
}


/* 案例简介 */

#c-caseNote {
    padding: .8rem 1.6rem;
    background-color: #fff;
}

#c-caseNote .c-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 auto;
}

#c-caseNote .c-wrap.on {
    cursor: default;
}

#c-caseNote .c-left {
    width: 68%;
    overflow: hidden;
}

#c-caseNote .c-left .c-tbox {
    padding-right: 120px;
}

#c-caseNote .c-left .c-title {
    margin-bottom: 50px;
    font-weight: bold;
    font-size: 36px;
    line-height: 1.6;
    color: #222;
}

#c-caseNote .c-left .c-note {
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 30px;
}

#c-caseNote .c-left .c-vbox {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    align-items: center;
    padding: 80px 0;
}

#c-caseNote .c-left .c-vbox .c-lt {
    position: relative;
    width: 46%;
    height: 2.7rem;
    max-height: 270px;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}

#c-caseNote .c-left .c-vbox .c-lt>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#c-caseNote .c-left .c-vbox .c-mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: .5s;
}

#c-caseNote .c-left .c-vbox:hover .c-mask {
    opacity: 1;
}

#c-caseNote .c-left .c-vbox .c-ico {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    text-align: center;
    line-height: 64px;
    overflow: hidden;
    background: #e50000;
    animation: movePlay2 1.5s linear infinite;
    -webkit-animation: movePlay2 1.5s linear infinite;
}

#c-caseNote .c-left .c-vbox .c-ico:hover,
#c-caseNote .c-left .c-vbox .c-ico:hover img {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

#c-caseNote .c-left .c-vbox .c-ico img {
    width: 100%;
    height: 100%;
    animation: movePlay 1.5s linear infinite;
    -webkit-animation: movePlay 1.5s linear infinite;
}

#c-caseNote .c-left .c-vbox .c-gt {
    width: 54%;
    padding-left: 70px;
}

#c-caseNote .c-left .c-vbox .c-gt .c-title2 {
    font-weight: bold;
    font-size: 30px;
    line-height: 40px;
}

#c-caseNote .c-left .c-vbox .c-gt .c-line {
    margin: 20px 0;
    width: 30px;
    height: 4px;
    background: #f30000;
}

#c-caseNote .c-left .c-vbox .c-gt .c-text1 {
    font-size: 18px;
    line-height: 28px;
    color: #333;
}

#c-caseNote .c-left .c-vbox .c-gt .c-text2 {
    padding-top: 15px;
    font-size: 18px;
    line-height: 28px;
    color: #939393;
}

#c-caseNote .c-left .c-text3 {
    font-size: 20px;
    line-height: 30px;
    color: #767676;
}

#c-caseNote .c-textBox {
    font-size: 16px;
    line-height: 2;
    color: #999;
}

#c-caseNote .c-textBox img {
    max-width: 100%;
    height: auto !important;
}

#c-caseNote .c-right {
    position: sticky;
    top: 0;
    padding-top: 100px;
    width: 23%;
}

#c-caseNote .c-right .c-title {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
}

#c-caseNote .c-right .c-list li {
    margin-bottom: 20px;
}

#c-caseNote .c-right .c-list .c-wrap {
    display: block;
}

#c-caseNote .c-right .c-list .c-img-box {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: all .5s;
}

#c-caseNote .c-right .c-list li.on .c-img-box {
    margin-bottom: 10px;
    height: 2rem;
    max-height: 250px;
}

#c-caseNote .c-right .c-list .c-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#c-caseNote .c-right .c-list .c-img-box .c-more {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 36px;
    color: #fff;
}

#c-caseNote .c-right .c-list .c-title2 {
    position: relative;
    display: inline;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    border-bottom: 1px solid transparent;
}

#c-caseNote .c-right .c-list li.on .c-title2 {
    border-color: #333;
}


/* 服务结果 */

#c-result {
    padding: 1.5rem 1.6rem 0;
}

#c-result .c-titleBox .c-title {
    margin-bottom: 30px;
    font-size: .3rem;
    color: #333;
    text-align: center;
}

#c-result .c-list {
    margin: 0 -15px;
    padding: 1rem 0;
    display: -webkit-flex;
    display: flex;
    text-align: center;
    flex-wrap: wrap;
}

#c-result .c-list li {
    padding: 0 15px;
    width: 25%;
}

#c-result .c-list .c-tBox .c-num {
    margin-bottom: 10px;
}

#c-result .c-list .c-tBox span {
    display: inline-block;
    vertical-align: middle;
    font-size: .72rem;
    line-height: 1em;
    color: #333;
}

#c-result .c-list .c-tBox i {
    vertical-align: bottom;
    display: inline-block;
    font-size: 24px;
    font-style: normal;
}

#c-result .c-list .c-title {
    color: #999;
}

#c-result .c-textBox {
    padding: .8rem 2.3rem .44rem;
    background: #f5f5f5 url(../images/dh.png)no-repeat top .88rem left .86rem;
    background-size: .5rem auto;
}

#c-result .c-textBox .c-text {
    position: relative;
    font-size: 18px;
    line-height: 2em;
    color: #333;
}

#c-result .c-textBox .c-authorBox {
    padding-top: 10px;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

#c-result .c-textBox .c-authorBox .c-photo {
    margin-right: 20px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
}

#c-result .c-textBox .c-authorBox .c-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#c-result .c-textBox .c-authorBox .c-tBox {
    font-size: 14px;
    color: #999;
}


/* pc端效果展示 */

#c-banner1 {
    padding: 1.1rem 0 1.6rem;
    background: #f5f5f5;
}

#c-banner1 .c-banner1 {
    padding-bottom: 1rem;
}

#c-banner1 .c-banner1 .swiper-slide img {
    width: 100%;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
}

.swiper-container {
    --swiper-pagination-color: #f20000;
}


/* 手机端展示 */

#c-banner2 {
    padding: 1.6rem;
}

#c-banner2 .c-wrap {
    padding: 1rem 1.6rem;
    background: #f5f5f5;
}

#c-banner2 .c-banner2 .c-item {
    padding: .5rem;
}

#c-banner2 .c-banner2 .c-item img {
    width: 100%;
}


/* 鼠标跟随 --> */

#c-followDot {
    position: fixed;
    top: 0;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #f20000;
    z-index: 999;
    pointer-events: none;
}

#c-followDot .c-default {
    position: absolute;
    top: -18px;
    left: -18px;
    width: 40px;
    height: 40px;
    border: 1px solid #9c9c9c;
    border-radius: 50%;
    opacity: .2;
    box-sizing: border-box;
    z-index: 99;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-followDot .c-hover {
    position: absolute;
    top: -38px;
    left: -38px;
    width: 80px;
    height: 80px;
    background-color: #bbb;
    border-radius: 50%;
    opacity: .12;
    z-index: 98;
    box-sizing: border-box;
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-followDot.c-active .c-default {
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
}

#c-followDot.c-active .c-hover {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}


/* 下一个案例 */

#c-nextCase {
    padding: 0 1.6rem 1.6rem 1.6rem;
    background-color: #fff;
}

#c-nextCase .c-link {
    position: relative;
    display: block;
    cursor: pointer;
    height: 6.66rem;
}

#c-nextCase .c-link.c-active .c-textBox {
    opacity: 0;
}

#c-nextCase .c-link .c-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#c-nextCase .c-link .c-textBox {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    text-align: center;
    transition: .3s;
    padding: 0 15px;
}

#c-nextCase .c-link .c-textBox .c-title {
    font-size: .6rem;
}

#c-nextCase .c-link .c-textBox .c-text {
    font-size: 18px;
}


/* 案例放大图 */

#c-maskImg {
    position: fixed;
    top: 100%;
    left: 0;
    z-index: 920;
}

#c-maskImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* 弹窗 */

#c-fixedBox {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -10;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}

#c-fixedBox.c-fidexShow {
    opacity: 1;
    z-index: 999;
}

#c-fixedBox .c-mainBox {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 35%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #f5f5f5;
}

#c-fixedBox .c-mainBox .c-titleBox {
    padding: 0 40px;
    background: #222;
}

#c-fixedBox .c-mainBox .c-titleBox .c-title {
    font-weight: bold;
    font-size: 36px;
    color: #fff;
    line-height: 100px;
}

#c-fixedBox .c-mainBox .c-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 100px;
    height: 100px;
    background: url(../images/close.png) no-repeat center center;
    background-size: 30px auto;
    cursor: pointer;
}

#c-fixedBox .swiper-container {
    height: 480px;
    padding-right: 45px;
}

#c-fixedBox .swiper-container .swiper-slide {
    height: auto;
}

#c-fixedBox .swiper-scrollbar-drag {
    background: #f20000;
}

#c-fixedBox .c-form2 {
    position: absolute;
    top: 100px;
    left: 0;
    z-index: -10;
}

#c-fixedBox .c-form1,
#c-fixedBox .c-form2 {
    padding: 50px 40px;
    background: #f5f5f5;
}

#c-fixedBox .c-topBox .c-text {
    padding: 20px 0 15px;
    font-size: 18px;
    line-height: 28px;
    color: #000;
}

#c-fixedBox .c-topBox .c-text:first-child {
    padding-top: 0;
}

#c-fixedBox .c-topBox .c-text span {
    color: #f20000;
}

#c-fixedBox .c-topBox input {
    height: 54px;
    width: 100%;
    padding: 0 20px;
    border-radius: 27px;
    background: #fff;
    color: #000;
}

#c-fixedBox .c-topBox select {
    height: 54px;
    width: 100%;
    padding: 0 55px 0 20px;
    border-radius: 27px;
    background: #fff;
    color: #000;
    background: #fff url(../images/arrow4.png)no-repeat right 20px center;
    background-size: 15px auto;
}

#c-fixedBox .c-topBox textarea {
    height: 82px;
    width: 100%;
    padding: 14px 20px;
    border-radius: 27px;
    background: #fff;
    color: #000;
    line-height: 26px;
    border: 0;
}

#c-fixedBox .c-bottomBox {
    padding-top: 50px;
}

#c-fixedBox .c-bottomBox img {
    width: 100%;
}

#c-fixedBox .c-bottomBox .c-title {
    margin-bottom: 30px;
    border-bottom: 1px solid #333;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 24px;
    line-height: 1em;
}

#c-fixedBox .c-bottomBox .c-list li {
    position: relative;
    padding-bottom: 25px;
}

#c-fixedBox .c-bottomBox .c-list li::before {
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 1;
    border-left: 1px solid #ddd;
}

#c-fixedBox .c-bottomBox .c-list li:last-child:before {
    border: 0;
}

#c-fixedBox .c-bottomBox .c-list li:last-child {
    padding: 0;
}

#c-fixedBox .c-bottomBox .c-list .c-num {
    position: relative;
    z-index: 2;
    float: left;
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    border: 1px solid #f20000;
    background: #f20000;
    border-radius: 50%;
}

#c-fixedBox .c-bottomBox .c-list li:nth-child(even) .c-num {
    background: #f5f5f5;
    color: #f20000;
}

#c-fixedBox .c-bottomBox .c-list .c-textBox {
    float: right;
    width: -webkit-calc(100% - 45px);
    width: calc(100% - 45px);
}

#c-fixedBox .c-bottomBox .c-list .c-textBox .c-text1 {
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    color: #000;
}

#c-fixedBox .c-bottomBox .c-list .c-textBox .c-text2 {
    font-size: 16px;
    line-height: 26px;
    color: #666;
}

#c-fixedBox .c-btn,
#c-fixedBox .c-btnBox {
    margin-top: 40px;
    position: relative;
    display: block;
    margin-right: 45px;
    height: 54px;
    line-height: 54px;
    color: #fff;
    border-radius: 27px;
    overflow: hidden;
    background: #333333;
}

#c-fixedBox .c-btnBox {
    background: #fff;
    font-weight: bold;
}

#c-fixedBox .c-btnBox .c-btn1 {
    float: left;
    width: 30%;
    text-align: center;
    color: #333;
}

#c-fixedBox .c-btnBox .c-btn2 {
    float: right;
    width: 70%;
    text-align: right;
    background: #f20000;
    padding-right: 80px;
    color: #fff;
    border-radius: 27px;
}

#c-fixedBox .c-btn .c-arrow {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 70%;
    width: 30%;
    background: #f20000;
    border-radius: 27px;
    text-align: center;
    transition: .5s;
}

#c-fixedBox .c-btn .c-arrow img {
    height: 12px;
    vertical-align: middle;
    transition: .5s;
}

#c-fixedBox .c-btn .c-text {
    position: relative;
    z-index: 2;
    text-align: right;
    padding: 0 80px;
    width: 100%;
    font-weight: bold;
}

#c-fixedBox .c-btn:hover .c-arrow {
    right: 0;
    width: 100%;
}

#c-fixedBox .c-btn:hover .c-arrow img {
    opacity: 0;
}


/* 顶部搜索 */

#c-top-form {
    display: flex;
    align-items: flex-start;
    margin-top: 80px;
    padding: 30px 1.6rem;
    line-height: 50px;
    background: #f5f5f5;
}

#c-top-form input {
    padding: 0 15px;
    width: 6rem;
    font-size: 16px;
    background: #fff;
}

#c-top-form button {
    width: 1.8rem;
    background: #f20000;
    color: #fff;
    font-size: 16px;
}


/* 右侧 */

.pub-hi {
    display: none;
    position: fixed;
    right: 50px;
    bottom: 201px;
    z-index: 99999;
    width: 67px;
    height: 70px;
    background: url(../images/hi.gif) center no-repeat;
    background-size: 104%;
    cursor: pointer;
}

.pub-hi a {
    display: block;
    width: 100%;
    height: 100%;
}

.fz_click_btn {
    display: none;
    position: fixed;
    right: 50px;
    bottom: 130px;
    z-index: 99999;
    width: 64px;
    height: 64px;
    background: url(../images/hqfz_icon.png) center no-repeat;
    background-size: 100%;
}

.fz_click_btn a {
    display: block;
    width: 100%;
    height: 100%;
}

.scroll-top-bottom {
    position: fixed;
    right: 50px;
    bottom: 56px;
    display: none;
    z-index: 99999;
    border-radius: 50%;
    width: 62px;
    height: 62px;
    background: #666 url(../images/scroll-top.png) center no-repeat;
    cursor: pointer;
    background-size: 100%;
}

.scroll-top-bottom:hover {
    background: #e60012 url(../images/scroll-top.png) center no-repeat;
    background-size: 100%;
}


/* 联系 */

#c-contact2 {
    padding: 1.8rem 1rem;
    text-align: center;
    background-color: #fff;
		display: none;
}

#c-contact2 .c-title {
    font-weight: bold;
    font-size: .5rem;
    line-height: .7rem;
}

#c-contact2 .c-btn {
    display: block;
    margin: .4rem auto .3rem;
    width: 240px;
    border-radius: 30px;
    font-size: 18px;
    line-height: 60px;
    color: #fff;
    background: #e50000;
}

#c-contact2 .c-text {
    font-size: 18px;
    line-height: 28px;
    color: #666;
}


/* 公共标题 */

.c-common-title {
    text-align: center;
}

.c-common-title .c-text {
    font-size: 18px;
    line-height: 28px;
    color: #666;
}

.c-common-title .c-title {
    margin: .2rem 0 .75rem;
    font-weight: bold;
    font-size: .4rem;
    line-height: .6rem;
}


/* 企业 */

#c-enterprise {
    padding: 2.3rem 1rem 2.1rem;
}

#c-enterprise .c-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 -15px;
}

#c-enterprise .c-list li {
    margin-bottom: 30px;
    padding: 0 15px;
    width: 20%;
}

#c-enterprise .c-list .c-wrap {
    height: .92rem;
    overflow: hidden;
}

#c-enterprise .c-list .c-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* 优势 */

#c-advantage {
    padding: 0 1rem;
    position: relative;
    z-index: 2;
}

#c-advantage .c-list {
    padding: 50px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
    margin-top: -70px;
    background: #fff;
    box-shadow: 0 17px 57px rgba(0, 0, 0, .1);
}

#c-advantage .c-list li {
    display: flex;
    align-items: flex-start;
    width: 18%;
}

#c-advantage .c-list .c-img-box {
    margin-right: 10px;
    width: 50px;
}

#c-advantage .c-list .c-img-box img {
    width: 100%;
}

#c-advantage .c-list .c-text-box {
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
}

#c-advantage .c-list .c-text-box .c-title {
    font-weight: bold;
    font-size: 24px;
    line-height: 50px;
    color: #3c3c3c;
}

#c-advantage .c-list .c-text-box .c-text {
    line-height: 1.5;
    color: #666;
}


/* 团队 */

#c-team2 {
    padding: 1.4rem 1.6rem 0;
    background: #f8f9fa;
}

#c-team2 .c-list-box {
    position: relative;
    overflow: hidden;
}

#c-team2 .c-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    transition: .5s;
}

#c-team2 .c-list.active {
    position: relative;
    opacity: 1;
    z-index: 2;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#c-team2 .c-list li {
    flex: 0 0 25%;
    max-width: 25%;
}

#c-team2 .c-list li .c-wrap {
    height: 380px;
    overflow: hidden;
}

#c-team2 .c-list li .c-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* 顶部定位 */

#c-top-site {
    padding: 30px 1.6rem 0;
    color: #666;
    line-height: 1.6;
    background-color: #fff;
}

#c-top-site a {
    color: #666;
    transition: .5s;
}

#c-top-site a:hover {
    color: #e50000;
}


/* 服务 */

#c-service {
    padding: 1.4rem 1.6rem;
    background: #f5f5f5;
	/*background: #27282a;*/
	/*background: url(/Public/web/images/index-service.jpg) no-repeat center center;*/
	background-size: cover;
}

#c-service .c-list {
    margin: 0 -15px;
    display: flex;
    align-items: stretch;/*flex-start;*/
}

#c-service .c-list li {
    margin-bottom: 30px;
    padding: 0 15px;
    width: 33%;
}

@media (max-width: 767px) {
  #c-service .c-list {
    display: flex;
	flex-wrap: wrap;
}
}

#c-service .c-list .c-wrap {
    display: block;
    padding: 40px;
    background: #fff;
    transition: .5s;
}

#c-service .c-list .c-wrap .c-top {
    display: flex;
    justify-content: center;
    align-items: center;
}

#c-service .c-list .c-wrap .c-top .c-title {
    font-weight: bold;
    font-size: 24px;
    line-height: 34px;
    color: #333;
}

#c-service .c-list .c-wrap .c-top img {
    height: 106px;
	
}

#c-service .c-list .c-wrap .c-text {
    font-size: 18px;
    line-height: 28px;
    padding: 25px 0 15px;
    color: #5f5f5f;
}

#c-service .c-list .c-wrap .c-more {
    font-size: 18px;
    line-height: 1;
    color: #333;
    text-decoration: underline;
    transition: .5s;
}

#c-service .c-list .c-wrap:hover {
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
}

#c-service .c-list .c-wrap:hover .c-more {
    color: #e50000;
}

.c-sPadding {
    padding-top: 80px;
}


/* 口碑 */

#c-reputation {
    padding: .4rem 1.6rem 0;
    background-color: #fff;
}

#c-reputation .c-list {
    margin-bottom: -.6rem;
}

#c-reputation .c-list li {
    padding: .6rem 0;
    border-bottom: 1px solid #ddd;
}

#c-reputation .c-list li:last-child {
    border-bottom: 0;
}

#c-reputation .c-list .c-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    cursor: pointer;
}

#c-reputation .c-list .c-text-box {
    padding: 0 .8rem 0 .6rem;
    width: 60%;
    background: url(..//images/dh.png)no-repeat left top .1rem/ .28rem auto;
}

#c-reputation .c-list .c-text-box .c-title {
    margin-bottom: 40px;
    font-size: .36rem;
    line-height: 1.5;
}

#c-reputation .c-list .c-text-box .c-text {
    font-size: 14px;
    line-height: 24px;
}

#c-reputation .c-list .c-vbox {
    position: relative;
    width: 40%;
    height: 3.46rem;
    overflow: hidden;
}

#c-reputation .c-list .c-vbox video {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#c-reputation .c-list .c-vbox>img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#c-reputation .c-list .c-vbox .c-mask {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: .5s;
}

#c-reputation .c-list .c-vbox:hover .c-mask {
    opacity: 1;
}

#c-reputation .c-list .c-vbox .c-mask span {
    display: block;
    font-size: .3rem;
    line-height: 1.5;
    color: #fff;
}

#c-reputation .c-list .c-ico {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    text-align: center;
    line-height: 64px;
    overflow: hidden;
    background: #e50000;
    animation: movePlay2 1.5s linear infinite;
    -webkit-animation: movePlay2 1.5s linear infinite;
}

#c-reputation .c-list .c-ico:hover,
#c-reputation .c-list .c-ico:hover img {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

#c-reputation .c-list .c-ico img {
    width: 100%;
    height: 100%;
    animation: movePlay 1.5s linear infinite;
    -webkit-animation: movePlay 1.5s linear infinite;
}


/* 首页案例 */

#c-case2 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.6rem;
    background-color: #fff;
}

#c-case2 .c-left {
    position: sticky;
    top: 100px;
    width: 50%;
    padding-right: 100px;
}

#c-case2 .c-right {
    width: 50%;
}

#c-case2 .c-text {
    font-size: 18px;
    line-height: 28px;
    color: #666;
}

#c-case2 .c-title {
    margin: 10px 0 70px;
    font-weight: bold;
    font-size: .4rem;
    line-height: .6rem;
}

#c-case2 .c-list-wrap {
    margin-bottom: 80px;
    position: relative;
    overflow: hidden;
}

#c-case2 .c-list-wrap .c-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    background: #f20000;
    height: 0;
}

#c-case2 .c-list1 {
    border-left: 3px solid #ddd;
}

#c-case2 .c-list1 li {
    margin-bottom: 40px;
}

#c-case2 .c-list1 li:last-child {
    margin-bottom: 0;
}

#c-case2 .c-list1 a {
    display: block;
    padding: 0 30px;
}

#c-case2 .c-list1 .c-title2 {
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    color: #333;
}

#c-case2 .c-list1 .on .c-title2 {
    color: #f30000;
}

#c-case2 .c-list1 .c-text2 {
    font-size: 16px;
    line-height: 28px;
    color: #6e6e6e;
}

#c-case2 .c-list2 li {
    margin-bottom: 1.2rem;
}

#c-case2 .c-list2 li:last-child {
    margin-bottom: 0;
}

#c-case2 .c-list2 a {
    position: relative;
    display: block;
}

#c-case2 .c-list2 .c-img-box {
    overflow: hidden;
    height: 5.34rem;
}

#c-case2 .c-list2 a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#c-case2 .c-list2 a .c-more {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    color: #fff;
    transition: .5s;
}

#c-case2 .c-list2 a:hover .c-more {
    opacity: 1;
}

#c-case2 .c-list2 .c-text-box {
    display: none;
}

#c-case2 .c-right .c-btn-move {
    display: none;
}

.c-banner3 {
    height: 220px;
}

.c-banner3 .c-wrap {
    font-size: 16px;
    line-height: 26px;
    color: #333;
}

.c-banner3 .c-wrap .c-title3 {
    width: 100%;
    height: 52px;
    font-size: 16px;
    line-height: 26px;
    overflow: hidden;
}

.c-banner3 .c-wrap .c-title3 span {
    border-bottom: 1px solid transparent;
}

.c-banner3 .c-wrap:hover .c-title3 span {
    border-color: #333;
}

.c-banner3.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: linear;
    /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
}

#c-caseNote .c-right .c-list {
    margin-bottom: 60px;
}

.foot_form {
    display: none;
    height: 7.5rem;
    padding: 1.4rem 1.6rem 1.6rem;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 0;
    width: 100%;
}

.foot_form1 {
    height: 7.5rem;
    display: none;
    pointer-events: auto;
}

.foot_form .con {
    display: flex;
    justify-content: space-between;
}

.foot_form .con .con_l {
    width: 39%;
}

.foot_form .con .con_r {
    width: 46%;
}

.foot_form .con .con_l .c-t1 {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 26px;
}

.foot_form .con .con_l .c-t2 {
    margin-bottom: .2rem;
    font-size: 16px;
    line-height: 26px;
}

.foot_form .con .con_l .title {
    margin-bottom: 30px;
}

.foot_form .con .title {
    font-weight: bold;
    font-size: .4rem;
    margin-bottom: .2rem;
}

.foot_form .con .miaoshu {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 26px;
}

.foot_form .con .c-title2 {
    margin-bottom: 25px;
    display: inline-block;
    padding-right: 26px;
    border-bottom: 1px solid #fff;
    font-size: .3rem;
    line-height: 2;
}

.foot_form_img {
    position: fixed;
    z-index: -1;
    bottom: 0;
    width: 100%;
    display: none;
}

.foot_form_img img {
    object-fit: cover;
    -webkit-transition: ease .1s;
    -moz-transition: ease .1s;
    -o-transition: ease .1s;
    transition: ease .1s;
    width: 100%;
    max-width: 100%;
}

.foot_form .con .con_r textarea,
.foot_form .con .con_r input {
    color: #fff !important;
    width: 100%;
    border: none;
    outline: none;
    resize: none;
    position: relative;
    z-index: 2;
}

.foot_form .con .con_r form {
    margin: -15px;
    display: flex;
    flex-wrap: wrap;
}

.foot_form .con .con_r .text {
    margin: 0 15px;
    width: 100%;
    /* height: 100px; */
    padding: 15px 0 5px;
    border-bottom: 1px solid #fff;
}

.foot_form .con .con_r .inp {
    width: calc(50% - 30px);
    padding: 15px 0 5px;
    margin: 0 15px;
    border-bottom: 1px solid #fff;
}

.foot_form .con .con_r input::-webkit-input-placeholder {
    color: #fff !important;
}


/* 火狐 Mozilla Firefox 4 to 18 */

.foot_form .con .con_r input:-moz-placeholder {
    color: #fff !important;
}


/* 火狐 Mozilla Firefox 19+ */

.foot_form .con .con_r input::-moz-placeholder {
    color: #fff !important;
}


/* Internet Explorer 10+ */

.foot_form .con .con_r input:-ms-input-placeholder {
    color: #fff !important;
}

.foot_form .con .con_r textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff !important;
}

.foot_form .con .con_r textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff !important;
}

.foot_form .con .con_r textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff !important;
}

.foot_form .con .con_r textarea::-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff !important;
}

.form_sub {
    padding: 0 0.6rem;
    height: 0.54rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #df1624;
    margin-top: 0.6rem;
    margin-left: 15px;
}

.foot_form .con .con_r .inp1 {
    position: relative;
    z-index: 1;
    display: block;
    -webkit-transform: translateY(120%);
    transform: translateY(120%);
    pointer-events: auto;
    -webkit-transition: ease .4s;
    -moz-transition: ease .4s;
    -o-transition: ease .4s;
    transition: ease .4s;
}

.foot_form .con .con_r .inp2 {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.c-right-pop {
    display: none;
    position: fixed;
    top: 50%;
    right: 15px;
    z-index: 900;
    padding: 10px 4px;
    border-radius: 8px;
    background: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
}

.c-right-pop a {
    display: block;
    width: 64px;
    height: 64px;
}

.c-right-pop a:nth-child(1) {
    background: url(/Public/web/images/right-ico1.png)no-repeat center / 100%;
}

.c-right-pop a:nth-child(2) {
    margin: 15px 0;
    background: url(/Public/web/images/right-ico3.png)no-repeat center / 100%;
}

.c-right-pop a:nth-child(3) {
    background: url(/Public/web/images/right-ico3.png)no-repeat center / 100%;
}

.x-fr .x-fuwu{
    padding-left: 30px;
    font-size: 14px;
    color: #fff;
    position: relative;
    z-index: 999;
    cursor: pointer;
    padding-right: 19px;
}

.x-fr .x-fuwu::before{
    content: "";
    width: 12px;
    height: 6px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    /*background: url(/Public/web/images/xia2.png) no-repeat;*/
}
/*
#c-header.c-style .x-fuwu::before{
    background: url(/Public/web/images/xia1.png) no-repeat;
}
*/
#c-header.c-style .x-fuwu{
    /*background: url(/Public/web/images/map1.gif) no-repeat left center / 20px;*/
    color: #333;
    cursor: pointer;
}

#c-header .x-fr .c-top-phone {
    width: 30px;
    height: 30px;
    margin: 0 35px 0 50px;
    padding: 0;
    position: relative;
    color: #333;
    z-index: 1000;
}

.x-fr .c-top-phone span{
    font-size: 16px;
    opacity: 0;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    line-height: 30px;
    width: 0;
    background-color: #fff;
    transition: 0.4s all;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    overflow:hidden;
}
.x-fr .c-top-phone:hover span{
    opacity: 1;
    right: 18px;
    width: 154px;
}
#c-header .x-fr .c-top-phone{
    background: none;
}
#c-header .x-fr .c-top-phone img{
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 5;
}
#c-header.c-style .c-top-phone{
    background: none;
}
#c-header .x-fr .c-top-phone img:nth-of-type(1){
    display: block;
}
#c-header .x-fr .c-top-phone img:nth-of-type(2){
    display: none;
}
#c-header.c-style .x-fr .c-top-phone img:nth-of-type(1){
    display: none;
}
#c-header.c-style .x-fr .c-top-phone img:nth-of-type(2){
    display: block;
}

#c-header.c-style .x-fr .c-top-phone span{
    background-color: #356db7;
    color: #fff;
    height: 30px;
}
#c-header.c-style .x-fr .c-top-phone span::before{
    border-bottom:16px solid red;
}
#c-header .x-fr .c-commonbtn::before{
    display: none;
}
#c-header .x-fr .c-commonbtn {
    background-color: #356db7;
    padding: 7.5px 20px;
    border-radius: 14.5px;
}
#c-header.c-style .x-fr .c-commonbtn{
    color: #fff;
}
.x-fixedBox{
    display: block;
    opacity: 1;
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: auto;
    /* background: rgba(0, 0, 0, .3); */
    z-index: 999;
} 
.x-fixedBox .x-mainBox{
    display: block;
    position: relative;
    top: -100%;
    left: 0;
    width: 100%;  
    background-color: #fff;  
    color: #333;
    padding-top: 1rem;
    padding-bottom: 1.3rem;
    height: auto;
    border-bottom: 1px solid #ddd;
}
.x-fixedBox .x-mainBox .con .con_r{
    position: relative;
}
.x-fixedBox .x-mainBox .con .con_r .img{
    position: absolute;
    top: -65px;
    right: 0;
}
.x-fixedBox .x-mainBox .con .con_r .img img{
    width: 25px;
    height: 25px;
    transition: all .6s;
    cursor: pointer;
}
.x-fixedBox .x-mainBox .con .con_r .img img:hover{
    transform: rotate(180deg);        
}
.x-fixedBox .x-mainBox .con .c-title2{
    color: #df1624;
    border-bottom: 1px solid #df1624;
    font-weight: bold;
}
.x-fixedBox .x-mainBox .con .con_r .inp{
    border-bottom: 1px solid #ddd;
}
.x-fixedBox .x-mainBox .con .con_r .text{
    border-bottom: 1px solid #ddd;
}
.x-fixedBox .x-mainBox .con .title{
    position: relative;
}
.x-fixedBox .x-mainBox .con .title .x-phone{
    display: inline-block;
    font-size: 24px;
    color: #333;
    padding-left: 65px;
    background: url(../images/top-phone.png) no-repeat 26px center / 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.x-fixedBox .x-mainBox .con .con_r input{
    color: #333 !important;
}

/* 底部预约 */
.foot_par{
	background: #f7f7f7;
	height: 4rem;
}
.foot_par_box{
	position: relative;
	padding: 0 1.6rem;
	height: 100%;
}
.foot_par_con{
	height: 3.2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.foot_par_nr{
	width: 33.33%;
	display: flex;
	align-items: center;
}
.foot_par_nrimg>img{
	width: 1.35rem;
	margin-right: 0.32rem;
}
.foot_par_nr:nth-child(2) .foot_par_nrimg>img{
	width: 1.52rem;
}
.foot_par_nrtext{
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: calc(100% - 1.47rem);
}
.foot_par_nrtext h4{
	font-size: 0.22rem;
	font-weight: bold;
	margin-bottom: 0.1rem;
	color: #333;
}
.foot_par_nrtext p{
	font-size: 0.16rem;
	color: #666;
}
.foot_par_inp{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.foot_par_inp input{
	width: 100%;
	height: 0.4rem;
	border: 1px solid #dddddd;
	padding-left: 12px;
	border-radius: 5px;
}
.foot_par_inp button{
	width: 1.2rem;
	line-height: 0.4rem;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: #f20000;
	border-radius: 5px;
	margin-left: 0.1rem;
}
.foot_par_appointment{
	position: absolute;
	bottom: -0.8rem;
	left: 0;
	z-index: 10;
	padding: 0 1.6rem;
	width: 100%;
}
.appointment_box{
	width: 100%;
	height: 1.6rem;
	background: url(../images/b_bj.jpg) center no-repeat;
    background-size: 100% 100%;
	border-radius: 20px;
	box-shadow: 0.2rem 0.2rem 0.5rem rgba(255,0,0,0.2);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 1.55rem;
}
.appointment_box p{
	font-size: 0.3rem;
	font-weight: bold;
	color: #fff;
}
.appointment_box a{
	font-size: 14px;
	color: #d0121c;
	line-height: 0.56rem;
	width: 1.72rem;
	text-align: center;
	background: #fff;
	border-radius: 28px;
}
@media (max-width: 768px){
	.foot_par_inp input{
		width: calc(100% - 48px);
	}
	.foot_par_inp button{
		width: 44px;
		font-size: 14px;
	}
	
}
@media (max-width: 640px){
	.foot_par{
		height: auto;
		
	}
	.foot_par_con{
		height: auto;
		flex-direction: column;
		padding: 40px 0 80px;
	}
	.foot_par_appointment{
		bottom: -30px;
	}
	.appointment_box{
		height: 100%;
		padding: 10px;
        flex-direction: column;
	}
	.foot_par_box{
		padding: 0 0.768rem ;
	}
	.foot_par_nr{
		width: 100%;
		
	}
	.foot_par_nrimg{
		height: 210px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 160px;
	}
	.foot_par_nrimg>img{
		width: 100px;
		margin: 0;
	}
	.foot_par_nr:nth-child(2) .foot_par_nrimg>img{
		width: 120px;
	}
	.foot_par_nrtext h4{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.foot_par_nrtext p{
		font-size: 14px;
	}
	.foot_par_inp{
		flex-direction: column;
	}
	.foot_par_inp input{
		width: 100%;
		height: 30px;
		margin-bottom: 10px;
	}
	.foot_par_inp button{
		width: 100%;
		line-height: 30px;
	}
	.foot_par_nrtext{
		width: calc(100% - 160px);
	}
	.appointment_box a{
		width: 100px;
		line-height: 2;
	}
}


#c-makedBox {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -10;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}

#c-makedBox.c-fidexShow {
    opacity: 1;
    z-index: 999;
}

#c-makedBox .c-mainBox {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 35%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #f5f5f5;
}

#c-makedBox .c-mainBox .c-titleBox {
    padding: 0 40px;
    background: #222;
}

#c-makedBox .c-mainBox .c-titleBox .c-title {
    font-weight: bold;
    font-size: 36px;
    color: #fff;
    line-height: 100px;
}

#c-makedBox .c-mainBox .c-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 100px;
    height: 100px;
    background: url(../images/close.png) no-repeat center center;
    background-size: 30px auto;
    cursor: pointer;
}

#c-makedBox .swiper-container {
    height: 480px;
    padding-right: 45px;
}

#c-makedBox .swiper-container .swiper-slide {
    height: auto;
}

#c-makedBox .swiper-scrollbar-drag {
    background: #f20000;
}

#c-makedBox .c-form2 {
    position: absolute;
    top: 100px;
    left: 0;
    z-index: -10;
}

#c-makedBox .c-form1,
#c-makedBox .c-form2 {
    padding: 50px 40px;
    background: #f5f5f5;
}

#c-makedBox .c-topBox .c-text {
    padding: 20px 0 15px;
    font-size: 18px;
    line-height: 28px;
    color: #000;
}

#c-makedBox .c-topBox .c-text:first-child {
    padding-top: 0;
}

#c-makedBox .c-topBox .c-text span {
    color: #f20000;
}

#c-makedBox .c-topBox input {
    height: 54px;
    width: 100%;
    padding: 0 20px;
    border-radius: 27px;
    background: #fff;
    color: #000;
}

#c-makedBox .c-topBox select {
    height: 54px;
    width: 100%;
    padding: 0 55px 0 20px;
    border-radius: 27px;
    background: #fff;
    color: #000;
    background: #fff url(../images/arrow4.png)no-repeat right 20px center;
    background-size: 15px auto;
}

#c-makedBox .c-topBox textarea {
    height: 82px;
    width: 100%;
    padding: 14px 20px;
    border-radius: 27px;
    background: #fff;
    color: #000;
    line-height: 26px;
    border: 0;
}

#c-makedBox .c-bottomBox {
    padding-top: 50px;
}

#c-makedBox .c-bottomBox img {
    width: 100%;
}

#c-makedBox .c-bottomBox .c-title {
    margin-bottom: 30px;
    border-bottom: 1px solid #333;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 24px;
    line-height: 1em;
}

#c-makedBox .c-bottomBox .c-list li {
    position: relative;
    padding-bottom: 25px;
}

#c-makedBox .c-bottomBox .c-list li::before {
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 1;
    border-left: 1px solid #ddd;
}

#c-makedBox .c-bottomBox .c-list li:last-child:before {
    border: 0;
}

#c-makedBox .c-bottomBox .c-list li:last-child {
    padding: 0;
}

#c-makedBox .c-bottomBox .c-list .c-num {
    position: relative;
    z-index: 2;
    float: left;
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    border: 1px solid #f20000;
    background: #f20000;
    border-radius: 50%;
}

#c-makedBox .c-bottomBox .c-list li:nth-child(even) .c-num {
    background: #f5f5f5;
    color: #f20000;
}

#c-makedBox .c-bottomBox .c-list .c-textBox {
    float: right;
    width: -webkit-calc(100% - 45px);
    width: calc(100% - 45px);
}

#c-makedBox .c-bottomBox .c-list .c-textBox .c-text1 {
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    color: #000;
}

#c-makedBox .c-bottomBox .c-list .c-textBox .c-text2 {
    font-size: 16px;
    line-height: 26px;
    color: #666;
}

#c-makedBox .c-btn,
#c-makedBox .c-btnBox {
    margin-top: 40px;
    position: relative;
    display: flex;
    margin-right: 45px;
    height: 54px;
    line-height: 54px;
    color: #fff;
    border-radius: 27px;
    overflow: hidden;
    background: #d81e06;
		
}

#c-makedBox .c-btnBox {
    background: #fff;
    font-weight: bold;
}

#c-makedBox .c-btnBox .c-btn1 {
    float: left;
    width: 30%;
    text-align: center;
    color: #333;
}

#c-makedBox .c-btnBox .c-btn2 {
    float: right;
    width: 70%;
    text-align: right;
    background: #f20000;
    padding-right: 80px;
    color: #fff;
    border-radius: 27px;
}

#c-makedBox .c-btn .c-arrow {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 70%;
    width: 30%;
    background: #f20000;
    border-radius: 27px;
    text-align: center;
    transition: .5s;
}

#c-makedBox .c-btn .c-arrow img {
    height: 12px;
    vertical-align: middle;
    transition: .5s;
}

#c-makedBox .c-btn .c-text {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 0 80px;
    width: 100%;
    font-weight: bold;
}

#c-makedBox .c-btn:hover .c-arrow {
    right: 0;
    width: 100%;
}

#c-makedBox .c-btn:hover .c-arrow img {
    opacity: 0;
}

@media screen and (max-width: 1599px) {
	#c-makedBox .c-mainBox .c-titleBox {
	  padding: 0 30px;
	}
	#c-makedBox .c-mainBox .c-titleBox .c-title {
	  font-size: 20px;
	  line-height: 60px;
	}
	#c-makedBox .c-mainBox .c-close {
	  width: 80px;
	  height: 60px;
	  background-size: 20px auto;
	}
	#c-makedBox .c-form1,
	#c-makedBox .c-form2 {
	  padding: 30px;
	}
	#c-makedBox .swiper-container {
	  padding-right: 30px;
	}
	#c-makedBox .c-topBox .c-text {
	  padding: 15px 0 10px;
	  font-size: 14px;
	  line-height: 24px;
	}
	#c-makedBox .c-topBox input,
	#c-makedBox .c-topBox select {
	  height: 40px;
	  border-radius: 20px;
	  font-size: 14px;
	}
	#c-makedBox .c-topBox textarea {
	  padding: 12px 20px;
	  border-radius: 20px;
	  line-height: 24px;
	  border: 0;
	  font-size: 14px;
	}
	#c-makedBox .c-bottomBox {
	  padding-top: 30px;
	}
	#c-makedBox .c-bottomBox .c-title {
	  font-size: 20px;
	}
	#c-makedBox .c-bottomBox .c-list .c-textBox .c-text1 {
	  font-size: 16px;
	}
	#c-makedBox .c-bottomBox .c-list .c-textBox .c-text2 {
	  font-size: 14px;
	  line-height: 24px;
	}
	#c-makedBox .c-btn,
	#c-makedBox .c-btnBox {
	  margin-top: 30px;
	  margin-right: 30px;
	}
	#c-makedBox .c-btn,
	#c-makedBox .c-btnBox {
	  height: 50px;
	  line-height: 50px;
	}
	#c-makedBox .swiper-container {
	  height: 385px;
	}
	#c-makedBox .c-form2 {
	  top: 60px;
	}
	#c-makedBox .c-bottomBox img {
	  margin-top: 15px;
	}
	
	
	
}	

@media screen and (max-width: 1279px) {
	#c-makedBox .c-mainBox {
	  width: 400px;
	}
}	
@media screen and (max-width: 1023px) {
	#c-makedBox .c-btn .c-arrow {
	  right: 0;
	  width: 100%;
	}
	#c-makedBox .c-btn .c-arrow img {
	  opacity: 0;
	}
	#c-makedBox .c-btn .c-text {
	  text-align: center;
	}
	#c-makedBox .c-btnBox .c-btn1,
	#c-makedBox .c-btnBox .c-btn2 {
	  width: 50%;
	  padding: 0;
	  text-align: center;
	}
}	
@media screen and (max-width: 767px) {
	#c-makedBox .c-form1,
	#c-makedBox .c-form2 {
	  padding: 20px;
	}
	#c-makedBox .c-mainBox .c-titleBox {
	  padding: 0 20px;
	}
	#c-makedBox .c-mainBox .c-close {
	  width: 60px;
	}
	#c-makedBox .c-mainBox {
	  width: 300px;
	}
	#c-makedBox .swiper-container {
	  padding-right: 20px;
	}
	#c-makedBox .c-btn,
	#c-makedBox .c-btnBox {
	  margin-top: 20px;
	  margin-right: 20px;
	}
	#c-makedBox .c-btn,
	#c-makedBox .c-btnBox {
	  height: 40px;
	  line-height: 40px;
	}
}	

.papertc.c-fidexShow {
    opacity: 1;
    z-index: 999;
}
.papertc{
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: -10;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	
}
.papercon{
	position: fixed;
	top: 50%;
	left: 50%;
	width: auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #fff;
	padding: 45px 36px 60px 28px;
}
.papertc .c-close {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 5;
	width: 30px;
	height: 30px;
	background: url(../images/close1.png) no-repeat center center;
	background-size: 30px auto;
	cursor: pointer;
	opacity: 0.3;
}
.paper_r{
	width: 280px;
}
.paperBox{
	display: flex;
	justify-content: space-between;
}
.paperBox>img{
	padding-right: 38px;
	width: 346px;
    height: 264px;
}
.paper_rbox{
	display: flex;
	align-items: center;
	margin: 60px auto 28px;
	
}
.paper_rbox img{
	margin-right: 20px;
	width: 108px;
}
.paper_rboxp{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.paper_rboxp p{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5px;
}
.paper_rboxp p span{
	color: #d11f1a;
}
.paper_r>p{
	font-size: 16px;
}
.paper_r>p span{
	color: #d11f1a;
}

@media screen and (max-width: 767px) {
	.papercon{
		padding: 20px;
		width: 90%;
	}
	.paperBox{
		flex-direction: column;
	}
	.paperBox>img{
		padding: 0;
		width: 238px;
        height: 204px;
		margin: auto;
	}
	.paper_rbox{
		margin: 20px auto;
		justify-content: center;
	}
	.paper_r{
		width: 100%;
	}
	.paper_r>p{
		text-align: center;
	}
	.appointment_box p{
		font-size: 14px;
        margin-bottom: 10px;
	}
}