#particles-js{
	position:absolute;
	z-index: 1;
	width: 100%;
}
.product .panel{
	height:160px;
}
.title h3:after{
	content: '';
	height: 2px;
	width:60px;
	position: absolute;
	margin-left:-78px;
	margin-top:38px;
	background-color:#ff9641;
}
.container .title h3{
	margin-bottom: 20px !important;
}
@media (min-width: 768px){
.product,.solution,.about{
	padding-bottom: 60px;
	}

     
}
@media (min-width: 992px){
.about .slide-right{
	padding-top: 60px;
	}
}
@media (max-width: 767px){
.product, .solution, .about{
	padding-bottom: 26px;
	}
.parter .img-responsive{
	max-width: 80%;
	}
   .jjdc_page .box1 {
    padding: 10px 0 10px 0!important;
}
    .box3 {
    padding: 20px 0!important;
}    
.jjdc_page .back-img2,.jjdc_page .back-img3,.jjdc_page .back-img4 {
     margin:0!important; 
}
.box7{
    margin-bottom: 20px!important;
    margin-left: 18%!important;
}
.box_icon .img{
    height: 100px!important;
}
}
.solution,.about{
	margin: 10px auto;
}
.serive {
	background: #f4f4f4;
	padding-bottom: 60px;
	position: relative;
	top:-20px;
	z-index: 2;
}
@media (min-width: 768px){
.title {
	padding:40px;
	}
}
@media (max-width: 768px){
.title {
	padding:16px;
	}
}
.serive .row {
	padding-top:20px;
}
.serive .col-md-3 {
	text-align: center;
}
.carousel .carousel-inner .item .carousel-caption {
	bottom:40%;
}
@media only screen and (max-width:768px ) {
	.carousel .carousel-inner .item .carousel-caption{
		bottom:30%;
	}
}
.carousel .carousel-inner .item .carousel-caption p{
	font-size: 36px;
	font-weight: 700;
	padding-bottom: 16px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
	display: inline-block;
}
.icon-title{
	padding-top:10px;
	font-size: 16px;
	font-weight: 500;
	color: #333;
}
.icon-title2{
	font-weight: 400;
	color: #999;
}
.back-img {
	padding:40px 0;
	background: url(../img/banner-bar.jpg);
}

.back-img .container h3 {
	color: #f67524;
}
@media (max-width: 992px){
	.row .col-xs-6:first-child, .row .col-xs-6:nth-child(2){
	padding-bottom: 20px;	
	}
}

.back-img .container small {
	color: #fff;
	padding-bottom: 16px;
	display: block;
}
.product .row .col-md-4{
	padding-bottom: 28px;
}
.product .row .col-md-4 .pro-text h4{
	font-weight: 700;
	padding-top:6px;
}
.product .row .col-md-4 .pro-text small{
	font-size:14px;
	color:#999;
}
.product .sIntro{
	position: absolute; 
	width: 100% !important;
	height: 100% !important; 
	top: 0px; 
	left: 315px; 
	z-index: 99; 
	opacity: 0;
	background-color:#3385cc;
	text-align: center;
	padding-right: 1px;
}
.product .pro-img{
	position: relative; 
	overflow: hidden;
}
.product .sIntro h2{
	color:#fff;
	border-bottom: #fff dashed 1px;
	padding:56px 0 20px 0;
	overflow: hidden;
	margin:0 auto;
	font-size: 24px;
}
.product .sIntro p{
	color:#fff;
	overflow: hidden;
	margin:16px auto 0;
	font-size: 14px;
}
.product .sIntro a{
	display: block;
	width:114px;
	height:30px;
	margin:12px auto 0;
	border:3px solid rgba(255,255,255,.8);
	border-radius: 30px;
}
.product .sIntro a span{
	background: #fff;
	border: 1px solid #3385cc;
	display: block;
	color: #3385cc;
	line-height: 28px;
	border-radius: 30px;
}
.product .sIntro a span:hover{
	background: #3385cc;
	color:#fff;
}

.product .row .col-md-4 .pro-text span{
	position: absolute;
	top:200px;
	right: 20px;
}
.custom{
	background: url(../img/hezuo.jpg) no-repeat 0px 20%;
	background-size:cover;
	background-attachment: fixed;
}
.custom .parter .row .col-sm-6 ul{
	padding:0;
}
.custom .parter .slide-left{
	padding-bottom: 20px;
}
.custom .parter-text{
	padding-left: 0;
}
@media (min-width: 768px){
.custom .parter .row .col-sm-6 .clearfix li{
	background: url(../img/parter-bg.png) no-repeat;
	width:186px;
	height: 220px;
	line-height:140px;
	text-align: center;
	float: left;
}
.custom .parter .row .col-sm-6 .clearfix .on{
	background: url(../img/parter-bg-active.png) no-repeat;
	width:186px;
	height: 220px;
	line-height:140px;
	text-align: center;
	float: left;
}
.custom .parter .row .col-sm-6 .clearfix li:last-child{
	margin-left:90px;
	margin-top:-50px;
}
.custom .parter .row .col-sm-6:last-child{
	padding-top:50px;
}
}
@media (max-width: 768px) {
	.custom .parter .row .col-sm-6 .clearfix li{
		background: url(../img/parter-bg.png) no-repeat;
		text-align: center;
		background-size: 100% 100%;
		float:left;
	}
	.custom .parter .row .col-sm-6 .clearfix .on{
		background: url(../img/parter-bg-active.png) no-repeat;
		text-align: center;
		background-size: 100% 100%;
		float:left;
	}

}

.custom .clearfix li{
	padding:40px 0;
}
.custom .parter .row .col-sm-6 .clearfix .gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;
    opacity: 0.4;
}
.col-md-1-5 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.custom .row .col-sm-6 h3,.custom .row .col-sm-6 p{
	color:#fff;
}
/*.custom .row .col-md-7{
	padding-left: 60px;
}*/
.custom .row .col-sm-6 h3{
	color:#f67524;
	font-size: 18px;
	font-weight: 700;
/*	padding: 6% 0 30px 0;*/
}
.custom .row .col-sm-6 p{
	color:#fff;
	font-size: 14px;
	line-height: 28px;
	padding-bottom: 20px;
}
@media (min-width: 992px) {
	.col-md-1-5 {
		width: 20%;
		float: left;
	}
}
.solution .row .col-md-3 h4{
	font-weight: 700;
}
.news-cont{
	color:#666;
}
.news-item{
	position: relative;
	background: #fff;
	margin-bottom: 4px;
}
.news-item:hover{
	box-shadow: 0 0 2px #e2e2e2;
	cursor:pointer;
}
.news .row .hidden-xs .text-wrap{
	position: absolute;
	background:rgba(0,0,0,.35);
	bottom:0px;
}
.news .row .hidden-xs .text-wrap p{
	padding:18px 48px 10px 10px;
	color:#fff;
}
.news .row .hidden-xs .text-wrap span{
	position:absolute;
	color:#fff;
	top:40px;
	right:10px;
}
.item-3 .item-inner .data-wrap{
	float: left;
	width:25%;
	border-right: 1px solid #f2f2f2;
}
.item-3 .item-inner .text-wrap{
	overflow: hidden;
}
.item-3 .item-inner .data-wrap .data .line{
	display: block;
	width:20px;
	height: 2px;
	margin:15px 0;
	background: #e6e6e6;
}
.item-2 .item-inner{
	padding:24px 20px;
	display: block;
}
.item-3 .item-inner{
	padding:24px 20px 34px 20px;
	display: block;
}
.item-2 .item-inner .text-wrap{
	border-bottom:1px solid #f0f0f0;
}
.item-2 .item-inner .text-wrap h4{
	margin-top: 0;
}
.news-item .item-inner .text-wrap h4{
	margin-bottom: 14px;
}
.news-item .item-inner .text-wrap .news-cont{
	font-size:14px;
	color:#666;
	line-height: 24px;
}
.item-2 .item-inner .data-wrap .data{
	padding-top:20px;
}
.news-item .item-inner .data-wrap .data strong{
	display: block;
	font-size: 24px;
}
.item-2 .item-inner .data-wrap .glyphicon{
	position:absolute;
	top:160px;
	right:30px;
}
.item-3 .item-inner .data-wrap .glyphicon{
	position:absolute;
	top:80px;
	right:20px;
}
.item-3 .item-inner .text-wrap h4{
	padding-left: 18px;
}
.news .row .col-md-4{
	padding:0 2px;
}
.footer {
	background: url(../img/footer-bg.jpg) no-repeat 0 30%;
	padding-bottom:60px;
}

.footer .footer-title {
	color: #fff;
	text-align: center;
	padding:40px 0 60px 0;
}
.footer .footer-title p{
	color:#f67524;
}
.footer .footer-title h5{
	color:#333;
}

.footer .footer-list .row p {
	color: #333;
	font-size:16px;
	font-weight: 700;
	padding-top:20px;
}
.footer .footer-list .row small {
	color: #666;
	font-size:14px;
}
.serive .row a{
	transition: 0.5s;
	-moz-transition:  0.5s;	/* Firefox 4 */
	-webkit-transition: 0.5s;	/* Safari 和 Chrome */
	-o-transition: 0.5s;
}
.serive .row a:hover{
	transform: translate(0px,-10px);
	-ms-transform: translate(0px,-10px);		/* IE 9 */
	-webkit-transform: translate(0px,-10px);	/* Safari and Chrome */
	-o-transform: translate(0px,-10px);		/* Opera */
	-moz-transform: translate(0px,-10px);		/* Firefox */
}
.solution .row a img,.product .row a img{
	transition: 0.4s;
	-moz-transition:  0.4s;	/* Firefox 4 */
	-webkit-transition: 0.4s;	/* Safari 和 Chrome */
	-o-transition: 0.4s;
}
.solution .row a:hover img,.product .row a:hover img{
	transform:scale(1.1);
	-ms-transform: scale(1.1);		/* IE 9 */
	-webkit-transform: scale(1.1);	/* Safari and Chrome */
	-o-transform: scale(1.1);		/* Opera */
	-moz-transform: scale(1.1);		/* Firefox */
}
.solution .row a h4,.product .row a h4{
	transition: 0.2s;
	-moz-transition:  0.2s;	/* Firefox 4 */
	-webkit-transition: 0.2s;	/* Safari 和 Chrome */
	-o-transition: 0.2s;
}
.solution .row a:hover h4, .product .row a:hover h4{
	color: #f67524;
}
@media (min-width: 768px) {
	html.sr .load-hidden {
	    visibility: hidden;
	}
}

.btn-warning{
	background: #f67524;
	transition: 0.2s;
	-moz-transition:  0.2s;	/* Firefox 4 */
	-webkit-transition: 0.2s;	/* Safari 和 Chrome */
	-o-transition: 0.2s;
}
.btn-warning:hover{
	background: #e85d05;
}
.serive-inner .back-img1{
	background: url(../img/service1.jpg) no-repeat 20% ;
	background-size:cover;
}
.serive-inner .back-img2{
	background: url(../img/service2.jpg) no-repeat 30% ;
	background-size:cover;
}
.serive-inner .back-img3{
	background: url(../img/service3.jpg) no-repeat 20% ;
	background-size:cover;
}
.serive-inner .back-img4{
	background: url(../img/service4.jpg) no-repeat 30% ;
	background-size:cover;
}
.serive-inner .row .text-wrap .line{
	display: block; width:40px;height: 2px; background: #fff;margin:20px 0;
}
.serive-inner .row .text-wrap .line-black,.success-detail .row span{
	display: block; width:40px;height: 2px; background: #333;margin:20px 0;
}
.serive-inner .text-wrap p{
	margin-bottom: 30px;
	line-height: 28px;
	opacity: 0.8;
}
@media only screen and  (max-width: 768px) {
	.serive-inner  .text-wrap {
	    padding:40px 0;
	}
}
@media only screen and  (min-width: 768px) {
	.serive-inner  .text-wrap {
	   padding:200px 0;
	}
}
.success-detail .row p{
	color:#666;
	line-height: 2;
}
.success-detail .center{
	padding:0 50px;
}

/*************** Pagination ***************/
.main-content-wrapper .pagination {
    text-align: right;
    padding: 20px 0 5px 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
.pagination{
	display: block;
	text-align: center;
}
.pagination a {
    margin-left: -1px;
    padding: 10px 18px;
    border:1px solid #e5e5e5;
}

/*.pagination a.number {
    border: 1px solid #ddd;
}*/

.pagination a.current {
    background: #0577c7 !important;
    border:0;
    color: #fff !important;
}
.pagination a:first-child{
	border-radius: 6px 0 0 6px;
}
.pagination a:last-child{
	border-radius: 0 6px 6px 0;
}
.pagination a:hover {
    background: #0577c7;
    color:#fff;
}
.pagination a:last-child:hover {
    border:0;
}
.time{
	padding-top:6px;
}
.time p:first-child{
	font-weight: 700;
	font-size:22px;
	color:#333;
}
.right .row ul li:first-child{
	font-size:18px;
}
/*佳佳点餐*/
.jjdc_page{
    background: #fff;
}
.jjdc_page .back-img1{
    	background: url(../img/jjdc_1_bg.png) no-repeat 20% ;
	background-size:cover;
}
.jjdc_page .back-img7{
    	background: url(../img/jjdc_7_bg.png) no-repeat 20% ;
	background-size:cover;
}
.jjdc_page .back-img2{
   margin: 40px 0;
    background: url(../img/jjdc_2_bg.png) no-repeat;
    background-size: 100%;
}
.jjdc_page .back-img3{
   margin: 40px 0;
    background: url(../img/jjdc_3_bg.png) no-repeat;
    background-size: 100%;
}
.jjdc_page .back-img4{
   margin: 40px 0;
    background: url(../img/jjdc_2_bg.png) no-repeat;
   background-size: 100%;
}
.jjdc_page .box1 h1{
    font-weight: 600;
    margin: 30px 0;
}
.box3{
    padding: 80px 0;
}
.box3 h1{
    margin-top: 80px;
    font-size:30px;
    color:#161e6dc;
    margin-bottom: 25px;
}
.type{
    color: #fff;
    background-image: linear-gradient(to right, #fb525d, #fb694f);
    text-align:center;
    border-radius:30px;
    width: 25%;
    height: 50px;
    line-height: 50px;
    margin-top: 30px;
}
.box_icon .img{
    padding-top: 25px;
    width: 100%;
    height: 130px;
    background: url(../img/jjdc_2_iconbg.png) no-repeat 50% 20% ;
}
.box7{
    border-radius:10px;
    background: #fff;
    padding: 20px;
    /*border:#d9e2ff solid 1px;*/
    box-shadow: 2px 2px 5px #d9e2ff;
}
.box7 h1{
    color:#161e6d;
    font-weight: 300!important;
}
.box_icon .img img{
     display: inline-block;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-name: shaky-slow;
        -ms-animation-name: shaky-slow;
        animation-name: shaky-slow;
        -webkit-animation-duration: 8s;
        -ms-animation-duration: 8s;
        animation-duration: 8s;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running;
}
 @-webkit-keyframes shaky-slow {
        0% {
            -webkit-transform: translate(0px, 0px) rotate(0deg);
        }
       
        4% {
            -webkit-transform: translate(1.3px, 0px) rotate(-0.5deg);
        }
       
        8% {
            -webkit-transform: translate(-1.3px, -1px) rotate(-1.5deg);
        }
        
        12% {
            -webkit-transform: translate(-1.3px, -1px) rotate(-2deg);
        }
        
        16% {
            -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg);
        }
        
        20% {
            -webkit-transform: translate(1px, 1px) rotate(-0.5deg);
        }
       
        24% {
            -webkit-transform: translate(-1.4px, -1px) rotate(2deg);
        }
      
        28% {
            -webkit-transform: translate(1.6px, -1.6px) rotate(-2deg);
        }
       
        32% {
            -webkit-transform: translate(-1px, 0px) rotate(2deg);
        }
       
        36% {
            -webkit-transform: translate(1.3px, 1.6px) rotate(1.5deg);
        }
       
        40% {
            -webkit-transform: translate(-1.4px, -1px) rotate(-0.5deg);
        }
        
        44% {
            -webkit-transform: translate(-1.6px, 1.4px) rotate(0.5deg);
        }
       
        48% {
            -webkit-transform: translate(1px, 1.6px) rotate(1.5deg);
        }
        50% {
            -webkit-transform: translate(1.6px, 1.6px) rotate(1.5deg);
        }
        52% {
            -webkit-transform: translate(-1.4px, 1.6px) rotate(0.5deg);
        }
        54% {
            -webkit-transform: translate(1.6px, -1px) rotate(-2deg);
        }
        56% {
            -webkit-transform: translate(1.3px, -1.6px) rotate(-2deg);
        }
        58% {
            -webkit-transform: translate(-1.3px, -1.6px) rotate(0.5deg);
        }
        60% {
            -webkit-transform: translate(1.3px, 1.6px) rotate(-0.5deg);
        }
        62% {
            -webkit-transform: translate(0px, 0px) rotate(-1.5deg);
        }
        64% {
            -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg);
        }
        66% {
            -webkit-transform: translate(1.6px, -1.6px) rotate(0.5deg);
        }
        68% {
            -webkit-transform: translate(0px, -1.6px) rotate(-2deg);
        }
        70% {
            -webkit-transform: translate(-1.6px, 1px) rotate(1.5deg);
        }
        72% {
            -webkit-transform: translate(-1.6px, 1.6px) rotate(2deg);
        }
        74% {
            -webkit-transform: translate(1.3px, -1.6px) rotate(-0.5deg);
        }
        76% {
            -webkit-transform: translate(1.4px, 1px) rotate(-0.5deg);
        }
        78% {
            -webkit-transform: translate(-1px, 1.4px) rotate(2deg);
        }
        80% {
            -webkit-transform: translate(1.4px, 1.6px) rotate(2deg);
        }
        82% {
            -webkit-transform: translate(-1.6px, -1.6px) rotate(-0.5deg);
        }
        84% {
            -webkit-transform: translate(-1.4px, 1.4px) rotate(-2deg);
        }
        86% {
            -webkit-transform: translate(1px, 1.4px) rotate(-2deg);
        }
        88% {
            -webkit-transform: translate(-1.4px, 1.4px) rotate(-1.5deg);
        }
        90% {
            -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg);
        }
        92% {
            -webkit-transform: translate(-1.6px, 1.6px) rotate(2deg);
        }
        94% {
            -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg);
        }
        96% {
            -webkit-transform: translate(-1.4px, 1.3px) rotate(-2deg);
        }
        98% {
            -webkit-transform: translate(1.3px, 1px) rotate(-0.5deg);
        }
    }
 @keyframes shaky-slow {
        0% {
            transform: translate(0px, 0px) rotate(0deg);
        }
        2% {
            transform: translate(-1px, 1.5px) rotate(1.5deg);
        }
        4% {
            transform: translate(1.3px, 0px) rotate(-0.5deg);
        }
        6% {
            transform: translate(1.4px, 1.4px) rotate(-2deg);
        }
        8% {
            transform: translate(-1.3px, -1px) rotate(-1.5deg);
        }
        10% {
            transform: translate(1.4px, 0px) rotate(-2deg);
        }
        12% {
            transform: translate(-1.3px, -1px) rotate(-2deg);
        }
        14% {
            transform: translate(1.5px, 1.3px) rotate(1.5deg);
        }
        16% {
            transform: translate(1.5px, -1.5px) rotate(-1.5deg);
        }
        18% {
            transform: translate(1.3px, -1.3px) rotate(-2deg);
        }
        20% {
            transform: translate(1px, 1px) rotate(-0.5deg);
        }
        22% {
            transform: translate(1.3px, 1.5px) rotate(-2deg);
        }
        24% {
            transform: translate(-1.4px, -1px) rotate(2deg);
        }
        26% {
            transform: translate(1.3px, -1.3px) rotate(0.5deg);
        }
        28% {
            transform: translate(1.6px, -1.6px) rotate(-1.5deg);
        }
        30% {
            transform: translate(-1.3px, -1.3px) rotate(-1.5deg);
        }
        32% {
            transform: translate(-1px, 0px) rotate(2deg);
        }
        34% {
            transform: translate(1.3px, 1.3px) rotate(-0.5deg);
        }
        36% {
            transform: translate(1.3px, 1.6px) rotate(1.5deg);
        }
        38% {
            transform: translate(1.3px, -1.6px) rotate(1.5deg);
        }
        40% {
            transform: translate(-1.4px, -1px) rotate(-0.5deg);
        }
        42% {
            transform: translate(-1.4px, 1.3px) rotate(-0.5deg);
        }
        44% {
            transform: translate(-1.6px, 1.4px) rotate(0.5deg);
        }
        46% {
            transform: translate(-2.1px, -1.3px) rotate(-0.5deg);
        }
        48% {
            transform: translate(1px, 1.6px) rotate(1.5deg);
        }
        50% {
            transform: translate(1.6px, 1.6px) rotate(1.5deg);
        }
        52% {
            transform: translate(-1.4px, 1.6px) rotate(0.5deg);
        }
        54% {
            transform: translate(1.6px, -1px) rotate(-2deg);
        }
        56% {
            transform: translate(1.3px, -1.6px) rotate(-2deg);
        }
        58% {
            transform: translate(-1.3px, -1.6px) rotate(0.5deg);
        }
        60% {
            transform: translate(1.3px, 1.6px) rotate(-0.5deg);
        }
        62% {
            transform: translate(0px, 0px) rotate(-1.5deg);
        }
        64% {
            transform: translate(-1.6px, -1.6px) rotate(-2deg);
        }
        66% {
            transform: translate(1.6px, -1.6px) rotate(0.5deg);
        }
        68% {
            transform: translate(0px, -1.6px) rotate(-2deg);
        }
        70% {
            transform: translate(-1.6px, 1px) rotate(1.5deg);
        }
        72% {
            transform: translate(-1.6px, 1.6px) rotate(2deg);
        }
        74% {
            transform: translate(1.3px, -1.6px) rotate(-0.5deg);
        }
        76% {
            transform: translate(1.4px, 1px) rotate(-0.5deg);
        }
        78% {
            transform: translate(-1px, 1.4px) rotate(2deg);
        }
        80% {
            transform: translate(1.4px, 1.6px) rotate(2deg);
        }
        82% {
            transform: translate(-1.6px, -1.6px) rotate(-0.5deg);
        }
        84% {
            transform: translate(-1.4px, 1.4px) rotate(-2deg);
        }
        86% {
            transform: translate(1px, 1.4px) rotate(-2deg);
        }
        88% {
            transform: translate(-1.4px, 1.4px) rotate(-1.5deg);
        }
        90% {
            transform: translate(-1.6px, -1.6px) rotate(-2deg);
        }
        92% {
            transform: translate(-1.4px, 1.6px) rotate(2deg);
        }
        94% {
            transform: translate(-1.6px, -1.6px) rotate(-2deg);
        }
        96% {
            transform: translate(-1.4px, 1.3px) rotate(-2deg);
        }
        98% {
            transform: translate(1.3px, 1px) rotate(-0.5deg);
        }
    }
.box_icon{
    text-align: center;
}
.jjdc_page .box1 P{
    line-height: 1.8;
}
.jjdc_page .box1 p a{
    color:#fff;
}
.jjdc_page .box1{
    padding: 80px 0 30px 0;
}
.height20{
    height: 20px;
}