@charset "utf-8";
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://themes.googleusercontent.com/static/fonts/lato/v7/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(https://themes.googleusercontent.com/static/fonts/lato/v7/BVtM30trf7q_jfqYeHfjtA.woff) format('woff');
}

/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {margin:0;padding:0; -webkit-text-size-adjust:none;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
ol{ list-style:outside decimal; margin-left:18px; line-height:1.6em;}
ol li{ line-height:1.8em;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active{outline:0;}
a{ text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
img{ vertical-align:middle;}
body{font:15px/1.53em  Lato,Arial,Helvetica,sans-serif;color:#7a7a7a;background:#fff; max-width:1679px; margin:0 auto; }

input[type='text'],textarea,input[type='submit']{-webkit-appearance: none;font-family:Helvetica,Arial,sans-serif; outline:none; color:#666; vertical-align:top; font-size:14px; line-height:1.2em;}
input[type='checkbox']{vertical-align:text-top; vertical-align:baseline\9;}
select{font-family:Helvetica,Arial,sans-serif;}
select:focus{ outline:none; }

/*basic*/
.fl {float:left;}
.fr {float:right;}
.ac{ text-align:center;}
.al{ text-align:left;}
.ar{ text-align:right;}
.clear{ clear:both; height:0; overflow:hidden;}
.noh{ overflow:visible !important;}
ul.dot li, ul.list li{ list-style:outside disc; line-height:1.7em; margin-left:18px;}
.noBor{ background:none !important; border:none !important; margin-right:0 !important;}
.re{ position:relative !important;}
.oh{ overflow:hidden !important;}
.blue{ color:#15abef !important;}
.red{ color:#f00 !important;}
.orange{ color:#f6772c !important;}
.gray{color:#999 !important;}
.hide{ display:none !important;}
.nobg{ background:none !important;}
.container{width:1000px;margin:0 auto;} 
.mt5{margin-top:5px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}
.bold{ font-weight:bold; }
@media (min-width: 768px) and (max-width: 979px) {
	.container{ width:750px; }
}
@media (max-width: 767px) {
	.container{ width:460px;}  
}
@media (max-width: 479px) { 
	.container{ width:308px;}	
}
/*btn*/
.greenBtn2,.orangeBtn2{display:inline-block;background:#84c754;font-size:34px; text-align:left;width:302px;height:64px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px;font-weight: 300; padding:16px 25px 0 37px; line-height:inherit;}
.orangeBtn2{ background:#ff6c00;}
.greenBtn2 .text,.orangeBtn2 .text{ float:left;}
.greenBtn2 .img,.orangeBtn2 .img{ float:right; padding-top:5px;}
.greenBtn2 .text span,.orangeBtn2 .text span {padding-right:10px; display:block; font-size:16px; padding-top:8px;}
.greenBtn2:hover{background:#8bdc4f; text-decoration:none;}
.orangeBtn2:hover{background:#ec5401; text-decoration:none;}
.blueBtn2{display:inline-block;background:#0699f6;font-size:34px; text-align:center;width:400px;height:90px;line-height:90px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px;font-weight: 300;}
.blueBtn2 span {padding-right:10px;}
.blueBtn2:hover{background:#22a7fb; text-decoration:none;}
@media (max-width: 767px) {
	.greenBtn2, .orangeBtn2{ width:220px; font-size:24px; padding:16px 12px 0 12px }
	.greenBtn2 .text span, .orangeBtn2 .text span{ font-size:14px; }
}
@media (max-width: 479px) {
	.greenBtn2, .orangeBtn2{ width:178px; font-size:20px; font-weight:bold; padding:16px 6px 0; }
	.greenBtn2 .text span, .orangeBtn2 .text span{ font-size:7px; }
	.greenBtn2 .img img, .orangeBtn2 .img img{ height:24px; width:24px; }
}
/*header*/
.header{border-bottom:5px solid #d8d8d8;padding:10px 0;}
.header .logo{float:left;}
.header .logo a{display:block; background:url(images/logo.png) no-repeat;width:168px;height:15px; text-indent:-9999px;}
.header .lag{float:right;}
.header .lag .it{display:inline-block; width:26px;height:20px; text-indent:-9999px;margin:0 3px;}
.header .lag .br{display:inline-block; width:26px;height:20px; text-indent:-9999px;margin:0 3px;}
.header .lag .usa{display:inline-block;width:26px;height:20px; text-indent:-9999px;margin:0 3px;}
.header .lag .jp{display:inline-block;width:26px;height:20px; text-indent:-9999px;margin:0 3px;}
.header .lag .aus{display:inline-block;width:26px;height:20px; text-indent:-9999px;margin:0 3px;}

/*banner*/
.banner{height:618px; background:url(images/banner01.jpg) center no-repeat; color:#fff;}
.banner_DNum{ width:182px; height:182px; display:block; background-color:#fd8640; border-radius:50%; position:absolute; top:8px; right:2px; color:#fff;  }
.banner_DNum:hover{ text-decoration:none; background-color:#f47a32; }
.banner_DNum .num{ margin-top:65px; margin-left:22px; font-size:34px; }
.banner_DNum .num span{background:url(images/down.png) right center no-repeat; margin-left:0px; }
.banner_DNum span{ display:inline-block; margin-left:22px; font-size:24px; line-height:36px; padding-right:30px; }
.banner p.line01, p.line02 ,p.line03{ font-weight:300; }
.banner p strong{ font-weight:700; }
.banner p.line01{ padding-top:32px; font-size:21px; }
.banner p.line02{ padding-top:30px; font-size:48px; line-height:1.1em; }
.banner p.line03{ padding-top:30px; font-size:24px; line-height:1.17em; }
.bannerBtn{ margin-top:58px; }
@media (max-width: 979px) {
	.banner p.line02{ font-size:36px; }

}
@media (max-width: 767px) {
	.bannerText{ width:255px; }
	.banner p.line01{ padding-top:50px; }
	.banner p.line02{ font-size:24px; }
	.banner p.line03{ font-size:18px; }
}
@media (max-width: 479px) { 
	.bannerText{ width:180px;}
	.banner_DNum{ width:140px; height:140px; text-align:center; }
	.banner_DNum .num{ margin-top:45px; margin-left:0; }
	.banner_DNum span{ font-size:16px; margin-left:0; }
}

.bluebg{ height:152px; background-color:#2e91b8; }
.navIcon{ height:200px; position:absolute; top:-51px; left:11.2%; width:84.8%; }
.navIcon li{ width:21.2%; float:left; text-align:center; color:#fff; font-size:20px; }
.navIcon li a{ color:#fff; display:block; }
.navIcon li a:hover{ text-decoration:none; }
.navIcon li div{ width:102px; height:102px; margin:0 auto 33px; background-image:url(images/icon.png); background-repeat:no-repeat; }
.nav01{ background-position:-6px 16px; }
.navIcon li:hover .nav01{ background-position:-111px 16px; }
.nav02{ background-position:-216px 16px; }
.navIcon li:hover .nav02{ background-position:-321px 16px; }
.nav03{ background-position:-425px 16px; }
.navIcon li:hover .nav03{ background-position:-530px 16px; }
.nav04{ background-position:-635px 16px; }
.navIcon li:hover .nav04{ background-position:-740px 16px; }
@media (max-width: 767px) {
	.navIcon{ width:100%; left:0; }
	.navIcon li{ width:25%; font-size:18px; }
}
@media (max-width: 479px) { 
	.navIcon{ top:-41px; }
	.navIcon li{ font-size:14px; }
	.navIcon li div{ width:90%; background-size:auto 60%; margin-bottom:0;}
	.navIcon li:hover .nav01{ background-position:-75px 16px; }
	.nav02{ background-position:-146px 16px; }
	.navIcon li:hover .nav02{ background-position:-218px 16px; }
	.nav03{ background-position:-289px 16px; }
	.navIcon li:hover .nav03{ background-position:-360px 16px; }
	.nav04{ background-position:-431px 16px; }
	.navIcon li:hover .nav04{ background-position:-502px 16px; }
}
/*part*/
.part1{ height:379px; background:url(images/banner02.jpg) center no-repeat; }
.part1_lt{ width:520px; float:left; margin-right:16px; color:#7a7a7a; }
.part1_title{ font-size:28px; line-height:32px; margin-bottom:32px; margin-top:111px; color:#2e91b8;}
.part1_img{ padding-top:93px; }
@media (max-width: 979px) {
	.part1_lt{ width:100%; margin-right:0; }
	.part1_title{ width:100%; margin-top:30px; margin-bottom:12px; }
	.part1_img{ padding-top:30px; }
}
@media (max-width: 767px) {
	.part1_title{ margin-top:15px; font-size:24px; line-height:24px; }
	.part1_img{ padding-top:10px; }
}
@media (max-width: 479px) { 

	.imgac img{ width:100%; }
}

.part2{ height:381px; background:url(images/banner03.jpg) center no-repeat; color:#fff; }
.part2_title{ font-size:29px; padding-top:48px; padding-bottom:20px; line-height:1.53em; }
.part2_mobile{ margin-top:43px; }
.part2_mobile li{ width:10.5%; height:104px; float:left; margin-left:7px; position:relative;  background-color:#8ac3d9; }
.part2_mobile li.first{ margin-left:0; width:10.4%; }
.part2_mobile li a{ display:block; text-decoration:none; position:absolute; left:-9999px; top:0; width:100%; height:104px; background-color:#dfe2e4; color:#454c55; }
.part2_mobile li:hover a{ left:0; }
.part2_mobile li a p{ padding-left:10px; font-size:14px; line-height:15px; }
.part2_mobile li a p b{ display:block; line-height:35px; font-size:1.2em; }
@media (max-width: 979px) {
	.part2_mobile li{ margin-left:5px; background-size:70% auto; }
	.part2_mobile li.moto , .part2_mobile li.huawei , .part2_mobile li.lg , .part2_mobile li.apple{  background-size:50% auto; }
}
@media (max-width: 767px) {
	.part2_title{ font-size:24px; padding-top:28px; }
	.part2_mobile li{ margin-left:3px;  }
	.part2{ height:auto; padding-bottom:20px;background:url(images/banner03.jpg) top center no-repeat #2a2b32;  }
	.part2_mobile li , .part2_mobile li.first{ width:30%; margin-left:1.3%; margin-right:2%; margin-bottom:5px;   }
	.part2_mobile li a p b{ line-height:24px; }
}
.sumsung{ background:url(images/mobile_sumsung.png) center center no-repeat; }
.htc{ background:url(images/mobile_htc.png) center center no-repeat; }
.moto{ background:url(images/mobile_moto.png) center center no-repeat; }
.sony{ background:url(images/mobile_sony.png) center center no-repeat; }
.google{ background:url(images/mobile_google.png) center center no-repeat; }
.lg{ background:url(images/mobile_lg.png) center center no-repeat; }
.huawei{ background:url(images/mobile_huawei.png) center center no-repeat; }
.apple{ background:url(images/mobile_apple.png) center center no-repeat; }
.nokia{ background:url(images/mobile_nokia.png) center center no-repeat; }

.part3{ background-color:#bfbfbf; }
.part3_img{ float:left; margin-top:99px; margin-left:37px; margin-right:69px; }
.part3_cont{ width:440px; padding-top:90px; padding-bottom:90px; float:left; }
.part3_contTitle{ font-size:29px; line-height:40px; color:#2e91b8; }
.part3_contp{ padding-top:20px; padding-bottom:20px; font-size:18px; }

.part4_title{ font-size:29px; line-height:32px; padding-top:44px; padding-bottom:45px; color:#2e91b8; }
.part4_tab{ font-size:14px; line-height:16px; color:#2e91b8; text-align:center; }
.part4_tab td , .part4_tab th{ height:40px; vertical-align:middle;  }
.part4_tab a{ color:inherit; }
.coloum01{ padding-left:12px; padding-right:8px; text-align:left; }
.part5{ margin-top:72px; margin-bottom:90px; height:380px; background:url(images/banner04.jpg) center no-repeat; }
.part5_box{ width:502px; height:380px; background:url(images/graybg.png) repeat; }
.part5_n{ padding:100px 74px 100px 50px; color:#7b7b7b; font-size:18px; }
.part5_Title{ font-size:29px; line-height:26px; color:#2e91b8; padding-bottom:23px; }

.part6{ background-color:#2e91b8; color:#fff; }
.part6_line01{ padding-top:37px; font-size:21px; }
.part6_line02{ padding-top:24px; font-size:48px; }
.part6_btn{ padding-top:40px; padding-bottom:0px; width:370px; margin:auto; }
@media (max-width: 979px) {
	.part3_img{ margin-top:20px; margin-left:0; }
	.part3_cont{ width:auto; padding-top:50px; padding-bottom:50px; }
	.part6_line02{ font-size:40px; }
	.imgac{ text-align:center; }
	.imgac img{ float:none; }
}
@media (max-width: 767px) {
	.part4_title { font-size:24px; }
	.part6_line02{ font-size:30px; line-height:1.2em; }
	.part6_btn{ width:254px; }
	.part5_box{ width:100%; }
}
@media (max-width: 479px){
	.part5_n{ padding:50px 30px 0 20px; }
}
/*footer*/
.footer{ background:#19282f; overflow:hidden; padding: 25px 0; color:#88919f;}
.footer dt{ font-size:15px;  color:#a7b0bd; margin-bottom:2px;}
.footer a{color:#88919f;}
.footer .link{ font-size:12px;padding-right:20px; margin-right:20px; margin-top:10px;}
/*toTop*/
.toTop{ display:none;  background:url(images/littleIco.png) no-repeat -2px -108px; position:fixed; z-index:2;  width:43px; height:43px; bottom:30px; right:0; font-size:16px; text-indent:-9999px;}
.toTop:focus{ outline:none}
@media (max-width: 979px) {
	.toTop{ display:block !important; position:static; background:url(images/littleIco.png) no-repeat -2px -108px #1a1f23; text-align:center; color:#434B52; width:auto;height:43px; line-height:43px;text-indent:0;}
}

.livechatBtn,.feedbackBtn, .businessBtn{ display:block;background:url(images/livechat_icon.jpg) no-repeat; width:45px; height:42px; position:fixed; right:0;bottom:30%; z-index:20;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.livechatBtn:hover{width:116px;}
.feedbackBtn{ bottom:25%;}
.feedbackBtn:hover {width:116px;}
.businessBtn{ background-image:url(images/business-inquiry.jpg); bottom:20%;}
.businessBtn:hover {width:116px;}

.greenBtn, .orangeBtn {
  width: 150px!important;
}