/* 头部样式 */
.pull-left{float: left ! important;}
.pull-right{float: right ! important;}
header {width: 100%;  height:108px;min-width: 1200px  }
header .toppanel{width:100%;  height: 40px;  background:#373d41;  font-size:14px;  }
header .toppanel .panel{width:1160px;  margin:0 auto;  position:relative;  line-height: 40px;  z-index:199;  }
header .toppanel .panel .welcome{ float:left;  color: #fff;  }
header .toppanel .panel .topTools { /*float:right; */ }
header .toppanel .panel .usertopTools{margin-left: 10px;  margin-right: 0;  float: left;  }
header .toppanel .panel .topTools .separate{  float:left;  color:#fff;  font-size:14px;  margin-right:0px;  font-weight:normal;  }
header .toppanel .panel .topTools b{  color: #ff7300;  }
header .toppanel .panel .topTools li {  padding:0 4px;  float:right;  display: inline;  }
header .toppanel .panel .usertopTools li{  padding:0 10px;  }
header .toppanel .panel .topTools li a {  color: #fff;  float:left;  }
header .toppanel .panel .topTools li a.fkway{color: #ff7200}
header .toppanel .panel .topTools li a:hover {  color:#fff;  }
header .toppanel .panel .topTools .user-list,.topTools .user-list2 {  padding:0 4px;  }
header .toppanel .panel .topTools .user-list a {  color:#FF5c00;  font-size: 13px;  }
header .toppanel .panel .topTools .user-list2 a{  color:#fff;  }
header .toppanel .panel.topTools .user-list a:hover,.topTools .user-list2 a:hover {  color:#ff5a00;  }

/*公告列表*/
.notice{position: absolute;
    top: 30px;
	width:282px;
    z-index: 9999;
    padding-top: 10px;
	display:none;
	margin-top:5px;
	text-align:left !important;
	}
.notice:before{content:"";position:absolute;top:5px;left:30px; width: 10px; height:10px; background:#fff; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-top-radius:4px; transform:rotate(135deg)
	
	}
.notice .notice_item{
	background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 5px;
    cursor: text;
}
.notice_item-h{
	padding: 0 16px;
    height: 44px;
    line-height: 42px;
    width: 248px;
    border-bottom: 1px solid #d8d8d8;
}
.wx{
	position: relative
}
.notice_item-h1 span{}
.notice_item-c{
	color:#333;
	padding: 0 16px;
    height: 44px;
    line-height: 44px;
    width: 248px;
    border-bottom: 1px solid #e7e7e7;
}
.notice_item-c1{
	height: 44px;
	
}
.notice_item-c1 a{
	display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px;
	font-size: 12px;
    color: #999!important;
}
.notice_item-c1 a:hover{ color:#ff7200 !important;}
.notice_item-c2{ float:right; margin-top: -45px;}
.notice_item-c2 span{
	float: right;
    font-size: 12px;
    color: #cccccc;
}
.header_top {
    height: 40px;
    background: #fff;
    font-size: 12px;
    line-height: 40px;
    text-align: center;
    /*color: #fcbb47;*/
}
.header_top span {
    background: url("../images/tip.png") no-repeat left;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 5px;
    margin-left: 2;
    background-size: 100% 100%;
    left: -10px;
}
.notice_item-f{
	padding: 0 16px;
    height: 44px;
    line-height: 44px;
    width: 248px;
    background-color: #f5f5f5;
}
.notice_item-f a{ color: #999!important; float: right !important;}
.notice_item-f a:hover{color:#ff7200 !important;}

/* 导航样式 */
nav{width:100%;  height:86px;background:#fff;  float: left; 
	-moz-box-shadow: 2px 2px 30px rgba(144,144,144,0.8);
	-webkit-box-shadow: 2px 2px 30px rgba(144,144,144,0.8);
	box-shadow:2px 2px 30px rgba(144,144,144,0.8);
}
nav a {display:block;  text-align: center;}
nav a:hover {color:#333;  }
.warpper{width:1160px;position:relative;margin:0 auto}
nav h2 {  font-family: "楷体";  font-size: 16px; float: right;  margin: 34px 0 0 16px;  }
nav .navlist {  width:1190px;  position:relative;  margin:0 auto;  }
nav .navlist .logo{  float:left;  display:block;  margin:18px 0 0 15px;  }
nav .navlist .navfouce {  width:auto;  height:86px;  line-height:86px;  float:right;  font-size: 16px;  }
nav .navlist .navfouce li { width:auto;  padding: 0 17px; height:82px;  float:left;  display:inline;  }
nav .navlist .navfouce .last{  margin-right: 0;  }
nav .navlist .navfouce li:hover{  border-bottom: 4px solid #ff7200;  }
nav .navlist .navfouce .triangle-down {width: 0;  height: 0;  border-left: 3px solid transparent;  border-right: 3px solid transparent;  border-top: 6px solid #666;  float: right;  margin: -46px -10px 0 0;  }
/*nav .navlist .navfouce li:nth-child(5) .triangle-down{margin: -46px -2px 0 0;}*/
nav .nav_show{
	height: 0;
	width: 100%;
	background: #f1f3f5;
	position: absolute;
	/*top: 166px;*/
	top: 126px;
	display: none;
	z-index: 99;
	box-shadow:2px 2px 2px #cccccc;
}
nav .nav_show .title{
	font-family: "microsoft yahei";
	font-weight: bold;
	font-size: 18px;
	width: 100%;
	height: 39px;
	margin: 30px 0 20px 0;
	text-align: left;
	border-bottom: 1px solid #d2d2d2;
}
nav .nav_show .title2{
	width: 534px;
	margin-left: 36px;
}
.show_l{ width:580px; float:left;}
nav .nav_show .list_box{
	width: 696px;
	float: left;
}

nav .nav_show .list ul.a_two.product-list.emailee li{float: left;padding-left: 21px}
nav .nav_show .list .a_two.emailee{margin: 0}
nav .nav_show .list{
	width: 276px;
	background: #fff;
	float: left;
	margin: 0 14px 14px 0;
	padding-top: 15px;
	height: 93px;
	cursor: pointer;
}
nav .nav_show .h_120{
	height: 120px;
}
nav .nav_show .h_150{
	height: 240px;
}
nav .nav_show .h_70{
	height: 70px;
}

nav .nav_show .h_80{
	height: 140px;
}

nav .nav_show .h_100{
	height: 150px;
}

nav .nav_show .last{
	margin-right: 0;
}
nav .nav_show .list .img{
	width: 32px;
	height: 32px;
	margin-left: 20px;
	float: left;
}
nav .nav_show .list .a{
	width: 211px;
	height: 60px;
	margin: 50px 0 20px 65px;
}
nav .nav_show .list .a li{
	float: left;
	margin-right: 10px;
	text-align: left;
	font-size: 12px;
	height: 22px;
}
nav .nav_show .list li a{
	padding: 0 5px;
	margin-left: -5px;
}
nav .nav_show .list .a li a:hover{
	border: 1px solid #ffb477;
}
nav .nav_show .list .a_two{
	width: 258px;
	margin: 12px 0 20px 65px;
}
nav .nav_show .list .ban{
	width: 173px;
	margin: 12px 24px 20px 50px;
}
nav .nav_show .list .a_two li{
	float: left;
	margin-bottom: 6px;
	text-align: left;
	font-size: 12px;

}
nav .nav_show .list .a_two li a:hover{
	border: 1px solid #ffb477;
}
nav .nav_show .list:hover  .a_two .gwtg{
	color:#fff;
	border-bottom:1px solid #fff;
}
nav .nav_show .list .a_two .gwtg{border-bottom:1px solid #666;}
nav .nav_show .list h3{
	float: right;
	font-size: 16px;
	font-weight: normal;
	margin: 9px 0 6px 13px;
	width: 211px;
	text-align: left;
}
nav .nav_show .list p{
	width: 211px;
	font-size: 12px;
	color: #666;
	float: right;
	text-align: left;
	margin-right: 0;
}
nav .nav_show .list:hover{
	background:#ff7300;
}
nav .nav_show .list:hover p{
	color: #fff;
}
nav .nav_show .list:hover h3{
	color: #fff;
}
nav .nav_show .list:hover a{
	color: #fff ! important;
}
nav .nav_show .list .p_last{
	margin-bottom: 6px;
}
nav .nav_show .list b{
	font-weight: normal;
	color: #ff7200;
}
nav .nav_show .list:hover b{
	color: #fff;
}
nav .nav_show .active a{
	color: #fff;
}
nav .nav_show .list .new{
	width: 29px;
	height: 15px;
	background: url(../images/NEW.png);
	float: right;
	margin:6px 130px 0 0;
}

.right_list_box{
	float: left;
	width:37px;
}
.right_list_box a>div{
	width: 220px;
	height: 81px;
	float: left;
	margin: 0 20px 10px 20px;
	cursor: pointer;
}
.right_list_box a>div:hover{
	
	color: #ff7200;
}
.right_list_box a>div ul{
	margin-left:20px;
}
.right_list_box li{
	text-align: left;
	font-size: 16px;
	margin-bottom: 12px;
	position:relative;
}
.right_list_box li:before{
content:"";
position:absolute;
top:10px;
left:-25px;
width:5px;
height:5px;
background:#ff7200;
border-radius:50%;

}
.right_list_box a .line2{
	text-align: left;
	font-size: 12px;
	margin:-10px 0 0 20px;
	color:#999;
}
.right_list_box{ margin-left:30px !important;}
.bordder{ border-right:0!important;}
.bor{ border-bottom:0!important;}
.box_t{ display: inline-block; margin-right:20px; float:left;}
.box_t a{ margin-bottom:9px;text-align:left;}
.box_t a:hover{ color:#ff7200;text-decoration:underline;    cursor: pointer;}
.box_tx{margin-right:30px;}
.box_t_tit{ margin-bottom:15px; font-size:16px; color:#333333; position:relative; text-align:left; }
.box_t_tit:before{ content:"";display:black; width:5px;height:5px; border-radius:50%; background:#ff7200; position:absolute; top:10px; left:-20px;}
nav .nav_show .list:hover{box-shadow:0px 3px 4px rgba(225,114,0,0.3);}
/*banner样式*/
/* fullSlide */
.fullSlide{width:100%;position:relative;height:400px;background:#e5e5e5;margin-top: 18px;  clear:both;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:400px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:400px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:15px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:9px;height:9px; border-radius:50%; margin:1px 10px;overflow:hidden;line-height:999px; border: 1px solid #ff7200;}
.fullSlide .hd ul .on{background:#ff7200;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background: url("../images/slider-arrow.png") -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

/*尾部样式*/

footer .friendship-link{height: 44px;line-height: 44px;   background: #fa750c; color: #ffffff;}
footer .friendship-link span{ padding: 0 20px; }
footer .footer-t{ width: 1200px; padding: 28px 0 20px 0; position: relative;border-bottom: 1px solid #ccc;box-sizing: border-box;-webkit-box-sizing: border-box;}
footer .footer-t ul li{ color:#333333;  float: left; width: 7%; line-height: 40px;}
footer .footer-t ul li span{ padding-left: 10px;}
footer p span{ padding:0 10px;}
footer .fot{ border-bottom: 0; }
footer .friendship_item{ height: 77px; line-height: 77px; background: #f5f6f6; color: #333333;    border-bottom: 1px solid #cccccc;}
footer .friendship_item ul li{ display:inline-block; margin-right: 100px; position: relative;}
footer .friendship_item ul li:last-child{ margin-right: 0;}
footer .friendship_item ul li i{ position: absolute;  top:22px; left:-35px; display: block; width: 30px; height: 30px;}
footer .footer-tit_r{ margin-bottom: 20px; padding-bottom: -20px;}
footer .footer-tit_l p,footer .footer-tit_r p{text-align: left;}
footer .friendship-x{ background: #363636; height: 32px; line-height: 32px;}
footer .friendship_item ul { margin-left: 30px;}
footer .footer_content{  background: #e5e7e7; }
footer .youqing_l{ width: 70px;}
footer .youqing_r{ width: 1130px; text-align: left;}
.text_t{ margin-right: 19.5% !important; }
footer .ftt{ border-bottom: 1px solid #CCCCCC;}
footer .youqing{ padding: 14px 0;}
footer .footer_i{ width: 100%;     text-align: left;}
.box_p{ display:inline-block; padding-right:50px;}
.box_p a{color:#666}
.fte{ margin-top:-30px;}
footer .footer-tit_r{ position: absolute; top: 15%; right: 40px;}
.telephone{ background: url("../images/tel.png") no-repeat left;}
.fax{ background: url("../images/fax.png") no-repeat left;}
.mailbox{background: url("../images/youbian.png") no-repeat left;}
.address{background: url("../images/adress.png") no-repeat left;}


.tibu{ width: 100%; background:#282b34; height: 136px;background:url("../images/bgqq.jpg") no-repeat center;}
.tibu .tibu_conter{ width: 600px; margin: 0 auto; padding-top: 46px; position: relative;}
.tibu .tibu_conter .tibu_item{ width: 390px;   margin-top: -13px;}
.tibu .tibu_conter .tibu_item p{ text-align: right; font-size: 18px; padding-top: 7px;}
.tibu_botton_t{position: absolute;left: 421px;top:40px;}
.tibu .tibu_botton{ width:167px; height: 52px; background: #f9750b; display:inline-block; line-height: 52px;  cursor: pointer;transition:all .3s ; margin-right:20px;}
.tibu .tibu_botton:hover{background: #fd882a;}

.link{ width: 100%; background:#fb770d; height: 40px; }
.link ul li{ color: #ffffff; float: left; }
.banner{ width:100%; height: 380px;}
.nava_pic {  background-color: #39383E;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: fixed;
    width: 100%;
    height: 380px;}
.full_btn{position: relative;top: -38%;left: 49%; float:left;margin-top: 20px;}
.bull_f{position: relative;top: -35%; width: 400px;margin:0 auto !important;;}
.full_btn a,.bull_f a,.bull_c a{  display:block;line-height:50px; text-align:center;display: inline-block; margin-right:10px;float:left;}
.full_btn_a{ border:1px solid #fff; color:#fff; font-size:16px; width:168px;    height: 50px !important;}
.full_btn_b{ background:#14a6e1; color:#fff; width:170px;height: 50px !important;border:1px solid #14a6e1; color:#fff;font-size:16px;}
.cor{background:#fff000;color:#1874c9; border:1px solid #fff000; }
.bull_c{position: relative;top: -35%;left: 26.5%; width: 400px; display:block; }
	@media(max-width:1440px){
	  
	    .bull_c{position: relative;top: -35%;left: 18%; width: 400px; display:block;}
	 }
@-webkit-keyframes bounce {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}




/*二级导航样式*/
nav .nav_show .list ul.a_tree.product-list{
    width: 200px
}
.nav_show .list ul.a_tree.product-list li{
	float: none;
    margin: 0;
    color:#333;
	text-align:center
    /*padding-left: 65px*/
}
.list.h_150:hover ul.a_tree.product-list li a{
	color:#fff;

}

.list:hover .list_head{color:#fff ! important;}

.nav_show .list ul.a_tree.product-list li a{
	display: inline-block;
	font-size: 11px ! important;
	color: #999 ;
}

nav .nav_show .list ul.a_two.product-list.emailee{
	padding-left:45px
}
nav .nav_show .list ul.a_two.product-list{
    width: 60%;
    
}
.nav_show .list ul.a_two.product-list li:nth-child(2n) a.normal{
	color:#333
}
.nav_show .list ul.a_two.product-list li{
	float: none;
    margin: 0;
    color:#333;
}

.nav_show .list ul.a_two.product-list li:nth-child(2n){
	margin-bottom: 10px;
}
.nav_show .list ul.a_two.product-list li:nth-child(2n) a{
	color:#999;
}
.list.h_150:hover ul.a_two.product-list li a{
	color:#fff;
}
.nav_show .list ul.a_two.product-list li a{
	display: inline-block;
}
.bor-line{
	border-bottom:4px solid #ff7200
}
.hot{
	position: absolute;
    left: 37%;
    top: 10%;
}
.btn-nav{display: none;}
.clear{clear: both;}
.routine .routine-infos:after{content: ',';display: block;width: 0;height: 0;clear: both;visibility: hidden;position: relative}
/*上下晃动的动画,当静态图可能出现失真~!,但是div元素块不会!*/
@-webkit-keyframes bounce-up {
  25% {-webkit-transform: translateY(2px);}
  50%, 100% {-webkit-transform: translateY(5);}
  75% {-webkit-transform: translateY(-2px);}
 }
 
 @keyframes bounce-up {
  25% {transform: translateY(2px);}
  50%, 100% {transform: translateY(0);}
  75% {transform: translateY(-2px);}
 }
 
.animate-bounce-up{-webkit-animation: bounce-up 1.5s linear infinite;animation: bounce-up 1.5s linear infinite;}

nav .nav_show .list .a_tree li a:hover {
    border: 1px solid #ffb477;
}
@media screen and (max-width:1200px){
    header .toppanel .panel{width: 90%;}
    nav .navlist{width: 90%;}
    .fm{min-width: auto;}
    header{min-width: auto;}
    .m-content{min-width: auto;}
    .DIVP{width: 90% !important;display: flex;justify-content: space-between;flex-wrap: wrap;}
    .Marketing_item ul li{float: none;padding-left: 0;width: 20%;}
    .routine-infos{width: 90%;display: flex;justify-content: space-between;flex-wrap: wrap;}
    .routine-info{width: 24%;float: none;margin-right: 0}
    .routine-info-title{left: 50% !important;transform: translateX(-50%)}
    .ico{left: 50%;transform: translateX(-50%);}
    .routine-temps{width: 100%}
    .stores-pay{height: auto;}
    .picture-box{width: 90%;}
    .picture-box ul{display: flex;justify-content: space-between;width: 100%;box-sizing: border-box;}
    .picture-box ul li{float: none;margin-right: 0;width: 30%}
    .picture-box ul li img{width:100%}
    .use-industry{height: auto;}
    .DIVT{width: 90% !important;display: flex;justify-content: space-between;margin: 0 auto;flex-wrap: wrap;}
    .Marketing_item ul li{width: 30% !important;float: none !important;margin: 0 !important;}
    .Marketing_item ul li:last-child{display: none;}
    .Marketing_item ul li i{background-size: auto !important;}
    .Marketing_item ul li.syhy{padding-left: 0;}
    .swiper-container{width: 100%;}
    .DIVT:before{display: none !important;}
    .DIVT:after{display: none !important;}
    .swiper-prev, .swiper-next{z-index: 999;}
    .swiper-prev{left: 50px;}
    .swiper-next{right: 50px;}
    .DIVP{height: auto;}
    .DIVP:before{display: none !important;}
    .DIVP:after{display: none !important;}
    .swiper-container:before, .swiper-container:after{width: 39%}
    .details.pd-10{display: none;}
    .routine-info:hover .details{display: none;}
    .desc{display: block !important;}
}
@media screen and (max-width:866px){
    .fm{background: url("../images/xbanner.jpg")no-repeat;background-size: 100% auto;height: 200px}
    .swiper-container:before, .swiper-container:after{width: 37%}
    .advantages{background: url("../images/xpic1.jpg")no-repeat;background-size:100% auto; }

    .btn-nav {
			display: block;
			position: absolute;
			top: 10px;
			right: 30px;
			background: transparent;
			border: none;
			padding: 10px 0 0 10px;
			box-sizing: border-box;
			-webkit-transition: all .5s ease;
			-moz-transition: all .5s ease;
			-ms-transition: all .5s ease;
			-o-transition: all .5s ease;
			transition: all .5s ease;
			cursor: pointer;
			z-index: 99999;
			color: #000;
			
			}
			
			.btn-nav:focus {
			outline: 0;
			}
			
			.icon-bar {
			display: block;
			margin: 6px 0;
			width: 29px;
			height: 5px;
			background-color: #000;
			}
			
			.btn-nav:hover .icon-bar {
			-webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-ms-transition: all 1s ease;
			-o-transition: all 1s ease;
			transition: all 1s ease;
			background-color: #000;
			}
			
			.nav-content {
			position: fixed !important;
			top: -100%;
			bottom: 0;
			left: 0;
			right: 0;
			background: rgba(0,0,0,0.7);
			display: block;
			height: 100% !important;
			z-index: 13;
			}
			.nav-content ul{margin-top: 15%;}
			.nav-list {
			list-style: none;
			padding: 0;
			position: relative;
			top: 5%;
			}
			
			.item-anchor:after {
			content: "";
			position: absolute;
			width: 3px;
			height: 3px;
			left: 0;
			bottom: 0;
			z-index: 9;
			background: transparent;
			-webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-ms-transition: all 1s ease;
			-o-transition: all 1s ease;
			transition: all 1s ease;
			}
			
			.item-anchor {
			color: #fff;
			font-size: 18px;
			text-transform: uppercase;
			position: relative;
			text-decoration: none;
			padding: 10px;
			}
			
			.item-anchor:hover,
			.item-anchor:focus {
			color: #000;
			-webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-ms-transition: all 1s ease;
			-o-transition: all 1s ease;
			transition: all 1s ease;
			}
			
			.item-anchor:hover:after,
			.item-anchor:focus:after{
			width: 100%;
			background: #000;
			-webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-ms-transition: all 1s ease;
			-o-transition: all 1s ease;
			transition: all 1s ease;
			}
			
			.nav-item {
			margin: 20px auto;
			text-align: center;
			}
			
			.animated {
			display: block;
			margin: 0 auto;
			position: fixed;
            top: 50px
			}
			
			.animated:hover .icon-bar,
			.animated:focus .icon-bar
			{
			background-color: #fff;
			}
			.animated:focus p{color: #000;}
			.animated:focus {
			cursor: pointer;
			z-index: 9999;
			}
			
			.middle {
			margin: 0 auto;
			}
			
			.icon-bar {
			-webkit-transition: all .7s ease;
			-moz-transition: all .7s ease;
			-ms-transition: all .7s ease;
			-o-transition: all .7s ease;
			transition: all .7s ease;
			z-index: 999999;
			}
			
			.animated .icon-bar {
			z-index: 999999;
			background-color: #fff;
			}
			
			.animated .top {
			-webkit-transform: translateY(10px) rotateZ(45deg);
			-moz-transform: translateY(10px) rotateZ(45deg);
			-ms-transform: translateY(10px) rotateZ(45deg);
			-o-transform: translateY(10px) rotateZ(45deg);
			transform: translateY(10px) rotateZ(45deg);
			}
			
			.animated .bottom1 {
			-webkit-transform: translateY(-11px) rotateZ(-45deg);
			-moz-transform: translateY(-11px) rotateZ(-45deg);
			-ms-transform: translateY(-11px) rotateZ(-45deg);
			-o-transform: translateY(-11px) rotateZ(-45deg);
			transform: translateY(-11px) rotateZ(-45deg);
			}
			
			.animated .middle {
			width: 0;
			}
			
			@keyframes showNav {
			from {
				top: -100%;
			}
			to {
				top: 0;
			}
			}
			
			@-webkit-keyframes showNav {
			from {
				top: -100%;
			}
			to {
				top: 0;
			}
			}
			
			@-moz-keyframes showNav {
			from {
				top: -100%;
			}
			to {
				top: 0;
			}
			}
			
			@-o-keyframes showNav {
			from {
				top: -100%;
			}
			to {
				top: 0;
			}
			}
			
			.showNav {
			-webkit-animation: showNav 1s ease forwards;
			-moz-animation: showNav 1s ease forwards;
			-o-animation: showNav 1s ease forwards;
			animation: showNav 1s ease forwards;
			}
			
			@keyframes hideNav {
			from {
				top: 0;
			}
			to {
				top: -100%;
			}
			}
			
			@-webkit-keyframes hideNav {
			from {
				top: 0;
			}
			to {
				top: -100%;
			}
			}
			
			@-moz-keyframes hideNav {
			from {
				top: 0;
			}
			to {
				top: -100%;
			}
			}
			
			@-o-keyframes hideNav {
			from {
				top: 0;
			}
			to {
				top: -100%;
			}
			}
			
			.hideNav {
			-webkit-animation: hideNav 1s ease forwards;
			-moz-animation: hideNav 1s ease forwards;
			-o-animation: hideNav 1s ease forwards;
			animation: hideNav 1s ease forwards;
			}
			.hidden1 {
			display: none;
			}
    .wx-advantages h1{padding: 30px 0 40px 0}
    nav .navlist .navfouce li{width: 100%;float: none;padding: 0;height: auto;line-height: 50px;}
    nav a{color: #fff;}
    nav a:hover{color: #fff;}
    .hot{display: none}
    .member{height: auto;}
    .stores-pay{padding-bottom: 100px}
    .member{padding-bottom: 100px;}
    
}
@media screen and (max-width:750px){
    .tibu .tibu_conter{width: auto;}
    .tibu .tibu_conter .tibu_item{display: none;}
    .tibu_botton_t{width: 80%;position: relative;margin: 0 auto;left: auto;top: auto}
    .routine-info{width: 49%}
    .swiper-container:before, .swiper-container:after{width: 33%}
}
@media screen and (max-width:644px){
    .Marketing_item .DIVT li i{background-size: 100% auto !important}
    header{height: auto;}
    nav{float: none;}
    header .toppanel .panel .welcome{display: none;}
    .fm{height: 100px}
    .advantages{height: 200px}
        .swiper-prev{left: 10px;}
    .swiper-next{right: 10px;}
    .picture-box ul{flex-wrap: wrap;}
    .picture-box ul li{width: 100%}
}
@media screen and (max-width:440px){
.swiper-container:before, .swiper-container:after{width: 25%}
    .Marketing_item .DIVT li{height: auto;}
    .Marketing_item .DIVT li i{height: 117px !important}
    .Marketing_item ul li.syhy{padding-bottom: 10px}
    h1{font-size: 18px !important;}
    .routine{padding: 30px 0}
    .wx-flow{padding: 30px 0}
    .font16{font-size: 14px !important;}
    .routine-infos{padding-bottom: 0px;}
    .row-n{padding: 30px 0;height: 650px;}
    .c3{width: 90%;display: block;margin: 0 auto;}
    .nav-content ul{top: 50%;transform: translate(-50%,-50%);position: absolute;;left: 50%;margin-top: 0}
}