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

body{ background:#fff;}
.left{ float:left;}
.right{ float:right;}
.wrap{ background:#fff; position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*头部*/
.header{ width:100%; position:absolute; left:0; top:0; z-index:99;}
.header .head{ width:79vw; min-width:1200px; position:relative; margin:0 auto; z-index:3;}
.header .head::after{ content:''; display:block; overflow:hidden; clear:both;}
.header h1.logo{ display:block; float:left;}
.header h1.logo a{ display:block; overflow:hidden;}
.header h1.logo a img{ display:block; height:122px;}
.header a.yuyue{ display:block; line-height:48px; color:#fff; font-size:16px; padding:0 1.5em 0 4em; background:url(../images/common/yy.png) left 1.5em center no-repeat; background-size:1.375em auto; border:1px solid #fff; border-radius:25px; float:right; margin:36px 0 0 1em;}

/*导航*/
ul.nav{ display:block; height:122px; font-size:17px; float:right;}
ul.nav li{ display:block; padding:43px 0; float:left; position:relative; margin-left:0.42vw;}
ul.nav li a{ display:block; line-height:36px; color:#fff; text-align:center; overflow:hidden; white-space:nowrap; padding:0 1.1em; border-radius:18px; position:relative;}

ul.nav li p.sub{ display:none; min-width:7em; background:#fff; position:absolute; left:50%; top:100%; transform:translate(-50%,-1em); z-index:99; box-shadow:0 0 8px rgba(22,22,22,0.2);}
ul.nav li p.sub a{ width:auto; line-height:3.125; color:#444; font-size:0.875em; font-weight:normal; padding:0 0.5em; background:none; border-radius:0;}
ul.nav li p.sub a::after{ display:none;}

/*banner*/
.banner{ width:100vw; height:33.75vw; overflow:hidden; position:relative;}
.banner .bg{ display:block; width:100%; height:100%; background-size:cover !important; position:absolute; left:0; top:0; z-index:1; transition:all ease 1s; transform:scale(1.12); opacity:0;}
.banner h2{ display:block; width:79vw; min-width:1200px; line-height:1.375; color:#fff; font-size:48px; font-family:"思源黑体","思源黑体 CN"; position:absolute; left:50%; top:58%; z-index:2; transform:translate3d(-50%,-50%,0);}
.banner h2 i{ display:block; width:2em; height:4px; background:#fff; margin:0.75em 0 1em;}
.banner h2 em{ display:block; max-width:64%; line-height:2; font-size:0.375em; font-weight:normal;}

.banner.on .bg{ transform:scale(1); opacity:1;}

/*底部*/
.footer{ background:#212121; padding:66px 0 6px; padding:48px 0 0;}
.footer .foot{ width:79vw; min-width:1200px; margin:0 auto; position:relative;}
.footer .foot::before,
.footer .foot::after{ content:''; display:block; overflow:hidden; clear:both;}
.footer a.logo{ display:inline-block; vertical-align:top; margin:0 0 40px 26px;}
.footer a.logo img{ display:block; height:52px;}
.footer .code{ line-height:1.25; color:#333; font-size:14px; text-align:center;}
.footer .code p{ display:block; float:left; margin:0 0 152px; margin:0 0 132px; margin-right:22px; cursor:pointer; position:relative;}
.footer .code p a{ display:block; width:40px; height:40px; background-size:contain !important; border-radius:50%; overflow:hidden;}
.footer .code p a.phone{ background:rgba(255,255,255,0.2) url(../images/common/f_phone.png) center no-repeat;}
.footer .code p a.wx{ background:rgba(255,255,255,0.2) url(../images/common/f_wx.png) center no-repeat;}
.footer .code p a.mail{ background:rgba(255,255,255,0.2) url(../images/common/f_mail.png) center no-repeat;}
.footer .code p a.addr{ background:rgba(255,255,255,0.2) url(../images/common/f_addr.png) center no-repeat;}
.footer .code p span{ display:none; min-width:100%; white-space:nowrap; background:#fff; padding:8px 12px; border-radius:10px; position:absolute; left:50%; top:100%; transform:translate(-50%,30px);}
.footer .code p span::before{ content:''; display:block; border:1px solid #fff; border-color:#fff transparent; border-width:0 5px 8px; position:absolute; left:50%; bottom:100%; margin-left:-5px;}
.footer .code p span img{ display:inline-block; height:102px; /*margin:-8px -12px;*/ border-radius:10px;}
.footer dl{ display:block; font-size:20px; float:left; padding-bottom:48px; padding-bottom:28px; margin-left:4vw;}
.footer dl:first-child{ margin-left:0;}
.footer dl dt{ display:block;}
.footer dl dt::after{ content:''; display:block; width:1.6em; height:2px; background:#fff; margin:1.5em 0 1.4em; margin:1.3em 0 0.9em;}
.footer dl dt a{ display:block; line-height:1; color:#fff; font-weight/:bold;}
.footer dl dd{ display:block;}
.footer dl dd a{ display:block; line-height:2.25; color:#868686; font-size:0.7em;}
.footer .copyright{ line-height:2; color:#868686; font-size:13px; text-align:center; overflow:hidden; padding:2em 0; border-top:1px solid rgba(255,255,255,0.2); clear:both;}

/*返回顶部*/
.backToTop{ display:block; width:50px; height:50px; background:url(../images/common/top.png); position:fixed; right:20px; bottom:60px; cursor:pointer; text-indent:-9999px; opacity:0.7; z-index:99;}

/*主体样式*/
.main{ min-height:calc(100vh - 906px); margin:0 auto; position:relative;}
.main::before,
.main::after{ content:''; display:block; overflow:hidden; clear:both;}
.main>.case{ background:url(../images/icons/bg3.png) left center no-repeat; background-size:auto 100%;}
.main .gray{ background:#fafafa;}

.main .position{ line-height:4.375em; font-size:16px; border-bottom:1px solid #ebebeb;}
.main .position ul{ display:block; float:left;}
.main .position ul li{ display:block; float:left; margin-right:4px;}
.main .position ul li a{ display:block; color:#333; padding:0 3em; position:relative;}
.main .position ul li.cur a{ color:#e41601; font-weight:bold;}
.main .position ul li.cur a::after{ content:''; display:block; width:100%; height:2px; background:#e41601; position:absolute; left:0; bottom:0; transform:translateY(1px);}
.main .position p{ display:block; color:#999; text-align:right; overflow:hidden;}
.main .position p a{ margin:0 0.5em;}

/*内容样式*/
.main .attr{ width:79vw; min-width:1200px; margin:0 auto; position:relative;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr h2.title{ display:block; line-height:2.52; color:#333; font-size:38px; letter-spacing:4px; text-align:center; padding:0.95em 0;}
.main .attr h2.title b{ display:block; line-height:1; font-size:0.58em; padding:1em 0 0;}
.main .attr h2.title span{ display:block; line-height:1; color:#999; font-size:0.48em; font-weight:normal; letter-spacing:0;}
.main .attr h3.title{ display:block; line-height:2; color:#333; font-size:32px; padding-top:1.25em;text-align: center;}
.main .attr p.mark{ display:block; line-height:5.85; color:#999; font-size:14px; border-bottom:1px solid #ebebeb; text-align: center;}
.main .attr p.mark font{ margin:0 1.5em 0 0;}
.main .article{ line-height:2.25; color:#333; font-size:16px; text-align:justify; overflow:hidden; padding:2.25em 0 2.25em;}
.main h2.title + .article{ padding-top:0;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%; height:auto;}
.main .attr>a.more{ display:block; width:11em; line-height:3; color:#fff; font-size:14px; text-align:center; background:linear-gradient(to left, #ef5922, #e31700); border-radius:1.5em; overflow:hidden; margin:5em auto; clear:both;}
.main .attr>a.more::after{ content:''; display:inline-block; vertical-align:top; width:1.65em; height:3em; background:url(../images/icons/arrow.png) right center no-repeat;}

/*文章切换*/
.main .change{ overflow:hidden; font-size:16px; padding:2em 0; border-top:1px solid #ebebeb; margin:0 0 2em;}
.main .change p{ display:block; line-height:2.75; color:#999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change p a{ color:inherit;}

/*页码样式*/
.pages{ text-align:center; font-size:14px; padding:0 0 80px;}
.pages span,
.pages a{ display:inline-block; min-width:12px; color:#999; height:24px; line-height:24px; text-align:center; padding:6px 13px; border:1px solid #d2d2d2; margin:0 8px; cursor:pointer;}
.pages span{ color:#fff; background:#e41601; border-color:#e41601;}

/*产品中心*/
.proYs{ background:url(../images/icons/ys_bg.jpg) center bottom no-repeat;}
.proYs ul{ display:flex; font-size:16px; margin:20px 0 90px;}
.proYs ul::before{ content:''; display:block; width:80%; border-bottom:1px dashed #e9e9e9; position:absolute; left:10%; top:6.8125em; z-index:1;}
.proYs ul::after{ content:''; display:block; overflow:hidden; clear:both;}
.proYs ul li{ display:block; width:25%; float:left; position:relative; z-index:3;}
.proYs ul li a{ display:block; height:100%; margin:0 24px; position:relative; cursor/:pointer;}
.proYs ul li b{ display:block; width:6.7857142em; height:6.7857142em; color:#333; font-size:1.75em; text-align:center; background:#fff; border:0.5em solid #e9e9e9; border-radius:50%; position:relative; transition:all ease 0.5s; margin:0 auto; display:flex; justify-content:center; align-items:center;}
.proYs ul li b font{ display:block; line-height:1.5;}
.proYs ul li b::before,
.proYs ul li b::after{ content:''; display:block; width:4px; height:4px; background:#fff; border:2px solid #e9e9e9; border-radius:50%; position:absolute; top:50%; transform:translateY(-50%); transition:all ease 0.5s;}
.proYs ul li b::before{ right:100%; margin-right:0.5em;}
.proYs ul li b::after{ left:100%; margin-left:0.5em;}
.proYs ul li p{ display:block; line-height:2; color:#333; text-align:center; padding:2em 2.5em 0; transition:all ease 0.5s;}

.proUse{ background:url(../images/icons/use_bg.jpg) center no-repeat; background-size:cover; position:relative; padding:0 0 76px;}
.proUse .attr h2.title{ color:#fff;}
.proUse ul{ display:block; margin:0 -20px; display:flex; flex-wrap:wrap;}
.proUse ul::before,
.proUse ul::after{ content:''; display:block; overflow:hidden; clear:both;}
.proUse ul li{ display:block; width:50%; float:left;}
.proUse ul li a{ display:flex; flex-direction:row-reverse; align-items:center; font-size:16px; background:#fff; padding:0 1.25em 0 2.75em; padding:0 2.57% 0 5.654%; border-radius:0.5em; position:relative; margin:10px 20px 30px; transition:all ease 0.5s; box-sizing:border-box; height:calc(100% - 40px);}
.proUse ul li img{ display:block; height:12.75em; margin-left:2.5em; margin-left:6%; max-width:44.8%; object-fit:contain;}
.proUse ul li div{ display:block;}
.proUse ul li b{ display:block; line-height:1.5; color:#1f40ba; font-size:1.5em; transition:all ease 0.5s;}
.proUse ul li p{ display:block; line-height:1.85; color:#666; font-size:0.875em; padding:1em 0 0; height: 80px;}

.scene{ background:url(../images/icons/scene_bg.jpg) center no-repeat; background-size:cover; padding:0 0 100px; position:relative;}
.scene #ckLine{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.scene .attr{ position:relative; z-index:3;}
.scene .attr h2.title{ color:#fff;}
.scene ul{ display:block; margin:24px 0 0;}
.scene ul::before,
.scene ul::after{ content:''; display:block; overflow:hidden; clear:both;}
.scene ul li{ display:block; width:25%; float:left;}
.scene ul li a{ display:block; font-size:18px; transition:all ease 0.5s;}
.scene ul li em{ display:block; perspective:580; -webkit-perspective:580; margin:0 46px; transition:all ease 0.5s;}
.scene ul li img{ display:block; width:100%; transform:rotateY(30deg) translateX(7%); transition:all ease 0.5s;}
.scene ul li span{ display:block; line-height:1; color:#fff; font-weight:bold; text-align:center; padding:2.5em 0 0;}

/*解决方案*/
.solution{ background:url(../images/icons/solution_bg.jpg) center no-repeat; background-size:cover; padding:0 0 116px;}
.sltMenu{ background:#fff; border:1px solid #efc6c2; border-bottom:0;}
.sltMenu dl{ display:flex; font-size:16px; border-bottom:1px solid #efc6c2;}
.sltMenu dl dt{ display:flex; justify-content:center; align-items:center; flex-shrink:0; width:13em; line-height:4.5; color:#fff; font-size:1.125em; text-align:center; background:#e41601;}
.sltMenu dl:nth-child(odd) dt{ background:#f15d25;}
.sltMenu dl dd{ display:flex; align-items:center; flex:auto; flex-wrap:wrap; padding:1.75em 1em;}
.sltMenu dl dd p{ display:block; width:25%; box-sizing:border-box;}
.sltMenu dl dd a{ display:block; line-height:2.5; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:1.75em; background:url(../images/icons/dot.png) left center no-repeat; margin:0 0.75em;}

.choose{ background:url(../images/icons/choose_bg.jpg) center no-repeat; background-size:cover; padding:0 0 100px;}
.choose .attr h2.title{ color:#fff;}
.choose ul{ display:block; font-size:16px; font-size:14px; overflow:hidden; padding:16px 0 0;}
.choose ul li{ display:block; width:20%; float:left;}
.choose ul li a{ display:block; overflow:hidden;}
.choose ul li img{ display:block; height:10.875em; margin:0 auto; cursor/:pointer; transition:all ease 0.5s;}
.choose ul li span{ display:block; line-height:6; color:#fff; font-size:1.125em; text-align:center; transition:all ease 0.5s;}

.sltInfo{ background:url(../images/icons/round_bg.png) center no-repeat; background-size:cover; position:relative; padding:60px 0 90px;}
.sltInfo .attr{ display:flex; align-items:flex-start;}
.sltInfo h3{ display:block; width:25.125em; height:25.125em; color:#e41601; font-size:16px; background:url(../images/icons/round_title.png) center no-repeat; background-size:contain; position:relative; flex-shrink:0;}
.sltInfo h3::after{ content:''; display:block; width:88.56%; height:88.56%; border-radius:50%; box-shadow:0 0 2.875em rgba(167,167,167,0.2); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1;}
.sltInfo h3 em{ display:block; width:8em; line-height:1.785; font-size:1.75em; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3;}
.sltInfo .txt{ font-size:16px;}
.sltInfo h4{ display:block; line-height:1; color:#e41601; font-size:inherit; font-weight:normal; padding:5.5em 0 1.75em 3.375em; border-bottom:1px solid rgba(228,22,1,0.5); position:relative;}
.sltInfo h4::before{ content:''; display:block; width:7px; height:7px; background:#e41601; border-radius:50%; position:absolute; left:-4px; bottom:-4px;}
.sltInfo h4::after{ content:''; display:block; width:7px; height:7px; background:#e41601; border-radius:50%; position:absolute; right:0; bottom:-4px;}
.sltInfo h4 em{ display:block; font-size:1.875em;}
.sltInfo h4 span{ display:block; text-transform:uppercase; opacity:0.5; padding:1.125em 0 0;}
.sltInfo .txt p{ display:block; line-height:2.5; color:#444; font-size:1.125em; padding:2.275em 3em 0;letter-spacing: 0.1px;}

.xuqiu{ background:url(../images/icons/xuqiu_bg.jpg) center no-repeat; background-size:cover; position:relative; padding:0 0 76px;}
.xuqiu .attr h2.title{ color:#fff;}
.xuqiu ul{ display:block; margin:0 -24px;}
.xuqiu ul::before,
.xuqiu ul::after{ content:''; display:block; overflow:hidden; clear:both;}
.xuqiu ul li{ display:block; width:50%; float:left;}
.xuqiu ul li div{ font-size:16px; background:#fff; padding:1.25em 2em; border-radius:10px; position:relative; margin:24px;}
.xuqiu ul li div::before,
.xuqiu ul li div::after{ content:''; display:block; overflow:hidden; clear:both;}
.xuqiu ul li em{ display:block; width:3.25em; height:2.25em; background-size:100% 100% !important; position:absolute; right:1.375em; top:-1.75em;}
.xuqiu ul li:nth-child(1) em{ background:url(../images/icons/num01.png) center no-repeat;}
.xuqiu ul li:nth-child(2) em{ background:url(../images/icons/num02.png) center no-repeat;}
.xuqiu ul li:nth-child(3) em{ background:url(../images/icons/num03.png) center no-repeat;}
.xuqiu ul li:nth-child(4) em{ background:url(../images/icons/num04.png) center no-repeat;}
.xuqiu ul li img{ display:block; width:6.5em; height:6.5em; float:left; margin-right:3em;}
.xuqiu ul li b{ display:block; line-height:2.4; color:#e41601; font-size:1.375em; overflow:hidden;}
.xuqiu ul li p{ display:block; height:3em; line-height:1.5; color:#666;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

.main ul.youshi{ display:flex; margin:0 -24px; padding:20px 0 100px;}
.main ul.youshi::before,
.main ul.youshi::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.youshi li{ display:block; width:20%; float:left;}
.main ul.youshi li a{ display:flex; height:100%; font-size:18px; margin:0 24px; position:relative; cursor/:pointer;}
.main ul.youshi li em{ display:block; width:2em; line-height:2; color:#fff; font-size:1.333333333333333333em; font-weight:bold; text-align:center; background:#1f40ba; padding:0 0 0.25em; border-radius:0 0 1em 1em; position:absolute; left:0.5em; top:-0.75em; transition:all ease 0.5s;}
.main ul.youshi li em::after{ content:''; display:block; border:1px solid #eaeefc; border-width:0.375em 0.4375em; border-color:transparent transparent #eaeefc #eaeefc; position:absolute; left:100%; top:0; transition:all ease 0.5s;}
.main ul.youshi li p{ display:flex; /*justify-content:center;*/ align-items:center; flex:auto; min-height:7em; line-height:1.5; color:#333; font-weight:bold; text-align:center; padding:2em 0.5em; border:1px solid #ddd; transition:all ease 0.5s;}

.jiagou{ background:url(../images/icons/jiagou_bg.jpg) center no-repeat; background-size:cover; position:relative; padding:0 0 100px;}
.jiagou img{ display:block; max-width:100%; margin:0 auto;}

.main ul.value{ display:block; position:relative; margin:0 0 80px;}
.main ul.value::before{ content:''; display:block; width:100vw; height:2px; background:#eee; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1;}
.main ul.value::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.value li{ display:block; width:12.5%; font-size:16px; padding:8.375em 0; float:left; position:relative; z-index:3; cursor/:pointer;}
.main ul.value li em{ display:block; width:5.125em; height:5.125em; background:#fff url(../images/icons/jz01.png) center no-repeat; background-size:contain; border:2px solid #eee; border-radius:50%; position:relative; transition:all ease 0.5s;}
.main ul.value li:nth-child(1) em{ background-image:url(../images/icons/jz01.png);}
.main ul.value li:nth-child(2) em{ background-image:url(../images/icons/jz02.png);}
.main ul.value li:nth-child(3) em{ background-image:url(../images/icons/jz03.png);}
.main ul.value li:nth-child(4) em{ background-image:url(../images/icons/jz04.png);}
.main ul.value li:nth-child(5) em{ background-image:url(../images/icons/jz05.png);}
.main ul.value li:nth-child(6) em{ background-image:url(../images/icons/jz06.png);}
.main ul.value li:nth-child(7) em{ background-image:url(../images/icons/jz07.png);}
.main ul.value li:nth-child(8) em{ background-image:url(../images/icons/jz08.png);}
.main ul.value li em::before{ content:''; display:block; width:2px; height:8.375em; background:#eee; position:absolute; left:50%; z-index:1; transition:all ease 0.5s;}
.main ul.value li em::after{ content:''; display:block; width:8px; height:8px; background:#eee; border-radius:50%; position:absolute; left:50%; z-index:1; transition:all ease 0.5s;}
.main ul.value li:nth-child(odd) em::before{ bottom:100%; transform:translate(-50%,-2px);}
.main ul.value li:nth-child(odd) em::after{ top:-2px; transform:translate(-50%,-8.375em);}
.main ul.value li:nth-child(even) em::before{ top:100%; transform:translate(-50%,2px);}
.main ul.value li:nth-child(even) em::after{ bottom:-2px; transform:translate(-50%,8.375em);}
.main ul.value li em i{ display:block; width:4.375em; height:4.375em; border:2px dashed #eee; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all ease 0.5s;}
.main ul.value li .info{ width:100%; position:absolute; left:4em;}
.main ul.value li:nth-child(odd) .info{ top:0;}
.main ul.value li:nth-child(even) .info{ bottom:0;}
.main ul.value li b{ display:block; line-height:2.625; color:#333; padding-bottom:0.3125em; transition:all ease 0.5s;}
.main ul.value li p{ display:block; height:5.16em; line-height:1.72; color:#666; font-size:0.875em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}

@-webkit-keyframes round{
	0%{ transform:translate(-50%,-50%) rotate(0deg);}
	100%{ transform:translate(-50%,-50%) rotate(360deg);}
}
@keyframes round{
	0%{ transform:translate(-50%,-50%) rotate(0deg);}
	100%{ transform:translate(-50%,-50%) rotate(360deg);}
}

/*行业案例*/
.main dl.caseMenu{ display:flex; font-size:16px; overflow:hidden; border:1px solid #f2f2f2; border-radius:0 0 0 3em; margin:44px 0 0;}
.main dl.caseMenu dt{ display:flex; justify-content:center; align-items:center; flex-shrink:0; width:8.5em; line-height:7; font-size:1.375em; text-align:center; background:#f6f6f6; border-right:#f2f2f2;}
.main dl.caseMenu dd{ display:block; flex:auto; overflow-x:auto;}
.main dl.caseMenu dd div{ min-width:960px; position:relative; margin:0.75em 2.5% 0;}
.main dl.caseMenu dd div::after{ content:''; display:block; overflow:hidden; clear:both;}
.main dl.caseMenu dd p{ display:block; float:left; margin-right:4%;}
.main dl.caseMenu dd p>a{ display:block; line-height:4.5; color:#666; font-weight:bold; padding:0 1em; position:relative;}
.main dl.caseMenu dd p>a:not(:only-child)::before{ content:''; display:block; width:5px; height:5px; border:1px solid #686868; border-width:0 0 1px 1px; position:absolute; right:0; top:50%; transform:translateY(-70%) rotate(-45deg);}
.main dl.caseMenu dd p>a:not(:only-child)::after{ content:''; display:none; border:1px solid #f6f6f6; border-width:0 6px 8px; border-color:#f6f6f6 transparent; position:absolute; left:50%; bottom:0; margin-left:-6px;}
.main dl.caseMenu dd p em{ display:block; width:100%; text-align:center; background:#f6f6f6; overflow:hidden; border-radius:0.66em; position:absolute; left:0; top:100%; opacity:0; visibility:hidden;}
.main dl.caseMenu dd p:nth-child(2) em,
.main dl.caseMenu dd p:nth-child(3) em{ text-align:left; min-width:63em; white-space:nowrap; max-width:100%; width:auto;}
.main dl.caseMenu dd p:nth-child(6) em,
.main dl.caseMenu dd p:nth-child(7) em{ text-align:right; max-width:63em; max-width:56em;}
.main dl.caseMenu dd p em a{ line-height:3; color:#666; font-size:0.9375em; margin:0 1.614583vw;}
.main dl.caseMenu dd p.cur>a{ color:#e41601; text-decoration:underline;}
.main dl.caseMenu dd p.cur>a::before{ border-color:#e41601;}
.main dl.caseMenu dd p.cur>a::after{ display:block;}
.main dl.caseMenu dd p.cur em{ opacity:1; visibility:visible;}
.main dl.caseMenu dd p em a.cur{ color:#e41601;}

.main ul.caseList{ display:block; margin:0 -20px; padding:34px 0 60px;}
.main ul.caseList::before,
.main ul.caseList::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.caseList li{ display:block; width:33.33%; float:left;}
.main ul.caseList li a{ display:block; font-size:16px; overflow:hidden; margin:20px; position:relative; transition:all ease 0.5s;}
.main ul.caseList li a img{ display:block; width:100%; transition:all ease 0.5s;}
.main ul.caseList li a em{ display:block; min-width:10em; line-height:2.35; color:#fff; font-size:0.875em; text-align:center; background:#1f40ba; padding:0 1em; position:absolute; left:0; top:0; z-index:5; transition:all ease 0.5s;}
.main ul.caseList li a span{ display:block; width:100%; box-sizing:border-box; line-height:3.55; color:#fff; font-size:1.125em; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:1em 1em 0; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); position:absolute; left:0; bottom:0; z-index:1; transition:all ease 0.5s;}
.main ul.caseList li a .shade{ display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; color:#fff; text-align:center; background:rgba(0,0,0,0.7); padding:0 10%; box-sizing:border-box; position:absolute; left:0; top:0; z-index:3; opacity:0; visibility:hidden; transition:all ease 0.5s;}
.main ul.caseList li a .shade::after{ content:''; display:block; width:2.25em; height:2.25em; background:url(../images/icons/more.png) center no-repeat; background-size:contain; margin:1.6875em auto 0;}
.main ul.caseList li a .shade h4{ display:block; line-height:1.5; font-size:1.5em; font-weight:normal; margin:0 -5%; padding:0.6625em 0 0.5625em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.caseList li a .shade p{ max-height:4em; line-height:2; font-size:0.875em; padding:1em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

.attr+ul.caseList{ margin:0 20px; padding:0 0 0;}
.attr+ul.caseList li{ width:25%;}
.attr+ul.caseList li a{ margin:0 20px;}

/*服务支持*/
.main ul.srvList{ display:block; font-size:20px; padding-bottom:2.5em; margin:40px 0 120px;}
.main ul.srvList::before{ content:''; display:block; width:200%; height:100%; background:url(../images/icons/zc_line.png) center bottom repeat-x; background-size:16.66666% 2em; position:absolute; left:50%; top:0; margin-left:1.25em; transform:translateX(-50%); z-index:1;}
.main ul.srvList::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.srvList li{ display:block; width:16.66%; float:left; position:relative; z-index:3;}
.main ul.srvList li:nth-child(even){ padding-top:3.5em;}
.main ul.srvList li a{ display:block; cursor/:pointer;}
.main ul.srvList li em{ display:block; width:2.5em; height:2.5em; background-size:contain !important; border-radius:50%; float:left; margin-right:1em; position:relative; transition:all ease 0.5s;}
.main ul.srvList li:nth-child(1) em{ background:url(../images/icons/zc01.png) center no-repeat;}
.main ul.srvList li:nth-child(2) em{ background:url(../images/icons/zc02.png) center no-repeat;}
.main ul.srvList li:nth-child(3) em{ background:url(../images/icons/zc03.png) center no-repeat;}
.main ul.srvList li:nth-child(4) em{ background:url(../images/icons/zc04.png) center no-repeat;}
.main ul.srvList li:nth-child(5) em{ background:url(../images/icons/zc05.png) center no-repeat;}
.main ul.srvList li:nth-child(6) em{ background:url(../images/icons/zc06.png) center no-repeat;}
.main ul.srvList li em::before{ content:''; display:block; width:1px; height:5.2em; background:#eaeaea; position:absolute; left:50%; top:100%;}
.main ul.srvList li em::after{ content:''; display:block; width:7px; height:7px; background:#eaeaea; border-radius:50%; position:absolute; left:50%; bottom:-5.2em; margin-left:-3px;}
.main ul.srvList li:nth-child(even) em::before{ height:3.7em;}
.main ul.srvList li:nth-child(even) em::after{ bottom:-3.7em;}
.main ul.srvList li b{ display:block; line-height:2.5; color:#1f40ba; overflow:hidden; transition:all ease 0.5s;}
.main ul.srvList li span{ display:block; line-height:1.6; color:#999; font-size:0.75em; text-transform:capitalize; overflow:hidden; margin-left:4.67em;}

.liucheng{ background:url(../images/icons/liucheng_bg.jpg) center no-repeat; background-size:cover; padding:0 0 110px;}
.liucheng .attr h2.title{ color:#fff;}
.liucheng .attr h2.title span{ color:#d2d2d2;}
.liucheng ul{ display:flex; font-size:16px; margin:0 -1.5em; padding:46px 0 0;}
.liucheng ul li{ display:block; width:16.66%; position:relative; float:left;}
.liucheng ul li::before{ content:''; display:block; width:1em; height:1em; background:url(../images/icons/step.png) center no-repeat; background-size:contain; position:absolute; left:0; top:50%; transform:translate(-50%,-50%);}
.liucheng ul li:first-child::before{ display:none;}
.liucheng ul li a{ display:block; height:100%; padding:0 2em; background:#fff; border-radius:0 3.75em 0 0; margin:0 1.5em; cursor/:pointer; transition:all ease 0.5s;}
.liucheng ul li em{ display:block; line-height:3; color:#666; font-size:2.25em; font-family:Impact; text-shadow:5px 5px 0 #e6e6e6; transform:skewX(-14deg) scale(1,1.2); transition:all ease 0.5s;}
.liucheng ul li b{ display:block; line-height:1; color:#444; font-size:1.375em; transition:all ease 0.5s;}
.liucheng ul li p{ display:block; line-height:1.875; color:#666; padding:1.875em 0 3em;}

.fuwu{ background:url(../images/icons/fuwu_bg.jpg) center no-repeat; background-size:cover; padding:0 0 70px;}
.fuwu dl{ display:block; width:68em; font-size:16px; position:relative; margin:-20px auto 0;}
.fuwu dl::before,
.fuwu dl::after{ content:''; display:block; overflow:hidden; clear:both;}
.fuwu dl dt{ display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1;}
.fuwu dl dt img{ display:block; height:14em; position:relative; z-index:3;}
.fuwu dl dt::after{ content:''; display:block; width:100%; height:100%; background:url(../images/icons/fuwu_round.png) center no-repeat; background-size:contain; position:absolute; left:0; top:0; z-index:1; transform:scale(2.17);}
.fuwu dl dd{ display:block; width:50%; padding:4.6em 0; float:left; position:relative; z-index:3;}
.fuwu dl dd p{ display:block; width:16.66em; line-height:2.5; color:#fff; font-size:1.125em; text-align:center; background:#fff; border-radius:1.25em; position:relative;}
.fuwu dl dd:nth-child(2) p{ color:#da17cf; box-shadow:0 0 10px #da17cf30; transform:translate(16%,36%);}
.fuwu dl dd:nth-child(3) p{ color:#204df1; box-shadow:0 0 10px #204df130; transform:translate(-45%,133%);}
.fuwu dl dd:nth-child(4) p{ color:#e04724; box-shadow:0 0 10px #e0472430; transform:translate(5.5%,0%);}
.fuwu dl dd:nth-child(5) p{ color:#870fed; box-shadow:0 0 10px #870fed30; transform:translate(-5.5%,0%);}
.fuwu dl dd:nth-child(6) p{ color:#38bd31; box-shadow:0 0 10px #38bd3130; transform:translate(48%,-120%);}
.fuwu dl dd:nth-child(7) p{ color:#e2be19; box-shadow:0 0 10px #e2be1930; transform:translate(-14%,-50%);}
.fuwu dl dd:nth-child(odd) p{ float:right;}
.fuwu dl dd:nth-child(even) p{ float:left;}
.fuwu dl dd p::after{ content:''; display:block; width:10px; height:10px; background:#fff; border-radius:50%; position:absolute; top:50%; transform:translateY(-50%);}
.fuwu dl dd:nth-child(2) p::after{ background:#da17cf;}
.fuwu dl dd:nth-child(3) p::after{ background:#204df1;}
.fuwu dl dd:nth-child(4) p::after{ background:#e04724;}
.fuwu dl dd:nth-child(5) p::after{ background:#870fed;}
.fuwu dl dd:nth-child(6) p::after{ background:#38bd31;}
.fuwu dl dd:nth-child(7) p::after{ background:#e2be19;}
.fuwu dl dd:nth-child(odd) p::after{ right:108%;}
.fuwu dl dd:nth-child(even) p::after{ left:108%;}

/*在线支持*/
.main ul.videoList{ display:block; overflow:hidden; margin:0 -24px 0; padding:2px 0 30px;}
.main ul.videoList li{ display:block; width:33.33%; float:left;}
.main ul.videoList li a{ display:block; overflow:hidden; margin:0 24px 32px;}
.main ul.videoList li em{ display:block; background:#000; overflow:hidden; position:relative;}
.main ul.videoList li em::after{ content:''; display:block; width:100%; height:100%; background:url(../images/icons/vmark.png) center no-repeat; position:absolute; left:0; top:0;}
.main ul.videoList li img{ display:block; width:100%; opacity:0.5; transition:all ease 0.5s;}
.main ul.videoList li span{ display:block; line-height:4; color:#333; font-size:18px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.5s;}

.download{ background:#f9f9f9; padding:0 0 80px;}
.download ul{ display:block;}
.download ul::before,
.download ul::after{ content:''; display:block; overflow:hidden; clear:both;}
.download ul li{ display:block; line-height:3.75; font-size:16px; padding:0 1.25em; overflow:hidden; background:#fff; margin:0 0 1.5em; box-shadow:0 0 10px rgba(199,199,199,0.2);}
.download ul li a.title{ display:block; max-width:71%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/icons/ico_word.png) left center no-repeat; padding-left:2em; box-sizing:border-box; float:left;}
.download ul li a.title.doc,
.download ul li a.title.docx{ background-image:url(../images/icons/ico_word.png);}
.download ul li span{ display:block; width:10%; color:#999; text-align:right; float:right;}
.download ul li a.btn{ display:block; width:12%; color:#2c93fc; text-decoration:underline; text-align:center; float:right; margin-left:7%;}

/*新闻列表*/
.main .newsCon{ display:flex; flex-direction:row-reverse; align-items:flex-start; padding-top:104px;}
.main .newsInfo{ width: 100%;}
.main h2.title + .newsCon{ margin-top:-104px;}
.main .newsCon h3.title{ margin-top:-0.25em; padding-top:0; text-align: center;}
.main .newsMenu{ flex-shrink:0; width:20em; font-size:16px; padding:0 1.25em 0; box-sizing:border-box; background:#f7f7f7; margin-left:40px;}
.main .newsMenu ul{ display:block; padding:2.625em 0; border-bottom:1px dashed #e0e0e0;}
.main .newsMenu ul li{ display:block;}
.main .newsMenu ul li a{ display:block; line-height:3.33; color:#777; font-size:1.125em; text-align:center;}
.main .newsMenu ul li.cur a{ color:#e41601; text-decoration:underline;}
.main .newsMenu h5{ display:block; line-height:3; color:#777; font-size:inherit; text-align:center; padding:2.625em 0 0;}
.main .newsMenu form{ display:block; overflow:hidden; margin:8px 20px 10px;}
.main .newsMenu form input.txt{ display:block; width:calc(100% - 48px); height:30px; color:#666; font-size:14px; background:#fff; padding:0 12px; border:1px solid #ddd; float:left; box-sizing:border-box;}
.main .newsMenu form input.btn{ display:block; width:48px; height:30px; line-height:30px; color:#fff; font-size:14px; background:#e41601; border:0; float:left;}
.main .newsMenu p{ display:block; min-height:5em; line-height:2.5; color:#777; font-size:0.875em; text-align:center; padding:0 0 5em;}

.main .newsMenu h4{ display:block; line-height:3.385; color:#333; font-size:1.625em; font-weight:normal; padding:1em 0 0; border-bottom:1px solid #ebebeb; margin:0 20px;}
.main .newsMenu h4 em{ display:inline-block; vertical-align:top; padding:0 4px; position:relative;}
.main .newsMenu h4 em::after{ content:''; display:block; width:100%; height:2px; background:#e41601; position:absolute; left:0; bottom:0; transform:translateY(1px);}
.main .newsMenu ul.list{ padding:1.875em 0 3em;}
.main .newsMenu ul.list li{ padding:0 22px;}
.main .newsMenu ul.list li a{ line-height:3.2; font-size:0.9375em; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:1.2em; position:relative;}
.main .newsMenu ul.list li a::before{ content:''; display:block; width:4px; height:4px; background:#e41601; border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%);}

.main ul.newsList{ width: 100%;display:block; font-size:16px; margin:-34px 0 0; padding:0 0 80px;}
.main ul.newsList::before,
.main ul.newsList::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.newsList li{ display:block; padding-right:2.25em; box-shadow:0 0 20px rgba(167,167,167,0.2); margin:34px 0 0;}
.main ul.newsList li::before,
.main ul.newsList li::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; float:left; margin-right:2.25em;}
.main ul.newsList li a.pic img{ display:block; width:21.875em; height:15.375em; transition:all ease 0.5s;}
.main ul.newsList li span{ display:block; line-height:2.125; color:#1f40ba; overflow:hidden; padding:1.5em 0 0;}
.main ul.newsList li a.title{ display:block; line-height:2.8; color:#333; font-size:1.25em; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.newsList li .txt{ display:block; height:4em; line-height:2; color:#999; font-size:0.9375em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.newsList li a.more{ display:block; line-height:3.8; color:#e41601; font-size:0.9375em; overflow:hidden; float:left;}

/*关于我们*/
.about1 .txt{ line-height:2.5; color:#333; font-size:16px; text-align:center; overflow:hidden;}
.about1 dl{ display:flex; flex-wrap:wrap; overflow:hidden; margin:60px -20px 90px; position:relative;}
.about1 dl dt{ display:block; height:78.3%; background:#fff url(../images/icons/ab_round.png) center no-repeat; background-size:100% 100%; border-radius:50%; box-shadow:0 0 29px rgba(167,167,167,0.1); position:absolute; left:50%; top:50%; transform:translate3d(-50%,-50%,0);}
.about1 dl dt img{ display:block; height:100%; transform:scale(0.72);}
.about1 dl dd{ display:block; width:50%; line-height:1; text-align:center; float:left;}
.about1 dl dd p{ display:flex; align-items:center; font-size:24px; background:#f7f7f7; padding:6.95% 10%; border-radius:20px; margin:16px 20px;}
.about1 dl dd em{ display:block; flex-shrink:0; width:2.75em; height:1.5em; line-height:1.5; color:#e41601; font-size:2em; text-align:center; position:relative; margin:0 1.25em 0 0;}
.about1 dl dd em b{ font-family:Impact; margin-right:0.125em;}
.about1 dl dd em sup{ display:block; line-height:1; font-size:0.75em; position:absolute; left:100%; top:0;}
.about1 dl dd span{ display:block; flex-shrink:0; line-height:1; color:#333; padding:0.625em 0 0;}
.about1 dl dd i{ display:block; flex:auto; line-height:1; color:#ddd; font-size:2em; font-family:Impact; text-align:right; text-shadow:5px 0 rgba(221,221,221,0.3); transform:skewX(-14deg); margin:0 15% 0 0;}
.about1 dl dd:nth-child(odd) p{ flex-direction:row-reverse;}
.about1 dl dd:nth-child(odd) em{ width:1.75em; text-align:right; margin:0 0 0 1.25em;}
.about1 dl dd:nth-child(odd) i{ text-align:left; margin:0 0 0 15%;}

.licheng{ background:url(../images/icons/licheng_bg.jpg) center no-repeat; background-size:cover;}
.licheng .info{ width:calc(86% - 115px); overflow:hidden; flex:auto; padding:48px 0 0; float:left;}
.licheng .info h2.title{ color:#fff; text-align:left;}
.licheng .info .swiper-container{ margin:0 -100%;}
.licheng .info .swiper-slide{ color:#fff; font-size:18px; position:relative; overflow:hidden; opacity:0;}
.licheng .info .swiper-slide-duplicate{ opacity:1;}
.licheng .info .swiper-slide-active{ opacity:1;}
.licheng .info .swiper-slide b{ display:block; line-height:1.35; font-size:4.5em; padding-bottom:0.85em;}
.licheng .info .swiper-slide p{ display:block; line-height:2.25; padding-left:1.35em; overflow:hidden;}
.licheng .info .swiper-slide p::before{ content:''; display:block; width:1.35em; height:2.25em; background:url(../images/icons/mark.png) left center no-repeat; float:left; margin:0 0 0 -1.35em;}

.licheng .year{ width:115px; font-size:13px; padding:80px 0; position:relative; flex-shrink:0; overflow:hidden; margin:0 7% 0 0; float:right;}
.licheng .year::before,
.licheng .year::after{ content:''; display:block; width:1px; height:100%; background:#fff; position:absolute; left:57px; z-index:1;}
.licheng .year::before{ top:155px; transform:translateY(-100%);}
.licheng .year::after{ bottom:155px; transform:translateY(100%);}
.licheng .year .swiper-container{ margin:32px 0; position:relative;}
.licheng .year .swiper-container::after{ content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:99;}
.licheng .year .swiper-wrapper{ height:399px;}
.licheng .year .swiper-slide{ height:133px; position:relative; overflow:hidden;}
.licheng .year .swiper-slide a{ display:block; width:73px; line-height:73px; color:#fff; text-align:center; background:rgba(255,255,255,0.3); border:1px solid #fff; border-radius:50%; transition:all ease 0.8s; margin:2.15em auto; position:relative; cursor:pointer; z-index:3;}
.licheng .year .swiper-slide a::before,
.licheng .year .swiper-slide a::after{ content:''; display:block; width:1px; height:100%; background:#fff; position:absolute; left:36px;}
.licheng .year .swiper-slide a::before{ bottom:100%;}
.licheng .year .swiper-slide a::after{ top:100%;}
.licheng .year .swiper-slide-active::after{ content:''; display:block; width:1px; height:100%; background:#fff; position:absolute; left:57px; top:0; z-index:1;}
.licheng .year .swiper-slide-active a{ background:linear-gradient(to left bottom, #ee5420, #e31700); border-color:transparent; transform:scale(1.53);}
.licheng .year .swiper-slide-active a::before,
.licheng .year .swiper-slide-active a::after{ display:none;}
.licheng .year .swiper-button-prev,
.licheng .year .swiper-button-next{ width:43px; height:43px; background-size:37.2% auto !important; border-radius:50%; position:relative; margin:0 auto; z-index:3; left:auto; right:auto; top:auto; bottom:auto;}
.licheng .year .swiper-button-prev{ background:#e41601 url(../images/icons/up.png) center no-repeat;}
.licheng .year .swiper-button-next{ background:#e41601 url(../images/icons/down.png) center no-repeat;}

.honor{ background:url(../images/icons/honor_bg.jpg) center bottom no-repeat; background-size:cover; padding-bottom:76px;}
.honor .swiper-container{ padding-bottom:86px;}
.honor .swiper-container-3d .swiper-slide-shadow-left,
.honor .swiper-container-3d .swiper-slide-shadow-right{ display:none;}
.honor .swiper-slide a.box{ display:block; transition:all ease 0.8s;}
.honor .swiper-slide a.box em{ display:flex; align-items:center; justify-content:center; width:100%; height:308px; transition:all ease 0.8s; perspective:560; -webkit-perspective:560; transform:scale(0.78);}
.honor .swiper-slide a.box img{ display:block; max-width:100%; max-height:100%; transition:all ease 0.8s; opacity:0.5;}
.honor .swiper-slide a.box span{ display:block; height:3.25em; line-height:1.625; color:#333; font-size:20px; font-weight:bold; text-align:center; margin:1.25em 1em 0.5em; transition:all ease 0.8s; opacity:0;}
.honor .swiper-slide-active{ z-index:9;}
.honor .swiper-slide-active a.box em{ display:block; perspective:none; -webkit-perspective:none; transform:scale(1);}
.honor .swiper-slide-active a.box img{ max-width:none; height:308px; margin-left:50%; transform:translateX(-50%); opacity:1;}
.honor .swiper-slide-active a.box span{ opacity:1;}
.honor .swiper-slide-prev a.box img{ transform:rotateY(20deg) translate3d(5%, 0, 0) scale(1.065,1);}
.honor .swiper-slide-next a.box img{ transform:rotateY(-20deg) translate3d(-5%, 0, 0) scale(1.065,1);}
.honor .swiper-slide-prev-prev a.box img{ transform:rotateY(20deg) translate3d(5%, 0, 0) scale(1.065,1);}
.honor .swiper-slide-next-next a.box img{ transform:rotateY(-20deg) translate3d(-5%, 0, 0) scale(1.065,1);}
.honor .swiper-pagination{ display:none; height:10px;}
.honor .swiper-button-prev,
.honor .swiper-button-next{ width:60px; height:60px; border-radius:50%; background:#ececec; background:#a1a1a1; background-size:contain !important; overflow:hidden; top:auto; bottom:0;}
.honor .swiper-button-prev{ left:50%; transform:translateX(-116%);}
.honor .swiper-button-next{ right:50%; transform:translateX(116%);}
.honor .swiper-button-prev::after,
.honor .swiper-button-next::after{ content:''; display:block; width:100%; height:100%; border-radius:50%; background-size:contain !important; position:absolute; left:0; top:0;}
.honor .swiper-button-prev::after{ background:url(../images/icons/prev_h.png) center no-repeat;}
.honor .swiper-button-next::after{ background:url(../images/icons/next_h.png) center no-repeat;}

.contact{ padding:0 0 90px;}
.contact ul{ display:flex; overflow:hidden; margin:0 -3px;}
.contact ul li{ display:block; width:20%; float:left;}
.contact ul li a{ display:block; height:100%; font-size:16px; background:#f8f8f8; padding:0 0 1.5em; margin:0 3px; box-sizing:border-box;}
.contact ul li img{ display:block; width:100%;}
.contact ul li em{ display:block; line-height:3; color:#333; font-size:1.5em; text-align:center;}
.contact ul li p{ display:block; line-height:2; color:#555; padding-left:2.25em; background-size:auto 1em !important; margin:0 1.75em 0.75em;}
.contact ul li p.addr{ background:url(../images/icons/cont_addr.png) left top 0.5em no-repeat;}
.contact ul li p.tel{ background:url(../images/icons/cont_tel.png) left top 0.5em no-repeat;}

.main ul.coopList{ display:block; margin:-10px; padding:0 0 90px;}
.main ul.coopList::before,
.main ul.coopList::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.coopList li{ display:block; width:16.66%; float:left;}
.main ul.coopList li a{ display:block; overflow:hidden; border-radius:5px; cursor:pointer; box-shadow:0 0 15px rgba(0,0,0,0.1); margin:10px;}
.main ul.coopList li a img{ display:block; width:100%; transition:all ease 0.5s;}

/*预约体验*/
.yyBox{ min-height:calc(100vh - 617px); box-sizing:border-box; font-family:'思源黑体','思源黑体 CN'; font-size:16px; background:#f3f3f3; padding:36px 0 86px;}
.yyBox .attr{ display:flex;}
.yyBox form{ display:block; box-sizing:border-box; flex:auto; background:#fff; padding:36px 36px; border-radius:20px; overflow:hidden;}
.yyBox form h3{ display:block; line-height:2em; color:#999; font-size:1.25em; padding-bottom:1em;}
.yyBox form h3 em{ color:#333; font-size:1.5em; margin-right:1em;}
.yyBox form p{ display:block; overflow:hidden; padding:0.625em 0; border:1px solid #ddd; border-radius:6px; margin:0 0 1.25em;}
.yyBox form label{ display:block; width:7em; line-height:2.5; padding:0 1em; float:left;}
.yyBox form label img{ display:block; width:1.75em; height:1.75em; float:left; margin:0.375em 0.75em 0 0;}
.yyBox form input.text{ display:block; width:calc(100% - 9em); box-sizing:border-box; height:2.5em; line-height:2.5; color:#333; padding:0 1.25em; border:0; border-left:1px solid #ddd; float:left;}
.yyBox form ::placeholder{ color:#999;}
.yyBox form input.short{ width:calc(100% - 19em);}
.yyBox form a.btn{ display:block; width:10em; line-height:3.75; color:#fff; text-align:center; background:linear-gradient(to left, #ef5922, #e31700); border-radius:0 6px 6px 0; float:left; margin:-0.625em 0;}
.yyBox form>div{ display:flex; justify-content:space-between; overflow:hidden; margin:0 0 1.25em;}
.yyBox form select{ display:block; flex-shrink:0; width:calc(47.5% - 7em); box-sizing:content-box; height:3.75em; color:#333; padding:0 3.5em; border:1px solid #ddd; border-radius:6px; -webkit-appearance:none; -webkit-appearance:none; background-size:auto 1.75em !important;}
.yyBox form select.pro{ background:url(../images/icons/yy_pro.png) left 1em center no-repeat, url(../images/common/select.png) right 1em center no-repeat;}
.yyBox form select.person{ background:url(../images/icons/yy_person.png) left 1em center no-repeat, url(../images/common/select.png) right 1em center no-repeat;}
.yyBox form input.btn{ display:block; width:100%; height:3em; color:#fff; font-size:1.25em; background:#e41601; border:0; border-radius:6px; cursor:pointer; margin:2em 0 0;}
.yyBox a.link{ display:block; max-width:320px; margin:72px auto 0;}
.yyBox a.link img{ display:block; width:100%;}
.yyBox .coops{ width:360px; box-sizing:border-box; padding:36px 36px; background:#fff; border-radius:20px; margin-left:3%;}
.yyBox .coops h4{ display:block; line-height:1.275; color:#333; font-size:1.375em; font-weight:700;}
.yyBox .coops ul{ display:block; overflow:hidden; padding:24px 0 0; margin:0 -16px;}
.yyBox .coops ul li{ display:flex; justify-content:center; align-items:center; width:33.33%; height:64px; float:left;}
.yyBox .coops ul li img{ display:block; max-width:100%; max-height:100%;}
.yyBox .coops p.tel{ display:block; color:#333; font-size:0.875em; padding:2.5em 0 0;}
.yyBox .coops p.tel img{ display:block; width:2em; height:2em; background:linear-gradient(to left, #ef5922, #e31700); padding:1.75em; border-radius:50%; float:left; margin-right:1.25em;}
.yyBox .coops p.tel span{ display:block; line-height:1.5; overflow:hidden;}
.yyBox .coops p.tel em{ display:block; line-height:1.25; font-size:2em;}


@media only screen and (min-width:1025px){
.header a.yuyue:hover{ color:#fff; background:url(../images/common/yy.png) left 1.5em center no-repeat, linear-gradient(to left, #ef5922, #e31700); border-color:transparent;}

ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ background:linear-gradient(to left, #ef5922, #e31700);}
ul.nav li p.sub a:hover{ color:#e41601; background:#fff;}

.footer .code p:hover a.phone{ background-image:url(../images/common/f_phone_h.png);}
.footer .code p:hover a{ background-color:#fff;}
.footer .code p:hover a.wx{ background-image:url(../images/common/f_wx_h.png);}
.footer .code p:hover a.mail{ background-image:url(../images/common/f_mail_h.png);}
.footer .code p:hover a.addr{ background-image:url(../images/common/f_addr_h.png);}
.footer .code p:hover span{ display:block;}
.footer dl dd a:hover{ color:#fff;}
.footer .copyright a:hover{ color:#fff;}

.backToTop:hover{ opacity:0.9;}

.main .position ul li a:hover{ color:#e41601; font-weight:bold;}
.main .position ul li a:hover::after/{ content:''; display:block; width:100%; height:2px; background:#e41601; position:absolute; left:0; bottom:0; transform:translateY(1px);}
.main .position p a:hover{ color:#e41601;}

.main .change p a:hover{ color:#e41601;}

.pages a:hover{ color:#fff; background:#e41601; border-color:#e41601;}

.proYs ul li a:hover b{ color:#fff; background:#e41601; border-color:#ffefef;}
.proYs ul li a:hover b::before,
.proYs ul li a:hover b::after{ border-color:#e41601;}
.proYs ul li a:hover p{ color:#e41601;}

.proUse ul li a:hover{ transform:translateY(-1em);}
.proUse ul li a:hover b{ color:#e41601;}

.scene ul li a:hover img{ transform:rotateY(0) translateX(0);}

.sltMenu dl dd a:hover{ color:#e41601; background-image:url(../images/icons/dot_h.png);}

.choose ul li a:hover img{ transform:rotateY(180deg);}

.main ul.youshi li a:hover em{ background:#e41601;}
.main ul.youshi li a:hover em::after{ border-color:transparent transparent #fcecea #fcecea;}
.main ul.youshi li a:hover p{ color:#e41601;}

.main ul.value li:hover em{ border-color:#e41601;}
.main ul.value li:hover:nth-child(1) em{ background-image:url(../images/icons/jz01_h.png);}
.main ul.value li:hover:nth-child(2) em{ background-image:url(../images/icons/jz02_h.png);}
.main ul.value li:hover:nth-child(3) em{ background-image:url(../images/icons/jz03_h.png);}
.main ul.value li:hover:nth-child(4) em{ background-image:url(../images/icons/jz04_h.png);}
.main ul.value li:hover:nth-child(5) em{ background-image:url(../images/icons/jz05_h.png);}
.main ul.value li:hover:nth-child(6) em{ background-image:url(../images/icons/jz06_h.png);}
.main ul.value li:hover:nth-child(7) em{ background-image:url(../images/icons/jz07_h.png);}
.main ul.value li:hover:nth-child(8) em{ background-image:url(../images/icons/jz08_h.png);}
.main ul.value li:hover em::before{ background:#e41601;}
.main ul.value li:hover em::after{ background:#e41601;}
.main ul.value li:hover em i{ border-color:#e41601;
	animation:round 5s linear infinite;
	-webkit-animation:round 5s linear infinite; /*Safari and Chrome*/
}
.main ul.value li:hover b{ color:#e41601;}

.main dl.caseMenu dd p em a:hover{ color:#e41601;}

.main ul.caseList li a:hover{ transform:translateY(-20px);}
.main ul.caseList li a:hover img{ transform:scale(1.08);}
.main ul.caseList li a:hover em{ background:#e41601;}
.main ul.caseList li a:hover span{ transform:translateY(100%);}
.main ul.caseList li a:hover .shade{ opacity:1; visibility:visible;}

.main ul.srvList li a:hover em{ transform:rotateY(180deg);}
.main ul.srvList li:nth-child(1) a:hover em{ background-image:url(../images/icons/zc01_h.png);}
.main ul.srvList li:nth-child(2) a:hover em{ background-image:url(../images/icons/zc02_h.png);}
.main ul.srvList li:nth-child(3) a:hover em{ background-image:url(../images/icons/zc03_h.png);}
.main ul.srvList li:nth-child(4) a:hover em{ background-image:url(../images/icons/zc04_h.png);}
.main ul.srvList li:nth-child(5) a:hover em{ background-image:url(../images/icons/zc05_h.png);}
.main ul.srvList li:nth-child(6) a:hover em{ background-image:url(../images/icons/zc06_h.png);}
.main ul.srvList li a:hover b{ color:#e41601;}

.liucheng ul li a:hover{ border-radius:3.75em 3.75em 0 3.75em; transform:translateY(-1em);}
.liucheng ul li a:hover em{ color:#e41601; text-shadow:5px 5px 0 #fadedd;}
.liucheng ul li a:hover b{ color:#e41601;}

.main ul.videoList li a:hover img{ transform:scale(1.08); opacity:0.6;}
.main ul.videoList li a:hover span{ color:#e41601;}

.download ul li a:hover{ color:#e41601;}

.main .newsMenu ul.list li a:hover{ color:#e41601;}

.honor .swiper-button-prev:hover,
.honor .swiper-button-next:hover{ background:linear-gradient(to left bottom, #ef5922, #e31700);}
.honor .swiper-button-prev:hover::after{ background-image:url(../images/icons/prev_h.png);}
.honor .swiper-button-next:hover::after{ background-image:url(../images/icons/next_h.png);}

.main ul.coopList li a:hover img{ transform:scale(1.15);}
}

@media only screen and (max-width:1600px){
.header h1.logo a img{ height:100px;}
.header a.yuyue{ line-height:34px; font-size:14px; padding:0 1.3em 0 3.4em; background-position:left 1.2em center; margin:32px 0 0 2em;}
ul.nav{ height:100px; font-size:14px;}
ul.nav li{ padding:32px 0;}
ul.nav li a{ padding:0 0.9em;}
.footer dl{ font-size:18px;}
}


@media only screen and (max-width:1520px){
.banner{ height:500px;}
}

@media only screen and (max-width:1280px){
.header .head,
.banner h2,
.footer .foot,
.main .attr{ width:calc(100% - 40px); min-width:0;}

.header h1.logo a img{ height:100px;}
.header a.yuyue{ line-height:34px; font-size/:15px; padding:0 1.2em 0 3.2em; background-position:left 1.1em center; margin:32px 0 0 1em;}
ul.nav{ font-size:/15px; height:100px;}
ul.nav li{ padding:32px 0; margin:0;}
ul.nav li a{ padding:0 0.9em;}

.banner{ height:39vw;}

.main .position ul li a{ padding:0 1.25em;}
.main .attr h2.title{ font-size:34px;}

.yewu .ywtxt h3::before{ width:1.5em;}
.ywys .attr h2.title{ margin-right:4vw;}
.ywys ul li{ font-size:14px;}

ul.contact{ font-size:18px; margin:0 -1vw;}
ul.contact li p{ margin:0 1vw;}
}

@media only screen and (max-width:1024px){
.header h1.logo a img{ height:60px; box-sizing:border-box; transform:scale(1.1); transform-origin:left center;}
.header a.menu{ display:block; width:24px; height:60px; background:url(../images/common/head_menu.png) center no-repeat; background-size:90% auto; float:right;}
.header a.yuyue{ line-height:30px; font-size:13px; padding:0 1em 0 3em; background-position:left 1em center; margin:14px 1.25em 0 0; transform:scale(0.95);}

ul.nav{ width:36%; height:auto; padding:4px 0; margin:0; background:rgba(228,22,1,0.9); position:absolute; right:-12px; top:60px; transition:transform 0.4s ease; transform:translateX(110%); z-index:99;}
ul.nav li{ width:auto; float:none; padding:0; margin:0;}
ul.nav li a{ display:block; line-height:2.8; color:#fff; font-size:14px; font-weight:normal; border-radius:0;}
ul.nav li p.sub{ display:none !important;}
ul.nav.show{ transform:translateX(0);}
}

@media only screen and (max-width:768px){
.header .head,
.banner h2,
.footer .foot,
.main .attr{ width:calc(100% - 24px); min-width:0;}

.header{ background:#fff; position:relative; box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);}
.header h1.logo{ background:url(../images/common/logo1.png) left center no-repeat; background-size:contain;}
.header h1.logo a img{ opacity:0;}
.header a.menu{ background-image:url(../images/common/head_menu1.png);}
.header a.yuyue{ color:#e41601; background-image:url(../images/common/yy1.png); background-color:#fff; border-color:#e41601;}

.banner{ height:auto; min-height:39vw;}
.banner h2{ width:auto; font-size:20px; position:relative; left:0; transform:none; margin:0 20px; padding:30px 0 30px;}
.banner h2 i{ margin:0.75em 0;}
.banner h2 em{ max-width:none; line-height:1.85;}

.footer{ padding:30px 0 0;}
.footer .left{ width:290px; float:none; margin:0 auto;}
.footer a.logo{ float:none; width:140px; margin:0 auto 10px; display:block;}
.footer a.logo img{ height:auto; width:100%;}
.footer .code{ font-size:13px;}
.footer .code p{ float:none; margin:0; overflow:hidden; padding:4px 0;}
.footer .code p a{ width:32px; height:32px; float:left; margin-right:12px;}
.footer .code p span{ display:block; min-width:0; line-height:32px; padding:0; color:#fff; text-align:left; background:none; transform:none; position:static; overflow:hidden; border-radius:0;}
.footer .code p span::before{ display:none;}
.footer .code p span img{ margin:0; height:80px; border-radius:3px;}
.footer .right{ display:none;}
.footer .copyright{ font-size:12px; margin-top:12px; padding:1em 0 1.25em;}
.backToTop{ /*display:none !important;*/transform: scale(0.8); };

.main .position{ font-size:14px; line-height:4em;}
.main .position .attr{ width:auto;}
.main .position ul{ display:flex; float:none;}
.main .position ul li{ width:auto; max-width:50%; min-width:25%; flex:1; margin:0;}
.main .position ul li a{ padding:0; text-align:center;}
.main .position p{ display:none;}
.main ul.menu{ float:none; margin:0 -2px 28px;}
.main ul.menu li{ width:50%; margin:0;}
.main ul.menu li:only-child{ display:none;}
.main ul.menu li a{ padding:0; font-size:14px; margin:2px; line-height:3;}

.main .attr h2.title{ font-size:24px;}
.main .attr h3.title{ line-height:1.75; font-size:20px; padding:1.25em 0 0.5em;}
.main .attr p.mark{ font-size:13px; line-height:3; padding-bottom:0.5em;}
.main .attr p.mark font:first-child{ display:none;}
.main .article{ font-size:13.5px; padding:1.5em 0 2.25em;}
.main .change{ font-size:13.5px; padding:1.5em 0; margin:0 0 0.5em; flex-direction:column;}
.main .change p{ max-width:none; line-height:2.5;}
.main .change p a::before{ display:none !important;}
.main .attr a.more{ font-size:12px; margin:2.75em auto;}

.pages{ font-size:12px; padding:0 0 42px;}
.pages span,
.pages a{ min-width:8px; padding:2px 11px; margin:0 4px;}

.proYs ul{ flex-wrap:wrap; font-size:13px; margin:0 -5px; overflow:hidden; padding:0 0 30px;}
.proYs ul::before{ display:none;}
.proYs ul li{ width:50%;}
.proYs ul li a{ margin:0 5px 10px;}
.proYs ul li b{ font-size:1.2em; width:6em; height:6em;}
.proYs ul li b font{ font-size:0.95em;}
.proYs ul li p{ padding:1em 0 0;}

.proYs ul li a b{ color:#e41601; border-color:#ffefef;}
.proYs ul li a b::before,
.proYs ul li a b::after{ border-color:#e41601;}

.proUse{ padding:0 0 48px;}
.proUse ul{ margin-bottom:-12px; overflow:hidden;}
.proUse ul li{ width:100%;}
.proUse ul li a{ display:flex; font-size:14px; padding:12px 20px 16px; margin:0 20px 12px; height:auto;}
.proUse ul li img{ height:70px; float:right; margin:-4px -4px 0 10px; max-width:none;}
.proUse ul li b{ color:#e41601; padding:0.25em 0 0; transform:scale(0.9); transform-origin:left bottom;}

.jiagou{ padding:0 0 48px;}

.scene{ padding:0 0 48px;}
.scene ul{ margin:0 0 -10px; overflow:hidden;}
.scene ul li{ width:50%;}
.scene ul li a{ font-size:15px;}
.scene ul li em{ perspective:none; -webkit-perspective:none; margin:0 12px;}
.scene ul li img{ transform:none;}
.scene ul li span{ padding:1.25em 0 1.5em;}

.solution{ padding:0 0 48px;}
.sltMenu dl{ font-size:14px; display:block;}
.sltMenu dl dt{ display:block; width:auto; line-height:3;}
.sltMenu dl dd{ padding:0.75em 1em;}
.sltMenu dl dd p{ width:100%;}
.sltMenu dl dd p a{ padding-left:1.25em; margin:0; line-height:2.25; background-image:url(../images/icons/dot_h.png);}

.choose{ padding:0 0 48px;}
.choose ul{ font-size:13px; display:flex; flex-wrap:wrap; justify-content:center; padding:0; margin:0 0 -1em;}
.choose ul li{ width:33.33%;}
.choose ul li img{ height:7em;}
.choose ul li span{ font-size:1em; line-height:1.625; padding:1em 0 1em;}
.choose ul li span font{ display:block; overflow:hidden; height:0;}

.sltInfo{ padding:30px 0 48px;}
.sltInfo h3{ display:none;}
.sltInfo .txt{ font-size:12px;}
.sltInfo h4{ padding:0 1em 1.75em;}
.sltInfo .txt p{ padding:1.25em 1em 0; line-height:2;}

.xuqiu{ padding:0 0 48px;}
.xuqiu ul{ margin-top:-12px;}
.xuqiu ul li{ width:100%;}
.xuqiu ul li em{ display:none;}
.xuqiu ul li div{ font-size:12px; padding:1.25em 1.5em; margin:12px 24px 0;}
.xuqiu ul li img{ width:5em; height:6em; object-fit:contain; margin-right:1.75em;}
.xuqiu ul li b{ line-height:1; padding:0.3em 0 0.7em;}
.xuqiu ul li p{ height:auto; -webkit-line-clamp:99;}

.main ul.youshi{ flex-wrap:wrap; margin:-20px -6px 0; padding:0 0 48px;}
.main ul.youshi li{ width:100%; padding:20px 0 0;}
.main ul.youshi li a{ font-size:13px; margin:0 6px;}
.main ul.youshi li p{ min-height:0; line-height:1.875; font-weight:normal; padding:2.25em 1em 1.75em;}

.main ul.youshi li a em{ background:#e41601;}
.main ul.youshi li a em::after{ border-color:transparent transparent #fcecea #fcecea;}

.main ul.value{ margin-bottom:38px;}
.main ul.value::before{ display:none;}
.main ul.value li{ width:auto; font-size:15px; background:#f6f6f6; padding:12px 12px; float:none; display:flex; align-items:center; margin:0 0 10px;}
.main ul.value li em{ width:4.5em; height:4.5em; float:left; margin:0 0.5em 0 0; transform:scale(0.9); transform-origin:left center; flex-shrink:0;}
.main ul.value li em::before,
.main ul.value li em::after{ display:none;}
.main ul.value li em i{ width:83%; height:83%;}
.main ul.value li .info{ position:static; overflow:hidden; width:auto;}
.main ul.value li b{ padding:0; line-height:1; padding:0 0 0.5em;}
.main ul.value li p{ height:auto; -webkit-line-clamp:99; line-height:1.5;}
.main ul.value li em{ border-color:#e41601;}
.main ul.value li:nth-child(1) em{ background-image:url(../images/icons/jz01_h.png);}
.main ul.value li:nth-child(2) em{ background-image:url(../images/icons/jz02_h.png);}
.main ul.value li:nth-child(3) em{ background-image:url(../images/icons/jz03_h.png);}
.main ul.value li:nth-child(4) em{ background-image:url(../images/icons/jz04_h.png);}
.main ul.value li:nth-child(5) em{ background-image:url(../images/icons/jz05_h.png);}
.main ul.value li:nth-child(6) em{ background-image:url(../images/icons/jz06_h.png);}
.main ul.value li:nth-child(7) em{ background-image:url(../images/icons/jz07_h.png);}
.main ul.value li:nth-child(8) em{ background-image:url(../images/icons/jz08_h.png);}
.main ul.value li em i{ border-color:#e41601;}

.main dl.caseMenu{ display:block; font-size:14px; border-radius:0; margin:20px 0 0;}
.main dl.caseMenu dt{ width:auto; display:block; line-height:3; font-size:1.25em;}
.main dl.caseMenu dd{ overflow:hidden;}
.main dl.caseMenu dd div{ min-width:0;}
.main dl.caseMenu dd p{ float:none; margin:0 0 6px;}
.main dl.caseMenu dd p>a{ line-height:2.75; text-align:center; background:#f6f6f6; font-weight:normal;}
.main dl.caseMenu dd p>a:not(:only-child)::before{ right:1em;}
.main dl.caseMenu dd p.cur>a::after{ display:none;}
.main dl.caseMenu dd p em{ padding:8px 0;}
.main dl.caseMenu dd p em a{ line-height:2.25; white-space:nowrap;}
.main dl.caseMenu dd p.cur>a{ text-decoration:none;}
.main dl.caseMenu dd p.cur em{ display:block; position:static; background:#fff; border:1px solid #f2f2f2; border-top:0; border-radius:0; width:auto; text-align:left !important; min-width:0; max-width:none; white-space:normal;}

.main ul.caseList{ padding:0; margin:20px -3px 42px;}
.attr+ul.caseList{ padding:0; margin:-3px 9px;}
.main ul.caseList li{ width:50%;}
.main ul.caseList li a{ font-size:14px; margin:3px;}
.main ul.caseList li a em{ min-width:0; font-size:12px; padding:0 0.75em;}
.main ul.caseList li a span{ line-height:3; font-size:1em;}
.main ul.caseList li a .shade{ display:none;}

.main .newsCon{ display:block; padding:0 0 0;}
.main .newsMenu h4{ display:none;}
.main .newsMenu ul.list{ display:none;}
.main .newsCon h3.title{ margin-top:0;}

.main ul.srvList{ font-size:16px; margin:0; transform:translateX(4px);}
.main ul.srvList::before{ display:none;}
.main ul.srvList li{ width:50%;}
.main ul.srvList li a{ display:block; padding:4px 0;}
.main ul.srvList li em{ width:2.5em; height:2.5em; margin:0.25em 0.75em 0 0;}
.main ul.srvList li em::before,
.main ul.srvList li em::after{ display:none;}
.main ul.srvList li:nth-child(even){ padding-top:0;}
.main ul.srvList li b{ font-size:0.875em; line-height:2;}
.main ul.srvList li span{ margin-left:3em; white-space:nowrap;}

.liucheng{ padding:0 0 48px;}
.liucheng .attr h2.title{ font-size:20px; line-height:3;}
.liucheng ul{ display:block; overflow:hidden; font-size:13px; padding:0;}
.liucheng ul li{ display:block; width:100%; padding:14px 0;}
.liucheng ul li::before{ left:50%; bottom:100%; top:auto; transform:translate(-50%,50%) rotate(90deg);}
.liucheng ul li a{ border-radius:0 2em 0 0; padding:1.25em 1.5em 0;}
.liucheng ul li a em{ color:#e41601; text-shadow:5px 5px 0 #fadedd; float:left; font-size:1.375em; margin-right:0.5em; transform:skewX(-14deg) translateY(1px); line-height:1;}
.liucheng ul li a b{ color:#e41601;}
.liucheng ul li p{ padding:1em 0 1.125em;}

.fuwu{ padding:0 0 48px;}
.fuwu .attr h2.title{ width:12em; font-size:20px; line-height:1.625; margin:0.375em auto 0;}
.fuwu dl{ font-size:14px; width:auto; padding:20px 0 0;}
.fuwu dl dt{ position:relative; left:0; top:0; transform:none; margin:0 auto; width:9em; height:9em; padding:6px;}
.fuwu dl dt::after{ display:none;}
.fuwu dl dt img{ width:100%; height:100%;}
.fuwu dl dd{ padding:6px 0;}
.fuwu dl dd p{ width:auto; float:none !important; transform:none !important; margin:0 6px; font-size:1em;}
.fuwu dl dd p::after{ display:none;}

.main ul.videoList{ margin:0 -4px;}
.main ul.videoList li{ width:50%;}
.main ul.videoList li a{ margin:0 4px 6px;}
.main ul.videoList li span{ line-height:3.25; font-size:14px;}
.main ul.videoList li em::after{ background-size:32px auto;}

.download{ padding:0 0 40px;}
.download ul li{ font-size:14px; line-height:3; padding:1em 1em 0.35em; margin:0 0 14px;}
.download ul li a.title{ max-width:none; float:none; white-space:normal; background-size:auto 1.1em; background-position:left top 0.35em; line-height:1.8; padding-left:1.85em;}
.download ul li a.btn{ width:auto;}
.download ul li span{ width:auto; float:left; padding-left:1.85em;}

.main h2.title + .newsCon{ margin:-105.6px 0 0; position:relative; z-index:3;}
.main .newsMenu{ width:auto; margin:0 -12px; background:#fff; padding:0;}
.main .newsMenu ul{ display:flex; font-size:14px; padding:0; border-bottom:1px solid #ebebeb;}
.main .newsMenu ul li{ flex:1;}
.main .newsMenu ul li a{ font-size:1em; line-height:4; color:#333; position:relative;}
.main .newsMenu ul li.cur a{ text-decoration:none; font-weight:bold;}
.main .newsMenu ul li.cur a::after{ content:''; display:block; width:100%; height:2px; background:#e41601; position:absolute; left:0; bottom:0; transform:translateY(1px);}
.main .newsMenu h5,
.main .newsMenu p{ display:none;}

.main ul.newsList{ background:#fff; padding:0 0 42px; font-size:16px; margin:0;}
.main ul.newsList li{ margin:12px 0 0; padding:0 12px;}
.main ul.newsList li a.pic{ float:none; margin:0 -12px;}
.main ul.newsList li a.pic img{ width:100%; height:auto;}
.main ul.newsList li span{ font-size:0.875em; padding:1em 0 0.5em;}
.main ul.newsList li a.title{ white-space:normal; font-size:1em; line-height:2;}
.main ul.newsList li .txt{ font-size:0.8125em; height:6em; -webkit-line-clamp:3; padding:0.5em 0 0;}
.main ul.newsList li a.more{ font-size:0.8125em; line-height:4; margin:0; transform:translateY(-0.25em);}

.main .attr h2.title b{ font-size:0.675em; line-height:1.7; margin:0 1.5em; padding:0.25em 0 0;}
.about1 .txt{ font-size:14px; margin-top:-0.5em;}
.about1 dl{ margin:20px 0 48px; display:block;}
.about1 dl dt{ position:static; transform:none; margin:0 auto 6px; width:78%; height:auto;}
.about1 dl dt img{ width:100%; height:auto;}
.about1 dl dd{ width:auto; float:none; overflow:hidden;}
.about1 dl dd p{ font-size:16px; width:100%; box-sizing:border-box; margin:6px 0; border-radius:10px; padding:0.75em 1em;}
.about1 dl dd i{ margin:0 !important;}
.about1 dl dd:nth-child(odd) em{ width:2.75em; text-align:center;}
.about1 dl dd:nth-child(5) em sup{ transform:translateX(-0.75em);}

.licheng{ padding:0 0 30px;}
.licheng .year{ width:92px; height:92px; font-size:12px; position:relative; z-index:9; float:none; margin:16px auto 0; padding:0; overflow:visible;}
.licheng .year .box{ display:block; width:115px; transform:rotate(-90deg) scale(0.8) translate(-100%, -36.5%); transform-origin:left top; overflow:hidden; position:relative;}
.licheng .year::before,
.licheng .year::after{ display:none;}
.licheng .year .swiper-container{ margin:20px 0;}
.licheng .year .swiper-wrapper{ height:303px;}
.licheng .year .swiper-slide{ height:101px;}
.licheng .year .swiper-slide a{ margin:1em auto;}
.licheng .year .swiper-slide a::before,
.licheng .year .swiper-slide a::after,
.licheng .year .swiper-slide-active::after{ display:none;}
.licheng .year .swiper-slide a font{ display:block; transform:rotate(90deg);}
.licheng .year .swiper-slide-active a{ transform:scale(1.3);}
.licheng .info{ width:auto; float:none; padding:0;}
.licheng .info .swiper-slide{ font-size:13px;}
.licheng .info .swiper-slide b{ font-size:3em; padding-bottom:0.4em;}

.honor{ padding-bottom:48px;}
.honor .swiper-container{ margin:0 10px; padding-bottom:40px;}
.honor .swiper-slide a.box em{ height:208px;}
.honor .swiper-slide a.box span{ font-size:16px;}
.honor .swiper-slide-active a.box em{ display:flex;}
.honor .swiper-slide-active a.box img{ max-width:100%; max-height:100%; height:auto; width:auto; margin:0; transform:none;}
.honor .swiper-button-prev,
.honor .swiper-button-next{ width:40px; height:40px;}

.contact{ padding-bottom:40px;}
.contact ul{ flex-wrap:wrap;}
.contact ul li{ width:100%;}
.contact ul li a{ font-size:13px; margin-bottom:12px;}
.contact ul li img{ height:160px; object-fit:cover;}
.contact ul li em{ font-size:1.375em; transform:translateY(4px); font-weight:bold;}
.contact ul li p{ margin:0 1.5em 0.5em; padding-left:1.75em;}

.main ul.coopList{ margin:-3px; padding:0 0 48px;}
.main ul.coopList li{ width:50%;}
.main ul.coopList li a{ margin:3px;}

.yyBox{ font-size:13px; padding:20px 0 48px;}
.yyBox .attr{ flex-direction:column;}
.yyBox form{ padding:20px 16px 20px; border-radius:10px;}
.yyBox form h3{ font-weight:normal; padding-bottom:0.75em;}
.yyBox form h3 em{ display:block; font-size:1.25em;}
.yyBox form p{ padding:0.25em 0; margin-bottom:1em;}
.yyBox form label{ padding:0 0 0 0.75em; width:6.75em;}
.yyBox form label img{ width:1.5em; height:1.5em; margin:0.5em 0.5em 0 0;}
.yyBox form input.text{ padding:0 0.75em;}
.yyBox form input.short{ width:calc(100% - 13.5em);}
.yyBox form a.btn{ width:6em; line-height:3; margin:-0.25em 0;}
.yyBox form>div{ display:block; margin:0;}
.yyBox form select{ width:100%; box-sizing:border-box; height:calc(3em + 2px); background-size:auto 1.5em !important; margin-bottom:1em;}
.yyBox form select.pro{ background:url(../images/icons/yy_pro.png) left 0.75em center no-repeat, url(../images/common/select.png) right 0.75em center no-repeat;}
.yyBox form select.person{ background:url(../images/icons/yy_person.png) left 0.75em center no-repeat, url(../images/common/select.png) right 0.75em center no-repeat;}
.yyBox form input.btn{ margin-top:1.25em;}
.yyBox .coops{ width:auto; margin:12px 0 0; padding:24px 20px 16px; border-radius:10px;}
.yyBox .coops ul{ padding:12px 0 0;}
.yyBox .coops ul li img{ transform:scale(1.25);}
.yyBox .coops p.tel{ font-size:14px; transform:scale(0.9); transform-origin:center top; padding:1.5em 0 0;}

.main .newsMenu form{ margin:16px 12px 4px;}
.main .newsMenu form input.txt,
.main .newsMenu form input.btn{ font-size:13px;}
}

.main dl.caseMenu{ clear:both;}
.main form.caseSearch{ display:block; width:228px; overflow:hidden; float:right; margin:24px 0;}
.main form.caseSearch input.txt{ display:block; width:calc(100% - 48px); height:30px; color:#666; font-size:14px; background:#fff; padding:0 12px; border:1px solid #ddd; float:left; box-sizing:border-box;}
.main form.caseSearch input.btn{ display:block; width:48px; height:30px; line-height:30px; color:#fff; font-size:14px; background:#e41601; border:0; float:left;}

@media only screen and (max-width:768px){
.main form.caseSearch{ width:100%; float:none; margin:16px 0 -4px;}
.footer dl{ font-size:14px;}
}

@media only screen and (max-width:1280px){
.footer dl{ font-size:16px;}
.header h1.logo a img{ height:90px; margin:5px 0;}
}

@media only screen and (min-width:1281px){
.header h1.logo a,
.header h1.logo a img{ height:100px;}
.header a.yuyue{ line-height:34px; font-size:16px; margin:32px 0 0 1em;}
ul.nav{ font-size:16px; height:100px;}
ul.nav li{ padding:32px 0;}
.footer dl{ font-size:18px;}
}

@media only screen and (min-width:1281px){
.header h1.logo a{ height:100px;}
}

@media only screen and (min-width:768px) and (max-width:1024px){
.header h1.logo a{ height:60px;}
.header h1.logo a img{ height:70px; margin:-5px 0; transform:none;}
}

@media only screen and (max-width:767px){
.header h1.logo a{ height:60px;}
.header h1.logo a img{ transform:none;}
}
ul.nav li:nth-child(2) p.sub{ left:0; padding:4px 4px 4px 0; transform:translate(0,-1em);}
ul.nav li p.sub em{ display:flex; position:relative; padding:0 0.45em; border-bottom/:1px solid #eee; overflow:hidden;}
ul.nav li p.sub em>a{ width:7em; color:#e41601; font-weight:bold; text-align:left; font-size:0.875em; line-height:3em;}
ul.nav li p.sub em span{ display:block; white-space:nowrap; overflow:hidden; font-size:0.875em; line-height:3em; padding-right:4px;}
ul.nav li p.sub em span a{ display:inline-block; vertical-align:top; color:#333; line-height:inherit; font-size:0.9em;}
ul.nav li p.sub em span a:hover{ color:#e41601; text-decoration:underline;}
ul.nav li p.sub em:hover{ background:#fff;}
ul.nav li p.sub em>a:hover{ color:#e41601; text-decoration:underline;}

ul.wapMenu{ display:none; overflow:hidden; margin:8px 6px 6px;}
ul.wapMenu li{ display:block; width:33.33%; float:left;}
ul.wapMenu li a{ display:block; line-height:2.5; color:#333; font-size:14px; text-align:center; background:#f0f0f0; margin:0 2px;}
ul.wapMenu li.cur a{ color:#fff; background:#e41601;}

@media only screen and (max-width:767px){
ul.wapMenu{ display:block;}
}

@media only screen and (min-width:1025px){
.fuwu dl{ transform:scale(0.8);}
}

@media only screen and (min-width:769px) and (min-width:1024px){
.fuwu dl{ font-size:13px;}
}






/**/