@charset "utf-8";
/* CSS Document */
/************************ CSS reset************************/
html,body{
    background:#fff;
    color: #676767;
	font-size:12px;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0 none;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
li {
    list-style: none outside none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after {
    content: "";
}
abbr, acronym {
    border: 0 none;
    font-variant: normal;
}
sup {
    vertical-align: text-top;
}
sub {
    vertical-align: text-bottom;
}
input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
	outline:none;
}
legend {
    color: #000000;
}
select, input, button, textarea {
    font: 99% arial,helvetica,clean,sans-serif;
}
table {
    font-size: inherit;
}
pre, code, kbd, samp, tt {
    font-family: monospace;
    line-height: 100%;
}
a:focus {
    text-decoration: none;
	outline:none;
}

a {text-decoration: none; color:#676767;}
a:hover {text-decoration:underline; color:#007cc2;}
strong {
    font-weight: bold;
}
input[type="submit"] {
    cursor: pointer;
}
button {
    cursor: pointer;
}
.clear{*zoom:1;}
.clear:after{ height:0; content:""; clear:both; display:block; visibility:hidden;}
div {margin:0 auto;}

/************************ Page style************************/
.container {
	width:100%;
	margin:0 auto;
	}
.commonTitle {
	font-size:36px;
	color:#ffffff;
	line-height:72px;
	}
.left { float:left;}
.right { float:right;}
.headTop {
	overflow:hidden;
	}
	.headTop img {float:left;}
.headTop ul {
	float:left;
	height:48px;
	}
.headTop .headTop-right {
	float:right;
	}
.headTop ul li {
	float:left;
	height:48px; line-height:48px;
	padding-right:10px;
	}
.headTop ul li a {
	color:#134b9f;
	text-decoration:underline;
	}

.secondLists {
	padding:40px 0;
	}
.secondLists ul li {
	display:inline-block;
	width:450px;
	padding:40px 22px 0 25px;
	text-align:left;
	vertical-align:top;
	}
.secondLists ul li p{ line-height:18px;font-weight:bold;}
.secondLists ul li img { float:left;margin-right: 16px}
.secondLists ul li span {color:#8f8f8f;}
.secondLists ul li h3 {
	font-size:24px;
	color:#0270d1;
	line-height:30px;
	font-weight:normal;
	text-align:left;
	}
.thirdLine {
	height:500px;
	background:url(../images/4g_4_16.jpg) no-repeat center top;
	}
.thirdLine .inner {
	line-height:22px;
	padding:295px 0 0 0;
	font-size:14px;
	color:#ffffff;
	}
	
.yellow { color:#f9ff5a;}

.forthLine {
	margin-top:60px;
	margin-bottom:60px;
	}
.forthLine .lineTitle {
	height:60px;
	}
.forthLine .lineTitle .title {
	float:left;
	line-height:60px;
	font-size:36px;
	color:#212121;
	}
.forthLine .lineTitle .btn {
	float:right;
	height:60px;
	width:160px;
	padding-right:20px;
	background:url(../images/4g_4_17.png) repeat-x left top;
	line-height:14px;
	font-size:14px;
	}
.forthLine .lineTitle .btn a {
    display:block;
	height:47px;
	padding:12px 0 0 24px;
	font-size:14px;
	font-weight:normal;
	color:#ffffff;
	line-height:18px;
	background:url(../images/Untitled-1_01.png) no-repeat 115px 10px;
	}
.forthLine .lineTitle .btn a span {
	font-weight:normal;
	font-size:12px;
	}
	
.forthTable { margin-top:8px;}
.forthTable table { border:1px solid #afafaf;}
.forthTable table tr td {
	height:59px;
	border-bottom:1px dashed #cfcfcf;
	font-size:14px;
	color:#383838;
	}
.forthTable table tr.tableTitle td {
	height:49px;
	background:url(../images/4g_4_21.png) repeat-x left top;
	color:#ffffff;
	border-bottom:none;
	}
.forthTable table tr td.first { padding-left:28px;}
.buyBtn {
	display:inline-block;
	width:119px;
	height:31px;
	background:url(../images/4g_4_25.png) repeat-x left top;
	font-size:14px;
	color:#ffffff;
	text-align:center;
	line-height:31px;
	}
.buyBtn:hover {
	background:url(../images/4g_4_25_2.png) repeat-x left top;
	color:#ffffff;
	}
.bgNone, .bgNone:hover {
	background:#7c7c7c;
	color:#e8e8e8;
	text-decoration:none;
	cursor:text;
	}
.forthTable table tr td.last { text-align:right; padding-right:25px;}
.fifthLine {
	height:479PX;
	background:url(../images/4g_4_32.jpg) no-repeat center top;
	}
.fifthLine .commonTitle { padding:12px 0;}
.fifthLine ul {
	display:block; height:270px;
	}
.fifthLine ul li {
	position:relative;
	display:inline-block;
	float:left;
	width:194px; height:185px;
	background:url(../images/bg_fithLine.png) no-repeat center top;
	padding:85px 38px 0 38px;
	text-align:center;
	line-height:20px;
	margin-right:95px;
	}
.fifthLine ul li .icons {
	display:block;
	position:absolute;
	top:30px; left:113px;
	width:50px; height:50px;
	background:url(../images/icons_fifthLine_01.png) no-repeat;
	}
.fifthLine ul li .icons-1 {
	background-position:0 0;
	}
.fifthLine ul li .icons-2 {
	background-position:-73px 0;
	}
.fifthLine ul li .icons-3 {
	background-position:-142px 0;
	}
.fifthLine ul li .title {
	font-size:14px;
	color:#003e7e;
	line-height:24px;
	font-weight:bold;
	}
.fifthLine ul li .num {
	display:inline-block;
	width:18px; height:18px; line-height:18px;
	text-align:center;
	background:#0b4c96;
	border-radius:50%;
	color:#ffffff;
	margin-right:8px;
	}
.fifthLine ul li .downloadBtn {
	display:inline-block;
	width:108px; height:28px; line-height:28px;
	background:url(../images/4g_4_22.png) repeat-x left top;
	color:#ffffff;
	margin-top:5px;
	}
.fifthLine ul li .arrowBtn {
	display:inline-block;
	width:0; height:0;
	border: 5px solid transparent;
    border-left: 10px solid #ffffff;
	margin-left:5px;
	}
.titleBlue {
	font-size:18px; color:#6ab3ff;
	padding-bottom:10px;
	}
.white { color:#ffffff;}

.sixthLine {
	margin-top:60px;
	margin-bottom:60px;
	text-align:center;
	}
.sixthLine ul li {
	display:inline-block;
	position:relative;
	float:left;
	width:310px;
	height:283px;
	margin-right:30px;
	text-align:left;
	}
.sixthLine .buyBtn {
	display:block;
	position:absolute;
	left:0; bottom:0;
	}
.sixthLine .title {
	font-size:14px; color:#003e7e;
	padding-top:15px; padding-bottom:10px;
	}
.footer { height:20px; padding:15px 0;}
.footer ul li {
	float:left;
	height:20px; line-height:20px;
	color:#999999;
	margin:0 4px;
	}
	
.w1000 {width:1000px;}
.banner{position: relative;width: 100%; min-width: 1000px;;height: 428px;background: url(../images/mobileportal_01.jpg) top center no-repeat;}
.banner img {margin: 0 auto;position: relative;width: 100%;height: 100%;}
.pic {height:380px;padding:60px 0 30px 0; background:#f1f1f1;}
.pic_title {font-size:24px; color:#212121;margin-bottom:20px;}
.pic img {margin-right:12px;}
.bannerBtn{display: block;
	width: 230px;
	height: 65px;
	position: absolute;
	top: 296px;
	left: 50%;
	margin-left: 143px;
	background: url(../images/mobileportal_btn.png) 0 no-repeat;}
.download {height:170px;padding:60px 0 30px 0; background:#fff;}
.download_title {font-size:24px; color:#212121;margin-bottom:20px;}
.download ul li { float:left;padding: 0 80px 0 0px;}
.download ul li:last-child { float:left;padding: 0 22px 0 0;}
.download img {margin-right:12px;margin-bottom: 5px}

.how{height:190px;padding:60px 0; background:#f1f1f1;}
.how_title {font-size:24px; color:#212121;margin-bottom:10px;}
.how ul li { float:left;padding: 0 10px 0 0px;max-width: 239px}
.how ul li h3{font-size: 18px;color: #0270d1;line-height: 40px;font-weight: normal;text-align: left;}
.how ul li img{margin: 45px 30px;}