* {

    margin: 0px;

    padding: 0px;

    font-family: Microsoft YaHei;

    box-sizing: border-box;

    outline: 0;

}

a {

    text-decoration: none;

}

ul li {

    list-style: none;

}

img {

    display: block;

    max-width: 100%;

    border: none;

}

h1,
h2,
h3,
h4,
h5,
h6 {

    font-weight: normal;

}

fieldset,
iframe,
img {

    border: 0
}

i {

    font-style: inherit;

}

.clear {

    clear: both;

}

b,
strong {

    font-weight: 700
}

body {
    font-size: 14px;
}




.tabs ul li.active {

    color: #02a7ec;

}

/*nide开始*/



.ab_left ul li.no {

    color: #02aaf0;

}

.liop {
    float: left;
}

.byvw {
    width: 220px;
    height: 142px;
    float: left;
    margin-right: 25px;
}

.contact ul li .byvw img {
    width: 100%;
}

.dianxue {}

.dianxue ul {

    margin-top: 16px;

}

.dianxue ul li {

    width: 760px;

    height: 129px;

    border: 1px solid #eeeeee;

    background: #eeeeee;

    padding-right: 26px;

    margin-top: 13px;

}

.dianxue ul li a {}

.dianxue ul li a img {

    float: left;

    margin-right: 27px;

}

.dianxue ul li a p {

    color: #333333;

    font-size: 16px;

    line-height: 16px;

    padding-top: 20px;

    margin-bottom: 14px;

}

.dianxue ul li a span {

    color: #666666;

    font-size: 12px;

    line-height: 19px;

}

.dianxue ul li a m1 {

    color: #666666;

    font-size: 12px;

    display: block;

    float: right;

    margin-top: 25px;

}

.dianxue ul li:hover a p {

    color: #02aaf0;

}

.dianxue ul li:hover a m1 {

    color: #02aaf0;

}



.contact {}

.contact ul {}

.contact ul li {

    width: 760px;

    height: 142px;

    margin-top: 24px;

    margin-bottom: 28px;

}

.contact ul li img {

    float: left;

    margin-right: 32px;

}

.contact ul li m1 {

    display: block;

    color: #333333;

    font-size: 14px;

    font-weight: bold;

    line-height: 12px;

    margin-bottom: 10px;

    padding-top: 10px;

}

.contact ul li p {

    display: block;

    color: #333333;

    font-size: 12px;

    line-height: 12px;

    margin-bottom: 10px;

}

.contact ul li a {

    display: block;

    color: #02aaf0;

    font-size: 12px;

    line-height: 12px;

}

.contact ul li a:hover {

    text-decoration: underline;

}

.guanyu {

    width: 760px;

    height: 256px;

    background: #f3f3f3;

}

.guanyu p {

    color: #333333;

    font-size: 16px;

    text-align: center;

    line-height: 59px;

}

.guanyu ul {

    margin-left: 36px;

}

.guanyu ul li {

    width: 151px;

    height: 186px;

    float: left;

    margin-right: 28px;

    text-align: center;

    color: #666666;

    font-size: 14px;

}

.guanyu ul li img {

    margin-bottom: 10px;

}



.contact_show {}

.contact_show span {

    color: #333333;

    font-size: 16px;

    line-height: 16px;

    margin: 17px 0 16px 0;

    display: block;

}

.contact_show p {

    color: #333333;

    font-size: 12px;

    line-height: 12px;

    margin-bottom: 10px;

}





/*nide结束*/













.tou {

    width: 100%;

    height: 40px;

}

.tous {

    width: 1004px;

    margin: 0 auto;

    height: 40px;

    background: #02aaf0;

}

.zzi {

    font-size: 13px;

    color: #FFF;

    line-height: 40px;

    float: left;

    padding-left: 15px;

}

.yb_left {

    float: left;

    background: url(../images/dh.png) no-repeat;

    font-size: 13px;

    color: #FFF;

    line-height: 40px;

    padding-left: 23px;

    background-position: 0 11px;
    display: flex;
    align-items: center;

}

.yb_left .num {
    font-size: 20px;
}

.yb_right {

    float: left;

    margin-left: 34px;

}

.zw {

    width: 63px;

    height: 100%;

    float: left;

    line-height: 40px;

    text-align: center;

    /* margin-top: 5px; */

}

.zw a {

    font-size: 12px;

    color: #FFF;

}

.zw:hover {

    background: #FFF;

}

.zw:hover a {

    color: #02aaf0;

}





.nav {

    width: 100%;

    height: 82px;

    position: relative;

}

.navs {

    width: 1004px;

    height: 82px;

    margin: 0 auto;

}

.logo {

    width: 216px;

    height: 66px;

    float: left;

    margin-top: 8px;

}

.logo img {

    width: 100%;

    height: 100%;

}

.navs ul {

    float: right;

    margin-top: 47px;

}

.navs ul li {

    float: left;

    height: 35px;

    margin-right: 22px;

    position: relative;

}

.navs ul li a {

    font-size: 15px;

    color: #757575;

}

.navs ul li a:hover {

    color: #02aaf0;

}

.navs ul li:last-child {

    margin-right: 0;

}













.navs ul li:hover dl {

    display: block;

}

.navs ul li dl {

    position: absolute;

    top: 35px;

    left: 0;

    background: #FFF;

    box-shadow: 10px 10px 5px #888888;

    width: 252px;

    border-bottom: 3px solid #02aaf0;

    display: none;

    z-index: 99999999999;

    box-shadow: 0px 3px 6px #333;

}

.navs ul li dl dt {

    height: 36px;

    line-height: 36px;

    padding-left: 15px;

    font-size: 12px;

    color: #666;

}

.navs ul li dl dt a {

    font-size: 12px;

    color: #666;

    display: block;

    float: left;

}

.navs ul li dl dt:hover a {

    color: #02aaf0;

}

.navs ul li dl dt span {

    padding-right: 15px;

    display: block;

    float: right;

}

.navs ul li dl dt:hover span {

    color: #02aaf0;

}































.navs ul li a.kwo {

    color: #02aaf0;

}

.co {

    margin-top: 16px;

}

.co_tu {

    width: 187px;

    height: 125px;

    float: left;

    margin-right: 11px;

}

.co_tu img {

    width: 100%;

}

.co_zi {

    width: 272px;

    float: left;

}

.co_zi p {

    font-size: 14px;

    color: #666;

    margin-top: 5px;

}

.co_zi span {

    display: block;

    font-size: 10px;

    color: #979797;

    line-height: 30px;

}

.co_zi_nr {

    font-size: 12px;

    color: #666;

    line-height: 22px;

}

.co_zi_nr m4 {

    padding-left: 12px;

}

.co_zi_nr m4 a {

    font-size: 12px;

    color: #02a7ec;

}

.co_zi_nr m4:hover a {

    text-decoration: underline;

}



.zti {

    width: 100%;

    margin-bottom: 22px;

}

.ztis {

    width: 1004px;

    margin: 0 auto;

    margin-top: 27px;

}

.ztis_left {

    width: 733px;

    float: left;

    margin-right: 20px;

}

.zzz {

    width: 242px;

    float: left;

    margin-right: 20px;

}

.yyy {

    width: 470px;

    float: left;

}

.zjhy {

    width: 242px;

    margin-right: 20px;

}

.zjhy_bt {

    width: 242px;

    height: 32px;

    background: #f0f0f0;

    font-size: 14px;

    color: #242424;

    padding-left: 15px;

    line-height: 32px;

}

.zjhy_tu {

    width: 242px;

    height: 124px;

    margin-top: 16px;

}

.zjhy_tu img {

    width: 100%;

}

.zjhy_zi {

    font-size: 12px;

    color: #666666;

    line-height: 22px;

    padding-top: 12px;

    text-indent: 2em;

}

.zjhy_zi span {

    font-size: 12px;

    color: #02a7ec;

    cursor: pointer;

    padding-left: 12px;

}

.zjhy_zi span:hover {

    text-decoration: underline;

}

.yh {

    margin-top: 10px;

}

.yh_bt {

    width: 242px;

    height: 32px;

    background: #f0f0f0;

    font-size: 14px;

    color: #242424;

    padding-left: 15px;

    line-height: 32px;

}

.lb {

    padding-top: 13px;

}

.bb {

    width: 242px;

    height: 33px;

    border: 1px solid #eeeeee;

    background: url(../images/hy.png) no-repeat;

    background-position: 12px 6px;

    font-size: 12px;

    color: #858585;

    line-height: 33px;

    padding-left: 40px;

    margin-bottom: 10px;

}

.bb1 {

    width: 242px;

    height: 33px;

    border: 1px solid #eeeeee;

    background: url(../images/mm.png) no-repeat;

    background-position: 12px 6px;

    font-size: 12px;

    color: #858585;

    line-height: 33px;

    padding-left: 40px;

}

.niu {

    margin-top: 13px;

}

.deng {

    width: 113px;

    height: 32px;

    background: #02a7ec;

    font-size: 14px;

    line-height: 32px;

    text-align: center;

    float: left;

    color: #FFF;

    border: none;

    cursor: pointer;

}

.deng:hover {

    background: #2cc1ff;

}

.zhu {

    width: 113px;

    height: 32px;

    background: #02a7ec;

    font-size: 14px;

    line-height: 32px;

    text-align: center;

    float: right;

    color: #FFF;

}

.zhu:hover {

    background: #2cc1ff;

}

.wang {

    padding-top: 8px;

    float: right;

}

.wang a {

    font-size: 12px;

    color: #666;

}

.wang a:hover {

    color: #e60012;

}

.kl {

    margin-top: 15px;

}

.pc {

    width: 242px;

    height: 64px;

    margin-bottom: 8px;

    background: #f39346;

}

.pc img {

    float: left;

    padding: 12px 23px 12px 29px;

}

.pc m1 {

    font-size: 16px;

    color: #FFF;

    line-height: 64px;

}



.jk {

    width: 242px;

    height: 64px;

    margin-bottom: 8px;

    background: #3fc394;
    overflow: hidden;

}

.jk img {

    float: left;

    padding: 14px 23px 12px 29px;

}

.jk m1 {

    font-size: 16px;

    color: #FFF;

    line-height: 64px;

}





.lyy {

    width: 242px;

    height: 64px;

    margin-bottom: 8px;

    background: #e75d74;
    overflow: hidden;

}

.lyy img {

    float: left;

    padding: 14px 23px 12px 29px;

}

.lyy m1 {

    font-size: 16px;

    color: #FFF;

    line-height: 64px;

}





.xix {

    width: 242px;

    height: 64px;

    margin-bottom: 8px;

    background: #c98b76;
    overflow: hidden;

}

.xix img {

    float: left;

    padding: 14px 23px 12px 29px;

}

.xix m1 {

    font-size: 16px;

    color: #FFF;

    line-height: 64px;

}





.zh {

    width: 242px;

    height: 64px;

    margin-bottom: 8px;

    background: #2bcad1;
    overflow: hidden;

}

.zh img {

    float: left;

    padding: 15px 23px 12px 29px;

}

.zh m1 {

    font-size: 16px;

    color: #FFF;

    line-height: 64px;

}





.lj {

    width: 242px;

    height: 64px;

    background: #5d7ecf;
    overflow: hidden;

}

.lj img {

    float: left;

    padding: 16px 23px 12px 29px;

}

.lj m1 {

    font-size: 16px;

    color: #FFF;

    line-height: 64px;

}





.xw {

    width: 470px;

}

.xw_bt {

    width: 470px;

    height: 32px;

    background: #f0f0f0;

    padding: 0 15px;

}

.xw_bt m2 {

    font-size: 14px;

    color: #242424;

    line-height: 32px;

    float: left;

    display: block;

}

.xw_bt m3 {

    font-size: 14px;

    color: #242424;

    line-height: 32px;

    float: right;

    display: block;

}

.xw_bt m3 a {

    font-size: 13px;

    color: #242424;

}

.xw_bt m3 a:hover {

    color: #02a7ec;

}

.ok {

    margin-top: 18px;

}

.ok ul {}

.ok ul li {

    margin-bottom: 14px;

}

.ok ul li:hover .zb {

    color: #02a7ec;

}

.ok ul li:hover .yb {

    color: #02a7ec;

}

.zb {

    float: left;

    font-size: 12px;

    color: #666;

    background: url(../images/sj.png) no-repeat;

    background-position: 0 4px;

    padding-left: 14px;

}

.yb {

    float: right;

    font-size: 12px;

    color: #979797;

}

.chan {

    width: 470px;

    margin-top: 29px;

}

.chan_bt {

    width: 470px;

    height: 32px;

    background: #f0f0f0;

}

.chan_bt_zi {

    float: left;

    font-size: 14px;

    color: #242424;

    padding-left: 15px;

    line-height: 32px;

}

.tabs {

    padding-right: 15px;

    float: right;

}

.tabs ul li {

    font-size: 12px;

    color: #242424;

    float: left;

    line-height: 30px;

    cursor: pointer;

}

.xian {

    width: 2px;

    height: 20px;

    background: #FFF;

    margin: 4px 13px;

    float: left;

    margin-top: 6px;

}



.active .kje {

    background: #2cc1ff;

}

.active .kje1 {

    background: #2cc1ff;

}



.gc {

    margin-top: 16px;

    overflow: hidden;

}

.gc ul {

    margin-right: -10px;

}

.gc ul li {

    width: 150px;

    height: 120px;

    border: 1px solid #eeeeee;

    margin-right: 10px;

    position: relative;

    float: left;

}

.gc ul li:hover .ying {

    width: 150px;

    height: 118px;

    padding-top: 37px;

}

.gc ul li:hover .ut {

    position: absolute;

    top: 67px;

    left: 50%;

    transform: translate(-50%, 0);

}

.gc ul li img {

    width: 100%;

}

.ying {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 148px;

    height: 25px;

    background: rgba(0, 0, 0, 0.69);

    font-size: 12px;

    color: #FFF;

    text-align: center;

    line-height: 25px;

}

.pv {

    margin-top: 12px;

}

.pv dl {}

.pv dl dt {

    width: 50%;

    float: left;

    background: url(../images/sj.png) no-repeat;

    background-position: 0 4px;

    padding-left: 15px;

    margin-bottom: 12px;

}

.pv dl dt a {

    font-size: 12px;

    color: #666;

}

.pv dl dt a:hover {

    color: #02a7ec;

}

.ztis_right {

    width: 251px;

    float: left;

    background: #f0f0f0;

    padding: 0 15px;

    padding-bottom: 45px;

}

.ztis_right_bt {

    font-size: 14px;

    color: #242424;

    line-height: 30px;

}

.ztis_right_tu {

    padding-top: 27px;

}



.ci {

    margin-top: 40px;

}

.ci_bt {

    font-size: 14px;

    color: #464646;

    font-weight: bold;

}

.ci ul {

    margin-top: 24px;

}

.ci ul li {

    margin-bottom: 7px;

}

.ci ul li a {

    font-size: 12px;

    color: #676767;

}

.ci ul li a:hover {

    color: #02a7ec;

}

.geg {

    float: right;

}

.geg a {

    font-size: 12px;

    color: #02a7ec;

}

.geg a:hover {

    text-decoration: underline;

}



.bud {

    width: 100%;

    height: 50px;

}

.buds {

    width: 1004px;

    height: 50px;

    margin: 0 auto;

    background: #02a7ec;

    padding: 0px 15px;

}

.buds_left {

    font-size: 13px;

    color: #FFF;

    line-height: 50px;

    float: left;

}

.buds_right {

    float: right;

    line-height: 50px;

    font-size: 13px;

    color: #FFF;

}

.buds_right a {

    font-size: 13px;

    color: #FFF;

}

.buds_right a:hover {

    text-decoration: underline;

}



/*首页结束*/













/*华洋简介开始*/

.cd {

    width: 100%;

    height: 150px;

}

.cds {

    width: 1004px;

    height: 150px;

    margin: 0 auto;

}

.cds img {

    width: 100%;

}

.ab {

    width: 732px;

    float: left;

    margin-right: 20px;

}

.ab_left {

    width: 224px;

    float: left;

    margin-right: 20px;

}

.ab_lz1 {

    width: 224px;

    height: 48px;

    background: #02aaf0;

    font-size: 15px;

    line-height: 48px;

    text-align: center;

    color: #FFF;

}

.ab_left ul {

    margin-top: 9px;

}

.ab_left ul li {

    margin-top: 2px;

    width: 224px;

    height: 30px;

    line-height: 30px;

    padding-left: 29px;

    background: #eeeeee;

    font-size: 12px;

    color: #3b3b3b;

}

.ab_left ul li:hover {

    color: #02aaf0;

}

.ab_right {

    float: left;

    width: 488px;

}

.ab_r1 {

    width: 488px;

    height: 24px;

    border-bottom: 1px solid #eeeeee;

    background: url(../images/fz.png) no-repeat;

    background-position: 0 6px;

    padding-left: 20px;

}

.ab_r1 a {

    font-size: 12px;

    color: #3b3b3b;

}

.ab_r1 a:hover {

    color: #02aaf0;

}

.ab_right_zi {

    font-size: 12px;

    color: #333333;

    line-height: 24px;

    margin-top: 9px;

}

.ab_right_zi img {

    padding: 15px 0;

}

/*华洋简介结束*/















/*新闻动态开始*/

.wo {

    margin-top: 16px;

}

.wo_tu {

    width: 187px;

    height: 125px;

    float: left;

    margin-right: 11px;

}

.wo_tu img {

    width: 100%;

}

.wo_zi {

    width: 290px;

    float: left;

}

.wo_zi p {

    font-size: 14px;

    color: #666;

    margin-top: 5px;

}

.wo_zi span {

    display: block;

    font-size: 10px;

    color: #979797;

    line-height: 30px;

}

.wo_zi_nr {

    font-size: 12px;

    color: #666;

    line-height: 22px;

}

.wo_zi_nr m4 {

    padding-left: 12px;

}

.wo_zi_nr m4 a {

    font-size: 12px;

    color: #02a7ec;

}

.wo_zi_nr m4:hover a {

    text-decoration: underline;

}

.mor {

    margin-top: 25px;

}

.mor ul {}

.mor ul li {

    margin-bottom: 12px;

}

.mor ul li p {

    font-size: 12px;

    color: #666;

    float: left;

}

.mor ul li span {

    font-size: 12px;

    color: #979797;

    float: right;

    display: block;

}

.mor ul li:hover p {

    color: #02aaf0;

}

.mor ul li:hover span {

    color: #02aaf0;

}

.fanye {

    text-align: center;

    margin-top: 23px;

}

.fanye a {

    display: block;

    display: inline-block;

    width: 20px;

    height: 20px;

    font-size: 12px;

    text-align: center;

    line-height: 20px;

    color: #555;

    margin-right: 6px;

}

.fanye a:hover {

    color: #02aaf0;

}

.fanye a:hover.yua {

    background: #02aaf0;

    border-radius: 50px;

    color: #FFF;

}

.on {

    background: #02aaf0;

    border-radius: 50px;

    color: #FFF !important;

}



/*新闻动态结束*/

















/*新闻动态show开始*/

.stt {

    font-size: 14px;

    color: #262626;

    line-height: 40px;

    text-align: center;

}

.qy {

    width: 488px;

    height: 27px;

    background: #f3f3f3;

}

.qy ul {

    text-align: center;

    margin-right: -30px;

}

.qy ul li {

    display: inline-block;

    margin-right: 30px;

}

.nz {

    float: left;

    font-size: 12px;

    color: #666666;

    line-height: 27px;

    padding-left: 5px;

}

.qy ul li img {

    padding-top: 8px;

    float: left;

}

.qnr {

    margin-top: 17px;

    font-size: 12px;

    color: #727272;

    line-height: 26px;

    padding-bottom: 20px;

    border-bottom: 1px solid #eeeeee;

}

.qnr img {

    /* margin: 0 auto 14px; */

}

.dida {

    margin-top: 13px;

}

.dida_left {

    float: left;

    line-height: 24px;

}

.dida_left a {

    font-size: 12px;

    color: #555555;

}

.dida_left a span:hover {

    color: #02aaf0;



}

.fanhui {

    float: right;

    width: 74px;

    height: 25px;

    background: #02aaf0;

    font-size: 12px;

    text-align: center;

    line-height: 25px;

    color: #FFF;

    margin-top: 12px;

}

.fanhui:hover {

    background: #2cc1ff;

}

/*新闻动态show结束*/















/*合作机会开始*/

.gja {

    width: 760px;

    float: left;

}

.gg_r1 {

    width: 760px;

    height: 24px;

    border-bottom: 1px solid #eeeeee;

    background: url(../images/fz.png) no-repeat;

    background-position: 0 6px;

    padding-left: 20px;

}

.gg_r1 a {

    font-size: 12px;

    color: #3b3b3b;

}

.gg_r1 a:hover {

    color: #02aaf0;

}

.ygg {

    width: 760px;

    margin-top: 19px;

}

.ygg_z {

    width: 457px;

    font-size: 12px;

    line-height: 24px;

    color: #535353;

    float: left;

    padding-top: 24px;

}

.ygg_y {

    width: 277px;

    height: 180px;

    float: right;

}

.ygg_y img {

    width: 100%;

}

.azi {

    font-size: 12px;

    color: #535353;

    line-height: 24px;

    padding-top: 24px;

}













.pm {

    width: 457px;

    font-size: 12px;

    line-height: 24px;

    color: #535353;

    float: right;

    padding-top: 24px;

}

.pn {

    width: 277px;

    height: 180px;

    float: left;

}

.ygg_y img {

    width: 100%;

}



/*合作机会开结束*/











/*工作机会开始*/

.sii {

    width: 242px;

    float: left;

    margin-right: 20px;

}

.gu {}

.aoo {

    float: left;

    width: 742px;

}

.yff {

    width: 742px;

    height: 24px;

    border-bottom: 1px solid #eeeeee;

    background: url(../images/fz.png) no-repeat;

    background-position: 0 6px;

    padding-left: 20px;

}

.yff a {

    font-size: 12px;

    color: #3b3b3b;

}

.yff a:hover {

    color: #02aaf0;

}

.yff_zi {

    font-size: 14px;

    color: #333333;

    line-height: 24px;

    padding-top: 12px;

}

.ay {

    width: 742px;

    height: 30px;

    background: #eee;

    margin-top: 13px;

}

.ay1 {

    width: 233px;

    padding-left: 51px;

    font-size: 14px;

    line-height: 30px;

    float: left;

    color: #333333;

}

.ay2 {

    width: 84px;

    font-size: 14px;

    line-height: 30px;

    float: left;

    text-align: center;

    color: #333333;

}

.ay3 {

    width: 118px;

    font-size: 14px;

    line-height: 30px;

    float: left;

    text-align: center;

    color: #333333;

}

.ay4 {

    width: 128px;

    font-size: 14px;

    line-height: 30px;

    float: left;

    text-align: center;

    color: #333333;

}

.ay5 {

    width: 179px;

    font-size: 14px;

    line-height: 30px;

    float: left;

    text-align: center;

    color: #333333;

}

.heng {

    margin-top: 18px;

}

.heng1 {

    width: 233px;

    padding-left: 23px;

    float: left;

}

.heng1 a {

    font-size: 12px;

    color: #494848;
    text-decoration: underline;

}

.heng1 a:hover {
    color: rgb(2, 167, 236);
    text-decoration: underline;

}



.heng2 {

    width: 84px;

    float: left;

    text-align: center;

    font-size: 12px;

    color: #494848;

}

.heng3 {

    width: 118px;

    float: left;

    text-align: center;

    font-size: 12px;

    color: #494848;

}

.heng4 {

    width: 128px;

    float: left;

    text-align: center;

    font-size: 12px;

    color: #494848;

}

.heng5 {

    width: 179px;

    float: left;

    text-align: center;

    font-size: 12px;

    color: #494848;

}



/*工作机会结束*/













/*工作机会终端开始*/

.dx {

    font-size: 12px;

    line-height: 24px;

    color: #333333;

    margin-top: 3px;

}

.dx p {

    font-weight: bold;

    padding-top: 10px;

}





/*工作机会终端结束*/









/*客户留言开始*/

.kk_r1 {

    width: 722px;

    height: 24px;

    border-bottom: 1px solid #eeeeee;

    background: url(../images/fz.png) no-repeat;

    background-position: 0 6px;

    padding-left: 20px;

}



.kk_r1 a {

    font-size: 12px;

    color: #3b3b3b;

}

.kk_r1 a:hover {

    color: #02aaf0;

}

.to {

    width: 722px;

    float: left;

    margin-right: 31px;

    background: url(../images/dt.png) no-repeat;

    background-position: 0 150px;

    z-index: -1;

}



.ctz {

    margin-top: 28px;

    margin-bottom: 19px;

}

.ctz1 {

    font-size: 14px;

    color: #555555;

    float: left;

}

.haha {

    width: 14px;

    height: 14px;

    border-radius: 50px;

    border: 1px solid #c2c2c2;

    background: #eeeeee;

}

.xuu {

    font-size: 14px;

    color: #555555;

    float: left;

    margin-right: 12px;

}

.xuu1 {

    font-size: 14px;

    color: #555555;

    float: left;

}

.vava {

    margin-bottom: 14px;

}

.vava1 {

    font-size: 14px;

    color: #555;

    padding-bottom: 13px;

}

.vava1 span {

    color: #e60012;

}

.ppp {

    border: 1px solid #eee;

    border-radius: 5px;

    width: 400px;

    height: 40px;

    font-size: 14px;

    color: #666;

    padding-left: 15px;

    background: none;

}

.xp {

    width: 722px;

    height: 274px;

    border: 1px solid #eee;

    border-radius: 5px;

    font-size: 14px;

    color: #666;

    padding-left: 15px;

    padding-top: 15px;

}

.tyan {

    width: 120px;

    height: 40px;

    border-radius: 5px;

    background: #02aaf0;

    text-align: center;

    line-height: 40px;

    font-size: 14px;

    color: #FFF;

    border: none;

    margin-top: 12px;

    cursor: pointer;

}

.tyan:hover {

    background: #2cc1ff;

}



/*客户留言结束*/









/*友情链接开始*/

.maomao {

    margin-top: 17px;

    overflow: hidden;

}

.maomao ul {

    margin-right: -14px;

}

.maomao ul li {

    /*height:92px;*/
    width: 170px;

    border: 1px solid #eee;

    margin-right: 14px;

    margin-bottom: 14px;

    float: left;

}

.maomao ul li img {

    width: 100%;

}

.fanye1 {

    text-align: center;

    margin-top: 13px;

}

.fanye1 a {

    display: block;

    display: inline-block;

    width: 20px;

    height: 20px;

    font-size: 12px;

    text-align: center;

    line-height: 20px;

    color: #555;

    margin-right: 6px;

}

.fanye1 a:hover {

    color: #02aaf0;

}

.fanye1 a:hover.yua {

    background: #02aaf0;

    border-radius: 50px;

    color: #FFF;

}



/*友情链接结束*/















/*会员中心开始*/

.oso {

    width: 760px;

    height: 425px;

    border: 1px solid #d3d3d3;

    margin-top: 16px;

}

.oso_left {

    width: 452px;

    float: left;

}

.oso_left_bt {

    font-size: 16px;

    color: #333333;

    text-align: center;

    padding-top: 65px;

}

.odd {

    margin-top: 54px;

    margin-left: 46px;

    margin-bottom: 19px;

}

.odd_m {

    font-size: 14px;

    color: #333333;

    float: left;

    line-height: 33px;

    padding-right: 15px;

}

.odd_m1 {

    font-size: 14px;

    color: #333333;

    float: left;

    line-height: 33px;

    padding-right: 17px;

}

.odd1 {

    margin-left: 46px;

}

.jj {

    width: 266px;

    height: 36px;

    border: 1px solid #eeeeee;

    background: url(../images/hy.png) no-repeat;

    background-position: 21px 9px;

    font-size: 12px;

    color: #858585;

    line-height: 37px;

    padding-left: 54px;

}

.jj1 {

    width: 266px;

    height: 36px;

    border: 1px solid #eeeeee;

    background: url(../images/mm.png) no-repeat;

    background-position: 21px 9px;

    font-size: 12px;

    color: #858585;

    line-height: 37px;

    padding-left: 54px;

}

.psp {

    float: right;

    margin-top: 19px;

    margin-right: 76px;

}

.psp a {

    font-size: 12px;

    color: #666666;

}

.psp a:hover {

    color: #e60012;

}

.hdh {

    font-size: 16px;

    color: #FFF;

    width: 167px;

    height: 45px;

    background: url(../images/ri.png) no-repeat;

    margin: 0 auto;

    margin-top: 44px;

    line-height: 45px;

    text-align: center;

    transition: all 0.3s ease;

}

.hdh:hover {

    background: url(../images/ri1.png) no-repeat;

}

.xqx {

    float: left;

    margin-top: 20px;

}

.oso_right {

    width: 305px;

    float: left;

}

.oso_right p {

    font-size: 16px;

    color: #444343;

    font-family: "幼圆";

    text-align: center;

    line-height: 32px;

    padding-top: 132px;

    font-weight: bold;

}

.hdh1 {

    font-size: 16px;

    color: #FFF;

    width: 167px;

    height: 45px;

    background: url(../images/ri.png) no-repeat;

    margin: 0 auto;

    margin-top: 22px;

    line-height: 45px;

    text-align: center;

    transition: all 0.3s ease;

}

.hdh1:hover {

    background: url(../images/ri1.png) no-repeat;

}

/*会员中心结束*/











/*会员公告开始*/

.los {

    margin-top: 16px;

    float: left;

}

.los p {

    font-size: 16px;

    color: #333333;

    text-align: center;

    padding-top: 4px;

}

.los span {

    font-size: 12px;

    color: #666666;

    display: block;

    text-align: center;

    padding-top: 12px;

    margin-bottom: 24px;

}

.los_zi {

    font-size: 12px;

    color: #666666;

    line-height: 22px;



}

.los_zi m1 {

    float: right;

}

.los_tu {

    margin-top: 20px;

}

.zti1 {

    width: 100%;

}

/*会员公告结束*/











.wiw {

    margin-top: 16px;

}

.wiw p {

    font-size: 14px;

    color: #3b3b3b;

    padding-bottom: 10px;

}

.wiw span {

    font-size: 12px;

    color: #696969;

    line-height: 24px;

}



.wiw1 {

    margin-top: 20px;

}

.wiw1 p {

    font-size: 14px;

    color: #3b3b3b;

    padding-bottom: 4px;

}

.wiw1 ul {}

.wiw1 ul li {

    margin-top: 10px;

}

.wiw1 ul li a {

    display: block;

    font-size: 12px;

    color: #02aaf0;

    float: left;

}

.wiw1 ul li a:hover {

    text-decoration: underline;

}

.wiw1 ul li m2 {

    font-size: 12px;

    color: #696969;

    float: left;

    padding-left: 10px;

}













/*会员注册开始*/

.glg {

    margin-top: 16px;

}

.glg p {

    font-size: 12px;

    color: #3d3c3c;

}

.glg span {

    font-size: 12px;

    color: #e60012;

}

.vii {

    margin-top: 15px;

}

.vii_jj {

    width: 121px;

    height: 29px;

    background: url(../images/jj.png) no-repeat;

    font-size: 14px;

    color: #333333;

    padding-left: 34px;

    line-height: 27px;

    margin-bottom: 21px;

}

.vii_jj1 {

    width: 121px;

    height: 29px;

    background: url(../images/jj1.png) no-repeat;

    font-size: 14px;

    color: #333333;

    padding-left: 34px;

    line-height: 27px;

    margin-bottom: 21px;

}

.nqs {

    margin-bottom: 6px;

}

.nqs_mc {

    font-size: 12px;

    color: #3d3c3c;

    float: left;

    padding-right: 5px;

    line-height: 32px;

}

.nqs_biao {

    width: 242px;

    height: 30px;

    border: 1px solid #bdbdbd;

    float: left;

    padding-left: 15px;

    font-size: 12px;

    color: #666;

}

.nqs_biao1 {

    width: 308px;

    height: 30px;

    border: 1px solid #bdbdbd;

    float: left;

    padding-left: 15px;

    font-size: 12px;

    color: #666;

}

.nqs_biao2 {

    width: 465px;

    height: 30px;

    border: 1px solid #bdbdbd;

    float: left;

    padding-left: 15px;

    font-size: 12px;

    color: #666;

}

.nqs_hm {

    font-size: 12px;

    color: #666;

    float: left;

    line-height: 32px;

}

.dqa {

    color: #e60012;

    float: left;

    line-height: 37px;

    margin-left: 8px;

    margin-right: 5px;

}

.scq {

    float: left;

    line-height: 33px;

    margin-left: 27px;

}

.scq1 {

    font-size: 12px;

    color: #3d3c3c;

    float: left;

    margin-right: 5px;

}

.vrv {

    font-size: 12px;

    color: #3d3c3c;

    float: left;

    margin-right: 12px;

}

.vrv1 {

    font-size: 12px;

    color: #3d3c3c;

    float: left;

}

.kaa {

    width: 167px;

    height: 35px;

    background: #02aaf0;

    border-radius: 5px;

    margin-top: 15px;

    font-size: 14px;

    color: #FFF;

    text-align: center;

    line-height: 35px;

    border: none;

    cursor: pointer;

}

.kaa:hover {

    background: #2cc1ff;

}

/*会员注册结束*/











/*会员注册条款开始*/

.buk {

    width: 1004px;

    height: 24px;

    border-bottom: 1px solid #eeeeee;

    background: url(../images/fz.png) no-repeat;

    background-position: 0 6px;

    padding-left: 20px;

}

.buk a {

    font-size: 12px;

    color: #3b3b3b;

}

.buk a:hover {

    color: #02aaf0;

}

.ozk {

    margin-top: 16px;

}

.ozk p {

    font-size: 16px;

    color: #333333;

    text-align: center;

}

.ozk span {

    width: 924px;

    margin: 0 auto;

    font-size: 14px;

    line-height: 22px;

    color: #434343;

    padding-top: 20px;

    display: block;

}

.fwr {

    width: 924px;

    height: 441px;

    border: 1px solid #c1c1c1;

    font-size: 12px;

    line-height: 28px;

    color: #333;

    overflow: auto;

    margin: 0 auto;

    padding: 5px 10px;

    margin-top: 16px;

}

.pva {

    margin: 0 auto;

    margin-top: 20px;

    width: 924px;

}

.pva_z {

    float: left;

}

.pva_ab {

    font-size: 12px;

    color: #333333;

    float: left;

    line-height: 15px;

    padding-left: 8px;

}

.dyq {

    width: 15px;

    height: 15px;

    border-radius: 5px;

    border: 1px solid #c1c1c1;

    float: left;

}

.xby {

    float: right;

    width: 74px;

    height: 25px;

    background: #02aaf0;

    font-size: 12px;

    color: #FFF;

    text-align: center;

    line-height: 25px;

}

.xby:hover {

    background: #2cc1ff;

}

/*会员注册条款结束*/













/*技术中心开始*/

.goi {

    margin-top: 16px;

}

.goi_left {

    width: 556px;

    background: #f3f3f3;

    float: left;

    margin-right: 9px;

}

.sph {

    width: 556px;

    height: 283px;

    position: relative;

}

.sph video {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

.mea {

    height: 45px;

    font-size: 14px;

    color: #333333;

    line-height: 45px;

    text-align: center;

}

.goi_right {

    width: 195px;

    height: 328px;

    float: left;

    background: #f3f3f3;

    padding: 0 30px;

}

.goi_right_tu {

    width: 134px;

    height: 134px;

    margin-top: 65px;

}

.goi_right_tu {

    width: 100%;

}

.goi_right p {

    font-size: 14px;

    color: #333;

    line-height: 22px;

    text-align: center;

    padding-top: 15px;

}

/*技术中心结束*/







/*产品中心开始*/

.zua {

    width: 224px;

    float: left;

    margin-right: 20px;

}

.zua p {

    font-size: 14px;

    color: #02aaf0;

    padding-bottom: 8px;

}

.dvo {

    width: 224px;

    height: 27px;

    border: 1px solid #dddddd;

}

.sox {

    width: 193px;

    height: 25px;

    font-size: 14px;

    color: #8d8f8f;

    padding-left: 9px;

    line-height: 25px;

    border: none;

}

.sox_tu {

    width: 18px;

    height: 18px;

    float: right;

    background: url(../images/sox.png) no-repeat;

    border: none;

    margin-top: 4px;

    margin-right: 9px;

}

.nbw {

    margin-top: 15px;

}

.pie {

    padding-top: 13px;

}

.kje {

    width: 111px;

    height: 26px;

    background: #02aaf0;

    font-size: 14px;

    color: #FFF;

    text-align: center;

    line-height: 26px;

    float: left;

    margin-right: 2px;

}

.kje1 {

    width: 111px;

    height: 26px;

    background: #02aaf0;

    font-size: 14px;

    color: #FFF;

    text-align: center;

    line-height: 26px;

    float: left;

}

.ges {

    cursor: pointer;

}

.ywp {

    margin-top: 16px;

    overflow: hidden;

}

.ywp ul {

    margin-right: -14px;

}

.ywp ul li {

    width: 244px;

    height: 192px;

    border: 1px solid #eeeeee;

    float: left;

    margin-right: 14px;

    position: relative;

    margin-bottom: 14px;

}

.ywp ul li img {

    width: 100%;

}

.vsa {

    width: 242px;

    height: 35px;

    position: absolute;

    bottom: 0;

    left: 0;

    font-size: 14px;

    color: #FFF;

    line-height: 35px;

    text-align: center;

    background: rgba(0, 0, 0, 0.6);

}

.ywp ul li:hover .vsa {

    background: #02aaf0;

}

/*产品中心结束*/















/*产品中心终端开始*/

.dxa {

    margin-top: 22px;

}

.dxa_bt {

    font-size: 14px;

    color: #262626;

    text-align: center;

}

.dxa img {

    margin: 0 auto;

    padding-top: 25px;

}

.canshu {

    margin-top: 10px;

}

.canshu1 {

    padding-top: 15px;

}

.canshu1 p {

    font-size: 14px;

    color: #393939;

    font-weight: bold;

    padding-right: 20px;

    float: left;

}

.canshu1 span {

    display: block;

    float: left;

    line-height: 14px;

    padding-top: 4px;

    cursor: pointer;

}

.canshu span:hover {

    text-decoration: underline;

}

.canshu span a {

    font-size: 12px;

    color: #02aaf0;

}

.canshu_nr {

    font-size: 14px;

    color: #727272;

    line-height: 28px;

    margin-top: 6px;

}











/*产品中心终端结束*/













































/*华洋纪实开始*/

.lcs {

    width: 100%;

    margin-top: 27px;

}

.lcss {

    width: 1004px;

    margin: 0 auto;

}

.lcss p {

    text-align: center;

    font-size: 16px;

    color: #333333;

    font-weight: bold;

}

.lcss p m6 {

    color: #02aaf0;

}

.fko {

    margin-top: 16px;

    text-align: center;

}

.fko_x {

    width: 74px;

    height: 1px;

    background: #bcbcbc;

    margin: 0 auto;

    margin-right: 12px;

    display: inline-block;

    margin-bottom: 5px;

}

.fko_zi {

    font-size: 16px;

    color: #5c5c5c;

    text-align: center;

    display: inline-block;

}

.fko_x1 {

    width: 74px;

    height: 1px;

    background: #bcbcbc;

    margin: 0 auto;

    margin-left: 12px;

    display: inline-block;

    margin-bottom: 5px;

}

.ciq {

    width: 437px;

    margin: 0 auto;

    font-size: 12px;

    color: #3b3b3b;

    line-height: 20px;

    margin-top: 14px;

    text-align: center;

}

.juzhong {

    width: 1004px;

}

.yeg {

    width: 325px;

    float: left;

}

.yeg p {

    font-size: 24px;

    color: #333333;

    padding-bottom: 20px;

    border-bottom: 3px solid #50affd;

}

.yeg span {

    font-size: 14px;

    color: #333333;

    display: block;

    padding-top: 22px;

    line-height: 22px;



}

/*华洋纪实结束*/















.pc:hover {
    opacity: 0.9;
    transition: all 400ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
}

.pc:hover img {
    opacity: 0.4;
    transform: scale(1.8, 1.8) rotate(30deg);
    -webkit-transform: scale(1.8, 1.8) rotate(30deg);
    -o-transform: scale(2, 2) rotate(30deg);
    -moz-transform: scale(2, 2) rotate(30deg);
    -ms-transform: scale(2, 2) rotate(30deg);
    transition: all 400ms linear;
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
}




.jk:hover {
    opacity: 0.9;
    transition: all 400ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
}

.jk:hover img {
    opacity: 0.4;
    transform: scale(1.8, 1.8) rotate(30deg);
    -webkit-transform: scale(1.8, 1.8) rotate(30deg);
    -o-transform: scale(2, 2) rotate(30deg);
    -moz-transform: scale(2, 2) rotate(30deg);
    -ms-transform: scale(2, 2) rotate(30deg);
    transition: all 400ms linear;
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
}




.lyy:hover {
    opacity: 0.9;
    transition: all 400ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
}

.lyy:hover img {
    opacity: 0.4;
    transform: scale(1.8, 1.8) rotate(30deg);
    -webkit-transform: scale(1.8, 1.8) rotate(30deg);
    -o-transform: scale(2, 2) rotate(30deg);
    -moz-transform: scale(2, 2) rotate(30deg);
    -ms-transform: scale(2, 2) rotate(30deg);
    transition: all 400ms linear;
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
}






.xix:hover {
    opacity: 0.9;
    transition: all 400ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
}

.xix:hover img {
    opacity: 0.4;
    transform: scale(1.8, 1.8) rotate(30deg);
    -webkit-transform: scale(1.8, 1.8) rotate(30deg);
    -o-transform: scale(2, 2) rotate(30deg);
    -moz-transform: scale(2, 2) rotate(30deg);
    -ms-transform: scale(2, 2) rotate(30deg);
    transition: all 400ms linear;
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
}






.zh:hover {
    opacity: 0.9;
    transition: all 400ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
}

.zh:hover img {
    opacity: 0.4;
    transform: scale(1.8, 1.8) rotate(30deg);
    -webkit-transform: scale(1.8, 1.8) rotate(30deg);
    -o-transform: scale(2, 2) rotate(30deg);
    -moz-transform: scale(2, 2) rotate(30deg);
    -ms-transform: scale(2, 2) rotate(30deg);
    transition: all 400ms linear;
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
}






.lj:hover {
    opacity: 0.9;
    transition: all 400ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
}

.lj:hover img {
    opacity: 0.4;
    transform: scale(1.8, 1.8) rotate(30deg);
    -webkit-transform: scale(1.8, 1.8) rotate(30deg);
    -o-transform: scale(2, 2) rotate(30deg);
    -moz-transform: scale(2, 2) rotate(30deg);
    -ms-transform: scale(2, 2) rotate(30deg);
    transition: all 400ms linear;
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
}