a {color:#303030;text-decoration:none;}a:hover {text-decoration:none;}
body {position:relative;background:#fff;min-width: 1280px;}
header, section, footer {width:100%;}.grid {position:relative;width:1200px;margin:0 auto;clear:both;}
header{height:104px;background-color:#4d82ad;z-index: 10;}
/*header*/
#header {position:absolute;top:0;z-index:10;}
#logo {float:left;width:210px;height:60px;padding-top:20px;}
#region {position:absolute;top:13px;right:0;}
#region a {display:block;height:32px;line-height:32px;font-size:14px;color:#fff;padding-left:40px;background:url(../img/region.png) left no-repeat;}
#nav {position:absolute;top:20px;right:-26px;padding:0;margin:0;}
#nav li {display:block;float:left;font-size:20px;}
#nav li a {display:block;height:54px;margin:0 26px;line-height:54px;color:#fff;text-decoration:none;}
#nav li.current a, #nav>li>a:hover {border-bottom:1px solid #fff;border-bottom-width:3px;}
#nav #language>a{margin:5px 10px;width:150px;text-align:center;font-size: 20px;color: #333;background-color: #fff;border-radius:25px;border-bottom:0px;}
#nav #language ul{position: absolute;right:10px;display: none;}
#nav #language ul li{float:none;width:150px;background-color: #fff;border-bottom: 1px solid #ddd;}
#nav #language ul li a{color: #333;text-align:center;}

/*slides*/
.swiper-container {height:650px;margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
.swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}
.swiper-slide {float:left;}.swiper-wp8-horizontal {-ms-touch-action:pan-y;}.swiper-wp8-vertical {-ms-touch-action:pan-x;}
.pagination {position:absolute;z-index:1;left:50%;margin-left:-39px;bottom:200px;}
.swiper-pagination-switch {display:inline-block;width:10px;height:10px;border-radius:8px;background:#333;margin-right:10px;border:3px solid #fff;cursor:pointer;}
.swiper-active-switch {background:#fff;}

/*figure*/
#figure {position:absolute;top:100px;height:592px;width:100%;z-index:1;background-size: 100% 100%;}
#figure .grid{margin-top:100px;}
#figText{z-index:10;color: #fff;}
#figText .yipai .btnInfo{position:relative;top:90px;height:75px;width:300px;font-size:30px;color:#fff;cursor:pointer;background:url(../img/an.png) no-repeat;text-align: center;display:table-cell;vertical-align: middle;background-size: 100% 100%;}
#figText .platformLogo{margin-top:34px;}
#figText .platformLogo a{display: inline-block;vertical-align: middle;text-align: center;padding:10px 20px;border: 2px solid #fff;border-radius: 50px;color: #fff;}

/*feature*/
#feature {position:absolute;top:760px;}
#feature .grid{margin-bottom: 100px;}
#feature .fTit{font-size: 40px;color: #333;}
#feature .products{float: right;margin-top:-40px;}
#feature .products a{font-size:22px;color: #999;}
#feature .imgs {width:1200px;margin:0 auto}
#feature .imgs>div{float:left;width:344px;height:240px;margin-right:84px;margin-bottom: 66px;}
#feature .imgs .cen{text-align: center;margin-top:30px;}
#feature .imgs .cen img{margin-bottom:14px;box-shadow:0px -3px 10px 0px #58585896;;border-radius: 68px;}
#feature .imgs .proName{font-size: 30px;color: #fff;font-weight:bold;text-shadow: #AFEEEE 1px 0 0, #AFEEEE 0 1px 0, #AFEEEE -1px 0 0, #AFEEEE 0 -1px 0;}
#feature .imgs .proInfo{background:url(../img/xjp-an.png) no-repeat;position:relative;left:72px;bottom:38px;width:200px;height:44px;font-size: 16px;color:#333;cursor:pointer;}
#feature .imgs .proInfo{text-align:center;display:table-cell;vertical-align: middle;text-decoration:none;display: none;}
/*footer*/
#footer{position:absolute;top:2170px;height:98px;background-color: #4d82ad;font-size: 18px;}
#footer .grid{width:1200px;margin:0 auto;text-align: center;padding-top:30px}
#footer .grid{font-size: 18px;color:#f3f3f3;}

/*banner_join*/
#headers{position: initial;}
#banner_join{background:url(../img/banner.png) no-repeat;background-size:100% 100%;height:590px;font-size: 40px;color: #fff;line-height: 60px;}
#banner_join a{background: url(../img/banner-an.png) no-repeat;width: 280px;height: 64px;display:table-cell;position: relative;top:70px;}
#banner_join .grid{padding-top:130px;background: url(../img/ys.png) right no-repeat;height: 444px;}
#join_center{background:#e8e8e8}
#join_center .company_text{background:url(../img/jrwm-bg.png) no-repeat top;background-size:100% 100%;text-align: center;}
#join_center .company_text .prosime{padding-top:66px;margin-bottom: 24px;font-size: 30px;color: #333;}
#join_center .company_text .our{margin-top:0;font-size: 20px;color: #999;}
#join_center .company_text .bann{margin-top:222px;margin-bottom:56px;font-size:26px;text-decoration: none;}
#join_center .company_text .introduce{font-size: 26px;color: #566;padding-bottom: 172px;line-height: 42px;}
#join_center .join_text .prosime{margin-bottom: 24px;font-size: 30px;color: #333;text-align: center;}
#join_center .join_text .our{margin-top:0;margin-bottom:72px;font-size: 20px;color: #999;text-align: center;}
#join_center .join_text .job_left{width:1128px;background: #fff;margin: 0 auto;border-radius: 10px;margin-bottom:150px ;position: relative;left: 36px;}
#join_center .join_text .job_left .job_img{position: relative;right:72px;margin-top:72px;float: left;}
#join_center .join_text .job_left .manager{font-size: 34px;color: #333;vertical-align: top;margin:0;position: relative;top:46px;left:-34px;}
#join_center .join_text .job_left .duty{font-size: 28px;color: #666;vertical-align: top;margin:0;position: relative;top:74px;left:-34px}
#join_center .join_text .job_left .join_btn{width:280px;height:60px;display:table-cell;float: right;position:relative;top:40px;right:28px;}
#join_center .join_text .job_left .duty_text{line-height: 40px;font-size: 16px;color: #666;position: relative;top:84px;left:-34px;}
#join_center .join_text .job_left .requirement{font-size: 28px;color: #666;margin-top:110px;margin-left: 42px;}
#join_center .join_text .job_left .duty_requirement{line-height: 40px;font-size: 16px;color: #666;margin-left: 42px;margin-right: 20px;padding-bottom: 24px;}

#join_center .join_text .job_right{width:1134px;background: #fff;margin: 0 auto;border-radius: 10px;margin-bottom:150px ;position: relative;right: 33px;}
#join_center .join_text .job_right .job_img{position: relative;left:66px;bottom:48px;float: right;}
#join_center .join_text .job_right .manager{font-size: 34px;color: #333;vertical-align: top;margin:0;position: relative;top:46px;left:42px;}
#join_center .join_text .job_right .duty{font-size: 28px;color: #666;vertical-align: top;margin:0;position: relative;top:74px;left:42px}
#join_center .join_text .job_right .join_btn{width:280px;height:60px;display:table-cell;float: right;position:relative;left:26px;top:40px}
#join_center .join_text .job_right .duty_text{line-height: 40px;font-size: 16px;color: #666;position: relative;top:84px;left:42px;}
#join_center .join_text .job_right .requirement{font-size: 28px;color: #666;margin-top:110px;margin-left: 42px;}
#join_center .join_text .job_right .duty_requirement{line-height: 40px;font-size: 16px;color: #666;margin-left: 42px;margin-right: 20px;padding-bottom: 24px;}

#bottom_img .company_address{background: url(../img/gsdz.png);background-size:100% 100%;width:100%;height: 946px;margin-top: -272px;}
#bottom_img .company_address .address{position:relative;top:300px;text-align:center;font-size: 30px;color: #333;}
#bottom_img .company_address .down{position:relative;top:300px;text-align:center;font-size: 20px;color: #999;}
#bottom_img .company_address .ph{position:relative;top:530px;color: #fff;text-align: center;}
#bottom_img .company_address .ph .com_name{font-size:24px;}
#bottom_img .company_address .ph .com_addr{font-size:20px ;}
#bottom_img .company_address .ph .com_ph{font-size: 24px;}

#footers{height:98px;background-color: #4d82ad;font-size: 18px;}
#footers .grid{width:1200px;margin:0 auto;text-align: center;padding-top:30px}
#footers .grid{font-size: 18px;color:#f3f3f3;}

/*products*/
#productText{background:url(../img/banner-product.png) no-repeat;height:590px;background-size: 100% 100%;}
#productText a{background: url(../img/banner-pro.png) no-repeat;width: 280px;height: 64px;display:table-cell;position: relative;top: 30px;}
#productText .grid{font-size: 40px;color: #fff;line-height: 60px;padding-top: 120px;}
#ios{margin-bottom: -30px;}
#ios .imgs {width:1200px;margin:0 auto}
#ios .imgs>div{display:inline-block;width:344px;height:240px;margin-right:74px;margin-bottom: 66px;}
#ios .grid{margin-top:50px;margin-bottom: 50px;}
#ios .grid .proType{font-size: 40px;color: #333;}
#ios .imgs .cen{text-align: center;margin-top:30px;}
#ios .imgs .cen img{margin-bottom:14px;box-shadow:0px -3px 10px 0px #58585896;;border-radius: 68px;}
#ios .imgs .proName{font-size: 30px;color: #fff;font-weight:bold;text-shadow: #AFEEEE 1px 0 0, #AFEEEE 0 1px 0, #AFEEEE -1px 0 0, #AFEEEE 0 -1px 0;}
#ios .imgs .proInfo{background:url(../img/xjp-an.png) no-repeat;position:relative;left:72px;bottom:38px;width:200px;height:44px;font-size: 16px;color:#333;cursor:pointer;}
#ios .imgs .proInfo{text-align:center;display:table-cell;vertical-align: middle;text-decoration:none;display: none;}

#andriod{background: #f2f2f2;padding-bottom: 34px;}
#andriod .imgs {width:1200px;margin:0 auto}
#andriod .imgs>div{display:inline-block;width:344px;height:240px;margin-right:74px;margin-bottom: 66px;}
#andriod .grid{margin-top:50px;margin-bottom: 50px;padding-top: 50px;}
#andriod .grid .proType{font-size: 40px;color: #333;}
#andriod .imgs .cen{text-align: center;margin-top:30px;}
#andriod .imgs .cen img{margin-bottom:14px;box-shadow:0px -3px 10px 0px #58585896;;border-radius: 68px;}
#andriod .imgs .proName{font-size: 30px;color: #fff;font-weight:bold;text-shadow: #AFEEEE 1px 0 0, #AFEEEE 0 1px 0, #AFEEEE -1px 0 0, #AFEEEE 0 -1px 0;}
#andriod .imgs .proInfo{background:url(../img/xjp-an.png) no-repeat;position:relative;left:72px;bottom:38px;width:200px;height:44px;font-size: 16px;color:#333;cursor:pointer;}
#andriod .imgs .proInfo{text-align:center;display:table-cell;vertical-align: middle;text-decoration:none;display: none;}

/*about*/
#culture{background:url(../img/banner-about.png) no-repeat;background-size:100% 100%;width:100%;height:590px;text-align: center;color: #fff;}
#culture .grid .ty{font-size: 40px;}
#culture .grid .xg{font-size: 60px;}
#culture .grid .ty,.xg{position: relative;top:220px;}
#intro{background:url(../img/gywm.png) no-repeat top;height: 700px;margin:84px 0 82px 0;}
#intro .grid{text-align: center;color: #fff;}
#intro .grid .com{font-size: 30px;position: relative;top:172px}
#intro .grid .introduce{font-size: 16px;position: relative;top:196px;line-height: 28px;}

#vision{background:url(../img/tp.png) no-repeat;background-size:100% 100%;height: 672px;width: 100%;}
#vision .target{float: right;position: relative;top: 50px;right: 40px;}
#vision .grid{position: relative;top: 68px;} 
#vision .grid .sp,.appm{font-size: 40px;color: #333333;}
#vision .grid .appm{margin-left: 208px;}
#vision .grid .expect{font-size: 24px;color: #666;margin-top:68px;line-height: 35px;}
#vision .grid .expect .lineh{display:block;margin-bottom: -18px;}

#core{background: url(../img/tp-2.png) no-repeat top;height: 400px;width: 100%;text-align: center;margin-top:100px;}
#core .val{font-size: 30px;color: #333;position: relative;top:-50px;}
#core .en_val{font-size: 20px;color: #999;position: relative;top:-50px;}
#core .grid .core_text{font-size:20px;color: #333;line-height: 44px;}
#core .grid .core_text .texts{font-size: 30px;color: #333;}

#about_address{background:url(../img/gsdz.png) no-repeat;background-size:100% 100%;height:944px;width:100%;}
#about_address .company_address{text-align: center;}
#about_address .company_address .address{position:relative;top:300px;font-size: 30px;color: #333;}
#about_address .company_address .down{position:relative;top:300px;font-size: 20px;color: #999;}
#about_address .company_address .ph{position:relative;top:530px;color: #fff;text-align: center;}
#about_address .company_address .ph .com_name{font-size:24px;}
#about_address .company_address .ph .com_addr{font-size:20px ;}
#about_address .company_address .ph .com_ph{font-size: 24px;}