@charset "utf-8";

/* CSS Document */

body {
    position: relative;
    font-size: 14px;
}

/*head*/

.backimage {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    overflow: hidden;
    min-width: 1080px;
    /*    z-index: -1;*/
}

.backimage img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.head {
    position: relative;
    /*
     height:783px;
     background:#00b3ff;
 */
}

/*nav*/

h1 {
    margin-top: 29px;
    /*    width: 259px;*/
    margin-bottom: 19px;
    margin-left: -10px;
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

h1 a {
    display: block;
    width: 111px;
    height: 22px;
    position: relative;
    text-indent: 11px;
}

.nav_box {
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)
}

.chengeNav {
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
}

.chengeNav h1 {
    margin-top: -5px;
}

.nav_r {
    position: relative;
    height: 100%;
}

.nav_r .menu {
    display: none;
}

.nav_r .link {
    position: static;
    z-index: 1;
    background: none;
    height: auto;
}

.nav_r .link a {
    font-size: 14px;
    /*            wy*/
    /*			color:#000; */
    color: #fff;
    line-height: 80px;
    margin-left: 75px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.chengeNav .nav_r .link a {
    line-height: 70px;
    color: #000;
}

.logo {
    display: block;
    color: #fff;
    width: 100%;
    height: 100%;
    font-size: 55px !important;
}

/*        wy*/
.chengeNav .logo {
    color: #2888ff;

}

.nav_r .wy a {
    color: #000;
}

.nav_r .link a.cur,
.nav_r .link a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.head .line {
    border-bottom: 1px solid #000;
    opacity: 0.1;
    filter: alpha(opacity=10);
    position: relative;
    top: 80px;
    left: 0;
}

.head .title {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.banner-content {
    font-size: 36px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
}

.wedo_box {
    background: #fff;
    z-index: 2;
    overflow: hidden;
    min-width: 1080px;
    /*    margin-top:100vh;*/
}

.wedo {
    background: #fff;
}

/*.case, .acticle {*/
/*overflow: hidden;*/
/*}*/

/*.case {*/
/*min-width: 1080px;*/
/*background: #fff;*/
/*}*/

.wedo .title,
.case .title,
.contact .title,
.foot .title {
    height: 95px;
    margin-top: 50px;
    text-align: center;
}

/*!*重写*!*/
/*.wedo .title {*/
/*height: 95px;*/
/*margin-top: 50px;*/
/*text-align: center;*/
/*}*/

/*.case .title {*/
/*margin-top: 85px;*/
/*}*/

/*.acticle {*/
/*background: #fff;*/
/*}*/

/*.acticle .title {*/
/*margin-top: 77px;*/
/*text-align: center;*/
/*height: 118px;*/
/*}*/

/*.acticle-content {*/
/*overflow: hidden;*/
/*}*/

/*.acticle-list {*/
/*overflow: hidden;*/
/*margin-right: -55px;*/
/*padding-top: 30px;*/
/*padding-bottom: 40px;*/
/*padding-left: 25px;*/
/*padding-right: 25px;*/
/*}*/

/*.acticleLi {*/
/*float: left;*/
/*width: 33.33%;*/
/*padding-right: 30px;*/
/*box-sizing: border-box;*/
/*}*/

/*.acticleLi:hover .act-title {*/
/*color: rgb(0, 179, 255);*/
/*}*/

/*.acticleLi {*/
/*background: #fff;*/
/*}*/

/*.acticleLi img {*/
/*width: 100%;*/
/*float: left;*/
/*}*/

/*.acticleLibox {*/
/*padding: 0 30px;*/
/*border: 1px solid #ededed;*/
/*border-top: 0;*/
/*padding-bottom: 45px;*/
/*background: #fff;*/
/*overflow: hidden;*/
/*}*/

/*.act-title {*/
/*display: block;*/
/*font-size: 16px;*/
/*color: #000;*/
/*font-weight: 600;*/
/*margin: 25px 0 14px 0;*/
/*transition: all 0.5s;*/
/*}*/

/*.act-cotent {*/
/*font-size: 12px;*/
/*line-height: 34px;*/
/*color: #878787;*/
/*margin-bottom: 20px;*/
/*text-align: justify;*/
/*}*/

/*.acticle-content .morecase {*/
/*float: left;*/
/*display: block;*/
/*background-color: rgb(255, 255, 255);*/
/*color: rgb(0, 0, 0);*/
/*width: 239px;*/
/*height: 42px;*/
/*border: 1px solid #ccc;*/
/*margin: 65px auto 95px;*/
/*font-size: 15px;*/
/*line-height: 43px;*/
/*text-align: center;*/
/*-webkit-transition: all 0.5s;*/
/*-moz-transition: all 0.5s;*/
/*-ms-transition: all 0.5s;*/
/*transition: all 0.5s;*/
/*margin-left: 50%;*/
/*-webkit-transform: translate(-50%, 0);*/
/*-moz-transform: translate(-50%, 0);*/
/*-ms-transform: translate(-50%, 0);*/
/*transform: translate(-50%, 0);*/
/*}*/

/*.acticle-content .morecase:hover {*/
/*background-color: #00b3ff;*/
/*color: #fff;*/
/*border: 1px solid #00b3ff;*/
/*}*/

/*.acticleLi-content img {*/
/*width: 100%;*/
/*}*/

/*.act-bottom {*/
/*overflow: hidden;*/
/*}*/

/*.act-time {*/
/*float: left;*/
/*font-size: 13px;*/
/*color: #878787;*/
/*}*/

/*.act-more {*/
/*float: right;*/
/*font-size: 13px;*/
/*color: #878787;*/
/*cursor: default;*/
/*}*/

.wedo .title span,
.case .title span,
.contact .title span,
.acticle .title span,
.foot .title span {
    font-size: 16px;
    line-height: 20px;
    margin: 0 25px 0 25px;
}

.wedo .title .iphoneshow,
.case .title .iphoneshow,
.foot .title .iphoneshow {
    display: none;
}

.wedo .con {
    margin-right: -65px;
    position: relative;
    zoom: 1;
}

.wedo .con li {
    width: 33%;
    margin-bottom: 35px;
}

.wedo .con li a {
    width: calc(100% - 62px);
    margin-right: 62px;
    position: relative;
    height: 260px;
    border: 1px solid #ccc;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    cursor: default;
}

.wedo .con li a:hover {
    box-shadow: 0 25px 35px #ccc;
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}

.con-content {
    text-align: center;
    font-size: 15px;
    color: #666;
    font-weight: 600;
    margin-bottom: 17px;
}

.con-bottom {
    text-align: center;
    font-size: 10px;
    color: #666;
    font-weight: 600;
}

/*.con1 {*/
/*display: block;*/
/*width: 50px;*/
/*height: 50px;*/
/*margin: 0 auto;*/
/*text-align: center;*/
/*margin-top: 65px;*/
/*margin-bottom: 48px;*/
/*font-size: 50px;*/
/*color: #ff0000;*/
/*}*/

.con2 {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    text-align: center;
    margin-top: 65px;
    margin-bottom: 26px;
    font-size: 48px;
    color: #00a0e4;
}

/*.color3 {*/
/*color: #9dd327;*/
/*}*/

/*.color4 {*/
/*color: #f08013;*/
/*}*/

/*.color5 {*/
/*color: #9b5dcc;*/
/*}*/

/*.color6 {*/
/*color: #1fc3b6;*/
/*}*/

.wedo .con li a img.hide {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    box-shadow: 5px 5px 20px 0 #666;
}

/*.case .case_con {*/
/*background: #fff;*/
/*margin: 0 15px;*/
/*margin-right: -30px;*/
/*}*/

.works-box a {
    width: 25%;
    position: relative;
    overflow: hidden;
}

/*.case .case_con a {*/
/*display: block;*/
/*width: 33%;*/
/*position: relative;*/
/*overflow: hidden;*/
/*box-sizing: border-box;*/
/*margin-bottom: 30px;*/
/*}*/

/*.case-box {*/
/*margin-right: 30px;*/
/*position: relative;*/
/*overflow: hidden;*/
/*}*/

/*.case .case_con a img,*/
/*.works-box a img {*/
/*width: 100%;*/
/*}*/

/*.case-img {*/
/*position: relative;*/
/*width: 100%;*/
/*overflow: hidden;*/
/*}*/

/*.case-img {*/
/*width: 100%;*/
/*display: block;*/
/*overflow: hidden;*/
/*-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);*/
/*-moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);*/
/*-ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);*/
/*transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);*/
/*}*/

/*.case-img img {*/
/*width: 100%;*/
/*}*/

/*.case .case_con a:hover .case-img {*/
/*-webkit-transform: scale3d(1.1, 1.1, 1);*/
/*-moz-transform: scale3d(1.1, 1.1, 1);*/
/*-ms-transform: scale3d(1.1, 1.1, 1);*/
/*transform: scale3d(1.1, 1.1, 1);*/
/*}*/

/*!**/
/*.works-box a:hover .case-img{*/
/*transform:scale3d(1.1, 1.1, 1);*/
/*}*/
/**!*/
/*.case .case_con a .opa {*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*width: 100%;*/
/*height: 100%;*/
/*text-align: center;*/
/*background: rgba(0, 0, 0, 0);*/
/*font-size: 12px;*/
/*color: #fff;*/
/*text-align: center;*/
/*line-height: 50px;*/
/*-webkit-transition: all 0.3s linear;*/
/*-moz-transition: all 0.3s linear;*/
/*-ms-transition: all 0.3s linear;*/
/*transition: all 0.3s linear;*/
/*}*/

/*.works-box .opa {*/
/*display: block;*/
/*overflow: hidden;*/
/*position: relative;*/
/*background: #fff;*/
/*padding-top: 10px;*/
/*padding-bottom: 10px;*/
/*}*/

/*.case .case_con a .opa:hover {*/
/*background: rgba(0, 179, 255, 0.8);*/
/*}*/

/*.case .case_con a .opa .toptext {*/
/*width: 100%;*/
/*height: 44px;*/
/*text-align: left;*/
/*line-height: 44px;*/
/*font-size: 2em;*/
/*position: absolute;*/
/*left: 0;*/
/*bottom: 40px;*/
/*margin-top: -21px;*/
/*opacity: 0;*/
/*filter: alpha(opacity=0);*/
/*text-indent: 24px;*/
/*-webkit-transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);*/
/*-moz-transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);*/
/*-ms-transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);*/
/*transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);*/
/*}*/

/*.works-box a .opa .toptext {*/
/*display: block;*/
/*width: 100%;*/
/*height: 44px;*/
/*text-align: left;*/
/*line-height: 44px;*/
/*font-size: 1.7em;*/
/*text-indent: 18px;*/
/*}*/

/*.case .case_con a .opa:hover .toptext {*/
/*bottom: 59px;*/
/*opacity: 1;*/
/*filter: alpha(opacity=1);*/
/*}*/

/*.case .case_con a .opa .line,*/
/*.works-box a .opa .line {*/
/*width: 60px;*/
/*height: 1px;*/
/*overflow: hidden;*/
/*position: absolute;*/
/*bottom: 46px;*/
/*left: 24px;*/
/*opacity: 0;*/
/*filter: alpha(opacity=0);*/
/*-webkit-transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);*/
/*-moz-transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);*/
/*-ms-transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);*/
/*transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);*/
/*}*/

/*.works-box a .opa .line {*/
/*opacity: 1;*/
/*height: 1px;*/
/*filter: alpha(opacity=1);*/
/*left: 18px;*/
/*}*/

/*.case .case_con a .opa:hover .line {*/
/*bottom: 55px;*/
/*opacity: 1;*/
/*filter: alpha(opacity=1);*/
/*}*/

/*.case .case_con a .opa .line > span,*/
/*.works-box a .opa .line > span {*/
/*display: block;*/
/*width: 60px;*/
/*height: 4px;*/
/*margin: 0 auto;*/
/*background: #fff;*/
/*overflow: hidden;*/
/*}*/

/*.works-box a .opa .line > span {*/
/*height: 1px;*/
/*background: #7f7f7f;*/
/*}*/

/*.case .case_con a .opa .bottomtext {*/
/*width: 100%;*/
/*height: 40px;*/
/*text-align: left;*/
/*text-indent: 24px;*/
/*line-height: 40px;*/
/*font-size: 10px;*/
/*position: absolute;*/
/*bottom: -3px;*/
/*left: 0;*/
/*opacity: 0;*/
/*filter: alpha(opacity=0);*/
/*-webkit-transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);*/
/*-moz-transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);*/
/*-ms-transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);*/
/*transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);*/
/*}*/

/*.case .case_con a .opa:hover .bottomtext {*/
/*bottom: 16px;*/
/*opacity: 1;*/
/*filter: alpha(opacity=1);*/
/*}*/

/*.works-box a .opa .bottomtext {*/
/*display: block;*/
/*width: 100%;*/
/*height: 40px;*/
/*text-align: left;*/
/*text-indent: 18px;*/
/*line-height: 40px;*/
/*font-size: 0.8em;*/
/*color: #808080;*/
/*}*/

/*!**/
/*.works-box a .opa:hover .bottomtext{*/
/*bottom:16px;*/
/*opacity: 1;*/
/*filter: alpha(opacity=1);*/
/*}*/
/**!*/
/*.case .morecase {*/
/*background-color: rgb(255, 255, 255);*/
/*color: rgb(0, 0, 0);*/
/*width: 239px;*/
/*height: 43px;*/
/*border: 1px solid #ccc;*/
/*margin: 52px auto;*/
/*font-size: 15px;*/
/*line-height: 43px;*/
/*text-align: center;*/
/*-webkit-transition: all 0.5s;*/
/*-moz-transition: all 0.5s;*/
/*-ms-transition: all 0.5s;*/
/*transition: all 0.5s;*/
/*}*/

/*.case .morecase:hover {*/
/*background-color: #00b3ff;*/
/*color: #fff;*/
/*border: 1px solid #00b3ff;*/
/*}*/

/*.youneed .submit:hover {*/
/*background-color: #00b3ff;*/
/*color: #fff;*/
/*border: 1px solid #00b3ff;*/
/*}*/

.footerBox {
    margin: 0 auto;
    overflow: hidden;
    /*background: url('../static/images/contactbg.png') no-repeat center center;*/
    /*background: url('static/image/contactbg.png') no-repeat center center;*/
    -moz-background-size: cover;
    background-size: cover;
    min-width: 1080px;

    /*height: 479px;*/
}

.foot {

    margin: 0 auto;
    overflow: hidden;
    min-width: 1080px;

    vertical-align: middle;

}

.foot-connect {
    margin-right: -2px;
    overflow: hidden;

}

.foot-connect li {
    float: left;
    width: 25%;
    /*    width:calc(25% - 2px);*/
    padding-right: 2px;
    margin-bottom: 57px;
    box-sizing: border-box;
}

.foot-connect li i {
    display: block;
    width: 22px;
    font-size: 22px;
    color: #40c2ff;
    margin: 0 auto;
    margin-bottom: 11px;
}

.foot-connect li .xj {
    font-size: 17px;
}

.foot-connect li div {
    text-align: center;
    line-height: 30px;
    font-size: 14px;
}

.foot-li {
    position: relative;
}

.foot-li:after {
    content: '';
    display: block;
    width: 2px;
    height: 40px;
    background: #dddddd;
    position: absolute;
    right: 0;
    top: 40px;
}

/*.youinfo {*/
/*zoom: 1;*/
/*margin-bottom: 30px;*/
/*margin-right: -25px;*/
/*}*/

/*.youinfo li {*/
/*width: 33.3%;*/
/*box-sizing: border-box;*/
/*padding-right: 23px;*/
/*}*/

/*.youinfo li p,*/
/*.youneed p {*/
/*font-size: 16px;*/
/*height: 31px;*/
/*}*/

/*.youinfo li input {*/
/*display: block;*/
/*width: 100%;*/
/*height: 43px;*/
/*border: 1px solid #ccc;*/
/*text-indent: 1em;*/
/*background: rgba(255, 255, 255, 0.8);*/
/*box-sizing: border-box;*/
/*font-size: 13px;*/
/*}*/

/*.youneed .inf-msg {*/
/*display: block;*/
/*width: 100%;*/
/*height: 43px;*/
/*border: 1px solid #ccc;*/
/*text-indent: 1em;*/
/*background: rgba(255, 255, 255, 0.8);*/
/*box-sizing: border-box;*/
/*font-size: 13px;*/
/*}*/

/*.youneed .submit {*/
/*width: 239px;*/
/*height: 43px;*/
/*border: 1px solid #b2b2b2;*/
/*margin-top: 30px;*/
/*cursor: pointer;*/
/*font-size: 15px;*/
/*-webkit-transition: all 0.5s;*/
/*-moz-transition: all 0.5s;*/
/*-ms-transition: all 0.5s;*/
/*transition: all 0.5s;*/
/*display: block;*/
/*margin: 59px auto 116px;*/
/*}*/

/*.meinfo {*/
/*margin-top: 100px;*/
/*height: 211px;*/
/*position: relative;*/
/*}*/

/*.meifoBox {*/
/*position: relative;*/
/*}*/

/*.meinfo .title {*/
/*font-size: 16px;*/
/*color: #000;*/
/*font-weight: 600;*/
/*margin-bottom: 20px;*/
/*}*/

/*.meinfo-list {*/
/*display: block;*/
/*width: 900px;*/
/*overflow: hidden;*/
/*}*/

/*.meinfo-list li {*/
/*float: left;*/
/*}*/

/*.meinfo-list li a {*/
/*line-height: 30px;*/
/*color: #7f7f7f;*/
/*margin-right: 15px;*/
/*}*/

/*.meinfo-list li a:hover {*/
/*color: rgb(0, 179, 255);*/
/*}*/

/*.meinfo-icon {*/
/*margin-top: 54px;*/
/*}*/

/*.meinfo-icon i {*/
/*font-size: 26px;*/
/*margin-right: 13px;*/
/*cursor: pointer;*/
/*}*/

/*.meinfo-icon i:last-child{margin-right:0; }*/
/*.meinfo-icon i:hover {*/
/*opacity: 0.5;*/
/*}*/

.weibo-color {
    color: #ff4f4f;
}

.renren-color {
    color: #0093ff;
}

.inlj {
    color: #ea679f;
}

.facebook {
    color: #2d8af7;
}

.ewm {
    position: absolute;
    width: 172px;
    line-height: 38px;
    font-size: 12px;
    text-align: center;
    top: 0;
    right: 0;
    color: #111111;
}

.ewm img {
    width: 100%;
}

/*
.meinfo .code p {
    width: 172px;
    text-align: center;
    font-size: 12px;
    margin-top: 23px;
    height: 16px;
    line-height: 16px;
}

.meinfo .con {
    margin-left: 65px;
    width: calc(100% - 237px);
    position: relative;
    height: 100%;
}

.meinfo .con em {
    width: 50%;
    font-size: 14px;
    margin-bottom: 35px;
    font-style: normal;
}

.meinfo .pos {
    margin-bottom: 0px;
    position: absolute;
    left: 237px;
    bottom: 0px;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    font-style: normal;
}
*/

.black_line {
    margin-top: 60px;
    height: 52px;
    background: #333;
    width: 100%;
    line-height: 52px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 3px;
}

.wy_line {
    background: #000;
}

/*.share {*/
/*display: none;*/
/*position: fixed;*/
/*bottom: 60px;*/
/*right: 30px;*/
/*margin-top: -120px;*/
/*width: 50px;*/
/*height: 50px;*/

/*border-bottom: none;*/
/*z-index: 10;*/
/*background: #fff;*/

/*}*/

/*.share a:hover {*/
/*!*    border: 1px solid #acacac;*!*/
/*box-shadow: none;*/
/*}*/

/*.share a {*/
/*display: block;*/
/*!*        height:43px;*!*/
/*height: 50px;*/
/*border-bottom: 1px solid #acacac;*/
/*text-align: center;*/
/*!*		padding-top:15px; *!*/
/*padding: 0 4px;*/
/*padding-top: 4px;*/
/*position: relative;*/
/*border: 1px solid #fff;*/
/*box-shadow: 0 13px 24px 4px rgba(0, 0, 0, 0.3);*/
/*-webkit-transition: all 0.5s;*/
/*-moz-transition: all 0.5s;*/
/*-ms-transition: all 0.5s;*/
/*transition: all 0.5s;*/
/*}*/

/*.share a.hide {*/
/*height: 32px;*/
/*padding-top: 16px;*/
/*}*/

/*.share a span {*/
/*position: absolute;*/
/*top: -72px;*/
/*right: 74px;*/
/*height: 200px;*/
/*width: 200px;*/
/*display: none;*/
/*background: #fff;*/
/*border: 1px solid #eee;*/
/*text-align: center;*/
/*}*/

/*.share a span i {*/
/*display: none;*/
/*position: absolute;*/
/*top: 95px;*/
/*right: -5px;*/
/*border: 1px solid #eee;*/
/*width: 8px;*/
/*height: 8px;*/
/*background: #fff;*/
/*border-left: 1px solid #fff;*/
/*border-bottom: 1px solid #fff;*/
/*-webkit-transform: rotate(45deg);*/
/*-moz-transform: rotate(45deg);*/
/*-ms-transform: rotate(45deg);*/
/*-o-transform: rotate(45deg);*/
/*}*/

/*wy*/

.title-btn-icon {
    display: block;
    width: 35px;
    height: 3px;
    background: #000;
}

.title-btn-icon:nth-child(1) {
    transform: rotate(45deg) translateX(2px);
}

.title-btn-icon:nth-child(2) {
    transform: rotate(315deg) translateX(2px);
}

/*导航和foot处理*/

@media (max-width: 1000px) {
    /*
        .nav_r .link a {
            margin-right: 20px;
        }
    */
}

@media (max-width: 1150px) {
    .foot {
        width: 70%;
    }
}

@media (max-width: 1000px) {
    .foot {
        width: 80%;
    }
}

@media (max-width: 900px) {
    .foot {
        width: 90%;
    }
}

@media (min-width: 750px) {
    .W {
        width: 91.7%;
        max-width: 1200px;
        margin: 0 auto;
        min-width: 1080px;
    }
}

/*滚动条*/
.scroll {
    display: none;
    background: #111;
    padding: 3px 8px;
    color: #fff;
    font-size: 16px;
    position: fixed;
    top: 10px;
    right: 10px;
    border-radius: 3px;
    z-index: 5000;
}

.scroll:after {
    content: " ";
    position: absolute;
    top: 50%;
    right: -8px;
    height: 0;
    width: 0;
    margin-top: -4px;
    border: 4px solid transparent;
    border-left-color: #111;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}

::-webkit-scrollbar-thumb {
    background-color: rgb(17, 17, 17);
}

::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

.foot-icon {
    float: right;
    overflow: hidden;
}

.foot-icon li {
    float: left;
    background: #fff;
    height: 25px;
    line-height: 25px;
    width: 25px;
    margin-left: 15px;
    margin-top: 14px;
}

.foot-icon li i {
    font-size: 26px;
    cursor: pointer;
}

.foot-icon li i:hover {
    opacity: 0.5;
}

.qrcode-Box {
    width: 66.666%;
    margin: 0 auto;
}

/*!*空间*!*/
/*.room {*/
/*background: #f6f7fb;*/
/*}*/

/*.room .banner-about {*/
/*position: relative;*/
/*}*/

/*.room .banner-about img {*/
/*width: 100%;*/
/*}*/

/*.room .banner-about .banner-text {*/
/*width: 213px;*/
/*color: #fff;*/
/*font-size: 63px;*/
/*display: block;*/
/*position: absolute;*/
/*top: 50%;*/
/*left: 50%;*/
/*transform: translate(-50%, -50%);*/
/*-webkit-transform: translate(-50%, -50%);*/
/*-moz-transform: translate(-50%, -50%);*/
/*-ms-transform: translate(-50%, -50%);*/
/*}*/

/*.roomIcon {*/
/*width: 100%;*/
/*height: 120px;*/
/*border-bottom: 1px solid #e5e5e5;*/
/*margin-bottom: 30px;*/
/*background: #fff;*/
/*min-width: 1080px;*/
/*}*/

/*.roomIcon ul {*/
/*width: 464px;*/
/*height: 100%;*/
/*margin: 0 auto;*/
/*position: relative;*/
/*}*/

/*.roomIcon ul li {*/
/*float: left;*/
/*width: 104px;*/
/*height: 100%;*/
/*margin-right: 76px;*/
/*text-align: center;*/
/*font-size: 14px;*/
/*color: #7f7f7f;*/
/*cursor: pointer;*/
/*}*/

/*.roomIcon .border-bottom {*/
/*width: 104px;*/
/*height: 2px;*/
/*position: absolute;*/
/*left: 0;*/
/*bottom: 0;*/
/*background: #000;*/
/*margin: 0;*/
/*transition: all 0.5s;*/
/*}*/

/*.roomIcon ul li:nth-child(3) {*/
/*margin-right: 0;*/
/*}*/

/*.roomIcon ul li i {*/
/*font-size: 27px;*/
/*margin: 30px 0 23px 0;*/
/*}*/

/*.roomIcon .Icon-box {*/
/*margin: 30px 0 25px 0;*/
/*}*/

/*.roomIcon ul .active {*/
/*color: #000;*/
/*position: relative;*/
/*}*/

/*embed {*/
/*width: 100%;*/
/*}*/

/*!*.roomIcon ul .active:after{content:'';display:block;position:absolute;bottom:0;width:100%;height:2px;background:#000;left:0;}*!*/
/*.roomLeft {*/
/*width: 68.3333%;*/
/*float: left;*/
/*}*/

/*.roomRight {*/
/*width: 31.6666%;*/
/*float: right;*/
/*}*/

/*.roomLeft li {*/
/*float: left;*/
/*width: 50%;*/
/*padding-right: 30px;*/
/*margin-bottom: 30px;*/
/*box-sizing: border-box;*/
/*}*/

/*.roomLeft li img {*/
/*width: 100%;*/
/*}*/

/*.roomRight .search {*/
/*padding: 15px;*/
/*background: #fff;*/
/*position: relative;*/
/*}*/

/*.search-input {*/
/*width: 100%;*/
/*height: 50px;*/
/*background: #f6f7fb;*/
/*text-indent: 15px;*/
/*font-size: 14px;*/
/*box-sizing: border-box;*/
/*border: 1px solid #f6f7fb;*/
/*}*/

/*.search span {*/
/*display: block;*/
/*width: 50px;*/
/*height: 50px;*/
/*text-align: center;*/
/*line-height: 50px;*/
/*position: absolute;*/
/*right: 15px;*/
/*top: 15px;*/
/*cursor: pointer;*/
/*transition: all 0.5s;*/
/*}*/

/*.search span:hover {*/
/*background: #000;*/
/*color: #fff;*/
/*}*/

/*.search-content {*/
/*margin-top: 36px;*/
/*padding: 8px 15px;*/
/*background: #fff;*/
/*}*/

/*.search-content a {*/
/*display: block;*/
/*line-height: 50px;*/
/*font-size: 13px;*/
/*overflow: hidden;*/
/*}*/

/*.search-href {*/
/*float: left;*/
/*color: #000;*/
/*-webkit-transition: all 0.5s;*/
/*-moz-transition: all 0.5s;*/
/*-ms-transition: all 0.5s;*/
/*transition: all 0.5s;*/
/*}*/

/*.search-href:hover {*/
/*color: rgb(0, 179, 255);*/
/*}*/

/*.search-time {*/
/*float: right;*/
/*color: #7f7f7f;*/
/*}*/

/*.portfolio {*/
/*display: none;*/
/*}*/

/*#searchList {*/
/*display: none;*/
/*}*/

/*#searchList .portfolio {*/
/*display: block;*/
/*}*/

/*首页添加*/

.imgbox {
    position: relative;
}

.bannerBox {
    position: absolute;
}

/*.imgbox .title {*/
/*font-size: 60px;*/
/*color: #fff;*/
/*text-align: center;*/
/*position: absolute;*/
/*left: 50%;*/
/*top: 50%;*/
/*-webkit-transform: translate(-50%, -50%);*/
/*-moz-transform: translate(-50%, -50%);*/
/*-ms-transform: translate(-50%, -50%);*/
/*transform: translate(-50%, -50%);*/
/*}*/

/*.imgbox .titleB {*/
/*font-size: 16px;*/
/*}*/

/*.imgbox .imgLeft {*/
/*position: absolute;*/
/*width: 40px;*/
/*height: 40px;*/
/*background: #fff;*/
/*left: 0;*/
/*top: 50%;*/
/*margin-top: -20px;*/
/*z-index: 5000;*/
/*cursor: pointer;*/
/*text-align: center;*/
/*line-height: 40px;*/
/*opacity: 0;*/
/*filter: opacity(0);*/
/*-webkit-transition: all 0.5s;*/
/*-moz-transition: all 0.5s;*/
/*-ms-transition: all 0.5s;*/
/*transition: all 0.5s;*/
/*}*/

/*.backimage:hover .imgLeft {*/
/*opacity: 1;*/
/*filter: opacity(1);*/
/*}*/

/*.imgLeft i {*/
/*display: block;*/
/*}*/

/*.imgbox .imgRight {*/
/*position: absolute;*/
/*width: 40px;*/
/*height: 40px;*/
/*background: #fff;*/
/*right: 0;*/
/*top: 50%;*/
/*margin-top: -20px;*/
/*z-index: 5000;*/
/*text-align: center;*/
/*opacity: 0;*/
/*filter: opacity(0);*/
/*line-height: 40px;*/
/*cursor: pointer;*/
/*-webkit-transition: all 0.5s;*/
/*-moz-transition: all 0.5s;*/
/*-ms-transition: all 0.5s;*/
/*transition: all 0.5s;*/
/*}*/

/*.backimage:hover .imgRight {*/
/*opacity: 1;*/
/*filter: opacity(1);*/
/*}*/

/*!*文章详情页*!*/
/*.artbox {*/
/*margin-right: 30px;*/
/*}*/

/*.artbox img {*/
/*width: 100%;*/
/*}*/

/*.art-title {*/
/*padding: 0 30px;*/
/*line-height: 83px;*/
/*background: #fff;*/
/*overflow: hidden;*/
/*}*/

/*.art-title .left {*/
/*float: left;*/
/*color: #000;*/
/*font-size: 22px;*/
/*}*/

/*.art-title .right {*/
/*float: right;*/
/*color: #999999;*/
/*font-size: 11px;*/
/*letter-spacing: 2px;*/
/*}*/

/*.art-title .right a {*/
/*color: #2689fe;*/
/*}*/

/*.art-content {*/
/*padding: 26px 30px;*/
/*font-size: 14px;*/
/*line-height: 33px;*/
/*}*/

/*.artcontent {*/
/*background: #fff;*/
/*padding: 0 30px;*/
/*}*/

/*.art-read {*/
/*height: 100px;*/
/*line-height: 100px;*/
/*padding: 0 30px;*/
/*background: #fff;*/
/*font-size: 14px;*/
/*color: #a1a1a1;*/
/*}*/

/*.art-read .read-share {*/
/*float: right;*/
/*}*/

/*!*联系我们*!*/
/*.banner-contract {*/
/*position: relative;*/
/*width: 100%;*/
/*margin-top: 80px;*/
/*}*/

/*.banner-contract img {*/
/*width: 100%;*/
/*}*/

/*.banner-contract .banner-text {*/
/*width: 384px;*/
/*color: #fff;*/
/*font-size: 63px;*/
/*display: block;*/
/*position: absolute;*/
/*top: 50%;*/
/*left: 50%;*/
/*transform: translate(-50%, -50%);*/
/*-webkit-transform: translate(-50%, -50%);*/
/*-moz-transform: translate(-50%, -50%);*/
/*-ms-transform: translate(-50%, -50%);*/
/*}*/

.copyright {
    font-size: 14px;
}

.copyright em {
    display: block;
    font-style: normal;
    margin-top: 5px;
}

.copyright a {
    color: #118DF0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.copyright a:hover, a:active, a:focus {
    color: #118DF0;
    outline: none;
}