@charset "utf-8";

.Wdate{height:inherit !important;}
.site-topbar{background: rgba(51,51,51,.99);border-bottom: 0;color:rgba(255,255,255,0.99);}
.site-topbar ul>li>a{color:rgba(255,255,255,0.99)}
@media only screen and (max-width:767px) {
.header{background:#0069ff;}
}
.header a {color: rgba(255, 255, 255,0.9);}
.header-fixed-top{background: #0069ff !important;}
.header .logo a{width: 150px;}
@media only screen and (max-width:767px) {
.header .navbar-nav-scroll{height:auto;overflow:auto;}
}
.header .navbar-nav > li > a {color: rgba(255,255,255,0.8);}
/*---------- 幻灯 ---------*/  
.slideswrapper{position:relative;overflow:hidden;}
.slideswrapper .descrip{position:absolute; top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);/* transform: translate(-50%,-50%); */display: table;}
.slideswrapper .descrip{text-shadow: 1px 1px 2px #000; color:#FFF; line-height:2rem;}
.slideswrapper .descrip h2{font-size:3.5rem; margin-bottom:3.5rem}
.slideswrapper .descrip p{font-size:1.5rem}
#kv .kvList li{position:relative;}
/*kv style*/
#kvArea{position: relative;}
#kv img.full{display:block;margin-left: auto;margin-right: auto;}
#kv{position: relative; overflow: hidden;transition: all 0.5s ease 0s;}
#kv .kvList li{float: left; width: 100%; text-align:center;}
#kv .kvList li img{width:auto; height:auto;max-width:100%;width:100%;}
#kvArea .pageList{position: absolute; height: 30px; bottom: 0px; width: 100%; left: 0px; text-align: center;}
#kvArea .pageList a{background:#000;display: inline-block;width: 10px;height: 10px;margin: 0 4px;text-indent:-999em;border: 2px solid #fff;border-radius: 6px;cursor: pointer;filter:alpha(opacity=40);opacity: 0.4;-webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;}
#kvArea .pageList a.active{background:rgba(255,255,255,0.6);opacity:1;border: 2px solid #ccc;width: 11px;height: 11px;}
#kv:hover .left:before {content: "‹"; font-size:36px;color:rgba(255,255,255,.99)}
#kv:hover .right:before {content: "›"; font-size:36px;color:rgba(255,255,255,.99)}
#kv:hover .left,#kv:hover .right{position: absolute;width: 45px; height: 45px;line-height:36px; text-align:center; background: rgba(0,0,0,.3);-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.15);border-radius:50%;}
#kv:hover .left{left: 10px;top: 50%;z-index:10;}
#kv:hover .right{right: 10px;top: 50%;z-index:10;}
@media only screen and (max-width:767px) {
.slideswrapper .descrip h2{font-size:1.25rem;margin-bottom:1rem}
.slideswrapper .descrip p{font-size:.75rem; display:none;}
#kv .kv_button_block{display:none;}
   }

.index-services{background:#fff;letter-spacing: 1px;line-height:1.5rem; padding-bottom:80px; padding-top:80px;}
.index-services .container > ul > li{border-radius: 10px;box-shadow: 3px 28px 24px -33px rgba(0, 0, 0, 0.26);}
.index-services .container > ul > li > .Wrap{background: #f3f7fd url("../images/bg-wrap-services.png")/*tpa=http://sh.tsfsxsy.cn/static/images/bg-wrap-services.png*/ no-repeat top center; background-size:100%;padding:15px;transition: all .3s ease;-webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1); position: relative;z-index: 1;overflow: hidden;}
.index-services .container > ul > li > .Wrap:hover{background:#0069ff url("../images/bg-wrap-services-a.png")/*tpa=http://sh.tsfsxsy.cn/static/images/bg-wrap-services-a.png*/ no-repeat top center; color:#FFF;}
.index-services .container > ul > li > .Wrap:hover a{color:#FFF !important;}
.index-services .container > ul > li > .Wrap > a{display:block; text-align:center;}
.index-services .container > ul > li > .Wrap > a h2{position: relative;transition: 1s; margin: 0 0 5%; font-size:2.2rem; text-align:center;}
.index-services .container > ul > li > .Wrap > a p{margin-bottom:1.5rem;text-align:left;color: rgba(0,0,0,.5); font-size:.875rem}
.index-services .container > ul > li > .Wrap:hover p{color: rgba(255,255,255,.9);} 
.index-services .container > ul > li > .Wrap > a .img{font-size:4.6rem;color: #0069ff;}
.index-services .container > ul > li > .Wrap > a .img{width: 130px;height: 130px;background: #fff;line-height: 130px;border-radius: 50%;margin: auto; margin-bottom: 20px;-webkit-box-shadow: 0px 10px 40px 0px rgba(50, 50, 50, 0.1);-moz-box-shadow: 0px 10px 40px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px 10px 40px 0px rgba(50, 50, 50, 0.1);text-align: center;}
.index-services ul li i{margin-right:.5rem}
.index-services .container > ul > li ul{line-height:2.2rem;}
@media only screen and (max-width:767px) {
.index-services{letter-spacing: 1px;line-height:1.5rem; padding-bottom:40px; padding-top:40px}
.index-services .container > ul > li > .Wrap > a h2{font-size:1.6rem}
}

.index-answer{position: relative;background:url("../images/bg-index-answer.jpg")/*tpa=http://sh.tsfsxsy.cn/static/images/bg-index-answer.jpg*/ no-repeat center center;position:relative;background-attachment:fixed;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size: cover;-ms-background-size:cover;/*text-shadow: 1px 0px 0px #000,-1px 0px 0px #000,0px 1px 0px #000,0px -1px 0px #000;*/}
.index-answer{padding: 100px 0;color:rgba(255,255,255,0.6);}
.index-answer .title-all .line-title:before {background: rgba(255,255,255,0.6);}
.index-answer .title-center h2{color:rgba(255,255,255,0.6);}
.index-answer .list-img li .Wrap {background: rgba(0,0,0,0.2);border-radius: 10px;}
.index-answer li a{padding:1rem 0}
.index-answer .p-title{font-weight:800}
.index-answer .answer{padding-left: 15px;border-left: 4px solid #ff7200; text-align:left; font-weight:600}
.index-answer blockquote{margin-top:1rem;padding-left: 15px;color:rgba(255,255,255,0.6);}
@media screen and (min-width:768px) {
.index-answer li:nth-child(-n+3) {margin-bottom: 3rem;}
   }
@media only screen and (max-width:767px) {
.index-answer{padding: 50px 0;}
.index-answer .list-answer li+li{margin-top:1rem}
   }
.box-num{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.box-num li{text-align:center; color:rgba(255,255,255,0.6);}
.box-num li b{font-weight:400;font-size: 2.2rem; padding:1rem 0;}

.index-cases{padding-bottom:80px; padding-top:80px;}
.index-cases > .container > .title {display: flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;}
.index-cases > .container > .title >.sec-title {position: relative;margin-bottom: 3%;}
.index-cases > .container > .title >.sec-title h2{line-height:1.1em;font-size: 2.6rem;}
.index-cases > .container > .title >.sec-title h5{font-weight:500;text-transform: uppercase;padding-bottom:10px;color:rgba(0,0,0,0.6);}
.index-cases > .container > .title > .link > .btn {position:relative;padding: 11px 20px;border-radius: 25px;line-height:24px;color:#ffffff;text-align:center;display: inline-block;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:2px solid rgb(18,123,229);font-family: 'Poppins', sans-serif;}
.index-cases > .container > .title > .link > .btn {background: -webkit-linear-gradient(right, rgba(255,255,255,1), rgba(18,123,229,1)); 
background: -o-linear-gradient(to, rgba(255,255,255,1), rgba(18,123,229,1));
background: -moz-linear-gradient(to, rgba(255,255,255,1), rgba(18,123,229,1)); 
background: linear-gradient(right to, rgba(255,255,255,1), rgba(18,123,229,1));}
.index-cases > .container > .title .desc{margin-top:1rem; color:#999;}
.index-cases .list-img{padding-bottom:1.5rem; padding-top:1.5rem;}
@media only screen and (max-width:767px) {
.index-cases {padding-bottom:50px; padding-top:50px;}
   }

.index-news{background:#fff;position: relative;position:relative;background-attachment:fixed;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size: cover;-ms-background-size:cover;padding: 80px 0;/*text-shadow: 1px 0px 0px #000,-1px 0px 0px #000,0px 1px 0px #000,0px -1px 0px #000;*/}
   
.about-box{background: url("../images/bg-about-box.jpg")/*tpa=http://sh.tsfsxsy.cn/static/images/bg-about-box.jpg*/;}
.about-box .detail{padding:3rem 1.5rem;}
@media screen and (min-width:768px) {
.about-box .detail{padding:3rem 100px;}
   }
   
.services-list .text{padding: 15px 15px 30px;}
.services-list .text h3{margin-bottom: 10px;text-align:center}
.services-list .text p{color:rgba(0,0,0,.4);}
.services-list .text .a-link{text-align:center;margin-top: 1rem;}
.services-list .text .a-link a{color: #000;border:1px solid rgba(0,0,0,.1);}
.services-list .text .a-link a:hover{border:1px solid rgba(0,0,0,.3);}
.services-list .text .a-link a{padding: 12px 40px;display: inline-block;text-decoration: none;color: inherit;text-align: inherit;}
@media screen and (min-width:768px) {
.services-list .text{padding: 0 0 0 50px; width:95%}
.services-list .float-right{left: 0;padding-left: 0;padding-right: 50px;}
.services-list .text h3{margin-bottom: 30px;font-size: 1.75rem;text-align:left;}
.services-list .text .a-link{text-align:left;margin-top:2.5rem;}
.services-list ul{margin-bottom:0;}
   }

.services-web-youshi {padding-bottom:80px; padding-top:80px;background:#fff;color: rgba(0,0,0,.5);}
.services-web-youshi .img{margin-bottom:1.5rem}
.services-web-youshi h3{font-size:1.5rem;color: #333;}
@media only screen and (max-width:767px) {
.services-web-youshi {padding-bottom:50px; padding-top:50px;}
.services-web-youshi li+li{margin-top: 3rem;}
   }
   
.solution-list{padding-bottom:80px; padding-top:80px;margin:auto;letter-spacing: 1px;}
.solution-list img{opacity:0.8;filter:alpha(opacity=80);box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);}
.solution-list h3{font-size:1.5rem; margin-bottom:1.5rem;}
.solution-list blockquote {color: rgba(0,0,0,.5);}
.solution-list li{margin-bottom:1rem}
.solution-list li .Wrap{position:relative;padding-top: 4.5rem;padding-bottom: 1rem;border-radius: 10px;box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.1);}
.solution-list li .float-left{position:absolute;top:-2.5rem;left: 9%;transition: all 0.5s ease-in-out;}
.solution-list li .float-left img{width:80px; height:80px}
.solution-list li:hover .float-left{left: 65%;}
.solution-list li:nth-child(2n+0) .Wrap{background:#f6f6f6;}
@media only screen and (max-width:767px) {
.solution-list {padding-bottom:50px; padding-top:50px;}
.solution-list li{margin-bottom:4.5rem}
.solution-list h3{font-size:1.6rem}
}
   
.services-web-cooperate{background:#fff url("../images/bg-services-cooperate.jpg")/*tpa=http://sh.tsfsxsy.cn/static/images/bg-services-cooperate.jpg*/ repeat-x center top; padding:100px 0}
@media screen and (max-width: 767px) {  
.services-web-cooperate{padding: 50px 0;}
   }
   
.services-web-features{padding: 100px 0;}
.services-web-features ul{position:relative;font-size:0px}
.services-web-features li{margin-bottom:2rem; font-size:1rem}
.services-web-features h3{font-size:1.5rem}
.services-web-features p{color:#656565;line-height:1.8;overflow:hidden;}
.services-web-features a:link,.services-web-features a:visited{color:#333;}
.services-web-features a:hover,.services-web-features a:active{text-decoration:none;cursor:pointer;color:#0095e5;}
.services-web-features a:hover h3{color:#0095e5;}
.services-web-features .txt{padding-left:60px;}
.services-web-features .fas{float:left;display:inline;width:50px;height:50px;}
@media screen and (max-width: 767px) {  
.services-web-features{padding: 50px 0;}
   }
   
.marketing-list{padding-top:15px;padding-bottom:15px;padding-left:15px;}
.marketing-list> li {position:relative;border-left:1px solid #DCDCDC;padding-left:30px; height:auto;overflow:inherit;text-indent:inherit; padding-bottom:2rem; height:auto}
.marketing-list> li>h3{text-align:left;font-size:1.8rem;margin-bottom: 10px;}
.marketing-list> li .img{position:absolute;left:-20px;top:0px;}
.marketing-list> li i{background: #212121;color: #fff;font-size: 16px;border-radius: 100%;width: 40px;height: 40px; text-align: center;line-height: 2.5;}
.marketing-list> li i.fa{padding:0;}
.marketing-list> li:last-child{border-left:0}

.seo-services ul{position:relative;font-size:0px}
.seo-services li{margin-bottom:2rem; font-size:1rem; text-align:center;}
.seo-services h3{position:relative;font-size:1rem; margin-top:1rem; margin-bottom:1rem}
.seo-services h3:before {content: "";position: absolute;display: inline-block;width: 15px;height: 2px;background: #434343;left: 0;right: 0;margin: 0 auto;bottom: -15%;}
.seo-services p{margin-bottom:0;font-size:.75rem;color:#656565;line-height:1.8;overflow:hidden;}
.seo-services a:link,.features a:visited{color:#333;}
.seo-services a:hover,.features a:active{text-decoration:none;cursor:pointer;color:#0095e5;}
.seo-services a:hover h3{color:#0095e5;}
.seo-services .fa{display:inline;width:50px;height:50px;}
@media (orientation: landscape) and (min-width:768px) {
.seo-services p{font-size:1rem}
   }

.list-pt h3{font-size: 1.25rem;}
.list-pt blockquote{font-size: .875rem;}

.links-txt{padding-top:1rem}
.links-txt li{display:inline}
.links-txt a {display:inline-block; padding:0 .5rem .5rem;color: rgba(255,255,255,.8)}
.links-txt a.current{padding:2px 5px 1px;background:#E23300;border-radius: 10px;color:#fff;text-decoration:none;}
@media screen and (max-width: 640px) {  
.links-txt a{width:25%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;display: inline-block; float:left; text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
   } 
.links-img{border-top: 1px solid #eee;border-left: 1px solid #eee;}
.links-img li a{padding: 30px;display: flex;justify-content: center;align-items: center;border-right: 1px solid #eee;border-bottom: 1px solid #eee;overflow: hidden;background: #fff;height: 120px;}
.links-img li img{height: 80%;-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: 0.3s;}
.links-img li a:hover img {-webkit-filter: none;filter: none;transform: scale(1.2);}
.links-img li img {transition: all 0.4s ease-in-out;}

.footer{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a169b+39,2989d8+78,2cd4d9+95 */
    background: rgb(42, 22, 155);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(42, 22, 155, 1) 39%, rgba(41, 137, 216, 1) 78%, rgba(44, 212, 217, 1) 95%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(42, 22, 155, 1) 39%, rgba(41, 137, 216, 1) 78%, rgba(44, 212, 217, 1) 95%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(42, 22, 155, 1) 39%, rgba(41, 137, 216, 1) 78%, rgba(44, 212, 217, 1) 95%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a169b', endColorstr='#2cd4d9', GradientType=1);
    /* IE6-9 */}
.footer .separator {background: rgba(255, 255, 255, .21);width: calc(100% - 30px); height: 1px;position: absolute;left: 15px;top: -25px;}
.footer .footer-agile{padding-top: 100px;}
.footer .footer-links{padding-top: 1.5rem;}