/* 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; }
/* -----------------------------以上部分新项目替换---------------------------------------------*/



/*---------------------|||||||||||||||||||||||||||||||||---------------*/
.zl_nav{position: absolute; z-index: 1000; width: 100%; top: 0px;}
 .zl_nav .zl_nav_bg{ width: 100%; padding-top: 35px; background: url(../images/daohang_BJ.png); background-size: cover; background-position-x: center; height: 266px;}
 .zl_nav .zl_nav_bg>div{width: 69%; min-width: 1200px; margin: auto;}
 .zl_nav .zl_nav_con{position: absolute; width: 100%;  text-align: center; top: 50%;}
 .zl_nav .zl_nav_con ul.fir_ul{padding: 0 50px; position: relative; z-index: 1; height: 64px; width: 69%; min-width: ; background: #d7181e; display: inline-block;}
 .zl_nav .zl_nav_con ul.fir_ul li.fir_level{position: relative;float: left; margin-right: 5px; line-height: 1;}
 .zl_nav .zl_nav_con ul.fir_ul li.fir_level>a{ display: block; width: ; padding: 23px 14px 23px 18px; font-size: 18px;  color: #FFFFFF;}

@media only screen and (min-width: 1500px) {
	div.zl_nav .zl_nav_con ul.fir_ul{
		width: 1165px;
	}
	div.zl_nav div.zl_nav_con ul.fir_ul li.fir_level>a{
		padding-right: 9px;padding-left: 9px;
	}
}
@media only screen and (min-width: 1440px) and (max-width: 1500px) {
	div.zl_nav .zl_nav_con ul.fir_ul{		
		width: 1115px;
	}
	div.zl_nav div.zl_nav_con ul.fir_ul li.fir_level>a{
		padding-right: 10px;padding-left: 0px;
	}
}

@media only screen and (min-width: 1400px) and (max-width: 1440px) {
	div.zl_nav .zl_nav_con ul.fir_ul{
		width: 1075px;
	}
	div.zl_nav div.zl_nav_con ul.fir_ul li.fir_level>a{
		padding-right: 5px;padding-left: 4px;
	}
}
@media only screen and (min-width: 1280px) and (max-width: 1400px) {
	div.zl_nav .zl_nav_con ul.fir_ul{
		transform: scale(.92);
		width: 1045px;
	}
	div.zl_nav .zl_nav_con ul.fir_ul li.fir_level{margin-right: 4px;}
	div.zl_nav div.zl_nav_con ul.fir_ul li.fir_level>a{
		padding-right: 2px;padding-left: 5px;
	}
	div.zl_praise span.l_btn{left: -30px;}
	div.zl_praise span.r_btn{right: -30px;}
	div.zl_partner .partner_slide span.l_s{left: -30px;}
	div.zl_partner .partner_slide span.r_s{right: -30px;}
}
 .zl_nav .zl_nav_con ul.fir_ul li.fir_level.act_li{background: #b80608;}
 .zl_nav .zl_nav_con ul.fir_ul li.fir_level:hover{background: #b80608;}
 .zl_nav .zl_nav_con ul.fir_ul li.fir_level:hover .sec_ul{display: block;}
 .zl_nav .zl_nav_con ul.fir_ul div{position: absolute; z-index: 0; bottom: -6px; }
 .zl_nav .zl_nav_con ul.fir_ul div.l_re{left: -170px;}
 .zl_nav .zl_nav_con ul.fir_ul div.r_re{right: -153px;}
 .zl_nav .zl_nav_con ul.fir_ul li.fir_level .sec_ul{position: absolute; display: none; border-radius: 1rem; border-top-left-radius: 0px; border: 1px solid #d7181e; background: #fff; width: 100%; min-width: 90px; top: 100%; left: ; }
 .zl_nav .zl_nav_con ul.fir_ul li.fir_level .sec_ul li{line-height: 1; padding: 8px; font-size: 16px;}
 .zl_nav .zl_nav_con ul.fir_ul li.fir_level .sec_ul li:first-child{padding-top: 16px;}
 .zl_nav .zl_nav_con ul.fir_ul li.fir_level .sec_ul li:last-child{padding-bottom: 16px;}
 .zl_nav .zl_nav_con ul.fir_ul li.fir_level .sec_ul li a{color: #000;}
 .zl_nav .zl_nav_con ul.fir_ul li.fir_level .sec_ul li a:hover{color: #d7181e;}
 .zl_nav .zl_nav_con ul.fir_ul li.fir_level:nth-child(3) .sec_ul{width: 165px;}
 .zl_nav .zl_nav_con ul.fir_ul li.fir_level:nth-child(7) .sec_ul{width: 135px;}
 
 .zl_nav .zl_nav_bg div .tel{ height: ; display: table; margin-top: 11px;}
 .zl_nav .zl_nav_bg div .tel div{display:table-cell; vertical-align: middle; }
 .zl_nav .zl_nav_bg div .tel div span{width: ; font-size: 22px; font-weight: bold;}
 .zl_nav .zl_nav_bg div .tel div span img{width: 25px; vertical-align: top;}
 .zl_nav .zl_nav_bg div .tel .hot_line{padding-left: 25px; }
 .zl_nav .zl_nav_bg div .tel .hot_line .num{color: #d7181e;}

/*------ BTM ------*/
.zl_btm{ background: url(../images/dibu_BJ.png) #070809 no-repeat; background-size: 100%; }
.zl_btm .btm_nav{margin: auto; display: inline-block; background:  rgba(0,0,0,.5); overflow: hidden; }
.zl_btm .btm_nav li{float: left; padding: 18px 0;}
.zl_btm .btm_nav li a{color: #fff;display: block; font-size: 16px; line-height: 1.2; border-right: 1px solid #303131; padding: 0 2.5rem/*1.5rem*/; }
.zl_btm .btm_nav li:last-child a{border-right: none;}
.zl_btm .zl_contact{text-align: left; padding: 60px 0 58px; }
.zl_btm .zl_contact .reput{width: 310px; }
.zl_btm .zl_contact .reput p{ color: #e1e1e1; font-size: 16px; margin-top: 25px; line-height: 1.8;}
.zl_btm .zl_contact .reput img{ border-bottom: 1px solid #323232; padding: 0 75px 10px 0;}
.zl_btm .zl_contact .contact_us{width: 458px; margin: 0 82px 0 70px;}
.zl_btm .zl_contact .contact_us .contact_us_tit{ display: inline-block; line-height: 1.3; padding-bottom: 6px; padding-right: 135px; color: #fff; border-bottom: 1px solid #323232;}
.zl_btm .zl_contact .contact_us .contact_us_tit .bold{font-size: 22px; color: #fff; font-weight: bold;}
.zl_btm .zl_contact .contact_us .con_way{margin-top: 25px;}
.zl_btm .zl_contact .contact_us .con_way p{color: #fff;font-size: 16px; line-height: 1.8; }
.zl_btm .zl_contact .contact_us .con_way p img{vertical-align: sub;margin-right: 9px;}
.zl_btm .zl_contact .contact_us .con_way div.address{display: table;}
.zl_btm .zl_contact .contact_us .con_way div.address img{margin-right: 9px;}
.zl_btm .zl_contact .contact_us .con_way div.address>div{display: table-cell;color: #fff;font-size: 16px; line-height: 1.8;}
.zl_btm .zl_contact .erwei_code{width: 280px; color: #fff; }
.zl_btm .zl_contact .erwei_code .focus_us_tit{ display: inline-block; line-height: 1.2; padding-bottom: 10px; padding-right: 135px; color: #fff; border-bottom: 1px solid #323232;}
.zl_btm .zl_contact .erwei_code .focus_us_tit .bold{font-size: 22px; color: #fff; font-weight: bold;}

.zl_btm .zl_contact .erwei_code .icon{margin: 13px 0 18px;}
.zl_btm .zl_contact .erwei_code .icon span:hover ._hover_icon{display: block;}
.zl_btm .zl_contact .erwei_code .icon span{display: inline-block; margin-right: 15px; position: relative;}
.zl_btm .zl_contact .erwei_code .icon span ._hover_icon{position: absolute; top: 0px; display: none; }
.zl_btm .zl_contact .erwei_code .code_pic div{width: 115px;}
.zl_btm .zl_contact .erwei_code .code_pic div img{width: 100%;}
.zl_copy{font-size: 16px; padding: 18px 0 20px; color: #a09f9f; background: #1c1c1c;}
.f_link{padding: 0 0 13px;background: #1c1c1c;}
.f_link .link_list{ display: table; padding-top: 11px; border-top: 1px solid #3f3f3f; }
.f_link .link_list>div{display: table-cell; color: #666666;}
.f_link .link_list a{color: #666666;}