body {
    background:#f2f2f2;
    color: #333;
    font-family: Helvetica,"Microsoft Yahei",Arial,sans-serif, "宋体";
    font-size: 14px;
    margin: 0;
}

.header {
    background: #f5f7fa;
    border-bottom: 1px solid #e6e9ed;
    height: 40px;
    width: 100%;
}

.header-top {
    color: #506a85;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    overflow: hidden;
}

.fr {
    float: right;
}

.header-nav {
    background-color: rgba(255, 255, 255, 0.97);
    border-bottom: 1px solid #e6e9ed;
    height: 85px;
}

.head-logo {
    height: 85px;
    margin: 0 auto;
    padding: 0 43px;
}

.head-logo a
{
    text-decoration:none;
    font-size:24px;
}

.logos {
    display:inline-block;
    margin-top: 8px;
    font-weight:bold;
    line-height:58px;
}

.logos.fixed{
	 margin-top: 0px;
}

.logos .img{
    height: 50px;
}

.nav li {
    float: left;
}

.nav li a {
    color:#333;
    font-size: 18px;
    padding: 8px 20px;
}

.nav li .little-a
{
   display:inline-block;
   height:65px;
   line-height:50px;
}

.nav li .normal-a
{
   display:inline-block;
   height:85px;
   font-size: 18px;
   line-height:80px;
}

.nav li a.active
{
    color:#3388ff;
    border-bottom: 3px solid #3388ff;
}

.nav li a:hover
{
    color:#3388ff;
    border-bottom: 3px solid #3388ff;
}

.nav li a:hover
{
    background-color: rgba(255, 255, 255, 0.97);
}

.fixed-top
{
   background-color: rgba(255, 255, 255, 0.97);
   border-bottom: 1px solid #e6e9ed;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    height:65px;
}

.fixed-autos a
{
    text-decoration:none;
    font-size:18px;
}

.fixed-autos {
    margin: 0 auto;
}

.header-none
{
   display: none;
}

.header-show
{
   display: block;
}

.footer-bottom {
	height: 180px;
    text-align: center;
    background: #fff;
    font: 14px/24px "Microsoft YaHei";
    color: #5d5d5d;
}

.foot-bottom
{
    padding:30px 0 10px 0 ;
}

.foot-bottom a {
    color: #b2b7c4;
    font-size: 14px;
}

.foot-bottom a:hover {
    color: #0077b3;
	text-decoration:none;
}

.footer-top
{
    background: #1e374c;
    overflow: hidden;
    padding: 20px 0;
}

.footer-top .wrapper
{
    padding:0 100px;
}

.footer-top .wx
{
    border-left: 1px solid #49515d;
}

.footer-top ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.footer-top ul li{
    color: #fff;
}

.footer-top ul li span{
    display: inline-block;
    font-size: 14px;
    margin-bottom: 12px;
    color:#b2b7c4;
}

.footer-top ul li h3 {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 15px;
    margin-right: 60px;
}

.footer-top ul li a {
    color: #b2b7c4;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
}

.footer-top ul li a:hover {
    text-decoration:underline;
}

.pagin{position:relative;margin-bottom:10px;padding:0 12px;}

.pagin .blue{color:#005293;font-style:normal;}

.pagin ul {
    list-style:none;
}

.pagin a {
     list-style:none;
    text-decoration:none;
}

.pagin .paginList{position:absolute;right:12px;top:0;}

.pagin .paginList .paginItem{float:left;}

.pagin .paginList .paginItem span{ display:block;}

.pagin .paginList .paginItem a{float:left;width:31px;height:28px;border:1px solid #DDD; text-align:center;line-height:30px;border-left:none;color:#3399d5;}

.pagin .paginList .paginItem:first-child a{border-left:1px solid #DDD;}

.pagin .paginList .paginItem:first-child a{border-bottom-left-radius:5px;border-top-left-radius:5px;}

.pagin .paginList .paginItem:last-child a{border-bottom-right-radius:5px;border-top-right-radius:5px;}

.pagin .paginList .paginItem.current,.pagin .paginList .paginItem.current a{background:#f5f5f5; cursor:default;color:#737373;}

.pagin .paginList .paginItem:hover{background:#f5f5f5;}

.pagin .paginList .paginItem.more,.pagin .paginList .paginItem.more a:hover{ cursor:default;}

.pagin .paginList .paginItem.more:hover{background:#FFF;}

.pagin .paginList .paginItem.more a{color:#737373;}

.pagepre{background:url(../img/pre.gif) no-repeat center center; width:31px; height:28px;}

.pagenxt{background:url(../img/next.gif) no-repeat center center; width:31px; height:28px;}

.pagepre_d{background:url(../img/pre_d.gif) no-repeat center center; width:31px; height:28px;}

.pagenxt_d{background:url(../img/next_d.gif) no-repeat center center; width:31px; height:28px;}

.pagin .paginList-go{right:90px;}

.pagetwo-go{position:absolute;right:8px; top:0px}

/*page1*/

.pager{padding:4px;background-color:#fff;margin-bottom:4px;}

.pager a{color:#000;}

.pager .disabled {border:1px solid #999;color:#ADAAAD;margin: 4px 3px;padding: 2px 6px;text-align:center;}

.pager .current {background-color:#8AA8C2;border:1px solid #DEDFDE;color:#FF0084;font-weight:bold;padding: 2px 6px;text-align:center;}

.pager span{ display:inline;}

.pager span, .pager a{margin: 4px 3px;}

.pager a {border:1px solid #DEDFDE;padding: 2px 6px;text-align:center;text-decoration:none;line-height:100%;}

.pager a:hover{border:1px solid #DEDFDE;padding: 2px 6px;text-align:center;text-decoration:none;line-height:100%;color:#fff;background-color:#0061de;}

.input20{border: 1px solid #bbc3bb;background-color: #fff;width:20px;height:20px;}

.btngo {background: url("../img/btnGO.jpg") repeat-x scroll 0 0 transparent;cursor: pointer;height: 26px;line-height: 26px;width:27px;overflow: hidden;border: 1px solid #fff;}


.plat {
     margin-bottom:40px;
}
.plat .title {
	height: 170px;
	padding-top: 68px;
	font: 40px/40px "Microsoft Yahei";
	text-transform: uppercase;
	color: #636e7e;
	text-align: center;
	overflow: hidden;
}

.plat .title a{
    color: #636e7e;
    text-decoration: none;
}

.plat .title span {
	display: block;
	height: 24px;
	font-size: 20px;
	color: #636e7e;
	line-height: 24px;
	margin-top: 10px;
	background: url(../img/pal_tx.jpg) no-repeat center center;
}

.feature-box {
    margin-top: 15px;
    margin-bottom: 15px;
}
.pt-1{
	margin-bottom: 20px;
}

.pt-1 .title{
	display: block;
	font-size: 36px;
	color: #00acff;
	height: 65px;
	line-height: 36px;
	padding-top:0;
}

.pt-1 .info{
    font: 14px/24px "Microsoft Yahei";
    overflow:hidden;
    text-indent: 2em;
}

.pt-1 .info .d{
    text-indent: 2em;
	margin-bottom: 20px;
}

.pt-2 {
    height: 80px;
    font: 28px/28px "Microsoft Yahei";
    color: #636e7e;
    text-transform: uppercase;
}

.pt-2 span {
    display: block;
    font-size: 20px;
    line-height: 36px;
}

.pt-3 {
    height: 88px;
    font: 16px/26px "Microsoft Yahei";
}

.pl_t3 span {
    display: inline-block;
    height: 26px;
    padding-left: 22px;
    background: url(../img/pla_d1.jpg) no-repeat 0 10px;
    overflow: hidden;
    margin-right: 30px;
}

.pl_t4 {
    height: 35px;
    font: 14px/35px "Microsoft Yahei";
}

.pl_t4 span {
    width: 165px;
    height: 35px;
    display: block;
    float: left;
    margin-right: 15px;
    background: url(../img/pla_b1.jpg) no-repeat center top;
    overflow: hidden;
}

.pl_t4 span a {
    display: block;
    color: #636e7e;
    text-decoration: none;
    padding-left: 22px;
}

.serv {
    height: 660px;
    background: url(../img/ser_bj.jpg) no-repeat center top;
    overflow: hidden;
    background-size: 100% 100%;
}

.serv .title,.case .title,.news .title {
    padding-top: 70px;
    font: 40px/40px "Microsoft Yahei";
    text-transform: uppercase;
    color: #636e7e;
    text-align: center;
    overflow: hidden;
    padding-bottom:40px;
}

.serv .title a,.case .title a ,.news .title a {
    color: #636e7e;
    text-decoration: none;
}

.serv .title span,.case .title span,.news .title span  {
    display: block;
    font-size: 20px;
    color: #636e7e;
    line-height: 20px;
    padding-top: 14px;
}

.serv-item-box {
    background: #fff;
    height: 402px;
}
.serv-item-box a{
    text-decoration:none;
}

.serv-item-head {
    height: 224px;
    overflow: hidden;
    text-align: center;
    background: #00acff;
    margin-bottom: 18px;
}

.serv-item-head  img {
    width: 110px;
    height: 80px;
    display: block;
    margin: 45px auto 16px;
}

.serv-item-head span {
    display: block;
    font: 26px/26px "Microsoft Yahei";
    color: #fff;
}

.serv-item-head em {
    display: block;
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
}

.serv-item-info {
    margin: 0 auto;
    font: 14px/24px "Microsoft Yahei";
    color: #636e7e;
    padding:15px;
}

.image-caption {
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 90%;
    height: 100%;
    padding-top: 35%;
    display: none;
    text-align: center;
    color: #fff !important;
    z-index: 2;
}
.portfolio-wrapper{
	position: relative;
}
.case {
    padding-bottom: 55px;
}
.ca_t1 {
    font: 25px/25px "Microsoft Yahei";
    color: #fff;
    text-align: center;
    position: absolute;
    top: 35px;
    z-index: 33;
	width: 100%;
	text-align: center;
}
.ca_t1 .ca_t1_title{
	border-bottom: 1px dashed #d1d1d1;
	margin-bottom: 10px;
	padding-bottom: 15px;
}

.ca_t1_i{
	color: #efefef;
	padding: 14px 20px;
	font-size: 14px;
	text-align: left;
	text-indent: 2em;
}



.ca_t1 a {
    color: #00acff;
    text-decoration: none;
}

.ca_t1 span {
    display: block;
    font-size: 14px;
    line-height: 16px;
    padding-top: 14px;
    text-transform: uppercase;
	color: #efefef;
}

.ca_t2 {
    top: -210px;
    left: 0;
    z-index: 22;
}

.ca_t2 p {
    margin: 0 auto;
    font: 14px/24px "Microsoft Yahei";
    color: #fff;
    padding-top: 46px;
    width: 210px;
}

.ca_t2 em {
    display: block;
    width: 32px;
    height: 29px;
    margin: 0 auto;
    padding-top:45px;
}

.faq h4 {
    height: 93px;
    font: 20px/20px "Microsoft Yahei";
    color: #fff;
    background: #00acff;
    padding-left: 18px;
    margin:0;
}

.faq h4 span {
    display: block;
    font: 40px/40px Arial;
    color: #fff;
    text-transform: uppercase;
    padding-top: 18px;
}

.faq .faq_con {
    background: #efeff0;
    height: 310px;
    padding-left: 22px;
    padding-top: 26px;
	padding-bottom: 10px;
    overflow:hidden;
}

.faq dl {
    width: 234px;
    height: 66px;
    font: 14px/24px "Microsoft Yahei";
    color: #767f8d;
}

.faq dt {
    padding-left: 0px;
    height: 30px;
    background: url(../img/faq_q.jpg) no-repeat 0 0;
    overflow: hidden;
}

.faq dt a {
    color: #767f8d;
    text-decoration: none;
}

.faq dd {
    padding-left: 0px;
    background: url(../img/faq_a.jpg) no-repeat 0 0;
}

.new-item {
    overflow:hidden;
    background: #fff;
    margin-bottom: 20px;
}

.news-date {
    width: 80px;
    height: 126px;
    float: left;
    background: url(../img/news_t1.jpg) no-repeat 0 0;
    font: 24px/24px "Microsoft Yahei";
    color: #fff;
    margin-right: -80px;
}

.news-date span {
    display: block;
    padding: 26px 0 20px 18px;
}

.news-date em {
    display: block;
    padding-left: 44px;
}

.news-info  {
    padding: 16px 15px 0 105px;
    font: 14px/24px "Microsoft Yahei";
    color: #5d5d5d;
}

.news-info p {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 16px;
    width: 485px;
    height: 16px;
    overflow: hidden;
}

.news-info p a {
    color: #00acff;
    text-decoration: none;
}

.whitebg {
    background:#fff;
}

.news-info .atitle {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 16px;
    height: 16px;
}

.news-info .atitle a {
    color: #00acff;
    font-size: 16px;
    text-decoration: none;
}

.ainfo {
    padding-top:15px;
}

.cuslink {
    height: 403px;
    background: url(../img/link_bj.jpg) no-repeat center top;
    overflow: hidden;
    background-size: 100% 100%;
}

.cuslink .title {
    padding-top: 48px;
    padding-bottom:25px;
    font: 30px/30px "Microsoft Yahei";
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.link_con {
    height: 84px;
    border: 1px solid #fff;
    margin-bottom: 25px;
    overflow: hidden;
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 10px;
}

.link_con h4 {
    width: 208px;
    float: left;
    border-right: 1px solid #fff;
    font: 30px/30px "Microsoft Yahei";
    color: #fff;
    overflow: hidden;
    margin: 0;
    text-align: center;
    line-height: 80px;
}

.link_con p {
    width: 900px;
    height: 84px;
    float: right;
    font: 12px/14px "Microsoft Yahei";
    overflow: hidden;
}

.link_con p a {
    color: #fff;
    display: inline-block;
    text-decoration: none;
    margin: 20px 25px 0;
}

.leib2 {
    margin-top: 10px;
}

.leib2 .tit{
    color: #fff;
    font-size: 18px;
    background: #00acff;
    padding: 22px;
    text-align: center;
    overflow: hidden;
}

.leib2 .tit a {
    color: #fff;
}

.leib2 .nr {
    border: 1px solid #ececec;
    padding: 10px 4px 10px;
}

.leib2 .nr h3 {
    background: #efeff0;
    height: 65px;
    line-height: 65px;
    font-weight: bold;
    text-indent: 0px;
    font-family: "Microsoft Yahei";
    text-align: center;
    margin-bottom: 10px;
}

.nr h3.cur a {
    text-decoration: none;
    color: #00acff;
}

.nr h3 a {
    color: #494949;
    font-size: 18px;
}

.leib2 .nr h3 a:hover,.leib2 .nr h3.cur a{text-decoration: none;color:#00acff}

.leftlx {
    text-align: center;
    margin-top: 5px;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    padding: 10px;
    border: 1px solid #ececec;
    display: block;
    margin-bottom: 20px;
}

.leftlx h5 {
    font-size: 16px;
    padding: 15px 0px;
    color: #666;
    font-weight: bold;
}

.leftlx .phone img {
    padding-bottom: 10px;
}

.leftlx span {
    display: block;
}

.leftlx .phone .tel {
    font-weight: bold;
    font-size: 26px;
    padding-bottom: 10px;
    color: #00acff;
}

.plc {
    border-bottom: #00acff 4px solid;
    line-height: 38px;
    height: 38px;
    color: #555;
    margin-bottom: 10px;
    font-size: 15px;
    font-family: 微软雅黑;
}

.plc .red_x {
    color: #00acff;
    font-weight: bold;
    font-size: 14px;
    display: inline;
    font-family: "宋体";
}

.plc a {
    color: #555;
    text-decoration:none;
}

.inf_lc {
    clear: both;
    padding: 5px 0 0;
}

.inf_lc li {
    padding: 7px 7px 0 0;
    height: 110px;
    overflow: hidden;
    margin: 0 0 20px;
    background: #f6f6f6;
    list-style: none;
}

.inf_lc li h4 {
    padding: 0px 5px 0 0;
    text-align: center;
    float: left;
    width: 64px;
    overflow: hidden;
    font-size:14px;
}

.inf_lc li h4 b {
    font-weight: 100;
    display: block;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    font-size: 36px;
    font-family: Arial;
    text-transform: uppercase;
}

.inf_lc li h4 span {
    font-weight: 100;
    display: block;
    line-height: 16px;
    height: 16px;
    overflow: hidden;
    font-size: 12px;
    font-family: Arial;
    text-transform: uppercase;
    color: #343434;
}

.inf_lc .news-item {
    padding: 0 0 0 14px;
    line-height: 180%;
    overflow: hidden;
    font-size: 14px;
    color: #666;
}

.inf_lc .nltitle {
    display: block;
    font-weight: 100;
    color: #000000;
    font-size: 16px;
    padding-bottom:25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height:35px;line-height:35px;
}

.inf_lc  .nltitle a{
    color: #343434;
    font-weight: bold;
    text-decoration:none;
}

.inf_lc .nltitle a:hover {
    color: #00acff;
}

.pic-item {
    overflow: hidden;
    vertical-align: top;
    margin-bottom: 20px;
    padding: 22px 25px;
    background: #f4f4f4;
}

.pic-item img {
    display: block;
    width: 285px;
    height: 402px;
}

.pic-item-title {
    display: block;
    font-size: 16px;
    font-weight: normal;
    height: 28px;
    overflow: hidden;
    margin-bottom: 12px;
    line-height: 28px;
    padding: 4px 0 0;
}
		
.pic-item-title {
    text-decoration:none;
}

.pic-item-info{
    display: block;
    font-size: 14px;
    line-height: 25px;
    height: 298px;
    overflow: hidden;
}

.pic-item span {
    background: #00acff;
    float: right;
    width: 200px;
    height: 43px;
}

.pic-item span a {
    color: #fff;
    text-align: center;
    display: block;
    line-height: 46px;
    font-size: 18px;
    text-decoration:none;
}

.plc2 {
    border-bottom: #00acff 4px solid;
    line-height: 38px;
    height: 38px;
    color: #555;
    margin-bottom: 10px;
    font-size: 15px;
    font-family: 微软雅黑;
}

.plc2 a {
    color: #555;
    text-decoration:none;
}

.a-info {
    padding: 0px 0px 0 0px;
    font-size: 14px;
}

.a-title {
    padding-top: 16px;
    color: #333;
    font-weight: normal;
    font-size: 22px;
    line-height: 40px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
    font: 20px/63px "Microsoft Yahei";
}

.a-tkit {
    font-family: "宋体";
    line-height: 24px;
    margin-bottom: 15px;
    text-align: left;
    color: #666;
    border-bottom: 1px dashed #999;
    height: 44px;
    line-height: 44px;
}

.a-tkit  span {
    margin-right: 20px;
}

.a-tkit .m_qrinfo {
    position: relative;
}

.a-info p {
    width:100%;
}
.abtn {
    text-align: center;
    width: 188px;
    font-size: 14px;
    border: 1px solid #efefef;
    border-radius: 4px;
    margin: 5px;
}

.about-title {
    color: rgb(49, 170, 238);
    font-size: 18px;
    padding-bottom:12px;
}

.about-info p {
    color: #000;
    line-height: 180%;
    width:100%;
}
.pages_content {
    padding-top: 12px;
    font-size: 16px;
    line-height: 180%;
}

.pages_content .fixpic {
    text-align:center
}

.pages_content .fixpic img {
	max-width:600px;
}

.webchatbanner {
    padding-top:3px;
    height: 300px;
    background: url(../img/wxbg.jpg) no-repeat center top;
    overflow: hidden;
    background-size: 100% 100%;
}

.webdepbanner {
    padding-top:3px;
    height: 300px;
    background: url(../img/ban_02.jpg) no-repeat center top;
    overflow: hidden;
    background-size: 100% 100%;
}

.appdepbanner {
    padding-top:3px;
    height: 300px;
    background: url(../img/ban_03.jpg) no-repeat center top;
    overflow: hidden;
    background-size: 100% 100%;
}

.netdepbanner {
    padding-top:3px;
    height: 300px;
    background: url(../img/ban_04.jpg) no-repeat center top;
    overflow: hidden;
    background-size: 100% 100%;
}

.webchatbanner .title,.webdepbanner .title ,.appdepbanner .title,.netdepbanner .title{
    padding-top: 80px;
    padding-bottom: 25px;
    font: 34px/34px "Microsoft Yahei";
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.webchatbanner .subtitle,.webdepbanner .subtitle,.appdepbanner .subtitle,.netdepbanner .subtitle {
    font: 28px/28px "Microsoft Yahei";
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    overflow: hidden;
    font-weight:normal;
}

.minfo .itr {
    background: url(../img/ptl.gif) no-repeat center 29px;
    height: 130px;
    font-size: 30px;
    text-align: center;
    color: #00acff;
    line-height: 56px;
    font-weight: normal;
}

.minfo .itr span {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #050505;
    line-height: 22px;
}

.minfo .zibox {
    line-height: 54px;
    border: solid 1px #8f8f8f;
    color: #4c4c4c;
    text-align:center;
    font-size:18px;
    margin-bottom:20px;
}

.minfo .zibox:hover {
    border: solid 1px #00acff;
    color: #00acff;
}

.minfo .zibox span {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #666;
    line-height: 160%;
    padding: 0 10px 10px 10px;
    text-align: left;
    height: 78px;
}

.news-info .atitle a {
	color: #00acff;
	font-size: 16px;
	text-decoration: none;
}
.faq dl {
	height:auto;
	margin-bottom:10px;
}
.faq dt {
	height:auto;
	margin-bottom:10px;
	padding-right:15px;
}
.faq .faq_con {
	overflow-y:scroll;
	padding-right:22px;
}
.faq dd {
	padding-right:15px;
}
.cenx a:hover {
	border-bottom:none;
}
.head-logo {
	padding:0;
}
.cuslink .title a{
	color: #fff;
}
.cuslink .title a:hover{
	text-decoration:none;
}

.about-title {
	color: #00acff;
	font-size: 20px;
	font-weight:bold;
	padding-bottom: 12px;
}
.about-info p {
	font-size: 16px;
}

.abtn a {
	border:none;
	color: #313131;
	border-radius: 4px;
	display: block;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	font-size: 18px;
	background-color:#efeff0;
}

 .abtn a.active {
	background: #00acff;
	color: #fff;
	font-weight: bold;
}
.head-logo {
	padding: 0;
}
.cuslink .title a{
	color: #fff;
}

.cuslink .title a:hover{
	text-decoration:none;
}

.inf_lc li {
  height:auto;
}

.product-group{
	margin-bottom: 30px;
}

.about-info .product-title{
	font-size:22px;color:#00acff;
	margin-bottom: 10px;
}

.about-info .product-intro{
	font-size:14px;color:#686868;
	margin-bottom: 10px;
}