@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900|Roboto:300,400,500,600,700,800,900|Bebas Neue:300,400,500,600,700,800,900&display=swap');
html,
body {
	height: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

body {
	/* font-family: 'Poppins', sans-serif; */
	font-family: "microsoft yahei",arial;
	font-size: 16px;
	color: #000;
	line-height: 20px;
	font-weight: 400;
	position: relative;
	z-index: 1;
	background: #fff;
	overflow-x: hidden;
}
.font1{font-family: 'Bebas Neue';}
a {
	text-decoration: none;
	font-family: 'Poppins', sans-serif;
	color: #000;
	font-size: 16px;
	transition-duration: .3s;
}

a:hover,a:focus,a:visited {	
	text-decoration: none;
	outline: none;
	color: #000;

}
p{padding: 0;margin: 0;}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}
input{
   border: 0px;
   background-color: none;
   outline: none;
}
input:focus{
   outline: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
  border: 0;
}
button,
select { /* 1 */
  text-transform: none;
  border: 0;
}
input,select{
  outline: none

}

i,
span,
a {
	display: inline-block;
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

li {
	display: inline-block;
}
.clear{clear: both;width: 100%;}
.container{min-width: 1200px;}
.container-fluid{min-width: 1200px;}
.swiper-container{min-width: 1200px;}


/* 导航 */
.navbox .logo{float: left;width: 313px;}
.navbox .tel{background: #fff;color: #000;padding-right: 10px;float:right;width: 203px;height: 72px;line-height:27px;float: right;margin-top: 48px;}
.navbox .tel img{margin: 0;padding: 0;border: 0;display: block;float: left;}
.navbox .tel span{float: left;;display: block;font-size:21px;padding-left: 5px;}
.tel .bmtel{color: #134d8c;font-weight: bold;font-size: 16px;display: block;}

.navbox .headnav{width: 654px;float: left;padding-left:10px;}
.headnav>ul>li{display: inline-block;height: 154px;line-height: 154px;position: relative;z-index: 1000;background: #fff;}
.headnav>ul>li>a{padding:0 20px;font-weight: bold;}
.headnav>ul>li>.aactive::after{
	content:"";
	position: absolute;
	bottom: 47px;
	left: 21px;
	height:7px;width:14px;
	background: url(../images/d.png) no-repeat;
}
.headnav>ul>li>.aactive{color:#000 ;}
.headnav>ul>li:hover a{color:#fff;background: #084483;}
.headnav>ul>li:hover a{color: #fff;}
.headnav>ul>li>ul{z-index: -1;}

.headnav>ul>li>ul>li>a{line-height: 40px;font-size: 14px;width: 100%;text-align: center;padding:10px 0;color: #69a5e6;background: #0f437d}
.headnav>ul>li>ul>li>a:hover{background: #092b5b;color: #fff;}

/* 首页公司简介 */
.homtit{margin-top: 30px;margin-bottom: 30px;}
.homtit h3{text-align: center;color: #000000;font-weight: bold;font-size:30px;}
.homtit h3 i{color: #c1c1c1;margin: 0 20px;font-size: 30px;}
.homtit h3 i:nth-child(1){margin-right: 23px;}
.homtit span{color: #000000;text-align: center;display: block;width: 100%;margin-top: 15px;}

.abright{padding-left:50px; line-height: 30px;}
.abright a{display: block;width: 100px;height: 40px;background:#084483;line-height: 40px;text-align: center;color: #fff;margin-top: 50px;overflow: hidden;}
.abright a p{display: block;width: 100%;height: 40px;line-height: 40px;-webkit-transition:all 0.2s ease-in;transition:all 0.3s ease-in;}
.abright a:hover p:nth-child(1){margin-top: -40px;}
.abright a:hover p:nth-child(2){background: #000;color: #fff;}
.abright a:hover{box-shadow: 0 0 10px #777;}


.tobhz{margin-top: 30px;background: #f8f8f8;height: 200px;margin-bottom: 20px;}
.tobwz{padding-left: 75px;padding-top: 52px;}
.tobwz h3{font-size:73px;font-weight: bold;display:block;float: left;position: relative;}
.retbox h3 p{font-size:22px;position: absolute;top: 0;left: 0;}
.retbox h3{font-size: 50px;padding-top: 20px;}
.tobwz span{display:block;float: left;font-weight:500;color:#000000;font-size: 16px; padding-left: 10px;font-family: arial;}



/* 活动新闻 */
.newbbbdob{margin-bottom: 40px;}
.newbbbdob .imgnew{width: 380px;height: 300px;overflow: hidden;}
.newbbbdob .imgnew img{transform:scale(1);-moz-transition: all 0.2s linear;transition: all 0.2s linear;width: 380px;height: 300px;}
.newbbbdob .imgnew:hover img{transform:scale(1.1)}
.newlibox h3{font-size:18px;font-weight: bold;display:block;margin-top: 10px;margin-bottom: 10px;}
.newlibox p{color: #000727;font-size: 14px;font-weight: 400;}
.newlibox span{display: block;background: #084483;color: #fff;width: 80px;text-align: center;;height: 30px;line-height: 30px;margin-top: 20px;}
.newbbbdob:hover h3{color: #084483;}
.newlibox:hover span{background: #000;color: #fff;}

/* 培训班型 */
.peixbox{padding-bottom: 20px;}
.nav-tabs{padding-bottom: 20px;}
.tab-content{height: 358px;}
.tab-pane{position: relative;}
.peixbox{position: relative;}
.peixbox .peititle{position: absolute;top: 0 ;right: 0;}
.peixbox .peititle h3{font-size: 30px;font-weight: bold;display: block;float: right;}
.peixbox .peititle h3 i{color: #c1c1c1;margin: 0 20px;font-size:30px;}
.peixbox .peititle h3 i:nth-child(1){margin-right: 23px;}
.nav-tabs li{padding-right: 40px;position: relative;height:60px;line-height: 60px;}
.nav-tabs li h3{font-size:18px;font-weight:bold;font-family: "microsoft yahei";}
.nav-tabs li .active::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40px;height: 2px;background: #0096ec;
}
.peibj{height: 358px;width: 413px;background:url(../images/pxbj.png) no-repeat;padding: 20px;position: absolute;top: 0;left: 0;z-index: 100;}
.peibj .pbox{width:346px}
.peibj .pbox h3{font-size: 24px;font-weight: 100;color: #fff;text-align: center;margin-top: 30px;}
.peibj .pbox p{width: 100%;color: #fff;line-height:30px;font-size: 16px;padding: 10px 20px;}
.peibj .pbox span{display: block;border: 1px #fff solid;height:40px;line-height: 40px;width: 100px;text-align: center;margin: 0 auto;margin-top: 25px;color: #fff;}
.peitu{position: absolute;top: 0;right: 0;}
.peitu img{width: 807px;height: 358px;}
.peibj .pbox:hover span{background: #000000;border: 1px #000 solid;}


/* 培训场地 */
.peicdbox{height: 533px;position: relative;background: #f8f8f8;padding-top:87px;margin-bottom: 40px;}
.peicdbox::after{
	content: "";
	position: absolute;
	top: 0;left:50%;
	background: #fff;
	height: 533px;
	width:1960px;
}

.peicdb{position: relative;}
.peixtitle{width: 380px;position: absolute;left: 0;top: 0;}
.peixtitle h3{font-size: 30px;font-weight: bold;display: block;width: 100%;}
.peixtitle h3 i{color: #c1c1c1;margin: 0 20px;font-size:30px;}
.peixtitle h3 i:nth-child(1){margin-right: 23px;}
.peixtitle p{display: block;;width: 100%;margin-top: 50px;color: #000727;line-height: 30px;text-indent:2em;padding-left: 10px;}
.peicdb img{position: absolute; top: 0;right:15px;z-index: 100;width: 780px;}


/* 教程风采 */
.jlzzzbox{position: relative;height: 354px;    margin-bottom: 75px;}
.homepor{padding-bottom: 20px;}
 .jlimg{width: 100%;height:273px;overflow: hidden;border-radius: 6px;}
.homepor .jlimg img{transform:scale(1);-moz-transition: all 0.2s linear;transition: all 0.2s linear;width: 100%;height: 273px;}
.homepor .jlimg:hover img{transform:scale(1.05);}
.homepor h3{font-size: 18px;margin-top: 10px;margin-bottom:10px;text-align: center;}
.homepor span{text-align: center;width: 100%;}

/* 底部 */
.hbotot{background: #000727;color: #fff;padding-top:30px;border-bottom: 1px #333952 solid;}
.fotdhbox{margin-top:30px;padding-bottom: 15px;position: relative;}
.fotdhbox li{padding-right: 40px;}
.fotdhbox li span{color: #c1c1c1;font-size:12px;}
.fotdhbox li h3{color: #fff;font-size:16px;font-weight: bold;}
.fotdhbox li:hover h3{color: #0096ec;}
.fotrighta{position: absolute;top: 0;right: 0;}
.fotrighta span{color: #c1c1c1;font-size:12px;text-align: right;}
.fotrighta h3{color: #fff;font-size:16px;font-weight: bold;text-align: right;}
.fotrighta:hover h3{color: #0096ec;}

.fotbox{background: #000727;color: #fff;}
.fotlogo{width: 100%;padding-bottom: 20px;}
.fotlogo .fotlog{width:50%;float: left;}
.fotlogo .fotlog span{display: block;font-size: 14px;margin-top: 6px;}
.fotlogo .fotright{width: 40%;float: right;text-align: right;line-height: 30px;color: #fff;font-size: 14px;padding-top: 20px;}
.fotlogo .fotright a{color: #fff;}




.copby{background: #003262;color: #fff;}
.footcopy{height: 40px;line-height: 40px;background: #003262;width: 100%;font-size: 14px;}
.footcopy .c1{float: left;width:33.3%;text-align: left;}
.footcopy .c2{float: left;width:33.3%;text-align: center;}
.footcopy .c2 a{color: #fff;font-size: 14px;}
.footcopy .c3{float: right;width:33.3%;text-align: right;}
.footcopy .c3 a{color: #fff;font-size: 14px;}



.topbanner{height: 426px;background: url(../images/nyb.jpg) no-repeat;background-position: center center;}
.topbanner h2{width: 100%;text-align: center;color: #fff;font-weight: bold;padding-top: 137px;font-size:40px;}
.topbanner span{width: 100%;text-align: center;color: #fff;padding-top:10px;font-size:22px;}


.prob{margin-top: 20px;border: 1px #d2d2d2 solid;font-size: 14px;}
.prob .rowlist{border-bottom: 1px #d2d2d2 solid; line-height: 35px; padding: 7px 0;;}
.prob .altit{width:100px;text-align: center;background: #fafafa;}
.prob .altlist a.btnhove{text-align: center;padding: 1px 15px;font-size: 14px;margin-right: -2px;}
.prob .altlist a.btnactive{background: #0a3f7a;color: #fff;border-radius: 3px;padding: 0 15px;font-size: 14px;margin-right: -2px;}
.prob .altlist a:hover{background: #0a3f7a;color: #fff;border-radius: 3px;padding: 0 15px;font-size: 14px;margin-right:-2px;}

.alshear{margin-top: 20px;}
.alshear input{width: 300px;border: 1px #bfbfbf solid;border-right: 0;float: left;height: 30px;line-height: 30px;padding-left: 15px;}
.alshear span{display: block;width: 80px;height: 30px;background: #0a3f7a;text-align: center;;line-height:30px;float: left;color: #fff;cursor: pointer;}

/* 案例列表 */
.caseobx{margin-top: 20px;padding-left: 0;}
.calist {border: 1px #bfbfbf solid;margin-bottom: 15px;position: relative;transition-duration: .3s;}
.calist img{width: 100%;height: 214px;}
.calist h4{font-size: 18px;padding-left: 10px; margin-top: 10px;}
.calist p{margin-top: 10px;padding-left: 10px;padding-bottom: 10px;}
.calist span{display: block;width: 100px;height: 30px;background: #e5e5e5;border-radius: 3px;line-height: 30px;text-align: center;font-size: 14px;position: absolute;right: 10px;bottom: 20px;}
.calist:hover{-moz-box-shadow:0px 0px 5px #888888;box-shadow: 0px 0px 5px #888888;}
.calist:hover span{background:  #0a3f7a;color: #fff;}

/* 案例详情 */
.leiboe{border: 1px #bfbfbf solid;border-bottom: 0;}
.leiboe li{float: left;width: 50%; line-height: 40px;height: 40px;border-bottom: 1px #bfbfbf solid;}
.leiboe li span{display: block;width:80px;background: #e5e5e5;text-align: center;float: left;height:39px;}
.leiboe p{display:block;width: 150px;float: left;padding-left: 10px;}

.clcontent{margin-top: 20px;}

.sjsboxright{border: 1px solid #E5E5E5;padding: 15px;}
.sjsboxright h3{font-size: 16px;height: 35px;line-height: 35px;}
.sjsboxright img{width: 100%;}
.sjsboxright span{margin-top: 10px;line-height:28px;display: block;}
.sjsboxright  a{display: block;padding: 7px 15px;background: #0a3f7a;color: #fff;font-size: 14px;text-align: center;margin-top: 10px;}


.lqbaojia{border: 1px solid #E5E5E5;padding: 15px;margin-top: 20px;}
.lqbaojia h3{font-size:22px;text-align: center;color: #0a3f7a;font-weight: bold;}
.lqbaojia .yonhusan{text-align: center;margin-top: 10px;display: block;margin-bottom: 20px;}
.lqbaojia p input{
	width: 100%;
	    height:30px;
	    line-height:30px;
	    padding: 5px 5px 5px 10px;
	    border: 1px solid #DDD;
	    background-color: #FFF;
	    border-radius: 3px;
	    margin: 6px auto;
}
.lqbaojia p input.rzb_butt1{
	    width: 100%;
	    height: 36px;
	    display: block;
	    border: none 0;
	    margin: 12px 0;
	    cursor: pointer;
	    font-size: 16px;
	    color: #FFF;

	    line-height: 28px;
		background: #0a3f7a;
}













 /* 详情,上一页,下一页 */
 .clear{clear: both;width: 100%;}
 .two{  padding: 10px 0;  border-top: 1px dotted #a5a7aa;  border-bottom: 1px dotted #a5a7aa;width: 100%; margin-top:20px; }
 .page_left{  float: left;  width: 400px;  border-right: 1px solid #d5d8dc;  }
  .page_left p{padding: 0;margin: 0;}
 .page_left a{  display: block;  padding: 20px;  margin-right: 25px;  }
 .page_left a:hover{  background: #0a3f7a;  }
 .page_left a .page1{  width: 40px;  height: 40px; line-height: 40px;text-align: center; float: left;  margin-right: 20px; border: 1px #000 solid;  }
 .page_left a .page2{  font-size: 18px;  color: #808488;  padding:1px;  }
 .page_left a:hover .page1{  color: #fff; border: 1px #fff solid; }
 .page_left a:hover .page2{  color: #fff;  }
 .page_left a .page3{  font-size: 14px;  color: #808488;  }
 .page_left a:hover .page3{  color: #fff;  }
 .page_right {  float: left;  width: 400px;  }
   .page_right p{padding: 0;margin: 0;}
 .page_right a {  display: block;  padding: 20px;  margin-left: 25px;  text-align: right;  }
 .page_right a:hover{  background: #0a3f7a;  }
 .page_right a:hover .page1{  color: #fff; border: 1px #fff solid; }
 .page_right a .page1{  width: 40px;  height: 40px;  line-height: 40px;text-align: center;   float: right;  margin-left: 20px; border: 1px #000 solid;  }
 .page_right a .page2{  font-size: 18px;  color: #808488;  padding:1px;  }
 .page_right a:hover .page2{  color: #fff;  }
 .page_right a .page3{  font-size: 14px;  color: #808488;  }
 .page_right a:hover .page3{  color: #fff;  }
 
 
 
/*工地 */
.gdobxl{padding: 6px;}
.gdlist{margin-bottom:15px;border: 1px #E5E5E5 solid ;padding: 5px;transition-duration: .3s;}
.gdlist:hover{-moz-box-shadow:0px 0px 5px #888888;box-shadow: 0px 0px 5px #888888;}
.gdlist img{width: 100%;}
.gdlist h3{font-size:16px;margin-top: 10px;}
.gdlist .sjjj span{font-size: 14px; color: #808488;display: block;width: 50%;float: left;}


/* 楼盘 */
.loupabox{width: 100%;border-bottom: 1px #E5E5E5 solid ;padding-bottom: 15px;margin-bottom: 15px;position: relative;}
.loupabox:hover{border-bottom: 1px #003262 solid ;}
.loupabox .loupanleft{width: 320px;float: left;}
.loupabox .loupanleft img{width: 100%}
.loupabox .loupanright{width: 498px;float: right;;padding: 0 20px;font-size: 14px;line-height:25px;}
.loupabox .loupanright h5{border-bottom: 1px #E5E5E5 solid ;padding-bottom: 10px;font-size: 20px;}
.loupabox span{position: absolute;bottom:13px;right: 0;width: 80px;height: 40px;line-height: 40px;text-align: center;border: 1px #E5E5E5 solid;}
.loupabox:hover span{background: #003262;color: #fff;border: 1px #003262 solid;}

/* 设计师*/
.sjslistbox{width: 100%;border-bottom: 1px #E5E5E5 solid ;padding-bottom: 15px;margin-bottom: 15px;}
.sjslistbox .sjsleft{width:130px;float: left;}
.sjslistbox .sjsleft img{width: 100%;transition-duration: .3s;}
.sjslistbox:hover{border-bottom: 1px #003262 solid ;}
.sjslistbox:hover .sjsleft img{-moz-box-shadow:0px 0px 5px #888888;box-shadow: 0px 0px 5px #888888;}
.sjslistbox .sjsright{width: 498px;float: right;;padding: 0 20px;font-size: 14px;line-height:25px;}
.sjslistbox .sjsright h5{border-bottom: 1px #E5E5E5 solid ;padding-bottom: 10px;font-size: 20px;position: relative;}
.sjslistbox .sjsright h5 span{font-size: 16px;padding: 3px 5px;}
.sjslistbox .sjsright h5 .zwbox{background: #003262; color: #fff;border-radius: 10px;font-size: 14px;padding: 3px 5px;}
.sjslistbox .sjsright p{color: #808488;}






/* 设计师详情页 */
.sjsviewtopbox{background: url(../images/dfg.jpg) no-repeat; background-size:100% 100%; background-position: center center;height: 450px;}
.contetleftsjs{ color: #000;padding: 90px 0 0 128px;}
.contetleftsjs p{line-height: 26px;font-size: 14px;color: #000;}
.contnentrightsjs{text-align: center;}
.contnentrightsjs{width: 204px;
    /* height: 273px; */
    float: right;
    border: 5px solid rgba(199,199,199,0.5);
    margin-left: 101px;
    margin: 82px 162px 0 0;
    position: relative;overflow: hidden;}
.contnentrightsjs img{width: 100%;}

.sjsjsbox{height: 40px;line-height: 40px; background-color: #fff;box-shadow: 2px 2px 10px #ccc;margin-bottom: 5px;}
.aljstitlel a{padding: 0 20px;}
.contacontent{color: #72757e;font-size: 14px;padding: 15px;background-color: #f8f8f8;}
.contacontent111{padding: 15px;}
.sjsviewbox{background: #fff;}


