body{color:#999; font-family:"microsoft yahei",Arial,'微软雅黑'; background: #ebeaeb;overflow-x:hidden;}
a{text-decoration:none; color:#999}
a:hover{text-decoration: none; color:#999}
.margin-auto{margin: auto;}
.warp{ width:1080px; margin:0 auto}

.clear{ clear:both} .ohidd{ overflow:hidden;*zoom:1;}
.blue,.blue a,.box h5 a,.box h6 a,.box a.more,.crumbs a{ color:#004499}
.keylink,.keylink:link,.keylink:hover,.keylink:active {text-decoration:underline;width:26px; height:22px; line-height:22px; background:#fff; border:1px dotted #aaa;  text-align:center}
textarea{border:1px solid #DCDDDD; background:#fff;clear:both;color:#555;font-size:14px;height:130px;padding:5px 0 0 5px;text-align:left;width:99%; margin-bottom:8px}
.input-text,input.date,input.endDate,.input-focus{border:1px solid #DCDDDD; height:22px; padding:0 0 0 3px}
input.date,input.endDate{background: #fff url("../images/input_date.png.html") no-repeat right 3px; padding-right:18px;font-size:12px;}
.pad-6{padding:6px; overflow:hidden}.pad-10{padding:10px; overflow:hidden}.pad_10,.pad-lr-10{padding:0 10px}.pad-lr-6{padding:0 6px}
.gray{background: #f8f8f8 !important;}
.width100{width: 100%;}
.height100{height: 100%;}
.ds_block{display: block;}
.ds_none{display: none;}
.none-padding { padding: 0 !important;}
.text-indent{text-indent: 2em;}
.bg-none{background: none;}
.padding-b-30{padding-bottom: 30px;}
.padding-l-0{padding-left: 0;}
.padding-r-0{padding-right: 0;}

/* 头部 */
.header { width: 100%; height: 60px; background: #ebeaeb; position: fixed; z-index: 29; left: 0; top: 0; border-bottom: 1px solid #666;}
.header .logos { width: 246px; height: 60px; text-align: center;float: left; display: inline; padding-left: 10px; }
.header .logos a { display: block; font-size: 36px;}
.header .logos img {width:100%;}
.header .menu .fa-bars{font-size: 20px; line-height: 60px; color: #333;}
.header .menu .fa-times{font-size: 20px; line-height: 60px; color: #333;}
.two_menu{background: #ebebeb; position: absolute; width: 100%; z-index: 25; padding-top: 60px;}
.two_menu li{ text-align: center; line-height: 40px; border-bottom: #d4d4d4 1px solid;}
.two_menu li a span{color: #333;}
.two_menu .active a span{color: #8b1b0d;}
.two_menu p{ font-size: 12px;text-align: center; line-height: 24px; position: absolute; bottom: 30px; padding-left: 15px; padding-right: 15px;}



/*2018-07-02 页面改版*/

/*首页*/
/*.slide1{background-image:url('../images/mob/1.png');}*/
/*.slide2{background-image:url('../images/mob/2.png');  }*/
/*.slide3{background-image:url('../images/mob/3.png');}*/
/*.slide4{background-image:url('../images/mob/4.png'); }*/
/*.slide5{background-image:url('../images/mob/5.png'); }*/
/*.slide6{background-image:url('../images/mob/6.png'); }*/
/*.slide7{background-image:url('../images/mob/7.png'); }*/
.about-mob-box{padding: 60px 10px 0 10px;}
.about-mob-box .title{font-size: 16px; color: #666; height: 50px; line-height: 50px;  font-weight: 700;}
.about-mob-box p{font-size: 12px;}

/*产品中心*/
.product_class_box{padding-top: 60px;}
.product_class_box #panda-show  .full { width: 100%;overflow: hidden;}
.product_class_box #panda-show  .content {width: 100%;margin: 0 auto; position: relative; padding: 0;}
.product_class_box #panda-show  .cover-left {width: 2000px; position: absolute; left: -2000px;top: 0;opacity: 0.7; background: #000; height: 440px; z-index: 10;}
.product_class_box #panda-show  .cover-right {width: 2000px; position: absolute; right: -2000px;top: 0;background: #000;opacity: 0.7;height: 440px; z-index: 10;}
.product_class_box #panda-show  .swiper-container {overflow: visible;/*height: 658px;*/}
.product_class_box #panda-show  .swiper-slide { /*height: 658px;*/ background: #000;position: relative;}
.product_class_box #panda-show  .swiper-slide img {/*height: 658px;*/ width: 100%; opacity: 0.7;-webkit-transition: all linear 300ms; transition: all linear 300ms;}
.product_class_box #panda-show  .swiper-slide  a:hover img {opacity: 1;}
.product_class_box #panda-show  .arrow-left {background: url('../images/product_left.png') no-repeat 6px; background-size:50%; position: absolute;left: 35px;top: 50%; margin-top: -40px;width: 30px;height: 50px;z-index: 15;}
.product_class_box #panda-show .arrow-right { background: url('../images/product_right.png')no-repeat 6px; background-size:50%;position: absolute; right: 35px;top: 50%;margin-top: -40px;width: 30px; height: 50px; z-index: 15;}
.product_class_box #panda-show .stars-info {height: 110px; position: absolute; bottom: 20px; text-align: center; width: 100%; -webkit-transition: all linear 250ms;transition: all linear 250ms; color: #fff;}
.product_class_box #panda-show a:hover .stars-info { height: 100px;border-bottom: 0 none;}
.product_class_box #panda-show .stars-info .name { font-size: 16px; height: 26px;line-height: 26px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.product_class_box #panda-show a:hover .stars-info .name { margin: 8px 0 0; }
.product_class_box #panda-show .stars-info .intro {padding: 0 10px; font-size: 20px; height: 18px; line-height: 18px; margin: 5px 0 20px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product_class_box #panda-show .stars-info .number {border: 1px solid #fff;width: 100px; padding:5px 0;border-radius: 3px;margin: auto; -webkit-transition: all linear 250ms;transition: all linear 250ms;}
.product_class_box #panda-show a:hover .stars-info .number{background: #272727; border-color: #272727;}


.product_lists_box{padding-top: 60px;}
.casesliderlist {height: 79px !important; width: 100% !important; margin-bottom: 20px !important; padding: 10px 0 0 0 !important;}
.casesliderlist td{width:83px !important; height:63px !important; margin-right:10px; margin-bottom: 10px;  background:#000;}
.casesliderlist td img{width:100% !important; height:100% !important; }
.caseslider ul, .caseslider li{width: 100% !important; height: 100% !important;}
.caseslider li img{border: none !important;}
.caseleftbg{width: 50% !important; height: 85% !important; left: 0 !important;  margin-left: 0 !important;}
.caserightbg{width: 50% !important; height: 85% !important; right: 0 !important;  margin-left: 0 !important;}
.casenext{left: auto !important; right: 3px; background-size: 50% !important;}
.caseprev{right: inherit !important; left: 10px; background-size: 50% !important;}
.layout{margin-top: -10px;  padding: 0 0 0 10px !important;}
.mCSB_inside > .mCSB_container{margin-right: 15px !important;}
.casesliderlist td{  margin-right: 6px !important;  margin-bottom: 6px !important;}
.goback{padding-right: 10px;}
.goback a{padding: 8px 15px !important;}


/*news*/
.news-box{background: #5e5a57; padding-top: 60px; padding-left: 0; padding-right: 0;}
.news-box .news_top{position: relative; padding: 0; margin: 20px 0;}
.news-box .news_top img{max-width: 80%;}
.news-box .news_list .col-sm-3{padding: 20px 0;
    transition: transform 0.3s linear,background 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear,background 0.3s linear;
    -moz-transition: -moz-transform 0.3s linear,background 0.3s linear;
}
.news-box .news_list .col-sm-3:hover{background: #434343;
    transition: transform 0.3s linear,background 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear,background 0.3s linear;
    -moz-transition: -moz-transform 0.3s linear,background 0.3s linear;
}
.news-box .news_list{margin-top: 40px; border-right: 1px solid #434343;}
.news-box .news_list ul .li_title{font-size: 30px; border-bottom: 1px solid #fff; padding-bottom: 10px;}
.news-box .news_list ul .li_title span{font-size: 14px; margin-left: 10px;}
.news-box .news_list ul li{color: #fff; line-height: 24px;}
.news-box .news_list ul li img{width: 100%; height: 250px;}
.news-box .news_list ul li a{ color: #fff;}
.news-box .news_list ul .new_title{margin:10px 0;overflow: hidden; height: 24px;width: 99%;}
.news-box .news_list ul .li_info{margin-top: 10px;}
.news-pages .pagination span{background: #434343; color: #fff;}
.news-pages .pagination > .active > span{background: #434343; color: #7e746b;}
.news-pages .pagination:hover span{background: #434343;}
.news-pages .pagination > li > a, .news-pages .pagination > li > span{color: #fff; background: #434343;}
.news-detail-box{background: #5e5a57; padding-left: 0; padding-right: 0;padding-top: 60px;}
.news-detail-box .content-bo{background: #fff; padding: 10px 10px 50px 10px;}
.news-detail-box .content-bo .title-top{font-size: 24px; color: #272727; float: left; border-bottom: 2px solid #272727; padding-right:20px; padding-bottom: 10px; padding-top: 20px; width: 100%;}
.news-detail-box .content-bo .title-top span{font-size: 14px; margin-left: 10px; color: #666;}
.news-detail-box .content-bo .top_nav a{font-size: 14px; color: #666;}

.news-detail-box .title{font-size: 18px; color: #333; text-align: center; margin: 80px 0 30px 0; line-height: 34px; }
.news-detail-box .content-info{min-height: 400px; padding-left: 5px; padding-right: 5px;}
.news-detail-box .content-info img{max-width: 100%;}
.news-detail-box .news-next{margin-top: 30px; padding-left: 0; padding-right: 0;}
.news-detail-box .news-next div{color: #272727; margin-top: 5px;}
.news-detail-box .news-next div a{color: #434343;}
.news-detail-box .news-next div a:hover{color: #999;}


/*招商加盟*/
.join_box{height: 100%; padding:60px 10px 10px 10px;}
.join_box .join-zhengce .box1 img{width: 50%;}
.join_box .join-zhengce .p_title{color: #333; font-size: 14px;}
.join_box .join-zhengce .info{color: #636363; margin-top: 20px; font-size: 12px;}
.join_box .join-tj .push-30-t{ font-size: 16px; font-weight: 700; color: #333;}
.join_box .join-submit{margin-bottom: 30px;}
.join_box .join-submit .form_box{padding-left: 0; padding-right: 0;}
.join_box .join-submit .col-sm-3 { padding-left: 0; text-align: right; color: #666; padding-top: 5px;}
.join_box .join-submit .form_box2 { padding-left: 0; padding-right: 0;}
.join_box .join-submit .form_box3 .radio-width{ width: 50%; float: left;}
.join_box .join-submit .form_box2 .join-input { width: 100%; color: #666666; margin-bottom: 10px; height: 28px; border: 1px solid #94887c;}
.join_box .join-submit .button_tj a { margin-right: 15px;}
.join_box .join-submit .button_tj .col-sm-offset-3{margin-left: 25%;}
.join_box .join-submit  .btn-sm { background: #8b1b0d; border-radius: 0; border: 0; color: #fff; padding: 8px 30px;}




@media(max-width: 1900px){

}
@media (max-width:1870px) {

}
@media (max-width:1800px) {

}
@media (max-width:1780px) {

}
@media (max-width:1700px) {

}
@media (max-width:1600px) {

}
@media (max-width:1500px) {

}
@media (max-width:1400px) {

}
@media (max-width:1360px) {

}
@media (max-width:1310px) {

}
@media (max-width:1270px) {

}
@media (max-width:1200px) {

}
@media (max-width:1080px) {

}
@media (min-width: 980px) and (max-width:1199px){
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; }
    .col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}
}
@media (min-width: 768px) and (max-width:979px){
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; }
    .col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}
}
@media (max-width: 767px) {

}
@media (max-width: 414px) {

}
@media (max-width: 375px) {

}
@media (max-width: 320px) {

}