/*全局的样式*/
body{background-color:#ffff;}
.am-container{ max-width: 1200px;}
.wy-mt{ margin-top:15px;}
ol, ul, li {list-style: none;}

/*TOP 的样式*/
.top-bar {position: relative;background: #f5f5f5;padding: 5px 0px;}
.top-element {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 0px 0px;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.top-left-elements {padding: 5px 0px;}
.element.schedule {display: -webkit-box;display: -ms-flexbox;display: flex;font-family: "Poppins", sans-serif;font-size: 14px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: #ffffff;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.element.schedule img {margin-right: 10px;}
.element.schedule div{color: #ff9a57;font-size: 17px;}


/*导航样式*/
.am-containers{background-color: white;}
.wy-logo a{line-height: 70px;}

/*我们能做什么的样式*/
.wy-ours{margin-top: 30px;}
.wy-do{background-image: url("../../skin/img/title.png");background-repeat:no-repeat;background-position:bottom;background-position:50% 100%;display: flex;justify-content:center;height: 85px;}
.wy-do span{font-size: 35px;}
.wy-dzkf img{margin-top: -6px;}
.wy-dzkf span{font-size: 25px;}
.wy-dzkf{justify-content:flex-end;float: right;background-image: url("../../skin/img/do_line.png");background-repeat:no-repeat;background-position:bottom;background-position:50% 100%;display: flex;justify-content:center;}
.wy-dzkf-con{margin-top: 50px;}
.wy-dzkf-con p{text-align: right;}
.wy-dsj img{margin-top: -6px;}
.wy-dsj span{font-size: 25px;}
.wy-dsj{justify-content:flex-end;float: right;background-image: url("../../skin/img/do_line.png");background-repeat:no-repeat;background-position:bottom;background-position:80% 100%;display: flex;justify-content:center;margin-top: 50px;}
.wy-dsj-con{margin-top: 120px;}
.wy-dsj-con p{text-align: right;}
.wy-jjfa img{margin-top: -6px;}
.wy-jjfa span{font-size: 25px;}
.wy-jjfa{justify-content:flex-end;float: left;background-image: url("../../skin/img/do_line.png");background-repeat:no-repeat;background-position:bottom;background-position:50% 100%;display: flex;justify-content:center;}
.wy-jjfa-con{margin-top: 50px;}
.wy-jjfa-con p{text-align: left;}
.wy-bbgl img{margin-top: -6px;}
.wy-bbgl span{font-size: 25px;}
.wy-bbgl{justify-content:flex-end;float: left;background-image: url("../../skin/img/do_line.png");background-repeat:no-repeat;background-position:bottom;background-position:0% 100%;display: flex;justify-content:center;margin-top: 50px;}
.wy-bbgl-con{margin-top: 120px;}
.wy-bbgl-con p{text-align: left;}
.wy-do-con{padding-top: 35px;}
.wy-center-img img{margin-left: -10px;}

/*我们能提供的服务 下的横线*/
.wy-line1{height: 15px;width: 100%;background-color: #f5f5f5;margin-top: 30px;}

/*产品案例的样式*/
.wy-case-con{padding-top: 20px;}
.wy-case{background-image: url("../../skin/img/title.png");background-repeat:no-repeat;background-position:bottom;background-position:50% 100%;display: flex;justify-content:center;height: 85px;}
.wy-case span{font-size: 35px;}
.case-list {width: 96%;max-width: 1200px;margin: 0 auto 0 auto;padding-bottom: 0px;height: auto;overflow: hidden;text-align: center;}
.case-list a {display: inline-block;vertical-align: middle;width: 23.3%;height: 30vh;min-height: 280px;max-height: 280px;margin: 0.8% 0.6%;}
.case-list a .pic {display: block;width: 100%;height: 200px;overflow: hidden;position: relative;border-top: 4px solid #2569a4;}
.case-list a .pic img {display: block;width: 100%;position: absolute;top: 0;left: 0;z-index: 1;transition-duration: 0.2s;}
.case-list a .info {width: 100%;height: 77px;border-bottom: 1px dashed #ccc;position: relative;}
.case-list a .info h2 {display: block;width: 100%;height: 50px;overflow: hidden;font: 18px/30px 'microsoft yahei';color: #333;text-align: center;transition-duration: 0.2s;margin-bottom: 0px;}
.case-list a .info .fu {width: 100%;height: 29px;overflow: hidden;}
.case-list a .info dd {display: block;width: 0;background-color: #FB5959;height: 4px;position: absolute;bottom: -1px;transition-duration: 0.2s;}
.case-list a .info .fu dl {display: block;float: left;height: 29px; font: 14px/25px 'microsoft yahei';color: #666;}
.case-list a .info .fu em {display: block;float: right;height: 29px;font: 14px/25px 'microsoft yahei';color: #666;transition-duration: 0.2s;}
.case-list a:hover .pic img {width: 110%;top: -5%;left: -5%;}
.case-list a:hover .info h2 {color: #FB5959;}
.case-list a:hover .info .fu em {font-size: 18px;}
.case-list a:hover .info dd {width: 100%;}
.case_more {width: 240px;height: 46px;margin: 50px auto 45px auto;text-align: center;display: block;line-height: 46px;font-size: 16px;color: #2c88d8;z-index: 1000;background: url("../../skin/img/case_more.png") -240px 0 no-repeat;}
.case_more:hover {background: url("../../skin/img/case_more.png") 0 0 no-repeat;color: #ffffff;}


/*为什么要选择我们的样式*/
.wy-Choice-bj{background-image: url("../../skin/img/chose_bj.jpg");padding-bottom: 30px;}
.wy-Choice{background-image: url("../../skin/img/title.png");background-repeat:no-repeat;background-position:bottom;background-position:50% 100%;display: flex;justify-content:center;height: 85px;}
.wy-Choice span{font-size: 35px;}
.row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;margin-top: 30px;}
.single-service, .single-service-2, .single-service-3 {margin: 15px 11px;}
.col-lg-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 31.333333%;}
.single-service .inner, .single-service-2 .inner, .single-service-3 .inner {background-color: #fff;border-radius: 7px;padding: 25px;}
.single-service .inner .title, .single-service-2 .inner .title, .single-service-3 .inner .title {overflow: hidden;margin-bottom: 15px;}
.single-service .inner .title .icon, .single-service-2 .inner .title .icon, .single-service-3 .inner .title .icon {float: left;font-size: 26px;}
.single-service .inner .title h4, .single-service-2 .inner .title h4, .single-service-3 .inner .title h4 {padding-left: 50px;font-size: 20px;margin: 3px 0 0;line-height: 45px;}
.single-service .inner .content, .single-service-2 .inner .content, .single-service-3 .inner .content {font-weight: 300;font-size: 16px;color: #2d3666;line-height: 26px;}
.single-service .inner .content p:last-child, .single-service-2 .inner .content p:last-child, .single-service-3 .inner .content p:last-child {margin-bottom: 0;}
.single-service .inner:hover, .single-service-2 .inner:hover, .single-service-3 .inner:hover {box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.15);}

/*我们的服务流程 的样式*/
.wy-process{background-image: url("../../skin/img/title.png");background-repeat:no-repeat;background-position:bottom;background-position:50% 100%;display: flex;justify-content:center;height: 85px;margin-top: 30px;}
.wy-process span{font-size: 35px;}
.w1200 {width: 1200px;margin: 0 auto;}
.xlogoli {margin-right: -105px;padding-top: 34px;padding-bottom: 32px;padding-left: 40px;}
.xlogoli li {float: left;width: 120px;height: 110px;text-align: center;margin-right: 80px;}
.xlogoli .wy-lc-span{color: #807d79;font-size: 17px;font-weight: 598;}
.xlogoli .wy-lc-img-you{margin-left: 137px;margin-top: -190px;}

/*footer  的样式*/
.wy-foot{background-color: #313131;}
.footer-links {padding-bottom: 10px;padding-top: 0px;}
.wy-w1200 {width: 1200px;margin: 0px auto;}
.footer-links a {margin-right: 20px;font-size: 18px;color: #a8aaba;}
.footer-links a:hover{color: #fff;}
.footer-links .clearfix{text-align: center;}
.footer-info .info-text {padding-top: 20px;font-size: 12px;text-align: center;padding-bottom: 10px;}
.footer-info .info-text .wy-foot-kf{color: white;font-size: 21px;margin-bottom: 0px;}
.footer-info .info-text .wy-foot-kf span{color: #ff8d28;}
.wy-footer-copyright p{color: #fff;text-align: center;}

/*案例展示 的样式*/


/*文章页面的样式*/
#banner1 {border: 0px solid red;margin: 0 auto;overflow: hidden;width: 100%;text-align: center;}
.qys-nr-bj {background-color: #fff;border-radius: 6px;box-shadow: 0 0 3px #000;margin-bottom: 5px; margin-top: 10px;}
.qys-nr-bj .wy-nr-nav {font-size: 14px;line-height: 40px;}
.qys-nr-bj .am-divider-default {margin-top: 0;}
.qys-nr-bj .am-article {padding: 20px;}
.qys-content .am-article-title {text-align: center;}
.qys-content .am-article-meta {text-align: center;}

/*电脑版列表页面的样式*/
#banner1 {border: 0px solid red;margin: 0 auto;overflow: hidden;width: 100%;text-align: center;}
#template {width: 1200px;overflow: hidden;border: 0px solid #cac8c8;margin: 0 auto;margin-bottom: 0px;background: #FFF;}
.pcmobanlist {margin-left: 7px;margin-top: 10px;padding-left: 0em;}
.pcmobanlist li {float: left;text-align: center;margin: 5px 8px;color: #393939;border: 0px solid red;width: 273px;height: 100%;padding-bottom: 20px;}
.pcmobanlist li img {width: 275px;height: auto;border: 1px solid #999999;margin-bottom: 3px;padding: 0px;}
.pcmobanlist .LinkUrl {height: 35px;line-height: 50px;border: 0px solid red;margin-top: 3px;}
.pcmobanlist li .wy-pc-list-a .lazyimg:hover{border:1px solid #1e809a;opacity: 0.7;}
.pcmobanlist .LinkUrl a {background-color: #fff;border: 1px solid #ccc;padding: 3px 10px;color: #333;border-radius: 15px;}
.pcmobanlist .LinkUrl a:hover{border:2px solid #ccc;}
.pcmobanlist .InfoTitle {padding: 3px 0px;font-weight: bold;height: 20px;line-height: 20px;border: 0px dashed red;}
.wy-pc-list .am-titlebar-default .am-titlebar-title {position: relative;padding-left: 12px;color: #1e809a;font-size: 1.8rem;text-align: left;font-weight: 700;}
.wy-pc-list .am-titlebar-default .am-titlebar-title::before {content: "";position: absolute;left: 2px;top: 10px;bottom: 8px;border-left: 3px solid #1e809a;}

 /* 右侧浮动BAR */
.bsk_rightBar{ width:50px; position:fixed; right:0%; bottom:199px; margin-top:0px; z-index:999}
.bsk_rightBar .link_a { display:block; cursor:pointer; width:50px; height:50px; background:#424242; margin:1px 0 0 0; position:relative; left:0; top:0; transition:all linear .2s}
.bsk_rightBar .link_a .img{ display:block}
.bsk_rightBar .link_a .lChi{ visibility:hidden; opacity:0; filter:alpha(opacity = 0); height:50px; position:absolute; right:49px; top:0; padding:0 20px 0 0; overflow:hidden; transition:all linear .2s}
.bsk_rightBar .link_a .lChi .ar{ display:block; position:absolute; right:10px; top:15px}
.bsk_rightBar .link_a .lChi .txt{ display:block; height:50px; line-height:50px; font-size:14px; color:#fff; padding:0 20px; white-space:nowrap; border-radius:4px; background:url(../../skin/img/optBg.png) repeat;}
.bsk_rightBar .link_a:hover{ background:url(../../skin/img/hoverRtBarBg.jpg) repeat-y;}
.bsk_rightBar .link_a:hover .lChi{ visibility:visible; opacity:1; filter:alpha(opacity = 100);}
.bsk_rightBar .link_a:hover .wxgzh,.bsk_rightBar .link_a:hover .chis{ display:block}
.bsk_rightBar .first{ cursor:default; }
.bsk_rightBar .last{ }
.bsk_rightBar .wxgzh{ display:none; position:absolute; top:-11px; left:-192px; width:188px; height:258px; background:url(../../skin/img/gzhEwm.png) no-repeat 0 0}
.bsk_rightBar .chis{ display:none; padding:0 25px 0 0; width:378px; position:absolute; left:-370px; top:-50px}
.bsk_rightBar .chis .ars{ display:block; width:12px; height:22px; background:url(../../skin/img/arrIc.png) no-repeat 0 0; position:absolute; right:14px; top:70px; z-index:2}
.bsk_rightBar .cIns { border-radius:3px; overflow:hidden; background:#fff; box-shadow:0 0 16px #dcdbdb; padding:18px 0}
.bsk_rightBar .csIn { width:326px; margin:0 auto; position:relative; left:0; top:0; }
.bsk_rightBar .csIn .tt{ display:block; height:20px; line-height:20px; font-size:16px; color:#333; text-align:left; font-weight:bold; clear:both; }
.bsk_rightBar .csIn .rowx { width:160px; height:48px; border-bottom:1px dotted #eee; text-align:left; font-size:0; float:left; }
.bsk_rightBar .csIn .rowx .lt{ display:block; float:left; zoom:1; line-height:48px; font-size:14px; color:#666; width:66px; text-align:left}
.bsk_rightBar .csIn .rowx .qq_box_s { display:block; float:left; padding-top:13px; }
.bsk_rightBar .csIn .colv{ width:326px; height:auto; display:table; }
.bsk_rightBar .csIn .austin { margin-top:20px; }

/**page**/
.pagination {display: inline-block;padding-left: 0;margin: 0px 0 20px 15px;border-radius: 0;}
.pagination > li {display: inline;}
.pagination > li > a, .pagination > li > span {position: relative;float: left;padding: 8px 12px;line-height: 1.42857143;text-decoration: none;color: #2780E3;background-color: #fff;border: 1px solid #ddd;margin-left: -1px;}
.pagination > li:first-child > a, .pagination > li:first-child > span {margin-left: 0;border-bottom-left-radius: 0;border-top-left-radius: 0;}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-bottom-right-radius: 0;border-top-right-radius: 0;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {z-index: 2;color: #165ba8;background-color: #e6e6e6;border-color: #ddd;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;color: #999999;background-color: #f5f5f5;border-color: #ddd;cursor: default;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #999999;background-color: #fff;border-color: #ddd;cursor: not-allowed;}
.pagination-lg > li > a, .pagination-lg > li > span {padding: 10px 16px;font-size: 18px;line-height: 1.3333333;}
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {border-bottom-left-radius: 0;border-top-left-radius: 0;}
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {border-bottom-right-radius: 0;border-top-right-radius: 0;}
.pagination-sm > li > a, .pagination-sm > li > span {padding: 5px 10px;font-size: 12px;line-height: 1.5;}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {border-bottom-left-radius: 0;border-top-left-radius: 0;}
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {border-bottom-right-radius: 0;border-top-right-radius: 0;}
/**end page**/


/*小程序、公众号、手机版列表页样式*/
.wapmobanlist  { margin-left:10px; margin-top:25px;padding-left: 20px;}
.wapmobanlist li { float:left; text-align:center; width:222px; height:525px; margin:5px 8px; color:#393939; background:url(../../skin/img/iphonebg.jpg) no-repeat; position:relative;}
.wapmobanlist li img {width: 192px;height: 400px;padding-top: 80px;border: 0px dashed blue;margin-left: 5px;} 
.wapmobanlist li #w{ padding-top:70px; }
.wapmobanlist li #wl{ float:left; text-align:left;  height:80px; border:0px dashed red; padding-top:6px; padding-left:5px; }
.wapmobanlist li #wl a{ background-color:#fff; border:1px solid #ccc; padding:3px 15px; color:#333;border-radius: 5px;}
.wapmobanlist li #wl a:hover{ color:#fc7602; border:1px solid #fc7602;}

/*单页面的样式*/
.mainWarp {padding: 25px 0;width: 1200px;margin: 0 auto;overflow: hidden;}
.mainLeft {float: left;width: 250px;overflow: hidden;}
.mainLeft .titbox {background: #1f7a91;line-height: 65px;height: 65px;padding: 0 20px;}
.mainLeft .titbox p {font-size: 22px;color: #fff;}
.mainLeft .titbox p span {font-size: 14px;padding-left: 10px;}
ul.typeul {background: #318ba2;overflow: hidden;margin-bottom: 30px;padding-left: 0px;margin-top: 0px;}
ul.typeul li {border-bottom: 1px solid #f7f4f3;line-height: 45px;height: 45px;padding: 0 20px;transition: all 0.5s;}
ul.typeul li:hover {padding-left: 25px;}
ul.typeul li a {background: url(../../skin/img/icon2.png) left center no-repeat;background-size: auto;background-size: 15px 15px;padding-left: 22px;color: #fff;}
.lxwm {background: #f8f8f8;padding: 15px;line-height: 30px;font-size: 15px;}
.mainRihgt {float: right;width: 910px;overflow: hidden;}
.brandnavbox {border-left: 10px solid #318ba2;background: #f0f0f0;height: 50px;line-height: 50px;overflow: hidden;}
.brandnavbox .biaoti{float: left;padding-left: 15px;font-size: 21px;}
.brandnavbox .con {font-size: 16px;float: right;padding-right: 15px;}
.detailbox .xq .con {line-height: 28px;overflow: hidden;padding: 25px 0;}

/*首页回到顶部的样式*/
.am-gotop-fixed {position: fixed;right: 0px;bottom: 199px;z-index: 1010;opacity: 0;width: 50px;min-height: 50px;overflow: hidden;border-radius: 0;text-align: center;}