/**
* 厦门恒图贸易有限公司（厦门） 2018
 */

@font-face {
    /*font-family: 'FZLanTingZhongHei';*/
    /*src: url('../fonts/FZLanTingZhongHei.eot');*/
    /*src: url('../fonts/FZLanTingZhongHei.eot?#iefix') format('embedded-opentype'),*/
    /*url('../fonts/FZLanTingZhongHei.woff2') format('woff2'),*/
    /*url('../fonts/FZLanTingZhongHei.woff') format('woff'),*/
    /*url('../fonts/FZLanTingZhongHei.ttf') format('truetype'),*/
    /*url('../fonts/FZLanTingZhongHei.svg#FZLanTingZhongHei') format('svg');*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
    /*font-family: 'FZLanTingHei';*/
    /*src: url('../fonts/FZLanTingHei.eot');*/
    /*src: url('../fonts/FZLanTingHei.eot?#iefix') format('embedded-opentype'),*/
    /*url('../fonts/FZLanTingHei.woff2') format('woff2'),*/
    /*url('../fonts/FZLanTingHei.woff') format('woff'),*/
    /*url('../fonts/FZLanTingHei.ttf') format('truetype'),*/
    /*url('../fonts/FZLanTingHei.svg#FZLanTingHei') format('svg');*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
    /*font-family: 'FZLanTingXiHei';*/
    /*src: url('../fonts/FZLanTingXiHei.eot');*/
    /*src: url('../fonts/FZLanTingXiHei.eot?#iefix') format('embedded-opentype'),*/
    /*url('../fonts/FZLanTingXiHei.woff2') format('woff2'),*/
    /*url('../fonts/FZLanTingXiHei.woff') format('woff'),*/
    /*url('../fonts/FZLanTingXiHei.ttf') format('truetype'),*/
    /*url('../fonts/FZLanTingXiHei.svg#FZLanTingZhongHei') format('svg');*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
}

body {
    font-family: "微软雅黑";
    color: #000;
}

a {
    color: #000;
}

a:hover {
    color: #000;
    text-decoration: none;
}

ul, li, p, h1, h2, h3, h4, h5, h6 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.linetop {
    border-top: 1px solid #898989;
}

/*分页*/
.listpage {
    clear: both;
    text-align: left;
    width: 1041px;
    float: right;
}

.listpage a {
    background: #898989;
    color: #fff;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 5px 2px;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
}

.listpage a:hover, .listpage a.current {
    background: #79cdd7;
    color: #fff;
}

.listpage li {
    display: inline-block;
}

.listpage span {
    color: #000;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}

/*渐显  自定义动画延时*/
.hid---- {
    opacity: 0;
    visibility: hidden;
}

.delay1 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.delay2 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.delay3 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.delay4 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.delay5 {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.delay6 {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.delay7 {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.delay8 {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.delay9 {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.delay10 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.delay11 {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

.delay12 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.delay13 {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

.delay14 {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

.delay15 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.delay20 {
    -webkit-animation-delay: 2.0s;
    animation-delay: 2.0s;
}

.delay43 {
    -webkit-animation-delay: 4.3s;
    animation-delay: 4.3s;
}

.hid {
    opacity: 0.0 !important;
    -webkit-transform: translateY(40px) !important;
    transform: translateY(40px) !important;
    -webkit-transition-timing-function: cubic-bezier(.41, .2, .38, .8) !important;
    transition-timing-function: cubic-bezier(.41, .2, .38, .8) !important;
    -webkit-transition-property: opacity, -webkit-transform !important;
    transition-property: opacity, transform !important;
    -webkit-transition-duration: .44s !important;
    transition-duration: .44s !important
}

.hid.lz {
    opacity: 1.0 !important;
    -webkit-transform: translateY(0) translateZ(0) !important;
    transform: translateY(0) translateZ(0) !important
}

.shid {
    opacity: 0.0 !important;
    -webkit-transform: translateY(120px) !important;
    transform: translateY(120px) !important;
    -webkit-transition-timing-function: cubic-bezier(.41, .2, .38, .8) !important;
    transition-timing-function: cubic-bezier(.41, .2, .38, .8) !important;
    -webkit-transition-property: opacity, -webkit-transform !important;
    transition-property: opacity, transform !important;
    -webkit-transition-duration: .88s !important;
    transition-duration: .88s !important
}

.am-animation-lz01 {
    opacity: 1.0 !important;
    -webkit-transform: translateY(0) translateZ(0) !important;
    transform: translateY(0) translateZ(0) !important
}

.am-text-primary {
    color: #79cdd7;
}

/*am-slider banner*/
.am-slider-default .am-control-nav li a {
    width: 20px;
    height: 4px;
    background-color: #383941;
    border-radius: 0px;
}

.am-slider-default .am-control-nav li a.am-active {
    background-color: #fff;
}

.am-slider-default .am-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
}

.am-slider-default .am-control-nav li {
    margin: 0 9px;
}

/*放大图片动画*/
.fdimg {
    display: block;
    /*overflow: hidden;*/
}

.fdimg img.big-bg {
    transition: all 0.6s;
}

.fdimg:hover img.big-bg, .home-service a:hover img.big-bg {
    transform: scale(1.05);
}

/*按钮 == 共用部分*/
.more {
    color: #79cdd7;
    border: 1px solid #79cdd7;
    border-radius: 2px;
    font-size: 18px;
    padding: 0 55px 0 55px;
    height: 57px;
    line-height: 57px;
}

.more:hover {
    background: #79cdd7;
    color: #fff;
}

.am-container {
    max-width: 1235px;
}

.zw-container {
    max-width: 1500px;
    margin: 0 auto;
}

.titlebox .title {
    font-size: 38px;
    color: #3e3a39;
    font-family: "FZLanTingHei";
    font-weight: normal;
}

.titlebox .title small {
    display: block;
    font-size: 18px;
}

.titlebox p {
    color: #595757;
    font-size: 18px;
    margin-bottom: 80px;
}

.overlay {
    z-index: 99;
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    background: url(../images/overlay_black_60.png) repeat;
    opacity: 0.0;
    -webkit-transition: .24s cubic-bezier(.8, 0, .1, .81) .1s;
    transition: .24s cubic-bezier(.8, 0, .1, .81) .1s;
    left: 0;
    top: 80px;
    right: 0;
    bottom: 0;
}

.show {
    -webkit-transition-delay: 0.0s;
    transition-delay: 0.0s;
    opacity: 1.0;
    visibility: visible
}

/*sub banner*/
.subbanner {
    padding-top: 80px;
    height: 614px;
    background-position: center 80px;
    background-repeat: no-repeat;
}

.aboutbanner {
    background-image: url(../images/bannerbg/about-bg.jpg);
}

.newsbanner {
    background-image: url(../images/bannerbg/news-bg.jpg);
}

.servicebanner {
    background-image: url(../images/bannerbg/service-bg.jpg);
}

.contactbanner {
    background-image: url(../images/bannerbg/contact-bg.jpg);
}

.huobanbanner {
    background-image: url(../images/bannerbg/huoban-bg.jpg);
}

/*header*/
.notopfixed {
    position: absolute;
    z-index: 999; /*background:#fff;*/
}

.notopfixed img.smlogo {
    display: none;
}

.topfixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: rgba(255, 255, 255, 1);
}

.topfixed img.smlogo {
    display: block;
}

#header .city {
    height: 80px;
    margin-right: 37px;
    position: fixed;
    right: 0;
    top: 0;
}

#header .city span {
    color: #333;
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 5px;
}

#header .city .ic-phone-s {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 18px;
    background: url("../images/home/ic-phone-small.png");
    background-repeat: no-repeat;
    background-size: 100%;
}

#header .logo {
    position: fixed;
    left: 11.59%;
    top: 22px;
    z-index: 999;
}

#header .logo img.mdlogo {
    max-width: 100px;
}

#header .nav1 {
    display: none;
}

#header .nav a {
    font-size: 18px;
    color: #999;
    height: 80px;
    line-height: 80px;
    margin: 0 35px;
}

#header .nav a:hover, #header .nav a.curr {
    color: #79cdd7;
}

#header .nav a:hover span, #header .nav a.curr span {
    /*background: url(../images/nav-line.png) center bottom no-repeat;*/
    padding-bottom: 10px;
}

/*home about*/
.home-title {
    margin: 100px auto 0px auto;
}

.home-title h2.title {
    font-size: 36px;
    font-weight: normal;
    color: #333;
    margin-bottom: 30px;
    line-height: 100%;
}

.home-title h2.title span.t1 {
    display: block;
    font-family: "FZLanTingXiHei";
    font-weight: normal;
}

.home-title h2.title span.t2 {
    display: block;
    margin-top: 13px;
    font-family: "FZLanTingZhongHei";
    font-weight: bold;
    color: #999;
    font-size: 12px;
    margin-top: 5px;
}

.home-title .line-h {
    background: #79cdd7;
    display: block;
    width: 30px;
    height: 4px;
    margin: 0 auto;
    margin-top: 20px;
}

/*公司简介*/
.home-company-profile .info {
    color: #666;
    font-size: 18px;
    max-width: 76.8%;
    line-height: 200%;
}

.home-company-profile .about12 {
    margin-bottom: 40px;
}

/*业务范围*/
.home-service {
    background: #f5f5f5;
    padding-bottom: 60px;
}

.home-service .types {
    max-width: 80%;
}

.home-service .am-cf {
    overflow: hidden;
    margin-top: 60px;
}

.home-service a .info {
    position: absolute;
    z-index: 2;
    top: 0;
    padding-top: 20px;
    padding-right: 3rem;
    width: 100%;
    margin-top: 25px;
}

.home-service a.hs1 h3, .home-service a.hs3 h3 {
    color: #fff;
    font-size: 21px;
}

.home-service a.hs2 h3 {
    color: #000;
    font-size: 21px;
}

.home-service a h6 {
    font-size: 18px;
    font-weight: normal;
    padding: 5px 0 17px 0;
}

.home-service a.hs1 h6, .home-service a.hs3 h6 {
    color: #e3e3e4;
}

.home-service a.hs2 h6 {
    color: #6c6d6d;
}

.home-service a h3, .home-service a h6 {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: opacity 1000ms cubic-bezier(.19, 1, .22, 1) 0s, -webkit-transform 1000ms cubic-bezier(.19, 1, .22, 1) 0s;
    transition: opacity 1000ms cubic-bezier(.19, 1, .22, 1) 0s, transform 1000ms cubic-bezier(.19, 1, .22, 1) 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.home-service a h6 {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.home-service a:hover h3, .home-service a:hover h6 {
    -webkit-transform: translateY(-23px);
    transform: translateY(-23px);
}

.home-service a .ico1 {
    background: url(../images/ico1.png) center center no-repeat;
}

.home-service a .ico2 {
    /*background: url(../images/ico4.png) center center no-repeat;*/
}

.home-service a .ico3 {
    background: url(../images/ico5.png) center center no-repeat;
}

.home-service a .ico {
    opacity: 0.0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: opacity 1000ms cubic-bezier(.19, 1, .22, 1) 0s, -webkit-transform 1000ms cubic-bezier(.19, 1, .22, 1) 0s;
    transition: opacity 1000ms cubic-bezier(.19, 1, .22, 1) 0s, transform 1000ms cubic-bezier(.19, 1, .22, 1) 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 100%;
    height: 30px;
    display: block;
}

/*团队介绍*/
.home-team-introduction {
    background: #f5f5f5;
    padding-bottom: 60px;
}

.home-team-introduction > ul {
    margin: 0 auto;
    max-width: 76.8%;
}

.home-team-introduction .person {
    margin-top: 60px;
    width: 20%;
    padding: 0 15px;
}

.home-team-introduction .person h3 {
    font-weight: normal;
    font-size: 20px;
    color: #666;
    margin-top: 10px;
}

/*合作伙伴*/
.home-partners {
}

.home-partners > ul {
    margin: 0 auto;
    max-width: 76.8%;
}

.home-partners > ul img {
    max-width: 54%;
}

.home-partners .partner {
    margin-bottom: 60px;
    width: 33.3%;
    padding: 0 15px;
    height: 200px;
    line-height: 200px;
}

.home-partners .partner > div {
    border: 1px solid #e6e6e6;
}

/*home-case*/
.caselist {
    max-width: 1500px;
    margin: 0 auto;
}

.caselist > ul {
    max-width: 80%;
    margin: 0 auto;
}

.caselist li {
    /*padding-left: 60px;*/
    margin-bottom: 64px; /*height:321px*/;
    float: left !important;
}

.caselist li:nth-child(2n-1) {

}

.caselist li.readmore {
    height: auto;
}

.caselist li a .thumb {
    position: relative;
}

.caselist a .title {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #79cdd7;
    background-color: rgba(0, 140, 238, 0.85);
    filter: Alpha(opacity=80);
    color: #fff;
    font-size: 16px;
    opacity: 0;
}

.caselist a .title span, .caselist a .title h3 {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: opacity 1000ms cubic-bezier(.19, 1, .22, 1) 0s, -webkit-transform 1000ms cubic-bezier(.19, 1, .22, 1) 0s;
    transition: opacity 1000ms cubic-bezier(.19, 1, .22, 1) 0s, transform 1000ms cubic-bezier(.19, 1, .22, 1) 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.caselist a .title h3 {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.caselist a:hover .title span, .caselist a:hover .title h3 {
    -webkit-transform: translateY(-23px);
    transform: translateY(-23px);
}

.caselist a .title span {
    margin-top: 20%;
    display: block;
    position: relative;
    color: #fff;
}

.caselist a .title h3 {
    font-size: 30px;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 13px;
    position: relative;
    color: #fff;
}

.caselist a .title p.ico {
    /*background: url(../../ico2.png) center center no-repeat;*/
    height: 34px;
    width: 100%;
    display: block;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    position: relative;
}

.caselist a:hover .title p.ico {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.caselist .more {
    margin: 30px auto;
}

/*case detail*/
.caseInfo {
    text-align: center;
    max-width: 76.8%;
    margin: 190px auto 50px auto;
}

.caseInfo p {
    color: #666;
    font-size: 18px;
    line-height: 150%;
    text-align: justify;
    margin-bottom: 45px;
}

.caseInfo img {
    max-width: 100%;
}

/*contact*/
#mapContainer {
    height: 672px
}

#contact {
    /*margin: 160px auto;*/
}

#contact .list {
    padding-bottom: 60px;
}

#contact .list a {
    display: inline-block;
    padding-top: 242px;
    font-size: 18px;
    color: #333;
    width: 212px;
}

#contact .list a:hover {
    color: #79cdd7;
}
#contact .list a.weixin {
    margin: 0 132px 0 0;
    background-size: 100%;
}

#contact .list a.tel {
    background: url(../images/contact-us/tel.png) center top no-repeat;
    min-width: 128px;
    margin-left: 132px;
    background-size: 100%;
}

#contact .list a.tel:hover {
    background: url(../images/contact-us/tel.png) center top no-repeat;
    background-size: 100%;
}

/*job*/
.join {
    margin: 140px auto;
}

.joblist {
    background: url(../images/join.png) center top no-repeat;
    padding-top: 165px;
    margin-top: 68px;
}

.joblist li {
    display: inline-block;
    width: 187px;
    text-align: left;
    color: #3e3a39;
    font-size: 18px;
    line-height: 200%;
}

.joblist li p { /*border-bottom:2px solid #c8c8c8;*/
    height: 156px;
    float: left;
}

.joblist li.j2 {
    margin: 0 67px 0 66px;
}

.joblist li.j4 {
    margin: 0 64px 0 63px;
}

/*footer-logo*/
#footer-logo {
    border-top: 1px solid #727171;
    padding-top: 87px;
    padding-bottom: 69px;
}

#footer-logo a {
    display: inline-block;
    height: 201px;
    width: 100%;
}

#footer-logo span {
    background: url(../images/footer-logo-line.png) 15px center no-repeat;
}

#footer-logo span.logo1 {
    background: none;
}

#footer-logo span.logo1 a {
    background: url(../images/logo1.png) center top no-repeat;
}

#footer-logo span.logo1 a:hover {
    background: url(../images/logo1.png) center bottom no-repeat;
}

#footer-logo span.logo2 a {
    background: url(../images/logo2.png) center top no-repeat;
}

#footer-logo span.logo2 a:hover {
    background: url(../images/logo2.png) center bottom no-repeat;
}

#footer-logo span.logo3 a {
    background: url(../images/logo3.png) center top no-repeat;
}

#footer-logo span.logo3 a:hover {
    background: url(../images/logo3.png) center bottom no-repeat;
}

/*footer*/
.footer-container {
    max-width: 80%;
    color: #3e3a39;
}

.footer-contact {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #f5f5f5;
}

.footer-contact p.t1 {
    font-size: 36px;
}

.footer-contact p.t2 {
    font-size: 36px;
    color: #79cdd7;
    margin: 35px auto 0px auto;
}

.footer-contact p.t2 span {
    font-size: 24px;
}

.footer-contact p.t3 {
    font-size: 18px;
    color: #323232;
    margin-top: 25px;
}

.footer-contact p.t4 {
    font-size: 18px;
    color: #323232;
    margin-top: 25px;
}

.footer-contact .c-btn {
    margin-top: 38px;
}

.footer-contact .c-btn a {
    background: #898989;
    font-size: 17px;
    color: #fff;
    margin-right: 12px;
    height: 45px;
    line-height: 45px;
    padding: 0 50px;
    font-weight: bold;
}

.footer-contact .c-btn a:hover, .footer-contact .c-btn a.curr {
    background: #79cdd7;
}

.footer-contact .footer-wx {
    padding-top: 20px;
    text-align: right;
}

.footer-contact .footer-wx .wx2 {
    margin-left: 49px;
    margin-right: -5px;
}

#footer {
    background: #303030;
    padding: 68px 0 37px 0;
}

#footer .allcate dl {
    float: left;
    margin: 0 47px;
}

#footer .allcate dl.f1 {
    margin: 0 47px 0 0;
}

#footer .allcate dl.f8 {
    float: right;
    margin: 0;
}

#footer .allcate dt {
    font-size: 15px;
    color: #fff;
    background: url(../images/ico3.png) left top no-repeat;
    padding-top: 15px;
    font-family: "FZLanTingZhongHei";
}

#footer .allcate dl dd {
    margin-top: 20px;
    line-height: 160%;
}

#footer .allcate dl dd a {
    display: block;
    font-size: 12px;
    color: #727171;
    font-family: "FZLanTingXiHei";
}

#footer .allcate dl dd a:hover {
    color: #fff;
}

#footer .copyright {
    background: url(../images/footer-copyright-line.png) left top repeat-x;
    padding-top: 18px;
    color: #7e7e7e;
    margin-top: 60px;
}

#footer .copyright .cpleft {
    background: url(../images/footer-icp.png) left center no-repeat;
    display: block;
    width: 671px;
    min-height: 63px;
}

#footer .copyright .qqlist {
    margin-top: 20px;
}

#footer .copyright .qqlist a {
    height: 41px;
    width: 41px;
    display: inline-block;
    background-image: url(../images/footer-contact-ico.png);
    background-repeat: no-repeat;
}

#footer .copyright .qqlist a.qq {
    background-position: left top;
}

#footer .copyright .qqlist a.wx {
    background-position: -69px top;
    margin: 0 28px;
}

#footer .copyright .qqlist a.wb {
    background-position: right top;
}

#footer .copyright .qqlist a.qq:hover {
    background-position: left bottom;
}

#footer .copyright .qqlist a.wx:hover {
    background-position: -69px bottom;
}

#footer .copyright .qqlist a.wb:hover {
    background-position: right bottom;
}

#footer .copyright .qqlist a.wx span.popwx {
    position: absolute;
    top: -80px;
    right: 40px;
    display: none;
}

#footer .copyright .qqlist a.wx:hover span.popwx {
    display: block;
}

/*右侧浮动*/
.fixed {
    position: fixed;
    top: 50%;
    right: 0px;
    width: 45px;
    display: none;
}

.fixed .child {
    position: absolute;
    right: 0px;
    overflow: hidden;
    cursor: pointer;
    width: 45px;
    height: 45px;
    background: #fff;
    line-height: 45px;
    margin-top: 1px;
    text-align: center;
}

.fixed .child {
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.fixed .child:hover {
    width: 135px;
    background: #000;
}

.fixed .child img {
    display: inline-block;
}

.fixed .child p {
    position: absolute;
    left: 45px;
    color: #fff;
}

.fixed .child:hover img.call {
    display: none;
}

.fixed .child:hover p {
    left: 0;
}

.fixed .fixedCall {
    bottom: 92px;
}

.fixed .fixedTop {
    position: absolute;
    right: 0px;
    bottom: 0px;
    color: #fff;
    background-color: #fff;
    cursor: pointer;
    text-align: center;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    font-family: "MICROSOFT YAHEI", "Arial Narrow";
}

.fixed .fixedTop a.top {
    color: #fff;
    width: 45px;
    height: 45px;
    display: block;
}

.fixed .fixedTop:hover {
    background-color: rgba(0, 140, 238, 0.85);
}

.fixed .fixedTop .fixedTopPointer {
    position: absolute;
    top: -5px;
    left: 18px;
}

.fixed .fixedCode {
    position: absolute;
    bottom: 46px;
    cursor: pointer;
    width: 45px;
    height: 45px;
    background: #fff;
    line-height: 45px;
    text-align: center;
    margin-top: 1px;
}

.fixed .fixedCode:hover {
    background-color: rgba(0, 140, 238, 0.85);
}

.fixedCodeInfo {
    display: none;
    position: fixed;
    top: 50%;
    margin-top: -138px;
    right: 48px;
}

.fixedCodeInfo .fixedPointer {
    position: absolute;
    right: -6px;
    bottom: 12px;
}

.fixedCodeInfo img {
    width: 138px;
}

.sline {
    border-bottom: 1px solid #c9caca;
}

@media (max-width: 640px) {
    body {
        font-size: 14px;
    }

    #demo-slider-0{
        padding-top: 45px;
    }

    .linetop {
        border-top: 0px solid #c9caca;
    }

    .more {
        color: #79cdd7;
        border: 1px solid #79cdd7;
        border-radius: 2px;
        font-size: 18px;
        padding: 0 55px 0 55px;
        height: 57px;
        line-height: 57px;
    }

    .fixed {
        display: none;
    }

    /*分页*/
    .listpage {
        width: auto;
    }

    /*header*/
    #header {
        background: #fff;
        height: 45px;
    }

    #header a.logo img.mdlogo {
        max-width: 60px;
        height: auto;
    }

    #header a.logo img.smlogo, #header .logo {
        max-width: 45px;
        height: auto;
        left: 18px;
        top: 14px;
    }

    .sm-menu- {
        height: 45px;
        line-height: 45px;
        padding-top: 15px;
        padding-right: 10px;
    }

    /*animate nav*/
    #header .navBtn {
        transition-duration: .5s;
        -ms-transition-duration: .5s;
        -moz-transition-duration: .5s;
        -webkit-transition-duration: .5s;
        cursor: pointer;
    }

    #header .wapBtnAn {
        transform: rotateZ(180deg);
        -moz-transform: rotateZ(180deg);
        -ms-transform: rotateZ(180deg);
        -o-transform: rotateZ(180deg);
        -webkit-transform: rotateZ(180deg);
    }

    #header .nav1 {
        background: #303030;
        opacity: 0.0;
        position: fixed;
        top: 45px;
        width: 100%;
        height: auto;
        line-height: normal;
        padding-top: 60px;
    }

    #header .nav1 a {
        font-size: 14px;
        margin: 0px;
        width: 100%;
        height: 50px;
        line-height: 50px;
        float: none;
        display: block;
        background: none;
        color: #fff;
    }

    #header .city1 {
        height: 50px;
        margin-top: 60px;
    }

    #header .city1 span {
        color: #fff;
        font-size: 16px;
        background: #5d5d5c;
        padding: 5px 30px;
        border-radius: 5px;
    }

    .home-title {
        margin: 45px auto 0px auto;
    }

    .home-title h2.title {
        font-size: 28px;
        margin-bottom: 20px;
    }

    /*sm menu ico*/
    .h_btn {
        display: block;
        z-index: 2102;
        position: absolute;
        top: 0;
        right: 0;
        width: 45px;
        height: 45px
    }

    .h_btn_inner {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 23px;
        height: 18px;
        margin: -11px -9px
    }

    .h_btn_border {
        position: absolute;
        top: 50%;
        left: 0;
        background-color: #79cdd7;
        border-radius: 1px;
        width: 100%;
        height: 3px
    }

    .h_btn_border--01 {
        margin-top: -7px;
        -webkit-transition: top .1s ease-in-out, .5s ease 0s;
        transition: top .1s ease-in-out, .5s ease 0s
    }

    .h_btn_border--02 {
        opacity: 1.0;
        -webkit-transition: .4s ease;
        transition: .4s ease
    }

    .h_btn_border--03 {
        margin-top: 7px;
        -webkit-transition: .4s ease 0s;
        transition: .4s ease 0s
    }

    .active .h_link:before, .active .h_link:after {
        background-color: #fff
    }

    .open.h_btn .h_btn_border--01 {
        top: 50%;
        margin-top: 0 !important;
        -webkit-transform: rotateZ(45deg);
        transform: rotateZ(45deg);
        -webkit-transition: .4s ease;
        transition: .4s ease
    }

    .open.h_btn .h_btn_border--02 {
        top: 50%;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0.0
    }

    .open.h_btn .h_btn_border--03 {
        top: 50%;
        margin-top: 0 !important;
        -webkit-transform: rotateZ(-45deg);
        transform: rotateZ(-45deg)
    }

    .open .h_btn_inner {
        width: 20px;
    }

    /*banner*/
    .home-text-bg {
        background: #000 url(../images/smbanner.jpg) center center no-repeat;
        background-size: 100%;
    }

    .home-text {
        display: none;
    }

    .home-text, .home-text-bg-1 {
        padding: 0 10px;
    }

    .home-text p.text3 {
        margin-bottom: 20px;
    }

    .home-text p.text-line {
        margin: 30px auto;
    }

    /*.subbanner*/
    .subbanner {
        padding-top: 45px;
        height: 270px;
        background-position: center 45px;
        background-size: 100% 245px;
    }

    .subbanner .am-vertical-align-middle-- {
        padding-left: 15px;
        padding-right: 15px;
    }

    .subbanner .am-vertical-align-middle img {
        max-width: 280px;
    }

    /*home about*/
    .home-company-profile {
        margin: 30px auto;
    }

    .home-company-profile .about12 {
        margin-bottom: 25px;
    }

    .home-company-profile h2.title {
        margin-bottom: 28px;
        padding-bottom: 28px;
        font-size: 21px;
        background-image: url(../images/sm-title-line-bg.png);
    }

    .home-company-profile h2.title span.t2 {
        margin-top: 9px;
    }

    .home-company-profile p.info {
        font-size: 14px;
        line-height: 180%;
        text-align: inherit
    }

    .home-company-profile .about12 img {
        max-width: 128px;
    }

    .home-company-profile .info {
        font-size: 14px;
        padding: 0 5px;
    }

    /*home-service*/
    .home-service {
        margin-bottom: 57px;
    }

    .home-service .titlebox {
        margin-top: 57px;
    }

    .home-service a {
        padding-bottom: 10px;
        display: block;
    }

    .home-service .am-cf {
        margin-top: 20px;
    }

    .home-service a .info {
        margin-top: 30px;
    }

    .home-service a .info h6 {
        font-size: 17px;
    }

    .home-service .types img {
        width: 100%;
    }

    /*团队介绍*/
    .home-team-introduction {
        padding-bottom: 30px;
    }

    .home-team-introduction .person {
        margin-top: 30px;
        width: 50%;
        padding: 0 15px;
    }

    .home-team-introduction .person h3 {
        font-weight: normal;
        font-size: 14px;
        color: #666;
        margin-top: 5px;
    }

    /*合作伙伴*/
    .home-partners .partner {
        margin-bottom: 40px;
        width: 100%;
        padding: 0 15px;
        height: 160px;
        line-height: 160px;
    }

    /*home-case-title*/
    .caselist {
        overflow: hidden;
    }

    .caselist ul {
        max-width: 100%;
    }

    .caselist li {
        margin-bottom: 5px;
        padding-left: 2.5px;
        padding-right: 2.5px;
        height: auto;
    }

    .caselist li.last-- {
        padding-right: 0;
    }

    .caselist .more {
        margin: 40px auto;
    }

    .xgcaselist .more {
        margin: 40px auto 10px auto;
        height: auto;
        line-height: normal;
    }

    /*case detail*/
    .caseInfo {
        margin-top: 100px;
    }

    .caseInfo p {
        font-size: 14px;
    }

    /*footer*/
    .footer-container {
        max-width: 95%;
        color: #3e3a39;
    }

    .footer-contact {
        padding-top: 57px;
        padding-bottom: 57px;
    }

    .footer-contact p.t1 {
        text-align: center;
        font-size: 24px;
        color: #323232;
    }

    .footer-contact p.t2 {
        font-size: 24px;
        color: #79cdd7;
        text-align: center;
        margin-top: 25px;
    }

    .footer-contact p.t2 span {
        font-size: 24px;
    }

    .footer-contact p.t3 {
        font-size: 18px;
        color: #323232;
        margin-top: 25px;
        text-align: center;
    }

    .footer-contact p.t4 {
        font-size: 18px;
        color: #323232;
        margin-top: 25px;
        text-align: center;
    }

    .footer-contact .footer-wx {
        padding-top: 35px;
        text-align: center;
    }

    .footer-contact .footer-wx img {
        max-width: 108px;
    }

    .footer-contact .footer-wx .wx2 {
        margin-left: 5%;
        margin-right: 0;
    }

    #footer {
        padding: 16px 0;
    }

    #footer .copyright {
        background: none;
        margin-top: 48px;
        padding-top: 0;
    }

    #footer .copyright .am-fr {
        float: none;
        text-align: center;
    }

    #footer .copyright .qqlist {
        margin: 20px auto 10px auto;
    }

    #footer .copyright .sm-icp {
        font-size: 14px;
        color: #565656;
    }

    #footer .copyright .qqlist a.wx:hover span.popwx {
        display: none;
    }

    /*title box*/
    .titlebox .title {
        font-size: 21px;
        margin-bottom: 30px;
        padding-bottom: 30px;
        background-image: url(../images/sm-title-line-bg.png);
    }

    .titlebox .title span.am-show-sm-only {
        display: inline-block !important;
    }

    .titlebox p {
        margin-bottom: 30px;
        font-size: 14px;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    /*.casecate*/
    .caselist a .title {
        display: none;
    }
    .showcasebanner {
        height: 45px;
        padding-top: 0;
    }

    /*contact*/
    #mapContainer {
        height: 250px
    }

    #contact {
    }

    #contact .list a {
        display: block;
        padding-top: 210px;
        font-size: 14px;
        color: #333;
        width: 200px;
    }

    #contact .list a.weixin {
        display: none;
    }

    #contact .list a.tel {
        margin: 40px auto 0 auto;
    }

    .huoban {
        margin-bottom: 45px;
    }

    .hblist dl {
        padding-left: 0;
        padding-right: 0;
    }

    .hblist dt {
        font-weight: normal;
        font-size: 14px;
        margin-top: 18px;
    }

    .hblist dd.text {
        color: #727171;
        font-size: 14px;
        margin-top: 9px;
    }

    #footer-logo {
        padding-top: 57px;
        padding-bottom: 39px;
    }

    #footer-logo span {
        background: url(../images/footer-logo-line.png) left center no-repeat;
    }

    #footer-logo span.logo4 {
        background: none;
    }

    #footer-logo span.logo4 a {
        background: url(../mobileimg/logo2.png) center 35% no-repeat;
        background-size: 79% auto;
    }

    #footer-logo span.logo5 a {
        background: url(../mobileimg/logo3.png) center center no-repeat;
        background-size: 100% auto;
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    body {
        font-size: 14px;
    }

    .linetop {
        border-top: 1px solid #c9caca;
    }

    .more {
        color: #79cdd7;
        border: 1px solid #79cdd7;
        border-radius: 2px;
        font-size: 16px;
        padding: 0 50px 0 50px;
        height: 50px;
        line-height: 50px;
    }

    .fixed {
        display: none !important;
    }

    .home-text {
        padding: 0 30px;
    }

    /*分页*/
    .listpage {
        width: auto;
    }

    /*header*/
    #header {
        height: 60px;
    }

    #header .nav a {
        margin: 0 13px;
    }

    #header .city {
        margin-right: 67px;
        height: 60px;
    }

    #header .logo {
        position: fixed;
        left: 15px;
        top: 10px;
        z-index: 999;
    }

    #header .logo img {
        max-width: 61px;
    }

    #header .logo img.mdlogo {
        max-width: 100px;
    }

    /*animate nav*/
    #header .navBtn {
        transition-duration: .5s;
        -ms-transition-duration: .5s;
        -moz-transition-duration: .5s;
        -webkit-transition-duration: .5s;
        cursor: pointer;
    }

    #header .wapBtnAn {
        transform: rotateZ(180deg);
        -moz-transform: rotateZ(180deg);
        -ms-transform: rotateZ(180deg);
        -o-transform: rotateZ(180deg);
        -webkit-transform: rotateZ(180deg);
    }

    #header .nav1 {
        background: #303030;
        opacity: 0.0;
        position: fixed;
        top: 60px;
        width: 50%;
        height: auto;
        line-height: normal;
        padding-top: 100px;
        right: 0;
    }

    #header .nav1 a {
        font-size: 21px;
        margin: 0px;
        width: 100%;
        height: 80px;
        line-height: 80px;
        float: none;
        display: block;
        background: none;
        color: #fff;
    }

    #header .city1 {
        display: none !important;
    }

    .home-title {
        margin: 70px auto 0px auto;
    }

    .home-title h2.title {
        margin-bottom: 10px;
    }

    /*sm menu ico*/
    .h_btn {
        display: block;
        z-index: 2102;
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 60px
    }

    .h_btn_inner {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 28px;
        height: 18px;
        margin: -11px -9px
    }

    .h_btn_border {
        position: absolute;
        top: 50%;
        left: 0;
        background-color: #79cdd7;
        border-radius: 1px;
        width: 100%;
        height: 3px
    }

    .h_btn_border--01 {
        margin-top: -7px;
        -webkit-transition: top .1s ease-in-out, .5s ease 0s;
        transition: top .1s ease-in-out, .5s ease 0s
    }

    .h_btn_border--02 {
        opacity: 1.0;
        -webkit-transition: .4s ease;
        transition: .4s ease
    }

    .h_btn_border--03 {
        margin-top: 7px;
        -webkit-transition: .4s ease 0s;
        transition: .4s ease 0s
    }

    .active .h_link:before, .active .h_link:after {
        background-color: #fff
    }

    .open.h_btn .h_btn_border--01 {
        top: 50%;
        margin-top: 0 !important;
        -webkit-transform: rotateZ(45deg);
        transform: rotateZ(45deg);
        -webkit-transition: .4s ease;
        transition: .4s ease
    }

    .open.h_btn .h_btn_border--02 {
        top: 50%;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0.0
    }

    .open.h_btn .h_btn_border--03 {
        top: 50%;
        margin-top: 0 !important;
        -webkit-transform: rotateZ(-45deg);
        transform: rotateZ(-45deg)
    }

    .open .h_btn_inner {
        width: 20px;
    }

    .subbanner {
        padding-top: 60px;
        background-position: center 60px;
        height: 448px;
    }

    .casetop {
        height: 60px;
    }

    /*home about*/
    .home-company-profile {
        margin: 45px auto 80px auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    /*home service*/
    .home-service {
        padding-bottom: 40px;
    }

    .home-service .am-cf {
        margin-top: 40px;
    }

    .home-service a .info {
        padding-top: 0;
    }

    .home-service a .info h6 {
        font-size: 15px;
    }

    .home-service .am-u-md-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    /*团队介绍*/
    .home-team-introduction {
        /*background: #f5f5f5;*/
        /*padding-bottom: 60px;*/
    }

    .home-team-introduction .person {
        margin-top: 60px;
        width: 33.33%;
        padding: 0 15px;
    }

    .home-team-introduction .person h3 {
        font-weight: normal;
        font-size: 20px;
        color: #666;
        margin-top: 10px;
    }

    /*合作伙伴*/
    .home-partners {
    }

    .home-partners .partner {
        margin-bottom: 0px;
        width: 33.3%;
        padding: 0 15px;
    }

    .home-partners .partner > div {
        border: 1px solid #e6e6e6;
        height: 160px;
        line-height: 160px;
    }

    .home-partners .partner .logo {
        max-width: 100px;
    }

    /*caselist home*/
    .home-case-title h2 {
        margin-bottom: 36px;
        padding-bottom: 36px;
    }

    .caselist {
        overflow: hidden;
    }

    .caselist ul {

    }

    .caselist li {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }

    /*footer contact wx*/
    .footer-contact .footer-wx {
        padding-top: 0;
    }

    .footer-contact .footer-wx .wx2 {
        margin-left: 0;
        margin-right: 0;
    }

    /*footer help*/
    #footer .copyright {
        margin-top: 26px;
        background: none;
    }

    #footer {
        padding-top: 26px;
    }

    #footer .allcate dl {
        width: 14.2%;
        margin: 0;
    }

    #footer .allcate dl.f1 {
        margin: 0;
    }

    #footer .allcate dl.f8 {
        display: none;
    }

    /*#footer .copyright .qqlist*/
    .footer-contact {
        padding-top: 80px;
        padding-bottom: 80px;
        text-align: center;
    }

    .footer-contact p.t1 {
        text-align: center;
        font-size: 36px;
        color: #323232;
    }

    .footer-contact p.t2 {
        font-size: 36px;
        color: #79cdd7;
        text-align: center;
        margin-top: 35px;
    }

    .footer-contact p.t2 span {
        font-size: 24px;
    }

    .footer-contact p.t3 {
        font-size: 18px;
        color: #323232;
        margin-top: 35px;
        text-align: center;
    }

    .footer-contact p.t4 {
        font-size: 18px;
        color: #323232;
        margin-top: 35px;
        text-align: center;
    }

    .footer-contact .footer-wx {
        text-align: center;
        padding-top: 35px;
    }

    .footer-contact .footer-wx img.wx1 {
        margin-right: 40px;
    }

    #footer .copyright .qqlist {
        display: block;
        float: none !important;
        text-align: center;
        margin-top: 50px;
        margin-bottom: 23px;
    }

    /*all kehu*/
    #allkehu {
        display: none;
    }

    #allkehu {
        margin-bottom: 53px;
    }

    #allkehu .tempWrap- {
        margin-left: 30px;
    }

    #allkehu .bd ul {
        width: 80%;
    }

    #allkehu .bd ul li {
        width: 31.6%;
        height: 80px;
        margin: 0 2.5px 2.5px 2.5px;
    }

    #allkehu .bd ul li img {
        max-width: 66px;
    }

    #allkehu .prev, #allkehu .next {
        background-size: 15px 30px;
        width: 15px;
        height: 30px;
        top: 44%;
    }

    #allkehu .bd ul li img.thumb-h- {
        display: block;
    }

    #allkehu .bd ul li img.thumb- {
        display: none;
    }

    #sm-allkehu {
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        margin-bottom: 53px;
    }

    #sm-allkehu .am-direction-nav a::before, #sm-allkehu .am-direction-nav a.am-next::before {
        content: "";
    }

    #sm-allkehu .am-direction-nav .am-prev {
        background: url(../images/kprev.png) no-repeat;
        background-size: 15px 30px;
        width: 15px;
        height: 30px;
        left: 5px;
    }

    #sm-allkehu .am-direction-nav .am-next {
        background: url(../images/knext.png) no-repeat;
        background-size: 15px 30px;
        width: 15px;
        height: 30px;
        right: 5px;
    }

    #sm-allkehu .am-control-nav {
        display: none;
    }

    .am-slider .am-slides > li img {
        /*padding: 0 30px;*/
    }

    /*case list*/
    .caselist a .title {
        display: none;
    }

    .caseinfo {
        padding-left: 10px;
        padding-right: 10px;
    }

    .morepic {
        padding-left: 0;
        padding-right: 0;
    }

    .casedetail h1.title {
        margin: 48px auto 31px auto;
    }

    /*contact*/
    #contact {
        /*margin: 60px auto;*/
    }

    #contact .list a {
        display: inline-block;
        padding-top: 190px;
        font-size: 16px;
        color: #333;
        width: 165px;
    }

    #contact .list a.weixin {
        margin: initial;
    }
}