@charset "utf-8";
/* CSS Document */

.left{ float:left; overflow:hidden;}
.right{ float:right; overflow:hidden;}
.wrap{ width:100%; position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*头部*/
.header{ width:100%; position:fixed; left:0; top:0; z-index:99; transition:all ease 0.4s;}
.header .head{ width:1200px; height:116px; position:relative; margin:0 auto;}
.header h1.logo{ display:block; overflow:hidden; float:left;}
.header h1.logo a{ display:block; overflow:hidden;}
.header h1.logo a img{ display:none; height:116px;}
.header h1.logo a img.f{ display:block;}
.header a.menu{ display:none; width:86px; height:86px; background:url(../images/common/head_menu.png) center no-repeat; background-size:auto 36%; float:right; position:relative; z-index:4;}
.header.fixed{ background:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,0.2);}
.header.fixed h1.logo a img{ display:block;}
.header.fixed h1.logo a img.f{ display:none;}

/*导航*/
ul.nav{ display:block; height:116px; float:right; position:relative;}
ul.nav li{ display:block; float:left; position:relative;}
ul.nav li.line{ height:5px; background:#fff; position:absolute; left:0; top:0;}
.header.fixed ul.nav li.line{ background:#c01727;}
ul.nav li a{ display:block; line-height:116px; color:#fff; font-size:16px; text-align:center; padding:0 1.1em; position:relative; z-index:5; transition:all ease 0.4s;}
.header.fixed ul.nav li a{ color:#333;}
ul.nav li p.sub{ display:block; display:none !important; width:100vw; height:0; font-size:14px; background:#212121; overflow:hidden; position:absolute; left:0; top:100%; transition:all ease 0.4s;}
ul.nav li p.sub a{ line-height:4; color:#aaa !important; font-size:inherit; float:left; margin:0 0 0 0.5em;}
ul.nav li p.sub a:hover{ color:#fff !important;}
ul.nav li:hover p.sub,
ul.nav li.on p.sub{ height:4em;}

/*banner*/
.banner{ height:600px; max-height:68vh; background:#fff center no-repeat; background-size:cover; position:relative;}

/*底部*/
.footer{ background:#212121; position:relative;}
.footer .foot{ width:1200px; position:relative; margin:0 auto; padding:120px 0;}
.footer .foot::after{ content:''; display:block; clear:both;}
.footer a.logo{ display:block; overflow:hidden;}
.footer a.logo img{ display:block; height:74px;}
.footer p{ display:block; line-height:2.5; color:#646464; font-size:16px; text-align:center; overflow:hidden; float:left;}
.footer p a{ color:#646464;}
.footer p a:hover{ color:#ccc;}
.footer em{ display:block; float:right;}
.footer em a{ display:block; width:40px; height:40px; background:#b71c22; border-radius:5px; position:relative; margin:0 0 0 16px; float:left;}
.footer em a>img{ display:block; width:40px; height:40px; border-radius:5px;}
.footer em a i{ display:none; width:120px; line-height:1; color:#333; letter-spacing:-0.5px; text-align:center; padding:0 0 10px; background:#fff; border-radius:5px; position:absolute; left:50%; top:100%; margin:12px 0 0 -60px; z-index:999;}
.footer em a:hover i{ display:block;}
.footer em a i::after{ content:''; display:block; border:1px solid rgba(0,0,0,0); border-width:0 5px 7px; border-bottom-color:#fff; position:absolute; left:50%; top:0; margin:-7px 0 0 -5px;}
.footer em a i img{ display:block; width:100%; border-radius:5px;}
.footer .copyright{ line-height:2; color:#8d8d8d; font-size:12px; text-align:center; overflow:hidden; padding:1em 0; border-top:1px solid #383838;}
.footer .copyright nobr{ margin:0 4px;}
.footer .copyright a{ color:inherit;}
.footer .copyright a:hover{ color:#c01727;}
.footer .code{ display:none; color:#666; font-size:14px; text-align:center; background:#fff; padding:0 0 0.8em; box-shadow:rgba(0,0,0,0.6) 0 0 6px; position:fixed; left:50%; top:48%; margin:-142px 0 0 -100px; z-index:99999;}
.footer .code img{ display:block; width:200px;}
.footer .code a.close{ display:block; width:28px; height:28px; background:#fff; border-radius:50%; position:absolute; right:0; top:0; margin:-14px; z-index:9; box-shadow:rgba(0,0,0,0.6) 1px -1px 2px;}
.footer .code a.close::before,
.footer .code a.close::after{ content:''; display:block; width:16px; height:1px; background:#c01727; position:absolute; left:0; top:0; margin:13px 0 0 6px;}
.footer .code a.close::before{ transform:rotate(45deg);}
.footer .code a.close::after{ transform:rotate(-45deg);}


/*返回顶部*/
.backToTop{ display:block; width:48px; height:48px; background:url(../images/common/top.png) center no-repeat; position:fixed; right:20px; bottom:70px; cursor:pointer; text-indent:-9999px; z-index:99; background-size:contain;}
.backToTop:hover1{ background-image:url(../images/common/top_h.png);}

/*主体样式*/
.main{ overflow:hidden;}

.menu{ background:#f7f7f7; border-bottom:1px solid #e7e7e7;}
.menu ul{ display:block; width:1200px; margin:0 auto;}
.menu ul::after{ content:''; display:block; clear:both;}
.menu ul li{ display:block; float:left;}
.menu ul li a{ display:block; line-height:3.5; color:#333; font-size:16px; padding:0 1em; margin:0 3em 0 0;}
.menu ul li a:hover,
.menu ul li.cur a{ border-bottom:3px solid #c01727; margin-bottom:-3px;}

/*内容样式*/
.main .attr{ width:1200px; margin:0 auto; overflow:hidden; position:relative;}
.main .attr h2.title{ display:block; line-height:1.68; color:#333; font-size:26px; font-weight:normal; text-align:center; padding:2.5em 0 1.68em;}
.main .attr h2.title strong{ display:block; line-height:1.42; color:#c01727; font-size:0.923em; text-transform:uppercase;}
.main .attr h3.title{ display:block; line-height:2; color:#333; font-size:28px; font-weight:normal; text-align:center; padding:2.16em 20px 0.42em;}
.main .attr p.mark{ display:block; line-height:2.28; color:#999; font-size:14px; text-align:center; padding:0.5em 0 1.5em; border-bottom:1px dashed #ddd; margin:0 0 2em;}
.main .article{ min-height:280px; line-height:2; color:#555; font-size:16px; font-weight:normal; text-align:justify; padding:0.5em 4px 2.5em;}
.main .article.news_info{ max-width:1000px; margin:0 auto;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ width:expression(100%?100%) true; max-width:100%; height:auto;}
.main .article img.pro{ display:block; max-width:42%; float:left; margin:0 4.5% 1.5% 0;}

/*文章切换*/
.main .change{ overflow:hidden; padding:6px 0 0; margin:20px 0 0; border-top:1px dashed #ddd;}
.main .change p{ display:block; width:46%; line-height:52px; color:#333; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 2%; float:left;}
.main .change p a{ color:#333;}
.main .change p a:hover{ color:#c01727;}

/*页码样式*/
.pages{ text-align:center; font-size:16px; padding:48px 0 72px;}
.pages span,
.pages a{ display:inline-block; *display:inline; *zoom:1; min-width:16px; color:#999; height:24px; line-height:24px; text-align:center; background:#fff; padding:9px 14px; border:1px solid #d2d2d2; margin:0 8px;}
.pages a:hover,
.pages span{ color:#c01727; padding:8px 13px; border-width:2px; border-color:#c01727;}

/*关于我们*/
a#jianjie,
a#yuanjing,
a#licheng,
a#news,
a#honor,
a#casecate,
a#video{ display:block; width:10px; height:10px; position:absolute; left:0; top:-116px;}
a#video{ margin-top:-72px;}

.abTxt{ line-height:1.8; color:#535353; font-size:15px; text-align:center; margin:0 6%;}
dl.about{ display:block; overflow:hidden; margin:0 6%; padding:68px 0 78px;}
dl.about dt{ display:block; width:50%; height:384px; padding:40px 36px; border:10px solid #fff; overflow:hidden; box-sizing:border-box; float:left; position:relative;}
dl.about dt::after{ content:''; display:block; width:100%; height:100%; background:url(../images/upload/about1.jpg) center no-repeat; background-size:cover; position:absolute; left:0; top:0; z-index:3; transition:all ease 0.4s;}
dl.about dt:hover::after{ transform:scale(1.2);}
dl.about dd{ display:block; width:50%; height:192px; padding:28px 36px; border:10px solid #fff; overflow:hidden; box-sizing:border-box; float:left; position:relative;}
dl.about dd::after{ content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; transition:all ease 0.4s;}
dl.about dd:nth-child(2)::after{ background:url(../images/upload/about2.jpg) center no-repeat; background-size:cover;}
dl.about dd:nth-child(3)::after{ background:url(../images/upload/about3.jpg) center no-repeat; background-size:cover;}
dl.about dd:hover::after{ transform:scale(1.2);}
dl.about strong{ display:block; line-height:2.4; color:#fff; font-size:30px; position:relative; z-index:5;}
dl.about p{ display:block; line-height:2.2; color:#fff; font-size:15px; position:relative; z-index:5;}

.licheng{ background:#f3f3f3; position:relative;}
.licheng ul{ display:block; overflow:hidden; margin:0 6%;}
.licheng ul li{ display:block;}
.licheng ul li::after{ content:''; display:block; clear:both;}
.licheng ul li.mli{ display:none;}
.licheng ul li em{ display:block; width:16%; line-height:78px; font-size:36px; font-weight:bold; text-align:center; float:left;}
.licheng ul li em font{ display:block; color:#333; transition:all ease 0.4s; cursor:pointer;}
.licheng ul li.cur em font{ color:#c01727; transform:scale(1.3);}
.licheng ul li i{ display:block; width:14px; height:14px; background:#f7f7f7; border:2px solid #c5c5c5; border-radius:50%; float:left; margin:30px -10px 0 38px;}
.licheng ul li .box{ overflow:hidden; padding:0 0 6px; padding-left:78px; border-left:2px solid #d8d8d8;}
.licheng ul li .box a.tit{ display:block; line-height:2; color:#535353; font-size:15px; font-weight:bold; padding:1.6em 0; padding-left:50px; position:relative;}
.licheng ul li .box a.tit::before{ content:''; display:block; width:12px; height:12px; background:url(../images/icons/licheng.png) left center no-repeat; position:absolute; left:0; top:33px; transition:all ease 0.4s;}
.licheng ul li:hover .box a.tit::before{ transform:rotate(90deg);}
.licheng ul li .box .txt{ display:none; line-height:1.78; color:#535353; font-size:14px; padding-left:50px;}
.licheng a.more{ display:block; width:50px; height:50px; background:url(../images/icons/lc_more.png) center no-repeat; background-size:contain; margin:48px auto; transition:all ease 0.4s;}
.licheng a.more.up{ transform:rotate(180deg);}

.honor{ padding:0 0 72px;}
.honor .swiper-container{ padding:0 0 52px;}
.honor .swiper-slide{ overflow:hidden;}
.honor .swiper-slide a{ display:block; width:25%; padding:8px; box-sizing:border-box; float:left;}
.honor .swiper-slide a img{ display:block; width:100%; transition:all ease 0.4s;}
.honor .swiper-slide a:hover1 img{ transform:scale(1.02); box-shadow:0 0 8px 0 rgba(183,28,34,0.5);}
.honor .swiper-pagination{ height:10px; bottom:0;}
.honor .swiper-pagination-bullet{ width:10px; height:10px; background:#c3c3c3; margin:0 5px !important; vertical-align:top; opacity:1;}
.honor .swiper-pagination-bullet-active{ background:#c01727;}

.video{ padding:0 52px; margin:0 0 72px; position:relative;}
.video .swiper-container{ padding:0 0 0;}
.video .swiper-slide{ overflow:hidden;}
.video .swiper-slide a{ display:block; font-size:16px; cursor:pointer;}
.video .swiper-slide a::before{ content:''; display:block; width:3.25em; height:3.25em; background:url(../images/icons/video.png) center no-repeat; background-size:contain; position:absolute; right:0; bottom:5em; margin:2em;}
.video .swiper-slide a img{ display:block; width:100%;}
.video .swiper-slide a span{ display:block; line-height:5; color:#535353; text-align:center;}
.video .swiper-slide a span:hover{ color:#c01727;}
.video .prev,
.video .next{ width:18px; height:30px; position:absolute; top:50%; margin-top:-55px; cursor:pointer;}
.video .prev{ background:url(../images/icons/prev.png) center no-repeat; background-size:contain; left:0;}
.video .next{ background:url(../images/icons/next.png) center no-repeat; background-size:contain; right:0;}

/*服务项目*/
ul.projYs{ display:block; overflow:hidden; padding:52px 0 0;}
ul.projYs li{ display:block; width:20%; font-size:16px; float:left;}
ul.projYs li em{ display:block; overflow:hidden; position:relative;}
ul.projYs li img{ display:block; height:5.75em; margin:0 auto 1em;}
ul.projYs li img.h{ position:absolute; left:50%; top:0; transform:translateX(-50%);}
ul.projYs li strong{ display:block; line-height:1.72; color:#333; font-size:1.375em; text-align:center;}
ul.projYs li span{ display:block; line-height:2; color:#666; text-align:center;}
ul.business{ display:block; overflow:hidden; margin:0 -8px; padding:0 0 72px;}
ul.business li{ display:block; width:50%; box-sizing:border-box; border:8px solid rgba(0,0,0,0); float:left; position:relative;}
ul.business li em{ display:block; height:328px; background:#000; overflow:hidden; transition:all ease 0.4s;}
ul.business li em img{ display:block; min-width:100%; height:100%; margin-left:50%; transform:translateX(-50%); opacity:0.35; transition:all ease 0.4s;}
ul.business li .box{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
ul.business li .box img{ display:block; height:68px; margin:98px auto 0; transition:all ease 0.4s;}
ul.business li .box strong{ display:block; line-height:32px; color:#fff; font-size:18px; text-align:center; padding:12px 0 0; transition:all ease 0.4s;}
ul.business li .box span{ display:block; line-height:24px; color:#fff; font-size:14px; text-align:center; transition:all ease 0.4s;}
ul.business li .box .txt{ display:none; overflow:hidden; padding:0 72px; padding:0 20px; padding-top:24px;}
ul.business li .box .txt a{ display:block; width:44%; width:36%; width:41%; line-height:30px; color:#fff; font-size:15px; float:left; margin:0 3%; margin:0 2% 0 12%; margin:0 0% 0 8%;}
ul.business li:hover em{ background:#c01727;}
ul.business li:hover em img{ opacity:0.1;}
ul.business li:hover .box img{ height:56px; margin:56px auto 0;}
ul.business li:hover .box strong{ line-height:28px; font-size:16px;}
ul.business li:hover .box span{ line-height:20px; font-size:12px;}
ul.business li:hover .box .txt{ display:block;}

/*服务客户*/
ul.cusYs{ display:block; overflow:hidden; padding:56px 0 66px;}
ul.cusYs li{ display:block; width:25%; font-size:16px; float:left;}
ul.cusYs li em{ display:block; position:relative; margin:0 0 1em;}
ul.cusYs li em::after{ content:''; display:block; width:100%; height:100%; background:url(../images/icons/cus_ico.png) center no-repeat; background-size:auto 100%; position:absolute; left:0; top:0; z-index:3; transition:all ease 0.4s;}
ul.cusYs li img{ display:block; height:6em; margin:0 auto; position:relative; z-index:5;}
ul.cusYs li em:hover::after{ transform:rotate(139deg);}
ul.cusYs li strong{ display:block; line-height:1.5; color:#c01727; font-size:1.875em; text-align:center;}
ul.cusYs li span{ display:block; line-height:2; color:#666; text-align:center;}
.brand{ background:#fbfbfb url(../images/icons/brand_bg.png) center no-repeat; background-size:cover; padding:0 0 72px;}
.brand .swiper-container{ padding:0 0 56px;}
.brand .swiper-slide{ overflow:hidden;}
.brand .swiper-slide a{ display:block; width:20%; padding:14px 12px; box-sizing:border-box; float:left;}
.brand .swiper-slide a img{ display:block; width:100%; transition:all ease 0.4s; background:#fff; box-shadow:0 0 12px 0 rgba(0,0,0,0.15);}
.brand .swiper-slide a:hover img{ transform:scale(1.05); box-shadow:0 0 8px 0 rgba(183,28,34,0.5);}
.brand .swiper-pagination{ height:10px; bottom:0;}
.brand .swiper-pagination-bullet{ width:10px; height:10px; background:#c3c3c3; margin:0 5px !important; vertical-align:top; opacity:1;}
.brand .swiper-pagination-bullet-active{ background:#c01727;}
.brand .swiper-tips{ line-height:1; color:#666; font-size:14px; padding:0 12px; margin:0 0 -1em;}

/*服务案例*/
.coopSlide{ display:none; background:#ff7f81; border-bottom:8px solid #c01727; overflow:hidden; position:relative;}
.coopSlide .bd{ width:1200px; position:relative; z-index:0; margin:0 auto;}
.coopSlide .bd ul{ display:block; overflow:hidden;}
.coopSlide .bd ul li{ display:block; width:16.66%; overflow:hidden; float:left;}
.coopSlide .bd ul li a{ display:block;}
.coopSlide .bd ul li a img{ display:block; width:100%;}
.coop{ background:#ff7f81; border-bottom:8px solid #c01727;}
.coop ul{ display:block; width:1200px; overflow:hidden; margin:0 auto;}
.coop ul li{ display:block; width:16.66%; float:left;}
.coop ul li a{ display:block;}
.coop ul li a img{ display:block; width:100%;}

.caseCate{ border:1px solid #e6e6e6; margin:56px auto 0;}
.caseCate p{ display:block; overflow:hidden; padding:8px 0; border-bottom:1px solid #e6e6e6;}
.caseCate p label{ display:block; line-height:32px; color:#333; font-size:15px; margin:0 0.8em 0 1.2em; float:left;}
.caseCate p em{ display:block; overflow:hidden;}
.caseCate p em a{ display:block; line-height:32px; color:#535353; font-size:14px; float:left; margin:0 2em 0 0;}
.caseCate p em a::before{ content:''; display:block; width:1em; height:1em; border:1px solid #cecece; border-radius:2px; float:left; margin:8px 10px 0 0;}
.caseCate p em a.cur::before{ background:url(../images/icons/check.png) center no-repeat; background-size:contain; border-color:#c01727;}
.caseCate form{ display:block; width:336px; overflow:hidden; margin:8px auto;}
.caseCate form input.txt{ display:block; width:278px; height:36px; color:#666; font-size:14px; padding:0 0 0 20px; background:#f0f0f0; border:0; border-radius:18px 0 0 18px; float:left;}
.caseCate form input.txt::placeholder{ color:#999;}
.caseCate form input.btn{ display:block; width:38px; height:36px; background:#f0f0f0 url(../images/icons/search.png) left center no-repeat; border:0; border-radius:0 18px 18px 0; float:left;}

.case{ margin:28px 0 16px;}
.case .data{ max-height:67.5em; font-size:14px; overflow-y:auto;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.case .data::-webkit-scrollbar{
	width:4px;
	background-color:#f0f0f0;
}
/*定义滚动条轨道 内阴影+圆角*/
.case .data::-webkit-scrollbar-track{
	-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.3);
	border-radius:2px;
	background-color:#f0f0f0;
}
/*定义滑块 内阴影+圆角*/
.case .data::-webkit-scrollbar-thumb{
	border-radius:2px;
	background-color:#6d6d6d;
}
.case table{ width:100%; table-layout:fixed; border-collapse:collapse; box-sizing:border-box;}
.case table tr th{ line-height:2.8; color:#fff; font-size:15px; text-align:center; background:#212121; border:1px solid #212121;}
.case table tr td{ line-height:1.5; color:#535353; font-size:14px; text-align:center; padding:0.75em 1em; border:1px solid #f0f0f0;}
.case table tr:hover td{ background:#f8f8f8;}

.main ul.newsList{ display:block; overflow:hidden; margin:0 -10px;}
.main ul.newsList li{ display:block; width:33.33%; position:relative; float:left;}
.main ul.newsList li a{ display:block; border:1px solid #dfdfdf; margin:0 10px 20px;}
.main ul.newsList li a i{ display:block; overflow:hidden; margin:-1px -1px 0;}
.main ul.newsList li a img{ display:block; width:100%; transition:all ease 0.4s;}
.main ul.newsList li a span{ display:block; line-height:1.5; color:#535353; font-size:16px; text-align:justify; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:1.25em 6% 0;}
.main ul.newsList li a em{ display:block; line-height:3.6; color:#535353; font-size:12px; text-align:right; overflow:hidden; margin:0 6% 0;}
.main ul.newsList li a:hover img{ transform:scale(1.12);}
.main ul.newsList li a:hover span{ color:#c01727;}
.main ul.newsList li .info{ display:none;}
.main a.getMore{ display:block; width:8.28em; line-height:3; color:#999; font-size:14px; text-align:center; background:#e9e9e9; border-radius:1.5em; margin:3em auto 6.5em;}
.main a.getMore.nb{ margin-bottom:3em;}
.main a.getMore:hover{ color:#fff; background:#c01727;}

/*联系我们*/
ul.contact{ display:block; display:-webkit-flex; display:flex; overflow:hidden; padding:7% 0 0; margin:0 -10px;}
ul.contact li{ display:block; width:25%; padding:0 10px; background:#f7f7f7; background-clip:content-box; float:left; box-sizing:border-box;}
ul.contact li em{ display:block; background:#000; overflow:hidden; position:relative;}
ul.contact li em img{ display:block; width:100%; transition:all ease 0.4s; opacity:0.6;}
ul.contact li em:hover img{ transform:scale(1.2);}
ul.contact li em span{ display:block; width:100%; line-height:2; color:#fff; font-size:30px; text-align:center; position:absolute; left:0; top:50%; transform:translateY(-50%);}
ul.contact li .txt{ line-height:2; color:#535353; font-size:14px; padding:1em 1.28em;}
img.contact{ display:block; width:100%; margin:5.5% 0 7%;}
img.contact.hide{ height:0; margin-top:0;}

/*弹窗*/
.newsWindow{ display:none; width:70%; background:#fff; box-shadow:0 3px 29px 0 rgba(0,0,0,0.35); position:fixed; left:15%; top:18%; z-index:999;}
.newsWindow .con{ height:70vh; border:20px solid #fff; overflow-y:auto; box-sizing:border-box;}
.newsWindow a.close{ display:block; width:30px; height:30px; background:url(../images/common/close.png) center no-repeat; background-size:contain; position:absolute; right:0; top:0; margin:-8px; z-index:9;}
.newsWindow h3.title{ display:block; line-height:2; color:#333; font-size:24px; text-align:center; padding:1em 20px 0;}
.newsWindow p.mark{ display:block; line-height:3; color:#999; font-size:14px; text-align:center; padding:0.5em 0 2em;}
.newsWindow .article{ line-height:1.72; color:#555; font-size:14px;}
.newsWindow .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.newsWindow .article img{ max-width:100%; height:auto;}

.videoWindow{ display:none; box-shadow:0 3px 29px 0 rgba(0,0,0,0.35); position:fixed; left:50%; top:53%; transform:translate(-50%,-50%); z-index:999;}
.videoWindow video{ display:block;/* max-width:70vw; max-height:70vh;*/}
.videoWindow a.close{ display:block; width:30px; height:30px; background:url(../images/common/close.png) center no-repeat; background-size:contain; position:absolute; right:0; top:0; margin:-8px; z-index:9;}


/*pc适配*/
@media only screen and (min-width:1480px){
.header .head,
.footer .foot,
.menu ul,
.coop ul,
.coopSlide .bd,
.main .attr{ width:82%;}
}

@media only screen and (max-width:1240px){
.header .head,
.footer .foot,
.menu ul,
.coop ul,
.coopSlide .bd,
.main .attr{ width:auto; margin:0 20px;}

ul.nav li a{ padding:0 1.8em;}
ul.nav li p.sub a{ padding:0 1em;}
.banner{ height:46vw;}

.abTxt{ margin:0;}
dl.about{ margin:0 -10px;}
.licheng ul{ margin:0;}
ul.business li .box .txt{ margin-left:0; margin-right:0;}
ul.business li .box .txt a{ width:44%; margin:0 3%;}
.brand .swiper-slide a{ width:25%;}
}

@media only screen and (max-width:1024px){
.header .head,
.footer .foot,
.menu ul,
.coopSlide .bd,
.main .attr{ width:auto; margin:0 20px;}

.coopSlide{ border-bottom-width:6px;}
.coopSlide .bd ul li{ width:20%;}

.header .head,
.header h1.logo a img{ height:80px;}
.header a.menu{ display:block; width:50px; height:80px; border:0;}
ul.nav{ width:28%; height:auto; padding:8px 0; background:rgba(192,23,39,0.8); margin:0; position:absolute; right:-20px; top:100%; transition:all ease 0.4s; transform:translateX(110%);}
ul.nav li.line{ display:none !important;}
ul.nav.show{ transform:translateX(0);}
ul.nav li{ float:none; padding:0;}
ul.nav li a{ line-height:2.8; color:#fff; font-size:22px; padding:0;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#fff; background:none;}
ul.nav li p.sub{ display:none !important;}
.header.fixed ul.nav li a{ color:#fff;}
.footer .foot{ padding:40px 0;}
.footer em a i{ display:none !important;}

.backToTop{ bottom:32px; width:40px; height:40px;}

.menu ul li{ width:16.66%;}
.menu ul li a{ padding:0; margin:0; text-align:center;}
.main .attr h3.title{ font-size:24px;}

a#jianjie,
a#yuanjing,
a#licheng,
a#news,
a#honor,
a#video{ top:-80px;}

.pages{ padding:6% 0 8%;}

dl.about dt{ width:40%; padding:30px 20px;}
dl.about dt:hover::after{ transform:none;}
dl.about dd{ width:60%; padding:24px 20px;}
dl.about dd:hover::after{ transform:none;}

ul.projYs{ padding:52px 0 0;}
ul.projYs li{ font-size:14px;}
ul.projYs li img{ height:5em;}
ul.business li .box img,
ul.business li:hover .box img{ height:56px; margin:36px auto 0;}
ul.business li .box strong{ line-height:28px; font-size:16px;}
ul.business li .box span{ line-height:20px; font-size:12px;}
ul.business li .box .txt{ display:block;}
ul.business li .box .txt a{ width:auto; float:none; font-size:14px;}

ul.business li em{ height:100%; position:absolute; left:0; top:0; z-index:1;}
ul.business li em img{ width:100%; height:100%; object-fit:cover;}
ul.business li .box{ position:relative; z-index:3;}
ul.business li .box .txt{ padding-bottom:20px;}

ul.cusYs{ padding:46px 0 56px;}
ul.cusYs li{ font-size:14px;}
ul.cusYs li img{ height:6em;}
ul.cusYs li strong{ font-size:1.75em;}
ul.cusYs li span{ padding:0 1.5em;}
.brand .swiper-slide a{ padding:6px;}
.brand .swiper-tips{ padding:0 6px; margin:0.5em 0 -1.5em;}

.coop ul{ margin:0;}
.caseCate{ margin:28px auto 0;}

ul.contact{ display:block; padding:26px 0 0;}
ul.contact li{ width:50%; padding:20px 10px 0;}
ul.contact li .txt{ height:10em;}
img.contact{ margin:36px 0;}

.newsWindow{ width:88%; left:6%;}
.videoWindow{ top:50%;}
.videoWindow video{/* max-width:86vw; max-height:86vh;*/}

}

@media only screen and (max-width:480px){
.header .head,
.footer .foot,
.menu ul,
.coopSlide .bd,
.main .attr{ margin:0 10px;}

.coopSlide{ border-bottom-width:4px;}
.coopSlide .bd ul li{ width:33.33%;}

.header .head,
.header h1.logo a img{ height:56px;}
.header h1.logo a img{ box-sizing:border-box; padding:2px 0;}
.header a.menu{ width:36px; height:56px;}
ul.nav{ width:38%; right:-10px;}
ul.nav li a{ font-size:16px;}
.footer .foot{ padding:16px 0;}
.footer a.logo img{ height:60px; margin:0 auto;}
.footer p{ display:none;}
.footer em{ width:168px; overflow:hidden; padding-right:16px; margin:0 auto; float:none; transform:scale(0.8);}
.footer .copyright{ line-height:1.6; font-size:12px; padding:1.2em 0 1.4em;}
.backToTop{ width:32px; height:32px; background-size:100% 100%; right:12px; bottom:72px; z-index:999;}

.banner{ height:50vw;}
.menu ul{ padding:0.5em 0;}
.menu ul li{ width:33.33%;}
.menu ul li a{ line-height:2.5; font-size:14px;}
.menu ul li a:hover,
.menu ul li.cur a{ border:0; margin:0; color:#c01727;}

a#jianjie,
a#yuanjing,
a#licheng,
a#news,
a#honor,
a#video{ top:-56px;}

.main .attr h2.title{ font-size:20px; padding:1.5em 0 1.2em;}
.main .attr h3.title{ line-height:1.72; font-size:18px;}
.main .attr p.mark{ font-size:12px; padding-bottom:0.8em;}
.main .article{ font-size:13px;}

.pages{ font-size:13px; padding:8% 0 10%;}
.pages span,
.pages a{ padding:2px 7px; margin:0 4px;}

.abTxt{ font-size:14px;}
dl.about{ padding:48px 0 48px;}
dl.about dt{ width:100%; height:auto; margin:-10px 0 0;}
dl.about dd{ width:100%; height:auto; margin:-10px 0 0;}
dl.about strong{ font-size:22px;}
dl.about p{ font-size:13px;}

.licheng ul li em{ line-height:54px; font-size:16px;}
.licheng ul li i{ margin:18px -10px 0 14px;}
.licheng ul li .box{ padding-left:28px; padding-bottom:0;}
.licheng ul li .box a.tit{ padding:12px 0; padding-left:24px;}
.licheng ul li .box a.tit::before{ top:21px;}
.licheng ul li .box .txt{ padding-left:24px;}
.licheng ul li.cur em{ font-size:20px;}
.licheng a.more{ width:36px; height:36px; margin:36px auto;}

.main ul.newsList li{ width:100%;}
.honor{ padding:0 0 52px;}
.honor .swiper-slide a{ width:25%; padding:2px;}
.video{ padding:0 32px; margin:0 0 24px;}
.video .swiper-slide a::before{ width:2.25em; height:2.25em; margin:0.5em;} 

ul.projYs{ padding:32px 0 0;}
ul.projYs li{ font-size:12px;}
ul.projYs li img{ height:4em;}
ul.business li{ width:100%;}

ul.cusYs{ padding:26px 0 36px;}
ul.cusYs li{ width:50%; font-size:12px;}
ul.cusYs li em{ margin:0 0 0.5em;}
ul.cusYs li img{ height:5em;}
ul.cusYs li strong{ font-size:1.5em;}
ul.cusYs li span{ height:3em; line-height:1.5; padding:0.5px 2em 1em;}
.brand .swiper-slide a{ width:33.33%;}
.brand .swiper-slide a:nth-child(19){ margin-left:16.67%;}
.brand .swiper-tips{ font-size:13px; margin:1em 0 -2em;}

.coop ul li{ width:33.33%;}
.coop ul li a img{ margin:-6% 0;}
.caseCate p label{ line-height:30px; font-size:14px;}
.caseCate p em a{ line-height:30px; font-size:13px;}
.caseCate p em a::before{ margin:7.5epx 8px 0 0;}
.case table tr th{ font-size:14px; white-space:nowrap;}
.case .data{ max-height:37em; font-size:13px;}
.case table tr td{ padding:6px 6px; font-size:13px;}
.main a.getMore{ margin:1em auto 3.5em;}

ul.contact{ padding:6px 0 0;}
ul.contact li{ width:100%;}
ul.contact li em img{ margin:-16% 0;}
ul.contact li em span{ font-size:26px;}
ul.contact li .txt{ height:auto;}

.newsWindow{ width:88%; left:6%; top:14%;}
.newsWindow a.close{ width:24px; height:24px;}
.newsWindow .con{ height:80vh; border-width:12px;}
.newsWindow h3.title{ line-height:1.5; font-size:18px; padding:1em 20px 0;}
.newsWindow p.mark{ line-height:3; font-size:13px; padding:0.5em 0 1em;}
.newsWindow .article{ font-size:13px;}
.videoWindow{ top:50%;}
.videoWindow{ top:46%;}
.videoWindow a.close{ width:24px; height:24px;}
.videoWindow video{/* max-width:92vw; max-height:92vh;*/}
}

@media only screen and (min-width:1241px){
.video .swiper-slide a img{ width:80%; margin:0 auto;}
}

.honor .swiper-pagination-bullet:only-child{ display:none;}





/**/