@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{ border-bottom:1px solid rgba(255,255,255,0.1); transition:all 0.3s ease 0s;}
.headerBg.active{ border:none; background:rgba(0,0,0,0.6);}

.logo{ height:auto; padding:24px 40px;}
.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 5px; margin:0 35px; font-weight:normal; line-height:86px; height:86px; 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%; bottom:0; width:0; height:1px; background:#0099e5; transition:all 0.4s ease 0s;}
nav.navbar.bootsnav ul.nav > li > a i{ display:block; width:5px; height:5px; background:#0099e5; border-radius:50%; position:absolute; left:50%; bottom:-10px; opacity:0; margin-left:-3px; transition:all 0.4s ease 0.3s;}
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:#0099e5; 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 > a:hover i,nav.navbar.bootsnav ul.nav > li.on > a i,nav.navbar.bootsnav ul.nav > li.active > a i{ bottom:15px; opacity:1;}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{ content:""; margin:0;}

.navSub{ padding-top:16px; background:none; box-shadow:none; border:none; width:148px; min-width:148px; left:50%; margin-left:-74px;}
.navSub:before{ display:block; content:""; position:absolute; left:50%; margin-left:-11px; top:4px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 11px 12px 11px;
border-color: transparent transparent rgba(0,0,0,0.75) transparent;
}
.navSubList{ background:rgba(0,0,0,0.75); padding:10px 17px 25px; border-radius:5px;}
.navSubList li{ border-bottom:1px dashed #FFFFFF; text-align:center;}
.navSubList li a{ display:block; color:#FFFFFF; line-height:38px; transition:all 0.3s ease-out 0s;}
.navSubImg{ display:inline-block; vertical-align:middle; width:20px; margin-right:5px;}
.navSubImg img{ max-width:100%;}
.navSubList li a:hover{ color:#0099e5;}
.navSubList li a:hover .navSubImg img.shows{ display:none;}
.navSubList li a:hover .navSubImg img.hides{ display:block;}

.navRig{ line-height:86px; height:86px; font-size:14px; color:#FFFFFF; right:40px !important; margin:0; transition:all 0.4s ease 0s;}
.navRig > ul > li{ padding:0;}
.navRig > ul > li > a{ font-size:14px; color:#FFFFFF; display:inline-block; padding:0; text-align:center;}
.navRig > ul > li > a strong{ padding:0 8px;}
.lanListBg{ width:90px; left:50%; margin-left:-45px; 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 a:hover{ font-weight:bold; color:#0099e5;}

nav.navbar.bootsnav .navbar-toggle{ background:none !important; color:#FFFFFF;}

/*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:30px; height:4px; vertical-align:bottom; background:rgba(255,255,255,0.5); opacity:1; border-radius:0; position:relative; transition:all 0.5s ease 0s;}
.banner .swiper-pagination-bullet-active{ background:#FFFFFF; height:6px;}
.banner .swiper-slide-active .imgFull{ transform:scale(1); transition:all 6s ease 0s;}
.banBtn{ position:absolute; top:50%; margin-top:-18px; width:36px; height:36px; line-height:34px; border-radius:50%; text-align:center; font-size:0; border:1px solid rgba(255,255,255,0.5); z-index:1; cursor:pointer;}
.banPrev{ left:2%;}
.banNext{ right:2%;}
.banBtnLine,.banBtnArrow{ display:inline-block; vertical-align:middle;}
.banBtnLine{ width:0; height:2px; background:#FFFFFF; transition:all 0.5s ease 0s;}
.banBtnArrow{ width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; }
.banPrev .banBtnArrow{ border-right:6px solid #FFFFFF;}
.banNext .banBtnArrow{ border-left:6px solid #FFFFFF;}
.banBtn:hover .banBtnLine{ width:8px;}

.banText{ position:absolute; left:22%; top:45%; color:#FFFFFF;}
.banText1{ font-size:60px; font-size:48px; margin-bottom:10px; text-transform:uppercase;}
.banText2{ font-size:34px;}

.title{ padding:10px 0; position:relative;}
.titEn{ font-size:14px; color:#444444; font-family:Arial; line-height:200%;}
.titH2{ font-size:34px; color:#333333; line-height:120%;}
.titIco{ padding:15px 0;}
.titIco img{ margin:0 auto;}
.titleBrief{ font-size:14px; max-width:695px; margin:0 auto; color:#666666; line-height:24px;}

.boxBg{ padding:60px 0 0; overflow:hidden;}

.box1Bg{ background:#f6f6f6; position:relative;}
.box1Bg .container{ position:relative; z-index:1;}
.box1List{ padding:50px 0 70px; margin:0 -3px; overflow:hidden;}
.box1List li{ padding:0 3px 6px;}
.box1List li a{ display:block; height:345px; background:#FFFFFF; text-align:center; padding:50px 10px 45px; transition:all 1s ease 0s;}
.box1Img{ position:relative; overflow:hidden; padding-bottom:25px;}
.box1Img img{ margin:0 auto;}
.box1Tit{ font-size:24px; line-height:100%; color:#333333;}
.box1Line{ display:block; width:111px; height:13px; margin:10px auto; background:url(../images/box1Line.png) center center no-repeat;}
.box1Brief{ padding:0 9%; color:#666666; font-size:14px; line-height:24px; height:48px; overflow:hidden; transition:all 1s ease 0s;}
.box1More{ margin:35px auto 0;}
.box1More span{ display:block; margin:0 auto; width:4px; height:4px; border-radius:50%; background:#a0a0a0; transition:all 1s ease 0s;}
.box1More span:first-child + span{ margin:3px auto; transition-delay:0.3s;}
.box1More span:first-child + span + span{ transition-delay:0.6s;}
.box1List li a:hover{ box-shadow:0 0 20px rgba(0,0,0,0.12); transform:translateY(-12px);}
.box1List li a:hover .box1Brief{ height:120px;}
.box1List li a:hover .box1More span{ height:0; transition:all 0.5s ease 0s;}

.box2List{ margin:0 -16px; padding:30px 0 0;}
.box2List > li{ padding:1px;}
.box2List li a{ display:block; height:100%; position:relative; overflow:hidden; perspective:1000px; color:#FFFFFF;}
.box2List2 > li{ padding:0 0 1px;}
.box2Img{ overflow:hidden; position:relative; opacity:1; transition: all 0.50s ease-in-out 0s;}
.box2Img img{ width:100%;}
.box2Shadow{ position:absolute; left:0; bottom:0; width:100%; height:80%;
background-color: rgba(0, 129, 204, 0);
background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0.9) 100%);
background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0.9) 100%);
}
.box2HovBg{ position:absolute; left:0; top:0; width:100%; height:100%; color:#FFFFFF; background:rgba(0,0,0,0.75); opacity:0; transition:all 0.50s ease-in-out 0s;}
.box2HovBg:after,.box2HovBg:before{ display:block; content:""; width:0%; height:0%; position:absolute; border:5px solid #8a8a8b; transition:all 0.8s ease-in-out 0.3s;}
.box2HovBg:before{ left:0; top:0; border-right:none; border-bottom:none;}
.box2HovBg:after{ right:0; bottom:0; border-left:none; border-top:none;}
.box2H4{ position:absolute; left:0; bottom:25px; width:100%; padding:0 5%; text-align:left;}
.box2Tit{ font-size:24px; line-height:200%;}
.box2Hov{ position:absolute; left:0; bottom:25px; width:100%; padding:0 5%; text-align:left;}
.box2Line{ display:block; margin:15px 0; width:48px; height:1px; background:#FFFFFF; font-size:0;}
.box2Hov .box2Tit{ transform:translateY(10px); opacity:0; transition:all 0.8s ease 0s;}
.box2Hov .box2Line{ transform:translateY(10px); opacity:0; transition:all 0.8s ease 0s;}
.box2Brief{ font-size:14px; line-height:24px; max-height:72px; overflow:hidden; margin:0 0 20px; transform:translateY(10px); opacity:0; transition:all 0.4s ease 0s;}
.box2More{ font-size:16px; line-height:28px; color:#0099e5; margin:15px 0; transform:translateY(10px); opacity:0; transition:all 0.4s ease 0s;}

.box2List.Pc li a:hover .box2Img{ transform:scale(1.05); filter:blur(2px); -webkit-filter:blur(2px);}
.box2List.Pc li a:hover .box2HovBg{ opacity:1;}
.box2List.Pc li a:hover .box2HovBg:after,.box2List li a:hover .box2HovBg:before{ width:100%; height:100%;}
.box2List.Pc li a:hover .box2H4{ display:none;}
.box2List.Pc li a:hover .box2Hov .box2Tit,.box2List li a:hover .box2Hov .box2Line,.box2List li a:hover .box2Brief,.box2List li a:hover .box2More{ transform:translateY(0); opacity:1;}
.box2List.Pc li a:hover .box2Brief{ transition-delay:0.3s;}
.box2List.Pc li a:hover .box2More{ transition-delay:0.6s;}

.box3{ height:596px; margin:20px 0 0; position:relative;}
.box3 .imgFull{ height:100%;}
.box3Text{ position:absolute; left:0; top:0; width:100%;}
.box3Con{ max-width:620px; padding:70px 0 0;}
.box3Logo{ margin:20px 0; max-width:40%;}
.box3Brief{ font-size:14px; line-height:24px; color:#b0b0b0; margin:0 0 20px;}
.box3More{ font-size:16px; line-height:28px; color:#0099e5; margin:15px 0; transition:all 0.5s ease 0s;}
.box3More:hover{ color:#b0b0b0;}

.box4{ padding:25px 0 0;}
.box4List{ margin:0; font-size:0;}
.box4List li{ padding:0; width:25%; vertical-align:bottom;}
.box4List li a{ display:block; height:100%; overflow:hidden; position:relative;}
.box4Img{ transform:translateY(50px); transition:all 0.8s ease 0s;}
.box4Img img{ margin:0 auto;}
.box4List li a:hover .box4Img{ transform:translateY(0);}

.box5Bg{ position:relative; height:450px; padding:0;}
.box5Img{ height:100%; background-attachment:scroll;}
.box5Bg.Pc .box5Img{ background-attachment:fixed;}
 
.footBg{ background:#FFFFFF; font-size:14px; color:#757575; line-height:24px; padding:50px 0;}
.footBg a{ color:#757575;}
.footBg a:hover{ color:#0099e5;}
.footLink{ margin-left:10px;}
.footLink li{ position:relative;}
.footLink li a{ display:block; width:24px; height:24px; text-align:center; line-height:32px; font-size:20px; color:#333333; transition:all 0.5s ease 0s;}
.footLink li:hover a{ border-color:#e62b25;}
.footWechat{ position:absolute; left:50%; bottom:20px; width:209px; height:235px; margin-left:-104px; padding:10px 15px; background:url(../images/wechatBg.png) center top no-repeat; display:none;}
.footWechat img{ width:100%;}
.footWechat p{ line-height:24px; margin-top:-6px;}
.footLink li:hover .footWechat{ display:block;}
.footRig span,.footRig a,.footLogo{ display:inline-block; vertical-align:middle;}
.footRig span{ padding:0 4px;}
.footLogo{ margin-left:30px;}

.bannerN{ position:relative; height:680px;}
.bannerN .imgFull{ position:absolute; left:0; top:0; width:100%; height:100%;}
.banNCon{ position:absolute; top:50%; width:100%; transform:translate(0,-20%); text-align:center; color:#FFFFFF; padding:0 15px;}
.banNCon p{ font-size:30px; line-height:100%; padding-top:20px;}
.banLogo img{ margin:0 auto; max-width:25%;}

.mainBg{ position:relative; min-height:198px; font-size:14px; color:#777777; line-height:28px; background:#FFFFFF;}

.proNavBg{ background:#FFFFFF; box-shadow:0 2px 3px rgba(0,0,0,0.12); position:relative; z-index:1;}
.proNavBg.proFixed{ position:fixed; left:0; top:0; width:100%; z-index:2; box-shadow:0 0 3px rgba(0,0,0,0.1);}
.proNav{ padding:16px 0; transition:all 0.4s ease 0s;}
.proNavBg.proFixed .proNav{ padding:10px 0;}
.proNavTit{ float:right; font-size:0; color:#333333; line-height:34px;}
.proNavTit i,.proNavTit span,.buyBtn{ font-size:20px; display:inline-block; vertical-align:middle;}
.proNavTit i{ width:3px; height:20px; background:#0099e5; margin:4px 10px 0 0;}
.proNavTit span{ max-width:400px;}
.buyBtn{ width:97px; height:34px; margin-left:15px; text-align:center; color:#FFFFFF; background:#0099e5; border-radius:4px; font-size:14px;}
.buyBtn:hover,.buyBtn:focus{ color:#FFFFFF;}
.proNavItem{ float:left; margin:0;}
.proNavItem li{ padding:1px; position:relative; line-height:34px;}
.proNavItem li:after{ display:block; content:"|"; position:absolute; right:0; top:0;}
.proNavItem li:last-child:after{ display:none;}
.proNavItem li a{ display:block; font-size:14px; color:#7f7f7f; padding:0 13px; transition:all 0.4s ease 0s;}
.proNavItem li.active a,.proNavItem li a:hover{ font-weight:bold; text-decoration:underline; color:#0099e5;}

.grayBg{ background:#F6F6F6;}

.proCn{ font-size:46px; color:#333333; line-height:120%;}
.proEn{ font-size:24px; color:#666666; font-family:Arial; line-height:160%;}
.proBrief{ font-size:20px; color:#666666; line-height:32px; margin:20px 0 0;}

.proBox1{ padding:125px 0 50px;}
.proBox1Img img{ margin:0 auto;}

.proBox2{ overflow:hidden; font-size:0; padding:15px 0;}
.proText2,.proBox2Img{ display:inline-block; vertical-align:middle;}
.proText2{ width:40%;}
.proBox2Img{ width:60%;}

.proBg3{ height:800px; position:relative;}
.proBg3 .imgFull{ height:100%;}
.proBg3 .container{ height:100%; position:relative;}
.proBox3{ position:absolute; left:0; top:250px; background:rgba(255,255,255,0.6); max-width:640px; padding:70px 50px;}

.proBox4{ padding:100px 0 0; overflow:hidden;}
.proBox4Ul{ padding:90px 0; margin:0 -5px; font-size:0;}
.proBox4Ul li{ padding:0 5px; width:25%; vertical-align:top;}
.proBox4Img img{ margin:0 auto;}
.proBox4Name{ font-size:16px; color:#231815; line-height:24px; max-width:170px; margin:10px auto;}
.proBox4Ul li:nth-child(3) .proBox4Name{ max-width:240px;}

.pro2Top{ overflow:hidden;}
.pro2Top li{ position:relative; min-height:600px;}
.pro2Img{ position:absolute; left:0; top:0; width:50%; height:100%;}
.pro2Text{ margin-left:50%; padding:100px 3%;}
.pro2Top li:nth-child(2n) .pro2Img{ left:auto; right:0;}
.pro2Top li:nth-child(2n) .pro2Text{ margin-left:0; margin-right:50%;}

.pro2Bot{ padding:60px 0; overflow:hidden;}
.pro2BotUl{ font-size:0; padding:65px 0 20px; margin:0 -5px;}
.pro2BotUl li{ width:25%; padding:0 5px; vertical-align:top;}
.pro2BotImgBg{ display:table; width:140px; height:140px; margin:0 auto 10px; position:relative; overflow:hidden;}
.pro2BotImgBg:after{ display:block; content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:url(../images/pro2BotBg.png) center center no-repeat; background-size:cover; animation:Cir 50s linear infinite;}
.pro2BotUl li:nth-child(2) .pro2BotImgBg:after{ animation-duration:60s;}
.pro2BotUl li:nth-child(3) .pro2BotImgBg:after{ animation-duration:40s;}
.pro2BotUl li:nth-child(4) .pro2BotImgBg:after{ animation-duration:80s;}
.pro2BotImg{ display:table-cell; vertical-align:middle;}
.pro2BotImg img{ vertical-align:middle; margin:0 auto; max-width:35%;}
.pro2BotH4{ font-size:24px; color:#333333; line-height:120%; padding:10px 0 0;}
.pro2BotLine{ display:block; width:48px; height:3px; background:#0099e5; margin:10px auto;}
.pro2BotBrief{ font-size:16px; color:#666666; line-height:26px; max-width:250px; margin:10px auto;}

.pro3Info{ padding:30px 0 70px;}
.pro3Info li{ position:relative; min-height:72px; border-bottom:1px solid #dddddd;}
.pro3Tab{ font-size:20px; color:#333333; line-height:36px; font-weight:bold; position:absolute; left:0; top:50%; transform:translateY(-50%); width:285px; padding-left:30px;}
.pro3Con{ margin-left:285px; padding:25px 10px; font-size:0; max-width:780px;}
.pro3Con p{ /*display:inline-block; vertical-align:top; width:50%;*/ font-size:14px; line-height:36px; color:#666666;}
.noDouble p{ display:block; width:100%;}
.pro3Item{ display:inline-block; vertical-align:top; width:50%; position:relative; min-height:32px;}
.pro3ItemTab{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:50px; text-align:right; font-size:16px; font-weight:bold;}
.pro3ItemRig{ margin-left:70px;}

.oneTop{ overflow:hidden;}
.oneTopTit{ font-size:16px; color:#666666; line-height:30px; text-align:center; max-width:980px; margin:0 auto; padding:60px 0;}
.oneTopH2{ font-size:30px; color:#333333; line-height:120%; padding:20px 0;}

.oneTopUl{ margin:0 -45px;}
.oneTopUl li{ padding:10px 45px;}
.oneTopImgBg{ display:table; vertical-align:middle; width:74px; height:74px; margin:0 auto; border-radius:6px; overflow:hidden; margin-bottom:10px;
background:#5e5ee5;
background:-moz-linear-gradient(-45deg,#5e5ee5 0%,#4cc8f9 100%);
background:-webkit-linear-gradient(-45deg,#5e5ee5 0%,#4cc8f9 100%);
background:linear-gradient(135deg,#5e5ee5 0%,#4cc8f9 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5ee5',endColorstr='#4cc8f9',GradientType=1 );
}
.oneTopImg{ display:table-cell; vertical-align:middle;}
.oneTopImg img{ margin:0 auto; max-width:34px;}
.oneTopH3{ font-size:24px; color:#333333; line-height:120%; padding:10px 0;}
.oneTopBrief{ font-size:14px; color:#666666; line-height:24px; height:48px; overflow:hidden;}
.oneCenBg{ height:175px; margin:20px 0 0; overflow:hidden;}
.oneCen{ height:100%; background:url(../images/oneCenBg.png) center bottom no-repeat;}
.oneCenLine{ display:inline-block; vertical-align:bottom; width:10px; background:url(../images/oneCenLineBg.png) center bottom repeat-y;}
.oneBot img{ margin:0 auto; max-width:100%; height:auto;}

.videoCir{ margin:0 -115px;}
.videoCir li{ vertical-align:top; padding:0 115px;}
.videoCir li a{ display:block; height:100%;}
.videoCir .pro2BotImgBg:after{ background-image:url(../images/videoCirBg.png); animation:none;}
.videoCir .pro2BotH4{ color:#FFFFFF; padding:0;}
.videoCir li a:hover .pro2BotImgBg:after{ animation:Cir 50s linear infinite;}

.videoBg{ padding:60px 0;}
.videoBg .oneTopTit{ max-width:680px; font-size:14px; line-height:24px; padding:0;}
.videoBg .oneTopH2{ padding:10px 0;}

.videoBox{ height:608px; background:#333333; padding:20px; margin:30px 0 0; overflow:hidden;}
.videoPlay{ float:left; width:70%; height:100%; position:relative; overflow:hidden;}
.videoPlay video{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%;}
.videoItem{ float:left; width:30%; height:100%;}
.videoList{ height:100%;}
.videoList li{ padding-bottom:4px;}
.videoList li a{ display:block; height:100%; font-size:14px; color:#FFFFFF; line-height:24px; padding:12px 15px; border-left:4px solid #333333; overflow:hidden; transition:all 0.5s ease 0s;}
.videoImg{ float:left; width:142px;}
.videoText{ margin-left:157px;}
.videoTit{ height:48px; overflow:hidden; margin:5px 0 10px 0;}
.videoTime{ font-size:14px; color:#cdcdcd; line-height:24px;}
.videoList li a:hover{ border-left-color:#2a2a2a; background:#2a2a2a;}
.videoList li a.active{ border-left-color:#0099e5; background:#2a2a2a;}

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right:-15px !important; opacity:1 !important;}
.mCSB_scrollTools .mCSB_draggerRail{ width:5px !important; border-radius:0px !important;}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background:#484848 !important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:5px !important; border-radius:0px !important;}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#0099e5 !important;}

.supportBg{ padding:60px 0 0; background:#F6F6F6;}
.support{ overflow:hidden; padding-left:43%; position:relative;}
.supportImg{ position:absolute; left:0; bottom:0; width:43%; padding-right:4%;}
.supportCon{ width:100%; font-size:14px; color:#666666; line-height:24px; padding:30px 0;}
.supportName{ font-size:34px; color:#333333; line-height:120%;}
.supportCon p{ margin:15px 0;}
.supportBtn{ margin:0 -10px; padding:30px 0 0;}
.supportBtn li{ padding:2px 10px; font-size:16px; text-align:center;}
.supportBtn li a{ display:block; width:270px; height:50px; line-height:48px; border-radius:5px; border:1px solid #0099e5; color:#0099e5; position:relative; transition:all 0.5s ease 0s;}
.supportBtn li a:after{ display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:100%; transition:all 0.5s ease 0s;}
.supportBtn li:nth-child(2n) a{ background:#0099e5; color:#FFFFFF;}
.supportBtn li a img{ max-width:30px; margin-right:5px; margin-top:-4px;}
.supportBtn li a:hover{ opacity:0.8;}
/*.supportBtn li a:hover:after{ background:rgba(0,153,229,0.2);}*/
.supportBg:nth-child(2n){ background:#FFFFFF;}
.supportBg:nth-child(2n) .support{ padding-left:0; padding-right:43%;}
.supportBg:nth-child(2n) .supportImg{ left:auto; right:0; padding-right:0; padding-left:4%;}

.supportBg .oneTopTit{ max-width:905px; font-size:14px; line-height:24px; padding:0;}
.supportBg .oneTopH2{ padding:10px 0 20px;}

.supportBot{ padding:60px 0; font-size:0; margin:0 -50px;}
.supportBot li{ width:50%; padding:10px 50px; vertical-align:top; font-size:14px; line-height:24px; color:#666666;}
.supLefImg{ float:left; width:170px; height:170px;}
.supLefImg .pro2BotImgBg{ width:100%; height:100%;}
.supLefImg .pro2BotImgBg:after{ background-image:url(../images/supLefImgBg.png); animation:none;}
.supRig{ margin-left:195px; padding:15px 0 0;}
.supRigTit{ font-size:24px; color:#333333; line-height:120%;}
.supRigLine{ display:block; width:48px; height:3px; background:#0099e5; font-size:0; margin:10px 0;}
.supRigBrief{ color:#666666; min-height:72px;}
.supRigMore{ color:#999999; text-decoration:underline; transition:all 0.5s ease 0s;}
.supRigMore:hover,.supRigMore:focus{ color:#0099e5; text-decoration:underline;}

.BxBoxBg{ padding:60px 0 0;}
.BxBoxBg:nth-child(2n){ background:#F6F6F6;}
.BxBoxBg .title{ padding:0;}
.BxMes{ padding:50px 0;}
.BxMes li{ padding-bottom:20px;}
.BxMesLabel{ float:left; width:180px; font-weight:bold; text-align:right; padding-right:10px; color:#4c4c4c; line-height:47px;}
.BxMesRig{ margin-left:180px; position:relative;}
.BxMesInput,.BxMesText{ border:1px solid #dddddd; border-radius:5px; background:none; padding:5px 10px; width:100%; line-height:35px; resize:none;}
.BxMesText{ line-height:28px; margin-bottom:20px;}
.BxMesSel{ margin:0; float:none; width:100%; height:42px; margin:0 10px 15px 0; position:relative;}
.BxMesTit{ display:block; border:1px solid #dddddd; border-radius:5px; position:relative; padding:5px 30px 5px 10px; line-height:35px; cursor:pointer;}
.BxMesTit:after{ position:absolute; right:12px; top:19px; display:block; content:""; width:14px; height:8px; background:url(../images/arrow.png) center center no-repeat;}
.BxMesUl{ position:absolute; left:0; top:47px; width:100%; border:1px solid #dddddd; background:#FFFFFF; z-index:2; display:none; height:184px; overflow-y:auto;}
.BxMesUl li{ padding:0 10px; cursor:pointer; line-height:36px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.BxMesUl li:hover{ background:#b7b7b7; color:#FFFFFF;}
.BxMesRadioBox{ line-height:37px; padding:5px 0;}
.BxMesRadioBox .radio-inline:before{ display:block; content:""; position:absolute; left:0; top:0; width:15px; height:100%; background:url(../images/radioBg1.png) center center no-repeat;}
.BxMesRadioBox .radio-inline.active:before{ background-image:url(../images/radioBg2.png);}
.BxMesRadio{ display:none;}
.BxMesBtn{ display:block; width:100%; margin:0 auto; max-width:358px; background:#0099e5; border-radius:5px; height:47px; line-height:47px; color:#FFFFFF; text-align:center; font-size:20px; border:none;}
.BxMesBtn:hover,.BxMesBtn:focus{ color:#FFFFFF;}
.BxText{ font-size:14px; color:#666666; line-height:24px; padding-bottom:10px;}
.BxText p{ margin:15px 0;}
.BxBotImg{ height:80px; width:100%; background:url(../images/BxBotBg.png) center bottom repeat-x;}

.shopTop{ position:absolute; left:50%; top:-33px; margin-left:-388px; width:776px; height:66px; background:#FFFFFF; border-radius:4px; padding:9px; box-shadow:0 5px 5px rgba(0,0,0,0.06);}
.shopTop .BxMesSel{ float:left; width:47%; margin:0;}
.shopSearch{ float:right; width:53%; padding-left:10px; position:relative;}
.shopSeaInput{ display:block; width:100%; border:1px solid #dddddd; border-radius:5px; height:47px; background:#FFFFFF; padding:5px 55px 5px 10px; line-height:37px; box-shadow:none; appearance:none; -webkit-appearance:none;}
.shopSeaBtn{ position:absolute; right:0; top:0; height:100%; width:47px; background:url(../images/searchIco.png) center center #0099e5 no-repeat; border:none; border-radius:0 5px 5px 0;}

.shopBg{ padding:80px 0 0;}

.shopList{ margin:0 -20px;}
.shopList li{ padding:40px 20px 0;}
.shopList li a{ display:block; height:100%; background:#FFFFFF; font-size:14px; line-height:30px; color:#666666; transition:all 0.5s ease 0s;}
.shopImg{ position:relative; overflow:hidden; height:0; padding-bottom:38.75%;}
.shopImg img{ width:100%; transition:all 0.8s ease 0s;}
.shopText{ padding:15px 6.25%;}
.shopTit{ font-size:22px; color:#333333; line-height:120%; padding:0 0 5px; transition:all 0.5s ease 0s;}
.shopLine{ display:block; background:#dddddd; width:100%; height:1px; font-size:0; margin:10px 0;}
.shopMapBtn{ color:#0099e5;}
.shopMapBtn img{ margin-right:5px;}
.shopMapBtn span{ opacity:0; margin-left:-10px; transition:all 0.8s ease 0s;}
.shopList li a:hover,.shopList li.active a{ box-shadow:0 5px 20px rgba(0,0,0,0.12); transform:translateY(-2px);}
.shopList li a:hover .shopImg img{ transform:scale(1.05);}
.shopList li a:hover .shopTit{ color:#0099e5;}
.shopList li a:hover .shopMapBtn{ text-decoration:underline;}
.shopList li a:hover .shopMapBtn span{ opacity:1; margin:0;}
.shopMapBox{ display:none;}
.shopMap{ position:relative; height:444px; padding:8px; background:#FFFFFF;}
.map{ height:100%;}
.shopMap .shopClose{ position:absolute; right:8px; top:8px; width:40px; height:40px; z-index:1; background:url(../images/shopClose.png) right top no-repeat; background-size:cover;}
.shopMap .shopClose:hover{ box-shadow:none; transform:translateY(0);}
.loadMore{ padding:40px 0; text-align:center;}
.LoadBtn{ font-size:16px; color:#999999; line-height:30px; transition:all 0.5s ease 0s;}
.LoadBtn:hover,.LoadBtn:focus{ color:#0099e5;}

.soluBox{ height:100%; position:relative; overflow:hidden;}
.banSolu{ height:100%; position:relative; overflow:hidden;}
.banSoluBg{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/banSoluBg.png) center top no-repeat;}
.banSolu .imgFull{ height:100%;}
.banSolu .swiper-pagination{ left:auto; right:40px; bottom:auto; top:50%; transform:translateY(-50%); width:14px; height:auto;}
.banSolu .swiper-pagination-bullet{ width:14px; height:14px; border:2px solid #FFFFFF; opacity:1; margin:10px auto !important; background:none; transition:all 0.6s ease-in 0s;}
.banSolu .swiper-pagination-bullet-active{ background:#FFFFFF;}
.banSoluText{ position:absolute; top:45%; right:15%; max-width:640px;}

.soluTit{ font-size:46px; color:#FFFFFF; line-height:120%; padding:15px 0;}
.soluBrief{ font-size:20px; color:#FFFFFF; line-height:32px;}
.soluBrief p{ margin:10px 0;}

.soluEffect{ position:absolute; left:0; bottom:0; width:100%; z-index:1;}
.soluItem{ margin:-1px 0;}
.soluItem li{ padding:1px 0;}
.soluBtn{ display:block; text-align:center; background:rgba(255,255,255,0.9); font-size:20px; color:#333333; line-height:44px; overflow:hidden;}
.soluBtn:hover,.soluBtn:focus{ color:#333333;}
.soluTextBg{ background:#222222; display:none; height:0; overflow:hidden; position:relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
/* 水平居中*/
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-pack:center;/* IE 10 */
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;/* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/
/* 垂直居中 */
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-align:center;/* IE 10 */
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
}
.soluClose{ position:absolute; right:40px; top:50px; width:22px; height:14px; background:url(../images/arrowDown.png) center bottom no-repeat; cursor:pointer;}
.soluText{ max-width:950px; margin:0 auto;}

.soluImg{ height:100%;}
.soluImg .imgFull{ height:100%;}
.soluCon{ position:absolute; left:15%; bottom:25%;}
.soluWrap1 .soluCon{ max-width:490px;}
.soluWrap2 .soluCon{ max-width:560px; bottom:15%;}
.soluWrap3 .soluCon{ max-width:650px; left:auto; right:15%; bottom:15%;}
.soluWrap3 .soluTit{ color:#333333;}
.soluWrap3 .soluBrief{ color:#666666;}

a#1F{ float:left; display:block; width:100%;}

@media (min-width:1380px){
	.container{ width:1310px;}
	.videoBg .oneTopH2{ font-size:34px;}
	.supportBg .oneTopH2{ font-size:34px;}
}
@media (max-width:1600px){
	.logo{ padding:19px 25px;}
	nav.navbar.bootsnav ul.nav > li > a{ margin:0 25px; height:76px; line-height:76px;}
	.navRig{ height:76px; line-height:76px; right:25px !important;}
	.lanListBg{ top:65px;}
	
	.banText1{ font-size:48px;}
	.banText2{ font-size:30px;}
	
	.boxBg{ padding:40px 0 0;}
	
	.titH2{ font-size:30px;}
	
	.box1List{ padding:30px 0 50px;}
	.box1List li a{ height:335px;}
	.box1Brief{ padding:0 5%;}
	
	.box2Tit{ font-size:20px;}
	.box2Line{ margin:10px 0;}
	.box2Brief{ margin:0 0 10px;}
	.box2More{ font-size:14px; line-height:24px; margin:10px 0;}
	
	.box5Bg{ padding:0; height:400px;}
	
	.footBg{ padding:25px 0;}
	
	.bannerN{ height:600px;}
	
	.proCn{ font-size:38px;}
	.proEn{ font-size:20px;}
	.proBox1{ padding:90px 0 20px;}
	.proBg3{ height:700px;}
	.proBox3{ top:200px;}
	.proBox4{ padding:80px 0 0;}
	.proBox4Ul{ padding:50px 0;}
	
	.pro2Top li{ min-height:500px;}
	
	.pro2BotH4{ font-size:20px;}
	
	.oneTopTit{ padding:40px 0;}
	.oneTopH2{ font-size:26px;}
	.oneTopH3{ font-size:22px;}
	
	.supportName{ font-size:30px;}
	
	.BxBoxBg{ padding:40px 0 0;}	
	.BxMes li{ padding-bottom:10px;}
	
	.shopBg{ padding:70px 0 0;}
	
	.shopList{ margin:0 -15px;}
	.shopList li{ padding:30px 15px 0;}
	.shopTit{ font-size:20px;}
	
	.soluClose{ right:25px; top:25px;}
	.soluTit{ font-size:36px;}
	.soluBrief{ font-size:18px; line-height:28px;}
}
@media (max-width:1400px){	
	.logo{ padding:13px 15px;}	
	nav.navbar.bootsnav ul.nav > li > a,.navRig{ height:64px; line-height:64px;}
	nav.navbar.bootsnav ul.nav > li > a:hover i, nav.navbar.bootsnav ul.nav > li.on > a i, nav.navbar.bootsnav ul.nav > li.active > a i{ bottom:10px;}
	.lanListBg{ top:60px;}
	
	.banText{ left:15%; top:40%;}
	
	.box2Brief{ max-height:48px;}
	
	.box5Bg{ padding:0; height:350px;}
	
	.box4Img{ max-width:94%; margin:0 auto;}
	
	.bannerN{ height:550px;}
	.banNCon p{ font-size:26px;}
	
	.proBg3{ height:600px;}
	.proBox3{ top:150px;}
	
	.pro3Tab{ width:230px; padding-left:20px;}
	.pro3Con{ margin-left:240px;}
	
	.oneTopUl{ margin:0 -25px;}
	.oneTopUl li{ padding:10px 25px;}
	
	.supportBg{ padding:40px 0 0;}
	
	.supportBot{ padding:40px 0 60px; margin:0 -30px;}
	.supportBot li{ padding:10px 30px;}
	.supRigTit{ font-size:22px;}
	
	.BxBoxBg{ padding:30px 0 0;}
	.shopBg{ padding:60px 0 0;}
	
	.banSolu .swiper-pagination{ right:15px;}
	.banSolu .swiper-pagination-bullet{ margin:4px auto !important;}
	.soluTit{ font-size:28px; padding:10px 0;}
	.soluBrief{ font-size:16px; line-height:26px;}
}
@media (max-width:1200px){
	.titH2{ font-size:24px;}
	.titIco{ padding:10px 0;}
	.boxBg{ padding:30px 0 0;}
	
	.box1List li a{ padding:30px 10px 0; height:285px;}
	.box1Img{ padding-bottom:20px; max-width:40px; margin:0 auto;}
	.box1Tit{ font-size:20px;}
	.box1Brief{ padding:0;}
	.box1List li a:hover .box1Brief{ height:96px;}
	
	.box2List{ padding:15px 0 0;}
	.box2Tit{ font-size:18px;}
	.box2Line{ margin:5px 0;}
	.box2H4,.box2Hov{ bottom:15px;}
	.box2Brief{ line-height:20px; max-height:40px;}
	
	.box3{ height:500px; margin:10px 0 0;}
	.box3Con{ max-width:530px;}
	
	.box5Bg{ padding:0; height:300px;}
	
	.footBg{ padding:15px 0;}
	
	.bannerN{ height:450px;}
	.banNCon p{ font-size:22px;}
	
	.proCn{ font-size:30px;}
	.proEn{ font-size:18px;}
	.proBrief{ font-size:15px; line-height:28px;}
	.proBg3{ height:500px;}
	.proBox3{ max-width:460px; padding:40px 25px;}
	
	.pro2BotUl{ padding:35px 0 0;}
	.pro2BotImgBg{ width:120px; height:120px;}
	.pro2BotBrief{ font-size:14px; line-height:22px; max-width:200px;}
	
	.oneTopTit{ padding:25px 0;}
	.oneTopH2{ font-size:24px; padding:10px 0;}
	.oneTopUl{ margin:0 -15px;}
	.oneTopUl li{ padding:10px 15px;}
	.oneTopImgBg{ width:64px; height:64px;}
	.oneTopH3{ font-size:18px; padding:5px 0;}
	.oneCenBg{ height:145px;}
	
	.videoCir{ margin:0 -50px;}
	.videoCir li{ padding:0 50px;}
	
	.videoBg{ padding:40px 0;}
	.videoBox{ height:460px;}
	.videoList li{ padding-bottom:1px;}
	.videoList li a{ font-size:12px; line-height:22px; padding:5px 10px; border-left-width:2px;}
	.videoImg{ width:100px;}
	.videoText{ margin-left:115px;}
	.videoTit{ margin:0 0 5px; height:44px;}
	
	.supportBg{ padding:20px 0 0;}
	.supportName{ font-size:26px;}
	.supportBtn{ padding:10px 0 0;}
	.supportBtn li{ font-size:14px;}
	.supportBtn li a{ width:245px; height:46px; line-height:44px;}
	.supportBtn li a img{ max-width:24px;}
	
	.supportBot{ margin:0 -15px;}
	.supportBot li{ padding:15px;}
	.supLefImg{ width:150px; height:150px;}
	.supRig{ margin-left:165px;}
	.supRigTit{ font-size:20px;}
	.supRigLine{ margin:5px 0;}
	
	.BxMesLabel{ width:120px;}
	.BxMesRig{ margin-left:120px;}
	
	.shopList{ margin:0 -10px;}
	.shopList li{ padding:20px 10px 0;}
	.shopList li a{ font-size:12px; line-height:22px;}
	.shopTit{ font-size:16px;}
	.shopLine{ margin:5px 0;}
	.shopMap{ height:350px;}
	
	.loadMore{ padding:30px 0;}
}
@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 15px;}
	.navRig{ position:relative;}
}
@media (max-width:992px){
	.headerBg{ background:rgba(0,0,0,0.4); background:#1b1b1f;}
	.headerBg.active{ background:rgba(0,0,0,0.4); background:#1b1b1f;}
	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:65px; height:30px;}
	.navRig{ height:50px; line-height:50px;}
	.navRig > ul{ margin-right:25px;}
	.lanListBg{ 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; padding-left:15px;}
	nav.navbar.bootsnav ul.nav > li > a i{ opacity:1; left:0; bottom:auto; margin:0; top:50%; margin:-2px 0 0; background:#FFFFFF;}
	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;}
	nav.navbar.bootsnav ul.nav > li > a:hover i, nav.navbar.bootsnav ul.nav > li.on > a i, nav.navbar.bootsnav ul.nav > li.active > a i{ bottom:auto; left:0; top:50%; margin:-2px 0 0; background:#0099e5;}
	#navbar-menu{ padding:0; border-top:1px solid #0099e5;}
	
	nav.navbar.bootsnav .navbar-nav{ margin:0; padding: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:10px 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;}
	.navSubList li a:hover{ font-weight:normal; color:#FFFFFF;}
	.navSubList li:last-child{ border:none;}	
	.navSubList li a:hover .navSubImg img.shows{ display:block;}
	.navSubList li a:hover .navSubImg img.hides{ display:none;}
		
	.lanList{ padding:0 !important;}
	
	.banner{ height:100%;}
	
	.box1List li a{ height:auto; padding:30px 10px 20px;}
	.box1More{ margin:15px auto 0;}
	.box1List li a:hover{ transform:translateY(0);}
	.box1List li a:hover .box1Brief{ height:48px;}
	.box1List li a:hover .box1More span{ height:4px;}
	.box1Brief{ height:168px !important;}
	.box1More{ display:none;}
	
	.box2List2{ margin:0 -1px;}
	.box2List2 > li{ padding:0 1px 1px;}
	
	.box3{ height:420px;}
	.box3Con{ padding:20px 0 0; max-width:65%;}
	.box3Brief{ margin:0 0 10px;}
	
	.box4{ padding:0;}
	.box4List{ padding:15px 0 0; margin:0 -15px;}
	.box4Img{ transform:translateY(0px);}
	
	.footLef,.footRig{ text-align:center; line-height:24px;}
	.footCen{ padding:10px 0;}
	.footWechat{ width:160px; height:180px; margin-left:-80px; background-size:cover; font-size:12px; padding:5px 10px 10px;}
	
	.bannerN{ height:400px;}
	.banNCon p{ font-size:20px;}
	
	.proNav{ padding:10px 0;}
	.proNavBg.proFixed .proNav{ padding:5px 0;}
	.proNavTit span{ font-size:18px;}
	
	.proBox1{ padding:50px 0 20px;}
	.proCn{ font-size:28px;}
	.proEn{ font-size:16px;}
	.proBrief{ margin:10px 0 0;}
	.proText2,.proBox2Img{ width:50%;}
	.proBg3{ height:400px;}
	.proBox3{ top:100px; padding:30px 22px;}
	.proBox4{ padding:40px 0 0;}
	.proBox4Ul li{ width:50%;}
	
	.pro2Img{ position:static; width:100%; background:none !important;}
	.pro2Img img{ display:block; margin:0 auto;}
	.pro2Text{ margin:0 !important; padding:30px 15px;}
	
	.pro2BotUl li{ width:50%; padding-bottom:15px;}
	
	.pro3Info{ padding:15px 0 40px;}
	.pro3Tab{ width:180px; padding-left:15px; font-size:16px;}
	.pro3Con{ margin-left:190px; padding:15px 10px;}
	.pro3Con p,.pro3Item{ display:block; width:100%;}
	.pro3ItemTab{ font-size:14px;}
	
	.videoBox{ height:auto; padding:15px;}
	.videoPlay{ float:none; width:100%; height:auto;}
	.videoPlay video{ position:static; width:100%; height:auto; transform:translate(0,0);}
	.videoItem{ float:none; width:100%; height:170px;}
	
	.supportBg{ padding:0;}
	.support{ min-height:0; padding:0 !important;}
	.supportImg{ position:static; padding:0; width:100%;}
	.supportImg img{ margin:0 auto; max-width:80%;}
	
	.supportBot li{ width:100%;}
	
	.BxMesRadioBox{ padding:0;}
	.BxMesText{ margin:0;}
	.shopTop{ width:600px; margin-left:-300px;}
	
	.banSoluText{ max-width:90%; right:5%; top:35%;}
	.banSolu .swiper-pagination-bullet{ margin:2px auto !important; width:10px; height:10px; border-width:2px;}
	
	.soluClose{ right:15px;}
	.soluBtn{ font-size:18px;}
	.soluText{ padding:0 15px;}
	.soluCon{ max-width:90% !important; left:5% !important; right:auto !important; bottom:5% !important;}
	.soluWrap1 .soluCon{ bottom:20% !important;}
}
@media (max-width:767px){
	.banText{ left:0; top:35%; width:100%; padding:0 15px; text-align:center;}
	.banText1{ font-size:40px;}
	.banText2{ font-size:24px;}
	
	.box1Brief{ height:auto !important;}
	.box2Brief{ max-height:40px; height:auto;}
	
	.box3{ height:auto;}
	.box3Text{ position:static;}
	.box3Con{ padding:15px 0; max-width:100%;}
	.box3Brief{ color:#666666;}
	.box3More{ font-size:14px;}
	.box3More:hover,.box3More:focus{ color:#0099e5;}
	
	.bannerN{ height:300px;}
	.banLogo img{ max-width:35%;}
	.banNCon p{ font-size:18px;}
	
	.headerBg{ transform:translateY(0) !important;}
	.mainSpace{ display:none !important;}
	.proNavBg.proFixed{ position:static;}
	.proNavBg.proFixed .proNav{ padding:15px 0;}
	.proNavTit{ float:none; overflow:hidden;}
	.buyBtn{ float:right;}
	.proNavItem{ float:none; margin:0 -13px;}
	
	
	.videoCir{ margin:-20px -30px 0;}
	.videoCir li{ padding:0 30px;}
	
	.shopList{ margin:0 -5px;}
	.shopList li{ padding:10px 5px 0;}
	.shopText{ padding:15px 4%;}
	
	.banSolu .swiper-pagination{ right:5px;}
}
@media (max-width:640px){
	.banner .swiper-pagination-bullet{ width:30px; height:2px;}
	
	.titEn{ font-size:12px;}
	.titH2{ font-size:20px;}
	
	.box1List{ padding:20px 0 30px;}
	.box1Tit{ font-size:18px;}
		
	.bannerN{ height:250px;}
	.banNCon p{ font-size:16px; padding-top:10px;}
	
	.proCn{ font-size:24px;}
	.proEn{ font-size:14px;}
	.proBox2{ padding:30px 0;}
	.proText2,.proBox2Img{ display:block; width:100%; text-align:center;}
	.proBox2Img img{ max-width:60%; margin:0 auto;}
	.proBg3{ height:auto;}
	.proBg3 .imgFull{ background:none !important;}
	.proBg3 .imgFull img{ display:block; width:100%;}
	.proBox3{ position:static; padding:30px 0; max-width:100%;}
	.proBox4Name{ font-size:14px; line-height:20px; max-width:150px;}
	.proBox4Ul li:nth-child(3) .proBox4Name{ max-width:210px;}
	
	.pro2Bot{ padding:30px 0;}
	.pro2BotH4{ font-size:18px;}
	.pro2BotLine{ height:2px;}
	
	.pro3Info li{ min-height:0; padding:15px;}
	.pro3Tab{ position:static; display:block; transform:translateY(0); width:100%; padding:0;}
	.pro3Con{ margin:0; padding:0 10px;}
	
	.oneTopTit{ font-size:14px; line-height:24px;}
	.oneCenBg{ height:74px;}
	
	.videoCir .pro2BotImgBg{ width:90px; height:90px;}
	
	.supportBtn li{ width:100%;}
	.supportBtn li a{ width:100%;}
	.supportBot{ padding:20px 0 30px;}
	.supLefImg{ width:120px; height:120px;}
	.supRig{ margin-left:135px; padding:0;}
	.supRigTit{ font-size:18px;}
	.supRigBrief{ min-height:0;}
	
	.BxMes{ padding:30px 0;}
	.BxMesLabel{ float:none; width:100%; text-align:left; padding:0;}
	.BxMesRig{ margin:0;}
	
	.shopTop{ position:static; width:100%; margin:0;}
	.shopTop .BxMesSel,.shopSearch{}
	
	.shopList li{ width:100%;}
	.loadMore{ padding:20px 0;}
	.LoadBtn{ font-size:14px;}
	.shopMap{ height:240px; padding:4px;}
	.shopMap .shopClose{ width:30px; height:30px; top:4px; right:4px;}
	
}
@media (max-width:460px){	
	.banText1{ font-size:34px;}
	.banText2{ font-size:20px;}
	
	.box4Bg{ padding:0;}
	.box4Bg .titH2{ font-size:16px;}
	
	.box5Bg{ height:250px;}
	
	.banLogo img{ max-width:40%;}
	
	.proNavTit{ position:relative; overflow:visible;}
	.proNavTit i{ position:absolute; left:-10px; top:4px;}
	.proNavTit span{ display:block; max-width:none; width:100%;}
	.buyBtn{ float:none; display:block; margin:5px 0;}
	
	.proBox4Ul li{ width:100%;}
	
	.oneTopUl li{ width:100%;}
	.oneTopBrief{ height:auto;}
	.oneCenBg{ margin:10px 0 0;}	
	
	.videoBg{ padding:25px 0;}
	
	.supportName{ font-size:22px;}
	.supportBtn{ margin:0 -2px;}
	.supportBtn li{ padding:2px;}
	.supportBtn li a{ height:40px; line-height:38px;}
	.supportBtn li a img{ max-width:20px;}
	
	.BxBoxBg{ padding:20px 0 0;}
	.BxMesInput,.BxMesTit{ line-height:30px;}
	.BxMesRadioBox .radio-inline{ display:block; margin:0;}
	.BxMesBtn{ height:40px; line-height:40px; font-size:16px;}
	.BxMesUl{ height:92px;}
	.shopTop .BxMesSel .BxMesUl{ height:200px;}
	.shopSeaInput{ height:42px; line-height:32px; padding:5px 45px 5px 10px;}
	.shopSeaBtn{ width:40px; background-size:18px auto;}
	
	.banSoluText{ top:25%;}
	.soluTit{ font-size:22px; padding:5px 0;}
	.soluBrief{ font-size:14px; line-height:22px;}
}
@media (max-width:360px){
	.titH2{ font-size:20px;}	
	.box2Tit{ font-size:16px;}
	.box5Bg{ height:200px;}
	.footLogo{ display:block; margin:5px 0 0;}
	.footLogo img{ margin:0 auto;}
	
	.banNCon p{ font-size:14px;}
	
	.proCn{ font-size:18px;}
	.proEn{ font-size:12px; line-height:130%; margin:5px 0 0;}
	.proBrief{ font-size:14px; line-height:26px;}
	
	.pro2BotUl li{ padding-bottom:5px;}
	.pro2BotImgBg{ width:90px; height:90px;}
	.pro2BotH4{ font-size:16px; padding:0;}
	
	.pro3ItemTab{ position:static; transform:translateY(0); width:100%; display:block; text-align:left;}
	.pro3ItemRig{ margin:0; padding-left:15px;}
	
	.videoCir{ margin:-20px -15px 0;}
	.videoCir li{ padding:0 15px;}
	
	.supLefImg{ width:90px; height:90px;}
	.supRig{ margin-left:100px;}
	.supRigTit{ font-size:16px;}
}	
@media (max-height:414px){	
}
@media all and (orientation : landscape){
	.banMob{ display:none;}
	.banPc{ display:block;}
}
@media all and (orientation : portrait){
	.banPc{ display:none;}
	.banMob{ display:block;}
}