@font-face {
    font-family: 'SourceHanSansCNRegular';
    src: url('../fonts/SourceHanSansCNRegular/SourceHanSansCN-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/SourceHanSansCNRegular/SourceHanSansCN-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/SourceHanSansCNRegular/SourceHanSansCN-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/SourceHanSansCNRegular/SourceHanSansCN-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/SourceHanSansCNRegular/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	font-display: swap;
}
@font-face {
    font-family: 'SourceHanSansCNMedium';
    src: url('../fonts/SourceHanSansCNMedium/SourceHanSansCN-Medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/SourceHanSansCNMedium/SourceHanSansCN-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/SourceHanSansCNMedium/SourceHanSansCN-Medium.woff') format('woff'), /* Modern Browsers */
         url('../fonts/SourceHanSansCNMedium/SourceHanSansCN-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/SourceHanSansCNMedium/SourceHanSansCN-Medium.svg#SourceHanSansCN-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	font-display: swap;
}

.wow{ transition-delay:0.3s;}
.pc{ display:block;}
.mob{ display:none;}

#home{ height:100vh;}
#home > .section{ height:100vh; overflow:hidden;}
.banner{ position:relative; height:100vh; overflow:hidden; color:#FFFFFF; z-index: 6; position: absolute; left: 0; top: 0; width: 100%; z-index: 10; background-color: #000000;}
.banner .swiper-slide{ overflow:hidden;}
#preload{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:6; display:flex; justify-content:center; align-items:center;}
.preload-bg{ position:absolute; width:100%; height:100%; background:#000000;}
#preload .tip{ display:inline; color:#FFFFFF; font-size:4vw; font-weight:bold; line-height:1.2; position:relative; overflow:hidden;}
.tip-bg{ position:absolute; width:0; height:100%; background:#FFFFFF;}
#txt{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; display: none;}
.box{ position:absolute; left:0; top:0; width:100%; height:100%;}
.banText{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:4; color:#FFFFFF; align-items:flex-start;}
.banCon{ margin-left:8%; width:84%; max-width:900px;}
.banLine{ display:block; width:40px; height:5px; background:#FFFFFF; border-radius:2px; margin:.1rem 0;}
.banTit{ font-size:46px; line-height:140%; margin:.2rem 0; font-family: 'SourceHanSansCNMedium';}
.banDes{ font-size:16px; line-height:24px; margin:.2rem 0; max-width:515px;}
.banPage{ position:absolute; z-index:5; width:100%; text-align:center; bottom:3%;}
.banPage .swiper-pagination-bullet{ width:11px; height:11px; background:rgba(255,255,255,0.5); margin:0 .06rem; opacity:1; vertical-align:middle; position:relative; transition:all .3s;}
.banPage .swiper-pagination-bullet-active{ background:#c5342a;}
.banMouse{ position:absolute; right:4%; bottom:4%; width:80px; text-align:center; font-size:12px; line-height:18px; color:#FFFFFF; z-index:1; cursor:pointer;}
.banMouse span{ display:block; width:26px; height:46px; border:2px solid #FFFFFF; position:relative; margin:0 auto .1rem; border-radius:26px; opacity:.6;}
.banMouse span i{ display:block; position:absolute; left:50%; margin-left:-1px; top:5px; width:2px; height:8px; background:#FFFFFF; border-radius:2px; animation:banScroll 1s linear infinite;}
.banImg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.banImg .imgBg{ display: block; width: 100%; height: 100%;}

.boxBg2{ background:url(../images/boxBg2.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
.boxBg3{ background:#2a2a2a; overflow:hidden;}
.boxBg5{ background:url(../images/boxBg5.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
.boxBg4{ background:#fdfdfd; overflow:hidden;}
.boxBg6{ background:url(../images/boxBg6.png) left bottom repeat-x; overflow:hidden; animation:bgAni 40s linear infinite;}
.boxBg7{ background:url(../images/boxBg7.jpg) center center no-repeat; background-size:cover; overflow:hidden; color:#FFFFFF;}
.boxBg8{ background:#FFFFFF; overflow:hidden;}

.box2List{ position:relative; margin-top:.3rem;}
.box2List .swiper-container{ height:566px;}
.box2List .swiper-slide{ height:auto;}
.box2Item{ background:#FFFFFF; border-radius:.08rem; padding:20px 30px;}
.box2Top{ display:flex; flex-direction:row-reverse; text-align:left; align-items:center; justify-content:space-between;}
.box2Ico{ display:flex; flex-direction:column; justify-content:center; align-items:center; flex-shrink:0; width:60px; height:60px; border-radius:50%; background:#f6f6f6; margin-left:.1rem;}
.box2Ico img{ max-width:100%; max-height:100%; margin:0 auto; transition:all .5s;}
.box2Tit{ font-size:14px; color:#333333; line-height:24px; width:calc(100% - 60px - .1rem);}
.box2Tit h3{ font-size:20px; color:#333333; line-height:24px; font-weight:bold;}
.box2Tit h3 a{ color:#333333;}
.box2Tag{ font-size:0; height:calc(72px + .3rem); overflow:hidden;}
.box2Tag p{ display:inline-block; vertical-align:middle; background:#f6f6f6; color:#888888; font-size:14px; line-height:24px; padding:0 8px; margin-top:.1rem; margin-right:.1rem;}
.box2Dot{ font-size:14px; color:#888888; line-height:24px;}
.box2Btn{ font-size:0; margin:.1rem 0 0;}
.box2Btn a{ display:inline-block; vertical-align:middle; width:100px; height:32px; border:1px solid #f39800; line-height:30px; text-align:center; color:#f39800; font-size:14px; margin-right:.1rem;}
.box2Btn a:last-child{ background:#e83428; border-color:#e83428; color:#FFFFFF;}
.box2Prev,.box2Next{ display:block; width:25px; height:48px; position:absolute; top:50%; margin-top:-24px;}
.box2Prev{ left:-.3rem; transform:translateX(-100%); background:url(../images/box2Prev.png) left center no-repeat;}
.box2Next{ right:-.3rem; transform:translateX(100%); background:url(../images/box2Next.png) right center no-repeat;}
.box2Prev.swiper-button-disabled,.box2Next.swiper-button-disabled{ opacity:.2; cursor:no-drop;}
.box2Prev:not(.swiper-button-disabled):hover{ background-image:url(../images/box2Prev-Red.png);}
.box2Next:not(.swiper-button-disabled):hover{ background-image:url(../images/box2Next-Red.png);}
.box2Item:hover{ background:#ef7168; color:#FFFFFF;}
.box2Item:hover .box2Tit,.box2Item:hover .box2Tit h3 a{ color:#FFFFFF;}
.box2Item:hover .box2Tag span,.box2Item:hover .box2Tag p{ background:#f28b83; color:#FFFFFF;}
.box2Item:hover .box2Dot{ color:#FFFFFF;}
.box2Item:hover .box2Btn a{ color:#FFFFFF; border-color:#FFFFFF;}
.box2Item:hover .box2Btn a:last-child{ background:#FFFFFF; color:#e83428;}
.box2Item:hover .box2Ico img{ transform:scale(0.9);}
.box2Btn a:hover{ transform:translateY(-2px); transition:all .3s;}

.box3Lef{ position:absolute; left:0; top:0; width:50%; height:100%; overflow:hidden;}
.box3Lef .imgBg{ display:block; width:100%; height:100%; transition:all 2s linear;}
.box3Lef:hover .imgBg{ transform:scale(1.05);}
.box3Rig{ display:flex; flex-direction:column; justify-content:center; position:absolute; right:0; top:0; width:50%; height:100%; padding:86px 6% 0; background:url(../images/boxBg3Ico.png) right bottom no-repeat; background-size:29.68% auto;}
.box3Con{ max-width:680px; color:#FFFFFF;}
.box3TitEn{ font-size:50px; line-height:120%; font-family:Arial;}
.box3TitCn{ font-size:24px; line-height:140%; font-family: 'SourceHanSansCNMedium';}
.box3Rig .boxLine{ margin:.1rem 0;}
.box3Rig .boxLine span{ background:#FFFFFF;}
.box3List{ margin-top:.4rem; min-height:3rem;}
.box3Info{ line-height:30px; -webkit-line-clamp:5; text-indent:2em;}
.box3Dot{ font-size:16px; line-height:30px; margin-top:.3rem;}
.box3Dot p{ margin:.1rem 0; padding-left:28px; position:relative;}
.box3Dot p:before{ display:block; content:""; width:11px; height:11px; background:#c5342a; border-radius:50%; position:absolute; left:0; top:10px;}
.box3Hon{ display:flex; flex-wrap:wrap; list-style:none; font-size:15px; margin:0 -40px; margin:0 -.1rem;}
.box3Hon li{ width:33.33%; text-align:center; padding:0 40px; padding:0 .1rem;}
.box3HonImg{ position:relative; overflow:hidden; height:0; padding-bottom:139%; padding-bottom:66.67%; /*border:1px solid #bc332b;*/ margin-bottom:.1rem;}
.box3HonImg span{ display:flex; flex-direction:column; justify-content:center; align-items:center; position:absolute; left:0; top:0; width:100%; height:100%; padding:2px;}
.box3HonImg span img{ max-width:100%; max-height:100%; margin:0 auto;}
.box3HisImg{ max-height:150px; overflow:hidden;}
.box3HisImg img{ width:auto; max-height:150px;}
.box3HisLine{ display:block; width:36px; height:5px; background:#c4342b; margin:.3rem 0 .1rem;}
.box3HisCon{ overflow:hidden; line-height:40px;}
.box3HisCon strong{ float:left; font-size:36px; color:#c4342b; font-family:Arial; margin-right:.2rem;}
.box3HisCon a{ overflow:hidden; font-size:16px; color:#FFFFFF;}
.box3HisCon i{ padding-right:.1rem; font-style:normal;}
.box3HisCon span{ float:right; font-size:14px; border-bottom:1px solid #FFFFFF; line-height:24px; margin-top:8px; margin-left:.15rem;}
.box3HisCon a:hover span{ color:#c4342b; border-bottom-color:#c4342b;}
.box3Tab{ display:flex; justify-content:space-between; position:relative; margin-top:.3rem; max-width:540px;}
.box3Tab:after{ display:block; content:""; width:90%; height:1px; background:#404040; position:absolute; left:5%; top:22px;}
.box3Tab li{ font-size:16px; text-align:center; position:relative; z-index:1; cursor:pointer;}
.box3Tab li span{ display:block; width:44px; height:44px; line-height:44px; border-radius:50%; background:#373737; color:#FFFFFF; font-size:20px; font-family:Arial; text-align:center; margin:0 auto .2rem;}
.box3Tab li.active span{ background:#c5342a;}

.boxBg4 .wrap{ position:relative;}
.box4Top{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:30%;}
.box4Top .boxLine{ margin:.1rem auto;}
.box4Top .boxMore{ height:30px; line-height:28px; border:none;}
.box4Top .boxMore a{ color:#666666;}
.box4Top .boxMore a span i{ background:#666666;}
.box4TopImg{ max-width:100%; height:auto; margin:0 auto;}
.box4TopImg span,.box4TopImg2 span{ display:block; width:100%;}
.box4TopImg img{ display:block; max-width:100%; height:auto; margin:0 auto;}
.box4TopImg2,.box4TopCon{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%;}
.box4TopImg2 span{ width:100%;}
.box4TopImg2 img{ display:block; max-width:100%; height:auto; margin:0 auto;}
.box4TitIco{ margin:0 auto; text-align:center;}
.box4List{ display:flex; justify-content:space-between; flex-wrap:wrap;}
.box4List li{ width:34%; display:flex; align-items:center; margin:35px 0;}
.box4Ico{ display:flex; flex-direction:column; justify-content:center; align-items:center; flex-shrink:0; width:80px; height:80px; border:1px solid #c5342a; border-radius:80px; position:relative; margin-right:.3rem;}
.box4Ico img{ display:block; max-width:100%; max-height:100%; margin:0 auto;}
.box4Ico-white{ position:absolute; left:0; top:0; right:0; bottom:0; display:flex; flex-direction:column; justify-content:center; align-items:center; opacity:0; visibility:hidden; transform:scale(1.2); transition:all .3s;}
.box4Text{ overflow:hidden;}
.box4Tit{ font-size:20px; color:#111111; line-height:200%; font-weight:bold;}
.box4Des{ font-size:15px; color:#666666; line-height:26px;}
.box4List li:nth-child(2n){ padding-left:1%;}
.box4List li:nth-child(2n+1){ flex-direction:row-reverse; padding-right:1%;}
.box4List li:nth-child(2n+1) .box4Ico{ margin-left:.3rem; margin-right:0;}
.box4List li:nth-child(2n+1) .box4Text{ text-align:right;}
.box4List li:hover .box4Ico{ background:#c5342a;}
.box4List li:hover .box4Ico-white{ opacity:1; visibility:visible; transform:scale(1);}
.box4List li:hover .box4Tit{ color:#c5342a;}

.box5Box{ display:flex; justify-content:space-between; margin:.4rem 0;}
.box5Lef,.box5Rig{ background:#FFFFFF; border-radius:.1rem; padding:20px 30px;}
.box5Lef{ flex-shrink:0; width:65%;}
.box5Tab{ position:relative; display:flex; line-height:36px; margin:.1rem 0 .3rem;}
.box5Tab li{ font-size:18px; color:#333333; font-weight:bold; margin-right:.2rem;}
.box5Tab li span{ display:block; padding:0 14px; border-radius:4px; cursor:pointer;}
.box5Tab li.active span{ background:#e83428; color:#FFFFFF; position:relative;}
.box5Tab li.active span:after{ display:block; content:""; width:0; height:0; border-top:6px solid #e83428; border-left:6px solid transparent; border-right:6px solid transparent; position:absolute; left:50%; top:100%; transform:translateX(-50%);}
.box5Tab li a{ position:absolute; right:0; top:0; line-height:36px; font-size:14px; color:#777777; padding-right:13px; background:url(../images/ico_more.png) right center no-repeat; font-weight:normal;}
.box5Tab li a:hover{ background-image:url(../images/ico_more2.png); color:#c5342a;}
.box5LefLink{ float:left; width:38%; display:block;}
.box5Img{ position:relative; overflow:hidden; height:236px; margin:0 0 .1rem;}
.box5Img .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.box5Tit{ font-size:20px; color:#333333; line-height:24px; transition:all .3s;}
.box5Des{ color:#888888; line-height:24px; -webkit-line-clamp:2; margin:.1rem 0 0;}
.box5LefLink:hover .box5Tit{ color:#c5342a;}
.box5LefList{ float:right; width:58%; list-style:none;}
.box5LefList li a{ display:block; position:relative; padding-left:15px;}
.box5LefList li a:before{ display:block; content:""; position:absolute; left:0; top:9px; width:6px; height:6px; border-radius:50%; background:#e83428;}
.box5LefList li{ margin-bottom:.35rem;}
.box5LefList li:last-child{ margin-bottom:0;}
.box5LefList li a:hover .box5Tit{ color:#c5342a;}
.box5Rig{ flex-shrink:0; width:33%;}
.box5RigTit{ border-bottom:1px solid #f0f0f0; font-size:18px; color:#333333; font-weight:bold; line-height:46px;}
.box5RigTit a{ float:right; font-size:14px; color:#777777; padding-right:13px; background:url(../images/ico_more.png) right center no-repeat; font-weight:normal;}
.box5RigTit a:hover{ background-image:url(../images/ico_more2.png); color:#c5342a;}
.box5RigList{ list-style:none;}
.box5RigList li{ border-bottom:1px dashed rgba(0,0,0,0.2);}
.box5RigList li:last-child{ border-bottom:none;}
.box5RigList li a{ color:#333333; line-height:38px; padding-left:12px; position:relative;}
.box5RigList li a:before{ display:block; content:""; position:absolute; left:0; top:17px; width:5px; height:5px; border-radius:50%; background:#e83428;}
.box5RigList li a:hover{ color:#c5342a;}
.box5RigList li:first-child{ border-bottom:none;}
.box5RigList li:first-child a{ font-size:16px; color:#e83428; line-height:28px; margin:.1rem 0;}
.box5RigList li:first-child a:before{ top:10px;}
.box5RigDes{ color:#888888; line-height:24px; background:#f6f6f6; padding:15px 20px;}

.box6List{ padding:50px; margin:.4rem 0; border-radius:.1rem; box-shadow:0 0 .2rem rgba(0,0,0,0.1); background:#FFFFFF;}
.box6Item{ display:block; position:relative; height:0; padding-bottom:140.7%; overflow:hidden;}
.box6Img{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.box6Img img{ max-width:100%; max-height:100%; margin:0 auto;}
.box6Bot{ text-align:center; margin-top:.4rem; font-size:0;}
.box6Bot span{ display:inline-block; vertical-align:bottom;}
.box6Page{ margin:0 .2rem;}
.box6Page .swiper-pagination-bullet{ width:.7rem; height:10px; opacity:1; position:relative; border-radius:0; background:none;}
.box6Page .swiper-pagination-bullet:after{ display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background:rgba(0,0,0,0.1);}
.box6Page .swiper-pagination-bullet-active:after{ background:#e83428;}

.box7Text{ color:#FFFFFF; line-height:24px; max-width:1220px; margin:.3rem auto; text-align:center; text-indent:2em;}
.box7Box{ position:relative; padding:0 40px; margin:.7rem 0;}
.box7Prev,.box7Next{ display:block; width:34px; height:34px; position:absolute; top:50%; transform:translateY(-50%); cursor:pointer;}
.box7Prev{ left:0; background:url(../images/box7Prev.png) center center no-repeat; background-size:contain;}
.box7Next{ right:0; background:url(../images/box7Next.png) center center no-repeat; background-size:contain;}
.box7Prev:not(.swiper-button-disabled):hover{ background-image:url(../images/box7Prev-white.png);}
.box7Next:not(.swiper-button-disabled):hover{ background-image:url(../images/box7Next-white.png);}
.box7Prev.swiper-button-disabled,.box7Next.swiper-button-disabled{ cursor:no-drop; opacity:.2;}
.box7List{ max-width:1260px; margin:0 auto;}
.box7Item{ position:relative; display:flex; flex-direction:column;}
.box7Item:after{ display:block; content:""; width:100%; height:4px; background-image: linear-gradient(to right, rgba(255,255,255,1.00), rgba(255,255,255,0)); position:absolute; left:50%; top:50%; margin-top:-2px;}
.box7Year{ display:block; font-size:30px; font-weight:bold; text-align:center; height:88px;}
.box7Dot{ width:8px; height:8px; background:#FFFFFF; border-radius:50%; margin:.3rem auto; position:relative;}
.box7Dot:after,.box7Dot:before{ display:block; content:""; position:absolute; left:50%; top:50%; border-radius:50%; background:#FFFFFF;}
.box7Dot:before{ width:200%; height:200%; margin:-100% 0 0 -100%; opacity:.35;}
.box7Dot:after{ width:374%; height:374%; margin:-187% 0 0 -187%; opacity:.15;}
.box7Con{ background:rgba(255,255,255,0.18); border-radius:.1rem; text-align:center; padding:20px;}
.box7Info{ font-size:16px; line-height:24px; height:48px; -webkit-line-clamp:2;}
.box7List .swiper-slide:nth-child(2n) .box7Item{ flex-direction:column-reverse;}
.box7List .swiper-slide:nth-child(2n + 1) .box7Year{ display:flex; flex-direction:column; justify-content:flex-end; align-items:center;}
.box7List .swiper-slide:last-child .box7Item:after{ width:50%;}

.box8Lef{ position:absolute; left:0; top:0; width:50%; height:100%; padding:86px 8% 0; background:url(../images/box8Lef.png) right bottom #FFFFFF no-repeat; background-size:31% auto; display:flex; flex-direction:column; justify-content:center;}
.box8Con{ width:100%; color:#333333;}
.box8Con .boxTit{ color:#c5342a; text-align:left;}
.box8Con .boxDes{ text-align:left;}
.box8Con .boxLine{ margin-left:0;}
.box8Con .boxLine span{ background:#e29994;}
.box8Con .boxMore{ margin-left:0; border-color:#313131; color:#313131;}
.box8Con .boxMore a{ color:#313131;}
.box8Con .boxMore i{ background:#313131;}
.box8Text{ font-size:18px; line-height:22px; margin:.4rem 0;}
.box8Text p{ margin:.2rem 0;}
.box8Tit{ margin:.2rem 0; font-size:20px; color:#ff1000; line-height:24px;}
.box8Tel{ display:flex; flex-wrap:wrap; justify-content:space-between; font-size:16px; line-height:20px; margin:.2rem 0 .4rem;}
.box8Tel p{ width:48%; margin:.15rem 0;}
.box8Tel img{ max-width:100%; height:auto;}
.box8Rig{ position:absolute; right:0; top:0; width:50%; height:100%;}
.box8Map{ width:100%; height:100% !important;}

.caseList{ list-style:none; margin:0 -42px; display:flex; flex-wrap:wrap; text-align:center; padding:.5rem 0;}
.caseList li{ width:20%; padding:0 42px; margin-top:.2rem; width:25%}
.caseList li a{ display:block;}
.caseImg{ position:relative; overflow:hidden; height:0; padding-bottom:67.52%; /*border:1px solid #c4342b;*/ margin-bottom:.1rem;}
.caseImg span{ display:flex; flex-direction:column; justify-content:center; align-items:center; padding:.07rem; position:absolute; left:0; top:0; right:0; bottom:0;}
.caseImg span img{ display:block; max-width:100%; max-height:100%; margin:0 auto;}
.caseTit{ text-align:center; font-size:16px; color:#333333; line-height:30px; min-height:60px;}
.caseList li a:hover .caseTit{ color:#c4342b;}
.long.caseList li{ width:20%;}
.long .caseImg{ padding-bottom:141.35%;}

.business{ padding:78px 0 165px; display:flex;}
.busLef{ list-style:none; width:23.125%; flex-shrink:0; background:#2469b6; padding:30px 0; font-size:18px; line-height:30px; flex-shrink:0;}
.busLef li{ margin:.2rem 0;}
.busLef li a{ display:block; color:#FFFFFF; padding:0 5% 0 15%; position:relative;}
.busLef li a:before{ content:""; width:0%; height:2px; background:#FFFFFF; position:absolute; left:0; top:14px; transition:all .3s;}
.busLef li.active a{ font-weight:bold;}
.busLef li.active a:before,.busLef li a:hover:before{ width:10%;}
.busRig{ width:76.875%; background:url(../images/busRig.jpg) center center no-repeat; background-size:cover; color:#FFFFFF; line-height:30px; padding:30px 3%; flex-shrink:0;}
.busRig h3{ margin:.3rem 0 .1rem;}
.busRig h3 span{ display:inline-block; vertical-align:middle; background:#e73e33; font-size:18px; font-family:Arial; color: #fff!important; line-height:34px; padding:0 .15rem; min-width:.5rem; text-align:center; position:relative;}
.busRig h3 span:after,.busRig h3 span:before{ content:""; width:10px; height:100%; background:#e73e33; position:absolute; left:100%; top:0; transform:skewX(15deg) translateX(-5px);}
.busRig h3 span:after{ margin-left:15px;}
.busRig h4{ font-size:18px; line-height:30px; margin:.1rem 0;}
.busRig img{ display:block; max-width:100% !important; height:auto; margin:0 auto;}

.contact{ padding:.5rem 0 .7rem; font-size:18px; color:#666666; line-height:30px;}
.conTel{ font-size:36px; color:#000000; line-height:50px; font-weight:bold; font-family:Arial; background:url(../images/conTel.png) left center no-repeat; border-bottom:2px solid #c9352b; padding:.15rem 0; padding-left:50px; margin-bottom:.5rem;}
.conTel span{ font-size:22px; color:#aaaaaa; font-weight:normal; vertical-align:middle;}
.conTit{ font-size:24px; color:#333333; line-height:32px; padding-left:33px; margin:.3rem 0; background:url(../images/conAdd.png) left center no-repeat;}
.conList{ font-size:0; margin:0 -49px;}
.conList li{ display:inline-block; vertical-align:bottom; width:50%; font-size:18px; color:#666666; line-height:30px; padding:0 49px; margin-bottom:.3rem;}
.conItem{ border-bottom:1px solid #e5e5e5; padding:.15rem 0;}
.conItem:hover{ border-bottom-color:#c4342b;}
.conIco{ float:left; max-width:24px; margin-right:.2rem;}
.conIco img{ vertical-align:top; max-width:100%;}
.conText{ overflow:hidden;}
.conText p{ margin-bottom:.1rem;}
.conText p span{ color:#999999; margin-left:5px;}
.conText img{ max-width:100%; height:auto;}
.conList2{ margin:0 !important;}
.conList2 li{ width:100%; padding:0 !important;}
.conPhone{ display:flex; justify-content:space-between; flex-wrap:wrap; align-items: center; word-break:break-all; display: block;}
.conPhone p{ min-width:25%;}
.conMap{ margin-top:.4rem;}
#map{ height:3.85rem;}
.mapCon{ background:#f5f5f5; font-size:24px; color:#333333; padding:.25rem .3rem; line-height:30px;}
.mapCon i{ display:inline-block; vertical-align:middle; width:20px; height:28px; margin-left:.1rem; background:url(../images/conAdd.png) center center no-repeat; background-size:contain; margin-top:-.04rem;}

.comTab{ margin:.7rem 0; position:relative; padding-left:30%;}
.comTab:after{ display:block; content:""; width:20000px; height:2px; background:#888386; position:absolute; left:50%; transform:translateX(-50%); bottom:0; margin-bottom:10px;}
.comBtn1,.comBtn2{ width:48px; height:48px; border-radius:50%; position:absolute; top:0; margin-top:15px; background-color:#dfdfdf; background-position:center center; background-repeat:no-repeat; background-size:cover; cursor:pointer; z-index:1; transition:all .5s;}
.comBtn1{ left:-80px; background-image:url(../images/comPrev.png);}
.comBtn2{ right:-80px; background-image:url(../images/comNext.png);}
.comBtn1:hover,.comBtn2:hover{ background-color:#c4342b;}
.comBtn1:hover{ background-image:url(../images/comPrev-Red.png);}
.comBtn2:hover{ background-image:url(../images/comNext-Red.png);}
.comTab .swiper-container{ padding-bottom:2px;}
.comAll{ position:absolute; left:0; top:0; cursor:pointer; z-index:1;}
.comTab .swiper-slide{ width:10%; cursor:pointer;}
.province{ font-size:16px; color:#888386; line-height:30px; text-align:center; font-weight:bold;}
.comDot{ display:block; width:19px; height:19px; margin:0 auto; position:relative; z-index:1;}
.comDot:before,.comDot:after{ content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; transition:all .3s;}
.comDot:before{ width:11px; height:11px; background:#888386;}
.comAll.active .province,.comTab .swiper-slide.active .province{ color:#c4342b;}
.comAll.active .comDot:before,.comTab .swiper-slide.active .comDot:before{ width:100%; height:100%; background:#FFFFFF; border:2px solid #c4342b;}
.comAll.active .comDot:after,.comTab .swiper-slide.active .comDot:after{ width:5px; height:5px; background:#c4342b;}
.comTab .swiper-slide:after{ display:block; content:""; width:0%; height:4px; background:#c4342b; position:absolute; left:50%; bottom:7px;}
.comTab .swiper-slide.active:after{ width:100%; left:0; transition:all .6s;}

.comList{ margin:.4rem -.14rem .2rem;}
.comList li{ padding:0 .14rem; margin-bottom:.4rem;}
.comLink{ display:block; padding:2px; border:1px solid #e5e5e5; position:relative;}
.comLink:before,.comLink:after{ display:block; content:""; width:35px; height:30px; border:2px solid #c4342b; border-bottom:none; position:absolute;}
.comLink:before{ left:-1px; top:-1px; border-right:none;}
.comLink:after{ right:-1px; top:-1px; border-left:none;}
.comImg{ position:relative; overflow:hidden; height:0; padding-bottom:67%;}
.comImg .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.comText{ padding:0 20px 8px;}
.comTit{ font-size:18px; color:#000000; line-height:140%; margin-top:.2rem;}
.comDes{ color:#666666; line-height:24px; -webkit-line-clamp:1; margin-bottom:.2rem;}
.comIco{ color:#666666; font-family:Arial; border-top:1px solid #e5e5e5; background:url(../images/comIco.png) right center no-repeat; line-height:36px;}
.comLink:hover{ border-color:#c4342b; box-shadow:1px 1px 2px rgba(196,52,43,0.2);}
.comLink:hover .comTit{ color:#c4342b;}
.comLink:hover .comIco{ color:#c4342b; background-image:url(../images/comIco2.png);}

.comTop{ background:#FFFFFF; margin:.75rem 0 .6rem; display:flex;}
.comLef,.comRig{ width:50%; flex-shrink:0;}
.comLef{ padding:40px 4%;}
.comEn{ display:block; font-size:105%; text-align:left; color:#c4342b; font-family:Arial; font-weight:bold;}
.comLine{ display:block; width:30px; height:4px; background:#c4342b; margin:.2rem 0;}
.comName{ color:#c4342b; text-align:left;}
.comInfo{ font-size:24px; color:#333333; line-height:180%; margin-top:.2rem;}
.comCon{ font-size:16px; color:#666666; line-height:200%; margin:.5rem 0 0; text-indent:2em;}
.comRig{ overflow:hidden; min-height:4.79rem;}
.comRig .imgBg{ display:block; height:100%;}
.comBot{ background:#FFFFFF; margin:.6rem 0; padding:60px 4%; font-size:18px; color:#333333; line-height:180%;}
.comBot img{ max-width:100% !important; height:auto !important; display:block; margin:2px auto;}
.comBot table td{ padding:.1rem;}
.comPage{ list-style:none; position:absolute; left:93%; top:.75rem; background:#FFFFFF; border-radius:.1rem; overflow:hidden;}
.comPage li{ display:block; width:50px; height:50px;}
.comPage li a{ display:block; width:100%; height:100%; background-image:url(../images/comPage.png); background-repeat:no-repeat; transition:all .3s;}
.comPrev{ background-position:left top;}
.comPrev:hover{ background-position:right top;}
.comGo{ background-position:left center;}
.comGo:hover{ background-position:right center;}
.comNext{ background-position:left bottom;}
.comNext:hover{ background-position:right bottom;}
.comPage li a:hover{ background-color:#c4342b;}

.newsList{ margin:0 -.15rem .5rem; display:flex; flex-wrap:wrap;}
.newsList li{ float:none; padding:0 .15rem; margin-top:.7rem;}
.newsList li a{ display:block; background:#F7F7F7; position:relative; overflow:hidden; height:100%;}
.newsImg{ position:relative; overflow:hidden; height:0; padding-bottom:57.34%; padding-bottom:65%;}
.newsImg .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 1s;}
.newsText{ padding:.1rem .25rem;}
.newsTit{ font-size:24px; font-size:16px; color:#333333; line-height:24px; margin:.1rem 0; -webkit-line-clamp:2;}
.newsDes{ font-size:16px; color:#666666; line-height:30px; height:120px; margin:.1rem 0; -webkit-line-clamp:4;}
.newsTime{ font-size:14px; color:#999999; line-height:30px; font-family:Arial;}
.big{ width:66.66%; width:50%;}
.big a{ height:100%;}
.big a:after{ display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:50%; background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));}
.big .newsImg{ height:100%; padding:0;}
.big .newsText{ position:absolute; left:0; bottom:0; width:100%; z-index:1;}
.big .newsTit{ color:#FFFFFF; height:30px; margin:0; -webkit-line-clamp:1;}
.big .newsDes{ color:#FFFFFF; opacity:.5; height:30px; margin:0; -webkit-line-clamp:1;}
.big .newsTime{ display:none;}
.newsList li a:hover .newsImg .imgBg{ transform:scale(1.05);}
.newsList li:not(.big) a:hover .newsTit{ color:#c4342b;}
.newsLoad{width:auto; margin:0; overflow: hidden}
.newsLoad a{ margin:.5rem auto; display:block; width:230px; line-height:56px; background:#c4342b; color:#FFFFFF; font-size:16px; text-align:center;}
.newsLoad a.no-date{ background:#ccc;}
.newsLoad:last-child{ width:100%;}

.newsBox{ margin:.7rem 0 .5rem; display:flex; justify-content:space-between;}
.newsLef{ width:70%; flex-shrink:0;}
.newsRig{ width:25%; flex-shrink:0;}
.newsName{ font-size:32px; color:#000000; line-height:150%; margin-bottom:.1rem;}
.newsInfo{ margin:.1rem 0;}
.newsInfo span{ font-size:16px; color:#999999; line-height:30px; padding-right:.3rem;}
.newsInfo span:last-child{ padding-right:0;}
.newsCon{ font-size:16px; color:#666666; line-height:187.5%;}
.newsCon p{ margin:.15rem 0;}
.newsCon img{ max-width:100% !important; height:auto !important; margin:.1rem 0;}
.newsPage{ background:#f4f4f4; padding:25px 40px; display:flex; align-items:center;}
.newsPageCon{ width:calc(100% - 260px); line-height:30px;}
.newsPageCon p strong{ font-size:20px; margin-right:.2rem; color:#000000;}
.newsPageCon p a{ font-size:16px; color:#666666;}
.newsPageCon p a:hover{ color:#c9352b;}
.newsBack{ flex-shrink:0; width:240px; margin-left:10px;}
.newsShare{ font-size:0; margin-bottom:.1rem; color:#000000; text-align:center;}
.newsShare strong,.newsShare a{ display:inline-block; vertical-align:middle; font-size:16px; margin-right:.1rem;}
.newsShare a{ width:24px; height:24px;}
.newsShare a:last-child{ margin-right:0;}
.shareIco1{ background:url(../images/shareIco1.png) center center no-repeat; background-size:contain;}
.shareIco2{ background:url(../images/shareIco2.png) center center no-repeat; background-size:contain;}
.shareIco3{ background:url(../images/shareIco3.png) center center no-repeat; background-size:contain;}
.goList{ display:block; width:100%; line-height:46px; background:#c9352b; font-size:18px; color:#FFFFFF; text-align:center; transition:all .3s;}
.goList:hover,.goList:focus{ color:#FFFFFF;}
.goList:hover{ box-shadow:2px 2px 0 rgba(0,0,0,0.5); transform:translateY(-2px);}
.newsRigTit{ font-size:24px; font-weight:bold; color:#FFFFFF; background:#c4342b; line-height:38px; padding:.2rem .4rem; margin-bottom:.1rem;}
.busList{ list-style:none; line-height:40px; font-size:22px; color:#666666;}
.busList li{ margin-bottom:.06rem;}
.busList li a{ display:block; background:#f0f0f0; padding:.2rem .4rem; color:#666666; transition:all .3s;}
.busList li span{ display:inline-block; vertical-align:top; width:40px; margin-right:.15rem; transition:all .3s;}
.busList li img{ display:block; max-width:100%; height:auto;}
.busList li a:hover{ box-shadow:2px 2px 2px rgba(0,0,0,0.3);}
.busList li a:hover span{ margin-right:.1rem;}
.busList li a:hover img{ animation:swing 1s linear 1;}

.partner{ list-style:none; display:flex; flex-wrap:wrap; margin:.4rem -.14rem .6rem;}
.partner li{ width:16.66%; padding:.14rem;}
.partner li a{ display:block; background:#FFFFFF; height:0; padding-bottom:48.77%; position:relative; overflow:hidden; transition:all .3s;}
.parImg{ position:absolute; left:0; top:0; right:0; bottom:0; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.parImg img{ display:block; max-width:100%; max-height:100%; margin:0 auto;}
.partner li a:hover{ transform:translateY(-2px); box-shadow:0 0 .1rem rgba(0,0,0,0.1);}

.oneBg1{ background:#FFFFFF; padding:.8rem 0; overflow:hidden;}
.one1Lef{ float:left; width:43.125%;}
.one1Tit{ font-size:38px; color:#222222; line-height:160%; margin-bottom:.4rem;}
.one1Text{  color:#222222; line-height:24px;}
.one1Text p{ margin:.2rem 0;}
.one1List{ display:flex; justify-content:space-between; flex-wrap:wrap; text-align:center; color:#666666; line-height:24px; margin:.8rem 0 0;}
.one1List li{ width:25%; position:relative;}
.one1List li:after{ content:""; position:absolute; left:100%; top:0; width:1px; height:100%; background:#e5e5e5;}
.one1List li:last-child:after{ display:none;}
.one1Num{ font-size:36px; color:#c4342b; font-family:Arial; font-weight:bold; line-height:200%;}
.one1Num span{ font-size:180%; font-family:Impact; font-weight:normal; vertical-align:middle; margin-right:5px;}
.one1Rig{ float:right; width:51.25%; text-align:right;}
.one1Rig img{ max-width:100%; height:auto;}


.oneBg2{ background:url(../images/oneBg2.jpg) center center no-repeat; background-size:cover; overflow:hidden; padding:.7rem 0;}
.one2Tit{ line-height:160%;}
.hisTop{ margin:3.64vw 0; padding:0 3.125vw; position:relative;}
.hisPrev,.hisNext{ display:block; width:2.5vw; height:2.5vw; position:absolute; top:50%; transform:translateY(-50%); cursor:pointer; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.hisPrev{ left:0; background-image:url(../images/one2Prev.png);}
.hisNext{ right:0; background-image:url(../images/one2Next.png);}
.hisPrev:hover{ background-image:url(../images/one2Prev-Red.png);}
.hisNext:hover{ background-image:url(../images/one2Next-Red.png);}
.hisText{ display:flex; justify-content:center; align-items:center;}
.hisImg{ max-width:30%; flex-shrink:0; margin-right:6%;}
.hisImg img{ display:block; max-width:100%; height:auto; margin:0 auto;}
.hisCon{ overflow:hidden;}
.hisLine{ display:block; width:36px; height:0.5vw; background:#c4342b; margin-bottom:.1rem;}
.hisYear{ display:block; font-size:3.75vw; font-family:Arial; font-weight:bold; color:#c4342b; line-height:120%; margin:.1rem 0;}
.hisDes{ font-size:1.56vw; color:#333333; line-height:140%; margin:.1rem 0 0;}
.hisBot{ font-size:24px; position:relative;}
.hisBar{ display:block; width:1902px; height:13px; position:absolute; left:50%; transform:translateX(-50%); top:0.78vw; background:url(../images/hisLine.png) left center repeat-x;}
.hisBot .swiper-slide{ width:14.28%; cursor:pointer;}
.hisTime{ font-size:1.25vw; color:#666666; font-family:Arial; font-weight:bold; text-align:center; padding-top:3.65vw; line-height:2.6vw; background-position:center top; background-repeat:no-repeat; background-size:1.77vw auto; transition:all .3s;}
.hisBot .swiper-slide.active .hisTime{ color:#c4342b; font-size:2.08vw; background-image:url(../images/one2Ico.png);}

.oneBg3{ background:#FFFFFF; padding:.8rem 0;}
.one3List{ margin:0 -.1rem; display:flex; flex-wrap:wrap;}
.one3List li{ padding:.1rem;}
.one3List li img{ display:block; width:100%; height:auto;}
.one3List li:nth-child(3n + 1){ width:26%;}
.one3List li:nth-child(3n - 1){ width:39%;}
.one3List li:nth-child(3n){ width:34%;}

.FaqList{ margin:.6rem 0 0;}
.FaqList li{ padding:0 .2rem .2rem; margin-bottom:.18rem; border:1px solid rgba(0,0,0,.06);}
.FaqTit{ font-size:16px; color:#333333; line-height:24px; padding:12px 0 12px 30px; position:relative; cursor:pointer; transition:all 500ms ease; background:url(../images/faqIco1.png) left 10px no-repeat; background-size:24px auto;}
.FaqTit a{ color:#333333;}
.FaqTit a:hover{ color:#c4342b;}
.FaqAnswer{ margin:10px 0 0; border-radius:5px; background:#f6f6f6; padding:.25rem; font-size:14px; color:#666666; line-height:24px; position:relative;}
.FaqAnswer:after{ display:block; content:""; width:0; height:0; position:absolute; left:15px; bottom:100%; border-bottom:10px solid #F6F6F6; border-left:8px solid transparent; border-right:8px solid transparent;}
.FaqShow{ max-height:72px; overflow:hidden;}
.faqMore{ display:inline-block; vertical-align:middle; color:#c4342b; margin-top:.1rem; cursor:pointer;}
.faqMore:hover,.faqMore:focus{ color:#c4342b;}
.FaqList li:hover .FaqTit,.FaqList li.active .FaqTit{ background-image:url(../images/faqIco2.png); color:#c4342b;}
.FaqList li.active .FaqShow{ max-height:none;}



@media (min-width:1201px){
}
@media (min-width:1600px){
	.container{ width:1470px;}
}
@media (max-width:1600px){
	.banCon{ max-width:720px;}
	.banTit{ font-size:36px;}
	.banDes{ font-size:14px; line-height:22px;}
	.banMouse{ right:2%;}
	.box2List{ margin-top:.2rem;}
	.box2List .swiper-container{ height:463px;}
	.box2Item{ padding:15px;}
	.box2Ico{ width:50px; height:50px;}
	.box2Tit h3{ font-size:18px;}
	.box2Tag{ height:calc(48px + .2rem);}
	.box3TitEn{ font-size:40px;}
	.box3TitCn{ font-size:20px;}
	.box3List{ margin-top:.3rem; min-height:2.8rem;}
	.box3Info{ line-height:24px;}
	.box3Dot{ font-size:15px; line-height:24px;}
	.box3Dot p:before{ top:6px;}
	.box3Hon{ font-size:14px;}
	.box3HisCon strong{ font-size:30px; margin-right:.1rem;}
	.box3HisCon a{ font-size:14px;}
	.box3HisCon span{ font-size:12px;}
	.box3Tab{ max-width:460px;}
	.box3Tab li{ font-size:14px;}	
	.box3Tab:after{ top:19px;}
	.box3Tab li span{ width:38px; height:38px; line-height:38px; font-size:16px; margin:0 auto .1rem;}
	.box4List li{ margin:25px 0;}
	.box4Tit{ font-size:18px;}
	.box4Des{ font-size:14px; line-height:24px;}
	.box5Box{ margin:.3rem 0;}
	.box5Lef,.box5Rig{ padding:15px 20px;}
	.box5Tab{ margin:.1rem 0 .2rem;}
	.box5Tab li{ font-size:16px;}
	.box5Img{ height:186px;}
	.box5LefList li{ margin-bottom:.25rem;}
	.box5LefList li a:before{ top:7px;}
	.box5Tit{ font-size:16px; line-height:20px;}
	.box5Des{ line-height:22px;}
	.box5RigTit{ font-size:16px; line-height:40px;}
	.box5RigList li a{ line-height:32px;}
	.box5RigList li a:before{ top:13px;}
	.box5RigList li:first-child a{ font-size:15px; line-height:24px; -webkit-line-clamp:2;}
	.box5RigDes{ padding:10px 15px;}
	.box5RigDes .fontHeight{ -webkit-line-clamp:2;}
	.box6List{ padding:30px; margin:.3rem 0;}
	.box6Bot{ margin-top:.3rem;}
	.box7Text{ line-height:22px; margin:.2rem auto;}
	.box7Box{ margin:.5rem auto;}
	.box7List{ max-width:1000px;}
	.box7Year{ font-size:24px;}
	.box7Dot{ margin:.2rem auto;}
	.box7Info{ font-size:14px;}
	.box8Text{ font-size:16px; margin:.3rem 0;}
	.box8Text p{ margin:.1rem 0;}
	.box8Tit{ font-size:18px;}
	.box8Tel{ font-size:14px; margin:.2rem 0 .3rem;}
	.box8Tel p{ margin:.1rem 0;}
	
	.caseList{ margin:0 -.3rem;}
	.caseList li{ padding:0 .3rem;}
	.business{ padding:.5rem 0 1rem;}
	.busLef{ font-size:15px;}
	.busLef li{ margin:.15rem 0;}
	.busRig h3 span{ font-size:16px; font-weight:bold;}
	.busRig h4{ font-size:16px; font-weight:bold;}
	
	.conTel{ font-size:28px; background-size:34px auto; padding-left:44px;}
	.conTel span{ font-size:18px;}
	.conTit{ font-size:20px; line-height:28px; background-size:18px auto; padding-left:26px;}
	.conList{ margin:0 -30px;}
	.conList li{ font-size:16px; line-height:24px; padding:0 30px;}
	.conIco{ max-width:22px; margin-right:.1rem;}
	.mapCon{ font-size:20px; line-height:24px;}
	.mapCon i{ width:16px; height:22px;}
	
	.comTab{ margin:.5rem 0; padding-left:15%;}
	.comBtn1,.comBtn2{ width:40px; height:40px; margin-top:19px;}
	.province{ font-size:15px;}
	
	
	.comList{ margin:.4rem -.1rem .2rem;}
	.comList li{ padding:0 .1rem;}
	.comText{ padding:0 15px 5px;}
	.comTit{ font-size:16px; margin-top:.1rem;}
	.comDes{ margin-bottom:.1rem;}
	
	.comTop{ margin:.6rem 0;}
	.comInfo{ font-size:20px;}
	.comCon{ font-size:14px; margin:.3rem 0 0;}
	.comRig{ min-height:4rem;}
	.comBot{ font-size:16px;}
	.comPage{ top:.6rem;}	
	
	.newsList{ margin:.3rem -.1rem .5rem;}
	.newsList li{ padding:0 .1rem; margin-top:.3rem;}
	.newsTit{ font-size:20px; font-size:16px;}
	.newsDes{ font-size:14px; line-height:24px; height:96px;}
	.newsLoad a{ width:200px; line-height:50px; font-size:14px;}
	
	.newsBox{ margin:.5rem 0;}
	.newsName{ font-size:28px;}
	.newsInfo span{ font-size:14px; line-height:24px;}
	.newsCon{ font-size:15px;}
	.newsPage{ padding:.15rem .2rem;}
	.newsPageCon{ width:calc(100% - 220px);}
	.newsPageCon p strong{ font-size:16px; margin-right:.1rem;}
	.newsPageCon p a{ font-size:14px;}
	.newsBack{ width:200px;}
	.newsShare strong,.newsShare a{ font-size:14px;}
	.goList{ font-size:16px; line-height:40px;}
	.newsRigTit{ font-size:20px;}
	.newsRigTit{ line-height:30px; padding:.15rem .25rem;}
	.busList{ font-size:18px; line-height:30px;}
	.busList li span{ width:30px;}
	.busList li a{ padding:.15rem .25rem;}
	.partner{ margin:.4rem -.1rem .6rem;}
	.partner li{ width:20%; padding:.1rem;}
	
	.oneBg1{ padding:.6rem 0;}
	.one1Lef{ width:46%;}
	.one1Tit{ font-size:30px; margin-bottom:.3rem;}
	.one1List{ margin:.4rem 0 0;}
	.one1Num{ font-size:28px;}
	
	.oneBg2{ padding:.6rem 0;}
	.one2Tit{ font-size:32px;}
	.hisImg{ margin-right:3%;}
	
	.oneBg3{ padding:.6rem 0;}
}
@media (max-width:1400px){
	.banCon{ max-width:600px;}
	.banTit{ font-size:30px;}
	.box2List .swiper-container{ height:370px;}
	.box2Tag{ height:calc(24px + .1rem);}
	.box2Prev,.box2Next{ background-size:20px auto;}
	.box3TitEn{ font-size:32px; line-height:160%;}
	.box3TitCn{ font-size:18px;}
	.box3List{ min-height:2.3rem;}
	.box3Hon{ margin:0 -20px; margin:0 -10px;}
	.box3Hon li{ padding:0 20px; padding:0 10px;}
	.box3HisLine{ height:3px;}
	.box3HisCon strong{ font-size:24px;}
	.box4Ico{ width:70px; height:70px;}
	.box4Tit{ font-size:16px;}
	.box4Des{ font-size:13px; line-height:22px;}
	.box5Box{ margin:.2rem 0;}
	.box5Img{ height:150px;}
	.box5LefList li{ margin-bottom:.15rem;}
	.box6List{ padding:20px; margin:.2rem 0;}
	.box6Bot{ margin-top:.2rem;}
	.box7Box{ margin:.3rem auto;}
	.caseList{ margin:0 -.1rem;}
	.caseList li{ padding:0 .1rem; margin-top:.1rem;}
	.caseTit{ font-size:14px; line-height:24px; min-height:48px;}
	.contact{ padding:.3rem 0 .6rem;}
	.comText{ padding:0 10px 5px;}
	.comTit{ font-size:14px;}
	
	.comLef{ padding:.4rem 3%;}
	.comInfo{ font-size:18px;}
	.comCon{ margin:.1rem 0 0;}
	.comRig{ min-height:3.2rem;}
	.comBot{ padding:.4rem 3%;}
	.newsText{ padding:.1rem .2rem;}
	.newsTit{ font-size:16px; line-height:22px; font-size:16px;}	
	.newsName{ font-size:24px;}
	.newsRigTit{ font-size:18px;}
	.busList{ font-size:16px;}
	
	.one1Rig{ padding-top:.8rem;}
}
@media (max-width:1200px){
	.banner{ position:relative; height:100vh;}
	.box2List .swiper-container{ height:370px;}
	.box3Lef{ display:none;}
	.box3Rig{ position:relative; width:100%; display:block; padding:0 .3rem;}
	.box3Con{ max-width:100%;}
	.box3Hon{ margin:0 -.1rem; justify-content:center;}
	.box3Hon li{ padding:0 .1rem; max-width:160px;}
	.box3Tab{ margin:.3rem auto 0;}
	.box4Top{ position:static; transform:none; width:100%; text-align:center;}
	.box4TopImg,.box4TopImg2{ display:none;}
	.box4TopCon{ position:static; transform:none;}
	.box4TitIco{ display:none;}
	.box4Top .boxMore{ display:none;}
	.box4List + .boxMore{ display:block !important; border-color:#313131;}
	.box4List + .boxMore a{ color:#313131;}
	.box4List + .boxMore i{ background:#313131;}
	.box4List li{ width:49%;}
	.box5Box{ display:block;}
	.box5Lef,.box5Rig{ width:100%; margin:.3rem 0;}
	.box8Lef{ position:static; width:100%; padding:0 .3rem .6rem;}
	.box8Rig{ position:static; width:100%; height:4rem;}
	
	.boxBg2,.boxBg3,.boxBg4,.boxBg5,.boxBg6,.boxBg7,.boxBg8{ padding:.6rem 0;}
	.boxBg8{ padding-bottom:0;}	
	#home .boxTit,#home .boxDes,#home .boxLine span,#home .boxMore,.box2List,.box3Lef,.box3Rig,.box4TopImg span,.box4TopImg2 span,.box4TitIco,.box4List li,.box5Lef,.box5Rig,.box6List,.box6Bot,.box7Text,.box7Box,.box8Lef,.box8Rig{ animation-name:none !important;}
	
	.caseList li{ width:33.33%;}
	.long.caseList li{ width:25%;}
	.business{ display:block;}
	.busLef,.busRig{ width:100%;}
	.busLef{ padding:.2rem; font-size:14px; display:flex; flex-wrap:wrap;}
	.busLef li{ margin:0; padding:1px .1rem;}
	.busLef li a{ padding:0;}
	.busLef li a:before{ display:none;}
	.busLef li.active a{ border-bottom:1px solid #FFFFFF;}
	
	.conTel{ font-size:26px;}
	.conTel span{ font-size:16px;}
	.conList{ margin:0 -.15rem;}
	.conList li{ padding:0 .15rem; margin-bottom:.2rem;}
	.conTit{ font-size:18px; margin:.2rem 0;}
	.mapCon{ font-size:18px; padding:.2rem .3rem;}
	
	.comLef{ padding:.3rem 3%;}
	.comLine{ margin:.15rem 0;}
	.comInfo{ font-size:16px;}
	.comRig{ min-height:2.6rem;}
	
	.big{ width:66.66%;}
	.newsText{ padding:.1rem .15rem;}
	.newsTit{ font-size:15px;}
	.newsBox{ display:block;}
	.newsLef,.newsRig{ width:100%;}
	.newsRig{ margin-top:.3rem;}
	.busList{ display:flex; flex-wrap:wrap; margin:0 -.05rem; text-align:center;}
	.busList li{ flex:auto; padding:0 .05rem;}
	
	.partner li{ width:25%;}
	
	.one1Lef,.one1Rig{ float:none; width:100%;}
	.one1Rig{ text-align:center; padding:0; margin-bottom:.2rem;}
	
	.hisTop{ margin:.3rem 0; padding:0 40px;}
	.hisPrev,.hisNext{ width:32px; height:32px;}
	.hisBar{ top:5px;}
	.hisBot .swiper-slide{ width:16.67%;}
	.hisTime{ font-size:18px; line-height:30px; padding-top:50px; background-size:22px auto;}
	.hisBot .swiper-slide.active .hisTime{ font-size:24px;}
	
	.comTab .swiper-slide{ width:16.66%;}
}
@media (max-width:991px){
	.banner{ height:8rem;}
	.box2List{ padding:0 20px;}
	.box2Prev,.box2Next{ background-size:16px auto; transform:none;}
	.box2Prev{ left:-10px;}
	.box2Next{ right:-10px;}
	.conList li{ width:100%;}
	.conPhone p{ min-width:50%;}
	.comTop{ flex-direction:column-reverse;}
	.comLef,.comRig{ width:100%;}
	.comLef{ padding:.3rem .3rem .5rem;}
	.comRig{ height:auto;}
	.comRig .imgBg{ background:none !important;}
	.comRig .imgBg img{ display:block; width:100%;}
	.comBot{ padding:.3rem;}
	.comPage{ position:static; margin:.6rem 0; display:flex; justify-content:center;}
	
	.newsTit{ height:24px; -webkit-line-clamp:1;}
	.newsDes{ height:72px; -webkit-line-clamp:3;}
	.big{ width:50%;}
	.big a:after{ display:none;}
	.big .newsImg{ height:0; padding-bottom:57.34%;}
	.big .newsText{ position:static;}
	.big .newsTit{ height:24px; color:#333333; margin:.1rem 0;}
	.big .newsDes{ height:72px; color:#666666; margin:.1rem 0; -webkit-line-clamp:3; opacity:1;}
	.big .newsTime{ display:block;}
	.newsPage{ display:block;}
	.newsPageCon,.newsBack{ width:100%;}
	.newsBack{ margin:.1rem 0;}
	.goList{ max-width:200px; margin:0 auto;}
	.newsRigTit{ font-size:16px; padding:.1rem .2rem;}
	.busList{ font-size:16px; line-height:24px;}
	.busList li a{ padding:.1rem .2rem;}
	.busList li span{ width:24px; margin-right:.1rem;}
	
	.one1Tit{ font-size:24px;}
	.one1Num{ font-size:22px;}
	
	.hisYear{ font-size:22px;}
	.hisDes{ font-size:16px;}
	.hisBot .swiper-slide{ width:20%;}
	
	.comTab{ padding:0; margin:.3rem 0;}
	.comAll{ position:static; margin-bottom:.1rem; display:flex; flex-direction:row-reverse; justify-content:flex-end; align-items:center;}
	.comAll .comDot{ margin:0; top:-1px; margin-right:.1rem;}
	.comBtn1,.comBtn2{ top:0; margin:0; left:auto; width:32px; height:32px;}
	.comBtn1{ right:40px;}
	.comBtn2{ right:0;}
	.comBtn1.swiper-button-disabled,.comBtn2.swiper-button-disabled{ opacity:.2; cursor:no-drop;}
}
@media (max-width:767px){
	.banCon{ padding:0 .3rem; margin:0; width:100%;}
	.banLine{ height:.05rem;}
	.banTit{ font-size:.3rem;}
	.box5LefLink{ display:none;}
	.box5LefList{ float:none; width:100%;}
	
	.caseList li{ width:50%;}
	.long.caseList li{ width:33.33%;}
	.conTel{ font-size:22px; background-size:26px auto; padding-left:35px; border-bottom-width:1px;}
	.conTel span{ font-size:12px;}
	.conTit{ font-size:16px; background-size:14px auto; padding-left:20px;}
	.conList li{ font-size:14px;}
	.mapCon{ font-size:16px;}
	.mapCon i{ width:14px; height:16px;}
	.hisBot .swiper-slide{ width:25%;}
}
@media (max-width:640px){
	.box3TitEn{ font-size:24px;}
	.box3TitCn{ font-size:16px;}
	.box3Dot{ font-size:14px;}	
	.box3Tab:after{ top:17px;}
	.box3Tab li span{ width:34px; height:34px; line-height:34px;}
	.box4List{ margin-bottom:.5rem;}
	.box4List li{ width:100%; padding:0 !important; flex-direction:row !important; margin:.2rem 0;}
	.box4List li:nth-child(2n+1) .box4Text{ text-align:left;}
	.box4List li:nth-child(2n+1) .box4Ico{ margin-left:0; margin-right:.3rem;}
	.box6Page .swiper-pagination-bullet{ width:.4rem;}
	.box7Item{ display:block;}
	.box7Item:after{ width:100% !important; left:0; top:calc(34px + .2rem); background-image: linear-gradient(to right,rgba(255,255,255,0), rgba(255,255,255,1.00), rgba(255,255,255,0));}
	.box7Prev, .box7Next{ transform:none; top:32px;}
	.box7Year{ height:auto; line-height:30px; font-size:20px;}
	.box7Con{ padding:.2rem;}
	.box7Info{ height:auto; -webkit-line-clamp:3;}
	.box8Text{ font-size:14px;}
	.newsTit{ font-size:14px;}
	.newsDes,.big .newsDes{ font-size:13px; height:48px; -webkit-line-clamp:2;}
	.newsLoad a{ line-height:44px;}
	.newsName{ font-size:18px;}
	.newsInfo span{ font-size:13px;}
	.newsCon{ font-size:14px;}
	.busList li a{ padding:.2rem;}
	.partner li{ width:33.33%;}
	.one1Tit{ font-size:20px; margin-bottom:.2rem;}
	.one1List{ font-size:12px;}
	.one1Num{ font-size:.24rem;}
	.hisTop{ padding:0 30px;}
	.hisPrev{ left:-.2rem;}
	.hisNext{ right:-.2rem;}
	.hisBot .swiper-slide{ width:33.33%;}
	.hisText{ display:block;}
	.hisImg{ max-width:100%; margin:0 0 .2rem;}
	.hisYear{ font-size:18px;}
	.hisDes{ font-size:14px;}
	.hisTime{ padding-top:30px; background-size:16px auto; font-size:14px;}
	.hisBot .swiper-slide.active .hisTime{ font-size:18px;}
	.hisBar{ top:5px;}
	.comTab .swiper-slide{ width:25%;}
}
@media (max-width:460px){
	.banTit{ font-size:.4rem;}
	.banMouse{ display:none;}
	.box2Ico{ width:40px; height:40px;}
	.box2Tit h3{ font-size:16px;}
	.box2Tit{ font-size:12px;}
	.box3TitEn{ font-size:20px;}
	.box3Hon{ font-size:12px;}
	.box3HisCon{ line-height:30px;}
	.box3HisCon strong{ float:none;}
	.box3HisCon span{ margin-top:3px;}
	.box3Tab:after{ top:15px;}
	.box3Tab li{ font-size:12px;}
	.box3Tab li span{ width:30px; height:30px; line-height:30px; font-size:14px;}
	.box4List li{ align-items:flex-start;}
	.box4Ico{ width:1rem; height:1rem;}
	.box4Tit{ font-size:14px;}
	.box5Lef, .box5Rig{ padding:15px .3rem;}
	.box5Lef{ position:relative; padding-bottom:calc(.3rem + 36px);}
	.box5Tab{ line-height:30px; margin:.1rem 0 .3rem; position:static;}
	.box5Tab li{ flex:1; font-size:14px; font-weight:normal;}
	.box5Tab li span{ text-align:center; padding:0 .15rem; margin-right:0;}
	.box5Tab li a{ top:auto; bottom:.2rem; right:auto; left:50%; transform:translateX(-50%);}
	.box5Tit{ font-size:15px;}
	.box7Item:after{ height:2px; top:calc(35px + .2rem);}
	.box7Prev, .box7Next{ width:28px; height:28px; top:28px;}
	.box7Year{ font-size:16px;}
	.box8Tit{ font-size:16px;}
	.box8Tel{ display:block;}
	.box8Tel p{ width:100%;}
	.caseList li{ width:100%;}
	.long.caseList li{ width:50%;}
	.busRig h3 span{ font-size:14px; line-height:30px;}
	.busRig h4{ font-size:15px;}
	.conIco{ max-width:18px;}
	.conIco img{ vertical-align:middle; position:relative; top:-2px;}
	.comTab .swiper-slide{ width:33.33%;}
	.comList li{ width:100%;}
	.comDes{ font-size:12px;}
	.comIco{ background-size:20px auto;}	
	.comInfo{ font-size:14px;}
	.comPage li{ width:38px; height:38px;}
	.comPage li a{ background-size:76px auto;}
	.newsList li{ width:100%;}
	.newsDes,.big .newsDes{ height:auto;}
	.newsLoad a{ width:100%; line-height:40px;}
	.busList{ font-size:14px;}
	.busList li span{ width:18px; vertical-align:middle;}
	.newsPageCon p strong{ font-size:15px;}
	.newsShare a{ background-size:20px auto;}
	.goList{ font-size:14px; line-height:36px; max-width:160px; margin-top:.2rem;}
	.partner li{ width:50%;}
	.hisPrev,.hisNext{ width:28px; height:28px;}
	
}
@media all and (orientation : landscape){
	.pc{ display:block;}
	.mob{ display:none;}
}
@media all and (orientation : portrait){
	.pc{ display:none;}
	.mob{ display:block;}
}