/*!
 * @ Description: custom style
 * @ Author: weiwei
 * @ Date: 2019-05-10 16:57:20
 */

/*
 **********************
 * common style 
 ********************** 
 * 网站头部
 ********************** 
 * 菜单
 **********************
 * 底部COPYRIGHT
 ********************** 
 * 首页样式
 **********************
 * 内页样式
 **********************
*/

/* common style */
html{background:#FFF;color:#000; font-size: 10px; }body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{font-family: "Microsoft YaHei"; margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{position:relative;z-index:-2;background:#fff; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.page{margin:2rem;}
.main{ overflow: hidden; margin:25px auto; paddign:0; }
.title{height:40px;line-height:40px;overflow:hidden;margin-bottom:20px;background:#ebebeb;}
.title h3{padding:0;height:40px;}
.title h3 strong{font-size:18px;color:#fff;font-weight:normal;line-height:40px;background:#0288de;padding:0 26px;display:inline-block;}
.title h3 small{}
.title .right{text-align:right;}
.title .right p,.title .right a{font-size:14px;color:#a3a3a3;}
.title a:hover{ color: #ff9702; }
.g_content p{  margin:0 auto; }
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px;}
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: -1px; overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color: #237ed2; background: #237ed2;}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}
#prev_next{border-top:1px dotted #868686;margin:2rem 0;padding:2rem 0;}
.down{width: 100%;height: 52px;background:#211f1f;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: block; z-index: 9999;}
.down li{width: 24.7%;border-right: solid 1px #ffffff;text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px; list-style:none;}
.down li a{color: #ffffff;}
.down .current{border-right: none;}
.down li img{max-width: 25px;height: 25px;}
@media(min-width: 768px){
	.footer{margin-bottom: 0}
	.down{display: none;}
}

/* go top */
.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}
.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:#0288de;line-height: 45px;margin-top:1px;}
.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.plugin-fixed-call .child a{ display: inline-block; overflow: hidden; }
.plugin-fixed-call .child:hover{width:160px;background: #000;}
.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}
.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}

.plugin-fixed-call .fixedQQ{bottom:92px;}
.plugin-fixed-call .fixedCall{bottom:46px;}
.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:#0288de;line-height: 45px;margin-top:1px;}
.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}
.scrolledDown{ display: block; }
/* 自定义样式 */
.container{ padding:0; }
a:hover{ text-decoration: none; }
/* 网站头部 */
.h-tool{ line-height: 54px; border-bottom: 1px solid #ededed; background: #f2f3f3; }
.h-tool a, .h-tool p{ font-size: 14px; color: #666666; }
.h-tool a:hover{ color: #fe9404; } 
.h-tool ul{	float: right; }
.h-tool li{	float: left; margin-right: 12px; list-style: none; }
.h-tool li span{ font-size: 16px; color: #666; line-height: 1; margin-right: 10px; }
.h-tool li a:hover span{ color: #fe9404; }
.h-top{ padding:24px 0; background: #fff; }
.tel{ text-align: right; margin-top: 2px; }
/* 菜单 */
.m-menu{ background: #0288de; height: 52px; }
.m-menu .navbar{ margin-bottom: 0; }
.m-menu .container,
.navbar{ border: none; padding-left: 0; padding-right: 0; }
.navbar-nav > li{ margin:0; }
.navbar-nav > li > a{ width: 100%; text-align: center; padding:16px 26px; font-size: 16px; color: #ffffff; }
.navbar-nav > li > a:hover{	color: #fff; background: #eaaf0a; }
.navbar-wrapper > .container { padding-right: 0; padding-left: 0; }
.navbar-wrapper .navbar { padding-right: 15px; padding-left: 15px; }
.navbar-wrapper .navbar .container { width: auto; }

/* 首页效果
-------------------------------------------------- */
.carousel-inner img{ margin: 0 auto;}
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{ max-width: inherit; }
/* 搜索 */
.m-keys{height: 66px;line-height: 66px;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.m-keys .container{height: 66px;border-bottom: 1px dashed #bfbfbf;padding:0;}
.m-keys .keys{padding:0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.m-keys .keys h3{font-size: 14px;color: #999999;font-weight: bold;float: left;line-height: 66px;}
.m-keys .keys > a{font-size: 14px;color: #999999;margin-right: 16px;line-height: 66px;}
.m-keys .input-group{width: 326px;height: 36px;float: right;margin-top: 15px;}
.m-keys .form-control{border:none;width: 345px;height: 39px;outline: none;padding-left: 20px;border:1px solid #dcdcdc;background: #fff;border-radius: 0;}
.m-keys .input-group-addon{background: none;border:none;position: relative;left: -6px;top:-2px;z-index: 2;width: 32px;height: 42px;background: url(../images/ico-search.jpg) no-repeat center;}
#submit{display: inline-block;width: 25px;height: 25px;border:none;background: none;}
.m-keys .glyphicon-search{color: #7e7e7e;border:none;}
/* 侧边栏 */
.s-type{width: 100%;overflow: hidden;}
.s-type > h3{text-align: right;background: #ff9900;padding:23px 18px 18px 0;font-size: 30px;color: #ffffff;font-weight: bold;}
.s-type > h3 span{display: inline-block;margin-top: 10px;font-size: 22px;color: #ffffff;text-transform: uppercase;line-height: 1;padding-top: 10px;border-top:1px solid #ffffff;font-weight: normal;}
.s-type ul{padding:28px 0;background: #f7f0de;overflow: hidden;}
.s-type li{width: 90%; float: right; border-bottom: 1px solid #baaf93;}
.s-type li h3{font-size: 16px; color: #5d5d5d; padding:17px 0 17px 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.s-type li:hover h3{color: #fff; transition: all .3s;}
.s-type ul > a{display: inline-block; width: 90%; float: right; text-align: right; margin:25px 10% 10px 0; font-size: 14px; color: #ff6301; transition: all .3s;}
.s-type ul > a:hover{margin-right: 15%; transition: all .3s;}
/* 产品中心 */
.m-pro{	background: #f2f1f1; overflow: hidden; padding-bottom: 34px; }
.m-pro .hd{ text-align: center; padding:36px 0 30px; }
.m-pro .hd span{ line-height: 1; margin-bottom: 12px; font-size: 32px; color: #0288de; text-transform: uppercase; font-family: "Baskerville Old Face"; }
.m-pro .hd h3{ font-size: 28px; color: #333333; line-height: 1; margin:12px 0 30px; }
.m-pro .hd h3:before{ content: ""; display: inline-block; width: 34px; height: 2px; background: #a5a6a7; margin-right: 12px; position: relative; bottom: 8px; }
.m-pro .hd h3:after{ content: ""; display: inline-block; width: 34px; height: 2px; background: #a5a6a7; margin-left: 12px;	position: relative;	bottom: 8px; }
.m-type{ text-align: center; margin:0 0 30px; }
.m-type a{ font-size: 16px; color: #333333;	display: inline-block; padding:10px 30px; border:1px solid #e6e6e6; margin: 5px 10px; border-radius: 25px; }
.m-type a:hover{ background: #0288de; color: #fff;}
.pro-bd li{ margin-bottom: 20px; }
.pro-bd li .img, #pro .swiper-slide .img{ border:1px solid #dcdcdc; height: 260px; }
.pro-bd li .img img, #pro .swiper-slide .img img{ width: 100%; height: 100%; object-fit: cover; background: #fff; }
.pro-bd li h3, #pro .swiper-slide h3{ background: #0288de; text-align: center; padding:15px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #ffffff; }
.pro-bd li:hover h3, #pro .swiper-slide:hover h3{ background: #fe9404; }
/* 优势 */
.m-super{ overflow: hidden; margin-top:40px; }
.m-super .hd h3{ height: 198px; background:url(../images/super-tit.png) no-repeat center; }
.m-super .bd li h3{ height: 68px; line-height: 68px; }
.m-super .bd li h3 i{ display: inline-block; width: 68px; height: 68px; background: url(../images/ico-s-bg.png) no-repeat center; font-size: 24px; color: #0288de; font-family: impact; font-style: normal; text-align: center; float: left; margin-right: 16px; }
.m-super .bd li h3 span{ display: block; background: url(../images/h3-bg.png) no-repeat left center; font-size: 24px; color: #ffffff; font-weight: bold; padding-left: 30px; width: 80%; float: left; }
.m-super .bd li p{ margin-left: 90px; font-size: 16px; color: #333333; line-height: 30px; }
.m-super .bd li > div{ margin-bottom: 14px; margin-left: -50px; }
.s-12 li:nth-child(1){ border-bottom: 1px dashed #e2e2e2; text-align: center; padding-bottom: 50px; }
.s-12 li:nth-child(1) img{ margin-top: -20px; }
.s-12 li:nth-child(2){ border-left: 1px dashed #e2e2e2; padding-bottom: 14px; }
.s-34{ background: #f9f9f9; padding-bottom: 20px; }
.s-34 li:nth-child(2){ border-left: 1px dashed #e2e2e2; border-bottom: 1px dashed #e2e2e2; }
.s-34 li:nth-child(2) div{ margin-top: 40px; }
.s-34 li:nth-child(2) div + div{ padding-bottom: 30px; }
.s-34 li:nth-child(1){ text-align: center; padding-top: 20px; }
/* 成功案例 */
.m-case{ overflow: hidden; background: #3398e0; }
.m-case .hd{ text-align: center; padding:48px 0 0; }
.m-case .hd span{ line-height: 1; margin-bottom: 12px; font-size: 32px; color: #f9f9f9; text-transform: uppercase; font-family: "Baskerville Old Face"; }
.m-case .hd h3{ font-size: 28px; color: #f9f9f9; line-height: 1; margin:18px 0 38px; }
.m-case .hd h3:before{ content: ""; display: inline-block; width: 34px; height: 2px; background: #f9f9f9; margin-right: 12px; position: relative; bottom: 8px; }
.m-case .hd h3:after{ content: ""; display: inline-block; width: 34px; height: 2px; background: #f9f9f9; margin-left: 12px;	position: relative;	bottom: 8px; }
.m-case .bd img{ width: 100%; height: 230px; object-fit: cover; }
.m-case .bd{ text-align: center; }
.m-case .bd .more{ margin:35px 0; display: inline-block; padding:14px 38px; border:1px solid #fff; border-radius: 40px; font-size: 18px; color: #f9f9f9; }
.m-case .bd .more:hover{ background: #eaaf0a; }
/* 公司简介 */
.m-about{ overflow: hidden; background:url(../images/about-bg.jpg) no-repeat top center; }
.m-about .hd{ text-align: center; padding:48px 0 0; }
.m-about .hd span{ line-height: 1; margin-bottom: 12px; font-size: 32px; color: #0288de; text-transform: uppercase; font-family: "Baskerville Old Face"; }
.m-about .hd h3{ font-size: 28px; color: #323232; line-height: 1; margin:18px 0 38px; }
.m-about .hd h3:before{ content: ""; display: inline-block; width: 34px; height: 2px; background: #a5a6a7; margin-right: 12px; position: relative; bottom: 8px; }
.m-about .hd h3:after{ content: ""; display: inline-block; width: 34px; height: 2px; background: #a5a6a7; margin-left: 12px;	position: relative;	bottom: 8px; }
.m-about .bd{ text-align: center; }
.m-about .bd h3{ font-size: 24px; color: #0288de; line-height: 1; margin:0 0 36px;  }
.m-about .bd p{ font-size: 16px; color: #666666; line-height: 32px; }
.m-about .bd > a{ display: inline-block; margin:20px 0; padding:10px 40px; border:1px solid #d3d5d4; border-radius: 3px; font-size: 16px; color: #0288de; }
.m-about .bd > a:hover{ background: #0288de; color: #fff; }
/* 资质荣誉 */
/* 新闻中心 */
.m-news{ overflow: hidden; background: #2ea5e2; padding-bottom: 50px; }
.m-news .hd{ text-align: center; padding:48px 0 0; }
.m-news .hd span{ line-height: 1; margin-bottom: 12px; font-size: 32px; color: #fff; text-transform: uppercase; font-family: "Baskerville Old Face"; }
.m-news .hd h3{ font-size: 28px; color: #fff; line-height: 1; margin:18px 0 38px; }
.m-news .hd h3:before{ content: ""; display: inline-block; width: 34px; height: 2px; background: #fff; margin-right: 12px; position: relative; bottom: 8px; }
.m-news .hd h3:after{ content: ""; display: inline-block; width: 34px; height: 2px; background: #fff; margin-left: 12px;	position: relative;	bottom: 8px; }
.m-news .bd a{ overflow: hidden; }
.m-news .bd a img{ width: 100%; height: 117px; object-fit: cover; float: left; }
.m-news .bd a .txt h3{ margin:10px 0 0; font-size: 18px; color: #ffffff; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m-news .bd a .txt span{ display: inline-block; margin:10px 0; font-size: 14px; color: #ffffff; }
.m-news .bd a .txt p{ font-size: 14px; color: #ffffff; line-height: 24px; }

/* 底部信息 */
#footer{background: #333333;}
#footer .row{padding:4rem 0;}
.f-nav{padding:0 0 0 40px;border-right: 1px solid #3e3e3e;}
.f-nav h3{font-size: 1.6em;color: #fdfcfa;margin-bottom: 3rem;text-transform: uppercase;}
.f-nav a{display: inline-block;font-size: 1.4rem;color: #939191;margin-bottom: 18px;margin-right: 36px;}
.f-contact{padding:0 0 20px 54px;border-right: 1px solid #3e3e3e;}
.f-contact h3{font-size: 1.6em;color: #fdfcfa;margin-bottom: 2.2rem;text-transform: uppercase;}
.f-contact p{font-size: 1.4rem;color: #939191;line-height: 3em;margin:0;}
.f-ewm{padding-top: 0px;}
.f-logo,.f-ewm{text-align: center;}
.f-copy{text-align: center;color: #f3f5f6;font-size: 1em;background: #222323;}
.f-copy p{padding:18px 0;}

/* chrome input placeholder style */
::-webkit-input-placeholder { color:#bbbbbb !important; } 
#banner{overflow:hidden;text-align:center;position:relative;}
#banner > img{max-width:100%;}
.location p{padding-left:30px;background:url(../images/ico-map.png) no-repeat left center;font-size:14px;color:#555555;text-align:left;}
/* 内页文章样式 */
.article .container{margin:2.5rem auto;background:#ffffff;padding:2rem;}
.article p{color:#6b6b6b;font-size:1.6rem;line-height:3rem;}
.article p img{max-width:100%;}
.article h1{text-align:center;font-size:2.7rem;line-height:2.7rem;margin:2.8rem 0 1.6rem;}
.article .meta_info{text-align:center;padding-bottom:26px;border-bottom:1px dotted #868686;margin-bottom:30px;font-size:1em;color:#888787;}
.article img{text-align:center;margin:0 auto;max-width:100%;}
.a_tit{background:#f0f1f2;margin:20px 0;}
.a_tit h3{padding:12px 20px;background:#0288de;color:#fff;display:inline-block;font-size:1.1em;margin:0;}
.a_con{padding-bottom:20px;}
.a_con p{font-size:16px;line-height:36px;}
#xgcp .swiper-slide{overflow:hidden;margin-bottom:20px;overflow:hidden;}
#xgcp .swiper-slide .img{width:100%;height:194px;position:relative;}
#xgcp .swiper-slide .img:before{content:"";display:block;width:100%;height:100%;background:rgba(251,135,5,.35) url(../images/ico-search.png) no-repeat center;position:absolute;bottom:100%;transition:all .3s;}
#xgcp .swiper-slide:hover .img:before{bottom:0;}
#xgcp .swiper-slide .img img{width:100%;height:194px;background:#fff;object-fit:cover;}
#xgcp .swiper-slide h3{height:42px;line-height:42px;background:#e4e2e2;font-size:14px;color:#555555;text-align:center;}
#xgcp .swiper-slide:hover h3{background:#f3a952;color:#fff;}
.info_top h1{font-size:36px;color:#24292a;font-weight:bold;margin-bottom:10px;text-align:left;}
.info_top p{font-size:14px;color:#555555;line-height:24px;}
.info_top span{display:block;font-size:20px;color:#0288de;font-weight:bold;line-height:60px;border-bottom:1px solid #bcbcbc;padding-left:30px;background:url(../images/ico-cd.png) no-repeat left center;margin-bottom:20px;}
.info_top span small{font-size:14px;font-weight:normal;margin-left:10px;}
.info_top a{display:inline-block;overflow:hidden;color:#fff;margin-top:60px;margin-left:-15px;}
.info_top i{display:inline-block;width:100%;overflow:hidden;padding:15px 45px;border-radius:5px;padding-left:43%;font-size:18px;color:#fff;font-style:normal;}
.info_top i.ico-wx{ background: #0288de url(../images/ico-wx.png) no-repeat 17% center; }
.info_top i.ico-cu{ background: #0288de url(../images/ico-cu.png) no-repeat 17% center; }
.info_top a:hover i.ico-wx{ background: #323737 url(../images/ico-wx.png) no-repeat 17% center; }
.info_top a:hover i.ico-cu{ background: #323737 url(../images/ico-cu.png) no-repeat 17% center; }
/* 新闻列表 */
.news li{margin:0 10px 0;padding:1rem;border-bottom:1px dotted #ccc;}
.news li h3{font-size:2rem;margin-bottom:1rem;}
.news li p{font-size:1.4rem;color:#848282;line-height:2.2rem;}
.news li:hover{background:#f0f0f0;}
.news li:hover h3{color:#ff9702;}
.btn-primary{background-color:#ff9702;border-color:#e37f00;}
.form-group{overflow:hidden;}

/* 媒体查询 */
@media screen and (max-width: 1900px){
	.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{ max-width: 100%; }
}
@media screen and (max-width: 1200px){
	.m-menu{ height: auto; border-bottom: 0;}
	.navbar-nav{ margin:0; }
	.navbar-nav > li{ width: 20%; float: left; border:1px solid #fff; }
	.navbar-nav > li > a{ padding:10px 0; text-align: center; }
	.navbar-nav > li > a:hover{ border-bottom: 0; }
	.navbar-nav > li:nth-child(1),
	.navbar-nav > li:nth-child(2),
	.navbar-nav > li:nth-child(3),
    .navbar-nav > li:nth-child(4),
	.navbar-nav > li:nth-child(5){ border-bottom: 0; }
	.navbar-nav > li:nth-child(1),
	.navbar-nav > li:nth-child(2),
	.navbar-nav > li:nth-child(3),
    .navbar-nav > li:nth-child(4),
	.navbar-nav > li:nth-child(6),
    .navbar-nav > li:nth-child(7),
    .navbar-nav > li:nth-child(8),
	.navbar-nav > li:nth-child(9){ border-right:0;}
	.m-about .txt h3{padding:10px 0 16px;padding:10px 0 16px;}
	.m-about .txt p{ line-height: 26px; }
	.m-about .txt strong{ display: none; }
	.m-info .txt p{ font-size: 20px; }
	.m-info .txt p strong{ font-size: 22px; }
	.pro-bd li .img, #pro .swiper-slide .img{ height: 310px; }
	.m_super img{ max-width: 100%; }
	.s-12 li:nth-child(1){ padding-bottom: 79px; }
	.s-12 li:nth-child(1) img{ width: 100%; margin-top: 80px; }
	.m-super .bd li > div{ margin-left: 0; }
	.m-news .bd a .img{ background: #fff; overflow: hidden; }
	.m-news .bd a img{ object-fit: contain; }
	.info_top i{ padding:15px 30px 15px 80px; }
	.info_top i.ico-cu, .info_top i.ico-cu{ background-size: 20%; }
    .logo{ display: flex; align-items: center; }
    .logo img{ max-width: 100%; }

}
@media screen and (max-width: 992px){
	.m-type a{ margin:5px; }
	.m-about .img{ display: none; }
	.m-info .right{ display: none; }
	.m-news .bd .swiper-slide span{ width: 100%;  }
	.f-contact{ margin-bottom: 15px; clear: both; }
	.f-message{ clear: both; }
	.f-copy .txt{ text-align: center; }
	.h-tool{ display: none; }
	.h-top{ padding:20px 0; }
	.m-news .bd .swiper-slide .txt{ margin-left: 0; width: 100%; clear: both; padding-top: 15px; }
	.m-keys{ display: none; }
	.h-location{ display: block; padding:0 15px; }
	.h-location + h1{ margin:20px auto; text-align: center; font-size: 20px; font-weight: bold; }
	.f-nav, .f-contact{ padding:0; border:0; }
	.tel img{ max-width: 100%; }
	.m-super .hd h3{ background-size: 80%; }
	.m-super .bd li h3 span{ line-height: 2; }
	.pro-bd li .img, #pro .swiper-slide .img{ height: 240px; }
	.m-type{ margin-bottom: 0; }
	.s-12 li:nth-child(2), .s-34 li:nth-child(2){ border:none; }
	.s-12 li:nth-child(1){ padding-bottom: 10px; }
	#gimg{ width: 100%; margin:20px 0 0; }
	.info_top a{ display: none; }
	.s-12 li:nth-child(1) img{ margin:0 0 20px; width: auto; max-width: 100%;  }
	.m-super .hd h3{ height: 120px; }
}
@media screen and (max-width: 785px){
	.m-super .bd li > div{ margin:20px; }
	.m-about{ background-size: cover; }
	.m-about .bd{ padding:0 20px; }
	#footer .container{ padding: 20px 40px; }
	.f-copy{ margin-bottom: 40px; }
	.tel{ display: none; }
	.m-super .bd li > div{ padding-bottom: 12px; }
	.m-super .bd li h3{ height: 42px; line-height: 42px; }
	.m-super .bd li h3 span{ font-size: 16px; font-weight: normal; width: 80%; margin:17px 0; }
	.m-super .bd li p{ clear: both; font-size: 14px; }
	.m-super .bd li h3 i{ line-height: 68px;  }
	.logo{ display: block; text-align: center;  }
}
@media screen and (max-width: 640px){
	.logo img{ text-align: center; width: 100%; }
	.m-super .hd{ background-size: 280%; }
	.m-super .bd li{ margin-bottom: 10px; }
	.m-about .txt span{ background-size: 90%; }
	.f-copy{ margin-bottom: 54px; }
	.info_top h1{ font-size:28px; line-height:1.2; }
	.info_top a{ display:none; }
	.m-type{ overflow: hidden; margin:0; }
	.m-super .hd h3{ display: none; }
	.m-super li > img{ max-width: 100%; }
	.m-super .bd li{ height: auto; }
	.m-super .bd li > div{ margin:0; }
	.m-super .bd li h3 i{ display: none; }
	.m-super .bd li p{ margin-left: 0; }
	.m-case .bd img{ height: 140px; }
	#pro .swiper-slide .img img{ height: 200px; }
	.m-news .bd a .txt span{ display: none; }
	.pro-bd li .img, #pro .swiper-slide .img{ height: 140px; }
	.m-news .bd a img{ height: 140px; }
	.m-type a{ padding:5px 10px; }
}
@media screen and (max-width: 414px){
	.m-super .hd { background-size: 360%; }
	.m-about .txt h3{ font-size: 24px; }
	.m-about .txt span { background-size: 70%;}
}