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;}

.ib, .ib-li li, .ib-a a, .ib-span span,.btn,.btn input,.photo-hot li,.Article-Tool a ,.photo-list li,.photo-channel .photo-slide .change i,.photo-channel .tool .auto,.photo-channel .tool .up,.photo-channel .tool .next,.photo-cat .content h5 span.blue a,.submit{display:inline-block;zoom:1;*display:inline;}

/*右组建*/

.right-con {position: fixed; z-index: 9999999; top: 200px; right: -127px; cursor: pointer; transition: all .3s ease;  }

.right-con .con-box ul li { width: 180px;height: 53px; font: 16px/53px 'Microsoft YaHei'; color: #fff; text-indent: 54px;margin-bottom: 3px; border-radius: 3px; transition: all .5s ease; overflow: hidden;}

.right-con .con-box ul li a{color: #fff;}

.right-con .con-box .right-qq {text-indent: 0; background: #1a1818 url(../images/icon1.png) no-repeat left ; background-size: 40px; background-position: 5px 6px;  }

.right-con .con-box .right-qq a {display: block; text-indent: 54px; width: 100%; height: 100%;}

.right-con .con-box .right-write { background: #1a1818 url(../images/icon3.png) no-repeat left; background-size: 40px; background-position: 5px 6px; }

.right-con .con-box .right-ercode { background: #1a1818 url(../images/icon2.png) no-repeat left; background-size: 40px; background-position: 5px 6px; }

.right-con .con-box .right-ercode p img{width: 130px; position: relative;height: 130px;left: -30px;top: 6px;}

.right-con .con-box ul li:hover{ background-color: #812120;}



/* 顶部 */

.index-top{position:relative; height:30px; width:100%; z-index:1001; background: #f7f7f7;}

.top-right{height:30px; overflow:hidden;*zoom:1; float:right; }

.top-right li{float:left; line-height:30px;color:#fff;  text-align:center; position:relative ; z-index:10001;margin-left: 20px;}

.top-right li a{color:#444;  font-size:14px; font-family:'微软雅黑'; text-decoration:none; }

.top-right li a span{ font-size:14px; }

.top-right li a:hover{ color:#4da422;}

.top-right li .active{color:#4da422;}

.top-right .user{

    z-index: 10001;

}

.top-right .dropdown .dropdown-menu{

    z-index: 10001;

    background: #ffffff;

    border-radius: 0px;

}



.headers{position: absolute; z-index: 2000;}

.product_class_box{margin-top: 103px;}



/* 头部 */

.header,.topbak{position:relative; height:100px;}

.header{ width:100%; z-index:200; background:#fff;}

.header .logo a{float:left; height:100px; width:160px; background:url("../images/logo.png") no-repeat left center; background-size: 100%;  display:block; text-indent:-999em;}



/* 导航 */

.nav-site { height:100px; overflow:hidden;*zoom:1; float: right; }

.nav-site li{float:left; height:100px; padding-top:30px;color:#333; width:100px; text-align:center; z-index:9; background-size:100%; background-repeat: no-repeat; }

.nav-site li a{color:#333;  font-size:16px; font-family:'Microsoft YaHei'; text-decoration:none; }

.nav-site li a span{ font-size:16px; }

.nav-site li a:hover{ color:#8b1b0d;}

.selecteddd a span{color:#8b1b0d;}





.fr.menu .text-black li:hover .nav-two-site{display: block;}

.nav-site li:hover .nav-two-site{display: block;}

.nav-two-site{display: none; width:200px; position: absolute;top:66px;  }

.nav-two-site li{line-height: 35px; padding-top: 0; margin-left: 0px;}

/*.nav-two-site li:hover{background: #963938; }*/

.nav-two-site li:hover a span{color: #8b1b0d;}

.nav-two-site li a {color: #4c4c4c; }

.nav-two-site li a span{font-size: 14px !important; color: #333;}

.nav-two-site li a:hover{color: #fff;}

/*.nav-two-site .selecteddd{background: #963938;}*/

.nav-two-site .selecteddd a span{color: #963938;}





.nav-site li ol{ width:400px;position:absolute;top:88px; left:0; z-index:99; display:none}

.header .nav-site li ol dd{ float:left; margin:0 3px; line-height:35px;}

.header .nav-site li ol dd a{ line-height:35px; background:url("../images/ico.png") no-repeat 0px 3px; padding-left:10px; color:#555; font-size:12px}





.banner{ position:relative;*zoom:1; z-index:99; margin: auto;}

.banner .swiper-container {width: 100%;  height: auto; text-align: center;}

.banner .swiper-container img{width: 100%;}

.banner .swiper-button-next{display: none;}

.banner .swiper-button-prev{display: none;}

.banner .swiper-pagination-bullet{background: #fff !important;}

.banner .swiper-pagination-bullet-active{background: #963938 !important;}



.service{padding: 30px 0; background: #ffffff;}

.service .title{background: url("../images/tit_bg.jpg") no-repeat center top; text-align: center;}

.service .title h2{color:#6d6d6d; font-size:18px; font-weight:normal; line-height:30px; height:30px; margin: 0;}

.service .title span{color:#9d9d9d; font-family:"Verdana"; line-height:25px;}

.service ul{padding: 30px 0;}

.service ul li{float: left; width: 25%; text-align: center; border-bottom: 4px solid #ffffff; cursor: pointer;}

.service ul li div{border-radius: 50px; width: 100px; height: 100px; border: 5px solid #0583F2; padding: 3px; line-height: 100px; text-align: center; margin: auto;}

.service ul li div span{background: #0583F2; width: 84px; height: 84px; display: block; border-radius: 42px; margin: 0 auto; color: #ffffff;}

.service ul li:hover{border-bottom: 4px solid #4da422;}

.service ul li:hover div{border-color: #4da422;}

.service ul li:hover div span{background: #4da422;}

.service ul li div i{font-size: 40px;}

.service li h3{color:#747474; font-size:20px; margin:8px 0 12px;}

.service li p{ height:45px; line-height:22px; color:#999999; font-size:14px;}







.news{padding: 30px 0; background: #ffffff;}

.news .title{background: url("../images/tit_bg.jpg") no-repeat center top; text-align: center;}

.news .title h2{color:#6d6d6d; font-size:18px; font-weight:normal; line-height:30px; height:30px; margin: 0;}

.news .title span{color:#9d9d9d; font-family:"Verdana"; line-height:25px;}

.news .list{padding: 20px 0;}

.news .list li{float: left; width: 50%; padding: 10px;}

.news .list li .time{float: left; border: 1px solid #efefef; border-radius: 5px; width: 80px; line-height: 35px; text-align: center;}

.news .list li .time .day{font-size: 24px; line-height: 40px; border-bottom: 1px solid #efefef; color: #333333; font-weight: bold; display: block;}

.news .list li .time .moth{font-size: 16px; color: #ffffff; line-height: 35px; background: #0583F2; border-radius: 0 0 5px 5px; display: block;}

.news .list li .info{float: left; width: 430px; padding-left: 15px;}

.news .list li .tit{font-size: 16px; color: #333333; padding-bottom: 5px; display: block; overflow: hidden;}

.news .list li .des{line-height: 25px; display: block; overflow: hidden;}



.p-banner{ height:430px; text-align:center;}



.art-page{padding: 80px 0 20px 0; position: relative; z-index: 1;}

.art-page .prev,.art-page .next{position: absolute; top: 300px; font-size: 8rem; z-index: 10000; display: inline-block;}

.art-page .prev:hover,.art-page .next:hover{color: #4da422}

.art-page .prev{left: -80px;}

.art-page .next{right: -80px;}



.photo-nav{ padding: 15px 0; text-align: center;}

.photo-nav li{display: inline-block; margin: 0 5px;}

.photo-nav li a{display: block; color: #333333; background: #ffffff; padding: 0 20px; height: 35px; line-height: 35px; border-radius: 5px;}

.photo-nav li a:hover,.photo-nav li a.active{background: #4da422; color: #ffffff;}



.left-nav{width: 230px; padding-bottom: 20px; display: inline-block;}

.left-nav ul{width: 100%; border: 1px solid #efefef; border-radius: 5px; background: #ffffff;}

.left-nav ul li{line-height: 35px; border-bottom: 1px solid #efefef;}

.left-nav ul li a{color: #337ab7; padding: 0 15px; display: block;}



.art-list{padding-bottom: 20px; width: 830px; float: right; border-radius: 5px;}

.art-list .list{padding: 0; background: #ffffff;}

.art-list .list li{float: left; width: 100%; padding: 10px; border-bottom: 1px solid #efefef;}

.art-list .list li .time{float: left; border: 1px solid #efefef; border-radius: 5px; width: 80px; line-height: 35px; text-align: center;}

.art-list .list li .time .day{font-size: 24px; line-height: 40px; border-bottom: 1px solid #efefef; color: #333333; font-weight: bold; display: block;}

.art-list .list li .time .moth{font-size: 16px; color: #ffffff; line-height: 35px; background: #0583F2; border-radius: 0 0 5px 5px; display: block;}

.art-list .list li .info{float: left; width: 730px; padding-left: 15px;}

.art-list .list li .tit{font-size: 16px; color: #333333; padding-bottom: 5px; display: block; overflow: hidden;}

.art-list .list li .des{line-height: 25px; display: block; overflow: hidden;}



.art-detail{border: 1px solid #efefef; border-radius: 5px; background: #ffffff;}

.art-heading{border-bottom: 1px solid #efefef; padding: 15px;}

.art-heading .title{font-size: 24px; color: #000000; text-align: center; padding: 10px 0;}

.art-heading .info{text-align: center; font-size: 12px; padding: 10px 0;}

.art-body{padding: 20px;min-height: 300px;}



.photo-list{text-align: center;}

.photo-list .list{margin: 0; padding: 0; margin-top:37px; overflow:hidden;}

.photo-list .list li{float:left; width:339px; padding:10px;}

.photo-list .list li .casethumb{ height:181px; position:relative; overflow:hidden;*zoom:1;}

.photo-list .list li .casethumb a:hover{ text-decoration:none}

.photo-list .list li .vlock{ display:none; width:339px; height:181px; position:absolute; top:0; left:0; z-index:100; background:url("../images/caselock.png") no-repeat 0 0;}

.photo-list .list li .vlock p{ color:#fff; font-size:14px; text-align:center; margin-top:120px; height:30px;}

.photo-list .list li:hover .vlock{ display:block;}



.photo-box{ height:500px; border-top:1px solid #efeded; margin-top:0px; position:relative;*zoom:1; z-index:99;}

.photo-box li{list-style: none; height: 500px; width: 100%; background: #efefef;}

.photo-box ul li { float: left; }

.photo-box ul li img{width: 100%;}

.photo-box .dots{position: absolute; bottom: 20px; text-align: center; width: 100%;}

.photo-box .dots .dot{display: inline-block; cursor: pointer; margin: 0 5px; width: 20px; height: 20px; border-radius: 10px; background: #0583F2; color: #0583F2; font-size: 0;}

.photo-box .dots .active{background: #ffffff; color: #ffffff;}



.product{background: #ffffff; padding: 20px 0;}

.product .icon{font-size: 16rem; padding: 30px 0;}

.product .info{padding: 30px 0; width: 850px;}

.product .info .desc{padding: 20px 0; line-height: 25px; color: #666666;}

.product .info .title{font-size: 3rem; font-weight: bold; color: #333333;}

.pagination {margin: 20px 16px;}

.index-box .pagination { position: fixed;z-index: 100;margin-top: -81.5px;top: 50%;right: 17px;}



.contact-box{background: #eee9d5; min-height: 900px; background: url('../images/ditu.jpg') no-repeat 100% 100%; background-size: 100% 100%;}

.contact-box .content{padding-top: 25%;}

.contact-box .content .top p{color: #fff; margin-bottom: 10px; font-size: 18px;}

.contact-box .content .top img{width:120px; }

.contact-box .content .center{margin-top: 30px; width:90%; margin-left:5%;}

.contact-box .content span{color: #fff; margin-right: 25px; font-size: 18px; line-height: 45px;}





.footer{width: 100%; background: url("../images/foot_bg.jpg");padding:16px 0 66px 0;}

.footer .list{text-align: left; padding-top: 30px;padding-left: 6px;}

.footer .list li{text-align: center; border-left: 1px solid #312e2e;}

.footer .list a{color: #999; padding: 0 10px 0 10px;}

.footer .col-sm-3{width: 20%; !important;}

.footer .lists li{border-right: 1px solid #312e2e;}

.footer .border-none{border: 0px !important;}

.footer .list_mobile{padding-top: 30px;}

.footer .list_mobile li{ width: 50%;padding-left: 70px;line-height: 35px;}



.foot-copyright{height: 30px; margin-top: 12px; background: #fff;}

.foot-copyright p{ text-align: center;}

.none-padding {

    padding: 0 !important;

}



.swiper-container-vertical img{max-width: 100%;}



.slide5 .swiper-slide img{min-height: 289px;}



/*

*2016-10-25

*limaorong

*/

/*2017-10-21 页面改版*/

.warp .row{margin-left: 0px; margin-right: 0px;}

.text-indent{text-indent: 2em;}

.bg-none{background: none;}

.bg-color{background: #ebeaeb;}

.push-70-t{margin-top: 70px !important;}

.push-70{margin-bottom: 70px !important;}

/*首页*/

.warp.row .detail_nav{padding-top: 130px;}

.index-box .swiper-slide{background-position:50% 50%; position:relative; background-size: 100% 100%;}

.slide1{background-image:url('../images/banner_bg.jpg');}

.slide2{background-image:url('../images/ppgs_bg.jpg');  }

.slide3{background-image:url('../images/cpzs_bg.jpg');}

.slide4{background-image:url('../images/al_bg.jpg'); }

.slide5{background-image:url('../images/hyzx_bg.jpg'); }

.slide6{background-image:url('../images/felc_bg.jpg'); }

.slide7{/* background-image: url('../images/tu.jpg');*/    background-color: #272727;}

/*.wrapper{height: 100%; position: relative;}*/

.slide1 .posdiv{position: relative;  top:30%; z-index:10; text-align: center;}

.slide2 .posdiv2{position: relative; top:30%; z-index:10;}

.slide3 .content{margin-top: 10%;}

.slide3 ul{width: 44%; margin: auto; min-height: 30px;}

.slide3 ul li{float: left; padding: 0 24px; border-left: 1px solid #333;}

.slide3 ul li:first-child{border-left: 0;}

.slide3 ul li a{color: #171717;}

.slide4 .posdiv4{position: relative; top:24%; z-index:10; }

.slide4 .bg-black-op{ padding-top:140px; padding-bottom: 150px; background-color: rgba(0, 0, 0, 0.4); }

.slide4 .wuzfengg{width: 58%; margin: auto;}

.slide5 .posdiv4{position: relative; top:30%; z-index:10; }

.slide6 .posdiv5{position: relative; z-index:10; margin-top: 29%; text-align: center;}

.slide7 .posdiv7{ width: 100%; height: 100%; }

.slide7 .posdiv7 img{margin-top:220px; max-width: 400px; z-index: 10;}

/*.slide7 .footers{background: rgba(0, 0, 0, 0.2)}*/

.slide7 .footers p{color: #eee;}

.slide7 .footers a span{color: #eee !important;}

.slide7 .footers span{color: #eee !important;}

.slide7 .footers .borb s{color: #eee;}

.slide7 .footers ul li{color: #eee;}

/*.slide7 .foot-copyrights{background: rgba(0, 0, 0, 0.2);}*/

.slide7 .foot-copyrights p{padding: 30px 0; color: #eee;}

.index-box .slide7 .index-footer{position: absolute; bottom: 0; width: 100%;}







/*产品中心*/

.product_class_box{margin-top: 104px;}

.product_class_box .class_title{background: #5e5a57; text-align: center; padding: 50px 0;}

.product_class_box .class_title img{}

.product_class_box #panda-show {}

.product_class_box #panda-show  .full { width: 100%;overflow: hidden; min-width: 1000px;}

.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: 100px;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: 100px;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{}





.list-product-box{background: #5e5a57;}



.product_list{}

.product_list ul li{margin-bottom: 30px;}

.product_list ul li img{width: 100%; height: 300px;}

.product_list ul li img:hover{}

.product_list ul li p{font-size: 16px; margin-top: -30px;color: #fff; height: 25px;}



/*预约商城*/

.yuyue_box{margin-top: 40px;padding-bottom: 60px;}

.yuyue_box .nav-tabs{border-bottom: 0px; width: 64%; margin: auto; padding-top: 20px;margin-bottom: 50px;}

.yuyue_box .nav-tabs li{margin-left: 5px;}

.yuyue_box .nav-tabs li a{color: #333; font-size: 16px;padding: 3px 15px;  border: 0px; border-radius: 0px; }

.yuyue_box .nav-tabs li a:hover{background: #842221;color: #fff;}

.yuyue_box .nav-tabs>li.active>a{border: 0px !important;}

.yuyue_box .nav-tabs li.active a{background: #842221; color: #fff;}

.yuyue_box .tab-content .tab_img .yuyue_border p{height: 50px; margin-top: 10px;}

.yuyue_box .tab-content .tab_img .yuyue_border p a{color: #333;}

.yuyue_box .tab-content .tab_img .yuyue_border .a2{float: right;padding: 4px 30px;color: #fff; margin-right: 30px;background: #4c1513;}

.yuyue_box .tab-content .tab_img .yuyue_border .a2:hover{background: #842221;}

.yuyue_box .tab-content .tab_img .yuyue_border img{border: 1px solid #666; padding: 5px; width: 100%; height: 330px;}

.tc_box{width: 400px; height: 300px; background: #fff; z-index:9999;position:fixed;top:50%;left:50%; margin:-180px 0 0 -180px; border-radius:5px; border:solid 2px #fafafa; display:none;box-shadow: 0 0 10px #666;  }

.tc_box .title{background: #fafafa; height: 50px; line-height: 50px;}

.tc_box .title p{text-align: center; color: #666; font-size: 16px;}

.tc_box .title2{text-align: center; margin-top: 20px; color: #666;}

.tc_box .form_box{margin-top: 20px;}

.tc_box .form_box input{border-color: #999; border-radius: 0px;color: #666;}

.tc_box .form_box label{margin-top: 7px;}

.tc_box .button_tj .text-center{margin-top: 30px;}

.tc_box .button_tj a{ background: #842221; color: #fff;padding: 4px 30px;border-radius: 0px;}

.theme-popover-mask { z-index: 9998;position:fixed;top:0;left:0;width:100%;height:100%; background:#000;opacity:0.4;filter:alpha(opacity=40);display:none}

.yuyue_border{position: absolute; top: 5px; left: 36%; display: none; background: #842221; color: #fff; border-color: #842221;}

.yuyue_border:hover{background: #842221 !important; color: #f5f6f7; border-color: #fff;}

.casesliderlist td:hover .yuyue_border{display: block; animation: ttt 2s 1 forwards;}

@keyframes ttt {

    0%{ opacity:0;}

    66%{opacity:0;}  /*这里表示3s的66%也就是大约2秒的时候*/

    100%{opacity:1;}

}



/*news*/

.padding-l-0{padding-left: 0;}

.padding-r-0{padding-right: 0;}

.news-box{background: #5e5a57; padding-top: 104px; padding-left: 0; padding-right: 0;}

.news-box .news_top{position: relative; padding: 0; margin: 50px 0;}

.news-box .news_top .right{position: absolute; right: 0; bottom: 0; color: #fff; text-align: right; padding-right: 0;}

.news-box .news_top .right a{ color: #fff;}

.news-box .news_list .col-sm-3{padding: 20px 20px 50px 20px; border-left: 1px solid #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 .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; margin-bottom: 60px; padding-right: 0; 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: 160px;}

.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: 104px;}

.news-detail-box .content-bo{background: #fff; margin: 40px 0 60px 0; padding: 50px;}

.news-detail-box .content-bo .title-top{font-size: 34px; color: #272727; float: left; border-bottom: 2px solid #272727; padding-right:20px; padding-bottom: 10px;}

.news-detail-box .content-bo .title-top span{font-size: 14px; margin-left: 10px; color: #666;}

.news-detail-box .content-bo .pull-right{padding-right: 0;  text-align: right;}

.news-detail-box .content-bo .pull-right a{background: #434343; color: #fff; padding: 8px 20px;}

.news-detail-box .content-bo .pull-right a img{margin-right: 10px;}

.news-detail-box .title{font-size: 18px; color: #333; text-align: center; margin: 30px 0 50px 0; }

.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;}



/*展示萝卜*/

.zhanshi-box{width: 100%; height: 100%; margin-top: 104px;}

.zhanshi-box .swiper-container .swiper-slide img{width: 100%; }

.zhanshi-box .swiper-container .swiper-button-prev{text-align:center; line-height: 80px;  height:80px; width: 80px; margin-left: 20px; opacity: 1; background: rgba(144, 13, 13, 0.5);}

.zhanshi-box .swiper-container .swiper-button-next{text-align:center; line-height: 80px; height:80px; width: 80px; margin-right: 20px; opacity: 1; background: rgba(144, 13, 13, 0.5);}

.zhanshi-box .swiper-container .swiper-button-prev img{width: 30px; height: 55px;}

.zhanshi-box .swiper-container .swiper-button-next img{width: 30px; height: 55px;}

.zhanshi-box .swiper-container .swiper-shang{ position: absolute; bottom: 20px;z-index: 1;left: 49%;}

.zhanshi-box .swiper-container .swiper-shang a{padding: 30px;margin-left: -20px;}

.zhanshi-box .swiper-container .swiper-xia{display: none; width: 100%; height: 130px; padding-top: 20px; position: absolute; bottom: 0; z-index: 1;  background: rgba(0, 0, 0, 0.45); text-align: center;}

.zhanshi-box .swiper-container .swiper-xia .a_button{ position: absolute; bottom: 120px;  padding: 5px 30px; margin-left: -30px;  border-radius: 5px; z-index: 3;   background: rgba(0,0,0,0.25);}

.zhanshi-box .swiper-container .swiper-xia  p{color: #b39a61;}



/*关于我们*/

.about-top-box{height: 100%; background: url("../images/gywm_bg1.jpg") no-repeat; background-size: 100% 100%; margin-top: 104px;}

.about-top-box .img-one{ padding-top: 15%; padding-bottom: 30px;}

.about-top-box .info{color: #fff;}

.about-top-box .img-two{padding-top: 30px; padding-bottom: 30px;}

.about-center-box{height: 100%; background: url("../images/gywm_bg2.jpg") no-repeat; background-size: 100% 100%; position: relative;}

.about-center-box .about-center-img{padding-top: 24%;}

#timeline { width: 800px;height: 350px;overflow: hidden; margin: 100px auto; position: relative;background: url('../images/dot.gif') left 45px repeat-x;}

#dates { width: 800px;height: 60px;overflow: hidden;}

#dates li {list-style: none; float: left; width: 100px; height: 50px;font-size: 24px;text-align: center;}

#dates a { line-height: 38px;padding-bottom: 10px; color: #fff;}

#dates .selected {font-size: 38px; color: #ffcc00;}

#issues { width: 800px; height: 350px;overflow: hidden;}

#issues li { width: 800px; height: 350px;list-style: none; float: left; color: #fff;}

#issues{}

.about-footer-box{height: 100%; background: url("../images/gywm_bg3.jpg") no-repeat; background-size: 100% 100%; position: relative;}

.about-footer-box .about-footer-img{padding-top: 244px;}

.about-footer-box .bg-tabs-box{padding: 50px 0; background: rgba(0, 0, 0, 0.49); position: absolute ;bottom: 0; width: 100%;}

.about-footer-box #panda-show  .full { width: 100%;overflow: hidden; min-width: 1000px;padding-left: 20px;}

.about-footer-box #panda-show  .content {width: 100%;margin: 0 auto; position: relative; padding: 0;}

.about-footer-box #panda-show  .cover-left {width: 2000px; position: absolute; left: -2000px;top: 0;opacity: 0.7;height: 440px; z-index: 10;}

.about-footer-box #panda-show  .cover-right {width: 2000px; position: absolute; right: -2000px;top: 0; opacity: 0.7;height: 440px; z-index: 10;}

.about-footer-box #panda-show  .swiper-container2 {overflow: visible;height: 260px;}

.about-footer-box #panda-show  .swiper-slide { height: 260px;position: relative;}

.about-footer-box #panda-show  .swiper-slide img {height: 260px; width: 184px; opacity: 0.7;-webkit-transition: all linear 300ms; transition: all linear 300ms;}

.about-footer-box #panda-show  .swiper-slide  a:hover img {opacity: 1;}

.about-footer-box #panda-show  .arrow-left {background: url('../images/alzs_zuojt.png') no-repeat 6px; background-size:50%; position: absolute;left: 0;top: 50%; margin-top: -40px;width: 30px;height: 50px;z-index: 15;}

.about-footer-box #panda-show  .arrow-right {background: url('../images/alzs_youjt.png')no-repeat 6px; background-size:50%;position: absolute; right: 18px;top: 50%;margin-top: -40px;width: 30px; height: 50px; z-index: 15;}



.about-footer-box #ztbox{width:100%;height:100%;margin:0 auto;}

.about-footer-box #ztbox #left{width:35px;height:63px;float:left;cursor:pointer;background:url('../images/alzs_zuojt.png') no-repeat;margin-top:140px; margin-left: 70px;}

.about-footer-box #ztbox #right{width:35px;height:63px;float:left;cursor:pointer;background:url('../images/alzs_youjt.png') no-repeat; margin-top:140px;}

.about-footer-box #ztbox #conter{width:870px;height:300px;float:left;display:inline;overflow:hidden;position:relative;margin:0px 10px;}

.about-footer-box #ztbox #conter ul{width:auto;height:270px;top:0px;left:0px;position:absolute;overflow:hidden;}

.about-footer-box #ztbox #conter li{width:218px;height:260px;float:left;padding:0px 5px;position:relative;}

.about-footer-box #ztbox #conter li img{width:200px;height:270px;}

.about-footer-box #ztbox #scroll{width:880px;height:18px;left:0px;bottom:-150px;cursor:pointer;position:absolute;background:url(../images/banner_bg2.jpg) repeat-x left center;}

.about-footer-box #ztbox #scroll span{width:48px;height:18px;left:0px;bottom:0px;cursor:pointer;position:absolute;background:#FFEA00;}





/*招商加盟*/

.color-f5{color: #f5f5f5;}

.join_box{height: 100%; background: url("../images/zsjm_jmsq_bg.jpg") no-repeat; background-size: 100% 100%; padding-top: 60px; padding-left: 0; padding-right: 0;}

.join_box .bg-box{background: #1e1e1e;}

.join_box .bg-top{padding: 50px 0 90px 0; text-align: center;}

.join_box .bg-box .left{padding: 30px;}

.join_box .bg-box .left img{max-width: 100%;}

.join_box .bg-box .right{padding-left: 0; padding-top: 30px;}

.join_box .bg-box .right .form_box{padding-left: 0;}

.join_box .bg-box .right .col-sm-3{padding-left: 0; text-align: right; color: #f5f5f5; padding-top: 5px;}

.join_box .bg-box .right .form_box2{padding-left: 0;}

.join_box .bg-box .right .form_box2 .join-input{width: 100%; background: #333; color: #f5f5f5; margin-bottom: 15px; height: 28px; border: 1px solid #94887c;}

.join_box .bg-box .right .input-right{padding-left: 0; padding-right: 0; color: #f5f5f5; padding-top: 5px;}

.join_box .bg-box .right .btn-sm{background: #999; border-radius: 0; border: 0; color: #fff; padding: 8px 30px;}

.join_box .bg-box .right .button_tj a{margin-right: 15px;}

.join_box .bg-box .right .form_box3{padding-left: 0;}

.join_box .bg-box .right .form_box3 label{margin-left: 5px; color: #fff;}

.join_box .bg-box .right .form_box3 .radio-width{width: 85px; float: left;}

.join-tabs-box{padding: 60px 0;}

.join-tabs-box .nav-tabs{border-bottom: 0; width: 450px; margin: auto;}

.join-tabs-box .nav-tabs li{margin-left: 20px;}

.join-tabs-box .nav-tabs li a{color: #fff; background: #96887d; border: 0; border-radius: 0; padding: 10px 32px;}

.join-tabs-box .nav-tabs li.active a{background: #574940; color: #fff; border: 0;}

.join-tabs-box .nav-tabs li.active:hover a{background: #574940; color: #fff; border: 0;}

.join-tabs-box .join-content-box{ margin-top: 60px; margin-bottom: 80px;}

.join-tabs-box .join-content-box .info{margin-top: 30px; color: #333;}

.join-tabs-box .join-content-box .list1{padding-top: 60px; text-align: center;}

.join-tabs-box .join-content-box .list1 .col-sm-2{width: 20%;}

.join-tabs-box .join-content-box .list1 p{margin-top: 10px; color: #333;}

.join-tabs-box .join-content-box .list2{padding-top: 40px;}

.join-tabs-box .join-content-box .list2 p{margin-top: 10px; color: #333;}

.join-tabs-box .join-content-box .list3{border: 1px solid #333; padding: 30px 50px 50px 50px; margin-top: 46px;}

.join-tabs-box .join-content-box .list3 li{ color: #333; margin-top: 20px;}

.width100{width: 100%;}

.join-top-box{height: 100%; background: url("../images/zsjm_jmkr_bg.jpg") no-repeat; padding-top: 160px; padding-left: 0; padding-right: 0; background-size: 100% 100%;}

.join-top-box .img2 img{max-width: 90%;}

.join-two-box{height: 100%; background: url("../images/zsjm_cgdxx_bg.jpg") no-repeat; padding-top: 60px; padding-left: 0; padding-right: 0; background-size: 100% 100%;}

.join-two-box p{background: #fff; margin-bottom: 0;}

.join-two-box p.p_title{color: #333; font-weight: 600; font-size: 16px; padding: 10px 0;}

.join-two-box p.p_info{ padding: 0 20px 10px 20px; height: 100px;}

.join-three-box{height: 100%; background: url("../images/zsjm_sysc_bg.jpg") no-repeat; padding-top: 60px; padding-left: 0; padding-right: 0; background-size: 100% 100%;}

.join-for-box{height: 100%; background: url("../images/zsjm_jmzc_bg.jpg") no-repeat; padding-top: 60px; padding-left: 0; padding-right: 0; background-size: 100% 100%;}

.join-for-box p{color:#333; font-size: 14px;}

.join-for-box .p_title{font-size: 16px; font-weight: 600;}

.join-for-box .info{}





/*detail*/

.detail_nav{padding-top: 60px;  padding-bottom: 8px;}

.detail_nav li{float: left; margin-left: 3px;}

.detail_nav li a{color: #333;}

.detail_box{width: 90%; margin: auto; padding-top: 40px;}

.detail_box .swiper{position: relative;height: 450px; border: 1px solid #999; padding-top: 12px;}

.detail_box .swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto; }

.detail_box .swiper-slide {background-size: 100% 100%; background-position: center;  }

.detail_box .gallery-top {height: 80%; width: 100%;}

.detail_box .gallery-thumbs {height: 20%; box-sizing: border-box; padding: 10px 0;  }

.detail_box .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4;  }

.detail_box .gallery-thumbs .swiper-slide-active {  opacity: 1;  }

.detail_box ul{padding-left: 30px;}

.detail_box ul li{ font-size: 14px; color: #333; line-height: 36px;}

.detail_box ul .li_title{ font-size: 16px; color: #333;}

.detail_box ul .henxian{background: #999; height: 1px; width: 80%;}

.detail_box ul .li_tishi{margin-top: 10px; margin-bottom: 10px;}



/*store*/

.store_box .store_list{margin-top: 20px;}

.store_box{padding-top: 40px; padding-bottom: 40px;}

.store_box img{max-width: 100%;}

.store_box .store_li1 a{ font-size: 18px; color: #444;}

.store_box .store_li1 span{font-size: 16px; color: #812120; float: right;}

.store_box ul li{font-size: 16px; color: #666;line-height: 28px;}

.store_box .store_li2,.store_li4{margin-top: 10px;}





@media(max-width: 1900px){

    .slide3 ul li{padding: 0px 21px;}

}

@media (max-width:1870px) {

    .slide4 .wuzfengg{font-size: 18px;}

}

@media (max-width:1800px) {

    .product_class_box .class_title img{max-width: 500px;}

    .product_class_box #panda-show  .swiper-container {height: 614px;}

    .product_class_box #panda-show  .swiper-slide { height: 614px;}

    .product_class_box #panda-show  .swiper-slide img{width: 100%; height: 614px;}

    .news-box .news_top .padding-l-0 img{max-width: 500px;}

}

@media (max-width:1780px) {

    .slide3 ul {width: 47%;}

}

@media (max-width:1700px) {

    .slide3 ul {width: 50%;}

    .slide4 .wuzfengg{font-size: 16px;}

    .product_class_box .class_title img{max-width: 450px;}

    .news-box .news_top .padding-l-0 img{max-width: 450px;}

    .about-footer-box .about-footer-img{max-width: 34%;}

	 .product_class_box #panda-show  .swiper-container {height: 580px;}

    .product_class_box #panda-show  .swiper-slide { height: 580px;}

    .product_class_box #panda-show  .swiper-slide img{width: 100%; height: 580px;}

}

@media (max-width:1600px) {

    .slide1 img{max-width: 60%;}

    .slide2 img{max-width: 50%;}

    .slide1 .posdiv{top: 35%;}

    .slide3 .index-nav .p-title{margin-top: 20px;}

    .slide3 ul{width: 50%;}

    .slide3 .index-product{min-height: 355px;}

    .slide3 .ani5-1 img{max-width: 40%;}

    .slide3 .ani5-1-2 img{max-width: 26%;}

    .slide3 .ani5-1-2.text-center img{max-width: 14%;}

    .slide3 .push-100-t{ margin-top: 60px !important;}

    .slide3 .push-50-t{ margin-top: 50px !important;}

    .slide3 .push-100{ margin-bottom: 60px !important;}

    .slide3 ul li {padding: 0 15px;}

    .slide4 .posdiv4{top:25%; }

    .slide4 .nav>li>a{font-size: 14px; padding: 10px 6px;}

    .slide4 img{max-width: 50%;}

    .slide4 .wuzfengg{width: 55%;font-size: 15px;}

    .slide4 .bg-black-op {padding-top: 80px;padding-bottom: 80px;}

    .slide5 img{max-width: 50%;}

    .slide5 .ani5-2 img{max-width: 18%;}

    .slide6 img{max-width: 50%;}

    .slide6 .h5{font-size: 14px;}

    .slide6 .posdiv5{margin-top: 22%;}

    .slide7 .borb dd{padding-bottom: 5px;}

    .slide7 .posdiv7 img { display: none;}



    .product_class_box .class_title img{max-width: 420px;}

    .product_class_box #panda-show  .swiper-container {height: 660px;}

    .product_class_box #panda-show  .swiper-slide { height: 660px;}

    .product_class_box #panda-show  .swiper-slide img{width: 100%; height: 660px;}

    .news-box .news_top .padding-l-0 img{max-width: 420px;}

}

@media (max-width:1500px) {

    .contact-box{height: 700px;}



    .slide1 img{max-width: 60%;}

    .slide2 img{max-width: 50%;}

    .slide1 .posdiv{top: 35%;}

    .slide3 .index-nav .p-title{margin-top: 20px;}

    .slide3 ul{width: 47%;}

    .slide3 .index-product{min-height: 355px;}

    .slide3 .ani5-1 img{max-width: 40%;}

    .slide3 .ani5-1-2 img{max-width: 26%;}

    .slide3 .ani5-1-2.text-center img{max-width: 14%;}

    .slide3 .push-100-t{ margin-top: 60px !important;}

    .slide3 .push-50-t{ margin-top: 50px !important;}

    .slide3 .push-100{ margin-bottom: 60px !important;}

    .slide3 ul li {padding: 0 15px;}

    .slide4 .posdiv4{top:25%; }

    .slide4 .nav>li>a{font-size: 14px; padding: 10px 6px;}

    .slide4 img{max-width: 50%;}

    .slide4 .wuzfengg{width: 55%;}

    .slide4 .bg-black-op {padding-top: 80px;padding-bottom: 80px;}

    .slide5 img{max-width: 50%;}

    .slide5 .ani5-2 img{max-width: 18%;}

    .slide6 img{max-width: 50%;}

    .slide6 .h5{font-size: 14px;}

    .slide6 .posdiv5{margin-top: 22%;}

    .slide7 .borb dd{padding-bottom: 5px;}

    .slide7 .posdiv7 img {display: none;}

    /*.slide7 .foot-copyrights p {padding: 0 0 30px 0;}*/



    .product_class_box .class_title img{max-width: 350px;}

    .product_class_box #panda-show  .swiper-container {height: 635px;}

    .product_class_box #panda-show  .swiper-slide { height: 635px;}

    .product_class_box #panda-show  .swiper-slide img{width: 100%; height: 635px;}

    .news-box .news_top .padding-l-0 img{max-width: 400px;}



    .about-top-box .img-one{padding-top: 4%;}

    .about-top-box  img{max-width: 300px;}

    .about-center-box .about-center-img{padding-top: 15%;}

    .about-center-box  img{max-width: 200px;}

    #timeline{margin: 50px auto;}

    #dates .selected{font-size: 30px;}

    #dates li{font-size: 20px;}

    #issues h1{font-size: 24px;}

    .about-footer-box  img{max-width: 400px;}

    .about-footer-box .about-footer-img{padding-top: 15%;}

    .about-footer-box .bg-tabs-box{padding: 50px 0 0 0;}

    .about-footer-box #panda-show  .swiper-slide{height: 200px; text-align: center;}

    .about-footer-box #panda-show  .swiper-slide img{height: 200px;}

    .about-footer-box #panda-show  .arrow-right{right: 0;}



}

@media (max-width:1400px) {

    .slide3 ul{width: 52%;}

    .slide3 .push-100-t{ margin-top: 50px !important;}

    .slide3 .push-50-t{ margin-top: 40px !important;}

    .slide3 .push-100{ margin-bottom: 50px !important;}

    .slide3 ul li {padding: 0 15px;}

    .slide3 .content{margin-top: 8%;}

    .slide7 .posdiv7 img {display: none;}

    .about-footer-box .about-footer-img{padding-top: 12%;}

    .product_class_box .class_title img{max-width: 350px;}

    .product_class_box #panda-show  .swiper-container {height: 590px;}

    .product_class_box #panda-show  .swiper-slide { height: 590px;}

    .product_class_box #panda-show  .swiper-slide img{width: 100%; height: 590px;}

    /*  .product_lists_box .w1000{width: 800px;}

      .product_lists_box .caseslider{height: 600px;}

      .product_lists_box .caseslider ul, .caseslider li{width: 800px; height: 600px;}

      .product_lists_box .caseslider li{width: 800px; height: 600px;}*/

    .news-box .news_top .padding-l-0 img{max-width: 400px;}



}

@media (max-width:1360px) {

    .slide3 ul li {padding: 0 14px;}



}

@media (max-width:1310px) {

    .slide3 ul li {padding: 0 13px;}

    .slide3 ul{width: 54%;}

}

@media (max-width:1270px) {

    .slide3 ul{width: 56%;}

}

@media (max-width:1200px) {

    .slide3 ul{width: 58%;}

}



@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) {

    .index-box .swiper-slide{background-size: 300% 100% !important;  background-repeat: no-repeat;}

    .slide1{background-size: 300% 100%;}

}





@media (max-width: 414px) {

}

@media (max-width: 375px) {



}

@media (max-width: 320px) {



}