@charset "utf-8";
/* CSS Document */
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{ font-family: -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif; line-height:1.75; font-size: 16px; color: #333; line-height: 1.75;}
a,a:hover,a:active,a:visited,a:focus{color:#333; text-decoration: none;}
/*主体样式*/
html,body{ width: 100%; height: 100%; position: relative;}
.container{ width: 100%; max-width: 1600px; margin: auto;}
/*顶部样式*/
#header{ position: fixed; top: 0; left: 0; width: 100%; height: auto; padding: 15px 0; z-index: 1001; background: rgba(0,0,0,.3);}
#header .container{display: flex; justify-content:space-between; align-items: center;display: -webkit-flex; -webkit-justify-content:space-between; -webkit-align-items: center;}
.logo{ min-width: 380px; width: 30%; display: flex; justify-content: start; align-items: center;}
.logo img{ max-height: 60px;}
.logo span{ display: block; padding-left: 15px; margin-left: 15px; border-left: 1px solid #ddd; line-height: 50px; color: #fff;}
.oheight{ transition: all 0.5s; background: rgba(255,255,255,0.7);}
#header.hbbg{ transition: all 0.5s; background:#222; box-shadow: 0 0 5px #333;}
.nav{ width: 40%; max-width: 800px; min-width: 700px;}
.nav ul{ display: flex; justify-content: space-between;}
.nav ul li{ position: relative;}
.nav ul li>a{ position: relative; display: inline-block; line-height: 30px; color: #fff; font-size: 20px; }
.nav ul li .subnav{ position: absolute; top: 35px;left: 0; width: 150%; min-width:180px; height:auto; max-height: 0; overflow: hidden; transition: all 0.5s; background:#da0000 }
.nav ul li>a::before{  display: block; content: ""; position: absolute; width: 0; bottom: -5px; left: 0; height: 5px; background: #da0000; transition: all 0.5s; }
.nav ul li:hover>a::before,.nav ul li.active>a::before{ width: 100%; }
.nav ul li:hover .subnav{max-height: 500px;}
.nav .subnav a{ display: inline-block; box-sizing: border-box; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.2); color:#fff; line-height: 30px; font-size: 16px; padding: 5px 15px;transition: all 0.5s; }
.nav .subnav a:hover{ text-indent: 10px; background: rgba(0,0,0,0.2);}

.tel{ width: 30%; min-width: 265px; height: 50px; display: flex; justify-content: flex-end; align-items: center;}
.tel p{ padding: 0 15px; line-height: 40px;height: 40px; background: #da0000; border-radius: 30px;}
.tel p a{ color: #fff; font-size: 20px;}
.code{ position: relative; width: 35px; height: 35px; margin-right: 15px;}
.code span.icon-code{ display: inline-block; width: 35px; height: 35px; background: url(../images/icon-code.png) no-repeat; background-size: 100% 100%; cursor: pointer;}
.code .code-img{ position: absolute; z-index: 999; bottom: 0; left: 0; width: 0; height: 0; opacity: 0; overflow: hidden; transition: all 0.5s;}
.code .code-img img{ width: 100%; height: 100%;}
.code:hover .code-img{opacity: 1; width: 120px; height: 120px; bottom: -130px; left: -40px;}
/* .hbbg .nav ul li>a::before,.hbbg .tel p{ background: #fff;}
.hbbg .tel p a{ color: #da0000;} */

/*移动端导航样式*/
.menu-handler{overflow:hidden;width:60px;height:60px;cursor:pointer;position:absolute;right:0;top:0px;transition:all 0.3s cubic-bezier(0.445,0.145,0.355,1);-webkit-transition:all 0.3s cubic-bezier(0.445,0.145,0.355,1);-moz-transition:all 0.3s cubic-bezier(0.445,0.145,0.355,1);z-index:1012}
.menu-handler .burger{width:32px;height:5px;background:#fff;display:block;position:absolute;z-index:5;top:18px;left:50%;margin:0px 0px 0px -16px;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center}
.menu-handler .burger-2{top:28px}
.menu-handler .burger-3{top:38px}
.menu-handler.active .burger-1{top:30px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}
.menu-handler.active .burger-2{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;left:-100%}
.menu-handler.active .burger-3{top:30px;-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}
.menuBlack{position:fixed;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.5);z-index:999;display:none}
.menuBox{position:fixed;width:100%;top:0;right:-100%;height:100%;background:#da0000;z-index:1000;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none}
.navMobile{margin-top:60px; padding:30px 0;border-top: 1px solid rgba(255,255,255,0.3)}
.navMobile dd a{display:block;line-height:40px;color:#fff;font-weight:normal;font-size:18px;text-align: center;}
.navMobile dd p a.act{color:#fff}
.mtnav a{padding:13px 48px;font-size:16px}
.mtnav{background:#222;display:none}
.navMobile .mtnav>a{ padding: 0; font-size: 14px;}
.mtools{overflow:hidden;background:rgba(0,0,0,0.1);position:fixed;right:-100%;bottom:0;width:100%}
.mtools a{display:block;width:33.33%;text-align:center;float:left;padding-top:10px;height:60px;overflow:hidden;color:#fff; border-left: 1px solid rgba(255,255,255,0.1)}
.mtools .iconfont{font-size:20px}
.mtools p{display:inline-block;vertical-align:middle}
.mtools .weixin .ico{background-position:center -198px}
.mtools .sina .ico{background-position:center -378px}
.m-wx{ width: 100%;display: flex; justify-content: center; box-sizing: border-box;padding: 15px; margin: auto; border-top: 1px solid rgba(255,255,255,0.2);}
.m-wx img{ margin: auto; }
.mtools span{display:block;width:100%;height:20px;line-height:20px;float:left}
.m-wx .codebox{ max-width: 40%;padding: 2%; text-align: center; line-height: 14px; color: #fff}
.mtools .iconfont{font-size:30px;display:block;width:100%;height:20px;line-height:20px;float:left}
/*幻灯样式*/
#banner{ width: 100%; height: auto; position:relative; overflow: hidden; cursor:pointer;}
#banner .swiper-container{ width:100%; margin:0 auto; height:auto; max-height: 900px;}
#banner .swiper-slide{position:relative;}
#banner .swiper-slide .content{position:absolute;top:50%;right:50%;z-index:20;margin-top:-190px;margin-right:-600px;width:1200px;height:auto}
#banner .swiper-slide .content img{margin:auto;width:auto;height:auto; max-width: 100%;}
#banner .swiper-slide .content a{display:inline-block;margin-top:30px;padding:8px 50px; border-radius: 50px; background:#da0000;color:#fff}
#banner .img-fix{overflow:hidden}
#banner .swiper-slide img{width:100%;height:auto;transition:1s ease 2s;transform:scale(1.1,1.1)}
#banner .swiper-slide-active img,#banner .swiper-slide-duplicate-active img{transition:5s ease;transform:scale(1,1)}
#banner .swiper-container img{width:100%;height:auto;}
#banner .swiper-container .swiper-button-next:hover,#banner .swiper-container .swiper-button-prev:hover{opacity:1}
#banner .swiper-button-next,#banner .swiper-button-prev{padding:5px 0;width:44px;border-radius:50%;opacity:.3}
#banner .swiper-button-prev{left:15px;background:url(../images/left.png) no-repeat center #fff}
#banner .swiper-button-next{right:15px;background:url(../images/right.png) no-repeat center #fff}
#banner .bottom-nav{width:100%;text-align:center;position:absolute;bottom:30px;z-index:10}
#banner .swiper-pagination{position:relative;display:inline-block;height:29px;vertical-align:middle}
#banner .swiper-pagination-bullet{border-radius:9px;width:18px;height:18px; border: 3px solid #da0000; background: none; box-sizing:border-box;margin:0 5px;vertical-align:middle;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s; opacity: 1;}
#banner .swiper-pagination-bullet-active{background:#da0000;}
/*作品展示*/
#work{ padding:50px 15px; max-width: 1600px; margin: auto;}
#work .submenu{ width: 100%;padding-bottom: 30px; }
.tit h3{ font-size: 40px; line-height:40px; padding: 15px 0;}
.tit h3 small{ font-size: 12px;line-height:20px;}
.tit P{ font-size: 14px; color: #666; line-height: 20px;}
#work .tit{ text-align: center; }
#work .sublist{ text-align: center; width: 100%; }
#work .sublist a{ color: #fff; padding:0 15px; width: 150px; overflow: hidden; display:inline-block; box-sizing:border-box; height: 40px; line-height: 40px;  font-size: 14px; background: #444;}
#work .sublist a:hover{ background: #da0000; }
#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; display: -webkit-flex; flex-direction:column; align-items: center; justify-content: center; transition: all 0.5s;}
.work a .txt span{ padding: 5px 15px; border: 1px solid #fff; color:#fff;}
.work li:hover a .txt{top: 0;}

.about{ max-width: 1570px; margin: auto; display: flex; display: -webkit-flex; align-items: center; background: #f5f5f5;}
.about .lbox,.about .rbox{ width: 50%;}
.about .rbox{ padding:30px 50px; padding-left: 5%;}
.about .list{ display: flex; display: -webkit-flex; justify-content: space-between;}
.about .txt{ padding-top: 30px; line-height: 30px; color: #666; text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;}
.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: 30px; }
.about .more a{ display: inline-block; padding: 10px 80px; background: #da0000; color: #fff;}
.case{ padding: 30px 20px; max-width: 1600px; margin: auto;}
.case .tbox{ display: flex; display: -webkit-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 .work a{ padding: 10px; border: 1px solid #ddd;}
.case .work a .txt{ position: relative; top:0; background: #ffff;}
.case .work a .txt span{ border: 0; font-size: 16px; font-weight: bold; color:#333;}
.case .work li:hover a{ border: 1px solid #da0000;}
.case .work li:hover a .txt{ background: #da0000;}
.case .work li:hover a .txt span{ color: #fff;}
/* .case .box{ padding-top: 30px;} */
.new{ padding:15px; max-width: 1600px; margin: auto; overflow: hidden;}
.new .swiper-container{ padding: 50px 0;  overflow: hidden;}
.new ul{ display: flex; justify-content: space-between;}
.new ul li{ width: 32%; padding: 15px; border: 1px solid #ddd;}
.new ul li .txt{ padding: 15px 0;}
.new ul li h2{ font-weight: normal; padding-top: 10px;overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;}
.new ul li h4{ font-weight: normal; font-size: 12px; padding: 15px 0;}
.new ul li p{ font-size: 14px; line-height: 24px; overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.new ul li:hover h2{ color: #da0000;}
.new ul li:hover p{ color: #333;}
.new .swiper-button-next,.new .swiper-button-prev{ background: rgba(0, 0, 0, 0.3); width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff;}
.new .swiper-button-next:hover,.new .swiper-button-prev:hover{ background: rgba(0, 0, 0, 1);}
/*首页底部*/
.back_top{ position: fixed; right: 10px; bottom: 80px; z-index: 999;}
.footer{ background: #222;}
.fnav{ display: none; padding:15px; max-width: 1570px; margin: auto; 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:50px 15px; max-width: 1570px; margin: auto; display: flex; display: -webkit-flex; justify-content: space-between;}
.fbox .lbox,.fbox .cbox{ padding:10px 30px; width: 100%; border-right: 1px solid rgba(255,255,255,0.2);}
.fbox .cbox,.fbox .rbox{ padding-left: 50px; }
.fbox .rbox{ min-width: 440px;}
.fbox .lbox{ min-width: 450px;}
.fbox .lbox img{ float: left; padding-right: 30px; max-width: 150px;}
.fbox .cbox p{ line-height: 24px; 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: 15px; text-align: center; max-width: 1570px; margin: auto; background:#444; font-size: 14px; color: #fff; }
.fbot a{ color: #fff;}

/*.ptop{ padding-top: 120px !important;}*/

/* #wrapper{ min-height: 680px;} */

/*分页*/
div.paginationbox{width:100%;height:auto;padding: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:#787a80;float:left;font-size:14px;padding:5px 12px;margin:0 5px;text-decoration:none;border:1px solid #eee}
ul.pagination li span{color:#333;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 #da0000;cursor:default}
ul.pagination li.thisclass a{ background-color:#da0000;}
ul.pagination li a:hover:not(.active){background-color:#da0000;color:#fff;border-color:#da0000}
ul.pagination li.bor0 a:hover{background:0 0;color:#787a80;border-color:#fff}
ul.preNext{ width:100%; display: flex; display: -webkit-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:#da0000}
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; display: -webkit-flex; justify-content: space-between; width: 100%;padding: 15px;
	border: 1px solid #ddd;}
.list_new ul li img{ display: block; max-width: 300px; min-width: 300px; max-height: 180px;}
.list_new ul li .txt{ width: 100%; padding: 15px;}
.list_new ul li .txt h2{ font-size: 18px;}
.list_new ul li .txt p{overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.list_new ul li .txt h4{ font-size: 12px; font-weight: normal; padding: 15px 0;}
.page_new{ background: #eee;}
.page_new .lbox,.page_new .ny-content{ margin-right: 50px; background: #fff; padding: 30px; border-radius: 5px;}


.ny-content{ width: 100%; height: auto; overflow: hidden; }
.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: 15px 0; font-size: 24px; text-align: left; border-bottom: dashed #ddd 1px;}
.ny-content .date{ font-size: 14px; text-align: center; color: #666; line-height: 30px; margin-bottom: 30px;}

.content_box{  width: 100%; padding: 30px;border: 1px solid #ddd;
	margin: 30px;}


.nyrbox{ max-width: 300px; padding: 15px; border-radius: 5px; box-shadow: 0 0 10px #ddd; background: #fff;}
#work .nyrbox .tit{ padding:15px 0; width: 100%; line-height: 40px;font-size: 24px; text-align: left; border-bottom: 1px dashed #aaa; font-weight: bold; }
.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; margin-bottom: 10px;overflow: hidden; font-weight: normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;}
.nyrbox .item p{ font-size: 14px; color: #999; line-height: 24px;overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}

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





@media screen and (max-width: 1600px) {
	.about .txt{ padding: 0 }
}
@media screen and (max-width: 1440px) {
	.nav ul li > a{ font-size: 18px;}
	.logo img{ max-height: 60px;}
	.nav{ min-width: 600px;}
}

.mapbox{ width: 100%;padding: 15px; max-width: 1600px; margin: auto; box-sizing: border-box; }
.mapbox .box{ background: #eee; position: relative; padding: 10px; height: auto; overflow: hidden;}
.mapbox .lbox{ width: 100%; float: left; box-sizing: border-box; }
.mapbox .rbox{ position: absolute; top: 50px; right: 40px; width: auto; float: left; box-sizing: border-box; padding: 30px; background: rgba(255,255,255,0.9); overflow: hidden;}
.mapbox .rbox p,.mapbox .lbox p{ font-size: 16px; line-height: 24px; margin: 0;}
.mapbox .rbox h3{ font-size: 30px; color: #da0000; text-align: left; line-height: 30px; font-weight: bold; padding-bottom: 15px; margin: 0;}
.mapbox .rbox .weixin{ margin: 10px 0; display: flex; justify-content: space-between; align-items: center;}
.mapbox .rbox .weixin img{ border: 1px solid #ddd; width: auto; max-width:150px;}
.mapbox .rbox .weixin p{ width: 100%; padding: 10px; font-size: 12px; color: #666;}
.mapbox .rbox .weixin p span{ color: #da0000; font-size: 18px;}
#map{ width: 100%;}
#map .anchorBL{display:none}
#map #allmap{height:500px}
.flink{ padding:15px 0; color:#333; line-height:18px;}
.flink a{display:inline-block; padding:0 5px; color:#333}


.page_case .work a{ padding: 10px; border: 1px solid #ddd;}
.page_case .work a .txt{  position: relative; top:0; background: #f5f5f5;}
.page_case .work a .txt span{ border: 0; font-size: 18px; line-height: 40px; font-weight: bold; color: #333;}
.page_case .work a:hover .txt{ background: #da0000;}
.page_case .work a:hover span{ color: #fff;}
.box.page_case{ display: flex; justify-content: space-between;}
.page_case .lbox{ width:100%; margin-right: 50px; padding: 30px; border: 1px solid #ddd;}
.page_case .nyrbox{ min-width: 300px; box-shadow: none; padding: 30px; border: 1px solid #ddd;}
.page_case .nyrbox  ul li{ width: 100%; height: auto; padding: 15px 0;}
.page_case .nyrbox  ul li a{ display: block; background: #f5f5f5; text-align: center; line-height: 40px;}

@media screen and (max-width: 1200px) {
	
	#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{ margin: 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: 100px !important;} */
	.ny-content{ padding: 0; border-left:0; border-right: 0;}
	.nyrbox{ padding: 0; max-width: 100%;}
	.mapbox{padding: 10px;}
	.mapbox .box{padding: 0}
	.mapbox .lbox{ width: 100%;}
	.mapbox .rbox{ width: 100%;}
}
.area{padding: 0;line-height:40px}
.area a{display:inline-block;padding:0 5px}


@media screen and (max-width: 1560px) {
    #banner .swiper-slide .content{ margin-top: -100px;}
    .container{ max-width: 1280px;}
}

/*ipad样式*/
@media screen and (max-width: 1280px) {
    .logo{ width: 100%;}
    #header{ padding: 5px 0;}
    .tel{padding-right: 40px;}
    #banner .swiper-slide .content{ width: 100%; margin-right: -50%; height: auto; margin-top:-50px;}
  
}
.arc-box img{ display: block; margin: auto; max-width: 100%;height: auto;}
/*移动端底部拨号按钮*/
.footer-nav{ display: none; border-top: 1px solid rgba(255,255,255,0.3); position:fixed;right:0;bottom:0;left:0;z-index:9999;height:55px;background:#da0000;color:#fff;align-items:center;justify-content:space-around}
.footer-nav .nav-item{display:flex;width:25%;height:100%;color:#fff;vertical-align:middle;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:12px;flex-shrink:1;align-items:center;flex-direction:column;justify-content:center}
.footer-nav .nav-item.active{background-color:#da0000}
.footer-nav .nav-item .nav-icon{display:block;margin-bottom:2px;width:24px}
.footer-nav .nav-item .nav-icon>img{display:block;max-width:100%}
.show-wx{position: fixed; bottom: 54px; z-index: 1002; width: 100%; display: none; overflow: hidden; text-align: center;}
.show-wx img{ display: inline-block;max-width: 150px;}
/*moblie样式*/
@media screen and (max-width: 768px) {
	.footer{ padding-bottom: 60px;}
	.footer-nav{ display: flex;}
    .floating_ck{display:none;}
    #banner .swiper-container{ padding-top: 60px;}
	.logo{ width: 100%;}
	.logo img{ max-height: 40px;}
    #header{ padding: 10px 0; background: #da0000;}
    #banner .swiper-slide .content a{ font-size: 12px; padding: 5px 20px; margin-top: 15px;}
    #banner .bottom-nav{ bottom: 10px;}
	#banner .swiper-pagination-bullet{border-radius:5px;width:10px;height:10px;border: 1px solid #da0000;}
	#work .box .swiper-container{ padding-bottom: 0;}
	.new .swiper-container{ padding: 0;}
	.new ul{ flex-wrap: wrap;}
	.new ul li{ width: 100%; }
	.mapbox .rbox{ position: relative; top: 0; left: 0; padding: 10px 0;}
	#map #allmap{ height: 300px;}
	.fnav{ padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
	.fnav a{ width: 33.33%; border-left: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2); text-align: center; padding: 10px 0;box-sizing: border-box;}
	#work .sublist{ display: flex; justify-content: space-between; flex-wrap: wrap;}
	#work .sublist a{ padding: 0; width: 48%; margin-bottom: 5px; height: 30px; line-height: 30px;}
	.work li:nth-child(9){ display: none;}
	.tit P,.nyrbox{ display: none;}
	.new ul li{ border: 0;}
	.new ul li a{padding: 10px; display: block; border: 1px solid #ddd;}
	.list_new ul li a{ flex-wrap: wrap;}
	.list_new ul li a img,.list_new ul li a .txt{ width: 100%; padding: 10px 0;}
	.list_new ul li a img{ max-width: 100%; min-width:auto; max-height: auto;}
	.ny-content .date{ font-size: 12px; line-height: 30px; padding: 0; margin: 0;}
	.page_product .side_tit,.page_product .nyrbox{ display: none;}
	.page_product .content_box{ padding: 30px 0; margin: 0; border: 0;}
	.case .work a{ padding: 2px;}
	.case .work a .txt span{ font-size: 14px; font-weight: normal;}
	.page_case .work a{ padding: 0; border: 0;}
	.page_case .work a .txt span{ font-size: 14px; font-weight: normal; line-height: 30px;}
	.tit h3{ background: #444; text-align: center; color: #fff; font-size: 20px; line-height: 20px; margin-bottom: 10px;}
	.page_new .lbox{ margin: 0; padding: 0; background: none;}
	.page_new .lbox .list_new li{ background: #fff;}
	.page_new .ny-content,.page_case .lbox{ margin: 0; padding: 15px;}
	.ny-content .tit{ font-size: 16px;}
}





.menubar{ width: 100%; height: 50px; line-height: 50px; margin-bottom: 30px; border-bottom: 1px solid #ddd;border-top: 1px solid #ddd; background: #fff; overflow: hidden;}
.menubar a{ display: block; width: auto; height: 50px; padding: 0 100px; text-align: center; overflow: hidden; border-left:1px solid #ddd; float: left;}
.menubar a.topmenu{ float: left; display: block; width: auto; height: 50px; padding: 0 30px; background: #da0000; color: #fff;}
.menubar a:last-child{ border-right: 1px solid #ddd;}
.menubar a:hover,.menubar a.on{ background:#27293d; color: #fff; border-left:1px solid #27293d;}

.main{ width: 100%; float: left; margin-bottom: 30px;}
.mainbox{ float: left; margin-right: 320px; width: 100%; padding-right: 320px;}
.mainbox-width{ display: inline-block; height: 0; overflow: hidden; }
.sidebar{ width: 270px; float: left; margin-left: -270px;}

/*当前位置*/
.position{ height: 50px; line-height: 50px; color: #666; margin: 10px 0;}
.position a{ color: #333; display: inline-block; padding: 0 5px;}
.position a:hover{ color:#27293d;}
.position-cp{ border-bottom: 1px solid #ddd; margin: 0; margin-bottom: 30px;}
/*移动端样式*/
@media screen and (max-width: 768px) {
    .menubar{ margin-bottom: 10px;}
	.menubar a{ padding: 0 30px;}
	.menubar a:first-child{ display: none;}
    .menubar .container{ padding: 0;}
    .position{ height: auto; line-height: 18px; padding: 10px 0; font-size: 12px;}
}

.page_product_more{ width: 100%; height: auto; padding: 15px 0;}
#work .page_product_more .tit{ width: 100%; font-size: 24px; line-height: 60px; text-align: left;}
.page_product_more ul li a{ display: block; padding: 15px; border: 1px solid #ddd;}
@media screen and (max-width: 768px) {
	.page_product_more ul li{ margin-bottom: 10px;}
	.page_product_more ul li a{  padding: 0; border: 0;}
}
.page_cantact img{ border: 1px solid #ddd;}
.page_cantact #map{ border: 1px solid #ddd; padding: 15px;}


/*优势*/
.advantage{ margin-top: 50px; padding: 50px 0; width: 100%; height: auto; overflow: hidden; background: url(../images/probg.jpg) no-repeat center #444; background-attachment: fixed;}

.advantage .tit{ text-align: center; padding: 15px 0;}
.advantage .tit h3{ font-size: 40px; color: #fff;}
.advantage .tit p{ font-size: 16px; color: #fff;}
.advantage .box{ max-width: 1600px; margin: auto;}
.advantage .box ul{ display: flex; justify-content: space-between; padding: 15px;}
.advantage .box ul li{width: 19%;}
.advantage .box ul li h3{ font-size:18px; line-height: 40px; color: #fff;}
.advantage .box ul li p{ font-size:14px; line-height: 20px; color: #fff;}

@media screen and (max-width: 768px) {
	.advantage .box ul{ display: block;}
	.advantage .box ul li{ width: 100%; margin-top: 10px;}
	.advantage .tit h3{ font-size: 20px; margin: 0;}
	.advantage .tit{ padding: 0;}
}

.m_tel{ position: absolute; right: 60px; top:0; width: 50%; height: 60px; line-height: 60px; text-align: right;}
.m_tel a{color: #fff;  font-size: 18px; font-weight: bold;}


.layui-layer{ max-width: 800px !important;}