@charset "utf-8";

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: "Noto Sans S Chinese Regular", "Noto Sans S Chinese Medium", "Noto Sans S Chinese Bold", "Noto Sans S Chinese Black"; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; line-height:160%; }
html {overflow-x: hidden;}
textarea { resize: none; }
iframe,img { border:0; }
img{ max-width:100%;}
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }

/* 全局 */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

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

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar {
width:6px;
height:12px
}
::-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:#8E8E8E;
border-radius:5px
}
::-webkit-scrollbar-thumb:vertical:hover {
background-color:#3B3B3B
}
::-webkit-scrollbar-corner:vertical {
background-color:#535353
}
::-webkit-scrollbar-resizer:vertical {
background-color:#FF6E00
}


.bannerslide { height:910px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; }
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:90px;}
.swiper-pagination-bullet{ background:#fff; border-radius:0; width:36px; height:6px;}
.bannerslide .swiper-button-prev { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index:999;}
.bannerslide .swiper-button-next { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index:999;}


.wrapper{ width:1200px; margin:0 auto;}
.wrapper01{ margin:0 auto; width:100%; box-sizing:border-box; padding:0 8%;}
.continuous{ padding:0 20px; width:100%; box-sizing:border-box;}
.icon{ vertical-align:middle;}

#header{ position:relative; width:100%;}

#topbar{ position:fixed; top:0; left:0; z-index:99; width:100%; box-sizing:border-box; height:80px; padding:13px 0; background: #fff;}
#topbar.fxd{
    -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 30px rgba(0,0,0,0.1);
    -webkit-transition: all .4s;
    transition: all .4s;
	background: #fff;
}
.logo{ float:left; width:10%;}
.logo img{ max-width:100%;transition: all .2s;}

/*菜单栏*/
.menu{
	float: left;
    width: 65%;
    display: flex;
    justify-content: center;
	padding-top:12px;
}
.menu li{ float:left; width:10%; text-align:center;}
.menu li a{ color:#111; font-size:18px; transition:all .2s;}
.menu li:hover a{ color:#d71618; text-decoration:none;}

.tongxun{ float:right; padding-top:10px;}
.tongxun img{ padding-right:10px;}
.tongxun .wechat{ float:left; font-size:16px; color:#111; position:relative;}
.tongxun .wechat a{ color:#111; text-decoration:none;}
.tongxun .wechat .wcshow{ display:none;}
.tongxun .wechat .wcshow img{ display:block; width:100%;}
.tongxun .wechat:hover .wcshow{
	position: absolute;
    right: -10px;
    top: 40px;
    display: block;
    z-index: 40;
}
.tongxun .wechat .wcshow:before {
    content: '';
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    left: 50%;
    top: -12px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.tongxun .hotline{ float:left; font-size:16px; color:#111; margin-left:20px;}



/*首页标题*/
.h-title{ text-align:center;}
.h-title .cn{ font-weight:bold; font-size:30px; color:#111; margin-bottom:10px;}
.h-title .en{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; text-transform:uppercase;}

/*首页工程展示*/
.h-case{ padding-top:60px; padding-bottom:60px;}
.case-list{ margin-top:30px;}
.case-list .item{ float:left; width:30.333%; margin-right:3%; margin-top:20px;}
.case-list .item a{ text-decoration:none;}
.case-list .item:nth-child(3n){ margin-right:0;}
.case-list .item .img{ overflow:hidden;}
.case-list .item .img img{ transition: 1s all ease; width:100%;}
.case-list .item .img img:hover{ transform: scale(1.2);}
.case-list .item .info{ margin-top:20px;}
.case-list .item .info .name{ font-size:18px; color:#333;}
.case-list .item .info .abstract{ font-size:14px; color:#666;}
.h-more{ text-align:center; margin-top:60px;}
.h-more a{ background:#d71618; color:#fff; font-size:18px; padding:16px 63px; display:inline-block; text-decoration:none;}
.h-more img{ padding-right:10px;}

/*首页公司简介*/
.h-about{ background:url(../images/about-background.jpg) no-repeat bottom center; height:800px;}
.h-about .imgbox{ width:50%; float:left; background:#fff; text-align:center; padding:40px 0; margin-top: calc(800px - 639px);}
.h-about .imgbox .pic{ padding-bottom:40px;}
.h-about .imgbox .info{}
.h-about .imgbox .info .cn{ font-size:28px; color:#111; font-weight:bold; padding-bottom:10px;}
.h-about .imgbox .info .cn span{ color:#bc0001;}
.h-about .imgbox .info .en{ font-size:13px; color:#666; text-transform:uppercase;}
.h-about .textbox{ position:relative; width:40%; float:right; margin-top:20%;}
.h-about .textbox:before{
	position: absolute;
    top: 0;
    left: 0;
    width: 130px;
    height: 8px;
    background: #bc0001;
    content: '';
}
.h-about .textbox .text{ color:#fff; font-size:16px; margin-top:90px;}
.h-about .textbox .h-more{ text-align:left;}
.h-about .textbox .h-more a{ padding:11px 50px;}

/*首页新闻*/
.h-news{ padding-top:60px; padding-bottom:60px; background:url(../images/news-background.jpg) no-repeat center bottom;}
.news-list{ margin-top:50px;}
.news-list .item{ float:left; width:calc( 100% / 3 - 14px); margin-right:20px;}
.news-list .item:last-child{ margin-right:0;}
.news-list .item .img{ overflow:hidden; position:relative;}
.news-list .item .img img{ transition: 1s all ease;}
.news-list .item .img img:hover{ transform: scale(1.2);}
.news-list .item .img .list{ position:absolute; bottom:0; left:0; background:#bc0001; color:#fff; font-size:14px; padding:3px 10px;}
.news-list .item .info{ background:#fff; padding:30px 20px;}
.news-list .item .info .name{ font-size:18px; color:#333; margin-bottom:26px; height:50px; overflow:hidden;}
.news-list .item .info .abstract{ font-size:14px; color:#666;}
.news-list .item .more{
	background: #bc0001 url(../images/more.png) no-repeat right center;
    background-position-x: 94%;
}
.news-list .item .more a{ text-decoration:none;}
.news-list .item .more span{
	background: #eee;
    width: 76%;
    padding: 10px 0;
    padding-left: 20px;
    display: block;
}
.h-news .h-more a{ border:2px solid #bc0001; background:#fff; font-size:16px; color:#333; padding:10px 54px;}
.h-news .h-more img{ padding-right:0; padding-left:10px;}


/*首页合作伙伴*/
.h-partner{ padding-top:60px; padding-bottom:60px;}
.partner-list{ margin-top:40px;}
.partner-list .pp{
	border: 2px solid #b5b5b5;
    width: 225px;
    height: 100px;
    float: left;
    margin-right: 13px;
    margin-bottom: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.partner-list .pp:nth-child(5n){ margin-right:0;}

/*底部*/
.footer{ background:#333; padding-top:60px; font-size:16px; color:#afafaf;}
.bottom01{ padding-bottom:30px;}
.h-links{ float:left; width:20%;}
.h-links li{ float:left; padding:0 20px 20px 0;}
.h-links li a{ color:#afafaf;}
.h-contact{ float:left; width:60%; box-sizing:border-box; padding-left:15%;}
.h-ewm{ float:right; width:20%; text-align:center;}
.h-ewm img{ width:120px;}
.bottom02{ font-size:14px; border-top:1px solid #676868; padding:17px 0;}
.bottom02 a{ color:#a7a7a7;}
/*手机菜单栏*/
.mobile-inner{ display:none;}

@media (max-width: 1200px){
	.wrapper{ width:100%; box-sizing:border-box; padding:0 20px;}
	
	.tongxun{ display:none;}
	.logo{ width:auto;}
	.menu{ width:70%; float:right; display:inline;}
	.menu li{ width:15%; }
	.bannerslide{ height:600px;}
	
	.case-list .item{ width:30.5%; margin:1.5%;}
	.case-list .item .info .name{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	
	.h-about .imgbox{ padding:40px;}
	
	.partner-list .pp{ margin:1%; width:17.5%;}
}

@media (max-width: 768px){
	.mobile-inner{ display:block;}
	.menu{ display:none;}
	
	.h-about{ height:auto;}
	.h-about .imgbox{ width:100%; float:none; margin-top:0; box-sizing:border-box;}
	.h-about .textbox{ width:100%; float:none; margin-top:0;}
	.h-about .textbox:before{ top:-13%;}
	
	.h-links{ display:none;}
	.h-contact{ padding-left:0;}
	
	.bannerslide .swiper-pagination{ display:none;}
}

@media (max-width: 425px){
	.bannerslide{ height:300px;}
	.case-list .item{ width:46.5%;}
	.case-list .item:nth-child(3n){ margin-right:1.5%;}
	.case-list .item .info .abstract{ height:50px;}
	.case-list .item .img img{ height:130px;}
	.h-about .imgbox{ display:none;}
	.h-about .textbox{ padding:50px 0;}
	.h-about .textbox:before{ top:13%;}
	.news-list .item{ width:100%; margin-bottom:20px;}
	.partner-list .pp:nth-child(5n){ margin-right:1%;}
	.partner-list .pp{ width:46%;}
	.h-contact{ display:none;}
	.h-ewm{ width:100%; box-sizing:border-box; margin:0 auto;} 
}