/* 产品功能页面样式 */
.g-container {
	padding-top:0
}
.g-header.fixed .g-header-navbar.product {
	top: -32px;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}

.g-header.fixed .g-header-loginbar {
	border-bottom: 1px solid #ECEFF4
}

.g-header.fixed .g-header-loginbar.product {
	background: #fff;
	top: 0px;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}
.g-banner {
	height:500px
}
.g-banner .g-banner-bg {
	 width:100%;
	 height:100%;
	 padding-top:190px;
	 background-image:url("../images/banner_product.png");
	 background-repeat:no-repeat;
	 background-position:center top;
	 -webkit-background-size:1920px 500px;
	 -moz-background-size:1920px 500px;
	 background-size:1920px 500px;
	 background-color:#F7F9FC
}
.g-banner h2 {
	 line-height:56px;
	 color:#111F33;
	 font-weight:500;
	 font-size:40px;
	 text-align:center
}
.g-banner .js-free-use {
	 display:block;
	 width:220px;
	 height:44px;
	 line-height:44px;
	 background:#2373FF;
	 -webkit-border-radius:45px;
	 -moz-border-radius:45px;
	 border-radius:45px;
	 text-align:center;
	 font-size:16px;
	 letter-spacing:-0.336px;
	 color:#FFFFFF;
	 margin:27px auto 0
}
.g-banner .js-free-use:hover {
	background:#4888FA
}
.g-content .g-content-header {
	background:#ECEFF4
}
.g-content .g-content-header ul {
	 width:900px;
	 margin:0 auto
}
.g-content .g-content-header ul li {
	 width:100px;
	 margin-right:100px;
	 height:60px;
	 float:left;
	 position:relative
}
.g-content .g-content-header ul li:last-child {
	margin-right:0
}
.g-content .g-content-header ul li.active::after,
.g-content .g-content-header ul li:hover::after {
	 width:100%;
	 height:4px;
	 background:#236DEF;
	 -webkit-border-radius:2px;
	 -moz-border-radius:2px;
	 border-radius:2px;
	 content:'';
	 position:absolute;
	 bottom:0;
	 left:0
}
.g-content .g-content-header ul li a {
	 font-weight:600;
	 font-size:18px;
	 padding-left:28px;
	 line-height:58px;
	 display:block
}
.g-content .g-content-header ul li.icon-1 {
	background: url('../images/product_1.png') no-repeat left 17px;
	-webkit-background-size:24px 24px;
	-moz-background-size:24px 24px;
	background-size:24px 24px
}
.g-content .g-content-header ul li.icon-1 a {
	color:#676C73
}
.g-content .g-content-header ul li.icon-1:hover,
.g-content .g-content-header ul li.icon-1.active {
	background: url('../images/product_2.png') no-repeat left 17px;
	 -webkit-background-size:24px 24px;
	 -moz-background-size:24px 24px;
	 background-size:24px 24px
}
.g-content .g-content-header ul li.icon-1:hover a,
.g-content .g-content-header ul li.icon-1.active a {
	color:#111F33
}
.g-content .g-content-header ul li.icon-2 {
	background: url('../images/product_3.png') no-repeat left 17px;
	 -webkit-background-size:24px 24px;
	 -moz-background-size:24px 24px;
	 background-size:24px 24px
}
.g-content .g-content-header ul li.icon-2 a {
	color:#676C73
}
.g-content .g-content-header ul li.icon-2:hover,
.g-content .g-content-header ul li.icon-2.active {
	background: url('../images/product_4.png') no-repeat left 17px;
	 -webkit-background-size:24px 24px;
	 -moz-background-size:24px 24px;
	 background-size:24px 24px
}
.g-content .g-content-header ul li.icon-2:hover a,
.g-content .g-content-header ul li.icon-2.active a {
	color:#111F33
}
.g-content .g-content-header ul li.icon-3 {
	background: url('../images/product_5.png') no-repeat left 17px;
	 -webkit-background-size:24px 24px;
	 -moz-background-size:24px 24px;
	 background-size:24px 24px
}
.g-content .g-content-header ul li.icon-3 a {
	color:#676C73
}
.g-content .g-content-header ul li.icon-3:hover,
.g-content .g-content-header ul li.icon-3.active {
	background: url('../images/product_6.png') no-repeat left 17px;
	 -webkit-background-size:24px 24px;
	 -moz-background-size:24px 24px;
	 background-size:24px 24px
}
.g-content .g-content-header ul li.icon-3:hover a,
.g-content .g-content-header ul li.icon-3.active a {
	color:#111F33
}
.g-content .g-content-header ul li.icon-4 {
	background: url('../images/product_7.png') no-repeat left 17px;
	 -webkit-background-size:24px 24px;
	 -moz-background-size:24px 24px;
	 background-size:24px 24px
}
.g-content .g-content-header ul li.icon-4 a {
	color:#676C73
}
.g-content .g-content-header ul li.icon-4:hover,
.g-content .g-content-header ul li.icon-4.active {
	background: url('../images/product_8.png') no-repeat left 17px;
	 -webkit-background-size:24px 24px;
	 -moz-background-size:24px 24px;
	 background-size:24px 24px
}
.g-content .g-content-header ul li.icon-4:hover a,
.g-content .g-content-header ul li.icon-4.active a {
	color:#111F33
}
.g-content .g-content-header ul li.icon-5 {
	background: url('../images/product_9.png') no-repeat left 17px;
	 -webkit-background-size:24px 24px;
	 -moz-background-size:24px 24px;
	 background-size:24px 24px
}
.g-content .g-content-header ul li.icon-5 a {
 color:#676C73
}
.g-content .g-content-header ul li.icon-5:hover,
.g-content .g-content-header ul li.icon-5.active {
	background: url('../images/product_10.png') no-repeat left 17px;
	 -webkit-background-size:24px 24px;
	 -moz-background-size:24px 24px;
	 background-size:24px 24px
}
.g-content .g-content-header ul li.icon-5:hover a,
.g-content .g-content-header ul li.icon-5.active a {
	color:#111F33
}
.g-content .g-content-body h2 {
	 font-weight:500;
	 font-size:32px;
	 line-height:45px;
	 text-align:center;
	 color:#111F33
}
.g-content .g-content-body ul {
	margin-top:40px
}
.g-content .g-content-body ul li {
	 background:#FFFFFF;
	 -webkit-box-shadow:0px 9px 36px rgba(47,56,111,0.1);
	 -moz-box-shadow:0px 9px 36px rgba(47,56,111,0.1);
	 box-shadow:0px 9px 36px rgba(47,56,111,0.1);
	 -webkit-border-radius:10px;
	 -moz-border-radius:10px;
	 border-radius:10px;
	 width:280px;
	 height:200px;
	 padding:16px 20px 0;
	 float:left;
	 margin-right:20px;
	 margin-bottom:20px
}
.g-content .g-content-body ul li:nth-child(4n) {
	margin-right:0
}
.g-content .g-content-body ul li i {
	 display:block;
	 width:56px;
	 height:56px;
	 -webkit-border-radius:50%;
	 -moz-border-radius:50%;
	 border-radius:50%
}
.g-content .g-content-body ul li h3 {
	 font-weight:500;
	 font-size:18px;
	 line-height:25px;
	 color:#111F33;
	 margin-top:20px
}
.g-content .g-content-body ul li p {
	 font-weight:normal;
	 font-size:14px;
	 line-height:20px;
	 color:#676C73;
	 margin-top:8px
}
.g-content .g-content-body .email-controls {
	padding:50px 0 60px
}
.g-content .g-content-body .email-controls .icon-1 i {
	background: url('../images/product_11.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-controls .icon-2 i {
	background: url('../images/product_12.png') no-repeat left top;	 
	-webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-controls .icon-3 i {
	background: url('../images/product_13.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-controls .icon-4 i {
	background: url('../images/product_14.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-controls .icon-5 i {
	background: url('../images/product_15.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-controls .icon-6 i {
	background: url('../images/product_16.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-controls .icon-7 i {
	background: url('../images/product_17.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-controls .icon-8 i {
	background: url('../images/product_18.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-controls .icon-9 i {
	background: url('../images/product_19.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-controls .icon-10 i {
	background: url('../images/product_20.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-controls .icon-11 i {
	background: url('../images/product_21.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-controls .icon-12 i {
	background: url('../images/product_22.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-send-receive {
	 padding:50px 0 51px;
	 background:#F8F9FB url("../images/bg-email-send-receive.png") no-repeat top center
}
.g-content .g-content-body .email-send-receive .icon-1 i {
	background: url('../images/product_37.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-send-receive .icon-2 i {
	background: url('../images/product_36.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-send-receive .icon-3 i {
	background: url('../images/product_35.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-send-receive .icon-4 i {
	background: url('../images/product_34.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-send-receive .icon-5 i {
	background: url('../images/product_33.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-send-receive .icon-6 i {
	background: url('../images/product_32.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-send-receive .icon-7 i {
	background: url('../images/product_31.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-send-receive .icon-8 i {
	background: url('../images/product_30.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-send-receive .icon-9 i {
	background: url('../images/product_29.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-send-receive .icon-10 i {
	background: url('../images/product_28.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-send-receive .icon-11 i {
	background: url('../images/product_27.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-send-receive .icon-12 i {
	background: url('../images/product_26.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-send-receive .icon-13 i {
	background: url('../images/product_25.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-send-receive .icon-14 i {
	background: url('../images/product_24.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-send-receive .icon-15 i {
	background: url('../images/product_23.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-send-receive .icon-16 i {
	background: url('../images/product_38.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-security {
	padding:50px 0 60px
}
.g-content .g-content-body .email-security .icon-1 i {
	background: url('../images/product_39.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-security .icon-2 i {
	background: url('../images/product_40.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-security .icon-3 i {
	background: url('../images/product_41.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-security .icon-4 i {
	background: url('../images/product_42.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-security .icon-5 i {
	background: url('../images/product_43.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-security .icon-6 i {
	background: url('../images/product_44.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-security .icon-7 i {
	background: url('../images/product_45.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-security .icon-8 i {
	background: url('../images/product_46.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-security .icon-9 i {
	background: url('../images/product_47.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-security .icon-10 i {
	background: url('../images/product_48.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-security .icon-11 i {
	background: url('../images/product_49.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .email-security .icon-12 i {
	background: url('../images/product_50.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .mobile-office {
 padding:50px 0 70px;
 background:#F8F9FB url("../images/bg-mobile-office.png") no-repeat top center
}
.g-content .g-content-body .mobile-office .icon-1 i {
	background: url('../images/product_52.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .mobile-office .icon-2 i {
	background: url('../images/product_53.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .mobile-office .icon-3 i {
	background: url('../images/product_51.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .mobile-office .icon-4 i {
	background: url('../images/product_54.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .personality-customization {
 padding:50px 0 80px
}
.g-content .g-content-body .personality-customization .icon-1 i {
	background: url('../images/product_55.png') no-repeat left top;
	-webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .personality-customization .icon-2 i {
	background: url('../images/product_56.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .personality-customization .icon-3 i {
	background: url('../images/product_57.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-body .personality-customization .icon-4 i {
	background: url('../images/product_58.png') no-repeat left top;
	 -webkit-background-size:56px 56px;
	 -moz-background-size:56px 56px;
	 background-size:56px 56px
}
.g-content .g-content-footer {
	 height:250px;
	 background:-webkit-radial-gradient(48.33% 2.4%, 33.4% 90.9%, #42A3FD 0%, #0042C1 100%);
	 background:-moz-radial-gradient(48.33% 2.4%, 33.4% 90.9%, #42A3FD 0%, #0042C1 100%);
	 background:-o-radial-gradient(48.33% 2.4%, 33.4% 90.9%, #42A3FD 0%, #0042C1 100%);
	 background:radial-gradient(33.4% 90.9% at 48.33% 2.4%, #42A3FD 0%, #0042C1 100%);
	 padding-top:80px
}
.g-content .g-content-footer h2 {
	 font-weight:500;
	 font-size:26px;
	 line-height:36px;
	 text-align:center;
	 color:#FFFFFF
}
.g-content .g-content-footer a {
	 display:block;
	 width:200px;
	 height:40px;
	 line-height:40px;
	 text-align:center;
	 background:#fff;
	 color:#236DEF;
	 font-size:14px;
	 -webkit-border-radius:20px;
	 -moz-border-radius:20px;
	 border-radius:20px;
	 margin:42px auto 0
}
.g-content.is-scroll {
	padding-top:60px
}
.g-content.is-scroll .g-content-header {
	 position:fixed;
	 top:0;
	 left:0;
	 right:0
}