/*首页*/
	/*轮播*/
.gw-slide{ background-size: auto 100%; height: 624px; background: url(../images/idx_lb_bj.jpg) #fff center center repeat-x;}
.gw-slide .container{position: relative; height: 100%;}
.slide-title-1{ margin-top: 220px; margin-bottom: 35px;}
@media only screen and (min-width: 1200px) {
	.slide-title-1{ margin-top: 220px; margin-bottom: 50px;}
}
.slide-ms-1{ font-size: 36px; line-height: 40px; color: #fff; margin-bottom: 20px;}
.slide-text-1{ font-size: 16px; color: #fff; line-height: 22px;}
.swiper-wrapper .container{ overflow: inherit;}
.banner-main{ padding: 100px 0;}
.idx-title{ font-size: 30px; line-height:52px; margin-bottom: 60px;}
.swiper-container .swiper-pagination-bullet{ width: 30px; height: 5px; border-radius: 0; background-color: rgba(255,255,255,0.5);}
#swiperBig.swiper-container .swiper-pagination-bullet{ width:8px; height: 8px; border-radius: 50%; background-color:#1c94e4;     opacity: .3;}
.swiper-container .swiper-pagination-bullet-active{ background-color: #fff;}
#swiperBig .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #1c94e4; opacity: 1; width: 24px; border-radius: 4px;}
.slide-img-rg{ position:absolute; bottom: 0; right: 0;}
.dw-img{ padding:40px 0 35px 0;}
.dw-text{ font-size: 16px; color: #333; line-height:28px;}
.dw-fade{-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;    transition: all .3s; transform: translateY(0px); display: block;}


.dw-fade:hover{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;  transition: all .3s;}
.dw-fade.do-list:hover .do-title{ color: #fff;}
.dw-fade.do-list:hover .pifa-text{ color: #fff;}
.dw-fade:hover .dw-text{ color:#4a75ff;}
.help-bj{ background: #273138; background-size: 100% 100%;}

/*.tongdian{ margin-bottom: 20px;}*/
/*.help-bj .active{ display: none;}*/
.help-bj .banner-main:hover .active{ display:block;}
.help-bj .banner-main:hover .tongdian{ display: none;}
.help-ul li{ float: left; height: 568px; text-align: center; width: 25%; color: #fff; padding-top: 250px; position: relative; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out;  transition: all 0.35s ease-in-out;}
.help-ul li:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(39,49,56,0.5); z-index: 2;}
.help-ul li .text{ position: relative; z-index: 3; font-size: 16px; line-height: 30px;}
.help-ul li:nth-child(1){ background: url(../images/idx_help_1.jpg) center center no-repeat;}
.help-ul li:nth-child(2){ background: url(../images/idx_help_2.jpg) center center no-repeat;}
.help-ul li:nth-child(3){ background: url(../images/idx_help_3.jpg) center center no-repeat;}
.help-ul li:nth-child(4){ background: url(../images/idx_help_4.jpg) center center no-repeat;}
.help-ul li.active:after{ background-color: rgba(28,148,248,0.8);}
.help-ul li.off{ width:22%;}
.help-ul li.active{ width: 34%;}
.help-ul li.active.off{ width: 34%;}

.do-bj{ background: url(../images/do_bj.jpg) #eff3f9 bottom center no-repeat; background-size: auto 100%;}
.do-row{ margin: 0 -10px;}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.do-row{ margin: 0px;}
}
@media only screen and (min-width:768px) and (max-width: 992px) {
	.do-row{ margin: 0px -15px;}
}
.do-row .col-xs-add-2{ padding: 0 10px; margin-bottom: 20px;}
.do-list{ padding-top: 45px; padding-bottom: 40px;}
.do-title{ font-size: 18px; margin-bottom: 5px; height:22px; line-height: 22px; padding: 0 10px;  overflow: hidden; display:-webkit-box; white-space: normal!important;  text-overflow: ellipsis;  word-wrap: break-word;  -webkit-line-clamp:1; -webkit-box-orient: vertical; color: #333;}
.do-text{ color: #333; font-size: 16px; line-height:26px; margin-top: 5px; height:52px; overflow: hidden; display: -webkit-box; white-space: normal!important;  text-overflow: ellipsis;  word-wrap: break-word;  -webkit-line-clamp:2; padding-top:3px;  -webkit-box-orient: vertical;}
.dw-fade{ background-color: #fff;}
/*.dw-fade:hover.do-list{ box-shadow: 0px 0px 26px rgba(0,0,0,0.16);}*/
.dw-fade:hover.do-list{ background-color: #1c94e4;}
.qfw-list{ border: 1px solid #ccc; border-top: none; display: block; position: relative;}
.qfw-list .banner-img{ margin-left: -1px; margin-right: -1px; background-color: #1c94e4; text-align: center; padding: 30px 0;}
.qfw-list:after{ content: ""; display:block; position: absolute; bottom: 0; left: 0; width: 0; height: 4px; background-color: #1c94e4;}
.qfw-list:hover:after{ width: 100%;-webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s;    transition: all .2s;}
.qfw-list .do-title{ font-size: 16px; height: 30px; line-height: 30px;}
.qfw-list .do-text{ font-size: 14px; margin-bottom:25px; color: #888; line-height: 24px; padding: 0 10px;-webkit-line-clamp:4;overflow: hidden; white-space: normal!important;  text-overflow: ellipsis;  word-wrap: break-word;-webkit-box-orient: vertical; height:96px;}
.do-row .qfw:nth-child(even) .banner-img{ background-color: #1cbce4;}
.idx-do2{ position: relative; height: auto;}
.idx-do-line{ content: ""; width: 80%; height: 1px; background-color: #cccccc; position: absolute; top:50%; left: 50%; margin-left: -40%; z-index: 2;}
.idx-do-list{ display: block; max-width: 164px; margin: 0 auto; background-color: #fff;}
.idx-do2 .col-sm-add-2{z-index: 6;}
.idx-do-list .on{ display: none;}
.idx-do-list:hover .off{ display: none;}
.idx-do-list:hover .on{ display: inline;}
.do-list:hover .do-title{ color: #1c94e4;}
.do-list:hover .do-text{ color: #1c94e4;}
/*.idx-do-list .banner-img img{ height: 90px;}*/
.idx-do-list .banner-img{ margin-bottom:10px;}
.idx-do-list .do-text{ margin-top: 0;}
.idx-do-list .do-title{ margin-bottom: 10px;}
.idx-title-l{ border-right: 1px solid #fff; width: 1px; height:30px; display: inline-block; position: relative; top: 5px;}

.xy-bj{ background: url(../images/idx_ban_bj.jpg) center center no-repeat; background-size:100% 100%;}
.xy-banner{ padding: 40px 0;}

.idx-news-bj{ background:#eee; background-size: 100% ;}
.idx-new-main{ width: 76%; margin:0 auto; display: block; padding: 25px 0; color: #333;}
.idx-new-title{font-size:26px; line-height: 36px; margin-bottom: 20px;}
.idx-new-text{ font-size: 15px; line-height:26px; margin-bottom: 20px;}
.idx-new-but{ position: absolute; bottom: 60px; right: -40px; z-index: 66;}
.idx-new-left,.idx-new-right{-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;    transition: all .3s; transform: translateX(0px);}
.idx-new-left:hover,.idx-new-right:hover{transform: translateX(-10px); -webkit-transform: translateX(-10px); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;  transition: all .3s;}

.idx-hzsj-a{ padding:0px 35px; display: block; position: relative; z-index: 100;}
.idx-hzsj-img img{ max-width: 100%; max-height: 100%; text-align: center;}
.idx-hzsj-text{ margin:0; font-size:14px; color: #333; line-height: 30px; height: 60px; overflow: hidden; display: -webkit-box; white-space: normal!important;  text-overflow: ellipsis;  word-wrap: break-word;  -webkit-line-clamp:2;  -webkit-box-orient: vertical;}
.idx-hzsj-li{ border:1px solid #F2F2F2; border-left: none; border-bottom:none; padding-left: 0; padding-right: 0; /*overflow: hidden;*/}
.idx-hzsj-li:nth-child(4n){ border-right-color: rgba(0,0,0,0);}
.idx-hzsj-li:nth-child(-n+4){ border-top-color: rgba(0,0,0,0);}
.idx-hzsj-info{ position: absolute; width: 100%; height: 100%; top:100%; left: 0; background-color: #f8f8f8; z-index: 3;}
.idx-hzsj-img img{-webkit-filter: grayscale(100%);   -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);
 -o-filter: grayscale(100%); filter: grayscale(100%); filter: grayscale(1);}
.idx-hzsj-li:hover .idx-hzsj-img img{-webkit-filter:none; -moz-filter:none;-ms-filter:none; -o-filter: none; filter: none;}

/*.idx-hzsj-a:hover{-webkit-animation-name:rubberBand; animation-name:rubberBand;}*/
.gw-more{ display: inline-block; min-width: 136px; text-align: center; line-height: 50px; height: 50px; border:1px solid #ccc; font-size: 16px; color: #333!important; border-radius: 2px;}
.idx-fangan-form input{ margin-right: 10px; display: block; height: 50px; line-height: 50px; padding:0 10px; border: none; border-radius: 2px; background-color: #fff; width: 100%;}
.idx-fangan-form button{ width: 108px; height: 50px; border:1px solid #fff; color: #fff; border-radius: 2px; text-align: center; background: none; line-height: 48px;}
.fangan-bj{background: url(../images/idx_fa_bj.jpg) center center no-repeat; background-size:100% 100%;}

/*底部导航*/
.footer-bj{ background-color: #273138; color:#737c83;}
.footer-main{ padding: 99px 0 80px 0; color: #ccc; border-bottom: 1px solid #36424a;}
.idx-about{ float: left; width: 35%;}
.idx-footer-title{ padding: 0; margin: 0; margin-bottom:10px; font-size: 16px; line-height: 36px;color: #ccc; position: relative; padding-left: 15px; font-family: "微软雅黑";}
.idx-footer-title:after{ content: ""; display: block; position: absolute; left: 0; height: 14px; width: 3px; top: 50%; margin-top: -6px; background-color: #ccc;}

.idx-about-text{ font-size: 16px; line-height:24px; color: #737c83; padding-right: 20px;  overflow: hidden; display: -webkit-box; white-space: normal!important;  text-overflow: ellipsis;  word-wrap: break-word;  -webkit-line-clamp:3; -webkit-box-orient: vertical; max-height: 118px;}
.footer-more{ display: inline-block; width: 138px; height: 38px; text-align: center; line-height: 38px; border:1px solid #808080; color: #808080; margin-top: 20px; }
.footer-more:hover{ border-color: #ccc; color: #ccc;}
.idx-contact{ width:43%; float: left; padding-left: 100px; border-left:1px solid #36424a; border-right:1px solid #36424a; padding-bottom:22px;}
.idx-contact-icon .active{ display: none;}
.idx-contact-icon{ margin-right: 15px;}
.idx-contact-icon:hover .active{ display: inline-block;}
.idx-contact-icon:hover .after{ display: none;}
.idx-footer-nav{ float: left; width: 24%; padding-left: 20px;}
.idx-footer-ul a{ width: 50%; float: left; font-size: 14px; line-height: 30px; height: 30px; overflow: hidden;display: -webkit-box; white-space: normal!important;  text-overflow: ellipsis;  word-wrap: break-word;  -webkit-line-clamp:1; -webkit-box-orient: vertical; color:#68747d;}
.idx-footer-ul a:hover{ color: #ccc;}
.idx-ewm{ width: 13.5%; float: right;color: #808080;}
.idx-ft-phone{ font-size: 30px; font-weight: bold; line-height: 32px; color: #737c83;}
.idx-ft-time{ font-size: 12px; color: #737C83; line-height: 16px;}
.phone-name{ padding-top: 20px;}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.idx-contact{ width: 33%;}
	.idx-ewm{ width: 19.5%;}
}

/*批发分销解决方案*/
.pifa-head-bj{ background: url(../images/ny_ban_bj.jpg) center center no-repeat; background-size: 100% 100%; height: 285px;}
.pifa-head-text{ text-align: center; margin-top: 134px; font-size:46px; line-height: 60px; color: #fff; font-family: "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Helvetica, Arial, Verdana, sans-serif;}
.pifa-head-text img{ margin-right:10px; position: relative; top: -3px;}
.pifa-lunbo-text{max-width: 970px; margin:0 auto; padding:30px 90px; position: relative;}
.pifa-icon-left{ position: absolute; top: 20px; left: 20px;}
.pifa-icon-right{ position: absolute; top: 20px; right:20px;}
.pifa-icon-text{ font-size: 16px; line-height:46px; color: #555; margin-bottom: 20px;}
.pifa-swiper .swiper-pagination-bullet{ background-color: #f44858;}
.pifa-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 20px; border-radius: 5px;}
.pifa-ban{  background-size:100% 100%; height: 100px; line-height: 100px; overflow: hidden;  cursor: pointer;}
.pifa-ban-bj1{background: url(../images/pifa_ban1.jpg)center center no-repeat;}
.pifa-ban-bj2{background: url(../images/pifa_ban2.jpg)center center no-repeat;}
.pifa-ban-bj3{background: url(../images/pifa_ban3.jpg)center center no-repeat;}
.pifa-ban-bj4{background: url(../images/pifa_ban4.jpg)center center no-repeat;}
.pifa-ban span{ display: block; background-color: rgba(38,40,42,0.6); padding: 0 20px; height: 100%; font-size: 26px; color: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.pifa-ban span:hover{background-color: rgba(32,76,219,0.75);}
.pifa-ys-ban{ height: 240px; background: url(../images/pifa_ban_bj.jpg) center center no-repeat;}

.js-list-tx{ padding: 0;}
.list-tx-ban{position: relative;}
.list-tx-ban a{width: 100%;height: 100%; display: block; color: #333; position: relative; z-index: 3;}
.list-tx-ban:after{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; display: block; -webkit-transition: transform 300ms linear;-moz-transition: transform 300ms linear;
  -o-transition: transform 300ms linear;  -ms-transition: transform 300ms linear; transition: transform 300ms linear;}
.list-tx-ban:hover:after{
	background:-webkit-gradient(linear, 0 0,0 100%, from(#06ecfc), to(#42b6fc));
    z-index:5;
    -webkit-transform: scale(1.05);  
    -moz-transform: scale(1.05);  
    -ms-transform: scale(1.05);   
    -o-transform: scale(1.05);
    transform: scale(1.05);    
    box-shadow:0px 0px 10px rgba(66,182,252,1); 
}
.list-tx-ban:hover a{ z-index: 6;}

.list-tx-img-ban{ width: 120px; position: relative; height: 120px; position: absolute; top: 18%; left: 50%; margin-left: -60px; display: block; -webkit-transition: top 300ms;-moz-transition: top 300ms;
  -o-transition: top 300ms;  -ms-transition: top 300ms; transition: top 300ms;}
.list-tx-img-ban img{ width: 120px; height: 120px;}
.list-tx-main{ position: absolute; padding: 0 10px; top: ; left: 0; text-align: center; width: 100%; font-size: 20px; line-height: 36px; overflow: hidden; top: 66%; -webkit-transition: top 300ms linear;-moz-transition: all 300ms linear;
  -o-transition: top 300ms linear;  -ms-transition: top 300ms linear; transition: top 300ms linear;}
.list-tx-text{ font-size:15px; line-height: 26px; padding: 15px 10px; /*margin-top:10px;*/ opacity: 0; visibility: hidden; height: 96px; color: #fff; overflow: hidden;display: -webkit-box; white-space: normal!important;  text-overflow: ellipsis;  word-wrap: break-word;  -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.list-tx-ban:hover .list-tx-img-ban{   
    -webkit-animation: moveFromBottom 100ms ease;
    -moz-animation: moveFromBottom 100ms ease;
    -ms-animation: moveFromBottom 100ms ease;
    top:4%;
}
.list-tx-ban:hover .list-tx-main{
	-webkit-animation: moveFromBottom 100ms ease;
    -moz-animation: moveFromBottom 100ms ease;
    -ms-animation: moveFromBottom 100ms ease;
    top: 46%;
    color: #fff;
 }
.list-tx-ban:hover .list-tx-text{ opacity: 1; visibility: visible;}
.list-tx-img-ban .active{ display: none;}
.list-tx-ban:hover .active{ display: inherit;}
.list-tx-ban:hover .default{ display: none;}
.do-list .active{ display: none;}
.do-list:hover .active{ display: inline-block;}
.do-list:hover .default{ display: none;}

.o2o-jz-img:hover{ background-color: #fff; }
.o2o-jz-img .active{ display: none;}
.o2o-jz-img:hover .active{ display: inherit;}
.o2o-jz-img:hover .default{ display: none;}
@-webkit-keyframes moveFromBottom {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;        
    }
}
@-moz-keyframes moveFromBottom {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;        
    }
}
@-ms-keyframes moveFromBottom {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;        
    }
}

.pifa-text{ color: #333; font-size: 16px; line-height:26px; margin-top: 5px; height:104px; overflow: hidden; display: -webkit-box; white-space: normal!important;  text-overflow: ellipsis;  word-wrap: break-word;  -webkit-line-clamp:4; padding-top:3px;  -webkit-box-orient: vertical; padding:0 30px;}
.anli{ padding: 0 6%; margin-bottom: 30px;}
.anli-img-ban img{ width: 100%;}
.anli-img-ban{ position: relative;}
.anli-img-main{ position: absolute; top:0; padding-top: 11%; left: 50%; width:200px; margin-left: -100px; z-index: 5; opacity: 0; visibility: hidden;-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;  transition: all .3s; color: #fff; height: 100%;}
.anli-img-but{ position: absolute; bottom: 60px; left: 0; text-align: center; width: 100%; padding: 0;}
.anli-img-but img{ max-width: 100%; width: auto;}
.anli-img-bj{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(39,49,56,0.8); z-index: 3;opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in;  transition: all .3s ease-in;}
.anli-img-title{ font-size:18px; line-height:32px; margin-bottom: 35px; height: 36px;}
.anli-img-text{ font-size: 14px; line-height: 30px;}
.anli-img-ban:hover .anli-img-main,.anli-img-ban:hover .anli-img-bj{ opacity: 1; visibility: visible; -webkit-transition: all .3s; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in;  transition: all .3s ease-in;}
.anli-tab-ul{ padding: 20px 0 10px 0; padding-left:3px;}
.anli-tab-a{ display: block; min-width: 92px; height: 32px; line-height: 32px; float: left; margin:14px 8px; margin-top: 0; text-align: center; text-align: center;  font-size: 14px; color: #333; text-decoration: none!important;}
.anli-tab-a:hover{ background-color: #f3f3f3; color: #333;}
.anli-tab-a.active{ background-color: #1c94e4; color: #fff;}
.anli-tab-main{ border-bottom: 1px solid #dcdcdc; position: relative;background-color: #fff;}
.anli-tab-menu{ border-bottom: 1px solid #dcdcdc; position: absolute; width: 100%; top:100%; left: 0; z-index: 6; background-color: #fff; margin-top: 1px; opacity: 0; visibility: hidden; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;transition: all .5s; -webkit-transform: translate(0,20px);  -moz-transform: translate(0,20px);  -o-transform: translate(0,20px);  -ms-transform: translate(0,20px);  transform: translate(0,20px);}
.anli-tab-menu.active{
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -o-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0);
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
 }

/*门店*/
.md-bj{ height: 1000px; background: url(../images/md_bj.jpg) top center no-repeat; background-size: cover; background-attachment: fixed;}
@media only screen and (min-width:992px){
		.md-bj{ position: relative; padding-bottom:303px; height: auto;}
		.md-ydsq{ position: absolute; bottom: 0; left: 0; width: 100%; margin: 0;}
		.md-ydsq .md-ydsq-li{ background-color: rgba(28,148,228,0.8); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;  transition: all .3s;}
		.md-ydsq .md-ydsq-li:hover{background-color: rgba(28,148,228,1);}
	}
.md-youshi-wrapper{ width: 480px; color: #fff; margin: 0 auto;}
.md-youshi{ padding: 10px; padding-left: 70px;}
.md-youshi-title{ font-size: 30px; line-height: 36px; margin-bottom:32px; position: relative;}
.md-youshi-text{ font-size: 16px; line-height: 30px;}
.md-youshi-title span{ font-size: 66px; font-family:"arial, helvetica, sans-serif"; font-style: italic; position: absolute; top: 0; left: -70px;}
.md-youshi-but{ padding-left: 70px; position: absolute; bottom: 0; right: 0px; z-index: 3;}
.md-fade{ display: block;}
.md-fade .pifa-text{height:52px; max-width: 330px; margin:0 auto; margin-bottom:15px; font-weight:normal; overflow: hidden; display: -webkit-box; white-space: normal!important;  text-overflow: ellipsis;  word-wrap: break-word;  -webkit-line-clamp:2; padding-top:3px;  -webkit-box-orient: vertical; padding:0 10px;}
.md-fade img.active{ display: none;}
/*.md-fade:hover img.active{ display: inline-block;}
.md-fade:hover img.default{ display: none;}*/
.md-fade{-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;    transition: all .3s; transform: translateY(0px); display: block;}
.md-fade:hover{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;  transition: all .3s;}

/*互联网*/
.hlw-yzs-bj{background:url(../images/hlw_bj.jpg) #eef2f7 center center no-repeat; background-size: 100%;}
.hlw-li{ display: block; line-height: 36px; padding: 15px; text-align: center; border:1px solid #1c94e4;  margin-bottom: 30px; font-size: 16px; color: #333; background-color: #eff9ff;  -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s;  transition: all .2s}
.hlw-li:hover{background-color: #1c94e4; box-shadow: none; color: #fff; box-shadow:0px 0px 20px rgba(28,148,228,0.6);}
.hlw-list{ height: 350px; display: table; width: 100%; overflow: hidden; padding: 0; text-align: center; position: relative; border-right:1px solid #c4d2e8;}
.hlw-list .hlw-img{ vertical-align: middle; display: table-cell; height: 350px; text-align: center; width: 100%;}
.hlw-info{ vertical-align: middle; display:table; height: 350px; text-align: center; width: 100%; position: absolute; top: 0; left: 0; background-color: #2096e4; visibility: hidden; opacity: 0;}
.hlw-text{vertical-align: middle; display: table-cell; height: 350px; text-align: center; padding: 0 35px; font-size: 16px; line-height: 30px; color: #fff; }
@media only screen and (max-width:768px) {
	.hlw-text{ color: #333;}
}
.hlw-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: translateY(0);  -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.hlw-info{-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: translateY(100%); -moz-transform: translateY(100%);-ms-transform: translateY(100%);-o-transform: translateY(100%); transform: translateY(100%);}
.hlw-list:hover .hlw-img{-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); opacity: 0;}
.hlw-list:hover .hlw-info{visibility: visible; opacity: 1;-webkit-transform: translateY(0%); -moz-transform: translateY(0%);-ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}

.hlw-tf-title{ text-align: center; padding: 50px 20px; font-size: 24px; line-height: 32px;}
.hlw-yzs-but{ border: none; color: #fff!important;background:-webkit-gradient(linear, 0 0, 100% 0, from(#0054ff), to(#00a8ff)); box-shadow: 4px 7px 10px rgba(0,86,255,0.3);}

.hlw-qw-bj{background:url(../images/hlw_qw_bj.jpg) #214ddd center center no-repeat; background-size: cover;}
.hlw-qwyx-info{ min-height: 510px; padding: 15px 17px; padding-top: 80px; text-align: center; color: #fff; display: block; position: relative; z-index: 3;}
.hlw-qwyx-title{ font-size:60px; font-family:"bodoni mt black,arial"; font-style: italic; margin-bottom:25px; height: 70px; line-height: 70px; overflow: hidden; white-space: normal!important;  text-overflow: ellipsis;  word-wrap: break-word;  -webkit-line-clamp:1;}
.hlw-qwyx-text{ font-size:16px; line-height:30px; letter-spacing: 2px; text-align: left; height: 180px;overflow: hidden; display: -webkit-box;white-space: normal!important; overflow: hidden;  text-overflow: ellipsis;  word-wrap: break-word;  -webkit-line-clamp:5; -webkit-box-orient: vertical;}
.hlw-qwyx-info{-webkit-transition: all 0.3s; -moz-transition: all 0.3s;  transition: all 0.3s; cursor: pointer;}
.hlw-qwyx-info:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(28,188,228,1)),color-stop(100%, rgba(0,168,255,0))); padding-top:15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;  transition: all 0.3s;}
.hlw-qwyx-info:hover .hlw-qwyx-text{ height: 288px; -webkit-line-clamp:8;}
.hlw-qwyx-main{ position: relative;}
.hlw-qwyx-main:after{ content: ""; width: 100%; height: 1px; background-color: #126dcb; display: block; position: absolute; top: 115px; left: 0; z-index: 2;}

/*零售*/
.ls-but{ display: block; line-height: 40px; padding: 35px 15px; text-align: center; font-size: 20px; color: #555555; /*box-shadow: 4px 7px 10px rgba(0,86,255,0.3);*/ border:1px solid #e5e5e5; border-radius: 2px; position:relative;}
.ls-but:hover,.ls-but:active,.ls-but:focus{ color:#fff; background-color: #1c94e4; box-shadow:0px 0px 20px rgba(28,148,228,0.4);}
.ls-but:after{ display: block; content:""; position: absolute; width: 100%; height: 4px; background-color: #2096e4; bottom: 0; left: 0;}
.ls-banner .pifa-ban span{-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition: none;}
.ls-banner .pifa-ban span:hover{background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(35,86,252,0.75)),color-stop(100%, rgba(57,255,90,0.75)));}
.index-ban4{ background-color:#F7F7F7; background-image: none; color: #555555;}
.index-ban4-ul{ padding: 0 5px;}
.index-ban4-li{ display: block; background-color: #1c94e4; position: relative;}
.index-ban4-li:hover{ background-color: #1cbce4;}
.index-ban4-li:hover .idx-ys-text{ color: #1cbce4;}
.index-ban4-li:after{content: ""; display:block; position: absolute; bottom: 0; left: 0; width: 0; height: 4px; background-color: #1cbce4;}
.index-ban4-li:hover:after{ width: 100%;-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in;    transition: all .3s ease-in;}
.index-ban4-li .on{ display: none;}
.index-ban4-li:hover .off{ display: none;}
.index-ban4-li .on{ display: inline-block;}
.index-ban4-tit{ text-align: center; color: #fff; font-size: 18px; padding-top: 35px; padding-bottom:70px;}
.index-ban4-icon{ width: 120px; height: 120px; display: block; position: absolute; top: 74px; left: 50%; margin-left:-60px; background-color:rgba(0,0,0,0.1); overflow: hidden; border-radius: 50%; padding:8px;}
.index-ban4-icon img{ max-width: 100%;}
.index-ban4-icon em{display: block; background-color: #FFF; width: 100%; height: 100%; text-align: center; color: #3A99E9;border-radius: 50%; overflow: hidden; font-size: 12px; line-height: 0;}
/*.index-ban4-li:hover .index-ban4-icon i{ color: #FF9A00;}*/
.index-ban4-icon i{ font-size: 50px; line-height: 100px; color: #02D5B2;}
.index-ban4-main{ margin-top:15px;}
.index-ban4-text{display: block; background-color: #fff; padding: 85px 15px 15px 15px; min-height: 250px;}
.idx-ys-text{ max-width: 190px; margin:0 auto; font-size: 14px; line-height: 30px; text-align: left; color: #333;}
@media (min-width: 800px){
	.index-ban4-text{padding: 90px 30px 30px 30px;}
	.index-ban4-main{ margin-top:60px;}
}

.index-ban4-text p{ line-height: 26px; height: 100px; overflow: hidden;}
.index-ban4-but{ display: inline-block; height: 28px; padding: 0 23px; line-height: 28px; font-size: 12px; background-color: #02D5B2; color: #fff; border-radius: 20px; margin-top: 10px;}
.index-ban4-li:hover .index-ban4-but{background-color: #FF9A00;}
@media (min-width: 992px){
	.index-ban4-ul{ padding: 0 12px;}
}


.ls-fa-bj{ min-height:900px; background: url(../images/ls_fa.jpg) top center no-repeat; background-size: cover; background-attachment: fixed;}
.ls-al-ul{ width: 854px; height: 540px; margin: 0 auto; padding: 0;}
.ls-al-li{ float: left; width: 210px; margin:0 5px; height: 100%; padding:40px; text-align: center; background-color: rgba(28,148,228,0.4); padding-top: 210px; font-size:20px; color: #fff; -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;}
.ls-al-li span{ line-height: 32px; height: 32px; overflow: hidden;display: -webkit-box; white-space: normal!important;  text-overflow: ellipsis;  word-wrap: break-word;  -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.ls-al-li.active{ width: 404px; background:-webkit-gradient(linear, left top, right top, color-stop(15%, rgba(1,76,201,0.8)),color-stop(100%, rgba(32,150,228,0.8))); padding-left: 75px;padding-right: 75px;}
.ls-al-li.active span{ height: auto; -webkit-line-clamp:4;}



/*商品*/
.shop-bj{ min-height:960px; background: url(../images/shop_bj.jpg) bottom center no-repeat; padding-top:25px;}
.shop-nav-ul{ width: 180px; margin-right:50px; padding: 0;}
.shop-nav-ul li{ margin: 0; padding: 0; position: relative;}
.shop-nav-title .shop-nav-a{ font-size: 20px; background-color: #2096e4; color: #fff; border-bottom: 1px solid #fff;}
.shop-nav-title .shop-nav-a:hover{background-color:#2096e4; color: #fff;}
.shop-nav-a{ display: block; background-color: #fff; height: 60px; line-height: 60px; font-size: 16px; border-radius: 1px; padding: 0 10px!important; margin: 0; text-align: center; color: #b2b2b2;}
/*.shop-nav-ul .shop-nav-a:hover{ background:#fff; color: #b2b2b2;}*/
.shop-nav-ul li.active .shop-nav-a,.shop-nav-ul li.active .shop-nav-a:hover{background:#e2eef6; color: #2096e4;}
.shop-nav-ul li.active:after{ content: ""; display: block; width: 4px; height: 100%; position: absolute; top: 0; left: 0; background-color: #2096e4;}
.shop-nav-ul .shop-nav-a:hover{ background-color: #fff; color: #B2B2B2;}
.shop-list-ban{ height: 180px; width: 100%; display: table; background-repeat: no-repeat; background-size: cover;}
.shop-list-info{ padding: 0 15px; margin-bottom: 30px;}
.shop-list-info:nth-child(odd){ padding-left: 0;}
.shop-list-info:nth-child(even){ padding-right: 0;}
.shop-list-text{ display: table-cell; vertical-align:middle; text-align: center; background:rgba(39,49,56,0.8); font-size: 20px; line-height: 36px; color: #fff;}
.shop-list-text img{ position: relative; top: -1px; margin-right: 5px;}
.shop-list-ban:active,.shop-list-ban:focus{ text-decoration: none;}
.shop-list-ban:hover{ box-shadow: 4px 7px 20px rgba(0,86,255,0.3);}
.shop-list-ban:hover .shop-list-text{ background:rgba(32,150,228,0.8);}
/*.color-style .shop-list-ban:hover .shop-list-text{ background:rgba(32,150,228,0.8);}*/
/*.color-style .shop-list-ban:hover{ box-shadow: 4px 7px 20px rgba(13,180,8,0.3);}*/
.shop-list-text em{ font-size:28px; text-transform: uppercase;}


/*案例*/
.anli-head-bj{background: url(../images/anli_banner.jpg) center center no-repeat; background-size:cover; height:400px;}
/*.anli-list-main .anli{ padding: 0 8px; margin-bottom: 40px;}
.anli-list-main .anli-img-main{ top: 23%;}*/

.anli-nav-ul{width: 100%; margin-bottom: 60px; overflow: hidden;}
.anli-nav-ul li{ float: left; padding: 0 1px; width: 20%;}
.anli-nav-ul a{ display: block; padding: 0; width: 100%; line-height: 60px; border-bottom:4px solid #ccd4e0; background-color: #fff; color: #a1b0c6; font-size: 18px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;  transition: all 0.2s;}
.anli-nav-ul li a:hover{ background-color: #fff; color: #1c94e4; border-color:#1c94e4;}
.anli-nav-ul li a:active,.anli-nav-ul li a:focus{ background-color: #fff; }
.anli-nav-ul li.active a{ border-color:#1c94e4;color: #1c94e4;}
@media only screen and (min-width:992px ) {
	/*.anli-list-main .js-img-size{ width: 319px; height: 319px;}
	.anli-logo img{ height: 100px;}*/
}
@media only screen and (min-width:1200px ) {
	/*.anli-list-main .js-img-size{ width: 388px; height: 388px;}
	.anli-logo img{height:121px;}*/
}

/*020*/
.o2o-fa-but{display: table; table-layout: fixed; height: 130px; background-color:#fff; width: 100%; position: relative; z-index: 3; }
.o2o-fa-but span{color: #333333; display: table-cell; overflow: hidden; width: 1%; font-size: 16px; line-height:24px; padding: 0 25px; max-height: 108px; vertical-align: middle;}
.o2o-fa-but:hover span{ color: #1c94e4;}
@media only screen and (min-width:768px ) {
	.o2o-fa-col:after{ content: ""; display: block; width:calc(100% - 20px); height:130px; background-color: #fff; position: absolute; top: 0; left:10px; z-index:1;  -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;}
.o2o-fa-col:hover:after{ height: 140px; top: -5px; box-shadow: 10px 10px 32px rgba(4,59,133,0.46);}
}
.o2o-fa-main{ margin: 0 -10px;}
.o2o-fa-col{ padding: 0 10px;}
.o2o-fa-bj{min-height:924px; background: url(../images/o2o_fa_bj.jpg) top center no-repeat; background-size: cover; background-attachment: fixed;}
.o2o-jz-main .idx-hzsj-li{ border: none;}
.o2o-jz-main .list-tx-ban:hover{ background:rgba(255,255,255,0.5); box-shadow: none; -webkit-transform: scale(1.05);  
    -moz-transform: scale(1);  
    -ms-transform: scale(1);   
    -o-transform: scale(1);   
    transform: scale(1);
    }
.o2o-jz-main .list-tx-text{ color: #333; -webkit-line-clamp:3; height: 84px; padding: 0 10px; margin: 15px 0;}
.phone-b-text{ font-size: 16px; line-height:28px; max-width:840px; margin: 0 auto;}
.o2o-jz-img{ width: 110px; height: 110px; margin: 0 auto; border: 1px solid #fff; border-radius: 50%; overflow: hidden;}
.o2o-jz-img img{width: 100%; height: 100%;}
.o2o-jz-main .popover{ box-shadow: none; border-radius: 0;}
.o2o-jz-main .popover.bottom{margin-top:15px;}
.o2o-jz-main .popover-content{ color:#1c94e4; line-height: 24px; font-size: 14px;}
.o2o-jz-main .popover-title{ background: none; border-bottom: none; font-size:16px; line-height: 28px; padding-bottom:5px; color: #666666;}

.b2c-td-main .b2b-fa-col .o2o-fa-but{ background-color: #1c94e4; }
.b2c-td-main .b2b-fa-col .o2o-fa-but span{ color: #fff;box-shadow: none;}
.b2b-fa-col .o2o-fa-but:hover{ background-color: #1cbce4;}
.b2b-fa-col .o2o-fa-but:hover span{ box-shadow: 0 0 20px rgba(28,148,228,0.6);}
/*B2C*/
.b2c-td-main{ margin: 0 -10px;}
.b2c-td-main .o2o-fa-but{height: 80px; background-color:#f44858;}
.b2c-td-main .o2o-fa-but span{line-height: 30px; padding: 0 25px; max-height:80px; vertical-align: middle; box-shadow:4px 6px 8px rgba(244,72,88,0.2);}
.b2c-fa-bj{background:url(../images/b2c_fa_bj.jpg) #eef2f7 center center no-repeat; background-size: cover; background-attachment: fixed; min-height: 900px;}
.b2c-fa-main .hlw-list,.b2c-fa-main .hlw-img{ height: 240px;}
.b2c-fa-main .hlw-list{ background-color: rgba(1,144,254,0.6); border:1px solid #283238; }
.b2c-fa-main .do-title{ color: #fff; font-size:16px; line-height: 32px; height:64px; -webkit-line-clamp:2;}
.b2c-fa-main .hlw-info{ height: 240px; top: auto; bottom: 0; -webkit-transform: translateY(20%); -moz-transform: translateY(20%);-ms-transform: translateY(0%);-o-transform: translateY(20%); transform: translateY(20%);}
.b2c-fa-main .hlw-list:hover .hlw-img{-webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); -o-transform: translateY(-40%); transform: translateY(-40%); opacity: 0;}
.b2c-fa-main .hlw-text{ height: 240px; color: #fff; background-color: #1c94e4;}
.b2c-fa-main .col-xs-4:nth-child(3n) .hlw-list{ border-right-color: rgba(255,255,255,0);}
.b2c-cpjz-bj{background:url(../images/b2c_cpjz_bj.jpg) #eef2f7 center center no-repeat; background-size: cover; background-attachment: fixed; min-height: 818px;}
.b2c-kf-main{ position: relative; padding: 10px 35px;}
.b2c-kf-number{ font-size: 18px; font-family: arial; color: #cdcdcd; margin-bottom: 5px;}
.b2c-kf-info{ border:1px solid #0076ff; border-radius: 2px; display: table; table-layout: fixed; height:78px; min-height: 78px; width: 100%; color: #0076ff; background-color: #fff; box-shadow: 4px 4px 12px rgba(0,86,255,0.2);}
.b2c-kf-info span{display: table-cell; overflow: hidden; vertical-align: middle; width: 1%; font-size: 16px; line-height: 24px; padding: 10px;}
.b2c-kf-rg{ display: block; width: 32px; height: 9px; position: absolute; bottom:50px; right:-16px;}
.b2c-kf-info:hover{background:-webkit-gradient(linear, left top, right top, color-stop(15%, rgba(0,86,255,0.9)),color-stop(100%, rgba(0,167,255,0.9))); color: #fff; cursor: help; border:none; padding: 1px;}
.b2c-kf-main .popover{ box-shadow: none; border-radius: 0;}
.b2c-kf-main .popover.top{margin-top: -15px;}
.b2c-kf-main .popover-content{ color:#8e8e8e; line-height: 26px;}
.b2c-kf-main .popover-title{ background: none; border-bottom: none; font-size:16px; line-height: 28px; padding-bottom:5px; color: #666666;}

.b2c-kf-main.no-end .b2c-kf-rg{ display: none;}
.b2c-kf-main.no-end:hover .b2c-kf-info{ color: #22ac38!important; background: #fff!important;}
.b2c-kf-main.no-end .b2c-kf-info{ color:#22ac38;border:1px solid #22ac38!important;}
.b2c-kf-main:last-child .b2c-kf-rg{ display: none;}

/*b2b*/
.b2b-cpgn-bj{ background: url(../images/b2b_cpgn_bj.jpg) #eff3f9 bottom center no-repeat;background-size: cover; }

/*b2b2c*/
.b2b2c-fa-bj{ background: url(../images/b2b2c_jjfa_bj.jpg) #eff3f8 top center no-repeat; background-size: 100%;}
.b2b2c-fa-main .anli-nav-ul a{ background: none!important;}
.b2b2c-fa-main .anli-nav-ul li{ width: 33.33%;}
.b2b2c-fa-info{ max-width: 600px; font-size: 16px; line-height: 36px; text-align: left;}
@media only screen and (min-width: 1200px){
	.b2b2c-fa-info{ padding-left: 60px;}
}
.b2b2c-fa-img{ width: 60px; text-align: right;}
.b2b2c-cpjz-bj{background:url(../images/b2b2c_cpjg.jpg) #eef2f7 center center no-repeat; background-size: cover; background-attachment: fixed; min-height: 800px;}


/*学院*/
.xueyuan-head-bj{ background: url(../images/xy_banner.jpg) center center no-repeat; background-size: cover; height: 400px;}
.xueyuan-head-bj .pifa-head-text{ margin-top: 180px;}
.xueyuan-nav{ border-bottom: 1px solid #ccc; background-color: #fff;}
.xueyuan-a{ display: inline-block; height: 50px; line-height: 50px; padding: 0 40px; color: #333; margin-right: -4px;}
.xueyuan-a:hover{ background-color: #e8f4fc;}
.xueyuan-a.active{ background-color: #1c94e4; color: #fff;}
/*.text-box p{ padding-bottom: 10px;}*/
.text-box p{line-height: 28px; color: #555555; font-size: 14px;}
.xueyuan-title{ border-bottom: 1px solid #eee; padding-bottom: 26px;}
@media only screen and (min-width:1200px) {
	.text-box p{ font-size: 14px; line-height: 32px;}
}
@media only screen and (max-width:768px ) {
	.text-box img{ max-width: 100%;}
}

/*培训干货*/
.peixun-list li{border-bottom: 1px solid #eeeeee; background-color: #fff; padding: 10px;}
@media only screen and (min-width: 768px) {
	.peixun-list li:hover{ background-color: #f6f6f6;}
}
@media only screen and (max-width:760px ) {
	.peixun-list{ padding-left: 0;}
	.peixun-list li:nth-child(even){ background-color: #f6f6f6;}
	.peixun-list li:nth-child(odd){ background-color: #fff;}
}
.peixun-list li .title{ margin-top: 5px; font-size: 16px; overflow: hidden; display: -webkit-box; white-space: normal!important;  text-overflow: ellipsis;  word-wrap: break-word;  -webkit-line-clamp:1; -webkit-box-orient: vertical; color: #333;}
.peixun-list li .time .iconfont{ position: relative; top: 1px;}
.peixun-list li .time{ font-size: 12px; color: #b5b5b6;}
.peixun-list li .text{ margin-bottom:15px; overflow: hidden; display: -webkit-box; white-space: normal!important;  text-overflow: ellipsis;  word-wrap: break-word;  -webkit-line-clamp:2; -webkit-box-orient: vertical; font-size: 12px; line-height:18px; padding-bottom: 0; color: #555;}
.peixun-list li .img{ width:130px; margin-right:0px; text-align: center;}
.peixun-list li .img img{ width: 100%;}

@media only screen and (min-width: 768px) {
	.peixun-list li .img{ width: 200px; margin-right: 10px;}
	.peixun-list li .title{ font-size: 18px; line-height:28px;}
	.peixun-list li .time{ font-size: 14px;}
	.peixun-list li .text{ font-size: 14px; line-height: 24px; height: 50px; overflow: hidden;}
}
@media only screen and (min-width:992px) {
	.peixun-list li{ padding: 25px;}
	.peixun-list li .title{ font-size: 24px; margin-bottom: 20px; height: 28px; line-height: 28px;}
}

/*常见问题*/
.new-list{ padding-left: 0;}
.new-list li{ font-size: 14px; padding: 15px 10px; border-bottom: 1px solid #eee;}
@media only screen and (min-width:992px ) {
	.new-list li{ font-size: 18px; padding: 26px 10px; line-height: 32px;}
}
.new-list li a{ color: #333333;}
.new-list li a:hover{color:#1c94e4}
.new-list li a.active{color:#1c94e4;}
.new-list li .time{ width: 140px; text-align:right;}
@media only screen and (min-width:992px ) {
	.new-list li .time{ width: 180px; text-align:right;}
}
@media only screen and (max-width:768px ) {
	.new-list li .time{font-size: 12px; width:84px;}
}

/*关于我们*/
.about-head-bj{background: url(../images/about_bj.jpg) center center no-repeat; background-size: cover; height: 400px;}
.about-head-bj .pifa-head-text{ margin-top: 180px;}
.about-work-bj{background:url(../images/about_work_bj.jpg) #eef2f7 center center no-repeat; background-size: cover; background-attachment: fixed; min-height: 752px;}
/*团队*/
.about-shop{ display: block; padding:5px 0px 10px 0px; margin-bottom: 5px;  border-radius:4px; position: relative;}
.about-shop img{}
@media only screen and (min-width: 768px) {
	.about-shop{ margin-bottom: 10px; padding:5px 5px 10px 5px;}
}
.about-shop:hover{box-shadow:0px 0px 40px rgba(0,37,62,0.06); background-color: #fff;}
.about-shop-text{ width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; color: #888888; padding: 0 10px;}
.about-shop-tit{ margin-top:10px; font-size: 16px; color: #333;}
.about-qj .iconfont{ font-size: 26px; font-weight: bold;}
.about-shop:hover .about-qj{ display: block;}
.about-shop-li{ padding: 0 5px;}
.about-logo-ban{ padding: 20px 0 10px 0;}
.about-logo-ban a{ margin-bottom: 10px;}
.about-form{ padding-top: 20px; padding-bottom: 20px;}
.about-form p{ margin-bottom: 20px;}
@media (min-width:768px){
	.about-logo-ban{ padding: 30px 0;}
}

@media (min-width:992px){
	.about-shop{padding: 10px;}
	.about-shop-text{ font-size: 14px; margin-bottom: 25px;}
	.about-shop-tit{ margin-top:24px; font-size: 18px; margin-bottom: 5px;}
	.about-form{ padding-top: 30px;}
}

/*找工作*/
.work-li{ margin: 0; padding-bottom: 40px; border-bottom: 1px solid #eee; margin-bottom: 35px;}
.work-icon{font-size: 16px; position: relative; background-color: #02D5B2; color: #fff; display: inline-block; padding: 10px 25px; margin-bottom:30px; color: #fff;}
.work-icon em{ width: 0; position: absolute; height: 0; border-left:10px solid transparent; border-right: 10px solid transparent; border-top:12px solid red; bottom:-10px; left: 15px;}
.work-bj-green{ background-color: #1c94e4;}
.work-bj-green em{ border-top-color:#1c94e4;}
.work-bj-red{ background-color: #FF6567;}
.work-bj-red em{ border-top-color:#FF6567;}
.work-bj-yellow{ background-color: #FEA53F;}
.work-bj-yellow em{ border-top-color:#FEA53F;}
.work-bj-blue{ background-color: #56CEF0;}
.work-bj-blue em{ border-top-color:#56CEF0;}


.work-tit02{ font-size: 14px; margin-bottom:25px; color: #000;}
.work-tit03{font-size: 14px; color: #000; padding-top: 10px;}
.work-text{ font-size: 12px; line-height: 24px;}
@media (min-width:992px){
	.work-li{ padding-left: 15px; padding-right: 15px; }
	.work-info{-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .2s ease-in;}
	.work-li:hover .work-info{ cursor: pointer; transform: translateX(20px);}
	.work-li:hover .work-bj-green{ background-color: #1cbce4;}
	.work-li:hover .work-bj-green em{ border-top-color:#1cbce4;}
	.work-icon{ font-size: 22px; padding: 10px 35px; margin-bottom: 35px;}
	.work-tit02{ font-size: 16px; margin-bottom: 40px;}
	.work-tit03{ font-size: 16px;}
}
/*联系我们*/
.address-li{transition:All 0.1s ease-in-out; -webkit-transition:All 0.1s ease-in-out; -moz-transition:All 0.1s ease-in-out; -o-transition:All 0.1s ease-in-out; padding-top:20px; padding-bottom: 10px; border-right: 1px dotted #D6D6D6; height:250px;}
@media only screen and (min-width:768px ) {
	.address-li:last-child{ border-right: 0;}
}
@media only screen and (max-width:760px ) {
	.address-li:nth-child(2n){ border-right: 0;}
	.address-li:nth-child(1){ border-bottom: 1px dotted #D6D6D6;}
	.address-li:nth-child(2){ border-bottom: 1px dotted #D6D6D6;}
}
.address-li .iconfont{font-size:40px; color: #56CEF0; line-height:45px;}
.address-name{ padding-top: 5px; font-size: 14px;}
.address-text{ font-size: 14px;word-break:break-all;}
.address-li:hover{ background-color: #1c94e4; color: #fff;}
.address-li:hover .iconfont{ color: #fff;}
.address-map{ margin-top: 30px;}
.address-li .active{ display: none;}
.address-li:hover .active{ display: initial;}
.address-li:hover .default{ display: none;}

@media (min-width:992px){
	.address-text{ padding: 0 20px; line-height: 22px;}
	.address-li{height: 214px; padding-top: 10px;}
	.address-name{ padding-top:3px;}
	.address-li .iconfont{ font-size: 70px; line-height:82px;}
	.address-map{ margin-top: 70px;}
}


/*响应式 调试*/
.mobile-inner-header-icon {
    color: #ffffff;
    float: right;
    height: 33px;
    position: relative;
    margin-top:12px;
    margin-right:6px;
    text-align: center;
    transition: background 0.5s ease 0s;
}
.mobile-inner-header-icon span{
	position: absolute;
	left: calc((100% - 45px) / 2);
	top: calc((100% - 1px) / 2);
	width: 25px;
	height: 2px;
	background-color: rgba(255,255,255,1);
	border-radius: 2px;
	box-shadow: 0 0 3px #fff;
}
.mobile-inner-header-icon span:nth-child(1){
	transform: translateY(8px) rotate(0deg);
	-webkit-transform: translateY(8px) rotate(0deg);
	}
.mobile-inner-header-icon span:nth-child(2){
	transform: translateY(-8px) rotate(0deg);
	-webkit-transform: translateY(-8px) rotate(0deg);
	}
	
.mobile-inner-header-icon-click span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
	}		
.mobile-inner-header-icon-click span:nth-child(2){
	display: none;
}
.mobile-inner-header-icon-click span:nth-child(3){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
}
@keyframes clickfirst {
  0%{
	transform: translateY(8px) rotate(0deg); 
	-webkit-transform: translateY(-8px) rotate(0deg);
  }
  100% {
    transform: translateY(0) rotate(45deg);
    -webkit-transform:  translateY(0) rotate(45deg);
  }
}


@keyframes clicksecond {
  0%{
	transform: translateY(-8px) rotate(0deg);
	-webkit-transform: translateY(-8px) rotate(0deg);
  }
  100% {
    transform: translateY(0) rotate(-45deg);
    -webkit-transform: translateY(0) rotate(-45deg);
  }
}

.mobile-inner-header-icon-out span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
	}		
.mobile-inner-header-icon-out span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
	}

@keyframes outfirst{
  0% {
    transform: translateY(0) rotate(-45deg);
    -webkit-transform: translateY(0) rotate(-45deg);
  }
  100% {
    transform: translateY(-8px) rotate(0deg);
    -webkit-transform: translateY(-8px) rotate(0deg);
  }
}	

@keyframes outsecond{
  0% {
    transform: translateY(0) rotate(45deg);
    -webkit-transform: translateY(0) rotate(45deg);
  }
  100% {
    transform: translateY(8px) rotate(0deg);
    -webkit-transform: translateY(8px) rotate(0deg);
  }
}
.caret{ margin-left:3px;}
@media only screen and (min-width:992px) and (max-width:1200px) {
	.header-nav-ul li{ padding: 0 15px;}
	.slide-img-rg img{ width: 600px;}
	.idx-contact{ padding-left: 60px;}
	.anli-img-title{ margin-bottom: 20px;}
	.anli-img-but{ bottom: 30px;}
	.md-ydsq-li{ background-color:#312e2f;}
	.qfw{ margin-bottom: 30px;}
	.banner-main{ padding:80px 0;}
	.idx-ys-text{ width: 280px; max-width: 280px;}
	.index-ban4-text{ min-height: 210px;}
	.ls-but{ font-size: 16px; padding: 25px 15px;}
	.list-tx-main{ font-size: 18px;}
	.hlw-text{ font-size: 14px; line-height:24px;}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
	.header-nav-ul li{ padding: 0 7px;}
	.qfw{ margin-bottom: 30px;}
	.help-ul{ padding:0;}
	.help-ul li{ width:50%; background-size:100%!important; height: auto; padding:50px 15px;}
	.help-ul li.active{ width: 50%;}
	.help-ul li.off{ width: 50%;}
	.help-ul li.off.active{ width: 50%;}
	.anli-img-title{ margin-bottom: 20px;}
	.anli-img-but{ bottom: 30px;}
	.md-ydsq-li{ background-color:#312e2f;}
}

@media only screen and (max-width: 768px){
	.gw-nav.nav-bj{ background-color: #262d2e;}
	.gw-nav.nav-bj2{ background-color: #262d2e;}
	.idx-navber{ width: 100%; clear: both;}
	.qfw-list .do-text{ height: auto;  -webkit-line-clamp: inherit; font-size: 12px;}
	.header-nav-ul{ width: 100%; height: calc(100vh); overflow-y: auto; padding-bottom: 65px;}
	.header-nav-ul li{ width: 100%; float: none; border-bottom:1px solid #3a4056; height: auto; padding: 0 10px; overflow: hidden;}
	.help-ul{ padding: 15px 0;}
	.help-ul li{ width: 100%; background-size:100%!important; height: auto; padding:50px 15px; margin-bottom: 15px;}
	.help-ul li.active{ width: 100%;}
	.help-ul li.off{ width: 100%;}
	.help-ul li.off.active{ width: 100%;}
	.idx-hzsj-li .idx-hzsj-img img{-webkit-filter:none; -moz-filter:none;-ms-filter:none; -o-filter: none; filter: none;}
	.gw-nav-hy dd a, .gw-nav-hy-rg dd a{ color: #fefefe;}
	.gw-nav-tab{ margin-top: 0; padding: 12px 15px; height: auto; line-height: 21px; width: 100%; display: block; text-align: left;}
	/*.gw-nav-tab:before{ height: 1px; background-color:#3a4056 ;}*/
	.header-nav-ul li:hover .gw-nav-tab:before{ display: none;}
	.gw-nav-menu{ display: none; position: relative; background: none; box-shadow: none;}
	.gw-nav-main{ padding: 0;}
	.gw-nav-hy,.gw-nav-hy-rg{ float: none; width: 100%; padding-left: 10px; margin-bottom: 0;}
	.gw-nav-hy:after{ display:none;}
	.gw-nav-hy dd,.gw-nav-hy-rg dd{ margin-bottom: 0; width: 100%;}
	.gw-nav-hy-rg{ margin-left: 0;}
	.gw-nav-main dd{ font-size:12px;}
	.idx-slide-big-img{ width:70%;}
	.gw-slide{ padding: 0 15px; background: url(../images/phone/slide_phone_bj.jpg) #060f71 bottom center no-repeat; background-size: 100%); height: 540px;}
	.slide-ms-1{ font-size:20px; line-height: 30px;}
	.slide-title-1{ margin-top:290px; margin-bottom: 20px;}
	.slide-text-1{ font-size: 14px;}
	.banner-main{ padding: 50px 0;}
	.idx-title{ font-size: 22px; line-height: 32px; margin-bottom: 25px;}
	.mg-bt-50{ margin-bottom: 20px!important;}
	.font-16{ font-size: 14px!important;}
	.dw-img{ padding: 20px 0 15px 0;}
	.mg-bt-80{ margin-bottom:40px!important;}
	.xs-mg-btm{ margin-bottom: 20px;}
	.col-xs-6.xs-mg-btm{ padding-left: 10px; padding-right: 10px;}
	
	.help-bj{ background: #273138; background-size: 100%;}
	/*.tongdian{ margin-bottom: 20px;}*/
	.help-bj .idx-td-main .active{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: none;}
	.help-bj .idx-td-main .tongdian{ display: inline-block;}
	.js-idx-td-but img{ width: 60px;}
	.dw-text{ font-size: 14px;}
	.line-hg-50{ line-height:34px!important;}
	.js-idx-td-but{ display: block; text-align: center;}
	.help-bj .banner-main:hover .active{ display:none;}
	.help-bj .banner-main:hover .tongdian{ display: inline-block;}
	.help-bj .idx-td-main.phone-active .active{ display:inline-block;}
	.help-bj .idx-td-main.phone-active .tongdian{ display:none;}
	.xy-bj{ background: url(../images/phone/idx_work_bj.jpg) top center no-repeat; background-size: cover;}
	.idx-xy-but{ border:1px solid rgba(255,255,255,0.7); color: #fff; padding:10px; min-width: 120px; display: inline-block; margin-top: 10px; background-color: rgba(26,64,197,0.5); margin-top: 20px; margin-bottom:10px;}
	.dt-bj{background: url(../images/phone/idx_dt-bj.jpg) no-repeat top center; background-size:100% 100%;}
	.swiper-container{ width: 100%;}
	.idx-dt-swiper .swiper-slide{text-align: center; background: #fff; width:80%; background-color: #fff;    display: block;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;	}
	.idx-dt-text,.idx-dt-title{ height: 42px; overflow: hidden; display: -webkit-box; white-space: normal!important;  text-overflow: ellipsis;  word-wrap: break-word;  -webkit-line-clamp:2;  -webkit-box-orient: vertical;}
	.idx-hzsj-text{ font-size: 14px; line-height: 24px; margin-top:15px;}
	.idx-hzsj-a{ padding:0 20px;}
	.idx-hzsj-li:nth-child(-n+4){border-top-color: #e9edfd;}
	.idx-hzsj-li:nth-child(-n+2){border-top-color: rgba(0,0,0,0);}
	.idx-hzsj-li:nth-child(2n){border-right-color: rgba(0,0,0,0);}
	.idx-fangan-form .col-xs-12{ margin-bottom: 15px;}
	.idx-fangan-form button{ margin:0 auto; margin-top: 10px;}
	.idx-fangan-form .media-right{ width: 100%; display: block;}
	.phone-name{ margin-top: 20px; font-size: 10px; color: #ccc; border-top: none; padding-top: 0;}
	.fangan-bj{background: url(../images/phone/idx_fa_bj.jpg) center center no-repeat; background-size: cover;}
	
	.phone-ft-nav{display: table; width: 100%; height:50px; table-layout: fixed; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: fixed; bottom: 0; left: 0; background-color: #fff; z-index: 777;}
	.ft-tab-item{ display: table-cell; overflow: hidden; width: 1%; height: 50px; text-align: center; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis;}
	.ft-tab-label{ display: block; font-size: 11px; overflow: hidden;  text-overflow: ellipsis; line-height:16px; color: #a19f9f;}
	.ft-tab-icon .active{ display: none;}
	.ft-tab-icon{ margin-top:5px; margin-bottom: 2px;}
	.ft-tab-icon img{ width:26px;}
	.ft-tab-item.mui-active .ft-tab-icon .active{ display: inline-block;}
	.ft-tab-item.mui-active .ft-tab-icon .default{ display: none;}
	.ft-tab-item.mui-active .ft-tab-label{ color: #1c94e4;}
	#idxPage{ padding-bottom: 50px;}
	
	/*批发*/
	.pifa-head-text{font-size: 26px; line-height: 42px;}
	.pifa-head-text{ margin-top: 100px;}
	.xueyuan-head-bj .pifa-head-text{ margin-top: 140px;}
	.about-head-bj .pifa-head-text{ margin-top: 140px;}
	.pifa-head-bj{ height: 230px;}
	.pifa-lunbo-text{ padding: 15px 30px; padding-top:5px;}
	.pifa-lunbo-text em img{ width: 20px;}
	.pifa-icon-left{ left:0px; top: 0;}
	.pifa-icon-right{ right: 0px; top: 0;}
	.pifa-swiper{ margin-top: 0;}
	.pifa-icon-text{ font-size: 14px; margin-bottom: 20px; line-height: 21px;}
	.banner-main{ padding: 30px 0;}	
	.mg-top-100{ margin-top:40px!important;}
	.pd-bt-50{ padding-bottom: 25px!important;}
	.pifa-ban{ height: 60px; line-height: 60px;}
	.pifa-ban span{ font-size: 22px;}
	.list-tx-img-ban{ width: 100px; height: 100px; margin-left: -50px;}
	.list-tx-img-ban img{ width: 100%; height: 100%;}
	.list-tx-main{ font-size: 16px;}
	.list-tx-text{ font-size: 14px; padding: 10px 0; line-height: 21px; height: 62px;}
	.do-list{ padding-top: 25px; padding-bottom: 20px; margin-bottom: 15px;}
	/*.do-title{ font-size:18px; line-height: 32px;}*/
	.do-text{ font-size: 14px;}
	.idx-hzsj-info{ display: none;}
	.pifa-text{ font-size: 14px; height:73px; -webkit-line-clamp:3;}
	.dw-fade:hover.do-list{ box-shadow:none;}
	.anli-img-ban:hover .anli-img-main,.anli-img-ban:hover .anli-img-bj{ opacity:0; visibility: hidden; -webkit-transition: all .3s; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in;  transition: all .3s ease-in;}
	.phone-anli-text{ opacity: 1; overflow: visible; position: relative; top: 0; left: 0; color: #333; padding: 15px; padding-top: 0; padding-bottom: 25px;}
	.anli-img-text{font-size: 15px; line-height: 24px;}
	.anli-logo img{ margin:10px 0;}
	.anli{ box-shadow: 0 0 24px rgba(75,75,75,0.2); padding: 0; margin:0 20px; margin-bottom: 30px; border-radius: 6px;}
	.anli-tab-a{ font-size: 12px; max-width: 70px; margin: 0 5px 10px 5px;}
	
	/*门店*/
	.md-bj{ height:auto; background: url(../images/phone/md_bj.jpg) top center no-repeat; background-size: 100%;}
	.md-youshi-title{ font-size: 20px; margin-bottom: 20px;}
	.md-youshi-text{max-height: 120px; verflow: hidden; display:-webkit-box; white-space: normal!important;  text-overflow: ellipsis;  word-wrap: break-word;  -webkit-line-clamp:4; -webkit-box-orient: vertical;}
	.md-youshi-title span{ font-size:40px; left: -50px;}
	.md-youshi-but img{ height:40px;}
	.md-ydsq{margin: 0 -15px;}
	.md-ydsq-li{ background-color:#312e2f;}
	.md-youshi-but{ position: relative;}
	
	/*O2O*/
	.o2o-jz-img{ width: 80px; height: 80px;}
	.o2o-jz-text{ margin: 15px; height: 60px; margin-bottom:35px;  overflow: hidden; display: -webkit-box; white-space: normal!important;  text-overflow: ellipsis;  word-wrap: break-word;  -webkit-line-clamp:3; -webkit-box-orient: vertical;}
	
	/*互联网*/
	.hlw-list .hlw-img{ height: auto; display: block;}
	.hlw-info{ display: block; opacity: 1; visibility: visible; position: relative; transform: none; background: none; height: auto;}
	.hlw-text{ height: auto; font-size: 14px; line-height:30px;}
	.hlw-list{ height: auto; border-right: none;}
	.hlw-yzs-bj{ background-image: none;}
	.hlw-qwyx-info{ min-height: auto; padding-top:30px; transform: none; transition: none;}
	.hlw-qwyx-info:hover{background:none;  transform: none;}
	.hlw-qwyx-info:hover .hlw-qwyx-text{ height: auto; -webkit-line-clamp:8;}
	.hlw-qwyx-text{ height: auto;-webkit-line-clamp:8; font-size: 16px;}
	.hlw-qwyx-main:after{ display: none;}
	.hlw-qw-bj{ background-image: none;}
	
	/*零售*/
	.ls-but{ padding: 20px 15px; font-size: 16px; margin-bottom: 20px; line-height: 30px;}
	.pifa-ban span{ font-size: 16px;}
	.ls-dt-swiper .swiper-slide{text-align: center; width:66%;}
	.ls-al-li{ width: 100%; height:400px; display: table; table-layout: fixed; padding-top: 40px; background:-webkit-gradient(linear, left top, right top, color-stop(15%, rgba(66,182,252,0.7)),color-stop(100%, rgba(66,182,252,0.9)));}
	.ls-al-li span{  display: table-cell; overflow: hidden; text-overflow: ellipsis;  vertical-align: middle;  white-space: nowrap; font-size: 16px;}
	.ls-fa-bj{padding-left: 0; padding-right: 0; background: url(../images/phone/ls_fa.jpg) top center no-repeat; min-height:580px; background-size: cover; background-attachment: fixed;}
	.ls-but:after{ display: none;}
	
	/*商品*/
	.phone-shop-nav{ display: block; padding-right: 0; margin-bottom: 30px;}
	.phone-shop-body{ display: block; width: 100%;}
	.shop-nav-ul{ width: 100%;}
	.shop-nav-ul li{ width: 50%; float: left;}
	.shop-list-info:nth-child(odd){ padding: 0;}
	.shop-list-info:nth-child(even){  padding: 0;}
	.shop-list-info{ width: 100%; display: block;}
	.shop-list-ban{ height: 130px;}
	
	
	/*案例*/
	.anli-navber{ width: 100%; overflow: hidden;}
	.anli-nav-ul{display: flex; width: 100%; white-space:nowrap; overflow-x: auto; margin-bottom: 20px;}
	::-webkit-scrollbar{width:0px; opacity: 0;}	
	.anli-nav-ul a{ font-size: 14px; padding: 0 10px!important; border-bottom-width: 2px; line-height: 44px;}
	.anli-head-bj{background: url(../images/phone/anli_banner.jpg) center center no-repeat; background-size: 100% 100%; height:400px;}
	.anli-nav-ul li{ width: auto;}
	.anli-list-main{ padding-left: 15px; padding-right: 15px;}
	.page-list{ margin: 30px 0 15px 0;}
	.page-list a, .page-list span.active{ font-size: 12px; min-width: 30px; height: 30px; line-height: 30px;}
	.phone-b-text{ font-size: 15px!important; line-height: 24px!important;}
	.o2o-fa-col{ margin-bottom: 15px;}
	.b2b-fa-col{ margin-bottom: 15px;}
	.b2c-fa-main .hlw-info{ vertical-align: middle; display:table; height: 240px; text-align: center; width: 100%; position: absolute; top: 0; left: 0; background-color: #fff; visibility: hidden; opacity: 0;}
	.b2c-cpjz-bj{ min-height:560px;}
	.about-work-bj{ min-height:450px;}
	.font-18{ font-size: 16px!important;}
	.b2c-kf-rg{ display: none;}
	.b2c-fa-main .do-title{ font-size: 16px;}
	.b2b-dt-text{height: 99px; -webkit-line-clamp:6;}
	.b2b2c-fa-img{ width: auto;}
	.b2b2c-cpjz-bj{ min-height:500px;}
	.phone-text-centent{ text-align: center;}
	
	
	/*学院*/
	.xueyuan-nav-info{ padding-left: 0; padding-right: 0;}
	.xueyuan-nav{ border-bottom: 1px solid #ccc; background-color: #fff; display: table; table-layout: fixed; height: 41px; width: 100%;}
	.xueyuan-a{ display: inline-block; height:40px; line-height:40px; font-size: 12px; padding:0px; color: #333; margin-right:0px; display: table-cell; overflow: hidden; text-overflow: ellipsis;  vertical-align: middle;  white-space: nowrap; width: 1%;}
	.banner-main.pd-top-44{ padding-top:0px!important;}
	.xueyuan-head-bj{ height: 300px;}
	.about-head-bj{ height: 300px;}
	
	
	
}

@media only screen and (max-width:375px ) {
	.md-bj{ background-size: cover;}
}
@media only screen and (min-width:768px ) {
	.phone-ft-nav{ display: none;}
	.caret{ display: none;}
}
@media only screen and (min-width: 768px) and (max-width: 992px){
	.idx-navber{ padding-left: 0; padding-right: 0;}
	.phone-name{ margin-top: 20px; font-size: 10px; color: #ccc;}
	.footer-main{ display: none}
	.gw-nav-logo{ width: 170px; overflow: hidden;}
	.gw-nav-hy{ width:46%; padding-left: 0;}
	.gw-nav-hy-rg{ margin-left: 50px;}
	.gw-slide .container{ text-align: center;}
	.slide-title-1{ text-align: center; margin-top:190px;}
	.b2b2c-cpjz-bj{ height: 900px;}
	.b2c-fa-main .do-title{ font-size: 16px;}
	.o2o-fa-col{ margin-bottom: 15px;}
	.anli-head-bj{ background-size: auto 100%;}
	.anli-nav-ul a{ font-size: 16px;}
	.anli-nav-ul li a{ padding: 10px;}
	.shop-list-info:nth-child(odd){ padding: 0;}
	.shop-list-info:nth-child(even){  padding: 0;}
	.shop-nav-ul{margin-right: 30px;}
	.ls-but{ font-size: 16px;}
	.ls-al-ul{ width: 750px;}
	.ls-al-li.active{ width: 320px;}
	.ls-al-li{ width:200px; font-size: 18px;}
	.hlw-qwyx-info{ min-height:480px;}
	.hlw-qwyx-main:after{ display: none;}
	.md-bj{ height:auto;}
	.do-list{ margin-bottom: 30px;}
	.dt-bj{background: url(../images/phone/idx_dt-bj.jpg) no-repeat top center; background-size:100% 100%;}
	.swiper-container{ width: 100%;}
	.idx-dt-swiper .swiper-slide{text-align: center; background: #fff; width:80%; background-color: #fff;    display: block;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
	.idx-dt-text,.idx-dt-title{ height: 42px; overflow: hidden; display: -webkit-box; white-space: normal!important;  text-overflow: ellipsis;  word-wrap: break-word;  -webkit-line-clamp:2;  -webkit-box-orient: vertical;}
	
	.anli-nav-ul{ transition: all 0.3s;}
}

@media only screen and (min-width:768px) {
	.idx-dt-img img{ width: 458px; height: 400px;}
}