@charset "utf-8";*{margin:0;padding:0}table{border-collapse:collapse}a,a:focus,a:hover{text-decoration:none}a:focus{outline:0}ol,p,ul{margin:0}.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{margin:0;font-family:Microsoft YaHei}img{border:none;vertical-align:middle}.cor_red{color:#e61c15}.clear{clear:both}.shows{display:block}.showsIn{display:inline-block}.hides{display:none}.ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd_weixin_popup{box-sizing:content-box;height:auto!important}html{-ms-touch-action:none;-webkit-text-size-adjust:100%}body,html{height:100%}body{position:relative;overflow-x:hidden;color:#333;font-family:Microsoft YaHei}

.imgBg{ background-position:center center; background-repeat:no-repeat; background-size:cover;}
.imgBg img{ display:none;}

.headerBg{ background:#161616; background:rgba(22,22,22,0.9); box-shadow:0 5px 5px rgba(0,0,0,0.18); z-index:100; transition:all 0.3s ease-out 0s;}
.hdFup{top:-90px;}
.hdFixed{top:0;}
.headerBg .navbar{ padding:0 6.25%;}
.logo{ height:auto; padding:18px 0; margin-left:0 !important; transition:all 0.3s ease-out 0s;}
.logo img{ transition:all 0.3s ease-out 0s;}
nav.navbar.bootsnav{ border:none; background:none;}
nav.bootsnav .container{ position:static;}
.navList{ padding:0;}
nav.navbar.bootsnav ul.nav > li{ padding:0 25px; margin:0; position:static;}
nav.navbar.bootsnav ul.nav > li > a{ display:block; padding:0 20px; margin:0; font-size:16px; line-height:90px; font-weight:normal; color:#FFFFFF; text-align:center; position:relative; 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:6px; background:#a30c81; margin:0 !important; transition:all 0.3s ease-out 0s;}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{ content:""}
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:#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{ left:0; width:100%;}
.navSubBg{ width:100%; border:none; background:rgba(42,42,42,0.9); padding:20px 0; box-shadow:0 5px 5px rgba(0,0,0,0.18);}
.navSub{ font-size:14px; color:#444444; line-height:24px; margin:0; text-align:center; animation-duration:0.5s;}
.navSub li{ margin-left:30px; vertical-align:top;}
.navSub li a{ display:block; font-size:14px; color:#999999; line-height:36px; transition:all 0.5s ease 0s;}
.navSub li a:hover{ color:#b32794;}
nav.navbar.bootsnav ul.nav > li.navLast a:after{ display:none;}
.navLastLine{ width:20px; display:inline-block; vertical-align:middle; overflow:hidden;}
.navLastLine i{ display:block; width:100%; height:2px; background:#FFFFFF; transform-origin:left center; transition:all 0.5s ease 0s;}
.navLastLine i:nth-child(2){ margin:5px 0;}
.navLastBg{ position:absolute; left:0; top:100%; width:100%; height:100%; background:#2a2a2a;}
.navLastBox{ max-width:992px; margin:0 auto; text-align:center; padding:2% 0 0;}
.navLastBox li a{ display:block; color:#cdcdcd; font-size:30px; line-height:200%; transition:all 0.5s ease 0s;}
.navLastBox li a:hover{ color:#a30c81;}
.navLast.on .navLastLine i:nth-child(1){ transform:rotate(45deg);}
.navLast.on .navLastLine i:nth-child(2){ opacity:0; transform:translateX(20px);}
.navLast.on .navLastLine i:nth-child(3){ transform:rotate(-45deg);}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{ background:none;}
nav.navbar.bootsnav .navbar-toggle{ background:none !important; color:#b32794;}
.navRig{ line-height:90px; height:90px; font-size:14px; color:#FFFFFF; right:6.25% !important; margin:0; transition:all 0.4s ease 0s;}
.navRig > ul > li > a{ font-size:14px; color:#FFFFFF; display:inline-block; padding:0; border-radius:50%; overflow:hidden; text-align:center;}
.navRig > ul > li > a > img{ border-radius:50% !important;}

.headSpace{ height:90px;}

.banner{ position:relative; color:#FFFFFF; height:100%;}
.banner .swiper-slide{ position:relative; overflow:hidden;}
.banner .swiper-slide .imgBg{ height:100%;}
.banner .imgBg{ height:100%; transform:scale(1.1); transition:all 0.6s ease 0s;}
.banner .swiper-pagination{ bottom:5%;}
.banner .swiper-pagination-bullet{ width:22px; height:22px; opacity:1; background:#d0d1d6; border:1px solid #d0d1d6; margin:0 15px !important; transition:all 0.5s ease 0s;}
.banner .swiper-pagination-bullet-active{ background:none;}
.banner .swiper-slide-active .imgBg{ transform:scale(1); transition:all 6s ease 0s;}

.banTextBg{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); color:#FFFFFF;}
.banTitEn{ text-transform:uppercase; font-family:Arial; font-size:70px; font-weight:bold;}
.banTitCn{ font-size:60px; font-weight:bold;}
.banTitBrief{ font-size:20px; padding:10px 0; line-height:200%;}
.banText{ font-size:18px; letter-spacing:2px; max-width:480px; line-height:200%; padding:40px 0;}

.banBtn{ display:block; width:182px; height:50px; line-height:48px; color:#FFFFFF; background:#a10c80; border:1px solid #a10c80; font-size:20px; text-align:center; border-radius:25px;}
.banBtn b{ font-weight:normal; padding-left:10px;}
.banBtn i{ font-style:normal; transition:all 0.5s ease 0s;}
.banBtn:hover,.banBtn:focus{ color:#FFFFFF;}
.banBtn:hover i{ padding:2px;}

.box1Bg{ background:#f7f7f8; padding:110px 0; overflow:hidden;}
.box1Tit{ padding-bottom:65px;}
.box1TitEn{ font-size:50px; font-family:Arial; color:#000000; font-weight:bold;}
.box1TitCn{ font-size:24px; color:#666666; line-height:200%;}
.box1Item{ margin:0 -8px;}
.box1Item li{ padding:5px 8px;}
.box1Item li a{ display:block; height:100%; position:relative; background:#FFFFFF; color:#666666; padding:15px; overflow:hidden; transition:all 0.6s ease 0s;}
.box1Pic{ position:relative; overflow:hidden;}
.box1Pic img{ width:100%; margin:0 auto; transition:all 0.8s ease 0s;}
.box1Name{ font-size:26px; color:#333333; padding-bottom:15px; transition:all 0.6s ease 0s;}
.box1Brief{ font-size:16px; line-height:24px; height:48px; overflow:hidden; padding:0 13%;}
.box1Ico{ font-size:26px; color:#a10c80; padding:10px 0; opacity:0; transform:translateY(50px); transition:all 0.6s ease 0s;}
.box1Line{ position:absolute; left:50%; width:0%; bottom:0; height:6px; background:#a10c80; transition:all 0.6s ease 0s;}
.box1Item li a:hover{ box-shadow:0 0 8px rgba(0,0,0,0.11); transform:translateY(-5px);}
.box1Item li a:hover .box1Pic img{ transform:scale(1.05);}
.box1Item li a:hover .box1Name{ color:#a10c80;}
.box1Item li a:hover .box1Ico{ opacity:1; transform:translateY(0px);}
.box1Item li a:hover .box1Line{ left:0; width:100%;}

.box2Bg{ height:100%; position:relative; overflow:hidden;}
.box2Img{ height:100%;}
.box2Mask{ position:absolute; left:0; right:0; bottom:0; top:0; background:url(../images/box2Mask.png) center center no-repeat; background-size:cover;}
.box2MaskRig{ position:absolute; right:0; top:0; width:50%; height:100%; background:rgba(21,21,21,0.67);}
.box2Box{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); color:#FFFFFF;}
.box2{ float:right; width:50%; padding-left:12.5%;}
.box2Tit{}
.box2TitEn{ font-family:Arial; font-size:40px; line-height:140%;}
.box2TitCn{ font-size:40px; line-height:140%;}
.box2Brief{ font-size:16px; line-height:200%; margin:20px 0;}
.box2Ico{ padding:20px 0; margin:0 -20px; font-size:15px;}

.box2Ico li img{ margin:0 auto 10px; max-width:60px;}
.box2 .banBtn{ color:#a10c80; background:none; margin:20px 0 0;}

.box3Bg{ height:100%; position:relative; overflow:hidden; background:#f2f2f2;}
.box3Img{ position:absolute; right:0; top:0; width:50%; height:100%;}
.box3Box{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); color:#666666;}
.box3{ width:50%; padding-right:12.5%;}
.box3 .box2TitEn{ color:#333333;}
.box3 .box2TitCn{ color:#666666;}
.box3 .banBtn{ color:#a10c80; background:none; margin:20px 0 0;}

.box4Bg{ background:#212121; color:#999999; padding:100px 0; overflow:hidden;}
.box4Tit{ padding-bottom:20px;}
.box4TitCn{ font-size:46px; color:#ffffff; line-height:200%;}
.box4Brief{ font-size:16px; color:#999999; line-height:30px; max-width:780px; margin:10px auto;}
.box4Item{ margin:0 -21px;}
.box4Item li{ padding:21px;}
.box4Item li a{ display:block; height:100%; position:relative; overflow:hidden;}
.box4Img{ position:relative; overflow:hidden;}
.box4Img img{ transition:all 0.8s ease 0s;}
.box4Mask{ position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); transition:all 0.8s ease 0s;}
.box4Item li a:hover .box4Img img{ transform:scale(1.05) rotate(1deg);}
.box4Item li a:hover .box4Mask{ background:rgba(0,0,0,0.1);}

.box5Bg{ background:#f7f7f8; color:#666666; padding:90px 0; overflow:hidden;}
.box5 .box4TitCn{ color:#333333; line-height:150%;}
.box5 .box4Brief{ font-size:20px; color:#666666;}
.box5 .banBtn{ background:#d0d0d0; color:#FFFFFF; border-color:#d0d0d0; margin:0 auto; transition:all 0.5s ease 0s;}
.box5 .banBtn:hover,.box5 .banBtn:focus{ background:#a10c80; border-color:#a10c80;}
.box5Item{ font-size:0; padding:20px 0 50px; margin:0 -10px;}
.box5Item li{ font-size:14px; color:#666666; line-height:24px; vertical-align:top; width:25%; padding:10px;}
.box5Item li a{ display:block; color:#666666;}
.box5Img{ background:#212121; margin:0 auto; border-radius:50%; overflow:hidden; width:50%; max-width:152px; height:0; padding-bottom:50%; position:relative; transition:all 0.5s ease 0s;}
.box5Img img{ margin:0 auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:50%;}
.box5Name{ font-size:20px; color:#333333; line-height:24px; padding:20px 0;}
.box5Brief{ width:100%; max-width:190px; margin:0 auto;}
.box5Item li a:hover .box5Img{ background:#a10c80;}

.footBg{ background:#FFFFFF; padding:100px 0 0; overflow:hidden; color:#999999; line-height:24px;}
.footBg a{ color:#999999; transition:all 0.5s ease 0s;}
.footBg a:hover{ color:#a10c80;}
.footTop{ position:relative;}
.ftLogo{ float:left; width:300px;}
.ftLogo a{ max-width:60%; display:inline-block;}
.ftRig{ float:right; width:230px;}
.wXwB{ padding:15px 0 0; margin:0;}
.wXwB li{ position:relative; z-index:1;}
.wXwB li a{ display:block; color:#FFFFFF; border-radius:50%; background:#cbcbcb; width:28px; height:28px; line-height:28px; font-size:20px; text-align:center;}
.wXwB li a:hover{ background:#a10c80; color:#FFFFFF;}
.footWx{ position:absolute; left:-15px; bottom:120%; width:110px; background:#FFFFFF; text-align:center; border:1px solid #e8e8e8; font-size:12px; line-height:30px; display:none; z-index:1;}
.wXwB li:hover .footWx{ display:block;}
.footLink{ font-size:0; margin:0 230px 0 300px;}
.footLink li{ vertical-align:top; width:25%; font-size:14px; color:#999999; line-height:24px;}
.ftName,.ftName a{ font-size:20px; color:#333333; line-height:32px;}
.ftName{ padding-bottom:15px;}
.footBot{ font-size:14px; color:#999999; line-height:24px; border-top:1px solid #e8e8e8; padding:40px 0; margin-top:50px;}

.mainBg{ background:#f7f7f8;}
.proTopBg{ padding:50px 0;}
.proTop{ margin:0 -7px; font-size:0;}
.proTop li{ padding:7px; vertical-align:top; width:25%;}
.proTop li a{ display:block; height:100%; position:relative; overflow:hidden; font-size:26px; color:#333333; background:#FFFFFF; padding:15px 10px 15px 40px; transition:all 0.5s ease 0s;}
.proTopImg{ width:70px;}
.proTopImg img{ width:100%;}
.proTopTit{ font-size:26px;}
.proTop li a:hover{ color:#a30c81; box-shadow:0 0 7px rgba(0,0,0,0.11);}
.proTop li a:hover .proTopImg img{ animation:pulse 1s ease 0s 2;}

.proBot{ padding-bottom:37px;}
.proBot li{ font-size:0; padding:50px 100px; background:#FFFFFF; margin-bottom:23px; overflow:hidden; transition:all 0.4s ease 0s;}
.proBotCon,.proBotImg{ display:inline-block; vertical-align:middle; width:50%;}
.proBotCon .box1Tit{ padding-bottom:0;}
.proBotCon .box1TitEn{ color:#333333;}
.proBotCon .box2Brief{ color:#666666;}
.proBotPrice{ font-size:14px; color:#333333; line-height:30px; padding-bottom:30px;}
.proBotImg{ overflow:hidden;}
.proBotImg img{ float:right; max-width:80%;}
.proBot li:hover{ box-shadow:0 0 5px rgba(0,0,0,0.1);}

.banPro{ height:100%; position:relative; overflow:hidden;}
.banPro .imgBg{ height:100%;}
.banPro .banText{ font-family:Arial; line-height:24px; max-width:580px; padding:10px 0; letter-spacing:0;}
.proPrice{ font-size:20px; font-family:Arial; color:#FFFFFF; padding:20px 0 30px;}

.feature{ overflow:hidden;}
.feature li{ position:relative; overflow:hidden;}
.featureImg{ position:absolute; left:0; top:0; width:50%; height:100%; overflow:hidden;}
.featureImg .imgBg{ height:100%; transition:all 0.8s ease 0s;}
.featureText{ width:50%; min-height:600px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
align-items: center;
}
.featureCon{ font-size:20px; color:#666666; line-height:36px; padding-top:20px; padding-bottom:20px; padding-right:20%;}
.featureName{ font-size:60px; color:#333333; line-height:150%; font-weight:bold; padding-bottom:40px;}
.feature li:nth-child(2n) .featureImg{ left:auto; right:0;}
.feature li:nth-child(2n+1) .featureText{ float:right;}
.feature li:nth-child(2n+1) .featureCon{ padding-left:20%; padding-right:0;}
.feature li:hover .featureImg .imgBg{ transform:scale(1.05);}

.proLast{ height:770px; position:relative; overflow:hidden; z-index:1;}
.proLastImg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1;}
.proLastImg .imgBg{ height:100%; background-attachment:fixed;}
.proLastMask{ position:absolute; left:0; right:0; top:0; bottom:0; background:url(../images/proBotMask.png) center center no-repeat; background-size:cover;}
.proLastName{ color:#FFFFFF; font-size:60px; font-weight:bold; padding:30% 0 0;}

.newsTit{ padding:45px 0 10px;}
.newsH2{ font-size:46px; color:#333333; line-height:150%; padding-bottom:10px;}
.brief{ font-size:16px; color:#777777; line-height:26px; max-width:900px; margin:0 auto;}
.newsTop{ margin:0 -19px;}
.newsTop li{ padding:19px;}
.newsTop li a{ display:block; height:40px; line-height:40px; background:#2c2c2c; color:#FFFFFF; border-radius:4px; min-width:172px; padding:0 10px; font-size:20px; transition:all 0.5s ease 0s;}
.newsTop li a:hover,.newsTop li a.active{ background:#a30c81; color:#FFFFFF;}
.newsItem{ padding:40px 0 0;}
.newsItem li{ padding-bottom:24px;}
.newsItem li a{ display:block; height:100%; background:#FFFFFF; color:#666666; transition:all 0.5s ease 0s;}
.newsImg{ float:left; width:468px; overflow:hidden;}
.newsImg img{ width:100%; transition:all 0.9s ease 0s;}
.newsRig{ margin-left:468px; padding:35px 50px 0 60px;}
.newsTime{ font-size:14px; color:#999999; line-height:26px;}
.newsName{ font-size:24px; color:#333333; line-height:180%; padding:15px 0 0; transition:all 0.5s ease 0s;}
.newsBrief{ font-size:14px; color:#666666; line-height:26px; height:52px; overflow:hidden; margin-bottom:10px;}
.newsMore{ width:144px; height:40px; line-height:38px; font-size:15px; color:#898989; border:1px solid #898989; text-align:center; border-radius:20px; transition:all 0.5s ease 0s;}
.newsMore b{ font-weight:normal; padding-left:10px;}
.newsMore i{ font-style:normal; transition:all 0.5s ease 0s;}
.newsItem li a:hover{ box-shadow:0 0 13px rgba(0,0,0,0.11);}
.newsItem li a:hover .newsImg img{ transform:scale(1.03);}
.newsItem li a:hover .newsName{ color:#a10c80;}
.newsItem li a:hover .newsMore,.newsItem li a:hover .newsMore:focus{ color:#FFFFFF; background:#a10c80; border-color:#a10c80;}
.newsItem li a:hover .newsMore i{ padding:1px;}

.loadMore{ display:block; width:144px; height:40px; line-height:38px; text-align:center; border-radius:20px; color:#FFFFFF; background:#a10c80; border:1px solid #a10c80; margin:25px auto 60px; transition:all 0.5s ease 0s;}
.loadMore:hover,.loadMore:focus{ background:none; color:#a10c80;}

.newsTitle{ padding:50px 0;}
.newsTitle h1{ font-size:30px; color:#333333; line-height:150%;}
.newsClock{ font-size:0; margin:0 -10px; padding:10px 0 0;}
.newsClock span,.newsClock strong,.newsShare,.newsShare a{ display:inline-block; vertical-align:middle; font-size:14px; color:#999999; line-height:26px; padding:2px 10px; font-weight:normal;}
.newsShare a{ width:20px; height:20px; background-position:center center; background-repeat:no-repeat; margin-right:5px;}
.shareIco1{ background-image:url(../images/shareIco1.png);}
.shareIco2{ background-image:url(../images/shareIco2.png);}
.shareIco3{ background-image:url(../images/shareIco3.png);}
.shareIco4{ background-image:url(../images/shareIco4.png);}
.shareIco1:hover{ background-image:url(../images/shareIco1a.png);}
.shareIco2:hover{ background-image:url(../images/shareIco2a.png);}
.shareIco3:hover{ background-image:url(../images/shareIco3a.png);}
.shareIco4:hover{ background-image:url(../images/shareIco4a.png);}
.newsText{ background:#FFFFFF; font-size:16px; color:#666666; line-height:30px; padding:50px;}
.newsText p{ margin:15px 0;}
.newsText img{ max-width:100% !important; height:auto !important; margin:0 auto;}
.goBack{ display:block; border-radius:18px; margin:56px auto 65px; border:1px solid #888888; font-size:15px; color:#898989; width:128px; height:36px; line-height:36px; text-align:center; transition:all 0.5s ease 0s;}
.goBack img{ vertical-align:middle; margin:-3px 5px 0 0;}
.goBack:hover{ border-color:#a10c80; background:#a10c80; color:#FFFFFF;}
.goBack:hover img{ display:none;}

.banAbout{ height:496px; position:relative; overflow:hidden;}
.banAbout .imgBg{ height:100%;}
.banH2{ position:absolute; left:0; width:100%; top:46%; padding:0 15px; font-size:52px; color:#FFFFFF;}
.banH2 p{ font-size:16px; color:#d7d7d7; line-height:26px; padding-top:10px;}
.aboutTop{ margin:0 -30px; padding:30px 0;}
.aboutTop li{ padding:5px 30px;}
.aboutTop li a{ display:block; font-size:20px; color:#333333; line-height:24px; transition:all 0.4s ease 0s;}
.aboutTop li a:hover,.aboutTop li a.active{ color:#a30c81;}

.about{ color:#666666; line-height:30px; font-size:16px; overflow:hidden;}
.storyBox{ padding-bottom:50px;}
.story{ font-size:0; background:#FFFFFF; padding:45px 50px 0;}
.storyLef,.storyRig{ display:inline-block; vertical-align:bottom; font-size:16px;}
.storyLef{ width:56%; vertical-align:top;}
.storyRig{ width:44%; overflow:hidden;}
.storyRig img{ float:right; max-width:80%;}
.aboutTit{ font-size:46px; color:#222222; line-height:130%; padding:0 0 20px;}
.storyLef p{ margin:25px 0;}

.teamBox{ padding-bottom:65px;}
.team{ background:#FFFFFF; padding:45px 50px 0;}
.team p{ margin:15px 0;}

.aboutBox3{ height:668px; position:relative;}
.aboutBox3 .imgBg{ position:absolute; left:0; top:0; width:100%; height:100%;}
.aboutBox3 .container{ position:relative; height:100%;}
.aboutBox3Text{ font-size:25px; line-height:160%; max-width:485px; color:#FFFFFF; position:absolute; left:0; top:50%; transform:translateY(-50%); padding:15px;}
.aboutBox3Text .aboutTit{ color:#FFFFFF;}

.aboutBox4{ padding:80px 0;}
.company{ background:#FFFFFF; position:relative; padding-left:55%; min-height:512px;}
.companyImg{ position:absolute; width:55%; height:100%; left:0; top:0;}
.companyImg .imgBg{ height:100%;}
.companyText{ padding:50px 50px 20px;}
.companyText p{ margin:25px 0;}

.joinTop{ padding:50px 100px; overflow:hidden; background:#FFFFFF;}
.joinText{ font-size:16px; color:#666666; line-height:30px; float:left; width:40%; padding:30px 45px 0;}
.joinTit{ font-size:40px; color:#333333; line-height:48px;}
.joinLine{ display:block; width:65px; height:6px; background:#a30c81; font-size:0; margin:20px 0;}
.joinImg{ float:right; width:60%;}
.joinImg li img{ margin:0 auto;}
.joinEmail{ background:#171d25; color:#FFFFFF; font-size:16px; line-height:200%; padding:22px 15px; position:relative; z-index:1;}
.joinEmail:after,.joinEmail:before{ display:block; content:""; height:100%; width:100%; position:absolute; left:0; top:0; z-index:-1;}
.joinEmail:after{ animation:aniBg1 40s linear infinite; background:url(../images/joinLine1.png) 0 center repeat-x; background-size:auto 90%;}
.joinEmail:before{ animation:aniBg2 50s linear infinite; background:url(../images/joinLine2.png) 0 center repeat-x; background-size:auto 90%;}
@keyframes aniBg1 { from{ background-position:100% center;} to { background-position:0 center;} }
@-webkit-keyframes aniBg1 { from{ background-position:100% center;} to { background-position:0 center;}}
@keyframes aniBg2 { from{ background-position:0% center;} to { background-position:100% center;} }
@-webkit-keyframes aniBg2 { ffrom{ background-position:0% center;} to { background-position:100% center;}}

.joinBot{ background:#FFFFFF; overflow:hidden; padding:50px 50px 30px; margin-bottom:90px;}
.joinBot li{ padding:0 15px; border-bottom:1px solid #e9e9e9;}
.joinBot li:last-child{ border:none;}
.joinName{ overflow:hidden; font-size:20px; color:#202020; line-height:22px; padding:25px 0; cursor:pointer;}
.joinIco{ float:right; width:22px; height:22px; text-align:center; line-height:20px; border:1px solid #424343; color:#424343; border-radius:50%; font-size:14px; padding-left:2px; margin-left:10px; transition:all 0.5s ease 0s;}
.joinCon{ font-size:16px; color:#787878; line-height:180%; padding:0 0 30px; display:none;}

.active .joinName{ color:#a30c81;}
.active .joinIco{ transform:rotate(90deg); margin-bottom:10px; margin-left:0;}

.comName{ font-size:30px; color:#333333; line-height:50px; padding:45px 0;}
.contact{ padding-bottom:60px;}
.comBox{ margin-bottom:23px; background:#FFFFFF; padding:50px 90px; color:#333333;}
.comCity{ font-size:30px; color:#333333; line-height:50px; padding-bottom:20px;}
.comIco{ float:left; width:46px; height:46px; border:2px solid #0d0d0d; border-radius:50%; display:table;}
.comIco span{ display:table-cell; vertical-align:middle;}
.comIco img{ margin:0 auto; max-width:65%;}
.comCon{ margin-left:65px;}
.comText{ font-size:0; margin:0 -15px; text-transform:uppercase;}
.comText li{ vertical-align:top; width:55%; font-size:16px; padding:15px;}
.comText li:nth-child(2n){ width:45%;}
.comText h4{ font-size:22px; font-weight:bold; padding-bottom:5px;}

.downLoadBg{ padding:78px 0;}
.downLoad{ background:#FFFFFF; padding:25px 50px;}
.downLoad li{ border-bottom:1px solid #e9e9e9; padding:0 25px 0 15px; line-height:36px; padding:18px 0;}
.downLoad li:last-child{ border:none;}
.downLoad li a{ display:block; font-size:20px; color:#202020; transition:all 0.5s ease 0s;}
.downLoad li a span{ margin-right:45px; display:block;}
.downIco{ float:right; width:36px; height:36px; border-radius:50%; background:url(../images/downIco1.png) center center no-repeat; background-size:cover;}
.downLoad li a:hover span{ color:#a30c81;}
.downLoad li a:hover .downIco{ background-image:url(../images/downIco2.png);}

.policyBg{ padding:65px 0;}
.policy{ font-size:16px; color:#333333; line-height:30px;}
.policy p{ margin:25px 0;}
.policy p span{ font-size:20px;}

.serTit{ padding:65px 0 40px;}
.serTit .banH2{ position:static; color:#333333;}
.serTit .banH2 p{ color:#777777;}

.serTop{ background:#FFFFFF; position:relative; overflow:hidden; margin-bottom:45px;}
.serImg{ position:absolute; right:0; top:0; width:59%; height:100%; overflow:hidden;}
.serImg .imgBg{ height:100%;}
.serTextBg{ min-height:282px; padding:15px 60px; width:41%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
.serText{ width:100%;}
.serH3{ font-size:30px; color:#333333; line-height:160%; padding:0 0 15px;}
.serFAQ{ overflow:hidden; font-size:0;}
.serFAQ li{ font-size:16px; vertical-align:top; width:50%; padding:0 5px 0 20px; position:relative;}
.serFAQ li:after{ display:block; content:""; position:absolute; left:0; top:13px; width:5px; height:5px; background:#666666; border-radius:50%;}
.serFAQ li a{ font-size:16px; color:#666666; line-height:200%; transition:all 0.5s ease 0s;}
.serFAQ li a:hover{ color:#a30c81;}

.serItem{ margin:0 -20px; padding-bottom:35px;}
.serItem li{ padding:0 20px 30px;}
.serItem li a{ display:block; height:100%; position:relative; overflow:hidden; background:#FFFFFF; padding:40px 15px; text-align:center; transition:all 0.6s ease 0s;}
.serIco{ max-width:60px; margin:0 auto 10px;}
.serIco img{ margin:0 auto;}
.serName{ font-size:30px; color:#333333; line-height:140%; padding:10px 0; transition:all 0.6s ease 0s;}
.serBrief{ font-size:14px; color:#777777; line-height:26px; height:52px; overflow:hidden; text-transform:uppercase;}
.serMore{ width:144px; height:40px; line-height:38px; text-align:center; font-size:15px; color:#898989; border:1px solid #888888; border-radius:20px; margin:10px auto 0; transition:all 0.6s ease 0s;}
.serItem li a:hover{ box-shadow:0 0 5px rgba(0,0,0,0.1);}
.serItem li a:hover .serIco img{ animation:pulse 1s ease 1 0s;}
.serItem li a:hover .serName{ color:#a30c81;}
.serItem li a:hover .serMore{ border-color:#a30c81; color:#a30c81;}

@media (min-width:1275px){
	.container{ width:1230px;}
}
@media (min-width:1600px){
	.container2{ width:1470px;}
}
@media (max-width:1600px){
	.headerBg .navbar{ padding:0 3%;}
	nav.navbar.bootsnav ul.nav > li{ padding:0 20px;}
	nav.navbar.bootsnav ul.nav > li > a{ line-height:74px;}
	.navRig{ line-height:74px; height:74px; right:4% !important;}
	.navLastBox li a{ font-size:24px;}
	.logo{ padding:13px 0; max-width:120px;}
	
	.headSpace{ height:74px;}
	
	.banTitEn{ font-size:50px;}
	.banTitCn{ font-size:40px;}
	.banTitBrief{ font-size:18px;}
	.banText{ font-size:16px; padding:25px 0;}
	.banBtn{ width:170px; height:44px; line-height:42px; font-size:17px;}
	.banner .swiper-pagination-bullet{ width:18px; height:18px; margin:0 10px !important;}
	
	.box1Bg{ padding:80px 0;}
	.box1Tit{ padding-bottom:35px;}
	.box1TitEn{ font-size:40px;}
	.box1TitCn{ font-size:22px;}
	.box1Name{ font-size:22px;}
	.box1Brief{ padding:0 6%; font-size:15px; line-height:22px; height:44px;}
	.box1Ico{ padding:5px 0;}
	.box1Line{ height:4px;}
	
	.box2{ padding-left:8%;}
	.box2TitEn,.box2TitCn{ font-size:30px;}
	.box2Brief{ font-size:15px; margin:10px 0;}
	.box2Ico{ padding:10px 0; font-size:14px;}
	.box2Ico li img{ max-width:50px;}
	
	.box3{ padding-right:8%;}
	
	.box4Bg{ padding:70px 0;}
	.box4TitCn{ font-size:40px;}
	
	.box5Bg{ padding:60px 0;}
	.box5Name{ font-size:18px; padding:10px 0;}
	
	.footBg{ padding:70px 0 0;}
	.footBot{ margin-top:40px; padding:30px 0;}
	.ftLogo{ width:240px;}
	.ftRig{ width:200px;}
	.footLink{ margin:0 200px 0 240px;}
	.ftName{ padding-bottom:8px;}
	
	.proTopBg{ padding:30px 0;}
	.proTopTit{ font-size:22px;}
	
	.proBot li{ padding:25px 50px;}
	
	.proPrice{ padding:10px 0 20px; font-size:18px;}
	
	.featureText{ min-height:500px;}
	.featureCon{ font-size:18px; line-height:32px;}
	.featureName{ font-size:50px; padding-bottom:20px;}
	.proLast{ height:650px;}
	.proLastName{ font-size:50px; padding:25% 0 0;}
	
	.newsH2{ font-size:38px; line-height:120%;}
	.newsTop{ margin:0 -15px;}
	.newsTop li{ padding:15px;}
	.newsItem{ padding:30px 0 0;}
	.newsName{ font-size:22px;}
	
	.newsTitle{ padding:35px 0;}
	.newsTitle h1{ font-size:26px;}
	.newsText{ padding:30px 50px;}
	.goBack{ margin:40px auto 50px;}
		
	.banAbout{ height:400px;}
	.banH2{ font-size:42px;}
	
	.aboutTop{ padding:20px 0;}
	.aboutTop li a{ font-size:18px;}
	.storyBox{ padding-bottom:40px;}
	.teamBox{ padding-bottom:55px;}
	.aboutBox4{ padding:60px 0;}
	.aboutTit{ font-size:38px;}
	.storyLef{ padding:20px 0 0;}
	.aboutBox3{ height:600px;}
	.aboutBox3Text{ font-size:22px;}
	
	.joinTit{ font-size:30px;}
	.joinBot{ padding:30px 50px; margin-bottom:70px;}
	.joinName{ font-size:18px;}
	
	.contact{ padding-bottom:40px;}
	.comName{ font-size:24px; line-height:40px; padding:35px 0;}
	.comCity{ font-size:24px;}
	
	.downLoadBg{ padding:65px 0;}
	.downLoad{ padding:25px 30px;}
	.downLoad li{ padding:15px 0;}
	.downLoad li a{ font-size:18px;}
	
	.serTit{ padding:45px 0 30px;}
	.serTop{ margin-bottom:30px;}
}
@media (max-width:1400px){
	.box1Bg{ padding:60px 0;}
	.box2{ padding-left:5%;}
	.box3{ padding-right:5%;}
	.box4Bg{ padding:50px 0;}
	.box5Bg{ padding:50px 0;}
	.footBg{ padding:50px 0 0;}
	
	.featureText{ min-height:400px;}
	.featureCon{ font-size:16px; line-height:28px;}
	.featureName{ font-size:36px;}
	
	.proLast{ height:450px;}
	.proLastName{ font-size:40px; padding:15% 0 0;}
	
	.newsTit{ padding:25px 0 10px;}
	.newsH2{ font-size:32px;}
	.brief{ font-size:14px; line-height:24px; max-width:790px;}
	.newsTop{ margin:0 -10px;}
	.newsTop li{ padding:10px;}
	.newsTop li a{ font-size:16px; height:36px; line-height:36px; min-width:140px;}
	.newsMore,.loadMore{ width:120px; height:36px; line-height:34px; font-size:14px;}
	.loadMore{ margin:15px auto 40px;}
	
	.banAbout{ height:340px;}
	.banH2{ font-size:36px;}
	.banH2 p{ font-size:14px; padding-top:5px;}
	
	.aboutBox3{ height:500px;}
	
	.comBox{ padding:35px 50px;}
	.comCity{ padding-bottom:10px;}
	.comText li{ font-size:14px;}
	.comText h4{ font-size:20px;}
	
	.serItem{ padding-bottom:15px;}
	.serItem li a{ padding:30px 15px;}
	.serName{ font-size:24px;}
	.serMore{ width:120px; height:36px; line-height:34px; font-size:14px;}
}
@media (max-width:1200px){
	.headerBg .navbar{ padding:0 2%;}
	.logo{ max-width:100px;}
	nav.navbar.bootsnav ul.nav > li > a{ padding:0 10px; line-height:66px; font-size:15px;}
	nav.navbar.bootsnav ul.nav > li > a:after{ height:4px;}
	.navSubBg{ padding:10px 0;}
	.navLastBox li a{ font-size:20px;}
	.navRig{ line-height:66px; height:66px; right:2% !important;}
	.headSpace{ height:66px;}
	
	.banTitEn{ font-size:40px;}
	.banTitCn{ font-size:30px;}
	.banTitBrief{ font-size:16px; padding:5px 0;}
	.banText{ font-size:16px; padding:10px 0 15px; letter-spacing:1px;}
	.banBtn{ width:150px; height:40px; line-height:38px; font-size:16px;}
	
	.box1Bg{ padding:40px 0;}
	.box1TitEn{ font-size:30px;}
	.box1TitCn{ font-size:20px;}
	.box1Tit{ padding-bottom:15px;}
	.box1Item li a{ padding:10px;}
	.box1Name{ font-size:18px;}
	.box1Brief{ padding:0; font-size:14px;}
	.box1Ico{ font-size:22px;}
	.box1Line{ height:3px;}
	
	.box2TitEn,.box2TitCn{ font-size:24px;}
	.box2Brief{ font-size:14px;}
	.box2Ico{ margin:0 -10px;}
	.box2Ico li{ padding:0 10px;}
	.box2Ico li img{ max-width:42px;}
	
	.box4TitCn{ font-size:30px; line-height:150%;}
	.box4Brief{ font-size:15px; line-height:28px;}
	.box4Item{ margin:0 -10px;}
	.box4Item li{ padding:10px;}
	
	.box5Bg{ padding:30px 0;}
	
	.footBg{ padding:40px 0 0;}
	.ftName,.ftName a{ font-size:18px; line-height:28px;}
	.ftLogo{ width:190px;}
	.footLink{ margin:0 200px 0 190px;}
	.footBot{ padding:20px 0;}
	
	.proTop li a{ padding:10px 10px 10px 20px;}
	.proTopTit{ font-size:18px;}
	
	.featureText{ min-height:360px;}
	.featureCon{ font-size:14px; line-height:24px;}
	.featureName{ font-size:28px; padding-bottom:10px;}
	.proLast{ height:400px;}
	.proLastName{ font-size:30px; padding:15% 0 0;}
	
	.newsH2{ font-size:28px;}
	.newsTop{ margin:0 -5px;}
	.newsTop li{ padding:5px;}
	.newsTop li a{ font-size:14px;}
	.newsItem{ padding:20px 0 0;}
	.newsImg{ width:370px;}
	.newsRig{ margin-left:370px; padding:20px 40px;}
	.newsName{ font-size:18px;}
	.newsBrief{ height:26px; margin-bottom:20px;}
	.newsMore{ height:32px; line-height:30px;}
	
	.newsTitle{ padding:25px 0;}
	.newsTitle h1{ font-size:22px;}
	.newsClock{ padding:0;}
	.newsText{ padding:15px 30px;}
	.goBack{ margin:30px auto 40px;}
	
	.banAbout{ height:300px;}
	.banH2{ font-size:30px;}
	
	.about{ font-size:14px; line-height:28px;}
	.aboutTop{ margin:0 -20px;}
	.aboutTop li{ padding:5px 20px;}
	.storyBox{ padding-bottom:30px;}
	.story{ padding:25px 30px 0;}
	.aboutTit{ font-size:32px;}
	.storyLef p{ margin:15px 0;}
	.teamBox{ padding-bottom:35px;}
	.team{ padding:25px 30px 0;}
	.aboutBox3{ height:360px;}
	.aboutBox3Text{ font-size:18px;}
	.aboutBox4{ padding:50px 0;}
	.company{ min-height:440px;}
	.companyText{ padding:30px 30px 20px;}
	.companyText p{ margin:15px 0;}
	.companyText .aboutTit img{ max-width:40px;}
	
	.joinTop{ padding:30px;}
	.joinText{ padding:15px 25px;}
	.joinTit{ line-height:42px;}
	.joinEmail{ padding:15px;}
	.joinBot{ padding:15px 25px; margin-bottom:40px;}
	.joinName{ font-size:16px; padding:15px 0;}
	.joinCon{ font-size:14px; line-height:200%;}
	
	.comName{ font-size:20px; line-height:30px; padding:25px 0;}
	.comBox{ padding:15px 30px; margin-bottom:15px;}
	.comCity{ font-size:20px; line-height:30px;}
	.comIco{ width:40px; height:40px;}
	.comCon{ margin-left:55px;}
	.comText h4{ font-size:16px;}
	
	.downLoadBg{ padding:45px 0;}
	.downLoad{ padding:15px;}
	.downLoad li{ line-height:30px;}
	.downLoad li a{ font-size:16px;}
	.downIco{ width:30px; height:30px;}
	
	.serTit{ padding:35px 0 20px;}
	.serTextBg{ min-height:220px; padding:15px 30px;}
	.serH3{ font-size:24px;}
	.serItem{ margin:0 -15px;}
	.serItem li{ padding:0 15px 20px;}
	.serIco{ max-width:50px;}
	.serName{ font-size:22px;}
}
@media (max-width:1023px) and ( min-width:993px){
	nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ float:none; margin:0 auto; display:table; table-layout:fixed; left:0px;}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before{ font-family:'FontAwesome'; float:right; content:"\f105"; margin-top:0;}
}
@media (max-width:992px){
	.hdFup{ top:0;}
	nav.navbar.bootsnav .navbar-header{ padding:0;}
	.logo{ max-width:80px; padding:10px 0;}
	.navRig{ right:auto !important; left:15px; line-height:56px; height:56px;}
	.navRig > ul{ margin:0;}
	nav.navbar.bootsnav .navbar-toggle{ float:right; margin:13px 0 0; right:15px;}
	.headerBg .navbar{ padding:0;}
	nav.bootsnav .container{ width:100%; padding:0;}
	nav.navbar.bootsnav .navbar-nav{ margin:0; left:0; padding:10px 15px;}
	#navbar-menu{ padding:0; border-top:1px solid #a10c80;}	
	nav.navbar.bootsnav ul.nav{ position:static; left:0; text-align:left;}
	nav.navbar.bootsnav ul.nav > li{ padding:0; margin:0; position:relative;}
	nav.navbar.bootsnav ul.nav > li > a{ padding:0; text-align:left; line-height:40px; border-bottom:none; font-size:14px;}
	nav.navbar.bootsnav ul.nav > li > a > span{ line-height:40px; padding:0 10px;}
	nav.navbar.bootsnav ul.nav > li > a:after{ height:0px;}
	nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before{ margin:0 10px;}
	.navSubBg{ padding-left:0 !important;}
	.navSub{ text-align:left; padding-bottom:10px;}
	.navSub li{ display:block; margin:0;}
	.navSub li a{ line-height:30px;}
	
	.headSpace{ height:56px;}
	
	.box1Ico{ opacity:1; transform:translateY(0px);}
	.box1Item li a:hover{ transform:translateY(0);}
	
	.box2Bg{ height:auto;}
	.box2MaskRig{ width:100%;}
	.box2Img{ position:absolute; left:0; top:0; right:0; bottom:0;}
	.box2Box{ position:static; transform:translateY(0);}
	.box2{ float:none; width:100%; padding:70px 0; text-align:right;}
	.box2 .banBtn{ float:right;}
	
	.box3Bg{ height:auto;}
	.box3Img{ position:absolute; left:0; top:0; right:0; bottom:0; width:100%;}
	.box3Box{ position:static; transform:translateY(0); background:rgba(255,255,255,0.8);}
	.box3{ width:100%; padding:70px 0;}
	
	.box4Bg{ padding:30px 0;}
	
	.box5Item li{ width:50%;}
	.box5Img{ width:140px; height:140px; padding:0;}
	
	.ftLogo,.ftRig{ float:none; width:100%; text-align:center; padding-bottom:15px;}
	.footLink{ margin:0; width:100%;}
	.footLink li{ width:100%; padding:5px 0;}
	.ftName,.ftName a{ font-weight:bold; font-size:16px;}
	.ftName{ padding-bottom:0;}
	.footCon{ margin:0 -5px;}
	.footCon p{ display:inline-block; vertical-align:top; padding:0 5px;}
	.footBot{ margin-top:20px;}
	
	.proTopBg{ padding:15px 0;}
	.proTopImg{ width:40px;}
	.proTopTit{ font-size:16px;}
	
	.proBot{ padding-bottom:15px;}
	.proBot li{ padding:25px 25px; margin-bottom:15px;}
	.proBotCon{ width:60%;}
	.proBotImg{ width:40%;}
	.proBotPrice{ padding-bottom:15px;}
	
	.banPro .banText{ max-width:60%; padding:5px 0;}
	.proPrice{ font-size:16px; padding:10px 0;}
	.banPro .imgBg{ background-position:center right 30%;}
	
	.feature{ padding:30px 0 0;}
	.featureImg{ position:static; width:100%; height:auto;}
	.featureImg .imgBg{ height:auto; background:none !important;}
	.featureImg .imgBg img{ display:block;}
	.featureText{ float:none !important; width:100%; padding:25px 0; min-height:0;}
	.featureCon{ width:100%; padding:0 !important;}
	.proLast{ height:300px;}
	.proLastImg .imgBg{ background-attachment:local;}
	.proLastName{ font-size:24px; padding:100px 0 0;}
	
	.newsH2{ font-size:24px;}
	.newsTop li a{ min-width:100px;}
	.newsItem li{ padding-bottom:15px;}
	.newsImg{ width:280px;}
	.newsRig{ padding:15px 20px; margin-left:280px;}
	.newsName{ padding:5px 0 0; font-size:16px;}
	.newsBrief{ font-size:12px; line-height:22px; height:22px; margin-bottom:10px;}
	.newsMore, .loadMore{ font-size:12px;}
	.loadMore{ margin:10px auto 30px;}
	.newsTitle h1{ font-size:18px;}
	.newsText{ padding:15px; font-size:14px; line-height:28px;}
	.newsText p{ margin:10px 0;}
	
	.story{ padding:25px 15px 0;}
	.storyLef,.storyRig{ display:block; width:100%; font-size:14px; padding:0;}
	.aboutTit{ font-size:24px; padding:0;}
	.team{ padding:25px 15px 0;}
	.aboutBox3{ height:310px;}
	.aboutBox3Text{ font-size:16px;}
	.aboutBox3Text .aboutTit{ padding-bottom:10px;}
	.company{ min-height:0; padding:0;}
	.companyImg{ position:static; width:100%; padding:15px;}
	.companyImg .imgBg{ background:none !important;}
	.companyImg .imgBg img{ display:block; margin:0 auto;}
	.companyText{ padding:15px;}
	.companyText .aboutTit img{ max-width:22px;}
	
	.joinText{ padding:0; font-size:14px; line-height:28px;}
	.joinTit{ font-size:26px; line-height:32px;}
	.joinLine{ margin:15px 0 10px; height:4px;}
	
	.contact{ padding-bottom:25px;}
	.comBox{ padding:15px;}
	.comText li{ width:100%;}
	
	.serTit{ padding:20px 0 15px;}
	.serTop{ margin-bottom:20px;}
	.serImg{ position:static; width:100%; height:auto;}
	.serImg .imgBg{ background:none !important;}
	.serImg .imgBg img{ display:block;}
	.serTextBg{ min-height:0; padding:25px 15px; width:100%;}
	.serH3{ font-size:20px; padding:0 0 5px;}
	.serFAQ li{ padding:0 5px 0 15px;}
	.serFAQ li a{ font-size:14px;}
	.serItem{ margin:0 -10px;}
	.serItem li{ padding:0 10px 15px;}
}
@media (max-width:767px){
	.proBot li{ padding:15px;}
	.proBotCon,.proBotImg{ display:block; width:100%;}
	.proBotCon{ padding-bottom:15px;}
	.proBotImg img{ float:none; margin:0 auto;}
	
	.newsTop{ margin:0 -2px;}
	.newsTop li{ padding:5px 2px;}
	.newsTop li a{ height:32px; line-height:32px; min-width:80px;}
	.newsImg{ width:200px;}
	.newsRig{ margin-left:200px; padding:10px 15px;}
	.newsTime{ font-size:12px; line-height:22px;}
	.newsName{ font-size:14px; padding:5px 0 10px;}
	.newsBrief{ display:none;}
	.newsMore{ width:80px; height:28px; line-height:26px;}
	.newsMore b{ display:none;}
	.loadMore{ margin:10px aauto 20px;}
	.goBack{ margin:20px auto 30px; color:#FFFFFF; background:#a30c81; border-color:#a30c81;}
	.goBack img{ display:none;}
}
@media (max-width:640px){
	.banner .swiper-pagination{ bottom:2%;}
	.banner .swiper-pagination-bullet{ width:11px; height:11px; margin:0 5px !important;}
	
	.box1Bg{ padding:25px 0;}
	.box1TitEn{ font-size:24px;}
	.box1TitCn{ font-size:16px; line-height:160%;}
	
	.box2TitEn,.box2TitCn{ font-size:20px;}
	.box2Img{ background-position:left 10% center;}
	.box3Img{ position:static; background:none !important;}
	.box3Img img{ display:block;}
	
	.box4Tit{ padding:0;}
	.box4TitCn{ font-size:24px;}
	.box4Brief{ font-size:14px;}
	.box4Item li{ width:100%;}
	
	.box5 .box4Brief{ font-size:16px;}
	.box5Img{ width:50%; height:0; padding-bottom:50%;}
	
	.proTop li{ width:50%;}
	
	.banPro .banText{ max-width:90%;}
	.banPro .banTitBrief{ padding:0;}
	.proPrice{ font-size:14px; padding:0 0 10px;}
	
	.featureName{ font-size:22px;}
	
	.banAbout{ height:240px;}
	.banH2{ font-size:24px;}
	
	.aboutTop{ margin:0 -5px; padding:10px 0;}
	.aboutTop li{ padding:5px;}
	.aboutTop li a{ font-size:16px;}
	.aboutTit{ font-size:20px;}
	.aboutBox3{ height:auto;}
	.aboutBox3Text{ position:static; transform:translateY(0); padding:100px 15px; font-size:14px;}
	.aboutBox4{ padding:30px 0;}
	
	.joinTop{ padding:15px;}
	.joinText,.joinImg{ float:none; width:100%;}
	.joinText{ padding-bottom:15px;}
	.joinTit{ font-size:22px;}
	.joinBot{ padding:15px;}
	.joinBot li{ padding:0 10px;}
	.joinCon{ padding:0 0 15px;}
	
	.policy{ font-size:14px;}
	.policy p{ margin:15px 0;}
	.policy p span{ font-size:18px;}
	
	.serName{ font-size:18px;}
	.serBrief{ font-size:12px; line-height:20px; height:40px;}
}
@media (max-width:460px){
	.headerBg .navbar{ min-height:40px;}
	.logo{ max-width:70px; padding:10px 0 5px;}
	.navRig{ line-height:42px; height:42px;}
	.navRig > ul > li > a > img{ max-width:20px;}
	nav.navbar.bootsnav .navbar-toggle{ margin:7px 0 0;}
	
	.headSpace{ height:48px;}
	
	.banTitEn{ font-size:28px; line-height:150%;}
	.banTitCn{ font-size:22px; line-height:150%;}
	.banTitBrief{ font-size:14px;}
	.banText{ font-size:14px; letter-spacing:0px;}
	.banBtn{ width:120px; height:36px; line-height:34px; font-size:14px;}
	
	.box1Item li{ width:100%;}
	.box1Pic img{ width:auto;}
	.box1Brief{ height:auto;}
	
	.box2{ padding:40px 0;}
	.box3{ padding:20px 0;}
	.box4Bg{ padding:30px 0 20px;}
	.box4TitCn{ font-size:22px;}
	
	.box5Bg{ padding:20px 0;}
	.box5Item{ padding:10px 0;}
	.box5Name{ font-size:16px; padding:5px 0; line-height:22px;}
	
	.proTop li a{ padding:10px;}
	.proTop li a .media-left{ padding-right:5px;}
	.proTopTit{ font-size:14px;}
	
	.newsTit{ padding:15px 0 10px;}
	.newsTop{ margin:0 -15px;}
	.newsTop li{ padding:5px 1px;}
	.newsTop li a{ min-width:0; padding:0 5px;}
	.brief{ font-size:12px;}
	.newsH2{ font-size:20px;}
	.newsImg{ display:none;}
	.newsRig{ margin-left:0;}
	.newsName{ padding:5px 0 0;}
	.newsBrief{ display:block; height:auto; max-height:44px;}
	
	.newsTitle{ padding:15px 0;}
	
	.banH2 p{ font-size:12px; padding-top:0;}
	
	.aboutTop li a{ font-size:14px;}
	.aboutBox3Text{ padding:50px 15px;}
	
	.joinEmail{ font-size:14px;}
	.joinBot li{ padding:0;}
	.joinName{ padding:10px 0;}
	
	.comText{ margin:0 -10px;}
	.comText li{ padding:10px;}
	.comIco{ width:34px; height:34px; border-width:1px;}
	.comCon{ margin-left:40px;}
	.comText h4{ font-size:14px;}
	
	.downLoadBg{ padding:25px 0;}
	.downLoad{ padding:10px;}
	.downLoad li{ line-height:24px; padding:10px 0;}
	.downLoad li a{ font-size:14px;}
	.downIco{ width:24px; height:24px;}
	
	.serFAQ li{ width:100%;}
	.serItem li{ width:100%;}
	.serBrief{ height:auto;}
}
@media (max-width:360px){  
	.box5Item li{ font-size:12px;}
	.ftLogo a{ max-width:40%;}
	.featureName{ font-size:18px;}
	.proLast{ height:200px;}
	.proLastName{ font-size:20px; padding:50px 0 0;}
	
	.banAbout{ height:200px;}
	.banH2{ font-size:20px;}
	
	.joinTit{ font-size:20px; line-height:26px;}
	.joinBot{ margin-bottom:25px;}
	.joinName{ font-size:14px;}
	
	.serTextBg{ padding:15px;}
	.serH3{ font-size:18px;}
	.serIco{ max-width:44px;}
	.serName{ font-size:16px; padding:5px 0;}
}	
@media (max-height:414px){	
	.banText{ display:none;}
}