<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* CSS Document */

@charset "utf-8";
body { margin: 0; padding: 0; font-size: 0; line-height: 0;}
div { font-size: 14px; line-height: 1.8em; margin: 0; padding: 0;}
div, h1, h2, h3, h4, h5, h6, dl, ol, ul, dt, dd, li, img, span, form, p, input,select,textarea, dl { margin: 0; padding: 0; border: 0; list-style-type: none; color: #333;}
a { color: #333333; text-decoration: none;}
a:hover { color: #d70817;/*ç§»ä¸Šé¢œè‰²åŠ æ·±#0a7cc4*/ text-decoration: none; transition: all 0.5s;}/*æŒ‡é¼ æ ‡ç»è¿‡é“¾æŽ¥*/
a:link{text-decoration:none;}   /* æŒ‡æ­£å¸¸çš„æœªè¢«è®¿é—®è¿‡çš„é“¾æŽ¥*/
a:visited{text-decoration:none;} /*æŒ‡å·²ç»è®¿é—®è¿‡çš„é“¾æŽ¥*/
a:active{text-decoration:none;}/* æŒ‡æ­£åœ¨ç‚¹çš„é“¾æŽ¥*/
html {}
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input, button, select, textarea { outline: none; font-family:"微软雅黑", "宋体", Arial;}
body{ width:100%; background:#fff; font-family:"微软雅黑", "宋体", Arial;}
.clear{ clear:both;}
.left{float: left;}
.right{float: right;}
.container{ width: 100%;}
.content{ width: 1200px; min-width: 1000px; margin: 0 auto;}
.content { width: 1200px; min-width: 1000px;  margin: auto; color: #595959; }
.nycontent{
    width: 1200px; min-width: 1000px; position: relative;
    margin: 32px auto;
    padding:0;
    line-height: 1.8em;
}
.items li{    text-align: center;}
.items li a img{     display: inline-block;}
.nycontentwhite{
    width: 1200px; min-width: 1000px; position: relative;
    background: #ffffff;
    margin: 32px auto;
    padding:40px 3.1% 60px;
    line-height: 1.8em;
}
.nycontent_text{
    width: 1200px; min-width: 1000px; position: relative;
    background: #ffffff;
    margin: 32px auto;
    padding:0;
    line-height: 1.8em;
}

/*å¤´éƒ¨å¯¼èˆª*/

.yiyuan_header { position: inherit; top: 0px; z-index: 9999; width: 100%; height: 184px; background: #FFFFFF; display: block;     /*overflow: hidden; */}

.header_nav { min-width: 1200px; width: 1200px; margin: auto; height: 106px;      margin-bottom: 28px;   }

.nav_left { float: left; margin-top: 32px; }

.nav_right { float: right; margin-top: 19.5px; }

#nav {     width: 100%;    margin: 20px auto 0px;    border-top: 1px solid #e8e8e9;font-size: 16px; color: #575757;     height: 45px; text-align: center;     padding-top: 14px;    margin-bottom: 5px;}

#nav ul { list-style: none; overflow: hidden;}

#nav ul li { float: left; width: 134px; line-height: 32px; position: relative; }

#nav ul li:hover .a,
#nav ul li:hover span { color: #d6000f; cursor: pointer; transition: all 0.5s;}

#nav ul li:hover div { cursor: pointer; display: block; border-top: 3px solid #d6000f; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }

#nav div { width: 100px; position: relative;     z-index: 9999;left: 14px; top: 4px; padding-bottom: 10px; float: left; overflow: hidden; background-color: #fff; text-align: center; color: #333; display: none; }

#nav li .a { text-decoration: none; color: #575757;  line-height: 20px; font-size: 16px; display: block;}

#nav li span { color: #cdcdcd; font-size: 12px; text-align: center; }

#nav div a { text-decoration: none; color: #FFFFFF; line-height: 28px; font-size: 14px; color: #575757; display: block; padding: 0px; }

#nav div a:hover { color: #d6000f; background: #fff; }

#nav div a:first-child{
    padding-top: 6px;
}

/*åº•éƒ¨--------æ–‡æœ¬*/



.footer { width: 100%; background: #3d3d3d;    height: 572px;padding-top: 20px; }

.footer_top { overflow: hidden; padding-top: 40px; padding-bottom: 30px; border-bottom: 1px solid #ccc; }

.footer_left:first-child { border: none; }

.footer_left { float: left; width: 25%; position: relative; height: 50px; padding: 4px 0px; border-left: 1px solid #ccc; }

.footer_box div { display: inline-block; margin: auto; }

.footer_box { width: 170px; overflow: hidden; position: absolute; left: 50%; margin-left: -85px; }

.footer_left div p:first-child { font-size: 18px; }

.footer_left div p { font-size: 12px; }

.footer_left div img { vertical-align: sub; }



/* .ftext_line{ width: 14px; height: 2px; background: #00a0e9; margin-bottom: 10px; } */

#footer_text { overflow: hidden; padding-bottom: 26px; border-bottom: 1px solid #f1f1f1; }

.ftext_lisr { float: left; margin-right: 62px; text-align: left;}

.ftext_lisr div:first-child a { font-size: 16px; font-weight: 600; color: #575757; }

.ftext_lisr div a { color: #7e7e7e; }

.ftext_lisr div:first-child { margin-bottom: 2px; font-size: 12px; color: #cdcdcd; }

.ftext_lisr div { margin-bottom: 3px; }

#ftext_line { width: 14px; height: 2px; background: #00a0e9; margin-bottom: 15px; }

.ftext_lisr_right { float: right; text-align: right; }

.tel1,
.tel2 { color: #0b8bdb !important; font-size: 24px !important; }

.ftext_lisr_right div { text-align: right; font-size: 16px; color: #333333; font-weight: 600; }

.date { font-size: 14px !important; color: #b8b8b8 !important; }

.m_top1 { margin-top: 43px; }

.m_top2 { margin-top: 26px; }

.m_top3 { margin-top: 36px; }

.fbottom { height: 90px; font-size: 12px; color: #a6a6a6; /* overflow: hidden; */}

.fbottom div.fb_1 { width: 690px; margin-top: 20px; float: left; }

.fbottom div.fb_2 { float: right; height: 90px; }

.fbottom div p { font-size: 12px; color: #a6a6a6; }

.share1,
.share2,
.share3,
.share4 { margin-top: 25px; width: 40px; height: 40px; float: right; }

.share4 { background: url(../images/share1.png) no-repeat; }

.share4:hover { cursor: pointer; background: url(../images/share_hover_13.png) no-repeat; }

.share4:hover .cssarrow4,
.share1:hover .cssarrow1,
.share2:hover .cssarrow2,
.share3:hover .cssarrow3 { display: block; }

.share3 { background: url(../images/share2.png) no-repeat; }

.share3:hover { cursor: pointer; background: url(../images/share_hover_15.png) no-repeat; }

.share2 { background: url(../images/share3.png) no-repeat; }

.share2:hover { cursor: pointer; background: url(../images/share_hover_17.png) no-repeat; }

.share1 { background: url(../images/share4.png) no-repeat; }

.share1:hover { cursor: pointer; background: url(../images/share_hover_19.png) no-repeat; }


/*å®¢æœ---------------------------------------å³ä¾§ä¾§è¾¹æ */

.sider_right { /*width: 250px; */
    position: fixed; /*height: 305px; */
    right: 10px; top: 50%; margin-top: -127px; z-index: 99999; transition: width 0.3s ease 0s; }

.sider_right:hover li a span:nth-child(1) { display: block; }

.sider_right:hover .social-share { display: block; }

.sider_right ul { padding-left: 0px; }

.sider_right ul li { height: 50px; background: transparent; font-size: 14px; line-height: 50px; color: #fff; margin-bottom: 1px; /* width: 250px; */
    position: relative; }

.sider_right ul li a { color: #FFFFFF; overflow: hidden; }

.k1_bottom a,
.k3_bottom a,
.sk_bottom a { display: block; margin-bottom: 5px; }

.k1:hover .kf1 { background: url(../images/kefy_hover06.png) no-repeat 4px 7px; }
.footer.show .footer{
    padding-top: 0px;
}


/* æ—ºæ—ºå¼€å®¢æœ */

.ww { position: absolute; right: 60px; top: -110px; display: none; }

.ww .k1_top { width: 115px; height: 128px; }

.ww .k1_bottom { width: 115px; min-height: 50px; padding: 0px 0 18px 0; background: #0b8bdb; text-align: center; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }



/* qqå®¢æœ */

.qq { position: absolute; right: 60px; top: -110px; display: none; }

.qq .k3_top { width: 115px; height: 128px; }

.qq .k3_bottom { width: 115px; min-height: 50px; padding: 0 0 18px 0; background: #0B8BDB; text-align: center; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }



/*æ–°æµªå®¢æœ */

.weib { position: absolute; right: 60px; top: -10px; display: none; }

.weib .k4_top {     width: 130px;height: 130px;text-align: center;padding-top: 15px;background: #d6000e;border-radius: 4px;}
.weib .k4_top img{ width: 97px; height: auto;}
.weib .k4_bottom { width: 114px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

.weixin { position: absolute; right: 60px; top: -10px; display: none; }

.weixin .k6_top { width: 115px; height: 115px; text-align: center; padding-top: 15px; background: #0B8BDB; border-top-right-radius: 4px; border-top-left-radius: 4px; }
.weixin .k6_top img{ width: 97px; height: auto;}
.weixin .k6_bottom { width: 114px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

.skype { position: absolute; right: 60px; top: -10px; background: #0B8BDB; width: 125px; padding: 20px 0px; display: none; border-radius: 4px; }

.skype .sk_bottom { width: 110px; min-height: 50px; text-align: center; padding-top: 15px; padding-bottom: 15px; margin: 0 auto; background: #fff; border-radius: 4px; }

.k8_top { /* padding-left:15px; */
    /* width:120px; */
    height: 50px; background: #0b8bdb; position: absolute; right: 60px; top: 0px; line-height: 50px; font-size: 14px; color: #fff; }

.k7_online { /* padding-left:15px; width:120px; */
    height: 50px; background: #0b8bdb; position: absolute; right: 60px; top: 0px; line-height: 50px; font-size: 14px; color: #fff; }

.k2_txt { /*    padding-left:15px; width:120px; */
    height: 50px; background: #0b8bdb; position: absolute; right: 60px; top: 0px; line-height: 50px; font-size: 14px; color: #fff; }

.k2_txt a,
.k7_online a,
.k8_top a { display: none; }



.k4:hover .kf4 { background: url(../images/eww1.png)}


.k8:hover .kf8 { background: url(../images/sd1.png) no-repeat; }

.k1:hover,
.k2:hover,
/*.k3:hover,*/
.k4:hover,
.k5:hover,
.k6:hover,
.k7:hover,
.k8:hover { background: transparent; }

.kf1 { display: block; background: url(../images/kefu06.png) no-repeat 4px 7px; width: 50px; height: 50px; }

.kf2 { display: block; background: url(../images/kefu13.png) no-repeat 4px 7px; width: 50px; height: 50px; }

.kf3 { display: block; background: url(../images/kefu170.png) no-repeat center; width: 50px; height: 50px; background-color: #d6000f; border-radius: 4px; }

.kf4 { display: block; background: url(../images/eww1.png) no-repeat; width: 50px; height: 50px; }

.kf5 { display: block; background: url(../images/kefu29.png) no-repeat 4px 7px; width: 50px; height: 50px; }

.kf6 { display: block; background: url(../images/kefu30.png) no-repeat 4px 7px; width: 50px; height: 50px; }

.kf7 { display: block; background: url(../images/kefu31.png) no-repeat 4px 7px; width: 50px; height: 50px; }

.kf8 { display: block; background: url(../images/sd1.png) no-repeat ; width: 50px; height: 50px; }
.kf8:focus{
    border:none;
}
.social-share { float: left; width: 160px; display: none; }

.k1:hover .ww { display: block; }

.k3:hover .qq { display: block; }

.k4:hover .weib { display: block; }

.k5:hover .skype { display: block; }

.k6:hover .weixin { display: block; }

.kf3:hover {background: url('../images/kefu170.png') no-repeat center; background-color: #d6000f;}
/**/
.animation_fadein{
    -webkit-animation:fadeInDown 1s .2s ease both;
    -moz-animation:fadeInDown 1s .2s ease both;}
@-webkit-keyframes fadeInDown{
    0%{opacity:0;
        -webkit-transform:translateY(-20px)}
    100%{opacity:1;
        -webkit-transform:translateY(0)


    }
}
@-moz-keyframes fadeInDown{
    0%{opacity:0;
        -moz-transform:translateY(-20px)}
    100%{opacity:1;
        -moz-transform:translateY(0)
    }
}


.animation_fadeout{
    -webkit-animation:fadeOutUp 1s .2s ease both;
    -moz-animation:fadeOutUp 1s .2s ease both;}
@-webkit-keyframes fadeOutUp{
    0%{opacity:1;
        -webkit-transform:translateY(0)}
    100%{opacity:0;

        -webkit-transform:translateY(-20px);
        display: none;}
}
@-moz-keyframes fadeOutUp{
    0%{opacity:1;
        -moz-transform:translateY(0)}
    100%{opacity:0;

        -moz-transform:translateY(-20px);
        display: none;}
}

/* footer */
.ftext_lisr div:first-child a:hover {

    color: #575757;

}
.ftext_lisr a:hover{
    color: #0b8bdb;
}

/* äºŒç»´ç ç™½æ¡† */
.cssarrow {
    width: 115px;
    height: 115px;
    position: relative;
    background: #FFFFFF;
    border: 4px solid #F5F3DD;
    bottom: 50px;
    bottom: 130px;right:40px;
    text-align:center;
    text-align: -webkit-center;
    text-align: -ms-center;
    text-align: -moz-center;
}
.cssarrow:after,
.cssarrow:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.cssarrow:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #FFFFFF;
    border-width: 10px;
    margin-left: -11px;
}
.cssarrow:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #F5F3DD;
    border-width: 16px;
    margin-left: -16px;
}
.cssarrow1,.cssarrow2,.cssarrow3,.cssarrow4{
    display: none;
}

/* è¿‡åº¦æ•ˆæžœä½¿ç”¨ */
/*.home{

    opacity: 0;
    filter: alpha(opacity=0);
}*/


.animation {
    -webkit-animation: fadeInUp 1s .2s ease both;
    -ms-animation: fadeInUp 1s .2s ease both;
    -moz-animation: fadeInUp 1s .2s ease both;
}

.animation1 {
    -webkit-animation: fadeInUp 1s .6s ease both;
    -ms-animation: fadeInUp 1s .6s ease both;
    -moz-animation: fadeInUp 1s .6s ease both;
}

.animation2 {
    -webkit-animation: fadeInUp 1s .8s ease both;
    -ms-animation: fadeInUp 1s 1.0s ease both;
    -moz-animation: fadeInUp 1s 1.0s ease both;
}

.animation3 {
    -webkit-animation: fadeInUp 1s 1.0s ease both;
    -ms-animation: fadeInUp 1s 1.2s ease both;
    -moz-animation: fadeInUp 1s 1.2s ease both;
}



.animation4 {
    -webkit-animation: fadeInUp 2s 1.2s ease both;
    -ms-animation: fadeInUp 2s 1.2s ease both;
    -moz-animation: fadeInUp 2s 1.2s ease both;
}
.animation5 {
    -webkit-animation: fadeInUp 2s 1.2s ease both;
    -ms-animation: fadeInUp 2s 1.2s ease both;
    -moz-animation: fadeInUp 2s 1.2s ease both;
}




@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(100px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

/*bannerè½®æ’­*/ /*é¦–é¡µå†…é¡µéƒ½æœ‰ç”¨åˆ°*/
.internalbanerBox{
    /* width: 100%;
    height: 656px; */
    /* background: #001869; */

}
.slideBox{
    width: 100% !important;
    min-width: 1000px !important;
//height: 656px !important;
    margin: 0 auto;
    z-index: 999 !important;
    overflow: hidden;
}
.items_text1_index{
    margin-top: 50px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.items_text2_index{
    margin-top: 50px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
}
.items_text1{
    margin-top: 35px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.items_text2{
    margin-top: 30px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
}
.items_text3{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(-50px);
    transition: .3s linear 0.3s;
    -webkit-transform: translateY(-50px);
    -webkit-transition: .3s linear 0.3s;
    -moz-transform: translateY(-50px);
    -moz-transition: .3s linear 0.3s;
    -ms-transform: translateY(-50px);
    -ms-transition: .3s linear 0.3s;
}
.items_text4{

    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(-80px);
    transition: .3s linear 0.6s;

    -moz-transform: translateY(-80px);
    -moz-transition: .3s linear 0.6s;
    -webkit-transform: translateY(-80px);
    -webkit-transition: .3s linear 0.6s;
    -ms-transform: translateY(-80px);
    -ms-transition: .3s linear 0.6s;
}
.items_liner_index{
    width: 30px;
    height: 4px;
    background-color: #fff;
    display: block;
    margin-top: 50px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.items_liner{
    width: 30px;
    height: 4px;
    background-color: #fff;
    display: block;
    margin-top: 30px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.items_text5{

    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(-50px);
    transition: .3s linear 0.3s;

    -webkit-transform: translateY(-70px);
    -webkit-transition: .3s linear 0.3s;
    -moz-transform: translateY(-50px);
    -moz-transition: .3s linear 0.3s;
    -ms-transform: translateY(-50px);
    -ms-transition: .3s linear 0.3s;
}

.items_text6{

    opacity: 1 !important;
    filter: alpha(opacity=100);
    transform: translateY(-100px);
    transition: .3s linear 0.6s;

    -moz-transform: translateY(-80px);
    -moz-transition: .3s linear 0.6s;
    -webkit-transform: translateY(-80px);
    -webkit-transition: .3s linear 0.6s;
    -ms-transform: translateY(-80px);
    -ms-transition: .3s linear 0.6s;
}
/*bannerè½®æ’­ç»“æŸ*/

/*bannerè½®æ’­æ–‡å­—*/ /*é¦–é¡µå†…é¡µéƒ½æœ‰ç”¨åˆ°*/
.items_text_index{
    position: absolute;
    top:30%;
    width: 45%;
    left: 15.5%;
}
.items_text{
    position: absolute;
    top:30%;
    width: 45%;
    left: 15.5%;

}
.items_text_page{
    top:15%;
}
.items_text_index div:first-child{
    font-size: 45px;
    font-weight: 600;
    color: #fff;
}
.items_text_index div.it_txt2{
    font-size: 16px;
    color: #fff;
    word-spacing: 10px;
    line-height: 30px
}
.items_text div:first-child{
    font-size: 35px;
    font-weight: 600;
    color: #fff;
}
.items_text div.it_txt2{
    font-size: 22px;
    color: #fff;
    word-spacing: 10px;
    line-height: 30px
}
.down-ico_index {
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #fff !important;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    margin-top: 50px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.down-ico_index i {
    display: block;
    margin: auto;
    width: 20px;
    height: 20px;
    left: 8px;
    position: absolute;
    -webkit-animation: move 1s infinite linear;
    -ms-animation: move 1s infinite linear;
    -moz-animation: move 1s infinite linear;
    animation: move 1s infinite linear;
    background: url(../images/bot.png) no-repeat;
    background-size: 20px 20px;
}
.down-ico {
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #fff !important;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    margin-top: 25px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.down-ico i {
    display: block;
    margin: auto;
    width: 20px;
    height: 20px;
    left: 8px;
    position: absolute;
    -webkit-animation: move 1s infinite linear;
    -ms-animation: move 1s infinite linear;
    -moz-animation: move 1s infinite linear;
    animation: move 1s infinite linear;
}
#zljshu1{
    padding-left: 10px;
}
.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
    
    filter: gray;
}
.footTop .bod img{
    height: 56px;
}</pre></body></html>