﻿@charset "utf-8";html,body {line-height:180%;font-size:14px;font-family:microsoft yahei;background:#fff}
ul,ol {padding:0}
li {list-style:none}
a {transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;color:#333;text-decoration:none}
a:hover {text-decoration:none}
.img-auto {display:block;overflow:hidden}
.img-auto img {width:auto;height:auto;margin:0 auto;transition:600ms}
.img-auto img:hover {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.blank5,.blank10,.blank20,.blank30,.blank50,.blank60 {clear:both;height:5px;overflow:hidden}
.blank10 {height:10px}
.blank20 {height:20px}
.blank30 {height:30px}
.blank50 {height:50px}
.blank60 {height:60px}
.title,.title-2 {padding:0;text-align:center;text-transform:uppercase}
.title h1,.title h3 a {color:#165aa5;line-height:45px;height:45px;font-size:40px;font-weight:400;text-decoration:none}
.title h3 small {display:block;clear:both;margin:20px 0 10px;color:#a1a1a1;font-size:10px}
.title p,.title-index-1 p {margin:10px auto 30px;line-height:20px;color:#333;font-size:16px}
.title span {}
@media(min-width:768px) {.title p,.title-index-1 p {width:600px}
}
.title-2 a {font-size:30px}
.title-2 h3 a small {display:block;clear:both;margin:10px 0;color:#a1a1a1;font-size:8px}
@media(max-width:768px) {.title h1,.title h3 a {font-size:20px}
.title-2 a {font-size:16px}
}
#qrcode canvas {width:150px;border:15px solid #fff}
.fweixin img {width:150px}
.fweixin p {line-height:24px;text-align:center;color:#9b9b9b}
@media(max-width:992px) {.foot-nav .clear,.fweixin {clear:both}
.fweixin {margin:30px 0}
}
@media(max-width:468px) {.visual-guestbook,.visual-guestbook .guestbook_btn {clear:both;margin:30px 0}
}
.fweixin p.foot-weixin {padding-top:10px}
.home-links {padding:10px 0 0;background:#333;color:#999}
.home-links .hr {margin:15px 0 0;border-top:1px dotted #555}
.home-links-left {padding:0}
.home-links .links-logo img {float:left;margin:10px;opacity:.6}
.home-links .links-logo img:hover {opacity:1;transition:400ms}
.home-links .links-a {clear:both;margin:0 auto;font-size:14px}
.home-links .links-a a {color:#999;padding:10px;line-height:300%}
.visual-contact {color:}
.breadcrumb span {padding-right:15px;color:#ccc}
.content_tools {float:right;margin:30px 0;padding:5px 15px;background:#eee;text-align:right;font-size:14px}
.pages {clear:both;margin:0 10px;font-size:.8em;color:#888}
.pages strong,.pages span {color:#fff;display:block;float:left;height:26px;line-height:26px;float:left;padding:0 8px;background:#337ab7;margin:0 3px 0 0;font-size:.8em;border-radius:3px 3px 3px 3px}
.pages a,.pages a {display:block;float:left;height:24px;line-height:24px;float:left;padding:0 8px;border:1px solid #337ab7;border-radius:3px 3px 3px 3px;text-decoration:none;margin:0 3px 0 0;color:#337ab7;font-size:.8em}
.pages strong {color:#fff}
.pages span {float:right}
#page {font-size:.8em}
#page strong {padding:5px 8px;background:#337ab7;border-radius:5px;color:#fff;margin-right:15px;font-size:.8em}
.pagination {margin:50px 0}
.page-number {position:relative;right:0;top:5px;color:#fff;height:26px;line-height:26px;padding:9px 20px;background:#337ab7;margin:0 3px 0 0;font-size:.8em;border-radius:3px 3px 3px 3px}
#content_text {line-height:180%;font-size:1.2em}
.index-1-box {width:100%;height:350px;overflow:hidden;text-align:center;float:left;border:1px solid transparent;position:relative;transition:400ms;border:15px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.index-1-box:hover {background:#fff;border:1px solid #ccc}
.index-1 {height:140px;padding:70px 0 0;font-size:14px;color:#9b9797;border:1px solid transparent;position:relative;transition:400ms}
.index-1 .img-auto {height:176px;padding:0 15px 10px;overflow:hidden}
.index-1 a {margin:0 0 5px;font-size:18px;color:#3a3a3a;transition:400ms}
.index-1-2 {width:100%;padding:20px 10px 0;height:80px;line-height:24px;font-size:14px;color:#fff;background:#7bc91e;position:absolute;left:0;bottom:-80px;transition:400ms}
.index-1-box:hover .index-1 {margin-top:-55px}
.index-1-box:hover .index-1-2 {bottom:0}
@media(max-width:768px) {.index-1-box {margin-bottom:30px;background:#fff;border:1px solid #ccc}
.index-1-box .index-1 {margin-top:-50px}
.index-1-box .index-1-2 {bottom:0}
}
.index-2-box {padding:20px 30px;border:1px solid #eee;-moz-box-shadow:0 0 10px #eee;-webkit-box-shadow:0 0 10px #eee;box-shadow:0 0 10px #eee;border-radius:3px}
@media(max-width:768px) {.index-2-box {margin-bottom:20px}
}
.index-2-box div.img-auto a {display:block;height:100px;margin:20px 0;overflow:hidden}
.index-2-box div.img-auto h4 a {height:16px;font-size:14px}
.index-2-box:hover {background:#eee}
.index-2-box p {font-size:12px;color:#555}
.index-2-box p.date {color:#999}
.index-3 .btn {padding:10px 40px;border-radius:50px}
.index-3-left {height:240px;overflow:auto}
.index-3-left p {text-indent:2em}
@media(max-width:768px) {.index-3-left {margin-bottom:30px}
}
.index-6-pic {height:124px;padding:0;border:1px solid #f5f5f5;overflow:hidden}
.index-6-pic a {width:89px;height:68px;margin:28px 50px;overflow:hidden}
@media(max-width:768px) {.index-6-pic a {margin:10px auto}
}
.list-container a {color:#333}
.list-container p {color:#888}
.list-container h4 {color:#000}
.list-container .row {margin-bottom:15px}
.list-container .news-list {margin-bottom:0}
.list-border {min-height:108px;padding:15px;clear:both;border:1px dotted transparent;border-bottom-color:#bbb}
.list-border-w {border:1px dotted #bbb;margin:15px 0}
.list-border:hover {background:#f5f5f5;border-color:#ccc;border-radius:5px 5px 5px 5px}
.list-date {width:4em;float:left;margin-right:20px;text-align:center}
.list-date span {display:block;width:1em;line-height:1em;padding-top:.1em;white-space:nowrap;font-size:4em;color:#555;overflow:hidden;font-family:times new roman,Times,serif}
.list-date p {clear:both;display:block;width:5em;overflow:hidden;margin-bottom:0}
.news-list p,.news-list-text-pic p,.list-down p {line-height:1.6;font-size:.8em}
.list-down .img-auto {height:170px;overflow:hidden}
.list-down {padding-top:15px;border-bottom:1px dotted #ccc}
.news-list li {line-height:32px;border-bottom:1px dotted #ccc}
.news-list li .date {margin-top:8px}
#projectlist.masonry {margin:0 auto}
#projectlist {}
.wrapper {margin:0 auto}
.projectitem {margin:0 0 30px;width:380px;float:none;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}
.projectitem a {position:relative;display:block}
.projectitem a:hover {text-decoration:none;overflow:hidden}
.projectitem a h4 {display:none;cursor:hand;text-align:center}
.projectitem a:hover h4 {width:100%;line-height:30px;margin:0;padding:15px 0;background:#333;display:block;position:absolute;bottom:0;left:0;color:#fff;filter:alpha(opacity=56);-moz-opacity:.8;opacity:.8}
.projectitem img,.index-2 img,.index-3 img {-moz-box-shadow:0 0 15px #888;-webkit-box-shadow:0 0 15px #888}
.projectitem p {line-height:200%;font-size:1.2em}
.content-right-list h3 {font-size:16px}
.content-right-list ol {margin-bottom:60px}
.content-right-list ol li {list-style-type:decimal;font-size:14px;line-height:1.8}
@media(max-width:768px) {.content-right-list {margin-top:60px}
}
.contact-us {background:#242625}
.contact-us h3 {font-size:60px;line-height:120%;color:#ccc;text-align:center;padding:50px 0}
.contact-us h3 span {font-weight:700;color:#c22c45}
.contact-us h4 {clear:both;margin:50px auto 0;padding:0 0 50px}
.contact-us dl {}
.contact-us dl dt {line-height:40px;color:#cacaca;font-size:26px;margin-bottom:10px}
.contact-us dl dd {color:#aeaeae;font-size:1em}
.content-ditu {height:50.8em;overflow:hidden}
.product_info {overflow:hidden}
.product_info table {color:#535353;width:100%}
.product_info table th {text-align:right;padding:7px 5px;width:120px;font-weight:400;color:#888}
.product_info table td {padding:5px;color:#535353;font-size:.9em}
.product_info table tr {}
.product_info strong {color:#e53f40;font-size:30px}
#dialog_link {margin-left:20px;background:#236298}
@media(max-width:768px) {#dialog_link {margin:20px 0 0}
}
.index-4 {margin:0 0 15px}
.index-4 img {margin-bottom:15px;-moz-box-shadow:0 0 10px #888;-webkit-box-shadow:0 0 10px #888}
.index-4 h4 {font-size:14px}
.index-4 p {font-size:12px;color:#999}
.index-4 p span {font-weight:700}
.content-bottom-list-more {padding:8px 15px;background:#eee;color:#888}
@media(min-width:768px) {.servers-wap {display:none}
.dropdown-menu>li>a {padding:10px 20px}
.navbar .nav>li.oen ul.two {margin:0}
.navbar .nav>li.oen:hover ul.two {display:block}
}
@media(max-width:768px) {.plug-menu {background:#ccc}
.top_menu>li {background:#ccc}
.foot_mp {background:#ccc}
.servers,.foot-share,.content_tools_box {display:none}
ul.nav-pills li.active {clear:both;display:block}
#carousel-example-generic {margin-bottom:30px}
.content-bottom-list-more {display:block;width:110px;margin-bottom:30px}
}
.navbar-right {padding:0}
.top-nav-right .dropdown-menu li {clear:both;width:98%}
.lead {font-size:1em;line-height:1.8}
ul,.index-6 ul {margin:0;padding:0}
.lead img {max-width:100%}
.child {display:none}
.left-menu {line-height:42px;border:1px solid #ccc;border-radius:5px}
.left-menu ul {margin:0;padding:0}
.left-menu ul li a {display:block;padding:0 0 0 40px}
.left-menu ul li.two {padding-left:10px}
.left-menu ul li.three {padding-left:10px}
.left-menu ul li.four {padding-left:10px}
.left-menu ul li.five {padding-left:10px}
.top-login {padding-left:5px}
#projectlist.masonry {margin:0 auto}
#projectlist {}
.wrapper {margin:0 auto}
.post-masonry {margin:0 0 30px;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}
.post-masonry h4 {font-size:14px}
.post-masonry p {line-height:200%;font-size:12px;color:#999}
#print img {max-width:100%}
.cd-gallery::after {clear:both;content:"";display:table}
.cd-gallery>li {overflow:hidden;position:relative;margin-bottom:2em}
.cd-gallery>li>a {display:block}
@media only screen and (min-width:768px) {.cd-gallery {padding:0}
.cd-gallery>li {float:left;margin-bottom:2.5em}
.cd-gallery>li:nth-of-type(2n) {margin-right:0}
}
@media only screen and (min-width:1048px) {.no-touch .cd-gallery>li:hover .cd-dots li.selected a {background:#2f2933;border-color:#2f2933}
.no-touch .cd-gallery>li:hover .cd-dots a {border-color:#9688a0}
.no-touch .cd-gallery>li:hover li.move-right,.no-touch .cd-gallery>li:hover li.move-left {opacity:.3}
}
.cd-item-wrapper {position:relative;overflow:hidden;margin-top:1em}
.cd-item-wrapper li {position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,opacity;-webkit-transform:translateX(200%) scale(.7);-moz-transform:translateX(200%) scale(.7);-ms-transform:translateX(200%) scale(.7);-o-transform:translateX(200%) scale(.7);transform:translateX(200%) scale(.7);-webkit-transition:-webkit-transform .4s,opacity .4s;-moz-transition:-moz-transform .4s,opacity .4s;transition:transform .4s,opacity .4s}
.cd-item-wrapper li.selected {position:relative;opacity:1;-webkit-transform:translateX(0) scale(1.3);-moz-transform:translateX(0) scale(1.3);-ms-transform:translateX(0) scale(1.3);-o-transform:translateX(0) scale(1.3);transform:translateX(0) scale(1.3)}
.cd-item-wrapper li.move-left {-webkit-transform:translateX(-100%) scale(.7);-moz-transform:translateX(-100%) scale(.7);-ms-transform:translateX(-100%) scale(.7);-o-transform:translateX(-100%) scale(.7);transform:translateX(-100%) scale(.7);opacity:.3}
.cd-item-wrapper li.move-right {-webkit-transform:translateX(100%) scale(.7);-moz-transform:translateX(100%) scale(.7);-ms-transform:translateX(100%) scale(.7);-o-transform:translateX(100%) scale(.7);transform:translateX(100%) scale(.7);opacity:.3}
.cd-item-wrapper li.hide-left {-webkit-transform:translateX(-200%) scale(.7);-moz-transform:translateX(-200%) scale(.7);-ms-transform:translateX(-200%) scale(.7);-o-transform:translateX(-200%) scale(.7);transform:translateX(-200%) scale(.7)}
.cd-item-wrapper li img {display:block;width:100%}
@media only screen and (min-width:1048px) {.cd-item-wrapper li.move-left,.cd-item-wrapper li.move-right {opacity:0}
.cd-item-wrapper li.focus-on-left {-webkit-transform:translateX(3%) scale(1.25);-moz-transform:translateX(3%) scale(1.25);-ms-transform:translateX(3%) scale(1.25);-o-transform:translateX(3%) scale(1.25);transform:translateX(3%) scale(1.25)}
.cd-item-wrapper li.focus-on-left.move-right {-webkit-transform:translateX(103%) scale(.7);-moz-transform:translateX(103%) scale(.7);-ms-transform:translateX(103%) scale(.7);-o-transform:translateX(103%) scale(.7);transform:translateX(103%) scale(.7)}
.cd-item-wrapper li.focus-on-right {-webkit-transform:translateX(-3%) scale(1.25);-moz-transform:translateX(-3%) scale(1.25);-ms-transform:translateX(-3%) scale(1.25);-o-transform:translateX(-3%) scale(1.25);transform:translateX(-3%) scale(1.25)}
.cd-item-wrapper li.focus-on-right.move-left {-webkit-transform:translateX(-103%) scale(.7);-moz-transform:translateX(-103%) scale(.7);-ms-transform:translateX(-103%) scale(.7);-o-transform:translateX(-103%) scale(.7);transform:translateX(-103%) scale(.7)}
.cd-item-wrapper li.hover {opacity:1!important}
.cd-item-wrapper li.hover.move-left {-webkit-transform:translateX(-97%) scale(.75);-moz-transform:translateX(-97%) scale(.75);-ms-transform:translateX(-97%) scale(.75);-o-transform:translateX(-97%) scale(.75);transform:translateX(-97%) scale(.75)}
.cd-item-wrapper li.hover.move-right {-webkit-transform:translateX(97%) scale(.75);-moz-transform:translateX(97%) scale(.75);-ms-transform:translateX(97%) scale(.75);-o-transform:translateX(97%) scale(.75);transform:translateX(97%) scale(.75)}
}
.cd-dots {position:absolute;bottom:95px;left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);padding:.2em}
.cd-dots::after {clear:both;content:"";display:table}
.cd-dots li {display:inline-block;float:left;margin:0 5px;pointer-events:none}
.cd-dots li.selected a {background:#2f2933;border-color:#2f2933}
.cd-dots a {display:block;height:6px;width:6px;border-radius:50%;border:1px solid #9688a0;overflow:hidden;text-indent:100%;white-space:nowrap;-webkit-transition:border-color .2s,background-color .2s;-moz-transition:border-color .2s,background-color .2s;transition:border-color .2s,background-color .2s}
@media only screen and (min-width:1048px) {.cd-dots li {pointer-events:auto}
.cd-dots li.selected a {background:#ccc;border-color:#ccc}
.cd-dots a {height:8px;width:8px;border-color:#ccc;background-color:transparent}
}
.cd-item-info {height:90px;line-height:90px;padding:0 2em}
.cd-item-info::after {clear:both;content:"";display:table}
.cd-item-info b,.cd-item-info .cd-price,.cd-item-info .cd-new-price {font-weight:700;font-size:2rem}
.cd-item-info b {float:left}
.cd-item-info b a {color:#2f2933}
.cd-item-info .cd-price,.cd-item-info .cd-new-price {float:right}
.cd-item-info .cd-price {color:#a5d05e;position:relative;margin-left:10px;-webkit-transition:color .2s;-moz-transition:color .2s;transition:color .2s}
.cd-item-info .cd-price::after {content:'';position:absolute;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);left:0;height:2px;width:0%;background-color:#a5d05e;opacity:0;-webkit-transition:width .2s 0s,opacity 0s .2s;-moz-transition:width .2s 0s,opacity 0s .2s;transition:width .2s 0s,opacity 0s .2s}
.cd-item-info .cd-price.on-sale::after {opacity:1;width:100%;-webkit-transition:width .2s 0s,opacity 0s 0s;-moz-transition:width .2s 0s,opacity 0s 0s;transition:width .2s 0s,opacity 0s 0s}
.cd-item-info .cd-new-price {color:#e76363;opacity:0;-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);transform:translateX(5px);-webkit-transition:-webkit-transform .2s,opacity .2s;-moz-transition:-moz-transform .2s,opacity .2s;transition:transform .2s,opacity .2s}
.cd-item-info .cd-new-price.is-visible {-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}
@media only screen and (min-width:768px) {.cd-item-info b,.cd-item-info .cd-price,.cd-item-info .cd-new-price {font-size:2.4rem}
}
.no-js .move-right,.no-js .move-left {display:none}
.credits {width:90%;margin:2em auto;text-align:center}
.no-touch .credits a:hover {text-decoration:underline}
@media(max-width:468px) {#content iframe,.content iframe,#print .edui-faked-video {width:100%;height:auto}
.gizle {top:-90px}
.sabit {top:0;z-index:9999}
}
.carousel img {width:100%}
dl.foot-nav {clear:both;margin-bottom:20px;overflow:hidden}
dl.foot-nav a {color:#9b9b9b}
dl.foot-nav dt {position:relative;padding-bottom:30px;border-bottom:1px solid #9fa0a1;margin-bottom:20px;font-size:1.2em}
dl.foot-nav dt b {position:absolute;display:block;width:39%;height:3px;left:0;bottom:-2px;background-color:#fff}
dl.foot-nav dd {line-height:30px}
dl.foot-nav dd a {font-size:.8em}
.glyphicon-display:before {content:"\e218"}
.view .codearea {display:none}
.dropdown-menu .divider {width:100%}
.div-position a.on {font-weight:700;color:red}
.static {position:static}
#timeline .timeline-item:after,#timeline .timeline-item:before {content:'';display:block;width:100%;clear:both}
*,*:before,*:after {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
#timeline {width:90%;margin:30px auto;position:relative;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease}
#timeline:before {content:"";width:3px;height:100%;background:#ccc;left:50%;top:0;position:absolute}
#timeline:after {content:"";clear:both;display:table;width:100%}
#timeline .timeline-item {margin-bottom:50px;position:relative}
#timeline .timeline-item .timeline-icon {background:#ccc;width:50px;height:50px;position:absolute;top:0;left:50%;overflow:hidden;margin-left:-23px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}
#timeline .timeline-item .timeline-icon img {position:relative;top:14px;left:14px}
#timeline .timeline-item .timeline-content {width:45%;background:#fff;padding:20px;border:1px solid #ccc;-webkit-box-shadow:0 3px 0 #ccc;-moz-box-shadow:0 3px 0 #ccc;-ms-box-shadow:0 3px 0 #ccc;box-shadow:0 3px 0 #ccc;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
#timeline .timeline-item .timeline-content h2 {padding:15px;background:#ccc;color:#fff;margin:-20px -20px 20px;font-size:1.2em;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-ms-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}
#timeline .timeline-item .timeline-content:before {content:'';position:absolute;left:45%;top:20px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #ccc}
#timeline .timeline-item .timeline-content.right {float:right}
#timeline .timeline-item .timeline-content.right:before {content:'';right:45%;left:inherit;border-left:0;border-right:7px solid #ccc}
#timeline .timeline-item .btn {padding:5px 15px;text-decoration:none;background:0 0;border:2px solid #ccc;color:#ccc;display:inline-block;position:relative;text-transform:uppercase;font-size:12px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;-webkit-box-shadow:2px 2px 0 #ccc;-moz-box-shadow:2px 2px 0 #ccc;-ms-box-shadow:2px 2px 0 #ccc;box-shadow:2px 2px 0 #ccc}
#timeline .timeline-item .btn:hover {box-shadow:none;top:2px;left:2px;-webkit-box-shadow:2px 2px 0 transparent;-moz-box-shadow:2px 2px 0 transparent;-ms-box-shadow:2px 2px 0 transparent;box-shadow:2px 2px 0 transparent}
@media screen and (max-width:768px) {#timeline {margin:30px;padding:0}
#timeline:before {left:0}
#timeline .timeline-item .timeline-content {width:90%;float:right}
#timeline .timeline-item .timeline-content:before,#timeline .timeline-item .timeline-content.right:before {left:10%;margin-left:-6px;border-left:0;border-right:7px solid #ccc}
#timeline .timeline-item .timeline-icon {left:0}
.timeline-content p {font-size:12px}
}
.timeline-icon span.glyphicon {margin:13px 0 0 15px;font-size:20px;color:#fff}
.btn-primary {background-color:#218ecd;border-color:#218ecd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {z-index:2;color:#fff;cursor:default;background-color:#218ecd;border-color:#218ecd}
.pagination>li>a,.pagination>li>span {color:#218ecd}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {color:#218ecd}
#page strong {background:#218ecd}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {color:#fff;background-color:#218ecd}
#dialog_link {background:#218ecd}
.list-group-item.active>.badge,.nav-pills>.active>a>.badge {color:#218ecd;background-color:#fff}
.comm input.btn {background:#218ecd;color:#fff}
.pages strong,.pages span {color:#fff;background:#218ecd}
.btn-primary .badge {color:#218ecd;background-color:#fff}
*/ body {font-family:Microsoft Yahei;overflow-x:hidden;color:#666;font-size:14px}
ul,ol,li {list-style:none}
.section1 {padding:60px 0}
.section1 .row {margin-left:0;margin-right:0}
.section1 [class*=col-] {padding-left:0;padding-right:0}
.s1-item {height:190px;background:#f9f9f9;padding:20px;text-align:center}
.section1 [class*=col-]:nth-child(even) .s1-item {background:#ececec}
.s1-img {height:60px;width:60px;margin:20px auto 10px}
.s1-text {}
.s1-text h4 {color:#333;margin-bottom:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.s1-text h4 a {color:#333}
.s1-text p {color:#666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.s1-text p a {color:#666}
.s1-item2 {background:#2870cc;position:relative}
.s1-item2-1 {background:url(../images/s1-item2.jpg);background-size:cover;padding:30px 50px}
.s1-item2-text {text-align:center;padding-top:10px;margin-bottom:30px}
.s1-item2-text p {color:#fff;font-size:34px;text-transform:capitalize}
.s1-item2-text p:after {content:"";display:block;height:1px;width:2em;background:rgba(255,255,255,.5);margin:20px auto}
.s1-item2-text h4 {color:#fff;font-size:42px}
.s1-item2-text>span {color:rgba(255,255,255,.3);font-size:16px}
.sousuo10 {max-width:500px;height:40px;margin:0 auto;border-bottom:1px solid rgba(255,255,255,.5);width:100%;line-height:0;display:table;box-sizing:border-box}
.text10 {height:40px;line-height:40px;padding:0 10px;border:0;background:0 0;color:rgba(255,255,255,.5);display:table-cell;width:100%;float:left}
.sousuo10-btn {width:1%;vertical-align:middle;display:table-cell}
.btn10 {height:40px;line-height:40px;width:40px;overflow:hidden;color:#fff;border:0;background:url(../images/sousuo10.png) center center no-repeat;cursor:pointer;text-align:center}
@media screen and (min-width:992px) {.s1-item2 {height:190px}
.s1-item2-1 {height:auto;position:absolute;left:-50px;right:-50px;top:-50px;bottom:-50px;z-index:2}
.section1 [class*=col-]:nth-child(5) .s1-item {background:#ececec}
.section1 [class*=col-]:nth-child(5)~[class*=col-]:nth-child(even) .s1-item {background:#f9f9f9}
.section1 [class*=col-]:nth-child(5)~[class*=col-]:nth-child(odd) .s1-item {background:#ececec}
}
.s1-item3 {height:190px;background:#2e3545;padding:20px}
.s1-item3-1 {text-align:center;padding-top:30px}
.s1-item3-ico {display:inline-block;vertical-align:middle;margin-right:5px;margin-top:10px;height:40px;width:40px;background:url(../images/s1-ico.png) center center no-repeat}
.s1-item3-1-text {display:inline-block;vertical-align:middle}
.s1-item3-1 p {text-align:left;color:#fff;font-size:12px;margin-bottom:0}
.s1-item3-1 h4 {text-align:left;font-size:16px;color:#fff;margin:0}
.s1-item3-1 p a {color:#fff}
.s1-item3-1 h4 a {color:#fff}
.s1-item3 h3 {text-align:center;color:#297aff;font-size:26px;font-weight:700}
.section2 {padding:60px 0 30px;background:url(../images/s2-bg.jpg) center center no-repeat;background-size:cover}
.s2-title {text-align:center;margin-bottom:30px}
.s2-title h4 {color:#fff;font-size:40px;font-weight:700;margin-bottom:15px}
.s2-title h4 a {color:#fff}
.s2-title p {display:inline-block;padding:5px 30px;background:#fff;color:#2a7cd0;border-radius:30px}
.s2-item {text-align:center;margin:30px 0}
.s2-img {display:inline-block;height:128px;width:128px;border:4px solid #5db6ea;border-radius:50%;margin-bottom:25px}
.s2-img img {width:100%;height:100%;object-fit:cover;border-radius:50%}
.s2-text {}
.s2-text h4 {font-size:20px;font-weight:700;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:0}
.s2-text h4 a {color:#fff}
.s2-text h4:after {content:"";display:block;height:2px;width:1em;background:#fff;margin:20px auto}
.s2-text p {color:#fff}
.s2-more {margin-top:30px;text-align:center}
.section3 {padding:60px 0;overflow:hidden}
.s3-title {position:relative;padding-left:55px;padding-top:55px;margin-bottom:30px}
.s3-title:after {content:"";display:table;clear:both}
.s3-title em {position:absolute;left:0;top:0;z-index:1;font-size:160px;color:transparent;font-style:normal;font-weight:700;line-height:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.s3-title em:first-letter {color:#d9e3fe}
.s3-title p {position:relative;z-index:2;font-size:50px;color:#616161;line-height:1}
.s3-title h4 {position:relative;z-index:2;font-size:30px;color:#626262;line-height:1;margin-top:0}
.s3-title ul {position:relative;z-index:3;float:right;border-bottom:1px solid #999;padding-bottom:10px;margin-top:20px}
.s3-title ul:after {content:"";display:block;position:absolute;height:1px;width:1000px;background:#999;left:100%;bottom:-1px}
.s3-title ul li {display:inline-block;margin-top:40px;margin-right:10px;font-size:16px}
.s3-title ul li a {}
@media screen and (min-width:992px) and (max-width:1199px) {.s3-title p {font-size:40px}
.s3-title h4 {font-size:26px}
.s3-title ul li a {font-size:14px}
}
@media screen and (min-width:768px) and (max-width:991px) {.s3-title {padding-bottom:50px}
.s3-title ul {float:none;position:absolute;left:0;bottom:0}
}
@media screen and (min-width:0) and (max-width:767px) {.section3 {padding-top:0}
.s3-title {padding-left:0}
.s3-title ul {display:none}
.s3-title p {font-size:22px}
.s3-title h4 {font-size:26px}
}
.s3-item {margin:1px 0}
.s3-img {display:block;overflow:hidden}
.s3-img img {width:100%;height:auto;margin:0 auto;transition:600ms}
.s3-item:hover .s3-img img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.s3-text {padding:1px;text-align:left}
.s3-text h4 {font-size:20px;color:#666;border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.s3-text h4 a {color:#666}
.s3-text p {color:#999;font-size:16px}
.s3-text p a {color:#999}
@media screen and (min-width:992px) and (max-width:1199px) {.s3-text h4 {font-size:24px}
}
@media screen and (min-width:768px) and (max-width:991px) {.s3-text h4 {font-size:22px}
}
@media screen and (min-width:480px) and (max-width:767px) {.s3-text h4 {font-size:20px}
}
@media screen and (min-width:320px) and (max-width:479px) {.s3-text h4 {font-size:18px}
}
.section4 {padding:14px 0;background:url(../images/s4-bg.jpg) center center no-repeat;background-size:cover}
.s4-title {text-align:center;margin-bottom:70px}
.s4-title span {font-size:16px;color:#fff}
.s4-title h4 {color:#fff;font-size:30px;margin:5px 0}
.s4-title h4 a {color:#fff}
.s4-title p {color:#fff;font-size:12px}
.s4-title p a {color:#fff}
#owl-demo4 {position:relative;padding:0;margin:0}
#owl-demo4 .owl-stage-outer {overflow:hidden;position:relative;z-index:10}
#owl-demo4 * {box-sizing:border-box;text-align:center}
#owl-demo4 .owl-item {float:left}
#owl-demo4 .owl-controls {margin-top:0;text-align:center}
#owl-demo4 .owl-controls .owl-nav {}
#owl-demo4 .owl-controls .owl-nav [class*=owl-] {font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block;height:58px;width:58px;font-size:30px;position:absolute;top:50%;margin-top:-29px;cursor:pointer;overflow:hidden;z-index:11;display:inline-block;line-height:58px;text-align:center;color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
#owl-demo4 .owl-controls .owl-nav .owl-prev {left:0;background:#a7bdf6}
#owl-demo4 .owl-controls .owl-nav .owl-next {right:0;background:#a7bdf6}
#owl-demo4 .owl-controls .owl-nav .owl-prev:before {content:"\f104"}
#owl-demo4 .owl-controls .owl-nav .owl-next:before {content:"\f105"}
#owl-demo4 .owl-controls .owl-nav .owl-prev:hover {background:#00eaff}
#owl-demo4 .owl-controls .owl-nav .owl-next:hover {background:#00eaff}
#owl-demo4 .owl-dots {}
#owl-demo4 .owl-dots .owl-dot {display:inline-block;zoom:1}
#owl-demo4 .owl-dots .owl-dot span {width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-ms-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
#owl-demo4 .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {background:#869791}
@media screen and (min-width:1400px) {#owl-demo4 .owl-controls .owl-nav .owl-prev {left:-100px}
#owl-demo4 .owl-controls .owl-nav .owl-next {right:-100px}
}
.s4-item {position:relative;margin:31px 0;background:#fff;padding:50px}
.s4-item h4 {font-size:26px;color:#333;line-height:32px;height:64px;overflow:hidden}
.s4-item p {line-height:24px;height:87px;overflow:hidden;border-top:1px solid #ccc;margin-top:20px;padding-top:15px;margin-bottom:0}
.s4-ico {height:62px;width:62px;position:absolute;left:50px;top:-31px;z-index:2;background:#fff;border-radius:50%;overflow:hidden;box-shadow:1px 1px 15px rgba(0,0,0,.3);margin-left:100px}
.s4-ico img {height:100%;width:100%;border-radius:50%}
.s4-item:hover .s4-ico {background:#436fd5}
.s4-item:hover .s4-ico img {transform:translateY(-62px);filter:drop-shadow( 0 62px #fff)}
.s4-ico1 {background:#fff url(../images/s4-ico1.png) center center no-repeat}
.s4-ico2 {background:#fff url(../images/s4-ico2.png) center center no-repeat}
.s4-ico3 {background:#fff url(../images/s4-ico3.png) center center no-repeat}
.s4-item:hover .s4-ico1 {background:#436fd5 url(../images/s4-ico11.png) center center no-repeat}
.s4-item:hover .s4-ico2 {background:#436fd5 url(../images/s4-ico21.png) center center no-repeat}
.s4-item:hover .s4-ico3 {background:#436fd5 url(../images/s4-ico31.png) center center no-repeat}
.s4-item:after {content:"";display:block;position:absolute;height:10px;left:15px;right:15px;bottom:-7px;background:rgba(255,255,255,.3)}
.s4-more {margin:30px 0 0;text-align:center}
.s4-more a {border:1px solid #fff;display:inline-block;padding:6px 40px;border-radius:50px;color:#fff}
.section5 {padding:60px 0 0}
.s5-bg {margin-top:60px}
.s5-title {position:relative;padding-left:55px;padding-top:55px;margin-bottom:30px}
.s5-title:after {content:"";display:table;clear:both}
.s5-title em {position:absolute;left:0;top:0;z-index:1;font-size:160px;color:transparent;font-style:normal;font-weight:700;line-height:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.s5-title em:first-letter {color:#d9e3fe}
.s5-title p {position:relative;z-index:2;font-size:50px;color:#616161;line-height:1}
.s5-title h4 {position:relative;z-index:2;font-size:30px;color:#626262;line-height:1;margin-top:0}
@media screen and (min-width:992px) and (max-width:1199px) {.s5-title p {font-size:40px}
.s5-title h4 {font-size:26px}
}
@media screen and (min-width:768px) and (max-width:991px) {.s5-title {padding-bottom:50px}
}
@media screen and (min-width:0) and (max-width:767px) {.section3 {padding-top:0}
.s5-title {padding-left:0}
.s5-title p {font-size:22px}
.s5-title h4 {font-size:26px}
}
.s5 {padding:50px;background:#e3eafd}
.s5-img {}
.s5-img img {width:100%;height:auto}
.s5-text {padding-left:30px}
.s5-text h4 {font-size:30px;color:#666;position:relative}
.s5-text h4:after {content:"";display:block;height:2px;width:30px;position:absolute;top:50%;margin-top:-1px;right:100%;background:#666;margin-right:30px}
.s5-text h4 a {color:#666}
.s5-text span {color:#999;display:block;margin-bottom:30px}
.s5-text p {line-height:24px;height:120px;overflow:hidden;color:#666;margin-bottom:20px}
.s5-text a {display:inline-block;padding:2px 20px;background:#3c73f3;transform:skewx(-20deg)}
.s5-text a em {display:block;color:#fff;font-size:14px;font-style:normal;transform:skewx(20deg)}
@media screen and (min-width:0) and (max-width:991px) {.section5 {padding-top:20px}
.s5 {padding-top:0;padding-bottom:30px}
.s5-text {padding-top:15px;padding-right:15px;padding-left:30px}
.s5-text h4:after {display:none}
}
@media screen and (min-width:992px) and (max-width:1199px) {.s5 {padding:30px}
}
@media screen and (min-width:768px) and (max-width:991px) {.s5 {padding:20px}
}
@media screen and (min-width:0) and (max-width:767px) {.s5 {padding:0 0 20px}
}
.section6 {background:#2976fa}
#owl-demo6 {position:relative;padding:0;margin:0}
#owl-demo6 .owl-stage-outer {overflow:hidden;position:relative;z-index:10}
#owl-demo6 * {box-sizing:border-box}
#owl-demo6 .owl-item {float:left}
#owl-demo6 .owl-controls {margin-top:0;text-align:center}
#owl-demo6 .owl-controls .owl-nav {}
#owl-demo6 .owl-controls .owl-nav [class*=owl-] {font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block;height:58px;width:58px;font-size:30px;position:absolute;top:50%;margin-top:-29px;cursor:pointer;overflow:hidden;z-index:11;display:inline-block;line-height:58px;text-align:center;color:#2976fa;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
#owl-demo6 .owl-controls .owl-nav .owl-prev {left:0;background:#fff}
#owl-demo6 .owl-controls .owl-nav .owl-next {right:0;background:#fff}
#owl-demo6 .owl-controls .owl-nav .owl-prev:before {content:"\f104"}
#owl-demo6 .owl-controls .owl-nav .owl-next:before {content:"\f105"}
#owl-demo6 .owl-controls .owl-nav .owl-prev:hover {background:#e3eafd}
#owl-demo6 .owl-controls .owl-nav .owl-next:hover {background:#e3eafd}
#owl-demo6 .owl-dots {}
#owl-demo6 .owl-dots .owl-dot {display:inline-block;zoom:1}
#owl-demo6 .owl-dots .owl-dot span {width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-ms-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
#owl-demo6 .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {background:#869791}
@media screen and (min-width:1400px) {#owl-demo6 .owl-controls .owl-nav .owl-prev {left:-100px}
#owl-demo6 .owl-controls .owl-nav .owl-next {right:-100px}
}
.s6 {background:#fff;padding:0 10px}
.s6-item {}
.s6-item img {width:100%;height:auto}
.section8 {padding:30px 0}
.s8-item {margin:20px 0;text-align:center}
.s8-item img {max-width:100%;height:auto}
.foot {background:#218ecd}
.foot1 {height:430px;position:relative;padding-right:390px}
.foot1:after {content:"";display:table;clear:both}
.foot-r {position:absolute;right:0;top:0;width:300px;padding:70px 30px 0;height:500px;background:#202125}
.foot-r:after {content:"";display:block;height:1px;width:100%;position:absolute;left:0;right:0;bottom:69px;background:rgba(255,255,255,.3)}
.foot-r>span {text-align:center;display:block;font-size:16px;color:#fff}
.foot-r h4 {text-align:center;font-size:26px;font-weight:700;color:#218ecd;margin-bottom:30px}
.foot-r img {width:132px;height:132px;margin:0 auto;display:block}
.foot-r p {text-align:center;color:#fff;font-size:14px;margin-top:5px}
.foot-fenxiang {position:absolute;left:0;right:0;bottom:0;height:70px;padding-top:16px;text-align:center}
.foot-fenxiang:after {content:"";display:table;clear:both}
.foot-fenxiang a {display:inline-block;height:40px;width:40px;text-align:center;line-height:38px;color:#fff;margin:0 5px;cursor:pointer;border-radius:50%}
.foot-fenxiang a:hover {background:#ccc;color:#333}
.foot2 {overflow:hidden;padding-top:60px;padding-bottom:60px;padding-right:30px}
.foot-ul {position:relative;height:250px}
@media screen and (min-width:768px) {.foot-ul {border-right:1px solid rgba(255,255,255,.3)}
}
.foot-ul:after {position:absolute;content:"";display:block;height:30px;width:1px;background:rgba(255,255,255,.3);top:100%;right:-9px;margin-top:-2px;transform:rotate(-30deg)}
.foot-ul:before {position:absolute;content:"";display:block;height:5px;width:5px;background:rgba(255,255,255,.3);right:-19px;bottom:-30px;border-radius:50%}
.foot2 ul {padding:0;margin:0}
.foot2 h4 {font-size:22px;color:#fff}
.foot2 h4 a {color:#fff}
.foot2 span {margin-bottom:25px;display:block;font-size:24px;color:rgba(255,255,255,.5);text-transform:capitalize}
.foot2 li a {color:rgba(255,255,255,.8)}
.foot2 li {line-height:30px}
.copyright {border-top:1px solid #4da5d7;background:#218ecd;height:70px;overflow:hidden}
.copyright1 {padding-right:360px}
.copyright {line-height:69px;color:#fff}
.copyright1 a {color:#fff}
@media screen and (min-width:992px) and (max-width:1199px) {.foot1 {padding-right:300px}
}
@media screen and (min-width:0) and (max-width:991px) {.foot1 {padding-right:0;height:auto;margin:0 -15px}
.foot2 {padding:20px 15px}
.foot-ul:after {display:none}
.foot-ul:before {display:none}
.foot-r {position:static;width:auto}
.foot-r {margin-left:-15px;margin-right:-15px}
.copyright {height:auto;line-height:24px;padding:15px 0}
.copyright1 {padding:0}
}
.mianbao {line-height:19px;padding-top:20px;padding-bottom:20px;text-align:right;border-bottom:1px solid #ccc;color:#242424}
.mianbao a {margin:0 5px;color:#242424}
.mianbao a:hover {color:#a80000}
.title20 {padding:30px 0}
.title20:after {content:"";display:table;clear:both}
.title20 h4 {font-size:30px;color:#555}
.title20 ul {padding:0;margin:10px 0 0;float:right}
.title20 ul li {display:inline-block}
.title20 ul li a {display:inline-block;padding:3px 20px;border-radius:20px;font-size:16px;color:#999}
.title20 ul li a.on,.title20 ul li a:hover {color:#fff;background:#218ecd}
@media screen and (min-width:768px) and (max-width:991px) {.title20 ul li a {padding:3px 15px;font-size:14px}
}
@media screen and (min-width:0) and (max-width:767px) {.title20 ul {display:none}
}
@media screen and (min-width:0) and (max-width:767px) {.bs-slider {margin-top:63px}
}
@media(max-width:767px) {.navbar-default .navbar-nav .open .dropdown-menu>li>a {color:#fff}
}
.navbar-default .navbar-toggle .icon-bar {background-color:#fff}
@media(max-width:767px) {.navbar-nav>li>.dropdown-menu:before {display:none}
.navbar-nav>li>.dropdown-menu:after {display:none}
}


.com-pdg{
	padding: 60px 0;
}
.w1200{
	max-width: 1200px;
	width: 100%;
	margin: auto;
}
.bk-con:nth-child(2), .bk-con:nth-child(3){
	margin-top: 30px;
}
.ztop{
	display: flex;
	justify-content: space-between;
}
.z1 a{
	font-size: 20px;
	color: #333;
	font-weight: bold;
}
.bk-box{
	margin-top: 10px;
}
.bk-box .bli{
	float: left;
	width: 48%;
	margin-right: 4%;
	box-sizing: border-box;
	border-top: 1px dashed #ddd;
	padding: 15px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.bk-box .bli:nth-child(2n){
  margin-right: 0 ;
}
.bk-box .bli:nth-child(1), .bk-box .bli:nth-child(2){
	border-top: 0px;
}
.clearfix::after{
	clear:both;
	content:'';
	display:block;
	width: 0;
	height: 0;
	visibility:hidden;
}
.bk-box .bli{
	float: left;
	width: 48%;
	margin-right: 4%;
	box-sizing: border-box;
	border-top: 1px dashed #ddd;
	padding: 15px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.bk-box .bli:nth-child(2n){
  margin-right: 0 ;
}
.bk-box .bli:nth-child(1), .bk-box .bli:nth-child(2){
	border-top: 0px;
}
.bli a {
    background: url(../images/bk.png) no-repeat 0px 50%;
    padding-left: 14px;
    color: #333333;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	flex: 1;
}
.bli span {
	text-align: right;
    display: block;
    width: 110px;
    color: #999;
}

.bli:hover a {
    color: #0857a5;
}
.bk-con:nth-child(2), .bk-con:nth-child(3){
	margin-top: 30px;
}