static/watero/css/css.css

@charset "utf-8";
/* Css Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/* Public */
html{ width:100%; }
body{ width:100%; color:#555;font: 12px/1.5 "Microsoft YaHei","Helvetica Neue",Helvetica Neue,Helvetica,Hiragino Sans GB,tahoma,arial,sans-serif; -webkit-text-size-adjust: none;}
a{color:#555;text-decoration:none; outline:none;}
a:focus{outline:none;}
a:hover {text-decoration:none; outline:none;}
.fl{ float:left !important; }
.fr{ float:right !important; }
.mab{ margin-bottom:10px; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{ clear:both} 
		h1{
			font-size: 5em;
		}
		h2{
			font-size: 3em;
		}
		h3{
			font-size: 2em;
		}
		.content{
			position: relative;
			text-align: center;
		}
		#slide3 .content{
			position: relative;
			top: 72%;
			text-align: center;
			transform: translateY(0%);
			width: 83.5%;
		}
		#slide2 .content{
			position: relative;
			top: 51.5%;
			text-align: right;
			transform: translateY(0%);
			width: 69.9%;
		}

		/* Section 1
		 * --------------------------------------- */
		#section0 h1{
			color: #444;
		}
		#section0 p{
			color: #333;
			opacity: 0.4;
		}


		/* Section 2
		 * --------------------------------------- */
		#section1{background: #fff;}
		#section1 .options{
			padding: 100px 0 30px 0;
		}
		.mobile .section{background: #fff;}
		#section1 .content{
			width:1000px;
			margin:0 auto;
			padding: 20px 0;
		}
		#section1 p{
			filter:alpha(opacity=70);
			opacity: 0.7;
			font-size: 18px;
			color: #010101;
			text-align: left;
			margin: 35px;
			background: #fff;
			border-radius: 10px;
		}
		#section1 .options img{margin: 0 40px;}
		.section .fp-tableCell>.title{
			width: 1000px;
			margin: 0 auto;
			text-align: center;
			font-size: 26px;
		}
		.back_top{position: fixed;left: 50%;margin-left: 590px;bottom: 220px;width: 45px;height: 45px;background: #d2d2d2;border-radius: 50%;cursor: pointer;display: none;}
		.back_top>div{width: 100%;height: 100%;background: url(../images/go_top.png) center center no-repeat;}
		.btn_join_us{padding:10px 48px;color: #ea094b;border: 1px solid #ccc;border-radius: 25px;font-size: 22px;cursor:pointer;}
		.btn_join_us:hover{color: #fff;background: #ea094b;}
		.title-after-before{padding: 0 45px;position: relative;}
		.title-after-before:before{content:'';height: 1px;width: 30px;position: absolute;top:35px;left: 0;background: #555;}
		.title-after-before:after{content:'';height: 1px;width: 30px;position: absolute;top:35px;right: 0;background: #555;}
		.section .title-after-before:before,.section .title-after-before:after{top:18px;}
		.section .title img{width: 100%;}
		#section1 .btn_more{background: #fff;color: #e7004c;border: 1px solid #ccc;padding: 10px 35px;border-radius: 25px;font-size: 14px;}
		#section1 .btn_more:hover{color: #fff;background: #ea094b;}
		
		/* Section 3
		 * --------------------------------------- */
		#section2{
			background:#fff1f1;
		}
		#section2 .content{
			width: 1000px;
			margin: 0 auto;
		}
		#section2 h1{
			color: #F2F2F2;
		}
		#section3{
			background: #fff;
		}
		#section3 .content{
			width: 1000px;
			margin: 0 auto;
		}
		#section4{
			background: #fff1f1;
		}
		#section4 .content{
			width: 1000px;
			margin: 0 auto;
		}
		#section5 {background: #fff;}
		#section5 .mab-box{
			margin: 60px 200px 60px auto;
			height: 550px;
		}
		#section5 .mab-box img{width: 100%;}
		#section5 .content{
			width: 1000px;
			margin: 0 auto;
		}
		#section6{
			height: auto !important;
		}
.lianxi-box{position: absolute;left: 820px;top: 0; display: inline-block;width: 200px;height: 550px;}		
		article, section, time, aside {display: block;}
.point-time {content: "";position: absolute;width: 13px;height: 13px;top:50%;-webkit-transform:translateY(-50%); left: 20px;background: #1c87bf;margin-left: -4px;border-radius: 50%;}
.point-red {background-color: #e70444;}
.content {width: 100%;margin: 10px auto;}
.content article {position: relative;}
.content article section {padding:8px 0;position: relative;}
.content article section:nth-of-type(3){padding: 20px 0;}
.content article section:last-child{padding:40px 0;}
.content article section:before {content: "";width: 1px;top:0;bottom:0;left: 22px;background: #e70444;position: absolute;}
.content article section time {display: block;}
.content article section time > span {display: block;margin-left: 45px;color:#e70444;}
.content article section aside {color: #3a3a38;margin-left:55px;margin-right: 5px;text-align: left;}
.content article section aside p{margin-bottom: 0;font-size:13px;}
.content article section aside .things{color:#222;margin-top: 5px;}
.point-time.app{width: 40px;height: 20px;left: 6px;border-radius: 5px;padding: 10px 0;color: #fff;}
.point-time.tel{width: 30px;height: 30px;left:11px;background: url(../images/wap_icon_tel.png) center center /30px no-repeat #fff;}
.point-time.address{width: 30px;height: 30px;left:11px;background: url(../images/wap_icon_lbs.png) center center /30px no-repeat #fff;}
.point-time.company{width: 30px;height: 30px;left:11px;background: url(../images/wap_icon_company.png) center center /30px no-repeat #fff;}
.point-time.wechat{width: 30px;height: 30px;left:11px;background: url(../images/wap_icon_wechat.png) center center /30px no-repeat #fff;}

		.new_li{list-style: none;position: absolute; width: 80%;left: 10%;bottom: 10px;}
		.new_li li{display: inline-block;width: 30%;padding: 0 10px;}
		.new_li li img{width: 100%;}
		
		.news_list{list-style: none;width: 1000px;position: absolute;left: 50%;top:75%;margin-left: -500px;}
		.news_list li{float: left;position: relative;background: #f8d7d7; width: 300px;height: 150px;padding: 3px;margin: 0 10px 0 0;}
		.news_list li img{height: 100%; cursor:pointer;}
		.news_list .tit{position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);font-size: 20px;color: #d50058;width: 52%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
		.nav_off{position: fixed;width: 110px;height: 131px;background: url(../images/menu_hide.png) left top no-repeat;left: 0;top: 50%;margin-top: -150px;cursor: pointer;z-index: 99;}
		.shop_off{position: fixed;width: 110px;height: 131px;background: url(../images/menu_shop.png) left top no-repeat;left: 0;top: 50%;margin-top:50px;cursor: pointer;z-index: 2;}
		.nav_on{width: 500px;height: 500px;background: url(../images/logo_1.png) 10px center no-repeat;position: fixed;left:0;top: 50%;margin-top: -255px;display: none;z-index: 100;border: 35px solid transparent;}
		.nav_on>div{position: relative;width: 500px;height: 500px;}
		.line_1{position: absolute;left:140px;top:70px;}
		.gsjj_menu{position: absolute;width: 88px;height: 88px;background: url(../images/home_menu_off.png) center center no-repeat; left:128px; top: 0;}
		.gsjj_menu:hover{background: url(../images/home_menu_on.png) center center no-repeat;}
		.line_2{position: absolute;left:182px;top: 100px;}
		.news_menu{position: absolute;width: 88px;height: 88px;background: url(../images/qyjj_menu_off.png) center center no-repeat;left:215px;top:33px;}
		.news_menu:hover{background: url(../images/qyjj_menu_on.png) center center no-repeat;}
		.line_3{position: absolute;left:210px;top:172px;}
		.team_menu{position: absolute;width: 88px;height: 88px;background: url(../images/news_menu_off.png) center center no-repeat;left:275px;top:115px;}
		.team_menu:hover{background: url(../images/news_menu_on.png) center center no-repeat;}
		.line_4{position: absolute;left:220px;top:235px;}
		.pro_menu{position: absolute;width: 88px;height: 88px;background: url(../images/pro_menu_off.png) center center no-repeat;left:285px;top:205px;}
		.pro_menu:hover{background: url(../images/pro_menu_on.png) center center no-repeat;}
		.line_5{position: absolute;left:210px;top:285px;}
		.join_menu{position: absolute;width: 88px;height: 88px;background: url(../images/team_menu_off.png) center center no-repeat;left:275px;top:290px;}
		.join_menu:hover{background: url(../images/team_menu_on.png) center center no-repeat;}
		.line_6{position: absolute;left:180px;top:325px;}
		.lbs_menu{position: absolute;width: 88px;height: 88px;background: url(../images/join_menu_off.png) center center no-repeat;left:215px;top:370px;}
		.lbs_menu:hover{background: url(../images/join_menu_on.png) center center no-repeat;}
		.line_7{position: absolute;left:140px;top:335px;}
		.tel_menu{position: absolute;width: 88px;height: 88px;background: url(../images/tel_menu_off.png) center center no-repeat;left:130px;top:410px;}
		.tel_menu:hover{background: url(../images/tel_menu_on.png) center center no-repeat;}
		.line_8{position: absolute;left:353px;top:199px;display: none;}
		.bottle_menu{position: absolute;width: 88px;height: 88px;background: url(../images/bottle_menu_off.png) center center no-repeat;left:416px;top:143px;display: none;}
		.bottle_menu:hover{background: url(../images/bottle_menu_on.png) center center no-repeat;}
		.line_9{position: absolute;left: 352px;top: 265px;display: none;}
		.water_menu{position: absolute;width: 88px;height: 88px;background: url(../images/water_menu_off.png) center center no-repeat;left:416px;top:273px;display: none;}
		.water_menu:hover{background: url(../images/water_menu_on.png) center center no-repeat;}
		.search_containner{position: absolute;width: 30%;height: 70%;top: 15%;right: 10%;background: rgba(235,63,109,.3);border-radius: 10px;}
		.search_box{background: #e7dee4;padding:0;height: 90%;margin-top: 6%;margin-top: 5%\9;border-radius: 10px;position: relative;overflow: hidden;}
		.search_box h3{text-align: center;padding: 30px 0 10px 0;}
		.select_address{padding: 10px 10%;}
		.search_content{color: #333;padding: 10px 10%;}
		.search_content input{border: 1px solid #e5e5e5;border-radius: 15px;padding: 5px 10px;margin-left: 20px;}
		.search_tb{padding: 10px 6%;height: 59.8%;overflow: hidden;}
		.search_tb table{border: 0;width: 100%;text-align: center;}
		.search_tb table th{background: #ea094b;font-size: 12px;padding: 5px 8px;text-align: center;}
		.search_tb table td{color: #333;font-size: 12px;padding: 5px 8px;}
		.footer a{color: #fff;}
		.footer_box_1{position: relative;width: 100%;height: 120px;background: #603f45;}
		.footer_box_1 ul{text-align: center;padding: 8px 0 0 0;position: absolute;top: 50%;left: 0;width: 100%;margin-top: -60px;}
		.footer_box_1 ul li{padding: 3px 10px;font-size: 14px;color: #bc9ea4;}
		.content1{position: relative;margin: 0 auto;width: 1024px;max-width: 1024px;}
		.content1 .item_1{padding: 70px 0 0 0;}
		.content1 .item_1 h3{font-size: 32px;font-weight: 500;text-align: left;}
		.content1 .item_1 p{text-align: left;font-size: 18px;padding: 10px 0 20px 0;line-height: 2;color: #474747;}
		.corporate_banner{text-align: center;position: relative;}
		.corporate_banner .title{position: absolute;left: 50%;top: 0;width: 230px;height: 169px;background: url(../images/gsjj_title.png) top center no-repeat;background-size: 80%;margin-left: -115px;}
		.corporate_banner .text{position: absolute;bottom: 0;left: 0;width: 100%;height: 100px;background: #e5004d;padding: 10px 0;}
		.corporate_banner .li{width: 824px;margin: 0 auto; background: url(../images/logo_title.png) left center no-repeat;height: 100px;color: #fff;font-size: 40px;line-height: 100px;padding-left: 200px;}
		.team_dic_box{position: relative;width: 100%;height: 332px;padding: 40px 0;}
		.team_dic_box .left{width: 45%;float: left;margin-left: 4.5%;}
		.team_dic_box .right{width: 44%;float: left;margin-left: 2.5%;font-size: 18px;line-height: 2;padding-top: 15px;}
		.team_img1{height: 951px;padding: 50px 0;}
		.team_img2{height: 1139px;padding: 50px 0;}
		.team_img3{height: 1101px;padding: 50px 0;}
		.big_h1{text-align: center;padding: 80px 0 160px 0;}
		
		.footer_box{width: 100%;height:196px;background: #ea094b;}
		.footer_box ul{text-align: center;padding:0;position: absolute;top: 50%;left: 0;width: 100%;margin-top: -50px;}
		.footer_box ul li{padding: 3px 10px;font-size: 14px;color: #fff;}
		.footer_box .footer{position: relative;height:100%;}

/* banner */
.banner{ width:100%; height:100%; overflow:hidden; position:relative; border:0;}
.banner .bd{ position:relative; z-index:0; height:100%;}
.banner .bd ul{ width:100% !important; height:100% !important;}
.banner .bd li{ width:100% !important;  height:100%; }
.banner .bd li .siteWidth{ width:100%; position:relative;  margin:0 auto;  height:100%;  }
.banner .bd li>a{ height:100%; display:block;position: relative;}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:30px; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:6px; background:#fff;border: 1px solid #ea094b; overflow:hidden; line-height:9999px; filter:alpha(opacity=40);opacity:0.4;border-radius: 50%;}
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1; background: #ea094b; }
.banner .bd .banner_iteam {background-repeat:no-repeat;background-attachment:fixed;background-position:bottom center;background-size:1920px auto;overflow: hidden;}
.banner .bd .banner_iteam img{width: 1920px;height: auto;margin: 0 auto;}
.list_title{position: absolute;left: 0;top: 32%;width: 100%;}
.list_cell{width: 1000px;margin: 0 auto;text-align: center;font-size:50px;}
.list_containner{margin: 30px auto;width: 1000px;background: #fff;}
.list_containner>p{font-size: 18px;margin: 30px 0;}
.list_containner .img_box{padding: 20px 100px;}
.list_containner .img_box img{width: 100%;}

/* news css */
.slideTxtBox{ width:1000px;text-align:left;  }
.slideTxtBox .hd{ height:34px; line-height:34px; padding:0 10px 0 20px;position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:36px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;color: #555;border-radius: 25px;width: 100px;text-align: center;font-size: 16px;}
.slideTxtBox .hd ul li.on{  background:#ea094b; border:0; color: #fff;}
.slideTxtBox .bd ul{ padding: 17px 15px;  zoom:1;  }
.slideTxtBox .bd li table{width: 100%; }
.slideTxtBox .bd li{margin:50px 0 ;}
.slideTxtBox .btn_more{width:60px;display: block;color: #ea094b;text-align: center;border: 1px solid #ccc;padding: 8px 0;border-radius: 25px;margin: 0 0 0 20px;}
.slideTxtBox .btn_more:hover{background:#ea094b;color: #fff;border: 0;}
.page_cell{text-align: center;}
.page_cell span{ padding: 0 10px;font-size: 17px;cursor: pointer;}
.page_cell span.on{color: #ea094b;}

.mask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;filter:alpha(opacity=70);opacity: .7;display: none;z-index: 2;}		
.loading-bg{width: 100%;height: 100%;background-color:#ccc;position: fixed;left: 0;top: 0;z-index: 999;color: #ea094b;}
.loading-bg:after{content: 'loading...';position: absolute;left: 50%;top: 55%;-webkit-transform: translateX(-45%);transform: translateX(-45%);}
.loading {
    width: 3px; height:3px;
    border-radius: 100%;
    box-shadow: 0 -10px 0 1px currentColor,           /* top, 1px expand */
                10px 0px currentColor,                /* right */
                0 10px currentColor,                  /* bottom */
                -10px 0 currentColor,                 /* left */

                -7px -7px 0 .5px currentColor,        /* left-top, 0.5px expand */
                7px -7px 0 1.5px currentColor,        /* right-top, 1.5px expand */
                7px 7px currentColor,                 /* right-bottom */
                -7px 7px currentColor;                /* left-bottom */
	-webkit-animation: loading 1s step-start infinite;
	animation: loading 1s step-start infinite;
	/*center*/
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
}
.joinus_box{width: 969px;margin:100px auto 0 auto;}
.joinus_box .cell{border:1px solid #ede3e3;-webkit-box-shadow:-1px 0 0px white,1px 0 0px white,0 -1px 0px white,0 2px 5px #ede3e3;border-bottom-right-radius:10px;border-bottom-left-radius:10px;margin-bottom:70px;}
.joinus_box .btn_box{padding: 40px 0;}
.joinus_box .cell{margin-bottom: 40px;}
.joinus_box .cell img{width: 100%;}

	/* 本例子css */
	.txtScroll-top{ width:306px;  overflow:hidden; position:relative;  border:0;   }
	.txtScroll-top .hd{ overflow:hidden;  height:40px;line-height: 40px; background:#ea094b; padding:0 10px; color: #fff; }
	.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer;}
	.btn_new_more{position: absolute;right:20px;top:7px;width: 80px;height: 25px;background: url(../images/btn_more_content.png) center center no-repeat;background-size: 100%;}
	.txtScroll-top .hd .next{}
	.txtScroll-top .hd ul{ float:left; overflow:hidden; zoom:1;display: none;}
	.txtScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
	.txtScroll-top .hd ul li.on{ background-position:0 0; }
	.txtScroll-top .bd{ padding:15px;  }
	.txtScroll-top .infoList li{ height:24px; line-height:24px;font-size: 14px;width: 270px;}
	.txtScroll-top .infoList li a{color:#333;}
	.txtScroll-top .infoList li .date{ float:right; color:#999; }
	
	/*企业新闻*/
	.m-slide-box{position: relative;padding: 50px 0 0 0;}
	.border_1{border-top: 1px solid #ccc;padding: 30px 0;}
	.m-slide{ position: relative; width:1000px;  height: 250px;background: #fff;margin:0 auto;border-radius: 8px;}
	.m-slide .img { float: left; position: relative }
	.m-slide .img li, .m-slide .img a, .m-slide .img { display: block; width: 600px; height: 250px }
	.m-slide .img img{width: 280px;height: 180px;padding: 35px 20px 35px 20px;float: left;cursor: pointer;}
	.m-slide .img li { position: absolute; left: 0; top: 0 }
	.m-slide .img .first { display: block }
	.m-slide .tab { float: right;height: 180px;padding: 25px 20px 25px 0;}
	.m-slide .tab li { *margin-bottom: -3px; width: 353px;}
	.m-slide .tab .first { border-top: 0 }
	.m-slide .tab a { text-decoration: none; display: block; position: relative; width: 352px; height:49px;}
	.m-slide .tab a:hover{background: #ea094b;color: #fff;}
	.m-slide .tab a b { position: absolute; left: 0; top: 20px; width: 4px; height: 11px; overflow: hidden }
	.m-slide .tab a span { position: absolute; overflow: hidden }
	.m-slide .tab a .title { left: 105px; top: 15px; height: 20px; line-height: 20px; font-size: 16px;}
	.m-slide .tab a .des { left: 10px; top: 15px; height: 20px; line-height: 20px;font-size: 16px;}
	.m-slide .tab .first a { height: 50px }
	.m-slide .tab .on a { background-color: #ea094b;}
	.m-slide .tab .on a span {color: #fff;}
	.m-slide .right-box{width: 280px;height: 180px;float: left;position: relative;text-align: left;padding: 35px 0;}
	.m-slide .right-box .tit-line2{font-size: 18px;line-height: 1.2;cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.m-slide .right-box .tit-line2:hover{color: #ea094b;}
	.m-slide .btn-more{border: 1px solid #ccc;padding: 7px 30px;border-radius: 25px;color: #ea094b;position: absolute;left: 0;bottom:35px;font-size: 14px;cursor: pointer;}
	.m-slide .btn-more:hover{background: #ea094b;color: #fff;}
	.m-slide .content-des{font-size: 14px;color: #b2b2b2;padding:5px 0;max-height:42px;white-space: pre-wrap; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.left-menu{position: absolute;left: 60px;top:30px;padding: 4px 20px; background: #fff1f1;font-size: 20px;}
	.right-menu{position: absolute;right: 60px;top:30px;padding: 4px 20px; background: #fff1f1;font-size: 20px;cursor: pointer;}
	.right-menu:hover{color: #ea094b;}
	
	/*企业新闻手机版banner*/
.news_banner{ width:100%; height:100%; overflow:hidden; position:relative; border:0;text-align: left;display: none;}
.news_banner .bd{ position:relative; z-index:0;margin: 0 15px 5px 15px;}
.news_banner .bd li{ width:100% !important;  height:100%;min-height: 130px;}
.news_banner .bd li .siteWidth{ width:100%; position:relative;  margin:0 auto;  height:100%;  }
.news_banner .bd li>a{display:block;position: relative;margin:0;border-top:1px solid #ede3e3;border-radius: 5px;padding:0 15px;-webkit-box-shadow:-1px 0 1px #ede3e3,1px 0 1px #ede3e3,1px 0 1px #ede3e3,0 2px 5px #ede3e3;}
.news_banner .bd li>a img{width:190px;-webkit-transform: scaleX(.5) scaleY(.7) translateX(-50%);}
.news_banner .hd{ width:100%; height:18px; line-height:18px; text-align:center; }
.news_banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:6px; background:#fff;border: 1px solid #ea094b; overflow:hidden; line-height:9999px; filter:alpha(opacity=40);opacity:0.4;border-radius: 50%;}
.news_banner .hd ul .on{ filter:alpha(opacity=100);opacity:1; background: #ea094b; }
.news_banner .right-box{position: absolute;width: 55%;left: 40%;top: 0;padding: 15px 0;}
.news_banner .right-box .tit-line2{line-height: 1.2;cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #000;font-size: 14px;}
.news_banner .content-des{font-size: 12px;color: #b2b2b2;padding:5px 0;max-height:60px;white-space: pre-wrap; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
	
	/* 科学喂养css */
	.scrollBox{ width:1000px;  background:#fff;padding:10px 0 0 0;position:relative;margin:0 auto;overflow:hidden;zoom:1;}
	.scrollBox .piclist{ overflow:hidden; zoom:1;}
	.scrollBox .ohbox{overflow:hidden; position:relative;width:910px;left:45px;top: 15px;}
	.scrollBox .piclist li{float:left; display:inline; width:210px;background:#fff;margin-right:10px;padding:5px;}
	.scrollBox .piclist li span{height:25px;line-height:25px;display:block;text-align:center;font-size: 18px;margin-top: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.scrollBox .pageBtn span{ display:block;width:30px;height:60px;position:absolute;top:90px;cursor:pointer;text-indent:-999em;overflow:hidden; }
	.scrollBox .pageBtn .prev{left:7px;background: url(../images/scroll_prev.png) center center no-repeat;opacity: .5;filter: alpha(opacity=50);}
	.scrollBox .pageBtn .next{right:7px;background: url(../images/scroll_next.png) center center no-repeat;opacity: .5;filter: alpha(opacity=50);}
	.scrollBox .pageBtn .prev:hover,.scrollBox .pageBtn .next:hover{opacity: 1;filter: alpha(opacity=100);}
	.scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 413px; }
	.scrollBox .pageBtn .list li{ float:left; display:inline; width:15px;height:15px;cursor:pointer;margin-left:10px;overflow:hidden;color: #fff;}
	
	/*科学喂养手机版*/
	.group_banner{border-top:1px solid #ede3e3;-webkit-box-shadow:-1px 0 1px #ede3e3,1px 0 1px #ede3e3,1px 0 1px #ede3e3,0 2px 5px #ede3e3;margin:0 15px;display: none;}
	.group_banner .row{display: table;}
	.group_banner .row>div{display: table-cell;width: 50%;padding: 10px;position: relative;}
	.group_banner .row>div:first-child{padding-right:5px;}
	.group_banner .row>div:last-child{padding-left: 5px;}
	.group_banner .row>div img{width: 100%;}
	/* 团队风采css */
	.picBtnTop{ width:800px; height:680px;padding:5px;  position:relative;  overflow:hidden;  zoom:1;margin:60px auto;}
	.picBtnTop .hd{ width:100px;  height:590px;position:absolute; right:5px;padding:45px 0;}
	.picBtnTop .hd .iteam1{-webkit-transform: translateX(-100%);transform: translateX(-100%);}
	.picBtnTop .hd .iteam2{-webkit-transform: translateX(-30%);transform: translateX(-30%);}
	.picBtnTop .hd .iteam3{-webkit-transform: translateX(-30%);transform: translateX(-30%);}
	.picBtnTop .hd .iteam4{-webkit-transform: translateX(-100%);transform: translateX(-100%);}
	.picBtnTop .hd ul li{ width:100px; text-align:center; padding:13px 0;opacity: .5;cursor:pointer;filter: alpha(opacity=50);}
	.picBtnTop .hd ul li:first-child{padding: 0;}
	.picBtnTop .hd ul li:last-child{padding: 0;}
	.picBtnTop .hd ul li img{ width:100%; height:100%; border:0; cursor:pointer; vertical-align:bottom;border-radius: 50%;}
	.picBtnTop .hd ul li.on{opacity: 1;filter: alpha(opacity=100);}
	.picBtnTop .bd{ width:520px;  height:520px; position:relative; padding:80px 0 80px 80px; }
	.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
	.picBtnTop .bd li .pic{ position:relative; z-index:0;  }
	.picBtnTop .bd li .pic img{ width:100%; height:100%; vertical-align:bottom; }
	.picBtnTop .prev{position: absolute;right:210px;top: 5px;display: block;width: 63px;height:63px;background: url(../images/prev1.png) center center no-repeat;filter: alpha(opacity=50);opacity: 0.5;cursor:pointer;}
	.picBtnTop .next{position: absolute;right:210px;bottom: 5px;display: block;width: 63px;height:63px;background: url(../images/next1.png) center center no-repeat;filter: alpha(opacity=50);opacity: 0.5;cursor:pointer;}
	.picBtnTop .prev:hover,.picBtnTop .next:hover{filter: alpha(opacity=100);opacity: 1;}
	.picBtnTop .welcome_join{position: absolute;left: 0;bottom: 0;font-size: 0;line-height: 0;width: 207px;height: 207px;}
	.picBtnTop .welcome_join img{width: 100%;}
	
	.mobile_box{background:url(../images/joinus_bg.jpg) top center no-repeat;background-size:auto 100%; display: none;}
	
	/*手机端头部菜单*/
	.wap_header{height: 45px;position: absolute;width: 100%;top:0;background: url(../images/wap_logo.png) #ea0b4c center center no-repeat;background-size: 60px 21px;display: none;}
	.wap_menu{float: left;width: 45px;height: 45px;background: url(../images/wap_menu.png) center center no-repeat;background-size: 25px;}	
	
	#section3 .mobile_joinus{display: none;}
	#section3 .mobile_joinus .title{font-size: 40px;color: #ea094b;margin: 20px 0;}
	#section3 .mobile_joinus .btn_more{background: #fff;border: 1px solid #ccc;font-size: 20px;padding: 5px 10px;border-radius: 25px;}
	#section3 .mobile_joinus .btn_join_tel{width: 70%;margin:40px auto 20px auto;}
	#section4 .wap_team_middle{width:200px;position: absolute;left:50%;top:50%;margin-left: -100px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
	#section4 .wap_team_middle img{width: 100%;}
	.lock-wrap {position: absolute;left: 0;width: 100%;height: 100%;background: #f9ebeb;z-index: 10;display: none;}	
	.lock-wrap .lock {position: absolute;left: 50%;top: 50%;width: 380px;height: 30px;margin: -15px 0 0 -190px;text-align: center;color: #ea094b;font-size: 25px;}
	.lock-wrap-ipad {position: absolute;left: 0;width: 100%;height: 100%;background: #f9ebeb;z-index: 10;display: none;}	
	.lock-wrap-ipad .lock-ipad {position: absolute;left: 50%;top: 50%;width: 500px;height: 30px;margin: -15px 0 0 -250px;text-align: center;color: #ea094b;font-size: 25px;}
	.mobile_team_show{position: relative;display: none;}
	.mui-table-view {position: relative;margin-top: 20px;margin-bottom: 10px;padding-left: 0;list-style: none;}
.mui-table-view.mui-grid-view {font-size: 0;display: block;padding: 0 10px 10px 0;white-space: normal;}
.mui-table-view.mui-grid-view .mui-table-view-cell {display: inline-block;margin-right: -8px;padding: 10px 0 0 8px;text-align: center;vertical-align: middle;background: 0 0;position: relative;}
.mui-table-view-cell>a:not(.mui-btn) {position: relative;display: block;overflow: hidden;margin: -11px -15px;padding: inherit;white-space: nowrap;text-overflow: ellipsis;color: inherit;}
.mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn) {margin: -10px 10px 0 -4px;}
.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object {width: 100%;max-width: 100%;height: auto;border: 0;}
.mui-col-xs-6 {width: 50%;}
.mui-table-view .mui-media, .mui-table-view .mui-media-body {overflow: hidden;}
#section5 .wap-map-box{display:none;}

	.mobile {float: none; position: relative;overflow: hidden;}
	/*Hiding the checkbox*/
	#tm {display: none;}
	/*Content area*/
	.mobile section {position: relative; transition: all 0.45s;}
	.mobile section label {cursor: pointer; text-transform: uppercase;}
	/*Nav styles*/
	.sidenav {background: #fff; width: 200px;position: fixed; left: 0; top: 0; bottom: 0; padding-top: 40px;display: none;}
	.sidenav li {list-style-type: none;padding: 8px 20px;position: relative;text-align: center;}
	.sidenav a {text-decoration: none; }
	.sidenav a:hover{color: #eb1957;}
	.sidenav b {display: block;font-size: 14px;height: 40px;line-height: 40px;opacity: 0;-webkit-transform: translateX(50px); transform: translateX(50px); transition: all 0.4s;padding: 0 20px 0 60px;}
	/*Animation controls using checkbox hack*/
	/*Animate content area to the right*/
	#tm:checked ~ section {-webkit-transform: translateX(200px);transform: translateX(200px);}
	/*Animate links from right to left + fade in effect*/
	#tm:checked ~ .sidenav b {opacity: 1;-webkit-transform: translateX(0); transform: translateX(0);}

	/*Adding delay to link animation - in multiples of .08s*/
	/*One can use jQuery also for creating the delayed effect. But I will stick to manual CSS for this walkthrough.*/
	#tm:checked ~ .sidenav li:nth-child(1) b {transition-delay: 0.08s;}
	#tm:checked ~ .sidenav li:nth-child(2) b {transition-delay: 0.16s;}
	#tm:checked ~ .sidenav li:nth-child(3) b {transition-delay: 0.24s;}
	#tm:checked ~ .sidenav li:nth-child(4) b {transition-delay: 0.32s;}
	#tm:checked ~ .sidenav li:nth-child(5) b {transition-delay: 0.40s;}
	#tm:checked ~ .sidenav li:nth-child(6) b {transition-delay: 0.48s;}
	#tm:checked ~ .sidenav li:nth-child(7) b {transition-delay: 0.56s;}
	.sidenav .fa-home{background:url(../images/wap_icon_home.png) 20px center / 35px 35px no-repeat;}
	.sidenav .fa-jianjie{background:url(../images/wap_icon_jianjie.png) 20px center / 35px 35px no-repeat;}
	.sidenav .fa-news{background:url(../images/wap_icon_news.png) 20px center / 35px 35px no-repeat;}
	.sidenav .fa-join{background:url(../images/wap_icon_join.png) 20px center / 35px 35px no-repeat;}
	.sidenav .fa-pro{background:url(../images/wap_icon_pro.png) 20px center / 35px 35px no-repeat;}
	.sidenav .fa-team{background:url(../images/wap_icon_team.png) 20px center / 35px 35px no-repeat;}
	.sidenav .fa-tel{background:url(../images/wap_icon_telus.png) 20px center / 35px 35px no-repeat;}
	
	/*新闻详情*/
	    .news_prev,.news_next{margin: 10px 0;font-size: 14px;}
		.news_prev a,.news_next a{color: #b2b2b2;}
		.news_next a:hover,.news_prev a:hover{color: #ea094b;}
		.return_news_list{position: absolute;right: 0;top: 12px;border: 1px solid #ccc;border-radius:25px;padding: 3px 25px;color: #ea094b;font-size: 14px;}
		.return_news_list:hover{background-color: #ea094b;color: #fff;}
		.back_btn{float: left;width: 105px;height: 120px;line-height: 120px;font-size: 26px;color: #999;text-align: left;cursor: pointer; border-right:1px solid #ccc;padding-left: 65px;background: url(../images/jiantou.png) left center no-repeat;}
		.back_btn:hover{background: url(../images/jiantou1.png) left center no-repeat;color: #ea094b;}
		.header_news_details{position: relative;border-bottom:1px solid #ccc;height: 120px;}
		.center_cell{margin: 0 auto;width: 980px;padding: 0 10px;height: 120px;}
		.news_content{margin: 70px auto;width: 1000px;text-align: center;padding-bottom: 200px;background: #fff;}
		.news_content .title{font-size: 24px;}
		.news_content .date_time{font-size: 14px;color: #b2b2b2;margin: 10px 0 45px 0;}
		.news_content .dic{font-size: 14px;margin: 10px 0 20px 0;}
		.news_content .details_content{width: 1000px;max-width: 1000px;overflow: hidden;text-align: left;}
		.news_content .details_content img{max-width: 100%;}
		.box_number{position: relative;text-align: left;margin: 30px 0;}
		.footer_fixed{position: fixed;left: 0;bottom: 0;width: 100%;}
		.more_content{text-align: left;padding: 15px 0;margin: 30px 0;}
		.more_content a{color: #0000FF;}
	
/*小屏幕*/		
@media only screen and (min-width: 1024px) and (max-width:1279px) {
	.nav_off{background-size: 70%;}
	.shop_off{background-size: 65%;}
	#section1 .content,#section2 .content{width: 900px;}
	#section1 .options{padding: 10px 0 10px 0;}
	#section1 .options img{width: 100px;}
	#section1 p{margin: 25px 35px;}
	.m-slide-box {padding: 20px 0 0 0;}
	.left-menu{top: 0;}
	.right-menu{top: 0;}
	.m-slide{height: 160px;width: 900px;}
	.m-slide .img li, .m-slide .img a, .m-slide .img {height: 160px;width: 523px;}
	.m-slide .img img{height: 130px;width: 202px; padding: 15px 20px 15px 20px;}
	.m-slide .right-box{height: 130px;padding: 15px 0;}
	.m-slide .btn-more{bottom: 15px;}
	.border_1{padding: 25px 0;}
	.m-slide .tab{height: 130px;    padding: 15px 20px 15px 0;}
	.m-slide .tab a{height: 30px;}
	.m-slide .tab a .title,.m-slide .tab a .des{top: 5px;}
	.scrollBox{width: 900px;}
	.scrollBox .ohbox{width: 770px;left: 65px;}
	.scrollBox .pageBtn .prev{left: 27px;}
	.scrollBox .pageBtn .next{right: 27px;}
	.scrollBox .piclist li{width: 100px;margin:0 40px;}
	.scrollBox .piclist li img{width: 100px;}
	.scrollBox .pageBtn span{top: 40px;}
	.scrollBox .piclist li span{font-size: 12px;}
	.joinus_box{width: 650px; margin: 20px auto 0 auto;}
	.joinus_box .btn_box {padding: 25px 0;}
	.picBtnTop{width: 700px; height: 380px; margin: 20px auto;}
	.picBtnTop .bd{ width:320px;  height:320px;padding:30px 0 30px 80px; }
	.picBtnTop .hd{height: 320px;padding: 30px 0;}
	.picBtnTop .hd ul li{width: 50px;}
	.picBtnTop .welcome_join{width: 167px;height: 167px;}
	#section5 .mab-box{margin: 60px 300px 60px auto;width: 600px;height: 450px;}
	.content article section:nth-of-type(3) {padding: 5px 0;}
	.content article section:last-child {padding: 10px 0;}
	.lianxi-box{left: 720px;}
	.list_cell {font-size: 30px;}
	.list_containner {width: 900px;}
	.slideTxtBox {width: 900px;}
	.news_content{width: 900px;}
	.news_content .details_content {width: 900px;max-width: 900px;}
	.back_top{margin-left: 400px;}
	
}
@media only screen and (min-width: 1280px) and (max-width:1359px) {
	.nav_off{background-size: 70%;}
	.shop_off{background-size: 65%;}
	#section1 .options{padding: 10px 0 10px 0;}
	#section1 .options img{width: 100px;}
	#section1 p{margin: 25px 35px;}
	.m-slide-box {padding: 20px 0 0 0;}
	.left-menu{top: 0;}
	.right-menu{top: 0;}
	.m-slide{height: 160px;}
	.m-slide .img li, .m-slide .img a, .m-slide .img {height: 160px }
	.m-slide .img img{height: 130px;padding: 15px 20px 15px 20px;}
	.m-slide .right-box{height: 130px;padding: 15px 0;}
	.m-slide .btn-more{bottom: 15px;}
	.border_1{padding: 25px 0;}
	.m-slide .tab{height: 130px;    padding: 15px 20px 15px 0;}
	.m-slide .tab a{height: 30px;}
	.m-slide .tab a .title,.m-slide .tab a .des{top: 5px;}
	.scrollBox .ohbox{width: 870px;left: 65px;}
	.scrollBox .pageBtn .prev{left: 27px;}
	.scrollBox .pageBtn .next{right: 27px;}
	.scrollBox .piclist li{width: 100px;margin:0 55px;}
	.scrollBox .piclist li img{width: 100px;}
	.scrollBox .pageBtn span{top: 45px;}
	.scrollBox .piclist li span{font-size: 12px;}
	.joinus_box{width: 650px; margin: 20px auto 0 auto;}
	.joinus_box .btn_box {padding: 25px 0;}
	.picBtnTop{width: 700px; height: 380px; margin: 20px auto;}
	.picBtnTop .bd{ width:320px;  height:320px;padding:30px 0 30px 80px; }
	.picBtnTop .hd{height: 320px;padding: 30px 0;}
	.picBtnTop .hd ul li{width: 50px;}
	.picBtnTop .welcome_join{width: 167px;height: 167px;}
	#section5 .mab-box {margin: 30px 220px 30px auto;}
}
/*一般笔记本分辨率*/			
@media only screen and (min-width: 1360px) and (max-width:1366px) {
	.nav_off{background-size: 70%;}
	.shop_off{background-size: 65%;}
	#section1 .options{padding: 30px 0 10px 0;}
	#section1 .options img{width: 100px;}
	.m-slide-box {padding: 30px 0 0 0;}
	.left-menu{top: 10px;}
	.right-menu{top: 10px;}
	.m-slide{height: 160px;}
	.m-slide .img li, .m-slide .img a, .m-slide .img {height: 160px }
	.m-slide .img img{height: 130px;padding: 15px 20px 15px 20px;}
	.m-slide .right-box{height: 130px;padding: 15px 0;}
	.m-slide .btn-more{bottom: 15px;}
	.border_1{padding: 25px 0;}
	.m-slide .tab{height: 150px;    padding: 15px 20px 15px 0;}
	.m-slide .tab a{height: 30px;}
	.m-slide .tab a .title,.m-slide .tab a .des{top: 5px;}
	.scrollBox .piclist li{width: 150px;margin:0 35px;}
	.scrollBox .piclist li img{width: 150px;}
	.scrollBox .pageBtn span{top: 80px;}
	.joinus_box{width: 750px; margin: 40px auto 0 auto;}
	.joinus_box .btn_box {padding: 30px 0;}
	.picBtnTop{width: 750px; height: 480px; margin: 20px auto;}
	.picBtnTop .bd{ width:420px;  height:420px;padding:30px 0 30px 80px; }
	.picBtnTop .hd{height: 420px;}
	.picBtnTop .hd ul li{width: 65px;}
	.picBtnTop .welcome_join{width: 167px;height: 167px;}
	#section5 .mab-box{margin: 30px 220px 30px auto;}
}
@media only screen and (min-width: 1367px) and (max-width:1680px) {
	#section1 .options{padding: 50px 0 30px 0;}
	#section1 .options img{width: 150px;}
	.m-slide-box {padding: 30px 0 0 0;}
	.left-menu{top: 10px;}
	.right-menu{top: 10px;}
	.m-slide{height: 160px;}
	.m-slide .img li, .m-slide .img a, .m-slide .img {height: 160px }
	.m-slide .img img{height: 130px;padding: 15px 20px 15px 20px;}
	.m-slide .right-box{height: 130px;padding: 15px 0;}
	.m-slide .btn-more{bottom: 15px;}
	.border_1{padding: 25px 0;}
	.m-slide .tab{height: 150px;    padding: 15px 20px 15px 0;}
	.m-slide .tab a{height: 30px;}
	.m-slide .tab a .title,.m-slide .tab a .des{top: 5px;}
	.joinus_box{width: 850px; margin: 40px auto 0 auto;}
	.joinus_box .btn_box {padding: 30px 0;}
	.picBtnTop{width: 750px; height: 480px; margin: 20px auto;}
	.picBtnTop .bd{ width:420px;  height:420px;padding:30px 0 30px 80px; }
	.picBtnTop .hd{height: 420px;}
	.picBtnTop .hd ul li{width: 65px;}
	.picBtnTop .welcome_join{width: 167px;height: 167px;}
	#section5 .mab-box {margin: 50px 200px 50px auto;}
}
@media screen and (orientation:portrait) {
/*移动设备竖屏*/
body{background-color: #fff !important;}
.sidenav{display: block;}
.mobile {float:left;width: 100%;}
.nav_off{display: none;}
.shop_off{display: none;}
#fp-nav{display: none;}
#section1 .options img{width:20%;}
.wap_header{display: block;top: 0;}
.section .fp-tableCell>.title {width: 100%;margin:0 auto;font-size: 18px;}
#section1 .content {width: 100%;margin: 0 auto;padding: 10px 0;}
#section1 .options {padding: 10px 0 0 0;}
#section1 p{margin: 10px 20px;font-size: 12px;}
.m-slide-box {padding: 15px 0 0 0;}
.m-slide{display: none;}
.scrollBox{display: none;}
#section2{background: #fff;}
#section2 .content{width: 100%;}
.border_1{padding: 20px 0 0 0;}
.left-menu{left: 0;font-size: 14px;padding: 4px 15px;top:0;background: #fff;}
.right-menu{font-size: 14px;top:0;padding: 4px 15px;right: 0;background: #fff;}
.group_banner{display: block;}
.news_banner{display: block;}
.joinus_box{display: none;}
.picBtnTop{display: none;}
#section5 .mab-box{display: none;}
.footer_box ul li{font-size: 12px;}
.footer_box ul li:first-child{display: none;}
.footer_box{height: 115px;}
.footer_box ul{margin-top:0;-webkit-transform: translateY(-50%);}
#section3{background: url(../images/joinus_bg1.jpg) center center no-repeat;background-size:auto 100%;}
#section3 .content{width: 100%;}
#section3 .mobile_joinus{display: block;}
#section4 .content {width: 100%;}
.mobile_team_show{display: block;}
#section5 .content {width: 100%;}
#section5 .wap-map-box{display: block;}

.list_containner {width: 80%;}
.list_cell {width: 100%;font-size: 20px;}
.list_containner {margin: 10px auto;width: 90%;}
.list_title { top:50%;-webkit-transform: translateY(-50%);}
h2 {font-size: 16px;}
.list_containner>p{font-size: 14px;margin: 10px 0;}
.list_containner .img_box{padding: 10px 10px;}
.slideTxtBox {width: 100%;}
.slideTxtBox .bd ul{padding: 0;}
.slideTxtBox .bd li{width: 100%;position: relative;overflow: hidden;margin: 15px 0;}
.slideTxtBox .hd ul li{width: 35%;}
.slideTxtBox .hd ul {float: none;position: relative;left: 0;top: 0;}
.slideTxtBox .hd{padding: 10px 10%;}

.title-after-before{padding: 0 25px;}
.title-after-before:before,.title-after-before:after{top: 10px;width: 20px;}
.section .title-after-before:before,.section .title-after-before:after{top:10px;}
.header_news_details{display: none;}
.news_content {margin: 0px auto;width: 100%;padding-bottom: 0px;padding-top: 65px;}
.news_content .details_content {width: auto;padding: 0 15px;max-width: 100%;}
.news_content .title {font-size: 16px;}
.news_content .date_time {font-size: 12px;margin: 10px 0 10px 0;}
.news_content .dic {font-size: 12px;}
.more_content {padding: 15px 10px;margin: 10px 0;}
.return_news_list{display: none;}
.news_prev, .news_next {margin: 10px;font-size: 12px;}

.pc_box{display: none;}
.mobile_box{display: block;}
.back_top {left: auto;right: 20px;bottom: 120px;}
}
/*4-417*2=834*/
@media (device-height:480px) and (min-width:320px) and (-webkit-min-device-pixel-ratio:2){
	.news_banner .content-des{-webkit-line-clamp: 2;}
	.list_cell {font-size: 14px;}
	.list_containner {margin: 10px auto;width: 90%;}
	h2 {font-size: 14px;}
	.list_containner>p{font-size: 12px;margin: 10px 0;}
	.list_containner .img_box{padding: 10px 10px;}
	.footer_box{height: 115px;}
}
/* 425*2=850*/
@media (width:270px){
	.news_banner .content-des{-webkit-line-clamp: 2;}
	.list_cell {font-size: 14px;}
	.list_containner {margin: 10px auto;width: 90%;}
	h2 {font-size: 14px;}
	.list_containner>p{font-size: 12px;margin: 10px 0;}
	.list_containner .img_box{padding: 10px 10px;}
	.footer_box{height: 115px;}
}
/*5-504*2=1008*/
@media (device-height:568px) and (min-width:320px) and (-webkit-min-device-pixel-ratio:2){
	.news_banner .content-des{-webkit-line-clamp: 2;}
	.list_cell {font-size: 14px;}
	.list_containner {margin: 10px auto;width: 90%;}
	h2 {font-size: 14px;}
	.list_containner>p{font-size: 12px;margin: 10px 0;}
	.list_containner .img_box{padding: 10px 10px;}
	.footer_box{height: 115px;}
}
/* 567*1.5=850*/
@media(width:360px){
	.news_banner .content-des{-webkit-line-clamp: 2;}
	.list_cell {font-size: 14px;}
	.list_containner {margin: 10px auto;width: 90%;}
	h2 {font-size: 14px;}
	.list_containner>p{font-size: 12px;margin: 10px 0;}
	.list_containner .img_box{padding: 10px 10px;}
}
/*6-603*2=1206*/
@media (device-height:667px) and (min-width:375px) and (-webkit-min-device-pixel-ratio:2){
	
}
/*6p-665*2=1330*/
@media (device-height:736px) and (min-width:414px) and (-webkit-min-device-pixel-ratio:2){
	
}

/*ipad竖屏*/
@media screen and (orientation:portrait) and (width:768px) and (height:1024px) and (-webkit-min-device-pixel-ratio:2){
	.lock-wrap-ipad{display: block;}
	.nav_off{background-size: 70%;}
	.shop_off{background-size: 65%;}
	#section1 .content,#section2 .content{width: 900px;}
	#section1 .options{padding: 10px 0 10px 0;}
	#section1 .options img{width: 100px;}
	#section1 p{margin: 25px 35px;}
	.m-slide-box {padding: 20px 0 0 0;}
	.left-menu{top: 0;}
	.right-menu{top: 0;}
	.m-slide{height: 160px;width: 900px;}
	.m-slide .img li, .m-slide .img a, .m-slide .img {height: 160px;width: 523px;}
	.m-slide .img img{height: 130px;width: 202px; padding: 15px 20px 15px 20px;}
	.m-slide .right-box{height: 130px;padding: 15px 0;}
	.m-slide .btn-more{bottom: 15px;}
	.border_1{padding: 25px 0;}
	.m-slide .tab{height: 130px;    padding: 15px 20px 15px 0;}
	.m-slide .tab a{height: 30px;}
	.m-slide .tab a .title,.m-slide .tab a .des{top: 5px;}
	.scrollBox{width: 900px;}
	.scrollBox .ohbox{width: 770px;left: 65px;}
	.scrollBox .pageBtn .prev{left: 27px;}
	.scrollBox .pageBtn .next{right: 27px;}
	.scrollBox .piclist li{width: 100px;margin:0 40px;}
	.scrollBox .piclist li img{width: 100px;}
	.scrollBox .pageBtn span{top: 60px;}
	.scrollBox .piclist li span{font-size: 12px;}
	.joinus_box{width: 650px; margin: 20px auto 0 auto;}
	.joinus_box .btn_box {padding: 25px 0;}
	.picBtnTop{width: 700px; height: 380px; margin: 20px auto;}
	.picBtnTop .bd{ width:320px;  height:320px;padding:30px 0 30px 80px; }
	.picBtnTop .bd ul{width: 320px;height: 320px;}
	.picBtnTop .bd li{width: 320px;height: 320px;}
	.picBtnTop .bd li .pic img {width: 320px;height: 320px;}
	.picBtnTop .hd{height: 320px;padding: 30px 0;}
	.picBtnTop .hd ul li{width: 50px;}
	.picBtnTop .welcome_join{width: 167px;height: 167px;}
	#section5 .mab-box{margin: 10px auto;width: 800px;}
	
	.list_containner {width: 80%;}
	.list_cell {width: 100%;font-size: 20px;}
	.news_content{display: none;}
	.mobile_box{display: none;}
}
@media screen and (orientation:landscape) and (max-height:767px) and (-webkit-min-device-pixel-ratio:2){
/*移动设备横屏*/
.nav_off{display: none;}
.shop_off{display: none;}
#fp-nav{display: none;}	
.lock-wrap{display: block;}
.pc_box{display: none;}
.news_content{display: none;}
}