@charset "utf-8";
body {margin: 0; font-family: 'Microsoft YaHei'}
.banner {height: 400px; color: #fff; font-size: 12px; background: url(../images/banner_bg.png) no-repeat center center; }
.banner-container {width: 1300px; height: 100%; margin: 0 auto; overflow: hidden; }
.banner-img {float: left; width: 527px; height: 270px; margin-top: 50px; text-align: center; }
.banner-img p {font-size: 18px; margin-bottom: 10px;margin-top: 15px;}
.banner-img span {display: inline-block; width: 40px; height: 4px; background-color: #fff; }
.banner-content { float: left; text-align: center;}
.banner-title { width: 752px; height: 96px; margin-top: 25px; margin-bottom: 0; text-indent: -9999px; background: url(../images/banner_title.png) no-repeat; }
.banner-subtitle { font-size: 24px; font-weight: 400; margin-top: 10px; margin-bottom: 25px; }
.banner-desc { font-size: 18px; margin-bottom: 15px; margin-top: 0; line-height: 1;}
.banner-btns {margin-top: 20px; margin-bottom: 10px;}
.banner-btns a { display: inline-block; text-decoration: none; width: 162px; text-align: center; margin: 0 15px; font-size: 22px; line-height: 38px; border-radius: 19px; color: #4685f1; background-color: #fff; }
.banner-btns a i { display: inline-block; width: 15px; height: 21px; margin-right: 5px; margin-top: -3px; vertical-align: middle; background: url(../images/icon_down.png) no-repeat; }
.banner-btns a:hover { background-color: #367bf0; color: #fff; }
.banner-btns a:hover i { background-image: url(../images/icon_down_hover.png); }
.banner-tip { margin-bottom: 10px; }
.banner-tip span { display: inline-block; text-align: center; width: 162px; margin: 0 15px;font-size: 16px;}
.banner-code { width: 510px; margin: 0 auto; overflow: hidden; font-size: 14px; line-height: 1; }
.banner-code-left {float: left; }
.banner-code p { margin-bottom: 0; margin-top: 10px;}
.banner-code-right {float: right; color: #c1ee49;}

#check-computed { margin-top: 40px; }

.product-list {margin: 60px auto; }
.product-list ul {font-size: 0; text-align: center; }
.product-list ul li {display: inline-block; width: 280px; margin: 30px 25px; text-align: center; }
.product-list ul li .show-img {width: 60px; height: 60px; margin: auto; margin-bottom: 20px; }
.product-list ul li h5 {font-size: 16px; font-weight: normal; height: 21px; margin: auto; margin-bottom: 20px; color: #333; }
.product-list ul li p {font-size: 12px; font-weight: normal; line-height: 1.5; color: #9b9b9b; } #check-computed {text-align: center; background-color: #fff; }

.active-div {font-size: 0; text-align: center; }
.active-div > * { vertical-align: top; display: inline-block; }
.active-div span {font-size: 16px; line-height: 42px; color: #333; }
.active-div .select {position: relative; margin-left: 15px; cursor: pointer; border-radius: 5px; }
.active-div .select p {position: relative; width: 226px; padding-right: 22px; padding-left: 10px; border: solid 1px #e5e5e5; background-color: #f9f9f9; }
.active-div .select p .text {font-size: 14px; line-height: 40px; display: inline-block; width: 100%; height: 40px; color: #9a9a9a; }
.active-div .select p .a-down {position: absolute; top: 15px; right: 10px; width: 18px; height: 10px; }
.active-div .select p .a-dowm img {display: block; width: 100%; height: 100%; }
.active-div .select p.bg {background-color: #f9f9f9; }
.active-div .select p.bg .text {color: #9a9a9a; }
.active-div .select .list {position: absolute; z-index: 999; top: 40px; left: 0; width: 258px; background: #fff; }
.active-div .select ul.srcoll {overflow-y: auto; height: 170px; border: solid 1px rgba(0, 0, 0, .1); border-top: none; }
.active-div .select .list li {font-size: 12px; line-height: 40px; display: none; width: 258px; height: 40px; text-align: center; color: #9a9a9a; }
.active-div .select .list li:hover {cursor: pointer; background: #f7f7f7; }
.active-div .i-word {font-size: 16px; margin-left: 15px; line-height: 40px; text-align: left; width: 200px;  color: #343434; }
.active-div .i-word span {overflow: hidden; width: 100px; white-space: nowrap; text-overflow: ellipsis; color: #0065ce; }
#find-quick {font-size: 14px; line-height: 40px; letter-spacing: 0; color: #0065ce; }

/*公共标题*/
.product-background .bg-t {position: relative; width: 800px; height: 65px; margin: auto; }
.product-background .bg-t p {font-size: 60px; font-weight: normal; line-height: 65px; position: absolute; z-index: 1; left: 50%; width: 524px; height: 100%; margin-left: -262px; text-align: center; opacity: .2; color: #0065ce; }
.product-background .bg-t h4 {font-size: 24px; font-weight: 400; line-height: 24px; position: absolute; z-index: 2; top: 37px; width: 100%; height: 24px; text-align: center; color: #0065ce; } /*视频教程*/ .product-mr {position: relative; margin: auto; }
.pb-list {margin-right: -35px; padding-top: 36px; text-align: left; }
.pb-list li {display: inline-block; width: 235px; margin-right: 20px; margin-bottom: 30px; vertical-align: top; }
.pb-list li .word-img {position: relative; width: 100%; height: 160px; margin-bottom: 5px; }
.pb-list li .word-img:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 101, 206, .2); }
.pb-list li .word-img:after {position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; content: ""; border-width: 20px 0 20px 40px; border-style: solid; border-color: transparent transparent transparent #fff; }
.pb-list li .title-w {margin-bottom: 18px; }
.pb-list li .title-w span {font-size: 14px; line-height: 1.5; display: block; overflow: hidden; height: 3em; margin-bottom: 18px; text-align: left; color: #666; }
.pb-list li a:hover > .title-w span {color: #0065ce; }
.pb-list li .date {font-size: 12px; display: block; text-align: left; color: #9a9999; }
.pb-list li .last-more {font-size: 16px; line-height: 160px; width: 100%; height: 160px; text-align: center; color: #9a9a9a; background-color: #f1f1f1; } /*文章中心*/ .article-list {margin: 0 auto 60px; }

.article-table {margin-right: -35px; padding-top: 26px; text-align: left; }
.article-table li {font-size: 0; display: inline-block; margin-right: 23px; margin-bottom: 30px; }
.article-table li div {display: inline-block; vertical-align: top; }
.article-table li .art-img {width: 101px; height: 75px; }
.article-table li .art-dir {width: 206px; margin-left: 10px; }
.article-table li .art-dir p {font-size: 14px; line-height: 1.5; overflow: hidden; height: 1.5em; text-align: left; color: #676767; }
.article-table li .art-dir p.next-w {font-size: 12px; line-height: 1.5; overflow: hidden; height: 3em; margin-top: 12px; color: #9b9b9b; }
.art-more {font-size: 16px; line-height: 42px; display: block; width: 140px; height: 42px; margin: auto; margin-bottom: 60px; text-align: center; color: #9b9b9b; border: solid 1px #cdcdcd; border-radius: 21px; } /*帮助中心*/ .help-center {margin: auto; }

.center-item {font-size: 0; margin-top: 39px; margin-right: -20px; margin-bottom: 20px; text-align: center; }
.center-item li {display: inline-block; margin-right: 20px; vertical-align: top;}
.center-item li a {position: relative; display: block; width: 320px; }
.center-item li .help-img {height: 201px; }
.center-item li .help-w {font-size: 14px; line-height: 51px; position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; height: 51px; padding: 0 8px; text-align: center; color: #fff; background: rgba(0, 0, 0, .5); }

.hlep-tit {margin-top: 20px; }
.hlep-tit .help-sort {font-size: 14px; display: block; overflow: hidden; box-sizing: border-box; height: 19px; margin-bottom: 14px; padding-left: 8px; text-align: left; color: #656565; }
.hlep-tit .help-sort:hover {color: #0065ce; }

/*媒体报道*/
.media-center {margin: auto; }
.media-list {margin-top: 39px; margin-bottom: 39px; }
.media-list li {font-size: 0; }
.media-list li a {display: inline-block; overflow: hidden; box-sizing: border-box; width: 500px; margin-bottom: 19px; padding-right: 34px; text-align: left; }
.media-list li a:hover > span {color: #0065ce; }
.media-list li a:hover > span.mdia-t {color: #0065ce; }
.media-list li a span {font-size: 14px; display: inline-block; overflow: hidden; width: 386px; white-space: nowrap; text-overflow: ellipsis; color: #676767; }
.media-list li a span.mdia-t {font-size: 14px; float: right; width: 80px; color: #9a9999; }

/*友情链接*/
.blogroll-list {margin: auto; margin-top: 39px; margin-bottom: 60px; }
.blogroll-list li {margin-bottom: 10px; text-align: center; }
.blogroll-list li a {font-size: 14px; display: inline-block; padding: 0 8px; color: #666; line-height:32px;}
.blogroll-list li a:hover {color: #0065ce; }