@charset "utf-8";
/* by Sean Lu 20200727 */
/* 移动端全局控制reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family:arial,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff;}
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; color: #009a8b; }
.lk{display: block;height: 0;width: 0;overflow: hidden;}
/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: #009a8b; color: #fff; }
::-moz-selection { background: #009a8b; color: #fff; }

.wrapper { width: 1200px; margin: 0 auto; }

.picbox{ display:block; max-width:100%;}

.topbar{ background-color:#2f4963; padding:22px 0; position:relative;}
.topbar .logo{ float:left; width:20%;}
.topbar .logo img{ display:block; max-width:100%;}
.topbar .nav{ display:inline-block; width:68%; padding-top:10px;}
.topbar .nav li{
	float: left;
    font-size: 16px;
    color: #fff;
    width: 14%;
    text-align: center;
	line-height:20px;
}
.topbar .nav .en{ width:9%;}
.topbar .nav li a{ color:#fff;}
.topbar .zixun{
	display: inline-flex;
    border: 2px solid #8d9ba9;
    border-radius: 50px;
    width: 136px;
    height: 41px;
    align-items: center;
	float:right;
}
.topbar .zixun a{ font-size:14px; font-weight:bold; color:#fff; display:inline-block; margin:0 auto;}

.topbar .menu {
    max-width: 100px;
    width: 20%;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    border-left: 1px solid #6e849a;
    background: url(../img/menu.png) no-repeat center center;
}
.topbar .menu a {
    display: block;
    height: 100%;
}
.hidden01 {
    display: none;
}

.bannerslide {}
.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 600px; }
.bannerslide .swiper-slide a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; text-decoration: none; text-align: center; color: #fff; }
.bannerslide .swiper-slide a .con { margin-top: 52px; }
.bannerslide .swiper-slide a .con .tit { line-height: 48px; font-size: 40px; font-weight: 400; margin-bottom: 20px; }
.bannerslide .swiper-slide a .con .txt { line-height: 24px; font-size: 14px; font-weight: 400px; }
.paginationw { position: absolute; left: 0; text-align: center; bottom: 30px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #2075a1; }



.homebox1{ position:relative; background:url(../img/homebg3.png) no-repeat right 192px; padding:74px 0 124px;}
.homebox1 .textbox{
	/*position: absolute;
    top: 120px;
    left: 48%;*/
	width: 50%;
    float: left;
    margin-left: 50px;
    margin-top: 50px;
}
.home_bigtitle .toptxt{ font-size:30px; color:#2f4963; margin-bottom:7px;}
.home_bigtitle h2{ font-size:40px; color:#333; font-weight:bold; margin-bottom:11px;}
.home_bigtitle .hotline{ font-size:18px; font-weight:bold; color:#2f4963;}
.home_bigtitle .hotline .tel{ vertical-align:middle; padding-right:5px;}
.home_bigtitle .hotline span{ color:#ff3300;}
.homebox1 .textbox .info{ margin-top:40px; width:65%;}
.homebox1 .textbox .info .box{ display:flex; margin-bottom:53px;}
.homebox1 .textbox .info .box .pic{ width:auto; margin-right:22px;}
.homebox1 .textbox .info .box .pic img{ display:block; width:100%;}
.homebox1 .textbox .info .box .minitext{ flex:1;}
.homebox1 .textbox .info .box .minitext h4{ font-size:20px; color:#333; margin-bottom:12px; font-weight:normal;}
.homebox1 .textbox .info .box .minitext p{ color:#666; font-size:16px; line-height:160%;}
.homebox1 .homepic{ width:45%; float:left;}



.homebg1{ background:url(../img/homebg1.jpg) no-repeat top center; text-align:center; padding:45px 0 36px 0;}
.homebg1 p{ color:rgba(255, 255, 255, 0.60); font-size:16px;}



/*5大优势*/
.homebox2{ padding:87px 0 105px 0; background:#f5f5f5 url(../img/homebg4.jpg) no-repeat top center;}
.homebox2 .home_bigtitle{ text-align:center;}
.homebox2 .info{ margin-top:78px; display:flex;}
.homebox2 .info .box{ position:relative; float:left; width:15%; margin-right:13px; background-color:#fff; box-shadow:#e8e8e8 0px 0px 7px 3px; padding:74px 29px 30px 20px;}
.homebox2 .info .box:last-child{ margin-right:0;}
.homebox2 .info .box .number{
    background-color: #2f4963;
    border-radius: 50px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    position: absolute;
    left: 35%;
    top: -40px;
}
.homebox2 .info .box .number h2{
	font-size: 40px;
    color: #fff;
    font-family: "Impact";
	font-style: italic;
	padding-left:10px;
}
.homebox2 .info .box .pic{ text-align:center; margin-bottom:16px;}
.homebox2 .info .box .name{
	font-size:20px;
	font-weight:bold;
	color:#333;
	margin-bottom:30px;
	text-align:center;
}
.homebox2 .info .box .txt{ font-size:16px; color:#666;}


/*产品*/
.homebox3{ background:#284058 url(../img/homebg5.jpg) no-repeat top center; padding:97px 0 76px 0;}
.homebox3 .home_bigtitle{ text-align:center;}
.homebox3 .home_bigtitle .toptxt{ color:rgba(255, 255, 255, 0.6);}
.homebox3 .home_bigtitle h2,.homebox3 .home_bigtitle .hotline{ color:#fff;}
.homebox3 .home_bigtitle .hotline span{ color:#ffff00;}

.home_product{ margin-top:49px;}
.home_product .prolist{ text-align:center;}
.home_product .prolist a{
	display: inline-flex;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-radius: 30px;
    width: 136px;
    height: 36px;
    align-items: center;
    justify-content: center;
	margin-bottom:5px;
}
.home_product .prolist a.all{
	background: rgb(140, 153, 169);
    color: #22364a;
    border: 2px solid rgb(140, 153, 169);
}
.probox .info .more a:hover{ text-decoration:none;}

.home_product .proitems{ margin-top:30px;}
.home_product .proitems .info{
	position: relative;
    float: left;
    width: 20%;
	margin-right:13px;
	margin-bottom:13px;
    background: #fff;
    border-radius: 20px;
    padding: 20px 25px;
}
.home_product .proitems .info:nth-child(4n){ margin-right:0;}
.home_product .proitems .info .pic{
	width: 242px;
    height: 191px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home_product .proitems .info .pic img{ display:block; max-width:100%; border-radius: 10px;}
.home_product .proitems .info .box{ padding-top:16px;}
.home_product .proitems .info .name{ font-size:16px; color:#2f4963; font-weight:bold; padding-bottom:10px;}
.home_product .proitems .info .list{ font-size:12px; color:#666;}
.home_product .proitems .info .more{
	background: #2f4963;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
	position: absolute;
    right: 18px;
    bottom: 18px;
}
.home_product .proitems .info .more a{ color:#fff; font-weight:bold; font-size:20px;}


/*工程实例*/
.homebox4{ background:url(../img/homebg6.jpg) no-repeat top center; padding-top:94px; padding-bottom:70px;}
.homebox4 .home_bigtitle{ text-align:center;}

.caseslide{ padding-top:75px; padding-bottom:50px;}
.caseslide .box{ background:#fff; border-radius:20px; padding:18px;}
.caseslide .box .pic{ border-radius:10px;}
.caseslide .box .pic img{ display:block; max-width:100%; border-radius: 10px;}
.caseslide .box .name{ padding-top:20px; color:#333; font-size:16px; font-weight:bold; text-align:center;}
.caseslide .swiper-pagination{ bottom:0px;}
.caseslide .swiper-pagination-bullet{ opacity:1;}


/*定制流程*/
.homebox6{ background:url(../img/homebg7.jpg) no-repeat top center; padding-top:82px; padding-bottom:104px;}
.homebox6 .home_bigtitle{ text-align:center;}
.homebox6 .home_bigtitle .toptxt{ color:rgba(255, 255, 255, 0.6);}
.homebox6 .home_bigtitle h2,.homebox6 .home_bigtitle .hotline{ color:#fff;}
.homebox6 .home_bigtitle .hotline span{ color:#ffff00;}

.homebox6 .process{ display: flex; margin-top:70px;}
.homebox6 .process .box{ display:inline-flex; height:260px;}
.homebox6 .process .box .flexbox{ width:100%;}
.homebox6 .process .box:nth-child(2n){ align-items: flex-end;}
.homebox6 .process .box:last-child{ text-align:right;}
.homebox6 .process .box .pic{ margin-bottom:10px;}
.homebox6 .process .box h3{ font-size:20px; color:#fff; margin-bottom:10px;}
.homebox6 .process .box p{ font-size:14px; color:rgba(255, 255, 255, 0.6);}
.homebox6 .process .box:nth-child(2){ padding-left:37px;}
.homebox6 .process .box:nth-child(3){ padding-left:33px;}
.homebox6 .process .box:nth-child(4){ padding-left:63px;}
.homebox6 .process .box:nth-child(5){ padding-left:49px;}
.homebox6 .process .box:nth-child(6){ padding-left:77px;}

/*优势*/
.homebox5{ padding-top:62px;}
.homebox5 .box01{
    margin-bottom: 55px;
    display: flex;
    height: 300px;
    align-items: center;
}
.homebox5 .box01 .pic{ float:left; width:48%;}
.homebox5 .box01 .pic img{ display:block; max-width:100%;}
.homebox5 .box01:nth-child(2n) .pic{
	float:right;
	display: flex;
    justify-content: flex-end;
}
.homebox5 .box01 .Tbox{ float:left; width:50%; position: relative;}
.homebox5 .box01 .Tbox .tab{
	font-size: 14px;
    font-weight: bold;
    color: #22364a;
    background: #d3d7db;
    border-radius: 50px;
    display: inline-block;
    padding: 5px 19px;
	margin-bottom:15px;
}
.homebox5 .box01 .Tbox .name{ font-size:30px; font-weight:bold; color:#333; margin-bottom:29px;}
.homebox5 .box01 .Tbox .number{
	font-family: "Impact";
    font-size: 120px;
    color: #eee;
    position: absolute;
    top: -20%;
    left: 29%;
    font-style: italic;
	z-index:-1;
}
.homebox5 .box01 .Tbox .text{ font-size:16px; color:#666; line-height:2;}


/*新闻*/
.homebox7{ background:url(../img/homebg8.jpg) no-repeat top center; padding:88px 0;}
.homebox7 .home_bigtitle{ text-align:center;}

.home_newsbox { margin-top:49px;}
.home_newsbox .item { float:left; width:21%; border:1px solid #dedede; padding:18px; margin-right:13px;}
.home_newsbox .item:last-child{ margin-right:0;}
.home_newsbox .item .pic{ margin-bottom:18px;}
.home_newsbox .item .pic img{ display:block; max-width:100%;}
.home_newsbox .item .time{ margin-bottom:17px;}
.home_newsbox .item .time a{ color:#666; font-size:12px;}
.home_newsbox .item .name{ margin-bottom:20px;}
.home_newsbox .item .name a{ font-size:16px; font-weight:bold; color:#333;}
.home_newsbox .item .link { overflow: hidden;}
.home_newsbox .item .link a { width: 24px; height: 24px; display: block; background: url(../img/hb01img01s.png) no-repeat center; float: left; }
.home_newsbox .item .link a.l02 { float: right; background-image: url(../img/hb01img02s.png); }



.homebox8{
	background: url(../img/homebg9.jpg) no-repeat top center;
    display: flex;
    height: 150px;
    align-items: center;
}
.homebox8 .welcome{
	font-size: 14px;
    font-weight: bold;
    color: #fff;
    float: left;
    line-height: 59px;
}
.homebox8 .box{
	float: right;
    width: 57%;
}
.homebox8 .box .tel{ float:left; font-size:18px; font-weight:bold; color:#fff;}
.homebox8 .box .tel span{ font-size:30px; display:block;}
.homebox8 .box .btnc{
	float: right;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #17293e;
    padding: 13px 48px;
    border-radius: 50px;
}


/*底部*/
.footer{ background-color:#323230; padding-top:57px;}
.footer .footnav{ padding-bottom:60px; border-bottom:1px solid #5b5b59;}
.footer .footnav dl{ float:left; line-height:2; margin-top:22px;}
.footer .footnav dt{ color:#fff; font-size:16px; font-weight:bold; margin-bottom:20px;}
.footer .footnav dd{ color:#c5c5c5; font-size:14px;}
.footer .footnav dd a{ color:#c5c5c5; background:url(../img/jt.jpg) no-repeat left center; padding-left:15px;}

.footer .footnav .conbottom{
	float: left;
    color: #c5c5c5;
    font-size: 14px;
    text-transform: lowercase;
    width: 30%;
    line-height: 2;
}
.footer .footnav .conbottom .logobottom{ margin-bottom:30px; display:block;}
.footer .footnav .conbottom b{ color:#fff;}

.footer .footnav .aboutbottom{ width:23%;}

.footer .footnav .probottom{ width:26%;}
.footer .footnav .probottom dd{ float:left; width:50%;}

.footer .footnav .codebottom{ float:right; text-align:right;}

.footer .bottom{ color:#fff; font-size:14px; padding:37px 0 84px;}
.footer .bottom a{ color:#fff;}

@media (max-width:1500px){
	.homebox1 .textbox .info{ width:90%;}
}

@media (max-width:1200px){
	.wrapper{ width:100%; box-sizing:border-box; padding:0 10px;}
	.topbar .nav{ width:65%;}
	
	.homebox1{ background-size:87%; padding:50px 0;}
	.homebox1 .homepic{ width:44%;}
	.homebox1 .textbox{ top:65px;}
	.homebox1 .textbox .info .box{ margin-bottom:35px;}
	
	.home_product .proitems .info{ width:19%;}
	.home_product .proitems .info .pic{ width:auto; height:auto;}
	.homebox5 .box01 .pic{ margin:0 20px; width:45%;}
	.home_newsbox .item{ width:20%;}
}

@media (max-width:980px){
	/* 隐藏显示*/
	.hidden03{ display:none;}
	.show03{ display:block;}
	
	.topbar .nav{ display:none;}
	.topbar .zixun{ display:none;}
	
	.bannerslide .swiper-slide{ height:400px;}
	
	.homebox1 .homepic{ width:100%; padding:20px 0;}
	.homebox1 .textbox{ width:100%; padding:0 20px; box-sizing:border-box;position: static;}
	.home_product .proitems .info{ width:16%; margin:1%;}
	.home_product .proitems .info:nth-child(4n){ margin-right:1%;}
	
	.homebox6{ background:#22374a;}
	.homebox6 .process{ display:block;}
	.homebox6 .process .box{
		display: inline-block;
		height: auto;
		margin-bottom: 30px;
		width: 24%;
	}
	.homebox6 .process .box:last-child{ text-align:left;}
	.homebox6 .process .box:nth-child(2){ padding-left:0;}
	.homebox6 .process .box:nth-child(3){ padding-left:0;}
	.homebox6 .process .box:nth-child(4){ padding-left:0;}
	.homebox6 .process .box:nth-child(5){ padding-left:0;}
	.homebox6 .process .box:nth-child(6){ padding-left:0;}

	.home_newsbox .item:nth-child(2n){ margin-right:0;}
	.home_newsbox .item{ width:44%; margin-bottom:13px;}
	.home_newsbox .item .pic{ width:100%;}
	.homebox8 .welcome{ display:none;}
}

@media (max-width:768px){
	.bannerslide .swiper-slide{ height:200px;}
	.home_bigtitle h2{ font-size:24px;}
	.home_bigtitle .toptxt{ font-size:26px;}
	.homebox1{ background-size:cover; padding:0;}
	.homebox1 .textbox{ margin-left:0; margin-top:20px;}
	.homebg1 img{ display:block; width:100%;}
	.homebox2{ padding:20px 0;}
	.homebox2 .info{ display:block;}
	.homebox2 .info .box{ width:100%; margin-right:0; box-sizing:border-box; margin-bottom:50px;}
	.homebox2 .info .box .number{ left:42%;}
	.home_product .proitems .info{ width:48%; box-sizing:border-box;}
	.home_product .proitems .info .name{ font-size:14px;}
	.homebox5 .box01{
		display: block;
		height: auto;
		border-bottom: 1px #ccc dashed;
		margin-bottom: 0;
		padding: 30px 0;
	}
	.home_product .prolist a{ height:30px; width:110px;}
	.homebox5 .box01 .pic{ margin:0; width:100%; box-sizing:border-box; float:none;}
	.homebox5 .box01 .pic img{ margin:0 auto;}
	.homebox5 .box01 .Tbox{ width:100%; float:none;}
	.homebox5 .box01 .Tbox .number{ position:static; text-align:center; font-size:60px;}
	.homebox5 .box01 .Tbox .tab{ text-align:center; width:150px; display:block; margin:0 auto; margin-bottom:15px;}
	.homebox5 .box01 .Tbox .name{ text-align:center;}
	.homebox5 .box01:nth-child(2n) .pic{ float:none;}
	.homebox6 .process .box{ width:48%; text-align:center;}
	.homebox6 .process .box:last-child{ text-align:center;}
	.home_newsbox .item{ width:100%; margin-right:0; box-sizing:border-box;}
	.homebox8{ display:none;}
	.footer .footnav .aboutbottom{ display:none;}
	.footer .footnav .probottom{ display:none;}
	.footer .footnav .conbottom{ width:45%;}
}