body,html{height:100%}
body{font-family:"Microsoft YaHei"!important;font-size:14px;font-weight:200;line-height:1.7857;letter-spacing:.075em;color:#333;background-color:#fff}
a{color:#000;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
a:hover{color:#000}
a,a:active,a:focus,a:hover,button:focus{outline:0;border:0;text-decoration:none}
#st-preloader{background:#FFF;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}
p{line-height:1.5}
h1,h2,h3,h4,h5,h6{font-family:Raleway,sans-serif;font-weight:700;text-transform:uppercase}
input,textarea{outline:0}
label{font-weight:300}
.blank{ clear: both; display: block; height: 0px; overflow: hidden; }
#pre-status,.preload-placeholder{background-image:url(../images/preloader.gif);background-position:center;background-repeat:no-repeat;height:40px;left:50%;margin:-20px 0 0 -20px;position:absolute;top:50%;width:40px}
.preload-placeholder{background:0 0;left:0;margin:0;text-align:center;top:65%}
.st-border{width:34px;height:1px;display:block;background-color:#000}
.overlay{background-color:#000;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}
.btn-send{background-color:#383838;border-radius:0;border:0;color:#fff;padding:8px 14px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.btn-send:hover{background-color:#000;color:#fff}
.btn-readmore{background-color:#383838;border-radius:0;border:0;color:#fff;padding:10px 20px;margin-top:20px;text-transform:uppercase;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.btn-readmore:hover{background-color:#000;color:#fff}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden}
#header .navbar{min-height:80px;margin-bottom:0;border-radius:0;/*filter:alpha(Opacity=90);-moz-opacity:.9;opacity:.9;-webkit-box-shadow:0 0 10px rgba(211,211,211,.5);-moz-box-shadow:0 0 10px rgba(211,211,211,.5);box-shadow:0 0 10px rgba(211,211,211,.5);*/z-index:99999}
.st-navbar{background-color:#fff;border-bottom:1px solid #f0f0f0}
.st-navbar ul{margin-top:7px}
.st-navbar ul li a{text-transform:uppercase;font-weight:600;padding:0;margin:14px; line-height: 35px;}
.st-navbar ul li a:focus,.st-navbar ul li a:hover{background-color:transparent;color:#000}
.st-navbar .navbar-header{margin-top:16px}
.st-navbar .navbar-toggle .icon-bar{background-color:#000}
.st-navbar .navbar-toggle{margin-top:7px;margin-right:25px;padding:0;border-radius:0}
.st-navbar .navbar-right a.curr{ border-bottom: 2px solid #011BFF;}
.st-navbar .navbar-right a.curr2{ border-bottom: 2px solid #011BFF;}
.sub-navbar{background-color:#fff;line-height:40px;height:40px;overflow:hidden;z-index:9999;margin-top:80px;position:fixed;width:100%;text-align:right;-webkit-box-shadow:0 0 10px rgba(211,211,211,.5);-moz-box-shadow:0 0 10px rgba(211,211,211,.5);box-shadow:0 0 10px rgba(211,211,211,.5)}
.sub-navbar a{margin-left:10px;color:#B3B3B3}
.sub-navbar a.curr{color:#666;font-weight:700}
#slider{margin-top:80px}
#home-carousel .item{background-position:center top;background-repeat:no-repeat;background-size:cover;width:100%;height:650px}
#home-carousel .item:before{background-color:#000;content:"";height:100%;top:0;left:0;opacity:0;position:absolute;width:100%}
.carousel-caption{left:15px;right:15px;top:50%;font-size:15px;text-align:left;color:#fff;text-shadow:none;margin-top:-130px}
.carousel-caption h1{font-size:46px;margin-bottom:0;line-height:27px;letter-spacing:2px;font-weight:100}
.carousel-caption h2{font-size:81px;font-weight:600;margin-top:0;text-transform:lowercase;letter-spacing:2px;margin-bottom:20px}
.home-carousel-left,.home-carousel-right{background-color:#f0f0f0;color:#000;font-size:32px;height:40px;line-height:40px;margin-top:-20px;position:absolute;text-align:center;top:50%;width:32px;z-index:999;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s}
.home-carousel-left{left:-32px}
.home-carousel-right{right:-32px}
#home-carousel:hover .home-carousel-left{left:0}
#home-carousel:hover .home-carousel-right{right:0}
#home-carousel .item h1,#home-carousel .item h2,#home-carousel .item p{opacity:0;-moz-transform:scale(.5);-webkit-transform:scale(.5);-o-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}
#home-carousel .item h1{-webkit-transition:all .5s ease-in-out .15s;-moz-transition:all .5s ease-in-out .15s;-ms-transition:all .5s ease-in-out .15s;-o-transition:all .5s ease-in-out .15s;transition:all .5s ease-in-out .15s}
#home-carousel .item.active h1,#home-carousel .item.active h2,#home-carousel .item.active p{opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
#home-carousel .item h2{-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s}
#home-carousel .item p{-webkit-transition:all .5s ease-in-out .45s;-moz-transition:all .5s ease-in-out .45s;-ms-transition:all .5s ease-in-out .45s;-o-transition:all .5s ease-in-out .45s;transition:all .5s ease-in-out .45s}
#services{background-color:#fff;padding-top:130px;}
.section-title{margin-bottom:50px}
.section-title h1{margin-top:0}
.st-service{margin-top:30px}
.st-service h2{font-size:16px;margin-top:0;margin-bottom:15px}
.st-service h2 i{margin-right:10px}
.rowBG{background-color:#f5f5f5}
#cases{}
.cases-row{padding-top:130px;padding-bottom:120px}
.cases-row2{padding-top:130px;padding-bottom:120px}
.cases-1-l img{max-width:100%}
.cases-1-r h2{text-align:center;font-size:20px; margin-top: 60px;}
.cases-1-r p{margin-top:30px}
.cases-1-r p span{border:none;}
.cases-1-r .cases-more{text-align:center;margin-top:60px}
.cases-1-r span{padding:10px 25px;line-height:30px;border:1px solid #ccc;border-radius:20px;color:#8B8B8B}
.cases-1-r .cases-more a:hover span{background: #1d8dfa; border: 1px solid #1d8dfa; color: #fff;}
.cases-3-r img{max-width:100%}
.cases-3-l h2{text-align:center;font-size:20px; margin-top: 60px;}
.cases-3-l p{margin-top:30px}
.cases-3-l p span{border:none;}
.cases-3-l .cases-more{text-align:center;margin-top:60px}
.cases-3-l span{padding:10px 25px;line-height:30px;border:1px solid #ccc;border-radius:20px;color:#8B8B8B}
.cases-3-l .cases-more a:hover span{background: #1d8dfa; border: 1px solid #1d8dfa; color: #fff;}

#big-img{padding-top:0;padding-bottom:0;background-image:url(../images/01.jpg);background-repeat:no-repeat;height:600px;position:relative}
.imgList{list-style:none;margin:0;padding:0}
.imgList li{float:left;width:20%;height:3px;text-align:center;z-index:999}
.imgList li .dot{width:20px;height:20px;border-radius:10px;background-color:#fff;position:relative;top:-8px;margin:0 auto;cursor:pointer}
.imgList li .curr{width:30px;height:30px;border-radius:15px;top:-15px;background-color:#CD1B1B}
.imgList li .info{position:relative;top:5px;padding:0 10px;color:#fff}
#project{padding-top:130px;padding-bottom:120px}
.project-1-l img{max-width:100%;vertical-align:middle;display:table-cell}
.project-1-r h2{text-align:center;font-size:20px}
.project-1-r p{margin-top:10px}
.project-1-r .project-more{margin-top:20px}
.project-1-r ul{list-style:none}
.project-1-r li{padding:6px 25px;line-height:20px;border:1px solid #ccc;border-radius:20px;color:#8B8B8B;text-align:center;margin-bottom:10px}
#partner{padding-top:130px;padding-bottom:120px}
.isotope-item{z-index:2}
.isotope-hidden.isotope-item{z-index:1}
.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;transition-duration:.8s}
.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;transition-property:height,width}
.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;transition-property:transform,opacity}
#our-works{padding-top:130px;padding-bottom:120px}
.portfolio-wrapper ul.filter{list-style:none;padding:0;margin-bottom:35px;margin-top:28px;overflow:hidden}
.portfolio-wrapper ul.filter li{float:left;text-transform:uppercase;margin-right:25px;font-weight:600}
.portfolio-wrapper ul.filter li a{color:#909090}
.portfolio-wrapper ul.filter li a.active,.portfolio-wrapper ul.filter li a:hover{color:#000}
.portfolio-wrapper .portfolio-items{clear:both}
.portfolio-wrapper .portfolio-content{position:relative;margin-bottom:30px}
.portfolio-wrapper .portfolio-overlay{position:absolute;background-color:rgba(0,0,0,.7);color:#fff;left:0;bottom:0;width:100%;height:100%;padding:30px;opacity:0;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-moz-transform:scale(.5);-webkit-transform:scale(.5);-o-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}
.portfolio-wrapper .portfolio-content:hover .portfolio-overlay{opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.portfolio-wrapper .portfolio-overlay a{color:#fff;font-size:35px}
.portfolio-wrapper .portfolio-overlay a:hover{color:#fff}
#pricing{background-color:#f5f5f5;padding-top:130px;padding-bottom:120px}
.st-pricing{background-color:#fff;padding:40px;margin-top:30px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.st-pricing:hover{box-shadow:0 0 18px #ddd}
.st-pricing h5{margin-top:0;margin-bottom:25px}
.st-pricing h3{margin-top:0;margin-bottom:25px}
.st-pricing .st-border{width:100%;margin-bottom:15px;background-color:#ccc}
.st-pricing ul{list-style:none;padding:0}
.st-pricing ul li{padding:12px 0;font-size:15px}
.st-pricing a.btn-send{text-transform:uppercase;margin-top:20px;padding:10px 25px}
#about-us{background-color:#f5f5f5}
#about-us .about-us{padding-left:15%;padding-right:15%;padding-top:15%}
#about-us .about-us h4{margin-top:0;margin-bottom:30px}
#about-us .about-us .btn-send{margin-top:30px}
#about-us .our-office{padding-right:0}
.office-carousel-left,.office-carousel-right{background-color:#f0f0f0;color:#000;font-size:32px;height:40px;line-height:40px;margin-top:-20px;position:absolute;text-align:center;top:50%;width:32px;z-index:999;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s}
.office-carousel-left{left:-32px}
.office-carousel-right{right:-32px}
#office-carousel:hover .office-carousel-left{left:0}
#office-carousel:hover .office-carousel-right{right:0}
#office-carousel .item img{width:100%}
#our-team{padding-top:130px;padding-bottom:120px}
.team-member{margin-top:30px}
.member-image{position:relative}
.member-info{background-color:#f5f5f5;padding:15px}
.member-info h4{margin-top:0;margin-bottom:6px}
.member-info span{text-transform:uppercase}
.team-member .member-social{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.6);left:0;top:0;text-align:center;opacity:0;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-moz-transform:scale(.5);-webkit-transform:scale(.5);-o-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}
.team-member:hover .member-social{opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.team-member .member-social a{position:relative;font-size:16px;color:#fff;top:47%}
.team-member:hover .member-social a{margin:6px}
#testimonial{background-image:url(../images/testimonial-bg.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;padding-top:100px;padding-bottom:100px;position:relative}
.st-testimonials{color:#e0e0e0}
.st-testimonials .st-border{background-color:#e0e0e0;margin:20px auto}
.st-testimonials p{font-style:italic}
.st-testimonials .client-info h5{margin-top:0;margin-bottom:5px}
.st-testimonials .client-info span{font-size:12px;text-transform:uppercase}
#fun-facts{background-color:#f5f5f5;padding-top:40px;padding-bottom:40px}
#fun-facts .fun-fact{border-right:1px solid #ddd}
#fun-facts .col-md-3:last-child .fun-fact{border-right:0 solid #ddd}
#fun-facts .fun-fact i{margin-right:5px}
#fun-facts .fun-fact p{font-size:16px}
#contact{padding-top:130px;padding-bottom:120px}
.contact-info .contact-content{margin-bottom:30px}
.contact-info p{margin-bottom:20px}
.contact-info p i{font-size:16px;margin-right:10px}
.contact-form input[type=text],.contact-form input[type=email]{border:1px solid #E8E8E8;padding:8px 14px;width:100%;margin-bottom:20px}
.contact-form textarea{border:1px solid #E8E8E8;padding:8px 14px;width:100%;margin-bottom:20px}
.contact-imgBox{text-align:center;margin-bottom:10px}
.contact-imgBox img{height:220px}
.contact-qrcode{text-align:center}
.contact-qrcode img{width:160px;height:160px;overflow:hidden}
#page-header{background-color:#f5f5f5;padding-top:50px;padding-bottom:0;position:relative;margin-bottom:50px;margin-top:80px}
.single-blog{margin-top:35px;margin-bottom:35px}
.post-title{margin-top:20px;margin-bottom:5px}
.post-meta{margin-bottom:15px}
.post-meta span{margin-right:6px;font-size:12px;font-weight:600;opacity:.6}
.post-meta span:hover{opacity:1}
.post-carousel-left,.post-carousel-right{background-color:#f0f0f0;color:#000;font-size:32px;height:40px;line-height:40px;margin-top:-20px;position:absolute;text-align:center;top:50%;width:32px;z-index:999;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s}
.post-carousel-left{left:-32px}
.post-carousel-right{right:-32px}
#post-carousel:hover .post-carousel-left{left:0}
#post-carousel:hover .post-carousel-right{right:0}
.post-link{background-color:#f5f5f5;text-align:center;padding:40px 0;font-size:16px;font-weight:600}
.post-quote{background-color:#f5f5f5;padding:30px;font-size:16px;font-weight:500;font-style:italic}
#blog .pagination{margin-bottom:80px}
#blog .pagination li a{width:35px;height:35px;line-height:31px;text-align:center;font-size:16px;color:#a3a3a3;border:1px solid #d1d1d1;padding:0;margin-right:5px;border-radius:0}
#blog .pagination li a:hover,#blog .pagination li.active a{background-color:transparent;border-color:#000;color:#000}
.sidebar-widget{margin-top:35px;margin-bottom:50px}
.sidebar-widget .sidebar-title{margin-top:0;margin-bottom:20px}
.sidebar-widget ul{list-style:square;margin:0;padding-left:18px}
.sidebar-widget ul li{margin-bottom:10px;font-weight:500}
.blog-search{position:relative}
.blog-search input{border:1px solid #d6d6d6;color:#8d8d8d;height:44px;outline:medium none;padding:0 50px 0 17px;width:100%}
.blog-search span{color:#252525;font-size:12px;position:absolute;right:10px;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.blog-search .search-submit{background:0 0;border:none}
.blog-search:after{background-color:#d6d6d6;content:"";display:block;height:27px;position:absolute;right:40px;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);width:1px}
.sidebar-widget .tagcloud a{padding:4px 10px;border:1px solid #ccc;margin:3px 1px;display:inline-block}
.sidebar-widget .tagcloud a:hover{border-color:#000;color:#000}
ul.content-flickr{margin:0;overflow:hidden;padding:0}
ul.content-flickr li{display:block;float:left;padding:5px 10px 5px 0;width:33.33%}
.content-flickr li a{display:block;position:relative;width:100%}
#footer{background-color:#262626;padding-top:20px;padding-bottom:20px;color:rgba(255,255,255,.4);text-align:center}
#footer a{color:rgba(255,255,255,.4)}
#footer a:hover{color:#fff}
.footer-social-icons{text-align:right}
.footer-social-icons a{margin:0 5px;font-size:16px}
.footer-social-icons span{margin-right:10px}
.scroll-up{position:fixed;display:none;z-index:999;bottom:1.8em;right:1.8em}
.scroll-up ul{margin:0;padding:0}
.scroll-up li{list-style:none;margin:0;padding:0}
.scroll-up a{background-color:#fff;display:block;width:40px;height:40px;text-align:center;color:#000;font-size:20px;line-height:38px;box-shadow:0 0 6px #ccc}
.scroll-up a:active,.scroll-up a:hover{background-color:#f5f5f5;color:#000}
.timeList{list-style:none;margin:0;padding:0}
.timeList li{float:left;width:20%;height:3px;text-align:center;z-index:999}
.timeList li .dot{width:20px;height:20px;border-radius:10px;background-color:#ccc;position:relative;top:-38px;margin:0 auto;cursor:pointer}
.timeList li .curr{width:30px;height:30px;border-radius:15px;top:-45px;background-color:#CD1B1B}
.timeList li .time{position:relative;top:-40px}
.timeList li .info{position:relative;top:-20px;padding:0 10px}
.case-list{padding-top:100px;padding-bottom:80px}
.case-item-info{height:150px;width:1210px;text-align:center;background-color:#fff;margin-top:0;margin-left:-30%;padding-top:10px}
.case-item-info h5{font-size:14px}
.case-item-info .case-info{width:80%;margin:0 auto;text-align:left}
.case_list_wrap{ width: 1000px; margin: 0 auto; padding-bottom: 120px;}
.case_list_wrap h3{margin: 0;padding: 0 0 50px 0; text-align: center; font-size: 20px; color: #A5A5A5;}
.case_list_wrap ul{ list-style: none; margin: 0; padding: 0;}
.case_list_wrap li{ float: left; width: 48%; height: 240px; overflow: hidden; margin-left: 1%; margin-right: 1%; margin-bottom: 2%;position:relative;}
.case_list_wrap li img{width: 100%; border-radius: 5px;}
.txt{width:100%;height:45px;background:rgba(0,0,0,0.6); position:absolute;left:0;bottom:0;color:#fff;text-align:center;}
.txt h3{font-size:18px;font-weight:100;height:45px;text-align:center;line-height:45px; margin: 0; padding: 0; color: #fff;}
.txt p{font-size:14px;text-align:center; padding: 0px 10px;display: none; color: #fff;}
.txt .btn{font-size:14px; line-height: 20px; width: 120px; background-color: #FFC400; border-radius: 3px; display: none; margin: 0 auto;}
.txt a{color: #fff;}

.case-info-view{padding-top:150px;padding-bottom:80px }
.case-info-view h3{ font-size: 18px; }
.case-info-view .tit{ font-size: 16px; clear: both; padding-top: 30px; padding-bottom: 20px; font-weight: bold;}
#gallery img {border: none; width: 100%;}
#gallery_nav {float: left;width: 112px;text-align: center; overflow: hidden;}
#gallery_nav a{display: block;height: 70px; width: 90px;}
#gallery_output {float: left;width: 600px;overflow: hidden;}
#gallery_output img {display: block;margin: 0px auto 0 auto;}

/* 技术支持 */
.tech-list{padding-top:110px;padding-bottom:60px}
.tech-list .tech-class{ border: 1px solid #EEEEEE; }
.tech-list .tech-class .tit{ height: 55px; line-height: 55px; text-align: center; background-color: #1d8dfa; font-size: 16px; color: #fff; }
.tech-list .tech-class dt{ line-height: 40px; background-color: ; padding-left: 20px; cursor: pointer;}
.tech-list .tech-class dd{ line-height: 40px; padding-left: 35px;}
.tech-list .tech-class dd.cur{ background-color: #eff7fe;}
.tech-list .tech-class dd.cur a{color: #666;}
.tech-list .tech-class dd a{ color:#BDBDBD; display: block;}
.tech-list .tech-class dd.curTit a{color: #42B8F8;}

.tech-item-list{ border: 1px solid #EEEEEE; }
.tech-item-list .tit{ height: 55px; background-color: #81c0fc; line-height: 55px; font-size: 16px; color: #fff;padding-left: 20px;}
.tech-item-list .con{padding: 10px;}
.tech-item-list ul{list-style: none; margin: 0; padding: 0;}
.tech-item-list li{ padding: 10px 10px 15px 10px; }
.tech-item-list li.bg1{ background-color: #eff7fe; }
.tech-item-list .up-time{ float: right; font-size: 12px; color: #ccc; padding-right: 50px; padding-top: 5px;}
.tech-item-list .down-btn{ float: right; background-color:#81c0fc; border-radius: 15px; padding: 3px 15px;}
.tech-item-list .down-btn a{color: #fff;}
.fenye{ line-height: 68px; }

/* faq */
.faq-box .box-item{background:#eff7fe;padding:0 15px}
.faq-box .box-item .box-name{position:relative;background:#eff7fe;height:50px;font-size:14px;line-height:50px;cursor:pointer; margin-top: 5px;}
.faq-box .box-item .box-name.active{border-bottom:1px solid #dae6f0;}
.faq-box .box-item .box-cnt{padding:15px 0;display:none}
.faq-box .box-item .box-name i{position:absolute;right:0}
.faq-box .box-item .box-name i:after{content:'+';font-size:22px;color:#333;font-style:normal;display:block}
.faq-box .box-item .box-name.active i:after{content:'-'}
.faq-box .active{display: block;}