body,
ul,
li,
a,
h1,
h2,
h3,
h4,
h5,
h6,
span,
div,
a {
    cursor: pointer;
    font-family: 微软雅黑;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    display: block;
}

/*return top*/
.return_top {
    width: 34px;
    height: 34px;
    position: fixed;
    border-radius: 5px;
    bottom: 100px;
    left: 85%;
    z-index: 9999999999;
    background: url("../images/5-120601155T6.png") no-repeat;
    /*display: none;*/
}

.return_top:hover {
    background-position: 0 -34px;
}

/*kefubufen*/
.contactusdiyou {
    position: fixed;
    right: -230px;
    bottom: 0px;
    _position: absolute;
    width: 230px;
    height: 100%;
    background: #009aff;
    z-index: 99999999999;
    transition: all .5s ease;
}

.contactusdiyou .hoverbtn {
    width: 30px;
    height: 149px;
    padding-top: 20px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -66px;
    left: -30px;
    font-size: 14px;
    color: #fff;
    background: #009aff;
    box-shadow: -4px 4px 4px -4px #000;
}

.contactusdiyou .hoverbtn .hoverimg {
    width: 13px;
    height: 9px;
    margin: 10px 0px 0px 10px;
    float: left;
    display: inline;
    background-repeat: no-repeat;
}

.contactusdiyou .conter {
    width: 186px;
    height: 560px;
    margin-left: 22px;
    position: absolute;
    top: 55%;
    *margin-top: -140px;
    margin-top: -280px;
}

.contactusdiyou .conter .con1 {
    border-bottom: 1px solid #6a6a6a;
    padding-bottom: 20px;
}

.contactusdiyou .conter .con1 li {
    width: 100%;
    overflow: hidden;
    color: white;
}

.f0 {
    float: left;
}

.f1 {
    display: block;
    float: left;
    line-height: 31px;
    font-size: 14px;
    _font-size: 14px;
    *font-size: 15px;
    color: #fff;
    vertical-align: top;
    font-weight: bold;
}

.qqcall li {
    width: 100%;
    overflow: hidden;
    color: white;
}

.con1 .f1 .ph_num {
    font-size: 16px;
    color: white;
}

.kefuQQ a {
    background: url(../images/button-custom-qq.gif) no-repeat;
    width: 70px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
}

.kefuQQ a:hover {
    background: url(../images/button-custom-qq-h.gif) no-repeat;
}

.kefuQQ {
    margin-top: 5px;
}

.fn_span {
    float: left;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
}

.contactusdiyou .qqcall {
    padding: 22px 0px;
    border-bottom: 1px solid #6a6a6a;
}

.contactusdiyou .weixincall {
    padding: 22px 0 20px 0;
    border-bottom: 1px solid #6a6a6a;
    overflow: hidden;
}

.contactusdiyou .weixincall li {
    width: 100%;
    overflow: hidden;
    color: white;
}

.a_dytimer {
    color: #222222;
}

.contactusdiyou .weixincall .f3 {
    float: right;
    width: 73px;
    height: auto;
    margin-right: 69px;
    display: inline;
}

.contactusdiyou .weixincall .f3 img {
    width: 73px;
    height: auto;
}

.contactusdiyou .dytimer {
    width: 160px;
    height: 40px;
    padding: 16px 0px 15px 0px;
    /* background: #007b77; */
    margin: 10px 0px 0px 0px;
}

.contactusdiyou .dytimer span {
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
}

/*page-1 index*/
/*head*/
.head {
    background: rgb(1, 1, 1) none repeat scroll 0 0;
    height: auto;
    overflow: hidden;
    width: 100%;
}

.head_box {
    width: 1024px;
    margin: 0 auto;
    overflow: hidden;
}

.head_left {
    width: 40%;
    overflow: hidden;
    float: left;
}

.head_right {
    width: 60%;
    float: left;
}

.header_logo {
    width: 30%;
    float: left;
    vertical-align: middle;
}

.header_logo_text {
    color: white;
    font-size: 22px;
    font-family: 黑体;
    float: left;
    padding-top: 1%;
    line-height: 130%;
}

.header_logo_text_2 {
    color: white;
    font-size: small;
    font-family: 黑体;
    float: left;
    line-height: 100%;
}

.head_right_manv {
    position: relative;
}

.mynav ul {
    -moz-box-pack: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
    overflow: hidden;
    padding: 0;
}

.head_right .head_right_manv li {
    float: left;
    font-size: 14px;
    line-height: 370%;
    width: 14%;
}

.head_right_manv li a {
    color: white;
    height: 100%;
    width: 100%;
}

.head_right_manv li a:hover {
    color: #36A3EB;
    text-decoration: none;
}

.header_cy_test {
    width: 100%;
    height: 0;
    position: fixed;
    top: 50px;
    left: 0;
    z-index: 99999;
    display: none;
    background-color: rgb(37, 64, 82);
}

.head_cy_box {
    width: 1024px;
    margin: 0 auto;
}

.header_cy_list {
    float: left;
    font-size: 14px;
    width: 25%;
    line-height: 380%;
}

.row_ul {
    width: 50%;
    margin-left: 25%;
    overflow: hidden;
}

.row_2 {
    width: 80%;
    margin-left: 20%;
}

.row_ul_2 {
    width: 30%;
    float: left;
}

.header_cy_list h4 {
    color: #64b6eb;
    line-height: 300%;
    border-bottom: solid 2px #64b6eb;
    width: 50%;
    margin-left: 25%;
}

.header_cy_list a {
    color: white;
}

.header_cy_list a:hover {
    color: #64b6eb;
}

.header_cy_products li {
    clear: left;
    width: 100%;
    line-height: 240%;
}

.target {
    border-bottom: 4px solid transparent;
    left: 0;
    position: absolute;
    transform: translateX(-60px);
    z-index: 99;
}

.mynav a,
.target {
    transition: all 0.35s ease-in-out 0s;
}

/*导航条*/
.dh_home {
    text-align: left;
    background-color: rgba(0, 0, 0, 0.05);
    color: black;
}

.dh_home_box {
    width: 1024px;
    margin: 0 auto;
}

.dh_span_s {
    float: left;
    padding: 10px 0px;
}

.dh_span {
    float: left;
    padding: 8px 15px 8px 8px;
}

.breadcrumb li {
    float: left;
    display: inline-flex;
}

/*banner*/
.banner {
    height: 550px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.slider {
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}

.banner_t {
    width: 100%;
    height: 200px;
    position: absolute;
    z-index: 999;
}

.banner_t_c_a_c {
    width: 400%;
    height: 100%;
    position: relative;
}

.banner_text {
    height: auto;
    position: absolute;
    top: 30%;
    width: 1024px;
    z-index: 999;
    left: 50%;
    margin-left: -512px;
}

.banner_text_con_ani {
    width: 25%;
    height: 100%;
    position: absolute;
    display: none;
}

.banner_center span {
    color: #05c3d5;
    font-size: x-large;
    line-height: 140%;
}

.banner_bot {
    float: left;
    height: 5%;
    margin-top: 22%;
    width: 100%;
    display: block;
}

.banner_bot span {
    background-color: #05c3d5;
    color: white;
    display: inline-block;
    height: 100%;
    line-height: 180%;
    text-align: center;
    width: 10%;
}

.banner_bot span:hover {
    background-color: transparent;
    color: #05c3d5;
    cursor: pointer;
}

.banner_btn {
    outline: medium none;
    position: relative;
    transition: all 800ms ease 0s;
    -o-transition: all 800ms ease 0s;
    -ms-transition: all 800ms ease 0s;
    -moz-transition: all 800ms ease 0s;
    -webkit-transition: all 800ms ease 0s;
}

.banner_btn::before,
.banner_btn::after {
    background: #05c3d5 none repeat scroll 0 0;
    content: "";
    height: 2px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 400ms ease 0s;
    -o-transition: all 400ms ease 0s;
    -ms-transition: all 400ms ease 0s;
    -moz-transition: all 400ms ease 0s;
    -webkit-transition: all 400ms ease 0s;
    width: 0;
}

.banner_btn::after {
    bottom: 0;
    left: 0;
    right: inherit;
    top: inherit;
}

.banner_btn:hover::before,
.banner_btn:hover::after {
    transition: all 800ms ease 0s;
    -o-transition: all 800ms ease 0s;
    -ms-transition: all 800ms ease 0s;
    -moz-transition: all 800ms ease 0s;
    -webkit-transition: all 800ms ease 0s;
    width: 100%;
}

/*service*/
.service {
    height: auto;
    margin-top: 3%;
    overflow: hidden;
    width: 100%;
}

.ser_box {
    width: 1024px;
    margin: 0 auto;
}

.service_top {
    text-align: center;
    width: 100%;
}

.service_top h1 {
    color: black;
}

.service_hr {
    border-bottom: 3px solid #05c3d5;
    margin-left: 45%;
    text-align: center;
    width: 10%;
}

.srivice_bot {
    padding-top: 40px;
    width: 1024px;
    margin: 0 auto;
}

.row_1 {
    width: 100%;
    overflow: hidden;
}

.service_item {
    width: 25%;
    float: left;
}

.srivice_bot img {
    width: 80px;
}

.service_bot_text {
    color: black;
    font-size: 16px;
    line-height: 240%;
}

.sri_a {
    color: black;
}

.sri_a:hover {
    color: #36A3EB;
}

.srivice_text_span {
    width: 25%;
    float: left;
}

.srivice_text_span:hover {
    color: #05c3d5;
    text-decoration: underline;
}

.service_item:hover .service-icon {
    animation: 0.5s ease 0s alternate none 1 running icon-bounce;
    -moz-animation: 0.5s ease 0s alternate none 1 running icon-bounce;
    -o-animation: 0.5s ease 0s alternate none 1 running icon-bounce;
    -webkit-animation: 0.5s ease 0s alternate none 1 running icon-bounce;
    -ms-animation: 0.5s ease 0s alternate none 1 running icon-bounce;
}

@keyframes icon-bounce {

    0%,
    100% {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }

    25% {
        transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
    }

    50% {
        transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        -o-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
    }

    75% {
        transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
    }

    85% {
        transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
    }
}

@keyframes icon-bounce {

    0%,
    100% {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }

    25% {
        transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
    }

    50% {
        transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        -o-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
    }

    75% {
        transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
    }

    85% {
        transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
    }
}

@keyframes icon-bounce {

    0%,
    100% {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }

    25% {
        transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
    }

    50% {
        transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        -o-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
    }

    75% {
        transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
    }

    85% {
        transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
    }
}

.seriver_bom {
    padding-top: 40px;
}

.col_ser {
    width: 1024px;
    margin: 0 auto;
}

.serive_linksmore {
    background-color: #05c3d5;
    color: white;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    margin-left: 45%;
    width: 10%;
}

.serive_linksmore:visited {
    color: white;
}

.serive_linksmore:hover {
    background-color: transparent;
    color: #05c3d5;
}

/*about*/
.about {
    background: rgba(0, 0, 0, 0) url("../images/1fd98860be5a39b11b6d991ddae5d47c.jpg") no-repeat scroll left top / cover;
    height: auto;
    margin-top: 40px;
    overflow: hidden;
    width: 100%;
}

.about_container {
    background-color: black;
    height: 100%;
    opacity: 0.65;
    padding-bottom: 40px;
    width: 100%;
}

.about_box {
    width: 1024px;
    margin: 0 auto;
}

.about_container h2 {
    color: white;
    line-height: 240%;
    padding-top: 40px;
}

.about_container p {
    color: white;
    font-size: 14px;
    line-height: 200%;
}

/*products*/
.products_head {
    color: black;
    margin-top: 40px;
}

.pro_box {
    width: 1024px;
    margin: 0 auto;
}

.products_content {
    border: 1px solid silver;
    height: auto;
    margin-top: 40px;
    overflow: hidden;
    width: 100%;
}

.products_xqy {
    height: 350px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.cap_p p {
    text-align: left;
}

.products_xqy_list {
    width: 100%;
    position: absolute;
    display: none;
    background-color: white;
}

.fuwuqi_img {
    width: 75%;
}

.products_content_text {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    background-color: white;
}

.pro_xqy_porducts {
    border: 1px solid silver;
    height: 200px;
    margin-left: 6%;
    margin-top: 2%;
}

.products_xqy_tet {
    font-size: 14px;
    width: 25%;
    float: left;
}

.products_con_ul {
    width: 100%;
}

/*meetour*/
.meet_box {
    width: 1024px;
    margin: 0 auto;
}

.meetour_head {
    color: black;
    margin-top: 40px;
    overflow: hidden;
}

.meet_content {
    width: 100%;
    overflow: hidden;
    margin: 5px 0 5px 0;
}

.meet_img_bor {
    height: auto;
    width: 22%;
    float: left;
}

.meet_img_bor:nth-child(2) {
    margin: 0 4% 0 4%;
}

.meet_img_bor:nth-child(4) {
    float: right;
}

.meet_img_bor_content {
    border: 1px solid silver;
    height: 100%;
    margin: 0 auto;
    /*padding: 15px 10px 15px 10px;*/
    position: relative;
    width: 100%;
    overflow: hidden;
}

.meet_img_bor_content:hover {
    border: solid 1px #05c3d5;
}

.meet_img_bor_content img {
    width: 100%;
    transition: all .5s ease;
}

.meet_img_bor_content:hover img {
    transform: scale(1.2);
}

.meet_zzc {
    display: none;
    height: 45%;
    left: 0;
    opacity: .85;
    position: absolute;
    top: 100%;
    width: 100%;
    background-color: #2f3238;
}

.meet_zzc_s {
    color: white;
    font-size: 14px;
    line-height: 200%;
    border: solid 2px #05c3d5;
    width: 60%;
    margin: 10% auto;
    height: 40%;
}

.row_meet_1 {
    margin-top: 40px;
    width: 100%;
}

.row_meet {
    margin-top: 20px;
    width: 100%;
}

/*news*/
.news {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 40px;
    background: url("../images/fdb3717ed25c805442acb9693125509f.jpg") no-repeat;
    background-size: 100% 100%;
    padding-bottom: 40px;
}

.new_box {
    width: 1024px;
    margin: 0 auto;
}

.news_con {
    width: 100%;
    height: auto;
    border: solid 1px silver;
    padding: 40px 0px 40px 0px;
    overflow: hidden;
}

.news_con_bg {
    margin-top: 40px;
    width: 100%;
    overflow: hidden;
}

.news_title {
    height: 150px;
    border: solid 1px rgba(192, 192, 192, 0.45);
    background-color: white;
    padding: 0;
    opacity: 0.85;
    float: left;
}

.news_title_t {
    width: 28%;
    margin-left: 7%;
}

.news_title_text {
    width: 58%;
}

.news_title_t ul li {
    height: 50px;
    line-height: 240%;
    font-size: 20px;
}

.news_title_text li {
    line-height: 200%;
    font-size: 14px;
}

.news_title_text li:nth-child(1) {
    padding-top: 10px;
}

.news_links {
    width: 3%;
    float: left;
    line-height: 180%;
}

.news_links_s {
    text-align: left;
}

.text-left {
    color: #000000;
    border-bottom: dashed 1px silver;
    width: 90%;
    margin: 0 auto;
}

.text-left:hover {
    color: #2fa0ec;
}

.news_title_t_list:hover {
    background-color: rgba(0, 191, 255, 0.44);
    color: black;
}

.news_title_tt {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.news_title_tt_ul {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

/*links*/
.links {
    width: 100%;
    height: auto;
    border: solid 1px silver;
    background: url("../images/a39ace72c62872fdfeebad4a6455e4dc.jpg") no-repeat;
    background-size: cover;
    padding: 20px 0 20px 0;
}

.links_box {
    width: 1024px;
    margin: 0 auto;
}

.links_text {
    float: left;
    width: 33.3333%;
    height: 100%;
    color: white;
    text-align: left;
    font-size: 14px;
}

.links_footer_img {
    padding-top: 30px;
    width: 55%;
}

.linkus_bom_ul {
    width: 1024px;
    overflow: hidden;
    margin: 0 auto;
}

.fenx_links {
    height: auto;
    margin-top: 20px;
}

.links_footer_ll {
    color: black;
    text-align: left;
    padding: 40px 0 20px 0;
}

.footer_links_p:nth-child(0) {
    padding-top: 20px;
}

.footer_links_p a {
    text-align: left;
    text-indent: 6%;
    color: black;
}

.links_text_daohang {
    padding-bottom: 43px;
    border-right: solid 1px black;
    border-left: solid 1px black;
}

.links_text_daohang h4 {
    text-align: left;
    padding: 40px 0 20px 20px;
    color: black;
}

.links_text_daohang li {
    width: 50%;
    float: left;
}

.links_text_daohang li a {
    color: black;
    width: 50%;
    text-align: left;
    text-indent: 20px;
}

.links_text_last h4 {
    text-align: left;
    padding: 40px 0 20px 20px;
    color: black;
}

/*footer*/
.footer_text {
    height: auto;
    padding: 60px 0 60px 0;
    font-size: small;
    color: #2b2b2b;
}

.footer_box {
    width: 1200px;
    margin: 0 auto;
}

.footer_text small {
    font-size: small;
}

.footer_text p a {
    color: #2b2b2b;
}

/*page-2 about*/
.p2_about_bom {
    /*background-color: rgba(192, 192, 192, 0.42);*/
    background: -ms-linear-gradient(top, rgba(191, 191, 191, 0.26), rgba(192, 192, 192, 0.2), rgba(236, 236, 236, 0.15));
    /* IE 10 */
    background: -moz-linear-gradient(top, rgba(191, 191, 191, 0.26), rgba(191, 191, 191, 0.21), rgba(236, 236, 236, 0.16));
    /*火狐*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(191, 191, 191, 0.25)), to(rgba(236, 236, 236, 0.16)));
    /*谷歌*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(191, 191, 191, 0.88)), to(rgba(191, 191, 191, 0.52)));
    /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, rgba(191, 191, 191, 0.25), rgba(191, 191, 191, 0.21), rgba(191, 191, 191, 0.16));
    /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, rgba(191, 191, 191, 0.25), rgba(192, 192, 192, 0.21), rgba(236, 236, 236, 0.15));
    /*Opera 11.10+*/
}

.p2_about_text {
    padding-top: 40px;
}

.p2_about_bot_cot {
    width: 90%;
    margin: 0 auto;
}

.p2_about_bot_cot_img {
    overflow: hidden;
    position: relative;
}

.p2_about_c1 {
    width: 90%;
    height: 3px;
    transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    background-color: #2fa0ec;
    margin: 300px auto;
    position: relative;
}

.p2_about_icon_tt {
    width: 70px;
    height: 70px;
    border: solid 3px #2fa0ec;
    position: absolute;
    border-radius: 50%;
    background-color: white;
    text-align: center;
    line-height: 70px;
    font-weight: bold;
}

.p2_about_c2 {
    top: 12%;
    left: 79%;
}

.p2_about_c3 {
    top: 75%;
    left: 15%;
}

.p2_about_c4 {
    top: 52%;
    left: 50%;
    margin: -48px 0 0 -35px;
}

.p2_about_c5 {
    top: 59.5%;
    left: 30%;
}

.p2_about_c6 {
    left: 64%;
    top: 26.5%;
}

.p2_about_c7 {
    position: absolute;
    font-size: 16px;
    font-weight: bolder;
    top: 24%;
    left: 78%;
    color: #07080b;
}

.p2_about_c8 {
    position: absolute;
    font-size: 16px;
    font-weight: bolder;
    left: 24%;
    top: 81%;
    color: black;
}

.p2_about_c9 {
    position: absolute;
    font-size: 16px;
    font-weight: bolder;
    left: 15%;
    top: 49%;
    color: black;
}

.p2_about_c10 {
    position: absolute;
    font-size: 16px;
    font-weight: bolder;
    left: 56%;
    top: 47%;
    color: black;
}

.p2_about_c11 {
    position: absolute;
    font-size: 16px;
    font-weight: bolder;
    left: 56%;
    top: 21%;
    color: black;
}

.p2_about_bom_lb {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

#btn {
    position: absolute;
    border: solid 1px black;
    width: 30px;
    height: 100%;
    background-color: #050505;
    z-index: 999;
}

#btn_1 {
    position: absolute;
    border: solid 1px black;
    width: 30px;
    height: 100%;
    right: 0;
    background-color: #050505;
    z-index: 999;
}

#btn a {
    color: #f2f2f2;
    text-decoration: none;
    font-size: 36px;
    line-height: 500%;
    height: 100%;
}

#btn_1 a {
    color: #cccccc;
    text-decoration: none;
    font-size: 36px;
    line-height: 500%;
    height: 100%;
}

#btn a:hover {
    color: #57beff;
    text-decoration: none;
}

#p2_wrap {
    width: 1000px;
    height: 180px;
    margin: 40px auto;
    position: relative;
    overflow: hidden;
    border: solid 1px silver;
}

#p2_wrap ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
}

#p2_wrap ul li {
    float: left;
    width: 320px;
    height: 180px;
}

#p2_wrap ul li img {
    width: 100%;
}

/*page3_news*/
.new_center {
    padding: 40px 0;
}

.news_column {
    width: 100%;
    height: auto;
    position: relative;
}

.news_column_tit {
    width: 100%;
    height: 70px;
    background: -ms-linear-gradient(left, rgba(58, 191, 255, 0.88), rgba(58, 191, 255, 0.52), rgba(58, 191, 255, 0.88));
    /* IE 10 */
    background: -moz-linear-gradient(left, rgba(58, 191, 255, 0.88), rgba(58, 191, 255, 0.52), rgba(58, 191, 255, 0.88));
    /*火狐*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(58, 191, 255, 0.88)), to(rgba(58, 191, 255, 0.52)));
    /*谷歌*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(58, 191, 255, 0.88)), to(rgba(58, 191, 255, 0.52)));
    /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(left, rgba(58, 191, 255, 0.88), rgba(58, 191, 255, 0.52), rgba(58, 191, 255, 0.88));
    /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(left, rgba(58, 191, 255, 0.88), rgba(58, 191, 255, 0.52), rgba(58, 191, 255, 0.88));
    /*Opera 11.10+*/
}

.column_text {
    width: 1024px;
    height: 100%;
    background-color: #37afec;
    transform: skew(-40deg, 0deg);
    -o-transform: skew(-40deg, 0deg);
    -ms-transform: skew(-40deg, 0deg);
    -moz-transform: skew(-40deg, 0deg);
    -webkit-transform: skew(-40deg, 0deg);
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -512px;
}

.column_txt_col {
    width: 33.333333%;
    height: 100%;
    float: left;
}

.column_txt_col a {
    color: black;
    transform: skew(40deg, 0deg);
    -O-transform: skew(40deg, 0deg);
    -ms-transform: skew(40deg, 0deg);
    -moz-transform: skew(40deg, 0deg);
    -wekkit-transform: skew(40deg, 0deg);
    line-height: 70px;
    font-size: 18px;
    font-weight: normal;
}

.news_t {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.news_conta {
    padding: 40px 0;
    position: relative;
}

.news_rows {
    padding-top: 30px;
}

.news_conta_left {
    height: 100px;
    padding: 0;
    width: 10%;
    float: left;
}

.news_conta_right {
    height: 100px;
    border-bottom: solid 1px black;
    width: 90%;
    float: left;
}

.news_conta_data {
    width: 100px;
    height: 100px;
    background-color: #37afec;
    float: left;
    color: white;
}

.news_conta_data span {
    font-size: 2.3em;
    padding: 15px 0;
}

.news_conta_data p {
    font-size: 18px;
    padding: 5px 0;
}

.news_right_txt {
    padding: 0 0 0 10px;
}

.news_right_txt h4 {
    text-align: left;
    line-height: 200%;
    padding-top: 10px;
}

.news_right_txt a {
    text-align: left;
}

.news_right_txt span {
    text-align: left;
    font-size: 13px;
    line-height: 150%;
}

/*page4_products*/
.product_column {
    padding: 40px 0;
}

.pro_box {
    width: 1024px;
    margin: 0 auto;
}

.product_left {
    padding: 0;
    float: left;
    width: 20%;
}

.product_right,
.product_right_1,
.product_right_2 {
    height: auto;
    border: solid 1px #acacac;
    display: none;
    box-shadow: 2px 2px 5px -1px silver;
    border-radius: 5px;
    background-color: white;
    padding: 10px 0;
    width: 80%;
    float: left;
}

.product_right_1 {
    height: auto;
    border: solid 1px silver;
    display: none;
}

.product_right_2 {
    height: auto;
    border: solid 1px silver;
    display: none;
}

.pro_left_top {
    background-color: #0f394c;
    border-radius: 8px 8px 0 0;
    height: 500px;
}

.pro_left_top h3 {
    line-height: 220%;
    color: #9bafb4;
}

.pro_left_list_1 {
    width: 100%;
    line-height: 220%;
}

.pro_list_ul {
    display: none;
}

.pro_list_a {
    color: #9bafb4;
    background-color: #114358;
    text-align: left;
    text-indent: 10%;
    font-size: 15px;
}

.pro_list_a:hover {
    background-color: #103b4f;
}

.pro_icon_r {
    width: 10px;
    float: right;
    margin-right: 10%;
    margin-top: 12px;
}

.pro_list_ul li {
    font-size: 14px;
    text-indent: 22%;
    text-align: left;
    background-color: rgba(17, 63, 85, 0.87);
    color: #9bafb4;
}

.pro_list_ul li:hover {
    background-color: #103b4f;
    color: white;
}

.pro_rr {
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
}

.pro_r_img {
    width: 25%;
    height: 120px;
    border: solid 1px silver;
    overflow: hidden;
    border-right: none;
    float: left;
    margin-left: 8%;
}

.pro_r_img img {
    width: 80%;
}

.pro_r_tet {
    width: 59%;
    height: 120px;
    border: solid 1px silver;
    float: left;
}

.pro_r_tet_p:nth-child(1) {
    padding-top: 20px;
    width: 100%;
}

.pro_r_tet_p span {
    width: 50%;
    float: left;
    font-size: 14px;
    text-align: left;
    text-indent: 5%;
}

.pro_r_tet_p a {
    text-align: left;
    text-indent: 5%;
    font-size: 14px;
}

.pro_text_p {
    text-align: left;
    font-size: 12px;
    padding: 5px 10px 5px 10px;
}

.pro_text_p img {
    width: 50%;
    margin-left: 25%;
    padding: 5px 0 5px 0;
}

.pro_text_p_list {
    text-align: left;
    text-indent: 3%;
    font-weight: bold;
    list-style: square;
}

/*service-page*/
.service_page {
    padding: 40px 0;
}

.ser_box {
    width: 1024px;
    margin: 0 auto;
}

.ser_top_con {
    padding: 10px 0;
    width: 100%;
    overflow: hidden;
}

.ser_con {
    width: 100%;
    box-shadow: 1px 2px 3px 0px #838383;
}

.ser_left_img {
    width: 33.33333%;
    float: left;
    margin-left: 8.33333%;
}

.ser_img_off {
    width: 70%;
}

.ser_right_text {
    font-size: 14px;
    float: left;
    width: 50%;
}

.ser_bg {
    padding: 15px 0;
    background-color: rgba(192, 192, 192, 0.55);
    width: 100%;
    overflow: hidden;
}

.ser_bg_1 {
    padding: 15px 0;
    background-color: #ebebeb;
    width: 100%;
    overflow: hidden;
}

.serr_2 {
    margin-left: 13.33%;
}

.serl_2 {
    margin-left: 0;
}

.ser_right_text h3 {
    text-align: left;
    line-height: 200%;
    color: #2082c0;
}

.ser_right_text span {
    text-align: left;
}

/*linkus page*/
.linkus_box {
    width: 1024px;
    margin: 0 auto;
    overflow: hidden;
}

.linkus_left {
    width: 25%;
    height: 500px;
    float: left;
    border: solid 1px silver;
    padding: 0;
    margin-right: 10px;
    margin-left: 4%;
}

.linkus_left h4 {
    text-align: left;
    line-height: 200%;
    background-color: silver;
    text-indent: 5%;
    color: #1d7db1;
}

.linkus_left p {
    width: 90%;
    text-align: left;
    font-size: small;
    color: black;
    margin-left: 10%;
}

.linkus_right {
    width: 66%;
    height: 500px;
    border: solid 1px silver;
    overflow: hidden;
    padding: 0;
}

.linkus_bom {
    width: 100%;
    margin-top: 20px;
    background-color: #ececec;
    overflow: hidden;
}

.linkus_bom img {
    width: 25px;
}

.linkus_bom li {
    width: 50%;
    text-align: left;
    float: left;
    line-height: 200%;
    font-size: 18px;
    padding: 20px 0 20px 0;
}

@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {

    /*IE9+ CSS*/
    .ie9up {
        property: value;
    }

    .links_bom li {
        margin-left: 23%;
    }
}

/*sanjipage*/
.content_box {
    width: 1024px;
    margin: 0 auto;
}

.new_sanjipage {
    padding: 40px 0;
}

.content_box h5 {
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    line-height: 350%;
}

.sanji_hr {
    height: 1px;
    border: none;
    border-top: solid 1px black;
}

.sanjipage_p {
    font-size: 14px;
    text-align: left;
    text-indent: 2.5%;
}

.sanjipage_p img {
    width: 900px;
}

.sanjipage_p_2 {
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    text-indent: 2.5%;
    line-height: 200%;
}

.sanjipage_ul li {
    list-style: square;
    text-align: left;
    font-size: 14px;
    text-indent: 4%;
}

.sanjipage_ol li {
    text-indent: 6%;
}

/*数据处理page*/
.shujuchuli {
    padding: 20px 0 40px 0;
}

.cjcl_manv {
    padding: 20px 0 20px 0;
    font-size: x-large;
    line-height: 130%;
    font-weight: normal;
    width: 97%;
}

.cjcl_span_h1 {
    margin-right: 3%;
}

.cjcl_span_h2 {
    margin-left: 3%;
}

.cjcl_hr {
    height: 1px;
    border: none;
    border-top: solid 1px black;
}

.cjcl_coum {
    text-align: left;
    line-height: 200%;
    margin-left: 1%;
    font-size: 16px;
    color: #1d7db1;
}

.sjcl_p p {
    text-align: left;
    font-size: 14px;
    color: black;
    margin: 0 4% 0 4%;
}

.sjcl_ul li {
    text-align: left;
    font-size: 14px;
    color: black;
    margin: 0 4% 0 4%;
}

/*已做项目page*/
.yzxm_b {
    padding: 40px 0 40px 0;
    width: 1024px;
    margin: 0 auto;
}

.yzxm_com h4 {
    text-align: left;
    font-size: 16px;
    color: #1d7db1;
    line-height: 200%;
    font-weight: bold;
}

.yzxm_com li {
    text-align: left;
    font-size: 14px;
    text-indent: 3%;
    color: #2f3238;
}

/*sjsm_lc page*/
.container_box1 {
    width: 1024px;
    margin: 0 auto;
}

.head_top {
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.head_top img {
    width: 100%;
}

.sm_lc {
    margin-top: 30px;
}

.smleft_h3 {
    text-align: left;
    color: #0f9edb;
}

.row_sjsm {
    width: 90%;
    margin-left: 5%;
    overflow: hidden;
}

.smleft_icon {
    height: auto;
    width: 86%;
    margin: 30px auto;
    position: relative;
}

.smleft_icon_img {
    width: 130px;
    float: left;
}

.smleft_icon_img_1 {
    width: 40px;
    float: left;
    padding: 20px 0 20px 0;
}

.smleft_icon_img_2 {
    width: 130px;
    float: left;
    margin-left: -70px;
}

.smleft_icon_img_3 {
    width: 130px;
    float: right;
    margin-right: -10px;
}

.sm_imgi {
    width: 50px;
}

.sm_imgi_1 {
    width: 20px;
    line-height: 80px;
}

.smleft_icon_img p,
.smleft_icon_img_2 p,
.smleft_icon_img_3 p {
    font-size: 14px;
    font-weight: bold;
    color: black;
}

.sm_text {
    margin-top: 40px;
}

.sm_text h3,
.sm_ul h3 {
    line-height: 200%;
    color: #0f9edb;
    text-align: left;
}

.sm_text p {
    text-align: left;
    font-size: 16px;
    color: #07080b;
}

.sm_ul {
    padding: 10px 0 40px 0;
}

.sm_ul li {
    text-align: left;
    margin-left: 3%;
    line-height: 140%;
    font-size: 16px;
}

/*数据录入流程*/
.lc_h3 h3 {
    text-align: left;
    color: #1d7db1;
    line-height: 200%;
    padding: 40px 0 0 0;
}

.cl_manv img {
    width: 100%;
    height: 90%;
}

.lc_top {
    overflow: hidden;
}

.lc_left li {
    text-align: left;
    line-height: 180%;
    font-size: 16px;
}

.lc_right img {
    width: 100%;
}

/*思贝诺管理软件*/
.sibein_box {
    padding: 20px 0 40px 0;
}

.sibein_box h3 {
    padding: 20px 0 20px 0;
    color: #0f9edb;
}

.sibein_box img {
    width: 70%;
    padding: 0 0 20px 0;
}

.sibein_box p {
    text-align: left;
    color: #2f3238;
    font-size: 16px;
    line-height: 150%;
}

.sibein_box span {
    text-align: left;
    color: #1d7db1;
    font-weight: bold;
}

/*人才招聘*/
.manjob {
    width: 100%;
    overflow: hidden;
}

.manjob_box {
    width: 1024px;
    margin: 0 auto;
}

.job_table {
    font-size: 14px;
    margin: 30px 0;
}

.job_condition {
    text-align: left;
}

.job_bz {
    font-weight: 900;
}