*{ margin:0; padding:0}
.clear{ clear:both; height:0; font-size:0; line-height:0}
input{ font-family:'Ubuntu', sans-serif; cursor:pointer}
img{ width:100%; -ms-interpolation-mode:bicubic; border:none}
ul{ list-style:none}
a{ outline:none; color:#ed1165; text-decoration:none;}
a:hover{ color:#ff498f;}

body{font:Arial, Helvetica, sans-serif; color:#3f3f3f; position:relative}
.hdbg{ width:100%;  height:82px; position:fixed; top:0; left:0; background:url(../img/hdbg.png) repeat-x left bottom; z-index:100;opacity:.9;filter:alpha(opacity=90);}
.row{ max-width:980px; margin:0 auto; clear:both; position:relative}
.logo{ max-width:233px; padding:8px 0 0 0; float:left}
.nav{ float:right; font-size:0.95em; padding:30px 0 0 0}
.nav a{ color:#666; padding:0 20px 0 0; text-transform:uppercase; font-size:13px; font-weight:bold}
.nav a:hover{ color:#ff498f;}
#nav-active{color:#ed1165;}
.screen1{ background:#e8f9ff url(../img/screen-bg1.jpg) no-repeat center top; width:100%; height:666px; padding:210px 0 0 0}
.screen1 p{ text-transform:uppercase; font-weight:bold; color:#3f3f3f; font-size:1.8em; line-height:1.3em; max-width:650px}
.screen1 h1{ color:#ed1165; font-size:4.8em; text-transform:uppercase; line-height:1em; max-width:600px; margin:10px 0 12px 0;}
.screen1 hr{ max-width:650px; margin:50px 0 50px 0}
.screen1 a{ background:#ed1165; color:#fff; font-size:2em; display:block; max-width:650px; height:90px; line-height:2.8em; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px; text-align:center; text-transform:uppercase}
.screen1 a:hover{ background:#ff498f}
.screen2{ background:url(../img/screen-bg2.jpg) no-repeat center top; height:831px; padding:70px 0 0 0;}
.screen2 p{ font-size:1.8em; text-transform:uppercase; line-height:1.5em; max-width:700px; font-weight:normal}
.screen2-tit{ position:absolute; top:375px; left:450px;}
.screen2-tit span{ display:block}
.screen2 ul li{ color:#fff; max-width:150px; text-align:center}
.screen2 ul li span{ display:block}
.li1{ position:absolute; top:185px; left:260px}
.li2{ position:absolute; top:360px; left:68px}
.li3{ position:absolute; top:570px; left:267px}
.li4{ position:absolute; top:250px; left:605px}
.li5{ position:absolute; top:140px; left:830px;}
.li6{ position:absolute; top:695px; left:496px;}
.li7{ position:absolute; top:585px; left:680px;}
.screen2-txt{ position:absolute; top:412px; left:590px;}
.screen2-txt span{ font-size:2em; display:block}
.screen3{ background:#e8f9ff url(../img/screen-bg3.jpg) no-repeat center 60px; padding:60px 0 70px 0}
.screen3-tit{ font-size:2.2em; text-transform:uppercase}
.screen3 p{ font-size:1.6em; color:#888; margin:40px 0 0 0; line-height:1.6em; text-transform:uppercase}
.screen3 b{ color:#ed1165; font-size:1.9em;  font-weight:normal}
.screen3-icon{ color:#888; background:url(../img/icon.png) no-repeat left top; height:36px; line-height:2.2em; margin:50px 0 0 0; padding:0 0 0 45px}
.screen4{ padding:60px 0 150px 0; background:url(../img/screen-bg4.jpg) no-repeat right 80px; position:relative}
.step{ font-size:1.8em; line-height:1.3em; color:#888; margin:60px 0 0 0; text-transform:uppercase}
.step i{ color:#ed1165; font-size:3.5em; float:left; display:block; font-weight:normal; font-style:normal; padding:15px 10px 0 0}
.step span{ display:block}
#step-i{ margin-bottom:150px}
.sign{ background:url(../img/sign2.png) no-repeat left top; width:261px; height:62px; display:block; margin:20px 0 0 60px}
.sign:hover{ background-position:0 -62px}
.screen4-txt{ width:200px; position:absolute; top:150px; left:630px; text-align:center; line-height:1.6em; color:#888}
.screen5{ background:#e8f9ff url(../img/screen-bg5.jpg) no-repeat center 140px;; padding:70px 0; height:780px; line-height:1.4em}
.screen5 i{ color:#ed1165; font-style:normal;}
.screen5 p{ font-size:0.9em}
.Customers-txt1{ color:#888; width:600px; position:absolute; top:88px; left:15px}
.Customers-name1{ position:absolute; top:310px; left:0px; font-style:italic}
.Customers-txt2{ color:#888; width:430px; position:absolute; top:178px; left:180px;}
.Customers-name2{ position:absolute; top:422px; left:490px;font-style:italic}
.Customers-txt3{ color:#888; position:absolute; width:300px; top:88px; left:663px;}
.Customers-name3{ position:absolute; top:422px; left:735px;font-style:italic}
.Customers-txt4{ color:#888; width:460px; position:absolute; top:368px; left:12px}
.Customers-name4{ position:absolute; top:618px; left:330px;font-style:italic}
.Customers-txt5{ color:#888; width:280px; position:absolute; top:500px; left:12px;}
.Customers-name5{ position:absolute; top:740px; left:150px;font-style:italic}
.Customers-txt6{ color:#888; width:450px; position:absolute; top:500px; left:520px;}
.Customers-name6{ position:absolute; top:740px; left:645px; font-style:italic}
.screen6{ padding:10px 0 100px 0; background:url(../img/screen-bg6.jpg) no-repeat right bottom}
.screen6 p{ font-size:1.6em; color:#888; margin:40px 0 0 0; line-height:1.5em; text-transform:uppercase}
.live-chat-now{ background:#ed1165; color:#fff; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px; display:block; width:40%; max-width:330px; text-align:center; font-size:1.8em; font-weight:bolder; line-height:2.6em; margin-top:70px; margin-bottom:5px}
.live-chat-now:hover{ color:#fff; background:#ff498f}
.screen7{ background:#f2f3f5; padding:60px 0 70px 0}
.screen7-tit{ font-size:1.6em; color:#888; text-transform:uppercase}
.cloumms-33{ width:30%; float:left; margin:10px 5% 10px 0; }
.cloumms-34{ width:30%; float:left; margin:10px 0 10px 0; }
.line-m{ border-top:1px solid #929292; border-bottom:1px solid #cbcbcb; height:4px; margin:20px 0 0 0}
.cloumms-33 h5{ background:url(../img/icon2.png) no-repeat left top; padding:0 0 20px 60px; margin:20px 0; border-bottom:1px solid #cbcbcb; min-height:55px; font-size:1.2em}
.cloumms-33 a{ color:#444;}
.cloumms-33 a:hover{ color:#000}
.cloumms-33 p{ margin:20px 0 0 0; line-height:1.4em; font-size:0.9em}
.cloumms-34 h5{ background:url(../img/icon2.png) no-repeat left top; padding:0 0 20px 60px; margin:20px 0; border-bottom:1px solid #cbcbcb; min-height:55px; font-size:1.2em}
.cloumms-34 a{ color:#444;}
.cloumms-34 a:hover{ color:#000}
.cloumms-34 p{ margin:20px 0 0 0; line-height:1.4em; font-size:0.9em}
.live-chat-box{ background:url(../img/QiSupportbox.png) no-repeat left top; width:230px; height:230px; position:fixed; top:340px; right:10px; cursor:pointer; z-index:2000}
.close{ display:block; background:url(../img/close.png) no-repeat left -32px; width:31px; height:31px; position:absolute; top:10px; right:0}
.close:hover{ background:url(../img/close.png) no-repeat left top}


.fot{ background:#161616; padding:40px 0 40px 0; color:#999; text-transform:uppercase; font-size:12px; line-height:24px}
.cloumms-2{ width:50%; float:left}
.fot h5{  padding:0 0 10px 0; font-size:1.2em; margin:0; color:#666}
.fot ul{  float:left;}
.fot ul li{ margin:0 0 5px 0}
.fot ul li a{ color:#999; font-size:12px}
.fot ul li a:hover{ color:#fff}
.fot-ul1{ margin-right:150px}
.search{ position:relative; margin:20px 0 0 0}
.search-iput{ background:#e9e9e9; position:absolute; top:30px; left:0; height:36px; border:none; width:330px}
.search-btn{ background:#333; position:absolute; top:30px; right:0; height:37px; border:none; width:120px;  text-align:center; color:#999; font-size:1em; text-transform:uppercase}
.logo2{  border-bottom:1px solid #333; padding:0 0 10px 0; margin-top:-16px} 
.logo2 img{ max-width:133px;}
.fot-txt{ margin:20px 0 0 0; line-height:24px}
.socials{ margin:30px 0 0 0; width:300px; float:right; text-align:left}
.socials a{ -webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px; display:block; float:right; width:30px; height:30px; margin-right:8px}
.t{ background:#444 url(../img/icons.png) no-repeat 6px -23px}
.t:hover{background:#ed1165 url(../img/icons.png) no-repeat 6px -23px}
.f{ background:#444 url(../img/icons.png) no-repeat -31px -23px}
.f:hover{background:#ed1165 url(../img/icons.png) no-repeat -31px -23px}
.g{ background:#444 url(../img/icons.png) no-repeat -69px -23px}
.g:hover{background:#ed1165 url(../img/icons.png) no-repeat -69px -23px}
.r{ background:#444 url(../img/icons.png) no-repeat -106px -23px}
.r:hover{background:#ed1165 url(../img/icons.png) no-repeat -106px -23px}
.cpy{ clear:both; padding:20px 0 0 0; text-align:right; color:#444}
.mr{ margin-right:60px;}

.blog-titbox{ color:#666; margin:0 0 40px 0; position:relative}
.blog-titbox i{ padding:0 16px; background:url(../img/newstit.png) no-repeat left bottom; margin:0 0 0 10px}
.blog-titbox a{ color:#666; text-transform:none; font-size:14px}
.blog-titbox a:hover{ color:#ed1165;}
.bjqs{ list-style:none;}

.flt{ float:left}

@media (max-width: 960px){
	.row{ margin:0 10px}.hdbg{ height:auto;  background:url(../img/hdbg.png) repeat-x left bottom; text-align:center} .logo{ float:none; margin:0 auto}.nav{ float:none; text-align:center; padding:5px 0 15px 0}
	.screen1{ background:#e8f9ff url(../img/screen-bg1.jpg) no-repeat center bottom; width:100%; height:auto; padding:180px 0 80px 0}
	.screen2{ background:url(../img/screen-bg2-s.jpg) no-repeat center top; height:auto; padding:60px 0;}
	.screen2-tit{ position:static; margin:30px 0 0 0; font-size:1.4em}.screen2-tit span{ display:inline}
	.screen2 ul{ margin:10px 0 0 0}
	.screen2 ul li{  text-align:left; position:static;  font-size:1em; color:#333; margin:10px 0; list-style:inside; max-width:400px}
	.screen2 ul li span{ display:inline}
	.screen2-txt{ position:static; margin-top:30px} .screen2-txt span{ display:inline; padding:0 10px 0 0}
	.screen3{ background:#e8f9ff url(../img/screen-bg3.jpg) no-repeat center 60px; padding:60px 0}
	.screen4{ padding:60px 0; background:url(../img/screen-bg4.jpg) no-repeat 300px bottom; position:relative}
	.screen4-txt{ position:static; width:100%; text-align:left; color:#333; font-size:1em; margin:30px 0 0 0}
	.step{ font-size:1.2em; line-height:1.3em; margin:30px 0 0 0; color:#333}
	.step i{ color:#ed1165; font-size:1.5em; float:none; display:inline; font-weight:normal; font-style:normal; padding:0 10px 0 0; font-weight:bold} .step span{ display:inline}
	.screen5{ background:#e8f9ff; padding:40px 0; height:auto;}
	.screen5 div{ position:inherit; width:auto; margin-top:30px; color:#333}
	.screen5 p{ position:inherit; color:#666}
	.screen6 p{ font-size:1.2em;line-height:1.3em;}
	.fot-ul1{ margin-right:50px}
	}
	@media (max-width: 768px){
		.search-iput{ width:60%;}.fot-ul1{ margin-right:20px}
		
	}
	@media (max-width: 760px){
	 .nav a{ padding:0 5px; font-size:0.9em}
	.screen1{ padding:170px 0 40px 0} .screen1 p{ font-size:1.2em} .screen1 h1{ font-size:1.6em} .screen1 hr{ display:none} .screen1 a{ font-size:1.4em; padding:20px; height:auto; line-height:1.2em; margin-top:20px}
	.screen2{ padding:30px 0} .screen2 p{ font-size:1.2em; line-height:1.2em} .screen2-tit{ margin-top:20px; font-size:1.2em; font-weight:bold} .screen2 ul li{ margin:5px 0} .screen2-txt{ margin-top:20px}
	.screen3{ padding:30px 0; background-image:none} .screen3-tit{ font-size:1.4em; font-weight:bold} .screen3 p{ font-size:1.2em; margin-top:20px; line-height:1.2em} .screen3 b{ font-size:1.4em} .screen3-icon{ margin-top:20px;}
	.screen4{ padding:30px 0} .screen4-txt{ margin-top:20px} .step{ margin-top:20px} .sign{ margin:20px 0 0 0} .step i{ font-size:1.2em}
	.screen5{ padding:10px 0 30px 0} .screen5 div{ margin-top:20px}
	.screen6{ padding:30px 0; background-image:none} .screen6 p{ margin:0; color:#333} .live-chat-now{ width:100%; font-size:1.4em; margin:20px 0 0 0; max-width:none}
	.fot{ padding:30px 0}.cloumms-2{ width:100%; float:none; margin-bottom:20px} .mr{ margin:0} .fot ul li a{font-size:0.9em} .search{ height:100px; margin-top:20px} .fot ul li{ margin:0 0 2px 0} .search-iput{ width:74%;} .search-btn{ width:25%; font-size:0.8em}
	.socials{ float:left; margin-top:20px; width:auto} .cpy{ text-align:left; padding:20px 0 0 0; font-size:0.8em; line-height:1.2em}
	.screen7{ padding:30px 0}
	.cloumms-33{ width:100%; margin-right:0; margin-bottom:10px} .cloumms-34{ width:100%; margin-bottom:10px} .line-m{ display:none}
	
	}
	@media (max-width: 450px){
		.nav a{ font-size:0.8em} .screen3-icon{ line-height:1.2em} 
	}

 














