@import url(yzui.css);

/* index.html */
.header{position: fixed;top: 0;left: 0;transition: all .5s;height: 120px;border-bottom: 1px solid rgba(255,255,255,0.2);z-index: 999;width: 100%;}
.header .nav-back{
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.3s;
}
.header.active .container{position: relative;z-index: 999;}
.header .logo{height: 120px;;}
.header .logo a{margin-top: 28px;display: block;width: 282px;height: 66px;background: url('../images/w-logo.png') no-repeat;}
.header.active .logo a{
    margin-top: 28px;
    display: block;
    width: 282px;
    height: 66px;
    background: url('../images/b-logo.png') no-repeat;
    opacity: 1;
}
.header .nav li{float: left;margin-right: 43px;height: 120px;line-height: 120px;position: relative;}
.header .nav li a{font-size: 18px;color: #fff;}
.header .nav li:last-child{margin-right: 0;}
.header .nav li i{display: none;position: absolute;bottom: -0px;left: 50%;margin-left: -17.5px;width: 35px;height: 3px;background: #fff;}
.header .nav li:hover i,.header .nav li.active i{display: block;}
.header.active{
    position: fixed;
    top: 20px;
}
.header.active .nav-back{
    opacity: 1;
    width: 90%;
    left: 5%;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
}
.header.active{border-bottom: 0px solid #000;}
.header.active .nav li a{color: #333;position: relative;z-index: 999;}
.header.active .nav li i{background: #005698;}

.i-banner .item .pic img{
    opacity: 1;
    transform: matrix(1.1, 0, 0, 1.1, 0, 0);
    -webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0);
    transition: transform 5s, opacity 2s;
    -webkit-transition: transform 5s, opacity 2s;
}
.i-banner .item .pic.imgIn img{
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
}
.i-banner .item .bannerTxts{
    padding-top: 12.5%;
    width: 1600px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -750px;
    text-align: center;
    color: #333;
    overflow: hidden;
    opacity: 0;
    transition: all 1s;
}
.i-banner .item .bannerTxts.show{
    margin-left: -800px;
    opacity: 1;
}
.banner{position: relative;}
.banner .line{
    display: block;
}
.banner .bx-controls-direction a .line{
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    bottom: 14px;
    transition: 300ms;
    -webkit-transition: 300ms;
}
.banner .bx-prev .line{
    background: url('../images/00002.png') no-repeat;
}
.banner .bx-next .line{
    background: url('../images/00003.png') no-repeat;
    left: auto !important;
    right: 0 !important;
}
.bx-controls-direction{
    width: 1600px;
    margin: 0 auto;
    position: absolute;
    z-index: 999;
    bottom: 60px;
    left: 50%;
    margin-left: -800px;
    height: 60px;
}
.banner .bx-wrapper .bx-controls-direction a{
    display: inline-block;
    width: 27px;
    height: 73px;
    /* margin-top: -36px; */
    text-indent: 0;
    color: #333;
    font-family: 'moolbor';
    line-height: 50px;
    font-size: 24px;
    text-transform: lowercase;
    z-index: 999;
    position: relative;
}

.banum{
    position: absolute;
    left: 53%;
    right: 0;
    bottom: 87px;
    width: 1600px;
    margin-left: -800px;
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'moolbor';
    text-align: left;
    z-index: 999;
}
.banum span{
    display: inline-block;
    padding: 0 5px;
}
.bamouse{
    z-index: 999;
    width: 27px;
    height: 39px;
    position: absolute;
    left: 50%;
    margin-left: -13px;
    bottom: 80px;
    background: url('../images/mouse.png') no-repeat;
    cursor: pointer;
}
@-webkit-keyframes mouse {
    0%{
        margin-top:15px;
    }
    100%{
        margin-top: 0;
    }
}
.bamouse .ico{
    background: url('../images/mouse2.png') no-repeat;
    background-position: center 0;
    animation: mouse 3s linear alternate infinite;
    -webkit-animation: mouse 3s linear alternate infinite;
}
.ico{
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    transition: 300ms;
    -webkit-transition: 300ms;
}


.h-banner .h-banner-pagination .swiper-pagination-bullet{margin: 0 8px !important;background: 0;width: 20px;height: 20px;border: solid 1px #e6e6e6;opacity: 1 !important;}
.h-banner .h-banner-pagination .swiper-pagination-bullet-active{background: #fff;}
.h-banner .h-banner-pagination{bottom: 5% !important;}

.h-advantage{padding: 125px 0 150px;}
.h-advantage .img{position: relative;margin-top: 57px;width: 34%;}
.h-advantage .img .i-02{width: 84.6%;}
.h-advantage .img .i-01{width: 84.6%;position: absolute;left: 14.5%;bottom: 57px;}
.h-advantage .tex{width: 55%;}
.h-advantage .tex .t-02{margin-top: 3.7%;}
.h-advantage .tex .t-02 p{font-size: 20px;line-height: 36px;color: #646262;}
.h-advantage .tex a{margin-top: 6.12%;}
.more{background: #087dcd url('../images/arrow.png') no-repeat 124px center;padding-left: 20px;font-size: 16px;color: #fff; display: block;width: 163px;height: 40px;line-height: 40px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
.more:hover{color: #019de7;background: #fff url('../images/arrow1.png') no-repeat 124px center; border:1px solid #019de7;}

.h-case .tex-1 a{margin-top: 30px;padding-left: 15px;background: url('../images/arrow-01.png') no-repeat 65px center;display: block;width: 115px;height: 32px;line-height: 28px;border-radius: 25px;border: solid 2px #004a86;letter-spacing: 1px;color: #005698;}
.h-case .tex-1 a:hover{
    color: #fff;
    background:#004a86 url('../images/arrow-02.png') no-repeat 65px center;
}
.h-case .list{margin-top: 50px;padding: 0.25%;}
.h-case .list ul{margin-left: -0.5%;}
.h-case .list li{float: left;width: 32.8125%;position: relative;margin-left: 0.5%;margin-top: 0.5%;}
.h-case .list li:nth-child(1),.h-case .list li:nth-child(2),.h-case .list li:nth-child(3){margin-top: 0;}
.h-case .list li .tex{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);display: none;}
.h-case .list li .img{overflow: hidden;}
.h-case .list li .img img{transition: all .5s;width: 100%;}
.h-case .list li:hover .img img{transform: scale(1.1);}
.h-case .list li:hover .tex{background: rgba(0, 0, 0, 0.55);display: block;}
.h-case .list li .tex .tex-1{padding: 3% 2.6% 0;font-size: 16px;color: #f5f5f5;}
.h-case .list li .tex .tex-2{position: absolute;width: 100%;left: 0;bottom: 5%;}
.h-case .list li .tex .tex-2 p{display: block;padding: 0 2.6%;}
.h-case .list li .tex .tex-2 p:nth-child(1){font-size: 24px;color: #f5f5f5;}
.h-case .list li .tex .tex-2 p:nth-child(2){font-size: 18px;color: #bebdbd;margin-top: 10px;}
.h-case .list li .tex .tex-3{width: 0%;transition: all .5s;height: 7px;background: #019de7;position: absolute;bottom: 0;left: 0;}
.h-case .list li:hover .tex .tex-3{width: 100%;}

.h-design .container{padding: 0 8.875% 0 7.1875%;background: url('../images/h-bg.jpg') no-repeat center top;}
.h-design .tex-1{padding-top: 157px;}
.h-design .tex-1 .tex{width: 52.628%;}
.h-design .tex-1 .tex .t-02{margin: 8.12% 0 11.15%;line-height: 40px;font-size: 18px;color: #636363;}
.h-design .tex-1 .img{width: 38.76%;position: relative;}
.h-design .tex-1 .img .i-1{position: absolute;top: 4.8%;right: 4.8%;width: 86.4%;}
.h-design .tex-1 .img .i-2{width: 100%;}
.h-design .tex-2{margin-top: 167px;}
.h-design .tex-2 .img{position: relative;width: 32.558%;}
.h-design .tex-2 .i-2{width: 84.523%;margin-top: 12%;}
.h-design .tex-2 .i-1{width: 87.380%;position: absolute;top:0;right: 0;z-index: 2;}
.h-design .tex-2 .tex{width: 58.139%;}
.h-design .tex-2 .tex .t-02{font-size: 18px;line-height: 40px;color: #636363;margin: 2.8% 0 6.38%;}

.h-cooperative{margin-top: 330px;margin-bottom: 55px;}
.h-cooperative .container{background: #257cd2;height: 455px;padding: 0 14.375% 0 15.75%;}
.h-cooperative .tex{margin-top: 120px;}
.h-cooperative .tex p{display: block;color: #ffffff;}
.h-cooperative .tex p:nth-child(1){font-size: 60px;}
.h-cooperative .tex p:nth-child(2){font-size: 36px;opacity: 0.73;margin: 15px 0 15px;}
.h-cooperative .tex p:nth-child(3){font-size: 40px;opacity: 0.86;}
.h-cooperative .img{width: 37.878%;position: relative;height: 455px;}
.h-cooperative .img img{position: absolute;right: 0;bottom: 5.934%;}

.footer{background: #fff;}
.footer .problem{padding: 55px 0 40px;border-bottom: 1px solid #dddddd;}
.footer .problem .tex{width: 65%;}
.footer .problem .tex>p{font-size: 30px;letter-spacing: 2px;color: #005698;margin-bottom: 23px;}
.footer .problem .tex li{float: left;padding:0 1.5% 0;border-right: 1px solid #dddddd;}
.footer .problem .tex li:nth-child(1){padding-left: 0;}
.footer .problem .tex li:last-child{border-right: 0;}
.footer .problem .tex li p{display: block;}
.footer .problem .tex li p:nth-child(1){font-size: 20px;letter-spacing: 1px;color: #353737;}
.footer .problem .tex li p:nth-child(2){font-size: 14px;letter-spacing: 1px;color: #737474;margin-top: 10px;}
.footer .problem .input p:nth-child(1){font-size: 20px;letter-spacing: 1px;color: #303131;text-align: right;}
.footer .problem .input p:nth-child(2){font-size: 14px;letter-spacing: 1px;color: #303131;text-align: right;margin: 24px 0 21px;}
.footer .problem .input input{margin-left: 7px;padding: 0 8px;width: 139px;height: 39px;background-color: #ffffff;border-radius: 3px;border: solid 1px #e6e6e6;}
.footer .problem .input input::-webkit-input-placeholder { 
	font-size: 14px;
	letter-spacing: 1px;
	color: #9b9d9d;
}
.footer .problem .input input:-moz-placeholder { 
	font-size: 14px;
	letter-spacing: 1px;
	color: #9b9d9d;
}
.footer .problem .input input::-moz-placeholder {
	font-size: 14px;
	letter-spacing: 1px;
	color: #9b9d9d;
}
.footer .problem .input input:-ms-input-placeholder { 
	font-size: 14px;
	letter-spacing: 1px;
	color: #9b9d9d;
}
.footer .problem .input button{color: #fff;margin-left: 7px;border: 0;letter-spacing: 1px;margin-top: 2px;cursor: pointer;width: 93px;height: 36px;background-image: linear-gradient(#005698, #005698), linear-gradient(#31af9a, #31af9a);background-blend-mode: normal, normal;border-radius: 3px;}

.f-contact{padding: 36px 0 55px;}
.f-contact .c-left .l-01 .tex{margin-left: 25px;margin-top: 5px;}
.f-contact .c-left .l-01 .tex p{font-size: 14px;line-height: 24px;letter-spacing: 1px;color: #020202;}
.f-contact .c-left .l-02 p:nth-child(1),.f-contact .c-left .l-02 p:nth-child(1) a{font-size: 14px;letter-spacing: 1px;color: #020202;}
.f-contact .c-left .l-02 p:nth-child(1) a:hover{color: #019de7;}
.f-contact .c-left .l-02 p:nth-child(1){margin: 20px 0 20px;}
.f-contact .c-left .l-02 p:nth-child(2){font-size: 12px;letter-spacing: 1px;color: #464747;}
.f-contact .l-right .r-tex{margin-right: 32px;}
.f-contact .l-right .r-tex p{display: block;letter-spacing: 1px;color: #292929;text-align: right;}
.f-contact .l-right .r-tex p:nth-child(4){font-size: 30px;color: #005698;}
.f-contact .l-right .r-tex p:nth-child(3){margin-top: 22px;}
.f-contact .l-right .r-tex p:nth-child(1){margin-top: 7px;margin-bottom: 3px;}

.w-header{border-bottom: 0px solid #000;}
.w-header .nav li a{color: #030303;}
.w-header .nav li i{background: #005698;bottom: 0;}

.w-blank{height: 120px;width: 100%;}

.page-news{background: #eff0f0;padding-top: 54px;}
.page-news li{position: relative;background: #fff;height: 241px;padding: 12px 44px 0 14px;margin-top: 65px;box-shadow:0 30px 30px -10px rgba(0, 0, 0, 0.15);}
.page-news li:nth-child(1){margin-top: 0;}
.page-news li .img{width: 332px;height: 215px;overflow: hidden;}
.page-news li .img img{transition: all .5s; width: 320px;height: 260px;}
.page-news li:hover .img img{transform: scale(1.1);}
.page-news li .tex{width: 773px;}
.page-news li .tex .t-01{font-size: 20px;color: #000000;margin-top: 15px;}
.page-news li .tex .t-01 p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.page-news li .tex .t-02{font-size: 16px;line-height: 30px;color: #626262;margin-top: 23px;margin-bottom: 25px;}
.page-news li .tex .t-02 p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.page-news li .tex .t-03 span:nth-child(1){font-size: 15px;color: #626262;}
.page-news li .tex .t-03 span:nth-child(2){padding-left: 20px;background: #087dcd url('../images/sanjiao.png') no-repeat 101px center;display: inline-block;width: 120px;height: 32px;line-height: 32px;color: #eff0f0;}
.page-news li .tex .t-01 b{
	font-weight: normal;
}
.page-news li i{display: block;display: none;width: 100%;height: 3px;position: absolute;bottom: 0;left: 0;background: #087dcd;}
.page-news li:hover i{display: block;}

.page{text-align: center;font-size: 0;padding: 102px 0 70px;}
.page a{background: #ffffff;display: inline-block;width: 40px;height: 40px;line-height: 38px;text-align: center;margin: 0 8.5px;border: 1px solid #cdcdcd;font-size: 18px;color: #080808;}
.page a:hover,.page a.active{background: #087dcd;color: #fff;border: 1px solid #087dcd;}

.case-nav{background: #f3f7fc;border-bottom: 1px solid #dbdee3;border-top: 1px solid #dbdee3;padding: 26px 0;}
.case-nav span{font-size: 16px;color: #696a6a;margin-left: 25px;margin-right: 29px;}
.case-nav a{font-size: 16px;color: #040404;margin-right: 40px;}
.case-nav a:hover,.case-nav a.active{color: #005698;}

.page-case{background: #f3f7fc url('../images/case-bg.jpg') no-repeat center top;padding-top: 38px;}
.page-case .list{margin-top: 0;}
.page-case .page{padding: 52px 0 73px;}


.v-left .p1{
	    width: 906.39px !important;
		font-size: 0px !important;
}
.case-view .v-left .tex-1 .anchor-tag{
	    width: 938.39px !important;
}

.case-view{background: #f6f5f5;padding-top: 48px;border-bottom: 1px solid #e3e3e3;}
.case-view .v-left{width: 70.945083%;background: #fff;padding: 48px 64px 63px 56px;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);}
.case-view .v-left .tex-1 p:nth-child(1){font-size: 18px !important;color: #000000;}
.case-view .v-left .tex-1 p:nth-child(2){margin-top: 25px;font-size: 18px;color: #000000;line-height: 30px;}
.case-view .v-left .list{margin-top: 40px;}
.case-view .v-left .list li{position: relative;margin-top: 29px;overflow: hidden;}
.case-view .v-left .list li .btn{position: absolute;left: 0;bottom: -53px;font-size: 0;text-align: center;width: 100%;transition: all .5s;}
.case-view .v-left .list li:hover .btn{bottom: 41px;}

.case-view .v-left .list li .btn a{display: inline-block;background: #005698;padding: 5px 24px;margin: 0 14px;border-radius: 25px;font-size: 18px;color: #fff;}
.case-view .v-left .list li:nth-child(1){margin-top: 0;}
.case-view .v-left .tex-2{text-align: center;}
.case-view .v-left .tex-2 p{display: block;font-size: 40px;color: #333;font-weight: bold;margin-top: 55px;}
.case-view .v-left .tex-2 a{margin-top: 25px;display: inline-block;width: 294px;height: 46px;line-height: 46px;background-color: #004a86;border-radius: 20px;text-align: center;font-size: 20px;color: #ffffff;}
.case-view .v-left .tex-2 a span{display: inline-block;padding-right: 36px;background: url('../images/caseview-arrow.png') no-repeat right center;}

.case-view .v-right{width: 26.436782%;}
.case-view .v-right .r-service,.case-view .v-right .r-like{background: #fff;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);}
.case-view .v-right .r-service .tex-1,.case-view .v-right .r-like .tex-1{padding: 28px 15px 28px;border-bottom: 1px solid #e5e5e5;}
.case-view .v-right .r-service .tex-1 span:nth-child(1),.case-view .v-right .r-like .tex-1 span:nth-child(1){font-size: 32px;font-weight: bold;color: #000000;}
.case-view .v-right .r-service .tex-1 span:nth-child(2),.case-view .v-right .r-like .tex-1 span:nth-child(2){font-size: 32px;font-weight: bold;color: #cccccc;position: relative;left: 5px;top: 5px;}
.case-view .v-right .r-service .tex-2{padding-left: 23px;padding-bottom: 32px;}
.case-view .v-right .r-service .tex-2 li{padding-left: 28px;margin-top: 20px;padding-right: 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.case-view .v-right .r-service .tex-2 li span{display: inline-block;}
.case-view .v-right .r-service .tex-2 li span:nth-child(1){font-size: 16px;color: #8d8c8c;}
.case-view .v-right .r-service .tex-2 li span:nth-child(2){font-size: 16px;color: #040404;}
.case-view .v-right .r-service .tex-2 li:nth-child(1){background: url('../images/cv-01.png') no-repeat left center;}
.case-view .v-right .r-service .tex-2 li:nth-child(2){background: url('../images/cv-02.png') no-repeat left center;}
.case-view .v-right .r-service .tex-2 li:nth-child(3){background: url('../images/cv-03.png') no-repeat left center;}
.case-view .v-right .r-service .tex-2 li:nth-child(4){background: url('../images/cv-04.png') no-repeat left center;}
.case-view .v-right .r-like{margin-top: 42px;}
.case-view .v-right .r-like .tex-2{padding: 33px 32px 0 22px;}
.case-view .v-right .r-like .tex-2 li{text-align: center;}
.case-view .v-right .r-like .tex-2 li .tex{padding: 14px 0 23px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 18px;color: #000000;}
.case-view .v-right .r-like .tex-2 li:hover .tex{color: #005698;}
.case-view .v-right .r-like .tex-2 li .img{overflow: hidden;position: relative;}
.case-view .v-right .r-like .tex-2 li .img img{transition: all .5s;}
.case-view .v-right .r-like .tex-2 li:hover .img img{transform: scale(1.1);}
.case-view .v-right .r-like .tex-2 li .mc{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    display: none;
}
.case-view .v-right .r-like .tex-2 li .mc-con{
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%,-50%);
}
.case-view .v-right .r-like .tex-2 li .mc-con p{
    font-size: 16px;
    color: #fff;
}
.case-view .v-right .r-like .tex-2 li .mc-con p:nth-child(2){
    width: 30px;
    height: 1px;
    background: #fff;
    margin: 10px auto;
}
.case-view .v-right .r-like .tex-2 li:hover .mc{display: block;}

.about-banner{position: relative;}
.about-banner:before{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: url('../images/about-banner.jpg') 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: 10s;
    -o-transition: 10s;
    transition: 10s;
    transform: scale(1.2, 1.2);
}
.about-banner.active:before{
    transform: scale(1, 1);
}
.about-banner .con{position: absolute;width: 100%;left: 0;top: 0;}
.about-banner .con .top{height: 399px;color: #fff;background: url('../images/about-kuang.png') no-repeat left center;padding-left: 130px;padding-top: 53px;margin-top: 13.378151%;}
.about-banner .con .top p{display: block;}
.about-banner .con .top p:nth-child(1){font-size: 28px;letter-spacing: 2px;font-weight: bold;}
.about-banner .con .top p:nth-child(2){font-size: 74px;font-weight: bold;}
.about-banner .con .top p:nth-child(3){font-size: 48px;letter-spacing: 10px;font-weight: bold;}
.about-banner .con .top p:nth-child(4){font-size: 18px;line-height: 37px;}
.about-banner .con .bot{margin-top: 8%;}
.about-banner .con .bot li{float: left;width: 355px;height: 232px;padding: 20px;}
.about-banner .con .bot li a{color: #fff;}
.about-banner .con .bot li:nth-child(1) a{color: #f5f5f5;}
.about-banner .con .bot li:nth-child(1){background: rgba(3,3,3,0.9);}
.about-banner .con .bot li:nth-child(2){background: rgba(5,5,5,0.9);margin: 0 16px 0 19px;}
.about-banner .con .bot li:nth-child(3){background: rgba(15,93,183,0.99);width: 610px;height: 232px;}
.about-banner .con .bot li a p:nth-child(1){font-size: 40px;letter-spacing: 2px;}
.about-banner .con .bot li a p:nth-child(2){font-size: 25px;letter-spacing: 1px;color: #f5f5f5;}
.about-banner .con .bot li a p:nth-child(3){font-size: 18px;opacity: 0.8;line-height: 30px;margin-top: 16px;}

.system{background: #f5f5f5;padding-top: 97px;padding-bottom: 309px;}
.system li{float: left;position: relative;}
.system li .tex{position: absolute;top: 43px;left: 243px;z-index: 1;background: #fff;width: 307px;height: 551px;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);border-bottom: 5px solid #087dcd;}
.system li:nth-child(1) .tex{padding: 30px 42px 33px 37px;}
.system li:nth-child(2) .tex{padding: 30px 30px 33px 40px;}
.system li:nth-child(2) .tex{width: 329px;}
.system li:nth-child(2){margin-left: 371px;}
.system li .tex p{display: block;}
.system li .tex p:nth-child(1){font-size: 30px;color: #070707;}
.system li .tex p:nth-child(2){font-size: 18px;line-height: 36px;color: #070707;margin-top: 7px;text-align: justify;}
.system li .tex a{font-size: 18px;color: #5b5b5b;position: absolute;bottom: 33px;left: 46px;}
.system li .tex a:hover{color: #087dcd;}
.system li .i-2{position: absolute;top: 88px;left: 133px;z-index: 2;}

.honor{background: #087dcd;height: 596px;}
.honor .container-1355{position: relative;height: 596px;}
.honor .img{position: absolute;left: 0;bottom: 72px;}
.honor .tex{margin-left: 652px;color: #fff;}
.honor .tex .t-1{font-size: 50px;padding: 75px 0 44px;}
.honor .tex .t-2{font-size: 18px;margin-bottom: 19px;}
.honor .tex .t-3{font-size: 18px;line-height: 40px;}
.honor .tex .t-3 p{padding-left: 24px;background: url('../images/about-line-01.jpg') no-repeat 5px center;}

.page-contact{background: url('../images/contact-bg-01.jpg') no-repeat;padding: 188px 0 196px;}
.page-contact .tex p{display: block;font-size: 22px;line-height: 48px;color: #010101;width: 810px;margin-left: 0;margin-top: 30px;}
.page-contact .img{position: relative;width: 466px;height: 501px;}
.page-contact .img .i-1{position: absolute;top: 0;left: 0;z-index: 2;}
.page-contact .img .i-2{position: absolute;bottom: 0;right: 0;z-index: 1;}

.contact-map{background: url('../images/contact-map.jpg') no-repeat;background-size: 100% 100%;width: 100%;height: 894px;}
.contact-map .container-1420{position: relative;}
.contact-map .container-1420 .i-1{position: absolute;top: 309px;left: 130px;}
.contact-map .tex{width: 728px;height: 601px;padding: 60px 77px 0 51px;background: #fff;margin-top: 128px;}
.contact-map .tex .t-1{font-size: 40px;color: #030303;font-weight: bold;padding-bottom: 42px;border-bottom: 1px dashed #dedede;}
.contact-map .tex .t-2 li{padding-left: 81px;font-size: 18px;color: #2e2f30;height: 40px;line-height: 40px;margin-bottom: 33px;}
.contact-map .tex .t-2 li:nth-child(1){background: url('../images/contact-i-01.jpg') no-repeat 30px center;margin-top: 40px;}
.contact-map .tex .t-2 li:nth-child(2){background: url('../images/contact-i-02.jpg') no-repeat 33px center;}
.contact-map .tex .t-2 li:nth-child(3){background: url('../images/contact-i-03.jpg') no-repeat 30px center;}
.contact-map .tex .t-3 p{display: block;color: #2e2f30;}
.contact-map .tex .t-3 p:nth-child(1){font-size: 24px;padding-top: 20px;}
.contact-map .tex .t-3 p:nth-child(2){font-size: 48px;margin-top: 16px;}
.contact-map .leida{
    position: absolute;
    left: 67px;
    top: 502px;
    width: 32px;
    height: 32px;
    margin-left: 149px;
}
.FpulseSlow2{    
    animation: FpulseSlow2 infinite 3s linear;
    opacity: 0;
}
@keyframes FpulseSlow {
	0% {transform:scale(1);opacity:1;}
	100%{transform:scale(0.85);opacity:0.5;}
}
.FpulseSlow2 {animation:FpulseSlow2 infinite 3s linear;opacity:0;}
@keyframes FpulseSlow2 {
	0% {transform:scale(0.25);opacity:0.4;}
	100%{transform:scale(1);opacity:0;}
}

.leida span{
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    display: block;
    background: rgb(55, 64, 163);
    box-sizing: border-box;
    opacity: 0;
}
.contact-map .leida .span2{
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    z-index: 6;
}
.contact-map .leida .span3{
    width: 160px;
    height: 160px;
    margin: -80px 0 0 -80px;
    z-index: 5;
}
.contact-map .leida .span4{
    width: 320px;
    height: 320px;
    margin: -160px 0 0 -160px;
    z-index: 4;
}
.contact-map .leida .span5{
    width: 640px;
    height: 640px;
    margin: -320px 0 0 -320px;
    z-index: 3;
}

.design-banner{position: relative;}
.design-banner:before{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: url('../images/sheji-banner.jpg') 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: 10s;
    -o-transition: 10s;
    transition: 10s;
    transform: scale(1.2, 1.2);
}
.design-banner.active:before{
    transform: scale(1, 1);
}
.design-banner .con{position: absolute;left: 0;top: 0;width: 100%;}
.design-banner .con .tex{height: 525px;background: url('../images/sheji-k.png') no-repeat right center;margin: 20% 77px 0 66px;padding-top: 7%;}
.design-banner .con .tex p{display: block;color: #fff;}
.design-banner .con .tex p:nth-child(1){font-size: 80px;font-weight: bold;}
.design-banner .con .tex p:nth-child(2){font-size: 30px;line-height: 53px;width: 1020px;margin-left: 0;margin-top: 20px;}

.design-main{background: url('../images/sheji-bg.jpg') no-repeat;padding-bottom: 112px;}
.design-main .top{padding: 106px 0 167px;}
.design-main .top .img{width: 567px;height: 396px;position: relative;margin-left: 47px;}
.design-main .top .img .i-1{position: absolute;top: 0;left: 0;z-index: 2;}
.design-main .top .img .i-2{position: absolute;bottom: 0;right: 0;z-index: 1;}
.design-main .top .tex{width: 685px;margin-left: 23px;position: relative;}
.design-main .top .tex p:nth-child(1){color: #fff;font-size: 78px;letter-spacing: 24px;font-weight: bold;position: absolute;top: 36px;left: -256px;z-index: 3;}
.design-main .top .tex i{font-style: normal;color: #087dcd;}
.design-main .top .tex p:nth-child(2){font-size: 22px;line-height: 42px;color: #080808;text-align: justify;margin-top: 186px;}

.design-main .bot .item{width: 100%;border: solid 2px #0080cc;position: relative;border-radius: 10px;}
.design-main .bot .item-11{height: 577px;padding: 42px 48px 0 237px;}
.design-main .bot .item-11 .i-1{position: absolute;top: 45px;left: 60px;}
.design-main .bot .item-11 .tex{width: 502px;}
.design-main .bot .item-11 .tex .t-1 p{display: block;font-weight: bold;}
.design-main .bot .item-11 .tex .t-1 p:nth-child(1){font-size: 62px;letter-spacing: -3px;color: #040404;}
.design-main .bot .item-11 .tex .t-1 p:nth-child(2){font-size: 54px;letter-spacing: -3px;color: #087dcd;}
.design-main .bot .item-11 .tex .t-1 p:nth-child(3){width: 54px;height: 3px;background: #087dcd;margin-left: 0;margin-top: 13px;}
.design-main .bot .item-11 .tex .t-2{margin-top: 13px;}
.design-main .bot .item-11 .tex .t-2 li{width: 136px;margin-right: 65px;margin-top: 10px;float: left;padding-left: 23px;background: url('../images/sheji-quan.png') no-repeat left center;}
.design-main .bot .item-11 .tex .t-2 li a{font-size: 28px;color: #050505;}
.design-main .bot .item-11 .tex .t-3{font-size: 20px;line-height: 40px;color: #303132;margin-top: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.item-01-next{
    left: -91px;
    position: absolute;
	background: url('../images/jt1.png') no-repeat;
	bottom: 253px;
    width: 65px;
    height: 80px;
    z-index: 10;
    cursor: pointer;
    background-size: 65px 80px;
    background-position: center;
    background-repeat: no-repeat;
}
.item-01-prev{
	right:  -91px;
	bottom: 253px;
    position: absolute;
    background: url('../images/jt2.png') no-repeat;
    width: 65px;
    height: 80px;
    z-index: 10;
    cursor: pointer;
    background-size: 65px 80px;
    background-position: center;
    background-repeat: no-repeat;
}

.design-main .bot .item-22{height: 598px;padding: 58px 47px 0 63px;}
.design-main .bot .item-22 .i-1{top: 52px;left: 555px;}
.design-main .bot .item-22 .tex{width: 563px;}
.design-main .bot .item-22 .tex .t-2 li{margin-right: 40px;width: 136px;}
.design-main .bot .item-11 .tex .t-2 li{margin-top: 0px;}
.design-main .bot .item-11 .tex .t-3{margin-top: 17px;}
.item-02-next{
    left: -91px;
    position: absolute;
	background: url('../images/jt1.png') no-repeat;
	bottom: 253px;
    width: 65px;
    height: 80px;
    z-index: 10;
    cursor: pointer;
    background-size: 65px 80px;
    background-position: center;
    background-repeat: no-repeat;
}
.item-02-prev{
	right:  -91px;
	bottom: 253px;
    position: absolute;
    background: url('../images/jt2.png') no-repeat;
    width: 65px;
    height: 80px;
    z-index: 10;
    cursor: pointer;
    background-size: 65px 80px;
    background-position: center;
    background-repeat: no-repeat;
}

.a-00{width: 100%;text-align: center;}
.a-00 img{vertical-align: middle;}
.a-01{height: 178px;line-height: 178px;}
.a-02{height: 138px;line-height: 138px;}
.a-03{height: 158px;line-height: 158px;}

.design-main .bot .item-33{height: 599px;padding: 35px 49px 0 244px;}
.design-main .bot .item-33 .tex .t-2 li{width: auto;margin-right: 20px;margin-top: 10px;}
.design-main .bot .item-33 .tex{width: 437px;}
.design-main .bot .item-33 .tex .t-2{margin-top: 0;}
.design-main .bot .item-33 .img{margin-top: 24px;}

.item-03-next{
    left: -91px;
    position: absolute;
	background: url('../images/jt1.png') no-repeat;
	bottom: 253px;
    width: 65px;
    height: 80px;
    z-index: 10;
    cursor: pointer;
    background-size: 65px 80px;
    background-position: center;
    background-repeat: no-repeat;
}
.item-03-prev{
	right:  -91px;
	bottom: 253px;
    position: absolute;
    background: url('../images/jt2.png') no-repeat;
    width: 65px;
    height: 80px;
    z-index: 10;
    cursor: pointer;
    background-size: 65px 80px;
    background-position: center;
    background-repeat: no-repeat;
}

.design-main .bot .item-44 .tex{margin-top: 50px;}
.design-main .bot .item-44 .tex .t-2 li{width: 164px;margin-right: 7px;}
.design-main .bot .item-44 .tex .t-2{margin-top: 25px;}
.design-main .bot .item-44 .tex .t-3{margin-top: 40px;width: 439px;margin-left: 0;}
.design-main .bot .item-44 .i-1{top: 122px;}

.technology-banner{position: relative;}
.technology-banner:before{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: url('../images/gongyi-banner.jpg') 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: 10s;
    -o-transition: 10s;
    transition: 10s;
    transform: scale(1.2, 1.2);
}
.technology-banner.active:before{
    transform: scale(1, 1);
}
.technology-banner .con{position: absolute;left: 0;top: 0;width: 100%;}
.technology-banner .con .tex{margin-top: 20%;line-height: 70px;padding-top: 112px;height: 463px;background: url('../images/gongyi-b.png') no-repeat center center;color: #fff;text-align: center;}
.technology-banner .con .tex p{display: block;font-size: 36px;}
.technology-banner .con .tex p i{font-style: normal;font-size: 48px;font-weight: bold;}

.technology-main{background: url('../images/gongyi-bg.png') no-repeat;}
.technology-main .top-1{position: relative;padding: 130px 0 151px;}
.technology-main .top-1 img{margin-left: 20px;}
.technology-main .top-1 .tex{position: absolute;left: 668px;top: 204px;}
.technology-main .top-1 .tex .t-1 p:nth-child(1){font-size: 68px;letter-spacing: -3px;color: #040404;font-weight: bold;}
.technology-main .top-1 .tex .t-1 p:nth-child(2){font-size: 58px;letter-spacing: -3px;color: #087dcd;font-weight: bold;}
.technology-main .top-1 .tex .t-1 p:nth-child(3){width: 52px;height: 5px;background: #087dcd;margin-left: 0;margin-top: 8px;}
.technology-main .top-1 .tex .t-2{width: 655px;font-size: 24px;line-height: 40px;color: #060606;margin-top: 45px;}

.technology-main .bot .item-11{height: 625px;padding: 103px 45px 0 60px;}
.technology-main .bot .item-11 .img{width: 539px;height: 460px;position: relative;}
.technology-main .bot .item-11 .img .i-2{position: absolute;top: 0;right: 0;z-index: 1;}
.technology-main .bot .item-11 .img .i-1{position: absolute;top: 35px;left: 0;z-index: 2;}
.technology-main .bot .item-11 .tex .t-1 p:nth-child(1){font-size: 64px;letter-spacing: -3px;color: #040404;}
.technology-main .bot .item-11 .tex{width: 555px;margin-top: 65px;}
.technology-main .bot .item-11 .tex .t-2 li{width: 165px;margin-right: 18px;margin-top: 10px;}
.technology-main .bot .item-11 .tex .t-3{width: 457px;text-align: justify;margin-left: 0;}
.technology-main .bot .item-11 .tex .t-3 p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.technology-main .bot .item-11 .item-01-next{
    left: -91px;
    position: absolute;
	background: url('../images/jt1.png') no-repeat;
	bottom: 251px;
	width: 65px;
	height: 80px;
    z-index: 10;
    cursor: pointer;
    background-size: 65px 80px;
    background-position: center;
    background-repeat: no-repeat;
}
.technology-main .a-01{height: 177px;line-height: 177px;}
.technology-main .a-02{height: 186px;line-height: 186px;}

.technology-main .bot .item-22{padding: 62px 47px 0 45px;height: 644px;}
.technology-main .bot .item-22 .img{width: 610px;height: 533px;position: relative;}
.technology-main .bot .item-22 .img .i-1{position: absolute;left: 47px;top: 0;z-index: 2;}
.technology-main .bot .item-22 .img .i-2{position: absolute;left: 0;top: 46px;z-index: 1;right: auto;}
.technology-main .bot .item-22 .i-1{top: 48px;left: 766px;}
.technology-main .bot .item-22 .tex{margin-top: 109px;width: 539px;}
.technology-main .bot .item-22 .tex .t-3{width: 482px;text-align: justify;}
.technology-main .bot .item-11 .tex .t-2 li{width: 168px;margin-right: 17px;}
.technology-main .bot .item-11 .tex .t-2 li:nth-child(3),.design-main .bot .item-11 .tex .t-2 li:nth-child(6){margin-right: 0;}

.technology-main .bot .item-22 .item-02-prev{
    right: -91px;
    position: absolute;
	background: url('../images/jt2.png') no-repeat;
	bottom: 250px;
	width: 65px;
	height: 80px;
    z-index: 10;
    cursor: pointer;
    background-size: 65px 80px;
    background-position: center;
    background-repeat: no-repeat;
}

.technology-main .bot .item-33{height: 644px;padding: 98px 59px 0 63px;}
.technology-main .bot .item-33 .img{width: 590px;height: 510px;position: relative;margin-top: 0;}
.technology-main .bot .item-33 .img .i-1{right: 47px;top: 37px;}
.technology-main .bot .item-33 .item-03-next{
    left: -91px;
    position: absolute;
	background: url('../images/jt1.png') no-repeat;
	bottom: 250px;
	width: 65px;
	height: 80px;
    z-index: 10;
    cursor: pointer;
    background-size: 65px 80px;
    background-position: center;
    background-repeat: no-repeat;
}

.chat{position: fixed;right: 0;top: 50%;margin-top: -73px;z-index: 1000;}

.popup{
    position: fixed;
    width: 920px;
    height: 600px;
    overflow: hidden;
    font-size: 14px;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    color: #333;
    background: #fff;
    text-align: left;
    vertical-align: middle;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 999;
    display: none;
}

.popup .popup-left{
    height: 600px;
    width: 460px;
    background: #fff url('../images/p-left.jpg') center center no-repeat;
}

.popup .popup-right{
    width: 460px;
    height: 600px;
    padding: 50px;
    position: relative;
}

.popup-close{
    position: absolute;
    background: url('../images/p-close.png') center center no-repeat;
    top: 50px;
    right: 50px;
    height: 23px;
    width: 23px;
    top: 30px;
    right: 30px;
    transition: 0.2s;
    cursor: pointer;
    transform: rotate(0deg);
}
.popup-close:hover{
    transform: rotate(90deg);
}
.popup-title{
    font-size: 24px;
    margin-top: 54px;
    line-height: 24px;
    margin-bottom: 15px;
}
.abois a{color: #535351;}
.popup-field{
    width: 100%;
    display: block!important;
    height: 50px;
    margin: 20px auto;
    border: 0;
    border-bottom: 1px solid #ccc;
    transition: 0.2s;
    font-size: 14px; 
    color:#999;
}
.popup-field::-webkit-input-placeholder {
font-size: 14px; 
color:#999;
}
.popup-field:-moz-placeholder {
font-size: 14px;  
color: #999;
}
.popup-field::-moz-placeholder {
font-size: 14px;  
color: #999;
}
.popup-field:-ms-input-placeholder {
font-size: 14px;  
color: #999;
}

.popup-2-btn{
    display: block;
    width: 100%;
    height: 50px;
    margin: auto;
    color: #fff;
    margin-top: 60px;
    border: none;
    background: #3740a3;
    border-top-left-radius: 16px;
    border-bottom-right-radius: 16px;
    opacity: 1;
    cursor: pointer;
    transition: 0.2s;
    font-size: 14px;
}
.popup-2-btn:hover{
    opacity: .85;
    background: #3740a3;
}
.popup-field-wrap{
    width: 100%;
    margin: auto;
    margin-top: 0px;
    text-align: center;
}
.h4-t{font-weight: normal;}

.popup-wrap-close{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 998;
}

@media (min-width:1442px) and (max-width:1680px){
    .i-banner .item .bannerTxts img{width: 800px;}
    .bx-controls-direction{margin-left: -600px;}
    .banum{margin-left: -589px;}
}
@media (min-width:1365px) and (max-width:1441px){
    .i-banner .item .bannerTxts img{width: 800px;}
    .bx-controls-direction{margin-left: -600px;}
    .banum{margin-left: -589px;}

    .h-advantage .tex .t-01 img{width: 500px;}
    .h-advantage .tex .t-02 p{font-size: 18px;}
    .h-advantage .tex a{margin-top: 4.12%;}
    
    .h-design .tex-1 .tex .t-01 img{width: 300px;}
    .h-design .tex-1 .tex .t-02{font-size: 16px;line-height: 35px;margin: 3.12% 0 5.15%;}
    .h-design .tex-2 .tex .t-01 img{width: 250px;}
    .h-design .tex-1 .tex .t-02{font-size: 16px;line-height: 35px;}

    .h-cooperative .tex p:nth-child(1){font-size: 50px;}
    .h-cooperative .tex p:nth-child(2){font-size: 26px;}
    .h-cooperative .tex p:nth-child(3){font-size: 30px;}

    .footer .problem .tex li p:nth-child(2){font-size: 12px;}
    .footer .problem .tex li{width: 25%;}
    .footer .problem .tex li p:nth-child(2){display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    .footer .problem .input input{width: 115px;}

    .footer .problem .input input::-webkit-input-placeholder { 
        font-size: 12px;
        letter-spacing: 0px;
        color: #9b9d9d;
    }
    .footer .problem .input input:-moz-placeholder { 
        font-size: 12px;
        letter-spacing: 0px;
        color: #9b9d9d;
    }
    .footer .problem .input input::-moz-placeholder {
        font-size: 12px;
        letter-spacing: 0px;
        color: #9b9d9d;
    }
    .footer .problem .input input:-ms-input-placeholder { 
        font-size: 12px;
        letter-spacing: 0px;
        color: #9b9d9d;
    }

    .h-cooperative{margin-top: 150px;}
    .about-banner .con .top{background-size: 200px 250px;padding-top: 114px;margin-top: 7.37%;}
    .about-banner .con .top p:nth-child(2){font-size: 36px;}
    .about-banner .con .top p:nth-child(3){font-size: 24px;}
    .about-banner .con .top p:nth-child(4){font-size: 14px;line-height: 28px;}
    .about-banner .con .bot li{width: 277px;height: 186px;}
    .about-banner .con .bot li a p:nth-child(1){font-size: 30px;}
    .about-banner .con .bot li a p:nth-child(2){font-size: 18px;}
    .about-banner .con .bot li a p:nth-child(3){font-size: 14px;line-height: 23px;}
    .about-banner .con .bot li:nth-child(3){height: 186px;}
    .about-banner .con .bot{margin-top: -3%;}

    .system li .i-1{width: 300px;}
    .system li .tex,.system li:nth-child(2) .tex{width: 268px;}
    .system li .tex p:nth-child(2){font-size: 16px;line-height: 32px;}
    .system li .tex p:nth-child(1){font-size: 24px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

    .honor .img img{width: 500px;}

    .design-banner .con .tex p:nth-child(1){font-size: 46px;}
    .design-banner .con .tex p:nth-child(2){font-size: 22px;line-height: 39px;}
    .design-banner .con .tex{background-size: 300px 400px;padding-top: 13%;margin-top: 9%;}
    .design-main .top .tex{width: 562px;}
    .design-main .bot .item-11 .tex .t-3{width: 470px;}
    .item-01-next,.item-01-prev{bottom: 43px;}
    .item-01-next{right: 108px;}
    .design-main .bot .item-11 .tex .t-2 li a{font-size: 22px;}
    .design-main .bot .item-11 .tex .t-1 p:nth-child(1){font-size: 46px;}
    .design-main .bot .item-11 .tex .t-1 p:nth-child(2){font-size: 38px;}
    .design-main .bot .item-11 .tex .t-2 li{margin-top: 14px;}
    .design-main .bot .item-22 .tex .t-3{margin-left: 0;}
    .design-main .bot .item-22 .tex{width: 462px;}
    .design-main .bot .item-22 .tex .t-2 li{margin-top: 8px;}
    .item-02-prev,.item-02-next{bottom: 51px;}
    .design-main .bot .item-33 .tex .t-3{width: 428px;}
    .design-main .bot .item-33 .tex .t-2 li{margin-right: 39px;}

    .technology-banner .con .tex{margin-top: 13%;}
    .technology-banner .con .tex p{font-size: 28px;}
    .technology-banner .con .tex p i{font-size: 40px;}

    .technology-main .top-1 img{width: 900px;}
    .technology-main .top-1 .tex{left: 520px;top: 199px;}
    .technology-main .top-1 .tex .t-1 p:nth-child(1){font-size: 58px;}
    .technology-main .top-1 .tex .t-1 p:nth-child(2){font-size: 48px;}
    .technology-main .top-1 .tex .t-2{font-size: 20px;margin-top: 28px;}

    .technology-main .bot .item-11 .tex{width: 549px;}
    .technology-main .bot .item-11 .item-01-next{bottom: 0;}
    .technology-main .bot .item-22 .tex{width: 448px;}
    .technology-main .bot .item-22 .tex .t-2 li{margin-right: 0;}
    .technology-main .bot .item-22 .i-1{left: 695px;}
    .technology-main .bot .item-22 .item-02-prev{right: 302px;}
    .technology-main .bot .item-33 .tex{width: 475px;}

    .page-contact .tex p{width: 677px;font-size: 16px;}

    .contact-map .tex .t-1{font-size: 28px;}
    .contact-map .tex .t-2 li{font-size: 14px;margin-bottom: 15px;}
    .contact-map .tex .t-2 li:nth-child(1){margin-top: 24px;}

    .contact-map .tex .t-3 p:nth-child(1){font-size: 20px;}
    .contact-map .tex .t-3 p:nth-child(2){font-size: 36px;}
    .contact-map .tex{height: 485px;}
    .contact-map{height: 720px;}

    .h-design .tex-1{padding-top: 171px;}
    .h-design .tex-2{margin-top: 140px;}

    .design-main .item-02-prev,.design-main .item-02-next{bottom: 66px;}
    .design-main .item-02-prev{left: 141px;}
    .design-main .item-02-next{left: 212px;}
    .design-main .item-44 .item-02-prev, .design-main .item-44 .item-02-next{bottom: 40px;}
    .technology-main .bot .item-22 .item-02-prev{right: 277px;}

    .contact-map .container-1420 .i-1{top: 212px;left: 156px;}
    .contact-map .leida{left: 90px;top: 398px;}

}

@media (width:1440px){
    .contact-map .container-1420 .i-1{top: 212px;left: 137px;}
    .contact-map .leida{left: 74px;top: 398px;}
}


/*CSS pageinfo style pagination*/

.pageinfo {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 44px; MARGIN: 8px; PADDING-TOP: 43px; TEXT-ALIGN: center;
}
.pageinfo A {
	BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaaadd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #aaaadd 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none
}
.pageinfo A:hover {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
.pageinfo A:active {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
.pageinfo SPAN.thisclass {
	BORDER-RIGHT: #000099 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000099 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000099 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000099 1px solid; BACKGROUND-COLOR: #000099
}
.pageinfo SPAN.disabled {
	BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}