@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; margin: 0; padding: 0; }
ul, ol, li { list-style: none; }
a, input, td, li, span, focus, touch { text-decoration: none; outline: none; blr:expression(this.onFocus=this.blur());
-webkit-tap-highlight-color: rgba(255,0,0,0); }
a:hover { text-decoration: none; outline: none; blr:expression(this.onFocus=this.blur());
}
del, ins { text-decoration: none; }
select, input, button, img, textarea, label, td, legend { vertical-align: middle; }
fieldset, img, iframe, frameset, fieldset, abbr, acronym, hr, button { border: 0 none; }
button, textarea { -webkit-appearance: none; -webkit-border-radius: 0; }
textarea { resize: none; -moz-resize: none; -webkit-resize: none; overflow-x: hidden; overflow-y: auto; }
button, label { text-align: center; cursor: pointer; }
button, select, input, focus, touch { outline: none; -webkit-appearance: none; border-radius: 0px 0px; border: none; }
html, body { -webkit-text-size-adjust: none; font-size: 100%; FONT-FAMILY: "宋体", Arial; background: url(../wapimages/bodybg.jpg) no-repeat 50% 0 #a2cde3; background-attachment: fixed; background-size: 100%; }
pre { white-space: pre-wrap; }
.clear { clear: both; }
img { width: 100%; }
/*网站顶部*/
.head{ padding:3% 0; text-align:center; width:100%; background:#fff;}
.head img{ width:80%; height:auto;}
/*网站底部*/
.nav {width:100%; height:70px; background:#fff; position:fixed; bottom:0; display:block; z-index:90; }
.nav ul {width:100%; height:80px; }
.nav li {width:25%; float:left; height:70px;  }
.nav li:nth-child(2),.nav li:nth-child(4) { background:#ecf0f5;}
.nav li span {display: block; width:100%; text-align:center; font-size:14px; color:#2c6195; margin-top:10px; }
.nav li i {width:20px; margin:0 auto; display:block; margin-top:10px;}
.nav li i img {width:100%; }
/*首页-banner*/
.banner { width: 100%; overflow: hidden; }
.sliderContainer { padding: 0; margin: 0; }
.iosSlider { position: relative; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; z-index: 10; }
.iosSlider .slider { position: absolute; width: 100%; height: 100%; z-index: 11; }
.iosSlider .slider .item { width: 100%; height: 100%; }
.iosSlider .slider .item .inner { position: relative; top: 0; left: 0; width: 100%; margin: 0 auto; height: 100%; background-position: 50% 0; background-repeat: no-repeat; z-index: 11; }
.iosSlider .slider .item .inner img { position: absolute; width: 100%; top: 0; left: 0; overflow: hidden; z-index: 0; }
.sliderContainer .iosSlider .slideSelectors { position: absolute; left: 0; bottom: 3px; ; width: 100%; height: 15px; z-index: 3000;	}
.sliderContainer .iosSlider .slideSelectors span { height: 100%; margin: 0 auto; display: table; }
.sliderContainer .iosSlider .slideSelectors span .item { float: left; height: 2px; width: 40px; /* box-shadow:2px 2px 3px #000000;  */
	
background: #FFF; -webkit-opacity: 0.7; margin: 5% 0 0 10px; }
.sliderContainer .iosSlider .slideSelectors span .selected { background: #fff; -webkit-opacity: 1; }
/*首页-nav*/
.menu_box{padding:0 3%; height:auto; overflow:hidden; font-family:"宋体";}
.menu { width: 100%; overflow: hidden; margin: 3% auto 0 auto; height: 100px; }
.menu li{ width:25%; float:left; text-align:center;}
.menu i { display: block; width: 30px; height: 30px; margin:0 auto; padding-top:20%; }
.menu span { display: block; text-align: center; font-size: 14px; margin-top: 5px; color: #00a0e9; font-weight: bold; }
.menu span a { color: #3b91c3; }
.buttomup { max-width: 100px;height: 100px;background: url(../wapimages/button.png) no-repeat; background-size: 100%; margin:0 auto; }
/*首页-热销产品*/
.con{ width:100%;}
.tit{ width:100%; height:47px; line-height:47px; background:url(../wapimages/tit_bg.png) no-repeat center center; font-size:16px; color:#fff; font-weight:bold; text-align:center; padding:3% 0;}
.pro_list{ padding: 3%; height:auto; overflow:hidden;}
.pro_list li{ width:45%; background:#fff; border-radius:15px; -webkit-box-shadow:0 3px 10px rgba(0, 0, 0, .3);  -moz-box-shadow:0 3px 10px rgba(0, 0, 0, .3);  box-shadow:0 3px 10px rgba(0, 0, 0, .3); float:left; text-align:center; overflow:hidden; height:170px; position:relative; margin-bottom:5%;}
.pro_list .lr{ float:right;}
.pro_list li img{ width:100%; margin-top:10px;}
.pro_list li p{ width:100%; height:38px; line-height:38px;border-radius: 0 0 15px 15px; background:#00a0e9; position:absolute; bottom:0; color:#fff;}


/*内页样式*/
.inban{ width:100%; overflow:hidden;}
.inban img{ width:100%;}
.incon{ padding:3%;}
/*内页-走进江海*/
.in_ab p{ font-size:14px; color:#3d3d3d; text-align:justify; text-indent:2em; line-height:30px;}
/*内页-养殖服务*/
.in_serlist{ width:100%; height:auto; overflow:hidden;}
.in_serlist li {width:98%; border-bottom: 1px solid #d5d5d5; overflow: hidden; margin-bottom:5%; padding-bottom:10px;  }
.in_serlist li i {width:37.04%; float:left; }
.in_serlist .txt {width:60%; float: right; }
.in_serlist .txt h2 {font-size: 16px; color: #2f2f2f;font-weight: bold;  overflow: hidden;}
.jsfg {width:30px; height: 1px; border-top: 1px solid #4879a9; margin-top: 8px; }
.in_serlist .txt dl {width: 100%; font-size:14px; color:#4b4b4b; line-height:20px; margin-top: 2%;  }
/*内页-销售网络*/
.innav{ width:100%; height:auto; overflow:hidden;}
.innav li{margin-right:5px; float:left; margin-bottom:5%;}
.innav li a{ display:block; padding:0 12px; margin:0 auto; height:40px; line-height:40px; text-align:center; color:#3b3b3b; border-radius:10px;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .3);  -moz-box-shadow:0 1px 3px rgba(0, 0, 0, .3);  box-shadow:0 1px 3px rgba(0, 0, 0, .3); background:#fff; font-size:16px; font-weight:bold}
.innav li a:hover,.innav li .cur{ background:url(../wapimages/innav_li.jpg) repeat-x; color:#fff;}
.sale_list{ width:100%; height:auto; overflow:hidden; margin-top:5%}
.sale_list li{ padding:3%; background:#fff; border-bottom:solid 1px #c7c7c7;}
.sale_list li img{ float:right;}
.sale_list li h1{ font-size:16px; color:#4b4b4b; font-weight:bold;}
.sale_list li p{ font-size:14px; color:#4b4b4b; padding:10px 0;}
.sale_list li p span{ background:url(../wapimages/tel.jpg) no-repeat left center; font-size:20px; color:#00a2ea; padding:5% 0 5% 33px;}
.sale_list li img{ width:109px;}
/*内页-产品中心*/
.pro_fl{ width:100%; height:auto; overflow:hidden;}
.pro_fl li{ width:50%; text-align:center; float:left;}
.pro_fl li .IMG{ width:90%;}
.pro_fl li p{ line-height:36px; font-size:14px; color:#02a1e9;}
/*内页-产品详情*/
.pro h1{ font-size:16px; font-weight:bold; color:#02a1e9; margin-top:10px;}
.pro p{ font-size:14px; color:#505050; line-height:30px;}
 @media (max-width: 412px) {
.menu span{ font-size:12px;}
.pro_list li{ height:120px;}
.pro_list li p{ font-size:14px;}
.in_serlist .txt h2{ font-size:14px}
.in_serlist .txt dl{ font-size:12px; height:40px; overflow:hidden;}
.innav li a{ font-size:14px;}
.sale_list li h1{ font-size:14px;}
.sale_list li p{ font-size:12px;}
.sale_list li p span{ font-size:16px;}
.sale_list li img{ width:90px;}
}

/*新闻资讯*/
.in_newlist ul li { width:100%; float: left; margin-bottom:10px; }
.in_newlist ul li img { width: 120px; height:80px; padding: 3px; border: solid 1px #dddddd; float: left; margin-right: 5px; }
.in_newlist ul li a h1 { font-size: 18px; color: #1b1b1b; font-weight: normal; }
.in_newlist ul li h2 { padding: 5px 0 ; font-size: 12px; color: #8b8b8b; font-weight: normal; }
.in_newlist ul li h2 img { width: 20px; height: 20px; border: none; padding: 0; }
.in_newlist ul li p { color: #717171; font-size: 14px; line-height: 25px; height: 50px; overflow: hidden; margin-bottom: 10px; }
.in_newlist ul li a { color: #3b3b3b; }
.in_newlist ul li a:hover { color: #00bbff; }

/*养殖百科*/
.listbg {width:100%; overflow:hidden;  margin-top:15px; }
.seachbox {width: 90%; margin: 15px auto 0 auto; height:40px;}
.sezch_text {width:71.56%; float:left; height:40px;  display:block; }
.search_style {width:75%; padding-left:13%; border-radius:3px 3px;  overflow: hidden;  padding-right:10%; border:1px solid #a1aeb8;  height:38px; line-height:38px; font-size:0.8rem; color:#4b4b4b; background:url(../wapimages/fdj.jpg) no-repeat #fff 8px 50%; background-size:18px auto; }
.sezch_bottom {width:24.6%; float:right; height:40px; display:block; cursor:pointer;  }
.button_style {width:98%; height:38px; line-height:38px; border:1px solid #a1aeb8; background:url(../wapimages/anbg_03.jpg) repeat-x; border-radius:3px 3px; overflow: hidden; font-size:1rem; font-weight:bold; color:#444242; }
.button_style:hover {background:#e5e5e5; } 
.dt_list {width:100%; overflow:hidden; border-top:1px solid #c6cacd; }
.dt_list_left {width:25%; float:left;  }
.dt_list_right {width:75%; float:left; }
.dt_list_left li {width:99%; height: 70px; border-right:1px solid #c6cacd; }
.dt_list_left li a {display:block; width:100%; height:70px; padding-top:1px; color:#fff; }
.dt_list_left li .aclicks {display:block; width:100%; height:70px; background:#fff; }
.dt_list_left li i {display:block; background:url(../wapimages/tabstyle_n.png) no-repeat; width:25px; height:27px; background-size:25px auto; margin:12px auto 0 auto;   }
.dt_list_left li .ihange {display:block; background:url(../wapimages/tabstyle_y.png) no-repeat; width:25px; height:27px; background-size:25px auto; margin:12px auto 0 auto;   }
.dt_list_left li span  {display:block; text-align:center; font-size:0.8rem; color:#eef3fa; width:auto; margin-top:7px; }
.dt_list_left li .span_click  {display:block; text-align:center; font-size:0.8rem; color:#d22d3d; width:auto; margin-top:7px; }
.dt_list_right ul li {width:90%; padding-left:10%; height:43px; border-bottom:1px solid #c7cbce;  }
.dt_list_right ul li a { width:85%; display:block; height:52px; line-height:52px; background: url(../wapimages/ybjt_05.png) no-repeat 100% 50%; background-size:10px auto; color:#4b4b4b; font-size:0.75rem; }
.navround {width:60px; height:60px; margin-top:20px; left:15px; bottom:80px; position:fixed; z-index:5; }
.laery_mark {width:100%;  background:#000; opacity:0.4;  -webkit-opacity:0.4; -moz-opacity:0.4; position:fixed; top:0; z-index:99; display:none; }
.roundnav_box {width:70%; overflow:hidden; position:fixed; top:30%; z-index:100; background:url(../wapimages/ypan.png) no-repeat; background-size:100%; left:50%; margin-left:-35%; padding-bottom:15%; display:none;   }
.indexbtn {width:26.3%; margin:12% auto 0 auto; overflow:hidden;}
.indexbtn a {display:block; width:100%; text-align:center; }
.indexbtn a span {display:block; text-align:center; font-size:0.8rem; font-weight:bold; color:#497ef2; font-weight:bold; margin-top:5px;}
.indexbtn a i {width:42.3%; display:block; margin:0 auto; }
.indexbtn2 {width:100%; overflow:hidden; margin-top:8%; }
.pro_btn {width:26.3%; float:left; margin-left:5%; }
.pro_btn a {display:block; width:100%; text-align:center;   }
.pro_btn a span {display:block; text-align:center; font-size:0.8rem; font-weight:bold; color:#167b49; font-weight:bold; margin-top:5px;}
.pro_btn i {width:42.3%; display:block; margin:0 auto; }

.pro_btn2 {width:26.3%; float:right; margin-right:5%;}
.pro_btn2 a {display:block; width:100%; text-align:center; }
.pro_btn2 a span {display:block; text-align:center; font-size:0.8rem; font-weight:bold; color:#fb3e52; font-weight:bold; margin-top:5px;}
.pro_btn2 i {width:42.3%; display:block; margin:0 auto; }

.indexbtn3 {width:26.3%; margin:15% auto 0 auto;  overflow:hidden;}
.indexbtn3 a {display:block; width:100%; text-align:center; }
.indexbtn3 a span {display:block; text-align:center; font-size:0.8rem; font-weight:bold; color:#f37a0f; font-weight:bold; margin-top:5px;}
.indexbtn3 i {width:42.3%; display:block; margin:0 auto; }

.dt_list_left{ padding-bottom:50px;}
.dt_list_left .left_1_1 {background:#d22d3d; background-position:0 0; }
.dt_list_left .left_1_1 i {background-position:0 0; }
.dt_list_left .left_1_2 {background:#fc832a; }
.dt_list_left .left_1_2 i {background-position:0 -46px; }
.dt_list_left .left_1_3 {background:#feba01; }
.dt_list_left .left_1_3 i {background-position:0 -92px; }
.dt_list_left .left_1_4 {background:#d05ebd; }
.dt_list_left .left_1_4 i {background-position:0 -138px; }
.dt_list_left .left_1_5 {background:#5a8cef; }
.dt_list_left .left_1_5 i {background-position:0 -184px; }
.dt_list_left .left_1_6 {background:#00d6f8; }
.dt_list_left .left_1_6 i {background-position:0 -230px; }

.dt_list_left .left_1_7 {background:#d22d3d; }
.dt_list_left .left_1_8 {background:#fc832a; }
.dt_list_left .left_1_9 {background:#feba01; }


.dt_list_left .left_3_1 {background:#D22D3D; background-position:0 0; }
.dt_list_left .left_3_1 i {background-position:0 0; background:url(../wapimages/i_1_1.png) no-repeat; background-size:100% 100%;}
.dt_list_left .left_3_2 {background:#FC832A; }
.dt_list_left .left_3_2 i {background-position:0 0; background:url(../wapimages/i_2_1.png) no-repeat; background-size:100% 100%; }
.dt_list_left .left_3_3 {background:#FEBA01; }
.dt_list_left .left_3_3 i {background-position:0 0; background:url(../wapimages/i_3_1.png) no-repeat; background-size:100% 100%;}
.dt_list_left .left_3_4 {background:#D05EBD; }
.dt_list_left .left_3_4 i {background-position:0 0; background:url(../wapimages/i_4_1.png) no-repeat; background-size:100% 100%; }
.dt_list_left .left_3_5 {background:#5A8CEF; }
.dt_list_left .left_3_5 i {background-position:0 0; background:url(../wapimages/i_5_1.png) no-repeat; background-size:100% 100%; }
.dt_list_left .left_3_6 {background:#00D6F8; }
.dt_list_left .left_3_6 i {background-position:0 0; background:url(../wapimages/i_6_1.png) no-repeat; background-size:100% 100%;}
.dt_list_left .left_3_7 {background:#0060FF; }
.dt_list_left .left_3_7 i {background-position:0 0; background:url(../wapimages/i_7_1.png) no-repeat; background-size:100% 100%; }
.dt_list_left .left_3_8 {background:#D22D3D; }
.dt_list_left .left_3_8 i {background-position:0 0; background:url(../wapimages/i_8_1.png) no-repeat; background-size:100% 100%;}
.dt_list_left .left_3_9 {background:#FC832A; }
.dt_list_left .left_3_9 i {background-position:0 0; background:url(../wapimages/i_9_1.png) no-repeat; background-size:100% 100%;}


.dt_list_left .left_3_1 .aclicks {display:block; width:100%; height:70px; background:#fff; }
.dt_list_left .left_3_1 i.ihange {display:block; background:url(../wapimages/i_1.png) no-repeat; background-size:100% 100%; }
.dt_list_left .left_3_2 .aclicks {display:block; width:100%; height:70px; background:#fff; }
.dt_list_left .left_3_2 i.ihange {display:block; background:url(../wapimages/i_2.png) no-repeat; background-size:100% 100%; }
.dt_list_left .left_3_3 .aclicks {display:block; width:100%; height:70px; background:#fff; }
.dt_list_left .left_3_3 i.ihange {display:block; background:url(../wapimages/i_3.png) no-repeat; background-size:100% 100%; }
.dt_list_left .left_3_4 .aclicks {display:block; width:100%; height:70px; background:#fff; }
.dt_list_left .left_3_4 i.ihange {display:block; background:url(../wapimages/i_4.png) no-repeat; background-size:100% 100%; }
.dt_list_left .left_3_5 .aclicks {display:block; width:100%; height:70px; background:#fff; }
.dt_list_left .left_3_5 i.ihange {display:block; background:url(../wapimages/i_5.png) no-repeat; background-size:100% 100%; }
.dt_list_left .left_3_6 .aclicks {display:block; width:100%; height:70px; background:#fff; }
.dt_list_left .left_3_6 i.ihange {display:block; background:url(../wapimages/i_6.png) no-repeat; background-size:100% 100%; }
.dt_list_left .left_3_7 .aclicks {display:block; width:100%; height:70px; background:#fff; }
.dt_list_left .left_3_7 i.ihange {display:block; background:url(../wapimages/i_7.png) no-repeat; background-size:100% 100%; }
.dt_list_left .left_3_8 .aclicks {display:block; width:100%; height:70px; background:#fff; }
.dt_list_left .left_3_8 i.ihange {display:block; background:url(../wapimages/i_8.png) no-repeat; background-size:100% 100%; }
.dt_list_left .left_3_9 .aclicks {display:block; width:100%; height:70px; background:#fff; }
.dt_list_left .left_3_9 i.ihange {display:block; background:url(../wapimages/i_9.png) no-repeat; background-size:100% 100%; }


 @media (max-width: 412px) {
.menu span{ font-size:12px;}
.pro_list li{ height:120px;}
.pro_list li p{ font-size:14px;}
.in_serlist .txt h2{ font-size:14px}
.in_serlist .txt dl{ font-size:12px; height:40px; overflow:hidden;}
.innav li a{ font-size:14px;}
.sale_list li h1{ font-size:14px;}
.sale_list li p{ font-size:12px;}
.sale_list li p span{ font-size:16px;}
.sale_list li img{ width:90px;}
}