* {border: 0;padding: 0;margin: 0;text-decoration: none; box-sizing: border-box;}
html, body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {margin: 0;padding: 0 ;}
body {font-family: Arial,Helvetica,sans-serif;  font-size: 12px; min-width: 1280px;max-width: 1920px;margin: auto;-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;}
a {color: #2d374b;text-decoration: none}
a:hover {text-decoration: none;  }
em{font-style: normal  }
ul{overflow: hidden;}
li{list-style: none}
span{font-weight: normal;color: #555; font-size: 24px;}
img {border: 0;vertical-align: middle  }
table {border-collapse: collapse;border-spacing: 0}
p{word-wrap: break-word}
input,select{outline:none;}
input:-webkit-autofill {  -webkit-box-shadow: 0 0 0 1000px white inset; }
input:focus,select:focus{ outline: none; }

/*头部*/
.top{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
#top {
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 1001;
}
.top-left {
    width: 240px;
    float: left;
}
.logo {
    float: left;
    margin-top: 10px;
}
.top-right {
    width: 880px;
    float: right;
    overflow: hidden;
}
.top-nav {
    text-align: center;
    position: relative;
}
.top-nav ul li{
    float:left;
    width: 110px;
}
.top-nav ul li a {
    display: block;
    width: 110px;
    font-size: 16px;
    color: #4a575f;
    line-height: 70px;
}
.block {
    position: absolute;
    top: 65px;
    left: 0;
    background: #444040;
    width: 100px;
    height: 5px;
    margin-left: 5px;
    border-radius: 20px;
    opacity:0;
}
#current{
    color:#444040;
    font-weight: bold;
}


/*首页*/
.index-list{
    width: 100%;
    min-width: 1200px;
    margin: auto;
    height: 710px;
}
.index-header {
    background-repeat:no-repeat;
    background-position: center;
    height: 640px;
    position: relative;
    overflow: hidden;
    margin-top: 70px;
}
.index-header-text {
    width: 700px;
    margin: auto;
    color: #ffffff;
    padding-top: 160px;
    text-align: center;
    font-family: "Microsoft JhengHei";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
.index-header-text h2 {
    font-size: 54px;
    font-weight: bold;
    line-height: 70px;
    bottom: -500px;
    position: relative;
    text-shadow: 6px 6px 1px #396b90;
}
.index-header-text h3 {
    margin-top: 50px;
    font-size: 28px;
    left: -2000px;
    position: relative;
    color: inherit;
}
.index-header-text h4 {
    margin-top: 50px;
    font-size: 26px;
    right: -2000px;
    position: relative;
    font-weight: bold;
    line-height: 40px;
}
.yun {
    background: url("../images/yun.png") no-repeat;
    height: 260px;
    margin-top: 95px;
    position: absolute;
    left: 0;
    right: 0;
    top: 470px;
    z-index: 10;
}

/*我们的服务*/
.our_services{
    margin: auto;;
    overflow: hidden;
    position: relative;
    left: -2000px;
    text-align: center;
    width: 1280px;
    margin-top: 70px;
}
.our_services-title h3 {
    color: #323232;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    transform: scale(0);
}
.our_services-title p {
    font-size: 18px;
    color: #606060;
    line-height: 35px;
    margin: 40px 0;
}
.our_services-content {
    border-top: 2px solid #cdcdcd;
    overflow: hidden;
    position: relative;
}
.our_services-border {
    border: 3px solid #42b8f1;
    width: 90px;
    border-radius: 15px;
    position: absolute;
    left: 145px;
    top: 0;
    background: #42b8f1;
}
.our_services-content ul {
    width: 1200px;
    margin: 20px auto;
    box-shadow: 0 3px 40px 14px #EEEEEE;
    overflow: hidden;
}
.our_services-content ul li:nth-child(1):hover .border {
    left: 150px;
}
.our_services-content ul li {
    float: left;
    margin: 20px 10px 20px 15px;
    width: 273px;
    height: 336px;
    position: relative;
    top: -500px;
}
.our_services-content ul li:hover {
    box-shadow: 2px 2px 30px 8px #cdcdcd;;
}
.our_services-content ul li:nth-child(1) {
    background: url("../images/productcenterbeijing.png") no-repeat;
}
.our_services-content ul li:nth-child(2) {
    background: url("../images/productcenter2beijing.png") no-repeat;
}
.our_services-content ul li:nth-child(3) {
    background: url("../images/productcenter3beijing.png") no-repeat;
}
.our_services-content ul li:nth-child(4) {
    background: url("../images/productcenter4beijing.png") no-repeat;
}
.our_services-pic {
    margin-top: 30px;
}
.our_services-text {
    color: #333333;
    font-size: 18px;
    margin-top: 30px;
}
.our_services-text span {
    display: block;
    width: 210px;
    font-size: 14px;
    margin-left: 35px;
    margin-top: 10px;
    color: #555555;
}
.our_services-more {
    padding: 5px 20px;
    width: 110px;
    border: 1px solid #D92E2E;
    background: #d92e2e;
    margin: 0 auto;
    border-radius: 8px;
    text-decoration: none;
    color: #fff;
    display: block;
    opacity:0;
    position: absolute;
    bottom: 40px;
    left: 80px;
}

/*成功案例*/
.successful_case {
    width: 1200px;
    margin: auto;;
    overflow: hidden;
    margin-top: 120px;
}
.successful_case-title {
    right: -1500px;
    position: relative;
    text-align: center;
}
.successful_case-title h3 {
    transform: scale(0);
    color: #323232;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
}
.successful_case-nav {
    width: 450px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 70px;
    right: -1500px;
    position: relative;
}
.successful_case-nav ul li {
    float: left;
}
.successful_case-nav ul li a {
    display: block;
    padding: 7px 30px;
    margin-left: 27px;
    background: #EEEEEE;
    border-radius: 20px;
    font-size: 16px;
    color: #919191;
    text-decoration: none;
}
.successful_case-nav ul li:nth-child(1) a {
    margin-left: 0px;
}
.successful_case-nav ul li a:hover {
    background: #42B8F1 !important;
    color: #fff !important;
}
.successful_case-content {
    overflow: initial;
    margin-top: 30px;
    right: -1500px;
    position: relative;
}

.roundabout_box-p{
    color: #fff;
    position: relative;
    top: 0px;
    font-size: 20px;
    line-height: 35px;
    background: #000;
    opacity: 0.7;
}
.roundabout-moveable-item{
    overflow: hidden;
}
.roundabout-moveable-item:hover .roundabout_box-p{
    top:-33px;
    transition: 0.5s;
}


/*我们的优势*/
.our_advantage {
    margin-top: 80px;
    overflow: hidden;
    text-align: center
}
.our_advantage-title {
    margin: 60px auto;
    width: 1200px;
    transform: scale(0);
    text-align: center;
}
.our_advantage-title h3 {
    color: #323232;
    font-size: 30px;
    font-weight: bold;
}
.our_advantage-title h3 span {
    font-weight: normal;
    margin-top: 10px;
    display: block;
}
.our_advantage-beijing{
    background: url("../images/ouradvantage-banner.jpg") no-repeat;
    height: 330px;
    opacity:0;
}
.our_advantage-content{
    width: 1200px;
    margin: auto;
    opacity: 0;
    overflow: hidden;
}
.our_advantage-logo {
    float: left;
    width: 400px;
    margin-top:60px;
    left: -2000px;
    position: relative;
}
.our_advantage-logo p {
    font-size: 36px;
    color: #fff;
}
.our_advantage-text {
    width: 730px;
    float: left;
    margin-top:50px;
    margin-left: 70px;
    right: -2000px;
    position: relative;
    letter-spacing: 1px;
}
.our_advantage-text h3 {
    font-size: 22px;
    color: #fff;
    line-height: 30px;
}
.our_advantage-text p {
    font-size: 16px;
    text-align: left;
    color: #fefefe;
    line-height: 30px;
    margin-top: 40px;
}
.our_advantage-more {
    font-size: 16px;
    color: #fefefe;
    float: right;
    margin-top: 10px;
    padding-bottom: 5px;
}
.our_advantage-more:hover {
    transition: 0.5s;
    border-bottom: 3px solid #000;
    color:#000;
}
.our_advantage-list {
    margin: 70px auto;
    width: 1200px;
    overflow: hidden;
}
.our_advantage-list ul li {
    float: left;
    width: 270px;
    margin-left: 40px;
    position: relative;
    right: -1500px;

}
.our_advantage-list ul li:nth-child(1) {
    margin-left: 0px;
}
.list-title {
    color: #323232;
    font-size: 18px;
    margin-top: 20px;

}
.list-p {
    color: #606060;
    line-height: 25px;
    font-size: 14px;
    margin-top: 30px;
}

/*服务流程*/
.service_flow {
    width: 1200px;
    margin: auto;
    overflow: hidden;
    position: relative;
    left: -2000px;
    text-align: center
}
.service_flow-title {
    transform: scale(0);
    text-align: center
}
.service_flow-title h3{
    color: #323232;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
}
.service_flow-title p {
    color: #909090;
    font-size: 16px;
    margin: 5px 0;
}
.progress_bar-list {
    overflow: hidden;
    margin-bottom: 100px;
    position: relative;
    left: -1550px;
}
.progress_bar-list li {
    text-align: left;
    margin: 30px 0;
    line-height: 30px;
    font-size: 20px;
    height: 41px;

}
.progress_bar-list li p {
    margin: 0 20px;
    float: left;
    line-height: 40px;
}
.progress_bar-list li p span {
    color: #969696;
    text-indent: 20px;
    font-size: 20px;
    display: inline-block;
}
.progress_bar {
    padding: 5px 0 5px 25px;
    color: #fff;
    display: inline-block;
    border-radius: 50px;
    float: left;
    width: 0;
}

/*与我们合作的商户*/
.business_with_us {
    width: 1200px;
    margin: auto;;
    overflow: hidden;
    position: relative;
    left: -2000px;
    text-align: center;
}
.business_with_us-title {
    transform: scale(0);
    text-align: center
}
.business_with_us-title h3{
    color: #323232;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
}
.business_with_us ul {
    overflow: hidden;
    margin-top: 30px;
}
.business_with_us ul li {
    float: left;
    height: 90px;
    margin: 10px 0;
    width: 20%;
    position: relative;
    left: -1550px;
}
.connect_us {
    padding: 7px 40px;
    background: #5aa2ed;
    color: #fff;
    font-size: 24px;
    display: inline-block;
    border-radius: 45px;
    margin-top: 30px;
    opacity: 0.8;
}
.connect_us:hover {
    background: #1f7ee1;
    color: #fff;
    transition: 0.8s;
    opacity: 1;
}

/*资讯中心*/
.information_center {
    width: 1210px;
    margin: auto;
    height: 750px;
    margin-top: 150px;
    overflow: hidden;
    padding: 0 5px;
    text-align: center;
    padding-top: 20px;
}
.information_center-title {
    position: relative;
    overflow: hidden;
    transform: scale(0);
}
.information_center-title h3{
    color: #323232;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
}
.information_center-left {
    float: left;
    overflow: hidden;
    width: 450px;
    margin-top: 90px;
    position: relative;
    left: -1500px;
    margin-right: 50px;
}
.information_center-left:hover {
    box-shadow: 0px 1px 20px 1px #dcdcdc;
}
.information_center-left:hover .ic-more {
    background-position: 25px 3px;
    transition: 0.5s;
}
.ic-left-top {
    overflow: hidden;
    margin: 20px 0 20px 48px;
    font-size: 20px;
    color: #999;
    height: 30px;
}
.ic-time {
    float: left;
    font-size: 20px;
    color: #999999;
    text-align: left;
}
.ic-more {
    float: right;
    cursor: pointer;
    height: 20px;
    width: 70px;
    border-left: 1px solid #cdcdcd;
    margin-top: 7px;
    background: url(../images/gengduo.png) no-repeat;
    background-position: 10px 3px;
    background-size: 37%;
}
.ic-title {
    font-size: 18px;
    color: #333;
    background: url("../images/dian.png") no-repeat bottom left;
    margin-left: 20px;
    text-align: left;
    text-indent: 25px;
    font-weight: normal;
}
.ic-left-text {
    font-size: 16px;
    color: #777;
    font-weight: normal;
}
.ic-left-text p {
    margin: 10px 25px 10px 25px;
    line-height: 25px;
    text-align: left;
    height: 50px;
    text-indent: 1.5em;
}
.ic-left-pic {
    text-align: left;
    margin: 23px;
}
.ic-left-pic img {
    width: 400px;
}
.information_center-right {
    float: left;
    width: 700px;
    margin-top: 50px;
    position: relative;
    right: -1550px;
}
.information_center-right ul {
    overflow: initial;
}
.information_center-right li {
    overflow: hidden;
    border-bottom: 1px solid #cdcdcd;
}
.information_center-right li:hover {
    box-shadow: 0px 1px 20px 1px #cdcdcd
}
.information_center-right li:hover .ic-item-more {
    padding-left: 50px;
    transition: 0.4s;
}
.ic-right-text {
    float: left;
    margin: 30px 30px 5px 0;
    width: 535px;
}
.ic-right-text h4 {
    font-size: 16px;
    color: #777;
    margin: 10px 25px 10px 45px;
    line-height: 25px;
    text-align: left;
    font-weight: normal;
}
.ic-right-more {
    float: right;
    width: 135px;
    margin-top: 35px;

}
.ic-right-time {
    font-size: 20px;
    color: #999999;
    text-align: left;
}
.ic-item-more {
    border-left: 1px solid #cdcdcd;
    margin-top: 25px;
    width: 50px;
    cursor: pointer;
}






/*底部*/
.footer {
    background: url("../images/footer.jpg") no-repeat;
    height: 640px;
    position: relative;
}
.footer-content {
    width: 720px;;
    margin: 0 auto;
    padding-top: 60px;
}
.footer-logo {
    text-align: center;
}
.footer-title {
    width: 580px;
    height: 100px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 15px;
    margin: 40px auto;
}
.footer-title h4 {
    color: #ffffff;
    font-size: 26px;
    line-height: 50px;
    letter-spacing: 3px;
    margin-top: 10px;
    font-weight: normal;
}
.footer-title h6 {
    font-size: 16px;
    color: #b3afaf;
    font-weight: normal;
}
.box{
    position: absolute;
    top: 4px;
    width: 108px;
    height: 46px;
    background: #DDDDDD;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size: 14px;
    padding-right: 20px;
    text-align: center;
    cursor: pointer;
}
.select{
    height: 20px;
    width: 25px;
    position: absolute;
    background: url(../images/select.png)no-repeat;
    background-size: 100%;
    left: 80px;
    top: 18px;
    cursor: pointer;
}
.sub{
    position: absolute;
    top: 50px;
    width: 108px;
    text-align: center;
    cursor: pointer;
    background: #DDDDDD;
    border-radius: 6px;
    padding: 3px 0;
}
.sub li{
    margin: 5px 10px;
    padding: 5px;
    border-radius: 15px;
}
.sub li:hover{
    background: #555 ;
    color:#fff;
}
#fine_dianhua .input-text{
    position: absolute;
    height: 46px;
    top: 4px;
    left: 116px;
    width: 598px;
    text-indent: 25px;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    font-size: 16px;
}
#tijiao {
    right: 140px;
    text-shadow:none;
}
#tijiao, .qq {
    line-height: 38px;
    color: #fff;
    font-size: 16px;
    background: #5aa2ed;
    width: 120px;
    height: 40px;
    z-index: 3;
    border-radius: 10px;
    text-align-last: center;
    position: absolute;
    top: 7px;
    border: 1px solid #5aa2ad;
    padding: 0;
    outline: 0
}
.qq {
    right: 10px;
    display: inline-block;
}
.qq a {
    color: #fff;
    background: url("../images/qq.png") no-repeat;
    z-index: 3;
    background-position: -5px 50%;
    display: inline-block;
    width: 100%;
    height: 40px;
    padding-left: 20px;
    line-height: 40px;
    font-size: 16px;
}
.qq a:hover {
    color: #fff;
    text-decoration: none;
}
.footer-content p {
    color: #fff;
    font-size: 18px;
    margin: 20px 0;
    padding-left: 70px;
    height: 50px;
    line-height: 55px;
}
.input-group {
    width: 720px;
    height: 50px;
    position: relative;
}
.input-text{
    width: 606px;
    height: 46px;
    position: absolute;
    top: 4px;
    left: 108px;
    z-index: 1;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    text-indent: 2em;
}
.erweima {
    position: absolute;
    right: 380px;
    bottom: 30px;
    width: 200px;
    text-align: center;
    font-size: 14px;
    color: #cdcdcd;
}
.erweima p{
    margin-top: 10px;
}
.copyright {
    background: #1d1d1d;
    height: 50px;
}
.copy{
    width: 840px;
    margin: 0 auto;
    overflow: hidden;
    line-height: 50px;
}
.copy p {
    display: inline;
    font-size: 14px;
    color: #cdcdcd;
}
.copy a{
    font-size: 14px;
    color: #cdcdcd;
}
.copy a:hover{
    color:#fff;
    text-decoration: underline;
}

.topcontrol {
    position: fixed;
    bottom: 200px;
    right: 0px;
    top: 55%;
    height: 163px;
    z-index:1001;
}
.topcontrol ul {
    position: relative;
}
.topcontrol ul li {
    width: 54px;
    height: 54px;
}
.topcontrol ul li a {
    display: block;
    padding: 27px 27px 27px 7px;
    cursor: pointer;
}
.f1 {
    background: url(../images/qq.png) no-repeat #00a0e9;
}
.f1:hover {
    background: url(../images/qq.png) no-repeat #085c82;
}
.f2 {
    background: url(../images/guanzhu.png) no-repeat #00a0e9;
}
.f2:hover {
    background-color: #085c82;
    border-bottom: #085c82;
}
.f3 {
    background: url(../images/back.png) no-repeat #00a0e9;
    display: none;
}
.f3:hover {
    background: url(../images/back.png) no-repeat #085c82;
    display: none;
}
.erweima2 {
    width: 104px;
    height: 120px;
    position: absolute;
    top: 26px;
    left: -104px;
    display: none;
    background: #085C82;
}
.erweima2 span {
    color: #fff;
    font-size: 12px;
    display: block;
    padding: 91px 4px 0 4px;
    background: url(../images/erweima.jpg) no-repeat;
    background-size: 90%;
    background-position: 6px 6px;
    line-height: 38px;

}
.listpage {
    width: 1200px;
    margin: auto;
    clear: both;
}
.pagination {
    margin: auto;
    padding: 20px 0;
    display: block;
}
.pagination ul {
    overflow: hidden;
    text-align: center;
}
.pagination ul li {
    display: inline-block;
    margin: 0 10px;
    height: 100%;
    border: none;
    padding: 0;
}
.pagination ul li a {
    padding: 5px 10px;
    display: block;
    color: #666;
    font-size: 16px;
    border: 1px solid #cdcdcd;
}
.pagination ul li a:hover {
    background: #53bfff;
    color: #fff;
}