/*haeder*/
.headbox{background:#fff;}
.haeder{z-index: 9;width: 90%;min-width:1200px;margin:auto auto;height: 100%;max-width: 1366px;}
.nav_ul li{float:left;position: relative;width:14.2%;height: 90px;line-height: 90px;text-align: center;}
.nav_ul li a{color:#333;font-size: 16px;display: block;width:100%;height: 100%;}
.hot{right:31px;top:20px;}
.tuijian{right:32px;top:20px;}
.son_nav{top:90px;left:0;width:100%;height: 0;overflow: hidden;background: rgba(0,0,0,.8);}
.son_nav dd{line-height: 46px;border-bottom: 1px solid rgba(255,255,255,.2);}
.son_nav dd a{color:#fff;}
.son_nav dd:hover{background: #ffb500 !important;}
.navsjico{right:14px;top:52px;}
.navxian{bottom:20px;}
.navxli{width:0;height: 2px;background: #157EDD;}
@media only screen and (max-width:1650px ) {
	.navsjico{right:0;top:52px;}
}
.addnavli .nav_t{color:#157EDD;}
.addnavli .navxli{width:100% !important;}
/*haeder*/
#banner .swiper-button-next{right:10%;}
#banner .swiper-button-prev{left:10%;}
/*5大优势*/
.syysbg{background: #262626;}
.syys_ul li{float:left;padding:30px 0;width:20%;overflow: hidden;}
.width190{width:190px;}
.width293{width:293px;}
.width305{width:305px;}
.width220{width:220px;}
.width252{width:252px;}
/*5大优势*/

/*yhk*/
.yhk_ul li{width:31.33%;float:left;transition: all  .15s  ease-in;	-moz-transition: all  .15s  ease-in;-webkit-transition: all  .15s  ease-in;}
.yhk_ul li:hover{transform:translateY(-4px);box-shadow: 2px 2px 10px rgba(0,0,0,.1);}
/*yhk*/

/*taocan*/
.sy_tc_lbtn{bottom:15%;height:46px ;width:80%;line-height: 46px;left:10%;}
.sy_tc_lbtn:hover{background:#b58103 !important;font-size: 18px;}
.sy_tc_cimg{width:648px;height: 500px;}
.sy_tc_al_text{bottom:6%;background: rgba(0,0,0,.8);height: 32px;border-radius: 16px;text-align: center;line-height: 32px;left:10%;}
.zaojia{padding:13px;border-radius:0 0 20px 20px;left:5%;top:0;z-index: 9;}
.h500{height: 500px;}
.sy_tc_r_li{width:330px;height:245px ;overflow: hidden;position: relative;}
.rbdiv{position: absolute !important;bottom:0;width:100%;}
/* taocan */

/*yuyue*/
.sy_baojiabg{background: url(../images/sy_bjbg.jpg) no-repeat 0 100px;}
.sy_yy_left{width:345px;height: 270px;}
.sy_yy_textlb{height: 190px;width:100%;}
.sy_yy_lb_ul li{line-height: 32px;}
.sy_form_right{width:918px;height: 270px;}
.sy_form_gd{width:350px;height: 100%;background: #fff;}
.sy_form_bj{height:100%;width:560px;background: #1C7DDC;}
.sy_top_gd_ul li{line-height: 40px;text-align: center;}
.sy_top_form li{width:49%;height: 40px;background: #fff;margin-top:20px;box-sizing: border-box;}
#ysf{width:105px;}
.sy_top_gd_ul li span{display: inline-block;width:60px;}
.sy_top_sub{background: #FFB500 !important;}
.sy_top_sub button{cursor: pointer;}
.sy_top_sub:hover{background: #cc9204 !important;}
.fwlx{border:1px solid #ccc;}
.xfico{width:15px;height: 13px;}
.xfico1{top:0;left:0;display: none;}
.addxf .xfico2{display: none;}
.addxf .xfico1{display: block;}
.xjfli:hover{cursor: pointer;}
#clf{width:70px;text-align: center;display: inline-block;}
#rgf{width:70px;text-align: center;display: inline-block;}
#sjf{width:70px;text-align: center;display: inline-block;}
#glf{width:70px;text-align: center;display: inline-block;}
#ysf{width:102px;text-align: center;display: inline-block;}
/*yuyue*/

/* sjs */
.sy_sjs_ul li{overflow: hidden;width:24%;margin:0 0.5%;}
.sy_sjs_t{bottom:0;left:0;width:100%;background: rgba(28,125,220,.8);height: 42px;line-height: 42px;color: #fff;font-size:16px ;}
.sy_sjs_name{border-bottom: 2px solid #ffb500;}
.sy_sjs_ms{bottom:-202px;left:0;width:100%;z-index: 9;;background: rgba(28,125,220,.8);height: 202px;}
.sjsbtnxq{width:50%;height: 30px;line-height: 30px;border-radius:15px;border:1px solid #fff;margin:20px auto 0;}
.sjsbtnxq:hover{background:#ffb500;border:1px solid #ffb500;}
.sy_sjs_btnbox{width:630px;margin:40px auto 0;}
.sy_sjs_btnbox a{height: 46px;line-height: 46px;display: block;width:300px;}
.sy_sjs_btn01{background:#1c7ddc ;border:1px solid #1c7ddc;}
.sy_sjs_btn02{border:1px solid #222;color:#222;}
.sy_sjs_btn01:hover{background:#155ca2 !important;}
.sy_sjs_btn02:hover{background:#155ca2 !important;color:#fff !important;}
/* sjs */


/*在施工工地*/
.gdbg{background: url(../images/gdbg.jpg);}
.sylplist{width:781px;height: 717px;}
.sygdlist{width:466px;height: 717px;}
.toplp{height: 352px;}
.lplistlb{width:519px;height: 100%;overflow: hidden;}
.lpright{width:252px;}
.lp_anli1{width:100%;height: 171px;overflow: hidden;position: relative;}
.lp_anli2{bottom:0;left:0;position: absolute !important;}

.gdtext{background: rgba(0,0,0,.7);overflow: hidden;border-radius: 15px;bottom:10px;left:3%;z-index: 1;}
.footlp_ul li{float:left;width:252px;height: 171px;position: relative;overflow: hidden;margin-top:10px;}
.dsgd_ul li{line-height: 35px;}
.dsgd_ul li:hover{background:#ffa821;}
.dsgd_ul li:hover dd{color:#fff !important;}
.dsgdbox{height: 490px;overflow: hidden;}
#lplist .swiper-button-next{background: url(../images/sy_lpjt_r.png);width:44px !important;height: 44px !important;moz-background-size: 44px 44px;-webkit-background-size: 44px 44px;background-size: 44px 44px;margin-top:-44px;}
#lplist .swiper-button-prev{background: url(../images/sy_lpjt_l.png);width:44px !important;height: 44px !important;moz-background-size: 44px 44px;-webkit-background-size: 44px 44px;background-size: 44px 44px;margin-top:-44px;}
.lpbt_ul li{float:left;width:14.2%;border-right: 1px solid #ccc;text-align: center;box-sizing: border-box;}
.lpbt_ul li a{font-size: 17px;}
.lpbt_ul li:hover a{color:#ffb500 !important;}
.lpbtna{padding:3px 20px;border: solid 1px #ffb500;border-radius: 15px;}
.lpbtna:hover{background:#ffb500;color:#fff !important;}
/*yuyue*/
.gdyuyuebg{background-color: #1c7ddc;padding:20px 0;}
.sygdform li{float:left;width:31%;margin:0 1%;height: 42px;background: #fff;}
/*在施工工地*/
 

/*线下体验店*/
.sy_tydbg{background: url(../images/sy_ysbg.jpg);}
/*线下体验店*/
/* 首页品牌 */
.sy_ppsl{width:550px;height: 518px;}
.video_tel{vertical-align: -32%;margin-right:10px ;}
.teldz{margin:20px auto 0;}
.video_form li{height: 66px;background-color: #b5b5b5;margin-top:20px;}
.video_form li input::placeholder{color:#eee;}
.video_sub{background:#ffb500 !important;}
.video_kefu{margin:20px auto 0;}
/*  */
.f_textbg{background:url(../images/f_textbg.jpg) ;height: 132px;}
.ftextbs{height: 68px;width:80%;margin:40px 0 0 118px;}
.ftext{top:32px;left:10%;}
.beian_t{border-top:1px solid #666;border-bottom:1px solid #666;}
.beian_t a:hover{color:#ffb500 !important;}
/*footer*/
.footbg{background: url(../images/footbg.jpg);height: auto;width:100%;background-size:100% 100%;}
.footnav_ul li{float:left;}
.footnav_ul li dd{line-height: 36px;color:#fff;}
.footnav_ul li a{color:#fff;}
.footkfbtn{border:1px solid #fff;}
.footkfbtn:hover{background: #ffa821;border:1px solid #ffa821 !important;font-size: 20px !important;}
.yqlink a{color:#999;padding:0 10px 10px;display: inline-block;}
.yqlink a:hover{color:#ffa821;}
/*footer*/

/*分页*/
.thisclass{background: #000;color:#fff !important;}
.pages_btn{text-align: center;}
.pages_btn a{display: inline-block;width:40px;height: 40px;line-height: 40px;border:1px solid #000000;color:#000;border-radius: 8px;margin:0 5px;font-weight: bold;font-size: 18px;}
/*分页*/
/*底部报名*/
.foot_bg{width:100%;height: 96px;background: #1b1b1b;bottom:0;left:0;z-index: 999;}
.foot_bjimg{bottom:8px;left:0;z-index: 10;}
.foot_con{width:100%;min-width: 1200px;max-width: 1500px;margin: 0 auto;height: 100%;}
.foot_ys_text{width:36px;margin-top:24px;margin-right: 15px;}
.foot_shu{margin-top:29px;}
.foot_shu span{width:130px;}
.foot_fx_r{margin-left:190px;}
.mj_ico{right:5%;line-height:50px;color:#808080;top:2px;}
.foot_form_ul{margin-top:25px;}
.foot_form_ul li{height: 50px;border-radius: 5px;width:31.33%;margin:0 1%;background: #313131;float:left;}
.foot_form_ul li input{box-sizing: border-box;width:100%;height: 100%;display: block;padding-left:12px;color:#fff;}
.foot_fs_sub{background: #f08200 !important;}
.foot_fs_sub:hover{background:#d87500 !important;}
.foot_fs_sub input{padding:0 !important;}
.foot_fx_tel{color:#f08200;}
.foot_fx_tel_box{margin-top:15px;}
/*底部报名*/
/*news*/
.box12{

    width: 1200px;

	margin: auto;

	margin-bottom: 50px;

}

.box12 .news-title {

    font-size: 34px;

    color: #212628

}



.box12 .titles {

    width: 100%;

    height: 50px;

    line-height: 50px;

    margin-top: 20px;

    border-bottom: 1px solid #edecec;

    overflow: hidden

}



.box12 .titles .left {

    float: left;

    font-size: 30px;

    font-weight: bold;

    color: #f18200;

}



.box12 .titles .left a {

    float: left;

    margin-right: 10px;

    padding: 5px 25px;

    border-radius: 15px;

    background-color: #f9f1f1

}



.box12 .titles .left a::after {

    display: block;

    clear: both

}



.box12 .titles .left a:hover {

    color: #e74c3c

}



.box12 .titles .left a.active {

    background-color: #e74c3c;

    color: #fff

}



.box12 .titles .right {

    float: left; font-size: 30px;

    font-weight: bold;

    color: #f18200;

}



.box12 .titles .right a {

    float: left;

    padding: 5px 15px

}



.box12 .titles .right a::after {

    display: block;

    clear: both

}



.box12 .titles .right a:hover {

    color: #e74c3c

}



.box12 .news-list {

    width: 100%

}



.box12 .news-list .left {

    width: 580px;

    float: left

}



.box12 .news-list .left .img-box {

    width: inherit;

    height: 300px;

    overflow: hidden

}



.box12 .news-list .left .img-box img {

    transition: all ease .3s 0s;

    -moz-transition: all ease .3s 0s;

	-webkit-transition: all ease .3s 0s;

	

    width: 100%;

}



.box12 .news-list .left .img-box img:hover {

    transform: scale(1.1, 1.1)

}



.box12 .news-list .left .title {

    margin-top: 16px;

    color: #212628;

    width: inherit;

    display: block !important;

    white-space: nowrap;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    line-height: 1.5;

    font-size: 20px;

    max-height: 30px

}



.box12 .news-list .left .title:hover {

    color: #f18200

}



.box12 .news-list .left .article-time {

    color: #666;

    font-size: 14px

}



.box12 .news-list .left .sub-title {

    position: relative;

    margin: 17px 0 60px 0;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    line-height: 2;

    font-size: 14px;

    max-height: 56px;

}



.box12 .news-list::after {

    content: '';

    display: block;

    clear: both

}



.box12 .news-list .right {

    float: right

}



.box12 .news-list .right a li {

    width: 570px;

    transition: all ease .3s 0s;

    -moz-transition: all ease .3s 0s;

    -webkit-transition: all ease .3s 0s

}



.box12 .news-list .right a li .time {

    float: left;

    height: 90px;

    width: 80px;

    color: #fff;

    transition: all ease .3s 0s;

    -moz-transition: all ease .3s 0s;

    -webkit-transition: all ease .3s 0s;

    position: relative

}



.box12 .news-list .right a li .time .month {

    display: block;

    position: absolute;

    font-size: 30px;

    top: 16px;

    left: 20px

}



.box12 .news-list .right a li .time .date {

    display: block;

    font-size: 16px;

    position: absolute;

    right: 10px;

    bottom: 22px

}



.box12 .news-list .right a li::after {

    content: '';

    display: block;

    clear: both

}



.box12 .news-list .right a li .content {

    width: 460px;

    float: left

}



.box12 .news-list .right a li .content .title {

    font-size: 18px;

    color: #212628;

    padding: 7px 0 7px 10px;

    width: inherit;

    display: block !important;

    white-space: nowrap;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    line-height: 1.5;

    font-size: 18px;

    max-height: 27px

}



.box12 .news-list .right a li .content .sub-title {

    color: #666;

    position: relative;

    margin: 0 0 0 12px;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    line-height: 1.5;

    font-size: 14px;
    max-height: 42px
}
.box12 .news-list .right a li:hover {
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(102, 102, 102, 0.2)
}
.box12 .news-list .right a li:hover .time {
    background: #f18200
}
.box12 .news-list .right a .time:nth-child(odd) {
    background: #929292;
}
.box12 .news-list .right a .time:nth-child(even) {
    background: #999288
}
.box12 .news-list .right a+a li {
    margin-top: 22px
}





/*公共*/
.gethover:hover{color:#ffa821 !important;}