body { font-family: NotoSansHans-Regular,AvenirNext-Regular,proxima-nova,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei","Open Sans","Helvetica Neue",Arial,sans-serif; color: #8e8888; }
* { padding: 0; margin: 0; }
a,a:hover,a:focus,a:active,a:visited,a:link { text-decoration: none; }
p{margin:0 auto} 
ul,li { list-style: none; }
.content div{ font-size:1.6rem; line-height:2.0rem}
.content p{font-size:1.6rem; line-height:2.0rem}
.mynavbar-right { display:none}
/********** 首页样式 **********/
.mynav { min-height: 60px; margin-bottom: 0; border-radius: 0; border:none; background: #fff;}
.navbar-brand { height: 60px; line-height: 30px; }
.navbar-brand img { height: 24px; width: auto; }
.mynavbar-nav { padding: 0; }
.mynavbar-nav li { height: 60px; padding: 0 15px; }
.mynavbar-nav li a { padding: 0; font-size: 15px; line-height: 40px; color: #333; padding: 10px 0;  }
.mynavbar-nav li a span { float: left; width: 0; height: 2px; background: #0f29f6; transition-property: width linear 300ms;/* Firefox 4 */ -moz-transition: width linear 300ms;/* Safari and Chrome */ -webkit-transition: width linear 300ms;/* Opera */ -o-transition: width linear 300ms; }
.mynavbar-nav>li>a:hover,.mynavbar-nav>li.active>a,.mynavbar-nav>li.active>a:hover { padding:10px 0; color: #0f29f6; background-color: #fff !important; }
.mynavbar-nav li a:hover span,.mynavbar-nav li.active a span { width: 100%; }
.mynavbar-right li a { float: left; line-height: 38px; font-size: 15px; width: 70px; height: 40px; text-align: center; color: #333 !important; padding: 0; }
.mynavbar-right li a span { float: left; width: 0; height: 2px; position: absolute; bottom: 0; left: 0; background: #0f29f6; transition-property: width linear 300ms;/* Firefox 4 */ -moz-transition: width linear 300ms;/* Safari and Chrome */ -webkit-transition: width linear 300ms;/* Opera */ -o-transition: width linear 300ms; }
.mynavbar-right { padding: 10px 0; }
.mynavbar-right li a:hover { color: #0f29f6 !important;}
.mynavbar-right li a:hover span { width: 70px; }
.navbar-toggle { margin-top: 13px; margin-bottom: 13px; }
.menulevel-list { padding: 0; position: absolute; width: 150px; border: 1px solid #d8d8d8; background: #fff; z-index: 9999; top: 60px; left: 50%; text-align: center; margin-left: -75px; opacity: 0; visibility: hidden; transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); -o-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); transition: all .6s ease-out; -ms-transition: all .6s ease-out; -o-transition: all .6s ease-out; -webkit-transition: all .6s ease-out; -moz-transition: all .6s ease-out; }
.levelfirst:hover .menulevel-list { opacity: 1; visibility: visible; top: 50px; }
.menulevel-list li { float: left; width: 100%; text-align: center; padding: 0 !important; height: 48px; line-height: 48px; }
.menulevel-list li a { display: block; width: 100%; padding: 0 !important; height: 48px; line-height: 48px; color: #333; }
.menulevel-list li a:hover { background-color: #f5f5f5 !important; padding: 0 !important; color: #0f29f6; }

.index-cell { float: left; width: 100%; margin-top: 80px; }
.fourbigicons-list { float: left; width: 100%; margin-bottom:0;}
.fourbigicons-list li { margin-bottom: 10px;}
.bigicons-icon { width: 100%; margin-bottom: 10px; }
.bigicons-icon img { width: 100px; height: 100px; }
.bigicons-txt { width: 100%; font-size: 16px;}

.index-cell-hd { float: left; width: 100%; text-align: center;}
.bigchinese-title { line-height: 40px; display: inline; height: 40px; }
.line { width: 120px; height: 2px; background: #999; display: inline-block; margin-bottom: 10px;}
.chinese-title { padding: 0 30px; font-size: 28px; }
.english-title { font-size: 16px; color: #999; }
.index-cell-bd { float: left; width: 100%;}
.cooperative-icons { float: left; width: 100%; margin-bottom: 80px;}
.cooperative-icons li { float: left; text-align: center; margin-top: 50px;}
.cooperative-icons li img { width: 80px; height: 80px; }

.graybg { float: left; width: 100%; background: #ffffff;}
.graybg .index-cell { margin-top: 50px; }
.signature-icons { float: left; width: 100%; margin-top: 50px; margin-bottom: 30px;}
.signature-icons li { float: left; margin-bottom: 20px;}
.signature-ico { float: left; width: 100%; }
.signature-ico img { width: 120px; height: 120px; }
.signature-steps { float: left; width: 100%; margin-top: 10px; line-height: 30px; font-size: 20px;}
.signature-pra { float: left; width: 100%; margin-top: 5px; line-height: 20px; font-size: 14px; color: #888;}

.whitebg { float: left; width: 100%;}
.problem-list { float: left; width: 100%; margin-top: 10px;}
.problem-list li {float: left; width: 100%; padding: 20px 0; border-top: 1px solid #ddd;}
.problem-list li:first-child { border-top: none; }
.question { float: left; width: 100%; margin-bottom: 15px;}
.question-icon,.answer-icon { padding-left: 0;}
.question-icon img,.answer-icon img { width: 58px;height: 58px; }
.question-txt { padding-right: 0; padding-left: 0; font-size: 20px; line-height: 58px; }
.answer { float: left; width: 100%;}
.answer-txt { padding-right: 0; padding-left: 0; font-size: 16px; color: #666; line-height: 28px; margin-top: 4px; }
@media (max-width: 768px) {
  .question-icon { padding-left: 0 !important; }
  .question-icon img,.answer-icon img { width: 32px;height: 32px; }
  .question-txt { line-height: 32px; }
  .answer-txt { margin-top: 0px; }
}

.news { float: left; width: 100%;}
.news-cell{ float: left;}
.nopad-l { padding-left: 0; }
.nopad-r { padding-right: 0; }
.news-hd{ float: left; width: 100%; line-height: 30px; margin-bottom: 10px;}
.news-title{ float: left; font-size: 18px;}
.news-more { float: right; font-size: 12px; color: #888; }
.news-more:hover { color: #2a42ff;}
.news-bd { float: left; width: 100%; margin-bottom: 20px; }
.news-bd li { float: left; width: 100%; line-height: 30px;  }
.news-bd li a { float: left; max-width: 80%; color: #888; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news-bd li a:hover { color: #2a42ff; }
.news-date { float: right; color: #888; font-size: 12px; }
.friend-link { line-height: 30px; margin-bottom: 30px; padding-left: 0; padding-right: 0; font-size: 14px;}
.friend-link span { float: left; }
.link-list { float: left; margin-bottom: 0; }
.link-list li { float: left; margin: 0 8px;}
.link-list li a { color: #888; }
.link-list li a:hover { color: #2a42ff; }
@media (min-width: 750px) and (max-width: 992px) {
  .news-bd li a { max-width: 290px; }
}
@media (min-width: 992px) and (max-width: 1100px) {
  .news-bd li a { max-width: 310px; }
}
@media (min-width: 1100px) and (max-width: 1200px) {
  .news-bd li a { max-width: 330px; }
}
@media (min-width: 1200px) {
  .news-bd li a { max-width: 400px; }
}

/* 页脚 */
.blackbg { float: left; width: 100%; background: #2f2f2f;}
.footer { float: left; width: 100%; padding-top: 50px;}
.footer-left { float: left; padding-left: 0; }
.graylogo { float: left; width: 100%; text-align: left; }
.otherways { float: left; width: 100%; margin: 35px 0 20px;}
.otherways .oneway { float: left; }
.otherways a { float: left; width: 48px; height: 48px; background-image: url('../images/icon-wechat.png'); margin-right: 10px; background-repeat: no-repeat; }
.wechat-icon { background-position: 0 0;}
.wechatway { position: relative;}
.code { float: left; position: absolute; width: 140px; height: 140px; background: #fff; bottom: 59px; left: 50%; margin-left: -75px; }
.wechat-arrow { float: left;width: 140px; height: 9px; background: url('../images/wechat-arrow.png') no-repeat center bottom;  }
.code img { width: 120px; height: 120px; margin: 10px; }
.wechatway:hover .wechat-icon { background-position: 0 -48px; }
.wechatway:hover .code { display: block !important; }
.sina-icon { background-image: url('../images/icon-sina.png') !important; background-position: 0 0;}
.sina-icon:hover { background-image: url('../images/icon-sina.png'); background-position: 0 -48px;}
.footer-right { padding-left: 0; padding-right: 0; }
.footer-cell-title { float: left; width: 100%; font-size: 16px; color: #fff; margin-bottom: 10px;}
.footer-cell-title span { border-bottom: 2px solid #437fc8; padding: 5px 0; }
.footer-cell-list { float: left; width: 100%; font-size: 14px; margin-top: 20px;}
.footer-cell-list li { float: left; width: 45%; line-height: 26px; }
.footer-cell-list li a { color: #8e8888; }
.footer-cell-list li a:hover { color: #437fc8; }
.language-list li { width: 100%; }
.footer-bottom { float: left; width: 100%; text-align: center; color: #8e8888; font-size: 14px; margin-top: 30px; }

@media (min-width:1200px) {
	.container { padding-right: 0; padding-left: 0; }
}

/* 网站封装 */
.simpletxt { padding: 30px 0 60px; margin-bottom: 0; font-size: 18px; }
.whitebg { float: left; width: 100%; background: #fff;}
.fivebigicons-list { float: left; width: 100%; margin-bottom: 80px; }
.fivebigicons-list li { float: left; width: 20%; }
@media (max-width: 768px) {
    .fivebigicons-list li.col-xs-12 { width: 100%; margin: 10px 0; }
}
.development-cell { float: left; width: 100%; margin: 50px 0 70px;  }
.development-txt { float: left; margin: 50px 0 0; }
.development-title { float: left; width: 100%; font-size: 20px; margin-bottom: 20px;  }
.development-pra { float: left; width: 100%; font-size: 14px; color: #888; line-height: 26px;  }
@media (min-width: 768px) and (max-width: 992px) {
  .development-txt { margin: 15px 0 0; }
}
.development-second { margin-top: 0; margin-bottom: 40px; }
.realize-pra-first { float: left; width: 100%; margin-top: 50px; font-size: 16px; color: #888; line-height: 40px; }
.realize-pra-second { float: left; width: 100%; color: #7bc9ff; font-size: 28px; margin-top: 10px; }
.realize-pra-third { float: left; width: 100%; font-size: 16px; color: #888; line-height: 40px; margin-bottom: 30px; }
.realize-bottom { float: left; width: 100%; margin-bottom: 50px;}
.realize-btn { padding: 15px 40px; background: #25a6ff; font-size: 18px; border-radius: 8px; }
.achieve-bg { float: left; width: 100%; background: url('../images/achieve-bg.jpg') no-repeat center center;}
.achieve-bg .index-cell-hd,.achieve-bg .english-title { color: #fff; }
.achieve-bg .index-cell-hd .line { background: #eee; }
.achieve-list { float: left; width: 100%; margin: 50px 0 60px;}
.achieve-list li { float: left; width: 14.28%; padding: 0 15px;}
.achieve-list li span { max-width: 100%; border: 1px solid #fff; display: table-cell; vertical-align: middle; border-radius: 50%; color: #fff; cursor: pointer;}
@media (min-width: 1200px) {
  .achieve-list li span { width: 132px; height: 132px; font-size: 16px;}
}
@media (min-width: 992px) and (max-width: 1200px) {
  .achieve-list li span { width: 80px; height: 80px; font-size: 14px;}
}
@media (max-width: 992px) {
  .achieve-bg { background: url('../images/achieve-bg.jpg') repeat-y center center;}
  .achieve-list li { width: 50%; margin-bottom:10px; text-align: center;}
  .achieve-list li span { width: 100px; height: 100px; font-size: 15px; display: block; line-height: 30px; margin: 0 auto; padding: 20px 0 0;}
}
.achieve-list li span:hover { background: #fff; color: #3d5b87; }
.plug-list { float: left; width: 100%; margin: 50px 0 40px;}
.plug-list li { float: left; padding-right: 0;padding-left: 0; margin-bottom: 20px; }
.plug-icon { padding-right: 0; padding-left: 0; }
.plug-txt { text-align: left;}
.plug-title { float: left;width: 100%; line-height: 30px; font-size: 18px; margin-bottom: 0; margin-top: 15px; }
.plug-pra { float: left;width: 100%; line-height: 20px; font-size: 14px; color: #888; margin-bottom: 0; }
@media (min-width: 1200px) {
  .plug-txt { padding-right: 20px; padding-left: 5px; }
  .plug-txt:nth-child(4) { padding-right: 0; }
}
@media (max-width: 768px) {
  .plug-list li { height: 88px; }
  .plug-icon { position: relative; }
  .plug-icon img { position: absolute; right: 30px;}
  .realize-pra-first { font-size: 15px; }
  .realize-pra-second { font-size: 20px; }
}

/*********** APP待上架样式 ************/
.appdsj-bg { float: left; width: 100%; background: url('../images/appdsj-bg.png') no-repeat center center;}
.dsjstore-title { float: left;width: 100%; color: #7bc9ff; font-size: 28px; margin-bottom: 20px;  }
.dsjstore-pra { float: left;width: 100%; color: #666; font-size: 18px; margin-bottom: 30px; line-height: 30px;  }
.process-icons { float: left; width: 100%; margin: 50px 0 30px;  }
.process-icons li { margin-bottom: 20px; }
.process-ico { float: left; width: 100%;}
.process-ico img { width: 120px;height: 120px; }
.process-pra { float: left; width: 100%; font-size: 14px; line-height: 24px; margin-top: 15px;}
.square-list { float: left; width: 100%; margin: 10px 0 0; padding: 0 120px;}
.square-list li { padding-left: 60px; padding-right: 60px; margin-bottom: 50px; }
.square-box { float: left; width: 100%; background: #fff; padding: 40px 0; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); border-radius: 8px;}
.square-ico { padding: 10px 0; }
.square-ico img { width: 88px; height: 88px; }
.square-txt { font-size: 18px; margin-bottom: 20px; }
@media (min-width: 768px) and (max-width: 992px) {
    .square-list { padding: 0 20px;}
    .square-list li { padding-left: 30px; padding-right: 30px;}
}
@media (min-width: 992px) and (max-width: 1200px) {
    .square-list { padding: 0 60px;}
    .square-list li { padding-left: 40px; padding-right: 40px;}
}
@media (max-width: 768px) {
    .square-list { padding: 0;}
    .square-list li { padding-left: 40px; padding-right: 40px;}
}

/********** APP推广样式 ************/
.apptg-cell { float: left;width: 100%; margin-bottom: 80px;}
.pad-l120 { padding-left: 120px; }
.pad-r120 { padding-right: 120px; }
.mar-t80 { margin-top: 80px !important; }
@media (max-width: 768px) {
    .apptg-img { padding-left: 15px; padding-right: 15px; }
}

/********** 网路大数据 ************/
.searchcolumn { float: left; width: 100%; background: url('https://img.alicdn.com/imgextra/i2/1791017318/O1CN01rrw8st23vgssydmIK_!!1791017318.jpg') no-repeat center center;}
.searchcolumn-title { float: left; width: 100%; margin-top: 110px; line-height: 40px; font-size: 40px; color: #fff;}
.searchcolumn-pra { float: left; width: 100%; margin-top: 30px; line-height: 30px; font-size: 18px; color: #fff;}
.mysearch { float: left; width: 100%; text-align: center; margin: 50px 0 120px;}
.mysearch .form-group input { width: 650px; height: 52px; border-radius: 0; border: 1px solid #25a6ff; background: rgba(255, 255, 255, 0.8); padding-left: 20px; padding-right: 20px; font-size: 14px;}
.btn-search { height: 52px; background: #28a4fb; color: #fff;font-size: 18px; padding-right: 30px; padding-left: 30px; border-radius: 0; }
.btn-search:hover { border-color: #28a4fb; }
.wldsj-txt,.wldsj-txt p { float: left; width: 100%;}
.wldsj-tit { font-size: 28px; color: #333; margin-bottom: 20px; }
.wldsj-pra { font-size: 18px; color: #888; line-height: 30px; }
.wldsj-icons { float: left; width: 100%; margin: 40px 0 30px;}
.wldsj-icons li { margin-bottom: 20px; }
.wldsj-ico img { width: 120px; height: auto; }
.wldsj-icons-title { float: left; width: 100%; font-size: 18px; line-height: 30px; margin-top: 15px;}
.wldsj-icons-pra { float: left; width: 100%; font-size: 14px; color: #888; line-height: 20px;}
@media (max-width: 768px) {
    .mysearch { padding-right: 0; padding-left: 0; }
    .mysearch .form-group { width: auto; display: inline-block; margin-bottom: 0;}
    .mysearch .form-group input { width: 100%; }
    .mysearch .btn-search { padding-right: 10px; padding-left: 10px; margin-top: -10px;}
    .searchcolumn .navbar-form { box-shadow: none; -webkit-box-shadow: none; }
}

/********** 网站运营 ************/
.wzyy-banner-bg { float: left; width: 100%; position: relative;}
.wzyy-banner-bg img { width: 100%; height: auto;}
.noeffect { float: left; width: 100%; position: absolute; height: 48px; top: 62%; }
.wzyy-banner-bg a { font-size: 18px; color: #56d9ff; height: 40px; border-radius: 20px; display: inline-block; line-height: 40px; border: 1px solid #56d8ff; padding-left: 30px; padding-right: 30px; }
.wzyy-banner-bg a:hover { background: #56d9ff; color: #fff; }
.donothesitate { float: left; width: 100%; margin-bottom: 40px;}
.donothesitate-title { float: left; width: 100%; font-size: 28px; margin-bottom: 5px;}
.donothesitate-pra { float: left; width: 100%; font-size: 18px; line-height: 30px;}
.donothesitate-english { float: left; width: 100%; font-size: 14px; line-height: 20px;}
.mar-t50 { margin-top: 50px; }
.change-list { float: left; width: 100%; margin-top: 10px;}
.change-list li { margin-bottom: 20px;}
.change-cell { float: left; width: 100%; padding: 10px 10px 20px; background: #fff; border: 1px solid #d6d6d6;}
.change-cell img { width: 100%; }
.change-pra { float: left; width: 100%; font-size: 14px; line-height: 24px; margin: 15px 0;}
.change-summary { width: 160px; height: 32px; background: #25a6ff; line-height: 32px; border-radius: 16px; color: #fff; font-size: 16px; display: inline-block; }
.change-getin { float: left; width: 100%; margin: 20px 0 50px; }
.btn-change { width: 200px; height: 42px; border-radius: 21px; background: #ff8a00; color: #fff; display: inline-block; font-size: 16px; line-height: 42px; padding: 0; }
.free-icons { float: left; width: 100%; margin-bottom: 40px;}
.free-icons li { margin-bottom: 20px; }
.free-ico { float: left; width: 100%;}
.free-ico img { width: 100px; height: 100px; }
.free-tit { float: left; width: 100%; font-size: 18px; line-height: 30px; margin-top: 15px; }
.free-pra { float: left; width: 100%; font-size: 14px; color: #888; line-height: 20px; }
.seo { float: left; width: 100%; margin-bottom: 50px;}
.seo-title { float: left; width: 100%; font-size: 28px;}
.myseosearch { float: left; width: 100%; margin-top: 50px;}
.myseosearch .form-group { display: inline-block; }
.myseosearch .form-group input { width: 650px; height: 52px; border-radius: 0; border: 1px solid #25a6ff; background: transparent; padding-left: 20px; padding-right: 20px; font-size: 14px; }
.new-search { width: 748px; margin: 0 auto; font-size: 14px; }
.new-search label { float: left; margin-top: 20px; font-weight: normal; margin-bottom: 0; line-height: 26px; }
.new-search-list { float: left; margin-top: 20px; margin-bottom: 0;}
.new-search-list li { float: left; margin-right: 20px; line-height: 26px;}
.new-search-list li a { color: #28a4fb; }
.business-list { float: left; width: 100%; margin: 50px 0; padding: 0 30px;}
.business-list li { margin-bottom: 20px; }
.business-cell { float: left; width: 100%; padding: 40px 20px; border: 1px solid #bbbbbb; }
.business-ico { float: left; width: 100%;}
.business-title { float: left; width: 100%; font-size: 22px; margin-top: 20px;}
.business-pra{ float: left; width: 100%; font-size: 14px; margin-top: 10px; line-height: 24px; color: #888; height: 96px; overflow: hidden; text-overflow: clip;}
.business-bottom { float: left; width: 100%; text-align: center; margin-top: 20px;}
.business-consult { margin: 0 auto; width: 140px; height: 40px; display: block; background: #25a6ff; line-height: 40px; color: #fff; text-align: center; font-size: 16px; }
.business-consult:hover { color: #fff; background: #ff8a00; }
.blueskybg { float: left; width: 100%; background: url('../images/wzyy-bg.jpg') no-repeat center bottom;background-size: cover;}
.eightproblem { margin-bottom: 60px; }
.eightproblem-img { width: 480px; height: auto;}
.eightproblem-pra { float: left; width: 100%; line-height: 30px; color: #fff; text-align: center;}
.smallfont { font-size: 13px; }
.middlefont { font-size: 16px; }
.bigfont { font-size: 22px; font-weight: bold; }
.eightproblem-list { float: left; width: 100%;}
.eightproblem-list li { margin-bottom: 10px;}
.eightproblem-ico { float: left; width: 100%;}
.eightproblem-ico img { width: 60px; height: 60px; }
.eightproblem-tit { float: left; width: 100%; font-size: 12px; color: #fff;}
@media (min-width: 992px) {
    .eightproblem-list li:nth-child(1),.eightproblem-list li:nth-child(3) { padding-left: 100px; }
    .eightproblem-list li:nth-child(2),.eightproblem-list li:nth-child(4) { padding-right: 100px; }
}
@media (max-width: 768px) {
    .myseosearch { margin-left: 0; margin-right: 0; }
    .myseosearch .form-group { width: auto; display: inline-block; margin-bottom: 0;}
    .myseosearch .form-group input { width: 100%; height: 52px; border-radius: 0; border: 1px solid #25a6ff; background: transparent; padding: 0 15px; font-size: 14px; }
    .new-search { float: left; width: 100%; font-size: 14px; }
    .myseosearch .btn-search {padding-right: 10px;padding-left: 10px;margin-bottom: 10px; }
    .eightproblem-img { max-width: 100%; }
}

/********** 应用分发 ************/
.yyff-banner-bg { float: left; width: 100%; background: url('../images/yyff-bg.png') no-repeat center top; background-size: cover;}
.yyff-banner-bg h2 { float: left; width: 100%; margin-top: 120px; color: #588bff; font-size: 36px;}
.yyff-banner-words { float: left; width: 100%; margin-top: 20px; margin-bottom: 0;}
.yyff-banner-words span { margin: 0 30px; color: #588bff; font-size: 20px; }
.yyff-banner-pra {float: left; width: 100%; margin-top: 20px; font-size: 15px; color: #888;}
.onload { float: left; width: 100%; margin-top: 80px; margin-bottom: 120px;}
.onload-btn { display: block; margin: 0 auto; width: 240px; height: 50px; background: #25a6ff; border-radius: 6px; line-height: 44px; text-align: center; font-size: 18px; color: #fff; }
.tgfwbg { float: left; width: 100%; background: #25a6ff url('../images/tgfw-bg.png') no-repeat center top; background-size: cover;}
.yyff-hd { float: left; width: 100%; }
.yyff-hd h3 { font-size: 24px; color: #fff; font-weight: normal; }
.yyff-arrow { float: left; width: 100%; margin-top: 5px;}
.yyff-arrow img { width: 32px; height: auto; }
.yyff-bd { float: left; width: 100%;}
.tgfw-list { float: left; width: 100%; margin: 50px 0 40px;}
.tgfw-list li { margin-bottom: 20px; padding-left: 70px; padding-right: 70px;}
.tgfw-cell { float: left; width: 100%; padding: 70px 0; background: #fff; }
.tgfw-cell img { width: 120px; height: 120px; margin: 0 auto 30px;}
.tgfw-cell span { font-size: 18px; display: block;  }
.whitebg .yyff-hd h3 { color: #333; }
.zjcs-list { float: left; width: 100%; margin: 50px 0 20px; }
.zjcs-list li { margin-bottom: 40px; }
.zjcs-left { float: left; }
.zjcs-right { text-align: left; }
.zjcs-title { float: left; width: 100%; line-height: 30px; font-size: 18px; margin-bottom: 0; margin-top: 15px; }
.zjcs-pra { float: left; width: 100%; line-height: 20px; font-size: 14px; color: #888; margin-bottom: 0; }
.zxscbg { float: left; width: 100%; background: #25a6ff url('../images/zxsc-bg.png') no-repeat center top; background-size: cover;}
.zxsc-img,.hzhb-img { float: left; width: 100%; margin: 50px 0;}
.zxsc-img img,.hzhb-img img { margin: 0 auto; }
@media (min-width:1200px) {
	.zjcs-right { padding-right: 20px; padding-left: 5px; }
	.zxsc-img img { width: 900px; margin: 0 auto; }
}
@media (max-width:350px) {
  .tgfw-list li { padding-right: 30px; padding-left: 30px; }
}


/********** 登录 ************/
.login-bg { float: left; width: 100%; height: 100%; background: url('https://img.alicdn.com/imgextra/i4/1791017318/O1CN0123vgssYpo7uMYBD_!!1791017318.jpg') no-repeat center center; background-size: cover; position: fixed;}
.form-signin { max-width: 400px; padding: 30px 40px; margin: 0 auto; background: #fff; box-shadow: 0 0 3px 4px rgba(0, 0, 0, 0.05);-webkit-box-shadow: 0 0 3px 4px rgba(0, 0, 0, 0.05); }
.form-signin-heading { color: #588bff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); margin-bottom: 20px; font-size: 36px; }
.form-signin .checkbox { font-weight: normal; }
.form-signin-title { float: left; width: 100%; line-height: 40px; border-bottom: 1px solid #cdcdcd; margin-bottom: 10px; font-size: 18px; color: #3c9bed;}
.form-signin-title span { color: #bfbfbf; font-size: 14px; }
.form-signin .form-control { float: left; width: 100%; position: relative; height: 44px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0  10px 0 44px; font-size: 14px; border-color: #c9c9c9; border-radius: 0; box-shadow: none;-webkit-box-shadow: none; margin: 10px 0 5px; }
.form-signin .form-control:focus { z-index: 2; }
.username { background: url('../images/icon-username.png') no-repeat 0 0 }
.inputPassword { background: url('../images/icon-password.png') no-repeat 0 0 }
.form-signin .checkbox { float: left; width: 100%; font-size: 14px; color: #999; line-height: 20px; margin-top: 5px;}
.btn-blue { height: 44px; line-height: 44px; padding: 0; background: #588bff; border: none; border-radius: 0; font-size: 16px; margin-bottom: 15px; }
@media (min-width:1500px) {
	.loginbox { padding-top: 180px; padding-left: 120px; }
}
@media (min-width:374px)  and (max-width: 768px) {
  .loginbox { margin-top: 50px; }
}
@media (max-width:374px) {
  .loginbox { margin-top: 0; }
  .login-bg h1 { margin-top: 10px; }
  .login-bg h1 img { height: 20px; width: auto; }
  .form-signin-heading { font-size: 24px; margin-top: 10px; margin-bottom: 10px; }
  .form-signin { padding: 15px 20px; }
}

/* 在线客服悬浮样式 */
.balloon { width: 90px; height: 410px; background: url('../images/balloon.png') no-repeat 0 0; position: fixed; top: 150px; right: 10px; padding-top:200px; }
.qq { float: left; width: 100%; line-height: 30px;}
.qq a { display: block;  }
.qq:first-child a { border-top: none; }
.tel{ float: left; width: 100%; color: #fff; line-height: 24px; font-size: 11px;}
.wechat { float: left; width: 100%; padding:0 6px;}
.wechat span { float: left; width: 100%; font-size: 12px; color: #fff; line-height: 24px; border-bottom: 1px dashed #1072ff;}
.gototop { float: left; width: 100%; padding:0 6px; border-top: 1px dashed #33c9ff;}
.gototop a { display: block; font-size: 12px; color: #fff; line-height: 24px; }
@media (max-width:374px) {
  .balloon { bottom: 7%; }
}

/* 20180827 */
/************* 联系我们样式 **************/
.lxwm { float: left; width: 100%;}
.lxwm-hd { float: left; width: 100%; font-size: 21px; color: #666; line-height: 36px; padding: 50px 0 0; }
.lxwm-bd { float: left; width: 100%; margin-bottom: 30px; }
.lxwm-list { float: left; width: 100%; margin-top: 20px;}
.lxwm-list li { float: left; width: 100%; margin: 20px 0; line-height: 30px;}
.lxwm-list li i { float: left; font-size: 20px; color: #25a6ff; line-height: 30px; }
.lxwm-eng { float: left; font-size: 14px; font-weight: bold; margin-left: 20px;}
.lxwm-txt { float: left; font-size: 14px; margin-left: 10px; }



/*************列表文章样式 **************/
.list {width:96%;margin:10px auto;overflow:hidden;}
.list .place{width:100%;font-size:18px;background-color: #EBF0F4;height:50px; line-height:50px;overflow: hidden;padding-left:10px;}
.list{overflow:hidden;}
.list li{width:100%;margin:10px 0px;padding:10px 0;overflow:hidden;}
.list li a{ float:left; color: #aaa;display:inline;}
.list li span{ float:right; display:inline;}
.page {width:96%;margin:10px auto;text-align:center;}
.page span{display:none;}
.page a{display:inline-block;color: #aaa;}
.page a.thisclass{color: #333;}


.content{width:96%; margin:20px auto; line-height:26px; overflow:hidden;}
.content h2{text-align:center; margin-top:20px; font-size:24px;}
.content .info{text-align:center; margin:10px auto; line-height:25px;}

.context{width:96%; margin:10px auto 20px; line-height:26px; overflow:hidden;}
.context ul{width:100%;overflow:hidden;}
.context ul li{}
.context ul li a{color: #aaa;}

/* 20180906 */
.carousel-caption { position: absolute; right: 0; bottom: 180px; left: 0; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: left; text-shadow: none; padding-left: 120px; }
.carousel-caption p { font-size: 18px; }
.carousel-caption h3 { font-weight: normal; font-size: 36px; padding-bottom: 10px; }
.carousel-caption-link { margin-top: 30px; }
.carousel-caption p a { font-size: 16px; padding: 10px 35px; background: #fff; color: #2a42ff; border-radius: 4px; }
@media screen and (max-width:350px) {
  .carousel-caption { right: 0; left: 0; bottom: 15px; padding-left: 15px; padding-top: 0px; padding-bottom: 0px; }
  .carousel-caption p { font-size: 13px; }
  .carousel-caption h3 { font-weight: normal; font-size: 16px; padding-bottom: 0; line-height: 24px; margin-top: 0; margin-bottom: 5px; }
  .carousel-caption-link { margin-top: 10px; }
  .carousel-caption p a { font-size: 12px; padding: 7px 15px; background: #fff; color: #2a42ff; border-radius: 4px; }
}
@media screen and (max-width:420px) {
  .carousel-caption { right: 0; left: 0; bottom: 30px; padding-left: 15px; padding-top: 0px; padding-bottom: 0px; }
  .carousel-caption p { font-size: 13px; }
  .carousel-caption h3 { font-weight: normal; font-size: 16px; padding-bottom: 0; line-height: 24px; margin-top: 0; margin-bottom: 5px; }
  .carousel-caption-link { margin-top: 10px; }
  .carousel-caption p a { font-size: 12px; padding: 7px 15px; background: #fff; color: #2a42ff; border-radius: 4px; }
}
@media screen and (max-width:767px) {
  .carousel-caption { right: 0; left: 0; bottom: 80px; padding-left: 30px; padding-top: 0px; padding-bottom: 0px; }
  .carousel-caption p { font-size: 16px; }
  .carousel-caption h3 { font-weight: normal; font-size: 18px; padding-bottom: 0; line-height: 24px; margin-top: 0; margin-bottom: 5px; }
  .carousel-caption-link { margin-top: 10px; }
  .carousel-caption p a { font-size: 14px; padding: 7px 15px; background: #fff; color: #2a42ff; border-radius: 4px; }
}
@media screen and (min-width:768px) {
  .carousel-caption { right: 0; left: 0; padding-bottom: 30px; bottom: 30px; }
}
@media screen and (min-width:1024px) {
  .carousel-caption { right: 0; left: 0; padding-bottom: 30px; bottom: 60px; }
}
@media screen and (min-width:1200px) {
  .carousel-caption { right: 0; left: 0; padding-bottom: 30px; bottom: 100px; }
}
@media screen and (min-width:1366px) {
  .carousel-caption { right: 0; left: 0; padding-bottom: 30px; bottom: 150px; }
}
@media screen and (min-width:1600px) {
  .carousel-caption { right: 0; left: 0; padding-bottom: 30px; bottom: 200px; }
}