@charset "utf-8";
*{ margin:0; padding:0;}
table{ border-collapse:collapse;}
a{ text-decoration:none;}
a:hover,a:focus{ text-decoration:none;}
a:focus{ outline:none;}
ol, ul{ margin:0;}
p{ margin:0;}
.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5{ margin:0;}
.cor_red{ color:#e61c15;}
.f22{ font-size:22px;}
.clear{ clear:both;}
.shows{ display:block;}
.showsIn{ display:inline-block;}
.hides{ display:none;}
.ellipsis{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.bd_weixin_popup{ height:auto !important;}
html { -ms-touch-action: none; height:100%;}
body { font-family:"Microsoft YaHei"; position: relative; height:100%; *cursor: default; color:#333333; overflow-x:hidden;}
.imgFull{ background-position:center center; background-repeat:no-repeat; background-size:cover;}
.imgFull img{ display:none;}

.headerBg{ transition:all 0.3s ease-out 0s;}
.headerBg.active{ border:none; background:rgba(0,0,0,0.6);}

.logo{ height:auto; padding:21px 30px; margin-top:9px;}
.logo:after{ width:50px; height:100%; background:#e61c15; display:block; content:""; position:absolute; right:-50px; top:0; transform:skew(-30deg,0); transform-origin:left top; z-index:-1; display:none;}
.logo img{ transition:all 0.3s ease 0s;}
nav.navbar.bootsnav{ border:none; background:none;}
.navList{ padding:0;}
nav.navbar.bootsnav ul.nav > li > a{ position:relative; padding:0 15px; margin:0 12px; font-weight:normal; line-height:94px; height:94px; position:relative; color:#FFFFFF; font-size:15px; transition:all 0.3s ease-out 0s;}
nav.navbar.bootsnav ul.nav > li > a:after{ display:block; content:""; position:absolute; left:50%; top:0; width:0; height:4px; background:#e61c15; transition:all 0.4s ease 0s;}
nav.navbar.bootsnav ul.nav > li > a:hover,nav.navbar.bootsnav ul.nav > li.on > a,nav.navbar.bootsnav ul.nav > li.active > a{ color:#ff0900; font-weight:bold;}
nav.navbar.bootsnav ul.nav > li > a:hover:after,nav.navbar.bootsnav ul.nav > li.on > a:after,nav.navbar.bootsnav ul.nav > li.active > a:after{ left:0; width:100%;}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{ content:""; margin:0;}

.navSub{ padding-top:12px; background:none; box-shadow:none; border:none; width:180px; left:50%; margin-left:-90px; top:74px;}
.navSub:before{ display:block; content:""; position:absolute; left:50%; margin-left:-11px; top:0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 11px 12px 11px;
border-color: transparent transparent rgba(0,0,0,0.7) transparent;
}
.navSubList{ background:rgba(0,0,0,0.7); padding:15px 25px; border-radius:5px;}
.navSubList li a{ display:block; color:#FFFFFF; line-height:38px; transition:all 0.3s ease-out 0s;}
.navSubList li a:before{ float:right; content:"\f105"; font-family: FontAwesome;}
.navSubList li a:hover{ font-weight:bold; color:#ff0900;}

.navSub.navMore{ width:354px; margin-left:-177px; overflow:hidden;}
.navSub.navMore .navSubList{ padding:15px 0; overflow:hidden;}
.navSub.navMore li{ float:left; width:50%; padding:0 25px;}

.navRig{ line-height:94px; height:94px; font-size:14px; color:#FFFFFF; right:15px !important; margin:0; transition:all 0.4s ease 0s;}
.navRig > ul > li:first-child{ padding-right:10px;}
.navRig > ul > li{ padding-left:8px;}
.navRig > ul > li > a{ font-size:14px; color:#FFFFFF; display:inline-block; padding:0; text-align:center;}
nav.navbar.bootsnav .navbar-toggle{ background:none !important; color:#FFFFFF;}

.lanListBg{ width:88px; left:50%; margin-left:-44px; min-width:50px; background:rgba(0,0,0,0.5); padding:5px 13px; border-radius:0; top:71px; text-align:center;}
.lanList li{ line-height:32px; border-bottom:1px solid rgba(255,255,255,0.2);}
.lanList li a{ line-height:32px; color:#FFFFFF; height:32px; transition:all 0.3s ease-out 0s;}
.lanList li:last-child{ border-bottom:none;}
.lanList li a:hover{ font-weight:bold; color:#ff0900;}

.hdWeChat{ width:140px; margin-left:-70px; background:#FFFFFF; text-align:center; font-size:12px; color:#666666; line-height:26px; min-width:100px; border-radius:0; top:78px;}
.hdWeChat img{ margin:0 auto;}

.hdSearchBg{ width:245px; left:auto; right:-15px; background:rgba(0,0,0,0.5); border-radius:0; padding:10px 13px 13px; top:78px;}
.hdSearch{ position:relative; border-bottom:1px solid rgba(255,255,255,0.5); line-height:28px; padding-bottom:5px; padding-right:30px;}
.hdSeaInput{ width:100%; border:none; background:none; font-size:12px; color:#989898;}
.hdSeaBtn{ position:absolute; width:30px; right:0; color:#FFFFFF; text-align:center;top:0;}
.hdSeaBtn:hover,.hdSeaBtn:focus{ color:#FFFFFF;}

.headerBg.active .logo{ margin-top:0; height:80px; background:#e61c15;}
.headerBg.active .logo:after{ display:block;}
.headerBg.active .logo img{ max-width:104px;}
.headerBg.active nav.navbar.bootsnav ul.nav > li > a{ line-height:80px; height:80px;}
.headerBg.active .navRig{ line-height:80px; height:80px;}
.headerBg.active .navSub{ top:auto;}

/*banner*/
.banner{ height:100%; position:relative;}
.banner .swiper-slide{ position:relative; overflow:hidden;}
.banner .swiper-slide .imgFull{ height:100%;}
.banner .imgFull{ height:100%; transform:scale(1.1); transition:all 0.6s ease 0s;}
.banner .swiper-pagination{ margin:0; bottom:5%;}
.banner .swiper-pagination-bullet{ width:52px; height:5px; background:rgba(255,255,255,0.5); opacity:1; border-radius:0; position:relative;}
.banner .swiper-pagination-bullet i{ position:absolute; left:0; top:0; display:block; height:100%; width:0%; background:#ffffff; opacity:0.5;}
.banner .swiper-pagination-bullet-active i{ width:50%;}
.banner .swiper-slide-active .imgFull{ transform:scale(1); transition:all 6s ease 0s;}

.banner .swiper-slide .container{ height:100%; justify-content:center; display:flex; align-items:center; position:relative; z-index:1;}
.banTextBg{ position:absolute; left:0; bottom:0; width:100%; height:100%;}
.banConBg{ width:100%;}
.Ban1 .banCon{ position:relative;}
.Ban1 .banText{ position:absolute; left:0; top:0; width:100%;}
.Ban1 img{ margin:0 auto;}
.banVideoBtn{ width:84px; height:84px; background:url(../images/banVideo.png) center center no-repeat; background-size:cover; margin:40px auto 0; cursor:pointer;}

.Ban2 .banConBg{ width:100%;}
.Ban2 .banText{ width:50%;}
.Ban2 .banImg{ position:absolute; right:0; bottom:0; width:48%;}

.Ban3 .banConBg{ padding-bottom:35%;}
.Ban3 img{ margin:0 auto;}
.Ban3 .banImg{ margin:30px auto; text-align:center;}
.banTextList{ text-align:center; color:#FFFFFF; font-size:16px; display:inline-block; line-height:40px; padding:15px 0; position:relative;}
.banTextList:after,.banTextList:before{ position:absolute; left:50%; transform:translateX(-50%); display:block; content:""; width:100%; height:2px; background:url(../images/banImg3.png) center center no-repeat; background-size:contain;}
.banTextList:before{ top:0;}
.banTextList:after{ bottom:0;}

.Ban4 .banConBg{ width:100%;}
.Ban4 .banText{ width:50%;}
.Ban4 .banImg{ position:absolute; right:0; bottom:2%; width:48%;}

.banMore{ width:140px; height:42px; border:1px solid #FFFFFF; border-radius:20px; text-align:center; color:#FFFFFF; font-size:15px; text-shadow:0 0 6px rgba(0,0,0,0.75); box-shadow:0 0 6px rgba(0,0,0,0.75); display:block; line-height:40px; margin:40px 0 0 30px; transition:all 0.4s ease 0s;}
.banMore:hover{ color:#ff0900; border-color:#ff0900;}

.title{ padding:40px 0; position:relative;}
.titH2{ font-size:32px; color:#222222; line-height:120%;}
.titleBrief{ font-size:14px; max-width:980px; margin:0 auto; color:#888888; line-height:28px; padding:20px 0;}
.titIco img{ margin:0 auto;}

.boxBg{ padding:50px 0 120px;}
.box1List{ margin:0 -7px;}
.box1List > li{ padding:7px;}
.box1List li a{ display:block; height:100%; position:relative; overflow:hidden; perspective:1000px;}
.box1List2 > li{ padding:0 0 14px;}
.box1Img{ overflow:hidden; position:relative; transform: rotateY(0); opacity:1; transition: all 0.50s ease-in-out 0s;}
.box1Img img{ width:100%;}
.box1Tit{ font-size:15px; color:#FFFFFF; line-height:200%; position:absolute; left:0; bottom:20px; width:100%;}
.box1HovBg{ position:absolute; left:0; top:0; width:100%; height:100%; color:#FFFFFF; padding:15px; display:flex; justify-content:center; align-items:center; background:rgba(218,35,28,0.95); transform:rotateY(90deg); opacity:0; transition:all 0.50s ease-in-out 0s;}
.box1Hov{ padding:0 10px;}
.box1H4{ font-size:18px; line-height:30px; transition:all 0.4s ease 0s;}
.box1Line{ display:block; margin:20px auto; width:30px; height:2px; background:#FFFFFF; font-size:0; transition:all 0.4s ease 0s;}
.box1Brief{ font-size:14px; line-height:24px; max-height:72px; overflow:hidden; padding:0 15%; text-align:center; margin:0 0 20px; transition:all 0.4s ease 0s;}
.box1More{ margin:0 auto; width:42px; height:28px; line-height:24px; border:1px solid #FFFFFF; border-radius:15px; text-align:center; font-size:18px; transform:translate(0,100%); opacity:0; transition:all 0.4s ease 0s;}

.box1List li a:hover .box1Img{ transform: rotateY(-90deg); opacity:0;}
.box1List li a:hover .box1HovBg{ transform: rotateY(0); opacity:1;}

.box2Bg{ background:#f6f6f6; padding-top:90px; position:relative;}
#particles{ width:100%; height:100%; position:absolute; left:0; top:0;}
.box2Bg .container{ position:relative; z-index:1;}
.box2List{ margin:0 -12px; overflow:hidden;}
.box2List li{ padding:0 12px 10px;}
.box2List li a{ display:block; height:100%; background:rgba(0,0,0,0.04); text-align:center; padding:50px 10px 45px; transition:all 0.5s ease 0s;}
.box2Img{ position:relative; overflow:hidden; padding-bottom:25px;}
.box2HovImg{ position:absolute; left:0; top:0; width:100%; opacity:0; transform:translate(0,100%); transition:all 0.5s ease 0s;}
.box2Img img{ margin:0 auto;}
.box2Tit{ font-size:17px; line-height:28px; color:#111111;}
.box2Line{ display:block; width:37px; height:2px; margin:20px auto; background:url(../images/box2LineBg.png) center 0 no-repeat;}
.box2Brief{ padding:0 12%; color:#888888; font-size:12px; line-height:22px; height:88px; overflow:hidden; margin:0 0 20px;}
.box2More{ margin:0 auto; width:42px; height:28px; line-height:24px; border:1px solid #aaaaaa; color:#aaaaaa; border-radius:15px; text-align:center; font-size:18px; transition:all 0.4s ease 0s;}

.box2List li a:hover{ background:#e62b25;}
.box2List li a:hover .box2HovImg{ opacity:1; transform:translate(0,0);}
.box2List li a:hover .box2Tit,.box2List li a:hover .box2Brief{ color:#FFFFFF;}
.box2List li a:hover .box2Line{ background-position:0 -2px;}
.box2List li a:hover .box2More{ border-color:#FFFFFF; background:#FFFFFF; color:#e62b25;}

.box2MoreBtn{ display:block; width:172px; height:40px; line-height:38px; border:1px solid #e62b25; margin:40px auto 0; color:#FFFFFF; background:#e62b25; text-align:center; text-transform:uppercase; transition:all 0.5s ease 0s;}
.box2MoreBtn:hover{ background:#FFFFFF; color:#e62b25; border:1px solid #e62b25;}

.box3Bg{ background:url(../images/box3Bg.jpg) center center no-repeat; background-size:cover !important; color:#FFFFFF; padding-top:12%;}
.box3{ max-width:672px;}
.titEn{ font-size:36px; font-family:Arial;}
.title2 .titH2{ font-size:22px; color:#FFFFFF;}
.box3Text{ font-size:14px; line-height:30px; padding:35px 0;}
.box3List{}
.box3List li{}
.box3List li a{ display:block; position:relative; color:#FFFFFF; width:120px; height:120px;}
.box3Img{ position:relative; top:50%; transform:translate(0,-50%);}
.box3Img img{ margin:0 auto;}
.box3Tit{ font-size:13px; line-height:30px; padding:5px 0 0;}
.box3Hov{ width:120px; height:120px; position:absolute; left:50%; top:50%; margin:-60px 0 0 -60px;}
.box3List li:nth-child(1) .box3Hov{ animation:Cir 20s infinite;}
.box3List li:nth-child(2) .box3Hov{ animation:CirF 10s infinite;}
.box3List li:nth-child(3) .box3Hov{ animation:Cir 15s infinite;}
.box3List li:nth-child(4) .box3Hov{ animation:CirF 20s infinite;}
.box3List li a:hover .box3Img img{ animation:pulse 1s 1;}

.box4Bg{ padding-top:150px;}
.box4List .swiper-container{ padding-bottom:1px;}
.box4Link{ display:block; position:relative; overflow:hidden;}
.box4Img{ overflow:hidden; position:relative; margin-bottom:10px;}
.box4Img img{ width:100%; transition:all 0.8s ease 0s;}
.box4Line{ position:absolute; left:0; bottom:0; width:0; height:2px; background:#e61c15;}
.box4Tit{ font-size:15px; color:#000000; line-height:24px; transition:all 0.6s ease 0s;}
.box4Time{ font-size:13px; color:#999999; line-height:24px;}
.box4Brief{ font-size:12px; line-height:22px; color:#888888; height:44px; overflow:hidden; margin:10px 0;}
.box4More{ width:42px; height:28px; line-height:24px; border:1px solid #e62b25; color:#ffffff; background:#e62b25; border-radius:15px; text-align:center; font-size:18px; transition:all 0.4s ease 0s;}
.box4Link:hover .box4Img img{ transform:scale(1.05);}
.box4Link:hover .box4More{ background:#FFFFFF; color:#e62b25; border:1px solid #e62b25;}
.box4Link:hover .box4Line{ width:100%; transition:all 1s ease 0s;}
.box4Link:hover .box4Tit{ font-weight:bold; color:#e61c15;}
.box4Btn{ padding:50px 0 0; font-size:0;}
.box4Prev,.box4Next,.box4Item{ display:inline-block; vertical-align:middle; border:1px solid #e62b25; color:#e62b25; line-height:26px; height:30px; transition:all 0.5s ease 0s;}
.box4Prev,.box4Next{ width:36px; font-size:20px;}
.box4Prev:focus,.box4Next:focus{ color:#e62b25;}
.box4Item{ padding:8px 0 0; width:78px; margin:0 10px}
.box4Item span{ display:block; background:#e62b25; font-size:0; height:1px; width:16px; margin:0 auto; transition:all 0.5s ease 0s;}
.box4Item span:nth-child(2){ width:30px; margin:4px auto;}
.box4Prev:hover,.box4Next:hover,.box4Item:hover{ background:#e62b25; color:#FFFFFF;}
.box4Item:hover span{ background:#FFFFFF;}

.box5Bg{ padding:0 !important; min-height:0 !important; position:relative; width:100%; height:840px; overflow:hidden;}
.box5Map{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/box5Map.jpg) center center no-repeat;}
.box5MapIco{ position:absolute; top:336px; left:1164px; animation:bounce 2s infinite;}
.box5ConBg{ position:absolute; left:50%; margin-left:-960px; top:0; height:100%; width:820px; background:rgba(230,28,21,0.85);}
.box5{ padding:200px 0 0; color:#FFFFFF; position:relative; z-index:1; max-width:450px;}
.box5Bot{ font-size:14px; line-height:30px; margin:0;}
.box5Wechat{ max-width:128px;}
 
.footBg{ background:#323639; font-size:13px; color:#888888; line-height:36px; padding:35px 0;}
.footBg a{ color:#888888;}
.footBg a:hover{ color:#e62b25;}
.footRig span,.footLink{ display:inline-block; vertical-align:middle;}
.footLink{ margin-left:10px;}
.footLink li{ position:relative;}
.footLink li a{ display:block; width:36px; height:36px; border:1px solid rgba(255,255,255,0.12); text-align:center; line-height:32px; font-size:16px; color:#cccccc; border-radius:50%; transition:all 0.5s ease 0s;}
.footLink li:hover a{ border-color:#e62b25;}
.footWechat{ position:absolute; left:50%; bottom:50px; width:90px; margin-left:-45px; display:none;}
.footWechat img{ width:100%;}
.footLink li:hover .footWechat{ display:block;}

.bannerN{ position:relative; height:500px;}
.bannerN .imgFull{ position:absolute; left:0; top:0; width:100%; height:100%;}
.banTit{ position:absolute; top:50%; width:100%; transform:translate(0,-50%); text-align:center; color:#FFFFFF; padding:30px 15px 0;}
.banH2{ font-size:32px; line-height:100%; padding-bottom:30px;}
.banIco img{ margin:0 auto;}

.fenleiBg{ background:rgba(0,0,0,0.4); margin-top:-58px; position:relative; z-index:1; line-height:58px; height:58px; color:#FFFFFF;}
.fenlei{ margin:0; font-size:0;}
.fenlei li{ padding:0; vertical-align:middle;}
.fenlei li a{ display:block; font-size:14px; min-width:160px; color:#FFFFFF; text-align:center; position:relative; transition:all 0.3s ease 0s;}
.fenlei li a:after{ display:none; content:""; position:absolute; left:50%; bottom:0; margin-left:-7px;
width: 0;
height: 0;
border-left:7px solid transparent;
border-right:7px solid transparent;
border-bottom:6px solid #FFFFFF;
}
.fenlei li a:before{ display:block; content:""; width:1px; height:20px; background:rgba(255,255,255,0.3); position:absolute; left:0; top:50%; margin-top:-10px;}
.fenlei li:first-child a:before{ display:none;}
.fenlei li a:hover{ color:#e61c15;}
.fenlei li a.active{ background:#e61c15; color:#FFFFFF;}
.fenlei li a.active:after{ display:block;}

.mainBg{ min-height:300px; font-size:14px; color:#6e6e6e; line-height:28px;}

.proList{ margin:0 -18px; padding:45px 0 0;}
.proList li{ padding:24px 18px 0;}
.proList li a{ display:block; height:100%; position:relative; overflow:hidden;}
.proImg{ overflow:hidden; position:relative; border:1px solid #d8d8d8; transition:all 0.5s ease 0s;}
.proImg img{ width:100%; transition:all 0.5s ease 0s;}
.proTit{ font-size:16px; color:#555555; line-height:30px; padding:15px 0; transition:all 0.5s ease 0s;}
.proList .box1H4{ font-size:16px; margin-bottom:10px; transform:translate(-100%,0); opacity:0;}
.proList .box1HovBg{ background:rgba(218,35,28,0); transform:rotateY(0);}
.proList .box1Brief{ font-size:13px; padding:0; transform:translate(0,100%); opacity:0;}
.proList li a:hover .proImg{ border-color:#df0024;}
.proList li a:hover .proImg img{ transform:scale(1.02);}
.proList li a:hover .proTit{ color:#df0024;}
.proList li a:hover .box1HovBg{ background:rgba(218,35,28,0.95); opacity:1;}
.proList li a:hover .box1H4,.proList li a:hover .box1Brief,.proList li a:hover .box1More{ transform:translate(0,0); opacity:1;}
.proList li a:hover .box1Line{ width:30px;}
.proList li a:hover .box1Brief{ transition:all 0.6s ease 0.2s;}
.proList li a:hover .box1More{ transition:all 0.4s ease 0.6s;}

.page{ padding:40px 0 55px; text-align:center;}
.page img{ margin:0 auto;}

.proTop{ padding:70px 0; font-size:14px; color:#666666; line-height:32px;}
.proTopLefCon{ max-width:530px;}
.proTopImgD{ border:1px solid #c9c9c9;}
.proMaxImg img,.proTopImgD img{ max-width:100%; margin:0 auto;}
.proTopImgX{ margin:15px 0; padding:0 40px; position:relative;}
.proBotImg{ background:#c9c9c9; padding:1px; cursor:pointer;}
.proTopImgX .swiper-slide-active .proBotImg{ background:#e61c15;}
.proPrev,.proNext{ position:absolute; top:0; width:28px; height:100%; border:1px solid #c9c9c9; color:#999999; font-size:24px; text-align:center; cursor:pointer; transition:all 0.5s ease 0s;}
.proPrev i,.proNext i{ position:relative; top:50%; transform:translateY(-75%);}
.proPrev{ left:0;}
.proNext{ right:0;}
.proPrev:hover,.proNext:hover{ background:#df0024; border-color:#df0024; color:#FFFFFF;}

.proName{ font-size:34px; color:#333333; line-height:100%; padding:10px 0 30px;}
.proName2{ font-size:18px; color:#e1000b; line-height:30px; padding-bottom:10px;}
.proBrief{ padding:10px 0;}
.proBrief p{ position:relative; padding-left:17px;}
.proBrief p:before{ display:block; content:""; width:4px; height:4px; background:#858585; border-radius:50%; position:absolute; left:0; top:15px;}
.proShare{ margin:0 -5px; font-size:0; padding:10px 0 20px;}
.proShare strong,.proShare a{ display:inline-block; vertical-align:middle; font-size:15px; color:#555555; line-height:34px; margin:0 5px;}
.proShare a{ width:29px; height:28px; background-image:url(../images/shareIco.png); background-repeat:no-repeat; transition:all 0.4s linear 0s;}
.shareIco1{ background-position:0 0;}
.shareIco2{ background-position:-29px 0;}
.shareIco3{ background-position:-58px 0;}
.shareIco4{ background-position:-87px 0;}
.shareIco5{ background-position:-116px 0;}
.shareIco6{ background-position:-145px 0;}
.shareIco1:hover{ background-position:0 -28px;}
.shareIco2:hover{ background-position:-29px -28px;}
.shareIco3:hover{ background-position:-58px -28px;}
.shareIco4:hover{ background-position:-87px -28px;}
.shareIco5:hover{ background-position:-116px -28px;}
.shareIco6:hover{ background-position:-145px -28px;}
.goList{ display:block; width:120px; color:#FFFFFF; line-height:32px; height:34px; text-align:center; background:#e61c15; border:1px solid #e61c15; margin:20px 0 0; transition:all 0.5s ease 0s;}
.goList:hover{ background:#FFFFFF; color:#e61c15;}

.proBotTab{ border-bottom:2px solid #e61c15; font-size:0; margin:0 -1px;}
.proBotTab li{ line-height:54px; padding:0 1px; width:180px;}
.proBotTab li span{ display:block; font-size:16px; color:#444444; background:#eeeeee; cursor:pointer;}
.proBotTab li.active span{ color:#FFFFFF; background:#e61c15; font-weight:bold;}
.proBotTab li span:hover{ color:#e61c15;}
.proBotTab li.active span:hover{ color:#FFFFFF;}
.proBotCon{ font-size:14px; color:#666666; line-height:32px; padding:50px 0;}
.proBotCon img{ max-width:100% !important; height:auto !important; margin:10px 0;}
.proBotSwiper strong{ font-size:16px; color:#e61c15;}
.proBotTable{ padding:30px 0 0;}
.proBotItem{ overflow:hidden;}
.proBotLab{ float:left; width:80px;}
.proBotText{ margin-left:80px;}

.solution{ margin:0 -22px; padding:70px 0 0;}
.solution li{ padding:20px 22px;}
.solution li a{ display:block; height:100%;}
.soluImg{ overflow:hidden; position:relative; margin-bottom:15px;}
.soluImg img{ width:100%; transition:all 0.7s ease 0s;}
.soluTit{ font-size:22px; color:#333333; line-height:30px; padding-bottom:10px; transition:all 0.5s ease 0s;}
.soluTit span{ color:#bbbbbb;}
.soluBrief{ font-size:13px; color:#777777; line-height:26px; height:52px; overflow:hidden; margin:0px 0 15px;}
.solution li a:hover .soluImg img{ transform:scale(1.05);}
.solution li a:hover .soluTit{ color:#df0024;}
.solution li a:hover .box4More{ color:#df0024; background:#FFFFFF;}

.honourTit{ font-size:20px; line-height:200%; color:#444444;}
.proList li a:hover .soluImg img{ transform:scale(1.05);}

.oneBox1Bg{ background:url(../images/oneBox1Bg.png) center bottom no-repeat; padding:75px 0;}
.oneTit{ font-size:26px; color:#333333; line-height:42px;}
.oneTitCn{ font-size:26px; line-height:42px;}
.oneTitEn{ font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.oneTitIco img{ margin:5px auto;}
.oneBox1{ padding:25px 0 0;}

.oneBox2Bg{ background:url(../images/oneBox2Bg.jpg) center center no-repeat; background-size:cover; padding:85px 0; overflow:hidden;}
.oneBox2Bg .oneTit{ color:#FFFFFF;}
.oneBox2Brief{ font-size:16px; color:rgba(255,255,255,0.6); line-height:28px; padding:20px 0; text-align:center;}
.oneBox2Cen{ margin:0 -30px; padding:10px 0;}
.oneBox2Cen li{ padding:5px 30px;}
.oneBox2CenCon{ background:rgba(0,0,0,0.3); border-radius:10px; width:100%; height:220px; overflow:hidden; text-align:center; color:#FFFFFF; position:relative; padding:53px 10px 0;}
.oneBox2CenEn{ position:absolute; left:0; width:100%; top:53px; color:#FFFFFF; opacity:0.08; font-size:44px; font-family:Arial;}
.oneBox2CenTit{ font-size:22px; line-height:36px;}
.oneBox2Line{ display:block; margin:15px auto; width:30px; height:2px; background:#FFFFFF;}
.oneBox2CenBrief{ color:rgba(255,255,255,0.8);}

.oneBox2Bot{ font-size:0; margin:0 -45px; padding:10px 0;}
.oneBox2Bot li{ vertical-align:top; font-size:14px; width:50%; padding:15px 45px;}
.oneBox2Img{ float:left; width:100px; padding:10px 0 0;}
/*.oneBox2Img img{ margin:0 auto;}*/
.oneBox2Text{ margin-left:100px; color:#FFFFFF;}
.oneBox2BotTit{ font-size:17px; line-height:200%;}
.oneBox2Text p{ opacity:0.8;}

.oneBox3Bg{ padding:80px 0;}
.oneBox3{ padding:30px 0 0;}
.oneBox3 a{ display:block; height:100%; position:relative; overflow:hidden;}
.oneBox3Img{ border:1px solid #e7e7e7;}
.oneBox3Img img{ margin:0 auto;}
.oneBox3Hov{ position:absolute; left:0; top:0; width:100%; height:100%; padding:10px; background:#e61c15; color:#FFFFFF; text-align:center; opacity:0; transform:translate(-100%,0); transition:all 0.5s ease 0s;}
.oneBox3Hov h4{ font-size:16px; line-height:28px; opacity:0; position:relative; top:100%; transform:translate(0,-50%); transition:all 0.5s ease 0s;}
.oneBox3 a:hover .oneBox3Hov{ opacity:1; transform:translate(0,0);}
.oneBox3 a:hover .oneBox3Hov h4{ transition-delay:0.4s; top:50%; opacity:1;}
.oneBox3 .swiper-pagination{ position:static; display:block; padding:50px 0 0;}
.oneBox3 .swiper-pagination-bullet{ background:#d6d6d6; width:52px; height:2px; border-radius:0; opacity:1;}
.oneBox3 .swiper-pagination-bullet-active{ background:#e1000b}

.oneBox4Bg{ background:#f5f5f5; padding:80px 0 70px;}
.oneBox4{ padding:20px 0 0;}
.oneBox4 .oneBox2Img{ width:76px; height:76px; padding:5px; background:#e1000b; padding:0; border-radius:5px; margin:5px 0 0;}
.oneBox4 .oneBox2Img img{ position:relative; top:50%; transform:translate(0,-50%); margin:0 auto; max-width:90%;}
.oneBox4 .oneBox2Text{ color:#707070;}
.oneBox4 .oneBox2BotTit{ color:#e1000b; font-size:16px;}

.oneBox5Bg{ padding:70px 0;}
.oneBox5Top{ padding:0 100px; position:relative; margin:35px 0;}
.oneBox5Prev,.oneBox5Next{ display:block; position:absolute; bottom:-11px; width:36px; height:36px; border-radius:50%; background:#e1000b; line-height:32px; text-align:center; color:#FFFFFF; font-size:24px; cursor:pointer; z-index:1;}
.oneBox5Prev{ left:0;}
.oneBox5Next{ right:0;}
.oneBox5Top:after{ display:block; content:""; width:100%; height:1px; background:#d7d7d7; position:absolute; left:0; bottom:6px; z-index:-1;}
.oneBox5Top .swiper-slide{ cursor:pointer;}
.oneBox5Year{ display:block; font-size:16px; color:#666666; line-height:32px; width:80px; text-align:center; margin:0 auto;}
.oneBox5Line{ display:block; width:0px; height:14px; background:#e1000b; margin:0 auto;}
.oneBox5Cir{ display:block; width:13px; height:13px; border:3px solid #c9c9c9; border-radius:50%; margin:0 auto; background:#FFFFFF;}
.swiper-slide-active .oneBox5Year{ background:#e1000b; color:#ffffff;}
.swiper-slide-active .oneBox5Line{ width:1px;}
.swiper-slide-active .oneBox5Cir{ border-color:#e1000b;}
.oneBox5Bot{ font-size:14px; color:#777777; line-height:32px;}
.oneBox5Item{ padding:0 150px;}
.oneBox5Tit{ font-size:16px; color:#e61731;}

.oneBox6Bg{ background:url(../images/oneBox6Bg.jpg) center center no-repeat; background-size:cover; overflow:hidden; padding:110px 0;}
.oneBox6Bg .oneTit{ color:#FFFFFF;}
.oneBox6{ color:#FFFFFF; font-size:16px; line-height:180%; padding:25px 0 0;}

.artlist{ padding:40px 0 0;}
.artlist li{ border-bottom:1px solid #eaeaea;}
.artlist li a{ display:block; height:100%; font-size:14px; color:#909090; line-height:27px; padding:40px 35px; transition:all 0.5s ease 0s;}
.arImg{ float:left; width:260px; margin-right:40px;}
.arTit{ overflow:hidden; padding:10px 0 0px; font-size:18px; color:#222222; line-height:200%;}
.arIco i{ width:42px; height:28px; background:#df0024; border-radius:15px; text-align:center; line-height:28px; color:#FFFFFF; padding-left:2px; font-size:18px; transition:all 0.5s ease 0s;}
.arName{ font-size:20px; color:#333333; line-height:24px; transition:all 0.5s ease 0s;}
.arBrief{ font-size:12px; color:#888888; line-height:23px; height:69px; overflow:hidden; margin:17px 0;}
.arBot{ font-size:14px; color:#999999; line-height:24px; overflow:hidden;}
.arBot .pull-left{ font-size:12px; margin-right:20px;}
.artlist li a:hover{ background:#f7f7f7;}
.artlist li a:hover .arName{ color:#e70012;}


.arTop{ padding:50px 0 15px; border-bottom:1px solid #eaeaea;}
.arH1{ font-size:24px; color:#222222; line-height:160%; padding:0 0 10px;}
.arClock{ font-size:13px; color:#888888; line-height:28px; padding:5px;}
.arClock span{ display:inline-block; vertical-align:middle; padding:0 10px;}
.arCon{ padding:30px 0; font-size:14px; color:#777777; line-height:30px;}
/*.arCon p{ text-indent:2em;}*/
.arCon img{ margin:15px auto; max-width:100% !important; height:auto !important;}

.arLast{ padding:0 0 30px;}
.share{ font-size:0; float:left;}
.share i,.share strong,.share a{ display:inline-block; vertical-align:middle; font-size:14px; color:#555555; margin:0 4px;}
.share a{ width:29px; height:28px; background:url(../images/shareIco.png) no-repeat; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.share a.shareIco1{ background-position:0 0;}
.share a.shareIco2{ background-position:-29px 0;}
.share a.shareIco3{ background-position:-58px 0;}
.share a.shareIco4{ background-position:-87px 0;}
.share a.shareIco5{ background-position:-116px 0;}
.share a.shareIco1:hover{ background-position:0 -28px;}
.share a.shareIco2:hover{ background-position:-29px -28px;}
.share a.shareIco3:hover{ background-position:-58px -28px;}
.share a.shareIco4:hover{ background-position:-87px -28px;}
.share a.shareIco5:hover{ background-position:-116px -28px;}
.arLast .goList{ float:right; margin:0;}
.pagerBox{ font-size:0; background:#f7f7f7; margin-bottom:60px; padding:12px 0;}
.pagerBox a{ display:inline-block; vertical-align:middle; max-width:100%; font-size:12px; color:#888888; padding:0 10px; height:30px; line-height:30px; transition:all 0.3s ease-out 0s;}
.pagerBox a:hover{ color:#e1000b;}

.joinTop{ font-size:14px; color:#777777; line-height:32px; padding:80px 0 50px;}
.joinTop a{ color:#e61c15; font-weight:bold;}
.joinTopTit{ font-size:28px; color:#333333; padding-bottom:30px;}
.joinList{}
.joinList li{}
.joinList li h2{ background:#e61c15; border-bottom:1px solid #eaeaea; font-size:15px; color:#FFFFFF; overflow:hidden; line-height:56px; font-weight:bold;}
.joinList li h2 span i{ color:#FFFFFF; margin-right:8px;}
.joinS1{ float:left; width:26%; padding-left:30px; transition:all 0.4s ease 0s;}
.joinS2{ float:left; width:14%; text-align:center; transition:all 0.4s ease 0s;}
.joinS3{ float:left; width:17%; text-align:center; transition:all 0.4s ease 0s;}
.joinS4{ float:left; width:15%; text-align:center; transition:all 0.4s ease 0s;}
.joinList li h3{ border-bottom:1px solid #eaeaea; font-size:13px; color:#666666; overflow:hidden; line-height:56px; cursor:pointer;}
.joinList li h3 span.joinS4 i{ width:20px; height:20px; background:#d3d3d3; border-radius:50%; line-height:20px; text-align:center; font-size:14px; color:#FFFFFF; margin-right:8px; transition:all 0.4s ease 0s;}
.joinS4 b{ font-weight:normal; transition:all 0.4s ease 0s;}
.joinText{ color:#666666; font-size:13px; line-height:30px; padding:40px 60px; background:#f7f7f7; display:none;}
.joinTextM{ padding-bottom:20px;}
.joinTextCen{ margin:0 -30px; overflow:hidden;}
.joinTextCenCon{ float:left; width:50%; padding:0 30px;}
.joinTextCenCon h4{ font-size:16px; color:#333333; line-height:30px;}
.joinList li.active h3 span{ font-weight:bold; color:#e61731;}
.joinList li:hover h3 span{ color:#e61731;}
.joinList li.active .joinS4 b,.joinList li:hover .joinS4 b{ font-weight:bold;}
.joinList li.active .joinS4 i,.joinList li:hover .joinS4 i{ background:#e61731;}

.downLoad{ padding:60px 0 0;}
.downLoad .joinS1{ width:17%;}
.downLoad .joinS2{ width:17%;}
.downLoad .joinText{ padding:30px;}
.downLoad .joinTextCen{ margin:0; position:relative;}
.downText{ padding:0 230px 0 20px; min-height:42px;}
.downBtn{ position:absolute; right:0; top:50%; margin-top:-21px; width:160px; height:42px; line-height:40px; background:#d8150e; border:1px solid #d8150e; color:#FFFFFF; text-align:center; border-radius:6px; transition:all 0.6s ease 0s;}
.downBtn:hover{ background:#FFFFFF; color:#d8150e;}
.downBtn:focus{ color:#FFFFFF;}
.downBtn:hover:focus{ color:#D81500;}

.contact{ padding:70px 0 40px; overflow:hidden;}
.conBox1{ padding:50px 0;}
.conWay{ font-size:14px; color:#666666; line-height:26px;}
.conBox1Tit{ font-size:22px; color:#222222; line-height:36px; padding:15px 0;}
.conWechat{ padding:10px 15px; border:1px solid #e2e2e2; font-size:14px; color:#777777; line-height:28px;}
.conWxImg{ width:140px;}
.conWxImg img{ width:100%;}

.conBox2{ margin:0 -20px;}
.conBox2Item{ padding:10px 20px;}
.conBox2Img{ position:relative; overflow:hidden;} 
.conBox2Img img{ width:100%;}
.seeMap{ position:absolute; left:0; bottom:0; background:rgba(230,28,21,0.85); line-height:44px; max-width:200px; width:100%; text-align:center; color:#FFFFFF; display:block;}
.seeMap img{ width:auto; margin-right:5px;}
.seeMap:hover{ color:#FFFFFF;}
.seeMap:focus{ color:#FFFFFF;}
.conBox2Text{ background:#f7f7f7; font-size:14px; color:#666666; line-height:30px; padding:25px 30px 25px 60px; height:236px;}
.conBox2Text p i{ width:30px; color:#999999;}
.conBox2Tit{ font-size:22px; color:#e61c15; line-height:36px; padding:10px 0;}

.conBox3{ margin:0;}
.conBox3 li{ padding:0; border-bottom:1px solid #e4e4e4;}
.conBox3 li.last{ border:none;}
.conBox3Con{ font-size:14px; color:#666666; line-height:30px; padding:25px 30px;}
.conBox3Con p i{ width:30px; color:#999999;}

.messageBg{ background:#f6f6f6; padding:70px 0;}

.caseTopUl{ position:absolute; left:0; top:40px; width:100%; border:1px solid #b7b7b7; background:#FFFFFF; z-index:2; display:none;}
.caseTopUl li{ padding:0 10px; cursor:pointer; line-height:36px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.caseTopUl li:hover{ background:#b7b7b7; color:#FFFFFF;}

.messageList{ margin:0 -10px;}
.messageList li{ padding:15px 10px}
.messageList li label{ font-size:15px; color:#444444; font-weight:normal;}
.messItem{ position:relative;}
.messIco{ position:absolute; left:0; width:30px; top:0; padding-left:5px; line-height:40px; text-align:center; font-size:14px; color:#c7c7c7;}
.messInput,.messText{ border:1px solid #d8d8d8; background:none; padding:5px 1px 5px 30px; width:100%; line-height:30px;}
.messSel{ margin:0; float:none; width:100%; height:42px; margin:0 10px 15px 0; position:relative;}
.messTit{ display:block; border:1px solid #d8d8d8; position:relative; padding:5px 30px 5px 10px; line-height:30px; cursor:pointer;}
.messTit:after{ position:absolute; right:12px; top:17px; display:block; content:""; width:0; height:0; border-top:5px solid #b7b7b7; border-left:5px solid transparent; border-right:5px solid transparent;}
.messUl{ position:absolute; left:0; top:40px; width:100%; border:1px solid #b7b7b7; background:#FFFFFF; z-index:2; display:none;}
.messUl li{ padding:0 10px; cursor:pointer; line-height:36px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.messUl li:hover{ background:#b7b7b7; color:#FFFFFF;}
.messBtn{ display:block; height:45px; line-height:45px; color:#FFFFFF; text-align:center; font-size:15px;}
.messBtn1{ background:#e61c15;}
.messBtn2{ background:#9b9b9b;}
.messBtn:hover,.messBtn:focus{ color:#FFFFFF;}

@media (min-width:1275px){
	.container{ width:1230px;}
}
@media (max-width:1600px){	
	.banner .swiper-slide .container{ padding:0 5%;}
	.Ban1 .banCon{ width:60%; margin:0 auto;}
	.Ban2 .banImg{ width:35%; right:100px;}
	.Ban3 .banImg{ margin:20px auto;}
	.banTextList{ line-height:30px;}
	.Ban4 .banImg{ width:40%; right:50px;}
	
	.title{ padding:30px 0;}
	.titH2{ font-size:28px;}
	.titleBrief{ padding:15px 0;}
	.boxBg{ padding:30px 0 80px;}
	
	.box3Bg{ padding-top:10%;}
	.titEn{ font-size:30px;}
	
	.box4Bg{ padding-top:80px;}
	
	.box5Bg{ height:760px;}
	.box5{ padding:150px 0 0;}
	
	.footBg{ padding:25px 0;}
	
	.bannerN{ height:420px;}
	.banH2{ font-size:28px;}
	
	.solution{ padding:50px 0 0;}
	
	.honourTit{ font-size:18px;}
	
	.oneBox1Bg{ padding:50px 0;}
	.oneTit,.oneTitCn{ font-size:22px; line-height:36px;}
	
	.oneBox2Bg{ padding:60px 0;}
	.oneBox3Bg{ padding:60px 0;}
	.oneBox3 .swiper-pagination{ padding:30px 0 0;}
	
	.oneBox4Bg{ padding:60px 0;}
	
	.oneBox5Bg{ padding:50px 0;}
	
	.oneBox6Bg{ padding:80px 0;}
	
	.artlist li a{ padding:30px 25px;}
	
	.joinTop{ padding:60px 0 25px;}
	.joinTopTit{ font-size:24px; padding-bottom:20px;}
	
	.downLoad{ padding:50px 0 0;}
	
	.contact{ padding:50px 0 30px;}
	.conBox1{ padding:35px 0;}
	.messageBg{ padding:50px 0;}
}
@media (max-width:1400px){	
	.logo{ padding:15px 20px;}	
	nav.navbar.bootsnav ul.nav > li > a,.navRig{ height:84px; line-height:84px;}
	nav.navbar.bootsnav ul.nav > li > a{ padding:0 10px;}
	.headerBg.active .logo{ height:70px;}
	.headerBg.active nav.navbar.bootsnav ul.nav > li > a{ height:70px; line-height:70px;}
	.headerBg.active .navRig{ line-height:70px; height:70px;}
	.lanListBg,.hdWeChat,.hdSearchBg{ top:68px;}
	
	.Ban1 .banCon{ width:50%;}
	.Ban2 .banImg img{ max-width:80%;}
	.Ban3 .banConBg{ padding-bottom:20%;}
	.Ban4 .banImg img{ max-width:80%;}
	
	.box5Bg{ height:560px;}
	.box5{ padding:80px 0 0;}
	
	.fenleiBg{ margin-top:-48px; height:48px; line-height:48px;}
	.fenlei li a{ min-width:120px;}
}
@media (max-width:1200px){
	.banVideoBtn{ width:64px; height:64px; margin:25px auto 0;}
	.banMore{ width:130px; height:36px; line-height:34px; margin:30px 0 0 20px;}
	.Ban2 .banImg{ width:30%;}
	
	.title{ padding:20px 0;}
	.titH2{ font-size:24px;}
	.boxBg{ padding:30px 0 80px;}
	
	.boxBg{ padding:30px 0 50px;}
	
	.box1Line{ margin:10px auto;}
	.box1Brief{ padding:0 5%; margin:0 0 10px;}
	
	.box2List{ margin:0 -5px; overflow:hidden;}
	.box2List li{ padding:0 5px 10px;}
	.box2List li a{ padding:40px 10px 35px;}
	.box2Line{ margin:10px auto;}
	.box2Brief{ padding:0 5%; margin:0 0 10px;}
	
	.box3Bg{ padding-top:5%;}
	.titEn{ font-size:24px;}
	.title2 .titH2{ font-size:18px;}
	
	.boxBg{ height:auto;}
	.box5{ max-width:320px; padding:50px 0;}
	
	.footBg{ padding:15px 0;}
	
	.bannerN{ height:350px;}
	
	.proList{ margin:0 -10px; padding:35px 0 0;}
	.proList li{ padding:15px 10px 0;}
	
	.proTop{ padding:50px 0 40px;}
	.proName{ font-size:28px; padding:10px 0 20px;}
	.proBrief{ padding:0 0 10px;}
	.proShare{ padding:10px 0;}
	.goList{ margin:10px 0 0;}
	
	.solution{ margin:0 -10px;}
	.solution li{ padding:10px;}
	.soluTit{ font-size:18px; line-height:24px;}
	
	.honourTit{ font-size:16px;}
	
	.oneBox1Bg{ padding:35px 0;}
	.oneTit,.oneTitCn{ font-size:20px; line-height:30px;}
	
	.oneBox2Bg{ padding:35px 0;}
	.oneBox2Cen{ margin:0 -10px;}
	.oneBox2Cen li{ padding:5px 10px;}
	
	.oneBox2Bot{ margin:0 -15px;}
	.oneBox2Bot li{ padding:5px 15px;}
	
	.oneBox3Bg{ padding:35px 0;}
	
	.oneBox4Bg{ padding:35px 0;}
	
	.oneBox5Bg{ padding:35px 0;}
	.oneBox5Item{ padding:0 120px;}
	
	.oneBox6{ font-size:14px; padding:15px 0 0;}
	
	.artlist{ padding:25px 0 0;}
	.artlist li a{ padding:20px 15px;}
	.arImg{ width:210px; margin-right:15px;}
	.arName{ font-size:16px;}
	.arBrief{ margin:10px 0; height:46px;}
	
	.arTop{ padding:40px 0 15px;}
	.arH1{ font-size:20px; padding:0;}
	.arCon{ padding:20px 0;}
	.arLast{ padding:0 0 20px;}
	.pagerBox{ margin-bottom:40px;}	
	
	.joinTop{ padding:40px 0 25px;}
	.joinTopTit{ font-size:22px; padding-bottom:10px;}
	.joinText{ padding:20px 30px;}
	.joinTextCen{ margin:0 -15px; overflow:hidden;}
	.joinTextCenCon{ padding:0 15px;}
	
	.downLoad{ padding:40px 0 0;}
	.downText{ padding:0 180px 0 0;}
	.downBtn{ width:140px;}
	
	.conBox1Tit{ font-size:20px; padding:15px 0 5px; line-height:30px;}
	.conWechat{ padding:10px;}
	.conWxImg{ width:120px;}
	
	.conBox2{ margin:0 -10px;}
	.conBox2Item{ padding:5px 10px;}
	.conBox2Text{ padding:25px;}
	.conBox2Tit{ font-size:20px; line-height:30px;}
	
	.conBox3Con{ padding:20px 15px;}
}
@media (max-width:1023px) and ( min-width:993px){
	.logo{ position:relative;}
	nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ float:none; margin:0 auto; display:table; table-layout:fixed; left:20px; position:relative;}
	nav.navbar.bootsnav ul.nav > li > a{ margin:0 5px;}
	.navRig{ position:relative;}
}
@media (max-width:992px){
	.headerBg{ background:rgba(0,0,0,0.5); margin-top:0;}
	nav.navbar.bootsnav .navbar-header{ padding:0 15px;}
	nav.navbar.bootsnav .navbar-brand{ float:left !important;}
	.logo{ height:50px; padding:10px 0;}
	.logo img{ width:82px; height:30px;}
	.navRig{ height:50px; line-height:50px;}
	.navRig > ul{ margin-right:25px;}
	.navRig > ul > li{ display:none;}
	.navRig > ul > li:first-child{ display:block;}
	.lanListBg,.hdWeChat,.hdSearchBg{ top:48px;}
	nav.navbar.bootsnav .navbar-toggle{ float:right; margin:0; top:13px;}
	
	nav.navbar.bootsnav ul.nav > li > a{ height:40px; line-height:40px; padding:0; margin:0; border-bottom:none;}
	nav.navbar.bootsnav ul.nav > li > a:hover:after, nav.navbar.bootsnav ul.nav > li.on > a:after, nav.navbar.bootsnav ul.nav > li.active > a:after{ width:0;}
	#navbar-menu{ padding:0; border-top:1px solid #db0000;}
	
	nav.navbar.bootsnav .navbar-nav{ margin:0; padding:0 15px;}
	nav.navbar.bootsnav li.dropdown .dropdown-menu{ top:auto; width:100%; border:none; left:0; margin-left:0; margin-top:0; padding:0 !important;}
	nav.navbar.bootsnav li.dropdown .dropdown-menu:before{ display:none;}
	nav.navbar.bootsnav li.dropdown .dropdown-menu ul{ background:rgba(0,0,0,0); padding:15px 0; border-top:1px solid #e0e0e0; border-radius:0;}
	nav.navbar.bootsnav li.dropdown .dropdown-menu ul li{ padding:0;}
	nav.navbar.bootsnav li.dropdown .dropdown-menu ul li a{ border-color:#e0e0e0; text-align:left;}
	.navSub.navMore li{ float:none; width:100%;}
	
	.headerBg.active .logo{ height:50px; background:none;}
	.headerBg.active .logo:after{ display:none;}
	.headerBg.active .logo img{ max-width:104px;}
	.headerBg.active nav.navbar.bootsnav ul.nav > li > a{ line-height:36px; height:36px;}
	.headerBg.active .navRig{ line-height:50px; height:50px;}	
	
	.banner{ height:100%;}
	.banner .swiper-slide .container{ padding:0;}
	.Ban1 .banCon{ width:100%;}
	.Ban2 img{ margin:0 auto;}
	.Ban2 .banConBg{ padding:0 15px;}
	.Ban2 .banText{ width:100%; position:relative; z-index:1; background:rgba(0,0,0,0.5); padding:15px;}
	.Ban2 .banImg{ width:90%; right:auto; left:5%;}
	.Ban3 .banText{ max-width:60%; margin:0 auto;}
	.Ban4 img{ margin:0 auto;}
	.Ban4 .banConBg{ padding:0 15px;}
	.Ban4 .banText{ width:100%; position:relative; z-index:1; background:rgba(0,0,0,0.5); padding:15px;}
	.Ban4 .banImg{ width:90%; right:auto; left:5%;}
	.banMore{ margin:20px auto 0;}
	
	.boxBg{ min-height:0 !important;}
	
	.box1List2{ margin:0 -7px;}
	.box1List2 > li{ padding:0 7px 14px;}
	
	.box5ConBg{ left:0; margin:0; width:100%; background:rgba(230,0,0,0.7);}
	.box5{ max-width:none;}
	
	.footLef,.footRig{ text-align:center; line-height:24px;}
	.footLef{ padding-bottom:10px;}
	
	.bannerN{ height:300px;}
	.banH2{ font-size:24px; padding-bottom:20px;}
	
	.fenleiBg{ margin:0; line-height:44px; height:auto;}
	.fenlei li a{ min-width:0; padding:0 20px;}
	.fenlei li a:before{ width:14px; height:1px; left:50%; margin-left:-7px; bottom:0; top:auto; margin-top:0;}
	.fenlei li:first-child a:before{ display:block;}
	
	.proBotTab li{ width:25%; line-height:44px;}
	
	.proTopLef{ padding-bottom:20px;}
	.proTopLefCon{ margin:0 auto;}
	
	.oneBox2CenCon{ height:auto; padding:30px 10px;}
	.oneBox2CenEn{ top:25px;}
	.oneBox2Bot li{ width:100%;}
	
	.oneBox3 .swiper-pagination{ padding:10px 0 0;}
	.oneBox3 .swiper-pagination-bullet{ width:24px;}
	
	.oneBox4{ padding:0;}
	
	.oneBox5Top{ padding:0 60px;}
	.oneBox5Item{ padding:0 100px;}
	
	.pagerBox p{ text-align:left;}	
	
	.joinTop{ padding:30px 0 20px;}
	.joinList li h2{ font-size:14px;}
	.joinS1{ padding-left:20px;}
	.joinText{ padding:20px 20px 0;}
	.joinTextCen{ margin:0; padding:0;}
	.joinTextCenCon{ width:100%; padding:0 0 20px;}
	
	.downText{ padding:0;}
	.downBtn{ position:static; display:block; margin:10px 0 0; height:38px; line-height:36px;}
	
	.contact{ padding:30px 0 20px;}
	.conBox1{ padding:35px 0 15px;}
	.conBox1Item{ padding-bottom:10px;}
	
	.conBox2Text{ height:auto; padding:10px 25px 20px;}
	
	.conBox3 li{ height:auto !important;}
	.conBox3Con{ padding:10px 0;}
	
	.conBox3 li{ border-bottom:1px solid #e4e4e4 !important;}
	.conBox3 li:last-child{ border:none !important;}
	
	.messageList li{ padding:5px 10px}
}
@media (max-width:767px){		
	.headerBg{ transform:translateY(0) !important;}
	.box2Brief{ max-height:88px; height:auto;}
	
	.box3List li a{ margin:10px auto;}
	
	.joinS1{ width:65%; padding-left:10px;}
	.joinS4{ width:35%; position:relative; text-align:right; padding-right:20px;}
	.joinList li h3 span.joinS4{ padding-right:30px;}
	
	.downLoad .joinS1{ width:65%;}
	.downLoad .joinText{ padding:15px;}
}
@media (max-width:640px){
	.logo{ width:110px; padding:13px 0;}
	.banner .swiper-pagination-bullet{ width:30px; height:2px;}
	.Ban3 .banConBg{ padding-bottom:0%;}
	.banTextList{ font-size:14px; line-height:28px;}
	.banTextList li{ display:block;}
	.banTextList:after, .banTextList:before{ height:1px;}
	
	.box1H4{ font-size:16px;}
	.box1Line{ margin:5px auto;}
	.box1Brief{ padding:0; max-height:48px;}
	
	.box3Text{ padding:25px 0;}
		
	.bannerN{ height:240px;}
	.banH2{ font-size:20px;}
	
	.proTopLef{ padding-bottom:10px;}
	.proName{ font-size:20px;}
	.proName2{ font-size:16px;}
	
	.oneBox5Top{ margin:25px 0;}
	.oneBox5Prev{ left:-10px;}
	.oneBox5Next{ right:-10px;}
	.oneBox5Item{ padding:0;}	
	
	.oneBox6Bg{ padding:50px 0;}	
	
	.arImg{ width:140px; margin-right:10px;}
	.arTit{ padding:0;}
	.arName{ font-size:15px; line-height:22px;}
	.arBrief{ margin:0;}
	.arBot,.arBot .pull-left{ font-size:12px;}
	.arIco{ display:none;}
	
	.joinList li h2{ font-size:14px; line-height:44px;}
	.joinList li h3{ font-size:13px; line-height:44px;}
	.joinText{ padding:20px;}
}
@media (max-width:460px){
	.banMore{ width:110px; height:32px; line-height:30px; font-size:13px;}
	
	.box1List2 > li{ width:100%; padding:7px;}
	.box4Btn{ padding:30px 0 0;}
	
	.fenleiBg{ line-height:38px;}
	.fenlei li a{ min-width:0; padding:0 8px;}
	
	.proList li{ width:100%;}
	
	.page{ padding:30px 0 40px;}
	
	.proBotCon{ padding:30px 0 50px;}
	.proBotTab li span{ font-size:14px;}
	
	.solution li{ width:100%;}
	.soluBrief{ height:auto; max-height:52px;}
	
	.oneTit,.oneTitCn{ font-size:18px; line-height:26px;}
	.oneBox1{ padding:15px 0 0;}
	.oneBox2Img{ width:40px;}
	.oneBox2Text{ margin-left:50px;}
	
	.oneBox4 .oneBox2Img{ width:50px; height:50px;}
	.oneBox4 .oneBox2Text{ margin-left:60px;}
		
	.arImg{ float:none; width:100%; margin:0 auto;}
	.arImg img{ margin:0 auto;}
	.arTit{ padding:10px 0 5px;}
	.arIco{ display:none;}
	.arBrief{ height:auto; max-height:46px;}	
	
	.arH1{ font-size:18px;}
	.arCon{ padding:15px 0;}
	.arLast{ padding:0 0 10px;}
	.arLast .goList{ float:none; margin:10px auto;}
	.share{ float:none;}
	.share i, .share strong, .share a{ margin:0 2px;}
	
	.joinList li h3 span.joinS4{ padding-right:30px;}
	.joinList li h3 span.joinS4 b{ display:none;}
	.joinText{ padding:15px 15px 0;}
	
	.seeMap{ position:static; max-width:none;}
	.conBox2Text{ padding:10px 15px 15px;}
	.conBox2Tit{ font-size:18px; line-height:24px;}
	.conBox2Text p i{ width:20px;}
	
	.messageBg{ padding:30px 0;}
}
@media (max-width:360px){
	.headerBg .container-fluid{ padding:0 10px;}
	.titH2{ font-size:20px;}
	.box3Text{ padding:15px 0;}	
	.box5Wechat{ max-width:100px;}
	.box5Wechat img{ max-width:100px;}
	
	.bannerN{ height:200px;}
	
	.oneBox5Top{ padding:0 30px;}
	.oneBox5Prev, .oneBox5Next{ width:30px; height:30px; line-height:26px; bottom:-8px;}
	.oneBox5Year{ font-size:14px; width:60px; line-height:28px;}
	
	.arH1{ font-size:17px;}
	.conWxImg{ width:100px;}
}	
@media (max-height:414px){	
}
@media all and (orientation : landscape){
}
@media all and (orientation : portrait){ 
}