html{color:#222;font-size:1em;line-height:1.4;font-family:'Microsoft YaHei', 微软雅黑, Arial, Lucida Grande, Tahoma, sans-serif;}
a{text-decoration:none;color:#000;}
i{font-style:normal;}
::-moz-selection{background:#b3d4fc;text-shadow:none;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
audio,canvas,iframe,img,svg,video{vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize: vertical;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table{border-collapse: collapse;border-spacing: 0;}
.mt25{margin-top:25px;}
.white{color:#fff;}
.w1220{display:block;width:1220px;margin:0px auto;overflow:hidden;}
@media (max-width:1220px){.w1220{display:block;width:100%;margin:0px auto;}}
.container {
padding-right:0px;
padding-left:0px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width:100%;
}
}
@media (min-width: 992px) {
.container {
width:100%;
}
}
@media (min-width: 1220px) {
.container {
width:100%;
}
}
/* ==========================================================================
Homepage
========================================================================== */
/*=== HEADEER ===*/
.reddot{background:url(../images/top/reddot.png) no-repeat right center;width: 6px;height: 6px;float:right;margin-right: -15px;transition:opacity 0.1s linear;}
.purchase:hover .reddot{opacity: 0;}
@media(max-width: 780px){
.reddot{position: absolute;margin: -15px 0px 0px 0px;right: 25%;}
}
@media(max-width: 584px){
.reddot{position: absolute;margin: -15px 0px 0px 0px;right: 20%;}
}
.top-area{height:100px;background-color:#f5d44a;z-index: 1011;}
.top-logo{display:inline-block;float:left;padding:10px 10px 10px 0px;background:url(../images/top/x.gif) no-repeat right center;}
.top-logo .logo{float:left;display:block;margin:0px 0px 0px 20px;}
.top-logo .gohome{float:left;display:block;width:18px;height:18px;margin:3px 0px 0px 4px;background:url(../images/top/home.gif) no-repeat left top;}
.top-logo a:hover .gohome{height:70px;}
.top-nav{display:inline-block;float:left;margin:20px 0px 20px 10px;height:60px;}
.top-nav .home,.headheight{display:none;}
.top-nav ul li{position:relative;}
.top-nav ul li,.top-nav ul li a:link{display:block;float:left;width:112px;height:80px;line-height:20px;color:#000;text-align:center;}
.top-nav ul li q{display:none;position:absolute;top:72px;left:0px;width:100%;height:9px;background:url(../images/menu/sanjiao.png) no-repeat center bottom;}
.top-nav ul li:hover q,.top-nav ul li q.on{display:block;}
.top-nav ul li a{transition:background 0.15s linear;}
.top-nav ul li a:link{background:url(../images/top/nav_bg0.png) no-repeat center 2px;}
.top-nav ul li a i{display:inline-block;margin:16px 0px 0px 0px;font-size:12px;height:14px;line-height:14px;font-style:normal;font-weight:bold;text-transform:uppercase;position:relative;}
.top-nav ul li a:link i b{width:8px;height:8px;position:absolute;top:-2px;right:-14px;background:#ff2754;border-radius:50%;}
.top-nav ul li a:link h2{font-size:15px;font-weight:normal;}
.top-nav ul li:hover a,.top-nav ul li a:link.on{background:url(../images/top/nav_bg.png) no-repeat center 2px;text-decoration:none;}
.top-nav ul li a:visited i b{display:none;background:#f5d44a;}
.top-nav ul li a:hover i b,.top-nav ul li a.on i b{display:none;background:#fff;}
.menubtn{float:right;display:none;color:#444;width:50px;height:40px;line-height:40px;font-size:16px;text-align:center;border-radius:3px;}
.top-right{display:inline-block;float:right;margin:0px 0px 0px 0px;height:100%;background-color:#2e2e2e;}
.top-right .top-right-tel{display:inline-block;float:right;height:100%;padding:24px 20px 0px 20px;}
.top-right .top-right-Qrcode{display:inline-block;float:left;height:100%;padding:0px 15px;color:#fff;background-color:#434343;}
.top-right .top-right-Qrcode img{float:left;margin:18px 0px 0px 0px;}
.top-right .top-right-Qrcode i{float:left;margin:18px 0px 0px 0px;font-size:13px;padding:17px 0px 0px 8px;line-height:15px;}
.top-pmenu{display:none;width:100%;height:407px;background:rgba(0,0,0,0.90);border-bottom:solid 5px #f5d44a;position:absolute;top:100px;z-index:1009;}
.top-pmenu-list{width:100%;float:left;padding-top:70px;}
.top-pmenu-list .item{width:12%;float:left;color:#fff;position:relative;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.top-pmenu-list .item0{width:27%;}
.top-pmenu-list .item .left{width:100%;display:block;height:337px;text-align:center;overflow:hidden;}
.top-pmenu-list .item0 .left{width:90%;float:right;}
.top-pmenu-list .item .left b{display:block;width:100%;color:#fff;font-size:15px;font-weight:normal;text-align:center;}
.top-pmenu-list .item0 .left b{font-size:20px;}
.top-pmenu-list .item b i{color:#f5d44a;padding:0px 5px;}
.top-pmenu-list .item .left img{width:90%;max-width:100px;border-radius:50%;margin:110px 0px 30px 0px;}
.top-pmenu-list .item0 .left img{width:80%;max-width:300px;border-radius:0;margin:109px 0px 50px 0px;}
.top-pmenu-list .item .entext{position:absolute;right:0px;width:22px;height:337px;border-right:solid 1px #454545;overflow:hidden;}
.top-pmenu-list .item1 .entext{left:0px;right:unset;border-right:0px;}
.top-pmenu-list .item .entext span{display:inline-block;margin:-22px 0px 0px 0px;height:20px;line-height:20px;font-size:12px;border-top:solid 2px #454545;font-weight:normal;text-align:left;white-space:nowrap;transform:rotate(90deg);transform-origin:0 100%;-ms-transform:rotate(90deg);-ms-transform-origin:0 100%;-moz-transform:rotate(90deg);-moz-transform-origin:0 100%;-webkit-transform:rotate(90deg);-webkit-transform-origin:0 100%;-o-transform:rotate(90deg);-o-transform-origin:0 100%;}
.top-pmenu-list .item .entext span i{display:inline-block;width:5px;height:5px;margin:3px 6px 3px 0px;background:#f5d44a;border-radius:50%;}
.top-pmenu-list .item1 .entext span{margin:-22px 0px 0px 0px;border-top:0px;border-bottom:solid 2px #454545;}
.top-pmenu-list .item1 .entext span i{display:inline-block;width:5px;height:5px;margin:3px 6px 3px 0px;background:#f5d44a;border-radius:50%;}
.top-pmenu-list a .left img{margin-top:110px;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.top-pmenu-list a:hover .left img{margin-top:70px;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.top-pmenu1{}
.top-pmenu2{display:none;width:100%;max-width:1200px;margin:70px auto 0px auto;height:337px;}
.top-pmenu2 a.left-top-news{float:left;width:60%;height:337px;color:#fff;border-right:solid 1px #454545;position:relative;}
.top-pmenu2 a.left-top-news .left-pic{float:left;width:40%;}
.top-pmenu2 a.left-top-news .left-pic img{width:100%;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transform:perspective(600px) rotateY(0deg);}
.top-pmenu2 a.left-top-news:hover .left-pic img{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transform:perspective(600px) rotateY(30deg);}
.top-pmenu2 a.left-top-news .left-text{float:left;width:42%;font-size:13px;line-height:1.5em;margin:30px 0px 0px 5%;color:#8c8c8c;}
.top-pmenu2 a.left-top-news .left-text h3{font-size:17px;line-height:1.3em;margin:0px 0px 15px 0px;padding:0px 5px;color:#fff;font-weight:normal;border-left:5px solid #f5d44a;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.top-pmenu2 a.left-top-news:hover .left-text h3{color:#f5d44a;border-left:8px solid #f5d44a;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.top-pmenu2 a.left-top-news .left-text span{display:block;width:100%;text-align:right;color:#fff;margin:15px 0px 0px 0px;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.top-pmenu2 a.left-top-news:hover .left-text span{color:#f5d44a;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.top-pmenu2 a.left-top-news .left-text p{display:block;line-height:1.7em;max-height:154px;text-overflow:ellipsis;overflow:hidden;}
.top-pmenu2 a.left-top-news .text-box,.top-pmenu2 .right-top-news .text-box{display:inline-block;width:45px;position:absolute;top:0px;right:0px;padding-right:8px;font-size:25px;text-align:right;border-right:solid 3px #454545;}
.top-pmenu2 a.left-top-news .text-box i,.top-pmenu2 .right-top-news .text-box i{display:inline-block;width:6px;height:6px;margin:-15px 9px 3px 8px;background:#f5d44a;border-radius:50%;}
.top-pmenu2 a.left-top-news .text-box .entext,.top-pmenu2 .right-top-news .text-box .entext{float:left;width:16px;height:105px;overflow:hidden;text-transform:uppercase;}
.top-pmenu2 a.left-top-news .text-box .entext span,.top-pmenu2 .right-top-news .text-box .entext span{display:inline-block;margin:-15px 0px 0px 0px;height:16px;line-height:16px;font-size:12px;color:#454545;font-weight:normal;text-align:left;white-space:nowrap;transform:rotate(90deg);transform-origin:0 100%;-ms-transform:rotate(90deg);-ms-transform-origin:0 100%;-moz-transform:rotate(90deg);-moz-transform-origin:0 100%;-webkit-transform:rotate(90deg);-webkit-transform-origin:0 100%;-o-transform:rotate(90deg);-o-transform-origin:0 100%;}
.top-pmenu2 .right-top-news{float:left;width:38%;height:337px;color:#fff;position:relative;}
.top-pmenu2 .right-top-news .text-box{right:unset;left:-1px;border-left:solid 4px #454545;border-right:0px;padding-left:4px;}
.top-pmenu2 .right-top-news .text-box .entext{float:right;}
.top-pmenu2 .right-news-list{width:80%;font-size:16px;margin:30px 0px 0px 20%;line-height:35px;cursor:default;}
.top-pmenu2 .right-news-list a{display:block;line-height:16px;color:#fff;font-size:16px;margin:25px 0px;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;text-decoration:underline;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.top-pmenu2 .right-news-list a i{float:left;display:block;height:16px;width:3px;background:#f5d44a;margin:0px 10px 0px 0px;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.top-pmenu2 .right-news-list a:hover{color:#f5d44a;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.top-pmenu2 .right-news-list a:hover i{width:6px;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.right-news-bottom a{display:inline-block;color:#fff;font-size:13px;margin:25px 0px 0px 20%;padding-left:0px;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.right-news-bottom a:hover{color:#f5d44a;padding-left:5px;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.top-pmenu3{width:100%;max-width:1000px;margin:0px auto;display:none;}
.top-pmenu3 .top-pmenu-list .item{width:33.33%;}
.top-pmenu3 .top-pmenu-list .item .left img{width:80%;max-width:120px;border-radius:unset;margin:104px 0px 30px 0px;}
.top-pmenu3 .top-pmenu-list .item:hover .left img{margin:65px 0px 30px 0px;}
.top-pmenu5{width:100%;max-width:1000px;margin:0px auto;display:none;}
.top-pmenu5 .top-pmenu-list .item{width:33.33%;}
.top-pmenu5 .top-pmenu-list .item .left img{width:80%;max-width:120px;border-radius:unset;margin:104px 0px 30px 0px;}
.top-pmenu5 .top-pmenu-list .item:hover .left img{margin:65px 0px 30px 0px;}
/*滚动图片*/
.focus{display:none;width:100%;max-height:556px;margin:0px auto 20px auto;position:relative;}
.focus .hd{width:100%;height:4px;position:absolute;z-index:1;bottom:-12px;text-align:center;}
.focus .hd ul{display:inline-block;height:4px;line-height:4px;margin:0px;}
.focus .hd ul li{display:inline-block;width:37px;height:4px;margin:0 5px;background:#d1d1d1;line-height:50px;overflow:hidden;}
.focus .hd ul .on{background:#f5d44a;}
.focus .bd{position:relative;z-index:0;margin:0px;padding:0px;overflow:hidden;}
.focus .bd li{width:100%;margin:0px;padding:0px;overflow:hidden;background-color:#000;}
.focus .bd li img{width:100%;height:auto;margin:0px;background:url(images/loading.html) center center no-repeat;display:block;}
.slider{width:100%;min-width:834px;height:571px;position: relative;text-align:center;background:#fff;overflow:hidden;}
.slider .bd {width:834px;z-index:1000;position:absolute;left:50%;margin-left:-417px;}
.slider .bd li {width:834px;overflow:hidden;}
.slider .bd li img{display: block;width:834px;height:556px;}
.slider .tempWrap {overflow: visible !important;}
.slider .tempWrap ul {margin-left: -834px !important;}
.slider .hd{width:100%;height:4px;line-height:0px;position:absolute;z-index:1001;bottom:0px;padding:10px 0px 0px 0px;text-align:center;}
.slider .hd ul{display:inline-block;height:4px;line-height:4px;margin:0px;}
.slider .hd ul li{float:left;display:block;width:37px;height:4px;margin:0px 5px;background:#d1d1d1;line-height:50px;overflow:hidden;position:static;cursor:pointer;}
.slider .hd ul li.on{background:#f5d44a;}
.slider .pnBtn {position: absolute;z-index:1002;top: 0;width: 100%;height:556px;cursor: pointer;}
.slider .prev{left:-50%;margin-left:-417px;}
.slider .next{left:50%;margin-left:417px;}
.slider .pnBtn .blackBg {z-index:1002;display:block;position:absolute;left:0;top:0;width: 100%;height:556px;background:#000;filter:alpha(opacity=68);opacity:0.68;}
.slider .pnBtn .arrow {position:absolute;top:50%;margin-top:-25px;z-index:1003;width:25px;height:40px;background:url(../images/focus/prevnext.png) no-repeat left center;background-color: rgba(0,0,0,0.01);}
.slider .prev .arrow {right:40px;transition:all 0.1s ease;}
.slider .next .arrow {left:40px;background-position-x:right;transition:all 0.1s ease;}
.slider .prev .arrow:hover{right:45px;}
.slider .next .arrow:hover{left:45px;}
@media (max-width:834px){
.slider{display:none;}
.focus{margin:0px auto 0px auto;display:block;}
.focus .bd li .centerpic{float:left;width:100%;height:auto;}
.prevpic,.nextpic,.focus a.prev,.focus a.next{display:none;}
}
/*首页关于我们*/
.indextitle{display:inline-block;text-align:center;margin:50px 0px 40px 0px;}
.indextitle h3{font-size:45px;line-height:25px;color:#000;padding:0px 35px;font-weight:normal;}
.indextitle i{display:block;height:12px;width:100%;background-color:#f5d44a;}
.whybox{padding:0px 0px;text-align:center;}
.whybox .arrow{display:block;width:100%;height:80px;background:url(../images/why/arrow.png) no-repeat center top;margin:0px 0px 0px 0px;}
.whybg{display:block;width:100%;height:100%;padding-bottom:80px;background:#e9e9e9 url(../images/why/fishbg.png) no-repeat center top;margin:79px 0px 0px 0px;}
.whyitembox{display:block;width:1380px;height:680px;position:relative;margin:0px auto 0px auto;background:url(../images/why/arrow.png) no-repeat center bottom;}
.fishbox{z-index:1001;position:absolute;top:-79px;left:0px;right:0px;width:100%;}
.whybg .item{z-index:1002;position:absolute;top:160px;}
.whybg .item2{left:262px;top:340px;}
.whybg .item3{left:525px;top:160px;}
.whybg .item4{left:788px;top:340px;z-index:1003;}
.whybg .item5{right:0px;top:160px;}
/*渔场展示*/
.indexsmalltitle{display:inline-block;text-align:center;margin:40px 20px 25px 20px;padding:0px 20px 0px 0px;text-shadow:0px 1px 1px #000;}
.borderr2{border-right:2px solid #fff;}
.indexsmalltitle h3{font-size:45px;line-height:33px;color:#fff;border-bottom:10px solid #f5d44a;padding:5px 15px 0px 15px;font-weight:normal;vertical-align:top;}
.smalltitle_en{display:inline-block;height:15px;color:#fff;font-size:15px;text-transform:uppercase;}
a.more{display:inline-block;float:right;line-height:35px;color:#000;font-size:16px;padding:0px 20px;margin:37px 20px 0px 10px;background-color:#f5d44a;border-radius:0px;transition:all 0.2s ease;}
a.more:hover{border-radius:17px;}
.yuchangbox{width:100%;background-color:#282828;padding:0px 0px 20px 0px;position:relative;overflow:hidden;}
.leftshadow,.rightshadow{float:left;display:block;position:absolute;margin:0 0 0 -610px;width:50%;height:100%;background-color:#000;z-index:1002;opacity:0.5;filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)";}
.leftshadow{background-position:right top;}
.rightshadow{float:right;right:0px;margin:0 -610px 0 0;background-position:left top;}
.yuchangpics,.yuchangpics ul{width:100%;height:340px;overflow:hidden;}
.yuchangpics ul li{float:left;width:375px;margin:10px 3px;border:solid 2px #282828;transition:all 0.5s ease;}
.yuchangpics ul li:hover{border:solid 2px #f5d44a;}
.yuchangpics ul li img{width:375px;height:250px;margin:0px 0px 12px 0px;}
@media(max-width: 600px){
.yuchangpics{height: 500px;}
.yuchangpics ul{height: 470px;}
.yuchangpics ul li img{height:400px;}
}
@media(max-width: 500px){
.yuchangpics{height: 380px;}
.yuchangpics ul{height: 380px;}
.yuchangpics ul li img{height:320px;}
}
@media(max-width: 470px){
.yuchangpics{height: 370px;}
.yuchangpics ul li img{height:290px;}
}
@media(max-width: 400px){
.yuchangpics{height: 370px;}
.yuchangpics ul li img{height:260px;}
}
.yuchangpics ul li i{display:block;line-height:19px;padding:2px 0px 2px 17px;margin:0px 0px 12px 0px;border-left:solid 5px #f5d44a;color:#fff;font-size:14px;}
.yuchangpicsbig{position:fixed;top:50%;z-index:1009;width:100%;max-width:900px;max-height:600px;margin:0px auto;margin-top:-300px;padding-left:0px;left:0px;right:0px;margin-left:-200%;}
.yuchangpicsbig .hd{display:none;}
.yuchangpicsbig .bd ul li,.yuchangpicsbig ul li a{display:block;position:relative;width:100%;height:auto;max-width:900px;max-height:600px;margin:0px;padding:0px;overflow:hidden;}
.yuchangpicsbig .bd ul li img{display:block;width:100%;height:auto;margin:0px 0px 0px 0px;}
.yuchangpicsbig a.prev,.yuchangpicsbig a.next{z-index:1009;left:-70px;top:50%;width:55px;height:148px;margin-top:-74px;background:url(../images/yuchang/prevnext.gif) no-repeat left center;position:absolute;cursor:pointer;-webkit-transition:left 0.1s cubic-bezier(0.2,1,1,1);}
.yuchangpicsbig a.prev:hover{left:-75px;}
.yuchangpicsbig a.next{left:unset;right:-70px;background-position-x:right;-webkit-transition:right 0.1s cubic-bezier(0.2,1,1,1);}
.yuchangpicsbig a.next:hover{right:-75px;}
.yuchangpicsbig .bd ul li i{display:block;width:190px;position:absolute;right:0px;bottom:50px;line-height:1.4em;padding:6px 10px 6px 17px;margin:0px 0px 0px 0px;border-left:solid 5px #f5d44a;color:#000;font-size:16px;z-index:10010;background-color:#fff;}
.yuchangpicsbig .bd ul li i b{display:block;}
.yuchangpicsbig a.close{display:block;position:absolute;z-index:1009;right:-38px;top:-38px;width:38px;height:38px;background:url(../images/yuchang/close.gif) no-repeat left center;cursor:pointer;}
.zhezhao{display:none;height:100%;background:#000;width:100%;z-index:1008;position:fixed;top:0;left:0px;margin:0px;filter:alpha(Opacity=87);-moz-opacity:0.87;opacity: 0.87;}
.photopics{width:100%;max-width:900px;height:auto;max-height:600px;margin:0px auto;margin-bottom:0%;position:relative;}
.photopics .hd{display:none;}
.photopics .bd ul li,.photopics ul li a{display:block;position:relative;width:100%;height:auto;max-width:900px;text-align:center;margin:0px;padding:0px;overflow:hidden;}
.photopics .bd ul li img{display:inline-block;width:100%;height:auto;margin:0px 0px 0px 0px;max-width:900px;}
.photopics a.prev,.photopics a.next{z-index:1009;left:0px;top:50%;width:55px;height:148px;margin-top:-74px;background:url(../images/yuchang/prevnext.gif) no-repeat left center;position:absolute;cursor:pointer;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.photopics a.next{left:unset;right:0px;background-position-x:right;}
.photopics a.prev:hover,.photopics a.next:hover{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8;}
.photopics .bd ul li i{display:block;width:190px;position:absolute;right:0px;bottom:50px;line-height:1.4em;padding:6px 10px 6px 17px;margin:0px 0px 0px 0px;border-left:solid 5px #f5d44a;color:#000;font-size:16px;z-index:10010;background-color:#fff;}
.photopics .bd ul li i b{display:block;}
.photopic{display:inline-block;margin-bottom:5%;line-height:35px;position:relative;}
.photopic .phototop{z-index:1010;width:100%;color:#fff;background:rgba(0,0,0,0.3);text-align:left;position:absolute;}
.photopic .phototop b{color:#f5d44a;padding:0px 3px 0px 10px;}
.photopic .photocontent img{width:100%;height:auto;margin:0px 0px 0px 0px;max-width:1220px;}
.photopic a.prev,.photopic a.next{z-index:1009;left:0px;top:0;width:50%;height:100%;background:url(../images/yuchang/prev.png) no-repeat 2% center;position:absolute;cursor:pointer;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.photopic a.next{left:50%;background:url(../images/yuchang/next.png) no-repeat 98% center;}
.photopic a.prev:hover,.photopic a.next:hover{filter:alpha(Opacity=90);-moz-opacity:0.9;opacity:0.9;}
.photopic .loading{display:none;z-index:1011;width:60px;height:60px;padding:5px;background:#555;left:50%;top:50%;margin:-30px 0px 0px -30px;border-radius:5px;position:absolute;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8;}
/*视频展示*/
.videobox{width:100%;background:#001232 url(../images/video/vbg.jpg) repeat-y center top;padding:0px 0px 0px 0px;position:relative;overflow:hidden;}
.videoleft{display:block;float:left;width:610px;height:auto;margin:80px 0px 0px 0px;background:#01215e;}
.videoleft img{cursor:pointer;}
.videoleft embed{height:439px;}
.videoleft2{display:none;}
.videoright{display:block;float:right;width:565px;height:439px;margin:80px 0px 0px 0px;color:#fff;background:url(../images/video/cctvbg.png) no-repeat center top;overflow:hidden;}
.videotext{display:inline-block;text-align:center;}
.videotext h3{padding:15px 0px;font-size:45px;margin:0px 0px 15px 0px;font-weight:normal;border-bottom:6px solid #f5d44a;}
.videotext i{line-height:1.3em;font-size:15px;}
.videorbottom{margin:27px 0px 0px 0px;}
.videorbottom .vrbpic1{float:left;width:349px;height:237px;}
.videorbottom .vrbpic2{float:right;width:193px;height:121px;}
.videorbottom .vrbtext{float:right;width:161px;height:101px;line-height:1.5em;padding:15px 16px 0px 16px;font-size:15px;font-weight:bold;color:#000;background:#f5d44a;overflow:hidden;}
.videomore{width:100%;height:250px;text-align:center;background:rgba(0,0,0,0.5);margin:30px 0px 0px 0px;overflow:hidden;}
.videomorelist{display:block;width:100%;text-align:center;margin:0px auto;max-width:1110px;}
.videomorelist a.vitem{display:block;float:left;width:20%;color:#fff;font-size:15px;line-height:1.5em;margin:35px 0px 30px 0px;}
.videomorelist a.vitem img{padding:2px;width:96%;max-width:188px;transition:border-color 0.5s ease;}
.videomorelist a.vitem:hover img{padding:0px;border:solid 2px #f5d44a;}
/*关于我们*/
.aboutbox{width:100%;}
.aboutbox .abouttop{width:100%;height:90px;background:#f5d44a;}
.aboutbox .aboutbg{width:100%;height:634px;background:#282828 url(../images/about/bg.jpg) no-repeat center top;}
.aboutrbg{height:100%;background:url(../images/about/3.png) no-repeat right bottom;}
.aboutleft{float:left;width:339px;}
.aboutright{float:right;width:800px;margin:118px 0px 0px 0px;}
.aboutrighttop{}
a.amore{display:inline-block;color:#fff;font-size:14px;line-height:1em;margin:0px 0px 5px 15px;}
a:hover.amore,a:hover.newsmore{color:#f5d44a;}
.aboutrighttop img{vertical-align:bottom;}
.aboutrighttop p{color:#9c9b9b;line-height:1.6em;font-size:14px;margin:10px 0px 0px 0px;}
.aboutrighttop p b{color:#fff;}
.aboutrightbottom{float:left;width:350px;margin:75px 0px 0px 0px;}
.aboutrightbottom .newstitle{color:#fff;font-size:14px;border-bottom:solid 3px #f5d44a;padding:0px 0px 8px 0px;margin:0px 0px 15px 0px;text-transform:uppercase;}
a.newsmore{float:right;color:#fff;font-size:12px;}
.newslist a{display:block;line-height:30px;color:#fff;font-size:14px;margin:3px 0px 0px 0px;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;box-sizing:border-box;border:solid 1px rgba(0,0,0,0.01);overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newslist a:hover{border:solid 1px #f5d44a;padding-left:5px;}
.newslist a i{display:inline-block;border:solid 1px #fff;width:26px;height:26px;line-height:26px;margin:2px 10px 0px 0px;font-size:15px;border-radius:50%;text-align:center;}
/*一条龙服务*/
.servicebox{width:100%;text-align:center;padding-bottom:50px;}
.servicebox .servicetop{width:100%;height:326px;background:#282828 url(../images/service/bg.jpg) no-repeat center top;}
.servicelist{margin:0px 0px 0px 0px;}
.servicelist a{float:left;display:block;width:20%;margin-top:1%;transition:all 0.2s ease;}
.servicelist a:last-child{display:none;}
.servicelist a:hover{margin-top:0px;cursor:pointer;}
.servicelist a.item2:hover{margin-top:2%;}
.servicelist a .box{width:96%;}
.servicelist .item .top{padding:6px 0px;background:#f5d44a;font-size:16px;line-height:1.3em;text-align:left;white-space:nowrap;text-transform:uppercase;overflow:hidden;transition:padding 0.5s ease;}
.servicelist .item:hover .top{padding-left: 2%;}
.servicelist .item .top i{float:left;display:inline-block;padding:0px 10px;font-size:40px;line-height:1em;font-family:Impact;}
.servicelist .item .pic img{display:block;width:100%;overflow:hidden;}
.servicelist .item2{margin-top:3%;}
.servicelist .item .arrow{display:block;width:100%;margin-top:6px;text-align:right;margin-bottom:6px;}
.servicelist .item .arrow img{width:50%;}
/*运输网络*/
.networkbox{width:100%;height:530px;background-color:#252525;margin:0px;overflow:hidden;}
.networkbox .leftmap{float:left;width:48%;height:100%;background:url(../images/network/map.jpg) no-repeat right top;}
.networkbox .leftmap img{display:none;}
.networkbox .netbox{float:right;width:48%;height:100%;}
.networkbox .netbox .indexsmalltitle{margin:60px 0px 10px 0px;}
.netlist{width:99%;color:#fff;font-size:16px;margin:10px 0px 0px 0px;line-height:35px;cursor: default;}
.netlist .item{width:99%;max-width:580px;height:37px;border:solid 1px #414141;margin:13px 0px 0px 0px;white-space:nowrap;overflow:hidden;box-sizing:border-box;transition:background-color 0.3s ease;transition:color 0.06s ease;}
.netlist .item:hover{background-color: #fff;color: #000;transition:background-color 0.3s ease;border: 1px solid #000;}
.netlist .item i{display:inline-block;width:29%;max-width:170px;min-width:4em;border-right:solid 1px #414141;margin:0px 22px 0px 0px;background-color:#2e2e2e;text-align:center;transition:background-color 0.1s ease;}
.netlist .item:hover i{background-color: #f5d44a;color: #000;font-weight: bold;transition:background-color 0.3s ease;}
.transportationbox{color:#fff;background:#1a1a1a;padding:35px 0px;}
.transportationbox .indexsmalltitle{padding:0px;margin:0px 0px 25px 0px;}
.transportationbox .item{float:left;width:50%;text-align:center;}
.transportationbox .item img{width:96%;max-width:491px;}
.transportationbox .item i{display:block;margin:10px 0px 0px 0px;padding:0px 10px;line-height:1.3em;}
/*产品展示*/
.borderright{border-right:solid 2px #000;}
.titleright{display:inline-block;line-height:20px;padding:10px 0px 0px 15px;}
.producttopbg{width:100%;height:276px;text-align:center;background:#eeede8 url(../images/product/banner.jpg) no-repeat center top;}
.productbox{margin-bottom:8%;}
.productbox .item{float:left;display:block;width:32.6%;margin-bottom:1.1%;text-align:center;}
.productbox .center{margin:0 1.1% 1.1% 1.1%;}
.productbox .item .box{display:block;margin:0px;border:solid 1px #e0e0e0;padding:1px;background:#f5f5f5;position:relative;}
.productbox .item .box .tip1,.productbox .item .box .tip2{right:0px;position:absolute;}
.productbox .item .box .tip1{top:3px;width:35%;max-width:140px;}
.productbox .item .box .tip2{top:0px;width:35%;max-width:97px;}
.productbox .item .box .pic img{width:100%;}
.productbox .item .box .text{background:#ebebeb;line-height:30px;white-space:nowrap;}
.productbox a.item:hover .box{border:solid 2px #f5d44a;padding:0px;}
.productbox a.item:hover .box .text{background:#f5d44a;}
.pinfo{margin-bottom:3%;}
.pinfo .pleft{float:left;width:33%;text-align:center;}
.pinfo .pleft img{width:100%;max-width:400px;}
.pinfo .pright{float:left;width:67%;}
.pinfo .pright .infolist div{line-height:26px;margin:4px 0px;font-size:14px;white-space:nowrap;}
.pinfo .pright .infolist .gray{background-color:#eee;}
.pinfo .pright .infolist div i{display:inline-block;width:23%;text-indent:15px;min-width:6em;}
.infotitle{display:block;}
.infotitle h1{display:inline-block;font-size:45px;font-weight:normal;padding-left:10px;}
.infocenter{margin:20px 0px 0px 0px;height:20px;position:relative;}
.infocenter h3{float:left;display:inline-block;font-size:20px;line-height:3px;color:#000;border-bottom:10px solid #f5d44a;padding:0px 15px 0px 15px;font-weight:normal;vertical-align:top;white-space:nowrap;}
.infocenter .right{display:inline-block;position:absolute;right:0px;bottom:6px;}
.infocenter .right img{cursor:pointer;}
.pcontent{display:inline-block;margin-top:3%;overflow:hidden;clear:both;}
.pcontent .pics img{width:33.33%;}
.pcontent .pics1 img{width:100%;}
.pcontent .text{display:block;padding:3%;line-height:1.6em;}
.pcontent .text h3{margin-top:3%;}
.pcontent .text p{margin-bottom:1%;}
@media (max-width:1020px) {.pinfo .pleft{width:40%;}.pinfo .pright{width:60%;}}
/*新闻页面*/
.titlebox{height:40px;margin:0px 0px 20px 0px;text-align:left;overflow:hidden;}
.smalltitle{display:inline-block;text-align:center;margin:0px;padding:0px;}
.smalltitle h3{font-size:35px;line-height:20px;color:#000;border-bottom:15px solid #f5d44a;padding:5px 15px 0px 15px;font-weight:normal;vertical-align:top;white-space:nowrap;}
.titlemore{float:right;display:inline-block;margin:28px 2% 0px 0px;font-size:12px;text-transform:uppercase;}
a.titlemore:hover{font-weight:bold;}
.newstopbg{width:100%;height:276px;text-align:center;background:#016d9c url(../images/news/news_banner.jpg) no-repeat center top;}
.newstopitem{display:inline-block;width:33.3%;height:175px;margin:50px 0px 0px 0px;}
.newstopitem span{display:inline-block;width:175px;height:175px;background-color:#000;color:#fff;font-size:28px;border-radius:50%;}
.newstopitem span i{display:inline-block;width:100%;font-size:30px;margin:58px 0px 0px 0px;text-transform:uppercase;}
.toptitle{margin:45px 0px 30px 0px;}
.toptitle img{margin:0px 0px 3px 20px;}
.toptitle .backhome{display:inline-block;margin:16px 3px 0px 0px;font-size:19px;float:right;}
.newsbox{padding-bottom:30px;}
.newsspacing{width:100%;height:30px;}
.newsbox .item{display:block;padding:5px;height:173px;background:#eee url(../images/news/next1.png) no-repeat 95% center;overflow:hidden;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.newsbox .bgwhite{background:#fff url(../images/news/next2.png) no-repeat 95% center;}
.newsbox a:hover{background-image:url(../images/news/next1.png);background-color: #f5d44a;background-position: 96%;}
.newsbox a h3{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.newsbox a:hover h3{color:#000;border-color: #000;text-indent: 5px;font-weight: bold;}
.newsbox a:hover span{color:#000;border-color: #000;}
.newsbox .pic,.newsbox .pic img{float:left;width:261px;height:173px;box-sizing:border-box;transition:all 0.2s ease;}
.newsbox .pic{margin:0px 0px 0px 0px;}
.newsbox a:hover img{transform:scale(0.97,0.97);}
.newsbox .text{width:auto;margin-left:261px;padding:0px 15% 0px 25px;color:#adadad;font-size:14px;line-height:1.8em;}
.newsbox .text h3{color:#000;font-size:18px;line-height:1.3em;padding:10px 0px 10px 12px;margin:15px 0px 15px 0px;border-left:solid 5px #f5d44a;font-weight:normal;}
.newsbox .text b{color:#000;}
.bottombox{margin-bottom:2%;}
.leftphoto{float:left;width:67%;}
.leftphoto .item{float:left;width:33.3%;text-align:left;transition:all 1.2s ease;}
.leftphoto .item img{width:96%;margin-bottom:4%;}
.leftphoto .item:hover{transform:scale(0.95,0.95);transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.rightnews{float:right;width:33%;}
.rightnews .item{display:block;padding:5%;background:#eee url(../images/news/next1.png) no-repeat 95% center;background-size:16px 25px;overflow:hidden;transition:all 0.2s ease;transition:background-position 0.2s ease 0.08s;}
.rightnews .item:hover{color:#000;background:#f5d44a url(../images/news/next1.png) no-repeat 95% center;background-size:16px 25px;background-position: 97%;}
.rightnews .bgwhite{background:#fff url(../images/news/next2.png) no-repeat 95% center;background-size:16px 25px;transition:background-position 0.2s ease 0.08s;}
.rightnews .bgwhite:hover{color:#000;background:#f5d44a url(../images/news/next1.png) no-repeat 95% center;background-size:16px 25px;background-position: 97%;}
.rightnews .item i{display:block;height:20px;line-height:20px;overflow:hidden;padding-left:5px;border-left:solid 1px #000;transition:all 0.2s ease;}
.rightnews a:hover i{border-left:solid 3px #000;text-indent: 5px;}
.newscontent{text-align:center;}
.newscontent h1{display:block;font-size:35px;padding:1% 2% 3% 2%;font-weight:normal;}
.newscontent .info_text{display:block;line-height:25px;color:#a5a5a5;font-size:16px;margin:0px 0px 0px 0px;background-color:#eee;}
.newscontent .acontent{display:block;padding:3%;text-align:left;line-height:1.5em;}
.newscontent .acontent p{padding:0 0 2% 0;}
.newscontent .acontent img{max-width:1146px;}
.prenext{display:block;padding:0px 10px;height:35px;line-height:35px;margin-bottom:4%;text-align:left;background-color:#eee;overflow:hidden;}
.prenext span{float:left;width:50%;display:inline-block;text-align:right;}
.prenext span.left{text-align:left;}
.prenext a:hover{color: #986800;}
@media (max-width:1150px) {.rightnews .item{padding:4.7% 5%;}}
@media (max-width:1050px) {.rightnews .item{padding:4.3% 5%;}}
@media (max-width:900px) {.rightnews .item{padding:4% 5%;}}
/*餐饮协助*/
.supporttopbg{width:100%;height:276px;text-align:center;background:#eeede8 url(../images/support/banner.jpg) no-repeat center top;}
.supportbox{text-align:center;}
.supportbox .toptext{display:inline-block;text-align:center;line-height:1.3em;font-size:45px;padding:2% 80px 5% 80px;position:relative;}
.supportbox .toptext span{float:left;display:inline-block;margin:0;}
.supportbox .toptext i{position:absolute;left:0px;display:block;width:60px;height:58px;background:url(../images/support/quotation.gif) no-repeat left top;}
.supportbox .toptext i.righti{left:unset;right:0px;background-position-x:right;}
.bottomtext{display:block;text-align:center;padding:5% 0 8% 0;clear:both;}
.bottomtext span{display:block;line-height:1.3em;font-size:45px;}
.supportlist .item{float:left;width:33.33%;}
.supportlist .item .box{display:block;width:97%;margin:0px auto;padding:12% 0px 14% 0px;text-align:center;background-color:#f5d44a;border-radius:0px 30% 0px 15%;}
.supportlist .item .box img{width:92.4%;max-width:364px;}
.supportlist .item .box .pic{margin:6% 0px 8% 0px;}
.supportlist .item .box h3{margin:0px 0px 10px 0px;}
.supportlist .item .box .text{display:block;text-align:center;}
.supportlist .item .box .text span{display:inline-block;line-height:1.6em;text-align:left;}
.supportlist .item .box .text span.left{margin:0px 20px 0px 0px;}
.supportlist .item .box .text span i{color:#f00;}
/*关于丰泰*/
.aboutctopbg{width:100%;height:276px;text-align:center;margin:0px 0px 105px 0px;background:#eeede8 url(../images/aboutc/banner.jpg) no-repeat center top;position:relative;}
.aboutctopbg i{display:block;width:211px;height:212px;margin:0px auto;position:absolute;left:0px;right:0px;bottom:-105px;background:url(../images/aboutc/logo.png) no-repeat center top;}
.aboutcbox{text-align:center;}
.aboutcbox .toptext{display:block;text-align:center;line-height:1.5em;padding:5% 8%;}
.aboutcbox .toptext img{display:block;margin:0px auto 4% auto;}
.bottomtext span{display:block;line-height:1.3em;font-size:45px;}
.aboutcpics{overflow:hidden;}
.aboutcpics img{float:left;display:block;width:25%;}
.contacbox{display:block;width:90%;max-width:868px;margin:6% auto;text-align:center;overflow:hidden;}
.contacbox img{width:80%;max-width:558px;margin-bottom:4%;}
.contacbox .leftpic,.contacbox .righttext{float:left;width:50%;}
.contacbox .leftpic img{width:100%;margin-bottom:0;}
.contacbox .righttext h3{display:inline-block;font-size:1em;margin:4% 0 2% 0;padding:0px 10px;line-height:3px;border-bottom:8px solid #f5d44a;}
.contacbox .righttext p{line-height:1.5em;}
/*视频中心*/
.videolist{margin-bottom:3%;}
.videolist .item{float:left;display:block;width:24.25%;margin:0 0 1% 1%;text-align:center;}
.videolist .first{margin:0 0 1% 0;}
.videolist .item .box{display:block;margin:0 0 5% 0;}
.videolist .item .box .pic img{width:100%;}
.videolist .item .box .text{margin-top:1%;line-height:1.5em;white-space:nowrap;overflow:hidden;}
/*渔场展示*/
.photolist{margin-bottom:3%;vertical-align:top;-moz-column-count: 4; /* Firefox */-webkit-column-count: 4; /* Safari 和 Chrome */column-count: 4;-moz-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;}
.photolist .item{display:block;padding:0px;margin:0;-moz-page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid;}
.photolist .item .box{display:block;padding:3px;margin:0 0 0px 0;border:1px solid #ddd;}
.photolist .item img{width: 100%;margin-bottom:3px;}
.photolist .item .box .text{padding:5px 2px;line-height:1.3em;font-size:15px;background: #ebebeb;overflow:hidden;}
.photolist .item .box .text p{font-size:15px;}
.photolist .item:hover .box{border:solid 2px #f5d44a;padding:2px;}
.photolist .item:hover .box .text{background:#f5d44a;}
.h10{display:block;height:10px;}
/*底部*/
.footer{background:#f5d44a;padding:25px 0px 35px 0px;margin:0px;overflow:hidden;}
.footer .footbox{position:relative;z-index:10012;overflow:unset;z-index:1000;}
.footer .backtotop{display:block;width:53px;height:53px;position:absolute;top:5px;right:-53px;background:url(../images/foot/totop.png) no-repeat center center;transition:top 0.15s ease;}
.footer .backtotop:hover{top: 0px;}
.footer .footleft{float:left;display:block;width:550px;}
.footer .foot-logo{display:block;float:left;width:100%;padding:0px 0px 0px 0px;overflow:hidden;}
.footer .footleft .foot-contact{display:block;float:left;width:100%;margin:70px 0px 0px 0px;overflow:hidden;}
.footer .footleft .foot-contact .leftqr{float:left;display:inline-block;line-height:1.6em;text-align:center;}
.leftcontact{float:left;margin:5px 0px 0px 25px;}
.leftcontact .text{font-size:15px;line-height:1.4em;margin:6px 0px 0px 0px;padding:6px 0px 0px 0px;border-top:2px solid #000;}
.footright{float:right;display:block;width:646px;overflow:hidden;}
.toplist{float:right;display:block;margin:15px 0px 0px 0px;}
.toplist a{display:block;float:left;width:92px;padding:0px 0px 0px 15px;line-height:25px;color:#000;font-size:15px;border-bottom:1px solid #000;margin:0px 50px 0px 0px;background:url(../images/foot/arrow.png) no-repeat 2px center;transition:all 0.2s ease;}
.toplist a:hover{background-position-x:6px;font-weight: bold;}
.footmap{float:right;margin:40px 50px 0px 0px;border: 2px dashed #000;}
.footinfo{width:100%;line-height:26px;padding:7px 0px;font-size:14px;text-align:center;color:#595959;background:#000;}
.footinfo .beian{text-indent:1em;}
.footinfo .beian a{color:#595959;}
/*分页*/
.pages {display:block;color:#000;margin:0px 0px;line-height:1.6em;overflow:hidden;}
.pages a, .pages a:visited,.pages .cpb{text-decoration: none;background-color: #f1f1f1;margin:0px 3px;font-size:14px;color:#000;height:30px;vertical-align: middle;line-height:30px;padding:0px 13px;display:inline-block;cursor:pointer;}
.pages a:hover{text-decoration: none;background:#f5d44a;}
.pages .cpb{padding:0px 16px;text-decoration: none;background-color:#f5d44a;}
@media (max-width:1220px){.footer .backtotop {right:10px;}}
@media (min-width:768px){.top-right{display:none;}}
@media (min-width:1080px){
.top-right{display:inline-block;}
.top-right .top-right-Qrcode{display:none;}
}
@media (min-width:1180px){
.top-right{display:inline-block;}
.top-right .top-right-Qrcode{display:inline-block;}
.top-right .top-right-Qrcode i{display:none;}
}
@media (min-width:1600px){
.top-nav ul li,.top-nav ul li a:link{width:130px;}
.top-nav{margin-left: 40px;}
.top-nav ul li q{width:130px;}
}
@media (max-width:1370px){
.top-right .top-right-tel{padding:24px 5px 0px 5px;}
}
@media (max-width:1354px){
.top-nav ul li,.top-nav ul li a:link{width:100px;}
.top-nav{margin-left: 40px;}
.top-nav ul li q{width:100px;}
}
@media (max-width:1325px){
.top-nav ul li,.top-nav ul li a:link{width:95px;}
.top-nav{margin-left: 40px;}
.top-nav ul li q{width:95px;}
}
@media (max-width:1297px){
.top-nav ul li,.top-nav ul li a:link{width:92px;}
.top-nav{margin-left: 40px;}
.top-nav ul li q{width:92px;}
}
@media (max-width:1285px){
.top-nav ul li,.top-nav ul li a:link{width:90px;}
.top-nav{margin-left: 40px;}
.top-nav ul li q{width:90px;}
}
@media (min-width:1285px){
.top-right{display:inline-block;}
.top-right .top-right-Qrcode{display:inline-block;}
.top-right .top-right-Qrcode i{display:inline-block;}
}
@media (min-width:887px) and (max-width:1400px) {
.whybg{padding-bottom:20px;}
.whyitembox{width:860px;min-height:880px;position:relative;margin:0px auto;}
.whybg .item{margin-top:-30px;}
.whybg .item2{left:265px;top:340px;}
.whybg .item3{left:auto;right:0px;top:160px;}
.whybg .item4{left:0px;top:525px;z-index:1003;}
.whybg .item5{right:0px;top:525px;}
.fishbox img{width:90%;}
}
@media (min-width: 887px){.fishbox{animation:fish 1.5s ease alternate infinite;}}
@media (max-width:970px) {
.focus a.prev,.focus a.next{display:none;}
.yuchangpicsbig a.close{right:0px;}
}
@media (max-width:820px) {
.top-logo{padding:10px 10px 10px 0px;}
.top-logo img{margin:0px 0px 0px 10px;}
.top-nav{margin:20px 0px 20px 10px;}
.supportlist .item .box .text span{font-size:15px;}
.supportlist .item .box .text span.left{margin:0px 10px 0px 0px;}
}
@media (min-width:768px) and (max-width:1220px) {
.aboutbox .abouttop{height:0px;}
.aboutbox .aboutbg{height:auto;}
.aboutleft{display:none;}
.aboutright{float:left;width:100%;margin:20px 0px 0px 0px;}
.aboutrighttop img{height:40px;margin:15px 0px 0px 15px;}
.aboutrighttop p{padding:0px 15px;font-size:15px;}
.aboutrightbottom{display:block;margin:55px 0px 30px 15px;}
/*视频展示*/
.videobox{height:auto;}
.videoleft{width:50%;max-width:610px;height:auto;margin:80px 0px 0px 0px;}
.videoleft img{width:100%;height:auto;cursor:pointer;}
.videoright{width:47%;height:auto;max-width:565px;}
.videorbottom{display:none;}
.videorbottom .vrbpic1{width:42%;max-width:349px;height:auto;}
.videorbottom .vrbtext{float:right;width:42%;max-width:161px;height:101px;}
.videorbottom .vrbpic2{float:right;width:42%;max-width:193px;height:121px;}
.footer .footleft{margin:0px 0px 0px 20px;padding: 0 5% 0 5%;}
.footer .footleft .foot-contact{margin:30px 0px 0px 0px;}
.footright{display:none;}
}
@media (max-width:887px) {
/*为什么选择*/
.indextitle{width:98%;display:block;text-align:center;margin:30px auto 20px auto;}
.indextitle h3{font-size:23px;line-height:12px;color:#000;padding:0px 0px;font-weight:normal;}
.indextitle i{height:10px;}
.whybox .arrow{display:none;}
.whybg{display:inline-block;height:100%;margin:60px 0px 0px 0px;padding-bottom:10px;background:#e9e9e9;}
.whyitembox{display:inline-block;width:100%;height:100%;padding-top:150px;margin:0px 0px 20px 0px;background-size:31px 31px;}
.fishbox{top:-45px;}
.fishbox img{width:90%;}
.whybg .item{float:left;display:block;position:static;top:0px;width:50%;text-align:center;margin-top:-55px;}
.whybg .item img{width:90%;}
.whybg .item3{width:100%;}
.whybg .item3 img{width:45%;}
.toptext{padding: 5% 5% 20% 5%;margin: 7%;}
}
@media (max-width:810px){
/*HEADEER*/
.headheight{display:block;width:100%;height:60px;}
.top-area{width:100%;height:60px;position:fixed;top:0px;z-index:9999999;}
.top-logo{padding:0px;background:none;}
.top-logo .logo{height:50px;margin:5px 0px 5px 5px;}
.menubtn{display:block;margin:10px 10px 0px 0px;background:#cba400 url(../images/top/menu.png) no-repeat center center;background-size: 26px 20px;}
.top-right{display:none;}
.top-logo .gohome{display:none;}
.top-nav{display:none;width:40%;margin:0px;height:auto;position:absolute;top:60px;right:0px;z-index:10010;z-index:10012;}
.top-nav .home{display:block;}
.top-nav ul li,.top-nav ul li a:link{width:100%;height:60px;line-height:20px;color:#000;text-align:center;font-size:15px;}
.top-nav ul li{}
.top-nav ul li i{display:block;width:100%;margin:16px 0px 0px 0px;font-size:12px;line-height:14px;font-style:normal;font-weight:bold;text-transform:uppercase;}
.top-nav ul li {border-bottom:solid 1px #ecc935;}
.top-nav ul li a:link{background:rgba(245,212,74,0.9);}
.top-nav ul li a:hover{background:rgba(242,197,22,0.9);}
.top-nav ul li a:link.on{background:rgba(242,197,22,0.9);}
.top-nav ul li a:link i b{display:none;}
.mshow{display:block;}
.top-pmenu{display: none;}
/*为什么选择*/
.whybox{margin-top:40px;}
.whyitembox{padding-top:70px;background-size:21px 21px;}
.whybg .item{margin-top:-35px;}
/*渔场展示*/
.indexsmalltitle{margin:20px 0px 10px 10px;padding:0px 10px 0px 0px;}
.borderr2{border-right:0px solid #fff;}
.indexsmalltitle h3{font-size:23px;line-height:15px;color:#fff;border-bottom:5px solid #f5d44a;padding:5px 10px 0px 10px;}
.smalltitle_en{display:none;}
a.more{line-height:28px;color:#000;font-size:15px;padding:0px 10px;margin:20px 10px 0px 0px;}
.leftshadow,.rightshadow{display:none;}
.yuchangbox{padding:0px 0px 0px 0px;height:auto;}
.yuchangpics ul li{float:left;width:100%;margin:5px 0px;border:0px;}
.yuchangpics ul li:hover{border:0px;}
.yuchangpics ul li img{width:100%;margin:0px 0px 6px 0px;}
.yuchangpics ul li i{display:inline-block;line-height:19px;padding:2px 0px 2px 12px;margin:0px 0px 5px 5px;border-left:solid 3px #f5d44a;color:#fff;font-size:14px;}
/*视频展示*/
.videobox{height:auto;}
.videoleft{display:block;float:left;width:100%;height:auto;margin:0px 0px 0px 0px;}
.videoleft img{width:100%;}
.videoleft embed{width:100%;}
.videorbottom{display:none;}
.videoright{float:left;width:100%;height:auto;margin:10px 0px 0px 0px;}
.videomore{height:auto;position:static;padding-bottom:18px;margin:15px 0px 0px 0px;}
.videotext{display:inline-block;text-align:left;}
.videotext img{float:left;height:25px;margin:0px 3px;}
.videotext h3{float:left;padding:0px 0px;font-size:25px;margin:0px 0px 0px 3px;font-weight:normal;border-bottom:0px;}
.videotext i{display:inline-block;width:100%;margin:5px 0px 10px 3px;line-height:1.3em;font-size:15px;}
.videomorelist a.vitem{float:left;width:50%;font-size:15px;margin:15px 0px 0px 0px;line-height:1.2em;}
.videomorelist a.vitem img{padding:0px;width:98%;max-width:unset;}
.videomorelist a.vitem:hover img{border:0px;}
.videomorelist a:last-child{width:98%;margin-left:1%;margin-bottom:10px;background:rgba(13,50,80,0.8);border-radius:3px;}
.videomorelist a:last-child img{display:none;}
.videomorelist a:last-child p{display:inline-block;line-height:40px;text-transform:uppercase;}
/*关于我们*/
.aboutbox .abouttop{height:0px;}
.aboutbox .aboutbg{height:auto;}
.aboutrbg{background:none;}
.aboutleft{display:none;}
.amore{font-size:15px;margin:0px 0px 5px 15px;}
.aboutright{float:left;width:100%;margin:0px 0px 0px 0px;}
.aboutrighttop{font-size:15px;}
.aboutrighttop img{height:40px;margin:25px 0px 0px 2%;}
.aboutrighttop p{padding:0px 2%;font-size:15px;}
.aboutrightbottom{display:block;width:96%;padding:0px;margin:25px 2%;}
.aboutrightbottom .newstitle{font-size:17px;padding:0px 0px 4px 0px;margin:0px 0px 10px 0px;}
.newslist a{line-height:30px;font-size:15px;margin:3px 0px 0px 0px;}
.newslist a:hover{border:0px;padding-left:0px;line-height:30px;}
.newslist a i{width:20px;height:20px;line-height:20px;margin:3px 6px 0px 0px;}
/*一条龙服务*/
.servicebox{padding-bottom:30px;}
.servicebox .servicetop{width:100%;height:163px;background-size:960px 163px;}
.servicelist{width:98%;margin:0px auto;}
.servicelist a{width:49.5%;margin-top:4px;}
.servicelist a:last-child{display:block;}
.servicelist a .box{width:100%;}
.servicelist a.item:hover{margin-top:4px;}
.servicelist a.item2{float:right;}
.servicelist .item .pic img{width:100%;}
.servicelist .item2{margin-top:4px;}
.servicelist .item .arrow,.servicelist .item2 .arrow{display:none;}
.servicelist .item .top{padding:3px 0px;font-size:15px;line-height:1.2em;}
.servicelist .item .top i{padding:0px 5px;font-size:40px;}
/*运输网络*/
.networkbox{display:inline-block;width:100%;height:auto;overflow:hidden;}
.networkbox .leftmap{width:100%;background:none;}
.networkbox .leftmap img{display:block;width:100%;}
.networkbox .netbox{float:left;display:inline-block;width:100%;height:auto;}
.networkbox .netbox .indexsmalltitle{margin:0px 0px 0px 2%;padding:0px 10px 0px 0px;}
.netlist{width:96%;margin:8px auto 20px auto;line-height:35px;}
.netlist .item{width:100%;border:solid 1px #414141;white-space:nowrap;max-width:unset;}
.netlist .item i{width:4em;margin:0px 6px 0px 0px;}
.transportationbox{margin:-5px 0px 0px 0px;}
/*产品展示*/
.producttopbg{height:138px;text-align:center;background-size:960px 138px;}
.borderright{border-right:0px;}
.titleright{display:none;}
.productbox{width:98%;}
.productbox .item{width:49.5%;margin-bottom:1%;text-align:center;}
.productbox .center{margin:0 0 1% 0;}
.productbox .right{margin:0 0 1% 1%;}
.productbox .item .box .text{overflow:hidden;}
.pinfo{margin-bottom:3%;}
.pinfo .pleft,.pinfo .pright,.pcontent .pics{width:98%;margin-left:1%;}
.pics1{width:98%;margin-left:1%;}
.pics1 img{width:100%;}
@media (max-width: 780px){
.acontent p {width:98%;margin-left:1%;}
.acontent img{width:100%;}
}
.infotitle h1{font-size:25px;}
.infocenter .right img{width:35px;}
/*新闻页面*/
.titlebox{height:auto;margin:0px 0px 2% 0px;}
.smalltitle{margin:0px 0px 0px 1%;}
.smalltitle h3{font-size:23px;line-height:13px;border-bottom:8px solid #f5d44a;padding:5px 10px 0px 10px;}
.titlemore{float:right;display:inline-block;margin:15px 2% 0px 0px;font-size:12px;}
.newstopbg{height:138px;text-align:center;background-size:960px 138px;}
.newstopitem{display:inline-block;width:33.3%;height:100px;margin:19px 0px 0px 0px;}
.newstopitem span{width:100px;height:100px;font-size:18px;}
.newstopitem span i{font-size:20px;margin:34px 0px 0px 0px;}
.toptitle{margin:20px 0px 10px 5px;}
.toptitle .smalltitle{margin:0px 0px 0px 0px;}
.toptitle img{margin:0px 0px 3px 15px;width:50px;}
.toptitle .backhome{margin:12px 5px 0px 0px;font-size:16px;}
.newsbox .item{height:auto;background:#eee;}
.newsbox .bgwhite{background:#fff;}
.newsbox a:hover{background-image:none;}
.newsbox .pic,.newsbox .pic img{width:160px;height:106px;}
.newsbox .text{width:auto;margin-left:160px;padding:0px 5px 0px 10px;line-height:1.8em;}
.newsbox .text h3{font-size:15px;line-height:1.3em;padding:5px 0px 5px 0px;margin:0px 0px 0px 0px;border-left:0px;}
.newsbox .text span{display:none;}
.newsbox .text b{color:#000;}
.bottombox{margin-bottom:3%;}
.leftphoto{width:100%;}
.leftphoto .item{width:50%;text-align:center;}
.leftphoto .item img{display:inline-block;width:96%;margin-bottom:4%;float:unset;box-sizing:border-box;}
.rightnews{float:left;width:100%;margin:3% 0px 0px 0px;}
.newscontent h1{font-size:20px;line-height:1.3em;}
.prenext{width:100%;height:50px;line-height:25px;padding:5px 5px;}
.prenext span{width:100%;text-align:left;height:25px;overflow:hidden;}
/*餐饮协助*/
.supporttopbg{height:138px;margin:0px 0px 0px 0px;background-size:960px 138px;}
.supportbox .toptext{line-height:1.3em;font-size:25px;padding:2% 50px 5% 50px;position:relative;}
.supportbox .toptext i{left:8px;width:30px;height:29px;background-size:60px 29px;}
.supportbox .toptext i.righti{left:auto;right:8px;}
.bottomtext span{font-size:25px;}
.bottomtext img{width:66%;}
.supportlist .item{width:100%;margin-bottom:10px;}
.supportlist .item .box img{width:94%;max-width:unset;}
.supportlist .item .box .pic{margin:3% 0px 4% 0px;}
.supportlist .item .box .text span{font-size:16px;}
/*关于丰泰*/
.aboutctopbg{height:138px;margin:0px 0px 53px 0px;background-size:960px 138px;}
.aboutctopbg i{width:106px;height:106px;bottom:-53px;background-size:106px 106px;}
.aboutcbox .toptext{padding:5% 2%;}
.aboutcbox .toptext img{width:60%;}
.aboutcpics{width:98%;margin:0px auto;}
.aboutcpics img{width:50%;}
.contacbox{width:98%;}
.contacbox img{width:90%;max-width:unset;margin-bottom:4%;}
.contacbox .leftpic,.contacbox .righttext{width:100%;}
.contacbox .leftpic img{margin-bottom:3%;}
/*视频中心*/
.videolist{width:98%;}
.videolist .item{float:right;width:49.5%;margin:0 0 1% 0;}
.videolist .first{margin:0 0 0 0;}
.videolist .firstm{float:left;margin:0 0 1% 0;}
/*渔场展示*/
.photolist{width:98%;margin-bottom:1%;-moz-column-count:2; /* Firefox */-webkit-column-count:2; /* Safari 和 Chrome */column-count:2;-moz-column-gap:5px;-webkit-column-gap:5px;column-gap:5px;}
.photolist .item .box{padding:2px;}
.h10{height:5px;}
/*底部*/
.footer{padding:15px 0px 15px 0px;margin:-5px 0px 0px 0px;overflow:hidden;}
.footer .backtotop{width:45px;height:45px;top:5px;right:10px;background-size:45px 45px;}
.footer .footleft{width:100%;padding: 0 3% 0 3%;}
.footer .foot-logo{padding:0px 0px 0px 10px;}
.footer .foot-logo img{width:60%;}
.footer .footleft .foot-contact{display:block;float:left;width:100%;margin:10px 0px 0px 0px;overflow:hidden;}
.footer .footleft .foot-contact .leftqr{display:none;}
.footer .footleft .foot-contact img{width:80%;}
.leftcontact{float:left;margin:5px 0px 0px 10px;}
.leftcontact .text{font-size:15px;line-height:1.4em;margin:6px 0px 0px 0px;padding:6px 0px 0px 0px;border-top:2px solid #000;}
.footright{float:left;display:inline-block;width:100%;overflow:hidden;padding: 0 3% 0 3%;}
.toplist{float:left;display:block;margin:10px 0px 0px 10px;}
.toplist a{float:left;width:35%;padding:0px 0px 0px 12px;margin:0px 10% 0px 0px;}
.footmap{display:none;}
.footinfo .beian{display:none;}
}
@keyframes fish{
from {top:-79px;transform:rotate(0deg);}
to {top: -100px;transform:rotate(-1.5deg);}
}