@charset "utf-8";

/* CSS Document */




/*固定的悬浮窗客服*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#2b78d3 url(/images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#2b78d3 url(/images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#2b78d3 url(../imagess/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#2b78d3 url(/images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 10px 15px 10px; text-align:center; width:81%; box-sizing: border-box;  }
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


.guide_box{width:100%; height:100vh; position:relative;}

.guide_box:after{width:100%; height:100%;  background-color: rgba(0, 0, 0, 0.1); /* 半透明的红色背景 */ position:absolute; left:0px; top:0px; z-index:1; content:"";}

.guide_box_ba{width:100%; position:absolute; left:0px; bottom:10px; text-align:center; color:#333; font-size:14px; line-height:1.7; z-index:3;}
.guide_box_ba a,.guide_box_ba a:hover{ color:#333;}

.guide_box_ul{width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:2;}

.guide_box_ul li{width:50%; float:left; height:100%;}
.guide_box_ul li:hover{ background-color: rgba(0, 0, 0, 0.3); cursor:pointer; -webkit-transition:all 0.5s;transition:all 0.5s;}

.guide_box_ul li .div{width:100%; height:100%; display:inline-block; overflow:hidden; background:url(../imagess/tb_40.png) repeat; padding:23px 4.6%; position:relative; cursor:pointer;-webkit-transition:all 0.5s;transition:all 0.5s;}

.guide_box_ul li .div:hover{background:url(../imagess/tb_41.png) repeat;}

.guide_box_ul li .div_t{width:100%;}

.guide_box_ul li .div_t img{ width:auto;}

.guide_box_ul li:nth-child(2) .div_t{ text-align:right;}

.guide_box_ul li .div_text{ width:100%; padding-top:25px; line-height:1.6; color:#fff; font-size:18px;}

.guide_box_ul li .div_box{width:100%; position:absolute; left:0px; top:50%;-o-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%); z-index:1; color:#fff; font-size:14px;}

.guide_box_ul li .div_box_t{ padding:5px 0px; line-height:1.5; font-size:35px;  text-align:center; width:100%;}

.guide_box_ul li .div_box_c{width:100%; padding:0px 0px; text-align:center; line-height:1.4;}

.guide_box_ul li .div_box_b{width:100%; margin-top:40px; text-align:center;}

.guide_box_ul li .div_box_b .s1{ padding:0px 35px; height:46px; line-height:46px; background-color:#fff; color:#333;-moz-border-radius:23px;      /* Gecko browsers */

-webkit-border-radius:23px;   /* Webkit browsers */

border-radius:23px;            /* W3C syntax */-webkit-transition:all 0.5s;transition:all 0.5s; display:inline-block;}

.guide_box_ul li .div_box_b .s1:hover{ background-color:#0c2f71; color:#fff;}



.video_div{width:100%; height:100%; background-color:#000; position:fixed; z-index:100011111111111; left:0px; top:-100%;}

.video_div_closebtv{width:30px; height:30px; position:absolute; right:30px; top:30px; cursor:pointer; z-index:100;}

.video_div_center{width:100%; height:100%; vertical-align:middle; text-align:center;}











