/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.clearfix {
    clear: both;
}
body {
    font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";
}
.header-wrap {
	z-index:9999;
	top:0;
	width:100%;
	background-color:#fff;
	position: fixed;
	height:61px;
	border-bottom:1px solid #ddd;
}

.header {
    background-color: #fff;
    height: 60px;
    width: 1200px;
    margin: 0 auto;
}
.header .logo {
    margin-top: 8px;
    width: 240px;
    float: left;
}
.header .link {
    font-size: 20px;
    color: #3395ff;
    line-height: 60px;
    width: 78px;
    float: left;
}
.header .rtip {
	float: right;
	color:#333;
	font-size:14px;
	line-height:52px;
	width:130px;
	text-align: right;
	padding-top:8px;
}

.header .link a {
    font-size:20px;
    color: #333;
    text-decoration: none;
}
.header .link a:hover {
    color: #3395ff;
}

.header .slink {
    font-size: 20px;
    color: #333;
    line-height: 60px;
    width: 100px;
    float: left;
    cursor: default;
}
.header .slink:hover {
    color: #3395ff;
}
.header .solutionlist {
    position: absolute;
    background: #f7f7f7;
    z-index: 99999;
    border: 1px solid #eee;
    width: 242px;
    overflow: hidden;
}
.header .productlist {
	width:272px;
}
.header .solutionlist .sleft {
    float: left;
    width: 120px;
}
.header .productlist .sleft {
	width:135px;
}
.header .solutionlist .sright {
    float: right;
    text-align: left;
    width: 120px;
}
.header .productlist .sright {
	width:135px;
}
.header .solutionlist ul {
    padding-left: 0px;
    margin-left: 15px;
}
.header .solutionlist ul li {
    line-height: 45px;
    font-size: 16px;
    color: #333;
    list-style-type:none;
}
.header .solutionlist ul li a {
    color: #666;
}
.header .solutionlist ul li a:hover {
    color: #3395ff;
    text-decoration: none;
}
.header .current {
    color: #3395ff;
}

.header .rtip2 {
	display: none;
}

.index-slide {
	margin-top:60px;
    width: 100%;
    min-width: 1200px;
    height: 500px;
    background-color: #f2f2f2;
    overflow: hidden;
	background: url(img/banner99.jpg) no-repeat center;
}
.index-slide .center {
	margin: 0 auto;
	width: 1130px;
	height:500px;
}
.index-slide .center .t1{
	font-size:38px;
	color:#fff;
	margin-top:130px;
	width:550px;
}
.index-slide .center .t2{
	font-size:20px;
	color:#fff;
	margin-top:62px;
	width:520px;
	line-height:34px;
}
.index-slide .center .t3{
	margin-top:76px;
	overflow: hidden;
}
.index-slide .center .t3 a {
	display:block;
	width:120px;
	height:38px;
	float:left;
	margin-right:40px;
	border:1px solid #f2f2f2;
	border-radius: 3px;
	background:#f2f2f2;
	text-align:center;
	font-size:16px;
	line-height:36px;
	text-decoration:none;
}
.index-title {
    width: 1200px;
    height: 120px;
	padding-top:10px;
    line-height: 110px;
    text-align: center;
    margin: 10px auto 0 auto;
    font-size: 34px;
    font-weight: 300;
}
.index-c1 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.index-c1 .item {
    width: 400px;
    height: 200px;
    text-align: center;
    float: left;
    overflow: hidden;
    margin-bottom: 15px;
}
.index-c1 .item .title {
    font-size: 24px;
    color: #555;
}
.index-c1 .item .info {
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    color: #666;
    text-align: left;
}

.index-n1 {
    width: 1200px;
    margin: 15px auto 0 auto;
    overflow: hidden;
}
.index-n1 .item {
    width: 200px;
    height: 190px;
    text-align: center;
    float: left;
    overflow: hidden;
}

.index-n1 .item .title {
    font-size: 18px;
    color: #555;
    margin-top: 16px;
}

.index-title2 {
    width: 100%;
    min-width: 1200px;
    height: 140px;
    line-height: 140px;
    text-align: center;
    font-size: 34px;
    font-weight: 300;
    background-color: #f6fafd;
}

.index-title4 {
    width: 100%;
    min-width: 1200px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    font-size: 34px;
    font-weight: 300;
    background-color: #f6fafd;
}

.index-div {
    background-color: #f6fafd;
    width: 100%;
}

.index-c2 {
    overflow: hidden;
    width: 1220px;
    margin: 0 auto;
    padding-bottom: 30px;
    background-color: #f6fafd;
}
.index-c2 .item {
    float: left;
    width: 385px;
    height: 100px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 40px;
    border: 1px solid #ccc;
}

.index-c2 .item .logo {
    width: 98px;
    height: 98px;
    background: #fff;
    float: left;
    border-right: 1px solid #ccc;
}
.index-c2 .item .content {
    width: 285px;
    height: 98px;
    float: left;
}
.index-c2 .item .title {
    font-size: 20px;
    line-height: 40px;
    margin-left: 10px;
}
.index-c2 .item .info {
    color: #666;
    padding-left: 10px;
    padding-right: 5px;
}

.index-c4 {
    width: 1200px;
    margin: 0 auto 50px auto;
    overflow: hidden;

}

.index-c4 a:hover {
    text-decoration: none;
}


.img-gray2 {
	background-color:#fff;
	opacity:0.1;
    -moz-opacity:0.1;
	filter: alpha(opacity=1);
}
.img-hover {
	background-color:#017ffd;
	opacity:0.6;
    -moz-opacity:0.6;
	filter: alpha(opacity=60);
}

.index-c4 a {
	 -webkit-filter: grayscale(0%);
	 text-shadow: 5px 5px 15px #000;
}
.index-c4 .hascolor {
	 -webkit-filter: grayscale(0%);
}

.index-c4 .item1 {
    display: block;
    width: 221px;
    height: 134px;
    float: left;
    background: url(img/case2/3.png) no-repeat;
    margin-top: 0px;
    text-align: center;
    color: #fff;
    line-height: 134px;
    font-size: 32px;
    position: relative;
}

.index-c4 .item1 .img-mask {
    position: absolute;
    filter: alpha(opacity=35);
    background-color: #1f9fff;
    z-index: 0;
    opacity:0.51;
    -moz-opacity:0.51;
    width: 221px;
    height: 134px;
    top:0;
    left:0;
    display: block;
}

.index-c4 .item1 .title-c4 {
    position: absolute;
    z-index: 999;
    width: 221px;
    height: 134px;
    text-align: center;
    line-height: 120px;
}

.index-c4 .item2 {
    display: block;
    width: 230px;
    height: 134px;
    float: left;
    background: url(img/case2/13.png) no-repeat;
    margin-top: 0px;
    margin-left: 0px;
    text-align: center;
    color: #fff;
    line-height: 134px;
    font-size: 32px;
    position: relative;
}

.index-c4 .item2 .img-mask {
    position: absolute;
    filter: alpha(opacity=35);
    background-color: #1f9fff;
    z-index: 0;
    opacity:0.51;
    -moz-opacity:0.51;
    width: 230px;
    height: 134px;
    top:0;
    left:0;
    display: block;
}

.index-c4 .item2 .title-c4 {
    position: absolute;
    z-index: 999;
    width: 230px;
    height: 134px;
    text-align: center;
    line-height: 120px;
}

.index-c4 .item3 {
    display: block;
    width: 261px;
    height: 134px;
    float: left;
    background: url(img/case2/10.png) no-repeat;
    margin-top: 0px;
    margin-left: 0px;
    text-align: center;
    color: #fff;
    line-height: 134px;
    font-size: 32px;
    position: relative;
}

.index-c4 .item3 .img-mask {
    position: absolute;
    filter: alpha(opacity=35);
    background-color: #1f9fff;
    z-index: 0;
    opacity:0.51;
    -moz-opacity:0.51;
    width: 261px;
    height: 134px;
    top:0;
    left:0;
    display: block;
}

.index-c4 .item3 .title-c4 {
    position: absolute;
    z-index: 999;
    width: 261px;
    height: 134px;
    text-align: center;
    line-height: 120px;
}

.index-c4 .item4 {
    display: block;
    width: 229px;
    height: 134px;
    float: left;
    background: url(img/case2/5.png) no-repeat;
    margin-top: 0px;
    margin-left: 0px;
    text-align: center;
    color: #fff;
    line-height: 134px;
    font-size: 32px;
    position: relative;
}

.index-c4 .item4 .img-mask {
    position: absolute;
    filter: alpha(opacity=35);
    background-color: #1f9fff;
    z-index: 0;
    opacity:0.51;
    -moz-opacity:0.35;
    width: 229px;
    height: 134px;
    top:0;
    left:0;
    display: block;
}

.index-c4 .item4 .title-c4 {
    position: absolute;
    z-index: 999;
    width: 229px;
    height: 134px;
    text-align: center;
    line-height: 120px;
}

.index-c4 .item5 {
    display: block;
    width: 259px;
    height: 134px;
    float: left;
    background: url(img/case2/2.png) no-repeat;
    margin-top: 0px;
    text-align: center;
    color: #fff;
    line-height: 134px;
    font-size: 32px;
    position: relative;
}

.index-c4 .item5 .img-mask {
    position: absolute;
    filter: alpha(opacity=35);
    background-color: #1f9fff;
    z-index: 0;
    opacity:0.51;
    -moz-opacity:0.35;
    width: 259px;
    height: 134px;
    top:0;
    left:0;
    display: block;
}

.index-c4 .item5 .title-c4 {
    position: absolute;
    z-index: 999;
    width: 259px;
    height: 134px;
    text-align: center;
    line-height: 120px;
}

.index-c4 .item6 {
    display: block;
    width: 271px;
    height: 115px;
    float: left;
    background: url(img/case2/12.png) no-repeat;
    margin-top: 0px;
    margin-left: 0px;
    text-align: center;
    color: #fff;
    line-height: 115px;
    font-size: 32px;
    position: relative;
}

.index-c4 .item6 .img-mask {
    position: absolute;
    filter: alpha(opacity=35);
    background-color: #1f9fff;
    z-index: 0;
    opacity:0.51;
    -moz-opacity:0.35;
    width: 271px;
    height: 115px;
    top:0;
    left:0;
    display: block;
}

.index-c4 .item6 .title-c4 {
    position: absolute;
    z-index: 999;
    width: 271px;
    height: 115px;
    text-align: center;
    line-height: 120px;
}

.index-c4 .item7 {
    display: block;
    width: 317px;
    height: 115px;
    float: left;
    background: url(img/case2/1.png) no-repeat;
    margin-top: 0px;
    margin-left: 0px;
    text-align: center;
    color: #fff;
    line-height: 115px;
    font-size: 32px;
    position: relative;
}

.index-c4 .item7 .img-mask {
    position: absolute;
    filter: alpha(opacity=35);
    background-color: #1f9fff;
    z-index: 0;
    opacity:0.51;
    -moz-opacity:0.35;
    width: 317px;
    height: 115px;
    top:0;
    left:0;
    display: block;
}

.index-c4 .item7 .title-c4 {
    position: absolute;
    z-index: 999;
    width: 317px;
    height: 115px;
    text-align: center;
    line-height: 120px;
}

.index-c4 .item8 {
    display: block;
    width: 309px;
    height: 115px;
    float: left;
    background: url(img/case2/11.png) no-repeat;
    margin-top: 0px;
    text-align: center;
    color: #fff;
    line-height: 115px;
    font-size: 32px;
    position: relative;
}

.index-c4 .item8 .img-mask {
    position: absolute;
    filter: alpha(opacity=35);
    background-color: #1f9fff;
    z-index: 0;
    opacity:0.51;
    -moz-opacity:0.35;
    width: 309px;
    height: 115px;
    top:0;
    left:0;
    display: block;
}

.index-c4 .item8 .title-c4 {
    position: absolute;
    z-index: 999;
    width: 309px;
    height: 115px;
    text-align: center;
    line-height: 120px;
}

.index-c4 .item9 {
    display: block;
    width: 303px;
    height: 115px;
    float: left;
    background: url(img/case2/9.png) no-repeat;
    margin-top: 0px;
    margin-left: 0px;
    text-align: center;
    color: #fff;
    line-height: 115px;
    font-size: 32px;
    position: relative;
}

.index-c4 .item9 .img-mask {
    position: absolute;
    filter: alpha(opacity=35);
    background-color: #1f9fff;
    z-index: 0;
    opacity:0.51;
    -moz-opacity:0.35;
    width: 303px;
    height: 115px;
    top:0;
    left:0;
    display: block;
}

.index-c4 .item9 .title-c4 {
    position: absolute;
    z-index: 999;
    width: 303px;
    height: 115px;
    text-align: center;
    line-height: 120px;
}


.index-c4 .item10 {
    display: block;
    width: 273px;
    height: 131px;
    float: left;
    background: url(img/case2/4.png) no-repeat;
    margin-top: 0px;
    margin-left: 0px;
    text-align: center;
    color: #fff;
    line-height: 131px;
    font-size: 32px;
    position: relative;
}

.index-c4 .item10 .img-mask {
    position: absolute;
    filter: alpha(opacity=35);
    background-color: #1f9fff;
    z-index: 0;
    opacity:0.51;
    -moz-opacity:0.35;
    width: 273px;
    height: 131px;
    top:0;
    left:0;
    display: block;
}

.index-c4 .item10 .title-c4 {
    position: absolute;
    z-index: 999;
    width: 273px;
    height: 131px;
    text-align: center;
    line-height: 120px;
}

.index-c4 .item11 {
    display: block;
    width: 221px;
    height: 131px;
    float: left;
    background: url(img/case2/14.png) no-repeat;
    margin-top: 0px;
    margin-left: 0px;
    text-align: center;
    color: #fff;
    line-height: 131px;
    font-size: 32px;
    position: relative;
}
.index-c4 .item11 .img-mask {
    position: absolute;
    filter: alpha(opacity=35);
    background-color: #1f9fff;
    z-index: 0;
    opacity:0.51;
    -moz-opacity:0.35;
    width: 221px;
    height: 131px;
    top:0;
    left:0;
    display: block;
}

.index-c4 .item11 .title-c4 {
    position: absolute;
    z-index: 999;
    width: 221px;
    height: 131px;
    text-align: center;
    line-height: 120px;
}

.index-c4 .item12 {
    display: block;
    width: 225px;
    height: 131px;
    float: left;
    background: url(img/case2/6.png) no-repeat;
    margin-top: 0px;
    margin-left: 0px;
    text-align: center;
    color: #fff;
    line-height: 131px;
    font-size: 32px;
    position: relative;
}
.index-c4 .item12 .img-mask {
    position: absolute;
    filter: alpha(opacity=35);
    background-color: #1f9fff;
    z-index: 0;
    opacity:0.51;
    -moz-opacity:0.35;
    width: 225px;
    height: 131px;
    top:0;
    left:0;
    display: block;
}

.index-c4 .item12 .title-c4 {
    position: absolute;
    z-index: 999;
    width: 225px;
    height: 131px;
    text-align: center;
    line-height: 120px;
}
.index-c4 .item13 {
    display: block;
    width: 240px;
    height: 131px;
    float: left;
    background: url(img/case2/7.png) no-repeat;
    margin-top: 0px;
    margin-left: 0px;
    text-align: center;
    color: #fff;
    line-height: 131px;
    font-size: 32px;
    position: relative;
}
.index-c4 .item13 .img-mask {
    position: absolute;
    filter: alpha(opacity=35);
    background-color: #1f9fff;
    z-index: 0;
    opacity:0.51;
    -moz-opacity:0.51;
    width: 240px;
    height: 131px;
    top:0;
    left:0;
    display: block;
}

.index-c4 .item13 .title-c4 {
    position: absolute;
    z-index: 999;
    width: 240px;
    height: 131px;
    text-align: center;
    line-height: 120px;
}
.index-c4 .item14 {
    display: block;
    width: 241px;
    height: 131px;
    float: left;
    background: url(img/case2/8.png) no-repeat;
    margin-top: 0px;
    margin-left: 0px;
    text-align: center;
    color: #fff;
    line-height: 131px;
    font-size: 32px;
    position: relative;
}
.index-c4 .item14 .img-mask {
    position: absolute;
    filter: alpha(opacity=35);
    background-color: #1f9fff;
    z-index: 0;
    opacity:0.55;
    -moz-opacity:0.55;
    width: 241px;
    height: 131px;
    top:0;
    left:0;
    display: block;
}

.index-c4 .item14 .title-c4 {
    position: absolute;
    z-index: 999;
    width: 241px;
    height: 131px;
    text-align: center;
    line-height: 120px;
}



.index-c3 {
    width: 100%;
    min-width: 1200px;
    text-align: center;
    height:240px;

    margin-top: 0px;
    overflow: hidden;
}
.index-c3 a {
    display: block;
    width: 155px;
    height: 46px;
    text-align: center;
    font-size: 18px;
    margin: 0px auto;
    line-height: 46px;
    color: #fff;
    background: #1ba6ff;
    border-radius:5px;
    border: 0px solid #ccc;
}

.index-c3 a:hover {
    text-decoration: none;
    background-color: #0089e1;
}

.index-c3 h3 {
    margin-top: 0px;
    line-height: 120px;
    color:#333;
    font-size: 30px;
    font-weight: 300;
}

.index-c6 {
	width:1200px;
	margin: 0 auto;
	padding-bottom: 30px;
	overflow: hidden;
	height:402px;
	position: relative;
}

.index-c6 .container6 {
	width: 1200px;
	height:362px;
	position: absolute;
	overflow: hidden;
}

.index-c6 img {
	border: 1px solid #ccc;
	display: block;
	float: left;
	margin-right: 22px;
	margin-bottom: 22px;
}
.index-c6 .right {
	margin-right: 0px;
}

.index-tip {
	margin:373px auto;
	width:86px;
	height:22px;
}
.index-tip .item {
	float:left;
	margin-left:7px;
	margin-right:7px;
	width:12px;
	height:12px;
	border-radius:6px;
	background:#ccc;
	cursor:pointer;
}
.index-tip .current {
	background:#82c900;
	cursor:default;
}

.index-c8 {
    margin: 10px auto 30px auto;
    padding-top: 30px;
    width: 1200px;
    overflow: hidden;
}
.index-c8 p {
    line-height: 24px;
}
.index-c8 p a {
    font-size: 16px;
    color: #333;
    text-decoration: none;
}
.index-c8 p a:hover {
    text-decoration: underline;
}
.index-c8 .item1 {
    width: 380px;
    float: left;
    height: 400px;
}
.index-c8 .item1 .title {
    font-size: 20px;
    line-height: 46px;
    background: url(./img/ti3.png) no-repeat 3px center;
    text-indent: 40px;
    border-bottom: 1px solid #ccc;
    width: 200px;
    margin-bottom: 15px;
}
.index-c8 .item1 .title a {
    font-size: 20px;
}
.index-c8 .item2 {
    width: 380px;
    float: left;
    height: 400px;
    margin-left: 30px;
}
.index-c8 .item2 .title {
    font-size: 20px;
    line-height: 46px;
    background: url(./img/ti2.png) no-repeat 3px center;
    text-indent: 40px;
    border-bottom: 1px solid #ccc;
    width: 200px;
    margin-bottom: 15px;
}
.index-c8 .item2 .title a {
    font-size: 20px;
}
.index-c8 .item3 {
    width: 380px;
    float: left;
    height: 400px;
    margin-left: 30px;
}
.index-c8 .item3 .title {
    font-size: 20px;
    line-height: 46px;
    background: url(./img/ti1.png) no-repeat 3px center;
    text-indent: 40px;
    border-bottom: 1px solid #ccc;
    width: 200px;
    margin-bottom: 15px;
}
.index-c8 .item3 .title a {
    font-size: 20px;
}
.page-banner {
    background: #ccc;
    width: 100%;
    min-width: 1200px;
    height: 220px;
    margin-bottom: 20px;
    overflow: hidden;
	margin-top:60px;
}
.page-banner .content {
    height: 220px;
    line-height: 220px;
    color: #fff;
    font-size: 40px;
    text-align: center;
}
.page-banner .content7 {
    height: 220px;
    margin: 0 auto;
	width:1140px;
}
.page-banner .content7 .txt {
    font-size:20px;
	color:#fff;
	width:940px;
	line-height:30px;
	font-weight:500;
}
.page-banner .content7 h3 {
    font-size:34px;
	color:#fff;
	margin-top:30px;
	line-height:60px;
	font-weight:500;
}
.banner1 {
    background: url(img/b1.jpg) no-repeat center;
}
.banner2 {
    background: url(img/b2.jpg) no-repeat center;
}

.banner3 {
    background: url(img/b3.png) no-repeat center;
}

.banner4 {
    background: url(img/b4.png) no-repeat center;
}
.banner5 {
    background: url(img/b5.jpg) no-repeat center;
}
.banner71 {
    background: url(img/sb1.png) no-repeat center;
}
.page-banner .content2 {
    color: #fff;
    font-size: 40px;
    text-align: center;
    margin-top: 60px;
}
.page-banner .content2 .note {
    font-size:18px;
    color: #fff;
}

.page-c {
    margin: 65px auto 45px auto;
    width: 1200px;
    overflow: hidden;
}
.page-c .img {
    float: left;
    width: 600px;
    height: 280px;
}
.page-c .txt {
    float: left;
    width: 600px;
    height: 280px;
}
.page-c .txt .title {
    line-height: 50px;
    font-size: 24px;
    text-align: center;
}
.page-c .txt .info {
    font-size:16px;
    color: #666;
    text-indent: 32px;
    padding: 5px 15px 0 15px;
}
.page-div {
    width: 100%;
    min-width:1200px;
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}

.page-div2 {
    width: 100%;
    min-width: 1200px;
    background-color: #f6fafd;
    padding-top: 15px;
    padding-bottom: 15px;
}
.page-div2 .page-c .img {
    text-align: right;
}

.page-sales-c {
    margin: 0 auto;
    width: 1010px;
    overflow: hidden;
    padding-bottom: 20px;
    text-align: center;
    color: #333;
}

.page-sales-c2 {
    margin: 40px auto 40px auto;
    width: 1200px;
}
.page-sales-c2 .title {
    font-size:28px;
    line-height: 40px;
    color: #333;
    text-align: center;
}

.page-sales-c2 .info {
    text-align: center;
    font-size:16px;
    margin-top: 16px;
    line-height: 22px;
}

.help-div {
    margin: 0 auto;
    width: 1200px;
    overflow: hidden;
}
.page-banner3 {
    background: url(banner-image.png) repeat-x;
    width: 100%;
    height: 220px;
    margin-bottom: 0px;
    overflow: hidden;
}
.page-banner3 .content {
    height: 220px;
    line-height: 220px;
    color: #fff;
    font-size: 40px;
    text-align: center;
}
.help-left {
    float: left;
    width: 250px;
    border-right: 1px solid #ccc;
    margin-bottom:-9000px;
    padding-bottom:9000px;
	
}
.help-left3 {
    position: absolute;
    top: 282px;
    width: 250px;
    border-right: 1px solid #ccc;
    overflow-y: auto;
    bottom:286px;
	
}
.help-right3 {
    margin-left: 251px;
    width: 950px;
    min-height: 700px;
    padding: 3px 0 80px 35px;
    font-size:16px;
    color: #555;
    line-height: 32px;
}
.help-right {
    float: left;
    width: 950px;
    min-height: 700px;
    padding: 3px 0 80px 35px;
    font-size:16px;
    color: #555;
    line-height: 32px;
}
.help-right p {
    line-height: 28px;
}
.help-left ul {
    list-style-type: none;
    margin: 1px 20px 20px 0px;
    padding:  0;
}
.help-left ul li {
    font-size: 16px;
    line-height: 30px;
    text-indent: 40px;
}
.help-left .title {
    line-height:20px;
    border-bottom:1px solid #999;
    font-size:12px;
    color:#888;
    text-indent: 2px;
    margin: 15px 0 10px 0;
}

.help-left ul .current {
    background: #3395ff;
    color: #fff;
}

.c404 {
    text-align: center;
    font-size:18px;
    line-height: 300px;
}

.footer {
    background-color: #2e333f;
    width: 100%;
    min-height: 130px;
}

.footer-c {
    background-color: #2e333f;
    margin: 0px auto;
    width: 1200px;
    overflow: hidden;
    color: #ddd;
    font-size: 14px;
    padding-top: 20px;
    padding-bottom:10px;
}
.footer-c  p {
    margin: 5px auto;
}
.footer-c .item1 img {
    margin-bottom: 8px;
}

.footer-c .item1 {
    width: 630px;
    float: left;
}
.footer-c .item {
    width: 160px;
    float: left;
}
.footer-c .item .title {
    margin-top: 30px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
}
.footer-c .item a {
    color: #ddd;
}
.footer-c .item a:hover {
    text-decoration: underline;
}
.footer-c2 {
    background-color: #2e333f;
    margin: 0 auto;
    width: 1200px;
    padding-top: 15px;
    border-top: 1px solid #555;
    padding-bottom: 30px;
    color: #999;
    text-align: right;
}
.footer-c2 a {
    color:#999;
}

/*免费版*/
.banner6 {
    background: url(img/b6.jpg) no-repeat center;
}
.c-free {
    margin: -10px auto 0 auto;

    width: 1000px;
    overflow: hidden;
    min-height: 400px;
    margin-bottom: 70px;
}

.c-free-c1 {
    margin-top: 30px;
}
.c-free-c1 .title {
    font-size: 26px;
    font-weight: 400;
    line-height: 60px;
    border-bottom: 1px solid #333;
}
.c-free-c1 .info {
    margin-top: 16px;
    font-size: 16px;
    line-height: 30px;

} 
.c-free-c1 .info p {
    text-indent: 32px;
}
.c-free-c1 .client {
    width: 490px;
    float: left;
    margin-top: 20px;
}

.c-free-c1 .client2 {
    width: 490px;
    float: right;
    margin-top: 20px;
}

.c-free-c1 .client .t1, .c-free-c1 .client2 .t1 {
    font-size: 20px;
    font-weight: 500;
    height: 50px;
    overflow: hidden;
}
.c-free-c1 .client .t1 img, .c-free-c1 .client2 .t1 img {
    padding-right: 20px;
    vertical-align: middle;
}
.c-free-c1 .client .t2, .c-free-c1 .client2 .t2 {
    text-indent: 66px;
    margin-bottom: 8px;
}

.c-free-c1 .client3 {
    width: 490px;
    float: left;
    margin-top: 60px;
}

.c-free-c1 .client4 {
    width: 490px;
    float: right;
    margin-top: 60px;
}
.c-free-c1 .client3 .qr, .c-free-c1 .client4 .qr {
    width: 120px;
    height: 108px;
    float: left;
}
.c-free-c1 .client3 .qr img, .c-free-c1 .client4 .qr img {
    background: #f2f2f2;
    padding: 4px;
}

.c-free-c1 .client3 .content, .c-free-c1 .client4 .content {
    float: left;
    width: 350px;
}

.c-free-c1 .client3 .t1, .c-free-c1 .client4 .t1 {
    font-size: 20px;
    font-weight: 500;
    height: 45px;
    overflow: hidden;
}

.c-free-c1 .client3 .t2, .c-free-c1 .client4 .t2 {
    margin-bottom: 8px;
}
.c-free-c1 .ctitle {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 25px;
}
.c-free-c1 .ctxt {
    font-size: 16px;
    text-indent: 32px;
}

/*博客部分*/
.blog-wrap {
    margin: 0px auto;
    width: 1100px;
    overflow: hidden;
    min-height: 400px;
    margin-bottom: 70px;
}
.blog-left {
    width: 730px;
    float: left;
    min-height: 550px;
}
.blog-right {
    width: 340px;
    margin-left: 30px;
    float: left;
}
.blog-left .topnav {
    font-size: 16px;
    color: #555;
    padding-top: 5px;
}
.blog-wrap h3 {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 20px;
}
.blog-date {
    font-size: 14px;
    color: #888;
    margin-bottom: 26px;
}
.blog-content {
    font-size: 16px;
    color: #555;
    margin-bottom: 30px;
    line-height: 28px;
}
.blog-wrap .bline {
    border-bottom: 1px solid #ccc;
    margin-bottom: 50px;
    padding-bottom: 50px;
}
.blog-link {
    font-size: 16px;
    font-weight: 400;
	color:#888;
}
.blog-link a {
    margin-right: 26px;
    color:#337ab7;
}
.widget {
    margin-top: 10px;
}
.widget .widget-title {
    background: #f2f2f2;
    font-size: 20px;
    color: #333;
    line-height: 45px;
    text-indent: 20px;
    margin-bottom: 10px;
}
.widget ul {
    margin: 0 0 0 20px;
    padding: 0;
}
.widget ul li {
    list-style-type:none;
    line-height: 36px;
    font-size: 16px;
    margin: 0;
    padding: 0;
}
.blog-wrap .nav-links {
    font-size: 18px;
    font-weight: 500;
}
.blog-wrap .nav-links a, .blog-wrap .nav-links span {
    margin-right: 18px;
}
.banner7 {
    background: url(img/b7.jpg) no-repeat center;
}

.solution {
    margin: 0 auto;
    width: 1200px;
    overflow: hidden;
}
.solution .title {
    width: 1200px;
    height: 60px;
    line-height: 60px;
    font-size: 28px;

    color: #333;
    text-align: center;
}
.solution .title2 {
    width: 1200px;
    height: 60px;
    line-height: 60px;
    font-size: 28px;
    /*background-color: #f6fafd;*/
    color: #333;
    text-align: center;
    margin-top: 15px;
}

.solution .content1 {
    overflow: hidden;
    margin-top: 25px;
    width: 1200px;
}
.solution .content1 .item {
    float: left;
    width: 570px;
    height: 152px;
    margin-right: 15px;
    margin-bottom: 20px;
}
.solution .content1 .ritem {
    float: right;
    margin-left: 15px;
    margin-right: 0;
}
.solution .content1 .item .icon {
    float: left;
    width: 144px;
    height: 144px;
}
.solution .content1 .item .cwrap {
    float: left;
    margin-left: 15px;
    width: 410px;
    height: 144px;
}
.solution .content1 .item .cwrap .ctitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
    color: #333;
    margin-top: 8px;
}
.solution .content1 .item .cwrap .txt {
    color: #666;
    font-size: 14px;

}
.solution .content2 {
    overflow: hidden;
    padding-top: 25px;
    width: 1200px;
    /*background-color: #f6fafd;*/
}
.solution .content2 .item {
    width: 1200px;
    overflow: hidden;
    margin-bottom: 15px;
}
.solution .content2 .item .icon {
    float: left;
    width: 90px;
    height: 50px;
    font-size: 18px;
    color: #4763b2;
    text-align: center;
    line-height: 50px;
}
.solution .content2 .item .cwrap {
    float: right;
    text-align: left;
    width: 1080px;
    margin-right: 20px;
}
.solution .content2 .item .cwrap .ctitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
    color: #333;
    margin-top: 8px;
}
.solution .content2 .item .cwrap .txt {
    color: #666;
    font-size: 14px;
}
.solution .content3 {
    background: url(img/case_bg.png) no-repeat;
    width: 1200px;
    height: 280px;
    margin: 15px auto 35px auto;
    border: 0px solid #ccc;

}
.solution .content3 .icon {
    margin-left: 110px;
    width: 170px;
    height: 170px;
    background: #fff;
    border-radius: 85px;
    float: left;
    margin-top: 55px;
}
.solution .content3 .icon img {
    margin-top: 25px;
    margin-left: 25px;
}
.solution .content3 .cwrap {
    width: 800px;
    float: left;
    margin-left: 50px;
    margin-top: 40px;
}
.solution .content3 .cwrap .ctitle {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 16px;
    color: #fff;
    margin-top: 16px;
}
.solution .content3 .cwrap .txt {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
}


.mfeature {
    width: 100%;
    overflow: hidden;
}
.featurebg {
    background:#f6fafd;
}
.mfeature .content {
    margin: 10px auto;
    width: 1200px;
    overflow: hidden;
}
.mfeature .left-img {
    width: 500px;
    float: left;
    margin: 58px 70px 0 30px;
}
.mfeature .right-img {
    width: 500px;
    float: right;
    margin: 58px 30px 0 70px;
    text-align: left;
}
.mfeature .left-txt {
    width: 595px;
    float: left;
}
.mfeature .right-txt {
    width: 595px;
    float: right;
    text-align: left;
}
.mfeature h3 {
    font-size: 26px;
    color: #337ab7;
    line-height: 54px;
}
.mfeature h4 {
    font-size: 18px;
    color: #333;
    line-height: 28px;
    font-weight: bold;
}
.mfeature p {
    font-size: 14px;
    color: #333;
    line-height: 22px;
}
.mfeature .tleft {
    float: left;
    width: 250px;
}
.mfeature .tright {
    float: right;
    width: 330px;
    margin-top: 42px;
    text-align:right;
    margin-right: 10px;
}
.mfeature .tright a {
    color: #666;
    text-decoration: none;
    font-style: italic;
    
}
.mfeature .tright a:hover {
    text-decoration: underline;
}
.mask-layer {
	position: absolute; 
	top: 0px; 
	filter: alpha(opacity=70); 
	background-color: #222;  
	z-index: 99998; 
	left: 0px;
	opacity:0.7; 
	-moz-opacity:0.7;
	display:none;
}
.play-video {
	position: absolute;
	display:none;
	width:1000px;
	height:563px;
	background:#fff;
	z-index: 99999;
}
.play-video .wrap {
	position:relative;
	margin:0px;
	padding:0px;
}
.play-video .close2 {
	position: absolute;
	font-size:20px;
	width:22px;
	height:22px;
	color:#ccc;
	top: -2px;
	right:-50px;
	z-index: 99999;
	cursor:pointer;
}