@charset "utf-8";
/* CSS Document */
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff; font-family: -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif;font-size: 16px;color: #333;line-height: 1.75;}
a,a:hover,a:active,a:visited,a:focus{color:#787a80; text-decoration: none;}
/* reset结束 */
html,body{ width: 100%; height: 100%; position: relative;}
#home{ width: 100%; height: 100%;}
#header{ position: fixed; z-index: 9999; display: flex; justify-content: space-between; align-items: center; height: 80px; width: 100%; padding:15px 50px; border-bottom: 1px solid; border-color: rgba(255, 255, 255, 0.3);}
#header .logo img{ max-height: 80px;max-width: 300px;}
.nav ul li{float: left;}
.nav ul li a{ position: relative; display: inline-block; padding: 10px 25px; color: #fff; font-size: 16px; font-weight:700 }
.nav ul li a::before{  display: block; content: ""; position: absolute; width: 0; bottom: -16px; left: 0; height: 2px; background: #fff; transition: all 0.5s; }
.nav ul li:hover a::before,.nav ul li.active a::before{ width: 100%; }
.tel{ padding-left: 45px; background: url(../images/tel.png) no-repeat center left;}
.tel p{ color: #fff; font-size: 12px; line-height: 18px;}
.tel p a{ color:#fff}
.tel p:last-child{ font-size: 20px;}
.oheight{ height: 65px !important; transition: all 0.5s;}
#header.oheight .nav ul li a::before{ bottom: -8px;}
.hbbg{ transition: all 0.5s; background: #222;}
#banner.swiper-container { width: 100%;height: 100%;}
#banner .swiper-slide { position:relative; }
#banner .swiper-slide .txt{ position:absolute; top:40%; z-index:10; width: 100%; text-align: center;}
@keyframes line{0%{transform: scale(0.5,0.5); opacity: 0;}50%{transform: scale(1,1); opacity: 1;}100%{transform: scale(1,1); opacity: 1;}}	
#banner .swiper-slide img.bbg{width:100%;height:auto;min-height:100%; transition:1s linear 2s;}
#banner .swiper-slide-active img.bbg,.swiper-slide-duplicate-active img.bbg{transition:10s linear;transform:scale(1.1,1.1);}	
#banner .swiper-pagination{ width: auto !important; bottom:30px !important; text-align:right; right: 50px; left: auto !important; box-sizing: border-box;}
#banner .swiper-pagination-bullet{ width:10px;height:10px;opacity:0.5;background:none;border:1px solid #fff;}	
#banner .swiper-pagination-bullet-active{ background:#fff;}
/*作品展示*/
#work{ padding:100px 50px; display: flex; justify-content: space-between;}
#work .submenu{ max-width: 310px; min-width: 310px; padding-right: 30px;}
.tit h3{ font-size: 24px; font-weight: normal;}
.tit h3 small{ font-size: 12px;}
.tit P{ font-size: 12px; color: #aaa;}
#work .sublist{ padding-top: 30px;}
#work .sublist ul li{ line-height: 50px;}
#work .sublist ul li a{ font-size:18px; color:#333}
#work .sublist ul li:hover a{ color: #c19537;}
#work .box{ width: 100%; overflow: hidden; position: relative;}
#work .box .swiper-container{ padding-bottom: 50px;}
#work .swiper-pagination{ bottom: 0; left: 0; width: auto; height: 50px;}
#work .swiper-button-next,#work .swiper-button-prev{ top: 120px; left: 0; background: none; width: 40px; height:30px; line-height: 30px; text-align: center; border: 1px solid #333; box-sizing: border-box;}
#work .swiper-button-next{ left: 50px;}
#work .row{ margin-right: -10px !important; margin-left: -10px !important;}
.work li{ padding:10px;}
.work a{ position: relative; display: block; overflow: hidden;}
.work a .txt{ position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; flex-direction:column; align-items: center; justify-content: center; transition: all 0.5s;}
.work a .txt span{ padding: 5px 15px; border: 1px solid #c19537; color:#c19537;}
.work li:hover a .txt{top: 0;}

.about{ display: flex; align-items: center;}
.about .lbox,.about .rbox{ width: 50%;}
.about .rbox{ padding:0 100px;}
.about .list{ display: flex; justify-content: space-between;}
.about .txt{ padding: 50px 0; line-height: 35px; color: #666;}
.about .list .top{ width: 100%; padding: 10px 0; float: left;}
.about .list h1{ font-size: 40px; color: #555; float: left;}
.about .list sup{ font-size: 14px; font-weight: normal;}
.about .list p{ width: 100%;}
.about .more{ width: 100%; margin-top: 50px; border-top: 1px solid #ddd;}
.about .more a{ display: inline-block; padding: 10px 80px; background: #222; color: #fff;}
.case{ padding: 100px 50px;}
.case .tbox{ display: flex; justify-content: space-between; align-items: flex-end;}
.case .sublist{ font-size: 14px; color: #ddd;}
.case .sublist a{ display: inline-block; padding: 0 15px; }
.case .box{ padding-top: 30px;}
.case .txt p{ width: 100%; padding:5px 15px; font-size: 12px; color: #fff; text-align: left;}
.new{ padding:0 50px; padding-bottom: 100px; overflow: hidden;}
.new .swiper-container{ padding: 50px 0;  overflow: hidden;}

/*首页底部*/
.back_top{ position: fixed; z-index:9999; right: 10px; bottom: 80px;}
.footer{ background: #222;}
.fnav{ padding:15px 50px; border-bottom: 1px solid #333;}
.fnav a{ display: inline-block; padding: 0 25px; font-size: 14px; color: #aaa;}
.fnav a:hover{ color: #fff;}
.fbox{ padding:0 50px; border-bottom: 1px solid #333; display: flex; justify-content: space-between;}
.fbox .lbox,.fbox .cbox,.fbox .rbox{ padding: 30px 0; width: 100%; border-right: 1px solid #2a2a2a;}
.fbox .cbox,.fbox .rbox{ padding-left: 50px; }
.fbox .rbox{ min-width: 440px;}
.fbox .lbox{ min-width: 400px;}
.fbox .lbox img{ max-width:150px; float: left; padding-right: 30px;}
.fbox .cbox p{ line-height: 24px; font-size: 14px; color: #666;}
.fbox .ftel{ float: left; padding-left: 60px; background: url(../images/ftel.png) no-repeat left;}
.fbox .ftel p{ font-size: 14px; color: #666; line-height: 24px;}
.fbox .ftel p b{ font-size: 24px; color: #fff;}
.fbox .rbox p{ color: #666;}
.fbox .rbox input.phone{ min-width: 280px; height: 50px; background: #666; border: 0; padding: 5px 10px; float: left;}
.fbox .rbox input.btn{ width: 100px; height: 50px; background: #000; border: 0; border-radius: 0; color: #aaa;}
.fbot{ padding: 20px 50px; background:#111; font-size: 14px; color: #888;}
.fbot a{ color: #aaa;}

.ptop{ padding-top: 50px !important;}


/*分页*/
div.paginationbox{width:100%;height:auto;padding:30px 0;margin:25px auto; overflow:hidden}
ul.pagination{display:inline-block;padding:0;margin:0}
ul.pagination li{display:inline}
ul.pagination li a{color:#333;float:left;font-size:14px;padding:5px 12px;margin:0 5px;text-decoration:none;border:1px solid #eee}
ul.pagination li span{color:#aaa;float:left;font-size:14px;padding:5px 12px;margin:0 5px;text-decoration:none;border:1px solid #eee}
.pagination li:first-child a,.pagination li:last-child a{border-radius:0}
ul.pagination li.bor0 a{border-color:#fff;cursor:auto}
ul.pagination li a.active,ul.pagination li.thisclass a{color:#fff;border:1px solid #c19537;cursor:default}
ul.pagination li.thisclass a{ background-color:#c19537;}
ul.pagination li a:hover:not(.active){background-color:#c19537;color:#fff;border-color:#c19537}
ul.pagination li.bor0 a:hover{background:0 0;color:#787a80;border-color:#fff}
ul.preNext{ width:100%; display: flex; justify-content: space-between; float: left; border-top: 1px dotted #ddd;}
ul.preNext li{ padding: 5px 15px; font-size: 12px;}
ul.preNext li a{color:#787a80;}
ul.preNext li a:hover{color:#c19537}
ul.preNext li.pre,ul.preNext li.next{ background: #eee;}

.list_new ul li{ width: 100%; height: auto; overflow: hidden; margin-bottom: 30px;}
.list_new ul li a{ display: flex; justify-content: space-between; width: 100%;}
.list_new ul li img{ display: block; max-width: 300px; min-width: 300px;}
.list_new ul li .txt{ width: 100%; padding: 30px;}
.list_new ul li .txt h2{ font-size: 18px;}
.list_new ul li .txt h4{ font-size: 12px; font-weight: normal; padding: 15px 0;}

.ny-content{ width: 100%; height: auto; overflow: hidden; padding: 0 50px; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.ny-content img{ max-width: 100%;}
.info{font-size: 14px; color: #666; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dotted #ddd;}
.info-list{ line-height: 30px;}
.info-list span{ padding-left:50px;}
.ny-content .tit{ padding: 30px 0; text-align: center; font-size: 20px;}
.ny-content .date{ font-size: 11px; color: #aaa; line-height: 30px; margin-bottom: 30px;}

.nyrbox{ max-width: 350px; min-width: 300px; padding: 0 30px;}
.nyrbox .tit{ padding:0 15px; width: 100%; line-height: 40px; background: #222; color: #fff;}
.nyrbox .item{ padding-top: 30px;}
.nyrbox .item a{ display: block; border-bottom: 1px dotted #ddd; padding-bottom: 10px;}
.nyrbox .item h3{ font-size: 16px; line-height: 24px; padding-bottom: 10px;}
.nyrbox .item p{ font-size: 14px; color: #999; line-height: 24px;}

.message{ max-width: 600px;}
.message input,.message textarea{ border: 1px solid #ddd; padding: 5px 10px; line-height: 30px; width: 100%; margin-bottom: 10px;}


#wrapper{ min-height:680px;}


@media screen and (max-width: 1440px) {
	#home{ height: auto;}
	.new ul li{ padding: 0 50px;}
}
@media screen and (max-width: 1200px) {
	#home{ height: auto;}
	#header{ padding: 15px; height: 65px; position:relative; background:#222;}
	.logo{max-width:50%;}
	#work{ display: block; padding: 15px;}
	#work .submenu{ padding: 0; max-width: 100%; min-width: 100%;}
	#work .submenu li{ display: inline-block; border: 1px solid #ddd; margin: 5px; margin-left: 0;}
	#work .submenu li a{ padding: 5px 15px;}
	.about{ display: block; padding: 15px;}
	.about .lbox,.about .rbox{ width: 100%; padding: 0;}
	.about .txt,.about .tit{ padding: 15px 0;}
	.about .more a{ width: 100%; text-align: center;}
	.about .list .item{ transform: scale(0.8);}
	.case{ padding: 15px;}
	.case .tbox{ display: block;}
	.case .tbox .sublist{ padding-top:10px;}
	.new { padding: 15px 0;}
	.new ul li{ padding: 0 15px; width: 100%; overflow: hidden; margin-bottom: 30px; border-bottom: 1px dotted #ddd;}
	.fnav,.fbox{ padding: 15px;}
	.fbox{ display: block;}
	.fbox .flbox{ width: 100%;}
	.fbox .lbox{ min-width: 100%; text-align: center;}
	.fbox .lbox img,.fbox .lbox .ftel{margin: auto; float: none;}
	.fbox .lbox img{ padding: 15px 0;}
	.fbox .lbox .ftel{ display: inline-block; }
	.fbox .cbox{ padding: 15px; border-top: 1px solid #2a2a2a;}
	.ptop{ padding-top: 30px !important;}
	.ny-content{ padding: 0; border-left:0; border-right: 0;}
	.rbox{ padding: 0; max-width: 100%;}
}

@media screen and (max-width: 768px) {

	#header .logo img{ ;max-width: 220px;}
	.tel{ padding-left: 0; background: none;}
	.tel p:last-child{ font-size: 16px;}
}