/*************************
*******Typography******
**************************/

@font-face {
  font-family: Segoe UI;
  src: url('../fonts/Segoe UI Light.TTF');
}

body { background: #fff; font-family: '\5FAE\8F6F\96C5\9ED1',"Segoe UI","wf_segoe-ui_normal","Arial",sans-serif; color: #4e4e4e; line-height: 22px; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; font-family:"Segoe UI","wf_segoe-ui_normal","Arial",sans-serif; color: #4e4e4e; }
h1 { font-size: 30px; color: #fff; }
h2 { font-size: 20px; }
h3 { font-size: 16px; color: #787878; font-weight: 400; line-height: 24px; }
h4 { font-size: 16px; }
a { color: #ff8200; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms; }
a:hover, a:focus { color: #d43133; }
hr { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff; }
.btn-primary { padding: 8px 20px; background: #ff8200; color: #fff; border-radius: 4px; border: none; margin-top: 10px; }
.btn-primary:hover, .btn-primary:focus { background: #ff8200; outline: none; box-shadow: none; }
.btn-transparent { border: 3px solid #fff; background: transparent; color: #fff; }
.btn-transparent:hover { border-color: rgba(255, 255, 255, 0.5); }
a:hover, a:focus { color: #111; text-decoration: none; outline: none; }
.dropdown-menu { margin-top: -1px; min-width: 210px; }
.center h2 { font-size: 36px; margin-top: 0; margin-bottom: 20px; }
.media>.pull-left { margin-right: 30px; }
.media>.pull-right { margin-left: 20px; }
body > section { padding: 70px 0; }
.center { text-align: center; padding-bottom: 55px; }
.scaleIn { -webkit-animation-name: scaleIn; animation-name: scaleIn; }
.lead { font-size: 16px; line-height: 35px; font-weight: normal; }
.proapplead { font-size: 16px; line-height: 35px; font-weight: 400; }
.transparent-bg { background-color: transparent !important; margin-bottom: 0; }
@-webkit-keyframes scaleIn {
  0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleIn {
  0% { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
  100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}

/*************************
*******Header******
**************************/
header.z999{width: 100%;}
#header .search { display:block; float: right; position: relative; }
#header .search input[type=submit]{position: absolute; top: 0; right:0; height: 28px; width: 28px; z-index: 51;outline: medium none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0; }
.navbar>.container .navbar-brand { margin-left: 0; margin-right: 20px;}
.top-bar { background: #2e2e2e;line-height: 28px;height: 28px;position: relative; z-index: 999999999999;}
.top-number { color: #fff; }
.top-number p { margin: 0 }
.social { text-align: right; }
.social-share { display: block;float: right; list-style: none; padding: 0; margin: 0; }
ul.social-share li { float: right; }
ul.social-share li a { display:block; color: #fff; width: 28px; height: 28px; line-height: 25px; text-align: center; border-radius: 5px; margin-right: 2px; }
ul.social-share li a:hover { background: #ff8200; color: #fff; }
/*hover微信二维码*/
ul.social-share li.position_re a{cursor: pointer;}
ul.social-share li.position_re img.position_ab{left:-800%; z-index:999999; top:30px; display: none;}
.search i {  }
input.search-form { background: transparent; border: 0 none; width: 60px;line-height: 28px; height: 28px; padding: 0 5px;  transition:all 0.5s ease; outline: none; }
input.search-form::-webkit-input-placeholder { color: transparent;}
#header .search>form:hover input.search-form::-webkit-input-placeholder { color: #fff;}
#header .search>form:hover input.search-form { width: 180px;  margin:0 10px; color:#585856; }
#header .search>form>i.fa{cursor: pointer; font-size: 15px;}

/*header导航 透明*/
.navbar-brand { padding: 0; margin: 0; }
.navbar-brand img{margin-top:20px;width: 150px; }
.navbar{ border-radius: 0; margin-bottom: 0; background: rgba(255,255,255,0.4);padding-bottom: 0; box-shadow: 0px 1px 6px rgba(0,0,0,0.2); transition:all 0.5s ease; }
.navbar:hover{background: rgba(255,255,255,0.6); box-shadow: 0px 1px 8px rgba(0,0,0,0.4);}
.navbar:hover .navbar-nav>.active a{background: #f1f1f1 !important;}
/*导航不太透明*/
.bianbai{background: rgba(255,255,255,0.9) !important;}
.bianbai:hover{background: rgba(255,255,255,1) !important;}
/*.navbar-nav { margin-left:10px;}*/
.navbar-nav>li { margin-right: 0px; padding-left: 0px; margin-left:0px !important; }
.navbar-inverse .navbar-nav > li > a {float: left; padding: 0px 23px; margin: 0;  color: #2F2F2F;; line-height: 70px; height:70px; font-size:15px;display: block;  }
.navbar-inverse .navbar-nav > li > a:hover { background-color:#f1f1f1; color: #2F2F2F; text-decoration: underline;}
.navbar-inverse .navbar-nav > li > a>i{display: inline-block !important; padding-left: 2px;}
.navbar-inverse .navbar-nav > li > span{color:#f8862c; font-size: 20px; width: 20%;float: right;height: 40px; line-height: 40px;text-align: center; }
.navbar-inverse { border: none; }

.navbar-inverse .navbar-toggle{border-color: #f8862c; margin-top:15px;margin-bottom:15px; }
.navbar-inverse .navbar-toggle .icon-bar{background-color:#f8862c;}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{border-color:#fff;background:#f8862c; }
.navbar-inverse .navbar-toggle:hover .icon-bar,.navbar-inverse .navbar-toggle:focus .icon-bar{background-color:#fff;}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #f1f1f1;; color: rgb(255, 23, 0);  }
.navbar-inverse .navbar-nav .dropdown-menu {background-color: #f1f1f1;transition:all 0.3s ease; border: 0;  margin-top: 0;margin-right: 15px; border-top: 0; border-radius:0;padding:10px 0; left: 0; }
.navbar-inverse .navbar-nav .dropdown-menu:hover {background-color: #f1f1f1;;}
.navbar-inverse .navbar-nav .dropdown-menu:before { position: absolute; top: 0; }
.navbar-inverse .navbar-nav .dropdown-menu > li > a { padding: 10px 15px; color:#2F2F2F; transition:all 0.4s ease; }
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a, .navbar-inverse .navbar-nav .dropdown-menu > li:focus > a, .navbar-inverse .navbar-nav .dropdown-menu > li.active > a { background-color:#e5e5e5; color: #2F2F2F; text-indent: 8px;text-decoration: underline; }
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a { border-radius: 0 0 3px 3px; }
.navbar-inverse .navbar-nav .dropdown-menu > li.divider { background-color: transparent; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-top: 0; padding-bottom: 0; }

/*************************
*******Home Page******
**************************/
#main-slider { position: relative; }
.no-margin { margin: 0; padding: 0; }
#main-slider .carousel .carousel-content { margin-top: 160px; }
#main-slider .carousel .carousel-content h1,#main-slider .carousel .carousel-content h2{text-shadow:1px 2px 5px rgba(0,0,0,0.5);}
#main-slider .carousel .slide-margin { margin-top: 8%; }
#main-slider .carousel h2 { color: #fff; }
#main-slider .carousel .btn-slide { padding: 8px 20px; background: #ff8200; color: #fff; border-radius: 4px; margin-top: 25px; display: inline-block; }
#main-slider .carousel .slider-img { text-align: right; position: absolute; right:0px;}
#main-slider .carousel .item { background-position: 50%; background-repeat: no-repeat; background-size: cover; left: 0 !important; opacity: 0; top: 0; position: absolute; width: 100%; display: block !important; -webkit-transition: opacity ease-in-out 500ms; -moz-transition: opacity ease-in-out 500ms; -o-transition: opacity ease-in-out 500ms; transition: opacity ease-in-out 500ms; }
#main-slider .carousel .item:first-child { top: auto; position: relative; }
#main-slider .carousel .item.active { opacity: 1; -webkit-transition: opacity ease-in-out 500ms; -moz-transition: opacity ease-in-out 500ms; -o-transition: opacity ease-in-out 500ms; transition: opacity ease-in-out 500ms; z-index: 1; }
#main-slider .prev, #main-slider .next { position: absolute; top: 50%; background-color: #666; color: #fff; display: inline-block; margin-top: -25px; height: 40px; line-height: 40px; width: 40px; line-height: 40px; text-align: center; border-radius: 4px; z-index: 5; }
#main-slider .prev:hover, #main-slider .next:hover {background-color: #2e2e2e; }
#main-slider .prev {opacity: 0.5; left: 5%; }
#main-slider .next {opacity: 0.5; right: 5%; }
#main-slider .carousel-indicators li { width: 10px; height: 10px; background-color: #fff; margin: 0 15px 0 0; position: relative; }
#main-slider .carousel-indicators li:after { position: absolute; content: ""; width: 14px; height: 14px; border-radius: 100%; background: rgba(0, 0, 0, 0); border: 1px solid #FFF; left: -3px; top: -3px; }
#main-slider .carousel-indicators .active { width: 10px; height: 10px; background-color: #ff8200; margin: 0 15px 0 0; border: 1px solid #ff8200; position: relative; }
#main-slider .carousel-indicators .active:after { position: absolute; content: ""; width: 14px; height: 14px; border-radius: 100%; background: #ff8200; border: 1px solid #ff8200; left: -3px; top: -3px; }
#main-slider .active .animation.animated-item-1 { -webkit-animation: fadeInUp 300ms linear 300ms both; -moz-animation: fadeInUp 300ms linear 300ms both; -o-animation: fadeInUp 300ms linear 300ms both; -ms-animation: fadeInUp 300ms linear 300ms both; animation: fadeInUp 300ms linear 300ms both; }
#main-slider .active .animation.animated-item-2 { -webkit-animation: fadeInUp 300ms linear 600ms both; -moz-animation: fadeInUp 300ms linear 600ms both; -o-animation: fadeInUp 300ms linear 600ms both; -ms-animation: fadeInUp 300ms linear 600ms both; animation: fadeInUp 300ms linear 600ms both; }
#main-slider .active .animation.animated-item-3 { -webkit-animation: fadeInUp 300ms linear 900ms both; -moz-animation: fadeInUp 300ms linear 900ms both; -o-animation: fadeInUp 300ms linear 900ms both; -ms-animation: fadeInUp 300ms linear 900ms both; animation: fadeInUp 300ms linear 900ms both; }
#main-slider .active .animation.animated-item-4 { -webkit-animation: fadeInUp 300ms linear 1200ms both; -moz-animation: fadeInUp 300ms linear 1200ms both; -o-animation: fadeInUp 300ms linear 1200ms both; -ms-animation: fadeInUp 300ms linear 1200ms both; animation: fadeInUp 300ms linear 1200ms both; }

/*4大服务项目*/
#feature { background:-webkit-linear-gradient(#fff,#f2f2f2);background:linear-gradient(#fff,#f2f2f2); padding-bottom: 40px; }
#feature .container .center h2{color:#0061ae; }
#feature .container .center {padding-bottom: 30px;}
#proappfeature { background:-webkit-linear-gradient(#fff,#fff);background:linear-gradient(#fff,#fff); padding-bottom: 40px; }
#proappfeature .container .center h2{color:#0061ae; letter-spacing: 10px;}
#proappfeature .container .center {padding-bottom: 30px;}
.features { padding: 0; }
.feature-wrap { margin-bottom: 35px; overflow: hidden; }
.feature-wrap h2 { margin-top: 30px; text-align: center;}
.feature-wrap h2 a{color:#4E4E4E;}
.feature-wrap h2:hover a{color:#0061ae; text-decoration: underline;}
.feature-wrap h3{text-align: center;}
.feature-wrap .pull-left { margin-right: 25px; }
.feature-wrap i {overflow: hidden; position: relative; font-size: 60px; margin:0 auto;display: block; height: 160px; width:160px;  border-radius: 100%; line-height: 157px; text-align: center; background: #ffffff; color:#0061ae; border: 3px solid #ffffff; box-shadow: inset 0 0 0 5px #f2f2f2; -webkit-box-shadow: inset 0 0 0 5px #f2f2f2;transition:all 0.5s ease;}
.feature-wrap i:hover { font-size: 70px;background:#0061ae;background:#0061ae; color: #fff; box-shadow: inset 0 0 0 5px #0061ae; -webkit-box-shadow: inset 0 0 0 5px #ddd; border: 3px solid #fff; }
.feature-wrap i span{ position: absolute; z-index: 23; top:0; left: -150px; height:100%; width: 80px; display:block;
  -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease; transition:all 0.5s ease;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.2) 60%,rgba(255,255,255,0));
  background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.2) 60%,rgba(255,255,255,0));
  background: -ms-llinear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.2) 60%,rgba(255,255,255,0));
  background: linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.2) 60%,rgba(255,255,255,0));
  -webkit-transform:skew(-30deg);
  -moz-transform:skew(-30deg);
  transform:skew(-30deg);
}
.proappfeature-wrap { margin-bottom: 35px; overflow: hidden; text-align: center; }
.proappfeature-wrap img{width: 100%;}
.proappfeature-wrap h2 { margin-top: 30px; text-align: center;}
.proappfeature-wrap h2 a{color:#4E4E4E;}
.proappfeature-wrap h2:hover a{color:#0061ae; text-decoration: underline;}
.proappfeature-wrap h3{text-align: center;}
.proappfeature-wrap .pull-left { margin-right: 25px; }
.proappfeature-wrap i {overflow: hidden; position: relative; font-size: 60px; margin:0 auto;display: block; height: 160px; width:160px;  border-radius: 100%; line-height: 157px; text-align: center; background: #ffffff; color:#0061ae; border: 3px solid #ffffff; box-shadow: inset 0 0 0 5px #f2f2f2; -webkit-box-shadow: inset 0 0 0 5px #f2f2f2;transition:all 0.5s ease;}
.proappfeature-wrap i:hover { font-size: 70px;background:#0061ae;background:#0061ae; color: #fff; box-shadow: inset 0 0 0 5px #0061ae; -webkit-box-shadow: inset 0 0 0 5px #ddd; border: 3px solid #fff; }
.proappfeature-wrap i span{ position: absolute; z-index: 23; top:0; left: -150px; height:100%; width: 80px; display:block;
  -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease; transition:all 0.5s ease;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.2) 60%,rgba(255,255,255,0));
  background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.2) 60%,rgba(255,255,255,0));
  background: -ms-llinear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.2) 60%,rgba(255,255,255,0));
  background: linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.2) 60%,rgba(255,255,255,0));
  -webkit-transform:skew(-30deg);
  -moz-transform:skew(-30deg);
  transform:skew(-30deg);
}
.feature-wrap i:hover span{left:200px;}
.proappfeature-wrap i:hover span{left:200px;}

/*4大解决方案*/
#recent-works .row{overflow: hidden;}
#recent-works .col-xs-6.col-md-3 { padding: 0; overflow: hidden; }
#recent-works { padding-bottom: 20px; }
#recent-works .container {overflow:hidden;}
#recent-works .container .center{padding-bottom: 30px;}
#recent-works .container .center h2{color:#0061ae;}
#recent-works .row div{margin-top: 15px;}
.recent-work-wrap { position: relative; overflow:hidden;}
.recent-work-wrap img { width: 100%; }
.recent-work-wrap .recent-work-inner { top: 0; background: transparent; width: 100%; border-radius: 0; margin-bottom: 0; }
.recent-work-wrap .recent-work-inner h3 { margin: 15px 0 20px 0;}
.recent-work-wrap .recent-work-inner h3 a { font-size: 25px !important;margin-bottom: 40px; color: #fff; }
.recent-work-wrap .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; border-radius: 0; background: rgba(0,0,0,0.3); color: #fff; vertical-align: middle; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; padding: 30px; }
.recent-work-wrap .overlay .preview { bottom: 0; display: inline-block; height: 35px; line-height: 35px; border-radius: 0; background: transparent; text-align: center; color: #fff; }
.recent-work-wrap:hover .overlay { opacity: 1; }

/*聪 4大解决方案*/
.icotent-box1 { }
.mycase .envor-project { background: none }
.mycase .envor-project-inner { background: #fff }
.mycase .glyphicon { background: #fff }
.mycase .glyphicon:hover { background: #eee }
.index-case article { border: 1px solid #ddd; }
.index-case dt { text-align: left; }
.index-case .dl-horizontal dt { width: 130px }
.index-case .dl-horizontal dd { margin-left: 140px; min-width: 50px; }
.envor-footer { padding-bottom: 30px; }
.envor-copyright-widget { margin-top: 0px; border-top: 0px; }
#flink { background: #fff }
#flink h3 { cursor: pointer; margin-bottom: 0px; line-height: 60px; }
#flink .envor-widget-inner ul { margin: 0px; padding: 0px; padding-top: 15px; }
#flink .envor-widget-inner ul li { margin-bottom: 15px; }
.iabout h2 { font-size: 30px; }
.iabout h4 { float: left; margin-right: 20px; font-size: 18px; }
.iabout { padding-top: 50px; }
.iabout p { color: #555; font-size: 18px; line-height: 36px; }
.index-pd img { width: 100% }
.box-bt { margin-top: 25px; }
.box-bt>a{ color:#555;}

.mybox1.ios_mx ul,.mybox1.and_mx ul,.mybox1.hl5_mx ul,.mybox1.wxin_mx ul{list-style-type: none; margin: 20px 0 10px 0;padding-left: 15px;}

/*ios服务 明细*/
/*.mybox1.ios_mx{padding:2% 0 !important;}*/
/*.mybox1.ios_mx p,.mybox1.ios_mx h4,.mybox1.ios_mx h2>strong{color: #fff; text-shadow:0 1px 5px rgba(0,0,0,0.5); }*/
/*.ios_mx h2{color: #0061ae !important;font-size: 30px !important; margin-bottom:20px !important;}
.ios_mx h2 i{color:#0061ae;}
.ios_mx p{line-height: 40px !important; font-size: 16px !important;}
.ios_mx a.btn-primary{background:#0061ae !important; border:1px solid #0061ae !important; color:#fff !important; border-radius: 50px !important;}
.ios_mx a.btn-primary:hover,.ios_mx a.btn-primary:focus{background: #fff !important; color:#0061ae !important;}
.mybox2.ios_mx { background:-webkit-linear-gradient(#f2f2f2,#ccc);background:linear-gradient(#f2f2f2,#ccc); }
.mybox3.ios_mx { background-color: #fff; box-shadow: 0 2px 30px rgba(0,0,0,0.3);position: relative;}
.mybox4.ios_mx { background:-webkit-linear-gradient(#f2f2f2,#fff);background:linear-gradient(#f2f2f2,#fff);padding-bottom:20px !important;}*/

/*Android服务 明细*/
/*.mybox1.and_mx{padding:2% 0 !important;}*/
/*.mybox1.and_mx p,.mybox1.and_mx h4,.mybox1.and_mx h2>strong{color: #fff; text-shadow:0 1px 5px rgba(0,0,0,0.5); }*/
/*.and_mx h2{color: #0061ae !important;font-size: 30px !important; margin-bottom:20px !important;}
.and_mx h2 i{color:#1b83df;}
.and_mx p{line-height: 40px !important; font-size: 16px !important;}
.and_mx a.btn-primary{background:#1b83df !important; border:1px solid #1b83df !important; color:#fff !important; border-radius: 50px !important;}
.and_mx a.btn-primary:hover,.and_mx a.btn-primary:focus{background: #fff !important; color:#1b83df !important;}
.mybox2.and_mx { background:-webkit-linear-gradient(#f2f2f2,#ccc);background:linear-gradient(#f2f2f2,#ccc); }
.mybox3.and_mx { background-color: #fff; box-shadow: 0 2px 30px rgba(0,0,0,0.3);position: relative;}
.mybox4.and_mx { background:-webkit-linear-gradient(#f2f2f2,#fff);background:linear-gradient(#f2f2f2,#fff);padding-bottom:20px !important;}*/

/*HTML5服务 明细*/
/*.mybox1.hl5_mx{padding:2% 0 !important;}*/
/*.mybox1.hl5_mx p,.mybox1.hl5_mx h4,.mybox1.hl5_mx h2>strong{color: #fff; text-shadow:0 1px 5px rgba(0,0,0,0.5); }*/
/*.hl5_mx h2{color:#0061ae !important;font-size: 30px !important; margin-bottom:20px !important;}
.hl5_mx h2 i{color:#FF8200;}
.hl5_mx p{line-height: 40px !important; font-size: 16px !important;}
.hl5_mx a.btn-primary{background:#FF8200 !important; border:1px solid #FF8200 !important; color:#fff !important; border-radius: 50px !important;}
.hl5_mx a.btn-primary:hover,.hl5_mx a.btn-primary:focus{background: #fff !important; color:#FF8200 !important;}
.mybox2.hl5_mx { background:-webkit-linear-gradient(#f2f2f2,#ccc);background:linear-gradient(#f2f2f2,#ccc); }
.mybox3.hl5_mx { background-color: #fff; box-shadow: 0 2px 30px rgba(0,0,0,0.3);position: relative;}
.mybox4.hl5_mx { background:-webkit-linear-gradient(#f2f2f2,#fff);background:linear-gradient(#f2f2f2,#fff);padding-bottom:20px !important;}*/

/*微信服务 明细*/
/*.mybox1.wxin_mx{padding:2% 0 !important;}*/
/*.mybox1.wxin_mx p,.mybox1.wxin_mx h4,.mybox1.wxin_mx h2>strong{color: #fff; text-shadow:0 1px 5px rgba(0,0,0,0.5); }*/
/*.wxin_mx h2{color:#0061ae !important;font-size: 30px !important; margin-bottom:20px !important;}
.wxin_mx h2 i{color:#ffb363;}
.wxin_mx p{line-height: 40px !important; font-size: 16px !important;}
.wxin_mx a.btn-primary{background:#ffb363 !important; border:1px solid #ffb363 !important; color:#fff !important; border-radius: 50px !important;}
.wxin_mx a.btn-primary:hover,.wxin_mx a.btn-primary:focus{background: #fff !important; color:#ffb363 !important;}
.mybox2.wxin_mx { background:-webkit-linear-gradient(#f2f2f2,#ccc);background:linear-gradient(#f2f2f2,#ccc); }
.mybox3.wxin_mx { background-color: #fff; box-shadow: 0 2px 30px rgba(0,0,0,0.3);position: relative;}
.mybox4.wxin_mx { background:-webkit-linear-gradient(#f2f2f2,#fff);background:linear-gradient(#f2f2f2,#fff);padding-bottom:20px !important;}*/

.about { padding: 1% 0 0.5% 0; }
ul.tab1 { list-style: 0; padding: 0; }
ul.tab1 h3 { color: #505961; font-weight: 600; font-size: 2em; line-height: 1.3em; text-transform: uppercase; float: left; }
ul.tab1 h3 a{color: #505961;}
ul.tab1:hover h3 a{color: #ff8200; text-decoration: underline;}
span.m_5 { font-weight: 100; font-size: 0.8em; color: #999; }
h3.m_7 {text-shadow: 0 1px 5px rgba(255,255,255,0.8); text-align: center; margin: 0; color: #0061ae; font-weight: bold;margin-bottom:20px; font-size:36px; letter-spacing: 10px; }
h3.proappm_7 {text-shadow: 0 1px 5px rgba(255,255,255,0.8); text-align: center; margin: 0; color: #66abe3; font-weight: bold;margin-bottom:20px; font-size:36px; letter-spacing: 10px; }
p.m_8 { width: 90%; margin: 0 auto; text-align: center;line-height: 35px;font-size:16px;margin-bottom: 50px; }
.tab1 i.tbx{float: right; font-size: 50px;transition:margin 0.5s ease; margin-right: 20px;margin-top:30px;color: #8b9297; }
.tab1:hover i.tbx{
  -webkit-animation:baba 0.8s ease;
  -moz-animation:baba 0.8s ease;
  animation:baba 0.8s ease;
  margin-right: 30px;
}

@-webkit-keyframes baba{
  0%{-webkit-transform:scale(1);}
  50%{-webkit-transform:scale(1.4);}
  100%{-webkit-transform:scale(1);}
}

@-moz-keyframes baba{
  0%{-moz-transform:scale(1);}
  50%{-moz-transform:scale(1.4);}
  100%{-moz-transform:scale(1);}
}

@keyframes baba{
  0%{transform:scale(1);}
  50%{transform:scale(1.4);}
  100%{transform:scale(1);}
}

p.m_6 { color: #999; font-size:16px; line-height: 1.8em; margin-top: 1em; width: 80% }
.resp-tab-item { border-left: 1px solid #CFCFCF; color: #777; font-size: 1em; background: none;  cursor: pointer; padding: 12px 0; display: inline-block; border: 1px solid #ddd; margin: 0 10px; text-align: center; list-style: none; display: inline-block; width: auto; padding: 10px 20px; outline: none;transition:all 0.3s ease;}
.resp-tab-item a { font-size: 18px; color: #777 }
.resp-tab-item a.a2 { font-size: 18px; color: #0687ff }
.resp-tab-item:hover a { color: #fff }
.resp-tab-item a:hover { color: #fff }
.resp-tab-item:hover { background: #ff8200; text-shadow: none; color: #FFF; }
.resp-tab-active { background: none; text-shadow: none; color: #0687ff; border: 1px solid #ddd; }
.resp-tabs-container { padding: 0px; clear: left; }
.resp-tabs-list { width: 100%; text-align: center; padding: 0; }
.facts { padding-top: 3%; }
.facts.ewcc { padding-top:0; }

/*设计流程*/
#services { background: #000 url(../images/services/bg_services.png); background-size: cover; margin-bottom:1% }
#services .center{padding:10px 0 40px 0 !important;}
#services .lead, #services h2 { color: #fff; letter-spacing:2px; }
#proappservices { background: #f7f7f7; background-size: cover; margin-bottom:1% }
#proappservices .center{padding:10px 0 40px 0 !important;}
#proappservices .lead, #proappservices h2 { color: #4e4e4e; letter-spacing:2px; font-size:28px;  }
#proappservices .lead p{color: #4e4e4e;}
.services-wrap { padding: 30px 28px; background: #fff; border-radius: 4px; margin: 0 0 40px; }
.services-wrap h3 { font-size: 24px; margin:0 0 10px 0; }
/*设计流程 动画*/
.services-wrap>.media-body>h3{font-size: 28;color:#000; margin-bottom: 20px;}
.services-wrap>.media-body>p{margin-bottom:0px;}
.services-wrap .pull-left { margin-right: 30px; width:100px;height:100px;text-align: center; border-radius: 100%; transition:all 0.3s ease;}
.services-wrap .pull-left i.fa{font-size:40px;color:#0061ae; line-height: 100px;transition:all 0.3s ease; }
.col-sm-6.col-md-4>.services-wrap:hover i.fa{color:#ff8200;}
.col-sm-6.col-md-4>.services-wrap:hover .pull-left{
  -webkit-animation:lala 1.5s ease;
  -moz-animation:lala 1.5s ease;
  animation:lala 1.5s ease;

}

.proappservices-wrap { padding: 30px 28px;  border-radius: 4px; margin: 0 0 40px; }
.proappservices-wrap img{with:100%;}
.proappservices-wrap h3 { font-size: 24px; margin:0 0 20px 0; }
/*设计流程 动画*/
.proappservices-wrap>.media-body>h3{font-size:18px;color:#4e4e4e; margin-bottom: 20px; font-weight: bold;}
.proappservices-wrap>.media-body{ text-align: center;}
.proappservices-wrap>.media-body>p{color:#808080;}
.proappservices-wrap>.media-body>p{margin-bottom:0px;font-size: 14px;}
.proappservices-wrap .pull-left { margin-right: 30px; width:100px;height:100px;text-align: center; border-radius: 100%; transition:all 0.3s ease;}
.proappservices-wrap .pull-left i.fa{font-size:40px;color:#0061ae; line-height: 100px;transition:all 0.3s ease; }
.col-sm-6.col-md-4>.proappservices-wrap:hover i.fa{color:#ff8200;}
.col-sm-6.col-md-4>.proappservices-wrap:hover .pull-left{
  -webkit-animation:lala 1.5s ease;
  -moz-animation:lala 1.5s ease;
  animation:lala 1.5s ease;

}

@-webkit-keyframes lala{
  0%{-webkit-transform:scale(1) rotateY(0);}
  50%{-webkit-transform:scale(1.2) rotateY(360deg);}
  100%{-webkit-transform:scale(1) rotateY(0);}
}

@-moz-keyframes lala{
  0%{-moz-transform:scale(1) rotateY(0);}
  50%{-moz-transform:scale(1.2) rotateY(360deg);}
  100%{-moz-transform:scale(1) rotateY(0);}
}

@keyframes lala{
  0%{transform:scale(1) rotateY(0);}
  50%{transform:scale(1.2) rotateY(360deg);}
  100%{transform:scale(1) rotateY(0);}
}

#middle {background: -webkit-linear-gradient(#f2f2f2,#fff); background: linear-gradient(#f2f2f2,#fff);}
#middle>.container>.center{padding-bottom: 0 !important;}
#middle>.container>.center>h2{color:#0061ae;}
.skill h2 { margin-bottom: 25px; }
.progress-wrap { position: relative; }
.progress .color1, .progress .color1 .bar-width { background: #0061ae; }
.progress .color2, .progress .color2 .bar-width { background: #1b83df; }
.progress .color3, .progress .color3 .bar-width { background: #FF8200; }
.progress .color4, .progress .color4 .bar-width { background: #ffb363; }
.progress, .progress-bar { height: 15px; line-height: 15px; background: #e6e6e6; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0; overflow: visible; text-align: right; }
.progress { position: relative; }
.progress .bar-width { position: absolute; width: 40px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; font-weight: 700; top: -30px; border-radius: 2px; margin-left: -30px; }
.progress span { position: relative; }
.progress span:before { content: " "; position: absolute; width: auto; height: auto; border-width: 8px 5px; border-style: solid; bottom: -15px; right: 8px; }
.progress .color1 span:before { border-color: #0061ae transparent transparent transparent; }
.progress .color2 span:before { border-color: #1b83df transparent transparent transparent; }
.progress .color3 span:before { border-color: #FF8200 transparent transparent transparent; }
.progress .color4 span:before { border-color: #ffb363 transparent transparent transparent; }
.accordion{width:98%; margin:0 auto;}
.accordion h2 { margin-bottom: 25px; }
.panel-default { border-color: transparent; }
.panel-default>.panel-heading, .panel { background-color: #e6e6e6; border: 0 none; box-shadow: none; }
.panel-default>.panel-heading+.panel-collapse .panel-body { background: #fff; color: #858586; }
.panel-body { padding: 20px 20px 0 20px; }
.panel-group .panel+.panel { margin-top: 0; border-top: 1px solid #d9d9d9; }
.panel-group .panel { border-radius: 0; }
.panel-heading { border-radius: 0; }
.panel-title>a { color: #4e4e4e; }
.accordion-inner img { border-radius: 4px; margin-bottom: 25px; }
.accordion-inner h4 { margin-top: 0; }
.panel-heading.active { background: #1f1f20; }
.panel-heading.active .panel-title>a { color: #fff; }
a.accordion-toggle  i { width: 45px; line-height: 44px; font-size: 20px; margin-top: -10px; text-align: center; margin-right: -15px; background: #c9c9c9; }
.panel-heading.active a.accordion-toggle i { background: #ff8200; color: #fff; }
.panel-heading.active a.accordion-toggle.collapsed i { background: #ff8200; color: #fff; }
.nav-tabs>li { margin-bottom: 0px; border-bottom: 1px solid #e6e6e6; }
.nav-tabs { border-bottom: transparent; border-right: 1px solid #e6e6e6; }
.nav-tabs>li>a { background: #f5f5f5; color: #666; border-radius: 0; border: 0 none; line-height: 24px; margin-right: 0; padding: 13px 15px; }
.nav-tabs li:last-child { border-bottom: 0 none; }
.nav-stacked>li+li { margin-top: 0; }
.nav-tabs>li>a:hover { background: #1f1f20; color: #fff; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { border: 0; color: #fff; background: #1f1f20; position: relative; }
.nav-tabs>li.active>a:after { position: absolute; content: ""; width: auto; height: auto; border-style: solid; border-color: transparent transparent transparent #1f1f20; border-width: 25px 22px; right: -44px; top: 0; }
.tab-wrap { border: 1px solid #e6e6e6; margin-bottom: 20px; }
.tab-content { padding: 20px; }
.tab-content h2 { margin-top: 0; }
.tab-content img { border-radius: 4px; }
.testimonial h2 { margin-top: 0; }
.testimonial-inner { color: #858586; font-size: 14px; }
.testimonial-inner .pull-left { border-right: 1px solid #e7e7e7; padding-right: 15px; position: relative; }
.testimonial-inner .pull-left:after { content: ""; position: absolute; width: 9px; height: 9px; top: 50%; margin-top: -5px; background: #FFF; -webkit-transform: rotate(45deg); border: 1px solid #e7e7e7; right: -5px; border-left: 0 none; border-bottom: 0 none; }
#partner { background: url(../images/partners/partner_bg.png) 50% 50% no-repeat; background-size: cover; }
#partner { color: #fff; text-align: center; }
#partner h2, #partner h3 { color: #fff; }
.partners ul { list-style: none; margin: 0; padding: 0; }
.partners ul li { display: inline-block; float: left; width: 20%; }
/*底部蓝色 联系方式*/
#conatcat-info { background: #fff; padding: 50px 0 40px 0; }
.contact-info i { width: 60px; height: 60px; font-size: 40px; line-height: 60px; color: #fff; background: #0061ae; text-align: center; border-radius: 10px; }
.contact-info h2{ margin-top: 4px; color: #0061ae; font-size:24px; }
.contact-info p {color: #666; }
.contact-info { color: #000; }

/*************************
********* About Us Page CSS ******
**************************/
.about-us { margin-top: 110px; margin-bottom: -110px; }
.about-us h2, .skill_text h2 { color: #4e4e4e; font-size: 30px; font-weight: 600; }
.about-us p { color: #4e4e4e; }
#carousel-slider { position: relative; }
#carousel-slider .carousel-indicators { bottom: -25px; }
#carousel-slider .carousel-indicators li { border: 1px solid #ffbd20; }
#carousel-slider a i { border: 1px solid #777; border-radius: 50%; font-size: 28px; height: 50px; padding: 8px; position: absolute; top: 50%; width: 50px; color: #777; }
#carousel-slider a i:hover { background: #bfbfbf; color: #fff; border: 1px solid #bfbfbf; }
#carousel-slider 
.carousel-control { width: inherit; }
#carousel-slider .carousel-control.left i { left: -25px }
#carousel-slider .carousel-control.right i { right: -25px; }
#carousel-slider
.carousel-control.left, #carousel-slider
.carousel-control.right { background: none; }
.skill_text { display: block; margin-bottom: 60px; margin-top: 25px; overflow: hidden; }
.sinlge-skill { background: #f2f2f2; border-radius: 100%; color: #FFFFFF; font-size: 22px; font-weight: bold; height: 200px; position: relative; width: 200px; text-transform: uppercase; overflow: hidden; margin: 30px auto; }
.sinlge-skill p em { color: #FFFFFF; font-size: 38px; }
.sinlge-skill p { line-height: 1; }
.joomla-skill, .html-skill, .css-skill, .wp-skill { position: absolute; height: 100%; bottom: 0; width: 100%; border-radius: 100%; padding: 70px 0; text-align: center; }
.joomla-skill { background: rgb(242, 242, 242); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 28%, rgba(45, 125, 164, 1) 28%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(28%, rgba(242, 242, 242, 1)), color-stop(28%, rgba(45, 125, 164, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 28%, rgba(45, 125, 164, 1) 28%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 28%, rgba(45, 125, 164, 1) 28%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 28%, rgba(45, 125, 164, 1) 28%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 28%, rgba(45, 125, 164, 1) 28%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#2d7da4', GradientType=0); /* IE6-9 */ }
.html-skill { background: rgb(242, 242, 242); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 9%, rgba(106, 164, 47, 1) 9%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(9%, rgba(242, 242, 242, 1)), color-stop(9%, rgba(106, 164, 47, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 9%, rgba(106, 164, 47, 1) 9%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 9%, rgba(106, 164, 47, 1) 9%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 9%, rgba(106, 164, 47, 1) 9%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 9%, rgba(106, 164, 47, 1) 9%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#6aa42f', GradientType=0); /* IE6-9 */ }
.css-skill { background: rgb(242, 242, 242); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 32%, rgba(255, 189, 32, 1) 32%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(32%, rgba(242, 242, 242, 1)), color-stop(32%, rgba(255, 189, 32, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 32%, rgba(255, 189, 32, 1) 32%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 32%, rgba(255, 189, 32, 1) 32%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 32%, rgba(255, 189, 32, 1) 32%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 32%, rgba(255, 189, 32, 1) 32%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#ffbd20', GradientType=0); /* IE6-9 */ }
.wp-skill { background: rgb(242, 242, 242); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 19%, rgba(219, 54, 21, 1) 19%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(19%, rgba(242, 242, 242, 1)), color-stop(19%, rgba(219, 54, 21, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 19%, rgba(219, 54, 21, 1) 19%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 19%, rgba(219, 54, 21, 1) 19%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 19%, rgba(219, 54, 21, 1) 19%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 19%, rgba(219, 54, 21, 1) 19%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#db3615', GradientType=0); /* IE6-9 */ }
.skill-wrap { display: block; overflow: hidden; margin: 0 0 50px 0; }
.team h4 { margin-top: 0; text-transform: uppercase; }
.team h5 { font-weight: 300; }
.single-profile-top, .single-profile-bottom { font-weight: 400; line-height: 24px; }
.single-profile-top, .single-profile-bottom { border: 1px solid #ddd; padding: 15px; position: relative; }
.media_image { margin-bottom: 10px; }
.team .btn { background: transparent; font-size: 12px; font-weight: 300; margin-bottom: 3px; padding: 1px 5px; text-transform: uppercase; border: 1px solid#ddd; margin-right: 3px; }
ul.social_icons, ul.tag { list-style: none; padding: 0; margin: 10px 0; display: block; }
ul.social_icons li, ul.tag li { display: inline-block; margin-right: 5px; }
ul.social_icons li  a i { border-radius: 50%; color: #FFFFFF; height: 25px; line-height: 25px; font-size: 12px; padding: 0; text-align: center; width: 25px; opacity: .8; }
.team .social_icons .fa-facebook:hover, .team .social_icons .fa-twitter:hover, .team .social_icons .fa-google-plus:hover { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transition-duration: 2s; transition-property: all; transition-timing-function: ease; opacity: 1; transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; }
.team .social_icons .fa-facebook { background: #0182c4; }
.team .social_icons .fa-twitter { background: #20B8FF }
.team .social_icons .fa-google-plus { background: #D34836 }
.team-bar .first-one-arrow { float: left; margin-right: 30px; width: 2%; }
.team-bar .first-arrow { float: left; margin-left: 5px; margin-right: 35px; width: 22%; }
.team-bar .second-arrow { float: left; margin-left: 5px; width: 21%; }
.team-bar .third-arrow { float: left; margin-left: 40px; margin-right: 12px; width: 22%; }
.team-bar .fourth-arrow { float: left; margin-left: 25px; width: 20%; }
.team-bar .first-one-arrow hr { border-bottom: 1px solid #2D7DA4; border-top: 1px solid #2D7DA4; }
.team-bar .first-arrow hr { border-bottom: 1px solid #2D7DA4; border-top: 1px solid #2D7DA4; }
.team-bar .second-arrow hr { border-bottom: 1px solid #6aa42f; border-top: 1px solid #6aa42f; }
.team-bar .third-arrow hr { border-bottom: 1px solid #FFBD20; border-top: 1px solid #FFBD20; }
.team-bar .fourth-arrow hr { border-bottom: 1px solid #db3615; border-top: 1px solid #db3615; }
.team-bar { margin-bottom: 15px; margin-top: 30px; position: relative; }
.team-bar i { border-radius: 50%; color: #FFFFFF; display: block; height: 24px; line-height: 24px; margin-top: -32px; overflow: hidden; padding: 0; text-align: center; width: 24px; position: absolute; }
.team-bar .first-arrow .fa-angle-up { background: #2D7DA4; margin-left: -33px }
.team-bar .second-arrow .fa-angle-down { background: #6AA42F; margin-left: -33px; }
.team-bar .third-arrow .fa-angle-up { background: #FFBD20; margin-left: -32px; }
.team-bar .fourth-arrow .fa-angle-down { background: #db3615; margin-left: -32px; }


/***********************
****Service page css****
***********************/
.services { padding: 0; }
.get-started { border-radius: 3px; padding-bottom: 30px; position: relative; margin-bottom: 18px;}
.get-started h2 { padding-top: 30px; margin-bottom: 20px; }
.request { bottom: -15px; left: 50%; position: absolute; margin-left: -110px; }
.request h4 { position: absolute; width: 220px; position: relative; }
.request h4 a { background: #ff8200; color: #fff; font-size: 14px; font-weight: normal; border-radius: 3px; padding: 5px 15px; }
.request h4:after { border-color: #ff8200 transparent transparent; border-style: solid; border-width: 12px; bottom: -18px; content: ""; height: 0; position: absolute; right: 13px; z-index: -99999; }
.request h4:before { border-color: #ff8200 transparent transparent; border-style: solid; border-width: 12px; bottom: -18px; content: ""; height: 0; left: 13px; position: absolute; z-index: -99999; }
.clients-area { padding: 60px; }
.clients-comments { background-image: url("../images/image_bg.png"); background-position: center 118px; background-repeat: no-repeat; margin-bottom: 100px; }
.clients-comments img { background: #DDDDDD; border: 1px solid #DDDDDD; height: 182px; padding: 3px; width: 182px; transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; }
.clients-comments h3 { margin-top: 55px; font-weight: 300; padding: 0 40px; }
.clients-comments h4 { font-weight: 300; margin-top: 15px; }
.clients-comments  h4  span { font-weight: 700; font-style: oblique; }
.footer { background: none repeat scroll 0 0 #2E2E2E; border-top: 5px solid #ff8200; height: 84px; margin-top: 110px; }
.footer_left { padding: 10px; }
.text-left { color: #FFFFFF; font-size: 12px; margin-top: 15px; }

/*************************
********* Portfolio CSS ******
**************************/
#portfolio_page { margin-top: 115px; padding-bottom: 0; }
.portfolio-items, .portfolio-filter { list-style: none outside none; margin: 0 0 40px 0; padding: 0; }
.portfolio-filter > li { display: inline-block; }
.portfolio-filter > li a { background: none repeat scroll 0 0 #FFFFFF; font-size: 14px; font-weight: 400; margin-right: 20px; text-transform: uppercase; transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; border: 1px solid #F2F2F2; outline: none; border-radius: 3px; }
.portfolio-filter > li a:hover, .portfolio-filter > li a.active { color: #fff; background: #ff8200; border: 1px solid #ff8200; box-shadow: none; -webkit-box-shadow: none; }
.portfolio-items > li { float: left; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.portfolio-item { margin: 0; padding: 0; }

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }

/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

/**************************
********* Pricing Table CSS *
**************************/
.pricing-page>.container>.center>h2{color:#0061ae;} 
.pricing_heading { margin-top: 120px }
.pricing_heading h2, .pricing_heading p { color: #4e4e4e; }
.pricing-area h1 { font-weight: 300; margin-top: 0; margin-bottom: 15px; }
.pricing-area span { font-weight: 700; font-size: 18px; }
.pricing-area h3, .pricing-area span { color: #fff; }
.plan { position: relative; margin-bottom: 70px; }
.pricing-area ul { background: #FAFAFA; padding: 0; margin: 0; }
.pricing-area ul li { list-style: none; padding: 15px 0; font-size: 16px; font-weight: 400; }
.pricing-area ul li:nth-child(even) { background: #f5f5f5 }
.pricing-area .price-three img, .pricing-area .price-six img { position: absolute; right: 15px; top: 0; }
.pricing-area .heading-one, .pricing-area .heading-two, .pricing-area .heading-three { padding: 17px 0; border-radius: 2px 2px 0 0; }
.pricing-area .heading-one, .pricing-area .heading-two, .pricing-area .heading-three, .pricing-area .heading-four, .pricing-area .heading-five, .pricing-area .heading-six, .pricing-area .heading-seven { margin-left: -10px }
.pricing-area .heading-one, .pricing-area .price-one .plan-action .btn-primary { background: #e24f43 }
.pricing-area .heading-two, .pricing-area .price-two .plan-action .btn-primary { background: #27AE60; }
.pricing-area .heading-three, .pricing-area .price-three .plan-action .btn-primary { background: #f39c12; }
.pricing-area .heading-four, .pricing-area .price-four .plan-action .btn-primary { background: #5c5c5c }
.pricing-area .heading-five, .pricing-area .price-five .plan-action .btn-primary { background: #5c5c5c }
.pricing-area .heading-six, .pricing-area .price-six .plan-action .btn-primary { background: #e24f43; }
.pricing-area .heading-seven, .pricing-area .price-seven .plan-action .btn-primary { background: #5c5c5c }
.pricing-area .bg { background: #fafafa }
.pricing-area .heading-one h3:before { border-color: #bf4539 transparent transparent; }
.pricing-area .heading-two h3:before { border-color: #1f8c4d transparent transparent; }
.pricing-area .heading-three h3:before { border-color: #d4880f transparent transparent; }
.pricing-area .heading-four h3:before { border-color: #424242 transparent transparent; }
.pricing-area .heading-five h3:before { border-color: #424242 transparent transparent; }
.pricing-area .heading-six h3:before { border-color: #bf4539 transparent transparent; }
.pricing-area .heading-seven h3:before { border-color: #424242 transparent transparent; }
.pricing-area h3:before { border-color: #D4880F transparent transparent; border-radius: 5px 0 0 0px; border-style: solid; border-width: 12px; content: ""; height: 0; left: 4px; position: absolute; top: 78px; width: 0; z-index: -999; }
.small-pricing h3:after { height: 94px; }
.small-pricing h3:before { top: 74px; }
.plan-action { height: 40px; }
.pricing-area .plan-action .btn-primary { position: relative; padding: 5px 20px; color: #fff; margin-top: 5px; }
.pricing-area .plan-action .btn-primary:before { border-color: #E24F43 transparent transparent; border-radius: 5px 0 0 0; border-style: solid; border-width: 12px; bottom: -12px; content: ""; height: 0; left: -9px; position: absolute; width: 0; z-index: -1; }
.pricing-area .plan-action .btn-primary:after { border-color: #E24F43 transparent transparent; border-radius: 5px 0 0 0; border-style: solid; border-width: 12px; bottom: -12px; content: ""; height: 0; position: absolute; right: -9px; width: 0; z-index: -1; }
.pricing-area .price-two .plan-action .btn-primary:before, .pricing-area .price-two .plan-action .btn-primary:after { border-color: #1f8c4d transparent transparent; }
.pricing-area .price-three .plan-action .btn-primary:before, .pricing-area .price-three .plan-action .btn-primary:after { border-color: #d4880f transparent transparent; }
.pricing-area .price-four .plan-action .btn-primary:before, .pricing-area .price-four .plan-action .btn-primary:after, .pricing-area .price-five .plan-action .btn-primary:before, .pricing-area .price-five .plan-action .btn-primary:after, .pricing-area .price-seven .plan-action .btn-primary:before, .pricing-area .price-seven .plan-action .btn-primary:after { border-color: #424242 transparent transparent; right: -9px; }
.pricing-area .price-six .plan-action .btn-primary:before, .pricing-area .price-six .plan-action .btn-primary:after { border-color: #bf4539 transparent transparent; right: -9px; }

/*************************
********* 联系我们 ******
**************************/
.gmap-area { background-image: url("../images/map.jpg"); background-position: 0 0; background-repeat: no-repeat; background-size: cover; }

.gmap-area .container {  }

.gmap { border: 0px solid #ddd; border-radius: 50%; height: 300px; width: 300px; box-shadow: 0px 0px 3px 3px #ddd; overflow: hidden; position: relative; margin: 0 auto; }
.gmap-area .map-content ul { list-style: none; }
.gmap-area .map-content address{margin-bottom: 40px;}
.gmap-area .map-content address:last-child{margin-bottom: 0;}
.gmap-area .map-content address h5 { font-weight: 700; font-size:26px; color: #0061ae; letter-spacing: 5px;  /* font-size: 16px; */ }
#contact-page { padding-top: 0; }
#contact-page>.container>.center{padding-bottom: 20px;}
#contact-page>.container>.center>h2{letter-spacing: 5px;color: #0061ae;}
.form-group label { color: #4E4E4E; font-size: 16px; font-weight: 300; }
.form-group .form-control { padding: 7px 12px; border-color: #f2f2f2; box-shadow: none; }
textarea#message { resize: none; padding: 10px; }
#contact-page .contact-wrap { margin-top: 20px; }

#map ul { list-style: none;padding: 0; }
#map address { margin: 0; padding: 50px 0; }
#map address h5 { font-weight: 700;font-size: 30px;color: #0061ae;letter-spacing: 5px;margin-bottom: 30px; }
#map address p { font-size: 18px; }

/*********************
****文章list*****
**********************/
#blog{padding-top: 20px !important;}
.widget { margin-bottom: 50px; padding-left: 0;}
.widget>form{position: relative;}
.widget>form>input[type=submit]{width: 48px;height: 46px; border-radius: 5px; position: absolute;z-index: 5;right: 1px;top: 1px; border:none; background:#fff url("../images/search_icon.png") no-repeat 17px 15px; outline: none; }

/*固定锁*/
.congai{position:fixed; top:115px; z-index:40;width: 370px;}
.single_comments { margin-bottom: 20px; }
.single_comments img { float: left; margin-right: 10px; margin-top: 5px; }
.single_comments p { margin-bottom: 0; }
.widget .entry-meta span { display: inline-block; margin-right: 10px; }
.widget h3 { color: #999; text-transform: uppercase; margin-bottom: 20px; font-size: 24px;}
.blog_category { list-style: none; margin: 0; padding: 0; }
.blog_category li { float: none; margin-bottom: 20px; }
.blog_category li a { background: #f5f5f5; border-radius: 4px; color: #888; display: inline-block; padding: 5px 15px; }
.blog_category li a:hover { background: #ff8200; color: #fff; }
.badge:before { border-color: transparent transparent transparent #ff8200; border-style: solid; border-width: 10px; bottom: -8px; content: ""; height: 0; left: 5px; position: absolute; z-index: -99999; }
.badge { background-color: #ff8200; border-radius: 5px; color: #fff; padding: 8px; position: relative; left: 60px; top: -18px; font-weight: normal; }
.blog_archieve { list-style: none outside none; margin: 0; padding: 0; }
.blog_archieve li { padding: 10px 0; border-bottom: 1px solid #f5f5f5; }
.blog_archieve li a{display: block; transition:all 0.3s ease;}
.blog_archieve li a:hover{text-indent: 5px; text-decoration: underline;}
.blog_archieve li:first-child { padding-top: 0; }
ul.gallery { list-style: none; padding: 0; margin: 0; }
ul.gallery li { display: block; width: 60px; padding: 0; margin: 0 4px 4px 0; float: left; }
ul.faq { list-style: none; margin: 0; }
ul.faq li { margin-top: 30px; }
ul.faq li:first-child { margin-top: 0; }
ul.faq li span.number { display: block; float: left; width: 50px; height: 50px; line-height: 50px; text-align: center; background: #34495e; color: #fff; font-size: 24px; }
ul.faq li > div { margin-left: 70px; }
ul.faq li > div h3 { margin-top: 0; }
.embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.col-md-8.mcg{padding-right: 2%}
.col-md-8.mcg>ul{margin:-20px 0 50px 0;}
.blog-item { border-radius: 0; overflow: hidden; margin-bottom: 50px; }
.blog-item:last-child{margin-bottom: 20px; }
.blog .blog-item .img-blog { border-radius: 5px; margin-bottom: 45px; }
.blog .blog-item .col-sm-4 a.ook{display: block; overflow: hidden}
.blog .blog-item .col-sm-4 img{transition:all 0.5s ease;}
.blog .blog-item:hover .col-sm-4 img{ -webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.blog .blog-item .blog-content { padding-bottom: 25px; border-bottom: 1px solid #f5f5f5; }
.blog .blog-item:last-child .blog-content{border-bottom:none; }
.blog .blog-item .blog-content h2 { margin-top: 0; font-size: 30px;}
.blog .blog-item .blog-content h2 a{ color:#0061ae; }
.readmore { margin-top: 0; }
.blog-content.blog-content h1{ color: #333; font-size: 25px !important; }
.blog .blog-item .blog-content h3 { color: #858586; margin-bottom: 40px;  /* font-weight: 300 */ }
.blog .blog-item .blog-content h4 { font-size: 14px; }

/*新闻列表*/
.blog .blog-item .blog-content>.col-sm-8>p{line-height: 2; }
.post-tags { }
.blog .blog-item .entry-meta { border-radius: 5px; overflow: hidden; }
.blog .blog-item .entry-meta > span { background: #f5f5f5; border-top: 1px solid #fff; display: block; font-size: 12px; overflow: hidden; padding: 5px; text-align: left; }
#publish_date { background: #ff8200; border-bottom: 5px solid #4e4e4e; color: #fff; padding: 5px 0; text-align: center; cursor: pointer;}
#publish_date+span{text-align: center;}
.blog .blog-item .entry-meta > span { color: #ccc; }
.blog .blog-item .entry-meta > span a { font-size: 12px; margin-left: 3px; font-weight: 300; color: #888; }
ul.pagination > li > a { border: 1px solid #F1F1F1; margin-right: 5px; border-radius: 5px; font-size: 16px; padding: 5px 14px; }
ul.pagination > li > a i { margin-left: 5px; margin-right: 5px; }
ul.pagination > li.active > a, ul.pagination > li:hover > a { background-color: #ff8200 !important; border-color: #ff8200 !important; color: #fff; }
.search_box {border-color: #DEDEDE; height: 48px; outline: medium none; box-shadow: none; }
.form-control:focus { box-shadow: none; outline: 0 none; }
ul.tag-cloud, ul.sidebar-gallery { list-style: none; padding: 0; margin: 0; }
.tag-cloud li { display: inline-block; margin-bottom: 10px;margin-right: 1%; }
.tag-cloud li a {  border-radius: 4px; padding: 8px 15px; }
.tag-cloud li a:hover { background: #ff8200; color: #fff; }
/*固定侧栏 img扫光*/
.sidebar-gallery li { display: inline-block; margin: 0 2% 2% 0 !important; position: relative;overflow:hidden; transition:all 0.5s ease;}
.sidebar-gallery li span{position: absolute;display: block; z-index: 16;width: 80px;height: 100%; top:0; left:-100px;
  -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease; transition:all 0.5s ease;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.5) 40%, rgba(255,255,255,0.6) 60%,rgba(255,255,255,0));
  background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.5) 40%, rgba(255,255,255,0.6) 60%,rgba(255,255,255,0));
  background: -ms-llinear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.5) 40%, rgba(255,255,255,0.6) 60%,rgba(255,255,255,0));
  background: linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.5) 40%, rgba(255,255,255,0.6) 60%,rgba(255,255,255,0));
  -webkit-transform:skew(-30deg);
  -moz-transform:skew(-30deg);
  transform:skew(-30deg);
}
.sidebar-gallery li:hover{-webkit-transform:translate(-3px,-5px);
      transform:translate(-3px,-5px);
      box-shadow:4px 4px 0px #aaa;     
}
.sidebar-gallery li:hover span{left:195px;}
.sidebar-gallery li a { border-radius: 5px !important; display: inline-block;}
.sidebar-gallery li img{width: 170px; border-radius: 4px; }

/**********************
**blog single page css*
**********************/
.reply_section { background: #f5f5f5; border-radius: 5px; }
.post_reply { margin-left: 10px; margin-top: 45px; }
.post_reply img { width: 85px; height: 85px; border: 5px solid #D5D8DD; }
.post_reply ul { list-style: none outside none; margin: 0; padding: 0; margin-top: 5px; }
.post_reply ul li { float: left; }
.post_reply ul li a { display: block; }
.post_reply ul li a i { border: 1px solid #DDDDDD; border-radius: 39px; color: #FFFFFF; font-size: 20px; height: 30px; margin-right: 3px; padding-top: 7px; text-align: center; width: 30px; }
.post_reply ul li a i.fa-facebook { background: #0182C4; }
.post_reply ul li a i.fa-twitter { background: none repeat scroll 0 0 #3FC1FE; }
.post_reply ul li a i.fa-google-plus { background: none repeat scroll 0 0 #D34836; }
.post_reply ul li a i:hover { opacity: .5; }
.post_reply_content { margin: 30px; }
.post_reply_content h1 a:hover { color: #FFC800; }
.post_reply_content h4 { margin-bottom: 50px; }
.reply_section .media-body { display: inherit; }
.comment_section .media-body { display: inherit; }
#comments_title { color: #4e4e4e; font-weight: 700px; font-size: 20px; margin-top: 60px; margin-bottom: 40px; }
.comment_section { margin-top: 30px; position: relative; }
.post_comments img { width: 85px; height: 85px; margin-top: 35px; }
.post_reply_comments { background: #f5f5f5; border-radius: 4px; padding: 30px; }
.post_reply_comments:before { border-color: transparent #F0F0F0 transparent transparent; border-style: solid; border-width: 15px; content: " "; height: 0; left: 75px; position: absolute; top: 20px; }
.post_reply_comments h3, .post_reply_content h3 { margin-top: 0; }
.post_reply_comments h1 a:hover { color: #ff8200; }
.post_reply_comments h4 { color: #c4c4c5; font-weight: 400; }
.post_reply_comments p { padding-bottom: 30px; }
.post_reply_comments a { bottom: 15px; position: absolute; right: 30px; background: #ff8200; color: #fff; border-radius: 5px; padding: 8px 20px; }
.post_reply_comments a:before { border-color: #ff8200 transparent transparent; border-style: solid; border-width: 16px; bottom: -11px; content: ""; height: 0; left: -12px; position: absolute; z-index: 99999; }
.post_reply_comments h2 a { }
.message_heading { margin-bottom: 50px; margin-top: 60px; }

/******************
 404 page css
 ******************/
#error .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success:hover { background-color: #EBEBEB; border-color: #EBEBEB; color: #4E4E4E; }
#error h1 { color: #4e4e4e; text-transform: uppercase; }

/******************
shortcodes page css
******************/
.shortcode-item { padding-bottom: 0; }
.shortcode-item h2 { color: #4E4E4E; font-size: 24px; margin-bottom: 22px; margin-top: 0; font-weight: 600 }

/***********************
********* Footer ******
************************/
#bottom { background: #fff;  font-size: 12px; padding:2% 0 2.2% 0;}
#bottom h3 { margin-top: 0;    margin-bottom: 5px; font-weight: normal; text-transform: uppercase; font-size: 15px; color: #626262; }
#bottom ul { list-style: none; padding: 0; margin: 0; }
#bottom ul li { display: block; padding: 2px 0; }
#bottom ul li a { color: #626262;; }
#bottom ul li a:hover { color: #ff8200; }
#bottom .widget { margin-bottom:15%; }
#footer { padding-top: 10px; padding-bottom: 30px; color: #626262; }
#footer a { color: #858586; }
#footer a:hover { color: #ff8200; }
#footer ul { list-style: none; padding: 0; margin: 0; }
#footer ul > li { display: inline-block; margin-left: 15px; }

/*关于我们*/
#about-us{padding-bottom:0;padding-top:0;}
#about-slider{margin-bottom: 5%;}
#about-us .position_re .col-xs-12{margin-bottom: 5%;}
#about-us .position_re .col-xs-12 img{width:100%;}
#about-us .position_re .position_ab{bottom:7%;right:4%;}
#about-us .position_re .position_ab>h2{color: #fff; font-size: 24px;text-shadow:0 1px 8px rgba(0,0,0,0.6); }
#about-us .position_re+p{text-indent: 30px; line-height: 2;}

/*面包屑导航*/
.position{margin-bottom:15px}

/*服务项目banner 550高*/
.banner_00 { width: 100%; position: relative; }
.banner_00 .qh { width: 100%; max-width: 1920px; height: 550px; margin: 0 auto; background: url(../images/process-bg.jpg) center center no-repeat; background-size: cover; }
/*.banner_00 p { text-align: center; font: normal bold 40px/80px '微软雅黑'; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6); position: absolute; z-index: 5; margin: auto; top: 45%; left: 0; right: 0; }*/
.banner_01 { width: 100%; position: relative; }
.banner_01 .qh { width: 100%; max-width: 1920px; height: 500px; margin: 0 auto; background:url(../images/u45.jpg) center center no-repeat ; background-size: cover; }
/*.banner_01 p { text-align: center; font: normal bold 40px/80px '微软雅黑'; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6); position: absolute; z-index: 5; margin: auto; top: 45%; left: 0; right: 0; }*/
.banner_02 { width: 100%; position: relative; }
.banner_02 .qh { width: 100%; max-width: 1920px; height: 500px; margin: 0 auto; background:url(../images/u47.jpg) center center no-repeat; background-size: cover; }
/*.banner_02 p { text-align: center; font: normal bold 40px/80px '微软雅黑'; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6); position: absolute; z-index: 5; margin: auto; top: 45%; left: 0; right: 0; }*/
.banner_03 { width: 100%; position: relative; }
.banner_03 .qh { width: 100%; max-width: 1920px; height: 500px; margin: 0 auto; background:url(../images/u49.jpg) center center no-repeat; background-size: cover; }
/*.banner_03 p { text-align: center; font: normal bold 40px/80px '微软雅黑'; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6); position: absolute; z-index: 5; margin: auto; top: 45%; left: 0; right: 0; }*/
.banner_04 { width: 100%; position: relative; }
.banner_04 .qh { width: 100%; max-width: 1920px; height: 500px; margin: 0 auto; background:url(../images/u48.jpg) center center no-repeat; background-size: cover; }
/*.banner_04 p { text-align: center; font: normal bold 40px/80px '微软雅黑'; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6); position: absolute; z-index: 5; margin: auto; top: 45%; left: 0; right: 0; }*/

/*解决方案banner 350高*/
.banner02 { width: 100%; position: relative; }
.banner02 .qh350 { width: 100%; max-width: 1920px; height: 350px; margin: 0 auto; background: url(../images/xmu01.jpg) center center no-repeat; background-size: cover; }
.banner02 p { text-align: center; font: normal bold 40px/80px '微软雅黑'; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6); position: absolute; z-index: 5; margin: auto; top: 45%; left: 0; right: 0; }
.banner02_1 { width: 100%; position: relative; }
.banner02_1 .qh350 { width: 100%; max-width: 1920px; height: 350px; margin: 0 auto; background:#ccc; background-size: cover; }
.banner02_1 p { text-align: center; font: normal bold 40px/80px '微软雅黑'; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6); position: absolute; z-index: 5; margin: auto; top: 45%; left: 0; right: 0; }
.banner02_2 { width: 100%; position: relative; }
.banner02_2 .qh350 { width: 100%; max-width: 1920px; height: 350px; margin: 0 auto; background:#D87D7D; background-size: cover; }
.banner02_2 p { text-align: center; font: normal bold 40px/80px '微软雅黑'; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6); position: absolute; z-index: 5; margin: auto; top: 45%; left: 0; right: 0; }
.banner02_3 { width: 100%; position: relative; }
.banner02_3 .qh350 { width: 100%; max-width: 1920px; height: 350px; margin: 0 auto; background:#34E37B;background-size: cover; }
.banner02_3 p { text-align: center; font: normal bold 40px/80px '微软雅黑'; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6); position: absolute; z-index: 5; margin: auto; top: 45%; left: 0; right: 0; }
.banner02_4 { width: 100%; position: relative; }
.banner02_4 .qh350 { width: 100%; max-width: 1920px; height: 350px; margin: 0 auto; background:#3B4FE1; background-size: cover; }
.banner02_4 p { text-align: center; font: normal bold 40px/80px '微软雅黑'; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6); position: absolute; z-index: 5; margin: auto; top: 45%; left: 0; right: 0; }

/*新闻中心banner 350高*/
.banner03 { width: 100%; position: relative; }
.banner03 .qh350 { width: 100%; max-width: 1920px; height: 350px; margin: 0 auto; background: url(../images/xmu01.jpg) center center no-repeat; background-size: cover; }
.banner03 p { text-align: center; font: normal bold 40px/80px '微软雅黑'; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6); position: absolute; z-index: 5; margin: auto; top: 45%; left: 0; right: 0; }
.banner03_1 { width: 100%; position: relative; }
.banner03_1 .qh350 { width: 100%; max-width: 1920px; height: 350px; margin: 0 auto; background:#ccc; background-size: cover; }
.banner03_1 p { text-align: center; font: normal bold 40px/80px '微软雅黑'; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6); position: absolute; z-index: 5; margin: auto; top: 45%; left: 0; right: 0; }
.banner03_2 { width: 100%; position: relative; }
.banner03_2 .qh350 { width: 100%; max-width: 1920px; height: 350px; margin: 0 auto; background:#D87D7D; background-size: cover; }
.banner03_2 p { text-align: center; font: normal bold 40px/80px '微软雅黑'; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6); position: absolute; z-index: 5; margin: auto; top: 45%; left: 0; right: 0; }

/*知识库banner 350高*/
.banner04 { width: 100%; position: relative; }
.banner04 .qh350 { width: 100%; max-width: 1920px; height: 350px; margin: 0 auto; background: url(../images/xmu01.jpg) center center no-repeat; background-size: cover; }
.banner04 p { text-align: center; font: normal bold 40px/80px '微软雅黑'; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6); position: absolute; z-index: 5; margin: auto; top: 45%; left: 0; right: 0; }
.banner04_1 { width: 100%; position: relative; }
.banner04_1 .qh350 { width: 100%; max-width: 1920px; height: 350px; margin: 0 auto; background:#ccc; background-size: cover; }
.banner04_1 p { text-align: center; font: normal bold 40px/80px '微软雅黑'; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6); position: absolute; z-index: 5; margin: auto; top: 45%; left: 0; right: 0; }
.banner04_2 { width: 100%; position: relative; }
.banner04_2 .qh350 { width: 100%; max-width: 1920px; height: 350px; margin: 0 auto; background:#D87D7D; background-size: cover; }
.banner04_2 p { text-align: center; font: normal bold 40px/80px '微软雅黑'; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6); position: absolute; z-index: 5; margin: auto; top: 45%; left: 0; right: 0; }
.banner04_3 { width: 100%; position: relative; }
.banner04_3 .qh350 { width: 100%; max-width: 1920px; height: 350px; margin: 0 auto; background:#34E37B;background-size: cover; }
.banner04_3 p { text-align: center; font: normal bold 40px/80px '微软雅黑'; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6); position: absolute; z-index: 5; margin: auto; top: 45%; left: 0; right: 0; }
.banner04_4 { width: 100%; position: relative; }
.banner04_4 .qh350 { width: 100%; max-width: 1920px; height: 350px; margin: 0 auto; background:#3B4FE1; background-size: cover; }
.banner04_4 p { text-align: center; font: normal bold 40px/80px '微软雅黑'; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6); position: absolute; z-index: 5; margin: auto; top: 45%; left: 0; right: 0; }


/*高斯模糊特效*/
.blur {}

/*聪 公共样式*/
.position_re{position:relative;}
.position_ab{position:absolute;}
.position_fi{}
.z31{z-index: 31}
.z999{z-index: 999;}
.right{float:right;}
.wfxm{height: 350px !important;background:url(../images/process-bg.jpg) center center no-repeat !important;background-size: cover !important;}
.wfxm2{height: 500px !important;background:url(../images/process-bg.jpg) center center no-repeat !important;background-size: cover !important;}
.wfxm2 p,.wfxm3 p{color:#fff !important; text-shadow:0 1px 3px rgba(0,0,0,0.5); }
.wfxm2>.about{padding-bottom:0 !important; padding-top: 9% !important;}
.prowfxm2{background:url(../images/app_product/banner_apppro.jpg) center center no-repeat !important;background-size: cover !important;}
.prowfxm2 p,.wfxm3 p{color:#fff !important; text-shadow:0 1px 3px rgba(0,0,0,0.5); }
.prowfxm2>.about{padding-bottom:0 !important; padding-top: 9% !important;}
.proapph2color h2 a{ color:#66abe3;font-size: 18px;font-weight:bold; }
.proapph2color h3{ color:#4e4e4e;font-size: 14px;font-weight:normal; line-height: 2;height:56px; }
.wfxm3{height: 500px !important;background:url(../images/process-bg2.jpg) center center no-repeat !important;background-size: cover !important;}
.wfxm3>.about{padding-bottom:0 !important; padding-top: 9% !important;}
#feature #proappfeature .container .center.omtw{padding-bottom:0 !important; padding-top: 5% !important;}
.pad0{padding:0 !important;}
.pad_t0{padding-top:0 !important;}
.pad_b0{padding-bottom:0 !important;}
.mag0{margin:0 !important;}
.pad_t3{padding-top:3% !important;}
.pad_b3{padding-bottom:3% !important;}
.ty{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.min70{width:70% !important; margin:0 auto !important;}
.yans_01 {color: #0061ae !important; }
.yans_02 {color: #1b83df !important; }
.yans_03 {color: #FF8200 !important;  }
.yans_04 {color: #ffb363 !important; }
.yans_05 {color: #999 !important; }
.yans_06 {color: blue !important; }
.yans_07 {color: red !important; }
.yans_08 {color: green !important; }
.c_blue01{color:#0061ae !important;}
.ji_bg{background:-webkit-linear-gradient(#fff,#f2f2f2);background:linear-gradient(#fff,#f2f2f2);}
.wvqq{ background:-webkit-linear-gradient(#fff,#f2f2f2);background:linear-gradient(#fff,#f2f2f2);}
.font_22{font-size: 22px !important;}
.radius{border-radius: 5px !important;}
/*溢出不换行*/
.wfxm2 p, .wfxm3 p,.mingxi .huik_r>p,.jiabiao ul li{
    white-space:normal;
    overflow: hidden;
    display:-webkit-box !important;
    -webkit-box-orient:vertical;
}
.prowfxm2 p, .wfxm3 p,.mingxi .huik_r>p,.jiabiao ul li{
  white-space:normal;
  overflow: hidden;
  display:-webkit-box !important;
  -webkit-box-orient:vertical;
}


/*blank*/
.blank0, .blank5, .blank10, .blank20,.blank100{clear:both; display:block; font-size:1px; overflow:hidden;}
.blank0{height:0px;}
.blank5{height:5px;}
.blank10{height:10px;}
.blank20{height:20px;}
.blank100{height:130px;}
.blank100{height:130px;}

/*右侧栏 二维码 qq联系*/
.izl-rmenu{position:fixed; /*left:50%; margin-left:532px; */right:0;bottom:10px; padding-bottom:73px; z-index:999; }
.izl-rmenu .btn{width:70px; height:70px; margin-bottom:1px; cursor:pointer; position:relative;padding:0 !important; /*display: block !important;*/ text-align: center; color:white;}
.izl-rmenu .btn>i{font-size: 35px;line-height:2;}
.izl-rmenu .btn-qq{background-color:#0061ae;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background-color:#78c340;display: block !important;clear: both;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background-color:#ff8200;}
.izl-rmenu .btn-phone .phone{background-color:#ff8200; position:absolute; width:160px; left:-158px; top:-1px; line-height:70px;height:70px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-phone .phone a{display: block;color:white;font-size: 20px;}
.izl-rmenu .btn-top{background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}



/*媒体判断*/
@media (max-width:1199px){
  /*列表页 侧栏固定样式*/
  .widget.blog_gallery{width:300px !important;}
  .widget.blog_gallery img{width:140px;}
  figure img{width: 97% !important;}
  .navbar-inverse .navbar-nav > li a{font-size: 14px; padding:0 18px;}
}

@media (max-width:992px){
  #header .container{float: left;width:100%;}
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{  } /*color:#fff !important;*/
  .navbar-inverse .navbar-nav > li:last-child{ }
  .recent-work-wrap .recent-work-inner h3 a{font-size: 35px !important;}
  .contact-info h2{margin-top: 0px; font-size:18px;}
  .contact-info h2 span.cong2{display: block;clear:both; margin-bottom: 0px;}
  #bottom{padding:0;}
  #blog{ } /*margin-bottom: -10%;*/
  .tag-cloud li{margin-right: 1%;}

}
/*平板*/
@media (max-width:767px){
  body > section{padding:10% 0;}
  #header .container{float:none; overflow: hidden;}
  .bianbai{background: rgba(255,255,255,0.8) !important;}
  .bianbai:hover{background: rgba(255,255,255,0.8) !important;}
  .navbar{background: rgba(255,255,255,0.8);}
  .navbar:hover{background: rgba(255,255,255,0.8);}
  .navbar-inverse .navbar-nav > li:last-child{display:table;}
  .feature-wrap h2 a{font-size: 30px;}
  .feature-wrap h3{font-size: 16px !important;line-height: 32px !important;}
  .proappfeature-wrap h2 a{font-size: 30px;}
  .proappfeature-wrap img{width: 100%;}
  .proappfeature-wrap h3{font-size: 16px !important;line-height: 32px !important;}
  .center{padding-bottom: 4%;}
  .center h2{font-size: 30px;}
  #recent-works{padding-bottom: 12%;}
  #recent-works .row{padding:0 3%;}
  #recent-works .container .center{padding-bottom: 2%;}
  .recent-work-wrap .recent-work-inner h3 a{font-size: 30px !important;}
  #feature{padding-bottom:3%;}
  #services {margin-bottom:0; }
  #proappservices {margin-bottom:0; }
  h2.font_22{margin-top:5% !important;}
  .services-wrap{padding:20px 0 20px 8%;}
  .services-wrap h3{font-size: 30px; line-height: 44px; margin:0;}
  .services-wrap p{margin:0; padding:0;}
  .proappservices-wrap{padding:20px 0 20px 8%;}
  .proappservices-wrap img{with:100%;}
  .proappservices-wrap h3{font-size: 30px; line-height: 44px; margin:0;}
  .proappservices-wrap p{margin:0; padding:0;}
  .map-content ul { list-style: none; margin-top: 10%}
  .min70{width:90% !important; margin:0 auto !important;}
  /*#blog{margin-bottom: -15%;}*/
  #middle .col-sm-6:first-child{margin-bottom: 10%;}
  .wfxm2{height: auto !important;}
  .wfxm2>.about{padding-top: 90px !important;}
  .wfxm2 h3.m_7{line-height:1.8; font-size: 24px; letter-spacing: 2px;}
  .wfxm2 p, .wfxm3 p{font-size: 16px;line-height: 1.8;-webkit-line-clamp:3;}
  .prowfxm2{height: auto !important;}
  .prowfxm2>.about{padding-top: 90px !important;}
  .prowfxm2 h3.m_7{line-height:1.8; font-size: 24px; letter-spacing: 2px;}
  .prowfxm2 p, .wfxm3 p{font-size: 16px;line-height: 1.8;-webkit-line-clamp:3;}
  .proapph2color h2 a{ color:#66abe3;font-size: 18px;font-weight:bold; }
  .proapph2color h3{ color:#4e4e4e; font-size: 14px; font-weight:normal;line-height: 2;height:56px;}
  /*导航下拉框响应式*/
  .navbar-inverse .navbar-nav > li > a{height: 40px;line-height: 40px;width: 80%;}
  .navbar:hover .navbar-nav>.active a,.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > .open > a{background: transparent !important;}
  .navbar-inverse .navbar-nav > li > a>i{display: none !important;}
  /*侧栏二维码响应式*/
  .izl-rmenu {padding-bottom:20px;}
  .izl-rmenu .btn{width:50px; height:50px;}
  .izl-rmenu .btn>i{font-size: 26px;line-height:1.9;}
  .izl-rmenu .btn-wx .pic{top:-112px !important;}
  .izl-rmenu .btn-phone .phone{line-height:50px;height: 50px;}
  .izl-rmenu .congHidden{display: none;}
  /*产品服务banner高*/
  .banner_00 .qh,.banner_01 .qh,.banner_02 .qh,.banner_03 .qh,.banner_04 .qh{height: 300px;}
}

/*以i6p 为分界线，兼容以下屏幕*/
@media (max-width:415px){
  body > section{padding:10% 0;}
  #feature #proappfeature .container .center h2,#middle>.container>.center>h2,#recent-works .container .center h2{letter-spacing:3px; font-size: 26px;}
  .feature-wrap h2 a{font-size: 25px;}
  .proappfeature-wrap h2 a{font-size: 25px;}
  .contact-info h2{margin-top: 10px; font-size:16px;}
  .contact-info p{display: none;}
  .min70{width:100% !important; margin:0 auto !important;}
  #conatcat-info{padding:25px 0;}
  .contact-info h2 span.cong1{display: block;clear:both; margin-bottom: 0px;text-indent: 43px; line-height: 25px;}
  p.art-dec{ display: none; }
  .recent-work-inner h3{ margin-top: 0px;}
}



/*banner图判断*/
@media (max-width:800px){
  #main-slider .carousel .item{ }
  #main-slider .carousel .carousel-content{margin-top:150px;}
}

/*my */
.h22{ font-weight: 100; line-height: 36px;font-size: 16px; margin-top: 30px }
.zhez{ display: block; background: #fff; font-style: normal; ; position: absolute; width: 100%; height: 100%;opacity: 0.5;display:none; color: #444;text-align: center;padding-top: 40px;letter-spacing:3px;font-size: 30px; font-weight: 100; font-family:'Arial';  }
.sidebar-gallery li a:hover i.zhez{ display: block; text-shadow: 0px 1px 0px #fff;}

/*SEO调整*/
.sy_news h2{margin: 0 !important; padding-bottom: 15px;font-weight: normal;}
.sy_news ul{list-style-type: none; padding-left: 0;padding-top:10px; border-top: 1px solid #575757;}
.sy_news ul li{line-height: 2.8;height:40px;white-space:normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1;-webkit-box-orient:vertical;}
.sy_news ul li span{padding-left: 10px;}
.sy_news a{font-size: 14px;  color: #898989;; display: block;} /*#57a1d3*/
.friendLink a{color:#818fa0 !important;}







@media (min-width: 1501px) and ( max-width:2000px) {
  .prowfxm2 {
    background: url(../images/app_product/banner_apppro.jpg) center center no-repeat !important;
    background-size: cover !important;
    height: 400px !important;
  }
  .banner_01 .qh { height: 400px; }
  .banner_02 .qh { height: 400px; }
  .banner_03 .qh { height: 400px; }
  .banner_04 .qh { height: 400px; }
  .wfxm2{height: 400px  !important;}
}


/*手机处理*/
@media (max-width:300px){
  .prowfxm2>.about{padding-top: 50px !important;}
  .banner_01 .qh { height: 100px; }
  .banner_02 .qh { height: 100px; }
  .banner_03 .qh { height: 100px; }
  .banner_04 .qh { height: 100px; }
  .wfxm2{height: 110px  !important;}
}

@media (min-width: 300px) and (max-width:350px) {

  .banner_01 .qh { height: 120px; }
  .banner_02 .qh { height: 120px; }
  .banner_03 .qh { height: 120px; }
  .banner_04 .qh { height: 120px; }
  .wfxm2{height: 130px  !important;}
}

@media (min-width: 350px) and (max-width:400px) {

  .banner_01 .qh { height: 140px; }
  .banner_02 .qh { height: 140px; }
  .banner_03 .qh { height: 140px; }
  .banner_04 .qh { height: 140px; }

}

@media (min-width: 400px) and (max-width:500px) {

  .banner_01 .qh { height: 160px; }
  .banner_02 .qh { height: 160px; }
  .banner_03 .qh { height: 160px; }
  .banner_04 .qh { height: 160px; }
  .wfxm2{height: 180px  !important;}
}

@media (min-width: 500px) and (max-width:600px) {

  .banner_01 .qh { height: 150px; }
  .banner_02 .qh { height: 150px; }
  .banner_03 .qh { height: 150px; }
  .banner_04 .qh { height: 150px; }
  .wfxm2{height: 220px  !important;}
}

@media (min-width: 600px) and (max-width:767px) {

  .banner_01 .qh { height: 180px; }
  .banner_02 .qh { height: 180px; }
  .banner_03 .qh { height: 180px; }
  .banner_04 .qh { height: 180px; }
  .wfxm2{height: 260px  !important;}
}

@media (min-width: 300px) and (max-width:767px) {
  .prowfxm2 {
    background: url(../images/app_product/banner_apppro.jpg) center center no-repeat !important;
    background-size: cover !important;
    height: 180px !important;
  }

}



@media (min-width: 767px) and (max-width:1000px) {
  .prowfxm2 {
    background: url(../images/app_product/banner_apppro.jpg) center center no-repeat !important;
    background-size: cover !important;
    height: 260px !important;
  }
  .banner_01 .qh { height: 230px; }
  .banner_02 .qh { height: 230px; }
  .banner_03 .qh { height: 230px; }
  .banner_04 .qh { height: 230px; }
  .wfxm2{height: 260px  !important;}

}


@media (min-width: 1000px) and (max-width:1200px) {
  .prowfxm2 {
    background: url(../images/app_product/banner_apppro.jpg) center center no-repeat !important;
    background-size: cover !important;
    height: 300px !important;
  }
  .banner_01 .qh { height: 280px; }
  .banner_02 .qh { height: 280px; }
  .banner_03 .qh { height: 280px; }
  .banner_04 .qh { height: 280px; }
  .wfxm2{height: 300px  !important;}
}


@media  (min-width: 1200px) and (max-width:1500px) {
  .prowfxm2 {
    background: url(../images/app_product/banner_apppro.jpg) center center no-repeat !important;
    background-size: cover !important;
    height: 350px !important;
  }
  .banner_01 .qh { height: 330px; }
  .banner_02 .qh { height: 330px; }
  .banner_03 .qh { height: 330px; }
  .banner_04 .qh { height: 330px; }
  .wfxm2{height: 350px  !important;}
}


.huanyingni{
  color: #ffffff;
}

@media (max-width:500px) {
  .huanyingni{
    color: #ffffff;
    display: none;
  }
}
.col-xs-12.col-sm-10.blog-content h1{
  font-size: 1.5em !important;
  text-align: center;
}
#ljwbaclssa {
  background: #000 url(../images/services/bg-01ljw.png); background-size: cover;

}
@media (min-width: 1000px) and (max-width:1200px) {
  .container {
    width: 100%;
  }

}

@media (max-width: 1000px) {
  .hiddenljw{
    display: none;
  }
}

.padnone{
  padding-left: 0;
  padding-right: 0;
}
.anlih2{
  padding-top: 28px; padding-bottom: 20px; text-align: center;font-size: 20px;
}
.anlip{
  padding-left: 10px; padding-right: 10px; text-align: center; color:#858586;line-height:2;font-size:13px;
}
.anlidiv{

  height: 380px;
  padding-bottom: 10px;

}

input.search-formljw {
  background: transparent;
  border: 0 none;
  width: 60px;
  line-height: 28px;
  height: 28px;
  padding: 0 5px;
  transition: all 0.5s ease;
  outline: none;
  font-size:13px;
}


.index-telephone{
  color: #2F2F2F;
}
.index-telephone i{
  font-size: 16px;
}

#footer{
  font-size: 12px;
}

.listclass .view-count {
  display: inline-block;
  height: 26px;
  padding: 0 25px 0 35px;
  background: url(../images/article-icon01.png) no-repeat left center;
}

.listclass .comment-count {
  display: inline-block;
  height: 26px;
  padding: 0 20px 0 35px;
  background: url(../images/article-icon02.png) no-repeat left center;
}
.listclass .time {
  padding-right: 10px;
}
.dropdown-menu li a:hover{
  color: #2F2F2F;
}

@media (max-width: 500px) {
  .pd15pxljw{
    padding-bottom: 15px;
  }
}