/* CSS Document */
@charset "utf-8";
/*头部导航*/

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

.header_nav { min-width: 1200px; width: 69%; margin: auto; height: 106px; }

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

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

#nav { font-size: 16px; color: #575757; height: 106px; line-height: 106px; text-align: center; float: right; margin-right: 20px; }

#nav ul { list-style: none; }

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

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

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

#nav div { width: 100px; position: absolute; left: 0px; top: 104px; padding-bottom: 0px; float: left; overflow: hidden; background-color: #fbf9fb; text-align: center; color: #333; display: none; }

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

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

#nav div a { text-decoration: none; color: #FFFFFF; line-height: 26px; font-size: 14px; color: #575757; display: block; padding: 5px 0px; border-top: 1px dotted #ccc; }

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


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

    color: #575757;

}
.ftext_lisr a:hover{
    color: #036eb8;
}

/* 二维码白框 */
.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;
}

/*底部--------文本*/

.footer { width: 100%; background: #fff; }

.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: #036eb8; 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: #036eb8; margin-bottom: 15px; }

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

.tel1,
.tel2 { color: #036eb8 !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; }
/* -----------------------------以上部分新项目替换---------------------------------------------*/
.qh_head>div>div{height: 97px;display: table-cell;vertical-align: middle;}
.qh_head>div>div{font-size: 0;}
.qh_head>div>div .qh_company_name{font-size: 22px;letter-spacing:2px;font-weight: bold;margin-left: 17px;padding-left:16px;height: 34px;line-height: 34px;color: #004070;border-left: 1px solid #7ca5c3;}
.qh_nav{background-color: #004070;}
.qh_nav>div>ul>li{position: relative;}
.qh_nav>div>ul>li:hover .list{display: block;}
.qh_nav>div>ul>li .list{box-sizing: border-box;border: 1.5px solid #3985be;border-top: none;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;padding: ;width: 100%;transition: all .55s;background-color: #FFFFFF;display: none;position: absolute;z-index: 1;top: 58px;}
.qh_nav>div>ul>li .list li a{display: block;text-align: center;padding: 5px 10px;}
.qh_nav>div>ul>li .list li:hover{background-color: #3985be;}
.qh_nav>div>ul>li .list li:hover a{color: #FFFFFF;}
.qh_nav>div>ul>li:hover{background-color: #3985be;}
.qh_nav>div>ul>li>a{display: block;padding:22px 32px 20px;line-height: 1;color: #FFFFFF;font-weight: bold;font-size: 16px;}
.qh_nav>div>ul>li.act{background-color: #3985be;}
.qh_nav .focus_us{padding-right: 25px;}
.qh_nav .focus_us .qh_foc:hover .foc_img{display: block!important;right: -24px!important;}
.qh_nav .focus_us a{display: inline-block;line-height: 1;padding: 24px 0 22px; color: #FFFFFF;font-size: 12px;}
.qh_nav .focus_us a img{vertical-align: middle;position: absolute;top:20px;right: 0px;}
.qh_contact{height: 337px;background: url(../images/contact_bg.png) no-repeat;}
.qh_contact .con_way{padding: 10px 15px;}.qh_contact .con_way .nav{width: 226px;}
.qh_contact .con_way .nav ul li{float: left;margin: 15px 0;width: 56px;}
.qh_contact .con_way .nav ul li:nth-child(3n+2){margin: 15px 29px;}
.qh_contact .con_way .nav ul li a{font-size: 14px;color: #FFFFFF;}
.qh_contact .con_way .nav ul li a:hover{color: #0365ae;}
.qh_contact .con_way .qh_connect{margin-left: 140px; }
.qh_contact .con_way .qh_connect ul li{margin-top: 9px;height: 35px;line-height:35px;color: #FFFFFF;}
.qh_contact .con_way .qh_connect ul li img{vertical-align: bottom;margin-right: 14px;height: 35px;}
.qh_contact .con_way .focus{width: 220px;}
.qh_contact .con_way>div h5{color: #FFFFFF;font-weight: normal;padding: 20px 0 15px;border-bottom: 1px solid #3f4246;line-height: 1;font-size: 14px;}
.qh_contact .con_way .focus .commu_tool{margin-top: 28px;margin-bottom:10px;font-size: 0;}
.qh_contact .con_way .focus .commu_tool span{}
.qh_contact .con_way .focus .qr{margin-top: 18px;}
.qh_contact .con_way .focus .qr div img{width: 150px;height: 150px;}
.qh_contact .con_way .focus .qr div p{line-height: 1;margin-top: 10px;text-align: center;font-size: 12px;color: #FFFFFF;}
.qh_copyright{text-align: center;background-color: #1d1d1d;font-size: 14px;color: #FFFFFF;height: 45px;line-height: 45px;}
.qh_copyright a{color: #FFFFFF;}