html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}
 
ol, ul {list-style: none;}
a{text-decoration:none!important;}
a:link{text-decoration:none!important; }
a:visited{text-decoration:none!important;}
a:hover{text-decoration:none!important;}
a:active{text-decoration:none!important;}
body {
  background-color: #ecf0f1;
  font-family: "微软雅黑", 'Open Sans', helvetica, arial, sans-serif!important;
  font-size: 16px!important;
  padding-top:50px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 阿里妈妈图标 */             
@font-face {font-family: 'iconfont';
    src:url('../fonts/iconfont.eot?x=1'); /* IE9*/
    src:url('../fonts/iconfont.eot?#iefix')  format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff?x=1') format('woff'), /* chrome、firefox */
    url('../fonts/iconfont.ttf?x=1') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */}
.iconfont{
    font-family:"iconfont" !important;
    font-size:20px;
	font-style:normal;
	font-weight:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
	
.jj-txt-green{color:#64cd82;}
/* -------------------  首页 index ------------------- */
.jj-swiper-container{ height:350px; background-color:rgba(61,177,94,1)}
.jj-swiper-container .swiper-wrapper{margin:0 auto; width:100%; max-width:1000px;} 
.jj-swiper-container .swiper-slide{width:80%; color:white;} 
.jj-swiper-container .swiper-slide .r-txt{margin-left:600px; margin-top:100px;}
.jj-swiper-container .swiper-slide .r-txt .title {font-size: 60px; font-weight: 300; }
.jj-swiper-container .swiper-slide .r-txt .subtitle{ font-size: 21px;}
.jj-swiper-container .swiper-slide .l-img{float:left; width:600px; height:200px;}
.jj-swiper-container .swiper-slide .l-img i{position:absolute;}

.jj-nav-div{margin-bottom:0px!important; width:100%!important; border:0!important; border-radius:0!important; background-color:rgba(61,177,94,.9)!important;z-index:50001;}
.jj-nav-div .container{margin:0 auto; width:1000px; height:100%;}
.jj-nav-div .navbar-nav>li>a{color:white!important;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover
.jj-nav-div .navbar-toggle:focus, .jj-nav-div .navbar-toggle:hover{color:#208b3e!important;}
.jj-nav-div .navbar-brand{padding:0px!important;}
.jj-nav-div .navbar-nav .active{ font-weight:bold;}
.jj-nav-div .navbar-toggle{border-color:white!important;}
.jj-nav-div .navbar-toggle .icon-bar{ background-color:white!important;}
.jj-nav-div .navbar-toggle:focus, .jj-nav-div .navbar-toggle:hover{ background:rgba(0,0,0,.2)!important;;}

.jj-wrapper-div{width:100%;}
.jj-wrapper-div section{margin:0 auto; padding:20px 0; width:1000px;}
.jj-wrapperbg-gray{background:#EBEBEB;}
.jj-wrapperbg-green{background:#64cd82; color:white;}
.jj-contcent-div{margin:0 auto!important; padding:10px 0; width:1000px;}
.jj-part1-div-index{padding:5em 0;}
.jj-part2-div-index{padding:2em 0;}
.jj-part2-div-index .p1{margin:15px 0 5px; font-size:36px; text-align:center}
.jj-part2-div-index .p2{margin:0 0 15px; font-size:18px; text-align:center}
.jj-part3-div-index{margin:2em 0;}
.jj-contcent-div ul.nav.nav-tabs{border-bottom:0px;}
.jj-contcent-div ul li a{color:#555555;}
.jj-tabcontcent-index ul li{display:inline!important; left:50%;}
.jj-tabcontcent-index ul li:first-child{margin-left:-140px; margin-right:20px;} 
.jj-tabcontcent-index ul li a{width:130px; font-size:24px; text-align:center!important;}

.jj-contcent-div .nav-tabs>li>a{border:0px;border-bottom:3px solid #ffffff;}
.jj-contcent-div .nav-tabs>li>a:hover{border-color:rgba(255,255,255,0)!important; background-color:rgba(0,0,0,.05)!important; border-radius:0px!important;}
.jj-contcent-div .nav-tabs>li.active>a, .jj-contcent-div .nav-tabs>li.active>a:focus, .jj-contcent-div .nav-tabs>li.active>a:hover{border:0px;border-bottom:3px solid #3db15e;}

.jj-contcent-div .nav-tabs>li.active>a:hover{ border-bottom:3px solid #3db15e!important;}

.jj-casemore-div-index img{border:1px #DDDDDD solid;}
/* ------------------- 特点point ------------------- */
.jj-point-div{text-align:center;}
.jj-point-div i{font-size:36px; border:2px #DDDDDD solid; border-radius:50%; padding:0.5em;color:#64cd82;}
.jj-point-div .title{margin:40px 0 20px;font-size:24px;}
.jj-point-div .info{margin:0 auto; font-size:12px; color:#999999; max-width:82%;}
/* ------------------- 案例 list ------------------- */
.jj-case-div .title-div{font-weight:bold;}
.jj-case-div .title-div span{float:right; font-size:10px; font-weight:normal; line-height:22px;}
.jj-case-div .title-div span a{color:#999999; }
.jj-case-div .row{margin:0px -15px;}
.jj-case-div .case-div{padding:5px; box-sizing:border-box;}
.jj-case-div .case-div .case-name-div{margin-top:8px;}
.jj-case-div .case-div .case-border-div{
  position: relative;
  border:1px #DDDDDD solid; 
  padding:10px; 
  text-align:center; 
  -webkit-transition: all 0.35s ease-in-out; 
  -moz-transition: all 0.35s ease-in-out; 
  transition: all 0.35s ease-in-out; 
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
	}
.case-border-div a{color:#555555;}
.case-border-div a:hover {text-decoration: none; color:#555555;}
.case-border-div .img {width: 100%;}
.case-border-div .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.case-border-div.square.effect6 {
  overflow: hidden;
}
.case-border-div.square.effect6.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.case-border-div.square.effect6.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.case-border-div.square.effect6 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.case-border-div.square.effect6 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.case-border-div.square.effect6 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 20px;
  padding: 30px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.case-border-div.square.effect6 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
  -webkit-transition: all 0.35s 0.1s linear;
  -moz-transition: all 0.35s 0.1s linear;
  transition: all 0.35s 0.1s linear;
}
.case-border-div.square.effect6 a:hover .img {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
}
.case-border-div.square.effect6 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.case-border-div.square.effect6.from_top_and_bottom .info h3 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.case-border-div.square.effect6.from_top_and_bottom .info p {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.case-border-div.square.effect6.from_top_and_bottom a:hover .info h3,
.case-border-div.square.effect6.from_top_and_bottom a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.case-border-div.square.effect6.from_left_and_right .info h3 {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.case-border-div.square.effect6.from_left_and_right .info p {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.case-border-div.square.effect6.from_left_and_right a:hover .info h3,
.case-border-div.square.effect6.from_left_and_right a:hover .info p {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.case-border-div.square.effect6.top_to_bottom .info h3 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.case-border-div.square.effect6.top_to_bottom .info p {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.case-border-div.square.effect6.top_to_bottom a:hover .info h3,
.case-border-div.square.effect6.top_to_bottom a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.case-border-div.square.effect6.bottom_to_top .info h3 {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.case-border-div.square.effect6.bottom_to_top .info p {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.case-border-div.square.effect6.bottom_to_top a:hover .info h3,
.case-border-div.square.effect6.bottom_to_top a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
/* ------------------- footer 底部 ------------------- */
.footer{background:#292C34; padding:2em 0;}
.scan-area{ padding-top: 10px; }
.scan-area li{ float:right; margin-right: 40px; text-align: center; list-style:none; }
.scan-area li a{ position: relative; display:block; color: #999; }
.scan-area li .img{ position: absolute; top: -45px; left: 50%; margin-left: -20px; width: 40px; height: auto; }
.scan-area li .pic-hover{ display: none; }
.scan-area li .name{ display: block; margin-top: 48px; }
.scan-area li .wx-code,.kwphone-code{ display: none; position: absolute; right: 90px; top: -105px; margin-left: -235px; padding: 15px 15px 10px; width: auto; background-color: #d9d9d9; border-radius: 5px; z-index: 1112; }
.scan-area li .wx-code:after,.kwphone-code:after{ display: inline-block; position: absolute; content: ''; top: 50%; right: -8px; margin-top: -8px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #d9d9d9; }
.scan-area li .wx-code strong,.kwphone-code strong{ display: block; color: #999; line-height: 22px; }
.scan-area li .wx-code img,.kwphone-code img{ width:150px;}
.scan-area li .wx:hover{ color: #55ca5a; }
.scan-area li .wx:hover .wx-code{ display: block; }
.scan-area li .kwphone:hover{color:#4babce}
.scan-area li .kwphone:hover .kwphone-code{ display: block; }

.scan-area li a:hover .pic{ display: none; }
.scan-area li a:hover .pic-hover{ display: block; }
.tel-area-box{border-left:1px dashed #afafaf; padding-left:50px!important; color:#AFAFAF;}
.copyright-area{margin-top:20px; color:#AFAFAF;}
.copyright-area a{color:#d9534f}
.copyright-area a:hover{color:#761c19}

.jj-wx-code-xs{color:white; text-align:center;}
.jj-wx-code-xs p{margin-top:5px;}
/* ------------------- 产品方案 solution ------------------- */
.jj-tabpane-div-case{padding:20px 0 0; min-height:600px;}
.jj-tabpane-div-case .casename-div{width:100%; margin-bottom:10px; padding:10px 0; border-bottom:1px solid #DDDDDD; color:#555555; font-size:18px;}
.jj-tabpane-div-case .caseimg-l-div{float:left; width:250px;}
.jj-tabpane-div-case .caseinfo-r-div{margin-left:260px; padding:15px 0; box-sizing:border-box;}
.jj-tabpane-div-case .caseinfo-r-div .infonum-div{width:100%; height:130px;}
.caseinfo-r-div .infonum-div ul{list-style:none; padding:0; margin:0;}
.caseinfo-r-div .infonum-div ul li{float:left;margin:0px; width:33.3333%; left:0px;}

.caseinfo-r-div .infonum-div ul li .analysis-div{margin:0 auto; width:130px; height:130px; padding-top:40px; border-radius:50%; border:1px solid #DDDDDD; text-align:center;}
.analysis-div span:first-child{color:#64cd82; font-size:30px;}
.analysis-div span:nth-child(2){color:#CCCCCC; font-size:18px;}
.analysis-div .infonum-txt{font-size:14px;}
.caseinfo-r-div .infotxt-div{margin:80px auto 0; width:85%; height:50px; font-size:12px; color:#3db15e; text-align:center; background:url(../imgs/case-bg.png) no-repeat;}
.caseinfo-r-div .infotxt-div ul{list-style:none; padding:0; margin:0;}
.caseinfo-r-div .infotxt-div ul li{float:left; margin:0px; padding-right:20px;}
.caseinfo-r-div .infotxt-div ul li:last-child{padding-right:0px;}
.caseimg-l-div .swiper-pagination-progress{ top:auto!important; bottom:0px!important; background:rgba(61,177,94,.4);}
.caseimg-l-div .swiper-pagination-progress .swiper-pagination-progressbar{background:rgba(61,177,94,1);}
.caseimg-l-div .swiper-slide {text-align: center;font-size: 18px;background: #fff;line-height: 300px;}
.caseimg-l-div .swiper-slide img{ height:300px;}
/* ------------------- 案例详情 case ------------------- */
.jj-detail-tilte-div, .jj-detail-step-div{margin:10px 0; border:1px solid #DDDDDD; border-radius:5px; padding:15px;}
.jj-detail-tilte-div .title-div{border-bottom:1px solid #DDDDDD; padding-bottom:10px;}
.jj-detail-tilte-div .title-div .title{color:#555555; font-size:22px;}
.jj-detail-tilte-div .title-div .date{float:right; color:#878787;}
.jj-detail-tilte-div p{margin:20px!important; font-size:22px;}
.jj-detail-tilte-div a{color:#555555}
.jj-detail-tilte-div .r-title{margin-top:5px; text-align:center;}
.jj-detail-step-div .title-div{border-bottom:1px solid #DDDDDD; padding-bottom:10px; color:#555555; font-size:22px;}
.jj-detail-step-div .content-div{margin:20px;}
.jj-detail-step-div .content-div .num{float:left; width:22px; height:22px; border-radius:50%; background:#64cd82; color:#FFFFFF; text-align:center; line-height:22px;}
.jj-detail-step-div .content-div .content{ margin-left:32px;}
.jj-detail-step-div .content-div .img-1{max-width:225px;}
.jj-detail-step-div .content-div .img-2{margin-right:1%; width:49.5%;max-width:225px; }
.jj-detail-step-div .content-div .img-2-r{width:49.5%;max-width:225px;}
.jj-detail-step-div .content-div .img-3{margin-right:1%; width:32.33%;max-width:225px;}
.jj-detail-step-div .content-div .img-3-r{width:32.33%;}
.jj-detail-step-div .code-div{ text-align:center;}
.jj-breadcrumb-div{margin:20px auto 0!important; padding:10px 0 0; width:1000px; background:white;}
.jj-breadcrumb-div a{color:#64cd82;}

/* ------------------- 简介 about------------------- */
 

/* ------------------- 媒体查询自适应 --------------------- */
@media (max-width: 768px){
.jj-nav-div .container{margin:0 auto; width:700px;}
.jj-wrapper-div section{margin:0 auto; width:90%;}
.jj-contcent-div{margin:0 auto; width:100%;}
.jj-part1-div-index{padding:4em 0;}
.jj-tabcontcent-index ul li:first-child{margin-left:-110px; margin-right:20px;} 
.jj-tabcontcent-index ul li a{width:100px; color:#555555; font-size:16px;}

.col-xs-12{padding:0px!important;}

.tel-area-box{ margin-top:20px; border-top:1px solid #16181d; border-left:none;}
.tel-area-box p{text-align:center;}
.tel-area-box p:first-child{margin-top:20px;}
/* --------- 产品方案 solution  --------- */
.jj-tabpane-div-case .caseimg-l-div{ width:170px;}
.jj-tabpane-div-case .caseinfo-r-div{margin-left:180px; padding:15px 0;}
.jj-tabpane-div-case .caseinfo-r-div .infonum-div{ height:100px;}
.caseinfo-r-div .infonum-div ul li .analysis-div{width:100px; height:100px; padding-top:20px;}
.analysis-div span:first-child{font-size:26px;}
.analysis-div span:nth-child(2){font-size:14px;}
.analysis-div .infonum-txt{font-size:12px;}
.caseinfo-r-div .infotxt-div{margin:60px auto 0; width:95%; height:auto; text-align:left; line-height:22px; background:none;}
.caseinfo-r-div .infotxt-div ul li{margin-left:20px;  width:100%; padding-right:0;}
	}
	
@media (max-width: 640px){
 
.jj-swiper-container .swiper-wrapper{width:100%;} 
.jj-swiper-container .swiper-slide{width:80%; color:white; overflow:inherit;} 
.jj-swiper-container .swiper-slide .r-txt{margin-left:120px; margin-top:40px;}
.jj-swiper-container .swiper-slide .r-txt .title {font-size: 40px;}
.jj-swiper-container .swiper-slide .r-txt .subtitle{ font-size: 20px;}
.jj-swiper-container .swiper-slide .l-img{float:left; width:50px; height:200px;}
.jj-swiper-container .swiper-slide .l-img .img{height:200px;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.jj-swiper-container .swiper-slide .l-img i{position:absolute;}	
	
.jj-nav-div .container{margin:0 auto; width:100%;}	
.jj-swiper-container{height:200px;}
 
.jj-wrapper-div{ padding:0 0 1em;}
.jj-part1-div-index{padding:2.5em 0 0;}
.jj-part3-div-index{margin:1em 0;}

.jj-casemore-div-index{margin:5px;}
/* --------- 产品方案 solution  --------- */
.jj-tabpane-div-case{padding:0; min-height:0px;}
.jj-tabpane-div-case .caseinfo-r-div{padding:0px;}
.jj-tabpane-div-case .caseinfo-r-div .infonum-div{height:200px;}
.caseinfo-r-div .infonum-div ul li{display:block!important; float:none; margin:8px auto 0;}
.caseinfo-r-div .infonum-div ul li:first-child{margin-top:0px;}
.caseinfo-r-div .infonum-div ul li .analysis-div{width:70px; height:70px; padding-top:15px;}
.analysis-div span:first-child{font-size:16px;}
.analysis-div span:nth-child(2){font-size:10px;}
.analysis-div .infonum-txt{font-size:10px;}
.caseinfo-r-div .infotxt-div{margin:30px auto 0; line-height:16px;}
.caseinfo-r-div .infotxt-div ul li{ margin-left:5px;}
/* --------- 案例详情 case --------- */
.jj-contcent-div .nav-tabs>li>a{ font-size:12px;}
.jj-detail-tilte-div .title-div .title{font-size:18px;}
.jj-detail-tilte-div .title-div .date{ font-size:10px;}
.jj-detail-tilte-div p{margin:10px!important; font-size:16px;}
.jj-detail-step-div .content-div img{ width:100%;}
.jj-case-div .case-div .case-name-div{ font-size:12px;}

/* ------------------- 特点point ------------------- */
.jj-point-div .title{margin:20px 0 10px;font-size:20px;}
.jj-point-div .info{margin:0 auto 30px; font-size:10px;}

.jj-breadcrumb-div{margin:10px 0!important; padding:0px!important; width:100%;}

/* ------------------- 简介 about------------------- */
.jj-price-tab tr td{font-size:12px;}

	}