*{-webkit-tap-highlight-color:rgba(255,255,255,0);box-sizing: border-box;padding:0;margin:0;list-style:none;font-style:normal;font-weight:400;text-decoration:none;-webkit-text-size-adjust:none;margin:0;padding:0;font-family:'Arial', sans-serif; }

html,body{width:100%; max-width:640px;height:100%;font-size: 16px;color:#000;line-height: 1.8;  margin:0 auto;max-width:640px;min-width:240px; position:relative;font-family:"Microsoft YaHei",Verdana,Arial,'Poiret One';}

strong{ font-weight:700}

table{border-collapse:collapse;width:100%; max-width:640px;}

a img{border:0;}

input,button,textarea,select{font-family:inherit;}

a{outline:none;text-decoration:none; color: #000;}

a:hover{text-decoration:none;}

img,input{vertical-align:middle;}

.clearfix:after{visibility:hidden;display:block;font-size:0;content:"\20";clear:both;height:0;}

* html .clearfix{zoom:1;}

.clear{clear:both;overflow:hidden;height:0px;line-height:0;}

:first-child+html .clearfix{zoom:1;}

.clearfix{zoom:1;}

.clearfix{zoom:1;}

a,area{blr:expression(this.onFocus=this.blur());}

:focus{-moz-outline-style:none;}

input,textarea{-webkit-appearance:none;}



/*index.html*/

/*头部*/



/*html1*/

.popHead{ position:absolute; width:100%; max-width:640px; left:0;top:0; z-index:2000; background: #101010;}

.popHead .header{background:none;}

.popHead1{ position:absolute; width:100%; max-width:640px; left:0;top:0; z-index:2000; background: #f5f5f5; height: 40px; }

.popHead1 .header{background:none;}

.popHead1 .header .logo{ display: none; }

.header{background:rgba(0,0,0,.98);text-align:center; position:relative; z-index:3000;}

.header .logo{background:url(img/logo.jpg) no-repeat 50% 50%; width:115px;  background-size:contain; display:inline-block;height:40px;vertical-align:middle;margin: 5px 0;}

.header .list{position:absolute;left:0;top:0;width:50px;height:50px}

.header .list .listmid{transition:all .3s ease;content:"\20";width:19px;height:2px;background:#fff;position:absolute;left:16px;top:24px}

                                                    /*content:"\20"; 这里是空格*/

.header .list:before{transition:all .3s ease;content:"\20";width:19px;height:2px;background:#fff;position:absolute;left:16px;top:18px}

.header .list:after{transition:all .3s ease;content:"\20";width:19px;height:2px;background:#fff;position:absolute;left:16px;top:30px}

.topNav .header .list .listmid{ display: none; }

.topNav .header .list:before{transform:rotate(-45deg) translateX(-4px) translateY(4px);width:21px; top: 19px;left:14px}

.topNav .header .list:after{transform:rotate(45deg) translateX(0) translateY(0);width:21px; top: 25px;left:14px}

.topNav .popHead1{ background-color: #101010; }

.popHead1 .header .list .listmid{background-color: #333333}

.popHead1 .header .list:before{background-color: #333333}

.popHead1 .header .list:after{background-color: #333333}

.topNav .popHead1 .header .list .listmid{background-color: #fff}

.topNav .popHead1 .header .list:before{background-color: #fff}

.topNav .popHead1 .header .list:after{background-color: #fff}

.topNav .popHead1 .header .logo{ display: inline-block; }

#headerCart{position: absolute;right: 10px;top: 10px;}

#headerCart a{margin: 0 3px;}

#headerCart img{height: 24px;}

.noScroll,

.noScroll body{overflow:hidden}

.hide_list{visibility:hidden; overflow:hidden;overflow-y:auto; background:rgba(16,16,16,.98); padding-top:50px; text-align:left;position:absolute;bottom:0;left:0;top:0;width:100%; max-width:640px;z-index:1000;transform:translateX(-100%) ;transition:all .3s ease;overflow-scrolling : touch}

.hide_list ul{padding-top:16px;}

.hide_list li{margin:0 16px;border-bottom:0.5px solid rgba(255,255,255,.3); opacity:0;transition:all 1s .1s ease;}

.hide_list li a{line-height:40px;display:block;position:relative;color:#bcbcbc;}

.hide_list li a i{ font-size:0.5em; color:#fff; background:#ff1a1a; border-radius:3px; padding:2px; vertical-align:middle; margin-left:2px;}

.hide_list .ft{color:#666;margin:30px 16px 0 16px;text-align:left;font-size:0.8em}

.hide_list .ft a{color:#2d9c45; margin:0 3px;}

.topNav .hide_list{transform:translateX(0);visibility:visible;}

.topNav .hide_list li{opacity:1;}

p.hp{ font-size: 0.7em; color: #333333;margin:5px 16px;text-align:left; line-height: 1.2em; }



/*html2*/

.bannerSlide{ width:100%; max-width:640px; overflow:hidden; padding-top: 40px; position: relative;}

.bannerSlide .swiper-wrapper img{ width:100%; max-width:640px; height:auto;}

.bannerSlide .swiper-pic{ position: absolute; width: 100%; max-width: 640px; left: 0; bottom: 0; z-index: 500;background: #dc0010;height: 80px;}

.bannerSlide .swiper-pic img{ width:100%; max-width:640px; height:auto; }

.bannerSlide .swiper-qr{ position: absolute;right: 12px; bottom: 22px; z-index: 501; }

.bannerSlide .swiper-qr span{border: 2px solid #fff;border-radius: 5px;height: 30px;display:inline-block;vertical-align: middle;margin-right: 5px;}

.bannerSlide .swiper-qr span a{display:inline-block;width: 20px;text-align: center;color:#fff;vertical-align: top;}

.bannerSlide .swiper-qr span input{width: 40px;height:26px;vertical-align: top; border:none;border-left: 1px solid #fff;border-right: 1px solid #fff;background: none;text-align: center;color:#fff;}

.bannerSlide .swiper-qr button{background: none;border:none;}

.bannerSlide .swiper-t{ width: 55%; position: absolute; z-index: 501; overflow: hidden; bottom: 0; left: 3%; }



.bannerSlide .swiper-text{ width: 58%; position: absolute; bottom: 0; left: 0; z-index: 501;}

.bannerSlide .swiper-text .sw-t-lf{ float: left; width: 60%; position: relative; bottom: 0; left: 5%; }

.bannerSlide .swiper-text .sw-t-lf p{ color: #fff;font-size:0.875em; line-height:26px; text-indent: 15px;}

.bannerSlide .swiper-text .sw-t-lf1{ float: left; width: 60%; position: relative; bottom: 0; left: 5%; }

.bannerSlide .swiper-text .sw-t-lf1 p{ color: #fff;font-size:0.8em; line-height:22px;}

.bannerSlide .swiper-text .sw-t-lf1 .sw-por{ margin-top: 10.5px; }

.bannerSlide .swiper-text .sw-t-lf .bor1{ background: url(img/bkq.png) no-repeat left; margin-top: 6px; }

.bannerSlide .swiper-text .sw-t-lf .bor2{ background: url(img/bbq.png) no-repeat left; }

.bannerSlide .swiper-text .sw-t-rg{width:35%; float: left; font-size: 1.6em; line-height: 65px; color: #fff;position: relative; bottom: 0; left: 5%;}

.bannerSlide .swiper-text .sw-t-rg span{ font-size: 0.65em; }

.bannerSlide .swiper-right{ width: 40%; float:right; }

.bannerSlide .swiper-right img{ width: 100%; }

.bannerSlide .pagination{ position:absolute; left:0;bottom:0; text-align:center; width:100%; z-index:100;}

/*banner中圆点选中时的颜色*/

.bannerSlide .swiper-pagination-bullet-active{ background:#fff;}

.bannerSlide .swiper-pagination-bullet{ background:#fff;}

.bannerSlide-prod .swiper-pagination-bullet{ background:#fff;}





/*html3*/

.menuList{padding:30px 0 0 0; position:relative; background:#f5f5f5; }

.menuList .yous { padding:0 16px;}

.menuList .yous img{  width:100%; height:auto; box-sizing:border-box;  }

.menuList .text{ text-align:center; color:#999999; padding:0 16px;}

.menuList .text p{ font-style:italic; font-size:12px;}

.menuList .text a{ height:40px; line-height:36px; color:#fff; border-radius:24px; padding:0 30px; font-size:14px; border:2px solid #999999; display:inline-block;margin-top:20px; color:#999999;}



.proConList{ margin:0 0 10px; }

.proConList ul{ margin:0 10px; }

.proConList li{ float:left; text-align:center; width:20%; position:relative; margin-bottom:10px;}

.proConList li a{ display:block;}

.proConList li i{ position:absolute; right:8px;top:-8px; width:20px; height:20px; font-size:0.5em; font-weight:700; text-align:center; line-height:20px; background:#ff1a1a; border-radius:50%; color:#fff;}

.proConList li img{width:80%; height:auto;}

.proConList li h3{ color:#333333; font-size:0.7em;padding-top:4px}

.proConList li .txt{ font-size:0.6em; color:#666; line-height:12px;}



.myvideo { overflow:hidden; margin:30px 0 0 0;}

.myvideo1 { overflow:hidden; }

/*html4 选项卡*/

.card { overflow:hidden; background: #f5f5f5;}

.card img.img{ width:100%; max-width:640px; height:auto; margin-top:30px;}



.card .src{ overflow: hidden; transition: all 0.3s ease 0s; width: 400%; min-height:800px;}

.card .src .img{ text-align:center;margin-top:-50px; height:270px;padding-top:70px;}

.card .src .img img{width:100%; max-width:640px; height:auto;}

.card .src .con{ float:left; width:100%; max-width:640px;}

.card .src .con .con-list{ width: 85%; margin:0 auto;  }

.card .src .con .con-list a{ display: block; }

.card .src .con .con-list a .con-img{ float: left; width: 30%; margin-top: 10px; }

.card .src .con .con-list a .con-img img{ width: 100%; }

.card .src .con .con-list a .con-bor{ float: right; width: 65%; margin-top: 25px; overflow: hidden; }

.card .src .con .con-list a .con-bor .xh{ float: left; margin-top: 10px; }

.card .src .con .con-list a .con-bor .xh p{ color: #333333; font-size: 1em; }

.card .src .con .con-list a .con-bor .xh p .bor1{ display:inline-block;background:url(img/hkq.png) no-repeat; background-size:100%; width:16px;height:16px;vertical-align:middle;margin-right:4px; margin-bottom:6px; }

.card .src .con .con-list a .con-bor .xh p .bor2{ display:inline-block;background:url(img/bq.png) no-repeat; background-size:100%; width:16px;height:16px;vertical-align:middle;margin-right:4px; margin-bottom:6px;  }

.card .src .con .con-list a .con-bor .jg{ font-size: 2em; float: right;color: #333333; margin-right: 5px; margin-top: 8px; }

.card .src .con .con-list a .con-bor .jg .bor3{  display:inline-block;background:url(img/jt.png) no-repeat; background-size:100%; width:28px;height:35px;vertical-align:middle;margin-right:50px; margin-bottom:5px; }

.card .src .con .con-list a .con-bor .jg em{ font-size: 0.6em; margin-left: 0.1rem }

.card .src .con .con-list a .xt{ width: 88%; height: 2px; background: #d5d5d5; float: right; }



@media (min-width: 320px){

.card .src{ min-height: 420px; }

.card .src .con .con-list a .con-bor .xh p{ font-size: 0.5em;}

.card .src .con .con-list a .con-bor{  margin-top: 10px; }

.card .src .con .con-list a .con-bor .xh p .bor1{width:12px;height:12px; margin-bottom: 1px;}

.card .src .con .con-list a .con-bor .xh p .bor2{width:12px;height:12px; margin-bottom: 1px;}

.card .src .con .con-list a .con-bor .jg{ font-size: 1.1em; margin-top: 14px }

.card .src .con .con-list a .con-bor .jg .bor3{ width: 15px; height: 18px; margin-right:10px ; margin-bottom: 3px; }



}

@media (min-width: 360px){

.card .src{ min-height: 470px; }

.card .src .con .con-list a .con-bor .xh p{ font-size: 0.8em;}

.card .src .con .con-list a .con-bor .jg{ font-size: 1.4em; margin-top: 12px }

.card .src .con .con-list a .con-bor .jg .bor3{ width: 14px; height: 17px; margin-right:12px ; margin-bottom: 3px; }

}

@media (min-width: 375px){

.card .src{ min-height: 480px; }

.card .src .con .con-list a .con-bor .xh p{ font-size: 0.8em;}

.card .src .con .con-list a .con-bor .jg{ font-size: 1.4em; margin-top: 12px }

.card .src .con .con-list a .con-bor .jg .bor3{ width: 14px; height: 17px; margin-right:15px ; margin-bottom: 3px; }

}

@media (min-width: 414px){

.card .src{ min-height: 520px; }

.card .src .con .con-list a .con-bor .jg .bor3{ width: 15px; height: 19px; margin-right:10px ; margin-bottom: 3px; }

}

@media (min-width: 480px){

.card .src{ min-height: 600px; }

.card .src .con .con-list a .con-bor .xh p{ font-size: 1em;}

.card .src .con .con-list a .con-bor{  margin-top: 10px; }

.card .src .con .con-list a .con-bor .xh p .bor1{width:16px;height:16px; margin-bottom: 3px;}

.card .src .con .con-list a .con-bor .xh p .bor2{width:16px;height:16px; margin-bottom: 3px;}

.card .src .con .con-list a .con-bor .jg{ font-size: 1.8em; margin-top: 12px }

.card .src .con .con-list a .con-bor .jg .bor3{ width: 22px; height: 28px; margin-right:25px ; margin-bottom: 3px; }

}

@media (min-width: 640px){

.card .src{ min-height: 800px; }

.card .src .con .con-list a .con-bor{  margin-top: 25px; }

.card .src .con .con-list a .con-bor .xh p{ font-size: 1em;}

.card .src .con .con-list a .con-bor .xh p .bor1{ margin-bottom: 6px;}

.card .src .con .con-list a .con-bor .xh p .bor2{ margin-bottom: 6px;}

.card .src .con .con-list a .con-bor .jg{ font-size: 2em; margin-top: 8px }

.card .src .con .con-list a .con-bor .jg .bor3{ width: 28px; height: 35px; margin-right:50px ; margin-bottom: 5px; }

}







.card1 { overflow:hidden; background: #543d2e;}

.card1 img.img{ width:100%; max-width:640px; height:auto; margin-top:30px;}

.card1 .nav1{width:90%;margin:20px auto 0; font-size:0.8em;}

.card1 .nav1 span{cursor:pointer;border:1px solid #000;float:left;width:33.3%;height:42px;text-align:center;line-height:42px; background: #ffffff;}

.card1 .nav1 span:nth-child(1){border-radius:21px 0 0 21px}

.card1 .nav1 span:nth-child(3){border-radius:0 21px 21px 0}

.card1 .nav1 span.c{border-left:0;border-right:0}

.card1 .nav1 span.cur{background:#000;color:#fff}

.card1 .src{ overflow: hidden; transition: all 0.3s ease 0s; width: 300%; min-height:800px;}

.card1 .src .img{ text-align:center;margin-top:-50px; height:270px;padding-top:70px;}

.card1 .src .img img{width:100%; max-width:640px; height:auto;}

.card1 .src .con1{ float:left; width:100%; max-width:640px;}

.card1 .src .con1 .con-list{ width: 85%; margin:0 auto;  }

.card1 .src .con1 .con-list a{ display: block; }

.card1 .src .con1 .con-list a .con-img{ float: left; width: 30%; margin-top: 10px; }

.card1 .src .con1 .con-list a .con-img img{ width: 100%; }

.card1 .src .con1 .con-list a .con-bor{ float: right; width: 65%; margin-top: 25px; overflow: hidden; }

.card1 .src .con1 .con-list a .con-bor .xh{ float: left; margin-top: 10px; }

.card1 .src .con1 .con-list a .con-bor .xh p{ color: #ffffff; font-size: 1em; }

.card1 .src .con1 .con-list a .con-bor .xh p .bor1{ display:inline-block;background:url(img/bkq.png) no-repeat; background-size:100%; width:16px;height:16px;vertical-align:middle;margin-right:4px; margin-bottom:6px; }

.card1 .src .con1 .con-list a .con-bor .xh p .bor2{ display:inline-block;background:url(img/bbq.png) no-repeat; background-size:100%; width:16px;height:16px;vertical-align:middle;margin-right:4px; margin-bottom:6px;  }

.card1 .src .con1 .con-list a .con-bor .jg{ font-size: 2em; float: right;color: #ffffff; margin-right: 5px; margin-top: 8px; }

.card1 .src .con1 .con-list a .con-bor .jg .bor3{  display:inline-block;background:url(img/bjt.png) no-repeat; background-size:100%; width:28px;height:35px;vertical-align:middle;margin-right:50px; margin-bottom:5px; }

.card1 .src .con1 .con-list a .con-bor .jg em{ font-size: 0.6em; margin-left: 0.1rem }

.card1 .src .con1 .con-list a .xt{ width: 88%; height: 2px; background: #5f4636; float: right; }



@media (min-width: 320px){

.card1 .src{ min-height: 420px; }

.card1 .src .con1 .con-list a .con-bor .xh p{ font-size: 0.5em;}

.card1 .src .con1 .con-list a .con-bor{  margin-top: 10px; }

.card1 .src .con1 .con-list a .con-bor .xh p .bor1{width:12px;height:12px; margin-bottom: 1px;}

.card1 .src .con1 .con-list a .con-bor .xh p .bor2{width:12px;height:12px; margin-bottom: 1px;}

.card1 .src .con1 .con-list a .con-bor .jg{ font-size: 1.1em; margin-top: 14px }

.card1 .src .con1 .con-list a .con-bor .jg .bor3{ width: 15px; height: 18px; margin-right:10px ; margin-bottom: 3px; }



}

@media (min-width: 360px){

.card1 .src{ min-height: 470px; }

.card1 .src .con1 .con-list a .con-bor .xh p{ font-size: 0.8em;}

.card1 .src .con1 .con-list a .con-bor .jg{ font-size: 1.4em; margin-top: 12px }

.card1 .src .con1 .con-list a .con-bor .jg .bor3{ width: 14px; height: 17px; margin-right:12px ; margin-bottom: 3px; }

}

@media (min-width: 375px){

.card1 .src{ min-height: 480px; }

.card1 .src .con1 .con-list a .con-bor .xh p{ font-size: 0.8em;}

.card1 .src .con1 .con-list a .con-bor .jg{ font-size: 1.4em; margin-top: 12px }

.card1 .src .con1 .con-list a .con-bor .jg .bor3{ width: 14px; height: 17px; margin-right:15px ; margin-bottom: 3px; }

}

@media (min-width: 414px){

.card1 .src{ min-height: 520px; }

.card1 .src .con1 .con-list a .con-bor .jg .bor3{ width: 15px; height: 19px; margin-right:10px ; margin-bottom: 3px; }

}

@media (min-width: 480px){

.card1 .src{ min-height: 600px; }

.card1 .src .con1 .con-list a .con-bor{  margin-top: 10px; }

.card1 .src .con1 .con-list a .con-bor .xh p{ font-size: 1em;}

.card1 .src .con1 .con-list a .con-bor .xh p .bor1{width:16px;height:16px; margin-bottom: 3px;}

.card1 .src .con1 .con-list a .con-bor .xh p .bor2{width:16px;height:16px; margin-bottom: 3px;}

.card1 .src .con1 .con-list a .con-bor .jg{ font-size: 1.8em; margin-top: 12px }

.card1 .src .con1 .con-list a .con-bor .jg .bor3{ width: 22px; height: 28px; margin-right:25px ; margin-bottom: 3px; }

}

@media (min-width: 640px){

.card1 .src{ min-height: 800px; }

.card1 .src .con1 .con-list a .con-bor{  margin-top: 25px; }

.card1 .src .con1 .con-list a .con-bor .xh p{ font-size: 1em;}

.card1 .src .con1 .con-list a .con-bor .xh p .bor1{ margin-bottom: 6px;}

.card1 .src .con1 .con-list a .con-bor .xh p .bor2{ margin-bottom: 6px;}

.card1 .src .con1 .con-list a .con-bor .jg{ font-size: 2em; margin-top: 8px }

.card1 .src .con1 .con-list a .con-bor .jg .bor3{ width: 28px; height: 35px; margin-right:50px ; margin-bottom: 5px; }

}







/*新闻*/

.news{

padding:0 0 30px 0;

background: rgb(205,205,205); /* Old browsers */

background: -moz-linear-gradient(top, rgba(205,205,205,1) 0%, rgba(237,235,234,1) 29%, rgba(237,235,234,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, rgba(205,205,205,1) 0%,rgba(237,235,234,1) 29%,rgba(237,235,234,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, rgba(205,205,205,1) 0%,rgba(237,235,234,1) 29%,rgba(237,235,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.news .top{ text-align:center; padding:30px 0 10px 0;}

.news .top img{ width:100%; max-width:640px;}

.news .item { padding:0 16px;}

.news .item a{position:relative;display:block;padding:16px 0; border-bottom:1px solid #dddddd;}

.news .item .img{ float:left; width:29.5%; height: auto; overflow:hidden; margin-right:2.5%;}

.news .item .img div{display: table-cell;vertical-align:middle; height: auto; }

.news .item .img img{ width:100%; max-width:640px; height:auto;vertical-align:middle;border-radius:8px; }

.news .item .right{ width: 65%; height: auto;overflow: hidden; float: left;}

.news .item h3{ color:#333333; margin-bottom:2px; }

.news .item p{ color:#666666; overflow:hidden; text-align: justify;}

.news .item p.time{ color:#999; margin-top:5px;}

.news .more { text-align:center;}

.news .more a{ height:40px; line-height:36px; color:#333333; border-radius:24px; padding:0 30px; font-size:1.5em; border:2px solid #666666; display:inline-block;margin-top:20px;}



@media (min-width: 320px){ 

   .news .item h3{ font-size:0.9em; line-height:16px;  }

   .news .item p{ font-size:0.7em; line-height:1.1em; }

   .news .more a{ font-size: 1em; }

   .news .item p.time{  font-size: 0.6em;}

}

@media (min-width: 375px){ 

	.news .item h3{ font-size:1em; line-height:16px;}

    .news .item p{ font-size:0.8em; line-height:1.2em;}

    .news .more a{ font-size: 1em; }

    .news .item p.time{ font-size: 0.7em;}

 }

@media (min-width: 480px){

   .news .item h3{ font-size:1.2em; line-height:1.2em;}

   .news .item p{ font-size:0.9em; line-height:1.4em; }

   .news .item p.time{  font-size: 0.8em; }

}

@media (min-width: 640px){

   .news .item h3{ font-size:1.6em; line-height:1.6em;}

   .news .item p{ font-size:1.2em; line-height:1.4em; }

   .news .item p.time{  font-size: 1em; }

}





/*食蟹小知识*/

.img img,.img{width:100%; height:auto; max-width: 640px;}

.xzhishi { position:relative; background: #fcfcfc;}

.xzhishi .oh{ overflow-x:auto;overflow-scrolling:touch; margin:0;}

.xzhishi .mq{ position:relative;}

.xzhishi .leftjt{ position:absolute; left:6px;top:50%;  background:url(img/zjt.png) no-repeat; background-size:100%;

    -webkit-animation:fadeInRight 2s .2s ease both infinite;

    -moz-animation:fadeInRight 2s .2s ease both infinite;

}

.xzhishi ul{ padding-left:40px;}

.xzhishi li{ float:left; width:220px; height:503px; position:relative;}

.xzhishi li img{ width:100%;max-width: 640px; height:100%; border-radius:10px; overflow:hidden;}

.xzhishi li .txt{ height:105px; overflow:hidden; position:absolute; width:90%; left:5%; bottom:0; text-align:center; font-size:.75em;display: table;}

.xzhishi li .txt span{vertical-align:middle; height:105px;display: table-cell;}

@media (min-width: 320px){

  .xzhishi .mq{ width: 710px; }

  .xzhishi .leftjt{ margin-top:-40px;width:20.5px; height:56.5px; }

  .xzhishi li{  width:110px; height:252px; }

}

@media (min-width: 375px){

  .xzhishi .mq{ width: 830px; }

  .xzhishi .leftjt{ margin-top:-45px;width:24px; height:66px; }

  .xzhishi li{  width:130px; height:297px; }

}

@media (min-width: 480px){

  .xzhishi .mq{ width: 960px; }

  .xzhishi .leftjt{ margin-top:-50px;width:27px; height:74px; }

  .xzhishi li{  width:150px; height:343px; }

}

@media (min-width: 640px){

  .xzhishi .mq{ width: 1400px; }

  .xzhishi .leftjt{ margin-top:-70px;width:41px; height:113px; }

  .xzhishi li{  width:220px; height:503px; }

}





/*footer*/

.footer{ background:#111111; padding:10px 4% 48px 4%;  }

.footer ul{}

.footer li{border-bottom:0.5px solid #666666;}

.footer li a{line-height:40px;display:block;position:relative;color:#bcbcbc; font-size:12px; background-size:6px;}

.footer .ft{color:#666666;margin-top:30px;font-size:0.8em;}

.footer .ft a{color:#2d9c45; margin:0 3px;}

.footer .copyright{color:#333333;margin:5px 0;font-size:0.7em; text-align: left; line-height: 1.2em;}



.footer_Nav{ position:fixed; z-index:200; left:0; bottom:0; right:0; height:48px; padding-top:2px; box-shadow:0 0 10px rgba(255,255,255,.1); 

 background: #ffffff;

 filter:alpha(opacity:80);

 opacity:0.8; 

 -moz-opacity:0.8;

 -khtml-opacity: 0.8;

}

.footer_Nav a{ float:left; width:25%;  height:48px;text-align:center; }

.footer_Nav a:first-child{ border:0;}

.footer_Nav a img{ width:20px; height:20px; vertical-align:middle;}

.footer_Nav a:first-child img  {   

	-webkit-animation:bounce 1.2s .2s ease both infinite;

    -moz-animation:bounce 1.2s .2s ease both infinite;}

.footer_Nav a span{ display:block; font-size:12px; line-height:12px;margin-top:0px;}



@-webkit-keyframes fadeInRight{

0%{opacity:0;

-webkit-transform:translateX(20px)}

100%{opacity:1;

-webkit-transform:translateX(0)}

}

@-moz-keyframes fadeInRight{

0%{opacity:0;

-moz-transform:translateX(20px)}

100%{opacity:1;

-moz-transform:translateX(0)}

}







/*第一网*/

.dyw_list .nav{ background:#fff;}

.dyw_list .nav li{ position:relative;  float:left; width:33.33%; text-align:center; height:40px; line-height:40px; font-size:0.84em; color:#333333;}

.dyw_list .nav li:last-child{ border:0;}

.dyw_list .nav li a{ color:#333333; display:block;height:40px; line-height:40px; position:relative;}

.dyw_list .nav li a:before{  content:"\20"; visibility:hidden; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#d3bf86;}

.dyw_list .nav li i{display:inline-block; vertical-align:middle; margin-bottom:1px; margin-left:4px; background:url(img/icon-d.png) no-repeat; background-size:contain; width:8px; height:10px; }

.dyw_list .nav select{ opacity:0; width:100%; height:100%; position:absolute; left:0;top:0; background:none; border:0;}

.dyw_list .nav a.cur i{background:url(img/icon-t.png) no-repeat; background-size:contain;}

.dyw_list .nav a.curTop i{background:url(img/icon-b.png) no-repeat; background-size:contain;}

.dyw_list .nav a.cur:before,

.dyw_list .nav a.curTop:before{ visibility:visible;}

/*渐变*/

.dyw-lh-list{ background:#f5f5f5; padding:20px 0 0 0;}

.dyw-lh-list .lh-top { position:relative;margin:0 3%; }

.dyw-lh-list .lh-top h3{ font-size: 0.84em; color: #ffffff;display: block; width: 100%; height: 40px; text-align: center;line-height: 40px;border-radius:24px;

                        background: rgb(22,65,143); /* Old browsers */

						background: -moz-linear-gradient(top, rgba(162,194,252,1) 0%, rgba(96,134,201,1) 50%, rgba(22,65,143,1) 100%); /* FF3.6-15 */

						background: -webkit-linear-gradient(top, rgba(162,194,252,1) 0%,rgba(96,134,201,1) 50%,rgba(22,65,143,1) 100%); /* Chrome10-25,Safari5.1-6 */

						background: linear-gradient(to bottom, rgba(162,194,252,1) 0%,rgba(96,134,201,1) 50%,rgba(22,65,143,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

 }

.card .cons3{ width: 90%; margin:0 5%;  }

.card .item3{float: left; width: 45%; border-radius:15px;box-shadow: 3px -1px 3px #d9d8d7; margin-top: 10px; }

.card .item3:nth-child(2n){ float: right; }

.card .item3 a{ display:block; background:#f5f5f5;border-radius:15px;  position:relative;}

.card .item3 .img3{ position:relative;border-radius:15px 15px 0 0; }

.card .item3 .img3 .lihe{ width:100%; height:auto; border-radius:15px 15px 0 0; padding-top: 30px; background: #e6ecfa;}



.card .item3 .dyw-text{ color:#fff;  font-size:0.9em; border-radius:0 0 15px 15px;

                        background: rgb(22,65,143); /* Old browsers */

						background: -moz-linear-gradient(top, rgba(72,106,167,1) 0%, rgba(47,86,155,1) 50%, rgba(22,65,143,1) 100%); /* FF3.6-15 */

						background: -webkit-linear-gradient(top, rgba(72,106,167,1) 0%,rgba(47,86,155,1) 50%,rgba(22,65,143,1) 100%); /* Chrome10-25,Safari5.1-6 */

						background: linear-gradient(to bottom, rgba(72,106,167,1) 0%,rgba(47,86,155,1) 50%,rgba(22,65,143,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.card .item3 .dyw-text .up{ margin:0 8%; padding-top: 5px }

.card .item3 .dyw-text .up p{ font-size: 0.8em; line-height: 1.6em; }

.card .item3 .dyw-text .up p .bor1{ display:inline-block;background:url(img/bkq.png) no-repeat; background-size:100%; width:12px;height:12px;vertical-align:middle;margin-right:4px; margin-bottom:2px; }

.card .item3 .dyw-text .up p .bor2{ display:inline-block;background:url(img/bbq.png) no-repeat; background-size:100%; width:12px;height:12px;vertical-align:middle;margin-right:4px; margin-bottom:2px;  }

.card .item3 .dyw-text .dw{margin:0 8%;}

.card .item3 .dyw-text .dw .dw_lf{ float: left; margin-top: 5px; }

.card .item3 .dyw-text .dw .dw_lf p{ font-size: 0.6em; line-height: 1.2em; }

.card .item3 .dyw-text .dw .dw_rg{ float: right; }

.card .item3 .dyw-text .dw .dw_rg p{ font-size: 1.2em; line-height: 1.8em; }

.card .item3 .dyw-text .dw .dw_rg p span{ font-size: 0.6em;}



.btnMore{ text-align:center;padding-top:20px;}

.btnMore a{ display:inline-block;display:inline-block; height:40px; line-height:40px; border-radius:25px; padding:0 35px; border:2px solid #666666; color:#333; font-size:1em;}





/*钳鲜生*/

.navs { position:relative;margin:0 3% 20px 3%;}

.navs li{  text-align:center; border:2px solid #333333; float:left; width:50%;}

.navs li a{ display:block; color:#333333; font-size:0.9em; height:36px; line-height:36px;}

.navs li.cur{ background:#000;}

.navs li.cur a{ color:#f5f5f5;}

.navs li:first-child{ border-radius:40px 0 0 40px;border-right:0;}

.navs li:last-child{ border-radius:0 40px 40px 0; border-left:0;}



.qxs_list .nav{ background:#fff;}

.qxs_list .nav li{ position:relative;  float:left; width:33.33%; text-align:center; height:40px; line-height:40px; font-size:0.84em; color:#333333;}

.qxs_list .nav li:last-child{ border:0;}

.qxs_list .nav li a{ color:#333333; display:block;height:40px; line-height:40px; position:relative;}

.qxs_list .nav li a:before{  content:"\20"; visibility:hidden; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#d3bf86;}

.qxs_list .nav li i{display:inline-block; vertical-align:middle; margin-bottom:1px; margin-left:4px; background:url(img/icon-d.png) no-repeat; background-size:contain; width:8px; height:10px; }

.qxs_list .nav select{ opacity:0; width:100%; height:100%; position:absolute; left:0;top:0; background:none; border:0;}

.qxs_list .nav a.cur i{background:url(img/icon-t.png) no-repeat; background-size:contain;}

.qxs_list .nav a.curTop i{background:url(img/icon-b.png) no-repeat; background-size:contain;}

.qxs_list .nav a.cur:before,

.qxs_list .nav a.curTop:before{ visibility:visible;}

/*渐变*/

.qxs-lh-list{ background:#f5f5f5; padding:20px 0 0 0;}

.qxs-lh-list .lh-top { position:relative;margin:0 3% 10px 3%; }

.qxs-lh-list .lh-top h3{ font-size: 0.84em; color: #ffffff;display: block; width: 100%; height: 40px; text-align: center;line-height: 40px;border-radius:24px;

                        background: rgb(22,65,143); /* Old browsers */

						background: -moz-linear-gradient(top, rgba(162,194,252,1) 0%, rgba(96,134,201,1) 50%, rgba(22,65,143,1) 100%); /* FF3.6-15 */

						background: -webkit-linear-gradient(top, rgba(162,194,252,1) 0%,rgba(96,134,201,1) 50%,rgba(22,65,143,1) 100%); /* Chrome10-25,Safari5.1-6 */

						background: linear-gradient(to bottom, rgba(162,194,252,1) 0%,rgba(96,134,201,1) 50%,rgba(22,65,143,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

 }

.qxs-lh-list .navs { position:relative;margin:0 3%;}

.qxs-lh-list .navs li{  text-align:center; border:2px solid #333333; float:left; width:50%;}

.qxs-lh-list .navs li a{ display:block; color:#333333; font-size:0.9em; height:36px; line-height:36px;}

.qxs-lh-list .navs li.cur{ background:#000;}

.qxs-lh-list .navs li.cur a{ color:#f5f5f5;}

.qxs-lh-list .navs li:first-child{ border-radius:40px 0 0 40px;border-right:0;}

.qxs-lh-list .navs li:last-child{ border-radius:0 40px 40px 0; border-left:0;}

.card .cons1{}

.card .item1{ float: left; width: 45%;margin: 0 2.5%;  border-radius:15px;box-shadow: 3px -1px 3px #d9d8d7; margin-top: 10px;}

.card .item1:nth-child(2n){}

.card .item1 a{ display:block; background:#f5f5f5; border-radius:15px; position:relative;}

.card .item1 .img1{ position:relative;border-radius:15px 15px 0 0; }

.card .item1 .img1 .lihe{ width:100%; height:auto; border-radius:15px 15px 0 0; padding-top: 15px; background: #060506;}



.card .item1 .dyw-text{ color:#fff;  font-size:0.9em; border-radius:0 0 15px 15px;

                        background: rgb(0,0,0); /* Old browsers */

						background: -moz-linear-gradient(top, rgba(56,56,56,1) 0%, rgba(27,27,27,1) 50%, rgba(0,0,0,1) 100%); /* FF3.6-15 */

						background: -webkit-linear-gradient(top, rgba(56,56,56,1) 0%,rgba(27,27,27,1) 50%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */

						background: linear-gradient(to bottom, rgba(56,56,56,1) 0%,rgba(27,27,27,1) 50%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.card .item1 .dyw-text .up{ margin:0 8%; padding-top: 5px }

.card .item1 .dyw-text .up p{ font-size: 0.8em; line-height: 1.6em; }

.card .item1 .dyw-text .up p .bor1{ display:inline-block;background:url(img/bkq.png) no-repeat; background-size:100%; width:12px;height:12px;vertical-align:middle;margin-right:4px; margin-bottom:2px; }

.card .item1 .dyw-text .up p .bor2{ display:inline-block;background:url(img/bbq.png) no-repeat; background-size:100%; width:12px;height:12px;vertical-align:middle;margin-right:4px; margin-bottom:2px;  }

.card .item1 .dyw-text .dw{margin:0 8%;}

.card .item1 .dyw-text .dw .dw_lf{ float: left; margin-top: 5px; }

.card .item1 .dyw-text .dw .dw_lf p{ font-size: 0.6em; line-height: 1.2em; }

.card .item1 .dyw-text .dw .dw_rg{ float: right; }

.card .item1 .dyw-text .dw .dw_rg p{ font-size: 1.2em; line-height: 1.8em; }

.card .item1 .dyw-text .dw .dw_rg p span{ font-size: 0.6em;}



/*阳澄股份*/

.ycgf_list .nav{ background:#fff;}

.ycgf_list .nav li{ position:relative;  float:left; width:33.33%; text-align:center; height:40px; line-height:40px; font-size:0.84em; color:#333333;}

.ycgf_list .nav li:last-child{ border:0;}

.ycgf_list .nav li a{ color:#333333; display:block;height:40px; line-height:40px; position:relative;}

.ycgf_list .nav li a:before{  content:"\20"; visibility:hidden; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#d3bf86;}

.ycgf_list .nav li i{display:inline-block; vertical-align:middle; margin-bottom:1px; margin-left:4px; background:url(img/icon-d.png) no-repeat; background-size:contain; width:8px; height:10px; }

.ycgf_list .nav select{ opacity:0; width:100%; height:100%; position:absolute; left:0;top:0; background:none; border:0;}

.ycgf_list .nav a.cur i{background:url(img/icon-t.png) no-repeat; background-size:contain;}

.ycgf_list .nav a.curTop i{background:url(img/icon-b.png) no-repeat; background-size:contain;}

.ycgf_list .nav a.cur:before,

.ycgf_list .nav a.curTop:before{ visibility:visible;}

/*渐变*/

.ycgf-lh-list{ background:#f5f5f5; padding:20px 0 0 0;}

.ycgf-lh-list .lh-top { position:relative;margin:0 3% 10px 3%; }

.ycgf-lh-list .lh-top h3{ font-size: 0.84em; color: #ffffff;display: block; width: 100%; height: 40px; text-align: center;line-height: 40px;border-radius:24px;

                        background: rgb(22,65,143); /* Old browsers */

						background: -moz-linear-gradient(top, rgba(162,194,252,1) 0%, rgba(96,134,201,1) 50%, rgba(22,65,143,1) 100%); /* FF3.6-15 */

						background: -webkit-linear-gradient(top, rgba(162,194,252,1) 0%,rgba(96,134,201,1) 50%,rgba(22,65,143,1) 100%); /* Chrome10-25,Safari5.1-6 */

						background: linear-gradient(to bottom, rgba(162,194,252,1) 0%,rgba(96,134,201,1) 50%,rgba(22,65,143,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

 }

.card .cons2{}

.card .item2{ float: left; width: 45%;margin: 0 2.5%; border-radius:15px;box-shadow: 3px -1px 3px #d9d8d7; margin-top: 10px; }

.card .item2:nth-child(2n){}

.card .item2 a{ display:block; background:#f5f5f5; border-radius:15px; position:relative;}

.card .item2 .img2{ position:relative;border-radius:15px 15px 0 0; }

.card .item2 .img2 .lihe{ width:100%; height:auto; border-radius:15px 15px 0 0;  background: #f5f5f5;}



.card .item2 .dyw-text{ color:#fff;  font-size:0.9em; border-radius:0 0 15px 15px;

                        background: rgb(200,145,80); /* Old browsers */

						background: -moz-linear-gradient(top, rgba(212,169,119,1) 0%, rgba(204,152,92,1) 50%, rgba(200,145,80,1) 100%); /* FF3.6-15 */

						background: -webkit-linear-gradient(top, rgba(212,169,119,1) 0%,rgba(204,152,92,1) 50%,rgba(200,145,80,1) 100%); /* Chrome10-25,Safari5.1-6 */

						background: linear-gradient(to bottom, rgba(212,169,119,1) 0%,rgba(204,152,92,1) 50%,rgba(200,145,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.card .item2 .dyw-text .up{ margin:0 8%; padding-top: 5px }

.card .item2 .dyw-text .up p{ font-size: 0.8em; line-height: 1.6em; }

.card .item2 .dyw-text .up p .bor1{ display:inline-block;background:url(img/bkq.png) no-repeat; background-size:100%; width:12px;height:12px;vertical-align:middle;margin-right:4px; margin-bottom:2px; }

.card .item2 .dyw-text .up p .bor2{ display:inline-block;background:url(img/bbq.png) no-repeat; background-size:100%; width:12px;height:12px;vertical-align:middle;margin-right:4px; margin-bottom:2px;  }

.card .item2 .dyw-text .dw{margin:0 8%;}

.card .item2 .dyw-text .dw .dw_lf{ float: left; margin-top: 5px; }

.card .item2 .dyw-text .dw .dw_lf p{ font-size: 0.6em; line-height: 1.2em; }

.card .item2 .dyw-text .dw .dw_rg{ float: right; }

.card .item2 .dyw-text .dw .dw_rg p{ font-size: 1.2em; line-height: 1.8em; }

.card .item2 .dyw-text .dw .dw_rg p span{ font-size: 0.6em;}



.ycgf-lh-list .navs2 { position:relative;margin:0 3%;}

.ycgf-lh-list .navs2 li{  text-align:center; border:2px solid #c89150; float:left; width:50%;}

.ycgf-lh-list .navs2 li a{ display:block; color:#333333; font-size:0.9em; height:36px; line-height:36px;}

.ycgf-lh-list .navs2 li.cur{ background:#c89150;}

.ycgf-lh-list .navs2 li.cur a{ color:#f5f5f5;}

.ycgf-lh-list .navs2 li:first-child{ border-radius:40px 0 0 40px;border-right:0;}

.ycgf-lh-list .navs2 li:last-child{ border-radius:0 40px 40px 0; border-left:0;}



/*第一网详情页*/

.xuangou{ width: 100%; background: #d5d5d5; color: #666666; font-size: 0.8em; line-height:60px; padding:0 4%;   }

.xuangou a{ color: #333333; }

.dyw_lh{ width: 100%; }

.dyw_lh img{ width: 100%; }

.dyw_lh p{ font-size: 0.65em;color: #626262; line-height: 1.3em;padding:0 3%; background: #f5f5f5; text-indent: 5%; }



.img img,.img{width:100%; height:auto; max-width: 640px;}

.xbxf { position:relative; background:url(img/xbxf_bg.jpg) no-repeat; background-size:cover;}

.xbxf .oh{ overflow-x:auto;overflow-scrolling:touch; margin:0;}

.xbxf .mq{ position:relative;}

.xbxf .leftjt{ position:absolute; left:6px;top:56%;  background:url(img/zjt.png) no-repeat; background-size:100%;

    -webkit-animation:fadeInRight 2s .2s ease both infinite;

    -moz-animation:fadeInRight 2s .2s ease both infinite;

}

.xbxf ul{ padding-left:40px;}

.xbxf li{ float:left; width:220px; height:451px; position:relative;}

.xbxf li img{ width:100%;max-width: 640px; height:100%; border-radius:10px; overflow:hidden;}

.xbxf li .txt{ height:105px; overflow:hidden; position:absolute; width:90%; left:5%; bottom:0; text-align:center; font-size:.75em;display: table;}

.xbxf li .txt span{vertical-align:middle; height:105px;display: table-cell;}

@media (min-width: 320px){

  .xbxf .mq{ width: 570px; }

  .xbxf .leftjt{ margin-top:-40px;width:20.5px; height:56.5px; }

  .xbxf li{  width:130px; height:266px; }

}

@media (min-width: 375px){

  .xbxf .mq{ width: 570px; }

  .xbxf .leftjt{ margin-top:-45px;width:24px; height:66px; }

  .xbxf li{  width:130px; height:266px; }

}

@media (min-width: 480px){

  .xbxf .mq{ width: 960px; }

  .xbxf .leftjt{ margin-top:-50px;width:27px; height:74px; }

  .xbxf li{  }

}

@media (min-width: 640px){

  .xbxf .mq{ width: 1400px; }

  .xbxf .leftjt{ margin-top:-70px;width:41px; height:113px; }

  .xbxf li{}

}



.dyw_zz{ width: 100%; position: relative;}

.dyw_zz img{ width: 100%; }

.dyw_zz p{ color: #666666; position: absolute; left: 47%; font-size: 0.7em; line-height: 1.2em;  width: 40%; text-align: justify;}

.dyw_zz p.zp1{ top: 30%; word-break:break-all;}

.dyw_zz p.zp2{ top: 54.5%; }

.dyw_zz p.zp3{ top: 79.5%; }





/*钳鲜生详情页*/

.zzxh { position:relative; background:url(img/zzxh_bg.jpg) no-repeat; background-size:cover;}

.zzxh .oh{ overflow-x:auto;overflow-scrolling:touch; margin:0; padding-bottom: 40px;}

.zzxh .mq{ position:relative;}

.zzxh .leftjt{ position:absolute; left:6px;top:56%;  background:url(img/zjt.png) no-repeat; background-size:100%;

    -webkit-animation:fadeInRight 2s .2s ease both infinite;

    -moz-animation:fadeInRight 2s .2s ease both infinite;

}





.zzxh ul{ padding-left:40px;}

.zzxh li{ float:left; width:220px; height:451px; position:relative;}

.zzxh li img{ width:100%;max-width: 640px; height:100%; border-radius:10px; overflow:hidden;}

.zzxh li .txt{ height:105px; overflow:hidden; position:absolute; width:90%; left:5%; bottom:0; text-align:center; font-size:.75em;display: table;}

.zzxh li .txt span{vertical-align:middle; height:105px;display: table-cell;}

@media (min-width: 320px){

  .zzxh .mq{ width: 570px; }

  .zzxh .leftjt{ margin-top:-40px;width:20.5px; height:56.5px; }

  .zzxh li{  width:130px; height:186px; }

  .zzxh .zztext{padding:20px 0 10px 0}

  .zzxh .zzzh{ padding-bottom:7px;  }

}

@media (min-width: 375px){

  .zzxh .mq{ width: 570px; }

  .zzxh .leftjt{ margin-top:-45px;width:24px; height:66px; }

  .zzxh li{  width:130px; height:186px; }

  .zzxh .zztext{padding:20px 0 15px 0}

  .zzxh .zzzh{ padding-bottom:10px;  }

}

@media (min-width: 480px){

  .zzxh .mq{ width: 960px; }

  .zzxh .leftjt{ margin-top:-50px;width:27px; height:74px; }

  .zzxh li{  }

  .zzxh .zztext{padding:20px 0 18px 0}

  .zzxh .zzzh{ padding-bottom:12px;  }

}

@media (min-width: 640px){

  .zzxh .mq{ width: 1400px; }

  .zzxh .leftjt{ margin-top:-70px;width:41px; height:113px; }

  .zzxh li{ }

  .zzxh .zztext{padding:20px 0 20px 0}

  .zzxh .zzzh{ padding-bottom:15px;  }

}

.yxyy { position:relative; background:url(img/yxyy_bg.jpg) no-repeat; background-size:cover;}

.yxyy .oh{ overflow-x:auto;overflow-scrolling:touch; margin:0; padding-bottom: 40px;}

.yxyy .mq{ position:relative;}

.yxyy .leftjt{ position:absolute; left:6px;top:56%;  background:url(img/zjt.png) no-repeat; background-size:100%;

    -webkit-animation:fadeInRight 2s .2s ease both infinite;

    -moz-animation:fadeInRight 2s .2s ease both infinite;

}

.yxyy ul{ padding-left:40px;}

.yxyy li{ float:left; width:220px; height:451px; position:relative;}

.yxyy li img{ width:100%;max-width: 640px; height:100%; border-radius:10px; overflow:hidden;}

.yxyy li .txt{ height:105px; overflow:hidden; position:absolute; width:90%; left:5%; bottom:0; text-align:center; font-size:.75em;display: table;}

.yxyy li .txt span{vertical-align:middle; height:105px;display: table-cell;}

@media (min-width: 320px){

  .yxyy .mq{ width: 570px; }

  .yxyy .leftjt{ margin-top:-40px;width:20.5px; height:56.5px; }

  .yxyy li{  width:130px; height:186px; }

}

@media (min-width: 375px){

  .yxyy .mq{ width: 570px; }

  .yxyy .leftjt{ margin-top:-45px;width:24px; height:66px; }

  .yxyy li{  width:130px; height:186px; }

}

@media (min-width: 480px){

  .yxyy .mq{ width: 960px; }

  .yxyy .leftjt{ margin-top:-50px;width:27px; height:74px; }

  .yxyy li{  }

}

@media (min-width: 640px){

  .yxyy .mq{ width: 1400px; }

  .yxyy .leftjt{ margin-top:-70px;width:41px; height:113px; }

  .yxyy li{ }

}



/*阳澄股份详情页*/

.ycxb { position:relative; background:url(img/ycgf-xbxf_bg.jpg) no-repeat; background-size:cover;}

.ycxb .oh{ overflow-x:auto;overflow-scrolling:touch; margin:0; padding-bottom: 40px;}

.ycxb .mq{ position:relative;}

.ycxb .leftjt{ position:absolute; left:6px;top:56%;  background:url(img/zjt.png) no-repeat; background-size:100%;

    -webkit-animation:fadeInRight 2s .2s ease both infinite;

    -moz-animation:fadeInRight 2s .2s ease both infinite;

}

.ycxb ul{ padding-left:40px;}

.ycxb li{ float:left; width:220px; height:451px; position:relative;}

.ycxb li img{ width:100%;max-width: 640px; height:100%; border-radius:10px; overflow:hidden;}

.ycxb li .txt{ height:105px; overflow:hidden; position:absolute; width:90%; left:5%; bottom:0; text-align:center; font-size:.75em;display: table;}

.ycxb li .txt span{vertical-align:middle; height:105px;display: table-cell;}

@media (min-width: 320px){

  .ycxb .mq{ width: 570px; }

  .ycxb .leftjt{ margin-top:-40px;width:20.5px; height:56.5px; }

  .ycxb li{  width:130px; height:233px; }

}

@media (min-width: 375px){

  .ycxb .mq{ width: 570px; }

  .ycxb .leftjt{ margin-top:-45px;width:24px; height:66px; }

  .ycxb li{  width:130px; height:233px; }

}

@media (min-width: 480px){

  .ycxb .mq{ width: 960px; }

  .ycxb .leftjt{ margin-top:-50px;width:27px; height:74px; }

  .ycxb li{  }

}

@media (min-width: 640px){

  .ycxb .mq{ width: 1400px; }

  .ycxb .leftjt{ margin-top:-70px;width:41px; height:113px; }

  .ycxb li{ }

}



/*关于我们*/

.gywm{ width: 100%; background: url(img/gywm_bg.jpg) no-repeat;  background-size:cover; padding:3% 0 15.5% 0;  }

.gywm p{ font-size: 0.7em; line-height: 1.275em; text-indent: 2em; padding:0 3%; text-align: justify;  }

@media (min-width: 320px){

 .gywm p{ font-size: 0.7em; line-height: 1.275em;  }

}

@media (min-width: 375px){

 .gywm p{ font-size: 0.85em; line-height: 1.275em;  }

}

@media (min-width: 480px){

 .gywm p{ font-size: 1.2em; line-height: 1.5em;  }

}

@media (min-width: 640px){

 .gywm p{ font-size: 1.4em; line-height: 1.5em;  }

}

/*招商加盟*/

.zsjm{ width: 100%; height: auto; background:#f5f5f5; overflow: hidden; padding:20px 3% 40px 3%; }

.lxfs{ font-size: 0.9em; line-height: 2em; color: #333333; border:1px solid #a7a7a7; background: #ffffff; width: 66%; text-indent: 6%; }

.lxfs span{ color: #a20508; }

.zs_lf{ margin-top: 10px; padding-bottom: 8px;  padding-top: 2px;

        background: rgb(214,214,214); /* Old browsers */

		background: -moz-linear-gradient(left, rgba(214,214,214,1) 0%, rgba(235,236,236,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */

		background: -webkit-linear-gradient(left, rgba(214,214,214,1) 0%,rgba(235,236,236,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */

		background: linear-gradient(to right, rgba(214,214,214,1) 0%,rgba(235,236,236,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.zs_lf h3{ font-size: 0.8em; line-height: 2em; color: #333333; margin-left: 2%; font-weight: bold; }

.zs_lf p{ font-size: 0.65em; line-height: 1.5em; color: #333333; margin:0 4.5%; text-align: justify;  }

.zs_rg{ margin-top: 10px; padding-bottom: 8px; padding-top: 2px;

	    background: rgb(255,255,255); /* Old browsers */

		background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(235,236,236,1) 50%, rgba(214,214,214,1) 100%); /* FF3.6-15 */

		background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(235,236,236,1) 50%,rgba(214,214,214,1) 100%); /* Chrome10-25,Safari5.1-6 */

		background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(235,236,236,1) 50%,rgba(214,214,214,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.zs_rg h3{ font-size: 0.8em; line-height: 2em; color: #333333; margin-left: 2%; font-weight: bold; }

.zs_rg p{ font-size: 0.65em; line-height: 1.5em; color: #333333; margin:0 4.5%; text-align: justify; }



/*小龙虾详情页*/

.xlx{ width: 100%; position: relative;}

.xlx img{ width: 100%; }

.xlx .xlx-text{ width: 55%; height:auto; position: absolute; z-index: 100; left: 50%; top: 36%; margin-left: -27.5%; }

.xlx p{ width: 100%; font-size: 0.95em;line-height: 2em; border-bottom: 1px solid #626262; color: #ffffff; }



/*新闻*/

.news-card{ margin:0 3.5%; }

.news-card ul{ margin:0 auto;  }

.news-card li{ float:left; width:33.3%;  border:2px solid #333333; text-align:center; border-right:0; transition:all .3s ease;}

.news-card li a{ display:block; font-size:0.75em;height:40px; line-height:40px; color: #333333; }

.news-card li:first-child{ border-radius:40px 0 0 40px;}

.news-card li:last-child{ border-radius:0 40px 40px 0; border-right:2px solid #333333;}

.news-card li.cur{ background:#000;}

.news-card li.cur a{ color:#f5f5f5;}

.main{ background-color: #f5f5f5; padding: 16px 0 25px 0; }



.news-list { margin:0 3.5%;}

.news-list ul{}

.news-list ul li{}

.news-list ul li a{position:relative;display:block;padding:16px 0; border-bottom:2px solid #cccccc;}

.news-list ul li .img{ float:left; width:26%; overflow:hidden; margin:0 3.5%;border-radius:12px; }

.news-list ul li .img img{ width:100%; height:auto;}

.news-list ul li h3{ font-size:0.9em; color:#333333; line-height:2em; font-weight: bold; float: left; width: 61%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.news-list ul li p{ float: left; font-size:0.8em; color:#666666; line-height:1.2em; overflow:hidden; text-align: justify; width: 61%;}

.news-list ul li p.time{ font-size:0.8em; color:#999; line-height:1.4em;}

.news-list ul li p.time i{ display:inline-block;background:url(img/shalou.png) no-repeat; background-size:100%;vertical-align:middle; width: 0.8em; height: 0.8em; margin-right:2px; }





/*新闻视频*/

.news-video { margin:0 3.5%; padding:0 3.5%; }

.news-video .video { padding-top:16px; overflow:hidden;}

.news-video .video li{ float:left; width:48%; margin-right:4%; font-size:12px; margin-bottom:10px;}

.news-video .video li:nth-child(even){margin:0;}

.news-video .video .img{border-radius:8px;overflow:hidden; margin-right:16px;width:100%; position:relative;}

.news-video .video .img img{width:100%;height:auto; max-width:300px; max-height:170px; border-radius:8px;}

.news-video .video .img:before{ opacity:.9; content:"\20"; width:30px; height:30px; background:url(img/play.png) no-repeat;background-size: cover; position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px}

.news-video .video li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:4px;}







/*新闻内页*/

.news-read{ height: auto; width: 100%;}

.news-read .tp{ margin:0 3%; border-bottom: 2px solid #cccccc; padding:5px 2.5%;  }

.news-read .tp h3{ font-size: 1.5em; line-height: 2em; font-weight: bold; color: #333333; }

.news-read .tp p{ font-size: 0.8em; line-height: 1.5em; color: #999999; display: inline-block; }

.news-read .dw{ margin:0 3%; padding-bottom: 40px;  font-size: 1em; line-height: 1.5em; color: #333333; text-align: justify; padding-top: 10px; }

.news-read .dw p{ font-size: 1em; line-height: 1.5em; color: #333333; text-align: justify; margin-top: 1.2em;}

.news-read .dw img{ width: 100%; }





.ve{ width: 100%;height: 180px;   }

@media (min-width: 320px){ 

  .ve{ width: 100%;height: 180px;   }

}

@media (min-width: 375px){ 

  .ve{ width: 100%;height: 235px;   }

 }



















.top_menu>li {-webkit-box-flex: 1;position: relative;text-align: center;}



.top_menu li:first-child {background: none;}



.top_menu>li>a {height: 48px;margin-right: 1px;display: block;text-align: center;color: #000;text-decoration: none;}



.top_menu>li.home {max-width: 70px}



.top_menu>li.home a {height: 66px;width: 66px;margin: auto;border-radius: 60px;position: relative;top: -22px;left: 2px;background: url(img/home.png) no-repeat center center;background-size: 100% 100%;}



.top_menu>li>a label {overflow: hidden;margin: 0 0 0 0;font-size: 12px;display: block !important;line-height: 18px;text-align: center;}



.top_menu>li>a img {padding: 3px 0 0 0;height: 30px;width: 30px;color: #fff;line-height: 48px;vertical-align: middle;}



.menu_font {text-align:center;position: absolute;left:0%;z-index: 500;width: 33%;margin-top: 10px;padding: 0; background: #ffffff;

 filter:alpha(opacity:90);

 opacity:0.9; 

 -moz-opacity:0.9;

 -khtml-opacity: 0.9;}



.menu_font.hidden {display: none;}



.menu_font {top: inherit !important;bottom: 56px;padding: 10px 0;}



.menu_font li a {height: 30px;margin-right: 1px;display: block;text-align: center;text-decoration: none;}



.menu_font li a {text-align: center !important;}



.top_menu li:last-of-type a {background: none;overflow: hidden;}



.menu_font:after {top: inherit!important;bottom: -6px;border-color: #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);border-width: 6px 6px 0;position: absolute;content: "";display: inline-block;width: 0;height: 0;border-style: solid;left: 34%;}



.menu_font li {border-top: 1px solid rgba(255, 255, 255, 0.1);}



.menu_font li:first-of-type {border-top: 0;}



.menu_font li:last-of-type {border-bottom: 0;}



.menu_font li a {height: 30px;line-height: 30px !important;position: relative;color: #000;display: block;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}



.menu_font li a img {width: 20px;height: 20px;display: inline-block;margin-top: -2px;color: #000;line-height: 30px;vertical-align: middle;}



.menu_font>li>a label {padding: 0 10px;font-size: 12px;overflow: hidden;margin: 0;}



/*客服中心*/

.kfth{ width: 100%; max-width: 640px; padding-top: 36px; }

.kfth img{ width: 100%;max-width: 640px; }

.kfzx{ width: 100%; max-width: 640px; height: auto; background:#f5f5f5; overflow: hidden; padding:20px 5.5% 0 5.5%; }

.kf_text{}

.kf_text h3{ font-size: 1em; line-height: 2em; color: #ac0509; font-weight: bold; }

.kf_text p{ font-size: 0.8em; line-height: 2em; color: #333333; }

.kf_text p span{ color: #ac0509; }

.kf_text p a{ color: #141ba7; }

.kf_h{ clear: both; }

.kf_h p{font-size: 0.7em; line-height: 2em; color: #ac0509; font-weight: bold; margin-top: 2em;}

@media (min-width: 320px){ 

  .kf_h p{font-size: 0.7em; line-height: 2em; color: #ac0509; font-weight: bold; margin-top: 2em;}

}

@media (min-width: 375px){ 

  .kf_h p{font-size: 0.8em; line-height: 2em; color: #ac0509; font-weight: bold; margin-top: 2em;}

 }



.kfzx2{ background-color: #f5f5f5; padding: 0 0 25px 0; }

.kfzx2 img{ width: 100%; max-width: 640px;  }

.kfzx2 p{ font-size: 0.8em; line-height: 2em; color: #333333; font-weight: bold;  }

.kfzx2 p span{ color:#ac0509;  }





.goods_amount {border: 2px solid #c89150;border-radius: 5px;height: 30px;line-height: 30px; display:inline-block;vertical-align: middle;margin-right: 5px;}

.goods_amount em{display:inline-block;width: 20px;text-align: center;vertical-align: top;background: #c89150;color: #fff;height: 26px;line-height: 26px;}

.goods_amount .ui-input-text{width: 60px;display:inline-block;margin: 0;padding: 0background: none;height: 26px;}

.goods_amount .ui-input-text input{height: 26px;padding: 0;text-align:center;}