@charset "utf-8";

/* CSS Document */



html {

    color: #333;

    background: #fff;

}



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, input, button, textarea, p, blockquote, th, td {

    margin: 0;

    padding: 0;

}



body {

    font: 12px/1.8 "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;

    font-family: "Microsoft YaHei", Arial, sans-serif;

    width: 100%;

}



img {

    border: none;

    vertical-align: middle;

    width: 100%;

}



em, b {

    font-style: normal;

    font-weight: normal;

}



li {

    list-style: none;

}



h1 {

    font-size: 18px;

}



h2 {

    font-size: 30px;

    text-align: center;

    font-weight: normal;

}



h3 {

    font-size: 14px;

}



h4, h5, h6 {

    font-size: 100%;

}



a {

    text-decoration: none;

    color: #333

}



a:hover, .bs {

    text-decoration: none;

    color: #4fb1f7;

}



q:before, q:after {

    content: '';

}



/* 消除q前后的内容 */

button, input, select, textarea {

    font-size: 100%;

}



/* 使得表单元素在 ie 下能继承字体大小 */



address, cite, dfn, em, var {

    font-style: normal;

}



/* 将斜体扶正 */



input {

    outline: none;

}



/* 通用样式 */

.clear {

    clear: both;

}



/*初始化样式*/

.w1400 {

    width: 1400px;

    margin: 0 auto;

}



.w1200 {

    width: 1200px;

    margin: 0 auto;

}



.w1000 {

    width: 1000px;

    margin: 0 auto;

}



.w850 {

    width: 850px;

    margin: 0 auto;

}



.w800 {

    width: 800px;

    margin: 0 auto;

}



.clear {

    clear: both;

}



/*头部*/

.header {

    position: absolute;

    top: 0;

    width: 100%;

    height: 140px;

    line-height: 140px;

    z-index: 9999;

}



.header .fl-l {

    float: left;

    margin-left: 2%;

    margin-top: 32px;

}



.header .fl-r {

    float: right;

    margin-right: 2%;

    padding-right: 100px;

    position: relative;

}



.header .fl-r ul li {

    display: inline-block;

    margin-right: 60px;

    margin-left: 0;

}



.header .fl-r ul li a {

    width: 100%;

    height: 100%;

    font-size: 16px;

    color: #fff;

}



.header .fl-r .qiehuan {

    position: absolute;

    top: 55px;

    right: 0;

    width: 100px;

    height: 30px;

    background-color: #515151;

}



.header .fl-r .qiehuan ul {

    background: url(../bgimg/sanjiao.png) 72px 10px no-repeat;

    width: 100%;

    height: 30px;

    overflow: hidden;

}



.header .fl-r .qiehuan ul li {

    display: block;

    margin-right: 0;

    height: 30px;

    line-height: 30px;

    text-align: center;

    padding-right: 18px;

    cursor: pointer;

}



.header .fl-r .qiehuan ul li:nth-child(2), .header .fl-r .qiehuan ul li:nth-child(3), .header .fl-r .qiehuan ul li:nth-child(4) {

    background-color: #fff;

}



.header .fl-r .qiehuan ul li:nth-child(2) a, .header .fl-r .qiehuan ul li:nth-child(3) a, .header .fl-r .qiehuan ul li:nth-child(4) a {

    color: #515151;

}



.header .fl-r .qiehuan ul li:nth-child(2):hover, .header .fl-r .qiehuan ul li:nth-child(3):hover, .header .fl-r .qiehuan ul li:nth-child(4):hover {

    background-color: #515151;

}



.header .fl-r .qiehuan ul li:nth-child(2):hover a, .header .fl-r .qiehuan ul li:nth-child(3):hover a, .header .fl-r .qiehuan ul li:nth-child(4):hover a {

    color: #fff !important;

}



.header .fl-r .qiehuan ul li a {

    font-size: 14px;

}



@media screen and (max-width: 1200px) {

    .header .fl-r .qiehuan ul li a {

        padding-left: 15px;

        color: #fff;

    }



    .header .fl-r .qiehuan ul > li:nth-child(1) a {

        width: 50% !important

    }

}



.header .fl-r .qiehuan ul li:hover a {

    color: #fff !important;

}



.qiehuan-1 {

    overflow: scroll;

    height: 120px !important;

    animation: myfirst 0.5s;

    -webkit-animation: myfirst 0.5s;

}



@keyframes myfirst {

    from {

        height: 30px;

    }

    to {

        height: 120px !important;

    }

}



@-webkit-keyframes myfirst /* Safari and Chrome */

{

    from {

        height: 30px;

    }

    to {

        height: 120px !important;

    }

}



/*banner*/

.banner img {

    width: 100%;

}



.device {

    position: relative;

}



/*.device .arrow-left {

  background: url(../bgimg/arrows.png) no-repeat left top;

  position: absolute;

  left: 10px;

  top: 50%;

  margin-top: -15px;

  width: 17px;

  height: 30px;

}

.device .arrow-right {

  background: url(../bgimg/arrows.png) no-repeat left bottom;

  position: absolute;

  right: 10px;

  top: 50%;

  margin-top: -15px;

  width: 17px;

  height: 30px;

}*/

.device, .swiper-container {

    height: auto !important;

    width: 100% !important;

}



.swiper-wrapper, .swiper-slide {

    height: auto !important;

}



.pagination {

    position: absolute;

    left: 0;

    text-align: center;

    bottom: 45px;

    width: 100%;

    z-index: 999;

}



.swiper-slide {

    position: relative;

}



.swiper-slide .zi {

    position: absolute;

    right: 4%;

    bottom: 25%;

    color: #fff;

    text-align: justify;

}



.swiper-slide .zi p:first-child {

    font-size: 45px;

    font-weight: bold;

}



.swiper-slide .zi p:last-child {

    font-size: 22px;

    letter-spacing: 8px;

    line-height: 1;

}



.swiper-pagination-switch {

    display: inline-block;

    width: 50px;

    height: 2px;

    background: #767577;

    margin: 0 3px;

    cursor: pointer;

}



.swiper-active-switch {

    background: #fff;

}



/*4板块*/

.bankuai {

    margin: 1%;

}



.bankuai ul li {

    margin-right: 1%;

    margin-bottom: 1%;

    float: left;

    width: 49.5%;

    position: relative;

}



.bankuai ul li:nth-child(even) {

    margin-right: 0;

}



.bankuai ul li:nth-child(3), .bankuai ul li:nth-child(4) {

    margin-bottom: 0;

}



.bankuai ul li img {

    width: 64%;

}



.bankuai ul li a:hover {

    color: inherit !important;

}



.bankuai ul li .zi {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    text-align: center;

}



.bankuai ul li .zi p:first-child {

    font-size: 36px;

    color: #111;

    font-weight: bold;

    margin-top: 60px;

}



.bankuai ul li .zi p:last-child {

    font-size: 18px;

    color: #333;

}



.bankuai ul li:last-child .zi p {

    /*color: #fff !important;*/

}



/*两个搜索*/

.lgss {

    margin-bottom: 1%;

}



.lgss .banner {

    width: 50%;

    float: left;

}



.lgss .banner-bg {

    height: 200px;

}



.lgss .bg-2 {

    line-height: 80px;

}



.lgss .sousuo {

    top: 80px;

}



/*首页应用领域*/

.yingyong {

    height: 430px;

    background: url(../bgimg/sy-bg1.jpg) center no-repeat;

    background-size: cover;

    text-align: center;

    position: relative;

}



.yingyong h1, .hezuo h1 {

    font-size: 32px;

    color: #454545;

}



.yingyong h1 {

    position: absolute;

    top: 50px;

    left: 50%;

    margin-left: -80px;

    z-index: 10;

}



.yingyong ul li {

    float: left;

    width: 16.6%;

    height: 430px;

    position: relative;

}



.yingyong ul li img {

    width: 50%;

    margin-top: 180px;

}



.yingyong ul li p {

    font-size: 18px;

    color: #333;

}



.yingyong ul li:hover div {

    display: block;

}



.yingyong ul li:hover p {

    color: #fff;

}



.yingyong ul li div {

    width: 100%;

    height: 100%;

    display: none;

    position: absolute;

    top: 0;

    left: 0;

}



/*研发实力*/

.page4, .page4 .item {

    background-image: url(../bgimg/sy-bg3.jpg);

}



.page4 .cm {

    max-width: 72%;

    z-index: 5;

}



.page4 .radial {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0px;

    left: 0px;

}



.page4 .title, .page4 .title .w100 {

    display: inline-block;

    width: 100%;

    position: relative;

}



.page4 .title .line {

    width: 1px;

    height: 200px;

    border-right: 1px #4fb1f7 solid;

    float: right;

    margin-right: 20px;

}



.page4 .round {

    width: 44%;

    position: relative;

    left: 29%;

    z-index: 10;

}



.page4 .round img {

    width: 100%;

    border-radius: 50%;

}



.page4 .round:before, .page4 .round:after {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0px;

    top: 0px;

    /*border: 1px #4fb1f7 solid;*/

    border-radius: 1000px;

}



.page4 .round:after {

    -webkit-transform: translate(-10px, -10px);

    -moz-transform: translate(-10px, -10px);

    -ms-transform: translate(-10px, -10px);

    -o-transform: translate(-10px, -10px);

    transform: translate(-10px, -10px);

}



.page4 .round.m1:before {

    -webkit-transform: translate(-5px, -5px);

    -moz-transform: translate(-5px, -5px);

    -ms-transform: translate(-5px, -5px);

    -o-transform: translate(-5px, -5px);

    transform: translate(-5px, -5px);

}



.page4 .round.m1:after {

    -webkit-transform: translate(10px, 10px);

    -moz-transform: translate(10px, 10px);

    -ms-transform: translate(10px, 10px);

    -o-transform: translate(10px, 10px);

    transform: translate(10px, 10px);

}



.page4 .round.m2:before {

    -webkit-transform: translate(5px, -5px);

    -moz-transform: translate(5px, -5px);

    -ms-transform: translate(5px, -5px);

    -o-transform: translate(5px, -5px);

    transform: translate(5px, -5px);

}



.page4 .round.m2:after {

    -webkit-transform: translate(-10px, 10px);

    -moz-transform: translate(-10px, 10px);

    -ms-transform: translate(-10px, 10px);

    -o-transform: translate(-10px, 10px);

    transform: translate(-10px, 10px);

}



.page4 .round.m3:before {

    -webkit-transform: translate(-10px, 10px);

    -moz-transform: translate(-10px, 10px);

    -ms-transform: translate(-10px, 10px);

    -o-transform: translate(-10px, 10px);

    transform: translate(-10px, 10px);

}



.page4 .round.m3:after {

    -webkit-transform: translate(-5px, 5px);

    -moz-transform: translate(-5px, 5px);

    -ms-transform: translate(-5px, 5px);

    -o-transform: translate(-5px, 5px);

    transform: translate(-5px, 5px);

}



.page4 .img {

    width: 90%;

    position: absolute;

    top: 15%;

    left: 5%;

}



.page4 .item {

    /*width: 86px;*/

    height: 86px;

    /*border-radius: 100px;*/

    position: absolute;

    /*border: 1px #4fb1f7 solid;*/

    z-index: 10;

    background: #5e5e5e;

    cursor: default;

}



.page4 .item.i1 {

    top: 5%;

    left: 5%;

}



.page4 .item.i2 {

    bottom: 7%;

    left: 5%;

}



.page4 .item.i3 {

    top: 5%;

    right: 5%;

}



.page4 .item.i4 {

    bottom: 7%;

    right: 3%;

}



.page4 .item .text {

    width: 69%;

    position: absolute;

    line-height: 28px;

}



.page4 .item .text .f-32 {

    color: #fff;

}



.page4 .item .text .f-16 {

    color: #a2a19e;

}



.page4 .item.i1 .text, .page4 .item.i2 .text {

    top: -100%;

    right: 100%;

    padding-right: 20px;

}



.page4 .item.i3 .text {

    left: 100%;

    top: 30%;

}



.page4 .item.i4 .text {

    left: 100%;

    top: -7%;

}



.page4 .item .line {

    width: 30px;

    height: 1px;

    border-top: 2px #4fb1f7 solid;

    display: inline-block;

    margin: 20px 0;

}



.page4 .item:hover, .page4 .item.active {

    background-color: #4fb1f7;

}



.page4 .item:hover .tb1, .page4 .item.active .tb1 {

    background: url(../bgimg/yf-11.png) center center no-repeat;

    background-size: 60%;

}



.page4 .item:hover .tb2, .page4 .item.active .tb2 {

    background: url(../bgimg/yf-22.png) center center no-repeat;

    background-size: 60%;

}



.page4 .item:hover .tb3, .page4 .item.active .tb3 {

    background: url(../bgimg/yf-33.png) center center no-repeat;

    background-size: 60%;

}



.page4 .item:hover .tb4, .page4 .item.active .tb4 {

    background: url(../bgimg/yf-44.png) center center no-repeat;

    background-size: 60%;

}



.page4 .item:hover .text .f-16, .page4 .item.active .text .f-16 {

    color: #fff;

}



.ptm-75 {

    padding-bottom: 75px;

}
.ptm-240 {

    padding-bottom: 240px;

}


.pageBox {

    width: 100%;

    position: relative;

}



.cover {

    background-position: center center;

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    background-size: cover;

}



.cm {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

    position: relative;

}



.f-48 {

    font-size: 48px;

}



.fbold {

    font-weight: bold;

}



.f-r {

    text-align: right;

}



.oranget, a.oranget {

    color: #4fb1f7;

}



.swiper-pagination span, .menu a:before, .menu a:after, .page4 .round:before, .page4 .round:after, .page4 .item, .page4 .item i, .page4 .item .text .f-16 {

    -webkit-transition: all 0.65s ease-in-out;

    -moz-transition: all 0.65s ease-in-out;

    -ms-transition: all 0.65s ease-in-out;

    -o-transition: all 0.65s ease-in-out;

    transition: all 0.65s ease-in-out;

}



.f-32 {

    font-size: 32px;

}



@-webkit-keyframes fadeIn {

    0% {

        opacity: 0

    }

    100% {

        opacity: 1

    }

}



@keyframes fadeIn {

    0% {

        opacity: 0

    }

    100% {

        opacity: 1

    }

}



.fadeIn {

    -webkit-animation-name: fadeIn;

    animation-name: fadeIn

}



@-webkit-keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -10%, 0);

        transform: translate3d(0, -10%, 0)

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -10%, 0);

        -ms-transform: translate3d(0, -10%, 0);

        transform: translate3d(0, -10%, 0)

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown

}



@-webkit-keyframes fadeInLeft {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes fadeInLeft {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        -ms-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.fadeInLeft {

    -webkit-animation-name: fadeInLeft;

    animation-name: fadeInLeft

}



@-webkit-keyframes fadeInRight {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes fadeInRight {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        -ms-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.fadeInRight {

    -webkit-animation-name: fadeInRight;

    animation-name: fadeInRight

}



@-webkit-keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 10%, 0);

        transform: translate3d(0, 10%, 0)

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 10%, 0);

        -ms-transform: translate3d(0, 10%, 0);

        transform: translate3d(0, 10%, 0)

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none

    }

}



.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



.fadeInUp, .fadeInRight, .fadeInLeft, .fadeInDown, .fadeIn {

    -webkit-animation-duration: 1.2s;

    animation-duration: 1.2s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

}



.pagenow {

    opacity: 0;

}



.f-16 {

    font-size: 16px;

}



.tubiao {

    height: 86px;

    line-height: 86px;

    text-align: center;

    display: block;

    cursor: pointer;

}



.tb1 {

    background: url(../bgimg/yf-1.png) center center no-repeat;

    background-size: 60%;

}



.tb2 {

    background: url(../bgimg/yf-2.png) center center no-repeat;

    background-size: 60%;

}



.tb3 {

    background: url(../bgimg/yf-3.png) center center no-repeat;

    background-size: 60%;

}



.tb4 {

    background: url(../bgimg/yf-4.png) center center no-repeat;

    background-size: 60%;

}



/*合作伙伴*/

.swiper-container2 {

    width: 100%;

    height: auto;

    color: #fff;

    text-align: center;

    cursor: -webkit-grab;

}



.swiper-container2 {

    padding-bottom: 30px;

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    -o-backface-visibility: hidden;

    backface-visibility: hidden;

    z-index: 1;

}



.pagination2 {

    position: absolute;

    z-index: 20;

    left: 50%;

    margin-left: -33px;

    bottom: 0;

}



.pagination2 .swiper-pagination-switch {

    display: inline-block;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: #fff;

    margin: 0 3px;

    cursor: pointer;

    border: 1px solid #9c9c9c;

}



.pagination2 .swiper-active-switch {

    background: #9c9c9c;

}



/*.swiper-container2 .arrow-left2 {

  background: url(../bgimg/arrows.png) no-repeat left top;

  position: absolute;

  left: 10px;

  top: 50%;

  margin-top: -15px;

  width: 17px;

  height: 30px;z-index:999

}

.swiper-container2 .arrow-right2 {

  background: url(../bgimg/arrows.png) no-repeat left bottom;

  position: absolute;

  right: 10px;

  top: 50%;

  margin-top: -15px;

  width: 17px;

  height: 30px; z-index:999

}

*/

.hezuo {

    margin: 50px auto 100px;

    text-align: center;

}



.hezuo p {

    font-size: 18px;

    color: #666666;

    margin-bottom: 40px;

}



.hezuo h1 {

    background: url(../bgimg/hezuo.png) center no-repeat;

}



/*关于威尔邦*/

.banner-bg {

    width: 100%;

    height: 420px;

    line-height: 500px;

    text-align: center;

}



.banner-bg h1 {

    font-size: 36px;

    font-weight: bold;

    color: #fff;

    margin: 0 auto;

    line-height: inherit;

}



.guanyu-1 {

    width: 1025px;

    margin: 0 auto 90px;

    color: #666666;

}



.guanyu-1 h2 {

    margin-top: 70px;

}



.guanyu-1 .guanyu-nr {

    margin: 30px auto;

    font-size: 16px;

}



.guanyu-1 ul li {

    float: left;

    width: 30%;

    margin-right: 5%;

}



.guanyu-1 ul li:last-child {

    margin-right: 0;

}



.guanyu-2 {

    width: 100%;

    height: 340px;

    background: url(../bgimg/guanyu-4.jpg) center no-repeat;

    background-size: cover;

}



.guanyu-2 h2:first-child {

    padding-top: 70px;

}



.guanyu-2 h2 {

    color: #fff;

    padding-top: 50px;

}



.guanyu-2 p {

    color: #fff;

    text-align: center;

    font-size: 18px;

    margin-top: 15px;

}



.guanyu-3 {

    color: #666666;

    padding-bottom: 80px;

    border-top: 1px solid #666;

}



.guanyu-3 p {

    font-size: 16px;

    text-align: center;

    margin: 80px auto 45px;

}



.guanyu-3 ul {

    width: 1025px;

    margin: 0 auto;

}



.guanyu-3 ul li {

    float: left;

    width: 18.4%;

    margin-right: 2%;

}



.guanyu-3 ul li:last-child {

    margin-right: 0;

}



.guanyu-3 ul li span {

    text-align: center;

    display: block;

    font-size: 16px;

    margin-top: 20px;

}



.guanyu-3 ul li:hover span {

    color: #4fb1f7;

}



.guanyu-3 ul li .yuan {

    width: 100%;

    height: auto;

    border-radius: 50%;

    position: relative;

    overflow: hidden;

}



.guanyu-3 ul li .quan {

    width: 95%;

    height: 95%;

    position: absolute;

    top: 0;

    left: 0;

    border: 5px solid #4fb1f7;

    border-radius: 50%;

    display: none;

    transition: border 2s;

    -webkit-transition: border 2s;

}



.guanyu-3 ul li:hover .quan {

    display: block;

}



.guanyu-3 ul li:hover img {

    -webkit-transform: scale(0.96);

    -ms-transform: scale(0.96);

    transform: scale(0.96);

}



.guanyu-3 ul li img {

    border-radius: 50%;

    overflow: hidden;

    transition: transform 1s;

    -webkit-transition: transform 1s;

}



.guanyu-4 {

    position: relative;

}



.guanyu-4 .guanyu-4-1 {

    width: 532px;

    position: absolute;

    top: 50px;

    left: 50%;

    margin-left: -266px;

    color: #333;

    text-align: center;

}



.guanyu-4 .guanyu-4-1 p {

    font-size: 16px;

    margin-top: 15px;

}



/*产品系列*/

.chanpin {

    text-align: center;

}



.chanpin h1 {

    font-size: 36px;

    color: #393a88;

    margin-top: 80px;

    text-align: left;

}



.chanpin p {

    font-size: 16px;

    color: #666666;

    margin-top: 20px;

    text-align: left;

}



.chanpin img {

    margin: 50px auto;

    width: auto;

}



.chanpin tr td img {

    margin: 0 auto !important;

}



.chanpin ul {

    margin-top: 20px;

}



.chanpin ul li {

    text-align: left;

    font-size: 16px;

    list-style: inherit;

    margin-left: 20px;

}



.chanpin ul.ul-1 li {

    text-align: center;

}



.table td strong a {

    color: #F00;

}



.chanpin .ul-1 {

    padding-left: 96px;

}



.chanpin ul.ul-1 li {

    float: left;

    width: 180px;

    margin-top: 20px;

}



/*应用领域*/

.bg-2 {

    line-height: 430px;

}



.sousuo {

    position: absolute;

    top: 265px;

    left: 50%;

    line-height: 1;

    margin-left: -267px;

}



.sousuo form {

    width: 535px;

    height: 50px;

    border: 2px solid #fff;

}



.sousuo form #siteid {

    background: none;

    border: 0;

    padding: 0;

    width: 80%;

    height: 100%;

    color: #fff;

    float: left;

    padding-left: 3%;

}



.sousuo form #anniu {

    width: 15%;

    padding: 0 !important;

    border: 0;

    background: url(../bgimg/sousuo.png) center no-repeat;

    background-size: 40%;

    height: 30px;

    float: right;

    font-size: 14px;

    margin-top: 10px;

    border-left: 1px solid #fff;

    cursor: pointer;

}



::-webkit-input-placeholder {

    color: #fff;

}



:-moz-placeholder {

    color: #fff;

}



.sousuo dl {

    margin-top: 20px;

}



.sousuo dl dt, .sousuo dl dd, .sousuo dl dd a {

    display: inline-block;

    font-size: 14px;

    color: #fff;

}



.sousuo dl dd {

    margin-left: 10px;

}



.yy {

    margin: 70px auto;

}



.yy ul li {

    width: 30%;

    float: left;

    margin-right: 5%;

    margin-bottom: 55px;

    display: block;

}



.yy ul li.sjb {

    display: none;

}



.yy ul li:nth-child(3n) {

    margin-right: 0;

}



.yy ul li h3 {

    padding: 20px 0;

    font-size: 16px;

    color: #333;

    text-align: center;

}



.yy ul li p {

    font-size: 14px;

    color: #666666;

    text-align: justify;

    padding: 0 2%;

}



.yy ul li span a {

    font-size: 12px;

    color: #fa0707;

}



.yyly_content {

    margin: 50px auto 80px

}



.yyly_content h1 {

    font-size: 20px;

    text-align: center;

    line-height: 2;

    margin-bottom: 15px;

}



.yyly_content_nr, .yyly_content_nr p, .yyly_content_nr span { /*color:#666;*/

    line-height: 28px

}



.yyly_content_nr img {

    max-width: 100% !important;

    height: auto !important;

}



/*手机应用领域*/

.sjly h1 {

    margin-top: 60px;

    margin-bottom: 20px;

    text-align: center;

    font-size: 30px;

}



.sjly .sjdh {

    border-bottom: 1px solid #a0a0a0;

}



.sjly .sjdh, .sjly .sjdh a {

    color: #000;

    padding-bottom: 5px;

    font-size: 14px;

}



.sjly .nr {

    margin: 40px auto;

    width: 1025px;

    font-size: 14px;

}



.sjly .nr img {

    width: auto;

    height: auto;

    margin: 0 auto;

}



#content {

    width: 1025px;

    margin: 0 auto;

    overflow: hidden;

}



.menu ul li {

    display: block;

    width: 100%;

    padding-top: 2px;

    list-style: none;

    overflow: visible;

}



.menu ul li a {

    background: url(../bgimg/qqqqq.png) 20px no-repeat;

    display: block;

    font-size: 16px;

    outline: none;

    height: 50px;

    line-height: 50px;

    background-color: #f2f2f2;

    padding-left: 50px;

    position: relative;

    cursor: pointer;

}



.menu ul li a:hover {

    color: #333 !important;

    background-color: #c1d9ee;

}



.menu ul li a span {

    position: absolute;

    top: 22px;

    right: 20px;

}



.menu ul li .active {

    background-color: #c1d9ee;

}



.menu ul li .inactive {

    background-color: #f2f2f2;

}



.menu ul li ul {

    display: none;

}



.menu ul li ul li {

    display: block;

    background: none;

    list-style: circle;

    margin: 20px auto 40px;

    width: 90%;

}



.fanhui {

    margin: 70px auto 50px;

    text-align: center;

}



.fanhui a {

    padding: 10px 40px;

    font-size: 16px;

    color: #666666;

    border: 1px solid #666666;

    border-radius: 5%;

}



.fanhui a:hover {

    color: #666666 !important;

}



.sj-xq ul {

    display: block !important;

}



.sj-xq .f_l, .sj-xq .f_r {

    float: left;

}



.sj-xq .f_l {

    width: 30%;

    background-color: #1768a7;

    height: 495px;

}



.sj-xq .f_r {

    width: 70%;

    height: 495px;

    overflow: hidden;

    text-align: center;

    background-color: #f7f6f4;

}



.sj-xq .f_l ul {

    padding: 50px 90px;

}



.sj-xq .f_l ul li {

    padding: 0;

    margin: 0;

    color: #fff;

    list-style-type: square !important;

}



.sj-xq .f_l ul:first-child {

    border-bottom: 1px solid #fff;

}



.sj-xq .f_l ul li span {

    width: 8px;

    height: 8px;

    background-color: #fff;

    display: inline-block;

    margin-right: 5px;

}



.sj-xq .f_r img {

    width: 73%;

}



/*新闻资讯*/

.ny_news {

    width: 100%

}



.nn_nav {

    background: #EEE;

    margin-bottom: 50px;

    height: 50px;

    line-height: 50px;

}



.n_nav_l {

    float: left;

    color: #666;

    white-space: nowrap;

}



.n_nav_l a {

    color: #666

}



.n_nav_l span {

    color: #3967eb

}



.n_nav_r {

    float: right

}



.n_nav_r ul li {

    text-align: center;

    width: 150px;

    line-height: 50px;

    float: right;

    position: relative;

}



.n_nav_r ul li a {

    display: block

}



.bt_icon {

    position: absolute;

    bottom: 0;

    left: 50%;

    width: 14px;

    height: 7px;

    margin-left: -4px;

    display: none

}



.btin .bt_icon {

    display: block

}



.nn_list ul li {

    padding: 12px;

    border: 1px solid #EDEDED;

    margin-bottom: 20px;

}



.nn_list ul li:hover {

    background: #dde4f8;

    border: 1px solid #dde4f8;

}



.nnl_img {

    width: 26%;

    margin-right: 30px;

    float: left;

    overflow: hidden;

}



.nnl_img img {

    max-width: 100%;

    height: auto;

}



.nnl_nr {

    width: 70%;

    float: left

}



.nnl_nr h1 {

    font-weight: normal;

    line-height: 3;

    font-size: 18px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.nnl_nr h1 a {

    color: #444

}



.nnl_nr span {

    color: #999;

    margin-bottom: 10px;

    display: block;

}



.nnl_nr p {

    color: #666;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



.aon {

    background: #3967eb

}



.aon a {

    color: #fff !important

}



.nn_list ul li.sjb {

    display: none;

}



.nn_list ul li {

    display: block;

}



/* 分页 */

.pagestyle {

    width: 100%;

    height: 35px;

    line-height: 35px;

    margin-top: 50px;

    margin-bottom: 100px;

    text-align: center;

}



.pagestyle a {

    color: #666;

    padding: 9px 15px;

    border: #D0D0D0 solid 1px;

    text-align: center;

    font-size: 13px;

    margin-right: 10px;

}



.pagestyle a:hover {

    background: #2457e7;

    color: #fff;

}



.pagestyle span {

    color: #fff;

    padding: 9px 15px;

    border: #CBCBCB solid 1px;

    text-align: center;

    background-color: #2457e7;

    margin-right: 10px;

    font-size: 13px;

}



.news_content {

    width: 100%

}



.news_content h1 {

    font-weight: normal;

    font-size: 20px;

    text-align: center;

    line-height: 1.6;

}



.sn_fbtime {

    color: #999;

    text-align: center;

    font-size: 13px;

    margin: 20px auto;

    display: block;

}



.news_nr {

    color: #333;

    margin-bottom: 60px;

    line-height: 1.8;

}



.news_nr p, .news_nr span {

    line-height: 1.8 !important

}



.news_nr img {

    max-width: 100% !important;

    height: auto !important;

}



.showpro {

    margin-top: 40px

}



.spro_nav {

    width: 260px;

    float: left;

}



.cpfl {

    height: 50px;

    line-height: 50px;

    background: #ff8033;

    color: #fff;

    font-size: 21px;

    padding-left: 25px;

    border-bottom: 1px solid #fff;

}



.spro_con {

    width: 935px;

    float: right;

}



.sprocon_pos {

    color: #666;

    height: 35px;

    line-height: 35px;

    border-bottom: 1px solid #D1D1D1;

}



.sprocon_pos a {

    color: #666

}



.sprocon_pos span {

    color: #333

}



.sprocon_con {

    margin-top: 40px

}



.sprc_lunbo {

    width: 450px;

    float: left

}



.sprc_desc {

    float: right;

    width: 450px;

    color: #666

}



.sprc_desc h1 {

    font-size: 18px;

    color: #333;

    line-height: 1.7;

    margin-bottom: 22px;

}



.lbdesc {

    line-height: 1.8;

    text-align: justify;

}



/*联系我们*/

.lianxi {

    width: 1025px;

    margin: 80px auto;

}



.lianxi h2 {

    color: #666666;

}



.lianxi .ul-1 {

    margin-top: 30px;

    text-align: center;

}



.lianxi .ul-1 li {

    display: inline-block;

    margin-right: 5px;

    width: 156px;

    height: 48px;

    line-height: 48px;

}



.lianxi .ul-1 li:last-child {

    margin-right: 0;

}



.lianxi .ul-1 li a {

    width: 100%;

    height: 100%;

    background-color: #bbdaf0;

    font-size: 18px;

    color: #666666;

    display: block;

}



.lianxi .ul-1 li a:hover, .bianse {

    color: #fff !important;

    background-color: #393a88 !important;

}



.lianxi .lianxi-1 {

    margin: 90px auto 70px;

    font-size: 16px;

    color: #666666;

    text-align: center;

}



.lianxi .ul-2 li {

    height: 182px;

    float: left;

    width: 30%;

    text-align: center;

    padding: 0 1.5%;

    border-right: 1px solid #666666;

}



.lianxi .ul-2 li:nth-child(3) {

    border-right: none !important;

}



.lianxi .ul-2 li img {

    width: 40%;

}



.lianxi .ul-2 li span {

    display: block;

    font-size: 16px;

    color: #333;

    margin-top: 10px;

}



.ditu {

    width: 100%;

    margin: auto;

}



/*人才招聘*/

.zhaopin li {

    text-align: left;

    font-size: 14px;

    border-bottom: 1px solid #a0a0a0;

    padding-bottom: 20px;

}



.zhaopin li:last-child {

    border: none;

}



.zhaopin li p {

    font-size: 24px;

    color: #393a88;

    margin: 10px auto;

}



.zhaopin li .zhize {

    margin-bottom: 15px;

}



/*尾部*/



.footer {

    background-color: #0d0e2c;

}



.footer .dibu {

    padding: 80px 0;

    width: 1200px;

    margin: 0 auto;

}



.footer .dibu .fl-l {

    float: left;

}



.footer .dibu .fl-r {

    float: right;

    margin-right: 25px;

}



.footer .dibu .fl-l dl {

    float: left;

    margin: 0 35px 0 25px;

}



.footer .dibu .fl-l dl dt {

    color: #fff;

    font-size: 16px;

    margin-bottom: 15px;

}



.footer .dibu .fl-l dl dd {

    margin-bottom: 10px;

}



.footer .dibu .fl-l dl dd a {

    color: #cbcbcb;

    font-size: 14px;

}



.footer .dibu .fl-r img {

    width: 60%;

    margin-bottom: 10px;

}



.footer .dibu .fl-r p, .footer .dibu .fl-r p a {

    color: #cfcfcf;

    font-size: 14px;

}



.footer .dibu .fl-r p:nth-child(2) {

    font-size: 16px;

}



.footer .dibu .fl-r p a {

    font-size: 36px;

}



.footer .dibu .fl-r p a:hover {

    color: #cfcfcf !important;

}



.footer .banquan {

    border-top: 1px solid #868796;

    text-align: center;

    color: #cbcbcb;

    font-size: 14px;

    padding: 10px 0;

}



a.iconfont {

    display: none !important;

}